@charset "UTF-8";
:root {
  --green: #149a42;
  --green-gradation: linear-gradient(90deg, rgba(120, 199, 61, 1) 0%, rgba(20, 154, 66, 1) 100%);
  --orange: #EF8904;
  --orange-gradation: linear-gradient(90deg, rgba(242, 190, 47, 1) 0%, rgba(239, 137, 4, 1) 100%);
}

/* ヘッダー */
header .header-inner ul li a:hover {
  color: var(--green);
}

header .header-inner ul li.is-page::before {
  background-color: var(--green);
}

header .header-inner ul li.is-page,
header .header-inner ul li.is-page a {
  color: var(--green);
}

.btn-base {
  background: var(--orange-gradation);
}

.btn-color {
  background: var(--green-gradation);
}

/* ページトップに戻るボタン */
.page-top a {
  background: var(--green);
}

/* フッターお問い合わせ領域 */
.contact-area {
  background: rgb(120, 199, 61);
  background: -webkit-gradient(linear, left top, right top, from(rgb(120, 199, 61)), to(rgb(20, 154, 66)));
  background: linear-gradient(90deg, rgb(120, 199, 61) 0%, rgb(20, 154, 66) 100%);
}

.contact-area .contact-area-inner .online-reservation .reservatioin-ttl span {
  color: var(--green);
}

.contact-area .contact-area-inner .online-reservation .reservation-link {
  color: var(--green);
}

/* フッターメニュー */
.footer-menu-inner p a:hover {
  color: var(--green);
}

.footer-menu-inner ul li a:hover {
  color: var(--green);
}

.footer-bottom p a:hover {
  color: var(--green);
}

.contact-area .contact-area-inner .online-reservation-inner {
  background-image: url("../img/common_green/reservation_img.png");
}

.contact-area .contact-area-inner .online-reservation .reservation-link::before {
  background-image: url("../img/common_green/link_arrow_icon.png");
}

.type-b .footer-area {
  background: var(--green-gradation);
}

.caption .ruby {
  color: var(--green);
}

.caption .breadclumb ul li a {
  color: var(--green);
}

.heading-primary::before {
  background-color: var(--green);
}

.heading-secondary::before {
  background: var(--green-gradation);
}

.heading-tertiary {
  color: var(--green);
}

.heading-tertiary::before {
  background: var(--green);
}

.heading-quaternary::after {
  background: var(--green-gradation);
}

.tab-slider--tabs {
  background: #e8f5eb;
}

.tab-slider--trigger {
  color: var(--green);
}

.tab-slider--tabs:after {
  background: var(--green-gradation);
}

.btn-white {
  color: var(--green);
}

.btn-white.external::before {
  content: url(../img/arrow_external_icon_green.png);
}

.btn-white.outline {
  border-color: var(--green);
}

