@charset "utf-8";
/* ==============================================*/
/* 
/* 目次
/* 
/* 　▼共通
/* 　　　reset
/* 　　　fonts
/* 　　　base
/* 　　　parts
/* 　　　layout
/*
/* 　▼個別ページ
/* 　　　top
/* 　　　service
/* 　　　doctor
/* 　　　information
/* 　　　access
/* 　　　404
/*
/* ==============================================*/
/* =====================================
　　　reset
===================================== */
h1,h2,h3,h4,h5,h6{
	margin: 0;
}
p{
	margin-top: 0;
	margin-bottom: 1.5em;
}
p:last-child{
	margin-bottom: 0;
}
ul,ol,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	list-style: none;
}
input,
select,
textarea,
button{
	outline: none;
}
address{
	font-style: normal;
}


/* =====================================
　　　fonts
===================================== */
@font-face {
  font-family: 'mplus1p';
  src:  url('../fonts/mplus_1p_bold.eot');
  src:  url('../fonts/mplus_1p_bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mplus_1p_bold.woff') format('woff'),
    url('../fonts/mplus_1p_bold.woff2') format('woff2'),
    url('../fonts/mplus_1p_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

html{
	font-size: 62.5%; /* 10px */
}
body{
	color: #3c332f;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2.4;
}
@media only screen and (max-width: 767px) {
	body{
		font-size: 1.6rem;
	}
}

[class^="tl"]{
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}


/* =====================================
　　　base
===================================== */
@media only screen and (max-width: 767px) {
	.pc_only{
		display: none !important;
	}
}
@media print, screen and (min-width: 768px) {
	.sp_only{
		display: none !important;
	}
}

::selection {
    background: #e77095 ;
    color: #fff;
}
::-moz-selection {
    background: #e77095 ;
    color: #fff;
}

.tal{ text-align: left !important; }
.tac{ text-align: center !important; }
.tar{ text-align: right !important; }

.vat{ vertical-align: top !important; }
.vam{ vertical-align: middle !important; }
.vab{ vertical-align: bottom !important; }

.bold{ font-weight: bold; }

.indent{
	padding-left: 1em;
	text-indent: -1em;
}
.indent3{
	padding-left: 3.2em;
	text-indent: -3.2em;
}
span[class*="indent"]{
	display: inline-block;
}

.mt0{ margin-top: 0 !important; }
.mb0{ margin-bottom: 0 !important; }
.pt0{ padding-top: 0 !important; }
.pb0{ padding-bottom: 0 !important; }

.flex{ display: -webkit-flex; display: flex; }
.flex.nowrap{ -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex.between{ -webkit-justify-content: space-between; justify-content: space-between; }
.flex.center{ -webkit-justify-content: center; justify-content: center; }
.flex.end{ -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex.a_center{ -webkit-align-items: center !important; align-items: center !important; }
.flex.a_top{ -webkit-align-items: flex-start !important; align-items: flex-start !important; }
.flex.a_end{ -webkit-align-items: flex-end !important; align-items: flex-end !important; }

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.ofi{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*font-family: 'object-fit: cover;'; /*IE対策*/
}

a{
	color: inherit;
}
#main a:not(.btn){
	position: relative;
	/*display: inline-block;*/
	color: #0099dc;
	text-decoration: none;
	transition: .2s;
}
#main a:not(.btn)::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 1px;
	border-radius: 1px;
	background: #0099dc;
	transition: .2s;
}
#main a:not(.btn):hover{
	color: #e77095;
}
#main a:not(.btn):hover::before{
	bottom: 3px;
	background: #e77095;
}
@media print, screen and (min-width: 768px) {
	a[href^="tel"]{
		pointer-events: none !important;
		text-decoration: none !important;
	}
}

table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}


/* =====================================
　　　parts
===================================== */
.tl_sec{
	margin-bottom: 30px;
	line-height: 1.5;
	text-align: center;
}
.tl_sec span{
	display: inline-block;
}
.tl_sec .ja{
	margin-bottom: 0.2em;
	font-size: 3rem;
}
.tl_sec .en{
	display: block;
	color: #0099dc;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.7rem;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
	.tl_sec .ja{
		font-size: 2.4rem;
	}
	.tl_sec .en{
		font-size: 1.5rem;
	}
}
.tl_sub{
	padding-left: 1em;
	font-size: 1.7rem;
	text-indent: -1em;
}
.tl_sub::before{
	content: "●";
	color: #0099dc;
}
/*[class*="arrow"]{
	position: relative;
	display: inline-block;
}
[class*="arrow"]::before,
[class*="arrow"]::after{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow_brown::before,
.arrow_brown::after{
	border-top-color: #443c38;
	border-right-color: #443c38;
}*/


/* =====================================
　　　layout
===================================== */
*, *::before, *::after{
	box-sizing: border-box;
}

#wrapper{
	position: relative;
	overflow: hidden;
}

