@charset "utf-8";


.print{
display:none;
}

@media only screen and (min-width: 769px) { /*pc*/

body{
background:url(../img/bg_cnci.png) center 650px no-repeat;

}


.slide1 {
width: 100%;
height: 650px;
position:relative;
top:0;
left:0;
z-index:1;

}


.slide1 .swiper-slide {
background-position: center;
background-size: cover;
background-blend-mode: multiply;
}



.slide_copy{
display:block;
width:100%;
max-width:1000px;
margin:0 auto auto;
color:#fff;
font-size:38px;
/*	font-weight:bold;*/
text-shadow:#000 0 0 10px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -80%);
-webkit-transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
z-index:100;
}


.slide_copy .t2{
display:block;
text-indent:3em;
}



.slide1 .swiper-pagination{
max-width:1000px;
position:absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -80%);
-webkit-transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
width:100%;
text-align:left;
}



.slide1 .swiper-pagination-bullet{
border-radius:0!important;
margin:0 3px;
background:#B2CAE2;
background:#fff!important;
opacity:0.8;
}

.slide1 .swiper-pagination-bullet-active{

background:#004DA0!important;
opacity:1;

}



}




@media only screen and (max-width: 768px) { /*sp*/


#mv{
position: relative;
top:0;
left:0;
padding:103% 0 0;
width: 100%;
background-color:#F0F0F0;
/*overflow:hidden;*/
z-index:1;
}


.mvdata{
width:100%;
/*height: 100vh;*/
height:100%;
position: absolute;
top: 0;
left: 0;
/*overflow:hidden;*/
}

.swiper-container {
position: relative;
width: 100%;
height: 100%
}

.slide1 .swiper-slide {
background-position: center;
background-size: cover;
}



.slide_copy{
display:block;
width:90%;
margin:0 auto auto;
color:#fff;
font-size:28px;
/*	font-weight:bold;*/
text-shadow:#000 0 0 10px;
position: absolute;
top: 60%;
left: 5%;
z-index:100;
}


.slide_copy .t2{
display:block;
text-indent:1em;
}


.slide1 .swiper-pagination{
position:absolute;
top:75%;
left:25px;
}

.slide1 .swiper-pagination-bullet{
border-radius:0!important;
margin:0 3px;
background:#B2CAE2;
background:#fff!important;
opacity:0.8;
}

.slide1 .swiper-pagination-bullet-active{

background:#004DA0!important;
opacity:1;

}


}


/** NEWS */

#news{
padding:0 30px 60px;
margin:120px auto 0;
}


#news h2{
color:#004DA0;
text-align:center;
font-weight:500;
border-bottom:2px solid #333;
padding-bottom:20px;
margin-bottom:30px;
}

#news h2 span.stxt{
display:block;
font-size:60%;
color:#9FA0A0;
font-weight:normal;
}

#news dl{
margin-bottom:3em;
}

#news dt{
color:#004DA0;
width:8em;
clear:left;
float:left;
padding-top:1em;
}

#news dd{
margin-left:8em;
padding-top:1em;
}

#news dd a{
text-decoration:none;
color:#000;
}

#news dd a:hover{
text-decoration:underline;
color:#000;
}



#news .more_blue{
margin:1em 0 0;
text-align:center;
}



#news .more_blue a{
color: rgba(0,77,160, 0.8);
text-decoration:none;
padding:0 60px 0 0;
background:url(../img/ya_b.png) right 0.6em no-repeat;
-moz-transition: 0.3s ease;
-webkit-transition:  0.5s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
}

#news .more_blue a:hover{
color: rgba(0,77,160, 1);
padding:0 70px 0 0;
background:url(../img/ya_b.png) right 0.6em no-repeat;
}

@media only screen and (max-width: 768px) {/*sp*/

#news{
margin:50px auto 0;
}


#news dt{
color:#004DA0;
width:100%;
clear:left;
float:left;
padding-top:1em;
margin-bottom:0.5em;
}

#news dd{
margin-left:0;
padding-top:1em;
}

}

/*******/

.flex-workcontainer{
display:-webkit-box;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
flex-direction:row ;
}


.flex-work{
}

.flex-work h2{
color: rgba(0,77,160, 1);
font-weight:600;
line-height:120%;
margin-top:1.5em;


}




.flex-work .more_blue{
margin:1em 0 0;
text-align:center;
}


.flex-work .more_blue a{
display:inline-block;
color: rgba(0,77,160, 0.8);
text-decoration:none;
padding:0 60px 0 0;
background:url(../img/ya_b.png) right 0.6em no-repeat;
-moz-transition: 0.3s ease;
-webkit-transition:  0.5s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
}

.flex-work .more_blue a:hover{
color: rgba(0,77,160, 1);
text-decoration:none;
padding:0 70px 0 0;
letter-spacing:0.1em;
}

.flex-work .more_white{
margin:1em 0 0;
text-align:center;
}


.flex-work .more_white a{
display:inline-block;
color: rgba(255,255,255, 0.8);
text-decoration:none;
padding:0 60px 0 0;
background:url(../img/ya_w.png) right 0.6em no-repeat;
-moz-transition: 0.3s ease;
-webkit-transition:  0.5s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
}

.flex-work .more_white a:hover{
color: rgba(255,255,255, 1);
text-decoration:none;
padding:0 70px 0 0;
letter-spacing:0.1em;
}




