/*
Theme Name: 和心ハーモニー
Theme URI: http://wagokoro-harmony.com/
Description: 和心ハーモニー
Version: 1.0
Author: 和心ハーモニー
Author URI: http://wagokoro-harmony.com/
*/

@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	background-position: center center;
	box-sizing: border-box;
	outline: none;
}

html {
	-webkit-text-size-adjust: 100%;
	height: 100%;
	font-size: 62.5%;
}

@media screen and (max-width:1200px) {
	html {
		font-size: 50.625%;
	}

}

@media screen and (max-width:1380px) {
	html {
		font-size: 56.25%;
	}

}

@media screen and (min-width:1700px) {
	html {
		font-size: 68.75%;
	}

}

body {
	overscroll-behavior-y: none;
	overscroll-behavior-x: none;
	position: relative;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	color: #222;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: auto;
	text-align: left;
	letter-spacing: 0.05em;
	height: 100%;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

li {
	list-style: none;
}

p {
	text-align: justify;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

.en {
	font-family: "Outfit", sans-serif;
	font-weight: 600;
}

.orange {
	color: #f5995e;
}

.green {
	color: #20b296;
}

.blue {
	color: #1a89e5;
}

img {
	width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ph_r {
	border-radius: 20px;
}

*::selection {
	background: #f5995e;
	color: #fff;
}

h1, h2, h3, h4 {
	line-height: 1.5;
	font-size: 100%;
	letter-spacing: 0.04em;
	font-feature-settings: "palt";
	font-weight: 500;
}

table {
	border-collapse: collapse;
}

.sp_only {
	display: none;
}

.pc_only {
	display: block;
}



/*Link*/
a {
	text-decoration: none;
	color: #222;
	transition: 0.2s ease-in-out;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a.child:hover {
	color: inherit;
}

a img {
	transition: 0.6s ease-in-out;
}

p a {
	text-decoration: underline;
}

:root {
  --glid: 4.34vw;
}

.flex {
	display: flex;
}

.cern-005 {
	letter-spacing: -0.05em;
}

.cern-01 {
	letter-spacing: -0.1em;
}

.cern-02 {
	letter-spacing: -0.2em;
}

.cern-03 {
	letter-spacing: -0.3em;
}

.cern-04 {
	letter-spacing: -0.4em;
}

.cern-05 {
	letter-spacing: -0.5em;
}

.indent05 {
	display: block;
	text-indent: -0.5em;
}

/*--------------------------------------
	
	Wide / layout
	
--------------------------------------*/
.wide_1 {
	width: 4.347vw;
}

.wide_2 {
	width: calc(4.347vw * 2);
}

.wide_3 {
	width: calc(4.347vw * 3);
}

.wide_4 {
	width: calc(4.347vw * 4);
}

.wide_5 {
	width: calc(4.347vw * 5);
}

.wide_6 {
	width: calc(4.347vw * 6);
}

.wide_7 {
	width: calc(4.347vw * 7);
}

.wide_8 {
	width: calc(4.347vw * 8);
}

.wide_9 {
	width: calc(4.347vw * 9);
}

.wide_10 {
	width: calc(4.347vw * 10);
}

.wide_11 {
	width: calc(4.347vw * 11);
}

.wide_12 {
	width: calc(4.347vw * 12);
}

.wide_13 {
	width: calc(4.347vw * 13);
}

.wide_14 {
	width: calc(4.347vw * 14);
}

.width_thin,
.wide_15 {
	width: calc(4.347vw * 15);
}

.wide_16 {
	width: calc(4.347vw * 16);
}

.wide_17 {
	width: calc(4.347vw * 17);
}

.wide_18 {
	width: calc(4.347vw * 18);
}

.wide_19 {
	width: calc(4.347vw * 19);
}

.wide_20 {
	width: calc(4.347vw * 20);
}

.wide_21 {
	width: calc(4.347vw * 21);
}

.wide_22 {
	width: calc(4.347vw * 22);
}

.wide_23 {
	width: calc(4.347vw * 23);
}

.wide_standard {
	width: calc(4.347vw * 17);
}

.wide_max {
	width: calc(4.347vw * 19);
}

.btn {
	display: inline-block;
	text-align: center;

	color: #f5995e;
	border-width: 3px;
	border-color: #f5995e;
	border-style: solid;	

	padding: 1em 1.5em;
	min-width: calc(4.347vw * 1.75);
	border-radius: 100vmax;
	font-size: 1.4rem;
}

.btn:hover {
	background: #f5995e;
	color: #fff;
}

.btn_blue {
	color: #1a89e5;
	border-color: #1a89e5;
}

.btn_blue:hover {
	background: #1a89e5;
}

.btn:hover .arrow {
	filter: brightness(500%);
}

.arrow {
	padding-right: 20px;
	background: url(images/arrow_orange_right.svg) no-repeat right center;
	background-size: 9px auto;
	line-height: 1;
}

.arrow_blue {
	background-image: url(images/arrow_blue_right.svg);
}

.blank {
	padding-right: 20px;
	background: url(images/icon_blank.svg) no-repeat right center;
	background-size: 12px auto;
	line-height: 1;
}

.wide_center {
	margin-left: auto;
	margin-right: auto;
}


.wave {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(4.347vw * 1.5);
	overflow: hidden;
}

.wave div {
	background-size: calc(4.447vw * 35) auto;

	width: calc(4.347vw * 35);
	height: 100%;
	
	animation: wave 5s infinite linear 0s both;
}

.wave_green div {
	background-image: url(images/wave_green.png);
	background-position: left top;
}

.wave_white div {
	background-image: url(images/wave_white.png);
	background-position: left bottom;
}



@keyframes wave {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(4.347vw * -7));
  }
}




/*--------------------------------------
	
	footer
	
--------------------------------------*/



footer {
	margin-top: calc(4.347vw * -1);
	position: relative;
	padding: calc(4.347vw * 1) 0 0 0;
	position: relative;
}

footer, footer a {
	color: #fff;
}

footer .content {
	background: #20b296;
	padding: calc(4.347vw * 2);
	display: flex;
	justify-content: space-between;
	align-content: flex-end;
	align-items: flex-end;
}

footer .content .sitemap {
	display: flex;
	margin-bottom: 70px;
	font-size: 2.0rem;
}

footer .content .sitemap ul {
	width: calc(4.347vw * 7);
	line-height: 40px;
	
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;

}

footer .content .sitemap ul:first-child {
	width: calc(4.347vw * 3);
}

footer .content .sitemap ul li {
	width: 100%;
}

footer .content .sitemap ul li.sub {
	width: 50%;
	font-size: 1.6rem;
}

footer .content .sitemap ul li a:hover {
	text-decoration: underline;
}


footer .content p {
	margin-bottom: 10px;
	font-size: 1.6rem;
}


footer .content .sns a {
	display: inline-block;
	width: 34px;
	margin-right: 10px;
}

footer .content .sub {
	filter: brightness(1000%);
}

footer .bottom {
	background: #20b296;
	border-top: 1px solid #79d1c0;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 2vw;
}

footer .bottom .copyright {
	font-size: 1.2rem;
}

footer .bottom .pagetop {
	width: 36px;
	height: 36px;
	border: 3px solid #fff;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 50%;
}

footer .bottom .pagetop img {
	width: 9px;
	filter: brightness(1000%);
}






/*--------------------------------------
	
	header
	
--------------------------------------*/

header {
	display: flex;
	padding: 40px 50px;
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	pointer-events: none;
}

header .toggle {

	display: none;
}

.home header .logo {

	width: 124px;
	

}

header .logo {
	width: 100px;
	pointer-events: auto;
}



header #menu {
	flex: 1;
	justify-content: space-between;

}

header .navi {
	display: flex;
	pointer-events: auto;
}

header .main {
	display: flex;
	justify-content: center;
	flex: 1;
	gap: 0.5em;
	font-size: 1.6rem;
	margin-top: -0.75em;
}

header .main li a {
	display: block;
	padding: 0.75em 1.0em;
	line-height: 1;
	border-radius: 100vmax;
}




.home header .main li.nav_home a,
.page-template-page-about header .main li.nav_about a,
.post-type-archive-pharmacy header .main li.nav_pharmacy a,
.single-pharmacy header .main li.nav_pharmacy a,
.post-type-archive-blog header .main li.nav_blog a,
.single-blog header .main li.nav_blog a,
.post-type-archive-staff header .main li.nav_staff a,
.single-staff header .main li.nav_staff a,
.page-template-page-recruit header .main li.nav_recruit a,
.page-template-page-company header .main li.nav_company a {
	color: #fff;
	background: #f5995e;
}




header .main li a:hover {
	color: #f5995e;
}

header .nav_contact {
	width: 60px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 21px;
	border-radius: 50%;
	background: #20b296;
}


/*--------------------------------------
	
	key
	
--------------------------------------*/


.key {
	width: 100%;
	height: 100vh;
	min-height: 45vw;
	position: relative;
	z-index: 50;
}

.key .content {
	width: calc(4.347vw * 18);
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	height: 100%;
}

.key .content .img {
	width: calc(4.347vw * 6);
}

.key .content .text {
	width: calc(4.347vw * 10);
}

.key .content .text .title {
	font-size: 4.62vw;
	line-height: 1.3;
	margin-bottom: 0.5em;
}

.key .scroll {
	color: #fff;
	font-size: 1.4rem;
	display: inline-block;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -2.5em;
}








.loading {
	width: 100%;
	height: 100%;
	z-index: 500;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
	pointer-events: none;
}

.loading.hide {
	opacity: 0;
}

.loading span.load {
	width: 100px;
	height: 100px;
	display: block;
	transition: 0.8s cubic-bezier(0.45, 0, 0.55, 1);
}

.loading span.load.hide {
	transform: scale(2.0);
	opacity: 0;
	filter: blur(50px);
}

.loading span.load img {
	animation: loading 10.5s infinite cubic-bezier(0.45, 0, 0.55, 1) 0s both;
}

@keyframes loading {
	0% {transform: rotate(0); filter: brightness(100%);}
	25% {transform: rotate(720deg); filter: brightness(120%);}
	50% {transform: rotate(1440deg); filter: brightness(100%);}
	75% {transform: rotate(720deg); filter: brightness(120%);}
	100% {transform: rotate(0deg); filter: brightness(100%);}

}

.home header {
	opacity: 0;
/* 	transform: translateY(-160px); */
	transition: 0.6s cubic-bezier(0.45, 0, 0.55, 1);
}

.home header.load {
	opacity: 1;
/* 	transform: translateY(0); */
}

.home .concept:before {
	transform: translateY(80px);
	transition: 0.7s cubic-bezier(0.45, 0, 0.55, 1);
}

.home.load .concept:before {
	transform: translateY(0);
}


.home .key .content {
	opacity: 0;
	transform: translateY(120px);
	filter: blur(50px);
	transition: 1.8s cubic-bezier(0.76, 0, 0.24, 1);
}

.home .key.load .content {
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
}


/*--------------------------------------
	
	home
	
--------------------------------------*/


/*concept*/

.home .concept {
	
	position: relative;
	
	overflow: hidden;
	margin: -75px 0 calc(4.347vw * 2.5) 0;
}

.home .concept .text {

}



.home .concept:before {
	content: '';
	display: block;
	width: 110%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -5%;
	border-top-left-radius: 50% 20vw;
	border-top-right-radius: 50% 20vw;
	border-bottom-left-radius: 50% 20vw;
	border-bottom-right-radius: 50% 20vw;
  
	background: url(images/bg.png) repeat-y center center;
	background-size: 100% auto;
}

.home .concept .content {
	position: relative;
	z-index: 10;
	padding: 250px 0;
}

.home .concept .lead {
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
	justify-content: space-between;
}

.home .concept .lead .img {
	width: calc(4.347vw * 6);
}

.home .concept .lead .img:first-child {
	transform: translateX(calc(4.347vw * -0.75));
}

.home .concept .lead .img:last-child {
		margin-bottom: 10vw;
		transform: translateX(calc(4.347vw * 0.75));
}

.home .concept .lead .text {
	width: calc(4.347vw * 9);
	margin-bottom: 3vw;
	filter: brightness(1000%);
}

.home .concept .lead .text .title {
	font-size: 5.4vw;
	margin-bottom: 45px;
	text-align: center;
	letter-spacing: 0.1em;
}

.home .concept .lead .text p {
	font-size: 1.32vw;
	margin-bottom: 80px;
}

.home .concept .lead .text .link {
	display: block;
	padding: 25px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}

.home .concept .ph {
	display: flex;
	justify-content: space-between;
	padding: calc(4.347vw * 1) calc(4.347vw * 1) calc(4.347vw * 3) calc(4.347vw * 1);
	position: relative;

}

.home .concept .ph div {
	display: flex;
	flex-direction: column;
	

}

.home .concept .ph01,
.home .concept .ph02,
.home .concept .ph03,
.home .concept .ph04 {
	position: relative;
	z-index: 10;


}

.home .concept .ph_r {
	opacity: 0;
	transition: 1.4s  cubic-bezier(0.45, 0, 0.55, 1);
	filter: blur(10px);
	transform: translateY(100px);
}


.home .concept .ph_r.show {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0);
}

.home .concept .ph01 {
	width: calc(4.347vw * 3.5);
}

.home .concept .ph01 img {
	margin-top: calc(4.347vw * 2);
}

.home .concept .ph02 img:first-child {
	width: calc(4.347vw * 3);
	margin-top: calc(4.347vw * 0.5);
	margin-bottom: calc(4.347vw * 3);
	align-self: flex-end;
}

.home .concept .ph02 img:last-child {
	width: calc(4.347vw * 2);
}

.home .concept .ph03 img {
	margin-top: calc(4.347vw * 2);
}

.home .concept .ph04 img:first-child {
	width: calc(4.347vw * 2);
	margin-bottom: calc(4.347vw * 4);
}

.home .concept .ph04 img:last-child {
	width: calc(4.347vw * 3);
	align-self: flex-end;
}


.textscroll {
	position: absolute;
	left: 0;
	top: 7vw;
	color: #ef7f6a;
	opacity: 0.3;
	font-size: 17.7vw;
	width: 100%;
	overflow: hidden;

}



.textscroll .text {
	display: flex;

	width: 750vw;
	flex-direction: row;

	
}


.textscroll .text p {
	width: 500vw;
	line-height: 1;

	
	word-break: break-all;
}

.textscroll .text01 {
	animation: textscroll01 50s infinite linear 0s both;
}

.textscroll .text02 {
	animation: textscroll01 35s infinite linear 0s both;
}


@keyframes textscroll01 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-260vw);
  }
}






.layout_content .textscroll {
	color: #ddd;
	font-size: 21.1vw;
	top: auto;
	bottom: 6vw;
}


.layout_content .textscroll .text p {
	width: 130vw;
}


.layout_content .textscroll .text01 {
	animation: textscroll02 50s infinite linear 0s both;
}

.layout_content .textscroll .text02 {
	animation: textscroll02 35s infinite linear 0s both;
}


@keyframes textscroll02 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-130vw);
  }
}





.layout_content .textscroll .text03 p,
.layout_content .textscroll .text04 p {
	width: 180vw;
}



.layout_content .textscroll .text03 {
	animation: textscroll03 50s infinite linear 0s both;
}

.layout_content .textscroll .text04 {
	animation: textscroll03 35s infinite linear 0s both;
}


@keyframes textscroll03 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-180vw);
  }
}






/*news*/


.home_news {
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	filter: brightness(1000%);

}

.home_news .title {
	font-size: 4.0rem;
	line-height: 1;

}

.home_news ul {
	padding-left: calc(4.347vw * 1);
	border-left: 1px solid #fff;
}

.home_news .btn:hover {
	background: none;
}

.home_news .btn {
	align-self: flex-end;
}



.list_news li {
	display: flex;
	margin-bottom: 25px;
}

.list_news li:last-child {
	margin-bottom: 0;
}

.list_news li .date {
	width: 8.5em;
	font-size: 1.6rem;
	line-height: 1.8;
}

.list_news li a {
	flex: 1;
}




/*blog*/


.home_blog,
.layout_archive {
	position: relative;

}

.home .home_blog {
	margin-bottom: calc(4.347vw * 3);
}



.home_blog .content,
.layout_archive .content {
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;

}


.home_blog .content .title,
.layout_archive .content .title {
	line-height: 1;
}

.home_blog .content .title,
.st_add {
	position: relative;
	padding-left: calc(4.347vw * 1);
	font-size: 4.0rem;
	margin-bottom: 70px;
	line-height: 1;
}

.st_add:before {
	content: '';
	display: block;
	width: calc(4.347vw * 0.6);
	height: 2px;
	background: #f5995e;
	position: absolute;
	left: 0;
	top: 0.5em;
}

.home_blog .btn,
.layout_archive .btn {
	position: absolute;
	left: 0;
	bottom: 0;
}

.layout_archive .btn_r {
	position: static;
}

.layout_archive .btn {
	left: calc(4.347vw * 0.9);
}

.btn_cvn {
	display: block;
	margin: 60px auto;
}




.list_blog li {
	display: flex;
	align-content: center;
	align-items: center;
	gap: calc(4.347vw * 1);
	margin-bottom: calc(4.347vw * 1);
}

.list_blog li:last-child {
	margin-bottom: 0;
}

.list_blog li .img img {
	border-radius: 20px;
}

.list_blog li .text {
	flex: 1;
	position: relative;
	padding-right: 100px;

}

.list_blog li .text:after {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background: url(images/arrow_orange_right.svg) no-repeat center center;
	background-size: 9px auto;
	border: 3px solid #f5995e;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
}

.list_blog li .date {
	display: block;
	font-size: 1.6rem;
}


.list_blog li .text .date {
	color: #20b296;
	margin-bottom: 8px;
}

.list_blog li .text .st {
	font-size: 2.0rem;
	margin-bottom: 18px;
	display: block;
}




div.tag {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3em;
}

div.tag a {
	display: inline-block;
	padding: 0.4em 1.2em 0.6em 1.2em;
	font-size: 1.1rem;
	color: #20b296;
	background: #dbe9e7;
	border-radius: 100vmax;
}

div.tag a:hover {
	background: #20b296;
	color: #fff;
}



/*pharmacy*/


.blue_wave {
	background: linear-gradient(#c1e9ff, #ebfaff);
	padding: calc(4.347vw * 4) 0;
}

.home_pharmacy {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.home_pharmacy .text {
	text-align: center;
}

.home_pharmacy .text .sst {
	font-size: 2.0rem;
	margin-bottom: calc(4.347vw * 0.4);
}

.home_pharmacy .text .title {
	width: 75%;
	padding-right: 10%;
	margin-bottom: calc(4.347vw * 0.5);
}



.home_pharmacy .content .ph {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: calc(50% - (4.347vw * 2.75));
}

.home_pharmacy .content .ph_left {
	left: calc(4.347vw * -2);
}

.home_pharmacy .content .ph_right {
	right: calc(4.347vw * -2);
}





/*--------------------------------------
	
	下層ページ
	
--------------------------------------*/


.page_title {
	text-align: center;
	padding: 180px 0 0 0;
}

.page_title .date {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.page_title .title {
	font-size: 7.0rem;
}

.page_title .title span.subtag {
	font-size: 2.0rem;
	display: block;
	margin-top: 1em;
	margin-bottom: 2.5em;
}

.post_title.page_title .title {
	font-size: 4.0rem;
}

.page_title .title:after {
	content: '';
	display: block;
	margin: 30px auto 0 auto;
	width: 130px;
	height: 2px;
	background: #f5995e;
}

.page_title .tag {
	margin-top: 40px;
	justify-content: center;
}

.page_title .title .en {
	display: block;
	font-size: 1.6rem;
	text-align: center;
	color: #20b296;
	margin-top: 10px;
}

.wrapper {
	padding-bottom: calc(4.347vw * 1);

}

.section {
	width: 100%;
	padding: calc(4.347vw * 2.5) 0 calc(4.347vw * 3) 0;
	position: relative;
}

.section:first-child {
	padding-top: calc(4.347vw * 1.25);
}


.border_g {
	position: relative;

}

.border_g:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/bg.png) no-repeat center center;
	background-size: cover;
}





/*投稿*/

.eyecatch {
	padding: 0 calc(4.347vw * 1);
	margin-bottom: 75px;
}

.eyecatch img {
	border-radius: 20px;
}

.post_body h2 {
	text-align: center;
	font-size: 3.2rem;
	margin: 90px 0 60px 0;
	padding: 0 60px;
}

.post_body h2:first-child {
	margin-top: 0;
}

.post_body h2:after {
	content: '';
	display: block;
	width: 67px;
	height: 5px;
	background: url(images/h2.svg) no-repeat center center;
	background-size: contain;
	margin: 30px auto 0 auto;
}

.post_body p {
	margin: 0 0 60px 0;
}

.post_body .wp-block-image {
	padding: calc(4.347vw * 0.5) calc(4.347vw * 1);
	margin: 0 0 60px 0;
}

.post_body .wp-block-image img {
	border-radius: 20px;
}

.post_body figcaption {
	font-size: 1.4rem;
	margin: 8px 0 0 0;
}

.post_body h3 {
	font-size: 2.8rem;
	margin: 80px 0 40px 0;
	padding: 0 0 20px 30px;
	border-bottom: 2px solid #d7d7d7;
	position: relative;
}

.post_body h3:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: #20b296;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0.6em;
}

.post_body h4 {
	font-size: 2.4rem;
	color: #20b296;
	margin: 70px 0 30px 0;
}


.post_body p:last-child,
.post_body .wp-block-image:last-child {
	margin-bottom: 0;
}



/*pharmacy*/

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


.layout_pharmacy .text {
	padding-top: 1%;
}


.table_center {
	margin-left: auto;
	margin-right: auto;
}


.layout_pharmacy table {
	margin-bottom: 30px;
}

.table_standard th,
.table_standard td,
.layout_pharmacy table th,
.layout_pharmacy table td {
	padding: 0 0 20px 0;
	vertical-align: top;
	font-size: 1.8rem;
}

.table_border th,
.table_border td {
	border-bottom: 1px solid #d7d7d7;
	padding-top: 30px;
}


.table_standard th,
.layout_pharmacy table th {
	color: #20b296;
	width: calc(4.347vw * 2);
}

.layout_pharmacy .img img {
	border-radius: 20px;
	display: block;
	margin-bottom: 20px;
}

.layout_pharmacy .img .links {
	text-align: right;
	font-size: 1.6rem;
}

.layout_pharmacy .img .links a {
	margin-left: 10px;
}

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

.layout_pharmacy .able_list li {
	width: 48.5%;
	border: 2px solid #d8d8d8;
	border-radius: 5px;
	font-size: 1.4rem;
	color: #999;
	padding: 15px 5px 15px 50px;
	margin-bottom: 0.9vw;
	text-align: center;
	background: no-repeat left 2% center;
	background-size: auto 93%;
	filter: grayscale(100);
	font-weight: bold;
}

.layout_pharmacy .able_list.parking li.parking,
.layout_pharmacy .able_list.credit li.credit,
.layout_pharmacy .able_list.e-money li.e-money,
.layout_pharmacy .able_list.wheelchair li.wheelchair,
.layout_pharmacy .able_list.pharmacist li.pharmacist,
.layout_pharmacy .able_list.consultation li.consultation {
	filter: grayscale(0);
	color: #f5995e;
	border-color: #f5995e;
}


.layout_pharmacy .able_list li.parking {
	background-image: url(images/icon_cat01.svg);
}
.layout_pharmacy .able_list li.credit {
	background-image: url(images/icon_cat02.svg);
}

.layout_pharmacy .able_list li.e-money {
	background-image: url(images/icon_cat03.svg);
}

.layout_pharmacy .able_list li.wheelchair {
	background-image: url(images/icon_cat04.svg);
}

.layout_pharmacy .able_list li.pharmacist {
	background-image: url(images/icon_cat05.svg);
}

.layout_pharmacy .able_list li.consultation {
	background-image: url(images/icon_cat06.svg);
}


/*pharmacy list*/

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

.pharmacy_list:after {
	content: '';
	display: block;
	width: calc(4.347vw * 5);
}

.pharmacy_list li .img img {
	border-radius: 20px;
}

.pharmacy_list li {
	margin-bottom: 5vw;
}

.layout_archive .pharmacy_list li {
	margin-bottom: 0;
}

.pharmacy_list li .text {
	padding: 35px 8px 0 8px;
}

.pharmacy_list li .text .st {
	font-size: 2.8rem;
	margin-bottom: 15px;
}

.pharmacy_list li .text p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.pharmacy_list li .text p.time {
	margin-top: 8px;
}


/*staff list*/

.staff_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
}
/*

.staff_list:after {
	content: '';
	width: calc(4.347vw * 4);
}
*/

.staff_list li {
	text-align: left;
	margin-bottom: calc(4.347vw * 1);
	padding-bottom: calc(4.347vw * 1);
	border-bottom: 1px solid #daddd6;
	
	display: flex;
	gap: 40px;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.layout_archive .staff_list li {
	margin-right: auto;
	margin-bottom: 0;
}

.staff_list li:nth-child(3n) {
	margin-right: 0;
}

.page_title .face,
.staff_list li .img {
	width: 20%;
	border-radius: 50%;
/* 	border: 3px solid #20b296; */
	background: #dbe9e7;
	margin: 0 auto;
	overflow: hidden;
	aspect-ratio: 1/1;
}

.page_title .face {
	width: calc(4.347vw * 3);
	margin-bottom: 40px;
}

.page_title .face img,
.staff_list li .img img {
	transform: scale(0.96);
	transform-origin: top center;
}

.staff_list li .text {
	padding: 30px 0 0 0;
	flex: 1;
}

.staff_list li .st {
	font-size: 2.8rem;
	color: #20b296;
	margin-bottom: 20px;
}

.staff_list li .st .en {
	font-size: 1.4rem;
	display: block;
	margin-top: 5px;
}

.staff_list li h2 {
	font-size: 120%;
	margin-bottom: 1em;
}

.staff_list li p {
	margin-bottom: 20px;
}



/*company*/


.layout_content .lead {

	margin: 0 auto;
	padding-bottom: 40px;
}

.layout_content .layout {
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 10;
}

.layout_content .layout:nth-child(even) {
	flex-direction: row-reverse;

}

.layout_content .layout:nth-child(n+2) {
	margin-top: 80px;
}

.layout_content .layout .text {
	padding-top: 2vw;
}

.layout_content .layout .text .st {
	font-size: 4.0rem;
	margin: 0 0 40px 0;
}

.sign {
	text-align: right;
	margin-top: 40px;
}

.sign .sub {
	font-size: 1.4rem;
	display: block;
	color: #20b296;
}



/*recruit*/

.feature_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.feature_list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.feature_list li .img {
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #dbe9e7;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: flex-start;
}

.feature_list li .img img {
	width: 50%;
}

.feature_list li .text {
	width: calc(4.347vw * 5.5);
	align-self: center;
}

.feature_list li .text .st {
	font-size: 2.8rem;

	color: #20b296;
}

.feature_list li .text p {
	margin-top: 15px;
}

.tab {
	margin: 0 auto 60px auto;
	display: flex;
}

.tab li {
	background: #f3f3f3;
	flex: 1;
	padding: 35px 35px;
	font-size: 2.4rem;
	cursor: pointer;
}

.tab li span {
	padding-right: 20px;
	background: url(images/arrow_orange_bottom.svg) no-repeat right center;
	background-size: 15px auto;
	line-height: 1;
	display: block;
}

.tab li.on {
	background: linear-gradient(90deg, #f08668, #fccf6b);
}

.tab li.on span {
	filter: brightness(1000%);
}


.tab_content {
	display: none;
}

.tab_content.on {
	display: block;
}


/*お問い合わせ*/


.contact_form {

}


.form_list li {
	padding: 25px 0;
}

.form_list label {
	display: flex;
}

.form_list label span {
	display: block;
}

.form_list label span.title {
	width: 15em;
}

.form_list label span.form {
	flex: 1;
}

.form_list label br {
	display: none;
}

.form_list label input,
.form_list label textarea {
    background: #f5f5f5;
    border: none;
    font-size: 16px;
    padding: 7px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #daddd6;
}


.contact_form .wpcf7-submit {
	display: block;
	text-align: center;

	color: #fff;
	border-width: 3px;
	background: #f5995e;
	border-style: solid;	

	padding: 1.5em 1.5em;
	min-width: calc(4.347vw * 5);
	border: none;
	border-radius: 100vmax;
	font-size: 1.8rem;
	margin: 40px auto;
	transition: 0.4s ease-in-out;
	cursor: pointer;
}

.contact_form .wpcf7-submit:hover {
	background: #20b296;
	color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #dc3232 !important;
	margin: 0 !important;
	padding: 1.25em !important;
}



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

	pagenavi

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

/*
.wp-pagenavi_area {
	text-align: center;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 120px;
}
*/

.wp-pagenavi {
	width: 100%;
	text-align: center;
	padding: 80px 0 220px 0;
	margin: 0 auto;

}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding: 4px 14px 4px 18px;
	background: #f5995e;
	border: 1px solid #f5995e !important;
	color: #fff;

	margin: 0 5px !important;
	border-radius: 30px;
}

.wp-pagenavi a:hover {
	border: none;
	border: 1px solid #f5995e !important;
	background: #fff;
	color: #f5995e;
}

.wp-pagenavi span.current {
	border: none;
	border: 1px solid #f5995e !important;
	background: #fff;
	color: #f5995e;
	font-weight: normal;
}

.wp-pagenavi span.pages {
	font-size: 75%;
	background: none;
	color: #222;
	display: block;
	margin: 0 0 20px 0 !important;
	border: none !important;
}

.wp-pagenavi a, .wp-pagenavi span {

	padding: 6px 15px 9px 15px !important;
}

.wp-pagenavi span.extend {
	display: none;
}

.wp-pagenavi span.extend {
	display: none;
}


.grecaptcha-badge {
	display: none !important;
}

.page-id-72 .grecaptcha-badge {
	display: block !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------
	
	スマホ
	
------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
html {
	font-size: 62.5%;
	width: 100%;
}

body {
	font-size: 1.4rem;
}

body, html {
	min-width: 100%;
	height: 100%;
}

p {
	font-size: 1.4rem;
	text-align: left;
}

h1,h2,h3,h4 {
	font-size: 1.6rem;
}

.sp_only {
	display: block;
}

.pc_only {
	display: none;
}

.gmap {
	padding-top: 150%;
}

.width_wide {
	width: 88vw;
}

.dot_h_red {
	background-size: auto 2px;
}

.dot_h_blue {
	background-size: auto 2px;
}

.dot_v_red {
	background-size: 2px auto;
}

.dot_v_blue {
	background-size: 2px auto;
}

.flex {
	flex-wrap: wrap;
}

.wp-block-columns-is-layout-flex {
	display: block;
}


.ph_r {
	border-radius: 3vw;
}





.btn {

	border-width: 2px;


	padding: 0.75em 1.5em;


	font-size: 1.2rem;
}


.arrow {
	padding-right: 15px;
	background-size: 7px auto;
}













/*--------------------------------------
	
	Wide / layout
	
--------------------------------------*/

.wide_center {
	padding-left: 6vw;
	padding-right: 6vw;
}







/*--------------------------------------
	
	footer
	
--------------------------------------*/



footer {
/*
	margin-top: calc(4.347vw * -1);
	position: relative;
	padding: calc(4.347vw * 1) 0 0 0;
	position: relative;
*/
}

footer .content {
/*
	background: #20b296;
	padding: calc(4.347vw * 2);
*/
	display: block;
	padding: 6vw;
/*
	justify-content: space-between;
	align-content: flex-end;
	align-items: flex-end;
*/
}

footer .content .sitemap {
	width: 100%;
	
	display: block;
	margin-bottom: 8vw;
	font-size: 1.6rem;
}

footer .content .sitemap ul {
	width: 100%;
	line-height: 2.5em;
	
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;

}

footer .content .sitemap ul:first-child {
	width: 100%;
}

footer .content .sitemap ul li {
	width: 50%;
}

footer .content .sitemap ul li.parent {
	width: 100%;
	margin-bottom: 2vw;
}

footer .content .sitemap ul li.sub {
	width: 50%;
	font-size: 1.2rem;
	line-height: 2.0;
}



footer .content p {
	margin-bottom: 10px;
	font-size: 1.4rem;
}


footer .content .sns a {
	width: 28px;
}



footer .content div.sub {
	display: none;
}



footer .bottom {
	padding: 5vw;
}

footer .bottom .copyright {
	font-size: 1.0rem;
}

footer .bottom .pagetop {
	width: 28px;
	height: 28px;
	border: 2px solid #fff;
}

footer .bottom .pagetop img {
	width: 6px;
}










/*--------------------------------------
	
	header
	
--------------------------------------*/
header {
	position: absolute;
	padding: 5.5vw;
}

.home header .logo {
	width: 23vw;
	background: none;
	height: auto;
	pointer-events: auto;
}

.home header .logo img {
	display: block;
}

header .logo {
	width: 120px;
	height: 62px;
	background: url(images/logo.png) no-repeat center center;
	background-size: contain;
	pointer-events: auto;
}

header .logo a {
	pointer-events: auto !important;
	display: block;
	width: 100%;
	height: 100%;
}

header .logo img {
	display: none;
}

header .logo .main {

}



header .toggle {
	display: block ;
	position: fixed;
	z-index: 400;
	top: 5vw;
	right: 5vw;
	width: 56px;
	height: 56px;
	transition: 0.3s ease-in-out;
	opacity: 1;
/* 	border: 3px solid #20b296; */
	background: #20b296;
	border-radius: 50%;
	pointer-events: auto;
}




.toggle.fix {
	opacity: 1;
}

.toggle span {
	display: block;
	position: absolute;
	transition: 0.3s ease-in-out;
	width: 18px;
	height: 2.0px;
	left: 19px;
	
	background: #fff;
}

.toggle span:first-child {
	top: 24px;
}

.toggle span:nth-child(2) {
	top: 32px;
}

.toggle.active span:first-child {
	transform: rotate(30deg);
	top: 28px;
}

.toggle.active span:nth-child(2) {
	transform: rotate(-30deg);
	top: 28px;
}




header.normal:before {
	opacity: 0.5;
}

header #menu {
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0;
	width: 100vw;
	height: 100%;
	z-index: 200;
	transition: 0.4s ease-in-out;
	pointer-events: none;
	padding: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	background: #fff;
}

header.normal #menu {
	transition: 0.3s ease-in-out;
	opacity: 1;
	pointer-events: auto;
	

}

