@charset "UTF-8";
/* CSS Document */



/*--------------------
MV
---------------------*/

.mv {
	width:100%;
	padding:120px 0 0 ;
}
.mv .mv-wrapper {
	display: flex;
	position:var(--pos-r);
	width:100%;
	height:100%;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	padding:0 3.5%;
	max-width:calc(1366px - 7%);
	margin-left:auto;
	margin-right:auto;
}
.mv .mv-wrapper .mv-img, .mv .mv-wrapper .mv-img img {
	width:100%;
}
.mv-text {
	width:100%;
	padding:calc(var(--basevw)*72) 0;
	position:var(--pos-r);
}


@media screen and (max-width: 567px) {
	
	.mv-text {
    margin-top: 0;
    position: var(--pos-r)
	}
	.mv {
    width: 100%;
		height:100%;
}
	.mv .btn_box {
    margin-top: calc(var(--basevw)*30);
		padding-bottom:calc(var(--basevw)*30);
}
	.mv-text {
	width:100%;
	padding:calc(var(--basevw)*32) 0;
	position:var(--pos-r);
}
	
}


/*--------------------
frompieces
---------------------*/
#frompieces .cont {
	justify-content: space-between;
}
#frompieces .cont .tit-box{
	width:36%;
}
#frompieces .cont .cont-box{
	width:58%;
}
#frompieces .cont .cont-box p{
	font-size:calc(0.85*var(--basefs));
	line-height: var(--lh-l)
}
p.name {
	font-family:var(--font-min);
	font-size:calc(1*var(--basefs));
	margin-top:1em;
}
p.name small {
	margin-left:1em;
}
.prof {
	font-size:calc(0.75*var(--basefs));
	display: flex;
	margin-top:1em;
}
.prof dt {
	width:6em;
}
.prof dd {
	width:calc(100% - 6em);
}
@media screen and (max-width: 567px) {
	#frompieces .cont .tit-box {
    margin-bottom:2em;
	}
}

/*--------------------
kadai
---------------------*/

#kadai .container_full {
	margin-top:80px;
	position: relative;
}
#kadai .container_full .img {
	width:62.7%;
}
#kadai .container_full p {
	position:absolute;
	font-size:calc(1.4*var(--basefs));
	left:50%;
	top:50%;
	transform: translateY(-50%);
	line-height: var(--lh-l);
}

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

}

@media screen and (max-width: 576px) {
	#kadai .container_full .img {
    width: 100%;
}

	#kadai .container_full p {
	position:relative;
	font-size:calc(1.4*var(--basefs));
	left:20%;
	top:-10%;
	transform: translateY(0);
	line-height: var(--lh-l);
}
}
/*--------------------
about
---------------------*/

#about {
	padding-top:0;
}

#about .obi {
	background: var(--key-color);
	position:relative;
	padding:calc(var(--basevw)*90) 0 calc(var(--basevw)*40);
	margin-bottom:calc(var(--basevw)*54);
}
#about .obi:before {
	content:"";
	border-width:calc(var(--basevw)*54) calc(var(--basevw)*107) 0 calc(var(--basevw)*107);
	border-color:var(--bg-light-color) transparent transparent transparent;
	border-style: solid;
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
#about .obi:after{
	content:"";
	border-width:calc(var(--basevw)*54) calc(var(--basevw)*107) 0 calc(var(--basevw)*107);
	border-color:var(--key-color) transparent transparent transparent;
	border-style: solid;
	position: absolute;
	bottom:calc(var(--basevw)*-50);
	left:50%;
	transform: translateX(-50%);
}
#about .obi h2 {
	font-family: var(--font-min);
	font-weight:var(--bold);
	font-size:calc(1.8*var(--basefs));
}
.program-wrap {
	width:calc(var(--basevw)*845);
	position:relative;
	padding-top:calc(var(--basevw)*64);
	margin:0 auto;
}
.program-wrap * {
	position: relative;
	z-index: 2;
}
.program-wrap:before {
	content:"";
	width:calc(var(--basevw)*845);
	height:calc(var(--basevw)*845);
	background: var(--bg-pink);
	border-radius: 50%;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:0;
	display: block;
	z-index: 0;
}

