body { color: #222; font-size: 1.2rem; line-height: 1.5; font-weight: bold; }
@media (min-width: 769px) {
body { font-size: 0.7rem; }
}

.p_txt { font-size: 1.45rem; line-height: 1.5; font-weight: 400; color: #2c2c2c; }

@media (max-width: 768px) {
.pc { display: none !important; }
.inner { margin: 0 1rem; }
.tab{display: none;}
}

@media (min-width: 769px) {
.sp { display: none !important; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.u-target { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.u-target:hover { opacity: .8; filter: alpha(opacity=80); }
.inner { max-width: 980px; margin: 0 auto; }
.p_txt { font-size: 0.7rem; line-height: 1.8; }
.tab{display: none;}
}

/*----------------------------------------------------------
header
----------------------------------------------------------*/
#header{ width: 100%;  background: #fff; position: fixed; top: 0; z-index: 10; }
.header_bg { background: #fff; padding-bottom: 0.45rem; }
.header_logo { float: left; width: 17.3rem; padding: 0.95rem 1rem 0 0.15rem; }
.header_btn { float: right; width: 11.5rem; margin-right: -1rem; }
.header_btn .image { width: 100%; }
.header_btn a { display: inline-block; }

@media (min-width: 769px) {
.header_bg { padding: 1px 0; }
.header_logo { width: 16rem; padding: 0.95rem 2rem 0 0.35rem; }
.header_btn { width: 12rem; margin-right: 0; }
}

@media (min-width: 769px) and (max-width: 880px){.header_btn { width: 11.5rem;  }}

/*----------------------------------------------------------
kv
----------------------------------------------------------*/
.kv { padding-top: 4.0rem; }
.kv_bg { background: #fff; }
.kv_main { text-align: center; }
.kv_main_image { width: 100%; }
.kv_slogan { padding: 1rem 1rem 1.4rem; }
.kv_slogan_txt { font-size: 1.4rem; line-height: 1.64285714; color: #373737; text-align: center; letter-spacing: 1px; }

@media (min-width: 769px) {
.kv { padding-top: 95px; margin-bottom: -1.65rem; }
.kv_bg { background: url(../img/webp/kv_main_bg_pc.webp) no-repeat top center; background-size: cover; position: relative; }
.kv_slogan { padding: 0; position: absolute; top: -3.65rem; left: calc(50vw - 24.5rem + 18.4rem); }
.kv_slogan_txt { font-size: 0.8rem; line-height: 1.5; color: #373737; text-align: left; letter-spacing: 0.1rem; }
}

@media (min-width: 769px) and (max-width: 980px) { .kv_slogan { left: 17.4rem; } }

@media (min-width: 769px) and (max-width: 880px) { .kv_slogan_br{ display: none;} .tab{display: block;} .kv_slogan_txt{ font-size: 0.7rem; }}

/*----------------------------------------------------------
support
----------------------------------------------------------*/
.support { overflow: hidden; }
.support_bg { background: url(../img/webp/support_bg_sp.webp) no-repeat top center #d9f5fd; background-size: 32rem 75rem; padding: 2.5rem 0; }
.support_brand_ttl { margin-bottom: 1.5rem; text-align: center;}
.support_brand_ttl .image { width: 30rem; }
.support_brand_copy01 { font-size: 1.5rem; color: #003180; text-align: center; line-height: 1.66666667; margin-bottom: 3.25rem; letter-spacing: 0.1rem; }
.support_brand_box { margin-bottom: 2.5rem; position: relative; }
.support_brand_box::before { position: absolute; border-radius: 0.5rem; border: 1px dashed #fff; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; }
.support_brand_box .box_inner { position: relative; background: #fff; z-index: 2; border-radius: 0.5rem; padding: 1.3rem 1.3rem 1rem; }
.support_brand_copy02 { text-align: center; border-bottom: 0.1rem dashed #003180; padding-bottom: 0.2rem; letter-spacing: 0.1rem; }
.support_brand_copy02 .txt { font-size: 1.4rem; color: #373737; line-height: 1.89285714; }
.support_brand_copy02 .lg { font-size: 1.9rem; line-height: 1.39473684; }
.support_brand_logo{margin-bottom: 1.2rem;}
.support_brand_logo .image { width: 100%; }
.support_brand_txt{font-size: 0.9rem; color: #555555; text-align: right;}
.support_brand_btn { text-align: center; margin-bottom: 11.6rem; }
.support_brand_btn .btn { width: 30rem; }
.support_brand_btn .btn_image { width: 100%; }
.support_body { position: relative; }
.support_body::before { position: absolute; top: 0; left: -0.5rem; width: 31rem; height: 100%; content: ""; background: url(../img/webp/support_body_bg.webp) repeat top center; background-size: 0.75rem 0.75rem; }
.support_body_inner { background: #fff; border: 1px solid #000; position: relative; z-index: 2; }
.support_about { padding-top: 5.85rem; }
.support_about_ttl { position: absolute; width: 28.8rem; top: -8.15rem; left: 0.65rem; }
.support_about_int { text-align: center; color: #525c6e; font-size: 1.5rem; line-height: 1.6; }
.support_about_int .lg01 { font-size: 1.8rem; line-height: 1.35; display: inline-block;  }
.support_about_int .lg02 { font-size: 2.8rem; line-height: 1.05357143; display: inline-block; vertical-align: bottom; }
.support_about_int .lg03 { font-size: 2.4rem; line-height: 1; display: inline-block; font-family: Arial; vertical-align: bottom; }
.support_about_int .lg04 { font-size: 1.5rem; }
.support_about_int .lg05 { font-size: 1.5rem;}
.support_about_int .lg06 { font-size: 1.2rem;}
.support_about_int .bracket-left{margin-left: -0.7rem; font-weight: normal;}
.support_about_int .bracket-right{margin-right: -0.7rem; font-weight: normal;}
.support_about_int .hl { color: #f10854;}
.support_about_copy { margin-top: 3.2rem; text-align: center; margin-bottom: 1rem; }
.support_about_copy .image { width: 18.25rem; }
.support_reason_ttl { text-align: center; background: #003180; padding: 1.6rem 0; }
.support_reason_ttl .image { width: 27.35rem; }
.support_reason_list { padding-bottom: 1rem; }
.support_reason_item { background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, white), to(#f6f6f6)); background: -webkit-linear-gradient(bottom, white 60%, #f6f6f6 100%); background: -o-linear-gradient(bottom, white 60%, #f6f6f6 100%); background: linear-gradient(0deg, white 60%, #f6f6f6 100%); position: relative; padding: 1.75rem 0 1.3rem 6.1rem; }
.support_reason_item .num { width: 6.25rem; position: absolute; left: -0.9rem; top: 0.7rem; }
.support_reason_item .num_image { width: 100%; }
.support_reason_item .copy { font-size: 1.35rem; line-height: 1.5; color: #555555; }
.support_reason_item .copy .hl { font-size: 1.7rem; color: #003180; }
.support_reason_item .note { margin-top: 1rem; margin-right: 0.5rem; font-size: 0.9rem; color: #555555; text-align: right; }
.support_reason_foot .image01_image { width: 100%; }
.support_reason_foot .image02_image { width: 100%; }
.support_point_ttl .image { width: 100%; }
.support_point_list { padding-bottom: 1.8rem; }
.support_point_item { padding: 1.25rem 1rem 1.85rem; }
.support_point_item .head { position: relative; padding: 0 5.8rem 0 7.5rem; border-bottom: 0.1rem dashed #fbdc26; margin-bottom: 1rem; min-height: 7.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.support_point_item .head_num { position: absolute; left: -2.05rem; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7.8rem; }
.support_point_item .head_num_image { width: 100%; }
.support_point_item .head_copy { font-size: 2.2rem; line-height: 1.2; color: #003180; }
.support_point_item .head_ico { width: 6.35rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -0.5rem; }
.support_point_item .copy { font-size: 1.3rem; line-height: 1.53846154; font-weight: 300; color: #0c576c; }

@media (min-width: 769px) {
.support_bg { background-image: url(../img/webp/support_bg_pc.webp); background-size: 100rem 75rem; padding: 4rem 0 3rem; }
.support_brand_ttl { margin-bottom: 1.3rem; text-align: center; }
.support_brand_ttl .image { width: 30.0rem; }
.support_brand_copy01 { font-size: 1.1rem; margin-bottom: 1.5rem; }
.support_brand_box { margin-bottom: 2.1rem; }
.support_brand_box .box_inner { padding: 1.65rem 6.58163265% 1rem; }
.support_brand_copy02 { padding-bottom: 1.3rem; }
.support_brand_copy02 .txt { font-size: 1.2rem; }
.support_brand_copy02 .lg { font-size: 1.65rem; }
.support_brand_logo{margin: 0;}
.support_brand_txt{font-size: 0.6rem;}
.support_brand_btn { margin-bottom: 7.55rem; }
.support_brand_btn .btn { width: 30rem; }
.support_body { width: 48rem; max-width: 100%; margin: 0 auto; }
.support_body::before { width: calc(100% + 1rem); }
.support_about { padding-top: 5.45rem; }
.support_about_ttl { width: 21.6rem; top: -5.2rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.support_about_ttl .image { width: 100%; }
.support_about_int { line-height: 1.5; }
.support_about_copy { margin-top: 1.75rem; margin-bottom: 0.4rem; }
.support_about_copy .image { width: 18.15rem; }
.support_reason_ttl { padding: 2rem 0; }
.support_reason_ttl .image { width: 27.0rem; }
.support_reason_list { padding-bottom: 0; }
.support_reason_item { padding: 1.575rem 0 1.45rem 14.4050104%; }
.support_reason_item .num { width: 8.76826722%; left: 3.96659708%; top: 0.65rem; }
.support_reason_item .copy { font-size: 1.1rem; }
.support_reason_item .copy { font-size: 1.0rem; }    
.support_reason_item .copy .hl { font-size: 1.4rem; }
.support_reason_item .copy.small .hl{font-size: 1.3rem;}
.support_reason_item .note { margin-top: 0.75rem; margin-right: 1.5rem; font-size: 0.6rem; }
.support_point_list { padding: 0 1.2526096% 2.65rem; }
.support_point_item { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.7rem 2.35546039% 0 3.53319058%; }
.support_point_item .head { padding: 0 20.3883495% 0 26.2135922%; margin-bottom: 0.75rem; height: 5.5rem; min-height: auto; display: table; }
.support_point_item .head_num { left: -0.7rem; width: 28.8625%; top: 50%; }
.support_point_item .head_copy { font-size: 1.5rem; line-height: 1.14705882; display: table-cell; vertical-align: middle; width: 10.15rem; }
.support_point_item .head_ico { width: 21.8446602%; right: -0.5rem; }
.support_point_item .copy { font-size: 0.9rem; line-height: 1.55555556; }
.support_about_int .lg05 { font-size: 1.4rem;}
.support_about_int .lg06 { font-size: 1.4rem;}

}

/*----------------------------------------------------------
slogan
----------------------------------------------------------*/
.slogan { margin-bottom: 5.25rem; overflow: hidden; }
.slogan_bg { background: #fff; position: relative; padding-top: 3rem; padding-bottom: 13.05rem; }
.slogan_headline { position: relative; z-index: 1; padding: 0 1.3rem; }
.slogan_ttl { border-bottom: 0.1rem dashed #003180; text-align: center; padding-bottom: 1.3rem; margin-bottom: 1rem; }
.slogan_ttl_txt { font-size: 2.5rem; line-height: 1.33333333; color: #003180; }
.slogan_copy { position: relative; z-index: 1; text-align: center; }
.slogan_copy_txt { font-size: 1.5rem; line-height: 1.8; color: #003180; letter-spacing: 0.1rem; }
.slogan_pic { position: absolute; width: 32rem; bottom: 0; left: 0; z-index: 0; }

@media (min-width: 769px) {
.slogan { margin-bottom: 2.4rem; }
.slogan_bg { padding-bottom: 0; }
.slogan .inner { padding-bottom: 10rem; }
.slogan_headline { padding: 0; }
.slogan_ttl { width: 32.5rem; margin: 0 auto 1.2rem; padding-bottom: 1.15rem; }
.slogan_ttl_txt { font-size: 2.3rem; line-height: 1.45652174; }
.slogan_copy_txt { font-size: 1rem; line-height: 1.95; }
.slogan_pic { width: 94.3877551%; left: 2.24489796%; }
}



/*----------------------------------------------------------
personal
----------------------------------------------------------*/
.personal { margin-bottom: 3.05rem; }
.personal_bg { background: #f0f0f0; }
.personal_inner { padding-bottom: 3.65rem; }
.personal_ttl { position: relative; top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.personal_ttl img { width: 100%; }
.personal .bx-wrapper { margin: -1rem auto 0; width: 27rem; max-width: 90% !important; -webkit-box-shadow: none; box-shadow: none; border: none; background: transparent; }
.personal .bx-wrapper .bx-controls-direction a { width: 3.2rem; height: 3.2rem; margin-top: -1.6rem; }
.personal .bx-wrapper .bx-next { background: url(../img/webp/personal_ico_next.webp) no-repeat center center; background-size: 100% 100%; right: -2.3rem; right: -8.51851852%; }
.personal .bx-wrapper .bx-prev { background: url(../img/webp/personal_ico_prev.webp) no-repeat center center; background-size: 100% 100%; left: -2.3rem; left: -8.51851852%; }
.personal .bx-wrapper .bx-pager { font-size: 0; padding-top: 1.2rem; bottom: auto; }
.personal .bx-wrapper .bx-pager.bx-default-pager a { background: #6b8fc8; width: 0.5rem; height: 0.5rem; margin: 0 0.6rem; }
.personal .bx-wrapper .bx-pager.bx-default-pager a:hover, .personal .bx-wrapper .bx-pager.bx-default-pager a.active, .personal .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #003180; }
.personal .bx-wrapper .personal_item { display: block; }
.personal .bx-wrapper .personal_item img + img { margin-top: 0.6rem; }

@media (min-width: 769px) {
.personal { margin-bottom: 2rem; }
.personal_bg { background: #fff; }
.personal_inner { background: #f0f0f0; padding-bottom: 3rem; }
.personal_ttl { text-align: center; }
.personal_ttl img { width: 500px; }
.personal .bx-wrapper { margin: -0.3rem auto 0; width: 94.5918367%; max-width: 100% !important; }
.personal .bx-wrapper .bx-next { right: -2.9rem; }
.personal .bx-wrapper .bx-prev { left: -2.9rem; }
.personal .bx-wrapper .bx-pager { padding-top: 1.4rem; }
.personal .bx-wrapper .bx-pager.bx-default-pager a { width: 0.4rem; height: 0.4rem; margin: 0 0.5rem; }
.personal .bx-wrapper .personal_item { display: flex; justify-content: space-between;}
.personal .bx-wrapper .personal_item img { width: 460px; }
.personal .bx-wrapper .personal_item img + img { margin-top: 0; }
}

@media (min-width: 769px) and (max-width: 1062px) {
.personal .bx-wrapper .bx-next { right: -2.70408165%; }
.personal .bx-wrapper .bx-prev { left: -2.70408165%; }
}

/*----------------------------------------------------------
voice
----------------------------------------------------------*/
.voice { overflow: hidden; }
.voice_bg { background: #fff; padding-bottom: 3.05rem; }
.voice_headline { width: 30.5rem; margin-bottom: -3.5rem; }
.voice_headline_image { width: 100%; }
.voice_group .ttl { text-align: center; padding: 0.85rem 0; border-bottom: 0.1rem dashed #003180; }
.even.voice_group .ttl { border-bottom-color: #db3610; }
.voice_group .ttl_image { width: 14.6rem; }
.voice_group .item { margin-top: 2rem; }
.voice_group .item_num { margin-bottom: 0.65rem; text-align: center; }
.voice_group .item_num_image { width: 6.8rem; }
.voice_group .item_box { background: url(../img/webp/voice_bg.webp) repeat top center; background-size: 5rem 5rem; border-radius: 0.1rem; overflow: hidden; border: 1px solid #003180; }
.even.voice_group .item_box { border-color: #db3610; }
.voice_group .item_box_ttl { text-align: center; background: #ffe238; padding: 1.45rem 0; }
.even.voice_group .item_box_ttl { background: #e1ddc7; }
.voice_group .item_box_ttl .txt { font-size: 1.5rem; line-height: 1.6; color: #003180; }
.even.voice_group .item_box_ttl .txt { color: #db3610; }
.voice_group .item_box_ctn { position: relative; padding: 0 1rem 0.5rem 1.3rem; }
.voice_group .item_box_ctn .pht { position: absolute; top: -1.25rem; right: 0; width: 8.45rem; height: 8.45rem; }
.even.voice_group .item_box_ctn .pht { right: 0.65rem; }
.voice_group .item_box_ctn .pht_image { width: 100%; }
.voice_group .item_box_ctn .copy01 { padding: 1.7rem 7rem 1.7rem 0; }
.even.voice_group .item_box_ctn .copy01 { padding-right: 8rem; }
.voice_group .item_box_ctn .copy01_txt { font-size: 1.4rem; line-height: 1.5; position: relative; z-index: 2; }
.voice_group .item_box_ctn .copy01_txt .sm { font-size: 1.2rem; line-height: 1.61538462; }
.even.voice_group .item_box_ctn .copy01_txt .sm { font-size: 1.1rem; }
.voice_group .item_box_ctn .copy02_txt { font-size: 1.2rem; line-height: 1.75; font-weight: normal; margin-bottom: 1rem; }
.voice_group .item_box_ctn .copy02_txt .hl { font-weight: bold; color: #003180; }
.even.voice_group .item_box_ctn .copy02_txt .hl { color: #db3610; }
.voice_group.even { margin-top: 1.65rem; }

@media (min-width: 769px) {
.voice_bg { padding-bottom: 3rem; }
.voice_headline { text-align: center; width: 30.3rem; margin: 0 auto 0.65rem; }
.voice_group.even { margin-top: 3rem; }
.voice_group .ttl { padding: 0.85rem 0 1rem; }
.voice_group .ttl_image { width: 12.5rem; }
.voice_group .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.voice_group .item { margin-top: 1.5rem; float: left; width: 48.8265306%; margin-right: 2.34693878%; }
.voice_group .item:nth-child(2n) { margin-right: 0; }
.voice_group .item_num { margin-bottom: 0.5rem; }
.voice_group .item_num_image { width: 5.4rem; }
.voice_group .item_box { height: calc(100% - 1.95rem); }
.voice_group .item_box_ttl { padding: 1.2rem 0; }
.voice_group .item_box_ttl .txt { font-size: 1.2rem; line-height: 1.58333333; }
.voice_group .item_box_ctn { padding: 0 4.19727177% 0.5rem; }
.voice_group .item_box_ctn .pht { top: -1.1rem; width: 28.1217209%; }
.even.voice_group .item_box_ctn .pht { right: 2.10084034%; }
.voice_group .item_box_ctn .copy01 { padding: 1.4rem 26% 1.4rem 0; }
.even.voice_group .item_box_ctn .copy01 { padding-right: 28%; }
.voice_group .item_box_ctn .copy01_txt { font-size: 1.1rem; line-height: 1.5; position: relative; z-index: 2; }
.voice_group .item_box_ctn .copy01_txt .sm { font-size: 0.95rem; line-height: 1.65; }
.even.voice_group .item_box_ctn .copy01_txt .sm { font-size: 0.9rem; }
.voice_group .item_box_ctn .copy02_txt { font-size: 0.9rem; line-height: 1.77777778; margin-bottom: 0.5rem; }
}

/*----------------------------------------------------------
registration
----------------------------------------------------------*/
.registration { overflow: hidden; }
.registration_head_bg { background: #003180; }
.registration_head_ttl { text-align: center; }
.registration .step_bg { background: #fbdc26; background: -webkit-gradient(linear, left bottom, left top, from(#fbdc26), color-stop(70%, #fbdc26), to(#ffc30b)); background: -webkit-linear-gradient(bottom, #fbdc26 0%, #fbdc26 70%, #ffc30b 100%); background: -o-linear-gradient(bottom, #fbdc26 0%, #fbdc26 70%, #ffc30b 100%); background: linear-gradient(0deg, #fbdc26 0%, #fbdc26 70%, #ffc30b 100%); }
.registration .step_inner { position: relative; padding: 2rem 0.75rem 3rem; }
.registration .step:last-child .step_inner { padding-bottom: 4.5rem; }
.registration .step_pht { position: absolute; top: 0.75rem; right: -0.5rem; width: 11rem; }
.registration .step_num { width: 5.4rem; }
.registration .step_num_image { width: 100%; }
.registration .step_ttl { font-size: 1.7rem; line-height: 1.58823529; color: #003180; margin-top: 1.3rem; margin-bottom: 1.15rem; }
.registration .step_copy { font-size: 1.3rem; line-height: 1.53846154; color: #003180; font-weight: normal; }

@media (min-width: 769px) {
.registration .step_inner { padding: 2rem 36.755102% 2rem 4.59183673%; }
.registration .step:last-child .step_inner { padding-bottom: 4rem; }
.registration .step_pht { top: 1.8rem; right: 9.69387755%; width: 22.4489796%; }
.registration .step_ttl { font-size: 1.4rem; line-height: 1.5; margin-top: 1rem; margin-bottom: 1rem; }
.registration .step_copy { font-size: 0.9rem; line-height: 1.55555556; }
}

/*----------------------------------------------------------
cta
----------------------------------------------------------*/
.cta_bg { background: #47abc7; padding-bottom: 2rem; }
.cta_ttl { position: relative; width: 32rem; max-width: 106.666667%; left: -1rem; top: -0.65rem; text-align: center; }
.cta_ttl img { width: 100%; }
.cta_btn { margin-top: -0.3rem; }
.cta_btn_image { width: 100%; }

@media (min-width: 769px) {
.cta_bg { padding-bottom: 2.05rem; }
.cta_ttl { width: 24.5rem; top: -1.25rem; left: auto; margin: 0 auto; }
.cta_btn { margin-top: -0.85rem; text-align: center; }
.cta_btn_image { width: 30rem; }
}

/*----------------------------------------------------------
concept
----------------------------------------------------------*/
.concept { overflow: hidden; }
.concept_bg { background: url(../img/webp/concept_bg.webp) repeat top center; background-size: 5rem 5rem; padding: 3rem 0; border-top: 1px solid #fbdc26; border-bottom: 1px solid #fff; }
.concept_headline { margin-bottom: 1.4rem; position: relative; }
.concept_headline::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0.35rem; left: 0.35rem; background: url(../img/webp/concept_ttl_bg.webp) no-repeat left center; background-size: 100% 100%; z-index: 1; }
.concept_ttl { padding: 1.3rem 0 1.5rem; text-align: center; background: #fff; position: relative; z-index: 2; }
.concept_ttl_image { width: 17.6rem; }
.concept_intro { position: relative; padding: 0.5rem 7rem 1.75rem 0.75rem; }
.concept_ttl01 { font-size: 1.7rem; line-height: 1.58823529; color: #003180; margin-bottom: 0.75rem; letter-spacing: 0.35rem; }
.concept_ttl02 { font-size: 1.1rem; line-height: 1.60714286; }
.concept_ttl02 .lg { font-size: 1.4rem; margin-left: 1rem; }
.concept_per { position: absolute; top: 0; right: -0.65rem; width: 10.3rem; height: 21.9rem; }
.concept_notice { position: relative; background: #129fa1; z-index: 2; padding: 1rem 0.85rem 1rem 1.8rem; }
.concept_notice_copy { color: #fff; font-size: 1.1rem; line-height: 1.63636364; font-weight: normal; letter-spacing: 0.05rem; }
.concept_box { background: #fff; padding: 1.5rem 0.85rem 1rem 1.8rem; }
.concept_box_copy01 { color: #129fa1; font-size: 1.1rem; line-height: 1.63636364; letter-spacing: 0.05rem; margin-bottom: 1.75rem; }
.concept_box_copy02 { font-size: 1rem; line-height: 1.9; letter-spacing: 0.05rem; font-weight: normal; margin-bottom: 0.5rem; }
.concept_box_copy02 .hl { font-weight: bold; display: block; }
.concept_company{box-sizing: border-box; width: 28rem; margin:0 0 2.8rem -0.75rem; padding: 1.9rem 0.2rem 1.9rem 1.2rem; background-color: #f7f7f7; font-weight: normal;}
.concept_company_ttl{margin: 0 0 0.5rem; font-size: 1.2rem;}
.concept_company_txt{position: relative; font-size: 1.1rem; line-height: 1.7; text-indent: 1.2rem; letter-spacing: 0.06rem;}
.concept_company_txt::before{content: ""; display: inline-block; position: absolute; top: 0.5rem; left: 0; width: 0.8rem; height: 0.8rem; background-color: #333333; transform: rotate(45deg);}
.concept_box_ttl { position: relative; width: 30rem; left: -1.8rem; text-align: center; padding-bottom: 0.45rem; background: url(../img/webp/concept_box_ttl_bg.webp) no-repeat bottom center; background-size: 30rem 0.45rem; margin-bottom: 2rem; }
.concept_box_ttl .txt { font-size: 2rem; line-height: 1.65; color: #129fa1; }
.concept_box_publication { margin-bottom: 1.4rem; position: relative; }
.concept_box_publication .lst01_item { position: absolute; width: 7.55rem; height: 11rem; }
.concept_box_publication .lst01_item_image { width: 100%; max-width: 100%; }
.concept_box_publication .lst01_item:nth-child(3n+1) { top: 0; left: 0; }
.concept_box_publication .lst01_item:nth-child(3n+2) { top: 8.6rem; right: 0; }
.concept_box_publication .lst01_item:nth-child(3n) { bottom: 1.5rem; left: 0; }
.concept_box_publication .lst02_item { padding: 3.65rem 0 3.65rem 8.7rem; }
.concept_box_publication .lst02_item_copy { font-size: 1.2rem; line-height: 1.58; }
.concept_box_publication .lst02_item_copy .sm { font-size: 0.9rem; }
.concept_box_publication .lst02_item:nth-child(3n+2) { padding: 1.5rem 8.5rem 1.5rem 4.7rem; }

@media (min-width: 769px) {
.concept_bg { padding: 3.3rem 0 3.75rem; border-top: none; border-bottom: none; }
.concept_headline { margin-bottom: 0; width: 25.6rem; }
.concept_headline::before { top: 0.3rem; left: 0.3rem; }
.concept_ttl { padding: 1.15rem 0 1.2rem; }
.concept_ttl_image { width: 15rem; }
.concept_intro { padding: 2rem 44.8979592% 1.9rem 0; }
.concept_per { top: -2.5rem; right: 8.16326531%; width: 24.3877551%; height: auto; }
.concept_notice { padding: 1.625rem 5.10204082% 1.625rem 7.14285714%; }
.concept_notice_copy { font-size: 0.9rem; line-height: 1.83333333; }
.concept_box { padding: 1.5rem 5.10204082% 2.5rem 7.14285714%; }
.concept_box_copy01 { font-size: 0.9rem; line-height: 1.72222222; margin-bottom: 1.8rem; }
.concept_box_copy02 { font-size: 0.8rem; line-height: 1.75; letter-spacing: 0; }
.concept_company{width: 47rem; margin:0 0 2.9rem -2.5rem; padding: 2.3rem 0.5rem 1.7rem 1.3rem;}
.concept_company_ttl{font-size: 0.9rem;}
.concept_company_box{display: flex;}
.concept_company_box_left{margin-right: 2.3rem;}
.concept_company_txt{padding-left: 0.8rem; font-size: 0.7rem; line-height: 2.2; text-indent:0; letter-spacing: 0.4px;}
.concept_company_txt::before{left: 0.1rem; width: 0.5rem; height: 0.5rem; }
.concept_box_ttl { position: static; margin: 0 auto 1.8rem; }
.concept_box_ttl .txt { font-size: 1.5rem; line-height: 1.8; color: #129fa1; }
.concept_box_publication { margin-bottom: 0.25rem; padding-left: 11.627907%; }
.concept_box_publication .lst01 { float: left; width: 52.6315789%; }
.concept_box_publication .lst01_item { position: static; width: 31%; margin-right: 3%; height: auto; float: left; }
.concept_box_publication .lst01_item:nth-child(3n) { margin-right: 0; }
.concept_box_publication .lst02 { float: left; width: 47.3684211%; padding-left: 4.74%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.concept_box_publication .lst02_item { padding: 0 0 0.35rem 0; }
.concept_box_publication .lst02_item_copy { font-size: 0.95rem; line-height: 1.52631579; }
.concept_box_publication .lst02_item_copy .sm { font-size: 0.7rem; }
.concept_box_publication .lst02_item:nth-child(3n+2) { padding: 0 0 0.35rem 0; }
}

/*----------------------------------------------------------
message
----------------------------------------------------------*/
.message_bg { background: #d9f5fd; padding: 3rem 0 2.5rem; }

.message_headline { margin-bottom: 2.2rem; position: relative; }
.message_headline::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0.35rem; left: 0.35rem; background: url(../img/webp/message_ttl_bg.webp) no-repeat left center; background-size: 100% 100%; z-index: 1; }
.message_ttl { padding: 1.3rem 0 1.5rem; text-align: center; background: #fff; position: relative; z-index: 2; }
.message_ttl_image { width: 14.95rem; }
.message_item { margin-bottom: 1.5rem; border-radius: 0.25rem; border: 0.1rem dashed #527cc1; padding: 1rem 1.25rem 1.2rem 0.75rem; }
.message_item .pht { float: left; width: 9.05rem; padding-top: 1.2rem; }
.message_item .ctn { float: left; width: calc(100% - 9.05rem); padding-left: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.message_item .ctn_ttl { margin-bottom: 0.5rem; }
.message_item .ctn_ttl_txt { font-size: 1.3rem; line-height: 1.53846154; color: #003180; display: inline-block; }
.message_item .ctn_copy { font-size: 1.2rem; line-height: 1.41666667; color: #003180; font-weight: normal; }
.message_item:nth-child(2n) { padding: 1rem 0.75rem 1.2rem 1.25rem; }
.message_item:nth-child(2n) .pht { float: right; }
.message_item:nth-child(2n) .ctn { padding-left: 0; padding-right: 1.7rem; }

@media (min-width: 769px) {
.message_bg { padding: 3.15rem 0 1.1rem; }
.message_headline { margin-bottom: 2.25rem; position: relative; }
.message_headline::before { content: none; }
.message_ttl { width: 25.6rem; margin: 0 auto; padding: 1.3rem 0 1.5rem; }
.message_ttl_image { width: 12.8rem; }
.message_item { margin-bottom: 2rem; padding: 0.8rem 9.18367347% 1rem 11.0204082%; }
.message_item .pht { padding-top: 0.65rem; }
.message_item .ctn { padding-left: 2.1rem; }
.message_item .ctn_copy { font-size: 0.9rem; line-height: 1.66666667; }
.message_item:nth-child(2n) { padding: 1rem 9.18367347% 1rem 11.0204082%; }
.message_item:nth-child(2n) .pht { float: right; }
.message_item:nth-child(2n) .ctn { padding-left: 1rem; padding-right: 1.5rem; }
}

/*----------------------------------------------------------
faq
----------------------------------------------------------*/
.faq_bg { background: #fff; padding: 3.5rem 0 1rem; }
.faq_ttl { text-align: center; margin-bottom: 2.35rem; }
.faq_ttl_image { width: 16.25rem; }
.faq_item_q { border: 1px solid #003180; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0.25rem; overflow: hidden; display: table; width: 100%; min-height: 5.9rem; }
.faq_item_q .num { display: table-cell; vertical-align: middle; width: 4.3rem; text-align: center; background: #003180; }
.faq_item_q .num_image { width: 2.1rem; }
.faq_item_q .ttl { display: table-cell; vertical-align: middle; width: calc(100% - 4.3rem); padding: 0.75rem 1.1rem; background: #dfe8f7; }
.faq_item_q .ttl_txt { color: #003180; font-size: 1.5rem; line-height: 1.5; }
.faq_item_a { padding: 1rem 0.8rem 1.5rem 0.6rem; }
.faq_item_a .copy { color: #003180; font-size: 1.2rem; line-height: 1.58333333; font-weight: normal; }

@media (min-width: 769px) {
.faq_bg { padding: 3rem 0 2.55rem; }
.faq_ttl { margin-bottom: 2.4rem; }
.faq_item_q { min-height: 4rem; }
.faq_item_q .num_image { width: 1.15rem; }
.faq_item_q .ttl { padding: 1rem 1.2rem; }
.faq_item_q .ttl_txt { font-size: 1.2rem; }
.faq_item_a { padding: 0.75rem 2.2rem 1rem 10%; }
.faq_item_a .copy { font-size: 0.9rem; line-height: 1.77777778; }
}

/*----------------------------------------------------------
form
----------------------------------------------------------*/
.form { overflow: hidden; }
.form_bg { background: url(../img/webp/form_bg.webp) repeat top center; background-size: 2.6rem 1.6rem; padding: 0.2rem 0 3.5rem; }
.form_headline01 { margin-bottom: 1.35rem; text-align: center; }
.form_headline01 .image { width: 100%; max-width: 29.95rem; }
.form_headline02 { margin-bottom: 0.8rem; text-align: center; }
.form_headline02 .image { width: 30.55rem; max-width: 30.55rem; }
.form_copy { text-align: center; color: #fff; line-height: 1.94; margin-bottom: 1.5rem; }
.form_body { background: #fff; padding: 1.6rem 1.25rem 2.9rem; }
.form_body_ttl { position: relative; text-align: center; margin-bottom: 0.7rem; }
.form_body_ttl::before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #003180; content: ""; }
.form_body_ttl .txt { padding: 0 1.1rem; background: #fff; position: relative; font-size: 1.6rem; line-height: 1.25; font-weight: bold; color: #003180; display: inline-block; }
.form_body_notice { text-align: center; color: #ff0000; line-height: 1.30769231; font-size: 1.3rem; margin-bottom: 1.3rem; }
.form_body_row .item { margin-bottom: 0.9rem; }
.form_body_row .item_head_inner { position: relative; display: table; width: 100%; height: 4.5rem; background-image: -webkit-gradient(linear, left top, right top, from(#003180), to(#0146b6)); background-image: -webkit-linear-gradient(left, #003180 0%, #0146b6 100%); background-image: -o-linear-gradient(left, #003180 0%, #0146b6 100%); background-image: linear-gradient(90deg, #003180 0%, #0146b6 100%); overflow: hidden; }
.form_body_row .item_head .btn { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5.25rem; height: 4.5rem; }
.form_body_row .item_head .btn img { max-height: 100%; }
.form_body_row .item_head .btn_off { display: block; }
.form_body_row .item_head .btn_on { display: none; }
.form_body_row .item_head.open .btn_off { display: none; }
.form_body_row .item_head.open .btn_on { display: block; }
.form_body_row .item_head_copy { display: table-cell; vertical-align: middle; padding: 0 5.5rem 0 1rem; }
.form_body_row .item_head_copy .txt { color: #fff; font-size: 1.4rem; line-height: 1.42857143; }
.form_body_row .item_head_copy .txt .notice { font-size: 2rem; line-height: 1; color: #ffe238; vertical-align: -0.1rem; display: inline-block; }
.form_body_row .item_ctn { padding: 1.3rem 0.65rem 0.25rem; }
.form_body_row .item_ctn_li { padding: 0.25rem 0; }
.form_body_row .item_ctn_li .chb_lbl { position: relative; display: block; }
.form_body_row .item_ctn_li .chb_checkmark { width: 1.7rem; height: 1.7rem; border: 0.15rem solid #003180; position: absolute; top: 0; left: 0; color: #fff; text-indent: -99999rem; }
.form_body_row .item_ctn_li .chb_checkmark::after { position: absolute; content: ""; width: 0.9rem; height: 0.4rem; top: 0.4rem; left: 0.3rem; border: 0.3rem solid #003180; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; }
.form_body_row .item_ctn_li .chb_ip { width: 2rem; height: 2rem; margin: 0 0.8rem 0 0; float: left; opacity: 0; }
.form_body_row .item_ctn_li .chb_ip:checked+.chb_checkmark::after { opacity: 1; z-index: 3; }
.form_body_row .item_ctn_li .chb_txt { font-size: 1.2rem; line-height: 1.666667; display: inline-block; float: left; }
/* .form_body_copy { padding: 0.6rem 0 1.2rem 1rem; } */
.form_body_copy { padding: 3.0rem 0 1.5rem; }
.form_body_copy .txt { font-size: 1.1rem; text-align: center; line-height: 1.6; }
.form_body_copy .txt b { background:linear-gradient(transparent 60%, #ffe238 60%); }
.form_body_textarea { margin-bottom: 2rem; }
.form_body_textarea .alertTxt { margin: 0 0 0.8rem 0.3rem; display: flex; align-items: center; }
.form_body_textarea .alertTxt .ico { background: #ff0000; color: #fff; font-size: 1.0rem; border-radius: 5px; margin: 0 0.7rem 0 0; padding: 0.2rem 0.8rem; display: inline-block;}
.form_body_textarea .alertTxt .alert { color: #ff0000; font-size: 1.0rem;}
.form_body_textarea .textarea { width: 100%; height: 18rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #003180; padding: 1rem 3%; font-size: 1.15rem; line-height: 1.41666667; display: block; outline: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-appearance: none; resize: vertical; }
.form_body_btn { text-align: center; }
.form_body_btn .btn { width: 22rem; max-width: 100%; display: inline-block; }
.form_body_btn .btn_image { width: 100%; }
.form_body_btn .login { margin: 2.0rem 0 0; font-size: 1.2rem; }
.form_body_btn .login a { color: #003180; }
.form_body_btn .txt { margin: 2rem 0 0;  font-size: 0.9rem; font-weight: normal; }
.form_body_btn .txt b { color: #003180; font-size: 1.1rem; font-weight: bold; line-height: 1.8; margin: 0 0 5px; display: block; }
.form_body_btn .txt b img { width: 9rem; height: auto; margin: 0 0.5rem 0 0; display: inline-block; vertical-align: text-bottom; }

@media (min-width: 769px) {
.form_bg { padding: 1.2rem 0 4rem; }
.form_headline01 { margin-bottom: 1.45rem; }
.form_headline01 .image { max-width: 24.8rem; }
.form_headline02 { margin-bottom: 0.6rem; }
.form_headline02 .image { width: 26.1rem; }
.form_copy { line-height: 1.6; margin-bottom: 2rem; font-size: 1.1rem; letter-spacing: 0.1rem; }
.form_body { padding: 1.6rem 7.14285714% 2.9rem; }
.form_body_ttl { margin-bottom: 1.2rem; }
.form_body_ttl .txt { padding: 0 1.5rem; }
.form_body_notice { line-height: 1.30769231; font-size: 1.1rem; margin-bottom: 1.65rem; }
.form_body_row .item { margin-bottom: 1.15rem; width: 100%; }
.form_body_row .item:nth-child(2n) { margin-left: 4.2857142%; }
.form_body_row .item_head { cursor: pointer; }
.form_body_row .item_head_inner { height: 3.3rem; }
.form_body_row .item_head .btn { width: 3.85rem; height: 3.3rem; }
.form_body_row .item_head_copy { padding: 0 4.2rem 0 0.7rem; }
.form_body_row .item_head_copy .txt { font-size: 1rem; line-height: 1.5; }
.form_body_row .item_head_copy .txt .notice { font-size: 1.45rem; }
.form_body_row .item_ctn { padding: 1rem 0 0.5rem; }
.form_body_row .item_ctn_li { padding: 0.5rem 0; }
.form_body_row .item_ctn_li .chb_checkmark { width: 0.8rem; height: 0.8rem; border-width: 3px; }
.form_body_row .item_ctn_li .chb_checkmark::after { width: 0.5rem; height: 0.25rem; top: 0.1rem; left: 0.1rem; border-width: 3px; }
.form_body_row .item_ctn_li .chb_ip { width: 1.1rem; height: 1.1rem; margin: 0 0.7rem 0 0; }
.form_body_row .item_ctn_li .chb_txt { font-size: 0.7rem; line-height: 1.57142857; }
/* .form_body_copy { padding: 0.8rem 0 0.6rem; } */
.form_body_copy { padding: 1.5rem 0 1.5rem; }
.form_body_copy .txt { font-size: 1.0rem; line-height: 1.5625; }
.form_body_textarea { margin-bottom: 2.3rem; }
.form_body_textarea .alertTxt { margin: 0 0 10px 10px; }
.form_body_textarea .alertTxt .ico { font-size: 0.8rem; margin: 0 10px 0 0; padding: 3px 10px 2px;}
.form_body_textarea .alertTxt .alert { font-size: 0.8rem;}
.form_body_textarea .textarea { width: 100%; height: 10.0rem; padding: 0.5rem 1.5%; font-size: 0.9rem; }
.form_body_btn .login { margin: 25px 0 0; font-size: 18px; }
.form_body_btn .txt { margin: 30px 0 0; font-size: 12px; }
.form_body_btn .txt b { font-size: 16px; }
.form_body_btn .txt b img { width: 150px; margin: 0 8px; }
}

@media (min-width: 769px) and (max-width: 900px) {
.form_body { padding: 1.6rem 2.5% 2.9rem; }
.form_body_row .item { /* width: 49%; */ width: 100%; }
.form_body_row .item:nth-child(2n) { margin-left: 2%; }
.form_body_row .item_head_copy { padding-left: 0.4rem; }
}

/* 2024/01/16 */ 
.selectInner { display: flex; flex-wrap: wrap; justify-content: space-around; }
.selectInner .form_body_row { width: 100%; }
.selectInner .form_body_row:nth-of-type(1) { order: 7; }
.selectInner .form_body_row:nth-of-type(2) { order: 8; }
.selectInner .form_body_row:nth-of-type(3) { order: 10; }
.selectInner .form_body_row:nth-of-type(4) { order: 5; }
.selectInner .form_body_row:nth-of-type(5) { order: 6; }
.selectInner .form_body_row:nth-of-type(6) { order: 9; }
.selectInner .form_body_row:nth-of-type(7) { order: 2; }
.selectInner .form_body_row:nth-of-type(8) { order: 3; }
.selectInner .form_body_row:nth-of-type(9) { order: 1; }
.selectInner .form_body_row:nth-of-type(10) { order: 4; }
@media (min-width: 769px) {
.selectInner .form_body_row{ width: 47.8571429%; }
}

/*----------------------------------------------------------
footer
----------------------------------------------------------*/
.footer { background: #a1cad5; padding: 1.65rem 0; }
.footer_copyright { text-align: center; font-size: 0.8rem; line-height: 1.5; }



/*-- 2019/07/25 --*/
.aboutBlock{
width: 100%;
background: url("../img/webp/about_bg_01.webp");
padding: 2.0rem 1.0rem 3.5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.aboutBlock .about_ttl{
margin: 0 0 0.9rem;
}
.aboutBlock .inner{
text-align: left;
margin: 0 0 2.5rem!important;
}
.aboutBlock .inner .col{
width: 100%;
background: #fff;
border: 1px solid #003180;
padding: 3.0rem 1.2rem 2.0rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.aboutBlock .inner .col + .col{
margin-top: 1.0rem;
}
.aboutBlock .inner .col .offer_ttl{
background: url("../img/webp/about_border_01.webp") repeat-x;
background-position: bottom left;
background-size: 0.4rem auto;
text-align: left;
margin: 0 0 1.5rem;
padding: 0 0 2.8rem;
}
.aboutBlock .inner .col .offer_ttl span{
color: #003180;
font-size: 2.0rem;
font-weight: bold;
line-height: 1.0;
padding: 0 0 0 7.0rem;
display: block;
position: relative;
}
.aboutBlock .inner .col .offer_ttl .ico01::before{
content: "";
width: 4.6rem;
height: 4.9rem;
background: url("../img/webp/about_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 1.9rem;
top: -1.9rem;
}
.aboutBlock .inner .col .offer_ttl .ico02::before{
content: "";
width: 4.5rem;
height: 4.5rem;
background: url("../img/webp/about_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 1.7rem;
top: -1.6rem;
}
.aboutBlock .inner .col .txt{
color: #000;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.8;
}
.aboutBlock .inner .col .txt span{
color: #003180;
font-weight: bold;
}
.aboutBlock .inner02{
position: relative;
}
.aboutBlock .inner02::before{
content: "";
width: 10.5rem;
height: 7.8rem;
background: url("../img/webp/about_img_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
right: 0.5rem;
bottom: 0;
}
.aboutBlock .inner02 .about_ttl02{
margin: 0 0.2rem 2.5rem;
}
.aboutBlock .inner02 .txt{
color: #053180;
font-size: 1.05rem;
font-weight: bold;
text-align: left;
margin: 0 0 0 0.5rem;
}
@media (min-width: 769px) {
.aboutBlock{
text-align: center;
padding: 3.0rem 0 4.0rem;
}
.aboutBlock .about_ttl{
margin: 0 0 2.0rem;
}
.aboutBlock .inner{
width: 960px;
margin: 0 auto 75px!important;
}
.aboutBlock .inner .col{
width: 465px;
min-height: 360px;
padding: 40px 20px 30px;
float: left;
}
.aboutBlock .inner .col + .col{
margin-top: 0;
margin-left: 30px;
}
.aboutBlock .inner .col .offer_ttl{
background-size: 5px auto;
text-align: center;
margin: 0 0 25px;
padding: 0 0 30px;
}
.aboutBlock .inner .col .offer_ttl span{
font-size: 1.6rem;
padding: 0 0 0 65px;
display: inline-block;
}
.aboutBlock .inner .col .offer_ttl .ico01::before{
width: 50px;
height: 54px;
left: 0;
top: -12px;
}
.aboutBlock .inner .col .offer_ttl .ico02::before{
width: 50px;
height: 50px;
left: 0;
top: -12px;
}
.aboutBlock .inner .col .txt{
font-size: 0.9rem;
}
.aboutBlock .inner02{
width: 960px;
margin: 0 auto;
}
.aboutBlock .inner02::before{
content: "";
width: 189px;
height: 139px;
right: 50px;
top: -25px;
bottom: auto;
}
.aboutBlock .inner02 .about_ttl02{
margin: 0 0 50px;
padding: 0 185px 0 0;
}
.aboutBlock .inner02 .about_ttl02 img{
width: 578px;
height: auto;
}
.aboutBlock .inner02 .txt{
font-size: 20px;
text-align: center;
}
}

.pc_dsb{
display: none;
}
.sp_dsb{
display: block;
}
@media (min-width: 769px) {
.pc_dsb{
display: block;
}
.sp_dsb{
display: none;
}
}

.graph{
margin: 3.0rem 0;;
}
.graph .graph_ttl{
background: #003180;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 1.0rem 0;
}
.graph .graph_ttl b{
color: #ffe013;
}
.graph .bg{
background: url("../img/webp/graph_bg02.webp") no-repeat 50% 0;
background-size: cover;
padding: 2.5rem 0;
}
.graph .bg .text01{
width: 100%;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
line-height: 1.8;
margin: 0 auto 2.0rem;
}
.graph .bg [class^="text"] b{
color: #f10854;
}
.graph .bg .block{
width: 100%;
margin: 0 auto;
}
.graph .bg .block .image01{
width: 100%;
margin: 0 auto 2.0rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.graph .bg .block .image02{
width: 100%;
}
.graph .bg .block .text02{ 
width: 100%;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
line-height: 1.8;
margin: 0 auto 2.0rem;
}
@media (min-width: 769px) {
.graph{
margin: 80px 0;
}
.graph .graph_ttl{
font-size: 1.8rem;
padding: 20px 0;
}
.graph .bg{
padding: 60px 0;
}
.graph .bg .text01{
width: 1000px;
font-size: 20px;
margin: 0 auto 60px;
}
.graph .bg .block{
width: 830px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.graph .bg .block .image01{
width: 560px;
margin: 0;
padding: 5px 25px 0 0;
order: 1;
}
.graph .bg .block .image02{
width: 270px;
margin: 0;
order: 2;
}
.graph .bg .block .text02{ 
width: 830px;
font-size: 20px;
margin: 0;
padding: 40px 0 0;
order: 3; 
}
}