@charset "UTF-8";
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-weight: 400;
 vertical-align: baseline;
 background: transparent
}
body {
 line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block
}
ol, ul {
 list-style: none
}
blockquote, q {
 quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
 content: "";
 content: none
}
a {
 margin: 0;
 padding: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent
}
.link{
 color: #4e51ad !important;
 text-decoration: underline!important;
}
ins {
 text-decoration: none
}
ins, mark {
 background-color: #ff9;
 color: #000
}
mark {
 font-style: italic;
 font-weight: 700
}
del {
 text-decoration: line-through
}
abbr[title], dfn[title] {
 border-bottom: 1px dotted;
 cursor: help
}
table {
 border-collapse: collapse;
 border-spacing: 0
}
hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #ccc;
 margin: 1em 0;
 padding: 0
}
input, select {
 vertical-align: middle
}
.sp {
  display: none;
}
html {
 font-size: 62.5%
}
body {
 -webkit-text-size-adjust: 100%;
 font-family: 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, sans-serif;
 font-size: 1.6rem;
 color: #333;
 line-height: 1.8;
 word-break: normal
}
@media screen and (min-width:737px) {
 body {
  min-width: 980px
 }
}
@media screen and (max-width:736px) {
 body {
  font-size: 1.4rem
 }
 .sp {
  display: block;
  }
}
main {
 display: block
}
a {
 text-decoration: none;
 transition: .3s
}
a:hover {
 opacity: .7;
 cursor: pointer
}
a:link, a:visited {
 color: #333
}
img {
 max-width: 100%;
 vertical-align: middle
}
.wrapper {
 overflow: hidden;
 margin: 0 auto
}
.clearfix:after {
 content: "";
 display: table;
 clear: both
}
.inner {
 width: 100%;
 max-width: 980px;
 margin: 0 auto 50px
}
dl.acc > dt,dl.acc2 > dt  {
 cursor: pointer
}
header[role="banner"] .headerTop1 {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-items: center;
 width: 980px;
 margin: 0 auto 10px;
 padding-top: 13px;
}
header[role="banner"] .headerInner .logoWrap > p {
 padding-left: 20px;
 width: 330px;
}
header[role="banner"] .headerInner .catch1 > p {
 padding-right: 20px;
 width: 470px;
 text-align: right;
 font-size: 20px;
 font-weight: bold;
 color: #0b8a5d;
}
@media screen and (max-width:736px) {
 header[role="banner"] .headerTop1 {
  width: 100%;
  margin: 0 auto 1.3021vw;
  padding-top: 1.6927vw;
 }
 header[role="banner"] .headerInner .logoWrap > p {
  padding-left: 2.6042vw;
  width: 42.9688vw;
 }
 header[role="banner"] .headerInner .catch1 > p {
  padding-right: 2.6042vw;
  width: 61.1979vw;
  text-align: right;
  font-size: 2.6042vw;
  font-weight: bold;
  color: #0b8a5d;
 }
}
.simpleTempelate header[role="banner"] {
 border-bottom: 0px solid #fff;
 position: relative;
}
.simpleTempelate header[role="banner"] .headerInner .logoWrap {
 width: 210px;
}
@media screen and (max-width:736px) {
 .simpleTempelate header[role="banner"] .headerInner .logoWrap {
  width: 27.3438vw;
 }
}
@media screen and (max-width:736px) {
 .inner {
  padding: 0
 }
}
@media screen and (max-width:736px) {
 .pc {
  display: none !important
 }
}
@media screen and (min-width:737px) {
 .sp {
  display: none !important
 }
}
.cont {
 background-color: #fff;
 padding-bottom: 68px
}
@media screen and (max-width:736px) {
 .cont {
  padding-bottom: 50px
 }
}
.cont_title {
 background-color: #0ca26c;
 margin-bottom: 60px;
 padding: 18px 0 9px;
 text-align: center;
 position: relative;
}
@media screen and (max-width:736px) {
 .cont_title {
  margin-bottom: 7.8125vw;
  padding: 2.3438vw 0 1.1719vw
 }
}
.cont_title:after {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-color: #0ca26c transparent transparent;
 border-style: solid;
 border-width: 20px 17px;
 margin: 0 auto;
 position: absolute;
 top: 100%;
 left: 0;
 right: 0
}
@media screen and (max-width:736px) {
 .cont_title:after {
  border-color: #0ca26c transparent transparent;
  border-style: solid;
  border-width: 20px 17px
 }
}
.cont_text {
 font-size: 2rem;
 text-align: center
}
@media screen and (max-width:736px) {
 .cont_text {
  font-size: 1.2rem
 }
}
.cont_text span:not(.cont_num):not(.cont_small) {
 background: linear-gradient(0deg, #f8ff49, #f8ff49 50%, transparent 0, transparent);
 font-weight: 700
}
.cont_text-bold {
 color: #0b8a5d;
 font-size: 2.6rem;
 font-weight: 700;
 line-height: 1.1
}
@media screen and (max-width:736px) {
 .cont_text-bold {
  font-size: 1.7rem
 }
}
.cont_text-bold .cont_num {
 font-family: Helvetica Neue, Helvetica, Arial, Verdana, Roboto, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 font-size: 4rem;
 font-weight: 700
}
@media screen and (max-width:736px) {
 .cont_text-bold .cont_num {
  font-size: 2.6rem
 }
}
.cont_text-bold .cont_small {
 font-size: 2rem;
 font-weight: 700
}
@media screen and (max-width:736px) {
 .cont_text-bold .cont_small {
  font-size: 1.3rem
 }
}
.cont_img {
 line-height: 0
}
@media screen and (min-width:737px) {
 .cont_img {
  margin: 40px -20px 0
 }
}
@media screen and (max-width:736px) {
 .cont_img {
  margin: 30px -10px 0
 }
}
.cont_kome {
 margin-top: 15px
}
@media screen and (max-width:736px) {
 .cont_kome {
  margin-top: 7px
 }
}
.cont_kome ul {
 font-size: 1.4rem;
 line-height: 1.42
}
@media screen and (max-width:736px) {
 .cont_kome ul {
  font-size: 1rem
 }
}
.cont_kome ul li {
 padding-left: 25px;
 text-indent: -25px
}
@media screen and (max-width:736px) {
 .cont_kome ul li {
  padding-left: 18px;
  text-indent: -18px
 }
}
.cont_kome ul li:not(:first-of-type) {
 margin-top: 5px
}
.cont_kome p {
 font-size: 1.4rem;
 line-height: 1.42
}
@media screen and (max-width:736px) {
 .cont_kome p {
  font-size: 1rem;
  padding-left: 10px;
  text-indent: -10px
 }
}
.cont_kome p:not(:first-of-type) {
 margin-top: 5px
}
.cont_kome p a {
 color: #0b8a5d;
 text-decoration: underline
}
.cont_kome p a:hover {
 opacity: 1;
 text-decoration: none
}
.cont_link a {
 color: #0ca26c
}
@media screen and (max-width:736px) {
 .cont_link a {
  display: inline-block;
  font-size: 1.2rem;
  padding-left: 8px;
  position: relative
 }
}
.cont_link a:before {
 content: "";
 display: inline-block;
 width: 7px;
 height: 12px;
 background: url(../img/common/ico_link.png) no-repeat 50%
}
@media screen and (min-width:737px) {
 .cont_link a:before {
  margin-right: 8px
 }
}
@media screen and (max-width:736px) {
 .cont_link a:before {
  width: 3.5px;
  height: 6px;
  background-size: contain;
  position: absolute;
  top: 7px;
  left: 0
 }
}
.cont_link-green a:before {
 background: url(../img/common/ico_link_green.png) no-repeat 50%
}
@media screen and (max-width:736px) {
 .cont_link-green a:before {
  background-size: contain
 }
}
.cont_link-pdf a {
 padding-right: 28px;
 position: relative
}
@media screen and (max-width:736px) {
 .cont_link-pdf a {
  padding-right: 17px
 }
}
.cont_link-pdf a:after {
 content: "";
 display: block;
 width: 16px;
 height: 18px;
 background: url(../img/common/ico_pdf.png) no-repeat 50%;
 background-size: contain;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 position: absolute;
 top: 50%;
 right: 0
}
@media screen and (max-width:736px) {
 .cont_link-pdf a:after {
  width: 12px;
  height: 13px;
  background-size: 12px 13px
 }
}
#outline .cont_label {
 font-size: 2.4rem;
 font-weight: 700;
 margin-top: 15px;
 text-align: center
}
@media screen and (max-width:736px) {
 #outline .cont_label {
  font-size: 1.4rem
 }
}
.cont_label strong {
 font-size: 28px;
 font-weight: 700;
 line-height: 1.2;
}
.cont_label strong::after {
 content: "";
 position: relative;
 top: -16px;
 display: inline-block;
 width: 552px;
 height: 4px;
 background-image: linear-gradient(to right, #98d2bd, #98d2bd 12px, transparent 13px, transparent 18px);
 background-size: 18px 4px;
 background-repeat: repeat-x;
}
@media screen and (min-width:737px) {
 .cont_label strong {
  display: inline-block
 }
}
@media screen and (max-width:736px) {
 .cont_label strong {
  font-size: 3.6458vw;
  font-weight: 700;
  line-height: 1.2;
 }
 .cont_label strong::after {
  content: "";
  position: relative;
  top: -2.0833vw;
  display: inline-block;
  width: 94%;
  height: 0.5208vw;
  background-image: linear-gradient(to right, #98d2bd, #98d2bd 1.5625vw, transparent 1.6927vw, transparent 2.3438vw);
  background-size: 2.3438vw 0.5208vw;
  background-repeat: repeat-x;
 }
}
.cont_label span {
 font-size: 2rem;
 font-weight: 700
}
@media screen and (max-width:736px) {
 .cont_label span {
  font-size: 1rem
 }
}
.cont_foot {
 margin: 40px auto 0;
}
@media screen and (max-width:736px) {
 .cont_foot {
  padding: 0 auto;
 }
}
.cont_foot .cont_img {
 margin-top: 0;
 text-align: center
}
@media screen and (max-width:736px) {
 .cont_foot .cont_img img {
  max-width: 295px
 }
}
.btn_inner {
 max-width: 700px;
 margin: 0 auto;
}
@media screen and (max-width:736px) {
 .btn_inner {
  width: 94%
 }
}
.btn_small {
 font-size: 2.4rem;
}
@media screen and (max-width:736px) {
 .btn_small {
  font-size: 1.2rem;
 }
}
.btn_small2 {
 color: #0b8a5d !important;
 font-size: 2.5rem;
}
@media screen and (max-width:736px) {
 * .btn_small2 {
  font-size: 3.6458vw;
  color: #0b8a5d !important;
 }
}
.btn-common {
 line-height: 0;
 margin: 0 auto 0;
 text-align: center
}
@media screen and (max-width:736px) {
 .btn-common {
  margin-top: 20px
 }
}
.btn-common a {
 font-size: 3.1rem;
 font-weight: 700;
 margin: 0;
 padding: 19px 10px
}
@media screen and (max-width:736px) {
 .btn-common a {
  font-size: 1.6rem
 }
}
.btn-common a span {
 font-weight: 700
}
.btn-common a:hover {
 opacity: 1
}
.btnT01 {
 -webkit-border-radius: 13px;
 border-radius: 13px;
 transition: background 0.4s;
 background: #0ca26c;
 background-color: #fff;
 background-size: 200% auto;
 background-position: right center;
 border: 2px solid #0ca26c;
 box-sizing: border-box;
}
@media screen and (max-width:736px) {
 .btnT01 {
  -webkit-border-radius: 13px;
  border-radius: 13px;
 }
}
.btnT02 {
 -webkit-border-radius: 13px;
 border-radius: 13px;
 transition: background 0.4s;
 background: #ffab00;
 background-image: linear-gradient(to right, #ffad00 0%, #ff9e00 33.3%, #ff7b00 66.6%, #ff6a00 100%);
 background-size: 150% auto;
 background-position: right center;
}
@media screen and (max-width:736px) {
 .btnT02 {
  -webkit-border-radius: 13px;
  border-radius: 13px;
  font-size: 5vw !important;
 }
}
.btnT03 {
 -webkit-border-radius: 13px;
 border-radius: 13px;
 box-shadow: rgba(0, 0, 0, 0.1480392) 0px 10px 0px 0px;
 -webkit-box-shadow: rgba(0, 0, 0, 0.1480392) 0px 10px 0px 0px;
 transition: background 0.4s;
 background: #ffab00;
 background-image: linear-gradient(to right, #ffad00 0%, #ff9e00 33.3%, #ff7b00 66.6%, #ff6a00 100%);
 background-size: 150% auto;
 background-position: right center;
}
*.glyphArrowCircleRight[class^="btnT"] > span:before {
 content: "";
}
*.glyphArrowCircleRight[class^="btnT01"] > span:after {
 content: "\e909";
 color: #0ca26c;
 font-family: 'icon_type2018';
}
*.glyphArrowCircleRight[class^="btnT02"] > span:after {
 content: "\e909";
 color: #fff;
 font-family: 'icon_type2018';
}
*.glyphArrowCircleRight[class^="btnT03"] > span:after {
 content: "\e909";
 color: #fff;
 font-family: 'icon_type2018';
}
*[class*=" btnT02"][class^="glyph"].btnWFull, *[class^="btnT02"][class*=" glyph"].btnWFull, *[class*=" btnT02"][class*=" glyph"].btnWFull {
 margin: 12px auto;
 text-align: center;
}
.contact {
 background-color: #d2ede2;
 margin-top: -50px;
 padding: 60px 0 80px;
 text-align: center;
}
#question .contact {
  background: none;
  margin: 0;
  padding: 0;
}
#question .cont{
  padding-bottom: 15px;
}
@media screen and (max-width:736px) {
 .contact {
  padding: 8px 0 30px
 }
 .contact .btnBlock02 {
   margin-bottom: 30px;
 }
}
.contact_inner {
 background: #ffffff;
 box-sizing: border-box;
 border: 2px solid #0ca26c;
 border-radius: 13px;
 width: 700px;
 margin: 0 auto;
 z-index: 1;
}
@media screen and (max-width:736px) {
 .contact_inner {
  border-radius: 13px;
  width: 94%;
  z-index: 1;
 }
}
.contact_title {
 background-color: #0ca26c;
 border-radius: 6px 6px 0 0;
 color: #fff;
 font-size: 2rem;
 font-weight: bold;
 padding: 5px 5px;
 text-align: center;
}
@media screen and (max-width:736px) {
 .contact_title {
  font-size: 1.4rem;
  padding: 10px 5px
 }
}
.contact_body {
 background-color: #fff;
 border-radius: 0 0 13px 13px;
 padding: 15px 60px 0
}
@media screen and (min-width:737px) {
 .contact_body {
  display: flex;
  justify-content: space-between
 }
}
@media screen and (max-width:736px) {
 .contact_body {
  padding: 18px 0 15px
 }
}
@media screen and (max-width:736px) {
 .contact_body > div {
  max-width: 247px;
  margin: 0 auto
 }
}
@media screen and (min-width:737px) {
 .contact_body > div:first-of-type {
 }
}
@media screen and (min-width:737px) {
 .contact_body > div:last-of-type {
  width: 170px
 }
}
@media screen and (max-width:736px) {
 .contact_body > div:last-of-type {
  margin: 10px auto 0
 }
}
.contact_img a {
 display: block;
 line-height: 0
}
@media screen and (min-width:737px) {
 .contact_img a {
  pointer-events: none
 }
}
@media screen and (max-width:736px) {
 .contact_img a img {
  max-width: 247px
 }
}
@media screen and (max-width:349px) {
 .contact_img a img {
  width: 100%
 }
}
.contact_label {
 font-size: 18px;
 text-align: left;
 padding: 0 0 5px 35px;
 margin-top: -9px;
 line-height: 1.5
}
@media screen and (max-width:736px) {
 .contact_label {
  font-size: 1.5rem;
  text-align: center;
  padding: 0;
  margin-top: 0;
 }
}
.contact_text {
 font-size: 1.4rem;
 padding-left: 54px;
 text-indent: -14px
}
@media screen and (max-width:736px) {
 .contact_text {
  font-size: 1rem;
  line-height: 1.4;
  padding-left: 10px;
  text-indent: -10px
 }
}
.contact_others {
 margin-top: 0
}
.contact_alert {
 margin-top: 25px;
 text-align: center
}
@media screen and (max-width:736px) {
 .contact_alert {
  line-height: 1.3;
  margin-top: 13px
 }
}
.contact_alert strong {
 color: red;
 font-size: 1.8rem;
 font-weight: 700
}
@media screen and (max-width:736px) {
 .contact_alert strong {
  font-size: 1.2rem
 }
}
.contact_date {
 font-size: 1.4rem;
 margin-top: 5px;
 text-align: right
}
@media screen and (max-width:736px) {
 .contact_date {
  font-size: 1rem
 }
}
@media screen and (max-width:736px) {
 .contact .btnT03 {
  box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 0px 0px;
  height:18.2292vw;
  font-size: 5vw !important;
 }
}
.bar {
 width: 100%;
 background-color: rgba(255, 255, 255, 0.5);
 box-shadow: -4px 0 5px 0 rgba(0, 0, 0, .4);
 -webkit-transform: translateY(200px);
 transform: translateY(200px);
 transition: -webkit-transform .5s ease 0s;
 transition: transform .5s ease 0s;
 transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 5;
 height: 90px;
}
@media screen and (max-width:736px) {
 .bar {
  height: 75px;
 }
}
.bar.fixed {
 -webkit-transform: none;
 transform: none
}
.bar_inner {
 padding: 11px 0
}
@media screen and (min-width:737px) {
 .bar_inner {
  display: flex
 }
}
@media screen and (max-width:736px) {
 .bar_inner {
  padding: 8px 0
 }
}
@media screen and (min-width:737px) {
 .bar_inner > div:first-of-type {
  display: flex;
  width: 680px;
  align-items: center
 }
}
@media screen and (min-width:737px) {
 .bar_inner > div:last-of-type {
  width: -o-calc(100% - 180px);
  width: calc(100% - 180px);
  border-left: 1px solid #d8d8d8;
  padding-right: 7px;
  position: relative
 }
}
@media screen and (min-width:737px) {
 .bar_inner > div:last-of-type:before {
  content: "";
  display: block;
  width: 356px;
  height: 80px;
  background: url(../img/common/img_bar_01.png) no-repeat 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 20px
  }
}
.bar .btn_inner {
 max-width: 620px;
 margin: 0 auto 0;
}
@media screen and (max-width:736px) {
 .bar .btn_inner {
  max-width: 94%;
  margin: 0 auto
 }
}
.bar .btn-common {
 margin-top: 10px
}
.bar .btn-common a {
 margin-bottom: 0;
 padding: 17px 10px
}
@media screen and (min-width:737px) {
 .bar .btn-common a {
  font-size: 2.4rem
 }
}
@media screen and (max-width:736px) {
 .bar .btn-common a {
  font-size: 1.2rem;
  padding: 10px
 }
}
@media screen and (max-width:736px) {
 .bar .btn-common a.btnWFull > span {
  padding: 0 20px !important
 }
}
@media screen and (min-width:737px) {
 #pageTop {
  bottom: 120px
 }
}
@media screen and (max-width:736px) {
 #pageTop {
  bottom: 90px
 }
}
.simpleTempelate footer[role=contentinfo] {
 padding: 0
}
@media screen and (max-width:736px) {
 .simpleTempelate footer[role=contentinfo] .footerInfo .copyRight {
  margin-top: 0
 }
}
.free .hero {
 background: #0ca26c;
 margin-top: 0px;
}

