/*
Theme Name: hachio

*/



html {
	font-family: "Noto Sans JP", sans-serif;
	font-size:16px;
	line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
		scroll-behavior: smooth;
	letter-spacing:0.02em;
	cursor:url(../img/pointer.png),pointer;
}

body {
	margin: 0;
	
}
a{cursor:url(../img/pointer.png),pointer;}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
margin-top:0;
margin-bottom:0
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 0em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
p{margin:0}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
    text-decoration:none;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	width:100%;box-sizing: border-box;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
div,section,h1,h2,h3,h4,li,p,span{box-sizing:border-box}
details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.fadeIn {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadeIn.is-active {
	opacity: 1;
	transform: translateY(0);
}
ul{margin:0;padding:0}
ul li{list-style:none;}
header {background:#fff;}
header {display:flex;justify-content:space-between;height:100px;width:100%;margin:0 auto;padding:0px 4vw;box-sizing:border-box;}
header a:nth-child(1){display:block;height:100%;width:auto;padding:8px 0;box-sizing:border-box}
header a:nth-child(1) img{height:100%;width:auto;}
header a:nth-child(2){display:flex;flex-wrap:wrap;font-family: "Oswald", sans-serif;align-items:center;font-size:40px;color:#000;letter-spacing:0.02em;font-weight:500;width:335px;padding:10px 0}
header a.head-tel .free{display:flex;width:3.25rem;height:3.25rem;border-radius:50%;color:#fff;background-color:#e8892b;justify-content:center;align-items:center;line-height:1.3;font-size:14px;  font-family: "Noto Sans JP", "Noto Sans", sans-serif;margin-right:7px;letter-spacing:initial;}
header a.head-tel .ontime{font-size:15px;width:100%;display:block;letter-spacing:initial;}

.kssection{width:calc(100% - 40px);margin:50px auto;max-width:1200px;}

.inner{width:100%;max-width:1280px;padding:0 40px;margin:0 auto;}

.kv-area{width:100%;padding:0 4vw;}
.kv-area h1 {width:100%;margin:0;}
.kv-area h1 img{width:100%;height:auto;}
.kv-pc{display:block;}
.kv-sp{display:none;}

@media screen and (min-width:1921px){
	h2{font-size:47px;color:#000;letter-spacing:0.02em;text-align:center;}
h2 strong{font-size:60px;color:#d11026;position:relative;display:inline-block;z-index:+1}
.section01 h2 strong::before{content:"";width:100%;display:inline-block;position:absolute;height:10px;bottom:10px;background:#f3d524;z-index:-1}
}
@media screen and (max-width:1920px){
h2{font-size:2.45vw;color:#000;letter-spacing:0.02em;text-align:center;}
h2 strong{font-size:3.38vw;color:#d11026;position:relative;display:inline-block;z-index:+1}
.section01 h2 strong::before{content:"";width:100%;display:inline-block;position:absolute;height:10px;bottom:10px;background:#f3d524;z-index:-1}
}

.four-blocks-wrapper{display:flex;justify-content:space-between;}
.four-blocks-wrapper li{width:21.7%;display:block;text-align:center;}
.four-blocks-wrapper li figure{background:#f3d524;position:relative;border-radius:50%;width:100%;height:0;padding-top:100%;line-height:0;margin-bottom:15px;margin-top:15px;overflow:hidden;}
.four-blocks-wrapper li p{font-size:25px;font-weight:bold;}
.four-blocks-wrapper li figure img{height:100%;width:auto;display:block;position:absolute;  top: 50%;  left: 50%;transform: translate(-50%, -50%); }


.section01{padding-top:50px;padding-bottom:70px}
.section02{padding-top:80px;padding-bottom:70px}
.section03{padding-top:80px;padding-bottom:70px}
.section04{padding-top:80px;padding-bottom:50px}
.section05{padding-top:80px;padding-bottom:70px}
.section06{padding-top:80px;padding-bottom:50px}
.section07{padding-top:80px;padding-bottom:100px}
.section02,.section04,.section06{background:#fdfae6}
.section02 h2 img{width:28%;max-width:351px;min-width:250px;vertical-align:sub;margin-right:5px}


.list-box-wrapper{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;margin-top:70px}
.list-box-wrapper li{width:47.75%;display:block;margin-bottom:40px;}
.list-box-wrapper li figure{width:100%;padding-top:57%;border-radius:30px;overflow:hidden;position:relative;}
.list-box-wrapper li figure img{width:100%;position:absolute;left:0;top:0}
.list-box-wrapper li h3{text-align:center;font-size:30px;margin:20px 0;}
.section02 .list-box-wrapper li figure{background:#8d8658;}

.section03 h2 img{display:block;margin:0 auto;}

.flow-wrapper{display:block;}

.flow-wrapper li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:25px}
.flow-wrapper li > div{display:flex;align-items:center;width:40%;justify-content:flex-start}
.flow-wrapper li > div .stepnum{width:100px;height:100px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; font-family: "Oswald", sans-serif;background-image:url("../img/fukidashi.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat;font-size:20px;font-weight:bold;padding-top:15px;margin-right:20px}
.flow-wrapper li > p{width:59%;}
.flow-wrapper li > div .stepnum big{font-size:41px;font-weight:bold;display:block;width:100%;text-align:center;margin-top:0;position:relative;top:-20px}
.flow-wrapper li h3{font-size:28px}

.three-circle{display:flex;justify-content:space-between;}
.three-circle li{display:block;width:29.4%;}
.three-circle li figure{width:100%;}
.three-circle li figure img{width:100%;}
.three-circle li b,.three-circle li h3{display:block;width:100%;text-align:center;font-size:30px;font-weight:bold;margin-top:25px;margin-bottom:20px;}
.three-circle li h3 span {display:block;text-align:center;font-size:30px;position:relative;}
.three-circle li h3 span big{font-size:55px;font-family: "Oswald", sans-serif;position:relative;top:-10px}

.coupon{width:100%;margin:0px auto;margin-top:50px;padding-bottom:50px;text-align:center;}
.coupon img{width:100%;max-width:851px}

.float-menu{width:95px;height:285px;position:fixed;right:0;bottom:0;top:0;margin:auto;font-weight:bold;}
.float-menu a{display:flex;justify-content:center;align-items:center;font-family: "Oswald", sans-serif;font-size:20px;flex-wrap:wrap;box-sizing:border-box;}
.float-menu a:hover{filter:brightness(1.1)}
.float-menu a:nth-child(1){background:#f5c01b;color:#000;width:95px;height:95px;padding-top:20px}
.float-menu a:nth-child(2){background:#d11026;color:#fff;width:95px;height:95px;padding-top:15px}
.float-menu a:nth-child(3){background:#33af4f;color:#fff;width:95px;height:95px;padding-top:0px}
.float-menu a span{width:100%;text-align:center;position:relative;top:-7px;}
footer{text-align:center;background:#f5c01b;color:#000;padding:40px 20px;box-sizing:border-box;font-size:16px;margin-top:0px;/*display:flex;*/align-items:center;justify-content:center;}
footer a{color:#000;}


.faq-accordion {/*width:100%;*/max-width:1200px;margin:0 auto;border:1px solid #aaa;margin-bottom:20px;border-radius:10px}

.faq-accordion .toggle {
	display: none;
}
.faq-accordion .Label {		/*タイトル*/
	padding: 1em;
	padding-left:30px;
	display: flex;
  align-items:center;
	color: #000;
	font-size:24px;
  padding-right:50px;
  box-sizing:border-box;
  font-weight:500;
  letter-spacing:0.08em;
}
.faq-accordion .Label span{color:#ff0000;
}
.faq-accordion .Label:hover{cursor:pointer}
.faq-accordion .Label  span{font-size:30px;font-weight:500;margin-right:20px;font-family: "M PLUS 1p", sans-serif;}
.faq-accordion .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 15px;
	height: 15px;
	position: absolute;
	top:calc( 50% - 5px );
	right: 40px;
	transform: rotate(45deg);
  display:block;
  transition:0.3s;
  border-right:3px solid #000;
  border-bottom:3px solid #000;
}

.faq-accordion .Label,
.faq-accordion .content {
  font-family: "M PLUS 1p", sans-serif;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;

 
}
.faq-accordion .content {		/*本文*/
	height: 0;
	margin-bottom:0px;
	padding:0 20px;
	overflow: hidden;
  display:flex;
  align-items:flex-start;
  font-size:16px
  

}
.faq-accordion .content p{margin:0;font-family: "Noto Sans JP", sans-serif;}
.faq-accordion .content span{font-weight:500;display:block;font-size:18px;margin-right:20px;color:#0000ff;font-family: "M PLUS 1p", sans-serif;}
.faq-accordion .toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:30px ;
	transition: all .3s;
  margin-bottom:0px;
  padding-top:0px;
  padding-left:30px;
  padding-right:50px

}
.faq-accordion .toggle:checked + .Label::before {
	transform: rotate(225deg) !important;
}
.faq-last-section{margin-bottom:140px;}

.section06 .inner02{background:#fff;box-shadow:5px 5px 5px #aaa;padding:30px 20px;border:10px solid #000;border-radius:40px;max-width:1000px}
.section06 .inner02 h2 small{display:inline-block;text-align:center;color:#892a0d;font-size:0.7em;border-bottom:1px solid #892a0d;}
.section06 .inner02 > p{font-size:25px;width:90%;margin:0 auto;max-width:768px;text-align:center;}
.section06 .inner02 > p span{font-weight:bold;background:#f5c01b;}
.section06 .inner02 h3{text-align:center;}
.section06 .inner02 h3 span{color:#d11026}
.payment{width:90%;max-width:768px;margin:50px auto;border:1px solid #aaa;padding:20px;}
.payment dl{display:flex;align-items:center;width:100%;max-width:500px;margin:0 auto;border-bottom:1px solid #000;margin-bottom:20px;padding-bottom:10px}
.payment dt{width:40%;font-weight:bold;}
.payment dd{margin:0;padding:0;width:60%}
.payment dd figure.card{width:100%;}
.payment dd figure img{width:100%;}
.payment dl.vpoint dd{display:flex;}
.payment dl.vpoint dd figure{margin-right:10px;display:flex;align-items:center;}
.faq-accordion .content p{font-size:20px}

br.sp{display:none;}
.spkv{display:none}
.pckv{display:initial}

.phopho{
	text-align: center;
}
.phopho li{
	display: inline-block;
    width: 33%;
    box-sizing: border-box;
    padding: 10px;
}
.phopho li img{
	width:100%;
	height:auto;
}

@media screen and (max-width:768px){
.phopho li{
    width: 49%;
}
}
@media screen and (max-width:600px){
.phopho li{
    width: 100%;
}
}

@media screen and (max-width:1400px){
.inner{/*padding-right:100px;*/box-sizing:border-box}

}
@media screen and (max-width:1200px){
.inner{padding-right:100px;}
.flow-wrapper li div{width:100%}
.flow-wrapper li p{width:100%;padding-top:0.5em;}
}
@media screen and (max-width:768px){
	br.sp{display:block;}
	header{height:60px}
h2{font-size:25px;}
h2 strong{font-size:30px;}
.inner{padding-right:2vw;padding-left:2vw;}
.float-menu{width:100%;bottom:0;left:0;margin:0;right:initial;top:initial;display:flex;justify-content:center;height:80px}
.float-menu a{width:calc(100% / 2)!important;height:80px;font-size:12px}
.float-menu a span{top:-15px}
.float-menu a:nth-child(1){padding-top:5px}
.float-menu a:nth-child(2){padding-top:0}
.float-menu a:nth-child(3) span{top:-20px}
.float-menu a:nth-child(3){overflow:hidden;}
.float-menu a:nth-child(3) img{position:relative;top:-5px;}
header{padding:0 1vw;margin-bottom:1vw}
header a:nth-child(2){width:70%;font-size:20px;box-sizing:border-box;justify-content:flex-end;}
header a.head-tel .free{width:30px;height:30px;font-size:10px}
header a.head-tel .ontime{font-size:10px;text-align:right}
.kv-area{padding:0 2vw}

.section01{padding-top:25px;padding-bottom:35px}
.section02{padding-top:40px;padding-bottom:35px}
.section03{padding-top:40px;padding-bottom:35px}
.section04{padding-top:40px;padding-bottom:25px}
.section05{padding-top:40px;padding-bottom:35px}
.section06{padding-top:40px;padding-bottom:25px}
.section07{padding-top:40px;padding-bottom:25px}
.four-blocks-wrapper{flex-wrap:wrap;}
.four-blocks-wrapper li{width:48%;}

.four-blocks-wrapper li p{font-size:15px}

.list-box-wrapper{margin-top:30px}
.list-box-wrapper li h3{font-size:16px;margin:10px 0}
.list-box-wrapper li p{font-size:12px}
.flow-wrapper{width:90%;margin:0 auto;}
.flow-wrapper li > div .stepnum{width:50px;height:50px;font-size:13px;padding-top:5px;margin-right:10px}
.flow-wrapper li > div .stepnum big{font-size:25px;top:-12px}
.flow-wrapper li h3{font-size:22px}

.three-circle{flex-wrap:wrap;width:95%;margin:0 auto;}
.three-circle li{width:100%;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:30px;justify-content:center;}
.three-circle li figure{width:20%;}
.three-circle li p{width:100%}
.three-circle li b,.three-circle li h3{display:inline-block;width:70%;font-size:18px;text-align:left;padding-left:20px;box-sizing:border-box;}
.section06 .three-circle h3{text-align:left;font-size:22px;position:relative;margin:0}
.section06 .three-circle h3 big{top:0px}
.section06 .three-circle h3 span{font-size:27px;text-align:center;position:relative;top:-10px;}
.section06 .three-circle li{margin-bottom:20px}
footer{margin-bottom:80px;box-sizing:border-box;border-bottom:5px solid #000}
.section06 .inner02 > p{font-size:18px;}
.section06 .inner02 > p span{display:block;text-align:center;font-size:20px}
.faq-accordion .Label{font-size:20px;}
.faq-accordion .Label::before{right:20px;}
.spkv{display:initial;}
.pckv{display:none}
}