@charset "UTF-8";

:root {
/* 共通設定（基本カラーなどなど） */
--pageSideMargin:50px; /* 共通設定（ブラウザを縮めた時に出る余白） */
--colorGreen1:#00993e; /* 共通設定（緑1） */
--colorGreen2:#8dc21f; /* 共通設定（緑2） */
--colorGreen3:rgba(141,194,31,0.5); /* 共通設定（緑2 + 50%透明） */
--colorBlack:#292929; /* 共通設定（緑1） */
}

@media screen and (max-width:980px) {
  :root {
    --pageSideMargin:35px;
  }
}
@media screen and (max-width:767px) {
  :root {
    --pageSideMargin:20px;
  }
}

/*-------------------------
__base_style
-------------------------*/

body.fixed{overflow:hidden;}
#wrap{color:var(--colorBlack);position:relative;}
#wrap .tab_on{display:none!important;}
#wrap .sp_on{display:none!important;}
#wrap .eng{font-family:"Quicksand", sans-serif;}
#wrap .contact_btn{display:inline-block;text-align:left;text-decoration:none;box-sizing:border-box;position:relative;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);}
#wrap .contact_btn::after{content:"";display:inline-block;width:48px;height:48px;vertical-align:middle;margin:auto;background:url("/images/cmn_icon1.svg")no-repeat center center / contain;position:absolute;top:0;right:30px;bottom:0;}

@media screen and (min-width:768px) {
  a.tel_link[href^="tel:"]{pointer-events:none;}
  #wrap .contact_btn{transition:transform 0.3s,box-shadow 0.3s;}
  #wrap .contact_btn:hover{transform:translateY(3px);box-shadow:none;}
}
@media screen and (max-width:980px) {
  #wrap .tab_on{display:inherit!important;}
  #wrap .tab_off{display:none!important;}
  #wrap .contact_btn::after{width:38px;height:38px;right:25px;}
}
@media screen and (max-width:767px) {
  #wrap .sp_on{display:inherit!important;}
  #wrap .sp_off{display:none!important;}
  #wrap .contact_btn::after{width:28px;height:28px;right:20px;}
}

