:root{
	--gothic: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	--english: "Lato", "Noto Sans JP",sans-serif;
	--mincho:"Noto Serif JP", serif;
	--cardo: "Cardo","Noto Serif JP", serif;
	--c-main: #3D4E61;
	--c-bg-01: #F2F8FF;
	--c-bg-02: #F4F1E2;
	--c-bg-03: #F9F8F6;
	--c-accent-01: #DFEEFF;
	--c-accent-02: #ACA269;
}

html{
	scroll-padding-top: 100px;
}

body{
	background-color: var(--c-bg-01);
	color: #333;
	font-family: var(--gothic);
	font-size: 1.6rem;
	position: relative;
}

body::before{
	background-image: url("../img/common/bg_fixed.webp");
	background-size: cover;
	content: "";
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

table{
	width: 100%;
}

p{
	line-height: 1.6em;
}

a{
	color: #333;
	transition: 0.2s;
}

::before,
::after{
	background-repeat: no-repeat;
	transition: 0.2s;
}

.inner{
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
	width: calc(100% - 6rem);
}

.english{
	font-family: var(--english);
}

.mincho{
	font-family: var(--mincho);
}

.center{
	text-align: center;
}

.bold{
	font-weight: 700;
}

.bg_white{
	background-color: #fff;
}

.bg_01{
	background-color: var(--c-bg-01);
}

.bg_02{
	background-color: var(--c-bg-02);
}

.bg_03{
	background-color: var(--c-bg-03);
}

.flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 3rem;}
.mb-40{margin-bottom: 4rem;}
.mb-50{margin-bottom: 5rem;}
.mb-60{margin-bottom: 6rem;}
.mb-70{margin-bottom: 7rem;}
.mb-80{margin-bottom: 8rem;}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	html{
		scroll-padding-top: 70px;
	}
	
	.inner{
		width: calc(100% - 30px);
	}
	
	
}


/*===============================================

header

================================================*/
header{
	align-items: center;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 10px 0 10px 15px;
	position: sticky;
	top: 0;
	transition: 0.2s;
	width: 100%;
	z-index: 100;
}

.global_menu,
.header_menu{
	align-items: center;
	display: flex;
}

.global_menu .logo{
	padding-right: 1px;
	max-width: clamp(17.1rem,13.54vw,26.1rem);
	width: 100%;
}

.global_menu > ul{
	align-items: center;
	display: flex;
}

.global_menu > ul >li{
	font-size: 1.8rem;
	margin-left: clamp(1.5rem,2.6vw,5rem);
	position: static;
}

.global_menu > ul >li > a,
.global_menu > ul >li > span{
	cursor: pointer;
	position: relative;
}

.global_menu > ul >li > a:hover,
.global_menu > ul >li:hover > span{
	color: var(--c-accent-02);
}

.header_menu .language{
	border: 1px solid #ccc;
	border-radius: 5px;
	flex-shrink: 0;
	height: 3.3rem;
    margin-right: clamp(1rem,1.67vw,3.2rem);
	padding: 2px 1rem;
	position: relative;
	width: clamp(14rem,9.11vw,17.5rem);
}

.header_menu .language::before{
	background-image: url("../img/common/icon_language.svg");
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1.4em;
	vertical-align: middle;
	position: relative;
	top: -2px;
	width: 1.4em;
}

.header_menu .language::after{
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	content: '';
	height: 0.5rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
	transform: rotate(135deg);
	width: 0.5rem;
}

.header_menu .language ul{
	background-color: #fff;
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1;
}

.header_menu .language ul li{
	border-top: 1px solid #ccc;
}

.header_menu .language ul li a{
	display: block;
	padding: 0.5rem 1rem;
}
.header_menu .language ul li:hover a{
	background-color: var(--c-bg-01);
}

.header_menu .language ul.is-open{
	display: block;
}

.header_menu .tel_box{
	flex-shrink: 0;
	margin-right: clamp(1rem,0.94vw,1.8rem);
}

.header_menu .tel_box .tel{
	color: var(--c-main);
	font-family: var(--english);
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4em;
}

.header_menu .tel_box .tel span{
	border: 1px solid var(--c-main);
	border-radius: 12px;
	display: inline-block;
	font-size: clamp(1.3rem,0.78vw,1.5rem);
	font-weight: 400;
	line-height: 1.5em;
	margin-right: 1rem;
	padding: 0 1.4rem;
	position: relative;
	top: -2px;
	vertical-align: middle;
}

.header_menu .tel_box .hour{
	font-size: 1.4rem;
	text-align: center;
}

.header_menu .yoyaku,
.header_menu .search{
	align-items: center;
	border-left: 1px solid #ccc;
	display: flex;
	font-size: 1.6rem;
	flex-flow: column;
	flex-shrink: 0;
	min-width: 9rem;
	padding: 0 clamp(0.7rem,0.83vw,1.6rem);
	justify-content: center;
}

.header_menu .yoyaku img,
.header_menu .search img{
	height: 3rem;
	margin-bottom: 1.5rem;
	width: 3rem;
}

.global_menu > ul > li > span.is-open::before,
.header_menu > .line > span.is-open::before{
	border: 3rem solid transparent;
	border-bottom: 3rem solid #fff;
	content: "";
	margin-top: 1rem;
	margin-left: 0rem;
	position: absolute;
	transform: translateX(-50%);
	top: 100%;
	left: 50%;
}

.header_menu > .line > span.is-open::before{
	transform: none;
	margin-top: -0.5rem;
	margin-left: 0;
	left: 0;
}

.mega_menu{
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	display: none;
	max-width: 1200px;
	justify-content: space-between;
	padding: 5rem 3rem;
	position: absolute;
	top: calc(100% + 3rem);
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 3rem);
}

.mega_menu a:hover{
	color: var(--c-accent-02) !important;
}

.mega_menu .left_box{
	width: 23%;
}

.mega_menu .left_box a,
.mega_menu .left_box > span{
	color: var(--c-main);
	font-size: 2.3rem;
	font-weight: 500;
	padding-left: 3rem;
}

.mega_menu .left_box > span{
	padding-left: 0;
}

.mega_menu  .right_box{
	width: 75%;
}

.mega_menu  .right_box a.list{
	border-bottom: 1px solid var(--c-main);
	color: var(--c-main);
	display: block;
	font-weight: 500;
	font-size: 2rem;
	margin-top: 5rem;
	margin-bottom: 2rem;
	padding-bottom: 1.8rem;
	padding-left: 3rem;
}

.mega_menu .right_box .item:first-of-type a.list{
	margin-top: 0;
}

.mega_menu  .right_box ul{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 5%;
}


.mega_menu  .right_box ul li{
	width: 30%;
}

.mega_menu  .right_box .item:not(:has(.list)) ul:last-child{
    margin-top: 20px;
}

.mega_menu .right_box ul li a{
	border-bottom: 1px solid #ccc;
	display: block;
	padding-right: 3rem;
	padding-bottom: 2rem;
}

.mega_menu  .right_box a.list::before,
.mega_menu .right_box ul li a::before,
.mega_menu .left_box a::before{
	border: 1px solid var(--c-main);
	border-radius: 999px;
	content: "";
	height: 2rem;
	position: absolute;
	bottom: 2rem;
	right: 0;
	width: 2rem;
}

.mega_menu  .right_box a.list::before,
.mega_menu .left_box a::before{
	top: 0.5rem;
	bottom: auto;
	left: 0;
	right: auto;
}

.mega_menu  .right_box a.list::after,
.mega_menu .right_box ul li a::after,
.mega_menu .left_box a::after{
	background-image: url("../img/common/arrow-blue_short.svg");
	background-size: contain;
	content: "";
	height: 0.5rem;
	position: absolute;
	bottom: 2.8rem;
	right: 0.6rem;
	width: 0.9rem;
}

.mega_menu  .right_box a.list::after,
.mega_menu .left_box a::after{
	top: 1.4rem;
	bottom: auto;
	left: 0.6rem;
	right: 0;
}

.mega_menu.is-open{
	display: flex;
}

