@charset "utf-8";
/*
Theme Name: mattend_tp
Theme URI: https://mattend.co.jp/
Description: 株式会社エムアテンドジャパン オリジナルテーマ。Lightning + Lightning Child から独立させ、PHP 8.5 で動作するよう整理したもの。
Author: M-ATTEND JAPAN
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mattend_tp
*/
/* html の背景を明示（旧テーマは html/body とも透明で、カスタマイザーのプレビュー枠などの背景色が透けていた） */
html{ background-color: #fff; }
body{
    background: transparent;
    background-size: contain;
    min-height: 80vh;
    padding-top: 54px;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
    }
body > footer.section.siteFooter{ background-color: transparent; }
@media screen and (min-width: 992px){ 
body.home > header.siteHeader{ background: rgb(255 255 255 / 100%);}
}

body > footer.section.siteFooter{ color: white; border-top: solid white 20px;background: -moz-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background: -webkit-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background-ms-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%): ;}


body > div.section.siteContent{ min-height: 59.5vh;}
html body h1,html body h2,html body h3:after,html body h4:after,
html body h1,html body h2,html body h3,html body h4{ border:none; }

/*header----------------------------------------------------------*/ 
header {position: fixed;z-index: 1000;top:0;left: 0;right: 0;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
header .inner {padding: 0;max-width: initial;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
header img { -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s;}
header a:hover img { opacity:.7;}
header a:hover {text-decoration: none;}
.menu-btn {display:none;position: fixed;top: 0;right: 0;height: 70px;width: 70px;justify-content: center;align-items: center;z-index: 90;background: -moz-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background: -webkit-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background-ms-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%): ;}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after { content: ''; display: block; height: 1px;
 width: 25px; border-radius: 3px; background-color: #ffffff; position: absolute;
 transition: transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);}
.menu-btn span:before { bottom: 8px;}
.menu-btn span:after { top: 8px;}
#menu-btn-check:checked ~ .menu-btn span {
 background-color: rgba(255, 255, 255, 0); }
#menu-btn-check:checked ~ .menu-btn span::before { bottom: 0; transform: rotate(45deg);}
#menu-btn-check:checked ~ .menu-btn span::after { top: 0; transform: rotate(-45deg);}
ul.navbox>li a{display: block;font-weight: 800;transition: all 0.2s ease 0s;}

