@charset "utf-8";

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

/* 基本設定
****************************************/
html {
  font-size: 62.5%;
}

body {
  background: #F6F4EE;
  font-size: 16px;
  line-height: 2;
  color: #000000;
  font-family: 'Noto Sans JP','Source Sans Pro','Lora','Zen Old Mincho','Lato', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  letter-spacing: 0.1em;
  font-weight: 400;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

iframe {
  vertical-align: middle;
}


/* CLEAR-FIX */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.notfound {
  font-size: 40px;
  font-weight: bold;
}

/*flex---------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fl_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.al_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fl_wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.jc_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fl_reverse{
  -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* pcでは横並び、spでは縦並び */
.fl_pcsp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width:825px) {
  body {
    font-size: 14px;
  }

  /* pcでは横並び、spでは縦並び */
  .fl_pcsp {
    display: block;
  }
}

/*inner---------------------------------*/

.inner{
  width: 80%;
  margin: 0 auto;
}
.innerS {
  width: 70%;
  margin: 0 auto;
}

.inner_l {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}



@media screen and (max-width:825px) {
  .inner,
  .inner_l,
  .innerS{
    width: calc(100% - 20px);

  }
}

/*PC/SP表示----------------------------*/

.sp {
  display: none;
}

.pc {
  display: block;
}

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

  .sp {
    display: block;
  }

  .pc {
    display: none;
  }
}


/*テキスト配置---------------------------------*/

.tac {
  text-align: center;
}
.tl{
  text-align: left;
}

.pc_tac {
  /* pcは中央揃え、spは左寄せ */
  text-align: center;
}

@media screen and (max-width:825px) {
.pc_tac {
  /* pcは中央揃え、spは左寄せ */
  text-align: left;
}
}


/*余白---------------------------------*/


.pt40 {
  padding-top: 40px;
}

.pt80{
  padding-top: 80px;
}

.pt120 {
  padding-top: 120px;
}

