@charset "UTF-8";
@import url("common_base.css");
@media screen and (min-width: 768px), print {

.c-inc-bnr-box .c-inc-bnr-list {
        width: 1100px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

.c-inc-bnr-box .c-inc-bnr-list li{
  width: 320px;
}
.c-inc-bnr-box .c-inc-bnr-list li img{
  width: 100%;
}

  body { font-size: 16px; overflow-x: hidden; line-height: 1.8; font-family: "Zen Maru Gothic", sans-serif; 
  position: relative;
background-color: #FCF8F5;
  }
  header {background-color: #EDE4DA;height: 100px;}
  header .hh-box { position: relative; }
  header .hh-box .hh-logo {width: 218px;position: absolute;left: 20px;top: 30px;}
  header .hh-box .hh-logo img { width: 100%; }
  header .hh-box .hh-txt-01 {font-weight: 500;font-size: 14px;letter-spacing: 0.05em;line-height: 23px;text-align: left;color: #222;position: absolute;top: 27px;left: 262px;}
 .hh-txt-02 {position: absolute;right: 159px;top: 18px;}
 .hh-txt-02 .hh-ss1 { display: block; margin-bottom: -4px; }
 .hh-txt-02 .hh-ss2 { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; line-height: 23px; text-align: right; color: #222; }

  .pc-menu { position: fixed; top: 0; right: 0; z-index: 500; }
  .pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
  #pc-menu-open { 
    display: none; background: #EDE4DA; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow: scroll; }

  #pc-menu-open .open-close-01 { position: absolute; top: 0; right: 0; }
  #pc-menu-open .open-close-01:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
  #pc-menu-open .open-main-Box {width: 1440px;margin: 0 auto;/* padding: 70px; */text-align: center;line-height: 2.5;padding-top: 180px;}
  #pc-menu-open .open-main-Box .ttl { margin-bottom: 30px; }
  #pc-menu-open .open-main-Box .con-Box { margin-bottom: 30px; }
  #pc-menu-open .list-Box .con-Box { margin-bottom: 30px; }
  #pc-menu-open .open-close-02 { width: 300px; line-height: 1; cursor: pointer; font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; background: #000; }


.oo-bnr {
  width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 64px;
}
.oo-bnr .oo-box-l {
  width: 700px;
}
.oo-bnr .oo-box-r {
  width: 700px;
}



.hh-flex { width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.hh-flex .hh-box-l { width: 340px; }
.hh-flex .hh-box-l .hh-logo { width: 340px; margin-bottom: 39px; }
.hh-flex .hh-box-l .hh-logo img { width: 100%; }

.hh-flex .hh-box-l .hh-name { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; margin-bottom: 12px; }
.hh-flex .hh-box-l .hh-txt-1 { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; }
.hh-flex .hh-box-l .hh-txt-1 .hh-ss { margin-right: 5px; }

.hh-flex .hh-box-r {width: 741px;font-weight: 500;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;text-align: left;color: #222;position: relative;top: -3px;right: -17px;}
.hh-flex .hh-box-r .hh-home-txt {margin-bottom: 58px;display: none;}
.hh-flex .hh-box-r .hh-link-flex { display: flex; flex-wrap: wrap; }
.hh-flex .hh-box-r .cc-inc-link-list li { background-image: url(../images/common/ff-link.png); background-repeat: no-repeat; background-position: left 0 top 15px; padding-left: 13px; margin-bottom: 10px; }
.hh-flex .hh-box-r .cc-inc-link-list li a { display: block; }
.hh-flex .hh-box-r .cc-inc-link-box-l { width: 283px; }
.hh-flex .hh-box-r .cc-inc-link-box-l .cc-inc-link-list.ano { margin-bottom: 34px; }
.hh-flex .hh-box-r .cc-inc-link-box-m { width: 224px; }
.hh-flex .hh-box-r .cc-inc-link-box-r { width: 219px; }
.hh-flex .hh-box-r .cc-inc-link-box-r .cc-inc-link-list.ano { margin-bottom: 34px; }



  h1.main-title {width: 100%;min-width: 1100px;background: #EDE4DA;color: #fff;padding: 35px 0 34px;text-align: center;}
  h1.main-title .jp { font-weight: bold; font-size: 28px; letter-spacing: 0.05em; line-height: 50px; text-align: center; color: #222; }
  h2.sub-title { background: #525252; padding: 25px 20px; color: #fff; margin-bottom: 30px; font-size: 28px; font-weight: bold; letter-spacing: 7px; text-align: center; }
  .seo_bread_list { background-color: #EDE4DA; }
  .seo_bread_list > div { max-width: 1100px; width: 100%; padding: 22px 0 19px; margin: 0 auto; font-size: 14px; line-height: 1.4; letter-spacing: 1px; }
  .seo_bread_list > div > span:nth-child(n + 2) { margin-left: -2px; }
  #g-nav { width: 1100px; margin: 0px auto 10px auto; padding: 20px 0; text-align: center; font-size: 0.875em; }
  #g-nav li.list { position: relative; display: inline-block; margin-right: 2px; }
  #g-nav li.list span { cursor: pointer; }
  #g-nav li.list span, #g-nav li.list a { border-right: 1px solid #999; display: block; text-align: center; padding: 10px 20px; }
  #g-nav li.list:first-child a { border-left: 1px solid #999; }
  #g-nav .dropmenu li.list ul.sub { visibility: hidden; opacity: 0; transition: 0s; position: absolute; top: 35px; left: 0; margin: 0; padding: 0; z-index: 500; width: 220px; }
  #g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
  #g-nav .dropmenu li.list ul li:last-child a { border-bottom: 1px solid #ccc; }
  #g-nav .dropmenu li.list ul li a { visibility: hidden; opacity: 0; transition: 0.9s; background: #fff; display: block; width: 220px; padding: 10px; color: #000; border: 1px solid #ccc; border-bottom: none; }
  #g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
  .side-fix { position: fixed; top: 150px; right: 0; z-index: 300;
  display: none;
  }


    #ee {
        margin-top: 129px;
        background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 630px, #EDE4DA 630px, #EDE4DA 100%);
    }

  #ee .ee-box {width: 1760px;margin: 0 auto;height: 850px;border-radius: 40px;background: #eac512;padding-top: 29px;padding-bottom: 1px;}
  #ee .ee-box .ee-ttl { width: 815px; margin: 0 auto; margin-bottom: -28px; position: relative; left: -72px; }
  #ee .ee-box .ee-tel { width: 960px; margin: 0 auto; margin-bottom: 56px; height: 160px; border-radius: 80px; background: #fff; position: relative; z-index: 10; box-shadow: 0px 10px 20px rgba(34, 34, 34, 0.1); }
  #ee .ee-box .ee-flex { width: 1480px; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #ee .ee-box .ee-flex .ee-box-l { width: 720px; margin-right: 40px; }
  #ee .ee-box .ee-flex .ee-box-r { width: 720px; }

  .ff-page-top { position: absolute; top: 40px; right: 0; }
  footer { background-color: #EDE4DA; padding-top: 100px; padding-bottom: 70px; }
  
  footer .ff-flex { width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  footer .ff-flex .ff-box-l { width: 340px; }
  footer .ff-flex .ff-box-l .ff-logo { width: 340px; margin-bottom: 39px; }
  footer .ff-flex .ff-box-l .ff-logo img { width: 100%; }

  footer .ff-flex .ff-box-l .ff-name { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; margin-bottom: 12px; }
  footer .ff-flex .ff-box-l .ff-txt-1 { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; }
  footer .ff-flex .ff-box-l .ff-txt-1 .ff-ss { margin-right: 5px; }

  footer .ff-flex .ff-box-r { width: 741px; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; position: relative; top: -3px; }
  footer .ff-flex .ff-box-r .ff-home-txt { margin-bottom: 58px; }
  footer .ff-flex .ff-box-r .ff-link-flex { display: flex; flex-wrap: wrap; }
  footer .ff-flex .ff-box-r .cc-inc-link-list li { background-image: url(../images/common/ff-link.png); background-repeat: no-repeat; background-position: left 0 top 15px; padding-left: 13px; margin-bottom: 10px; }
  footer .ff-flex .ff-box-r .cc-inc-link-list li a { display: block; }
  footer .ff-flex .ff-box-r .cc-inc-link-box-l { width: 283px; }
  footer .ff-flex .ff-box-r .cc-inc-link-box-l .cc-inc-link-list.ano { margin-bottom: 34px; }
  footer .ff-flex .ff-box-r .cc-inc-link-box-m { width: 224px; }
  footer .ff-flex .ff-box-r .cc-inc-link-box-r { width: 219px; }
  footer .ff-flex .ff-box-r .cc-inc-link-box-r .cc-inc-link-list.ano { margin-bottom: 34px; }

  footer .ff-bdt-box { margin-top: 63px; }
  .ff-bdt-box { width: 1440px; margin: 0 auto; border-top: 1px solid #A5A5A5; position: relative; }
  .copyright { text-align: center; padding: 53px 0px 20px; display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; line-height: 36px; text-align: center; color: #222; }
}

@media screen and (min-width: 766px) and (max-width: 1800px) {
#ee .ee-box{
  width: 1200px;
  height: 750px;
}
#ee .ee-box .ee-flex{
  width: 1100px;
  margin: 0 auto;
}
#ee .ee-box .ee-flex .ee-box-l{
  width: 48%;
  margin-right: 4%;
}
#ee .ee-box .ee-flex .ee-box-r{
  width: 48%;
}

#ee .ee-box .ee-flex img{
  width: 100%;
}
footer .ff-flex{
  width: 1200px;
  padding-right: 20px;
}
.ff-bdt-box{
  width: 100%;
}
    .ff-page-top {
        position: absolute;
        top: 40px;
        right: 80px;
    }

    #pc-menu-open .open-main-Box {
        width: 1160px;
         /* padding: 70px; */
        text-align: center;
        line-height: 2.5;
        padding-top: 120px;
    }
    .oo-bnr{
      width: 1160px;
      img{
        width: 100%;
      }
      .oo-box-l{
        width: 48%;
      }
            .oo-box-r{
        width: 48%;
      }
    }
    .hh-flex {
        width: 1160px;
    }

}


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

.c-inc-bnr-box .c-inc-bnr-list {width: 320px;margin: 0 auto;
	margin-bottom: -30px;
	display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.c-inc-bnr-box .c-inc-bnr-list li{
	margin-bottom: 30px;
}

  .oda1 { width: 100%; -webkit-box-ordinal-group: -5; -webkit-flex-order: -5; -moz-flex-order: -5; -moz-order: -5; -ms-flex-order: -5; order: -5; }
  .oda2 { width: 100%; -webkit-box-ordinal-group: -4; -webkit-flex-order: -4; -moz-flex-order: -4; -moz-order: -4; -ms-flex-order: -4; order: -4; }
  .oda3 { width: 100%; -webkit-box-ordinal-group: -3; -webkit-flex-order: -3; -moz-flex-order: -3; -moz-order: -3; -ms-flex-order: -3; order: -3; }
  .oda4 { width: 100%; -webkit-box-ordinal-group: -2; -webkit-flex-order: -2; -moz-flex-order: -2; -moz-order: -2; -ms-flex-order: -2; order: -2; }
  .oda5 { width: 100%; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; }
  .dc { display: contents; }

  body {overflow: hidden;font-family: sans-serif;-webkit-text-size-adjust: 100%;font-family: "Zen Maru Gothic", sans-serif;font-weight: 500;background-color: #FCF8F5;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;text-align: left;color: #222;}

  header {background-color: #EDE4DA;padding-top: 12px;padding-left: 12px;}

.oo-tel{
  width: 370px;
  margin: 0 auto;
  margin-bottom: 24px;
border-radius: 50px;
box-shadow: 0px 6px 12px rgba(34, 34, 34, 0.1);

}

.oo-bnr {
  width: 370px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 40px;
}
.oo-bnr .oo-l {
  width: 177px;
}
.oo-bnr .oo-r {
  width: 177px;
}

.oo-home a{font-weight: bold;font-size: 20px;letter-spacing: 0.05em;line-height: 34px;text-align: left;color: #222;display: block;border-top: 1px solid #BFBDBD;border-bottom: 1px solid #BFBDBD;padding: 21px 22px 20px;}

#sp-global-nav a:hover{
text-decoration: none;
}

#sp-global-nav{


.cc-inc-link-list {
  border-bottom: 1px solid #BFBDBD;
  padding-top: 30px;
  padding-bottom: 30px;
}
.cc-inc-link-list a{display: block;font-weight: 500;font-size: 14px;letter-spacing: 0.05em;line-height: 40px;text-align: left;color: #222;background-image: url(../images/common/sp-ff-link.png);background-repeat: no-repeat;background-position: left 23px top 22px;background-size: 5px;padding-left: 44px;}
}

.oo-box-l {
  margin-top: 79px;
}
.oo-box-l .oo-logo {
  width: 284px;
  margin: 0 auto;
  margin-bottom: 23px;
}

.oo-box-l .oo-name {font-weight: bold;font-size: 16px;letter-spacing: 0.05em;line-height: 26px;text-align: center;color: #222;margin-bottom: 10px;}
.oo-box-l .oo-txt-1 {
width: 275px;margin: 0 auto;font-weight: 500;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;text-align: left;color: #222;position: relative;left: 3px;
}
.oo-box-l .oo-txt-1  .oo-ss.sp-tel-link {
}



  header .hh-box { position: relative; }
  header .hh-box .hh-logo { width: 218px; }
  header .hh-box .hh-logo img { width: 100%; }
  header .hh-box .hh-txt-01 { font-weight: 500; font-size: 12px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #222; position: absolute; top: -3px; left: 242px; }
  header .hh-box .hh-txt-02 { position: absolute; right: 159px; top: -12px; }
  header .hh-box .hh-txt-02 .hh-ss1 { display: block; margin-bottom: -4px; }
  header .hh-box .hh-txt-02 .hh-ss2 { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; line-height: 23px; text-align: right; color: #222; }




  .h-logo {width: 164px;position: absolute;top: 12px;left: 12px;}
  .sp-header .h-menu {position: fixed;top: 0;right: 0;width: 64px;z-index: 997;}
  nav#sp-global-nav .h-logo {}
  nav#sp-global-nav {
            font-size: 1.4rem;
            z-index: 999;
            overflow: scroll;
            position: fixed;
            top: 0;
            width: 100vw;
            height: 100vh;
            display: none;
            background-color: #EDE4DA;
            box-sizing: border-box;
            padding-top: 90px;
            padding-bottom: 134px;
  }
  nav#sp-global-nav .open-close-01 {position: fixed;top: 0;right: 0;width: 64px;z-index: 998;}
  nav#sp-global-nav .list { margin: 50px 0 20px; }
  nav#sp-global-nav .list li a { color: #fff; line-height: 1.4; text-decoration: none; padding: 5%; display: block; border-bottom: 1px solid #fff; }
  h1.main-title {width: 100%;background: #333;padding: 67px 0 15px;text-align: center;margin-bottom: 4%;background-color: #EDE4DA;}

  h1.main-title .jp {
font-weight: bold;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 50px;
text-align: center;
color: #222;

  }


  h2.sub-title { background: #525252; font-weight: bold; padding: 3%; color: #fff; margin-bottom: 5%; font-size: 5vw; letter-spacing: 4px; text-align: center; }
  
  .seo_bread_list { 
      display: none;
  }

  #ee { margin-top: 129px; background: linear-gradient(180deg, #fff 0%, #fff 100px, #EDE4DA 100px, #EDE4DA 100%); }
  #ee .ee-box {width: 100%;margin: 0 auto;border-radius: 40px;background: #eac512;padding-top: 23px;padding-bottom: 50px;/* margin-bottom: 59px; */}
  #ee .ee-box .ee-ttl {width: 325px;margin: 0 auto;margin-bottom: -18px;position: relative;left: -23px;}
  #ee .ee-box .ee-tel {width: 370px;margin: 0 auto;margin-bottom: 40px;height: 100px;border-radius: 80px;background: #fff;position: relative;z-index: 10;box-shadow: 0px 6px 12px rgba(34, 34, 34, 0.1);}
  #ee .ee-box .ee-flex {width: 370px;margin: 0 auto;display: flex;flex-wrap: wrap;}
  #ee .ee-box .ee-flex .ee-box-l {width: 100%;margin-bottom: 16px;}
  #ee .ee-box .ee-flex .ee-box-r { width: 100%; }



footer{
      background-color: #EDE4DA;
      padding-top: 60px;
}

    footer .ff-flex .ff-box-r{
      display: none;
  }

  .ff-page-top{
      display: none;
  }


  footer .ff-flex .ff-box-l .ff-logo {width: 284px;margin: 0 auto;margin-bottom: 23px;}
  footer .ff-flex .ff-box-l .ff-logo img { width: 100%; }

  footer .ff-flex .ff-box-l .ff-name {font-weight: bold;font-size: 16px;letter-spacing: 0.05em;line-height: 26px;text-align: center;color: #222;margin-bottom: 10px;}
  footer .ff-flex .ff-box-l .ff-txt-1 {width: 275px;margin: 0 auto;font-weight: 500;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;text-align: left;color: #222;position: relative;left: 3px;}
  footer .ff-flex .ff-box-l .ff-txt-1 .ff-ss { margin-right: 5px; }


  .sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }

.copyright {display: block;font-weight: 500;font-size: 12px;letter-spacing: 0.05em;line-height: 22px;text-align: center;color: #222;
.ss{
display: none;
}
}

.ff-bdt-box{
      width: 370px;
      margin: 0 auto;
      border-top: 1px solid #A5A5A5;
      padding-top: 21px;
      margin-top: 61px;
      text-align: center;
      padding-bottom: 134px;
}



.sp-page-top{width: 240px;margin: 0 auto;margin-bottom: 80px;}



}