.wrap_header_bg{ /* レイヤーの関係でheaderが最前面である必要があり、背景を別で用意 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	overflow: hidden;
	background: linear-gradient(to bottom, #0aa4e0 50%, #fff 51%);
}
@media only screen and (max-width: 767px) {
	.wrap_header_bg{
		height: 62.5vw;
	}
}
/*@-webkit-keyframes bg_kumo {
	from { top: 0; -webkit-transform: scale(1.05); }
	to { top: 5px; -webkit-transform: scale(1); }
}
@keyframes bg_kumo {
	from { top: 0; transform: scale(1.05); }
	to { top: 5px; transform: scale(1); }
}*/
@-webkit-keyframes bg_kumo {
	from { background-size: 103% auto; -webkit-transform: translateY(5px);}
	to { background-size: 100% auto; -webkit-transform: translateY(5px); }
}
@keyframes bg_kumo {
	from { background-size: 103% auto; transform: translateY(5px); }
	to { background-size: 100% auto; transform: translateY(5px); }
}
.wrap_header_bg::before,
.wrap_header_bg::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.wrap_header_bg::before{
	background: url(../img/common/bg_kumo02.png) center -8px / cover no-repeat;
	-webkit-animation: bg_kumo 2s linear alternate infinite;
	animation: bg_kumo 2s linear alternate infinite;
}
.wrap_header_bg::after{
	/*background-image: url(../img/common/bg_kumo.png), linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 51%);*/
	background: url(../img/common/bg_kumo.png) center -8px / cover no-repeat, linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 51%) center bottom / 100% 100% no-repeat;
}
@-webkit-keyframes bg_toright {
	from { background-position: 0 0; }
	to { background-position: 1400px 0; }
}
@keyframes bg_toright {
	from { background-position: 0 0; }
	to { background-position: 1400px 0; }
}
.wrap_header_bg .bg_kumo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/common/bg_hd_kumo01.png") 0 0 / 1400px auto repeat-x;
	-webkit-animation: bg_toright 40s linear infinite;
	animation: bg_toright 40s linear infinite;
}
.wrap_header_bg .bg_kumo::before,
.wrap_header_bg .bg_kumo::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wrap_header_bg .bg_kumo::before{
	background: url("../img/common/bg_hd_kumo02.png") 0 0 / 1400px auto repeat-x;
	-webkit-animation: bg_toright 60s linear infinite;
	animation: bg_toright 60s linear infinite;
}
.wrap_header_bg .bg_kumo::after{
	background: url("../img/common/bg_hd_kumo03.png") 0 0 / 1400px auto repeat-x;
	-webkit-animation: bg_toright 80s linear infinite;
	animation: bg_toright 80s linear infinite;
}
@media only screen and (max-width: 767px) {
	.wrap_header_bg .bg_kumo,
	.wrap_header_bg .bg_kumo::before,
	.wrap_header_bg .bg_kumo::after{
		background-size: 700px auto;
	}
}
.wrap_header_bg .bg_yama::before,
.wrap_header_bg .bg_yama::after{
	content: "";
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 28.5vw;
	height: 42vw;
	max-width: 400px;
	max-height: 580px;
	background-repeat: no-repeat;
	background-size: cover;
}
.wrap_header_bg .bg_yama::before{
	left: 0;
	background-image: url(../img/common/bg_yama_left.png);
	background-position: right bottom;
}
.wrap_header_bg .bg_yama::after{
	right: 0;
	background-image: url(../img/common/bg_yama_right.png);
	background-position: left bottom;
}

#header{
	position: relative;
	z-index: 3;
	/*background: linear-gradient(to bottom, #0aa4e0 50%, #fff 51%);*/
}
/*#header::before{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: url(../img/common/bg_kumo02.png) center -8px / cover no-repeat;
}*/
.wrap_header{
	position: relative;
	height: 490px;
	padding-top: 100px;
	/*background: url(../img/common/bg_kumo.png) center -8px / cover no-repeat;*/
}
@media only screen and (max-width: 767px) {
	.wrap_header{
		height: 62.5vw;
		padding-top: 12vw;
	}
}
/*.wrap_header::before,
.wrap_header::after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 28.5vw;
	height: 42vw;
	max-width: 400px;
	max-height: 580px;
	background: 0 bottom / 100% auto no-repeat;
}
@media print, screen and (min-width: 768px) {
	.top .wrap_header::before,
	.top .wrap_header::after{
		width: 36vw;
		height: 52vw;
		max-width: 500px;
		max-height: 720px;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_header::before,
	.wrap_header::after{
		width: 23vw;
	}
}
.wrap_header::before{
	left: 0;
	background-image: url(../img/common/bg_yama_left.png);
}
.wrap_header::after{
	right: 0;
	background-image: url(../img/common/bg_yama_right.png);
}*/
.tl_site{
	margin: 0 auto;
	text-align: center;
}
.tl_site a{
	display: inline-block;
	max-width: 426px;
}
.top .tl_site a{
	max-width: 500px;
}
@media only screen and (max-width: 767px) {
	.tl_site a{
		width: 75vw;
	}
}

#trigger-nav{
	display: none;
}
@media only screen and (max-width: 767px) {
	.btn_nav{
		position: fixed;
		top: 0;
		right: 5px;
		width: 45px;
		transition: top .4s;
	}
	#trigger-nav:checked ~ .btn_nav{
		top: 85vh;
	}
}
#nav{
	position: relative;
	z-index: 2;
}
@media print, screen and (min-width: 768px) {
	#nav{
		margin: 40px 0;
	}
}
@media only screen and (max-width: 767px) {
	#nav{
		position: fixed;
		top: 0;
		right: 0;
		/*display: flex;
		flex-direction: column;
		justify-content: center;*/
		width: 90vw;
		height: 0;
		padding: 0 25px;
		overflow: hidden;
		background: #f6f5ef;
		transition: height .4s;
	}
	#trigger-nav:checked ~ #nav{
		height: 85vh;
	}
	#nav::before,
	#nav::after{
		content: "";
		position: absolute;
		width: 100%;
		background: url("../img/common/bg_mokume.png") center center / 100% auto repeat-y;
	}
	#nav::before{
		top: 0;
		left: 0;
		height: 50px;
	}
	#nav::after{
		bottom: 0;
		left: 0;
		height: 10px;
	}
	.btn_nav_close{
		position: absolute;
		top: 0;
		right: 5px;
		display: block;
		width: 45px;
		height: 50px;
	}
	.btn_nav_close::before,
	.btn_nav_close::after{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		width: 20px;
		height: 2px;
		margin: 0 auto;
		border-radius: 1px;
		background-color: #fff;
	}
	.btn_nav_close::before{
		transform: rotate(45deg);
	}
	.btn_nav_close::after{
		transform: rotate(-45deg);
	}
}
.list_nav{
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.list_nav::before{
		content: "- Menu -";
		display: block;
		font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		font-size: 1.6rem;
		letter-spacing: 0.1em;
	}
}
.list_nav .item{
	position: relative;
	display: inline-block;
	margin: 0 0.5em;
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 2.1rem;
	font-weight: 700;
}
@media only screen and (max-width: 767px) {
	.list_nav .item{
		display: block;
	}
}
.list_nav .item a{
	position: relative;
	display: inline-block;
	padding: 0.5em 0.5em 1.2em 0.5em;
	color: #3c332f;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	.list_nav .item a{
		padding: 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.list_nav .item:not(.access) a::before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 112px;
		height: 16px;
		margin: 0 auto;
		background: url("../img/common/nav.svg") center top / 100% 100% no-repeat;
		transition: .2s;
	}
	.service .list_nav .item.service a::before,
	.doctor .list_nav .item.doctor a::before,
	.information .list_nav .item.information a::before{
		background-image: url("../img/common/nav_active.svg");
	}
	.list_nav .item:not(.access) a:hover::before{
		bottom: 5px;
	}
	.list_nav .item.access{
		position: fixed;
		top: 150px;
		right: 0;
		z-index: 99;
		width: 110px;
		height: 260px;
		margin: 0;
	}
	.list_nav .item.access a{
		padding: 0;
	}
}

