@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#oppoWarp { font-size: 62.5%; line-height: 1; color: #333333; font-weight: 500; }
#oppoWarp img { width: 100%; height: auto; vertical-align: top; }

.pc-view--568 { display: block; }
.sp-view--568 { display: none; }
.page-wrap2 { max-width: 1040px; margin: 0 auto; padding: 0 20px; }
.page-txt { font-size: 1.9rem; line-height: 1.67; font-weight: 500; }
.page-txt + .page-txt { margin-top: 30px; }
.page-txt + .acco-drawer { margin-top: 30px; }
.page-note { text-indent: -1em; padding-left: 1em; margin-top: 30px; font-size: 1.5rem; line-height: 1.31; }
.page-note + .page-note { margin-top: 5px; }
.acco-handle { font-size: 2.3rem; font-weight: 700; text-align: center; margin-top: 30px; }
.acco-handle .continue,
.acco-handle .close { position: relative; padding-left: 40px; cursor: pointer; }
.acco-handle .continue::before {
	content: "";
	width: 16px;
	height: 16px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	margin: auto 0;
	position: absolute;
	top: 0;
	bottom: 10px;
	left: 0;
	transform: rotate(135deg);
}
.acco-handle .close::before {
	content: "";
	width: 16px;
	height: 16px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	margin: auto 0;
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 0;
	transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
	.page-wrap2 { padding: 0 15px; max-width: 568px; }
	.page-txt { font-size: 1.6rem; }
	.page-txt + .page-txt { margin-top: 20px; }
	.page-txt + .acco-drawer { margin-top: 20px; }
	.acco-handle { font-size: calc(1.35vw + 13px); margin-top: 20px; }
	.page-note { text-align: left; }
}
@media screen and (max-width: 568px) {
	.pc-view--568 { display: none!important; }
	.sp-view--568 { display: block!important; }
}