/*-------------------------
__header
-------------------------*/
#header{padding:0 0 0 var(--pageSideMargin);position:fixed;top:0;right:0;left:0;z-index:99;}
#header #hd_menu{display:none;}
#header #hd_inner{display:flex;align-items:center;width:calc(100% - 130px);height:100px;border-bottom:1px solid #FFF;position:relative;z-index:999;}
#header #hd_inner #hd_logo{width:100%;max-width:300px;text-align:left;margin:0 auto 0 0;}
#header #hd_inner #hd_logo a{display:block;}
#header #hd_inner #hd_logo a img{width:auto;height:auto;max-width:100%;max-height:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(105%) contrast(102%);}
#header #hd_inner #hd_navi{margin:0 0 0 auto;padding:0 0 0 30px;}
#header #hd_inner #hd_navi ul{display:flex;}
#header #hd_inner #hd_navi ul li + li{margin-left:30px;}
#header #hd_inner #hd_navi ul li a{display:inline-block;font-size:1.4em;font-weight:700;text-align:left;white-space:nowrap;text-decoration:none;color:#FFF;transition:color 0.3s;}
#header #hd_inner #hd_navi ul li a span{display:inline-block;}
#header #hd_inner .tel{margin:0 0 0 40px;}
#header #hd_inner .tel a{display:flex;font-size:2.4em;font-weight:700;text-decoration:none;white-space:nowrap;color:#FFF;transition:color 0.3s;}
#header #hd_inner .tel a img{display:inline-block;vertical-align:top;margin:2px 0 0 0;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(105%) contrast(102%);}
#header #hd_inner .tel a span{display:inline-block;vertical-align:top;margin:0 0 0 5px;}
#header .contact{position:absolute;top:0;right:0;z-index:999;}
#header .contact a{display:flex;flex-direction:column;justify-content:center;width:100px;height:100px;text-decoration:none;background:linear-gradient(90deg,var(--colorGreen1) 0%,var(--colorGreen2) 100%);}
#header .contact a img{margin:0 auto;}
#header .contact a span{display:block;font-size:1.2em;text-align:center;margin:10px 0 0;color:#FFF;}
/* ブラウザをスクロールでヘッダーのカラー切り替え */
#header.bgWhite{background-color:rgba(255, 255, 255, 0.7);backdrop-filter: blur(8px);}
#header.bgWhite #hd_inner{border-bottom:none;}
#header.bgWhite #hd_inner #hd_navi ul li a{color:var(--colorBlack);}
#header.bgWhite #hd_inner #hd_logo a img{filter:brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(3452%) hue-rotate(141deg) brightness(101%) contrast(103%);}
#header.bgWhite #hd_inner .tel a{color:var(--colorGreen1);}
#header.bgWhite #hd_inner .tel a img{filter:brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(3452%) hue-rotate(141deg) brightness(101%) contrast(103%);}
@media screen and (min-width:768px) {
  #header #hd_inner #hd_navi ul li a{transition:color 0.3s;}
  #header #hd_inner #hd_navi ul li a:hover{color:var(--colorGreen1);}
  #header .contact a{transition:transform 0.3s ,box-shadow 0.3s;}
  #header .contact a:hover{transform:scale(1.1);box-shadow:3px 3px 10px rgba(0,0,0,0.25);}
}
@media screen and (max-width:1150px) {
  #header #hd_inner{width:calc(100% - 120px);}
  #header #hd_inner #hd_navi ul li + li{margin-left:15px;}
  #header #hd_inner .tel{margin:0 0 0 20px;}
}
@media screen and (max-width:980px) {
  #header #hd_menu{display:block;width:80px;height:80px;background-color:#FFF;position:absolute;top:0;right:80px;z-index:999;}
  #header #hd_menu span{width:40px;height:4px;margin:auto;border-radius:2px;background:linear-gradient(90deg,var(--colorGreen1) 0%,var(--colorGreen2) 100%);position:absolute;right:0;left:0;transition:transform 0.3s,opacity 0.3s;}
  #header #hd_menu span:nth-of-type(1){top:27px;}
  #header #hd_menu span:nth-of-type(2){top:0;bottom:0;}
  #header #hd_menu span:nth-of-type(3){bottom:27px;}
  #header #hd_inner{width:calc(100% - 180px);height:80px;}
  #header #hd_inner #hd_logo a img{max-height:35px;}
  #header #hd_inner #hd_navi{display:none;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);text-align:left;margin:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;}
  #header #hd_inner #hd_navi ul{display:block;margin:150px auto auto;}
  #header #hd_inner #hd_navi ul li + li{margin-left:0;border-top:1px solid #FFF;}
  #header #hd_inner #hd_navi ul li a{font-size:1.8em;padding:20px 5px;pointer-events:initial;}
  #header .contact a{width:80px;height:80px;}
  #header .contact a span{font-size:1.1em;}

  #header.active::before{content:"";display:block;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);background-color:rgba(0,0,0,0.7);position:fixed;top:0;right:0;bottom:0;left:0;}
  #header.active #hd_menu span:nth-of-type(1){transform:translateY(11px) rotate(-45deg);}  
  #header.active #hd_menu span:nth-of-type(2){opacity:0;}  
  #header.active #hd_menu span:nth-of-type(3){transform:translateY(-11px) rotate(45deg);}
  #header.active #hd_inner #hd_navi{display:flex;}
  /* ブラウザをスクロールでヘッダーのカラー切り替えかつ、グローバルメニュー表示中 */
  #header.bgWhite.active #hd_inner{border-bottom:1px solid #FFF;}
  #header.bgWhite.active #hd_inner #hd_navi ul li a{color: #fff;}
  #header.bgWhite.active #hd_inner #hd_logo a img{filter:initial;}
  #header.bgWhite.active #hd_inner .tel a{color:#FFF;}
  #header.bgWhite.active #hd_inner .tel a img{filter:initial;}
}
@media screen and (max-width:767px) {
  #header #hd_menu{width:50px;height:50px;right:50px;}
  #header #hd_menu span{width:30px;}
  #header #hd_menu span:nth-of-type(1){top:14px;}
  #header #hd_menu span:nth-of-type(3){bottom:14px;}
  #header #hd_inner{width:calc(100% - 120px);height:50px;}
  #header #hd_inner #hd_logo a{display:flex;}
  #header #hd_inner #hd_logo a img{max-height:25px;}
  #header #hd_inner .tel{display:none;margin:auto;position:absolute;top:65px;right:0;left:0;}
  #header #hd_inner .tel a{font-size:2.2em;}
  #header .contact a{width:50px;height:50px;}
  #header .contact a img{width:25px;height:auto;margin:auto;}
  #header .contact a span{display:none;}

  #header.active #hd_menu span:nth-of-type(1){transform:translateY(9px) rotate(-45deg);}  
  #header.active #hd_menu span:nth-of-type(3){transform:translateY(-9px) rotate(45deg);}
  #header.active #hd_inner .tel{display:block;}
}

