/* created by Green Labo */
html {
  scroll-behavior: smooth;
}
body {
	background: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	line-height: 1.6;
}

.container {max-width: 1200px;}
.sectionbox {padding: 40px 0;}
.subsectionbox {margin-bottom: 40px;}
ul {list-style-type: square;}
.no-lists {list-style-type: none; padding-left: 0;}
.nospcbttm {padding-bottom: 0!important; margin-bottom: 0!important;}
.getshadow {box-shadow: 0 0 5px #222;}
.getcorner {border-radius: 3px;}
.txtshadow {text-shadow: 0 0 3px #000;}
.br-1024, .br-ipxl, .br-768, .br-736, .br-667, .br-568, .br-414, .br-375, .br-360, .br-320 {display: none;}
.view-pc, .view-mb, .hidely {display: none;}
.showy {display: block;}
.half-page {width: 70%; margin: 0 auto;}
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Serif JP', serif;}
.font-serif {font-family: 'Noto Serif JP', serif;}
.font-sans {font-family: 'Noto Sans JP', sans-serif;}
.btn:hover {animation: pulse 0.5s ease-in infinite;}
@keyframes .btn{
	25% {transform: scale(0.9);}
	75% {transform: scale(1.1);}
}
.pricebnnr {
	width: 60%;
	margin: 30px auto;
	font-size: 30px;
	font-family: 'Noto Sans JP', sans-serif;
}
.pricebnnr a {
	padding: 15px 20px;
	background: #FF473A;
	color: #fff;
	border-radius: 5px;
	line-height: 36px;
	border: 1px solid #C93045;
	text-decoration: none;
}
.pricebnnr a:hover {background: #ff9696; color: #fff;}
.pricebnnr .bigyen {font-size: 3rem;}
.pricebnnr .bycnt {font-size: 1.5rem;}
a {color: #021A4B;}
a:hover {color: #ff9696;}
.remarks {font-size: 0.75rem;}
.stepbox {
	text-align: center;
	color: #7EA3E8;
	line-height: 1;
	margin-bottom: 30px;
}
.stepbox img {height: 120px; width: auto;}

/* color set */
.mainblue {color: #021A4B;}
.lightblue {color: #497ED2;}
.mainpink {color: #C93045;}
.mainbrown {color: #CBB4A9;}
.maingreen {color: #9AB5A8;}
.pink {color: #ff9696;}
.purple {color: #B0A8CB;}
.red {color: #FF473A;}
.txt-white {color: #fff;}
.bg-mainblue {background: #021A4B;}
.bg-mainpink {background: #C93045;}
.bg-mainbrown {background: #CBB4A9;}
.bg-maingreen {background: #9AB5A8;}
.bg-pink {background: #ff9696;}
.bg-purple {background: #B0A8CB;}
.bg-red {background: #FF473A;}
.bg-paleblue {background: #CBDAF6;}
.bg-lightblue {background: #7EA3E8;}
.secheading {
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	margin-bottom: 20px;
}
.headingline {
	width: 35%;
	margin: 20px auto 0;
	height: 1px;
	border-bottom: 2px dotted #ccc;
}
.highlight {
	margin: 40px 0 20px;
	padding: 10px 20px;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
}

/* back to top */
#backtotop {
	position: fixed;
	z-index: 9;
	right: 10px;
	bottom: 20px;
	line-height: 64px;
	font-size: 2rem;
	color: #fff;
	width: 80px;
	height: 65px;
	text-align: right;
}
#backtotop a {
	color: #fff;
	padding: 16px 25px;
	background: rgba(0,0,0,0.4);
	border-radius: 5px;
}

/* floating banner */
#floatingbanner {
	position: fixed;
	z-index: 7;
	left: 0;
	bottom: 10px;
	width: 100%;
}
#floatingbanner a:hover {text-decoration: none;}
#fbannerbig {padding: 10px; border-radius: 5px;}
#fbnrtag {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 16px;
}
#fbnrtag strong {font-size: 24px;}
#fbnrtext {
	font-size: 44px;
	font-weight: bold;
	text-shadow:
	3px 3px 0 #021A4B,
	-1px -1px 0 #021A4B,
	1px -1px 0 #021A4B,
	-1px 1px 0 #021A4B,
	1px 1px 0 #021A4B;
}
#fbnrtextmb {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow:
	3px 3px 0 #8D0859,
	-1px -1px 0 #8D0859,
	1px -1px 0 #8D0859,
	-1px 1px 0 #8D0859,
	1px 1px 0 #8D0859;
}
#fbannerbig, #fbannersmll {position: relative;}
#fbannerbig a, #fbannersmll a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* top span */
.toptell {
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	line-height: 1.2;
}
#headertp {
	padding: 10px 0;
	line-height: 1;
}
.topprice, .pricebnnr {line-height: 1; vertical-align: bottom; text-align: center;}
#headertp .topprice {text-align: right;}
.topprice a {
	padding: 5px 20px;
	background: #FF473A;
	color: #fff;
	border-radius: 5px;
	line-height: 1;
	box-shadow: 0 0 3px #333;
	text-decoration: none;
}
.bigyen {font-size: 2rem; text-shadow: 0 0 3px #000; font-weight: bold;}
.bycnt {font-size: 1rem; text-shadow: 0 0 3px #000; font-weight: bold; margin-right: 5px;}
.tptxt {font-size: 1rem; vertical-align: middle; padding-bottom: 10px;}

/* footer */
footer {padding: 20px 0 120px;}
#ftrcopy {font-size: 14px;}
#footrpage li {display: inline; margin: 0 10px; font-size: 14px;}

/* hero part */
#heropict {position: relative;}
.heroright {padding-top: 5%;}
#heropict h3 {font-size: 44px;}
#heropict h4 {font-size: 16px; margin-top: 10px; font-weight: bold;}
#herorightcontxt {width: 85%;}
#hrctxt01 {margin-bottom: 10px; text-align: center;}
#hrctxt01 img {
	width: auto;
	height: 200px;
	margin: 0 auto;
	display: inline;
}
#hrp-text, #hrp-textmb {
	margin-top: 95px;
	font-size: 1rem;
	color: #fff;
}
#hrp-text {margin-top: 100px;}
#hpbg {
	width: 100%;
	height: 35%;
	background: #021A4B;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
#bblbox {
	width: 100%;
	height: 500px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -5;
}
.bubbles {
	position: relative;
	width: 100%;
	height: 436px;
	overflow: hidden;
}
.bubble {
	position: absolute;
	left: var(--bubble-left-offset);
	bottom: -75%;
	display: block;
	width: var(--bubble-radius);
	height: var(--bubble-radius);
	animation: float-up var(--bubble-float-duration) var(--bubble-float-delay) ease-in infinite;
}
.bubble::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(126, 163, 232, 0.1);
	border-radius: inherit;
	animation: var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) ease-in-out alternate infinite;
}
.bubble:nth-child(0) {
	--bubble-left-offset: 55vw;
	--bubble-radius: 2vw;
	--bubble-float-duration: 10s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(1) {
	--bubble-left-offset: 78vw;
	--bubble-radius: 9vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(2) {
	--bubble-left-offset: 0vw;
	--bubble-radius: 6vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(3) {
	--bubble-left-offset: 22vw;
	--bubble-radius: 1vw;
	--bubble-float-duration: 10s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(4) {
	--bubble-left-offset: 1vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(5) {
	--bubble-left-offset: 4vw;
	--bubble-radius: 2vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(6) {
	--bubble-left-offset: 15vw;
	--bubble-radius: 2vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 1s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(7) {
	--bubble-left-offset: 71vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 6s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(8) {
	--bubble-left-offset: 13vw;
	--bubble-radius: 6vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(9) {
	--bubble-left-offset: 89vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(10) {
	--bubble-left-offset: 38vw;
	--bubble-radius: 9vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(11) {
	--bubble-left-offset: 40vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(12) {
	--bubble-left-offset: 89vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(13) {
	--bubble-left-offset: 80vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(14) {
	--bubble-left-offset: 49vw;
	--bubble-radius: 7vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(15) {
	--bubble-left-offset: 79vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(16) {
	--bubble-left-offset: 14vw;
	--bubble-radius: 6vw;
	--bubble-float-duration: 6s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(17) {
	--bubble-left-offset: 93vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(18) {
	--bubble-left-offset: 10vw;
	--bubble-radius: 8vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(19) {
	--bubble-left-offset: 54vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(20) {
	--bubble-left-offset: 22vw;
	--bubble-radius: 7vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(21) {
	--bubble-left-offset: 90vw;
	--bubble-radius: 7vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(22) {
	--bubble-left-offset: 51vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(23) {
	--bubble-left-offset: 17vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(24) {
	--bubble-left-offset: 12vw;
	--bubble-radius: 1vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(25) {
	--bubble-left-offset: 87vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 1s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(26) {
	--bubble-left-offset: 40vw;
	--bubble-radius: 8vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(27) {
	--bubble-left-offset: 7vw;
	--bubble-radius: 10vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(28) {
	--bubble-left-offset: 1vw;
	--bubble-radius: 3vw;
	--bubble-float-duration: 6s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(29) {
	--bubble-left-offset: 41vw;
	--bubble-radius: 4vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(30) {
	--bubble-left-offset: 38vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(31) {
	--bubble-left-offset: 52vw;
	--bubble-radius: 1vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(32) {
	--bubble-left-offset: 77vw;
	--bubble-radius: 9vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(33) {
	--bubble-left-offset: 4vw;
	--bubble-radius: 4vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(34) {
	--bubble-left-offset: 56vw;
	--bubble-radius: 2vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(35) {
	--bubble-left-offset: 26vw;
	--bubble-radius: 8vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(36) {
	--bubble-left-offset: 20vw;
	--bubble-radius: 1vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(37) {
	--bubble-left-offset: 60vw;
	--bubble-radius: 1vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(38) {
	--bubble-left-offset: 43vw;
	--bubble-radius: 1vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(39) {
	--bubble-left-offset: 60vw;
	--bubble-radius: 3vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(40) {
	--bubble-left-offset: 15vw;
	--bubble-radius: 8vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 2s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(41) {
	--bubble-left-offset: 50vw;
	--bubble-radius: 4vw;
	--bubble-float-duration: 11s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(42) {
	--bubble-left-offset: 93vw;
	--bubble-radius: 3vw;
	--bubble-float-duration: 9s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(43) {
	--bubble-left-offset: 63vw;
	--bubble-radius: 7vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 5s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(44) {
	--bubble-left-offset: 31vw;
	--bubble-radius: 9vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 4s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(45) {
	--bubble-left-offset: 8vw;
	--bubble-radius: 3vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(46) {
	--bubble-left-offset: 80vw;
	--bubble-radius: 4vw;
	--bubble-float-duration: 8s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 0s;
	--bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(47) {
	--bubble-left-offset: 46vw;
	--bubble-radius: 2vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(48) {
	--bubble-left-offset: 62vw;
	--bubble-radius: 7vw;
	--bubble-float-duration: 12s;
	--bubble-sway-duration: 6s;
	--bubble-float-delay: 4s;
	--bubble-sway-delay: 3s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(49) {
	--bubble-left-offset: 81vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 10s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 3s;
	--bubble-sway-delay: 1s;
	--bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(50) {
	--bubble-left-offset: 80vw;
	--bubble-radius: 5vw;
	--bubble-float-duration: 7s;
	--bubble-sway-duration: 4s;
	--bubble-float-delay: 0s;
	--bubble-sway-delay: 2s;
	--bubble-sway-type: sway-right-to-left;
}

@keyframes float-up {
	to {
		transform: translateY(-175vh);
	}
}
@keyframes sway-left-to-right {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(100%);
	}
}
@keyframes sway-right-to-left {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}

/* section 1 */
#section01 {font-size: 34px; color: #FFFFE6;}
#section01 h3 {font-size: 64px;}

/* section 11 */
#section11 {font-size: 1rem;}
#section11 h3 {margin-bottom: 20px;}
.s11bttn {vertical-align: bottom; padding-top: 10px;}
#section11 .btn-primary {
	background: #fff;
	border-color: #fff;
	color: #021A4B;
}
#section11 p:last-child {margin-bottom: 0;}

/* section 2 */
#section02 h3 {margin-bottom: 20px;}
#section02 h4 {font-weight: bold; margin-bottom: 20px;}
.cblnk {background: #ccc;}
#section02 th {background: #eee;}
#section02 th, #section02 td {text-align: center; width:25%;}
/*#section02 th img {max-width: 160px;}*/
.belle-cell {background: #B4C6E7!important; font-weight: bold;}
#s2emptxt {text-align: center; font-family: 'Noto Sans JP', sans-serif; font-size: 3rem; font-weight: 300; color: #01184A;}
#sakuramachine {font-weight: 300;}
#sakuramachine h4 {font-size: 4rem; font-weight: bold;}
#sakuramachine h4 span {color: #FA6881; font-size: 8rem; display: block;}
.sec2subbx h4 {text-align: center; font-size: 3rem; font-weight: bold; color: #FA6881;}

/* section 3 */
#section03 {background: rgba(0, 25, 75, 0.05);}
#section03 figure {width: 100%; text-align: center; margin-bottom: 30px;}
.spantag {padding: 30px 0; font-weight: bold;}

/* section 4 */
#s4sbbox {padding: 20px;}
#s4sbbox h3 {font-size: 44px; margin-bottom: 30px;}
#s4txtbx {margin: 18.5% 0;}

/* section 5 */
#section05 {background: rgba(0, 25, 75, 0.05);}
#section05 .spantag {margin: 40px 0;}
.sct05arrw {font-size: 4rem; line-height: 1;}
#section05 h4 {font-weight: bold;}
#section05 .pricebnnr {margin-bottom: 15px;}

/* section 6 */
.s6text {font-size: 44px; font-weight: bold; line-height: 1.2; vertical-align: middle;}
.s6text span {font-size: 30px;}
.s6price {font-size: 72px; letter-spacing: -4px; font-weight: bold; vertical-align: middle; color: #C93045;}
.s6bttmbx {padding: 20px; margin: 30px 0; border-radius: 5px;}
.s6bttmbx p:last-child {margin-bottom: 0;}
#s6sp03, #s6sp04 {padding: 10px; font-size: 24px; border: 3px solid #FF473A; border-radius: 5px; color: #FF473A; letter-spacing: normal;}
#s6sbgrl {font-weight: bold; font-weight: 3rem;}
#s6sbgrl02 {font-weight: bold; font-weight: 3.5rem; line-height: 1;}
#s6sbgrl02 strong {font-size: 4rem;}

/* section 7 */
#section07 {background: rgba(0, 25, 75, 0.05);}

/* section 8 */
.card {
	margin-bottom: 20px;
	border: none;
	background: none;
	border-radius: 0;
}
.card-header {
	background: #7EA3E8;
	background-size: 20%;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 2.2rem;
	border-radius: 0;
	position: relative;
	padding-left: 3%;
}
.card-header:first-child {border-radius: 0;}
.qicon {
	position: absolute;
	left: -25px;
	top: 12%;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 3px solid #fff;
	background: #7EA3E8;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 1.6rem;
}
.card-body {
	margin: 10px 0px 0px 3%;
}

/* section 9 */
#section09 {background: rgba(176, 168, 203, 0.15);}
.branchlistbx {
	padding: 20px;
	border-radius: 5px;
	border: 3px solid #021A4B;
	width: 70%;
	margin: 0 auto 20px;
}
.branchlistbx ul {
	list-style-type: none;
	padding-left: 0; margin: 0;
	vertical-align: top;
}
.branchlistbx ul li {
	display: inline-block;
	width: 48%;
	margin-bottom: 10px;
	letter-spacing: normal;
	font-size: 16px;
}
.branchlistbx a {color: #021A4B;}
.branchlistbx .badge {font-size: 0.8rem;}
.gmapbox iframe {min-height: 257px;}
.no-lists {line-height: 1.3; min-height: 154px;}
/* shop lists */
.shop-region {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #A0AAB7;}
.shop-region h3 {color: #00194b; font-size: 24px; margin-bottom: 0;}
.shop-region h3:hover {cursor: pointer;}
.shop-region h4 {margin-left: 20px; font-size: 18px;}
.shop-region ul {margin-left: 40px; margin-bottom: 30px;}
.shop-box {margin-bottom: 20px;}
.shop-main-pic {width: 60%; margin: 0; padding: 0 16px; float: left;}
.shop-info {width: 40%; margin: 0; padding: 0 16px; float: left;}
.shop-info li {margin-bottom: 14px;}
.shop-region-sub {display: none;}
.shop-region-sub-tab {border-bottom: 0px; padding-bottom:0px;}
#section09 .card {margin-bottom: 0;}

.carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon{
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0.2);
    background-size: 60%;
    margin: 5px;
    border-radius: 20px;
  }

/* section 10 */
#cntctfrmframe iframe {min-height: 2000px;}

/* new */
.new {
    color: #fff!important;
    background-color: #FF473A!important;
    border-radius: 20px !important;
    border: 4px double #fff;
    padding: 7px 10px;
}

@media screen and (min-width: 641px) {
	.view-pc {display: block;}
	.br-768 {display: block;}
	#sec2sidepict {margin-top: 30%;}
	#s6st02 {margin-top: 40px;}
	#s6sp03 {margin-top: 50px;}
	#s6sp04 {margin-top: 50px;}
	#section02 th img {max-width: 160px;}
	#section02 th tr td {max-width: 25%;}
	#sakuramachine h4 {margin-top: 30%;}
}

@media screen and (max-width: 1024px) {
	.container {overflow: hidden;}
	#hrp-text {margin-top: 54px;}
	#fbnrtext {font-size: 34px; margin-top: 10px;}
	#backtotop {bottom: 120px; right: 15px;}
	.s6price {font-size: 64px;}
	#s6st02 {margin-top: 30px;}
	.s6bttmbx {font-size: 20px;}
	.spantag {font-size: 20px;}
	.spantag p {margin-bottom: 0;}
	.branchlistbx ul li {font-size: 18px;}
}
@media screen and (width: 768px) {
	.secheading {font-size: 150%;}
	.toptell, .tptxt {font-size: 0.7rem;}
	#headertp .bycnt {font-size: 0.7rem;}
	#headertp .bigyen {font-size: 1rem;}
	#hrctxt01 img {width: 100%; height: auto; display: inline-block;}
	#hrp-text {font-size: 0.65rem; margin-top: 70px; text-align: left;}
	.heroright {padding-top: 25px; text-align: right;}
	#fbnrtext {font-size: 30px;}
	.half-page {width: 90%;}
	.s6price {font-size: 44px;}
	#s6st02 {margin-top: 10px;}
	.s6bttmbx {margin-top: 0;}
	.pricebnnr {font-size: 24px;}
	.branchlistbx ul li {font-size: 16px;}
	.subsectionbox:last-child {margin-bottom: 0px;}
	.stepbox {line-height: 1.2; font-size: 600%;}
	#sakuramachine h4 {margin-top: 15%;}
	.card-header {padding-left: 10%;}
	.qicon {left: 5px;}
	#s2emptxt {font-size: 2.5rem;}
}
@media screen and (max-width: 640px) {
	.view-mb, .br-667 {display: block;}
	.half-page {width: 100%;}
	body {font-size: 1rem; line-height: 1.4;}
	.sct05arrw {font-size: 3rem;}
	.s6price {font-size: 44px;}
	h2, .s6text, #s6sbgrl02 strong {font-size: 30px;}
	h3, #s4sbbox h3, .s6text {font-size: 150%;}
	.secheading {font-size: 120%;}
	.highlight, .subsectionbox, #section05 h4, .s6text span, #s6sbgrl {font-size: 18px;}
	#section02 h3 {font-size: 18px;}
	#section02 h4, #fbnrtextmb {font-size: 120%;}
	.table tr th, .table tr td, .ftfbtnmb02 {font-size: 14px;}
	p {margin-bottom: 10px;}
	.sc2tbh02 {width: 35%;}
	.sc2tbh03 {width: 25%;}
	.pricebnnr {font-size: 16px; width: 80%;}
	.pricebnnr a {padding: 5px 10px; border: 0px;}
	#section11 h3 {margin-bottom: 10px;}
	.toptell {font-size: 10px;}
	#headertp {background: #fff;}
	#hrp-textmb {margin-top: 9px; font-size: 1.2rem; padding-bottom: 10px;}
	#hpbg {height: 34%;}
	.heroright {padding-top: 15px;}
	#herorightcontxtmb {margin-left: -15px; padding-bottom: 14px;}
	.sectionbox {padding: 10px 0;}
	#backtotop {bottom: 10%;}
	#backtotop a {padding: 0 10px;}
	#floatingbanner {bottom: 0; background: rgba(255,255,255,0.8); padding: 10px 0;}
	.pricebnnr .bigyen {font-size: 1.2rem;}
	.pricebnnr .bycnt {font-size: 0.65rem;}
	.ftfbtnmb01 {font-size: 14px; font-weight: bold;}
	.ftfbtnmb01>div {padding: 0px; border: 0px;}
	.ftfbtnmb02 .pricebnnr {font-size: 14px; padding: 0; width: 100%; margin: 0;}
	.ftfbtnmb02 .pricebnnr a {display:block; padding:0px;}
	.ftfbtnmb02 .pricebnnr .bigyen {font-size:31px;}
	.ftfbtnmb02 .pricebnnr .bycnt {font-size: 18px;}
	.ftfbx {padding: 0; min-height: 30px;}
	.ftfbx-col {margin: 0; width: 50%; float: left;}
	.s2mchnpct {text-align: center;}
	#s2mchn {max-width: 40%; margin: 0 auto; display: inline;}
	#s4txtbx {margin: 20px 0;}
	#section05 .spantag {margin: 8px 0;}
	.s6bttmbx {margin: 20px 0;}
	.branchlistbx {width: 100%;}
	.branchlistbx ul li {display: list-item; width: 100%; font-size: 12px;}
	.shop-region h3 {font-size: 16px;}
	.shop-region h4 {font-size: 14px; font-weight: 700;}
	.shop-region ul {margin-left: 20px; margin-bottom: 30px;}
	.highlight {margin: 0 0 20px;}
	.shopgallery img {margin-bottom: 30px;}
	.s6price {letter-spacing: normal;}
	.spantag {padding: 20px 10px;}
	.subsectionbox:last-child {margin-bottom: 0px;}
	#footrpage li {display: list-item; margin: 0 0 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
	#footrpage li:first-child {border-top: 1px solid #ccc; padding-top: 5px;}
	#footrpage li.sepprtr {display: none;}
	.figure-caption {font-size: 60%; text-align: left!important;}
	#section07, .pleft {text-align: left !important;}
	#s2emptxt {font-size: 120%;}
	#sakuramachine h4 {text-align: center; font-size: 150%;}
	#sakuramachine h4 span {font-size: 250%;}
	.card-header {font-size: 150%; padding-left: 15%;}
	.qicon {margin-left: 10px;}
	.stepbox img {height: 90px; width: auto;}
}
@media screen and (max-width: 480px){
	.s6bttmbx {margin: 10px 0;}
	.subsectionbox {margin-bottom: 0px;}
	#hpbg {height: 42.5%;}
	#hrp-textmb {padding-top: 0px; font-size: 1rem;}
	#herorightcontxtmb {margin-left: 0; margin-top: 30px;}
}
@media screen and (max-width: 390px) {
	#cntctfrmframe iframe {min-height: 1900px;}
}
@media screen and (max-width: 375px) {
	.br-375 {display: block;}
	#hpbg {height: 48%;}
	body {font-size: 0.8rem;}
	body, #section11, .s6text span {font-size: 12px;}
	#s6sbgrl02 strong, .s6price {font-size: 30px;}
	h2, .secheading {font-size: 150%;}
	h3, #s4sbbox h3, .highlight, .s6text {font-size: 20px;}
	h4, #section11 h3, #section02 h4, #section05 h4 {font-size: 18px;}
	#s4sbbox h3 {margin-bottom: 10px;}
	body {font-size: 1rem;}
	/*#section02 th img {max-width: 90px;}*/
	#section02 th, #section02 td {vertical-align: middle;}
	.table tr th {font-size: 12px;}
	.table tr td {font-size: 10px; font-weight: bold;}
	#section03 figure {margin-bottom: 10px;}
	.pricebnnr {width: 100%;}
	#s6st02 {margin-top: 10px;}
	.ftfbtnmb01>div {border: 0px;}
	.ftfbtnmb01, #fbnrtextmb {font-size: 14px; text-shadow: 2px 2px 0 #8d0859, -1px -1px 0 #8d0859, 1px -1px 0 #8d0859, -1px 1px 0 #8d0859, 1px 1px 0 #8d0859;}
	.secheading {margin-bottom: 10px;}
	.headingline {margin: 10px auto 0;}
	#backtotop {bottom: 15%;}
	.spantag {padding: 10px;}
	#sakuramachine h4 {font-size: 150%;}
	#sakuramachine h4 span {font-size: 220%;}
}
@media screen and (max-width: 360px){
	#hpbg {height: 60%;}
	.herogirl {bottom: -6px;}
	#hpbg {height: 56.6%;}
}
@media screen and (max-width: 320px) {
	.toptell {font-size: 7px; padding-top: 0;}
	#section05 h4 {font-size: 18px;}
	#hpbg {height: 41%;}
	.heroright {padding-top: 0;}
	#hrp-textmb {padding-top: 0; font-size: 80%; line-height: 1.4;}
	h3, #s4sbbox h3 {font-size: 18px;}
	#section11 {font-size: 1rem;}
	.highlight {margin-bottom: 10px; font-size: 16px;}
	.pricebnnr .bigyen {font-size: 24px;}
	.pricebnnr .bycnt {font-size: 14px;}
	.pricebnnr {margin: 15px 0;}
	.pricebnnr a {padding: 10px 15px;}
	.spantag p, .spantag h2, .spantag h3 {margin-bottom: 0;}
	#s6sbgrl02 strong {font-size: 2rem;}
	.s6bttmbx {font-size: 16px;}
	.s6text {font-size: 20px;}
	.s6text span {font-size: 14px;}
	#s6sp03, #s6sp04 {font-size: 18px;}
	.section09 ul {padding-left: 0;}
	.ftfbtnmb02 .pricebnnr {font-size: 13px;}
	.herogirl {bottom: -4px;}
	.ftfbtnmb02 .pricebnnr a{line-height: 1.2;}
	.stepbox {font-size: 500%;}
	#sakuramachine h4 {font-size: 120%;}
	#section02 h3 {font-size: 80%;}
}