@charset "utf-8";

/* -----------------------------------------------------------
　common
----------------------------------------------------------- */

* {box-sizing:border-box;}
img {max-width:100%;}
.fcred {color:#FF0000;}
.fwbold {font-weight:bold;}
.fs80 {font-size:0.8em;}
.fs120 {font-size:1.2em;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear: both;}
.italic {font-style:italic;}

:root {--color01:#35638E;}
a {
  color:inherit;
  text-decoration:none;
}

body {
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:16px;
  line-height:1.7;
  color:#000000;
} 

@media screen and (min-width: 768px){ 
  .sp_cont {display:none!important;} 
}

a:hover {
  text-decoration:underline;
  color:inherit;
}
  
.hover_btn {transition:0.5s;opacity:1;}
.hover_btn:hover {transition:0.5s;opacity:0.5;}


/* -----------------------------------------------------------
  template
----------------------------------------------------------- */
 
/* :::::::::: header :::::::::: */
  
header {
  position:absolute;
  width:100%;
  height:100px;
  padding:25px 20px;
  background:var(--color01);
  top:0;
  left:0;
  right:0;
  z-index:1;
}
header .header_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header_box div:nth-of-type(1) .logo {
  display:inline-block;
  width:230px;
  padding:10px 0 0;
  margin:0 20px 0 0;
  vertical-align:middle;
}
header .header_box div:nth-of-type(1) p {
  display:inline-block;
  font-family:'Noto Serif JP', serif;
  color:#FFFFFF;
  font-size:17px;
  line-height:1;
  vertical-align:middle;
}
header .header_box div:nth-of-type(2) p {
  display:inline-block;
  font-family:'Noto Serif JP', serif;
  color:#FFFFFF;
  font-size:17px;
  line-height:1.2;
  vertical-align:middle;
  border-left:solid 1px #FFFFFF;
  border-right:solid 1px #FFFFFF;
}
header .header_box div:nth-of-type(2) p a {
  padding:0 1em;
  display:block;
}
header .header_box div:nth-of-type(2) ul {
  display:inline-block;
  vertical-align:middle;
  margin:0 0 0 5px;
}
header .header_box div:nth-of-type(2) ul li {
  display:inline-block;
  width:40px;
  margin:0 0 0 10px;
  vertical-align:middle;
}
header .header_box div:nth-of-type(2) ul li img {display: block;}

@media screen and (max-width: 850px){
  header .header_box div:nth-of-type(2) p a {padding: 0 5px;}
  header .header_box div:nth-of-type(2) ul li {
    width:30px;
    margin:0 0 0 5px;
  }
}

/* :::::::::: main :::::::::: */

main {
  display:block;
  width:100%;
}
article {
  width:100%;
  overflow:hidden;
}
.box {
  width:100%;
  max-width:1140px;
  padding:0 20px;
  margin:0 auto;
}

/* :::::::::: footer :::::::::: */
  
footer {
  width:100%;
  height:300px;
  padding:110px 20px 0;
  background:url("../img/f_bg.png") no-repeat center , var(--color01);
  text-align:center;
}
footer p {
  width:280px;
  font-family:'Noto Serif JP', serif;
  color:#FFFFFF;
  font-size:17px;
  margin:0 auto;
}

.btn_ec {
  position:fixed;
  width:110px;
  height:440px;
  margin:auto;
  top:0;
  bottom:0;
  right:-15px;
  z-index:1;
}
.pagetop {
  position:fixed;
  width:145px;
  height:145px;
  z-index:10;
  cursor:pointer;
  bottom:10px;
  right:10px;
}
.pagetop img {display:block;}

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

  .btn_ec {
    width:82px;
    height:330px;
  }
  .pagetop {
    width:100px;
    height:100px;
  }   
}

@media screen and (max-height: 750px) {
  header {
    height:70px;
    padding:10px 20px;
  }  
}

/* -----------------------------------------------------------
 contents
----------------------------------------------------------- */

/** KV / banner**/

.kv {
  position:relative;
  width:100%;
  height:calc(100vh - 132px);
  z-index:0;
  margin:0 auto 200px;
}
.summer .kv {background:url("../img/kv_summmer.jpg") no-repeat top center / cover;}
.winter .kv {background:url("../img/kv_winter.jpg") no-repeat top center / cover;}
.kv > div {
  position:relative;
  width:100%;
  max-width:1140px;
  height:100%;
  margin:0 auto;
  z-index:0;
}
.kv .kv_cont {
  position:absolute;
  width:50%;
  height:60vh;
  left:0;
  top:10vh;
  z-index:1;
}
.kv .kv_cont img {
  width:auto;
  max-width:none;
  height:100%;
}
.kv .kv_banner {
  position:absolute;
  width:100%;
  margin:auto;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  transform:translateY(45%);
  text-align:center;
}
.kv .kv_banner a {
  position:relative;
  display:block;
}
.kv .kv_banner::after {
  position:absolute;
  display:block;
  content:"";
  width:96%;
  height:87.5%;
  background:#FFFFFF;
  margin:auto;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
}

@media (min-width: 768px) and (max-height: 920px) {
  .kv .kv_banner {
    width:80%;
    transform:translateY(55%);
  }
}
.head_banner {margin:0 auto 200px;}
.head_banner h2 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#B69527;
  font-size:30px;
  text-align:center;
  margin:0 auto 20px;
}
.head_banner .box div {
  width:100%;
  max-width:1096px;
  margin:0 auto 20px;
  overflow:hidden;
}
.head_banner .box div p {
  width:50%;
  float:left;
}
.head_banner .box div + p {
  font-weight:500;
  font-size:22px;
  color:#DE2800;
  text-align:center;
}

