@charset "utf-8";
.fmin,.mintitle{font-family: eb garamond,serif ,eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.mente a{
	border-bottom: 1px solid #000;
	display: inline;
}
.mente a:hover{
	border-bottom: 1px solid #FFF;
	display: inline;
}
.stepBox sup{
	font-size: 9px;
}
@media screen and (max-width: 768px){
	.inner{
		width: 92%;
		margin: 0 auto;
	}
	#mv{
		width: 100%;
		margin: 0 auto;
		background: url("../img/reservation-about/mv_sp.png?") no-repeat top center;
		min-height: 400px;
		background-size: cover;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFF;
		flex-wrap: wrap;
	}
	.mvInner{
		text-align: center;
	}
	#mv h2{
		font-family: eb garamond,serif ,eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 28px;
	}
	#mv h2 span{
		display: block;
		font-size: 15px;
		margin-top: 10px;
		letter-spacing: .1em;
	}
	#mv p{
		display: block;
		margin-top: 30px;
		padding-bottom: 10px;
	}
	.contentsWap{
		padding: 50px 0;
	}
	.merit{
		background: #f4eded;
	}
	.voice{
		background: #efefef;
	}
	
	.mintitle{
		text-align: center;
		font-size: 28px;
		margin-bottom: 60px;
	}
	.mintitle span{
		display: block;
		font-size: 15px;
		margin-top: 10px;
		letter-spacing: .1em;
	}
	
	.meritPoint{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.meritBox{
		width: 48%;
		border: 1px solid #6C6767;
		background: #FFF;
		margin-bottom: 15px;
		opacity: 0;
	}
	.meritBox p{
		text-align: center;
		padding: 25px 0;
		line-height: 180%;
	}
	.meritBox h3{
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		padding: 12px;
		text-align: center;
		color: #FFF;
		font-size: 18px;
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.meritnoteText{
		text-align: left;
		margin-top: 20px;
	}
	
	.flowList{
	}
	.flowBox{
		width: 100%;
		padding-bottom: 40px;
		margin-bottom: 20px;
		background: url("../img/reservation-about/flowbg_sp.png") no-repeat center bottom;
		background-size: 335px 50px;
	}
	.flowBox h3{
		font-size: 20px;
		text-align: center;
		width: 70%;
		margin: 0 auto;
		position: relative;
	}
	.flowBox h3 span{
		display: inline-block;
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		text-align: center;
		width: 32px;
		height: 32px;
		color: #FFF;
		border-radius: 23px;
		font-size: 20px;
		margin-right: 10px;
		position: absolute;
		left: 0;
		top: -1px;
	}
	.flowBox p{
		padding: 10px 0 20px;
		line-height: 180%;
	}
	.flowBtn{
		text-align: center;
		margin-top: 0px;
	}
	.flowBtn a{
		display: inline-block;
		color: #fff;
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		padding: 20px 70px;
		border-radius: 50px;
		margin-top: 30px;
		font-size: 17px;
		transition: all .3s;
	}
	.flowBtn a:hover{
		opacity: .6;
	}
	
	.flowStep{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.stepBox{
		width: 100%;
		margin-bottom: 40px;
	}
	.stepBox h3,.stepBox .steptitle{
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.stepBox h3 span{
		font-size: 14px;
		display: block;
		line-height: 60%;
		padding-left: 4px;
	}
	.stepBox h3{
		text-align: left;
		font-size: 40px;
		line-height: 100%;
		background: url("../img/reservation-about/step_ttlline.png") repeat-x center center;
		margin-bottom: 15px;
		background-size: 5px 30px;
	}
	.stepBox h3 div{
		display: inline-block;
		background: #FFF;
		padding-right: 10px;
	}
	.stepBox .stepImg{
		margin-bottom: 20px;
	}
	.stepBox .steptitle{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.stepBox p{
		line-height: 180%;
	}
	
	.voiceSlider{
		width: 100%;
		margin: 0 auto 50px;
	}
	.voiceSlider .voiceSlide{
		background: #FFF;
		padding: 30px 30px;
	}
	.slick-slide{
    margin: 0 10px;
  }
	.voiceSlide h3{
		text-align: center;
		font-size: 20px;
		margin-bottom: 25px;
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.voiceSlide p{
		line-height: 200%;
		font-size: 14px;
	}
	.voice .inner{
		width: 100%;
	}
	.voiceSlider .slick-dots {
    bottom: -45px;
	}
	.voiceSlider .slick-dots li button::before {
    font-size: 26px;
	}
	.fade,.fadeMerit{
		opacity: 0;
		transition: 1s;
		padding-top: 80px;
	}
	.fade-in{
		opacity: 1;
		padding-top: 50px;
	}
}

@media screen and (min-width: 769px) and (max-width: 999px) {
	.inner{
		width: 96%;
		margin: 0 auto;
	}
	#mv{
		width: 100%;
		background: url("../img/reservation-about/mv.png?") no-repeat top center;
		max-width: 1920px;
		margin: 0 auto;
		min-height: 890px;
		background-size: cover;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFF;
		flex-wrap: wrap;
	}
	.mvInner{
		text-align: center;
	}
	#mv h2{
		font-family: eb garamond,serif ,eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 38px;
	}
	#mv h2 span{
		display: block;
		font-size: 18px;
		margin-top: 15px;
		letter-spacing: .1em;
	}
	#mv p{
		display: block;
		margin-top: 48px;
		padding-bottom: 26px;
	}
	
	.contentsWap{
		padding: 50px 0;
	}
	.merit{
		background: #f4eded;
	}
	.voice{
		background: #efefef;
	}
	
	.mintitle{
		text-align: center;
		font-size: 38px;
		margin-bottom: 50px;
	}
	.mintitle span{
		display: block;
		font-size: 18px;
		margin-top: 15px;
		letter-spacing: .1em;
	}
	
	.meritPoint{
		display: flex;
		justify-content: space-between;
	}
	.meritBox{
		width: 23%;
		border: 1px solid #6C6767;
		background: #FFF;
		opacity: 0;
	}
	.meritBox p{
		text-align: center;
		padding: 35px 0;
		line-height: 250%;
	}
	.meritBox h3{
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		padding: 20px;
		text-align: center;
		color: #FFF;
		font-size: 18px;
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.meritnoteText{
		text-align: center;
		margin-top: 30px;
	}
	
	.flowList{
		display: flex;
	}
	.flowBox{
		width: 33%;
		padding-right: 70px;
		background: url("../img/reservation-about/flowbg_pc.png") no-repeat center right;
		min-height: 280px;
		justify-content: space-between;
		padding-top: 4%;
		background-size: 55px 140px;
	}
	.flowBox h3{
		font-size: 20px;
	}
	.flowBox h3 span{
		display: inline-block;
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		text-align: center;
		width: 32px;
		height: 32px;
		color: #FFF;
		border-radius: 23px;
		font-size: 22px;
		margin-right: 10px;
	}
	.flowBox p{
		padding: 30px 0;
		line-height: 250%;
	}
	.flowBtn{
		text-align: center;
		margin-top: 100px;
	}
	.flowBtn a{
		display: inline-block;
		color: #fff;
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		padding: 20px 70px;
		border-radius: 50px;
		margin-top: 30px;
		font-size: 17px;
		transition: all .3s;
	}
	.flowBtn a:hover{
		opacity: .6;
	}
	
	.flowStep{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.stepBox{
		width: 48%;
		margin-bottom: 70px;
		max-width: 546px;
	}
	.stepBox h3,.stepBox .steptitle{
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.stepBox h3 span{
		font-size: 18px;
		display: block;
		line-height: 60%;
		padding-left: 4px;
		letter-spacing: 0px;
	}
	.stepBox h3{
		text-align: left;
		font-size: 50px;
		line-height: 100%;
		background: url("../img/reservation-about/step_ttlline.png") repeat-x;
		margin-bottom: 15px;
		letter-spacing: 2px;
	}
	.stepBox h3 div{
		display: inline-block;
		background: #FFF;
		padding-right: 10px;
	}
	.stepBox .stepImg{
		margin-bottom: 30px;
	}
	.stepBox .steptitle{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.stepBox p{
		line-height: 200%;
	}
	
	.voiceList{
		display: flex;
		justify-content: space-between;
	}
	.voiceList .voiceSlide{
		width: 32%;
		background: #FFF;
		padding: 50px 20px;
	}
	.voiceSlide h3{
		font-size: 22px;
		margin-bottom: 25px;
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.voiceSlide p{
		line-height: 200%;
		font-size: 14px;
	}
	.fade,.fadeMerit{
		opacity: 0;
		transition: 1s;
		padding-top: 140px;
	}
	.fade-in{
		opacity: 1;
		padding-top: 110px;
	}
}

@media screen and (min-width: 1000px)  {
	.inner{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#mv{
		width: 100%;
		background: url("../img/reservation-about/mv.png?") no-repeat top center;
		max-width: 1920px;
		margin: 0 auto;
		min-height: 890px;
		background-size: cover;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFF;
		flex-wrap: wrap;
	}
	.mvInner{
		text-align: center;
	}
	#mv h2{
		font-family: eb garamond,serif ,eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 38px;
	}
	#mv h2 span{
		display: block;
		font-size: 18px;
		margin-top: 15px;
		letter-spacing: .1em;
	}
	#mv p{
		display: block;
		margin-top: 48px;
		padding-bottom: 26px;
	}
	body .mente {
		margin: 200px auto;
	}
	.contentsWap{
		padding: 110px 0;
	}
	.merit{
		background: #f4eded;
	}
	.voice{
		background: #efefef;
	}
	
	.mintitle{
		text-align: center;
		font-size: 38px;
		margin-bottom: 100px;
	}
	.mintitle span{
		display: block;
		font-size: 18px;
		margin-top: 15px;
		letter-spacing: .1em;
	}
	
	.meritPoint{
		display: flex;
		justify-content: space-between;
	}
	.meritBox{
		width: 23%;
		border: 1px solid #6C6767;
		background: #FFF;
		opacity: 0;
	}
	.meritBox p{
		text-align: center;
		padding: 35px 0;
		line-height: 250%;
	}
	.meritBox h3{
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		padding: 20px;
		text-align: center;
		color: #FFF;
		font-size: 18px;
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.meritnoteText{
		text-align: center;
		margin-top: 30px;
	}
	
	.flowList{
		display: flex;
	}
	.flowBox{
		width: 33%;
		padding-right: 120px;
		background: url("../img/reservation-about/flowbg_pc.png") no-repeat center right;
		min-height: 280px;
		justify-content: space-between;
		padding-top: 4%;
	}
	.flowBox h3{
		font-size: 23px;
	}
	.flowBox h3 span{
		display: inline-block;
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		text-align: center;
		width: 46px;
		height: 46px;
		color: #FFF;
		border-radius: 23px;
		font-size: 27px;
		margin-right: 30px;
	}
	.flowBox p{
		padding: 30px 0;
		line-height: 250%;
	}
	.flowBtn{
		text-align: center;
		margin-top: 100px;
	}
	.flowBtn a{
		display: inline-block;
		color: #fff;
		background: #d5281d;
		background: -moz-linear-gradient(left,  #d5281d 0%, #74110f 100%);
		background: -webkit-linear-gradient(left,  #d5281d 0%,#74110f 100%);
		background: linear-gradient(to right,  #d5281d 0%,#74110f 100%);
		padding: 20px 70px;
		border-radius: 50px;
		margin-top: 30px;
		font-size: 17px;
		transition: all .3s;
	}
	.flowBtn a:hover{
		opacity: .6;
	}
	
	.flowStep{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.stepBox{
		width: 48%;
		margin-bottom: 70px;
		max-width: 546px;
	}
	.stepBox h3,.stepBox .steptitle{
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.stepBox h3 span{
		font-size: 18px;
		display: block;
		line-height: 60%;
		padding-left: 4px;
		letter-spacing: 0px;
	}
	.stepBox h3{
		text-align: left;
		font-size: 50px;
		line-height: 100%;
		background: url("../img/reservation-about/step_ttlline.png") repeat-x;
		margin-bottom: 15px;
		letter-spacing: 2px;
	}
	.stepBox h3 div{
		display: inline-block;
		background: #FFF;
		padding-right: 10px;
	}
	.stepBox .stepImg{
		margin-bottom: 30px;
	}
	.stepBox .steptitle{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.stepBox p{
		line-height: 200%;
	}
	
	.voiceList{
		display: flex;
		justify-content: space-between;
	}
	.voiceList .voiceSlide{
		width: 32%;
		background: #FFF;
		padding: 50px 20px;
	}
	.voiceSlide h3{
		font-size: 22px;
		margin-bottom: 25px;
		font-family: eb garamond,serif ,minion-pro,  "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.voiceSlide p{
		line-height: 200%;
		font-size: 14px;
	}
	.fade,.fadeMerit{
		opacity: 0;
		transition: 1s;
		padding-top: 140px;
	}
	.fade-in{
		opacity: 1;
		padding-top: 110px;
	}
}