.top-main {
  /* TOP - 代表メッセージ */
  /* TOP - サービス */
  /* TOP - 特長 */
  /* TOP - 会社情報、店舗情報、採用情報 */
}
.top-main .info-icon {
  background: #e8f5eb;
  color: var(--green);
}
.top-main .info-cap a:hover {
  color: var(--green);
}
.top-main .info-all-link a {
  color: var(--green);
}
.top-main .info-all-link a::before {
  content: url("../img/common_green/link_arrow_icon.png");
}
.top-main .content-c::before {
  background-image: url(../img/top/green/recruit_bg.png);
}
.top-main .message h2::after {
  background: var(--green-gradation);
}
.top-main .service {
  background: var(--green-gradation);
}
.top-main .service ul li.reservation::before {
  background-image: url("../img/top/green/service_icon_reservation.png");
}
.top-main .service ul li.guidance::before {
  background-image: url("../img/top/green/service_icon_online.png");
}
.top-main .service ul li.qualification::before {
  background-image: url("../img/top/green/service_icon_onlinequalification.png");
}
.top-main .service ul li.application::before {
  background-image: url("../img/top/green/service_icon_techo.png");
}
.top-main .service ul li.locker::before {
  background-image: url("../img/top/green/service_icon_locker.png");
}
.top-main .service ul li.drive::before {
  background-image: url("../img/top/green/service_icon_service_drive.png");
}
.top-main .service ul li.oitoku::before {
  background-image: url("../img/top/green/service_icon_oitoku.png");
}
.top-main .service ul li.support::before {
  background-image: url("../img/top/green/service_icon_disastersupport.png");
}
.top-main .service ul li.qrcode::before {
  background-image: url("../img/top/green/service_icon_qr.png");
}
.top-main .service ul li.cardpayment::before {
  background-image: url("../img/top/green/service_icon_cardpayment.png");
}
.top-main .service ul li.apartment::before {
  background-image: url("../img/top/green/service_icon_receiptapartment.png");
}
.top-main .service ul li.electronic::before {
  background-image: url("../img/top/green/service_icon_electronic.png");
}
.top-main .service ul li.infectious::before {
  background-image: url("../img/top/green/service_icon_infectious.png");
}
.top-main .service ul li.communitymedical::before {
  background-image: url("../img/top/green/service_icon_communitymedical.png");
}
.top-main .service .service-ttl.type-color {
  color: var(--green);
}
.top-main.type-c .service ul li::before {
  background-color: #E8F5EB;
}
.top-main .features {
  background-color: #e8f5eb;
}
.top-main .features h2.type-base span {
  color: var(--green);
}
.top-main .features h2.type-color {
  color: var(--green);
}
.top-main .features ul li h3::before {
  color: var(--green);
}
.top-main .content-detail h2.type-base span {
  color: var(--green);
}
.top-main .content-detail h2.type-color {
  color: var(--green);
}
.top-main .swiper .kv-txt .is-em {
  color: var(--green);
}
.top-main .swiper.kv-b {
  background: var(--green-gradation);
}
.top-main .swiper.kv-c {
  background: var(--green-gradation);
}
.top-main .swiper.kv-c .kv-txt {
  color: var(--green);
}
.top-main .swiper.kv-d {
  background: var(--green-gradation);
}
.top-main.type-b .service {
  background: #e8f5eb;
}
.top-main.type-b .service-ttl.type-base span {
  color: var(--green);
}
.top-main.type-b .features-ttl .heading-tertiary span {
  background: #e8f5eb;
}
.top-main.type-c .service-ttl.type-base span {
  color: var(--green);
}
.top-main.type-c .service ul li figure {
  background-color: #e8f5eb;
}

.swiper.kv-a .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--green);
  outline: 5px solid rgba(19, 153, 65, 0.4);
}

.swiper.kv-b .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--white);
  outline: 5px solid rgba(255, 255, 255, 0.4);
}

.swiper.kv-c .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--green);
  outline: 5px solid rgba(19, 153, 65, 0.4);
}

.swiper.kv-d .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--white);
  outline: 5px solid rgba(255, 255, 255, 0.4);
}

.news-main .news-list li .news-info i {
  background: #e8f5eb;
}
.news-main .news-list li .news-info i {
  color: var(--green);
}
.news-main .news-link p a:hover {
  color: var(--green);
}
.news-main .news-link p a::after {
  background: url(../img/news/green/arrow_icon.png) no-repeat right top;
  background-size: 28px;
}
.news-main .news-detail a {
  color: var(--green);
}

.privacy-main .privacy dt::before {
  background-color: var(--green);
}

.contact-main .contact-read-box .tel-num::before {
  background: url(../img/contact/green/tel_icon.png) no-repeat center;
}
.contact-main .contact-read-box {
  background: #e8f5eb;
}
.contact-main .contact-read-box .tel-num {
  color: var(--green);
}
.contact-main .contact-type input:checked + label::before {
  border: 1px solid var(--green);
}
.contact-main .contact-type label::after {
  background-color: var(--green);
}
.contact-main .contact-file .resume-file:hover {
  border-color: var(--green);
}
.contact-main .contact-file .uploadfile-area {
  color: var(--green);
}
.contact-main .contact-file .upload-btn {
  background: var(--green-gradation);
}
.contact-main .contact-privacy-box .agree label {
  color: var(--green);
}
.contact-main .contact-privacy-box .agree input:checked + label::before {
  background-image: url(../img/contact/green/check_icon.png);
}
.contact-main .contact-privacy-txt a {
  color: var(--green);
}
.contact-main output div a {
  background-image: url("../img/contact/green/trash.png");
}