.wrap_tel{
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 2.85rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
}
.wrap_tel a{
	color: #534038;
}
.wrap_tel a::before{
	content: "Tel.";
	padding-top: 5px;
	font-size: 70%;
}
@media print, screen and (min-width: 768px) {
	.wrap_tel{
		position: fixed;
		top: 30px;
		right: -30px;
		z-index: 999;
		width: 370px;
		height: 108px;
		background: url(../img/common/bg_kumo_tel.png) 0 0 no-repeat;
	}
	.wrap_tel a{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0 1em 0.25em 0;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_tel{
		margin-bottom: 30px;
		padding-top: 80px;
		padding-bottom: 30px;
		line-height: 1.6;
		border-bottom: 2px dashed #534038;
	}
	.wrap_tel a{
		text-decoration: none;
	}
	.wrap_tel a::before{
		content: "- Tel -";
		display: block;
		font-size: 1.6rem;
	}
}

#footer{
	position: relative;
	z-index: 2;
	background: url("../img/common/bg_ft_yama.png") center bottom / 100% 372px no-repeat #e1f0f8;
}
@media only screen and (max-width: 767px) {
	#footer{
		background-size: 100% 165px;
	}
}
#footer::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_ft_flower.png) center bottom repeat-x;
}
.wrap_footer{
	position: relative;
	z-index: 2;
	padding-top: 25vw;
	padding-bottom: 350px;
	background: url("../img/common/bg_ft_kumo.png") center top / 100% auto no-repeat;
}
@media print, screen and (min-width: 1400px) {
	.wrap_footer{
		padding-top: 360px;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_footer{
		padding-bottom: 200px;
	}
}
.cont_footer{
	width: calc(100% - 80px);
	max-width: 600px;
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: bold;
}
.cont_footer .wrap_map{
	position: relative;
}
@media print, screen and (min-width: 1080px) {
	.cont_footer{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-items: center;
		align-items: center;
		width: calc(100% - 160px);
		max-width: 1120px;
		margin: 0 auto;
	}
	.cont_footer .wrap_basic{
		width: 37.5%;
	}
	.cont_footer .wrap_map{
		width: 52%;
		margin-left: 3%;
	}
}
@media only screen and (max-width: 1079px) {
	.cont_footer .wrap_map{
		margin-top: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.cont_footer{
		width: calc(100% - 40px);
	}
	.cont_footer .wrap_map{
		margin-top: 30px;
	}
}
.cont_footer .wrap_hours{
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.cont_footer .wrap_hours{
		margin-top: 30px;
	}
}
.tbl_hours{
	position: relative;
	margin-bottom: 10px;
	white-space: nowrap;
}
.tbl_hours::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	background-color: #534038;
}
.tbl_hours thead th,
.tbl_hours thead td{
	color: #fff;
	font-weight: bold;
	background: #443c38;
}
.tbl_hours thead th{
	padding: 4px 20px;
	text-align: left;
	border-radius: 2px 0 0 2px;
}
.tbl_hours thead td{
	width: 8.5%;
	padding: 4px 5px;
	text-align: center;
}
.tbl_hours thead td:last-of-type{
	width: 5%;
	border-radius: 0 2px 2px 0;
}
.tbl_hours tbody th{
	padding: 6px 35px 6px 20px;
	text-align: right;
}
.tbl_hours tbody td{
	padding: 6px 5px;
	text-align: center;
}
.tbl_hours tbody tr:nth-child(n+2){
	border-top: 2px dotted #b4aeac;
}
.tbl_hours tbody .open{
	color: #e77095;
}
.wrap_hours p{
	text-align: center;
}

.cont_footer .wrap_map .btn_zoom{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 38px;
	height: 38px;
	padding: 7px;
	border-radius: 2px;
	background-color: #443c38;
	/*background: url("../img/common/icon_zoom.svg") center center / 24px 24px no-repeat #443c38;*/
}
.cont_footer .wrap_map .btn_zoom img{
	vertical-align: top;
}

@-webkit-keyframes tori_ft {
	0%{
		top: 5vw;
		left: 68%;
		-webkit-transform: rotate(-55deg);
	}20%{
		top: 13vw;
		left: 46%;
	}40%{
		top: 10vw;
		left: 24%;
		-webkit-transform: rotate(-5deg);
	}60%{
		top: 10vw;
		left: 24%;
		-webkit-transform: rotate(-55deg);
	}80%{
		top: 19vw;
		left: 2%;
	}100%{
		top: 10vw;
		left: -20%;
		-webkit-transform: rotate(10deg);
	}
}
@keyframes tori_ft {
	0%{
		top: 5vw;
		left: 68%;
		transform: rotate(-55deg);
	}20%{
		top: 13vw;
		left: 46%;
	}40%{
		top: 10vw;
		left: 24%;
		transform: rotate(-5deg);
	}60%{
		top: 10vw;
		left: 24%;
		transform: rotate(-55deg);
	}80%{
		top: 19vw;
		left: 2%;
	}100%{
		top: 10vw;
		left: -20%;
		transform: rotate(10deg);
	}
}
#footer .tori{
	position: absolute;
	width: 62px;
	height: 40px;
	background: url("../img/common/img_ft_tori.png") 0 0 / 100% auto no-repeat;
	-webkit-animation: tori_ft 14s linear infinite;
	animation: tori_ft 14s linear infinite;
}
@media only screen and (max-width: 767px) {
	#footer .tori{
		width: 31px;
		height: 20px;
	}
}
@-webkit-keyframes toleft {
	from { left: 0 }
	to { left: 100%; }
}
@keyframes toleft {
	from { left: 0 }
	to { left: 100%; }
}
#footer .kumo{
	position: absolute;
	top: 14vw;
	left: 0;
	width: 100%;
	height: 100px;
}
#footer .kumo::before{
	content: "";
	position: absolute;
	top: 0;
	width: 90px;
	height: 34px;
	background: url("../img/common/img_ft_kumo.png") 0 0 / 100% 100% no-repeat;
	animation: toleft 48s linear infinite;
}
#footer .kumo::after{
	content: "";
	position: absolute;
	top: 3vw;
	width: 32px;
	height: 15px;
	background: url("../img/common/img_ft_kumo.png") 0 0 / 100% 100% no-repeat;
	animation: toleft 36s linear infinite;
}
@media only screen and (max-width: 767px) {
	#footer .kumo::before{
		width: 45px;
		height: 17px;
	}
	#footer .kumo::after{
		width: 24px;
		height: 10px;
	}
}

