@charset "UTF-8";
/*
Theme Name: ageo-dental
*/


/* ----------
  Fonts
---------- */
/* noto-serif-jp-regular - japanese */
/* noto-serif-jp-500 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  src: 
  	url('fonts/NotoSerifJP-Medium.otf') format('opentype'),
  	url('fonts/noto-serif-jp-v30-japanese-500.woff2') format('woff2');
}
/* noto-sans-jp-regular - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: 
  	url('fonts/NotoSansJP-Regular.otf') format('opentype'),
  	url('fonts/noto-sans-jp-v53-japanese-regular.woff2') format('woff2');
}


/* ----------
  CSS変数
---------- */
:root{
	--color_main:#1d2e3f;
	--color_orng:#cba90b;
	--color_tate:#1d3177;
	--color_gray1:#eee;
	--color_gray2:rgba(0,0,0,.1);
	--color_base:#fff;
	--color_font_black:#000;
	--color_mvtit:#004ca9;
	--color_blue:#3a5c7e;
	--color_btn:#999;
	--color_btnwh:#ccc;
	--color_backgray:rgba(0,0,0,.03);
	--color_headact:#0c2565
}
:root {
	--font-size_level1:12px;
	--font-size_level2:13px;
	--font-size_level3:14px;
	--font-size_level4:16px;
	--font-size_level5:18px;
	--font-size_level6:20px;
	--font-size_level7:24px;
	--font-size_level8:28px;
	--font-size_level9:32px;
	--font-size_level10:40px;
	--font-size_level11:48px;
	--font-size_level12:60px;
	--font-size_level13:120px
}

@media (max-width: 499px) {
  :root {
  	--font-size_level1:10px;
  	--font-size_level2:11px;
  	--font-size_level3:12px;
  	--font-size_level4:12px;
  	--font-size_level5:13px;
  	--font-size_level6:14px;
  	--font-size_level7:14px;
  	--font-size_level8:14px;
  	--font-size_level9:16px;
  	--font-size_level10:20px;
  	--font-size_level11:24px;
  	--font-size_level12:30px;
  	--font-size_level13:60px
  }
}
:root {
	--line-height083: 0.833;
	--line-height1: 1;
	--line-height1_3: 1.3;
	--line-height1_412: 1.412;
	--line-height1_5: 1.5;
	--line-height1_7: 1.7;
	--line-height2: 2;
	--line-height2_25: 2.25;
	--line-height2_5: 2.5
}

@media (max-width: 499px) {
  :root {
  	--line-height083: 0.833;
  	--line-height1: 1;
  	--line-height1_3: 1.3;
  	--line-height1_412: 1.412;
  	--line-height1_5: 1.5;
  	--line-height1_7: 1.7;
  	--line-height2: 2;
  	--line-height2_25: 2.25;
  	--line-height2_5: 2.5
  }
}
:root {
		--space0: 0px;
    --space4: 4px;
    --space8: 8px;
    --space16: 16px;
    --space24: 24px;
    --space32: 32px;
    --space48: 48px;
    --space54: 54px;
    --space56: 56px;
    --space64: 64px;
    --space80: 80px;
    --space90: 90px;
    --space94: 94px;
    --space100: 100px;
    --space108: 108px;
    --space128: 128px;
    --space136: 136px;
    --space170: 170px
}
:root {
  --box-padding: 24px;
  --scrollbar-size: 0px;
}







/* ----------
  Defaultリセット
---------- */
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}


/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* table */
/* ============================================ */
table{
	border-collapse: collapse;
}
th,td{
	font-weight: 400;
}


a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}


small {
  font-size: 80%;
}


img,
embed,
object,
iframe {
  vertical-align: bottom;
}

input[type="checkbox"],
input[type="radio"]{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
::placeholder {
  color: #999999;
}
/*.contact_table select{
 color: #999999;
}*/

.wp-block-table td, .wp-block-table th{
	border: 0px solid;
  padding: 0em;
}

/* ----------
  Default
---------- */

body {
	background: var(--color_base);
	color: var(--color_gray);
	font-size: var(--font-size_level3);
	font-family: 'Noto Sans JP', sans-serif;
}
@media (min-width: 499px) {
	body {
		min-width: 1280px;
		overflow-x: hidden;
	}
}
@media (max-width: 374px) {
	body {
		min-width: 375px;
	}
}
.container {
	overflow-x: hidden;
	width: 100%;
}


.br{
	display: block;
}
.br_sp{
	display: none;
}
@media (max-width: 499px) {
	.br{
		display: none;
	}
	.br_sp{
		display: block;
	}
}


.en{
	font-family: "Roboto", sans-serif;
	font-weight:700;
	font-style: normal;
}
.en.tit{
	font-size: var(--font-size_level13);
	line-height: var(--line-height083);
	letter-spacing: -0.02em;
	color: var(--color_gray1);
}

.serif{
	font-family: 'Noto Serif JP';
}
.b {
	font-weight: 500;
}
p.top{
	font-size: var(--font-size_level4);
	line-height: var(--line-height2_25);
	letter-spacing: 0.02em;
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2) 0;
}
@media (max-width: 499px) {
	p.top{
		line-height: var(--line-height2);
		margin: calc(-1 * (var(--font-size_level4) * var(--line-height2) - var(--font-size_level4)) / 2) 0;
	}
}
th.big{
	font-size: var(--font-size_level4);
}
.colred.catch{
	font-size: var(--font-size_level5);
	line-height: var(--line-height1);
	letter-spacing: 0.06em;
}
.colbl.catch{
	font-size: 26px;
	line-height: var(--line-height1);
	letter-spacing: 0.06em;
}
@media (max-width: 499px) {
	.colbl.catch{
		font-size: 13px;
	}
}
.small {
	font-size: 14px;
}
@media (max-width: 499px) {
	.small {
		font-size: 10px;
	}
}

.underline{
/*	background: linear-gradient(transparent 60%, var(--color_main) 60%);*/
}
.box-shadow{
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.05);
}
.gradient1{
	background: #e6eff2;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
}
.gradient2{
	background: #f5f5f5;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
}
.gradient3{
	background: #edf3f5;
	background-image: linear-gradient(0deg, rgba(211, 237, 245, 0) 0%, rgba(211, 237, 245, 1) 100%);
}

.underline2{
  position: relative;
  border-bottom: 2px solid var(--color_line);
}
.underline2::before{
  content: '';
  position: absolute;
  bottom: -2px;
  width: 50%;
  height: 2px;
  background: var(--color_main);
}

.underline3{
  position: relative;
  border-bottom: 2px solid var(--color_line);
}
.underline3::before{
  content: '';
  position: absolute;
  bottom: -2px;
  width: 33.3%;
  height: 2px;
  background: var(--color_main);
}
.op0{
	opacity: 0;
}



@media (max-width: 499px) {
	.box-shadow{
		box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
	}
}
.text-height{
	line-height: var(--line-height2_5);
	letter-spacing: -0.02em;
}

.tate{
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	white-space: pre;
	font-feature-settings: 'pkna';
/*	text-orientation: upright;*/
}
::-webkit-full-page-media, :future, :root .kutouten{
	float: none;
	margin: 0;
	position: relative;
	left: 0.7em;
	top: -0.5em;
}
.colred{
	color: var(--color_or);
}
.colgrn{
	color: var(--color_grn);
}
.colbl{
	color: var(--color_main);
}
.colbl2{
	color: #0066ff;
}
.color{
	color: var(--color_or);
}
.colmain{
	color: #4f76d7;
}
.colblgr{
	color: #a4bbc4;
}

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
.fadeUpTrigger1_1{
animation-delay: 0.2s;
}
.fadeUpTrigger1_2{
animation-delay: 0.6s;
}
.fadeUpTrigger1_3{
animation-delay: 1s;
}
.fadeUpTrigger1_4{
animation-delay: 1.4s;
}
.fadeUpTrigger1_5{
animation-delay: 1.8s;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.fadeUpTrigger{
  opacity: 0;
}



h2{
  font-size: var(--font-size_level11);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: var(--color_main);
  line-height: var(--line-height1);
  white-space: nowrap;
}
h3{
  font-size: var(--font-size_level9);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: var(--color_grn2);
  line-height: var(--line-height1_5);
  white-space: nowrap;
  margin: calc(-1 * (var(--font-size_level9) * var(--line-height1_5) - var(--font-size_level9)) / 2) 0;
}
h4{
	font-size: var(--font-size_level8);
	font-weight: 500;
	letter-spacing: 0.2em;
	color: var(--color_main);
	line-height: var(--line-height1);
}
h5{
	font-size: var(--font-size_level7);
	font-weight: 500;
	letter-spacing: 0.05em;
	color: var(--color_main);
	line-height: var(--line-height1_5);
	margin: calc(-1 * (var(--font-size_level7) * 1.5 - var(--font-size_level7)) / 2) 0;
}
h6{
	font-size: var(--font-size_level6);
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: var(--line-height1);
}




p{
	/*line-height: 2.5em;
	font-weight: 400;
	letter-spacing: -0.05rem;*/
}


section{
  padding:75px 0px 75px 0px;
}
@media (max-width: 499px) {
	section{
  	padding:35px 0px 35px 0px;
	}
}
img{
	width:100%;
}



.body{
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 40px;
}
@media (max-width: 499px) {
	.body {
		padding: 0px 30px;
		max-width: 499px;
		min-width: auto;
	}
}
.bodywide{
	max-width: 1780px;
	margin: 0 auto;
	padding: 0 40px;
}
@media (max-width: 499px) {
	.bodywide{
		padding: 0px 30px;
		max-width: 499px;
		min-width: auto;
	}
}



.recaptcha-text{
	text-align: center;
	font-size: 14px;
	line-height: var(--line-height2);
	margin: calc(-1 * (14px * var(--line-height2) - 14px) / 2) 0;
	padding-top: 40px;
}
.grecaptcha-badge { visibility: hidden; }
@media (max-width: 499px) {
	.recaptcha-text{
		width: 100%;
		font-size: var(--font-size_level2);
		margin: calc(-1 * (var(--font-size_level2) * var(--line-height2) - var(--font-size_level2)) / 2) 0;
		padding-top: 28px
	}
}




.CF7_req{
	font-size: 14px;
	font-weight: 400;
	background-color: #ee5197;
	color: var(--color_base);
	padding: 3px 10px;
	margin-left: 20px;
	border-radius: 0px;
}
.CF7_req.CF7_opt{
	color: var(--color_gray);
	background-color: #dbd096;
}
input[type="text"],
input[type="email"],
input[type="date"],
select,
textarea {
	width: 100%;
	background-color: #eef1f6;
	border-radius: 4px;
	padding: 7px 12px;
	margin: 0 0 0px 0;
	line-height: var(--line-height1_5);
	border: 0;
	font-size: var(--font-size_level4);
}
@media (max-width: 499px) {
	input[type="date"] {
		height: 40px;
	  position: relative;
	  appearance: none;
	  -webkit-appearance: none;
	}
	input[type="date"]::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	}
	input[type="date"]::-webkit-clear-button {
	  -webkit-appearance: none;
	}
	input[type="date"]::-webkit-calendar-picker-indicator {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  opacity: 0;
	  cursor: pointer;
	}
	input[type="date"]::-webkit-date-and-time-value {
	  text-align: left;
	  color: var(--color_gray);
	}
}
textarea {
  height: 208px;
  resize: vertical;
}
.message-100,
.quest-100{
	white-space: pre-wrap;
}
.sub-section-contact .wpcf7-spinner {
	display: none;
}
.sub .wpcf7-list-item{
	margin: 0;
}
.wpcf7-list-item-label{
	vertical-align: top;
}
.wpcf7-checkbox{
	display: flex;
	column-gap: 30px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
	color: #cc0033;
	border:0px;
	padding: 0;
	margin: 0;
}
input[type="radio"] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 0px solid #000;
  border-radius: 50%;
  vertical-align: -4px;
  background: #eaecef;
}
input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color_grn);
  content: '';
}
input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 0px solid #000;
  border-radius: 50%;
  vertical-align: -4px;
  background: #eaecef;
}
input[type="checkbox"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color_grn);
  content: '';
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid,
.wpcf7-not-valid input[type="checkbox"]{
  background: #f7e0e5;
}
.wpcf7-not-valid .wpcf7-list-item-label{
	color: #ee5197;
}
.sub-section-contact .wpcf7 .screen-reader-response {
	position: initial;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); 
	clip-path: initial; 
	height: auto; 
	width: auto; 
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	text-align: center;
	font-size: 18px;
	color: #ee5197;
	line-height: 1.778;
	margin: calc(-1 * (18px * 1.778 - 18px) / 2) 0
}
.sub-section-contact .wpcf7 .screen-reader-response li:first-child{
	margin-top: 100px;
}
.sub-section-contact .wpcf7 .screen-reader-response p,
.sub-section-contact .wpcf7-response-output,
.sub-section-contact .wpcf7-not-valid-tip{
	display: none;
}
.sub-section-contact .wpcf7 .screen-reader-response:has(ul li) {
  margin-bottom: -24px;
}