/*====================
__header（下層ページ用）
====================*/
.header2 #header{background-color:rgba(255, 255, 255, 0.7);backdrop-filter: blur(8px);}
.header2 #header #hd_inner{border-bottom:none;}
.header2 #header #hd_inner #hd_navi ul li a{color:var(--colorBlack);}
.header2 #header #hd_inner #hd_logo a img{filter:brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(3452%) hue-rotate(141deg) brightness(101%) contrast(103%);}
.header2 #header #hd_inner .tel a{color:var(--colorGreen1);}
.header2 #header #hd_inner .tel a img{filter:brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(3452%) hue-rotate(141deg) brightness(101%) contrast(103%);}
.header2 #header.active #hd_inner #hd_navi ul li a{color: #fff;}
.header2 #header.active #hd_inner #hd_logo a img{filter:initial;}
.header2 #header.active #hd_inner .tel a{color:#FFF;}
.header2 #header.active #hd_inner .tel a img{filter:initial;}

@media screen and (min-width:768px) {
  .header2 #header #hd_inner #hd_navi ul li a{transition:color 0.3s;}
  .header2 #header #hd_inner #hd_navi ul li a:hover{color:var(--colorGreen1);}
}

/*-------------------------
__content
-------------------------*/
.topic_path{max-width:1000px;margin:0 auto 50px;padding:0 var(--pageSideMargin);}
.topic_path ul{width:100%;text-align:left;padding:10px 15px;box-sizing:border-box;border-radius:40px;background-color:#FFF;}
.topic_path li{font-size:1.4em;line-height:1.5;color:var(--colorBlack);display:inline-block;}
.topic_path li:before{content:"／";color:var(--colorBlack);margin:0 5px;}
.topic_path li:first-child:before{content:"";margin:0;}
.topic_path li a{font-weight:700;color:var(--colorGreen1);text-decoration:underline;}
.block{padding:1px 0;}
.block .block_inner{max-width:1000px;margin:auto;padding:0 var(--pageSideMargin);}
.block .block_inner .block_ttl{font-size:1em;text-align:left;}
.block .block_inner .block_ttl .jpn{display:block;font-size:2em;font-weight:700;letter-spacing:0.06em;color:var(--colorGreen1);}
.block .block_inner .block_ttl .eng{display:inline-block;font-size:8em;font-weight:700;margin:10px 0 0;padding:0 0 15px;background:linear-gradient(90deg,var(--colorGreen1) 0%,var(--colorGreen2) 100%);background-clip:text;-webkit-text-fill-color:transparent;border-bottom:3px solid var(--colorGreen1);}
.subpage{padding:120px 0;background-color:#EEE;}
.subpage .subpage_inner{font-size:1.6em;line-height:1.7;letter-spacing:0.04em;text-align:left;margin:60px auto 0;padding:50px;box-sizing:border-box;background-color:#FFF;}
.subpage .subpage_ttl{font-size:160%;font-weight:700;margin:0 0 20px;}
.subpage .txt + .txt{margin-top:1em;}
.subpage .txt a{color:var(--colorGreen1);}

@media screen and (min-width:768px) {
  .topic_path li a{transition:color 0.3s;}
  .topic_path li a:hover{color:var(--colorGreen2);}
  .subpage .txt a{transition:color 0.3s;}
  .subpage .txt a:hover{color:var(--colorGreen2);}
}
@media screen and (max-width:980px) {
  .topic_path{margin:0 auto 40px;}
  .block .block_inner .block_ttl .jpn{font-size:1.8em;}
  .block .block_inner .block_ttl .eng{font-size:6.5em;}
  .subpage{padding:100px 0;}
  .subpage .subpage_inner{font-size:1.5em;margin:40px auto 0;}
  .subpage .subpage_ttl{margin:0 0 15px;}
}
@media screen and (max-width:767px) {
  .topic_path{margin:0 auto 30px;}
  .topic_path li{font-size:1.3em;}
  .block .block_inner .block_ttl .jpn{font-size:1.6em;}
  .block .block_inner .block_ttl .eng{font-size:5em;}
  .subpage{padding:70px 0 60px;}
  .subpage .subpage_inner{font-size:1.4em;padding:15px;margin:20px auto 0;}
  .subpage .subpage_ttl{margin:0 0 10px;}
}

/*-------------------------
__footer
-------------------------*/
#footer #ft_inner{display:flex;justify-content:space-between;max-width:1000px;margin:auto;padding:50px var(--pageSideMargin);}
#footer #ft_inner #ft_left{width:40%;max-width:400px;text-align:left;padding:0 40px 0 0;box-sizing:border-box;}
#footer #ft_inner #ft_left #ft_logo{width:100%;max-width:400px;margin:0 0 30px;}
#footer #ft_inner #ft_left #ft_logo a{display:block;}
#footer #ft_inner #ft_left #ft_logo a img{width:100%;height:auto;}
#footer #ft_inner #ft_left dl{display:flex;font-size:1.5em;line-height:1.3;text-align:left;}
#footer #ft_inner #ft_left dl + dl{margin-top:10px;}
#footer #ft_inner #ft_left dl dt{width:4em;color:#666;}
#footer #ft_inner #ft_left dl dd{flex:1;margin:0 0 0 10px;padding:0 0 0 10px;border-left:2px solid var(--colorGreen1);}
#footer #ft_inner #ft_right{flex:1;}
#footer #ft_inner #ft_right #ft_navi{display:flex;justify-content:flex-end;width:100%;text-align:right;margin:20px 0 35px;}
#footer #ft_inner #ft_right #ft_navi li{font-size:1.4em;font-weight:700;letter-spacing:0.06em;}
#footer #ft_inner #ft_right #ft_navi li + li{margin-left:40px;}
#footer #ft_inner #ft_right #ft_navi li a{text-decoration:none;color:initial;}
#footer #ft_inner #ft_right .row{display:flex;}
#footer #ft_inner #ft_right .tel{margin:auto 25px auto auto;}
#footer #ft_inner #ft_right .tel a{display:flex;font-size:2.6em;font-weight:700;letter-spacing:0.02em;text-decoration:none;color:var(--colorGreen1);}
#footer #ft_inner #ft_right .tel a img{display:inline-block;vertical-align:top;margin:2px 5px 0 0;}
#footer #ft_inner #ft_right .tel a span{display:inline-block;vertical-align:top;margin:0 0 0 5px;}
#footer #ft_inner #ft_right .contact{width:100%;max-width:265px;}
#footer #ft_inner #ft_right .contact .contact_btn{width:100%;font-size:1.5em;line-height:1.3;padding:20px;border-radius:5px;color:#FFF;background:linear-gradient(90deg,var(--colorGreen1) 0%,var(--colorGreen2) 100%);}
#footer #ft_inner #ft_right .contact .contact_btn::after{width:30px;height:30px;background:url("/images/cmn_icon1.svg")no-repeat center center / contain;right:20px;}
#footer #copyright{font-size:1.3em;line-height:1.2;text-align:center;padding:20px var(--pageSideMargin);box-sizing:border-box;color:#FFF;background-color:var(--colorGreen1);}
.re_top{position:fixed;right:30px;bottom:30px;z-index:9;display:none;height:70px;width:70px;}
.re_top a{display:block;width:100%;height:100%;box-sizing:border-box;border-radius:50%;background-color:var(--colorGreen2);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1);}
.re_top a::after{content:"";display:inline-block;width:13px;height:13px;vertical-align:top;margin:30px 0 0;border-top:2px solid #FFF;border-right:2px solid #FFF;-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}

@media screen and (min-width:768px) {
  #footer #ft_inner #ft_left #ft_logo a img{transition:opacity 0.3s;}
  #footer #ft_inner #ft_left #ft_logo a:hover img{opacity:0.5;}
  #footer #ft_inner #ft_right #ft_navi li a{transition:color 0.3s;}
  #footer #ft_inner #ft_right #ft_navi li a:hover{color:var(--colorGreen1);}
  .re_top a{transition:transform 0.3s,box-shadow 0.3s;}
  .re_top a:hover{transform:translateY(3px);box-shadow:none;}
}
@media screen and (max-width:980px) {
  #footer #ft_inner #ft_left{width:35%;}
  #footer #ft_inner #ft_left dl{font-size:1.4em;}
  #footer #ft_inner #ft_right #ft_navi{margin:5px 0 35px;}
  #footer #ft_inner #ft_right #ft_navi li{font-size:1.3em;}
  #footer #ft_inner #ft_right #ft_navi li + li{margin-left:15px;}
  #footer #ft_inner #ft_right .tel a{font-size:2.3em;}
  #footer #ft_inner #ft_right .contact .contact_btn{font-size:1.4em;}
  #footer #copyright{font-size:1.2em;padding:15px var(--pageSideMargin);}
  .re_top{right:20px;bottom:15px;}
}
@media screen and (max-width:767px) {
  #footer #ft_inner{display:block;padding:30px var(--pageSideMargin);}
  #footer #ft_inner #ft_left{width:100%;max-width:265px;margin:auto;padding:0;}
  #footer #ft_inner #ft_left #ft_logo{margin:0 0 15px;}
  #footer #ft_inner #ft_left dl{font-size:1.3em;}
  #footer #ft_inner #ft_right #ft_navi{flex-wrap:wrap;justify-content:space-between;max-width:265px;text-align:left;margin:10px auto 30px;}
  #footer #ft_inner #ft_right #ft_navi li{width:48%;font-size:1.2em;margin:20px 0 0;}
  #footer #ft_inner #ft_right #ft_navi li + li{margin-left:0;}
  #footer #ft_inner #ft_right .row{display:block;}
  #footer #ft_inner #ft_right .tel{margin:0 0 15px;}
  #footer #ft_inner #ft_right .tel a{justify-content:center;font-size:3em;}
  #footer #ft_inner #ft_right .contact{margin:auto;}
  #footer #ft_inner #ft_right .contact .contact_btn{font-size:1.3em;}
  #footer #copyright{font-size:1.1em;text-align:left;padding:10px var(--pageSideMargin);}
  .re_top{height:50px;width:50px;right:10px;bottom:10px;}
  .re_top a::after{margin:20px 0 0;}
}