.company-main .company-list li a {
  color: var(--green);
}
.company-main li .company-link p::after {
  background: url(../img/news/green/arrow_icon.png) no-repeat right top/28px;
}
.company-main .info .tbl-td .map {
  color: var(--green);
}
.company-main .info .tbl-td .map::before {
  background: url(../img/info/green/map_marker_icon.png) no-repeat left center;
}
.company-main .staff-list .staff-card .staff-name {
  color: var(--green);
}
.company-main .staff-list .staff-card .staff-name::after {
  background-image: url(../img/news/green/arrow_icon.png);
}
.company-main .staff-list .staff-card .thumbnail .noimg p.female-a {
  background-image: url("../img/company/green/staff_icon_female_a.png");
}
.company-main .staff-list .staff-card .thumbnail .noimg p.female-b {
  background-image: url("../img/company/green/staff_icon_female_b.png");
}
.company-main .staff-list .staff-card .thumbnail .noimg p.female-rep {
  background-image: url("../img/company/green/staff_icon_female_rep.png");
}
.company-main .staff-list .staff-card .thumbnail .noimg p.male-a {
  background-image: url("../img/company/green/staff_icon_male_a.png");
}
.company-main .staff-list .staff-card .thumbnail .noimg p.male-b {
  background-image: url("../img/company/green/staff_icon_male_b.png");
}
.company-main .staff-list .staff-card .thumbnail .noimg p.male-rep {
  background-image: url("../img/company/green/staff_icon_male_rep.png");
}
.company-main .popup-container .popup-close {
  border-color: var(--green);
}
.company-main .popup-container .popup-close::before, .company-main .popup-container .popup-close::after {
  background-color: var(--green);
}
.company-main .staff-name-head .staff-ttl {
  color: var(--green);
}
.company-main .staff-name-head .staf-icon.no-img.staff-female_a {
  background-image: url(../img/company/green/staff_icon_female_a.png);
}
.company-main .staff-name-head .staf-icon.no-img.staff-male_a {
  background-image: url(../img/company/green/staff_icon_male_a.png);
}
.company-main .staff-name-head .staf-icon.no-img.staff-female_b {
  background-image: url(../img/company/green/staff_icon_female_b.png);
}
.company-main .staff-name-head .staf-icon.no-img.staff-male_b {
  background-image: url(../img/company/green/staff_icon_male_b.png);
}
.company-main .staff-name-head .staf-icon.no-img.staff-female_rep {
  background-image: url(../img/company/green/staff_icon_female_rep.png);
}
.company-main .staff-name-head .staf-icon.no-img.staff-male_rep {
  background-image: url(../img/company/green/staff_icon_male_rep.png);
}

