@charset "UTF-8";


/* back color */
.back_bk{ background:#000; }
.back_pi{ background:#eb738f; }
.back_lpi{ background:#f7baa5; }
.back_bl{ background:#0e6eb8; }
.back_org{ background:#ea591d; }
.back_cme{ background:#c99e2a; }
.back_brn{ background:#7f4e20; }
.back_nev{ background:#161b61; }
.back_blk { background:#221814; }
.back_gry { background:#c9c9ca; }
.back_grn { background:#006834; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }
.back_yelw { background:#fff100; }
.back_bge { background:#FFC5A2; }

/* fade animation ----------*/
.fade { opacity:0; transition:all 1s ease-out!important; }
.fade-left { transform:translateX(-100%); }
.fade-right { transform:translateX(100%); }
.fade-up { transform:translateY(100px); }
.fade-down { transform:translateY(-100px); }
.fade.active {
  transform:translate(0,0)!important;
  opacity:1!important;
}

/* common ----------*/
body { 
  color:#4d4d4d;
  background:#F0EDE7;
}
main {
/*  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif;*/
  font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  line-height:1.6;
}


div:after,ul:after { display:none; }
p { margin:0; }

h2 {
  font-size:4rem;
  letter-spacing:0.1em;
  color:#0B2447;
  font-weight: bold;
  padding-bottom:2rem;
  margin-bottom:2rem;
  border-bottom:solid 3px #6D98BA;
}
h3 {
  font-size:3rem;
  font-weight: bold;
  margin:0;
}
h3 span {
  display:block;
  font-size:1.8rem;
  letter-spacing:0.2em;
  font-weight:normal;
  margin-bottom:1rem;
}

p.catch {
  text-align:center;
  font-size:1.8rem;
  margin-top:1rem;
}
.flbArea { display:flex; justify-content:space-between; margin-top:4rem; }
.flbArea .img { width:45%; }
.flbArea .img .slick-dotted.slick-slider { margin-bottom:0; }
.flbArea .text {
  width:50%;
  display:flex;
  flex-direction:column;
}
.flbArea .text .ttl {
  font-size:2rem;
  position:relative;
  font-weight: bold;
}
.flbArea .text .ttl span {
  display:inline-block;
  min-width:11rem;
  text-align:center;
  padding:3px 2em;
  color:#fff;
  font-size:1.4rem;
  position:absolute;
  top:0;
  right:0;
  border-radius:5px;
}
.flbArea .text .price { font-size:1.8rem; margin-bottom:3rem; font-weight: bold; margin-top:1rem; }
.flbArea .text .btn { max-width:20rem; width:100%; margin-top:auto; position:relative; }
.flbArea .text .btn a {
  display:block;
  text-align:center;
  color:#fff;
  border-radius:5px;
  padding:5px 1em;
  font-weight: bold;  
}
.flbArea .btn i {
  position:absolute;
  top:50%;
  right:1rem;
  transform:translateY(-50%);
}

.flbArea.rev .img { order:2; }
.flbArea.rev .text { order:1; }

.flbArea .slick-dots { bottom:0; }
.flbArea .slick-dots li {
  background:#fff;
  border-radius:50%;
  width:1.2rem;
  height:1.2rem;
}
.flbArea .slick-dots li.slick-active { background:#707070; }
.flbArea .slick-dots li button { width:1.2rem; height:1.2rem; padding:0; }
.flbArea .slick-dots li button:before { display:none; }



/* common parts ----------*/
#header-new { background:rgba(255,255,255,.8)!important; }

.inner { max-width:124rem; width:100%; padding:0 2rem; margin:0 auto; }
.bold { font-weight: bold; }
.tc { text-align:center; }
.line1 { line-height:1; }
.font_goth {
  font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.font_min {
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif;
}

/* responsive ----------*/
.pc { display:block; }
.sp-only { display:none; }
.br102 { display:none; }
.br82 { display:none; }
.br82-only { display:none; }
.br60 { display:none; }
@media screen and (max-width:1020px){
  .br102 { display:block; }
}
@media screen and (max-width:820px){
  .pc-only { display:none; }
  .br82-only { display:block; }
  .br82 { display:block; }
}
@media screen and (max-width:600px){
  .pc { display:none; }
  .br82-only { display:none; }
  .sp-only { display:block; }
}

/* pan ----------*/
.breadcrumbs { position:relative; margin:0 auto; max-width:1240px; z-index:10; }
.breadcrumbs .crumbList { position:absolute; top:1rem; color:#333; }
.breadcrumbs .crumbList a { color:#333; }
.breadcrumbs .crumbList span { color:#333; }




#mv { position:relative; }
#mv .textarea {
  position:absolute;
  bottom:5rem;
  left:12rem;
  max-width:46rem;
  width:100%;
}
#mv .lead { font-size:2rem; margin-bottom:4rem; font-weight:normal; line-height:1.6; }
#mv ul { display:flex; justify-content:space-between; margin-bottom:2rem; }
#mv ul li { width:48%; }
#mv ul li a {
  display:block;
  text-align:center;
  line-height:6.5rem;
  border-radius:13px;
  font-weight: bold;
  font-size:2rem;
}
#mv ul li:first-child a { background:#6D98BA; color:#fff; }
#mv ul li:last-child a { background:#fff; border:solid 1px #707070; color:#0B2447; }


#cont02,#cont03,#cont04,#cont05,#cont06 { padding:3rem 0 6rem; }

#cont01 { background:#F0EDE7; padding:5rem 0; }
#cont01 .whiteBox {
  background:#fff;
  padding:5rem 4rem;
  display:flex;
  justify-content:space-between;
  border-radius:20px;
}
#cont01 .whiteBox .img { width:48%; }
#cont01 .whiteBox .text {
  width:50%;
  color:#B39C01;
  display:flex;
  flex-direction:column;
}
#cont01 .whiteBox .text h3 { position:relative; padding-top:1rem;  }
#cont01 .whiteBox .text h3:before {
  content:"";
  display:block;
  width:15rem;
  height:3px;
  background:#B39C01;
  position:absolute;
  top:0;
  left:0;
}
#cont01 .whiteBox .text .tx { color:#707070; margin:2rem 0; }
#cont01 .whiteBox .text .btn {
  max-width:35rem;
  width:100%;
  margin-top:auto;
  position:relative;
}
#cont01 .whiteBox .text .btn a {
  display:block;
  background:#b39c01;
  color:#fff;
  padding:1rem;
  letter-spacing:0.1em;
  border-radius:5px;
}
#cont01 .whiteBox .text .btn i {
  position:absolute;
  top:50%;
  right:1rem;
  transform:translateY(-50%);
}
#cont01 .newitem {
  width:75%;
  margin:5rem auto 0;
}
#cont01 .newitem h3 {
  text-align:center;
  color:#0b2447;
  position:relative;
  padding-top:2rem;
}
#cont01 .newitem h3:before {
  content:"";
  display:block;
  width:30rem;
  height:3px;
  background:#0b2447;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
#cont01 .newitem h3 span {}
#cont01 .newitem .lead {
  text-align:center;
  font-size:1.8rem;
  font-weight:normal;
  margin:1rem 0 2rem;
  color:#0b2447;
}
#cont01 .newitem .img {}
#cont01 .newitem ul  { display:flex; justify-content:space-between; margin-top:2rem; }
#cont01 .newitem ul li { width:32%; }
#cont01 .newitem ul li a {
  display:block;
  text-align:center;
  background:#fff;
  border:solid 1px #0B2447;
  color:#0B2447;
  border-radius:10px;
  padding:1rem 0;
  font-weight: bold;
}

#cont02 { background:#95B7D2; color:#fff; }
#cont02 .flbArea .ttl span { background:#001351; }
#cont02 .flbArea .btn a { background:#001351; }

#cont03 { background:#F0F5E6; color:#0B2447; }
#cont03 .flbArea .ttl span { background:#71BE7C; }
#cont03 .flbArea .btn a { background:#71BE7C; }
#cont03 h4 { text-align:center; margin:6rem 0 3rem; font-size:2rem; }
#cont03 .cont2-item {
  display:flex;
  justify-content:space-between;
  width:75%;
  margin:0 auto 4rem;
}
#cont03 .cont2-item li {
  width:48%;
  background:#fff;
  padding:2rem;
  border-radius:20px;
}
#cont03 .cont2-item li .item-name { margin-top:1rem; font-size:2rem; font-weight:bold; }
#cont03 .cont2-item li .cate { display:flex; margin:1rem 0; }
#cont03 .cont2-item li .cate p { background:#E6E6E6; padding:3px 1.5em; border-radius:30px; margin-right:5px; }
#cont03 .cont2-item li .cate p:last-child { margin-right:0; }
#cont03 .cont2-item li .tx { font-size:1.4rem; }
#cont03 .cont2-item li .btn { max-width:20rem; width:100%; margin:2rem auto 0; }
#cont03 .cont2-item li .btn a {
  display:block;
  text-align:center;
  padding:0.5rem 0;
  background:#71be7c;
  color:#fff;
  font-weight:bold;
  border-radius:8px;
}
#cont03 .emb-btn {
  max-width:32rem;
  width:100%;
  margin:3rem auto 0;
}
#cont03 .emb-btn a {
  display:block;
  background:#71be7c;
  color:#fff;
  border-radius:8px;
  text-align:center;
  padding:1rem 0;
  font-weight: bold;
}

#cont04 { background:#FFF0F8; color:#0B2447; }
#cont04 .flbArea .ttl span { background:#71BE7C; }
#cont04 .flbArea .btn a { background:#71BE7C; }

#cont05 { background:#FFEDCE; color:#0B2447; }
#cont05 h3 {  }
#cont05 h3 span {
  display:block;
  border-top:solid 2px #B39C01;
  color:#B39C01;
  max-width:26rem;
  width:100%;
  margin:0 auto 1rem;
  padding-top:1rem;
  font-size:1.6rem;
}
#cont05 .top {
  max-width:75%;
  width:100%;
  margin:3rem auto 5rem;
}
#cont05 .top .day {
  background:#fff;
  border:solid 1px #707070;
  border-radius:8px;
  padding:1rem 0;
  text-align:center;
  font-weight: bold;
  margin-top:2rem;
  font-size:2rem;
}
#cont05 .cont2-item {
  display:flex;
  justify-content:space-between;
  margin:0 auto 4rem;
}
#cont05 .cont2-item li {
  width:48%;
  background:#fff;
  padding:2rem;
  border-radius:20px;
}
#cont05 .cont2-item li .item-name { margin-top:1rem; font-size:2rem; font-weight:bold; }
#cont05 .cont2-item li .cate { display:flex; margin:1rem 0; }
#cont05 .cont2-item li .cate p { background:#E6E6E6; padding:3px 1.5em; border-radius:30px; margin-right:5px; }
#cont05 .cont2-item li .cate p:last-child { margin-right:0; }
#cont05 .cont2-item li .tx { font-size:1.4rem; }
#cont05 .cont2-item li .btn { max-width:20rem; width:100%; margin:2rem auto 0; }
#cont05 .cont2-item li .btn a {
  display:block;
  text-align:center;
  padding:0.5rem 0;
  background:#B39C01;
  color:#fff;
  font-weight:bold;
  border-radius:8px;
}
#cont05 .fukubukuro {
  position:relative;
  padding:4rem 8rem 2rem;
  border:solid 1px #575757;
  margin-top:8rem;
}
#cont05 .fukubukuro .ttl {
  position:absolute;
  top:-2.5rem;
  left:50%;
  transform:translateX(-50%);
  font-size:1.8rem;
  text-align:center;
  background:#fff;
  max-width:50rem;
  width:100%;
  font-size:1.8rem;
  font-weight: bold;
  height:5rem;
  line-height:5rem;
  border:solid 1px #575757;
}