@media only screen and (min-width: 850px) {
.header nav {display: flex;justify-content: flex-end;align-items: flex-start;}
.header .logo {padding: 36px 30px;background: #FFF;width: calc(102px + 60px);border-radius: 0 0 15px 0;position: relative;z-index: 2;box-shadow: 0px 3px 13px 0px rgba(48, 48, 48, 0.16);}
.header .logo a img { width: 102px; height: 71px;}
.header .logo a { display: block;}
#menu-btn-check {display:none;}
nav .nav {width: calc(100% - 102px - 60px);background: -moz-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background: -webkit-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background-ms-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);display: block;} 
nav .nav .navbox {display: flex;justify-content: flex-end;position: relative;z-index: 2;margin: 0;}
nav .nav .navbox>li {padding: 30px 1em;position: relative;margin: 0;}
nav .nav .navbox>li.dlbtm {
 transition: all .3s;
 background: -moz-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
 background: -webkit-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
 background: -ms-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
 padding: 0;
 position: relative;
 z-index: -1;
 margin: 0;
 }
nav .nav .navbox>li.dlbtm a {padding: 30px 1em;}
nav .nav .navbox>li.dlbtm:hover { background:#FFF;}
nav .nav .navbox>li.dlbtm:hover a {color: #22a462;}
 
nav .nav .navbox>li>a,
nav .nav .navbox>li>.navmain a { color:#FFF;}
nav .nav .navbox>li>a:hover {opacity:.7;}
ul.navbox> li .navmain {position: relative;transition: all .3s;}
ul.navbox> li .navmain { display: block;}
ul.navbox> li .navmore li {background: #fff;color: #22a462;transition: all .3s;position: relative;margin: 0;}
ul.navbox> li .navmore li + li {border-top:1px solid #eee;}
ul.navbox> li .navmore li:hover {background: #22a462;color: #fff;}
ul.navbox> li .navmore li:hover a  {color: #fff;}
ul.navbox> li .navmore li a {color: #22a462;position: relative;padding: 10px;font-size: 85%;font-weight: 600;}

ul.navbox> li .navmore { visibility: hidden; opacity: 0; transform: scaleY(0); transition: all .3s; width: 100%;
 min-width: 14em; position: absolute; top: 80px; left: -4em;
 -webkit-transform-origin: center top; transform-origin: center top; }
ul.navbox> li .navmore.staffnav { left: -1em;}
ul.navbox> li.active .navmore {transform: scaleY(1);visibility: visible;opacity: 1;}
ul.navbox> li .navmore ul {box-shadow: 0px 3px 13px 0px rgba(48, 48, 48, 0.16);position: relative;border-radius: 10px;overflow: hidden;margin: 0;padding: 0;} 
ul.navbox> li .navmore::before { position: absolute; top: -25px; content: ''; left: 0; right: 0; display: block; width: 0; margin: auto;
 border-top: 14px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid transparent; border-left: 10px solid transparent;
 border-bottom-color: #fff; z-index: 0; }
 
}
@media only screen and (max-width: 1150px) {
.header {font-size:90%;}
}
@media screen and (850px <= width < 1000px)  {
nav .nav .navbox>li.dlbtm {display:none;}
} 
@media only screen and (max-width: 850px) {
.header {font-size:100%;} 
header .inner {padding: 13px 0 0;} 
header:before {content:"";display:block;width:100%;height:70px;background: #FFF;top:0;position:absolute;left:0;z-index: -1;-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;} 
header.sclools:before, .noscroll header:before,.secondbb header:before { background:#FFF; } 
#menu-btn-check {display:none;} 
.menu-btn { display: flex;}
header .logo {width:auto;height: 30px;margin-left: 4%;margin-top: 7px;} 
header .logo img{ width:auto; height:100%;}
.menu-content .telbox { right: 70px;top: 15px; width:35vw;} 
nav .nav {position: fixed;left: 0;display: none;width: 100%;right: 0;top: 70px;padding: 4%;height: calc(100% - 70px);background: #FFF;overflow-y: scroll;} 
ul.navbox {padding-bottom: 10em;margin: 0;padding-left: 0;}
ul.navbox:before {content:"";display:block;width:100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #FFF;z-index: -1;} 
ul.navbox>li { border-bottom:1px solid #ddd;padding:10px 0;}
ul.navbox>li a {display:block;position: relative;}
ul.navbox>li a:after { content: "";
 position: absolute; top: 0; right: 1em;bottom:0; margin: auto;z-index:1;
 height: 100%; width: 1em;
 -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s;
 background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23dd%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E) no-repeat center right;
 background-size: .4em; }
ul.navbox> li .navmore ul li a:after {background: #35a756;border-radius: 50%;width: .5em;height: .5em;right: auto;left: 0;}
ul.navbox> li .navmore ul {display:flex;flex-wrap:wrap;margin: 0;padding: 0;} 
ul.navbox> li .navmore ul li {width:50%;margin: 0;} 
ul.navbox> li .navmore ul li a {font-weight: 400;padding-left: 1em;} 
ul.navbox>li a{font-weight: 600;} 
ul.navbox>li>a ,ul.navbox>li>.navmain a{ font-size:120%;} 
ul.navbox>li>.navmain a{ border-bottom:1px dotted #ddd;padding-bottom:.4em; margin-bottom:.5em;}  
}

@media only screen and (max-width: 450px) {
ul.navbox> li .navmore ul li a {font-size:3vw;}

}
@media only screen and (max-width: 350px) {
ul.navbox> li .navmore ul {display:block;} 
 }
/*common----------------------------------------------------------*/
a { -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s; }
.inner {max-width: 1100px;margin:0 auto;position: relative;}
.mminner {max-width:800px;margin:0 auto;position: relative;}
@media only screen and (max-width:1040px) {.inner {max-width:initial;width: 100%;}}
@media only screen and (max-width:820px) {.mminner {max-width:initial;margin:0 6%;}}
em {font-style: normal;} 
.en {font-family: 'Oswald', sans-serif;}
.ja {font-family: 'Noto Sans JP', sans-serif;}

.mem1 {margin-top: 1.5em;}
.red {color:#d94b58;}
.green {color: #21a462;}
.yellow {color:#fcffab;}
strong {font-weight:900;}
a.alink {color:#21a462;text-decoration: underline;font-weight: 700;}
.sp,.sp500 { display:none;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.flex2box {justify-content: space-between;}
.flex2box>* { width:48%;}

.flex.wrap {flex-wrap:wrap;justify-content: space-between;}
.flex.reverse {flex-direction: row-reverse;}
p.aten {font-size:90%;position:relative; padding-left:1.2em; display:inline-block;}
p.aten:before {content:"※"; position:absolute; left:0;}
ul.aten {margin-top:1em;}
ul.aten li {font-size:90%;position:relative; padding-left:1.2em;}
ul.aten li:before {content:"※"; position:absolute; left:0;}
.txtr {text-align: right;}
.txtc {text-align: center;}

@media only screen and (max-width: 850px) {
.pc { display:none;}
.sp { display:block;}
br.sp { display:inline;}
}
@media only screen and (max-width:550px) {
 br.sp500 {display:inline;}
.f180 {font-size:140%; } 
}
.forMobile{ display: none; }
.Mincho{ font-family: 'Noto Serif JP', serif; }

.defWhite{color: white;}
.defGray1,a.defGray1{ color: #494949; }
nav #menu-default_menu .menu-item a{/* color: white; */}
nav #menu-default_menu .sub-menu.acc-child-close a{ color:white; } 
.breadSection .breadcrumb>li+li:before { content: ">" !important; }
.device-pc .gMenu>li>a {font-size: 0.7rem;font-weight: 900;letter-spacing: .1em;}
.breadSection{ border-bottom: none; }

#gMenu_outer .sub-menu acc-child-close a{ color: white; }

body:not(.header_scrolled) header.siteHeader{box-shadow: none;}

#loading { width: 100vw; height: 100vh; transition: all 1s; background-color: #2FAB6F;position: fixed; top: 0; left: 0; z-index: 9999; }
.spinner { width: 100px; height: 100px; margin: 200px auto; background-color: #fff; border-radius: 100%; animation: sk-scaleout 1.0s infinite ease-in-out; }
.loaded { opacity: 0; visibility: hidden;}
@keyframes sk-scaleout { 0% { transform: scale(0); } 100% { transform: scale(1.0); opacity: 0; }}

#footContactTitle{ color: #494949;line-height: 1; margin-bottom: 0.5rem; }
#footContactTitle>span{ color: #D94B58; }
#footInfoWrap{ color: #494949;}
#footAddress{ font-size: 0.73rem; margin-top: 0.35rem;   }
#footTelfaxWrap > svg{ margin-top: 0.25rem;margin-bottom: 0.75rem;   }
#snsIconWrap { margin-top: 1rem; }
#snsIconWrap svg.snsIcon{ max-width: 60px; max-height: 60px; margin: auto 0.2rem auto auto; }
h1.navbar-brand.siteHeader_logo img{ max-width: 290px; }
#footSignature{ position: relative; top: -5rem; }
#linkPrivacy{ color: #b2b2b2; margin-top: 1rem; display: inline-block; font-size: 0.7rem; }

a.viewMore,a.viewMoreSmall,button#confirmBtn{ transition:background 400ms cubic-bezier(0.365, 0.84, 0.44, 0.7), color 400ms cubic-bezier(0.365, 0.84, 0.44, 0.7);}
a.viewMore > span{position: relative; top: 1px; }
a.viewMore{ background-color: white; text-align: center; padding: 0.75rem 0;  color: #2FAB6F;display: block; border: 1px solid #2FAB6F;margin: auto;border-radius: 999px;}
a.viewMore:hover,
a.viewMore:link,
a.viewMore:active,
a.viewMore:visited{ text-decoration: none;  }
a.viewMore:hover{ color: #2FAB6F; background-color: #fff;  }
a.viewMoreSmall{  margin-top: 1em;  padding: .8em; line-height: 1.5;
 background: #2FAB6F; color: #fff; cursor: pointer;}

#sideTabWrap{position: fixed;top: 28vh;right: 0;z-index: 10;}
#sideTabWrap a{ margin-bottom: 0.2rem; display: inline-block;}
#sideTabWrap a > img{ width:45px; }

h3#erAttn.majSubtitleBlock {display: block;background-color: #D94B58;text-align: center;font-size: 1.5rem;padding: 0.75rem 0;margin: auto auto 2rem auto;font-weight: 700; color: white;}
h3#erAttn +p#erAttnText{line-height: 2.25;font-size: 1rem;}
#erAttnSection{ padding:  0rem 0; background-color: #EEEEEE;}
#erAttnSection div.siteContent{ padding-bottom: 3rem;  }


#contactSection{ background-color: white; margin:  auto; min-height: 60vh; padding: 5rem 0; color: #494949;}
#contactAttnText{ margin: 1.5rem auto auto auto;  }
dl#contactFormDL{ margin-top: 1.5rem; }
dl#contactFormDL dt,
dl#contactFormDL dd{ float: left; line-height: 3rem; text-align: left; padding-left: 1rem; border-bottom: 1px dashed #DEDEDE; height: 3rem; vertical-align: text-bottom; border-left-color:transparent;}

dl#contactFormDL dt{ width: 20%; background: #EEEEEE; font-weight: 300; white-space: nowrap; font-size: 0.9rem;}
dl#contactFormDL dd{ padding-left: 2%; width: 78%; border-left-color:transparent;}
dl#contactFormDL dd.commentRow,
dl#contactFormDL dt.commentRow{ height: 17rem;}

.home #covidScroll{top: 11.5vh;}
.home #indexS1Catch{display:none;}
.home p.newsDate{color:#b2b2b2;}

.page-id-102 .section.siteContent{padding:0 0 4rem!important}
.foogallery.fg-light.fg-shadow-outline .fg-item-inner{box-shadow:0 0 0;}
#torikumiWrap h4{font-size:1rem;
padding-left:10px; font-weight:500;}
p.subsubTitle img.subsubTitle.arrow{padding:0;}

.covidgate{margin:30px auto 0px; text-align:center;transition:0.3s;}
.covidgate:hover{opacity:0.7;}

@media screen and (max-width: 1024px){
.home div#earthBack { margin: 30px auto auto; width: 100%; }
#covidInfoWrap .col-xs-offset-4.col-sm-4{margin:auto}
.home #covidInfoWrap #covidInfoSubtitle{width:100%; margin:0 auto; }
h1.navbar-brand.siteHeader_logo img, p.navbar-brand.siteHeader_logo img{position:relative;top:5px;}
.home img#cpLogoSP{padding-bottom:0.1rem;}
}
@media screen and (max-width:426px){
body#top_page #covidCarouselWrapMob #covidCarouselMob{ top:11%;}
.home #covidCarouselMob p.newsText{max-width:100%;}
#covidCarouselWrapMob #covidCarouselMob{margin:2rem 23%;width:60%;}
.home #carouPrev img, #carouNext img { height: 1.75rem; margin-top: 0.5rem; margin-left: 0.2rem;}
.home .col-md-6{padding:5px;}
.home #otherContentWrap #othMenuList .othRight,
#otherContentWrap #othMenuList .othLeft{max-width:100%; margin: auto 0% 2rem 0%; }
.home #otherContentWrap #othMenuList .othRight,
#otherContentWrap #othMenuList .othLeft { max-width: 100%; margin: auto 0% 2rem 0%; padding-right: 0;}
.home .col-sm-12{padding-right:10px;padding-left:10px;}
.home .col-lg-6.othLeft{padding-left:0px;}
}
#fixdbox { position: fixed; bottom: 0; left: 0; width: 100%;
justify-content: center; z-index: 1000; padding-bottom: 15px;
visibility: hidden; opacity: 0; transition: all .3s;}
#fixdbox:before {content:"";display:block;width:100%;height:80%;
background:#FFF;position:absolute;bottom:0;opacity:.6;
box-shadow: 0px 3px 13px 0px rgb(48 48 48 / 16%);}
#fixdbox.sclools {visibility: visible;opacity: 1;}
#fixdbox.btmul > * { width: 48%; max-width:300px;}
#fixdbox.btmul > *:first-child {margin-right:2%;}
#fixdbox .btm a strong {display:block;}
@media only screen and (max-width: 850px) {
#fixdbox {padding-bottom:0;display: flex;} 
#fixdbox.btmul > * { width:100%; max-width:initial;}
#fixdbox.btmul > * + * {margin-top:0;} 
#fixdbox .btm a {border-radius:0; } 
#fixdbox:before {content:none;} 
#fixdbox.btmul > *:first-child {margin-right:0;} 
#fixdbox .btm a strong { font-size:120%;} 
}
@media only screen and (max-width:580px) {
#fixdbox.btmul {padding-left:0;padding-right:0;}  
#fixdbox .btm a {padding: 1.2em 1em 1.2em .5em;} 
#fixdbox .btm a span:before { right: -1em;} 
#fixdbox .btm {font-size:3.5vw;} 
#fixdbox .btm + .btm {margin:0;}
#fixdbox .btm a strong { font-size:4vw;}  
}

/*btm----------------------*/
.btm {text-align: center;margin: 2em auto;}
.btm>p {display:inline-block;}
.btm span {display:block;-webkit-transition:none; transition:none;position: relative;}
.btm a{box-shadow: 0px 3px 13px 0px rgb(165 165 165 / 48%);display: block;position: relative;text-align: center;overflow: hidden;padding: 1.2em 3em 1.2em 2em;line-height: 1.4;color: #FFF;font-weight: bold;text-decoration: none;border-radius: 999px;z-index: 3;}
.btm a:before { content:"";position: absolute;background: #fff;left: 0;top: 0;z-index: -1;height: 100%;width: 0;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.btm a:after { content:"";position: absolute;background: #78b530;left: 0;top: 0;z-index: -2;height: 100%;width: 100%;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.btm a span:before { content: ""; position: absolute; top: 0; right: -2em;bottom:0; margin: auto;z-index:1; height:1em; width: 1em; -webkit-transition: ease-in-out .2s;
 transition: ease-in-out .2s;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center;
 background-size: .5em;  }
.btm a:hover span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2378b530%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm a:hover {color:#FFF;} 
.btm a:hover {color: #78b530;}
.btm a:hover:before {width: 100%;}

.btm.redbtm a:after { content:"";position: absolute;left: 0;top: 0;z-index: -2;height: 100%;width: 100%;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;
 background: -moz-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
  background: -ms-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
  box-shadow: 0px 3px 13px 0px rgba(48, 48, 48, 0.48);}
.btm.redbtm a span:before { content: ""; position: absolute; top: 0; right: -2em;bottom:0; margin: auto;z-index:1; height:1em; width: 1em; -webkit-transition: ease-in-out .2s;
 transition: ease-in-out .2s;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center;
 background-size: .5em;}
.btm.redbtm a:hover span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23f9305c%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm.redbtm a:hover {color:#FFF;} 
.btm.redbtm a:hover {color: #f9305c;}

.btm.white a{color: #78b530;}
.btm.white a:before {background: #78b530;}
.btm.white a:after { background: #fff;}
.btm.white a span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2378b530%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm.white a:hover span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm.white a:hover {color:#fff;} 

.btmul {display:flex;justify-content: space-between;margin-top: 1.5em;}
.btmul > * { width:48%;margin: 0;}
.btmul.inner {max-width: 700px;}

@media only screen and (max-width:750px) {
.btmul {display:block;}
.btmul > * {width:100%;max-width:400px;margin: auto !important;margin: auto;}
.mvtop .txt .btmul > * + *,
.btmul > * + *{margin-top: 1em !important;}
#fixdbox.btmul > * + *{margin-top: 0 !important;}
.btmul.inner {max-width:initial;} 
}
@media only screen and (max-width:480px) {
.btmul {padding-left:4%;padding-right:4%;} 
.btmul > * { max-width:initial; }
}
/*CTA----------------------------------------------------------*/
.CTA {padding: 0 0 0 4%;color: #FFF;position: relative;background: rgb(33,164,98);}
.CTA p { margin-bottom:0;}
.CTA:before { background: url(img/cta_bg.jpg)no-repeat center right;
 z-index: 0; background-size: cover; position: absolute;
 content:""; width: 1158px; height:100%; top:0; right: 0; }
.CTA .inner {margin: 0 0 0 2%;z-index: 3;padding: 120px 0;}
.CTA .inner .box .title {font-size: 270%;font-weight: 900;line-height: 1.8;margin-bottom: 1em;color: #fcffab;}
.CTA .inner .box .title span { border-bottom: 5px solid;}
.CTA .inner .box .btmul {margin-top:3em;}
.CTA .inner .box {width: 700px;line-height: 2;}
.CTA .en { position: absolute; transform: rotate( 90deg ); line-height: 1.2;
 font-size:70%; left: -6.3em; top: 0; bottom: 0; height: 1em; margin: auto;
 pointer-events: none; color: #FFF; letter-spacing: 4px; z-index: 3; }
.CTA .sub {font-size: 180%;font-weight: 700;}
@media only screen and (max-width:1000px) {
.CTA {padding: 0 0 0 60px; }
.CTA:before {width:80%;background-position: center left;} 
}

@media only screen and (max-width:850px) {
.CTA {padding: 0 4%; } 
.CTA:before { background: url(img/cta_bg_sp.png)no-repeat center top;
background-size: contain; width:100%;}

.CTA .inner {margin: 0;padding: 32vw 0 3em;} 
.CTA .inner .box {width:auto;line-height: 2;} 
.CTA .en {display:none;} 
.CTA .inner .box .title {font-size: 240%;}

}
@media only screen and (max-width:550px) {
.CTA .inner .box .title {font-size: 6.5vw;text-align: center;} 
.CTA .inner .box .btmul {margin-top:2em;} 
.CTA .sub {font-size:3.8vw;text-align: center;} 
}
/* pnkz---------------- */
.pnkz {background: #fff;padding: 1em 4%;font-size: 80%;border-bottom: 1px solid #e8e8e8;}
.pnkz ul {display: flex;align-items: baseline;margin: 0;padding: 0;}
.pnkz ul li {margin: 0;padding: 0;}
.pnkz ul li:nth-child(n+2) {
 background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20152.5%20253.1%22%20style%3D%22enable-background%3Anew%200%200%20152.5%20253.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%239c9c9c%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M24.7%2C253.1c-6.4%2C0-12.8-3.2-17.6-8c-9.6-9.6-9.6-25.5%2C0-36.7l83-83L7.1%2C44c-9.6-9.6-9.6-25.5%2C0-36.7%20c9.6-9.6%2C25.5-9.6%2C36.7%2C0l100.6%2C100.6c4.8%2C4.8%2C8%2C11.2%2C8%2C17.6s-3.2%2C14.4-8%2C19.2L43.9%2C245.1C37.5%2C251.5%2C31.1%2C253.1%2C24.7%2C253.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
 no-repeat left center; background-size: .35em; padding: 0 0 0 1.6em; margin-left: 1.4em; }
.pnkz ul li i{vertical-align: text-bottom;padding-right: .8em;}
.pnkz ul li a {color: #333333;}
.pnkz ul li a:hover {text-decoration:none;}
@media only screen and (max-width:1040px) {
.pnkz { padding: 1em 4%; }
}

@media only screen and (max-width: 660px) {
.pnkz { font-size: 70%;}
}

/*footer----------------------------------------------------------*/
footer {padding: 80px 4% 130px;background: #FFF;}
footer a:hover{ opacity:.6;}
footer .inner {justify-content: space-between;max-width: initial;}
footer .copy {margin: 1.5em auto 0;font-size: 70%;text-align: center;color: #9d9d9d;letter-spacing: 2px;}
footer .inner .box.addressbox .logo {height: auto;width: 280px;max-width: 80%;}
footer .inner .box.addressbox .logo a { display: block;}
footer .inner .box.addressbox .logo img {width: 100%;height: auto;}
footer .inner .box.addressbox {width: 408px;padding-right: 2%;}
footer .inner .box.addressbox p { margin-bottom: 0;}
footer .inner .box.addressbox .title {font-size: 130%;font-weight: 700;margin: 1em 0 .5em;}
footer .inner .box.addressbox .teltxt {font-size: 230%;line-height: 1;}
footer .inner .box.addressbox .teltxt span {display:block;padding-top: .5em;}
footer .inner .box.addressbox .teltxt span + span { padding-top: 0.2em;}
footer .inner .box.addressbox .teltxt,
footer .inner .box.addressbox .teltxt a {color:#21a462;}
footer .inner .box.addressbox ul {display: flex;margin-top: 2em;padding: 0;}
footer .inner .box.addressbox ul li + li {margin-left: 10px;}
footer a:hover { text-decoration:none;}
footer .inner .box.fotterlink {justify-content: space-between;width: calc(100% - 400px);max-width: 700px;flex-wrap: wrap;}
footer .inner .box.fotterlink a {color: #333333;}
footer .inner .box.fotterlink>ul {width: 30%;margin: 0;padding: 0;}
footer .inner .box.fotterlink>ul + ul {margin-left:2%;}
footer .inner .box.fotterlink li { margin: 0;}
footer .inner .box.fotterlink>ul>li + li { margin-top: .5em;}
footer .inner .box.fotterlink ul li a{display:block;position: relative;}
footer .inner .box.fotterlink>ul>li>a,
footer .inner .box.fotterlink .navmain{padding: 0.5em 0 0;font-weight: 700;}
footer .inner .box.fotterlink .navmore {padding-bottom: 1em;}
footer .inner .box.fotterlink .navmore ul { padding: 0; margin: 0;}
footer .inner .box.fotterlink .navmore ul li {border:none;padding-top: 0;padding-bottom:0;margin: 0;}
footer .inner .box.fotterlink .navmore ul li a{font-size:90%;position:relative;padding-left: 1.5em;}
footer .inner .box.fotterlink .navmore ul li a:before { content:"";display:block;position:absolute;width: 1em;height: 1px;border-radius: 50%;left: 0;top: 1em;background: #8f9792;}
@media only screen and (max-width:1100px) {
footer .inner {display:block;} 
footer .inner .box.addressbox {width:100%;padding-right:0;}
footer .inner .box.fotterlink {width:100%;max-width:initial;} 
}
@media screen and (850px <= width < 1100px)  {
footer .inner .box.addressbox {display:flex;flex-wrap:wrap;justify-content: center;margin-bottom: 2em;}
footer .inner .box.addressbox .logo {width:100%;text-align: center;margin-bottom: 1em;}
footer .inner .box.addressbox .logo img{ width:300px; max-width:80%;}
footer .inner .box.addressbox .address {width: calc(100% - 18em);}
footer .inner .box.addressbox .telbox {width: 17em;}
}

@media only screen and (max-width:850px) {
footer .inner .box.addressbox {text-align: center;margin-bottom: 1em;}
footer .inner .box.addressbox .logo {margin:auto;}
footer .inner .box.addressbox ul {justify-content: center;} 
}
@media only screen and (max-width:700px) { 
footer .inner .box.fotterlink>ul {width:48%;} 
}
@media only screen and (max-width:500px) { 
footer .inner .box.fotterlink>ul {width:100%;margin: 0;} 
footer {padding: 3em 4% 8em;} 
footer .inner .box.fotterlink>ul + ul {margin-left:0;} 
}


/*++++++++ contact ++++++++++*/
.toiflex{ display:flex; -webkit-display:flex; border-bottom: solid 1px #dfdfdf; padding:10px 0px 0px; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-top: 0.5rem;}

.toiflex.bno{ border-bottom:dotted 0px #dfdfdf;}

.toiflex1{ width: 30%; text-align: left; padding: .5em 0;}
.toiflex2{ width: 68%; margin-left: 2%; padding-bottom: 0.5rem; text-align: left;}


#page_top {position: fixed;bottom: 1.5rem;right: 1.5rem;display: none;}
#page_top img{ height: 3.5rem; }
#page_top a {opacity: 0.8;transition: all 400ms cubic-bezier(0.365, 0.84, 0.44, 0.7), color 400ms cubic-bezier(0.365, 0.84, 0.44, 0.7);
}
#page_top a:hover {opacity: 1;}


div.bizCircleBorder{
 background:url('../../../img/common/back_common.jpg') repeat center top;
 background-size: 102%; height: 246px; width: 248px; border-radius: 100%; border-color: transparent; margin: auto;}
p.bizCircle{background: white;margin: 3px 2px 2px 2px;padding: 1px 0;border-radius: 100%;height: 242px;width: 244px;position: relative;
top: 2px;line-height: 2.5;}
.col-lg-4:nth-of-type(2) .bizCircle { line-height: 1.8;}
.bizCircle img{ width: 72px;max-width: 72px;margin-top:3.75rem; background-color: white;}
.bizCircle span{font-size: 1.25rem;letter-spacing: 1px;font-weight: bold;color: #2FAB6F;}

.majSubtitle:after{ border: none; }
.majSubtitle{border-left: 3px solid #2FAB6F;font-size: 160%;font-weight: bold;padding: 0 0 0 0.75rem;margin: auto;border-style: none none none solid;letter-spacing: 1px;color: #494949;}
.siteContent .majSubtitle{border:none;font-size: 180%;font-weight: bold;padding: 0 0 1em; text-align: center;}
section#othPgGreenSec .majSubtitle {border-color:#D94B58;}
.majSubtitle.mem1 {margin:1.5em 0 .5em; padding:0;}
.text-red{ color: #D94B58; }

.noBorder:before,
.noBorder:after,
.noBorder{border: none;}
a.anchor {display: block;padding-top: 120px;margin-top: -120px;}

.wpcf7 form.sent #contactFormDL+p{ display: none; }
.wpcf7 form.sent .wpcf7-response-output{border: none;color: #155724;background-color: #d4edda;padding: 1.5rem 2rem;border-radius: 0.5rem;font-weight: bold;margin: 2rem auto;}

html body.header_scrolled .gMenu>li:before{ border-color:#2FAB6F ; }
html body:not(.header_scrolled) .gMenu>li:before{ border-color:white ; }
.gMenu ul li a:hover{ background-color: #2FAB6F; }

/*++++++++++++++++++ business +++++*/
#bussinessTitle{ margin-top: 3vw; color: white; }
body.noFront #indexSec3{ background:url('../../../img/common/back_earth2.png') no-repeat center top;
 background-size: cover; min-height: 40vh;}
img.busIndivIcon{  width:242px; height: 243px;}

#businessInner p.busAttnTxt{  font-size: 0.85rem; text-align: left; margin: 2rem auto 1rem auto;}
a.bisViewMore:hover{  color: #fff; background: #2FAB6F;}
a.bisViewMore{   }
#covidInfoWrap  a.viewMore,
#businessInner a.bisViewMore{ max-width: 242px; width: 242px;}

body.notFront #businessInner p.busAttnTxt { padding: 0; max-width: 242px;}

#otherContentContainer{ margin-top: 5rem; }

#customerWrap,
#businessInner,
#erAttnWrap,
#covidInfoWrap,
#othMenuList{ margin: 2rem 3rem;}

#covidInfoWrap{ background:url('../../../img/index/back_covid19.jpg') no-repeat center top;
 background-size: cover; min-height: 450px;}

#covidInfoSubtitle > strong{ color: #2FAB6F; font-weight: 700; line-height: 2.5; }
#covidInfoSubtitle{ padding-top: 5.75rem; font-size: 2rem; color: #B2B2B2; margin-bottom: auto;}

.othIconImg{ float: left; padding: 0rem 6% 1rem ;}
.othExp{ font-size: 0.85rem; margin-bottom: auto; }
.othTitle{  margin-bottom: 0.25rem; margin-top:-20px;}

#othMenuList a{color:#2FAB6F;font-size: 130%;font-weight: bold;}

#othMenuList .othLeft,
#othMenuList .othRight{ padding-bottom: 0.5rem; margin-bottom: 2rem; padding-right: 3rem; border-bottom: 1px dashed #dedede;}

#othMenuList .othLeft{ max-width: 48%; margin-right: 2%; }
#othMenuList .othRight{ max-width: 48%; margin-left: 2%; }

/*+ +++++++++++++++++ //business +++++*/
#customerWrap{
 background-color: white;
 min-height: 50vh;
 height: 50vh;
 overflow: auto;
 border-radius: 0.5rem;
}

.col-lg-4:nth-of-type(2) .bizCircle span{font-size: 120%;line-height: 1;}
#contactBSection{background:url("https://mattend.co.jp/wp-content/uploads/2021/12/ft_cta_button3-scaled.jpg") center/cover;}
#contactBSection .siteContent{padding:6rem 0;}
.cta_title{text-align:center; color:#fff; font-weight:bold;}
.cta_subtitle{margin:0 auto; width:fit-content;color:#fff;}
.cta_contact{margin-right:2em;}
.cta_contact,.cta_gallery{text-align:center;}
.cta_contact a,.cta_gallery a{margin-top: 1rem;background-color: #F3C51E;border: 1px solid #F1902F;color: white;-moz-text-shadow: 0px 0px 10px rgba(239, 129, 24, 0.83);-webkit-text-shadow: 0px 0px 10px rgba(239, 129, 24, 0.83);-ms-text-shadow: 0px 0px 10px rgba(239, 129, 24, 0.83);text-shadow: 0px 0px 10px rgb(239 129 24 / 83%);font-size: 1rem;padding: 1rem 4rem;letter-spacing: 0.1rem;font-weight: 700;border-radius: 999px;display: inline-block;}
.cta_wrap a {transition: all 800ms ease 0s;}
.cta_wrap a:hover { transform: scale(0.95);}
.cta_contact #confirmBtn{background-color: #D94B58;border: 1px solid #D94B58;transition: all 800ms ease 0s;color: white;-moz-text-shadow: 0px 0px 10px rgba(239, 129, 24, 0.83);-webkit-text-shadow: 0px 0px 10px rgba(239, 129, 24, 0.83);-ms-text-shadow: 0px 0px 10px rgba(239, 129, 24, 0.83);text-shadow: 0px 0px 10px rgb(239 129 24 / 83%);background-image: repeating-linear-gradient(68deg, transparent, transparent 1.5px, rgba(255, 0, 0, 1) 1.5px, rgba(255, 0, 0, 1) 2.5px );}
.cta_gallery a{padding:1rem 3rem;}
.cta_gallery #confirmBtn:hover { text-decoration: none;background-image:none;background-color: #F3C51E; }
.cta_contact #confirmBtn:hover{ text-decoration: none;background-image:none;background-color: #e73546; }
.cta_wrap{display:flex; justify-content:center;flex-wrap:wrap;}

@media screen and (max-width: 770px){
.cta_contact{margin-right:0;}
.cta_subtitle br{display:none;}
	
}
@media screen and (max-width: 500px){
.cta_title br{display:none;}
}

.formbox .majSubtitle { color:#2FAB6F;}
.formbox .wpcf7 {
 webkit-box-shadow: 0 4px 15px rgb(0 0 0 / 15%);
 box-shadow: 0 4px 15px rgb(0 0 0 / 15%);
 padding: 3%;
 border-radius: 4px;
 max-width: 900px;
 margin: 3em auto 0;
 }

textarea.form-control,  select.form-control,  input.form-control {
 border: 1px rgba(136,145,136,0.5) solid; border-radius: 4px; padding: 15px; width: 100%; font-size: .95em; background-color: #F2F4F2;}
textarea.form-control:focus,  select.form-control:focus,  input.form-control:focus{
 border-color: #2FBA27;box-shadow: none;-webkit-box-shadow: 0 4px 15px rgb(0 0 0 / 15%);
    box-shadow: 0 4px 15px rgb(0 0 0 / 15%);
    border-radius: 4px;}

input.adddressnum {width: 10em;display: inline-block;}
button#confirmBtn {
 background:-webkit-gradient(linear, left bottom, right top, from(#208D38), color-stop(100%,#2FBA27));
 background:-webkit-linear-gradient(left, #208D38 0%, #2FBA27 100%);
 background:linear-gradient(to right, #208D38 0%, #2FBA27 100%);
 min-width:400px; margin: 1.5em auto 0; display:inline-block; text-align:center;
 padding: 10px; border-radius: 4px; font-size: 150%;
 color: #fefffe; box-sizing:border-box; cursor: pointer; text-decoration: none;
 line-height: 1.7; border: none;transition: all .5s ease-out; }
button#confirmBtn:hover {opacity:.7; border:none; box-shadow:none;}

input.wpcf7-not-valid {}
span.hissu {background:#dc3232;border-radius:.2em;padding:.5em;font-size:80%;color:#FFF;margin-right: .5em;display:inline-block;}
span.hissu + * {display:inline-block;}

@media (min-width: 768px) {
textarea.form-control,  select.form-control,  input.form-control {padding: 17px 15px;}
}
@media (min-width: 768px){
button#confirmBtn {font-size: 1.65em;padding: 16px 40px;}
}

.subSection {margin-bottom:5em;}
ul.accordion ul{}
ul.accordion ul.hide{display: none;}
ul.accordion li{list-style: none; background: none; padding: 0;}
ul.accordion>li{border-bottom: 1px solid rgba(0,0,0,.05);padding: 10px 0.5em 8px;}

ul.accordion li p{margin: 0;}
ul.accordion li p span{ display: inline-block; width: 15px; height: 15px; position: relative; background: #2FAB6F; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; vertical-align: -2px; }
ul.accordion li p span:before{ content:''; height: 1px; width: 9px; display: block; background: #fff; position: absolute; top: 7px; left: 3px; }
ul.accordion li p span:after{ content: ''; height: 9px; width: 1px; display: block; background: #fff; position: absolute; top: 3px; left: 7px; }
ul.accordion li p span.acv_open:after{height: 0;width: 0;}
ul.accordion ul li{ margin-left: 15px; position: relative;}
.widget_archive ul.accordion li a {padding-left: 0;}
.widget_archive ul.accordion li:last-child a{ border:none;}

* + .olList {margin:1em 0;padding: 0;}
.olList li {position: relative;padding-left: 1.5em;margin-bottom: 0.8em;line-height: 1.6;}
.olList li::before {content: "";position: absolute;left: 0;top: .45em;width:.8em;height:.8em;background: #2FAB6F;border-radius: 50%;}

ul.accordion ul li::after{ display: block; content: ''; position: absolute; top: 0; bottom: 0;margin: auto;left: -1em; width: 6px; height: 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.entry-body h1,
.post-type-post h1{ font-size:180%;font-weight: 900;color: #2FAB6F;padding: 0.8em 0 0.7em;
 border-top: 2px solid #2FAB6F;
 border-bottom: 1px solid #e9e9e9;}
.entry-body h2,
.post-type-post h2{ font-size:150%;font-weight: 900; margin:1em 0 .5em; border-bottom: 1px solid #e9e9e9;border-top: none;padding: 0 0 .5em;}
.entry-body h3,
.post-type-post h3{ font-size:140%;font-weight: 900; margin:1.5em 0 .5em; border-left:5px solid #2FAB6F;
 padding:.4em;border-bottom:none;}
.entry-body h3:after,
.post-type-post h3:after{ content:none;}
.entry-body h4,
.post-type-post h4{font-size:140%;font-weight: 900; margin:0em;padding:0; color: #2FAB6F; }
.entry-body h5,.entry-body h6,
.post-type-post h5 ,.post-type-post h6{font-size:120%;font-weight: 500;margin:1em 0 0;padding:0; }
mark {background-color: #fff6a8;}
.entry-body .foogallery{ flex-wrap: wrap;display:flex;margin: 1.5em 0;padding: 0;}
.entry-body .fg-item { width: 23.5%;}
.entry-body .fg-default.fg-gutter-10 .fg-item {margin-right: 2%;margin-bottom: 2%;}
.entry-body .fg-default.fg-gutter-10 .fg-item:nth-child(4n) {margin-right: 0%;}
.entry-body #foogallery-gallery-4991_1 .fg-image { width:100% !important;height: 100%;object-fit: cover;}
.blogcard {  line-height: 1;  background-color: #ffffff;  border: 1px solid #eeeeee;  word-wrap: break-word;  margin: 40px;  box-shadow: 0 0 10px 6px rgba(0,0,0,.025);}
.blogcard.ex {  background-color: #f7f7f7;}
.blogcard a {text-decoration: none;opacity: 1;transition: all 0.2s ease;display: flex;}
.blogcard a:hover {  opacity: 0.6;}
.blogcard_thumbnail {/* float: left; */padding: 20px;width: 170px;height: 170px;}
.blogcard_thumbnail img {object-fit:cover;height: 100%;}
.blogcard_title {  font-size: 1em;  font-weight: bold;  line-height: 1.4;padding: 17px 20px 10px;  }
.blogcard_excerpt {  font-size: 0.85em;  line-height: 1.6;padding: 0 17px 15px 20px;}
.blogcard_link { font-size:0.65em;  padding:0 17px 15px 20px;  text-align: left;}
.blogcard_link .favicon { margin-bottom: -4px;}
.blogcard_link .icon-external-link-alt::before { font-size:0.75em;}
@media screen and (max-width: 768px) {
.blogcard { margin: 40px 0; }
.blogcard a { display:block; }
.blogcard_thumbnail { width: 100%;height: 40vw;float: none;padding: 0;}
.blogcard_thumbnail img { width: 100%;  }
.blogcard_title { font-size: 0.95em; padding-bottom: 17px;  }
.blogcard_excerpt  { display: none;  }
}
/*前後の記事リンク----------------------*/
.postNextPrev {display: flex;justify-content: space-between;gap: 30px;margin: 3em 0 3em;}
.postNextPrev_item {flex: 1 1 0;min-width: 0;}
.postNextPrev_link {display: flex;height: 100%;border: 1px solid #e5e5e5;border-radius: 4px;background: #fff;color: #333;text-decoration: none;overflow: hidden;transition: opacity .2s;}
.postNextPrev_link:hover {opacity: .7;text-decoration: none;color: #333;}
.postNextPrev_next .postNextPrev_link {flex-direction: row-reverse;}
.postNextPrev_img {flex: 0 0 40%;position: relative;background-size: cover;background-position: center;border-right: 1px solid #e5e5e5;}
.postNextPrev_next .postNextPrev_img {border-right: none;border-left: 1px solid #e5e5e5;}
.postNextPrev_img img {position: absolute;left: -9999px;}
.postNextPrev_img:before {content: "";display: block;padding-top: 62%;}
.postNextPrev_body {flex: 1 1 auto;padding: 1rem 1.2rem;}
.postNextPrev_next .postNextPrev_body {text-align: right;}
.postNextPrev_body p {margin: 0;}
.postNextPrev_label {font-size: 12px;line-height: 1;margin-bottom: 1em !important;color: #666;}
.postNextPrev_title {font-size: 14px;font-weight: bold;line-height: 1.4;margin-bottom: .6em !important;}
.postNextPrev_date {font-size: 11px;color: #888;}
@media screen and (max-width: 640px) {
.postNextPrev {flex-direction: column;gap: 15px;}
.postNextPrev_empty {display: none;}
}