@charset "UTF-8";
/*---------------------------
共通
----------------------------*/
html {
  font-feature-settings: "palt";
  font-size: 62.5%;
  letter-spacing: 0.02em;
  background: #fff;
  overflow-x: hidden;
}

body {
  line-height: 1.5;
  overflow-x: hidden;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}

img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

p {
  font-size: 1.5rem;
  line-height: 1.65;
  margin-bottom: 0.5em;
}

em {
  font-style: normal;
  font-weight: 600;
  color: #DA0606;
}

p.note {
  font-size: 1.2rem;
  text-align: center;
  margin: 10px auto;
  padding-left: 10px;
  padding-right: 10px;
}

.kome {
  font-size: 1.6rem;
  vertical-align: top;
}

p.matome_t {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin: 10px auto;
  width: 90%;
}

.color_blue {
  color: #0957A7;
}

.telnumber {
  font-size: 3.2rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 2px;
}

.freedial {
  width: 38px;
}

ul {
  margin-bottom: 0.5em;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  transition: 0.2s;
}

li {
  font-size: 1.5rem;
  line-height: 1.5;
}

.f-en,
.telnumber,
.num,
.tegami_num {
  font-family: "Jost", sans-serif;
  letter-spacing: 0.04em;
}

.u-tc {
  text-align: center;
}

.mob_only {
  display: initial;
}

.pc_only {
  display: none;
}

.bg_blue {
  background: #ECF6FF;
  margin: 40px auto;
}

/*タイトル*/
.sectitle {
  font-size: 2.6rem;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 20px;
}
.sectitle .mainttl {
  font-size: 3.2rem;
  display: block;
}
.sectitle .subttl {
  font-size: 1.8rem;
  display: block;
}
.sectitle.color_blue {
  color: #003777;
}

/*枠*/
.sec {
  padding: 40px 0;
}

.sec_inner {
  margin: 0 auto;
  padding-left: 4%;
  padding-right: 4%;
}

@media screen and (min-width: 768px) {
  p {
    font-size: 1.8rem;
  }
  .mob_only {
    display: none;
  }
  .pc_only {
    display: initial;
  }
  p.note {
    font-size: 1.4rem;
    margin: 30px auto 10px;
  }
  p.matome_t {
    font-size: 2rem;
    margin: 20px auto;
    width: auto;
  }
  p.matome_t br {
    display: none;
  }
  .bg_blue {
    margin: 80px auto;
  }
  .sectitle {
    font-size: 4.6rem;
    margin: 0 auto 30px;
  }
  .sectitle .mainttl {
    font-size: 4.6rem;
  }
  .sectitle .subttl {
    font-size: 2.6rem;
  }
  .sec {
    padding: 80px 0;
  }
  .sec_inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 960px) {
  .sec {
    padding: 100px 0;
  }
}
/*---------------------------
ヘッダー
----------------------------*/
body {
  padding-top: 56px;
  padding-bottom: 110px;
}

.lp_header {
  width: 100%;
  height: 56px;
  position: fixed;
  top: 0;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.lp_header .lp_title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  margin-left: 12px;
}
.lp_header .lp_title strong {
  color: #EA290F;
}
.lp_header .inner {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 10px;
}
.lp_header .inner .sitelogo {
  width: 88px;
  flex: 0 0 88px;
}
.lp_header .inner .telarea_mob {
  display: block;
  margin-left: auto;
  width: 50px;
}
.lp_header .inner .telarea_pc {
  display: none;
}