.copyright{
	position: relative;
	bottom: 160px;
	width: calc(100% - 160px);
	max-width: 1120px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
	.copyright{
		width: calc(100% - 40px);
		color: #443c38;
		text-align: center;
	}
}

#pagetop{
	position: fixed;
	bottom: -160px;
	right: 40px;
	z-index: 99;
	width: 94px;
	height: 140px;
	transition: .4s;
}
#pagetop.on{
	bottom: -85px;
}
@media only screen and (max-width: 767px) {
	#pagetop{
		bottom: -120px;
		right: 20px;
		width: 47px;
		height: 70px;
	}
	#pagetop.on{
		bottom: -30px;
	}
}
#pagetop::before{
	content: "";
	position: absolute;
	top: -13px;
	right: -26px;
	width: 26px;
	height: 26px;
	background: url("../img/common/img_cho.png") 0 0 / 100% auto no-repeat;
}
@media only screen and (max-width: 767px) {
	#pagetop::before{
		right: -13px;
		width: 13px;
		height: 13px;
	}
}
.btn_pagetop{
	display: block;
	width: 100%;
	height: 100%;
}
.btn_pagetop::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url("../img/common/btn_pagetop_flower.png") center bottom / 100% auto no-repeat;
}
.btn_pagetop::after{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 60px;
	background: url("../img/common/btn_pagetop_text.png") center top / 100% auto no-repeat;
}
@media only screen and (max-width: 767px) {
	.btn_pagetop::after{
		height: 30px;
	}
}
@media print, screen and (min-width: 768px) {
	.btn_pagetop::after{
		bottom: calc(100% - 60px);
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		transition: .2s;
	}
	.btn_pagetop:hover::after{
		bottom: 100%;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

#main{
	position: relative;
	z-index: 2;
}
.container{
	background: url("../img/common/bg_kumo_left.png") left 250px / 25vw auto repeat-y, url("../img/common/bg_kumo_right.png") right 250px / 25vw auto repeat-y;
}
[class*="wrap_page_tl"]{
	position: relative;
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	[class*="wrap_page_tl"]{
		width: calc(100% - 20px);
	}
}
[class*="wrap_page_tl"]::before,
[class*="wrap_page_tl"]::after{
	content: "";
	position: absolute;
	top: -118px;
	width: 82px;
	height: 150px;
	background: url("../img/common/img_fusen.png") 0 0 / 100% auto no-repeat;
}
[class*="wrap_page_tl"]::before{
	left: 22px;
}
[class*="wrap_page_tl"]::after{
	right: 22px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
@media only screen and (max-width: 767px) {
	[class*="wrap_page_tl"]::before,
	[class*="wrap_page_tl"]::after{
		top: -70px;
		width: 40px;
		height: 70px;
	}
	[class*="wrap_page_tl"]::before{
		left: -12px;
	}
	[class*="wrap_page_tl"]::after{
		right: -12px;
	}
}
.tl_page{
	position: relative;
	height: 100px;
	margin: 0 60px;
	color: #fff;
	z-index: 3;
}
@media only screen and (max-width: 767px) {
	.tl_page{
		height: 60px;
		margin: 0 35px;
	}
}
.tl_page::before,
.tl_page::after{
	content: "";
	position: absolute;
	top: -15px;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
}
.tl_page::before{
	left: -65px;
	border-width: 50px 50px 50px 30px;
	border-color: #0088d4 #0088d4 #0088d4 transparent;
}
.tl_page::after{
	right: -65px;
	border-width: 50px 30px 50px 50px;
	border-color: #0088d4 transparent #0088d4 #0088d4;
}
@media only screen and (max-width: 767px) {
	.tl_page::before{
		left: -35px;
		border-width: 30px 30px 30px 15px;
	}
	.tl_page::after{
		right: -35px;
		border-width: 30px 15px 30px 30px;
	}
}
.tl_page .en{
	position: absolute;
	top: -46px;
	left: 0;
	right: 0;
	z-index: 3;
	display: block;
	width: 156px;
	height: 67px;
	margin: 0 auto;
}
.tl_page .ja{
	position: relative;
	z-index: 2;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	font-size: 3.6rem;
	letter-spacing: 0.1em;
	background: #0099dc;
}
@media only screen and (max-width: 767px) {
	.tl_page .ja{
		font-size: 2.4rem;
	}
}

[class*="wrap_page_body"]{
	width: calc(100% - 240px);
	max-width: 1000px;
	margin: 50px auto 0;
}
@media only screen and (max-width: 767px) {
	[class*="wrap_page_body"]{
		width: calc(100% - 40px);
		margin-top: 25px;
	}
}

.box_beige{
	padding: 40px;
	border-radius: 20px;
	background-color: #f6f5ef;
}
@media only screen and (max-width: 767px) {
	.box_beige{
		padding: 30px;
		border-radius: 10px;
	}
}


/* =====================================
　　　top
===================================== */
.wrap_top_slide{
	position: relative;
	height: 100vh;
}
.wrap_top_slide::before,
.wrap_top_slide::after{
	content: "";
	position: absolute;
	top: 0;
	width: 280px;
	height: 180px;
	max-width: 20vw;
	max-height: 14vw;
	z-index: 1;
}
.wrap_top_slide::before{
	left: 0;
	background: url("../img/top/kv_sora01.png") 0 0 / 100% auto no-repeat;
}
.wrap_top_slide::after{
	right: 0;
	background: url("../img/top/kv_sora02.png") 0 0 / 100% auto no-repeat;
}
.wrap_top_slide .item{
	width: 100%;
	height: 100vh;
}
@media only screen and (max-width: 767px) {
	.wrap_top_slide,
	.wrap_top_slide .item{
		height: 50vh;
	}
}

.top .wrap_header_bg{
	top: calc(100vh - 330px);
	background: none;
}
@media print, screen and (min-width: 768px) {
	.top .wrap_header_bg{
		height: 720px;
	}
}
@media only screen and (max-width: 767px) {
	.top .wrap_header_bg{
		top: 40vh;
	}
}
.top .wrap_header_bg .bg_kumo{
	display: none;
}
@media print, screen and (min-width: 768px) {
	.top .wrap_header_bg::before,
	.top .wrap_header_bg::after{
		top: 85px;
	}
	.top .wrap_header_bg .bg_yama::before,
	.top .wrap_header_bg .bg_yama::after{
		width: 36vw;
		height: 720px;
		max-width: 501px;
		max-height: 720px;
	}
}

.top #header{
	margin-top: -245px;
}
@media only screen and (max-width: 767px) {
	.top #header{
		margin-top: -10vh;
	}
}