#cont06 { background:#F0EDE7; color:#0B2447; }
#cont06 h3 i { display:block; }
#cont06 h4 { font-size:2.6rem; text-align:center; }
#cont06 h4 span { display:block; font-size:1.6rem; font-weight:normal; }
#cont06 .scene { display:flex; justify-content:space-between; margin:3rem auto 0; width:75%;  }
#cont06 .scene li { width:48%; }
#cont06 .scene li .img { position:relative; }
#cont06 .scene li .img p {
  position:absolute;
  top:1rem;
  left:0;
  right:0;
  width:100%;
  text-align:center;
  font-size:1.8rem;
  font-weight: bold;
  color:#fff;
  text-shadow:0 0 6px rgb(0,0,0,.8);
}
#cont06 .scene li .img p span { display:block; font-size:80%; }
#cont06 .scene li .text { background:#fff; padding:2rem; }
#cont06 .scene li .text .btn {  }
#cont06 .scene li .text .btn a {
  display:block;
  padding:1rem 0;
  border-radius:8px;
  margin-top:2rem;
  text-align:center;
  background:#71BE7C;
  color:#fff;
  font-weight: bold;
}
#cont06 .shape { margin-top:5rem; }
#cont06 .shape ul {
  display:flex;
  flex-wrap:wrap;
  max-width:90rem;
  width:100%;
  margin:2rem auto 0;
}
#cont06 .shape ul li {
  width:calc(50% - 0.5rem);
  margin-right:1rem;
}
#cont06 .shape ul li:nth-of-type(2n) { margin-right:0; }
#cont06 .shape ul li:nth-of-type(n+3) { margin-top:1rem; }
#cont06 .shape ul li a { display:block; position:relative; }
#cont06 .shape ul li a p {
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  transform:translate(-50%,-50%);
  color:#fff;
  font-size:1.8rem;
  font-weight: bold;
}
#cont06 .price { margin-top:5rem; }
#cont06 .price ul { display:flex; max-width:75rem; width:100%; margin:2rem auto 0; }
#cont06 .price ul li {
  width:calc(100% / 3 - 6rem / 3);
  margin-right:3rem;
}
#cont06 .price ul li:last-child { margin-right:0; }
#cont06 .price ul li a {
  display:block;
  padding:1rem;
  background:#fff;
  border:solid 1px #0B2447;
  border-radius:10px;
  text-align:center;
  color:#0b2447;
}
#cont06 .price .all { max-width:50rem; width:100%; margin:5rem auto 0; }
#cont06 .price .all a {
  position:relative;
  display:block;
}
#cont06 .price .all a p {
  position:absolute;
  font-size:1.8rem;
  font-weight: bold;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
}
#cont06 .qa { margin-top:5rem; }
#cont06 .qa h4 {  }
#cont06 .qa h4 span {
  display:block;
  color: #B39C01;
  border-top:solid 2px #b39c01;
  max-width:20rem;
  width:100%;
  margin:0 auto;
  padding-top:2rem;
  margin-bottom:1rem;
  letter-spacing:0.2em;
}
#cont06 .qa ul { display:flex; flex-wrap:wrap; margin-top:3rem; }
#cont06 .qa ul li {
  width:calc(50% - 1.5rem);
  margin-right:3rem;
  background:#fff;
  padding:2rem;
  border-radius:15px;
  color:#707070;
  display:flex;
  flex-direction:column;
}
#cont06 .qa ul li:nth-of-type(2n) { margin-right:0; }
#cont06 .qa ul li:nth-of-type(n+3) { margin-top:3rem; }
#cont06 .qa ul li .ttl {
  font-size:1.8rem;
  font-weight: bold;
  border-bottom:solid 1px #707070;
  margin-bottom:1rem;
  padding-bottom:1rem;
}
#cont06 .qa ul li .tx { margin-bottom:2rem; }
#cont06 .qa ul li .btnArea { display:flex; margin-top:auto; }
#cont06 .qa ul li .btnArea a {
  color:#707070;
  font-weight: bold;
}
#cont06 .qa ul li .btnArea a:first-child { margin-right:3em; }
#cont06 .last { margin-top:5rem; }
#cont06 .last p { text-align:center; font-size:1.8rem; }
#cont06 .last ul {
  max-width:45rem;
  width:100%;
  display:flex;
  justify-content:space-between;
  margin:3rem auto 0;
}
#cont06 .last ul li { width:49%; }
#cont06 .last ul li a {
  display:block;
  padding:1rem 0;
  border-radius:10px;
  background:#fff;
  font-size:1.8rem;
  letter-spacing:0.1em;
  font-weight: bold;
  text-align:center;
  color:#1A4100;
  border:solid 1px #707070;
}
#cont06 .last ul li:first-child a { background:#6D98BA; color:#fff; border-color:#6d98ba; }



