@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  width: 100%;
  color: #333333;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0;
  height: 100%;
  word-break: break-word;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
  cursor: pointer;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

.pc_item {
  display: block;
}

@media (max-width: 949px) {
  .pc_item {
    display: none;
  }
}
.sp_item {
  display: none;
}

@media (max-width: 949px) {
  .sp_item {
    display: block;
  }
}
img {
  vertical-align: top;
  width: 100%;
}

/* ヘッダー */
header {
  width: 100%;
  background-color: #fff;
}

header > .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 960px;
  margin: auto;
  padding-top: 29px;
  padding-bottom: 12px;
}

@media (max-width: 949px) {
  header > .header_inner {
    width: 100%;
    padding-top: 1.3333333333vw;
    padding-bottom: 1.8666666667vw;
    padding: 1.3333333333vw 2.1333333333vw 1.8666666667vw;
  }
}
header .header_logo {
  width: 257.5px;
}

@media (max-width: 949px) {
  header .header_logo {
    width: 12.4vw;
  }
}
header .header_logo a {
  display: block;
}

header .header_logo a:hover {
  opacity: 0.8;
}

header .header_logo a img {
  width: 100%;
}

header .header_info_btn {
  display: flex;
  align-items: center;
  margin-right: -4px;
}

@media (max-width: 949px) {
  header .header_info_btn {
    margin-right: 0;
  }
}
header .header_info_btn li:nth-of-type(1) {
  width: 225.5px;
}

@media (max-width: 949px) {
  header .header_info_btn li:nth-of-type(1) {
    width: 22vw;
  }
}
header .header_info_btn li:nth-of-type(2) {
  width: 194.5px;
  margin-left: 17px;
}

@media (max-width: 949px) {
  header .header_info_btn li:nth-of-type(2) {
    width: 17.2vw;
    margin-left: 2.1333333333vw;
  }
}
header .header_info_btn li:nth-of-type(3) {
  width: 236.5px;
  margin-left: 9px;
}

@media (max-width: 949px) {
  header .header_info_btn li:nth-of-type(3) {
    width: 34.2666666667vw;
    margin-left: 1.6vw;
  }
}
header .header_info_btn li a {
  display: block;
}

header .header_info_btn li a:hover {
  opacity: 0.8;
}

header .header_info_btn li a img {
  width: 100%;
}

/* インフォ */
.info_txt {
  font-size: 4.8vw;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 950px) {
  .info_txt {
    font-size: 24px;
  }
}
.info_txt span {
  color: #e37311;
  font-size: 6.4vw;
  font-weight: 700;
}
@media screen and (min-width: 950px) {
  .info_txt span {
    font-size: 40px;
  }
}

/* キャンペーン */
.cp {
  background-color: #fcf8cc;
  background-image: url("../img/bg_cp.png");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100%;
}
.cp_inner {
  padding: 64px 20px;
}
.cp_img__01 {
  max-width: 1000px;
  margin: 0 auto;
}
.cp_img__02 {
  max-width: 1180px;
  margin: 64px auto 0;
}

/* OCT光なら */
.about {
  background-color: #fff;
  background-image: url("../img/bg_cont_sp.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
@media screen and (min-width: 950px) {
  .about {
    background-image: url("../img/bg_cont_pc.jpg");
  }
}
.about_inner {
  padding: 64px 20px;
}
.about_ttl {
  max-width: 320px;
  margin: 0 auto;
}
.about_img {
  max-width: 1000px;
  margin: 0 auto;
}
.about_img img {
  padding-top: 24px;
}

/* 注意事項 */
.terms {
  padding: 64px 20px 0;
}
.terms_inner {
  max-width: 640px;
  margin: 0 auto;
}
.terms_ttl {
  font-size: 4.8vw;
  font-weight: 700;
  border-bottom: 1px solid #333333;
  margin-bottom: 16px;
}
@media screen and (min-width: 950px) {
  .terms_ttl {
    font-size: 20px;
  }
}
.terms_ttl span {
  font-size: 3.2vw;
  font-weight: 400;
}
@media screen and (min-width: 950px) {
  .terms_ttl span {
    font-size: 14px;
  }
}
.terms_txt {
  text-align: justify;
}
.terms_txt li {
  line-height: 1.6;
  font-weight: 300;
  display: block;
  text-indent: -1.3rem;
  padding: 8px 0 0 20px;
}
.terms_txt li.caution::before {
  content: "※";
}
.terms_txt li.num01::before {
  content: "①";
}
.terms_txt li.num02::before {
  content: "②";
}
.terms_txt li.num03::before {
  content: "③";
}

/* コンタクト */
.wrapper .info_contents {
  width: 100%;
  background-color: #fff;
}

.wrapper .info_contents > .inner {
  width: 960px;
  margin: auto;
  padding: 15px 0 40px;
}

@media (max-width: 949px) {
  .wrapper .info_contents > .inner {
    width: 100%;
    padding: 3.4666666667vw 0 9.3333333333vw;
  }
}
.wrapper .info_contents .lede_txt {
  margin-top: 20px;
  text-align: center;
  color: #333333;
  line-height: 1.5;
  font-size: 30px;
  font-weight: bold;
}

@media (max-width: 949px) {
  .wrapper .info_contents .lede_txt {
    margin-top: 5.3333333333vw;
    font-size: 4vw;
  }
}
.wrapper .info_contents .btn_wrap {
  display: flex;
  justify-content: space-between;
  width: 860px;
  margin: 20px auto 35px;
}

@media (max-width: 949px) {
  .wrapper .info_contents .btn_wrap {
    flex-direction: column;
    width: 100%;
    margin: 3.4666666667vw auto 6.9333333333vw;
  }
}
.wrapper .info_contents .btn_wrap .btn {
  width: 419px;
}

@media (max-width: 949px) {
  .wrapper .info_contents .btn_wrap .btn {
    width: 78.9333333333vw;
    margin: auto;
  }
}
@media (max-width: 949px) {
  .wrapper .info_contents .btn_wrap .btn + .btn {
    margin-top: 4vw;
  }
}
.wrapper .info_contents .btn_wrap a {
  display: block;
}

.wrapper .info_contents .btn_wrap a:hover {
  opacity: 0.8;
}

.wrapper .info_contents .btn_wrap a img {
  width: 100%;
}

.wrapper .info_contents .btn_center {
  margin-top: 10px;
}

@media (max-width: 949px) {
  .wrapper .info_contents .btn_center {
    margin-top: 2.6666666667vw;
  }
}
.wrapper .info_contents .btn_center .btn {
  width: 475px;
  margin: auto;
}

@media (max-width: 949px) {
  .wrapper .info_contents .btn_center .btn {
    width: 78.9333333333vw;
    margin: auto;
  }
}
.wrapper .info_contents .btn_center .btn img {
  width: 100%;
}

.wrapper .info_contents .btn_center a {
  display: block;
  width: 100%;
}

.wrapper .info_contents .btn_center a:hover {
  opacity: 0.8;
}

.bg_black {
  background-color: #000;
  color: #fff;
}

.bg_white {
  background-color: #fff;
  border: 1px solid #000;
}

footer .footer_logo {
  width: 257.5px;
  margin: auto;
  padding: 8vh 0;
}

@media (max-width: 949px) {
  footer .footer_logo {
    width: 51.3333333333vw;
    margin: auto;
  }
}
footer .footer_logo img {
  width: 100%;
}/*# sourceMappingURL=main.css.map */