@charset "utf-8";

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

#wrap{position:relative;overflow:hidden;}
.section{width:100%;margin:0 auto;box-sizing:border-box;}
.content{width:100%;margin:0 auto;box-sizing:border-box;position:relative;}
.layer{width:100%;max-width:1040px;margin:0 auto;box-sizing:border-box;}

.b-ye{background:#ffd700;}
.b-bl{background:#000;}
.b-gr{background:#f5f5f5;}

.sp{display:none;}

a{display:block;}

img{width:100%;height:auto;}


/* ヘッダー
----------------------- */
#header{}
#header .layer{height:90px;max-width:1330px;display:flex;align-items:center;padding:0 20px;}
#header h1{width:200px;margin-right:20px;}
#header .txt{font-size:12px;font-weight:700;font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;line-height:140%;}



/* メイン
----------------------- */
#main{}

#head1 h2{width:88.75%;/*923*/margin:0 auto;padding:10% 0;}
#head3 h2{width:46.347%;/*482*/margin:0 auto;padding:5.577% 0;}

#main .credit{position:absolute;bottom:0;left:0;margin:0 0 20px 20px;}


/* kv */
/* -------------------- */
#kv{position:relative;}
#kv .copy{width:29.688%;margin:0 0 3% 7.3125%;position:absolute;bottom:0;left:0;}


/* world */
/* -------------------- */
#world{}
#world p{color:#fff;}

#world .map p{font-size:18px;line-height:177%;text-align:center;}
#world .map .txt{padding:4.808% 0 2.885%;}
#world .map .image{width:109.904%;/*1143*/margin:0 auto 0 -4.952%;}
#world .map .note{margin-top:1.924%;line-height:250%;}

#world .bnr{margin:8.654% auto 10.577%;}
#world .bnr a{background:#fff;}
#world .bnr img{transition:opacity ease 0.3s;}
#world .bnr a:hover img{opacity:0.7;}

#world .detail{padding-bottom:12.5%;}
#world .detail h3{margin:0 auto 6.924%;}
#world .detail .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#world .detail .image{width:72.116%;margin:0 4.808% 0 -26.924%;position:relative;}
#world .detail .image span{display:block;font-size:16px;position:absolute;bottom:0;right:0;transform:translateY(100%);margin-right:1em;}
#world .detail .image em{font-style:normal;font-weight:normal;/*font-size:170%;transform:translateY(0.175em);*/display:inline-block;}
#world .detail .txtbox{width:50%;}
#world .detail .head{width:calc(100% + 1em);margin-bottom:0.75em;color:#fff;font-size:28px;line-height:160%;}
#world .detail .txt{font-size:18px;line-height:188%;}

#world .detail:nth-of-type(odd) .inner{flex-direction:row-reverse;}
#world .detail:nth-of-type(odd) .image{margin:0 -26.924% 0 4.808%;}
#world .detail:nth-of-type(odd) .image span{right:auto;left:0;margin-left:1em;margin-right:0;margin-right:1em;}
#detail1 h3{width:87.789%;}
#detail2 h3{width:74.424%;}
#world #detail3{padding-bottom:15.385%;}
#detail3 h3{width:100.77%;margin-left:-0.385%;}


/* letter */
/* -------------------- */
#letter{background:#fff url(../images/bg_letter.jpg) no-repeat top center;background-size:100% auto;}

#letter .letterbox{padding:13.462% 0 0;position:relative;}
#letter .letter{width:86.539%;/*900(750)*/margin:0 auto;padding:5.289% 7.212% 4.808%;box-sizing:border-box;background:url(../images/bg_letter2.png) repeat-y top center;background-size:100% auto;position:relative;}
#letter .letter .head{width:53.734%;/*403/750*/margin:0 auto 5% 0%;}
#letter .letter p{font-size:16px;line-height:200%;}
#letter .letter .txt{margin-top:1.5em;}
#letter .letter .post{margin:17.334% 0 0.25em;line-height:100%;text-align:right;}
#letter .letter .post span{font-size:125%;line-height:200%;}
#letter .letter .sign{width:42.534%;/*319*/margin:0 0 25% auto;}

#letter .letterbox .image1{position:absolute;width:48.077%;/*530*/margin:-10.577% -22.116% 0 0;top:0;right:0;}
#letter .letterbox .image3{display:flex;align-items:flex-end;position:absolute;left:0;bottom:0;padding:0 8.334% 5.556%}
#letter .letterbox .image3 img{width:28%;/*210*/}
#letter .letterbox .image3 > span{display:block;margin-left:1em;font-size:16px;line-height:150%;}
#letter .letterbox .image3 span span{display:block;margin-bottom:0.5em;}
#letter .letterbox .image3  em{font-style:normal;font-weight:normal;/*font-size:170%;transform:translateY(0.175em);*/display:inline-block;}

#letter .moviebox{padding-bottom:11.058%;}
#letter .moviebox h3{width:59.808%;margin:11.539% auto 2.404%;}
#letter .moviebox .yt{width:62.5%;padding-top:35.097%;margin:0 auto;position:relative;}
#letter .moviebox .yt iframe{width:100%;height:100%;position:absolute;top:0;left:0;}


/* lights */
/* -------------------- */
#lights{background:url(../images/bg_lights.jpg) no-repeat center bottom;background-size:cover;}
#lights .layer{max-width:1200px;}
#lights .box{width:43.334%;/*520*/margin:0 0 0 auto;padding:6.917% 0 6.334%;}
#lights h3{width:87.308%;}
#lights .txt{width:calc(100% + 1em);margin:9.616% auto 7.693% 0;color:#fff;font-size:15px;line-height:200%;}
#lights .btn{width:96.154%;}
#lights .btn a{background:#fff;}
#lights .btn img{transition:opacity ease 0.3s;}
#lights .btn a:hover img{opacity:0.7;}


/* kv */
/* -------------------- */
#what{}
#what .logo{width:41.058%;margin:0 auto;padding:5.77% 0 7.116%;}
#what h3{width:20.481%;margin:0 auto;}
#what .txt{padding:2.885% 0 7.693%;font-size:18px;line-height:211%;text-align:center;}


/* support */
/* -------------------- */
#support{background:url(../images/bg_support.jpg) no-repeat bottom center;background-size:cover;}
#support .layer{max-width:1366px;}
#support .box{width:47.585%;/*650*/margin:0 0.952% 0 auto;padding:5.125% 0 4.393%;}
#support .txtbox{margin-top:7.693%;padding-left:22.847%;/*142*/background:no-repeat top left;background-size:15.385% auto;}
#support .head{margin-bottom:1em;color:#fff;font-weight:bold;font-size:24px;line-height:100%;}
#support .txt{color:#fff;font-size:18px;line-height:155%;}
#support ul.txt{margin-top:1.5em;}
#support ul.txt li{margin-top:0.75em;padding-left:2em;font-size:15px;box-sizing:border-box;background:url(../images/icon_check.png) no-repeat;background-position:top 0.35em left;background-size:1em auto;}

#support #support1{background-image:url(../images/img_support1.png);}
#support #support2{background-image:url(../images/img_support2.png);}
#support #support3{background-image:url(../images/img_support3.png);}


/* donate */
/* -------------------- */
#donate{}
#donate .bnr{margin:7.693% auto 5.77%;}
#donate .bnr a{background:#fff;}
#donate .bnr img{transition:opacity ease 0.3s;}
#donate .bnr a:hover img{opacity:0.7;}
#donate h3{width:92.404%;margin:0 auto;}
#donate .txt{margin:2.885% auto 6.731%;font-size:18px;line-height:177%;text-align:center;}


/* head3 */
/* -------------------- */
#head3 .layer{position:relative;}
#head3 .layer:before{content:'';display:block;width:6.731%;padding-top:2.885%;background:url(../images/arrow.png) no-repeat bottom center;background-size:100% auto;position:absolute;bottom:0;left:50%;transform:translate(-50%,99%);}


/* utilization */
/* -------------------- */
#utilization{}
#utilization .bnr{margin-bottom:1.924%;}
#utilization .bnr:first-of-type{padding-top:5.77%;}
#utilization .note{padding-bottom:4.808%;color:#fff;font-size:18px;line-height:155%;}


/* supporter */
/* -------------------- */
#supporter{}
#supporter h3{padding:10.577% 0 6.25%;}

#supporter .aboutList{display:flex;flex-wrap:wrap;justify-content:space-between;}
#supporter .about{background:#f5f5f5 no-repeat;background-size:100% auto;}
#supporter .head{margin:0 auto 4%;padding-top:6%;}
#supporter .txt{width:76%;margin:0 auto;padding-bottom:9%;font-size:18px;line-height:155%;}
#supporter .image{width:86.347%;margin:0 auto;padding-bottom:5.77%;}

#supporter #about1{width:48.077%;background-image:url(../images/bg_about1.jpg);}
#about1 .head{width:76.6%;}
#supporter #about2{width:48.077%;background-image:url(../images/bg_about2.jpg);}
#about2 .head{width:67.8%;}
#supporter #about3{width:100%;margin-top:3.847%;}
#about3 .head{width:86.539%;margin-bottom:2.885%;padding-top:4.808%;}
#about3 .txt{width:86.539%;padding-bottom:4.808%;text-align:center;}

#supporter .btn{width:48.077%;margin:0 auto;padding:7.693% 0 13.462%;}
#supporter .btn a{box-shadow:15px 15px 15px 0 #ccc;background:#fff;}
#supporter .btn img{transition:opacity ease 0.3s;}
#supporter .btn a:hover img{opacity:0.7;}


/* qa */
/* -------------------- */
#qa{background:#f5f5f5;}
#qa h3{width:37.693%;margin:0 auto;padding:11.539% 0 2.404%;}
#qa .txt{font-size:18px;line-height:188%;text-align:center;}

#qa .category{margin-top:2.885%;}
.category h4{padding:1.167em 0;color:#ffff;font-size:24px;line-height:100%;text-align:center;border-radius:8px;background:#777777 url(../images/icon_open.png) no-repeat;background-position:center right 0.833em;background-size:1.208em auto;cursor:pointer;}
.category h4.open{background-image:url(../images/icon_close.png);}
.category .toggle{display:none;}
.category .qa{margin-top:1.934%;}
.category .qa p{padding:0.65em 0 1.3em 6em;font-size:20px;line-height:170%;position:relative;box-sizing:border-box;}
.category .qa p:before{content:'';display:block;width:3em;padding-top:3em;background-repeat:no-repeat;background-position:center;background-size:100% auto;position:absolute;top:0;left:0;margin-left:1em;}
.category .que{}
.category .que:before{background-image:url(../images/icon_q.png);}
.category .ans{}
.category .ans:before{background-image:url(../images/icon_a.png);}

#qa .note{margin:5.77% auto 12.5%;}
#qa .note li{padding-left:1em;font-size:18px;line-height:177%;text-indent:-1em;box-sizing:border-box;}

#qa .copys{padding-bottom:12.981%;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;}
#qa .copy{width:36.539%;margin:0 3.366%;}
#qa .btnbox{width:48.077%;margin:0 3.366%;}
#qa .btnbox .head{width:77.8%;margin:0 auto 5%;}
#qa .btnbox .btn{}
#qa .btnbox .btn a{box-shadow:15px 15px 15px 0 #ccc;background:#fff;}
#qa .btnbox .btn img{transition:opacity ease 0.3s;}
#qa .btnbox .btn a:hover img{opacity:0.7;}


/* フッター
----------------------- */
#footer{}
#footer .layer{max-width:1200px;}
#footer .layer:after{content:'';display:block;padding-top:1.667%;clear:both;}
#footer .box{padding:3.334% 0 1.667%;position:relative;}

#footer .left{display:flex;align-items:center;}
#footer .logo{width:29.667%;}
#footer .name{padding:1.75em 0 0 2.5em;font-size:18px;line-height:194%;}

#footer .right{width:26.25%;margin-top:3.75%;position:absolute;top:0;right:0;}
#footer .tel a{text-decoration:none;}

#footer .copyright{float:left;font-size:14px;line-height:250%;}
#footer .privacy{float:right;font-size:14px;line-height:250%;}
#footer .privacy a{text-decoration:underline;}
#footer .privacy a:hover{text-decoration:none;}



@media screen and (max-width: 1366px){
	
.layer{width:76.135%;/*1040*/}

#main .credit{margin:0 0 1.465vw 1.465vw;}
#main .credit img{width:auto;height:1.318vw;}

/* 14 */
#footer .copyright,
#footer .privacy{font-size:1.025vw;}

/* 15 */
#lights .txt,
#support ul.txt li{font-size:1.099vw;}

/* 16 */
#world .detail .image span,
#letter .letter p,
#letter .letterbox .image3 span,
#footer .txt{font-size:1.172vw;}

/* 18 */
#world .map p,
#world .detail .txt,
#letter .moviebox .txt,
#what .txt,
#support .txt,
#donate .txt,
#utilization .note,
#supporter .txt,
#qa .txt,
#qa .note li,
#footer .name{font-size:1.318vw;}

/* 20 */
.category .qa p{font-size:1.465vw;}

/* 24 */
#support .head,
.category h4{font-size:1.757vw;}

/* 28 */
#world .detail .head{font-size:2.05vw;}


/* ヘッダー
----------------------- */
#header .layer{width:100%;}

/* lights */
/* -------------------- */
#lights .layer{width:87.848%;/*1200*/}

/* support */
/* -------------------- */
#support .layer{width:100%;}

/* フッター
----------------------- */
#footer .layer{width:87.878%;/*1200*/}


}



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

.layer{width:92%;/*690*/}

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


/* ヘッダー
----------------------- */
#header{}
#header .layer{width:100%;height:19.2vw;padding:0 0 0 3.46667vw;}
#header h1{width:37.6vw;margin-right:3.33333vw;}
#header .txt{font-size:2.66667vw;}



/* メイン
----------------------- */
#head1 h2{width:75.798%;/*523*/padding:10.145% 0;}
#head3 h2{width:77.392%;/*534*/padding:7.972% 0;}


/* kv */
/* -------------------- */
#kv .copy{width:86.534%;margin:0 0 16vw 4vw;}


/* world */
/* -------------------- */
#world .map p{font-size:3.734vw;line-height:160%;}
#world .map .txt{padding:1em 0;}
#world .map .image{width:108.696%;margin:0 auto 0 -4.348%;}
#world .map .note{width:calc(100% + 0.5em);margin-top:1em;line-height:160%;text-align:left;}

#world .bnr{margin:10.145% auto 17.392%;}
#world .bnr a:hover img{opacity:1;}

#world .detail{padding-bottom:11.595%;}
#world .detail h3{margin:0 auto 5.798% 0;}
#world .detail .inner{}
#world .detail .image{width:92.754%;margin:0 auto 10.145% -4%;}
#world .detail .image span{font-size:3.2vw;transform:translateY(75%);right:auto;left:0;margin-right:0;margin-left:4%;}
#world .detail .txtbox{width:88.406%;margin:0 auto 0 0;}
#world .detail .head{font-size:4.8vw;line-height:152%;}
#world .detail .txt{font-size:3.734vw;line-height:160%;}

#world .detail:nth-of-type(odd) .image{margin:0 -4% 10.145% auto;}
#world .detail:nth-of-type(odd) .image span{left:auto;right:0;margin-right:4%;margin-left:0;}

#detail1 h3{width:74.638%;}
#detail2 h3{width:71.16%;margin-left:11.595%!important;}
#detail2 .txtbox{margin:0 0 0 auto!important;}
#world #detail3{padding-bottom:34.783%;}
#detail3 h3{width:81.885%;margin-left:0;}


/* letter */
/* -------------------- */
#letter{background-image:url(../images/sp_bg_letter.jpg);}

#letter .letterbox{padding:34.783% 0 0;}
#letter .letter{width:100%;padding:8.696% 5.798% 11.595%;background-image:url(../images/sp_bg_letter2.png);}
#letter .letter .head{width:78.361%;/*478/610*/margin:0 auto 00% 0;}
#letter .letter p{font-size:3.734vw;line-height:157%;}
#letter .letter .post{margin-top:9.837%;}
#letter .letter .sign{width:87.541%;/*534*/margin:0 0 00% auto;}

#letter .letterbox .image1{width:55.073%;/*530*/margin:-20.29% -4% 0 0;}
#letter .letterbox .image3{padding:11.476% 0 0;position:static;}
#letter .letterbox .image3 img{width:42.623%;}
#letter .letterbox .image3 > span{font-size:3.067vw;line-height:135%;}
#letter .letterbox .image3 span span{font-size:3.334vw;}

#letter .moviebox{padding-bottom:14.493%;}
#letter .moviebox h3{width:95.363%;margin:17.392% auto 2.899%;}
#letter .moviebox .yt{width:94.203%;padding-top:52.899%;}


/* lights */
/* -------------------- */
#lights{background:#000 url(../images/sp_bg_lights.jpg) no-repeat top center;background-size:100% auto;}
#lights .layer{width:100%;}
#lights .box{width:100%;margin:0 auto;padding:0 0 10.145%;}
#lights h3{width:100%;}
#lights .txt{width:92%;margin:1.5em auto;font-size:3.734vw;line-height:178%;}
#lights .btn{width:66.667%;margin:0 auto;}
#lights .btn a:hover img{opacity:1;}


/* kv */
/* -------------------- */
#what .logo{width:72.174%;padding:10.145% 0 8.696%;}
#what h3{width:40.435%;}
#what .txt{padding:1.5em 0 2.5em;font-size:3.734vw;line-height:160%;}


/* support */
/* -------------------- */
#support{background:#000 url(../images/sp_bg_support.png) no-repeat top center;background-size:100% auto;}
#support .layer{width:100%;}
#support .box{width:100%;margin:0 auto;padding:0 0 16%;}



#support .txtbox{width:86.667%;margin:6.667% auto 0%;padding-left:0;}
#support .head{margin-bottom:0.5em;padding-left:21.847%;font-size:4.8vw;line-height:2.77em;height:2.77em;}
#support .txt{font-size:3.734vw;line-height:160%;}
#support ul.txt li{padding-left:1.5em;font-size:3.734vw;}


/* donate */
/* -------------------- */
#donate{}
#donate .bnr{margin:11.595% auto 10.145%;}
#donate .bnr a:hover img{opacity:1;}
#donate h3{width:95.218%;}
#donate .txt{margin:1.5em auto 2em;font-size:3.734vw;line-height:160%;}


/* head3 */
/* -------------------- */
#head3 .layer{}
#head3 .layer:before{width:9.334%;padding-top:4%;transform:translate(-50%, 98%);}


/* utilization */
/* -------------------- */
#utilization{}
#utilization .bnr{margin-bottom:2.899%;}
#utilization .bnr:first-of-type{padding-top:8.696%;}
#utilization .note{padding:0.5em 0 1.5em;font-size:3.467vw;line-height:161%;}


/* supporter */
/* -------------------- */
#supporter{}
#supporter h3{width:108.696%;margin-left:-4.348%;padding:8.696% 0 10.145%;}

#supporter .aboutList{}
#supporter .about{}
#supporter .head{margin:0 2.899% 2.899% auto;padding-top:2.899%;}
#supporter .txt{width:100%;padding-bottom:8.696%;font-size:3.6vw;line-height:160%;letter-spacing:-0.2vw;}
#supporter .txt sub{font-size:50%;}
#supporter .image{width:91.45%;padding-bottom:11.595%;}

#supporter #about1{width:100%;background-image:url(../images/sp_bg_about1.jpg);}
#about1 .head{width:80.725%;}
#about1 .txt{width:80.725%;margin:0 2.899% 0 auto;}
#supporter #about2{width:100%;margin-top:4.348%;background-image:url(../images/sp_bg_about2.jpg);}
#about2 .head{width:80.725%;}
#about2 .txt{width:80.725%;margin:0 2.899% 0 auto;}
#supporter #about3{margin-top:4.348%;}
#about3 .head{width:88.406%;margin-bottom:5.798%;padding-top:8.696%;}
#about3 .txt{width:88.406%;padding-bottom:8.696%;}

#supporter .btn{width:72.464%;padding:11.595% 0 20.29%;}
#supporter .btn a{box-shadow:2vw 2vw 2vw 0 #ccc;}
#supporter .btn a:hover img{opacity:1;}


/* qa */
/* -------------------- */
#qa{}
#qa h3{width:65.798%;padding:8.696% 0 2.899%;}
#qa .txt{font-size:3.734vw;line-height:121%;}

#qa .category{margin-top:4.348%;}
.category h4{padding:0.75em 0;font-size:4.26vw;background-position:center right 0.9375em;background-size:1.03125em auto;}
.category .qa{margin-top:4.348%;}
.category .qa p{padding:0.45em 0 1.2em 3.5em;font-size:3.734vw;line-height:121%;}
.category .qa p:before{width:2.143em;padding-top:2.143em;margin-left:0.25em;}

#qa .note{margin:5.798% auto 15.943%;}
#qa .note li{font-size:3.467vw;line-height:150%;}

#qa .copys{padding-bottom:15.943%;}
#qa .copy{width:68.696%;margin:0 auto 8.696%;}
#qa .btnbox{width:100%;margin:0 auto 0%;}
#qa .btnbox .head{width:68.841%;}
#qa .btnbox .btn{width:72.464%;margin:0 auto;}
#qa .btnbox .btn a{box-shadow:2vw 2vw 2vw 0 #ccc;}
#qa .btnbox .btn a:hover img{opacity:1;}


/* フッター
----------------------- */
#footer{}
#footer .layer{width:92%;}
#footer .layer:after{padding-top:00%;}
#footer .box{padding:3.334% 0 1.667%;position:relative;}

#footer .left{justify-content:space-between;}
#footer .logo{width:62.029%;}
#footer .name{padding:0;font-size:3.2vw;line-height:150%;}

#footer .right{width:100%;margin-top:5.798%;padding:4.348% 0;border-top:1px solid #cccccc;position:static;}
#footer .right img{width:74.058%;margin:0 auto;}

#footer .copyright{float:none;padding:4.348% 0;border-top:1px solid #cccccc;font-size:3.2vw;line-height:145%;text-align:center;}
#footer .privacy{float:none;padding:4.348% 0;font-size:3.734vw;line-height:135%;text-align:center;}
#footer .privacy a:hover{text-decoration:underline;}


}