.bnr_btn {
  width:100%;
  max-width:1140px;
  padding:0 20px;
  margin:120px auto;
  text-align:center;
}
.bnr_btn > p {
  display:inline-block;
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#B69527;
  font-size:30px;
  vertical-align:middle;
  text-align:left;
  line-height:1.2;
}
.bnr_btn > p:nth-of-type(1) {width:calc(100% - 420px);}
.bnr_btn > p:nth-of-type(2) {width:410px;}

.bnr_btn > p span {display:inline-block;}
.bnr_btn ul {overflow:hidden;}
.bnr_btn ul li {float:left;}
.bnr_btn ul li:nth-child(1) {width:33.6%;}
.bnr_btn ul li:nth-child(2) {width:32.8%;}
.bnr_btn ul li:nth-child(3) {width:33.6%;}


/** lead **/

.lead {
  position:relative;
  margin:300px auto;
  padding:250px 0 300px;
}
.lead::before,.lead::after {
  position:absolute;
  display:block;
  content:"";
  width:120vw;
  height:100%;
  margin:auto;
  top:0;
  left:-100vw;
  right:-100vw;
}
.lead::before {
  background:url("../img/bg_p.jpg") center;
  z-index:-1;
  transform:rotate(7deg);
}
.lead::after {
  background:url("../img/bg_b.jpg") center;
  z-index:-2;
  transform:rotate(-7deg);
}
.lead > span {
  position:absolute;
  display:block;
  margin:auto;
}
.lead > .fade01,.lead > .fade02 {
  width:1341px;
  height:418px;
  left:-100%;
  right:-100%;
  z-index:2;
}
.lead > .fade01 {
  background:url("../img/lead.png") no-repeat center / cover;
  top:-200px;
}
.lead > .fade02 {bottom:-200px;}
.summer .lead > .fade02 {background:url("../img/lead_bottom_summer.png") no-repeat center / cover;}
.winter .lead > .fade02 {background:url("../img/lead_bottom_winter.png") no-repeat center / cover;}