@media screen and (min-width: 768px) {
  body {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .lp_header {
    height: 80px;
  }
  .lp_header .lp_title {
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
  }
  .lp_header .inner {
    height: 80px;
  }
  .lp_header .inner .sitelogo {
    width: 120px;
    flex: 0 0 120px;
  }
  .lp_header .inner .telarea_mob {
    width: 60px;
  }
}
@media screen and (min-width: 960px) {
  body {
    padding-top: 100px;
  }
  .lp_header {
    height: 100px;
  }
  .lp_header .lp_title {
    font-size: 2.6rem;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .lp_header .inner {
    height: 100px;
    padding: 0 30px;
  }
  .lp_header .inner .sitelogo {
    width: 152px;
    flex: 0 0 152px;
  }
  .lp_header .inner .telarea_mob {
    display: none;
  }
  .lp_header .inner .telarea_pc {
    display: block;
    flex: 0 0 auto;
    text-align: center;
    margin-left: auto;
  }
  .lp_header .inner .telarea_pc .tel_subtext {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    position: relative;
    left: 6px;
  }
  .lp_header .inner .telarea_pc .tel_subtext b {
    font-size: 120%;
  }
}
/*---------------------------
メインビジュアル
----------------------------*/
.mainvisual + * {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .mainvisual {
    overflow: hidden;
  }
  .mainvisual img {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
  }
  .mainvisual .mv_bg {
    background: #F4F4FE;
    position: relative;
    text-align: center;
  }
  .mainvisual .mv_bg::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 81px;
    background: #16213F;
    width: 100%;
  }
}
/*---------------------------
コンバージョンパーツ
----------------------------*/
.cvparea {
  padding: 30px 0 40px;
  background: url(../image/bg_cvp_mob.jpg) no-repeat;
  background-size: cover;
}
.cvparea .cvpframe {
  position: relative;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
.cvparea .cvpframe .inner {
  padding: 0 8% 20px;
  background: url(../image/cvpframe_mid.png) repeat-y;
  background-size: contain;
}
.cvparea .cvpframe::before {
  content: "";
  display: block;
  width: 109px;
  height: 97px;
  background: url(../image/cvp_man_mob@2x.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: calc(50% + 80px);
}
.cvparea .titlearea {
  font-weight: 600;
  text-align: center;
  position: relative;
  top: -20px;
  color: #2A2D53;
}
.cvparea .titlearea .t {
  font-size: 1.5rem;
  margin: 4px 0 0;
}
.cvparea .cvpttl {
  font-size: 1.6rem;
  color: #2A2D53;
}
.cvparea .cvpttl strong {
  font-size: 120%;
}
.cvparea .cvpttl img {
  display: block;
  width: 185px;
  margin: 0 auto;
}
.cvparea .keyset {
  margin: 8px auto 0;
}
.cvparea .keyset span {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  padding: 3px 5px;
  border-radius: 2px;
  background: #0E123D;
  display: inline-block;
}
.cvparea .keyset span + span {
  margin-left: 5px;
}
.cvparea .cvp_buttonarea {
  text-align: center;
  margin-top: -6px;
}
.cvparea .cvp_buttonarea a {
  background: #FFEFEF;
  background: linear-gradient(0deg, rgb(255, 239, 239) 0%, rgb(255, 255, 255) 100%);
  border: 1px solid #FF5A5A;
  display: block;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.cvparea .cvp_buttonarea .t {
  font-size: 1.4rem;
  text-align: left;
  margin: 25px 0 0;
}
.cvparea .cvp_buttonarea .button_head {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  background: #F44141;
  border-radius: 3px 3px 0 0;
}
.cvparea .cvp_buttonarea .button_body {
  padding: 10px;
  position: relative;
}
.cvparea .cvp_buttonarea .button_body::before {
  content: "";
  display: block;
  width: 40px;
  height: 45px;
  background: url(../image/cusol@2x.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -18px;
  right: -13px;
}
.cvparea .cvp_buttonarea .button_tapde {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.cvparea .cvp_buttonarea .button_subt {
  font-size: 1.2rem;
  margin: 4px auto 0;
}
.cvparea .cvp_buttonarea .telnumber {
  justify-content: center;
  display: none;
}
.cvparea .cvp_buttonarea .cvp_teltext {
  width: 90%;
  margin: auto;
}

@media screen and (min-width: 540px) {
  .cvparea {
    padding: 40px 0 50px;
  }
  .cvparea .cvpframe::before {
    width: 120px;
    height: 106px;
    left: calc(50% + 90px);
  }
  .cvparea .titlearea {
    top: -30px;
  }
  .cvparea .titlearea .t {
    font-size: 1.6rem;
  }
  .cvparea .cvpttl {
    font-size: 1.8rem;
  }
  .cvparea .cvpttl img {
    width: 230px;
  }
  .cvparea .keyset span {
    font-size: 1.7rem;
    padding: 3px 8px;
  }
  .cvparea .cvp_buttonarea {
    margin-top: -10px;
  }
  .cvparea .cvp_buttonarea .t {
    font-size: 1.6rem;
    padding: 8px 0;
  }
  .cvparea .cvp_buttonarea .button_tapde {
    font-size: 1.4rem;
  }
  .cvparea .cvp_buttonarea .button_subt {
    font-size: 1.4rem;
    margin-top: 6px;
  }
  .cvparea .cvp_buttonarea .telnumber {
    font-size: 4.2rem;
  }
  .cvparea .cvp_buttonarea .telnumber .freedial {
    width: 42px;
  }
}
@media screen and (min-width: 960px) {
  .cvparea {
    padding: 60px 0;
    background-image: url(../image/bg_cvp_pc.jpg);
  }
  .cvparea .cvpframe {
    max-width: 1000px;
  }
  .cvparea .cvpframe .inner {
    padding: 30px 10px 40px;
    border-radius: 40px;
    background: #fff;
    border: 3px solid #0780D5;
  }
  .cvparea .cvpframe::before {
    width: 142px;
    height: 124px;
    top: -55px;
  }
  .cvparea .titlearea {
    top: 0;
  }
  .cvparea .titlearea .t {
    font-size: 2.4rem;
    display: inline-block;
  }
  .cvparea .cvpttl {
    font-size: 3.2rem;
  }
  .cvparea .cvpttl span {
    position: relative;
    margin-bottom: 4px;
    display: block;
  }
  .cvparea .cvpttl strong {
    font-size: inherit;
  }
  .cvparea .cvpttl img {
    width: 338px;
  }
  .cvparea .keyset {
    display: inline-block;
    margin: 15px auto 0;
  }
  .cvparea .keyset span {
    font-size: 2.4rem;
  }
  .cvparea .keyset .t {
    font-size: 2.4rem;
    display: inline-block;
  }
  .cvparea .cvp_buttonarea {
    margin-top: 45px;
  }
  .cvparea .cvp_buttonarea a {
    pointer-events: none;
    background: #fff;
    border-radius: 10px;
    box-shadow: none;
    width: 90%;
    max-width: 770px;
    margin: 0 auto;
  }
  .cvparea .cvp_buttonarea .t {
    text-align: center;
    padding: 0;
  }
  .cvparea .cvp_buttonarea .button_head {
    font-size: 2.1rem;
    width: 300px;
    border-radius: 100px;
    margin: -20px auto 0;
  }
  .cvparea .cvp_buttonarea .button_body {
    padding: 28px;
  }
  .cvparea .cvp_buttonarea .button_body::before {
    display: none;
  }
  .cvparea .cvp_buttonarea .button_tapde {
    display: none;
  }
  .cvparea .cvp_buttonarea .button_subt {
    font-size: 1.8rem;
    margin-top: 12px;
  }
  .cvparea .cvp_buttonarea .telnumber {
    display: flex;
    font-size: 6.6rem;
    gap: 8px;
  }
  .cvparea .cvp_buttonarea .telnumber .freedial {
    width: 80px;
  }
  .cvparea .cvp_buttonarea .cvp_teltext {
    display: none;
  }
  .cvpframe_top,
  .cvpframe_bottom {
    display: none;
  }
}
/*---------------------------
お悩み
----------------------------*/
.sec_onayami {
  padding-bottom: 0;
}

.nayami_area {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.nayami_area > .ttl {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  color: #11254C;
  margin-bottom: 20px;
}
.nayami_area > .ttl > span {
  position: relative;
  padding: 0 10px;
}
.nayami_area > .ttl > span::before, .nayami_area > .ttl > span::after {
  content: "";
  width: 2px;
  height: 20px;
  background: #11254C;
  position: absolute;
  bottom: -4px;
}
.nayami_area > .ttl > span::before {
  transform: rotate(-45deg);
  left: -10px;
}
.nayami_area > .ttl > span::after {
  transform: rotate(45deg);
  right: -10px;
}
.nayami_area > .ttl > span .dot {
  position: relative;
  font-size: 120%;
}
.nayami_area > .ttl > span .dot::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #11254C;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.nayami_area .nayami_box_wrap {
  background: #11254C;
  border-radius: 10px;
  position: relative;
  padding: 6px 15px 6px 140px;
  margin-bottom: 10px;
}
.nayami_area .nayami_box_wrap .deco_nayamihito {
  position: absolute;
  top: -8px;
  left: 8px;
}
.nayami_area .nayami_box_wrap .deco_nayamihito_pc {
  display: none;
}
.nayami_area .nayami_box_wrap .nayami_box {
  min-height: 64px;
  display: flex;
  align-items: center;
  position: relative;
}
.nayami_area .nayami_box_wrap .nayami_box .t {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  margin: 0;
}
.nayami_area .nayami_box_wrap .nayami_box .t br {
  display: none;
}
.nayami_area .nayami_box_wrap .nayami_box + .nayami_box::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-size: 5px 1px;
  background-image: linear-gradient(to right, #fff 2px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  top: 0;
  left: 0;
}
.nayami_area.nayami_area_detail {
  margin-bottom: 50px;
}
.nayami_area.nayami_area_detail .nayami_box_wrap {
  padding: 6px 15px;
}
.nayami_area.nayami_area_detail .nayami_box_wrap .nayami_box {
  min-height: initial;
  padding: 8px 0;
}
.nayami_area.nayami_area_detail .nayami_box_wrap .nayami_box .t strong {
  background: #DA0606;
  color: #fff;
  border-radius: 100px;
  padding: 3px 6px;
  margin-right: 3px;
}

.kaiketsuarea {
  padding-bottom: 35px;
  position: relative;
  max-width: 440px;
  margin: 0 auto;
}
.kaiketsuarea .inner {
  width: 260px;
  margin-left: 6%;
}
.kaiketsuarea .t {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #11254C;
  margin: 0;
}
.kaiketsuarea .t b {
  font-size: 140%;
}
.kaiketsuarea .t.t1 {
  font-size: 1.3rem;
}
.kaiketsuarea .t.t2 {
  font-size: 1.8rem;
}
.kaiketsuarea .t.t3 {
  font-size: 1.4rem;
}
.kaiketsuarea .kaiketsu_medal_wrap {
  display: flex;
  justify-content: center;
}
.kaiketsuarea .kaiketsu_medal {
  text-align: center;
  background: url(../image/kaiketsu_frame@2x.png) no-repeat;
  background-size: contain;
  flex: 0 0 100px;
  height: 100px;
  padding: 28px 0 10px;
  margin-left: -4px;
}
.kaiketsuarea .kaiketsu_medal .t {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  position: relative;
  left: -2px;
}
.kaiketsuarea .kaiketsu_medal .t strong {
  font-size: 120%;
  color: #FFE347;
  display: block;
}
.kaiketsuarea .deco_law {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 148px;
}

@media screen and (min-width: 768px) {
  .nayami_area > .ttl {
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
  .nayami_area > .ttl > span {
    padding: 0 20px;
  }
  .nayami_area > .ttl > span::before, .nayami_area > .ttl > span::after {
    height: 30px;
  }
  .nayami_area > .ttl .dot {
    width: 6px;
    height: 6px;
  }
  .nayami_area.nayami_area_detail .nayami_box_wrap {
    padding: 10px 40px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
  .nayami_area.nayami_area_detail .nayami_box_wrap .nayami_box {
    padding: 16px 100px 16px 0;
  }
  .nayami_area.nayami_area_detail .nayami_box_wrap .nayami_box .t {
    line-height: 1.65;
  }
  .nayami_area.nayami_area_detail .nayami_box_wrap .nayami_box .t strong {
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .nayami_area .nayami_box_wrap .nayami_box .t {
    font-size: 1.8rem;
  }
  .nayami_area .nayami_box_wrap .deco_nayamihito_pc {
    display: block;
    position: absolute;
  }
  .nayami_area .nayami_box_wrap .deco_nayamihito_pc.deco_nayamihito_pc1 {
    width: 160px;
    top: -80px;
    right: -20px;
  }
  .nayami_area .nayami_box_wrap .deco_nayamihito_pc.deco_nayamihito_pc2 {
    width: 120px;
    right: -40px;
    top: 40px;
  }
  .kaiketsuarea {
    max-width: 960px;
    padding-bottom: 50px;
  }
  .kaiketsuarea .inner {
    width: auto;
    margin: 0;
  }
  .kaiketsuarea {
    margin-top: 30px;
  }
  .kaiketsuarea .t.t1 {
    font-size: 2.4rem;
  }
  .kaiketsuarea .t.t1 br {
    display: none;
  }
  .kaiketsuarea .t.t2 {
    font-size: 2.8rem;
  }
  .kaiketsuarea .t.t3 {
    font-size: 2rem;
    margin-top: 5px;
  }
  .kaiketsuarea .kaiketsu_medal_wrap {
    margin: 10px 0 0;
  }
  .kaiketsuarea .kaiketsu_medal {
    flex: 0 0 160px;
    height: 160px;
    padding-top: 45px;
    margin: 0;
  }
  .kaiketsuarea .kaiketsu_medal .t {
    font-size: 2rem;
  }
  .kaiketsuarea .deco_law {
    width: 248px;
  }
}
@media screen and (min-width: 1200px) {
  .nayami_area.nayami_area_detail .nayami_box_wrap .nayami_box {
    padding-right: 110px;
  }
  .nayami_area.nayami_area_detail .nayami_box_wrap .deco_nayamihito_pc.deco_nayamihito_pc1 {
    width: 220px;
    top: -60px;
    right: -100px;
  }
  .nayami_area.nayami_area_detail .nayami_box_wrap .deco_nayamihito_pc.deco_nayamihito_pc2 {
    width: 180px;
    right: -130px;
    top: 90px;
  }
}
/*---------------------------
リスク
----------------------------*/
.riskbg {
  background: url(../image/bg_risk_mob.jpg) no-repeat;
  background-size: cover;
}

.risk_box_wrap {
  color: #11254C;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 10px;
  background: #fff;
  border-radius: 8px;
  margin-top: 10px;
  width: 95%;
  margin: 10px auto 0;
  padding: 0 10px 10px;
  position: relative;
}
.risk_box_wrap .risk_box {
  margin-top: -10px;
}
.risk_box_wrap .risk_box .risk_titlearea {
  background: url(../image/risk_fukidashi.png) no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.risk_box_wrap .risk_box .num {
  font-size: 1.4rem;
  font-weight: 600;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.risk_box_wrap .risk_box .ttl {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
}
.risk_box_wrap .risk_box .t {
  font-size: 1.4rem;
  padding: 2px 8px 0;
}
.risk_box_wrap .risk_box .t br {
  display: none;
}

.sec_risk .note {
  text-align: left;
  margin-left: 5%;
}

@media screen and (min-width: 768px) {
  .risk_box_wrap {
    background: transparent;
    gap: 30px 50px;
    padding: 0;
  }
  .risk_box_wrap .risk_box {
    background: #fff;
    border-radius: 8px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
    margin: 0;
    padding-bottom: 20px;
    position: relative;
  }
  .risk_box_wrap .risk_box .risk_titlearea {
    width: 223px;
    height: 62px;
    margin-top: -20px;
    margin-left: -5px;
  }
  .risk_box_wrap .risk_box .num {
    display: none;
  }
  .risk_box_wrap .risk_box .ttl {
    font-size: 2rem;
  }
  .risk_box_wrap .risk_box .t {
    font-size: 1.8rem;
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .risk_box_wrap .risk_box .t br {
    display: inline;
  }
  .risk_box_wrap .risk_box::before {
    font-family: "Jost", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 20px;
  }
  .risk_box_wrap .risk_box:nth-of-type(1)::before {
    content: "01";
  }
  .risk_box_wrap .risk_box:nth-of-type(2)::before {
    content: "02";
  }
  .risk_box_wrap .risk_box:nth-of-type(3)::before {
    content: "03";
  }
  .risk_box_wrap .risk_box:nth-of-type(4)::before {
    content: "04";
  }
  .sec_risk .kome {
    font-size: 1.8rem;
  }
  .sec_risk .note {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .risk_box_wrap {
    grid-template-columns: 300px 300px;
    gap: 50px 30px;
    margin: 70px auto 0;
    max-width: 1040px;
    position: relative;
  }
  .risk_box_wrap::before {
    content: "";
    display: block;
    position: absolute;
    width: 50vw;
    height: 463px;
    background: url(../image/risk_bg_man.png) no-repeat;
    background-size: cover;
    top: -50px;
    left: 50%;
  }
  .risk_box_wrap .risk_box:nth-child(1), .risk_box_wrap .risk_box:nth-child(2) {
    position: relative;
    left: -40px;
  }
  .sec_risk .note {
    margin: 80px auto 0;
  }
}
/*---------------------------
リスク回避
----------------------------*/
.sec_kaihi {
  padding-top: 10px;
}
.sec_kaihi .sectitle {
  margin: 0 auto 10px;
}

.kaihi_box_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.kaihi_box_wrap .kaihi_box {
  background: #fff;
  text-align: center;
  border-radius: 8px;
  position: relative;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
}
.kaihi_box_wrap .kaihi_box .label {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  width: 100px;
  height: 24px;
  align-items: center;
  justify-content: center;
  background: #1A2D53;
  border-radius: 100px;
  margin: 8px auto 2px;
}
.kaihi_box_wrap .kaihi_box .t1 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1A2D53;
}
.kaihi_box_wrap .kaihi_box .iraigo {
  width: 70px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.kaihi_box_wrap .kaihi_box .kaiketsuarea {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  background: #05B2C0;
  margin-top: 38px;
  padding: 10px 5px 8px;
  border-radius: 0 0 8px 8px;
}
.kaihi_box_wrap .kaihi_box .kaiketsuarea .t2 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.kaihi_box_wrap .kaihi_box .kaiketsuarea .t2 img {
  width: 20px;
}

@media screen and (min-width: 768px) {
  .sec_kaihi {
    padding-top: 50px;
  }
  .sec_kaihi .sectitle {
    margin: 0 auto 30px;
  }
  .riskbg {
    background-image: url(../image/bg_risk_pc.jpg);
  }
  .kaihi_box_wrap {
    margin-bottom: 30px;
    gap: 20px;
  }
  .kaihi_box_wrap .kaihi_box .label {
    font-size: 2rem;
    width: 135px;
    height: 28px;
    margin: 12px auto 10px;
  }
  .kaihi_box_wrap .kaihi_box .t1 {
    font-size: 1.8rem;
  }
  .kaihi_box_wrap .kaihi_box .iraigo {
    width: 114px;
  }
  .kaihi_box_wrap .kaihi_box .kaiketsuarea {
    margin-top: 58px;
    height: 100px;
    display: flex;
    align-items: center;
  }
  .kaihi_box_wrap .kaihi_box .kaiketsuarea .t2 {
    font-size: 2.4rem;
    width: 100%;
  }
  .kaihi_box_wrap .kaihi_box .kaiketsuarea .t2 br {
    display: none;
  }
  .kaihi_box_wrap .kaihi_box .kaiketsuarea .t2 img {
    width: 27px;
  }
}
@media screen and (min-width: 960px) {
  .kaihi_box_wrap {
    max-width: 1300px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}
/*---------------------------
弁護士費用
----------------------------*/
.fee_box_wrap {
  display: flex;
  gap: 5px;
  margin: 0 auto;
  width: 90%;
  max-width: 600px;
}

.fee_box {
  text-align: center;
  border-radius: 8px;
  background: #003777;
  flex: 1 1 100%;
  padding: 15px 0 10px;
  height: 110px;
}
.fee_box .ttl {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  letter-spacing: 0;
  color: #003777;
  text-align: center;
  width: 80px;
  margin: 0 auto 10px;
  padding: 4px;
  background: #fff;
  border-radius: 100px;
}
.fee_box .num {
  font-size: 4.2rem;
  font-style: italic;
  line-height: 1;
  margin-right: 2px;
  color: #fff;
}
.fee_box .num.color {
  color: #FFC75F;
}
.fee_box .t {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .sec_fee {
    padding: 60px 0;
  }
  .fee_box_wrap {
    gap: 20px;
  }
  .fee_box {
    padding: 20px 0 10px;
    height: 135px;
  }
  .fee_box .ttl {
    font-size: 1.8rem;
    width: 100px;
    margin: 0 auto 12px;
  }
  .fee_box .num {
    font-size: 5.2rem;
  }
  .fee_box .t {
    font-size: 1.7rem;
  }
}
/*---------------------------
理由
----------------------------*/
.reason_box {
  margin-top: 40px;
}
.reason_box > .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.reason_box .ttl {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.reason_box .ttl .f-en {
  font-size: 4.8rem;
  font-style: italic;
  line-height: 1;
  color: #0957A7;
  margin-bottom: 5px;
  letter-spacing: -0.05em;
  display: block;
}
.reason_box .titlearea {
  flex: 0 0 45%;
  padding-left: 20px;
  margin-top: 15px;
}
.reason_box .imagearea {
  height: 150px;
  flex: 1 1 55%;
  background: url(../image/reasonimg1_mob@2x.png) no-repeat;
  background-size: cover;
}
.reason_box.box1 .imagearea {
  background-image: url(../image/reasonimg1_mob@2x.png);
}
.reason_box.box2 .imagearea {
  background-image: url(../image/reasonimg2_mob@2x.png);
}
.reason_box.box3 .imagearea {
  background-image: url(../image/reasonimg3_mob@2x.png);
}
.reason_box .textarea {
  width: 100%;
  margin-top: 15px;
  padding: 20px 40px;
  background: #ECF6FF;
}
.reason_box .textarea .inner {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.reason_box li {
  font-weight: 600;
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
}
.reason_box li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../image/chk_red.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.reason_box .meritzu_ttl {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}
.reason_box .meritzu_wrap {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}
.reason_box .meritzu_item {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  color: #0062BA;
  margin: 0;
  width: 140px;
  height: 140px;
  display: inline-block;
  border: 2px solid #0062BA;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.reason_box .meritzu_item span {
  margin-top: 5px;
}
.reason_box .meritzu_item.meritzu_l {
  left: 8px;
}
.reason_box .meritzu_item.meritzu_r {
  color: #fff;
  background: #0062BA;
  right: 5px;
}

.iv_commentbox {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
.iv_commentbox .img {
  flex: 0 0 36px;
}
.iv_commentbox p {
  font-size: 1.2rem;
  background: #fff;
  padding: 10px;
  border-radius: 2px;
  position: relative;
}
.iv_commentbox p::before {
  content: "";
  display: block;
  background: #fff;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  left: -12px;
}

@media screen and (min-width: 560px) {
  .reason_box .imagearea {
    height: 180px;
  }
  .reason_box .titlearea {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .reason_box .ttl {
    font-size: 2.8rem;
    margin-top: 40px;
  }
  .reason_box .ttl .f-en {
    font-size: 5.4rem;
  }
  .reason_box .imagearea {
    height: 260px;
  }
  .reason_box .textarea {
    padding: 40px 20px;
  }
  .reason_box li {
    font-size: 1.8rem;
    padding-left: 28px;
  }
  .reason_box li::before {
    width: 26px;
    height: 26px;
  }
  .reason_box .meritzu .meritzu_ttl {
    font-size: 1.8rem;
  }
  .iv_commentbox p {
    font-size: 1.5rem;
  }
  .iv_commentbox .img {
    flex: 0 0 60px;
    height: 60px;
  }
}
@media screen and (min-width: 960px) {
  .reason_box {
    margin-top: 80px;
  }
  .reason_box .ttl {
    font-size: 3.2rem;
    margin-top: 50px;
  }
  .reason_box .ttl .f-en {
    font-size: 5.6rem;
  }
  .reason_box .imagearea {
    height: 330px;
    position: relative;
    left: 10px;
  }
  .reason_box .textarea {
    padding: 40px 20px;
  }
  .reason_box.box1 .imagearea {
    background-image: url(../image/reasonimg1_pc@2x.png);
  }
  .reason_box.box2 .imagearea {
    background-image: url(../image/reasonimg2_pc@2x.png);
  }
  .reason_box.box3 .imagearea {
    background-image: url(../image/reasonimg3_pc@2x.png);
  }
}
@media screen and (min-width: 1040px) {
  .reason_box > .inner {
    position: relative;
    display: block;
  }
  .reason_box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
  .reason_box .titlearea {
    flex: 0 0 auto;
    width: 45vw;
    max-width: 600px;
    margin: 0 40px 0 auto;
    padding: 0;
  }
  .reason_box .titlearea .ttl {
    display: flex;
    align-items: center;
    gap: 40px;
    text-align: left;
    margin: 0 0 40px 20px;
    padding: 0;
    position: relative;
    top: 10px;
  }
  .reason_box .titlearea .ttl br {
    display: none;
  }
  .reason_box .imagearea {
    width: 510px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .reason_box .textarea {
    width: auto;
    margin: 0 0 0 80px;
    padding: 40px 60px 40px 40%;
    min-height: 300px;
  }
  .reason_box .textarea .inner {
    width: 45vw;
    width: auto;
    max-width: 580px;
    margin: 0 0 0 auto;
  }
}
/*---------------------------
メリット
----------------------------*/
.meritto_box_wrap {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}

.meritto_box + .meritto_box {
  margin-top: 20px;
}
.meritto_box .zu_meritto {
  display: flex;
  align-items: center;
  justify-content: center;
}
.meritto_box .ttl {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 8px;
}
.meritto_box .ttl b {
  font-size: 120%;
  color: #DA0606;
}
.meritto_box em {
  color: #FFC75F;
}
.meritto_box .zu_txt1,
.meritto_box .zu_txt2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  display: block;
  flex: 1;
  padding: 14px 20px;
  margin: 0;
}
.meritto_box .zu_txt1 {
  background: #fff;
  border-radius: 4px 0 0 4px;
}
.meritto_box .zu_txt2 {
  color: #fff;
  background: #0957A7;
  border-radius: 0 4px 4px 0;
  position: relative;
}
.meritto_box .zu_txt2::before {
  content: "";
  display: block;
  width: 15px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  background: url(../image/meritarr.svg) no-repeat;
  background-size: contain;
}

@media screen and (min-width: 768px) {
  .meritto_box .ttl {
    font-size: 1.8rem;
  }
  .meritto_box .zu_txt1,
  .meritto_box .zu_txt2 {
    font-size: 1.8rem;
    padding: 25px 20px;
  }
}
/*---------------------------
ステップ
----------------------------*/
.sec_step {
  background: #024B9F;
  padding: 40px 0;
}
.sec_step .sectitle {
  font-size: 2rem;
  color: #fff;
}
.sec_step .note {
  color: #fff;
  text-align: center;
}

.step_box_wrap {
  width: 90%;
  max-width: 620px;
  margin: 0 auto 20px;
}

.step_box {
  display: flex;
  gap: 20px;
  background: #fff;
  border-radius: 10px;
  padding: 15px 18px 15px 10px;
  position: relative;
}
.step_box + .step_box {
  margin-top: 20px;
}
.step_box + .step_box::before {
  content: "";
  display: block;
  width: 28px;
  height: 25px;
  background: url(../image/steparr.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-45%);
}
.step_box .ttl {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #0957A7;
}
.step_box .t {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 5px 0 0;
}
.step_box .imagearea {
  flex: 0 0 54px;
  position: relative;
  top: -5px;
}

@media screen and (min-width: 768px) {
  .sec_step {
    padding: 60px 0;
  }
  .sec_step .sectitle {
    font-size: 2.8rem;
  }
  .sec_step > .inner {
    padding: 50px 10px 0;
    border-radius: 20px;
  }
  .sec_step > .inner > p {
    font-size: 1.4rem;
  }
  .step_box {
    padding: 18px;
  }
  .step_box .ttl {
    font-size: 1.8rem;
  }
  .step_box .t {
    font-size: 1.5rem;
  }
  .step_box .imagearea {
    flex: 0 0 60px;
  }
}
/*---------------------------
お手紙
----------------------------*/
.sec_tegami {
  padding-top: 0;
}

.tegami_box__detail_wrap {
  width: 90%;
  max-width: 980px;
  margin: 35px auto 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 540px));
  gap: 35px;
  justify-content: center;
}
.tegami_box__detail_wrap .tegami_box {
  position: relative;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head {
  position: relative;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea {
  width: calc(100% - 140px);
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea .num {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 70px;
  padding: 2px;
  margin-bottom: 8px;
  border-radius: 100px;
  background: #003371;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea .t {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea {
  right: 12px;
  bottom: -18px;
  position: absolute;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea .inner {
  position: relative;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea .img {
  width: 120px;
  transform: rotate(6deg);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}
.tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea .iconman {
  width: 50px;
  position: absolute;
  bottom: -18px;
  right: 0;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail {
  background: #EDF6FE;
  border-radius: 4px;
  padding: 25px 20px;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail .ttl {
  font-size: 1.6rem;
  font-weight: 600;
  display: inline-block;
  margin: 0;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail .tag {
  font-size: 1.2rem;
  font-weight: 600;
  display: inline-block;
  color: #003371;
  margin-left: 10px;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail ul {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid #000;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail li {
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  padding-left: 18px;
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail li::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(../image/chk_tegami.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.tegami_box__detail_wrap .tegami_box .tegami_box_detail li + li {
  margin-top: 2px;
}

.tegami_box__simple_wrap {
  width: 90%;
  max-width: 980px;
  margin: 35px auto 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 540px));
  gap: 35px;
  justify-content: center;
}
.tegami_box__simple_wrap .tegami_box {
  position: relative;
  z-index: 1;
  padding: 15px 15px 30px;
}
.tegami_box__simple_wrap .tegami_box::before, .tegami_box__simple_wrap .tegami_box::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.tegami_box__simple_wrap .tegami_box::before {
  background: #fff;
  border: 1px solid #ECF6FF;
  z-index: -1;
}
.tegami_box__simple_wrap .tegami_box::after {
  background: #ECF6FF;
  z-index: -2;
  transform: rotate(1deg);
  top: 10px;
  left: 10px;
}
.tegami_box__simple_wrap .tegami_box .textarea {
  display: flex;
  gap: 10px;
  align-items: center;
}
.tegami_box__simple_wrap .tegami_box .textarea .num {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0957A7;
}
.tegami_box__simple_wrap .tegami_box .textarea .t {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.tegami_box__simple_wrap .tegami_box .textarea .iconman {
  flex: 0 0 40px;
}
.tegami_box__simple_wrap .tegami_box .tegamiimg {
  width: 80%;
  margin: 10px auto 0;
}

@media screen and (min-width: 560px) {
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea .num {
    font-size: 1.6rem;
    padding: 1px;
    width: 80px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea .t {
    font-size: 1.8rem;
  }
  .tegami_box__simple_wrap {
    margin-top: 40px;
  }
  .tegami_box__simple_wrap .tegami_box {
    padding: 15px 30px 30px;
  }
  .tegami_box__simple_wrap .tegami_box .textarea .t {
    font-size: 1.6rem;
  }
  .tegami_box__simple_wrap .tegami_box .textarea .iconman {
    flex: 0 0 50px;
  }
  .tegami_box__simple_wrap .tegami_box .tegamiimg {
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 768px) {
  .tegami_box__detail_wrap {
    margin-top: 40px;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea {
    right: -20px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea .img {
    width: 140px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .imagearea .iconman {
    width: 60px;
    height: 60px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea {
    width: calc(100% - 145px);
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_head .titlearea .t {
    font-size: 2rem;
    height: 60px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_detail {
    padding: 30px 25px 25px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_detail .ttl {
    font-size: 2rem;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_detail .tag {
    font-size: 1.5rem;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_detail ul {
    padding-top: 12px;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_detail li {
    font-size: 1.6rem;
  }
  .tegami_box__detail_wrap .tegami_box .tegami_box_detail li + li {
    margin-top: 4px;
  }
  .tegami_box__simple_wrap {
    margin-top: 40px;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
  .tegami_box__simple_wrap .tegami_box {
    padding: 15px 30px 30px;
    width: 100%;
  }
  .tegami_box__simple_wrap .tegami_box .t {
    font-size: 1.6rem;
  }
  .tegami_box__simple_wrap .tegami_box .iconman {
    flex: 0 0 54px;
  }
}
@media screen and (min-width: 960px) {
  .tegami_box__detail_wrap {
    gap: 90px;
  }
}
/*---------------------------
よくある質問
----------------------------*/
.faq_list {
  width: 90%;
  margin: 0 auto;
  max-width: 720px;
}

.faq_item {
  padding: 20px 0;
  border-bottom: 1px dashed #D3D3D3;
  position: relative;
}
.faq_item p {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0;
}
.faq_item .faq_question {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.faq_item .faq_question p {
  font-weight: 600;
  color: #003371;
  margin-right: 30px;
}
.faq_item .faq_question .faq_icon_q {
  font-size: 2.2rem;
  font-weight: 600;
  color: #003371;
  line-height: 1;
  margin-right: 8px;
  flex: 0 0 auto;
}
.faq_item .faq_answer {
  margin-top: 10px;
  padding: 0 0 0 0px;
  position: relative;
  display: none;
}
.faq_item .faq_answer p {
  padding-left: 25px;
  margin-right: 30px;
}
.faq_item .faq_answer .faq_icon_a {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
}
.faq_item .faq_icon_tgr {
  width: 22px;
  height: 22px;
  background: url(../image/faptgr.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.faq_item:not(.close) .faq_icon_tgr {
  transform: translateY(-50%) rotate(180deg);
}

@media screen and (min-width: 768px) {
  .faq_item .faq_question p {
    font-size: 1.8rem;
    margin-right: 40px;
  }
  .faq_item .faq_answer {
    font-size: 1.6rem;
  }
  .faq_item .faq_answer p {
    margin-right: 40px;
    line-height: 1.65;
  }
  .faq_item .faq_icon_tgr {
    width: 24px;
    height: 24px;
  }
}
/*---------------------------
事務所概要
----------------------------*/
.sec_about {
  padding-top: 0;
}
.sec_about .sec_inner {
  max-width: 800px;
}

table {
  width: 100%;
}

th,
td {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 16px 5px;
}

th {
  font-weight: 600;
  border-bottom: 1px solid #004362;
  width: 25%;
}

td {
  border-bottom: 1px solid #CECECE;
}

@media screen and (min-width: 768px) {
  th,
  td {
    font-size: 1.6rem;
    padding: 20px 5px;
  }
}
/*---------------------------
正方形切抜き
----------------------------*/
.readbox_wrap {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 85%;
  max-width: 400px;
  margin: 20px auto 50px;
  position: relative;
}
.readbox_wrap .readbox {
  font-size: 1.8rem;
  font-weight: 600;
  border: 1px solid #0957A7;
  background: #FFFEE4;
  border-radius: 4px;
  position: relative;
  min-height: 55px;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 18px;
  margin: 0;
}
.readbox_wrap .readbox::before {
  content: "";
  display: block;
  background: url(../image/chk_blue.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 23px;
  flex: 0 0 30px;
}
.readbox_wrap .readbox b {
  color: #0957A7;
}

.readbox__square_wrap {
  width: 95%;
  max-width: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 8px;
}
.readbox__square_wrap .readbox {
  font-size: 1.6rem;
  flex: 0 0 31%;
  height: 105px;
  text-align: center;
  flex-direction: column;
  padding: 15px 5px 5px;
}
.readbox__square_wrap .readbox::before {
  width: 23px;
  height: 18px;
  flex: 0 0 23px;
}

@media screen and (min-width: 768px) {
  .readbox_wrap {
    display: none;
  }
}
/*---------------------------
フッター
----------------------------*/
.lp_footer {
  background: #11254C;
  padding: 16px 10px;
}

.copyright {
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .copyright {
    font-size: 1.6rem;
  }
}
#fadein {
  display: none;
}

@media screen and (max-width: 767px) {
  .type-org {
    display: flex;
  }
  .floatbn.type-org {
    background: rgba(255, 255, 255, 0.8);
    height: 108px;
    position: fixed;
    bottom: 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    z-index: 100;
    padding: 0 15px;
  }
  .floatbn.type-org a {
    height: 58px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }
  .floatbn.type-org .Tel .text_area {
    position: relative;
    text-align: left;
    margin-left: 33px;
    color: #e8cdd0;
  }
  .floatbn.type-org .Tel .text_area::before {
    content: "";
    width: 33px;
    height: 35px;
    background: url(../image/float_telicon_red3.svg) no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 5px;
    left: -42px;
  }
  .floatbn.type-org .Tel .subtext {
    color: #000;
    margin: 2px 0 5px 0;
  }
  .floatbn.type-org .Tel .maintext {
    color: #FF1717;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
  }
  .floatbn.type-org a .subtext {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
  }
  .floatbn.type-org .Tel {
    background: rgb(238, 238, 238);
    background: linear-gradient(0deg, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=1);
    border: 2px solid #DEDEDE;
    width: 100%;
    height: 75px;
  }
  .floatbn .eigyouchu {
    margin-bottom: 5px;
    position: relative;
  }
  .floatbn .eigyouchu::before, .floatbn .eigyouchu::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 12px;
    background: url(../image/float_boufukidashi.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 2px;
  }
  .floatbn .eigyouchu::before {
    left: -14px;
  }
  .floatbn .eigyouchu::after {
    right: -14px;
    transform: scale(1, -1);
  }
  .floatbn .eigyouchu span {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
  }
  .floatbn .eigyouchu span.eigyouchu_t {
    color: #09A377;
  }
  .floatbn .eigyouchu span.tsunagarimasu_t {
    color: #313131;
    margin-left: 3px;
  }
  .floatbn .eigyouchu img {
    margin-right: 3px;
    max-width: 100%;
    width: auto;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .floatbn {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */