@charset "utf-8";
/* CSS Document */

/* 全体見出しフォント設定 */
.catch{
/*font-family: "TrajanPro-Regular";*/
}
/*　メインビジュアルのcss*/
/*-------------------------------------------------------*/


/* blk01
/*-------------------------------------------------------*/
.blk01{
  position: relative;
  }

.blk01 .scenePhoto{
  background-color: #ccc;
  font-size: 0;
}
.blk01 .scenePhoto .i01{
  position: relative;
  display: inline-block;
  width: 25%;
  vertical-align: top;
  }
.blk01 .scenePhoto .num {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 0 6px;
  line-height: 1.5;
  }
.blk01 .title{
  display: block;
  width: 1110px;
  margin: 0 auto;
}
.blk01 .title .maincatch{
  font-size: 30px;
  line-height: 1.267;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 24px 0 27px;
}
.blk01 .cap{
  margin: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  }
@media screen and (max-width: 1120px){
  .blk01 .scenePhoto .num {
    font-size: 1.071vw;
    padding: 0 2.143%;
    }
  .blk01 .title{
    width: 99.107%;
  }
  .blk01 .title .maincatch{
    font-size: 2.678vw;
    padding: 2.143% 0 2.411%;
  }
  .blk01 .cap{
    margin:0.446% 0.893%;
    font-size: 1.071vw;
  }

}
@media screen and (max-width:768px){
  .blk01 .scenePhoto .num {
    font-size: 2.604vw;
    padding: 0 4.688%;
    }
  .blk01 .title{
    width: 89.583%;
  }
  .blk01 .title .maincatch{
    font-size: 4.688vw;

    text-align: center;
    padding: 3.592% 0 4.042%;
  }
  .blk01 .cap{
    width: 89.583%;
    margin:2.994% auto 0;
    font-size: 2.604vw;
    line-height: 1.4;
    }
}