@media screen and (max-width:736px) {
  .free .hero {padding-top: 5.333vw;
  }
}
.free .hero_body {
 position:relative;
 padding: 33px 0 28px;
 height: auto;
}
@media screen and (max-width:736px) {
 .free .hero_body {
  padding: 0 0 4.0760vw;
  margin: 0 auto;
 }
}
.free .hero_title {
 line-height: 0;
 position: relative;
 margin-bottom: 20px;
 z-index: 2;
}
@media screen and (max-width:736px) {
 .free .hero_title {
  margin: 0 auto 5.333vw;
  width: 87.2%;
  text-align: center;
  position: relative;
  z-index: 2;
 }
}
.free .hero_img-01 {
 position: relative;
 margin-top: 10px;
 left: -6px;
 top: 0;
 z-index: 2
}
@media screen and (max-width:736px) {
  .free .hero_img-01 {
   width: 97%;
   margin: 4vw 0 2.667vw;
   left:4vw;
   z-index: 2
  }
 }
 .free .hero_subtitle {
position: relative;
left: 0;
top: 0;
z-index: 2
}
@media screen and (max-width:736px) {
  .free .hero_subtitle {
    left: 5.333vw;
  }
}
 .free .hero_note {
  position: relative;
  left: 5px;
  top: -475px;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  color:#fff;
}
@media screen and (max-width:736px) {
  .free .hero_note {
top:0;
    margin: 0 auto 2.667vw;
    padding: 0;
    width: 88%;
    font-size: 2.3438vw;
    line-height: 1.2;
    text-indent: -2.3438vw;
    z-index: 2;
  }
}