.menu-overlay{
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.hamburger_btn,
.hamburger_menu{
	display: none;
}

.header_menu > .line{
	cursor: pointer;
}

.header_menu > .line > span{
	pointer-events: none;
	position: relative;
}

.header_menu > .line .line_menu{
	left: auto;
	right: 1.5rem;
	padding: 3rem;
	transform: none;
	text-align: center;
	width: 334px;
}

.header_menu > .line .line_menu.is-open{
	display: block;
}

.header_menu > .line .line_menu .area{
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 3rem;
}

.header_menu > .line .line_menu .link_btn a{
	padding-right: 1.5rem;
}

.header_menu > .line .line_menu .link_btn a:hover{
	color: #4CC764 !important;
}

.header_menu > .line .line_menu .link_btn a::after{
	display: none;
}

/*-- ↓ under 1600px ↓ -----------------------------*/
@media screen and (max-width:1600px){
	.global_menu > ul >li{
		margin-left: 3rem;
	}
	
	.header_menu .yoyaku,
	.header_menu .search{
		min-width: 8rem;
		padding: 0 0.7rem;
	}
	
	.hamburger_btn{
		border-left: 1px solid #ccc;
		cursor: pointer;
		display: none;
		height: 6.8rem;
		min-width: 9rem;
		position: relative;
	}
	
	.hamburger_btn > div{
		height: 3rem;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 3rem;
	}
	
	.hamburger_btn > div::after{
		content: "\30E1\30CB\30E5\30FC";
		position: absolute;
		top: calc(100% + 1.4rem);
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		width: 8.5rem;
	}
	.hamburger_btn.is-open > div::after{
		content: "\9589\3058\308B";
	}
	
	.hamburger_btn span{
		background-color: var(--c-main);
		height: 2px;
		position: absolute;
		left: 0.2rem;
		transition: 0.2s;
		width: 2.4rem;
	}
	
	.hamburger_btn span:nth-child(1){
		top: 0.7rem;
	}
	.hamburger_btn span:nth-child(2){
		top: 1.5rem;
	}
	.hamburger_btn span:nth-child(3){
		top: 2.3rem;
	}
	
	.hamburger_btn.is-open span{
		left: 0.2rem;
	}
	
	.hamburger_btn.is-open span:nth-child(1){
		transform: rotate(45deg);
		top: 1.5rem;
	}
	.hamburger_btn.is-open span:nth-child(2){
		opacity: 0;
	}
	.hamburger_btn.is-open span:nth-child(3){
		transform: rotate(-45deg);
		top: 1.5rem;
	}
	
	.hamburger_menu{
		background-color: var(--c-bg-01);
		display: block;
		height: 100%;
		overflow-x: scroll;
		position: fixed;
		top: 0;
		right: 0;
		transition: 0.4s;
		transform: translateX(100%);
		width: 100%;
		z-index: 55;
	}
	
	.hamburger_menu {
	  -ms-overflow-style: none;
	  scrollbar-width: none;
	}
	.hamburger_menu::-webkit-scrollbar {
	  display: none;
	}
	
	.hamburger_menu.is-open{
		transform: translateX(0);
	}
	
	
	.hamburger_menu > ul{
		background-color: #fff;
		padding-top: 10rem;
		margin-bottom: 3rem;
	}
	
	.hamburger_menu ul li a:hover{
		text-decoration: underline;
	}
	
	.hamburger_menu > ul > li.accordion,
	.hamburger_menu > ul > li > a{
		background-image : linear-gradient(to right, #ccc 2px, transparent 2px);
		background-repeat: repeat-x;
		background-position: left bottom;
		background-size: 4px 1px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 2.7rem;
		padding-left: 4.5rem;
		padding-bottom: 2.7rem;
		width: calc(100% - 4rem);
	}
	
	
	.hamburger_menu > ul > li.accordion::before,
	.hamburger_menu > ul > li > a::before{
		border: 1px solid var(--c-main);
		border-radius: 999px;
		content: "";
		height: 3rem;
		position: absolute;
		top: 2.5rem;
		left: 0;
		width: 3rem;
	}
	
	.hamburger_menu > ul > li.accordion::after,
	.hamburger_menu > ul > li > a::after,
	.hamburger_menu > ul > li.accordion .level_02 a::after{
		background-image: url("../img/common/arrow-blue_short.svg");
		background-size: contain;
		content: "";
		height: 0.8rem;
		position: absolute;
		top: 3.7rem;
        left: 0.8rem;
		width: 1.6rem;
	}
	
	
	.hamburger_menu > ul > li.accordion span{
		display: block;
		padding-bottom: 2.7rem;
		pointer-events: none;
	}
	
	.hamburger_menu > ul > li.accordion{
		cursor: pointer;
		padding-left: 0;
		padding-bottom: 0;
	}
	
	.hamburger_menu > ul > li.accordion > span{
		padding-left: 4.5rem;
		position: relative;
	}
	
	.hamburger_menu > ul > li.accordion > span::before{
		background-image: url("../img/common/icon_plus.svg");
		background-size: contain;
		content: "";
		height: 3rem;
		position: absolute;
		top: -1.2rem;
		right: 20px;
		width: 3rem;
	}
	.hamburger_menu > ul > li.accordion.is-open > span::before{
		transform: rotate(45deg);
	}

	.hamburger_menu > ul > li.accordion > span::after{
		content: "\958B\304F";
		font-size: 1.4rem;
		text-align: center;
		position: absolute;
		top: 2.2rem;
		right: 0;
		width: 65px;
	}
	.hamburger_menu > ul > li.accordion.is-open > span::after{
		content: "\9589\3058\308B";
	}
	
	.hamburger_menu > ul > li.accordion .level_02{
		display: none;
		margin-left: 1.5rem;
	}
	
	.hamburger_menu > ul > li.accordion .level_02 a{
		background-image : linear-gradient(to right, #ccc 2px, transparent 3px);
		background-repeat: repeat-x;
		background-position: left bottom;
		background-size: 4px 1px;
		font-size: 1.5rem;
		display: block;
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 3.5rem;
	}
	
	.hamburger_menu > ul > li.accordion .level_02 a::after{
		top: 1.8rem;
	}
	
	.hamburger_menu > ul > li.accordion .level_03{
		margin-left: 2.5rem;
	}

	.hamburger_menu .btn_box {
		display: flex;
		gap: 1.0rem;
		justify-content: center;
	}
	
	.hamburger_menu .btn_box .link_btn{
		width: 48%;
	}
	
	.hamburger_menu .btn_box a,
	.inner_contents .line a{
		padding-right: 1.5rem !important;
	}
	.hamburger_menu .btn_box a::after,
	.inner_contents .line a::after{
		display: none;
	}

	.hamburger_menu .clinic {
		margin-bottom: 4.0rem;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: calc(100% - 4rem);
	}

	.hamburger_menu .clinic + .clinic {
	  border-top: 1px solid #d1dee7;
	  margin-top: 4.0rem;
	  padding-top: 4.0rem;
	}

	.hamburger_menu .clinic .area,
	.bottom_menu .inner_contents .clinic .area{
	  color: #333;
		font-size: 2rem;
	  font-weight: 500;
	  margin-bottom: 2rem;
	}

	.hamburger_menu .clinic .hour {
	  color: #666;
	  margin-bottom: 1.5rem;
	}

	.hamburger_menu .clinic > a[href^="tel"],
	.bottom_menu .inner_contents .clinic > a[href^="tel"]{
	  align-items: center;
	  background-color: #fff;
	  border: 1px solid #2c5076;
	  border-radius: 50px;
	  color: #2c5076;
	  display: flex;
	  font-family: var(--english);
	  font-size: 3rem;
	  font-weight: bold;
	  justify-content: center;
	  margin: 0 auto 1rem;
	  max-width: 32rem;
	  padding: 1.2rem 3rem 1.2rem 1rem;
	  position: relative;
	  text-decoration: none;
	}

	.hamburger_menu .clinic > a[href^="tel"]::after,
	.bottom_menu .inner_contents  .clinic > a[href^="tel"]::after{
	  border-right: 2px solid #2c5076;
	  border-top: 2px solid #2c5076;
	  content: "";
	  height: 0.8rem;
	  position: absolute;
	  right: 1.5rem;
	  top: 50%;
	  transform: translateY(-50%) rotate(45deg);
	  width: 0.8rem;
	}

	.hamburger_menu .clinic > a[href^="tel"]::before,
	.bottom_menu .inner_contents  .clinic > a[href^="tel"]::before{
	  background-image: url("../img/common/icon_tel.svg");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  content: "";
	  height: 3.2rem;
	  margin-right: 0.8rem;
	  width: 3.2rem;
	}

	.hamburger_menu .icon_btn {
		display: flex;
		flex-wrap: wrap;
		gap: 1.0rem;
		justify-content: flex-start;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4.0rem;
		width: calc(100% - 4rem);
	}

	.hamburger_menu .icon_btn a {
	  align-items: center;
	  background-color: #fff;
	  border: 1px solid #d1d1d1;
	  border-radius: 6px;
	  display: flex;
	  font-size: 1.4rem;
	  flex-direction: column;
	  gap: 0.8rem;
	  justify-content: center;
	  padding: 1.5rem 0.5rem;
	  text-align: center;
	  text-decoration: none;
	  width: calc(25% - 0.8rem);
	}
	
	.hamburger_menu .icon_btn a:hover{
		opacity: 0.5;
	}

	.hamburger_menu .icon_btn a:nth-child(n+4) {
	  margin-top: 0.1rem;
	}

	.hamburger_menu .icon_btn a img {
	  height: 2.4rem;
	  width: 2.4rem;
	}

	.hamburger_menu .icon_btn a span {
	  color: #2c5076;
	  display: block;
	  font-weight: bold;
	}
	
	.hamburger_menu .link_btn.web a::before{
		background-image: url("../img/common/icon_mobile-white.svg");
	}
	.hamburger_menu .link_btn.web a:hover::before{
		background-image: url("../img/common/icon_mobile-blue.svg");
	}
	
	.hamburger_menu .sns_box {
	  align-items: center;
		background-color: #fff;
	  display: flex;
	  gap: 3rem;
	  justify-content: center;
	  margin-top: 4rem;
	  padding-top: 2rem;
	  padding-bottom: 2rem;
	}

	.hamburger_menu .sns_box a {
	  display: block;
	}

	.hamburger_menu .sns_box a:hover{
	  opacity: 0.7;
	}

	.hamburger_menu .sns_box img {
	  height: 3.2rem;
	  width: 3.2rem;
	}
}

/*-- ↓ under 1460px ↓ -----------------------------*/
@media screen and (max-width:1460px){
	.global_menu .main_menu{
		display: none;
	}
	
	.header_menu > .line{
		display: none;
	}
	
	.hamburger_btn{
		display: block;
	}
	
	.hamburger_menu{
		width: 45%;
	}
	
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	header{
		border-bottom: 1px solid #ccc;
		padding-bottom: 0;
	}
	
	
	header .header_menu .search,
	header .hamburger_btn,
	header .header_menu .language{
		font-size: 1rem;
		height: 6.8rem;
		min-width: 6rem;
		padding-bottom: 0.8rem;
	}
	
	header .header_menu .language{
		align-items: center;
		border: none;
		border-left: 1px solid #ccc;
		border-radius: 0;
		display: flex;
		flex-flow: column;
		flex-shrink: 0;
		justify-content: center;
		margin-right: 0;
		order: 1;
		padding: 0 clamp(0.7rem, 0.83vw, 1.6rem) 0.8rem;
		position: static;
		width: auto;
	}
	
	header .header_menu .language::before,
	header .header_menu .search img{
		height: 3.2rem;
		margin-bottom: 0.6rem;
		width: 3.2rem;
	}
	
	header .header_menu .language::after{
		display: none;
	}
	
	header .header_menu .language ul{
		font-size: 1.4rem;
		display: block;
		position: absolute;
		top: 100%;
		transition: 0.4s;
		transform: translateX(-100%);
		width: 100%;
	}
	
	header .header_menu .language ul.is-open{
		transform: translateX(0);
	}
	
	.header_menu .language ul li a{
		color: var(--c-main);
		padding: 1.5rem 1rem;
	}
	
	.header_menu .language ul li a[target="_blank"]::after{
		background-image: url("../img/common/icon_target.svg");
		background-size: contain;
		content: "";
		display: inline-block;
		height: 1em;
		margin-left: 0.5rem;
		vertical-align: middle;
		width: 1em;
	}
	
	.hamburger_btn{
		width: 6rem;
	}
	
	.hamburger_btn > div{
		margin-top: 0.2rem;
	}
	
	.hamburger_btn > div::after{
		top: calc(100% + 0.9rem);
		width: 5.5rem;
	}
	
	header .hamburger_btn{
		order: 2;
	}
	
	.hamburger_menu{
		width: 100%;
	}
}

/*===============================================

パンくず

================================================*/
.breadcrumb{
	background-color: #fff;
	padding-top: 3.3rem;
    padding-bottom: 7.6rem;
	position: relative;
	z-index: 2;
}

.breadcrumb a{
	color: var(--c-main);
	margin-right: 3.5rem;
	text-decoration: underline;
}

.breadcrumb a:hover{
	opacity: 0.7;
}

.breadcrumb a::after{
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	content: '';
	height: 8px;
	position: absolute;
	right: -2.2rem;
	top: 0.8rem;
	transform: rotate(45deg);
	width: 8px;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.breadcrumb{
		padding-top: 2rem;
        padding-bottom: 3.3rem;
	}
	
	.breadcrumb a{
		font-size: 1.4rem;
		margin-right: 2rem;
	}
	.breadcrumb span{
		font-size: 1.4rem;
	}
	
	.breadcrumb a::after{
		top: 0.7rem;
		right: -1.4rem;
	}
}


/*===============================================

footer

================================================*/

.contact_parts {
	background-image: url("../img/common/bg_contact-parts.webp");
	background-size: cover;
	padding-top: 10rem;
	padding-bottom: 10rem;
	position: relative;
	z-index: 2;
}

.contact_parts::before{
	background-color: rgba(255,255,255,0.4);
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.contact_parts .inner{
	align-items: center;
	background-color:#fff;
	border-radius: 10px;
	display: flex;
	max-width: 1440px;
	justify-content: space-between;
	padding: 7rem 5rem;
	position: relative;
	z-index: 3;
}

.contact_parts p{
	color: var(--c-main);
	font-size: clamp(2rem,2vw,3.2rem);
	font-weight: 500;
	width: 35%;
}

.contact_parts .btn_box{
	width: 62%;
}

.contact_parts .btn_box .link_btn{
	width: 48%;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.contact_parts{
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.contact_parts .inner{
		padding: 3.5rem 3rem;
	}
	
	.contact_parts .inner,
	.contact_parts .btn_box{
		flex-wrap: wrap;
		text-align: center;
	}
	
	.contact_parts .btn_box a{
		margin-left: auto;
		margin-right: auto;
	}
	
	.contact_parts p,
	.contact_parts .btn_box,
	.contact_parts .btn_box .link_btn{
		width: 100%;
	}
	
	.contact_parts p{
		margin-bottom: 3rem;
	}
	
	.contact_parts .btn_box .link_btn:first-child{
		margin-bottom: 1.8rem;
	}
}


footer{
	background-color: #fff;
	padding-top: 8rem;
	padding-bottom: 5rem;
	position: relative;
	z-index: 1;
}

footer .f_info{
	align-items: center;
}

footer .sns_box{
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 0 3rem;
}


footer .sns_box a{
	transition: opacity 0.3s;
	text-align: center;
}

footer .sns_box a:hover{
  opacity: 0.7;
}

footer .sns_box a img{
	height: 5rem;
	width: 5rem;
}

footer .sns_box a span{
	font-weight: 700;
	margin-top: 5px;
}

footer .fnav_over .menu{
	margin-top: 6rem;
	width: 48%;
}

footer .fnav_over .menu_title,
footer .fnav_over ul.level_01 > li > a,
footer .fnav_under a{
	padding-left: 3rem;
}

footer .fnav_over a:hover,
footer .fnav_under a:hover{
	text-decoration: underline;
}

footer .fnav_over .menu_title::before,
footer .fnav_over ul.level_01 > li > a::before,
footer .fnav_under a::before{
	background-color: var(--c-main);
	border-radius: 999px;
	content: "";
	height: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 2rem;
}

footer .fnav_over .menu_title::after,
footer .fnav_over ul.level_01 > li > a::after,
footer .fnav_under a::after{
	background-image: url("../img/common/arrow-white_short.svg");
	background-size: contain;
	background-position: center center;
	content: "";
	height: 0.5rem;
	position: absolute;
	top: 0.7rem;
    left: 0.5rem;
	width: 1rem;
}


footer .fnav_over .menu .menu_title{
	border-bottom: 1px solid var(--c-main);
	color: var(--c-main);
	display: block;
	font-size: 2.5rem;
	font-weight: 500;
	padding-bottom: 2.5rem;
	width: 100%;
}

footer .fnav_over .menu .menu_title::before{
	top: 1rem;
}
footer .fnav_over .menu .menu_title::after{
	top: 1.7rem;
}

footer .fnav_over .menu:not(:first-child){
	align-content: flex-start;
	display: flex;
	gap: 0;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .fnav_over .menu:not(:first-child) ul.level_01{
	width: 62%;
}
footer .fnav_over .menu:not(:first-child) ul.level_01:last-of-type{
	width: 32%;
}

footer .fnav_over ul.level_01 > li > a,
footer .fnav_under a{
	font-weight: 500;
	font-size: 1.8rem;
}

footer .fnav_over ul.level_01 > li > a::before,
footer .fnav_under a::before{
	top: 0.4rem;
}
footer .fnav_over ul.level_01 > li > a::after,
footer .fnav_under a::after{
	top: 1.1rem;
}

footer .fnav_over .menu:first-of-type ul{
	display: flex;
	gap: 1%;
	flex-wrap: wrap;
}

footer .fnav_over .menu:first-of-type ul li{
	width: 32%;
}

footer .fnav_over .menu .level_01,
footer .fnav_over .menu:first-of-type ul li a{
	margin-top: 2rem;
}

footer .fnav_over .menu:not(:first-child) ul.level_01:first-of-type ul.level_02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .fnav_over .menu:not(:first-child) ul.level_01:first-of-type ul.level_02 li{
	width: 49%;
}

footer .fnav_over .level_02 li a{
	margin-top: 2rem;
	padding-left: 3rem;
}
footer .fnav_over ul.level_02 li a::before{
	background-image: url("../img/common/arrow-blue_short.svg");
	background-size: contain;
	content: "";
	height: 0.8rem;
	position: absolute;
	top: 1rem;
    left: 0.5rem;
	width: 1.6rem;
}

.fnav_under{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 7rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
}


footer .copyright{
	padding-top: 6rem;
	text-align: center;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	footer{
		padding-top: 5rem;
		padding-bottom: 7rem;
	}
	
	footer .inner{
		width: 100%;
	}
	
	footer .f_info{
		justify-content: center;
	}
	
	footer .sns_box{
		gap: 2.5rem 3rem;
		justify-content: center;
		margin-top: 4rem;
		margin-bottom: 4rem;
		width: 80%;
	}
	
	footer .sp_nav .fnav_sp a{
		border-bottom: 1px solid var(--c-main);
		color: var(--c-main);
		display: block;
		font-size: 1.8rem;
		font-weight: 500;
		padding: 1.5rem;
		padding-right: 3rem;
	}
	
	footer .sp_nav .fnav_sp a::after{
		background-image: url("../img/common/arrow-blue.svg");
		background-position: center;
		background-size: contain;
		content: "";
		height: 0.8rem;
		position: absolute;
		top: 50%;
		right: 1.5rem;
		vertical-align: middle;
		transform: translateY(-50%);
		width: 2.6rem;
	}
	
	footer .sp_nav .sinmple{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	footer .sp_nav .sinmple li{
		margin-top: 1em;
		width: 48%;
	}
	footer .sp_nav .sinmple li:nth-child(2n){
		width: 40%;
	}
	footer .sp_nav .sinmple li:nth-child(2n+1){
		width: 60%;
	}
	
	footer .sp_nav .sinmple li a{
		font-size: 1.4rem;
	}
	
	footer .copyright{
		font-size: 1.4rem;
		padding-top: 2rem;
	}
	
}

div.medical_info{
	padding-top: 5rem;
	position: relative;
}

div.medical_info .access_item{
	border-top: 1px solid #ccc;
}

div.medical_info .access_item:not(:last-child){
	border-right: 1px solid #ccc;
}
.medical_info hgroup{
	margin-bottom: 4.7rem;
	text-align: center;
}

.medical_info hgroup h2{
	color: var(--c-main);
	font-size: clamp(2.5rem,2.5vw,4rem);
	font-weight: 500;
}

.medical_info hgroup .english{
	color: var(--c-accent-02);
	font-size: clamp(1.5rem,1.25vw,2rem);
	margin-top: clamp(0.5rem,0.63vw,1rem);
}

.medical_info .inner > .attention{
	border: 1px solid #D00000;
	border-radius: 25px;
	color: #D00000;
	font-size: 2rem;
	font-weight: 500;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
	padding: 1rem 0;
	text-align: center;
	width: 280px;
}

.medical_info .access_item{
	width: 50%;
}

.medical_info .access_item .access_inner{
	display: flex;
	flex-flow: column;
	font-size: 1.8rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 660px;
	padding-top: 8rem;
	padding-bottom: 8rem;
	width: calc(100% - 6rem);
}

.medical_info .access_item.tokyo .access_inner{
 justify-content: space-between;
}

.medical_info .access_item .access_inner .block{
	border-top: 1px solid #ccc;
	margin-top: 3rem;
	padding-top: 3rem;
	position: relative;
}

.medical_info .access_item .access_inner h3{
	color: var(--c-main);
	font-size: clamp(2rem, 2vw, 3.2rem);
	font-weight: 500;
	margin-bottom: 3rem;
}

.medical_info .access_item .access_inner h4{
	color: var(--c-main);
	font-size: clamp(1.8rem, 1.56vw, 2.5rem);
	font-weight: 400;
	margin-bottom: 2rem;
}

.medical_info .access_item .access_inner .tel{
	color: var(--c-main);
	font-family: var(--english);
	font-size: 5rem;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 5px;
}

.medical_info .access_item .access_inner .tel::before{
	background-image: url("../img/common/icon_tel.svg");
	background-size: contain;
	background-position: center;
	content: "";
	display: inline-block;
	height: 5rem;
	margin-right: 1.5rem;
	position: relative;
	top: 0.5rem;
	width: 5rem;
}

.medical_info .access_item .access_inner .link_btn{
	padding-right: 15px;
	margin-top: 3rem;
	width: 48%;
}

.medical_info .access_item .access_inner .link_btn a{
	padding-right: 1.5rem;
}


.medical_info .access_item .access_inner .link_btn a.web::before{
	background-image: url("../img/common/icon_mobile-white.svg");
}
.medical_info .access_item .access_inner .link_btn a.web:hover::before{
	background-image: url("../img/common/icon_mobile-blue.svg");
}

.medical_info .access_item .access_inner .link_btn a::after{
	display: none;
}

.medical_info .access_item .access_inner table{
	margin-bottom: 2rem;
	min-height: 180px;
}

.medical_info .access_item .access_inner table thead{
	border-bottom: 2px solid var(--c-main);
}

.medical_info .access_item .access_inner table tbody tr{
	border-bottom: 1px solid #aaa;
}

.medical_info .access_item .access_inner table th,
.medical_info .access_item .access_inner table td{
	color: var(--c-main);
	font-size: 1.8rem;
	height: 6rem;
	text-align: center;
	width: 11%;
}

.medical_info .access_item .access_inner table th{
	font-weight: 400;
}

.medical_info .access_item .access_inner table tr td:not(:first-child){
	font-size: 2.2rem;
	font-weight: bold;
}

.medical_info .access_item .access_inner table tr th:first-child,
.medical_info .access_item .access_inner table tr td:first-child{
	text-align: left;
	font-weight: 400;
	width: 23%;
}

.medical_info .access_item .attention_box .attention{
	padding-left: 1.8em;
	position: relative;
}

.attention.red{
	text-align: center;
}

.attention::before,
.attention.red span::before{
	background-image: url("../img/common/icon_exclamation.svg");
	background-size: cover;
	content: "";
	display: inline-block;
	height: 1.5em;
	margin-right: 5px;
	position: relative;
	top: -0.2rem;
	vertical-align: middle;
	width: 1.5em;
}

.attention.red span{
	background-color: #fff;
	border: 1px solid #d00000;
	border-radius: 999px;
	color: #d00000;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 5rem;
	padding: 1.5rem;
	text-align: center;
}

.attention.red::before{
	display: none;
}

.attention.red span::before{
	background-image: url("../img/common/icon_exclamation.svg");
}

.medical_info .access_item .attention_box .attention::before{
	position: absolute;
	top: 0;
	left: 0;
}

.medical_info .access_item .access_inner .map_link{
	color: var(--c-main);
	position: absolute;
	top: 3.5rem;
	right: 0;
	text-align: right;
}

.medical_info .access_item .access_inner .map_link span{
	border-bottom: 1px solid var(--c-main);
	padding-bottom: 1rem;
}

.medical_info .access_item .access_inner .map_link span::after{
	background-image: url("../img/common/icon_target.svg");
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1em;
	margin-left: 0.8rem;
	vertical-align: middle;
	width: 1em;
}

.medical_info .access_item .access_inner .map iframe{
	width: 100%;
}

.medical_info .access_item .access p{
	margin-top: 2rem;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	div.medical_info .access_item{
		border: none !important;
	}	
	
	.medical_info .access_item{
		width: 100%;
	}
	
	.medical_info .inner > .attention{
		font-size: 1.6rem;
		margin-bottom: 3rem;
		width: 24rem;
	}
	
	.medical_info .link_box .link_btn{
		margin-bottom: 4rem;
		width: 50%;
	}
	
	.medical_info .link_box .link_btn a{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0.5rem;
		width: 90%;
	}
	
	.medical_info .link_box .link_btn a::after{
		background-image: none;
		border-top: solid 2px #000000;
		border-right: solid 2px #000000;
		content: '';
		height: 8px;
		margin-top: -10px;
		position: absolute;
		top: 50%;
		right: 2rem;
		transform: rotate(135deg) translateY(-50%);
		width: 8px;
	}
	
	.medical_info .access_item .access_inner{
		padding-top: 3.5rem;
		padding-bottom: 4.5rem;
		text-align: center;
		width: calc(100% - 3rem);
	}
	
	.medical_info .access_item .access_inner h3{
		font-size: 2.2rem;
	}
	
	.medical_info .access_item .access_inner h4{
		font-size: 2rem;
	}
	
	.medical_info .access_item .access_inner .block{
		padding-top: 2.5rem;
	}
	
	.medical_info .access_item .access_inner .tel{
		font-size: 4rem;
	}
	
	.medical_info .access_item .access_inner .tel::before{
		background-size: contain;
		height: 3.2rem;
		margin-right: 1rem;
		top: 0.2rem;
		width: 3.2rem;
	}
	
	.medical_info .access_item .access_inner .link_btn{
		margin-top: 1.5rem;
		padding-right: 0;
		width: 100%;
	}
	
	.medical_info .access_item .access_inner table{
		min-height: 1px;
	}
	
	.medical_info .access_item .access_inner table th,
	.medical_info .access_item .access_inner table td{
		font-size: 1.4rem;
	}
	
	.medical_info .access_item .access_inner table tr th:first-child,
	.medical_info .access_item .access_inner table tr td:first-child{
		width: 24%;
	}
	
	.medical_info .access_item .access_inner table tr td:not(:first-child){
		font-size: 1.8rem;
	}
	
	.medical_info .access_item .attention_box .attention{
		font-size: 1.5rem;
		text-align: left;
	}
	
	.medical_info .access_item .access h4,
	.medical_info .access_item .access p{
		text-align: left;
	}
	
	.medical_info .access_item .access_inner .map_link{
		top: 2.5rem;
	}
	
	.medical_info .access_item .access_inner .map iframe{
		height: 23rem;
	}
}


#page_top{
	height: 60px;
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	width: 60px;
	z-index: 10;
}

#page_top a{
	background-color: var(--c-main);
	border: 2px solid var(--c-main);
	border-radius: 999px;
	height: 100%;
	width: 100%;
}
#page_top a:hover{
	background-color: var(--c-bg-01);
}

#page_top a::before{
	background-image: url(../img/common/arrow-white_short.svg);
    content: "";
    height: 8px;
    margin-top: -12px;
    margin-left: -4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(-90deg) translate(-50%, -50%);
    width: 16px;
}

#page_top a:hover::before{
	background-image: url(../img/common/arrow-blue_short.svg);
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	#page_top{
		height: 40px;
		bottom: 60px;
		width: 40px;
	}
}

/*===============================================

共通パーツ

================================================*/
/*------------------------------
固定メニュー
------------------------------*/
.fixed_menu{
	background-color: #fff;
	border-radius: 5px 0 0 5px;
	border: 1px solid #ccc;
	padding: 7px;
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	text-align: center;
	width: 80px;
	z-index: 10;
}


.fixed_menu a{
	font-size: 1.25rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	width: 100%;
}

.fixed_menu a:hover{
	background-color: var(--c-bg-01);
}

.fixed_menu a:not(:last-child){
	background-image : linear-gradient(to right, #ccc 2px, transparent 2px);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 4px 1px;
}

.fixed_menu a img{
	height: 3.2rem;
	margin-left: auto;
	margin-right: auto;
	width: 3.2rem;
}

.bottom_menu{
	display: flex;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 50;
}

.bottom_menu .link{
	width: 33.3%;
}

.bottom_menu .link{
	border: 1px solid #fff;
	color: #fff;
	height: 5rem;
	text-align: center;
	padding: 0.9rem;
}

.bottom_menu .link::before{
	background-size: contain;
	content: "";
	display: inline-block;
	height: 3.2rem;
	margin-right: 0.5rem;
	position: relative;
	top: -0.2rem;
	vertical-align: middle;
	width: 3.2rem;
}

.bottom_menu .link.tel{
	background-color: var(--c-main);
}
.bottom_menu .link.tel::before{
	background-image: url("../img/common/icon_tel-white.svg")
}

.bottom_menu .link.web{
	background-color: var(--c-accent-02);
}
.bottom_menu .link.web::before{
	background-image: url("../img/common/icon_mail-white.svg")
}

.bottom_menu .link.line{
	background-color: #4CC764;
}
.bottom_menu .link.line::before{
	background-image: url("../img/common/icon_line.svg");
}

.bottom_menu .inner_contents{
	background-color: var(--c-bg-01);
	color: #333;
	padding-top: 3.8rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 7rem;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.3s;
	transform: translateY(120%);
	width: 100%;
	z-index: -1;
}

.bottom_menu .inner_contents.is-open{
	transform: translateY(0);
}

.bottom_menu .inner_contents .close_btn{
	background-color: #fff;
	color: var(--c-main);
	font-size: 1.4rem;
	height: 7rem;
	padding-top: 4rem;
	position: absolute;
	pointer-events: none;
	bottom: 100%;
	right: 0;
	text-align: center;
	width: 7rem;
}

.bottom_menu .inner_contents .close_btn::before{
	background-image: url("../img/common/icon_plus.svg");
	background-size: contain;
	background-position: center;
	content:"";
	height: 3.2rem;
	position: absolute;
	top: 1.1rem;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 3.2rem;
}

.bottom_menu .inner_contents .clinic{
	margin-bottom: 2rem;
}


/*------------------------------
ツールチップ
------------------------------*/
.global_tooltip_box {
    background-color: #FFF6B1;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    display: none;
    font-size: 1.6rem;
    font-weight: 400;
    min-width: 25rem;
	transition: none !important;
    padding: 1.4rem;
    position: absolute;
    z-index: 999999;
}

.global_tooltip_box::before {
    border: 15px solid transparent;
    border-top: 15px solid #FFF6B1;
    content: "";
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
    left: var(--arrow_left, 50%);
    margin-left: -15px;
	transition: none !important;
    position: absolute;
    top: 99%;
    z-index: -1;
}

.tooltip {
    border-bottom: 2px dashed var(--c-main);
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.2s;
}

.tooltip.is-finished {
    border-bottom: 2px solid transparent !important;
    cursor: default;
}

.tooltiptext {
    display: none !important;
}


/*------------------------------
ボタン
------------------------------*/
.link_btn{
	cursor: pointer;
}

.link_btn.center a{
	margin-left: auto;
	margin-right: auto;
}

.link_btn a,
.link_btn.detail_link{
	align-items: center;
	background-color: var(--c-main);
	border: 1px solid var(--c-main);
	border-radius: 5px;
	color: #fff;
	display: flex;
	font-size: 1.8rem;
	font-weight: 500;
	justify-content: center;
	max-width: 360px;
	padding:  3rem 20px;
	position: relative;
	text-align: center;
	transition: 0.2s;
	width: 100%;
}

.link_btn a:hover,
.link_btn.white a,
.link_btn.detail_link:hover,
.link_btn.detail_link.white{
	background-color: #fff;
	color: var(--c-main);
}

.link_btn.white a:hover,
.link_btn.detail_link.white:hover{
	background-color: var(--c-main);
	color: #fff;
}

.link_btn.detail_link::before,
.link_btn.detail_link::after{
	background-color: var(--c-main);
	content: "";
	height: 2px;
	position: absolute;
	top: 50%;
	right: 1.5rem;
	width: 3rem;
}
.link_btn.detail_link::after{
	transform: rotate(90deg);
}

.link_btn.detail_link:hover::before,
.link_btn.detail_link:hover::after{
	background-color: #fff;
}

 .link_btn a::after{
	background-image: url("../img/common/arrow-white.svg");
	background-position: center;
	background-size: contain;
	content: "";
	height: 0.8rem;
	margin-left: auto;
	vertical-align: middle;
	width: 2.6rem;
}

.link_btn a:hover::after,
.link_btn.white a::after{
	background-image: url("../img/common/arrow-blue.svg");
}

.link_btn.white a:hover::after{
	background-image: url("../img/common/arrow-white.svg");
}

.link_btn.target a[target="_blank"]::after{
	background-image: url("../img/common/icon_target-white.svg");
	height: 2.4rem;
	width: 2.6rem;
}

.link_btn.target a[target="_blank"]:hover::after{
	background-image: url("../img/common/icon_target.svg");
}

.link_btn.c-accent-02 a{
	background-color: var(--c-accent-02);
	border-color: var(--c-accent-02);
	color: #fff;
}

.link_btn.c-accent-02 a:hover{
	background-color: #fff;
	color: var(--c-accent-02);
}

.link_btn.c-accent-02 a:hover::after{
	background-image: url("../img/common/arrow-gold.svg");
}

.link_btn.icon a{
	padding: 1.5rem;
	text-align: left;
}

.link_btn.icon a::before{
	background-position: center;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 5rem;
	margin-right: 1rem;
	vertical-align: middle;
	width: 5rem;
}

.link_btn.image a::before{
	background-image: url("../img/common/icon_image-white.svg");
}
.link_btn.image a:hover::before{
	background-image: url("../img/common/icon_image-gold.svg");
}

.link_btn.contact a::before{
	background-image: url("../img/common/icon_mail-white.svg");
}
.link_btn.contact a:hover::before{
	background-image: url("../img/common/icon_mail-blue.svg");
}


.link_btn.line a{
	background-color: #4CC764;
	border-color: #4CC764;
}
.link_btn.line a:hover{
	background-color: #fff;
	color:  #4CC764;
}
.link_btn.line a::before{
	background-image: url("../img/common/icon_line.svg");
}
.link_btn.line a:hover::after{
	background-image: url("../img/common/arrow-green.svg");
}

.btn_two_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.btn_two_wrap .link_btn{
	width: 35%;
}

.btn_two_wrap .link_btn a{
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 2rem);
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.link_btn a{
		margin-left: auto;
		margin-right: auto;
		padding: 2rem 15px;
	}
	
	.link_btn.icon a::before{
		height: 3.2rem;
		position: relative;
		width: 3.2rem;
	}
	
	.btn_two_wrap .link_btn{
		margin-top: 1.5rem;
		width: 100%;
	}
	
	.btn_two_wrap .link_btn a{
		width: 100%
	}
}


.circle_btn{
	min-height: 5rem;
	transition: 0.2s;
}

.circle_btn:hover{
	opacity: 0.7;
}

.circle_btn a,
.circle_btn p{
	color: var(--c-main);
	display: block;
	font-size: 1.8rem;
	padding-right: 5rem;
	position: relative;
	text-align: right;
	vertical-align: bottom;
}

.circle_btn a:hover{
	opacity: 0.7;
}

.circle_btn a::before,
.circle_btn p::before{
	border: 1px solid var(--c-main);
	border-radius: 999px;
	content: "";
	height: 5rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 5rem;
}

.circle_btn a::after,
.circle_btn p::after{
	background-image: url("../img/common/arrow-blue.svg");
	background-size: contain;
	content: "";
	height: 0.8rem;
	position: absolute;
	top: 50%;
	right: 1.3rem;
	transform: translateY(-50%);
	width: 2.6rem;
}

.circle_btn a span,
.circle_btn p span{
	border-bottom: 1px solid var(--c-main);
	padding-bottom: 1.3rem;
	margin-right: 2rem;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.circle_btn {
		min-height: 3rem;
	}
	
	.circle_btn a,
	.circle_btn p{
		padding-right: 3rem;
	}
	
	.circle_btn a::before,
	.circle_btn p::before{
		height: 3rem;
		width: 3rem;
	}
	
	.circle_btn a::after,
	.circle_btn p::after{
		background-image: url(../img/common/arrow-blue_short.svg);
		right: 0.8rem;
		width: 1.6rem;
	}
	
	.circle_btn a span,
	.circle_btn p span{
		margin-right: 1.5rem;
		padding-bottom: 0.5rem;
	}
}

/*------------------------------
比較表パーツ
------------------------------*/
.comparison,
 .js-scrollable{
  overflow-y: hidden !important;
}

.comparison th,
.comparison td{
	border: 1px solid #ccc;
	font-weight: 400;
	height: 8rem;
	padding: 5px;
	text-align: center;
}

.comparison th{
	font-size: 16px;
}

.peace_03 th,
.peace_03 td{
	width: 25%;
}

.peace_04 th,
.peace_04 td{
	width: 20%;
}

.peace_05 th,
.peace_05 td{
	width: 15%;
}

.comparison thead tr th:first-child{
	background-color: #F0F0F0;
	color: #333;
}

.comparison thead tr th.no_cell{
	background-color: transparent;
	border: none;
}

.comparison thead th{
	background-color: var(--c-accent-02);
	color: #fff;
}

.comparison tbody tr th{
	background-color: #F0F0F0;
}

.scroll-hint-text{
	font-size: 1.4rem !important;
}

 table td.fee{
	font-family: var(--english);
	font-size: clamp(1.8rem,1.85vw,2rem);
	font-weight: 700;
	line-height: 1em;
	text-align: right;
}

table td.fee span{
	font-size: clamp(1.4rem,1.48vw,1.6rem);
	font-weight: 400;
	margin-left: 0.3em;
}

.comparison table .circle,
 .comparison table .cross{
	font-size: 3rem;
	font-weight: 700;
}

.comparison table .target{
	border-left: 4px solid #655D2F !important;
	border-right: 4px solid #655D2F !important;
	font-weight: 700;
}

.comparison table thead .target{
	border-top: 4px solid #655D2F;
}

.comparison table tbody .target{
	background-color: var(--c-bg-02);
	color: #655D2F;
}

.comparison table tbody tr:last-child .target{
	border-bottom: 4px solid #655D2F;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.scroll-hint-icon{
		z-index: 10;
	}
	
	.comparison,
	 .js-scrollable{
	  overflow-x: auto;
	}
	
	.js-scrollable table{
		width: 800px;
	}
	
	.comparison tr > *:first-child{
		font-size: 1.5rem;
		padding: 10px 5px;
		position: sticky;
		left: 0;
		width: 20%;
		z-index: 10;
	}
	.comparison.peace_05 tr > *:first-child{
		width: 15%;
	}
	.comparison tr > *:first-child::before{
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #ccc;
	}
	
	.comparison table thead .target{
		border-top: 1px solid #655D2F;
	}
	.comparison table tbody tr:last-child .target{
		border-bottom: 1px solid #655D2F;
	}
	
}