/* blk02
/*-------------------------------------------------------*/
.blk02 .b01{
  width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.blk02 .catch{
  color: #111413;
  font-size: 50px;
  letter-spacing: 0.16em;
  line-height: 0.72;
  margin-top: 96px;
  margin-bottom: 79px;
}
.blk02 .copy{
  font-size: 30px;
  color: #111413;
  letter-spacing: 0.1em;
  line-height: 1.467;
  margin-bottom: 101px;
}
.blk02 .mapImg{
  position: relative;
  width: 1110px;
  margin: 0 auto 110px;
}

@media screen and (max-width: 1120px){
  .blk02 .b01{
    width: 99.107%;
  }
  .blk02 .catch{
    font-size: 4.464vw;
    margin-top: 8.571%;
    margin-bottom: 7.054%;
  }
  .blk02 .copy{
    font-size: 2.679vw;
    margin-bottom: 9.018%;
  }
  .blk02 .mapImg{
    width: 99.107%;
    margin: 0 auto 9.821%;
  }
}

@media screen and (max-width: 768px){
  .blk02 .b01{
    width: 89.583%;
  }
  .blk02 .catch{
    font-size:6.51vw;
    line-height: 1.2;
    margin-top:11.047%;
    margin-bottom: 8.576%;
  }
  .blk02 .copy{
    font-size: 3.906vw;
    margin-bottom: 13.517%;
  }
  .blk02 .mapImg{
    width: 89.583%;
    margin: 0 auto 4.360%;
  }
}

/* blk03
/*-------------------------------------------------------*/

.blk03{
  width: 1110px;
  margin: 0 auto 100px;
}
.tab{
  overflow:hidden;
  width: 100%;
  margin: 0 auto;
  border-bottom: 2px solid #c9b94f;
}
.tab:hover{
  cursor: pointer;
}
.tab li{
  width: 183px;
  font-size: 17px;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 21px 0;
  margin: 0 auto;
  margin-right: 2px;
  float:left;
  line-height: 1;
  position: relative;
}
.tab .s06{
  width: 145px;
  line-height: 1.176;
  margin: 0 auto;
  text-align: left;
  padding: 9px 0 12px 40px;
}
.blk03 .sup {
  vertical-align: super;
}
.tab .s01:before,.tab .s02:before,.tab .s03:before,
.tab .s05:before,.tab .s04:before{
  content: '';
  position: absolute;
  right: -2px;
  bottom: 8px;
  width: 2px;/*線の長さ*/
  height: 40px;/*線の太さ*/
  background-color: #ddd;/*線の色*/
}
.content{
  background:#efefef;
}
.content li{
  background:#efefef;
  padding-bottom: 50px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.tab li.select{
  background:#c9b94f;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.hide {
  display:none;
}
.blk03 .flexWrap{
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

.shopBox01 .s01{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-right: 10px;
}
.shopBox01 .s01 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.shopBox01 .s01 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 143px;
}
.shopBox02 .s02{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-left: 10px;
}
.shopBox02 .s02 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.shopBox02 .s02 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 153px;
}
.shopBox03{
  display: block;
  width: 1000px;
  margin: 50px auto 0;
  font-size: 0;
}
.shopBox03 .imgCap{
  font-size: 15px;
  line-height: 2.333;
}
.shopBox03 .s03{
  display: inline-block;
  width: 320px;
}
.shopBox03 .s03:nth-of-type(1),
.shopBox03 .s03:nth-of-type(2){
  padding-right: 20px;
}
/*------------- education-----------------*/
.educationBox01 .e01{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-right: 10px;
}
.educationBox01 .e01 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.educationBox01 .e01 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 124px;
}
.educationBox02 .e02{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-left: 10px;
}
.educationBox02 .e02 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.educationBox02 .e02 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 163px;
}
.educationBox03{
  display: block;
  width: 1000px;
  margin: 50px auto 0;
  font-size: 0;
}
.educationBox03 .imgCap{
  font-size: 15px;
  line-height: 2.333;
}
.educationBox03 .e03{
  display: inline-block;
  width: 320px;
}
.educationBox03 .e03:nth-of-type(1),
.educationBox03 .e03:nth-of-type(2){
  padding-right: 20px;
}
/*-------------medical-----------------*/
.medicalBox01 .m01{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-right: 10px;
}
.medicalBox01 .m01 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.medicalBox01 .m01 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 134px;
}
.medicalBox02 .m02{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-left: 10px;
}
.medicalBox02 .m02 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.medicalBox02 .m02 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 164px;
}
.medicalBox03{
  display: block;
  width: 1000px;
  margin: 50px auto 0;
  font-size: 0;
}
.medicalBox03 .imgCap{
  font-size: 15px;
  line-height: 2.333;
}
.medicalBox03 .m03{
  display: inline-block;
  width: 320px;
}
.medicalBox03 .m03:nth-of-type(1),
.medicalBox03 .m03:nth-of-type(2){
  padding-right: 20px;
}
/*-------------bank-----------------*/
.bankBox01 .b01{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-right: 10px;
}
.bankBox01 .b01 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.bankBox01 .b01 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 134px;
}
.bankBox02 .b02{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-left: 10px;
}
.bankBox02 .b02 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.bankBox02 .b02 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 152px;
}
.bankBox03{
  display: block;
  width: 1000px;
  margin: 50px auto 0;
  font-size: 0;
}
.bankBox03 .imgCap{
  font-size: 15px;
  line-height: 2.333;
}
.bankBox03 .b03{
  display:inline-block;
  width: 320px;
}
.bankBox03 .b03:nth-of-type(1),
.bankBox03 .b03:nth-of-type(2){
  padding-right:20px;
}
/*-------------park-----------------*/
.parkBox01 .p01{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-right: 10px;
}
.parkBox01 .p01 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.parkBox01 .p01 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 147px;
}
.parkBox02 .p02{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-left: 10px;
}
.parkBox02 .p02 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.parkBox02 .p02 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 161px;
}
.parkBox03{
  display: block;
  width: 1000px;
  margin: 50px auto 0;
  font-size: 0;
}
.parkBox03 .imgCap{
  font-size: 15px;
  line-height: 2.333;
}
.parkBox03 .p03{
  display: inline-block;
  width: 320px;
}
.parkBox03 .p03:nth-of-type(1),
.parkBox03 .p03:nth-of-type(2){
  padding-right: 20px;
}
/*------------- tourism-----------------*/
.tourismBox01 .t01{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-right: 10px;
}
.tourismBox01 .t01 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.tourismBox01 .t01 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 151px;
}
.tourismBox02 .t02{
  border-bottom: 1px solid #ccc;
  width: 490px;
  margin-left: 10px;
}
.tourismBox02 .t02 .name{
  position: relative;
  font-size: 15px;
  line-height: 2.333;
}
.tourismBox02 .t02 .date{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 2.333;
  width: 161px;
}
.tourismBox03{
  display: block;
  width: 1000px;
  margin: 50px auto 0;
  font-size: 0;
}
.tourismBox03 .imgCap{
  font-size: 15px;
  line-height: 2.333;
}
.tourismBox03 .t03{
  display:inline-block;
  width: 320px;
}
.tourismBox03 .t03:nth-of-type(1),
.tourismBox03 .t03:nth-of-type(2){
  padding-right: 20px;
}
.blk03 .flexWrap .date{
  text-align: right;
}


