/*font-family:  'Oswald', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Oswald');

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.0;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}
main {
	display: block;
	padding-top: 90px;
}


/*****************************************************************************
 Lightbox
 *****************************************************************************/
.lb-data .lb-close {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 10;
}

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {
	font-size: 62.5%;
}
body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height: 2.0;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	-webkit-text-size-adjust:  none;
	letter-spacing: 0.016em;
	text-align: justify;
}
body * {
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #2e68ae;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #ff8a00;
}

/* common */

#sb-site {
	background: #fff;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.inner {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.sp {
	display: none;
}
.sp2 {
	display: none;
}
@media screen and (max-width:  960px) {
	.pc2,
	.gnavi__wrap {
		display: none;
	}
	.sp2 {
		display: block;
	}
}
@media screen and (max-width:  768px) {
	.pc,
	.gnavi__wrap {
		display: none;
	}
	.sp {
		display: block;
	}
}
.oswald {
	font-family:  'Oswald', sans-serif;
	font-weight: normal;
}
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: #222;
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
.btn {
	margin-top: 30px;
}

 /* LOADING */

#loading {
	width: 100%;
	height: 100%;
	margin: 0;
	background: #fff;
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10%;
	height: auto;
}

/* HEADER */

.sb-slide {
	display: none;
}
header {
	position: fixed;
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 9999;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0px 1px 4px 1px  rgba(0,0,0,0.08);
}
header h1 {
	position: absolute;
	top: 15px;
	left: 25px;
}
header h1 img {
	width: 320px;
}
header h1 a: hover img {
	opacity: 0.8;
}

/* footer */
footer {
	width: 100%;
	background: linear-gradient(0deg,#f7af00,#fdcd00);
	margin: 90px 0 0;
}
footer .inner {
	display: flex;
	flex-flow: row-reverse wrap;
	padding: 40px 0;
}
footer .inner .info {
	margin: auto;
}
footer .inner h1 a img {
	width: 350px;
}
footer .inner .info {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
	margin-bottom: 20px;
}
footer .inner .info > dl {
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.4;
	display: flex;
	flex-flow: row wrap;
}
footer .inner .info > dl dt {
	margin-right: 10px;
}
footer .inner .info > dl dl {
	display: flex;
	flex-flow: row wrap;
}
footer .inner dl a {
	color: #fff;
}
footer .inner .info ul {
	display: flex;
	flex-flow: row wrap;
}
footer .inner .info ul li {
	margin-right: 10px;
	margin-bottom: 10px;
}
footer .inner .info ul li a {
	display: flex;
	width: 134px;
	height: 34px;
	justify-content: center;
	align-items: center;
	background: linear-gradient(0deg,#f7b100,#fdcd00);
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	border: 2px solid #fff;
	border-radius: 2px;
}
footer .inner .info ul li .oswald {
	font-size: 1.8rem;
}
footer .inner .info ul li a: hover {
	opacity: 0.8;
}
footer .copyright {
	background: #ff8a00;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
footer .copyright small {
	font-size: 1.2rem;
	letter-spacing: 2px;
	color: #fff;
}
footer .inner > ul {
	display: flex;
	justify-content: center;
	margin: auto;
}
footer .inner > ul li {
	padding: 0 15px;
}
footer .inner > ul li a {
	color: #fff;
	letter-spacing: 1px;
}
footer .inner > ul li a: hover {
	text-decoration: underline;
	color: #fff;
}

@media screen and (max-width:  1080px) {
	header {
		background-position: 35px center;
	}
	header h1 img {
		width: 300px;
	}
	header nav ul li a {
		font-size: 1.2rem;
	}
	header .header_phone a {
		font-size: 2.0rem;
	}
	footer .inner .info {
		width: 40%;
		padding: 30px;
	}
	footer .inner > ul {
		width: 60%;
		padding: 30px;
		display: block;
	}
	footer .inner > ul li {
		padding: 0;
	}
}

/*****************************************************************************
 MENU
 *****************************************************************************/
header nav,
header nav ul {
	display: flex;
}
header nav ul li a {
	display: flex;
	height: 90px;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	letter-spacing: 2px;
}
header .header_contact a,
header .header_phone a {
	width: 100px;
	color: #fff;
	font-size: 2.0rem;
	letter-spacing: 0;
	font-weight: normal;
}
header .header_phone a {
	background: linear-gradient(0deg,#14a83b,#6eb92b);
}
header .header_contact a {
	background: linear-gradient(0deg,#f7af00,#fdcd00);
}
header .header_contact a:hover,
header .header_phone a:hover {
	opacity: 0.8;
}

header .gnavi__wrap {
	width: 240px;
	margin: 0;
}
header .gnavi__lists {
	display: flex;
}
header .gnavi__list {
	width: 100%;
	height: 90px;
	background-color: #fd99c0;
	position: relative;
	transition: all .3s;
}
header .gnavi__list:hover {
	opacity: 1;
}
header .gnavi__list:not(:first-child)::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
}
header .gnavi__list:hover::before {
	background-color: #fff;
}
header .gnavi__list a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	font-weight: 600;
	transition: all .3s;
}
header .gnavi__list:not(:first-child):hover a {
	color: #fff;
}
header .dropdown__lists {
	visibility: hidden;/*デフォルトでは非表示の状態にしておく*/
	opacity: 0;/*不透明度0*/
	transition: all 1.0s;/*表示の変化を1.0秒に指定*/
	width: 100%;
	position: absolute;
	top: 90px;
	left: 0;
}
header .gnavi__list:hover .dropdown__lists {
	visibility: visible;/*Gナビメニューにホバーしたら表示*/
	opacity: 1;/*不透明度1*/
}
header .dropdown__list {
	background-color: rgba(255, 255, 255, 0.8);
	height: 60px;
	transition: all .3s;
	position: relative;
}
header .dropdown__list:not(:first-child)::before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
}
header .dropdown__list:hover {
	background-color: rgba(204, 204, 204, 0.8);
}
header .dropdown__list a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666;
	text-decoration: none;
	position: relative;
}
header .dropdown__list a::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	transform: rotate(135deg);
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
}

