@charset "UTF-8";
/*****************************************
19.3.20
******************************************/
@import url("/extra/library/common/css/smart_phone.css") only screen and (max-width: 991px);

#page {
  background: none !important;
}
	
	
.bg_top {
  background: url(../images/bg_top.png) repeat-x top center;
  height: 171px;
  display: flex;
  align-items: center;
  justify-content: center; }

.bg_bottom {
  background: url(../images/bg_bottom.png) repeat-x top center;
  height: 214px; }

@media screen and (max-width: 767px) {
  .bg_top {
    position: relative;
    background: url(../images/bg_top_sp.png) no-repeat top center;
    background-size: contain;
    height: 0;
    padding-top: 22.8%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .bg_top h1 {
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 25%; }
    .bg_top img {
      width: 90%; }

  .bg_bottom {
    background: url(../images/bg_bottom_sp.png) no-repeat top center;
    background-size: contain;
    height: 0;
    padding-top: 28.533%; } }
.waribiki {
  position: relative;
  background: #ffe63e;
  padding: 30px 0; }
  .waribiki .summary {
    padding-top: 20px;
    font-size: 18px;
    line-height: 1.6; }
  .waribiki .arrow_ico {
    position: absolute;
    margin: 0 auto;
    bottom: -20px;
    left: 0;
    right: 0; }

@media screen and (max-width: 767px) {
  .waribiki {
    position: relative;
    background: #ffe63e;
    padding: 30px 0; }
    .waribiki .container {
      width: 90%;
      marin: 0 auto; }
    .waribiki .summary {
      padding-top: 20px;
      font-size: 16px;
      line-height: 1.6;
      text-align: left; }
    .waribiki .arrow_ico {
      position: absolute;
      margin: 0 auto;
      bottom: -20px;
      left: 0;
      right: 0; }
      .waribiki .arrow_ico img {
        width: 60px;
        height: 40px; } }
.info {
  padding: 60px 0 80px 0; }
  .info .container {
    width: 960px;
    margin: 0 auto; }
  .info .telInfo {
    position: relative;
    border: 4px solid #ed6d00;
    margin: 40px auto;
    padding: 20px;
    box-sizing: border-box;
    width: 960px; }
    .info .telInfo h3 {
      position: absolute;
      margin: 0 auto;
      top: -30px;
      left: 0;
      right: 0;
      display: inline-block !important;
      max-width: 80%;
      background: #fff;
      font-size: 24px;
      font-weight: bold;
      padding-bottom: 10px; }
      .info .telInfo h3 img {
        box-sizing: border-box;
        vertical-align: middle;
        margin-right: 10px; }
    .info .telInfo .summary {
      position: relative;
      z-index: 9999;
      font-size: 18px;
      font-weight: bold;
      padding-top: 20px;
      padding-bottom: 10px; }
      .info .telInfo .summary span {
        color: #ed6d00; }
  .info .note {
    magin: 0 auto !important;
    display: block;
    text-align: left; }
    .info .note h4 {
      font-size: 16px;
      font-weight: bold;
      padding-bottom: 10px; }
    .info .note h5 {
      font-size: 14px;
      font-weight: bold; }

@media screen and (max-width: 767px) {
  .info {
    padding: 40px 0 40px 0; }
    .info .container {
      width: 100%;
      margin: 0 auto; }
    .info .telInfo {
      position: relative;
      border: 4px solid #ed6d00;
      margin: 40px auto;
      padding: 20px;
      box-sizing: border-box;
      width: 90%; }
      .info .telInfo h3 {
        overflow: hidden;
        position: absolute;
        margin: 0 auto;
        top: -20px;
        left: 0;
        right: 0;
        display: inline-block !important;
        max-width: 90%;
        line-height: 1.3 !important;
        background: #fff;
        font-size: 17px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: left; }
        .info .telInfo h3 img {
          float: left;
          width: 30px;
          height: 30px;
          box-sizing: border-box;
          vertical-align: middle;
          margin-right: 5px; }
      .info .telInfo .summary {
        position: relative;
        z-index: 9999;
        font-size: 18px;
        font-weight: bold;
        padding: 0 0 10px 0; }
        .info .telInfo .summary span {
          color: #ed6d00; }
    .info .note {
      box-sizing: border-box;
      padding: 0 20px;
      magin: 0 auto !important;
      display: block;
      text-align: left; }
      .info .note h4 {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px; }
      .info .note h5 {
        font-size: 14px;
        font-weight: bold; }
      .info .note p, .info .note li {
        font-size: 14px !important; } }
body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
  body **, body *::before, body *::after {
    box-sizing: border-box; }

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

.contentsWrapper * {
  font-family: 'Noto Sans JP', sans-serif; }

#areaWrapper1 {
  width: 100%;
  overflow: hidden;
  background: #fff !important; }

/* --------------------------------
 * base
 * -------------------------------- */
body {
  background: #fff; }

.svg {
  display: none; }

.fl-img {
  max-width: 100%; }

.contentsWrapper {
  width: 100%;
  background-size: 100% auto;
  overflow: hidden;
  positon: relative; }
  .contentsWrapper h2 {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0 70px 0 70px;
    color: #da6605;
    font-size: 36px !important;
    font-weight: 700; }
    .contentsWrapper h2 span {
      font-size: 30px; }
    @media screen and (max-width: 767px) {
      .contentsWrapper h2 {
        padding: 0 10px;
        font-size: 24px !important; }
        .contentsWrapper h2 span {
          font-size: 20px; } }
    .contentsWrapper h2 small {
      display: block;
      font-size: 18px; }
      @media screen and (max-width: 767px) {
        .contentsWrapper h2 small {
          font-size: 14px; } }
  .contentsWrapper a {
    color: #464646;
    text-decoration: none; }
    .contentsWrapper a a:hover {
      color: #464646; }
      .contentsWrapper a a:hover img {
        opacity: 0.8; }

/**, *::before, *::after {
  box-sizing: border-box;
}*/
.pc {
  display: block; }

.sp {
  display: none; }

.container {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 1000px; }

.text-center {
  text-align: center !important; }

.fl-img {
  margin: 0 auto;
  max-width: 100%;
  height: auto; }


/*--------------------------
page-top
----------------------------*/
#page-top {
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  width: 60px;
  height: 62px; }
  #page-top a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7; }
  #page-top img {
    max-width: 100%;
    width: 100%; }

/*sp-----------------------------------------------------*/
@media screen and (max-width: 767px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  body {
    background-size: auto;
    font-size: 1.4rem; }

  .container {
    margin: 0 auto;
    width: 100%;
    max-width: 100%; }

  /*--------------------------
  bnr
  ----------------------------*/
  .mlogo_bnr {
    display: block;
    margin: 0 auto 40px auto;
    width: 90%;
    border: 1px solid #333;
    border-bottom: 2px solid #666;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); }
    .mlogo_bnr img {
      width: 100%;
      max-width: 100%;
      padding: 20px 20px 10px 20px; }
    .mlogo_bnr a {
      color: #111 !important;
      text-decoration: none; }
    .mlogo_bnr .cap {
      display: block;
      padding: 5px;
      text-align: center;
      background: #f7f7f7;
      font-size: 12px; }

  /*--------------------------
  page-top
  ----------------------------*/
  #page-top {
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 13px;
    width: 50px;
    height: 51px; }
    #page-top a:hover {
      filter: alpha(opacity=90);
      -moz-opacity: 0.9;
      opacity: 0.9; }
    #page-top img {
      max-width: 100%;
      width: 100%; } }


/* 20190205追加 */
#place .container .fBox.btnBox .btn-end {
  width: 95%; }