@media screen and (max-width: 1120px){
  .blk03{
    width: 98.214%;
    margin: 0 auto 8.926%;
  }
  .tab{
    overflow:hidden;
    width: 100%;
    margin: 0 auto;
  }
  .tab:hover{
    cursor: pointer;
  }
  .tab li{
    width: 16.339%;
    font-size: 1.518vw;
    padding: 1.892% 0;
    margin-right: 0.176%;
  }
  .content li{
  padding-bottom: 4.464%;
  }
  .tab .s06{
    width: 13.304%;
    padding: 0.804% 0 1.081% 4.107%;
  }
  .tab .s01:before,.tab .s02:before,.tab .s03:before,
  .tab .s05:before,.tab .s04:before{
  content: '';
  position: absolute;
  right: -2px;
  bottom: 8px;
  width: 2px;/*線の長さ*/
  height: 40px;/*線の太さ*/
  background-color: #ddd;/*線の色*/
  }
  .blk03 .flexWrap{
    display: flex;
    justify-content: center;
    padding-top: 4.505%;
    width: 89.286%;
    margin: 0 auto;
  }
  .shopBox01{
    width: 50%;
  }
  .shopBox01 .s01{
    width: 98%;
    margin-right: 2%;
  }
  .shopBox01 .s01 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .shopBox01 .s01 .date{
    position: absolute;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 30.939%;
  }
  .shopBox02{
    width: 50%;
  }
  .shopBox02 .s02{
    width: 98%;
    margin-left: 2%;
  }
  .shopBox02 .s02 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .shopBox02 .s02 .date{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 31.633%;
  }
  .shopBox03{
    display: block;
    width: 89.286%;
    margin: 4.505% auto 0;
    font-size: 0;
  }
  .shopBox03 .imgCap{
  font-size:1.339vw;
  line-height: 2.333;
}

  .shopBox03 .s03{
    display: inline-block;
    width: 32%;
  }
  .shopBox03 .s03:nth-of-type(1),
  .shopBox03 .s03:nth-of-type(2){
    padding-right: 2%;
  }
  /*------------- education-----------------*/
  .educationBox01{
    width: 50%;
  }
  .educationBox01 .e01{
    width: 98%;
    margin-right: 2%;
  }
  .educationBox01 .e01 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .educationBox01 .e01 .date{
    position: absolute;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 26.531%;
  }
  .educationBox02{
    width: 50%;
  }
  .educationBox02 .e02{
    width: 98%;
    margin-left: 2%;
  }
  .educationBox02 .e02 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .educationBox02 .e02 .date{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 33.673%;
  }
  .educationBox03{
    display: block;
    width: 89.286%;
    margin: 4.505% auto 0;
    font-size: 0;
  }
  .educationBox03 .imgCap{
  font-size:1.339vw;
  line-height: 2.333;
}

  .educationBox03 .e03{
    display: inline-block;
    width: 32%;
  }
  .educationBox03 .e03:nth-of-type(1),
  .educationBox03 .e03:nth-of-type(2){
    padding-right: 2%;
  }
  /*-------------medical-----------------*/
  .medicalBox01{
    width: 50%;
  }
  .medicalBox01 .m01{
    width: 98%;
    margin-right: 2%;
  }
  .medicalBox01 .m01 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .medicalBox01 .m01 .date{
    position: absolute;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 31.633%;
  }
  .medicalBox02{
    width: 50%;
  }
  .medicalBox02 .m02{
    width: 98%;
    margin-left: 2%;
  }
  .medicalBox02 .m02 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .medicalBox02 .m02 .date{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 33.469%;
  }
  .medicalBox03{
    display: block;
    width: 89.286%;
    margin: 4.505% auto 0;
    font-size: 0;
  }
  .medicalBox03 .imgCap{
  font-size:1.339vw;
  line-height: 2.333;
}

  .medicalBox03 .m03{
    display: inline-block;
    width: 32%;
  }
  .medicalBox03 .m03:nth-of-type(1),
  .medicalBox03 .m03:nth-of-type(2){
    padding-right: 2%;
  }
  /*-------------bank-----------------*/
  .bankBox01{
    width: 50%;
  }
  .bankBox01 .b01{
    width: 98%;
    margin-right: 2%;
  }
  .bankBox01 .b01 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .bankBox01 .b01 .date{
    position: absolute;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 28.163%;
  }
  .bankBox02{
    width: 50%;
  }
  .bankBox02 .b02{
    width: 98%;
    margin-left: 2%;
  }
  .bankBox02 .b02 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .bankBox02 .b02 .date{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 31.633%;
  }
  .bankBox03{
    display: block;
    width: 89.286%;
    margin: 4.505% auto 0;
    font-size: 0;
  }
  .bankBox03 .imgCap{
  font-size:1.339vw;
  line-height: 2.333;
}

  .bankBox03 .b03{
    display: inline-block;
    width: 32%;
  }
  .bankBox03 .b03:nth-of-type(1),
  .bankBox03 .b03:nth-of-type(2){
    padding-right: 2%;
  }
  /*-------------park-----------------*/
  .parkBox01{
    width: 50%;
  }
  .parkBox01 .p01{
    width: 98%;
    margin-right: 2%;
  }
  .parkBox01 .p01 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .parkBox01 .p01 .date{
    position: absolute;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 31.633%;
  }
  .parkBox02{
    width: 50%;
  }
  .parkBox02 .p02{
    width: 98%;
    margin-left: 2%;
  }
  .parkBox02 .p02 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .parkBox02 .p02 .date{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 33.675%;
  }
  .parkBox03{
    display: block;
    width: 89.286%;
    margin: 4.505% auto 0;
    font-size: 0;
  }
  .parkBox03 .imgCap{
  font-size:1.339vw;
  line-height: 2.333;
}

  .parkBox03 .p03{
    display: inline-block;
    width: 32%;
  }
  .parkBox03 .p03:nth-of-type(1),
  .parkBox03 .p03:nth-of-type(2){
    padding-right: 2%;
  }
  /*-------------touris-----------------*/
  .tourismBox01{
    width: 50%;
  }
  .tourismBox01 .t01{
    width: 98%;
    margin-right: 2%;
  }
  .tourismBox01 .t01 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .tourismBox01 .t01 .date{
    position: absolute;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 31.633%;
  }
  .tourismBox02{
    width: 50%;
  }
  .tourismBox02 .t02{
    width: 98%;
    margin-left: 2%;
  }
  .tourismBox02 .t02 .name{
    position: relative;
    font-size: 1.339vw;
    line-height: 2.333;
  }
  .tourismBox02 .t02 .date{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.339vw;
    line-height: 2.333;
    width: 33.469%;
  }
  .tourismBox03{
    display: block;
    width: 89.286%;
    margin: 4.505% auto 0;
    font-size: 0;
  }
  .tourismBox03 .imgCap{
  font-size:1.339vw;
  line-height: 2.333;
}

  .tourismBox03 .t03{
    display: inline-block;
    width: 32%;
  }
  .tourismBox03 .t03:nth-of-type(1),
  .tourismBox03 .t03:nth-of-type(2){
    padding-right: 2%;
  }

}
@media screen and (max-width: 768px){
  
.blk03{
  width: 89.583%;
  margin: 0 auto;
}
.tab{
  overflow:hidden;
  width: 100%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  border-bottom: none;
}
.tab:hover{
  cursor: pointer;
}
.tab li{
  font-size: 3.385vw;
  line-height: 1.462;
  text-align: center;
  padding: 3.052% 0; 
  width: 100%;
  float:left;
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: none;
}
.tab .s06{
  width: 100%;
  line-height: 1.462;
  padding: 3.052% 0;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.tab .s01:before,.tab .s02:before,.tab .s03:before,
.tab .s05:before,.tab .s04:before{
  width: 0;/*線の長さ*/
  height: 0;/*線の太さ*/
  }
.tab li.select{
  background:#c9b94f;
}
.content li{
  background:#efefef;
  padding-bottom: 0;
}
.hide {
  display:none;
}

.blk03 .flexWrap{
  display: flex;
  flex-direction: column;
  padding-top: 0;
  width: 100%;
  }
.shopBox01{
  width: 100%;
  padding-top: 4.36%;
  }
.shopBox01 .s01{
  width: 91.279%;
  margin: 0 auto;
}
.shopBox01 .s01 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.shopBox01 .s01 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.shopBox02{
  width: 100%;
  }
.shopBox02 .s02{
  width: 91.279%;
  margin: 0 auto;
}
.shopBox02 .s02 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.shopBox02 .s02 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.shopBox03{
  display:block; 
  width: 100%;
  padding: 4.506% 0 0;
}
.shopBox03 .s03{
  display:block; 
  width: 100%;
}
.shopBox03 .s03 .imgBox{
  width: 91.279%;
  margin: 0 auto;
  }
  .shopBox03 .s03 .imgCap{
  font-size: 3.125vw;
  padding: 2.604% 0 4.60% 4.698%;
  }
  .shopBox03 .s03:nth-of-type(1),
  .shopBox03 .s03:nth-of-type(2){
    padding-right: 0;
  }
  /*------------- education-----------------*/
.educationBox01{
  width: 100%;
  padding-top: 4.36%;
  }
.educationBox01 .e01{
  width: 91.279%;
  margin: 0 auto;
}
.educationBox01 .e01 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.educationBox01 .e01 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.educationBox02{
  width: 100%;
  }
.educationBox02 .e02{
  width: 91.279%;
  margin: 0 auto;
}
.educationBox02 .e02 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.educationBox02 .e02 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.educationBox03{
  display:block; 
  width: 100%;
  padding: 4.506% 0 0;
}
.educationBox03 .e03{
  display:block; 
  width: 100%;
}
.educationBox03 .e03 .imgBox{
  width: 91.279%;
  margin: 0 auto;
  }
  .educationBox03 .e03 .imgCap{
  font-size: 3.125vw;
  padding: 2.604% 0 4.60% 4.698%;
  }
  .educationBox03 .e03:nth-of-type(1),
  .educationBox03 .e03:nth-of-type(2){
    padding-right: 0;
  }
  /*------------- medical-----------------*/
.medicalBox01{
  width: 100%;
  padding-top: 4.36%;
  }
.medicalBox01 .m01{
  width: 91.279%;
  margin: 0 auto;
}
.medicalBox01 .m01 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.medicalBox01 .m01 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.medicalBox02{
  width: 100%;
  }
.medicalBox02 .m02{
  width: 91.279%;
  margin: 0 auto;
}
.medicalBox02 .m02 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.medicalBox02 .m02 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.medicalBox03{
  display:block; 
  width: 100%;
  padding: 4.506% 0 0;
}
.medicalBox03 .m03{
  display:block; 
  width: 100%;
}
.medicalBox03 .m03 .imgBox{
  width: 91.279%;
  margin: 0 auto;
  }
  .medicalBox03 .m03 .imgCap{
  font-size: 3.125vw;
  padding: 2.604% 0 4.60% 4.698%;
  }
  .medicalBox03 .m03:nth-of-type(1),
  .medicalBox03 .m03:nth-of-type(2){
    padding-right: 0;
  }
  /*-------------bank-----------------*/
.bankBox01{
  width: 100%;
  padding-top: 4.36%;
  }
.bankBox01 .b01{
  width: 91.279%;
  margin: 0 auto;
}
.bankBox01 .b01 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.bankBox01 .b01 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.bankBox02{
  width: 100%;
  }
.bankBox02 .b02{
  width: 91.279%;
  margin: 0 auto;
}
.bankBox02 .b02 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.bankBox02 .b02 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.bankBox03{
  display:block; 
  width: 100%;
  padding: 4.506% 0 0;
}
.bankBox03 .b03{
  display:block; 
  width: 100%;
}
.bankBox03 .b03 .imgBox{
  width: 91.279%;
  margin: 0 auto;
  }
  .bankBox03 .b03 .imgCap{
  font-size: 3.125vw;
  padding: 2.604% 0 4.60% 4.698%;
  }
  .bankBox03 .b03:nth-of-type(1),
  .bankBox03 .b03:nth-of-type(2){
    padding-right: 0;
  }
  /*-------------park-----------------*/
.parkBox01{
  width: 100%;
  padding-top: 4.36%;
  }
.parkBox01 .p01{
  width: 91.279%;
  margin: 0 auto;
}
.parkBox01 .p01 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.parkBox01 .p01 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.parkBox02{
  width: 100%;
  }
.parkBox02 .p02{
  width: 91.279%;
  margin: 0 auto;
}
.parkBox02 .p02 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.parkBox02 .p02 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.parkBox03{
  display:block; 
  width: 100%;
  padding: 4.506% 0 0;
}
.parkBox03 .p03{
  display:block; 
  width: 100%;
}
.parkBox03 .p03 .imgBox{
  width: 91.279%;
  margin: 0 auto;
  }
  .parkBox03 .p03 .imgCap{
  font-size: 3.125vw;
  padding: 2.604% 0 4.60% 4.698%;
  }
  .parkBox03 .p03:nth-of-type(1),
  .parkBox03 .p03:nth-of-type(2){
    padding-right: 0;
  }
  /*-------------tourism-----------------*/
.tourismBox01{
  width: 100%;
  padding-top: 4.36%;
  }
.tourismBox01 .t01{
  width: 91.279%;
  margin: 0 auto;
}
.tourismBox01 .t01 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.tourismBox01 .t01 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.tourismBox02{
  width: 100%;
  }
.tourismBox02 .t02{
  width: 91.279%;
  margin: 0 auto;
}
.tourismBox02 .t02 .name{
  position: relative;
  font-size: 3.125vw;
  line-height: 2;
  padding-bottom: 2.18%;
}
.tourismBox02 .t02 .date{
  position: static;
  font-size: 3.125vw;
  width: 100%;
  line-height: 1;
}
.tourismBox03{
  display:block; 
  width: 100%;
  padding: 4.506% 0 0;
}
.tourismBox03 .t03{
  display:block; 
  width: 100%;
}
.tourismBox03 .t03 .imgBox{
  width: 91.279%;
  margin: 0 auto;
  }
  .tourismBox03 .t03 .imgCap{
  font-size: 3.125vw;
  padding: 2.604% 0 4.60% 4.698%;
  }
  .tourismBox03 .t03:nth-of-type(1),
  .tourismBox03 .t03:nth-of-type(2){
    padding-right: 0;
  }
}

.pc{display: inline-block;}
.sp{display: none;}
@media screen and (max-width: 768px){
.pc{display: none;}
.sp{display: inline-block;}
}
/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
}

