/******************************************************/
/*
/*　基本Pは0.7rem
/*  フッダーは0.8rem
/*　その他は適時対応
/*
/******************************************************/

/*タブレット＆横向きスマホ用*/
@media only screen and (min-width: 640px) and ( max-width:959px) { /*スマホ横サイズ*******************************************************************************************************/

/***************************************************************
【下層】メニュー
***************************************************************/

/*SPでの並び順変更用*/
.flex-order1 {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
}

.flex-order2 {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:4;
  -webkit-order:4;
  order:4;
}

.flex-order3 {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}

.flex-order4 {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:5;
  -webkit-order:5;
  order:5;
}

.flex-order5 {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;
}

.flex-order6 {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:6;
  -webkit-order:6;
  order:6	;
}


ul.list-style-none { padding-top:0.7rem; margin-bottom:-1.2rem;}/*追加変更*/
.list-style-none li {padding:0 !important; margin:0;}/*追加変更*/
.list-style-none li.sp-w-50-float-l { width:50%; float:left;}
.menu-back-01 {/*追加変更*/
	position:relative;
	width:100%;
	background-image: url(/images3/menu-back-sp.jpg);
	background-repeat: no-repeat;
	background-size:auto 83vh;
	background-position:center top;
	padding-top:78vh;
}
.menu-back-01 h1 { position:absolute;top:-77vh; left:0vw; width:100%; text-align:center;}/*追加*/

.menu-back-01 .flex-order5,
.menu-back-01 .flex-order6
 { padding-bottom:3rem !important;}/*追加*/

h3.no-link-button-h3 {
	font-size:0.76rem !important;
	padding:0.1rem 0.2rem 0.1rem 0.2rem;/*追加*/
	line-height:1.6rem;
	margin-bottom:0.86rem;/*追加*/
}
.locate-under { position: relative;width:100%; text-align:center; margin-top:-2.5rem; padding:0rem 0 1.5rem 0;}/*追加*/
.locate-under p { position:relative;text-align:center; padding-bottom:0.2rem !important;}/*追加*/

.menu-back-img-right {/*追加*/
	background-color:#000;
	background-image:url(/images3/menu-back-02-sp.jpg);
	background-repeat: no-repeat;
	background-size:auto 50vh;
	background-position:center top;
	min-height:auto;
	width:100%;
	color:#FFFFFF;
	padding-top:50vh;
}
.menu-back-img-right h2,.menu-back-img-full h2,.menu-back-img-left h2,.left-sentence-inner h2 { padding:1.3rem 0 1.1rem 0;}

.sp-text-center .btn-none {height:auto; width:66%;}


.menu-back-img-left { /*.index-back-img-05　スマホ版は参照して作成*/
	background-color:#fff;
	background-image:url(/images3/menu-back-03-sp.jpg);
	background-repeat: no-repeat;
	background-size:auto 50vh;
	background-position:center top;
	min-height:auto;
	width:100%;
	padding-top:50vh;
}

.menu-back-img-left .top-line { padding:1.5rem 0 0.5rem 0 !important;}
.menu-back-img-full {
	height:auto;
	padding:0.8rem 6rem;
	}
.menu-back-img-full.align-items-end {align-items: center!important;}
.menu-back-img-full .btn-round {height:auto; padding:0.8rem 0 1rem 0; width:47%; line-height:1.4rem; font-size:0.96rem;}
.menu-back-img-full .p-t-2 { padding-top:1rem;}
.menu-back-img-full .w-25 { width:70%;}

.menu-back-img-full .p-all-3 { padding:0 0.8rem 2rem 0.8rem;}
.menu-back-img-full h2 { padding-top:1.3rem;}

.img-wrap-back {
	background:#231f20;
	background-repeat: no-repeat;
	background-position:center top;
	background-size:100vw auto;
	height:auto;
	min-height:auto;
	width:100%;

}

.left-sentence {
	width:100%;
	float: none;
	height:auto;
	margin:1.5rem 7rem;
}

.left-sentence-inner {
	width:100%;
	float: none;
	padding:0 1rem;
}

.back-black0 .justify-start { justify-content: center!important;}
.back-black0 .right {text-align:center !important;}
.w-30{ width:100% !important;}
.align-self-end .btn-none {height:auto; width:66%;}




}


