html {
 overflow-y: scroll;
}

body{font-size:16px; letter-spacing:0.5px;font-family: 'Noto Sans JP'; line-height:1.5; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";}
.global-inner{ margin:0 auto; min-width:1100px; width:70%; position:relative;}
.global-inner-pc-only{ margin:0 auto; min-width:800px; width:75%; position:relative;}
.text{line-height:1.8;text-align: justify;}
.text-center{text-align:center;}
.text-left{text-align:left !important;}
main{padding-top:70px; padding-bottom:100px;margin-bottom: -1px;}
section{margin-top:100px;}
img{width:100%; height:auto;}
a img{transition:0.2s all;}
a img:hover{transform: scale(1.2);transition:0.2s all; letter-spacing:2px;}
a img.no-zoom:hover{transform: scale(1.0);}

h2{font-size:20px; line-height:1.4; margin-bottom:60px; margin-top:100px; white-space:nowrap; text-align:center;display:flex;align-items: center;}
h2.left{text-align:left;}
h2.center{justify-content: center;}
h2 span{font-size:36px; margin-right:40px; color:#89B928; font-weight:300;font-family: "Montserrat", sans-serif;}
h3{font-size:18px; line-height:1; margin-bottom:20px; white-space:nowrap;display:flex;align-items: center;}
h3.center{justify-content: center;}
h3 span{font-size:36px; color:#89B928;font-weight:300;font-family: "Montserrat", sans-serif; }

/*.triangle{position:relative; }
.triangle:before{ content:"";background-image: linear-gradient(45deg, #4d552d 25px, transparent 0);width: 100px;    height: 100px;    position: absolute;    bottom: 0;    left: 0;}
.triangle:after{ content:"";background-image: linear-gradient(-45deg, #4d552d 25px, transparent 0);width: 100px;    height: 100px;    position: absolute;    bottom: 0;    right: 0;}*/

@media screen and (max-width: 768px) {
body{font-size:15px; letter-spacing:1px;}
.global-inner{  width:90%; min-width:auto;}
.text{line-height:1.6;}
.photo img{width:100%;}
h2{font-size:22px; line-height:1.6; margin-bottom:30px;margin-top:40px; white-space:normal;flex-direction: column;}
h2 span{font-size:17px !important;margin-top:5px; display:block; margin-left:0px;margin-right: 0px;}
h2.left{text-align:center;}
h3{font-size:18px;  white-space:wrap;flex-direction: column;line-height:1.6;}
h3 span{margin-bottom:10px;}
section{margin-top:40px;}
.global-inner-pc-only{ margin:0 auto; min-width:auto; width:100%; }
main{padding-top:60px; padding-bottom:50px;}
}

header{position: fixed;top: 20px; left: 50%; transform: translateX(-50%); width: 98%; z-index:3;background:#FFF; display:flex;align-items: center;justify-content: space-between;height:70px;border-radius:50px;box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4); }
header #navArea{}
header #navArea .inner{width:100%;}
nav{display:flex;justify-content: space-between;align-items: center;margin-left:20px; margin-right:20px;}
header .logo{margin-left:40px;}
header .logo a{display:flex;align-items: center;}
header .logo img{width:50px; height:auto;}
header ul.btn-menu{display:none;}

nav ul{display:flex;align-items: center;flex-wrap: wrap;}
nav ul li{font-size:13px; }
nav ul li a{color:#222;  padding-right:20px; padding-left:20px;transition:0.5s all; }
nav ul li a:hover{transition:0.1s all; text-decoration:underline;}
nav ul li:after{content:"｜";}
nav ul li:first-child a{margin-left:0px;}
nav ul li:last-child:after{content:"";}

header ul.sub-menu{display:flex;align-items: center; margin-right:30px;}
header ul.sub-menu li a{display:block; margin-left:10px;}
header ul.sub-menu li a img{height:34px;min-height:34px; width:auto;}



@media screen and (max-width: 1630px) {
nav{ margin-left:10px; margin-right:10px;}
nav ul li a{padding-right:10px; padding-left:10px; }
header ul.sub-menu li a{padding:0px 5px;}
}

@media screen and (max-width: 1500px) {
header .logo{margin-left:20px;}
header ul.sub-menu{margin-right:20px;}
header ul.sub-menu li a{margin-left:0px;}
header ul.sub-menu li a img{height:30px;}
}
@media screen and (max-width: 1340px) {
nav ul li{ }
nav ul li a{padding-right:0px; padding-left:0px; }
}

/*====================
ハンバーガーメニュー
=====================*/
@media screen and (max-width: 768px) {
header{height:60px; position:fixed;left: unset;right: 0;width: 100%;transform: unset;top: 0px; z-index:3;display:flex;align-items: center;justify-content: space-between; padding:0px 10px; border-radius:0px;}
nav {display: block;position: fixed;top: 0;right: -300px;bottom: 0;width: 300px;background-color:#89B928;-webkit-overflow-scrolling: touch;transition: all 0.5s;z-index: 102;opacity: 0;margin-left:0px; margin-right:0px;}
nav ul li:after{content:none;}
nav ul li a{color:#FFF; font-size:20px;}
header .logo{margin-left:10px;}
header .logo img{width:auto; height:40px;}
header ul.btn-menu{
	display: flex;
	flex-direction: row;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:absolute;
	right:70px;
}
header ul.btn-menu img{width:110px;}
header ul.btn-menu li{
	margin-right: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.open nav {right: 0;opacity: 1;top:0px;width:50%;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);width:100%; padding-top:60px;}
.open nav{ color:#FFF;}
nav {right: -220px;width: 220px;}
header ul{padding-right:0%; padding-top:0px;font-size:24px;flex-direction: column;}
header ul.menu li{text-align:right; margin-bottom:20px; }
header ul.sub-menu{ background:#4d552d; width:70%; margin-top:40px; margin-left:auto; margin-right:auto; padding:0px; }
header ul.sub-menu li a{display:block; color:#FFF; padding:10px 20px; text-align:center;}


/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {display: block;position: fixed;top:0px; right:0px;width: 60px;height: 60px;transition: all .5s;cursor: pointer;z-index: 103; background:#89B928;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {display: block;position: absolute;left: 15px;width: 30px;height: 3px;background-color: #FFF;border-radius: 4px;transition: all .5s;}
.toggle_btn span:nth-child(1) {top: 18px;}
.toggle_btn span:nth-child(2) {top: 28px; width:30px;left: unset;right: 15px;}
.toggle_btn span:nth-child(3) {top: 38px;}
.open .toggle_btn span {background-color: #FFF;}
.open .toggle_btn span:nth-child(1) {transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {transform: translateY(-10px) rotate(315deg);}

/*========================
ハンバーガーメニューのマスク
=========================*/
#mask {display: none;transition: all .5s;}
.open #mask {display: block;position: fixed;top: 0;right: 0;width: 100%;height: 100%;opacity: .8;z-index: 101; }
}


/*========================
キービジュアル
=========================*/
.kv{  height: 100vh;    margin-top: 120px; position:relative; }
.kv .photo{ width:90%; margin:0 auto;}
.kv .photo img{width:100%; height:100vh; object-fit:cover;outline: 70px solid rgba(255,255,255,0.7);    outline-offset: -70px;   }
.kv .text-area{position: absolute; top: 60%; left: 0; transform: translateY(-70%); background:#f7e920; width:45%; padding-left:10%; padding-top:20px; padding-bottom:40px; padding-right:20px; }
.kv .text-area h1{font-size:4.0vw;    line-height: 1; margin-bottom:30px; padding-bottom:20px;font-family: 'Noto Serif JP', serif;}
.kv .text-area h1 span{display:block; font-size:2vw; line-height: 2;}
.kv .text-area .text{font-size:1.6vw;font-family: 'Noto Serif JP', serif;}
.kv .text-area .shop-name{ margin-top:20px; padding-top:20px;font-size:max(18px, 1vw);border-top:solid 1px #000;}
.kv .text-area .shop-name span{font-size:max(15px, 0.8vw); display:block; margin-top:5px;font-family: "Montserrat", sans-serif;}
.kv .scrolldown{  position:absolute;  bottom:-25px;  left:50%;}

.kv .scrolldown span{  position: absolute;  left:-7px;  top: 10px;  color: #000;  font-size: 0.7rem;  letter-spacing: 0.05em;    writing-mode: vertical-rl;}

.kv .scrolldown:before {content: "";position: absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius: 50%;background:#89B928;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite;}
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
  100%{opacity:0;}
 }

.kv .scrolldown:after{  content:"";  position: absolute;  bottom:0;  left:0;  width:2px;  height: 50px;  background:#89B928;}

@media screen and (max-width: 768px) {
.kv{flex-direction: column; height:auto; display:flex; margin-top:0px;}

.kv .photo{width:100%; }
.kv .photo img{height:auto;outline: 0px solid rgba(255,255,255,0.7);    outline-offset: -0px; height:300px;}
.kv .text-area{width:100%;display: block; margin-left:auto; margin-right:auto; text-align:center; position:relative;transform:unset; padding:20px;}
.kv .text-area h1{font-size:10vw;  margin-bottom:20px; padding-bottom:0px;}
.kv .text-area h1 span{font-size:6vw;   }
.kv .text-area .text{font-size:4vw; text-align:center;}
.kv .text-area .shop-name{text-align:center; margin-top:20px; margin-bottom:20px;}
}

/*========================
TOP:ニュース
=========================*/
.top-news{}
.top-news h2{margin-top:0px;}
.top-news .box{display:flex;justify-content: space-between;}
.top-news .box .photo{width:20%;}
.top-news .box .item{width:70%; padding-top:80px;}
.top-news .box .item h2{margin-bottom:20px;}
.top-news .box .item ul{display:flex;flex-wrap: wrap; margin-bottom:40px;}
.top-news .box .item ul li{width:100%;  border-bottom:solid 1px #89B928; font-size:20px;transition:0.4s all; }
.top-news .box .item ul li a{display:block;padding-bottom:20px; padding-top:20px;}
.top-news .box .item ul li:hover{	transition: 0.4s all;	background-color: #EBEBEB;}
.top-news .box .item ul li span{font-size:80%; display:inline-block; width:140px; color:#89B928;font-family: "Montserrat", sans-serif;}

@media screen and (max-width: 768px) {
.top-news {	margin-top:80px;}
.top-news .box{flex-direction: column-reverse; height:auto;}
.top-news .box .photo{width:100%; margin-top:20px;}
.top-news .box .item{padding-top: 20px;	padding-right: 15px;	padding-bottom: 10px;	padding-left: 15px;    width: 100%;}
.top-news .box .item ul{margin-bottom:20px;}
.top-news .box .item ul li{padding-bottom: 10px;    margin-bottom: 10px;font-size:18px;}
.top-news .box .item ul li span{display:block; margin-right:0px;}
.top-news .box .item ul li a{padding-bottom:0px; padding-top:0px;}
.top-news .box .item h2{margin-bottom:20px;}
}

/*========================
TOP:コラム
=========================*/
.top-column{position:relative; }
.top-column h2{margin-bottom:40px;margin-top:0px;}
.top-column .swiper-container{position:relative;margin-bottom: 40px;}
.top-column .swiper-column{width:80%;}
.top-column .swiper-slide{text-align:center;}
.top-column .photo{margin-bottom:20px; }
.top-column .photo img{object-fit:cover; border-radius:25%;transform: scale(1.0); }
.top-column .date{margin-bottom:10px; color:#89B928;}
.top-column .inner{width:80%; margin:0 auto;}

@media screen and (max-width: 768px) {
.top-column .swiper-column{width:100%;}
.top-column .swiper-container{margin-bottom:20px;}
}

/*========================
TOP:サービス紹介／強味／お薬管理のシステム化／会社概要
=========================*/
.top-col2{ display:flex;}
.top-col2 h2{ display:inherit;}
.top-col2:nth-child(odd){margin-left:10%;}
.top-col2:nth-child(even){margin-right:10%;flex-direction: row-reverse;}
.top-col2:nth-child(even) .photo img{ border-radius:0px 50px 50px 0px;}
.top-col2 .photo{width:35%;}
.top-col2 .photo img{object-fit:cover; height:500px; border-radius:50px 0px 0px 50px;}
.top-col2 .photo img.contain{object-fit:contain;}
.top-col2 .item{display:flex;justify-content: center;align-items: center;width:65%;background:#89B928;}
.top-col2 .item .text-area{ padding:0 12%;color:#FFF; }
.top-col2 .item .text-area h2{	color: #FFF;	text-align: left;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;	margin-left: 0px;	font-family: 'Noto Serif JP', serif;}
.top-col2 .item .text-area h2 span{ color:#FFF; display:block; margin-right:0px; margin-bottom:10px;}
.top-col2 .item .text-area .copy{font-size:18px;margin-bottom: 30px;}
.top-col2 .item .text-area .more{margin-top:20px;}

@media screen and (max-width: 768px) {
.top-col2{width:90%;margin-left: auto; margin-right:auto;flex-direction: column; padding-bottom:60px; }
.top-col2:nth-child(odd){margin-left:auto;}
.top-col2:nth-child(even){flex-direction: column; margin-right:auto;}
.top-col2:nth-child(even) .photo img{ border-radius:25px 25px 0px 0px;}
.top-col2 .photo{width:100%;}
.top-col2 .photo img{height:250px; border-radius:25px 25px 0px 0px;}
.top-col2 .item{width:100%;}
.top-col2 .item .text-area{padding:5%;}
.top-col2 .item .text-area h2{margin-bottom:20px;}
.top-col2 .item .text-area h2 span{margin-bottom:0px;}
}

/*========================
TOP:採用情報／よくあるご質問
=========================*/
.top-col2-small{ display:flex; width:70%; margin-left:auto; margin-right:auto;}
.top-col2-small .photo{width:300px; margin-right:70px;}
.top-col2-small .photo img{object-fit:cover; height:300px;  width:300px; border-radius:50px;}
.top-col2-small .item{display:flex;align-items: center;width:100%;}
.top-col2-small .item .text-area{  }
.top-col2-small .item .text-area h2{color: #000;	text-align: left;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;	margin-left: 0px;	}
.top-col2-small .item .text-area h2 span{margin-bottom:10px;}
.top-col2-small .item .text-area .more{margin-top:40px;}


@media screen and (max-width: 768px) {
.top-col2-small{width:90%;margin-right:auto; margin-left:auto;flex-direction: column; padding-bottom:20px; }
.top-col2-small .photo{width:100%;  margin-right:0px;}
.top-col2-small .photo img{height:100%; width:100%; border-radius:25px;}
.top-col2-small .item{justify-content: center;}
.top-col2-small .item .text-area{margin-top:20px;}
.top-col2-small .item .text-area h2 span{margin-bottom:0px;}
.top-col2-small .item .text-area .more{margin-top:20px;}
}

/*========================
TOP:書類ダウンロード
=========================*/
.top-download{padding:0px 0px; text-align:center; }
.top-download h3{ margin-bottom:40px;}
.top-download h3 span{margin-right: 40px;}
.top-download .item{background:#edede1; border-top:solid 5px #89B928; border-bottom:solid 5px #89B928; padding:40px 0px; margin-left:auto; margin-right:auto; min-width:700px; width:70%;}
.top-download .item .photo {width:80px;margin-left:auto; margin-right:auto;}
.top-download .item .photo a{display:flex;justify-content: center;}
.top-download .item .photo img{margin-left:10px; margin-right:10px;}

@media screen and (max-width: 768px) {
.top-download .item{min-width:auto;width:90%; margin-left:5%; margin-right:5%;}
.top-download h3 span{margin-right:0;}
}

/*========================
TOP:書類サポート窓口
=========================*/
.top-support{}
.top-support .box{display:flex;flex-wrap: wrap;}
.top-support .box .item{margin-bottom:60px;border:solid 3px #89B928; border-radius:25px; width:49%; margin-right:2%;  padding:20px;}
.top-support .box .item:nth-child(even){ margin-right:0%;}
.top-support .box .item h3{justify-content: center; font-size:20px; color:#89B928; border-bottom:solid 3px #89B928; padding-bottom:20px;}
.top-support .box .item h4{display: inline-block;	margin-top: 10px; font-size:18px; font-weight:bold; 	}
.top-support .box .item .text{ margin-top:20px;}
.top-support .box .item .text ul li{margin-bottom:20px;}

@media screen and (max-width: 768px) {
.top-support .box{flex-direction: column;}
.top-support .box .item{width:100%;}
}

/*========================
下層ヘッダー
=========================*/
.head{ display:flex;justify-content: space-between; height:700px; margin-bottom:100px; }
.head .title{ width:45%;display:flex;flex-direction: column;justify-content: center;}
.head .title h1{font-size:34px;font-family: 'Noto Serif JP', serif;}
.head .title h1 span{display:block; font-size:34px; color:#89B928;font-weight:300;font-family: "Montserrat", sans-serif; }
.head .photo{width:50%;}
.head .photo img{height:100%; object-fit:cover;    object-position: bottom right; }

@media screen and (max-width: 768px) {
.head{ flex-direction: column; height:auto;margin-bottom:40px;  }
.head .title{width:100%;margin-left: 0px;        text-align: center; margin-top:40px;}
.head .title h1{font-size:30px;}
.head .title h1 span{font-size:24px;}
.head .photo{width:100%;  margin-top:-10px;}
}

/*========================
下層ヘッダー2
=========================*/
.head2{ display:flex;justify-content: space-between; height:400px; margin-bottom:100px; margin-top:60px;margin-left: 10%; }
.head2 .title{ width:49.5%;display:flex;flex-direction: column;justify-content: center; padding-left:60px; margin-bottom:0px !important;}
.head2 .title.bg-yellow{ background:#fcee21;}
.head2 .title.bg-green{ background:#8ec21f; color:#FFF;}
.head2 .title h1{font-size:34px;font-family: 'Noto Serif JP', serif;}
.head2 .title h1 span{display:block; font-size:34px; font-weight:300;font-family: "Montserrat", sans-serif; }
.head2 .photo{width:50%;}
.head2 .photo img{height:100%; object-fit:cover; border-radius:300px 0px 0px 300px; }

@media screen and (max-width: 768px) {
.head2{ flex-direction: column; height:auto; margin-left: 0%;    margin-top: 0px;margin-bottom: 40px;}
.head2 .title{width:100%;padding:10px 0px;justify-content: center;}
.head2 .title h1{font-size:30px; text-align:center;}
.head2 .title h1 span{font-size: 24px;}
.head2 .photo{width:100%; margin-top:0px;}
.head2 .photo img{border-radius:0px; height:200px;}
}

/*========================
下層ヘッダー3
=========================*/
.head3{ height:400px;  color:#FFF; position:relative; text-align: center;}
.head3 h1{font-size:34px;font-family: 'Noto Serif JP', serif;padding-bottom:60px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.head3 h1 span{display:block; font-size:34px; font-weight:300;font-family: "Montserrat", sans-serif;   }
.head3 h1:after{content:""; width:90%; height:1px; background:#FFF; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 768px) {
.head3{ height:300px; }
.head3 h1{font-size:30px;}
.head3 h1 span{font-size:26px; }
}

/*========================
下層共通
=========================*/
.col2{display:flex; flex-wrap: wrap;justify-content: space-between; position:relative;margin-bottom:80px;}
.col2 .text-area{width:48%; }
.col2 .text-area h2{border-bottom:solid 3px #89B928; padding-bottom:40px; margin-bottom:40px;padding-left:15%; margin-top:40px;}
.col2 .text-area.center{display:flex;justify-content: center;align-items: center; }
.col2 .text-area.column-between{display:flex;flex-direction: column;justify-content: space-between; padding:0px 80px;}
.col2 .text-area.column-start{display:flex;flex-direction: column;justify-content: flex-start; padding:0px 80px;}
.col2 .text-area .text{padding-left:15%;}
.col2 .photo{width:48%;}
.col2 .photo img{height:100%; object-fit:cover;border-radius:50px 0px 0px 50px;}
.col2 .photo img.no-radius{border-radius:0px !important;}
.col2.center{justify-content: center;}
.col2.reverse{flex-direction: row-reverse;}
.col2.reverse .text-area h2{padding-right:15%;padding-left:unset;}
.col2.reverse .text-area .text{padding-right:15%;padding-left:unset;}
.col2.reverse .photo img{border-radius:0px 50px 50px 0px;}
.col2 h2{ text-align:left;}
.col2 h3{font-size:18px;}

.col3{display:flex; flex-wrap: wrap; position:relative;margin-bottom:80px;}
.col3 .item{width:30%; margin-right:5%;}
.col3 .item:nth-child(3n){margin-right:0px;}

.text-red{ color:red;}
.text-large{ font-size:120%;}
.text-small{ font-size:80%;}
.text-bold{ font-weight:bold;}
.text-mincho{font-family: 'Noto Serif JP', serif;}
.block-narrow{width:65%; margin-left:auto; margin-right:auto;min-width:800px; }


table{width:100%;}
table tr{border-bottom:solid 1px #000;}
table th{font-weight:normal; width:25%;}
table th, table td{padding:30px 0px;}
table th.title{font-size:120%;}

@media screen and (max-width: 768px) {
.col2{flex-direction: column-reverse;;margin-bottom:40px;}
.col2 .photo{width:90%; margin:0 auto;}
.col2 .text-area{width:100%; padding:20px;}
.col2 .text-area h2{	margin-top: 0px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;	padding-left: 0px;}
.col2 .text-area .text{padding-left:0;}
.col2 .text-area.column-between{padding:0px 20px;}
.col2 .text-area.column-start{padding:0px 20px;}
.col2 .photo img{border-radius: 25px;}
.col2.reverse{flex-direction: column-reverse;}
.col2.reverse .photo img{border-radius: 25px;}
.col2.reverse .text-area h2{padding-right:0;}
.col2.reverse .text-area .text{padding-right:0;}
.col3{flex-direction: column;margin-bottom:40px;}
.col3 .item{width:90%; margin-right:5%;margin-left:5%;}

.block-narrow{width:90%;min-width:auto; }
table th{font-weight:bold;padding:10px 0px;}
table td{	padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;	padding-left: 0px;}
table th, table td{ display:block; width:100%;}
}

/*========================
下層：サービス紹介
=========================*/
.service{}
.service img.ic{width:50%; height:auto; margin-top:40px; display:block;}
.service .flow{	background: #89B928;	text-align: center;	color: #FFF;	margin-bottom: 40px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 40px;	padding-left: 0px;}
.service .flow h3{color:#FFF; padding-top:60px;}
.service .flow h3 img{height:20px; width:auto; margin-right:40px;}
.service .flow iframe{width:600px; margin:20px auto;}
.service .flow .text{text-align:center;}

.service .relation h2{font-family: 'Noto Serif JP', serif;justify-content: center; font-size:40px; margin-bottom:20px;}
.service .relation .box{border:solid 3px #89B928; border-radius:50px;padding:0px 80px; margin-top:60px; }
.service .relation .box .item{display:flex;justify-content: space-between;padding:80px 0px;border-bottom:solid 3px #89B928;}
.service .relation .box .item:last-child{border-bottom:none;}
.service .relation .box .item .photo{width:50%;}
.service .relation .box .item .text-area{width:45%; padding-top:20px;}
.service .relation .box .item .text-area .site-name{color:#89B928; font-size:17px;}
.service .relation .box .item .text-area .url{ font-size:14px; margin-bottom:20px;}
.service .relation .box .item .text-area a img{width:200px;}

@media screen and (max-width: 768px) {
.service .flow{padding-bottom:0px;}
.service .flow h3{padding-top:40px;    margin-bottom: 40px;}
.service .flow .text{padding:20px;}
.service .flow iframe{margin:0px;width:100%;}
.service img.ic{width:100%;}
.service .relation h2{font-size:30px;}
.service .relation .box{border-radius:25px;padding:0px 20px; margin-top:30px; }
.service .relation .box .item{flex-direction: column;padding:20px 0px;}
.service .relation .box .item .photo{width:100%;}
.service .relation .box .item .text-area{width:100%; }
.service .relation .box .item .text-area .site-name{ text-align:center;}
.service .relation .box .item .text-area .url{ text-align:center;}
.service .relation .box .item .text-area a{    text-align: center;    display: block;}
}

/*========================
下層：メトロ調剤薬局の強み
=========================*/
.ordermade{}
.ordermade .item{display:flex; background:#89B928;border-radius:100px 0px 0px 100px; color:#FFF; margin-bottom:40px;}
.ordermade .item .photo{width:20%;}
.ordermade .item .photo img{border-radius:50px; border:solid 6px #FFF;}
.ordermade .item .text-area{width:80%;display:flex;align-items: center; padding:0px 40px;}
.ordermade .item .text-area{display:flex;}
.ordermade .item .text-area .number{font-size:100px; margin-right:40px; padding-bottom:20px;}
.ordermade .item .text-area h3{font-weight:bold;}

@media screen and (max-width: 768px) {
.ordermade .item{flex-direction: column-reverse;border-radius:25px;}
.ordermade .item .photo{width:100%; margin-top:20px;}
.ordermade .item .photo img{border-radius:25px; }
.ordermade .item .text-area{width:100%;flex-direction: column; padding:20px 20px;}
.ordermade .item .text-area h3{font-size:24px; line-height:1.4;}
.ordermade .item .text-area .number{font-size:50px; margin-right:0;}
}

/*========================
下層：服薬サポートシステム
=========================*/
.system{}
.system img.ic{width:120px; height:auto; vertical-align: middle;}

.system .box{background: #f4f0eb;	padding-top: 80px;	padding-right: 80px;	padding-bottom: 120px;	padding-left: 80px;}
.system .box .item{padding-top:60px;}

.system .box .item .photo{ text-align:center;border-bottom:solid 3px #89B928; padding-bottom:40px; margin-bottom:40px;}
.system .box .item .photo img{width:60%;}

.system .denshi{ display:flex;margin-left:10%; margin-top:100px;}
.system .denshi h2{ font-family: 'Noto Serif JP', serif;margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;	margin-left: 0px;	}
.system .denshi .photo{width:40%;}
.system .denshi .photo img{object-fit:cover; height:500px; border-radius:50px 0px 0px 50px;}
.system .denshi .text-area{ padding-left:100px;padding-right:100px;color:#FFF;display:flex;justify-content: center;flex-direction: column;width:65%;background:#89B928; }
.system .denshi .text-area .more{margin-top:40px;}

@media screen and (max-width: 768px) {
.system .box{padding:40px 20px;}
.system .box .item{padding-top:40px;}
.system .box .item:first-child{padding-top:0px;}
.system .box .item .photo img{width:100%;}
.system .denshi{flex-direction: column;width:90%; margin-left:auto; margin-right:auto;}
.system .denshi .photo{width:100%;}
.system .denshi .photo img{height:250px; border-radius:25px 25px 0px 0px;}
.system .denshi .text-area{ padding:20px;width:100%; }
.system .denshi .text-area .more{margin-top:20px;}
}

/*========================
下層：法人概要
=========================*/
.company h2{font-size:40px;font-family: 'Noto Serif JP', serif; margin-top:0px;}
.company .philosophy{background:#f2ece7; padding:60px; margin-bottom:100px;}
.company .philosophy .item{border-bottom:solid 1px #89B928; padding-bottom:40px; margin-bottom:40px; text-align:center;font-family: 'Noto Serif JP', serif;  font-size:20px;}
.company .philosophy .item:last-child{margin-bottom:0px; padding-bottom:0px;border-bottom:none;}
.company .outline{ min-width:700px; width:60%; margin:0 auto;}
.company .outline h2{font-size:32px; margin-bottom:20px;}
.company .outline table{ margin-bottom:80px;}
.company .outline table tr{border-bottom:solid 1px #89B928;}
.company .outline table tr:first-child{border-top:solid 1px #89B928;}
.company .outline table tr:last-child{border-bottom:none;}
.company .outline .item h3{ padding-bottom:40px; margin-bottom:40px;font-family: 'Noto Serif JP', serif;border-bottom:solid 1px #89B928;justify-content: center; font-weight:bold;}
.company .outline .item{ margin-bottom:80px;}
.company .outline .item .text{padding-left:30px; position:relative; margin-bottom:40px;}
.company .outline .item .text:before{   font: var(--fa-font-solid);   content: "\f111"; position:absolute; left:0px; top:0px; line-height:2;font-size; color:#89B928;}

.company .outline .item .text.no-circle{padding-left:0px;}
.company .outline .item .text.no-circle:before{content:none;}

@media screen and (max-width: 768px) {
.company h2{font-size:24px;}
.company .outline{ min-width:inherit; width:90%;}
.company .outline h2{ width:100%; }
.company .outline .item{margin-bottom:40px;}
.company .outline .item h3{padding-bottom:20px; margin-bottom:20px;}
.company .outline table{width:100%;}
.company .philosophy{padding:20px;}
}

/*========================
下層：店舗紹介
=========================*/
.stores .box{display:flex;justify-content: space-between; margin-bottom:100px;}
.stores .box .item:nth-child(1){width:40%;}
.stores .box .item:nth-child(1) h2{color:#89B928;border-bottom:solid 3px #89B928; padding-bottom:20px; margin-bottom:20px; margin-top:10px;}
.stores .box .item:nth-child(1) h3{ font-size:18px; font-weight:bold;}
.stores .box .item:nth-child(2){width:20%;}
.stores .box .item:nth-child(2) img{border-radius:10%;    object-fit: cover;    height: 100%;}
.stores .box .item:nth-child(3){width:34%;}
.stores .box .item:nth-child(3) iframe{border-radius:10%;}

@media screen and (max-width: 768px) {
.stores .box{flex-direction: column;}
.stores .box:last-child{margin-bottom:0px;}
.stores .box .item:nth-child(1){width:100%;}
.stores .box .item:nth-child(2){width:100%; margin-top:20px;}
.stores .box .item:nth-child(2) img{border-radius:10% 10% 0% 0%;  }
.stores .box .item:nth-child(3){width:100%;margin-top:0px;}
.stores .box .item:nth-child(3) iframe{border-radius:0% 0% 10% 10%;   }
}

/*========================
下層：採用情報
=========================*/

.recruit .copy-area{display:flex; margin-bottom:10px;}
.recruit .copy-area .bg-yellow{background:#FCEE21; width:15%;}
.recruit .copy-area .text{ padding:4%;    width: 85%;    z-index: 1;}
.recruit .copy-area .text h1{width:75%; margin-bottom:40px;}


.recruit .information{display:flex; margin-bottom:10px;}
.recruit .information .bg-yellow{background:#FCEE21; width:15%;}
.recruit .information .dept{
	width: 85%;
	padding-left: 22%;
	background: #8EC21F;
	padding-top: 80px;
	padding-bottom: 80px;
	position:relative;
	margin-right:10px;
	
}
.recruit .information .dept h2{position:absolute; top:-130px; right:0px; background:#8EC21F; height:260px; width:260px; border-radius:50%; margin:0px; display:block; color:#FFF; font-size:38px; padding-top:60px;} 
.recruit .information .dept h2 span{margin-bottom:0px; font-size:16px; color:#89B928;font-family: "Montserrat", sans-serif;justify-content: center; display:inherit;color:#FFF; margin:0px;}
.recruit .information .dept .box{display:flex;margin-bottom:40px;}
.recruit .information .dept .box .photo{width:20%;}
.recruit .information .dept .box .photo img{}
.recruit .information .dept .box .item{width:80%; padding-top:30px; padding-left:60px;}
.recruit .information .dept .box .item h3{color:#000; font-size:24px; border-bottom:solid 1px #FFF; padding-bottom:20px; margin-bottom:20px;}
.recruit .information .dept .box .item .text{padding-right:40px;}






.recruit .environment{ margin-left:10%; margin-bottom:10px;}
.recruit .environment h3{margin-top:0px;justify-content: flex-start; color:#8EC21F; font-size:40px; margin-bottom:40px;}
.recruit .environment .box{display:flex;}
.recruit .environment .photo{width:45%;}
.recruit .environment .photo img{object-fit:cover; height: 100%; }
.recruit .environment .text-area{ display:flex;justify-content: center;flex-direction: column;width:55%; padding-right:100px; padding-top:40px; padding-bottom:40px;}
.recruit .environment .text-area h2{	color: #FFF;	text-align: left;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;margin-left: 0px;	font-family: 'Noto Serif JP', serif;}
.recruit .environment .text-area h2 span{ color:#FFF; display:block; margin-right:0px; margin-bottom:10px;font-family: 'Noto Sans JP', serif;}

.recruit .environment-foot{display:flex; margin-bottom:10px; }
.recruit .environment-foot .bg-green{background:#8EC21F;width:15%;}
.recruit .environment-foot .photo{width:85%; margin-right:10px;}

.recruit .welfare{	background: #FCEE21;	padding-top: 100px;	padding-bottom: 20px;		}
.recruit .welfare h3{color:#000; margin-top:0px;justify-content: center; font-size:36px; margin-bottom:40px;}
.recruit .welfare h4{justify-content: center; font-size:18px; margin-bottom:10px; font-weight:bold;}
.recruit .welfare .waku{padding:40px; text-align:center; margin-bottom:40px;border-radius:25px; background:#FFF;}

@media screen and (max-width: 768px) {
.recruit .copy-area{}
.recruit .copy-area .bg-yellow{width:10%;}
.recruit .copy-area .text{ padding:20px;    width: 90%; }
.recruit .copy-area .text h1{width:100%; margin-bottom:40px;}


.recruit .information .bg-yellow{width:10%;}
.recruit .information .dept{padding:20px; margin:0px;width: 90%;}
.recruit .information .dept h2{
	position: relative;
	top: 0px;
	right: 0px;
	background: #8EC21F;
	height: auto;
	width: auto;
	border-radius: 0%;
	font-size: 38px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
} 
.recruit .information .dept h2 span{margin-bottom:0px; font-size:16px; color:#89B928;font-family: "Montserrat", sans-serif;justify-content: center; display:inherit;color:#FFF; margin:0px;}
.recruit .information .dept .box{flex-direction: column-reverse;}
.recruit .information .dept .box .photo{width:70%; margin-left:auto; margin-right:auto;}
.recruit .information .dept .box .item{width:100%; padding:0px; margin-bottom:20px;}

.recruit .environment{width:90%;margin-left: auto; margin-right:auto;flex-direction: column; padding-bottom:60px; }
.recruit .environment .text-area{width:100%;margin-left: auto; margin-right:auto; padding: initial; }
.recruit .environment .box{flex-direction: column;}
.recruit .environment h3{margin-bottom:20px; margin-top:20px;}
.recruit .environment .photo{width:100%; margin-top:20px;}

.recruit .environment-foot .bg-green{width:10%;}
.recruit .environment-foot .photo{width:90%; }

.recruit .welfare{padding-top:40px;}
.recruit .welfare .waku{padding:20px; }
}

/*========================
下層：ニュース一覧
=========================*/
.news{}
.news ul{display:flex;flex-wrap: wrap;}
.news ul li{width:100%;  border-bottom:solid 1px #89B928; font-size:20px;transition:0.4s all; }
.news ul li a{display:block;padding-bottom:20px; padding-top:20px;}
.news ul li:hover{	transition: 0.4s all;	background-color: #EBEBEB;}
.news ul li span{font-size:80%; display:inline-block; width:140px; color:#89B928; font-family: "Montserrat", sans-serif;}

/*========================
下層：ニュース／コラム詳細
=========================*/
.page-detail .date{ margin-bottom:10px; color:#89B928;font-family: "Montserrat", sans-serif;}
.page-detail .title{font-size:24px; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #89B928;}
.page-detail .text{padding-bottom:100px;}
.page-detail img{border-radius:25px;}
.pagenation{display:flex;justify-content: space-between;margin-bottom:100px;}
.pagenation .item{width:50%; margin:20px 0px;}
.pagenation .item a{color:#89B928;}
.pagenation .item:last-child{text-align:right;}
.pagenation .item > div{display:flex; font-size:13px; margin-bottom:20px;}
.pagenation .item:last-child > div{flex-direction: row-reverse;}
.pagenation .item .date{ margin-bottom:0px;}
.pagenation .item .title{border-bottom:none; padding-bottom:0px;}
.pagenation .item .title a{color:#000; font-size:17px;}

.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before {  content: '';  width: 20px;  height: 20px;  border-top: solid 2px #89B928;  border-right: solid 2px #89B928;  position: absolute;  left: 0px;  top: 1px;}

.arrow-left::before{ transform: rotate(-135deg);}
.arrow-right::before {  transform: rotate(45deg);}

@media screen and (max-width: 768px) {
.page-detail .title{margin-bottom:40px;}
.pagenation{margin-bottom:40px;}
}

/*========================
下層：コラム一覧
=========================*/
.column .box{display:flex;flex-wrap: wrap; margin-top:100px;}
.column .box .item{width:23%; margin-bottom:40px; margin-right:2.5%; text-align:center;}
.column .box .item:nth-child(4n){margin-right:0px;}
.column .box .item .photo img{border-radius:25%;transform: scale(1.0);}
.column .box .item .date{margin-top:20px; color:#89B928;}
.column .box .item .title{margin-top:5px;}

@media screen and (max-width: 768px) {
.column .box{ margin-top:40px;}
.column .box .item{width:45%; margin-bottom:20px; margin-right:2.5%; margin-left:2.5%;}
.column .box .item .title{margin-top:5px;}
}

/*========================
下層：書類ダウンロード
=========================*/
.download .box{display:flex;flex-wrap: wrap; }
.download .box .item{width:23%; margin-bottom:40px; margin-right:2.5%; text-align:center; }
.download .box .item:nth-child(4n){margin-right:0px;}
.download .box .item a{ display:block; padding:30px;}
.download .box .item .title span{display:block;}
.download .box .item .photo{margin-bottom:20px;}
.download .box .item .photo img{width:50%;}

@media screen and (max-width: 768px) {
.download .box{margin-top:40px;}
.download .box .item{width:45%; margin-bottom:20px; margin-right:2.5%; margin-left:2.5%;}
.download .box .item a{padding:10px;}
.download .box .item .photo img{width:80%;}
}

/*========================
下層：よくあるご質問
=========================*/
.faq{padding-bottom:100px; }
.faq .box{}
.faq .box .item{ border-bottom:solid 1px #8ec21f; padding-bottom:40px;padding-top:40px;padding-left:60px;}
.faq .box .item .question{ margin-bottom:60px; position:relative; }
.faq .box .item .question:before{content:"Q";color:#000; font-size:50px; font-weight:300; position:absolute;    top: -30px;    left: -70px;font-family: "Montserrat", sans-serif; }
.faq .box .item .answer{ position:relative;}
.faq .box .item .answer p{margin-bottom:20px;}
.faq .box .item .answer p:last-of-type{margin-bottom:0px;}
.faq .box .item .answer:before{content:"A"; color:#8ec21f; font-size:50px; font-weight:300; position:absolute;    top: -24px;    left: -70px;font-family: "Montserrat", sans-serif;}
.faq .box .item div:before{font-weight:bold; position:absolute; top:0px; left:-100px; }

@media screen and (max-width: 768px) {
.faq .box .item{padding-top:20px; padding-bottom:20px;}
.faq .box .item:first-of-type{padding-top:0px;}
.faq .box .item .question{margin-bottom:20px;}
.faq .box .item .question:first-child:before{top:-20px;left: -60px;}
.faq .box .item .answer:before{left: -60px;}
}

/*========================
お問い合わせ
=========================*/
.inquiry .text{	text-align: center;	line-height: 2;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 40px;	padding-left: 0px;}
.inquiry .form{}

.inquiry .form input[type="text"],.inquiry .form input[type="email"]{ padding:25px; border-radius:15px; background:#FFF;width:100%;position:relative; }
.inquiry .form textarea{padding:25px; background:#FFF; width:100%; position:relative;border-radius:15px;}

.inquiry .form .selectwrap {  position: relative;  width: 500px;}
.inquiry .form .selectwrap::after{position: absolute;top: 30%;right: 20px;width: 15px;height: 15px;border-top: 3px solid #8ec21f;border-right: 3px solid #8ec21f;transform: rotate(135deg);pointer-events: none;  content: "";}

.inquiry .form .selectwrap select {  appearance: none;  width: 500px;  height: auto;  background-color: #FFF;  border: none;  border-radius:15px;  color: #58504A;  padding: 10px;  cursor: pointer;  padding:25px;  font-size:15px;}
.inquiry .form .selectwrap select:focus {  outline: none;}

.inquiry .form input[type="file"]{width:400px; justify-content: flex-end;}
.inquiry .form input[type="file"]:hover{cursor:pointer;}
.inquiry .form input[type="file"]::-webkit-file-upload-button{cursor:pointer;}
.inquiry .form input.image::file-selector-button{margin-left:0px;color: white; border:none;   background:url(/image/btn-file.svg) no-repeat; background-size:cover; padding:10px 28px;}

/*.inquiry .form label.file{ height:40px; width:145px;margin-left:40px;color: white; border:none;   background:url(/image/btn-file.svg) no-repeat; background-size:cover; padding:10px 28px;}*/



.inquiry .form input[type="checkbox"]:hover{cursor:pointer;}
.mwform-checkbox-field-text:hover{cursor:pointer;}

.inquiry .form ul{display:flex;justify-content: center;align-items: center; margin-top:40px;}
.inquiry .form ul li button{margin-left:10px; margin-right:10px;}
.mw_wp_form_input .confirm input{background:url(/image/btn-confirm.svg) no-repeat;width: 170px;height: 46px;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}
.mw_wp_form_confirm .send button{background:url(/image/btn-send.svg) no-repeat;width: 130px;height: 53px;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;background-size: 100%;}
.mw_wp_form_confirm .back button{background:url(/image/btn-back.svg) no-repeat;width:80px;height:40px;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;background-size: 100%;}

.mw_wp_form_confirm .must{display:none;}
.mw_wp_form_confirm .form .title{border-top:solid 1px #CCC; padding-top:40px;}
.mw_wp_form_confirm .selectwrap:after{display:none;}
.mw_wp_form_confirm .privacy-agree{display:none;}
.inquiry .form input::placeholder {  opacity: 0.5; font-size:15px;}
.inquiry .form .title{display:flex;align-items: center; margin-bottom:10px; margin-top:40px;}
.inquiry .form .title .note{color:#8ec21f;}
.inquiry .form .title:first-child{margin-top:0px;}
.inquiry .form .must{margin-left:20px;margin-right:60px;}
.inquiry .form .must img{width:50px;}

.thanks{text-align:center; padding-top:60px;}
.thanks h3{font-size:22px; font-weight:bold; margin-bottom:50px;justify-content: center;}

.scroll-deco::-webkit-scrollbar {background-color:rgba(79, 68, 43, 0.3);  border-radius: 10px;	}
.scroll-deco::-webkit-scrollbar-thumb {background-color: #4F442B;   border-radius: 10px;	}



@media screen and (max-width: 768px) {
.inquiry .text{text-align:left;}
.inquiry .form{padding:0px;}
.inquiry .form .title{flex-wrap: wrap;}
.inquiry .form .title .note{width:100%; margin-top:10px;}
.inquiry .form th,.inquiry .form td{display:block; width:100%;border:none;}
.inquiry .form th{	padding-top: 20px;	padding-right: 0px;	padding-bottom: 5px;	padding-left: 0px;	font-size:18px;}
.inquiry .form td{	padding-top: 10px;	padding-right: 0px;	padding-bottom: 5px;	padding-left: 0px;}
.privacy-wrap{width:100%;}
.privacy-text{padding:10px;}
.inquiry .form .selectwrap{width:100%;}
.inquiry .form .selectwrap select{width:100%;}
.inquiry .form input.image::file-selector-button{margin-left:0px; width:130px; height:auto;padding:7px 10px;}

.inquiry .form input[type="file"]{width:100%;}
.thanks{padding-top:0px;}
}
/*====================
フッター
=====================*/
footer{width:95%; margin-left:auto; margin-right:auto;padding:80px 0px; border-top:solid 1px #89B928;}
footer .logo{	width: 100px; text-align:center; margin:0 auto;}
footer h3{font-size:20px;margin-top:40px;justify-content: center; font-size:15px;}
footer h3 span{display:block;font-size:15px; color:#000; margin-right:20px; }
footer .content{}
footer .content .menu{ margin-top:40px;}
footer .content .menu ul{display:flex;justify-content: center;flex-wrap: wrap;}
footer .content .menu ul li a{margin-bottom:30px;color: #89B928; font-size:14px; padding:0px 5px;}
footer .content .menu ul li:after{content:"｜";color: #89B928;}
footer .content .menu ul li:last-child:after{content:none;}
footer .btn-privacy{	width: 200px;	text-align: center;	margin-top: 40px;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;}
footer .btn-insurance{	width: 200px;	text-align: center;	margin-top: 20px;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;}

footer .copyright{text-align:center; font-size:12px; color:#CCC;margin-top:40px;}
footer .copyright a{color:#CCC;}

@media screen and (max-width: 768px) {
footer{ padding:20px 0px; margin-top:40px;}
footer{min-width:auto; width:90%;flex-direction: column;}
footer .logo{margin-left:auto; margin-right:auto;}
footer .content{width: 100%;}
footer .copyright{padding:10px 0px;}
footer h3 span{margin-right:0; margin-bottom:0px;}
}

/*========================
ページトップ
=========================*/
#page_top a{width:40px; height:40px; transition:0.4s all; position: fixed; right:20px; bottom:20px; display:block; background:#FFF; border-radius:50%; color:#8ec21f; text-align:center; font-size:30px;line-height: 49px;  border:solid 1px #8ec21f;}
#page_top a img{position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 100%;	display: block;	transition: .4s ease-in-out;}

@media screen and (max-width: 768px) {
#page_top a{right:20px; bottom:20px;width:40px; height:40px;}
}

/*====================
Read more
=====================*/
.more {transition:1s all; display:flex;}
.more.right {justify-content: flex-end;}
.more.center {justify-content: center;}
.more a{transition:0.4s all;position:relative;	}
.more a img{width:100px;}

@media screen and (max-width: 768px) {
.more{justify-content: center;}
.more a{margin-top:20px;font-size:14px;}
.more a:before{top:30px;left:-80px;}
.more.right {justify-content: center;}
}

/*====================
ボタン
=====================*/
.btn {transition:1s all; display:flex;}
.btn.right {justify-content: flex-end;}
.btn.center {justify-content: center;}
.btn a{ display:block;text-align:center; border-radius:5px; padding:7px 0px; width:200px; color:#000; border:solid 1px #000; margin-top:40px;font-size:16px;transition:0.4s all;}

@media screen and (max-width: 768px) {
.btn{font-size:17px;}
}

/*====================
ページネーション
=====================*/
nav.pagination{display: flex;    justify-content: space-between;    align-items: center; position:static; width:auto; opacity:1; background-color:transparent;}

.nav-links{width:100%; margin-top:100px;margin-bottom:100px;}
.nav-links ul {  list-style: none;  display: flex;  justify-content: center;  gap: 8px;}
.nav-links li{width:auto !important;border-bottom:none !important;}

.nav-links li:hover{background-color: transparent !important;}
.nav-links li:after{content:none;}
.nav-links li a{padding:0px !important; line-height:45px; text-align:center;}
.nav-links li > * {  display: flex;  align-items: center;  justify-content: center;  font-size: 14px;  height: 45px;}
.nav-links li > *:not(.dots) {  width: 45px;  border-radius: 50%;  color: #000;  transition: color 0.3s ease, background 0.3s ease;line-height: 45px;    text-align: center;}
.nav-links li > .current{  color: #FFF;  background: #89B928;}
.nav-links li > a:hover {	color: #000;	background-color: #F6F6F6;text-decoration:none;}

.nav-links li i{color:#89B928; font-size:20px;}
.nav-links li i:hover{text-decoration:none;}

@media screen and (max-width: 768px) {
.nav-links{margin-top:40px;margin-bottom:0px;}
}

.swiper-button-next, .swiper-button-prev{color:#21442b !important; background:#89B928;width: 50px;  height: 50px;  border-radius: 50%; color:#FFF !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:25px;}

/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 0.3s ease 0.3s 1 normal backwards;}

@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}

.align-center{display:flex;align-items: center;justify-content: center;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mt40{margin-top:40px;}
.mt100{margin-top:100px;}
.mr40{margin-right:40px;}
.mr20{margin-right:20px;}
.p80{padding:80px;}
.p40{padding:80px;}
.p25{padding:25px;}
.p20{padding:20px;}
.pr7p{padding-right:7%;}
.pl15p{padding-left:15%;}
.fs20{font-size:20px;}
.fs30{font-size:30px;}

.text-green{ color:#8ec21f;}
.bg-green{ background:#8ec21f;}
.bg-hada{background:#edede1;}
.bg-white{background:#FFF;}

.radius50{border-radius:50px;}
.radius15{border-radius:15px;}

@media screen and (max-width: 768px) {
.mb40{margin-bottom:20px;}
.mt40{margin-top:20px;}
.mt100{margin-top:40px;}
.p80{padding:20px;}
.pr7p{padding-right:0%;}
.pl15p{padding-left:0%;}
.radius50{border-radius:25px;}
}