/*****************************************************************************
 INDEX
 *****************************************************************************/
main > section {
	padding : 90px 0;
}
section {
	margin-top: 60px;
	padding : 30px 0;
}
Section:last-child {
	margin-bottom: 0;
}
section h1:after {
	width: 120px;
	height: 4px;
	background: #333;
	border-radius: 2px;
	content: "";
	display: block;
	margin: 30px auto 0;
}
section.mainimage h2 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 10px;
}
section.mainimage p {
	font-size: 1.8rem;
	line-height: 1.5;
}
section.mainimage {
	position: relative;
	padding: 0;
	width: 100vw;
	height: calc(100vh - 90px);
	margin-top: 0;
}
section.mainimage .bx-wrapper {
	position: relative;
}
section.mainimage .bxslider li {
	width: 100vw;
	height:calc(100vh - 90px);
}
section.mainimage .bxslider li div {
	position: absolute;
	background-color: rgb(255 255 255 / 0.75);
	padding: 40px;
}
section.mainimage .bxslider li:nth-child(1) div {
	top: 50%;
	left: 30%;
	transform: translate(-50%, -50%);
}
section.mainimage .bxslider li:nth-child(2) div {
	top: 50%;
	right: 30%;
	transform: translate(50%, -50%);
}
section.mainimage .bxslider li:nth-child(3) div {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
section.mainimage .bx-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inner h1 {
	margin-bottom: 0;
}
.inner h2 {
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
	margin-top: 60px;
}
.inner h3 {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}
.inner h4 {
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}
.inner h5 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 10px;
}
.inner p {
	font-size: 1.6rem;
	margin-top: 30px;
}
.inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner {
	margin-bottom: 90px;
}
.banner a: hover img {
	opacity: 0.8;
}

.ttl_head {
	display: inline-block;
	font-size: 3.2rem;
	font-weight: bold;
	padding:  0;
	line-height: 1.5;
	color:  #333;
	text-align: center;
	width: 100%;
}
.ttl_head small {
	font-size: 1.4rem;
	font-weight: normal;
	display: block;
}

/* NEWS */

.news .inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.news .inner .row {
	width: 100%;
}
.news .inner .row.contents dl {
	display: flex;
	flex-flow: row wrap;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 30px;
}
.news .inner .row.contents dl:first-child {
	margin-top: 60px;
}
.news .inner .row.contents dl dt {
	font-weight: bold;
	margin: 0 auto;
}
.news .inner .row.contents dl dd {
	width: 100%;
	padding: 0 10px;
}
.news .inner .row.contents h2 {
	margin-top: 20px;
}

/* MISSION */

.mission {
	background: url(../../img/index/DSCF3642.jpg) no-repeat 0 / cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 120px 0;
}
.mission .inner p {
	font-size: 1.8rem;
	line-height: 2;
	text-align: justify;
}
.pharmacy .column {
	width: 900px;
	max-width: 100%;
	display: flex;
	flex-flow: row-reverse nowrap;
	margin: 60px auto 0;
}
.pharmacy .column .row {
	padding: 0;
}
.pharmacy .column .info {
	width: 420px;
	margin-left: 30px;
}
.pharmacy .column .info p {
	text-align: justify;
}
.pharmacy .column .photo {
	width: 450px;
}
.pharmacy .column .info h2 {
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 0px;
}
.pharmacy .column .info table:before {
	content: "";
	display: block;
	background: #666;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -1px;
}
.pharmacy .column .info table:after {
	content: "";
	display: block;
	background: #ddd;
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: -1px;
}
.pharmacy .column .info table {
	width: 100%;
	border-top: 3px double #666;
	border-bottom: 1px solid #ddd;
	position: relative;
	margin-top: 30px;
}
.pharmacy .column .info table th,
.pharmacy .column .info table td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
}
.pharmacy .column .info table th {
	width: 25%;
}
.pharmacy .column .info table td {
	width: 75%;
}
.pharmacy .column .info table td dl {
	display: flex;
	flex-flow: row wrap;
}
.pharmacy .column .info table td dl dt {
	padding-right: 1em;
}
.pharmacy .column .info table td a {
	color: #000;
}
.pharmacy .column .info table td .map {
	color: #ff0000;
	margin-left: 1em;
}
.pharmacy .column .photo a img {
	margin-bottom: 10px;
	height: auto;
}
.pharmacy .column .photo table {
	width: 100%;
	margin-bottom: 30px;
}
.pharmacy .column .photo table th,
.pharmacy .column .photo table td {
	border: 1px solid #fff;
	padding: 8px 4px;
}
.pharmacy .column .photo table thead th,
.pharmacy .column .photo table thead td {
	background: #e2eaed;
	font-weight: bold;
}
.pharmacy .column .photo table thead th {
	padding: 8px 15px;
}
.pharmacy .column .photo table tbody th,
.pharmacy .column .photo table tbody td {
	background: #eff3f5;
	font-size: 1.6rem;
}
.pharmacy .column .photo table tbody th {
	text-align: center;
}
.pharmacy .column .photo table .mon,
.pharmacy .column .photo table .tue,
.pharmacy .column .photo table .wed,
.pharmacy .column .photo table .thu,
.pharmacy .column .photo table .fri,
.pharmacy .column .photo table .sat,
.pharmacy .column .photo table .sun,
.pharmacy .column .photo table .hol {
	width: 30px;
	text-align: center;
}
.pharmacy .column .photo table .mon,
.pharmacy .column .photo table .tue,
.pharmacy .column .photo table .wed,
.pharmacy .column .photo table .thu,
.pharmacy .column .photo table .fri {
	color: #333;
}
.pharmacy .column .photo table .sat,
.pharmacy .column .photo table .sun,
.pharmacy .column .photo table .hol {
	color: #ff0000;
}
.pharmacy .column .photo .btn a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	background: #333;
	color: #fff;
	font-weight: bold;
	line-height: 1.0;
	padding: 15px 25px;
	margin-bottom: 20px;
	border-radius: 24px;
}
.pharmacy .column .photo a: hover img,
.pharmacy .column .photo .btn a: hover {
	opacity: 0.8;
}

