@charset "utf-8";
/* service CSS Document */

.service_main{
	background: #F7FAFB;
	padding: 100px 0 200px;
}
h3 p{
	display: none;
}
@media screen and (max-width: 769px) {
	.service_main{
		padding: 45vw 0 100px;
	}
	.service .service_main{
		margin: 40px 0 0;
		padding: 6vw 0 100px;
	}
	h3 p{
		display: block;
	}
}

.service_main-inner{
	display: flex;
	flex-wrap: wrap;
}
.service_main-box{
	position: relative;
	width: calc(50% - 25px);
	margin-bottom: 50px;
	background: #fff;
	box-sizing: border-box;
	padding: 80px 60px 100px;
}
a.service_main-box{
	display: block;
	position: relative;
	text-decoration: none;
	padding: 80px 60px 50px;
	transition: .3s all ease;
}
.service_main-box:nth-child(odd){
	margin-right: 50px;
}
@media screen and (max-width: 769px) {
/* 	.service_main{padding: 6vw 0 100px} */
	.service_main-inner{display: block}
	.service_main-box,
	a.service_main-box{
		width: 100%;
		margin-bottom: 6vw;
		padding: 30px 30px 35px;
	}
}
.service_main-img{
	position: absolute;
	right: 60px;
}
.service_main-box-1 .service_main-img{ width: 280px; top: 47px; max-width: 35%;}
.service_main-box-2 .service_main-img{ width: 291px; top: 47px; max-width: 45%;}
.service_main-box-3 .service_main-img{ width: 195px; top: 40px; max-width: 35%;}
.service_main-box-4 .service_main-img{ width: 226px; top: 40px; max-width: 35%;}
.service_main-box-5 .service_main-img{ width: 202px; top: 36px; max-width: 25%;}
.service_main-box-6 .service_main-img{ width: 230px; top: 39px; max-width: 40%;}
.service_main-box-7 .service_main-img{ width: 181px; top: 39px; max-width: 35%;}
.service_main-box-8 .service_main-img{ width: 232px; top: 39px; max-width: 40%;}
.service_main-box-9 .service_main-img{ width: 148px; top: 57px; max-width: 35%;}
.service_main-box-10 .service_main-img{ width: 259px; top: 26px; max-width: 45%;}
.service_main-box-11 .service_main-img{ width: 230px; top: 44px; max-width: 40%;}
.service_main-box-13 .service_main-img{ width: 240px; top: 42px; max-width: 35%;}
.service_main-box-14 .service_main-img{ width: 200px; top: 30px; max-width: 35%;}

.service_main-box-1 .service_main-title,
.service_main-box-2 .service_main-title,
.service_main-box-3 .service_main-title,
.service_main-box-6 .service_main-title,
.service_main-box-8 .service_main-title,
.service_main-box-10 .service_main-title,
.service_main-box-11 .service_main-title,
.service_main-box-14 .service_main-title
{
    max-width: 60%;
}
.service_main-box-5 .service_main-title,
.service_main-box-4 .service_main-title {
    max-width: 70%;
}
.service_main-box-7 .service_main-title,
.service_main-box-9 .service_main-title,
.service_main-box-13 .service_main-title{
    max-width: 65%;
}
	
@media screen and (max-width: 1300px) {
	.service_main-img{ right: 30px; }
	.service_main-box-1 .service_main-img{width: 176px; top: 70px;}
	.service_main-box-2 .service_main-img{width: 176px; top: 70px; max-width: 40%;}
	.service_main-box-3 .service_main-img{width: 150px; top: 70px;}
	.service_main-box-4 .service_main-img{width: 142px; top: 70px; max-width: 30%;}
	.service_main-box-5 .service_main-img{width: 125px; top: 70px;}
	.service_main-box-6 .service_main-img{width: 145px; top: 70px;}
	.service_main-box-7 .service_main-img{width: 114px; top: 70px;}
	.service_main-box-8 .service_main-img{width: 146px; top: 70px;}
	.service_main-box-9 .service_main-img{width: 98px; top: 70px;}
	.service_main-box-10 .service_main-img{width: 163px; top: 70px; max-width: 40%;}
	.service_main-box-11 .service_main-img{width: 145px; top: 70px;}
    .service_main-box-13 .service_main-img{width: 150px; top: 70px; max-width: 30%;}
    .service_main-box-14 .service_main-img{width: 140px; top: 70px;}
	
	/*.service_main-box-5 .service_main-title{
		max-width: 8.5em;
		}*/
}

.service_main-title{
	font-size: 3.3rem;
	line-height: 6.3rem;
	margin-bottom: 70px;
	color: #000;
	transition: .3s all ease;
}
	.service_main-box-5 .service_main-title small{
		display: inline-block;
		line-height: 1.5;
		}

@media screen and (max-width: 769px) {
    .service_main-box-1 .service_main-title,
    .service_main-box-2 .service_main-title,
    .service_main-box-3 .service_main-title,
    .service_main-box-4 .service_main-title,
    .service_main-box-5 .service_main-title,
    .service_main-box-6 .service_main-title,
    .service_main-box-7 .service_main-title,
    .service_main-box-8 .service_main-title,
    .service_main-box-9 .service_main-title,
    .service_main-box-10 .service_main-title,
	.service_main-box-11 .service_main-title,
    .service_main-box-12 .service_main-title,
    .service_main-box-13 .service_main-title,
    .service_main-box-14 .service_main-title{
		max-width: 100%;
		}
    .service_main-box-1 .service_main-img,
    .service_main-box-2 .service_main-img,
    .service_main-box-3 .service_main-img,
    .service_main-box-4 .service_main-img,
    .service_main-box-5 .service_main-img,
    .service_main-box-6 .service_main-img,
    .service_main-box-7 .service_main-img,
    .service_main-box-8 .service_main-img,
    .service_main-box-9 .service_main-img,
    .service_main-box-10 .service_main-img,
	.service_main-box-11 .service_main-img,
    .service_main-box-12 .service_main-img,
    .service_main-box-13 .service_main-img,
    .service_main-box-14 .service_main-img{
		max-width: 100%;
		}
    .service_main-box-13 .service_main-title{
		margin-bottom: 130px;
		}
    .service_main-box-13 .service_main-img{
        top: 115px;
    }
}
@media screen and (max-width: 415px) {
	.service_main-box-5 .service_main-title{
		/*max-width: 7.5em;*/
		margin-bottom: 130px;
		}
	.service_main-box-5 .service_main-img{ width: 125px; top: 110px;}
}
.service_main-text{
	font-size: 1.9rem;
    font-weight: 300;
	line-height: 3.3rem;
	color: #000;
}
.service_main-text span{
	font-size: 1.5rem;
}
.service_main-caution{
	font-size: 1.6rem;
    font-weight: 300;
	line-height: 2.5rem;
	/*color: #595757;*/
	margin: 10px 0 0;
}
a.service_main-box .service_main-caution {
    color: #595757;
}
.service_main-btn{
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 120px;
	font-size: 1.5rem;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.2em;
	color: #595757;
	border-bottom: 1px solid #595757;
	transition: .3s all ease;
}
a.service_main-box:hover{
	opacity: 1 !important;
	transform: translate(-15px,-15px);
	box-shadow: 15px 15px 0px 0px rgba(0,0,0,0.05);
}
a.service_main-box:hover .service_main-title{
	color: #F87D95;
}
a.service_main-box:hover .service_main-btn{
	color: #F87D95;
	border-bottom: 1px solid #F87D95;
}
@media screen and (max-width: 1050px) {
	.service_main-title{
		margin-bottom: 0;
		font-size: 2.3rem;
		line-height: 4.2rem;
		margin-bottom: 100px;
	}
	.service_main-text{
		font-size: 1.2rem;
		line-height: 2.4rem;
	}
	.service_main-text span{
		font-size: 1rem;
	}
	.service_main-caution{
		font-size: 1rem;
		line-height: 1.7rem;
		/*color: #595757;*/
		margin: 10px 0 0;
	}
}

/* かかりつけ薬剤師
============================================================================================================ */
.service-notebook{}
.service-notebook .sub_title h2.sub_title-sub{
	line-height: 13rem;
	margin-bottom: 80px;
	}
.service-notebook .sub_title h2.sub_title-sub span{
	letter-spacing: 0;
	}

.service-pharmacist_block{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 100px 0;
}
.service-pharmacist_block:before{
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	background: #CDCDCD;
}
.service-pharmacist_block-1:after,
.service-pharmacist_block-3:after,
.service-notebook_block-1:after,
.service-notebook_block-4:after,
.service-online-medication-guidance_block-1:after,
.service-online-medication-guidance_block-6:after {
	content: "";
	position: absolute;
	height: 100px;
	width: 3px;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	background: #F87D95;
}
.service-pharmacist_block-3:after,
.service-notebook_block-4:after,
.service-online-medication-guidance_block-6:after {
	top: inherit;
	bottom: 0;
}

.service-pharmacist_block:nth-child(odd){
	flex-direction: row-reverse;
}
.service-pharmacist_block-img{
	position: relative;
	width: calc(50% - 100px);
	display: flex;
	align-items: center;
}
.service-pharmacist_block-img img{
	width: 100%;
}
.service-pharmacist_block-info{
	position: relative;
	width: calc(50% - 100px);
}
.service-pharmacist_block-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 300;
	font-size: 3.8rem;
	letter-spacing: 0.6em;
	color: #F87D95;
	border-bottom: 1px solid #ACABAB;
	padding-bottom: 40px;
}
.service-notebook_block .point{
	font-family: 'Playfair Display', serif;
	display: block;
	color: #F87D95;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	}
	.service-notebook_block .point b{
		font-size: 1.4em;
		}
.service-notebook_block .service-pharmacist_block-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 300;
	font-size: 3.5rem;
	letter-spacing: 0.1em;
	color: #000;
}
.service-pharmacist_block-text{
	font-size: 1.9rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 3.8rem;
	margin: 60px 0 0;
}
.service-pharmacist_block-list{
	font-size: 1.9rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 3.8rem;
	margin: 60px 0 0 22px;
	text-indent: -22px;
}
.service-pharmacist_block-list li{
	margin-bottom: 40px;
}
.service-pharmacist_block-caution{
	font-size: 1.6rem;
   font-weight: 300;
	letter-spacing: 0.05em;
	margin: 40px 0 0;
	/*color: #595757;*/
}
.service-notebook_start-inner h3 small{
	display: block;
	font-size: 0.35em;
	color: #595757;
	letter-spacing: 1px;
	margin-top: 2em;
	}

.qrcode_box{
	flex-direction: row-reverse;
	}
	.service-notebook_start-inner .qrcode_box{
		padding: 60px 0 0;
		}
.qrcode_box .service-notebook_start-cell:first-child::after{
	background: none !important;
	}
.qrcode_box .service-notebook_start-cell{
	width: calc(50%);
	}
	
	
.qrcode_box dl.qr{
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ACABAB;
	padding-bottom: 40px;
	margin-bottom: 50px;
	display: table;
	}
.qrcode_box dl.qr::after { clear: both; content: " "; display: block;}
.qrcode_box dl.qr dt{
	/*float: left;*/
	padding: 0 15px;
	}
	.qrcode_box dl.qr dt .line_btn{
		display: none;
		}
.qrcode_box dl.qr dd{
	/*float: left;*/
	font-size: 1.6rem;
	display: table-cell;
	vertical-align: middle;	
	}

/*---下部リンク(nutrition-consultation ワンポイントアドバイスから流用)---*/

p.staff_fllow{
	font-family: 'Playfair Display', serif;
	font-size: 3.5rem;
	font-weight: normal;
	line-height: 1.8;
	color: #ed6c00;
	text-align: center;
	margin-top: 5em;
	}
	
.service-notebook .link_round{
		line-height: 0;
		}
