@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
  --col-grey_thin:#EEEEEE;
  --col-grey_thin2:#F7F7F7;
  --col-grey:#767676;
  --col-grey_thin:#F9F9F9;
  --col-black:#333333;
  --col-orange:#FF9771;
  --col-orange_strong:#FF8255;
  --col-orange_thin:#FFEBE3;
  --col-white: #fff;
  --col-blue_thin:#BFD4D5;
}

/* common */
#content{
  margin-top: 24px;
}
.mobile-menu-buttons{
  display: none;
}
.txtEng{
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}
.txtOrange{
  color: var(--col-orange);
}
.go-to-top{
  display: none !important;
}
.pc-none{
  display: none;
}
@media(max-width:1000px){
  #container{
    margin-bottom: 24px;
  }
  #content{
    margin-top: 0;
  }
}
@media(max-width:768px){
  .pc-none{
    display: block;
  }
  .sp-none{
    display: none;
  }
  #content{
    margin-top: 40px;
  }
}


/* .linkBtn */
.linkBtn{
  display: inline-block;
  border:solid 1px var(--col-black);
  padding: 2px 40px 4px;
  border-radius: 50px;
  box-sizing: border-box;
  color: var(--col-black);
  position: relative;
  transition: .3s;
  font-weight: 700;

  &:before{
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: url(../img/linkBtn-cyrcle.svg)no-repeat center center / contain;
    position: absolute;
    top:0;
    right: 12px;
    z-index: 2;
    transition: .3s;
  }

  &:after{
    content: '';
    display: block;
    width: 17px;
    height: 100%;
    background: url(../img/linkBtn-line.svg)no-repeat center center / contain;
    position: absolute;
    top:0;
    right: 12px;
    z-index: 1;
    transition: .3s;
    opacity: 0;
  }

  &:hover{
    border:solid 1px var(--col-orange_strong);
    color: var(--col-orange_strong);

    &:before{
      right: 19px;
    }

    &:after{
      opacity: 1;
      right: 9px;
    }
  }

  & span {
    display: inline-block;
    line-height: 1.4;
    font-size:15px;
    transition: 0s;
  }
}

.linkBtn--black{
  background: var(--col-black);
  color: var(--col-white);

  &:hover {
    background:var(--col-white);
  }
}

.linkBtn--large{
  padding: 13px 63px;

  & span{
    font-size: 16px;

    &:before{
      right: 14px;
    }

    &:after{
      right: 14px;
    }

    &:hover{

      &:before{
        right: 24px;
      }
  
      &:after{
        right: 14px
      }
    }
  }
}

@media(max-width:768px){
  
  /* .linkBtn */
  .linkBtn{
    padding: 2px 20px 4px;
    text-align: center;

    &:before{
      right: 15px;
    }

    &:hover{
      &:before{
        right: 15px;
      }

      &:after{
        opacity: 0;
      }
    }

    & span {
      display: inline-block;
      line-height: 1.4;
      font-size:14px;
      transition: 0s;
    }
  }

  .linkBtn--large{
    padding:16px 40px;

    & span{
      font-size: 14px;
      font-weight: 600;
    }

    &:before{
      width: 15px;
      right: 20px;
    }

    &:after{
      right: 20px;
    }

    &:hover{

      &:before{
        right: 20px;
      }
  
      &:after{
        right: 20px
      }
    }
  }
}

  /* .header */
