@charset "utf-8";
/* CSS Document */

body.direct {
  background: #fff;
  color: #191919;
}
a {
  color: #0000b4;
}
body.direct a.m-link {
  color: #052391;
}
body.direct .m-link.-circle.-moving {
  color: #191919;
}
.m-link.-circle.-moving:hover {
  color: #3467B3;
}
.l-box.-vertical {
  display: block;
}
.m-link.-circle.-moving:hover::before {
  animation: slide-arrow-right 0.7s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
body.direct .m-btn.-direct {
  background: #052391;
  border-radius: 4px;
  min-height: 48px;
  color: #fff;
}
body.direct .m-btn.-outline.-direct {
  color: #052391;
  border-radius: 4px;
  background: #fff;
  min-height: 48px;
}
body.direct .m-btn.-outline.-direct::after {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 20L11.575 18.6L17.175 13H3V11H17.175L11.575 5.4L13 4L21 12L13 20Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
body.direct .m-link[target=_blank]::before {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 20C5.46957 20 4.96086 19.7893 4.58578 19.4142C4.21071 19.0391 4 18.5304 4 18V8H6V17C6 17.2652 6.10537 17.5196 6.29291 17.7071C6.48044 17.8946 6.73478 18 7 18H16V20H6ZM10 16C9.46957 16 8.96086 15.7893 8.58578 15.4142C8.21071 15.0391 8 14.5304 8 14V6C8 5.46957 8.21071 4.96086 8.58578 4.58578C8.96086 4.21071 9.46957 4 10 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58578C19.7893 4.96086 20 5.46957 20 6V14C20 14.5304 19.7893 15.0391 19.4142 15.4142C19.0391 15.7893 18.5304 16 18 16H10ZM10 14H18V6H10V14Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
body.direct .m-link.-circle[target=_blank]::before {
 background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 20C5.46957 20 4.96086 19.7893 4.58578 19.4142C4.21071 19.0391 4 18.5304 4 18V8H6V17C6 17.2652 6.10537 17.5196 6.29291 17.7071C6.48044 17.8946 6.73478 18 7 18H16V20H6ZM10 16C9.46957 16 8.96086 15.7893 8.58578 15.4142C8.21071 15.0391 8 14.5304 8 14V6C8 5.46957 8.21071 4.96086 8.58578 4.58578C8.96086 4.21071 9.46957 4 10 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58578C19.7893 4.96086 20 5.46957 20 6V14C20 14.5304 19.7893 15.0391 19.4142 15.4142C19.0391 15.7893 18.5304 16 18 16H10ZM10 14H18V6H10V14Z" fill="%23fff" /></svg>') center/16px 16px no-repeat;
}
body.direct .m-btn.-outline.-direct[target=_blank]::after {
background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 20C5.46957 20 4.96086 19.7893 4.58578 19.4142C4.21071 19.0391 4 18.5304 4 18V8H6V17C6 17.2652 6.10537 17.5196 6.29291 17.7071C6.48044 17.8946 6.73478 18 7 18H16V20H6ZM10 16C9.46957 16 8.96086 15.7893 8.58578 15.4142C8.21071 15.0391 8 14.5304 8 14V6C8 5.46957 8.21071 4.96086 8.58578 4.58578C8.96086 4.21071 9.46957 4 10 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58578C19.7893 4.96086 20 5.46957 20 6V14C20 14.5304 19.7893 15.0391 19.4142 15.4142C19.0391 15.7893 18.5304 16 18 16H10ZM10 14H18V6H10V14Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
body.direct .btnWrap {
  margin-top: 58px;
}
body.direct .m-link.-circle::after {
background: #052391;
}
body.direct .m-link.-circle {
color: #052391;
}
.m-list-disc.m-list-square > li::before {
  border-radius: 0;
  background: #052391;
}
body.direct .m-list-disc > li::before {
background: #052391;
}
body.direct .m-list-disc > li + li {
margin-top: 4px;
}
body.direct .l-box__image.-direct > img,
body.direct .l-box__image.-direct > picture img {
  aspect-ratio: unset;
  height: 100%;
}
body.direct p + .btnWrap,
body.direct ul + .btnWrap {
  margin-top: 42px;
}
body.direct .l-box {
   padding: 32px 0;
}
body.direct .l-section.-direct {
  padding: 64px 0;
}
body.direct .l-section.-direct.-bg {
  background-color: #f7f7fc;
}
body.direct .l-section.-direct.-bg2 {
  background-color: #f2f2fb;
}
body.direct .l-pageHeader {
margin-bottom: 32px;
}
body.direct .l-pageHeader::after {
  display: none;
}
body.direct .l-pageHeader::before {
  display: none;
}
body.direct .l-pageHeader__inner::before {
  display: none;
}
body.direct .l-pageHeader {
  background: #f7f7fc;
}
body.direct .l-pageHeader__text {
  padding: 0 55px 0 0;
}
body.direct .l-pageHeader__inner {
  padding: 50px 0;
}
body.direct .l-pageHeader__top {
  display: flex;
  align-items: center;
}
body.direct .h1 {
  color: #052391;
  font-size: 40px;
}
body.direct .h1 .smallText {
  font-size: 24px;
}
body.direct .h1.merit_h1 {
  display: grid;
}

body.direct .h1::after {
  display: none;
}
body.direct .h2 {
  color: #191919;
  font-size: 36px;
  padding: 60px 0 24px;
  margin: 0 calc(((100vw - 100%) / 2) * -1) 64px; 
}
body.direct .h2::after {
  bottom: 0;  
  width: 72px;
  background: #052391;
  margin-left: -36px;
}
body.direct .h2.-bg {
  padding: 60px 0;
  color: #fff;
  background: linear-gradient(-90deg, #1d2087, #004097);  
}
body.direct .h2 .h2_border {
  width: 72px;
  background: #ffd700;
  height: 4px;
  margin: 25px auto 0;
}

body.direct .h3 {
  color: #191919;
  font-size: 32px;
  text-align: left;
  padding: 0 0 30px 0;
  margin-bottom: 48px;
}
body.direct .h3::after {
  left: 0;
  width: 100%;
  background: #ffd700; 
  margin-left: 0;
}
body.direct .h3::before {
  left: 0;
  width: 12%;
  height: 4px;
  background: #052391; 
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 2;
}
body.direct .h4 {
  color: #191919;
  border-left: 2px solid #052391;
  min-height: 42px;
  font-size: 24px;
  padding-left: 17px;
  text-align: left;
}

body.direct .m-circle-catch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80px;
  height: 80px;
  color: #052391;
  text-align: center;
  background-color: #ffd700;
  border-radius: 50%;
  margin-right: 25px;
  font-weight: 700;
  font-size: 12px;
}
body.direct .m-circle-number {
font-size: 46px;
line-height: 2.7rem;
font-family: "Roboto", sans-serif;
}

body.direct .l-pageHeader__f-lead {
  font-size: 24px;
  font-weight: 700;
}
body.direct .l-pageHeader__lead {
  font-weight: normal;
  margin-top: 10px;
  font-size: 18px;
}
body.direct .l-box__text {
  padding: 0;
}
body.direct .service-inner {
  border: 1px solid #e5e5f7;
  
}
.l-titleBox__content.-direct {
  background-color: #f7f7fc;
  border-radius: 8px;
  padding: 32px;
  margin: 44px 0;
} 
.kanren-card {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
height: 100%;
border: 2px solid #052391;
border-radius: 10px;
}

.kanren-card .kanren-top {
display: flex;
align-items: center;
color: #fff;
background: linear-gradient(-90deg, #1d2087, #004097);
border-radius: 8px 8px 0 0;
padding: 13px 0;
}
.kanren-card .kanren-top .m-circle-catch {
width: 64px;
height: 64px;
margin-left: 17px;
}
.kanren-card .kanren-top .m-circle-text {
font-size: 12px;
}
.kanren-card .kanren-top .m-circle-number {
font-size: 36px;
line-height: 1;
}
.kanren-card .kanren-top .kanren-title {
font-size: 26px;
display: grid;
text-align: center;
margin-left: 95px;
}
.kanren-card .kanren-top .kanren-title .smallText {
font-size: 16px;
}


.kanren-card .k-card__body {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
padding: 31px;
}
.kanren-card .k-card__body .m-btn {
  align-self: center;
  margin-top: auto;
}
.kanren-card .k-card__title {
position: relative;
margin: 28px 0 20px;
color: #191919;
font-size: 18px;
line-height: 1.5;
}
.kanren-card .k-card__text {
font-size: 16px;
line-height: 1.8;
}
.k-card__text:not(:last-child) {
  margin-bottom: 24px;
}
.direct_road .m-figure figcaption {
font-size: 15px;
}
.secom_box.-direct .m-figure figcaption {
font-size: 15px;
}

.m-tag.-bluetag {
background: #a7cfff;
border-color: #a7cfff;
color: #004e9b;
padding: 3px 10px 5px;
}
.m-tag.-yellowtag {
background: #ffd700;
border-color: #ffd700;
color: #191919;
padding: 3px 20px 5px;
}

body.direct .splide__pagination__page.is-active {
background: #052391;
}
body.direct .splide__pagination__page {
border: 2px solid #052391;
}
body.direct .-direct .c-stepFlow li {
background-color: #f7f7fc;
padding: 0;
}
body.direct .-direct .c-stepFlow li .step_title {
background: linear-gradient(-90deg, #1d2087, #004097);
color: #fff;  
border-radius: 8px 8px 0 0;
width: 100%; 
font-size: 20px;
padding: 63px 0 39px;
}
body.direct .-direct .c-stepFlow li .step_number {
position: absolute;
top: -39px;
left: 38%;
z-index: var(--z-base);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
color: #052391;
text-align: center;
pointer-events: none;
background-color: #ffd700;
border-radius: 50%;
}
body.direct .-direct .c-stepFlow li .step_number::before {
display: block;
margin-bottom: 2px;
font-weight: 700;
font-size: 12px;
line-height: 1;
content: "STEP";
}
body.direct .-direct .c-stepFlow li .step_number::after {
color: rgb(var(--color-primary) / 100%);
font-weight: 700;
font-size: 32px;
font-family: "Roboto", sans-serif;
line-height: 1;
content: counter(cnt);
}
body.direct .-direct .c-stepFlow li .step_contents {
text-align: center;
margin-top: 15px;
} 

body.direct .-direct .c-stepFlow li p {
font-size: 16px;
color: #191919;
}
body.direct .-direct .c-stepFlow li:not(:last-child)::after {
background: url(/assets/img/ande/icon_steparrow_02.svg) no-repeat;
}
body.direct .m-link-q a {
  border: 2px solid #052391;
  color: #191919;
}
body.direct .m-link-q a::after {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 20L11.575 18.6L17.175 13H3V11H17.175L11.575 5.4L13 4L21 12L13 20Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
body.direct .m-link-q a::before {
  background: url(/assets/img/ande/icon_question_02.svg) no-repeat;
}
body.direct .m-accordion.-faq .details-content {
  background-color: #fffde5;
}
body.direct .m-accordion.-faq summary::before {
  background: url(/assets/img/ande/icon_question_02.svg) no-repeat;
}
body.direct .m-accordion.-faq .details-content::before {
  background: url(/assets/img/ande/icon_answer_02.svg) no-repeat;
}
body.direct .m-accordion summary::after {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11 20V13H4V11H11V4H13V11H20V13H13V20H11Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
body.direct .m-accordion[open] summary::after {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 11H4V13H20V11Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
.l-borderBox.-yellow {
background-color: #fffde5;
border: 2px solid #ffd700;
border-radius: 8px;
}
.l-borderBox.-yellow .solution_contents {
display: flex;
justify-content: center;
align-items: center;
}
.l-borderBox.-yellow .solution_text {
font-size: 24px;
font-weight: 700;
margin-left: 45px;
}
.titleband {
color: #052391;
font-size: 32px;
padding: 8px 0;
margin: 96px 0 26px;
border-top: 2px solid;
border-bottom: 2px solid;
font-weight: 700;
text-align: center;
}
.l-titleBox__content.safedrive_colum {
display: flex;
align-items: center;
}
.omamori_column {
background: linear-gradient(-90deg, #1d2087, #004097);
font-size: 16px;
color: #fff;
margin: 0 calc(((100vw - 100%) / 2) * -1);
display: flex;
justify-content: center;
column-gap: 63px;
line-height: 2;
}
.omamori_img {
margin-bottom: -68px;
}
.omamori_text {
padding: 80px 0;
font-weight: 700;
}
.attention_text {
font-size: 10px;
margin-top: 5px;
margin-right: 110px;
}
body.direct .m-tabs .tab-list .tab-button {
font-weight: normal;
background: #3467B3;
color: #fff;
height: 88px;
border: unset;
}
body.direct .m-tabs .tab-list .tab-button[aria-selected=true] {
background: #052391;
height: 96px;
}
body.direct .m-tabs .tab-content {
background: #F7F7FC;
border-top: 2px solid #052391;
margin: 0 calc(((100vw - 100%) / 2) * -1);
padding: 58px 62px;
border-radius: 0;
}
.direct_appDownload {
display: flex;
flex-direction: column;
align-items: center;
padding: 48px 0 32px;
margin: 10px 0;
}
.direct_appDownload .l-appDownload__qr {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 32px;
padding: 36px 40px;
background: rgb(var(--color-_white) / 100%);
border-radius: 8px;
font-size: 32px;
}
.direct_appDownload .l-appDownload__qr .download_text {
font-size: 32px;
}

.direct_appDownload .l-appDownload__btn {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.direct_appDownload .l-appDownload__btn img {
height: 64px;
}
.direct_appDownload .l-appDownload__btn > div {
margin: 0 8px;
}

body.direct .tab-panel {
width: 960px;
margin: auto;
}
body.direct .c-cardVoice__body {
background: #fffde5;
}
body.direct .c-cardVoice {
color: #191919;
border: 2px solid #052391;
border-radius: 8px;
}
body.direct .c-cardVoice__head .c-cardVoice__profile {
color: #191919;
}
body.direct .meritcard_column {
display: flex;
justify-content: center;
gap: 32px;
}
.meritcard_column .kanren-card {
width: 354px;
height: unset;
} 
.meritcard_column .kanren-card .kanren-top .kanren-title {
display: grid;
font-size: 23px;
text-align: center;
font-weight: 700;
margin-left: 20px;
} 
.meritcard_column .kanren-card .kanren-top .kanren-title .smallText {
font-size: 16px;
}  
.meritcard_column .kanren-card .kanren-top .m-circle-catch {
width: 64px;
height: 64px;
margin-left: 10px;
margin-right: 17px;
}  
.meritcard_column .kanren-card .k-card__body {
padding: 15px;
}  
.meritcard_column .k-card__image img {
width: 100%;
}  
.meritcard_column .kanren-card .kanren-top .m-circle-text {
font-size: 12px;
}  
.meritcard_column .kanren-card .kanren-top .m-circle-number {
font-size: 36px;
}  
.meritcard_column .kanren-card .k-card__title {
font-size: 18px;
margin: 15px 0 10px;
font-weight: 700;
} 

.ranking_card {
margin-top: 90px;
margin-bottom: 43px;
}
.ranking_card ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right: auto;
margin-left: auto;
}
.ranking_card li {
width: 30%;
transition: all .2s ease-out;
position: relative;
}
.ranking_card p {
background: rgb(var(--color-_white) / 100%);
border-radius: 10px;
color: #052391;
background: #fffde5;
border: 2px solid #ffd700;
font-size: 28px;
padding: 87px 10px 60px;
font-size: 1.5rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
}
.ranking_card li.crown::after {
content: '';
width: 99px;
height: 96px;
margin: auto;
position: absolute;
top: -42px;
right: 0;
left: 0;
}
.ranking_card li.crown-01::after {
background: url(/assets/img/ande/voice/ranking01.svg) no-repeat;
background-size: 96px;
}
.ranking_card li.crown-02::after {
background: url(/assets/img/ande/voice/ranking02.svg) no-repeat;
background-size: 96px;
}
.ranking_card li.crown-03::after {
background: url(/assets/img/ande/voice/ranking03.svg) no-repeat;
background-size: 96px;
}
body.direct .c-bannerRanking {
color: #191919;
border-radius: 8px;
border: 2px solid #052391;
}
body.direct .c-goodDesign {
color: #191919;
border-radius: 8px;
border: 2px solid #052391;
}
body.direct .c-bannerRanking__text {
background: #f7f7fc;
}
body.direct .c-goodDesign__body {
padding: 34px 0;
background: #f7f7fc;
}
body.direct .c-goodDesign__body p {
line-height: 1.5;
}
body.direct .c-bannerRanking__text .bottom_text {
font-size: 24px;
}
body.direct .c-stepFlow.step_4 li {
padding-bottom: 30px;
}
.reason_3 {
background: #f7f7fc;
padding: 20px;
}
.reason3_top {
background-color: #fff7b2;
border: 2px solid #ffd700;
padding: 20px 10px;
border-radius: 4px;
display: flex;
justify-content: center;
}
.reason3_bottom {
display: flex;
justify-content: space-between;
line-height: initial;
margin-top: 10px;
column-gap: 10px;
}
.reason3_bottom .reason3_card {
background: #fff;
padding: 10px 7px 0;
border-radius: 4px;
border: 2px solid #e5e5f7;
width: 100%;
}
body.direct .voice_contents .splide__arrow {
background-color: #fff;
border: 2px solid #052391;
}
body.direct .voice_contents .splide__arrow::before {
background: url(/assets/img/ande/arrow_next_simple_02.svg);
}
body.direct .voice_contents .splide__arrow--prev::before {
background: url(/assets/img/ande/arrow_prev_simple_02.svg);
}
.l-innerBlock .l-box.tab_direct {
padding: 32px;
}

@media (hover: hover) {
body.direct .m-btn.-direct:hover {
    background: rgb(var(--color-primary-light) / 100%);
}
body.direct .m-btn.-outline.-direct:hover {
    background: rgb(var(--color-primary-hover) / 100%);
}
body.direct .directCV .m-btn.-estimate:hover {
    background: #FFF7DB;
}
}

@media screen and (max-width: 1180px) {
body.direct .h1.merit_h1 {
display: grid;
text-align: left;
}
}
@media screen and (min-width: 1025px) {
body.direct .l-box__image {
flex: unset;
padding-left: 48px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
body.direct .-direct .c-stepFlow li:not(:last-child)::after {
background-size: 11px 22px;
}
body.direct .tab-panel {
width: 100%;
}
.l-titleBox__content.safedrive_colum .score_img {
width: 60%;
} 
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
.kanren-card {
width: 340px;
}
.k-card__image img {
width: 100%;
}
.kanren-card .kanren-top .kanren-title {
display: grid;
font-size: 21px;
text-align: center;
margin-left: 12px;
}
.kanren-card .kanren-top .kanren-title .smallText {
font-size: 14px;
}
}
  
@media screen and (min-width: 768px) and (max-width: 991px) {
body.direct .m-link-q a::before {
width: 6.246774vw;
height: 6.03871vw;
}
body.direct .h1 {
font-size: min(3.4258064516vw, 40px);
}
body.direct .h2 {
font-size: min(3.8225806452vw, 36px);
}
body.direct .h3 {
font-size: min(3.4193548387vw, 32px);
}
body.direct .l-pageHeader__image img {
width: 37.322581vw;
}
body.direct .-direct .c-stepFlow li p {
font-size: min(1.8161290323vw, 16px);
}
body.direct .-direct .c-stepFlow li .step_title {
font-size: min(2.0161290323vw, 20px);
}
body.direct .-direct .c-stepFlow li .step_number {
left: 30%;
}
.safedrive_colum .l-box__image {
flex: 0 0 37%;
}
body.direct .meritcard_column {
display: grid;
--grid-columns: 2;
}
body.direct .m-accordion.-faq summary::before {
height: 6.03871vw;
}
body.direct .m-accordion.-faq .details-content::before {
height: 6.03871vw;
}
body.direct .h1 .smallText {
font-size: 18px;
}
.omamori_column {
column-gap: 20px;
}
.c-card__body.reason_3 {
  width: 43vw;
}
.c-card__body.reason_3 .reason3_bottom img {
  width: 9.5vw;
}
}

@media screen and (max-width: 767px) {
body.direct .btnWrap {
    margin-top: 42px;
}
body.direct p + .btnWrap,
body.direct ul + .btnWrap {
  margin-top: 16px;
}
body.direct .l-box__image.-direct > img,
body.direct .l-box__image.-direct > picture img {
border-radius: 0;
height: 100%;
}
.m-image-cls.big_img {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
body.direct .l-pageHeader__lead {
font-size: 16px;
}
body.direct .h2 {
font-size: 24px;
padding: 60px 0 20px;
margin: 0 calc(((100vw - 100%) / 2) * -1) 48px; 
}
body.direct .h2::after {
width: 48px;
margin-left: -24px;
}
body.direct .h2.-bg {
padding: 30px 0;
margin-bottom: 0;
}  
body.direct .h2 .h2_border {
width: 48px;
height: 4px;
margin: 19px auto 0;
}
body.direct .m-circle-catch {
width: 64px;
height: 64px;
font-size: 12px;
}
body.direct .h1 {
font-size: 24px;
text-align: left;
padding-bottom: 0;
}
body.direct .m-circle-number {
font-size: 32px;
line-height: 2rem;
}
body.direct .l-pageHeader {
margin-bottom: 48px;
}
body.direct .h1 .smallText {
font-size: 18px;
}
body.direct .h3 {
font-size: 20px;
padding: 45px 0 20px;
margin-bottom: 24px;
}
body.direct .h4 {
font-size: 18px;
min-height: 35px;
margin-bottom: 24px;
}
body.direct .l-pageHeader__text {
padding: 0;
}
body.direct .l-pageHeader__f-lead {
font-size: 18px;
text-align: left;
}
body.direct .l-inner {
margin: 0 24px;
} 
body.direct .l-box {
margin-right: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
} 
body.direct .l-titleBox__content.-direct {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
width: unset;
padding: 24px;
margin-bottom: 20px;
} 
body.direct .l-box__image.-direct {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
width: unset;
} 
body.direct .l-section.-direct {
padding: 0 0 60px 0;
}  
.direct_road .m-figure figcaption {
font-size: 12px;
}
.secom_box.-direct .m-figure figcaption {
font-size: 12px;
}
body.direct .-direct .c-card__body {
padding: 0;
}   
body.direct .l-box__image > img:not(.subImage),
body.direct .l-box__image > picture img {
  aspect-ratio: unset;
}
.kanren-card .kanren-top .kanren-title {
display: grid;
font-size: 18px;
text-align: center;
margin-left: 20px;
} 
.kanren-card .kanren-top .kanren-title .smallText {
font-size: 12px;
}  
.kanren-card .kanren-top .m-circle-catch {
width: 50px;
height: 50px;
margin-left: 10px;
margin-right: 20px;
}  
.kanren-card .k-card__body {
padding: 15px;
}  
.k-card__image img {
width: 100%;
}  
.kanren-card .kanren-top .m-circle-text {
font-size: 10px;
}  
.kanren-card .kanren-top .m-circle-number {
font-size: 20px;
}  
.kanren-card .k-card__title {
font-size: 16px;
margin: 15px 0 10px;
}
.kanren-card .k-card__text {
font-size: 14px;
}
body.direct .-direct .c-stepFlow li {
display: flow-root;
}
body.direct .-direct .c-stepFlow li .step_title {
padding: 17px 20px;
font-size: 18px;
text-align: center;
} 
body.direct .-direct .c-stepFlow li .step_contents {
display: flex;
margin: 12px;
} 
body.direct .-direct .c-stepFlow li .step_number {
top: 8px;
left: 20px;
width: 40px;
height: 40px;
}
body.direct .-direct .c-stepFlow li img {
margin-right: 17px;
}
body.direct .-direct .c-stepFlow li .step_number::before {
font-size: 8px;
}
body.direct .-direct .c-stepFlow li .step_number::after {
font-size: 17px;
}
body.direct .-direct .c-stepFlow li:not(:last-child)::after {
background-size: 9px 20px;
}
body.direct .m-link-q a::before {
background: url(/assets/img/ande/icon_question_02_sp.svg) no-repeat;
}
body.direct .m-accordion.-faq summary::before {
background: url(/assets/img/ande/icon_question_02_sp.svg) no-repeat;  
}
body.direct .m-accordion.-faq .details-content::before {
background: url(/assets/img/ande/icon_answer_02_sp.svg) no-repeat;
}
.l-borderBox.-yellow {
padding: 11px 14px;
}
.l-borderBox.-yellow .solution_img {
width: 64px;
height: 64px;
}
.l-borderBox.-yellow .solution_text {
font-size: 15px;
margin-left: 14px;
}
.titleband {
font-size: 18px;
padding: 8px 0;
margin: 48px 0 0 0;
}
.omamori_column {
flex-direction: column-reverse;
}
.omamori_img {
width: 110px;
margin: 0 auto -68px;
}
.omamori_text {
padding: 36px 24px;
}
.attention_text {
font-size: 10px;
margin-top: 75px;
margin-right: 0;
}
body.direct .m-tabs .tab-content {
padding: 35px 23px 50px;
}  
.direct_appDownload {
padding: 15px 0 32px;
}
.direct_appDownload .l-appDownload__qr {
display: unset;
padding: 24px;
text-align: center;
margin-bottom: 20px;
}  
.direct_appDownload .l-appDownload__btn img {
height: 51px;
}  
.direct_appDownload .l-appDownload__qr .download_text {
font-size: 20px;
}
.direct_appDownload .l-appDownload__qr .download_img {
display: flex;
justify-content: center;
gap: 25px;
align-items: center;
}
body.direct .tab-panel {
width: 100%;
}
.l-titleBox__content.safedrive_colum {
flex-direction: column-reverse;
margin-top: 32px;
} 
body.direct .meritcard_column {
flex-direction: column;
}
.meritcard_column .kanren-card {
width: 100%;
} 
.meritcard_column .kanren-card .kanren-top {
padding: 7px 0;
} 
.meritcard_column .kanren-card .kanren-top .kanren-title {
font-size: 18px;
margin-left: 33px;
} 
.meritcard_column .kanren-card .kanren-top .kanren-title .smallText {
font-size: 12px;
}  
.meritcard_column .kanren-card .kanren-top .m-circle-catch {
width: 40px;
height: 40px;
margin-left: 10px;
margin-right: 17px;
} 
.meritcard_column .kanren-card .kanren-top .m-circle-text {
font-size: 10px;
}  
.meritcard_column .kanren-card .kanren-top .m-circle-number {
font-size: 20px;
}  
.ranking_card {
margin-top: 56px;
margin-bottom: 20px;
}  
.ranking_card ul {
display: block;
}
.ranking_card li {
max-width: 100vw;
width: unset;
}
.ranking_card p {
font-size: 18px;
padding: 35px 10px 9px;
}

.ranking_card li.crown::after {
width: 64px;
top: -36px;
}
.ranking_card li.crown-01::after {
background-size: 64px;
}
.ranking_card li.crown-02::after {
background-size: 64px;
}
.ranking_card li.crown-03::after {
background-size: 64px;
}
.ranking_card li + li {
margin-top: 12.333vw;
}
body.direct .c-stepFlow.step_4 li img {
width: 96px;
height: 96px;
} 
body.direct .c-stepFlow.step_4 li {
padding-bottom: 0;
}
body.direct .c-stepFlow.step_4 li .step_contents {
display: flow-root;
margin: 12px 0 16px;
}
body.direct .c-bannerRanking {
flex-direction: column;
}
body.direct .c-bannerRanking__image.-flex50 img {
width: 118px;
} 
body.direct .c-goodDesign__body {
padding: 27px 0;
}
body.direct .c-bannerRanking__text .bottom_text {
font-size: 18px;
}
.l-innerBlock .l-box.tab_direct {
padding: 25px;
border-radius: 8px;
display: block;
}
}

/*ここからtop*/
.directMV {
  background: #fff;
  max-width: 1440px;
  margin: 0 auto;
}
.directCV {
  background: linear-gradient(-90deg, #1d2087, #004097);
  height: 176px;
  display: flex;
  justify-content: center;
  gap: 64px;
  align-items: center;
  color: #fff;
  font-weight: 700;
}
.directCV .l-grid {
  align-items: center;
  gap: 64px;
  width: 80%;
  max-width: 1160px;
}
.directCV .-left_target {
  line-height: 1.25;
}
.directCV .-left_target p {
  font-size: 19px;
}
.directCV .-left_target p span {
  font-size: 25px;
}
.directCV .-netwari {
  display: flex;
  border: 1px solid #fff;
  background: #fff;
  align-items: center;
  border-radius: 4px;
  margin-top: 15px;
  max-width: 260px;
  text-align: center;
}
.directCV .-netwari .-New_netwari {
  position: relative;
  background: #fff;
  color: #CD0000;
  text-align: center;
  font-size: 14px;
  padding: 2px;
}
.directCV .-netwari .-TenThousand {
  color: #FFD700;
  font-size: 32px;
}
.directCV .-netwari .-TenThousand span {
  font-size: 14px;
}
.directCV.-Contractor {
  max-height: 144px;
  background: #E5E5F7;
  color: #052391;
}
.directCV .m-btn {
  width: 100%;
  padding: 8px 32px;
}
.directCV .m-btn.-estimate {
  /*width: 33vw;*/
  width: 100%;
  border-radius: 8px;
  border: 4px solid #fff;
  background: #FFD700;
  height: 100px;
  font-size: 1.5rem;
}
.directCV .m-btn.-estimate[target=_blank]::after {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 20C5.46957 20 4.96086 19.7893 4.58578 19.4142C4.21071 19.0391 4 18.5304 4 18V8H6V17C6 17.2652 6.10537 17.5196 6.29291 17.7071C6.48044 17.8946 6.73478 18 7 18H16V20H6ZM10 16C9.46957 16 8.96086 15.7893 8.58578 15.4142C8.21071 15.0391 8 14.5304 8 14V6C8 5.46957 8.21071 4.96086 8.58578 4.58578C8.96086 4.21071 9.46957 4 10 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58578C19.7893 4.96086 20 5.46957 20 6V14C20 14.5304 19.7893 15.0391 19.4142 15.4142C19.0391 15.7893 18.5304 16 18 16H10ZM10 14H18V6H10V14Z" fill="%23052391" /></svg>') center/contain no-repeat;
}
.directCV.-Present a:hover .-right_estimate::after {
  animation: slide-arrow-right 0.7s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.directCV .m-btn.-estimate span {
  font-size: 0.85vw;
}
.directCV .m-btn .badge {
  position: absolute;
  top: -32px;
  left: -40px;
}
.directCV .-right_estimate .m-btn {
  max-width: 260px;
}
.directCV .-left_target .-New_waribiki {
  flex-grow: 1;
  background: #CD0000;
  border-radius: 0px 4px 4px 0px;
  padding: 2px 0px 5px 0px;
}
.-New_waribiki a {
  text-decoration: underline;
  color: #fff;
}
.directCV .-netwari .-New_netwari::after {
  position: absolute;
  right: -11px;
  top: 40%;
  display: block;
  width: 20px;
  height: 6px;
  margin: auto;
  background: url('data:image/svg+xml,<svg viewBox="0 0 32 8" xmlns="http://www.w3.org/2000/svg"><path d="M14.5459 7.2C12.4979 2.276 7.775 0.2 0 0H32C24.225 0.2 19.5001 2.275 17.4541 7.2C17.4541 7.642 16.804 8 16.001 8C15.198 8 14.5459 7.64 14.5459 7.2Z" fill="%23fff" /></svg>') center/contain no-repeat;
  content: "";
  transform: rotate(-90deg);
}
.directCV.-Present {
  height: 80px;
  background: linear-gradient(-90deg, #DCC44C, #F0E6B2, #DCC44C);
  gap:44px;
  font-weight: 700;
}
.directCV.-Present a {
  display: contents;
  text-decoration: none;
}
.directCV.-Present .-left_group{
  display: flex;
  align-items: center;
}
.directCV.-Present .-left_target {
  color: #fff;
  background: #CD0000;
  padding: 7px 10px;
  border-radius: 2px;
  font-size: 18px;
}
.directCV.-Present .-left_target p {
  font-size: 18px;
}
.directCV.-Present .-center_procedure {
  color: #CD0000;
  font-size: 18px;
  padding-left: 12px;
}
.directCV.-Present .-right_estimate {
  color: #052391;
  font-size: 20px;
  position: relative;
}
.directCV.-Present .-right_estimate span.-kochira {
  font-size: 16px;
}
.directCV.-Present .-right_estimate span {
  font-size: 30px;
}
.directCV.-Present .-right_estimate::after {
    position: absolute;
    top: 50%;
    right: -40px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -7px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 20L11.575 18.6L17.175 13H3V11H17.175L11.575 5.4L13 4L21 12L13 20Z" fill="%23003a77" /></svg>') center/contain no-repeat;
    content: "";
}
.directCV.-Direct {
  background: unset;
  height: 192px;
}
.directCV.-Direct .-left_target p{
  text-align: left;
  color: #052391;
  font-size: 28px;
  position: relative;
}
.directCV.-Direct .-left_target p::after {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 1px;
  background: #052391;
  content: "";
}
.directCV.-Direct .-center_procedure p {
  color: #191919;
  font-size: 16px;
}



.head_person_L {
  text-align: center;
  position: relative;
  padding: 120px 0px;
}
.head_person_L p {
  font-size: 3rem;
  line-height: 1.25;
}
.head_person_L p span {
  color: #052391;
}
.head_person_L::before {
  position: absolute;
  top: 4vw;
  left: 0;
  width: 250px;
  height: 250px;
  background: url(/assets/img/ande/bg_person_02.svg) no-repeat;
  background-size: contain;
  content: "";
}
.head_person_L::after {
  position: absolute;
  top: 4vw;
  right: 0;
  width: 250px;
  height: 250px;
  background: url(/assets/img/ande/bg_person_01.svg) no-repeat;
  background-size: contain;
  content: "";
}

.Top_pageAnchors {
  display: flex;
  justify-content:center;
  gap: 32px;
}
.Top_pageAnchors .Anchor-child {
  font-weight: 500;
  text-align: center;
  width:30%;
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
  border: 2px solid #052391;
  background: #fff;
  position: relative;
  counter-increment: cnt;
  border-radius: 8px;
}
.Top_pageAnchors.-bottom03 {
   counter-reset: cnt2 2;
  margin-top: 40px;
}
.Top_pageAnchors.-bottom03 .Anchor-child {
  counter-increment: cnt2 1;
}
.Top_pageAnchors .Anchor-child a {
  text-decoration: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.Top_pageAnchors .Anchor-child a:hover {
  box-shadow: 0 8px 16px rgb(var(--color-primary) / 10%);
}
.Top_pageAnchors .Anchor-child a:hover .Anchor_head {
  background: #3467B3;
}
.Top_pageAnchors .Anchor-child .Anchor_head {
  font-size: 1.5rem;
  background: linear-gradient(90deg, #004097, #1D2087);
  color: #fff;
  padding-top: 70px;
  padding-bottom: 20px;
  height: 132px;
}
.Top_pageAnchors .Anchor-child .Anchor_body {
  color: rgb(var(--color-text) / 100%);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
}
.Top_pageAnchors .Anchor-child .Anchor_body svg[class*=icon-] {
  width: 32px;
  height: 32px;
  fill: #FFD700;
}
.Top_pageAnchors .Anchor-child .Anchor_body p {
  padding: 20px 5px 5px 5px;
}

.-feature_No {
    position: absolute;
    top: -14%;
    left: 39%;
    z-index: var(--z-base);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    color: #052391;
    text-align: center;
    background: #FFD700;
    pointer-events: none;
    border-radius: 50%;
}
.-feature_No::before {
    display: block;
    color: #052391;
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1;
    content: "特長";
}
.-feature_No::after {
    color: #052391;
    font-weight: 700;
    font-size: 2.75rem;
    font-family: "Roboto", sans-serif;
    line-height: 1;
    content: counter(cnt);
}
.Top_pageAnchors.-bottom03 .Anchor-child .-feature_No::after {
  content: counter(cnt2);
}
.Top_pageAnchors .Anchor-child .Anchor_body img {
  width: 32px;
  margin-top: auto;
  margin-bottom: 10px;
}
.h2-Top_person {
  font-size: 32px;
  position: relative;
  display: flex;
  height: 192px;
  color: #fff;
  background: linear-gradient(-90deg, #1d2087, #004097);
  margin: 0 calc(((100vw - 100%) / 2) * -1) 64px;
  /*padding: 0 140px;*/
  align-items: center;
  justify-content: center;
}
.h2-Top_person .-h2text {
  text-align: center;
}
.h2-Top_person span {
  font-size: 48px;
}
.h2-Top_person .sub_Yellow {
  font-size: 28px;
  margin-top: 0;
  color: #FFD700;
}
.h2-Top_person .-feature_No {
  position: unset;
  width: 128px;
  height: 128px;
  margin: 0;
}
.h2-Top_person.-person01 .-feature_No::after {
  content: "1";
}
.h2-Top_person.-person02 .-feature_No::after {
  content: "2";
}
.h2-Top_person.-person03 .-feature_No::after {
  content: "3";
}
.h2-Top_person.-person04 .-feature_No::after {
  content: "4";
}
.h2-Top_person.-person05 .-feature_No::after {
  content: "5";
}
.title_Slash {
  font-size: 32px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  text-align: center;
  margin-top: 50px;
  font-weight: bold;
}
.title_Slash::before, .title_Slash::after {
  display: inline-block;
  width: 2px;
  height: 57px;
  margin-top: 2px;
  vertical-align: baseline;
  border-radius: 99px;
  content: "";
  background: #052391;
}
.title_Slash::before {
  margin-right: 27px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.title_Slash::after {
  margin-left: 27px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.title_Slash span {
  font-size: 40px;
}
.card_Reasonable {
  display: flex;
  background: #FFF7B2;
  border: 1px solid #FFD700;
  border-radius: 8px;
}
.card_R_illust {
  flex: 1;
  background: #fff;
  text-align: center;
  border-radius: 0 10px 10px 0;
  display: flex;
}
.card_R_illust img {
  max-width: 100%;
  margin: auto;
  padding: 27px;
  height: 100%;
}
.card_R_text {
  color: #191919;
  flex: 1;
  padding: 58px 0 68px 0;
  text-align: center;
}
.card_R_text p {
  font-size: 24px;
}
.card_R_text .Saving_Money {
  font-size: 32px;
  color: #CD0000;
  display: inline-block;
  padding: 4px 44px 12px 44px;
  line-height: 1.25;
  border-radius: 4px;
  margin-top: 22px;
  font-weight: bold;
}
.card_R_text .Saving_Money span {
  font-size: 64px;
  font-family: Roboto, sans-serif;
  margin: 0 7px;
}
.card_R_text .Saving_Money span.-save__text {
  font-size: 48px;
}
.two_steps {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.two_steps span {
  font-size: 28px;
}
.Noslide_card {
  margin-left: 48px;
  margin-right: 48px;
  font-weight: 500;
}
.Noslide_card .c-card {
  border: 1px solid #FFD700;
  height: 100%;
}
.Noslide_card .Noslide_card__body {
  padding: 24px 15px 15px 15px;
  text-align: center;
}
.Noslide_card .Noslide_card__type {
  background: #FFF7B2;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  text-align: center;
  color: #191919;
}
.Noslide_card .Noslide_card__img {
  margin-top: 30px;
}
.Noslide_card .Noslide_card__body p {
  font-size: 18px;
}
.Noslide_card .Noslide_card__body .Noslide_card__yen {
  color: #CD0000;
  font-size: 64px;
  margin-top: 0;
  line-height: 1;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.Noslide_card__yen span {
  font-size: 32px;
}
.Noslide_card .Noslide_card__text {
  text-align: left;
  font-size: 16px;
  margin-top: 16px;
}
.Noslide_card .Noslide_card__text p + p {
  margin-top: 10px;
}
.Noslide_card .Noslide_card__text p span {
  background: #F7F7FC;
  border-radius: 2px;
  padding: 5px 14px;
  margin-right: 16px;
}

body.direct .tabs .tab-content {
  background: #F7F7FC;
  border-top: 2px solid #052391;
}
body.direct .tabs .tab-list .tab-button[aria-selected=true] {
  background: #052391;
}
body.direct .tabs .tab-list .tab-button {
  background: #3467B3;
  color: #fff;
}
body.direct .m-accordion {
  border: 2px solid #052391;
  border-radius: 8px;
}
body.direct .m-link.-circle::after {
  background: #052391;
}
.-direct__guide {
  padding-bottom: 64px;
}
.-direct__guide .m-link {
  color: #191919;
}
body.direct .-direct__guide .c-card__body {
  text-align: left;
  font-size: 20px;
  padding: 18px 0;
}
.-direct__guide .c-card__body a {
  font-weight: 500;
}
.-direct__guide .c-card__text {
  font-size: 16px;
  margin-top: 10px;
}
.-direct__guide .c-card__image {
  border-radius: 8px;
}
.-direct__guide .splide__arrow {
  top: 45%;
}
body.direct .splide__arrow {
  background-color: rgba(5,35,145,0.6);
  width: 48px;
  height: 48px;
}
body.direct .splide__arrow::before {
  background: url(/assets/img/ande/arrow_next_simple.svg);
  width: 24px;
  height: 24px;
}
body.direct .splide__arrow--prev::before {
  background: url(/assets/img/ande/arrow_prev_simple.svg);
}
body.direct .c-newsBlock h3 {
  background: none;
}
body.direct .c-newsBlock .h4 {
  font-size: 20px;
  min-height: 32px;
  font-weight: 500;
  margin: 32px 0;
  padding: 0 0 0 17px;
}
body.direct .c-newsBlock__content {
  padding: 16px 32px 32px 32px;
}
body.direct .c-newsBlock .h4_Block {
  border-bottom: 1px solid #F2F2FB;
  margin: 0 32px;
}
body.direct .c-newsBlock__content ul li {
  border-bottom: 1px solid #F2F2FB;
}
body.direct .c-newsBlock__content ul li a {
  color: #052391;
}
body.direct .c-newsBlock__content .m-date {
  color: #4C4C4C;
  font-size: 14px;
}
body.direct .m-accordion summary {
  padding: 15px 60px 15px 20px;
}
body.direct .c-newsBlock {
  border-radius: 8px;
}
body.direct .c-newsBlock .btnWrap {
  margin-top: 16px;
}
.-direct__guide .c-card {
  background: none;
  border: none;
}
.-about__direct .c-card__image img {
  aspect-ratio: 266 / 150;
}
.-about__direct a {
  font-size: 18px;
}
/*★★★★★★★★★★★★★★★★★★★★★★★★★★ipad Pro以上★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
@media screen and (min-width: 1025px) {
  .directCV.-Contractor .-center_procedure .m-btn {
    font-size: 24px;
    height: 80px;
  }
  .directCV.-Direct .-center_procedure p {
    margin-left: -25%;
  }
  .directCV.-Present .-right_estimate p {
  margin-top: -10px;
  }
  .directCV.-Direct .-left_target p::after {
    right: 64px;
  }
  .h2-Top_person .-iluust_person {
    margin-bottom: 48px;
    margin-right: 1.5vw;
  }
  .h2-Top_person .-feature_No::before {
    font-size: 1.25rem;
  }
  .h2-Top_person .-feature_No::after {
    font-size: 5rem;
  }
  body.direct .splide__arrow {
    right: -10px;
  }
  body.direct .splide__arrow--prev {
    left: -10px;
  }
  body.direct .m-accordion summary svg {
    width: 48px;
    height: 48px;
  }
  body.direct .m-accordion summary::after {
    width: 32px;
    height: 32px;
    top: 47%;
  }
  .l-box.-vertical .m-list-square {
    margin-left: 100px;
    margin-right: 100px;
  }
}
/*★★★★★★★★★★★★★★★★★★★★★★★★★★ipad Pro以下★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
@media screen and (max-width: 1024px) {
  .directCV.-Present .-left_target {
    padding: 4px 8px;
    font-size: 12px;
  }
  .directCV.-Present .-left_target p {
    font-size: 12px;
    white-space: nowrap;
  }
  .directCV.-Present .-center_procedure {
    font-size: 12px;
  }
  .directCV.-Present .-right_estimate {
    font-size: 15px;
  }
  .directCV.-Present .-right_estimate span {
    font-size: 24px;
  }
  .h2-Top_person .-iluust_person img {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .l-box.-vertical .l-box__image.-direct {
    margin-bottom: 48px;
  }
  }

/*★★★★★★★★★★★★★★★★★★★★★★★★★★sp以上、ipadpro以下★★★★★★★★★★★★★★★★★★★★★★★★★*/
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .directCV .l-grid {
    width: 95%;
  }
  .directCV.-Present {
    flex-direction: column;
    gap:0px;
  }
}
@media screen and (min-width: 1181px) and (max-width: 1366px) {
  .directCV .l-grid {
    width: 85%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .directCV.-Direct .-left_target p {
    font-size: 23px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1180px) {
  .h2-Top_person {
    font-size: 28px;
  }
  .h2-Top_person span {
    font-size: 44px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .head_person_L {
    padding: 60px 0px;
  }
  .head_person_L p {
    font-size: 2rem;
  }
  .head_person_L::before {
    width: 140px;
    height: 140px;
  }
  .head_person_L::after {
    width: 140px;
    height: 140px;
  }
  .Top_pageAnchors .Anchor-child .Anchor_head {
    font-size: 1.25rem;
  }
  .Top_pageAnchors .-feature_No {
    left: 50%;
    margin-left: -40px;
  }
  .directCV .m-btn.-estimate {
    font-size: 1.125rem;
  }
  .directCV .m-btn.-estimate span {
    font-size: 0.85rem;
  }
  .directCV .-left_target p span {
    font-size: 20px;
  }
  .directCV .-left_target p {
    font-size: 14px;
  }
  .directCV .l-grid {
    gap: 25px;
    width: 95%;
  }
  .directCV .-netwari .-TenThousand {
    font-size: 22px;
    padding-right: 0px;
  }
  .directCV .m-btn .badge img {
    width: 56px;
    height: 56px;
  }
  .directCV .m-btn .badge {
    top: -21px;
    left: -21px;
  }
  .directCV.-Direct .-left_target p {
    font-size: 20px;
  }
  .directCV.-Direct .-center_procedure p {
    font-size: unset;
  }
  .directCV.-Present .-right_estimate::after {
    right: -20px;
  }
  .h2-Top_person {
    font-size: 24px;
    padding: 0 30px;
  }
  .h2-Top_person span {
    font-size: 32px;
  }
  .h2-Top_person .sub_Yellow {
    font-size: 18px;
  }
  .h2-Top_person .-feature_No {
    width: 96px;
    height: 96px;
  }
  .h2-Top_person .-iluust_person img {
    width: 150px;
  }
  .Top_pageAnchors .Anchor-child .Anchor_head {
    height: 115px;
  }
  .card_R_text p {
    font-size: 20px;
  }
  .card_R_text .Saving_Money {
    font-size: 20px;
    padding: 4px 30px 11px 30px;
  }
  .card_R_text .Saving_Money span {
    font-size: 40px;
  }
  .card_R_text .Saving_Money span.-save__text {
    font-size: 28px;
  }
  .Noslide_card .Noslide_card__body .Noslide_card__yen {
    font-size: 48px;
  }
  .Noslide_card {
    margin-left: 0;
    margin-right: 0;
  }
}
  
  
/*★★★★★★★★★★★★★★★★★★★★★★★★★★sp以下★★★★★★★★★★★★★★★★★★★★★★★★★*/
@media screen and (max-width: 767px) {
  .head_person_L {
    padding: 20px 0px;
  }
  .head_person_L::before {
    width: 64px;
    height: 72px;
    top: 10%;
    left: -13px;
  }
  .head_person_L::after {
    width: 64px;
    height: 72px;
    top: 10%;
    right: -13px;
  }
  .head_person_L p {
    font-size: 20px;
    text-align: center;
    position: relative;
    font-weight: 500;
    padding-left: 12px;
  }
  .Top_pageAnchors {
    flex-direction: column;
    gap: 12px;
    margin: 0 8px;
  }
  .Top_pageAnchors .Anchor-child {
    width: 100%;
  }
  .Top_pageAnchors .Anchor-child .Anchor_head {
    font-size: 18px;
    height: 56px;
    padding: 0;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .Top_pageAnchors .Anchor-child .Anchor_body {
    font-size: 14px;
  }
  .-feature_No {
    width: 40px;
    height: 40px;
    top: 0px;
    left: 0px;
    margin: 6px 0px 0px 6px;
  }
  .-feature_No::before {
    font-size: 10px;
  }
  .-feature_No::after {
    font-size: 20px;
  }
  .Top_pageAnchors .Anchor-child .Anchor_body p {
    padding: 10px 0px 5px 0px;
  }
  .Top_pageAnchors.-bottom03 {
    margin-top: 12px;
  }  
  .directCV {
    display: block;
    flex-direction: column;
    height: 266px;
    gap: 8px;
    padding: 24px 32px;
  }
  .directCV .-left_target {
    text-align: center;
  }
  .directCV .-left_target p {
    font-size: 16px;
  }
  .directCV .-left_target p span {
    font-size: 20px;
  }
  .directCV .-netwari {
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 15px;
    max-width: 205px;
  }
  .directCV.-Contractor {
    max-height: 190px;
    color: #052391;
  }
  .directCV .m-btn.-estimate {
    width: 100%;
    height: 72px;
    font-size: 18px;
  }
  .directCV .m-btn.-estimate span {
    font-size: 12px;
  }
  .directCV .m-btn .badge img {
    width: 56px;
    height: 56px;
  }
  .-center_procedure {
    width: 100%;
  }
  .directCV .m-btn .badge {
    top: -21px;
    left: -21px;
  }
  .directCV .-right_estimate .m-btn {
    max-width: 100%;
  }
  .directCV .l-grid {
    gap:8px;
    width: 100%;
  }
  .directCV .-netwari .-New_netwari {
    font-size: 10px;
  }
  .directCV .-netwari .-TenThousand {
    font-size: 24px;
  }
  .directCV.-Present {
    height: 120px;
    display: flex;
    gap:3px;
  }
  .directCV.-Present .-right_estimate {
    text-align: center;
    line-height: 1.2;
  }
  .directCV.-Present .-right_estimate::after {
    bottom: -3px;
    right: 60px;
    top: unset;
  }
  .directCV.-Direct {
    height: 266px;
  }
  .directCV.-Direct .-left_target p {
    font-size: 18px;
    text-align: center;
    padding-bottom: 11px;
  }
  .directCV.-Direct .-left_target p::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    height: 2px;
    width: 36px;
    margin-left: -18px;
    background: #052391;
    content: "";
  }
  .directCV.-Direct .-center_procedure p {
    font-size: 14px;
    margin-top: 10px;
  }
  .directCV.-Direct .-right_estimate {
    margin-top: 11px;
  }
  .h2-Top_person {
    font-size: 14px;
    height: 128px;
    color: #fff;
    padding: 13px 0px 13px 8px;
    margin: 0 calc(((100vw - 100%) / 2) * -1);
    justify-content: space-around;
  }
  .h2-Top_person.-person04{
    justify-content: space-between;
  }
  .h2-Top_person.-person04 .-h2text{
    margin-right: -18px;
  }
  .h2-Top_person span {
    font-size: 23px;
  }
  .h2-Top_person .sub_Yellow {
    font-size: 12px;
  }
  .h2-Top_person .-feature_No {
    position: unset;
    width: 54px;
    height: 54px;
  }
  .h2-Top_person .-feature_No::before {
    font-size: 12px;
  }
  .h2-Top_person .-feature_No::after {
    font-size: 32px;
  }
  .h2-Top_person .-h2text {
    order: 1;
    white-space: nowrap;
  }
  .h2-Top_person .-iluust_person {
    order: 2;
  }
  .title_Slash {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .title_Slash span {
    font-size: 24px;
  }
  .card_Reasonable {
    flex-direction: column;
  }
  .card_R_text p {
    font-size: 16px;
  }
  .card_R_text {
    padding: 30px 0;
  }
  .card_R_text .Saving_Money {
    font-size: 18px;
    padding: 4px 28px 8px 28px;
    margin-top: 16px;
  }
  .card_R_text .Saving_Money span {
    font-size: 36px;
  }
  .card_R_text .Saving_Money span.-save__text {
    font-size: 22px;
  }
  .card_R_illust {
    border-radius: 0 0 10px 10px;
  }
  .arrow_Yellow img {
    width: 64px;
  }
  .two_steps {
    font-size: 14px;
  }
  .two_steps span {
    font-size: 20px;
  }
  .Noslide_card .Noslide_card__body .Noslide_card__text p {
    font-size: 16px;
  }
  body.direct .tab-list {
    margin: 0 15px;
  }
  .-direct__guide .splide__arrow {
    top: 41%;
  }
  body.direct .splide__arrow {
    width: 40px;
    height: 40px;
  }
  body.direct .-direct .-direct__guide .c-card__body {
    padding: 18px 0;
  }
  .-direct__guide {
    padding-bottom: 32px;
  }
  body.direct .c-newsBlock__content {
    padding: 12px 16px 16px 16px;
  }
  body.direct .m-accordion summary {
    padding: 12px 36px 12px 12px;
  }
  body.direct .c-newsBlock .h4 {
    margin: 16px 0;
  }
  body.direct .c-newsBlock .h4_Block {
    margin: 0 16px;
  }
  body.direct .c-newsBlock .btnWrap {
    margin-top: 0px;
  }
  .-about__direct a {
    font-size: 14px;
  }
  .h2-Top_person.-person05 .-h2text {
    margin-right: -20px;
  }
  .directCV.-Present .-right_estimate span.-kochira {
    font-size: 12px;
  }
  .-direct__guide.-smSplide .c-card {
    padding: 0 20px;
  }
}
/*以下lp用*/
body.direct.lp .directCV .-netwari {
  display: inline-flex;
}
body.direct.lp .directCV .m-btn {
  max-width: 400px;
}
body.direct.lp .directCV .m-btn.-sm {
  font-size: 0.875rem;
}