.wrap_page_body_top{
	max-width: inherit;
}
@media only screen and (max-width: 767px) {
	.wrap_page_body_top{
		width: calc(100% - 30px);
		margin-top: -6vw;
	}
}

.tl_top_en{
	position: relative;
	max-width: 340px;
	height: 42px;
	margin: 0 auto 80px;
	color: #fff;
	line-height: 42px;
	text-align: center;
	background: #0099dc;
}
.tl_top_en::before,
.tl_top_en::after{
	content: "";
	position: absolute;
	top: 8px;
	width: 0;
	height: 0;
	border-style: solid;
}
.tl_top_en::before{
	left: -30px;
	border-width: 21px 20px 21px 10px;
	border-color: #0088d4 #0088d4 #0088d4 transparent;
}
.tl_top_en::after{
	right: -30px;
	border-width: 21px 10px 21px 20px;
	border-color: #0088d4 transparent #0088d4 #0088d4;
}
@media only screen and (max-width: 767px) {
	.tl_top_en{
		max-width: 200px;
		height: 30px;
		margin-bottom: 50px;
		line-height: 30px;
	}
	.tl_top_en::before{
		border-width: 15px 20px 15px 10px;
	}
	.tl_top_en::after{
		border-width: 15px 10px 15px 20px;
	}
}
.tl_top{
	margin-bottom: 1em;
	color: #60b031;
	font-size: 2.8rem;
	line-height: 1.7;
}
@media only screen and (max-width: 767px) {
	.tl_top{
		font-size: 2.1rem;
	}
}

/*[class^="sec_top"]{
	position: relative;
}*/
[class^="sec_top"]:not(:first-of-type){
	margin-top: 160px;
}
@media only screen and (max-width: 767px) {
	[class^="sec_top"]:not(:first-of-type){
		width: calc(100% - 50px);
		margin-top: 120px;
	}
}
/*.wrap_btn_top{
	position: absolute;
	z-index: 1;
}*/
.wrap_btn_top .btn{
	position: relative;
	display: inline-block;
	width: 168px;
	height: 168px;
	padding-top: 50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	.wrap_btn_top .btn{
		width: 120px;
		height: 120px;
		padding-top: 35px;
	}
}
.wrap_btn_top .btn::before,
.wrap_btn_top .btn::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wrap_btn_top .btn::before{
	background: url("../img/top/bg_btn02.png") 0 0 / 100% auto no-repeat;
}
.wrap_btn_top .btn::after{
	background: url("../img/top/bg_btn01.png") 0 0 / 100% auto no-repeat;
}
.wrap_btn_top .tl{
	position: relative;
	z-index: 1;
	display: block;
	margin-bottom: 0.7em;
	font-size: 2.2rem;
	line-height: 1.4;
}
@media only screen and (max-width: 767px) {
	.wrap_btn_top .tl{
		font-size: 1.7rem;
	}
}
.wrap_btn_top .tl::before{
	content: "";
	position: absolute;
	bottom: -35px;
	left: 22px;
	width: 24px;
	height: 34px;
	background: url("../img/common/img_tori_yellow.png") 0 0 / 100% auto no-repeat;
}
.wrap_btn_top .arrow{
	position: relative;
	z-index: 1;
	display: block;
}
.wrap_btn_top .arrow::before,
.wrap_btn_top .arrow::after{
	content: "";
	position: absolute;
	top: 50%;
	bottom: inherit;
	width: 10px;
	height: 10px;
	margin: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 0;
	background: none;
	transform-origin: top left;
	transition: .2s;
}
.wrap_btn_top .arrow::before{
	left: 46%;
	transform: rotateZ(45deg) translate(-50%, -50%);
}
.wrap_btn_top .arrow::after{
	left: 50%;
	transform: rotateZ(45deg) translate(-50%, -50%);
}

.sec_top_news{
	position: relative;
	width: 100%;
	padding: 15px;
	background: url("../img/common/bg_mokume.png") center center / 100% auto repeat-y;
}
.wrap_top_news{
	padding: 0 80px 80px;
	background: #f6f5ef;
}
@media only screen and (max-width: 767px) {
	.wrap_top_news{
		padding: 0 25px 50px;
	}
}
.wrap_top_news .tl_top_en{
	top: -30px;
	margin-bottom: 0;
}
.wrap_top_news .tl_top{
	font-size: 3rem;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.wrap_top_news .tl_top{
		font-size: 2.4rem;
	}
}
.list_news .item{
	padding: 1em 0;
	background-image: linear-gradient(to right, #b6aeab 4px, transparent 4px);
	background-repeat: repeat-x;
	background-size: 8px 3px;
}
.list_news .item:last-of-type{
	background-image: linear-gradient(to right, #b6aeab 4px, transparent 4px), linear-gradient(to right, #b6aeab 4px, transparent 4px);
	background-repeat: repeat-x, repeat-x;
	background-size: 8px 3px, 8px 3px;
	background-position: 0 top, 0 bottom;
}
@media print, screen and (min-width: 768px) {
	.list_news .item{
		display: -webkit-flex;
		display: flex;
	}
	.list_news .date{
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		width: 190px;
	}
}
.list_news p{
	margin: 0;
}
#main .list_news a{
	color: #3c332f;
}
#main .list_news a:not(:hover)::before{
	opacity: 0;
}
.wrap_top_news .wrap_btn_top{
	position: absolute;
	bottom: -55px;
	right: 55px;
}
@media only screen and (max-width: 767px) {
	.wrap_top_news .wrap_btn_top{
		bottom: -50px;
		right: 5px;
	}
}

