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

.carousel-control-next, .carousel-control-prev {opacity: 1 !important;}

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

.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;
}

.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;}
.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;
}
.pricebnnr2 {
	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: 0px;
	text-decoration: none;
}
.pricebnnr a:hover {background: #ff9696; color: #fff;}
.pricebnnr .bigyen {font-size: 3rem;}
.pricebnnr .bycnt {font-size: 1.5rem;}
.pricebnnr2 a:hover {background: #ff9696; color: #fff;}
.pricebnnr2 .bigyen {font-size: 3rem;}
.pricebnnr2 .bycnt {font-size: 1.5rem;}

.pricebnnr2 {
	width: 100%;
	margin: 30px auto;
	font-size: 25px;
	font-family: 'Noto Sans JP', sans-serif;
}
.pricebnnr2 a {
	padding: 1.5em 1em;
  background: #FF473A;
	color: #fff;
	border-radius: 5px;
	line-height: 1;
	box-shadow: 0 0 3px #333;
  text-shadow: 0 0 3px #000;
  font-weight: bold;
	text-decoration: none;
}
.pricebnnr2 a:hover {background: #ff9696; color: #fff;}
.pricebnnr2 .bigyen {font-size: 3rem;}
.pricebnnr2 .bycnt {font-size: 1.5rem;}

a {color: #021A4B;}
a:hover {color: #ff9696;}
.remarks {font-size: 0.8rem;}

/* color set */
.mainblue {color: #021A4B;}
.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!important;}
.bg-purple {background: #B0A8CB!important;}
.bg-red {background: #FF473A;}
.bg-lightblue {background: #B4C6E7!important;}
.secheading {
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	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;
	background: #fff;
	border-radius: 5px;
	font-size: 16px;
}
#fbnrtag strong {font-size: 24px;}
#fbnrtext {
	font-size: 44px;
	font-weight: bold;
	text-shadow:
	3px 3px 0 #8D0859,
	-1px -1px 0 #8D0859,
	1px -1px 0 #8D0859,
	-1px 1px 0 #8D0859,
	1px 1px 0 #8D0859;
}
#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;
}

/* text center-left */
.txt-center{text-align: center;}
.txt-left{text-align: left;}

/* 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, .pricebnnr2 {line-height: 2; vertical-align: bottom; text-align: center;}
#headertp .topprice {text-align: right;}
.topprice a {
	padding: 5px 20px 10px;
	margin-top: 10px;
	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: 1.4rem; vertical-align: middle; padding-bottom: 10px;}

.bigyen2 {font-size: 2rem; text-shadow: 0 0 3px #fff; font-weight: bold;}
.bycnt2 {font-size: 1rem; text-shadow: 0 0 3px #fff; font-weight: bold; margin-right: 5px;}

/* 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: 50px;}
#heropict h3 {font-size: 44px;}
#heropict h4 {font-size: 16px; margin-top: 10px; font-weight: bold;}
#herorightcontxt {width: 90%;}
#hrctxt01 {margin-bottom: 10px;}
#hrctxt0124 {margin-top: 40px; margin-bottom: 10px;}
#hrp-text, #hrp-textmb, #hrp-text24 {
	margin-top: 70px;
	font-size: 1rem;
	color: #fff;
}
#hrp-text {letter-spacing: -1px;}
#hpbg {
	width: 100%;
	height: 35%;
	background: #021A4B;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
/* Make the image fully responsive */
.carousel-inner img {
  width: 100%;
  height: 100%;
}


#bblbox {
	width: 100%;
	height: 436px;
	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);
	border-radius: 50%;
	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(28, 175, 219, 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%);
	}
}

.fbold{font-weight: bold;}

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


/* section 11 */
#section11 {font-size: 0.8rem;}
#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;}

/* 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;}
#section05 .pricebnnr2 {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: 1px solid #021A4B;
}
.card-header {
	background: rgba(0, 25, 75, 0.15);
	border-bottom: 1px solid #021A4B;
	color: #021A4B;
	font-weight: bold;
}

/* 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;}
.nav-tabs {
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid #dee2e6;
}
.nav-tabs .nav-link {
	margin-bottom: -2px;
	border-bottom: 2px solid #dee2e6;
	background: #dee2e6;
}
.accordion .card {
	margin-bottom: 0;
	border: 1px solid #999;
}
.accordion .card-body {margin: 0;}

.card-body { display: flex; gap: 5%;}
#brnchhkd01,#brnchhkd02 {width: 50%;}

#salonListsContent {
	padding: 20px 10px 10px 10px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
#salonListsContent .remarks {margin-top: 20px;}
#salonListsContent .card-header {
	padding: 10px;
	text-align: center;
	background: rgba(0,0,0,0.1);
	border-bottom: 1px solid #999;
}
#salonListsContent .card-header .btn-link {
	color: #333;
	font-weight: 700;
}
/*.highlight {
	margin: 0 0 20px;
	border-radius: 3px;
	background: #212529;
	color: #fff;
}*/
#contentSalon .subsectionbox h3 {background: rgba(0,0,0,0.05);}
#contentSalon .subsectionbox h3:first-child {margin-top: 0;}
#contentSalon .shopvdo-box {margin: 40px 0 0;}
#contentSalon .shopvdo-box h3 {text-align: center; font-weight: bold; background: none; color: #C71585; margin-bottom: 20px;}
#contentSalon .shopvdo-box-wrapper {
	padding: 16px;
	border-radius: 10px;
	background-image: radial-gradient(#fff0f5 5.5px, transparent 5.5px), radial-gradient(#fff0f5 5.5px, transparent 5.5px);
	background-size: 36px 36px;
	background-position: 0 0, 18px 18px;
	background-color: #ffe4e1;
}

@media screen and (max-width: 640px){
	.nav-tabs {border-bottom: none; margin-bottom: 20px;}
	.nav-tabs .nav-link {
		margin: 5px;
		border: none;
		border-radius: 5px;
	}
	.nav-tabs .nav-link.active {
		color: #fff;
		background-color: #495057;
	}
	#salonListsContent {border-radius: 5px;}
	.highlight {font-size: 90%;}
	.shopvdo-box {margin-bottom: 40px; margin-left: -16px; margin-right: -16px;}
	.shopvdo-box h3 {font-size: 75%;}
}

.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;
}

/* Salon Tab */
#salon-pc {}
#salon-mb {}

/* Nav Pills */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff; background-color: #494f57;}
.nav-pills .nav-link {background: #dee2e6; margin: 2px;}

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

.shopgallery {padding-top: 20px;}

/* 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%;}
	.herogirl {margin-bottom: -22px; margin-top: 22px;}
	.herogirl24 {}
	#cntctfrmframe iframe {min-height: 900px;}
	#section11 {
		background: #003d70;
		background: -moz-linear-gradient(top,  #003d70 0%, #021a4b 20%, #021a4b 100%);
		background: -webkit-linear-gradient(top,  #003d70 0%,#021a4b 20%,#021a4b 100%);
		background: linear-gradient(to bottom,  #003d70 0%,#021a4b 20%,#021a4b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d70', endColorstr='#021a4b',GradientType=0 );
	}
	#hrp-text24 {margin-top: 95px;}
}
@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: 17px;}
	.spantag p {margin-bottom: 0;}
	.s6bttmbx {padding: 20px 10px;}
	.branchlistbx ul li {font-size: 18px;}
}
@media screen and (width: 820px) {
	.herogirl {position: relative;}
	.top-img {position: absolute; left: 0; bottom: 5px; z-index: 5; max-width: 110%;}
	#hpbg {height: 40%;}
	#hrp-text {margin-top: 40px; padding-bottom: 10px;}
}
@media screen and (width: 768px) {
	.toptell, .tptxt {font-size: 0.7rem;}
	#headertp .bycnt {font-size: 0.7rem;}
	#headertp .bigyen {font-size: 1rem;}
	#hrp-text {font-size: 0.7rem; margin-top: 45px;}
	.heroright {padding-top: 25px;}
	#fbnrtext {font-size: 30px;}
	.half-page {width: 90%;}
	.s6price {font-size: 44px;}
	#s6st02 {margin-top: 10px;}
	.s6bttmbx {margin-top: 0;}
	.pricebnnr {font-size: 24px;}
  .pricebnnr2 {font-size: 24px;}
	.branchlistbx ul li {font-size: 16px;}
	.subsectionbox:last-child {margin-bottom: 0px;}
}
@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, .secheading, .s6text {font-size: 24px;}
	.highlight, #section05 h4, .s6text span, #s6sbgrl {font-size: 20px;}
	#section02 h3 {font-size: 18px;}
	#section02 h4, #fbnrtextmb {font-size: 16px;}
	.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%;}
	.pricebnnr2 {font-size: 20px; width: 80%;}
	.ftfbtnmb02 .pricebnnr a {padding: 0; display: block;}
	#section11 h3 {margin-bottom: 10px;}
	.toptell {font-size: 10px;}
	#headertp {background: #fff;}
	#hrp-textmb {margin-top: 9px; font-size: 1.2rem; padding-bottom: 10px;}
	#hrp-textmb24 {font-size: 14px; padding-bottom: 10px; color: #fff;}
	#hpbg {height: 34%;}
	.heroright {padding-top: 15px;}
	#herorightcontxtmb {margin-left: -15px; padding-bottom: 14px;}
	#herorightcontxtmb2 {margin-left: -15px; padding-bottom: 5px;}
	#herorightcontxtmb2 img.img-fluid {max-width: 70%;}
	.sectionbox {padding: 20px 0;}
	#backtotop {bottom: 10%;}
	#backtotop a {padding: 0 10px;}
	.pricebnnr .bigyen {font-size: 1.2rem;}
	.pricebnnr .bycnt {font-size: 0.65rem;}
  .pricebnnr2 .bigyen {font-size: 1.2rem;}
  .pricebnnr2 .bycnt {font-size: 0.65rem;}
	#floatingbanner {bottom: 0; background: rgba(255,255,255,0.8); padding: 10px 0;}
	.ftfbtnmb01 {font-size: 14px; font-weight: bold;}
	.ftfbtnmb01>div {border: 0px;}
	.ftfbtnmb02 .pricebnnr {font-size: 14px; padding: 0; width: 100%; margin: 0;}
	.ftfbtnmb02 .pricebnnr a {line-height: 1; border-radius: 0 5px 5px 0;}
	.ftfbtnmb02 .pricebnnr .bigyen {font-size:31px;}
	.ftfbtnmb02 .pricebnnr .bycnt {font-size: 18px;}
  .ftfbtnmb02 .pricebnnr2 {font-size: 14px; padding: 0; width: 100%; margin: 0;}
	.ftfbtnmb02 .pricebnnr2 a {line-height: 1; border-radius: 0 5px 5px 0;}
	.ftfbtnmb02 .pricebnnr2 .bigyen {font-size:31px;}
	.ftfbtnmb02 .pricebnnr2 .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: center!important;}
	#section07, .pleft {text-align: left !important;}
	#frmholder {position: relative;}
	#section10sp {position: absolute; width: 1px; height: 1px; left: -1px; top: 5%;}
	#hdtpbtnmb {padding-bottom: 10px;}
	#hdtpbtnmb a {margin-left: -35px;}
	#section04 .fbold {font-size: 32px;}
	#hpbg {display: none;}
	#hrp-textmb24 {background-color: #021A4B; margin-bottom: 0; padding-bottom: 0;}
	#hrp-textmb24 .container {padding-top: 20px; padding-bottom: 20px;}
}
@media screen and (max-width: 480px){
	.s6bttmbx {margin: 10px 0;}
	.subsectionbox {margin-bottom: 0px;}
	.top-txt {margin-bottom: 0px;}
	#hrp-textmb {padding-top: 10px; font-size: 12px;}
	.herogirl {margin-bottom: 0; position: relative;}
	.top-img {position: absolute; left: 1%; bottom: -10px; width: 85%;}
	#hpbg {height: 40%;}
}
@media screen and (max-width: 414px){
	#herorightcontxtmb img.img-fluid {max-width: 85%; margin-left: -20px; margin-top: 10px;}
	.top-img {bottom: -16px;}
	#section09 .no-lists {min-height: 100px; padding-top: 16px;}
	#section11 h3 {font-size: 14px;}
	#hdtpbtnmb a {margin-left: -40px;}
}
@media screen and (max-width: 393px) {
	#hrp-textmb {margin-top: 10px; font-size: 11px; margin-bottom: 15px;}
	#hpbg {height: 42.5%;}
	.toptell {font-size: 8px;}
	#fbnrtextmb {font-size: 15px;}
	.secheading {font-size: 150%;}
	h2 {font-size: 120%;}
	h3, #s4sbbox h3, .s6text, #section05 h4 {font-size: 100%;}
	.pricebnnr {font-size: 70%;}
	.pricebnnr2 {font-size: 120%;}
	#cntctfrmframe iframe {min-height: 2500px;}
	.s6bttmbx {font-size: 14px;}
	#herorightcontxtmb2 img.img-fluid {max-width: 80%;}
	#hdtpbtnmb a {margin-left: -25px;}
}
@media screen and (max-width: 375px) {
	.br-375 {display: block;}
	.toptell {font-size: 8px;}
	#hpbg {height: 46%;}
	body {font-size: 0.8rem;}
	body, #section11, .s6text span {font-size: 12px;}
	#s6sbgrl02 strong, .s6price {font-size: 30px;}
	h2, .secheading {font-size: 24px;}
	h3, #s4sbbox h3, .highlight, .s6text {font-size: 20px;}
	h4, #section02 h4, #section05 h4 {font-size: 18px;}
	#section11 h3 {font-size: 14px;}
	h5.card-header {font-size: 14px;}
	#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%;}
	.pricebnnr2 {width: 100%;}
	#s6st02 {margin-top: 10px;}
	.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;}
	.top-img {bottom: -14px;}
	#hrp-textmb {font-size: 12px; margin-top: 0;}
	.top-img {bottom: -5px;}
	.s6bttmbx p {font-size: 14px;}
}
@media screen and (max-width: 360px){
	.herogirl {bottom: -6px;}
	#hpbg {height: 56.6%;}
}
@media screen and (max-width: 326px) {
	.toptell {font-size: 7px; padding-top: 0;}
	h2, .secheading {font-size: 20px;}
	#section05 h4 {font-size: 18px;}
	#hpbg {height: 48%;}
	.heroright {padding-top: 10px;}
	.top-img {bottom:-1px;}
	#hrp-textmb {font-size: 12px; line-height: 1.4; margin-top: 0;}
	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;}
    .pricebnnr2 .bigyen {font-size: 24px;}
	.pricebnnr2 .bycnt {font-size: 14px;}
	.pricebnnr2 {margin: 15px 0;}
	.pricebnnr2 a {padding: 10px 15px;}
	.spantag p, .spantag h2, .spantag h3 {margin-bottom: 0;}
	#s6sbgrl02 strong {font-size: 2rem;}
	.s6bttmbx, .s6bttmbx p {font-size: 11px;}
	.s6text {font-size: 20px;}
	.s6text span {font-size: 14px;}
	#s6sp03, #s6sp04 {font-size: 18px;}
	.section09 ul {padding-left: 0;}
	.ftfbtnmb02 .pricebnnr {font-size: 13px;}
	.ftfbtnmb02 .pricebnnr2 {font-size: 13px;}
	.herogirl {bottom: -4px;}
	.ftfbtnmb01>div{line-height:1.4;}
	#section11 h3 {font-size: 12px;}
	p {font-size: 12px;}
	#section02 h4 {font-size: 14px;}
}
@media screen and (max-width: 280px){
	.top-img {bottom: -6px;}
}

/* フォーム */
form {
    max-width: 600px;
    margin: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
    display: block;
    margin-top: 10px;
}

input, select, textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 1.2em;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}

.required {
    color: red;
    font-weight: bold;
}

.error {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
    display: block;
}
.form-flex {
	display: flex;
	gap: 1em;
}
.form-flex label {
	display: inline-block !important;
	width: auto;
}

select, input[type="radio"] {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 1em;
	display: inline-block !important;
	width: auto;
	margin: 1em 0 0;
}
select, input[type="checkbox"] {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 1em;
	display: inline-block !important;
	width: auto;
	margin: 1em 0 0;
}
.required {
	font-size: 0.6em;
	margin-right: 0.5em;
}
.form-submit {
	margin: 2em 0;
}



/* ボタン */
.cntctfrmframe {
	text-align: center;
	margin: 4em 0;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #FF473A;
  padding: 1em 2em;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
   display: block;
}

.form-container {
	margin: 1em 0;
}
.form-container a{
	color: #FF473A;
}
.thanks-message {
	text-align: center;
}

/* LP */
.lpimage img {
	width: 100%;
}
.lpimage {
	margin: 0 auto;
	width: 100%;
}

/*------------------------------------------------------------
	line 友達追加
------------------------------------------------------------*/
.lineAddList {
	-webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 auto 50px;
	max-width: 830px;
}
.line-container ul,
.line-container li {
	list-style: none;
	list-style-type: none;
	padding: 0;
}
.lineAddList li {
	width: 32%;
    background: #f0f8d7;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.lineAddList_title {
	text-align: center;
    font-weight: bold;
    color: #fff;
    background: #00b900;
    font-size: 16px;
    padding: 4px 0;
}

.lineAddList_contents {
	padding: 12px 30px;
    text-align: center;
}

.lineAddList_contents .lead {
	font-size: 16px;
    margin-bottom: 10px;
}

.lineAddList_contents .line-btn {
	padding-top: 5px;
}

.lineAddList_contents .line-btn a {
	display: block;
    background: #28b900;
    color: #fff;
    position: relative;
    border-bottom: 3px solid #179f00;
    border-radius: 8px;
    font-size: 20px;
    padding: 13px 0 28px;
    font-weight: bold;
}

.lineAddList_contents .line-btn a:hover {
	opacity: .7;
}

.lineAddList_contents .line-btn a::after {
	content: "";
    position: absolute;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    left: 50%;
    bottom: 15px;
    margin-left: -7px;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
}

.lineAddList_contents .line-qr img {
	width: 93px;
}

.lineAddList_contents .line-id {
	margin-top: 20px;
	height: 40px;
	background: #fff;
    font-weight: bold;
    color: #009C00;
    font-size: 16px;
	line-height: 40px;
}
.headLine02 {
    margin: 0 auto 31px;
    padding-bottom: 22px;
    width: 830px;
    color: #00b900;
    font-size: 28px;
    background: url(images/h1_bg.png) repeat-x left bottom;
}
.text01 {
    margin: 0 auto 60px;
    width: 830px;
    line-height: 1.75em;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.lineAddList {
		display: block;
	}

	.lineAddList li {
		width: auto;
	}

	.lineAddList li:nth-child(n+2) {
		margin-top: 20px;
	}
    .headLine02 {
        margin: 0 15px 15px !important;
        padding-bottom: 5px !important;
        width: auto;
        font-size: 20px;
        background: url(images/h1_bg.png) repeat-x left bottom;
        background-size: 34px auto;
    }
}