.free .hero_img-02 {
 text-align: center;
 background-color: #057e52;
 padding: 13px 0;
 z-index: 3;
}
@media screen and (min-width:737px) {
 .free .hero_img-02 {
  top: -63px;
  left: 0
 }
}
@media screen and (max-width:736px) {
 .free .hero_img-02 {
  width: 96.26%;
  margin: 0 auto;
  top: -10.83%;
  left: 0;
  right: 0;
  z-index: 3;
 }
}
.free .hero_img-03 {
 text-align: center;
 padding: 28px 0;
}
@media screen and (max-width:736px) {
 .free .hero_img-03 {
  margin: 10px auto;
  text-align: center;
 }
 .free .hero_img-03 img {
  width: 100%
 }
}
.free .hero_img-04 {
 pointer-events: none;
 position: relative;
 top: -300px;
 right: -676px;
 z-index: 0
}
@media screen and (max-width:736px) {
 .free .hero_img-04 {
  position: absolute;
  width: 66%;
  bottom:0;
  top: auto;
  right: -16.3043vw;
  z-index: 1
 }
}
@media screen and (max-width:736px) {
 .free .hero_img-04 img {
  width: 100%
 }
}


.free .hero_img-05 {
  pointer-events: none;
  position: relative;
  right: -674px;
  top: -743px;
  z-index: 3;
}
@media screen and (max-width:736px) {
 .free .hero_img-05 {
  position: absolute;
  width: 26%;
  bottom: 36%;
  top: auto;
  right: 8.1521vw;
  z-index: 3;
 }
}
@media screen and (max-width:736px) {
 .free .hero_img-05 img {
  width: 100%
 }
}
.free .hero_txt-01 {
  display: table;
  pointer-events: none;
  position: relative;
  width: 126px;
  height: 126px;
  right: -674px;
  top: -743px;
  z-index: 3;
  background-color:#fbfd44;
  border-radius: 100%;
}
.free .hero_txt-01 .hero_txt-01_inner{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: auto 0;
  color: #0b8a5d;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
}
@media screen and (max-width:736px) {
  .free .hero_txt-01 {
   position: absolute;
   width: 25.8152vw;
   height: 25.8152vw;
   bottom: 36%;
   top: auto;
   right: 8.1521vw;
   z-index: 3;
  }
  .free .hero_txt-01 .hero_txt-01_inner{
    font-size: 4.4836vw;
  }
 }
 
.free .hero_text {
 color: #fff;
 font-size: 1.4rem;
 letter-spacing: .05em
}
@media screen and (max-width:736px) {
 .free .hero_text {
  font-size: 2.4vw
 }
}
.free .hero_text-01 {
 line-height: 1.28
}
@media screen and (max-width:736px) {
 .free .hero_text-01 {
  width: 53.62%
 }
}
.free .hero_text-01 span {
 display: block
}
@media screen and (max-width:736px) {
 .free .hero_text-01 span {
  padding-left: 6.4vw;
  text-indent: -6.4vw
 }
}
.free .hero_text-02 {
 line-height: 1.64;
 margin-top: 10px;
 text-shadow: 0 0 4px rgba(0, 0, 0, .9)
}
@media screen and (min-width:737px) {
 .free .hero_text-02 {
  padding-left: 55px
 }
}
@media screen and (max-width:736px) {
 .free .hero_text-02 {
  margin-top: 2%;
  text-align: center
 }
}
.free .hero_foot {
 background-color: #f6fcef;
 margin: 0 auto;
}
.free .hero_foot2 {}
@media screen and (min-width:737px) {
 .free .hero_foot .inner {
  padding-left: 45px;
  position: relative
 }
}
.free .hero_btn {
 margin: 0 auto;
 margin-top: -460px;
}
@media screen and (min-width:737px) {
 .free .hero_btn {
  padding-left: 5px
 }
}
@media screen and (max-width:736px) {
 .free .hero_btn {
  margin-top: 0;
  position: relative;
  z-index: 2;
 }
}
.free .hero_btn .btn {
 margin: 0
}
@media screen and (min-width:737px) {
 .free .hero_btn .btn_inner {
  position: relative;
  margin: 0 auto 0;
  z-index: 3;
 }
}
@media screen and (max-width:736px) {
 .free .hero_btn .btn_inner {
  position: relative;
  margin: 0 auto 0;
  z-index: 3;
 }
 .free .hero_btn .btn_inner .btnT03 {
  box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 0px 0px;
  height:18.2292vw;
  font-size: 5vw !important;
 }
}
#hero .point_ttl {
 background-color: #057e52;
}
#hero .point_ttlinner {
 margin: 0 auto;
 text-align: center;
 padding: 16px 0 5px;
 width: 940px;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}
#hero .point_ttlsub {
 margin: 0 12px;
 width: auto;
 line-height: 1.3;
 display: inline-block;
 text-align: left;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
}
#hero .point_ttlsub .yg {
 font-size: 36px;
 font-weight: bold;
 color: #fdfd44;
 line-height: 0.7;
}
#hero .point_ttlsub .ygl {
 font-size: 70px;
 font-weight: bold;
 color: #fdfd44;
 line-height: 0.7;
 font-family: "Arial", "メイリオ";
}
#hero .hero_inner {
 width: 100%;
 max-width: 980px;
 margin: 0 auto
}
#hero .pointinner {
 margin: 0 auto;
 text-align: center;
 padding: 23px 0 28px;
 width: 940px;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
#hero .inbox,#hero .inbox2 {
 margin: 0 0 5px;
 width: 465px;
 flex-direction: row;
}
#hero .inbox .number,#hero .inbox2 .number {
 position: relative;
 margin: 0;
 display: inline-block;
 text-align: left;
 width: 34px;
 height: 57px;
 line-height: 1;
 font-family: "Arial", "メイリオ";
 font-size: 45px;
 font-weight: bold;
 color: #0b8a5d;
}
#hero .inbox .number::after,#hero .inbox2 .number::after {
 content: "";
 position: absolute;
 left: -5px;
 top: 45px;
 display: inline-block;
 width: 34px;
 height: 5px;
 background-color: #98d2bd;
}
#hero .inbox .pointtxt,#hero .inbox2 .pointtxt {
 position: relative;
 top: -5px;
 left: 5px;
 margin: 0;
 padding-left: 5px;
 display: inline-block;
 text-align: left;
 width: 393px;
 height: 30px;
 line-height: 1.8;
 font-size: 24px;
 font-weight: bold;
}
#hero .inbox .pointtxt::after,#hero .inbox2 .pointtxt::after {
 content: "";
 position: relative;
 left: -5px;
 top: 1px;
 display: block;
 width: 396px;
 height: 4px;
 background-image: linear-gradient(to right, #98d2bd, #98d2bd 12px, transparent 13px, transparent 18px);
 background-size: 18px 4px;
 background-repeat: repeat-x;
}
#hero .inbox .pointtxtg,#hero .inbox2 .pointtxtg  {
 font-size: 24px;
 font-weight: bold;
 color: #0b8a5d; 
}
#hero .inbox .pointtxtgl,
#hero .inbox2 .pointtxtgl {
 font-size: 28px;
 font-weight: bold;
 color: #0b8a5d;
 line-height: 1.5;
}
#hero .inbox .pointtxtgn,
#hero .inbox2 .pointtxtgn {
 font-size: 32px;
 font-weight: bold;
 color: #0b8a5d;
 line-height: 1.5;
}

