@charset "utf-8";

/* --------------------------------------------------------- */
/* index.css */
/* --------------------------------------------------------- */

body{
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Microsoft YaHei", sans-serif;
}
.mincho{
	font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", "serif";
}

#wrap{position:relative;overflow:hidden;}
.section{width:100%;margin:0 auto;}
.content{width:95.608%;max-width:1306px;margin:0 auto;}
.layer{width:91.884%;max-width:1200px;margin:0 auto;position:relative;}

a{display:block;transition:ease 0.3s;transition-property:color,background;}
img{width:100%;height:auto;}

.sp{display:none;}

.fade{opacity:0;transform:translateY(50px);transition:ease 1s; transition-property:opacity,transform;}
.view{opacity:1;transform:translateY(0);}


/* メイン
----------------------- */
#main{}
#main .layer:before,
#main .layer:after{content:'';display:block;}
#main h2{width:83.334%;margin:0 auto;}
#main h3{width:20%;margin:0 auto;color:#fff;font-size:18px;font-weight:bold;text-align:center;text-decoration:none;line-height:278%;border-radius:1.389em;background:#ad1e23;}

/*KV*/
#kv{}
#kv:before{content:'';display:block;padding-top:2.2971%;}
#kv:after{content:'';display:block;padding-top:3.063%;}

#kv h1{}
#kv .lead{margin-top:2.5%;font-size:18px;line-height:200%;text-align:center;}

/*support*/
#support{background:#f5f2ee;}
#support .layer:before{padding-top:5.167%;}
#support .layer:after{padding-top:8.334%;}

.supportbox{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.667%;}
.supportbox li{width:40%;margin:2.5% 1.667% 0;position:relative;}
.supportbox .deco{position:absolute;top:0;}
.supportbox .sp1 .deco{width:31.667%;margin:-6.667% 0 0 -9.792%;left:0;}
.supportbox .sp3 .deco{width:35.625%;margin:10.417% 0 0 -10%;left:0;}
.supportbox .sp4 .deco{width:22.084%;margin:28.959% -7.709% 0 0;right:0;}

/*campus*/
#campus{}
#campus .layer:before{padding-top:10.167%;}
#campus .layer:after{padding-top:10%;}

.envbox{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3.334%;}
.envbox li{width:44.167%;margin:0 1.667%;position:relative;}
.envbox li a{width:37.736%;padding-top:7.548%;margin-left:31.1321%;opacity:0;position:absolute;top:0;left:0;}
.envbox .env1{}
.envbox .link1{margin-top:70%;}
.envbox .link2{margin-top:139.5%;}
.envbox .env2{margin-top:-5%;}
.envbox .env3{width:91.667%;margin-top:1.667%;}

/*data*/
#data{background:#eef3f6;}
#data .layer:before{padding-top:5.334%;}
#data .layer:after{padding-top:8.334%;}

#data h2{margin-bottom:2.5%;}

.resultbox{display:flex;flex-wrap:wrap;justify-content:center;}
.resultbox li{width:86.667%;margin:0 1.667%;}
.resultbox .res1{width:88.334%;margin-top:-2.167%;margin-left:-1.667%;}
.resultbox .res2{width:92.917%;margin:0.084% 0 0 6.25%;}
.resultbox .res3{margin-top:1.667%;margin-bottom:8.334%;}
.resultbox .res4{margin-top:2.5%;margin-bottom:8.334%;}
.resultbox .res5{margin-top:2.5%;width:41.667%;}
.resultbox .res6{margin-top:2.5%;width:41.667%;}

/*links*/
#links{}
#links .layer:before{padding-top:8.5%;}
#links .layer:after{padding-top:8.334%;}

#links .linklist{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3.334%;}
#links .linklist li{width:41.667%;margin:1.667%;}
#links .linklist a{padding:2.3em 0;font-size:15px;text-align:center;text-decoration:none;border:1px solid #cccccc;border-radius:1em;background:url(../img/icon-arrow.png) no-repeat center right;background-size:2em auto;box-sizing:border-box;}
#links .linklist strong{font-size:18px;}

#links .btn{width:26.667%;margin:6.667% auto 0;}
#links .btn a{color:#333;font-size:18px;font-weight:bold;line-height:333%;text-align:center;text-decoration:none;border-radius:1.667em;background:#f5f5f5;}


/* 資料請求
----------------------- */
#request{width:50px;position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:100;}


/* フッター
----------------------- */
#footer{}
#footer .content{background:#f5f5f5;}
#footer .layer:before{content:'';display:block;padding-top:3.334%;}