.service-notebook .link_round a {
		 display: block;
		 margin-top: 10%;
		 margin-bottom: 10%;
		 font-size: 2.5rem;
		 color: #000;
		 background: #fff;
		 border: 1px solid #f6b680;
		 position: relative;
		 text-align: center;
		 padding: 9% 5%;
		 text-decoration: none;
		 overflow: hidden;
		 /*border-radius: 125px;*/
		 line-height: 0;
		}
.service-notebook .link_round.link_round_line a {
		border: 1px solid #fef8f2;
		background: #FEFBF7;
		/*vertical-align: middle;*/
		}
.service-notebook .link_round.link_form a:after {
		 content: "psft.co.jp";
		 white-space: nowrap;
		 display: inline-block;
		 font-family: 'Playfair Display', serif;
		 font-size: 17rem;
		 line-height: 1;
		 color: #FEF8F2;
		 letter-spacing: 0.15em;
		 position: absolute;
		 left: 0.7em;
		 top: 0.1em;
		 transition: all 0.3s ease;
		}
.service-notebook .link_round a > span {
		display: inline-block;
		position: relative;
		z-index: 1;
		padding-right: 30px;
		letter-spacing: 0.3em;
		line-height: 1;
		}
.service-notebook .link_round a > span:after {
		 content: "";
		 display: inline-block;
		 width: 12px;
		 height: 15px;
		 background: url(../../shared/images/icon_arrow_r_gray.svg) no-repeat;
		 background-size: 100% auto;
		 position: absolute;
		 right: 0;
		 top: 50%;
		 transform: translatey(-50%);
		}    
.service-notebook .link_round a:before {
		 content: "";
		 display: inline-block;
		 width: 100%;
		 height: 100%;
		 background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 255, 255, 0) 0%,rgba(255, 253, 251, 0.13) 12.74%,rgba(254, 246, 239, 0.25) 25.32%,rgba(252, 234, 219, 0.38) 37.84%,rgba(251, 218, 191, 0.5) 50.33%,rgba(248, 198, 156, 0.63) 62.8%,rgba(245, 172, 112, 0.75) 75.27%,rgba(241, 142, 60, 0.88) 87.63%,rgba(237, 109, 1, 1) 99.8%,rgba(237, 108, 0, 1) 100%);
		 background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 251, 0.13) 12.74%, rgba(254, 246, 239, 0.25) 25.32%, rgba(252, 234, 219, 0.38) 37.84%, rgba(251, 218, 191, 0.5) 50.33%, rgba(248, 198, 156, 0.63) 62.8%, rgba(245, 172, 112, 0.75) 75.27%, rgba(241, 142, 60, 0.88) 87.63%, rgba(237, 109, 1, 1) 99.8%, rgba(237, 108, 0, 1) 100%);
		 background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 255, 255, 0) ),color-stop(0.1274,rgba(255, 253, 251, 0.13) ),color-stop(0.2532,rgba(254, 246, 239, 0.25) ),color-stop(0.3784,rgba(252, 234, 219, 0.38) ),color-stop(0.5033,rgba(251, 218, 191, 0.5) ),color-stop(0.628,rgba(248, 198, 156, 0.63) ),color-stop(0.7527,rgba(245, 172, 112, 0.75) ),color-stop(0.8763,rgba(241, 142, 60, 0.88) ),color-stop(0.998,rgba(237, 109, 1, 1) ),color-stop(1,rgba(237, 108, 0, 1) ));
		 background : -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 251, 0.13) 12.74%, rgba(254, 246, 239, 0.25) 25.32%, rgba(252, 234, 219, 0.38) 37.84%, rgba(251, 218, 191, 0.5) 50.33%, rgba(248, 198, 156, 0.63) 62.8%, rgba(245, 172, 112, 0.75) 75.27%, rgba(241, 142, 60, 0.88) 87.63%, rgba(237, 109, 1, 1) 99.8%, rgba(237, 108, 0, 1) 100%);
		 background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 251, 0.13) 12.74%, rgba(254, 246, 239, 0.25) 25.32%, rgba(252, 234, 219, 0.38) 37.84%, rgba(251, 218, 191, 0.5) 50.33%, rgba(248, 198, 156, 0.63) 62.8%, rgba(245, 172, 112, 0.75) 75.27%, rgba(241, 142, 60, 0.88) 87.63%, rgba(237, 109, 1, 1) 99.8%, rgba(237, 108, 0, 1) 100%);
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F87D95' ,GradientType=0)";
		 background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 251, 0.13) 12.74%, rgba(254, 246, 239, 0.25) 25.32%, rgba(252, 234, 219, 0.38) 37.84%, rgba(251, 218, 191, 0.5) 50.33%, rgba(248, 198, 156, 0.63) 62.8%, rgba(245, 172, 112, 0.75) 75.27%, rgba(241, 142, 60, 0.88) 87.63%, rgba(237, 109, 1, 1) 99.8%, rgba(237, 108, 0, 1) 100%);
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F87D95' , GradientType=1);
		 position: absolute;
		 left: 0;
		 top: 0;
		 opacity: 0;
		 transition: all 0.3s ease;
		}
.service-notebook .link_round a:hover {
		 color: #ed6c00;
		}
.service-notebook .link_round a:hover:after {
		 color: rgba(253,237,224,0.1);
		}
.service-notebook .link_round a:hover > span:after {
		 background: url("../../shared/images/icon_arrow_r_orange.svg") no-repeat;
		 background-size: 100% auto;
		}
.service-notebook .link_round a:hover:before {
		 opacity: 1;
		}
.service-notebook .link_round_bg {
		 position: relative;
		}
.service-notebook .link_round_bg:before {
		 content: "";
		 display: inline-block;
		 width: 200vw;
		 height: 50%;
		 background: #fef8f2;
		 position: absolute;
		 left: -webkit-calc(-50vw + 50%);
		 left: calc(-50vw + 50%);
		 top: 0;
		 z-index: -1;
		}
.service-notebook .link_round_bg a {
		 margin-top: 0;
		}


@media screen and (max-width: 769px) {
	.service-notebook .sub_title h2.sub_title-sub{
		font-size: 3.4rem;
		line-height: 6.0rem;
		margin-bottom: 30px;
		position: relative;
		}
	.service-notebook .sub_title h2.sub_title-sub span{
		display: inline-block;
		text-indent: -1em;
		padding-left: 1em;
		line-height: 5.0rem;
		}
	.service-notebook .sub_title .sub_title-text{
		margin-bottom: 3em;
		}
	
	.service-pharmacist_block{
		display: block;
		padding: 0 0 50px;
	}
	.service-pharmacist_block:before{ 
        display: none; 
    }
	.service-pharmacist_block-1:after,
	.service-pharmacist_block-3:after,
	.service-notebook_block-1:after,
	.service-notebook_block-4:after,
    .service-online-medication-guidance_block-1:after,
    .service-online-medication-guidance_block-6:after{ 
        display: none; 
    }
	.service-pharmacist_block-img,
	.service-pharmacist_block-info{
		width: 100%;
	}
/*
	.service-pharmacist_block-img:after,
	.service-pharmacist_block-2 .service-pharmacist_block-img:after,
	.service-pharmacist_block-3 .service-pharmacist_block-info:after{
		display: none;
	}
*/
	.service-pharmacist_block-info{
		margin: 0 0 40px;
	}
	.service-pharmacist_block-title{
		font-size: 2.5rem;
		line-height: 4.4rem;
		text-align: center;
	}
	.service-pharmacist_block-list{
		font-size: 1.2rem;
		text-indent: -22px;
		margin: 30px 0 0 15px;
		text-indent: -15px;
	}
	.service-pharmacist_block-list li{
		margin-bottom: 20px;
	}
	.service-pharmacist_block-caution{
		margin: 30px 0 0;
	}
	
	.service-notebook_start-inner h3 small{
		font-size: 0.45em;
		line-height: 2em;
		}
		.service-notebook_start-inner > h3::after{
			display: none;
			}
	.service-notebook_start-inner .qrcode_box{
		padding: 0;
		}
	.qrcode_box .service-notebook_start-cell{
		width: inherit;
		}
	.qrcode_box .service-pharmacist_block-img{
		padding-bottom: 40px;
		}
	.qrcode_box .service-notebook_start-title{
		padding-bottom: 30px;
		margin-bottom: 25px;
		}
	
	.qrcode_box dl.qr{
		display: block;
		}
	.qrcode_box dl.qr dt{
		text-align: center;
		margin: 3em 0;
		}
	.qrcode_box dl.qr dt img{
		display: none;
		}
	.qrcode_box dl.qr dt .line_btn{
		display: inline-block;
		background: #00B900;
		color: #FFFFFF;
		text-decoration: none;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		width: 94%;
		padding: 1.8em;
		}
	.qrcode_box dl.qr dd{
		font-size: 1.4rem;
		}
	
/*---下部リンク(nutrition-consultation ワンポイントアドバイスから流用)---*/

p.staff_fllow{
	font-size: 1.7rem;
	line-height: 3.5rem;
	margin: 0 0 2em;
	}
.service-notebook .link_round.link_round_line a{
	margin-top: 0;
	margin-bottom: 5%;
	font-size: 1.3rem;
	padding: 6% 5%;
	border-radius: 45px;
	}
.service-notebook .link_round a > span{
	text-align: center;
	font-size: 1.3rem;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 1.5;
	}
.service-notebook .link_round a > span::after{
	width: 5px;
	height: 7px;
	}
.service-notebook .link_round.link_form a::after{
	display: none;
	}
	
	
}

/* かかりつけ薬剤師 Q&A
============================================================================================================ */
.service-pharmacist_qa{
	margin: 240px 0 200px;
}
.service-pharmacist_qa h3 span{
	font-family: 'Playfair Display', serif;
	font-size: 6.0rem;
}
.service-pharmacist_qa h3 span.and{
	font-size: 5.0rem;
}
@media screen and (max-width: 769px) {
	.service-pharmacist_qa{
		margin: 100px 0 80px;
	}
	.service-pharmacist_qa h3 span,
	.service-pharmacist_qa h3 span.and{
		font-size: 2.9rem;
	}
}
.service-pharmacist_qa_block{
	background: #F7F7F7;
	border: 1px solid #ACABAB;
	padding: 70px 100px; 
	margin-bottom: 50px;
}
.service-pharmacist_qa_block-q{
	position: relative;
	padding: 0 0 60px 130px;
	color: #F87D95;
	border-bottom: 1px dashed #ACABAB;
}
.service-pharmacist_qa_block-a{
	position: relative;
	padding: 60px 0 0 130px;
	color: #000;
	min-height: 200px;
}
@media screen and (max-width: 769px) {
	.service-pharmacist_qa_block{
		padding: 30px 20px;
	}
	.service-pharmacist_qa_block-q{ padding: 0 0 30px 25px}
	.service-pharmacist_qa_block-a{ padding: 30px 0 0 25px; }
}
.service-pharmacist_qa_block-q:before,
.service-pharmacist_qa_block-a:before{
	content: "Q";
	position: absolute;
	left: 0;
	font-family: 'Playfair Display', serif;
	font-size: 7.5rem;
	line-height: 1em;
}
.service-pharmacist_qa_block-a:before{
	content: "A";
}
.service-pharmacist_qa_block-q:after{
	content: "&";
	position: absolute;
	display: block;
	width: fit-content;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 5.0rem;
	line-height: 1em;
	font-family: 'Playfair Display', serif;
	color: #ACABAB;
	background: #F7F7F7;
	padding: 0 20px;
}
*::-ms-backdrop,
_:-ms-lang(x),
.service-pharmacist_qa_block-q:after {
	width: 83px;
}
@media screen and (max-width: 769px) {
	.service-pharmacist_qa_block-q:before,
	.service-pharmacist_qa_block-a:before{
		font-size: 2.2rem;
		margin-top: 12px;
	}
	.service-pharmacist_qa_block-a:before{
		margin-top: 2px;
	}
	.service-pharmacist_qa_block-q:after{
		font-size: 2.0rem;
		bottom: -12px;
		padding: 0 5px;
	}
}