@media screen and (max-width: 768px){
}



.mainContent .movie-location{ width: 89.286%; margin: 50px auto 0; }
.mainContent .movie-location .inner{ width: 100%; margin: auto; }
.mainContent .movie-location .inner .frame{ width: 100%; padding-top: 56.25%!important; margin: auto; position: relative; }
.mainContent .movie-location iframe{ width: 100%!important; height: 100%!important; position: absolute!important; left: 0!important; top: 0!important; }
@media screen and (max-width: 768px){
	.mainContent .movie-location{ width: 91.279%; margin-top: 7%; }
}

.mapImg .movie-thumb{ width: 19.81%; position: absolute; left: 0; top: 0; margin: 80.47% 0 0 41.87%; background-color: #ffffff; }
.mapImg .movie-thumb::before { content: ""; position: absolute; bottom: 100%; left: 50%; border: solid transparent; border-width: 14px 7px; border-bottom-color: #ed8205; transform: translateX(-50%); }
.mapImg .movie-thumb a{ position: relative; display: block; }
.mapImg .movie-thumb a::before{ content: ""; position: absolute; left: 0; top: 0; box-sizing: border-box; border: 3px solid #ed8205; width: 100%; height: 100%; }
.mapImg .movie-thumb a::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 34.28%; padding-top: 34.28%; background: url(../images/lifeinformation/movie_thumb_btn.png) center center no-repeat; background-size: contain; transform: translate(-50%,-50%); }
.movBlk{ width: 840px; margin: 0 auto; pointer-events: auto; }
.movBlk .movFrame{ position: relative; width: 800px; margin: 0 auto 40px; }
.movBlk .movFrame .wrap{ position: relative; width: 100%; padding-bottom: 56.25%!important; }
.movBlk .frameMov{ position: absolute; width: 100%!important; height: 100%!important; margin: 0; }
.remodal-close{ z-index: 500; }
@media screen and (max-width: 768px){
	.movBlk{ width: 80.508%; }
	.movBlk .movFrame{ width: 100%; margin-bottom: 5.085%; }
	.mapImg .movie-thumb::before { content: ""; position: absolute; bottom: 100%; left: 50%; border: solid transparent; border-width: 8px 4px; border-bottom-color: #ed8205; transform: translateX(-50%); }
}