@media screen and (max-width:736px) {
 #hero .point_ttl {
  background-color: #057e52;
 }
 #hero .point_ttlinner {
  margin: 0 auto;
  text-align: center;
  padding: 2.0833vw 0 0.6510vw;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
 }
 #hero .point_ttlsub {
  margin: 0 1.5625vw;
  width: auto;
  line-height: 1.3;
  display: inline-block;
  text-align: left;
  font-size: 3.6458vw;
  font-weight: bold;
  color: #fff;
 }
 #hero .point_ttlsub .yg {
  font-size: 6.25vw;
  font-weight: bold;
  color: #fdfd44;
  line-height: 0.7;
 }
 #hero .point_ttlsub .ygl {
  font-size: 13.0208vw;
  font-weight: bold;
  color: #fdfd44;
  line-height: 0.7;
  font-family: "Arial", "メイリオ";
 }
 #hero .hero_inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
 }
 #hero .pointinner {
  margin: 0 auto;
  text-align: center;
  padding: 2.9948vw 0;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 #hero .inbox {
  margin: 0 0 0.651vw;
  width: 100%;
  display:flex;
  justify-content: center;
  flex-wrap: nowrap;
 }
 #hero .inbox .number {
  position: relative;
  margin: 0 2.6042vw 0 0.7813vw;
  text-align: left;
  display: inline-block;
  width: 6.7708vw;
  height: 11.0677vw;
  line-height: 1;
  font-family: "Arial", "メイリオ";
  font-size: 9.1146vw;
  font-weight: bold;
  color: #0b8a5d;
 }
 #hero .inbox .number::after {
  content: "";
  position: absolute;
  left: -0.651vw;
  top: 8.9844vw;
  display: inline-block;
  width: 6.5104vw;
  height: 6px;
  background-color: #98d2bd;
 }
 #hero .inbox .pointtxt {
  position: relative;
  top: -0.651vw;
  left: 0.651vw;
  margin: 0;
  padding-left: 0.651vw;
  display: inline-block;
  text-align: left;
  width: 100%;
  line-height: 11.4583vw;
  font-size: 4.6875vw;
  font-weight: bold;
 }
 #hero .inbox .pointtxt::after {
  content: "";
  position: relative;
  left: -0.651vw;
  top: -1.1719vw;
  display: block;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(to right, #98d2bd, #98d2bd 1.5625vw, transparent 1.6927vw, transparent 2.3438vw);
  background-size: 2.3438vw 4px;
  background-repeat: repeat-x;
 }
 #hero .inbox2 {
  margin: 1.0417vw 0 0.3906vw;
  width: 47.5%;/*１列から２列にしたいとき100％から47.5％にする*/
  display: flex;
  flex-direction: wrap;
  justify-content: space-between;
 }
  #hero .inbox2 .number {
  position: relative;
  margin: 1.9531vw 3.2552vw 0 0.7813vw;
  text-align: left;
  display: inline-block;
  width: 6.7708vw;
  height: 12.0677vw;
  line-height: 1;
  font-family: "Arial", "メイリオ";
  font-size: 9.1146vw;
  font-weight: bold;
  color: #0b8a5d;
 }
  #hero .inbox2 .number::after {
  content: "";
  position: absolute;
  left: -0.651vw;
  top: 8.5938vw;
  display: inline-block;
  width: 6.5104vw;
  height: 6px;
  background-color: #98d2bd;
 }
  #hero .inbox2 .pointtxt {
  position: relative;
  top: 0.3906vw;
  left: 0.651vw;
  margin: 0;
  padding-left: 1.0417vw;
  display: inline-block;
  text-align: left;
  width: 100%;
     height: 3.9063vw;
  line-height: 1.4;
  font-size: 3.6458vw;
  font-weight: bold;
 }
 #hero .inbox2 .pointtxt::after {
  content: "";
  position: relative;
  left: -0.651vw;
  top: 0.7813vw;
  display: block;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(to right, #98d2bd, #98d2bd 1.5625vw, transparent 1.6927vw, transparent 2.3438vw);
  background-size: 2.3438vw 4px;
  background-repeat: repeat-x;
 }
 #hero .inbox .pointtxtg {
  font-size: 5.2083vw;
  font-weight: bold;
  color: #0b8a5d;
 }

 #hero .inbox .pointtxtgl{
  font-size: 5.2083vw;
  font-weight: bold;
  color: #0b8a5d;
  line-height: 1.5;
 }
 #hero .inbox .pointtxtgn{
  font-size: 6.5104vw;
  font-weight: bold;
  color: #0b8a5d;
  line-height: 1.5;
 }
 #hero .inbox2 .pointtxtg {
  font-size: 3.6458vw;
  font-weight: bold;
  color: #0b8a5d;
 }
}
.subtitle_text {
 display: inline-block;
 height: 30px;
 line-height: 30px;
 border-radius: 100vh;
 background-color: #fff;
 margin-bottom: 12px;
 padding: 0 55px;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: #0ca26c;
}
_:-ms-lang(x)::-ms-backdrop, .subtitle_text{
  line-height: 38px;
}
.subtitle_text1 {
 font-size: 28px;
 line-height: 28px;
 font-weight: bold;
 color: #fff;
}
.subtitle_text2 {
 font-size: 36px;
 line-height: 36px;
 font-weight: bold;
 color: #fdfd44;
}
.subtitle_text3 {
 font-size: 36px;
 line-height: 36px;
 font-weight: bold;
 color: #fff;
}
@media screen and (max-width:736px) {
 .subtitle_text {
  height: 4.9479vw;
  line-height: 4.9479vw;
  margin-bottom: 1.5625vw;
  padding: 0;
  font-size: 3.6458vw;
  width: 94%;
 }
 .subtitle_text1 {
  font-size: 4.6875vw;
  line-height: 4.6875vw;
 }
 .subtitle_text2 {
  font-size: 6.2500vw;
  line-height: 6.2500vw;
 }
 .subtitle_text3 {
  font-size: 4.6875vw;
  line-height: 4.6875vw;
 }
}
.refinancing_body {
 margin-top: -5px;
}
#refinancing .main_text-01 {
 margin: -10px auto 0;
 text-align: center;
 line-height: 1.3;
}
#refinancing .kome {
 font-size: 14px;
 vertical-align: middle;
}
#refinancing .fos14 {
 margin: 10px 0 0;
 font-size: 14px;
}
#refinancing .inner{
  margin-bottom: 20px;
}
@media screen and (max-width:736px) {
 #refinancing .fos14 {
  margin: 0 auto 5.6vw; 
  padding: 2.3438vw 0 0;
  width: 88%;
  font-size: 2.3438vw;line-height: 1.2;
  text-align: left; 
  text-indent:-2.3438vw;
 }
}
.free .refinancing {
 background-color: #fff;
}
.free .refinancing_title {
 text-align: center
}
.free .refinancing_box {
 position: relative
}
.free .refinancing_img {
 margin: 20px auto;
 text-align: center;
}

