/*=======================================
フッター
=========================================*/

/* タイトル */
.c-title01 {text-align: center;margin-top: 120px;margin-bottom: 50px;}
.c-title01 .h {font-size: 6rem; line-height: 1.6;}
.c-title01 .h span {display: block;}
.c-title01 .h .en {font-weight: 500;}
.c-title01 .h .ja {font-size: 2rem;letter-spacing: 0.1em;margin-top: 0;font-weight: 400;}
.c-block-news .wrap {width: 83%;max-width: 1000px;margin-left: auto;margin-right: auto;}
.c-block-news .post {padding: 18px 0;transition: 100ms;}
.c-block-news .post a {text-decoration: none;display: block; font-size: 18px; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}
.c-block-news .post span {display: inline-block;vertical-align: middle;}
.c-block-news .post .date {font-weight: 500;font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;margin-right: 2%;}
.c-block-news .post .cat {font-size: 100%;font-weight: 500;display: inline-block;border: 1px solid currentColor;vertical-align: middle;line-height: 1;padding: 2px;min-width: 100px;text-align: center;margin-right: 2%;background-color: #fff;}
.c-block-news .post .main {font-weight: bold;transition: color 100ms;}
.c-block-news .post:hover .main {text-decoration: underline;}

@media screen and (max-width:896px),(max-width:896px) and (orientation:landscape){
  .c-title01{margin-top: 60px; margin-bottom: 30px;}
  .c-title01 .h{font-size: 2.6rem;}
  .c-title01 .h .ja{font-size: 1.8rem;}
  .c-block-news .wrap{width:100%;}
}



.l-footer { margin-top: 135px; padding-bottom: 60px;}
.l-footer .contact {position: relative; z-index: 1;}
.l-footer .contact .box { width: 91.666%; box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 25px; box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16); background-color: #fff;}
.l-footer .contact .title {margin: 0 auto;}
.l-footer .contact .box .flex { display: flex; justify-content: center; align-items: center;}
.l-footer .contact .box .left-box { width: 48%; box-sizing: border-box; border-right: 1px solid #707070; padding: 20px 10px; text-align: center;}
.l-footer .contact .box .right-box { width: 52%; text-align: center; box-sizing: border-box; padding-left: 25px;}
.l-footer .contact .box .tel { font-size: 5rem; font-weight: 500; line-height: 1;}
.l-footer .contact .box .txt1 { font-size: 1.6rem;}
.l-footer .contact .box .btn-contact {margin: auto; margin-top: 20px; max-width: 420px;}
.l-footer .contact .box .btn-contact a {padding: 10px;max-width: 450px;}
.l-footer .block-menu { background-color: #F2F2F2; padding-top: 180px; padding-bottom: 60px; margin-top: -120px;}
.l-footer dl {padding-right: 5px;}
.l-footer dl:last-of-type {padding-right: 0;}
.l-footer .menu dt::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #000; vertical-align: middle; margin-right: 4px;}
.l-footer .menu dd {padding-left: 10px;}
.l-footer .menu dd::before {content: '- ';}
.l-footer .block-info {padding-top: 55px;}
.l-footer .block-info .content .flex { display: flex; justify-content: space-between; align-items: flex-end; max-width: 1170px; margin: auto;}
.l-footer .block-info .left-box { display: flex; justify-content: center;}
#top .l-footer .block-info .left-box .logo a:hover,#top .l-footer .block-info .left-box .logo a:hover img{opacity: 1;}
.l-footer .block-info .info { line-height: 1.4; margin-left: 35px;}
.copyright { font-family: 'Roboto', sans-serif; font-size: 1.2rem; color: #222;}

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 2rem; bottom: 2rem; width: 5rem; z-index: 999; border-radius: 50%; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}


@media screen and (max-width: 896px), (max-width: 896px) and (orientation:landscape) {

    /*=======================================
    フッター
    =========================================*/
    .l-footer {
      margin-top: 65px;
      padding-bottom: 20px;
    }

    .l-footer .contact {
      position: relative;
      z-index: 1;
    }

    .l-footer .contact .box {
      padding: 15px;
      box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);
      background-color: #fff;
    }

    .l-footer .contact .title {
      margin: 0 auto;
    }

    .l-footer .contact .box .flex {
      display: block;
      justify-content: center;
      align-items: center;
    }

    .l-footer .contact .box .left-box {
      width: auto;
      box-sizing: border-box;
      border-right: none;
      border-bottom: 1px solid #707070;
      padding: 15px 10px;
      text-align: center;
    }

    .l-footer .contact .box .right-box {
      width: auto;
      text-align: center;
      padding-left: 0;
    }

    .l-footer .contact .box .tel {
      padding-top: 20px;
      font-size: 200%;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 500;
      line-height: 1;
    }

    .l-footer .contact .box .tel a {
      text-decoration: none;
    }

    .l-footer .contact .box .txt1 {
      font-size: 88.88%;
      line-height: 1.4;
      margin-top: 10px;
    }

    .l-footer .contact .box .btn-contact {
      margin-top: 15px;
    }

    .l-footer .contact .box .btn-contact a {
      padding: 10px;
      max-width: 450px;
    }

    .l-footer .block-menu {
      background-color: #F2F2F2;
      padding-top: 140px;
      padding-bottom: 40px;
      margin-top: -100px;
    }

    .l-footer .menu {
      display: block;
    }

    .l-footer .menu ul li{margin-bottom: 20px;}

    .l-footer dl {
      padding-right: 5px;
      margin: 0;
    }

    .l-footer dl:last-of-type {
      padding-right: 0;
    }

    .l-footer .menu dt::before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 0 3px 6px;
      border-color: transparent transparent transparent #000;
      vertical-align: middle;
      margin-right: 4px;
    }

    .l-footer .menu dd {
      padding-left: 10px;
    }

    .l-footer .menu dd::before {
      content: '- ';
    }

    .l-footer .menu a {
      text-decoration: none;
    }

    .l-footer .block-info {
      padding-top: 45px;
    }

    .l-footer .block-info .content > .flex {
      display: block;
    }

    .l-footer .block-info .left-box {
      display: block;
    }

    .l-footer .block-info .left-box .logo {
      max-width: 100%;
    }

    .l-footer .block-info .info {
      line-height: 1.4;
      margin-left: 0;
      margin-top: 20px;
    }

    .copyright {
      font-family: 'Roboto', sans-serif;
      font-size: 1.2rem;
    }

    /*=======================================
    ページトップへ
    =========================================*/
    .l-pagetop { position: fixed; right: 15px; bottom: 60px; width: 45px; z-index: 999; border-radius: 50%; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}

    #container {
      padding-top: 60px;
      padding-bottom: 50px;
    }
  }


