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



/* レスポンシブ */

body {font-size:14px;}

.max100 {max-width:100%;height:auto;display:block;margin:0 auto 10px;}

.res-none {display:none!important;}

.res-block {display:block;} 

.f-right.ml20 , .f-left.mr20 ,

.f-right.ml10 , .f-left.mr10{

	display:block;

	margin:0px auto 10px;

	float:none;

	max-width:100%;

	height:auto;

}

.sp_center {text-align:center;}



/* 見出し */

.top_colorline {

	padding:20px 0px;

	font-size:20px;

}

.top_colorline img {width:35px;height:auto;}

.h_under {font-size:18px;}



/* テーブル */

.tbl_temp th, .tbl_temp td {

    display: block;

    width: 100%;

    border-bottom: none!important;

}



.top_whole_seller .left, .top_whole_seller .right{

	float:none;

	clear:both;

	width:100%;

	

}



/*******************************

/* コンテンツ幅

********************************/

header .inner , 

footer .inner ,

.w1000,

.w600 {

	width:100%;

}

.w1000,

.w600 {

	padding-right:15px;

	padding-left:15px;

}

article {

	margin-top:50px;

}



/*** カラム組 ***/

.col1-s {width: 98%;}

.col2-s {width: 48%;}

.col3-s {width: 31.33333%;}





/*******************************

/* ヘッダー

********************************/

header {

	position:fixed;

	top:0px;

	left:0px;

	width:100%;

	height:50px;

	padding:8px 0px 0px;

	background-size:100% 3px!important;

	z-index:999;

	

	background: white;

	box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);

	-moz-box-shadow:0px 3px 1px -1px rgba(0,0,0,0.2);

}

header .inner {

	padding:0px;

}

.hd_left img {

	width:auto;

	height:35px;

	margin-left:10px;

}

.hd_right {display:none;}



/* ナビ */



.js #menu {

	display:none;

}

.js .slicknav_menu {

	display:block;

}

.slicknav_btn {

	top:0px!important;

	right:0px!important;

	width:50px!important;

	height:50px!important;

	margin:0px!important;

	padding:5px!important;

	border-radius:0px!important;

	background-color:#009FE8!important;

}

.slicknav_menu .slicknav_icon {

	float:none!important;

	margin:0 auto!important;

}

.slicknav_menu .slicknav_icon-bar {

	width:80%!important;

	height:4px!important;

	margin:0 auto 4px!important;

	-webkit-box-shadow:none;

    -moz-box-shadow:none;

    box-shadow: none;

}

.slicknav_menu .slicknav_menutxt {

	font-size:12px;

	text-shadow:none!important;

	margin:0 auto 3px!important;

	float:none!important;

	text-align:center;

}

.slicknav_nav {

	top:50px!important;

	z-index:900!important;

	box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);

	-moz-box-shadow:0px 3px 1px -1px rgba(0,0,0,0.2);

}

.sp_nav_icon {

	display:inline-block;

	margin-right:10px;

	width:25px;

	height:25px;

	vertical-align:middle;

}

/* スマホの時のみ */

.slicknav_nav .res-block {

	display:table;

	width:100%;

}

.sp_menu {

	display:table-cell!important;

	width:50%;

}