@media (max-width: 499px) {
	.sub-section-contact .wpcf7{
		width: 100%;
	}
	.sub-section-contact .wpcf7 .screen-reader-response {
		margin: -1px;
/*		margin-top: 30px;*/
		font-size: 14px;
	}
	.sub-section-contact .wpcf7 .screen-reader-response li:first-child{
		margin-top: 25px;
	}
	.sub-section-contact .wpcf7 .screen-reader-response:has(ul li) {
	  margin-bottom: -5px;
	}
	.CF7_req{
		font-size: 10px;
		padding: 2px 6px;
		margin-left: 13px;
	}
	.wpcf7-checkbox{
		flex-wrap: wrap;
		column-gap: 25px;
	}
	.contact_table .wpcf7-list-item{
		margin: 0;
	}
	input[type="radio"],
	input[type="checkbox"] {
	  width: 16px;
	  height: 16px;
	  vertical-align: -4px;
	}
	input[type="radio"]:checked:before,
	input[type="checkbox"]:checked:before{
	  width: 7px;
	  height: 7px;
	}
	input[type="text"],
	input[type="email"],
	input[type="date"],
	select,
	textarea {
		padding: 9px 14px;
	}
	textarea {
	  height: 240px;
	  resize: vertical;
	}
}
.textarea-null{
	display: none;
}
.textarea-null.noempty{
	display: block;
}


.contact_table{
	margin: 74px 0 0;
	position: relative;
}
.contact_table,
.contact_table tbody{
	width: 600px;
}
.sub table.contact_table tr{
	border:0;
}
.contact_table tr{
	width: 100%;
}
.contact_table th,
.contact_table td{
	display: block;
	width: 100%;
	text-align: left;
}
.contact_table th,
.date-time-th{
	margin-bottom: 12px;
	font-weight: 500;
}
.contact-confirm .contact_table th,
.entry-confirm .contact_table th,
.entry_event-confirm .contact_table th{
	margin-bottom: 24px;
}
th.cntc_cont {
	margin-bottom: 20px;
}
.contact_table td{
	padding-bottom: 40px;
}
.contact-confirm .contact_table td,
.entry-confirm .contact_table td,
.entry_event-confirm .contact_table td{
	padding-bottom: 50px;
	font-size: var(--font-size_level4);
	line-height: 1.556;
	margin: calc(-1 * (var(--font-size_level4) * 1.556 - var(--font-size_level4)) / 2) 0;
}
.contact_table tr:last-child td{
	padding-bottom: 60px;
}
.contact_table input[type="radio"]{
	margin-right: 5px;
}
.date-time-all{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	row-gap: 30px;
}
.date-time{
	width: 100%;
	display: flex;
	column-gap: 0px;
}
.date-time_date,
.date-time_time {
  width: 50%;
}
.date-time_time{
	padding-left: 60px;
}
.date-time-th{
	font-size: var(--font-size_level4);
	line-height: var(--line-height1);
}
.date-time_time .date-time-th{
	margin-bottom: 17px;
}
.contact_table .form-date th{
	margin-bottom: 32px;
}
.contact_table .form-date p.big{
	line-height: normal;
}
.contact_table .form-job th{
	margin-bottom: 22px;
}
.contact_table .form-job .wpcf7-checkbox{
	display: flex;
	column-gap: 40px;
	flex-wrap: wrap;
	row-gap: 22px;
	line-height: 1;
	font-size: var(--font-size_level4);
}
.contact_table .form-job .wpcf7-list-item:nth-child(2n+2){
	width: 210px;
}
.contact_table th .form-date-txt{
	font-weight: 400;
	line-height: 24px;
	padding-top: 19px;
	margin: calc(-1 * (var(--font-size_level3) * var(--line-height1_5) - var(--font-size_level3)) / 2) 0 calc(-1 * (var(--font-size_level2) * 1.714 - var(--font-size_level2)) / 2) 0;
}
.form-date-txt-txt{
	letter-spacing: -0.01rem;
}
.form-date-txt-apen{
	font-size: 14px;
}
.contact_table .date-time .wpcf7-checkbox{
	font-size: var(--font-size_level4);
}
@media (max-width: 499px) {
	.date-time{
		flex-wrap: wrap;
		row-gap: 15px;
	}
	.date-time_date,
	.date-time_time {
	  width: 100%;
	}

	.date-time_time{
		padding-left: 0px;
	}
	.date-time_time .date-time-th{
		margin-bottom: 12px;
	}
	.contact_table .form-job th{
		margin-bottom: 15px;
	}
	.contact_table .form-job .wpcf7-checkbox{
		display: flex;
		column-gap: 0px;
		row-gap: 16px;
	}
	.contact_table .form-job .wpcf7-list-item:nth-child(2n+1),
	.contact_table .form-job .wpcf7-list-item:nth-child(2n+2){
		width: 50%;
	}
	.contact_table th .form-date-txt{
		padding-top: 18px;
		line-height: 18px;
		margin: calc(-1 * (var(--font-size_level3) * 1.385 - var(--font-size_level3)) / 2) 0 calc(-1 * (11px * 1.636 - 11px) / 2) 0;
	}
	.form-date-txt-txt{
		letter-spacing: 0;
	}
	.form-date-txt-apen{
		font-size: 11px;
	}
}


.confirm-btn {
	display: flex;
	align-items: center;
	column-gap: 30px;
	justify-content: center;
	margin: 0px auto 0;
}
.confirm-btn .button4{
	background: #79e000;
}



@media (max-width: 499px) {
	.contact_table{
		margin: 50px 0 0;
	}
	.contact_table.confirm{
		margin: 30px 0 0;
	}
	.contact_table,
	.contact_table tbody{
		width: 100%;
	}
	.contact_table:after{
		width: 100vw;
	}
	.sub table.contact_table tr:before{
		display: none;
	}
	.contact_table th{
		margin-bottom: 10px;
	}
	.contact_table td{
		padding-bottom: 30px;
	}
	.contact_table tr:last-child td{
		padding-bottom: 30px;
	}
	.contact .footer-btn{
		margin: 30px auto 0;
	}
	.contact .confirm-btn .footer-btn{
		margin: 0;
		order: -1;
	}
	.confirm-btn {
		flex-wrap: wrap;
		row-gap: 15px;
		justify-content: center;
	}
	.contact-confirm .contact_table th,
	.entry-confirm .contact_table th,
	.entry_event-confirm .contact_table th{
		margin-bottom: 17px;
	}
	.contact-confirm .contact_table td,
	.entry-confirm .contact_table td,
	.entry_event-confirm .contact_table td{
		padding-bottom: 30px;
		margin: calc(-1 * (var(--font-size_level4) * 1.556 - var(--font-size_level4)) / 2) 0;
	}
	.contact-confirm .contact_table tr:last-child td,
	.entry-confirm .contact_table tr:last-child td,
	.entry_event-confirm .contact_table tr:last-child td{
		padding-bottom: 38px;
		margin: calc(-1 * (var(--font-size_level4) * 1.556 - var(--font-size_level4)) / 2) 0;
	}
}



