@charset "UTF-8";
/* ====================================================
レスポンシブ
==================================================== */
/* ====================================================
カラー　$c-カラー名
==================================================== */
/* ====================================================
フォント　$f-フォント名
==================================================== */
/* ====================================================
フォントサイズ
==================================================== */
.about .contents-bg .se__contents-area .art__intro-area { margin-top: 45px; }
.about .contents-bg .se__contents-area .art__intro-area .intro__lead-box { text-align: center; margin-bottom: 40px; }
.about .contents-bg .se__contents-area .art__intro-area .intro__lead-box p { font-size: clamp(1.5rem, 1.317715959vw, 1.8rem); }
.about .contents-bg .se__contents-area .art__intro-area .intro__method-box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__method-box { display: block; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt { width: 33.43%; padding: 20px 0 30px; background: #fff; border: 1px solid #DC050F; border-radius: 15px; text-align: center; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt { width: 100%; padding: 20px 0; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt:not(:last-child) { margin-right: 4.38%; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt:not(:last-child) { margin-right: 0; margin-bottom: 20px; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt h4 { margin-bottom: 10px; color: #DC050F; font-size: clamp(1.7rem, 1.4641288433vw, 2rem); font-weight: bold; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt h4 { margin-bottom: 10px; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt p { margin-bottom: 10px; font-size: clamp(1.3rem, 1.1713030747vw, 1.6rem); }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt p { margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt h3 { color: #DC050F; font-size: clamp(2.8rem, 2.2693997072vw, 3.1rem); font-weight: bold; line-height: 1.2; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__method-box .method-txt h3 { font-size: 22px; font-size: 2.2rem; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__note-box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__note-box { display: block; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__note-box figure { width: 26.98%; margin-right: 9.45%; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__note-box figure { width: 70%; margin: 0 auto; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__note-box .note-txt { width: 55.26%; margin-top: 50px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__note-box .note-txt { width: 100%; margin-top: 20px; } }
.about .contents-bg .se__contents-area .art__intro-area .intro__note-box .note-txt p { font-size: clamp(1.3rem, 1.1713030747vw, 1.6rem); line-height: 1.8; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__intro-area .intro__note-box .note-txt p { font-size: 14px; font-size: 1.4rem; } }
.about .contents-bg .se__contents-area .art__comparison-area { margin-top: 125px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area { margin-top: 70px; } }
.about .contents-bg .se__contents-area .art__comparison-area .sub__ttl { margin-bottom: 40px; }
.about .contents-bg .se__contents-area .art__comparison-area .sub__ttl h3 { font-size: clamp(3.3rem, 2.635431918vw, 3.6rem); font-weight: bold; text-align: center; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .sub__ttl h3 { font-size: 25px; font-size: 2.5rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .sub__ttl h3 span { display: block; color: #DC050F; font-size: clamp(2rem, 1.6837481698vw, 2.3rem); }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .sub__ttl h3 span { font-size: 15px; font-size: 1.5rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item { background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item { display: block; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-ttl { text-align: center; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-ttl h4 { font-size: clamp(2.7rem, 2.196193265vw, 3rem); font-weight: bold; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-ttl h4 { font-size: 22px; font-size: 2.2rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt { width: 37.262vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt { width: 55%; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt { width: 100%; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list { margin-bottom: 30px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list { margin-bottom: 20px; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list h5 { display: inline-block; margin-bottom: 15px; padding: 5px 13px; color: #fff; background: #DC050F; font-size: clamp(1.4rem, 1.0980966325vw, 1.5rem); font-weight: bold; border-radius: 13px; line-height: 1; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list h5 { font-size: 14px; font-size: 1.4rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list ul li { font-size: clamp(1.5rem, 1.1713030747vw, 1.6rem); padding-left: 1em; text-indent: -1em; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list ul li { font-size: 15px; font-size: 1.5rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list ul li:not(:last-child) { margin-bottom: 5px; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .pros-list ul li:before { content: "・"; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .cons-list h5 { display: inline-block; margin-bottom: 15px; padding: 5px 13px; color: #fff; background: #393939; font-size: clamp(1.4rem, 1.0980966325vw, 1.5rem); font-weight: bold; border-radius: 13px; line-height: 1; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .cons-list h5 { font-size: 14px; font-size: 1.4rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .cons-list ul li { font-size: clamp(1.5rem, 1.1713030747vw, 1.6rem); padding-left: 1em; text-indent: -1em; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .cons-list ul li { font-size: 15px; font-size: 1.5rem; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .cons-list ul li:not(:last-child) { margin-bottom: 5px; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item .pros-cons-txt .cons-list ul li:before { content: "・"; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child { margin-bottom: 28px; padding: 64px 5.55% 58px 11.69%; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child { padding: 50px; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child { padding: 30px 7%; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl { width: 14.408vw; margin-right: 10.395vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl { width: 35%; margin-right: 0; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl { width: 100%; margin: 0 auto 20px; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl h4 { margin-bottom: 25px; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl figure { width: 14.408vw; height: 13.164vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl figure { width: 100%; height: auto; margin: 0 auto; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:first-child .pros-cons-ttl figure { width: 70%; height: auto; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child { padding: 64px 5.55% 58px 10.03%; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child { padding: 50px; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child { padding: 30px 7%; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl { width: 18.048vw; margin-right: 7.98vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl { width: 35%; margin-right: 0; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl { width: 100%; margin: 0 auto 20px; } }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl h4 { margin-bottom: 35px; }
.about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl figure { width: 18.048vw; height: 17.108vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl figure { width: 100%; height: auto; margin: 0 auto; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__comparison-area .comparison__pros-cons-box .pros-cons-item:last-child .pros-cons-ttl figure { width: 70%; height: auto; margin: 0 auto; } }
.about .contents-bg .se__contents-area .art__number-area { margin-top: 130px; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__number-area { margin-top: 70px; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area { margin-top: 70px; } }
.about .contents-bg .se__contents-area .art__number-area .sub__ttl { margin-bottom: 64px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .sub__ttl { margin-bottom: 30px; } }
.about .contents-bg .se__contents-area .art__number-area .sub__ttl h3 { font-size: clamp(3.7rem, 3.4407027818vw, 4rem); font-weight: bold; text-align: center; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .sub__ttl h3 { font-size: 27px; font-size: 2.7rem; } }
.about .contents-bg .se__contents-area .art__number-area .sub__ttl h3 span { display: block; color: #DC050F; font-size: clamp(2rem, 1.6837481698vw, 2.3rem); }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .sub__ttl h3 span { font-size: 15px; font-size: 1.5rem; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 66px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box { display: block; margin-bottom: 40px; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box { width: 32.8vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box { width: 40vw; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box { width: 100%; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex h4 { margin-right: 1.318vw; font-size: clamp(4rem, 3.6603221083vw, 5.6rem); font-weight: bold; color: #DC050F; font-family: Arial, sans-serif; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex h4 { margin-right: 15px; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24.305vw; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label { width: 100%; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label p { display: inline-block; padding: 7px 5%; font-size: clamp(1.2rem, 1.0248901903vw, 1.4rem); font-weight: bold; text-align: center; line-height: 1; border: 1px solid #000; border-radius: 5px; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label p { padding: 7px 4%; font-size: 11px; font-size: 1.1rem; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label p { padding: 7px 14px; font-size: 12px; font-size: 1.2rem; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label p.white { margin-right: 10px; color: #000; background: #fff; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label p.white { margin-right: 5px; } }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box .flex .number-txt-label p.black { color: #fff; background: #000; }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box .number-box h5 { font-weight: bold; line-height: 1.8; font-size: clamp(2rem, 1.8301610542vw, 2.7rem); }
.about .contents-bg .se__contents-area .art__number-area .number__lead-box figure { width: 36vw; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__lead-box figure { width: 100%; margin-top: 35px; } }
.about .contents-bg .se__contents-area .art__number-area .number__flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__flex-box { display: block; } }
.about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box { width: 32.8vw; }
@media (max-width: 1024px) { .about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box { width: 40vw; } }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box { width: 100%; margin-bottom: 70px; }
  .about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box:last-child { margin-bottom: 0; } }
.about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box h6 { position: relative; margin-bottom: 30px; font-weight: bold; font-size: clamp(1.8rem, 1.6105417277vw, 2.4rem); letter-spacing: 2px; line-height: 1.8; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box h6 { margin-bottom: 18px; } }
.about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box h6:before { position: absolute; width: 38px; content: ""; height: 6px; left: 0; top: -22px; background-color: #DC050F; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box h6:before { top: -18px; } }
.about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box p { font-size: clamp(1.5rem, 1.1713030747vw, 1.6rem); line-height: 1.8; letter-spacing: 1.7px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .number__flex-box .explain-box p { line-height: 1.6; } }
.about .contents-bg .se__contents-area .art__number-area .center-btn { max-width: 290px; width: 21.23vw; min-width: 270px; width: 25.11vw; margin: 65px auto 0; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area .center-btn { margin-top: 50px; } }
.about .contents-bg .se__contents-area .art__number-area .center-btn a { padding: 22px 0 22px 37px; font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem); font-weight: bold; line-height: 1; text-align: left; }
.about .contents-bg .se__contents-area .art__number-area.number-area_01 .number__lead-box .number-box { margin-top: 20px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_01 .number__lead-box .number-box { margin-top: 0; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_02 .number__lead-box .number-box { margin-top: 62px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_02 .number__lead-box .number-box { margin-top: 0; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_03 .number__lead-box figure { margin-top: 70px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_03 .number__lead-box figure { margin-top: 35px; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_03 .number__flex-box { margin-top: -9.37vw; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_03 .number__flex-box { margin-top: 0; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_03 .center-btn { max-width: 343px; width: 25.11vw; min-width: 300px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_03 .center-btn { min-width: 290px; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_04 { padding-bottom: 200px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_04 { padding-bottom: 150px; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_04 .number__lead-box .number-box { margin-top: 13px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_04 .number__lead-box .number-box { margin-top: 0; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_04 .number__lead-box .number-box h5 { margin-bottom: 63px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_04 .number__lead-box .number-box h5 { margin-bottom: 28px; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_04 .number__lead-box .number-box p { font-size: clamp(1.5rem, 1.1713030747vw, 1.6rem); line-height: 1.8; letter-spacing: 1.7px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_04 .number__lead-box .number-box p { line-height: 1.6; } }
.about .contents-bg .se__contents-area .art__number-area.number-area_04 .center-btn { max-width: 343px; width: 25.11vw; min-width: 300px; }
@media (max-width: 767px) { .about .contents-bg .se__contents-area .art__number-area.number-area_04 .center-btn { min-width: 290px; } }

/*# sourceMappingURL=about.css.map */