.sec_top_message{
	max-width: 960px;
	margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
	.wrap_top_message{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		margin-left: -4%;
	}
}
.wrap_top_message .wrap_img{
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.wrap_top_message .wrap_img{
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		width: 52%;
		margin-right: 5%;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_top_message .wrap_img{
		margin-bottom: 40px;
	}
}
.wrap_top_message .wrap_img .name{
	position: absolute;
	left: 5px;
	bottom: 15px;
}
@media only screen and (max-width: 767px) {
	.wrap_top_message .wrap_img .name{
		bottom: -10px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}
.tl_fukidashi{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	min-width: 238px;
	min-height: 81px;
	padding: 10px;
	font-size: 2rem;
	line-height: 1.4;
	text-align: center;
	background: url("../img/top/bg_fukidashi.png") 0 0 / 100% 100% no-repeat;
}
@media only screen and (max-width: 767px) {
	.tl_fukidashi{
		width: 175px;
		min-height: 60px;
		font-size: 1.6rem;
	}
}
.sec_top_message .wrap_btn_top{
	margin-right: -5%;
	text-align: right;
}

.sec_top_service{
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 180px;
}
@media print, screen and (min-width: 768px) {
	.wrap_top_service{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-right: -4%;
	}
	.wrap_top_service .wrap_img{
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		width: 63%;
		margin-left: 5%;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_top_service .tl_top{
		text-align: center;
	}
}
/*.wrap_top_service .list_service{
	position: relative;
}*/
.wrap_top_service .wrap_img{
	margin-top: 40px;
}
.wrap_top_service .list_service::after{
	content: "";
	clear: both;
	display: block;
}
.wrap_top_service .item{
	/*position: absolute;*/
	position: relative;
	float: left;
	width: 50%;
	max-width: 320px;
}
@media only screen and (max-width: 767px) {
	.wrap_top_service .item{
		width: 72%;
	}
}
.wrap_top_service .item p{
	position: absolute;
}
.wrap_top_service .item img{
	width: 100%;
	height: auto;
}
.wrap_top_service .item:first-of-type{
	margin-left: 10%;
}
.wrap_top_service .item:first-of-type p{
	top: 10px;
	left: -5%;
}
.wrap_top_service .item:nth-of-type(2){
	float: right;
	margin-top: -15%;
	margin-right: -5%;
}
.wrap_top_service .item:nth-of-type(2) p{
	bottom: 20px;
	left: -5%;
}
.wrap_top_service .item:last-of-type{
	margin-top: 5%;
}
.wrap_top_service .item:last-of-type p{
	bottom: -10%;
	left: 15%;
}
@media only screen and (max-width: 767px) {
	.wrap_top_service .item:first-of-type{
		margin-left: -5%;
	}
	.wrap_top_service .item:first-of-type p{
		left: 50%;
	}
	.wrap_top_service .item:nth-of-type(2){
		margin-top: 5%;
	}
	.wrap_top_service .item:nth-of-type(2) p{
		left: -40%;
	}
	.wrap_top_service .item:last-of-type p{
		bottom: 10%;
		left: 60%;
	}
}
.sec_top_service .wrap_btn_top{
	float: right;
	margin-right: -5%;
}


/* =====================================
　　　service
===================================== */
.wrap_page_body_service{
	margin-top: 70px;
	padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
	.wrap_page_body_service{
		margin-top: 40px;
	}
}
.wrap_page_body_service > [class^="sec"]{
	margin-top: 180px;
}
.wrap_page_body_service > [class^="sec"]:first-of-type{
	margin-top: 140px;
}
@media print, screen and (min-width: 768px) {
	.wrap_treatments{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		max-width: 960px;
		margin: 120px auto 0;
	}
}
.wrap_treatments:first-of-type{
	margin-top: 80px;
}
@media only screen and (max-width: 767px) {
	.wrap_treatments{
		margin-top: 60px;
	}
	.wrap_treatments:first-of-type{
		margin-top: 40px;
	}
}
.tl_treatment{
	position: relative;
	width: 31%;
	min-width: 200px;
	font-size: 3rem;
	border-radius: 50%;
}
@media only screen and (max-width: 767px) {
	.tl_treatment{
		max-width: 200px;
		margin: 0 auto 30px;
		font-size: 2.2rem;
	}
}
.tl_treatment::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.tl_treatment span{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1.6;
	text-align: center;
}
.tl_treatment span::before,
.tl_treatment span::after{
	content: "";
	position: absolute;
	display: inline-block;
}
@media print, screen and (min-width: 768px) {
	.wrap_treatments .wrap_text{
		width: 69%;
		padding-top: 110px;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_treatments .wrap_text{
		padding: 0 10px !important;
	}
}
.wrap_treatments:nth-of-type(2n){
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.wrap_treatments:nth-of-type(2n-1) .tl_treatment{
	background: url("../img/common/pattern01.png") center center repeat;
}
.wrap_treatments:nth-of-type(2n) .tl_treatment{
	background: url("../img/common/pattern02.png") center center repeat;
}
.wrap_treatments:nth-of-type(2n-1) .tl_treatment span::before{
	bottom: 13%;
	left: 0;
	width: 34px;
	height: 34px;
	background: url("../img/common/img_tori_blue.png") center center no-repeat;
}
.wrap_treatments:nth-of-type(2n-1) .tl_treatment span::after{
	bottom: 5%;
	left: 9%;
	width: 84px;
	height: 34px;
	background: url("../img/common/img_tensen.png") center center no-repeat;
}
.wrap_treatments:nth-of-type(2n) .tl_treatment span::before{
	bottom: 10.5%;
	right: 1.5%;
	width: 38px;
	height: 60px;
	background: url("../img/common/img_flower.png") 0 0 / 100% auto no-repeat;
}
.wrap_treatments:nth-of-type(2n) .tl_treatment span::after{
	bottom: 30%;
	right: -2.5%;
	width: 13px;
	height: 13px;
	background: url("../img/common/img_cho.png") 0 0 / 100% auto no-repeat;
}
.wrap_treatments:nth-of-type(2n-1) .wrap_text{
	padding-right: 6%;
	padding-left: 5%;
}
.wrap_treatments:nth-of-type(2n) .wrap_text{
	padding-right: 5%;
	padding-left: 6%;
}
.wrap_treatments .wrap_text > *:not(:last-child){
	margin-bottom: 40px;
}
.wrap_treatments .wrap_hikaku{
	display: -webkit-flex;
	display: flex;
	margin: 0 -5px;
}
.wrap_treatments .wrap_hikaku .item{
	width: 100%;
	margin: 0 5px;
}
.wrap_treatments .wrap_hikaku .tl{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 80px;
	height: 80px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 1.7rem;
	line-height: 1.4;
	text-align: center;
}
.wrap_treatments .wrap_hikaku .normal .tl{
	background: #0099dc;
}
.wrap_treatments .wrap_hikaku .symptoms .tl{
	background: #e77095;
}
.wrap_treatments .wrap_text .tl_sub{
	margin-bottom: 0.5em;
}
.wrap_treatments .wrap_text [class^="list"]{
	line-height: 1.8;
}
.wrap_treatments .wrap_text [class^="list"]:not(:last-child){
	margin-bottom: 0.5em;
}
.wrap_treatments .wrap_text [class^="list"] .inner{
	display: -webkit-flex;
	display: flex;
}
.wrap_treatments .wrap_text [class^="list"] .inner p{
	margin-bottom: 0;
}
.wrap_treatments .wrap_text [class^="list"] .inner p:first-of-type{
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 1em;
}
.wrap_treatments .tbl_summary{
	line-height: 1.8;
}
.wrap_treatments .tbl_summary th{
	width: 8em;
	font-weight: normal;
	text-align: left;
}
.wrap_treatments .wrap_flow .img{
	margin-bottom: 30px;
}

.wrap_bringing{
	max-width: 600px;
	margin: 70px auto 0;
	text-align: center;
}
.wrap_bringing > p{
	margin-bottom: 25px;
}
.list_bringing{
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: bold;
}


/* =====================================
　　　doctor
===================================== */
.wrap_page_body_doctor{
	padding-bottom: 100px;
}
.wrap_page_body_doctor [class^="sec"]:not(:first-of-type){
	margin: 150px auto 0;
	max-width: 800px;
}
@media only screen and (max-width: 767px) {
	.wrap_page_body_doctor [class^="sec"]:not(:first-of-type){
		margin-top: 100px;
	}
}
@media print, screen and (min-width: 768px) {
	.wrap_greeting{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.wrap_greeting .wrap_img{
		width: 30%;
	}
	.wrap_greeting .wrap_text{
		width: 70%;
		padding: 125px 6% 0 5%;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_greeting .wrap_img{
		max-width: 80%;
		margin: 0 auto 30px;
	}
}
.wrap_greeting .wrap_text{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.wrap_greeting .wrap_name{
	margin-top: 60px;
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.wrap_greeting .wrap_name{
		margin-top: 25px;
	}
}
.wrap_greeting .wrap_name p{
	margin: 0;
}
.wrap_greeting .wrap_name .name{
	text-align: right;
}
.wrap_greeting .wrap_name .name span{
	font-size: 2.1rem;
}

.tbl_career th,
.tbl_career td{
	vertical-align: top;
}
.tbl_career th{
	padding-right: 1em;
	font-weight: normal;
	text-align: left;
}
@media only screen and (max-width: 767px) {
	.tbl_career *{
		display: block;
	}
	.tbl_career td{
		padding-left: 1em;
	}
}

.list_qualification .inner{
	margin-bottom: 1.5em;
	padding-left: 1.5em;
}
.list_qualification .inner p{
	font-size: 1.5rem;
}

.wrap_society{
	text-align: center;
}


/* =====================================
　　　information
===================================== */
@media only screen and (max-width: 767px) {
	.wrap_page_body_information{
		width: calc(100% - 20px);
	}
}
.art_information_post{
	position: relative;
	padding: 20px;
	background: url("../img/common/bg_mokume.png") center center / 100% auto repeat-y;
}
@media only screen and (max-width: 767px) {
	.art_information_post{
		padding: 10px;
	}
}
.art_information_post:nth-of-type(n+2){
	margin-top: 10px;
}
.art_information_post:nth-of-type(n+2)::before{
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	width: calc(100% - 20px);
	height: 10px;
	margin: 0 auto;
	border-right: 2px solid #a96a23;
	border-left: 2px solid #a96a23;
}
.wrap_information_post{
	position: relative;
	padding: 50px 120px 120px 50px;
	background: #f6f5ef;
}
@media print, screen and (min-width: 768px) {
	.wrap_information_post{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_information_post{
		padding: 20px 20px 60px;
	}
}
.wrap_information_post::before,
.wrap_information_post::after{
	content: "";
	position: absolute;
	z-index: 2;
}
.art_information_post:nth-of-type(2n-1) .wrap_information_post::before{
	right: 10px;
	bottom: -10px;
	width: 70px;
	height: 114px;
	background: url("../img/common/img_flower.png") 0 0 / 100% auto no-repeat;
}
.art_information_post:nth-of-type(2n-1) .wrap_information_post::after{
	right: -10px;
	bottom: 100px;
	width: 26px;
	height: 26px;
	background: url("../img/common/img_cho.png") 0 0 / 100% auto no-repeat;
}
.art_information_post:nth-of-type(2n) .wrap_information_post::before{
	top: 260px;
	left: 65px;
	width: 34px;
	height: 34px;
	background: url("../img/common/img_tori_blue.png") 0 0 / 100% auto no-repeat;
}
.art_information_post:nth-of-type(2n) .wrap_information_post::after{
	top: 220px;
	left: -5px;
	width: 90px;
	height: 34px;
	background: url("../img/common/img_ft_kumo.png") 0 0 / 100% auto no-repeat;
}
@media only screen and (max-width: 767px) {
	.art_information_post:nth-of-type(2n-1) .wrap_information_post::before{
		right: -5px;
		bottom: -10px;
		width: 35px;
		height: 57px;
	}
	.art_information_post:nth-of-type(2n-1) .wrap_information_post::after{
		right: -15px;
		bottom: 45px;
		width: 13px;
		height: 13px;
	}
	.art_information_post:nth-of-type(2n) .wrap_information_post::before{
		top: 75px;
		right: 30px;
		left: inherit;
		width: 17px;
		height: 17px;
	}
	.art_information_post:nth-of-type(2n) .wrap_information_post::after{
		top: 55px;
		right: 45px;
		left: inherit;
		width: 45px;
		height: 17px;
	}
}
.wrap_information_post .wrap_date{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	color: #fff;
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing: 0;
	line-height: 1.2;
}
.wrap_information_post .wrap_date .year{
	margin: 0;
}
@media print, screen and (min-width: 768px) {
	.wrap_information_post .wrap_date{
		margin-right: 35px;
	}
	.wrap_information_post .wrap_date .year{
		font-size: 1.6rem;
	}
	.wrap_information_post .wrap_date .date{
		font-size: 2.2rem;
	}
}
@media only screen and (max-width: 767px) {
	.wrap_information_post .wrap_date{
		width: 80px;
		height: 80px;
	}
	.wrap_information_post .wrap_date .year{
		font-size: 1.5rem;
	}
	.wrap_information_post .wrap_date .date{
		font-size: 1.8rem;
	}
}
.wrap_information_post .wrap_date .date span{
	 font-size: 75%;
}
.wrap_information_post .tl_post{
	margin-bottom: 30px;
	padding: 0.7em 0;
	font-size: 2.4rem;
	line-height: 1.6;
}
.wrap_information_post .tl_post{
	border-bottom: 3px solid;
}
@media only screen and (max-width: 767px) {
	.wrap_information_post .tl_post{
		font-size: 2rem;
	}
}
.wrap_information_post .wrap_text{
	position: relative;
	padding-bottom: 3px;
	line-height: 2.5em;
	background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #f6f5ef 0%, #f6f5ef 100%),
  linear-gradient(180deg, #b6aeab 3px, transparent 3px);
	background-size: 8px 100%, 100% 2.5em;
}
.wrap_information_post .wrap_text::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #f6f5ef;
}
.wrap_information_post .wrap_text > *:not(:last-child){
	margin-bottom: 2.5em;
}
.art_information_post:nth-of-type(2n-1) .wrap_date{
	background: #60b031;
}
.art_information_post:nth-of-type(2n) .wrap_date{
	background: #0099dc;
}
.art_information_post:nth-of-type(2n-1) .tl_post{
	color: #60b031;
	border-bottom-color: #60b031;
}
.art_information_post:nth-of-type(2n) .tl_post{
	color: #0099dc;
	border-bottom-color: #0099dc;
}

.wrap_pagination{
	position: relative;
	margin-top: 40px;
	padding: 25px;
	background: url("../img/common/bg_mokume.png") center center / 100% auto repeat-y;
}
.wrap_pagination::before{
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	width: calc(100% - 20px);
	height: 40px;
	margin: 0 auto;
	border-right: 2px solid #a96a23;
	border-left: 2px solid #a96a23;
}
.list_pagination{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
	font-family: 'mplus1p', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 2.1rem;
	text-align: center;
}
.list_pagination > *{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
}
#main .list_pagination a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.list_pagination li:not(.prev):not(.next) a:not(:hover)::before{
	opacity: 0;
}
#main .list_pagination a::before{
	right: 0;
	width: 1em;
	margin: 0 auto;
	background-color: #fff;
}
#main .list_pagination a:hover::before{
	bottom: 0;
}
.list_pagination .current{
	background-color: #e77095;
}
.list_pagination .prev{
	margin-right: 1em;
}
.list_pagination .next{
	margin-left: 1em;
}
#main .list_pagination .prev a,
#main .list_pagination .next a{
	position: relative;
}
#main .list_pagination .prev a::before,
#main .list_pagination .prev a::after,
#main .list_pagination .next a::before,
#main .list_pagination .next a::after{
	content: "";
	position: absolute;
	top: 50%;
	bottom: inherit;
	width: 10px;
	height: 10px;
	margin: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 0;
	background: none;
	transform-origin: top left;
	transition: .2s;
}
#main .list_pagination .prev a::before{
	left: 65%;
	transform: rotateZ(225deg) translate(-50%, -50%) ;
}
#main .list_pagination .prev a::after{
	left: 50%;
	transform: rotateZ(225deg) translate(-50%, -50%);
}
#main .list_pagination .next a::before{
	left: 35%;
	transform: rotateZ(45deg) translate(-50%, -50%);
}
#main .list_pagination .next a::after{
	left: 50%;
	transform: rotateZ(45deg) translate(-50%, -50%);
}
#main .list_pagination .prev a:hover::before,
#main .list_pagination .prev a:hover::after{
	margin-left: -5px;
}
#main .list_pagination .next a:hover::before,
#main .list_pagination .next a:hover::after{
	margin-left: 5px;
}