/* ----------
	header
---------- */
.content h1{
	all: unset;
}
#site-header .brand span{
	font-size: 0;
	display: block;
}
.visually-hidden {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

#site-header {
  position: relative;
  position: fixed;
  top: 0%;
  z-index: 1000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .5s;
	width: 100%;
	height: 100px;
	padding: 0px 50px 0px;
	color: var(--color_base);
}
#site-header:before{
	content: '';
	width: 100%;
	height: 200px;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	background-image: -moz-linear-gradient( -90deg, rgba(9,31,75,.6) 0%, rgba(9,31,75,0) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgba(9,31,75,.6) 0%, rgba(9,31,75,0) 100%);
	background-image: -ms-linear-gradient( -90deg, rgba(9,31,75,.6) 0%, rgba(9,31,75,0) 100%);
}
#site-header.change-color,
.subpage #site-header{
  background: var(--color_base);
  color: var(--color_font_black);
  padding-bottom: 0;
  padding-top: 0;
}
#site-header .logo-wh{
	display: block;
}
#site-header .logo-bg{
	display: none;
}
#site-header.change-color .logo-wh,
.subpage #site-header .logo-wh{
	display: none;
}
#site-header.change-color .logo-bg,
.subpage #site-header .logo-bg{
	display: block;
}
#site-header.change-color:before,
.subpage #site-header:before{
	display: none;
}

#site-header.change-color .p-global-nav.br li a[aria-current],
.subpage #site-header .p-global-nav.br li a[aria-current]{
  color: var(--color_mvtit);
}
#site-header .p-global-nav.br li a:before{
	content: '';
	width: 100%;
	position: absolute;
	height: 2px;
	bottom: 0px;
	left: 0;
	border-bottom: 2px solid var(--color_headact);
	opacity: 0;
}
#site-header.change-color .p-global-nav.br li a[aria-current]:before,
.subpage #site-header .p-global-nav.br li a[aria-current]:before{
	opacity: 1;
}

#site-header .p-global-nav.br li{
	display: flex;
}
#site-header .p-global-nav.br li a{
	display: flex;
	align-items: center;
	position: relative;
}
#site-header .p-global-nav.br li a{
	transition: .3s;
}
#site-header .p-global-nav.br li a:hover{
	color: rgba(255, 255, 255, .7);
}
#site-header.change-color .p-global-nav.br li a,
.subpage #site-header .p-global-nav.br li a{
	transition: .3s;
}
#site-header.change-color .p-global-nav.br li a:hover,
.subpage #site-header .p-global-nav.br li a:hover{
	color: var(--color_btn);
}

.site-header-cont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	z-index: 1000;
}
.site-header_logo{
	display: flex;
	column-gap: 30px;
	align-items: center;
}
.site-header_cta{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 20px;
}
.brand{
	width: 220px;
}
.brand span{
	font-size: 0;
	display: block;
}
.site-header-cont,
.site-header_cta,
.header-open-nav-menu-link,
.p-global-nav.br,
.p-global-nav__list,
.p-global-nav__list li,
.p-global-nav__list li a {
	height: 100%;
}


@media (max-width: 499px) {
	#site-header {
	  padding: 0px 0px 0 20px;
	  width: 100%;
	  height: 65px;
	}
	.site-header-cont{
	}
	.site-header_logo{
		width: auto;
	}
	.brand{
		width: 110px;
	}
	.site-header_cta{
		padding: 0 0px;
	}
}

#site-header #nav-switch{
	display: none;
}
@media (max-width: 499px) {
	#site-header #nav-switch {
		color: var(--color_base);
		display: block;
		font-size: var(--font-size_level10);
		transition: .5s;
		display: flex;
		margin-right: 0px;
		height: 65px;
		width: 65px;
	}
}
.header-open-nav-menu-link{
	width: 100%;
}
.p-global-nav__list{
	display: flex;
	column-gap: 35px;
	font-size: 14px;
}
.p-global-nav__list li{

}
.p-global-nav__list li a{
	display: block;
	line-height: var(--line-height1);
}
.site-header_cta_sp{
	display: none;
}


@media (max-width: 499px) {
	.header-open-nav {
		padding: 60px 25px;
		width: 100%;
	}
	.header-open-nav {
		background: var(--color_base);
		color: #333;
		bottom: 0;
		filter: opacity(1);
		min-height: 100vh;
		padding: 89px 30px;
		position: fixed;
		right: 0%;
		top: 0%;
		transform: translateX(105%);
		transition: .5s;
		width: calc(100% - 30px);
		z-index: 999;
	}
	.header-open-nav-menu{
		max-width: initial;
		row-gap: 20px;
	}
	.header-open-nav-menu-link{
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.site-header_cta_sp{
		display: flex;
		flex-wrap: wrap;
		padding: 0px 0px;
		justify-content: center;
		row-gap: 15px;
	}
	.site-header_cta-grad_sp,
	.site-header_cta-carr_sp{
		width: 170px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-radius: 40px;
		padding: 12px 0;
		margin: 0 50px;
	}
	.site-header_cta-grad_sp{
		background: var(--color_main);
	}
	.site-header_cta-carr_sp{
		background: var(--color_reqbtn);
	}
	.site-header_cta-grad_sp a,
	.site-header_cta-carr_sp a{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.site-header_cta-grad_sp a p,
	.site-header_cta-carr_sp a p{
		width: 100%;
		line-height: var(--line-height1);
	}
	.site-header_cta-catch{
		font-size: 9px;
		padding-bottom: 5px;
	}
	.site-header_cta-txt{
		font-size: 13px;
	}
	.p-global-nav__list{
		flex-wrap: wrap;
		row-gap: 22px;
		font-size: var(--font-size_level9);
	}
	.p-global-nav__list li{
		width: 50%;
		line-height: var(--line-height1);
	}
	.site-header_cta-grad:hover{
		background: var(--color_main);
	}
	.site-header_cta-carr:hover{
		background: var(--color_reqbtn);
	}
	#site-header .p-global-nav__list li{
		padding-left: 10px;
		width: 100%;
		letter-spacing: 0.02em;
	}
}

.site-header_logo_open{
	display: none;
}
@media (max-width: 499px) {
	.open .site-header_logo_open{
		display: block;
		width: 110px;
		margin-left: 30px;
	}
	.open .site-header_logo{
		display: none;
	}
	#site-header #nav-close {
		color: var(--color_font_black);
		display: block;
		font-size: 24px;
		position: absolute;
		right: 12px;
		top: 8px;
	}
	#site-header button {
	  border-color: transparent;
	  background: transparent;
	  cursor: pointer;
	}
	#site-header #nav-switch .hamburger_bar {
		display: block;
		width: 40px;
		height: 1px;
		position: absolute;
		left: auto;
		right: 25px;
		transform: translate(0%, 0%);
		background: var(--color_base);
		transition: top 0.5s, transform 0.5s, opacity 0.5s;
		z-index: 1;
	}
	#site-header.change-color #nav-switch .hamburger_bar,
	.subpage #site-header #nav-switch .hamburger_bar{
		background: var(--color_font_black);
	}

	#site-header #nav-switch.open .hamburger_bar:nth-child(1) {
			top: 50%;
	  	transform: translate(0%, -50%) rotate(135deg);
	  	background: #333;
	}
	#site-header #nav-switch.open .hamburger_bar:nth-child(3) {
			top: 50%;
			transform: translate(0%, -50%) rotate(-135deg);
			background: #333;
	}
	#site-header #nav-switch.open .hamburger_bar:nth-child(2) {
	  	transform: translate(50%, -50%);
	  	opacity: 0;
	}
	.overlay {
	  cursor: pointer;
	  height: 100vh;
	  left: 0;
	  opacity: 0;
	  position: fixed;
	  top: 0;
	  transition: all 0.6s;
	  visibility: hidden;
	  width: 100vw;
	  z-index: 1;
	}
	#site-header nav.open {
		transform: translateX(0);
	}
	.open .overlay{
		opacity: 1;
		visibility: visible;
		backdrop-filter: blur(40px);
	}

	#site-header .hamburger {
	  position: relative;
	  z-index: 1001;
	  width: 100%;
	}
	#site-header #nav-switch .hamburger_bar {
		width: 20px;
	}
	#site-header #nav-switch .hamburger_bar:nth-child(1) {
			top: calc(50% - 7px);
	}
	#site-header #nav-switch .hamburger_bar:nth-child(2) {
			top: 50%;
			transform: translate(0%, -50%);
			right: 20px;
	}
	#site-header #nav-switch .hamburger_bar:nth-child(3) {
			top: calc(50% + 7px);
	}
}






/* ----------
	footer
---------- */

#footer{
  color: var(--color_base);
  position: relative;
  padding-bottom: 20px;
  width: calc(100% - 40px);
  margin: auto;
}
@media (max-width: 1366px) {
	#footer{
	  padding-inline-end: calc( var(--box-padding) - var(--scrollbar-size) );
	  scrollbar-gutter: stable;
	}
}
#footer .background{
	margin: auto;
	background: var(--color_main);
	border-radius: 12px;
	height: 200px;
	display: flex;
}
.footer-body{
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
.footer-site{
	width: 203px;
	margin-left: 80px;
}
.footer-copyright{
	font-size: var(--font-size_level1);
	margin-right: 80px;
}

@media (max-width: 499px) {
	#footer{
		width: 100%;
		padding-inline-end:0;
	  padding: 0 10px 10px 10px;
	  scrollbar-gutter: auto;
	}
	#footer .background{
		border-radius: 6px;
		height: 143px;
	}
	.footer-site{
		width: 160px;
		margin: 0;
	}
	.footer-body{
		flex-wrap: wrap;
		row-gap: 30px;
		justify-content: center;
		align-content: center;
	}
	.footer-copyright{
		width: 100%;
		text-align: center;
		margin: 0;
	}
}


/* ----------
	SP bottom link
---------- */
.pagetop{
  display: none;
}
@media (max-width: 499px) {
	.pagetop{
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		z-index: 100;
		text-align: center;
		background: var(--color_etryevnt);
		text-decoration: none;
		padding: 10px 0px;
		line-height: var(--line-height1);
	}
	.pagetop a{
		display: flex;
		justify-content: center;
		column-gap: 15px;
		align-items: center;
	}
	.pagetop p{
	  line-height: 1;
	}
	.bottomlink-banner-catch{
		color: var(--color_headbtn);
		font-size: 10px;
		padding-bottom: 0px;
	}
	.bottomlink-banner-txt{
		color: var(--color_base);
		font-size: 15px;
	}
	.material-icons-round.bottomlink{
	  font-size: 14px;
	  padding: 5px;
	  color: var(--color_etryevnt);
	  background: var(--color_base);
	  border-radius: 50%;
	}
}