header .navi {
	display: block;
	
	width: 70%;
	pointer-events: none;
}

header.normal .navi {
	pointer-events: auto;
}

header .main {
	display: block;
	margin-top: 0;
	margin-bottom: 10vw;
}



.home header .main li.nav_home a,
.page-template-page-about header .main li.nav_about a,
.post-type-archive-pharmacy header .main li.nav_pharmacy a,
.single-pharmacy header .main li.nav_pharmacy a,
.post-type-archive-blog header .main li.nav_blog a,
.single-blog header .main li.nav_blog a,
.post-type-archive-staff header .main li.nav_staff a,
.single-staff header .main li.nav_staff a,
.page-template-page-recruit header .main li.nav_recruit a,
.page-template-page-company header .main li.nav_company a {
	background: none;
	color: #f5995e;
}

header .nav_contact {
	width: 100%;
	aspect-ratio: auto;
	border-radius: 100vmax;
	background: #f5995e;
}
header .nav_contact img {
	width: 16px;
}
header .nav_contact:before {
	content: 'お問い合わせ';
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 1em;
	color: #fff;

}













/*--------------------------------------
	
	key
	
--------------------------------------*/


.key {
	width: 100%;
	height: 100dvh;
	position: relative;
	z-index: 50;
}

.key .content {
	width: 100%;
	flex-direction: column;

	justify-content: center;

	height: 100%;
}

.key .content .img {
	width: 40vw;
	margin-bottom: 6vw;
}

.key .content .text {
	width: 100%;
}

.key .content .text .title {
	font-size: 2.8rem;
	margin-bottom: 0.5em;
	text-align: center;
}

.key .scroll {
	font-size: 1.2rem;
	bottom: 4vw;
}




/*--------------------------------------
	
	home
	
--------------------------------------*/


/*concept*/

.home .concept {
	margin: -50px 0 12vw 0;
}

/*
.home .concept:before {
	content: '';
	display: block;
	width: 110%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -5%;
	border-top-left-radius: 50% 20vw;
	border-top-right-radius: 50% 20vw;
	border-bottom-left-radius: 50% 20vw;
	border-bottom-right-radius: 50% 20vw;
  
	background: url(images/bg.png) repeat-y center center;
	background-size: 100% auto;
}
*/
.home .concept:before {

	border-top-left-radius: 50% 15vw;
	border-top-right-radius: 50% 15vw;
	border-bottom-left-radius: 50% 15vw;
	border-bottom-right-radius: 50% 15vw;

	background-size: auto 100%;
}

.home .concept .content {
	position: relative;
	z-index: 10;
	padding: 30vw 0;
}

.home .concept .lead {
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
	justify-content: space-between;
	
	flex-wrap: wrap;
}

.home .concept .lead .img {
	position: relative;
	z-index: 10;
}

.home .concept .lead .img:first-child {
	width: 35%;
	transform: translateX(0);
	order: 2;
}

.home .concept .lead .img:first-child img.ph_r {
	border-radius: 0 3vw 3vw 0;
}

.home .concept .lead .img:last-child {
	width: 40%;
	margin-bottom: 12vw;
	transform: translateX(-8vw);
	order: 3;
}

.home .concept .lead .text {
	order: 1;
	
	width: 70%;
	margin: 0 auto 16vw auto;

}

.home .concept .lead .text .title {
	font-size: 3.2rem;
	margin-bottom: 6vw;

}

.home .concept .lead .text p {
	font-size: 1.6rem;
	margin-bottom: 8vw;
}

.home .concept .lead .text .link {
	padding: 6vw 0;
}









.home .concept .ph {
	flex-wrap: wrap;
	padding: 8vw 0 16vw 0;


}

.home .concept .ph div {
	display: flex;
	flex-direction: column;

}

.home .concept .ph01,
.home .concept .ph02,
.home .concept .ph03,
.home .concept .ph04 {
	position: relative;
	z-index: 10;

}

.home .concept .ph01 {
	width: 50vw;
	padding: 0 0 0 0;
}

.home .concept .ph01 img {
	margin-top: 0;
	border-radius: 3vw 0 0 3vw;
}

.home .concept .ph01,
.home .concept .ph02,
.home .concept .ph03,
.home .concept .ph04 {
	width: 45vw;
	padding: 0;
	margin: 0;
}


.home .concept .ph01 {
	order: 2;
	width: 35vw;
}

.home .concept .ph02 {
	order: 1;
	width: 50vw;
}

.home .concept .ph03 {
	order: 4;
	width: 35vw;
	margin-right: 10vw;
}

.home .concept .ph04 {
	order: 3;
	width: 50vw;
}






.home .concept .ph02 img:first-child {
	width: 35%;
	margin-top: calc(4.347vw * 0.5);
	margin-bottom: calc(4.347vw * 3);
	align-self: flex-end;
}

.home .concept .ph02 img:last-child {
	width: 60%;
	transform: translateX(12vw);
}

.home .concept .ph03 img {
	margin-top: -12vw;
	transform: translateX(-2vw);
}

.home .concept .ph .ph04 {
	flex-direction: column-reverse;
	margin-top: 8vw;
	transform: translateX(10vw);
}


.home .concept .ph04 img:first-child {
/*
	width: 50%;
	margin-bottom: 0;
	margin-top: 12vw;
		align-self: flex-end;
*/
		display: none;
}

