@media screen and (max-width: 720px){

img{
	max-width: 100%;
}
p{
	max-height: 100%;
}
.title_01{
	max-height: 100%;
}

.inner01{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	height: 100%;
}
.inner{
	position: relative;
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.inner02{
	box-sizing: border-box;
	color: #424242;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


header .line:nth-child(1){
	height: 3px;
}
.logos{
	position: relative;
}



h2.main_text{
	box-sizing: border-box;
	padding: 40px;
	text-align: left;
	font-size: 24px;
}
h2.main_text:before{
	margin-left: -40px;
}
h2.main_text:after{
	margin-left: 0;
	height: 6px;
}

.top_main_v img:nth-child(1){
	top: 80px;
	left: 30px;
}
.top_main_v img:nth-child(2){
	left: 30px;
	bottom: 60px;
}



/* ////////////ハンバガーない//////////// */


.drawer-nav{
	padding-top: 144px;
}
.drawer-hamburger strong{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 5px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #249fa0;
}

.log_in{
	width: 570px;
	font-size: 0;
	margin-left: auto;
	margin-right: auto;
}
.log_in li{
	font-size: 0;
	margin-right: 22px;
	display: inline-block;
}
.log_in li:last-child{
	margin-right: 0;
}
.main_sp{
	width: 570px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.main_sp li a{
	position: relative;
	font-size: 28px;
	text-decoration: none;
	color: #424242;
	line-height: 1;
	display: block;
	border-bottom: solid 1px #249fa0;
	padding: 40px 0;
	padding-left: 60px;
}
.main_sp li a span{
	content: "";
	border-radius: 10px;
	left: 5px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	background: #65bcbc;
	display: block;
	position: absolute;
	width: 39px;
	height: 13px;
}
.main_sp li a img{
	right: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.sub{
	margin-top: 40px;
	text-align: center;
}
.sub li{
	display: inline-block;
}
.sub li img{
	margin-right: 10px;
}
.sub li a{
	text-decoration: none;
	vertical-align: middle;
	line-height: 1;
	color: #249fa0;
	font-size: 25px;
}
.sub li:first-child{
	margin-right: 30px;
}
.downl {
	width: 570px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	font-size: 0;
}
.downl li{
	display: inline-block;
}
.downl li:first-child{
	margin-right: 62px;
}



/* //共通パーツ*/
.bg_color{
	background: #f2f9f9;
}


.title_01{
	font-size: 40px;
	line-height: 2;
}
.title_01:after{
	content: "";
	margin-top: 5px;
	display: block;
	background: #249fa0;
	width: 86px;
	height: 3px;
}

h2.t_center:after{
	content: "";
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #249fa0;
	width: 86px;
	height: 3px;
}

.title_02{
	color: #424242;
	line-height: 2;
	font-size: 32px;
}
.title_02:after{
	content: "";
	margin-top: 5px;
	display: block;
	background: #249fa0;
	width: 86px;
	height: 3px;
}
h3.t_center:after{
	content: "";
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #249fa0;
	width: 86px;
	height: 3px;
}
.title_02n{
	color: #424242;
	font-size: 32px;
}



/* ここからヘルパスについて */

.about_1l{
	color: #424242;
	width: 100%;
	max-height: 100%;
	float: none;
	margin-bottom: 40px;
}

.about_1l p{
	margin-top: 40px;
	font-size: 20px;
	margin-bottom: 30px;
}
.about_1l strong{
	color: #249fa0;
	font-size: 22px;
	font-weight: bold;
}




.about_list01{
	margin-top: 50px;
	font-size: 0;
	margin-bottom: 120px;
}

.about_list01 li{
	vertical-align: top;
	margin-right: 0px;
	display: inline-block;
	margin-bottom: 40px;
	width: 640px;
}
.about_list01 li .cer{
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	border-radius: 400px 400px 0 0;
	border: solid #249fa0 5px;
	border-bottom: none;
	display: block;
	width: 284px;
	height: 140px;
	background: #fff;
}
.about_list01 li p{
	position: relative;
	font-size: 20px;
	background: #fff;
	padding: 20px 40px  60px;
	color: #424242;
}
.about_list01 li p span{
	line-height: 1.8;
}
.about_list01 li p strong{
	color: #249fa0;
	margin-bottom: 10px;
	font-size: 22px;
	display: block;
	text-align: center;
	font-weight:bold;
}


.bad {
	text-align: center;
}
.bad h2:after{
	content: "";
	margin-left: auto;
	margin-right: auto;
}
.bad .left,
.bad .right{
	float: none;
}
.bad .left{
	margin-bottom: 20px;
}
.bad p{
	max-height: 100%;
	font-size: 20px;
}
.bad strong{
	font-size: 26px;
}


.about02_2 ul{
	font-size: 0;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 50px;
}
.about02_2 ul li:first-child{
	margin-right: 0px;
	margin-bottom: 20px;
}



.about02 div{
	max-height: 100%;
	float: none;
	width: 640px;
}
.about02 div p{
	max-height: 100%;
	font-size: 22px;
}
.about02 div > span{
	font-size: 18px;
}
.about02 img{
	float: none;
	margin-top: 40px;
}

.about02_2 p.pp{
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
}

.about02_2 p {
	display: table;
}
.about02_2 p span{
	vertical-align: top;
	font-size: 16px;
	max-height: 100%;
	line-height: 1.5;
	display: block;
	padding-left: 40px;
	padding-right: 40px;
}
.about02_2 p img.sp_none{
	display: none;
}

.about02_2 p img.pc_none{
	margin-left: 40px;
	margin-bottom: 20px;
}


footer .inner p.pc_none{
	max-height: 100%;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	padding-top: 10px;
	color: #424242;
}
footer .inner div{
	max-height: 100%;
	padding-right: 0px;
	box-sizing: border-box;
	padding-top: 8px;
	float: none;
	text-align: center;
	height: auto;
	border: none;
}
footer .inner div:nth-child(1) img{
	margin-left: auto;
	margin-right: auto;
}
footer .inner div:nth-child(2){
	margin-top: 20px;
	padding-top: 10px;
	font-size: 18px;
	padding-right: 30px;
	padding-left: 30px;
}
footer .inner div:nth-child(2) li{
	display: inline-block;
	padding: 5px 0;
	margin-right: 20px;
	padding-right: 20px;
	border-right: solid 1px #249fa0;
	margin-bottom: 0px;
}
footer .inner div:nth-child(2) li:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
footer .inner div:nth-child(2) li a{
	position: relative;
	padding-left: 15px;
	line-height: 1;
	text-decoration: none;
	transition: 0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-ms-transition:0.3s;
	color: #249fa0;
}
footer .inner div:nth-child(2) li a:before{
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 11px;
	border-color: transparent transparent transparent #249fa0;
}
footer .inner div:nth-child(2) li a:hover{
	text-decoration: underline;
}
footer .inner nav {
	display: block;
	margin-bottom: 40px;
	text-align: center;
}
footer .inner nav a{
	margin-right: 10px;
	display: inline-block;
	font-size: 0;
	transition: 0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-ms-transition:0.3s;
}
footer .inner nav a:hover{
	opacity: 0.7;
}

footer .gotop{
	position: fixed;
	bottom: 120px;
	right: 0;
	z-index: 9999;
}
footer .gotop .pc_none{
	display: inline-block;
}

/* 患者様へ */


.patan_box01{
	width: 100%;
	background: #fff;
	margin-bottom: 20px;
}
.patan_box01 .left{
	width: 100%;
	padding: 20px 30px 40px;
	box-sizing: border-box;
	float: none;
	max-height: 100%;
}
.patan_box01:nth-child(even) .left{
	padding: 20px 30px 40px;
	float: none;
}
.patan_box01 p{
	font-size: 20px;
}
.patan_box01 img{
	width: 100%;
	float: none;
}
.patan_box01:nth-child(even) img{
	float: none;
}



.pat_01 .left{
	max-height: 100%;
	float: none;
	width: 100%;
}
.pat_01 > img{
	display: none;
}
.pat_01 .left p{
	max-height: 100%;
	font-size: 22px;
	line-height: 2;
}
.pat_01 .left strong{
	max-height: 100%;
	font-size: 22px;
}
.pat_01 .left div.list01{
	text-align: center;
	margin-top: 40px;
	display: block;
}
.pat_01 .left div.list01 li{
	font-size: 18px;
	text-align: left;
}
.pat_01 .left div.list01 > ul:last-child{
	margin-right: 0;
}

.pat_01 .left div.tuika01 h3{
	font-size: 22px;
}
.pat_01 .left div.tuika01{
	margin-bottom: 80px;
}
.pat_01 .left div.tuika01 li{ font-size: 20px; }



.pat_02 li{
	display: inline-block;
	text-align: center;
	font-size: 20px;
	width: 310px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.pat_02 li:first-child{
	margin-left: auto;
}
.pat_02 li:nth-child(odd){
	margin-left: 0;
}
.pat_02 li p{
	padding:10px;
}



/*======================
薬局関係者の皆様
======================*/

.pha_log ul{
	text-align: center;
}
.pha_log ul li{
	display: block;
	margin-right: 0;
}
.pha_log ul li:last-child{
	margin-top: 20px;
}

.pha_box01 div.left{
	width: 100%;
	max-width: none;
	float: none;
	max-height: 100%;
}


.pha_box01 div.left > strong{
	font-size: 26px;
	display: block;
	margin-top: 60px;
	margin-bottom: 20px;
}
.pha_box01 div.left p span{
	display: block;
	font-size: 20px;
}
.pha_box01 > img{
	display: block;margin-left: auto;
	margin-right: auto;
	float: none;
}


.pha_box02 .left{
	float: none;
	max-width: none;
}
.pha_box02 .left div{
	display: inline-block;
}
.pha_box02 .left div:nth-child(2){
	margin-right: 40px;
}
.pha_box02 .left p{
	font-size: 22px;
}
.pha_box02 img{
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.tableBox{
	width: 100%;
	overflow: scroll;
}

.tableBox table{
	width: 800px;
}
.tableBox th{
	font-size: 22px;
}
.tableBox td{
	font-size: 20px;
}


#panel > h3.pha_mid{
	font-size:26px;
	box-sizing: border-box;
	max-height: 100%;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #249fa0;
	line-height: 1;
}
#panel > .pha_box{
	font-size: 20px;
	max-height: 100%;
	position: relative;
	line-height: 2;
	padding-top: 20px;
	padding-bottom: 60px;
}

.item_link{
	width: calc(100% + 20px);
}
.item_link li{
	margin-bottom: 20px;
	font-size: 22px;
	width: calc(50%);
}
.img_link{
	width: calc(100% + 20px);
}
.img_link li{
	margin-bottom: 20px;
	font-size: 20px;
	width: calc(50%);
}


/*======================
ピンポイントマニュアル
======================*/

#pp_m,
#pp_m02,
#pp_m03{
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding: 40px 20px;
	box-sizing: border-box;
	background: #f6f6f6;
}
.home ul{
	width: calc(100% + 18px);
	margin-left: -18px;
	margin-top: 20px;
}
.home ul.pw{
	float: right;
	width: calc(100% + 9px - 124px);
}
 .home ul.pw li a{ width: auto; padding-left: 20px; padding-right: 30px; margin: 0; }
.home li{
	margin-left: 18px;
	font-size: 20px;
	width: calc(100% / 3 - 18px);
}

 .home02 li{
	font-size: 22px;
}
.home a,
.home02 a{
	padding-top: 25px;
	height: 99px;
}

 .home li img,
 .home02 li img{
 	width: 43px;
 }
.base_menu a{
	padding-top: 25px;
}
 .base_menu ul{
	margin-left: -20px;
	width: calc(100% + 20px);
}
 .base_menu li{
	height: 99px;
 	font-size: 20px;
	width: calc(100% - 20px);
	margin-left: 20px;
	margin-bottom: 20px;
 }
 .base_menu li img{
 	width: 44px;
 	}
 .home a:after,
 .home02 a:after{
	line-height: 1.5;
 	right: 20px;
 }
 .home a:after,
 .home02 a:after,
 .base_menu li p:after{
 	line-height: 1.7;
	font-size: 18px;
	width: 32px;
	height: 32px;
}
/* .base_menu li p{
 	padding-left: 2em;
 }*/



 div.plof{
	width: 124px;
	display: inline-block;
	height: 124px;
}
 div.plof figure img{
	width: 124px;
}
 div.plof a{
 	font-size: 18px;
	width: 124px;
	height: 124px;
 }
 div.plof figure p:after{
	font-size: 30px;
	margin-left: 10px;
	top: -4px;
}

#panel > h3.q_mid{
	max-height: 100%;
	font-size: 24px;
	padding-right: 40px;
}
#panel > .a_box.bg_g p{
	font-size: 20px;
}
.pp_head{ margin-top: 60px; padding: 20px 0;  }
.pp_head .pc_none{ display: inline-block;  }




/* phaMenu */
.phaMenu ul{
	justify-content: left;
}
.phaMenu ul + ul{
	margin-top: 30px;
}
.phaMenu li{
	background: #fff;
	margin-left: 30px;
	width: calc(100% / 2 - 30px);
	margin-bottom: 30px;
}

#pp_m h3.subTitle,
#pp_m02 h3.subTitle,
#pp_m03 h3.subTitle{
	margin-top: 50px;
	padding: 10px 0px 14px 20px;
	border-bottom: solid 2px #249fa0;
	font-size: 24px;
	margin-bottom: 40px;
	color: #353535;
}
#pp_m h3.subTitle:before,
#pp_m02 h3.subTitle:before,
#pp_m03 h3.subTitle:before{
	content: "";
	height: calc(100% - 4px);
	width: 6px;
}
.base_menuHead h3{
	font-size: 30px;
}


.base_menuHead .arow{
	width: 48px;
	height: 48px;
}
.base_menuHead .arow:before{
	width: 16px;
	height: 16px;
	left: 18px;
	border-left: solid 4px #fff;
	border-bottom: solid 4px #fff;
}
/*======================
display_size_noen
======================*/
.sp_none{
	display: none;
}
.pc_none{
	display: block;
}

/* ======================
header
====================== */
/*======================
.cl { clearfix }
======================*/
.cl::after {
	content: "";
	display: table;
	clear: both;
}

}