@charset "utf-8";
/*
Theme Name:original
Theme URI:https://luckweb.jp
Author:Yamato-Agency
Author URI:https://yamato-agency.com
Description:luckweb original theme.郵送・宅配便・職員による配達
*/

/* 
--- theme color ---
	user  #009FE8
	doctor #73BC00
	recruit #F4A300
*/
/*******************************
/* トップページ
********************************/
/* スライダー */
.slider_area{
	padding:10px;
	background:#F3FCFF;
}
.top_fotorama{
	width:1200px;
	margin:0 auto;
	max-width: 100%;
}

/* トップの見出し */
.top_colorline{
	padding:35px 0px 27px;
	font-size:28px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	letter-spacing:0.1em;
}
.top_colorline img{
	margin-right:10px;
	margin-top:-8px;
	vertical-align:middle;
}

.top_colorline.corona{ background-color:#F4A300;}
.top_colorline.user{	background-color:#009FE8;}
.top_colorline.doctor{	background-color:#73BC00;}
.top_colorline.recruit{	background-color:#F4A300;}
.top_colorline.shop{	background-color:#E3007F;}
.top_colorline.blog{	background-color:#FF9DB6;}

.top_whole_seller{
	display:inline-block;
	width:100%;
	height:auto;
}
.top_whole_seller .left{
	display:inline-block;
	float:left;
	width:38%;
	height:auto;
	margin-right:2%;
}
.top_whole_seller .right{
	display:inline-block;
	float:right;
	width:58%;
	height:auto;
	margin-left:2%;
}
.top_whole_seller .left img, .top_whole_seller .right img{
	display:block;
	max-width:100%;
	height:auto;
}

/*** 新着情報 ***/
.latest-header{
	background:#FFEBF0;
	color:#E3007F;
}

.latest-info{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.latest-item{
	display:flex;
}

.latest-item .latest-img{
	height:150px;
	overflow:hidden;
}

.latest-item .latest-img img{
	width:120px;
	height:auto;
}

.latest-item .meta-cover{
	width:160px;
	margin:0 1em;
}

.latest-item .category{
	display:inline-block;
	margin:.25em 0;
	padding:.2em .5em .2em;
	background:#009FE8;
	border-radius:4px;
	color:#fff;
}

.latest-item .date{
	display:block;
	margin:1em 0;
	color:#555;
	font-size:.8em;
}

.latest-item .title{
	display:block;
	margin:.5em 0 1em;
}

/*** 患者様へ ***/
.top_yakuzaishi{padding-top:40px;}
.user_submenu{margin-top:60px;}
.user_submenu .item{
	display:inline-block;
	width:23%;
	margin-right:2%;
	vertical-align:top;
}
.user_submenu .item:nth-of-type(4n){margin-right:0px;}
.user_submenu .item:hover .ttl{color:#009FE8;}
.user_submenu .item:hover img{opacity:1;}
.user_submenu .item .ttl {
	display:inline-block;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	transition:0.2s;
}
.user_submenu .item .ttl i{
	color:#009FE8;
	margin-right:5px;
}
.user_submenu .item .disc {
	display:inline-block;
	width:100%;
	margin-bottom:0px;
	color:#000;
	font-size:13px;
}
.user_submenu .chirashi {
	float:left;
	width:50%;
}

.user_submenu .h4 {
	font-weight:bold;
	font-size:1.1em;
}/***  ドクター開業支援 ***/
.bnr_doctor{
	display:inline-block;
	width:100%;
	border:1px solid #73BC00;
}
.bnr_doctor img{
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

/*** 採用情報 ***/
.recruit_area {margin-bottom:0px;}
.recruit_area .item{
	display:inline-block;
	width:31%;
	margin-right:2.5%;
	vertical-align:top;
}
.recruit_area .item:nth-of-type(3n){
	margin-right:0px;
}
.recruit_area .item:hover .ttl{color:#F4A300;}
.recruit_area .item:hover img{opacity:1;}
.recruit_area .item .ttl {
	display:inline-block;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	transition:0.2s;
}
.recruit_area .item .ttl i{
	color:#F4A300;
	margin-right:5px;
}
.recruit_area .item .disc {
	display:inline-block;
	width:100%;
	margin-bottom:0px;
	color:#000;
	font-size:15px;
}
.youtube_btn a{
    display:inline-block;
    width:100%;
    margin-top:10px;
    color:#000;
    font-weight:bold;
    font-size:1.1em;
	text-align:right;
    transition:0.2s;
}
.youtube_btn a:hover{
	color:#F4A300;
}
.youtube_btn a i{
    color:#F4A300;
    margin-right:5px;
}

/* 採用イベント */
.recruit_event{
	padding:60px 0px 0px;
	background:url(img/common/bg_orange.gif)no-repeat center center;
	background-size:cover;
	border-radius:10px;
}
.recruit_event .inner{
	padding:0px 30px;
}
.h_orange_line{
	padding:20px;
	border-top:1px solid #F4A300;
	border-bottom:1px solid #F4A300;
	text-align:center;
	color:#F4A300;
	font-weight:bold;
	font-size:26px;
}
.event_post{padding-top:40px;}
.event_post .item{
	display:inline-block;
	width:48.5%;
	vertical-align:top;
	background-color:#fff;
	border-top:4px solid #F4A300;
	border-bottom:1px solid #F4A300;
	border-right:1px solid #F4A300;
	border-left:1px solid #F4A300;
	margin-bottom:30px;
	padding:10px 20px 20px;
	float:left;
}
.event_post .item:nth-of-type(2n){float:right;}
.event_post .date{
	margin-bottom:5px;
	color:#F4A300;
	font-size:14px;
}
.event_post .date .new{
	display:inline-block;
	margin-left:5px;
	color:#DD0000;
	font-weight:bold;
	font-size:1.1em;
}
.event_post .item a{
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	text-decoration:underline;
}
.event_post .disc{
	line-height:1.2em;
}
.event_menu{
	clear:both;
	background-color:#F4A300;
	padding:10px 30px;
	border-radius:0px 0px 10px 10px;
}
.event_menu .category{
	display:inline-block;
	margin-right:10px;
	padding-right:12px;
	border-right:1px solid #fff;
	color:#fff;
	text-decoration:underline;
}
.event_menu .category:nth-of-type(3){border-right:none;}
.event_menu .more{
	color:#fff;
	float:right;
}
.event_menu .more i{
	font-size:1.2em;
	margin-right:10px;
}
/*******************************
/* 2階層共通
********************************/
.h1_area{
	background-color:#ccc;
	text-align:center;
	padding:30px 0px;
}
.h1_icon{
	width:50px;
	height:50px;
	margin-right:20px;
	vertical-align:middle;
	margin-bottom:5px;
}
.pagettl{
	font-size:30px;
	color:#fff;
	font-weight:bold;
}
.parentid_25{background:#009FE8;}/* 患者様へ */
.parentid_18{background:#E3007F;}/* 企業情報 */ 
.parentid_121{background:#F4A300;}/* 企業情報 */
.parentid_185{background:#73BC00;}/* ドクター開業支援 */
.parentid_3776{background:#FF9DB6;}/* 社内報：アイコトバ */
.cat_blog{background: #FF9DB6;}/* 四コマ漫画 */
 
.pan{
	background-color:#fcfcfc;
	padding:5px;
}
.breadcrumbs{
	width:1000px;
	margin:0 auto;
	font-size:13px;
}
.breadcrumbs a{color:#000;text-decoration:underline;}


/* h3 */
h3 {
	font-size: 28px;
	color: #e3007f;
	font-weight: bold;
	padding: 50px 0 20px 0;
}


/* 下層リンク */
.other_page a{
	display:inline-block;
	width:48%;
	margin-right:2%;
	padding:5px;
	border:1px solid #ccc;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	transition:0.2s;
}
.other_page a:nth-of-type(2n){margin-right:0px;}
.other_page img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	width:120px;
	height:auto;
}
.other_page i{
	display:inline-block;
	margin-right:10px;
	color:#009FE8;
	font-size:1.2em;
}
.other_page a:hover{color:#009FE8;}

/* youtube */

.youtube-wrapper{
        position:relative;
        padding-bottom:56.25%;
        margin-top:30px;
        height:0;
}

.youtube-wrapper iframe{
  position:absolute;
  top:0;
  left: 0;
  width:100%;
  height:100%;
}

.youtube-wrapper.w_530 {
	padding-bottom:360px;
}

.youtube-wrapper.w_530 iframe{
	width:530px;
	left:50%;
	transform: translateX(-50%);
	height: 315px;
}
@media screen and (max-width:530px){

	.youtube-wrapper.w_530 {
		padding-bottom:70%;
	}
	.youtube-wrapper.w_530 iframe{
		width: 100%;
		height: calc(100vw / 530 * 315);
	}
}

/*******************************
/* 患者様へ
********************************/

/*** 患者様へ ***/
.user_menus .item{
	display:inline-block;
    width:31%;
    margin-right:2.5%;
	margin-bottom:30px;
	vertical-align:top;
}
.user_menus .item:nth-of-type(3n){	margin-right:0px;}
.user_menus  img{	border-radius:10px;margin-bottom:10px;}
.user_menus  .ttl{
	display:inline-block;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    color:#000;
    font-weight:bold;
    font-size:1.1em;
    transition:0.2s;
}
.user_menus .disc{
	display:inline-block;
    width:100%;
    margin-bottom:0px;
    color:#000;
    font-size:15px;
}
.user_menus .item .ttl i{
    color:#009FE8;
    margin-right:5px;
}
.user_menus .item:hover .ttl{color:#009FE8;}

.user_menus.hospital .item {
	margin-bottom: 12px;

}


/*** アイ薬局の薬剤師  ***/
.dispenser_work_container{
	display:inline-block;
	width:100%;
	height:auto;
	text-align:center;
}
.work_item{
	display:inline-block;
	width:47%;
	height:auto;
	margin-right:3%;
	margin-bottom:3%;
	vertical-align:top;
}
.work_item:nth-child(2n){
	margin-right:0px;
}
.work_item p{
	text-align:justify;
}
.dispenser_work .work_l{
	width:47%;
	float:left;
}
.dispenser_work .work_r{
	width:47%;
	float:right;
}	
.h_work{
	margin:10px 0px;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	color:#009FE8;
}
/*** お問い合わせ  ***/
.contact_way{
	width:60%;
	/*float:left;*/
	background-color:#fff;
	padding:20px;
	border-radius:10px;
	border:1px solid #eee;
	text-align:center;
	margin: 0 auto;
}
.contact_way:nth-of-type(2n){float:right;}
.contact_way a{
	display:inline-block;
	margin-bottom:10px;
	font-size:1.5em;
	font-weight:bold;
}
.contact_way i{
	margin-right:10px;
	font-size:1.2em;
}
.contact_way .fs12{font-size:12px;}

/*** ジェネリック医薬品 ***/
.generic_col2{
	width:48%;
	padding:30px;
	background-color:#fff;
	border-radius:10px;
}
.generic_dl{
	margin-top:20px;
	margin-bottom:30px;
}
.generic_dl dt{
	color:#e3007f;
	font-weight:bold;
}
.generic_dl dd{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}/***  お役立ちツール ***/
.money_item_wrapper{
	display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}

.money_item_wrapper .money_item{
	width:33.333%;
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;

	display:unset;
	margin-right:unset;
	vertical-align:unset;
}

.money_item_wrapper .money_item:nth-of-type(3n){
	margin-right:0px;
}

.money_item_wrapper .money_item .money_item_midashi{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:left;
}

.kiki_item_wrapper{
	display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}

.kiki_item{
	width:25%;
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
	position:relative;
}

.kiki_item:after{
	content:'テキスト';
	font-size:14px;
	background-color:#ccc;
	color:#fff;
	text-align:center;
	padding:3px 15px;
	border-radius:20px;
	position:absolute;
    left:0;
}

.kiki_item.kessai:after{
	content:'決済';
	background-color:#E3007F;
}

.kiki_item.korona:after{
	content:'コロナ対策';
	background-color:#009FE8;
}

.kiki_item.itigen:after{
	content:'情報一元化';
	background-color:#F4A300;
}
.kiki_item.no_tag:after{
	content:none;
}

.kiki_item:nth-of-type(4n){
	margin-right:0px;
}

.kiki_item_midashi{
	margin-top:10px;
	margin-bottom:10px;
    text-align:left;
	font-size: 20px;
	padding: 5px 0;
}

.pyonsatsu_item_wrapper{
	display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.pyonsatsu_item{
	width:50%;
	margin-bottom:30px;
	padding:0 10px;
}

.pyonsatsu_item img{
	display:block;
	margin:0 auto;
}.money_item{
	display:inline-block;
	width:48%;
	margin-right:2%;
	vertical-align:top;
}
.money_item:nth-of-type(2n){
	margin-right:0px;
}.rakuten_pay{
	background-color:#eee;
	margin-top:30px;
	padding:20px;
	border-radius:10px;
}
.useful_handbook{
	display:inline-block;
	width:48%;
	margin-right:2%;
	padding:20px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:10px;
	margin-bottom:20px;
	vertical-align:top;
}
.useful_handbook:nth-of-type(2n){
	margin-right:0px;
}
/*** オリジナル商品 ***/
.turu_btn{
    display:block;
    width:70%;
    padding:20px 10px;
	border-radius:10px;
	border:1px solid #e3007f;
    background:#e3007f;
    color:#fff;
    font-size:1.3rem;
    margin:35px auto 10px;
	text-align:center;
	transition:0.2s;
	font-weight:bold;
}
.turu_btn:hover{
	color:#e3007f;
    background:#fff;
}
.turu_btn .pdf_icon{
	margin-bottom:5px;
	margin-right:10px;
	vertical-align:middle;
}

/***  健康サポート薬局 ***/
.use_merite_l{
	float:right;
	width:65%;
}
.use_merite_l li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #999;
	
}
.use_merite_l li:before{	color:#009FE8;}
.use_merite_r{
	float:left;
	width:30%;
}

/*******************************
/* ドクター開業支援
********************************/
.support_menu{margin-top:30px;}
.support_menu a{
	display:inline-block;
	width:47%;
	padding:20px 10px 10px;
	border-radius:10px;
	vertical-align:top;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4em;
	transition:0.2s;
}
.support_menu span{
	display:inline-block;
	width:100%;
	transform:scale( 1.7 , 0.5 ); 
}
.menu_support{
	float:left;
	border:2px solid #009FE8;
	color:#009FE8;
}
.menu_support:hover{background-color:#009FE8;color:#fff;}
.menu_consulting{
	float:right;
	border:2px solid #73BC00;
	color:#73BC00;
}
.menu_consulting:hover{background-color:#73BC00;color:#fff;}

/* 開業支援 */
.bg_menu_support{background-color:#F3FBFF;}
.sup_point{
	display:inline-block;
	width:48%;
	margin-right:3%;
	vertical-align:top;
}
.sup_point:nth-of-type(2n){margin-right:0px;}

.h_point{
	background-color:#009FE8;
	margin-bottom:10px;
	padding:10px;
	border-radius:5px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
}
.h_point span{
	display:inline-block;
	margin-right:10px;
	padding:2px 10px;
	border-radius:5px;
	background-color:#fff;
	color:#009FE8;
	font-weight:bold;
	font-size:0.8em;
}
.sup_point .img{
	background-color:#fff;
	margin-bottom:10px;
	padding:15px 10px;
	border:1px solid #ccc;
	border-radius:5px;
	text-align:center;
}

.h_point.bg_pink{
	background-color: #E3007F;
	margin-top: 50px;
}

/* 相談業務 */
.bg_menu_consulting{
	border-top:1px solid #73BC00;
	border-bottom:1px solid #73BC00;
	background-color:#F7FCF2;
}
.tbl_support{
	width:70%;
	margin:0 auto;
}
.tbl_support th{width:180px;}
.tbl_support .txt{
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:0.9em;
}
	
.tbl_support .wpcf7-list-item{
	display	:inline-block;
	vertical-align:top;
	width:48%;
	letter-spacing:-0.01em;
}/*******************************
/* 採用情報
********************************/
/*** 採用情報 ***/
.bg_recruit{
	background:url(img/recruit/recruit_sky.jpg)no-repeat top left;
	padding-left:320px;
	padding-bottom:60px;
	margin-bottom:50px;
}
.recruit_youtube{
	margin-bottom:60px!important;
	padding-bottom:60px!important;
}
.recruit_youtube .w70{ 
	width:80%;
	margin:0 auto!important;
}

.recruit_menus .item{
	display:inline-block;
    width:31%;
    margin-right:2.5%;
	margin-bottom:30px;
	vertical-align:top;
}
.recruit_menus .item:nth-child(3n){	margin-right:0px;}
.recruit_menus  img{	max-width:100%;height:auto;border-radius:10px;margin-bottom:10px;}
.recruit_menus  .ttl , .recruit_menus  .no_ttl{
	display:inline-block;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    color:#000;
    font-weight:bold;
    font-size:1.1em;
    transition:0.2s;
}
.recruit_menus .disc{
	display:inline-block;
    width:100%;
    margin-bottom:0px;
    color:#000;
    font-size:15px;
}
.recruit_menus .item i{
    color:#F4A300;
    margin-right:5px;
}
.recruit_menus .item:hover .ttl{color:#F4A300;}
.recruit_menus .min_link{
	display:inline-block;
	margin-right:10px;
	
}
.recruit_menus .min_link a{font-weight:bold;color:#000;transition:0.2s;}
.recruit_menus .min_link a:hover{	color:#F4A300;}

/*** 先輩からのメッセージ  ***/
.other_link{
	background:url(img/common/dot_bg.png)repeat center center;
	padding:30px 0px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
.mssg_box .catch{
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dashed #F4A300;
}
.mssg_box .staff_info{
	text-align:right;
	font-size:14px;
	margin-bottom:5px;
}
.mssg_box .staff_info .bold{font-size:1.5em;}
.mssg_box .txt{margin-top:15px;}
.mssg_box .cont_r{	padding-left:290px;}
.mssg_box .cont_l{	padding-right:290px;}
.mssg_box img{border-radius:10px;}
 
/*** ワークスタイル ***/
.workstyle_text{
	margin-bottom:50px;
}
.workstyle_text  p{
	padding-top:30px;
	line-height:1.8em;
}
.workstyle_text:last-child{margin-bottom:0px;}

.event_office .item{
	display:inline-block;
	width:31%;
	margin-right:2%;
	text-align:center;
}
.event_office .item:last-child{margin-right:0px;}
.event_office .item img{
	display:inline-block;
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}

/*** 入社までの流れ ***/
.flow_area{margin-top:50px;}
.flow_item{
	width:70%;
	margin:0 auto 50px;
}
.flow_icon{
	background-color:#F4A300;
	display:inline-block;
	vertical-align:top;
	width:70px;
	height:70px;
	border-radius:50px;
	text-align:center;
	padding-top:10px;
	position:relative;
}
.flow_icon:after{
	content:"";
	width:0;
	height:0;
	border:20px solid transparent;
	border-top:15px solid #ccc;
	position:absolute;
	bottom:-50px;
	left:15px;
}
.flow_item:last-child .flow_icon:after{display:none;}
.flow_txt{
	display:inline-block;
	vertical-align:top;
	width:80%;
	margin-left:20px;
}
.flow_item .h_bold{
	color:#F4A300;
	border-color:#F4A300;
	
}

/*** 教育研修プログラム ***/
.training_site {margin-top:30px;}
.training_site .item{
    display:inline-block;
    vertical-align:top;
    width:31%;
    margin-right:2%;
    margin-bottom:30px;
    text-align:center;
}
.training_site .item img{
	max-width:100%;
	height:auto;
	padding:3px;
	border:1px solid #ccc;
}
.training_site .item:nth-of-type(3n){margin-right:0px;}
.training_site .title{
    color:#000;
    font-weight:bold;
    display:inline-block;
    margin:5px 0px 10px;
    font-size:1.1em;
}
.training_ul{text-align:left;}
.training_ul li{
	display:inline-block;
	margin-bottom:5px;
	padding:2px 10px;
	border-radius:5px;
	background-color:#f2f2f2;
	border:1px solid #eee;
	font-size:13px;
	color:#666;
}
.training_seminar .item{
	display:inline-block;
    vertical-align:top;
    width:31%;
    margin-right:2%;
    margin-bottom:30px;
    text-align:center;
}
.training_seminar .item img{
	max-width:100%;
	height:auto;
}
.training_seminar .item:nth-of-type(3n){margin-right:0px;}
.training_seminar .disc{
    font-weight:bold;
    display:inline-block;
    margin:5px 0px 10px;
    font-size:1.1em;	
}/*** 募集要項ページ  ***/
.recruit_shopinfo{
	width:70%;
	margin:0 auto;
	margin-bottom:30px;
}
.recruit_shopinfo img{
	width:40%;
	height:auto;
}
.tbl_recruit{
	width:70%;
	margin:0 auto;
}
.tbl_recruit th{
	width:25%;
	font-weight:bold;
}
.tbl_inquiry input.year{width:20%!important;margin:0px 5px 5px 0px;}
.tbl_inquiry select.month{width:10%;margin:0px 5px 5px 5px;}
.tbl_inquiry select.day{width:10%;margin:0px 0px 5px 5px;}/*******************************
/* 企業情報
********************************/

/*** 企業情報トップ ***/
.company_menus .item{
	display:inline-block;
    width:31%;
    margin-right:2.5%;
	margin-bottom:30px;
	vertical-align:top;
}
.company_menus .item:nth-of-type(3n){	margin-right:0px;}
.company_menus  img{	border-radius:10px;margin-bottom:10px;}
.company_menus  .ttl{
	display:inline-block;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    color:#000;
    font-weight:bold;
    font-size:1.1em;
    transition:0.2s;
}
.company_menus .disc{
	display:inline-block;
    width:100%;
    margin-bottom:0px;
    color:#000;
    font-size:15px;
}
.company_menus .item .ttl i{
    color:#E3007F;
    margin-right:5px;
}
.company_menus .item:hover .ttl{color:#E3007F;}/***  アイ薬局の想い ***/
.policy_txt p{
	padding-top:30px;
}
.policy_big_txt{
	padding-top:30px;
	margin-bottom:10px;
	color:#33A0FF;
	font-size:1.3em;
	font-weight:bold;
}
.policy_right{	
	padding-left:340px;
}
.tbl_jyumyou{width:100%;}
.tbl_jyumyou th , .tbl_jyumyou td{
	padding:10px;
	border:1px solid #ccc;
}
.tbl_jyumyou th{
	background-color:#ccc;
	color:#fff;
}
.tbl_jyumyou td{text-align:center;}

/*** アイ薬局のこだわり  ***/
.relax_space .item{
	float:left;
	width:47%;
	margin-bottom:20px;
}
.relax_space .item:nth-of-type(2n){ float:right;}
.relax_space .item p{margin-bottom:0px;}
.relax_space .item .min{font-size:0.9em;}
.relax_space .item img{
	width:30%;
	height:auto;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	border-radius:5px;
}

/*** 企業情報  ***/
.shaze_mean{
	display:inline-block;
	margin-top:30px;
	margin-bottom:20px;
	color:#009fe8;
	font-size:1.4em;
	font-weight:bold;
}

/***  事業紹介 ***/
.biz_area .item{
    display:inline-block;
    vertical-align:top;
    width:31%;
    margin-right:2%;
    margin-bottom:30px;
    text-align:center;
}
.biz_area .item:nth-of-type(3n){	margin-right:0px;}
.biz_area img{	border-radius:10px;margin-bottom:10px;}
.biz_area  .ttl , .biz_area .no_ttl{
	display:inline-block;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    color:#000;
    font-weight:bold;
    font-size:1.1em;
    transition:0.2s;
}
.biz_area .disc{
	display:inline-block;
    width:100%;
    margin-bottom:0px;
    color:#000;
    font-size:15px;
}
.biz_area .item i{
    color:#E3007F;
    margin-right:5px;
}
.biz_area .item:hover .ttl{color:#E3007F;}

.bizbox{
	padding:20px;
	border:2px solid #ccc;
	border-radius:10px;
}

.bizbox.yellow{

	background-color:#FCF245;

}
.bizbox img{
	max-width:40%;
	height:auto;
}
.bizbox .title{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	font-size:1.4em;
	font-weight:bold;

}
.bizbox .title img{
	vertical-align:bottom;
	margin-right:5px;
	max-width:100%;
	height:auto;
}/*** 代表メッセージ  ***/
.muraki_img{
	float:right;
	width:30%;
	height:auto;
}
.muraki_img img{
	max-width:100%;
	height:auto;
}
.message_blue{
	display:inline-block;
	margin-bottom:20px;
	color:#009fe8;
	font-size:1.4em;
	font-weight:bold;
}

/***  協会･学会への参加 ***/
.semm_area{width:100%;}
.semm_box{
	display:inline-block;
	vertical-align:top;
	width:31%;
	margin-right:2%;
	margin-bottom:30px;
	text-align:center;
}
.semm_box:nth-of-type(3n){margin-right:0px;}
.semm_box .name{
	color:#000;
	font-weight:bold;
	display:inline-block;
	margin:5px 0px 10px;
	font-size:1.1em;
}
.semm_box img{
	max-width:100%;
	height:auto;
	padding:3px;
	border:1px solid #ccc;
}
.other_group .ttl{
	border-bottom:1px solid #999;
	padding-bottom:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.2em;
}

/*** 店舗情報 ***/
.shop_area{margin-top:30px;}
.shop_area .item{
	width:45%;
	margin-right:5%;
	vertical-align:top;
	display:inline-block;
	margin-bottom:50px;
}
.shop_area .item:nth-of-type(2n){ margin-right:0px; }
.shop_area .item img{
	width:230px;
	height:auto;
	border:1px solid #ccc;
	padding:2px;
	background-color:#fff;
}
.shop_area .item .ttl{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
}
.shop_area .item .ttl span{
	display:block;
	font-size:0.8em;
	color:#555;
}
.shop_area .item .addr{
	line-height:1.3em;
}

/***  店舗詳細 ***/
/* 写真のほう */
.shop_l{
	width:40%;
	float:left;
}
.bx-wrapper{
    position:relative;
    margin-bottom:40px!important;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
    box-shadow:none!important;
    border:none!important;
    background:none!important;
}
.shopslider .item{
	height:90px;
}
.shopslider .item .photo{
	display:inline-block;
	width:100%;
	padding-bottom:76%;
}
.bx-wrapper .bx-pager{padding-top:10px!important;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color:#009FE8!important;
}

#mainImage .thum{
	display:inline-block;
	width:100%;
	padding-bottom:67%;	
}

/* 住所のほう */
.shop_r{
	width:58%;
	float:right;
}
.shop_r dt{
	display:inline-block;
	width:40%;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dashed #ccc;
}
.shop_r th{width:120px;}
.shop_r dd{
	display:inline-block;
	width:55%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dashed #ccc;
}
.shop_r dt:last-of-type,
.shop_r dd:last-of-type{margin-bottom:0px;padding-bottom:0px;border:none;}
.shop_map{
	margin-top:30px;
}
.shop_map .radius{
	border-radius:15px;
	overflow:hidden;
	border:2px solid #009FE8;
}
.shop_map iframe{
	width:100%;
	height:320px;
	vertical-align:middle;
}

/* 店舗情報 */
.shop_event .item{
	display:inline-block;
	vertical-align:top;
	width:48%;
	float:left;
	margin-bottom:20px;
}
.shop_event .item:nth-of-type(2n){float:right;}
.shop_event .item img{
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	width:40%;
	height:auto;
}
/* 写真だぜ */
.shop_photos{text-align:center;}
.shop_photos .item{
	display:inline-block;
	width:31%;
	margin-right:2%;
	margin-bottom:30px;
	vertical-align:top;
}
.shop_photos .item:nth-of-type(3n){
	margin-right:0px;
}
.shop_photos .photo{
	display:inline-block;
	width:100%;
	padding-bottom:70%;
	border-radius:10px;
	background-size:cover!important;
}

/***  事業紹介 ***/
.biz_finish{
	display:inline-block;
	border:#d00000;
	color:#d00000;
	padding:5px 10px;
	border:1px solid #d00000;
}

/*** 障がい児通所支援 ***/
.business_shop{
	background-color:#EEFCFF;
	border-radius:10px;
	padding:20px ;
}
.business_shop_ttl{
	float:left;
	display:inline-block;
	background-color:#009FE8;
	border-radius:10px;
	padding:10px 30px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
}
.business_shop .inner{padding-left:190px;}
.business_shop .shop{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #009FE8;
}
.business_shop .shop:last-of-type{border:none;margin-bottom:0px;padding-bottom:0px;}
.business_shop .shop span{
	font-weight:bold;
	color:#009FE8;
	font-size:1.1em;
}
.business_shop .shopinfo{
	float:left;
	margin-bottom:0px;
}
.business_shop .link_to_page{
	display:inline-block;
	padding:5px 15px;
	border:2px solid #009FE8;
	border-radius:10px;
	color:#009FE8;
	float:right;
	text-align:center;
	line-height:1.2em;
	font-weight:bold;
	transition:0.2s;
}
.business_shop .link_to_page:hover{
	background:#009FE8;
	color:#fff;
}

/***  オレンジナンバー ***/
.welfare_userbox{
	padding-left:420px;
}
.welfare_user span{
	display:inline-block;
	padding:3px 10px;
	border:1px solid #009FE8;
	color:#009FE8;
}
.welfare_userbox .ul_under li {
	position:relative;
	padding-left:25px;
}
.welfare_userbox .ul_under li  span{
	min-width:auto;
	position:absolute;
	left:0px;
	top:2px;
	font-weight:normal;
}

.welfare_entry{
	/*background-color:#f2f2f2;
	border-radius:10px;
	margin-bottom:30px;
	padding:20px;
	text-align:center;*/
	border:2px solid #009FE8;
	border-radius:5px;
	padding:20px;
	margin-bottom:30px;
	text-align:center;
	font-size:1.3em;
}
.welfare_entry p span{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	padding-right:30px;
	color:#009FE8;
	font-weight:bold;
	border-right:1px solid #009FE8;
}
.welfare_entry a{
	display:inline-block;
	font-size:1.4em;
}

/***  お助けアイちゃん ***/
.otasuke_userbox{
	padding-left:420px;
}
.otasuke_user span{
	display:inline-block;
	padding:3px 10px;
	border:1px solid #009FE8;
	color:#009FE8;
}

/*** エマージェンシーウィーグル  ***/
.emergency_photos{
	margin-top:30px;
	text-align:center;
	font-size:0px;
}
.emergency_photos img{
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
}
.emergency_photos_ex{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
}
.emergency_photos_ex > img{
	flex:1;
	padding-right:2%;
	width:58%;
}
.emergency_photos_ex > div{
	flex:1;
}
.emergency_photos_ex > div > img{
	display:block;
	width:100%;
	margin-bottom:2em;
}
.emergency_photos img:nth-of-type(3n){margin-right:0px;}

.adam_left {
	width:63%;
	float:left;
}
.adam_right{
	width:35%;
	float:right;
}

/*** 新卒採用 ***/
.rookie_box{
	position:relative;
	width:90%; 
	margin:0 auto;
	border-radius:30px;
	border:4px solid #009FE8;
}
.rookie_ul_container{
	display:inline-block;
	width:100%;
	height:auto;
	margin:20px auto;
}
.rookie_ul_container .left{
	display:inline-block;
	float:left;
	width:38%;
	height:auto;
	margin-right:2%;
	padding-left:20px;
}
.rookie_ul_container .right{
	display:inline-block;
	float:left;
	width:55%;
	height:auto;
	margin-left:2%;
}
.rookie_ul{
    list-style-type:none;
}
.rookie_ul li{
    padding-bottom:15px;
    /* margin-bottom:20px; */
	font-size:17px;
	line-height:2;
}
.rookie_ul li span{
	margin-right:15px;
    padding:5px 10px;
    content:counter(li);
	border-radius:50%;
    border:2px solid #000000;
	background:#fff;
	color:#000000;
	font-size:17px;
    text-align:center;
	line-height:0;
}
.rookie_ul_container .right .rookie_ul li:last-child{
	padding-bottom:0px;
	padding-left:40px;
}
.rookie_box img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 15px 20px 15px;
}
.rookie_emo{
	position:absolute;
	bottom:0;
    right:2px;
}
.rookie_emo img{
	display:block;
	max-width:100%;
	height:auto;
}

/*** ページ名 ***/

/* パーツ */
/* フォーム装飾 */

.tbl_inquiry{
	width:70%;
	margin:50px auto 0px;
}
.tbl_inquiry tr{
	border-bottom:1px solid #ccc;
}
.tbl_inquiry th , .tbl_inquiry td{
	text-align:left;
	padding:20px 10px;
	vertical-align:middle;
}
.tbl_inquiry th span{
	background-color:#F6AD3C;
	border-radius:3px;
	color:#fff;
	display:inline-block;
	float:right;
	padding:2px 10px;
}

/* フォーム装飾 */
input:focus{
    background:#E4E4E4;
}
.wpcf7c-conf{
    background:#ccc;
}
span.wpcf7-list-item{
    margin-left:0px!important;
}
label{
    margin:5px 0px;
    display:block;
}
input.wpcf7-not-validarea.wpcf7-not-valid{
     background:#FFE6E6;
}
input[type="number"],input[type="email"],input[type="text"],input[type="tel"],textarea,select{
    outline:none;
    border:2px solid #ccc;
    padding:8px;
	border-radius:5px;
}

.wpcf7 .wpcf7-response-output{
    margin:10px 0 0;
    padding:8px 35px 8px 14px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.wpcf7 .wpcf7-validation-errors{
    color:#B94A48;
    background-color:#F2DEDE;
    border:1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok{
    color:#3A87AD;
    background-color:#D9EDF7;
    border:1px solid #BCE8F1;
}
input[type="submit"]{
	background-color:#F6AD3C;
	border-radius:3px;
	color:#fff;
	font-weight:bold;
	border:none;
	padding:15px 30px;
	outline:none;
	-webkit-appearance:none;
}
input[type="button"]{
	background-color:#666;
	border-radius:3px;
	color:#000;
	font-weight:bold;
	border:none;
	padding:15px 30px;
	outline:none;
	-webkit-appearance:none;
}
input[type="tel"]#zip{
    margin-bottom:10px;
	width:130px!important;
}

/*トップページ　お知らせ*/

.post_news {
	display: flex;
	padding-bottom: 10px;
}
.post_news .news_day,
.post_news .news_ttl {
	padding-right: 15px;
}

.post_news .new-mark {
	color: #E3007F;
	font-weight: bold;
}

/*-------------------------------------------------
 * ランディングページ：オンライン調剤
 * -------------------------------------------------*/

/*-----------
 * ヘッダ
 * ----------*/

#online header{
    background:none;
    padding-top:0;
}

#online header .inner,
#online .inner{
	width:1180px;
	margin:0 auto;
}
/*ロゴ上のオンライン調剤・服薬指導の文字*/
.logo_sub{
	font-size:24px;
	color:#E30080;
	font-weight:bold;
}

.hd_submenu{
	float:right;
}

/*スライダー*/
#online .top_fotorama{
	width:100%;
}

/*-------------
 * メニュー
-------------*/
.gnav_landing{
	clear:both;
}
.gnav_landing li{
	float:left;
}
.gnav_landing li a{
	display:block;
	padding:5px 10px;
}

/*背景白*/
#online .wrapper_1{
}
/*背景グリーン*/
#online .wrapper_2{
	background-color:#DEF3E2;
}
/*背景ピンク（問い合わせ）*/
#online .wrapper_3{
	background:#E3007F url("img/bg_mizutama.png") no-repeat center center;
	height:200px;
	color:#fff;
	font-weight:bold;
}
/*背景ピンクドット*/
#online .wrapper_4{
	background:url("img/bg_dot.jpg");
}
/*背景薄ピンク（下三角付き）*/
#online .wrapper_5{
	background-color:#FFE8F5;
	position:relative;
    overflow:hidden;
	padding-bottom:calc(10vw + 10px);
}
#online .wrapper_5::before{
   content:'';
      position:absolute;
      bottom:0;
      left:0;
      border-bottom:10vw solid #fff;  /* 三角を白に */ 
      border-left:100vw solid transparent;
}
#online .wrapper_5::after{
  content:'';
      position:absolute;
      bottom:0;
      left:0;
      border-bottom:10vw solid #fff;   /* 三角を白に */ 
      border-right:100vw solid transparent;
}
/*背景グレー*/
.wrapper_6{
	background-color:#FBFBFB;
}

/*-------------
 * 余白
-------------*/
.pb_10{
	padding-bottom:10px;
}
.pt_15{
	padding-top:15px;
}
.plr_15{
	padding:0 15px;
}
.pb_20{
	padding-bottom:20px;
}
.ptb_20{
	padding:20px 0;
}
.p_10{
	padding:10px;
}
.pt_20{
	padding-top:20px;
}
.p_25{
	padding:25px;
}
.p_50{
	padding:50px;
}
.ptb_50{
	padding:50px 0;
}
.pt_30{
	padding-top:30px;
}
.pt_40{
	padding-top:40px;
}
.pt_50{
	padding-top:50px;
}
.pt_100{
	padding-top:100px;
}
.pl_200{
	padding-left:200px;
}

.mt_15{
	margin-top:15px;
}
.spacer_50 {
	padding-top: 50px;
}
.spacer_100 {
	padding-top: 100px;
}
/*-------------
 * 文字
-------------*/
.midashi{
	color:#E30080;
	font-size:40px;
	text-align:center;
	padding-bottom:20px;
}
.midashi2{
	color:#333;
	font-size:26px;
	text-align:center;
	padding-bottom:20px;
	font-weight:bold;
}
.text{
	line-height:180%;
	padding:0 15px;
	font-size:16px;
}
/*---フォントサイズ---*/
.f_12{
	font-size:12px;
}
.f_14{
	font-size:14px;
}
.f_16{
	font-size:16px;
}
.f_18{
	font-size:18px;
}
.f_20{
	font-size:20px;
}
.f_22{
	font-size:22px;
}
.f_24{
	font-size:24px;
}
.f_26{
	font-size:26px;
}
.f_28{
	font-size:28px;
}
.f_30{
	font-size:30px;
}
.f_32{
	font-size:32px;
}
.f_36{
	font-size:36px;
}

/*---フォント---*/
.gothic{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
.mincho{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.marugo{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/*---太字---*/
.b{
	font-weight:bold;
}

/*---文字色---*/
.black{
	color:#333;
}
.kon{
	color:#121E35;
}
.blue {
	color: #004ea2;
}
.pink{
	color:#E30080;
}

.mizu{
	color:#009FE8;
}
.aka{
	color:#cb1426;
}

/*---マーカー---*/
.marker{
	background:-ms-linear-gradient(transparent 60%, #F9CCE6 30%); /*IE用*/
	background:linear-gradient(transparent 60%, #F9CCE6 30%);
	display:inline;
}
.marker.m_ki{
	background:-ms-linear-gradient(transparent 60%, #FFFF99 30%); /*IE用*/
	background:linear-gradient(transparent 60%, #FFFF99 30%);
	display:inline;
}
.marker.m_mizu{
	background:-ms-linear-gradient(transparent 60%, #CCF8FF 30%); /*IE用*/
	background:linear-gradient(transparent 60%, #CCF8FF 30%);
	display:inline;
}
/*-----------------------
文字寄せ
-----------------------*/
/*---左右---*/
.align_left{
	text-align:left;
}
.align_center{
	text-align:center;
}
.align_right{
	text-align:right;
}
/*-----------------------

画像　配置

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

img.alignright{

	float:right;

	padding-left:15px;

}
img.alignrleft{

	float:left;

	padding-right:15px;

}/*---上下---*/
.valign_top{
	vertical-align:top;
}
.valign_middle{
	vertical-align:middle;
}
.valign_bottom{
	vertical-align:bottom;
}

.clear{
	clear:both;
}
.anchor{
    padding-top:70px !important;
    margin-top:-70px !important;
}
/*-----------------------
コンテンツ
-----------------------*/
/*---枠 角丸---*/
.box{
	background-color:#FCEBF2;
	padding:15px;
	border-radius:15px;
}
.box.b_mizu{
	background-color:#E0EBF3;
	padding:30px 10px 0 10px;
}
.box.b_shiro{
	background-color:#FFF;
	border:3px #333 solid;
}
.box.b_shiro.s_pink{
	background-color:#FFF;
	border:3px #E30080 solid;
}
.box.b_shiro2{
	background-color:#FFF;
}
.box.b_pink{
	background-color:#E3007F;
	padding:20px 10px;
	color:#fff;
	height:300px;
	margin-top:30px;
	margin-bottom:150px;
	position:relative;
}
.box.b_pink img{
	position:absolute;
	left:125px;
	bottom:-145px;
}

.box.p_50{
	padding:50px;
}

/*---枠 角---*/
.box_2{
	padding:20px 40px;
	background-color:#FFF;
}

/*---角丸---*/
.kadomaru{
	border-radius:5px;
}

/*---影付き---*/
.b_shadow{
	filter:drop-shadow(2px 2px 4px #ccc);
}

/*---水平線---*/
hr{
 height:4px;
 background-color:#fff;
 margin:10px 10px 20px 10px;
 border:none;
}
/*-----------------------
吹き出し
-----------------------*/
/*---枠線なし＋背景緑---*/
.fuki_1{
	background:#3DA466;
	color:#fff;
	font-weight:bold;
	border-radius:45px;
	display:block;
	font-size:24px;
	text-align:center;
	margin:15px;
	width:750px;
	max-width:100%;
	min-width:200px;
	padding:40px 15px;
	position:relative;
}
.fuki_1:before{
	border:12px solid transparent;
	content:"";
	position:absolute;
}
/*右向き*/
.fuki_1.right:before{
	top:50%;
	left:100%;
	margin-top:-15px;
	border-left:15px solid #3DA466;
}

/*---枠線＋背景白---*/
.fuki_2{
	background-color:#fff;
	border:solid 5px #E30080;
	box-sizing:border-box;
	color:#E30080;
	display:block;
	margin:20px auto;
	max-width:100%;
	min-width:120px;
	padding:10px;
	position:relative;
	width:750px;
	border-radius:45px;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	-webkit-box-shadow:5px 5px 0px 0 #E30080;
    box-shadow:5px 5px 0px 0 #E30080;
}
.fuki_2:before{
	border:12px solid transparent;
	content:"";
	position:absolute;
	z-index:2;
}
.fuki_2:after{
	border:14px solid transparent;
	content:"";
	position:absolute;
	z-index:1;
}

/*下向き*/
.fuki_2.bottom:before{
	bottom:-24px;
	border-top:12px solid #FFF;
	left:50%;
	margin-left:-15px;
}
.fuki_2.bottom:after{
	bottom:-36px;
	border-top:14px solid #E30080;
	left:50%;
}

/*-----------------------
回転
-----------------------*/
.kaiten{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

/*-----------------------
ボタン
-----------------------*/

/*---ボタン（背景色＋白文字）---*/
.btn_1{
	background-color:#C1006A;
	color:#fff;
	display:inline-block;
	padding:12px 15px;
	text-align:center;
	width:300px;
	border-radius:28px;
	font-size:22px;
	font-weight:bold;
	box-shadow:0 -1px 0 rgba(255,255,255,0.5);
}
/*.btn_1:after{
	content:'\f054';
	font-family:"Font Awesome 5 Free";
	float:right;
	font-weight:900;
}*/

.btn_1:hover{
	background-color:#aaa;
	color:#fff;
}

/*---ボタン（背景白＋色文字）---*/
.btn_2{
  background-color:#fff;
  border:1px solid #C1006A;
  color:#C1006A;
  display:block;
  /*margin:0 auto;*/
  padding:5px 15px;
  text-align:center;
  width:250px;
}
a.btn_2{
  color:#C1006A;
}
.btn_2:hover{
	background-color:#C1006A;
	color:#fff; 
}

.btn_shop {
	padding-top: 10px;
}
.btn_shop__item {
	display: inline-block;
	border: 2px solid #009FE8;
    border-radius: 20px;
    padding: 2px 15px;
	margin-right: 5px;
    font-size: 14px;
    color: #333;
}
/*-----------------------
分割
-----------------------*/
.col{
	letter-spacing:-1em;
	margin:0;
	width:100%;
}
.col_inner{
	box-sizing:border-box;
	display:inline-block;
	list-style:none;
	letter-spacing:0em;
	vertical-align:top;
	width:50%;
}
.w_5{
	width:5%;
}
.w_20{
	width:20%;
}
.w_25{
	width:25%;
}
.w_30{
	width:30%;
}
.w_33{
	width:33.333%;
}
.w_40{
	width:40%;
}
.w_45{
	width:45%;
}
.w_55{
	width:55%;
}
.w_60{
	width:60%;
}
.w_66{
	width:66%;
}
.w_70{
	width:70%;
}
.w_75{
	width:75%;
}
.col_inner img {
	max-width: 100%;
}

/*-----------------------
リスト
-----------------------*/
/*---箇条書きリスト---*/
ul.list{
	list-style-type:none;
}
ul.list li{
	margin:0 0 15px 18px;
	padding:0;
	position:relative;
	font-size:22px;
}
ul.list li:before{
	content:'●';
	left:-18px;
	position:absolute;
	color:#E3007F;
}

ul.list.f16 li{
	font-size:16px;
}

ul.list.f16 strong{
	font-weight:bold;
}

ul.list.seizai li{
	font-size:16px;
	margin:7px 0 0 18px;
}

ol.list{
  counter-reset:item;
  list-style-type:none;
  padding-left:0;
}

ol.list li{
  text-indent:-1.3em;
  padding-left:1.3em;
  padding-bottom:10px;
}
ol.list li:before{
  counter-increment:item;
  content:counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right:.5em;
  font-weight:bold;
  color:#E30080;
}
/*-----------------------
テーブル
-----------------------*/
/*---下線付き---*/
table.t_1 th,
table.t_1 td{
	border-bottom:1px solid #333;
}

/*---th背景色付き---*/
table.t_2{
	width:100%;
	border-top:1px solid #333;
	border-left:1px solid #333;
}
table.t_2 th,
table.t_2 td{
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:10px;
}
table.t_2 th{
	background-color:#efefef;
	border-right:1px solid #333;
}

table.t_2 strong{
	font-weight:bold;
}

/* 薬局製剤の流れ */
table.seizai{
	width:100%;
	
}
table.seizai td{
	vertical-align:middle;
	text-align:center;
}
table.seizai td.waku{
	background-color:#fde0f5;
	padding:15px;
	border-radius:15px;
}

/*体験会の感想*/
table.kanso {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}
table.kanso th {
	width: 100px;
	padding: 5px 10px;
}
table.kanso td {
	padding: 5px 10px;
}

table.top_message {
	margin-top: 10px;
}
table.top_message th {
	width: 230px;
}
table.top_message th,
table.top_message td {
	padding-bottom: 10px;
}
table.top_message td ul.list li {
	font-size: 16px;
	margin-bottom: 0;
}

/*問い合わせ*/
.con_ura{
	float:left;
}

.con_moji{
	width:200px;
	float:left;
	padding-top:20px;
	font-size:26px;
	text-align:center;
	font-weight:bold;
}
.tab_on{
	display:none;
}

hr.dot{
	display:block;
	height:1px;
	border:0;   
	border-top:2px dotted #999;
	margin:1em 0 2em 0;
	padding:0;
}
/*-----------------------
よくある質問
-----------------------*/
.qa{
	margin:30px 0;
}
.qa .q_no{
	background-color:#E30080;
	height:70px;
	width:70px;
	border-radius:35px;
	font-size:28px;
	text-align:center;
	padding-top:16px;
	color:#fff;
	float:left;
	font-weight:bold;
	margin-right:15px;
	margin-bottom:20px;
}
.qa .q_no.a{
	background-color:#fff;
	border:4px solid #E30080;
	color:#E30080;
	width:calc(100%-85px);
	float:left;
}

.qa .q_naiyo{
	font-size:20px;
	color:#333;
	font-weight:bold;
	padding-top:20px;
}
.qa .a_naiyo{
	font-size:18px;
	padding-top:20px;
	width:calc(100% - 85px);
	float:left;
}

.qa .a_naiyo .a_midashi{
	font-weight:bold;
	color:#E30080;
}
/*-----------------------
零売薬局
------------------------*/
.reibai_shop_text{
    color: #ff4040;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    border: 3px solid #ff4040;
    border-radius: 12px;
    padding: 12px;
    max-width: 600px;
    margin: auto;
}

.col.reibai_shop{
	max-width: 650px;
	margin: auto;
}
.col.reibai_shop .col_inner{
	width: 50%;
	display: inline-block;
	text-align: center;
}

.col.reibai_flow{
	margin-top:150px;
	position:relative;
}
.col.reibai_flow:before{
	content:'';
	position:absolute;
	left:100px;
    top:-20px;
    display:inline-block;
    width:800px;
	height:15px; /*下線の太さ*/
	background-color:#FFA9A9;
}

.col.reibai_flow .col_inner{
	padding-top:80px;
	position:relative;
	text-align:center;
}

.col.reibai_flow .col_inner.rn_01:before,
.col.reibai_flow .col_inner.rn_02:before,
.col.reibai_flow .col_inner.rn_03:before{
	position:absolute;
	content:'';
	background:url(img/reibai/nagare_01.png) no-repeat;
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	top:-100px;
    left:calc(50% - 75px);
	width:151px;
	height:164px;
}
.col.reibai_flow .col_inner.rn_01:before{
	background:url(img/reibai/nagare_01.png) no-repeat;
}
.col.reibai_flow .col_inner.rn_02:before{
	background:url(img/reibai/nagare_02.png) no-repeat;
}
.col.reibai_flow .col_inner.rn_03:before{
	background:url(img/reibai/nagare_03.png) no-repeat;
}

/*-----------------------
ブログ（四コマ漫画）
-----------------------*/
.single_main {
	width: 750px;
	float: left;
}

.single_main h4 {
	color:#e3007f;
	font-size: 19px;
	padding-top: 25px;
}

.single_main h4 .h4_sub {
	font-size: 14px;
}
.single_main.cat {
	padding: 60px 0px;
}

.single_side {
	width: 230px;
	float: right;
	padding-left: 20px;
}

.single_side li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}


/*四コマ漫画（カテゴリ）*/
.col.manga .col_inner {
	width: 33.33%;
	padding: 30px 10px;
}

.col.manga h4 a {
	color: #333;
	font-weight: bold;
}

.col.manga .col_inner img {
	width: 100%;
	height: auto;
}
/*-----------------------
デバイス
-----------------------*/
.mob_on{
	display:none;
}
.mob_off{
	display:inherit;
}

/*------------------------------------------
タブレット 縦サイズ
------------------------------------------*/
@media screen and (max-width:1024px){
	/*-----------------------
	デバイス
	-----------------------*/
	/*---タブレット---*/
	.tab_on{
		display:inherit;
	}
	.tab_off{
		display:none;
	}
	
	#online header .inner,
	#online .inner{
		width:calc(100% - 20px);
		padding:0 10px;
	}
	
	#online article img{
		max-width:100%;
		height:auto;
	}

	/*背景ピンク（問い合わせ）*/
	#online .wrapper_3{
		background:#E3007F url("img/bg_mizutama.png") no-repeat center center;
		height:auto;
	}
	
	#online .wrapper_3 .col_inner.w_30 {
		width:50%;
		text-align:center;
	}
	
	#online .wrapper_3 .btn_1{
    	display:inline-block;
	}
	
	#online .wrapper_3 .col_inner.w_40{
		width:100%;
	}	
}

/*------------------------------------------
スマホ 横サイズ
------------------------------------------*/
@media screen and (max-width:896px){
	/*-----------------------
	デバイス
	-----------------------*/
	/*---スマホ---*/
	.mob_on{
		display:inherit;
	}
	.mob_off{
		display:none;
	}

	/*-----------------------
	基本レイアウト
	-----------------------*/
	body{
		width:100%;
	}

		
	/*-----------------------
	テーブル
	-----------------------*/
	/*---下線付き---*/
	table.t_1 th,
	table.t_1 td{
		display:block;
		width:100%;
	}
	table.t_1 td{
		border-bottom:none;
		margin-bottom:10px;
	}
	table.t_1 tr:last-child td{
		margin-bottom:0;
	}

	/*---th背景色付き---*/
	table.t_2 th,
	table.t_2 td{
		display:block;
		width:100%;
	}
	table.t_2 th{
		/*border-right:none;*/
	}
	table.t_2 tr:last-child th{
		border-bottom:1px solid #000;
	}

	table.t_2.none{
		width:1000px;
	}
	
	table.t_2.none th,
	
	table.t_2.none td{
		display:table-cell;
		width:auto;
	}

	.scroll-table{
	  overflow:auto;
	  white-space:nowrap;
	  border:solid 1px #ddd;
	}
	.pl_200{
		padding-left:50px;
	}
	
	/*フッタメニュー*/
	.sitemap_ul{
		width:47%;
	}

	/*零売薬局：メリット*/
	.col.merit .col_inner{
		width:100%;
	}

	table.top_message th {
		width: 100%;
		font-weight: bold;
		padding-bottom: 5px;
	}

	table.top_message th,
	table.top_message td {
		display: block;
	}
	table.top_message td ul.list li {
	font-size: 14px;
}
}

/*------------------------------------------
四コマ漫画 750px～
------------------------------------------*/
@media screen and (max-width:750px){
	.w1000.manga {
		width: 100%;
	}

	.w1000.manga .single_main,
	.w1000.manga .single_side {
		width: 100%;
		float: none;
	}
	.w1000.manga .single_side aside {
		width: 100%;
		padding-bottom: 60px;
	}
	.w1000.manga .single_side > div {
		padding-bottom: 60px;
	}
}

/*------------------------------------------
スマホ 640px～
------------------------------------------*/
@media screen and (max-width:640px){
	/*-----------------------
	スマホメニュー
	-----------------------*/
	.slicknav_nav li{
		position: relative;
	}

	.sp_menu_btn:before{
		content: "\f067";
		font-family: "FontAwesome";
		position: absolute;
		right: 20px;
		top: 18px;
		font-size: 20px;
		color: #009fe8;
	}

	.slicknav_nav li .sp_menu_wrapper{
		background-color: #d9f3ff;
	}

	.slicknav_nav li.nav_recruit .sp_menu_wrapper{
		background-color: #fff1d4;
	}

	.slicknav_nav li.nav_recruit .sp_menu_btn:before{
		color: #f4a300;
	}

	.slicknav_nav li.nav_company .sp_menu_wrapper{
		background-color: #ffedf7;
	}

	.slicknav_nav li.nav_company .sp_menu_btn:before{
		color: #e3007f;
	}

	.sp_menu_btn.open:before{
		content: "\f068";
	}

	.sp_menu_wrapper{
		color: #333;
	}

	.sp_menu_box{
		display: flex;
	}

	.col.manga .col_inner {
		width:50%;
	}
}

/*------------------------------------------
スマホ 縦サイズ
------------------------------------------*/
@media screen and (max-width:480px){

	img{
		max-width:100%;
		height: auto;
	}
	
	.youtube iframe{
		width:100%;
	}
	
	/*-----------------------
	リンク
	-----------------------*/
	/*---電話番号---*/
	a[href*="tel:"]{
		/*color:#24890d;*/
		pointer-events:unset;
	}

	/*---ボタン（背景色＋白文字）---*/
	.btn_1{
		width:90%;
	}
	
	#online header{
		background:#fff;
		padding-top:8px;
	}
	#online article{
		margin-top:0;
	}

	#online .inner.ptb_50{
		padding:40px 10px;
	}
	.plr_15{
		padding:0;
	}
	#online .wrapper_3{
	background:#E3007F url("img/bg_mizutama_m.png") no-repeat center center;
	}
	
	.wrapper_3 .f_32{
		font-size:30px;
	}
	/*-----------------------
	分割
	-----------------------*/
	.col_inner,
	#online .wrapper_3 .col_inner.w_30,
	.col.manga .col_inner {
		width:100%;
		display:block;
	}
	
	.col_inner img{
		max-width:100%;
		height:auto;
	}
	
	/*-----------------------
	テーブル
	-----------------------*/
	/*---下線付き---*/
	table.seizai td{
		display:block;
		width:100%;
	}
	
	/*-----------------------
	回転
	-----------------------*/
	.kaiten{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	.pl_200{
		padding-left:10px;
	}
	
	/*-----------------------
	吹き出し
	-----------------------*/
	.fuki_1{
		margin:0;
		width:auto;
	}
	/*右向き⇒下向き*/
	.fuki_1.right:before{
		margin-top:auto;
		border-left:15px solid transparent;
		top:100%;
		left:50%;
		margin-left:-15px;
		border-top:15px solid #3DA466;
	}
	
	.fuki_2{
	    border-radius:24px;
    	font-size:26px;
	}
	
	.p_25.m_s{
		padding:10px;
	}
	
	/*---枠 角---*/
	.box_2{
		padding:20px;
	}
	
	/*-----------------------
	零売薬局（流れ）
	------------------------*/
	.col.reibai_flow:before{
		left:75px;
		top:15px;
		width:15px;
		height:70%;
		background-color:#fff;
	}	.col.reibai_flow .col_inner{
		text-align:left;
		width:100%;
		padding-left:170px;
		padding-top:0;
	}
	
	.col.reibai_flow .col_inner.p_25{
		padding:10px 0 10px 80px;
	}

	.col.reibai_flow .col_inner.rn_01:before,
	.col.reibai_flow .col_inner.rn_02:before,
	.col.reibai_flow .col_inner.rn_03:before{
		top:0;
		left:0;
		width:70px;
   		background-size:contain;
	}
}

.grecaptcha-badge{
	margin:35px auto 0;
}

.mizu_bg{
	padding:10px 20px;
	border-radius:10px;
	background:#e0ebfc;
}
.mizu_bg.yohaku {
	padding: 20px 50px;
}

/*-----------------------
	一包化
------------------------*/

.gray_bg{
	padding:40px 100px;
	border-radius:10px;
	background:#F4F4F4;
}

.gray_bg > p{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#009FE8;
}


.odp_list{
	padding-right:30px;
}

.odp_list > li{
	position:relative;
	padding-left:25px;
	margin:20px 0px;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.odp_list > li::before{
	position:absolute;
	content:'●';
	top:-8px;
	left:0;
	font-size:30px;
	color:#009FE8;
}
.odp_list_2{
	padding-right:30px;
}

.odp_list_2 > li{
	position:relative;
	padding-left:25px;
	margin:5px 0px;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.odp_list_2 > li::before{
	position:absolute;
	content:'●';
	top:-8px;
	left:0;
	font-size:30px;
	color:#009FE8;
}

.odp_timing{
	position:relative;
	padding:20px;
	margin:80px auto 30px auto;
	width:80%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:white;
	background-color:#009FE8;
	border-radius:25px
}

.odp_timing::after{
	position:absolute;
	content:'';
	top:75px;
	right:200px;
	width:39px;
	height:26px;
	background-image:url('http://urapyon.com/yws/wp-content/themes/ymt_theme/img/odp/odp_fukidashi.png');
	background-repeat:no-repeat;
}

.odp_check > p{
	padding:20px;
	margin:130px auto 30px auto;
	width:85%;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	border:3px solid #009FE8;
	border-radius:50px;
	color:#009FE8;
}

.under_line-blue{
	background:linear-gradient(transparent 55%, #BFE7F9 0%);
}

.under_line-pink{
	background:linear-gradient(transparent 55%, #e3007f4f 0%);
}
.odp_ttl-blue{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#009FE8;
}

.odp_box{
	padding:20px;
	border:2px solid #ccc;
	border-radius:10px;
}
.odp_box.bg_pink {
	background-color: #FFEBF0;
	border: 0;
}

/*-----------------------
ネット受付
------------------------*/
.net_pink{
	font-size:18px;
	color:#E3007F;
}

.net_back{
	background-color:#f0f0f0;	
}

.net_text{
	line-height:180%;
	font-size:16px;
}
.net_pink2{
	color:#e3007f;
}

.back_line{
	position:relative;
}

.back_line::after{
	content:'';
	position:absolute;
	background-color:rgba(0,159,232,0.5);
	left:100px;
	top:25%;
	display:inline-block;
	width:800px;
	height:15px;
	z-index:-100;
}
.f_l{
	float:left;
}
.m_auto{
	margin:30px auto 50px auto;
	text-align:center;
	display:block;
}
.m_auto2{
	text-align:left;
	display:inline-block;
}
.m_auto2.net{
	line-height:1.6;
}
.net_img_center{
	margin:0 auto;
	text-align:center;
	display:block;
}

.net_hover{
	transition:.3s;
}
.net_hover:hover{
	transform:translate(2px,4px);
}
.net_store{
	margin:10px auto 40px auto;
	text-align:center;
	display:block;
	text-align:center;
	display:block;
}
.mt_20{
	margin-top:20px !important;
}
.mt_50{
	margin-top:50px !important;
}
.mt_250{
	margin-top:250px;
}

.col.reibai_flow2{
	margin-top:150px;
	position:relative;
}
.col.reibai_flow2:before{
	content:'';
	position:absolute;
	left:100px;
	top:-20px;
	display:inline-block;
	width:800px;
	height:15px; /*下線の太さ*/
	background-color:rgba(0,159,232,0.5);
}

.col.reibai_flow2 .col_inner{
	padding-top:80px;
	position:relative;
	text-align:center;
}

.col.reibai_flow2 .col_inner.rn1_01:before,
.col.reibai_flow2 .col_inner.rn1_02:before,
.col.reibai_flow2 .col_inner.rn1_03:before,
.col.reibai_flow2 .col_inner.rn1_04:before,
.col.reibai_flow2 .col_inner.rn1_05:before{
	position:absolute;
	content:'';
	background:url(img/net/net_flow01.png) no-repeat;
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	top:-100px;
	left:calc(50% - 75px);
	width:160px;
	height:160px;
}
.col.reibai_flow2 .col_inner.rn1_01:before{
	background:url(img/net/net_flow01.png) no-repeat;
}
.col.reibai_flow2 .col_inner.rn1_02:before{
	background:url(img/net/net_flow02.png) no-repeat;
}
.col.reibai_flow2 .col_inner.rn1_03:before{
	background:url(img/net/net_flow03.png) no-repeat;
}
.col.reibai_flow2 .col_inner.rn1_04:before{
	background:url(img/net/net_flow04.png) no-repeat;
}
.col.reibai_flow2 .col_inner.rn1_05:before{
	background:url(img/net/net_flow05.png) no-repeat;
}

.net_center{
	text-align:center;
}.shop_area img{

	margin-bottom:10px;

}.shop_area p{

	margin-bottom:0px;

}.youtube{

	width:100%;

	aspect-ratio:16 / 9;

}

.youtube iframe{

	width:100%;

	height:100%;

}

/*-----------------------
岡大薬学部講座
------------------------*/
.h_blue {
    background-color: #004ea2;
	margin-top: 50px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
	text-align: center;
}

iframe.i_youtube {
	max-width: 100%;

	@media screen and (max-width:560px){
		width: 100%;
	}
}

table.t_kyousitu {
	width: 100%;
}
table.t_kyousitu th,
table.t_kyousitu td {
	padding-bottom: 10px;
}
table.t_kyousitu th {
	width: 80px;
	text-align-last: justify;
	color: #004ea2;
}
table.t_kyousitu td {
	padding-left: 25px;
}

/*-----------------------
処方箋ネット受付
------------------------*/
.net_box{
	padding:20px 30px;
	border:2px solid #ccc;
	border-radius:10px;
}
.net_box .net_ttl {
	background-color: #004ea2;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	padding: 10px;
	border-radius:10px;
	margin-bottom: 20px;
}

.net_box .net_tel {
	font-size: 28px;
	font-weight: bold;
	padding-top: 20px;
}
.net_box .net_tel::before {
	content: url(/img/tel.webp);
	padding-right: 10px;
}
.net_box .sub_ttl {
	font-size: 18px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}
/*------------------------------------------
スマホ？
------------------------------------------*/
@media screen and (max-width:896px){

	.gray_bg{
		padding:30px 15px;
	}
	
	.gray_bg > p{
		font-size:22px;
	}
	
	.odp_list > li{
		font-size:18px;
	}

	.odp_list > li::before{
		top:-10px;
	}
	
	.odp_check > p{
		margin:60px auto 30px auto;
		width:100%;
		text-align:left;
		font-size:20px;
	}
	
	.odp_list_2{
		padding-right:0px;
	}
	
	.odp_list_2 > li{
		margin:15px 0px;
	}
	
	.odp_ttl-blue{
		font-size:22px;
	}
}

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

	.odp_timing{
		padding:20px;
		margin:80px auto 40px auto;
		width:100%;
		font-size:22px;
	}

	.odp_timing::after{
		top:150px;
		right:100px;
	}
}



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

	.sp_mt25{
		margin-top:25px;
	}

	.mt_250{
		margin-top:0px;
	}

	.back_line::after{
		display:none;
	}

	.sp_side{
		display:flex;
	}

	/*-----------------------
	零売薬局
	------------------------*/
	.col.reibai_shop .col_inner{
		width: 100%;
		display: block;
		margin-top: 50px;
	}

	.col.reibai_shop .col_inner:first-child{
		margin-top: 0;
	}

	.col.reibai_flow2{
		margin-top:0px;
	}

	.col.reibai_flow2:before{
		left:75px;
		top:15px;
		width:15px;
		height:70%;
		background-color:#fff;
	}.col.reibai_flow2 .col_inner{
		text-align:left;
		width:100%;
		padding-left:170px;
		padding-top:0;
	}

	.col.reibai_flow2 .col_inner{
		padding:10px 0 20px 80px;
	}

	.col.reibai_flow2 .col_inner.rn1_01:before,
	.col.reibai_flow2 .col_inner.rn1_02:before,
	.col.reibai_flow2 .col_inner.rn1_03:before,
	.col.reibai_flow2 .col_inner.rn1_04:before,
	.col.reibai_flow2 .col_inner.rn1_05:before{
		top:0;
		left:0;
		width:70px;
		background-size:contain;
	}

	.net_center{
		text-align:left;
	}.shop_area{

		text-align:center;

		margin-top:0px;

	}/***  お役立ちツール ***/
	.money_item_wrapper{
		display:block;
	}
	.money_item_wrapper .money_item{
		max-width:300px;
		width:100%;
		display:block;
		margin:auto;
	}
	.money_item_wrapper .money_item:not(:first-child){
		margin-top:30px;
	}

	.money_item_wrapper .money_item:nth-of-type(3n){
		margin:30px auto 0;
	}

	.kiki_item_wrapper .kiki_item{
		width:50%;
		padding:0 10px;
		margin:0 0 60px;
	}

	.pyonsatsu_item_wrapper{
		display:block;
	}

	.pyonsatsu_item_wrapper .pyonsatsu_item{
		width:100%;
		padding:0;
	}
}