@charset "utf-8";

/*-------------------------------------------------------------------
　pageVisual
-------------------------------------------------------------------*/
.pageVisual{
	width:100%;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	border:0px solid #000;
}

.pageVisual h2{
	font-family: "Kaushan Script", cursive;
	font-size: 80px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.05em;
	text-shadow: 0 0 8px #424242,
				 0 0 8px #424242,
				 0 0 8px #424242;
}

.pageVisual h2 span{
	font-family: "Shippori Mincho", serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin-top: -30px;
}

.about_bg{background: url("../images/hd_about_bg.jpg") no-repeat top center / cover;}
.diagnosis_bg{background: url("../images/hd_diagnosis_bg.jpg") no-repeat top center / cover;}
.access_bg{background: url("../images/hd_access_bg.jpg") no-repeat top center / cover;}
.pill_bg{background: url("../images/hd_pill_bg.jpg") no-repeat top center / cover;}

.company_bg{background: url("../images/hd_company_bg.jpg") no-repeat top center / cover;}
.recruit_bg{background: url("../images/hd_recruit_bg.jpg") no-repeat top center / cover;}
.contact_bg{background: url("../images/hd_contact_bg.jpg") no-repeat top center / cover;}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.pageVisual{
	width:100%;
	height: 450px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.pageVisual{
	height: 400px;
}

.pageVisual h2{font-size: 45px;}
.pageVisual h2 span{font-size: 25px;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.pageVisual{
	height: 230px;
}

.pageVisual h2{font-size: 35px;}

.pageVisual h2 span{
	font-size: 20px;
	margin-top: -10px;
}
}


/*-------------------------------------------------------------------
　common
-------------------------------------------------------------------*/
#wrapper{
	width:100%;
	margin:150px 0 0 0;
}

#wrapper img{
	width:100%;
	height:auto;
	backface-visibility:hidden;
}

#wrapper a:hover img{
	opacity:0.8;
}

/*--↓contents0は「anchor」対策用--*/
.contents,
.contents0{ 
	width: 1400px;
	margin: 0 auto 150px;
}

.subBox{
	width: 100%;
	margin: 70px auto 0;
}