.home .concept .ph04 img:last-child {
	width: 35%;
	align-self: flex-start;
	transform: translateX(8vw);
	margin-top: 8vw;
}









.textscroll {
	display: none;

	left: 0;
	top: -20vw;


	width: 100vw;

}

.textscroll .text {

	width: 3000vw;

}


.textscroll .text p {
	width: 1000vw;
	font-size: 50vw;
}


.textscroll .text01 {
	animation: textscroll01_sp 50s infinite linear 0s both;
}

.textscroll .text02 {
	animation: textscroll01_sp 35s infinite linear 0s both;
}



@keyframes textscroll01_sp {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-1000vw);
  }
}













/*news*/


.home_news {
	display: block;
/*
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	filter: brightness(1000%);
*/
	width: 100%;
	
	
	text-align: center;
}

.home_news .title {
	font-size: 2.8rem;

	width: 100%;
	margin-bottom: 8vw;
	
	text-align: left;
}

.home_news ul {
	width: 100%;
	padding-left: 0;
	border-left: none;
	text-align: left;
	margin-bottom: 10vw;
}

.home_news .btn:hover {
	background: none;
}

.home_news .btn {
	width: 80%;
}


.list_news {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}


.list_news li {
	display: block;
	margin-bottom: 0;
	
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding: 4vw 0;
}

.list_news li:last-child {
	margin-bottom: 0;
}

.list_news li .date {
	display: block;
	width: 100%;
	font-size: 1.2rem;
}






/*blog*/


.layout_archive,
.home_blog {

	width: 100%;
	text-align: center;
}


.home .home_blog {
	margin-bottom: 8vw;
}

.layout_archive .content,
.home_blog .content {
	display: block;


}

.layout_archive .title,
.layout_archive .content .title,
.home_blog .content .title {
	font-size: 2.4rem;
	width: 100%;
	margin-bottom: 8vw;
	text-align: left;
}

.home_blog .content .title {
	padding-left: 0;
}


.st_add {
	padding-left: 0;

}

.st_add:before {
	content: none;

}


.layout_archive .btn,
.home_blog .btn {
	position: static;
		width: 80%;
}

.layout_archive .list_blog,
.home_blog .list_blog {
	text-align: left;
	width: 100%;
	border-top: 1px solid #d7d7d7;
	margin-bottom: 10vw;
}

.local_content .list_blog {
	width: 100%;
}

.list_blog li {
	border-bottom: 1px solid #d7d7d7;
	padding: 6vw 0;
	

	align-content: flex-start;
	align-items: flex-start;
	gap: 5vw;
	margin-bottom: 0;
}



.list_blog li .img {
	width: 35%;
}

.list_blog li .img img {
	border-radius: 3vw;
}

.list_blog li .text {
	flex: 1;
	position: relative;
	padding-right: 0;

}

.list_blog li .text:after {
	width: 9px;
	height: 9px;
/*
	background: url(images/arrow_orange_right.svg) no-repeat center center;
	background-size: 9px auto;
*/
	border: none;
	border-radius: 0;

	right: 0;
	top: auto;
	bottom: 1.5vw;
	margin-top: 0;
}

.list_blog li .date {
	font-size: 1.2rem;
}


.list_blog li .text .date {
	margin-bottom: 1vw;
}



.list_blog li .text .st {
	font-size: 1.6rem;
	margin-bottom: 4vw;

}

.list_blog li .text .st:last-child {
	margin-bottom: 0;
}

.list_blog li .text .tag {
	margin-top: 4vw;
}

div.tag a {
	display: inline-block;
	padding: 0.2em 0.8em 0.4em 0.8em;
	font-size: 1.0rem;
}








/*pharmacy*/


.blue_wave {

	padding: 20vw 0 14vw 0;
}

.home_pharmacy .content {
	display: flex;
	flex-wrap: wrap;
	padding: 0 6vw;
}

.home_pharmacy .text {
	width: 100%;
	order: 1;
	margin-bottom: 12vw;
}

.home_pharmacy .text .sst {
	font-size: 1.6rem;
	margin-bottom: 4vw;
}

.home_pharmacy .text .title {
	width: 85%;
	padding-right: 10%;
	margin-bottom: 6vw;
}

.home_pharmacy .text .btn {
	width: 80%;
}



.home_pharmacy .content .ph {
	display: flex;
	
	justify-content: space-between;
	position: static;
	top: auto;
	
	width: 50%
}

.home_pharmacy .content .ph_left {
	order: 2;
	left: auto;

}

.home_pharmacy .content .ph_right {
	order: 3;
	right: auto;
}


.home_pharmacy .content .ph img {
	width: 50%;
	border-radius: 0;
}









/*--------------------------------------
	
	下層ページ
	
--------------------------------------*/


.page_title {
	padding: 140px 10vw 0 10vw;
}

