@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap&subset=japanese');
</style>
/*
JP:
  Zen Kaku Gothic New: Medium(500)
  Zen Kaku Gothic New: Bold(700)
EN:
  Heebo: Medium(500)
  Heebo: SemiBold(600)
  Heebo: Bold(700)
*/

/* reset
--------------------------------------- */
html,body,
header,main,section,article,footer,aside,canvas,details,figcaption,figure,hgroup,menu,nav,
div,span,applet,embed,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,q,pre,abbr,address,big,small,
cite,code,del,dfn,em,img,strong,sub,sup,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,caption,table,tbody,tfoot,thead,tr,th,td,output,ruby,
audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
header,main,section,article,footer,aside,details,figcaption,figure,hgroup,menu,nav{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* basic
--------------------------------------- */
body{
  position:relative;
  width:100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight:500; /* medium */
  font-style:normal;
  font-size: 18px;
  line-height:1.5;
  font-optical-sizing:auto;
  overflow-wrap:break-word;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -o-text-size-adjust:100%;
  text-size-adjust:100%;
  text-align:left;
  text-justify:none;
  color:#4d4d4d;
    letter-spacing:0.05em;
  letter-spacing:0;
  background-color:#fff;
  overflow-x: hidden;
  /*text-align:justify;
  text-justify:inter-ideograph;*/
}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
a{outline:none;text-decoration:none;color:#4d4d4d;}
a[href^="tel:"]{color:#4d4d4d;pointer-events:none;text-align:left;}
img{max-width:100%;height:auto;vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
#header,#footer,#splash,#kv,
.section{
  width:100%;
  min-width:initial;
  margin:auto;
}
.wrap{
  width:1200px;
  margin:auto;
}
.inner{
  position:relative;
  width:1180px;
  margin:auto;
}
@media screen and (max-width:1217px){
  .wrap{width:100%;}
  .inner{width:98%;}
}
@media screen and (max-width:800px){
  body{font-size:28px;}
  a[href^="tel:"]{pointer-events:auto;}
  img{image-rendering:auto;}
  #header,#footer,#splash,#kv,
  .section{
    width:800px;
    min-width:initial;
    overflow:hidden;
  }
  .wrap{
    width:800px;
  }
  .inner{
    width:690px;
  }
}

/* ex. font */
.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.heebo-medium {
  font-family: "Heebo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.heebo-semibold {
  font-family: "Heebo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.heebo-bold {
  font-family: "Heebo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/* header
--------------------------------------- */
#header{
  position:fixed;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  background-color:#fff;
  z-index:999;
}
#header .wrap{width:100%;}
#header .inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width:82%;
  height:100px;
}
#header .brand{
  width:244px;
  margin-top:12px;
}
#header .hd-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:960px;
  margin-top:28px;
}
#header .navi{
  width:610px;
  height:30px;
}
#header .navi ul{
  display: flex;
  justify-content: space-around;
}
#header .navi ul li{}
#header .navi ul li a{
  font-size: 18px; 
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #4d4d4d;
  opacity: 1;
  transition: opacity 300ms ;
}
#header .navi ul li a:hover{
  opacity:0.7;
}
#header .tel{
  width:310px;
  color:#70b52c;
}
#header .tel:before{
  content:'';
  display:inline-block;
  width:30px;
  height:30px;
  margin-right:5px;
  transform: translateY(1px);
  background:url(../images/home/icon_tel.png) 0 0 no-repeat;
  background-size:contain;
}
#header .tel a{
  font-size:38px; 
  font-weight:700;
  color:#70b52c;
}
#header .sp-menu{
  display:none;
}
#header .sp-plc{
  display:none;
}
@media screen and (max-width:1500px){
  #header .inner{
    width:98vw;
  }
  #header .brand{
    width:16vw;
    min-width:180px;
    margin-left:40px;
  }
  #header .hd-info{
  display: flex;
    justify-content:flex-end;
  align-items: center;
    width:calc(70% - 190px);
  width:70%;
  margin-top:28px;
  }
  #header .navi{
      width:56vw;
  width:560px;
  height:30px;
    margin-right:1vw;
  }
  #header .navi ul{
    justify-content: space-between;
  }
  #header .navi ul li a{
    font-size:16px;
  }
  #header .tel{
      width:20vw;
    width:270px;
    margin-right:40px;
    text-align:right;
  }
  #header .tel:before{
    width:2vw;
    height:2vw;
  }
  #header .tel a{
    font-size:2.5vw;
  }
}
@media screen and (max-width:1217px){
  #header .brand{
    margin-left:20px;
  }
  #header .hd-info{
    width:calc(90% - 190px);
  }
  #header .tel{
    width:240px;
   margin-right:20px;
  }
}
@media screen and (max-width:980px){
  #header .hd-info{
    width:calc(98% - 190px);
  }
  #header .tel{
    width:190px;
  }
}
@media screen and (max-width:800px){
  #header .navi{display:none;}
  #header .tel{display:none;}
  #header .inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
    align-items: center;
    width:660px;
    height:170px;
  }
  #header .brand{
    width:318px;
    margin-top:0px;
  }
  #header .sp-menu{
    display:block;
    width:80px;
    height:80px;
    background-color:#fff;
  }
  #header .sp-menu .hamburger{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
    padding:10px 0px;
    background:transparent;
    border:none;
    cursor:pointer;
  }
  #header .sp-menu .hamburger i{
    width:100%;
    height:2px;
    background-color:#4d4d4d;
    border-radius:0px;
    transition:all 300ms;
  }
  #header .sp-menu .hamburger.is-active i:nth-child(1){transform:translateY(30px) rotate(45deg);}
  #header .sp-menu .hamburger.is-active i:nth-child(2){opacity:0;}
  #header .sp-menu .hamburger.is-active i:nth-child(3){transform:translateY(-30px) rotate(-45deg);}

  #header .sp-plc{
    display: flex;
     flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color:#70b52c;
    width:190px;
    height:80px;
    margin-right:40px;
    font-size:30px;
    font-weight:700;
    color:#fff;
    line-height:1.2;
    text-align:center;
    border-radius:12px;
  }
}
/* sp-navi */
#sp-navi{display:none;}
@media screen and (max-width:800px){
  #sp-navi{display:none;}
  .sp-hd-navi{
    position:fixed;
    top:170px;
    left:0;
    right:0;
    width:100%;
    height:calc(100vh - 170px);
    margin:auto;
    background-color:rgba(255,255,255,0.8);
    backdrop-filter:saturate(180%) blur(20px);
    overflow-y:auto;
    cursor:pointer;
    z-index:999;
  }
  .sp-hd-navi .inner{width:100%;}
  .sp-hd-navi .bg-navi{
    background-color:rgba(255,255,255,0);
  }
  .sp-hd-navi .wrap-navi{}
  .sp-hd-navi .wrap-navi ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height:calc(100vh - 170px);
  }
  .sp-hd-navi .wrap-navi ul li{
    width:100%;
    margin:0 auto 10px;
  }
  .sp-hd-navi .wrap-navi ul li a{
    display:block;
    width:100%;
    height:100%;
    padding:10px 0;
    font-size:30px;
    font-weight:700;
    text-align:center;
  }
  .sp-hd-navi .wrap-navi ul li.tel{
    width:80%;
  }
  .sp-hd-navi .wrap-navi ul li.tel a{
    color:#70b52c;
  }
}

