@charset "utf-8";
:root{
	--MAINCOLOR:#856859;
	--TEXTCOLOR: #322823;
	--CFTEXTCOLOR:#666;
	--WHITE:#FFF;
}

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,::before,::after{box-sizing: border-box;border-style: solid;border-width: 0;min-width: 0;}
html{line-height:1.15; -webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent; }
body{margin:0;}
main {display:block;}
p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
dt{font-weight:bold;}
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,monospace";font-size: inherit;}
address {font-style:inherit;}
a{background-color:transparent;text-decoration:none;color:inherit;}
abbr[title]{text-decoration:underline dotted; }
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:"monospace,monospace"; font-size:inherit;}
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;}
svg,img,embed,object,iframe{vertical-align:bottom;}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit; }
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;}
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default;}
:-moz-focusring{outline:auto;}
select:disabled{opacity:inherit;}
option{padding:0;}
fieldset{margin:0;padding:0;min-width:0;}
legend{padding:0;}
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:list-item;}
[contenteditable]:focus{outline:auto;}
table{border-color: inherit;border-collapse:collapse;}
caption{text-align:left;}
td,th{vertical-align:top;padding:0;}
th{text-align:left;font-weight:bold;}

/** Egane CSS */
html {font-size: 62.5%;}
body {font-family: "Zen Maru Gothic", sans-serif;line-height: 2;color: var(--TEXTCOLOR);}
h1 {font-size: 3.2rem;font-weight: 700;line-height: 1;}
h2 {font-size: 2.4rem;font-weight: 700;}
h3 {font-size: 2rem;font-weight: 700;}
h4 {font-size: 1.8rem;font-weight: 700;}
p {font-size: 1.2rem;font-weight: 400;}
small {font-size: 1rem;font-weight: 400;}

/* header */
.header {background-color: var(--TEXTCOLOR);height: 48px;width: 100%;box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: space-between;padding: 0 8px;position: fixed;top: 0;left: 0;right: 0;z-index: 10;}
.header_logo {width: 80%;max-width: 240px;height: auto;display: flex;align-items: center;}
.header_logo img {width: 100%;height: auto;}
.header_menubtn_open {width: 38px;height: auto;cursor: pointer;}
.header_menubtn_open img {width: 100%;height: auto;}
.header_menu_PC {display: none;}

/* menu_SP */
.menu_SP {width: 80%;height: 100vh;background-color: var(--MAINCOLOR);color: var(--WHITE);box-shadow: -2px 0 4px 2px rgba(0, 0, 0, 0.6);transition: .3s;position: fixed;top: 0;right: -80%;z-index: 100;opacity: 0;}
.menu_SP.open {right: 0;opacity: 1;}
.menu_SP_menubtn_close {width: 38px;height: auto;cursor: pointer;position: absolute;top: 8px;right: 8px;}
.menu_SP_menubtn_close img {width: 100%;height: auto;}
.menu_SP_inner {width: 100%;height: 100%;display: grid;place-content: center;}
.menu_SP_inner li {margin-bottom: 16px;font-size: 1.6rem;font-weight: 700;}
.menu_SP_inner li:first-child {margin-bottom: 32px;}
.menu_SP_inner img {width: 60vw;max-width: 320px;height: auto;}

/* tel */
.tel_box {background-color: var(--TEXTCOLOR);width: 100%;height: 48px;box-shadow: 0 -2px 4px 2px rgba(0, 0, 0, 0.6);position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;display: flex;gap: 8px;align-items: center;justify-content: center;}
.tel_box img {width: 32px;height: auto;}
.tel_box p {color: var(--WHITE);font-weight: 700;font-size: 1rem;line-height: 1.2;}
.tel_number {font-size: 2rem;}

/* main */
main {line-break: strict;}

/* firstlook */
.container_firstlook {padding-top: 48px;}