/* RECRUIT */

.recruit {
	background: url(../../img/index/DSCF3698.jpg) no-repeat 0 / cover;
	padding: 120px 0;
}
.recruit .btn a,
.page_recruit .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	background: #fd99c0;
	color: #fff;
	font-weight: bold;
	line-height: 1.0;
	padding: 15px 25px;
	border-radius: 24px;
	width: 40%;
	margin-inline: auto;
}
.recruit .btn a: hover {
	opacity: 0.8;
}

/*****************************************************************************
 Pages
 *****************************************************************************/
article {
	padding-bottom: 0;
}
.ttl_page {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 480px;
	background-size: cover;
	box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0px 1px 4px 1px  rgba(0,0,0,0.08);
}
.ttl_page h1 {
	width: 900px;
	max-width: 100%;
	padding: 0 15px;
	font-size: 3.2rem;
	color: #333;
}
.ttl_line {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 2.8rem;
	font-family:  游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Georgia,serif;
	letter-spacing: 2px;
	margin-bottom: .8em;
}
.ttl_line:before,
.ttl_line:after {
	border-top: 1px solid #666;
	content: "";
	display: inline;
	flex-grow: 1;
}
.ttl_line:before {
	margin-right: 0.5em;
}
.ttl_line:after {
	margin-left: 0.5em;
}
.supplement li {
	display: flex;
}
.supplement li:before {
	content: "※";
	margin-right: 5px;
}

/* COMMUNITY */

.page_community .ttl_page {
	background: url(../../img/community/DSCF3826.jpg) no-repeat 0 / cover;
}
.page_community .store .gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 10px;
	margin-top: 60px;
}
.page_community .store .gallery li {
	width: calc((100% - 10px) / 2);
}
.page_community .store .gallery li a: hover {
	opacity: 0.8;
}
.page_community .store .gallery img {
	width: 100%;
}
.page_community .store table:before {
	content: "";
	display: block;
	background: #666;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -1px;
}
@media screen and (max-width:  768px) {
	.page_community .store .gallery li {
		width: 100%;
	}
}

/* MYNUMBER */

.page_mynumber .ttl_page {
	background: url(../../img/mynumber/DSCF3954.jpg) no-repeat 0 / cover;
}

/* GENERIC */

.page_generic .ttl_page {
	background: url(../../img/generic/DSCF3645.jpg) no-repeat 0 / cover;
}
.page_generic .generic h3 {
	margin: 60px auto;
}
.page_generic .gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 20px;
}
.page_generic .gallery li {
	width: calc((100% - 20px) / 2);
	margin-top: 60px;
}

.page_generic .gallery.single li {
	width: 100%;
	max-width: 750px;
	margin: auto;
}

/* DX */

.page_dx .ttl_page {
	background: url(../../img/dx/DSCF3879.jpg) no-repeat 0 / cover;
}

/* PHARMACY */

.page_pharmacy .ttl_page {
	background: url(../../img/pharmacy/DSCF3939.jpg) no-repeat 0 / cover;
}
.page_pharmacy .store .inner {
	width: 900px;
}
.page_pharmacy .store h2 {
	font-weight: bold;
}
.page_pharmacy .store p {
	margin-bottom: 60px;
}
.page_pharmacy .store .gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 10px;
	margin-top: 60px;
}
.page_pharmacy .store .gallery li {
	width: calc((100% - 20px) / 3);
}
.page_pharmacy .store .gallery li:first-child {
	width: 100%;
}
.page_pharmacy .store .gallery li a: hover {
	opacity: 0.8;
}
.page_pharmacy .store .gallery img {
	width: 100%;
}
.page_pharmacy .store table:before {
	content: "";
	display: block;
	background: #666;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -1px;
}
.page_pharmacy .store table:after {
	content: "";
	display: block;
	background: #ddd;
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: -1px;
}
.page_pharmacy .store table {
	width: 100%;
	border-top: 3px double #666;
	border-bottom: 1px solid #ddd;
	position: relative;
	margin-top: 60px;
}
.page_pharmacy .store table th,
.page_pharmacy .store table td {
	padding: 30px;
	border-bottom: 1px solid #ddd;
}
.page_pharmacy .store table th {
	width: 20%;
}
.page_pharmacy .store table td {
	width: 80%;
}
.page_pharmacy .store table td dl {
	display: flex;
	flex-flow: row wrap;
}
.page_pharmacy .store table td dl dt {
	padding-right: 1em;
}
.page_pharmacy .store table td a {
	color: #000;
}
.page_pharmacy .store table td .map {
	color: #ff0000;
	margin-left: 1em;
}
.page_pharmacy .store .map {
	margin-top: 60px;
}
.page_pharmacy .store .map iframe {
	width: 100%;
	height: 510px;
}

/* prescription */