.fBlod{font-weight: bold;}
.f_pink{color: #F0919B;}
.f_green{color: #2AA581;}

.tb_fg{color: #2AA581;}
.tb_fp{color: #F0919B;}

.indent{
	padding-left:1em;
	text-indent:-1em;
}

.indent2{
	padding-left:1.7em;
	text-indent:-1.7em;
}

/* ---- pc 1500px ---------- */
@media only screen and (max-width:1500px){
.contents,
.contents0{ 
	width: 90%;
	margin: 0 auto 150px;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
#wrapper{
	width:100%;
	margin:100px 0 0 0;
}

.contents,
.contents0{ 
	width: 90%;
	margin: 0 auto 100px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
#wrapper{
	width:100%;
	margin:80px 0 0 0;
}

.contents,
.contents0{
	width: 85%;
	margin: 0 auto 80px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.subBox{
	width: 100%;
	margin: 50px auto 0;
}
}


/*-------------------------------------------------------------------
　title
-------------------------------------------------------------------*/
.main_tit{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 50px;
  font-weight:bold;
	text-align: center;
	color: #2AA581;
	line-height: 1.3;
	margin-bottom: 100px;
	border:0px solid #CCC;
}

.underline{border-bottom: dashed 2px #2AA581;}

.tit_twoline{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 30px;
}

.tit_twoline span{
	display: block;
	font-family: "Alata", sans-serif;
	font-size: 20px;
	color: #37231E;
	margin-bottom: 15px;
}

.titLC{text-align: left;}
.titC{text-align: center;}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.titLC{text-align: center;}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.main_tit{
	font-size: 40px;
	margin-bottom: 60px;
}

.tit_twoline{
	font-size: 30px;
	margin-bottom: 30px;
}

.tit_twoline span{
	font-size: 15px;
	margin-bottom: 15px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.main_tit{
	font-size: 28px;
	margin-bottom: 50px;
}

.tit_twoline{
	font-size: 22px;
	margin-bottom: 30px;
}

.tit_twoline span{
	font-size: 12px;
	margin-bottom: 10px;
}
}


/*-------------------------------------------------------------------
　about クリニックについて
-------------------------------------------------------------------*/
.concept{
	display: flex;
  justify-content: space-between;
	align-items: center;
  max-width: 1400px;
  margin: 0 auto 100px;
}

.reverse{
	flex-direction: row-reverse;
}

.concept_ph,
.concept_ph_right{
  width: 37%;
	position: relative;
}

.concept_det{width: 55%;}
.concept_ph img{border-radius: 0 30px 30px 0;}
.concept_ph_right img{border-radius: 30px 0 0 30px;}

/*左側へ要素を広げる（2カラム）*/
.outside_left{
	flex: 1;
	margin-left: calc(50% - 50vw);
	margin-right: 7%;
}

/*右側へ要素を広げる（2カラム共通）*/
.outside_right{
	flex: 1;
	margin-right: calc(50% - 50vw);
	margin-left: 7%;
}

.concept_content{
	width: 1400px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 150px;
}

.conceptBox{
	width: 30%;
	padding: 50px 40px;
	background: #F3F9F7;
	border-radius: 15px;
	border:1px solid #2AA581;
	box-sizing: border-box;
}

.conceptBox h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #F0919B;
	text-align: center;
	margin: 30px 0 20px;
	line-height: 1.3;
}

.concept_Img{
	width: 70%;
	margin: 0 auto;
}

#doctorTxR{
	font-size: 20px;
	margin-top: 50px;
	text-align: right;
	line-height: 1.5;
}

#doctorTxR span{font-size: 25px;}

#doctor_Box{
	width: 1400px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 150px;
}

.profile{
	width: 48%;
	padding: 30px 40px 35px;
	background: #F3F9F7;
	border-radius: 15px;
	border:1px solid #2AA581;
	box-sizing: border-box;
}

.profile h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #2AA581;
	margin-bottom: 10px;
}

.profile ul{
	list-style: disc;
	margin-left: 1em;
}

#facility_contents{
	display: flex;
	flex-wrap: wrap;
}

.facility{
	width: 31%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.facility:not(:nth-child(3n+3)){margin-right: 3.5%;}
.facility:nth-child(n+4){margin-top: 60px;}

.facilityPh img{border-radius: 20px;}

.facility_caption{
	position: absolute;
	left:0;
	bottom: 0;
	background: rgba(255, 255, 255, 1);
	padding: 10px 20px;
	z-index: 950;
	border-radius: 0 15px 0 15px;
}

/* ---- pc 1500px ---------- */
@media only screen and (max-width:1500px){
.concept{
  max-width: 90%;
  margin: 0 auto 100px;
}

.concept_content{
	width: 90%;
}

.conceptBox{
	width: 31%;
	padding: 50px 30px;
}

#doctor_Box{
	width: 90%;
	margin: 0 auto 150px;
}
}

/* ---- pc 1300px ---------- */
@media only screen and (max-width:1300px){
.conceptBox{
	width: 31%;
	padding: 50px 30px;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.concept{
  max-width: 90%;
	flex-direction: column;
  margin: 0 auto 100px;
}

.concept_ph,
.concept_ph_right{
  width: 100%;
	margin: 0 auto;
}

.concept_det{width: 100%;}

.concept_ph img,
.concept_ph_right img{
	border-radius: 30px;
	margin-bottom: 50px;
}

.concept_content{
	width: 90%;
	margin-bottom: 100px;
}

.conceptBox{
	width: 31%;
	padding: 40px 20px;
}

.conceptBox h4{
	font-size: 24px;
	margin: 30px 0 20px;
}

#doctor_Box{
	width: 90%;
	margin: 0 auto 100px;
}

.profile{
	width: 48%;
	padding: 30px 30px 35px;
}

.profile h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.facility{width: 46%;}

.facility:not(:nth-child(3n+3)){margin-right: 0%;}
.facility:nth-child(n+4){margin-top: 0;}
.facility:not(:nth-child(2n+2)){margin-right: 8%;}
.facility:nth-child(n+3){margin-top: 50px;}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.concept{
  max-width: 85%;
  margin: 0 auto 60px;
}

#doctorTxR{
	font-size: 16px;
	margin-top: 30px;
}

#doctorTxR span{font-size: 20px;}

.concept_content{
	width: 85%;
	flex-direction: column;
	margin-bottom: 80px;
}

.conceptBox{
	width: 100%;
	padding: 40px 20px;
	margin-bottom: 50px;
}

.conceptBox:last-child{margin-bottom: 0;}

.conceptBox h4{
	font-size: 20px;
	margin: 30px 0 20px;
}

#doctor_Box{
	width: 85%;
	flex-direction: column;
	margin: 0 auto 80px;
}