@media only screen and (min-width: 0px) and (max-width: 639px)  {/*スマホ用縦*/


/*SPでの並び順変更用*/
.flex-order1 {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
}

.flex-order2 {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:4;
  -webkit-order:4;
  order:4;
}

.flex-order3 {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}

.flex-order4 {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:5;
  -webkit-order:5;
  order:5;
}

.flex-order5 {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;
}

.flex-order6 {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:6;
  -webkit-order:6;
  order:6	;
}


/***************************************************************
【下層】メニュー
***************************************************************/
ul.list-style-none { padding-top:0.7rem; margin-bottom:-1.2rem;}/*追加変更*/
.list-style-none li {padding:0 !important; margin:0;}/*追加変更*/
.list-style-none li.sp-w-50-float-l { width:50%; float:left;}
.menu-back-01 {/*追加変更*/
	position:relative;
	width:100%;
	background-image: url(/images3/menu-back-sp.jpg);
	background-repeat: no-repeat;
	background-size:auto 50vh;
	background-position:center top;
	padding-top:48vh;
}
.menu-back-01 h1 { position:absolute;top:-47vh; left:0vw; width:100%; text-align:center;}/*追加*/

.menu-back-01 .flex-order5,
.menu-back-01 .flex-order6
 { padding-bottom:3rem !important;}/*追加*/

h3.no-link-button-h3 {
	font-size:0.76rem !important;
	padding:0.1rem 0.2rem 0.1rem 0.2rem;/*追加*/
	line-height:1.6rem;
	margin-bottom:0.86rem;/*追加*/
	}
.locate-under { position: relative;width:100%; text-align:center; margin-top:-2.5rem; padding:0rem 0 1.5rem 0;}/*追加*/
.locate-under p { position:relative;text-align:center; padding-bottom:0.2rem !important;}/*追加*/

.menu-back-img-right {/*追加*/
	background-color:#000;
	background-image:url(/images3/menu-back-02-sp.jpg);
	background-repeat: no-repeat;
	background-size:auto 50vh;
	background-position:center top;
	min-height:auto;
	width:100%;
	color:#FFFFFF;
	padding-top:50vh;
}
.menu-back-img-right h2,.menu-back-img-full h2,.menu-back-img-left h2,.left-sentence-inner h2 { padding:1.3rem 0 1.1rem 0;}

.sp-text-center .btn-none {height:auto; width:66%;}


.menu-back-img-left { /*.index-back-img-05　スマホ版は参照して作成*/
	background-color:#fff;
	background-image:url(/images3/menu-back-03-sp.jpg);
	background-repeat: no-repeat;
	background-size:auto 50vh;
	background-position:center top;
	min-height:auto;
	width:100%;
	padding-top:50vh;
}

.menu-back-img-left .top-line { padding:1.5rem 0 0.5rem 0 !important;}
.menu-back-img-full {
	min-
	height:auto;
	padding:0.8rem 0;
	}
.menu-back-img-full.align-items-end {align-items: center!important;}
.menu-back-img-full .btn-round {height:auto; padding:0.8rem 0 1rem 0; width:47%; line-height:1.4rem; font-size:0.96rem;}
.menu-back-img-full .p-t-2 { padding-top:1rem;}
.menu-back-img-full .w-25 { width:70%;}

.menu-back-img-full .p-all-3 { padding:0 0.8rem 2rem 0.8rem;}
.menu-back-img-full h2 { padding-top:1.3rem;}

.img-wrap-back {
	background:#231f20;
	background-repeat: no-repeat;
	background-position:center top;
	background-size:100vw auto;
	height:62vh;
	min-height:auto;
	width:100%;
}

.left-sentence {
	width:100%;
	float: none;
	height:auto;
	margin:-30rem 0.8rem 0.8rem 0.8rem;
}

.left-sentence-inner {
	width:100%;
	float: none;
	padding:0 1rem;
}

.back-black0 .justify-start { justify-content: center!important;}
.back-black0 .right {text-align:center !important;}
.w-30{ width:100% !important;}
.align-self-end .btn-none {height:auto; width:66%;}
.m-t--6 { margin-top:-0.8rem;}

}