@charset "Shift_JIS";
/*M PLUS Rounded 1c
font-family: 'M PLUS Rounded 1c', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
/* プラン
----------------------------------------------------*/
#cttImg {
  height: 600px;
}
#cttImg h2 {
  padding: 0;
}
#sec01 {
  background: url("img/bg.png") center top;
  padding: 0;
}
#sec01 .secBg {
  background-image: url("img/pht_01.png"), url("img/pht_02.png");
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: auto 100%;
  padding: 80px 0 100px;
}
#sec01 .lead {
  font-size: 20px;
  letter-spacing: 0.2;
  line-height: 2;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
#sec01 .lead strong {
  font-size: 24px;
  font-weight: bold;
  text-shadow:
    3px 3px 1px #ffffff, -3px 3px 1px #ffffff, 3px -3px 1px #ffffff, -3px -3px 1px #ffffff, 3px 0px 1px #ffffff, 0px 3px 1px #ffffff, -3px 0px 1px #ffffff, 0px -3px 1px #ffffff;
}
#sec01 .lead strong.deri, #sec02 h3 {
  color: rgba(53, 127, 15, 1.00);
}
#sec01 .lead strong.take, #sec03 h3 {
  color: #cd9133;
}
#sec01 .lead strong.meal, #sec04 h3 {
  color: #ffa900;
}
#sec02 {
  background: url("img/bg01.jpg") no-repeat center bottom;
  background-size: cover;
}
#sec02 .txtBox {
  padding-left: 58%;
}
#sec03 {
  background: url("img/bg02.jpg") no-repeat center bottom;
  background-size: cover;
}
#sec03 .txtBox {
  padding-right: 58%;
}
#sec04 {
  background: url("img/bg03.jpg") no-repeat center center;
  background-size: cover;
}
#sec04 .txtBox {
  padding-left: 58%;
}
.secBox .txtBox {
  text-align: left;
  font-size: 15px;
  line-height: 1.8;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.secBox h3 {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}
.secBox h3:first-line {
  font-size: 20px;
}
.secBox p.btn {
  padding: 30px 15px 0;
}
.secBox p.btn a {
  display: block;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #FFBF00;
  text-decoration: none;
  position: relative;
  background-image: linear-gradient(to left, #FFBF00 50%, #fff 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all .3s ease 0s;
}
.secBox p.btn a::after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(-45deg);
}
.secBox p.btn a:hover {
  color: #fff;
  background-position: 100% 0;
}
.secBox p.btn a:hover::after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.obi {
  background: url("img/bg.png") center top;
  height: 50px;
}
/*GOTO利用OK*/
/*#cttImg {
  position: relative;
}
#cttImg .coupon {
  position: absolute;
  width: 220px;
  height: 220px;
  left: 50%;
  top: 50%;
  transform: translate(200px, -37%);
}*/