/* CSS Document */

@media (min-width:751px) {

/*mv*/
	.sliderapsp {
		position: relative;
	}
	.slide_wrp_i { 
		max-width: 100%; 
		position: relative;
		z-index: 30;
		/*height: 100vh;*/ 
		height: calc( 100vh - 230px);
		/*overflow: hidden;*/
		/*background: url("../images/index/mv01.jpg") center center no-repeat; */
		/*background-size: cover;*/ 
		margin-bottom: 30px;
	}
	.tab.tate .slide_wrp_i { 
		height: 600px; 
	}
	.slide_wrp_i .swiper-container_fv {
		/*width: calc(50% + 400px);*/
		width: 100%;
		margin-left: auto;
		margin-right: 0;
		position: relative;
	}
	.slide_wrp_i .swiper-container_fv , .slide_wrp_i .swiper-wrapper { height: 100%; z-index: 1; }
	.swiper-container_fv.swiper-container-fade .swiper-slide { width: 100%; height: 100%; }
	.swiper-container_fv.swiper-container-fade .swiper-slide .img { width: 100%; height: 100%;
		overflow: hidden; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv01 .img { background: url(../images/index/mv01.jpg?0614) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv02 .img { background: url(../images/index/mv02.jpg?0614) center center no-repeat; background-size: cover; }

	/*.slide_wrp_i .swiper-wrapper li img { width: 100%; }*/
	.slide_wrp_i .cc { position: absolute; top:50%; left:50%; margin-top: -230px; margin-left: -230px; z-index: 3; width: 460px; height: 460px; }
	.slide_wrp_i h2 { color: #ffffff; font-family: "Questrial"; font-size: 66px; text-align: center; line-height: 80px; letter-spacing: 5px; }
/*	.slide_wrp_i h2 span { display: inline-block; border-bottom: rgba(255,255,255,0.3) 1px solid;
		font-size: 36px; line-height: 42px; letter-spacing: 2px; }
	.slide_wrp_i .cc p { text-align: center; color: #ffffff; font-size: 17px; line-height: 26px; }*/
	.slide_wrp_i .cc img { /*position: absolute; bottom: -150px; right: -20px;*/ width: 100%; }
	.slide_wrp_i .scroll { position: absolute; bottom: -40px; left: -140px; z-index: 3; width: 44px; height: 106px; }
	.slide_wrp_i .swiper-container_fv .efforts {
		position: absolute;
		z-index: 10;
		left: 0;
		bottom: 0;
	}

	.slide_wrp_i .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 10px;
	}

	.swiper-pagination .swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		background: #FFFFFF;
		opacity: .6;
	}

	.swiper-pagination .swiper-pagination-bullet-active {
		background: #FFFFFF;
		opacity: 1;
	}
	.slide_wrp_i .swiper-pagination {
/*		text-align: right;
		padding-right: 2vw;*/
	}

	h2.big_h{
		color: #ddb339;
		font-size: 40px;
		text-align: center;
		line-height: 1;
		margin-bottom: 60px;
	}

	.sliderapsp .bgcloud_l {
		position: absolute;
		bottom: -150px;
		left: 0;
		z-index: 1;
	}
	.sliderapsp .bgcloud_r {
		position: absolute;
		bottom: -210px;
		right: 0;
		z-index: 1;
	}

article section {
    /*margin-bottom: 250px;*/
}

/* #beginning
-------------------------------------------------- */
	#beginning {
		position: relative;
		z-index: 20;
	}
	#beginning .mainw {
		position: relative;
		z-index: 5;
	}
	.fromto {
		justify-content: center;
		margin-bottom: 100px;
	}
	.fromto li {
		display: inline-block;
		position: relative;
	}
	.fromto li:first-child {
		margin-right: 39px;
	}
	.fromto li:last-child {
		margin-left: 39px;
	}
	.fromto li:first-child:after {
		content: "";
		display: block;
		width: 37px;
		height: 10px;
		background: url("../images/icon_arrow_right_red_l.svg") center center no-repeat;
		background-size: contain;
		position: absolute;
		top: 18px;
		right: -56px;
	}
	.goals {
		text-align: center;
		margin-bottom: 40px;
	}
	#beginning ul.link {
		justify-content: center;
		flex-wrap: nowrap;
	}
	#beginning ul.link li {
		margin-left: 10px;
		margin-right: 10px;
	}

	#beginning h4 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
	}
	#beginning h4 span {
		font-size: 36px;
	}
	#beginning h5 {
		color: #802219;
		font-size: 24px;
		padding: 0.5em 0;
		text-align: center;
		margin-bottom: 30px;
		border-top: 1px solid #802219;
		border-bottom: 1px solid #802219;
	}
	#beginning .bgcloud_l {
		position: absolute;
		top: 180px;
		left: 0;
		z-index: 1;
	}
	#beginning .bgcloud_r {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}
	#e1 {
		margin-bottom: 70px;
	}
	#e1 div.cflex {
		justify-content: center;
		margin-bottom: 45px;
	}
	#e1 div.cflex .img {
		margin-right: 10px;
	}
	#e1 div.cflex .txt {
		margin-left: 10px;
	}
	#e1 h6 {
		color: #802219;
		font-size: 22px;
		text-align: center;
		margin-bottom: 25px;
	}
	#e1 .jirei {
		margin-bottom: 35px;
		justify-content: space-between;
	}
	#e1 .jirei li {
		background: #FFFFFF;
		width: 30.9%;
	}
	#e1 .j_img img {
		width: 100%;
	}
	#e1 .j_txt {
		padding: 40px 0;
		position: relative;
	}
	#e1 .j_txt .no {
		position: absolute;
		z-index: 10;
		left: 50%;
		margin-left: -25px;
		top: -25px;
	}
	#e1 .j_txt p {
		text-align: center;
		font-size: 22px;
		margin-bottom: 10px;
	}
	#e1 .j_txt p span {
		font-size: 18px;
	}
	#e1 .j_txt p.red {
		color: #802219;
		text-align: center;
		font-size: 33px;
		margin-bottom: 0;
	}
	#e1 .j_txt p.red span {
		font-size: 18px;
	}
	.waku {
		border: 1px solid #D1C9A7;
		padding: 30px 150px;
	}
	.wakured {
		border: 1px solid #802219;
		padding: 30px 150px;
	}
	#e2 {
		padding-bottom: 60px;
	}
	#e2 div.cflex {
		justify-content: center;
		margin-bottom: 45px;
	}
	#e2 div.cflex .img {
		margin-right: 10px;
	}
	#e2 div.cflex .txt {
		margin-left: 10px;
	}
	#e2 h6 {
		color: #802219;
		font-size: 22px;
		text-align: center;
		margin-bottom: 25px;
	}
	.bge2 {
		background: url("../images/index/bg_e2.png") center top no-repeat;
		background-size: 100% auto;
		min-height: 470px;
	}
	#e2 .jirei {
		margin-bottom: 70px;
		justify-content: space-between;
	}
	#e2 .jirei li {
		width: 49.1%;
		min-height: 337px;
		position: relative;
		background: url("../images/index/bg_jirei_c.svg") center center no-repeat;
		background-size: contain;
	}
	#e2 .j_txt {

		text-align: center;
		padding: 55px 0 0;
	}
	#e2 .j_txt .no {
		margin-bottom: 15px;
	}
	#e2 .j_txt p {
		text-align: center;
		font-size: 16px;
		line-height: 1.5;
	}
	#e2 .j_txt p span {
		font-size: 18px;
	}
	#e2 .j_txt .red {
		color: #802219;
		text-align: center;
		font-size: 22px;
		margin-bottom: 10px;
		line-height: 1	;
	}
	#e2 .j_txt .red span {
		font-size: 18px;
	}
	#e2 .jirei li ul li {
		width: 100%;
		background: none;
		text-align: left;
	}
	#e2 h3.ch3 {
		margin-bottom: 0;
		padding-bottom: 0;
	}