/* ----------
	Button
---------- */
.button{
	background: rgba(29, 46, 63, 0);
	width: 320px;
	height: 70px;
	color: var(--color_font_black);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	transition: .5s;
	text-align: center;
	border:1px solid var(--color_btn);
	position: relative;
	font-size: var(--font-size_level4);
	z-index: 1;
}
.button:before{
	content: '';
	width: 40px;
	height: 1px;
	position: absolute;
	right: -20px;
	transform: translate(0%, -50%);
/*	border-bottom: 1px solid var(--color_btn);*/
	background-color: var(--color_btn);
	transition: .5s;
}
.button:hover{
	color: var(--color_base);
}
.button:hover::before{
	right: -30px;
}
.button:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(29, 46, 63, 1);
  transform-origin: right;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.button:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}

@media (max-width: 499px) {
	.button{
		background: rgba(29, 46, 63, 0);
		font-size: var(--font-size_level42);
		width: 224px;
		height: 49px;
	}
	.button:before{
		width: 30px;
		height: 1px;
		right: -15px;
	}
	.button:hover::after {
  	transform-origin: 100% 50%;
  	transform: scaleX(0);
  }
  .button:hover{
  	color: var(--color_font_black);
  }
  .button:hover::before{
  	right: -15px;
  }
}

.button.wh{
	color: var(--color_base);
	border:1px solid var(--color_base);
}
.button.wh:before{
/*	border-bottom: 1px solid var(--color_btnwh);*/
	background-color: var(--color_btnwh);
}
.button.wh:hover{
	color: var(--color_font_black);
}
.button.wh:hover::before{
	right: -30px;
}
.button.wh:after {
  background: var(--color_base);
}

@media (max-width: 499px) {
  .button.wh:hover{
  	color: var(--color_base);
  }
  .button.wh:hover::before{
  	right: -15px;
  }
}

.button.buttonleft{
	width: 274px;
	height: 60px;
}
.button.buttonleft:before{
	left: -20px;
	right: auto;
}
.button.buttonleft:hover::before{
	left: -30px;
	right: auto;
}
.button.buttonleft:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(29, 46, 63, 1);
  transform-origin: left;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.button.buttonleft:hover::after {
  transform-origin: right;
  transform: scaleX(1);
}
@media (max-width: 499px) {
	.button.buttonleft{
		width: 160px;
		height: 35px;
	}
	.button.buttonleft:before{
		left: -15px;
		right: auto;
	}
	.button.buttonleft:hover::before{
		left: -15px;
		right: auto;
	}
	.button.buttonleft:hover::after {
	  transform-origin: left;
	  transform: scaleX(0);
	}
}




/* ----------
	CTA
---------- */








/* ----------
  スマホ版下部固定
---------- */

@media (max-width: 499px) {
	.l_btnFixed {
		width:100%;
		height: 60px;
		padding: 10px 15px 10px;
		background-color:var(--color_base);
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 100;
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: 0.3s
	}

	.l_btnFixed.is-active {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		box-shadow: 0px 0px 5px rgba(0,0,0,.15);
	}
	.l_btnFixed_tel{
		font-size: 10px;
		color: var(--color_main);
	}
	.l_btnFixed_tel .nom{
		font-size: 16px;
		line-height: var(--line-height1);
		letter-spacing: -0.05em;
	}
	.l_btnFixed_tel span:last-child{
		font-size: 23px;
	}
	.l_btnFixed_contact_button{
		width: 50%;
		padding: 15px 0;
		background: #19acd1;
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
		background-blend-mode: overlay;
		text-align: center;
		font-size: 13px;
		border-radius: 4px;
		color: var(--color_font_white);
		line-height: var(--line-height1);
	}
}









/* kv */
.kv {
	width: 100%;
/*	height: calc(MIN(MAX(((100vw * 800) / 1500), 800px), 100vh));*/
	display: flex;
	justify-content: center;
	position: relative;
}
/*.kv:after{
	content: "";
	background-image: url(img/mv_base.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 1400px;
	z-index: -1;
}*/
.kv img{
	object-fit: cover;
	z-index: -1;
}
.kv .bodywide{
	margin: auto;
	position: absolute;
	height: 100%;
	width: 100%;
}
.kv .mven{
	mix-blend-mode: overlay;
}
.mven,
.mvtit{
	margin: 0 0 0 100px;
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0;
}
.catch1.en.tit{
/*	font-size: calc(MAX(3.2vw, 48px));*/
	color: var(--color_base);
	letter-spacing: 0.02em;
	position: absolute;
	top: calc(50% + 50px);
	transform: translate(0%, -50%);
}
.catch2{
/*	font-size: calc(MAX(1.34vw, 20px));*/
	color: var(--color_mvtit);
	line-height: 1.333;
	position: absolute;
	top: calc(50% + 265px);
	transform: translate(0%, -50%);
	font-feature-settings: "palt" 1;
}
.catch3{
	font-size: 24px;
	color: var(--color_black);
	line-height: var(--line-height1);
	letter-spacing: 0.1em;
	position: absolute;
	top: calc(50% + 355px);
	transform: translate(0%, -50%);
	font-feature-settings: "palt" 1;
}


@media (max-width: 499px) {
	.kv{
/*		height: 255px;*/
/*		margin-top: 60px;
		margin-bottom: 80px;*/
		height: 500px;
		position: relative;
	}
	.kv:before{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #e1ecf6;
		z-index: -1;
	}
	.kv .bodywide{
		margin: auto;
		padding: 0;
		position: absolute;
		height: 100%;
		width: 100%;
		padding: 0 30px;
	}
	.mven,
	.mvtit{
		margin: auto;
		padding: 0;
		position: absolute;
		height: 100%;
		width: 100%;
		padding: 0 30px;
	}
	.kv img{
		object-fit: cover;
		z-index: -1;
		height: 365px;
	}
	.catch1.en.tit{
		position: absolute;
		top: auto;
		transform: translate(0%, 0%);
		bottom: 110px;
	}
	.catch2{
		line-height: 1.167;
		position: absolute;
		top: auto;
		transform: translate(0%, 0%);
		bottom: 35px;
	}
	.catch3{
		font-size: 14px;
		top: auto;
		transform: translate(0%, 0%);
		bottom: 15px;
	}
}




/* ----------
  section
---------- */


.title{
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
}
.title .en{
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translate(0%, -50%);
	z-index: -1;
}
@media (max-width: 499px) {
	.title .en{
		left: 50px;
	}
}

