@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=M+PLUS+Rounded+1c:wght@400;500;700;800&family=Nunito&display=swap');


/* base */
html{font-size: 62.5%;}
*:focus {outline:none !important;box-shadow:none !important;}
body * {box-sizing : border-box;}
body {margin:0;background-color:#ffe6cc;font-family: 'Nunito', 'Kosugi Maru', sans-serif;color: #000;font-size:clamp(1.3rem, 1.27rem + 0.15vw, 1.45rem);line-height:1.5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;webkit-text-size-adjust: 100%; word-wrap: break-word;}
a, button,a:focus, button:focus {outline: none;}
ul,ol{margin:0;padding: 0;list-style: none;}
a{color: #333;text-decoration: none;}
img{max-width:100%;height: auto;}
figure {margin: 0 !important;}
h1,h2,h3,h4,p{margin:0;padding:0;}
@media(min-width:992px){
	.container{width:92% !important;max-width:1100px !important;height:auto;margin:0 auto !important;}
}
@media(max-width:991px){
	.container{width:96% !important;max-width:1100px !important;height:auto;margin:0 auto !important;}	
}
.pcBox{display:block}
.spBox{display:none}
@media(max-width:768px){
	.pcBox{display:none}
	.spBox{display:block}
}

/* spacer */
.spacer30{height:30px;}
.spacer40{height:40px;}
.spacer50{height:50px;}
.spacer60{height:60px;}
.spacer70{height:70px;}
.spacer80{height:80px;}
.spacer90{height:90px;}
.spacer100{height:100px;}
.spacer110{height:110px;}
.spacer120{height:120px;}
@media screen and (max-width: 768px){
    .spacer30.lptype{height:21px;}
    .spacer40.lptype{height:28px;}
    .spacer50.lptype{height:35px;}
    .spacer60.lptype{height:42px;}
    .spacer70.lptype{height:49px;}
    .spacer80.lptype{height:56px;}
    .spacer90.lptype{height:63px;}
    .spacer100.lptype{height:70px;}
    .spacer110.lptype{height:77px;}
    .spacer120.lptype{height:84px;}
}

/* font */
.mplus {font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 500;font-style: normal;}
.mplus-bold {font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 700;font-style: normal;}
.mplus-ex {font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 800;font-style: normal;}
.kosugi {font-family: "Kosugi Maru", sans-serif;font-weight: 400;font-style: normal;}
.font-size15{font-size:clamp(1.3rem, 1.259rem + 0.2vw, 1.5rem) !important}
.font-size16{font-size:clamp(1.36rem, 1.311rem + 0.24vw, 1.6rem) !important}
.font-size17{font-size:clamp(1.44rem, 1.387rem + 0.26vw, 1.7rem)!important}
.font-size18{font-size:clamp(1.53rem, 1.475rem + 0.27vw, 1.8rem)!important}
.font-size19{font-size:clamp(1.61rem, 1.551rem + 0.29vw, 1.9rem) !important}
.font-size20{font-size:clamp(1.6rem, 1.519rem + 0.41vw, 2rem) !important}
.font-size21{font-size:clamp(1.65rem, 1.559rem + 0.46vw, 2.1rem)!important}
.font-size22{font-size:clamp(1.7rem, 1.599rem + 0.51vw, 2.2rem)!important}
.font-size23{font-size:clamp(1.95rem, 1.879rem + 0.35vw, 2.3rem) !important}
.font-size24{font-size:clamp(2rem, 1.919rem + 0.41vw, 2.4rem) !important}
.font-size25{font-size:clamp(2.1rem, 2.019rem + 0.41vw, 2.5rem) !important}
.font-size26{font-size:clamp(1.61rem, 1.409rem + 1vw, 2.6rem)!important}
.font-size28{font-size:clamp(1.73rem, 1.513rem + 1.08vw, 2.8rem) !important}
.font-size29{font-size:clamp(1.79rem, 1.565rem + 1.12vw, 2.9rem) !important}
.font-size30{font-size:clamp(1.86rem, 1.629rem + 1.15vw, 3rem)!important}
.font-size32{font-size:clamp(1.98rem, 1.733rem + 1.24vw, 3.2rem) !important}
.font-size35{font-size:clamp(2.2rem, 1.937rem + 1.32vw, 3.5rem)!important}
.lineh2{line-height:1.9}
.brpc{display:block;}
@media screen and (max-width:991px) {
	.brpc{display:none}
}


/* color */
.navy{color:#173d61}
.black{color:#000;}
.red{color:#c80000;}


/* grid */
ul.grid{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
ul.grid.type2, ul.grid.type3{justify-content:space-between}
ul.grid.align-start{align-items:start;}
ul.grid li{width:50% !important;}
ul.grid li.w75{width:75% !important;}
ul.grid li.w65{width:65% !important;}
ul.grid li.w60{width:60% !important;}
ul.grid li.w56{width:56% !important;}
ul.grid li.w48{width:48% !important;}
ul.grid li.w44{width:44% !important;}
ul.grid li.w40{width:40% !important;}
ul.grid li.w35{width:35% !important;}
ul.grid li.w30{width:30% !important;}
ul.grid li.w25{width:25% !important;}
ul.grid.reverse{flex-direction: row-reverse;}
@media screen and (max-width: 991px){
	ul.grid{display:block}
	ul.grid.type2, ul.grid.type3{display:flex;}
	ul.grid li, ul.grid li.w75, ul.grid li.w65, ul.grid li.w60, ul.grid li.w56, ul.grid li.w44, ul.grid li.w40, ul.grid li.w35, ul.grid li.w30, ul.grid li.w25{width:100% !important;max-width:800px !important;margin:0 auto;}
	ul.grid.type2 li{width:50% !important;}
	ul.grid.type2 li.w48{width:48% !important;}
	ul.grid.type2 li.w65{width:65% !important;}
	ul.grid.type2 li.w35{width:35% !important;}
	ul.grid.type3 li.w30{width:30% !important;}
}
@media screen and (max-width: 800px){
	ul.grid.type2{display:block}
	ul.grid.type2 li, ul.grid.type2 li.w65,ul.grid.type2 li.w48, ul.grid.type2 li.w35{width:100% !important;max-width:800px !important;margin:0 auto;}
	ul.grid.type3 li.w30{width:48% !important;}
}


/* mv */
.mv{position:relative;width:100%;height:800px;background-color:#ffe6cc;}
.mv .mv-img{position:absolute;width:100%;height:760px;}
.mv .mv-img img{object-fit:cover;width:100%;height:760px;object-position: bottom top;}
.mv .inner{position:absolute;width:100%;max-width:1320px;height:800px;right: 0;left: 0;margin: 0 auto;padding-right:10px;}
.mv .inner .text-box{position:relative;width:100%;height:800px;}
.mv .inner .text-box h1{position:absolute;bottom:45px ;right:0;width:555px;}
.mv .inner .text-box p{position:absolute;bottom:45px;right: 0;left: 0;margin: 0 auto;width:57%;font-size:clamp(1.5rem, 1.277rem + 1.11vw, 2.6rem);}
.mv .inner .text-box .dog{position:absolute;bottom:0;left: 7%;width:175px;height:150px;background:url("../images/mv-illust.png") no-repeat;background-size:contain;}
.mv-after{background-color:#ffe6cc;}
@media screen and (max-width:1200px){
	.mv .inner .text-box .dog{left:4%;}
}
@media screen and (max-width:1100px){
	.mv .inner .text-box h1{width:51vw;}
	.mv .inner .text-box .dog{width:140px;height:120px;}
}
@media screen and (max-width:991px){	
	.mv .inner .text-box h1{width:57vw;}
	.mv .inner .text-box p{width:60%;padding-right:12%;}
}
@media screen and (max-width:768px){
	.mv .inner .text-box h1{width:62vw;}
	.mv .inner .text-box p{width:90%;padding-right:30%;bottom:110px}	
	.mv .inner .text-box .dog{width:119px;height:102px;}
}
@media screen and (max-width:600px){
	.mv .inner .text-box h1{width:72vw;}
}
@media screen and (max-width:430px){
	.mv .inner .text-box h1{width:95vw;}
	.mv .inner .text-box p{width:92%;padding-right:46%;}
	.mv .inner .text-box .dog{width:105px;height:90px;}
}


/* step */
.step-box{position:relative;padding-bottom:5%;}
.step-box .number{position:absolute;top:0;left:0;width:80px;height:80px;background:url("../images/step-number.png") no-repeat;background-size:contain;font-size:clamp(4rem, 3.595rem + 2.03vw, 6rem);display: flex;align-items: center;justify-content: center;text-align:center;padding-right: 14px;padding-bottom:8px;font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 500;font-style: normal;}
.step-box h3{background-color:#173d61;color:#fff;font-size:clamp(1.7rem, 1.558rem + 0.71vw, 2.4rem) !important;padding:1rem 2rem;}
@media screen and (max-width:1100px){
	.step-box .number{width:70px;height:70px;}
}
@media screen and (max-width:991px){
	.step-box .number{width:60px;height:60px;}
}
@media screen and (max-width:390px){
	.step-box .number{width:50px;height:50px;}
}

/* process */
.process h3{font-weight:bold;font-size:clamp(1.8rem, 1.638rem + 0.81vw, 2.6rem) ;}
.process p{font-size:clamp(1.5rem, 1.439rem + 0.3vw, 1.8rem)}

/* plan */
.plan-box1{background-color:#f0b900}
.plan-box2{background-color:#ff6aaa}
.plan-box3{background-color:#8cc8ff}
.plan-box4{background-color:#82d700}
.plan {color:#fff;}
.plan ul.grid {padding:0  6%;}
.plan ul.grid li:first-child{padding-right:25px;}
.plan h3{font-size:clamp(2.3rem, 1.956rem + 1.72vw, 4rem);}
.plan h3 span{font-size:clamp(1.5rem, 1.297rem + 1.01vw, 2.5rem)}
.plan .price{font-size:clamp(1.6rem, 1.478rem + 0.61vw, 2.2rem)}
.plan .price span{font-size:clamp(2.8rem, 2.152rem + 3.24vw, 6rem)}
.plan h4{display:flex;align-items :center;font-size:clamp(1.6rem, 1.559rem + 0.2vw, 1.8rem);color: #fff;}
.plan h4:after {content: "";height: 1px;flex-grow: 1;background-color:  #fff;}
.plan h4:after {margin-left: 1rem;}
.plan-base{padding:0  6%;}
.plan-base h3{background-color:#173d61;color:#fff;font-size:clamp(1.53rem, 1.475rem + 0.27vw, 1.8rem)!important;font-weight:bold;text-align:center;padding:1.6rem 2rem;border-top-left-radius:6px;border-top-right-radius:6px;}
.plan-base p{padding-top:8px;}
@media screen and (max-width:991px){
	.plan ul.grid , .plan-base{padding:0  4%;}
}
@media screen and (max-width:768px){
	.plan ul.grid li:first-child{padding-right:0;}
}
@media screen and (max-width:560px){
.plan-base h3.type2{padding:2.5rem !important;}
}

/* box  */
.white-boad{border-radius:11px;padding:1.5% 4% 0;box-shadow: 0 0 8px #ffd8b0;background-color:#fff;margin-top:-15px}
.white-boad.type2{padding:1.5% 0 1.5%;}
.green-box{position:relative;width:100%;height:auto;border:7px solid #fff ;background:#e6f1cd;}
.green-box .green-top-left{position:absolute;top:-10px;left:-10px;width:54px;height:54px;background:url("../images/box.png") no-repeat;}
.green-box .green-top-right{position:absolute;top:-10px;right:-10px;width:54px;height:54px;background:url("../images/box.png") no-repeat;transform: rotate(90deg);}
.green-box .green-bottom-left{position:absolute;bottom:-10px;left:-10px;width:54px;height:54px;background:url("../images/box.png") no-repeat;transform: rotate(-90deg);}
.green-box .green-bottom-right{position:absolute;bottom:-10px;right:-10px;width:54px;height:54px;background:url("../images/box.png") no-repeat;transform: rotate(180deg);}
.green-box .illust{position:absolute;top:10px;right:30px;width:79px;height:147px;}
.green-box .inner{padding:20px 50px 50px;}
.green-box  h3{padding-right:100px;font-weight:bold}
.green-box  h4{display:inline-block;background:#173d61;color:#fff;font-size:clamp(1.5rem, 1.47rem + 0.15vw, 1.6rem);padding:5px 12px;border-radius:7px; margin:0 0 0 15px !important;}
.green-box  h4.type2{padding:5px 55px;margin:0 0 0 30px !important;}
.green-box  h5{font-weight:bold}
.white-box{background-color:#fff;border-radius:12px;margin-top:-15px;}
@media screen and (max-width:768px){
	.green-box .inner{padding:20px 30px 50px;}
	.green-box  h3{padding-right:85px;}
}
@media screen and (max-width:600px){
	.white-boad{padding:1.5% 0 6%;}
	.green-box .inner{padding:20px 20px 50px;}
	.green-box .illust{right:20px;}
}
@media screen and (max-width:430px){
	.green-box  h3{padding-right:80px;}
}


/* option */
.option-plan .title-box{border-top:5px solid #173d61;}
.option-plan .title-box h2 {display:inline-block;position: relative;height: 52px;line-height:52px;margin-right: 100px;padding: 0 6rem ;word-break: break-all;color: #fff;background:#173d61;}
.option-plan .title-box h2:after {position: absolute;top: 0;right: -55px; width: 0;height: 0; content: '';border-width: 52px 55px 0 0;border-style: solid;border-color: #173d61 transparent transparent transparent;}
.option-plan .inner{padding:0  6%;}
.option-plan h3{font-weight:bold;}
.option-plan table{width:100%;}
.option-plan table th{font-weight:normal;width:calc(100% - 90px);padding:0.5rem 0}
.option-plan table td{width:90px;padding:0.5rem 0;text-align:right}
.option-plan ul.grid li{padding-right:20px}
.hr1 {border-top: 1px solid #173d61;opacity:1;}
@media screen and (max-width:768px){
	.option-plan ul.grid li{padding-right:0}
}

/* footer */
.green-ob{background-color:#3d7c2a;color:#fff;padding:1rem;margin-bottom:0 !important;}
.area-info{background-color:#fff;}
.phone a{color:#c80000;font-size:clamp(3rem, 2.149rem + 4.25vw, 7.2rem);text-decoration:none;}
.phone a i{font-size:clamp(2.5rem, 2.095rem + 2.03vw, 4.5rem);position:relative;bottom:0.8rem}
#wrapper-footer-full{background-color:#fff;padding:5% 1rem;box-shadow: 0px -22px 22px -22px #e1e6ed;color:#173d61;}
#wrapper-footer-full a{color:#173d61;}
#wrapper-footer-full .container{width:100%;max-width:1200px;}
#wrapper-footer{background-color:#fff;}
.site-info{text-align:center;font-size:1.1rem;color:#000;font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;font-size:1.5rem;}
@media(max-width:991px){
	.footer-logo{width:200px;}
}

/* header */
#header{position:relative;width:100%;height:130px;background-color:#fff;}
#header .tel-contact{position:absolute;z-index:9998;list-style:none;text-align:right !important; top:20px;right:20px;}
#header .tel-contact a{text-decoration:none;color:#c80000;font-size:clamp(2.5rem, 1.994rem + 2.53vw, 5rem);text-decoration:none;line-height:1.1}
#header .tel-contact a i{font-size:clamp(2rem, 1.676rem + 1.62vw, 3.6rem);position:relative;bottom:0.5rem}
#header .tel-contact p{font-size:clamp(1.53rem, 1.475rem + 0.27vw, 1.8rem)!important;margin-right:clamp(1rem, 0.149rem + 4.25vw, 5.2rem)}
@media (max-width: 768px){
	#header{position:fixed !important;top:0 !important;left:0 !important;z-index:9997}
	#header .tel-contact{position:fixed !important;top:25px;}
	#header .tel-contact a span, ul#menu-main-menu li a:after{display:none;}
	#header .tel-contact a i{background-color:#c80000;color:#fff;padding:1.2rem;border-radius:50%;}
	#header .tel-contact p{display: none;}
}
@media (max-width: 430px){
	#header .tel-contact{top:20px;}
}

/* navbar-brand */
#header .navbar-brand {position:absolute;top:0;left:0;z-index:9999 !important;display: block !important; cursor: pointer !important; pointer-events: auto !important;}
#header .navbar-brand img{width:250px;height:125px !important;margin:0;}
@media (max-width: 991px){
	#header{height:105px}
	#header .navbar-brand img{width:200px !important;height:100px !important;}
}
@media (max-width: 768px){
	#header{height:95px}
	#header .navbar-brand img{width:180px !important;height:90px !important;}
}
@media (max-width: 430px){
	#header{height:75px}
	#header .navbar-brand img{width:140px !important;height:70px !important;}
}