/* =====================================
　　　access
===================================== */
@media only screen and (max-width: 767px) {
	.wrap_page_body_access{
		width: calc(100% - 20px);
	}
}
.wrap_access{
	padding: 20px;
	background: url("../img/common/bg_mokume.png") center center / 100% auto repeat-y;
}
@media only screen and (max-width: 767px) {
	.wrap_access{
		padding: 10px;
	}
}
.cont_access{
	padding: 70px 100px;
	background: #f6f5ef;
}
@media only screen and (max-width: 767px) {
	.cont_access{
		padding: 35px 20px;
	}
}
.wrap_access .wrap_map img{
	width: 100%;
	height: auto;
}
.wrap_access .wrap_address{
	margin-top: 40px;
	margin-bottom: 60px;
	padding: 20px;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #443c38;
}
@media only screen and (max-width: 767px) {
	.wrap_access .wrap_address{
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 15px;
	}
}
.list_transportaion .tl_sub:not(:first-of-type){
	padding-top: 30px;
	background-image: linear-gradient(to right, #b6aeab 4px, transparent 4px);
	background-repeat: repeat-x;
	background-size: 8px 3px;
}
.list_transportaion .item:not(:last-of-type){
	padding-bottom: 30px;
}
.list_transportaion .indent{
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.list_transportaion .tl_sub:not(:first-of-type){
		padding-top: 20px;
	}
	.list_transportaion .item:not(:last-of-type){
		padding-bottom: 20px;
	}
}