.pt150 {
  padding-top: 150px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb120 {
  padding-bottom: 120px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pt70{
  padding-top: 70px;
}

.pt85 {
  padding-top: 85px;
}

.pb80 {
  padding-bottom: 80px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb50{
  padding-bottom: 50px;
}
.pb15 {
  padding-bottom: 15px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb120 {
  margin-bottom: 120px;
}

.mb40 {
  margin-bottom: 40px;
}

.secWrap02{
  padding-top: 150px;
}

@media screen and (max-width:825px) {
  .pt150,
  .pt120 {
    padding-top: 80px;
  }
  .pt70{
    padding-top: 30px;
  }

  .pb120 {
    padding-bottom: 80px;
  }

  .pt100,
  .pt80 {
    padding-top: 60px;
  }

  .pb100 {
    padding-bottom: 60px;
  }

  .pb80,
  .pb60 {
    padding-bottom: 60px;
  }

  .pt60 {
    padding-top: 60px;
  }


  .mb60 {
    margin-bottom: 40px;
  }
  .secWrap {
    padding-top: 80px;
  }
  .secWrap02 {
    padding-top: 80px;
  }
}

/*横幅---------------------------------*/

.w50{
  width: 50%;
}
@media screen and (max-width:825px) {

  .w50{
    width: 100%;
  }
}

/*文字サイズ---------------------------------*/

.fz13 {
  font-size: 13px;
}


/*フォントfont---------------------------------*/
.serif {
  font-family: 'Noto Serif JP',
    serif;
}
.sans {
  font-family: serif;
}

.Zen{
  font-family: 'Zen Old Mincho',
  serif;
}

.Lora {
  font-family: 'Lora', serif;
}

/*色---------------------------------*/

.white {
  color: #fff;
}

.theme_color {
  color: #00BDBD;
}
.theme_color_02 {
  color: #633322;
}

.theme_color_03 {
  color: #B19990;
}

.bg_theme_color {
  background: #04263C;
}

.bg_black {
  background: #000000;
}


/* 横100％の画像-----------------------*/

.SectionImg {
  width: 100%;
  height: 500px;
}

@media screen and (max-width:825px) {
  .SectionImg {
    height: 250px;
  }
}
@media screen and (max-width:550px) {
  .sectionImg {
    display: none;
  }


}

/*ボタン----------------------------------*/

/* ヘッダーナビのボタン */
.navMenuBtn {
  font-size: 13px;
  color: #fff;
  padding: 15px 30px;
  border-radius: 30px;
  line-height: 1;
  text-align: center;
  border: 1px solid #04263C;
  background: #04263C;
}

.navMenuBtn img {
  margin-left: 16px;
  transition: .3s;
}

.navMenuBtn:hover img {
  transform: translateX(3px);
}

/* 通常のボタン */
.btn {
  width: 240px;
  padding: 20px 0;
  line-height: 1.4;
  font-size: 16px;
  transition: .3s;
  text-align: center;
  display: inline-block;
  background: #fff;
  transition: ease .2s;
  color: #633322;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}

.btn:hover {
  color: #ffffff;
  background: #633322;
}
.btn img{
  margin-right: 10px;
}
.btn_wrap {
  margin-top: 20px;
}

@media screen and (max-width: 825px) {
  .btn {
    width: 100%;
  }
}


/*タイトル（適宜変更・削除してください）-------*/

.ttl1_sub {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}

.ttl1_main {
  font-size: 32px;
  line-height: 1.8;
  margin-bottom: 40px;
}

.ttl2_sub {
  font-size: 12px;
  color: #4C4C4C;
  margin-bottom: 10px;
}

.ttl2_main {
  font-size: 24px;
  font-weight: 500;
  line-height: 45px;
  margin-bottom: 30px;
}

.ttl3_sub {
  font-size: 12px;
  margin-bottom: 10px;
}

.ttl3_main {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 3px;
  color: #4C4C4C;
}

.ttl4_main {
  font-size: 24px;
  padding-left: 22px;
  border-left: 3px solid #005BB3;
  line-height: 1.4;
  margin-bottom: 40px;
}

.underTtl_main {
  font-size: 50px;
  margin-bottom: 35px;
  line-height: 1.4;
}

@media screen and (max-width:825px) {
  .ttl1_sub {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .ttl1_main {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .ttl2_sub {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .ttl2_main {
    font-size: 23px;
  }

  .ttl3_sub {
    font-size: 12px;
  }

  .ttl3_main {
    font-size: 16px;
    margin-bottom: 1px;
  }

  .ttl4_main {
    font-size: 21px;
    padding-left: 15px;
    margin-bottom: 25px;
  }

  .underTtl_main {
    font-size: 34px;
  }
}


/*カラム----------------------------------*/
.col50 {
  width: 50%;
}

.col45 {
  width: 45%;
}

.col28_wrap {
  position: relative;
}

.col72 {
  width: 73%;
  margin-left: 28%;
}

.col28 {
  width: 28%;
  position: absolute;
  top: 0;
  left: 0;
}

.b_radius5 {
  border-radius: 5px;
}

@media screen and (max-width:825px) {
  .col50 {
    width: 100%;
  }

  .col45 {
    width: 100%;
  }

  .col72 {
    width: 100%;
    margin-left: 0%;
  }

  .col28 {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
  }

}


/*ヘッダー----------------------------------*/

.header {
  color: #fff;
  top: 0px;
  width: 100%;
  z-index: 100;
  font-size: 14px;
  position: fixed;
  padding: 15px 0;
  font-weight: bold;
}
.header_wrap {
  margin: 0 45px;
  position: relative;
}

.header_logo {
  width: 63px;
}
.header_nav {
  justify-content: flex-end;
}
.header_nav li{
  padding: 0 15px;
}

.header.active {
  opacity: 1;
  top: 0;
  transition: .8s;
}

.headerLogo a,
.navMenu a {
  text-decoration: none;
}

.headerLogo {
  z-index: 1000;
}

.headerLogo_img {
  width: 60px;
}

.headerLogoTxt {
  font-size: 12px;
}

.headerLogoZ {
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

.navMenu {
  font-size: 12px;
  font-weight: bold;
}

.navMenu li:not(:first-child) {
  margin-left: 30px;
}

.navMenu a {
  display: block;
}

#spNav {
  display: none;
}

.tel_img_sp{
  width: 48px;
}
.spNav_tel {
  text-align: center;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spNav_tel img{
  width: 15px;
}
.spNavWrap {
  border-bottom: 1px solid #04263C;
}

@media screen and (max-width:1060px) {
  .header {
    padding: 5px 0;
    height: 49px;
  }
  .header_wrap {
    margin: 0 20px;
  }

  .navMenu {
    display: none;
  }
  .header_nav {
    display: none;
  }
  .header_logo {
    top: 6px;
    width: 40px;
    z-index: 10;
    position: fixed;
  }

  #spNav {
    display: block;
  }

  /* スマホナビ */
  #nav-toggle {
    position: fixed;
    top: 0px;
    right: 0px;
    cursor: pointer;
  }

  #nav-toggle>div {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #00BDBD;
    border-radius: 100px;
    top: 12px;
      right: 20px;
  }

  #nav-toggle span {
    width: 16px;
    height: 2px;
    left: 16px;
    display: block;
    background: #fff;
    position: absolute;
    transition: .2s;
  }

  #nav-toggle span:nth-child(1) {
    top: 19px;
  }

  #nav-toggle span:nth-child(2) {
    top: 24px;
  }

  #nav-toggle span:nth-child(3) {
    top: 29px;
  }

  .open #nav-toggle span:nth-child(1) {
    top: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .open #nav-toggle span:nth-child(2) {
    width: 0;
  }

  .open #nav-toggle span:nth-child(3) {
    top: 24px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-toggle {
    z-index: 1000;
  }

  #gloval-nav {
    color: #222;
    background: #fff;
    padding-top: 130px;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s;
  }

  #gloval-nav ul {
    padding-bottom: 30px;
    text-align: center;
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  #gloval-nav ul li {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: 'Noto serif JP',serif;
    font-weight: 400;
    font-size: 18px;
  }
  #gloval-nav ul li:last-child{
    margin-bottom: 0;
  }

  .g-nav_pp {
    margin-top: 40px;
    font-size: 12px;
    margin-bottom: 20px;
  }

  .g-nav_copy {
    font-size: 10px;
    opacity: 0.5;
  }

  .open #gloval-nav {
    visibility: visible;
    opacity: 1;
    z-index: 5;
    overflow: scroll;
  }

}

@media screen and (max-width:825px) {
  .headerLogo_img {
    width: 40px;
  }
}

/*-------------------------
---------- 共通 -----------
-------------------------*/
/*
.secTtl h2{

}

.secTtl02 {

} */

.secTtl {
  margin-bottom: 50px;
}
.secTtl h3{
  color: #00BDBD;
  font-size: 32px;
  line-height: 1.4;
  font-style: italic;
}

.secTtl p{
  font-size: 22px;
  line-height: 1.5;
}


.secTtl02 p:first-child {
  font-size: 14px;
  line-height: 1.7;
  font-family: 'Oswald';
  margin-right: 32px;
  border-bottom: 4px solid #000;
}

.top_sec03 .secTtl02 p:first-child {
  border-bottom: 4px solid #fff;
  margin-right: 32px;
}
.secTtl03 {
  position: relative;
  font-size: 34px;
  line-height: 1.4;
  padding-bottom: 20px;
  font-family: 'Noto Serif JP',serif;
}
.secTtl03::before{
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  border-bottom: 2px solid #C1CCD3;
}
.secTtl03::after{
  position: absolute;
  bottom: 0;
  content: "";
  width: 42%;
  border-bottom: 2px solid #11496D;
}

.secTtl04 {
  padding-bottom: 44px;
}

.secTtl04 h3 {
  font-size: 34px;
  line-height: 1.2;
  margin-right: 25px;
  font-family: 'Noto Serif JP', serif;
}


.secTtl04 p:first-child {
  font-size: 14px;
  line-height: 1.7;
  font-family: 'Oswald';
  margin-right: 42px;
  border-bottom: 4px solid #000;
}

.spbr {
  display: none;
}

@media screen and (max-width:825px) {
    .secTtl02 p:first-child,
  .top_sec03 .secTtl02 p:first-child {
    display: inline-block;
  }
  .spbr {
    display: block;
  }
  .secTtl04 h3,
  .secTtl03 {
    font-size: 22px;
  }
  .secTtl04 p:first-child {
    margin-right: 22px;
  }

}


/*-------------------------
----- 下層ページ共通 -----
-------------------------*/

/*ヘッダー分下げる-----------------------*/

.MainWrap {
  /* PC時のヘッダーの高さ */
  margin-top: 117px;
}
@media screen and (max-width:825px) {
  .MainWrap {
    /* SP時のヘッダーの高さ */
    margin-top: 73px;
  }
}


/*下層ヘッダー---------------------------*/

.PageHeading {
  padding: 80px 0 80px;
}

.PageHeadingTitle_main {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-bottom: 24px;
}

.PageHeadingTitle_sub {
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width:825px) {
    .PageHeading {
      padding: 50px 0 40px;
    }
    .PageHeadingTitle_main {
      font-size: 30px;
      margin-bottom: 15px;
    }
}

