@charset "UTF-8";
html,
body {
  overflow-x: hidden;
}

.cta_btn {
  width: 300px;
  height: 60px;
  border-radius: 4px;
  background: #ff662e;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.cta_btn:hover a:after {
  transform: translateX(8px);
}
.cta_btn a {
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  transition: 0.5s;
}
.cta_btn a span {
  position: relative;
  left: 17px;
  color: #fff;
}
.cta_btn a span:before {
  content: "";
  background-image: url(../img/btn-before.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -33px;
}

.cta_btn1 {
  width: 20.69vw;
  height: 4.138vw;
  border-radius: 4px;
  font-size: 1.103vw;
  background: #ff662e;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.cta_btn1:hover a:after {
  transform: translateX(8px);
}
.cta_btn1 a {
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  transition: 0.5s;
}
.cta_btn1 a span {
  position: relative;
  left: 1.172vw;
  color: #fff;
}
@media (max-width: 950px) {
  .cta_btn1 a span {
    font-size: 2.865vw;
    padding-left: 3.2vw;
    left: 2.172vw;
  }
}
@media (max-width: 480px) {
  .cta_btn1 a span {
    font-size: 16px;
  }
}
.cta_btn1 a span:before {
  content: "";
  background-image: url(../img/btn-before.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 1.655vw;
  height: 1.379vw;
  position: absolute;
  top: 0.138vw;
  left: -2.276vw;
}
@media (max-width: 950px) {
  .cta_btn1 a span:before {
    width: 3.906vw;
    height: 3.385vw;
  }
}
@media (max-width: 480px) {
  .cta_btn1 a span:before {
    width: 24px;
    height: 20px;
    left: -15px;
  }
}

.cta_sec {
  position: relative;
  background-image: url(../img/cta-sec-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 354px;
}
@media (max-width: 768px) {
  .cta_sec {
    height: 410px;
  }
}
@media (max-width: 480px) {
  .cta_sec {
    height: 300px;
  }
}
.cta_sec .inner {
  width: 1250px;
  margin: 0 auto;
}
.cta_sec .inner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  gap: 40px;
  width: 100%;
}
.cta_sec .inner .content h2.ttl {
  text-align: center;
  color: #fff;
  font-size: 32px;
}
@media (max-width: 768px) {
  .cta_sec .inner .content h2.ttl {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .cta_sec .inner .content h2.ttl {
    font-size: 26px;
  }
}
.cta_sec .inner .content h2.ttl br.tab {
  display: none;
}
@media (max-width: 768px) {
  .cta_sec .inner .content h2.ttl br.tab {
    display: block;
  }
}
.cta_sec .inner .content h2.ttl br.sp {
  display: none;
}
@media (max-width: 480px) {
  .cta_sec .inner .content h2.ttl br.sp {
    display: block;
  }
}
.cta_sec .inner .content .btn1 {
  width: 400px;
  height: 76px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 {
    width: 310px;
    height: 60px;
  }
}
.cta_sec .inner .content .btn1 a {
  font-size: 20px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 a {
    font-size: 14px;
  }
}
.cta_sec .inner .content .btn1 a:before {
  width: 52px;
  height: 52px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 a:before {
    width: 40px;
    height: 40px;
  }
}
.cta_sec .inner .content .btn1 a:after {
  width: 20px;
  height: 20px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 a:after {
    width: 15px;
    height: 15px;
  }
}

.hdr_main {
  position: relative;
  width: 100%;
  height: 6.897vw;
}
@media (max-width: 950px) {
  .hdr_main {
    height: 4.414vw;
  }
}
.hdr_main .hdr_logo {
  width: 11.034vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.103vw;
  z-index: 10;
}
@media (max-width: 950px) {
  .hdr_main .hdr_logo {
    width: 15.104vw;
    top: 5.027vw;
    left: 4.427vw;
  }
}
@media (max-width: 480px) {
  .hdr_main .hdr_logo {
    left: 4.8vw;
    top: 8.8vw;
    width: 30.933vw;
  }
}
.hdr_main .hdr_logo img {
  width: 100%;
}
.hdr_main .hdr_btn {
  position: fixed;
  z-index: 9999;
  right: 3.103vw;
  top: 1.379vw;
}
@media (max-width: 950px) {
  .hdr_main .hdr_btn {
    width: 80%;
    height: 10.417vw;
    right: 50%;
    transform: translateX(50%);
    top: auto;
    bottom: 20px;
  }
}
@media (max-width: 950px) and (max-width: 480px) {
  .hdr_main .hdr_btn {
    width: 85%;
    height: 60px;
  }
}
@media (max-width: 950px) {
  .hdr_main .hdr_btn a {
    font-size: 1.379vw;
  }
}
@media (max-width: 950px) and (max-width: 480px) {
  .hdr_main .hdr_btn a {
    font-size: 16px;
  }
}
@media (max-width: 950px) {
  .hdr_main .hdr_btn a:before {
    width: 3.586vw;
    height: 3.586vw;
  }
}
@media (max-width: 950px) and (max-width: 480px) {
  .hdr_main .hdr_btn a:before {
    width: 2.759vw;
    height: 2.759vw;
  }
}
@media (max-width: 950px) {
  .hdr_main .hdr_btn a:after {
    width: 1.379vw;
    height: 1.379vw;
  }
}
@media (max-width: 950px) and (max-width: 480px) {
  .hdr_main .hdr_btn a:after {
    width: 1.034vw;
    height: 1.034vw;
  }
}

.fv_main {
  margin-top: -6.897vw;
  background-image: url(../img/fv-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 109.034vw;
}
@media (max-width: 950px) {
  .fv_main {
    background-image: url(../img/tab-mv-bg.png);
    height: 272.396vw;
  }
}
@media (max-width: 480px) {
  .fv_main {
    background-image: url(../img/sp-mv-bg.png);
    height: 476.067vw;
  }
}
.fv_main .fv_content {
  padding-top: 9.655vw;
  padding-left: 3.862vw;
}
@media (max-width: 950px) {
  .fv_main .fv_content {
    padding-top: 13.411vw;
    padding-left: 6.01vw;
  }
}
@media (max-width: 480px) {
  .fv_main .fv_content {
    padding-top: 23.467vw;
    padding-left: 8vw;
  }
}
.fv_main .fv_content h1 .fv_ttl_img {
  width: 59.586vw;
}
@media (max-width: 950px) {
  .fv_main .fv_content h1 .fv_ttl_img {
    width: 80.729vw;
  }
}
.fv_main .fv_content h1 .fv_ttl_img img.pc_only {
  width: 100%;
}
@media (max-width: 950px) {
  .fv_main .fv_content h1 .fv_ttl_img img.pc_only {
    display: none;
  }
}
.fv_main .fv_content h1 .fv_ttl_img img.tab_only {
  display: none;
}
@media (max-width: 950px) {
  .fv_main .fv_content h1 .fv_ttl_img img.tab_only {
    display: block;
  }
}
@media (max-width: 480px) {
  .fv_main .fv_content h1 .fv_ttl_img img.tab_only {
    display: none;
  }
}
.fv_main .fv_content h1 .fv_ttl_img img.sp_only {
  display: none;
}
@media (max-width: 480px) {
  .fv_main .fv_content h1 .fv_ttl_img img.sp_only {
    display: block;
  }
}
.fv_main .fv_content .mv_btn {
  width: 24.828vw;
  height: 5.241vw;
  border-radius: 4px;
  margin-top: 3.31vw;
  background: #ff662e;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 950px) {
  .fv_main .fv_content .mv_btn {
    display: none;
  }
}
.fv_main .fv_content .mv_btn:hover a:after {
  transform: translateX(8px);
}
.fv_main .fv_content .mv_btn a {
  font-weight: bold;
  width: 100%;
  height: 100%;
  font-size: 1.379vw;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  transition: 0.5s;
}
.fv_main .fv_content .mv_btn a span {
  position: relative;
  left: 1.172vw;
  color: #fff;
}
.fv_main .fv_content .mv_btn a span:before {
  content: "";
  background-image: url(../img/btn-before.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 1.655vw;
  height: 1.379vw;
  position: absolute;
  top: 0.276vw;
  left: -2.276vw;
}

.problem {
  margin-top: -46.207vw;
}
@media (max-width: 1150px) {
  .problem {
    margin-top: -51.207vw;
  }
}
@media (max-width: 950px) {
  .problem {
    margin-top: -125.207vw;
  }
}
@media (max-width: 480px) {
  .problem {
    margin-top: -286.207vw;
  }
}
.problem .inner {
  width: 86.207vw;
  margin: 0 auto;
}
.problem .inner .p_ttl {
  font-size: 44px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 1.75;
}
@media (max-width: 950px) {
  .problem .inner .p_ttl {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .problem .inner .p_ttl {
    font-size: 28px;
  }
}
.problem .inner .p_ttl .sp_only {
  display: none;
}
@media (max-width: 480px) {
  .problem .inner .p_ttl .sp_only {
    display: block;
  }
}
.problem .inner .p_ttl .dot {
  position: relative;
  display: inline-block;
  color: #e5521c;
  font-size: 44px;
}
@media (max-width: 950px) {
  .problem .inner .p_ttl .dot {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .problem .inner .p_ttl .dot {
    font-size: 28px;
  }
}
.problem .inner .p_ttl .dot::before {
  content: "•"; /* 小さなドット ● ・ 好きな記号に変更OK */
  position: absolute;
  top: -16px; /* ドットの縦位置調整（フォントによって調整） */
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px; /* ドットのサイズ */
  line-height: 1;
}
@media (max-width: 480px) {
  .problem .inner .p_ttl .dot::before {
    top: -12px;
    font-size: 24px;
  }
}
.problem .inner .p_b_wrap.pc_only {
  margin-top: 4.138vw;
  display: flex;
  justify-content: center;
  gap: 60px;
}
@media (max-width: 950px) {
  .problem .inner .p_b_wrap.pc_only {
    display: none;
  }
}
.problem .inner .p_b_wrap.pc_only .p_b {
  position: relative;
  width: 22.759vw;
  height: 15.862vw;
  background: #fff;
  padding: 2.207vw;
  border-radius: 0.276vw;
}
.problem .inner .p_b_wrap.pc_only .p_b .p_txt {
  font-size: 1.379vw;
  line-height: 1.75;
}
.problem .inner .p_b_wrap.pc_only .p_b .p_txt span {
  color: #e5521c;
  font-weight: bold;
  font-size: 1.379vw;
  font-weight: 600;
}
.problem .inner .p_b_wrap.pc_only .p_b.b1:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 6.414vw;
  height: 13.103vw;
  bottom: -2.276vw;
  left: -3.241vw;
}
.problem .inner .p_b_wrap.pc_only .p_b.b2 {
  position: relative;
  top: 4.138vw;
}
.problem .inner .p_b_wrap.pc_only .p_b.b2:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 6.207vw;
  height: 11.586vw;
  bottom: -1.241vw;
  right: -2.345vw;
}
.problem .inner .p_b_wrap.pc_only .p_b.b3 {
  margin-top: 0;
}
.problem .inner .p_b_wrap.pc_only .p_b.b3:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i3.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 5.931vw;
  height: 12.759vw;
  bottom: -3.172vw;
  right: -3.172vw;
}
.problem .inner .p_b_wrap.tab_only {
  display: none;
  margin-top: 4.138vw;
  gap: 4.138vw;
}
@media (max-width: 950px) {
  .problem .inner .p_b_wrap.tab_only {
    display: block;
  }
}
@media (max-width: 480px) {
  .problem .inner .p_b_wrap.tab_only {
    display: none;
  }
}
.problem .inner .p_b_wrap.tab_only .wrap {
  display: flex;
  justify-content: center;
  gap: 5.208vw;
}
.problem .inner .p_b_wrap.tab_only .wrap .p_b {
  position: relative;
  width: 40.885vw;
  height: 26.042vw;
  background: #fff;
  padding: 3.125vw 3.125vw 10.417vw;
  border-radius: 4px;
}
.problem .inner .p_b_wrap.tab_only .wrap .p_b .p_txt {
  font-size: 2.604vw;
  line-height: 1.75;
}
.problem .inner .p_b_wrap.tab_only .wrap .p_b .p_txt span {
  color: #e5521c;
  font-weight: bold;
  font-size: 2.604vw;
  font-weight: 600;
}
.problem .inner .p_b_wrap.tab_only .wrap .p_b.b1:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 10.938vw;
  height: 22.271vw;
  bottom: -10.276vw;
  left: 50%;
  transform: translateX(-50%);
}
.problem .inner .p_b_wrap.tab_only .wrap .p_b.b2:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i2.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  width: 10.938vw;
  height: 20.271vw;
  bottom: -11.276vw;
  left: 50%;
  transform: translateX(-50%);
}
.problem .inner .p_b_wrap.sp_only {
  display: none;
  margin-top: 4.138vw;
}
@media (max-width: 480px) {
  .problem .inner .p_b_wrap.sp_only {
    display: flex;
    flex-direction: column;
    margin-top: 11.138vw;
  }
}
.problem .inner .p_b_wrap.sp_only .p_b {
  position: relative;
  width: 84vw;
  height: 51.2vw;
  background: #fff;
  padding: 6.4vw 6.4vw 21.333vw;
  border-radius: 4px;
}
.problem .inner .p_b_wrap.sp_only .p_b .p_txt {
  font-size: 4.8vw;
  line-height: 1.75;
}
.problem .inner .p_b_wrap.sp_only .p_b .p_txt span {
  color: #e5521c;
  font-weight: bold;
  font-size: 4.8vw;
  font-weight: 600;
}
.problem .inner .p_b_wrap.sp_only .p_b.b1 {
  margin-bottom: 21.867vw;
}
.problem .inner .p_b_wrap.sp_only .p_b.b1:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20.267vw;
  height: 35.467vw;
  bottom: -15.276vw;
  left: 50%;
  transform: translateX(-50%);
}
.problem .inner .p_b_wrap.sp_only .p_b.b2 {
  margin-bottom: 12vw;
}
.problem .inner .p_b_wrap.sp_only .p_b.b2:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i2.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  width: 20.267vw;
  height: 35.467vw;
  bottom: -19.276vw;
  left: 50%;
  transform: translateX(-50%);
}
.problem .inner .p_b {
  position: relative;
  width: 40.885vw;
  height: 34.896vw;
  margin: 0 auto;
  background: #fff;
  padding: 3.125vw 3.125vw 10.417vw;
  border-radius: 4px;
}
.problem .inner .p_b .p_txt {
  font-size: 2.604vw;
  line-height: 1.75;
}
.problem .inner .p_b .p_txt span {
  color: #e5521c;
  font-weight: bold;
  font-size: 2.604vw;
  font-weight: 600;
}
.problem .inner .p_b.b3.tab {
  margin-top: 13.802vw;
}
.problem .inner .p_b.b3.tab:before {
  position: absolute;
  content: "";
  background-image: url(../img/pro-i3.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  width: 11.938vw;
  height: 23.271vw;
  bottom: -11.276vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 480px) {
  .problem .inner .p_b.b3.tab:before {
    width: 20.267vw;
    height: 35.467vw;
    bottom: -21.276vw;
  }
}

.more {
  padding-top: 20.5vw;
}
@media (max-width: 1750px) {
  .more {
    padding-top: 18.5vw;
  }
}
@media (max-width: 950px) {
  .more {
    padding-top: 35.1vw;
  }
}
@media (max-width: 480px) {
  .more {
    padding-top: 40.1vw;
  }
}
.more .inner {
  width: 1250px;
  margin: 0 auto;
}
@media (max-width: 1350px) {
  .more .inner {
    width: calc(100% - 100px);
  }
}
@media (max-width: 480px) {
  .more .inner {
    width: calc(100% - 39px);
  }
}
.more .inner .m_ttl {
  font-size: 36px;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 480px) {
  .more .inner .m_ttl {
    font-size: 22px;
  }
}
.more .inner .m_ttl span {
  font-size: 36px;
  color: #e5521c;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media (max-width: 480px) {
  .more .inner .m_ttl span {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .more .inner .m_ttl .pc_only {
    display: none;
  }
}
.more .inner .m_wrap {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 56px;
  margin-bottom: 90px;
}
@media (max-width: 950px) {
  .more .inner .m_wrap {
    display: block;
  }
}
@media (max-width: 480px) {
  .more .inner .m_wrap {
    margin-bottom: 60px;
  }
}
.more .inner .m_wrap .left {
  width: 425px;
  flex: 0 0 425px;
}
@media (max-width: 950px) {
  .more .inner .m_wrap .left {
    width: 80%;
    margin: 0 auto;
    flex: none;
  }
}
@media (max-width: 480px) {
  .more .inner .m_wrap .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.more .inner .m_wrap .left img {
  width: 100%;
}
.more .inner .m_wrap .right {
  width: 560px;
}
@media (max-width: 950px) {
  .more .inner .m_wrap .right {
    width: 100%;
  }
}
.more .inner .m_wrap .right .m_txt {
  margin-bottom: 35px;
  font-weight: bold;
  line-height: 2;
}

.read {
  position: relative;
  padding: 110px 0;
  background: #fafaf5;
}
.read .bg_pic1 {
  position: absolute;
  left: 0;
  top: 60px;
  width: 173px;
}
@media (max-width: 950px) {
  .read .bg_pic1 {
    width: 72px;
  }
}
@media (max-width: 480px) {
  .read .bg_pic1 {
    width: 67px;
  }
}
.read .bg_pic1 img {
  width: 100%;
}
.read .bg_pic2 {
  position: absolute;
  right: 0;
  width: 155px;
  bottom: 427px;
  z-index: 0;
}
@media (max-width: 950px) {
  .read .bg_pic2 {
    width: 84px;
  }
}
@media (max-width: 480px) {
  .read .bg_pic2 {
    width: 60px;
  }
}
.read .bg_pic2 img {
  width: 100%;
}
.read .bg_pic3 {
  position: absolute;
  left: 0;
  bottom: 57px;
  width: 100px;
}
@media (max-width: 950px) {
  .read .bg_pic3 {
    width: 42px;
  }
}
.read .bg_pic3 img {
  width: 100%;
}
@media (max-width: 480px) {
  .read {
    padding: 60px 0;
  }
}
.read .inner {
  width: 966px;
  margin: 0 auto;
}
@media (max-width: 1070px) {
  .read .inner {
    width: calc(100% - 100px);
  }
}
@media (max-width: 480px) {
  .read .inner {
    width: calc(100% - 60px);
  }
}
.read .inner .r_ttl {
  font-size: 44px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.read .inner .r_ttl .sp_only {
  display: none;
}
@media (max-width: 480px) {
  .read .inner .r_ttl .sp_only {
    display: block;
  }
}
@media (max-width: 768px) {
  .read .inner .r_ttl {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .read .inner .r_ttl {
    font-size: 28px;
    line-height: 1.75;
  }
}
.read .inner .r_ttl .dot {
  position: relative;
  display: inline-block;
  font-size: 44px;
  color: #e5521c;
  font-weight: 500;
}
@media (max-width: 768px) {
  .read .inner .r_ttl .dot {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .read .inner .r_ttl .dot {
    font-size: 28px;
  }
}
.read .inner .r_ttl .dot::before {
  content: "•"; /* 小さなドット ● ・ 好きな記号に変更OK */
  position: absolute;
  top: -20px; /* ドットの縦位置調整（フォントによって調整） */
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px; /* ドットのサイズ */
  line-height: 1;
}
@media (max-width: 480px) {
  .read .inner .r_ttl .dot::before {
    top: -10px;
    font-size: 20px;
  }
}
.read .inner .c_o {
  color: #e5521c;
}
.read .inner .r_txt {
  margin-top: 50px;
  text-align: center;
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 480px) {
  .read .inner .r_txt {
    margin-top: 30px;
  }
}
.read .inner .r_point1 {
  position: relative;
  width: 800px;
  background: #fff;
  padding: 60px 40px;
  margin-top: 70px;
}
@media (max-width: 1070px) {
  .read .inner .r_point1 {
    width: calc(100% - 74px);
    padding: 50px 40px;
  }
}
@media (max-width: 720px) {
  .read .inner .r_point1 {
    padding: 48px 24px 32px;
    width: 100%;
    margin-top: 100px;
  }
}
.read .inner .r_point1:before {
  position: absolute;
  content: "";
  background-image: url(../img/read-img1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 260px;
  height: 276px;
  top: -43px;
  right: -91px;
}
@media (max-width: 1070px) {
  .read .inner .r_point1:before {
    width: 220px;
    height: 233px;
    top: 0;
  }
}
@media (max-width: 720px) {
  .read .inner .r_point1:before {
    width: 92px;
    height: 98px;
    margin: 0 auto;
    margin-top: -120px;
    position: static;
    display: block;
  }
}
.read .inner .r_point1 .r_ttl {
  font-size: 28px;
  color: #e5521c;
  margin-bottom: 20px;
  text-align: left;
}
@media (max-width: 720px) {
  .read .inner .r_point1 .r_ttl {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .read .inner .r_point1 .r_ttl {
    font-size: 24px;
    padding-top: 20px;
    margin-bottom: 10px;
  }
}
.read .inner .r_point1 .r_p_txt {
  font-weight: bold;
}
.read .inner .r_point1 .desc_b {
  width: 545px;
}
@media (max-width: 1070px) {
  .read .inner .r_point1 .desc_b {
    width: calc(100% - 160px);
  }
}
@media (max-width: 720px) {
  .read .inner .r_point1 .desc_b {
    width: 100%;
  }
}
.read .inner .r_point1.reverse {
  position: relative;
  width: 800px;
  background: #fff;
  padding: 60px 40px 60px 215px;
  margin-top: 70px;
  margin-left: auto;
  border-radius: 4px;
}
@media (max-width: 1070px) {
  .read .inner .r_point1.reverse {
    width: calc(100% - 74px);
    padding: 50px 40px 50px 215px;
  }
}
@media (max-width: 950px) {
  .read .inner .r_point1.reverse {
    margin-top: 40px;
    padding: 50px 40px 50px 193px;
  }
}
@media (max-width: 720px) {
  .read .inner .r_point1.reverse {
    padding: 48px 24px 32px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .read .inner .r_point1.reverse {
    margin-top: 85px;
  }
}
.read .inner .r_point1.reverse:before {
  position: absolute;
  content: "";
  background-image: url(../img/read-img2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 260px;
  height: 276px;
  top: -22px;
  left: -91px;
}
@media (max-width: 1070px) {
  .read .inner .r_point1.reverse:before {
    width: 220px;
    height: 233px;
    top: 0;
  }
}
@media (max-width: 814px) {
  .read .inner .r_point1.reverse:before {
    top: 24px;
  }
}
@media (max-width: 720px) {
  .read .inner .r_point1.reverse:before {
    width: 92px;
    height: 98px;
    margin: 0 auto;
    margin-top: -120px;
    position: static;
    display: block;
  }
}
.read .inner .r_point1.reverse .r_ttl {
  font-size: 28px;
  color: #e5521c;
  margin-bottom: 20px;
  text-align: left;
}
@media (max-width: 720px) {
  .read .inner .r_point1.reverse .r_ttl {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .read .inner .r_point1.reverse .r_ttl {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.read .inner .r_point1.reverse .r_p_txt {
  font-weight: bold;
}
.read .inner .r_point1.reverse .desc_b {
  width: 545px;
}
@media (max-width: 1070px) {
  .read .inner .r_point1.reverse .desc_b {
    width: calc(100% - 10px);
  }
}
.read .inner .usage {
  margin-top: 80px;
}
@media (max-width: 480px) {
  .read .inner .usage {
    margin-top: 40px;
  }
}
.read .inner .usage .usage_ttl {
  position: relative;
  z-index: 2;
  width: 800px;
  margin: 0 auto;
  border-radius: 9999px;
  color: #fff;
  background: #1e9500;
  font-size: 28px;
  font-weight: 500;
  padding: 12px 0;
  text-align: center;
}
@media (max-width: 930px) {
  .read .inner .usage .usage_ttl {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .read .inner .usage .usage_ttl {
    width: 100%;
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .read .inner .usage .usage_ttl {
    padding: 8px 0;
    font-size: 20px;
  }
}
.read .inner .usage .usage_wrap {
  display: flex;
  justify-content: center;
  gap: 160px;
  margin-top: 50px;
}
@media (max-width: 920px) {
  .read .inner .usage .usage_wrap {
    gap: 110px;
  }
}
@media (max-width: 764px) {
  .read .inner .usage .usage_wrap {
    gap: 5%;
  }
}
@media (max-width: 682px) {
  .read .inner .usage .usage_wrap {
    display: block;
    margin-top: 30px;
  }
}
.read .inner .usage .usage_wrap .usage_b {
  width: 306px;
}
@media (max-width: 920px) {
  .read .inner .usage .usage_wrap .usage_b {
    width: 276px;
  }
}
@media (max-width: 682px) {
  .read .inner .usage .usage_wrap .usage_b {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .read .inner .usage .usage_wrap .usage_b {
    width: 250px;
  }
}
.read .inner .usage .usage_wrap .usage_b .u_pic {
  width: 240px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .read .inner .usage .usage_wrap .usage_b .u_pic {
    width: 200px;
  }
}
.read .inner .usage .usage_wrap .usage_b .u_pic img {
  width: 100%;
}
.read .inner .usage .usage_wrap .usage_b .u_ttl {
  margin-top: 10px;
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 920px) {
  .read .inner .usage .usage_wrap .usage_b .u_ttl {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .read .inner .usage .usage_wrap .usage_b .u_ttl {
    font-size: 18px;
  }
}
.read .inner .usage .usage_wrap .usage_b .u_txt {
  text-align: center;
  font-weight: bold;
  line-height: 1.75;
}
@media (max-width: 480px) {
  .read .inner .usage .usage_wrap .usage_b .u_txt {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .read .inner .usage .usage_wrap .usage_b.last {
    margin-top: 50px;
  }
}

.contact {
  padding: 90px 0;
}
@media (max-width: 480px) {
  .contact {
    padding: 60px 0;
  }
}
.contact .inner {
  width: 1250px;
  margin: 0 auto;
}
@media (max-width: 1350px) {
  .contact .inner {
    width: calc(100% - 100px);
  }
}
@media (max-width: 480px) {
  .contact .inner {
    width: calc(100% - 30px);
  }
}
.contact .inner .upper_img {
  width: 602px;
  margin: 0 auto;
}
@media (max-width: 950px) {
  .contact .inner .upper_img {
    width: 80%;
  }
}
@media (max-width: 730px) {
  .contact .inner .upper_img {
    width: 100%;
  }
}
.contact .inner .upper_img img.pc_only {
  width: 100%;
}
@media (max-width: 570px) {
  .contact .inner .upper_img img.pc_only {
    display: none;
  }
}
.contact .inner .upper_img img.sp_only {
  width: 100%;
  display: none;
}
@media (max-width: 570px) {
  .contact .inner .upper_img img.sp_only {
    display: block;
  }
}
.contact .inner h2.c_ttl {
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .contact .inner h2.c_ttl {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .contact .inner h2.c_ttl {
    margin-top: 10px;
    font-size: 18px;
  }
}
.contact .inner h2.c_ttl .tab__only {
  display: none;
}
@media (max-width: 768px) {
  .contact .inner h2.c_ttl .tab__only {
    display: block;
  }
}
@media (max-width: 480px) {
  .contact .inner h2.c_ttl .tab__only {
    display: none;
  }
}
@media (max-width: 480px) {
  .contact .inner h2.c_ttl .pc__only {
    display: none;
  }
}
.contact .inner .contact_con iframe {
  height: 1063px;
}

.ftr_main {
  padding: 40px 0 15px;
  background-image: url(../img/ftr-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: auto;
}
@media (max-width: 950px) {
  .ftr_main {
    padding-bottom: 15vw;
  }
}
@media (max-width: 768px) {
  .ftr_main {
    padding-bottom: calc(10.417vw + 40px);
  }
}
@media (max-width: 480px) {
  .ftr_main {
    padding-bottom: 110px;
  }
}
.ftr_main .ftr_con {
  width: 550px;
  margin: 0 auto;
}
@media (max-width: 580px) {
  .ftr_main .ftr_con {
    width: 100%;
  }
}
.ftr_main .ftr_con .ftr_logo {
  width: 160px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ftr_main .ftr_con .ftr_logo {
    width: 180px;
  }
}
.ftr_main .ftr_con .ftr_logo img {
  width: 100%;
}
.ftr_main .ftr_con .ftr_menu {
  margin: 30px auto 80px;
}
@media (max-width: 768px) {
  .ftr_main .ftr_con .ftr_menu {
    margin: 30px auto 70px;
  }
}
@media (max-width: 480px) {
  .ftr_main .ftr_con .ftr_menu {
    margin: 20px auto 60px;
  }
}
.ftr_main .ftr_con .ftr_menu nav ul {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.ftr_main .ftr_con .ftr_menu nav ul li {
  position: relative;
  padding-left: 20px;
}
.ftr_main .ftr_con .ftr_menu nav ul li:before {
  position: absolute;
  top: calc(50% + 3px);
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  left: 0;
  content: "";
  background: #fff;
}
.ftr_main .ftr_con .ftr_menu nav ul li:last-child {
  padding-right: 20px;
}
.ftr_main .ftr_con .ftr_menu nav ul li:last-child:after {
  position: absolute;
  top: calc(50% + 3px);
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  right: 0;
  content: "";
  background: #fff;
}
.ftr_main .ftr_con .ftr_menu nav ul li a {
  color: #fff;
  font-size: 14px;
}
.ftr_main .ftr_con .privacy_policy {
  color: #fff;
  text-align: center;
  font-size: 12px;
}
@media (max-width: 480px) {
  .ftr_main .ftr_con .privacy_policy {
    font-size: 10px;
  }
}

.download {
  padding: 110px 0 0;
}
@media (max-width: 480px) {
  .download {
    padding: 64px 0;
  }
}
.download .inner {
  width: 1250px;
  margin: 0 auto;
}
@media (max-width: 1350px) {
  .download .inner {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
}
.download .inner h2.ttl {
  font-size: 44px;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .download .inner h2.ttl {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .download .inner h2.ttl {
    font-size: 28px;
  }
}
.download .inner h2.ttl br.tab {
  display: none;
}
@media (max-width: 768px) {
  .download .inner h2.ttl br.tab {
    display: block;
  }
}

.cta_sec {
  position: relative;
  background-image: url(../img/cta-sec-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 410px;
}
@media (max-width: 768px) {
  .cta_sec {
    height: 400px;
  }
}
@media (max-width: 480px) {
  .cta_sec {
    height: 300px;
  }
}
.cta_sec .inner {
  width: 1250px;
  margin: 0 auto;
}
@media (max-width: 1350px) {
  .cta_sec .inner {
    width: calc(100% - 100px);
  }
}
@media (max-width: 480px) {
  .cta_sec .inner {
    width: calc(100% - 60px);
  }
}
.cta_sec .inner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  gap: 40px;
  width: 100%;
}
@media (max-width: 550px) {
  .cta_sec .inner .content {
    padding: 0 40px;
  }
}
.cta_sec .inner .content h2.ttl {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .cta_sec .inner .content h2.ttl {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .cta_sec .inner .content h2.ttl {
    font-size: 26px;
  }
}
.cta_sec .inner .content h2.ttl br.tab {
  display: none;
}
@media (max-width: 768px) {
  .cta_sec .inner .content h2.ttl br.tab {
    display: block;
  }
}
.cta_sec .inner .content h2.ttl br.sp {
  display: none;
}
@media (max-width: 480px) {
  .cta_sec .inner .content h2.ttl br.sp {
    display: block;
  }
}
.cta_sec .inner .content .btn1 {
  width: 400px;
  height: 76px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 {
    width: 310px;
    height: 60px;
  }
}
.cta_sec .inner .content .btn1 a {
  font-size: 20px;
  color: #fff;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 a {
    font-size: 14px;
  }
}
.cta_sec .inner .content .btn1 a:before {
  width: 52px;
  height: 52px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 a:before {
    width: 40px;
    height: 40px;
  }
}
.cta_sec .inner .content .btn1 a:after {
  width: 20px;
  height: 20px;
}
@media (max-width: 480px) {
  .cta_sec .inner .content .btn1 a:after {
    width: 15px;
    height: 15px;
  }
}/*# sourceMappingURL=lp.css.map */