@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:1000px;margin:0 auto;box-sizing:border-box;}
.txt_layer{width:100%;max-width:1024px;margin:0 auto;box-sizing:border-box;}

.b-ye{background:#E7AD47;}
.b-bl{background:#254279;}
.b-gr{background:#f5f5f5;}
.b-lbl{background:#CAD9F5;}

.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 .layer{max-width:1330px;/*923*/margin:0 auto;padding:0% 0;}
/* #head1 .layer h2{width: 95.25%;margin:0 auto;padding:5.5% 0;} */
#head1 .layer h2{width: 76.25%;/*923*/margin:0 auto;padding:5.5% 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 .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#detail0 .image{width:100%;padding-top: 6.5%;margin:0 auto 5%;}
#world .detail#detail0 h3{width:80%;margin: 0 auto;}

#world .detail h3{margin: 0 auto 3.924%;width: 80%;}
#world .detail .inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;margin-bottom: 5.5%;}
#world .detail .image{width: 54.68vw;margin: 0px 0 0 -43.924%;position: relative;max-width: 1029px;}
#world .detail .txtbox{width: 31.51vw;margin: 0 -20% 0 0;max-width: 605px;}
#world .detail .head{width:calc(100% + 1em);margin-bottom:0.75em;color:#fff;font-size:22px;line-height:160%;}
#world .detail .txt{font-size:24px;line-height:188%;}

#world .txt_layer {width: 100%;max-width: 753px;margin: 0 auto;box-sizing: border-box;}

#world .detail:nth-of-type(odd) .inner{flex-direction:row-reverse;}
#world .detail:nth-of-type(odd) .image{ width: 54.68vw;margin:0 -43.924% 0 0%;}
#world .detail:nth-of-type(odd) .txtbox{width:31.51vw;margin: 0 0 0 -20%;}
#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%;}
#detail3 h3{width:100.77%;margin-left:-0.385%;} */
#world #detail3{padding-bottom: 10.385%;}

#world .donate {padding-bottom: 12%;}
#world .donate h3{width: 74.289%; margin: 0 auto 4%;}
#world .donate .btn{width:62.5%; margin: 0 auto 2%;}
#world .donate .btn a{background: transparent;}
#world .donate .btn img{transition:opacity ease 0.3s;}
#world .donate .btn a:hover img{opacity:0.7;}
#world .donate p.btn_foot{width: 19.7%;margin: 0 auto;}


/* movie */
/* -------------------- */
#movie .layer{max-width: 1650px;}
#movie .moviebox{padding-bottom:7.058%;}
#movie .moviebox h3{width: 74.55%;margin:5.7% auto 1.404%;}
#movie .moviebox .yt{width: 48.5%;padding-top: 28.597%;margin:0 auto;position:relative;}
#movie .moviebox .yt iframe{width:100%;height:100%;position:absolute;top:0;left:0;}


/* letter */
/* -------------------- */
#letter{background:#fff url(../images/bg_letter.jpg) no-repeat center center;background-size:125% auto;position: relative;}
#letter .letter_copy{position: absolute;width: 7%;bottom: 3%;right: 6%;}

/* #letter .layer{max-width: 1270px;} */
#letter .letterbox{padding:7.1% 0 7.1%;position:relative;}
#letter .letter{width: 100%;/*900(750)*/margin:0 auto;padding: 6.289% 8.15% 5.808%;box-sizing:border-box;background:url(../images/bg_letter_paper.png) top center;background-size: contain;position:relative;background-repeat: no-repeat;}
#letter .letter .head{width:100%;/*403/750*/margin:0 auto 5% 0%;}
#letter .letter p{font-size:20px;line-height:180%;}
#letter .letter .txt{margin-top:1.5em;}
#letter .letter .txt .txt_blue{color: #0172BC; font-weight: bold;}
#letter .letter .txt .txt_red{color: #DA0000; font-weight: bold;}
#letter .letter .txt.sub_txt{font-size: 0.9rem;margin-bottom: 8%;}
#letter .letter .post{margin:17.334% 0 0.25em;line-height:150%;text-align:right;}
#letter .letter .post span{font-size:125%;line-height:200%;}
#letter .letter .sign{width:76.95%;/*319*/margin:0 0 0% auto;}

#letter .letterbox .image1{display: flex;justify-content: space-between;width: 100%;    margin-top: 1.5em;}
#letter .letterbox .image1 img{width: 46.9%;}
#letter .letterbox .image3{display:flex;align-items:flex-end;justify-content: end;margin-top: 10.8%;margin-bottom: 5%;}
#letter .letterbox .image3 .photo{width:34.6%;/*210*/margin-left: 3.5%;}



/* 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;}


/* 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 .head_img{width: 100%;margin-bottom: 5%;}
#head3 h2{width: 100%;/*482*/margin:0 auto;padding:0;}

/* utilization */
/* -------------------- */
#utilization{}
#utilization .bnr{max-width: 1024px; margin:0 auto 0.924%;}
#utilization .bnr:first-of-type{padding-top:5.77%;}
#utilization .bnr:last-of-type{padding-bottom:5.77%;margin-bottom: 0;}

#utilization .layer .txt_layer { width: 90%; }


/* support */
/* -------------------- */
#support{}
#support .layer{}
#support .box{width: 100%; margin: 0 auto; padding: 10% 0 10%;}
#support .txtbox{margin-top: 6.693%; padding-top: 6.7%; padding-bottom: 5%;/*142*/background:no-repeat top left;background-size:15.385% auto;background-color: #fff;border-radius: 20px;  box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.4);display: flex; justify-content: center;}
#support .txtbox .txtbox-img{width: 26.8%;}
#support #support2.txtbox .txtbox-img img:first-child{margin-bottom: 6.7%;}
#support .txtbox .txtbox-txt{margin-left: 2.5%;width: 64%;}
#support .head{margin-bottom:1.5em;color:#3B69AE;font-weight:bold;font-size:20px;line-height:100%; position: relative;padding-left: 13%;}

#support .head::before{position: absolute; content: "";transform: translate(-50% , -50%);top: 50%;left: 5%; width: 15%;height: 375%;background-repeat: no-repeat;background-position: center;background-size: contain;}
#support #support1 .head::before{background-image:url(../images/icon_support1.png);}
#support #support2 .head::before{background-image:url(../images/icon_support2.png);}
#support #support3 .head::before{background-image:url(../images/icon_support3.png);}

#support .txt{color:#000;font-size:21px;line-height:155%;font-weight: bold;letter-spacing: -0.04em;}
#support ul.txt{margin-top:1.5em;}
#support ul.txt li{margin-top:0.5em;padding-left:2em;font-size:20px;line-height:125%;box-sizing:border-box;background:url(../images/icon_check.png) no-repeat;background-position:top 0.2em left;background-size:1em auto;}




/* supporter */
/* -------------------- */
#supporter{}
#supporter h3{padding:10.577% 0 6.25%; width: 80%; margin: 0 auto;}

#supporter .aboutList{display:flex;flex-wrap:wrap;justify-content:space-between;}
#supporter .about{background:#CAD9F5 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%;}
#about1 .head{width:76.6%;}
#supporter #about2{width:48.077%;}
#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 2.462%;}
#supporter .btn a{}
#supporter .btn img{transition:opacity ease 0.3s;}
#supporter .btn a:hover img{opacity:0.7;}
#supporter p.btn_foot{width: 19.7%;margin: 0 auto;padding-bottom: 10%;}
#supporter .example {font-size: 0.7em;vertical-align: super;
}}
    
/* 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;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 0;padding-bottom:  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;} */

/* copy */
/* -------------------- */
#copy .copys{padding-top:12.981%;padding-bottom:12.981%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction: column;}
#copy .copy{width: 60.985%;margin: 0 auto 2.5%;}
#copy .btnbox{width: 62.5%;margin:0 auto;}
#copy .btnbox .head{width:77.8%;margin:0 auto 5%;}
#copy .btnbox .btn{padding-bottom: 2%;}
#copy .btnbox .btn a{}
#copy .btnbox .btn img{transition:opacity ease 0.3s;}
#copy .btnbox .btn a:hover img{opacity:0.7;}
#copy .btnbox  p.btn_foot{width: 19.7%;margin: 0 auto;}

/* フッター
----------------------- */
#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;}

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

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

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

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


}

