@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : wedding_shirouxcelebration.css
 author     : Ability Consultant
 style info : シルー　セレブレーション
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_contact {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
/* -----------------------------------------------------------
	  header
  ----------------------------------------------------------- */
#header .box_logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  max-width: 144px;
  background-color: #fff;
  z-index: 10;
}
@media only screen and (min-width: 1025px) {
  #header .box_logo {
    left: 50%;
    margin-left: -890px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1281px) and (max-width: 1900px) {
  #header .box_logo {
    margin-left: 0;
    left: 2%;
  }
}
@media only screen and (min-width: 1025px) {
  .ie8 #header .box_logo {
    margin-left: 0;
    left: 2%;
  }
}
@media print {
  #header .box_logo {
    left: 50%;
    margin-left: -890px;
  }
}
@media print {
  #header .box_logo {
    margin-left: 0;
    left: 2%;
  }
}
@media print {
  .ie8 #header .box_logo {
    margin-left: 0;
    left: 2%;
  }
}
.ie8 #header .box_logo {
  left: 50%;
  margin-left: -890px;
}
@media only screen and (min-width: 1281px) and (max-width: 1900px) {
  .ie8 #header .box_logo {
    margin-left: 0;
    left: 2%;
  }
}
@media print {
  .ie8 #header .box_logo {
    margin-left: 0;
    left: 2%;
  }
}
.ie8 .ie8 #header .box_logo {
  margin-left: 0;
  left: 2%;
}
@media only screen and (min-width: 1026px) and (max-width: 1280px) {
  #header .box_logo {
    width: 11%;
    left: 2%;
    margin-left: 0;
  }
}
@media print {
  #header .box_logo {
    width: 11%;
    left: 2%;
    margin-left: 0;
  }
}
.ie8 #header .box_logo {
  width: 11%;
  left: 2%;
  margin-left: 0;
}
@media only screen and (min-width: 767px) and (max-width: 1025px) {
  #header .box_logo {
    left: 2%;
    width: 10%;
  }
}
@media print {
  #header .box_logo {
    left: 2%;
    width: 10%;
  }
}
.ie8 #header .box_logo {
  left: 2%;
  width: 10%;
}
@media only screen and (max-width: 767px) {
  #header .box_logo {
    left: 2%;
    width: 12%;
    top: 0;
  }
}
#header .box_logo.is-down {
  top: 50px;
}
@media only screen and (max-width: 767px) {
  #header .box_logo.is-down {
    top: 60px;
  }
}
#header .box_sub {
  display: none !important;
}
#header .box_lang p.lang {
  top: 40px;
  right: 31em;
  height: 46px;
  line-height: 46px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang p.lang {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang p.lang {
    top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang p.lang {
    right: 27.5em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang p.lang {
    right: 25.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang p.lang {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang p.lang {
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang p.lang {
    line-height: 43px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang p.lang {
    line-height: 32px;
  }
}
#header .box_lang p.is-down p.lang {
  top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang p.is-down p.lang {
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang p.is-down p.lang {
    top: 70px;
  }
}
#header .box_lang p.is-down > .inner {
  top: calc(60px + 43px);
}
@media only screen and (max-width: 767px) {
  #header .box_lang p.is-down > .inner {
    top: calc(70px + 32px);
  }
}
#header .box_lang > .inner {
  text-align: center;
  position: fixed;
  top: calc(40px + 43px);
  right: 31em;
  width: 70px;
  height: auto;
  line-height: 32px;
  z-index: 50;
  font-size: 94%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background-color: rgba(238, 238, 238, 0.9);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang > .inner {
    right: 27.5em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang > .inner {
    right: 25.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_lang > .inner {
    top: calc(40px + 43px);
  }
}
@media only screen and (max-width: 767px) {
  #header .box_lang > .inner {
    width: 50px;
    top: calc(1.5% + 32px);
  }
}
#header .box_lang > .inner li {
  border-top: 1px dotted #aaa;
}
#header .box_lang > .inner li a {
  color: #666;
  display: block;
}
#header .box_shop {
  right: 14em;
  top: 40px;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_shop {
    right: 17.5em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_shop {
    right: 9.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_shop {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_shop {
    top: 10px;
  }
}
#header .box_rsv {
  right: 7em;
  top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_rsv {
    right: 5.5em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_rsv {
    right: 5.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_rsv {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_rsv {
    top: 10px;
  }
}
#header .box_rsv a {
  display: block;
  text-decoration: none;
  background-color: #bda67c;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0.5em 1em;
  font-size: 16px;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_rsv a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_rsv a {
    font-size: 0.85em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_rsv a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.8em 1em;
    line-height: 1.2;
    text-align: center;
  }
}
#header .box_rsv.is-down {
  top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_rsv.is-down {
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_rsv.is-down {
    top: 70px;
  }
}
#header .box_h_contact {
  right: 14em;
  top: 40px;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_h_contact {
    right: 12em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_h_contact {
    right: 11.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_h_contact {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_h_contact {
    top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_h_contact {
    display: none;
  }
}
#header .box_h_contact a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 767px) {
  #header .box_h_contact a {
    padding: 0.8em 1em;
  }
}
#header .box_h_consultation {
  right: 21em;
  top: 40px;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_h_consultation {
    right: 18.5em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_h_consultation {
    right: 17.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_h_consultation {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_h_consultation {
    top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_h_consultation {
    display: none;
  }
}
#header .box_h_consultation a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 767px) {
  #header .box_h_consultation a {
    padding: 0.8em 1em;
  }
}
#header .wedding_btn {
  display: block !important;
}
#header .box_shop_rsv {
  right: 14em;
  position: fixed;
  top: 40px;
  z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_shop_rsv {
    right: 11.5em;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_shop_rsv {
    right: 11em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_shop_rsv {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_shop_rsv {
    top: 10px;
  }
}
#header .box_shop_rsv a {
  display: block;
  text-decoration: none;
  background-color: #5ea4bf;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0.5em 1em;
  font-size: 16px;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_shop_rsv a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_shop_rsv a {
    font-size: 0.85em;
  }
}
#header .box_shop_rsv.is-down {
  top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_shop_rsv.is-down {
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_shop_rsv.is-down {
    top: 70px;
  }
}
#header.is-down p.lang {
  top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header.is-down p.lang {
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #header.is-down p.lang {
    top: 70px;
  }
}
#header.is-down > .inner {
  top: calc(60px + 43px);
}
@media only screen and (max-width: 767px) {
  #header.is-down > .inner {
    top: calc(70px + 36px);
  }
}
#header .burger_menu {
  right: 3em;
  top: 40px;
  -webkit-transition: all 0s;
  transition: all 0s;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .burger_menu {
    right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  #header .burger_menu {
    right: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .burger_menu {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #header .burger_menu {
    top: 10px;
  }
}

/* -----------------------------------------------------------
	  pgtitle
  ----------------------------------------------------------- */
.con_pgtitle {
  max-width: 1920px;
  text-align: center;
  position: relative;
  padding: 0;
  margin-top: 7.69231rem;
  margin-bottom: 10.38462rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle {
    margin-bottom: 7.69231rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle {
    margin-top: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle {
    margin-top: 4em;
  }
}
.con_pgtitle.center {
  text-align: center;
}
.con_pgtitle .inner h1,
.con_pgtitle .inner h2,
.con_pgtitle .inner h3,
.con_pgtitle .inner h4 {
  font-weight: normal;
  color: #010101;
  padding: 12.30769rem 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .inner h1,
  .con_pgtitle .inner h2,
  .con_pgtitle .inner h3,
  .con_pgtitle .inner h4 {
    padding: 4.61538rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner h1,
  .con_pgtitle .inner h2,
  .con_pgtitle .inner h3,
  .con_pgtitle .inner h4 {
    padding: 4.61538rem 0;
  }
}
.con_pgtitle .inner h1 .small,
.con_pgtitle .inner h2 .small,
.con_pgtitle .inner h3 .small,
.con_pgtitle .inner h4 .small {
  font-size: 150%;
  display: block;
  line-height: 1;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-style: italic;
}
.con_pgtitle .inner h1 .en,
.con_pgtitle .inner h2 .en,
.con_pgtitle .inner h3 .en,
.con_pgtitle .inner h4 .en {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 225%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner h1 .en,
  .con_pgtitle .inner h2 .en,
  .con_pgtitle .inner h3 .en,
  .con_pgtitle .inner h4 .en {
    font-size: 7vw;
    line-height: 1.3em;
  }
}
.con_pgtitle .inner h1 .jp,
.con_pgtitle .inner h2 .jp,
.con_pgtitle .inner h3 .jp,
.con_pgtitle .inner h4 .jp {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 113%;
  letter-spacing: 0.4em;
  display: block;
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner h1 .jp,
  .con_pgtitle .inner h2 .jp,
  .con_pgtitle .inner h3 .jp,
  .con_pgtitle .inner h4 .jp {
    font-size: 4vw;
  }
}
.con_pgtitle .inner h1::before,
.con_pgtitle .inner h2::before,
.con_pgtitle .inner h3::before,
.con_pgtitle .inner h4::before {
  content: "";
  width: 46.56319%;
  height: 404px;
  position: absolute;
  background: url(../wedding/feature/images/img_logo_large.jpg) center center/contain no-repeat;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body#privacy_policy .con_pgtitle .inner h1 .en, body#notice .con_pgtitle .inner h1 .en {
  letter-spacing: 0;
}
.con_pgtitle .inner .intro_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 93%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin: 4em auto 0;
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .intro_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .inner .intro_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .intro_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .intro_img {
    margin: 4em auto 0;
  }
}
.con_pgtitle .inner .intro_img .img_left {
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .inner .intro_img .img_left {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .intro_img .img_left {
    width: 100%;
  }
}
.con_pgtitle .inner .intro_img .img_right {
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .inner .intro_img .img_right {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .intro_img .img_right {
    width: 37%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_pgtitle .inner .intro_img .img_right {
    margin-left: 2em;
  }
}
@media print {
  .con_pgtitle .inner .intro_img .img_right {
    margin-left: 2em;
  }
}
.ie8 .con_pgtitle .inner .intro_img .img_right {
  margin-left: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .inner .intro_img .img_right {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .con_pgtitle .inner .intro_img .img_right {
    margin-left: .5em;
  }
}
.con_pgtitle .inner .txt {
  letter-spacing: 0.3em;
  line-height: 1.875;
  text-align: center;
  background: #fff;
  margin-top: 7.69231rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .inner .txt {
    margin-top: 6.15385rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .txt {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .inner .txt {
    font-size: 88%;
    text-align: left;
  }
}

/* -----------------------------------------------------------
	  img_three
  ----------------------------------------------------------- */
.img_three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 95%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .img_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .img_three {
    width: 95%;
  }
}
.img_three .left {
  margin-bottom: 15em;
}
@media only screen and (max-width: 767px) {
  .img_three .left {
    margin-bottom: 3em;
  }
}
.img_three .right {
  margin-top: 15em;
}
@media only screen and (max-width: 767px) {
  .img_three .right {
    margin-top: 3em;
  }
}
.img_three .center {
  margin: 0 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .img_three .center {
    margin: 0 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .img_three .center {
    margin: 0 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .img_three .center {
    margin: 0 .5em;
  }
}

.photo_int {
  margin-top: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .photo_int {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .photo_int {
    margin-top: 15%;
  }
}
@media only screen and (min-width: 1025px) {
  .photo_int {
    width: 98.9%;
    margin-left: auto;
  }
}
@media print {
  .photo_int {
    width: 98.9%;
    margin-left: auto;
  }
}
.ie8 .photo_int {
  width: 98.9%;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .photo_int {
    overflow: hidden;
  }
  .photo_int img {
    position: relative;
    width: 110%;
    max-width: none;
    margin-left: -5%;
  }
}

.con_shiroux {
  max-width: 1200px;
  margin: auto;
  width: 95%;
  margin-top: 150px;
  margin-bottom: 180px;
}
@media only screen and (max-width: 767px) {
  .con_shiroux {
    margin-top: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux {
    margin-bottom: 15%;
  }
}
.con_shiroux .st_basic {
  margin-bottom: 80px;
  font-size: 188%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.3em;
  text-align: center;
  color: #464646;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .st_basic {
    margin-bottom: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .st_basic {
    font-size: 175%;
  }
}
.con_shiroux .intro_txt .txt {
  margin-bottom: 80px;
  letter-spacing: 0.3em;
  line-height: 1.875;
  text-align: center;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .intro_txt .txt {
    margin-bottom: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .intro_txt .txt {
    font-size: 88%;
    text-align: left;
  }
}
.con_shiroux .list_shiroux {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eff6f8 url(../wedding/shirouxcelebration/images/bg_logo.png) no-repeat center/40.83333% auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #8f8c8c;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .list_shiroux {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_shiroux .list_shiroux {
    display: block;
  }
}
.con_shiroux .box_shiroux {
  padding: 5.83333%;
  width: 70%;
  letter-spacing: 0.3em;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux {
    padding: 2em 1em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shiroux .box_shiroux {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_shiroux .box_shiroux {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux {
    background-size: 80% auto;
  }
}
.con_shiroux .box_shiroux h4 {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 125%;
  font-weight: normal;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shiroux .box_shiroux h4 {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux h4 {
    font-size: 113%;
  }
}
.con_shiroux .box_shiroux h5 {
  font-weight: normal;
  font-size: 113%;
  color: #fff;
  background: #8ec5d7;
  padding: .7em 1em;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shiroux .box_shiroux h5 {
    font-size: 113%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux h5 {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux h5 {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.con_shiroux .box_shiroux h5 .white {
  background-color: #fff;
  color: #5ea4bf;
  padding: .2em .5em;
  font-size: .8em;
}
.con_shiroux .box_shiroux .box_txt {
  font-size: 94%;
  letter-spacing: 2px;
  line-height: 2em;
}
.con_shiroux .box_shiroux .box_txt h6 {
  display: inline-block;
  padding: .25em 1.25em;
  background: #c5e5f0;
  font-weight: bold;
  margin-bottom: 1em;
}
.con_shiroux .box_shiroux .box_txt > .txt {
  display: block;
  padding-left: 2em;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux .box_txt > .txt {
    margin-bottom: 5%;
  }
}
.con_shiroux .box_shiroux .box_txt dl {
  padding-left: 2em;
}
.con_shiroux .box_shiroux .box_txt dl dt {
  display: block;
  position: relative;
  font-weight: bold;
}
.con_shiroux .box_shiroux .box_txt dl dt:before {
  content: "";
  width: 1em;
  height: 4px;
  background: #8ec5d7;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: -2em;
}
.con_shiroux .box_shiroux .box_txt dl dd {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .box_shiroux .box_txt dl dd {
    margin-bottom: 5%;
  }
}
.con_shiroux .box_shiroux .box_txt dl dd span {
  display: inline-block;
  padding: .1em 1em;
  background: #8ec5d7;
}
.con_shiroux .bottom_txt {
  margin-bottom: 3em;
}
@media only screen and (max-width: 767px) {
  .con_shiroux .bottom_txt {
    margin-bottom: 3em;
  }
}
.con_shiroux .bottom_txt .memo {
  font-size: 82%;
  color: #8ec5d7;
}
@media only screen and (max-width: 1024px) {
  .con_shiroux .bottom_txt .memo {
    text-align: center;
  }
}

.con_contact {
  max-width: 1200px;
}

.con_contact {
  max-width: 1086px;
  text-align: center;
  -webkit-box-shadow: 0 10px 40px rgba(99, 96, 96, 0.1);
          box-shadow: 0 10px 40px rgba(99, 96, 96, 0.1);
  padding: 2.46154rem 0 3.46154rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact {
    padding: 2.46154rem 0 3.46154rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact {
    padding: 2.46154rem 0;
  }
}
.con_contact img {
  margin-bottom: 3.69231rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact img {
    margin-bottom: 3.07692rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact img {
    margin-bottom: 1.84615rem;
  }
}
.con_contact .ttl {
  font-size: 113%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .ttl {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .ttl {
    font-size: 88%;
  }
}
.con_contact .inner_tel {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 88%;
  letter-spacing: 0.3em;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .inner_tel {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .inner_tel {
    font-size: 75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .inner_tel {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .inner_tel {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .con_contact .inner_tel {
    line-height: 1;
  }
}
@media print {
  .con_contact .inner_tel {
    line-height: 1;
  }
}
.ie8 .con_contact .inner_tel {
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .con_contact .inner_tel p:nth-child(n + 2) {
    margin-left: 25px;
  }
}
@media print {
  .con_contact .inner_tel p:nth-child(n + 2) {
    margin-left: 25px;
  }
}
.ie8 .con_contact .inner_tel p:nth-child(n + 2) {
  margin-left: 25px;
}
.con_contact .inner_tel p.txt_tel span,
.con_contact .inner_tel p.txt_tel a {
  font-size: 186%;
}
.con_contact .mail {
  line-height: 1;
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 88%;
  letter-spacing: 0.3em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .mail {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .mail {
    font-size: 75%;
  }
}
.con_contact .sns {
  margin-bottom: 40px;
  font-size: 200%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .sns {
    font-size: 150%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .sns {
    font-size: 125%;
  }
}
.con_contact .inner_btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .con_contact .inner_btn ul li {
    width: 100%;
    max-width: 330px;
  }
}
@media print {
  .con_contact .inner_btn ul li {
    width: 100%;
    max-width: 330px;
  }
}
.ie8 .con_contact .inner_btn ul li {
  width: 100%;
  max-width: 330px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .inner_btn ul li {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .inner_btn ul li {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_contact .inner_btn ul li:nth-child(n + 2) {
    margin-left: 1.07692rem;
  }
}
@media print {
  .con_contact .inner_btn ul li:nth-child(n + 2) {
    margin-left: 1.07692rem;
  }
}
.ie8 .con_contact .inner_btn ul li:nth-child(n + 2) {
  margin-left: 1.07692rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .inner_btn ul li:nth-child(n + 2) {
    margin-top: 1.53846rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .inner_btn ul li:nth-child(n + 2) {
    margin-top: 0.76923rem;
  }
}
.con_contact .inner_btn ul li p a {
  font-size: 94%;
  letter-spacing: 0.2em;
  line-height: 1;
  max-width: 360px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .inner_btn ul li p a {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .inner_btn ul li p a {
    font-size: 75%;
  }
}
.con_contact .inner_btn ul li p a span {
  display: block;
}
.con_contact .inner_btn ul li p a span em {
  display: block;
}
.con_contact .inner_btn ul li p a span em.small {
  font-size: 66%;
  margin-top: 10px;
}
.con_contact .inner_btn ul .btn_faq a span {
  padding-top: 1.8em;
  padding-bottom: 1.8em;
}

#footer {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    margin-top: 10px;
  }
}
#footer .con_pgtop .pgtop a .wrp {
  z-index: 9;
}

#modal_faq {
  display: none;
}