.profile{
	width: 100%;
	padding: 30px 30px 35px;
}

.profile h4{
	font-size: 20px;
	margin-bottom: 10px;
}

.profile:first-child{margin-bottom: 50px;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.concept_ph img,
.concept_ph_right img{
	margin-bottom: 30px;
}

.conceptBox{
	margin-bottom: 30px;
}

.profile{
	width: 100%;
	padding: 20px 20px 25px;
}

.profile:first-child{margin-bottom: 30px;}

.profile ul li{
	line-height: 1.5;
	margin-bottom: 10px;
}

.profile ul li:last-child{margin-bottom: 0;}

.facility{
	width: 100%;
	margin-bottom: 30px;
}

.facility:not(:nth-child(2n+2)){margin-right: 0%;}
.facility:nth-child(n+3){margin-top: 0;}
.facility:last-child{margin-bottom: 0;}
}


/*-------------------------------------------------------------------
　診療案内
-------------------------------------------------------------------*/
.care{
	display: flex;
  justify-content: space-between;
	align-items: center;
  max-width: 1400px;
  margin: 0 auto 100px;
}

.care_last{
	display: flex;
  justify-content: space-between;
	align-items: center;
  max-width: 1400px;
  margin: 0 auto 150px;
}

.care_ph,
.care_ph_right{
  width: 37%;
	position: relative;
}

.care_det{width: 55%;}
.care_ph img{border-radius: 0 30px 30px 0;}
.care_ph_right img{border-radius: 30px 0 0 30px;}

.consultation{
	width: 1200px;
	padding: 40px 50px;
	margin: 0 auto 150px;
	border-radius: 15px;
}

.consultation.bg01{
	background: #FFFDFB;
	border:1px solid #F0919B;
}

.consultation.bg02{
	background: #F3F9F7;;
	border:1px solid #2AA581;
}

.consultation h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.3;
}

ul.consultation_List{
	list-style: none;
}

ul.consultation_List li span{
	font-size: 25px;
}

.linkTx{margin-left: 150px;}

.linkTx a{
	color: #F0919B;
	text-decoration: underline;
}

.linkTx a:hover{text-decoration: none;}

.link_Btn{
	display: block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	margin-top: 30px;
	border-radius: 10px;
}

.link_Btn a{
	display: inline-block;
	background: #F0919B;
	color: #FFF;
	transition: 0.5s;
	border-radius: 10px;
	padding: 10px 30px;
}

.link_Btn a:hover{
	background: #EB717E;
}

/*-- よくある質問 --*/
.faq_list{
	width: 100%;
	margin: 0 auto;
}

.faq_list dl {
	position: relative;
	margin:0;
	cursor: pointer;
	border-top: 1px dashed #CCC;
}

.faq_list dl:last-child {
  margin-top: 0;
	border-bottom: 1px dashed #CCC;
}

.faq_list dl::after {
	position: absolute;
	top: 30px;
	right: 20px;
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	content: '';
	transform: rotate(135deg);
	border-top: 3px solid #231815;
	border-right: 3px solid #231815;
}

.faq_list .open::after {
	transform: rotate(-45deg);
}

.faq_list dl dt {
	position: relative;
	margin: 0;
	padding: 20px 40px 20px 50px;
}

.faq_list dl dt::before {
	font-family: "Alata", sans-serif;
	line-height: 1;
	position: absolute;
	top: 26px;
	left: 10px;
	display: block;
	content: 'Q.';
	color: #2AA581;
}