@media screen and (max-width:736px) {
 .free .refinancing_img {
  margin: 0 auto;
  text-align: center;
  max-width: 670px;
  width: 89.333vw;
 }
}
.free .refinancing_text {
 font-size: 1.4rem;
 line-height: 1.42;
 margin-top: 20px
}
@media screen and (max-width:736px) {
 .free .refinancing_text {
  font-size: 1rem;
  margin-top: 25px;
  padding-left: 26px;
  text-indent: -26px
 }
}
.free .refinancing_text + .refinancing_text {
 margin-top: 5px
}
.free .refinancing_text a {
 color: #0b8a5d;
 text-decoration: underline
}
.free .refinancing_text a:hover {
 opacity: 1;
 text-decoration: none
}
.topBlock p.catch {
 min-width: 980px;
 background: #8ac946;
 text-align: center;
 color: #fff;
 font-size: 24px;
 font-weight: bold;
 line-height: 1.7;
 position: relative;
 z-index:2;
}
_:-ms-lang(x)::-ms-backdrop, .topBlock p.catch {
  padding-top:8px;
}
@media screen and (max-width:736px) {
 .topBlock p.catch {
  min-width: 0;
  font-size: 3.1250vw;
  position: relative;
  z-index:2;
 }
}
.protection {
 background-color: #d2ede2;
}
#protection {
 position: relative;
 min-width: 980px;
}
#protection .inner-contents, .refinancing_body .inner-contents {
 width: 980px;
 margin: 0 auto;
 text-align: center
}
.refinancing_body .inner-contents {
  margin-bottom: 45px;
}
#protection .main_text-01 {
 margin: -10px auto 0;
 text-align: center;
 line-height: 1.3;
}
#protection .main_text-02 {
 margin: 15px 0 50px;
 text-align: center;
}
#protection .pointNum {
 float: left;
}
#protection .point_text {
 display: inline-block;
 width: 675px;
 height: 58px;
 margin: 0 0 20px 20px;
 padding: 12px 0 0 10px;
 border-bottom: 2px dashed #fec602;text-align: left
}
#protection .list {
 padding-left: 16px;
 text-indent: -16px;
 line-height: 1.5;
}
#protection .koeZone {
 margin: 30px auto 50px;
 padding: 20px 35px 20px 35px;
 border: 3px dashed #98d2bd;
 border-radius: 13px;
 background-color: #f6fcef;
 font-size: 18px;
 line-height: 1.7;
 text-align: left;
}
#protection .voice {
 margin: 0 auto;
 text-align: center
}
#protection .voiceNum {
 float: left;
 position: relative;
 left: 170px;
}
#protection .voice_text {
 line-height: 1.3;
 margin: -3px 0 10px
}
#protection .chuiZone {
 padding: 20px 20px 20px 25px;
 background-color: #e6e6e6;
 font-size: 16px;
}
#protection .aleat_area {
 margin: 0 auto;
 text-align: center
}
#protection .aleat_icon {
 float: left;
 position: relative;
 left: 165px;
}
#protection .aleat_text {
 line-height: 1.3;
 margin: -3px 0 10px
}
#protection .acc > dt, .refinancing_body .inner-contents .acc > dt {
 display: inline-block;
 position: relative;
 width: 750px;
 margin: 20px 0 0;
 padding: 16px 65px;
 border: 0px solid #008650;
 border-radius: 13px;
 text-align: center;
 font-size: 28px;
 font-weight: bold;
 color: #fff;
 line-height: 1;
 background-image: url(../img/free7/tab_plus.png),linear-gradient(90deg, rgb(12, 162, 108), rgb(0, 122, 68));
 background-repeat: no-repeat;
 background-position: 98% 50%;
 background-size: auto;
 z-index: 1;
}
.refinancing_body .inner-contents .acc > dt {
  width: 754px;
}
#protection .acc:first-child dt {
 margin-top: 0
}
#protection .acc > dt.on, .refinancing_body .inner-contents .acc > dt.on {
 background-image: url(../img/free7/tab_minus.png),linear-gradient(90deg, rgb(12, 162, 108), rgb(0, 122, 68));
 background-repeat: no-repeat;
 background-position: 98% 50%;
 background-size: auto;
 z-index: 1;
}
#protection .acc > dd, .refinancing_body .inner-contents .acc > dd {
 display: none;
 margin: 0;
}
#protection .acc > dd .answer, .refinancing_body .inner-contents .acc > dd .answer {
 display: inline-block;
 position: relative;
 width: 780px;
 margin: 0;
 padding: 38px 50px 0;
 border: 0px solid #fff;
 background-color: #fff;
 top: -13px;
 text-align: left;
 font-size: 20px;
 color: #444;
 line-height: 1.4
}
.refinancing_body .inner-contents .acc > dd .answer {
  border: 2px solid #0ca26c;
}
.refinancing_body .inner-contents .acc > dd .answer > p {
  margin-bottom: 30px;
}
.refinancing_body .inner-contents .acc > dd .answer > div.acc1 {
  margin-bottom: 30px;
}
#protection .closeinner, .refinancing_body .inner-contents .closeinner {
 text-align: center;
 cursor: pointer
}
#protection .close, .refinancing_body .inner-contents .close {
 display: inline-block;
 position: relative;
 width: 263px;
 margin: 30px 0 37px;
 padding: 12px 65px;
 border-radius: 8px;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 line-height: 1;
 background-image: url(../img/free7/tab_close.png);
 background-repeat: no-repeat;
 background-position: center right 18px;
 background-size: 24px 24px;
 background-color: #0ca26c;
 z-index: 1;
}
@media only screen and (max-width:736px) {
 #protection {
  min-width: 20%;
 }
 #protection .inner-contents, .refinancing_body .inner-contents {
  width: 97%;
  margin: 0 auto;
  text-align: center
 }
 .refinancing_body .inner-contents {
  margin-bottom: 45px;
 }
 #protection .main_text-01 {
  margin: -1.3021vw auto 0;
 }
 #protection .main_text-02 {
  margin: 1.9531vw auto 6.5104vw;
  text-align: center;
  width: 94%;
  }
 #protection .pointBox {
  margin: 0 auto;
  text-align: center;
  width: 94%;
 }
 #protection .pointNum {
  float: left;flex-wrap: nowrap;
 }
 #protection .pointNum img {
  object-fit: cover;
  width: 15.2344vw;
  height: 15.2344vw;
  }
 #protection .point_text {
  display: inline-block;
  width: 78%;
  height:13.9323vw;
  margin: 0 0 3.9063vw 2.6042vw;
  padding: 1.5625vw 0 0 1.3021vw;
  border-bottom: 0.5604vw dashed #fec602;
  line-height: 1.3;
 }
 #protection .list {
  padding-left: 2.3438vw;
  margin: 0 auto;
  width: 94%;
  text-indent: -2.3438vw;
  text-align: left;font-size: 2.3438vw;
  line-height: 1.6;
 }
 #protection .koeZone {
  margin: 3.9063vw auto 6.5104vw;
  padding: 2.6042vw 4.5573vw;
  border: 0.3906vw dashed #98d2bd;
  border-radius: 13px;
  background-color: #f6fcef;
  font-size: 2.3438vw;
  line-height: 1.7;
  text-align: left;width: 85%
 }
 #protection .voice {
  margin: 0 auto;
  text-align: left;
  width:91%;
 }
 #protection .voiceNum {
  float: left;
  position: relative;
  left: -1.9531vw;