.service-pharmacist_qa_block-q p{
	background: #fff;
	padding: 30px;
	font-size: 3.0rem;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 300;
	letter-spacing: 0.2em;
}
.service-pharmacist_qa_block-a p{
	font-size: 1.9rem;
	line-height: 4.5rem;
	font-weight: 300;
	letter-spacing: 0.1em;
}
.service-pharmacist_qa_block:nth-child(odd){
	background: #fff;
}
.service-pharmacist_qa_block:nth-child(odd) .service-pharmacist_qa_block-q:after{
	background: #fff;
}
@media screen and (max-width: 769px) {
	.service-pharmacist_qa_block-q p{
		font-size: 1.5rem;
		line-height: 2.75rem;
		letter-spacing: 0.05em;
		padding: 13px;
	}
	.service-pharmacist_qa_block-a p{
		font-size: 1.2rem;
		line-height: 2.6rem;
	}
}

.service-pharmacist_qa_msg,
.service-notebook_msg{
	background: #FEFBF7;
	text-align: center;
	color: #F87D95;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 300;
	font-size: 2.5rem;
	line-height: 6.0rem;
	padding: 50px 0 40px;
	margin: 200px 0 200px;
}
.service-notebook_msg{
	background: #fff;
	margin: 100px 0 0;
}
@media screen and (max-width: 769px) {
	.service-pharmacist_qa_msg{
		font-size: 1.7rem;
		line-height: 4.0rem;
		margin: 80px -6vw;
	}
	.service-notebook_msg{
		font-size: 1.5rem;
		line-height: 3.5rem;
		margin: 80px 0;
	}
}

/* お近くの店舗を探す
============================================================================================================ */

