/*
Theme Name: XWRITE child
Version: 1.0.0
Template: xwrite
*/

@charset "utf-8";

/* Theme Reset
  ================================================ */
  .header .headerInfo, .header-fix .headerInfo {max-width: 100%;}
  .page-bottom-breadcrumbs.show-background,.page-top-breadcrumbs.show-background {background-color: rgb(var(--key-color--rgb));color: #fff;}
  .breadcrumbs > li::before {color: #fff;}
  .breadcrumbs a{color: #fff;}
  .breadcrumbs a:hover{color: #fff;}
  .header .menu-item > a, .header-fix .menu-item > a {padding: 2px 16px 0;}
  .header .gNavList .menu-item-home{display: none !important;}
  .contents {padding-bottom: 60px;}
  .contentsHeader__caption, .page .articleHeader__title {border-bottom: 0;}
  .article-date{color: #888;font-size: 13px;}
  .articleList .xw-article-media__body--title {font-size: 15px !important;font-weight: 500;line-height: 1.5;}
  @media (max-width: 767px) {
    .nav__drawers__inner .gNavList .menu-item-contact{display: none !important;}
    .nav__drawers__inner .gNavList{border-bottom:var(--list--border-style);}
  }
    @media (min-width: 768px) {
      .contents {padding-bottom: 80px;}
    .pagetop {bottom: 70px;}
    .articleList.type-text.label-horizontal .xw-article-media__body {align-items: center;}
    .articleList.type-text.label-horizontal .xw-article-media__body .xw-article-media__body--extra {padding-top: 0;}
    .articleList.type-text.label-horizontal .xw-article-media__body .article-category {padding-top: 0;}
    .articleList .xw-article-media__body--title {}
  }
  @media (min-width: 992px) {
    .contents {padding-bottom: 100px;}
    .articleList.type-text .xw-article-media {padding: 32px 20px;}
    .articleList .xw-article-media__body--title {font-size: 16px !important;}
    .pagetop {bottom: 80px;}
  }
/* ================================================ */
  
  body{font-family: "M PLUS Rounded 1c", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size: 15px;font-optical-sizing: auto;font-weight: 400;font-style: normal;letter-spacing: .05em;line-height: 1.8;}
  @media (min-width: 767px) {
  }
  @media (min-width: 992px) {
  body{font-size: 16px;}
  }
  
  .center{text-align: center !important;justify-content: center !important;}
  
  .color-white{color: #fff;}
  .color-red{color: #ed1c24;}
  .color-green{color: #00A693 !important}
  .color-blue{color: #19b8fb !important}
  .color-orange{color: #fb8d00 !important}
  .color-pink{color: #fb6d5d !important}
  .color-bg-white{background-color: #fff !important}
  .color-bg-green{background-color: #00A693 !important}
  .color-bg-l-green{background-color: #EAF4EF !important}
  .color-bg-orange{background-color: #fb8d00 !important}
  .color-bg-pink{background-color: #fb6d5d !important}
  .color-bd-green{border-color: #00A693 !important}
  .color-bd-orange{border-color: #fb8d00 !important}
  .color-bd-pink{border-color: #fb6d5d !important}
  
  
  .font-w400{font-weight: 400 !important}
  .font-w500{font-weight: 500 !important}
  .font-w600{font-weight: 600 !important}
  .font-w700{font-weight: 700 !important}
  .font-w800{font-weight: 800 !important}
  .font-en{font-family: "M PLUS 1", sans-serif;font-weight: 600;font-style: normal;}
  
  
  .mt-0{margin-top: 0px}
  .mt-40{margin-top: 40px}
  .mt-60{margin-top: 60px}
  .mt-80{margin-top: 80px}
  .mt-100{margin-top: 100px}
  .mt-120{margin-top: 120px}
  
  .mb-0{margin-bottom: 0px}
  .mb-40{margin-bottom: 40px}
  .mb-60{margin-bottom: 60px}
  .mb-80{margin-bottom: 80px}
  .mb-100{margin-bottom: 100px}
  .mb-120{margin-bottom: 120px}
  
  h2,h3{margin: 0;padding: 0;line-height: 1.6;}
  p,.txt{text-align:justify;}
  p:first-child,.txt:first-child{margin: 0;}
  p:not(:first-child),.txt:not(:first-child){margin: 20px 0 0;}
  p.strong,.txt.strong{font-weight: 600;}
  
  ul.unstyled{margin: 0;padding: 0;list-style: none;}
  
  
  /*
  Line breaks
  */
  .wbr {word-break: keep-all; /* CJKãƒ†ã‚­ã‚¹ãƒˆã§ã®æŠ˜ã‚Šè¿”ã—ã‚’ç„¡åŠ¹åŒ– */overflow-wrap: anywhere;/* é•·ã„å˜èªžã§ã‚‚æŠ˜ã‚Šè¿”ã—å¯èƒ½ã« */}
  br.md,br.lg{display: none;}
  br.sm,br.sm.md{display: block;}
  @media (min-width: 768px) {
  br.sm{display: none;} 
  br.md{display: block;}
  br.md.lg{display: block;}
  }
  @media (min-width: 991px) {
  br.sm.md,br.md{display: none;} 
  br.lg{display: block;}
  }
  
  
  /*
  description list
  */
  .d-list{display:flex;flex-flow:column;gap:12px;border-top:1px solid #ddd;margin:0;padding:24px 0}
  .d-list:first-child{}
  .d-list:last-child{border-bottom:1px solid #ddd}
  .d-list:not(:first-child){}
  .d-list__dt,.d-list__dd{margin:0;padding:0;width:100%}
  .d-list__dt{font-weight:600}
  .d-list__dd{}
  @media (min-width: 768px) {
  .d-list{flex-flow:wrap;gap:0;padding:32px 0}
  .d-list__dt,.d-list__dd{}
  .d-list__dt{width:24%}
  .d-list__dd{flex:1}
  }
  @media (min-width: 992px) {
  .d-list{}
  .d-list__dt,.d-list__dd{}
  .d-list__dt{}
  .d-list__dd{}
  }
  
  /*
  flex
  */
  .flex{display: flex;}
  .flex.column{flex-flow: column;}
  
  @media (min-width: 768px) {
  }
  
  @media (min-width: 992px) {
    .flex.lg-wrap{flex-flow: wrap;}
    .flex.lg-reverse{flex-flow: row-reverse;}
  }
  
  /*
  grid
  */
  .grid{display: grid;}
  .grid.col-2{grid-template-columns: repeat(2, 1fr);}
  .grid.col-3{grid-template-columns: repeat(3, 1fr);}
  .grid.col-4{grid-template-columns: repeat(4, 1fr);}
  .grid.col-5{grid-template-columns: repeat(5, 1fr);}
  
  @media (min-width: 768px) {
    .grid.col-md-2{grid-template-columns: repeat(2, 1fr);}
    .grid.col-md-3{grid-template-columns: repeat(3, 1fr);}
    .grid.col-md-4{grid-template-columns: repeat(4, 1fr);}
    .grid.col-md-5{grid-template-columns: repeat(5, 1fr);}
  }
  
/* Button
  ================================================ */
  @media (hover: hover) {
  [type=button]:hover, [type=reset]:hover, [type=submit]:hover {
  opacity: 1;
  }
  }
  .btn{max-width: 320px;background: transparent;margin: 0;padding: 0;}
  .btn__link{position: relative;overflow: hidden;text-decoration: none;display: flex;align-items: center;justify-content: center;background-color: #00A693;border: 2px solid #00A693;border: 0;border-radius: 40px;width: 100%;height: 52px;text-align: center;outline: none;transition: ease .2s;/* filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.3)); */transform: translateZ(0);}
  .btn__link:before{content:'';position:absolute;top:0;left:0;background:#8dc21f;width:100%;height:100%;transition:transform .3s cubic-bezier(0.8,0,0.2,1) 0;transform:scale(0,1);transform-origin:right top;z-index:1}
  .btn__link__name{position:relative;color: #fff;font-size: 14px;font-weight: 600;-webkit-transition:color 1s ease;transition:color 1s ease;width:100%;z-index:5}
  .btn__link__name::after{content:'';width:12px;height:12px;border:0;border-top: solid 2px #fff;border-right: solid 2px #fff;transform:rotate(45deg);position:absolute;top:0;right:20px;bottom:0;margin:auto;transition:right .2s;}
  .btn__link__name.color-pink::after{border-top: solid 2px #fb6d5d;border-right: solid 2px #fb6d5d;}
  .btn__link__name.-blank::after{background: url(images/link-blank-w.svg) center / 16px 16px no-repeat;width: 16px;height: 16px;border:0;transform: none;top: -2px;right: 20px;}
  .btn__link__name.tel::after,.btn__link__name.line::after{width: 22px;height: 22px;border:0;transform: none;top: 0px;right: auto;left: 28px;}
  .btn__link.line{background-color: #06c755;}
  .btn__link__name.line::after{background: url(images/icon-line.svg) center / 28px auto no-repeat;width: 28px;height: 28px;left: 26px;}
  .btn__link__name.tel::after{background: url(images/link-tel.svg) center / 22px auto no-repeat;}
  .btn:hover{transform: translateY(2px);}
  .btn__link:hover{/* border: 2px solid #252525; *//* background-color: #fbc826; */opacity: .7;filter: none;}
  .btn__link:hover .btn__link__name{color: #fff;}
  /* .btn__link:hover .btn__link__name::after{right: 18px;} */


  .btn-id{background-color:transparent;max-width:230px;margin:0;padding:0}
  article a{text-decoration:underline}
  article a:hover{text-decoration:none}
  .footer-nav a:hover{color:#373725;text-decoration:none}
  a.link-tel{color:inherit;text-decoration: none !important;}
  .btn-view{display:flex;align-items:center;font-size:15px;font-weight:600;gap:8px;margin-top:20px;text-decoration:none;color:#373725}
  .btn-view__arrow{width:21px}
  .link-view{font-size:1.2rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
  .link-view::after{content:"";display:block;width:16px;height:16px;mask-image:url(images/circle-arrow.svg);mask-repeat:no-repeat;mask-position:center;mask-size:14px;margin-left:8px;-webkit-transition:.3scubic-bezier(.165,.84,.44,1);transition:.3scubic-bezier(.165,.84,.44,1);background-color: #252525;}
  .link-icon{display:inline-flex;align-items:center;gap:4px;margin-right:4px}
  .link-icon__icon{width:16px;height:16px;display:inline-block;vertical-align:middle}
  .link-icon-svg{display:inline-block;height:16px;vertical-align:baseline;margin:0 4px -2px}
  a:hover{opacity:.7}
  
  .btn-wrap{margin-top: 32px;align-items:center;justify-content:center;gap:16px}
  .btn-wrap .btn{width: 260px;}
  .btn-wrap.btn-wrap-2{flex-flow:column}
  .btn-wrap.btn-wrap-2 .btn{}
  .btn-wrap.btn-wrap-3{}
  .btn-wrap.btn-wrap-3 .btn{}
  .btn-id-wrap{justify-content:center}
  .btn-id-wrap.btn-id-2{gap:20px}
  .btn-id-wrap.btn-id-3{}

  @media (min-width: 768px) {
  .btn__link{height: 52px;}
  .btn__link__name{}
  .btn-wrap{margin-top: 40px;gap:20px}
  .btn-wrap .btn{}
  .btn-wrap.btn-wrap-2{flex-flow:wrap}
  .btn-wrap.btn-wrap-2 .btn{}
  .btn-wrap.btn-wrap-3{}
  .btn-wrap.btn-wrap-3 .btn{}
  .c-menu__top-nav a:hover{color: #0f913a;opacity: 1;}
  .c-menu .footer-nav__list .menu-item a:hover{color: #0f913a;opacity: 1;}
  }
  @media (min-width: 992px) {
  .btn__link{}
  .btn__link__name{}
  .btn-wrap{margin-top: 40px;justify-content: flex-start;}
  .btn-wrap .btn{width: 280px;}
  .btn-wrap.btn-wrap-2{flex-flow:wrap;gap:20px}
  .btn-wrap.btn-wrap-3{}
  .btn-wrap.btn-wrap-3 .btn{}
  .btn-id-wrap{}
  .btn-id-wrap.btn-id-2{}
  .btn-id-wrap.btn-id-3{}
  .btn-id{background-color:transparent;width:230px;margin:0;padding:0}
  .btn-view{font-size:16px}
  .btn-view__arrow{width:24px}
  .link-view::after{mask-size:16px;margin-left:8px}
  }

  .google-map{width: 100%;height: 450px;margin-bottom: 12px;border: solid 5px #fff;border-radius: 3px;}
  .google-map>iframe{width: 100%;height: 100%;}
  
  
/* XW articleBody
  ================================================ */
  .single .page-ttl-en{font-size:16px;margin-bottom:28px}
  .wp-singular .articleBody{max-width:880px;margin: 60px auto 0;}
  .articleHeader__title,.contentsHeader__caption{font-size:22px}
  .articleBody h1,.articleBody h2,.articleBody h3,.articleBody h4,.articleBody h5,.articleBody h6{font-weight:600;line-height:1.6}
  .articleBody h2{font-size:20px}
  .articleBody h3{font-size:17px}
  @media (min-width: 768px) {
  .single .page-ttl-en{font-size:18px}
  .wp-singular .articleBody{margin-top: 80px;}
  .articleHeader__title,.contentsHeader__caption{font-size:28px}
  .articleBody h2{font-size:24px}
  .articleBody h3{font-size:18px}
  }
  @media (min-width: 992px) {
  .single .page-ttl-en{font-size:20px;margin-bottom:40px}
  .wp-singular .articleBody{margin-top: 100px;}
  .articleHeader__title,.contentsHeader__caption{font-size:32px}
  }
  
  
/* CPT works
  ================================================ */
.nav-cpt{
margin: 0 auto;
}
.articlePagerUnit + .nav-cpt{margin-top: 40px;}
.nav-cpt__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;font-size:12px}
.nav-cpt__list .menu-item{}
.nav-cpt__list .menu-item a{background: #1ea793;border-radius:20px;color:#fff;display:block;font-weight:600;line-height:2.8;text-decoration: none;}
.nav-cpt__list .menu-item a:hover{background:#00A693}
.nav-cpt__list .current-menu-item{}
.nav-cpt__list .current-menu-item a{background: #97B1AB;}
.archiveListContainer.cpt{
margin-top: 40px;
}
.articleList.type-card.pc-card-col3{gap:60px 30px}
.articleList__item--fig{/* filter:drop-shadow(0px 2px 4px rgba(0,0,0,0.1)); */}
.articleList .xw-article-media__body--title{/* font-weight:600; *//* line-height:1.5; */}
.cpt-category{margin-top:8px}
.cpt-category-list{display:flex;flex-flow:column;gap:4px;line-height:1.4;color:#97B1AB;font-size:12px}
.cpt-category-list__item{}
.articleHeader__info.works .xw-article-media__body--extra{display: none;}
.articleHeader__info .cpt-category-list{
    flex-flow: wrap;
    gap: 12px;
}
.articleHeader__info .cpt-category-list__item{}
.articleHeader__info .cpt-category-list__item a{
    /* color: #97B1AB; */
    text-decoration: none;
}
.taxonomy-xintro{
    max-width: 880px;
    margin: 0 auto 40px;
}
.taxonomy-xintro__txt{
    text-align: justify !important;
}

@media (min-width: 768px) {
.archiveListContainer.cpt{
margin-top: 60px;
}
.nav-cpt{max-width:740px;}
.articlePagerUnit + .nav-cpt{margin-top: 60px;}
.nav-cpt__list{grid-template-columns:1fr 1fr 1fr 1fr;font-size:14px}
.nav-cpt__list .menu-item{}
.nav-cpt__list .menu-item a{}
.nav-cpt__list .menu-item a:hover{}
.nav-cpt__list .current-menu-item{}
.nav-cpt__list .current-menu-item a{}
.cpt-category{}
.cpt-category-list{flex-flow:wrap;gap:12px;font-size:13px}
.cpt-category-list__item{}
.taxonomy-xintro{}
.taxonomy-xintro__txt{}
}
@media (min-width: 992px) {
.archiveListContainer.cpt{}
.articleHeader__info .cpt-category-list{
    gap: 20px;
}
.articleHeader__info .cpt-category-list__item{}
.articleHeader__info .cpt-category-list__item a{}
.taxonomy-xintro{
    margin-bottom: 60px;
}
.taxonomy-xintro__txt{}
}


  /*
  container
  */
  .container{max-width: 1160px;width: 100%;padding: 0 20px;margin: auto;position: relative;}
  .container.xs{max-width: 860px;}
  .container.sm{max-width: 960px;}
  .container.lg{max-width: 1160px;}
  .container.full{max-width: 100%;}
  .no-sidebar .main.full {max-width: 100%;}
  @media (min-width: 768px) {
    .container{padding: 0 40px;}
  }
  
  /*
  articleHeader
  */
  .page-header{margin-bottom:60px}
  .page-ttl-block{}
  .articleHeader__title.page-ttl{border:0;font-size:18px;letter-spacing:.075em;padding-bottom: 4px;}
  .page-ttl-en{font-size: 24px;font-weight:800;line-height:1}
  @media (min-width: 768px) {
  .page-header{margin-bottom:80px}
  .page-ttl-block{}
  .articleHeader__title.page-ttl{}
  .page-ttl-en{font-size: 32px;}
  }
  @media (min-width: 992px) {
  .page-header{margin-bottom:100px}
  .page-ttl-block{}
  .articleHeader__title.page-ttl{font-size:20px}
  .page-ttl-en{font-size: 40px;}
  }
  
  
  
/* header
  ================================================ */
  .header .siteInfo:has(img){
    margin: 0;
}
  .header .siteInfo .siteInfo__logo,.header-fix .siteInfo .siteInfo__logo{
    display: flex;
    max-width: 80vw;
    align-items: center;
    gap: 12px;
    margin: 0;
}
  .header .siteInfo .siteInfo__logo a{}
  .siteInfo__logo__ttl{
    color: #1ea793;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
  @media (min-width: 768px) {
    .header .siteInfo:has(img){}
    .header .siteInfo .siteInfo__logo{}
    .header .siteInfo .siteInfo__logo a{}
    .siteInfo__logo__ttl{font-size: 15px;}
  }
  @media (min-width: 992px) {
    .header .siteInfo:has(img){}
    .header .siteInfo .siteInfo__logo{}
    .header .siteInfo .siteInfo__logo a{}
    .siteInfo__logo__ttl{font-size: 16px;}
  }
  


/* page common
  ================================================ */
  .section{padding:60px 0}
  .page-template-default .section:first-child{padding-top:0}
  .sector{}
  .sector:not(:first-child){margin-top:60px}
  .sector>div:first-child{margin-top:0}
  .sector__copy{text-align:center;font-size:20px;font-weight:700}
  .sector__lead{font-weight:500;margin-top:24px}
  @media (min-width: 768px) {
  .section{padding:80px 0}
  .sector{}
  .sector:not(:first-child){}
  .sector__copy{}
  .sector__lead{}
  }
  @media (min-width: 992px) {
  .section{padding:100px 0}
  .sector{}
  .sector:not(:first-child){margin-top:80px}
  .sector__copy{}
  .sector__lead{font-size:18px;margin-top:40px}
  }


/* front
================================================ */
.home .header{background-color: transparent;}
.fv{height:100vh;margin-top:-60px}
.fv__container{height:100%;display:grid;place-content:center;place-items:center;position:relative;overflow:hidden}
.fv__main{z-index: 10;}
.fv__main__img{width: 80vw;max-width: 860px;margin:auto}
.fv__main__img img{}
.fv__main__copy{text-align:center;margin-top:5vw;font-size:16px;font-weight:600;color:#00a693}
.fv__item{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 1;
}
.fv__item.item-01{width: 160px;margin-top: -27vh;margin-left: -22vw;}
.fv__item.item-02{width: 160px;margin-top: -28vh;margin-left: 24vw;}
.fv__item.item-03{width: 230px;margin-top: 21vh;margin-left: 1vw;}
.fv__item.item-04{
width: 170px;
margin-top: 25vh;
margin-left: 20vw;
}

/*
アニメーションスタートの遅延時間を決めるCSS
*/
.delay-time01{animation-delay:.3s}
.delay-time02{animation-delay:.6s}
.delay-time03{animation-delay:.9s}
.delay-time04{animation-delay:1.2s}
.delay-time05{animation-delay:1.6s}
  
/*
スタート時は要素自体を透過0にするためのopacity:0;を指定する
*/
.fv__item__img{display: block;opacity: 0;}

/*
動き自体の指定：今回は「ふわっ」
*/
.fadeIn{animation-name:fadeInAnime;animation-duration:2s;animation-fill-mode:forwards;opacity:0}
@keyframes fadeInAnime {
from{opacity:0;transform:translateY(0)}
to{opacity:1;transform:translateY(0)}
}
.fadeUp{animation-name:fadeUpAnime;animation-duration:1.2s;animation-fill-mode:forwards;opacity:0}
@keyframes fadeUpAnime {
from{opacity:0;transform:translateY(100px)}
to{opacity:1;transform:translateY(0)}
}
.fadeDown{animation-name:fadeDownAnime;animation-duration:2s;animation-fill-mode:forwards;opacity:0}
@keyframes fadeDownAnime {
from{opacity:0;transform:translateY(-100px)}
to{opacity:1;transform:translateY(0)}
}

.fv__scrollbar{height: 200px;background-color:#eaf4ef;position:absolute;bottom:0;left:50%}
.fv__scrollbar__txt{display:inline-block;position:absolute;bottom:0;padding: 10px 10px 70px;color:#1ea793;font-size: 12px;font-weight: 600;line-height:1;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-lr;left:50%;transform:translateX(-50%)}
.fv__scrollbar__item{position:absolute;left:50%;transform:translateX(-50%);bottom:0px}
.fv__scrollbar__item::after{content:"";position:absolute;bottom:0;left:0;width:1px;height: 60px;background:#1ea793;animation:liner 2.5s cubic-bezier(1,0,0,1) infinite}
@keyframes liner {
0%{transform:scale(1,0);transform-origin:0 0}
30%{transform:scale(1,1);transform-origin:0 0}
70%{transform:scale(1,1);transform-origin:0 100%}
100%{transform:scale(1,0);transform-origin:0 100%}
}


.front-content .section{}
.front-content .section:first-child{}
.front-content .section:not(:first-child){}
.front-service-wrap{display:flex;flex-flow:column;gap:60px;margin-top:40px}
.front-service-wrap__item{}
.front-service-wrap .service__block__img{padding:0;text-align:center;width:100%}
.front-service-wrap .service__block__img img{height:300px}
.front-service-wrap .service__block__content{margin-top:20px}
.front-service-wrap .service__block__ttl-wrap{}
@media (min-width: 768px) {
.fv{}
.fv__container{}
.fv__main{}
.fv__main__img{}
.fv__main__img img{}
.fv__main__copy{font-size:20px}
.fv__item.item-01{width: 320px;}
.fv__item.item-02{width: 300px;}
.fv__item.item-03{width: 440px;margin-top: 28vh;}
.fv__item.item-04{width:240px}
.fv__scrollbar{
    left: auto;
    right: 4%;
}
.fv__scrollbar__txt{padding:10px 10px 110px;font-size:14px}
.fv__scrollbar__item{}
.fv__scrollbar__item::after{height:100px}
.front-content .section{}
.front-content .section:first-child{}
.front-content .section:not(:first-child){}
.front-service-wrap{flex-flow:wrap;gap:60px;justify-content:center;margin-top:60px}
.front-service-wrap__item{width:calc((100% / 2) - 30px)}
.front-service-wrap .service__block__img{padding:0}
.front-service-wrap .service__block__img img{height:300px}
.front-service-wrap .service__block__content{}
.front-service-wrap .service__block__ttl-wrap{}
}
@media (min-width: 992px) {
.fv{margin-top: -93px;}
.fv__container{}
.fv__main{}
.fv__main__img{width: 52vw;}
.fv__main__img img{}
.fv__main__copy{font-size:28px;margin-top:40px;margin-top: 1.7500000000000002vw;font-size: 1.7500000000000002vw;}
.fv__item.item-01{/* width: 220px; */width: 18.333333333333332vw;max-width: 293px;}
.fv__item.item-02{/* width: 240px; */width: 20vw;max-width: 319px;}
.fv__item.item-03{margin-top: 32vh;/* width: 380px; */width: 31.666666666666664vw;max-width: 506px;}
.fv__item.item-04{}
.front-content .section{}
.front-content .section:first-child{}
.front-content .section:not(:first-child){}
.front-service-wrap{}
.front-service-wrap__item{width:calc((100% / 3) - 40px)}
.front-service-wrap .service__block__img{}
.front-service-wrap .service__block__img img{height:280px}
.front-service-wrap .service__block__content{}
.front-service-wrap .service__block__ttl-wrap{}
}

@media (min-width: 1600px) {
.fv__main__img{width: 832px;}
.fv__main__img img{}
.fv__main__copy{/* font-size:28px; */margin-top: 28px;/* margin-top: 1.6vw; *//* font-size: 1.8vw; */font-size: 28px;}
.fv__item.item-01{/* width: 293px; */}
.fv__item.item-02{width: 319px;}
.fv__item.item-03{margin-top: 32vh;/* width: 506px; */}
}
  
/* service
  ================================================ */
  .section.service{background-position:center 10%;background-size:90%;background-repeat:no-repeat}
  .section.service:nth-child(even){background-image:url(images/service-bg-l.svg)}
  .section.service:nth-child(odd){background-image:url(images/service-bg-r.svg)}
  .service__block{gap:40px}
  .service__block__img{padding:0 8%}
  .service__block__content{}
  .service__block__en{}
  .service__block__ttl{font-size:18px}
  .service__block__txt{}
  .service__block__detail{background:#fff;border:1px solid #ddd;border-radius:4px;padding:20px;margin-top:12px}
  @media (min-width: 768px) {
  .section.service{background-size:85%}
  .section.service:nth-child(even){}
  .section.service:nth-child(odd){}
  .service__block{}
  .service__block__img{padding:0 12%}
  .service__block__content{}
  .service__block__en{}
  .service__block__ttl{}
  .service__block__txt{}
  .service__block__detail{}
  }
  @media (min-width: 992px) {
  .section.service{background-size:660px}
  .section.service:nth-child(even){background-position:left 10% center}
  .section.service:nth-child(odd){background-position:right 10% center}
  .service__block{align-items:center}
  .service__block__img{width:40%;padding:0}
  .service__block__content{flex:1}
  .service__block__en{font-size:18px}
  .service__block__ttl{font-size:20px}
  .service__block__txt{}
  .service__block__detail{}
  }
  
  
/* company
  ================================================ */
  .c-intro{}
  .c-intro__img{width:80%;margin:auto}
  .c-intro__img img{}
  .c-intro__copy{margin-top:40px}
  .c-intro__lead{}
  .c-message__inner{background:#EAF4EF;padding:32px;border-radius:16px;display:grid;grid-row-gap:40px;grid-column-gap:40px}
  .c-message__img{padding:0 20%}
  .c-message__img img{width:100%;border-radius: 12px;}
  .c-message__content{}
  .c-message__content__ttl{}
  .c-message__content__txt{}
  @media (min-width: 768px) {
  .c-intro{}
  .c-intro__img{width:70%}
  .c-intro__img img{}
  .c-intro__copy{}
  .c-intro__lead{
  text-align: center;
  }
  .c-message__inner{grid-template-columns:200px 1fr;padding:40px}
  .c-message__img{padding:0}
  .c-message__content{flex:1}
  .c-message__content__ttl{}
  .c-message__content__txt{}
  }
  @media (min-width: 992px) {
  .c-intro{}
  .c-intro__img{width:720px}
  .c-intro__img img{}
  .c-intro__copy{font-size:24px;margin-top:80px}
  .c-intro__lead{}
  .c-message__inner{padding:48px;grid-template-columns:300px 1fr;grid-column-gap:48px}
  .c-message__img{}
  .c-message__content{}
  .c-message__content__ttl{}
  .c-message__content__txt{}
  }

  
/* contact-area
  ================================================ */
  .contact-area{padding:40px 0;background:#f5f5f5}
  .contact-area__container{}
  .contact-area__lead{text-align:center;font-size:16px;font-weight:600}
  .contact-area__btn-wrap{}
  .contact-area__btn{width:320px!important;max-width:360px}
  .contact-area__btn .btn__link{height:68px;background-image:linear-gradient(90deg,rgba(93,130,185,1),rgba(61,150,171,1) 65%,rgba(0,166,147,1))}
  .contact-area__btn .btn__link__name{}
  @media (min-width: 768px) {
  .contact-area{padding:60px 0}
  .contact-area__container{}
  .contact-area__lead{}
  .contact-area__btn-wrap{}
  .contact-area__btn{}
  .contact-area__btn .btn__link{}
  .contact-area__btn .btn__link__name{}
  }
  @media (min-width: 992px) {
  .contact-area{padding:80px 0}
  .contact-area__container{}
  .contact-area__lead{font-size:18px}
  .contact-area__btn-wrap{}
  .contact-area__btn{width:360px!important}
  .contact-area__btn .btn__link{}
  .contact-area__btn .btn__link__name{font-size:17px}
  }
   
/* footer
  ================================================ */
  .home .footer{border-top:2px solid #1ea793}
  .footer{background:#eaf4ef}
  .footer__main{padding:40px 0}
  .footer__main__container{}
  .footer__about{display:flex;flex-flow:column;gap:16px}
  img.footer__about__logo{display:block;width:160px;margin:0 auto 12px}
  .footer__about__name{text-align:center;font-size:18px;font-weight:600;color:#1ea793}
  .footer__about__add{text-align:center}
  .footer__about__add span{display:block}
  .footer__nav{margin-top:24px}
  .footer__nav__list{}
  .footer__nav__list .menu-item{font-size:15px;font-weight:500;border-bottom:1px solid #d2dcd7}
  .footer__nav__list .menu-item:first-child{border-top:1px solid #d2dcd7}
  .footer__nav__list .menu-item a{display:block;padding:12px 0}
  .footer__nav__list .menu-item .menu-item__ttl{}
  .footer__bottom{padding:16px 0;background:#323232;color:#fff;font-size:13px}
  .footer__bottom__container{display:flex;flex-flow:column;align-items:center;justify-content:space-between;gap:16px}
  .footer__bottom__nav-list{display:flex;justify-content:normal;gap:24px}
  .footer__bottom__nav-item{}
  .footer__bottom__nav-item a{color:#fff}
  .footer__bottom .copyright{font-style:normal}
  @media (min-width: 768px) {
  .footer{}
  .footer__main{}
  .footer__main__container{}
  .footer__about{}
  img.footer__about__logo{}
  .footer__about__name{}
  .footer__about__add{}
  .footer__about__add span{}
  .footer__nav{}
  .footer__nav__list{}
  .footer__nav__list .menu-item{}
  .footer__nav__list .menu-item a{}
  .footer__nav__list .menu-item .menu-item__ttl{}
  .footer__bottom{}
  .footer__bottom__container{flex-flow:wrap}
  .footer__bottom__nav-list{}
  .footer__bottom__nav-item{}
  .footer__bottom__nav-item a{}
  .footer__bottom .copyright{}
  }
  @media (min-width: 992px) {
  .footer{}
  .footer__main{padding:60px 0}
  .footer__main__container{display:flex;align-items:center;justify-content:space-between}
  .footer__about{align-items:flex-start}
  img.footer__about__logo{width:120px;margin:0}
  .footer__about__name{display:flex;align-items:center;gap:20px;font-size:16px}
  .footer__about__add{text-align:left}
  .footer__about__add span{}
  .footer__nav{margin-top:0}
  .footer__nav__list{display:flex;gap:24px}
  .footer__nav__list .menu-item{border:none !important;font-size:14px}
  .footer__nav__list .menu-item a{}
  .footer__nav__list .menu-item .menu-item__ttl{}
  .footer__bottom{padding:20px 0}
  .footer__bottom__container{}
  .footer__bottom__nav-list{}
  .footer__bottom__nav-item{}
  .footer__bottom__nav-item a{}
  .footer__bottom .copyright{}
  }

/* privacy policy
  ================================================ */
  .privacy__h2{
    font-size: 17px;
}
  .privacy__madoguchi{
    background: #f5f5f5;
    border-radius: 4px;
    padding: 24px;
    margin-top: 20px;
}
  .phone-contact__info{}
  @media (min-width: 768px) {
  .privacy__h2{
    font-size: 18px;
}
  .privacy__madoguchi{}
  }
  @media (min-width: 992px) {
  .privacy__h2{font-size: 20px;}
  .privacy__madoguchi{
    margin-top: 28px;
    padding: 40px;
}
  }

/* contact
  ================================================ */
   .contact-section{padding-bottom: 20px;}
   .phone-contact{
    text-align: center;
    margin-top: 40px;
}
  .phone-contact__tel{font-size: 18px;font-weight: 600;}
  .phone-contact__tel .link-tel{}
  .phone-contact__tel .link-tel span{
    font-size: 28px;
}
  .phone-contact__info{}
  @media (min-width: 768px) {
    .contact-section{padding-bottom: 40px;}
  .phone-contact{}
  .phone-contact__tel{}
  .phone-contact__tel .link-tel{}
  .phone-contact__tel .link-tel span{}
  .phone-contact__info{}
  }
  @media (min-width: 992px) {
    .contact-section{padding-bottom: 60px;}
  .phone-contact{}
  .phone-contact__tel{
    font-size: 22px;
}
  .phone-contact__tel .link-tel{}
  .phone-contact__tel .link-tel span{
    font-size: 36px;
}
  .phone-contact__info{}
  }


  .contact-form .footer-contact__block{}
  .yoyaku-1{margin-bottom:0;display:flex!important;flex-flow:wrap;gap:40px}
  .yoyaku-1 .wpcf7-list-item{}
  .cf7__partner{background:#ecf1f1;margin-top:48px;padding:28px 20px}
  .cf7__partner__list{}
  .cf7__partner__txt{color:#45737a}
  
  
  .cf7{margin-top: 0;color: inherit;}
  .cf7-list{display: grid;grid-row-gap: 12px;margin: 0;}
  .cf7-list:first-child{margin:0}
  .cf7-list:not(:first-child){margin-top: 28px;}
  .cf7-list__dt:nth-of-type(n + 2),.cf7-list__dd:nth-of-type(n + 2){margin-top:30px}
  .cf7-list__dt,.cf7-list__dd{margin: 0;width:100%}
  .cf7-list__dt p,.cf7-list__dd p{margin: 0;}
  .cf7-list__dt{font-weight: 500;display:flex;align-items:center;gap:12px;}
  .cf7-list__dd{}
  
  .cf7-list__required,.cf7-list__required-2,.cf7-list__optional{display: inline-block;border-radius: 2px;padding:3px 8px;color:#fff;font-size: 11px;font-weight:600;line-height:1.4;letter-spacing:.2em;text-indent:.2em;margin-top: 0;}
  .cf7-list__required{background:#c1272d}/* å¿…é ˆã®å ´åˆ */
  .cf7-list__required.any{background:#323232}/* ä»»æ„ã®å ´åˆ */
  .cf7-list__required-2{background:#45737a}
  .cf7-list__optional{background:#504639}

  .wpcf7-form-control {appearance: none; }/* ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆçŠ¶æ…‹ã®ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³çŸ¢å°ã‚’æ¶ˆã™ãŸã‚ã®è¨­å®š */
  .cf7__select-menu{display: block;position: relative;width: 100%;max-width: 320px;}
  .cf7__select-menu::after{
  content: "";
  position: absolute;
  display: inline-block;
  border-top: 2px solid #323232;
  border-right: 2px solid #323232;
  height: 12px;
  width: 12px;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  transform: rotate(135deg);
  pointer-events: none;
  }
  .cf7__select-menu__item{
    width: 100%;
}

  @media (min-width: 768px) {
  .contact-form .footer-contact__block{flex-flow:column}
  .contact-form .footer-contact__btn .btn-wrap .btn{width:320px}
  .contact-form .footer-contact__btn .btn-wrap .btn .btn__link{height:60px}
  .contact-form .footer-contact__btn .btn__link__name.tel{font-size:22px}
  .contact-form .footer-contact__btn__info{font-size:16px}
  .yoyaku-1{display:flex!important;flex-flow:wrap;gap:12px 32px}
  .yoyaku-1 .wpcf7-list-item{display:block!important;margin:0!important}
  .cf7__partner{padding:40px}
  .cf7-list{}
  .cf7-list:first-child{}
  .cf7-list:not(:first-child){}
  .cf7-list__dt:nth-of-type(n + 2),.cf7-list__dd:nth-of-type(n + 2){}
  .cf7-list__dt,.cf7-list__dd{}
  .cf7-list__dt{}
  .cf7-list__dd{}
  }
  
  @media (min-width: 992px) {
    .cf7-list{}
    .cf7-list:first-child{}
    .cf7-list:not(:first-child){}
    .cf7-list__dt:nth-of-type(n + 2),.cf7-list__dd:nth-of-type(n + 2){}
    .cf7-list__dt,.cf7-list__dd{}
    .cf7-list__dt{}
    .cf7-list__dd{}
  }
  
  .contact-header__info{margin-top:20px;align-items:flex-end;gap:8px 20px}
  .contact-header__info dt,.contact-header__info dd{font-weight:500}
  .contact-header__info dt{width:25%}
  .contact-header__info dd{width:calc(75% - 20px);font-size:18px}
  .contact-header__info dd span{font-size:15px}
  
  
  /* inputÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â£ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»textarea */
  .cf7-list dd input[type="text"],.cf7-list dd input[type="tel"],.cf7-list dd input[type="email"],.cf7-list dd input[type="url"],.cf7-list dd textarea{width:100%;padding:15px 20px;background:#fff;background: #ecf1f1;background: #f7f7f7;border: 1px solid #eeeeee;border-radius: 4px;}
  
  /*  */
  .cf7__select{position:relative}
  .cf7__select:before{position:absolute;top:50%;right:20px;z-index:10;transform:translateY(-50%);width:0;height:0;border-top:8px solid #000;border-right:6px solid transparent;border-left:6px solid transparent;pointer-events:none;content:''}
  .cf7__select select{width:100%;padding:19px 20px;background:#F4F4F4;color:#a5a5a5;-webkit-appearance:none;-moz-appearance:none;appearance:none}
  
  .cf7-list .wpcf7-select ,.cf7-list .wpcf7-date{
    padding: 8px;
    color: #454545;
    border: 1px solid #bcc2c2;
  }
  
  /*  */
  .cf7-list dd .wpcf7-checkbox,.cf7-list dd .wpcf7-radio {display: block;padding: 4px 0 0;}
  
  /*  */
  .cf7-list dd .wpcf7-list-item{display:block;margin:0}
  .cf7-list dd .wpcf7-list-item:nth-child(n + 2){/* margin-top:18px; */}
  
  /*  */
  .cf7-list dd .wpcf7-list-item label {cursor: pointer;}
  
  /*  */
  .cf7 input[type="checkbox"],.cf7 input[type="radio"]{position:relative;width:18px;height:18px;margin-right:8px;border:1px solid #bcbcbc;vertical-align:-3px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
  
  /*  */
  .cf7 input[type="checkbox"]:checked{border:1px solid #000;background:#000}
  .cf7 input[type="checkbox"]:checked:before{position:absolute;top:2px;left:5px;transform:rotate(50deg);width:6px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;content:''}
  
  /*  */
  .cf7-list input[type="radio"]{border-radius:50%}
  .cf7-list input[type="radio"]:checked:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:#000;content:''}
  
  /*  */
  /* Google Chrome / Safari / Mozilla Firefox / Opera */
  .cf7-list dd input[type="text"]::placeholder,
  .cf7-list dd input[type="tel"]::placeholder,
  .cf7-list dd input[type="email"]::placeholder,
  .cf7-list dd textarea::placeholder {
  color: #999;
  letter-spacing: .075em;
  }
  
  /* Microsoft Edge */
  .cf7-list dd input[type="text"]::-ms-input-placeholder,
  .cf7-list dd input[type="tel"]::-ms-input-placeholder,
  .cf7-list dd input[type="email"]::-ms-input-placeholder,
  .cf7-list dd textarea::-ms-input-placeholder {
  color: #999;
  }
  
  /* Internet Explorer */
  .cf7-list dd input[type="text"]:-ms-input-placeholder,
  .cf7-list dd input[type="tel"]:-ms-input-placeholder,
  .cf7-list dd input[type="email"]:-ms-input-placeholder,
  .cf7-list dd textarea:-ms-input-placeholder {
  color: #999;
  }
  
  /*  */
  .cf7__doui{text-align:center;margin:28px 0 36px}
  .cf7__doui__box{display:flex;gap:12px;align-items:center;justify-content:center}
  .cf7__doui__txt{text-align:center;margin-top:4px}
  .cf7__doui__box .wpcf7-list-item{margin:0}
  .cf7__doui__box input[type="checkbox"]{margin-right:4px}
  .cf7__doui__kakunin{text-align:center;margin-top: 32px !important;font-weight: 600;}
  .cf7__recaptcha__txt{text-align:center;font-size: 12px;margin-top: 8px;line-height: 1.5;letter-spacing: 0;}
  .grecaptcha-badge { visibility: hidden; }
  
  /*  */
  .cf7__button{text-align:center;display:flex;flex-flow:column;align-items:center;gap:20px}
  .cf7__button input[type="submit"]{width:260px;height:60px;background: #1ea793;border: 2px solid #1ea793;border-radius: 36px;color: #fff;font-weight:500;opacity: 1;}
  .wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;opacity: .5;}
  
  /*  */
  input[type='submit'].enabled {
  cursor: pointer; /*  */
  opacity: 1; /*  */
  }
  
  @media (min-width: 992px) {
    .contact-form .footer-contact__block{}
  .cf7-list .wpcf7-select ,.cf7-list .wpcf7-date{
    padding: 12px;
  }
  }
  
/* å…¥åŠ›ã‚¨ãƒ©ãƒ¼ */
.wpcf7-not-valid-tip {
color: #c2282d;
font-size: 15px;
font-weight: 500;
display: block;
}

  /* ajax-loader */
  .cf7 .wpcf7-spinner{vertical-align:middle}
  @media (max-width: 767px) {
  .cf7-list dd:nth-of-type(n + 2){margin-top:0}
  .cf7-list dd .wpcf7-checkbox,.cf7-list dd .wpcf7-radio{padding: 4px 0 0;}
  }
  @media (min-width: 768px) {
  .contact-header{}
  .contact-header__txt{text-align:center}
  .contact-header__info{margin:28px auto 0;width:320px}
  .contact-header__info dt,.contact-header__info dd{}
  .contact-header__info dt{}
  .contact-header__info dd{}
  .contact-header__info dd span{}
  .cf7__doui{margin:32px 0 44px}
  .cf7__button input[type="submit"]{width:300px}
  }
  @media (min-width: 992px) {
  .contact-header{}
  .contact-header__txt{}
  .contact-header__info{width:342px}
  .contact-header__info dt,.contact-header__info dd{}
  .contact-header__info dt{}
  .contact-header__info dd{font-size:20px}
  .contact-header__info dd span{font-size:16px}
  .cf7{margin-top: 0;}
  .cf7-list{gap:8px}
  .cf7-list:not(:first-child){margin:48px 0 0;gap:12px}
  }

  .wpcf7 form.sent .wpcf7-response-output {
    border: 3px solid #ff7900;
    background: #fdf4ec;
    color: #ff7900;
    font-weight: 500;
    text-align: center;
    padding: 12px;
}