/*
concept
-------------------------------------------------- */

	#concept {
		/*padding: 100px 0;*/
	}
	#concept .bg_gray {
		padding: 100px 0;
	}


	.sdgs {
		align-items: center;
		margin-bottom: 55px;
	}
	.sdgs .img {
		width: 230px;
		margin-right: 40px;
	}
	.sdgs .txt {
		width: 730px;
	}
	.sdgs .txt h4 {
		font-size: 28px;
		line-height: 1.5;
		letter-spacing: 1.4px;
		margin-bottom: 20px;
	}
	.sdgs .txt p {
		font-size: 18px;
		line-height: 1.8;
	}
	.sdgs .txt span {
		font-size: 24px;
		color: #802219;
	}
	#goals {
		background: #FFFFFF;
		padding: 100px;
	}
	.goalsimg {
		text-align: center;
		margin-bottom: 30px;
	}
	#goals p.lead {
		text-align: left;
	}
	#goals .link { 
		justify-content: space-between;
	}


/* #merit
-------------------------------------------------- */

	#merit {
		padding: 100px 0;
	}
	#merit .cflex {
		margin-bottom: 20px;
		justify-content: space-between;
		width: 100%;
	}
	.meritbox {
		border: 1px dotted #802219;
		padding: 45px 40px;
	}
	.meritbox p {
		font-size: 18px;
		line-height: 1.8;
		padding-left: 70px;
	}
	.meritbox span {
		font-size: 22px;
		color: #802219;
	}
	#merit1 , 
	#merit2 {
		width: 540px;
	}
	#merit1 p {
		background: url("../images/icon_no1.svg") left top no-repeat;
	}
	#merit2 p {
		background: url("../images/icon_no2.svg") left top no-repeat;
	}
	#merit3 p:first-of-type {
		background: url("../images/icon_no3.svg") left top no-repeat;
	}
	#merit3 span.big {
		font-size: 28px;
	}
	.meritbox .greenback {
		background: #5F815C;
		padding: 0.2em 0.5em;
		color: #FFFFFF;
		font-size: 16px;
		margin-left: 1em;
	}
	#merit3 .note {
		font-size: 16px;
		color: #000000;
	}

/* #map
-------------------------------------------------- */
	#map {

	}
	#map .w1100 {
		position: relative;
		text-align: center; 
	}
	#map .w1100 p {
		position: absolute;
		top: 70px;
		left: 0;
		font-size: 22px;
		line-height: 1.5;
		text-align: left;
	}
	#map .w1100 p span {
		color: #802219;
	}




