@charset "UTF-8";
@import url(../fonts/Noto/load.css);
/*header
--------------------------------------------*/
#header {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1001;
}
#header h1 {
  font-size: 10px;
  color: #cf9c9c;
  text-align: left;
  margin-left: 10px;
}
#header .h-btn {
  width: 283px;
  position: absolute;
  top: 0;
  left: calc(50% + 300px);
  z-index: 1001;
}
#header .h-btn .h-mail {
  width: 185px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 18px;
  top: 65px;
  letter-spacing: 2px;
}
#header .h-btn .h-mail a {
  color: #fff;
  border: 1px solid #aed68a;
  padding: 5px 5px 5px 20px;
  display: block;
  background: #aed68a;
  position: relative;
}
#header .h-btn .h-mail a:before {
  position: absolute;
  content: '';
  background: url('../img/h_mail.png?1579732614');
  width: 18px;
  height: 12px;
  top: 0;
  right: auto;
  bottom: 0;
  left: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  z-index: 10;
}

/*メインビジュアル
--------------------------------------------*/
#main-visual {
  height: 920px;
  position: relative;
  background: url(../img/mv_bg.jpg) center no-repeat;
  background-size: cover;
}
#main-visual h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  left: 40%;
}
#main-visual .fix-btn {
  position: fixed;
  right: 15px;
  top: 25%;
  z-index: 1001;
}
#main-visual .fix-btn li {
  margin-bottom: 35px;
}
#main-visual .fix-btn li:last-child {
  margin-bottom: 0;
}

/*nav
--------------------------------------------*/
nav .inbox ul > li {
  font-size: 18px;
  letter-spacing: 2px;
}
nav .inbox ul > li > a {
  color: #a3947b;
  padding: 10px 50px;
  display: block;
}
nav .inbox ul > li > a > span {
  font-size: 14px;
  display: block;
}
nav .inbox ul > li:nth-child(4) {
  position: relative;
}
nav .inbox ul .child-nav {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  font-size: 14px;
}
nav .inbox ul .child-nav li {
  margin-bottom: 5px;
}
nav .inbox ul .child-nav li:last-child {
  margin-bottom: 0;
}
nav .inbox ul .child-nav a {
  border: 1px dotted #a3947b;
  padding: 5px;
}
nav .inbox ul .child-nav a:hover {
  background: #a3947b;
  color: #fff;
}

/*共通
--------------------------------------------*/
.txt-blc {
  text-align: left;
}
.txt-blc p {
  margin-bottom: 20px;
  line-height: 1.7;
}
.txt-blc p:last-child {
  margin-bottom: 0;
}

/*section01
--------------------------------------------*/
#sec01 {
  padding: 65px 0 80px 0;
  background: url(../img/sec01_bg.png) bottom center no-repeat;
}
#sec01 .inbox {
  position: relative;
}
#sec01 .inbox:after {
  position: absolute;
  content: '';
  background: url('../img/sec01_bgimg.png?1579732654');
  width: 504px;
  height: 576px;
  top: auto;
  right: calc(50% - 650px);
  bottom: -80px;
  left: auto;
  background-repeat: no-repeat;
}
#sec01 .txt-blc {
  width: 640px;
}
#sec01 h3 {
  margin-bottom: 30px;
}
#sec01 li {
  background: url(../img/cmn_box.png);
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  padding: 15px;
  letter-spacing: 2px;
}
#sec01 li span {
  color: #ed8f9c;
}
#sec01 li:last-child {
  margin-bottom: 0;
}

/*section02
--------------------------------------------*/
#sec02 {
  padding: 70px 0 180px 0;
  background: url(../img/sec02_bg-top.png) top center no-repeat, url(../img/sec02_bg.png) bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fdf2f3), to(#fdf8ee));
  background: url(../img/sec02_bg-top.png) top center no-repeat, url(../img/sec02_bg.png) bottom right no-repeat, linear-gradient(#fdf2f3, #fdf8ee);
}
#sec02 h3 {
  margin-bottom: 30px;
}
#sec02 .cont-wrap {
  position: relative;
}
#sec02 .cont-wrap:before {
  position: absolute;
  content: '';
  background: url('../img/sec02_img02.png?1579732654');
  width: 468px;
  height: 246px;
  top: auto;
  right: -70px;
  bottom: -170px;
  left: auto;
  background-repeat: no-repeat;
}
#sec02 .txt-blc {
  background: rgba(255, 255, 255, 0.5);
  width: 640px;
  margin-left: auto;
  padding: 25px 35px 30px 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  color: #845c5c;
}
#sec02 .img-blc {
  position: absolute;
  left: -10%;
  top: 5%;
}