/* hero */
.container_hero {width: 100%;height: calc(100dvh - 160px);background-image: url("../img/egane_hero_back_portrait.jpg");background-size: cover;}
.container_hero_para {width: 100%;height: 70%;padding: 48px 16px 0;display: grid;place-content: center;}
.container_hero_para p{text-align: center;font-size: 1.6rem;font-weight: 700;-webkit-text-stroke: 4px var(--WHITE);paint-order: stroke;word-break: keep-all;}
.container_hero_images_port {width: 100%;height: 30%;background-color: rgba(255, 247, 222, 0.6);padding: 16px;display: flex;justify-content: center;align-items: center;}
.container_hero_images_port > div {width: 100%;height: 100%;position: relative;}
.container_hero_images_port > div img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.4));}
.container_hero_images_land {display: none;}

/* info */
.container_info {display: grid;place-content: center;height: 64px;border: solid 1px var(--MAINCOLOR);background-color: var(--WHITE);}
.container_info p {font-size: 1.6rem;font-weight: 700;}

/* container */
.container {padding: 0 24px;width: 100%;}
.whiteback {background-color: var(--WHITE);background-image: url("../img/egane_back_y.png");background-repeat: repeat-x;background-position: bottom;background-size: auto 12px;}
.yellowback {background-color: #FFF7DE;background-image: url("../img/egane_back_w.png");background-repeat: repeat-x;background-position: bottom;background-size: auto 12px;}
.ct_last {background-image: none;}
.container_inner {padding: 40px 0 80px;width: 100%;}

/* intro */
.ct_inner_intro {padding: 40px 0 80px;width: 100%;}
.ct_inner_intro article {width: 100%;display: grid;justify-content: center;}
.ct_inner_intro img {width: 80%;max-width: 160px;display: block;margin: 0 auto;margin-bottom: 24px;}
.ct_inner_intro p {font-size: 1.6rem;font-weight: 700;text-align: justify;}

/* contents_title */
.contents_title {text-align: center;margin-bottom: 40px;}
.contents_title img {width: 48px;height: auto;margin-bottom: 16px;}
.contents_title h2 {line-height: 0.8;}
.ct_heading_eng {font-size: 1.2rem;}

/* first */
.first_greeting {margin-bottom: 64px;}
.first_greeting p {background-color: var(--WHITE);padding: 16px;text-align: justify;border-radius: 24px;margin-bottom: 16px;position: relative;}
.first_greeting p::before {content: "";position: absolute;bottom: -16px;left: 50%;transform: translateX(-50%);width: 16px;height: 16px;background-color: var(--WHITE);clip-path: polygon(0 0, 100% 0, 50% 100%);}
.para_em {font-weight: 700;}
.first_greeting img {width: 100%;max-width: 200px;height: auto;display: block;margin: 0 auto;}
.first_flow_h {text-align: center;margin-bottom: 32px;}
.first_flow_parts {margin-bottom: 32px;}
.first_flow_parts:last-of-type {margin-bottom: 0;}
.first_flow_parts img {width: 100%;max-width: 320px;display: block;margin: 0 auto;margin-bottom: 8px;}

/* treatment */
.treatment_intro {font-size: 1.6rem;font-weight: 700;text-align: justify;margin-bottom: 40px;}
.treatment_parts {margin-bottom: 32px;}
.treatment_parts img {width: 100%;max-width: 320px;display: block;margin: 0 auto;margin-bottom: 8px;}
.treatment_parts_other_para {margin-bottom: 16px;}
.treatment_parts_other_ct_parts {display: grid;grid-template: auto / minmax(20%, 120px) auto;grid-column-gap: 8px;align-items: center;margin-bottom: 16px;}
.treatment_parts_other_ct_parts:last-of-type {margin-bottom: 0;}
.treatment_parts_other_ct_parts img {width: 100%;max-width: 240px;}

/* question */
.question_parts {margin-bottom: 40px;}
.question_parts:last-of-type {margin-bottom: 0;}
.question_parts_q {word-break: keep-all;background-color: var(--MAINCOLOR);color: var(--WHITE);padding: 16px;border-radius: 16px 16px 0 0;}
.question_parts_a {text-align: justify;background-color: var(--WHITE);padding: 16px;border-radius: 0 0 16px 16px;}
.question_parts_a p {margin-bottom: 16px;}
.question_parts_a_em {font-size: 1.8rem;font-weight: 700;}
.question_parts_a img {width: 100%;max-width: 320px;height: auto;display: block;margin: 0 auto;}

/* access */
.access_parts {margin-bottom: 40px;}
.access_parts:last-of-type {margin-bottom: 0;}
.access_parts_map {position: relative;width: 100%;height: 0;padding-top: 56.25%;margin-bottom: 16px;}
.access_parts_map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.access_parts_address {font-size: 2rem;font-weight: 700;}
.access_image img {width: 100%;max-width: 400px;display: block;margin: 0 auto;margin-bottom: 16px;border-radius: 16px;}
.access_image img:nth-of-type(2) {width: 16%;max-width: 88px;border-radius: 0;}
.access_image img:last-of-type {margin-bottom: 0;}

/* contact */
label[for] {cursor: default;}
.contact_para {word-break: keep-all;margin-bottom: 24px;}
.contact_form_parts {width: 100%;background-color: var(--MAINCOLOR);padding: 16px;margin-bottom: 16px;border-radius: 16px;word-break: keep-all;}
.contact_form_title {font-size: 1.6rem;font-weight: 700;color: var(--WHITE);margin-bottom: 8px;display: block;cursor: default;}
.contact_form_parts input[type="text"],.contact_form_parts input[type="email"],.contact_form_parts input[type="tel"] {
font-size: 1.4rem;color: var(--CFTEXTCOLOR);width: 100%;height: 4em;padding: 0.8em;background-color: var(--WHITE);border-radius: 4px;}
.mail_title_wrap {position: relative;width: 100%;}
.mail_title_wrap::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 8px;width: 16px;height: 12px;background-color: var(--TEXTCOLOR);clip-path: polygon(0 0, 100% 0, 50% 100%);z-index: 2;}
.contact_form_parts select {font-size: 1.4rem;color: var(--CFTEXTCOLOR);width: 100%;height: 4em;padding: 0.8em;background-color: var(--WHITE);border-radius: 4px;position: relative;}
.contact_form_radio_label,.contact_form_check_label {font-size: 1.4rem;color: var(--WHITE);padding-left: 1.2em;margin-right: 1em;cursor: pointer;position: relative;}
.contact_form_radio_label::before,.contact_form_radio_label::after {content: "";display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.contact_form_radio_label::before {width: 16px;height: 16px;background-color: var(--WHITE);border-radius: 50%;left: 0;}
.contact_form_radio_label::after {width: 12px;height: 12px;background-color: var(--TEXTCOLOR);border-radius: 50%;left: 2px;opacity: 0;}
.contact_form_radio_btn:checked + .contact_form_radio_label::after {opacity: 1;}
.contact_form_check_label::before,.contact_form_check_label::after {content: "";display: inline-block;position: absolute;}
.contact_form_check_label::before {top: 50%;transform: translateY(-50%);left: 0;width: 16px;height: 16px;background-color: var(--WHITE);border-radius: 2px;}
.contact_form_check_label::after {top: 5px;left: 2px;width: 12px;height: 8px;border-bottom: solid 4px var(--TEXTCOLOR);border-left: solid 4px var(--TEXTCOLOR);transform: rotate(-45deg);opacity: 0;}
.contact_form_check_btn:checked + .contact_form_check_label::after {opacity: 1;}
.contact_form_parts textarea {font-size: 1.4rem;color: var(--CFTEXTCOLOR);width: 100%;height: 8em;padding: 0.8em;background-color: var(--WHITE);border-radius: 4px;resize: vertical;}
.contact_form_submit {width: 100%;height: 64px;background-color: var(--TEXTCOLOR);color: var(--WHITE);font-size: 1.8rem;font-weight: 700;border-radius: 16px;}
.contact_form_submit button {width: 100%;height: 100%;text-align: center;}

/* footer */
.footer {background-color: var(--MAINCOLOR);color: var(--WHITE);padding: 0 24px;}
.footer_container {padding: 40px 0;}
.footer_contact {margin-bottom: 40px;}
.footer_contact_title {font-size: 3.2rem;font-weight: 700;margin-bottom: 16px;}
.footer_contact_address {font-size: 1.6rem;font-weight: 700;margin-bottom: 8px;}
.footer_contact_directions {font-size: 1.6rem;font-weight: 700;margin-bottom: 16px;}
.footer_contact_tel {font-size: 3.2rem;font-weight: 700;}
.footer_schedule {margin-bottom: 40px;}
.footer_schedule_table {margin-bottom: 16px;width: 100%;font-size: 1.4rem;font-weight: 700;}
.footer_schedule_table tr {border-bottom: solid 2px var(--WHITE);}
.footer_schedule_table th {padding: 0 8px 16px;text-align: center;vertical-align: middle;}
.footer_schedule_table td {padding: 16px 8px;text-align: center;vertical-align: middle;}
.footer_schedule_table > tbody > tr > th:first-of-type {padding: 0 8px 16px 0;text-align: left;}
.footer_schedule_table > tbody > tr > td:first-of-type {padding: 16px 8px 16px 0;text-align: left;}
.footer_schedule p {text-align: right;}
.footer_copy {display: block;text-align: center;padding-bottom: 64px;}

/* tab size */
@media screen and (min-width: 541px) {
	/* tel */
	.tel_box {width: 184px;height: 64px;box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.6);bottom: 24px;left: auto;border-radius: 16px 0 0 16px;justify-content: flex-start;transition: 0.2s;transform: translateX(0);}
	.tel_box img {margin-left: 8px;}
	.tel_box.hide{transform: translateX(136px);}

	/* firstlook */
	.container_firstlook {position: relative;}

	/* hero */
	.container_hero {background-image: url("../img/egane_hero_back_landscape.jpg");background-position: center;display: flex;height: calc(100vh - 48px);}
	.container_hero_para {width: 62%;height: 100%;padding: 48px 40px 96px;}
	.container_hero_para p{text-align: left;}
	.container_hero_images_port {display: none;}
	.container_hero_images_land {width: 38%;height: 100%;background-color: rgba(255, 247, 222, 0.6);padding: 16px 16px 80px 16px;display: flex;justify-content: center;align-items: center;}
	.container_hero_images_land > div {width: 100%;height: 100%;position: relative;}
	.container_hero_images_land > div img {width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.4));position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

	/* info */
	.container_info {position: absolute;bottom: 24px;left: 0;width: 320px;border-radius: 0 16px 16px 0;border: none;}

	/* intro */
	.ct_inner_intro {padding: 72px 0 80px;}
	.ct_inner_intro article {display: flex;align-items: center;}
	.ct_inner_intro img {
		margin: 0 16px 0 0;
	}

	/* first */
	.first_greeting {display: flex;align-items: center;}
	.first_greeting p {margin-bottom: 0;margin-right: 16px;position: relative;}
	.first_greeting p::before {bottom: 50%;left: auto;right: -14px;transform: translate(0, 50%);clip-path: polygon(0 0, 100% 50%, 0 100%);}
	.first_greeting img {object-fit: contain;}
	.first_flow {display: flex;justify-content: space-around;flex-wrap: wrap;column-gap: 24px;}
	.first_flow_parts {margin-bottom: 48px;width: 46%;}
	.first_flow_parts img {max-width: 440px;}

	/* treatment */
	.treatment_intro {text-align: center;word-break: keep-all;}
	.treatment_parts {display: flex;gap: 16px;align-items: center;}
	.treatment_parts:nth-of-type(2n + 1) {flex-direction: row-reverse;}
	.treatment_parts img {width: 50%;max-width: 320px;margin-bottom: 0;object-fit: contain;}
	.treatment_parts > div {width: 50%;}
	.treatment_parts_other_ct {display: flex;gap: 16px;}
	.treatment_parts_other_ct_parts {width: 50%;margin-bottom: 0;}

	/* question */
	.question_parts_q {margin: 0 48px 24px 0;border-radius: 16px;}
	.question_parts_a {margin: 0 0 0 48px;border-radius: 16px;display: flex;gap: 16px;align-items: center;}
	.question_parts_a p {margin-bottom: 8px;}
	.question_parts_a img {width: 100%;max-width: 200px;margin: 0;}

	/* access */
	.access_mapad {display: flex;gap: 16px;align-items: center;}
	.access_parts_map {width: 50%;max-width: 440px;padding-top: 50%;margin-bottom: 0;}
	.access_parts_address {font-size: 2rem;font-weight: 700;}
	.access_parts_para {text-align: center;}
	.access_image {display: flex;gap: 24px;align-items: center;}
	.access_image img {width: 42%;margin-bottom: 0;}
	.access_image img:nth-of-type(2) {width: 16%;height: auto;max-width: 48px;transform: rotate(-90deg);}

	/* contact */
	.contact_para {text-align: center;}
	.contact_form_parts {display: flex;align-items: center;justify-content: flex-start;gap: 8px;}
	.contact_form_title {width: 32%;margin-bottom: 0;}
	.contact_form_parts input[type="text"],
	.contact_form_parts input[type="email"],
	.contact_form_parts input[type="tel"] {width: 68%;}
	.mail_title_wrap {width: 68%;}	.contact_form_choice {width: 68%;display: flex;align-items: center;}
	.contact_form_parts textarea {width: 68%;}
	.contact_form_submit {width: 240px;margin: 0 auto;}
	.contact_form_submit button {width: 100%;height: 100%;text-align: center;}

	/* footer */
	.footer_schedule {width: 100%;max-width: 500px;}
	.footer_copy {padding-bottom: 40px;}
}