.faq_list dl dd::before {
	font-family: "Alata", sans-serif;
	line-height: 1;
	position: absolute;
	top:10px;
	left: 10px;
	display: block;
	content: 'A.';
	color: #F0919B;
}

.faq_list dl dd {
	position: relative;
	margin: 0;
	padding: 0 40px 30px 50px;
}

.faq_tx{
	padding-top: 40px;
	padding-left: 1em;
	text-indent: -1em;
}

/*-- 受診の流れ --*/
.step{
	width: 100%;
	margin: 0 auto 30px;
	display: flex;
	background: #F3F9F7;
	border-radius: 0 15px 15px 0;
}

.step:last-of-type{
	margin: 0 auto 0;
}

.number{
	font-family: "Alata", sans-serif;
	font-size: 35px;
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #2AA581;
	color: #FFF;
	padding: 20px 0;
	border-radius: 15px 0 0 15px;
}

.stepTxt{
	width: 80%;
	padding: 20px 40px;
}

.stepTxt h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #2AA581;
}

ul.stepList{
	list-style: disc;
	margin-left: 1em;
}

#notes{
	width: 100%;
	padding: 40px 50px;
	margin: 80px auto 0;
	border-radius: 15px;
	background: #FFFDFB;
	border:1px solid #F0919B;
}

#notes h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.3;
	color: #F0919B;
}

#notes ul{
	list-style: disc;
	margin-left: 10px;
}

#notes ul li{margin-bottom: 15px;}
#notes ul li:last-child{margin-bottom: 0;}


/* ---- pc 1500px ---------- */
@media only screen and (max-width:1500px){
.care{
	max-width: 90%;
	margin: 0 auto 100px;
}

.care_last{
	max-width: 90%;
	margin: 0 auto 150px;
}
}

/* ---- pc 1300px ---------- */
@media only screen and (max-width:1300px){
.consultation{
	width: 90%;
	padding: 40px 30px;
}
}

/* ---- pc 1100px ---------- */
@media only screen and (max-width:1100px){
.consultation{
	width: 90%;
	padding: 30px 50px;
	margin: 0 auto 100px;
}

ul.consultation_List li{margin-bottom: 15px;}
ul.consultation_List li:last-child{margin-bottom: 0;}

ul.consultation_List li span{
	display: block;
	font-size: 25px;
	margin-left: -10px;
}

.linkTx{margin-left: 0;}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.care{
	max-width: 90%;
	flex-direction: column;
	margin: 0 auto 80px;
}

.care_last{
	max-width: 90%;
	flex-direction: column;
	margin: 0 auto 100px;
}

.care_ph,
.care_ph_right{
  width: 100%;
	margin: 0 auto;
}

.care_det{width: 100%;}

.care_ph img,
.care_ph_right img{
	border-radius: 30px;
	margin-bottom: 50px;
}

.link_Btn{
	font-size: 25px;
	margin-top: 50px;
	text-align: center;
}

/*-- 受診の流れ --*/
.number{
	font-size: 30px;
	width: 20%;
	padding: 20px 0;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.care{
  max-width: 85%;
  margin: 0 auto 60px;
}

.care_last{
	max-width: 85%;
	margin: 0 auto 80px;
}

.consultation{
	width: 85%;
	padding: 30px 40px;
	margin: 0 auto 80px;
}

.consultation h4{
	font-size: 25px;
	margin-bottom: 20px;
}

ul.consultation_List li span{
	font-size: 22px;
	margin-left: -10px;
}

.link_Btn{
	font-size: 22px;
	margin-top: 50px;
	text-align: center;
}

.link_Btn a{width: 75%;}

.faq_list dl::after {
	position: absolute;
	top: 25px;
	right: 5px;
	width: 10px;
	height: 10px;
}

.faq_list dl dt {
	margin: 0;
	padding: 20px 30px 20px 40px;
}

.faq_list dl dt::before {
	top: 24px;
	left: 10px;
	content: 'Q.';
}

.faq_list dl dd::before {
	top:6px;
	left: 10px;
	content: 'A.';
}

.faq_list dl dd {
	position: relative;
	margin: 0;
	padding: 0 30px 40px 40px;
}

.faq_list dl dt::before {
	top: 26px;
	left: 5px;
	content: 'Q.';
}

.faq_list dl dd::before {
	left: 5px;
	content: 'A.';
}

/*-- 受診の流れ --*/
.number{
	font-size: 25px;
	width: 25%;
	padding: 20px 0;
}

.stepTxt{
	width: 75%;
	padding: 20px 20px;
}

.stepTxt h4{
	font-size: 20px;
}

#notes{
	padding: 30px 40px;
}

#notes h4{
	font-size: 25px;
	margin-bottom: 20px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.care_ph img,
.care_ph_right img{
	margin-bottom: 30px;
}

.consultation{
	padding: 30px 20px;
	margin: 0 auto 80px;
}

.consultation h4{
	font-size: 22px;
}

ul.consultation_List li{margin-bottom: 20px;}

ul.consultation_List li span{
	font-size: 20px;
	margin-left: -10px;
}

.link_Btn{
	font-size: 20px;
	margin-top: 35px;
	text-align: center;
}

.link_Btn a{width: 85%;}


/*-- 受診の流れ --*/
.step{
	flex-direction: column;
	margin: 0 auto 30px;
	border-radius: 0 0 15px 15px;
}

.number{
	font-size: 22px;
	width: 100%;
	padding: 5px 0;
	border-radius: 15px 15px 0 0;
}

.stepTxt{
	width: 100%;
	padding: 15px 20px 20px;
}

.stepTxt h4{
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
}

ul.stepList li{margin-bottom: 20px;}
ul.stepList li:last-child{margin-bottom: 0;}

#notes{
	padding: 30px 20px;
}

