@charset "UTF-8";

/*下層共通
---------------------------------------------------------*/
/*下層メインイメージ*/
.contentpage .m_img_area::before{
	background-image: url("../images/visit/m_img@2x.jpg");
}





/*box2
---------------------------------------------------------*/
.box2 .med_flow_vertical .contact_box{
	background-color: #FCFCF0;
	padding: 25px 3.5%;
	box-sizing: border-box;
	max-width: 706px;
	margin: 1em 0 auto ;
}
.box2 .med_flow_vertical .contact_box .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 660px;
	margin: 0 auto;
}
.box2 .med_flow_vertical .contact_box .tel{
	max-width: 326px;
	width: 50%;
	font-size: 105%;
	letter-spacing: 0.15em;
	text-align: center;
}
.box2 .med_flow_vertical .contact_box .tel dt{
	font-size: 105%;
	letter-spacing: 0.15em;
	line-height: 1em;
	text-align: center;
	margin-bottom: 0.8em;
}
.box2 .med_flow_vertical .contact_box .inf{
	max-width: 305px;
	width:47%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box2 .med_flow_vertical .contact_box .inf li{
	max-width: 147px;
	width: 48.2%;
}
.box2 .med_flow_vertical .contact_box .inf li.com_web a::before, 
.box2 .med_flow_vertical .contact_box .inf li.com_line a::before {
    width: 1.69em;
    height: 1.69em;
}

/* 1250px〜768px (Portrait)
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1250px) {
.box2 .med_flow_vertical .contact_box .inf li.com_web a::before, 
.box2 .med_flow_vertical .contact_box .inf li.com_line a::before {
    width: 1.9vw;
    height: 1.9vw
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_flow_vertical .contact_box{
	padding: 3% 3.5%;
}
.box2 .med_flow_vertical .contact_box .tel{
	letter-spacing: 0.1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_flow_vertical .contact_box{
	padding: 6% 8% 5%;
}
.box2 .med_flow_vertical .contact_box .flex{
	display: block;
	max-width: 100%;
}
.box2 .med_flow_vertical .contact_box .tel{
	width:100%;
	max-width: 100%;
	font-size:90%;
	letter-spacing: 0.05em;
}
.box2 .med_flow_vertical .contact_box .inf{
	width:100%;
	max-width: 100%;
	margin: 4% auto 0;
}
.box2 .med_flow_vertical .contact_box .inf li{
	max-width: 48.2%;
}
.box2 .med_flow_vertical .contact_box .inf li.com_web a::before, 
.box2 .med_flow_vertical .contact_box .inf li.com_line a::before {
    width: 5.2vw;
    height: 5.2vw
}
}





/*box5
---------------------------------------------------------*/
.box5 .notes_box{
	border: 1px solid #004C37;
	max-width: 1010px;
	margin: 0 auto;
}
.box5 .notes_box .bg_white{
	padding: 40px 4%;
	box-sizing: border-box;
}
.box5 .notes_box .bg_white .notes_tit{
	text-align: center;
	color: #004C37;
	font-size: 175%;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	margin-bottom: 1em;
	padding-bottom: 0.8em;
	position: relative;
}
.box5 .notes_box .bg_white .notes_tit::before{
	position: absolute;
	content: "";
	background: #004C37 no-repeat center bottom;
	background-size: 100% auto;
	width: 42px;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.box5 .notes_box .bg_white .notes_tit span{
	padding-left: 2em;
	position: relative;
}
.box5 .notes_box .bg_white .notes_tit span::before{
	position: absolute;
	content: "";
	background: url("../images/notes.svg") no-repeat left top;
	background-size: 100% 100%;
	width: 1.4em;
	height: 1.4em;
	left: 0;
	top:-0.18em;
}
.box5 .notes_box .bg_white  ul{
	max-width: 905px;
	margin: 0 auto;
}
.box5 .notes_box .bg_white  ul li{
	border-top: 1px solid #D7D7D8;
	padding-top: 20px;
	margin-top: 20px;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}
.box5 .notes_box .bg_white  ul li:first-child{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
.box5 .notes_box .bg_white  ul li span{
	padding-left: 1.5em;
	position: relative;
	display: block;
}
.box5 .notes_box .bg_white  ul li span::before{
	position: absolute;
	font-family: "fontello";
	content: '\e814';
	font-size: 1.4em;
	left: 0;
	top:-0.005em;
	color: #BFB85D;
}
.box5 .notes_box .bg_gleen{
	background-color: #004C37;
	color: #fff;
	text-align: center;
	font-size: 110%;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	padding: 1.5em 4%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box5 .notes_box .bg_white{
	padding: 4%;
}
.box5 .notes_box .bg_white .notes_tit{
	font-size: 155%;
	letter-spacing: 0.1em;
}
.box5 .notes_box .bg_white .notes_tit::before{
	width: 2em;
}
.box5 .notes_box .bg_white  ul li{
	padding-top: 3%;
	margin-top: 3%;
	letter-spacing: 0.03em;
	line-height: 1.7em;
}

.box5 .notes_box .bg_gleen{
	font-size: 105%;
	letter-spacing: 0.1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.box5 .notes_box .bg_white{
	padding: 5%;
}
.box5 .notes_box .bg_white .notes_tit{
	font-size: 135%;
	letter-spacing: 0.05em;
}
.box5 .notes_box .bg_white .notes_tit::before{
	width: 2em;
}
.box5 .notes_box .bg_white  ul li{
	padding-top: 6%;
	margin-top: 6%;
	letter-spacing: normal;
	line-height: 1.6em;
}

.box5 .notes_box .bg_gleen{
	font-size: 100%;
	letter-spacing: 0.05em;
	padding: 4% 5%;
	text-align: left;
}
}