@charset "utf-8";

sup { line-height: 1; font-size: 0.65em; }
.tac { text-align: center; }
.page-note--komenum { padding-left: 2em; text-indent: -2em; }

.sct-l2 + .sct-l2 { margin-top: 80px; }

.sct-note { margin-top: 40px; padding: 30px; }
.sct-note.acco { padding: 0; }
.based .sct-note { background: #f9f3d9; }
.use .sct-note { background: #daf7d5; }
.saving .sct-note { background: #d3eff7; }
.based .sct-note.acco { border-top: 2px solid #f0c940; border-bottom: 2px solid #f0c940; }
.sct-note__label { text-align: center; font-weight: 700; font-size: 2.4rem; line-height: 1.31; margin-bottom: 15px; }
.based .sct-note__label { color: #da7e25; }
.use .sct-note__label { color: #2ba02e; }
.saving .sct-note__label { color: #23a4c9; }
.sct-note2 { background: #f4eed4; padding: 30px; margin-top: 30px; }
.sct-note__cap { margin-top: 15px; font-size: 1.3rem; line-height: 1.5; text-indent: -1em; padding-left: 1em; }
.sct-list { margin: 15px auto; }
.sct-item { position: relative; padding-left: 1em; line-height: 1.5; font-size: 1.6rem; }
.sct-item::before { position: absolute; content: ""; }
.sct-item:nth-child(n+2) { margin-top: 5px; }
.based .sct-item::before { background: #da7e25; }
.sct-item--minball { font-weight: 700; }
.sct-item--minball::before { inset: .55em auto auto .25em; border-radius: 100%; width: 0.4em; height: 0.4em; }
.sct-acco__title { position: relative; padding: 20px; text-align: center; font-size: 2.4rem; font-weight: 700; }
.sct-acco__title::after { position: absolute; content: ""; inset: 0 20px 0 auto; margin: auto 0; width: 20px; height: 4px; background: #000; }
.acco-wrap { padding: 0 clamp(20px,calc(3.43vw + -7px),30px); }
.acco-inner { margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 20px 30px; margin-top: 20px; }
.acco-ex { flex: 1; }
.sct-txt__label { position: relative; font-weight: 700; margin-bottom: 10px; line-height: 1.5; }
.sct-txt__label--ball { padding-left: 1em; }
.sct-txt__label--ball::before { position: absolute; content: ""; inset: .55em auto auto .25em; border-radius: 100%; width: 0.4em; height: 0.4em; }
.saving .sct-txt__label--ball::before { background: #23a4c9; }
.sct-txt__item { position: relative; padding-left: 20px; }
.sct-txt__item--star::before { position: absolute; content: "★"; inset: 0 auto auto 0; line-height: 1; }
.based .sct-txt__item--star::before { color: #d37f25; }
.sct-txt__item:nth-child(n+2) { margin-top: 10px; }

.sct-aside { background: #ffe5ec; padding: 30px; }
.sct-aside__label { text-align: center; color: #fa4e9e; font-size: 2.8rem; line-height: 1.5; }
.sct-aside__wrap { display: flex; flex-wrap: wrap; margin-top: 20px; gap: 20px 40px; }
.sct-aside__ex { flex: 1; }
.sct-aside__img { max-width: 320px; width: 100%; margin-inline-start: auto; margin-inline-end: auto; }
.sct-aside__btn { max-width: 350px; margin: 30px auto 0; font-size: 1.8rem; }






/*　基　礎　*/

h2.Oct0,
h2.Oct1,
h2.Oct2 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
h2.Oct0 .h2_Txt,
h2.Oct1 .h2_Txt,
h2.Oct2 .h2_Txt { padding-left: 30px; }
h2.Oct0 .h2_Txt div,
h2.Oct1 .h2_Txt div,
h2.Oct2 .h2_Txt div { width: 120px; height: 32px; font-size: 2.0rem; line-height: 1rem; font-weight: 700; text-align: center; margin-bottom: 10px; padding-top: 10px; border: 2px solid #333; background: #fff; border-radius: 16px; }
h2.Oct0 .h2_Txt p,
h2.Oct1 .h2_Txt p,
h2.Oct2 .h2_Txt p { font-size: 3.6rem; line-height: 4.2rem; font-weight: 700; color: #fff; }
h2.Oct0 .img,
h2.Oct1 .img,
h2.Oct2 .img { width: 260px; }

h2.Oct0 { background: #f0c941; }
h2.Oct1 { background: #5fc14e; }
h2.Oct2 { background: #35aed1; }

h2.Oct0 .img { background: #fff1c1; }
h2.Oct1 .img { background: #cbf3c4; }
h2.Oct2 .img { background: #b8e8f6; }

.p1_Column1 { font-size: 1.8rem; line-height: 3.2rem; padding: 30px; margin-top: 40px; background: #f9f3d9; }
.p1_Column2 { font-size: 1.8rem; line-height: 3.2rem; padding: 30px 25px; margin-top: 40px; margin-bottom: 40px; background: #f9f3d9; }
.p1_ColumnTitle,
.p1_ColumnTitle2 { font-size: 2.4rem; line-height: 3.4rem; color: #da7e25; font-weight: 700; margin-bottom: 18px; }
.p1_ColumnTitle { text-align: center; }

.p1_Ill1 { display: flex; }
.p1_Ill1 img { width: 31%; margin-right: 3.5%; }
.p1_Ill1 img:last-child { margin-right: 0; }

.p1_FloatR_pc { display: block; max-width: 320px; margin-bottom: 40px; margin-left: 40px; float: right; }
.p1_FloatR_sp { display: none; }

.page-txt-anno { font-size: 1.5rem; line-height: 2.4rem; text-indent: -1em; padding-left: 1em; }
.page-txt-anno2 { font-size: 1.5rem; line-height: 2.4rem; font-weight: 700; text-align: center; margin-top: 5px; }
.page-txt-anno3 { font-size: 1.8rem; line-height: 2.8rem; text-align: center; margin-top: 30px; }

.special_btn-area1,
.special_btn-area2,
.special_btn-area3,
.special_btn-area4,
.special_btn-area5 { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 700; line-height: 1; background: #f075bb; color: #fff; padding-right: 30px; padding-left: 10px; transition: 0.3s; }

.special_btn-area1 { max-width: 350px; margin: 25px 0 0; border-radius: 25px; height: 50px; }
.special_btn-area2 { width: 100%; margin: 5px 0 0; border-radius: 25px; height: 50px; }
.special_btn-area3 { max-width: 550px; margin: 25px auto 0; border-radius: 25px; height: 50px; }
.special_btn-area4 { max-width: 680px; margin: 40px auto 0; border-radius: 30px; height: 60px; }
.special_btn-area5 { max-width: 350px; margin: 25px auto 0; border-radius: 25px; height: 50px; }

.special_btn-area1::after,
.special_btn-area2::after,
.special_btn-area3::after,
.special_btn-area4::after,
.special_btn-area5::after { position: absolute; content: ""; inset: 0 20px 0 auto; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10.4px; border-color: transparent transparent transparent #fff; }
.special_btn-area1:hover,
.special_btn-area2:hover,
.special_btn-area3:hover,
.special_btn-area4:hover,
.special_btn-area5:hover { background: #20a9b1; }



@media (max-width: 767px) {

h2.Oct0,
h2.Oct1,
h2.Oct2 { display: block; margin-bottom: 40px; }
h2.Oct0 .h2_Txt,
h2.Oct1 .h2_Txt,
h2.Oct2 .h2_Txt { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
h2.Oct0 .h2_Txt div,
h2.Oct1 .h2_Txt div,
h2.Oct2 .h2_Txt div { width: 120px; height: 32px; font-size: 1.6rem; margin-bottom: 10px; padding-top: 10px; border-radius: 16px; }
h2.Oct0 .h2_Txt p,
h2.Oct1 .h2_Txt p,
h2.Oct2 .h2_Txt p { font-size: 2.6rem; line-height: 3.4rem; }
h2.Oct0 .img,
h2.Oct1 .img,
h2.Oct2 .img { width: 80%; margin: 5px auto 0; }

h2.Oct0 .img { background: #f0c941; }
h2.Oct1 .img { background: #5fc14e; }
h2.Oct2 .img { background: #35aed1; }

.p1_Column1 { font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; }
.p1_Column2 { font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; margin-bottom: 30px; }
.p1_ColumnTitle,
.p1_ColumnTitle2 { font-size: 1.9rem; line-height: 3.0rem; margin-bottom: 15px; }
.p1_ColumnTitle { text-align: left; }

	.p1_Ill1 { display: block; width: 250px; margin-left: auto; margin-right: auto; }
	.p1_Ill1 img { width: 100%; max-width: 250px; margin-bottom: 20px; }
	.p1_Ill1 img:last-child { margin-bottom: 0; }
	
	.p1_FloatR_pc { display: none; }
	.p1_FloatR_sp { display: block; margin-top: 30px; }
	
	.rightImg { margin-inline-start: auto; margin-inline-end: auto; }
	
.page-txt-anno { font-size: 1.3rem; line-height: 2.0rem; }
.page-txt-anno2 { font-size: 1.3rem; line-height: 2.0rem; }
.page-txt-anno3 { font-size: 1.5rem; line-height: 2.4rem; margin-top: 20px; }

.special_btn-area1,
.special_btn-area2,
.special_btn-area3,
.special_btn-area4,
.special_btn-area5 { font-size: 1.6rem; padding-right: 15px; padding-left: 8px; }

.special_btn-area1 { max-width: 350px; margin: 25px auto 0; border-radius: 25px; height: 50px; }
.special_btn-area2 { width: 100%; margin: 5px 0 0; border-radius: 25px; height: 50px; }
.special_btn-area3 { max-width: 550px; margin: 25px auto 0; border-radius: 25px; height: 50px; }
.special_btn-area4 { max-width: 680px; margin: 40px auto 0; border-radius: 30px; height: 60px; }
.special_btn-area5 { max-width: 350px; margin: 25px auto 0; border-radius: 25px; height: 50px; }

.special_btn-area1::after,
.special_btn-area2::after,
.special_btn-area3::after,
.special_btn-area4::after,
.special_btn-area5::after { inset: 0 10px 0 auto; }

}



/*　Part 1　*/


.p2_Check { display: flex; align-items: center; font-size: 2.6rem; line-height: 3.6rem; color: #2ba02e; margin-bottom: 30px; margin-top: 40px; }
.p2_Check .num { width: 70px; font-size: 1.4rem; line-height: 1.5rem; color: #fff; margin-right: 10px; padding: 10px 0; text-align: center; background: #5fc14e; border-radius: 4px; }
.p2_Check .num span { font-size: 2.4rem; line-height: 2.1rem; }
.p2_Check .right { position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 80px); border-top: solid 2px #2ba02e; border-bottom: solid 2px #2ba02e; }
.p2_Check p { padding: 16px 0; }
.p2_Check .img { position: absolute; bottom: 0; right: 0; width: 120px; }

.p2_Check2 { position: relative; font-size: 2.6rem; line-height: 3.6rem; color: #2ba02e; margin-bottom: 30px; padding-top: 15px; }
.p2_Check2 .num { position: absolute; top: -1px; left: 0; height: 36px; font-size: 1.8rem; line-height: 1.8rem; font-weight: 700; color: #fff; margin-right: 10px; padding: 10px 15px 0; background: #5fc14e; border-radius: 23px; z-index: 10; }
.p2_Check2 .right { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: solid 2px #2ba02e; border-bottom: solid 2px #2ba02e; }
.p2_Check2 p { padding: 26px 0 16px; }
.p2_Check2 .img { position: absolute; bottom: 0; right: 0; width: 120px; }

.p2_Column1 { display: flex; align-items: flex-start; justify-content: space-between; font-size: 1.8rem; line-height: 3.4rem; padding: 30px; margin-top: 40px; margin-bottom: 50px; background: #daf7d5; }
.p2_Column1 .left { max-width: 510px; margin-right: 40px; }
.p2_Column1 .right { max-width: 260px; }
.p2_Column1 .right_sp { display: none; }

.p2_ColumnTitle { font-size: 2.4rem; line-height: 3.4rem; color: #2ba02e; font-weight: 700; margin-bottom: 18px; }

.p2_Column2 { font-size: 1.8rem; line-height: 3.2rem; padding: 30px; margin-top: 40px; margin-bottom: 1px; background: #daf7d5; }
.p2_List { font-size: 1.8rem; line-height: 3.2rem; margin-top: 20px; text-indent: -1em; padding-left: 1em; }
.p2_List span { font-weight: 700; }
.p2_List li:before { position: relative; display: inline-block; content:  ""; width: 6px; height: 6px; background-color: #4ead4f; border-radius: 50%; top: -3px; margin-right: 10px; }

.p2_Column3 { font-size: 1.8rem; line-height: 3.2rem; padding: 30px; margin-top: 0; margin-bottom: 40px; background: #daf7d5; }
.p2_Column3 .btn { display: flex; align-items: flex-start; justify-content: space-between; }
.p2_Column3 .btn div { width: 260px; margin-right: 15px; flex-shrink: 1; }
.p2_Column3 .btn div:last-child { margin-right: 0; }

.rightImg { max-width: 320px; }

.p2_Column4 { font-size: 1.8rem; line-height: 3.2rem; padding: 30px; margin-top: 40px; margin-bottom: 80px; background: #daf7d5; }
.p2_Column4 .ill { display: flex; align-items: flex-start; justify-content: space-between; background: #fff; padding: 30px 50px; margin-top: 20px; }
.p2_Column4 .ill div { max-width: 320px; margin-right: 20px; }
.p2_Column4 .ill div:last-child { margin-right: 0; }

.p2_Column5 { display: flex; align-items: center; justify-content: space-between; font-size: 1.8rem; line-height: 3.2rem; color: #2ba02e; font-weight: 700; padding: 30px; margin-top: 0; margin-bottom: 0; background: #daf7d5; }
.p2_ColumnStep { width: 150px; height: 150px; font-size: 1.9rem; line-height: 3.2rem; font-weight: 700; color: #333; font-weight: 700; padding-top: 30px; margin-right: 30px; text-align: center; background: #fff; border-radius: 50%; }
.p2_ColumnStep span { font-size: 2.1rem; line-height: 3.2rem; color: #2ba02e; }
.p2_ColumnStep.first { padding-top: 40px; }

.p2_Column5 ul { width: calc(100% - 420px); }
.p2_Column5 li { margin-bottom: 10px; font-weight: 700; }
.p2_Column5 li:last-child { margin-bottom: 0; }
.p2_Column5 .ill { margin-bottom: -30px; }
.p2_Column5 .ill img { max-width: 230px; }
.p2_Column5Arrow { height: 55px; font-size: 1.8rem; line-height: 3.4rem; margin: 10px 0 10px 88px; padding-top: 10px; padding-left: 55px; background: url(../images/img_p2_ill4.png) no-repeat left top; background-size: 44px; }

.p2_Flow1 { display: flex; align-items: flex-start; justify-content: flex-start; }
.p2_Flow1 p { font-size: 1.5rem; line-height: 2.0rem; margin-top: 15px; text-align: center; }
.p2_Flow1 .sec01 { background: #daf7fa; }
.p2_Flow1 .sec02 { background: #fff9d0; }
.p2_Flow1 .sec03 { background: #fae1e5; }
.p2_Flow1 .sec01 .img { display: flex; align-items: center; justify-content: space-between; padding: 17px 17px 32px; }
.p2_Flow1 .sec01 .img div { margin-right: 7px; }
.p2_Flow1 .sec01 .img div:last-child { margin-right: 0; }
.p2_Flow1 .sec01 h4,
.p2_Flow1 .sec02 h4,
.p2_Flow1 .sec03 h4,
.p2_Flow1 .sec04 h4 { display: flex; align-items: center; justify-content: center; height: 80px; font-size: 2.0rem; line-height: 2.5rem; text-align: center; }
.p2_Flow1 .sec01 h4 { background: #9ae6ee; }
.p2_Flow1 .sec02 h4 { background: #fceb7b; }
.p2_Flow1 .sec03 h4 { background: #f9bbc5; }
.p2_Flow1 .sec04 h4 { background: #fff; }
.p2_Flow1 .sec02 .img,
.p2_Flow1 .sec03 .img { padding: 17px 17px 32px; }
.p2_Flow1 .sec04 .img { width: 25px; }
.p2_Flow1 img { width: 100%; max-width: 184px; }

.p2_Flow1_arrow { position: relative; display: inline-block; padding: 0 0 0 20px; vertical-align: middle; }
.p2_Flow1_arrow::before,
.p2_Flow1_arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
.p2_Flow1_arrow::before { left: 0; box-sizing: border-box; width: 9px; height: 4px; border: 40px solid transparent; }
.p2_Flow1 .sec02 .p2_Flow1_arrow::before { border-left: 15px solid #9ae6ee; }
.p2_Flow1 .sec03 .p2_Flow1_arrow::before { border-left: 15px solid #fceb7b; }
.p2_Flow1 .sec04 .p2_Flow1_arrow::before { border-left: 15px solid #f9bbc5; }
.p2_Flow1 .arrow2 { display: none; }

.p2_Link { position: relative; display: block; padding: 0 0 0 20px; color: #0e0eff; vertical-align: top; text-decoration: none; font-size: 1.8rem; word-wrap: break-word; overflow-wrap: break-word; }
.p2_Link::before,
.p2_Link::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; }
.p2_Link::before { left: 0; box-sizing: border-box; width: 9px; height: 4px; border: 4px solid transparent; border-left: 9px solid #0e0eff; }

.p2_Flow2 { display: flex; align-items: flex-end; justify-content: space-between; }
.p2_Flow2 .left { display: flex; align-items: center; justify-content: space-between; }
.p2_Flow2 .left .arrow { margin: 0 5px; }
.p2_Flow2 .right { display: flex; align-items: center; justify-content: space-between; }
.p2_Flow2 .right div { margin-right: 22px; }
.p2_Flow2 .right div:last-child { margin-right: 0; }
.p2_Flow2 .arrow2 { display: none; }

.p2_Flow_click { position: relative; max-width: 145px; margin: 10px auto 0; height: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1.5rem; line-height: 1; background: #666; color: #fff; transition: 0.3s; }
.p2_Flow_click:hover { background: #222; }


@media (max-width: 767px) {

.p2_Check { display: block; font-size: 1.9rem; line-height: 3.0rem; margin-bottom: 20px; margin-top: 0; }
.p2_Check .num { width: 150px; font-size: 1.3rem; line-height: 1.5rem; margin-right: 0; margin-bottom: -2px; padding: 10px 0; text-align: center; }
.p2_Check .num br { display: none; }
.p2_Check .num span { font-size: 2.0rem; line-height: 2.0rem; }
.p2_Check .right { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.p2_Check p { padding: 16px 130px 16px 0; }
.p2_Check .img { position: absolute; bottom: 0; right: 0; width: 120px; }

.p2_Check2 { font-size: 1.9rem; line-height: 3.0rem; margin-bottom: 20px; padding-top: 15px; }
.p2_Check2 .num { height: 36px; font-size: 1.5rem; line-height: 1.5rem; margin-right: 10px; padding: 10px 15px 0; border-radius: 23px; }
.p2_Check2 .right { display: flex; align-items: center; justify-content: space-between; }
.p2_Check2 p { padding: 26px 130px 6px 0; }

.p2_Column1 { display: block; font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; margin-bottom: 40px; }
.p2_Column1 .left { max-width: 100%; margin-right: 0; }
.p2_Column1 .right { display: none; }
.p2_Column1 .right_sp { display: block; max-width: 360px; margin: 20px auto; }

.p2_ColumnTitle { font-size: 1.9rem; line-height: 3.0rem; margin-bottom: 15px; }

.p2_Column2 { font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; }
.p2_List { font-size: 1.6rem; line-height: 2.6rem; margin-top: 15px; }
.p2_List li:before { top: -3px; margin-right: 10px; }

.p2_Column3 { font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-bottom: 30px; }
.p2_Column3 .btn { display: block; }
.p2_Column3 .btn div { width: 260px; margin-right: auto; margin-left: auto; }
.p2_Column3 .btn div:last-child { margin-right: auto; }

.p2_Column4 { font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; margin-bottom: 60px; }
.p2_Column4 .ill { display: block; background: #fff; padding: 20px; margin-top: 20px; }
.p2_Column4 .ill div { max-width: 320px; margin-right: auto; margin-left: auto; }
.p2_Column4 .ill div:last-child { margin-right: auto; margin-top: 20px; }

.p2_Column5 { display: block; font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 0; margin-bottom: 0; }
.p2_ColumnStep { width: 100%; height: auto; font-size: 1.7rem; line-height: 3.0rem; padding: 10px 0; margin-bottom: 20px; margin-right: auto; margin-left: auto; text-align: center; border-radius: 0; }
.p2_ColumnStep span { font-size: 1.8rem; line-height: 3.0rem; }
.p2_ColumnStep span br { display: none; }
.p2_ColumnStep.first { padding-top: 10px; }

.p2_Column5 ul { width: 100%; }
.p2_Column5 li { margin-bottom: 0px; }
.p2_Column5 li:last-child { margin-bottom: 20px; }
.p2_Column5 .ill { margin-bottom: -15px; margin-right: auto; margin-left: auto; text-align: center; }
.p2_Column5 .ill img { max-width: 230px; }
.p2_Column5Arrow { height: 55px; font-size: 1.5rem; line-height: 2.6rem; margin: 10px 0 10px 20px; padding-top: 0; padding-left: 55px; background: url(../images/img_p2_ill4.png) no-repeat left top; background-size: 44px; }

.p2_Flow1 { display: block; }
.p2_Flow1 p { font-size: 1.4rem; line-height: 2.0rem; margin-top: 15px; text-align: center; }
.p2_Flow1 .sec01 .img { display: block; padding: 17px 17px 32px; }
.p2_Flow1 .sec01 .img div { margin-right: 0; }
.p2_Flow1 .sec01 .img div.second { margin-top: 30px; }
.p2_Flow1 .sec01 h4,
.p2_Flow1 .sec02 h4,
.p2_Flow1 .sec03 h4,
.p2_Flow1 .sec04 h4 { height: 40px; font-size: 1.7rem; line-height: 2.0rem; }
.p2_Flow1 .sec02 .img,
.p2_Flow1 .sec03 .img { padding: 17px 17px 32px; }
.p2_Flow1 img { display: block; max-width: 184px; margin-right: auto; margin-left: auto; }
.p2_Flow1 .arrow2 { display: block; }
.p2_Flow1 .arrow2 img { display: block; width: 25px; margin: 10px auto; }
.p2_Flow1 .sec04 { display: none; }
.p2_Flow1_arrow { padding: 0; }
.p2_Flow1 .p2_Flow1_arrow br { display: none; }

.p2_Flow1 .sec02 .p2_Flow1_arrow::before { border-left: none; }
.p2_Flow1 .sec03 .p2_Flow1_arrow::before { border-left: none; }
.p2_Flow1 .sec04 .p2_Flow1_arrow::before { border-left: none; }

.p2_Link { font-size: 1.5rem; }


.p2_Flow2 { display: block; }
.p2_Flow2 .left { display: block; }
.p2_Flow2 .left .arrow { display: none; }
.p2_Flow2 .right { display: block; }
.p2_Flow2 .right div { margin-right: 0; }
.p2_Flow2 .right .second { margin-top: 20px; }
.p2_Flow2 img { display: block; max-width: 184px; margin-right: auto; margin-left: auto; }
.p2_Flow2 .arrow2 { display: block; }
.p2_Flow2 .arrow2 img { display: block; width: 25px; margin: 10px auto; }

}



/*　Part 2　*/


.p3_Fuki { display: block; max-width: 700px; margin: 0 auto 30px; }
.p3_Fuki_sp { display: none; }

.p3_Column1 { font-size: 1.8rem; line-height: 3.2rem; padding: 30px; margin-top: 40px; margin-bottom: 40px; background: #d3eff7; }
.p3_Column1 .ill { display: flex; align-items: flex-start; justify-content: space-between; background: #fff; padding: 30px 50px; margin-top: 20px; }
.p3_Column1 .ill div { max-width: 320px; }
.p3_Column1 .ill div { max-width: 320px; margin-right: 20px; }
.p3_Column1 .ill div:last-child { margin-right: 0; }

.p3_ColumnTitle,
.p3_ColumnTitle2 { font-size: 2.4rem; line-height: 3.4rem; color: #23a4c9; font-weight: 700; margin-bottom: 18px; }
.p3_ColumnTitle { text-align: center; }


.p3_List { font-size: 1.8rem; line-height: 3.2rem; }
.p3_List span { font-weight: 700; }
.p3_List li:before { position: relative; display: inline-block; content:  ""; width: 6px; height: 6px; background-color: #23a4c9; border-radius: 50%; top: -3px; margin-right: 10px; }

.p3_Column2 { display: flex; align-items: flex-start; justify-content: space-between; font-size: 1.8rem; line-height: 3.4rem; padding: 30px; margin-top: 40px; margin-bottom: 50px; background: #d3eff7; }
.p3_Column2 .left { max-width: 510px; margin-right: 40px; }
.p3_Column2 .right { max-width: 260px; margin-bottom: -30px; }
.p3_Column2 .right_sp { display: none; }



@media (max-width: 767px) {

.p3_Fuki { display: none; }
.p3_Fuki_sp { display: block; max-width: 500px; margin: 0 auto 20px; }


.p3_Column1 { font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; margin-bottom: 30px; }
.p3_Column1 .ill { display: block; padding: 20px; margin-top: 20px; }
.p3_Column1 .ill div { max-width: 320px; margin-right: auto; margin-left: auto; }
.p3_Column1 .ill div:last-child { margin-right: auto; }
.p3_ColumnTitle,
.p3_ColumnTitle2 { font-size: 1.9rem; line-height: 3.0rem; margin-bottom: 15px; }
.p3_ColumnTitle { text-align: left; }


.p3_Column2 { display: block; font-size: 1.6rem; line-height: 3.0rem; padding: 15px; margin-top: 30px; margin-bottom: 40px; }
.p3_Column2 .left { max-width: 100%; margin-right: 0; }
.p3_Column2 .right { display: none; }
.p3_Column2 .right_sp { display: block; max-width: 240px; margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }

}






@media (max-width: 767px) {
   .tac { text-align: left; }
   .sct-note { margin-top: 30px; padding: 20px 15px; }
   .sct-note__label { text-align: left; font-size: 1.8rem; }
   .sct-note2 { padding: 20px 15px; }
   .acco-ex { flex: 0 1 auto; order: 1; }
   
   
   .sct-aside { padding: 20px 15px; }
   .sct-aside__label { font-size: 2rem; text-align: left; }
   .sct-aside__ex { flex: 0 1 auto; }
}


.btn-iij { position: relative; padding: 0.75em 45px 0.75em 45px; text-align: center; border-radius: 50px; color: #fff; font-weight: 700; background: #f075bb; display: block; margin-top: 10px; }
.btn-iij::after { position: absolute; content: ""; inset: 0 .75em 0 auto; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: .33em 0 .33em .58em; border-color: transparent transparent transparent #fff; }






.visual-part { max-width: 760px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px 30px; padding: 0 15px; }
.visual-part__item { inline-size: calc((100% - 30px) / 2); }



.sct-head { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
.sct-head--based { background: #f0c940; }
.sct-head--use { background: #5fc24e; }
.sct-head--saving { background: #36aed1; }
.sct-head__acce--based { width: 270px; }
.sct-head__acce--use { width: 210px; }
.sct-head__acce--saving { width: 210px; }
.sct-head__ex { flex: 1; }
.sct-head__ex--based { padding: 10px 25px; }
.sct-head__ex--use { text-align: center; padding: 5px 10px; }
.sct-head__ex--saving { text-align: center; padding: 5px 10px; }
.sct-head__label { font-weight: 700; color: #fff; font-size: clamp(2.2rem,calc(2.42vw + 15px),3.6rem); line-height: 1.31; }
.sct-head__copy { font-weight: 700; font-size: clamp(1.7rem,calc(1.72vw + 4px),2.2rem); line-height: 1.61; margin-top: 10px; }
.sct-head__batch { background: #fff; padding: 3px 20px; border-radius: 20px; border: 2px solid #000; display: inline-block; font-weight: 700; line-height: 1; margin-bottom: 5px; }


.sct1-fuki { max-width: 730px; margin: 0 auto; gap: 25px 15px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.sct1-fuki__ex { position: relative; flex: 1; }
.sct1-fuki__ex::after { position: absolute; content: ""; inset: 0 -19px 0 auto; margin: auto 0; aspect-ratio: 68/20; width: 34px; background: url(../images/img_sct1_fuki_acce.webp) no-repeat center/contain; }
.sct1-fuki__prof { width: 200px; }
.sct1-fuki__prof-img { width: 140px; margin-inline-start: auto; margin-inline-end: auto; }
.sct1-fuki__prof { text-align: center; }
.sct1-fuki__prof-label { font-size: 1.4rem; margin-top: 10px; }
.sct1-fuki__prof-name { font-size: 1.4rem; margin-top: 5px; }
.sct1-fuki__prof-name span { font-size: 2.0rem; font-weight: 700; margin-left: 10px; }

.sct1-head { display: flex; flex-wrap: wrap; gap: 0 30px; align-items: flex-end; border-bottom: 2px solid #da7e25; margin-bottom: 40px; }
.sct1-head__img { width: 130px; }
.sct1-head__txt { flex: 1; max-width: 410px; margin-bottom: 20px; }
.sct1-img { max-width: 320px; inline-size: 100%; margin-inline-start: auto; margin-inline-end: auto; }
.sct1-img__item:nth-child(n+2) { margin-top: 40px; }
.sct1-see__year-item { display: flex; flex-wrap: wrap; gap: 0 20px; line-height: 1.5; }
.sct1-see__year-item:nth-child(n+2) { margin-top: 5px; }
.sct1-see__year-item span { font-weight: 700; color: #da7e25; }
.sct1-see__year-item span.normal { font-weight: 500; color: #000; }
.sct1-see__img { max-width: 350px; width: 100%; font-size: 1.8rem; margin-inline-start: auto; margin-inline-end: auto; }

.sct-q { position: relative; border-bottom: 2px solid #da7e25; padding-top: 10px; padding-bottom: 15px; padding-left: 65px; color: #da7e25; font-size: 2.6rem; line-height: 1.5; font-weight: 700; }
.sct-q::before { position: absolute; content: ""; inset: 0 auto auto 0; background: url(../images/icon_q.png) no-repeat center/contain; aspect-ratio: 112/100; height: 50px; }

.sct-fuki { margin: 40px auto; max-width: 700px; }
.sct2-2__img { margin-top: -20px; }
.sct2-2__img2 { margin-top: 15px; }
.sct3-1__note-copy { max-width: 366px; margin: -10px auto 20px; }
.sct3-1__1__note-img__btn { margin: 30px auto 0; max-width: 350px; font-size: 1.8rem; }
.sct3-1__note-img__btn { margin: 30px auto 0; max-width: 350px; font-size: 1.8rem; }
.sct3-1__img { display: flex; flex-wrap: wrap; gap: 20px 30px; margin-top: 40px; }
.sct3-1__img-item { inline-size: calc((100% - 30px) / 2); background: #d3eff7; }
.sct3-1__img-label { text-align: center; font-weight: 700; color: #23a4c9; font-size: 2.2rem; line-height: 1.5; padding: 12px 10px; }
.sct3-1__img-ex { padding: 15px 30px 25px; font-size: 1.3rem; }
.sct3-1__img-cap { margin-bottom: 15px; }
.sct3-1__img-btn { position: relative; padding: 0.75em 45px 0.75em 45px; text-align: center; border-radius: 50px; color: #fff; font-weight: 700; background: #23a4c9; display: block; font-size: 1.8rem; }
.sct3-1__img-btn + .sct3-1__img-btn { margin-top: 10px; }
.sct3-1__img-btn::after { position: absolute; content: ""; inset: 0 .75em 0 auto; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: .33em 0 .33em .58em; border-color: transparent transparent transparent #fff; }
.sct3-1__img2 { margin-top: -20px; }


@media (max-width: 767px) {
   .visual-part { max-width: 450px; }
   .visual-part__item { inline-size: 100%; }
   .sct-head__ex { order: 1; flex: 0 1 auto; padding: 15px; }
   .sct-head__acce--based { order: 2; background: #f9f3d9; text-align: center; width: 100%; }
   .sct-head__acce--based img { width: 210px; }
   .sct-head__acce--use { width: 50%; order: 2; }
   .sct-head__acce--saving { width: 50%; order: 2; }
   .sct1-fuki { margin-bottom: 40px; }
   .sct1-fuki__ex { flex: 0 1 auto; order: 2; }
   .sct1-fuki__ex::after { inset: -8px 0 auto 0; margin: 0 auto; aspect-ratio: 68/20; width: 34px; transform: rotate(-90deg); }
   .sct1-fuki__prof {margin: 0 auto; }
   
   .sct1-head { gap: 0 15px; }
   .sct1-head__img { width: 90px; }
   .sct1-see__img { order: 2; }
   
   .sct-q { padding-top: 0px; padding-bottom: 15px; padding-left: 40px; font-size: 1.8rem; }
   .sct-q::before { height: 30px; }
   
   .sct-fuki { margin: 30px auto; }
   .sct2-2__img { margin-top: 10px; }
   .sct2-2__img2 { margin-top: 10px; }
   .sct3-1__note-copy { margin: 10px auto }
   .sct3-1__1__note-img__btn { margin: 20px auto 0; font-size: 1.5rem; }
   .sct3-1__note-img__btn { margin: 20px auto 0; font-size: 1.5rem; }
   .sct3-1__img { margin-top: 30px; }
   .sct3-1__img-item { inline-size: 100%; }
   .sct3-1__img-label { font-size: 1.8rem; padding: 10px; }
   .sct3-1__img-ex { padding: 10px 15px 15px; }
   .sct3-1__img-cap { margin-bottom: 10px; }
   .sct3-1__img-btn { font-size: 1.5rem; }
   .sct3-1__img2 { margin-top: 10px; }
}
.kakomiArea3 .kakomiFrame { padding: 0px 40px 40px; }
.outlineFrame { margin-top: 60px; }

@media (max-width: 767px) {
   .kakomiArea3 .kakomiFrame { padding: 0px 15px 40px; }
}