.section-about{
	position: relative;
	padding: 150px 0px 140px 0px;
}
.section-about:before{
	content: '';
	width: 100%;
	height: 284px;
	position: absolute;
	left: 0;
	top: 0;
	background: #e1ecf6;
	z-index: -1;
}
.section-about:after{
	content: '';
	width: 100%;
	height: 500px;
	position: absolute;
	left: 0;
	top: 284px;
	background-image: url('img/about-base.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
}
.section-about .body{
	display: flex;
	flex-wrap: wrap;
	row-gap: 160px;
}
.about-content{
	width: 100%;
	display: flex;
	column-gap: 84px;
	align-items: flex-start;
}
.about-titbtn{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	row-gap: 38px;
}
.about-txt p.top{
	line-height: var(--line-height2_5);
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_5) - var(--font-size_level4)) / 2) 0;
}
@media (max-width: 499px) {
	.section-about{
		padding: 15px 0px 75px 0px;
	}
	.section-about:before{
		height: 350px;
	}
	.section-about:after{
		height: 355px;
		left: 0;
		top: 350px;
		background-image: url('img/about-base_sp.webp');
		z-index: -1;
	}
	.section-about .body{
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 74px;
	}
	.about-content{
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.about-titbtn{
		row-gap: 20px;
	}
	.about-titbtn h3.serif{
		font-size: 17px;
		line-height: 1.412;
	}
	.about-txt p.top{
		line-height: 2.333;
		margin: calc(-1 * (var(--font-size_level4) * 2.333 - var(--font-size_level4)) / 2) 0;
	}
}

.about-ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.about-li{
	width: 380px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 40px;
}
.about-li img{
	width: 100%;
}
.about-li p{
	font-size: var(--font-size_level7);
	color: var(--color_font_black);
	line-height: var(--line-height1_5);
	text-align: center;
	margin: calc(-1 * (var(--font-size_level7) * var(--line-height1_5) - var(--font-size_level7)) / 2) 0;
}
@media (max-width: 499px) {
	.about-ul{
		flex-wrap: wrap;
		row-gap: 30px;
	}
	.about-li{
		width: 100%;
		row-gap: 20px;
	}
	.about-li img{
		width: 190px;
	}
	.about-li p{
		line-height: 1.286;
	}
}


.section-implant{
	position: relative;
	padding: 1px 0px 0px 0px;
}
.section-implant .body{
	display: flex;
	flex-wrap: wrap;
	margin-top: 460px;
}
.implant-img{
	position: absolute;
	width: 100%;
	height: 900px;
	overflow: hidden;
}
.implant-content{
	position: relative;
	padding: 100px 0 100px 208px;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 50px;
}
.implant-content:after{
	content: '';
	width: calc(100% + ((MAX(100vw, 1366px) - 100%) / 2));
	height: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	background-image: url('img/implant-img.webp');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
@media (max-width: 499px) {
	.section-implant{
		position: relative;
	}
	.implant-img{
		height: 450px;
	}
	.section-implant .body{
		margin-top: 255px;
	}
	.implant-content{
		position: relative;
		padding: 50px 0 50px 50px;
		z-index: 1;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		row-gap: 15px;
	}
	.implant-content:after{
		width: calc(100% + ((100vw - 100%) / 2));
		background-image: url('img/implant-img_sp.webp');
	}
}
.implant-tittxt{
	width: 100%;
}
.implant-tittxt h3,
.implant-tittxt p.top,
.implant-btnnum{
	color: var(--color_base);
}
.implant-tittxt .en.tit{
	color: var(--color_blue);
	margin-left: -97px;
}
.implant-tittxt h3{
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 40px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
}
.implant-tittxt p.top{
	padding-top: 36px;
	line-height: var(--line-height2);
}

.implant-btnnum{
	display: flex;
	column-gap: 54px;
	align-items: flex-end;
}
.implant-btnnum .serif{
	line-height: var(--line-height1);
}
@media (max-width: 499px) {
	.implant-tittxt h3{
		margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 19px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
	}
	.implant-tittxt .en.tit{
		margin-left: -23px;
	}
	.implant-btnnum{
		flex-wrap: wrap;
		row-gap: 21px;
	}
	.implant-btnnum .serif{
		order: -1;
	}
	.implant-tittxt p.top{
		padding-top: 25px;
	}
}

.imp-num-tit{
	font-size: 40px;
}
.imp-num-num{
	font-size: 80px;
}
.imp-num-kome{
	font-size: 16px;
}
@media (max-width: 499px) {
	.imp-num-tit{
		font-size: 20px;
	}
	.imp-num-num{
		font-size: 40px;
	}
	.imp-num-kome{
		font-size: 10px;
	}
}
.braces-btnnum span{
	color: var(--color_orng);
}



.section-braces{
	position: relative;
	padding: 200px 0px 75px 0px;
}
.section-braces .body{
	display: flex;
	align-items: center;
	column-gap: 100px;
}
@media (max-width: 499px) {
	.section-braces{
		position: relative;
		padding: 50px 0px 35px 0px;
	}
	.section-braces .body{
		flex-wrap: wrap;
		row-gap: 50px;
	}
}
.braces-content{
	position: relative;
	padding: 0px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	row-gap: 25px;
}
.braces-tittxt{
	width: 500px;
}
.braces-tittxt .en.tit{
	margin-left: -97px;
}
.braces-tittxt h3{
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 90px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
}
.braces-tittxt p.top{
	padding-top: 36px;
}

.braces-btnnum{
	display: flex;
	flex-wrap: wrap;
	row-gap: 36px;
	align-items: flex-end;
	width: 550px;
}
.braces-btnnum .serif{
	line-height: var(--line-height1);
	width: 100%;
}

.braces-img{
	position: relative;
/*	margin-left: calc(((100vw - 1360px) / 2) - ((1360px / 2) - 550px));*/
}
.braces-img img{
	width: 50vw;
	min-width: 940px;
}
@media (max-width: 499px) {
	.braces-content{
		row-gap: 16px;
		width: 100%;
	}
	.braces-tittxt{
		width: 100%;
	}
	.braces-tittxt h3{
		margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 40px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
	}
	.braces-tittxt .en.tit{
		margin-left: -36px;
	}
	.braces-tittxt p.top{
		padding-top: 19px;
	}
	.braces-btnnum{
		flex-wrap: wrap;
		row-gap: 21px;
		width: 100%;
	}
	.braces-btnnum .serif{
		order: -1;
	}
	.braces-btnnum p.top{
		padding-top: 25px;
	}
	.braces-img{
		margin-left: -30px;
	}
	.braces-img img{
		width: 100vw;
		min-width: initial;
	}
}


.section-guide{
	position: relative;
	padding: 75px 0px 75px 0px;
}
.section-guide .body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
@media (max-width: 499px) {
	.section-guide{
		position: relative;
		padding: 20px 0px 25px 0px;
	}
	.section-guide .body{
		flex-wrap: wrap;
		row-gap: 0px;
	}
}
.guide-content{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}
@media (max-width: 499px) {
	.guide-content{
		row-gap: 16px;
		width: 100%;
	}
}
.guide-txt{
	width: 100%;
	padding: 60px 0 40px 0;
}
.guide-tittxt .en.tit{
	margin-left: -70px;
	color: rgba(0, 0, 0, .1);
}
.guide-tittxt h3{
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 40px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
}
@media (max-width: 499px) {
	.guide-tittxt{
		width: 100%;
	}
	.guide-tittxt h3{
		margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 20px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
	}
	.guide-tittxt .en.tit{
		margin-left: -36px;
	}
	.guide-tittxt p.top{
		line-height: var(--line-height2);
	}
	.guide-txt{
		padding: 20px 0 30px 0;
	}
	.guide-btn.br_sp{
		margin-left: 15px;
	}
}

.guide-table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.guide-table tr{
	width: 100%;
	display: flex;
	justify-content: space-between;
	column-gap: 80px;
}
.guide-table td{
	width: 50%;
	font-size: var(--font-size_level5);
	line-height: var(--line-height1);
}
.guide-table td a{
	display: block;
	padding: 40px 0;
	border-bottom: 1px solid var(--color_btnwh);
	transition: .5s;
}
.guide-table td a:hover{
	opacity: .5;
}
@media (max-width: 499px) {
	.guide-table{
		margin-top: 20px;
	}
	.guide-table tr{
		display: block;
	}
	.guide-table td{
		width: 100%;
		display: block;
	}
	.guide-table td a{
		display: block;
		padding: 18px 20px;
	}
	.guide-table td a:hover{
		opacity: 1;
	}
}



.section-profile{
	position: relative;
	padding: 85px 0px 0px 0px;
}
.section-profile:before{
	content: '';
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ebedf1;
  background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
  z-index: -1;
}
.section-profile .body{
	display: flex;
	column-gap: 60px;
}
@media (max-width: 499px) {
	.section-profile{
		position: relative;
		padding: 20px 0px 0px 0px;
	}
	.section-profile:before{
		height: 500px;
		bottom: 0;
		left: 0;
	}
	.section-profile .body{
		flex-wrap: wrap;
		row-gap: 42px;
	}
}
.profile-img{
	width: 440px;
	display: flex;
}
.profile-img img{
	width: 390px;
}
.profile-img .serif.tate{
	color: var(--color_tate);
	font-size: 28px;
	margin-left: -25px;
	line-height: var(--line-height1_5);
	letter-spacing: 0.2em;
}
.profile-tittxt p{
	font-size: var(--font-size_level4);
}
.profile-tittxt p.top.profile-txt{
	padding-top: 25px;
	line-height: var(--line-height2);
	margin: calc(-1*(var(--font-size_level4)* var(--line-height2) - var(--font-size_level4)) / 2) 0;
}
.profile-tittxt p.top.profile-oth{
	padding-top: 55px;
	line-height: var(--line-height2_25);
	margin: calc(-1*(var(--font-size_level4)* var(--line-height2_25) - var(--font-size_level4)) / 2) 0;
}
.profile-tittxt p.top.profile-oth-span{
	padding-top: 20px;
	line-height: var(--line-height1_5);
	margin: calc(-1*(var(--font-size_level4)* var(--line-height1_5) - var(--font-size_level4)) / 2) 0;
}
@media (max-width: 499px) {
	.profile-img .serif.tate{
		font-size: 16px;
		line-height: var(--line-height1_5);
		margin-left: -10px;
		margin-top: 8px;
	}
	.profile-img{
		width: 100%;
		order: 2;
		display: flex;
		justify-content: center;
	}
	.profile-img img{
		width: 230px;
	}

	.profile-tittxt p.top.profile-txt{
		padding-top: 23px;
		font-size: var(--font-size_level3);
		line-height: var(--line-height2);
		margin: calc(-1*(var(--font-size_level3)* var(--line-height2) - var(--font-size_level3)) / 2) 0;
	}
	.profile-tittxt p.top.profile-oth{
		padding-top: 20px;
		font-size: var(--font-size_level3);
		line-height: var(--line-height2);
		margin: calc(-1*(var(--font-size_level3)* var(--line-height2) - var(--font-size_level3)) / 2) 0;
	}
	.profile-tittxt p.top.profile-oth-span{
		padding-top: 10px;
		font-size: var(--font-size_level2);
		line-height: var(--line-height1_5);
		margin: calc(-1*(var(--font-size_level2)* var(--line-height1_5) - var(--font-size_level2)) / 2) 0;
	}
}


.section-qa{
	position: relative;
	padding: 150px 0px 0px 0px;
}
.section-qa:before{
	content: '';
	width: 100%;
	height: calc(100% - (((MAX(100vw, 1366px) - 200px) * 9) / 34) / 2);
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color_backgray);
  z-index: -1;
}
.section-qa .body{
	display: flex;
	flex-wrap: wrap;
	row-gap: 60px;
}
@media (max-width: 499px) {
	.section-qa{
		position: relative;
		padding: 50px 0px 0px 0px;
	}
	.section-qa .body{
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.section-qa:before{
		height: 100%;
	}
}
.qa-content{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}
@media (max-width: 499px) {
	.qa-content{
		row-gap: 25px;
		width: 100%;
		flex-wrap: wrap;
	}
}
.qa-txt{
	width: 100%;
	padding: 60px 0 40px 0;
}
.qa-tittxt .en.tit{
	margin-left: -70px;
	color: rgba(0, 0, 0, .1);
}
.qa-tittxt h3{
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 40px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
}
@media (max-width: 499px) {
	.qa-tittxt{
		width: 100%;
	}
	.qa-tittxt h3{
		margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 17px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
	}
	.qa-tittxt .en.tit{
		margin-left: -36px;
	}
	.qa-tittxt p.top{
		line-height: var(--line-height2);
	}
	.qa-txt{
		padding: 20px 0 30px 0;
	}
	.qa-btn{
		margin-left: 15px;
	}
}

.qa-item{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
}
.qa-item1{
	width: 100%;
	background: var(--color_base);
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 23px;
}

.qa-item1-q,
.qa-item1-a{
	display: flex;
	column-gap: 24px;
}
.qa-item1-q .en,
.qa-item1-a .en{
	font-size: var(--font-size_level9);
	line-height: var(--line-height1);
}
.qa-item1-q .en{
	color: #ff9900;
}
.qa-item1-a .en{
	color: #b8b8b8;
}
.qa-item1-q-tit{
	font-size: var(--font-size_level6);
	margin-top: 6px;
	line-height: var(--line-height1);
	letter-spacing: 0.02em
}
.qa-item1-a-txt{
	font-size: var(--font-size_level4);
	margin-top: 2px;
	line-height: var(--line-height1_5);
	letter-spacing: 0.02em;
}
@media (max-width: 499px) {
	.qa-item{
		row-gap: 10px;
	}
	.qa-item1{
		width: 100%;
		background: initial;
		row-gap: 22px;
		position: relative;
		padding: 22px 0;
		z-index: 2;
	}
	.qa-item1:before{
		content: '';
		position: absolute;
		top: 0;
		left: -30px;
		width: 100vw;
		height: 100%;
		background: var(--color_base);
		z-index: -1;
	}
	.qa-item1-q,
	.qa-item1-a{
		column-gap: 12px;
		font-size: var(--font-size_level10);
	}
	.qa-item1-q-tit{
		font-size: var(--font-size_level5);
		margin-top: 2px;
	}
	.qa-item1-a-txt{
		margin-top: -2px;
	}
}

.section-qa .bodywide{
	margin-top: 160px;
	padding: 0px 100px;
	max-width: initial;
}
@media (max-width: 499px) {
	.section-qa .bodywide{
		margin-top: 50px;
		padding: 0px 0px;
	}
	.section-qa .bodywide img{
		width: 100vw;
		margin-left: 0px;
	}
}



.section-clinic{
	position: relative;
	padding: 200px 0px 140px 0px;
}
.section-clinic .body{
	display: flex;
	align-items: center;
	justify-content: space-between;
/*	column-gap: 263px;*/
}
@media (max-width: 499px) {
	.section-clinic{
		position: relative;
		padding: 75px 0px 75px 0px;
	}
	.section-clinic .body{
		flex-wrap: wrap;
		row-gap: 50px;
	}
}
.clinic-content{
	position: relative;
	padding: 0px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	row-gap: 80px;
	width: 530px;
}
.clinic-tittxt .button{
	margin-top: 50px;
}
.clinic-tittxt .en.tit{
	margin-left: -64px;]
	color: rgba(0, 0, 0, .1);
}
.clinic-tittxt h3{
	margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 40px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
}
.clinic-tittxt p.top{
	padding-top: 36px;
}

.clinic-img{
	position: relative;
/*	margin-left: calc((1280px - (530px + 263px)) - 800px);*/
	margin-left: calc((1280px - MAX(100vw, 1366px)) / 2);
}
.clinic-img img{
/*	max-width: 800px;*/
/*	min-width: 800px;*/
	width: calc(MAX(42vw, 573px));
}
@media (max-width: 499px) {
	.clinic-content{
		row-gap: 50px;
		width: 100%;
	}
	.clinic-tittxt .button{
		margin-top: 30px;
	}
	.clinic-tittxt{
		width: 100%;
	}
	.clinic-tittxt h3{
		margin: calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2 - 16px) 0 calc(-1 * (var(--font-size_level4) * var(--line-height2_25) - var(--font-size_level4)) / 2);
	}
	.clinic-tittxt .en.tit{
		margin-left: -36px;
	}
	.clinic-tittxt p.top{
		padding-top: 19px;
	}
	.braces-btnnum{
		flex-wrap: wrap;
		row-gap: 21px;
		width: 100%;
	}
	.clinic-img{
		display: none;
	}
}

