/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */

/* --------------------------- 

index

--------------------------- */
.home h2{
text-align: center;
color:#3E3E3E;
}
.home h2 span{
display: block;
font-size:80%;
}
.home h2 span:before{
content:"";
display: block;
width:4em;
height:1px;
border-top:solid 4px #4682B4;
margin-left:auto;
margin-right: auto;
}
#indexTtlWrap{
position:relative;
z-index:-1;
overflow: hidden;
}
#indexTtlWrap #inindexTtlWrap{
position:absolute;
width:100%;
height:100%;
left:0;
right:0;
top:0;
bottom:0;
font-size:1.4em;
z-index:10;
text-align: center;
display: table;
}
#indexTtlWrap p{
margin-top:0;
display: table-cell;
padding:1em 0;
position:relative;
font-size:0.8em;
text-align: right;
vertical-align: bottom;
}

#indexTtlWrap p img{
height:1.5em;
width:auto;
margin-right: 10px;
}

#indexTtlWrap p .inTxt{
width:40%;
background-color:#fff;
display: inline-block;
padding:1em 2em;
opacity: 0.8; filter: alpha(opacity=80);
text-align: left;
}
#indexTtlWrap ul{
position:relative;
width:100%;
height:420px;
overflow:hidden;
}
#indexTtlWrap li{
position:absolute;
width:100%;
height:100%;
opacity: 0; filter: alpha(opacity=0); 
}
#indexTtlWrap li:first-child{
opacity: 1.0; filter: alpha(opacity=100); 
}
#indexTtlWrap .inTtlWrapImg ul{margin-top:0;}

@media only screen and (max-width: 1325px){
    .inTtlWrapImg{
    overflow: hidden;
    position:relative;
    }
    .inTtlWrapImg ul{
    position:absolute;
    top:0;
    bottom:0;
    width:auto;
    }
    #indexTtlWrap ul .inTtlWrapImg,
    #indexTtlWrap ul{height:600px;}

    .inTtlWrapImg ul li img{
    margin-left:0;
    }

}
@media only screen and (max-width: 1287px){
    .inTtlWrapImg ul li img{
    width:auto;
    height:100%;
    }
}
@media only screen and (max-width: 1095px){
    #indexTtlWrap #inTtlWrap{font-size:1.8em;}
    #indexTtlWrap ul .inTtlWrapImg,
    #indexTtlWrap ul{
    height:500px;
    }
}
@media only screen and (max-width: 820px){
    #indexTtlWrap ul .inTtlWrapImg,
    #indexTtlWrap ul{
    height:400px;
    }
    #indexTtlWrap p{
    font-size:1em;
    }
	
}
@media only screen and (max-width: 500px){
    #indexTtlWrap ul .inTtlWrapImg,
    #indexTtlWrap ul{
    height:260px;
    }
	#indexTtlWrap ul img{
	margin-left:-40%;
	}
	#indexTtlWrap p .inTxt{
	width:auto;
	bottom:0;
	font-size:14px;
	padding:1em;
	}
}
/* indexServiceTop */
.indexServiceTop{
text-align: center;
background:url("/asset/img/index_service_bg.png") 0 0 no-repeat;
background-size:auto 100%;
}
.indexCorContract{
margin-top:2em;
padding:0.5em 0 2em 0;
border-top:solid 1px #4682B4;
border-bottom:solid 1px #4682B4;
}
.indexCorContract h3{
color:#4682B4;
}
/* indexService */
.indexService h2{
text-align: left;
color:#4682B4;
}
.indexService .col{
margin-top:0;
margin-left:0;
width:50%;
}
.indexService .col .inTxt{
padding:2em 4em;
}
@media only screen and (max-width: 1000px){
	.indexService .col .inTxt{
	padding:1em 1.5em;
	font-size:90%;
	}
	.indexService .col .inTxt h2{
	margin-top:0;
	}
}
.indexService .col img{
border:solid 1px #4682B4;
}
.indexService .inCon > div.columG2:nth-child(2n) div.col{
float:right;
margin-left:0;
}
.indexService .inCon > div.columG2:nth-child(2n) figure.col{
margin-left:0;
}
@media only screen and (max-width: 767px){
.indexService .col{
float:none !important;
width:auto !important;
}
.indexService .col .inTxt{
padding:1em 0;
}
}


/* indexFeature */
.indexFeature{
background:url("/asset/img/index_feature_bg.png") 0 0 no-repeat;
background-size: 100% auto;
}
@media only screen and (max-width: 1270px){
.indexFeature{
background-size: auto 100% ;
}
}
.indexFeature .linkBtn{
text-align: center;
}
.indexFeature .linkBtn li{
display: inline-block;
margin-left:1em;
margin-right: 1em;
}
.indexFeature h2{
font-size:2em;
}
.indexFeature h2 span:before{
content:none;
}
.indexFeature h2 span i{
font-size:60%;
}
.indexFeature h2 span{
color:#4682B4;
font-size:70%;
}
.indexFeature h2 span:after{
content:"";
display: block;
width:15em;
margin-left:auto;
margin-right: auto;
border-bottom:solid 3px #000;
padding-bottom: 1em;
}
.indexFeature dl{
margin-top:4em;
border:solid 1px #4682B4;
background-color:#fff;
opacity: 0.9; filter: alpha(opacity=90);
}
.indexFeature dl dt{
color:#4682B4;
text-align: center;
padding-bottom:2em;
min-height:6em;
}