.page_prescription .ttl_page {
	background: url(../../img/prescription/DSCF3915.jpg) no-repeat 0 / cover;
}
.page_prescription .ttl_page dl {
	padding-left: 50px;
	position: relative;
}
.page_prescription .ttl_page dl dt:before {
	content: "\f0a9";
	font-family: FontAwesome;
	font-size: 4.8rem;
	color: #333;
	position: absolute;
	left: 0;
}
.page_prescription .ttl_page dl dt {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.page_prescription .medicine {
	margin-bottom: 90px;
}
.page_prescription h2 {
	color: #ff9622;
	font-size: 3.6rem;
	margin-bottom: 30px;
}
.page_prescription .medicine .inner {
	padding: 30px 150px 50px 30px;
	background: #f8fce9 url(../../img/prescription/medicine_bg.png) no-repeat right 5px bottom;
	background-size: 510px;
}
.page_prescription .medicine h2 {
	color: #6eb92b;
	font-size: 3.6rem;
	margin-bottom: 30px;
}
.page_prescription h3 {
	line-height: 1.5;
}
.page_prescription .flow {
	counter-reset: number;
	background-color: #f3f3f3;
	padding: 60px 0;
}
.page_prescription .flow div.step {
	background: #fff;
	border: 1px solid #f3f3f3;
	padding: 30px;
	margin-top: 70px;
	position: relative;
}
.page_prescription .flow div.step:first-of-type {
	margin-top: 30px;
}
.page_prescription .flow div.step:not(:last-child):after {
	content: "\f0ab";
	font-family: FontAwesome;
	font-size: 3.6rem;
	color: #6eb92b;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.page_prescription .flow div.step h3 {
	display: flex;
	align-items: baseline;
	color: #6eb92b;
	font-weight: bold;
	font-size: 2.4rem;
	margin-top: 0;
	margin-bottom: 20px;
}
.page_prescription .flow div.step h3:before {
	counter-increment: number;
	content: counter(number);
	margin-right: 20px;
}
.page_prescription .flow div.step p {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.page_prescription .flow div.step p:last-child {
	margin-bottom: 0;
}
.page_prescription .flow div.step .wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.page_prescription .flow div.step .wrap dl {
	font-size: 1.6rem;
}
.page_prescription .flow div.step .wrap dl dd ul li {
	list-style: disc;
	margin-left: 1.6rem;
}
.page_prescription .flow div.step .wrap figure {
	width: 300px;
}
.page_prescription .flow div.step figure ul {
	display: flex;
	justify-content: space-between;
}
.page_prescription .flow div.step figure figcaption {
	color: #333;
	text-align: right;
	line-height: 1.0;
	margin-top: 5px;
}

/* PRIVACY */

.page_privacy .ttl_page {
	background: url(../../img/privacy/DSCF3953.jpg) no-repeat 0 / cover;
}
.page_privacy .policy .inner {
	width: 900px;
}
.page_privacy .policy ol {
	margin-bottom: 15px;
}
.page_privacy .policy ol li {
	list-style:  decimal outside;
	margin: 0 0 0.5em 2em;
	padding: 0 0 0.5em 0;
	line-height: 1.4;
	font-size: 1.4rem;
}
.page_privacy .policy ol li strong {
	font-weight: bold;
}
.page_privacy .policy .inner .information {
	padding: 10px 15px;
	border: 6px solid #f3f3f3;
}
.page_privacy .policy .inner .information dt {
	font-size: 1.6rem;
}
.page_privacy .policy .inner .information dt:before {
	content: "\f0c8";
	font-family: FontAwesome;
	margin-right: 5px;
}
.page_privacy .policy .inner .information dd a {
	margin-right: 1em;
	color: #000;
}

/* POSTER */

.page_poster .ttl_page {
	background: url(../../img/poster/DSCF3895.jpg) no-repeat 0 / cover;
}
.page_poster .store .gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 10px;
	margin-top: 60px;
}
.page_poster .store .gallery li {
	width: calc((100% - 10px) / 2);
}
.page_poster .store .gallery li a: hover {
	opacity: 0.8;
}
.page_poster .store .gallery img {
	width: 100%;
}
.page_poster .store table:before {
	content: "";
	display: block;
	background: #666;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -1px;
}
@media screen and (max-width:  768px) {
	.page_poster .store .gallery li {
		width: 100%;
	}
}

/* RECRUIT */

.page_recruit .ttl_page {
	background: url(../../img/recruit/DSCF3801.jpg) no-repeat 0 / cover;
}
.page_recruit .ttl_page dl {
	padding-left: 50px;
	position: relative;
}
.page_recruit .ttl_page dl dt:before {
	content: "\f0a9";
	font-family: FontAwesome;
	font-size: 4.8rem;
	color: #333;
	position: absolute;
	left: 0;
}
.page_recruit .ttl_page dl dt {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.page_recruit .ttl_page dl dt h1 {
	width: auto;
	padding: 0;
}
.page_recruit .ttl_page dl dt h1:before {
	display: none;
}
.page_recruit .ttl_page dl dt ul {
	display: flex;
	flex-flow: row wrap;
	margin-left: 15px;
}
.page_recruit .ttl_page dl dt ul li {
	padding: 0 5px;
}
.page_recruit .ttl_page dl dt ul li a {
	display: flex;
	width: 180px;
	height: 40px;
	justify-content: center;
	align-items: center;
	background: linear-gradient(0deg,#362e2b,#19120f);
	color: #fff;
	font-size: 1.6rem;
	border-radius: 2px;
}
.page_recruit .ttl_page dl dt ul li a: hover {
	opacity: 0.8;
}
.page_recruit .contents ul li {
	margin-top: 30px;
}
.page_recruit .staff_message,
.page_recruit .howto {
	background: #f3f3f3;
}
.page_recruit .staff_message .inner {
	display: flex;
	flex-flow: row wrap;
	gap: 40px;
}
.page_recruit .staff_message .inner .row:first-child {
	width: calc((100% - 40px) * 0.5 );
}
.page_recruit .staff_message .inner .row:last-child {
	width: calc((100% - 40px) * 0.5 );
}
.page_recruit .staff_message h2 {
	font-size: 1.6rem;
	color: #333;
	font-weight: bold;
}
.page_recruit .staff_message h3 {
	font-size: 2.4rem;
	color: #fd99c0;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
}
.page_recruit .staff_message h4 {
	font-size: 1.8rem;
	background: #333;
	color: #fff;
	font-weight: bold;
	line-height: 1.0;
	display: inline-block;
	padding: 15px 25px;
	border-radius: 24px;
}
.page_recruit .staff_message p {
	text-align: justify;
}
.page_recruit .howto {
	margin-bottom: 120px;
}
.page_recruit .contents h2 small {
	font-size: 1.8rem;
	display: block;
	margin-top: 12px;
}
.page_recruit .entry {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	margin-bottom: 60px;
}
.page_recruit .entry li {
	width: 160px;
	height: 160px;
	font-size: 1.6rem;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.page_recruit .entry dl {
	text-align:  center;
}
.page_recruit .entry dl dt {
	font-size: 1.4rem;
}
.page_recruit .entry li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	margin-left: -3px;
	border: 15px solid transparent;
}
.page_recruit .entry li:first-child {
	background: radial-gradient(circle at center top, #fd99c0 95%, #fe2378, #fe2378);
}
.page_recruit .entry li:first-child:before {
	border-left: 15px solid #fd99c0;
}
.page_recruit .entry li:nth-child(2) {
	background: radial-gradient(circle at center top, #fd99c0 65%, #fe2378, #fe2378);
}
.page_recruit .entry li:nth-child(2):before {
	border-left: 15px solid #fd99c0;
}
.page_recruit .entry li:nth-child(3) {
	background: radial-gradient(circle at center top, #fd99c0 35%, #fe2378, #fe2378);
}
.page_recruit .entry li:nth-child(3):before {
	border-left: 15px solid #ff3383;
}
.page_recruit .entry li:nth-child(4) {
	background: radial-gradient(circle at center top, #fd99c0 5%, #fe2378, #fe2378);
}
.page_recruit .contents table {
	font-size: 1.5rem;
	color: #333;
	width: 100%;
	margin-top: 30px;
}
.page_recruit .contents table th {
	width: 25%;
	background: #eff4f8;
	padding: 20px 50px;
	border-bottom: 1px solid #ddd;
}
.page_recruit .contents table td {
	width: 75%;
	background: #fff;
	padding: 20px 50px;
	border-bottom: 1px solid #ddd;
}

@-webkit-keyframes modify {
	0% {
	padding-top: 100px;
	margin-top: -100px;
	}
	100% {
	padding-top: 0;
	margin-top: 0;
	}
}
@keyframes modify {
	0% {
	padding-top: 100px;
	margin-top: -100px;
	}
	100% {
	padding-top: 0;
	margin-top: 0;
	}
}
#new: target,
#career: target {
	-webkit-animation: modify 0.1s;
	animation: modify 0.1s;
}

#career {
	margin-top: 60px;
}

/*company */

.page_company .ttl_page {
	background: url(../../img/company/DSCF3743.jpg) no-repeat 0 / cover;
}
.page_company .outline .inner {
	width: 900px;
	margin-bottom: 30px;
}
.page_company .outline table {
	width: 100%;
	margin: 30px auto 0;
}
.page_company .outline table th,
.page_company .outline table td {
	padding: 30px;
	border-bottom: 1px solid #ddd;
	font-size: 1.4rem;
}
.page_company .outline table th {
	width: 30%;
	letter-spacing: 2px;
	background: #eff4f8;
}
.page_company .outline table td {
	width: 70%;
}
.page_company .outline table td a {
	color: #000;
}
.page_company .outline .map {
	margin-top: 30px;
}
.page_company .outline .map iframe {
	width: 100%;
}
.page_company .greeting h2 {
	font-size: 3.0rem;
	margin-bottom: 20px;
}
.page_company .greeting .row {
	width: 100%;
}
.page_company .greeting figure {
	width: 100%;
	padding: 0 0 0 30px;
	background: rgba(255,255,255,0.6);
	text-align:  right;
}
.page_company .greeting .row p {
	text-align: justify;
}
.page_company .greeting figure img {
	margin-bottom: 10px;
}
.page_company .greeting figure figcaption {
	margin-top: 10px;
	font-size: 1.8rem;
	line-height: 1.2;
}
.page_company .greeting figure figcaption small {
	font-size: 1.4rem;
	line-height: 1.2;
}

/* form */

.input-name,
.input-phonetic {
	width: 16em;
}
.input-email {
	width: 20em;
}
form input[type="text"]: focus,
form input[type="email"]: focus,
form textarea: focus {
	border-color: #dcecba;
	outline: none;
}
.page_contact .ttl_page {
	background: url(../../img/contact/DSCF3660.jpg) no-repeat 0 / cover;
}
.page_contact .form .inner {
	width: 900px;
}
.page_contact .form .inner p {
	margin-bottom: 40px;
	text-align: center;
}
form .require {
	display: inline-block;
	padding: 2px 5px;
	background: #4d9646;
	color: #fff;
	font-size: 11px;
	border-radius: 4px;
	margin-left: 10px;
}
form table {
	width: 100%;
	margin: 0 auto 40px;
}
form table th,
form table td {
	padding: 20px;
	border-bottom: 1px solid #c5e1a5;
}
form table th {
	width: 30%;
	text-align: right;
	letter-spacing: 2px;
	background: #dcedc8;
}
form table td {
	width: 70%;
}
form table th small {
	color: #b71c1c;
}
form table label {
	cursor: pointer;
}
form table input[type="text"],
form table input[type="email"],
form table textarea {
	padding: 5px;
	border: 3px solid #f3f3f3;
	cursor: pointer;
	font-size: 1.4rem;
}
form table textarea {
	height: 200px;
}
form .btn_form {
	text-align: center;
}
form .btn_form input[type="submit"] {
	width: 280px;
	padding: 15px 20px;
	color: #fff;
	border: none;
	background: linear-gradient(0deg,#f7af00,#fdcd00);
	cursor: pointer;
	letter-spacing: 3px;
	font-size: 1.8rem;
}
form .btn_form input[type="submit"]: hover {
	opacity: 0.7;
}
.page_contact .thanks p {
	margin-bottom: 1.3em;
	text-align: center;
}
.page_contact .thanks .phone a {
	display: inline-block;
}
.page_contact .thanks .phone a img {
	display: block;
	height: 50px;
	margin: 0 auto;
	padding: 10px 20px;
	border: 1px solid #669900;
}
.page_contact .thanks .phone a: hover {
	opacity: 0.8;
}

/* wpcf7 */

.wpcf7 .form-wrap {
	margin: 150px 0 0;
	width: 100%;
}
form.wpcf7-form > div {
	margin-top: 30px;
}
input.wpcf7-text,
input.wpcf7-captchar,
textarea.wpcf7-textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #333;
}
.contact-title {
	display: inline-block;
	margin-bottom: 10px;
}
.captcharbox input {
	margin-top: 10px;
}
span.wpcf7-list-item {
	  margin: 0 0 0 0;
}
.wpcf7 span.must {
	font-size: 0.8em;
	margin-left: 10px;
	display: inline;
	vertical-align: top;
}
.wpcf7 span.must::before {
	content: " ※";
}
.wpcf7 h4 {
	margin-top: 60px;
}
.wpcf7 form img {
	width: unset;
	max-width: 100%;
	max-height: 100%;
}
.wpcf7 .submit-btn p {
	display: flex;
	
}
input.wpcf7-submit {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	background: #333;
	color: #fff;
	font-weight: bold;
	line-height: 1.0;
	padding: 15px 25px;
	margin-bottom: 0;
	border-radius: 24px;
	border: unset;
}
.wpcf7-spinner {
	margin: auto 24px!important;
}

/*****************************************************************************
 Responsive
 *****************************************************************************/

@media screen and (max-width: 960px) {
/*slidemenu*/
	.sb-slide {
		display: block;
		position: fixed;
		right: 25px;
		top: 25px;
		z-index: 1000;
		font-size: 30px;
		line-height: 1.2;
		-webkit-transform:  translate3d(0, 0, 2px);
		transform:  translate3d(0, 0, 2px);
	}
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display: none;
	}
	.sb-active .sb-slide .sb-close {
		display: block;
	}
	.sb-slide p {
		display:  inline-block;
		padding: 2px 9px;
		color: #362e2b;
	}
	.sb-slide p i {
		margin: 0;
	}
	.sb-slidebar ul {
		padding: 3%;
	}
	.sb-slidebar ul li a {
		display: table;
		width: 100%;
		padding: 10px;
		border-bottom:  dotted 1px #ccc;
		text-decoration: none;
		text-align: left;
		color: #1b1b1b;
	}
	.sb-slidebar ul li a span {
		margin-right: 5px;
	}
	.sb-slidebar ul li a em {
		text-align: right;
	}
	.sb-slidebar section {
		padding: 2% 3% 0;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing:  border-box;
		-o-box-sizing:  border-box;
		-ms-box-sizing:  border-box;
		box-sizing:  border-box;
	}
	.sb-slidebar section p {
		margin: 0 3% 5%;
	}
	.sb-slidebar section iframe {
		margin: 0 0 10%;
	}
	.sb-slidebar section p a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #cb1e28;
	color: #fff;
	letter-spacing: 2px;
	padding: 10px;
	font-size: 1.8rem;
	}
	.sb-slidebar section p a: hover {
	opacity: 0.7;
	filter:  alpha(opacity=70);
	-ms-filter:  "alpha( opacity=70 )";
	text-decoration: none;
	}
	.sb-slidebar #side_add .contact a,
	.sb-slidebar #side_add .phone a {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.8rem;
		background: #fd99c0;
		color: #fff;
		font-weight: bold;
		line-height: 1.0;
		padding: 15px 25px;
		border-radius: 24px;
		width: 100%;
		margin-inline: auto;
	}
	.sb-slidebar #side_add .contact a {
		background: linear-gradient(0deg, #f7af00, #fdcd00);
	}
	.sb-slidebar #side_add .phone a {
		background: linear-gradient(0deg, #14a83b, #6eb92b);
	}
 }

@media screen and (max-width:  960px) {
	.ttl_page h1,
	.inner {
		width: 100%;
		padding: 0 40px;
	}
	.pharmacy .column .info,
	.pharmacy .column .photo	{
		width: 50%;
	}
	section.mainimage .bxslider li div {
		display: flex;
		flex-flow: row-reverse;
		justify-content: flex-end;
		gap: 10px;
	}
	section.mainimage h2,
	section.mainimage p {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		display: inline-block;
	}
}

@media screen and (max-width:  768px) {
	* {
		-webkit-appearance:  none;
		-webkit-text-size-adjust: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	main {
		width: 100%;
		padding: 0;
	}
	header {
		position: relative;
	}
	footer .inner {
		height: auto;
		padding: 0 0 20px;
		flex-flow: column-reverse wrap;
		justify-content: center;
		align-items: center;
	}
	footer .inner .info {
		width: 100%;
	}
	footer .inner .info > dl,
	footer .inner .info > dl dl,
	footer .inner .info ul {
		display: block;
	}
	footer .inner > ul {
		width: 100%;
	}
	footer .inner > ul li {
		padding: 0;
	}

/*****************************************************************************
 INDEX
 *****************************************************************************/

	section.mainimage .bxslider li:nth-child(1) div {
		left: 40%;
	}
	section.mainimage .bxslider li:nth-child(2) div {
		right: 40%;
	}
	section.mainimage .bxslider li:nth-child(3) div {
		left: 50%;
	}
	.mission {
		height: 500px;
	}
	.mission .inner h1 {
		font-size: 3.0rem;
	}
	.mission .inner p {
		font-size: 1.6rem;
	}
	.pharmacy .column {
		flex-flow: row wrap;
	}
	.pharmacy .column .info,
	.pharmacy .column .photo {
		width: 100%;
		padding: 0;
		margin: 30px 0 0;
	}
	.pharmacy .column .info table th,
	.pharmacy .column .info table td {
		display: block;
		width: 100%;
	}
	.pharmacy .column .info table th {
		border: none;
		padding: 15px 0 0;
		font-weight: bold;
	}
	.pharmacy .column .info table td {
		padding: 0 0 15px;
	}
	.pharmacy .column .photo table .mon,
	.pharmacy .column .photo table .tue,
	.pharmacy .column .photo table .wed,
	.pharmacy .column .photo table .thu,
	.pharmacy .column .photo table .fri,
	.pharmacy .column .photo table .sat,
	.pharmacy .column .photo table .sun,
	.pharmacy .column .photo table .hol {
		width: 10%;
		text-align: center;
		font-size: 1.4rem;
	}
	.recruit .inner p {
		font-size: 2.4rem;
	}
	.message .inner .contents {
		height: auto;
		padding: 15px 20px;
	}
	.message .inner .contents h1 {
		font-size: 2.4rem;
	}

/*****************************************************************************
 Pages
 *****************************************************************************/

	.ttl_page {
		height: 360px;
	}
	.page_pharmacy .store .map iframe {
		height: 360px;
	}
	.page_company .outline .map iframe {
		height: 360px;
	}
	.page_recruit .ttl_page dl dt {
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.page_recruit .ttl_page dl dt:before {
		top: -13px;
	}
	.page_recruit .ttl_page dl dt ul {
		margin-left: 0;
	}
		.page_recruit .staff_message .inner .row:first-child,
	.page_recruit .staff_message .inner .row:last-child {
		width: 100%;
	}
		.page_recruit .howto h2,
	.page_recruit .contents h2 {
		font-size: 3.6rem;
	}
	.page_recruit .contents h2 small {
		font-size: 1.6rem;
	}
	.page_recruit .entry li {
		width: 120px;
		height: 120px;
	}
	.page_recruit .entry dl {
		flex-flow: column wrap;
		align-items: center;
		line-height: 1.3;
	}
	.page_recruit .entry li:first-child:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		margin-left: -3px;
		border: 15px solid transparent;
		border-left: 15px solid #0d0d0d;
	}
	.page_recruit .entry li:nth-child(2):before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		margin-left: -3px;
		border: 15px solid transparent;
		border-left: 15px solid #10134d;
	}
	.page_recruit .entry li:nth-child(3):before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		margin-left: -3px;
		border: 15px solid transparent;
		border-left: 15px solid #07345d;
	}
	.page_recruit .contents table th {
		width: 30%;
		padding: 20px 45px;
	}
	.page_recruit .contents table td {
		width: 70%;
		padding: 20px 30px;
	}

	@-webkit-keyframes modify {
		0% {
			padding-top: 20px;
			margin-top: -20px;
		}
		100% {
			padding-top: 0;
			margin-top: 0;
		}
	}

	@keyframes modify {
		0% {
			padding-top: 20px;
			margin-top: -20px;
		}
		100% {
			padding-top: 0;
			margin-top: 0;
		}
	}

	#new: target,
	#career: target {
		-webkit-animation: modify 0.1s;
		animation: modify 0.1s;
	}
	.page_prescription .flow div.step h3 {
		line-height: 1.3;
	}
	.page_prescription .flow div.step .wrap dl,
	.page_prescription .flow div.step .wrap figure {
		width: 49%;
	}
	.page_prescription .flow div.step figure ul li:first-child {
		width: 34%;
	}
	.page_prescription .flow div.step figure ul li:last-child {
		width: 64%;
	}
	.page_prescription .flow div.step figure ul li img {
		max-width: 100%;
		height: auto;
	}
	.page_prescription .flow div.step figure figcaption {
		font-size: 2.0rem;
	}

/* form */

	form table th {
		white-space: nowrap;
	}
	form table .select_input li {
		width: 100%;
	}
	form table td > input[type="text"],
	form table input[type="email"] {
		font-size: 1.6rem;
		width: 100% !important;
	}
	form table textarea {
		width: 100% !important;
		font-size: 1.6rem;
	}
}