/* #able
-------------------------------------------------- */
	#able {
		position: relative;
		padding-bottom: 100px;
	}
	.section_con {
		padding: 100px 0 0;
	}
	#able .ch3 {
		margin-bottom: 65px;
	}
	#able .twotype {
		justify-content: space-between;
	}
	#able .twotype li {
		width: 47.25%;
		margin-bottom: 50px;
	}
	#able .twotype li .img {
		position: relative;
		margin-bottom: 50px;
	}
	#able .twotype li .img .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#able .twotype li .img .nplate {
		position: absolute;
		right: 38px;
		top: -30px;
		z-index: 10;
	}
	#able .twotype li .img p {
		position: absolute;
		left: 30px;
		bottom: -30px;
		background: #1C1C1C;
		padding: 0.8em 1em;
		line-height: 1.3;
		font-size: 22px;
		color: #FFFFFF;
		z-index: 10;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	#able .twotype li .txt {

	}
	#able .twotype li .txt p {
		line-height: 2;	
		padding: 0 2em;
	}

	#able .threetype {
		/*justify-content: space-between;*/
		flex-wrap: wrap;
	}
	#able .threetype li {
		width: 30.833%;
		margin-bottom: 60px;
		margin-right: 3.75%;
	}
	#able .threetype li:nth-child(3n) {
		margin-right: 0;
	}
	#able .threetype li .img {
		position: relative;
		margin-bottom: 50px;
	}
	#able .threetype li .img .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#able .threetype li .img .nplate {
		position: absolute;
		right: 19px;
		top: -22px;
		z-index: 10;
	}
	#able .threetype li .img p {
		position: absolute;
		left: 30px;
		bottom: -30px;
		background: #1C1C1C;
		padding: 0.8em 1em;
		line-height: 1.3;
		font-size: 22px;
		color: #FFFFFF;
		z-index: 10;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	#able .threetype li .txt {

	}
	#able .threetype li .txt p {
		line-height: 2;		
		padding: 0 2em;
	}

	#able a.cbtn {
		margin-right: auto;
		margin-left: auto;
		width: 450px;
	}

/* #partner
-------------------------------------------------- */
	#partner {
		padding: 90px 0 100px;
		margin-bottom: 100px;
	}

	#partner .gba {
		align-items: center;
	}
	#partner .gba .img {
		margin-right: 50px;
	}
	#partner .gba .txt p {
		margin-bottom: 20px;
	}




/* #venue
-------------------------------------------------- */
	#venue .specwarp {
		width: 100%;
		height: 500px;
		background: url("../images/index/bg_specwrap.jpg") center top no-repeat;
		background-size: cover;
		margin-bottom: 50px;
	}
	#venue .specwarp .cflex {
		align-items: center;
		justify-content: flex-end;
		height: 100%;
	}
	#venue .specwarp .spec {
		width: 550px;
		min-height: 300px;
		padding: 65px 50px;
		background: rgba(0,0,0,.5);
		color: #FFFFFF;
	}
	.specwarp .spec h4 {
		font-size: 26px;
		line-height: 1;
		margin-bottom: 15px;
		text-align: left;
	}
	.specwarp .spec h5 {
		font-size: 22px;
		margin-bottom: 25px;
	}
	.specwarp .spec h5 span {
		font-size: 16px;
		border: 1px solid rgba(255,255,255,.4);
		padding: 0.1em 0.4em;
		margin-right: 0.5em;
	}
	.kome {
		text-indent: -1em;
		padding-left: 1em;
	}

	#venue ul {
		margin-bottom: 40px;
	}
	#venue .threetype li {
		width: calc( 100% /3 );
		position: relative;
	}
	#venue .threetype li .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#venue .threetype li p {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 10;
		top: 50%;
		margin-top: -47px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 55%;
		min-height: 95px;
		padding: 1em;
		background: rgba(0,0,0,.5);
		color: #FFFFFF;
		text-align: center;
		font-size: 20px;
	}

	#venue .twotype {
		justify-content: space-between;
	}
	#venue .twotype li {
		width: 48.333%;
		position: relative;
	}
	#venue .twotype li .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#venue .twotype li p {
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 10;
		top: 50%;
		margin-top: -47px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 41.379%;
		min-height: 95px;
		padding: 1em;
		background: rgba(0,0,0,.5);
		color: #FFFFFF;
		text-align: center;
		font-size: 20px;
	}
	#venue .twotype li p span {
		font-size: 15px;
	}
	#venue .faclink {
		margin-right: auto;
		margin-left: auto;
	}
	#venue .ex {
		width: 850px;
		margin-top: 60px;
		margin-right: auto;
		margin-left: auto;	
	}
	#venue .ex .txt {
		position: relative;
	}
	#venue .ex h4 {
		color: #802219;
		font-size: 22px;
		padding-left: 1em;
		padding-bottom: 5px;
		margin-bottom: 30px;
	}
	#corona {
		margin-bottom: 70px;
	}
	#corona a {
		margin: 0 auto;
	}


	#links {
		padding: 85px 0 120px;
	}

	.ls-1 {
		letter-spacing: -1px;
	}



} /* End min-width:751px */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 1600px) {

/*	.slide_wrp_i .swiper-pagination {
		padding-right: 8vw;
	}*/

}/* End (min-width: 1600px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1600px) {
	
}/* End (min-width:751px) and (max-width:1600px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1300px) {

}/* End (min-width:751px) and (max-width:1300px) */


/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 1280px) {

}/* End (min-width: 1280px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1280px) {

/*.slide_wrp_i .swiper-container_fv {
	width: 85%;
}*/
/*	.slide_wrp_i .cc {
		left: 0;
		margin-left: -33px;
	}*/
