@charset "UTF-8";

/* sass */
a { word-break: break-all; }

.u-br-pc { display: inline !important; }

.u-br-sp { display: none !important; }

.u-disp-b-n { display: block !important; }

.u-disp-n-b { display: none !important; }

.u-mgt0 { margin-top: 0 !important; }

.l-all { overflow: hidden; }

.member-top .c-breadcrumb { margin-bottom: 0; }

.l-top-body { background: url(../image/top_kv_pc.jpg) no-repeat left bottom/cover; min-height: 912px; }

.l-top-main { max-width: 1040px; margin: 0 auto; padding: 0 20px; }

.top-hdg-lv1 { height: 90px; background-color: #FFD500; display: flex; align-items: center; }

.top-hdg-lv1_inner { display: block; align-items: center; width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 147px 0 20px; position: relative; }

.top-hdg-lv1_inner > img { max-width: 826px; width: 100%; height: auto; }

.top-hdg-lv1_inner .ballon { position: absolute; right: 0; top: -4px; width: 147px; height: 135px; z-index: 1; }

.top-hdg-lv1_inner .ballon img { width: 100%; height: auto; }

.top-txt-lead { text-align: center; color: #524D2F; font-weight: bold; font-size: 18px; font-size: 1.125rem; margin-top: 45px; }

.top-benefit { margin-top: 50px; position: relative; background-color: rgba(255, 255, 255, 0.8); border-radius: 20px; min-height: 280px; padding: 50px 32px; }

.top-benefit::before, .top-benefit::after { content: ''; position: absolute; display: block; }

.top-benefit::before { width: 105px; height: 151px; background: url(../image/top_bg_item1.png) no-repeat center/cover; left: -65px; top: -69px; }

.top-benefit::after { width: 133px; height: 192px; background: url(../image/top_bg_item2.png) no-repeat center/cover; bottom: -100px; right: -60px; }

.top-benefit_inner { display: flex; justify-content: space-between; position: relative; }

.top-benefit_inner::before { content: ''; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 1px; height: 93%; background-color: #188C04; }

.top-benefit_inner .box { position: relative; }

.top-benefit_inner .box::after { position: absolute; content: ''; right: 0; bottom: 0; }

.top-benefit_inner .box .hdg { font-weight: bold; font-size: 23px; font-size: 1.4375rem; padding-left: 58px; margin-top: 8px; position: relative; color: #524D2F; line-height: 1.5; }

.top-benefit_inner .box .hdg::before { position: absolute; content: ''; left: 0; top: -10px; width: 47px; height: 49px; }

.top-benefit_inner .box .txt { font-size: 14px; font-size: 0.875rem; margin-top: 23px; }

.top-benefit_inner .box .link { margin-top: 10px; }

.top-benefit_inner .box .link > li a { color: #188C04; font-weight: bold; font-size: 14px; font-size: 0.875rem; padding-right: 12px; position: relative; }

.top-benefit_inner .box .link > li a::after { content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; border-top: 2px solid #188C04; border-left: 2px solid #188C04; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: .25em; }

.top-benefit_inner .box1 { width: 45.4%; }

.top-benefit_inner .box1::after { width: 72px; height: 75px; background: url(../image/top_icn_benefit1.png) no-repeat center/cover; }

.top-benefit_inner .box1 .hdg::before { background: url(../image/top_icn_hdg1.png) no-repeat center/cover; }

.top-benefit_inner .box2 { width: 46.4%; }

.top-benefit_inner .box2::after { width: 74px; height: 48px; background: url(../image/top_icn_benefit2.png) no-repeat center/cover; }

.top-benefit_inner .box2 .hdg::before { background: url(../image/top_icn_hdg2.png) no-repeat center/cover; }

.top-hdg-lv2 { position: absolute; left: 0; right: 0; margin: auto; top: -16px; width: 16.8%; }

.top-hdg-lv2 img { width: 100%; height: auto; }

.top-list-btn { margin-top: 43px; text-align: center; }

.top-list-btn > li { margin-top: 30px; }

.top-list-btn > li a { display: block; width: 50%; margin: 0 auto; border: 1px solid #188C04; font-weight: bold; font-size: 20px; font-size: 1.25rem; border-radius: 60px; padding: 17px 20px; line-height: 1.2; }

.top-list-btn > li a:hover { text-decoration: none; }

.top-list-btn > li a > span { display: block; padding: 0 12px; position: relative; }

.top-list-btn > li a > span::after { position: absolute; right: 0; top: 50%; margin-top: -4px; }

.top-list-btn > li.pt1 a { background-color: #188C04; color: #fff; }

.top-list-btn > li.pt1 a > span::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.top-list-btn > li.pt1 a:hover { background-color: #fff; color: #188C04; }

.top-list-btn > li.pt1 a:hover > span::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #188C04; border-left: 2px solid #188C04; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.top-list-btn > li.pt2 a { color: #188C04; background-color: #fff; }

.top-list-btn > li.pt2 a > span::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #188C04; border-left: 2px solid #188C04; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.top-list-btn > li.pt2 a:hover { color: #fff; background-color: #188C04; }

.top-list-btn > li.pt2 a:hover > span::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.top-list-link { margin-top: 15px; display: flex; justify-content: center; margin-left: -30px; }

.top-list-link > li { margin-left: 30px; }

.top-list-link > li a { color: #188C04; font-weight: bold; font-size: 14px; font-size: 0.875rem; padding-right: 12px; position: relative; }

.top-list-link > li a::after { content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; border-top: 2px solid #188C04; border-left: 2px solid #188C04; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: .25em; }

.top-contact { margin: 40px 0 0; padding-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.top-contact_txt { font-size: 14px; font-size: 0.875rem; color: #333333; font-weight: bold; text-shadow: 0px 0px 6px #fff; }

.top-contact_txt a { color: #333333; }

.img-wrap-main { margin-bottom: 60px; }

.img-wrap-main img { width: 100%; height: auto; }

.img-wrap { margin-top: 20px; }

.img-wrap img { width: 100%; height: auto; }

.txt-st + .img-wrap { margin-top: 10px; }

.sec-lv2 { margin-left: 40px; }

.hdg-lv2 { margin-top: 40px; font-size: 18px; font-size: 1.125rem; border-bottom: 1px solid #D8D8D8; color: #524D2F; font-weight: normal; }

.hdg-lv3 { font-size: 14px; font-size: 0.875rem; line-height: 1.5; font-weight: bold; color: #505032; position: relative; padding-left: 10px; margin-top: 20px; }

.hdg-lv3::before { content: ''; position: absolute; border-radius: 50%; background-color: #FFD500; width: 5px; height: 5px; left: 0; top: 7px; }

.hdg-q { margin-top: 40px; border: 1px solid #FFD500; border-radius: 3px; font-weight: bold; font-size: 16px; font-size: 1rem; color: #505032; line-height: 1.5; padding: 12px 16px 10px 50px; background: url(../faq/image/icn_hdg_q.svg) no-repeat 10px 10px/30px auto; }

.txt-st { color: #524D2F; font-size: 14px; font-size: 0.875rem; line-height: 1.5; margin-top: 18px; }

.m-categoryTitle + .txt-st { margin-left: 40px; }

.txt-ans-wrap .txt-st:first-child { margin-top: 0; }

.txt-ans-wrap .txt-st + .txt-st { margin-top: 25px; }

.txt-ans-wrap { font-size: 14px; font-size: 0.875rem; line-height: 1.5; color: #524D2F; padding: 5px 0 0 50px; margin-top: 20px; background: url(../faq/image/icn_hdg_a.svg) no-repeat 10px 0/30px auto; }

.list-link { font-size: 14px; font-size: 0.875rem; }

.list-link > li { margin-top: 18px; line-height: 1.5; }

.list-link > li a { display: inline-block; vertical-align: middle; }

.list-link > li a::after { content: ''; content: ''; display: inline-block; position: absolute; width: 7px; height: 7px; border-top: 1px solid #1C98BB; border-left: 1px solid #1C98BB; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: static; display: inline-block; vertical-align: middle; margin-left: 0.5em; }

.list-link-pt1 { font-size: 14px; font-size: 0.875rem; }

.list-link-pt1 > li { margin-top: 18px; line-height: 1.5; }

.list-link-pt1 > li a { position: relative; padding-left: 18px; }

.list-link-pt1 > li a::after { content: ''; display: inline-block; position: absolute; width: 7px; height: 7px; border-top: 1px solid #1C98BB; border-left: 1px solid #1C98BB; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; left: 0; top: 6px; }

.row-pt1 { display: flex; justify-content: space-between; }

.row-pt1_txt-wrap { width: 83%; }

.row-pt1_img-wrap { width: 15.4%; margin-top: 18px; }

.row-pt1_img-wrap img { width: 100%; height: auto; }

.list-attr { color: #524D2F; font-size: 12px; font-size: 0.75rem; margin-top: 15px; }

.list-attr > li { line-height: 1.5; display: flex; position: relative; margin-top: 5px; }

.list-attr > li .list-attr { margin-top: 5px; }

.list-attr > li::before { margin-right: 0.1em; white-space: nowrap; content: attr(data-txt); }

.list-num { color: #524D2F; font-size: 14px; font-size: 0.875rem; margin-top: 20px; }

.list-num > li { line-height: 1.5; display: flex; position: relative; }

.list-num > li::before { margin-right: 0.1em; white-space: nowrap; content: attr(data-txt); }

.txt-st + .list-num { margin-top: 15px; }

.member .c-subNav .toIndex a { padding: 15px 20px 15px 14px; text-align: left; }

.nav-other { margin-top: 40px; }

.nav-other_hdg { border-radius: 5px 5px 0 0; font-size: 16px; font-size: 1rem; text-align: center; border: 1px solid #FFD500; font-weight: bold; color: #524D2F; line-height: 1; background-color: #F7F3E1; padding: 8px; }

.nav-other_list { border-left: 1px solid #FFD500; border-right: 1px solid #FFD500; border-bottom: 1px solid #FFD500; padding: 0 20px; border-radius: 0 0 5px 5px; }

.nav-other_list > li { font-size: 14px; font-size: 0.875rem; line-height: 1.5; }

.nav-other_list > li + li { border-top: 1px solid #FFD500; }

.nav-other_list > li a { color: #505032; text-decoration: none; padding: 16px 0 16px 18px; display: block; position: relative; }

.nav-other_list > li a:hover { text-decoration: underline; }

.nav-other_list > li a::before { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; content: ''; display: inline-block; position: absolute; width: 7px; height: 7px; border-top: 1px solid #A09283; border-left: 1px solid #A09283; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.nav-other_bnr { margin-top: 20px; }

.nav-other_bnr a { display: block; }

.nav-other_bnr a:hover { opacity: .7; }

.nav-other_bnr a img { width: 100%; height: auto; }

.member .c-subNav { margin-bottom: 30px; }

@media print, all and (max-width: 599px) { .u-br-pc { display: none !important; } .u-br-sp { display: inline !important; } .u-disp-b-n { display: none !important; } .u-disp-n-b { display: block !important; } .l-top-body { background: url(../image/top_kv_sp.jpg) no-repeat center bottom/cover; } .top-hdg-lv1 { height: auto; }
  .top-hdg-lv1_inner { padding: 17px 13px 17px 20px; }
  .top-hdg-lv1_inner .ballon { right: 10px; top: auto; bottom: -74px; width: 134px; height: 123px; } .top-txt-lead { text-align: left; font-size: 16px; font-size: 1rem; margin-top: 25px; } .top-benefit { margin-top: 40px; padding: 36px 20px; }
  .top-benefit::before { width: 63px; height: 88px; left: -16px; top: -32px; }
  .top-benefit::after { width: 64px; height: 95px; bottom: -20px; right: 0; }
  .top-benefit_inner { display: block; }
  .top-benefit_inner::before { content: none; }
  .top-benefit_inner .box .hdg { font-size: 18px; font-size: 1.125rem; padding-left: 45px; margin-top: 22px; }
  .top-benefit_inner .box .hdg::before { left: 0; top: -10px; width: 37px; height: 41px; }
  .top-benefit_inner .box .txt { font-size: 14px; font-size: 0.875rem; margin-top: 13px; }
  .top-benefit_inner .box1 { width: auto; }
  .top-benefit_inner .box1::after { width: 49px; height: 47px; bottom: 28px; right: 10px; }
  .top-benefit_inner .box1 .hdg { margin-right: -1em; }
  .top-benefit_inner .box1 .link { margin-top: 30px; }
  .top-benefit_inner .box2 { width: auto; padding-top: 10px; margin-top: 24px; border-top: 1px solid #188C04; }
  .top-benefit_inner .box2::after { width: 48px; height: 31px; bottom: 57px; right: 10px; }
  .top-benefit_inner .box2 .link { margin-top: 22px; } .top-hdg-lv2 { top: -20px; width: 168px; } .top-list-btn { margin-top: 60px; }
  .top-list-btn > li a { width: auto; font-size: 16px; font-size: 1rem; border-radius: 60px; padding: 18px 20px; }
  .top-list-btn > li.pt1 a:hover { background-color: #188C04; color: #fff; }
  .top-list-btn > li.pt1 a:hover > span::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .top-list-btn > li.pt2 a:hover { color: #188C04; background-color: #fff; }
  .top-list-btn > li.pt2 a:hover > span::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #188C04; border-left: 2px solid #188C04; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .top-list-link { margin-top: 35px; display: block; margin-left: 0; text-align: center; }
  .top-list-link > li { margin-left: 0; margin-top: 20px; } .top-contact { margin: 60% 0 0; padding-bottom: 28px; display: block; }
  .top-contact_txt + .top-contact_txt { margin-top: 20px; } .img-wrap-main { margin-bottom: 40px; } .sec-lv2 { margin-left: 0; } .list-link-pt1 > li { margin-top: 28px; } .row-pt1_txt-wrap { width: 70%; }
  .row-pt1_img-wrap { width: 26.8%; } .nav-other_list > li a:hover { text-decoration: none; } }