.service-main .service-read-ttl::after {
  background: var(--green-gradation);
}
.service-main .service-read-txt {
  color: var(--green);
}
.service-main .service-read-list {
  background: var(--green-gradation);
}
.service-main .service-read-list li.merit-1::before {
  background-image: url("../img/service/green/reservation/service1.png");
}
.service-main .service-read-list li.merit-2::before {
  background-image: url("../img/service/green/reservation/service2.png");
}
.service-main .service-read-list li.merit-3::before {
  background-image: url("../img/service/green/reservation/service3.png");
}
.service-main .service-read-list li.merit-4::before {
  background-image: url("../img/service/green/reservation/service4.png");
}
.service-main .step-list dt::before {
  color: var(--green);
}
.service-main .note-list dt {
  background-color: var(--green);
}
.service-main .note-list ol li {
  border-bottom: 2px solid var(--green);
  border-left: 2px solid var(--green);
  border-right: 2px solid var(--green);
}
.service-main .note-list ol li::before {
  color: var(--green);
}
.service-main .note-list ol li::after {
  background: url(../img/service/green/check_icon.png) no-repeat right center;
}
.service-main .note-box2 .note-item .note-unsupported i {
  background: var(--green);
}
.service-main .merit h3 {
  color: var(--green);
}
.service-main .merit h3::before,
.service-main .merit h3::after {
  background-color: var(--green);
}
.service-main .merit ul li .icon-box {
  background-color: #e8f5eb;
}
.service-main .merit ul li .icon-box::before {
  background-color: var(--green);
}
.service-main .merit ul li .icon-box.merit-icon1 {
  background-image: url(../img/service/green/reservation/merit_icon1.png);
}
.service-main .merit ul li .icon-box.merit-icon2 {
  background-image: url(../img/service/green/reservation/merit_icon2.png);
}
.service-main .merit ul li .icon-box.merit-icon3 {
  background-image: url(../img/service/green/reservation/merit_icon3.png);
}
.service-main .servicelist [class*=ttl-link] {
  color: var(--green);
}
.service-main .servicelist .ttl-link_1::after {
  background-image: url("../img/service/green/service_arrow1.png");
}
.service-main .servicelist .ttl-link_2::after {
  background-image: url("../img/service/green/service_arrow2.png");
}
.service-main .qualification .merit-1 dt .circle {
  background-image: url("../img/service/green/qualification_merit_1_icon.png");
}
.service-main .qualification .merit-2 dt .circle {
  background-image: url("../img/service/green/qualification_merit_2_icon.png");
}
.service-main .qualification .merit-3 dt .circle {
  background-image: url("../img/service/green/qualification_merit_3_icon.png");
}
.service-main .qualification .merit-4 dt .circle {
  background-image: url("../img/service/green/qualification_merit_4_icon.png");
}
.service-main .guidance .merit-1 dt .circle {
  background-image: url("../img/service/green/guidance_merit_1_icon.png");
}
.service-main .guidance .merit-2 dt .circle {
  background-image: url("../img/service/green/guidance_merit_2_icon.png");
}
.service-main .guidance .merit-3 dt .circle {
  background-image: url("../img/service/green/guidance_merit_3_icon.png");
}
.service-main .drive .merit-1 dt .circle {
  background-image: url("../img/service/green/drive_merit_1_icon.png");
}
.service-main .drive .merit-2 dt .circle {
  background-image: url("../img/service/green/drive_merit_2_icon.png");
}
.service-main .drive .merit-3 dt .circle {
  background-image: url("../img/service/green/drive_merit_3_icon.png");
}
.service-main .drive .merit-4 dt .circle {
  background-image: url("../img/service/green/drive_merit_4_icon.png");
}
.service-main .apartment .merit-1 dt .circle {
  background-image: url("../img/service/green/apartment_merit_1_icon.png");
}
.service-main .apartment .merit-2 dt .circle {
  background-image: url("../img/service/green/apartment_merit_2_icon.png");
}
.service-main .apartment .merit-3 dt .circle {
  background-image: url("../img/service/green/apartment_merit_3_icon.png");
}
.service-main .apartment .merit-4 dt .circle {
  background-image: url("../img/service/green/apartment_merit_4_icon.png");
}
.service-main .locker .merit-1 dt .circle {
  background-image: url("../img/service/green/locker_merit_1_icon.png");
}
.service-main .locker .merit-2 dt .circle {
  background-image: url("../img/service/green/locker_merit_2_icon.png");
}
.service-main .locker .merit-3 dt .circle {
  background-image: url("../img/service/green/locker_merit_3_icon.png");
}
.service-main .prescription .merit-1 dt .circle {
  background-image: url("../img/service/green/prescription_merit_1_icon.png");
}
.service-main .prescription .merit-2 dt .circle {
  background-image: url("../img/service/green/prescription_merit_2_icon.png");
}
.service-main .prescription .merit-3 dt .circle {
  background-image: url("../img/service/green/prescription_merit_3_icon.png");
}
.service-main .patient-merit [class*=merit-] {
  background: #e8f5eb;
}
.service-main .patient-merit [class*=merit-] dt .circle::before {
  background: var(--green);
}
.service-main .service-sub-ttl::before {
  background: var(--green-gradation);
}
.service-main .service-sub-ttl span {
  color: var(--green);
}
.service-main .patient-merit-sub .appeal-frame {
  background: var(--green);
}
.service-main .app-link a {
  color: var(--green);
}
.service-main .app-link a::before {
  background: var(--green);
}
.service-main .service-flyer-box .ttl h4 {
  background: #e8f5eb;
}
.service-main .service-flyer-box .ttl h4::after {
  border-color: #e8f5eb transparent transparent transparent;
}
.service-main .service-practical-use .discription {
  color: var(--green);
}
.service-main .method-step-list li dl dt::before {
  color: var(--green);
}
.service-main .method-step-list li dl dd .subtxt {
  color: var(--green);
}
.service-main .service-btn .subttl {
  color: var(--green);
}
.service-main .step-list dd small a {
  color: var(--green);
}
.service-main .method-step-list.mynum li.step1 {
  background-image: url("../img/service/green/mynumber_method_1_img.png");
}
.service-main .method-step-list.mynum li.step2 {
  background-image: url("../img/service/green/mynumber_method_2_img.png");
}
.service-main .method-step-list.mynum li.step3 {
  background-image: url("../img/service/green/mynumber_method_3-1_img.png"), url("../img/service/green/mynumber_method_3-2_img.png");
}
.service-main .method-step-list.mynum li.step4 {
  background-image: url("../img/service/green/mynumber_method_4-1_img.png"), url("../img/service/green/mynumber_method_4-2_img.png");
}
.service-main .method-step-list.mynum li.step5 {
  background-image: url("../img/service/green/mynumber_method_5-1_img.png"), url("../img/service/green/mynumber_method_5-2_img.png");
}
.service-main .method-step-list.mynum li.step6 {
  background-image: url("../img/service/green/mynumber_method_6-1_img.png"), url("../img/service/green/mynumber_method_6-2_img.png");
}
.service-main .step-list dd a {
  color: var(--green);
}
.service-main .step-list dd a:hover {
  text-decoration: underline;
  opacity: 1;
}
.service-main .free-question-list .q-ttl::before {
  background: var(--green);
}
.service-main .free-question-list .a-txt::before {
  color: var(--green);
  background: #E8F5EB;
}
.service-main .free-number-listbox .free-number-list .ttl::before {
  background: var(--green);
}
.service-main .free-link-list .free-link-cts a::after {
  background: url(../img/service/green/service_arrow1.png) no-repeat right top/28px;
}
.service-main .free-link-list .free-link-cts a:hover {
  color: var(--green);
}
.service-main .free-link-list .free-link-cts a[target=_blank]::after {
  background: url(../img/service/green/service_arrow2.png) no-repeat right top/24px;
}
.service-main .free-person-cts figure.no-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.service-main .free-person-cts figure.no-img.staff-male_a {
  background-image: url(../img/company/green/staff_icon_male_a.png);
}
.service-main .free-person-cts figure.no-img.staff-female_b {
  background-image: url(../img/company/green/staff_icon_female_b.png);
}
.service-main .free-person-cts figure.no-img.staff-male_b {
  background-image: url(../img/company/green/staff_icon_male_b.png);
}
.service-main .free-person-cts figure.no-img.staff-female_rep {
  background-image: url(../img/company/green/staff_icon_female_rep.png);
}
.service-main .free-person-cts figure.no-img.staff-male_rep {
  background-image: url(../img/company/green/staff_icon_male_rep.png);
}