@media screen and (max-width:1080px){
  #mv .textarea {
    position:initial;
    max-width:100%;
    padding:0 2rem;
    text-align:center;
    margin-top:2rem;
  }
}
@media screen and (max-width:820px){
  .flbArea { display:block; }
  .flbArea .img { width:100vw; margin:0 calc(50% - 50vw); }
  .flbArea .text { width:100%; margin-top:2rem; }
  .flbArea .text .btn { margin:2rem auto 0; }
  
  #cont01 .whiteBox { display:block; }
  #cont01 .whiteBox .img,#cont01 .whiteBox .text { width:100%; }
  #cont01 .whiteBox .text { margin-top:2rem; }
  #cont01 .whiteBox .text h3 { text-align:center; }
  #cont01 .whiteBox .text h3 span { text-align:center; }
  #cont01 .whiteBox .text h3:before { width:100%; }
  #cont01 .whiteBox .text .btn { margin:auto; }
  #cont01 .newitem ul { display:block; }
  #cont01 .newitem ul li { width:100%; }
  #cont01 .newitem ul li:nth-of-type(n+2) { margin-top:5px; }
  
  #cont03 .cont2-item { width:100%; }
  #cont03 .cont2-item li .cate p { font-size:1.2rem; }
  
  #cont06 .scene { width:100%; }
  #cont06 .qa ul li .btnArea { flex-direction:column; }
  #cont06 .qa ul li .btnArea a:first-child { margin-right:0; margin-bottom:1rem; }
  #cont06 .qa ul li .btnArea a:last-child { margin-bottom:0; }
}
@media screen and (max-width:600px){
  #pageup { bottom:2rem; width:auto; }
  body { font-size:1.8rem; }
  section { margin-top:0!important; }
  section > .inner > h3:first-child { margin-top:0; }
  h2 { font-size:3rem; margin-bottom:1rem; padding-bottom:1rem; }
  h3 { font-size:2.6rem; line-height:1.4; }
  h3 span { font-size:1.6rem; margin-bottom:2rem; }
  h3 i { display:inline-block; width:8rem; margin-bottom:1rem; }
  p.catch { margin-top:2rem; }
  .flbArea .text .ttl { font-size:2.2rem; }
  .flbArea .text .price { font-size:2rem; }
  .flbArea .text .btn a { padding:1rem; }
  
  #cont01,#cont02, #cont03, #cont04, #cont05, #cont06 { margin:0; }
  
  #mv .lead { margin:1em 0; }
  
  #cont01 .whiteBox .text .btn { max-width:100%; }
  #cont01 .whiteBox .text .btn a { padding:1rem 2rem; text-align:center; }
  #cont01 .newitem { width:100%; }
  #cont01 .newitem .img { width:100vw; margin:0 calc(50% - 50vw); }
  #cont01 .newitem ul li a { font-size:2rem; padding:2rem 0; }
  
  #cont03 .cont2-item { display:block; }
  #cont03 .cont2-item li { width:100%; padding:3rem; }
  #cont03 .cont2-item li:nth-of-type(n+2) { margin-top:2rem; }
  #cont03 .cont2-item li .cate p { font-size:1.4rem; }
  #cont03 .emb-btn { max-width:100%; }
  #cont03 .emb-btn a { font-size:2rem; padding:1.5rem 0; }
  
  #cont05 .top .img { width:100vw; margin:0 calc(50% - 50vw); }
  #cont05 .cont2-item { display:block; }
  #cont05 .cont2-item li { width:100%; padding:3rem; }
  #cont05 .cont2-item li:nth-of-type(n+2) { margin-top:2rem; }
  #cont05 .fukubukuro { padding:4rem 4rem 2rem; }
  #cont05 .fukubukuro .ttl { max-width:100%; width:70%;  }
  
  #cont06 h3 i { margin:0 auto 1rem; }
  #cont06 .scene { display:block; }
  #cont06 .scene li { width:100%; margin-right:0; }
  #cont06 .scene li:nth-of-type(n+2) { margin-top:2rem; }
  #cont06 .shape ul li a p { width:100%; }
  #cont06 .shape ul li a p,#cont06 .price .all a p { font-size:2rem; }
  #cont06 .price ul { display:block; }
  #cont06 .price ul li { width:100%; }
  #cont06 .price ul li:nth-of-type(n+2) { margin-top:5px; }
  #cont06 .price ul li a { padding:2rem 0; }
  #cont06 .qa ul { display:block; }
  #cont06 .qa ul li { width:100%; margin-right:0; }
  #cont06 .qa ul li:nth-of-type(n+2) { margin-top:2rem; }
}