@charset "UTF-8";
/** page-header **/
@media only screen and (max-width: 740px) {
  #header-next > div.mgt-10.mgt-0-sp.header-logo.page-header > div {
    background-color: #000;
    padding: 10px 15% 10px;
    outline: 1px solid #D9A300;
  }
  #header-next > div.mgt-10.mgt-0-sp.header-logo.page-header > div img {
    display: block;
    margin: 0 auto;
  }

  #header-next > div.mgt-10.mgt-0-sp.header-logo.page-header > div > a > img.hide-sp {
    display: none;
  }

  .nav-btn.hide-pc {
    background-color: #000;
  }
  .nav-btn.hide-pc span {
    border-color: #fff;
    color: #fff !important;
  }
}
/** page-header end **/
.hero-area {
  background: url("../policy/img/hero-img.jpg") center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 740px) {
  .hero-area.mgb-40 {
    margin-bottom: 20px;
  }
}

.pl {
  position: relative;
}

.cf:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

/*font*/
.wrapper-s {
  /*	@include media(sp){
  	font-size: 12px;
  		}
  	}*/
}
.wrapper-s p {
  font-size: 14px;
}
.wrapper-s h2, .wrapper-s .policytop {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
}

.policytop p {
  font-size: 16px;
}
@media only screen and (max-width: 740px) {
  .policytop p {
    font-size: 13px;
  }
}
.policytop h2 {
  font-size: 26px;
}
@media only screen and (max-width: 740px) {
  .policytop h2 {
    font-size: 16px;
  }
}
.policytop h3 {
  font-size: 18px;
}
@media only screen and (max-width: 740px) {
  .policytop h3 {
    font-size: 13px;
  }
}
@media only screen and (max-width: 740px) {
  .policytop {
    font-size: 13px;
  }
}

div.p-about.cf p, div.p-about.cf ol {
  font-size: 14px;
}
@media only screen and (max-width: 740px) {
  div.p-about.cf p, div.p-about.cf ol {
    font-size: 13px;
  }
}
@media only screen and (max-width: 740px) and (max-width: 740px) {
  div.p-about.cf p li, div.p-about.cf ol li {
    font-size: 13px;
  }
}

/*font end*/
.wrapper-s {
  width: 920px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 740px) {
  .wrapper-s {
    width: 90%;
  }
}
.wrapper-s h2 {
  text-align: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 740px) {
  .wrapper-s h2 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 740px) {
  .wrapper-s h4 {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
.wrapper-s .policytop p {
  text-align: right;
  padding-right: 40px;
}
@media only screen and (max-width: 740px) {
  .wrapper-s .policytop p {
    text-align: center;
    margin-right: 0;
    padding-right: 0;
  }
}
.wrapper-s p {
  margin-bottom: 50px;
}
@media only screen and (max-width: 740px) {
  .wrapper-s p {
    margin-bottom: 15px;
  }
}

.p-wrap h3 {
  border-bottom: 1px solid #B22D00;
  padding-bottom: 5px;
  margin-bottom: 10px !important;
  width: 920px;
  margin: 0 auto;
}
@media only screen and (max-width: 740px) {
  .p-wrap h3 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px !important;
  }
}

.p-about {
  margin-bottom: 50px;
}
@media only screen and (max-width: 740px) {
  .p-about {
    margin-bottom: 30px;
  }
}
.p-about p, .p-about ol {
  padding-left: 42px;
  width: 878px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 740px) {
  .p-about p, .p-about ol {
    padding-left: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-about p:nth-of-type(1) {
  margin-bottom: 0;
}
.p-about p:nth-of-type(3),
.p-about p:nth-of-type(4) {
  text-indent: -11px;
}
@media only screen and (max-width: 740px) {
  .p-about p:nth-of-type(3),
  .p-about p:nth-of-type(4) {
    text-indent: -8px;
  }
}
@media only screen and (max-width: 740px) {
  .p-about li {
    margin: 10px auto;
    padding-left: 1.7em;
    text-indent: -1.7em;
  }
  .p-about li:nth-of-type(3) {
    margin-bottom: 20px;
  }
}

/*クッキーポリシー調整*/
.policytop .cookie-policy-title {
  margin-bottom: 30px;
}
.wrapper-s div .cookie-policy-p {
  margin-left: 14px;
  margin-bottom: 30px!important;
}
@media print, screen and (min-width: 741px) {
  .cookie-policy-p {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 740px) {
  .pdf-link-wrap {
      margin-bottom: 20px;
  }
}
.link-text {
  float: right;
  border-bottom: 1px solid #999;
  padding: 0 7px;
}
.fa-file-pdf:before {
  content: "\f1c1";
  font-family: "FontAwesome";
  margin-right: 5px;
}