/*-- ↓ under 500px ↓ -----------------------------*/
@media screen and (max-width:500px){
	.js-scrollable table{
		width: 550px;
	}
	
	.comparison.peace_05 table{
		width: 900px;
	}
}

/*------------------------------
理由パーツ・フローパーツ
------------------------------*/
.reason_parts{
	counter-reset: n_reason;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flow_parts{
	counter-reset: n_flow;
}

.reason_parts::before{
	content: "";
	display: block;
	order: 1;
	width: 32%;
}

.reason_parts .item,
.flow_parts .item{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: clamp(6.5rem,6.78vw,8rem) 2.4rem 2.5rem;
	margin-bottom: 1.5%;
	position: relative;
	width: 32%;
}

.flow_parts .item{
	align-items: center;
	display: flex;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 3rem;
	padding: 3rem;
	padding-left: 7rem;
	width: calc(100% - 4rem);
}

.reason_parts.arrow::before,
.reason_parts.arrow .item{
	width: 31%;
}

.reason_parts.arrow .item:not(:last-child)::before{
	border: 2rem solid transparent;
	border-left: 2rem solid var(--c-accent-02);
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% + 3%);
	transform: translateY(-50%);
}

.flow_parts .item .number,
.reason_parts .item .number{
	background-color: var(--c-main);
	border-radius: 0 0 5px 5px;
	color: #fff;
	font-family: var(--english);
	font-size: 1.5rem;
	height: clamp(5.5rem,5.08vw,6rem);
	padding-bottom: 2px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: clamp(6rem,6.78vw,8rem);
}

