@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; }

a:hover { text-decoration: none; }

body#nenkin_teiki { font-family: 'Noto Sans JP', sans-serif; }

img { width: 100%; height: auto; vertical-align: bottom; }

.sp_obj { display: none; }
@media only screen and (max-width: 992px) { .sp_obj { display: block; } }

.pc_obj { display: block; }
@media only screen and (max-width: 992px) { .pc_obj { display: none; } }

.sp_br { display: none; }
@media only screen and (max-width: 992px) { .sp_br { display: inline-block; } }

.pc_br { display: inline-block; }
@media only screen and (max-width: 992px) { .pc_br { display: none; } }

.scroll-hint-icon { transform: scale(79%); }

/*============================
年金受取口座指定キャンペーン
============================*/
#nenkin_uketori_cp { /*============================
キャンペーン概要
============================*/ }
#nenkin_uketori_cp .header_box_logo { width: 255px; height: auto; margin: 0 auto; padding: 22px 0 26px; display: flex; flex-direction: column; align-items: center; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .header_box_logo { width: calc((148 / 320) * 100 * 1vw); padding: calc((10 / 320) * 100 * 1vw) 0 calc((12 / 320) * 100 * 1vw); } }
#nenkin_uketori_cp .header_box_logo .cls-logo a { display: block; height: 38px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .header_box_logo .cls-logo a { height: calc((28 / 320) * 100 * 1vw); } }
#nenkin_uketori_cp .header_box_logo .bank_code { text-align: center; font-size: 12px; line-height: 1em; margin-top: 5px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .header_box_logo .bank_code { font-size: calc((8.5 / 320) * 100 * 1vw); margin-top: calc((3 / 320) * 100 * 1vw); } }
#nenkin_uketori_cp .cp_head { background-color: #FFF095; background-image: url("../img/cp_head_bk_lt.png"), url("../img/cp_head_bk_rt.png"), url("../img/cp_head_bk_lb.png"), url("../img/cp_head_bk_rb.png"); background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; background-position: left top,right top,left bottom,right bottom; width: 100%; border-top: #d3d4d4 solid 1px; overflow: hidden; position: relative; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .cp_head { max-height: none; background: none; height: calc((470 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .cp_head .cp_head_wrap { position: relative; max-height: 780px; height: calc((780 / 1400) * 100 * 1vw); max-width: 1400px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .cp_head .cp_head_wrap { max-height: none; height: calc((470 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp section h3 { display: flex; justify-content: center; align-items: center; height: 127px; background-color: #ea665c; font-size: 30px; line-height: 1; font-weight: 700; color: #FFF; position: relative; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp section h3 { font-size: calc((20 / 375) * 100 * 1vw); background-size: auto calc((69 / 375) * 100 * 1vw); height: calc((70 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp section .contents .inner_contents p { font-size: 16px; font-weight: 400; line-height: 28px; width: calc((850 / 890) * 100 * 1%); margin: 0 auto; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp section .contents .inner_contents p { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75; width: 100%; } }
#nenkin_uketori_cp section .contents .inner_contents ul li { font-size: 16px; font-weight: 400; line-height: 28px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp section .contents .inner_contents ul li { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75; } }
#nenkin_uketori_cp section .contents .inner_contents .important_items { color: #e90000; background-color: #fff1ed; padding: 21px 33px 28px; margin-top: 23px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp section .contents .inner_contents .important_items { padding: calc((14 / 375) * 100 * 1vw) calc((17 / 375) * 100 * 1vw) calc((17 / 375) * 100 * 1vw); margin-top: calc((24 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp #campaign_overview { padding-bottom: 80px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview { padding-bottom: calc((60 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp #campaign_overview h3 { margin-bottom: 90px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview h3 { margin-bottom: calc((36 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents { max-width: 1000px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents { max-width: inherit; width: calc((320 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl { display: flex; align-items: center; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl { display: block; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dt { border-top: #62b53f solid 3px; flex: 0 0 267px; font-size: 18px; line-height: 1; font-weight: 700; letter-spacing: 0.08em; color: #62b53f; align-self: stretch; min-height: 100px; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dt { border-top: #62b53f solid calc((2 / 375) * 100 * 1vw); font-size: calc((16 / 375) * 100 * 1vw); min-height: inherit; padding: calc((13 / 375) * 100 * 1vw) 0; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd { border-top: #b5b5b5 solid 1px; flex: 1 1 733px; min-height: 98px; display: flex; align-items: center; font-size: 18px; font-weight: 400; padding-left: 38px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd { min-height: calc((53 / 375) * 100 * 1vw); font-size: calc((15 / 375) * 100 * 1vw); padding-left: 0; justify-content: center; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd span { font-size: 0.8em; letter-spacing: 0.04em; display: inline; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd span { letter-spacing: 0.05em; line-height: calc((21 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd ul { margin: 30px 0; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd ul { margin: calc((19 / 375) * 100 * 1vw) 0; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd ul li { font-size: 16px; line-height: 28px; letter-spacing: 0.04em; list-style: none; padding-left: 1em; position: relative; }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd ul li .unl { text-decoration: underline; color: #e90000; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd ul li { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75; letter-spacing: 0; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl dd ul li::before { content: "・"; position: absolute; left: 0; top: 0; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl:nth-last-of-type(1) { border-bottom: #62b53f solid calc((2 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl:nth-last-of-type(1) dt { border-bottom: #62b53f solid 3px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl:nth-last-of-type(1) dt { border-bottom: none; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl:nth-last-of-type(1) dd { border-bottom: #b5b5b5 solid 1px; margin: 1px 0; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl:nth-last-of-type(1) dd { margin: 0; border-bottom: none; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl.target_guest dd { flex-direction: column; justify-content: center; align-items: flex-start; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl.target_guest dd { align-items: center; padding: 0; } }
#nenkin_uketori_cp #campaign_overview .contents .inner_contents dl + p { font-size: 13px; margin-top: 23px; text-align: right; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp #campaign_overview .contents .inner_contents dl + p { font-size: calc((12 / 375) * 100 * 1vw); margin-top: calc((20 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .support { background-color: #fffabd; text-align: center; padding: 58px 0 50px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .support { padding: calc((38 / 375) * 100 * 1vw) 0 calc((29 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .support p { font-size: 15px; line-height: 1; font-weight: 400; letter-spacing: 0.05em; margin-bottom: 29px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .support p { font-size: calc((12 / 375) * 100 * 1vw); line-height: 1.75; margin-bottom: calc((15 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .support .support_center { font-size: 22px; font-weight: 700; letter-spacing: 0; margin-bottom: 14px; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .support .support_center { font-size: calc((14 / 375) * 100 * 1vw); margin-bottom: calc((10 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .support a { font-size: 45px; font-weight: 700; letter-spacing: 0.095em; margin-bottom: 19px; line-height: 1; display: inline-flex; color: #000; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .support a { font-size: calc((28.8 / 375) * 100 * 1vw); margin-bottom: calc((15 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .support a::before { content: ""; width: 85px; height: 51px; background: url(../../../common/images/free_call_mark.svg) no-repeat center center/contain; display: inline-block; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .support a::before { width: calc((55 / 375) * 100 * 1vw); height: calc((33 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .support .support_time { font-size: 14px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 0; color: #333; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .support .support_time { font-size: calc((11 / 375) * 100 * 1vw); line-height: calc((17 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .scroll_top { background-color: #ea665c; display: flex; justify-content: center; align-content: center; align-items: center; position: fixed; right: 108px; bottom: 83px; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp .scroll_top { right: calc((15 / 375) * 100 * 1vw); bottom: calc((45 / 375) * 100 * 1vw); width: calc((50 / 375) * 100 * 1vw); height: calc((50 / 375) * 100 * 1vw); } }
#nenkin_uketori_cp .scroll_top::before { content: ''; display: inline-block; border: 0; border-top: solid 2px #fff; border-right: solid 2px #fff; width: 11px; height: 11px; transform: rotate(-45deg) translateX(-2px) translateY(1px); }
#nenkin_uketori_cp footer { background-color: #ea665c; border: none; }
#nenkin_uketori_cp footer p { font-size: 10px; line-height: 38px; text-align: center; color: #FFF; letter-spacing: 0.1em; }
@media only screen and (max-width: 992px) { #nenkin_uketori_cp footer p { font-size: calc((7 / 375) * 100 * 1vw); line-height: calc((20 / 375) * 100 * 1vw); } }