.btn-end {
  display: inline-block;
  background: #b6b6b6;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  width: 40%;
  margin: 30px 0 20px 0;
  letter-spacing: 1px;
  line-height: 1.3333333;
  border-radius: 20px;
  font-size: 20px;
  box-sizing: border-box;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  color: #333 !important;
  display: block;
  font-weight: bold !important;
  padding: 10px 20px 20px 20px; }

@media screen and (max-width: 767px) {
  .btn-end {
    width: 80%;
    margin: 30px auto 20px auto;
    letter-spacing: 0; } }
.btn-end i {
  font-size: 12px !important;
  position: relative;
  top: -2px; }

#place .container .btn-end .fs_s {
  font-size: 14px;
  color: #111; }

/*20190725追加*/
.cpBnr {
  background: #fff;
  margin: 20px auto -10px auto;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .cpBnr {
      margin: 20px auto 0 auto;
      text-align: center; } }

	  
.freedial {
	padding: 30px;
	
}

.freedial p {
	font-size: 16px;
    padding: 30px;
    text-align: left;
    line-height: 2em;
}

.about_box {
	padding: 30px;
}

.about_box .about {
    padding: 30px;
}

.about_box .about p {
	font-size: 14px;
	text-align: left;    
    line-height: 1.75em;
	padding: 5px;
}

.coupon {
	padding: 3%;
}

.coupon img {
	box-shadow: 5px 5px 10px #cdbc67;
}

@media screen and (max-width: 767px) {
	.freedial p {
		font-size: 16px;
		padding: 0 0 30px;
		text-align: left;
		line-height: 2em;
	}
	.about p {
		font-size: 12px;
		padding: 30px;
		text-align: left;
		line-height: 1.5em;
	}
	.about_box .about {
		padding: 0;
	}
}