.page_title .title span.subtag {
	font-size: 1.6rem;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.page_title .date {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.page_title .title {
	font-size: 3.2rem;
}

.post_title.page_title .title {
	font-size: 2.8rem;
}

.page_title .title:after {
	margin: 15px auto 0 auto;
	width: 80px;
}

.page_title .tag {
	margin-top: 20px;
}



.page_title .title .en {
	font-size: 1.2rem;
	margin-top: 8px;
	margin-bottom: 20px;
}




.wrapper {
	padding-bottom: 6vw;
}

.section {

	padding: 12vw 0 12vw 0;
}

.section:first-child {
	padding-top: 30px;
}


.local_content {
	width: 100%;
}





.border_g:before {
	height: 6px;
}













/*投稿*/

.eyecatch {
	padding: 0 4vw;
	margin-bottom: 12vw;
}

.eyecatch img {
	border-radius: 3vw;
}


.post_body h2 {
	text-align: center;
	font-size: 2.4rem;
	margin: 12vw 0 8vw 0;
	padding: 0 4vw;
}

.post_body h2:first-child {
	margin-top: 0;
}

.post_body h2:after {
	margin: 20px auto 0 auto;
}

.post_body p {
	margin: 0 0 8vw 0;
}

.post_body .wp-block-image {
	padding: 4vw 4vw;
	margin: 0 0 8vw 0;
}

.post_body .wp-block-image img {
	border-radius: 3vw;
}

.post_body figcaption {
	font-size: 1.4rem;
	margin: 8px 0 0 0;
}

.post_body h3 {
	font-size: 2.0rem;
	margin: 10vw 0 6vw 0;

	padding-bottom: 4vw;


}



.post_body h4 {
	font-size: 1.8rem;
	color: #20b296;
	margin: 8vw 0 4vw 0;
}










/*pharmacy*/

.layout_pharmacy {

	flex-direction: column-reverse;
}


.layout_pharmacy .text,
.layout_pharmacy .img {
	width: 100%;
}

.layout_pharmacy .text {
	padding-top: 0;
}






.table_standard,
.layout_pharmacy table {
	margin-bottom: 6vw;
}

.table_standard th,
.table_standard td,
.layout_pharmacy table th,
.layout_pharmacy table td {
/* 	display: block; */
	text-align: left;
	padding: 0 3vw 2vw 0;
	vertical-align: top;
	font-size: 1.4rem;
}

.table_standard th,
.layout_pharmacy table th {
	width: 7.5em;
/* 	width: 100%; */
/* 	padding-bottom: 3px; */
}





.layout_pharmacy .img img {
	border-radius: 3vw;
	margin-bottom: 4vw;
}

.layout_pharmacy .img .links {
	text-align: right;
	font-size: 1.2rem;
}

.layout_pharmacy .img .links a {
	margin-left: 0;
	margin-bottom: 8px;
	display: block;
}




.table_center {
	width: 100%;
}

.table_border th,
.table_border td {
	padding-top: 4vw;
}




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

.layout_pharmacy .able_list li {
/*
	width: 48.5%;
	border: 2px solid #d8d8d8;
*/
	width: 49%;
	border-radius: 2vw;
	font-size: 1.1rem;


	margin-bottom: 2vw;
	padding: 5% 2% 5% 15%;

	background-size: auto 90%;
}

.layout_pharmacy .able_list li.on {
	filter: grayscale(0);
	color: #f5995e;
	border-color: #f5995e;
}

.layout_pharmacy .able_list li.parking {
	background-image: url(images/icon_cat01.svg);
}
.layout_pharmacy .able_list li.credit {
	background-image: url(images/icon_cat02.svg);
}

.layout_pharmacy .able_list li.e-money {
	background-image: url(images/icon_cat03.svg);
}

.layout_pharmacy .able_list li.wheelchair {
	background-image: url(images/icon_cat04.svg);
}

.layout_pharmacy .able_list li.pharmacist {
	background-image: url(images/icon_cat05.svg);
}

.layout_pharmacy .able_list li.consultation {
	background-image: url(images/icon_cat06.svg);
}









/*pharmacy list*/

/*
.pharmacy_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pharmacy_list:after {
	content: '';
	display: block;
	width: calc(4.347vw * 5);
}
*/

.pharmacy_list li {
	width: 47%;
}

.pharmacy_list li .img img {
	border-radius: 3vw;
}

.pharmacy_list li {
	margin-bottom: 8vw;
}

.layout_archive .pharmacy_list li {
	margin-bottom: 8vw;
}

.pharmacy_list li .text {
	padding: 4vw 2vw;
}

.pharmacy_list li .text .st {
	text-align: left;
	font-size: 1.6rem;
	margin-bottom: 1vw;
}

.pharmacy_list li .text p {
	font-size: 1.2rem;
}

.pharmacy_list li .text p.time {
	margin-top: 2vw;

}


/*staff list*/

.staff_list {
/*
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
*/
	flex-direction: column;
	margin-bottom: 8vw;
}

.staff_list li {
	display: block;
	width: 100%;
	text-align: center;
	padding: 6vw 0;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 0;
}

.staff_list li a {
	display: flex;
	align-content: center;
	align-items: center;
}

.page_title .face,
.staff_list li .img {
	width: 40%;
	aspect-ratio: 1/1;
	align-self: flex-start;
	margin: 0 auto 6vw auto;
}

.page_title .face {
	width: 50%;
	margin: 0 auto 8vw auto;

}

.staff_list li .text {
	width: 100%;
	padding: 0 0 0 0;
}

.staff_list li .st {
	font-size: 2.0rem;
	margin-bottom: 4vw;
}

.staff_list li .st .en {
	font-size: 1.2rem;
	margin-top: 2px;
}

.staff_list li h2 {
	padding: 0 8vw;
}

.staff_list li h2 br {
	display: none;
}

.staff_list li p {
	font-size: 1.4rem;
	margin-bottom: 12px;
	text-align: justify;
}




/*company*/


.layout_content .lead {
	width: 85%;
	padding-bottom: 0;

}

.layout_content .lead p {
	font-size: 1.6rem;

}

.layout_content .layout {
	flex-direction: column;
}

.layout_content .layout:nth-child(even) {
	flex-direction: column;
	margin-top: 16vw;
}


.layout_content .layout .img {
	width: 70%;
	margin: 0 auto 12vw auto;
}

.layout_content .layout .text {
	width: 100%;
}

.layout_content .layout .text .st {
	font-size: 2.4rem;
	margin: 0 0 6vw 0;
}

.sign {
	text-align: right;
	margin-top: 4vw;
}

.sign .sub {
	font-size: 1.2rem;
}




/*recruit*/

.feature_list {
	width: 100%;

}

.feature_list li {
	width: 100%;
	margin-bottom: 8vw;
}

.feature_list li .img {
	width: 20%;

}

.feature_list li .img img {
	width: 50%;
}

.feature_list li .text {
	width: 73%;
}

.feature_list li .text .st {
	font-size: 2.2rem;
	text-align: left;
	margin-bottom: 1vw;

}




.tab {
	width: 100%;
	margin: 0 auto 6vw auto;
}

.tab li {

	padding: 6vw 4vw;
	font-size: 1.6rem;
	text-align: left;

}

.tab li span {
	padding-right: 15px;

	background-size: 10px auto;
}




/*お問い合わせ*/


.contact_form {
	width: 100%;
}

.form_list li {
	padding: 4vw 0;
}

.form_list label {
	display: block;
}



.form_list label span.title {
	width: 100%;
	padding-bottom: 2vw;
}

/*
.form_list label span.form {
	flex: 1;
}
*/

/*
.form_list label br {
	display: none;
}
*/

.form_list label input,
.form_list label textarea {
/*
    background: #f5f5f5;
    border: none;
*/
/*     font-size: 16px; */
/*
    padding: 7px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #daddd6;
*/
}


.contact_form .wpcf7-submit {
/*
	display: block;
	text-align: center;

	color: #fff;
	border-width: 3px;
	background: #f5995e;
	border-style: solid;	

	padding: 1.5em 1.5em;
*/
	min-width: 80%;
/*
	border: none;
	border-radius: 100vmax;
*/
	font-size: 1.6rem;
/*
	margin: 40px auto;
	transition: 0.4s ease-in-out;
	cursor: pointer;
*/
}

.contact_form .wpcf7-submit:hover {
/*
	background: #20b296;
	color: #fff;
*/
}


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

	pagenavi

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

/*
.wp-pagenavi_area {
	margin: 40px 0 40px 0;
}
*/

.wp-pagenavi {
	padding: 12vw 0 24vw 0;
	margin: 0 auto 30px auto;
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding: 6px 14px;
}



.wp-pagenavi span.pages {
	margin: 0 0 10px 0;
}

.wp-pagenavi a.last,
.wp-pagenavi a.first {
	display: none;
}



}