/*
@media screen and (max-width: 900px){

#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.7vw;}

}
*/

@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;}


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


/* world */
/* -------------------- */
#world .detail#detail0 .image{width:100vw;padding-top: 0%;margin:0 -4% 5%;}
#world .detail#detail0 h3{width:100%;margin: 0 auto;}

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

#world .detail{padding-bottom:11.595%;}
#world .detail h3{width: 100%;margin:0 auto 5.798% 0;}
#world .detail .inner{flex-direction: column-reverse; margin-bottom: 0;}
#world .detail:nth-of-type(odd) .inner{flex-direction: column-reverse;}
#world .detail .image{width:100%;margin:0 auto 4.145%;}
#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:100%;margin:0 auto 5% 0;}
#world .detail .head{font-size:4.8vw;line-height:152%;}
#world .detail .txt{font-size: 4.2vw; line-height: 160%; width: 98%; margin: 0 auto;}

#world .detail:nth-of-type(odd) .image{width:100%;margin:0 auto 10.145%;}
#world .detail:nth-of-type(odd) .image span{left:auto;right:0;margin-right:4%;margin-left:0;}
#world .detail:nth-of-type(odd) .txtbox{width:100%;margin:0 auto 5% 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:14.5%;}
#detail3 h3{width:81.885%;margin-left:0;}
#world .donate h3 {width: 100%;margin: 0px auto 2%;}
#world .donate .btn {width: 87%;margin: 0 auto 2%;}
#world .donate p.btn_foot {width: 32.7%;margin: 0 auto;}
    
#world .txt_layer {
	width: 100%;
}
    
