@charset "UTF-8";

.contentpage .m_img_area .m_img {background-image: url("../images/first/m_img@2x.jpg");}



/*read
---------------------------------------------------------*/
#onegai .box_list {
	display: flex;
    justify-content: space-between;
}
#onegai .box_list > dl {
	width: 48.5%;
	max-width: 590px;
	box-sizing: border-box;
	background: #F7F6F4;
	padding: 75px 3%;
}
#onegai .box_list > dl > dt {
	text-align: center;
	color: #B59F34;
	font-size: 135%;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}
#onegai .box_list > dl > dd {
	line-height: 2.3em;
}

#system .item_list {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
    justify-content: center;
	text-align: center;
}
#system .item_list > li {
	width: 32%;
	margin-right: 2%;
	max-width: 290px;
}
#system .item_list > li:nth-child(3n) {
	margin-right: 0;
}
#system .item_list .icon_txt {
	color: #fff;
	font-size: 160%;
	letter-spacing: normal;
	line-height: 1.3em;
	width: 6.0em;
	aspect-ratio: 1 / 1;
	background: rgba(180,180,181,0.8);
	border-radius: 2.0em;
	position: relative;
	margin: 0 auto;
}
#system .item_list .icon_txt p {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#system .item_list .icon_txt p .txt1 {
	font-size: 120%;
	letter-spacing: .05em;
}
#system .item_list .icon_txt p .txt2 {
	font-size: 105%;
	letter-spacing: .05em;
}
#system .item_list > li > p {
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-top: 1.0em;
}
#system .contact_box {
	border-top: solid 1px #B4B4B5;
	padding-top: 50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#onegai .box_list > dl {
	padding: 5% 3%;
}
#onegai .box_list > dl > dt {
	margin-bottom: .6em;
}
#onegai .box_list > dl > dd {
	line-height: 2.0em;
}
#system .contact_box {
	padding-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .com_btn_list a {
	min-width: 50vw;
}

#onegai .box_list {
	display: block;
}
#onegai .box_list > dl {
	width: 100%;
	max-width: 100%;
	padding: 6% 6%;
	margin-bottom: 3%;
}
#onegai .box_list > dl:last-child {
	margin-bottom: 0;
}
#onegai .box_list > dl > dt {
	font-size: 135%;
	margin-bottom: .3em;
}
#onegai .box_list > dl > dd {
	line-height: 2.0em;
}

#system .item_list {
	width: 100%;
}
#system .item_list > li {
	width: 33.3333%;
	margin-right: 0;
	max-width: 100%;
}
#system .item_list .icon_txt {
	font-size: 120%;
}
#system .item_list > li > p {
	font-size: 100%;
	letter-spacing: normal;
}
#system .contact_box {
	padding-top: 12%;
}
}



/*flow
---------------------------------------------------------*/
#flow .flow_list {
	width: 90%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#flow .flow_list > li::after {
	content: "";
	display: block;
	width: 100%;
	height: 210px;
	background: url("../images/first/arrow@2x.png") no-repeat left center;
	background-size: auto 52%;
}
#flow .flow_list > li:last-child::after {
	display: none;
}

#flow .flow_list .flt_box .txt_l {
	width: 50%;
	max-width: 450px;
	float: left;
}
#flow .flow_list .flt_box .img_r {
	width: 45%;
	max-width: 440px;
	float: right;
}

#flow .flow_list .flow_txt {
	color: #B59F34;
	font-size: 75%;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: 1.5em;
}
#flow .flow_list .flow_txt::after {
	content: "01";
	margin-left: .5em;
}
#flow .flow_list > li:nth-child(1) .flow_txt::after {content: "01";}
#flow .flow_list > li:nth-child(2) .flow_txt::after {content: "02";}
#flow .flow_list > li:nth-child(3) .flow_txt::after {content: "03";}
#flow .flow_list > li:nth-child(4) .flow_txt::after {content: "04";}
#flow .flow_list > li:nth-child(5) .flow_txt::after {content: "05";}

#flow .flow_list .flow_style > dt {
	font-size: min(200%,3.2vw);
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: .6em;
}

#flow .flow_list .com_med_area {
	width: 110%;
	margin-left: -5%;
	padding-top: 50px;
	padding-bottom: 50px;
}
#flow .flow_list .com_med_area .com_medical2 {
	display: none !important;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#flow .flow_list > li::after {
	height: 15vw;
	max-height: 210px;
}
#flow .flow_list > li:last-child::after {
	display: none;
}

#flow .flow_list .flow_style > dt {
	margin-bottom: .4em;
}
#flow .flow_list .com_med_area {
	padding-top: 4%;
	padding-bottom: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#flow .flow_list {
	width: 100%;
	max-width: 100%;
}
#flow .flow_list > li::after {
	height: 20vw;
	background-position: center center;
	background-size: auto 52%;
}

#flow .flow_list .flt_box .txt_l {
	width: 100%;
	max-width: 100%;
	float: none;
}
#flow .flow_list .flt_box .img_r {
	width: 70%;
	max-width: 100%;
	float: none;
	margin: 0 auto;
}

#flow .flow_list .flow_txt {
	font-size: 85%;
	margin-bottom: 1.0em;
}

#flow .flow_list .flow_style > dt {
	font-size: 150%;
	letter-spacing: .05em;
	margin-bottom: .3em;
}

#flow .flow_list .com_med_area {
	width: 100%;
	margin-left: 0;
	padding-top: 6%;
	padding-bottom: 8%;
}
#flow .flow_list .com_med_area .med_area_txt br {
	display: none !important;
}
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}