.service-pharmacist_banner{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: #F2F2F2;
	font-size: 3.0rem;
	font-weight: 200;
	text-align: center;
	letter-spacing: 0.5em;
	height: 350px;
	
	text-decoration: none;
	z-index: 2;
	overflow: hidden;
	transition: all 0.3s ease;
}
.service-pharmacist_banner svg{
	margin: 0 0 5px;
	transition: .3s all ease;
}
.service-pharmacist_banner:hover svg{
	margin: 0 0 5px 10px;
}
.service-pharmacist_banner .st0{
	transition: .3s all ease;
}
.service-pharmacist_banner:hover .st0{
	stroke: #F87D95;
}
.service-pharmacist_banner span:before,
.service-pharmacist_banner span:after {
    content:"";
    display: inline-block;
    width: 0;
    height: 100%;
    background: -moz-linear-gradient(left,  rgba(237,108,0,0.3) 0%, rgba(237,108,0,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(237,108,0,0.3) 0%,rgba(237,108,0,1) 100%);
    background: linear-gradient(to right,  rgba(237,108,0,0.3) 0%,rgba(237,108,0,1) 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.service-pharmacist_banner span:after {
    background: -moz-linear-gradient(left,  rgba(237,108,0,0) 0%, rgba(237,108,0,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(237,108,0,0) 0%,rgba(237,108,0,1) 100%);
    background: linear-gradient(to right,  rgba(237,108,0,0) 0%,rgba(237,108,0,1) 100%);
}
.service-pharmacist_banner:hover {
	color: #F87D95;
	background: #fff;
}
.service-pharmacist_banner:hover span:before {
    animation-name: banner_gradationLine-s;
    animation-timing-function:ease-out;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
.service-pharmacist_banner:hover span:after {
    animation-name: banner_gradationLine;
    animation-delay:0.6s;
    animation-timing-function:ease-out;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
@keyframes banner_gradationLine-s {
    0% {
        width: 0%;
        opacity: 0;
        right: 100%;
    }
    20% {
        width: 400px;
        opacity: 0;
    }
    60% {
        width: 400px;
        opacity: 1;
    }
    70% {
        right: 0;
    }
    100% {
        width: 0%;
        opacity: 0.5;
        right: 0;
    }
}
@keyframes banner_gradationLine {
    0% {
        width: 0%;
        opacity: 0;
        right: 100%;
    }
    100% {
        width: 50%;
        opacity: 1;
        right: 0;
    }
}
.service-pharmacist_btn{display: none}
@media screen and (max-width: 769px) {
	.service-pharmacist_banner{display: none}
	.service-pharmacist_btn{
		height: 85px;
		background: #E6E6E6;
	}
	.service-pharmacist_btn{
		display: block;
		position: relative;
	}
	.service-pharmacist_btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		margin: 0 auto;
		top: -35px;
		left: 0;
		right: 0;
		width: calc(100% - 12vw);
		height: 70px;
		border-radius: 35px;
		background: #F7F7F7;
		font-size: 1.3em;
		font-weight: 200;
		letter-spacing: 0.5em;
	}
	.service-pharmacist_btn svg{
		margin: 5px 0 0;
	}
}

/* 電子おくすり手帳 ご利用を始めるには
============================================================================================================ */
@media screen and (max-width: 769px) {
	.service-notebook .sub_title-img{
		margin: 0 0 0 6vw;
	}
	.service-notebook .sub_title-img img{
		margin: 0 0 0 4vw;
	}

	.service-notebook .service_main service-pharmacist_main{
		margin: -9vw 0 0;
		padding: 30vw 0 100px;
	}
	.service-notebook_block .point{
		font-size: 1.3em;
		letter-spacing: 0.1em;
		}
		.service-notebook_block .point b{
			}
	.service-notebook .service-pharmacist_block-title{
		text-align: left;
		font-size: 2.5rem;
		line-height: 4.5rem;
		padding-bottom: 30px;
	}
	.service-notebook .service-pharmacist_block-text{
		text-align: left;
		font-size: 1.4rem;
		line-height: 2.7rem;
		margin: 40px 0 0;
	}
	.service-notebook .service_main {
	    margin: -10vw 0 0;
	    padding: 25vw 0 1px;
	}
}

.service-notebook_start{
	padding: 200px 0 0;
}
@media screen and (max-width: 769px) {
	.service-notebook_start{
		padding: 70px 0 0;
	}
}
.service-notebook_start-block{
	display: flex;
	justify-content: space-between;
	padding: 100px 0;
}
.service-notebook_start-block:nth-child(odd){
	flex-direction: row-reverse;
}
.service-notebook_start-cell{
	position: relative;
	width: calc(50% - 100px);
}
@media screen and (max-width: 769px) {
	.service-notebook_start-block{ display: block; padding: 50px 0;}
	.service-notebook_start-cell{ width: 100%;}
}
.service-notebook_start-cell:first-child:after{
	content: "";
	position: absolute;
	height: calc(100% + 200px);
	width: 1px;
	top: -100px;
	right: -100px;
	background: #CDCDCD;
}
.service-notebook_start-block:nth-child(odd) .service-notebook_start-cell:first-child:after{
	right: inherit;
	left: -101px;
}

.service-notebook_start-block-1 .service-notebook_start-btn:after{
	content: "";
	display: block;
	position: absolute;
	height: 100px;
	width: 3px;
	top: -100px;
	left: -102px;
	background: #F87D95;
}

.service-notebook_start-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.8rem;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ACABAB;
	padding-bottom: 40px;
	margin-bottom: 50px;
}
.service-notebook_start-title span{
	display: block;
	margin-bottom: 30px;
	font-family: 'Playfair Display', serif;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	color: #F87D95;
}
.service-notebook_start-text{
	display: flex;
	font-size: 1.9rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 3.8rem;
}
.service-notebook_start-text img{
	margin-right: 30px;
	height: fit-content;
}
@media screen and (max-width: 769px) {
	.service-notebook_start-title{
		font-size: 2.0rem;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.service-notebook_start-title span{
		font-size: 1.2rem;
		margin-bottom: 15px;
	}
	.service-notebook_start-text{
		font-size: 1.2rem;
		line-height: 2.6rem;
		display: none;
	}
	.service-notebook_start-text img{
		width: 70px;
		height: 70px;
	}
}

.service-notebook_start-caution{
	font-size: 1.6rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 2.5rem;
	margin-top: 30px;
	/*color: #595757;*/
}

.service-notebook_start-btn{
	display: flex;
	align-items: center;
}
.service-notebook_start-btn div{
	margin: 15px 0; 
}
.service-notebook_start-btn div img{
	margin-right: 20px;
}
@media screen and (max-width: 769px) {
	.service-notebook_start-caution{
		font-size: 1.0rem;
		line-height: 1.7rem;
		margin-top: 15px;
	}
	.service-notebook_start-btn{
		display: block;
	}
	.service-notebook_start-btn div.service-notebook_start-btn-inner{
		margin: 40px 0 0;
	}
	.service-notebook_start-btn div img{
		display: none;
	}
	.service-notebook_start-btn div a img{
		display: block;
		margin: 0 auto;
	}
	.service-notebook_start-btn div.is-apple a img{
		width: 165px;
	}
	.service-notebook_start-btn div.is-android a img{
		width: 138px;
	}
}
.service-notebook_start-guide{}
.service-notebook_start-guide img:nth-child(1){ margin: 0 50px 80px 0; }
.service-notebook_start-guide img:nth-child(2){ margin: 60px 0 20px 0; }
.service-notebook_start-guide img:nth-child(3){ margin: 0 50px 80px 0; }
.service-notebook_start-guide img:nth-child(4){ margin: 60px 0 0 0; }

@media screen and (max-width: 769px) {
	.service-notebook_start-guide img{
		display: none;
	}
}

.service-notebook_start-list{
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 1px dashed #ACABAB;
}
.service-notebook_start-list li{
	position: relative;
	margin-bottom: 30px;
	padding-left: 35px;
	font-size: 1.9rem;
	font-weight: 300;
	line-height: 3.8rem;
	letter-spacing: 0.05em;
}
.service-notebook_start-list li span{
	position: absolute;
	top: 8px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 25px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #F87D95;
	color: #F87D95;
	box-sizing: border-box;
}
.service-notebook_start-list li p{
	font-size: 1.6rem;
}
.service-notebook_start-list li img{
	display: none;
}
@media screen and (max-width: 769px) {
	.service-notebook_start-list li{
		font-size: 1.2rem;
		line-height: 2.6rem;
		padding-left: 30px;
	}
	.service-notebook_start-list li p {
		font-size: 1.0rem;
	}
	.service-notebook_start-list li span{
		font-size: 1.0rem;
		width: 18px;
		height: 18px;
		line-height: 18px;
		margin: -4px 0 0;
	}
	.service-notebook_start-list li img{
		display: block;
		width: 50%;
		margin: 10px 0 0;
	}
}

.service-notebook_guidebook{
	background: #FEFBF7;
	padding-bottom: 100px;
}
.service-notebook_guidebook .service-notebook_start-block:nth-child(odd){
	flex-direction: row;
}
.service-notebook_guidebook .service-notebook_start-block:nth-child(odd) .service-notebook_start-cell:first-child:after{
	right: -100px;
	left: inherit;
}
.service-notebook_guidebook .guidebook:after{
	content: "";
	display: block;
	position: absolute;
	height: 100px;
	width: 3px;
	bottom: -100px;
	left: -102px;
	background: #F87D95;
}

.service-notebook_guidebook .service-notebook_start-title{
	font-size: 3.5rem;
}
.service-notebook_guidebook .line_more{
	margin-top: 60px;
}
.service-notebook_guidebook .line_more.is-sp{
	display: none;
}
.service-notebook_guidebook .service-notebook_start-cell:last-child{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 769px) {
	.service-notebook_guidebook{
		padding-bottom: 30px;
	}
	.service-notebook_guidebook .line_more.is-pc{
		display: none;
	}
	.service-notebook_guidebook .line_more.is-sp{
		display: block;
	}
	.service-notebook_guidebook .guidebook img{
		width: 60%;
		margin: 24px 0 0;
	}
	.service-notebook_guidebook .guidebook{
		flex-wrap: wrap;
	}
	.service-notebook_guidebook .guidebook .line_more{
		width: 100%;
		margin-top: 30px;
	}
}

/* 電子おくすり手帳 よくあるご質問
============================================================================================================ */
.service-notebook_qa{
	margin: 240px 0 200px;
}
.service-notebook_qa h3{
	padding-bottom: 150px;
	background: url(../images/notebook/qa_img1.png) no-repeat;
	background-position: right bottom;
}
.service-notebook_qa h3 span{
	font-family: 'Playfair Display', serif;
	font-size: 6.0rem;
}
.service-notebook_qa h3 span.and{
	font-size: 5.0rem;
}
@media screen and (max-width: 769px) {
	.service-notebook_qa h3{
		padding-bottom: 30px;
		background-size: 76px 56px;
	}
	.service-notebook_qa{
		margin: 100px 0 80px;
	}
	.service-notebook_qa h3 span,
	.service-notebook_qa h3 span.and{
		font-size: 2.9rem;
	}
}

.service-notebook_qa_block{
	margin-bottom: 90px;
}
.service-notebook_qa_block-q,
.service-notebook_qa_block-a{
	display: block;
	position: relative;
	padding: 120px;
	box-sizing: border-box;
	background: url(../images/notebook/qa_bg_q.png) no-repeat;
	background-position: 20px center;
	background-color: #F7F7F7;
	cursor: pointer;
}
.service-notebook_qa_block-a{
	display: none;
	background: url(../images/notebook/qa_bg_a.png) no-repeat;
	background-position: 20px center;
	background-color: #EBEBEB;
}
.service-notebook_qa_block-q p:before,
.service-notebook_qa_block-a p:before{
	display: block;
	margin-bottom: 20px;
	content: "Question";
	font-size: 1.5rem;
	font-family: 'Playfair Display', serif;
	color: #F87D95;
}
.service-notebook_qa_block-a p:before{
	content: "Answer";
}
.service-notebook_qa_block-q p{
	font-size: 3.3rem;
	font-weight: 200;
}
.service-notebook_qa_block-a p{
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 5.0rem;
}
@media screen and (max-width: 769px) {
	.service-notebook_qa_block{
		margin-bottom: 40px;
	}
	.service-notebook_qa_block-q p:before,
	.service-notebook_qa_block-a p:before{
		font-size: 1.0rem;
		margin-bottom: 15px;
	}
	.service-notebook_qa_block-q,
	.service-notebook_qa_block-a{
		padding: 30px;
		background-size: contain;
	}
	.service-notebook_qa_block-q p{
		font-size: 1.5rem;
	}
	.service-notebook_qa_block-a p{
		font-size: 1.2rem;
		line-height: 2.6rem;
	}
}
.service-notebook_qa_block:nth-child(3) .service-notebook_qa_block-a p{
	background: url(../images/notebook/qa_img2.png) no-repeat;
	background-position: right center;
}
.service-notebook_qa_block-q:before,
.service-notebook_qa_block-q:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 1px;
	background: #F87D95;
	top: 50%;
	right: 100px;
	margin: 15px 0 0;
	transition: .3s all ease;
}
.service-notebook_qa_block-q:after{
	width: 1px;
	height: 30px;
	margin: 0 15px 0 0;
}
.service-notebook_qa_block.is-open .service-notebook_qa_block-q:before,
.service-notebook_qa_block.is-open .service-notebook_qa_block-q:after{
	transform: rotate(45deg);
}
@media screen and (max-width: 769px) {
	.service-notebook_qa_block-q:before,
	.service-notebook_qa_block-q:after{
		top: 30px;
		right: 30px;
		width: 18px;
		margin: 9px 0 0;
	}
	.service-notebook_qa_block-q:after{
		width: 1px;
		height: 18px;
		margin: 0 9px 0 0;
	}
	.service-notebook_qa_block:nth-child(3) .service-notebook_qa_block-a p{
		background-size: 61px 42px;;
		background-position: right bottom;
	}
}

.service-notebook_qa_caution{
	position: relative;
}
.service-notebook_qa_caution:before{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	background: #CDCDCD;
}
.service-notebook_qa_caution p{
	position: relative;
	display: block;
	background: #fff;
	text-align: center;
	/*color: #595757;*/
	font-size: 1.8rem;
    font-weight: 300;
	letter-spacing: 0.05em;
	margin: 0 auto;
	padding: 0 10px;
	width: fit-content;
}
@media screen and (max-width: 769px) {
	.service-notebook_qa_caution p{
		font-size: 1.0rem;
		background: none;
	}
	.service-notebook_qa_caution p img{
		width: 50px;
		margin: 20px 0 0;
		background: #fff;
	}
	.service-notebook_qa_caution:before{
		bottom: 0;
		top: inherit;
		transform: translateY(-20px)
	}
}

.service-notebook_qa_contact{
	display: flex;
	margin: 60px 0 0;
	padding: 35px 80px;
	background: #FEFBF7;
}
.service-notebook_qa_contact-title{
	display: flex;
	align-items: center;
	font-size: 3.0rem;
	font-weight: 200;
	letter-spacing: 0.25em;
	/*color: #595757;*/
	margin-right: 80px;
	padding-right: 80px;
	border-right: 1px solid #CDCDCD;
}
.service-notebook_qa_contact-text{
	font-size: 2.0rem;
	font-weight: 200;
	letter-spacing: 0.1em;
	/*color: #595757;*/
}
.service-notebook_qa_contact-text a{
	text-decoration: none;
	font-size: 2.5rem;
	font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width: 769px) {
	.service-notebook_qa_contact{
		display: block;
		margin: 60px -6vw 0;
		padding: 40px 0;
		text-align: center;
	}
	.service-notebook_qa_contact-title{
		display: block;
		margin-right: 0;
		padding-right: 0;
		font-size: 1.7rem;
		text-align: center;
		border: none;
	}
	.service-notebook_qa_contact-text{
		font-size: 1.5rem;
		line-height: 3.0rem;
	}
	.service-notebook_qa_contact-text a{
		font-size: 1.7rem;
		line-height: 4.0rem;
	}
}


/* 薬剤師の在宅訪問
============================================================================================================ */
.service-homevisit_msg-block{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 70px 0 60px
}
.service-homevisit_msg-block img{
	margin: 0 50px 0 0;
}
.service-homevisit_msg-block p{
	color: #F87D95;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 6.0rem;
}
.service-homevisit_msg-block span{
	font-size: 2.0rem;
}
@media screen and (max-width: 769px) {
	.service-homevisit_msg-block{
		display: block;
		padding: 50px 20px;
	}
	.service-homevisit_msg-block img{
		display: block;
		margin: 0 auto;
	}
	.service-homevisit_msg-block p{
		margin: 60px 0 0;
		text-align: center;
		font-size: 1.5rem;
		list-style: 3.3rem;
	}
	.service-homevisit_msg-block span{
		font-size: 1.0rem;
	}
}

/* 薬剤師の在宅訪問 「こんな時、こんな方、ぜひお気軽にご相談ください。」
============================================================================================================ */
.service-homevisit_main{
	padding: 280px 0 180px;
}
.service-homevisit_main h3{
	position: relative;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 500;
	font-size: 3.8rem;
	letter-spacing: 0.3em;
	margin: 0 0 50px;
}
.service-homevisit_main h3 span{
	position: relative;
	z-index: 1;
}
.service-homevisit_main h3:before{
	display: block;
	position: absolute;
	content: "!!!";
	font-size: 32.0rem;
	font-weight: 200;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.3em;
	color: #F2F2F2;
	top: 0;
	transform: translate(50px,-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 0;
}
@media screen and (max-width: 769px) {
	.service-homevisit_main{
		padding: 100px 0 100px;
	}
	.service-homevisit_main h3{
		font-size: 2.5rem;
		line-height: 5.0rem;
		text-align: center;
	}
	.service-homevisit_main h3:before{
		transform: translate(15px,-50%);
		font-size: 24.0rem;
		letter-spacing: 0.2em;
		transform: translate(10px,-25%);
	}
}
.service-homevisit_main-block{
	display: flex;
	margin: 200px 0 0;
}
.service-homevisit_main-block:nth-child(odd){
	flex-direction: row-reverse;
}
.service-homevisit_main-info,
.service-homevisit_main-img{
	width: 50%;
}
@media screen and (max-width: 769px) {
	.service-homevisit_main-block{
		display: block;
		margin: 120px 0 0;
	}
	.service-homevisit_main-info,
	.service-homevisit_main-img{
		width: 100%;
	}
}
.service-homevisit_main-img{
	padding: 0 0 0 100px;
}
.service-homevisit_main-block:nth-child(odd) .service-homevisit_main-img{
	padding: 0 100px 0 0;
}
.service-homevisit_main-img img{
	width: 100%;
}
@media screen and (max-width: 769px) {
	.service-homevisit_main-img,
	.service-homevisit_main-block:nth-child(odd) .service-homevisit_main-img{
		padding: 0;
		margin: 30px 0 0;
	}
}

.service-homevisit_main-info-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 2.8rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: 7.5rem;
	padding: 0 0 40px;
	border-bottom: 1px solid #ACABAB;
}
.service-homevisit_main-info-title span{
	font-family: 'Noto Sans JP', sans-serif;
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	padding: 0 10px;
	height: 40px;
	background: #F87D95;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.service-homevisit_main-info-text{
	font-size: 1.7rem;
    font-weight: 300;
	line-height: 4.0rem;
	letter-spacing: 0.05em;
	margin: 50px 0 0;
}
.service-homevisit_main-info-caution{
	font-size: 1.6rem;
    font-weight: 300;
	line-height: 2.2rem;
	letter-spacing: 0.05em;
	/*color: #595757;*/
	margin: 20px 0 0;
}
@media screen and (max-width: 769px) {
	.service-homevisit_main-info-title{
		font-size: 2.3rem;
		line-height: 4.6rem;
		padding: 0 0 30px;
	}
	.service-homevisit_main-info-title span{
		margin: 0 0 20px;
		padding: 2px 5px;
		min-height: 28px;
		font-size: 1.3rem;
	}
	.service-homevisit_main-info-text{
		font-size: 1.2rem;
		line-height: 2.8rem;
		margin: 35px 0 0;
	}
	.service-homevisit_main-info-caution{
		font-size: 1.0rem;
		line-height: 1.5rem;
		margin: 20px 0 0;
	}
}

.service-homevisit_main-msg{
	margin: 200px 0 0;
}
.service-homevisit_main-msg-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.0rem;
	line-height: 1;
	text-align: center;
	border-top: 1px solid #ACABAB;
	border-bottom: 1px solid #ACABAB;
	color: #F87D95;
	padding: 40px 0;
}
.service-homevisit_main-msg-text{
	font-size: 2.1rem;
    font-weight: 300;
	line-height: 4.5rem;
	text-align: center;
	/*color: #595757;*/
	margin: 50px 0 0;
}
@media screen and (max-width: 769px) {
	.service-homevisit_main-msg-title{
		font-size: 1.7rem;
		line-height: 3.5rem;
		padding: 35px 0;
	}
	.service-homevisit_main-msg-text{
		font-size: 1.4rem;
		line-height: 3.0rem;
		margin: 40px 0 0;
	}
}

/* チーム連携
============================================================================================================ */
.service-homevisit_main-block.service-homevisit_alignment {
    margin-top: 100px;
}
.service-homevisit_main-block.service-homevisit_alignment {
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
}
.service-homevisit_main-block.service-homevisit_alignment .service-homevisit_main-img {
    padding: 0 100px 0 0;
}
.service-homevisit_alignment .service-homevisit_main-info-title{
    font-size: 2.8rem;
    line-height: 3.5rem;
    border-bottom: none;
    padding-bottom: 0px;
}
.service-homevisit_alignment .service-homevisit_main-info-text {
    margin-top: 25px;
}
.service-homevisit_main-info-subtitle {
    color: #fff;
    background: #BDBCBC;
    font-size: 2.0rem;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.05em;
    padding: 0.3em;
    margin-top: 35px;
}
.service-homevisit_alignment .circle_l li {
    font-size: 1.9rem;
}
.service-homevisit_alignment-list_block {
    padding: 1em;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.service-homevisit_alignment-speech_bubble {
    color: #fff;
    background: #F87D95;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    border-radius: 13px;
    padding: 1em;
    margin-left: 45px;
    position: relative;
}
.service-homevisit_alignment-speech_bubble:before {
    content:"";
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url("../images/triangle_round.svg") no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1170px) {
    .service-homevisit_alignment .circle_l li {
        font-size: 1.8rem;
    }
    .service-homevisit_alignment-speech_bubble {
        font-size: 1.7rem;
    }
}
@media screen and (max-width: 769px) {
    .service-homevisit_main-block.service-homevisit_alignment {
        margin-top: 50px;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .service-homevisit_main-block.service-homevisit_alignment {
         display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .service-homevisit_main-block.service-homevisit_alignment .service-homevisit_main-img {
        padding: 0;
    }
    .service-homevisit_alignment .service-homevisit_main-info-title{
        font-size: 1.6rem;
    }
    .service-homevisit_alignment .service-homevisit_main-info-text {
        margin-top: 15px;
    }
    .service-homevisit_main-info-subtitle {
        font-size: 1.5rem;
        text-align: center;
        padding: 0.3em;
        margin-top: 20px;
    }
    .service-homevisit_alignment .circle_l li {
        font-size: 1.4rem;
    }
    .service-homevisit_alignment-list_block {
        padding: 1em;
        display:block;
    }
    .service-homevisit_alignment-speech_bubble {
        font-size: 1.4rem;
        text-align: center;
        border-radius: 9px;
        padding: 0.5em;
        margin-left: 0;
        margin-top: 15px;
    }
    .service-homevisit_alignment-speech_bubble:before {
        width: 22px;
        height: 22px;
        left: 45%;
        top: -13px;
        transform: translateX(-50%) translateY(0) rotate(90deg);
    }
}

/* 薬剤師の在宅訪問 ご利用料金
============================================================================================================ */
.service-homevisit_prize{
	background: #F7FAFB;
	padding: 200px 0;
}
.service-homevisit_prize-block{
	display: flex;
	justify-content: space-between;
}
.service-homevisit_prize-cell{
	width: calc(50% - 10vh);
}
.service-homevisit_prize-cell-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.3rem;
	line-height: 1em;
}
.service-homevisit_prize-cell-title span{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.0rem;
	color: #F87D95;
	margin-bottom: 20px;
}
.service-homevisit_prize-cell-text{
	display: flex;
	align-items: center;
	height: 40px;
	color: #fff;
	background: #BDBCBC;
	padding: 0 10px;
	margin: 40px 0 0;
}
.service-homevisit_prize ul li{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ACABAB;
	padding: 30px 0 20px;
}
.service-homevisit_prize ul li p{
	font-size: 2.0rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 1em;
}
.service-homevisit_prize ul li span{
	color: #F87D95;
}
.service-homevisit_prize-caution{
	background: #fff;
	text-align: center;
	font-size: 1.7rem;
	font-weight: 200;
	letter-spacing: 0.05em;
	padding: 40px 20px;
	margin: 100px 0 0;
}
.service-homevisit_prize-caution > span{
	display: inline-block;
    text-align: left;
}
.service-homevisit_prize-caution > span  span.orange {
    color: #F87D95;
}
@media screen and (max-width: 769px) {
	.service-homevisit_prize{
		padding: 100px 0;
	}
	.service-homevisit_prize-block{
		display: block;
	}
	.service-homevisit_prize-cell{
		width: 100%;
		margin-bottom: 60px;
	}
	.service-homevisit_prize-cell-title{
		font-size: 2.0rem;
	}
	.service-homevisit_prize-cell-title span{
		font-size: 1.2rem;
		margin-bottom: 10px;
	}
	.service-homevisit_prize-cell-text{
		height: 40px;
		padding: 0 10px;
		margin: 26px 0 0;
	}
	.service-homevisit_prize ul li{
		padding: 22px 0 15px;
	}
	.service-homevisit_prize ul li p{
		font-size: 1.4rem;
		line-height: 1em;
	}
	.service-homevisit_prize-caution{
		font-size: 1.0rem;
		line-height: 2.2rem;
		padding: 30px 15px;
		margin: 60px 0 0;
	}
}

/* 薬剤師の在宅訪問 ご利用の流れ
============================================================================================================ */
.service-homevisit_flow{
	padding: 200px 0;
}
.service-homevisit_flow-block{
	display: flex;
	border-top: 1px solid #DFA4B6;
}
.service-homevisit_flow-block:nth-child(even){
	background: #FEFCF9;
}
.service-homevisit_flow-block:last-child{
	border-bottom: 1px solid #DFA4B6;
}
.service-homevisit_flow-cell{
	width: 50%;
	display: flex;
	position: relative;
	align-items: center;
	padding: 40px 50px;
	box-sizing: border-box;
}
.service-homevisit_flow-cell:first-child{
	border-right: 1px solid #DFA4B6;
}
/*
.service-homevisit_flow-block:nth-child(4) .service-homevisit_flow-cell:first-child:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	right: -2px;
	background: #F87D95;
}
*/
.service-homevisit_flow-cell-title{
	font-size: 3.6rem;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: normal;
}
.service-homevisit_flow-cell-title span{
	display: inline-block;
	margin-right: 40px;
	font-size: 4.3rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #F87D95;
}
.service-homevisit_flow-cell-text{
	font-size: 1.9rem;
	font-weight: 300;
	line-height: 4.0rem;
}
@media screen and (max-width: 769px) {
	.service-homevisit_flow{
		padding: 100px 0;
	}
	.service-homevisit_flow-block{
		display: block;
		border-top: 1px solid #DFA4B6;
	}
	.service-homevisit_flow-block:nth-child(odd){
		background: #F7F7F7;
	}
	.service-homevisit_flow-block:nth-child(even){
		background: #fff;
	}
	.service-homevisit_flow-cell{
		width: 100%;
		padding: 40px 30px 35px 60px;
	}
	.service-homevisit_flow-cell:first-child{
		border-right: none;
		padding-bottom: 0;
	}
	.service-homevisit_flow-cell:last-child{
		border-right: none;
		padding-top: 10px;
	}
	
	.service-homevisit_flow-cell-title{
		position: relative;
		font-size: 2.0rem;
		
	}
	.service-homevisit_flow-cell-title span{
		position: absolute;
		top: -4px;
		left: -30px;
		margin-right: 40px;
		font-size: 2.5rem;
	}
	.service-homevisit_flow-cell-text{
		font-size: 1.2rem;
		line-height: 2.6rem;
	}
/*
	.service-homevisit_flow-block:nth-child(4) .service-homevisit_flow-cell:first-child:after {
		display: none;
	}
*/
}
/* 薬剤師の在宅訪問 サービス
============================================================================================================ */
.service-homevisit_service{
	padding: 0 0 200px;
}
.service-homevisit_service-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.0rem;
	line-height: 1;
	text-align: center;
	border-top: 1px solid #ACABAB;
	border-bottom: 1px solid #ACABAB;
	color: #F87D95;
	padding: 40px 0;
}
.service-homevisit_service-subtitle{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 2.8rem;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-bottom: 1em;
}
.service-homevisit_service-block {
    margin: 100px 50px 0;
}
.service-homevisit_service-col_3 {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    margin-top: 40px;
}
.service-homevisit_service-col_3 > div {
    width: 30.5%;
}
.service-homevisit_service-title_orange {
    font-size: 2.0rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    background: #F87D95;
    padding: 0.3em;
}
.service-homevisit_service-col_3 > div > div {
    padding: 1em 1.5em;
}
.service-homevisit_service-col_3 > div > div > p:first-child {
    line-height: 2;
}
.service-homevisit_service-col_3 > div > div .fz_s {
    font-size: 1.4rem;
}
.service-homevisit_service-title_border {
    font-size: 2.0rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ACABAB;
    margin-bottom: 1em;
}
.service-homevisit_service-line {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.service-homevisit_service-line > p {
    width: 50%;
}
.service-homevisit_service-speech_bubble {
    width: calc(50% - 16px) !important;
    color: #fff;
    background: #F87D95;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    text-align: center;
    border-radius: 13px;
    padding: 1em;
    margin-top: 20px;
    position: relative;
}
.service-homevisit_service-speech_bubble:before {
    content:"";
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url("../images/triangle_round.svg") no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}
.service-homevisit_service-col_3 a{
	display: inline-block;
	position: relative;
	width: fit-content;
	margin: 40px auto 0;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5rem;
	color: #595757;
	border-bottom: 1px solid #595757;
	padding-bottom: 10px;
	transition: .3s all ease;
}
.service-homevisit_service-col_3 a:hover{
	color: #F87D95;
	border-bottom: 1px solid #F87D95;
}
@media screen and (max-width: 1300px) {
    .service-homevisit_service-block {
        margin: 100px 0 0;
    }
    .service-homevisit_service-col_3 > div > div {
        padding: 1em;
    }
}
@media screen and (max-width: 960px) {
    
    .service-homevisit_service-col_3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .service-homevisit_service-col_3 > div {
        width: 45.5%;
        margin-top: 7%;
    }
    .service-homevisit_service-col_3 > div:first-child,
    .service-homevisit_service-col_3 > div:nth-child(2) {
        margin-top: 0;
    }
    .service-homevisit_service-line {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media screen and (max-width: 769px) {
    .service-homevisit_service{
        padding: 0 0 100px;
    }
    .service-homevisit_service-title{
        font-size: 1.6rem;
        line-height: 3.5rem;
        padding: 35px 0;
    }
    .service-homevisit_service-subtitle{
        font-size: 1.6rem;
        margin-bottom: 1em;
    }
    .service-homevisit_service-block {
        margin: 50px 5vw 0;
    }
    .service-homevisit_service-col_3 {
        display:block;
        margin-top: 20px;
    }
    .service-homevisit_service-col_3 > div {
        width: 100%;
        margin-top: 70px;
    }
    .service-homevisit_service-col_3 > div:nth-child(2) {
        margin-top: 70px;
    }
    .service-homevisit_service-title_orange {
        font-size: 1.5rem;
        padding: 0.3em;
    }
    .service-homevisit_service-col_3 > div > div {
        padding: 1em;
    }
    .service-homevisit_service-col_3 > div > div .fz_s {
        font-size: 1.2rem;
    }
    .service-homevisit_service-title_border {
        font-size: 1.5rem;
    }
    .service-homevisit_service-line {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .service-homevisit_service-speech_bubble {
        width: calc(50% - 16px) !important;
        font-size: 1.5rem;
        border-radius: 11px;
        
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}


/* 薬剤師の在宅訪問 パフレット
============================================================================================================ */
.service-homevisit_pamphlet{
	background: #F7FAFB;
	padding: 200px 0;
}
.service-homevisit_pamphlet-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.0rem;
	line-height: 1;
	text-align: center;
	border-top: 1px solid #ACABAB;
	border-bottom: 1px solid #ACABAB;
	color: #F87D95;
	padding: 40px 0;
}
.service-homevisit_pamphlet-block{
	display: flex;
	justify-content: center;
	margin: 100px 0 0;
}
.service-homevisit_pamphlet-cell:first-child{
	padding-right: 100px;
}
.service-homevisit_pamphlet-cell:last-child{
	padding-left: 100px;
}
.service-homevisit_pamphlet-cell img{
	display: block;
}
.service-homevisit_pamphlet-cell div{
	text-align: center;
}
.service-homevisit_pamphlet-cell a{
	display: inline-block;
	position: relative;
	width: fit-content;
	margin: 40px auto 0;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5rem;
	color: #595757;
	border-bottom: 1px solid #595757;
	padding-bottom: 10px;
	transition: .3s all ease;
}
.service-homevisit_pamphlet-cell a:hover{
	color: #F87D95;
	border-bottom: 1px solid #F87D95;
}
@media screen and (max-width: 769px) {
	.service-homevisit_pamphlet{
		padding: 100px 0;
	}
	.service-homevisit_pamphlet-title{
		font-size: 1.6rem;
		line-height: 3.5rem;
		padding: 35px 0;
	}
	.service-homevisit_pamphlet-block{
		display: block;
		margin: 0;
	}
	.service-homevisit_pamphlet-cell{
		text-align: center;
		margin:60px 0 0;
	}
	.service-homevisit_pamphlet-cell:first-child,
	.service-homevisit_pamphlet-cell:last-child{
		padding: 0;
	}
	.service-homevisit_pamphlet-cell img{
		margin: 0 auto;
		width: 180px;
	}
}


/* 薬剤師の在宅訪問 お問い合わせ
============================================================================================================ */
.service-homevisit_contact{
	padding: 200px 0;
}
.service-homevisit_contact-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.0rem;
	line-height: 1;
	letter-spacing: 0.2em;
	text-align: center;
	color: #F87D95;
}
.service-homevisit_contact-banner{
	background: url(../images/homevisit/contact_bg.png) no-repeat;
	background-position: center center;
	background-color: #FEFBF7;
	color: #000;
	height: 350px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.0rem;
	font-weight: 200;
	text-align: center;
	letter-spacing: 0.5em;
	text-decoration: none;
	z-index: 2;
	overflow: hidden;
	transition: all 0.3s ease;
	margin: 80px 0;
}
.service-homevisit_contact-banner svg{
	margin: 0 0 5px;
	transition: .3s all ease;
}
.service-homevisit_contact-banner:hover svg{
	margin: 0 0 5px 10px;
}
.service-homevisit_contact-banner .st0{
	transition: .3s all ease;
}
.service-homevisit_contact-banner:hover .st0{
	stroke: #F87D95;
}
.service-homevisit_contact-banner span:before,
.service-homevisit_contact-banner span:after {
    content:"";
    display: inline-block;
    width: 0;
    height: 100%;
    background: -moz-linear-gradient(left,  rgba(237,108,0,0.3) 0%, rgba(237,108,0,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(237,108,0,0.3) 0%,rgba(237,108,0,1) 100%);
    background: linear-gradient(to right,  rgba(237,108,0,0.3) 0%,rgba(237,108,0,1) 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.service-homevisit_contact-banner span:after {
    background: -moz-linear-gradient(left,  rgba(237,108,0,0) 0%, rgba(237,108,0,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(237,108,0,0) 0%,rgba(237,108,0,1) 100%);
    background: linear-gradient(to right,  rgba(237,108,0,0) 0%,rgba(237,108,0,1) 100%);
}
.service-homevisit_contact-banner:hover {
	color: #F87D95;
	background-color: #fff;
}
.service-homevisit_contact-banner:hover span:before {
    animation-name: banner_gradationLine-s;
    animation-timing-function:ease-out;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
.service-homevisit_contact-banner:hover span:after {
    animation-name: banner_gradationLine;
    animation-delay:0.6s;
    animation-timing-function:ease-out;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
}
.service-homevisit_contact-btn{
	display: none;
}
.service-homevisit_contact-caution{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 300;
	/*color: #595757;*/
}
@media screen and (max-width: 769px) {
	.service-homevisit_contact{
		padding: 100px 0;
	}
	.service-homevisit_contact-title{
		font-size: 1.7rem;
		line-height: 3.5rem;
	}
	.service-homevisit_contact-banner{
		display: none;
	}
	.service-homevisit_contact-btn{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		height: 80px;
		width: 100%;
		font-size: 1.3rem;
		
		border-radius: 40px;
		color: #000;
		background: url(../images/homevisit/contact_bg.png) no-repeat;
		background-position: center center;
		background-size: contain;
		background-color: #FEFBF7;
		
		text-decoration: none;
		margin: 35px 0;
	}
	.service-homevisit_contact-caution{
		text-align: center;
		font-size: 1.0rem;
		line-height: 1.7rem;
	}
}

/* 健康サポート薬局
============================================================================================================ */
.service-support_block{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 50px 0 100px;
}
.service-support_block:before{
	display: block;
	position: absolute;
	content: "";
	width: 1px;
	height: calc(100% + 100px);
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #CDCDCD;
}
.service-support_block-1:after,
.service-support_block-3:after{
	display: block;
	position: absolute;
	content: "";
	width: 3px;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #F87D95;
}
.service-support_block-3:after{
	top: inherit;
	bottom: -100px;
}


.service-support_cell{
	width: calc(50% - 100px);
	height: fit-content;
	min-height: 350px;
	background: #fff;
	padding: 50px;
	box-sizing: border-box;
}
.service-support_cell:last-child{
	margin-top: 100px;
}
@media screen and (max-width: 769px) {
	.service-support_block{
		margin: 0;
		display: block;
	}
	.service-support_block:before,
	.service-support_block:after{
		display: none;
	}
	.service-support_cell{
		width: 100%;
		height: auto;
		min-height: 280px;
		padding: 40px 30px 30px;
	}
	.service-support_cell,
	.service-support_cell:last-child{
		margin-top: 40px;
	}
}


.service-support_cell-title{
	font-size: 2.7rem;
	color: #F87D95;
	border-bottom: 1px solid #F87D95;
	padding-bottom: 24px;
	margin-bottom: 40px;	
}
.service-support_cell-text{
	font-size: 1.9rem;
	font-weight: 300;
	line-height: 4.0rem;
	letter-spacing: 0.05em;
}
.service-support_cell-btn{
	text-align: center;
}
.service-support_cell-btn a{
	display: inline-block;
	width: fit-content;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5rem;
	color: #595757;
	border-bottom: 1px solid #595757;
	margin: 20px auto 0;
	padding-bottom: 10px;
	transition: .3s all ease;
}
.service-support_cell-btn a:hover{
	color: #F87D95;
	border-bottom: 1px solid #F87D95;
}
@media screen and (max-width: 769px) {
	.service-support_cell-title{
		font-size: 1.7rem;
		padding-bottom: 24px;
		margin-bottom: 30px;	
	}
	.service-support_cell-text{
		font-size: 1.2rem;
		line-height: 2.6rem;
	}
}

.service-support_msg{
	margin: 200px auto;
	padding: 60px 40px 40px;
	background: #FEFBF7;
	color: #F87D95;
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 6.0rem;
	text-align: center;
}
@media screen and (max-width: 769px) {
	.service-support_msg{
		margin: 100px auto;
		padding: 50px 6vw 40px;
		font-size: 1.7rem;
		line-height: 4.0rem;
	}
}

/* 緊急避妊薬の取り扱い
============================================================================================================ */

.service-contraceptive .sub_title-img{
	bottom: -150px;
}
@media screen and (max-width: 769px) {
	.service-contraceptive h3:after{
		background: #EB6D8E;
	}
	.service-contraceptive .sub_title-img{
		bottom: inherit;
	}
}

.service-contraceptive_msg{
	 margin-bottom: 150px;
	 z-index: 1;
}
.service-contraceptive_msg-inner{
	/* font-family: 'Noto Serif JP', serif; */
	width: fit-content;
	height: 800px;
	background: url(../images/contraceptive/msg_bg.png);
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	padding: 80px 70px;
	box-sizing: border-box;
}
.service-contraceptive_msg-title{
	font-size: 5.0rem;
	font-weight: 200;
	letter-spacing: 0.15em;
	line-height: 10.0rem;
	color: #EB6D8E;
}
.service-contraceptive_msg-title span{
	display: inline-block;
	line-height: 1em;
	border-left: 1px solid #EB6D8E;
	padding-left: 16px;
	margin-left: 20px;
}
.service-contraceptive_msg-text{
	font-size: 2.0rem;
	font-weight: 100;
	letter-spacing: 0.25em;
	line-height: 8.0rem;
	/*color: #595757;*/
	margin-right: 40px;
}
.service-contraceptive_msg-text b{
	color: #EB6D8E;
	font-weight: normal;
}
.service-contraceptive_msg-text-sub{
	font-size: 1.8rem;
	font-weight: 100;
	letter-spacing: 0.25em;
	line-height: 4.0rem;
	margin-right: 20px;
    margin-top: 2rem;
}
@media screen and (max-width: 1300px) {
    .service-contraceptive_msg-title{
		line-height: 9.5rem;
	}
    .service-contraceptive_msg-text{
	    font-size: 1.9rem;
        line-height: 7.5rem;
    }
}
@media screen and (max-width: 1200px) {
	.service-contraceptive_msg-inner{
		width: 95%;
		height: auto;
		writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		padding: 60px 6vw 60px;
	}
	.service-contraceptive_msg-title{
		font-size: 3.0rem;
		line-height: 6.5rem;
	}
	.service-contraceptive_msg-title span{
		border-left: none;
		border-bottom: 1px solid #EB6D8E;
		padding-left: 0;
		margin-left: 0;
		padding-bottom: 8px;
		margin-bottom: 20px;
		line-height: 1em;
	}
	.service-contraceptive_msg-text{
		font-size: 1.6rem;
		letter-spacing: 0.15em;
		line-height: 4.0rem;
		margin:20px 0 0 0;
	}
	.service-contraceptive_msg-text b{
		color: #EB6D8E;
		font-weight: normal;
	}
    .service-contraceptive_msg-text-sub{
        font-size: 1.5rem;
        letter-spacing: 0.15em;
		line-height: 3.0rem;
        margin:20px 0 0 0;
    }
}
@media screen and (max-width: 900px) {
	.service-contraceptive_msg{
		 margin-bottom: 80px;
	}
	.service-contraceptive_msg-inner{
		width: 95%;
		height: auto;
		writing-mode: horizontal-tb;
		padding: 20px 6vw 30px;
	}
	.service-contraceptive_msg-title{
		font-size: 2.5rem;
		line-height: 5.5rem;
	}
	.service-contraceptive_msg-title span{
		border-left: none;
		border-bottom: 1px solid #EB6D8E;
		padding-left: 0;
		margin-left: 0;
		padding-bottom: 8px;
		margin-bottom: 20px;
		line-height: 1em;
	}
	.service-contraceptive_msg-text{
		font-size: 1.2rem;
		letter-spacing: 0.15em;
		line-height: 3.5rem;
		margin:20px 0 0 0;
	}
	.service-contraceptive_msg-text b{
		color: #EB6D8E;
		font-weight: normal;
	}
    .service-contraceptive_msg-text-sub{
        font-size: 1.1rem;
        letter-spacing: 0.15em;
		line-height: 3.0rem;
        margin:10px 0 0 0;
    }
}

.service-contraceptive_main-block{
	display: flex;
	margin: 200px 0 0;
}
.service-contraceptive_main-block:nth-child(odd){
	flex-direction: row-reverse;
}
.service-contraceptive_main-info,
.service-contraceptive_main-img{
	width: 50%;
}
@media screen and (max-width: 769px) {
	.service-contraceptive_main-block{
		display: block;
		margin: 50px 0 0;
	}
	.service-contraceptive_main-info,
	.service-contraceptive_main-img{
		width: 100%;
	}
}
.service-contraceptive_main-img{
	padding: 0 0 0 100px;
}
.service-contraceptive_main-block:nth-child(odd) .service-contraceptive_main-img{
	padding: 0 100px 0 0;
}
.service-contraceptive_main-img img{
	width: 100%;
}
.service-contraceptive_main-info-title{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 3.3rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: 7.5rem;
	padding: 0 0 40px;
	border-bottom: 1px solid #ACABAB;
}
.service-contraceptive_main-info-title span{
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	padding: 0 10px;
	height: 40px;
	background: #EB6D8E;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.service-contraceptive_main-info-title span.note {
    /* font-family: 'Noto Serif JP', serif; */
    font-weight: 300;
    font-size: 1.7rem;
    background: none;
    color: #000;
    margin-bottom: 0;
    padding-left: 1.2em;
    position: relative;
}
.service-contraceptive_main-info-title span.note:before {
    content:"";
    display: inline-block;
    background: #EB6D8E;
    width: 0.9em;
    height: 0.9em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.8em;
}
.service-contraceptive_main-info-text{
	font-size: 1.9rem;
	font-weight: 300;
	line-height: 4.0rem;
	letter-spacing: 0.05em;
	margin: 50px 0 0;
}
.service-contraceptive_main-info-text span{
	color: #EB6D8E;
}
@media screen and (max-width: 769px) {
	.service-contraceptive_main-info-title{
		font-size:2.3rem;
		line-height: 2.3rem;
		padding: 0 0 35px;
	}
	.service-contraceptive_main-info-title span{
		display: flex;
		margin: 0 0 30px;
		padding: 0 8px;
		height: 28px;
		font-size: 1.4rem;
	}
    .service-contraceptive_main-info-title span.note {
        display: block;
        font-size: 1.5rem;
        line-height: 1.5;
        margin: 1em 0 0;
    }
    .service-contraceptive_main-info-title span.note:before {
        width: 13px;
        height: 13px;
        top: 0.3em;
    }
	.service-contraceptive_main-info-text{
		font-size: 1.2rem;
		line-height: 2.8rem;
		margin: 35px 0 0;
	}
	.service-contraceptive_main-img{
		padding: 0;
		margin: 30px 0 80px;
	}
	.service-contraceptive_main-block:nth-child(odd) .service-contraceptive_main-img{
		padding: 0;
	}
}

/* 緊急避妊薬の取り扱い 緊急避妊薬が必要になった場合の受診の流れ
============================================================================================================ */
.service-contraceptive_flow{
	margin: 200px 0;
}
.service-contraceptive_flow h3{
	margin-bottom: 150px;
}
.service-contraceptive_flow .service-contraceptive_main-block{
	margin: 100px 0;
	justify-content: space-between;
	position: relative;
}
.service-contraceptive_flow .service-contraceptive_main-block:before{
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% + 200px);
	background: #CDCDCD;
	top: -100px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.service-contraceptive_flow .service-contraceptive_main-block-1:after,
.service-contraceptive_flow .service-contraceptive_main-block-3:after{
	content: "";
	position: absolute;
	width: 3px;
	height: 100px;
	background: #EB6D8E;
	top: -100px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.service-contraceptive_flow .service-contraceptive_main-block-3:after{
	top: inherit;
	bottom: -100px;
}

.service-contraceptive_flow .service-contraceptive_main-info,
.service-contraceptive_flow .service-contraceptive_main-img{
	width: calc( 50% - 100px );
}
.service-contraceptive_flow .service-contraceptive_main-img,
.service-contraceptive_flow:nth-child(odd) .service-contraceptive_main-img{
	padding: 0;
}

@media screen and (max-width: 769px) {
	.service-contraceptive_flow{
		margin: 100px 0;
	}
	.service-contraceptive_flow .service-contraceptive_main-block{
		display: block;
	}
	.service-contraceptive_flow .service-contraceptive_main-block:before{
		display: none;
	}
	.service-contraceptive_flow .service-contraceptive_main-block-1:after,
	.service-contraceptive_flow .service-contraceptive_main-block-3:after{
		display: none;
	}
	.service-contraceptive_flow .service-contraceptive_main-info,
	.service-contraceptive_flow .service-contraceptive_main-img{
		width: 100%;
	}
}

/*
.service-contraceptive_flow .service-contraceptive_main-block:nth-child(odd){
	flex-direction: row;
}
.service-contraceptive_flow .service-contraceptive_main-block:nth-child(even){
	flex-direction: row-reverse;
}
*/
.service-contraceptive_flow .service-contraceptive_main-info-title span{
	background: #fff;
	color: #EF8AA5;
	padding: 0;
	display: flex;
	align-items: center;
}
.service-contraceptive_flow .service-contraceptive_main-info-title span b{
	display: inline-flex;
	align-items: center;
	background: #EB6D8E;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0 10px;
	height: 40px;
	font-size: 1.2rem;
}
@media screen and (max-width: 769px) {
	.service-contraceptive_flow .service-contraceptive_main-info-title span{
		display: block;
		line-height: 1em;
		height: auto;
	}
	.service-contraceptive_flow .service-contraceptive_main-info-title{
		font-size: 2.0rem;
		letter-spacing: 0.1em;
	}
	.service-contraceptive_flow .service-contraceptive_main-info-title span b{
		display: flex;
		margin: 20px 0 0;
		height: 28px;
	}
	
}
.service-contraceptive_flow .service-contraceptive_main-info ul{
	margin: 40px 0 0;
	padding-top: 10px;
	border-top: 1px dashed #ACABAB;
}
.service-contraceptive_flow .service-contraceptive_main-info ul li{
	position: relative;
	font-weight: 300;
	font-size: 1.9rem;
	margin-top: 40px;
	padding: 0 0 0 32px
}
.service-contraceptive_flow .service-contraceptive_main-info ul li b{
	color: #EB6D8E;
	font-weight: 200;
}
.service-contraceptive_flow .service-contraceptive_main-info ul li small{
	font-size: 1.6rem;
}
.service-contraceptive_flow .service-contraceptive_main-info ul li span{
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #EB6D8E;
	color: #fff;
	font-size: 1.4rem;
	line-height: 25px;
	letter-spacing: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	left: 0;
}
@media screen and (max-width: 769px) {
	.service-contraceptive_flow .service-contraceptive_main-info ul li{
		font-size: 1.2rem;
		margin-top: 26px;
		padding: 0 0 0 26px
	}
    .service-contraceptive_flow .service-contraceptive_main-info ul li small{
        font-size: 1.2rem;
    }
	.service-contraceptive_flow .service-contraceptive_main-info ul li span{
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 1.0rem;
	}
}

.service-contraceptive_flow-msg{
	display: flex;
	padding: 50px;
	margin: 150px 0 200px;
	background: #FFF7F9;
}
.service-contraceptive_flow-msg-block1{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EB6D8E;
	padding: 30px;
	color: #fff;
	font-size: 3.0rem;
	font-weight: 200;
	line-height: 1em;
}
.service-contraceptive_flow-msg-block2{
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 2.0rem;
	font-weight: 200;
	letter-spacing: 0.15em;
	line-height: 6.0rem;
	margin: 0 0 0 40px;
}
.service-contraceptive_flow-msg-block2 span{
	color: #EB6D8E;
}
@media screen and (max-width: 1100px) {
	.service-contraceptive_flow-msg{
		display: block;
		padding: 30px;
		margin: 150px 0 100px;
	}
	.service-contraceptive_flow-msg-block1{
		padding: 30px;
		font-size: 2.0rem;
	}
	.service-contraceptive_flow-msg-block2{
		font-size: 1.5rem;
		line-height: 3.5rem;
		margin: 20px 0 0 20px;
		text-indent: -20px;
	}
}


/* 緊急避妊薬の取り扱い 取り扱い薬品名
============================================================================================================ */
.service-contraceptive_medicine{
	padding: 150px 0 200px;
	position: relative;
}
/*
.service-contraceptive_medicine:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
	background: #FFF7F9;
}
*/
.service-contraceptive_medicine-name{
	background: #fff;
	text-align: center;
	padding: 80px 0;
}
.service-contraceptive_medicine-name-title{
	width: fit-content;
	color: #EB6D8E;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight: 300;
	font-size: 2.5rem;
	letter-spacing: 0.2em;
	margin: 0 auto;
}
.service-contraceptive_medicine-name-title span{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	margin: 20px 0 0;
	background: #F199B0;
	color: #fff;
	font-weight: 600;
	font-size: 2.0rem;
	letter-spacing: 0.2em;
}
.service-contraceptive_medicine-name-caution{
	font-size: 1.7rem;
	font-weight: 200;
	letter-spacing: 0.1em;
	margin: 30px 0 0;
}
@media screen and (max-width: 769px) {
	.service-contraceptive_medicine{
		padding: 80px 0 100px;
	}
	.service-contraceptive_medicine:before{
		height: 320px;
	}
	.service-contraceptive_medicine-name{
		padding: 50px 0;
	}
	.service-contraceptive_medicine-name-title{
		font-size: 1.7rem;
		letter-spacing: 0.2em;
	}
	.service-contraceptive_medicine-name-title span{
		height: 24px;
		font-size: 1.4rem;
	}
	.service-contraceptive_medicine-name-caution{
		font-size: 1.2rem;
		line-height: 2.8rem;
		margin: 18px 0 0;
	}
}

.service-contraceptive_medicine-block{
	display: flex;
}
.service-contraceptive_medicine-cell{
	padding: 50px;
	margin-right: 45px;
	border: 1px solid #EB6D8E;
	width: 100%;
	font-weight: 200;
}
.service-contraceptive_medicine-cell:last-child{
	margin-right: 0;
}
.service-contraceptive_medicine-cell div{
	font-size: 2.7rem;
	padding: 0 0 20px;
	border-bottom: 1px solid #EB6D8E;
	text-align: center;
}
.service-contraceptive_medicine-cell p{
	margin: 40px 0 0;
	font-size: 1.7rem;
	line-height: 4.0rem;
}
@media screen and (max-width: 1000px) {
	.service-contraceptive_medicine-block{
		display: block;
		margin: 0;
	}
	.service-contraceptive_medicine-cell{
		padding: 42px 30px;
		margin: 40px 0 0;
	}
	.service-contraceptive_medicine-cell div{
		font-size: 1.8rem;
	}
	.service-contraceptive_medicine-cell p{
		font-size: 1.2rem;
		line-height: 2.8rem;
		margin: 20px 0 0;
	}
}

.service-contraceptive_medicine-msg{
	margin: 100px 0 0;
	padding: 60px 0 50px;
	background: #FFF7F9;
	color: #EB6D8E;
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 2.5rem;
	line-height: 6.0rem;
	text-align: center;
}

@media screen and (max-width: 769px) {
	.service-contraceptive_medicine-msg{
		margin: 80px -6vw 0;
		padding: 50px 0 50px;
		font-size: 1.7rem;
		line-height: 4.0rem;
		text-align: center;
	}
}


/* オンライン服薬指導
============================================================================================================ */
.service-online-medication-guidance .sub_title h2.sub_title-sub{
	font-size: 6.5rem;
}
.service-online-medication-guidance .sub_title-text_s{
	font-size: 1.6rem;
}
.service-online-medication-guidance .sub_title-img{
	bottom: inherit;
    top: 130px;
}
.service-online-medication-guidance .online-medication-guidance_main {
    background: #f8fafb;
    position: relative;
    margin: -30px 0 0;
    padding: 0 0 170px;
}
.service-online-medication-guidance .online-medication-guidance_main:before {
    content:"";
    display: inline-block;
    width: 100%;
    height: 280px;
    background: #f8fafb;
    position: absolute;
    left: 0;
    top: -280px;
    z-index: -1;
}
.service-pharmacist_point {
    font-family: 'Playfair Display', serif;
    font-weight: normal;
    font-size: 3.0rem;
    text-align: center;
}
.service-pharmacist_point p > span {
    font-size: 1.9rem;
    color: #ee6c00;
    display: block;
    margin-bottom: 0.3em;
}
.service-pharmacist_point p + p {
    margin-top: 1.3em;
}
.online-medication-guidance_flow {
    padding: 170px 0;
}
.service-online-medication-guidance_block {
    padding: 70px 0;
}
.online-medication-guidance_flow .service-online-medication-guidance_block {
    flex-direction: row-reverse;
}
.service-online-medication-guidance_block.service-online-medication-guidance_block-6 {
    padding-bottom: 100px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block:nth-child(odd) {
    flex-direction: row;
}
.service-online-medication-guidance .service-pharmacist_block-title {
    letter-spacing: 0.04em;
}
.service-online-medication-guidance .service-pharmacist_block-caution {
    margin-top: 1em;
    letter-spacing: 0.02em;
}
.service-online-medication-guidance_block-1 .service-pharmacist_block-text {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-1 .service-pharmacist_block-text > p {
    width: calc(100% - 150px );
}
.online-medication-guidance_flow .service-online-medication-guidance_block-1 .service-pharmacist_block-text > div {
    width: 102px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block:nth-child(even) .service-pharmacist_block-img img {
    margin-left: auto;
}
.online-medication-guidance_flow .service-online-medication-guidance_block:nth-child(odd) .service-pharmacist_block-img img {
    margin-right: auto;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-1 .service-pharmacist_block-img img {
    width: 267px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-2 .service-pharmacist_block-img img {
    width: 422px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-3 .service-pharmacist_block-img img {
    width: 325px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-4 .service-pharmacist_block-img img {
    width: 292px;
    margin-top: -25px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-5 .service-pharmacist_block-img img {
    width: 269px;
}
.online-medication-guidance_flow .service-online-medication-guidance_block-6 .service-pharmacist_block-img img {
    width: 265px;
}
.service-online-medication-guidance_block ol.number_round > li .num {
    top: 0.5em;
}
.online-medication-guidance_method {
    background: #f8fafb;
    padding: 150px 0 170px;
}
.online-medication-guidance_method .service-pharmacist_block-img img {
    width: 300px;
}
.online-medication-guidance_method .service-online-medication-guidance_block:nth-child(odd) .service-pharmacist_block-img img {
    margin-left: auto;
}
.online-medication-guidance_method .service-online-medication-guidance_block:nth-child(even) .service-pharmacist_block-img img {
    margin-right: auto;
}
.online-medication-guidance_system {
    padding: 140px 0 0;
}
.online-medication-guidance_system h3 {
    font-size: 4.6rem;
}
.online-medication-guidance_system .system_box {
    border-bottom: 1px solid #e1e4e4;
}
.online-medication-guidance_system .system_box  + .system_box {
    margin-top: 110px;
}
.online-medication-guidance_system .system_box .system_box_title {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    margin-bottom: 50px;
}
.online-medication-guidance_system .system_box .system_box_title > p {
    width: 88px;
}
.online-medication-guidance_system .system_box .system_box_title > p img {
    width: 88px;
    height: auto;
}
.online-medication-guidance_system .system_box .system_box_title > div {
    margin-left: 50px;
    font-size: 1.8rem;
    font-weight: 300;
    width: calc(100% - 88px);
}
.online-medication-guidance_system .system_box .system_box_title h4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
.online-medication-guidance_system .system_box .system_box_title > div a {
    color: #000;
    text-decoration: none;
}
.online-medication-guidance_system .system_box h5 {
    font-size: 2.2rem;
    font-weight: 300;
    text-align: center;
    border-top: 1px solid #e1e4e4;
    padding: 0.9em;
}
.online-medication-guidance_system .system_box_method {
    font-size: 1.8rem;
}
.online-medication-guidance_system .system_box_method_title {
    font-size: 2.8rem;
    font-weight: 300;
    margin-bottom: 0.75em;
}
.online-medication-guidance_system .system_box_method_box {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    border-top: 1px solid #e1e4e4;
}
.online-medication-guidance_system .system_box_method_box > div {
    width: 50%;
}
.online-medication-guidance_system .system_box_method_box > div + div {
    border-left: 1px solid #e1e4e4;
}
.online-medication-guidance_system .system_box_method_box > div:nth-child(odd) {
    padding: 4% 8% 5% 0;
}
.online-medication-guidance_system .system_box_method_box > div:nth-child(even) {
    padding: 4% 0 5% 8%;
}
.online-medication-guidance_system .system_box_method ul {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    margin-top: 7%;
}
.online-medication-guidance_system .system_box_method ul li {
    background: #f8fafb;
    width: 47%;
    font-size: 2.2rem;
    font-weight: 300;
    text-align: center;
    padding: 5% 3%;
}
.online-medication-guidance_system .system_box_method ul li img {
    margin: 7% 0;
}
.online-medication-guidance_system .system_box_method_link {
    font-size: 1.6rem;
    margin-top: 1em;
}
.online-medication-guidance_system .system_box_store ul {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    font-size: 2.2rem;
    font-weight: 300;
    margin-bottom: 1em;
}
.online-medication-guidance_system .system_box_store ul li + li {
    margin-left: 2em;
}
.service-online-medication-guidance .staff_fllow {
    margin: 15% 0;
    font-size: 3.0rem;
}
@media screen and (max-width: 1300px) {
    .service-online-medication-guidance .sub_title-img{
        top: inherit;
        bottom: 0;
    }
    .service-online-medication-guidance .online-medication-guidance_main {
        padding: 100px 0 170px;
    }
    .service-online-medication-guidance .online-medication-guidance_main:before {
        height: 100px;
        top: -100px;
    }
}
@media screen and (max-width: 769px) {
    .service-online-medication-guidance .online-medication-guidance_main {
        margin: -30vw 0 0;
        padding: 45vw 0 40px;
    }
    .service-online-medication-guidance .online-medication-guidance_main:before {
        content: none;
    }
	.service-online-medication-guidance .sub_title h2.sub_title-sub{
		font-size: 3.0rem;
        margin-left: -1vw;
        margin-right: -1vw;
        letter-spacing: 0.02em;
	}
    .service-online-medication-guidance .sub_title-text_s{
        font-size: 1.2rem;
    }
    .online-medication-guidance_main h3 {
        padding-bottom: 0;
    }
    .online-medication-guidance_main h3:after {
        content: none;
    }
    .service-pharmacist_point {
        font-size: 1.8rem;
        letter-spacing: 0;
    }
    .service-pharmacist_point p > span {
        font-size: 1.4rem;
        margin-bottom: 0.3em;
    }
    .online-medication-guidance_flow {
        padding: 50px 0;
    }
    .service-online-medication-guidance_block {
        padding: 20px 0 0px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        flex-direction: column-reverse;
    }
    .service-online-medication-guidance_block.service-online-medication-guidance_block-6 {
        padding-bottom: 0;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block:nth-child(odd) {
        flex-direction: column-reverse;
    }
    .online-medication-guidance_method .service-online-medication-guidance_block .service-pharmacist_block-info {
        margin-bottom: 30px;
    }
    .service-online-medication-guidance .service-pharmacist_block-title {
        padding-bottom: 25px;
        text-align: left;
    }
    .service-online-medication-guidance .service-pharmacist_block-text {
        margin-top: 25px;
        font-size: 1.4rem;
        line-height: 1.8;
    }
    .service-online-medication-guidance .service-pharmacist_block-caution {
        font-size: 1.2rem;
    }
    .service-online-medication-guidance_block-1 .service-pharmacist_block-text {
        display:block;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-1 .service-pharmacist_block-text > p {
        width: 100%;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-1 .service-pharmacist_block-text > div {
        width: 100%;
    }
    .service-online-medication-guidance_block .btn_line {
        display: block;
        color: #fff;
        font-size: 1.7rem;
        text-align: center;
        text-decoration: none;
        background: #00b900;
        padding: 1.2em;
        min-height: 70px;
        border-radius: 3em;
        margin: 7% 0 0;
        position: relative;
    }
    .service-online-medication-guidance_block .btn_line span {
        display: inline-block;
        padding-left: 80px;
        position: relative;
    }
    .service-online-medication-guidance_block .btn_line span:before {
        content:"";
        display: inline-block;
        width: 70px;
        height: 70px;
        background: url("../../shared/images/icon_line.svg") no-repeat;
        background-size: 100% auto;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .service-online-medication-guidance_block .service-pharmacist_block-img {
        margin-bottom: 25px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block:nth-child(even) .service-pharmacist_block-img img {
        margin: auto;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block:nth-child(odd) .service-pharmacist_block-img img {
        margin: auto;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-1 .service-pharmacist_block-img img {
        width: 213px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-2 .service-pharmacist_block-img img {
        width: 330px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-3 .service-pharmacist_block-img img {
        width: 260px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-4 .service-pharmacist_block-img img {
        width: 233px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-5 .service-pharmacist_block-img img {
        width: 215px;
    }
    .online-medication-guidance_flow .service-online-medication-guidance_block-6 .service-pharmacist_block-img img {
        width: 211px;
    }
    .online-medication-guidance_method {
        padding: 50px 0;
    }
    .online-medication-guidance_method .service-online-medication-guidance_block:nth-child(odd) .service-pharmacist_block-img img {
        margin: auto;
    }
    .online-medication-guidance_method .service-online-medication-guidance_block:nth-child(even) .service-pharmacist_block-img img {
        margin: auto;
    }
    .online-medication-guidance_system {
        padding: 50px 0 0;
    }
    .online-medication-guidance_system h3 {
        font-size: 3.0rem;
        text-align: left;
    }
    .online-medication-guidance_system h3:after {
        content: none;
    }
    .online-medication-guidance_system .system_box  + .system_box {
        margin-top: 65px;
    }
    .online-medication-guidance_system .system_box .system_box_title {
        margin-bottom: 40px;
    }
    .online-medication-guidance_system .system_box .system_box_title > p {
        width: 70px;
    }
    .online-medication-guidance_system .system_box .system_box_title > p img {
        width: 70px;
        height: auto;
    }
    .online-medication-guidance_system .system_box .system_box_title > div {
        margin-left: 25px;
        font-size: 1.6rem;
        word-break: break-all;
        width: calc(100% - 77px);
    }
    .online-medication-guidance_system .system_box .system_box_title h4 {
        font-size: 2.8rem;
        margin-bottom: 0.3em;
    }
    .online-medication-guidance_system .system_box h5 {
        font-size: 1.8rem;
    }
    .online-medication-guidance_system .system_box_method {
        font-size: 1.4rem;
    }
    .online-medication-guidance_system .system_box_method_title {
        font-size: 1.8rem;
        margin-bottom: 1em;
    }
    .online-medication-guidance_system .system_box_method_box {
        display: block;
    }
    .online-medication-guidance_system .system_box_method_box > div {
        width: 100%;
    }
    .online-medication-guidance_system .system_box_method_box > div + div {
        border-left: none;
        border-top: 1px solid #e1e4e4;
    }
    .online-medication-guidance_system .system_box_method_box > div:nth-child(odd) {
        padding: 10% 0;
    }
    .online-medication-guidance_system .system_box_method_box > div:nth-child(even) {
        padding: 10% 0;
    }
    .online-medication-guidance_system .system_box_method ul {
        margin-top: 7%;
    }
    .online-medication-guidance_system .system_box_method ul li {
        width: 48.5%;
        font-size: 1.6rem;
    }
    .online-medication-guidance_system .system_box_method ul li img {
        max-height: 38px;
        margin: 10% 0 0;
    }
    .online-medication-guidance_system .system_box_method_link {
        font-size: 1.2rem;
        margin-top: 1em;
    }
    .online-medication-guidance_system .system_box_store ul {
        display: block;
        font-size: 1.8rem;
        text-align: center;
    }
    .online-medication-guidance_system .system_box_store ul li + li {
        margin-left: 0;
    }
    .service-online-medication-guidance .staff_fllow {
        margin: 15% 0;
        font-size: 1.8rem;
    }
}