/* PC size */
@media screen and (min-width: 769px) {
	h1 {font-size: 4rem;}
	h2 {font-size: 3.6rem;}
	h3 {font-size: 3.2rem;}
	h4 {font-size: 2.4rem;}
	p {font-size: 1.6rem;}
	small {font-size: 1.2rem;}

	/* header */
	.header {height: 96px;padding: 0 16px;}
	.header_logo {width: 28%;max-width: 384px;}
	.header_menubtn_open {display: none;}
	.header_menu_PC {display: block;}
	.header_menu_PC ul {display: flex;gap: 16px;}
	.header_menu_PC a{color: var(--WHITE);font-size: 1.6rem;font-weight: 700;}

	/* menu_SP */
	.menu_SP {display: none;}

	/* tel */
	.tel_box {width: 312px;height: 96px;bottom: 40px;border-radius: 24px 0 0 24px;gap: 16px;}
	.tel_box img {width: 40px;margin-left: 16px;}
	.tel_box p {font-size: 1.6rem;}
	.tel_number {font-size: 3.6rem;}
	.tel_box.hide {transform: translateX(240px);}

	/* firstlook */
	.container_firstlook {padding-top: 96px;}

	/* hero */
	.container_hero {height: calc(100vh - 96px);max-height: 100%;}
	.container_hero_para p{font-size: 2.4rem;}
	.container_hero_images_land {padding: 32px 32px 120px 32px;}
	.container_hero_images_land img {display: block;margin: 0 auto;max-width: 320px;}

	/* info */
	.container_info {bottom: 40px;width: 400px;height: 96px;}
	.container_info p {font-size: 2rem;}

	/* container */
	.container {padding: 0 40px;}
	.whiteback {background-size: auto 48px;}
	.yellowback {background-size: auto 48px;}
	.container_inner {padding: 72px 0 160px;}

	/* intro */
	.ct_inner_intro {padding: 120px 0 160px;}
	.ct_inner_intro img {width: 32%;max-width: 320px;margin: 0 32px 0 0;}
	.ct_inner_intro p {width: 68%;font-size: 2.4rem;}

	/* contents_title */
	.contents_title {margin-bottom: 80px;}
	.contents_title img {width: 80px;margin-bottom: 24px;}
	.ct_heading_eng {font-size: 2rem;}

	/* first */
	.first_greeting {margin-bottom: 120px;}
	.first_greeting p {margin-right: 40px;padding: 24px;}
	.first_greeting p::before {right: -20px;width: 24px;height: 24px;}
	.first_greeting img {object-fit: contain;max-width: 320px;}
	.first_flow_h {margin-bottom: 56px;}
	.first_flow {column-gap: 40px;}
	.first_flow_parts {margin-bottom: 64px;}
	.first_flow_parts img {margin-bottom: 16px;}

	/* treatment */
	.treatment_intro {font-size: 2.4rem;margin-bottom: 80px;}
	.treatment_parts {gap: 32px;margin-bottom: 40px;}
	.treatment_parts img {max-width: 400px;}
	.treatment_parts > div {width: 50%;}
	.treatment_parts_other_para{margin-bottom: 24px;}
	.treatment_parts_other_ct {gap: 32px;}
	.treatment_parts_other_ct_parts {grid-column-gap: 16px;}

	/* question */
	.question_parts {margin-bottom: 80px;}
	.question_parts_q {border-radius: 24px;}
	.question_parts_a {padding: 24px;border-radius: 24px;gap: 24px;	}
	.question_parts_a_em {font-size: 2.4rem;}

	/* access */
	.access_mapad {gap: 32px;}
	.access_parts_address {font-size: 2.8rem;}
	.access_image {gap: 32px;justify-content: space-between;}

	/* contact */
	.contact_para {margin-bottom: 40px;}
	.contact_form_parts {padding: 18px;margin-bottom: 24px;border-radius: 24px;gap: 16px;}
	.contact_form_title {width: 24%;}
	.contact_form_parts input[type="text"],
	.contact_form_parts input[type="email"],
	.contact_form_parts input[type="tel"] {width: 76%;font-size: 1.6rem;}
	.mail_title_wrap {width: 76%;}
	.contact_form_parts select {font-size: 1.6rem;}
	.contact_form_choice {width: 76%;}
	.contact_form_radio_label,.contact_form_check_label {font-size: 1.6rem;}
	.contact_form_parts textarea {width: 76%;font-size: 1.6rem;}
	.contact_form_submit {width: 320px;height: 80px;font-size: 2.4rem;border-radius: 24px;}
	.contact_form_submit button {width: 100%;height: 100%;text-align: center;}

	/* footer */
	.footer {padding: 0 48px;}
	.footer_container {padding: 40px 0 80px;display: flex;gap: 32px;}
	.footer_contact {margin-bottom: 0;width: 42%;}
	.footer_contact_title {font-size: 3.2rem;}
	.footer_contact_address {margin-bottom: 16px;}
	.footer_schedule {margin-bottom: 0;width: 58%;max-width: 580px;}
	.footer_schedule_table {font-size: 2rem;}
}