#notes h4{
	font-size: 22px;
	margin-bottom: 20px;
}

#notes ul{
	margin-left: 20px;
}

#notes ul li{margin-bottom: 20px;}
}


/*-------------------------------------------------------------------
　人工妊娠中絶　abortion.html
-------------------------------------------------------------------*/
.abortion_ph{
	width: 100%;
	margin-bottom: 50px;
}

.abortion_ph img{
	border-radius: 20px;
}

.abortion_main{
	width: 1200px;
	margin: 0 auto;
}

/* ---- pc 1300px ---------- */
@media only screen and (max-width:1300px){
.abortion_main{
	width: 100%;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.abortion_ph{
	width: 100%;
	margin-bottom: 30px;
}
}


/*-------------------------------------------------------------------
　低用量ピル
-------------------------------------------------------------------*/
.pill_Box{
	width:100%;
	margin-bottom: 80px;
}

.pill_Box h3,
.pill_tit{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:30px;
	font-weight: bold;
	color: #2AA581;
	margin-bottom: 30px;
	line-height: 1.3;
}

.pill_Box h3 span,
.pill_tit span{
  background: linear-gradient(transparent 65%, #E4F5E4 65%);
}

.pill_Box h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:25px;
	font-weight: bold;
	color: #F0919B;
	line-height: 1;
	margin-bottom: 20px;
}

.pill_priTB {
	width: 100%;
	border: 1px solid #D8C0A8;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:35px;
}

.pill_priTB th {
	padding: 10px 15px 10px 40px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #D8C0A8;
	box-sizing:border-box;
  background-color: #FFFDFB;
}

.pill_priTB td {
	width: 23%;
	padding: 10px 40px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color: #D8C0A8;
	text-align:right;
	box-sizing:border-box;
}

.pill_priTB td.pri_det {width: 35%;}
.pill_priTB td.pri_det span{font-size: 18px;}
.pill_priTB:last-child{margin-bottom: 0;}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.pill_Box h3,
.pill_tit{
	font-size:25px;
	margin-bottom: 30px;
}

.pill_Box h4{
	font-size:22px;
	margin-bottom: 20px;
}

.pill_priTB th {
	padding: 10px 10px 10px 10px;
}

.pill_priTB td {
	width: 35%;
	padding: 10px 10px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	text-align:right;
}

.pill_priTB td.pri_det {
	width: 50%;
	padding: 10px 10px 10px 5px;
}

.pill_priTB td.pri_det span{
	font-size: 15px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.pill_Box{
	width:100%;
	margin-bottom: 50px;
}

.pill_Box h3,
.pill_tit{
	font-size:22px;
	text-align: center;
	margin-bottom: 30px;
}

.pill_Box h4{
	font-size:20px;
	margin-bottom: 20px;
}
}


/*-------------------------------------------------------------------
　診療予約
-------------------------------------------------------------------*/
#reservation_mainTx{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.reserve_contents{
	width: 100%;
	margin-top: 100px;
}