/*	.inner .imgwrap .nametag {
		left: 0;
		margin-left: 2vw;
		width: 6.142vw;
		top: 5.714vw;
	}
	#beni .nametag ,
	#rurikura .nametag ,
	#jurin .nametag {
		width: 12vw;
	}*/

}/* End (min-width:751px) and (max-width:1280px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1200px) {

	.twotype li .img .nplate {
		width: 8.333vw;
	}

}/* End (min-width:751px) and (max-width:1200px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1150px) {

	.imgwrap .txtwrap .txt_img {
		width: 100%;
		margin-right: 0;
		padding-right: 2vw;
		padding-left: 2vw;
	}

}/* End (min-width:751px) and (max-width:1150px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1100px) {

	#venue .twotype li p , #venue .threetype li p {
		font-size: 1.8vw;
	}
	#venue .twotype li p span , #venue .threetype li p span {
		font-size: 1.3vw;
	}

}/* End (min-width:751px) and (max-width:1150px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width:751px) and (max-width:1050px) {


}/* End (min-width:751px) and (max-width:1050px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:965px) {

	.slide_wrp_i .scroll { 
		left: -70px; 
	 }

	#e2 .jirei {
		padding-top: 0;
	}

	#e2 .jirei li {	
		display: flex;
    	flex-direction: column;
    	justify-content: center;
	}

	#e2 .j_txt {
		padding: 2vw 5em 2em;
		background-position: center top;
	}
	#e2 .j_txt img.no {
		width: 19%;
	}
	#e2 .j_txt .no {
		margin-bottom: 15px;
	}
	#e2 .j_txt p {
		font-size: 1.7vw;
		line-height: 1.2;
	}
	#e2 .j_txt p span {
		font-size: 1.5vw;
	}
	#e2 .j_txt p.red {
		color: #802219;
		text-align: center;
		font-size: 2vw;
		margin-bottom: 10px;
		line-height: 1	;
	}
	#e2 .j_txt p.red span {
		font-size: 1.5vw;
	}
	#e2 .disk_g li {
		font-size: 1.7vw;
		line-height: 1.2;
	}

}/* End (min-width: 751px) and (max-width:965px) */
	
