.mv h1 img{ display: block; width: 100%; }

/*.intro{ padding: 90px 0; }*/
.intro h2{ font-size: 60px; color: #ff80a9; font-weight: 600; text-align: center; margin-bottom: 70px; }
.intro h2 span{ font-size: 28px; color: #426091; font-family: 'Noto Sans JP', sans-serif;}
.intro .intro-bg{ background: url(../images/index/bg-intro01.png) no-repeat; background-size: cover; padding: 110px 0 190px; position: relative; }
.intro .intro-bg:after{
	content: '';
	width: 100%;
	height: 75px;
	background: url(../images/index/bg-item01.png) no-repeat;
	background-size: cover;
	background-position: center bottom;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.intro .intro-bg ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 650px; margin-left: auto; }
.intro .intro-bg ul li{ width: 50%; font-size: 20px;  margin-bottom: 25px; position: relative; padding-left: 1.4em;}
.intro .intro-bg ul li:before{
	content: '';
	width: 20px;
	height: 17px;
	background: url(../images/index/icon-check01.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 9px;
}

.what h2, .reasons h2, .flow h2, .dr h2{ font-size: 40px; font-weight: 600; text-align: center; line-height: 1.6; position: relative; padding-bottom: 8px; }
.what h2:after, .reasons h2:after, .flow h2:after, .dr h2:after{ content: ''; width: 60px; height: 1px; background: #426091; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.what h2 span, .reasons h2 span, .flow h2 span, .dr h2 span{ font-size: 18px; font-weight: normal; display: block; text-align: center; }
.what h2 + h3{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	background: #3f6091;
	position: relative;
	display: flex;
	width: 600px;
	height: 50px;
	justify-content: center;
	align-items: center;
	z-index: 0;
	margin: 50px auto 80px;
}
.what h2 + h3:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.what h2 + h3:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 10px 25px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.what h2 + h3 span{ background: #3f6091; position: relative; padding: 0 1em; }
.what h2 + h3 div{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; z-index: -1; }
.what .row{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 90px; }
/*.what .row .left{ width: 500px; }*/
.what .row .left{ width: 400px; }
.what .row .right{ width: 350px; }
.what .difference{ background: #e1edf9; padding: 80px 50px 50px; overflow: hidden; position: relative; z-index: 0; margin-bottom: 90px; }
.what .difference .item01{ width: 406px; position: absolute; top: 10px; left: -70px; z-index: -1; }
.what .difference h3{ font-size: 40px; font-weight: 600; text-align: center; letter-spacing: 0; margin-bottom: 60px; }
.what .difference table.pc-table{ width: 100%; border-collapse: separate; border-spacing: 12px 0; table-layout: fixed; }
.what .difference table.pc-table thead th{ background: #426091; color: #fff; text-align: center; font-size: 24px; font-weight: 600; line-height: 1.4; vertical-align: middle; padding: 20px 10px; letter-spacing: 0; white-space: nowrap; }
.what .difference table.pc-table thead th span{ font-weight: 300; }
.what .difference table.pc-table tbody th{ font-size: 16px; text-align: right; vertical-align: middle; white-space: nowrap; width: 165px; }
.what .difference table.pc-table tbody th span{ position: relative; padding-right: 1em; color: #ff80a9; margin-left: 6px; }
.what .difference table.pc-table tbody th span:after{ content: '' }
.what .difference table.pc-table tbody td img{ display: block; }
.what .difference table.pc-table tbody tr:not(:nth-of-type(1)) th,
.what .difference table.pc-table tbody tr:not(:nth-of-type(1)) td{ padding: 16px 0; position: relative; }
.what .difference table.pc-table tbody tr:not(:nth-of-type(1)) td{ background: #fff; text-align: center; }
.what .difference table.pc-table tbody tr:not(:nth-of-type(1)) td:after{ content: ''; width: calc(100% - 40px); height: 1px; background: #dcdcdc; position: absolute; bottom: 0; left: 20px; }
.what .difference table.pc-table tbody tr:last-of-type td:after{ content: none; }

.smile{ margin-bottom: 80px; }
.smile h2{ font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 55px; }
.smile h2 strong{ font-size: 60px; color: #ff80a9; }
.smile h2 + p{ font-size: 18px; text-align: center; line-height: 2.4; }
.smile .dsd-list{ display: flex; width: 100%; margin: 40px 0 60px; }
.smile .dsd-list li{ width: calc(100% / 3); }
.smile .dsd-list li img{ display: block; width: 100%; }
.smile .dsd-list + h3{ font-size: 40px; font-weight: 600; text-align: center; margin-bottom: 30px; }
.smile .dsd-list + h3 + p{ font-size: 18px; text-align: center; }
.smile .movie-wrap{ background: #3f6091; position: relative; padding: 50px 0; margin-top: 40px; }
.smile .movie-wrap:before{
	content: '';
	width: calc(50% - 270px);
	height: 100%;
	background: url(../images/index/dot.png);
	position: absolute;
	top: 0;
	left: 0;
}
.smile .movie-wrap:after{
	content: '';
	width: calc(50% - 270px);
	height: 100%;
	background: url(../images/index/dot.png);
	position: absolute;
	top: 0;
	right: 0;
}
.smile .movie-wrap .movie-content{ width: 450px; margin: 0 auto; }

.three-point{ padding-bottom: 100px; }
.three-point ul li{ width: 100%; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
.three-point ul li:before{ content: ''; width: 100%; height: 100%; background: url(../images/index/dot.png); position: absolute; top: 0; left: 0; }
.three-point ul li:nth-of-type(1){ background-image: url(../images/index/bg-three-point01.png); }
.three-point ul li:nth-of-type(2){ background-image: url(../images/index/bg-three-point02.png); }
.three-point ul li:nth-of-type(3){ background-image: url(../images/index/bg-three-point03.png); }
.three-point ul li .wrap{ display: flex; height: 300px; align-items: center; position: relative; justify-content: flex-end; }
.three-point ul li:nth-of-type(2) .wrap{ justify-content: flex-start; }
.three-point ul li .wrap h2{ font-size: 22px; font-weight: 400; }
.three-point ul li .wrap h2 strong{ color: #ff80a9; font-size: 38px; }
.three-point ul + h2{ font-size: 28px; font-weight: 600; text-align: center; margin-top: 80px; line-height: 1.8; margin-bottom: 20px; }
.three-point ul + h2 strong{ font-size: 60px; color: #ff80a9; }
.three-point ul + h2 + p{ font-size: 18px; text-align: center; }

.two-point{ padding: 30px; background: #426091; }
.two-point img{ max-width: 1150px; margin: 0 auto; display: block; }

.reasons{ position: relative; padding: 120px 0 30px; background: #e1edf9; }
.reasons:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 75px 150px 0 150px;
	border-color: #426091 transparent transparent transparent;
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
}
.reasons h2{ margin-bottom: 100px; }
.reasons ul li{ display: flex; justify-content: space-between; margin-bottom: 90px; }
.reasons ul li .txt{ width: 400px; position: relative; }
.reasons ul li:nth-of-type(even) .txt{ order: 2; }
.reasons ul li .txt span.no{ position: absolute; top: -34px; }
.reasons ul li .txt span.no strong{ font-size: 34px; font-family: inherit; vertical-align: sub; margin-left: 3px; }
.reasons ul li .txt h3{ font-size: 24px; color: #fff; background: #3f6091; height: 50px; display: flex; align-items: center; font-weight: 600; position: relative; z-index: 0; margin-bottom: 30px; }
.reasons ul li .txt h3.pink{ background: #ff80a9; }
.reasons ul li .txt h3:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 10px 25px 0;
	border-color: transparent #e1edf9 transparent transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.reasons ul li .txt h3:before{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; z-index: -1; }
.reasons ul li .txt h3 span{ padding: 0 1em; background: #3f6091; }
.reasons ul li .txt h3.pink span{ background: #ff80a9; }
.reasons ul li .txt dl .row{ display: flex; margin-bottom: 24px; }
.reasons ul li .txt dl .row dt{
	width: 50%;
	height: 50px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
	border: solid 1px #426091;
	background: #fff;
	transition: .3s;
	cursor: pointer;
}
.reasons ul li .txt dl .row dt:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #426091 transparent transparent transparent;
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: .3s;
}
.reasons ul li .txt dl .row dt.active{ background: #426091; color: #fff; }
.reasons ul li .txt dl .row dt.active:after{ opacity: 1; }
.reasons ul li .txt dl .content{ min-height: 180px; position: relative; }
.reasons ul li .txt dl .content dd{ line-height: 2; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; transition: .3s; }
.reasons ul li .txt dl .content dd.active{ visibility: visible; opacity: 1; }
.reasons ul li .img{ width: 350px; }

.price{ background: #426091; padding: 30px; }
.price .inner{ max-width: 1140px; margin: 0 auto; background: #fff; position: relative; padding: 55px 0; overflow: hidden; z-index: 0; }
.price .inner .item01{ position: absolute; top: 0; left: 0; z-index: -1; }
.price .inner .item02{ position: absolute; bottom: 0; right: 0; z-index: -1; }
.price h2{ font-size: 40px; font-weight: 600; text-align: center; margin-bottom: 60px; }
.price h3{
	height: 108px; 
	background: #426091; 
	color: #fff; display: 
	flex; justify-content: space-around;
	position: relative;
	align-items: center;
	padding: 0 50px;
	margin-bottom: 40px;
}
.price h3:before{
	content: '';
	width: 50px;
	height: 50px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	position: absolute;
	top: 10px;
	left: 10px;
}
.price h3:after{
	content: '';
	width: 50px;
	height: 50px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.price h3 span:nth-of-type(1){ font-size: 40px; font-weight: 600; }
.price h3 span:nth-of-type(2){ font-size: 70px; font-weight: 600; }
.price .row{ display: flex; justify-content: space-between; }
.price .row > div{ width: 380px; }
.price .row > div .thumb img{ display: block; width: 100%; }
.price .row > div h4{ font-size: 28px; font-weight: 600; text-align: center; background: #d9dfe9; margin: 20px 0; padding: 4px 0; }
.price .row > div .all-price{ border-top: solid 1px; border-bottom: solid 1px; }
.price .row > div .all-price p{ font-size: 70px; position: relative; display: table; margin: 0 auto; line-height: 1; font-weight: bold; letter-spacing: 0; padding: 10px 0; }
.price .row > div .all-price p small{ font-family: inherit; font-size: 30px; }
.price .row > div .all-price p span{ font-family: inherit; font-size: 12px; position: absolute; top: 20px; right: 0; }
.price .row > div .monthly{ padding: 40px 0 50px; }
.price .row > div .monthly span{ display: block; text-align: center; margin-bottom: 6px; }
.price .row > div .monthly p{ font-size: 40px; text-align: center; font-weight: bold; letter-spacing: 0; }
.price .row > div .monthly p strong{ font-family: inherit; color: #ff80a9; font-size: 70px; letter-spacing: inherit; }
.price .row > div .monthly small{ font-size: 12px; display: block; text-align: center; }
.price h5{ font-size: 28px; font-weight: 600; text-align: center; border-top: solid 1px; border-bottom: solid 1px; padding: 8px 0; }
.price h5 + table{ margin: 20px auto; }
.price h5 + table th{ font-size: 20px; color: #ff80a9; font-weight: 600; text-align: left; padding: 5px 0; }
.price h5 + table th span{ color: #426091; }
.price h5 + table td{ font-size: 20px; padding: 5px 0 5px 1em; }
.price h5 + table + p{ text-align: center; padding-top: 1em; border-top: solid 1px; margin-bottom: 50px; }
.price dl{ background: #426091; padding: 10px; }
.price dl .pay-wrap{ border: solid 1px #fff; padding: 10px 0 20px; }
.price dl dt{ font-size: 40px; color: #fff; font-weight: 600; text-align: center; margin-bottom: 6px; }
.price dl dd{ font-size: 20px; color: #fff; text-align: center; }

.flow{ padding: 100px 0 80px; }
.flow ul{ display: table; position: relative; counter-reset: number; margin: 60px auto 110px; }
.flow ul:before{ content: 'FIRST'; font-size: 12px; font-weight: 600; position: absolute; top: -12px; left: 6px; }
.flow ul:after{ content: 'END'; font-size: 12px; font-weight: 600; position: absolute; bottom: -12px; left: 9px; }
.flow ul li{ font-size: 24px; font-weight: 600; position: relative; padding: 17px 0 17px 70px; }
.flow ul li:before{
	counter-increment: number;
	content: counter(number);
	font-size: 19px;
	font-weight: 600;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #e5f9ff;
	border: solid 3px;
	border-radius: 40px;
	position: absolute;
	top: 13px;
	left: 0;
}
.flow ul li:not(:last-of-type):after{ content: ''; width: 3px; height: 100%; background: #426091; position: absolute; top: 27px; left: 22px; z-index: -1; }
.flow ul li span{ color: #ff80a9; }
.flow .arrow{ display: block; width: 300px; margin: 0 auto 70px; }
.flow h3{ font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 50px; }
.flow h3 strong{ font-size: 60px; color: #ff80a9; }
.flow h4{ font-size: 40px; font-weight: 600; text-align: center; white-space: nowrap; margin-bottom: 40px; }
.flow h4 + p{ font-size: 18px; text-align: center; }

.dr{ background: #e1edf9; position: relative; padding: 140px 0 100px; }
.dr:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70px 150px 0 150px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
}
.dr h2{ margin-bottom: 140px; }
.dr .row{ display: flex; justify-content: space-between; margin-bottom: 150px; }
.dr .row:last-of-type{ margin-bottom: 0; }
.dr .row .txt{ width: 50%; }
.dr .row .txt h3{ font-size: 40px; font-weight: 600; line-height: 1.8; position: relative; border-bottom: solid 1px; margin-bottom: 30px; }
.dr .row:nth-of-type(odd) .txt h3:after{ content: ''; width: 100px; height: 1px; background: #3f6091; position: absolute; bottom: -1px; left: -100px; }
.dr .row:nth-of-type(even) .txt h3:after{ content: ''; width: 100px; height: 1px; background: #3f6091; position: absolute; bottom: -1px; right: -100px; }
.dr .row .txt h3 span{ font-size: 20px; display: block; font-weight: 500; }
.dr .row .img{ width: 300px; position: relative; }
.dr .row .img:before{ content: ''; width: 180px; height: 180px; background: url(../images/index/dot02.png); position: absolute; top: -90px; }
.dr .row:nth-of-type(odd) .img:before{ left: -90px; }
.dr .row:nth-of-type(even) .img:before{ right: -90px; }
.dr .row .img img{ display: block; width: 100%; }

.contact{ position: relative; padding: 100px 0 0; }
.contact:before{     content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 150px 0 150px;
    border-color: #e1edf9 transparent transparent transparent;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.contact h2{ font-size: 40px; font-weight: 600; text-align: center; margin-bottom: 40px; }
.contact h2 + p{ font-size: 18px; text-align: center; margin-bottom: 50px; }
.contact .tel-btn{ width: 600px; height: 100px; display: flex; justify-content: space-around; align-items: center; border: solid 1px #3f6091; margin: 0 auto 40px; position: relative;}
.contact .tel-btn small{ font-size: 20px; font-weight: 400; }
.contact .tel-btn span{ width: 288px; }
.contact .tel-btn span img{ display: block; width: 100%; }
.contact .resv-counseling{ width: 600px; height: 100px; display: flex; justify-content: center; align-items: center; background: #3f6091; margin: 0 auto 80px; padding-bottom: 1.3rem; }
.contact .resv-counseling span{ font-size: 32px; color: #fff; font-weight: 600; position: relative; padding-left: 60px; }
.contact .resv-counseling span:before{ content: ''; width: 26px; height: 28px; background: url(../images/index/icon-resv01.png) no-repeat; background-size: contain; position: absolute; top: 0; left: 0; }
.contact .item01{ display: block; width: 800px; margin: 0 auto; }

.web-bg{ padding: 148px 0 78px; position: relative; background: url(../images/index/bg-web01.png) no-repeat; background-size: cover;  }
.web-bg:before{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 150px 0 150px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.web-bg h2{ font-size: 40px; font-weight: 600; text-align: center; margin-bottom: 40px; }
.web-bg h2 + p{ font-size: 18px; width: 550px; margin: 0 auto; line-height: 2; }

.upload > p{ font-size: 18px; text-align: center; margin: 40px 0; }
.upload dl{ border: solid 1px; margin-bottom: 60px; }
.upload dl dt{ font-size: 18px; font-weight: 600; color: #fff; background: #426091; text-align: center; padding: 4px 0; }
.upload dl dd{ text-align: center; padding: 10px 0; line-height: 2; }
.upload .example{ background: #e1edf9; padding: 50px; }
.upload .example .row:nth-of-type(1){ padding-bottom: 40px; border-bottom: solid 1px; margin-bottom: 50px; }
.upload .example .pic-flow{ display: flex; justify-content: center; margin-bottom: 45px; }
.upload .example .pic-flow li{ width: 200px; margin: 0 30px; }
.upload .example .pic-flow li .thumb img{ width: 100%; display: block; }
.upload .example .pic-flow li h3{ font-size: 18px; color: #fff; font-weight: 600; text-align: center; background: #426091; padding: 10px; }
.upload .example .detail li{ position: relative; padding-left: 1.4em; }
.upload .example .detail li:before{ content: '▶︎'; color: #ff80a9; position: absolute; left: 0; }
.upload .example .detail{ width: 545px; margin: 0 auto; }

form table{ width: 100%; margin: 50px auto 0; border-collapse: separate; border-spacing: 0 20px; }
form table th{ font-size: 18px; text-align: left; vertical-align: top; width: 200px; }
form table td{ position: relative; vertical-align: middle; }
form table td.border{ border: solid 1px #426091; }
form table td span{ min-height: 40px; display: inline-block; vertical-align: middle; }
form table td input{ width: 100%; height: 100%; min-height: 40px; border: solid 1px #426091; }
form table td textarea{ width: 100%; height: 220px; border: solid 1px #426091; }
form table + p{ display: table; margin-left: auto; }
form input[type="submit"],
form button{ width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; background: #3f6091; color: #fff; font-size: 20px; font-weight: 500; margin-top: 60px; }
form input[type="file"]{ display: none; }
form label{ width: 100%; min-height: 40px; border: solid 1px #426091; display: block; position: relative; cursor: pointer; }
form label:before{ content: 'ファイルを選択'; color: #fff; background: #426091; width: 150px; height: 38px; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; }
form label + p{ position: absolute; left: 10px; bottom: 9px; }
form .error em{ color: red; }

.confirm h2{ font-size: 40px; font-weight: 600; text-align: center; margin: 100px 0 80px; }
.confirm h2 + p{ text-align: center; }
form.confirm table tr:nth-of-type(4){ display: none; }

p.h3 {
    margin-bottom: 10px;
}
p.h3 span {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
    border-left: solid 3px;
}
.reasons ul li .txt p + img {
    margin-bottom: 4vw;
}



/**** 200527 リモート矯正無料相談追加分 ****/

.remote{ position: relative; z-index: 0; }
.remote .bg01{ width: 418px; position: absolute; bottom: 0; right: 0; z-index: -1; }
.remote:before{ content: ''; width: 100px; height: 100%; background: #e1edf9; position: absolute; top: 0; left: 0; z-index: -2; }
.remote:after{ content: ''; width: 100px; height: 100%; background: #e1edf9; position: absolute; top: 0; right: 0; z-index: -2; }
.remote .remote-head{ padding-top: 60px; padding-bottom: 60px; }
.remote .remote-head h2{ font-size: 40px; font-weight: 700; text-align: center; }
.remote .remote-head h2 span{ font-size: 18px; font-weight: 300; display: block; text-align: center; line-height: 1.8; }
.remote .remote-head h2 span.bun {font-size: 14px;}
.remote .remote-head h2 strong{ background: linear-gradient(transparent 60%, #ffd9e5 60%); }
.remote .remote-content{ padding-bottom: 70px; }
.remote .remote-content ul{ display: table; margin: 0 auto 30px; }
.remote .remote-content ul li{ padding-left: 1.5em; position: relative; line-height: 2; }
.remote .remote-content ul li:before{ content: '▶︎'; color: #ff80a9; position: absolute; left: 0; }
.remote .remote-content .remaining{ font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 70px; position: relative; }
.remote .remote-content .remaining:after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 30px 37.5px 0 37.5px; border-color: #ff80a9 transparent transparent transparent; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); }
.remote .remote-content .remaining strong{ display: inline-block; background: #ff80a9; font-size: 50px; color: #fff; padding: 10px 4px 10px 8px; line-height: 1; margin: 0 6px; }
.remote .remote-content .btn{ width: 600px; height: 100px; font-size: 32px; font-weight: 500; color: #fff; justify-content: center; align-items: center; display: flex; margin: 0 auto; background: url(../images/index/icon-btn01.png) #3f6091 no-repeat; background-size: 32px; background-position: top 50% left 40px; padding-left: 40px; }

/**** 201015 リマケ ****/
.row .invisa p,.row .igo p{text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;}

.contact .resv-counseling span::after{    content: '※カウンセリング+簡易検査7,000円(税別)';
    width: 100%;
    height: 28px;
    /* background: url(../images/index/icon-resv01.png) no-repeat; */
    /* background-size: contain; */
    position: absolute;
    top: 34px;
    right: 0%;
    font-size: 14px;}


.yoyaku_btn01 {
    position: fixed;
    top: 3rem;
    right: 20px;
    width: 61px;
    z-index: 100;
}
.yoyaku_btn01 a {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #fff;
    font-size: 1.1rem;
    font-feature-settings: normal;
    width: 4rem;
    height: 23rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background: #000032;
}
.yoyaku_btn01 a img{
	width: 60%;
	margin-bottom: 1rem;
}

.yoyaku_btn02 {
    position: fixed;
    top: 27rem;
    right: 20px;
    width: 61px;
    z-index: 100;
}
.yoyaku_btn02 a {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #000032;
    font-size: 1.1rem;
    font-feature-settings: normal;
    width: 4rem;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background: #B8B8CC;
}
.yoyaku_btn02 a img{
	width: 50%;
	margin-bottom: 1rem;
}