.reserve_contents h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #F0919B;
	margin-bottom: 20px;
	line-height: 1.3;
}

.reservation_Box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	margin:100px auto 0;
}

.reservation_det{width: 50%;}
.reservation_Ph{width: 43%;}
.reservation_Ph img {border-radius: 10px;}

ul.yoyakuList{
	margin: 0 0 0 20px;
}

ul.yoyakuList li{
	list-style-type: disc;
	margin: 0 0 15px 0;
}

.reserve_link_Btn{
	display: block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	margin-top: 30px;
	border-radius: 10px;
}

.reserve_link_Btn a{
	display: inline-block;
	background: #F0919B;
	color: #FFF;
	transition: 0.5s;
	border-radius: 10px;
	padding: 10px 30px;
}

.reserve_link_Btn a:hover{
	background: #EB717E;
}

.qrBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 80px;
}

.qrImg{width:20%;}
.qr_det{width: 75%;}

.qrBox a{
	text-decoration: underline;
	color: #0085B2;
}

.qrBox a:hover{text-decoration: none;}

ul.registration_List{
	list-style-type: decimal;
	margin-left: 35px;
}

ul.registration_List li{margin-bottom:10px;}
ul.registration_List li:last-child{margin: 0;}

#app_wrap{
	width: 100%;
	display: flex;
	margin-top: 60px;
}

.app_Box{
	width: 150px;
	margin: 0 80px 0 0;
}

.app_linkBtn{
	margin-top: 20px;
}

.app_Box:last-child{margin: 0 0 0 0;}
.txLink a{text-decoration: underline;}

/* ---- pc 1500px ---------- */
@media only screen and (max-width:1500px){
#reservation_mainTx{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.reserve_contents{
	width: 100%;
	margin-top: 100px;
}

.reservation_det{width: 57%;}
.reservation_Ph{width: 40%;}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.reservation_Box{
	flex-direction: column;
	margin:100px auto 0;
}

.reservation_det{width: 100%;}
.reservation_Ph{width: 100%;margin-bottom: 50px;}

.qrBox{
	flex-direction: column;
	margin-top: 80px;
}

.qrImg{width:25%;margin-bottom: 50px;}
.qr_det{width: 100%;}

.reserve_link_Btn{
	font-size: 25px;
	margin-top: 50px;
	text-align: center;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.reservation_Box{
	flex-direction: column;
	margin:60px auto 0;
}

.reservation_Ph{margin-bottom: 30px;}

.reserve_contents{
	width: 100%;
	margin-top: 80px;
}

.reserve_contents h4{
	font-size: 22px;
	margin-bottom: 20px;
}

.qrImg{
	width:35%;
	margin-bottom: 50px;
}

.reserve_link_Btn{
	font-size: 22px;
	margin-top: 50px;
	text-align: center;
}

.reserve_link_Btn a{width: 75%;}

#app_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.app_Box{
	width: 28%;
	margin: 0 0 0 0;
}

.app_linkBtn{
	margin-top: 20px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.reserve_contents{
	width: 100%;
	margin-top: 60px;
}

.reserve_contents h4{
	font-size: 20px;
	margin-bottom: 20px;
}

.qrBox{
	margin-top: 60px;
}

.qrImg{
	width:65%;
	margin-bottom: 30px;
}

.reserve_link_Btn{
	font-size: 20px;
	margin-top: 35px;
	text-align: center;
}

.reserve_link_Btn a{width: 85%;}

#app_wrap{
	width: 100%;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;
}

.app_Box{
	width: 60%;
	margin: 0 auto 50px auto;
}

.app_linkBtn{
	margin-top: 20px;
}
}


/*-------------------------------------------------------------------
　アクセス
-------------------------------------------------------------------*/
.accTit{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #37231E;
	line-height: 1.3;
	margin-bottom: 40px;
}