/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:750px) {

	.h1sp { display: none; }
	.sliderapsp {
		position: relative;
		margin-top: 36vw;
		margin-bottom: 30vw;
	}
	.slide_wrp_i { width: 100%; height: 92vw;/* height: -webkit-calc( 100vh - 13vw ); 
		height: calc( 100vh - 13vw );*/ position: relative; z-index: 30; /*overflow: hidden;*/ 
		margin-bottom: 16vw; /*margin-top: 16vw;*/ }
	.sp_yoko .slide_wrp_i { /*height: 100vh;*/ }

	.slide_wrp_i .swiper-container_fv {
		width: 82.666vw;
		margin-left: auto;
		margin-right: 0;
		position: relative;
	}

	.slide_wrp_i .swiper-container_fv , .slide_wrp_i .swiper-wrapper { height: 100%; z-index: 1; }

	.swiper-container_fv.swiper-container-fade .swiper-slide { width: 100%; height: 100%; }
	.swiper-container_fv.swiper-container-fade .swiper-slide .img { width: 100%; height: 100%;
		overflow: hidden; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv01 .img { background: url(../images/index/mv01_sp.jpg?0614) center center no-repeat; background-size: cover; }
	.swiper-container_fv.swiper-container-fade .swiper-slide.mv02 .img { background: url(../images/index/mv02_sp.jpg?0614) center center no-repeat; background-size: cover; }

	/*.slide_wrp_i .bx-wrapper { margin: 0 auto; height: 100%; }
	.slide_wrp_i .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; height: 100% !important; }

	.slide_wrp_i .bx-controls { width: 100%; position: absolute; bottom: 2vw;
		 }
	.slide_wrp_i .bx-wrapper .bx-pager { bottom: 0; }
	
	.slide_wrp_i:before, .slide_wrp_i:after { background: none; }
	.sp_yoko .slide_wrp_i { height: 100vh; }
	.slide_wrp_i .slide_i { width: 100%; height: 100%; position: relative; top:auto; left:auto; margin-left: 0; }
	.slide_wrp_i .slide_i li:first-child { background: url("../images/index/mv01_sp.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	.slide_wrp_i .slide_i li:nth-child(2) { background: url("../images/index/mv02_sp.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	.slide_wrp_i .slide_i li:nth-child(3) { background: url("../images/index/mv03_sp.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	.slide_wrp_i .slide_i li:nth-child(4) { background: url("../images/index/mv04_sp.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	.slide_wrp_i .slide_i li:nth-child(5) { background: url("../images/index/mv05_sp.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }*/
	.slide_wrp_i .swiper-wrapper li:first-child { /*background: url("../images/index/mv01_sp.jpg") center center no-repeat; 
		background-size: cover;*/ /*width: 100%; height: 100%;*/ }
	.slide_wrp_i .swiper-wrapper li:nth-child(2) { /*background: url("../images/index/mv02_sp.jpg") center center no-repeat; 
		background-size: cover;*/ /*width: 100%; height: 100%;*/ }
	.slide_wrp_i .swiper-wrapper li:nth-child(3) { /*background: url("../images/index/mv03_sp.jpg") center center no-repeat; 
		background-size: cover;*/ /*width: 100%; height: 100%;*/ }
	/*.slide_wrp_i .bx-controls { width: 88vw; position: absolute; bottom: 4vw; right: 4vw;
		z-index: 20; }
	.slide_wrp_i .bx-wrapper .bx-pager { text-align: right; padding-top: 0; bottom: 0; }
	.slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a { background: #808080; text-align: left; }
	.slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	.slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ffffff; }*/


	.slide_wrp_i .cc { position: absolute; top:50%; /*left:-10vw;*/ left: -5vw; margin-top: -5vw; z-index: 3; width: 58.2vw; height: 58.2vw; /*height: 19.73vw;*/ }
	/*.slide_wrp_i .cc { position: absolute; left: 50%; width: 88vw; margin-left: -44vw; height: 112vw; z-index: 3; top: 16vw; }*/

	.slide_wrp_i .cc img { width: 100%; }
	/*.slide_wrp_i .cc img { position: absolute; top :18vw; left: -10vw; width: 80vw; }*/
	/*.slide_wrp_i .cc .bestrate { position: absolute; bottom: 15vw; left: 0; width: 37vw; }
	.slide_wrp_i .cc .bestrate img { width: 100%; }
	.slide_wrp_i #scroll_sp { display: block; width: 16vw; position: absolute; bottom: 10vw; color: #ffffff;  
		left: 50%; margin-left: -8vw; }
	.slide_wrp_i #scroll_sp img { width: 100%; }
	.slide_wrp_i #scroll_sp:after { content: ""; width: 1px; height: 6vw; position: absolute; bottom: -8vw;
		left: 50%; background: #ffffff; }
	.slide_wrp_i .wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 4vw; }
	.slide_wrp_i .wave img { width: 100%; position: absolute; bottom: -3px; left: 0; }*/


	.slide_wrp_i .scroll { 
		position: absolute; 
		bottom: -13vw; 
		left: -12vw; 
		z-index: 3; 
		width: 10vw; 
		height: 25vw; 
	}

	.slide_wrp_i .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 2vw;
	}

	.swiper-pagination .swiper-pagination-bullet {
		/*width: 4.6vw;*/
		/*height: 4.6vw;*/
		width: 3vw;
		height: 3vw;
		background: #FFFFFF;
		opacity: .6;
	}

	.swiper-pagination .swiper-pagination-bullet-active {
		background: #FFFFFF;
		opacity: 1;
	}
	.slide_wrp_i .swiper-pagination {
		text-align: right;
		padding-right: 8vw;
	}

	.sliderapsp .bgcloud_l {
		position: absolute;
		bottom: -22vw;
		left: -6vw;
		z-index: 1;
		width: 72vw;
	}
	.sliderapsp .bgcloud_r {
		position: absolute;
		top: -20vw;
		right: 0;
		z-index: 1;
		width: 52vw;
	}
	.slide_wrp_i .swiper-container_fv .efforts {
		position: absolute;
		z-index: 10;
		left: 3vw;
		bottom: 0;
		width: 80%;
	}

	.slide_wrp_i .swiper-container-horizontal>.swiper-pagination-bullets, 
	.slide_wrp_i .swiper-pagination-custom, 
	.slide_wrp_i .swiper-pagination-fraction {
		/*bottom: 13vw;*/
		bottom: 0;
	}


/* .header_wrap
-------------------------------------------------- */
	.header_wrap {
		width: 100%;
		height: 100vh;
		/*height: calc( 100vh - 16vw);*/
		/*height: 800px;*/
		position: relative;
		z-index: 5;
		background: url(../images/index/img_header_sp.jpg) top center no-repeat;
		background-size: cover;
		/*margin-top: 16vw;*/
		margin-bottom: 12vw;
	}
	.sp_yoko .header_wrap {
		height: auto;
	}
	.header_wrap .cc {
		position: relative;
		z-index: 10;
		padding-top: 20vw;
		text-align: center;
	}
	.header_wrap .cc .ccimg {
		width: 100%;
		margin-top: 10vw;
	}
	.header_wrap .cc .logo {
		position: absolute;
		left: 0;
		width: 20vw;
		top: 15vw;
	}

	h2.big_h {
		color: #ddb339;
		font-size: 5vw;
		text-align: center;
		line-height: 1;
		margin-bottom: 8vw;
	}
	h2.big_h img {
		height: 6vw;
	}


/* #beginning
-------------------------------------------------- */
	#beginning {
		position: relative;
		z-index: 20;
		padding-bottom: 16vw;
	}
	#beginning .mainw {
		position: relative;
		z-index: 5;
	}
	.goals {
		text-align: center;
		margin-bottom: 6vw;
	}
	#beginning ul.link {
		justify-content: center;
		flex-wrap: nowrap;
	}
	#beginning ul.link li {
		margin-bottom: 6vw;

	}
	#beginning h4 {
		font-size: 4.6vw;
		text-align: center;
		margin-bottom:6vw;
	}
	#beginning h4 span {
		font-size: 6vw;
	}
	#beginning h5 {
		color: #802219;
		font-size: 4.6vw;
		padding: 0.5em 0;
		text-align: center;
		margin-bottom: 4vw;
		border-top: 1px solid #802219;
		border-bottom: 1px solid #802219;
	}
	#beginning .bgcloud_l {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 50vw;
	}
	#beginning .bgcloud_r {
		position: absolute;
		top: 40vw;
		right: 0;
		z-index: 1;
		width: 50vw;
	}

	.fromto li {
		position: relative;
		width: 60vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10vw;
	}
	.fromto li img {
		width: 100%;
	}
	.fromto li:first-child {
		margin-bottom: 16vw;
		/*margin-right: 39px;*/
	}
	.fromto li:last-child {
		/*margin-left: 39px;*/
	}
	.fromto li:first-child:after {
		content: "";
		display: block;
		width: 10vw;
		height: 10vw;
		background: url("../images/icon_arrow_down_red.svg") center center no-repeat;
		background-size: contain;
		position: absolute;
		bottom: -13vw;
		right: 50%;
		margin-right: -5vw;
	}

	#e1 {
		margin-bottom: 8vw;
	}
	#e1 div.cflex {
		display: flex;
		justify-content: center;
		margin-bottom: 6vw;
	}
	#e1 div.cflex .img {
		width: 40%;
		margin-right: 1vw;
	}
	#e1 div.cflex .txt {
		width: 57%;
		margin-left: 1vw;
	}
	#e1 h6 {
		color: #802219;
		font-size: 4.6vw;
		text-align: center;
		margin-bottom: 4vw;
	}
	#e1 .jirei {
		margin-bottom: 8vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#e1 .jirei li {
		background: #FFFFFF;
		width: 49%;
		margin-bottom: 2vw;
	}
	#e1 .j_img img {
		width: 100%;
	}
	#e1 .j_txt {
		padding: 40px 0;
		position: relative;
	}
	#e1 .j_txt .no {
		position: absolute;
		z-index: 10;
		left: 50%;
		margin-left: -4vw;
		top: -4vw;
		width: 8vw;
	}
	#e1 .j_txt p {
		text-align: center;
		font-size: 4.6vw;
		margin-bottom: 10px;
	}
	#e1 .j_txt p span {
		font-size: 3.8vw;
	}
	#e1 .j_txt p.red {
		color: #802219;
		text-align: center;
		font-size: 4.6vw;
		margin-bottom: 0;
	}
	#e1 .j_txt p.red span {
		font-size: 3.8vw;
	}
	.waku {
		border: 1px solid #D1C9A7;
		padding: 4vw;
	}
	.wakured {
		border: 1px solid #802219;
		padding: 4vw;
	}

	#e2 div.cflex {
		display: flex;
		justify-content: center;
		margin-bottom: 6vw;
	}
	#e2 div.cflex .img {
		width: 40%;
		margin-right: 1vw;
	}
	#e2 div.cflex .txt {
		width: 57%;
		margin-left: 1vw;
	}
	#e2 h6 {
		color: #802219;
		font-size: 4.6vw;
		text-align: center;
		margin-bottom: 4vw;
	}
	.bge2 {
		/*background: url("../images/index/bg_e2.png") center top no-repeat;*/
		/*background-size: 100% auto;*/
	}
	#e2 .jirei {
		margin-bottom: 6vw;
		/*padding-top: 25px;*/
		/*justify-content: space-between;*/
	}
	#e2 .jirei li {
		width: 100%;
		position: relative;
		background: url("../images/index/bg_jirei_c.svg") center center no-repeat;
		background-size: contain;
		margin-bottom: 8vw;
	}
	#e2 .j_txt {