;
 }
 #protection .voiceNum img {
  object-fit: cover;
  width: 10.026vw;
  height: 8.4635vw;
  }
 #protection .voice_text {
  line-height: 1.3;
  margin: -0.3906vw 0 1.3021vw
 }
 #protection .chuiZone {
  margin: 0 auto;padding: 2.6042vw 2.6042vw 2.6042vw 3.2552vw;
  background-color: #e6e6e6;
  font-size: 2.0833vw;
  width: 88%;text-align: center
 }
 #protection .chuiZone .list {
  padding-left: 2.8646vw;
  text-indent: -2.8646vw;
  text-align: left;font-size: 2.8646vw;
  line-height: 1.8;
 }
 #protection .aleat_area {
  margin: 0 auto;
  text-align: left
 }
 #protection .aleat_icon {
  float: left;
  position: relative;
  left: 0;top: 1.1719vw;
 }
 #protection .aleat_text {
  line-height: 1.8;
  margin: -0.3906vw 0 1.3021vw;padding-left: 5.0781vw;
 }
 #protection .acc > dt, .refinancing_body .inner-contents .acc > dt {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 14.8438vw;
  margin: 2.6042vw 0 0;
  padding: 1.5625vw 8.4635vw;
  border: 0px solid #008650;
  border-radius: 13px;
  text-align: center;
  font-size: 4.6875vw;
  font-weight: bold;
  color: #fff;
  line-height: 11.7188vw;
  background-image: url(../img/free7/tab_plus_sp.png),linear-gradient(90deg, rgb(12, 162, 108), rgb(0, 122, 68));
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: auto;
  z-index: 1;
 }
 .refinancing_body .inner-contents .acc > dt {
  line-height: 1.38;
  font-size: 4.3875vw;
 }
 .refinancing_body .inner-contents .acc > dt br.sp{
   display: inline !important;
 }
 #protection .acc:first-child dt {
  margin-top: 0;
 }
 .chuiZone .aleat_area .aleat_icon{
  max-width: 38px;
  width: 4.667vw;
 }
 #protection .acc > dt.on, .refinancing_body .inner-contents .acc > dt.on {
  background-image: url(../img/free7/tab_minus_sp.png),linear-gradient(90deg, rgb(12, 162, 108), rgb(0, 122, 68));
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: auto;
  z-index: 1;
 }
 #protection .acc > dd, .refinancing_body .inner-contents .acc > dd {
  display: none;
  margin: 0;
 }
 #protection .acc > dd .answer, .refinancing_body .inner-contents .acc > dd .answer {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 4.9479vw 0 0;
  border: 0px solid #fff;
  background-color: #fff;
  top: -2.5vw;
  text-align: left;
  font-size: 2.6042vw;
  color: #444;
  line-height: 1.4
 }
 .refinancing_body .inner-contents .acc > dd .answer {
   border: 2px solid #0ca26c;
   box-sizing: border-box;
   top: -2.7927vw;
 }
  .refinancing_body .inner-contents .acc > dd .answer > p {
    margin: 10px 20px 20px;
    font-size: 3.6458vw;
  }
  .refinancing_body .inner-contents .acc > dd .answer > div.acc1, .refinancing_body .inner-contents .acc > dd .answer > div.acc2 {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
  }
 #protection .close, .refinancing_body .inner-contents .close {
  display: inline-block;
  position: relative;
  width: 34.2448vw;height: 7.8125vw;
  margin: 3.9063vw 0 4.8177vw;
  padding: 1.5625vw 8.4635vw;
  border-radius: 8px;
  text-align: center;
  font-size: 3.6458vw;
  font-weight: bold;
  color: #fff;
  line-height: 7.8125vw;
  background-image: url(../img/free7/tab_close.png);
  background-repeat: no-repeat;
  background-position: center right 2.3438vw;
  background-size: 3.125vw 3.125vw;
  background-color: #0ca26c;
  z-index: 1;
 }
}
#question {
 position: relative;
 min-width: 980px;
 background-color: #fff
}
#question .inner-contents {
 width: 980px;
 margin: 0 auto 50px;
 text-align: center
}
#question .inner-contents2 {
  text-align: center;
}
#question .acc > dt, #question .acc2 > dt {
 display: inline-block;
 position: relative;
 width: 836px;
 margin: 20px 0 0;
 padding: 22px 65px 22px 71px;
 border: 4px solid #3db589;
 border-radius: 13px;
 text-align: left;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 line-height: 1.4;
 background-image: url(../img/free7/tab_plus.png);
 background-repeat: no-repeat;
 background-position: center right 18px;
 background-size: 24px 24px;
 background-color: #3db589;
}
#question .acc2 > dt {
 padding: 10px 65px 6px 71px;
}
#question .acc:first-child dt, #question .acc2:first-child dt {
 margin-top: 0
}
#question .acc > dt.on, #question .acc2 > dt.on {
 border-radius: 13px 13px 0 0;
 background-image: url(../img/free7/tab_minus.png)
}
#question .acc > dt::before, #question .acc2 > dt::before {
 content: "";
 background-image: url(../img/free7/faq_q.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 35px 50px;
 width: 35px;
 height: 50px;
 display: inline-block;
 position: absolute;
 top: 18%;
 left: 20px;
}
#question .acc > dd, #question .acc2 > dd {
 display: none;
 margin: 0;
}
#question .acc > dd .answer, #question .acc2 > dd .answer {
 display: inline-block;
 position: relative;
 width: 878px;
 padding: 23px 23px 22px 71px;
 border: 4px solid #3db589;
 border-radius: 0 0 13px 13px;
 text-align: left;
 font-size: 20px;
 color: #444;
 line-height: 1.4
}
#question .acc > dd .answer::before, #question .acc2 > dd .answer::before {
 content: "";
 background-image: url(../img/free7/faq_a.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 35px 49px;
 width: 35px;
 height: 49px;
 display: inline-block;
 position: absolute;
 top: 23%;
 left: 20px
}
.kome {
 font-size: 14px;
}
@media only screen and (max-width:736px) {
 #question {
  min-width: 0;
 }
 #question .question_body > .inner{
   margin-bottom: 20px;
 }
 #question .inner-contents {
  width: 100%;
  margin: 0 auto 6.5104vw;
 }
 #question .inner-contents2 {
   margin-left: 20px;
   margin-right: 20px;
 }
 #question .acc > dt, #question .acc2 > dt {
  width: 77.0833vw;
  margin: 2.6042vw 0 0;
  padding: 2.8646vw 8.4635vw 2.8646vw 9.2448vw;
  border: 4px solid #3db589;
  border-radius: 13px;
  font-size: 3.9063vw;
  line-height: 1.4;
  background-image: url(../img/free7/tab_plus_sp.png);
  background-position: center right 2.4740vw;
  background-size: 3.1250vw 3.1250vw;
  background-color: #3db589;
 }
 #question .acc2 > dt {
  padding: 1.3021vw 8.4635vw 0.7813vw 9.2448vw;
 }
 #question .acc:first-child dt, #question .acc2:first-child dt {
  margin-top: 0
 }
 #question .acc > dt.on {
  border-radius: 13px 13px 0 0;
  background-image: url(../img/free7/tab_minus_sp.png)
 }
 #question .acc > dt::before, #question .acc2 > dt::before {
  background-image: url(../img/free7/faq_q_sp.png);
  background-size: 4.5573vw 6.5104vw;
  width: 4.5573vw;
  height: 6.5104vw;
  top: 18%;
  left: 2.6042vw;
 }
 #question .acc > dd, #question .acc2 > dd {
  display: none;
  margin: 0;
 }
 #question .acc > dd .answer, #question .acc2 > dd .answer {
  width: 82.5521vw;
  margin: 0 0 2.6042vw;
  padding: 2.994vw 2.994vw 2.8646vw 9.2448vw;
  border: 4px solid #3db589;
  border-radius: 0 0 13px 13px;
  font-size: 3.9063vw;
  line-height: 1.4
 }
 #question .acc > dd .answer::before, #question .acc2 > dd .answer::before {
  background-image: url(../img/free7/faq_a_sp.png);
  background-size: 4.5573vw 6.3802vw;
  width: 4.5573vw;
  height: 6.3802vw;
  top: 23%;
  left: 2.6042vw
 }
 .kome {
  font-size: 2.3438vw !important;
  line-height: 2.3438vw
 }
}

.midashiArea { /*refinancing protection*/
 text-align: center;
}
.flow_body {
    width: 970px;margin: 0 auto;text-align: center;
}
@media screen and (max-width:736px) {
 .flow_body {
  margin: 0 auto;
  text-align: center;
  width: 100%;
 }
}
.flow_img-01 {
 margin: 0 auto;
 text-align: center
}