/* フッター
--------------------------------------- */
.btm-navi{background-color:#808080;}
.btm-navi .wrap{}
.btm-navi .navi{}
.btm-navi .navi ul{
  display: flex;
  justify-content: center;
  align-items: center;
  height:140px;
}
.btm-navi .navi ul li{}
.btm-navi .navi ul li a{
  padding:0 28px;
  color:#fff;
}
@media screen and (max-width:800px) {
  .btm-navi .navi ul{
    flex-wrap: wrap;
    justify-content: start;
    width:520px;
    height:290px;
    margin:auto;
    padding:70px 0;
  }
  .btm-navi .navi ul li a{padding:0;}
  .btm-navi .navi ul li:nth-child(1){margin-right:140px;}
  .btm-navi .navi ul li:nth-child(3){margin-right:170px;}
}
/*  */
#footer{
  padding:70px 0 60px;
}
#footer .logo{
  width:314px;
  margin:0 auto 40px;
}
#footer .addr{
  margin-bottom:15px;
  text-align:center;
}
#footer .tel{
  margin-bottom:60px;
  font-weight:600;
  text-align:center;
}
#footer .tel a{
  color:#4d4d4d;
}
#footer .copyright{
  font-family: "Heebo", sans-serif;
  font-weight: 600;
  font-size:19px;
  text-align:center;
}
@media screen and (max-width:800px){
  #footer .logo{
    width:338px;
  }
  #footer .addr{
    font-size:29px;
    line-height:1.8;
  }
  #footer .tel{
    margin-bottom:80px;
  }
  #footer .copyright{
    font-size:25px;
  }
}

/* ページトップ移動ボタン
--------------------------------------- */
#pagetop-wrap{
  position:fixed;
  bottom:80px;
  right:20px;
  display:none;
  z-index:998;
}
#pagetop{
  width:64px;
  height:64px;
  cursor:pointer;
  transition:opacity 300ms;
}
#pagetop:hover{opacity:0.8;}
@media screen and (max-width:800px){
  #pagetop-wrap{
    bottom:90px;
    right:40px;
    display:none;
  }
  #pagetop{
  width:64px;
  height:64px;
    transition:none;
  }
#pagetop:hover{opacity:1;}
}

/* 共通
--------------------------------------- */
main{padding-top:100px;}
@media screen and (max-width:800px){
  main{padding-top:170px;}
}

.h2tp1{
  margin-bottom:30px;
  font-family: "Heebo", "Zen Kaku Gothic New", sans-serif;
  font-size:38px;
  font-weight:700;
  color:#70b52c;
  text-align:center;
}
.btn-more a{
  display: flex;
  justify-content: center;
  align-items: center;
  width:740px;
  height:78px;
  margin:auto;
  font-size:24px;
  font-weight:700;
  letter-spacing:0.2em;
  color:#fff;
  background-color:#808080;
  transition:opacity 300ms;
}
.btn-more a:hover{
  opacity:0.7;
}
@media screen and (max-width:800px){
  .h2tp1{
    font-size:32px;
  }
  .btn-more a{
    width:100%;
    height:112px;
    font-size:36px;
    letter-spacing:0.1em;
    transition:none;
  }
  .btn-more a:hover{opacity:1;}
}