/*		
		background: url("../images/index/bg_jirei_c.svg") center center no-repeat;
		background-size: contain;
*/		
		text-align: center;
		padding: 7vw 4em 11vw;
	}
	#e2 .j_txt .no {
		margin-bottom: 4vw;
		width: 8vw;
	}
	#e2 .j_txt p {
		text-align: left;
		/*font-size: 16px;*/
		line-height: 1.2;
	}
	#e2 .j_txt p span {
		font-size: 4vw;
		color: #802219;
	}
	#e2 .j_txt p.red {
		color: #802219;
		text-align: center;
		font-size: 4vw;
		margin-bottom: 2vw;
		line-height: 1	;
	}
	#e2 .j_txt p.red span {
		font-size: 3.8vw;
	}
	#e2 .jirei li ul li {
		width: 100%;
		background: none;
		text-align: left;
		line-height: 1.2;
	}


/*
concept
-------------------------------------------------- */

	#concept {
	}
	#concept .bg_gray {
		padding: 16vw 0;
	}

	.sdgs {
		align-items: center;
		margin-bottom: 55px;
	}
	.sdgs .img {
		text-align: center;
		margin-bottom: 6vw;
	}
	.sdgs .txt {
		
	}
	.sdgs .txt h4 {
		font-size: 4.6vw;
		line-height: 1.5;
		letter-spacing: 1.4px;
		margin-bottom: 4vw;
	}
	.sdgs .txt p {
		/*font-size: 18px;*/
		line-height: 1.8;
	}
	.sdgs .txt span {
		font-size: 4.2vw;
		color: #802219;
	}
	#goals {
		background: #FFFFFF;
		padding: 6vw;
	}
	.goalsimg {
		text-align: center;
		margin-bottom: 8vw;
	}
	#goals p.lead {
		text-align: left;
		line-height: 1.5;
	}
	#goals .link li:first-child { 
		margin-bottom: 4vw;
	}