.sp_menu:nth-of-type(2n) {border-left:1px solid #ccc;}



/*******************************

/* フッター

********************************/

footer .inner {padding:0px 15px;}

.sitemap_ul {

	width:100%;

	margin-right:0px;

	margin-bottom:30px;

}/*

.ft_sitemap .ttl {

	border-radius:0px;

	color:#fff!important;

}



.ft_sitemap .ttl.user {background-color:#009FE8;}

.ft_sitemap .ttl.doctor {	background-color:#73BC00;}

.ft_sitemap .ttl.recruit {background-color:#F4A300;}

.ft_sitemap .ttl.company{background-color:#E3007F;}*/



.ft_sitemap .parent {

	margin:0px;

	font-size:0px;

}

.ft_sitemap .parent li{

	/*display:inline-block;

	width:50%;*/

	margin-right:0px;

	font-size:13px;

	vertical-align:top;

}

.ft_sitemap .parent li:before {}

.ft_sitemap .child {margin-left:10px;}



/* 情報 */

.ft_info {padding:15px;}

.ft_info  .ft_logo {

	width:180px;

	height:auto;

	margin-bottom:5px;

}



/*******************************

/* トップページ

********************************/

/* スライダー */

.slider_area {padding:0px;}

.top_fotorama {width:100%!important;}



/*** 新着情報 ***/

.latest-info {

	display: flex;

	flex-flow: column nowrap;

}



.latest-item {

	display: flex;

	justify-content: space-between;

	margin-bottom: 2.2em;

}



.latest-info a:last-child .latest-item {

	margin-bottom: 0;

}



.latest-item .latest-img {

	min-width: 120px;

	height: 140px;

	overflow: hidden;

}



.latest-item .meta-cover {

    width: 220px;

    margin: 0 0 0 1em;

}



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

.top_yakuzaishi {padding-top:0px;}

.a_blue.mr20 {margin-right:0px;}



.user_submenu .item {

	width:48%;

	margin-right:2%;

	margin-bottom:20px;

}

.user_submenu .item  img {

	display:block;

	margin:0 auto ;

	max-width:100%;

	height:auto;

}

.user_submenu .item:nth-of-type(2n) {

	margin-right:0px;

}

.user_submenu .item .ttl {

	font-size:15px;

	letter-spacing:-0.05em;

}



/*** ドクター開業支援  ***/

.bnr_doctor img {margin-bottom:0px!important;}



/*** 採用情報 ***/

.recruit_area {margin-bottom:20px;}

.recruit_area .item {

	width:100%;

	margin-right:0%;

	margin-bottom:20px;

}

.recruit_area .item  img {

	display:block;

	margin:0 auto ;

	max-width:100%;

	height:auto;

}

.recruit_area .item:nth-of-type(2n) {

	margin-right:0px;

}

.recruit_area  .item .ttl {

	font-size:15px;

	letter-spacing:-0.05em;

}

.recruit_area .item .disc {

	font-size:13px;

}

/* イベント情報 */

.recruit_event {

	padding:30px 0px;

}

.recruit_event .inner {padding:0px 15px;}

.h_orange_line {

	padding:10px 0px;

	font-size:18px;

}

.event_post {padding-top:20px;}

.event_post .item {

	width:100%;

	margin-right:0px;

	margin-bottom:10px;

	padding:10px;

}

.event_post .item a {

	display:inline-block;

	font-size:15px;

	line-height:1.2em;

	margin-bottom:10px;

}

.event_post .item .disc {display:none;}

.event_menu {

	padding:10px 5px;

	text-align:center;

	margin-top:10px;

}

.event_menu .category {

	padding:0px 12px 0px 7px!important;

	margin-right:0px;	

}

.event_menu .more {margin-top:10px;}



/*******************************

/* 下層共通

********************************/

.h1_area {padding:15px 5px;}

.pagettl {font-size:24px;}

.h1_icon {

	width:30px;

	margin-right:10px;

}

.breadcrumbs {

	width:100%;

	font-size:10px;

}

/* 下層リンク */

.other_page a {

	width:100%;

	margin-right:0px;

	margin-bottom:15px;

	font-size:1em;

}

.other_page img {

	width:70px;

	height:auto;

	margin-right:10px;

}



/*******************************

/* 患者様へ

********************************/





/*** 患者様トップ ***/

.user_menus .item{

	width:48%;

	margin-right:2.2%;

}

.user_menus .item:nth-of-type(3n) {margin-right:2%;}

.user_menus .item:nth-of-type(2n) {margin-right:0px;}

.user_menus .item img {margin-bottom:0px;}

.user_menus .item .disc {font-size:13px;}





/*** アイ薬局の薬剤師  ***/



.dispenser_work .work_l,

.dispenser_work .work_r{

	width:100%;

	float:none;

	margin-bottom:40px;

}

.dispenser_work .work_l a {

	margin-top:10px;

}

/*** お問い合わせ ***/

.tbl_inquiry {

	width:100%;

}



input[type="number"],input[type="email"],input[type="text"],input[type="tel"],textarea,select {

	width:100%;

}

#zip {width:51%;}



.contact_way {

	width:100%;

	float:none;

	margin-bottom:20px;

}

/*** ジェネリック医薬品 ***/

.generic_col2 {

	width:100%;

	float:none;

}

/***  お役立ちツール ***/

.money_item {

	width:100%;

	margin-right:0%;

}

.useful_handbook {

	width:100%;

	margin-right:0%;

}



/*** オリジナル商品 ***/

.turu_btn {

	width:90%;

	padding:10px 10px 10px 45px;

	font-size:15px;

	position:relative;

}

.turu_btn .pdf_icon {

	position:absolute;

	top:0px;

	bottom:0px;

	left:10px;

	width:35px;

	height:auto;

	margin:auto;

}



/***  健康サポート薬局 ***/

.support_role .f-right,

.support_role .f-left,

.use_merite_l , 

.use_merite_r {

	float:none;

	width:100%;

	margin-bottom:40px;

}



/*******************************

/* ドクター開業支援

********************************/

.support_menu a{

	width:48%;

	padding:10px 5px 5px;

	font-size:1em;

}

/* 開業支援 */

.h_point {text-align:center;}

.h_point span{margin-right:0px;}

.sup_point {

	width:100%;

	margin-bottom:30px;

	margin-right:0px;

}





/* 相談業務 */



.tbl_support {

	width:100%;

	margin:0 auto;

}

.tbl_support th {width:100%;}





/*******************************

/* 採用情報

********************************/

/*** 採用情報 ***/

.bg_recruit {

	background:none;

	padding-bottom:0px;

}

.recruit_menus .item{

	width:48%;

	margin-right:2.2%;

}

.recruit_menus .item:nth-child(3n) {margin-right:2%;}

.recruit_menus .item:nth-child(2n) {margin-right:0px;}

.recruit_menus .item img {margin-bottom:0px;}

.recruit_menus .item .disc {font-size:13px;}

.recruit_youtube .w70 { 

	width:100%;

}



/*** 先輩からのメッセージ  ***/

.mssg_box .catch{

	font-size:1.2em;

	line-height:1.4em;

	margin-bottom:10px;

}

.mssg_box .staff_info {

	margin-bottom:15px;

	line-height:1.3em;

	text-align:center;

}

.mssg_box .staff_info .bold {font-size:1.1em;}

.mssg_box .txt {margin-top:20px;}

.mssg_box .cont_r {	padding-left:0px;}

.mssg_box .cont_l {	padding-right:0px;}

.mssg_box img {

	max-width:80%!important;

	height:auto;

}



/*** ワークスタイル ***/

.workstyle_text {margin-bottom:20px;}

.workstyle_text p {padding-top:0px;}

.careerplan {padding:50px 10px;font-size:14px;}

 

.event_office .item {

	width:100%;

	marginb-right:0px;

	margin-bottom:20px;

}







/*** 入社までの流れ ***/

.flow_area {margin-top:20px;}

.flow_item {

	width:100%;

	margin:0 auto 50px;

	position:relative;

}

.flow_icon {

	display:block;

	width:100%;

	height:auto;

	padding:10px 10px;

	border-radius:10px 10px 0px 0px;

	margin:0px;

}

.flow_icon:after {display:none;}

.flow_txt {

	display:block;

	width:100%;

	margin-left:0px;

	padding:20px 15px;

	background-color:#f2f2f2;

}

.flow_item .h_bold {

	color:#F4A300;

	border-color:#F4A300;

}

.flow_item:after {

	content:"";

	width: 0;

	height: 0;

	border: 30px solid transparent;

	border-top: 20px solid #eee;

	position:absolute;

	bottom:-60px;

	left:0px;

	right:0px;

	margin: auto;

}

 

/*** 教育研修プログラム ***/

.training_site .item {    width: 48%;}

.training_site .item:nth-of-type(3n) {margin-right:2%;}

.training_site .item:nth-of-type(2n) {margin-right:0px;}

.training_site .title {

    font-size: 1em;	

	line-height:1.3em;

}



.training_ul li {font-size:11px;}

.training_seminar .item {    width: 48%;}

.training_seminar .item:nth-of-type(3n) {margin-right:2%;}

.training_seminar .item:nth-of-type(2n) {margin-right:0px;}

.training_seminar .disc {

    font-size: 1em;	

	line-height:1.3em;

}



/*** 募集要項ページ  ***/

.tbl_recruit {width:100%;}

.tbl_inquiry input.year {width:90%!important;margin:0px 5px 10px 0px;}

.tbl_inquiry select.month {width:40%;margin:0px 5px 5px 0px;}

.tbl_inquiry select.day {width:40%;margin:0px 0px 5px 5px;}



/*******************************

/* 企業情報

********************************/



/*** 企業情報トップ ***/

.company_menus .item{

	width:48%;

	margin-right:2.2%;

}

.company_menus .item:nth-of-type(3n) {margin-right:2%;}

.company_menus .item:nth-of-type(2n) {margin-right:0px;}

.company_menus .item img {margin-bottom:0px;}

.company_menus .item .disc {font-size:13px;}



/*** アイ薬局のこだわり  ***/

.relax_space .item  {

	float:none!important;

	display:inline-block;

	width:48%;

	margin-right:2%;

	vertical-align:top;

}

.relax_space .item:nth-of-type(2n) {

	float:none;

	margin-right:0px;

}

.relax_space .item img {

	width:100%;

}





/*** 事業紹介 ***/

.biz_area .item{

	width:48%;

	margin-right:2.2%;

}

.biz_area .item:nth-of-type(3n) {margin-right:2%;}

.biz_area .item:nth-of-type(2n) {margin-right:0px;}

.biz_area .item img {margin-bottom:0px;}

.biz_area .item .disc {font-size:13px;}



/*** 障がい児通所支援  ***/

.business_shop_ttl {

	float:none;

	font-size:1.2em;

	width:100%;

	margin-bottom:10px;

}

.business_shop .inner {padding-left:0px;}



.business_shop .shopinfo {

	float:none;

	width:100%;

	padding:10px;

}

.business_shop .link_to_page {

	display:block;

	margin:0 auto;

	width:95%;

	float:none;

}

.business_shop .link_to_page br {display:none;}



/***  オレンジナンバー ***/

.welfare_userbox { 	padding-left:0px;}

.welfare_entry p span{

	width:100%;

	border:none;

	padding-right:0px;

	margin-right:0px;

}



/***  お助けアイちゃん ***/

.otasuke_userbox {

	padding-left:20px;

}



/***  エマージェンシーヴィークル ***/



.adam_left,

.adam_right {

	width:100%;

	margin-bottom:10px;

	float:none;

}



/***  アイ薬局の想い ***/

.policy_txt p {

	padding-top:0px;

}



.policy_right {	

	padding-left:0px;

}







/*** 会社概要 ***/

.shaze_mean {font-size:1.2em;}



/***  協会･学会への参加 ***/

.semm_box {

	width:48%;

	margin-right:2%;

	margin-bottom:20px;

}

.semm_box:nth-of-type(3n) {margin-right:2%;}

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

.semm_box .name{

	font-size:0.9em;

	line-height:1.3em;

}

.semm_box img {

	max-width:100%;

	height:auto;

	padding:3px;

	border:1px solid #ccc;

}

.other_group .ttl {



	font-size:1.1em;

}



/*** 店舗情報 ***/

.shop_area .item  {

	width:100%;
	margin-right:0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;

}

.shop_area .item .ttl {
	font-size:15px;
	 border-bottom: 0;
}

.shop_area .item .addr {font-size:13px;}

.shop_area .a_blue {

	float:right;

	padding:2px 15px 2px 29px;

	letter-spacing:-0.05em;

	font-size:13px;

	background-position:center left 15px;

}





/***  店舗詳細 ***/

/* 写真のほう */

.shop_l , .shop_r{

	width:100%;

	float:none;

	margin-bottom:30px;

}



.shop_map iframe {

	width:100%;

	height:250px;

	vertical-align:middle;

}

/* 写真だぜ */

.shop_photos .item{

	width:48%;

	margin-right:2%;

}



.shop_photos .item:nth-of-type(3n) {

	margin-right:2%;

}

.shop_photos .item:nth-of-type(2n) {

	margin-right:0px;

}



/* 店舗情報 */

.shop_event .item {

	width:100%;

	float:none!important;

}

.shop_event .item img {

	width:90%;

}

/*** 新卒採用 ***/

.rookie_box{

	width:100%;

	padding:15px;

}

.rookie_box img {

	width:90%;

    margin:20px 0;

}

.rookie_emo{

	right:0px;

	bottom:10px;

}

.rookie_emo img {

    max-width: 80%;

	margin:0px auto!important;

}

.rookie_ul_container{

	display:inline-block;

	width:100%;

	height:auto;

}

.rookie_ul_container .left, .rookie_ul_container .right{

	display:inline-block;

	float:none;

	clear:both;

	width:100%;

	height:auto;

	margin:0 auto;

	padding:0;

}





}