@charset "UTF-8";

/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
.pages_main_image{height:500px;}
.pages_main_image h2{position: absolute;left: 0;right: 0;top: 50px; margin: auto}
.body_area{padding-top: 14px;padding-bottom: 30px}
.body_area .body_area_inner{ width: 868px;margin:20px auto;}


.body_area .waku h2 {
  padding: 15px 5px;
  margin: 10px -20px;
  border: solid 3px #982124;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
  color: #982124;
  font-size: 40px;letter-spacing: 0.1em;text-indent: 0.1em
}
.body_area .waku h2:after,
.body_area .waku h2:before {
  content: '';
  position: absolute;
  bottom: -7px;
  background: #982124;
  border: solid 2px #982124;
  width: 25px;
  height: 20px;
  z-index: -1;
}
.body_area .waku h2:after {
     left: 2px;
     transform: rotate(120deg);
}
.body_area .waku h2:before {
    right: 2px;
    transform: rotate(60deg);
}

.body_area .kaisaibi{text-align: left;font-size: 16px;}
.body_area ul.kaisaibi {width: 790px; margin: auto;}
.body_area .kaisaibi li{text-align: left; margin-bottom: 5px; font-size: 16px; line-height: 2em}


.body_area h3{color: #fff;font-size: 20px;background:#000;
padding: 8px;margin: 36px 0 20px;
}

.body_area ul.merit {width: 730px; margin: auto;padding: 5px 65px;}
.body_area .merit li{text-align: left; margin-bottom: 5px; transform: rotate(0.03deg); font-weight: bold;font-size: 18px;line-height: 2em}

.body_area .date{text-align: left;font-size: 25px;}
.body_area ul.date {width: 730px; margin: auto;padding: 5px 65px;}
.body_area .date li{text-align: center; margin-bottom: 10px;}
.body_area .t2{font-size: 26px;line-height: 1.8em}
.body_area .date s{color:brown}

.body_area .place{text-align: center;font-size: 20px;}
.body_area .place ul{width: 500px; margin: auto;}
.body_area .place li{text-align: center; margin-bottom: 10px;}
.body_area .place s{color:brown}

.body_area .yoyaku{border-top: 1px solid #ccc;margin: 20px 0 10px;padding: 20px 0;color: #982124}
.body_area .yoyaku h4{font-size: 22px;padding-bottom: 12px;}
.body_area .yoyaku p{font-size: 18px}
.body_area .yoyaku2{border-top: 1px solid #ccc;margin: 20px 0 0px;padding: 20px 0 0;color: #982124}
.body_area .yoyaku2 h4{font-size: 22px;padding-bottom: 0px;}


.body_area .toiawase{width: 700px;margin: 0 auto 20px; padding: 17px 25px;border: 1px solid #000}
.body_area .toiawase h5{font-size:18px;font-weight: normal;padding-bottom: 15px;}
.body_area .toiawase  #tel_free {font-size: 40px;font-weight: normal;-webkit-font-smoothing: antialiased;letter-spacing: 2px; margin: 10px auto; }
.body_area .toiawase  #tel_std { font-size: 25px;   font-weight: 2px;   display: table;  margin: 0 auto;  }
.body_area .toiawase  #opan_time { font-size: 16px; letter-spacing: 1px; padding-bottom: 12px;margin-date: 12px}
.body_area .toiawase  #opan_time span {font-size: 14px; }
.body_area .note{font-size: 14px;text-align: left;width: 750px;margin: 0 auto;}
.btst2{margin-top: 20px;}
.btst2 a{background: #982124;font-size: 25px; color: #fff;padding: 25px 0px;border-radius: 5px; text-align: center;width: 100%;margin: auto; border: 2px solid #982124;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;}
.btst2 a:hover{background: #42010f}
.btst2 a::after{position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;right: 22px;width: 12px;height: 12px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}

.btst3{margin-top: 20px;}
.btst3 a{background: #0825cd;font-size: 25px; color: #fff;padding: 25px 0px;border-radius: 5px; text-align: center;width: 100%;margin: auto; border: 2px solid #0825cd;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;}
.btst3 a:hover{background: #263172}
.btst3 a::after{position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;right: 22px;width: 12px;height: 12px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media all and (-ms-high-contrast:none){
 /* IE10以降 */
}
/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/
}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/

.pages_main_image {
    overflow: hidden;
    width: 100%;
    height: auto;
}
.pages_main_image .inner{width: 100%}
.pages_main_image h2{width: 60%;top:23%}
.body_area img,
.pages_main_image img{max-width: 100%;height: auto}
.pages_main_image,
.body_area{background-size:160% auto}
.pages_main_image .inner{width: 100%;margin: auto}
.pages_main_image h2{padding-top: 0px}
.body_area .body_area_inner{ width:90%;}
.body_area .waku{width: 96%;margin: auto}
.body_area .waku h2 {
  
  font-size: 20px;
}

.body_area ul.kaisaibi {width: 100%; margin: auto;padding: 5px 0px;}
.body_area .kaisaibi li{font-size: 12px;}	
	
.body_area ul.merit {width: 85%; margin: auto;padding: 5px 0px;}
.body_area .merit li{font-size: 15px;}
.body_area ul.date {width: 85%; margin: auto;padding: 5px 0px;}
.body_area .date li{font-size: 20px;}
.body_area .toiawase{width: 90%;padding: 20px 10px;}
.body_area .toiawase .t2{font-size: 14px}
.body_area .note{width: 96%;margin: auto}
.body_area .corona{width: 90%;margin: auto}
.body_area .toiawase  #tel_free {font-size: 22px;}
.body_area .toiawase  #tel_std { font-size: 17px;padding:0px 0 10px; }
.body_area .toiawase  #opan_time { font-size: 12px;}
.body_area .toiawase p{font-size: 12px}
.body_area .yoyaku2 h4,
.body_area .yoyaku h4{font-size: 18px}

.btst2 a{font-size: 16px;}
.btst3 a{font-size: 16px;}
}