.lead .box::before,.lead .box::after {
  position:absolute;
  display:block;
  content:"";
  margin:auto;
  z-index:1;
  width:524px;
  height:874px;
}
.lead .box::before {
  background:url("../img/bg_kanmen_l.png") no-repeat center / cover;
  right:calc(50vw + 500px);
  top:-300px;
}
.lead .box::after {
  background:url("../img/bg_kanmen_r.png") no-repeat center / cover;
  left:calc(50vw + 400px);
  bottom:-200px;
}
.lead h2 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#FFFFFF;
  font-size:40px;
  text-align:center;
  margin:0 auto 50px;
  line-height:1.5;
}
.lead h2 span {
  color:#C7AB4A;
  font-size:52px;
}
.lead p {
  max-width:840px;
  margin:0 auto;
  color:#FFFFFF;
  font-size:22px;
  line-height:2;
}

/** voice **/

.voice h2 {
  height:200px;
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#B69527;
  font-size:40px;
  text-align:center;
  padding:35px 0 0;
  margin:0 auto 90px;
  background:url("../img/h2_voice.png") no-repeat center;
  line-height:1.5;
}
.voice h2 span {
  display:block;
  color:#73883B;
  font-size:52px;
}
.voice .slider_area {
  background:url("../img/bg_g.jpg") center;
  padding:80px 0;
}
.voice .slider_area .box p {
  text-align:center;
  color:#FFFFFF;
  font-size:24px;
  line-height:1.67;
}
.voice .slider_area .voice_slider {
  width:100%;
  max-width:1100px;
  margin:70px auto;
  display:none;
}
.voice .slider_area .voice_slider.slick-initialized {display: block;}
.voice .slider_area .voice_slider .slick-list {
  padding:0!important;
  overflow:visible!important;
}
.voice .slider_area .voice_slider .slick-slide {
  margin:0 1vw;
  padding:30px 0 0;
  transform:translateY(7%);
  opacity:0.2;
  transition:opacity 0.5s,transform 0.5s;
}
.voice .slider_area .voice_slider .slick-slide.slick-active {opacity:1;transform:translateY(0%);}
.voice .slider_area .voice_slider .slick-slide.w01,
.voice .slider_area .voice_slider .slick-slide.m01 {background:url(../img/bg01.png) repeat-x top center / auto 30px;}
.voice .slider_area .voice_slider .slick-slide.w02,
.voice .slider_area .voice_slider .slick-slide.m02 {background:url(../img/bg02.png) repeat-x top center / auto 30px;}
.voice .slider_area .voice_slider .slick-slide.w03,
.voice .slider_area .voice_slider .slick-slide.m03 {background:url(../img/bg03.png) repeat-x top center / auto 30px;}
.voice .slider_area .voice_slider .slick-slide.w01 dl,
.voice .slider_area .voice_slider .slick-slide.m01 dl {background:#ebeff4;}
.voice .slider_area .voice_slider .slick-slide.w02 dl,
.voice .slider_area .voice_slider .slick-slide.m02 dl {background:#FCF0EF;}
.voice .slider_area .voice_slider .slick-slide.w03 dl,
.voice .slider_area .voice_slider .slick-slide.m03 dl {background:#e3e7d8;}
.voice .slider_area .voice_slider .slick-slide dl dt {
  padding:3% 7%;
  font-family: 'Noto Serif JP', serif;
  font-size:24px;
  color:#B69527;
  font-weight:600;
  line-height:1.5;
  border-bottom:dashed 2px #B69527;
}
.voice .slider_area .voice_slider .slick-slide.w01 dl dt {background:url(../img/w01.png) no-repeat top right 7% / auto 90%;}
.voice .slider_area .voice_slider .slick-slide.w02 dl dt {background:url(../img/w02.png) no-repeat top right 7% / auto 90%;}
.voice .slider_area .voice_slider .slick-slide.w03 dl dt {background:url(../img/w03.png) no-repeat top right 7% / auto 90%;}
.voice .slider_area .voice_slider .slick-slide.m01 dl dt {background:url(../img/m01.png) no-repeat top 40% right 7% / auto 80%;}
.voice .slider_area .voice_slider .slick-slide.m02 dl dt {background:url(../img/m02.png) no-repeat top 40% right 7% / auto 80%;}
.voice .slider_area .voice_slider .slick-slide.m03 dl dt {background:url(../img/m03.png) no-repeat top 40% right 7% / auto 80%;}
.voice .slider_area .voice_slider .slick-slide dl dd {
  font-weight:300;
  font-size:15px;
  line-height:1.67;
  padding:5% 7%;
}
.voice .slider_area .voice_slider .slick-slide dl dd p {
  margin:0.5em 0 0;
  font-weight:400;
  text-align:right;
}
.voice .slider_area .voice_slider .slick-arrow {
  width:45px;
  height:170px;
  z-index:1;
}
.voice .slider_area .voice_slider .slick-arrow:hover {opacity:0.5;}
.voice .slider_area .voice_slider .slick-prev {
  left:-4%;
  background:url("../img/ar_l.png") no-repeat center / cover;
}
.voice .slider_area .voice_slider .slick-next {
  right:-4%;
  background:url("../img/ar_r.png") no-repeat center / cover;
}
.voice .slider_area .voice_slider .slick-arrow::before {display:none;}
.voice .slider_area .voice_slider + .box p {font-size:20px;}

/** reason **/

.reason .head_section {
  padding:170px 20px 140px;
  background:url("../img/reason_head.png") no-repeat top center,var(--color01);
  text-align:center;
}
.reason .head_section h2 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:var(--color01);
  font-size:56px;
  line-height:1.35;
  text-shadow:0px 5px 5px rgba(255, 255, 255, 1),0px -5px 5px rgba(255, 255, 255, 1),5px 0px 5px rgba(255, 255, 255, 1),-5px 0px 5px rgba(255, 255, 255, 1);
  margin:0 auto 30px;
}
.reason .head_section h2 > span {color:#B69527;}
.reason .head_section h2 > span span {font-size:75px;}
.reason .head_section p {
  display:inline-block;
  padding:1em 1.5em;
  font-size:24px;
  line-height:1.5;
  border-radius:1em;
  background:rgba(255,255,255,0.6);
}
.reason > section {padding:80px 0 100px;}
.reason > .kodawari01 {background:var(--color01);}
.reason > .kodawari02 {background:#DCCC97;}
.reason > .kodawari03 {background:#7A8E45;}
.reason > section h3 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#FFFFFF;
  font-size:45px;
  text-align:center;
  background:url("../img/h3_reason.png") no-repeat bottom center;
  padding:0 0 10px;
  margin:0 auto 90px;
}
.reason > section section {
  position:relative;
  width:100%;
  max-width:1340px;
  min-height:471px;
  margin:0 auto 90px;
  padding:0 140px;
}
.reason > section section:nth-last-of-type(1) {margin:0 auto;}
.reason > section section > div {width:calc(50% - 40px);}
.reason > section section:nth-of-type(even) > div {margin:0 0 0 calc(50% + 40px);}
.reason > section section h4 {
  font-weight:normal;
  font-family: 'Noto Serif JP', serif;
  font-size:33px;
  color:#DACA93;
  line-height:1.5;
  text-shadow:0 0 10px rgba(0,0,0,0.8);
  padding:0 0 20px;
  margin:0 0 20px;
  border-bottom:dotted 1px #DACA93;
}
.reason > section section > div p {
  color:#FFFFFF;
  font-weight:300;
  font-size:20px;
  line-height:1.9;
}
.reason > section section > p {
  position:absolute;
  width:90px;
  top:0;
  left:20px;
}
.reason > section section:nth-of-type(even) > p {
  left:auto;
  right:20px;
}
.reason > section section > figure {
  position:absolute;
  width:calc(50vw - 40px);
  max-width:860px;
  top:0;
  left:calc(50% + 40px);
}
.reason > section section:nth-of-type(even) > figure {
  left:auto;
  right:calc(50% + 40px);
}
.reason > .kodawari02 h3 {
  color:var(--color01);
  background:url("../img/h3_reason02.png") no-repeat bottom center;
}
.reason > .kodawari02 section h4 {
  color:var(--color01);
  text-shadow:0 0 10px rgba(0,0,0,0.2);
  border-bottom:dotted 1px var(--color01);
}
.reason > .kodawari02 section > div p {color:#000000;}
.reason > .kodawari03 h3 {margin:0 auto 30px;}
.reason > .kodawari03 section {
  max-width:1040px;
  min-height:auto;
  padding:0 20px;
}
.reason > .kodawari03 section h4 {text-align:center;}
.reason > .kodawari03 section > p {
  position:static;
  width:220px;
  margin:0 auto 20px;
}
.reason > .kodawari03 section h4 + p {
  width:100%;
  color:#FFFFFF;
  font-weight:300;
  font-size:20px;
  line-height:1.9;
}

/** recipe **/

.recipe {
  position:relative;
  margin:200px auto 0;
  padding:150px 0 0;
}
.recipe::before,.recipe::after {
  position:absolute;
  display:block;
  content:"";
  width:150vw;
  height:50%;
  margin:auto;
  top:0;
  left:-100vw;
  right:-100vw;
}
.recipe::before {
  background:#E5897C;
  z-index:-1;
  transform:rotate(7deg);
}
.recipe::after {
  background:url("../img/bg_b.jpg") center;
  z-index:-2;
  transform:rotate(-7deg);
}
.recipe .box {text-align:center;}
.recipe .box:nth-of-type(1) {
  position:relative;
  z-index:0;
}
.recipe .box:nth-of-type(1)::before,
.recipe .box:nth-of-type(1)::after {
  position:absolute;
  display:block;
  content:"";
  margin:auto;
}
.recipe .box:nth-of-type(1)::before {
  width:506px;
  height:509px;
  background:url("../img/recipe_before.png") no-repeat center / cover;
  right:calc(50% + 450px);
  top:-100px;
}
.recipe .box:nth-of-type(1)::after {
  width:524px;
  height:874px;
  background:url("../img/bg_kanmen_r.png") no-repeat center / cover;
  left:calc(50% + 450px);
  top:-500px;
}
.recipe h2 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#FFFFFF;
  font-size:56px;
  line-height:1.35;
  margin:0 auto 50px;
}
.recipe h2 span {font-size:75px;}
.recipe .box p {
  font-size:24px;
  color:#FFFFFF;
  line-height:1.67;
  margin:0 auto 40px;
}
.recipe > ul {
  width:100%;
  overflow:hidden;
}
.recipe > ul li {
  position:relative;
  width:calc(100% / 3);
  float:left;
}
.recipe > ul li::before {
  position:absolute;
  display:block;
  content:"";
  width:16.7%;
  height:0;
  padding:15% 0 0;
  top:5%;
  left:5%;
  z-index:1;
}
.recipe > ul li.recipe_h::before {background:url("../img/ico_hot.png") no-repeat center / cover;}
.recipe > ul li.recipe_c::before {background:url("../img/ico_cold.png") no-repeat center / cover;}
.recipe > ul li figure {background:#E5897C;}
.recipe > ul li figure a {transition:0.5s;}
.recipe > ul li figure a:hover {opacity:0.5;}
.recipe > ul li figure img {
  display:block;
  width:100%;
}
.recipe > ul li p {
  position:absolute;
  font-family: 'Noto Serif JP', serif;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size:1.3vw;
  left:5%;
  bottom:5%;
  z-index:1;
}
.recipe > ul li p a {pointer-events:none;}.recipe > ul li p span {
  display:inline-block;
  background:#FFFFFF;
  padding:0.3em 0;
  margin:0 0.25em 0 0;
  line-height:1.3;
}
.recipe > ul + div {
  padding:50px 20px 340px;
  background:url("../img/recipe_bottom.png") no-repeat bottom center,#E5897C;
}
.recipe > ul + div {
  font-size:20px;
  line-height:1.6;
  text-align:center;
  color:#FFFFFF;
}

/** gift **/

.gift .head_section {
  padding:220px 20px 80px;
  background:url("../img/gift_head.png") no-repeat top center,url("../img/bg_p.jpg") center;
}
.gift .head_section h2 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#B69527;
  font-size:56px;
  text-align:center;
  line-height:1;
  text-shadow:0px 5px 5px rgba(255, 255, 255, 1),0px -5px 5px rgba(255, 255, 255, 1),5px 0px 5px rgba(255, 255, 255, 1),-5px 0px 5px rgba(255, 255, 255, 1);
  margin:0 auto 180px;
}
.gift .head_section h2 span {
  color:#35638E;
  font-size:75px;
}
.gift .head_section ul {
  overflow:hidden;
  margin:0 auto;
}
.gift .head_section ul li {
  width:50%;
  padding:0 40px;
  text-align:center;
  float:left;
}
.gift .head_section ul li img {margin:0 auto 30px;}
.gift .head_section ul li dl dt {
  font-family: 'Noto Serif JP', serif;
  font-size:28px;
  color:#DACA93;
  line-height:1.3;
  margin:0 0 20px;
}
.gift .head_section ul li dl dd {
  color:#FFFFFF;
  text-align:left;
}
.gift .bottom_section {
  padding:140px 0;
  background:url("../img/top_gift.png") repeat-x top center,url("../img/bottom_gift.png") repeat-x bottom center,#E5DAB3;
}
.gift .bottom_section > .box {
  max-width:1240px;
}
.gift .bottom_section > .box > section {
  margin:0 auto 60px;
  padding:0 0 80px;
  background:#FFFFFF;
  box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
}
.gift .bottom_section > .box > section:nth-last-of-type(3) {padding:0 0 20px;}  
.gift .bottom_section > .box > section:nth-last-of-type(2) {padding:0 0 20px;}  
.gift .bottom_section > .box > section:nth-last-of-type(1) {padding:0 0 10px;}  
.gift .bottom_section > .box > section h3 {
  font-family: 'Noto Serif JP', serif;
  font-size:30px;
  text-align:center;
  color:#FFFFFF;
  line-height:1.1;
  background:var(--color01);
  padding:0.4em 1em;
  margin:0 auto 30px;
}
.gift .bottom_section > .box > section .box {max-width:1040px;}
.gift .bottom_section > .box > section .box > p {
  font-size:19px;
  font-weight:500;
  margin:0 0 30px;
}
.gift .bottom_section > .box > section section {margin:0 0 50px;}
.gift .bottom_section > .box > section section:nth-last-of-type(1) {margin:0;} 
.gift .bottom_section > .box > section section h4 {
  font-weight:500;
  font-size:23px;
  text-align:center;
  color:#FFFFFF;
  line-height:1.1;
  background:var(--color01);
  padding:0.4em 1em;
  margin:0 auto 20px;
  border-radius:15px;
}
.gift .bottom_section > .box > section section .noshi {
  display:flex;
  justify-content:space-around;
  text-align:center;
}
.gift .bottom_section > .box > section section .noshi02 {max-width:700px;margin:0 auto;}
.gift .bottom_section > .box > section section .noshi div {
  display:inline-block;
  margin:0 2% 20px;
}
.gift .bottom_section > .box > section section .caution {
  font-size:15px;
  padding:1em;
  background:#F0EAD4;
  margin:20px 0 0;
}
.gift .bottom_section > .box > section section .caution span {color:#B69527;}
.gift .bottom_section > .box > section .hoso {
  display:flex;
  justify-content:space-around;
} 
.gift .bottom_section > .box > section .hoso dl {width:30%;}
.gift .bottom_section > .box > section .hoso dl dt {
  font-weight:500;
  font-size:23px;
  text-align:center;
  color:#FFFFFF;
  line-height:1.1;
  background:var(--color01);
  padding:0.4em 1em;
  margin:0 auto 20px;
  border-radius:15px;
}
.gift .bottom_section > .box > section .hoso dl dd {text-align:center;}
.gift .bottom_section > .box > section .hoso dl dd p {text-align:left;}
.gift .bottom_section > .box > section .kakegami {
  display:flex;
  justify-content:space-around;
  text-align:center;
}
.gift .bottom_section > .box > section .kakegami div {padding:0 1%;}
.gift .bottom_section > .box > section .kakegami img {
  display:inline-block;
  margin:0 0 10px;
}
.gift .bottom_section > .box > section .fukuro {
  display:flex;
  justify-content:space-between;
  text-align:center;
}
.gift .bottom_section > .box > section .fukuro div {
  display:inline-block;
  width: 48%;
  margin:0 0 2%;
}
.gift .bottom_section > .box > section .fukuro div p {text-align:left;}

/** history **/

.history {
  background:url("../img/history_head.jpg") no-repeat top center,#FAF8F0;
  padding:390px 0 90px;
}
.history h2 {
  height:200px;
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#B69527;
  font-size:52px;
  text-align:center;
  padding:60px 0 0;
  margin:0 auto 90px;
  background:url("../img/h2_voice.png") no-repeat center;
  line-height:1.5;
}
.history section {margin:0 auto 120px;}
.history section .h3_hisory {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height:250px;
  margin:0 0 30px;
}
.history section:nth-of-type(1) .h3_hisory {background:#5D82A4;}
.history section:nth-of-type(2) .h3_hisory {background:#8FA062;}
.history section:nth-of-type(3) .h3_hisory {background:#E5897C;}
.h3_hisory > img {
  position:absolute;
  display:block;
  width:auto;
  height:100%;
  top:0;
  bottom:0;
  z-index:0;
}
.history section:nth-of-type(1) .h3_hisory img {left:calc(50% + 40px);}
.history section:nth-of-type(2) .h3_hisory img {right:calc(50% + 40px);}
.history section:nth-of-type(3) .h3_hisory img {left:calc(50% + 40px);}
.history section .h3_hisory h3 {
  position:absolute;
  font-family: 'Hina Mincho', serif;
  font-weight:normal;  color:#FFFFFF;
  font-size:41px;
  line-height:1.4;
  z-index:1;
}
.history section:nth-of-type(1) .h3_hisory h3 {right:calc(50% + 40px);}
.history section:nth-of-type(2) .h3_hisory h3 {left:calc(50% + 40px);}
.history section:nth-of-type(3) .h3_hisory h3 {right:calc(50% + 40px);}
.history section .h3_hisory p {
  position:absolute;
  font-family: 'Hina Mincho', serif;
  font-weight:normal;  color:rgba(255,255,255,0.75);
  font-size:100px;
  line-height:1;
  z-index:2;
  top:10px;
}
.history section:nth-of-type(1) .h3_hisory p {left:calc(50% + 50px);}
.history section:nth-of-type(2) .h3_hisory p {right:calc(50% + 50px);}
.history section:nth-of-type(3) .h3_hisory p {left:calc(50% + 50px);}
.history section .box {max-width:1040px;}
.history section .box p {
  font-size:22px;
  line-height:2;
}

/** order **/

.order {
  padding:90px 0 0;
}
.order h2 {
  font-family: 'Hina Mincho', serif;
  font-weight:normal;
  color:#B69527;
  font-size:52px;
  text-align:center;
  margin:0 auto 50px;
  line-height:1.5;
}
.order section  {
  text-align:center;
  margin:0 auto 50px;
}
.order section h3 {
  font-size:26px;
  color:#FFFFFF;
  line-height:1.1;
  background:var(--color01);
  padding:0.4em 1em;
  margin:0 auto 30px;
}
.order section p {
  font-size:19px;
  line-height:1.7;
}
.order section .tel_box p {
  display:inline-block;
  margin:0 40px 20px;
}
.order section .pay_box p {
  display:inline-block;
  font-size:16px;
  color:#DE2800;
  text-align:left;
  margin:0 0 20px;
}
.order section .pay_box {margin:20px auto 0;}
.order .btn {
  width:500px;
  height:80px;
  line-height:80px;
  margin:0 auto;
}
.order .btn a {
  display:block;
  width:100%;
  height:100%;
  border-radius:999px;
  font-size:30px;
  font-weight:500;
  color:#FFFFFF;
  text-align:center;
  background: rgba(53,99,142,1);
  background: url("../img/bg_btn.png") no-repeat left 20px center,linear-gradient(to right, rgba(53,99,142,1) 0%, rgba(53,99,142,1) 10%, rgba(0,50,101,1) 100%);
  box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
  text-decoration:none;
}


@media screen and (max-width: 1000px){ 
  .lead {padding:120px 0 150px;}
  .lead > .fade01, .lead > .fade02 {
    width:894px;
    height:279px;
  }
  .lead h2 {font-size:30px;}
  .lead h2 span{font-size:39px;}
  .lead p {font-size:16px;}
  .voice h2 {
    font-size:30px;
    padding:45px 0 0;
  }
  .voice h2 span {font-size:39px;}
  .voice .slider_area .box p {font-size:18px;}
  .voice .slider_area .voice_slider .slick-slide dl dt {font-size:18px;}
  .voice .slider_area .voice_slider .slick-slide dl dd {font-size:14px;}
  .voice .slider_area .voice_slider + .box p {font-size:15px;}
  .reason .head_section {
    padding:120px 20px 90px;
    background:url("../img/reason_head.png") no-repeat top center / auto 100%,var(--color01);
  }
  .reason .head_section h2 {font-size:42px;}
  .reason .head_section h2 > span span {font-size:56px;}
  .reason .head_section p {font-size:18px;}
  .recipe {padding:100px 0 0;}
  .recipe h2 {font-size:42px;}
  .recipe h2 > span {font-size:56px;}
  .recipe .box p {font-size:18px;}
  .recipe > ul + div {font-size:15px;}
  .gift .head_section h2 {font-size:42px;}
  .gift .head_section h2 span {font-size:56px;}
  .gift .bottom_section > .box > section h3 {font-size:23px;}
  .gift .bottom_section > .box > section .box > p {font-size:16px;}
  .gift .bottom_section > .box > section section h4 {font-size:18px;}  
  .gift .bottom_section > .box > section .hoso dl dt {font-size:18px;}  
  .history {
    background:url("../img/history_head.jpg") no-repeat top center / 100%,#FAF8F0;
    padding:180px 0 90px;
  }
  .history h2 {
    font-size:39px;
    padding:70px 0 0;
  }
  .history section .h3_hisory {height:180px;}
  .history section .h3_hisory h3 {font-size:30px;}
  .history section .h3_hisory p {font-size:70px;}
  .history section .box p {font-size:16px;}
  .order h2 {font-size:39px;}
  .order section h3 {font-size:19px;}
  .order .btn {
    width:400px;;
    height:60px;
    line-height:60px;
  }
  .order .btn a {font-size:22px;}
}


@media screen and (max-width: 1100px){ 
  
.reason > section {padding:80px 0 100px;}
  .reason > section h3 {
    font-size:33px;
    margin:0 auto 75px;
  }
  .reason > section section {
    max-width:none;
    min-height:auto;
    margin:0 auto 60px;
    padding:0 100px;
  }
  .reason > section section > div {width:calc(50% - 15px);}
  .reason > section section:nth-of-type(even) > div {margin:0 0 0 calc(50% + 15px);}
  .reason > section section h4 {font-size:24px;}
  .reason > section section > div p {font-size:15px;}
  .reason > section section > p {
    width:60px;
    left:20px;
  }
  .reason > section section > figure {
    width:calc(50vw - 20px);
    left:calc(50% + 20px);
  }
  .reason > section section:nth-of-type(even) > figure {right:calc(50% + 20px);}
  .reason > .kodawari03 section h4 {text-align:center;}
  .reason > .kodawari03 section > p {width:155px;}
  .reason > .kodawari03 section h4 + p {font-size:15px;}
}

.fade {opacity:0;transition:0.5s;transform:translateY(100px);}
.fade.fadein {opacity:1;transform:translateY(0);}