.clinic-table{
	width: 100%;
}
.clinic-table a{
	display: flex;
	position: relative;
	transition: .5s;
	height: 150px;
	flex-wrap: wrap;
	align-content: center;
}
.clinic-table a:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0%, -50%);
	background-image: url(img/deco_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 20px;
	transition: .5s;
}
.clinic-table td{
	display: block;
	border-bottom: 1px solid var(--color_btnwh);
	letter-spacing: 0.02em;
}
.clinic-table td:first-child{
	border-top: 1px solid var(--color_btnwh);
}
.clinic-table a:hover{
	opacity: .5;
}
.clinic-table a:hover:after{
	opacity: .5;
}
@media (max-width: 499px) {
	.clinic-table a{
		height: 75px;
	}
	.clinic-table a:hover{
		opacity: 1;
	}
	.clinic-table a:hover:after{
		opacity: 1;
	}
	.clinic-table a:after{
		right: 0px;
		width: 6px;
		height: 11px;
	}
	.clinic-table td{
		position: relative;
		border-bottom: 0px solid var(--color_btnwh);
	}
	.clinic-table td:first-child{
		border-top: 0px solid var(--color_btnwh);
	}
	.clinic-table td:before{
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: calc(100% + 30px);
		height: 1px;
		border-bottom: 1px solid var(--color_btnwh);
	}
	.clinic-table td:first-child:after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: calc(100% + 30px);
		height: 1px;
		border-top: 1px solid var(--color_btnwh);
	}
}

.clinic-table-tit{
	width: 100%;
	font-size: var(--font-size_level4);
	line-height: 1.375;
}
.clinic-table-tit-name{
	width: 100%;
	font-size: var(--font-size_level6);
	line-height: 1.6;
}
.clinic-table-address{
	width: 100%;
	font-size: var(--font-size_level3);
	line-height: 2.286;
}
@media (max-width: 499px) {
	.clinic-table-tit{
		font-size: var(--font-size_level1);
		line-height:1.2;
	}
	.clinic-table-tit-name{
		font-size: var(--font-size_level6);
		line-height:1.5;
	}
	.clinic-table-address{
		font-size: var(--font-size_level1);
		line-height:1.2;
	}
}