.program-wrap .img {
	width:98%;
	margin-left:auto;
	margin-right:auto;
} 
.program-wrap .img img {
box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.program-wrap {
    width: 100%;
    position: relative;
    padding-top: calc(var(--basevw)*64);
    margin: 0 auto;
	overflow: hidden;
}
}
@media (max-width: 576px) {

}
/*--------------------
mission
---------------------*/

.project-index .column{
	width:33%;
}
.project-index .column .p-box {
	background: #FFF;
	border-radius: 12px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	padding: calc(var(--basevw)*16);
	position:relative;
	display: flex;
	align-items: center;
	margin-bottom:calc(var(--basevw)*20);

}
.project-index .column .p-box span {
	position:absolute;
	right:0;
	bottom:0;
	background: var(--sub-red);
	border-radius: 0 0 12px 0 ;
	width:calc(var(--basevw)*48);
	height:calc(var(--basevw)*48);
	z-index: 2;
}
.project-index .column .p-box span img {
	position:absolute;
	right:6px;
	bottom:6px;
}
.project-index .column .p-box span:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	border-width: calc(var(--basevw)*48) calc(var(--basevw)*48) 0 0;
    border-color: #FFF transparent transparent;
    border-style: solid;
}

.project-index .column .p-box .thmb {
	width:calc(var(--basevw)*92);
}
.project-index .column .p-box h4 {
	font-size:var(--basefs);
	width:calc(100% - calc(var(--basevw)*92));
	font-weight: var(--bold);
	line-height: var(--lh-s);
	color:var(--dblack);
	position:relative;
	z-index: 3;
}
.modaal-container {
	border-radius: 2rem;
}
.modaal-content-container {
	
	padding:calc(var(--basevw)*40);
}
.modaal-content-container .is-flex {
	justify-content: space-between; 
}
.modaal-content-container .is-flex .img {
	width:40%;
}
.modaal-content-container .is-flex p {
	width:55%;
}
.btn-close {
	display: block;
	margin:2rem auto 0;
	font-size:calc(0.8*var(--basefs));
	width:5em;
}

@media (max-width: 576px) {
	
}
/*--------------------
voice
---------------------*/
#Voices {
	padding-bottom:0;
}
.fukidashi span{
	background: var(--key-color);
	color:#FFF;
	display: inline-block;
	padding:0 1rem;
	height:calc(var(--basevw)*48);
	position:relative;
	line-height: calc(var(--basevw)*48);
	font-size:calc(1.4*var(--basefs));
	font-weight: var(--bold);
}
.fukidashi span:after {
	content:"";
	border-width:calc(var(--basevw)*24) calc(var(--basevw)*12) 0 calc(var(--basevw)*12);
	border-color:var(--key-color) transparent transparent transparent;
	border-style: solid;
	position:absolute;
	bottom:calc(var(--basevw)*-20);
	left:50%;
	transform: translateX(-50%);
}
.voice-wrap .voice-box{
	position:relative;
	padding-top:calc(var(--basevw)*64);
	margin-bottom:calc(var(--basevw)*80);
}

.voice-box .tit {
	position:absolute;
	right:10.6%;
	top:0;
	width:calc(var(--basevw)*330);
}
.voice-box.voice2 .tit {
	position:absolute;
	left:10.6%;
	right:auto;
}
.voice-box .txt {
	width:89.6%;
	margin:0 0 0 auto;
	padding:calc(var(--basevw)*74) calc(var(--basevw)*157 ) calc(var(--basevw)*74) calc(var(--basevw)*108) ;
	background: #F7F7F7;
}
.voice-box.voice2 .txt {
	margin:0 auto 0 0;
	padding:calc(var(--basevw)*74) calc(var(--basevw)*108) calc(var(--basevw)*74) calc(var(--basevw)*157 ) ;
}
.voice-box .txt h4, .voice-box .txt p.has-pad {
	padding-left:40%;
}
.voice-box.voice2 .txt h4, .voice-box.voice2 .txt p.has-pad {
	padding-right:40%;
	padding-left:0;
}
.voice-box .txt p {
	margin-top:1em;
}
.voice-box .img {
	width:40.9%;
	position:absolute;
	left:0;
	top:0;
}
.voice-box.voice2 .img {
	right:0;
	left:auto;
}
.voice-box .img .cap {
	text-align: right;
	font-size:calc(0.75*var(--basefs));
	display: block;
}
.voice-box.voice2 .img .cap {
	text-align: left;
}

