@charset "utf-8";
/* Hero*/
@media (max-width: 767px){	
	.hero-img img{width: 106px;}
}

/* What (index.html) */
.what{text-align: center;}
.what-img{padding: 20px 0 60px;}
.what .m-desc{margin: 0 0 30px;}

@media (max-width: 767px){	
	.what-img{width: 80%; margin: 0 auto; padding: 20px 0 40px;}
}

/* Backgound (index2.html) */
.bg-detail{padding: 50px 20px; background: url("../img/what/bg.gif"); margin: 70px 0 0 0;}
.bg-detail_wrap{max-width: 900px; width: 100%; padding: 50px 20px; border: 2px solid #ff6633; background: #fff; text-align: center; border-radius: 20px; margin: 0 auto;}
.bg-detail_wrap figure:nth-of-type(1){margin: 0 0 50px;}

@media (max-width: 767px){	
	.bg-detail{padding: 30px 20px; margin: 50px 0 0 0;}
	.bg-detail_wrap{padding: 30px 20px;}
	.bg-detail_wrap figure:nth-of-type(1){margin: 0 0 30px;}
}

/* Supporters (index3.html)*/
#supporter-wrap{max-width: 1120px; margin: 0 auto; position: relative; font-weight: 500;}
#supporter-inner{padding: 30px 40px; position: relative;}

#supporter-wrap:before,
#supporter-wrap:after{content: ''; left: 20px; right: 20px; height: 4px; position: absolute; background: #ea5414;}
#supporter-wrap:before{top: 0;}
#supporter-wrap:after{bottom: 0;}

#supporter-inner:before,
#supporter-inner:after{content: ''; top: 20px; bottom: 20px; width: 4px; position: absolute; background: #ea5414;}
#supporter-inner:before{left: 0;}
#supporter-inner:after{right: 0;}

.supporter-tit{color: #ea5414; text-align: center; padding: 50px 0;}
.supporter-tit2{color: #ea5414; font-size: 21px; border-bottom: 2px solid #ea5414;}

#supporter-box1{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px;}
#supporter-box1 .box-img{width: 24%;}
#supporter-box1 .box-txt{width: 74%;}
#supporter-box1 .tit{font-size: 13px; border-top: 2px solid #777; border-bottom: 2px solid #777; padding: 5px 0; display: flex; align-items: center; margin-bottom: 20px;}
#supporter-box1 .tit span{font-size: 21px; line-height: 1.5; color: #ea5414; margin-right: 10px;}
#supporter-box1 .info{display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0;}
#supporter-box1 .name{font-size: 23px; line-height: 1; margin-left: 20px; display: flex; align-items: flex-end;}
#supporter-box1 .name span{font-size: 32px; position: relative; letter-spacing: 0.1em;}
#supporter-box1 .name span:before{content: attr(data-hiragana); font-size: 15px; line-height: 1; position: absolute; top: -1.2em; left: 0; width: 100%; text-align: center; letter-spacing: 0;}
#supporter-box1 .name span:nth-of-type(2n){margin-right: 0.4em;}

#supporter-box2{padding: 20px 30px; background: url("../img/what/bg02.gif"); display: flex; justify-content: space-between; position: relative; margin-bottom: 80px; flex-wrap: wrap; align-items: center;}
#supporter-box2 .box-txt{width: calc(100% - 200px);}
#supporter-box2 .box-img{width: 181px;}
#supporter-box2 .tit{position: absolute; top: -15px; left: 30px;}

.supporter-mes{margin-top: 35px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.supporter-mes .box-img{width: 190px; font-size: 20px; line-height: 1.5; text-align: center;}
.supporter-mes .box-img figure{margin-bottom: 10px;}
.supporter-mes .box-img span{font-size: 18px; font-weight: normal; display: block;}
.supporter-mes .box-txt{width: calc(100% - 220px); margin-top: 35px; background: #fadccb; padding: 25px 30px; position: relative;}
.supporter-mes .box-txt .tit{position: absolute; top: -10px; left: 15px; line-height: 1;}

@media (max-width: 767px){	
	#supporter-wrap:before,
	#supporter-wrap:after{height: 2px;}

	#supporter-inner:before,
	#supporter-inner:after{width: 2px;}
	#supporter-inner{padding: 0 5% 30px;}

	#supporter-box1{margin: 0 0 50px;}
	#supporter-box1 .box-img{width: 100%; text-align: center; margin-bottom: 20px;}
	#supporter-box1 .box-txt{width: 100%;}
	#supporter-box1 .info{padding-top: 0;}
	#supporter-box1 .info .name{width: 100%; margin: 30px 0 0 0;}

	#supporter-box2{padding: 30px 15px 20px; margin: 0 0 50px;}
	#supporter-box2 .tit{left: 15px}
	#supporter-box2 .box-txt{width: 100%;}
	#supporter-box2 .box-img{margin: 20px auto 0;}

	.supporter-mes .box-img{order: -1; margin: 0 auto;}
	.supporter-mes .box-txt{width: 100%; padding: 25px 15px 20px;}
	.supporter-mes:last-of-type{margin-top: 50px;}
}