#acc_mainTx{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

#map_wrap{
	width: 100%;
	margin-top: 60px;
}

.accessMap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 45%;/*padding-top: 56.25%;*/
}

.accessMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#acc_Info{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.accBox{
	width: 48%;
	padding: 30px 40px 35px;
	background: #F3F9F7;
	border-radius: 15px;
	border:1px solid #2AA581;
	box-sizing: border-box;
}

.accBox h4{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #2AA581;
	margin-bottom: 10px;
}

.accBox ul{
	list-style: disc;
	margin-left: 1em;
}

#company_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.companyPh{width: 45%;}
.companyPh img{border-radius: 20px;}

.clinicTB {
	width: 50%;
	border-bottom: 1px solid #D8C0A8;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 0 0 0;
}

.clinicTB th {
	width: 25%;
	padding: 10px 0px 10px 25px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #D8C0A8;
	background: #FFFDFB;;
}

.clinicTB td {
	padding: 10px 0 10px 25px;
	border-width:1px 0px 1px 0px;
	border-style: solid;
	border-color: #D8C0A8;
	text-align:left;
	box-sizing:border-box;
}

/* ---- pc 1500px ---------- */
@media only screen and (max-width:1500px){
#acc_mainTx{
	width: 100%;
	text-align: center;
}
}

/* ---- pc 1200px ---------- */
@media only screen and (max-width:1200px){
.companyPh{width: 35%;}
.clinicTB {width: 60%;}
}

/* ---- pc 1100px ---------- */
@media only screen and (max-width:1100px){
#acc_mainTx{
	width: 100%;
	text-align: left;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.accessMap {
	padding-top: 80%;
}

.accBox{
	width: 48%;
	padding: 30px 30px 35px;
}

.accBox h4{
	font-size: 24px;
	margin-bottom: 10px;
}

#company_wrap{
	flex-direction: column;
}

.companyPh{width: 100%; margin-bottom: 50px;}
.clinicTB {width: 100%;}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.accTit{
	font-size: 25px;
	margin-bottom: 30px;
}

#map_wrap{
	width: 100%;
	margin-top: 50px;
}

#acc_Info{
	width: 100%;
	flex-direction: column;
	margin-top: 50px;
}

.accBox{
	width: 100%;
	padding: 30px 30px 35px;
}

.accBox h4{
	font-size: 20px;
	margin-bottom: 10px;
}

.accBox:first-child{margin-bottom: 50px;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.accTit{
	font-size: 22px;
	margin-bottom: 25px;
}

.accessMap {
	padding-top: 90%;
}

.accBox{
	width: 100%;
	padding: 20px 20px 25px;
}

.accBox:first-child{margin-bottom: 30px;}

.accBox ul li{
	line-height: 1.5;
	margin-bottom: 10px;
}

.accBox ul li:last-child{margin-bottom: 0;}

.clinicTB {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #D8C0A8;
	margin:0 0 0 0;
}

.clinicTB th,
.clinicTB td{
	width: 100%;
	display: block;
}

.clinicTB th{
	text-align: center;
	padding: 10px 0px 10px 0;
	border-width: 0px 0px 0px 0px;
}

.clinicTB td {
	padding: 10px 0 10px 10px;
	border-width:1px 0px 1px 0px;
}
}


/*-------------------------------------------------------------------
　 お知らせ
-------------------------------------------------------------------*/
.newsBox{
	margin: 20px 0 20px 0;
	padding: 20px 0 40px 0;
	border-bottom: 1px dashed #72483E;
}

dl.newsList{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	line-height: 1.3;
}

dl.newsList dt{
	color: #F0919B;;
	font-size: 18px;
	margin-right: 20px;
}

dl.newsList dd{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #2AA581;
}

/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.newsBox{
	margin: 0px 0 20px 0;
	padding: 20px 0 40px 0;
}

dl.newsList{
	display: block;
	align-items: center;
	margin-bottom: 15px;
}

dl.newsList dt{
	color: #E65996;
	font-size: 16px;
	margin-right: 20px;
}

dl.newsList dd{
	font-size: 22px;
}
}