/* キービジュアル
--------------------------------------- */
#splash{}
#splash .wrap{
  position:relative;
  width:100%;
  aspect-ratio: 1790 / 867;
}
#splash .wrap .kv{
  width:93.229%;
  margin:auto;
}
#splash .wrap .kv img{width:100%;}
#splash .wrap .msg{
  position:absolute;
  top:0;
  bottom:0;
  left:0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  max-width:850px;
  height:450px;
  margin:auto;
  padding:70px 60px 60px 250px;
  font-weight:700;
  color:#fff;
  background-color:rgba(112, 184, 44, 0.7);
}
#splash .wrap .place{
  position:absolute;
  top:30px;
  right:100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width:250px;
  height:250px;
  color:#fff;
  text-align:center;
  background-color:rgba(112, 184, 44, 0.7);
  border-radius:50%;
}
#splash .wrap .msg .tx1{font-size:42px;margin-bottom:40px;}
#splash .wrap .msg .tx2{font-size:20px;}
#splash .wrap .place p{width:250px;}
#splash .wrap .place .tx1{font-size:28.47px;}
#splash .wrap .place .tx2{font-size:39.51px;}
@media screen and (max-width:1920px){
  #splash .wrap .msg{
    width:44.5vw;
    max-width:initial;
    height:24vw;
    padding:3.6vw 3.1vw 3.1vw 13.0vw;
  }
  #splash .wrap .place{
    top:1.6vw;
    right:5.2vw;
    width:13vw;
    height:13vw;
  }
  #splash .wrap .msg .tx1{font-size:2.2vw;margin-bottom:2vw;}
  #splash .wrap .msg .tx2{font-size:1vw;}
  #splash .wrap .place p{width:13vw;}
  #splash .wrap .place .tx1{font-size:1.48vw;}
  #splash .wrap .place .tx2{font-size:2.1vw;}
}
@media screen and (max-width:1217px){/*時間があればmsgの箱の大きさを調整*/}
@media screen and (max-width:800px){
  #splash .wrap{
    width:100%;
    aspect-ratio: 800 / 998;
  }
  #splash .wrap .kv{
    width:82.5%;
  }
  #splash .wrap .msg{
    width:570px;
    height:460px;
    padding:60px 50px 50px 80px;
  }
  #splash .wrap .place{display:none;}
  #splash .wrap .msg .tx1{font-size:39.14px;margin-bottom:40px;}
  #splash .wrap .msg .tx2{font-size:28px;}
}

/* 診療時間
--------------------------------------- */
.clinic-hours{}
.clinic-hours .wrap{padding:100px 0 140px;}
.clinic-hours .inner{}
.clinic-hours .clinic-information{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:40px;
  margin-bottom:50px;
}
.clinic-hours table.hours{
  width:720px;
}
.clinic-hours table.hours th,
.clinic-hours table.hours td{
  text-align:center;
}
.clinic-hours table.hours thead th,
.clinic-hours table.hours thead td{
  padding:5px;
  font-size:26px;
  color:#fff;
  font-weight: 500;
  background-color:#70b52c;
}
.clinic-hours table.hours tbody th,
.clinic-hours table.hours tbody td{
  padding:10px;
  border-bottom:1px solid #4d4d4d;
}
.clinic-hours table.hours tbody th{
  width:32%;
  font-family: "Heebo", sans-serif;
  font-size:26px;
  font-weight: 500;
}
.clinic-hours table.hours tbody td{
  width:9.7%;
  font-size:30.48px;
  font-weight: 700;
}
.clinic-hours .info{
  width:410px;
}
.clinic-hours .info .at1{
  margin-bottom:20px;
  font-size:40.12px;
  font-weight:700;
  line-height:1.0;
  color:#f00;
}
.clinic-hours .info .at2{
  margin-bottom:10px;
  font-size:28.5px;
  font-weight:700;
  line-height:1.0;
}
.clinic-hours .info .at3{
  margin-bottom:10px;
  font-size:23.32px;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.clinic-hours .info .at4{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:0px;
  font-size:20px;
  border:1px solid #4d4d4d;
}
.clinic-hours .box-info{
  padding:20px 30px;
  border:1px solid #70b52c;
}
.clinic-hours .box-info ul{
  font-size:18.58px;
  line-height:1.8;
  padding-left:1.0em;
  text-indent:-1.0em;
}
@media screen and (max-width:1217px){
  .clinic-hours .info .at1{
    font-size:3.33vw;
  }
  .clinic-hours .info .at2{
    font-size:2.37vw;
  }
  .clinic-hours .info .at3{
    font-size:1.94vw;
  }
  .clinic-hours .info .at4{
    font-size:1.66vw;
  }
  .clinic-hours .box-info ul{
    font-size:1.54vw;
  }
}
@media screen and (max-width:800px){
.clinic-hours{}
  .clinic-hours .wrap{padding:130px 0 120px;}
  .clinic-hours .inner{
    width:660px;
    padding:40px 30px 50px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
  }
  .clinic-hours .clinic-information{
    flex-direction: column;
    flex-wrap: normal;
    justify-content: flex-start;
    gap:20px;
  }
  .clinic-hours table.hours{
    width:100%;
  }
  .clinic-hours table.hours thead th,
  .clinic-hours table.hours thead td{
    font-size:28px;
  }
  .clinic-hours table.hours tbody th,
  .clinic-hours table.hours tbody td{
    border-bottom-width:2px;
  }
  .clinic-hours table.hours tbody th{
    font-size:30px;
  }
  .clinic-hours table.hours tbody td{
    font-size:28px;
  }
  .clinic-hours .info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
  }
  .clinic-hours .info .at1{
    order:1;
      width:28.75vw;
    width:38%;
    margin-bottom:0px;
    font-size:32px;
  }
  .clinic-hours .info .at2{
    order:3;
      width:28.75vw;
    width:38%;
    margin-bottom:0px;
    font-size:28px;
  }
  .clinic-hours .info .at3{
    order:4;
      width:45vw;
    width:62%;
    margin-bottom:0;
    font-size:22px;
  }
  .clinic-hours .info .at4{
    order:2;
      width:45vw;
    width:62%;
    margin-bottom:20px;
    font-size:22px;
    border-width:2px;
  }
  .clinic-hours .box-info{
  padding:30px 30px;
    border-width:2px;
  }
  .clinic-hours .box-info ul{
    font-size:32px;
    line-height:1.5;
    padding-left:0;
    text-indent:0;
  }
  .clinic-hours .box-info ul li{
    margin-bottom:40px;
  }
  .clinic-hours .box-info ul li:last-child{
    margin-bottom:0;
  }
}

