@charset "utf-8";
/* Theme Name: res */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

html,
body {
	font-size: 16px;
	line-height: 1.75;
	color: #333;
	letter-spacing: .1em;
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
}

li {
	list-style: none;
}

a {
	color: inherit;
}

a:hover {
	opacity: .85;
	transition: .3s;
}

.inner {
	max-width: calc(1200px + 10%);
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
}

table {
	table-layout: fixed;
}

td input {
	max-width: 100%;
}

#map {
	position: relative;
	width: 100%;
	padding: 500px 0 0 0;
}

#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

a[href^="tel:"] {
	cursor: default;
}

a[href^="tel:"]:hover {
	opacity: 1;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tb_only {
	display: none;
}

.sp_only {
	display: none;
}

.tb_pc {
	display: inherit;
}

.sp_tb {
	display: none;
}

@media(min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media(min-width: 768px) and (max-width:960px) {
	.pc_only {
		display: none;
	}

	.tb_only {
		display: inherit;
	}

	.sp_only {
		display: none;
	}

	.tb_pc {
		display: inherit;
	}

	.sp_tb {
		display: inherit;
	}
}

@media(max-width: 767px) {

	html,
	body {
		font-size: 4.27vw;
		line-height: 1.5625;
		letter-spacing: 0;
	}

	.inner {
		padding: 0 3.2vw;
	}

	.pc_only {
		display: none;
	}

	.tb_only {
		display: none;
	}

	.sp_only {
		display: inherit;
	}

	.tb_pc {
		display: none;
	}

	.sp_tb {
		display: inherit;
	}

	#map {
		padding-top: 250px;
	}

	.ps-container {
		touch-action: auto !important;
	}
}

.mgn_l {
	margin-left: auto;
}

.mgn_r {
	margin-right: auto;
}

.no_mgn {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb55 {
	margin-bottom: 55px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb65 {
	margin-bottom: 65px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb75 {
	margin-bottom: 75px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb85 {
	margin-bottom: 85px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb95 {
	margin-bottom: 95px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb105 {
	margin-bottom: 105px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb115 {
	margin-bottom: 115px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb125 {
	margin-bottom: 125px;
}

.mb130 {
	margin-bottom: 130px;
}

.mb135 {
	margin-bottom: 135px;
}

.mb140 {
	margin-bottom: 140px;
}

.mb145 {
	margin-bottom: 145px;
}

.mb150 {
	margin-bottom: 150px;
}

@media(min-width: 768px) and (max-width:960px) {}

@media(max-width: 767px) {
	.mb5 {
		margin-bottom: calc(5 / 750 * 100vw);
	}

	.mb10 {
		margin-bottom: calc(10 / 750 * 100vw);
	}

	.mb15 {
		margin-bottom: calc(15 / 750 * 100vw);
	}

	.mb20 {
		margin-bottom: calc(20 / 750 * 100vw);
	}

	.mb25 {
		margin-bottom: calc(25 / 750 * 100vw);
	}

	.mb30 {
		margin-bottom: calc(30 / 750 * 100vw);
	}

	.mb35 {
		margin-bottom: calc(35 / 750 * 100vw);
	}

	.mb40 {
		margin-bottom: calc(40 / 750 * 100vw);
	}

	.mb45 {
		margin-bottom: calc(45 / 750 * 100vw);
	}

	.mb50 {
		margin-bottom: calc(50 / 750 * 100vw);
	}

	.mb55 {
		margin-bottom: calc(55 / 750 * 100vw);
	}

	.mb60 {
		margin-bottom: calc(60 / 750 * 100vw);
	}

	.mb65 {
		margin-bottom: calc(65 / 750 * 100vw);
	}

	.mb70 {
		margin-bottom: calc(70 / 750 * 100vw);
	}

	.mb75 {
		margin-bottom: calc(75 / 750 * 100vw);
	}

	.mb80 {
		margin-bottom: calc(80 / 750 * 100vw);
	}

	.mb85 {
		margin-bottom: calc(85 / 750 * 100vw);
	}

	.mb90 {
		margin-bottom: calc(90 / 750 * 100vw);
	}

	.mb95 {
		margin-bottom: calc(95 / 750 * 100vw);
	}

	.mb100 {
		margin-bottom: calc(100 / 750 * 100vw);
	}

	.mb105 {
		margin-bottom: calc(105 / 750 * 100vw);
	}

	.mb110 {
		margin-bottom: calc(110 / 750 * 100vw);
	}

	.mb115 {
		margin-bottom: calc(115 / 750 * 100vw);
	}

	.mb120 {
		margin-bottom: calc(120 / 750 * 100vw);
	}

	.mb125 {
		margin-bottom: calc(125 / 750 * 100vw);
	}

	.mb130 {
		margin-bottom: calc(130 / 750 * 100vw);
	}

	.mb135 {
		margin-bottom: calc(135 / 750 * 100vw);
	}

	.mb140 {
		margin-bottom: calc(140 / 750 * 100vw);
	}

	.mb145 {
		margin-bottom: calc(145 / 750 * 100vw);
	}

	.mb150 {
		margin-bottom: calc(150 / 750 * 100vw);
	}
}

/* ヘッダー header
------------------------------------------------------------------*/
.wrap_head {
	background: #fff;
}

.wrap_head .inflex {
	flex-wrap: nowrap;
}

.h1_dummy {
	width: calc(100% - 220px);
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
}

.gnav_sp .h1_dummy {
	width: 100%;
	padding: 3vw 4.5vw 3.5vw 3vw;
	font-size: 14px;
	font-weight: bold;
}

.wrap_head.fixed {
	position: fixed;
	z-index: 100;
	width: 100%;
}

.gnav_head {
	width: 55%;
	padding: 15px 30px 26px 30px;
	position: relative;
	justify-content: start;
	flex-wrap: nowrap;
}

.wrap_head.fixed .gnav_head {
	max-width: initial;
	padding: 10px 30px;
	align-items: center;
}

.gnav_head .logo_img a:after {
	font-family: "Font Awesome 5 Free";
	font-size: 150%;
	font-weight: 900;
	content: "\f015";
	color: #094;
	display: inline-block;
}

.wrap_head.fixed .gnav_head .logo_img a:after {
	display: none;
}

.gnav_head .logo_img img {
	width: 82px;
	height: 80px;
	display: none;
	transition: .6s;
}

.wrap_head.fixed .gnav_head .logo_img img {
	display: block;
}

.gnav_head .main_nav {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 90%;
}

*::-ms-backdrop,
.gnav_head .main_nav {
	width: 95%;
}

.gnav_head .main_nav>ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.gnav_head .main_nav>ul>li {
	margin: 0 0 0 3.6%;
}

.gnav_head .main_nav>ul>li>a,
.gnav_head .main_nav>ul>li>.a {
	font-family: "Zen Maru Gothic", serif;
	font-size: 112.5%;
	font-weight: 700;
	line-height: 1.5;
	padding: 7px 0;
	display: block;
	overflow: hidden;
	position: relative;
}

.gnav_head .main_nav>ul>li>a:before,
.gnav_head .main_nav>ul>li>a:after,
.gnav_head .main_nav>ul>li>.a:before,
.gnav_head .main_nav>ul>li>.a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #34495e;
	top: 0;
	left: -100%;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gnav_head .main_nav>ul>li>a:after,
.gnav_head .main_nav>ul>li>.a:after {
	bottom: 0 !important;
	top: auto !important;
	right: -100%;
	left: auto;
}

.gnav_head .main_nav>ul>li>a:hover:before,
.gnav_head .main_nav>ul>li>.a:hover:before {
	left: 0;
}

.gnav_head .main_nav>ul>li>a:hover:after,
.gnav_head .main_nav>ul>li>.a:hover:after {
	right: 0;
}

.gnav_head .sub_nav {
	position: relative;
}

.gnav_head .sub_nav nav {
	display: none;
	position: absolute;
	top: 48px;
	left: -35px;
	z-index: 10;
	width: 150px;
}

.gnav_head .sub_nav nav ul {
	background: #7fcca1;
	border-radius: 10px;
	text-align: center;
	padding: 17px 25px;
}

.gnav_head .sub_nav nav ul:before {
	content: '';
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-left-width: 7px;
	border-right-width: 7px;
	border-bottom: 8px solid #7fcca1;
}

.gnav_head .sub_nav nav a {
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 87.5%;
	font-weight: 700;
	line-height: 2.8;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.gnav_head .sub_nav nav a:before {
	content: "";
	position: absolute;
	width: 0;
	background: #fff;
	left: 45%;
	height: 2px;
	bottom: 0;
	transition: all .3s;
	opacity: 0.7;
}

.gnav_head .sub_nav nav a:hover:before {
	width: 100%;
	left: 0;
}

.info_head {
	/*width: 27.5%;*/
	width: 524px;
	padding: 15px 230px 15px 0;
	transition: .6s;
}

.wrap_head.fixed .info_head {
	display: none;
}

.info_head li {
	color: #094;
	font-size: 87.5%;
	font-weight: 700;
	line-height: 1.0;
	width: 56%;
	white-space: nowrap;
}

.info_head li:before {
	color: #8fc31f;
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

.info_head li.woman_head {
	width: 39%;
}

.access_head:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f54b";
}

.parking_head:before {
	content: '';
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_parking_head.webp') no-repeat center / cover;
	width: 15px;
	height: 14px;
	margin: 0 5px 0 0;
	vertical-align: top;
}

.woman_head:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f004";
}

.tel_head {
	background: #094;
	border-radius: 0 0 10px 10px;
	color: #fff;
	font-family: century-gothic, sans-serif;
	font-size: 135%;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	width: 210px;
	padding: 27px 0 37px;
	margin-bottom: 22px;
	display: inline-block;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	transition: .6s;
	letter-spacing: 0.09vw;
}

.wrap_head.fixed .tel_head {
	border-radius: 10px;
	font-size: 175%;
	width: 250px;
	padding: 7px 0 10px;
	position: static;
	margin: 10px 30px 10px 0;
}

.tel_head span {
	font-family: "Zen Maru Gothic", serif;
	font-size: 53.8%;
	font-weight: 500;
}

.wrap_head.fixed .tel_head span {
	font-size: 50%;
}

.tel_head span:before {
	display: inline-block;
	transform: scaleX(-1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f095";
	margin: 0 7px 0 0;
}

@media only screen and (max-width: 1165px) {
	.gnav_head .main_nav>ul>li {
		margin: 0 0 0 2.5%;
	}

	.gnav_head .main_nav>ul>li>a,
	.gnav_head .main_nav>ul>li>.a {
		font-size: 100%;
	}

	.info_head {
		width: 460px;
		padding: 30px 211px 20px 0;
	}

	.info_head li {
		font-size: 75%;
	}

	.tel_head {
		font-size: 143.8%;
		width: 200px;
		padding: 27px 0 37px;
	}

	.wrap_head.fixed .tel_head {
		font-size: 143.8%;
		width: 250px;
		margin: 10px 10px 10px 0;
	}
}

@media only screen and (max-width: 1020px) {
	.wrap_head .inflex {
		flex-direction: column;
	}

	.wrap_head.fixed .inflex {
		flex-direction: row;
	}

	.gnav_head {
		width: 100%;
		padding: 10px 30px 10px;
	}

	.info_head {
		width: 100%;
		padding: 0 0 26px 73px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.info_head li {
		width: auto;
		margin-right: 20px;
	}

	.info_head li.woman_head {
		width: auto;
	}

	.wrap_head.fixed .tel_head {
		font-size: 125%;
		width: 215px;
	}
}

@media only screen and (max-width: 767px) {
	.wrap_head {
		display: none;
	}

	.logo_sp {
		width: calc(352 / 750 * 100vw);
		height: calc(88 / 750 * 100vw);
		margin: 4vw 0 0 4.4vw;
		position: absolute;
		z-index: 900;
	}

	.btn_gnav_sp {
		position: fixed;
		top: 3.5vw;
		right: 3.2vw;
		height: calc(80 / 750 * 100vw);
		width: calc(80 / 750 * 100vw);
		z-index: 10000;
		background: #8fc31f;
		border-radius: 2.6vw;
		opacity:1!important;
	}

	.btn_gnav_sp span {
		width: 3.7vw;
		height: 2px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		margin: auto;
		background: #fff;
		border-radius: 10px;
		transform: translateX(-50%);
		transition: transform .3s ease-in-out;
	}

	.btn_gnav_sp span:before,
	.btn_gnav_sp span:after {
		content: "";
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		background: #fff;
		border-radius: 10px;
		transition: transform .3s ease-in-out;
	}

	.btn_gnav_sp span:before {
		top: -6px;
	}

	.btn_gnav_sp span:after {
		bottom: -6px;
	}

	.open .btn_gnav_sp span {
		background: none;
	}

	.open .btn_gnav_sp span:before,
	.open .btn_gnav_sp span:after {
		transition: transform .3s ease-in-out;
	}

	.open .btn_gnav_sp span:before {
		transform: rotate(45deg);
		top: 0;
	}

	.open .btn_gnav_sp span:after {
		transform: rotate(-45deg);
		bottom: 0;
	}

	.btn_tel_sp {
		position: fixed;
		top: 3.5vw;
		right: 16.6vw;
		height: calc(80 / 750 * 100vw);
		width: calc(80 / 750 * 100vw);
		z-index: 10000;
		background: #094;
		border-radius: 2.6vw;
		text-align: center;
	}

	.btn_tel_sp:before {
		display: inline-block;
		transform: scaleX(-1);
		color: #fff;
		font-family: "Font Awesome 5 Free";
		font-size: 95.3%;
		font-weight: 900;
		content: "\f095";
		margin: 2.2vw auto 0;
	}

	.gnav_sp {
		padding: 5.3vw 0;
		overflow-y: auto;
		overflow-x: hidden;
		background: #fff;
		color: #333;
		position: fixed;
		top: 18vw;
		right: 0;
		z-index: 9997;
		height: 100%;
		visibility: hidden;
		opacity: 0;
		width: 86.67%;
		transition: opacity .6s ease, visibility .6s ease;
		line-height: 1.45;
		letter-spacing: .1em;
		padding-bottom:200px;
	}

	.gnav_sp>nav>ul>li {
		padding: 0vw 3vw;
		opacity: 0;
		transform: translateX(50%);
		transition: transform .6s ease, opacity .2s ease;
		z-index: 7000;
	}

	.gnav_sp>nav>ul>li>a,
	.gnav_sp>nav>ul>li>.a {
		padding: 3vw 4.5vw 3.5vw 3vw;
		border-bottom: 1px solid #094;
		display: block;
		display: -webkit-box;
		/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-pack: justify;
		/*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
		/*--- IE10 ---*/
		-webkit-justify-content: space-between;
		/*--- safari（PC）用 ---*/
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		-ms-align-items: center;
		align-items: center;
		position: relative;
		font-size: 87.5%;
	}

	.gnav_sp>nav>ul>li:first-child>a {
		border-top: 1px solid #094;
	}

	.gnav_sp>nav>ul>li>a:after,
	.gnav_sp>nav>ul>li>.a:after {
		content: "";
		position: absolute;
		right: 2px;
		top: 0;
		bottom: 0;
		width: 4px;
		height: 4px;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		transform: rotate(-45deg);
		margin: auto;
	}

	.gnav_sp>nav>ul>li.sub_nav_sp>.a:after {
		transform: rotate(45deg);
	}

	/*
	.gnav_sp > nav > ul > li > a > .ja {
		font-size: 87.5%;
	}
	.gnav_sp >  > a > .en {
		font-size: 62.5%;
		letter-spacing: .3em;
	}
	.gnav_sp .nav_medical {
		width: 91.5%;
		margin-left: auto;
	}
	.gnav_sp .nav_medical a {
		font-size: 75%;
		letter-spacing: .1em;
		padding: 2vw 3vw 3vw;
	}
*/
	.open .gnav_sp {
		visibility: visible;
		opacity: 1;
	}

	.open .gnav_sp>nav>ul>li {
		opacity: 1;
		transform: translateX(0);
		transition: transform 1s ease, opacity .9s ease;
	}

	.sub_nav_sp {
		position: relative;
	}

	.sub_nav_sp nav {
		display: none;
		position: relative;
		z-index: 9999;
		width: 100%;
		padding: 0vw 3vw 3vw;
		margin: 3vw 0 0;
		border-bottom: 1px solid #094;
	}

	.sub_nav_sp nav ul {
		background: #7fcca1;
		border-radius: 10px;
		padding: 1.8vw 5.3vw;
	}

	.sub_nav_sp nav ul:before {
		content: '';
		position: absolute;
		top: -4vw;
		left: 50%;
		transform: translateX(-50%);
		border: 2vw solid transparent;
		border-left-width: 2vw;
		border-right-width: 2vw;
		border-bottom: 2vw solid #7fcca1;
	}

	.sub_nav_sp nav a {
		color: #fff;
		font-family: "Zen Maru Gothic", serif;
		font-size: 81.3%;
		font-weight: 700;
		line-height: 3.0;
		display: inline-block;
		overflow: hidden;
		position: relative;
	}
}

/* メインイメージ main_img
------------------------------------------------------------------*/
.main_img {
	width: 100%;
	height: 756px;
	overflow: hidden;
}

.main_img .uk-slidenav-position,
.main_img .uk-slidenav-position .uk-slideshow,
.main_img .uk-slidenav-position .uk-slideshow li,
.main_img .uk-slidenav-position .uk-slideshow li .uk-flex {
	width: 100%;
	height: 100%;
}

.main_img .uk-slidenav-position img {
	object-position: center top;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 960px) {
	.main_img {
		height: 63vw;
	}
}

@media only screen and (max-width: 767px) {
	.main_img {
		background-size: contain;
		height: calc(1000 / 750 * 100vw);
	}

	/* info_head_sp */
	.info_head_sp {
		width: 100%;
		padding: 0 4.4vw;
		margin: -8.9vw 0 0;
		position: absolute;
		z-index: 800;
	}

	.info_head_sp li {
		color: #094;
		font-size: 68.8%;
		font-weight: 700;
		line-height: 1.0;
	}

	.info_head_sp li:before {
		color: #8fc31f;
		display: inline-block;
		margin: 0 1.3vw 0 0;
	}

}

/* News index_news
------------------------------------------------------------------*/
.index_news {
	padding: 33px 0;
}

.index_news .inner {
	max-width: calc(1000px + 10%);
	align-items: center;
}

.index_news .ttl {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 187.5%;
	font-weight: 700;
	line-height: 1.0;
	width: 110px;
}

.abisu_news_item a {
	display: block;
	padding-bottom: 10px;
	border-bottom: solid 2px #8fc31f;
}

.abisu_news_item .date{
  min-width:70px;
}

.index_news ul {
	flex: 1;
}

.index_news ul li:not(:first-child) {
	margin-top: 10px;
}

.index_news ul dt {
	color: #96c431;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	width: 100%;
}

.index_news ul dd {
	line-height: 1.2;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.index_news {
		padding: 6.6vw 0 9.3vw;
	}

	.index_news .inner {
		max-width: 100%;
	}

	.index_news p {
		width: 100%;
		text-align: center;
		margin-bottom: 4vw;
	}

	.index_news ul {
		width: 100%;
	}

	.index_news ul li:not(:first-child) {
		margin-top: 1.2vw;
	}

	.index_news ul dt {
		font-size: 87.5%;
		margin-bottom: 2.8vw;
	}

	.index_news ul dd {
		line-height: 1.5;
	}
}

/* Message index_message
------------------------------------------------------------------*/
.index_message {
	background: #4cb77c;
	color: #fff;
}

.area_index_message01 {
	position: relative;
}

.area_index_message01>.bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	max-width:1300px;
	top: 0;
	right: 0;
	z-index: 1;
}


.area_index_message01>.bg_img img {
	width: 100%;
	height: 100%;
	object-position: right top;
	object-fit: cover;
}

.area_index_message01>.bg_img.sp_img{
  width:100%;
  height:100%;
  bottom:0;
  right:0;
}

.area_index_message01>.bg_img.sp_img img {
	width: 100%;
	height: 100%;
	object-position: center bottom;
	object-fit: contain;
}


.area_index_message02 {
	position: relative;
	z-index: 2;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bgc_message_index01.webp');
}

.area_index_message02 a:hover{
color:#094;
}

.index_message .inner {
	margin: 0 auto;
	padding: 58px 5% 103px;
}

.ttl_index_message {
	border-bottom: dotted 2px #fff;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	width: 50%;
	padding-bottom: 8px;
	margin-bottom: 28px;
}

.ttl_index_message .en {
	font-family: "Zen Maru Gothic", serif;
	font-size: 250%;
	font-weight: 700;
}

.ttl_index_message .ja {
	margin: 0 0 0 18px;
	position: relative;
	top: -3px;
}

.txt_index_message {
	line-height: 2.0;
}

.txt_index_message p {
	margin-bottom: 36px;
}

.row_index_message {
	align-items: center;
	justify-content: flex-start;
}

.name_index_message {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/ico_message_index01.webp') no-repeat left center / 27px 27px;
	font-family: "Zen Maru Gothic", serif;
	font-size: 162.5%;
	font-weight: 700;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding-left: 47px;
}

.name_index_message span {
	font-size: 53.8%;
}

.name_index_message span:first-child {
	margin-right: 12px;
}

.name_index_message span:nth-child(2) {
	margin-left: 12px;
}

.btn_index_message {
	border-radius: 4px;
	background: #fff;
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 87.5%;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	width: 180px;
	height: 40px;
	margin-left: 70px;
	display: inline-block;
	position: relative;
}

.btn_index_message:after {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #094;
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
}

.no_mgn {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb55 {
	margin-bottom: 55px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb65 {
	margin-bottom: 65px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb75 {
	margin-bottom: 75px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb85 {
	margin-bottom: 85px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb95 {
	margin-bottom: 95px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb105 {
	margin-bottom: 105px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb115 {
	margin-bottom: 115px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb125 {
	margin-bottom: 125px;
}

.mb130 {
	margin-bottom: 130px;
}

.mb135 {
	margin-bottom: 135px;
}

.mb140 {
	margin-bottom: 140px;
}

.mb145 {
	margin-bottom: 145px;
}

.mb150 {
	margin-bottom: 150px;
}

@media only screen and (max-width: 1430px) {
	.area_index_message01 {
		background: none;
	}
}

@media only screen and (max-width: 767px) {
	.area_index_message01 .bg_img img {
		object-position: center bottom;
		object-fit: contain;
	}

	.index_message .inner {
		padding: 9.2vw 3.2vw 90.5vw;
	}

	.ttl_index_message {
		width: 100%;
		padding-bottom: 2.8vw;
		margin-bottom: 6.2vw;
		text-align: center;
	}

	.ttl_index_message .ja {
		margin: 0 0 0 5vw;
		top: -0.4vw;
	}

	.name_index_message {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/ico_message_index01.webp') no-repeat left center / 6.9vw 6.9vw;
		font-size: 125%;
		width: auto;
		padding-left: 9.6vw;
		margin: 6.1vw auto 7.4vw;
	}

	.name_index_message span {
		font-size: 55%;
	}

	.name_index_message span:first-child {
		margin-right: 2.8vw;
	}

	.name_index_message span:nth-child(2) {
		margin-left: 2.8vw;
	}

	.btn_index_message {
		width: 100%;
	}

	.txt_index_message p {
		margin-bottom: 0;
		line-height: 1.5;
	}

	.btn_index_message {
		line-height: 10.6vw;
		width: 48vw;
		height: 10.6vw;
		margin: 0 auto;
	}

	.btn_index_message:after {
		border-width: 0.8vw 0 0.8vw 0.8vw;
		right: 2.6vw;
	}

	.mb5 {
		margin-bottom: calc(5 / 750 * 100vw);
	}

	.mb10 {
		margin-bottom: calc(10 / 750 * 100vw);
	}

	.mb15 {
		margin-bottom: calc(15 / 750 * 100vw);
	}

	.mb20 {
		margin-bottom: calc(20 / 750 * 100vw);
	}

	.mb25 {
		margin-bottom: calc(25 / 750 * 100vw);
	}

	.mb30 {
		margin-bottom: calc(30 / 750 * 100vw);
	}

	.mb35 {
		margin-bottom: calc(35 / 750 * 100vw);
	}

	.mb40 {
		margin-bottom: calc(40 / 750 * 100vw);
	}

	.mb45 {
		margin-bottom: calc(45 / 750 * 100vw);
	}

	.mb50 {
		margin-bottom: calc(50 / 750 * 100vw);
	}

	.mb55 {
		margin-bottom: calc(55 / 750 * 100vw);
	}

	.mb60 {
		margin-bottom: calc(60 / 750 * 100vw);
	}

	.mb65 {
		margin-bottom: calc(65 / 750 * 100vw);
	}

	.mb70 {
		margin-bottom: calc(70 / 750 * 100vw);
	}

	.mb75 {
		margin-bottom: calc(75 / 750 * 100vw);
	}

	.mb80 {
		margin-bottom: calc(80 / 750 * 100vw);
	}

	.mb85 {
		margin-bottom: calc(85 / 750 * 100vw);
	}

	.mb90 {
		margin-bottom: calc(90 / 750 * 100vw);
	}

	.mb95 {
		margin-bottom: calc(95 / 750 * 100vw);
	}

	.mb100 {
		margin-bottom: calc(100 / 750 * 100vw);
	}

	.mb105 {
		margin-bottom: calc(105 / 750 * 100vw);
	}

	.mb110 {
		margin-bottom: calc(110 / 750 * 100vw);
	}

	.mb115 {
		margin-bottom: calc(115 / 750 * 100vw);
	}

	.mb120 {
		margin-bottom: calc(120 / 750 * 100vw);
	}

	.mb125 {
		margin-bottom: calc(125 / 750 * 100vw);
	}

	.mb130 {
		margin-bottom: calc(130 / 750 * 100vw);
	}

	.mb135 {
		margin-bottom: calc(135 / 750 * 100vw);
	}

	.mb140 {
		margin-bottom: calc(140 / 750 * 100vw);
	}

	.mb145 {
		margin-bottom: calc(145 / 750 * 100vw);
	}

	.mb150 {
		margin-bottom: calc(150 / 750 * 100vw);
	}
}

/* 米本歯科医院の特徴 index_feature
------------------------------------------------------------------*/
.index_feature {
	padding: 80px 0;
	position: relative;
}

.index_feature>.inner {
	z-index: 2;
	position: relative;
}

.index_feature>.bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.index_feature>.bg_img img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}


.index_feature h2 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 187.5%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}

.txt_index_feature01 {
	font-size: 66.6%;
}

.txt_index_feature02 {
	font-size: 133.3%;
	padding-top: .1em;
	/*    background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bgc_feature_index.webp') no-repeat center top;*/
	background-size: 90% auto;
}

.txt_index_feature03 {
	color: #333;
	font-size: 46.6%;
	line-height: 1.0;
	display: flex;
	align-items: center;
	width: 16%;
	margin: 0 auto;
}

.txt_index_feature03:before,
.txt_index_feature03:after {
	border-top: 2px dotted #8fc31f;
	content: "";
	flex-grow: 1;
}

.txt_index_feature03:before {
	margin-right: 12px;
}

.txt_index_feature03:after {
	margin-left: 12px;
}

.index_feature .inner {
	max-width: calc(1000px + 10%);
}

.unit_index_feature {
	margin-bottom: 23px;
	padding-top: 20px;
	position: relative;
}

.unit_index_feature span {
	position: absolute;
	top: 0;
	left: 10px;
	background: url(/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bgc_message_index01.webp) #8fc31f;
	display:flex;
	justify-content: center;
	align-items: center;
	width:80px;
	height:80px;
	font-size:40px;
	color:#fff;
letter-spacing:.1em;
}

/*.index_feature .flex {
	align-items: center;
}*/

.index_feature dt .ttl {
	font-family: "Zen Maru Gothic", serif;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.5;
}

.index_feature dt .ttl span {
	color: #094;
}

.index_feature dd {
	line-height: 1.7;
}

.row_index_feature01,
.row_index_feature02 {
	margin-bottom: 52px;
}

.row_index_feature01 dt {
	border-right: solid 2px #8fc31f;
	width: 37.3%;
	max-width: 373px;
}

.row_index_feature01 dd {
	width: 59.6%;
	max-width: 596px;
}

.row_index_feature02 .col_l,
.row_index_feature02 .col_r {
	width: 48%;
}

.row_index_feature02 dt {
	margin-bottom: 14px;
}

.btn_index_feature {
	border-radius: 4px;
	background: #8fc31f;
	color: #fff;
	font-size: 87.5%;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	text-align: center;
	display: block;
	max-width: 250px;
	padding: 18px 5px;
	margin: 0 auto;
	position: relative;
}

.btn_index_feature:after {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
}


@media only screen and (max-width: 767px) {

	.index_feature h2 {
		font-size: 137.5%;
		margin-bottom: 8vw;
	}

	.txt_index_feature01 {
		font-size: 68.1%;
	}

	.txt_index_feature02 {
		font-size: 136.3%;
		padding-top: .05em;
	}

	.txt_index_feature03 {
		font-size: 50%;
		width: 32vw;
	}

	.txt_index_feature03:before,
	.txt_index_feature03:after {
		border-top: 0.5vw dotted #8fc31f;
	}

	.txt_index_feature03:before {
		margin-right: 4vw;
	}

	.txt_index_feature03:after {
		margin-left: 4vw;
	}

	.unit_index_feature {
		margin-bottom: 4vw;
		padding-top: 2.6vw;
	}

	.unit_index_feature span {
		left: 1.3vw;
		width: 10.6vw;
		height: 10.6vw;
		font-size:24px;
	}


	.index_feature dt .ttl {
		font-size: 125%;
	}

	.index_feature dd {
		line-height: 1.5;
	}

	.row_index_feature01,
	.row_index_feature02 {
		margin-bottom: 9.4vw;
	}

	.row_index_feature01 dt {
		border-right: none;
		width: 100%;
		max-width: 100%;
	}

	.row_index_feature01 dt:after {
		content: '';
		background: #8fc31f;
		width: 18%;
		height: 2px;
		margin: 4.1vw 0 3vw;
		display: block;
	}

	.row_index_feature01 dd {
		width: 100%;
		max-width: 100%;
	}

	.row_index_feature02 dt .ttl {
		font-size: 112.5%;
		margin-bottom: 2.5vw;
	}

	.btn_index_feature {
		font-size: 87.5%;
		max-width: 66.6vw;
		width: 66.6vw;
		height: 16vw;
		line-height: 16vw;
		padding: 0;
	}

	.btn_index_feature:after {
		border-width: 0.8vw 0 0.8vw 0.8vw;
		right: 5.3vw;
	}
}

/* 診療案内 index_medical
------------------------------------------------------------------*/
.index_medical {
	padding: 100px 0 60px;
	position: relative;
}

.index_medical>.inner {
	z-index: 2;
	position: relative;
}

.index_medical>.bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.index_medical>.bg_img img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}


.index_medical h2 {
	color: #094;
	font-family: "Zen Maru Gothic", serif;
	font-size: 250%;
	font-weight: 700;
	text-align: center;
	position: relative;
}

.index_medical h2 span {
	color: #333;
	font-size: 35%;
	line-height: 1.0;
	display: block;
}

.index_medical h2:after {
	content: "";
	width: 57px;
	height: 26px;
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/icn_medical_index.webp') no-repeat center / cover;
	display: block;
	margin: auto;
}

.txt_index_medical {
	text-align: center;
	margin: 25px auto 48px;
}

.txt_index_medical span {
	border-bottom: dotted 2px #8fc31f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 112.5%;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 5px;
}

.list_index_medical li {
	width: 31.16%;
	margin-bottom: 40px;
}

.list_index_medical a,
.list_index_medical .a {
	background: rgba(255, 255, 255, .7);
	display: block;
	text-align: center;
	height: 100%;
	padding: 20px;
	position: relative;
}

.list_index_medical a:after,
.list_index_medical .a:after {
	content: '';
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #094 transparent;
	display: inline-block;
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.list_index_medical a:hover,
.list_index_medical .a:hover {
	opacity: 1;
}

.list_index_medical dt .en {
	color: #c7e18f;
	font-family: "Zen Maru Gothic", serif;
	font-size: 125%;
	line-height: 1.0;
	display: flex;
	align-items: baseline;
	height: 160px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

[data-element-id].list_index_medical dt .en{
  left:0;
}

/*.list_index_medical dt:after {
	border-bottom: dotted 2px #c7e18f;
	content: '';
	flex-grow: 1;
	margin-left: 9px;
}*/
.list_index_medical dt .en:after {
	border-left: dotted 2px #c7e18f;
	content: '';
	flex-grow: 1;
	margin-top: 5px;
	position: relative;
	left: -9px;
}

.list_index_medical dd {
	background: #094;
	border-radius: 10px;
	color: #fff;
	font-family: "Zen Maru Gothic", serif;
	font-size: 112.5%;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0;
	text-align: center;
	padding: 0;
	height: 8.6vw;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.list_index_medical dd:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-left-width: 7px;
	border-right-width: 7px;
	border-top: 8px solid #094;
}

.list_index_medical dd.txt_on,
.contact_index_medical dd.txt_on {
	display: none;
	/*font-size: 125%;*/
	font-size: 1.35vw;
}

.list_index_medical a:hover dd.txt_on,
.list_index_medical .a:hover dd.txt_on,
.contact_index_medical a:hover dd.txt_on {
	display: flex;
}

.list_index_medical a:hover dd.txt_off,
.list_index_medical .a:hover dd.txt_off,
.contact_index_medical a:hover dd.txt_off {
	display: none;
}

.img_index_medical {
	width: 170px;
	height: 170px;
	margin: 0 auto;
	position:relative;
}

.img_index_medical img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.img_index_medical .off-img{
  width:100%;
  height:100%;
}

.img_index_medical .on-img{
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  opacity:0;
}

a:hover .img_index_medical .on-img{
  opacity:1;
}

.contact_index_medical a {
	cursor: default;
}

.contact_index_medical dd {
	font-family: "Zen Maru Gothic", serif;
	font-size: 100%;
	font-weight: 700;
	line-height: 1.8;
	width: 100%;
	flex-direction: column;
}

.contact_index_medical dd.txt_on {
	font-family: century-gothic, sans-serif;
	/*font-size: 175%;*/
	font-size: 2.06vw;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .1em;
	width: 100%;
	flex-direction: column;
}

.contact_index_medical dd.txt_on span {
	font-family: "Zen Maru Gothic", serif;
	/*font-size: 50%;*/
	font-size: 1.05vw;
	font-weight: 700;
	display: block;
	margin: 0 0 3px;
}

.contact_index_medical dd.txt_on span:before {
	display: inline-block;
	transform: scaleX(-1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f095";
	margin: 0 7px 0 0;
}

.list_index_medical li:nth-child(4n+1) dd {
	background: #094;
}

.list_index_medical li:nth-child(4n+1) dd:after {
	border-top: 8px solid #094;
}

.list_index_medical li:nth-child(4n+2) dd {
	background: #d0c0a5;
}

.list_index_medical li:nth-child(4n+2) dd:after {
	border-top: 8px solid #d0c0a5;
}

.list_index_medical li:nth-child(4n+3) dd {
	background: #7fcca1;
}

.list_index_medical li:nth-child(4n+3) dd:after {
	border-top: 8px solid #7fcca1;
}

.list_index_medical li:nth-child(4n) dd {
	background: #c7e18f;
}

.list_index_medical li:nth-child(4n) dd:after {
	border-top: 8px solid #c7e18f;
}

@media only screen and (max-width: 1300px) {

	.list_index_medical a,
	.list_index_medical .a {
		padding: 1.5vw;
	}

	.list_index_medical dd {
		font-size: 1.33vw;
	}

	.contact_index_medical dd {
		font-size: 1.18vw;
	}

	.list_index_medical dt .en {
		bottom: 1.5vw;
		left: 1.5vw;
	}

	.list_index_medical dt .en:after {
		left: -0.7vw;
	}
}

@media only screen and (max-width: 767px) {
	.index_medical {
		padding: 13.3vw 0 8vw;
	}

	.index_medical h2:after {
		width: 14.9vw;
		height: 6.6vw;
	}

	.txt_index_medical {
		text-align: center;
		margin: 5.3vw auto 6.6vw;
	}

	.txt_index_medical span {
		border-bottom: dotted 2px #8fc31f;
		font-family: "Zen Maru Gothic", serif;
		font-size: 112.5%;
		font-weight: 700;
		display: inline-block;
		padding-bottom: 5px;
	}

	.list_index_medical li {
		width: 100%;
		margin-bottom: 40px;
	}

	.list_index_medical li a,
	.list_index_medical li .a {
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		align-items: center;
		padding: 4vw 2.6vw;
	}

	.list_index_medical a:after,
	.list_index_medical .a:after {
		border-width: 0 0 2.6vw 2.6vw;
		bottom: 0;
		right: 0;
	}

	.list_index_medical dl {
		width: 65.4vw;
		padding-left: 3.6vw;
	}

	.list_index_medical dt {
		display: flex;
		align-items: center;
		letter-spacing: .1em;
		margin-bottom: 2vw;
	}

	.list_index_medical dt .en {
		font-size: 62.5%;
		align-items: center;
		height: auto;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		position: static;
		width: 25.7vw;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		white-space: nowrap;
	}

	.list_index_medical dt .en:after {
		border-left: none;
		border-top: dotted 2px #c7e18f;
		margin: 0 2.6vw;
		width: 6.6vw;
		left: 0;
		top: 1px;
	}

	.list_index_medical dt .ja {
		color: #094;
		font-family: "Zen Maru Gothic", serif;
		font-size: 112.5%;
		font-weight: 700;
		width: 36vw;
	}

	.list_index_medical dd {
		font-size: 66.8%;
		line-height: 1.4;
		padding: 2.8vw 0;
		height: auto;
		margin-bottom: 0;
		display: block;
	}

	.list_index_medical dd:after {
		top: 50%;
		left: -2vw;
		transform: translateY(-50%);
		margin-left: 0;
		border: 1vw solid transparent;
		border-top-width: 0.9vw;
		border-bottom-width: 0.9vw;
		border-right: 1vw solid #094;
	}

	.list_index_medical dd.txt_on,
	.contact_index_medical dd.txt_on {
		display: none;
	}

	.list_index_medical a:hover dd.txt_on,
	.list_index_medical .a:hover dd.txt_on,
	.contact_index_medical a:hover dd.txt_on {
		display: none;
	}

	.list_index_medical a:hover dd.txt_off,
	.list_index_medical .a:hover .contact_index_medical a:hover dd.txt_off {
		display: flex;
	}

	.list_index_medical dl+img {
		width: 22.6vw;
		height: 22.6vw;
	}

	.img_index_medical {
		width: calc(170 / 750 * 100vw);
		height: calc(170 / 750 * 100vw);
	}

	.list_index_medical a:hover .img_index_medical01 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical01.webp')no-repeat center / cover;
	}

	.list_index_medical a:hover .img_index_medical02 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical02.webp')no-repeat center / cover;
	}

	.list_index_medical a:hover .img_index_medical03 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical03.webp')no-repeat center / cover;
	}

	.list_index_medical a:hover .img_index_medical04 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical04.webp')no-repeat center / cover;
	}

	.list_index_medical a:hover .img_index_medical05 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical05.webp')no-repeat center / cover;
	}

	.list_index_medical a:hover .img_index_medical06 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical06.webp')no-repeat center / cover;
	}

	.list_index_medical a:hover .img_index_medical07 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical07.webp')no-repeat center / cover;
	}

	.list_index_medical .a:hover .img_index_medical08 {
		background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/img_index_medical08.webp')no-repeat center / cover;
	}

	.contact_index_medical {
		display: none;
	}

	.list_index_medical li:nth-child(4n+1) dd:after {
		border-top: 0.9vw solid transparent;
		border-right: 1vw solid #094;
	}

	.list_index_medical li:nth-child(4n+2) dd:after {
		border-top: 0.9vw solid transparent;
		border-right: 1vw solid #d0c0a5;
	}

	.list_index_medical li:nth-child(4n+3) dd:after {
		border-top: 0.9vw solid transparent;
		border-right: 1vw solid #7fcca1;
	}

	.list_index_medical li:nth-child(4n) dd:after {
		border-top: 0.9vw solid transparent;
		border-right: 1vw solid #c7e18f;
	}
}

/* 採用情報・Blog index_info
------------------------------------------------------------------*/
.index_info {
	background: url('/import/tenant_1/162.43.6.105/yonemoto-dc.com/images/bgc_info_index.webp');
	font-family: "Zen Maru Gothic", serif;
}

.box_index_info01,
.box_index_info02 {
	display: block;
	background: #fff;
	width: 48.3%;
	max-width: 580px;
	max-height: 231px;
	margin: 60px 0;
	position: relative;
}

.box_index_info03 {
	display: block;
	background: #fff;
	width: 100%;
	max-width: 700px;
	max-height: 300px;
	margin: 60px 0;
	position: relative;
}

.box_index_info01 .bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.box_index_info01>.bg_img img {
	width: 100%;
	height: 100%;
	object-position: right top;
	object-fit: cover;
}

.box_index_info03 .bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.box_index_info03>.bg_img img {
	width: 100%;
	height: 100%;
	object-position: right top;
	object-fit: cover;
}

.box_index_info01:before,
.box_index_info02:before,
.box_index_info03:before {
	content: "";
	display: block;
	padding-top: 45%;
}

.box_index_info01:after {
	content: '';
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #094 transparent;
	display: inline-block;
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 2;
}

.box_index_info03:after {
	content: '';
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #094 transparent;
	display: inline-block;
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 2;
}

.unit_index_info01 {
	padding: 50px 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
}

.unit_index_info05 {
	padding: 50px 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
}

.box_index_info02 {
	border-top: solid 2px #094;
}

.unit_index_info02 {
	padding: 33px 40px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.unit_index_info03 a {
	border-radius: 4px;
	background: #8fc31f;
	color: #fff;
	font-size: 87.5%;
	text-align: center;
	display: inline-block;
	width: 40%;
	max-width: 200px;
	padding: 8px 0;
	margin: 5px 0 0;
	position: relative;
}

.unit_index_info03 a:after {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
}

.abisu_new_btn01 a {
	border-radius: 4px;
	background: #8fc31f;
	color: #fff;
	font-size: 87.5%;
	text-align: center;
	display: inline-block;
	width: 40%;
	max-width: 200px;
	padding: 8px 0;
	margin: 5px 0 0;
	position: relative;
}

.abisu_new_btn01 a:after {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
}

.ttl_index_info {
	color: #094;
	font-size: 250%;
	font-weight: 700;
	line-height: 1.0;
}

.ttl_index_info span {
	color: #666464;
	font-size: 35%;
	font-weight: 700;
	line-height: 1.0;
}

.box_index_info01 p {
	color: #8fc31f;
	font-weight: 700;
	line-height: 1.5;
}

.box_index_info03 p {
	color: #8fc31f;
	font-weight: 700;
	line-height: 1.5;
}

.box_index_info01 .ttl_index_info span {
	display: block;
	line-height: 3.0;
}

.box_index_info03 .ttl_index_info span {
	display: block;
	line-height: 3.0;
}

.box_index_info02 .ttl_index_info span {
	margin: 0 0 0 22px;
	vertical-align: middle;
}

.unit_index_info04 {
	margin: 30px 0 0;
}

.unit_index_info04 p {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.unit_index_info04 .abisu_blog_img {
	width: 80px;
	height: 80px;
}

.unit_index_info04 .abisu_blog_cont {
	flex: 1;
	padding-left: 20px;
	margin: -10px 0 0;
	width: calc(100% - 80px);
}

.unit_index_info04 dt {
	color: #8fc31f;
	font-weight: 700;
	margin: 0 0 2px;
}

.unit_index_info04 dd {
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
}

.unit_index_info04 dd a {
	color: #009944;
}

@media(min-width: 768px) and (max-width: 1360px) {

	.box_index_info01:before,
	.box_index_info02:before,
	.box_index_info03:before {
		padding-top: 17vw;
	}

	.box_index_info01:after {
		border-width: 0 0 1.4vw 1.4vw;
		bottom: 0.1vw;
		right: 0.1vw;
	}

	.box_index_info03:after {
		border-width: 0 0 1.4vw 1.4vw;
		bottom: 0.1vw;
		right: 0.1vw;
	}

	.unit_index_info01 {
		padding: 3.6vw 2.9vw 0;
	}

	.unit_index_info05 {
		padding: 3.6vw 2.9vw 0;
	}

	.unit_index_info02 {
		padding: 2.4vw 2.9vw 0;
	}

	.unit_index_info03 a {
		font-size: 1.0vw;
		width: 14.7vw;
		padding: 0.5vw 0;
		margin: 0.3vw 0 0;
	}

	.unit_index_info03 a:after {
		border-width: 0.2vw 0 0.2vw 0.2vw;
		right: 0.7vw;
	}

	.ttl_index_info {
		font-size: 2.9vw;
	}

	.ttl_index_info span {
		font-size: 1vw;
	}

	.box_index_info01 p {
		font-size: 1.1vw;
	}

	.box_index_info03 p {
		font-size: 1.1vw;
	}

	.box_index_info02 .ttl_index_info span {
		margin: 0 0 0 1.6vw;
	}

	.unit_index_info04 {
		margin: 2.2vw 0 0;
	}

	.unit_index_info04 p {
		width: 5.8vw;
		height: 5.8vw;
		max-width: 80px;
		max-height: 80px;
	}

	.unit_index_info04 p .img_thmb {
		width: 5.8vw;
		height: 5.8vw;
		max-width: 80px;
		max-height: 80px;
	}

	.unit_index_info04 dl {
		padding-left: 1.4vw;
		margin: -0.7vw 0 0;
	}

	.unit_index_info04 dt {
		font-size: 1.1vw;
		margin: 0 0 0.1vw;
	}

	.unit_index_info04 dd {
		font-size: 1.1vw;
	}
}

@media only screen and (max-width: 767px) {

	.box_index_info01,
	.box_index_info03 {
		width: 100%;
		max-height: initial;
		margin: 10.6vw 0 8vw;
		padding: 6.6vw 6.6vw 7.3vw;
	}

	.box_index_info01:before,
	.box_index_info02:before,
	.box_index_info03:before {
		padding-top: 0;
	}

	.box_index_info01:after {
		border-width: 0 0 2.6vw 2.6vw;
		bottom: 5.3vw;
		right: 5.3vw;
	}

	.box_index_info03:after {
		border-width: 0 0 2.6vw 2.6vw;
		bottom: 5.3vw;
		right: 5.3vw;
	}

	.box_index_info02 {
		width: 100%;
		max-height: initial;
		padding: 5.3vw 6.6vw 6.6vw;
		margin: 0 0 10.6vw;
	}

	.unit_index_info01,
	.unit_index_info02 {
		padding: 0;
		position: relative;
	}

	.unit_index_info05 {
		padding: 0;
		position: relative;
	}

	.unit_index_info03 a {
		font-size: 68.8%;
		width: 40%;
		padding: 2.6vw 0;
	}

	.unit_index_info03 a:after {
		border-width: 0.8vw 0 0.8vw 0.8vw;
		right: 2.6vw;
	}

	.ttl_index_info {
		font-size: 150%;
	}

	.ttl_index_info span {
		font-size: 41.6%;
	}

	.box_index_info01 p {
		font-size: 75%;
		line-height: 1.4;
	}

	.box_index_info01 .ttl_index_info span {
		line-height: 1.0;
		display: block;
		margin: 2vw 0 3.3vw;
	}

	.box_index_info02 .ttl_index_info span {
		margin: 0 0 0 2.9vw;
	}

	.unit_index_info04 {
		margin: 5.3vw 0 0;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	.unit_index_info04 p {
		width: 21.3vw;
		max-width: 21.3vw;
		height: 21.3vw;
	}

	.unit_index_info04 p a {
		display: block;
		width: 100%;
	}

	.unit_index_info04 p .img_thmb {
		width: 100%;
		height: auto;
	}

	.unit_index_info04 dl {
		width: 52.3vw;
		margin: -1.3vw 0 0;
	}

	.unit_index_info04 dt {
		font-size: 75%;
		margin: 0vw;
	}

	.unit_index_info04 dd {
		line-height: 1.5;
	}

	.box_index_info03 p {
		font-size: 75%;
		line-height: 1.4;
	}

	.box_index_info03 .ttl_index_info span {
		line-height: 1.0;
		display: block;
		margin: 2vw 0 3.3vw;
	}

}

.btn_tel_sp a{
  display: block;
    width: 100%;
    height: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    outline:none!important;
}

/* フッター footer
------------------------------------------------------------------*/
.logo_foot {
	width: 16.8%;
	margin: 80px 0 48px;
}

.logo_foot>img {
	width:100%;
	height:100%;
	object-fit:contain;
}

.unit_foot {
	width: 25.3%;
	margin-top: 75px;
}

.address_foot {
	color: #666464;
	font-size: 87.5%;
	letter-spacing: 0.09em;
	margin-bottom: 25px;
	white-space: nowrap;
}

.tel_foot {
	background: #094;
	border-radius: 10px;
	color: #fff;
	font-family: century-gothic, sans-serif;
	font-size: 175%;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	width: 96.7%;
	padding: 14px 0 24px;
	margin-bottom: 22px;
	display: inline-block;
	align-items: center;
	justify-content: center;
}

.tel_foot span {
	font-family: "Zen Maru Gothic", serif;
	font-size: 50%;
	font-weight: 500;
}

.tel_foot span:before {
	display: inline-block;
	transform: scaleX(-1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f095";
	margin: 0 7px 0 0;
}

.timetable_foot {
	width: 45.8%;
	max-width: 550px;
	margin-top: 75px;
}

.box_timetable_foot {
	background: #8fc31f;
	padding: 14px 30px 20px;
}

.timetable_foot table {
	width: 100%;
}

.timetable_foot thead th {
	border-bottom: solid 1px #fff;
	color: #fff;
	font-size: 87.5%;
	font-weight: 400;
	width: calc(41% / 8);
	text-align: left;
	padding: 0 0px 12px;
}

.timetable_foot thead th:first-child {
	width: 28%;
	text-align: center;
	padding: 0 15% 12px 0;
	white-space: nowrap;
}

.timetable_foot tbody tr th {
	color: #fff;
	font-weight: 400;
	padding: 20px 15% 2px 0;
	white-space: nowrap;
}

.timetable_foot tbody tr:last-child th {
	padding: 2px 15% 0 0;
}

.timetable_foot tbody tr td {
	color: #fff;
	font-size: 75%;
	width: calc(41% / 8);
	text-align: left;
	padding: 20px 0px 2px;
}

.timetable_foot tbody tr:last-child td {
	padding: 2px 0px 0;
}

.timetable_foot p {
	color: #666464;
	font-size: 87.5%;
	margin-top: 15px;
}

.copyright {
	color: #666464;
	font-family: "Zen Maru Gothic", serif;
	text-align: center;
	margin-bottom: 35px;
}

.pagetop {
	width: 100px;
	height: 99px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 1000;
}

@media only screen and (max-width: 1160px) {
	.address_foot span {
		display: block;
	}

	.tel_foot {
		width: 100%;
		padding: 8px 0 16px;
	}
}

@media only screen and (max-width: 1050px) {
	.tel_foot {
		font-size: 150%;
	}
}

@media only screen and (max-width: 960px) {
	.tel_foot {
		font-size: 137.5%;
	}
}

@media only screen and (max-width: 767px) {
	.logo_foot {
		width: 100%;
		margin: 10.6vw 0 0;
		text-align: center;
	}

	.logo_foot img {
		width: 27vw;
	}

	.unit_foot {
		width: 100%;
		margin-top: 6.6vw;
	}

	.address_foot {
		font-size: 87.5%;
		margin-bottom: 5.3vw;
		text-align: center;
	}

	.tel_foot {
		width: 100%;
		padding: 2.0vw 0 4.6vw;
		margin-bottom: 6vw;
		letter-spacing: .1em;
	}

	.tel_foot span:before {
		margin: 0 2.5vw 0 0;
	}

	.timetable_foot {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 5.3vw;
	}

	.timetable_foot .tbl {
		font-size: 93.75%;
	}

	.timetable_foot thead th {
		padding: 1.2vw 0 2vw;
	}

	.timetable_foot thead th:first-child {
		font-size: 80%;
		letter-spacing: .1em;
	}

	.timetable_foot tbody tr:first-child th:before,
	.timetable_foot tbody tr:first-child th:after {
		width: calc(10 / 750 * 100vw);
	}

	.timetable_foot tbody tr td {
		padding: 2.4vw 0 2vw;
	}

	.timetable_foot tbody tr:last-child td {
		padding: 1vw 0 1.8vw;
	}

	.box_timetable_foot {
		margin: 0 auto;
		font-size: 75%;
		padding: 4vw 5vw;
	}

	.timetable_foot ul {
		display: -webkit-box;
		/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: flex;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
		justify-content: space-around;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		font-size: 87.5%;
	}

	.timetable_foot ul li {
		padding-left: 6.5vw;
	}

	.timetable_foot p {
		margin-top: 2.6vw;
	}

	.copyright {
		margin-bottom: 4vw;
	}

	.pagetop {
		width: 20vw;
		height: 19.8vw;
		position: fixed;
		right: 3.2vw;
		bottom: 3.2vw;
	}
}

/* コンテンツ名 class
------------------------------------------------------------------*/

.index_news ul {
	overflow: hidden;
	position: relative;
	height: auto;
}


.cosmetic #cosmetic02 .row_default01 .col_txt {
	width: 100%;
}

.inv-recaptcha-holder {
	display: none;
}

/*以下追記*/

.tel>a {
	display: block;
}

.abisu_blog_flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.abisu_blog_img {
	width: 100px;
}

.abisu_blog_img img {
	border: 1px solid #8fc31f;
}

.abisu_blog_cont {
	width: calc(100% - 130px);
}

.index_news.ab_test_blog ul dt {
	color: #094;
}

.abisu_blog_item a {
	display: block;
	padding-bottom: 10px;
	border-bottom: solid 2px #094
}

.unit_index_info04 .abisu_blog_item a {
	display: block;
	padding-bottom: 0px;
	border-bottom: none;
}

.index_news{
  display:none;
}

[data-element-id].index_news{
  display:block;
}

.type_a .index_news {
	display: block;
}

.type_a .index_news.ab_test_blog {
	display: none;
}

.type_b .index_news {
	display: none;
}

.type_b .index_news.ab_test_blog {
	display: block;
}


.index_info{
  display:none;
}

[data-element-id].index_info{
  display:block;
}

.type_a .index_info.ab_test_info01 {
	display: block;
	padding-bottom: 2rem;
}

.type_a .index_info.ab_test_info02 {
	display: none;
	padding-bottom: 2rem;
}

.type_b .index_info.ab_test_info01 {
	display: none;
	padding-bottom: 2rem;
}

.type_b .index_info.ab_test_info02 {
	display: block;
	padding-bottom: 2rem;
}

.ft_nav_block>ul>li>a,
.ft_nav_block>ul>li>.a {
	display: block;
	color: #094;
	font-weight: bold;
	font-size: 16px;
	font-family: "Zen Maru Gothic", serif;
	position: relative;
	padding-left: 15px;
}

.ft_nav_block>ul>li>a::before,
.ft_nav_block>ul>li>.a::before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	background-color: #96c431;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 50%;
}

.ft_nav_block>ul>li li>a {
	display: inline-block;
	font-size: 14px;
	position: relative;
	padding-left: 35px;
	padding-top: 4px;
}

.ft_nav_block>ul>li li>a::before {
	content: "┗";
	color: #96c431;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 15px;
}

.ft_nav_block.cnd {
	margin-top: 28px;
}

.h1_area {
	display: none;
}

[data-element-id].h1_area {
	display: block;
}


.breadcrumbs {
	padding: 10px 0 0 0;
	font-family: "Zen Maru Gothic",
		serif;
}

.breadcrumbs-list {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.breadcrumbs-list li {
	display: inline;
	letter-spacing: 1px;
}

.breadcrumbs-list li.breadcrumbs-home,
.breadcrumbs-list li.breadcrumbs-prevpage {
	font-weight: bold;
	color: #094;
}

.breadcrumbs-list li+li::before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 10px;
	border-top: 2px solid #094;
	border-right: 2px solid #094;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.index_feature h2.for_sp {
	font-size: 137.5%;
	margin-bottom: 8vw;
}

.index_feature dt .ttl.for_sp {
	font-size: 1.2em;
}

.row_index_feature02 dt .ttl.for_sp {
	font-size: 1.1em;
}

.ttl_index_info.for_sp {
	font-size: 150%;
}

[data-element-id].box_index_info01,
[data-element-id].box_index_info02 {
	max-height: 300px;
}

.cat_list_01 {
	display: flex;
	flex-wrap: wrap;
}

.cat_list_01>span {
	font-family: "Noto Sans JP",
		"游ゴシック Medium",
		"游ゴシック体",
		"Yu Gothic Medium",
		YuGothic,
		"ヒラギノ角ゴ ProN",
		"Hiragino Kaku Gothic ProN",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #094;
	line-height: 1em;
	letter-spacing: 0;
	font-weight: 400;
	padding: 3px 5px;
	border-radius: 3px;
	margin: 2px;
}

.uk-lb:hover{
  cursor:pointer;
}

@media(max-width:767px) {
  .breadcrumbs-list li {
	font-size:14px;
}

	.box_index_info01,
	.box_index_info02 {
		max-width: 100%;
	}

	.index_news .ttl {
		width: 100%;
	}

	.abisu_blog_img {
		width: 80px;
	}

	.abisu_blog_cont {
		flex: 1;
		padding-left: 20px;
		margin: 0;
		width: calc(100% - 80px);
	}

	.unit_index_info04 .abisu_blog_cont {
		padding-left: 10px;
		margin: 0px 0 0;
	}

	.index_news ul dt {
		margin-bottom: 0vw;
	}

	.abisu_blog_flex .up-reader2 {
		-webkit-line-clamp: 1;
	}

	.ft_nav_block>ul>li li>a {
		padding-left: 25px;
		font-size:13px;
		letter-spacing:-.05em;
	}

	.ft_nav_block>ul>li li>a::before {
		left: 5px;
	}

	.breadcrumbs {
		padding: 5px 0 0 0;
	}

	.breadcrumbs li+li::before {
		width: 8px;
		height: 8px;
		margin: 0 5px 1px;
	}

	.cat_list_01>span {
		font-size: 10px;
		padding: 2px 3px;
		border-radius: 2px;
		margin: 1px;
	}
	
	.ft_nav_block.cnd {
	margin-top: 25px;
}
}

.rds-img{
  border-radius:50%;
  overflow:hidden;
}

[data-element-id].for_sp{
  max-width:375px;
  margin-left:auto;
  margin-right:auto;
}

[data-element-id].logo_sp {
		width: 300px;
		height: auto;
		margin: 0;
		position: relative;
		z-index: 900;
	}

[data-element-id].btn_tel_sp {
		position: relative;
		top: 0;
		right: 0;
		height: 60px;
		width: 60px;
		z-index: 10000;
		background: #094;
		border-radius: 10px;
		text-align: center;
	}

[data-element-id].btn_tel_sp:before {
		display: inline-block;
		transform: scaleX(-1);
		color: #fff;
		font-family: "Font Awesome 5 Free";
		font-size: 95.3%;
		font-weight: 900;
		content: "\f095";
		margin: 20px auto 0;
	}

[data-element-id].btn_tel_sp .tel2-num{
  display:block;
  width:200px;
  background-color:#d0c0a5;
  position:absolute;
  top:20px;
  left:100%;
}
[data-element-id].gnav_sp {
		padding: 0vw 0;
		overflow-y: auto;
		overflow-x: hidden;
		background: #fff;
		color: #333;
		position: relative;
		top: 0;
		right: 0;
		z-index: 9997;
		height: 100%;
		opacity: 1;
		width: 100%;
		transition: opacity .6s ease, visibility .6s ease;
		line-height: 1.45;
		letter-spacing: .1em;
	}

[data-element-id].gnav_sp .h1_dummy{
  display:none;
}

[data-element-id].gnav_sp>nav>ul>li {
		padding: 0vw;
		opacity: 1;
		transform: translateX(0);
		transition: transform .6s ease, opacity .2s ease;
		z-index: 7000;
	}

[data-element-id].gnav_sp>nav>ul>li>a,
[data-element-id].gnav_sp>nav>ul>li>.a {
		padding: 10px 30px;
		border-bottom: 1px solid #094;
		display: block;
		display: -webkit-box;
		/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-pack: justify;
		/*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
		/*--- IE10 ---*/
		-webkit-justify-content: space-between;
		/*--- safari（PC）用 ---*/
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		-ms-align-items: center;
		align-items: center;
		position: relative;
		font-size: 87.5%;
	}

[data-element-id].gnav_sp>nav>ul>li:first-child>a {
		border-top: 1px solid #094;
	}

[data-element-id].gnav_sp>nav>ul>li>a:after {
		content: "";
		position: absolute;
		right: 2px;
		top: 0;
		bottom: 0;
		width: 4px;
		height: 4px;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		transform: rotate(-45deg);
		margin: auto;
	}

[data-element-id].gnav_sp>nav>ul>li.sub_nav_sp>a:after {
		transform: rotate(45deg);
	}

[data-element-id].open .gnav_sp {
		visibility: visible;
		opacity: 1;
	}

[data-element-id].open .gnav_sp>nav>ul>li {
		opacity: 1;
		transform: translateX(0);
		transition: transform 1s ease, opacity .9s ease;
	}

[data-element-id].sub_nav_sp {
		position: relative;
	}

[data-element-id].sub_nav_sp nav {
		display: block;
		position: relative;
		z-index: 9999;
		width: 100%;
		padding: 0vw 3vw 3vw;
		margin: 3vw 0 0;
		border-bottom: 1px solid #094;
	}

[data-element-id].sub_nav_sp nav ul {
		background: #7fcca1;
		border-radius: 10px;
		padding: 1.8vw 30px;
	}

[data-element-id].sub_nav_sp nav ul:before {
		content: '';
		position: absolute;
		top: -4vw;
		left: 50%;
		transform: translateX(-50%);
		border: 2vw solid transparent;
		border-left-width: 2vw;
		border-right-width: 2vw;
		border-bottom: 2vw solid #7fcca1;
	}

[data-element-id].sub_nav_sp nav a {
		color: #fff;
		font-family: "Zen Maru Gothic", serif;
		font-size: 81.3%;
		font-weight: 700;
		line-height: 3.0;
		display: inline-block;
		overflow: hidden;
		position: relative;
	}
	
[data-element-id].gnav_head .sub_nav nav {
    display: block;
    position:absolute;
    top:150%;
    left:-200px;
    width:800px;
}

[data-element-id].wrap_head .inflex{
  align-items: flex-start;
}

[data-element-id].info_head{
  min-height:90px;
}

[data-element-id].gnav_head .sub_nav nav ul{
  display:flex;
  justify-content: space-between;
}

[data-element-id].gnav_head .sub_nav nav ul:before{
  left:240px;
  border-bottom: 28px solid #7fcca1;
  top:auto;
  bottom:100%;
}

[data-element-id].wrap_head{
  margin-bottom:90px;
}

[data-element-id].info_head_sp {
		width: 100%;
		padding: 0 30px;
		margin: -0 0 0;
		position: relative;
		z-index: 800;
	}

[data-element-id].info_head_sp li {
		color: #094;
		font-size: 68.8%;
		font-weight: 700;
		line-height: 1.0;
	}

[data-element-id].info_head_sp li:before {
		color: #8fc31f;
		display: inline-block;
		margin: 0 0 0 0;
	}

[data-element-id]#content_home .bg_img.up-d-none\@tb,
[data-element-id]#content_home .bg_img.up-d-none\@sp,
[data-element-id]#content_home .bg_img.up-show{
  position:relative;
  width:500px;
  display:inline-block;
  border:2px solid blue;
}

[data-element-id]#content_home .index_info .bg_img.up-show{
  width:100%;
  height:auto;
}

[data-element-id]#content_home .bg_img.up-d-none\@tb::after,
[data-element-id]#content_home .bg_img.up-d-none\@sp::after,
[data-element-id]#content_home .bg_img.show::after{
    content: 'PC時の背景画像';
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: yellow;
    text-align: center;
    background: blue;
}

[data-element-id]#content_home .bg_img.up-d-none,
[data-element-id]#content_home .bg_img.up-hide{
  position:relative;
  width:300px;
  display:inline-block;
  border:2px solid yellow;
}

[data-element-id]#content_home .index_info .bg_img.up-hide{
  width:60%;
  height:auto;
}

[data-element-id]#content_home .bg_img.up-d-none::after,
[data-element-id]#content_home .bg_img.up-hide::after{
    content: 'スマホ時の背景画像';
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: blue;
    text-align: center;
    background: yellow;
}

[data-element-id].list_index_medical dd.txt_on,
[data-element-id].contact_index_medical dd.txt_on,
[data-element-id].list_index_medical a:hover dd.txt_off,
[data-element-id].list_index_medical .a:hover dd.txt_off,
[data-element-id].contact_index_medical a:hover dd.txt_off{
  display:flex;
}

[data-element-id].img_index_medical{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

[data-element-id].img_index_medical .off-img {
    width: 48%;
}

[data-element-id].img_index_medical .on-img {
    width: 48%;
    opacity:1;
    position: relative;
}

[data-element-id].box_index_info01:before,
[data-element-id].box_index_info02:before,
[data-element-id].box_index_info03:before{
  padding-top:0px;
}

[data-element-id].box_index_info01,
[data-element-id].box_index_info02,
[data-element-id].box_index_info03{
  height:500px;
  max-height:500px;
}

[data-element-id].ab_test_parent{
  width:200px;
}

[data-element-id].main_img.up-d-none\@sp{
  display:block;
  position:relative;
  height:600px;
  overflow:visible;
  border: 2px solid blue;
}

[data-element-id].mv_img.up-d-none\@sp{
  display:block;
  position:relative;
  height:300px;
  overflow:visible;
  border: 2px solid blue;
}

[data-element-id].main_img.up-d-none\@sp::after,
[data-element-id].mv_img.up-d-none\@sp::after{
    content: 'PC時の画像';
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: yellow;
    text-align: center;
    background: blue;
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
}

[data-element-id].main_img.up-d-none{
  display:block;
  position:relative;
  width:60%;
  max-width:400px;
  height:250px;
  overflow:visible;
  border: 2px solid yellow;
}

[data-element-id].mv_img.up-d-none{
  display:block;
  position:relative;
  width:60%;
   max-width:400px;
  height:200px;
  overflow:visible;
  border: 2px solid yellow;
}

[data-element-id].main_img.up-d-none::after,
[data-element-id].mv_img.up-d-none::after{
    content: 'スマホ時の画像';
    display: block;
    font-weight: 700;
    font-size: 12px;
    color:blue;
    text-align: center;
    background: yellow;
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
}

[data-element-id].tbl_common01 table div{
  width:100%;
  display:flex;
  align-items: center;
  position:relative;
}

[data-element-id].tbl_common01 table div tr{
  width:100%;
}


/* 2025.05.20 */

.sports{
  margin-top: 2rem;
}

.sports-flex{
  display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 1rem auto 0rem;
}

.sports-flex img{
  width: 35%;
}

.sports-flex p{
  width: 62%;
}

.sports-p{
  text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

@media(max-width:1024px) {
  .sports-flex {
    width: 100%;
}
}

@media(max-width:599px) {
  .sports {
    margin-top: 0rem;
}

.sports-p {
  text-align: left;
  font-size: 16px;
}

.sports-flex {
    display: block;
    width: 100% !important;
}

.sports-flex {
        width: 90%;
        margin: auto;
    }
    
.sports-flex img {
    width: 100%;
}

.sports-flex p {
    width: 100%;
    margin-top: 10px;
}
}

.mt6rem{
  padding-top: 5rem;
}


.shisetsu{
  margin-bottom: 3rem;
}

  
