@charset "UTF-8";
/* TOPページCSS */
/* -----------------------------------------------*/
article #main img{
width:100%;
height:auto;
}

article #top_main{
margin-bottom:30px;
}

article #main .sp{
display:none;
}



/*スライド部分*/
.swiper-container {
position: relative;
width: 100%;
height: 100%;
}
.swiper-container img{
width:100%;
height:auto;
}
.swiper-slide {
 /* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-container .swiper-slide {
  position: relative;
}
.swiper-container .swiper-slide .swiper-slide-content {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 3s ease 0s;
}

.swiper-slide-content .title{
font-size:300%;
color:#FFFFFF;
line-height:100%;
text-shadow: 1px 2px 3px #373737; 
}
.swiper-slide-content .title img{
width:50%;
height:auto;
padding-top:50px;
}

.swiper-slide-content p a{
font-size:150%;
padding:10px 30px;
text-decoration:none;
display:inline-block;
background:rgba(255,255,255,0.5);
border:1px solid #000000;
margin-top:50px;
 }
/**/



article .top{
overflow:hidden;
width:70%;
margin:0 auto;
}
article .top li{
width:25%;
float:left;
}
article .top li img{
width:100%;
height:auto;
}


article dd{
line-height:200%;
}
article #aboutus,#news,#businesscontent,#company{
width:70%;
margin:0 auto 70px;
background:#FFFFFF;
padding:70px 0;
clear:both;
}

 #footer-container{
width: 70%;
margin: 0 auto 70px;
background: #FFFFFF;
padding: 70px 0;}

article #news dd{
width:95%;
margin:0 auto 10px;
padding-bottom:10px;
border-bottom:1px dotted #666666;

}

article #news .day{
font-size:80%;
color:#666666;
}

article  dt, footer dt{
    font-size: 170%;
    padding: 0 0 50px 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}
article .fontsize_b{
font-size:120%;
}

article #businesscontent .menuBox{
width:24%;
height:auto;
display:inline-block;
vertical-align:top;
padding:30px 30px 40px;
margin:10px;
}

article #businesscontent .menuBox h3{
font-size:150%;
padding-bottom:20px;
}
article #businesscontent .menuBox .moreBtn{
display:block;
clear:both;
margin-top:20px;
letter-spacing: 2px;
}
article #businesscontent .menuBox .moreBtn a{
color:#FFFFFF;
padding:10px 30px;
text-decoration:none;
}
article #businesscontent .menuBox .moreBtn a:hover{
opacity: 0.8;
}


article #businesscontent .color01 h3{
color:#669ace;
}
article #businesscontent .color01{
background:#e0ecf9;
color:#669ace;
}
article #businesscontent .color01 .moreBtn a{
background:#669ace;
}
article #businesscontent .color02 h3{
color:#d68e28;
}
article #businesscontent .color02{
background:#fcf0de;
color:#d68e28;
}
article #businesscontent .color02 .moreBtn a{
background:#d68e28;
}

article #businesscontent .color03 h3{
color:#f68697;
}
article #businesscontent .color03{
background:#fceaed;
color:#f68697;
}
article #businesscontent .color03 .moreBtn a{
background:#f68697;
}


article #businesscontent .color04 h3{
color:#39a380;
}
article #businesscontent .color04{
background:#e0fbf2;
color:#39a380;
}
article #businesscontent .color04 .moreBtn a{
background:#39a380;
}


article #businesscontent .color05 h3{
color:#fb4c4d;
}
article #businesscontent .color05{
background:#fde4e4;
color:#fb4c4d;
}
article #businesscontent .color05 .moreBtn a{
background:#fb4c4d;
}


article #businesscontent .color06 h3{
color:#a887bb;
}
article #businesscontent .color06{
background:#f5e9fc;
color:#a887bb;
}
article #businesscontent .color06 .moreBtn a{
background:#a887bb;
}

article #company .companyConte{
width:85%;
margin:0 auto;
border-bottom:1px solid #999999;
text-align:left;
}

article #company .companyConte dt{
width:20%;
font-size:110%;
padding:25px 0;
display:inline-block;
vertical-align:middle;
text-indent:20px;
}
article #company .companyConte dd{
width:68%;
font-size:110%;
padding:25px 0;
display:inline-block;
vertical-align:middle;
}












/*タブレット*/
@media screen and (max-width: 820px) {
article #main img{
width:100%;
height:auto;
}

article #top_main{
margin-bottom:5px;
}

article #main .sp{
display:block;
}
article #main .pc{
display:none;
}

/*スライド部分*/

.swiper-slide-content .title{
font-size:140%;
color:#FFFFFF;
text-shadow: 1px 2px 3px #373737; 
}
.swiper-slide-content .title img{
width:100%;
height:auto;
padding-top:50px;
}

.swiper-slide-content p a{
font-size:150%;
padding:5px 30px;
text-decoration:none;
display:inline-block;
background:#fff;
border:1px solid #000000;
margin-top:20px;
 }
/**/


article .top{
width:100%;
}

article dd{
}
article #aboutus,#news,#businesscontent,#company, #footer-container{
width:90%;
margin:0 auto 20px;
padding:50px 20px;
clear:both;
}
article  dt{
font-size:170%;
padding:0 0 30px 0;
}
article .fontsize_b{
font-size:110%;
}

article #businesscontent .menuBox{
width:38%;
}

article #businesscontent .menuBox h3{
font-size:130%;
}
article #businesscontent .menuBox .moreBtn{
display:block;
clear:both;
margin-top:30px;
}

article #company .companyConte{
width:90%;
margin:0 auto 25px;
border-bottom:1px solid #999999;
text-align:left;
}

article #company .companyConte dt{
width:100%;
font-size:100%;
padding:0;
display:block;
vertical-align:middle;
text-indent:0;
}
article #company .companyConte dd{
width:100%;
font-size:100%;
padding:25px 0;
display:inline-block;
vertical-align:middle;
}
	
footer, .mailform-footer dd {
padding:0; 	
	}

}





/*スマホ*/

@media screen and (max-width: 640px) {
article .top li{
width:50%;
float:left;
}
article #businesscontent .menuBox{
width:90%;
display:block;
vertical-align:top;
padding:30px 15px;
margin:0px auto 20px;
}
}