@charset "utf-8";
/* リセットCSS */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width: 0;}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-y: scroll;}body{margin:0}main{display:block;}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight: 700;margin: 0;}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0;}ol,ul{padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit;transition: var(--hover-transform);}em{font-style:normal}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight: 400;}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom;}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none;}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display: block;outline: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}table{border-collapse: collapse;border-spacing:0}caption{text-align:left}[hidden],template{display:none}img{max-width: 100%;}
/* IEブラウザの注意喚起 */
.iebox{display:none;}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {.iebox{display:block;padding: 20px;position: fixed;bottom:0;width: 100%;z-index: 9999;text-align: center;background: red;color:#fff;font-weight: 800;}}


/* 汎用CSS
===================================================== */

:root {
	--font-color: #404040;
	--main-color:#FFF136;
	--gradient:linear-gradient( 135deg, #FFA8A8 10%, #FCFF00 100%);
	--accent-color:#D80132;
	--main-font: "Noto Serif JP", serif;
	--en-font: "Jost", serif;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;padding: 8px 16px;border: 1px solid;margin-top: 4px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;font-size: 15px;font-family:var(--main-font);line-height:1.6;letter-spacing: .05em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";}
body.fix {position: fixed;overflow: hidden;width: 100vw;height: 100vh;}

#page{overflow:hidden;}
.container{width: 1366px;max-width: 100%;padding-inline: 24px;margin-inline: auto;position: relative;z-index:11;}

@media(max-width:560px){
	body{font-size:14px;}
}


/* ハンバーガーメニュー */
.hamburgerbutton {position: relative;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;aspect-ratio: 1/1;width: 70px;background-color: transparent;padding: 0;/* margin:0 auto; *//* top: 0; *//* right: 0; */z-index: 111;}
.hamburgerbutton-line {position: absolute;inset:0;margin: auto;width: 37px;height: 4px;border-radius: 8px;-webkit-transition: inherit;transition: inherit;background-color: #000;}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;border-radius: 8px;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -10px;}
.hamburgerbutton-line::after {top: 10px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color: transparent;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {top: 0;background-color: #000;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);width:100%;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);width:100%;}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}
.nav_hamburger_menu{position:fixed;top:0;right:0;bottom:0;left:0;margin-inline: auto;padding-block: 10px;padding-inline: 16px;background-color: #fff;width:100%;height: 100dvh;overflow-y: scroll;transition: opacity .5s;display:none;}
.hamburger-content{width: 100%;display: grid;place-items: center;height: 100%;margin-inline: auto;}
.hamburger_Menu_list{padding-block: 80px;padding-inline: 24px;}
.hamburger_Menu_list li a{display:block;}
.hamburger_Menu_list li:not(:first-child){margin-top: 40px;}
.is-drawerActive .nav_hamburger_menu{display: block;}

main{position:relative;}
.bg-content{position:fixed;width:100%;height: 100svh;min-height:640px;z-index: 0;background: url(../images/bg.jpg)no-repeat bottom / cover;}
.fix-logomark{width:240px;position:absolute;top: 20px;left: 20px;}
.fix-side-nav{position:absolute;right: 20px;top: 120px;padding-block:80px;padding-inline:40px;border-radius:20px;background-color:#fff;}
.fix-side_Menu p img{width:200px;}
.fix-side-nav .fix-side_Menu_list{margin-top:40px;}
.fix-side-nav .fix-side_Menu_list li:not(:first-child){margin-top:24px;}
.fix-side-nav .fix-side_Menu_list li a{font-size:18px;font-weight:bold;}
.fix-side-nav .fix-side_Menu_list li a::before{content:'';display:inline-block;width:16px;aspect-ratio:1/1;background-image:var(--gradient);margin-right:8px;vertical-align:0px;}
.main-contant{padding-block:40px;padding-inline: 16px;margin-top: 40px;width:500px;max-width: calc(100% - 32px);margin-inline:auto;background-color: #f6f4f2ff;box-shadow:0px 0px 32px 0px rgba(0, 0, 0, 0.11);position:relative;overflow:hidden;}

@media(max-width:1160px){
	.fix-side-nav,
	.fix-logomark{display:none}
}

.com-tit-1{font-size:24px;padding-bottom:4px;margin-bottom:16px;position:relative}
.com-tit-1::after{content:'';position:absolute;width:100%;height:2px;background-image: linear-gradient( 135deg, #FFA8A8 10%, #FCFF00 100%);left:0;bottom:0;}

.header-content h1{width: 360px;margin-inline: auto;}
.header-content p{font-size: 17px;font-weight:bold;text-align:center;margin-top: 16px;margin-inline:auto;padding-block:.3em;padding-inline: 1.5em;background-color: #FFA8A8;border-radius:80px;position:relative}
.header-content p::before{content:'';position:absolute;width:40px;aspect-ratio:1/1;background:url(../images/icon-car.svg)no-repeat center / contain;right: 18px;top:-27px}

.mv{position:relative;margin-top: 24px;}
.mv-img{border-radius:20px;overflow:hidden;}
.mv-item{position:absolute;bottom:24px;left:0;right:0;}
.mv-des{position:relative;width: fit-content;margin-inline: auto;padding-block:40px;padding-inline:40px;color:#fff;}
.mv-des::before{content:'';position:absolute;width:80px;height:40px;border-top: 4px solid;border-left: 4px solid;top:12px;left:0;}
.mv-des::after{content:'';position:absolute;width:80px;height:40px;border-right: 4px solid;border-bottom: 4px solid;right:0;bottom:12px;}
.mv-des p{font-size:24px;font-weight:bold;text-align:center;}
.mv-point-list{display:grid;grid-template-columns: repeat(3,minmax(0,1fr));gap:1em;margin-top:24px;;padding-inline: 8px;}
.mv-point-list li{width:100%;aspect-ratio:1/1;border-radius:1000px;background-image: var(--gradient);display:grid;place-items:center;text-align:center;font-weight:bold;}

.sec-cta{padding-block:40px;}
.cta-item{padding-block:16px;padding-inline:24px;background-color:var(--main-color);border-radius:20px;text-align:center;}
.cta-item .more a{font-size:40px;font-weight:bold;line-height:1;margin-top:8px;display:block;}
.sec-about{padding-block: 0 80px;}

.plan-item-list{margin-top:40px;padding-block:40px;padding-inline: 24px;background-color:#fff;border-radius:16px;}
.plan-item-list li{position:relative;}
.plan-item-list li:not(:last-child){padding-bottom:40px;margin-bottom:40px;}
.plan-item-list li:not(:last-child)::after{content:'';position:absolute;bottom:0;left:50%;translate:-50% 0;width:240px;height:2px;background-image:var(--gradient);}
.plan-item-list li .plan-tit{font-size:20px;}
.plan-item-list li .plan-tit::before{content:'';display:inline-block;width:16px;aspect-ratio:1/1;background-image:var(--gradient);margin-right:8px;vertical-align:0px;}
.plan-item-note{font-size:12px;margin-top:1em;}
.plan-txt-1{font-weight:bold;margin-top: 1em;display:flex;gap:8px;}
.plan-txt-1 span{font-size: 14px;text-align:center;color:#fff;padding-block: .5em;padding-inline: 1em;background-color: #FFA8A8;border-radius: 1000px;width:80px;}
.plan-table{margin-block:16px;width:100%;}
.plan-table tr{border-bottom:1px solid;}
.plan-table th{font-size:14px;font-weight:normal;padding-block:8px;}
.plan-table td{font-size:14px;font-weight:normal;text-align: right;padding-block:8px;}
.plan-des{font-size:14px;margin-top:.5em;}
.plan-item-option{margin-top:40px;}
.plan-item-option h3{font-size:20px;text-align:center;}
.plan-item-option .more a{display:block;margin-top:2em;margin-inline:auto;padding-block:8px;padding-inline:1em;background-color:#f6f4f2ff;width:fit-content;}
.plan-item-option .more a::after{content:'';display:inline-block;width:12px;height:1px;vertical-align:5px;background-color:var(--font-color);margin-left:8px;}

.plan-item-kuyou{padding-block:40px;}
.plan-item-kuyou figure{margin-top:16px;}
.plan-item-kuyou h3{font-size:20px;}
.plan-item-kuyou-des{margin-top:16px;padding-block:24px;padding-inline:24px;border-radius: 16px;background-color:#fff;font-size:14px;}
.plan-item-kuyou-des .more a{display:block;margin-top:2em;margin-inline:auto;padding-block:8px;padding-inline:1em;background-color:#f6f4f2ff;width:fit-content;}
.plan-item-kuyou-des .more a::after{content:'';display:inline-block;width:12px;height:1px;vertical-align:5px;background-color:var(--font-color);margin-left:8px;}
.sec-pv{padding-block: 40px 0;}
.pv-item{width:fit-content;margin-inline:auto;aspect-ratio:720 /1280}
.pv-item video{width:100%;height:100%;object-fit:contain}
.footer-content{padding-block:40px;padding-inline:24px;background-color:#fff;}

.footer-item dt{font-size:18px;font-weight:bold;}
.footer-nav{margin-block:16px;}
.footer_Menu_list li::before{content:'';display:inline-block;width:16px;aspect-ratio:1/1;background-image:var(--gradient);margin-right:8px;vertical-align:-1px;}
.site-generator{font-size:12px;text-align:center;}