@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

*, *::before, *::after {
    box-sizing: border-box;
}

html{
    font-size: 10px;
}

img {
  max-width: 100%;
}

body{
  margin: 0;
  font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.4rem;
  position: relative;
}


/*PCのみ、SPのみで表示*/

@media (min-width: 769px) {
  .pc-none {
    display: none !important; } }

@media (max-width: 768px) {
  .sp-none {
    display: none !important; } }

/*基本スタイル*/

@media (min-width: 769px) {

  .main{
    max-width: 1920px;
    line-height: 1;
    width: 100%;
    overflow: hidden;
    color: #111111;
    }

  .inner-content{
    max-width: 750px;
    margin: 0 auto;
    }

    /*header*/
    .header::after{
      content: "";
      display: block;
      clear: both;
    }

    .header .hd-logo{
      width: 144px;
      float: left;
      margin: 20px 0 0 30px;
    }

    .header .conversion{
      float: right;
      margin: 20px 30px 20px 0 ;
      display: flex;
    }

    .header .telephone{
      width: 440px;
    }

    /*MV*/
    .mv{
      width: 100%;
      background: url(../img/main-bg.jpg) no-repeat top center;
      background-size: cover;
      padding: 86px 0;
      position: relative;
      overflow: hidden;
    }

    .mv .illust{
      position: absolute;
      width: 172px;
      bottom: 0;
      left: 50%;
      margin-left: -453px;;
    }

    .mv-txt-area {
      position: relative;
      width: 56.8081%;
      max-width: 776px;
      min-width: 750px;
      margin: 0 auto;
    }

    .mv-txt-area .mv-txt{
      width: 100%;
    }

    .mv-txt-area .btn{
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 40px;
      left: 0;
      margin-top: 29.1237%;
    }

    .mv-txt-area .btn a{
      vertical-align: middle;
      text-decoration: underline;
    }

    .mv-txt-area .btn::before{
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 0 3px 5.2px;
      border-color: transparent transparent transparent #000;
      margin-right: 0.3em;
      vertical-align: middle;
    }

    .mv-txt-area .subtxt{
      position: absolute;
      width: 306px;
      top: 0;
      left: 50%;
      margin-top: -4.639%;
      margin-left: 15.463%;
    }

    .goodpoint{
      background-color: #f9f5f2;
      padding: 34px 0 60px;
    }

    .basic-ttl{
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      background: url(../img/ttl-decoration.png) no-repeat top center;
      padding: 48px 0 26px;
      border-bottom: 3px solid #000;
    }

    .basic-ttl .txt-l{
      font-size: 34px;
      margin-left: 0.2em;
    }

    .basic-ttl span{
      vertical-align: middle;
    }

    .point-block{
      margin-top: 20px;
      padding: 30px 0;
      background-color: #fff;
    }

    .point-block .point-ttl-area{
      padding: 0 40px;
    }

    .point-block .point-ttl-area .point-ttl{
      font-size: 24px;
      line-height: 1.5;
      margin-bottom: 0.5em;
      font-weight: bold;
    }

    .point-block .point-ttl-area .point-txt{
      line-height: 1.5;
      margin-bottom: 30px;
    }

    .point-block .point-ttl-area .point-illust{
      float: left;
      width: 150px;
      margin-top: 20px;
    }

    .point-block .point-ttl-area::after{
      content: "";
      display: block;
      clear: both;
    }

    .point-block .point-img{
      margin: 0 auto;
      text-align: center;
    }

    .point-block.mirable{
      color: #fff;
      background-color: #111111;
    }

    .point-block.mirable .point-ttl-area{
      text-align: center;
    }

    .point-block.mirable .point-ttl-area .point-ttl span{
      display: inline-block;
      width: 126px;
      vertical-align: middle;
      margin-right: 0.5em;
    }

    .point-block.mirable .point-img:nth-of-type(2){
      width: 710px;
      margin: 20px auto 0;
    }

    .point-block.point01{
      background: #f2eae4;
    }


    .point-block.point01 .point-img:nth-of-type(2){
      width: 330px;
      margin: 30px auto 0;
    }

    .point-block.point02{
      background: #ededed;
    }

    .point-block.point01 .point-ttl .color{
      color:#b88169;
    }

    .point-block.point02 .point-ttl .color{
      color:#6389b4;
    }

    .goodpoint .column{
      display: flex;
      justify-content: space-between;
    }

    .goodpoint .column .point-block{
      width: 370px;
    }

    .point-block.point03{
      background: #f1e9ea;
    }

    .point-block.point03 .point-ttl-area .point-illust{
      float: right;
      width: 73px;
      margin-top: 0;
      margin-right: 10px;
    }

    .point-block.point03 .point-ttl-area .point-ttl{
      font-size: 20px;
    }

    .point-block.point03 .point-ttl-area .point-subttl{
      line-height: 1.5;
      color: #955595;
      margin-bottom: 0.5rem;
    }

    .point-block.point03 .point-ttl-area .point-txt{
      margin-bottom: 20px;
    }

    .point-block.point03 .point-ttl .color{
      color:#955595;
    }

    .point-block.point03 .point-img{
      width: 290px;
      margin: 0 auto;
      border-top: 1px solid;
      padding-top: 20px;
    }

    .point-block.point04{
      background: #f8e9e4;
      padding: 30px;
    }

    .point-block.point04 .point-ttl{
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      display: inline-block;
    }

    .point-block.point04 .point-subttl{
      line-height: 1.5;
      color: #d7614a;
      margin-bottom: 0.5rem;
      display: inline-block;
    }

    .point-block.point04 .point-ttl .color{
      color:#d7614a;
    }

    .point-block.point05{
      background: #ecedeb;
      padding: 30px 0 30px 30px;
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-end;
    }

    .point-block.point05 .point-ttl{
      font-size: 20px;
      font-weight: bold;
      display: inline-block;
      width: 180px;
      line-height: 1.5;
      padding-bottom: 30px;
    }

    .point-block.point05 .point-img{
      width: 130px;
      margin-right: 0;
      margin-bottom: -30px;
    }

    .point-block.point05 .point-ttl .color{
      color:#529494;
    }

    .seminor{
      background: #f9f5f2;
      padding-bottom: 60px;
    }

    .seminor .basic-ttl{
      padding: 46px 0 20px;
    }

    .seminor .basic-ttl span{
      vertical-align: middle;
    }

    .seminor .basic-ttl .ttl-icon{
      display: inline-block;
      width: 55px;
      margin-left: 0;
      margin-right: 20px;
    }

    .seminor-list .seminor-item{
      background: #fff;
      margin-top: 20px;
      padding: 40px;
    }

    .seminor-list .seminor-item .column{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom:20px;
    }

    .seminor-list .seminor-item .column .img{
      width: 128px;
    }
    .seminor-list .seminor-item .ttl-area{
      width: 510px;
      line-height: 1.5;
    }

    .seminor-list .seminor-item .ttl-area .icon{
      float: left;
      width: 62px;
      margin-right: 20px;
      margin-bottom: 15px;
    }

    .seminor-list .seminor-item .ttl-area::after{
      content: "";
      display: block;
      clear: both;
    }

    .seminor-list .seminor-item .ttl-area .ttl{
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 0.5em;
    }

    .seminor-list .seminor-item .info-place {
      width: 100%;
    }

    .seminor-list .seminor-item .info-place td{
      padding: 1em;
      border: 1px solid #e8e6e6;
    }

    .seminor-list .seminor-item .info-place .color{
      background: #f3f3f3;
      text-align: center;
      line-height: 100%;
      vertical-align: middle;
      width: 15%;    
    }
    .seminor-list .seminor-item .info-place .place-name{
      line-height: 1.7;
      font-size: 16px;
      font-weight: bold;
    }

    .seminor-list .seminor-item .info-place .detail,.seminor-list .seminor-item .info-place .caution{
      font-size: 12px;
      line-height: 1.5;
    }

    .seminor-list .seminor-item .info-place .data{
      font-weight: bold;
      color: #b88169;
      line-height: 1.7;
    }

    .seminor-list .seminor-item:nth-child(3) .info-place td span{
      display: block;
    }

    .seminor-list .seminor-item:nth-child(3) .ttl-area .icon{
      margin-bottom: 115px;
    }
    
    .seminor .seminor-cv{
      padding: 30px;
      margin-top: 20px;
      background: #2461ad;
    }

    .seminor .seminor-cv a{
      width: 100%;
      display: block;
    }

    .seminor .btn-basic{
      margin: 0 auto;
      margin-top: 30px;
    }

    .place{
      background: #f9f5f2;
      padding-bottom: 60px;
    }

    .place-list .place-item{
      background: #fff;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 30px;
      margin-top: 20px;
    }

    .place-list .place-item .date{
      width: 16.417%;
      background: #6389b4;
      padding: 20px;
      border-radius: 8px;
      color: #fff;
      font-weight: bold;
      line-height: 1.5;
      font-size: 18px;
      text-align: center;
    }

    .place-list .place-item .date.color2{
      background-color: #ba6c6c;
    }

    .place-list .place-item .date .subtxt{
      font-weight: normal;
      font-size: 12px;
    }


    .place-list .place-item .date .subtxt.time{
      font-weight: bold;
      font-size: 13px;
    }

    .place-list .place-item .detail-area{
      width: 51.9%;
    }

    .place-list .place-item .img{
      width: 24.277%;
    }

    .place-list .place-item .detail-area .txt{
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
    }

    .place-list .place-item .detail-area .txt .subtxt{
      font-size: 14px;
      display: inline-block;
      margin-bottom: 10px;
    }

    .place-list .place-item .detail-area .txt .detail{
      font-size: 14px;
      font-weight: normal;
      display: block;
      margin-bottom: 20px;
    }

    .place-list .place-item .btn-list{
      display: flex;
    }

    .place-list .place-item .btn-list .btn-basic{
      margin-right: 10px;
    }

    .place-list .place-item .maparea{
      margin-left: -30px;
      margin-top: 30px;
    }

    .btn-basic{
      width: 155px;
      border: 1px solid;
      font-size: 13px;
    }

    .btn-basic a{
      display: block;
      padding:10px;
      width: 100%;
      text-align: center;
      position: relative;
    }

    .btn-basic a::after{
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 0 3px 5.2px;
      border-color: transparent transparent transparent #000;
      position: absolute;
      top: 50%;
      right: 0;
      margin: -3px 10px 0 0;
    }

    .shop-event {
      background: #e5eff5;
      padding: 60px 0;
    }

    #shop-area .shop-area-ttl{
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 30px;
    }

    #shop-area .shop-info{
      background: #fff;
      padding: 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #shop-area .shop-info .column-left{
      width: 278px;
    }

    #shop-area .shop-info .column-right{
      width: 382px;
    }

    #shop-area .shop-info .column-right .subttl{
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 1em;
      color: #2461ad;
    }

    #shop-area .shop-info .column-right h4{
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 1em;
    }

    #shop-area .shop-info .column-right .address{
      line-height: 1.5;
      margin-bottom: 1em;
    }

    #shop-area .shop-info .column-right .btn-basic{
      width: 200px;
    }

    .footer{
      background: #2461ad;
      padding: 40px 0 0;
    }

    .footer .cv{
      width: 750px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .footer .cv .logo{
      width: 166px;
    }

    .footer .cv .logo a{
      display: block;
    }

    .footer .cv .tel{
      width: 538px;
    }

    .copyright{
      background: #fff;
      font-size: 13px;
      text-align: center;
      padding: 30px 0;
      margin-top: 40px;
    }


}