/* ボタン */
.c-btn {text-align: center;}
.c-btn a {display: inline-block;width: 100%;padding: 14px 30px;text-decoration: none;transition: 0.1s;box-sizing: border-box;text-align: center;font-size: 1.8rem;}
.c-btn a:hover {opacity: 0.8;}
.c-btn.-alt a {color: #fff;background-color:var(--subthemecolor);}
.c-btn01 {margin-top: 35px;text-align: left;}
.c-btn01 a {max-width: 210px;border: 1px solid currentColor;padding: 14px 30px;position: relative;}
.c-btn01 a::after {content: "";display: inline-block;vertical-align: middle;margin-left: 10px;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 6px;border-color: transparent transparent transparent #222;}
.c-btn01 a span {display: inline-block;vertical-align: middle;}
.c-btn02 a {text-align: left;background: url(../../images/common/btn-arrow.svg) left center no-repeat;background-size: 3rem 1.6rem;max-width: 300px;padding: 15px 10px 15px 4rem;line-height: 2;}
.btn-contact a {background-color: #222222;color: #fff;max-width: 200px;padding: 18px 10px;font-weight: bold;letter-spacing: 0.05em;font-size: 1.7rem;font-size: 94.444%;}
.btn-contact a span {vertical-align: middle;}
.btn-contact a::before {content: "";display: inline-block;width: 23px;height: 16px;background: url(../../images/common/icon-mail.svg) center no-repeat;background-size: contain;vertical-align: middle;margin-right: 0.3em;}
.btn-contact.-tel a::before {background: url(../../images/common/icon-tel.svg) center no-repeat;}

@media screen and (max-width:896px),(max-width:896px) and (orientation:landscape){
  .btn-contact a{padding: 18.5px 10px;}
  .btn-contact a::before{height: 23px;}
}