.flow .cont_kome {
 margin-top: 25px;
 padding-left: 14px;
 text-indent: -14px
}
@media screen and (max-width:736px) {
 .flow .cont_kome {
  margin-top: 10px
 }
}
#reliable .fos14 {
 margin: 12px 0 0;
 font-size: 14px;
}
#reliable .main_text-01 {
 margin: -5px auto;
 text-align: center;
 line-height: 1.3;
}
#reliable .main_text-02 {
 margin: 5px 0 -15px;
 text-align: center;
}
#reliable .main_text-03 {
 margin: -30px 0 -20px;
 text-align: center;
}
@media screen and (max-width:736px) {
 #reliable .fos14 {
  margin: 1.5625vw 0 0;
  font-size: 2.3438vw; /*SPは18px*/
 }
 #reliable .main_text-01 {
  margin: -0.651vw auto;
  text-align: center;
  line-height: 1.5;
 }
 #reliable .main_text-02 {
  margin: 0.651vw 0 -1.9531vw;
  text-align: center;
  line-height: 1.3;
 }
 #reliable .main_text-03 {
  margin: -3.9063vw 0 -2.6042vw;
  text-align: center;
  line-height: 1.7;
 }
}
@media screen and (max-width:736px) {
 .free .reliable_title img {
  max-width: 312px
 }
}
.free .reliable_img {
 margin-top: 30px;
}
@media screen and (max-width:736px) {
 .free .reliable_img {
  margin-top: 15px;
  width: 100%;
 }
}
@media screen and (max-width:736px) {
 .free .reliable_img-02 {
  margin-top: 28px
 }
}
.free .reliable .cont_text-02 {
 margin-top: 40px
}
@media screen and (max-width:736px) {
 .free .reliable .cont_text-02 {
  margin-top: 22px
 }
}
.outline {
 background-color: #fff;
 margin: 0 auto;
 padding-top: 40px;
 text-align: center;
 width: 100%;
}
@media screen and (max-width:736px) {
 .outline {
  padding-top: 35px;
  width: 90%;
 }
}
.free .outline_text + .cont_link {
 margin-top: 15px
}
.free .outline_list-note li {
 padding-left: 28px;
 text-indent: -28px
}
#outline .outline_title {
 margin: 0
}
.outline_title strong {
 background: none
}
.outline_inner {
 margin-top: 1px;
 position: relative
}
@media screen and (max-width:736px) {
 .outline_inner {
  margin-top: 22.5px
 }
}
.outline_inner + .cont_foot {
 margin-top: 0
}
.outline_table {
 width: 100%
}
.free .outline_table-sub tbody tr td {
 padding: 25px 20px
}
@media screen and (max-width:736px) {
 .free .outline_table-sub tbody tr td {
  padding: 10px 20px
 }
}
@media screen and (max-width:736px) {
 .outline_table-hub, .outline_table-hub > tbody, .outline_table-hub > tbody > tr, .outline_table-main, .outline_table-main > tbody, .outline_table-main > tbody > tr {
  display: block
 }
}
.outline_table-hub > tbody > tr > td, .outline_table-hub > tbody > tr > th, .outline_table-main > tbody > tr > td, .outline_table-main > tbody > tr > th {
 box-sizing: border-box;
 text-align: left;
 border: 1px solid #c8c8c8;
}
@media screen and (max-width:736px) {
 .outline_table-hub > tbody > tr > td, .outline_table-hub > tbody > tr > th, .outline_table-main > tbody > tr > td, .outline_table-main > tbody > tr > th {
  box-sizing: border-box;
  text-align: left;
  border: none;/*ここで初期化*/
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
 }
  #outline .outline_under {
  border-bottom: 1px solid #c8c8c8;
 }
}
@media screen and (max-width:736px) {
 .outline_table-hub > tbody > tr > td, .outline_table-hub > tbody > tr > th, .outline_table-main > tbody > tr > td, .outline_table-main > tbody > tr > th {
  display: block;
  font-size: 1.5rem;
 }
}
.outline_table-hub > tbody > tr > th, .outline_table-main > tbody > tr > th {
 background-color: #f6fcef;
 font-weight: 700;
 vertical-align: middle;
 padding: 17px 17px 17px 17px
}
@media screen and (min-width:737px) {
 .outline_table-hub > tbody > tr > th, .outline_table-main > tbody > tr > th {
  width: 200px
 }
}
@media screen and (max-width:736px) {
 .outline_table-hub > tbody > tr > th, .outline_table-main > tbody > tr > th {
  padding: 4.5px 5px;
  text-align: center
 }
}
.outline_table-hub > tbody > tr > td, .outline_table-main > tbody > tr > td {
 padding: 17px 20px
}
@media screen and (min-width:737px) {
 .outline_table-hub > tbody > tr > td, .outline_table-main > tbody > tr > td {
  width: 100%
 }
}
@media screen and (max-width:736px) {
 .outline_table-hub > tbody > tr > td, .outline_table-main > tbody > tr > td {
  padding: 8px 8px 15px !important;
 }
}
.outline_table-hub {
 margin-top: 40px
}
@media screen and (max-width:736px) {
 .outline_table-hub {
  border: 1px solid #c8c8c8;
  margin-top: 5px
 }
}
.outline_table-hub > tbody > tr > th {
 background-color: transparent
}
@media screen and (max-width:736px) {
 .outline_table-hub > tbody > tr > th {
  border-bottom: 0px solid #c8c8c8;
 }
}
@media screen and (max-width:736px) {
 .outline_table-hub > tbody > tr > td {
  padding: 12px 11px
 }
}
.outline_table-sub {
 margin-top: 15px
}
.outline_table-sub tbody tr td, .outline_table-sub tbody tr th {
 border: 1px solid #c8c8c8;
 text-align: center;
 vertical-align: middle
}
.outline_table-sub tbody tr th {
 width: 50%;
 background-color: #2ac28c;
 color: #fff;
 font-weight: 700;
 padding: 20px 5px
}
@media screen and (max-width:736px) {
 .outline_table-sub tbody tr th {
  line-height: 1.25;
  padding: 10px 5px
 }
}
@media screen and (max-width:736px) {
 .outline_table-sub tbody tr th.multi {
  padding: 0 5px
 }
}
.outline_table-sub tbody tr td {
 padding: 8px 20px
}
@media screen and (max-width:736px) {
 .outline_table-sub tbody tr td {
  line-height: 1.41;
  padding: 6px 15px
 }
}
.outline_table-sub tbody tr td sup {
 font-size: .8rem
}
@media screen and (min-width:737px) {
 .outline_table-sub tbody tr td sup {
  vertical-align: super
 }
}
.outline_table-sub tbody tr td.left {
 text-align: left
}
.outline_table-sub + .outline_list {
 margin-top: 15px
}
.outline_table-sub + .outline_text {
 margin-top: 25px
}
@media screen and (max-width:736px) {
 .outline_table-sub + .outline_text {
  margin-top: 10px
 }
}
.outline_slash {
 overflow: hidden;
 position: relative
}
.outline_slash:before {
 content: "";
 display: block;
 width: 109%;
 height: 1px;
 background-color: #c8c8c8;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
 -webkit-transform-origin: left top;
 transform-origin: left top;
 position: absolute;
 top: 0;
 left: 0
}
@media screen and (max-width:736px) {
 .outline_slash:before {
  -webkit-transform: rotate(7.5deg);
  transform: rotate(7.5deg)
 }
}
@media screen and (max-width:399px) {
 .outline_slash:before {
  -webkit-transform: rotate(19deg);
  transform: rotate(19deg)
 }
}
@media screen and (max-width:349px) {
 .outline_slash:before {
  -webkit-transform: rotate(21.5deg);
  transform: rotate(21.5deg)
 }
}
.outline_slash span {
 display: block;
 font-weight: 700;
 position: absolute
}
.outline_slash span:first-of-type {
 bottom: 10px;
 left: 30px
}
@media screen and (max-width:736px) {
 .outline_slash span:first-of-type {
  bottom: 5px;
  left: 15px
 }
}
.outline_slash span:last-of-type {
 top: 10px;
 right: 30px
}
@media screen and (max-width:736px) {
 .outline_slash span:last-of-type {
  top: 5px;
  right: 15px
 }
}
.outline_text {
 line-height: 1.75
}
@media screen and (max-width:736px) {
 .outline_text {
  line-height: 1.5
 }
}
@media screen and (max-width:736px) {
 .outline_text .outline_kome {
  padding-left: 20px
 }
}
.outline_text + .outline_text {
 margin-top: 10px
}
@media screen and (max-width:736px) {
 .outline_text + .outline_text {
  margin-top: 5px
 }
}
.outline_text + .outline_list {
 margin-top: 15px
}
.outline_table tr:first-of-type .outline_list .outline_kome{
  padding-left:0;
}
@media screen and (max-width:736px) {
 .outline_text + .outline_list {
  margin-top: 10px
 }
}
.outline_label {
 font-weight: 700;
 margin-top: 15px
}
@media screen and (max-width:736px) {
 .outline_label {
  margin-top: 10px
 }
}
.outline_label + .outline_table {
 margin-top: 5px
}
.outline_list li {
 padding-left: 16px;
 text-indent: -16px;
 line-height: 1.4;
}
.outline_subtitle {
    display: block;
margin-top: 16px
}
@media screen and (max-width:736px) {
 .outline_list li {
  padding-left: 12px;
  text-indent: -12px
 }
}
.outline_list li:not(:first-of-type) {
 margin-top: 8px
}
@media screen and (max-width:736px) {
 .outline_list li:not(:first-of-type) {
  margin-top: 5px
 }
}
.outline_list-note li {
 padding-left: 37px;
 text-indent: -37px
}
@media screen and (max-width:736px) {
 .outline_list-note li {
  font-size: 1rem;
  line-height: 1.4;
  padding-left: 24px;
  text-indent: -24px
 }
}
@media screen and (max-width:736px) {
 .outline_list-note li .outline_kome {
  margin-top: 5px
 }
}
.outline_kome {
 display: block;
 /*font-size: 1.4rem;*/
 line-height: 1.75;
 padding-left: 14px;
 text-indent: -14px
}
@media screen and (max-width:736px) {
 .outline_kome {
  font-size: 1.3rem;
  line-height: 1.4;
  padding-left: 10px;
  text-indent: -10px
 }
}
.outline_kome a {
 color: #0ca26c
}
@media screen and (max-width:736px) {
 .outline .cont_foot {
  margin-top: 25px
 }
}
.corp {
 padding-top: 12px;
 text-align: right;
 font-size: 16px;
}
@media screen and (max-width:736px) {
 .corp {
  padding-top: 1.6927vw;
  text-align: right;
  font-size: 3.1250vw;
 }
}
.btnBlock02 {
 margin-bottom: 60px;
}
/*文字サイズ、色、破線など*/
.fos18 { /*PCは18pxSPは24px*/
 font-size: 18px;
}
.fos18sp { /*PCは18pxSPは28px*/
 font-size: 18px;
 }
.fos20 { /*PCは20pxSPは28px*/
 font-size: 20px;
}
.fos28 { /*PCは28pxSPは36px*/
 font-size: 28px;
}
.fos36 { /*PCは36pxSPは48px*/
 font-size: 36px;
}
.fos48 {
 font-size: 48px;
}
.fos54 {
 font-size: 54px;
}
.fos28n {
 font-size: 28px;
 font-family: "Arial", "メイリオ";
}
.fos36n {
 font-size: 36px;
 font-family: "Arial", "メイリオ";
}
.fos48n {
 font-size: 48px;
 font-family: "Arial", "メイリオ";
}
.fos54n {
 font-size: 54px;
 font-family: "Arial", "メイリオ";
}
.fowb {
 font-weight: bold;
}
.focg {
 color: #0b8a5d;
}
.focgling {
 position: relative;
 display: inline-block;
}
.focgling::after {
 content: "";
 position: relative;
 top: -2px;
 line-height: 0;
 display: block;
 height: 3px;
 background-image: linear-gradient(to right, #98d2bd, #98d2bd 12px, transparent 13px, transparent 18px);
 background-size: 18px 3px;
 background-repeat: repeat-x;
}
.focglinog {
 position: relative;
 display: inline-block;
}
.focglinog::after {
 content: "";
 position: relative;
 top: -2px;
 line-height: 0;
 display: block;
 height: 4px;
 background-image: linear-gradient(to right, #fec602, #fec602 12px, transparent 13px, transparent 18px);
 background-size: 18px 4px;
 background-repeat: repeat-x;
}
.focog {
 color: #ff6e00;
}
.focoglin {
 position: relative;
 display: inline-block;
}
.focoglin::after {
 content: "";
 position: relative;
 top: -20px;
 line-height: 0;
 display: block;
 height: 4px;
 background-image: linear-gradient(to right, #fec602, #fec602 12px, transparent 13px, transparent 18px);
 background-size: 18px 4px;
 background-repeat: repeat-x;
}
@media screen and (max-width:736px) {
 .fos18 { /*SPは24px*/
  font-size: 3.125vw;
 }
 .fos18sp { /*PCは18pxSPは28px*/
  font-size: 3.6458vw;
 }
 .fos20 { /*PCは20pxSPは28px*/
  font-size: 3.6458vw;
 }
 .fos28 { /*SPは36px*/
  font-size: 4.6875vw;
 }
 .fos36 { /*SPは48px*/
  font-size: 6.25vw;
 }
 .fos48 {
  font-size: 6.2500vw;
 }
 .fos54 {
  font-size: 7.0313vw;
 }
 .fos28n {
  font-size: 3.6458vw;
  font-family: "Arial", "メイリオ";
 }
 .fos36n {
  font-size: 6.2875vw;
  font-family: "Arial", "メイリオ";
 }
 .fos48n { /*SPは60px*/
  font-size: 7.8125vw;
  font-family: "Arial", "メイリオ";
 }
 .fos54n { /*SPは72px*/
  font-size: 9.375vw;
  font-family: "Arial", "メイリオ";
 }
 .focgling::after {
  content: "";
  position: relative;
  top: -0.2604vw;
  line-height: 0;
  display: block;
  height: 0.3906vw;
  background-image: linear-gradient(to right, #98d2bd, #98d2bd 1.5625vw, transparent 1.6927vw, transparent 2.3438vw);
  background-size: 2.3438vw 0.3906vw;
  background-repeat: repeat-x;
 }
 .focglinog::after {
  content: "";
  position: relative;
  top: -0.2604vw;
  line-height: 0;
  display: block;
  height: 0.5208vw;
  background-image: linear-gradient(to right, #fec602, #fec602 1.5625vw, transparent 1.6927vw, transparent 2.3438vw);
  background-size: 2.3438vw 0.5208vw;
  background-repeat: repeat-x;
 }
 .focoglin::after {
  content: "";
  position: relative;
  top: -2.6042vw;
  line-height: 0;
  display: block;
  height: 0.5208vw;
  background-image: linear-gradient(to right, #fec602, #fec602 1.5625vw, transparent 1.6927vw, transparent 2.3438vw);
  background-size: 2.3438vw 0.5208vw;
  background-repeat: repeat-x;
 }
}
/*文字サイズ、色、破線など*/

/*250205*/
#refinancing .cont{
  padding-bottom: 20px;
}

#flow .content-ttl{
  font-size: 2.8rem;
  line-height: 1.4285;
  margin-top: 66px;
  margin-bottom: 20px;
}

#flow .focoglin02::after{
  top: -6px;
}

#flow .flow_img-02{
  margin-bottom: 60px;
}

#flow .main_text-03 {
  margin: -31px 0 -20px;
  text-align: center;
}

#flow .fos14 {
  margin: 12px 0 0;
  font-size: 1.4rem;
}

