@charset "UTF-8";
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 2em; }

  a[href^="tel:"] {
    pointer-events: none; }

  /*ページ共通*/
  .pc-block {
    display: block !important; }

  .smp-block {
    display: none !important; }

  header {
    /**/ }
    header div h1 {
      width: 235px;
      margin: 0 0 0 72%; }

  section {
    /*box02*/
    /*box03*/ }
    section.box01 {
      padding: 80px 0 40px 0; }
      section.box01 h2 {
        width: 84%;
        max-width: 416px;
        margin: 0 auto; }
      section.box01 p {
        padding: 40px 0;
        text-align: center;
        color: #151a5a;
        line-height: 1.8em; }
    section.box02 {
      /*box02-inbox01*/ }
      section.box02 div#box02-inbox01 {
        background: url("../img/bg01.jpg") no-repeat center top;
        background-size: cover;
        padding: 20px 0 50px 0;
        /*ul*/ }
        section.box02 div#box02-inbox01 h2 {
          width: 411px;
          margin: 0 auto; }
        section.box02 div#box02-inbox01 ul {
          max-width: 970px;
          margin: 0 auto;
          padding: 0;
          padding-top: 55px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          /*li*/ }
          section.box02 div#box02-inbox01 ul li {
/*            width: 28.8%;*/ 
            width: 45%;
            margin-bottom: 30px;
          }
          section.box02 div#box02-inbox01 ul li:nth-child(2) ,
          section.box02 div#box02-inbox01 ul li:nth-child(4) {
            margin-left: 6.8%;            
          }
            section.box02 div#box02-inbox01 ul li:first-child {
              margin-left: 0; }
/*             section.box02 div#box02-inbox01 ul li:nth-child(4) {
              margin-left: 0; }*/ 
            section.box02 div#box02-inbox01 ul li dl dt {
              padding-bottom: 10px; }
              section.box02 div#box02-inbox01 ul li dl dt.recommend01 {
                width: 142px; }
              section.box02 div#box02-inbox01 ul li dl dt.recommend02 {
                width: 156px; }
              section.box02 div#box02-inbox01 ul li dl dt.recommend03 {
                width: 162px; }
              section.box02 div#box02-inbox01 ul li dl dt.recommend04 {
                width: 150px; }
              section.box02 div#box02-inbox01 ul li dl dt.recommend05 {
                width: 187px; }
            section.box02 div#box02-inbox01 ul li dl dd {
              padding-top: 10px;
              border-top: solid 1px #c8a564;
              font-size: 14px;
              font-weight: bold;
              line-height: 1.8em;
              color: #FFF;
              text-align: justify; }
            section.box02 div#box02-inbox01 ul li:first-child dl dd {
              letter-spacing: normal; }
      section.box02 div#box02-inbox02 {
        background: #eaecee;
        padding-bottom: 60px; }
        section.box02 div#box02-inbox02 p {
          text-align: center;
          font-size: 1.1em;
          padding: 50px 0 30px 0; }
          section.box02 div#box02-inbox02 p span{
            max-width: 240px;
            margin-top: 40px;
          }
          section.box02 div#box02-inbox02 div.box02-inbox02-image{
            width: 80%;
            max-width: 800px;
            margin: 0 auto;
          }
        section.box02 div#box02-inbox02 ul {
          width: 90%;
          max-width: 906px;
          margin: 0 auto;
          display: flex;
          justify-content: center;
          /*li*/ }
          section.box02 div#box02-inbox02 ul li {
            margin-left: 5%;
            width: 45%;
            padding: 0px; 
          }
          section.box02 div#box02-inbox02 ul li:first-child {
            margin-left: 0;
          }
    section.box03 {
      padding-top: 0;
      /*dl*/ }
      section.box03 h2 {
        width: 156px;
        margin: 0 auto;
        padding-bottom: 40px; }
      section.box03 dl {
        width: 90%;
        max-width: 800px;
        padding-bottom: 50px;
        color: #FFF;
        display: flex;
        justify-content: space-between; }
        section.box03 dl dt {
          width: 50%;
          position: relative;
          padding: 2px 0 0 45px;
          margin-bottom: 15px; }
          section.box03 dl dt p {
            letter-spacing: -0.06em;
            line-height: 1.6em; }
          section.box03 dl dt span {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 34px; }
        section.box03 dl dd {
          width: 48%;
          position: relative;
          padding: 2px 0 0 45px; }
          section.box03 dl dd p {
            line-height: 1.6em; }
          section.box03 dl dd span {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 34px; }
      section.box03 p.txt {
        color: #FFF;
        text-align: center;
        padding-bottom: 60px; }

  /*section*/
  #tel-image {
    position: relative;
    padding: 50px 0; }
    #tel-image p {
      width: 456px;
      margin: 0 auto;
    }

  footer {
    background: url("../img/bg01.jpg") no-repeat center top -150px;
    /*div*/ }
    footer a {
      color: #FFF; }
    footer p#classg {
      width: 80%;
      max-width: 833px;
      margin: 0 auto;
      padding: 90px 0; }
    footer div {
      width: 100%;
      color: #FFF;
      padding: 20px 0;
      background: linear-gradient(180deg, rgba(14, 17, 45, 0.5), rgba(14, 17, 45, 0.7));
      /*dl*/ }
      footer div dl {
        display: flex;
        justify-content: space-between;
        max-width: 430px;
        margin: 0 auto; }
        footer div dl dt {
          width: 40%;
          margin: 0;
          padding-top: 15px;
          padding-bottom: 10px; }
        footer div dl dd {
          font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
          text-align: right;
          font-weight: bold;
          line-height: 1.5em;
          padding-top: 12px; }
          footer div dl dd span {
            font-size: 1.4em;
            font-weight: bold; }
      footer div p {
        text-align: center; }

  /*footer*/
  #footfix {
    display: none !important; } }
/**********/