/* 
--------------------------------------- */
.news{background-image:linear-gradient(180deg, #70b52c 450px, #fff 450px);}
.news .wrap{}
.news .inner{padding:60px 0 160px;}
.news .h2tp2{
  position:relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:50px;
  height:175px;
  margin-bottom:40px;
}
.news .h2tp2:before{
  content:'';
  position:absolute;
  top:0;
  left:-60px;
  width:175px;
  height:175px;
  background-color:#fff;
  border-radius:50%;
  z-index:0;
}
.news .h2tp2 .en{
  position:relative;
  font-family: "Heebo", sans-serif;
  font-size:70px;
  line-height:1.0;
  font-weight: 700;
  border-bottom:1px solid #4d4d4d;
  z-index:1;
}
.news .h2tp2 .jp{
  margin-top:0.8em;
  font-size:28px;
  font-weight: 700;
  line-height:1.0;
  color:#fff;
}
.news .wrap-news{
  margin-bottom:90px;
  padding:60px 80px;
  background-color:#fff;
  border:1px solid #70b52c;
}
.news .wrap-news .item-news{}
.news .wrap-news .item-news dl{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap:50px;
  width:100%;
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom:1px solid #4d4d4d;
}
.news .wrap-news .item-news dl:last-of-type{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom-width:0;
}
.news .wrap-news .item-news dl dt{
  padding:4px 38px;
  font-family: "Heebo", sans-serif;
  background-color:#f6f6f6;
}
.news .wrap-news .item-news dl dd{
  font-size:21px;
  font-weight:700;
  color:#70b52c;
}
.news .wrap-news .item-news dl dd span{
  display:block;
  margin-top:20px;
  font-size:18px;
  font-weight:500;
  line-height:1.8;
  color:#4d4d4d;
}
.news .wrap-news .item-news dl dd a{
  color:#70b52c;
  text-decoration:underline;
  transition:opacity 300ms;
}
.news .wrap-news .item-news dl dd span a{
  color:#4d4d4d;
}
.news .wrap-news .item-news dl dd a:hover{
  opacity:0.7;
}
@media screen and (max-width:1337px){
  .news .h2tp2{
    padding-left:60px;
  }
  .news .h2tp2:before{
    left:0px;
  }
}
@media screen and (max-width:800px){
  .news{background-image:linear-gradient(180deg, #70b52c 870px, #fff 870px);}
  .news .inner{padding:80px 0 200px;}
  .news .h2tp2{
    gap:30px;
    height:196px;
    margin-bottom:70px;
    padding-left:70px;
  }
  .news .h2tp2:before{
    width:196px;
    height:196px;
  }
  .news .h2tp2 .en{
    padding:0 40px 0 10px;
    font-size:80.46px;
    border-bottom-width:2px;
  }
  .news .h2tp2 .jp{
    margin-top:0.4em;
    font-size:32.18px;
  }
  .news .wrap-news{
    margin-bottom:50px;
    padding:60px 50px;
    border-width:2px;
  }
  .news .wrap-news .item-news dl{
    display: block;
    justify-content: normal;
    align-items: normal;
    margin-bottom:30px;
    padding-bottom:40px;
    border-bottom-width:2px;
  }
  .news .wrap-news .item-news dl:last-of-type{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom-width:0;
  }
  .news .wrap-news .item-news dl dt{
    display:inline-block;
    margin-bottom:30px;
    font-size:30px;
  }
  .news .wrap-news .item-news dl dd{
    font-size:36px;
  }
  .news .wrap-news .item-news dl dd span{
    margin-top:40px;
    font-size:28px;
  }
  .news .wrap-news .item-news dl dd a{
    transition:none;
  }
  .news .wrap-news .item-news dl dd a:hover{
    opacity:1;
  }
}

/* 診療案内
--------------------------------------- */
.guide{
  background:url(../images/home/bg1.jpg) center top no-repeat;
  background-size:contain;
}
.guide .wrap{}
.guide .inner{padding:140px 0 200px;}
.guide .h2tp1{}
.guide .mi{
  margin-bottom:60px;
  font-size:27.55px;
  font-weight:700;
  letter-spacing:0.1em;
  color:#70b52c;
  text-align:center;
}
.guide ul.disease{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  gap:30px 0;
  margin-bottom:60px;
}
.guide ul.disease li{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width:370px;
  height:120px;
  font-size:24px;
  text-align:center;
  background-color:#fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
}/*
.guide ul.disease li a:hover{text-decoration:underline;}*/
.guide ul.disease li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  background:#fff;
  transition:background 300ms;
}
.guide ul.disease li a:hover{
  background-color:#edf2c5;
}
.guide ul.link{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  gap:30px 0;
  margin-bottom:110px;
}
.guide ul.link li{width:570px;}
.guide ul.link li a{
  position:relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width:100%;
  height:80px;
  font-weight:700;
  text-align:center;
  color:#fff;
  background-color:#70b52c;
  border-radius:10px;
  transition:opacity 300ms;
}
.guide ul.link li a:hover{
  opacity:0.7;
}
.guide ul.link li a:after{
  content:'';
  position:absolute;
  top:0;
  right:65px;
  bottom:0;
  width:36px;
  height:36px;
  margin:auto;
  background:url(../images/home/icon_arrow.png) center center no-repeat;
  background-size:cover;
}
.guide .box-info{
  padding:20px;
  font-size:24px;
  text-align:center;
  border:1px solid #70b52c;
}
@media screen and (max-width:1217px){
  .guide ul.disease li{width:30vw;}
  .guide ul.link li{width:47vw;}
  .guide ul.link li a .sp{display:block;}
  .guide ul.link li a:after{right:1vw;}
}
@media screen and (max-width:980px){
  .guide ul.disease li{font-size:21px;}
}
@media screen and (max-width:800px){
  .guide{
    background-image:url(../images/home/bg1-sp.jpg);
  }
  .guide .inner{padding:150px 0 200px;}
  .guide .h2tp1{font-size:48px;}
  .guide .mi{
    margin-bottom:90px;
    font-size:40px;
  }
  .guide ul.disease{
    margin-bottom:50px;
  }
  .guide ul.disease li{
    width:330px;
    height:140px;
    font-size:32px;
    line-height:1.2;
  }/*
  .guide ul.disease li a:hover{text-decoration:none;}*/
  .guide ul.disease li a{
    text-decoration:underline;
    transition:none;
  }
  .guide ul.disease li a:hover{
    background-color:#fff;
  }
  .guide ul.link{
    margin-bottom:60px;
  }
  .guide ul.link li{width:100%;}
  .guide ul.link li a{
    height:110px;
    font-size:32px;
    line-height:1.2;
    transition:none;
  }
  .guide ul.link li a:hover{
    opacity:1;
  }
  .guide ul.link li a:after{
    right:40px;
    width:50px;
    height:50px;
  }
  .guide .box-info{
    padding:30px 20px;
    font-size:32px;
    border-width:2px;
  }
}

/* Photo
--------------------------------------- */
.gallery{margin-bottom:180px;}
.gallery .wrap{
  position:relative;
  width:100%;
  margin:45px 0 55px;
}
.gallery .wrap:before{
  content:'';
  position:absolute;
  top:-45px;
  left:0;
  width:540px;
  height:45px;
  background-color:#b8da96;
}
.gallery .wrap:after{
  content:'';
  position:absolute;
  bottom:-55px;
  right:0;
  width:630px;
  height:55px;
  background-color:#70b52c;
}
.gallery ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width:100%;
  margin:auto;
}
.gallery .wrap ul li{
  width:50%;
}
.gallery .wrap ul li img{width:100%;}
@media screen and (max-width:1920px){
  .gallery .wrap:before{width:28vw;}
  .gallery .wrap:after{width:32vw;}
}
@media screen and (max-width:800px){
  .gallery{margin-bottom:200px;}
  .gallery .wrap{
    margin:36px 0 45px;
  }
  .gallery .wrap:before{
    top:-36px;
    width:450px;
    height:36px;
  }
  .gallery .wrap:after{
    bottom:-45px;
    width:540px;
    height:45px;
  }
  .gallery ul{
    display:block;
    flex-wrap:normal;
    justify-content:normal;
  }
  .gallery .wrap ul li{
    width:100%;
  }
}

/* アクセス
--------------------------------------- */
.access{
  background:url(../images/home/bg2.jpg) center top no-repeat;
  background-size:cover;
}
.access .wrap{}
.access .inner{padding:90px 0 120px;}
.access .h2tp2{
  position:relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:50px;
  height:175px;
  margin-bottom:40px;
  padding-left:60px;

  margin-left:50%;
  transform: translateX(-40%);
}
.access .h2tp2:before{
  content:'';
  position:absolute;
  top:0;
  left:0px;
  width:175px;
  height:175px;
  background-color:#70b52c;
  border-radius:50%;
  z-index:0;
}
.access .h2tp2 .en{
  position:relative;
  font-family: "Heebo", sans-serif;
  font-size:70px;
  line-height:1.0;
  font-weight: 700;
  border-bottom:1px solid #4d4d4d;
  z-index:1;
}
.access .h2tp2 .jp{
  margin-top:0.8em;
  font-size:28px;
  font-weight: 700;
  line-height:1.0;
  color:#70b52c;
  white-space:nowrap;
}
.access .wrap-info{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:60px 0;
  margin-bottom:70px;
}
.access .wrap-gmap{
  width:590px;
  margin:auto;
}
.access .gmap{
  display:flex;
  justify-content:center;
  width:100%;
}
.access .wrap-gmap iframe{
  width:100%;
  height:auto;
  aspect-ratio:590 / 330;
  border:0;
}
.access .clinic-information{
  width:520px;
  padding:30px;
  background:#fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
.access .clinic-information .h2tp1{
  margin-bottom:20px;
  font-size:23.66px;
}
.access table.hours{
  width:100%;
  margin-bottom:12px;
}
.access table.hours th,
.access table.hours td{
  text-align:center;
}
.access table.hours thead th,
.access table.hours thead td{
  padding:5px;
  font-size:19.23px;
  color:#fff;
  font-weight: 500;
  background-color:#70b52c;
}
.access table.hours tbody th,
.access table.hours tbody td{
  padding:5px 10px;
  border-bottom:1px solid #4d4d4d;
}
.access table.hours tbody th{
  width:32%;
  font-family: "Heebo", sans-serif;
  font-size:19.23px;
  font-weight: 500;
}
.access table.hours tbody td{
  width:9.7%;
  font-size:22.18px;
  font-weight: 700;
}
.access .info{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width:100%;
}
.access .info .at1{
    order:1;
  margin:0 40px 15px 20px;
  margin-bottom:15px;
  font-size:24.05px;
  font-weight:700;
  line-height:1.0;
  color:#f00;
}
.access .info .at2{
    order:3;
  margin:0 20px 0 20px;
  font-size:17.18px;
  font-weight:700;
}
.access .info .at3{
    order:4;
  margin-top:4px;
  margin-bottom:10px;
  font-size:13.74px;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.access .info .at4{
    order:2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:10px;
  padding:0 1.0em;
  font-size:15.46px;
  line-height:1;
  border:1px solid #4d4d4d;
}
.access .train{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width:960px;
  height:85px;
  margin:auto;
  padding:20px;
  line-height:1.4;
  background-color:#b8da96;
}
.access .train .icon{
  display:block;
  width:28px;
  height:44px;
  margin-right:36px;
}
.access .train .txt{
  display:block;
}
@media screen and (max-width:1217px){
.access .wrap-info{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:60px 0;
  margin-bottom:70px;
}
  .access .wrap-gmap{
    width:49vw;
  }
  .access .clinic-information{
    width:43vw;
    padding:2vw 2.5vw;
  }
  .access .clinic-information .h2tp1{
    margin-bottom:1.5vw;
    font-size:2vw;
  }
  .access table.hours{
    margin-bottom:1vw;
  }
  .access table.hours thead th,
  .access table.hours thead td{
  padding:5px;
    font-size:16px;
  }
  .access table.hours tbody th,
  .access table.hours tbody td{
    padding:5px 5px;
    border-bottom-width:2px;
  }
  .access table.hours tbody th{
  font-size:19.23px;
    font-size:16px;
  }
  .access table.hours tbody td{
  font-size:22.18px;
    font-size:18px;
  }
  .access .info .at1{
    margin:0 2vw 15px 1vw;
  font-size:24.05px;
    font-size:2vw;
  }
  .access .info .at2{
    margin:0 2vw 0 1vw;
  font-size:17.18px;
    font-size:1.8vw;
  }
  .access .info .at3{
  margin-bottom:10px;
  font-size:13.74px;
    font-size:1.4vw;
  }
  .access .info .at4{
  margin-bottom:10px;
    padding:3px 1vw;
  font-size:14px;
    font-size:1.4vw;
    border-width:2px;
  }
  .access .train{
    width:82%;
  }
}
@media screen and (max-width:800px){
  .access{
    background-image:url(../images/home/bg2-sp.jpg);
  background-size:cover;
  }
  .access .inner{padding:60px 0 100px;}
  .access .h2tp2{
    gap:40px;
    height:180px;
    margin-bottom:60px;
    padding-left:64px;
    margin-left:80px;
    transform: translateX(0);
  }
  .access .h2tp2:before{
    width:180px;
    height:180px;
  }
  .access .h2tp2 .en{
    padding:0 40px 0 10px;
    font-size:72.98px;
    border-bottom-width:2px;
  }
  .access .h2tp2 .jp{
    margin-top:0.4em;
    font-size:28.6px;
  }
  .access .wrap-info{
    display: block;
    flex-wrap: normal;
    justify-content: normal;
    gap:0;
    margin-bottom:50px;
  }
  .access .wrap-gmap{
    width:100%;
  }
  .access .wrap-gmap iframe{
    aspect-ratio:690 / 380;
  }
  .access .clinic-information{display:none;}
  .access .train{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
    width:100%;
    height:145px;
  padding:20px;
  }
  .access .train .icon{
    width:54px;
    height:84px;
  }
  .access .train .txt{
    transform: translateY(0px);
  }
}






/* 
--------------------------------------- */
.section{}
.section .wrap{padding:0px 0 0px;}
.section .inner{}
@media screen and (max-width:1217px){}
@media screen and (max-width:800px){}

/* 汎用
--------------------------------------- */
/* clearfix */
.cf{display:block;}
.cf:after,.cf:before{content:'';display:block;clear:both;}
@media screen and (max-width:800px){
  .sp-cf{display:block;}
  .sp-cf:after,.sp-cf:before{content:'';display:block;clear:both;}
}
/* display */
.disable{display:none;}
.hidden{visibility:hidden;}
.pc{display:block;}
.sp{display:none;}
.pc-visible{display:inline;}
.sp-visible{display:none;}
@media screen and (max-width:800px){
  .pc{display:none;}
  .sp{display:block;}
  .pc-visible{display:none;}
  .sp-visible{display:inline;}
}
/* font - size(base:18px) */
.sml{font-size:0.889em  !important;} /* 16px */
.sml2{font-size:0.833em !important;} /* 15px */
.sml3{font-size:0.778em !important;} /* 14px */
.sml4{font-size:0.722em !important;} /* 13px */
.sml5{font-size:0.667em !important;} /* 12px */
.big{font-size:1.112em  !important;} /* 20px */
.big2{font-size:1.167em !important;} /* 21px */
.big3{font-size:1.222em !important;} /* 22px */
.big4{font-size:1.333em !important;} /* 24px */
/* text */
.normal,.n{font-weight:500 !important;}
.bold,b,.b{font-weight:700 !important;}
.underline{text-decoration:underline;}
.nowrap{white-space:nowrap;}
sup{font-size:0.75em !important;vertical-align:top;}
sub{font-size:0.75em !important;vertical-align:baseline;}
.sup{font-size:0.75em !important;vertical-align:top;position:relative;top:-0.1em;}
/* indent 0.5-1.5(step:0.5em) */
.ind5{text-indent:0.5em;} .ind10{text-indent:1.0em;} .ind15{text-indent:1.5em;}
/* font - hanging indent 0.5-4.0(step:0.5em) */
.hang5{padding-left:0.5em;text-indent:-0.5em;}
.hang10{padding-left:1.0em;text-indent:-1.0em;} .hang15{padding-left:1.5em;text-indent:-1.5em;}
.hang20{padding-left:2.0em;text-indent:-2.0em;} .hang25{padding-left:2.5em;text-indent:-2.5em;}
.hang30{padding-left:3.0em;text-indent:-3.0em;} .hang40{padding-left:4.0em;text-indent:-4.0em;}
/* line-height 1.0-2.0 */
.lh10{line-height:1.0 !important;} .lh11{line-height:1.1 !important;} .lh12{line-height:1.2 !important;} .lh13{line-height:1.3 !important;} .lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;} .lh16{line-height:1.6 !important;} .lh17{line-height:1.7 !important;} .lh18{line-height:1.8 !important;} .lh19{line-height:1.9 !important;} .lh20{line-height:2.0 !important;}
/* layout - edge center */
.left{text-align:left !important;}
.right{text-align:right !important;}
.center,.sp-left,.sp-right{text-align:center !important;}
@media screen and (max-width:800px){
  .sp-left{text-align:left !important;}
  .sp-right{text-align:right !important;}
  .sp-center,.left,.right{text-align:center !important;}
}
/* layout - float */
.fl, .pc-fl{float:left;}
.fr, .pc-fr{float:right;}
@media screen and (max-width:800px){
  .pc-fl, .pc-fr{float:none;margin-left:auto;margin-right:auto;}
  .sp-fl{float:left;} .sp-fr{float:right;}
}
/* layout - flex row */
.flex-edge{display:flex;justify-content:space-between;}
.flex-center-top{display:flex;justify-content:center;align-items:flex-start;}
.flex-center-center{display:flex;justify-content:center;align-items:center;}
@media screen and (max-width:800px){
  .flex-edge, .flex-center-top, .flex-center-center{display:block;justify-content:normal;align-items:normal;}
}
/* layout - width 1-100(step:1)*/
.w100{width:100%;}.w1{width:1%;}   .w2{width:2%;}   .w3{width:3%;}   .w4{width:4%;}   .w5{width:5%;}   .w6{width:6%;}   .w7{width:7%;}   .w8{width:8%;}   .w9{width:9%;}
.w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;}
.w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;}
.w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;}
.w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;}
.w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;}
.w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;}
.w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;}
.w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;}
.w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;}
@media screen and (max-width:800px){
  .w100, .w1,  .w2,  .w3,  .w4,  .w5,  .w6,  .w7,  .w8,  .w9, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19,
  .w20, .w21, .w22, .w23, .w24, .w25, .w26, .w27, .w28, .w29, .w30, .w31, .w32, .w33, .w34, .w35, .w36, .w37, .w38, .w39,
  .w40, .w41, .w42, .w43, .w44, .w45, .w46, .w47, .w48, .w49, .w50, .w51, .w52, .w53, .w54, .w55, .w56, .w57, .w58, .w59,
  .w60, .w61, .w62, .w63, .w64, .w65, .w66, .w67, .w68, .w69, .w70, .w71, .w72, .w73, .w74, .w75, .w76, .w77, .w78, .w79,
  .w80, .w81, .w82, .w83, .w84, .w85, .w86, .w87, .w88, .w89, .w90, .w91, .w92, .w93, .w94, .w95, .w96, .w97, .w98, .w99{width:100%;}
}
@media screen and (max-width:800px){
  .sp-w100{width:100% !important;}.sp-w1{width:1% !important;}   .sp-w2{width:2% !important;}   .sp-w3{width:3% !important;}   .sp-w4{width:4% !important;}   .sp-w5{width:5% !important;}   .sp-w6{width:6% !important;}   .sp-w7{width:7% !important;}   .sp-w8{width:8% !important;}   .sp-w9{width:9% !important;}
  .sp-w10{width:10% !important;} .sp-w11{width:11% !important;} .sp-w12{width:12% !important;} .sp-w13{width:13% !important;} .sp-w14{width:14% !important;} .sp-w15{width:15% !important;} .sp-w16{width:16% !important;} .sp-w17{width:17% !important;} .sp-w18{width:18% !important;} .sp-w19{width:19% !important;}
  .sp-w20{width:20% !important;} .sp-w21{width:21% !important;} .sp-w22{width:22% !important;} .sp-w23{width:23% !important;} .sp-w24{width:24% !important;} .sp-w25{width:25% !important;} .sp-w26{width:26% !important;} .sp-w27{width:27% !important;} .sp-w28{width:28% !important;} .sp-w29{width:29% !important;}
  .sp-w30{width:30% !important;} .sp-w31{width:31% !important;} .sp-w32{width:32% !important;} .sp-w33{width:33% !important;} .sp-w34{width:34% !important;} .sp-w35{width:35% !important;} .sp-w36{width:36% !important;} .sp-w37{width:37% !important;} .sp-w38{width:38% !important;} .sp-w39{width:39% !important;}
  .sp-w40{width:40% !important;} .sp-w41{width:41% !important;} .sp-w42{width:42% !important;} .sp-w43{width:43% !important;} .sp-w44{width:44% !important;} .sp-w45{width:45% !important;} .sp-w46{width:46% !important;} .sp-w47{width:47% !important;} .sp-w48{width:48% !important;} .sp-w49{width:49% !important;}
  .sp-w50{width:50% !important;} .sp-w51{width:51% !important;} .sp-w52{width:52% !important;} .sp-w53{width:53% !important;} .sp-w54{width:54% !important;} .sp-w55{width:55% !important;} .sp-w56{width:56% !important;} .sp-w57{width:57% !important;} .sp-w58{width:58% !important;} .sp-w59{width:59% !important;}
  .sp-w60{width:60% !important;} .sp-w61{width:61% !important;} .sp-w62{width:62% !important;} .sp-w63{width:63% !important;} .sp-w64{width:64% !important;} .sp-w65{width:65% !important;} .sp-w66{width:66% !important;} .sp-w67{width:67% !important;} .sp-w68{width:68% !important;} .sp-w69{width:69% !important;}
  .sp-w70{width:70% !important;} .sp-w71{width:71% !important;} .sp-w72{width:72% !important;} .sp-w73{width:73% !important;} .sp-w74{width:74% !important;} .sp-w75{width:75% !important;} .sp-w76{width:76% !important;} .sp-w77{width:77% !important;} .sp-w78{width:78% !important;} .sp-w79{width:79% !important;}
  .sp-w80{width:80% !important;} .sp-w81{width:81% !important;} .sp-w82{width:82% !important;} .sp-w83{width:83% !important;} .sp-w84{width:84% !important;} .sp-w85{width:85% !important;} .sp-w86{width:86% !important;} .sp-w87{width:87% !important;} .sp-w88{width:88% !important;} .sp-w89{width:89% !important;}
  .sp-w90{width:90% !important;} .sp-w91{width:91% !important;} .sp-w92{width:92% !important;} .sp-w93{width:93% !important;} .sp-w94{width:94% !important;} .sp-w95{width:95% !important;} .sp-w96{width:96% !important;} .sp-w97{width:97% !important;} .sp-w98{width:98% !important;} .sp-w99{width:99% !important;}
}
.wTri{width:33.13%;} .wQuart{width:24.8%;} .wHalf{width:49.8%;} .wWide{width:66.46%;} .wFull{width:99.8%;}
/* layout - margin 0-120(step:10px) */
.mt0{margin-top:0px !important;} .mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;} .mt60{margin-top:60px !important;} .mt70{margin-top:70px !important;} .mt80{margin-top:80px !important;} .mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;} .mt110{margin-top:110px !important;} .mt120{margin-top:120px !important;}
.mr0{margin-right:0px !important;} .mr10{margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;} .mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;} .mr60{margin-right:60px !important;} .mr70{margin-right:70px !important;} .mr80{margin-right:80px !important;} .mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;} .mr110{margin-right:110px !important;} .mr120{margin-right:120px !important;}
.mb0{margin-bottom:0px !important;}  .mb10{margin-bottom:10px !important;} .mb20{margin-bottom:20px !important;} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;} .mb60{margin-bottom:60px !important;} .mb70{margin-bottom:70px !important;} .mb80{margin-bottom:80px !important;} .mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;} .mb110{margin-bottom:110px !important;} .mb120{margin-bottom:120px !important;}
.ml0{margin-left:0px !important;} .ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;} .ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;} .ml60{margin-left:60px !important;} .ml70{margin-left:70px !important;} .ml80{margin-left:80px !important;} .ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;} .ml110{margin-left:110px !important;} .ml120{margin-left:120px !important;}
.m-center{margin-left:auto;margin-right:auto;}
@media screen and (max-width:800px){
  .mt10{margin-top:1vw !important;} .mt20{margin-top:2vw !important;} .mt30{margin-top:3vw !important;} .mt40{margin-top:4vw !important;}
  .mt50{margin-top:5vw !important;} .mt60{margin-top:6vw !important;} .mt70{margin-top:7vw !important;} .mt80{margin-top:8vw !important;} .mt90{margin-top:9vw !important;}
  .mt100{margin-top:10vw !important;} .mt110{margin-top:11vw !important;} .mt120{margin-top:12vw !important;}
  .mr10{margin-right:1vw !important;} .mr20{margin-right:2vw !important;} .mr30{margin-right:3vw !important;} .mr40{margin-right:4vw !important;}
  .mr50{margin-right:5vw !important;} .mr60{margin-right:6vw !important;} .mr70{margin-right:7vw !important;} .mr80{margin-right:8vw !important;} .mr90{margin-right:9vw !important;}
  .mr100{margin-right:10vw !important;} .mr110{margin-right:11vw !important;} .mr120{margin-right:12vw !important;}
  .mb10{margin-bottom:1vw !important;} .mb20{margin-bottom:2vw !important;} .mb30{margin-bottom:3vw !important;} .mb40{margin-bottom:4vw !important;}
  .mb50{margin-bottom:5vw !important;} .mb60{margin-bottom:6vw !important;} .mb70{margin-bottom:7vw !important;} .mb80{margin-bottom:8vw !important;} .mb90{margin-bottom:9vw !important;}
  .mb100{margin-bottom:10vw !important;} .mb110{margin-bottom:11vw !important;} .mb120{margin-bottom:12vw !important;}
  .ml10{margin-left:1vw !important;} .ml20{margin-left:2vw !important;} .ml30{margin-left:3vw !important;} .ml40{margin-left:4vw !important;}
  .ml50{margin-left:5vw !important;} .ml60{margin-left:6vw !important;} .ml70{margin-left:7vw !important;} .ml80{margin-left:8vw !important;} .ml90{margin-left:9vw !important;}
  .ml100{margin-left:10vw !important;} .ml110{margin-left:11vw !important;} .ml120{margin-left:12vw !important;}
}
/* layout - margin 0.5-2.0(step0.5em) */
.mt5em{margin-top:0.5em;} .mr5em{margin-right:0.5em;} .mb5em{margin-bottom:0.5em;} .ml5em{margin-left:0.5em;}
.mt10em{margin-top:1.0em;} .mr10em{margin-right:1.0em;} .mb10em{margin-bottom:1.0em;} .ml10em{margin-left:1.0em;}
.mt15em{margin-top:1.5em;} .mr15em{margin-right:1.5em;} .mb15em{margin-bottom:1.5em;} .ml15em{margin-left:1.5em;}
.mt20em{margin-top:2.0em;} .mr20em{margin-right:2.0em;} .mb20em{margin-bottom:2.0em;} .ml20em{margin-left:2.0em;}
/* color */
.wt{color:#fff;}/*white*/
.bg-wt{background-color:rgba(255,255,255,1.0);}
.bk{color:#000;}/*black*/
.bg-bk{background-color:rgba(0,0,0,1.0);}
.gy{color#efefef;}/*gray*/
.bg-gy{background-color:rgba(239,239,239,1.0);}
.rd{color:#f00000;}/*red*/
.bg-rd{background-color:rgba(240,0,0,1.0);}
.bl{color:#0000f0;}/*blue*/
.bg-bl{background-color:rgba(0,0,240,1.0);}
/* brand-color */
/*
＃4d4d4d
＃70b52c
＃b7da95
＃fffeee
＃edf2c5
＃a67c52
＃ff0000
＃808080
*/



/*
.grey{color:#e6e6e6;}
.bg-grey{background-color:#e6e6e6;}
.green{color:#006837;}
.bg-green{background-color:rgba(0,104,55,1);}
.lt-green{color:#429a69;}
.bg-lt-green{background-color:#429a69;}
.brown{color:#736357;}
.bg-brown{background-color:#736357;}
.beige{color:#f5f2e9;}
.bg-beige{background-color:#f5f2e9;}
.red{color:#f00;}
.bg-red{background-color:#f00;}
*/