/* #merit
-------------------------------------------------- */

	#merit {
		padding: 16vw 0;
	}
	#merit .cflex {
		/*margin-bottom: 8vw;*/
	}
	.meritbox {
		border: 1px dotted #802219;
		padding: 4vw;
	}
	.meritbox p {
		/*font-size: 18px;*/
		line-height: 1.8;
		padding-left: 10vw;
	}
	.meritbox span {
		font-size: 22px;
		color: #802219;
	}
	#merit1 , 
	#merit2 {
		/*width: 540px;*/
		margin-bottom: 8vw;
	}
	#merit1 p {
		background: url("../images/icon_no1.svg") left top no-repeat;
		background-size: 9vw;
	}
	#merit2 p {
		background: url("../images/icon_no2.svg") left top no-repeat;
		background-size: 9vw;
	}
	#merit3 p:first-of-type {
		background: url("../images/icon_no3.svg") left top no-repeat;
		background-size: 9vw;
	}
	#merit3 span.big {
		font-size: 4.6vw;
	}
	.meritbox .greenback {
		background: #5F815C;
		padding: 0.2em 0.5em;
		color: #FFFFFF;
		font-size: 3.3vw;
		margin-left: 1em;
	}
	#merit3 .note {
		font-size: 3.8vw;
		color: #000000;
	}


/* #map
-------------------------------------------------- */
	#map {
		/*padding: 16vw 0; */
		padding: 0 0 4vw;
	}
	#map .w1100 {
		/*position: relative;*/
		text-align: center; 
	}
	#map .w1100 p {
		line-height: 1.5;
		text-align: left;
		margin-top: 4vw;
	}
	#map .w1100 p span {
		color: #802219;
	}


/* #able
-------------------------------------------------- */
	#able {
		position: relative;
	}
	.section_con {
		padding: 16vw 0;
	}
	#able .ch3 {
		margin-bottom: 6vw;
	}
	#able .twotype {
		/*justify-content: space-between;*/
	}
	#able .twotype li {
		/*width: 47.25%;*/
		width: 100%;
		margin-bottom: 8vw;
	}
	#able .twotype li .img {
		position: relative;
		margin-bottom: 11vw;
	}
	#able .twotype li .img .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#able .twotype li .img .nplate {
		position: absolute;
		right: 5vw;
		top: -5vw;
		z-index: 10;
		width: 16vw;
	}
	#able .twotype li .txt {

	}
	#able .twotype li .txt p {
		line-height: 1.5;		
	}

	#able .threetype {
		justify-content: space-between;
	}
	#able .threetype li {
		/*width: 30.833%;*/
		width: 100%;
		/*margin-bottom: 70px;*/
		margin-bottom: 8vw;
	}
	#able .threetype li .img {
		position: relative;
		margin-bottom: 11vw;
	}
	#able .threetype li .img img {
		width: 100%;
	}
	#able .threetype li .img .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#able .threetype li .img .nplate {
		position: absolute;
		right: 5vw;
		top: -5vw;
		z-index: 10;
		width: 16vw;
	}
	#able .threetype li .txt {

	}
	#able .threetype li .txt p {
		line-height: 1.5;		
	}
	#able a.cbtn {
		margin-right: auto;
		margin-left: auto;
		/*width: 450px;*/
	}

	#able .twotype li .img p {
		position: absolute;
		left: 4vw;
		bottom: -8vw;
		background: #1C1C1C;
		padding: 0.8em 1em;
		line-height: 1.3;
		color: #FFFFFF;
		z-index: 10;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}


	#able .threetype li .img p {
		position: absolute;
		left: 4vw;
		bottom: -5vw;
		background: #1C1C1C;
		padding: 0.8em 1em;
		line-height: 1.3;
		color: #FFFFFF;
		z-index: 10;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}


/* #partner
-------------------------------------------------- */
	#partner {
		padding: 10vw 0 16vw;
		margin-bottom: 10vw;
	}

	#partner .gba {
/*		display: flex;
		align-items: center;*/
	}
	#partner .gba .img {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 6vw;
	}
	#partner .gba .img img { 
		width: 100%;
	}
	#partner .gba .txt p {
		margin-bottom: 4vw;
	}



/* #venue
-------------------------------------------------- */
	#venue .specwarp {
		width: 100%;
		/*height: 20vw;*/
		background: url("../images/index/bg_specwrap.jpg") center top no-repeat;
		background-size: cover;
		margin-bottom: 10vw;
		padding: 6vw 0;
	}
	#venue .specwarp .cflex {
/*		align-items: center;
		justify-content: flex-end;
		height: 100%;*/
	}
	#venue .specwarp .spec {
		width: 100%;
		/*min-height: 300px;*/
		padding: 6vw;
		background: rgba(0,0,0,.5);
		color: #FFFFFF;
	}
	.specwarp .spec h4 {
		font-size: 5vw;
		line-height: 1;
		margin-bottom: 2vw;
	}
	.specwarp .spec h5 {
		font-size: 4.6vw;
		margin-bottom: 4vw;
	}
	.specwarp .spec h5 span {
		font-size: 3.8vw;
		border: 1px solid rgba(255,255,255,.4);
		padding: 0.1em 0.4em;
		margin-right: 0.5em;
	}
	.kome {
		text-indent: -1em;
		padding-left: 1em;
		margin-bottom: 4vw;
	}

	#venue ul {
		margin-bottom: 40px;
	}
	#venue .threetype li {
		/*width: calc( 100% /3 );*/
		width: 100%;
		position: relative;
		margin-bottom: 6vw;
	}
	#venue .threetype li .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#venue .threetype li p {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 10;
		top: 50%;
		margin-top: -20vw;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 60vw;
		min-height: 40vw;
		padding: 1em;
		background: rgba(0,0,0,.5);
		color: #FFFFFF;
		text-align: center;
		/*font-size: 20px;*/
	}

	#venue .twotype {
		/*justify-content: space-between;*/
	}
	#venue .twotype li {
		/*width: 48.333%;*/
		width: 100%;
		position: relative;
		margin-bottom: 6vw;
	}
	#venue .twotype li .pic {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	#venue .twotype li p {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 10;
		top: 50%;
		margin-top: -20vw;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 60vw;
		min-height: 40vw;
		padding: 1em;
		background: rgba(0,0,0,.5);
		color: #FFFFFF;
		text-align: center;
		/*font-size: 20px;*/
	}
	#venue .twotype li p span {
		font-size: 3.3vw;
	}
	#venue .faclink {
		margin-right: auto;
		margin-left: auto;
	}
	#venue .ex {
		/*width: 850px;*/