.store-main .shop-prof .address .map a {
  color: var(--green);
}
.store-main .shop-prof .icon-item::before {
  background-color: var(--green);
}
.store-main .rich-picture-right-col .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--green);
  outline: 5px solid rgba(19, 153, 65, 0.4);
}
.store-main .rich-picture-right-col .swiper-button-next:not(.swiper-button-disabled),
.store-main .rich-picture-right-col .swiper-button-prev:not(.swiper-button-disabled) {
  background-image: url(../img/store/green/arrow_icon_green.png);
}
.store-main .store-detail .store-info .tbl-td .map,
.store-main .store-detail .store-info .tbl-td .external {
  color: var(--green);
}
.store-main .store-detail .store-info .tbl-td .external::before {
  background: url(../img/store/green/arrow_external_icon.png) no-repeat left center;
}
.store-main .store-detail .store-info .tbl-td .map::before {
  background: url(../img/store/green/map_marker_icon.png) no-repeat left center;
}
.store-main .store-detail .weekly-schedule h4 {
  color: var(--green);
}
.store-main .more-btn a {
  color: var(--green);
}
.store-main .more-btn a span::before {
  background: url(../img/store/green/arrow_external_icon.png) no-repeat center left;
}
.store-main .store-b .tbl .map {
  color: var(--green);
}
.store-main .store-b .tbl .map::before {
  background: url(../img/store/green/map_marker_icon.png) no-repeat left center;
}

.recruit-main .recruit-message .top-read-txt {
  color: var(--green);
}
.recruit-main .interview-cts .staff-list-cassette .staff-name {
  color: var(--green);
}
.recruit-main .interview-cts .staff-list-cassette .staff-name::after {
  background-image: url(../img/news/green/arrow_icon.png);
}
.recruit-main .recruit-flow .step-cts {
  background-color: #e8f5eb;
}
.recruit-main .recruit-flow .step-cts.num-01 .icon {
  background-image: url(../img/recruit/green/flow_step_01.png);
}
.recruit-main .recruit-flow .step-cts.num-02 .icon {
  background-image: url(../img/recruit/green/flow_step_02.png);
}
.recruit-main .recruit-flow .step-cts.num-03 .icon {
  background-image: url(../img/recruit/green/flow_step_03.png);
}
.recruit-main .recruit-flow .step-cts.num-04 .icon {
  background-image: url(../img/recruit/green/flow_step_04.png);
}
.recruit-main .recruit-flow .step-cts.num-05 .icon {
  background-image: url(../img/recruit/green/flow_step_05.png);
}
.recruit-main .recruit-flow .step-cts .icon::before {
  background-color: var(--green);
}
.recruit-main .interview-section .interview-ttl .ruby {
  color: var(--green);
}

.errorpage-main .message-read-txt {
  color: var(--green);
}