.flow_parts .item .number{
	align-items: center;
	border-radius: 10px;
	display: flex;
	flex-flow: column;
	height: clamp(6rem,6.78vw,8rem);
	justify-content: center;
	top: 50%;
	left: -4rem;
	transform: translateY(-50%);
}

.flow_parts .item .number::before,
.reason_parts .item .number::before{
	content: counter(n_reason, decimal-leading-zero);
	counter-increment: n_reason;
	display: block;
	font-size: clamp(2.5rem,2.54vw,3rem);
	line-height: 1em;
	padding-top: 5px;
}

.flow_parts .item .number::before{
	content: counter(n_flow, decimal-leading-zero);
	counter-increment: n_flow;
}

.flow_parts .item .img_box{
	aspect-ratio: 1/1;
	border-radius: 10px;
	flex-shrink: 0;
	max-width: 20rem;
	overflow: hidden;
}

.flow_parts .item .img_box img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.reason_parts .item img{
	border-radius: 10px;
}

.reason_parts .item .head{
	font-size: clamp(1.8rem,1.95vw,2rem);
	font-weight: 500;
	padding-top: clamp(2rem,2.97vw,3.5rem);
	padding-bottom: clamp(2rem,2.97vw,3.5rem);
	text-align: center;
}

.flow_parts .item .head{
	background-image: none;
	font-size: clamp(2rem,2.53vw,2.6rem);
	font-weight: 500;
	padding-bottom: 0;
	margin-bottom: 2rem;
}