@media screen and (max-width:500px) {
  .PageHeadingTitle_main {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .PageHeadingTitle_sub {
    font-size: 13px;
  }
}

/*-------------------------
------- トップページ ------
-------------------------*/

.mv {
  background: url(../img/mv_bg.png)center / cover no-repeat;
  height: 670px;
  width: 100%;
  z-index: 1;
  position: relative;
}
.mv::after {
  content: "";
  top: 0;
  right: 0;
  width: 69%;
  z-index: -1;
  height: 246px;
  position: absolute;
  background: #00BDBD;
}

.mv h1 {
  font-style: italic;
  line-height: 1.3;
  font-size: 3.8vw;
  margin-bottom: 28px;
}
.mv h2 {
  font-size: 2.5vw;
  line-height: 1.4;
  margin-bottom: 12px;
}
.bd {
  font-weight: bold;
}
.mv .secWrap{
  padding-top: 140px;
  position: relative;
}
.mv_txt {
  width: 33%;
  margin-left: 10%;
}
.mv_txt_02 {
  margin-left: 10%;
}
.mv_img {
  width: 55.6%;
  max-width: 700px;
  top: 90px;
  right: 0;
  height: 420px;
  position: absolute;
  z-index: 2;
  background: url(../img/mv_img.jpg) center  / cover  no-repeat;
}

.sec01 {
  padding-top:250px;
}
.sec01_l{
  width: 50%;
  max-width: 800px;
}
.sec01_R{
  width: 50%;
  margin-left: 40px;
}
.fl_01 {
  position: absolute;
  right: 5.2%;
}
.fl_01 img{
  width: 80%;
}
.sec02 .secWrap{
  padding-top: 120px;
}
.sec02_item {
width: 43.8%;
}
.sec02_ttl h2{
  font-size: 48px;
  line-height: 1.4;
  color: #AD9488;
  font-weight: bold;
  font-style: italic;
  margin-right: 20px;
}
.sec02_ttl p{
  font-size: 18px;
  line-height: 1.4;
}
.sec02_item_img {
  background: url(../img/sec02_item01.jpg)center / cover no-repeat;
  height: 197px;
}
.sec02_item_img02 {
  background: url(../img/sec02_item02.jpg)center / cover no-repeat;
  height: 197px;
}
.sec02_txt{
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.8;
}

.sec03 {
  background: url(../img/bg_sea.png) center / cover no-repeat;
  padding-bottom: 120px;
}

.sec03 .secWrap {
  padding-top: 120px;
}
.sec03_item_ttl {
  font-size: 20px;
  line-height: 1.4;
  color: #633322;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}
.sec03_item_ttl::after {
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 75px;
  z-index: 2;
  position: absolute;
  background: #00BDBD;
}
.sec03_item_ttl span{
  font-size: 16px;
}
.sec03_item_ttl02 {
  color: #AD9488;
  font-size: 16px;
}
.sec03_item_img {
  background: url(../img/sec03_item.jpg)center / cover no-repeat;
  height: 450px;
}
.sec03_item_img02{
  background: url(../img/sec04_item.jpg)center / cover no-repeat;
  height: 450px;
}
.sec03_item_img03 {
  background: url(../img/sec05_item.jpg)center / cover no-repeat;
  height: 450px;
}

.sec03_item_item02 li {
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px;
  line-height: 1.4;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: solid 1px #633322;
}
.sec03_item_item02 {
  margin-top: 30px;
}
.price_txt01 {
  font-weight: bold;
  margin: 50px 0 25px;
  line-height: 1.5;
}
.price_list {
  width: 50%;
}
.price_list li{
  padding: 15px 0;
  border-top: solid 1px #633322;
}
.price_list li:last-child{
  border-bottom: 1px solid #633322;
}
.bb{
  border-bottom: 1px solid #633322;
}
.special {
  padding: 80px 0 40px;
  font-family: serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
}

.point_6{
  font-size: 20px;
  font-weight: bold;
}

.point_6_list{
  font-size: 16px;
  line-height: 1.4;
}
.point_6_list li{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.point_6_list_txt {
  margin-left: 10px;
}
.point_6_list_ttl {
  line-height: 1.4;
  margin-top: 30px;
  margin-bottom: 20px;
}

.sec04 {
  background: #fff;
  position: relative;
}
.sec04_flower{
  position: absolute;
  right: 0%;
  width: 30%;
  top: 0px;
}
.sec04_flower_leaf {
  position: absolute;
  left: 0;
  width: 20%;
  bottom: 0;
}
.sec04 .secWrap{
  /* margin-top: 120px; */
  padding: 120px 60px;
}
.flow_item {
  padding-bottom: 30px;
}
.flow_item img{
  width: 50px;
}
.flow_ttl {
  margin-left: 30px;
}
.flow_ttl01 {
  line-height: 1.4;
}
.flow_ttl02 {
  font-size: 20px;
  line-height: 1.4;
}
.flow_item_txt {
  padding-top: 10px;
  margin-top: 20px;
  padding-left: 82px;
  position: relative;
  padding-bottom: 50px;
}
.flow_item_txt02 {
  font-size: 14px;
}
.arrow{
  content: "";
  position: absolute;
  height: 100%;
  left: 23px;
  top: 0;
  border: dashed 1px #633322;
}
.arrow::after{
  position: absolute;
  content: "";
  height: 2px;
  width: 15px;
  border-radius: 2px;
  left: -3px;
  bottom: 0;
  background: #633322;
  transform: rotate(-45deg);
}
.arrow::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  left: -12.4px;
  bottom: 0;
  background: #633322;
  border-radius: 2px;
  transform: rotate(45deg);
}

.sec05 {
  background: url(../img/prof_bg.jpg) center / cover no-repeat;
}
.prof_wrap {
  background: #fff;
  padding: 20px 30px;
}
.sec05 .secTtl,
.sec05 .secTtl h3 {
  color: #fff;
}

.sec05 .secWrap{
  padding: 120px 0;
}
.sec05L {
  width: 50%;
  padding-right: 60px;
}
.sec05R {
  width: 50%;
}
.sec05_img {
  height: 420px;
  background: url(../img/daihyo.jpg)center top  / cover no-repeat;
}
.sec05_txt01 {
  line-height: 1.4;
  font-size: 14px;
}
.sec05_txt01 h4{
  color: #AD9488;
  font-size: 16px;
}
.sec05_txt02 {
  margin-top: 20px;
}
.sec05_txt02 h4{
  color: #AD9488;
  font-size: 16px;
}
.sec05_txt02 p{
  font-size: 14px;
  line-height: 1.4;
}
.sec05_txt03 {
  line-height: 1.4;
  margin-top: 20px;
  justify-content: end;
}

.sec06 {
  background: url(../img/product_bg.jpg)center / cover no-repeat;
}
.sec06 .secWrap{
  padding: 120px 0;
}
.product_item {
  width: 43.8%;
  margin-bottom: 60px;
}
.product_item h5{
  font-size: 20px;
  line-height: 1.8;
  margin-top: 15px;
}
.product_item p{
  font-size: 14px;
  line-height: 1.8;
  margin-top: 5px;
}
.product_img {
  height: 150px;
  background: url(../img/product01.jpg)center / cover no-repeat;
}
.product_img02{
  background: url(../img/product02.jpg)center / cover no-repeat;
}
.product_img03{
  background: url(../img/product03.jpg)center / cover no-repeat;
}
.product_img04{
  background: url(../img/product04.jpg)center / cover no-repeat;
}
.product_img05{
  background: url(../img/product05.jpg)center / cover no-repeat;
}
.product_img06{
  background: url(../img/product06.jpg)center / cover no-repeat;
}
.product_img07{
  background: url(../img/product07.jpg)center / cover no-repeat;
}
.product_img08{
  background: url(../img/product08.jpg)center / cover no-repeat;
}
.product_img09{
  background: url(../img/product09.jpg)center / cover no-repeat;
}

.sec07 .secWrap {
  padding: 120px 0;
}
.sec07 .secTtl{
  margin-bottom: 10px;
}
.sec07_txt02{
  margin-top: 30px;
  font-size: 14px;
}
.cansel_img {
  margin: 30px 0;
}
.sec06 .secWrap {
  padding: 40px 0;
}
.sec07 .secWrap {
  padding: 80px 0;
}
.sec08R {
  width: 50%;
}
.sec08 .secWrap{
  padding-bottom: 100px;
}
.sec08_img {
  height: 305px;
  background: url(../img/caution_item.jpg)center / cover no-repeat;
}
.sec08L {
  width: 50%;
  padding-right: 60px;
}
.sec09 {
  background: #fff;
  background: url(../img/bg_sea.png)center / cover no-repeat;
}
.sec09 .secWrap{
  padding: 80px 0;
}

/*アコーディオン全体*/
.accordion-area {
  list-style: none;
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
}

.accordion-area li {
  margin: 20px 0;
}

.accordion-area section {
  border-bottom: 1px solid #B0988F;
}

/*アコーディオンタイトル*/
.title {
  position: relative;
  /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  padding: 0 23px 20px 23px;
  transition: all .5s ease;
}
.title span{
  color: #B0988F;
  font-size: 18px;
  margin-right: 24px;
}

/*アイコンの＋と×*/
.title::before,
.title::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #633322;

}

.title::before {
  top: 48%;
  right: 30px;
  transition: .3s;
}

.title::after {
  top: 48%;
  right: 30px;
  transform: rotate(90deg);
  transition: .3s;
}

.box span{
  font-size: 18px;
  line-height: 1;
  margin-right: 24px;
}

/*　closeというクラスがついたら形状変化　*/
.title.close::before {
  transform: rotate(0deg);
}

.title.close::after {
  transform: rotate(180deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;
  /*はじめは非表示*/
  margin: 0 3% 3% 3%;
  font-size: 14px;
  padding: 23px 0;
}

.sec10 .secWrap{
  padding: 120px 0;
}
.secTtl_contact {
  display: inline-block;
  position: relative;
}

.contact01 {
  position: absolute;
  left: -30%;
  width: 30%;
}
.contact02 {
  position: absolute;
  right: -30%;
  width: 30%;
}
.line02 {
  height: 180px;
  width: 100%;
  background: url(../img/line02.png)center / cover no-repeat;
}

.footer {
  position: relative;
  background: #fff;
  padding: 20px 0;
}
.footer_flower_leaf {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10%;
}
.footer_logo {
  font-style: italic;
}
.footer_logo_wrap {
  line-height: 1.4;
}
.footer_logo {
  font-size: 20px;
}
.footer_logo_txt {
  font-size: 12px;
}
.footer_txt01 {
  line-height: 1.4;
  font-size: 13px;
}
.access {
  justify-content: end;
  line-height: 1.4;
}
.access02 {
  font-size: 12px;
}
.access03{
  font-size: 10px;
  margin-top: 5px;
}
.copy {
  background: #00BDBD;
  color: #fff;
  padding: 10px 0;
  font-size: 12px;
}
.f_tel {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mail {
  font-size: 14px;
}
.tel {
  margin-bottom: 10px;
}
@media screen and (max-width:825px) {
  .f_tel {
      margin-top: 15px;
      margin-bottom: 15px;
    }
  .sec06_item_sp {
      background: url(../img/sec06_item_sp.jpg)center / cover no-repeat;
      height: 200px;
    }
  .mv {
    height: 600px;
  }
  .mv::after {
    content: "";
    top: 0;
    right: 0;
    z-index: -2;
    width: 80%;
    height: 30px;
    position: absolute;
    background: #00BDBD;
    display: none;
  }
  .mv_img {
    top: 0;
    width: 95%;
    top: 300px;
    z-index: 1;
    height: 250px;
    margin-right: 0;
    background-position: center top;
    border-radius: 10px 0 0 10px;
  }
  .mv .secWrap {
    padding-top: 30px;
    position: relative;
  }
  .mv h1 {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .mv h2 {
    font-size: 24px;
  }
  .mv_txt {
    width: 90%;
    margin-left: 20px;
  }
  .mv_txt p{
    font-size: 13px;
  }
  .sec01 {
    padding-top:0px;
  }
  .sec01 .secWrap{
    flex-direction: column-reverse;
  }
  .sec01_l {
    width: 100%;
  }

  .sec01_R {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    width: calc(100% - 20px);
  }
  .sec01_R_txt {
    width: 85%;
  }
  .sec01_R_txt br{
    display: none;
  }
  .fl_01 img {
    display: none;
  }
  .secTtl p {
    font-size: 18px;
  }
  .sec02 .secWrap{
    padding-top: 40px;
  }

  .sec03 {
    padding-bottom: 80px;
  }
  .sec03 .secWrap {
    padding-top: 40px;
  }
  .sec02_item {
    width: 100%;
    margin-bottom: 40px;
  }
  .sec03_item_img,
  .sec03_item_img02,
  .sec03_item_img03 {
    height: 200px;
  }
  .price_list {
    width: 100%;
  }
  .sec04 .secWrap {
    /* margin-top: 80px; */
    padding: 40px 20px 40px;
  }
  .sec05L {
  width: 100%;
  padding-right: 0;
  }
  .sec05_img {
    height: 300px;
  }
  .sec05R {
    padding-top: 40px;
    width: 100%;
  }
    .sec05 .secWrap {
      padding: 60px 0;
    }
  .sec08L{
    width: 100%;
    padding-right: 0;
  }
  .sec08_img {
    height: 250px;
  }
  .sec08R {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
  }
  .product_item {
    width: 100%;
  }
  .product_img {
    height: 200px;
  }
  .sec08 .secWrap {
    padding-top: 0;
  }
  .sec10 .secWrap {
    padding: 80px 0;
  }
  .title {
    padding: 0px;
    font-size: 13px;
    margin-bottom: 20px;
  }
  .box {
    margin: 0px ;
  }
  .box span {
    margin-right: 10px;
  }
  .title::after {
    top: 48%;
    right: 10px;
    transform: rotate(90deg);
    transition: .3s;
  }
  .title::before {
    top: 48%;
    right: 10px;
    transition: .3s;
  }
  .title span {
    margin-right: 10px;
  }

  .access {
    margin-top: 20px;
    justify-content: start;
    line-height: 1.4;
  }
}

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

.policy_01 {
  margin: 120px 0;
}
.policy_mv {
  height: 60vh;
}


@media screen and (max-width:825px) {
.policy_mv {
    height: 350px;
  }
.mv_txt_02 {
  margin-left: 5%;
}
.policy_01 {
  margin: 60px 0;
}
}