/* PC wide */
@media screen and (min-width: 1040px) {
	/* header */
	.header {padding: 0 24px;}
	.header_menu_PC a{font-size: 1.8rem;}

	/* intro */
	.ct_inner_intro {padding: 72px 0 80px;margin: 0 auto;width: 960px;}

	/* container */
	.container {padding: 0;}
	.container_inner {width: 960px;margin: 0 auto;padding: 72px 0 160px;}

}
/* animation */
.fadeup {transform: translateY(30px);opacity: 0;}
.fadeup.is_active {animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
@keyframes fadeup {
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*メール送信状態表示*/
div.resframe{position:fixed;top:1rem;right:50%;transform:translateX(50%);z-index:9999;background:var(--WHITE);border-radius:1rem;box-shadow: 0 6px 10px 2px rgba(0, 0, 0, 0.3);width:80%;max-width:400px;padding:1.2rem;font-family:inherit;font-size:1.2rem;text-align:center;line-height:2;}
div.resframe::before{content:"";display:block;width:120px;height:120px;margin:0 auto 1rem;background-image:url(../img/egane_intro.png);background-size:contain;background-repeat:no-repeat;}
/* menulist */
.js-navSP {position: relative;}
.js-navSP::after {content: "";position: absolute;left: 0;bottom: -4px;width: 100%;height: 2px;border-radius: 1px;background-color: #FFF;transform: scale(0, 1);transform-origin: left top;transition: transform 0.4s;}
.js-navSP.is-current::after {transform: scale(1, 1);}
.js-navPC {position: relative;}
.js-navPC::after {content: "";position: absolute;left: 0;bottom: -4px;width: 100%;height: 2px;border-radius: 1px;background-color: #FFF;transform: scale(0, 1);transform-origin: left top;transition: transform 0.4s;}
.js-navPC.is-current::after {transform: scale(1, 1);}