.flow_parts .item .text_box{
	padding-left: 4rem;
	padding-right: 1.5rem;
	width: calc(100% - 40rem);
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.reason_parts::before,
	.reason_parts.arrow::before{
		width: 100%;
	}
	
	.reason_parts .item{
		margin-bottom: 1.5rem;
		width: 100%;
	}
	
	.reason_parts.arrow .item{
		margin-bottom: 5rem;
		width: 100%;
	}
	
	.flow_parts .item{
		flex-wrap: wrap;
		margin-top: 5rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
		justify-content: space-between;
		padding: 4.2rem 1.4rem 2rem;
		width: 100%;
	}
	
	.reason_parts.arrow .item:not(:last-child)::before{
		border: 2rem solid transparent;
        border-top: 2rem solid var(--c-accent-02);
        content: "";
        margin-left: -2rem;
        position: absolute;
        top: calc(100% + 3.5rem);
        left: 50%;
	}
	
	.flow_parts .item .number{
		top: -3rem;
		left: 50%;
    	transform: translateX(-50%);
	}

	
	.reason_parts .item img{
		margin-left: auto;
		margin-right: auto;
	}
	
	.flow_parts .item .img_box{
		aspect-ratio: auto;
		max-width: 100%;
	}
	
	.flow_parts .item .text_box{
		margin-top: 1.5rem;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	.flow_parts .item .popup_btn{
		margin: 2.5rem auto 0;
	}
}

/*-- ↓ under 500px ↓ -----------------------------*/
@media screen and (max-width:500px){
	
	.reason_parts .item .img_box{
		aspect-ratio: 2.5 / 1;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.reason_parts .item img{
		height: 100%;
		object-fit: cover;
		object-position: 50% 25%;
		width: 100%;
	}
}


/*------------------------------
FAQパーツ
------------------------------*/
.white_box:is(.faq_box, .opcl_box){
	border: 1px solid #ccc;
	padding: 2rem clamp(1.5rem,4.63vw,5rem)5rem;
}

:is(.faq_box, .opcl_box) dl{
	cursor: pointer;
	position: relative;
}

:is(.faq_box, .opcl_box) dl dt > span,
:is(.faq_box, .opcl_box) dl dd{
	font-size: 1.8rem;
	position: relative;
	padding-top: 3.8rem;
	padding-bottom: 3.8rem;
}

.faq_box dl dt > span{
	padding-left: 7rem;
}
.opcl_box dl dt span{
	padding-left: 0;
}

:is(.faq_box, .opcl_box) dl dt{
	background-image : linear-gradient(to right, var(--c-main) 2px, transparent 2px);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 4px 1px;
	position: relative;
}

:is(.faq_box, .opcl_box) dl dt > span{
	display: block;
	padding-right: 5.5rem;
}

:is(.faq_box, .opcl_box) dl dt::before{
	background-image: url("../img/common/icon_plus.svg");
	background-size: contain;
	content: "";
	height: 30px;
	position: absolute;
	top: 40%;
	right: 18px;
	transform: translateY(-50%);
	width: 30px;
}
:is(.faq_box, .opcl_box) dl.open dt::before{
	transform: translateY(-50%) rotate(45deg);
}

:is(.faq_box, .opcl_box) dl dt::after{
	color: var(--c-main);
	content: "\56DE\7B54\898B\308B";
	font-size: 1.6rem;
	text-align: center;
	position: absolute;
	top: calc(40% + 3rem);
	right: 0;
	transform: translateY(-50%);
	width: 65px;
}
.opcl_box dl dt::after{
	content: "\958B\304F";
}

:is(.faq_box, .opcl_box) dl.open dt::after{
	content: "\9589\3058\308B";
}

:is(.faq_box, .opcl_box) dl dd{
	background-color: #DFEEFF;
	display: none;
	padding-left: 10rem;
	padding-right: 3rem;
	transition: top 0.3s;
}

.opcl_box dl dd{
	padding-left: 2.8rem;
}

.faq_box dl dt > span::before,
.faq_box dl dd::before{
	font-family: var(--english);
	font-size: 5rem;
	line-height: 1.2em;
	position: absolute;
	top: 1.8rem;
	left: 0;
}

.faq_box dl dt > span::before{
	color: var(--c-accent-02);
	content: "Q";
}

.faq_box dl dd::before{
	color: var(--c-main);
	content: "A";
	top: 0rem;
	left: 3rem;
}

.faq_box dl.open dd::before {
  top: 2.2rem;
}

:is(.faq_box, .opcl_box) dl dd .link_btn{
	margin-top: 3rem;
}

:is(.faq_box, .opcl_box) dl dd .btn_box{
	gap:0 3rem;
	justify-content: flex-start;
}

:is(.faq_box, .opcl_box) dl dd .btn_box .link_btn a{
	min-width: 36rem;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	:is(.faq_box, .opcl_box) dl dt::before{
		right: 1.5rem;
	}
	
	:is(.faq_box, .opcl_box) dl dt::after{
		font-size: 1.2rem;
		width: 60px;
	}
	
	:is(.faq_box, .opcl_box) dl dt > span,
	:is(.faq_box, .opcl_box) dl dd{
		font-size: 1.6rem;
		padding-left: 4rem;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	
	.opcl_box dl dt span{
		padding-left: 0;
	}
	
	.faq_box dl dt span::before,
	.faq_box dl dd::before{
		font-size: 3rem;
		top: 48% !important;
		transform: translateY(-50%);
	}
	
	:is(.faq_box, .opcl_box) dl dd{
		font-size: 1.5rem;
		padding-left: 6rem;
	}
	
	.opcl_box dl dd{
		padding-left: 2.8rem;
	}
	
	.faq_box dl dd::before{
		left: 2rem;
	}
	
	:is(.faq_box, .opcl_box) dl dd .link_btn{
		width: 100%;
	}
	
	:is(.faq_box, .opcl_box) dl dd .btn_box .link_btn a{
		font-size: 1.6rem;
		min-width: 1px;
	}
}


/*------------------------------
 一覧　パーツ
------------------------------*/
.post_case,
.post_tips,
.post_media{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post_case::before,
.post_media::before{
	content: "";
	display: block;
	order: 1;
	width: 30%;
}

.post_tips:before,
.post_tips::after{
	content: "";
	display: block;
	order: 1;
	width: 24%;
}

.post_case .item,
.post_tips .item{
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	display: flex !important;
	flex-flow: column;
	height: 100%;
	width: 30%;
}

.post_case .item .img_box,
.post_tips .item .img_box{
	aspect-ratio: 4.5/3;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.post_case .item .img_box img,
.post_tips .item .img_box img{
	object-fit: cover;
	height: 100%;
	transition: 0.4s;
	width: 100%;
}

.post_case .item:hover .img_box img,
.post_tips .item:hover .img_box img{
	transform: scale(1.1);
}

.post_case .item .text_box,
.post_tips .item .text_box{
	padding: 2.6rem;
	padding-bottom: 0;
}

.post_case .item .text_box .category{
	margin: 2rem 0;
}

.post_tips .item .text_box .category{
	margin: 1rem 0;
}

.post_case .item .text_box .category li,
.post_tips .item .text_box .category li{
	background-color: var(--c-main);
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 1.5rem;
}

.post_tips .item .text_box .category li{
	background-color: var(--c-accent-02);
	color: #fff;
}

.post_case .item .text_box .title{
	font-size: clamp(1.6rem,1.25vw,2rem);
	font-weight: 600;
	margin-bottom: 3rem;
}

.post_tips .item .text_box .title{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 2.5rem;
}

.post_case .item:hover .text_box .title,
.post_tips .item:hover .text_box .title{
	text-decoration: underline;
}

.post_tips .item .text_box .text{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	margin-bottom: 3rem;
}

.post_case .item .circle_btn,
.post_tips .item .circle_btn{
	margin-top: auto;
	margin-bottom: 2.6rem;
	padding: 0 2.6rem;
}

.post_case .item:hover .circle_btn,
.post_tips .item:hover .circle_btn{
	opacity: 0.5;
}

.post_case .item .circle_btn p,
.post_tips .item .circle_btn p{
	padding-right: 3rem;
}

.post_case .item .circle_btn p::before,
.post_tips .item .circle_btn p::before{
	height: 3rem;
	width: 3rem;
}

.post_case .item .circle_btn p::after,
.post_tips .item .circle_btn p::after{
	background-image: url("../img/common/arrow-blue_short.svg");
	background-size: contain;
	right: 0.8rem;
	width: 1.6rem;
}

.post_case .item .circle_btn p span,
.post_tips .item .circle_btn p span{
	margin-right: 1.4rem;
}


.post_news .item,
.post_training .item{
	align-items: flex-start;
	border-bottom: 1px solid #ccc;
	display: flex;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

.post_news .item .date,
.post_training .item .date{
	flex-shrink: 0;
	margin-right: 2rem;
	width: 8rem;
}

.post_news .item .category{
	background-color: #7D8B73;
	border-radius: 5px;
	color: #fff;
	font-size: 1.5rem;
	margin-right: 3rem;
	text-align: center;
	width: 14rem;
}

.post_news .item .title,
.post_training .item .title{
    overflow: hidden;
	text-decoration: underline;
    text-overflow: ellipsis;
	white-space: nowrap;
}

.post_news .item:hover .title,
.post_training .item:hover .title{
	color: #7D8B73;
}


.post_media .item,
.post_media::before{
	width: 32%;
}

.post_media .item{
	margin-top: 5rem;
}

.post_media .item .img_box img{
	aspect-ratio:3/1;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.post_media .item .title{
	margin-top: 3rem;
}

.post_media .item:hover .title{
	color: var(--c-main);
	text-decoration: underline;
}


.post_training .item{
	align-items: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.post_training .item .img_box{
	aspect-ratio: 3/2;
	flex-shrink: 0;
	margin-right: 3rem;
	max-width: 18rem;
}

.post_training .item .img_box img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.post_tips .item{
	width: 24%;
}


/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.post_case .item .text_box,
	.post_tips .item .text_box{
		padding: 2.6rem 1.5rem 0;
	}
	
	.post_case .item .text_box .category,
	.post_tips .item .text_box .category{
		margin: 1rem 0;
	}
	
	.post_case .item .text_box .category li, 
	.post_tips .item .text_box .category li,
	.post_case .item .circle_btn p,
	.post_tips .item .circle_btn p{
		font-size: 1.4rem;
	}
	
	.post_case .item .circle_btn,
	.post_tips .item .circle_btn{
		margin-bottom: 1.5rem;
		padding: 0 1.5rem;
	}
	
	.post_tips .item .text_box .text{
		-webkit-line-clamp: 2;
		margin-bottom: 1.5rem;
	}
	
	.post_tips .item .text_box .title{
		margin-bottom: 1rem;
	}
	
	.post_news .item,
	.post_training .item{
		flex-wrap: wrap;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	
	.post_news .item .date,
	.post_training .item .date{
		margin-right: 1.5rem;
	}
	
	.post_news .item .category{
		margin-right: 0.5rem;
		padding: 0 0.5rem;
		width: auto;
	}
	
	.post_news .item .title,
	.post_training .item .title{
		margin-top: 1rem;
	}
	
	.post_media .item,
	.post_media::before{
		width: 100%;
	}
	
	.post_media .item{
		border-bottom: 1px solid #ccc;
		margin-top: 0rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	
	.post_training .item .img_box{
		aspect-ratio: auto;
		margin-right: 0;
		max-width: 100%;
		width: 100%;
	}
}


/*------------------------------
 タブ
------------------------------*/
.tab_container {
	border-bottom: 1px solid var(--c-main);
	display: flex;
	justify-content: space-between;
}
.tab_container .tab {
	background-color: #ddd;
	cursor: pointer;
	font-size: 2.4rem;
	padding: 3rem 1.5rem;
	text-align: center;
	width: 32%;
}

.tab_container .tab.active {
	background-color: transparent;
	border: 1px solid var(--c-main);
	border-bottom: none;
	position: relative;
}

.tab_container .tab.active::before{
	background-color: #fff;
	content: "";
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
}

.bg_01 .tab_container .tab.active::before{
	background-color: var(--c-bg-01);
}

.content_container .content{
	display: none;
}

.content_container .content.show {
	display: block;
}

/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	.tab_container .tab{
		font-size: 1.5rem;
		padding: 2.5rem 0.8rem;
	}
}


/*------------------------------
 ポップアップ
------------------------------*/
.popup_btn{
	cursor: pointer;
}

.popup_overlay {
	background-color: rgba(0,0,0,0.5);
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
	z-index: 9999;
}

.popup_window {
	background-color: #fff;
	max-width: 960px;
	max-height: 90vh;
	padding: 5rem 1.5rem;
 	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;	
}

.popup_title {
	color: var(--c-main);
	font-size: 3.2rem;
	font-weight: 500;
	margin: 3rem 0;
	text-align: center;
}

.popup_text {
	font-size: 1.8rem;
	text-align: center;
}

.popup_text a{
	color: #166680;
	text-decoration: underline;
}

.popup_text a:hover{
	opacity: 0.7;
}

.popup_img{
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
}

.popup_img img {
	margin: 0 auto;
	max-height: 420px;
}

.popup_close_btn {
	cursor: pointer;
	height: 4rem;
	position: absolute;
	top: -5rem;
	right: -1.5rem;
	width: 4rem;
	z-index: 10;
}
.popup_close_btn::before,
.popup_close_btn::after{
	background-color: #fff;
	content: '';
	height: 2px;
	position: absolute; 
	top: 3rem;
	left: 0;
	width: 3rem; 
}
.popup_close_btn::before {
	transform: rotate(45deg);
}
.popup_close_btn::after {
	transform: rotate(-45deg);
}

/*-- ↑ over 1400px ↑ -----------------------------*/
@media screen and (min-width:1024px){
	.popup_img img{
		height: 55vh;
	}
}


/*-- ↓ under 767px ↓ -----------------------------*/
@media screen and (max-width:767.9px){
	
  .popup_title {
	  font-size: 1.8rem;
	  margin: 1.5rem 0;
	}
	
  .popup_text {
	  font-size: 1.5rem;
	  text-align: left;
	}
}