/* ----------
  Sub
---------- */
.sub-kv{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 200px;
	margin-bottom: 140px;
}
.sub-kv-body{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.sub-kv .en.tit{
	font-size: 90px;
	color: var(--color_font_black);
	margin-bottom: -40px;
	margin-top: -30px;
	margin-right: 100px;
	text-align: right;
	z-index: 2;
}
.sub-kv h4.serif{
	margin-left: 100px;
}
.sub-kv img{
	height: 500px;
	width: calc(100% - 40px);
	object-fit: cover;
	margin: auto;
}
@media (max-width: 1366px) {
	.sub-kv img{
	  padding-inline-end: calc( var(--box-padding) - var(--scrollbar-size) );
	  scrollbar-gutter: stable;
	}
}
@media (max-width: 499px) {
	.sub-kv{
		margin-top: 90px;
		margin-bottom: 77px;
	}
	.sub-kv-body{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sub .en.tit{
		width: 100%;
		font-size: 45px;
		margin-bottom: -15px;
		margin-top: 20px;
		margin-right: 30px;
	}
	.sub-kv h4.serif{
		margin-left: 30px;
	}
	.sub-kv img{
		height: 375px;
		object-fit: cover;
		margin: 0;
		width: 100%;
		padding-inline-end:0;
		padding: 0 10px;
		scrollbar-gutter: auto;
	}
	.sub-kv h3{
		position: absolute;
		top: calc(107px + 60px);
		left: 25px;
		transform: translate(0%, 0%);
		text-align: center;
		letter-spacing: 0;
	}
	.qa_director .sub-kv h3,
	.qa_deputy-director .sub-kv h3{
		width: 150px;
		text-align: left;
		line-height: 1.208;
	}
}


.sub-clinic{
	position: relative;
}
.sub-clinic.clinic-kitaageo{
	padding: 0 0 50px 0;
}
.sub-clinic.clinic-kitaageo-saitama{
	padding: 50px 0;
}
.sub-clinic.clinic-kitaageo-peak{
	padding: 50px 0 100px 0;
}
.sub-clinic.clinic-kujira{
	padding: 100px 0 150px 0;
}

.sub-clinic.clinic-kujira:before{
	content: '';
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #f7f9fa;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
}
.sub-clinic .body{
	display: flex;
	align-items: center;
}
.sub-clinic.clinic-kitaageo .body,
.sub-clinic.clinic-kujira .body{
	column-gap: 100px;
}
.sub-clinic.clinic-kitaageo-saitama .body,
.sub-clinic.clinic-kitaageo-peak .body{
	column-gap: 150px;
}
.sub-clinic.clinic-kitaageo .sub-clinic-img img,
.sub-clinic.clinic-kujira .sub-clinic-img img{
	width: 590px;
}
.sub-clinic.clinic-kitaageo-saitama .sub-clinic-img img,
.sub-clinic.clinic-kitaageo-peak .sub-clinic-img img{
	width: 640px;
}
.sub-clinic.clinic-kitaageo-saitama .sub-clinic-img img{
/*	margin-top: 15px;*/
}
.sub-clinic.clinic-kitaageo-peak .sub-clinic-img img{
/*	margin-bottom: 25px;*/
}
@media (max-width: 499px) {
	.sub-clinic.clinic-kitaageo{
		padding: 0 0 33px 0;
	}
	.sub-clinic.clinic-kitaageo-saitama{
		padding: 32px 0;
	}
	.sub-clinic.clinic-kitaageo-peak{
		padding: 40px 0 75px 0;
	}
	.sub-clinic.clinic-kujira{
		padding: 75px 0 75px 0;
	}
	.sub-clinic.clinic-kujira:before{
		height: 200px;
	}
	.sub-clinic .body{
		flex-wrap: wrap;
	}
	.sub-clinic.clinic-kitaageo .body,
	.sub-clinic.clinic-kujira .body,
	.sub-clinic.clinic-kitaageo-saitama .body,
	.sub-clinic.clinic-kitaageo-peak .body{
		row-gap: 40px;
	}
	.sub-clinic.clinic-kitaageo .sub-clinic-img,
	.sub-clinic.clinic-kitaageo-peak .sub-clinic-img{
		order: 2;
	}
	.sub-clinic.clinic-kitaageo .sub-clinic-img img,
	.sub-clinic.clinic-kujira .sub-clinic-img img{
		width: 100%;
	}
	.sub-clinic.clinic-kitaageo-saitama .sub-clinic-img img,
	.sub-clinic.clinic-kitaageo-peak .sub-clinic-img img{
		width: 100%;
		padding: 0 15px;
		margin: 0;
	}
}
.sub-clinic-cont{
	display: block;
}
@media (max-width: 499px) {
	.sub-clinic-cont{
		width: 100%;
	}
}
.sub-clinic-cont-button{
	display: flex;
	justify-content: flex-start;
	column-gap: 40px;
}
.sub-clinic.clinic-kitaageo .sub-clinic-cont-button .button,
.sub-clinic.clinic-kujira .sub-clinic-cont-button .button{
	width: 250px;
}
.sub-clinic.clinic-kitaageo .sub-clinic-cont-button,
.sub-clinic.clinic-kujira .sub-clinic-cont-button{
	margin-left: 20px;
}
.sub-clinic.clinic-kitaageo .sub-clinic-cont-logo,
.sub-clinic.clinic-kujira .sub-clinic-cont-logo,
.sub-clinic.clinic-kitaageo .sub-clinic-cont-address,
.sub-clinic.clinic-kujira .sub-clinic-cont-address,
.sub-clinic.clinic-kitaageo .sub-clinic-cont-tel,
.sub-clinic.clinic-kujira .sub-clinic-cont-tel{
	margin-left: 10px;
}
.sub-clinic-cont-map{
	width: 400px;
	height: 400px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	margin: auto;
}
.sub-clinic-cont-map iframe{
	width: 400px;
	height: 730px;
	margin-top: -150px;
	border-radius: 50%;
}
.sub .gm-style .place-card-large{
	display: none;
}
.sub-clinic.clinic-kitaageo .sub-clinic-cont-logo{
	width: 300px;
}
.sub-clinic.clinic-kitaageo-saitama .sub-clinic-cont-logo,
.sub-clinic.clinic-kitaageo-peak .sub-clinic-cont-logo{
	width: 253px;
}
.sub-clinic.clinic-kujira .sub-clinic-cont-logo{
	width: 263px;
}
.sub-clinic.clinic-kitaageo .sub-clinic-cont-logo,
.sub-clinic.clinic-kujira .sub-clinic-cont-logo{
	margin: 80px 0 20px 0;
}
.sub-clinic-cont-calendar{
	width: 590px;
	margin: 50px 0 0px 0;
}
.sub-clinic-cont-calendar-tr{
	border:0px;
	border-bottom: 1px solid var(--color_btnwh);
	letter-spacing: -0.02em;
	line-height: var(--line-height1);
}
.sub-clinic-cont-calendar-th{
	padding: 22px 30px 22px 15px;
	text-align: left;
	color: #333;
	font-size: var(--font-size_level3);
}
.sub-clinic-cont-calendar-td{
	padding: 22px 40px 22px 0px;
	font-size: var(--font-size_level4);
}
.sub-clinic-cont-calendar-td:last-child{
	padding: 22px 28px 22px 0px;
}
.sub-clinic-cont-calendar-td.hyphen{
	color: var(--color_btnwh);
	font-size: var(--font-size_level5);
}
.sub-clinic-cont-calendar-tr:nth-child(n+2) .sub-clinic-cont-calendar-th{
	color:#00303c;
}
.sub-clinic-cont-calendar-tr:first-child .sub-clinic-cont-calendar-td{
	color: #666;
	font-size: var(--font-size_level4);
}
.sub-clinic-cont-calendar-tr:first-child .sub-clinic-cont-calendar-th,
.sub-clinic-cont-calendar-tr:first-child .sub-clinic-cont-calendar-td{
	padding-top: 0;
}
.sub-clinic-cont-calendar-tr:first-child .sub-clinic-cont-calendar-td.holiday{
	color: #ff6600;
}
@media (max-width: 499px) {
	.sub-clinic-cont-calendar-th{
		padding: 10px 45px 10px 0px;
		font-size: var(--font-size_level1);
	}
	.sub-clinic-cont-calendar-td{
		padding: 10px 17px 10px 0px;
		font-size: var(--font-size_level1);
	}
	.sub-clinic-cont-calendar-td:last-child{
		padding: 10px 15px 10px 0px;
	}
	.sub-clinic-cont-calendar-tr:first-child .sub-clinic-cont-calendar-td{
		font-size: var(--font-size_level1);
	}
	.sub-clinic-cont-calendar-td.hyphen{
		font-size: var(--font-size_level1);
	}
}
.sub-clinic-cont-calendar-kome{
	font-size: var(--font-size_level3);
	color: #333;
	margin: 23px 0 37px 15px;
}
@media (max-width: 499px) {
	.sub-clinic-cont-calendar-kome{
		font-size: var(--font-size_level1);
		margin: 10px 0 30px 0
	}
}

.sub-clinic-cont-tel{
	margin-top: 30px;
}
@media (max-width: 499px) {
	.sub-clinic-cont-button{
		flex-wrap: wrap;
		row-gap: 15px;
	}
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-button .button,
	.sub-clinic.clinic-kujira .sub-clinic-cont-button .button{
		width: 220px;
	}
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-logo,
	.sub-clinic.clinic-kujira .sub-clinic-cont-logo,
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-address,
	.sub-clinic.clinic-kujira .sub-clinic-cont-address,
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-button,
	.sub-clinic.clinic-kujira .sub-clinic-cont-button,
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-tel,
	.sub-clinic.clinic-kujira .sub-clinic-cont-tel{
		margin-left: 0px;
	}
	.sub-clinic-cont-map{
		width: 200px;
		height: 200px;
	}
	.sub-clinic-cont-map iframe{
		width: 200px;
		height: 430px;
		margin-top: -100px;
	}
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-logo{
		width: 160px;
	}
	.sub-clinic.clinic-kitaageo-saitama .sub-clinic-cont-logo,
	.sub-clinic.clinic-kitaageo-peak .sub-clinic-cont-logo{
		width: 126px;
	}
	.sub-clinic.clinic-kujira .sub-clinic-cont-logo{
		width: 131px;
	}
	.sub-clinic.clinic-kitaageo .sub-clinic-cont-logo,
	.sub-clinic.clinic-kujira .sub-clinic-cont-logo{
		margin: 32px 0 9px 0;
	}
	.sub-clinic-cont-calendar{
		width: 100%;
		margin: 25px 0 0px 0;
	}
	.sub-clinic-cont-tel{
		margin-top: 20px;
	}
}

.sub-clinic-cont-tel p{
	color: #333;
	font-size: var(--font-size_level3);
}
.sub-clinic-cont-tel a p{
	color: var(--color_btn);
	font-size: var(--font-size_level6);
}
.sub-clinic-cont-tel a p span{
	font-size: 36px;
	vertical-align: middle;
	line-height: var(--line-height1);
}
@media (max-width: 499px) {
	.sub-clinic-cont-tel a p{
		font-size: var(--font-size_level5);
	}
	.sub-clinic-cont-tel a p span{
		font-size: 24px;
	}
}

.sub-clinic.clinic-kitaageo-saitama .sub-clinic-cont-logo,
.sub-clinic.clinic-kitaageo-peak .sub-clinic-cont-logo{
	margin: 0px 0 20px 0;
}
.clinic-kitaageo-saitama .sub-clinic-cont-txt{
	padding: 48px 0;
}
.clinic-kitaageo-peak .sub-clinic-cont-txt{
	padding: 40px 0 48px 0;
}
@media (max-width: 499px) {
	.sub-clinic.clinic-kitaageo-saitama .sub-clinic-cont-logo,
	.sub-clinic.clinic-kitaageo-peak .sub-clinic-cont-logo{
		margin: 0px 0 10px 0;
	}
	.clinic-kitaageo-saitama .sub-clinic-cont-txt,
	.clinic-kitaageo-peak .sub-clinic-cont-txt{
		padding: 25px 0 20px 0;
	}
}




/* ----------
  Slideshow
---------- */
.d-demo__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: calc((100vw - 410px) / 3);
  position: absolute;
  top: -6%;
}
.d-demo__wrap:nth-child(1){
	left: 410px;
}
.d-demo__wrap:nth-child(2){
	left: calc((100vw - 410px) / 3 + 410px);
}
.d-demo__wrap:nth-child(3){
	left: calc((100vw - 410px) / 3 * 2 + 410px);
}
.d-demo__wrap ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: calc((100vw - 410px) / 3);
}
.d-demo__wrap ul:first-child {
  animation: slide1 200s -100s linear infinite;
}
 
.d-demo__wrap ul:last-child {
  animation: slide2 200s linear infinite;
}

.d-demo__wrap:nth-child(2) ul:first-child {
  animation: slide3 200s -100s linear infinite;
}
 
.d-demo__wrap:nth-child(2) ul:last-child {
  animation: slide4 200s linear infinite;
}

.d-demo__wrap li {
  display: inline-block;
  width: 100%;
  min-width: 125px;
  list-style: none;
  text-align: center;
}
@media (max-width: 1000px) {
	.d-demo__wrap:nth-child(3){
		display: none;
	}
	.d-demo__wrap:nth-child(1){
		width: calc((100vw - 410px) / 2);
	}
	.d-demo__wrap:nth-child(2){
		width: calc((100vw - 410px) / 2);
		left: calc((100vw - 410px) / 2 + 410px);
	}
	.kv .d-demo__wrap img{
		width: calc((100vw - 410px) / 2);
	}
}
@media (max-width: 499px) {
	.d-demo__wrap ul {
	  width: 100vw;
	}
	.d-demo__wrap:nth-child(3){
		display: none;
	}
	.d-demo__wrap:nth-child(1){
		width: calc(100vw / 2);
		left: 0px;
	}
	.d-demo__wrap:nth-child(2){
		width: calc(100vw / 2);
		left: 50%;
	}
	.kv .d-demo__wrap img{
		width: calc(100vw / 2);
	}
	.d-demo__wrap li {
	  text-align: left;
	}
}


@keyframes slide1 {
    0% {
        transform: translateY(100%);
    }
 
    to {
        transform: translateY(-100%);
    }
}
 
@keyframes slide2 {
    0% {
        transform: translateY(0);
    }
 
    to {
        transform: translateY(-200%);
    }
}



@keyframes slide3 {
	0% {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(100%);
	}
}
@keyframes slide4 {
	0% {
		transform: translateY(-200%);
	}
	to {
		transform: translateY(0);
	}
}