.indexFeature dl{
padding:3em 0 2em; 
position: relative;
}
.indexFeature dl dt,
.indexFeature dl dd{
padding-left:2em;
padding-right:2em;
}
@media only screen and (max-width: 1070px){
	.indexFeature dl{
	padding:2.5em 0 1em;
	min-height:3em;
	position: relative;
	font-size:90%;
	}
	.indexFeature dl dt,
	.indexFeature dl dd{
	padding-left:1em;
	padding-right:1em;
	}
}
@media only screen and (max-width: 500px){
.indexFeature h2{font-size:1.5em}
.indexFeature .linkBtn li{margin-top:1em;}
}
.indexFeature .linkBtn{
margin-top:4em;
}
.indexFeature{counter-reset:number;}
.indexFeature dl dt:before{
counter-increment: number;
content: counter(number);
padding-right:10px;
position: absolute;
top:-1em;
left:50%;
display: inline-block;
background-color:#4682B4;
padding:5px 1em;
color:#fff;
font-size:1.5em;
margin-left:-1.2em;
}

/* indexNews */
.indexNews{
background:url("/asset/img/index_news_bg.png") 100% 0 no-repeat;
background-size:auto 100%;
}
.indexNews .newsLists{
width:60%;
margin-left:auto;
margin-right: auto;
}
.indexNews .linkBtn li{
text-align: center;
}
.indexNews .linkBtn li a{
background-color:transparent;
border:solid 1px #4682B4;
color:#4682B4;
text-align: left;
background:url("/asset/img_cmn/icon_arrow_b.svg") 96% 50% no-repeat;
}
@media only screen and (max-width: 767px){

.indexNews .newsLists{
width:auto;
}

}

/* indexColumn */
.indexColumn{
background:url("/asset/img/index_blog_bg.png") 100% 0 no-repeat;
background-size: 100% auto;
text-align: center;
}
.indexColumn h2{
background-color:#fff;
display: inline-block;
padding:1em 4em;
opacity: 0.8; filter: alpha(opacity=80);
margin-bottom:2em;
}
.indexColumn .blogList{
text-align: left;
}
.indexColumn .inCon{
padding-top:0;
}
@media only screen and (max-width: 1068px){
.indexColumn{
background-size: auto 100% ;
}
}
@media only screen and (max-width: 767px){
.indexColumn h2{
padding:1em;
margin-top:0 !important;
}
}
/* --------------------------- 

about

--------------------------- */

.aboutList .lists{
font-weight: bold;
color:#4682B4;
}
.aboutList .inTxt{
margin-top:2em;
border-top:solid 1px #4682B4;
border-bottom:solid 1px #4682B4;
padding-bottom: 1.6em;
}
.aboutList img{
border:solid 1px #4682B4;
box-shadow: 5px 5px 10px #999;
}
.conLineW h2{
text-align: center;
color:#4682B4;
}
@media only screen and (max-width: 767px){

    .conLineW .tableStyle{
    font-size:80%;
    }
	.conLineW .tableStyle th,
	.conLineW .tableStyle td{padding:5px;}
	.conLineW .tableStyle th{width:30%}

}
/* --------------------------- 

blog

--------------------------- */
.columnWrap{
background:url("/asset/img/column_bg.jpg") 0 0 no-repeat;
background-size:100% auto;
}
.blogList{margin-top:0;}
.blogList li{margin-top:2em;}
.blogList li a{display: block;position: relative;background-color:#fff;}
.blogList li a time,
.blogList li a span{display: block;}
.blogList li a i{color:#4682B4;font-size:1.1em;font-weight: bold;}
.blogList li a img{
float:left;
width:48%;
}
.blogList li a span.inTxt{
float:right;
width:48%;
padding:10px 0;
}
.blogList li a span.linkBtn{
position: absolute;
bottom:10px;
right:10px;
display: inline-block;
padding:6px 3em 6px 1em;
background-color:#4682B4;
text-decoration: none;
color:#fff;
background:url("/asset/img_cmn/icon_arrow_w.svg") 95% 50% no-repeat #4682B4;
}
.blogList li a:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 550px){
	.blogList li a span.linkBtn{
	font-size:10px;
	position: static;
	}
}
/* columnTtl */
.columnTtl{
padding-top:4em;
background:url("/asset/img/colum_ttl_bg.jpg") 0 0 no-repeat;
background-size:100% auto;
}
.columnDetail{
padding-bottom:4em;
}
@media only screen and (max-width: 767px){
.columnTtl{
padding-top:1em;
background-size:auto 100% ;
}
.columnTtl .newsTtl{
padding-bottom:0;
padding-top:0;
margin-bottom:0;
}
.columnWrap{
background-size:auto 100% ;}
.columnDetail{
padding-bottom:1em;
}
}

/* --------------------------- 

access

--------------------------- */
.inCon.newsW{padding-top:0;}

.accessDetail figure{
width:60%;
}
@media only screen and (max-width: 372px){
.accessDetail figure{
width:100%;
text-align: center;
}
.accessDetail figure img{width:60%;}
}