@charset "UTF-8";

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



/* box1
---------------------------------------------------------*/
.box1 .fukidashi_list{
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.box1 .fukidashi_list li{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 1.6em;
}
.box1 .fukidashi_list li:first-child{
	margin-top: 0;
}
.box1 .fukidashi_list li div{
	max-width: 70px;
	width: 3.685em;
}
.box1 .fukidashi_list li p{
	width: calc(100% - 4.8em);
	padding: 1em;
	box-sizing: border-box;
	color: #fff;
	border-radius: 2.1em;
	position: relative;
	height: 6.85em;
	display: flex;
    justify-content: center;
    align-items: center;
}
.box1 .fukidashi_list li p::before{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 1.053em;
	height: 1.053em;
	bottom: 2em;
}
.box1 .fukidashi_list li p span{
	display: block;
	margin: 0 auto;
}
.box1 .fukidashi_list li:first-child p span{
	max-width: 27em;
	
}
.box1 .fukidashi_list li:last-child p span{
	max-width: 24em;
}
.box1 .fukidashi_list li:first-child p::before{
	background-image: url("../images/medical/visit/fukidashi1.svg");
	background-position: right bottom;
	left: 100%;
}
.box1 .fukidashi_list li:last-child p::before{
	background-image: url("../images/medical/visit/fukidashi2.svg");
	background-position: right bottom;
	right: 100%;
}
.box1 .fukidashi_list li:first-child p{
	background-color: #5dc2aa;
}
.box1 .fukidashi_list li:last-child p{
	background-color: #aabd3c;
}
.box1 .fukidashi_img1{
	max-width: 235px;
	width: 36%;
	margin: 30px auto;
	text-align: center;
}
.box1 .sp_txt_l.ft_gothic{
	margin-bottom: 0.8em;
}
.box1 .fukidashi_img2{
	max-width: 464px;
	width: 71%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .fukidashi_img1{
	margin: 3% auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .fukidashi_list{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.box1 .fukidashi_list li{
	margin-top: 1em;
}
.box1 .fukidashi_list li p{
	border-radius: 2em;
	height: auto;
}
.box1 .fukidashi_img1{
	width: 45%;
	margin: 5% auto;
}
.box1 .fukidashi_img2{
	width: 80%;
}
.box1 .sp_txt_l.ft_gothic{
	margin-bottom: 0.5em;
}
}



/* box2
---------------------------------------------------------*/
.box2 .cycle_tit .icon{
	max-width: 100px;
	width: 14%;
	margin: 0 auto 1em;
	text-align: center;
}
.box2 .cycle_list{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.box2 .cycle_list > li{
	max-width: 400px;
	width: 48.5%;
	padding: 40px 3% 35px;
	border-radius: 20px;
	box-sizing: border-box;
	margin-top: 60px;
}
.box2 .cycle_list > li:nth-child(-n + 2){
	margin-top: 0;
}
.box2 .cycle_list > li:nth-child(1){
	background-color: #f7e0dc;
}
.box2 .cycle_list > li:nth-child(2){
	background-color: #e8f2f8;
}
.box2 .cycle_list > li:nth-child(3){
	background-color: #f8f8ea;
}
.box2 .cycle_list > li:nth-child(4){
	background-color: #edf5e7;
}
.box2 .cycle_list > li dl{
	max-width: 335px;
	margin: 0 auto;
}
.box2 .cycle_list > li dl dt{
	font-size:  min(142%,2.4vw);
	letter-spacing: 0.05em;
	line-height: 1.5em;
	text-align: center;
	padding: 0.4em 0;
	color: #fff;
	border-radius: 0.37em;
	box-sizing: border-box;
	margin-bottom: 0.6em;
}
.box2 .cycle_list > li dl dt span{
	margin-left: -0.4em;
}
.box2 .cycle_list > li:nth-child(1) dl dt{
	background-color: #e18876;
}
.box2 .cycle_list > li:nth-child(2) dl dt{
	background-color: #83b8d4;
}
.box2 .cycle_list > li:nth-child(3) dl dt{
	background-color: #c4c44d;
}
.box2 .cycle_list > li:nth-child(4) dl dt{
	background-color: #83c25f;
}
.box2 .cycle_list > li .com_list1{
	font-weight: bold;
}
.box2 .cycle_list > li:nth-child(1) .com_list1 > li::before{
	background-color: #e18876;
}
.box2 .cycle_list > li:nth-child(2) .com_list1 > li::before{
	background-color: #83b8d4;
}
.box2 .cycle_list > li:nth-child(3) .com_list1 > li::before{
	background-color: #c4c44d;
}
.box2 .cycle_list > li:nth-child(4) .com_list1 > li::before{
	background-color: #83c25f;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .cycle_list > li{
	padding: 4% 3% 4.5%;
	border-radius: 2vw;
	margin-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .cycle_tit .icon{
	width: 20%;
	margin: 0 auto 0.8em;
}
.box2 .cycle_list{
	display: block;
	max-width: 100%;
}
.box2 .cycle_list > li{
	max-width: 100%;
	width: 100%;
	padding: 7% 6% 6%;
	border-radius: 4vw;
	margin-top:5%!important;
}
.box2 .cycle_list > li:nth-child(-n + 1){
	margin-top: 0!important;
}

.box2 .cycle_list > li dl{
	max-width: 100%;
}
.box2 .cycle_list > li dl dt{
	font-size:  130%;
}
.box2 .cycle_list > li dl dt span{
	margin-left: -0.4em;
}
}



/* box4
---------------------------------------------------------*/
.box4 .com_flow_list1 .com_contact{
	display: block;
	background-color: #faf4ed;
	padding: 1.8em 1em;
	box-sizing: border-box;
	margin-top: 1em;
	border-radius: 1.23em;
}
.box4 .com_flow_list1 .com_contact .com_con_tel{
	width: 100%;
}

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

}

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

}