@charset "UTF-8";
@import url(../fonts/Noto/load.css);
#wrapper {
  position: relative;
  overflow: hidden;
}

a {
  color: #392a23;
}

a::before,
a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

a,
a::before,
a::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a:hover {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.cmn-img {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.cmn-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .cmn-img img {
    position: static;
    height: 100%;
    width: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    -webkit-transform: none;
    transform: none;
  }
}
a[href^="mailto:"] {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  body {
    width: 100%;
    margin: 0 auto;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    color: #392a23;
    text-align: center;
    line-height: 1.6;
  }

  #wrapper {
    min-width: 1200px;
  }

  .inbox {
    width: 1080px;
    margin: 0 auto;
  }

  #err-cont {
    padding: 75px 0;
  }
  #err-cont .txt-blc a {
    text-decoration: underline;
  }

  .pc-none {
    display: none;
  }

  a[href^="tel:"] {
    pointer-events: none;
  }

  .pagenation {
    color: #ff93aa;
    font-size: 12px;
    position: relative;
    margin-top: 10px;
  }
  .pagenation a {
    position: relative;
    color: #ff93aa;
  }
  .pagenation li {
    background: #fff;
    color: #ff93aa;
    font-size: 16px;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    margin-right: 10px;
  }
  .pagenation li a {
    display: block;
    color: #ff93aa;
    padding: 5px 10px;
    border: 1px solid #ff93aa;
  }
  .pagenation li a:hover {
    background: #ff93aa;
    color: #fff !important;
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .pagenation .current {
    background: #ff93aa;
    color: #fff !important;
    padding: 5px 10px;
  }
  .pagenation .right,
  .pagenation .left {
    position: absolute;
    z-index: 2;
  }
  .pagenation .right a,
  .pagenation .left a {
    position: relative;
  }
  .pagenation .right a:before, .pagenation .right a:after,
  .pagenation .left a:before,
  .pagenation .left a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .pagenation .right a:before,
  .pagenation .left a:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 1px solid #ff93aa;
    border-radius: 50%;
  }
  .pagenation .right a:after,
  .pagenation .left a:after {
    width: 5px;
    height: 5px;
    border-top: 1px solid #ff93aa;
    border-right: 1px solid #ff93aa;
  }
  .pagenation .right {
    right: 2%;
  }
  .pagenation .right a:before, .pagenation .right a:after {
    right: -20px;
  }
  .pagenation .right a:after {
    left: 27px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .pagenation .center {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    font-weight: bold;
    top: 0;
  }
  .pagenation .left {
    left: 2%;
  }
  .pagenation .left a:before, .pagenation .left a:after {
    left: -20px;
  }
  .pagenation .left a:after {
    right: 27px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  .cmn-dl > dl {
    padding: 20px 0;
    border-bottom: 1px dotted #392a23;
  }
  .cmn-dl > dl:last-child {
    border-bottom: none;
  }
  .cmn-dl > dl > dt, .cmn-dl > dl > dd {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
  }
  .cmn-dl > dl > dt {
    padding: 0 10px;
    width: 180px;
  }
  .cmn-dl > dl > dd {
    padding: 0 20px;
  }
  .cmn-dl > dl > dd a[href^="mailto:"] {
    text-decoration: underline;
  }

  div .bread {
    font-size: 12px;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  div .bread .breadcrumbs {
    position: absolute;
    width: 1080px;
    margin: 0 auto;
    left: 0;
    top: 10px;
  }
  div .bread li {
    display: inline-block;
    color: #ff93aa;
  }
  div .bread li:after {
    content: " > ";
    padding: 0 2px;
    color: #999;
  }
  div .bread li:last-child:after {
    content: "";
  }
  div .bread li a {
    color: #999999;
  }

  .fl-l {
    float: left;
  }

  .fl-r {
    float: right;
  }

  .drawer_menu {
    display: none;
  }

  #nav-toggle,
  #global-nav {
    display: none;
  }

  /*Flexbox
  --------------------------------------------*/
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .cont-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

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

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

  .cont-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

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

  .item-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .item-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .item-base {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

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

  .order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .drawer_menu {
    display: none;
  }

  /*お知らせ
  --------------------------------------------*/
  .cmn-post-wrap {
    padding: 70px 0;
  }
  .cmn-post-wrap .sub-ttl {
    text-align: left;
    margin-bottom: 35px;
    font-size: 26px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li {
    margin-bottom: 25px;
    border: 1px solid #ff93aa;
    padding: 20px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li:last-child {
    margin-bottom: 0;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-ttl {
    text-align: left;
    border-bottom: 1px solid #ff93aa;
    margin-bottom: 25px;
    font-weight: bold;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-ttl time {
    font-size: 14px;
    color: #ff93aa;
    margin-right: 25px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-ttl span {
    font-size: 22px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-body {
    text-align: left;
    margin-bottom: 20px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn {
    width: 125px;
    font-size: 14px;
    margin: inherit;
    margin-left: auto;
    font-weight: bold;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn a {
    background: #ff93aa;
    border: 1px solid #ff93aa;
    padding: 5px 0;
    display: block;
    color: #fff;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
            box-shadow: 0 0 1px transparent;
    position: relative;
    background: #ff93aa;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:hover, .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:focus, .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:active {
    color: #ff93aa;
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:hover:before, .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:focus:before, .cmn-post-wrap .cont-wrap .post-lists li .more-btn a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  .cmn-post-wrap .cmn-post-body {
    padding: 20px;
    text-align: left;
    margin-bottom: 10px;
    border: 1px solid #ff93aa;
  }
  .cmn-post-wrap .cmn-post-body img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .cmn-post-wrap .cmn-post-body time {
    font-size: 14px;
    margin-top: 20px;
    font-weight: bold;
    display: block;
    color: #ff93aa;
    text-align: right;
  }

  	/*お問い合わせ
      --------------------------------------------*/
  #contact {
    padding: 70px 0;
  }

  .contact-form {
    margin-bottom: 20px;
    padding: 25px 45px;
    background: #fff;
    border-radius: 20px;
  }
  .contact-form dt {
    padding: 15px;
    width: 280px !important;
    vertical-align: top;
  }
  .contact-form dt span {
    color: #FF0000;
    border-radius: 4px;
    font-weight: bold;
    padding: 3px;
    font-size: 11px;
    margin-left: 5px;
  }
  .contact-form dd {
    padding: 10px 15px;
  }
  .contact-form dd .txtarea {
    border: 1px solid #ccc;
    width: 640px;
    background: #fff;
    padding: 5px;
    font-size: 17px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contact-form textarea {
    height: 260px;
  }
  .contact-form .error-text {
    color: #ff0000;
  }

  .g-recaptcha div {
    margin: 0 auto;
    margin-bottom: 25px;
  }

  .check-btn {
    width: 260px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .back-btn {
    width: 270px;
    margin: 0 auto;
    margin-right: 40px;
  }

  .contact-submits-wrap {
    margin-top: 20px;
  }

  .send-btn {
    width: 240px;
    margin: 0 auto;
  }

  input[type='button'],
  input[type='submit'] {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    background: #fff;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #ff93aa;
    color: #ff93aa;
    border-radius: 35px;
  }
  input[type='button']:hover,
  input[type='submit']:hover {
    background: #ff93aa;
    cursor: pointer;
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
  }

  input[type='button'][disabled],
  input[type='submit'][disabled] {
    opacity: .7;
    pointer-events: none;
  }

  .privacy-check span{
    color: #FF0000;
    border-radius: 4px;
    font-weight: bold;
    padding: 3px;
    font-size: 11px;
    margin-left: 5px;
  }

  	/*プライバシーポリシー
      --------------------------------------------*/
  .privacy_frame {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    height: 265px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    font-family: "Noto Sans JP", sans-serif;
  }

  #privacy {
    margin-top: 35px;
  }
  #privacy h4 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
    color: #5a351a;
    border-bottom: 1px solid #5a351a;
  }
  #privacy iframe {
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    border: none;
  }

  .privacy_frame {
    background: #fff;
  }

  .privacy {
    padding: 15px;
  }

  .privacy_cont {
    margin-bottom: 25px;
    text-align: left;
    font-size: 14px;
  }
  .privacy_cont h5 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    background: #f2f2f2;
    padding: 10px 15px;
  }
  .privacy_cont:last-child {
    margin-bottom: 0;
  }

  .privacy-check {
    margin-top: 15px;
  }

  .pagetop {
    color: #FFF;
    position: fixed;
    bottom: 8%;
    right: 3%;
    z-index: 999;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  body {
    width: 100%;
    margin: 0 auto;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 3.7vw;
    color: #392a23;
    line-height: 1.6;
    text-align: center;
  }

  .inbox {
    padding: 0 2%;
    margin: 0 auto;
  }

  #err-cont {
    padding: 45px 0;
  }
  #err-cont .txt-blc a {
    text-decoration: underline;
  }

  .sp-none {
    display: none;
  }

  .pagenation {
    color: #ff93aa;
    font-size: 12px;
    position: relative;
    margin-top: 10px;
  }
  .pagenation li {
    background: #fff;
    padding: 5px 10px;
    color: #ff93aa;
    font-size: 16px;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    margin-right: 10px;
  }
  .pagenation li a {
    color: #ff93aa;
  }
  .pagenation .current {
    background: #ff93aa;
    color: #fff !important;
  }
  .pagenation p a {
    color: #ff93aa;
  }
  .pagenation .right {
    position: absolute;
    right: 2%;
    z-index: 2;
  }
  .pagenation .center {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .pagenation .left {
    position: absolute;
    left: 2%;
    z-index: 2;
  }

  .cmn-dl {
    text-align: left;
  }
  .cmn-dl > dl > dt {
    background: #ff93aa;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    position: relative;
  }
  .cmn-dl > dl > dd {
    padding: 10px 20px;
  }
  .cmn-dl > dl > dd a[href^="tel:"],
  .cmn-dl > dl > dd a[href^="mailto:"] {
    text-decoration: underline;
  }

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

  div .bread {
    display: none;
  }

  /*お知らせ
  --------------------------------------------*/
  .cmn-post-wrap {
    padding: 45px 0;
  }
  .cmn-post-wrap .sub-ttl {
    text-align: left;
    margin-bottom: 25px;
    font-size: 5vw;
  }
  .cmn-post-wrap .cont-wrap .post-lists li {
    margin-bottom: 25px;
    border: 1px solid #ff93aa;
    padding: 10px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li:last-child {
    margin-bottom: 0;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-ttl {
    text-align: left;
    border-bottom: 1px solid #ff93aa;
    margin-bottom: 25px;
    font-weight: bold;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-ttl time {
    font-size: 3.2vw;
    color: #ff93aa;
    display: block;
    text-align: left;
    font-weight: 700;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-ttl span {
    font-size: 4.1vw;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .post-body {
    text-align: left;
    margin-bottom: 20px;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn {
    width: 45%;
    font-size: 3.2vw;
    margin: inherit;
    margin-left: auto;
  }
  .cmn-post-wrap .cont-wrap .post-lists li .more-btn a {
    background: #ff93aa;
    background-position: 10% 50%;
    padding: 5px 0;
    display: block;
    color: #fff;
  }
  .cmn-post-wrap .cmn-post-body {
    padding: 10px;
    text-align: left;
    border: 1px solid #ff93aa;
  }
  .cmn-post-wrap .cmn-post-body img {
    width: auto;
    height: auto;
  }
  .cmn-post-wrap .cmn-post-body time {
    font-size: 3.2vw;
    text-align: right;
    margin-top: 20px;
    font-weight: bold;
    display: block;
    color: #ff93aa;
  }

  /*お問い合わせ
  --------------------------------------------*/
  .contact-form {
    text-align: left;
    margin-bottom: 20px;
    background: #fff;
    padding: 15px 5px;
  }
  .contact-form dl dt span {
    color: #ff93aa;
    background: #fff;
    border-radius: 4px;
    font-weight: bold;
    padding: 3px;
    font-size: 11px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    /* Safari用 */
    transform: translateY(-50%);
    z-index: 10;
    right: 5px;
  }
  .contact-form dl dd {
    padding: 10px 0;
  }
  .contact-form dl dd textarea {
    height: 150px;
  }
  .contact-form .error-text {
    color: #ff0000;
  }
  .contact-form .txtarea {
    border: 1px solid #ccc;
    width: 100%;
    background: #fff;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .g-recaptcha div {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .check-btn {
    width: 75%;
    margin: 0 auto;
    margin-top: 20px;
  }

  .back-btn {
    width: 52%;
    margin: 0 auto;
    padding: 15px 0;
  }

  .contact-submits-wrap {
    margin-top: 20px;
  }

  .send-btn {
    width: 40%;
    margin: 0 auto;
    margin-left: 15px;
  }

  input[type="submit"] {
    -webkit-appearance: none;
  }

  input[type='button'],
  input[type='submit'] {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    background: #fff;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #ff93aa;
    color: #ff93aa;
    border-radius: 0;
  }
  input[type='button']:hover,
  input[type='submit']:hover {
    background: #ff93aa;
    cursor: pointer;
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
  }

  input[type='button'][disabled],
  input[type='submit'][disabled] {
    opacity: .7;
    pointer-events: none;
  }

  .privacy-check span{
    color: #FF0000;
    border-radius: 4px;
    font-weight: bold;
    padding: 3px;
    font-size: 11px;
    margin-left: 5px;
  }

  /*プライバシーポリシー
  --------------------------------------------*/
  .privacy_frame {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    height: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    font-family: "Noto Sans JP", sans-serif;
  }

  #privacy {
    margin-top: 35px;
  }
  #privacy h4 {
    font-weight: bold;
    font-size: 5vw;
    margin-bottom: 15px;
    color: #5a351a;
    border-bottom: 1px solid #5a351a;
  }
  #privacy iframe {
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    border: none;
  }

  .privacy_frame {
    background: #fff;
  }

  .privacy {
    padding: 15px;
  }

  .privacy_cont {
    margin-bottom: 25px;
    text-align: left;
  }
  .privacy_cont h5 {
    font-size: 4vw;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    background: #f2f2f2;
    padding: 10px 15px;
  }
  .privacy_cont:last-child {
    margin-bottom: 0;
  }

  .privacy-check {
    margin-top: 15px;
  }

  /*footer
  --------------------------------------------*/
  .pagetop {
    color: #FFF;
    position: fixed;
    bottom: 8%;
    right: 3%;
    z-index: 999;
  }
}