/*!
Theme Name:
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/
/* ========================================================================== Foundation  (normalize css) ========================================================================== */
/* ========================================================================== Layout ========================================================================== */
.wrapper { width: 100%; min-width: 100%; margin: 0; padding: 0; }

.wrapper.navy1 { background: #022454; }

.wrapper.navy2 { background: #0066a9; }

.wrapper.black1 { background: #333; }

.wrapper.gray1 { background: #F3F3F3; }

.wrapper.white { background: white; }

.wrapper.blue1 { background: #279ddb; }

.row .col-span12 { width: 100%; }

.row .col-span11 { width: 91.66667%; }

.row .col-span10 { width: 83.33333%; }

.row .col-span9 { width: 75%; }

.row .col-span8 { width: 66.66667%; }

.row .col-span7 { width: 58.33333%; }

.row .col-span6 { width: 50%; }

.row .col-span5 { width: 41.66667%; }

.row .col-span4 { width: 33.33333%; }

.row .col-span3 { width: 25%; }

.row .col-span2 { width: 16.66667%; }

.row .col-span1 { width: 8.33333%; }

.row [class*='col-span'] { margin-left: 0%; float: left; }

.row [class*='col-span']:first-child { margin-left: 0; }

.row:after { content: ""; display: table; clear: both; }

.row.white { background: white; }

.category-howto-obp #breadcrumb { padding: 0; background-color: #F2F2F2; border-bottom: 2px solid #fff; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row { *zoom: 1; }

.row .col-span12 { padding: 10px; }

.parag { margin-bottom: 30px; }

.contents-full { width: 100%; padding: 0 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.error404 #page-ttl { margin-top: 0; }

.pc { display: none !important; }

.sp { display: block !important; }

.nav { z-index: 10; }

.navTrigger { display: block; }

.nav div.logo { margin-left: 15px; }

.nav div.main_list { width: 100%; height: 0; overflow: hidden; }

.nav div.show_list { height: auto; display: none; }

.nav div.main_list .navlinks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100vh; padding: 10px 15px 0 15px; right: 0; left: 0; bottom: 0; background-color: #fff; background-position: center top; overflow: hidden; }

.nav div.main_list .navlinks p { width: 100%; text-align: right; }

.nav div.media_button { display: block; }

.nav div.main_list div .navlinks_logo { width: 170px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding: 0; margin: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.navlinks_list { margin-top: 20px; padding-bottom: 30px; height: 100%; overflow: scroll; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; }

.navlinks_list .flexbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.navlinks_list .flexbox a { width: 50%; }

.navlinks_list a { line-height: 3rem; }

.navlinks_list .sp_nav_login, .navlinks_list .sp_nav_adduser { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; padding: 3px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem; }

.sp_nav_login + .sp_nav_adduser { margin-left: 10px; }

.navlinks_list .sp_nav_login { position: relative; padding-left: 20px; border: 2px solid #012554; color: #012554; }

.navlinks_list .sp_nav_login:before { content: ""; position: absolute; top: 10px; left: 50%; margin-left: -37px; width: 15px; height: 15px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1378%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201378%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.031%22%20height%3D%2212.03%22%20viewBox%3D%220%200%2010.031%2012.03%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_3%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%203%22%20d%3D%22M10.031%2C8.359H0V0H10.031V8.358ZM5.046%2C2.753A1.376%2C1.376%2C0%2C1%2C0%2C6.422%2C4.129%2C1.378%2C1.378%2C0%2C0%2C0%2C5.046%2C2.753Z%22%20transform%3D%22translate(0%203.67)%22%20fill%3D%22%23071b34%22%2F%3E%20%3Cg%20id%3D%22%E3%83%91%E3%82%B9_129%22%20data-name%3D%22%E3%83%91%E3%82%B9%20129%22%20transform%3D%22translate(1.672)%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M3.344%2C0A3.571%2C3.571%2C0%2C0%2C1%2C6.687%2C3.761c0%2C2.077-1.541%2C1.654-3.387%2C1.654S0%2C5.839%2C0%2C3.761A3.571%2C3.571%2C0%2C0%2C1%2C3.344%2C0Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%203.34354829788208%201.000003337860107%20C%202.051308155059814%201.000003337860107%200.9999980926513672%202.238803386688232%200.9999980926513672%203.761493444442749%20C%200.9999980926513672%204.244553565979004%201.099188327789307%204.357353210449219%201.100188255310059%204.35809326171875%20C%201.129538536071777%204.379953384399414%201.268238067626953%204.451293468475342%201.820988178253174%204.451293468475342%20C%202.014048099517822%204.451293468475342%202.228408336639404%204.443603515625%202.455358505249023%204.435463428497314%20C%202.724118232727051%204.425833225250244%203.002038240432739%204.415863513946533%203.299678325653076%204.415863513946533%20C%203.595598220825195%204.415863513946533%203.874718189239502%204.425743103027344%204.144638061523438%204.435293197631836%20C%204.377028465270996%204.443523406982422%204.596538543701172%204.451293468475342%204.796158313751221%204.451293468475342%20C%205.347978591918945%204.451293468475342%205.523068428039551%204.385193347930908%205.57831859588623%204.345783233642578%20C%205.60653829574585%204.325653553009033%205.687098503112793%204.175113677978516%205.687098503112793%203.761493444442749%20C%205.687098503112793%202.238803386688232%204.635787963867188%201.000003337860107%203.34354829788208%201.000003337860107%20M%203.34354829788208%203.337860107421875e-06%20C%205.190138339996338%203.337860107421875e-06%206.687098503112793%201.684073448181152%206.687098503112793%203.761493444442749%20C%206.687098503112793%205.237641334533691%205.909015655517578%205.451295852661133%204.796163082122803%205.451295852661133%20C%204.342877864837646%205.451295852661133%203.834134578704834%205.415863513946533%203.299678325653076%205.415863513946533%20C%202.765334844589233%205.415863513946533%202.263757705688477%205.451295852661133%201.820986270904541%205.451295852661133%20C%200.7336235046386719%205.451295852661133%20-1.9073486328125e-06%205.237768173217773%20-1.9073486328125e-06%203.761493444442749%20C%20-1.9073486328125e-06%201.684073448181152%201.496958255767822%203.337860107421875e-06%203.34354829788208%203.337860107421875e-06%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23071b34%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; }

.navlinks_list .sp_nav_adduser { padding-left: 20px; background-color: #c70000; color: #fff; }

.navlinks_list .sp_nav_adduser:before { content: ""; position: absolute; top: 11px; left: 50%; margin-left: -37px; width: 12px; height: 15px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.751%22%20height%3D%2232.464%22%20viewBox%3D%220%200%2027.751%2032.464%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_816%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20816%22%20transform%3D%22translate(-1175.711%20-17)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_9%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%209%22%20cx%3D%227.773%22%20cy%3D%227.773%22%20r%3D%227.773%22%20transform%3D%22translate(1181.642%2017)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_128%22%20data-name%3D%22%E3%83%91%E3%82%B9%20128%22%20d%3D%22M13.875%2C0c7.663%2C0%2C13.875%2C5.719%2C13.875%2C12.775%2C0%2C3.784-27.751%2C4.342-27.751%2C0C0%2C5.719%2C6.212%2C0%2C13.875%2C0Z%22%20transform%3D%22translate(1175.711%2033.638)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; background-size: contain; }

.navlinks_list .nav_search { margin-bottom: 15px; }

.navlinks_list .nav_search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }

.navlinks_list .nav_search form input { padding: 15px 80px 10px 20px; margin: 0; border: 1px solid #c8c9ca; border-bottom: 3px solid #022554; }

.navlinks_list .nav_search form button { position: absolute; background-color: transparent; right: 10px; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.navlinks_list .nav_search form button i::before { font-size: 2rem; color: #022554; }

.nav div.main_list .navlinks .navlinks_list .sp_nav_login::after, .nav div.main_list .navlinks .navlinks_list .sp_nav_adduser::after { content: none !important; }

.nav div.main_list .navlinks .navlinks_list .columns_list { height: auto; padding: 15px 0; border-top: 2px solid #c70000; border-bottom: 2px solid #c70000; margin-top: 15px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.nav div.main_list .navlinks .navlinks_list .columns_list li { width: 50%; font-size: 1.5rem; }

.nav div.main_list .navlinks .navlinks_list .columns_list .columns_list_title a { margin-bottom: 10px; padding-left: 5px; font-size: 1.8rem; }

.nav div.main_list .navlinks .navlinks_list a { position: relative; }

.sp_nav_company { width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; background-color: #f2f2f2; margin-top: 20px; padding: 15px 10px; text-align: center; }

.sp_nav_company:after { content: none !important; }

.nav div.main_list .navlinks .navlinks_list a:after, .nav div.main_list .navlinks .navlinks_list .columns_list a:after { content: ""; display: block; position: absolute; right: 10px; top: 12px; width: 3px; height: 3px; left: auto; background: transparent; border-radius: 1px; border-top: 2px solid #c70000; border-right: 2px solid #c70000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.nav div.main_list .navlinks .navlinks_list .columns_list li:first-child, .nav div.main_list .navlinks .navlinks_list .columns_list li:last-child { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.nav div.main_list ul li a::after, .nav div.main_list ul li:nth-child(4) a::before, .nav div.main_list ul li:last-child a::before { content: none; }

.nav div.main_list ul li a { display: block; width: auto; height: auto; padding: 0 0 0 5px; font-size: 1.3rem; line-height: 2.5rem; }

.nav div.main_list ul li:last-child a { padding: 0 0 0 5px; }

.navlinks_other_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; font-size: 1.4rem; }

.navlinks_other_list a { font-size: 1.3rem; line-height: 2.5rem; }

.pc-nav { display: none !important; }

.sp-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.page-ttl_wrap { margin-top: 10px; }

.btn_arrow { width: 100%; max-width: 330px; margin: 0 auto; padding: 20px 20px 20px 35px !important; font-size: 1.5rem; color: #fff; text-align: center; }

.btn_arrow:after, .btn_arrow:before { left: calc(50% - 105px); }

.cv_lead:before, .cv_lead:after { height: 12px; top: 0.7rem; background-color: #0066a9; }

.cv_lead { font-size: 1.3rem; color: #0c4771; }

.btn_area { padding-left: 15px; padding-right: 15px; }

#page-top { display: none !important; }

.main_about .main_about_txt { text-align: left; font-size: 1.6rem; line-height: 2.5rem; }

.footer_app .footer_app_contents { position: relative; min-height: auto; margin: 0 auto; padding: 30px 0 230px; background: url(../img/footer_app_img.png?20240227) no-repeat center bottom; background-size: 330px; }

.footer_app .footer_app_txt { position: relative; right: auto; width: 100%; padding: 20px 10px; margin-top: 0; font-size: 1.5rem; line-height: 2.6rem; }

.footer_app .footer_app_txt h3 { margin-bottom: 10px; font-size: 2rem; line-height: 3rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.footer_app .footer_app_txt br { display: none; }

.footer_app .footer_app_txt p { max-width: 600px; margin: 0 auto 10px; line-height: 3.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: clamp(10px, 5vw, 25px); line-height: 1.5; }

.footer_app .footer_app_txt span { width: 100%; max-width: 70px; display: block; margin: 0 10px 0 5px; }

.footer_app .footer_app_btn { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.service_list .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.service_list .container .col-span3 { width: 100%; padding: 5px 15px; margin: 0 auto; }

.service_list .container .col-span3 h3 { padding: 0 15px; }

.service_list .container .col-span3 a { margin: 0; padding: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; max-width: 370px; margin: 0 auto; }

.service_list .container .col-span3 a > p { margin-left: 0; margin-right: 10px; }

.btn_normal { padding: 0 15px; }

.columns_top_list { overflow: hidden; padding: 50px 15px; }

.columns_top_list > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.columns_top_list .columns_top_news { width: 100%; margin: 0; }

.columns_top_list .columns_top_popula { width: 100%; margin: 0; margin-top: 30px; }

ul.bxslider { margin-left: 0; margin-right: 0; }

ul.bxslider li { width: 100%; height: 235px; background-size: cover; background-position: center center; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article a, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article a { font-size: 1.5rem; }

.slide { margin: 0px; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article figure a, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article figure a { width: 80px; height: auto; padding: 5px 0; }

.columns_top_slider { margin-top: 5px; }

.columns_top_slider .columns_top_slider_txt { padding: 50px 20px 30px 20px; }

.columns_top_special { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; }

.columns_top_special .special_columns { width: 100%; margin: 0; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_img { min-height: auto; }

.columns_top_special .special_columns .bx-wrapper .bx-viewport { height: 56vw; }

.columns_top_special .special_columns + .special_columns { margin-top: 40px; }

.special_columns .bxslider_02 .special_columns_box a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.columns_top_slider .columns_top_slider_txt div .post__info span { margin: 0 10px 5px 0; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_txt { padding: 10px 15px; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_txt .slide_columns_title { font-size: 1.3rem; line-height: 2rem; }

.entry-text .entry-content { display: none; }

.bx-wrapper .bx-controls-direction { position: absolute; width: 100%; right: 0; }

.archive__elm { width: 49%; margin: 0 0 15px 0; }

.columns_top_recommended .archive__elm { width: 49%; margin: 0 0 15px; }

@media screen and (max-width: 320px) { .columns_top_recommended .archive__elm, .archive__elm { width: 100%; } }

.archive__elm .archive__ttl { line-height: 2rem; font-size: 1.4rem; }

.post__info { margin-top: 5px; }

.post__info a { margin: 0; border-radius: 0; border: none; padding: 0 5px 3px 0; line-height: 1.5rem; font-size: 1.2rem !important; color: #0066a9; background-color: transparent; text-align: left; -webkit-transition: background-color .3s; transition: background-color .3s; }

.post__info a:hover { background: transparent; color: #012554; border: 0; }

.post__info a::before { content: "#"; margin-right: 3px; }

.popula_tag { padding: 50px 10px 20px 10px; margin: 0; }

.popula_tag .post__info li { margin: 0; }

.popula_tag .post__info li a { padding: 0; margin: 0 10px; font-size: 1.7rem !important; display: inline-block; text-align: center; line-height: 2rem; }

.single-post h2 { font-size: 2.2rem; line-height: 3rem; }

.single-post h3 { font-size: 2rem; line-height: 2.8rem; }

.single-post h4 { font-size: 1.8rem; line-height: 2.5rem; }

.single-post h5 { padding: 10px; }

.single .contents-full { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.single .single_header .entry-header { margin-right: 0; }

.sidebar { width: 100%; margin-left: 0; text-align: left; padding: 20px 0px; }

.sidebar .widget__contact .widget__txt.contact_box { width: 100%; max-width: 330px; margin: 0 auto; }

.sidebar .widget__contact .widget__txt.contact_box figure { margin: 5px 10px 15px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sidebar .widget__contact .widget__txt.contact_box p { line-height: 1.5; font-size: clamp(11px, 4vw, 16px); }

.single #page-ttl { margin-top: 0; }

.single_page-ttl .single_page-ttl_container h1 { text-align: center; display: inline-table; }

.single_page-ttl .single_page-ttl_container .post__info { margin-top: 0px; }

.single_page-ttl .single_page-ttl_container .post__info a { margin: 5px 10px 5px 0; padding: 5px 15px; background: transparent; border: 2px solid #fff; border-radius: 30px; color: #fff; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); -webkit-transition: all .2s ease; transition: all .2s ease; }

.main_news h2, .newsrelease h2 { padding: 0 15px; }

.main_news .ttl, .newsrelease .ttl { display: block; }

.main_news .news__list li, .newsrelease .news__list li { padding: 15px; }

.tab_container label { text-align: center; font-size: 1.5rem; }

.tab_container label h3 { padding: 0 15px; font-size: 1.6rem; }

.event_info .univ_event li, .event_info .user_event li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.event_info .event_info_content .event_info_content02 { display: block; }

.event_info .univ_event .event_thumb, .event_info .univ_event .event_thumb_univ, .event_info .user_event .event_thumb, .event_info .user_event .event_thumb_univ { width: 100%; height: 25vh; }

.event_info .univ_event .event_content, .event_info .user_event .event_content { width: 100%; padding: 20px; }

.event_info .univ_event h4 p, .event_info .univ_event p, .event_info .user_event h4 p, .event_info .user_event p { margin-right: 0; }

.event_info .tab > p { padding: 0 15px; font-size: 1.4rem; line-height: 2.3rem; }

.category-event .event_info .event_info_content .event_info_content02 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.event_info .univ_event, .event_info .user_event { margin: 15px; }

.tab_container .pc { display: none !important; }

.category-event .event_info { padding: 0; }

.sp_columns_menu .sp_columns_check { display: none; }

.sp_columns_menu .sp_columns_label { position: relative; display: block; padding: 7px 10px 7px 10px; margin: 0; text-align: center; font-size: 1.4rem; background: #F2F2F2; color: #222; }

.sp_columns_menu .sp_columns_label:before { content: ""; display: block; position: absolute; top: 16px; right: 20px; width: 5px; height: 5px; border-top: 2px solid #0066a9; border-right: 2px solid #0066a9; -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); }

.sp_columns_menu .sp_columns_content { margin-top: 2px; height: 0; background: #F2F2F2; opacity: 0; -webkit-transition: .2s ease-in; transition: .2s ease-in; visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.sp_columns_menu .sp_columns_check:checked + .sp_columns_label + .sp_columns_content { height: 160px; opacity: 1; visibility: visible; }

.sp_columns_menu .sp_columns_content li { width: 33.33%; padding: 10px 0; font-size: 1.2rem; text-align: center; border-bottom: 2px solid #fff; }

.sp_columns_menu .sp_columns_content li a { width: 100%; display: block; }

.sp_columns_menu .sp_columns_content li:nth-child(2), .sp_columns_menu .sp_columns_content li:nth-child(5) { border-right: 2px solid #fff; border-left: 2px solid #fff; }

.sp_columns_menu .sp_columns_content li a:before { content: ""; width: 100%; height: 8vw; background-repeat: no-repeat; background-position: center center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-size: 6vw; }

.sp_columns_menu .sp_columns_content li:nth-child(1) a:before { background-image: url(../../assets/img/sp_column_menu_icon01.svg); }

.sp_columns_menu .sp_columns_content li:nth-child(2) a:before { background-image: url(../../assets/img/sp_column_menu_icon02.svg); }

.sp_columns_menu .sp_columns_content li:nth-child(3) a:before { background-image: url(../../assets/img/sp_column_menu_icon03.svg); }

.sp_columns_menu .sp_columns_content li:nth-child(4) a:before { background-image: url(../../assets/img/sp_column_menu_icon04.svg?20250401); background-size: 6.5vw; }

.sp_columns_menu .sp_columns_content li:nth-child(5) a:before { background-image: url(../../assets/img/sp_column_menu_icon05.svg); background-size: 8.5vw; }

.sp_columns_menu .sp_columns_content li:nth-child(6) a:before { background-image: url(../../assets/img/sp_column_menu_icon06.svg); }

.contents-sns__wrapper { margin-bottom: 30px; background-color: #f7f7f7; text-align: center; font-size: 0; padding-top: 10px; padding-bottom: 10px; }

.contents-sns__ttl { list-style: none; float: none; line-height: 3; font-size: 14px; font-weight: bold; }

.contents-sns__ttl::before { content: ''; display: inline-block; margin: 0 10px 5px 0; width: 22px; height: 20px; vertical-align: middle; background: url(../../assets/img/sp/sns_share_icon.png) center center no-repeat; background-size: contain; }

.contents-sns__wrapper li:nth-child(2)::after { content: ''; background-color: #3d4f9f; }

.contents-sns__wrapper li:nth-child(3)::after { content: ''; background-color: #009df6; }

.contents-sns__wrapper li:nth-child(4)::after { content: ''; background-color: #00c338; }

.line_pc { display: none; }

.contents-sns__wrapper li:last-child { margin-right: 0; }

.about_title { padding: 8px 0; background-color: #efefef; text-align: center; font-size: 18px; }

.crp_related .page-ttl_wrap { padding: 0 !important; }

.crp_related .crp_title { font-size: 1.5rem; line-height: 2.5rem; }

.author .sidebar { display: block; }

.author .archive__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.author .archive__elm { width: 49%; margin: 0 0 15px 0 !important; }

/* Table of Contents Plus Style */
#toc_container { padding: 0px !important; margin: 60px auto 30px !important; }

#toc_container p.toc_title + ul.toc_list { margin-top: 0; }

#toc_container p.toc_title + ul.toc_list { margin-right: 0; padding: 20px !important; }

.archive .main_popup { width: calc(100% + 60px); position: relative; right: auto; top: -25px; left: -30px; }

.archive .main_popup .main_popup_box { width: 100%; height: 35vw; background: url(../../assets/img/user_story_banner_sp.png) center center no-repeat; background-size: contain; }

.archive .main_popup button { display: none; }

.archive .main_popup:hover { top: -25px; }

.nav div.main_list ul { display: block; }

.nav div.main_list .navlinks .nav_linkmenu a { display: block; width: 100%; padding: 15px 12px; border-bottom: solid 1px #c8c9ca; font-size: 18px; font-weight: bold; }

.nav div.main_list .navlinks .nav_linkmenu a::after { content: '\f105'; font-family: 'FontAwesome'; font-size: 2rem; line-height: 0; position: absolute; display: block; right: 17px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border: unset; }

#fixed-header { position: fixed; top: 0; left: 0; width: 100%; height: 66px; z-index: 999; background: #fff; }

#header { width: 100%; height: 66px; border-bottom: 1px solid #F3F3F3; }

#header img { width: auto; max-height: 65px; }

.tag #breadcrumb { border-bottom: 2px solid #fff; }

.single-post #breadcrumb #bc-nav { line-height: 2.5; background-color: #F2F2F2; }

.site-title { float: left; width: 50%; height: 65px; margin: 0 !important; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; vertical-align: middle; font-size: 8px; white-space: nowrap; }

.site-title .site-title__row2 { display: block; width: 100%; height: 30px; background: url("../../assets/img/sp/logo.png?20191001") no-repeat center left; background-size: contain; text-indent: -9999em; }

.fn-nav__container { float: right; width: 50%; }

.fn-nav__elm { display: table-cell; width: 16.66667%; vertical-align: middle; text-align: right; white-space: nowrap; line-height: 1; }

.fn-nav__elm small { font-size: 10px; }

.fn-nav__elm span { line-height: inherit; }

.fn-nav__elm:nth-of-type(3n) { padding: 10px; }

.menu-toggle { position: relative; display: inline-block; width: 44px; height: 44px; background: #022454; overflow: hidden; white-space: nowrap; color: transparent; z-index: 1000; }

.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after { /* hamburger icon in CSS */ position: absolute; display: inline-block; height: 3px; width: 24px; background: #fff; }

.menu-toggle span { /* line in the center */ position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.1s 0.1s; transition: background 0.1s 0.1s; }

.menu-toggle span::before, .menu-toggle span::after { /* other 2 lines */ content: ''; right: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: transform 0.1s 0.1s; -webkit-transition: -webkit-transform 0.1s 0.1s; transition: -webkit-transform 0.1s 0.1s; transition: transform 0.1s 0.1s; transition: transform 0.1s 0.1s, -webkit-transform 0.1s 0.1s; }

.menu-toggle span::before { /* menu icon top line */ top: -6px; }

.menu-toggle span::after { /* menu icon bottom line */ top: 6px; }

.menu-toggle.nav-is-visible span { /* hide line in the center */ background: rgba(72, 21, 40, 0); }

.menu-toggle.nav-is-visible span::before, .menu-toggle.nav-is-visible span::after { /* keep visible other 2 lines */ background: #fff; }

.menu-toggle.nav-is-visible span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg); }

.menu-toggle.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg); }

#header-nav { position: fixed; top: 66px; right: -88%; width: 88%; height: 100%; overflow: scroll; background: #fff; z-index: 999; padding-bottom: 66px; -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1); transition: all 400ms cubic-bezier(1, 0, 0, 1); /* easeInOutExpo */ -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1); /* easeInOutExpo */ }

.visible #header-nav { right: 0; }

#header-nav .cvr--btn > .col-span6:first-child { padding: 20px 10px 20px 20px; }

#header-nav .cvr--btn > .col-span6:last-child { padding: 20px 20px 20px 10px; }

.goto-company { margin: 0; padding: 10px; background: #F3F3F3; text-align: center; }

body.visible { overflow: hidden; }

.visible #header-nav { display: block; }

.nav--ttl { padding: 10px 20px; background: #022454; color: #fff; font-size: 14px; }

.nav__elm { margin: 10px 20px; border-bottom: 1px solid #022454; }

.nav__elm a { display: block; width: 100%; height: 44px; padding: 10px 0; }

.nav__series { padding: 10px 15px 10px 10px; border-top: 2px solid #F3F3F3; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.nav__series .col-span2.logo { max-height: 60px; }

.goto-series { font-size: 18px; }

.nav__elm--has-child > a { background: url(../img/sp/icon_plus.gif) no-repeat center right; }

.nav__elm--has-child.active > a { background: url(../img/sp/icon_minus.gif) no-repeat center right; }

.nav__container--2nd { display: none; }

.nav__container--2nd li { border-top: 1px dotted #0066a9; }

.nav__container--2nd li a { display: block; width: 100%; padding-left: 14px; }

.bc-nav__elm { display: inline-block; }

#page-ttl { margin-top: 66px; padding: 10px; }

.page-ttl__txt { font-size: 20px !important; text-align: left; font-weight: normal; line-height: 1.4; }

.fn-nav__container--cp { padding: 10px; }

.top_link ul { max-width: 100%; }

.top_link ul li:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-left: auto; }

.nav { height: 62px; }

.sp_logo { height: 62px; padding: 13px 20px; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 4px; }

.sp_logo a { line-height: 0; }

.sp_logo a img { height: 25px; width: auto; }

.sp_logo .logo_copy { font-size: 11px; line-height: 1; }

.affix { height: 62px; }

.affix > .container { height: 62px; }

.affix .sp_logo { width: 200px; height: 70px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 20px; }

.widget { margin-bottom: 20px; }

.widget .widget__ttl { font-size: 18px; border-bottom: 5px solid #022454; }

.widget .widget__contents { width: 100%; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #F3F3F3; }

.widget .widget__contents .post__info { text-align: right; }

.widget .widget__thumb { display: table-cell; vertical-align: top; width: 96px; height: 60px; overflow: hidden; }

.widget .widget__thumb img { width: 100%; height: auto; }

.widget .widget__headlines { display: table-cell; font-size: 14px; margin: 0; padding: 0 0 0 10px; }

.widget .series.widget__headlines { text-align: center; vertical-align: middle; width: 80%; }

.widget .series.widget__headlines p { width: 100%; }

.widget .widget__headlines small { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.widget div.series { border-bottom: 1px solid #F3F3F3; }

.widget.box { margin-bottom: 0px !important; }

.widget--form { display: table; }

.widget--form .widget__thumb { display: table-cell; vertical-align: middle; width: 80px; height: auto; border: none; overflow: hidden; }

.widget--form .widget__headlines { text-decoration: none; }

.widget--form .widget__txt { display: table-cell; vertical-align: middle; padding: 10px; }

.widget__contents:before, .widget__contents:after { content: " "; display: table; }

.widget__contents:after { clear: both; }

.widget__contents { *zoom: 1; }

.widget__special img { width: 100%; }

.widget__special img:not(last-of-type) { margin-bottom: 20px; }

.sidebar_topimg { display: none; }

.sidebar_bottomimg { display: none; }

#kv .row { margin-top: 66px; position: relative; z-index: 1; }

#main-contents { padding: 0; }

.single #main-contents { padding: 10px 20px; }

.contents { width: 100%; }

.contents_space { padding-right: 20px; padding-left: 20px; }

#bc-nav { padding-left: 15px; }

.forpcimg { display: none; }

.forspimg { max-width: 100%; width: 100%; height: auto; }

.main_popup { bottom: calc(50% - 30vw); left: 2px; right: auto; z-index: 1; }

.main_popup button { right: auto; left: 0; }

main .main_about_heading { margin-top: 40px; }

main .main_about_heading .container { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 80px 20px 10px 20px; }

main .main_about_heading .container .main_about_heading_title { text-align: center; line-height: 1.5; }

main .main_about_heading .container .main_about_heading_illust, main .main_about_heading .container .main_about_heading_content { width: 100%; border: 0; padding: 0; }

main .main_about_heading .container .main_about_heading_illust { position: absolute; top: -70px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 10px; }

main .main_about_heading .container .main_about_heading_illust img { position: relative; left: auto; bottom: auto; -webkit-transform: none; transform: none; }

main .main_about_heading .main_about_txt { text-align: center; }

main .main_about_industry_list { padding: 0 10px; }

main .main_step { padding: 50px 15px; }

main .main_step .main_step_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 25px; }

main .main_step .main_step_list li { width: 100%; text-align: center; }

main .main_step .main_step_list li:nth-child(1), main .main_step .main_step_list li:nth-child(2) { padding-left: 10px; }

main .main_step .main_step_list li + li { margin: 70px 0 0 0; }

main .main_step .main_step_list li + li:before { left: 50%; top: -45px; border-top: 20px solid #002558; border-right: 25px solid transparent; border-left: 25px solid transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

main .main_fixde_btn_area { width: 100%; }

main .main_fixde_btn_area .btn_area_inner { bottom: 0; }

main .main_fixde_btn_area .btn_area_inner .main_fixde_btn { border-radius: 0; max-width: 100%; }

main .double_cta_fix { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 8px; margin-bottom: 8px; border-radius: 50px; gap: 4px; }

main .double_cta_fix__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc(50% - 4px); color: white; border-radius: 50px; font-weight: normal; padding: 12px 36px 12px 20px; font-size: clamp(10px, 4vw, 14px); box-shadow: 4px 4px 12px rgba(35, 89, 128, 0.4); -webkit-transition: all .1s linear; transition: all .1s linear; }

main .double_cta_fix__btn span { font-size: clamp(12px, 4.5vw, 16px); }

main .double_cta_fix__btn:after { width: 14px; right: 16px; }

main .double_cta_fix .fv_cta_balloon { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(50% - 4px); }

main .double_cta_fix .fv_cta_balloon p span { font-weight: bold; }

main .double_cta_fix .fv_cta_balloon p { padding: 0px 12px; }

main .double_cta_fix__copy { display: none; }

main .double_cta_fix__txt { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.main_visual .catch_area { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 320px; }

.main_visual .cta_area { position: absolute; width: 100%; top: 10px; left: 50%; height: 250px; padding: 15px 20px; background: transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.main_visual .cta_area__company { max-width: 350px; margin: 0 auto 10px; padding: 10px 10px 5px 60px; font-size: 10px; border: 0; background-color: rgba(255, 255, 255, 0.7); border-radius: 50px; }

.main_visual .cta_area__company strong { font-size: 20px; }

.main_visual .cta_area__button .cv_lead { width: 200px; text-align: center; }

.main_visual .mvBackground__obj { height: 180px; }

.main_visual .mvBackground__obj.-bg04 { width: 300px; height: 300px; top: auto; right: -170px; bottom: 90px; }

.main_visual .mvBackground__obj.-bg02 { width: 500px; bottom: auto; left: auto; top: -19px; right: -270px; background-color: #ffffff; opacity: 0.25; }

.main_visual .mvBackground__obj.-bg03 { bottom: 10px; left: -233px; }

.main_visual .mvBackground__obj.-bg05 { right: 50px; bottom: 190px; }

.main_visual .mvBackground__obj.-bg06 { top: 150px; left: 45px; }

.main_visual .mvBackground__obj.-bg07 { bottom: 340px; left: 0; }

.main_visual .mvBackground__obj.-bg08 { bottom: -145px; }

.main_visual .mvBackground__obj.-bg09, .main_visual .mvBackground__obj.-bg10, .main_visual .mvBackground__obj.-bg11 { display: none; }

.main_visual .mvBackground__obj.-img01 { position: relative; top: -5px; width: 100%; min-width: 360px; max-width: 420px; right: auto; left: 95%; bottom: auto; margin-left: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-size: contain; }

.main_visual { margin-bottom: 12px; }

.main_visual .catch_area__img img { width: 90%; margin-left: 5%; }

.main_visual .cta_area__company { border-radius: 8px; background: #ffffffd9; width: 225px; padding: 5px 8px 5px 54px; font-size: 10px; margin-left: 25px; margin-bottom: 0; z-index: 1; }

.main_visual .cta_area__company strong { font-size: 20px; }

.main_visual .cta_area__company::before { left: 5px; top: 5px; }

.main_visual__content { width: calc(100% - 40px); min-width: unset; }

.main_visual__content__inner { width: 100%; min-width: unset; }

.main_visual__content__inner .fv_msg { margin: 0 auto; margin-bottom: 58vw; }

.main_visual__content__inner .btn_copy { font-size: 15px; }

.main_visual__content__inner .btn_copy__num { font-size: 34px; padding: 0 3px; }

.main_visual__content__inner .btn_copy .emphasis_left { left: -20px; width: 12px; }

.main_visual__content__inner .btn_copy .emphasis_right { right: -20px; width: 12px; }

.main_visual__content__inner .fv_double_cta_area { width: calc(100% + 40px); margin-bottom: 20px; gap: 4px 8px; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta { padding: 4px 36px 4px 16px; font-size: clamp(11px, 4vw, 14px); width: calc(50% - 15px); }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta::after { width: 14px; right: 16px; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta span { font-size: clamp(14px, 4.5vw, 18px); }

.main_visual__content__inner .fv_companylink { color: #0066AA; line-height: 1; margin-top: 10px; font-size: 14px; text-decoration: underline; text-underline-offset: 2px; }

.main_visual__content__inner .fv_companylink svg { margin-bottom: -1px; }

.main_visual__content__inner .fv_cta_balloon { margin: 0 0 8px; width: calc(50% - 15px); }

.main_visual__content__inner .fv_cta_balloon p, .main_visual__content__inner .fv_cta_balloon span { font-size: 12px; }

.main_visual__content__inner .fv_cta_balloon p { padding: 8px; }

.main_visual__txt { font-size: 12px; width: calc(100% - 40px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 500px; }

.main_visual__txt div { border-radius: 10px; line-height: 17px; padding: 9px 15px; }

.main_visual__txt__first { top: 35vw; left: 0; }

.main_visual__txt__second { top: 47vw; right: 0; left: unset; width: 125px; }

.fv_catch_wrap { position: relative; display: inline-block; margin-left: 20px; margin-top: 38px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left; transform-origin: left; padding-top: 5px; padding-bottom: 10px; z-index: 1; }

.fv_catch_wrap::after { content: ""; position: absolute; display: block; width: calc(100% - 15px); height: 100%; inset: 3px 0 0 5px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.8); z-index: -1; }

.catch_area__sub { text-align: center; font-size: 14px; font-weight: bold; padding-top: 10px; }

.fv_btn_area { margin-left: 20px; margin-top: 100px; margin-bottom: 25px; width: 335px; z-index: 1; }

.fv_btn_area div { top: -40px; width: 300px; }

.fv_btn_area a { padding: 17px 20px 17px 8px; display: inline; font-size: 16px; }

.fv_btn_area a span { padding: 9px 10px; margin-right: 15px; margin-left: 0; }

.fv_btn_area a::before { display: none; }

.fv_btn_area a:hover::before { top: 10px; }

.btn_orangecv.btn_arrow:before, .btn_orangecv.btn_arrow:after { left: calc(50% - 150px); }

.btn_fixedcta { width: unset; margin-bottom: 10px; }

.supervisor__left { width: 60px; margin-top: 7px; }

.supervisor__wrap { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.analyze_list_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 34px; margin-bottom: 20px; }

.analyze_list_wrap div { background-color: #EDF1F4; border-radius: 8px; }

.analyze_list_wrap div.w-33 { width: calc(33.333% - 5.4px); text-align: center; }

.analyze_list_wrap div.w-50 { width: calc(50% - 4px); text-align: center; }

.analyze_list_wrap img { display: block; margin: 0 auto; margin-top: 16px; margin-bottom: 13.5px; }

.analyze_list_wrap span { display: block; font-size: 15px; color: #2A2C2F; font-weight: bold; line-height: 20px; margin-bottom: 20px; }

.fv_logo_slider img, .fv_logo_slider2 img { height: 64px; }

.fv_logo_slider .sp_view img, .fv_logo_slider2 .sp_view img { display: block; }

.fv_logo_slider .pc_view img, .fv_logo_slider2 .pc_view img { display: none; }

.offerbox_feature { margin: 40px auto 60px auto; }

.offerbox_feature__copy { font-size: 32px; }

.offerbox_feature__content { margin-top: 60px; gap: 20px; }

.offerbox_feature__item { width: 100%; padding: 28px 20px; }

.offerbox_feature__item__content__txt2.sp { display: block; }

.offerbox_feature__item__content__txt2.pc { display: none; }

.offerbox_feature__item:nth-child(3) { background-color: #F3F7FF; }

.offerbox_feature__item:nth-child(4) { background-color: unset; }

.offerbox_feature__img.img_first { width: 90%; }

.offerbox_feature__img.img_second { width: 90%; }

.offerbox_feature__img.img_third { width: 98%; }

.offerbox_feature__img.img_four { width: 95%; }

.offerbox_analyze { padding: 65px 0 100px 0; margin-bottom: -40px; }

.offerbox_analyze__item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 21px; padding: 20px; }

.offerbox_analyze__item__icon { width: 74px; margin: 0; }

.offerbox_analyze__item__content { padding: 0; width: calc(100% - 96px); border-left: unset; }

.offerbox_analyze__item__content__txt2 { padding-top: 22px; border-top: 1px solid #E2ECFF; margin-top: 0; }

.offerbox_analyze__content { gap: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }

.offerbox_analyze__content__img { width: 100%; }

.offerbox_analyze__content__list { gap: 20px; width: 100%; }

.gradation_btn { margin-top: 40px; }

.offerbox_footer__right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; }

.offerbox_footer__right__item { width: 100%; }

.offerbox_footer__right .slick-list { padding: 0 !important; }

.offerbox_news { padding: 50px 0 80px 0; }

.offerbox_app__box__title { font-size: 32px; }

.offerbox_app__box__btnarea { margin-top: 20px; }

.offerbox_footer { margin: 37px auto 70px auto; gap: 50px; }

.offerbox_faq { margin: 60px auto 70px auto; }

.offerbox_faq__item__q { padding: 20px 55px 20px 20px; }

.servicetop_voice_cta, .servicetop_flow_cta, .servicetop_columns_cta { margin: 0 auto; width: calc(100% - 30px); margin-top: 40px; }

.servicetop_columns_cta { line-height: 1.3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 5px; }

#footer1 { padding: 15px 0 25px; padding: 0 0 25px; }

#footer1 .contents { padding: 0; }

#footer-nav .nav__container { margin-bottom: 0; font-size: 0; }

#footer-nav .nav__container:before, #footer-nav .nav__container:after { content: " "; display: table; }

#footer-nav .nav__container:after { clear: both; }

#footer-nav .nav__elm { float: left; display: table; width: 50%; height: 65px; margin: 0; font-size: 14px; text-align: center; color: #fff; }

#footer-nav .nav__elm a { color: inherit; display: table-cell; vertical-align: middle; width: 100%; height: 65px; padding: 0 10px; font-size: 11px; }

#footer-nav .nav__elm:nth-child(2n) { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }

#footer-nav .nav__elm:nth-child(2n-1) { border-bottom: 1px solid #fff; }

#footer-nav .nav__elm:nth-child(5) { width: 100%; border-bottom: 1px solid #fff; }

#footer-nav .nav__elm:last-child { width: 100%; border-bottom: 1px solid #fff; border-left: none; }

#footer-nav .nav__container--text { margin-bottom: 10px; }

#footer-nav .nav__container--text .nav__elm:last-child { width: 50%; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }

.app-banner { text-align: center; padding: 10px; }

.app-banner__wrapper { display: inline-block; background: #fff; border-radius: 6px; }

.app-banner__ttl, .app-banner__elm { display: inline-block; width: 45%; }

#footer2 { padding-top: 25px; padding-bottom: 25px; text-align: center; }

.footer { font-family: Verdana, 'Droid Sans'; }

.footer small { color: #fff; }

.cp-footer .footer__container { padding: 20px; background: #e6e6e6; text-align: center; }

.cp-footer .footer__nav li { display: inline-block; padding: 10px; }

.cp-footer .footer__sns-btns li { display: inline-block; }

.cp-footer small { color: #333; }

footer .footer_nav_container .footer_nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; }

footer .footer_nav_container .footer_nav.footer_policy { margin-top: 0; }

footer .footer_nav_container .footer_nav.footer_policy li + li { margin-left: 0; }

footer .footer_nav_container .footer_logo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; width: auto; max-width: 100%; }

footer .footer_nav_container .footer_nav .footer_sns, footer .footer_nav_container .footer_logo .footer_sns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 22px; }

footer .footer_nav_container .footer_nav, footer .footer_nav_container .footer_logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

footer .footer_nav li { margin-bottom: 3px; }

footer .footer_nav_container { padding: 50px 0 30px; }

.footer_app { margin: 0; }

/* ========================================================================== Object ========================================================================== */
.about_page .page-ttl_wrap { padding: 0 15px; }

.about_content_txt p { font-size: 1.5rem; line-height: 2.7rem; }

.about_student_data, .about_content .about_company_content .about_company > p img { width: 100%; padding: 0 10px; }

.about_company_data { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_company_data img { margin: 0 auto 20px; width: 100%; text-align: center; }

.about_company_data img + img { margin-left: 0; }

.about_merit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_merit .about_merit_container { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_step { width: 100%; margin: 0 auto 0; }

.about_step ul { margin-left: 0; }

.fadein { opacity: 1 !important; }

.about_howto .about_step { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_student_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_student_data .about_student_data_txt { margin: 30px 0 0 0; }

.about_student_data #columnchart_values { padding: 0; margin: 0 auto; }

.about_content .about_company_content .about_company > p { margin-bottom: 20px; line-height: 3.5rem; }

.about_content .about_company_content .about_company > p .lighter { margin-top: 30px; display: block; font-size: 1.5rem; }

.about_content .about_student .about_offer_img { width: 80px; height: 120px; margin-left: -40px; background-size: 80px; bottom: 62%; }

.about_content .about_student .about_offer_num { font-size: 5rem; font-family: 'Farro', sans-serif; font-weight: bold; color: #c70000; line-height: 1; left: 5%; bottom: 10%; }

.about_content .about_student .about_offer_num .about_offer { position: relative; height: 40px; width: 130px; font-size: 1.3rem; }

.about_content .about_student .about_offer_num .about_offer:before { border: 20px solid transparent; border-left-color: #071c34; border-right-width: 0; content: ''; display: block; height: 0; position: absolute; right: -20px; top: 0; width: 0; }

.about_offer_remark { max-width: 580px; width: 100%; margin: 0 auto; padding-left: 20px; font-size: 1.1rem; line-height: 2rem; }

.about_merit .about_merit_container { padding-bottom: 0; }

.about_merit .about_merit_container li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F2F2F2; }

.about_merit .about_merit_container li + li { border-left: 0; }

.about_howto { padding: 10px 0 50px; }

.about_step_list h3 { margin: 8px 0 20px 40px; font-size: 1.5rem; }

.about_step_list h3 strong { display: block; }

.about_faq label { padding: 0 20px 0 20px; }

.about_page .about_content .page-ttl_wrap { padding: 0; margin: 0; }

.about_page .about_content .page-ttl_wrap .page-ttl h1.about_ttl { padding: 0 0 5px 5px; font-size: 2.2rem; }

.about_page .about_content .about_company_student_num { padding: 0; right: auto; left: 0; bottom: -70px; width: 100%; }

.about_page .about_content .about_company_student_num__txt span { display: inline-block; margin-left: 5px; }

.about_page .about_content .about_company_content { margin: 30px auto 10px; }

.about_page .about_content .about_company_content:before, .about_page .about_content .about_company_content:after { right: 7px; }

.about_page .about_content .about_content_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 0; }

.about_page .about_content .about_content_wrap figure { margin: 10px auto 20px; }

.about_page .about_content .about_content_wrap .about_content_txt { margin: 20px auto 0; }

.about_page .about_content .about_content_wrap .about_content_txt .about_content_txt_sub { font-size: 1.8rem; }

.about_page .about_content .about_company { margin: 20px auto 70px; max-width: 580px; }

.about_page .about_content .about_company .about_company_content { padding: 20px 15px; }

.about_page .about_content .about_company .about_company_content > p { margin-bottom: 10px; line-height: 1.5; }

.about_page .about_content .about_company .about_company_content > p .lighter { display: block; }

.about_page .about_merit { margin-bottom: 50px; }

.about_page .about_merit .about_merit_container li { padding: 0 0 20px; }

.about_page .about_merit .btn_area { margin-top: 0; }

.about_page .about_step_list_wrap .about_step_list_lead { margin-left: 0; }

.about_page .about_step_list_wrap .about_step_list { margin: 5px 0 20px 10px; }

.about_page .about_step_list_wrap .about_step_list .fig-data_wrap_num { width: auto; padding-left: 6vw; margin-top: 15px; }

.about_page .about_step_list_wrap .about_step_list .fig-data_wrap_num img { width: 9vw; max-width: 25px; }

.about_page .about_step_list_wrap .about_step_list .fig-data_wrap_num .about_offer_num { font-size: clamp(20px, 20vw, 80px); }

.about_page .about_step_list_wrap .about_step_list .about_step_left .about_step_tip { padding-left: 10vw; max-width: 450px; }

.about_page .about_step_list_wrap .about_step_list .about_step_left .about_step_tip .fig-data_wrap { width: auto; }

.about_page .about_step_list_wrap .about_step_list .about_step_left .about_step_tip .fig-data_wrap .fig-data_txt { padding-left: 10px; font-size: clamp(12px, 3.5vw, 20px); line-height: 1.5; }

.about_page .about_step_list_wrap .about_step_list .about_step_left .about_step_tip .fig-data_wrap .fig-data_txt .fig-data_bold { font-size: clamp(20px, 7vw, 30px); }

.about_page .about_step_list_wrap .about_step_list .about_step_left .about_step_tip .fig-data_wrap img { max-width: 50px; width: 13vw; }

.about_page .about_step_list_wrap .about_step_list .about_step_list_ttl { margin: 35px 0 10px 40px; font-size: 1.7rem; }

.about_page .about_step_list_wrap .about_step_list .about_step_list_ttl strong { font-size: 2rem; }

.about_page .about_step_list_wrap picture { display: block; margin-left: 50px; max-width: 450px; }

.about_page .about_step_list_wrap picture img { width: 100%; }

.about_page .about_step_list_wrap .about_step_list li:nth-child(1) p:before, .about_page .about_step_list_wrap .about_step_list li:nth-child(2) p:before { height: 80%; top: 70px; }

.about_page .about_step_list_wrap .about_step_list p:before { top: 70px; }

.about_page .about_faq { margin: 50px auto; }

.about_page .about_company_chart .container { max-width: 650px; margin: 0 auto; }

.about_page .about_company_chart .container .about_company_chart_txt { font-size: 1.8rem; }

.about_page .about_student_data #chart_div { background-color: #fafafa; }

.about_page .about_student_data .about_student_data_txt { line-height: 1.8; }

.about_page section .page-ttl_wrap .page-ttl h2 { padding: 0 5px 5px 5px; line-height: 1.5; font-size: 2rem; }

.about_page section .page-ttl_wrap .page-ttl h2 .sp_small { display: block; font-size: 1.5rem; }

.main_columns_area { padding: 0 15px; display: block; }

.main_columns_area .main_columns__elm { width: 100%; max-width: 380px; }

.main_interview .interview_list, .about_interview .interview_list { padding: 0 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.main_interview .interview_list li, .about_interview .interview_list li { width: 100%; max-width: 380px; margin: 0 auto 20px; }

.main_interview .interview_list li figure, .about_interview .interview_list li figure { text-align: center; }

.about_interview .btn_area { margin-top: 20px; }

.about_interview .btn_area .interview_list { padding: 0 20px; }

section.main_faq { padding: 0 15px; }

section.main_faq .faq_title, .about_faq .faq_title { margin: 50px auto 0; }

section.main_faq dl, .about_faq dl { padding: 30px 25px; font-size: 1.4rem; line-height: 2.5rem; }

section.main_faq dl dt, .about_faq dl dt { margin-bottom: 15px; }

@media screen and (max-width: 470px) { .footer_cv_area { position: relative; width: calc(100% + 40px); margin-bottom: 15px; left: -20px; background-size: cover; }
  .footer_cv_area .footer_cv_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .footer_cv_area .footer_cv_title { position: relative; padding: 0 0 10px 0; }
  .footer_cv_area .footer_cv_txt { padding: 40px 25px 25px 25px; width: 100%; }
  .footer_cv_area .footer_cv_txt ul { margin-top: 0; }
  .footer_cv_area .footer_cv_txt .btn_area { padding: 0; }
  .footer_cv_area .footer_cv_txt .btn_area a { width: 100%; height: 55px; margin-bottom: 0; }
  .footer_cv_area .footer_cv_txt .btn_area a + a { margin-top: 10px; }
  .footer_cv_area .footer_cv_sns { width: 100%; height: 170px; padding: 25px 10px; background-color: #E0E9FF; position: absolute; left: 0; bottom: -170px; }
  .footer_cv_area .footer_cv_sns ul li img { max-width: 55px; width: 12vw; }
  .footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt p { font-size: 3.5vw; line-height: 5vw; }
  .footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt .cv_area_sns_link a { font-size: 3vw; }
  .footer_cv_area .cv_area_img { background: none; width: auto; min-width: 100%; bottom: 0; overflow: hidden; } }

.sample_pf_page__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px; }

.sample_pf_page__heading figure { margin: 0 0 10px 0; text-align: center; }

.sample_pf_page__heading figure img { max-width: 100%; }

.sample_pf_page__major { line-height: 1.5; }

.sample_pf_page .sample_pf_page_block { margin: 20px auto 0; padding: 30px 20px; }

.sample_pf_page .sample_pf_page_block .good_point__title { padding: 10px 25px 10px 45px; font-size: clamp(12px, 4vw, 18px); }

.sample_pf_page .sample_pf_page_block .good_point__title::before { width: 17px; height: 17px; left: 25px; }

.sample_pf_page .sample_pf_page_block .good_point__txt { padding: 30px 20px; }

.sample_pf_page h2.sample_pf_title { font-size: 1.8rem; line-height: 1.5; }

.page-ttl_wrap.sample_pf_page_ttl_wrap, .sample_pf_page_ttl_wrap + .contents-full { padding: 0; margin: 0; }

.sample_pf_page_ttl_wrap .page-ttl .sample_pf_page_ttl { margin: 0 0 -3px; font-size: 2rem; }

@media screen and (max-width: 539px) { .sample_pf_page .cta_area .cta_area_title { padding: 25vw 20px 20px 20px; text-align: center; }
  .sample_pf_page .cta_area .cta_area_title figure { left: 50%; top: -17vw; width: 40vw; max-width: 160px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .sample_pf_page .cta_area .cta_area_title::after { right: 30px; top: -43px; width: 43px; height: 45px; }
  .sample_pf_page .cta_area .cta_area_list { padding: 10px 20px; font-size: 1.4rem; }
  .sample_pf_page .cta_area .cta_area_btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .sample_pf_page .cta_area .cta_area_btn a { margin: 5px 0; }
  .sample_pf_page .cta_area .cta_area_footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .sample_pf_page .cta_area .cta_area_footer figure.cta_area_logo { padding: 10px 0px 30px 0px; width: 100%; }
  .sample_pf_page .cta_area .cta_area_footer .cta_area_footer_obj { padding: 0 25px; } }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin-bottom: 0.8em; }

dl dt { font-weight: 700; margin-top: 0.8em; }

dl dd { margin: 0; }

.page-ttl_wrap { margin-top: 10px; }

.btn_arrow { width: 100%; max-width: 330px; margin: 0 auto; padding: 20px 20px 20px 35px !important; font-size: 1.5rem; color: #fff; text-align: center; }

.btn_arrow:after, .btn_arrow:before { left: calc(50% - 105px); }

.cv_lead:before, .cv_lead:after { height: 12px; top: 0.7rem; background-color: #0066a9; }

.cv_lead { font-size: 1.3rem; color: #0c4771; }

.btn_area { margin-top: 30px; padding-left: 15px; padding-right: 15px; }

#page-top { display: none !important; }

.main_about .main_about_txt { text-align: left; font-size: 1.6rem; line-height: 2.5rem; }

.about_page .page-ttl_wrap { padding: 0 15px; }

.about_content_txt p { font-size: 1.5rem; line-height: 2.7rem; }

.about_page h1 { padding: 15px 5px 5px 5px !important; font-size: 2rem; }

.about_page h2 { padding: 15px 5px 5px 5px !important; font-size: 1.8rem; }

.about_student_data, .about_content .about_company_content .about_company > p img { width: 100%; padding: 0 10px; }

.about_company_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_company_data img { margin: 0 auto 20px; width: 100%; text-align: center; }

.about_company_data img + img { margin-left: 0; }

.about_merit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_merit .about_merit_container { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_merit .btn_arrow:before, .about_merit .btn_arrow:after { left: calc(50% - 115px); }

.about_step { width: 100%; margin: 0 auto 0; }

.about_howto .about_offer_num { font-size: 10rem; }

.about_step ul { margin-left: 0; }

.fadein { opacity: 1 !important; }

.about_howto .about_step { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_student_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.about_student_data .about_student_data_txt { margin: 30px 0 0 0; }

.about_student_data #columnchart_values { padding: 0; margin: 0 auto; }

.about_content .about_company_content .about_company > p { margin-bottom: 20px; line-height: 3.5rem; }

.about_content .about_company_content .about_company > p .lighter { margin-top: 30px; display: block; font-size: 1.5rem; }

.about_content .about_student .about_offer_img { width: 80px; height: 120px; margin-left: -40px; background-size: 80px; bottom: 62%; }

.about_content .about_student .about_offer_num { font-size: 5rem; font-family: 'Farro', sans-serif; font-weight: bold; color: #c70000; line-height: 1; left: 5%; bottom: 15%; }

.about_content .about_student .about_offer_num .about_offer { position: relative; height: 40px; width: 130px; font-size: 1.3rem; }

.about_content .about_student .about_offer_num .about_offer:before { border: 20px solid transparent; border-left-color: #071c34; border-right-width: 0; content: ''; display: block; height: 0; position: absolute; right: -20px; top: 0; width: 0; }

.about_offer_remark { margin-top: 10px; font-size: 1.2rem; color: #555; width: 100%; line-height: 2rem; }

.about_content .about_company_content { margin: 30px auto 10px; }

.about_content .about_company_content:before, .about_content .about_company_content:after { right: 7px; }

.about_merit .about_merit_container { padding-bottom: 0; }

.about_merit .about_merit_container li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F2F2F2; }

.about_merit .about_merit_container li + li { border-left: 0; }

.about_howto { padding: 10px 0 50px; }

.about_step_list h3 { margin: 8px 0 20px 40px; font-size: 1.5rem; }

.about_step_list h3 strong { display: block; }

.about_step_list p { margin: 8px 0 20px 40px; }

.about_step_list p:before { content: ""; border-left: 1px solid #0c4771; height: 70%; position: absolute; left: 13px; top: 79px; }

.about_faq label { padding: 0 20px 0 20px; }

.about_howto .about_step_img { margin-bottom: 30px; text-align: center; }

.footer_app .footer_app_contents { position: relative; min-height: auto; margin: 0 auto; padding: 30px 0 230px; background: url(../img/footer_app_img.png?20240227) no-repeat center bottom; background-size: 330px; }

.footer_app .footer_app_txt { position: relative; right: auto; width: 100%; padding: 20px 10px; margin-top: 0; font-size: 1.5rem; line-height: 2.6rem; }

.footer_app .footer_app_txt h3 { margin-bottom: 10px; font-size: 2rem; line-height: 3rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.footer_app .footer_app_txt br { display: none; }

.footer_app .footer_app_txt p { max-width: 600px; margin: 0 auto 10px; line-height: 3.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: clamp(10px, 5vw, 25px); line-height: 1.5; }

.footer_app .footer_app_txt span { width: 100%; max-width: 70px; display: block; margin: 0 10px 0 5px; }

.footer_app .footer_app_btn { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.service_list .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.service_list .container .col-span3 { width: 100%; padding: 5px 15px; margin: 0 auto; }

.service_list .container .col-span3 h3 { padding: 0 15px; }

.service_list .container .col-span3 a { margin: 0; padding: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; max-width: 370px; margin: 0 auto; }

.service_list .container .col-span3 a > p { margin-left: 0; margin-right: 10px; }

.btn_normal { padding: 0 15px; }

.columns_top_list { overflow: hidden; padding: 50px 15px; }

.columns_top_list > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.columns_top_list .columns_top_news { width: 100%; margin: 0; }

.columns_top_list .columns_top_popula { width: 100%; margin: 0; margin-top: 30px; }

ul.bxslider { margin-left: 0; margin-right: 0; }

ul.bxslider li { width: 100%; height: 235px; background-size: cover; background-position: center center; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article a, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article a { font-size: 1.5rem; }

.slide { margin: 0px; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article figure a, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article figure a { width: 80px; height: auto; padding: 5px 0; }

.columns_top_slider { margin-top: 5px; }

.columns_top_slider .columns_top_slider_txt { padding: 50px 20px 30px 20px; }

.columns_top_special { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; }

.columns_top_special .special_columns { width: 100%; margin: 0; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_img { min-height: auto; }

.columns_top_special .special_columns .bx-wrapper .bx-viewport { height: 56vw; }

.columns_top_special .special_columns + .special_columns { margin-top: 40px; }

.special_columns .bxslider_02 .special_columns_box a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.columns_top_slider .columns_top_slider_txt div .post__info span { margin: 0 10px 5px 0; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_txt { padding: 10px 15px; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_txt .slide_columns_title { font-size: 1.3rem; line-height: 2rem; }

.entry-text .entry-content { display: none; }

.bx-wrapper .bx-controls-direction { position: absolute; width: 100%; right: 0; }

.archive__elm { width: 49%; margin: 0 0 15px 0; }

.columns_top_recommended .archive__elm { width: 49%; margin: 0 0 15px; }

@media screen and (max-width: 320px) { .columns_top_recommended .archive__elm, .archive__elm { width: 100%; } }

.archive__elm .archive__ttl { line-height: 2rem; font-size: 1.4rem; }

.post__info { margin-top: 5px; }

.post__info a { margin: 0; border-radius: 0; border: none; padding: 0 5px 3px 0; line-height: 1.5rem; font-size: 1.2rem !important; color: #0066a9; background-color: transparent; text-align: left; -webkit-transition: background-color .3s; transition: background-color .3s; }

.post__info a:hover { background: transparent; color: #012554; border: 0; }

.post__info a::before { content: "#"; margin-right: 3px; }

.popula_tag { padding: 50px 10px 20px 10px; margin: 0; }

.popula_tag .post__info li { margin: 0; }

.popula_tag .post__info li a { padding: 0; margin: 0 10px; font-size: 1.7rem !important; display: inline-block; text-align: center; line-height: 2rem; }

.single-post h2 { font-size: 2.2rem; line-height: 3rem; }

.single-post h3 { font-size: 2rem; line-height: 2.8rem; }

.single-post h4 { font-size: 1.8rem; line-height: 2.5rem; }

.single-post h5 { padding: 10px; }

.single .contents-full { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.single .single_header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.single .single_header .entry-header { margin: 4px 0 0 0; border-bottom: 0; }

.single .single_header .single_top__sns { position: relative; }

.single .single_header .single_top__sns ul { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 40px; padding-right: 8px; background-color: #fff; }

.single .single_header .single_top__sns ul::after { content: ""; position: absolute; display: block; width: 100%; bottom: 6px; border-bottom: 2px solid #eaeaea; z-index: -1; }

.sidebar { width: 100%; margin: 16px 0 0 0; text-align: left; padding: 20px 0px; }

.sidebar .widget__contact .widget__txt.contact_box { width: 100%; max-width: 330px; margin: 0 auto; }

.sidebar .widget__contact .widget__txt.contact_box figure { margin: 5px 10px 15px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sidebar .widget__contact .widget__txt.contact_box p { line-height: 1.5; font-size: clamp(11px, 4vw, 16px); }

.single #page-ttl { margin-top: 0; }

.single_page-ttl .single_page-ttl_container h1 { text-align: center; display: inline-table; }

.single_page-ttl .single_page-ttl_container .post__info { margin-top: 0px; }

.single_page-ttl .single_page-ttl_container .post__info a { margin: 5px 10px 5px 0; padding: 5px 15px; background: transparent; border: 2px solid #fff; border-radius: 30px; color: #fff; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); -webkit-transition: all .2s ease; transition: all .2s ease; }

.main_news h2, .newsrelease h2 { padding: 0 15px; }

.main_news .ttl, .newsrelease .ttl { display: block; }

.main_news .news__list li, .newsrelease .news__list li { padding: 15px; }

.contents-sns__wrapper { margin-bottom: 30px; background-color: #f7f7f7; text-align: center; font-size: 0; padding-top: 10px; padding-bottom: 10px; }

.contents-sns__ttl { list-style: none; float: none; line-height: 3; font-size: 14px; font-weight: bold; }

.contents-sns__ttl::before { content: ''; display: inline-block; margin: 0 10px 5px 0; width: 22px; height: 20px; vertical-align: middle; background: url(../../assets/img/sp/sns_share_icon.png) center center no-repeat; background-size: contain; }

.contents-sns__wrapper li:nth-child(2)::after { content: ''; background-color: #3d4f9f; }

.contents-sns__wrapper li:nth-child(3)::after { content: ''; background-color: #009df6; }

.contents-sns__wrapper li:nth-child(4)::after { content: ''; background-color: #00c338; }

.line_pc { display: none; }

.contents-sns__wrapper li:last-child { margin-right: 0; }

.about_title { padding: 8px 0; background-color: #efefef; text-align: center; font-size: 18px; }

.crp_related .page-ttl_wrap { padding: 0 !important; }

.crp_related .crp_title { font-size: 1.5rem; line-height: 2.5rem; }

.author .sidebar { display: block; }

.author .archive__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.author .archive__elm { width: 49%; margin: 0 0 15px 0 !important; }

/* Table of Contents Plus Style */
#toc_container { padding: 0px !important; margin: 60px auto 30px !important; }

#toc_container p.toc_title + ul.toc_list { margin-top: 0; }

#toc_container p.toc_title + ul.toc_list { margin-right: 0; padding: 20px !important; }

.archive .main_popup { width: calc(100% + 60px); position: relative; right: auto; top: -25px; left: -30px; }

.archive .main_popup .main_popup_box { width: 100%; height: 35vw; background: url(../../assets/img/user_story_banner_sp.png) center center no-repeat; background-size: contain; }

.archive .main_popup button { display: none; }

.archive .main_popup:hover { top: -25px; }

.category-event .contents-full .contents .archive__event { padding-bottom: 10px; }

.category-event .contents-full .contents .archive__event .post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.category-event .contents-full .contents .archive__event .post .entry-text { padding: 15px 0; }

.category-event .contents-full .contents .archive__event .post .entry-text .entry-content { display: block; }

.category-event .contents-full .contents .archive__event .post .entry-text .entry-content p { margin: 0; }

.category-event .contents-full .contents .archive__event .post .entry-text .archive__ttl a { font-size: 1.5rem; }

.category-event .contents-full .contents .archive__event .post .post__thumbnail { margin: 0 auto; text-align: center; }

.category-event-archive .contents-full .contents .archive__event_video { width: 100%; margin: 10px 0 30px; padding: 0 10px 15px 10px; border-bottom: 1px solid #D3CDCD; }

.category-event-archive .event-ttl_wrap, .category-event .event-ttl_wrap { margin: 40px auto 10px; }

.category-event-archive .event-ttl_wrap .event-ttl, .category-event-archive .event-ttl_wrap .event-ttl_tab, .category-event .event-ttl_wrap .event-ttl, .category-event .event-ttl_wrap .event-ttl_tab { font-size: 1.4rem; }

.category-event-archive .event-ttl_wrap .event-ttl, .category-event .event-ttl_wrap .event-ttl { padding: 20px 0; line-height: 2.2rem; }

.category-event-archive .event-ttl_wrap .event-ttl_tab, .category-event .event-ttl_wrap .event-ttl_tab { line-height: 2rem; }

.category-event-archive .event-ttl_wrap .archive-icon::after, .category-event .event-ttl_wrap .archive-icon::after { width: 60px; height: 50px; left: 50%; margin-left: -30px; top: -35px; }

.category-event-archive .event-ttl_wrap .page-ttl_txt, .category-event .event-ttl_wrap .page-ttl_txt { font-size: 1.3rem; line-height: 2rem; }

.category-event-archive .event-ttl_wrap .event-ttl_sub_wrap, .category-event .event-ttl_wrap .event-ttl_sub_wrap { margin: 10px auto; }

.category-event-archive .event-ttl_wrap .event-ttl_sub_wrap .event-ttl_sub, .category-event .event-ttl_wrap .event-ttl_sub_wrap .event-ttl_sub { font-size: 1.5rem; }

.category-event-archive .sp_columns_label, .category-event .sp_columns_label { display: none; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf { width: 100%; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__title { font-size: 1.8rem; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__classify01 { font-size: 1.3rem; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf .post__thumbnail { max-width: 105px; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf .appeal_point { margin-left: 10px; font-size: 1.5rem; }

@media screen and (max-width: 320px) { section.sample_pf_list .contents-full .main_columns_area .sample_pf__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  section.sample_pf_list .contents-full .main_columns_area .sample_pf .post__thumbnail { max-width: 100%; margin-bottom: 10px; } }