@media (max-width: 576px) {
.voice-wrap .voice-box{
	position:relative;
	padding-top:calc(var(--basevw)*44);
	margin-bottom:calc(var(--basevw)*40);
}

.voice-box .tit {
	position:relative;
	right:auto;
	top:0;
	width:90%;
}
.voice-box.voice2 .tit {
	position:relative;
	left:auto;
	right:auto;
}
.voice-box .txt {
	width:90%;
	margin:0 0 0 auto;
	padding:calc(var(--basevw)*34) ;
	background: #F7F7F7;
}
.voice-box.voice2 .txt {
	margin:0 auto 0 0;
	padding:calc(var(--basevw)*34) ;
}
.voice-box .txt h4, .voice-box .txt p.has-pad {
	padding-left:0;
}
.voice-box.voice2 .txt h4, .voice-box.voice2 .txt p.has-pad {
	padding-right:0;
	padding-left:0;
}
.voice-box .txt p {
	margin-top:1em;
}
.voice-box .img {
	width:100%;
	position:relative;
	left:0;
	top:0;
}
.voice-box.voice2 .img {
	right:0;
	left:auto;
}
.voice-box .img .cap {
	text-align: right;
	font-size:calc(0.75*var(--basefs));
	padding:0 5%;
}
.voice-box.voice2 .img .cap {
	text-align: left;
}


}
/*--------------------
sponsor
---------------------*/

.supporter {
	position:relative;
	margin-bottom:calc(var(--basevw)*40);
}
.supporter .img {
	width:calc(var(--basevw)*256);
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	z-index: 2;
}
.supporter .txt {
	width:91.5%;
	padding:calc(var(--basevw)*50) calc(var(--basevw)*50) calc(var(--basevw)*50) calc(var(--basevw)*220);
	background: var(--bg-light-color);
	border-radius: 30px;
	margin:0 0 0 auto;
}
.media-index-wrap {
	position:relative;
	padding:0 1em 1em;
}
.media-index-wrap:before {
	content:"";
	background: var(--bg-light-color) ;
	width:100%;
	height:40%;
	position:absolute;
	left:0;
	bottom:0;
}
.media-index-wrap p {
	position:relative;
	z-index: 2;
}
.media-index {
	padding:0 0 calc(var(--basevw)*40);
	justify-content: center;
	align-items: flex-start;
	position:relative;
	z-index: 2;
}
.media-index .img {
	margin:0 1%;
}
.media-index .img img {
	border:var(--bg-light-color) 1px solid;
}
.media-index .img .cap {
	font-size:calc(0.75*var(--basefs));
	margin-top:1rem;
	display: block;
}
.media-index .img img{
	height:calc(var(--basevw)*342);
	width:auto;
}
.logo-box {
	width:25%;
}

#sponsor .container_l.bg_pink {
	padding:calc(var(--basevw)*70)  0;
}

@media (max-width: 567px) {
	.supporter .img {
	max-width:calc(var(--basevw)*256);
		width:50%;
	position:absolute;
	left:50%;
	top:-10%;
	transform: translateX(-50%);
	z-index: 2;
}
.supporter .txt {
	width:100%;
	padding:40% calc(var(--basevw)*30) calc(var(--basevw)*30) ;
	background: var(--bg-light-color);
	border-radius: 30px;
	margin:0 0 0 auto;
}
	.cont.support-index {
		margin:calc(var(--basevw)*60) 0;
	}
	.media-index .img, .logo-box{
    margin: 0 1% calc(var(--basevw)*20);
		text-align: center;
}
	.media-index-wrap:before {
    content: none;
    
}
	.media-index {
    padding: 0 ;
}
	.logo-box {
	width:100%;
}

}
/*--------------------
outline
---------------------*/