.d-demo__wrap_life {
  position: relative;
  display: flex;
  width: 100vw;
  margin-bottom:10px;
}
.d-demo__wrap_life:before{
	content: '';
	display: block;
	background:rgba(0, 0, 0, .65);
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.d-demo__wrap_life ul {
  padding: 0;
  display: flex;
  flex-shrink: 0;
}
.d-demo__wrap_life ul:first-child {
  animation: slide_life1 180s -90s linear infinite;
}
 
.d-demo__wrap_life ul:last-child {
  animation: slide_life2 180s linear infinite;
}
.d-demo__wrap_life:hover ul {
  animation-play-state: paused;
}
.d-demo__wrap_life li {
  display: inline-block;
  width: 100%;
  min-width: 125px;
  margin-right: -60px;
  list-style: none;
  text-align: center;
}
@media (max-width: 499px) {
	.d-demo__wrap_life li {
		margin-right: 10px;
	}
}

@keyframes slide_life1 {
    0% {
        transform: translateX(100%);
    }
 
    to {
        transform: translateX(-100%);
    }
}
 
@keyframes slide_life2 {
    0% {
        transform: translateX(0);
    }
 
    to {
        transform: translateX(-200%);
    }
}




/* ----------
  slick_Slideshow
---------- */
.slide-items {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
/*  margin: 100px auto;*/
}
.slide-arrow {
  background-color: rgba(0,0,0,0);
  bottom: 0;
  height: auto;
  margin-top: 60px;
  position: absolute;
  top: 100%;
  width: auto;
}
@media (max-width: 499px) {
	.slide-items {
	  margin: 20px auto 35px;
	}
	.slide-arrow {
		margin-top: 30px;
	}
}

.prev-arrow {
  left: calc((100vw - MIN((100vw - 150px), 1590px)) / 2 + 90px);
  padding-left: 20px;
  display: none;
}
.next-arrow {
  left: calc((100vw - MIN((100vw - 150px), 1590px)) / 2 + 90px);
  padding-left: 75px;
  display: none;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
}
ul.slick-initialized li.slick-slide {
  transition: .3s;
}
.slide-items .works_thum{
	width: 100%;
}


.slick-prev:before,
.slick-next:before {
  color: var(--color_font_black);
}

.slick-dots {
  position: absolute;
  bottom: 20%;
  left: 50%;
  display: flex;
  transform: translate(-50%, -50%);
}
@media (max-width: 499px) {
	.slick-dots {
		margin-top: 55px;
	}
}
.slick-dots{
  text-align: center;
}
.slick-dots li{
    display: inline-block;
    margin: 0 12px;
}
.slick-dots li button{
      position: relative;
      text-indent: -9999px;
}
.slick-dots li button:before{
        content: '';
        font-size: 20px;
        text-indent: 0px;
        position: absolute;
        top: 0;
        left: 0;
        background: #d0383d6e;
        border-radius: 50%;
        width: 10px;
        height: 10px;
}
.slick-dots li.slick-active button:before{
	content: '';
	background: var(--color_accent2);
}

.slide-items li .day,
.slide-items li .category{
	width: auto;
	padding: 0px var(--space8);
}
.slide-items li .title{
	padding-top: var(--space8);
}
.slide-items li .title p{
	font-size:var( --font-size_level9);
}
.slide-items li .text{
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.slide-items li .category{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--color_accent_ver2);
	margin: 35px 0 25px 0;
}
.slide-items li .category p{
	font-size:14px;
}
@media (max-width: 499px) {
	.slide-items li .title{
		padding: 5px 15px 0 15px;
	}
	.slide-items li .title p{
		font-size:18px;
	}
}
.slide-items li .category:before{
	border-top: 1px solid var(--color_accent_ver2);
  content: "";
  width: 17px;
  display: inline-block;
  margin: 7px 10px 5px 0;
}
.slide-items li .category .material-symbols-outlined{
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	color: var(--color_accent_ver2);
	font-size: 18px;
	margin-right: 5px;
}
@media (max-width: 499px) {
	.slide-items li .text .button_a{
		margin-right:20px;
	}
}














/* ----------
  modal window
---------- */

.modal, .modal1, .modal2, .modal3, .modal4, .modal5, .modal6, .modal7 {
  width: calc(1000px - 20px);
/*  height: 90%;*/
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  display: none;
  z-index:10;
  padding: 20px 5px;
}
@media (max-width: 499px) {
	.modal, .modal1, .modal2, .modal3, .modal4, .modal5, .modal6, .modal7 {
  	width: 90%;
  	z-index:1000;
  }
}
.modal-close__wrap {
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (max-width: 499px) {
	.modal-close__wrap {
	  right: 10px;
	  top: 10px;
	}
}
.modal-close {
  background: transparent;
  border-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 28px;
  display: block;
  height: 28px;
}

.modal-close span {
  position: relative;
  width: 100%;
  height: 1px;
  background: #333;
  display: block;
}

.modal-close span:nth-child(1) {
  transform: rotate(45deg);
}

.modal-close span:nth-child(2) {
  transform: rotate(-45deg);
}
.overlay_modal {
    background-color: #000;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    opacity: 0;
    transition: all 0.6s;
    visibility: hidden;
    width: 100vw;
    z-index: 1;
}
.open1 .overlay_modal {
  opacity: 0.5;
    visibility: visible;
}
.modal.open1, .modal1.open1, .modal2.open1, .modal3.open1, .modal4.open1, .modal5.open1, .modal6.open1, .modal7.open1 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.sub .modal_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 10px;
}
.sub .modal_flex img{
	width:40%;
	margin-bottom:20px;
}
.sub .modal_flex_flex{
	display: flex;
	align-items: flex-start;
	width:50%;
	margin-left:20px;
}
.sub .modal_flex .modal_item{
	width:20%;
}
.sub .modal_flex .modal_item_out{
	width:80%;
	margin-left:10px;
}
.sub .modal_flex li{
	width:100%;
	padding: 5px 0;
}
.sub .modal_flex p{
	text-align: left;
}
.sub .modal_flex .modal_item .b{
	color:#737373;
}
.sub .bg_color{
	font-weight:600;
	background: #d1d1d1;
}
@media (max-width: 499px) {
	.sub .modal_flex .modal_item{
		width:30%;
	}
	.sub .modal_flex img{
		width:50%;
		margin-bottom:20px;
		margin: 0 auto;
	}
	.sub .modal_flex_flex{
		width:100%;
		margin-left:0px;
		margin-bottom:20px;
	}
}




.page404{
	padding: 200px 0 160px 0;
}
.page404 .bodywide{
	display: flex;
	margin-bottom: 150px;
}
.page404 .body{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 0px;
	text-align: center;
}
.page404_title,
.page404_text{
	width: 100%;
	line-height: var(--line-height1);
}
.page404_text{
	padding: 45px 0 40px 0;
}
.page404_title .tit1{
	font-size: var(--font-size_level13);
	line-height: var(--line-height1);
	letter-spacing: -0.02em;
}
.page404_title .tit2{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -0.02em;
}
.page404_title .tit3{
	font-size: var(--font-size_level7);
	margin-top: 25px;
}
.page404_text .txt1{
	font-size: 32px;
	padding-bottom: 30px;
}
.page404_text .txt2{
	font-size: 16px;
}
@media (max-width: 499px) {
	.page404{
		padding: 90px 0 75px 0;
	}
	.page404 .bodywide{
		margin-bottom: 50px;
	}
	.page404_text{
		padding: 25px 0 30px 0;
	}
	.page404_title .tit2{
		font-size: 15px;
	}
	.page404_text .txt1{
		padding-bottom: 15px;
	}
	.page404_text .txt2{
		font-size: var(--font-size_level2);
	}
	.page404_title .tit3{
		margin-top: 10px;
	}
	.page404 .button{
		width: 160px;
		height: 35px;
		font-size: var(--font-size_level1);
	}
}







.sub-section-contact{
	margin-top: 130px;
	padding: 110px 0 100px 0;
}
.contact-complete .sub-section-contact{
	padding: 110px 0 370px 0;
}
.sub-section-contact .body{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 38px;
}
@media (max-width: 499px) {
	.sub-section-contact,
	.contact-complete .sub-section-contact{
		margin-top: 60px;
		padding: 50px 0 50px 0;
	}
	.sub-section-contact .body{
		row-gap: 30px;
	}
}
.sub .contact{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 80px 40px 0 40px;
}
.contact-tit{
	width: 100%;
	margin-bottom: 25px;
}
.contact-tit h5{
	text-align: center;
	color: var(--color_main);
	font-size: 28px;
}
.cntct-line{
	display: flex;
	justify-content: space-between;
	width: 344px;
}
.cntct-line1,
.cntct-line2{
	width: 48px;
	height: 48px;
	color: var(--color_base);
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	position: relative;
}
.cntct-line1{
	background: #eef1f6;
}
.cntct-line2{
	background: var(--color_main);
}
.cntct-line1:before {
	content: "";
	width: calc(350px / 2);
	position: absolute;
	height: 4px;
	background: #eef1f6;
	z-index: -1;
	right: 1px;
}
.cntct-line1:first-child:before{
	display: none;
}
.cntct-line1.cntct-line2:before {
	background: var(--color_main);
}

.contact-txt{
	width: 100%;
	text-align: center;
	line-height: var(--line-height2);
	margin: calc(-1*(var(--font-size_level3)* var(--line-height2) - var(--font-size_level3)) / 2) 0;
}
.contact-txt .red{
	color: #cc0033;
}
.contact-txt .blgr{
	color: #009999;
}
.contact-txt .pnk{
	color: #f33377;
}

.sub-section-contact .button4 {
  margin: auto;
  display: block;
}
.sub-section-contact .contact-complete-btn{
	margin-top: 60px;
	width: 100%;
}

@media (max-width: 499px) {
	.sub .contact{
		padding: 50px 25px 0px 25px;
		justify-content: flex-start;
	}
	.contact-tit{
		margin-bottom: 20px;
	}
	.cntct-line{
		width: 100%;
		padding: 0 18px;
	}
	.cntct-line1,
	.cntct-line2{
		width: 40px;
		height: 40px;
		font-size: 23px;
	}
	.cntct-line1:before {
		width: calc((100vw - 50px) / 2 - 10px);
		height: 3px;
	}
	.contact-txt{
		text-align: left;
		line-height: 1.615;
	}
	.contact-tit h5{
		font-size: 20px;
	}
	.sub-section-contact .contact-complete-btn{
		margin-top: 30px;
	}
}