#jigyou{
background-color:#F2F2F2;
}

#jirei{
background-image:url(../img/bg_jirei.jpg);
background-position: center;
background-size: cover;
min-height:505px;
}


@media only screen and (min-width: 500px) and (max-width: 768px) {/*sp*/

.w2 .item div{
order:2;
}
.w2 .item figure{
order:1;
}


}



@media only screen and (min-width: 769px) {/*pc*/

.flex-workcontainer{
}

.flex-work {
flex: 0 1 33%;
max-width:33%;
}

.flex-work a{
display:block;
}

.flex-work h2{
font-size:150%;
margin-bottom:1em;
padding:1em 0 0;
text-align:center;
}

.flex-work .item{
display:flex;
flex-direction:column;

}

.flex-work .item div{
height:320px;
padding:0 1.5em 0;
overflow:hidden;
}

.flex-work p{
}

.w2 .item div{
order:2;
}
.w2 .item figure{
order:1;
}

.w2 .item  figure,
.w3 .item  figure{
margin: auto 0 0;
}

.flex-work figure{

width:100%;
text-align:center;
overflow:hidden;
height:320px;
margin:auto 0 0;
}

.flex-work figure img{
width:108%;
height:auto;
margin:0;

}

.flex-work {
min-height:320px;
}



#jigyou .flex-workcontainer{
padding:2em 2.5em;
}

#jigyou .flex-work {
flex: 0 1 32%;
background:#fff;
min-height:auto;
margin:0.5%;
padding:20px;
text-align:center;
max-width:32%;

}


#jigyou .flex-work div{
font-size:120%;
padding:0.5em 0 0;
color: #004DA0;
}

#jigyou .jh{
order:2;
display:flex;
background: #004DA0;
}

#jigyou .jh h2{
margin:auto;
color:#fff;
font-weight:400;
padding-bottom:0em;
padding-top:0;
}

_:-ms-lang(x)::-ms-backdrop, #jigyou .jh h2{
height:1.5em;/*ie m center*/
}




#jigyou .j1{
order:1;
}
#jigyou .j2{
order:3;
}
#jigyou .j3{
order:4;
}
#jigyou .j4{
order:5;
}
#jigyou .j5{
order:6;
}

#jigyou .flex-work a{
display:block;
-moz-transition: 0.3s ease;
-webkit-transition:  0.5s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
text-decoration:none;
}
}

#jigyou .flex-work a:hover{
letter-spacing:0.1em;
}





@media only screen and (min-width: 769px) and (max-width: 1169px){

.item div{
height:320px;
}

.flex-work h2{
font-size:150%;
margin-bottom:1em;
padding:0em 0 0;
text-align:center;
}

.item figure{
height:320px;
}

.item figure img{
display:none;
}


.w1 .item figure{
background-image:url(../img/img_4k.jpg);
background-position: center;
background-size: cover;
}

.w2 .item figure{
background-image:url(../img/img_home.jpg);
background-position: center;
background-size: cover;
}

.w3 .item figure{
background-image:url(../img/img_prezent.jpg);
background-position: center;
background-size: cover;
}



}

@media only screen and (max-width: 768px) {/*sp*/

.flex-work{
}

.flex-work h2{
font-size:150%;
margin-bottom:1em;
padding: 0;
text-align:center;
}

.flex-work .item{
display:flex;
flex-direction:column;

}

.item div{
padding:0 1em 2em;
order:2;
}

.item figure{
width:100%;
height:300px;
order:1;
}

.item figure img{
display:none;
}

.w1 .item figure{
background-image:url(../img/img_4k.jpg);
background-position: center;
background-size: cover;
}

.w2 .item figure{
background-image:url(../img/img_home.jpg);
background-position: center;
background-size: cover;
}

.w3 .item figure{
background-image:url(../img/img_prezent.jpg);
background-position: center;
background-size: cover;
}




#jigyou .flex-workcontainer{
padding:2em 1em;
}

#jigyou .flex-work {
flex: 0 1 48%;
background:#fff;
min-height:auto;
margin:1%;
padding:20px 0;
text-align:center;
max-width:48%;

}



#jigyou .flex-work div{
font-size:120%;
padding:0.5em 0 0;
color: #004DA0;
}

#jigyou .jh{
order:1;
display:flex;
justify-content: center;
align-items: center;
background: #004DA0;

}

#jigyou .jh h2{
margin:auto;
color:#fff;
font-weight:400;
padding-bottom:0;
}




#jigyou .j1{
order:2;
}
#jigyou .j2{
order:3;
}
#jigyou .j3{
order:4;
}
#jigyou .j4{
order:5;
}
#jigyou .j5{
order:6;
}

#jigyou .flex-work a{
display:block;
-moz-transition: 0.3s ease;
-webkit-transition:  0.5s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
}
}





#jigyou .flex-work a:hover{
letter-spacing:0.1em;
}



}


.flex-work a{
text-decoration:none;
}

.flex-work a:hover{
text-decoration:none;
}


.flex-work p{
margin:0 0 1em;
text-align:left;
}





.w1{
background:#004DA0;
color:#fff;
}

.w1 a{
color:#fff;
}

.w2{
background:#fff;
}

.w2 a{
color:#000;
}



.w3{
background:#BBCEE3;
color:#000;
}

.w3 a{
color:#fff;
}





@media only screen and (max-width: 768px) {/*sp*/

.flex-work {
flex-basis:100%;
}


}