#wrap {min-height: 100vh;width: 100%;padding-top: 5.5rem;padding-bottom: 2rem;}
#wrap.index {background: url('../img/index_background.png') no-repeat center / cover;display: flex;flex-direction: column;justify-content: center;padding-left: 8%;}
#wrap.index img {width: 60%;margin-bottom: 50%;}


/* header */
header, .header {position: fixed;left: 0;top: 0;width: 100%;height: 5.5rem;display: flex;justify-content: space-between;align-items: center;padding: 0 1.5rem;z-index: 100;}
.header {background-color: #fcf2eb;}
.header a img {width: 9rem;}
header {background-color: #fff;}
header h1 {font-size: 1.8rem;font-weight: 800;line-height: 1.2;text-align: center;color: #5e4040;}
header .prev, header .dummy {width: 3rem;padding-right: 2rem;height: 5rem;object-fit: contain;}

/* home */
.intro_home {padding: 2rem;position: relative;}
.intro_home::before {content:"";position: absolute;left: 0;top: 0;width: 100%;height: 65%;background-color: #fcf2eb;z-index: -1;}
.intro_home img {width: 100%;}
.intro_home img:nth-of-type(2) {transform: translateY(-.9rem);}

.bannerImg {
    width: 100%;
    padding: 1.5rem 0;
}
.bannerImg a {
    width: 100%;
}
.bannerImg a img {
    width: 100%;
}

/* banner_wrap */
.banner_wrap h2 {font-size: 1.8rem;font-weight: 800;margin: 0 2rem;color: #5e4040;}
.banner_wrap span {display: flex;justify-content: space-between;align-items: center;margin: 1.5rem 2rem;}
.banner_wrap span a {width: 100%;margin-right: 1rem;}
.banner_wrap span a:last-of-type {margin-right: 0;}
.banner_wrap span a img {width: 100%;}
.banner_wrap ul {padding: 0 2rem;margin: 1.5rem 0;}
.banner_wrap ul li a {font-size: 1.6rem;font-weight: 700;background: url('../img/arrow_home.png') no-repeat calc(100% - 1.5rem) center / 1rem;width: 100%;display: block;color: #646464;border: 1px solid #e3e3e3;padding: 1.5rem 1rem;border-radius: 1rem;margin-bottom: 1rem;}


/* content_with_ad */
.content_with_ad {margin: 2rem 0 3rem;}
.content_with_ad a {display: flex;margin-bottom: .5rem;margin-top: 1rem;}
.content_with_ad a .img_wrap {width: 47%;object-fit: cover;}
.content_with_ad a .img_wrap img {width: 100%;}
.content_with_ad a span {padding: .7rem .5rem;width: 53%;}
.content_with_ad a span h3 {font-weight: 800;font-size: 1.6rem;margin-bottom: .4rem;word-break: break-all;}
.content_with_ad a span p {word-break: break-all;font-size: 1.4rem;color: #aaa;line-height: 1.2;}



/* list.php */
.innerWrapper {padding: 2rem;}
.compareTopMenu {border-radius: .7rem;margin-bottom: 1.2rem;display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;flex-direction: column;}
.compareTopMenu input {background: #f2f2f2 url('../img/search.png') no-repeat 2rem center / 2rem;border-radius: 1rem;padding: 1.5rem 1rem 1.5rem 5rem;width: 100%;font-size: 1.4rem;margin-bottom: .8rem;}.compareTopMenu input::placeholder {color: #949494;}
.compareTopMenu select {border: none;outline: none;padding: 0.5rem;text-align: right;padding-right: 3rem;font-size: 1.4rem;background: url('../img/arrow_input.png') no-repeat calc(100% - 1rem) center / .9rem;color: #8f8f8f;}
.list_wrap {width: 100%;}
.list_wrap ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.list_wrap ul li {width: 49%;min-height: 16rem;border-radius: 1rem;margin-bottom: 1rem;padding: 1.5rem;border: 1px solid #ffb8b8;}
.list_wrap ul li a {height: 100%;display: flex;justify-content:space-between;flex-direction: column;}
.list_wrap ul li a h2 {word-break: break-all;font-weight: 800;line-height: 1.2;font-size: 1.6rem;color: #000;margin-bottom: .4rem;}
.list_wrap ul li a p.bank {margin-bottom: .8rem;font-size: 1.4rem;color: #666;}
.list_wrap ul li a p.small {margin-bottom: .5rem;font-size: 1.4rem;color: #6e6e6e;line-height: 1.2;font-weight: 600;}
.list_wrap ul li a p.small span {color: #ef9595;}
.list_wrap ul li a p.big {font-size: 1.4rem;font-weight: 500;color: #6e6e6e;margin-top: 1rem;line-height: 1.4;display: flex;align-items: end;flex-wrap: wrap;justify-content: space-between;gap: .5em;}
.list_wrap ul li a p.big em {font-size: inherit;font-weight: 800;font-size: 2.4rem;color: #f6635c;line-height: 1.2;margin-right: .2rem;}
.list_wrap ul li a p span {font-size: inherit;font-weight: inherit;color: #00498c;}



/* list_sub */
.title_wrap {background-color: #fffadd;border: 1px solid #ffb9b9;border-radius: 1rem;padding: .5rem 0 0;}
.title_wrap .title {margin: 0 1rem;padding: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #c7c6c5;}
.title_wrap .title .bank {text-align: center;font-size: 1.6rem;line-height: 1.5;color: #535457;}
.title_wrap .title h2 {text-align: center;font-weight: 800;font-size: 2.2rem;padding: 0.5rem 0 0 0;}
.title_wrap .flex {display: flex;align-items: center;padding: .5rem 1rem 1.5rem;justify-content: space-between;}
.title_wrap .left {font-size: 1.6rem;color: #aaa;}
.title_wrap .right {font-size: 2.2rem;font-weight: 800;color: #ef9595;}
.innerWrapper .box {border-radius: 1rem;margin-top: 2rem;}
.innerWrapper .box pre {font-size: 1.6rem;line-height: 1.3;}
.innerWrapper .box .detail_info dt {font-size: 1.6rem;font-weight: 800;line-height: 1.5;padding-top: 1.5rem;}
.innerWrapper .box .detail_info dd {font-size: 1.6rem;line-height: 1.4;color: #545454;}
.innerWrapper .warn {color: #666;line-height: 1.3;margin-top: 2rem;font-size: 1.4rem;border-radius: .5rem;padding: 1.2rem 1rem;background-color: #f7f7f7;}



/* toggle_wrap */
.toggle_wrap {transform: translateY(-4.5rem);}
.toggle_wrap .box {display: block;margin: 1.3rem 2rem;padding: 1.5rem;border-radius: .7rem;background-color: #fff;border: 1px solid #ffb9b9;}
.toggle_wrap .box h4 {border-radius: .5rem;font-size: 1.8rem;font-weight: bold;background: url('../img/arrow_qna.png') no-repeat calc(100% - .3rem) center / .8rem;line-height: 1.2;color: #5e4040;}
.toggle_wrap .box.open h4 {background: url('../img/arrow-up.png') no-repeat calc(100% - .3rem) center / 1.5rem;}
.toggle_wrap .box h4 span {font-size: 1.6rem;color: #00488c;display: block;margin-top: .5rem;}
.toggle_wrap .box pre {line-height: 1.4;margin-top: 2rem;font-size: 1.6rem;padding-top: 1rem;border-top: 1px solid #ddd;}
.qna_sub {margin: 2rem;display: block;border-radius: .7rem;background-color: #fff;border: 1px solid #ffb9b9;}
.qna_sub h2 {border-radius: .5rem;font-size: 1.8rem;font-weight: bold;line-height: 1.2;color: #5e4040;padding: 1.5rem;background-color: #fffadd;}
.qna_sub pre {padding: 1.5rem;line-height: 1.4;font-size: 1.6rem;padding-top: 1rem;border-top: 1px solid #ffb9b9;}


/* sub_wrap */
.sub_wrap h2 {font-size: 1.8rem;font-weight: 700;color: #fff;background-color: #e58585;border-radius: 1rem;padding: .5rem 1.8rem .4rem;line-height: 1.4;width: fit-content;margin: 1rem 2rem;word-break: break-all;}
.sub_wrap pre {font-size: 1.6rem;line-height: 1.6;color: #636363;margin: 1rem 2rem 3rem;}
.sub_wrap img {width: 100%;padding: 0 2rem;}
.product_wrap .box {padding: 2rem 1.5rem 1rem;margin: 0 2rem 1.3rem;border-radius: .7rem;border: 1px solid #ffb9b9;}
.product_wrap .box .name {font-size: 1.9rem;font-weight: 800;margin-bottom: .5rem;color: #f6635c;}
.product_wrap .box .bank {font-size: 1.6rem;color: #595959;}
.product_wrap .box .bold {font-size: 1.6rem;font-weight: bold;color: #5f5f5f;white-space: nowrap;margin-right: 1rem;}
.product_wrap .box .content {font-size: 1.6rem;line-height: 1.4;color: #595959;}
.product_wrap .box span {display: flex;margin-bottom: .8rem;}
.product_wrap .box span:first-of-type {margin-top: 2rem;}
.product_wrap img {width: 100%;padding: 0 2rem;margin-top: 2rem;}
.intro {width: 100%;padding: 2rem;}