#flow .reliable_img{
  margin-top: 12px;
}

#flow .cont_foot{
  background: none;
  margin-top: 37px;
  padding: 0;
}

#flow .btnBlock02{
  margin-bottom: 9px;
}

.koeZone .voice-group{
  display: flex;
}

.koeZone .voice-group .voice-img{
  margin-top: 8px;
  margin-right: 30px;
}

.koeZone .voice-group .voice-img img{
  border-radius: 50%;
}

.koeZone .voice-group .fos18sp{
  flex: 1;
  line-height: 1.5555;
}

.w800px{
  max-width: 800px;
  margin: 0 auto;
}
.taL{
  text-align: left;
}
#loan .refinancing_body{
  margin-top: -17px;
}
#loan .fos20{
  line-height: 1.5;
  padding-left: 10px;
  margin-bottom: 26px;
}

#loan .img{
  margin-bottom: 41px;
}

#loan .btn{
  position: relative;
  display: inline-block;
}

#loan .btn a{
  font-size: 2.8rem;
  font-weight: bold;
  color: #0b8a5d;
  text-decoration: underline;
}

#loan .btn a:hover{
  text-decoration: none;
}


/* 
#loan .btn .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 3px;
}

#loan .btn:hover .text{
  color: #0b8a5d;
}

#loan .btn .on{
  display: flex;
}

#loan .btn .off{
  display: none;
}

#loan .btn:hover .off{
  display: flex;
}

#loan .btn:hover .on{
  display: none;
} */

.refinancing_box{
  max-width: 800px;
  background-color: #fef8d1;
  padding: 21px 10px 28px;
  margin: 30px auto 0;
}

.refinancing_box .cl-black{
  color: #000;
}

.refinancing_box .refinancing_box_inner{
  max-width: 650px;
  text-align: left;
  margin: 0 auto;
}

.refinancing_box sup{
  font-size: 60%;
  vertical-align: middle;
}

.refinancing_box .refinancing_box_title{
  position: relative;
  line-height: 1.2;
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.refinancing_box .refinancing_box_title::after{
  content: '';
  width: 85%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 0;
  display: block;
  height: 2px;
  background-image: linear-gradient(to right, #84837b, #84837b 12px, transparent 13px, transparent 18px);
  background-size: 18px 4px;
  background-repeat: repeat-x;
}

.refinancing_box .refinancing_box_content{
  font-size: 2rem;
  line-height: 1.5;
}

.refinancing_box .note{
  font-size: 1.4rem;
  line-height: 1.2857;
  margin-top: 5px;
}

.glyphAttention01 > span:before{
  width: 18px;
  height: 18px;
  top: 45%;
  left: 5%;
  transform: translateY(-50%);
}


@media screen and (max-width:736px) {
  .koeZone .voice-group .voice-img{
    max-width: 150px;
    width: 26.667vw;
    margin-right: 15px;
  }
  .koeZone .voice-group{
    margin-bottom: 8px;
  }

  .koeZone .voice-group{
    align-items: flex-end;
  }
  
  
  .koeZone .fs28sp{
    flex: 1;
    font-size: 3.733vw;
    line-height: 1.5;
  }

  #hero .inbox2.inbox2-edit .pointtxt{
    line-height: .45;
    top: 2.133vw;
  }
  #hero .inbox2.inbox2-edit .pointtxt::after{
    top: -0.267vw;
  }


  #hero .inbox2 .pointtxtgn{
    font-size: 5.067vw;
  }

  #hero .inbox2 .pointtxtgl{
    font-size: 4.267vw;
  }

  #hero .inbox:nth-child(1) { order: 1; }
  #hero .inbox:nth-child(3) { order: 2; }
  #hero .inbox:nth-child(5) { order: 3; }
  #hero .inbox:nth-child(7) { order: 4; }
  #hero .inbox2:nth-child(2) { order: 5; }
  #hero .inbox2:nth-child(4) { order: 7; }
  #hero .inbox2:nth-child(6) { order: 6; }
  #hero .inbox2:nth-child(8) { order: 8; }


  #loan .refinancing_body{
    margin-top: 0;
  }
  #loan .fos20{
    padding-left: 5.333vw;
    margin-bottom: 4vw;
  }

  #loan .img{
    max-width: 670px;
    width: 89.333vw;
    margin: 0 auto 20px;
  }

  #loan .btn a{
    font-size: 3.6458vw;
  }

  /* #loan .btn .text{
    font-size: 3.733vw;
    letter-spacing: 2px;
  }

  #loan .btn{
    max-width: 670px;
    width: 89.333vw;
    margin: 0 auto;
  }

  #loan .btn a:hover{
    opacity: 1;
  }
  #loan .btn .on {
    display: none;
  }

  #loan .btn .off {
    display: block;
  }

  #loan .btn .text{
    color: #0b8a5d;
    width: 100%;
  } */

  #flow .content-ttl{
    font-size: 4.8vw;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 4.533vw;
  }

  #flow .flow_img-02{
    max-width: 648px;
    width: 86.4vw;
    transform: translateX(-1.333vw);
    margin: 0 auto 10.133vw;
  }

  #flow .main_text-02 > span.fos36{
    line-height: 1.2;
  }
  #flow .main_text-03{
    margin-top: -4.533vw;
  }

  #flow .fos14{
    font-size: 2.4vw;
    margin: 4.533vw 0 0;
  }

  #flow .reliable_img{
    margin-top: 10px;
  }

  #flow .cont_foot{
    margin-top: -1.067vw;
  }

  .refinancing_box{
    max-width: 670px;
    width: 89.333vw;
    margin-top: 5.6vw;
    box-sizing: border-box;
    padding: 3.2vw 5.333vw 4.533vw;
  }

  .refinancing_box .refinancing_box_content{
    font-size: 3.733vw;
    line-height: 1.42857;
  }
  .refinancing_box .note{
    font-size: 2.4vw;
    line-height: 1.3333;
  }
  .refinancing_box sup{
    font-size: 50%;
  }
  .refinancing_box .refinancing_box_title::after{
    width: 107%;
  }
  .refinancing_box .refinancing_box_title{
    margin-bottom: 3.467vw;
  }
  .protection .inner{
    margin-bottom: 0;
  }
  #question .acc > dd,
  #question .acc2 > dd{
    transform: translateY(-1px);
  }
  #refinancing .inner{
    margin-bottom: 10px;
  }
}

.note {
  font-size: 14px;
  padding: 0 60px 10px;
  text-align: left;
  line-height: 1.4;
}
@media screen and (max-width:736px) {
  .note {
    font-size: 12px;
    padding: 0 0 15px 1em;
    margin: 0 auto;
    width: calc(76% - 1em);
    text-align: justify;
    text-indent: -1em;
  }
}

.glyphAttention01 > span {
  padding-left: 1.4em;
}

.glyphAttention01 > span:before {
  width: 18px;
  height: 18px;
  top: 45%;
  left: 0%;
  transform: translateY(-50%);
}

@media screen and (max-width:736px) {
  .glyphAttention01 > span:before {
    top: 50%;
  }
}