/*section03
--------------------------------------------*/
#sec03 {
  padding: 85px 0 160px 0;
  background: url(../img/sec03_top.png) no-repeat, url(../img/sec03_center.png) no-repeat, url(../img/sec03_bt.png) no-repeat;
  background-position: 100% -45%, 0 50%, 0 130%;
}
#sec03 h3 {
  margin-bottom: 25px;
}
#sec03 h4 {
  font-size: 37px;
  color: #c0b097;
  text-align: left;
  position: relative;
  margin-bottom: 35px;
  padding-left: 50px;
}
#sec03 h4 span {
  color: #ed8f9c;
}
#sec03 .cont-inner {
  position: relative;
}
#sec03 .cont-inner:nth-child(1):before {
  position: absolute;
  content: '';
  background: url('../img/sec03_rose01.png?1579732712');
  width: 655px;
  height: 324px;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-repeat: no-repeat;
  z-index: 100;
}
#sec03 .cont-inner:nth-child(1) h4:before {
  position: absolute;
  content: '';
  background: url('../img/num01.png?1579732616');
  width: 103px;
  height: 77px;
  top: 0;
  right: auto;
  bottom: 0;
  left: -65px;
  background-repeat: no-repeat;
  z-index: 10;
}
#sec03 .cont-inner:nth-child(2):before {
  position: absolute;
  content: '';
  background: url('../img/sec03_rose02.png?1579732712');
  width: 299px;
  height: 354px;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-repeat: no-repeat;
  z-index: 100;
}
#sec03 .cont-inner:nth-child(2) h4:before {
  position: absolute;
  content: '';
  background: url('../img/num02.png?1579732616');
  width: 118px;
  height: 77px;
  top: 0;
  right: auto;
  bottom: 0;
  left: -65px;
  background-repeat: no-repeat;
  z-index: 10;
}
#sec03 .cont-inner:nth-child(3):before {
  position: absolute;
  content: '';
  background: url('../img/sec03_rose03.png?1579732714');
  width: 520px;
  height: 477px;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-repeat: no-repeat;
  z-index: 100;
}
#sec03 .cont-inner:nth-child(3) h4:before {
  position: absolute;
  content: '';
  background: url('../img/num03.png?1579732616');
  width: 116px;
  height: 77px;
  top: 0;
  right: auto;
  bottom: 0;
  left: -65px;
  background-repeat: no-repeat;
  z-index: 10;
}
#sec03 .cont-inner:nth-child(odd) .txt-blc {
  margin-left: auto;
}
#sec03 .cont-inner:nth-child(odd) .txt-blc:after {
  right: 0;
}
#sec03 .cont-inner:nth-child(even) .txt-blc:after {
  left: 0;
}
#sec03 .cont-inner:first-child {
  margin-bottom: 145px;
}
#sec03 .cont-inner:first-child:before {
  top: -271px;
  left: -280px;
}
#sec03 .cont-inner:first-child .img-blc {
  left: calc(50% - 715px);
}
#sec03 .cont-inner:nth-child(2) {
  margin-bottom: 245px;
}
#sec03 .cont-inner:nth-child(2):before {
  bottom: -340px;
  left: -240px;
}
#sec03 .cont-inner:nth-child(2) .img-blc {
  right: calc(50% - 715px);
  top: 80px;
}
#sec03 .cont-inner:nth-child(3):before {
  bottom: -240px;
  right: -240px;
}
#sec03 .cont-inner:nth-child(3) .img-blc {
  left: calc(50% - 665px);
}
#sec03 .cont-inner .txt-blc {
  width: 570px;
  padding-bottom: 55px;
  position: relative;
}
#sec03 .cont-inner .txt-blc:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 630px;
  bottom: 0;
  border-bottom: 1px solid #c0b097;
  z-index: 10;
}
#sec03 .cont-inner .img-blc {
  position: absolute;
  top: 0;
}

/*section04
--------------------------------------------*/
#menu {
  padding: 60px 0 145px 0;
  background: #fdf2f3;
  position: relative;
}
#menu:before {
  position: absolute;
  content: '';
  background: url('../img/sec04_top.png?1579755524');
  width: 1920px;
  height: 80px;
  top: -80px;
  right: 0;
  bottom: auto;
  left: 0;
  background-repeat: no-repeat;
  margin: 0 auto;
}
#menu:before {
  position: absolute;
  content: '';
  background: url('../img/sec04_bt.png?1579732734');
  width: 1920px;
  height: 80px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  margin: 0 auto;
}
#menu h3 {
  margin-bottom: 35px;
}
#menu h4 {
  font-size: 28px;
  color: #845c5c;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 3px double #c0b097;
  background: url(../img/sec04_frame01.png) left center no-repeat, url(../img/sec04_frame02.png) right center no-repeat;
  margin-bottom: 20px;
}
#menu .wrap-box {
  background: #fff;
  background-position: 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  margin-bottom: 50px;
}
#menu .wrap-box .cont-inner {
  border: 4px double #e7e5dc;
  position: relative;
  padding: 25px 20px;
}
#menu .wrap-box .cont-inner .txt-blc {
  background: url(../img/cmn_box.png);
  border-radius: 10px;
  padding: 15px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