/*		margin-right: auto;
		margin-left: auto;	*/
		margin-top: 10vw;
		/*margin-bottom: 10vw;*/
	}
	#venue .ex .txt {
		position: relative;
		margin-bottom: 10vw;
	}
	#venue .ex h4 {
		color: #802219;
		/*font-size: 22px;*/
		/*padding-left: 1em;*/
		/*padding-bottom: 5px;*/
		/*margin-bottom: 30px;*/
	}
	#venue .ex .img  {
		text-align: center;
	}
	#venue .ex .img img {
		width: 70%;
	}


	#corona {
		margin-bottom: 10vw;
	}
	#corona .lead {
		text-align: left;
		line-height: 1.5;
	}
	#corona a {
		margin: 0 auto;
	}
/*	#links {
		padding: 85px 0 120px;
	}*/






/* #faq
-------------------------------------------------- */
	#faq {
		position: relative;
		padding-bottom: 16vw;
	}
	#faq::before {
		content: "◆";
		display: inline-block;
		font-size: 4vw;
		color: #802219;
		position: absolute;
		top: -2.5vw;
		left: 50%;
		margin-left: -2px;
	}
	#faq p.lead {
		text-align: left;
		margin-bottom: 6vw;
		line-height: 1.5;
	}
	#faq ul {

	}
	#faq ul li {
		background: url("../images/icon_plus.svg") right 4vw center no-repeat #FFFFFF;
		background-size: 3vw;
		border: 1px solid #D6D3C4;
		padding: 1em 3em 1em 1em;
		margin-bottom: 20px;
	}
	#faq ul li.active {
		background: url("../images/icon_horizon.svg") right 4vw center no-repeat #FFFFFF;
		background-size: 3vw;
	}
	#faq ul li p {
		position: relative;
	}
	#faq ul li .que {
		padding-left: 2em;
		cursor: pointer;
	}
	#faq ul li .que:before {
		content: "Q";
		position: absolute;
		left: 0;
		color: #5F815C;
		font-family: 'Cormorant', serif;
		font-size: 4.6vw;
	}
	#faq ul li .ans {
		margin-left: 2em;
		padding-left: 2em;
		margin-top: 0.5em;
	}
	#faq ul li .ans:before {
		content: "A";
		position: absolute;
		left: 0;
		color: #802219;
		font-family: 'Cormorant', serif;
		font-size: 4.6vw;
	}
	article section#faq {
		margin-bottom: 16vw;
	}


/* #voice
-------------------------------------------------- */
	#voice {
		position: relative;
	}
	#voice .w1100 {
		position: relative;
		z-index: 10;
	}
	#voice h6 {
		color: #802219;
		font-size: 4.6vw;
		text-align: center;
		margin-bottom: 6vw;
	}
	#voice p.lead {
		text-align: left;
	}
	#voice dl {

	}
	#voice dl dt , #voice dl dd  {
		display: flex;
	}
	#voice dl dt {
		margin-bottom: 4vw;
	}
	 #voice dl dd {
	 	/*justify-content: flex-end;*/
	 	flex-direction: row-reverse;
	 	margin-bottom: 6vw;
	 }
	#voice dl .face {
		width: 20%;
		text-align: center;
	}
	#voice dl .voice {
		width: 70%;
		position: relative;
	}
	#voice dl .voice p {
		position: relative;
		background: #FFFFFF;
		padding: 1em;
		border: 1px solid #D6D3C4;
		border-radius: 10px;
	}
	#voice dl dt .voice p:before {
		content: "";
		display: block;
		width: 15px;
		height: 14px;
		background: url("../images/index/icon_tryangle.svg") center center no-repeat;
		background-size: contain;
		position: absolute;
		top: 20px;
		left: -15px;
		z-index: 5;
	}
	#voice dl dd .voice p:before {
		content: "";
		display: block;
		width: 15px;
		height: 14px;
		background: url("../images/index/icon_tryangle_r.svg") center center no-repeat;
		background-size: contain;
		position: absolute;
		top: 20px;
		right: -15px;
		z-index: 5;
	}

	#voice .bgcloud_l {
		position: absolute;
		top: 25vw;
		left: 0;
		z-index: 1;
		width: 52vw;
	}
	#voice .bgcloud_r {
		position: absolute;
		top: 60vw;
		right: 0;
		z-index: 1;
		width: 72vw;
	}


	#links {
		padding: 10vw 0;
	}



}/* End (max-width:750px)*/

/* ---------------------------------------------------------------------------------------------------- */