.header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 100%;
  padding: 24px 50px;
  box-sizing: border-box;
  background: var(--col-white);
  line-height: 1;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;

  & .header__logo{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    
    & img{
      display: inline-block;
      width: 200px;
      max-width: 200px;
      margin-right: 10px;
    }
  }

  & .header__nav{
      display: flex;
      justify-content: flex-end;
      align-content: center;
      align-items: center;
      flex-wrap: wrap;

      & > ul{
        display: flex;
        justify-content: flex-end;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        margin-right: 30px;

        & li {
          display: inline-block;
          font-size: 15px;
          font-weight: 400;
          margin-left: 25px;
          position: relative;

          &:first-child{
            margin-left: 0;
          }
          
          &.pc-none{
            display: none;
          }

          &:hover {
            & a{
              & ~ .head-child{
                opacity: 1;
                transform: translateY(0) scaleY(1);
              }
            }
          }

          & a{
            position: relative;
            transition: .3s;
            font-weight: 600;
            color: var(--col-black);
            text-decoration: none;

            &:hover{
              color: var(--col-orange);
            }

            &:before{
              content: '';
              display: block;
              width: 0;
              height: 1px;
              background: var(--col-orange_strong);
              position: absolute;
              left: 0;
              bottom: -5px;
              transition: .3s;
            }

            &.linkTab{
              padding-right: 15px;
              &:after{
                content: '';
                display: block;
                width: 10px;
                height:100%;
                background: url(../img/icon/tab-bla.svg)no-repeat center center / contain;
                position: absolute;
                right: 0;
                bottom: 0;
                transition: .3s;
              }
            }

            & ~ .head-child{
              display: block;
              width: 250px;
              background:var(--col-orange_thin);
              position:absolute;
              padding: 10px 20px;
              transition: .3s;
              opacity: 0;
              transform: translateY(-10px) scaleY(0);
              transform-origin: top left;
              z-index: 2;
              margin-top: 5px;

              & li{
                display: block;
                width: 100%;
                padding: 5px 0;
                margin: 0;
              }
            }
            
            &.head-parent02{
              & ~ .head-child {
                width: 155px;
              }
            }

            &.head-parent03{
              & ~ .head-child {
                width: 200px;
              }
            }
          }
        }
    }

    & .linkBtn {
      margin-left: 7px;
    }
  }

  .head-close{
    display: none;
  }
}
.linkBtn--sp{
  display: none;
}
.headBtn{
  width: 140px;
  padding: 20px 10px 16px;
  border-radius: 0 0 10px 10px;
  background: #FF8255;
  text-align: center;
  box-shadow: 0 5px 0 #EB6433;
  margin-top: -42px;
  margin-left: 10px;
  transition: .3s;
  & span{
    display: inline-block;
    padding-left: 27px;
    background: url(../img/icon/mail.svg)no-repeat center left / 18px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
  }
}
@media(max-width:1470px){
  /* .header */
  .header {
    padding: 30px 50px;

    & .header__logo{
      font-size: 14px;
      
      & img{
        width: 180px;
        margin-right: 20px;
      }
    }

    & .header__nav{

        & > ul{
          margin-right: 10px;

          li {
            font-size: 14px;
            margin-left: 19px;

            &:first-child{
              margin-left: 0;
            }

            & a{
              & ~ .head-child{
                width: 225px;
              }
              
              &.head-parent02{
                & ~ .head-child {
                  width: 140px;
                }
              }
  
              &.head-parent03{
                & ~ .head-child {
                  width: 185px;
                }
              }
            }
          }
      }

      & .linkBtn {
        margin-left: 7px;

        & span{
          font-size: 14px;
        }
      }
    }
  }

  /* .footer */
  .footerLinklist{
    margin-right: 100px;
  }
}
.hide .headBtn{
  padding: 10px;
  margin-top: -18px;
}