@media screen and (max-width:  600px) {
	.ttl_page h1 {
		font-size: 2.8rem;
		text-align: center;
	}
	.mission {
		height: auto;
	}
	.mission .inner h1 {
		font-size: 2.6rem;
	}
	.mission .inner p {
		font-size: 1.6rem;
	}
	.page_recruit .entry li {
		width: 120px;
		height: 120px;
	}
		.page_prescription h2,
	.page_prescription .medicine h2 {
		font-size: 3.0rem;
	}
	.page_prescription .medicine .inner {
		padding: 30px 30px 50px;
		background: #f8fce9 url(../../img/prescription/medicine_bg.png) no-repeat center bottom;
		background-size: 90%;
	}
	.page_prescription .flow h2 {
		font-size: 3.0rem;
	}
	form table {
		width: 100%;
	}
		form table th,
	form table td {
		display: block;
		width: 100%;
		padding: 10px;
		text-align: left;
	}
}

@media screen and (max-width:  600px) {
	footer .inner {
		padding: 0 15px 20px;
	}
	footer .inner > ul {
		flex-flow: row wrap;
		padding: 15px 0;
	}
	footer .inner .info ul li {
		margin: 0 0 5px;
	}
	footer .inner .info ul li {
		width: 100%;
	}
	footer .inner .info ul li a {
		display: block;
		width: 100%;
		text-align: center;
	}
	footer .copyright small {
		font-size: 1.0rem;
		letter-spacing: 1px;
	}
	.ttl_head {
		font-size: 3.0rem;
		background-size: contain;
	}
	.pharmacy .column .info h2 {
		font-size: 2.4rem;
	}
	.feat .inner ul {
		flex-flow: row wrap;
	}
	.feat .inner ul li {
		width: 100%;
	}
	.news .inner .row.contents {
		width: 100%;
	}
	.recruit .btn a,
	.message .btn a {
		width: 100%;
		height: 40px;
		font-size: 2.0rem;
	}
	.recruit {
		height: auto;
		padding: 30px 0;
	}
	.recruit .inner p {
		font-size: 2.0rem;
	}
	.recruit .inner p br {
		display: none;
	}
	.message .inner .contents h1 {
		font-size: 2.0rem;
		line-height: 1.3;
	}
	.message .inner .contents h2 {
		font-size: 1.4rem;
	}
	.ttl_page h1 {
		font-size: 2.4rem;
	}
	.page_pharmacy .store h2 {
		font-size: 2.4rem;
	}
	.page_pharmacy .store table th,
	.page_pharmacy .store table td {
		display: block;
		width: 100%;
	}
	.page_pharmacy .store table th {
		padding: 20px 0 0;
		border: none;
		font-weight: bold;
	}
	.page_pharmacy .store table td {
		padding: 0 0 20px 0;
	}
	.page_pharmacy .store .map iframe {
		height: 280px;
	}
	.page_privacy .policy h2 {
		font-size: 2.4rem;
	}
	.page_privacy .policy h3 {
		font-size: 1.6rem;
	}
	.page_company .outline table th,
	.page_company .outline table td {
		display: block;
		width: 100%;
		padding: 10px 15px;
		font-size: 1.4rem;
	}
	.page_company .outline .map iframe {
		height: 280px;
	}
		.page_company .greeting .row,
	.page_company .greeting figure {
		width: 100%;
	}
	.page_company .greeting figure figcaption {
		font-size: 1.8rem;
	}
	.page_company .greeting figure figcaption small {
		font-size: 1.4rem;
	}
	.page_prescription .ttl_page dl {
		padding-left: 30px;
	}
	.page_prescription .ttl_page dl dt:before {
		font-size: 2.8rem;
		top: 0;
	}
	.page_prescription h2,
	.page_prescription .medicine h2 {
		font-size: 2.6rem;
	}
	.page_prescription .medicine .inner {
		padding: 20px 20px 50px;
	}
	.page_prescription .flow h2 {
		font-size: 2.6rem;
		height: auto;
		padding: 60px 15px;
	}
	.page_prescription .flow div.step {
		padding: 30px 20px;
	}
	.page_prescription .flow div.step h3 {
		font-size: 2.0rem;
		display: block;
	}
	.page_prescription .flow div.step h3:before {
		font-size: 2.8rem;
		display: block;
		text-align: center;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.page_prescription .flow div.step .wrap dl,
	.page_prescription .flow div.step .wrap figure {
		width: 100%;
	}
	.page_prescription .flow div.step .wrap dl {
		margin-bottom: 15px;
	}
	.page_prescription .flow div.step figure figcaption {
		font-size: 1.6rem;
	}
	.page_recruit .ttl_page dl {
		padding-left: 30px;
	}
	.page_recruit .ttl_page dl dt:before {
		font-size: 2.8rem;
		top: 0;
	}
	.page_recruit .ttl_page dl dt ul {
		width: 100%;
	}
	.page_recruit .ttl_page dl dt ul li {
		width: 50%;
	}
	.page_recruit .ttl_page dl dt ul li a {
		width: 100%;
		font-size: 1.4rem;
	}
		.page_recruit .staff_message .inner .row:first-child,
	.page_recruit .staff_message .inner .row:last-child {
		width: 100%;
	}
	.page_recruit .staff_message h2 {
		font-size: 1.4rem;
	}
	.page_recruit .staff_message h3 {
		font-size: 2.0rem;
	}
		.page_recruit .howto h2,
	.page_recruit .contents h2 {
		font-size: 2.8rem;
	}
	.page_recruit .contents h2 small {
		font-size: 1.4rem;
	}
	.page_recruit .entry li {
		width: 180px;
		height: 180px;
		margin-bottom: 15px;
	}
		.page_recruit .entry li:first-child:before,
		.page_recruit .entry li:nth-child(2):before,
	.page_recruit .entry li:nth-child(3):before {
		display: none;
	}
		.page_recruit .contents table th,
	.page_recruit .contents table td {
		display: block;
		width: 100%;
		padding: 10px 15px;
		font-size: 1.4rem;
	}
	.page_recruit .contents table th {
		border: none;
	}
/* form */
	.page_contact .form .inner p {
		text-align: left;
	}
		form table input[type="text"],
	form table textarea {
		font-size: 1.6rem;
	}
	form .btn_form input[type="submit"] {
		width: 100%;
	}
	form table .select_input dl dd input {
		margin-right: 5px;
	}
	.page_contact .thanks p {
		text-align: left;
	}
	.page_contact .thanks .phone {
		text-align: center;
	}
}

@media screen and (max-width:  375px) {
	.page_recruit .entry li {
		width: 160px;
		height: 160px;
	}
}

@media screen and (max-width:  320px) {
	header h1 {
		top: 10px;
		left: 10px;
	}
	header h1 img {
		width: 260px;
	}
	footer .inner .info > dl {
		font-size: 1.2rem;
	}
		.news .inner .row.contents dl dt,
	.news .inner .row.contents dl dd {
		width: 100%;
		padding: 6px 0;
	}
	.mission .inner h1 {
		font-size: 2.0rem;
	}
	.mission .inner p {
		font-size: 1.4rem;
	}
	.pharmacy .column .photo table tbody th {
		font-size: 1.4rem;
	}
	.recruit .inner h1 {
		margin-bottom: 15px;
	}
	.recruit .inner p,
	.message .inner .contents h1 {
		font-size: 1.6rem;
	}
	.message .inner .contents p {
		font-size: 1.2rem;
	}
	.ttl_page {
		height: 180px;
	}
	.ttl_page h1 {
		font-size: 2.2rem;
	}
	.page_pharmacy .store h2 {
		font-size: 1.8rem;
	}
	.page_privacy .policy h2 {
		font-size: 1.8rem;
	}
	.page_privacy .policy h3 {
		font-size: 1.4rem;
	}
	.page_privacy .policy .inner .information dd a {
		margin-right: 0;
		display: block;
	}
	.page_prescription .ttl_page dl dt:before {
		font-size: 2.2rem;
	}
	.page_prescription .flow h2 {
		font-size: 2.2rem;
	}
		.page_recruit .howto h2,
	.page_recruit .contents h2 {
		font-size: 2.2rem;
	}
	.page_recruit .contents h2 small {
		font-size: 1.3rem;
	}
	.page_recruit .ttl_page dl dt:before {
		font-size: 2.2rem;
	}
	.page_recruit .entry li {
		width: 140px;
		height: 140px;
	}
}