/* movie */
/* -------------------- */
#movie .moviebox{padding-bottom:14.493%;}
#movie .moviebox h3{width: 100%;margin: 7.392% auto 2.899%;}
#movie .moviebox .yt{width:94.203%;padding-top:52.899%;}



/* letter */
/* -------------------- */
#letter{background-image:url(../images/sp_bg_letter.jpg);position: relative;}
#letter .letter_copy{position: absolute;width: 12%;bottom: 2%;right: 5%;}

#letter .layer{width:90.7%;}
#letter .letterbox{padding:6.783% 0 0;}
#letter .letter{width:100%;padding:5.696% 3.798% 28%;background-image:url(../images/sp_bg_letter_paper.png);}
#letter .letter .head{width: 98.361%; margin: 0 auto 0% 0;}
#letter .letter p{font-size:4.2vw;line-height:168%;}
#letter .letter .txt{margin-bottom: 2.75%;margin-top: 1em;}

#letter .letter .post{margin-top: 4vw;font-size: 3.2vw;}
#letter .letter .sign{width:87.541%;/*534*/margin:0 0 00% auto;}

#letter .letterbox .image1{width: 95.75%; margin: 0 auto}
#letter .letterbox .image1 img{width: 49.65%;}
#letter .letterbox .image3{padding: 0% 0 0;position: static;margin-top: 0;margin-bottom: 0;}
#letter .letterbox .image3 img{width:100%;}
#letter .letterbox .image3 .photo{width:61.2%;/*210*/margin-left: 1.5%;}

#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.2vw;line-height:2;}








/* 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 .head_img{width: 100vw; margin: 0 -4% ;}
#head3 h2{width:100%;/*534*/padding:4.25% 0;}

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

#utilization .layer .txt_layer {width: 100%;}
    
/* support */
/* -------------------- */
#support{}
#support .layer{width:100%;}
#support .box{width:100%;margin:0 auto;padding:13.5% 0 16%;}
#support .txtbox{width:92%;margin:6.667% auto 0%;padding:3% 3% 8%;/*142*/background:no-repeat top left;background-size:15.385% auto;background-color: #fff;border-radius: 20px;  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.4);display: flex; justify-content: center;flex-direction: column-reverse;align-items: center;box-sizing: border-box;}
#support .txtbox .txtbox-img{width: 77.75%;}
#support #support2.txtbox .txtbox-img img:first-child{margin-bottom: 0;}
#support .txtbox .txtbox-txt{margin-left: 2.5%;width: 100%;}
#support .head{margin-bottom:1em;color:#3B69AE;font-weight:bold;font-size:4.66vw;line-height:2.77em;height:2.77em; position: relative;padding-left: 0px;width: fit-content;margin: 0 auto 2%;}

#support .head::before{position: absolute; content: "";transform: translate(-50% , -50%);top: 50%;left:-9%; width: 11.6vw; height: 5.8vw;background-repeat: no-repeat;background-position: center; background-size: contain;}
#support .head:last-of-type::before{ left: -11%;}
#support #support1 .head::before{background-image:url(../images/icon_support1.png);}
#support #support2 .head::before{background-image:url(../images/icon_support2.png);}
#support #support3 .head::before{background-image:url(../images/icon_support3.png);left: -26%;}
    
#support .txt{color:#000;font-size:4.2vw;line-height:155%;font-weight: bold;letter-spacing: -0.04em;margin-bottom: 5%;}
#support ul.txt{margin-top:1.5em;}
#support ul.txt li{padding-left:1.5em;padding-left:2em;font-size:3.2vw;line-height:125%;box-sizing:border-box;background:url(../images/icon_check.png) no-repeat;background-position:top 0.2em left;background-size:1em auto;}
/* #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;} */


/* 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 auto 2.5%;}
#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%;}
#about1 .head{width: 58%;}
#about1 .txt{width:80.725%;margin:0 auto;}
#supporter #about2{width:100%;margin-top:4.348%;}
#about2 .head{width: 58%;}
#about2 .txt{width:80.725%;margin: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: 86.95%;padding:6.595% 0 3.29%;}
/* #supporter .btn a{box-shadow:2vw 2vw 2vw 0 #ccc;} */
#supporter .btn a:hover img{opacity:1;}
#supporter p.btn_foot { width: 32.7%;margin: 0 auto;padding-bottom: 10%;}

/* 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 0%;}
#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;} */


/* copy */
/* -------------------- */
#copy .copys{padding-bottom:15.943%;}
#copy .copy{width:92.76%;;margin:0 auto 3.696%;}
#copy .btnbox{width:100%;margin:0 auto 0%;}
#copy .btnbox .head{width:68.841%;}
#copy .btnbox .btn{width:86.965%;margin:0 auto;}
#copy .btnbox .btn a{}
#copy .btnbox .btn a:hover img{opacity:1;}
#copy .btnbox p.btn_foot {width: 32.7%;margin: 0 auto;}
/* フッター
----------------------- */
#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;}


}