#outline{
	padding:0 0 calc(var(--basevw)*80) 0;
	margin-top:calc(var(--basevw)*80);
}

.ribon-tit {
	display: flex;
	justify-content: center;
	position:relative;
	top:calc(var(--basevw)*-70);
}
#outline .ribon-tit h3 {
	background: var(--sub-red);
	color:#FFF;
	padding:calc(var(--basevw)*32) calc(var(--basevw)*20);
	position:relative;
	display: flex;
	justify-content: center;
	width:auto;
}
#outline .ribon-tit h3:before {
	content:"";
	position:absolute;
	left:calc(var(--basevw)*-17);
	top:0;
	background: url("../img/ribon_left.svg") no-repeat;
	background-size:auto 100%;
	width:calc(var(--basevw)*20);
	height:100%;
} 
#outline .ribon-tit h3:after {
	content:"";
	position:absolute;
	right:calc(var(--basevw)*-17);
	top:0;
	background: url("../img/ribon_right.svg") no-repeat;
	background-size:auto 100%;
	width:calc(var(--basevw)*17);
	height:100%;
}
.member-box {
	margin-bottom:calc(var(--basevw)*40);	
}
.member-box dl {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
}
.member-box dl dt{
	background: #FFF;
	width:20%;
	border-radius: 30px 30px 0 0;
	text-align: center;
	color:var(--sub-red);
	line-height: 1;
	padding-top:calc(var(--basevw)*20);	
}
.member-box dl dt span {
	font-family: 'Roboto', sans-serif;
	font-size:calc(2.25*var(--basefs));
}
.member-box dl dd {
	border-radius: 0 30px 30px 30px;
	padding:calc(var(--basevw)*40);
	background: #FFF;
}
.member-box dl dd .img {
	width:32%;
}
.member-box dl dd .txt {
	width:68%;
	padding-left:calc(var(--basevw)*56);
}
.member-box dl dd .txt h5 {
	margin-bottom:1em;
}
.member-box dl dd .txt p {
	font-size:calc(0.9*var(--basefs));
}
@media (max-width: 567px) {
.member-box dl {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
}
.member-box dl dt{
	background: #FFF;
	width:40%;
	border-radius: 30px 30px 0 0;
	text-align: center;
	color:var(--sub-red);
	line-height: 1;
	padding-top:calc(var(--basevw)*20);	
}

.member-box dl dd {
	border-radius: 0 30px 30px 30px;
	padding:calc(var(--basevw)*20);
	background: #FFF;
}
.member-box dl dd .img {
	width:100%;
}
.member-box dl dd .txt {
	width:100%;
	padding-left:0;
	padding-top:1em;
}
}

/*--------------------
messaage
---------------------*/
#message {
	background: url("../img/img_sky@2x.jpg") no-repeat;
	background-size: cover;
}


/*--------------------
faq
---------------------*/
dl.faq  {
	border-bottom:1px solid #D2CDCD;
	margin-bottom:calc(var(--basevw)*36);
}
dl.faq dt , dl.faq dd {
	padding-left:calc(var(--basevw)*48);
	padding-bottom:calc(var(--basevw)*36);
	position:relative;
}
dl.faq dt {
	font-weight: var(--bold);
	
}
dl.faq dt:before {
	content:url("../img/icon_q.svg");
	position:absolute;
	left:0;
}
dl.faq dd:before {
	content:url("../img/icon_a.svg");
	position:absolute;
	left:0;
}
dl.faq dd {
	font-size:calc(0.9*var(--basefs));
}
	
	
@media (max-width: 567px) {
	dl.faq  {
	border-bottom:1px solid #D2CDCD;
	margin-bottom:calc(var(--basevw)*24);
}
dl.faq dt , dl.faq dd {
	padding-left:calc(var(--basevw)*30);
	padding-bottom:calc(var(--basevw)*24);
	position:relative;
}
		
}