@charset "utf-8";
/* css-wipe */

* {
  box-sizing: border-box;
}
/* webkit specific styles */

input[type="color"]::-webkit-color-swatch {
  border: none;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-weight:inherit;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

input:focus {
  outline: none;
}
ul, ol {
  list-style-type: none;
}
@charset "UTF-8";
/* ==========================================================================
Base
========================================================================== */
body { line-height: 2; font-size: 16px; font-family: "Noto Sans JP", sans-serif; color: #000; }

p { margin-bottom: 1.5rem; }
p:last-child { margin-bottom: 0; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; color: #000; background: 0 0; text-decoration: none; border-bottom: 1px solid transparent; }

a > i, a > picture, a > img { transition: 0.25s; }

a:hover > i, a:hover > picture, a:hover > img { opacity: 0.85; }

a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.ly_cont_main p a { text-decoration: underline; color: #3B5998; }

strong { font-weight: 700; }

button, select { vertical-align: middle; border-radius: 0px; border: none; background: transparent; margin: 0; padding: 0; cursor: pointer; appearance: none; -webkit-appearance: none; }

button { font-family: "Noto Sans JP", sans-serif; }

input:focus, textarea:focus, select:focus { outline: none; border: 1px solid #AFAFAF; }

input, textarea { -webkit-border-radius: 0; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@media (max-width: 900px) { body { font-size: 14px; } }
/* ==========================================================================
Layout
========================================================================== */
/* Header
========================================================================== */
.ly_header { width: 100%; padding-top: 0; padding-bottom: 0; background-color: #fff; position: relative; z-index: 999; }
.ly_header_inner { padding-right: 0; padding-left: 50px; margin-right: auto; margin-left: auto; background-color: #fff; }
.ly_header + * { margin-top: 98px; }

@media (max-width: 900px) { .ly_header { padding-top: 10px; padding-bottom: 10px; }
  .ly_header + * { margin-top: 50px; }
  .ly_header_inner { padding-left: 20px; } }
/* Body
========================================================================== */
.ly_cont { max-width: 960px; padding: 100px 15px; margin-right: auto; margin-left: auto; }
.ly_cont .ly_cont__col, .ly_cont .ly_cont__mulitiCol { display: flex; flex-wrap: wrap; justify-content: space-between; }
.ly_cont.ly_cont__col > .el_lyName { width: 100%; }
.ly_cont_main { flex: 1; }
.ly_cont_side { flex: 0 1 210px; margin-left: 30px; background-color: #FFF; background-image: none; background-position: bottom; background-repeat: no-repeat; }

.ly_cont__wide { width: 100%; max-width: 100%; }
.ly_cont__wide .ly_cont_main { max-width: 960px; margin: 0 auto; padding: 0 15px; }

.ly_cont__bgType01 { background-color: #F7F7F7; padding: 100px 0; }

.ly_cont__bgType02 { background-color: #213254; padding: 100px 0; }

.ly_cont__breadcrumb { background-color: #F7F7F7; padding: 11px 0; }
.ly_cont__breadcrumb .ly_cont_main { max-width: inherit; margin: 0 125px 0; }

@media (max-width: 1230px) { .ly_cont__breadcrumb .ly_cont_main { max-width: 960px; margin: 0 auto; } }
@media (max-width: 768px) { .ly_cont { padding: 50px 0; }
  .ly_cont.ly_cont__mulitiCol { flex-direction: column-reverse; padding-top: 0; }
  .ly_cont_main { flex: 1 1 auto; padding: 0 15px; }
  .ly_cont_side { flex: 1 1 auto; order: 1; margin: 50px 20px 0; background-image: none; }
  .ly_cont__breadcrumb { display: none; }
  .ly_cont__bgType01 { padding: 50px 0; }
  .ly_cont__bgType02 { padding: 50px 0; } }
/* CTA
========================================================================== */
.ly_cta { height: 430px; background-image: url("../images/cta-bg.jpg"); background-repeat: no-repeat; background-size: cover; padding: 100px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

@media (max-width: 768px) { .ly_cta { background-image: url("../images/cta-bg-sp.jpg"); background-position: top right; } }
/* Footer
========================================================================== */
.ly_footer.ly_footer_footerNav { padding-top: 50px; padding-bottom: 50px; font-size: 14px; background-color: #213254; color: #fff; }
.ly_footer.ly_footer_footerNav a:link, .ly_footer.ly_footer_footerNav a:hover, .ly_footer.ly_footer_footerNav a:visited, .ly_footer.ly_footer_footerNav a:active { color: #fff; }
.ly_footer.ly_footer_footerNav a:hover { text-decoration: underline; }
.ly_footer.ly_footer_footerSubNav { padding-top: 10px; padding-bottom: 10px; background-color: #3B5998; }
.ly_footer_inner { max-width: 960px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; display: flex; justify-content: space-between; }
.ly_footer .bl_footerSubNavLeft { display: flex; }

@media (max-width: 900px) { .ly_footer.ly_footer_footerNav { padding-top: 0; padding-bottom: 0; }
  .ly_footer.ly_footer_footerSubNav { padding: 0; }
  .ly_footer_inner { padding: 0; flex-direction: column-reverse; } }
/* ==========================================================================
Element
========================================================================== */
.el_beforeIconBtn, .el_afterIconBtn { display: flex !important; align-items: center; }

.el_beforeIconBtn_comment::before { content: url("../images/comment-solid.svg"); padding-right: 5px; transform: translateY(12%); }
.el_beforeIconBtn_comment__blue::before { content: url("../images/comment-solid-blue.svg"); padding-right: 5px; transform: translateY(12%); }

.el_afterIconBtn_arrow::after { content: url("../images/caret-circle-right-solid-white.svg"); transform: translateY(5%) scale3d(0.6, 0.6, 0.6); }
.el_afterIconBtn_arrow.el_btn_disabled::after { filter: grayscale(100%) brightness(230%); }
.el_afterIconBtn_arrow.el_btn_solid::after { content: url("../images/caret-circle-right-solid-white.svg"); padding-left: 5px; transform: translateY(11%); }

.el_afterIconBtn_extlink::after { content: url("../images/external-link-alt-solid-white.svg"); padding-left: 5px; }
.el_afterIconBtn_extlink__blue::after { content: url("../images/external-link-alt-solid.svg"); padding-left: 5px; margin-right: 5px; position: relative; top: 2px; }

.el_btn { border-radius: 0; border: 2px solid #3B5998; background-color: #3B5998; color: #FFF !important; display: block; font-weight: 500; line-height: 1; padding: 6px 1.5rem 8px; cursor: pointer; transition: .1s; justify-content: center; }
.el_btn:disabled { background-color: #ccc; border-color: #ccc; cursor: not-allowed; }
.el_btn:disabled:hover { background-color: #ccc; border-color: #ccc; }
.el_btn a { color: #3B5998; }
.el_btn:hover { background-color: #213254; border-color: #213254; }
.el_btn_solid { background-color: #3B5998; color: #fff !important; }
.el_btn_solid:hover { background-color: #213254; border-color: #213254; }
.el_btn_disabled { border-color: #B7B7B7; color: #B7B7B7 !important; background-color: #F8F8F8; pointer-events: none; }
.el_btn_disabled:hover { background-color: #F8F8F8 !important; }
.el_btn__small { width: 200px; min-width: 200px; font-size: 14px; font-weight: 500; padding: 2px 1rem 4px; border-width: 3px; }
.el_btn__small.el_afterIconBtn_arrow::after { padding-left: 3px; transform: translateY(7%) scale3d(0.75, 0.75, 0.75); }
.el_btn__medium { min-width: 240px; font-size: 18px; font-weight: 700; padding: 12px 1rem 13px; border-width: 3px; }
.el_btn__medium.el_afterIconBtn_arrow::after { padding-left: 5px; transform: translateY(5%) scale3d(0.75, 0.75, 0.75); }
.el_btn__large { font-size: 18px; font-weight: 500; padding: 17px 1rem 20px; border-width: 3px; width: 330px; min-width: 320px; }
.el_btn__large.el_afterIconBtn_arrow::after { padding-left: 10px; transform: translateY(5%) scale3d(1, 1, 1); }
.el_btn__yellow { background-color: #FFFCEB; }
.el_btn__yellow:hover { background-color: #fff8cd; }
.el_btn__rev { background-color: #FFF; border-color: #FFF; color: #213254 !important; }
.el_btn__rev:hover { background-color: #3B5998; border-color: #3B5998; color: #FFF !important; }
.el_btn__rev:hover.el_afterIconBtn_arrow::after { content: url("../images/caret-circle-right-solid-white.svg"); }
.el_btn__rev.el_afterIconBtn_arrow::after { content: url("../images/caret-circle-right-solid.svg"); transform: translateY(11%); }

.el_drawerBtn { display: none; }

.el_mark_carret > a::before, .el_mark_carret span::before { padding-right: 7px; content: url("../images/square.svg"); }
.el_mark_carret_down > a::before, .el_mark_carret_down > span::before { content: url("../images/square.svg"); }
.el_mark_carret_down > span::after { content: url("../images/angle-down-light.svg"); position: relative; bottom: 2.5px; margin-left: 5px; }

.el_medal { position: absolute; right: 20px; bottom: 40px; }

.el_badgeCircle { display: inline-flex; min-width: 80px; min-height: 80px; font-size: 41px; line-height: 11px; font-weight: 500; color: #fff; background-color: #3B5998; border-radius: 50px; padding: 0; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.el_badgeCircle_ttl { font-size: 11px; position: absolute; top: 16px; }

.bl_media_wrap { counter-reset: num; }
.bl_media_wrap .el_badgeCircle_num::after { content: "0" counter(num); counter-increment: num; }

.el_lv2Heading { font-size: 24px; font-weight: 500; line-height: 1.25; text-align: center; margin-bottom: 65px; }
.el_lv2Heading__widthSub { margin-bottom: 28px; }
.el_lv2Heading > span.el_underline { position: relative; display: block; transform: translateY(-20%); }
.el_lv2Heading > span.el_underline::after { content: ''; position: absolute; bottom: -20px; left: 50%; width: 80px; height: 1px; background-color: #000; transform: translateX(-50%); }

.el_lv2Heading_type02 { font-size: 28px; font-weight: 500; line-height: 1.25; text-align: left; margin-bottom: 30px; position: relative; display: block; }
.el_lv2Heading_type02::before { content: ''; position: absolute; top: 24px; left: 50%; width: 100%; height: 1px; background-color: #000; transform: translateX(-50%); }
.el_lv2Heading_type02__sub { font-size: 16px; display: block; line-height: 0; }

.el_lv3Heading { font-size: 28px; font-weight: 700; }

.el_lv4Heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; }

.el_leadTxt { font-family: "Noto Serif JP", serif; font-size: 28px; line-height: 1.5; font-weight: 700; }

.el_markerLine { background: rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #FEE8ED 0%) repeat scroll 0 0; }

.el_caption { font-size: 14px; }

.el_label { display: inline-block; text-align: center; padding: 2px 10px 3px; margin-bottom: 8px; margin-right: 5px; background-color: #213254; color: #fff; font-size: 11px; line-height: 1; }
.el_label__new { background-color: #F69D16; font-weight: bold; min-width: inherit; }
.el_label__midium { font-size: 14px; padding: 2px 12px; }
.el_label__required { font-weight: 400; background-color: #B91C1C; min-width: inherit; float: right; margin-left: 5px; margin-bottom: 0; }
.el_label__pill { border: 1px solid #000; padding: 0 15px; border-radius: 15px; font-size: 12px; line-height: 12px; margin-right: 10px; }

.el_roundedLabel { display: inline-block; text-align: center; background-color: #3B5998; color: #fff; border-radius: 20px; }
.el_roundedLabel__large { min-width: 180px; padding: 5px 10px 8px; font-size: 16px; line-height: 1; font-weight: 700; }
.el_roundedLabel__feature { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); }
.el_roundedLabel__feature span::after { counter-increment: number 1; content: "Feature" counter(number); }

.el_beforeIcon { font-size: 14px; }
.el_beforeIcon::before { display: inline-block; margin-right: 5px; transform: translateY(5%); }

.el_beforeIcon__time::before { content: url("../images/clock-regular.svg"); line-height: 1; }

.el_quote { display: flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; }

.el_quote > span { flex: 0 0 auto; text-align: left; }

.el_quote::before, .el_quote::after { content: ""; flex: 0 0 2px; height: auto; margin: 0px 10px; transform: rotate(30deg) translateX(5px); background: #000; }

.el_quote::before { transform: rotate(-30deg); }

.el_quote::after { transform: rotate(30deg); }

.el_highLight { color: #3B5998; }

.el_twitter::before { content: url("../images/twitter-square-brands.svg"); margin-right: 4px; position: relative; top: 2px; }

.el_facebook::before { content: url("../images/facebook-square-brands.svg"); margin-right: 4px; position: relative; top: 2px; }

.el_underline__dotted { border-bottom: 3px dotted #3B5998; }

@media (max-width: 1050px) { .el_leadTxt { font-size: 20px; } }
@media (min-width: 901px) { .bl_headerNav .el_mark_carret > a::before, .bl_headerNav .el_mark_carret span::before { padding-right: 0; content: none; }
  .bl_headerNav .el_mark_carret_down > span::before { content: none; } }
@media (max-width: 900px) { .el_drawerBtn { display: block; cursor: pointer; transition: all 0.4s; box-sizing: border-box; z-index: 333; position: fixed; top: 25px; transform: translateY(-50%); right: 15px; width: 45px; height: 36px; padding: 0; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0); }
  .el_drawerBtn > span { display: inline-block; transition: all 0.4s; box-sizing: border-box; position: absolute; left: 9px; width: 26px; height: 3px; background-color: #3B5998; }
  .el_drawerBtn > span:first-child { top: 8px; }
  .el_drawerBtn > span:nth-child(2) { top: calc(50% - 1.5px); }
  .el_drawerBtn > span:last-child { bottom: 8px; }
  .el_drawerBtn.is_active > span:first-child { top: 9px; transform: translateY(8px) rotate(-45deg); }
  .el_drawerBtn.is_active > span:nth-child(2) { opacity: 0; }
  .el_drawerBtn.is_active > span:last-child { bottom: 13px; transform: translateY(-3px) rotate(45deg); }
  .el_btn { justify-content: center; }
  .el_btn__large { width: 100%; }
  .el_mark_carret_down > span::after { content: none; } }
@media (max-width: 768px) { .el_btn__small { width: 100%; }
  .el_btn__medium { padding: 9px 1.5rem 10px; font-size: 16px; width: 200px; min-width: 200px; }
  .el_btn__large { font-size: 16px; padding: 10px 1.5rem 12px; min-width: inherit; }
  .el_afterIconBtn_arrow.el_btn_solid::after { padding-left: 5px; transform: translateY(10%) scale3d(0.85, 0.85, 0.85); }
  .el_medal { right: 24px; bottom: 20px; width: 74px; height: 78px; }
  .el_lv1Heading { font-size: 22px; margin-bottom: 50px; }
  .el_lv1Heading__widthSub { margin-bottom: 20px; }
  .el_lv1Heading > .el_underline { margin-bottom: 20px; }
  .el_lv2Heading { font-size: 18px; margin-bottom: 50px; }
  .el_lv2Heading__widthSub { margin-bottom: 28px; }
  .el_lv2Heading > span.el_underline::after { bottom: -18px; }
  .el_lv2Heading_type02 { font-size: 18px; line-height: 1.5; }
  .el_lv2Heading_type02::before { top: 20px; }
  .el_lv2Heading_type02__sub { font-size: 14px; display: block; line-height: 0; }
  .el_lv3Heading { font-size: 16px; }
  .el_lv4Heading { font-size: 14px; }
  .el_leadTxt { font-size: 18px; text-align: left; }
  .el_label { margin-bottom: 5px; }
  .el_label__midium { font-size: 12px; padding: 0 10px; }
  .el_label__new { display: block; width: 48px; }
  .el_markerLine { padding: 2px; }
  .el_caption { font-size: 12px; }
  .el_badgeCircle { min-width: 60px; min-height: 60px; font-size: 28px; }
  .el_badgeCircle_ttl { font-size: 10px; top: 12px; } }
/* ==========================================================================
Block
========================================================================== */
.bl_headerUtils { display: flex; align-items: center; justify-content: space-between; }
.bl_headerUtils_logo { width: 135px; }

.bl_headerNav { display: flex; align-items: flex-start; padding-top: 35px; font-size: 16px; font-weight: 500; z-index: 99; }
.bl_headerNav > li { padding: 0 15px 15px; }
.bl_headerNav > li:last-child { padding-right: 0; }
.bl_headerNav > li.is-active > a, .bl_headerNav > li.is-active > span { color: #3B5998 !important; border-top: 4px solid #3B5998; padding-top: 35px; }
.bl_headerNav > li.el_mark_carret_down { cursor: pointer; }
.bl_headerNav > li.el_mark_carret_down::after { padding-bottom: 25px; }
.bl_headerNav > li.el_mark_carret_down > span:hover { color: #3B5998; }
.bl_headerNav > li.bl_headerNav_spNavHome { background-color: #fff; }
.bl_headerNav > li.bl_headerNav_spNavHome a { width: 180px; }
.bl_headerNav > li a:link, .bl_headerNav > li a:visited { color: #000; }
.bl_headerNav > li a:focus, .bl_headerNav > li a:hover { color: #3B5998; }

.bl_headerNav_dropdown { width: 250px; display: none; position: absolute; margin-left: -15px; margin-top: 13px; padding: 0; background: #fff; border: 1px solid #e3e3e3; border-radius: 10px; }
.bl_headerNav_dropdown li { width: 250px; }
.bl_headerNav_dropdown li a { padding: 10px 20px; margin: 0; display: block; color: #000; }
.bl_headerNav_dropdown_menu, .bl_headerNav_dropdown .page_item { border-bottom: 1px solid #e3e3e3; }
.bl_headerNav_dropdown_menu:hover, .bl_headerNav_dropdown .page_item:hover { background-color: #e8ecf3; }
.bl_headerNav_dropdown_menu:first-child, .bl_headerNav_dropdown .page_item:first-child { border-radius: 10px 10px 0 0; }
.bl_headerNav_dropdown_menu:last-child, .bl_headerNav_dropdown .page_item:last-child { border-radius: 0 0 10px 10px; }

.bl_footerNavLeft { display: flex; flex-direction: column; justify-content: space-between; }

.bl_footerNavRight { display: flex; }

.bl_footerNav_item { margin-right: 30px; }
.bl_footerNav_item .bl_footerNav_link { font-weight: 500; margin-right: 15px; line-height: 2; }
.bl_footerNav_item .bl_footerChildNav { line-height: 2; }
.bl_footerNav_item .bl_footerChildNav_link::before, .bl_footerNav_item .bl_footerChildNav .page_item a::before { content: "- "; }
.bl_footerNav_item .bl_footerChildNav_sns a { margin-right: 5px; }
.bl_footerNav_item a:link, .bl_footerNav_item a:visited, .bl_footerNav_item a:focus, .bl_footerNav_item a:hover { color: #000; }
.bl_footerNav_item a:hover { text-decoration: underline; }

.bl_footerSubNavLeft { color: #fff; font-size: 12px; }
.bl_footerSubNavLeft .bl_footerSubNav_item::after { content: "｜"; }
.bl_footerSubNavLeft .bl_footerSubNav_item a:link, .bl_footerSubNavLeft .bl_footerSubNav_item a:visited, .bl_footerSubNavLeft .bl_footerSubNav_item a:focus, .bl_footerSubNavLeft .bl_footerSubNav_item a:hover { color: #fff; }
.bl_footerSubNavLeft .bl_footerSubNav_item a:hover { text-decoration: underline; }

.bl_footerSubNavRight { color: #fff; font-size: 12px; }

.bl_sideNav > .bl_sideNav_item { font-size: 14px; font-weight: 700; background-color: #FFF; border-bottom: 1px solid #E1E1E1; width: 100%; padding: 0; }
.bl_sideNav > .bl_sideNav_item a, .bl_sideNav > .bl_sideNav_item span { display: block; padding: 10px 5px; }
.bl_sideNav > .bl_sideNav_item a:link, .bl_sideNav > .bl_sideNav_item a:visited, .bl_sideNav > .bl_sideNav_item a:focus, .bl_sideNav > .bl_sideNav_item a:hover { color: #000; }
.bl_sideNav > .bl_sideNav_item a:hover { background-color: #F7F7F7; }
.bl_sideNav > .bl_sideNav_item.el_mark_carret_down { cursor: auto; }
.bl_sideNav > .bl_sideNav_item + .bl_sideNav_item { margin-top: 50px; }
.bl_sideNav > .bl_sideNav_item .bl_sideChildNav .bl_sideChildNav_item, .bl_sideNav > .bl_sideNav_item .bl_sideChildNav .cat-item { font-weight: 400; background-color: #fff; border-top: 1px solid #E1E1E1; }
.bl_sideNav > .bl_sideNav_item .bl_sideChildNav .bl_sideChildNav_item a, .bl_sideNav > .bl_sideNav_item .bl_sideChildNav .cat-item a { padding: 10px 10px 10px 20px; }
.bl_sideNav > .bl_sideNav_item.bl_sideNav_item__articles { border-bottom: none; }
.bl_sideNav > .bl_sideNav_item.bl_sideNav_item__articles .bl_sideChildNav { padding-top: 20px; border-top: 1px solid #E1E1E1; }
.bl_sideNav > .bl_sideNav_item.bl_sideNav_item__articles .bl_sideChildNav .bl_sideChildNav_item { border-top: none; margin-bottom: 30px; }
.bl_sideNav > .bl_sideNav_item.bl_sideNav_item__articles .bl_sideChildNav .bl_sideChildNav_item a { padding: 0; }
.bl_sideNav > .bl_sideNav_item.bl_sideNav_item__articles a:hover { background: none; }

.bl_jumbotron { width: 100%; height: 600px; background-position: center center; background-size: cover; color: #fff; }
.bl_jumbotron_inner { position: relative; max-width: 1230px; height: 100%; margin-right: auto; margin-left: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.bl_jumbotron_ttl { font-family: "Noto Serif JP", serif; line-height: 1.25; text-align: left; font-weight: 900; }
.bl_jumbotron_p { line-height: 1; font-weight: 700; font-family: "Noto Sans JP", sans-serif; }
.bl_jumbotron_home { background-image: url("../images/home/mv.jpg"); }
.bl_jumbotron_home .bl_jumbotron_inner { align-items: flex-start; }
.bl_jumbotron_home .bl_jumbotron_ttl { font-size: 40px; text-shadow: 0px 0px 20px #000; }
.bl_jumbotron_narrow { background-image: url("../images/mv-sub-bg.jpg"); height: 300px; }
.bl_jumbotron_narrow .bl_jumbotron_ttl { font-size: 40px; margin-bottom: 10px; }
.bl_jumbotron_narrow .bl_jumbotron_p { font-size: 18px; }

.bl_bannerColSimple { background-color: #213254; padding-top: 40px; padding-bottom: 40px; text-align: center; }

.bl_bannerColBg { background-image: url("../images/banner_bg.jpg"); background-size: cover; padding-top: 40px; padding-bottom: 40px; text-align: center; background-repeat: no-repeat; background-position: center; }

.bl_cardType02 .bl_card { position: relative; }
.bl_cardType02 .bl_card_imgWrapper { text-align: center; margin-bottom: 15px; }
.bl_cardType02 .bl_card_imgWrapper img { border-radius: 10px; border: none; width: 100%; height: 218px; object-fit: cover; }
.bl_cardType02 .bl_card_ttl { font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 5px; }
.bl_cardType02 .bl_card_txt { font-size: 14px; margin-bottom: 0; }
.bl_cardType02 .bl_card a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; }
.bl_cardType02 .bl_card:hover img { opacity: 0.8; transition: 0.25s; }

.bl_cardType03 .bl_card { position: relative; }
.bl_cardType03 .bl_card_imgWrapper { text-align: center; margin-bottom: 15px; }
.bl_cardType03 .bl_card_imgWrapper img { border-radius: 10px; border: none; width: 100%; height: 175px; object-fit: cover; }
.bl_cardType03 .bl_card_ttl { font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 5px; }
.bl_cardType03 .bl_card_txt { font-size: 14px; margin-bottom: 0; }
.bl_cardType03 .bl_card a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; }
.bl_cardType03 .bl_card:hover img { opacity: 0.8; transition: 0.25s; }

.bl_cardType04 .bl_card { position: relative; }
.bl_cardType04 .bl_card_imgWrapper { text-align: center; margin-bottom: 5px; position: relative; }
.bl_cardType04 .bl_card_imgWrapper img { border-radius: 0; border: none; width: 100%; height: 140px; object-fit: cover; }
.bl_cardType04 .bl_card_imgWrapper .bl_article_meta { position: absolute; bottom: -3px; right: 0; }
.bl_cardType04 .bl_card_ttl { font-size: 14px; line-height: 20px; }
.bl_cardType04 .bl_card_txt { font-size: 14px; margin-bottom: 0; }
.bl_cardType04 .bl_card a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; }
.bl_cardType04 .bl_card:hover img { opacity: 0.8; transition: 0.25s; }

.bl_cardType05 .bl_card { position: relative; }
.bl_cardType05 .bl_card_imgWrapper { width: 212px; height: 212px; background-color: #F4F5F9; border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.bl_cardType05 .bl_card_imgWrapper img { width: 212px; height: 212px; }
.bl_cardType05 .bl_card_ttl { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 10px; }
.bl_cardType05 .bl_card_txt { font-size: 16px; line-height: 1.5; }

.bl_media { display: flex; align-items: center; padding: 30px; background-color: #fff; border-radius: 10px; }
.bl_media_imgWrapper { flex: 0 1 105px; margin-right: 30px; }
.bl_media_imgWrapper > img { width: 100%; }
.bl_media_body { flex: 1; }
.bl_media_body > *:last-child { margin-bottom: 0; }
.bl_media_ttl { margin-bottom: 5px; font-size: 18px; font-weight: 500; color: #3B5998; display: flex; align-items: center; }
.bl_media_txt { line-height: 24px; }
.bl_media.bl_media__rev { flex-direction: row-reverse; }
.bl_media.bl_media__rev .bl_media_imgWrapper { margin-right: 0; margin-left: 30px; }
.bl_media_wrapper > section { border-bottom: 1px dotted #000; margin-bottom: 15px; }
.bl_media_wrapper > section:last-child { border: none; }
.bl_media_link { position: relative; cursor: pointer; align-items: flex-start; }
.bl_media_link a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bl_media_link:hover { transition: 0.25s; }
.bl_media_link:hover img { opacity: 0.75; }
.bl_media_link:hover .el_btn { background-color: #213254; border-color: #213254; }
.bl_media__case { padding: 0; border-radius: 0; background-color: #e8ecf3; }
.bl_media__case .bl_media_imgWrapper { flex: 0 1 210px; background-color: #e8ecf3; padding: 25px 0 15px; margin-right: 0; text-align: center; display: flex; flex-direction: column; align-items: center; }
.bl_media__case .bl_media_imgWrapper img { width: 90px; }
.bl_media__case .bl_media_imgWrapper figcaption { color: #213254; font-size: 14px; line-height: 1; padding: 8px 15px; background-color: #FFF; font-weight: 700; border-radius: 20px; display: inline-block; margin-top: 15px; }
.bl_media__case .bl_media_body { background-color: #F7F7F7; padding: 20px 30px; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.bl_media__case .bl_media_ttl { color: #213254; line-height: 1.25; margin-bottom: 15px; }
.bl_media__case .bl_media_list_item { font-size: 14px; line-height: 1.25; margin-bottom: 10px; margin-left: 1.1rem; text-indent: -1.1rem; }
.bl_media__case .bl_media_list_item::before { content: url("../images/check-solid.svg"); margin-right: 5px; transform: translateY(8%); }
.bl_media__case .bl_media_list_item:last-child { margin-bottom: 0; }
.bl_media__point { align-items: flex-start; margin-bottom: 30px; }
.bl_media__point:last-child { margin-bottom: 0; }
.bl_media__point .bl_media_ttl { font-size: 24px; line-height: 1.25; font-weight: 700; color: #213254; position: relative; top: 5px; }
.bl_media__point .bl_media_ttl__sub { display: block; font-size: 10px; line-height: 1; margin-bottom: 5px; letter-spacing: 1px; }
.bl_media__point .bl_media_txt { padding-top: 30px; margin-top: 30px; border-top: 1px dotted #213254; }
.bl_media__point .bl_media_imgWrapper { flex: 0 1 280px; margin-left: 70px; margin-right: 0; }
.bl_media__point .bl_media_imgWrapper > img { width: 100%; }
.bl_media__profile { align-items: flex-start; margin-bottom: 30px; padding: 0; }
.bl_media__profile .bl_media_ttl { font-size: 26px; line-height: 1.5; font-weight: 700; color: #213254; position: relative; top: 5px; }
.bl_media__profile .bl_media_ttl__sub { display: block; font-size: 10px; line-height: 1; letter-spacing: 1px; }
.bl_media__profile .bl_media_imgWrapper { flex: 0 1 280px; margin-left: 30px; margin-right: 0; }
.bl_media__profile .bl_media_imgWrapper > img { width: 100%; }
.bl_media__writer { align-items: center; margin-bottom: 30px; padding: 30px; color: #545454; background-color: #F7F7F7; border-radius: 20px; }
.bl_media__writer .bl_media_ttl { color: #545454; font-size: 16px; line-height: 1.5; font-weight: 700; margin-bottom: 10px; }
.bl_media__writer .bl_media_txt { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
.bl_media__writer .bl_media_imgWrapper { flex: 0 1 165px; margin-right: 30px; }
.bl_media__writer .bl_media_imgWrapper > img { width: 165px; height: 165px; border-radius: 83px; }
.bl_media__writer .bl_media__sns { border: none; margin-top: 0; padding-top: 0; }
.bl_media__client { align-items: center; margin-bottom: 30px; padding: 30px; color: #000; background-color: #F7F7F7; border-radius: 20px; }
.bl_media__client .bl_media_ttl { font-size: 18px; line-height: 1.5; font-weight: 700; color: #213254; margin-bottom: 0; }
.bl_media__client .bl_media_ttl.el_beforeIconBtn { font-size: 14px; }
.bl_media__client .bl_media_txt { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
.bl_media__client .bl_media_imgWrapper { flex: 0 1 165px; margin-right: 30px; }
.bl_media__client .bl_media_imgWrapper > img { width: 165px; height: 165px; border-radius: 83px; }
.bl_media__sns { margin-top: 15px; padding-top: 10px; border-top: 1px dotted #A8A8A8; }
.bl_media__sns a:link, .bl_media__sns a:hover, .bl_media__sns a:visited, .bl_media__sns a:active { color: #545454; }
.bl_media__sns a:hover { text-decoration: underline; }
.bl_media__sns li { display: inline-block; margin-right: 20px; font-size: 14px; }
.bl_media__image { flex-direction: column; padding: 0; position: relative; }
.bl_media__image.bl_grid__col_1_2 { flex-direction: row; align-items: flex-start; }
.bl_media__image.bl_grid__col_1_2 .bl_media_imgWrapper { flex: 0 1 calc(50% - 15px); margin-right: 30px; margin-bottom: 0; }
.bl_media__image.bl_grid__col_1_2 .bl_media_ttl { font-size: 24px; margin-bottom: 20px; }
.bl_media__image .bl_media_imgWrapper { flex: inherit; margin-bottom: 25px; margin-right: 0; }
.bl_media__image .bl_media_imgWrapper img { border-radius: 10px; }
.bl_media__image .bl_media_ttl { color: #213254; margin-bottom: 5px; font-size: 18px; line-height: 1; font-weight: 500; }
.bl_media__image .bl_media_txt { font-size: 16px; line-height: 1.5; font-weight: 400; margin-bottom: 15px; }

.bl_grid { display: grid; }
.bl_grid__col1 { grid-template-columns: repeat(1, 1fr); grid-row-gap: 15px; }
.bl_grid__col2 { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; grid-row-gap: 50px; }
.bl_grid__col3 { grid-template-columns: repeat(3, 1fr); grid-gap: 30px; grid-row-gap: 50px; }
.bl_grid__col4 { grid-template-columns: repeat(4, 1fr); grid-gap: 30px; grid-row-gap: 20px; }
.bl_grid__col5 { grid-template-columns: repeat(5, 1fr); grid-gap: 30px; grid-row-gap: 20px; }
.bl_grid__col_1_2 { grid-column: 1/3; }
.bl_grid__gap30 { grid-row-gap: 30px; }
.bl_grid__gap70 { grid-row-gap: 70px; }

.bl_col_btn { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.bl_col_btn__cta { display: flex; justify-content: center; align-items: center; width: 180px; height: 180px; border-radius: 90px; background-color: #3B5998; margin-bottom: 15px; }
.bl_col_btn__cta img { width: 100px; height: 100px; }
.bl_col_btn span { font-size: 18px; font-weight: 500; }
.bl_col_btn a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.bl_col_btn:hover .bl_col_btn__cta { background-color: #eb1344; }

.bl_breadcrumb { display: flex; font-size: 14px; }
.bl_breadcrumb_home { margin-right: 5px; transform: translateY(7px); }
.bl_breadcrumb_item a::after { content: '>'; margin: 0 3px; display: inline-block; }
.bl_breadcrumb_item a:hover { text-decoration: underline; }

.bl_pager { display: flex; overflow-x: auto; margin-top: 100px; }
.bl_pager ul.page-numbers { display: flex; margin-right: auto; margin-left: auto; }
.bl_pager ul.page-numbers > *:last-child { margin-right: 0; }
.bl_pager ul.page-numbers > li { margin-right: 5px; }
.bl_pager ul.page-numbers > li > a.page-numbers, .bl_pager ul.page-numbers > li > span.page-numbers { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; color: #fff; background-color: #B7B7B7; opacity: .8; text-decoration: none; transition: .25s; }
.bl_pager ul.page-numbers > li > a.page-numbers:focus, .bl_pager ul.page-numbers > li > a.page-numbers:hover, .bl_pager ul.page-numbers > li > span.page-numbers:focus, .bl_pager ul.page-numbers > li > span.page-numbers:hover { background-color: #3B5998; color: #fff; opacity: 1; }
.bl_pager ul.page-numbers > li > span.current { background-color: #3B5998; opacity: .8; color: #fff; pointer-events: none; }
.bl_pager_inner { display: flex; margin-right: auto; margin-left: auto; }
.bl_pager_inner > *:last-child { margin-right: 0; }
.bl_pager_inner > li { margin-right: 5px; }
.bl_pager_link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; color: #fff; background-color: #B7B7B7; opacity: .8; text-decoration: none; transition: .25s; }
.bl_pager_link:focus, .bl_pager_link:hover { background-color: #3B5998; color: #fff; opacity: 1; }
.bl_pager_link.is_active { background-color: #3B5998; opacity: .8; color: #fff; pointer-events: none; }

.bl_horizTable { width: 100%; font-size: 14px; }
.bl_horizTable tr { border-bottom: 1px dotted #545454; }
.bl_horizTable th { width: 25%; padding: 20px 30px; line-height: 1.2; font-weight: 500; vertical-align: middle; text-align: left; }
.bl_horizTable td { line-height: 1.5; font-weight: 500; padding: 20px 30px; }

.bl_list__num { list-style: decimal; list-style-position: inside; }
.bl_list__style01 .bl_list_item, .bl_list__style01 .page_item { border-bottom: 1px solid #A8A8A8; font-weight: 500; }
.bl_list__style01 .bl_list_item:last-child, .bl_list__style01 .page_item:last-child { border: none; }
.bl_list__style01 .bl_list_item > *, .bl_list__style01 .page_item > * { padding: 10px 0 10px 10px; display: block; }
.bl_list__style01 .bl_list__children { margin-left: -10px; padding-top: 0; padding-bottom: 0; }
.bl_list__style01 .bl_list__children .bl_list_item, .bl_list__style01 .bl_list__children .page_item { border-bottom: 1px dotted #A8A8A8; }
.bl_list__style01 .bl_list__children .bl_list_item:first-child, .bl_list__style01 .bl_list__children .page_item:first-child { border-top: 1px dotted #A8A8A8; }
.bl_list__style01 .bl_list__children .bl_list_item:last-child, .bl_list__style01 .bl_list__children .page_item:last-child { border: none; }
.bl_list__style01 .bl_list__children .bl_list_item > *, .bl_list__style01 .bl_list__children .page_item > * { padding: 10px; display: inline-block; font-weight: 400; }
.bl_list__style01 .bl_list__children .bl_list_item > *::before, .bl_list__style01 .bl_list__children .page_item > *::before { content: '- '; }
.bl_list__style01 .bl_list__children .bl_list_item > a, .bl_list__style01 .bl_list__children .page_item > a { display: block; }
.bl_list__style02 li { font-size: 18px; line-height: 1.25; font-weight: 500; margin-bottom: 40px; }
.bl_list__style02 p { font-size: 14px; line-height: 2; font-weight: 400; }
.bl_list__style02 p:first-child { margin-top: 10px; }
.bl_list__style03_wrap { background-color: #F7F7F7; padding: 40px 30px 50px; border-radius: 10px; }
.bl_list__style03_item { background-color: #FFF; padding: 10px 30px 10px 50px; font-size: 20px; line-height: 1.25; font-weight: 500; border-radius: 10px; margin-bottom: 20px; margin-left: 20px; text-indent: -24px; }
.bl_list__style03_item:last-child { margin-bottom: 0; }
.bl_list__style03_item::before { content: '■ '; }
.bl_list__style03_item strong { font-size: 22px; color: #3B5998; border-bottom: 3px dotted #3B5998; }
.bl_list__style04_item { color: #213254; background-color: #FFF; padding: 10px 15px; font-size: 20px; line-height: 1.25; font-weight: 700; border-radius: 10px; margin-bottom: 20px; border: 1px solid #D9D9D9; display: flex; align-items: center; }
.bl_list__style04_item::before { content: url("../images/check-circle-solid.svg"); margin-right: 10px; position: relative; top: 3px; }
.bl_list__style04_item strong { font-size: 24px; white-space: nowrap; }

/*
input[type=checkbox] {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
input[type=checkbox]:checked + span:after {
	content: "";
	display: block;
	background: url("../images/check-solid.svg") no-repeat;
	width: 15px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
}*/
.bl_form { /*
&_checkbox {
	cursor: pointer;
	input[type="checkbox"] + span {
		display: inline-block;
		width: 22px;
		height: 22px;
		top: 5px;
		margin-right: 5px;
		border: 1px solid #D9D9D9;
		background-color: #fff;
		border-radius: 5px;
		position: relative;
	}
}

&_radio {
	display: none;
	&:checked + label:after {
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		left: 4px;
		width: 14px;
		height: 14px;
		background-color:  $base-color;
		border-radius: 50%
	}
	+ label {
		padding-left: 28px;
		position: relative;
		cursor: pointer;
	}
	+ label:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		border: 1px solid #DBDBDB;
		border-radius: 50%;
		background-color: #fff;
	}
}*/ /*
&_selectbox {
	display: inline-block;
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	position: relative;
	width: 100%;
	background-color: #fff;
	&:before, &:after {
		content: "";
		display: block;
		position: absolute;
	}
	&:before {
		width: 40px;
		height: 40px;
		background: #fff;
		top: 0;
		right: 0;
		z-index: -1;
	}
	&:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #363636 transparent transparent transparent;
		right: 15px;
		top: 18px;
	}
	 > select {
		height: 40px;
		padding: 0 40px 0 15px;
		width: 100%;
		font-size: 12px;
		font-family: $base-font;
	}
}*/ }
.bl_form_agree { text-align: center; margin-bottom: 20px; font-size: 14px; }
.bl_form_submit { display: flex; justify-content: center; }
.bl_form_list_checkbox li { margin-bottom: 5px; }
.bl_form_list_radio li { margin-top: 5px; margin-bottom: 10px; }
.bl_form__type01 table { width: 100%; margin-bottom: 50px; background-color: #F7F7F7; font-size: 14px; line-height: 1.25; }
.bl_form__type01 tr { border-bottom: 2px solid #fff; }
.bl_form__type01 th { width: 270px; padding: 20px 12px 20px 50px; font-weight: 700; vertical-align: top; text-align: left; }
.bl_form__type01 td { padding: 10px 50px 10px 12px; vertical-align: top; }
.bl_form__type01 .bl_form_input, .bl_form__type01 .bl_form_textarea { border: 1px solid #D9D9D9; padding: 10px; border-radius: 5px; width: 100%; font-family: "Noto Sans JP", sans-serif; font-size: 12px; }
.bl_form__type01 .bl_form_large { width: 100%; }
.bl_form__type01 .bl_form_midium { width: 70%; }
.bl_form__type01 .bl_form_small { width: calc(35% - 15px); }
.bl_form__type01 .parsley-custom-error-message, .bl_form__type01 .wpcf7-not-valid-tip { color: #B91C1C; font-size: 14px; margin-top: 3px; }

.wpcf7-date { cursor: pointer; }
.wpcf7-date *, .wpcf7-date + * { cursor: pointer; }

.bl_form_selectbox .wpcf7-form-control-wrap { display: inline-block; border: 1px solid #D9D9D9; border-radius: 5px; position: relative; width: 100%; background-color: #fff; }
.bl_form_selectbox .wpcf7-form-control-wrap:before, .bl_form_selectbox .wpcf7-form-control-wrap:after { content: ""; display: block; position: absolute; }
.bl_form_selectbox .wpcf7-form-control-wrap:before { width: 40px; height: 40px; background: #fff; top: 0; right: 0; z-index: -1; }
.bl_form_selectbox .wpcf7-form-control-wrap:after { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #363636 transparent transparent transparent; right: 15px; top: 18px; }
.bl_form_selectbox .wpcf7-form-control-wrap > select { height: 40px; padding: 0 40px 0 15px; width: 100%; font-size: 12px; font-family: "Noto Sans JP", sans-serif; }

.wpcf7-checkbox input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; }
.wpcf7-checkbox .wpcf7-list-item { display: block; margin-bottom: 5px; }
.wpcf7-checkbox .wpcf7-list-item > label { cursor: pointer; }
.wpcf7-checkbox .wpcf7-list-item-label:before { content: ""; display: inline-block; width: 22px; height: 22px; top: 5px; margin-right: 5px; border: 1px solid #D9D9D9; background-color: #fff; border-radius: 5px; position: relative; }
.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label:before { background-image: url("../images/check-solid.svg"); background-repeat: no-repeat; background-position: center center; }

.wpcf7-radio input[type=radio] { position: absolute; z-index: -1; opacity: 0; }
.wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label:before { background-color: #3B5998; outline: 1px solid #DBDBDB; border: 4px solid #fff; width: 14px; height: 14px; }
.wpcf7-radio .wpcf7-list-item { display: block; margin-bottom: 5px; }
.wpcf7-radio .wpcf7-list-item-label { cursor: pointer; }
.wpcf7-radio .wpcf7-list-item-label:before { content: ""; display: inline-block; width: 20px; height: 20px; border: 1px solid #DBDBDB; border-radius: 50%; background-color: #fff; position: relative; top: 5px; margin-right: 5px; }

.bl_icons { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-gap: 20px; grid-row-gap: 50px; }
.bl_icons_item { text-align: center; font-size: 12px; line-height: 14px; font-weight: 500; }
.bl_icons_item img { width: 120px; height: 120px; border-radius: 10px; margin-bottom: 8px; background-color: #213254; }

.bl_flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-gap: 30px; grid-row-gap: 50px; }
.bl_flow_process { text-align: center; display: flex; flex-direction: column; }
.bl_flow_ttl { background: url("../images/service/flow-title-arrow.png") no-repeat right center; color: #fff; font-size: 18px; font-weight: 500; padding: 6px 5px; margin-bottom: 10px; }
.bl_flow_list { display: flex; flex-direction: column; background-color: #e8ecf3; padding: 20px 10px; height: 100%; }
.bl_flow_list_item { background-color: #fff; border-radius: 10px; padding: 0 10px; margin-bottom: 10px; font-size: 16px; line-height: 1.25; font-weight: 500; min-height: 40px; display: flex; justify-content: center; align-items: center; }
.bl_flow_list_item:last-child { margin-bottom: 0; }

.bl_priceUnit { margin-bottom: 40px; }
.bl_priceUnit__onlyMd { display: none; }
.bl_priceUnit .bl_price { margin-bottom: 20px; }
.bl_priceUnit .bl_price.bl_price_highlight .bl_price_header { background-color: #3B5998; }
.bl_priceUnit .bl_price.bl_price_highlight .bl_price_body { border-color: #3B5998; }
.bl_priceUnit .bl_price.bl_price_highlight .bl_price_price { color: #3B5998; }
.bl_priceUnit .bl_price_header { padding: 10px; background-color: #000; color: #fff; text-align: center; }
.bl_priceUnit .bl_price_body { border: 2px solid #000; }
.bl_priceUnit .bl_price_ttl { font-size: 20px; font-weight: 700; }
.bl_priceUnit .bl_price_price { font-size: 36px; font-weight: 700; text-align: center; background-color: #213254; padding: 10px 10px; }
.bl_priceUnit .bl_price_price span { font-size: 16px; }
.bl_priceUnit .bl_price_features { width: 100%; background-color: #fff; }
.bl_priceUnit .bl_price_features tr:nth-child(even) { background-color: #213254; }
.bl_priceUnit .bl_price_features th { text-align: left; font-weight: 500; padding: 15px 5px 15px 30px; }
.bl_priceUnit .bl_price_features td { text-align: right; font-weight: 500; padding: 15px 30px 15px 5px; }
.bl_priceUnit .bl_price_features02 { width: 100%; background-color: #fff; }
.bl_priceUnit .bl_price_features02 thead tr { background-color: #3B5998; color: #fff; font-weight: 700; font-size: 18px; }
.bl_priceUnit .bl_price_features02 thead th, .bl_priceUnit .bl_price_features02 thead td { padding: 10px 5px; text-align: center; }
.bl_priceUnit .bl_price_features02 tbody tr:nth-child(odd) { background-color: #213254; }
.bl_priceUnit .bl_price_features02 tbody th { text-align: left; font-weight: 700; padding: 15px 5px 15px 30px; }
.bl_priceUnit .bl_price_features02 tbody td { text-align: center; font-weight: 500; padding: 15px 30px 15px 5px; }
.bl_priceUnit .el_btn { max-width: 250px; }
.bl_priceUnit_notice { text-align: center; }

.bl_datalist { margin-bottom: 20px; position: relative; display: block; width: 100%; background-color: #fff; border: 2px solid #FFF; border-radius: 10px; color: #000; text-align: left; position: relative; }
.bl_datalist_header { padding: 10px 25px 14px; background-color: #e8ecf3; border-radius: 10px 10px 0 0; }
.bl_datalist_ttl { display: block; font-size: 16px; line-height: 1.5; font-weight: 700; text-align: left; text-indent: -30px; padding-left: 28px; text-indent: -28px; }
.bl_datalist_ttl::before { content: 'Q.'; color: #213254; font-size: 24px; line-height: 1; font-weight: 700; padding-right: 5px; transform: translateY(8px); }
.bl_datalist_body { padding: 10px 25px 14px; }
.bl_datalist:last-child { margin-bottom: 0; }
.bl_datalist_txt { font-size: 16px; line-height: 1.5; font-weight: 400; padding-left: 28px; text-indent: -28px; }
.bl_datalist_txt:first-child::before { content: 'A.'; color: #213254; font-size: 24px; line-height: 1; font-weight: 700; padding-right: 5px; transform: translateY(8px); }

.bl_accordion { cursor: pointer; margin-bottom: 20px; position: relative; display: block; width: 100%; padding: 0 100px 0 25px; background-color: #fff; border: 1px solid #000; border-radius: 10px; color: #000; text-align: left; transition: .25s; position: relative; }
.bl_accordion::after { position: absolute; top: 50%; right: 30px; transform: translateY(-50.1%); content: url("../images/plus-square-regular.svg"); width: 18px; height: 18px; padding-left: 10px; }
.bl_accordion.is_active::after { content: url("../images/minus-square-regular.svg"); }
.bl_accordion_btn { display: block; font-size: 16px; font-weight: 700; text-align: left; width: calc(100% - 30px); padding: 12px 0 12px 30px; text-indent: -30px; }
.bl_accordion_btn::before { content: 'Q.'; color: #3B5998; font-size: 24px; line-height: 1; font-weight: 700; padding-right: 5px; transform: translateY(8px); }
.bl_accordion_body { font-size: 16px; display: none; padding: 10px 0 14px; }
.bl_accordion.is_active .bl_accordion_body { display: block; }
.bl_accordion.is_active .bl_accordion_btn { border-bottom: 1px dotted #000; }
.bl_accordion:last-child { margin-bottom: 0; }
.bl_accordion_txt { font-weight: 400; padding-left: 30px; text-indent: -30px; }
.bl_accordion_txt:first-child::before { content: 'A.'; color: #3B5998; font-size: 24px; line-height: 1; font-weight: 700; padding-right: 5px; transform: translateY(8px); }

.bl_article { margin-bottom: 100px; }
.bl_article_header .el_lv1Heading { font-size: 28px; line-height: 36px; font-weight: 500; border-bottom: 1px dotted #000; padding-bottom: 15px; margin-bottom: 15px; }
.bl_article_header .bl_editor__small { display: flex; align-items: center; }
.bl_article_header .bl_editor__small .bl_editor_photo { margin-right: 10px; }
.bl_article_header .bl_editor__small .bl_editor_photo img { width: 40px; height: 40px; border-radius: 20px; }
.bl_article_header .bl_editor__small .bl_editor_name { font-size: 14px; }
.bl_article_header .wp_social_bookmarking_light { display: flex; }
.bl_article_header .bl_article_mv { margin: 30px 0; }
.bl_article_body { margin-bottom: 30px; }
.bl_article_body h2 { font-size: 22px; line-height: 1.5; font-weight: 500; color: #FFF; margin-bottom: 30px; min-height: 55px; background-image: url("../images/column/h2-bg.svg"), url("../images/column/h2-bg.svg"); background-position: top, bottom; background-color: #3B5998; background-repeat: repeat-x; padding: 10px; }
.bl_article_body h3 { font-size: 22px; line-height: 1.5; font-weight: 500; color: #000; margin-bottom: 20px; background-color: #FFF; padding: 10px 0; border-bottom: 2px solid #3B5998; }
.bl_article_body h4 { font-size: 18px; line-height: 1.5; font-weight: 500; color: #000; margin-bottom: 20px; background-color: #FFF; padding: 5px 0 5px 10px; border-left: 7px solid #3B5998; }
.bl_article_body ul { list-style: square; margin-left: 1.5rem; margin-bottom: 1rem; }
.bl_article_body ul.is-style-01 { padding: 0; list-style: none; margin-left: 5px; }
.bl_article_body ul.is-style-01 li { position: relative; padding: 5px 0px 5px 5px; margin-bottom: 10px; border-left: solid 5px #3B5998; line-height: 1; font-weight: 500; }
.bl_article_body ol { list-style: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }
.bl_article_body ol.is-style-01 { counter-reset: list; list-style-type: none; padding: 0px; }
.bl_article_body ol.is-style-01 ol { list-style: none; }
.bl_article_body ol.is-style-01 li { position: relative; line-height: 30px; margin: 7px 0 7px 12px; font-weight: 500; font-size: 16px; }
.bl_article_body ol.is-style-01 li::before { counter-increment: list; content: counter(list); position: absolute; left: -35px; width: 30px; height: 30px; background: #3B5998; text-align: center; color: #fff; top: 15px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.bl_article_body .wp-block-table.is-style-regular { margin-bottom: 30px; }
.bl_article_body .wp-block-table.is-style-regular th, .bl_article_body .wp-block-table.is-style-regular td { padding: 10px; border: 1px solid #D9D9D9; font-size: 14px; }
.bl_article_body .wp-block-table.is-style-regular th { background-color: #e8ecf3; font-weight: 500; }
.bl_article_body .wp-block-table.is-style-regular figcaption { font-size: 14px; margin-top: 5px; }
.bl_article_body .wp-block-table.is-style-stripes { margin-bottom: 30px; border-bottom: none; }
.bl_article_body .wp-block-table.is-style-stripes th, .bl_article_body .wp-block-table.is-style-stripes td { padding: 10px; border: 1px solid #D9D9D9; font-size: 14px; }
.bl_article_body .wp-block-table.is-style-stripes th { background-color: #e8ecf3; font-weight: 500; }
.bl_article_body .wp-block-table.is-style-stripes tr:nth-child(odd) { background-color: #FFF; }
.bl_article_body .wp-block-table.is-style-stripes tr:nth-child(even) { background-color: #F7F7F7; }
.bl_article_body .wp-block-table.is-style-stripes figcaption { font-size: 14px; margin-top: 5px; }
.bl_article_meta { display: flex; justify-content: space-between; align-items: baseline; }
.bl_article_meta_sns { align-items: center; }
.bl_article_footer .wp_social_bookmarking_light { display: flex; justify-content: flex-end; }

.bl_post { margin-bottom: 100px; }
.bl_post img { margin-bottom: 30px; }
.bl_post p { line-height: 2; margin-bottom: 20px; }
.bl_post p:last-child { margin-bottom: 0; }
.bl_post a { text-decoration: underline; color: #3B5998; }
.bl_post ul { margin-left: 1.5em; list-style: initial; margin-bottom: 20px; }
.bl_post ol { margin-left: 1.2em; list-style: auto; margin-bottom: 20px; }
.bl_post dl { margin-bottom: 20px; }
.bl_post dl dt { font-weight: 700; }
.bl_post dl dd { margin-bottom: 1em; }
.bl_post blockquote { background-color: #213254; padding: 14px 28px; margin-bottom: 20px; }
.bl_post .float-left { float: left; margin-right: 28px; margin-bottom: 14px; }
.bl_post .float-right { float: right; margin-left: 28px; margin-bottom: 14px; }
.bl_post h1, .bl_post h2, .bl_post h3, .bl_post h4, .bl_post h5, .bl_post h6 { font-weight: 700; margin-bottom: 1em; }
.bl_post h4 { font-size: 20px; }
.bl_post h5 { font-size: 18px; }
.bl_post h6 { font-size: 16px; }
.bl_post strong, .bl_post b { font-weight: 700; }

@media (max-width: 1230px) { .bl_jumbotron_inner { margin-right: 50px; margin-left: 50px; } }
@media (max-width: 1050px) { .bl_headerUtils_logo { width: 115px; }
  .bl_headerNav { font-size: 14px; }
  .bl_headerNav > li { padding: 0 8px 15px; }
  .bl_media_ttl { letter-spacing: normal; font-size: 20px; }
  .bl_flow { grid-gap: 5px; }
  .bl_flow_ttl { font-size: 16px; }
  .bl_footerNav_item { margin-right: 20px; }
  .bl_cardType05 .bl_card { position: relative; }
  .bl_cardType05 .bl_card_imgWrapper { width: 180px; height: 180px; }
  .bl_cardType05 .bl_card_imgWrapper img { width: 180px; height: 180px; } }
@media (max-width: 900px) { .bl_headerUtils_logo { width: 78px; margin-top: 0; }
  .bl_headerNav { align-items: flex-start; flex-direction: column; overflow-y: auto; padding-top: 50px; }
  .bl_headerNav > li { background-color: #F8F8F8; border-bottom: 1px solid #E1E1E1; width: 100%; padding: 0; }
  .bl_headerNav > li:last-child { margin-bottom: 50px; }
  .bl_headerNav > li a, .bl_headerNav > li span { display: block; padding: 15px 15px 12px; }
  .bl_headerNav > li.el_mark_carret_down { cursor: auto; }
  .bl_headerNav_dropdown { display: block; width: 100%; position: relative; margin-left: 0; margin-top: 0; padding: 0; border: none; border-radius: 0; }
  .bl_headerNav_dropdown li { width: 100%; }
  .bl_headerNav_dropdown li:last-child { border: none; }
  .bl_headerNav_dropdown_menu > a, .bl_headerNav_dropdown .page_item > a { padding-left: 30px !important; }
  .bl_headerNav_dropdown_menu > a::before, .bl_headerNav_dropdown .page_item > a::before { content: " - "; }
  .bl_jumbotron_home { background-image: url("../images/home/mv-sp.jpg"); }
  .bl_jumbotron_home .bl_jumbotron_inner { padding: 35px 30px; margin: 0; justify-content: flex-end; }
  .bl_jumbotron_home .bl_jumbotron_ttl { font-size: 25px; line-height: 1.5; text-shadow: 0px 0px 20px #000; }
  .bl_jumbotron_home .bl_jumbotron_ttl span { margin: 4px 0; padding: 3px 15px 6px; }
  .bl_jumbotron_narrow { background-image: url("../images/mv-sub-bg-sp.jpg"); height: 200px; justify-content: center; }
  .bl_jumbotron_narrow .bl_jumbotron_inner { padding: 35px 30px; margin: 0; justify-content: center; }
  .bl_jumbotron_narrow .bl_jumbotron_ttl { font-size: 26px; }
  .bl_jumbotron_narrow .bl_jumbotron_p { font-size: 14px; line-height: 1.5; text-align: center; }
  .bl_footerNavLeft, .bl_footerNavRight, .bl_footerNav_item, .bl_footerSubNavLeft { flex-direction: column; font-size: 14px; }
  .bl_footerNavLeft { padding: 40px 20px; }
  .bl_footerNavLeft__top { margin-bottom: 20px; }
  .bl_footerNav_item { margin-right: 0; }
  .bl_footerNav_item .bl_footerNav_link { background-color: #213254; border-bottom: 1px solid #fff; margin-right: 0; line-height: 1; padding: 18px 20px; display: block; }
  .bl_footerNav_item .bl_footerNav_link__parent { border: none; }
  .bl_footerNav_item .bl_footerNav_link::before { content: url("../images/square-white.svg"); margin-right: 5px; }
  .bl_footerNav_item .bl_footerChildNav { border-bottom: 1px solid #fff; }
  .bl_footerNav_item .bl_footerChildNav_item, .bl_footerNav_item .bl_footerChildNav .page_item { background-color: #213254; line-height: 1; padding-left: 16px; }
  .bl_footerNav_item .bl_footerChildNav_item a, .bl_footerNav_item .bl_footerChildNav .page_item a { padding: 15px 20px; display: block; }
  .bl_footerNav_item .bl_footerChildNav_item.hp_mgb__2em, .bl_footerNav_item .bl_footerChildNav .page_item.hp_mgb__2em { margin-bottom: 0 !important; }
  .bl_footerNav_item .bl_footerChildNav_sns { background-color: #fff; padding: 30px 20px; }
  .bl_footerNav_item .bl_footerChildNav_sns a { display: inline; padding: 0 3px 0 0; }
  .bl_footerSubNavLeft .bl_footerSubNav_item { border-bottom: 1px solid #fff; }
  .bl_footerSubNavLeft .bl_footerSubNav_item a { padding: 15px 20px; display: block; }
  .bl_footerSubNavLeft .bl_footerSubNav_item::after { content: none; }
  .bl_footerSubNavRight { padding: 50px 0; text-align: center; }
  .bl_cardType01 .bl_card .el_btn { width: inherit; } }
@media (max-width: 768px) { .bl_jumbotron_home .bl_jumbotron_ttl { font-size: 20px; }
  .bl_cardType02 .bl_card_imgWrapper img, .bl_cardType03 .bl_card_imgWrapper img { height: auto; }
  .bl_cardType02 .bl_card_ttl, .bl_cardType03 .bl_card_ttl { font-size: 14px; margin-bottom: 0; }
  .bl_cardType04 .bl_card, .bl_card_md_transform .bl_card { display: flex; }
  .bl_cardType04 .bl_card_imgWrapper, .bl_card_md_transform .bl_card_imgWrapper { margin-right: 10px; flex: 0 1 125px; }
  .bl_cardType04 .bl_card_imgWrapper img, .bl_card_md_transform .bl_card_imgWrapper img { border-radius: 0; height: 90px; }
  .bl_cardType04 .bl_card .bl_article_meta, .bl_card_md_transform .bl_card .bl_article_meta { flex-direction: column; }
  .bl_cardType05 .bl_card { position: relative; }
  .bl_cardType05 .bl_card_imgWrapper { width: 100%; height: auto; border-radius: 10px; text-align: center; margin-bottom: 10px; }
  .bl_cardType05 .bl_card_imgWrapper img { width: 160px; height: 160px; }
  .bl_cardType05 .bl_card_txt { font-size: 14px; text-align: center; }
  .bl_media { display: block; padding: 20px; }
  .bl_media_ttl { margin-bottom: 10px; font-size: 18px; font-weight: 700; letter-spacing: normal; display: block; text-align: center; }
  .bl_media_imgWrapper { margin: 0; text-align: center; }
  .bl_media_txt { font-size: 14px; line-height: 1.5; }
  .bl_media.bl_media__rev .bl_media_imgWrapper { margin: 0 0 50px 0; }
  .bl_media__case { padding: 0; }
  .bl_media__case .bl_media_imgWrapper { padding: 25px 20px 15px; }
  .bl_media__case .bl_media_imgWrapper img { width: 90px; }
  .bl_media__case .bl_media_imgWrapper figcaption { width: 100%; }
  .bl_media__case .bl_media_body { background-color: #F7F7F7; padding: 20px 30px; display: block; height: auto; }
  .bl_media__case .bl_media_ttl { text-align: left; font-size: 16px; }
  .bl_media__point { padding: 30px 20px; }
  .bl_media__point .bl_media_ttl { text-align: left; display: flex; align-items: center; }
  .service .bl_media__point .bl_media_ttl { font-size: 16px; }
  .bl_media__point .bl_media_txt { margin-bottom: 20px; }
  .bl_media__point .bl_media_imgWrapper { margin-left: 0; }
  .bl_media__image { margin-bottom: 20px; padding: 0; }
  .bl_media__image.bl_grid__col_1_2 { flex-direction: row; align-items: flex-start; margin-bottom: 20px; }
  .bl_media__image.bl_grid__col_1_2 .bl_media_imgWrapper { margin-right: 0; margin-bottom: 25px; }
  .bl_media__image.bl_grid__col_1_2 .bl_media_ttl { font-size: 18px; margin-bottom: 15px; }
  .bl_media__image .bl_media_ttl { text-align: left; margin-bottom: 15px; }
  .bl_media__image .bl_media_txt { font-size: 14px; }
  .bl_media__profile { display: flex; flex-direction: column-reverse; align-items: flex-start; margin-bottom: 30px; padding: 0; }
  .bl_media__profile .bl_media_ttl { font-size: 26px; line-height: 1.5; font-weight: 700; color: #213254; position: relative; top: 5px; }
  .bl_media__profile .bl_media_ttl__sub { display: block; font-size: 10px; line-height: 1; letter-spacing: 1px; }
  .bl_media__profile .bl_media_imgWrapper { margin-left: 0; margin-bottom: 50px; }
  .bl_media__event .bl_media_body { margin-top: 0; }
  .bl_media__event .bl_media_imgWrapper { margin: 0 0 15px 0; }
  .bl_media__feature { padding: 5px 30px 30px; margin-bottom: 40px; }
  .bl_media__feature .bl_media_body { margin-top: 0; }
  .bl_media__feature .bl_media_ttl { font-size: 18px; text-align: center; }
  .bl_media__feature .bl_media_imgWrapper { flex: none; margin-right: 0; margin: 0; }
  .bl_media__feature:last-child { margin-bottom: 0; }
  .bl_media__feature02 { background: linear-gradient(0deg, #ffffff 50%, #F7F7F7 100%); padding: 30px 20px; }
  .bl_media__feature02 .bl_media_ttl { font-size: 18px; text-align: center; margin-bottom: 20px; }
  .bl_media__feature02 .bl_media_imgWrapper { flex: 0 1 540px; margin: 0; }
  .bl_media__feature02.bl_media__rev { background: linear-gradient(0deg, #ffffff 50%, #F7F7F7 100%); }
  .bl_media__feature02.bl_media__rev .bl_media_imgWrapper { flex: 0 1 540px; margin: 0; }
  .bl_media__writer .bl_media_imgWrapper { flex: 0 1 165px; margin-right: 0; margin-bottom: 30px; }
  .bl_media__writer .bl_media_ttl { font-weight: 500; font-size: 14px; }
  .bl_media__client .bl_media_ttl { font-size: 16px; text-align: left; }
  .bl_media__client .bl_media_imgWrapper { margin-right: 0; margin-bottom: 20px; }
  .bl_grid__col_1_2 { grid-column: 1/2; }
  .bl_grid__col1 { grid-row-gap: 30px; }
  .bl_grid__col2 { grid-template-columns: repeat(1, auto); grid-gap: 0; grid-row-gap: 30px; }
  .bl_grid__col3 { grid-template-columns: repeat(1, auto); grid-gap: 0; grid-row-gap: 50px; }
  .bl_grid__col4 { grid-template-columns: repeat(1, auto); grid-gap: 0; grid-row-gap: 30px; }
  .bl_grid__col5 { grid-template-columns: repeat(2, auto); }
  .bl_col_btn { position: relative; display: flex; flex-direction: row; justify-content: left; align-items: center; background-color: #3B5998; width: 100%; }
  .bl_col_btn:hover { background-color: #eb1344; }
  .bl_col_btn__cta { width: 70px; height: 70px; border-radius: 0; margin-bottom: 0; margin-left: 35px; margin-right: 20px; padding: 5px; }
  .bl_col_btn__cta img { width: 50px; height: 50px; }
  .bl_col_btn span { color: #fff; }
  .bl_article { margin-top: 50px; }
  .bl_article_header .el_lv1Heading { font-size: 18px; line-height: 1.5; }
  .bl_article_body h2 { font-size: 18px; margin-bottom: 20px; min-height: 44px; }
  .bl_article_body h3 { font-size: 18px; }
  .bl_article_body h4 { font-size: 14px; padding: 3px 0 3px 7px; }
  .bl_article .bl_article_meta_sns { align-items: flex-start; }
  .bl_horizTable tr:first-child th { padding-top: 0; }
  .bl_horizTable th { width: inherit; padding: 20px 10px 1px; display: block; }
  .bl_horizTable td { padding: 1px 10px 20px; display: block; }
  .bl_list__style01.bl_grid__col3 { grid-row-gap: 0; }
  .bl_list__style01 .bl_list_item:last-child { border-bottom: 1px solid #A8A8A8; }
  .bl_list__style01 .bl_list__children .bl_list_item > * { padding-left: 15px; }
  .bl_list__style02 li { margin-bottom: 25px; }
  .bl_list__style03_wrap { padding: 30px 10px; }
  .bl_list__style03_wrap .el_lv3Heading { font-size: 18px; }
  .bl_list__style03_item { padding: 20px; font-size: 16px; line-height: 1.5; margin-bottom: 15px; }
  .bl_list__style03_item::before { content: none; }
  .bl_list__style03_item strong { font-size: 16px; }
  .bl_list__style04_item { font-size: 14px; font-weight: 500; flex-direction: column; align-items: flex-start; }
  .bl_list__style04_item::before { content: none; }
  .bl_list__style04_item strong { font-size: 18px; display: flex; align-items: center; margin-bottom: 5px; }
  .bl_list__style04_item strong::before { content: url("../images/check-circle-solid.svg"); transform: scale(0.75, 0.75); margin-right: 0; position: relative; top: 2px; }
  .bl_form__type01 table { margin-bottom: 35px; }
  .bl_form__type01 th { width: inherit; padding: 20px 20px 5px; display: flex; justify-content: space-between; vertical-align: top; }
  .bl_form__type01 td { padding: 5px 20px 20px; display: block; }
  .bl_form__type01 .el_btn { width: 100%; }
  .bl_form__type01 .bl_form_midium { width: 100%; }
  .bl_form__type01 .bl_form_small { width: 100%; }
  .bl_form__type01 .el_label__required { float: none; margin-left: 5px; }
  .bl_form_input { font-size: 16px; }
  .bl_icons { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-gap: 5px; grid-row-gap: 30px; }
  .bl_icons_item { font-size: 10px; line-height: 12px; }
  .bl_icons_item img { width: 100px; height: 100px; }
  .bl_flow { display: flex; flex-direction: column; }
  .bl_flow_process { text-align: center; display: flex; flex-direction: column; padding-bottom: 25px; margin-bottom: 5px; background: url("../images/service/flow-arrow-down.png") no-repeat bottom center/84px 15px; }
  .bl_flow_process:last-child { background: none; padding-bottom: 0; }
  .bl_flow_ttl { background: #213254; padding: 5px 5px; margin-bottom: 10px; }
  .bl_flow_list_item { padding: 10px; min-height: 30px; font-size: 14px; }
  .bl_priceUnit { grid-row-gap: 50px; }
  .bl_priceUnit__onlyMd { display: block; }
  .bl_priceUnit__onlyMd li .bl_price { margin-bottom: 0; }
  .bl_priceUnit__onlyMd li:last-child .bl_price { margin-bottom: 20px; }
  .bl_priceUnit .bl_price_ttl { font-size: 18px; }
  .bl_priceUnit .el_btn { max-width: inherit; }
  .bl_priceUnit_notice { text-align: left; }
  .bl_datalist_ttl { font-size: 14px; line-height: 1.25; }
  .bl_datalist_ttl:first-child { padding-left: 20px; text-indent: -25px; }
  .bl_datalist_ttl:first-child::before { font-size: 18px; }
  .bl_datalist_body { padding: 10px 25px 14px; }
  .bl_datalist_txt { font-size: 14px; }
  .bl_datalist_txt:first-child { padding-left: 20px; text-indent: -25px; }
  .bl_datalist_txt:first-child::before { font-size: 18px; }
  .bl_accordion { cursor: none; padding: 0 80px 0 25px; }
  .bl_accordion::after { right: 20px; }
  .bl_accordion_btn { font-size: 14px; padding-left: 25px; text-indent: -25px; width: 100%; }
  .bl_accordion_btn::before { font-size: 20px; }
  .bl_accordion_body { font-size: 14px; padding: 10px 0 14px; width: 100%; }
  .bl_accordion_txt:first-child { padding-left: 25px; text-indent: -25px; }
  .bl_accordion_txt:first-child::before { font-size: 20px; }
  .bl_accordion__nav { display: inline-block; border: 1px solid #D9D9D9; border-radius: 5px; position: relative; width: calc(100% - 40px); background-color: #fff; margin: 0 20px; padding: 0; }
  .bl_accordion__nav_link { display: block; }
  .bl_accordion__nav::after { content: ''; width: 0; height: 0; padding-left: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #363636 transparent transparent transparent; right: 15px; top: 20px; }
  .bl_accordion__nav.is_active::after { content: ''; border-width: 0 5px 5px 5px; border-color: transparent transparent #363636 transparent; }
  .bl_accordion__nav > dt { padding: 6px 10px 6px 15px; }
  .bl_accordion__nav > dd { border-top: 1px dotted #D9D9D9; padding: 6px 10px 6px 15px; display: none; cursor: pointer; }
  .bl_pager { margin-top: 50px; }
  .bl_pager_link { width: 35px; height: 35px; } }

/* 資料ダウンロード部分のリスト */
.white-paper-list {
    display: flex; /* フレックスボックスで横並び */
    flex-wrap: wrap; /* カードを折り返し可能に */
    justify-content: center; /* 中央揃え */
    gap: 30px; /* カード同士の間隔 */
    max-width: 1200px; /* 最大幅を指定 */
    margin: 0 auto; /* 中央寄せ */
    padding: 20px 0; /* 上下の余白 */
}

/* 資料カードのデザイン */
.white-paper-card {
    flex: 1 1 calc(33.333% - 40px); /* 3列の幅（間隔考慮） */
    max-width: 400px; /* カードの最大幅 */
    box-sizing: border-box; /* paddingを含めて幅を計算 */
    padding: 20px; /* 内側の余白 */
    background-color: #fff; /* 背景色 */
    border: 1px solid #ddd; /* ボーダー */
    border-radius: 8px; /* 角丸 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 影 */
    text-align: center; /* テキスト中央揃え */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ホバー時の効果 */
.white-paper-card:hover {
    transform: translateY(-5px); /* カードが少し上に移動 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* ホバー時の影 */
}

/* カード内のタイトル */
.white-paper-card h3 {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 10px;
}

/* カード内の説明文 */
.white-paper-card p {
    font-size: 1rem;
    color: #666;
    margin-bottom: 20px;
}

/* ダウンロードボタン */
.white-paper-card .download-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0066cc; /* ボタンの色 */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.white-paper-card .download-btn:hover {
    background-color: #005bb5; /* ホバー時の色 */
}

/* モバイル用のレスポンシブ対応 */
@media (max-width: 768px) {
    .white-paper-card {
        flex: 1 1 100%; /* カードを画面幅いっぱいにする */
        max-width: none; /* 最大幅の制限を解除 */
    }
}

/* 資料ダウンロードページ全体 */
.white-paper-page {
    display: flex; /* 2カラムのレイアウト */
    justify-content: center;
    align-items: flex-start; /* 上揃え */
    gap: 40px; /* カラム間の間隔 */
    max-width: 1200px; /* ページの最大幅 */
    margin: 0 auto; /* 中央揃え */
    padding: 40px 20px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
}

/* 左カラム（アイキャッチ、タイトル、説明） */
.white-paper-left {
    flex: 1; /* 左カラムを広げる */
    max-width: 600px; /* 最大幅の制限 */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.white-paper-left img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 5px;
}

.white-paper-left h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.white-paper-left p {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* 右カラム（フォーム部分） */
.white-paper-right {
    flex: 1; /* 右カラムを広げる */
    max-width: 500px; /* 最大幅の制限 */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}

/* フォーム要素 */
.white-paper-right form {
    display: flex;
    flex-direction: column;
    gap: 15px; /* フォーム要素の間隔 */
}

.white-paper-right form label {
    font-weight: bold;
    margin-bottom: 5px;
}

.white-paper-right form input,
.white-paper-right form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
}

.white-paper-right form button {
    background-color: #0066cc;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.white-paper-right form button:hover {
    background-color: #005bb5;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .white-paper-page {
        flex-direction: column; /* カラムを縦並びに */
    }

    .white-paper-left,
    .white-paper-right {
        max-width: 100%;
    }
}


/* ==========================================================================
Helper
========================================================================== */
.hp_display__flex { display: flex; }

.hp_justifyContent__center { justify-content: center; }

.hp_txt__center { text-align: center; }

.hp_txt__right { text-align: right; }

.hp_txt__base { font-size: 16px; }

.hp_txt__xlarge { font-size: 24px; }

.hp_txt__large { font-size: 18px; }

.hp_txt__medium { font-size: 14px; }

.hp_txt__small { font-size: 12px; }

.hp_txt__weight400 { font-weight: 400; }

.hp_txt__weight500 { font-weight: 500; }

.hp_underline { text-decoration: underline; color: #3B5998; }

.hp_txt_lineheight_1 { line-height: 1; }

.hp_color_primary { color: #3B5998; }

.hp_color_secondary { color: #213254; }

.hp_pd__0 { padding: 0 !important; }

.hp_pdx__0 { padding-left: 0 !important; padding-right: 0 !important; }

.hp_pdy__0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.hp_pdy__70px { padding-top: 70px !important; padding-bottom: 70px !important; }

.hp_mgy__0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.hp_mgx__15px { margin-left: 15px; margin-right: 15px; }

.hp_mgx__auto { margin-left: auto; margin-right: auto; }

.hp_mgl__10px { margin-left: 10px; }

.hp_mgl__1em { margin-left: 1em; }

.hp_mgr__10px { margin-right: 10px; }

.hp_mgr__25px { margin-right: 25px; }

.hp_mgr__30px { margin-right: 30px; }

.hp_mgr__1em { margin-right: 1em; }

.hp_mgb__1em { margin-bottom: 1em !important; }

.hp_mgb__2em { margin-bottom: 2em !important; }

.hp_mgb__10px { margin-bottom: 10px !important; }

.hp_mgb__20px { margin-bottom: 20px !important; }

.hp_mgb__30px { margin-bottom: 30px !important; }

.hp_mgb__40px { margin-bottom: 40px !important; }

.hp_mgb__50px { margin-bottom: 50px !important; }

.hp_mgb__60px { margin-bottom: 60px !important; }

.hp_mgb__100px { margin-bottom: 100px !important; }

.hp_w__90per { width: 90% !important; }

.bold__500 { font-weight: 500; }

.bold__700 { font-weight: 700; }

.bold__900 { font-weight: 900; }

.hp_verticalAlign__top { vertical-align: top !important; }

.hp_flex__column { flex-direction: column; }

.hp_flex__row { flex-direction: row; }

.hp_lg_only { display: block !important; }

@media (max-width: 768px) { .hp_lg_only { display: none !important; } }
.hp_nav_only { display: none !important; }

@media (max-width: 900px) { .hp_nav_only { display: block !important; } }
.hp_md_only { display: none !important; }

@media (max-width: 768px) { .hp_txt__xxlarge, .hp_md_txt__xxlarge { font-size: 22px !important; }
  .hp_txt__xlarge, .hp_md_txt__xlarge { font-size: 18px !important; }
  .hp_txt__large, .hp_md_txt__large { font-size: 16px !important; }
  .hp_md_txt_left { text-align: left !important; }
  .hp_md_only { display: block !important; }
  .hp_md__w90per { width: 90% !important; }
  .hp_md_display__inherit { display: inherit !important; }
  .hp_md_pdx__0 { padding-left: 0; padding-right: 0; }
  .hp_md_pdy__50px { padding-top: 50px !important; padding-bottom: 50px !important; }
  .hp_md_mgr__5px { margin-right: 5px !important; }
  .hp_md_mgr__10px { margin-right: 10px !important; }
  .hp_md_mgr__15px { margin-right: 15px !important; }
  .hp_md_mgb__0 { margin-bottom: 0 !important; }
  .hp_md_mgb__5px { margin-bottom: 5px !important; }
  .hp_md_mgb__15px { margin-bottom: 15px !important; }
  .hp_md_mgb__30px { margin-bottom: 30px !important; }
  .hp_md_mgb__50px { margin-bottom: 50px !important; }
  .hp_md_display__flex { display: flex !important; }
  .hp_md_flex__grow { flex-grow: initial !important; }
  .hp_md_flex__column { flex-direction: column; }
  .hp_md_flex__row { flex-direction: row; } }
.hp_sm_only { display: none !important; }

@media (max-width: 354px) { .hp_sm_only { display: block !important; } }
/* ==========================================================================
Javascript
========================================================================== */
@media (max-width: 900px) { .js_gnavCollapse .bl_headerNav { position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background-color: #fff; -webkit-transform: translateX(100%); transform: translateX(100%); transition: .25s; }
  .js_gnavCollapse .bl_headerNav > li.is-active > a, .js_gnavCollapse .bl_headerNav > li.is-active > span { border: none; padding-top: 15px; }
  .js_gnavCollapse.is_active .bl_headerNav { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
.is_hidden { overflow: hidden; }

.js_header { transition: .1s; position: fixed; top: 0; left: 0; }
.js_header.is_fixed { border-bottom: 1px solid #E3E3E3; }

.js_pagetop { position: fixed; right: 0; bottom: 100px; transition: .1s; opacity: .75; }
.js_pagetop.is_fixed { transform: translateX(0) !important; }
.js_pagetop.is_fixed:hover { opacity: 1; }
.js_pagetop.is_fixed:hover img { opacity: 1; }

@media (max-width: 768px) { .js_pagetop { bottom: 40px; height: 42px; overflow: hidden; border-radius: 10px 0 0 10px; } }
@media (max-width: 900px) { .js_header.is_fixed { transform: none; } }
/* ==========================================================================
Unique
========================================================================== */
.un_headerNavBtn { padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; margin-top: -10px; }
.un_headerNavBtn .el_btn { padding: 14px 35px 16px; }

.un_doubleBtn .el_btn { width: 330px; margin-left: 15px; margin-right: 15px; }

.un_feature_wrapper { counter-reset: number 0; }

.un_jumbotron_case .bl_jumbotron_inner { align-items: flex-start; max-width: 960px; }
.un_jumbotron_case.bl_jumbotron_narrow { background-image: none; height: 300px; text-shadow: 0px 0px 20px #000; }
.un_jumbotron_case.bl_jumbotron_narrow .bl_jumbotron_ttl { font-size: 32px; margin-bottom: 10px; }
.un_jumbotron_case.bl_jumbotron_narrow .bl_jumbotron_p { font-size: 18px; }
.un_jumbotron_case.bl_jumbotron_narrow .bl_label_inline { display: flex; margin-bottom: 7px; }
.un_jumbotron_case.bl_jumbotron_narrow .bl_label_inline .el_label__pill { background-color: #213254; border-color: #213254; color: #FFF; font-size: 14px; font-weight: 500; padding: 3px 20px; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #b16c6c !important; background-color: #ebd4d4 !important; }

.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 1px solid #213254; background-color: #f7f7f7; }

#toc_container { margin-bottom: 50px; border: 1px solid #d4D4D4; border-radius: 0; padding: 0; }
#toc_container ul ul { margin-left: 1.5em; }
#toc_container .toc_title { background-color: #3B5998; color: #FFF; margin: 0; padding: 8px 15px 12px; font-size: 16px; line-height: 1; font-weight: 500; cursor: pointer; position: relative; }
#toc_container .toc_title::before { content: url("../images/list-ul-regular.svg"); position: relative; top: 2px; margin-right: 5px; }
#toc_container .toc_title::after { position: absolute; top: 50%; right: 15px; transform: translateY(-50.1%); content: url("../images/minus-square-regular.svg"); width: 18px; height: 18px; padding-left: 10px; }
#toc_container .toc_title.is_active::after { content: url("../images/plus-square-regular.svg"); }
#toc_container .toc_list { padding: 20px 50px; list-style: none; margin-left: 0; margin-bottom: 0; counter-reset: item; }
#toc_container .toc_list ul { list-style: none; counter-reset: item; }
#toc_container .toc_list li:before { counter-increment: item; content: counters(item,"-") ". "; }
#toc_container .toc_list a:hover { text-decoration: underline; }
#toc_container .toc_list a:link, #toc_container .toc_list a :visited, #toc_container .toc_list a:active { color: #3B5998; }

@media (min-width: 769px) { .un_mgl__-20px { margin-left: -30px !important; } }
@media (max-width: 900px) { .bl_headerNav > li.un_headerNavBtn { padding: 30px 20px; background: none; border-bottom: none; }
  .el_beforeIconBtn_inquiry { padding: 6px 1.5rem 8px !important; }
  .un_headerNavBtn { margin-top: 10px; padding-right: 20px !important; }
  .un_headerNavBtn:first-child { margin-top: 30px; }
  .un_headerNavBtn .el_btn { font-size: 16px; text-align: center; }
  .home .bl_media .bl_media_imgWrapper img { width: 105px; height: auto; } }
@media (max-width: 768px) { .un_doubleBtn { flex-direction: column; width: 100%; }
  .un_doubleBtn .el_btn { font-size: 16px; width: inherit; width: 100%; margin-bottom: 10px; margin-left: 0; margin-right: 0; }
  .un_feature_wrapper { padding-top: 20px; }
  .un_jumbotron_case.bl_jumbotron_narrow { height: 200px; }
  .un_jumbotron_case.bl_jumbotron_narrow .bl_jumbotron_ttl { font-size: 18px; margin-bottom: 5px; font-family: "Noto Sans JP", sans-serif; font-weight: 700; }
  .un_jumbotron_case.bl_jumbotron_narrow .bl_jumbotron_p { font-size: 14px; }
  .un_jumbotron_case.bl_jumbotron_narrow .bl_label_inline { display: flex; flex-direction: column; margin-bottom: 15px; }
  .un_jumbotron_case.bl_jumbotron_narrow .bl_label_inline .el_label__pill { font-size: 12px; }
  #toc_container .toc_list { padding: 20px; } }

/*# sourceMappingURL=style.css.map */