#sns{display:flex;flex-wrap:wrap;justify-content:center;}
#sns .sns{width:41.667%;margin:0 1.667%;}
#sns .sns a{padding:4% 0 5%;font-size:15px;text-decoration:none;border-radius:1em;background:#fff;}
#sns .icon{width:12%;margin:0 auto;}
#sns .head{margin:0.278em 0 0.556em;font-size:18px;font-weight:bold;line-height:155%;text-align:center;}
#sns .txt{font-size:15px;line-height:160%;text-align:center;}

#copy{padding:3.334% 0 5%;color:#333;font-size:15px;line-height:100%;text-align:center;}



@media screen and (max-width: 1366px){

/*KV*/
#kv .lead{font-size:1.3178vw;}

/*data*/
#data .btn a{font-size:1.3178vw;}

/*links*/
#links .linklist a{font-size:1.0981vw;border-width:0.0733vw;}
#links .linklist strong{font-size:1.3178vw;}

#links .btn a{font-size:1.3178vw;}


/* 資料請求
----------------------- */
#request{width:3.661%;}


/* フッター
----------------------- */
#sns .head{font-size:1.3178vw;}
#sns .txt{font-size:1.0981vw;}

#copy{font-size:1.0981vw;}

}



@media screen and (max-width: 750px){

.content{width:100%;}
.layer{width:92%;}

.pc{display:none;}
.sp{display:block;}


/* メイン
----------------------- */
#main h2{width:100%;}
#main h3{width:46.377%;}

/*KV*/
#kv:before{padding-top:4%;}
#kv:after{padding-top:13.334%;}

#kv h1{width:92%;margin:0 auto;}
#kv .lead{margin-top:6.667%;font-size:3.2vw;}

/*support*/
#support .layer:before{padding-top:12.174%;}
#support .layer:after{padding-top:14.493%;}

.supportbox{margin-top:1.015%;}
.supportbox li{width:94.203%;margin:8.696% auto 0;}
.supportbox .sp1 .deco{width:26.77%;margin:-3.077% 0 0 -6.616%;}
.supportbox .sp3 .deco{width:33.077%;margin:-6.308% 0 0 -6%;}
.supportbox .sp4 .deco{width:18.77%;margin:32.616% -3.077% 0 0;}

/*campus*/
#campus{}
#campus .layer:before{padding-top:13.624%;}
#campus .layer:after{padding-top:14.493%;}

.envbox{margin-top:00%;}
.envbox li{width:100%;margin:0;}
.envbox li a{width:57.972%;padding-top:11.595%;margin-left:21.015%;}
.envbox .link1{margin-top:72.4%;}
.envbox .link2{margin-top:148%;}
.envbox .env1{margin-top:9.566%;}
.envbox .env2{margin-top:2.174%;}
.envbox .env3{width:100%;margin-top:8.696%;}

/*data*/
#data .layer:before{padding-top:11.16%;}
#data .layer:after{padding-top:14.493%;}

#data h2{margin-bottom:11.595%;}
#data h3{font-size:3.2vw;line-height:292%;border-radius:1.459em;}

.resultbox{}
.resultbox li{width:94.203%;margin:0;}
.resultbox .res1{width:100.29%;margin-top:2.899%;margin-left:2.899%;}
.resultbox .res2{width:94.203%;margin:8.696% 0 0;}
.resultbox .res3{width:100.87%;margin:8.696% 0 14.493% -1.015%;}
.resultbox .res4{margin-top:5.798%;margin-bottom:13.044%;}
.resultbox .res5{margin-top:5.798%;width:94.203%;}
.resultbox .res6{margin-top:8.696%;width:94.203%;}

/*links*/
#links .layer:before{padding-top:15.073%;}
#links .layer:after{padding-top:14.493%;}

#links .linklist{margin-top:2.174%;}
#links .linklist li{width:94.203%;margin:4.348% 0 0;}
#links .linklist a{padding:1.92em 0;font-size:3.2vw;border-width:0.267vw;border-radius:1.25em;background-size:1.625em auto;}
#links .linklist strong{font-size:4.267vw;}

#links .btn{width:72.464%;margin-top:14.493%;}
#links .btn a{font-size:3.734vw;line-height:357%;border-radius:1.786em;}


/* 資料請求
----------------------- */
#request{width:100%;top:auto;bottom:0;transform:translateY(0);}


/* フッター
----------------------- */
#footer .layer:before{padding-top:7.247%;}

#sns .sns{width:94.203%;margin:0;}
#sns .sns + .sns{margin-top:7.247%;}
#sns .sns a{padding:4.616% 0 6.154%;font-size:4vw;}
#sns .icon{width:19.231%;}
#sns .head{margin:0.5em 0;font-size:3.734vw;line-height:130%;}
#sns .txt{font-size:3.2vw;line-height:158%;}

#copy{padding:11.595% 0 23.189%;font-size:3.2vw;}
	
}