@media(hover:hover){
  .headBtn:hover{
    background: #FF6730;
    }
}
@media(max-width:1310px){
  .headBtn{
    width: 120px;
  }
}
@media(max-width:1200px){
  .hide .headBtn{
    margin-top: -13px;
  }
}
@media(max-width:1000px){
  .linkBtn--sp{
    display: none;
  }
  .headBtn{
    display: none;
  }
}
@media(hover:hover){
  
/* .header */
.header {
  & .header__nav{

      & > ul{

        & li {

          & a{

            &:hover{
              color: var(--col-orange_strong);

              &:before{
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
}

@media(min-width:1001px){
  /* .header */
  .header {
    max-height: 90px;
    position: fixed;
    top:0;
    left: 0;
    z-index: 999;
    transition: .3s;
    transform: translateY(0);
    &.hide{
      height: 50px;
      padding-top: 10px;
      padding-bottom: 10px;
      background: var(--col-white);
      box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    }

    &.bg-white{
      background: var(--col-white);
    }
    & .header__nav {
      & > ul {
          & li {
              & a {

                &.linkTab{
                  &:hover{
                    &::after{
                      background: url(../img/icon/tab-ora.svg)no-repeat center center / contain;
                    }
                  }
                }
              }
          }
      }
    }
  }
}

@media(max-width:1470px){
  /* .header */
  .header {
    padding: 30px 50px;

    & .header__logo{
      font-size: 14px;
      
      & img{
        width: 160px;
        margin-right: 12px;
      }
    }

    & .header__nav{

        & > ul{
          margin-right: 10px;

          li {
            font-size: 14px;
            margin-left: 15px;

            &:first-child{
              margin-left: 0;
            }

            & a{
              & ~ .head-child{
                width: 225px;
              }
              
              &.head-parent02{
                & ~ .head-child {
                  width: 140px;
                }
              }
  
              &.head-parent03{
                & ~ .head-child {
                  width: 185px;
                }
              }
            }
          }
      }

      & .linkBtn {
        margin-left: 7px;

        & span{
          font-size: 14px;
        }
      }
    }
  }
}

@media(max-width:1290px){
  /* .header */
  .header {
    padding: 30px 50px;

    & .header__logo{
      font-size: 12px;
      
      & img{
        width: 160px;
        margin-right: 10px;
      }
    }

    & .header__nav{

        & > ul{
          margin-right: 5px;

          li {
            margin-left: 15px;

            &:first-child{
              margin-left: 0;
            }
          }
      }

      & .linkBtn {
        padding-left: 35px;
        padding-right: 35px;
      }
    }
  }
}

@media(max-width:1280px){
  /* .header */
  .header {
    padding: 30px 25px;
  }
}
@media (max-width:1200px){

  /* .header */
  .header {

    & .header__logo {
      font-size: 10px;

      & img {
          width: 140px;
      }
    }

    & .header__nav{

        & > ul{

          li {
            font-size: 12px;

            & a{
              & ~ .head-child{
                width: 200px;
              }
              
              &.head-parent02{
                & ~ .head-child {
                  width: 125px;
                }
              }
  
              &.head-parent03{
                & ~ .head-child {
                  width: 165px;
                }
              }
            }
          }
      }
    }

    & .header__nav {
      & .linkBtn {
        padding: 2px 35px 4px;
        font-size: 12px;
        & span{
          font-size: 12px;
        }
      }
    }
  }
}

@media(max-width:1100px){
     /* .header */
    .header {
      padding: 30px 15px;

      & .header__logo{
        
        & img{
          width: 120px;
          margin-right: 8px;
        }
      }

      & .header__nav{

          & > ul{

            li {
              margin-left: 8px;

            }
        }
      }
    }
}

@media (max-width:1000px){
  /* .header */
  .header {
    padding: 18px 10px 15px;

    &:before{
      content:'';
      display: block;
      width: 0;
      height: 100vh;
      background: rgba(0,0,0,0.8);
      position: fixed;
      top:0;
      left: 0;
      z-index: 10;
      transition: .3s;
    }

    &.SPNav--active{
      &:before{
        width: 100vw;
      }

      & .head-close{
        display: block;
        width: 20px;
        height: 20px;
        position: fixed;
        top:14px;
        right: 14px;
        z-index: 11;
      }
    }

    & .header__nav{
      display: none;
      width: calc(100% - 55px);
      height: calc(100vh - 60px);
      align-content: flex-start;
      align-items: flex-start;
      padding-bottom: 25px;
      background: var(--col-white);
      overflow-y: scroll;
      position: fixed;
      top:0;
      left: 0;
      z-index: 11;

      & ul {
        display: block;
        margin: 0;

        & li{
          display: block;
          border-bottom: solid 1px #CCCCCC;
          margin: 0;

          &.pc-none{
            display: block;
          }

          & > a{
            display: block;
            padding: 20px;
            box-sizing: border-box;
            background: url(../img/icon/arrow.svg)no-repeat center right 16px / 7px;
            line-height: 1.2;
            font-size: 16px;
            font-weight: 600;
            position: relative;

            &::before{
              display: none;
            }

            &.linkTab{
              background: none;

              &:after{
                width: 12px;
                background: url(../img/icon/tab-ora.svg)no-repeat center center / contain;
                right:15px;
              }
            }

            &.head-parent{
              background: url(../img/icon/tgl-off.svg)no-repeat center right 15px / 13px;

              &.tgl-on{
                background: url(../img/icon/tgl-on.svg)no-repeat center right 15px / 13px;
              }
            }
          }

          & a{

            &.head-parent02{
              & ~ .head-child {
                width: 100%;
              }
            }

            &.head-parent03{
              & ~ .head-child {
                width: 100%;
              }
            }

            & ~ .head-child{
              display: none;
              width: 100%;
              padding:0;
              background: none;
              position: relative;
              opacity: 1;
              transition: inherit;
              transform: translateY(0px) scaleY(1);
              margin-top: 0;

              & li {
                padding: 0 0 15px 25px;
                box-sizing: border-box;
                border:none;

                & a{
                  padding:0;
                  font-size: 14px;
                  font-weight: 400;
                }
              }
            }
          }
        }
      }

      & > ul{
        margin-bottom: 23px;
      }

      & .linkBtn {
        display: block;
        width: calc(100% - 50px);
        padding-top: 14px;
        padding-bottom: 14px;
        text-align: center;
        margin: 0 auto 14px;

        & span{
          font-size: 16px;
          font-weight: 600;
        }
      }
    }

    & .header__logo {
      font-size: 12px;

      & img{
        width: 138px;
        margin-right: 10px;
      }
    } 
  }

  /* .spNav */
  .spNav {
    display: block;
    width: 100%;
    height: 60px;
    background: var(--col-grey_thin);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;

    & ul {
      display: flex;
      width: 100%;
      height: 100%;
      padding: 0;

      & li {
        width: calc(100% / 3);
        border-left: solid 1px #CCCCCC;
        box-sizing: border-box;
        list-style: none;

        &:first-child{
          border-left: none;
        }

        & .spNav__btn{
          display: flex;
          justify-content: center;
          align-content: flex-end;
          align-items: flex-end;
          flex-wrap: wrap;
          width: 100%;
          height: 100%;
          padding:11px 10px 8px;
          box-sizing: border-box;
          text-align: center;
          text-decoration: none;
          position: relative;
          cursor: pointer;

          &.spNav__btn--menu{
            transition: 0s;

            &:before{
              content: '';
              display: block;
              width: 16px;
              height: 12px;
              background: url(../img/icon/menu.svg)no-repeat center center / contain;
              margin: 0 auto 8px;
            }

            &.SPNav--active{
              color: var(--col-orange);

              &:before{
                background: url(../img/icon/menu-ora.svg)no-repeat center center / contain;
              }
            }
          }

          &.spNav__btn--file{
            &:before{
              content: '';
              display: block;
              width: 16px;
              height: 22px;
              background: url(../img/icon/file.svg)no-repeat center center / contain;
              margin: 0 auto 3px;
            }
          }

          &.spNav__btn--chat{
            &:before{
              content: '';
              display: block;
              width: 22px;
              height: 22px;
              background: url(../img/icon/chat.svg)no-repeat center center / contain;
              margin: 0 auto 3px;
            }
          }

          & span{
            display: block;
            width: 100%;
            line-height: 1.4;
            font-size: 11px;
            font-weight: 600;
            color: var(--col-black);
          }
        }
      }
    }
  }
}

@media (max-width:768px){
  
  /* default */
  .pc-none{
    display: block;
  }
  .sp-none{
    display: none;
  }

  /* .linkBtn */
  .linkBtn{
    padding: 2px 20px 4px;
    text-align: center;

    &:before{
      right: 15px;
    }

    &:hover{
      &:before{
        right: 15px;
      }

      &:after{
        opacity: 0;
      }
    }

    & span {
      display: inline-block;
      line-height: 1.4;
      font-size:14px;
      transition: 0s;
    }
  }

  .linkBtn--large{
    padding:16px 40px;

    & span{
      font-size: 14px;
      font-weight: 600;
    }

    &:before{
      width: 15px;
      right: 20px;
    }

    &:after{
      right: 20px;
    }

    &:hover{

      &:before{
        right: 20px;
      }
  
      &:after{
        right: 20px
      }
    }
  }

  /* .header */
  .header {

    & .header__nav{

      & ul {

        & li{

          & > a{

            &:hover{
              color: var(--col-black);
            }
          }
        }
      }
    }
  }
}

/* .footer */
.footer{
  padding: 0;
  background: var(--col-black);
  color: var(--col-white);
  margin-top: 0;
  & a{
    color:var(--col-white);
    text-decoration: none;
  }

  & .footer__copyright{
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: var(--col-white);
    text-align: center;
    font-size: 12px;
    color: #989898;
  }
}
.footerWrapper{
  display: flex;
  justify-content:space-between;
  padding: 45px 50px 65px;
  box-sizing: border-box;
}
.footerCompany{
  font-weight: 400;
  margin-right: 160px;

  & .footerCompany__logo{
    display: block;

    & img{
      width: 190px;
      margin-bottom: 10px;
    }

    & span{
      display: block;
      font-size: 14px;
      margin-bottom: 60px;
    }
    
    & a{
      &:before{
        content: none;
      }
    }
  }
  & .footerCompany__txt{
    line-height: 1.8;
    font-size: 13px;
    margin-bottom: 10px;
  }

  & a{
    display: inline-block;
    padding-right: 19px;
    line-height: 1;
    font-size: 13px;
    text-decoration: underline;
    position: relative;

    &:before{
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      background: url(../img/icon/tab.svg)no-repeat center center / contain;
      position: absolute;
      right: 0;
      bottom:0;
      transition: .3s;
    }
  }
}
.footerContent{
  display: flex;
  justify-content: flex-start;
  width: calc(95% - 365px);
}
.footerLinklist{
  padding-left: 0;
  margin-right: 120px;

  &:last-child{
    margin-right: 0;
  }

  & > li {
    text-decoration: none;
    list-style: none;
    margin: 0 0 50px 0;
    margin: 0 0 66px 0;
  }

  & .footerLinklist__parent{
    display: inline-block;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
    /*margin-bottom: 16px;*/
  }

  & .footerLinklist__child{
    padding-left: 16px;
    box-sizing: border-box;
    border-left: solid 1px #707070;
    margin-top: 16px;
    & li {
      list-style: none;
      & a{
        font-size: 14px;
        color: #CCCCCC;
      }
    }
  }
}
@media(hover:hover){
  /* .footer */
  .footer{
    & a{
      transition: .3s;

      &:hover{
        color: var(--col-orange);
      }
    }
  }

  .footerCompany {
    & a {

      &:hover{
        &:before {
          background: url(../img/icon/tab-ora.svg) no-repeat center center / contain;
        }
      }
    }
  }

  .footerLinklist {
    & .footerLinklist__child {
      & li {
        & a {

          &:hover{
            color: var(--col-orange);
          }
        }
      }
    }
  }
}
@media(max-width:1520px){
  /* .footer */
  .footerContent{
    width: calc(95% - 272px);
  }
  .footerCompany{
    margin-right: 5%;
  }
}
@media(max-width:1470px){
  /* .footer */
  .footerLinklist{
    margin-right: 100px;
  }
}
@media (max-width:1360px){

  /* .footer */
  .footerContent{
    justify-content: space-between;
  }
  .footerLinklist{
    margin-right: 0;
  }
}
@media (max-width:1200px){
  /* .footer */
  .footerContent{
    width: calc(97% - 245px);
  }
  
  .footerCompany {
    margin-right: 3%;

    & .footerCompany__logo {
      & span {
          margin-bottom: 40px;
      }
    }
    & .footerCompany__txt {
      font-size: 11px;
    }
  }

  .footerLinklist {
    & > li {
        margin: 0 0 20px 0;
    }

    & .footerLinklist__parent{
      font-size: 13px;
    }

    & .footerLinklist__child {
      & li {
        & a {
            font-size: 13px;
        }
      }
    }
  }
}
@media (max-width:1000px){
  /* .footer */
  .footer{

    & .footer__copyright{
      padding: 10px;
      line-height: 1;
      font-size: 12px;
    }
  }
  .footerWrapper{
    flex-direction: column-reverse;
    padding: 40px 25px;
  }
  .footerCompany{
    margin-right: 0;

    & .footerCompany__logo{
      max-width: 205px;

      & img{
        margin-bottom: 15px;
      }

      & span{
        font-size: 15px;
        margin-bottom: 35px;
      }
    }
    & .footerCompany__txt{
      font-size: 14px;
      margin-bottom: 10px;
    }

    & a{
      display: inline-block;

      &:before{
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        background: url(../img/icon/tab.svg)no-repeat center center / contain;
        position: absolute;
        right: 0;
        bottom:0;
      }
    }
  }
  .footerContent{
    display: block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: solid 1px #818181;
    margin-bottom: 40px;
  }
  .footerLinklist{

    & > li {
      margin:0 0 25px;

      &.pc-none{
        display: block;
      }

      &:last-child{
        margin-right: 0;
      }
    }

    & .footerLinklist__parent{
      font-size: 16px;
      margin-bottom: 0;
    }

    & .footerLinklist__child{
      padding-left: 10px;
      margin-top: 8px;

      & li {
        & a{
          font-size: 14px;
        }
      }
    }
  }
}

@media (max-width:768px){
  /* .footer */
  .footer{
    margin-bottom: 60px;
  }
}


/* categories-side */
#categories-side {
  line-height: 1;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
}
#categories-side h3{
  display: block;
  padding-bottom: 15px;
  border-bottom: solid 1px #EFEFEF;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
#categories-side ul li a{
  padding: 10px 0;
  transition: .3s;
}
@media(min-width:1001px){
  #categories-side ul li a:hover{
    background: none;
    color: var(--col-orange);
  }
}

/* .sidebar-scroll */
.sidebar-scroll{
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  top:100px;
}

/* #media_image-2 */
#media_image-2 a {
  display: block;
  margin-bottom: 10px;
}

/* .sec-contact */
.sec-contact{
  background: var(--col-orange_thin);
  border-bottom: solid 6px var(--col-orange);
  position: relative;

  &:before{
    content: '';
    display: block;
    width: 493px;
    max-width: 33%;
    height: 392px;
    background: url(../img/footer-bg-right.svg)no-repeat top right / contain;
    position: absolute;
    top:0;
    right: 0;
    z-index: 1;
  }

  &:after{
    content: '';
    display: block;
    width: 500px;
    max-width: 33%;
    height: 421px;
    background: url(../img/footer-bg-left.svg)no-repeat left bottom / contain;
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 1;
  }

  & .sectionInner{
    padding-top: 58px;
    padding-bottom: 70px;
    text-align: center;
    position: relative;
    z-index: 2;

    & .contact__txt{
      line-height: 1.8;
      font-weight: 400;
      margin-bottom:50px;
    }
  }
}

.contactTtl{
  line-height: 1.2;
  font-size:32px;
  margin-bottom: 30px;

  & .txtEng{
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px;
  }

  & span:last-of-type{
    display: inline-block;
    padding-bottom: 13px;
    position: relative;

    &:before{
      content: '';
      width: 100%;
      height: 12px;
      background: url(/img/top/contact-line.svg)no-repeat right bottom / contain;
      position: absolute;
      right: 15px;
      bottom: 0;
    }

    &:after{
      background: var(--col-orange_thin);
    }
  }
}

.contactWrapper{
  display: flex;
  justify-content: center;

  & li{
    list-style: none;
    margin: 0 23px;

    & .linkBtn{
      background: var(--col-white);
    }
  }
}

@media (max-width:768px){
 /* .sec-contact */
  .sec-contact{
    border-bottom: solid 3px var(--col-orange);

    &:before{
      width: 132px;
      max-width: 100%;
      height: 102px;
    }

    &:after{
      width: 145px;
      max-width: 100%;
      height: 127px;
    }

    & .sectionInner{
      padding: 40px 10px;

      & .contact__txt{
        font-size: 14px;
        margin-bottom:25px;
      }
    }
  }

  .contactTtl{
    line-height: 1.4;
    font-size:20px;
    margin-bottom: 20px;

    & .txtEng{
      font-size: 13px;
      margin-bottom: 5px;
    }

    & span:last-of-type{
      display: inline-block;
      padding-bottom: 8px;
      position: relative;
      margin-bottom:3px;

      &::before{
        content: '';
        display: block;
        width: 75%;
        height: 10px;
        background: url(../../img/top/contact-line.svg)no-repeat right bottom / contain;
        position: absolute;
        right: 0;
        bottom: 0;
      }
    }
  }

  .contactWrapper{
    display: flex;
    justify-content: space-between;

    & li{
      width: calc(50% - 15px);
      margin: 0 ;

      & .linkBtn{
        width: 100%;
        padding-top: 13px;
        padding-bottom: 13px;
        background: var(--col-white);
      }
    }
  }

}