#menu .wrap-box .menu-wrap > dl {
  width: 490px;
}
#menu .wrap-box .menu-wrap .left-blc{
  width: 490px;
}
#menu .wrap-box .menu-wrap > dl > dt {
  font-size: 24px;
  color: #845c5c;
  padding: 10px 0;
}
#menu .wrap-box .menu-wrap .left-blc > dl > dt{
  font-size: 24px;
  color: #845c5c;
  padding: 10px 0;
}
#menu .wrap-box .menu-wrap > dl:first-child > dt {
  background: url(../img/sec04_ttlbox01.png);
}
#menu .wrap-box .menu-wrap .left-blc > dl:first-child > dt{
  background: url(../img/sec04_ttlbox01.png);
}
#menu .wrap-box .menu-wrap .left-blc > dl:last-child > dt{
  background: url(../img/sec04_ttlbox03.png);
}
#menu .wrap-box .menu-wrap > dl:last-child > dt {
  background: url(../img/sec04_ttlbox02.png);
}
#menu .wrap-box .menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
#menu .wrap-box .menu-inner dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px dotted #c0b097;
  padding: 15px 0;
}
#menu .wrap-box .menu-inner dd {
  color: #ed8f9c;
}
#menu .wrap .wrap-box {
  width: 520px;
}
#menu .wrap .menu-inner {
  border-bottom: 1px dotted #c0b097;
}

#bnr {
  background: url(../img/bnr_bg.jpg) center no-repeat;
  background-size: cover;
  padding: 45px 0;
}
#bnr .bnr-cont {
  position: relative;
}
#bnr .bnr-cont .mail {
  width: 280px;
  position: absolute;
  right: 220px;
  bottom: 35px;
  font-size: 18px;
  top: auto;
  letter-spacing: 2px;
}
#bnr .bnr-cont .mail a {
  color: #fff;
  border: 1px solid #aed68a;
  padding: 5px 5px 5px 20px;
  display: block;
  background: #aed68a;
  position: relative;
}
#bnr .bnr-cont .mail a:before {
  position: absolute;
  content: '';
  background: url('../img/h_mail.png?1579732614');
  width: 18px;
  height: 12px;
  top: 0;
  right: auto;
  bottom: 0;
  left: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  z-index: 10;
}

/*section05
--------------------------------------------*/
#sec05 {
  padding: 50px 0 95px 0;
}
#sec05 h3 {
  margin-bottom: 25px;
}
#sec05 .info-tbl {
  margin-bottom: 45px;
}

/*section06
--------------------------------------------*/
#sec06 {
  background: url(../img/sec06_bg.jpg) center no-repeat;
  background-size: cover;
  border-top: 3px double #ed8f9c;
}
#sec06 h3 {
  margin-bottom: 30px;
}

#contact {
  padding: 40px 0 70px 0;
}

/*footer
--------------------------------------------*/
#footer {
  background: #fdf2f3;
}
#footer .ft-inner {
  padding: 30px 0;
  width: 430px;
  margin: 0 auto;
}
#footer .logo {
  margin-bottom: 10px;
}
#footer .time {
  border-top: 1px solid #845c5c;
  border-bottom: 1px solid #845c5c;
  padding: 5px 0;
  margin-bottom: 10px;
}
#footer .time dt, #footer .time dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #845c5c;
}
#footer .time dt:after {
  content: '|';
  padding: 0 5px;
}
#footer .mail {
  width: 185px;
  font-size: 18px;
  letter-spacing: 2px;
}
#footer .mail a {
  color: #fff;
  border: 1px solid #aed68a;
  padding: 5px 5px 5px 20px;
  display: block;
  background: #aed68a;
  position: relative;
}
#footer .mail a:before {
  position: absolute;
  content: '';
  background: url('../img/h_mail.png?1579732614');
  width: 18px;
  height: 12px;
  top: 0;
  right: auto;
  bottom: 0;
  left: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  z-index: 10;
}
#footer #copyright {
  font-size: 10px;
  background: #f7dee0;
  padding: 5px 0;
  color: #c0b097;
}
#footer #copyright a {
  color: #c0b097;
}