.main-visual-wrap { width: 100%; }
.main-visual__title { background: linear-gradient(to bottom, #fff 0%, #ffffff 22%, #e0e4e9 100%); padding-bottom: 20px; }
.about { margin: 55px auto 0; max-width: 870px; padding: 0 20px; }
.about-muda { position: relative; margin-top: 50px; border-radius: 30px; background: #f5f2ee; }
.about-muda::after { position: absolute; content: ""; bottom: -15px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 15px 35px 0 35px; border-color: #f04a92 transparent transparent transparent; }
.about-muda__inner { margin: 0 auto; max-width: 870px; padding: 35px 20px 30px; }
.about-muda__label { display: flex; flex-wrap: wrap; justify-content: center; }
.about-muda__label img { height: 23px; margin: 0 2px; width: auto; }
.about-muda__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; }
.about-muda__item { width: calc((100% - 35px) / 2); border-radius: 25px; background: #fff; display: flex; justify-content: center; align-items: flex-end; height: 340px; }
.about-muda__item:nth-child(1) { padding-left: 25px; }
.about-muda__item:nth-child(1) img { max-width: 310px; width: 100%; }
.about-muda__item:nth-child(2) img { max-width: 300px; width: 100%; }
.about-muda__try { margin: 40px auto 0; width: 460px; }
.unc { position: relative; background: #edf8fe; padding: 60px 20px; margin-top: 90px; }
.unc-list { position: relative; max-width: 940px; display: flex; flex-wrap: wrap; gap: 20px; }
.unc-list::before { position: absolute; content: ""; top: 0; left: 0; width: clamp(185px, calc(16.67vw + 18px), 235px); background: url(../images/img_unc_narubird.png) no-repeat center/contain; aspect-ratio: 235/176; }
.unc-item { width: calc((100% - 40px) / 3); }
.unc-btn { position: relative; display: block; width: 100%; height: 100%; color: #000; }
.unc-btn::after { display: block; content: ""; position: absolute; top: 0; left: 0; background: repeating-linear-gradient(-45deg, #ffa760 0px,#ffa760 10px,#ff8f36 10px, #ff8f36 20px); z-index: 1; width: 100%; height: 100%; border-radius: 25px; }
.unc-btn__wrap { position: relative; width: calc(100% - 20px); height: calc(100% - 20px); margin: 0 auto; border-radius: 20px; z-index: 3; transform: translateY(10px); background: #fff; padding: 15px 15px 55px; display: flex; flex-direction: column; }
.unc-btn__wrap::after{ position: absolute; content: ""; bottom: 15px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #ff8e35 transparent transparent transparent; }
.unc-btn__num { text-align: center; margin-bottom: 10px; }
.unc-btn__num img { height: 30px; }
.unc-btn__title { font-size: 2rem; line-height: 1.5; text-align: center; margin: auto auto 0; }
.sct + .sct { margin-top: 80px; }
.sct-banner__wrap { max-width: 728px; margin: 60px auto 0; }
.sct-banner { display: block; width: 100%; }
.sct-banner img { display: block; }
.sct-banner img + img { display: none; }
.sct-banner2 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
.sct-banner2__item { width: calc((100% - 20px) / 2); }
.sct-question { background: #ffecca; padding: 35px 0 30px; }
.sct-question__wrap { display: flex; flex-wrap: wrap; align-items: center; }
.sct-question__num { width: 85px; }
.sct-question__num img { height: 55px; }
.sct-question__label { width: calc(100% - 115px); margin-left: 30px; font-size: 3.2rem; line-height: 1.31; font-weight: 700; }
.sct-answer { margin: 50px auto; padding: 0 15px; }
.sct-answer__bird { display: flex; flex-wrap: wrap; align-items: center; }
.sct-answer__bird-img { width: 105px; margin-right: 40px; }
.sct-answer__bird-txt { position: relative; width: calc(100% - 145px - 140px); background: #daf2e6; border-radius: 10px; padding: 20px 80px; font-size: 2rem; font-weight: 700; line-height: 1.31; }
.sct-answer__bird-txt::before { position: absolute; content: ""; top: 0; bottom: 0; left: -15px; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 14px 15px 14px 0; border-color: transparent #daf2e6 transparent transparent; }
.sct-answer__hagi { display: flex; flex-wrap: wrap; align-items: center; margin-left: 145px; margin-top: 45px; }
.sct-answer__hagi-txt { position: relative; width: calc(100% - 140px); background: #fbd0e3; border-radius: 10px; padding: 20px 80px; font-size: 2rem; font-weight: 700; line-height: 1.31; }
.sct-answer__hagi-txt::after { position: absolute; content: ""; top: 0; bottom: 0; right: -15px; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 15px; border-color: transparent transparent transparent #fbd0e3; }
.sct-answer__hagi-img { width: 100px; margin-left: 40px; }
.q01-img { margin: 90px auto 0; max-width: 890px; padding: 0 20px; }
.q01-img__label-01 { max-width: 480px; margin: 0 auto; }
.q01-img__label-02 { margin: 10px auto 0; max-width: 415px; }
.q01-img__figure { margin-top: 55px; }
.q02-img { margin: 60px auto 0; }
.q02-img__label { margin: 0 auto 45px; max-width: 345px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.q02-img__label-01 { width: 42.6%; }
.q02-img__label-02 { width: 53.9%; }
.q05-point { margin-top: 70px; background: #f5f2ee; padding: 35px 0; position: relative; }
.q05-point::before { position: absolute; content: ""; top: 13px; left: 0; width: 100%; height: 3px; background: #f04a93; }
.q05-point::after  { position: absolute; content: ""; bottom: 13px; left: 0; width: 100%; height: 3px; background: #f04a93; }
.q05-point__wrap { max-width: 885px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 20px; }
.q05-point__ex { width: calc(100% - 170px); }
.q05-point__img { width: 130px; }
.q05-point__ex-label { width: 270px; }
.q05-point__ex-txt { margin-top: 15px; }
.q05-img { margin: 65px auto 0; max-width: 330px; }
.movie-sct { margin-top: 80px; }
.movie-label { position: relative; display: flex; flex-wrap: wrap; justify-content: center; height: 120px; border-radius: 60px; background: #ffe86f; align-items: center; font-size: 3.2rem; padding: 0 20px; line-height: 1.31; }
.movie-label__txt { position: relative; padding-left: 20px; font-weight: 700; }
.movie-label .blue { color: #315fc8; }
.movie-video { margin-top: 40px; }
.transfer { margin-top: 150px; background: #f5f2ee; padding-bottom: 110px; }
.tra01 { margin-top: 120px; }
.tra-question { border: 1px solid #f04a93; border-radius: 15px; background: #fff; }
.tra-question__wrap { max-width: 950px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 auto; }
.tra-question__img { width: 110px; }
.tra-question__label { width: calc(100% - 145px); font-size: 3.2rem; font-weight: 700; line-height: 1.31; }
.tra-answer__label { position: relative; margin-top: 30px; margin-bottom: 30px; padding-left: 100px; font-size: 3.6rem; font-weight: 700; color: #f04a93; line-height: 1.31; }
.tra-answer__label::before { position: absolute; content: ""; top: 0; left: 0; width: 70px; height: 40px; background: url(../images/icon_arrow.svg) no-repeat center/contain; }
.tra-btn { margin-top: 45px; background: #a36f1c; position: relative; height: 120px; width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center; border-radius: 15px; padding: 0 50px 0 20px; }
.tra-btn::before { position: absolute; content: ""; top: 2px; bottom: 0; right: 25px; margin: auto 0; width: 16px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.tra-btn::after { position: absolute; content: ""; top: -2px; bottom: 0; right: 27px; margin: auto 0; width: 16px; height: 10px; background: #fff; }
.tra-btm--manu { max-width: 710px; width: 100%; margin: 0 auto; }
.tra-btm--iij { max-width: 610px; width: 100%; margin: 0 auto; }
.tra-label__newyear { max-width: 560px; margin: 50px auto 30px; padding: 0 20px; }
.tra-label__newyear img:nth-child(2) { display: none; }
.tra01__inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tra01__txt { width: calc(50% - 20px); }
.tra01__wrap { width: calc(50% - 20px); }
.tra01__list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.tra01__item:nth-child(1) { width: 31.25%; }
.tra01__item:nth-child(2) { width: 31.25%; }
.tra01__item:nth-child(3) { width: 31.25%; }
.tra02__list { margin: 40px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.tra02__item { width: calc((100% - 21px) / 3); }
.tra03-table { margin-top: 40px; table-layout: fixed; width: 100%; }
.tra03-table .add { display: none; }
.tra03-table__tr { display: flex; flex-wrap: wrap; align-items: center; }
.tra03-table__th { background: #e4e8ed; text-align: center; padding: 13px 7px; line-height: 1.1; font-size: 1.8rem; font-weight: 700; width: 25%; height: 80px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.tra03-table__th:nth-child(n+2) { border-left: 1px solid #fff; }
.tra03-table__td { background: #fff; text-align: center; padding: 13px 7px; line-height: 1.2; font-size: 1.8rem; height: 130px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; width: 25%; }
.tra03-table__td--n { position: relative; }
.tra03-table__td--n::before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 20px; height: 1px; background: #000; }
.tra03-table__td:nth-child(1) { font-size: 2rem; font-weight: 700; background: #c5d2f0; }
.tra03-table__td:nth-child(n+2) { border-left: 1px solid #bfbfbf; }
.tra03-table__tr:nth-child(n+3) { border-top: 1px solid #bfbfbf; }
.tra04-img { margin-top: 40px; }
.tra05-content__wrap { margin-top: 40px; }
.tra05-content__label { font-size: 1.9rem; font-weight: 700; border-bottom: 2px solid #7a7977; padding-bottom: 5px; line-height: 1.31; }
.tra05-content__support-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.tra05-content__support-item { width: calc(50% - 20px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.tra05-content__support-item:nth-child(n+3) { margin-top: 50px; }
.tra05-content__support-figure { width: 55px; height: 55px; }
.tra05-content__support-ex { width: calc(100% - 70px); }
.tra05-content__support-label { font-size: 2.5rem; font-weight: 700; color: #f04a93; }
.tra05-content__support-txt { font-size: 1.7rem; font-weight: 700; line-height: 1.2; margin-top: 5px; }
.tra05-content__web { width: calc(50% - 45px); }
.tra05-content__web-img { margin-top: 45px; border: 5px solid #fff; }
.tra05-content__proc { margin-top: 30px; }
.tra05-content__proc-list { margin-top: 30px; }
.tra05-content__proc-item { position: relative; border-radius: 15px; background: #fff; border: 10px solid #fff; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tra05-content__proc-item:nth-child(n+2) { margin-top: 45px; }
.tra05-content__proc-item:nth-child(n+2)::before { position: absolute; content: ""; top: -55px; left: 0; right: 0; margin: 0 auto; background: url(../images/icon_arrow_bd.svg) no-repeat center/contain; width: 210px; height: 40px; z-index: 2; }
.tra05-content__proc-item:nth-child(3)::after { position: absolute; content: "数日後"; top: -45px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 1.8rem; font-weight: 700; z-index: 3; }
.tra05-content__proc-label { width: 375px; background: #c0dffe; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 10px 0 0 10px; padding: 0 20px 0 30px; }
.tra05-content__proc-label__ex { width: 210px; margin-right: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.tra05-content__proc-label__step { font-size: 1.3rem; color: #315fc8; text-align: center; border: 3px solid #315fc8; padding: 3px 15px; line-height: 1; font-weight: 700; border-radius: 20px; width: 100%; }
.tra05-content__proc-label__txt { font-size: 2.8rem; font-weight: 700; line-height: 1; margin-top: 10px; color: #315fc8; text-align: center; }
.tra05-content__proc-label__img { text-align: center; margin-top: auto; width: 100px; padding-top: 20px; }
.tra05-content__proc-label__img img { height: 100px; margin-top: auto; }
.tra05-content__proc-ex { flex: 1; margin-left: 35px; display: flex; flex-wrap: wrap; align-items: center; }
.tra06-content__wrap { margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tra06-content__inner { width: calc(50% - 15px); padding: 50px 10px 55px; border-radius: 15px; background: #fff; text-align: center; }
.tra06-content__label { font-size: 3.3rem; font-weight: 700; color: #f04a93; }
.tra06-content__txt { font-size: 2.4rem; line-height: 1.71; margin-top: 40px; }
.tra06-content__txt .txt-large { font-size: 3.2rem; font-weight: 700; line-height: 1; }
.tra06-content__txt .cop { color: #f04a93; }
.tra07__inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tra07__txt { width: calc(50% - 20px); }
.tra07__wrap { width: calc(50% - 60px); margin: 0 auto; text-align: center; }
.tra07__wrap img { margin-bottom: 15px; }
.tra07__cap { position: relative; text-align: center; text-decoration: none; color: #000; font-size: 1.4rem; display: inline; padding-right: 15px; }
.tra07__cap::after { position: absolute; content: ""; top: 0; bottom: 0; right: 0; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #f04a93; }

.banner-sct__list { background: #fff; padding: 20px; border-radius: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.banner-sct__item { width: calc((100% - 41px) / 3); }
.banner-sct__btn { display: block; }
.banner-sct__txt { padding: 10px; font-size: 1.7rem; line-height: 1.5; }

@media screen and (max-width: 1000px) {
	.about-muda__inner { padding: 35px 0 30px; }
	.about-muda__item { width: calc((100% - 20px) / 2); height: calc(22vw + 120px); }
	.about-muda__item:nth-child(1) { padding-left: 10px; }
	.about-muda__item:nth-child(1) img { max-width: calc(20.84vw + 102px); }
	.about-muda__item:nth-child(2) img { max-width: calc(20.84vw + 92px); }
	.about-muda__try { width: calc(29.42vw + 166px); }
	
	.unc-btn__wrap::after{ bottom: 15px; border-width: 10px 15px 0 15px; }
	.unc-btn__num img { height: 25px; }
	.unc-btn__title { font-size: 1.8rem; }
	.sct-answer__bird-txt { padding: 20px; }
	.sct-answer__hagi-txt { padding: 20px; }
	.tra01__item:nth-child(1) { max-width: 150px; }
	.tra01__item:nth-child(2) { max-width: 190px; }
	.tra01__item:nth-child(3) { max-width: 150px; }
	.tra02__item { width: calc((100% - 30px) / 3); padding: 15px; }
	.tra05-content__label { font-size: 1.7rem; }
	.tra05-content__proc-ex { margin-left: 15px; }
}
@media screen and (max-width: 767px) {
	.about { margin: calc(7.83vw - 6px) auto 0; padding: 0 15px; }
	.about-muda { margin-top: calc(6.72vw - 2px); border-radius: 15px; }
	.about-muda__label img { height: calc(3.52vw - 4px); margin: 2px; }
	.unc { padding: 20px 15px; margin-top: 60px; }
	
	.unc-list { gap: 20px; }
	.unc-list::before { position: static; display: block; content: ""; width: 100%; max-width: 350px; margin: 0 auto; background: url(../images/img_unc_narubird_sp.png) no-repeat center/contain; aspect-ratio: 612/132; }
	.unc-item { inline-size: calc((100% - 20px) / 2); }
	.unc-item:first-child { display: none; }
	.unc-btn__wrap { padding: 10px 10px 55px; }
	.unc-btn__wrap::after{ bottom: 10px; }
	.unc-btn__num img { height: 20px; }
	.unc-btn__title { font-size: 1.6rem; }
	.sct + .sct { margin-top: calc(14.71vw + 3px); }
	.sct-question { padding: 20px 0 15px; }
	.sct-question__num { width: 60px; margin-left: 10px; }
	.sct-question__label { width: calc(100% - 90px); margin-left: 20px; font-size: calc(2.24vw + 15px); }
	.sct-answer { margin: calc(5.6vw + 8px) auto calc(3.36vw); padding: 0; }
	.sct-answer__bird-img { width: 70px; margin-right: 15px; }
	.sct-answer__bird-txt { width: calc(100% - 85px); padding: 20px; font-size: 1.8rem; }
	.sct-answer__hagi { margin-left: 0; margin-top: calc(5.6vw + 3px); }
	.sct-answer__hagi-txt { width: calc(100% - 85px); padding: 20px; font-size: 1.8rem; }
	.sct-answer__hagi-img { width: 65px; margin-left: 20px; }
	.q01 { margin-top: calc(5.89vw + 32px); }
	.q01-img { margin: calc(6.72vw + 39px) auto 0; padding: 0; }
	.q01-img__figure { margin-top: calc(6.72vw + 4px); }
	.q02-img__label { margin: 0 auto calc(4.48vw + 11px); }
	.q02-img__label-01 { width: 150px; margin: 5px auto; }
	.q02-img__label-02 { width: 180px; margin: 5px auto; }
	.q02-img__figure img + img { margin-top: 30px; }
	.q05-point { margin-top: calc(6.72vw + 19px); padding: 40px 0; }
	.q05-point::before { top: 8px; }
	.q05-point::after  { bottom: 8px; }
	.q05-point__wrap { padding: 0 15px; }
	.q05-point__ex { width: 100%; }
	.q05-point__img { width: 130px; margin: 20px auto 0; }
	.q05-point__ex-label { max-width: 270px; width: 100%; margin: 0 auto; }
	.q05-point__ex-txt { margin-top: 25px; }
	.q05-img { margin: calc(5.6vw + 23px) auto 0; }
	.movie-sct { margin-top: calc(6.72vw + 29px); }
	.movie-label { height: 110px; border-radius: 25px; font-size: calc(3.14vw + 8px); }
	.transfer { margin-top: calc(13.43vw + 47px); padding-bottom: calc(4.48vw + 76px); }
	.tra01 { margin-top: calc(13.43vw + 17px); }
	.tra-question__wrap { padding: 15px; }
	.tra-question__img { width: 70px; }
	.tra-question__label { width: calc(100% - 85px); font-size: calc(2.69vw + 12px); }
	.tra-answer__label { padding-left: 55px; font-size: calc(4.03vw + 8px); margin-bottom: 0; }
	.tra-answer__label::before { width: 40px; height: 23px; top: 0; bottom: 25px; margin: auto 0; }
	.tra01__txt { width: 100%; }
	.tra01__wrap { max-width: 360px; margin: 20px auto 0; width: 100%; }
	.tra01__item:nth-child(1) { max-width: calc(22.38vw + 19px); }
	.tra01__item:nth-child(2) { max-width: calc(29.09vw + 7px); }
	.tra01__item:nth-child(3) { max-width: calc(22.38vw + 19px); }
	.tra02__list { margin: 10px auto 0; }
	.tra03-table { margin-top: 10px; }
	.tra03-table .add { display: block; }
	.tra03-table__th { font-size: 1.3rem; }
	.tra03-table__td { font-size: 1.3rem; height: 130px; }
	.tra03-table__td:nth-child(1) { font-size: 1.3rem; }
	.tra05-content__wrap { margin: 10px auto 0; max-width: 568px; }
	.tra05-content__support { width: 100%; margin: 0 auto; }
	.tra05-content__web { width: 100%; margin: calc(8.95vw + 12px) auto 0; }
	.tra05-content__support-item { width: 100%; }
	.tra05-content__support-item:nth-child(n+2) { margin-top: 30px; }
	.tra05-content__proc-label { width: 100%; border-radius: 10px; padding: 5px 15px 0; max-width: 360px; margin: 0 auto; }
	.tra05-content__proc-label__ex { max-width: 200px; }
	.tra05-content__proc-label__txt { font-size: 2rem; }
	.tra05-content__proc-label__img { width: 80px; padding-top: 0; }
	.tra05-content__proc-label__img img { height: 80px; }
	.tra05-content__proc-ex { flex: 0 1 auto; margin: 10px auto 0; max-width: 360px; width: 100%; }
	.tra06-content__wrap { margin-top: 20px; }
	.tra06-content__inner { width: 100%; padding: 20px 10px 25px; }
	.tra06-content__inner:nth-child(n+2) { margin-top: 20px; }
	.tra06-content__label { font-size: calc(1.79vw + 20px); line-height: 1.31; }
	.tra06-content__txt { font-size: calc(1.57vw + 12px); margin-top: 10px; }
	.tra06-content__txt .txt-large { font-size: calc(2.69vw + 12px); }
	.tra07__txt { max-width: 360px; margin: 0 auto; width: 100%; }
	.tra07__wrap { max-width: 360px; margin: 20px auto 0; width: 100%; }
	.tra07__cap { font-size: 1.3rem; margin-top: 10px; }
	.sct-banner { max-width: 320px; margin: 40px auto 0; }
	.sct-banner img { display: none; }
	.sct-banner img + img { display: block; }
	.tra-btn { margin: 30px auto 0; max-width: 420px; height: 80px; border-radius: 10px; padding: 0 40px 0 15px; }
	.tra-btn::before { right: 15px; }
	.tra-btn::after { right: 17px; }
}
@media screen and (max-width: 568px) {
	.main-visual { margin-top: 15px; }
	.about-muda__inner { padding: 20px 0 30px; }
	.about-muda__label img { height: 18px; }
	.about-muda__item { width: 100%; max-width: 320px; margin: 0 auto; }
	.about-muda__item:nth-child(1) { height: 255px; }
	.about-muda__item:nth-child(2) { height: 270px; margin-top: 30px; }
	.about-muda__item:nth-child(1) img { max-width: 230px; }
	.about-muda__item:nth-child(2) img { max-width: 230px; }
	.unc-item { width: 100%; }
	.unc-btn__wrap { padding: 10px 40px 10px 10px; display: flex; flex-wrap: wrap; align-items: center; }
	.unc-btn__wrap::after{ right: 10px; top: 0; bottom: 0; left: auto; margin: auto 0; }
	.unc-btn__num { width: 30px; margin: auto 5px auto 0; }
	.unc-btn__num img { height: 20px; }
	.unc-btn__title { font-size: 1.6rem; width: calc(100% - 60px); margin: 0; text-align: left; }
	.unc-btn__title br { display: none; }
	.q02-img__label { flex-direction: column; }
	.sct-banner { margin: 20px auto 0; }
	.sct-banner2 { max-width: 320px; margin: 0 auto 20px; }
	.sct-banner2__item { width: 100%; }
	.sct-banner2__item:nth-child(n+2) { margin-top: 20px; }
	.transfer-head { max-width: 360px; margin: 0 auto; }
	.tra-btn { height: calc(12.1vw + 12px); }
	.tra-label__newyear { max-width: 320px; margin: 30px auto; padding: 0 15px; }
	.tra-label__newyear img:nth-child(1) { display: none; }
	.tra-label__newyear img:nth-child(2) { display: block; }
	.tra02__item { max-width: 320px; margin-left: auto; margin-right: auto; width: 100%; padding: 0; }
	.tra02__item:nth-child(n+2) { margin-top: 20px; }
	.tra03-table__th { padding: 10px 3px; font-size: 1.1rem; }
	.tra03-table__td { padding: 10px 3px; font-size: 1.1rem; height: 130px; }
	.tra03-table__td:nth-child(1) { font-size: 1.1rem; }
	.tra05-content__support-label { font-size: 2rem; }
	.banner-sct__list { padding: 30px 15px; }
	.banner-sct__item { width: 100%; }
	.banner-sct__item:nth-child(n+2) { margin-top: 10px; }
	.banner-sct__btn { display: block; width: 180px; margin: 0 auto; }
	.banner-sct__txt { padding: 10px; font-size: 1.4rem; text-align: center; }
}
@media (max-width: 450px) {
	.outline { padding: 0 15px; }
	.link { padding: 0 15px; }
}
@media screen and (min-width: 769px) {
	.acco-handle > * { transition: .25s; }
	.acco-handle > *:hover { opacity: 0.5; }
	
	.unc-btn,
	.sct-banner,
	.sct-banner2__item,
	.tra-btn,
	.tra07__cap::after,
	.banner-sct__btn { transition: .25s; }
	
	.unc-btn:hover { transform: translateY(10px); }
	.sct-banner:hover,
	.sct-banner2__item:hover,
	.tra-btn:hover,
	.banner-sct__btn:hover { opacity: 0.5; }
	.tra07__cap:hover::after { transform: translateX(5px); }
}

.acco-drawer { position: relative; height: 0; overflow: hidden; opacity: 1; }
.question .acco-drawer::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgba(255,255,255,.8) 50%,rgba(255,255,255,1) 100%);
}
.transfer .acco-drawer::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(245,242,238,0) 15%,rgba(245,242,238,.8) 50%,rgba(245,242,238,1) 100%);
}
.active.acco-drawer { height: 100%; opacity: 1; padding-bottom: 20px; }
.out.acco-drawer { height: 0; opacity: 1; padding-bottom: 0; }
.active.acco-drawer::before { opacity: 0; display: none; }
.out.acco-drawer::before { opacity: 1; display: block; }
.close { display: none; }
.continue { display: inline; }
.active .continue { display: none; }
.active .close { display: inline; }
.active.out .continue { display: inline; }
.active.out .close { display: none; }

@media screen and (max-width: 568px) {
	.acco-drawer { height: 0; }
	.active.acco-drawer { height: 100%; }
	.out.acco-drawer { height: 0; }
}



.visual-cap { max-width: 890px; }