@charset "UTF-8";
/*!
Theme Name:
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/
/* ========================================================================== Foundation  (normalize css) ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

a:hover, a:active { outline: 0; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }

button, input { *overflow: visible; line-height: normal; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

textarea { overflow: auto; vertical-align: top; }

pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ }

* { box-sizing: border-box; }

html { font-size: 62.5%; }

body { margin: 0; background-color: #ffffff; font-size: 1.6rem; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif; }

a { color: #000; }

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

.bg-belt__title { margin: 0; text-align: left; font-size: 16px !important; }

.page-top__title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; text-align: center; }

.left { text-align: left; }

.to-form-wrapper { text-align: center; }

/* ========================================================================== Layout ========================================================================== */
/*--- layout ----*/
.sp { display: block !important; }

.pc { display: none !important; }

.widget-breadcrumb { border-bottom: none; background-color: #F2F2F2; width: calc(100% + 30px); margin-left: -15px; padding-left: 15px; line-height: 3.5rem; }

.wrap, section { padding: 0; }

.container { padding: 0 15px; }

.top_bar { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; }

.top_bar .content_wrap { min-width: 320px; padding-left: 15px; font-size: 1.4rem; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.top_bar .top_tel { line-height: 1; }

.top_bar .top_tel small { display: none; }

.top_bar .topbar_login { font-size: 1.3rem; padding: 0 20px 0 50px; }

.page_title { font-size: 2rem !important; line-height: 2.5rem; }

footer .footer_content .footer_cv li:before { right: 35px; }

footer .footer_content .footer_cs .footer_cs_txt .tel { font-size: 8vw; }

footer .footer_content .footer_cv li p { font-size: 1.3rem; line-height: 2rem; }

footer .footer_content .footer_cs .form_link { font-size: 4vw; }

/*--- button ---*/
/*--- navi ---*/
.mobile_header .mobile_header_wrapper { padding: 0; }

.mobile_header .show_mobile_navi { padding: 0; }

.mobile_header .show_mobile_navi .mobile_navi_warp { padding: 0; 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; }

.mobile_header .show_mobile_navi .mobile_navi_warp .sp_gnavi_contact_btn { margin-top: auto; font-size: 4.2vw; }

.mobile_header .show_mobile_navi .mobile_navi_warp .logo_sp { position: fixed; 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; width: 100%; height: 77px; max-width: 100%; padding: 15px; background-color: #fff; z-index: 999; }

.mobile_header .show_mobile_navi .mobile_navi_warp .logo_sp a img { max-width: 200px; }

.mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv { min-height: 75px; margin-top: 77px; padding: 15px; background-color: #012454; }

.mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .dl_btn { padding: 10px 20px; font-size: 1.2rem; margin-bottom: 5px; box-shadow: 0 5px 0 #eee; border: none; }

.mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .cv_btn, .mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .dl_btn { width: 45vw; max-width: 165px; padding: 10px 15px; font-size: 1.3rem; line-height: 2rem; text-align: center; text-indent: 0; }

.mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .cv_btn:before, .mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .cv_btn:after, .mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .dl_btn:before, .mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .dl_btn:after { content: none; }

.mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .cv_btn span, .mobile_header .show_mobile_navi .mobile_navi_warp .sp_navi_cv .dl_btn span { display: none; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi { margin: 5vw auto 0 !important; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi ul { max-width: 360px; padding: 0 0 20px 20px; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi ul li { width: 100%; padding: 0; margin: 0; border: 0; font-size: 1.9rem; line-height: 9vw; font-weight: bold; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi ul li .sub_category_tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); padding: 0 0 0 20px; margin-bottom: 10px; margin-left: -10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: initial; -webkit-box-direction: initial; -webkit-flex-direction: initial; -ms-flex-direction: initial; flex-direction: initial; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi ul li .sub_category_tabs li { width: 50%; font-size: 1.5rem; line-height: 2.7rem; text-indent: 0; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi ul li .sub_category_tabs li a { position: relative; line-height: 2.7rem; font-weight: normal; }

.show_mobile_navi .mobile_navi_warp .sp_gnavi ul li .sub_category_tabs li a i { color: #2870b9; font-size: 1rem; position: absolute; top: 50%; left: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.affix .mobile_navi_warp .logo_sp a img { max-width: 175px; }

.affix .show_mobile_navi .mobile_navi_warp .logo_sp { height: 65px; }

.affix .show_mobile_navi .mobile_navi_warp .sp_navi_cv { margin-top: 65px; }

/*--- main ---*/
#main { padding: 0 15px; }

#main .main_event ul li dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

#main .main_event ul li dl dd { margin: 0; }

#main .main_slider_box .main_catch { left: 0; bottom: 0; margin: 0; text-align: left; }

#main .main_slider_box .main_catch h2 { font-size: 6vw; }

#main .main_slider_box .main_catch h2 small { line-height: 1rem; }

#main .author-archive .container { padding: 0; }

#main .author-archive .main_cases .right_box ul, #main .author-archive .main_columns .right_box ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#main .author-archive .main_cases .right_box ul li, #main .author-archive .main_columns .right_box ul li { width: 100%; }

#main .author-archive .main_cases .right_box ul li + li, #main .author-archive .main_columns .right_box ul li + li { margin-top: 20px; }

#main .merit04 .bx-wrapper .merit04_slider { min-height: 300px; }

#main .cases_link { display: none; }

#main .main_logo { margin: 20px 0 10px; }

#main .main_logo .bx-wrapper { width: 100%; }

#main .main_content_student { width: 100%; height: auto !important; margin-bottom: 20px; }

#main .merit_box_wrap, #main .media_archive, #main .merit_box { width: 100% !important; }

#main .media_archive { margin: 20px auto 10px; }

#main .author-archive [value="main_cases"]:checked ~ .filters [for="main_cases"], #main .author-archive .author-archive [value="main_columns"]:checked ~ .filters [for="main_columns"], #main .author-archive .author-archive [value="main_event"]:checked ~ .filters [for="main_event"] { background: #012554; }

#main .author-archive .filters { margin: 20px -30px; width: calc(100% + 60px); }

#main .author-archive .filters div { margin: 0; }

#main .author-archive .filters label { padding: 12px 30px; min-width: 70px; font-size: 3.5vw; border: 0; }

#main .author-archive .filters label:after { content: none; }

#main .main_event ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#main .main_event ul li figure { max-width: 100%; margin-right: 0; margin-bottom: 20px; }

.author-archive .filters label { background-color: #EBEEF4; }

/*--- archive ----*/
.archive .articles { padding: 0; }

.archive .column-material { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.archive .column-material .archives { width: 100%; margin: 10px 0; }

.archive .column-material div:nth-child(2) { margin: 10px 0; }

.span4 { width: 50%; margin-bottom: 20px; }

.category-media .content_list li a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.category-media .content_list li a .media_list { width: 100%; padding: 0; }

.category-media .media_link .all_news { display: none !important; }

.category-media .media_link .other_link a { font-size: 1.3rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.category-media .media_link .other_link a:last-child { padding-right: 15px; }

.category-media .media_link .other_link { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #f7f7f7; margin-bottom: -1px; border: 1px solid #d8d7d8; border-bottom: 0; }

.tv .media_link .other_link a, .tv .other_link a:first-child { display: block !important; border-top: 3px solid #d90718; }

.newspaper .media_link .other_link a, .newspaper .other_link a:nth-child(2) { display: block !important; border-top: 3px solid #d90718; }

.pressrelease .media_link .other_link a, .pressrelease .other_link a:last-child { display: block !important; border-top: 3px solid #d90718; }

.category-event .event_list article { padding: 20px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.category-event .event_list article .posts_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 15px 0 0 0; }

.category-event .event_list article figure a { display: block; text-align: center; }

.category-event .event_list article figure img { max-width: 100%; }

.category-event .w940 { width: 100%; }

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

.category-event .onlineseminar_ttl { width: 100%; line-height: 2.7rem; }

.category-event .webinar_link { position: relative; width: 100%; max-width: 350px; top: 0; right: 0; margin: 0 auto; }

.category-event .onlineseminar_banner { margin: 20px auto; padding: 0 25px; }

.category-event .onlineseminar_banner ul { padding: 20px 0; margin-left: 20px; }

.category-event .onlineseminar_banner ul li { font-size: 1.6rem; }

/*--- page ---*/
.page_function .function_btn { margin: 0 auto 30px; }

.page_function .function_btn li { margin: 30px 0 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 20px; }

.page_function .function_btn li a { position: relative; top: -15px; padding-bottom: 50px; margin-bottom: -50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.page_function .function_btn li a span { width: 100%; padding: 10px 5px; text-align: center; font-size: 3.5vw; line-height: 2rem; }

.page_function .function_btn li .btn_arrow_big:after { content: none; }

.page_function .function_btn li:before { content: ""; position: absolute; top: auto; right: 0; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #D7E1EF; }

.page_function .function_btn li:after { content: ""; position: absolute; top: auto; bottom: 7px; right: auto; left: 50%; margin: auto; width: 2rem; height: 2rem; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); -webkit-transition: .3s; transition: .3s; }

.pricing_table article + article { margin-top: 0px; }

.page_service .service_pc { display: none; }

.page_service .service_sp { display: block; }

.page_service .servicelist li img { width: 100%; max-width: 80px; max-height: none; }

.page_service .box-service .box-service--label + .service__title { padding-top: 0; }

.page_service .lyt-service--keyvisual { width: 100%; margin: 0 auto; padding: 0; }

.page_service .lyt-service--keyvisual .box-service .text { width: 100%; padding-right: 0; }

.page_service .lyt-service--keyvisual .box-service .image { 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; width: 100%; }

.page_service .lyt-service--keyvisual .service__features br { display: none; }

.page_service .service__title img { width: 100%; height: 100%; }

.page_service .box-service .text { width: 100%; padding: 0; }

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

.page_service .app_img img { width: 100%; margin: 0 0 20px 0; }

.page_service .box-service .column .text { padding-right: 0; }

.page_service .box-service .btn-block { width: 100%; }

.lyt-service--keyvisual > * { display: block; }

.page_about h2 { font-size: 2rem; display: inline; line-height: 3rem; }

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

.page_about .about_feature01 li { display: block; width: 100%; }

.page_about .about_feature01 li .about_feature01_txt { width: 85%; }

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

.page_about .about_feature02 li { width: 100%; }

.page_about .about_feature02 li:nth-child(3) div { padding: 20px 30px; }

.page_about .about_feature02 li:nth-child(3) div:after { top: auto; bottom: -15px; right: auto; }

.page_about .about_feature02 li:nth-child(3) div p { padding: 0; margin-bottom: 130px; }

.pricing_table .plan_schedule_link { position: relative; left: 0; top: 0; margin: 15px 0 5px auto; }

.page_agent .container { padding: 0; }

.page_agent .widget-breadcrumb .breadcrumb { padding-left: 15px; }

.page_agent .agent_title { padding: 0 15px; }

.page_agent .agent_title h1 { font-size: clamp(6vw, 4vw, 10vw); line-height: 4rem; }

.page_agent .agent_merit_wrap .agent_merit { margin: 0 0 80px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.page_agent .agent_merit_wrap .agent_merit h3 { font-size: 2.2rem; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_img { width: 100%; max-width: 100%; min-width: 100%; height: 280px; margin: 0; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_txt p:after { content: none; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_txt .agent_merit_img { display: block; }

.page_agent .agent_merit > .agent_merit_img { display: none; }

/*--- post ---*/
.single ul.related_post li { width: 100%; }

.single .step_sp { text-align: center; font: 14px; }

.single .step_sp nav { display: block; width: 100%; margin: 0 auto; overflow: hidden; }

.single .step_sp .step__block { padding: 10px; border: 1px solid #ccc; border-radius: 5px; }

.single .step_sp a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.single .step_sp .step__title { display: table-cell; vertical-align: middle; }

.single .step_sp .step__title span { display: block; text-decoration: none; color: #fff; list-style: none; width: 90px; height: 90px; line-height: 90px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0px 0 0px 1%; }

.single .step_sp .step__explain { display: table-cell; vertical-align: middle; }

.single .step_sp .step__title { position: relative; }

.single .step__title:after { content: ' '; width: 0; height: 0; position: absolute; border: 5px solid transparent; border-top-color: #fff; bottom: 0; right: 40px; }

.single .step_sp .explain { display: block; padding-left: 10px; text-decoration: none; list-style: none; line-height: 1.3 !important; color: #848484; font-size: 13px; text-align: left; }

.single .step_sp .kadai span { background: #1D4E6E; }

.single .step_sp .donyu span { background: #326C4E; }

.single .step_sp .koka span { background: #6E1C34; }

.single .step_sp p.arrow_down { display: block; text-decoration: none; color: #848484; margin: 0px; }

.single .step-title { font-weight: bold; font-size: 24px; margin: 20px 0; padding: 2px 3px; }

.single .main-interview .main-lead { content: ""; position: relative; background-color: transparent; z-index: 100; text-align: left; padding: 10px 0; color: #222; line-height: 3rem; font-size: 1.8rem; }

.single .page_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.blog .nav.nav-archive > li > span, .blog .nav.nav-archive-columns > li > span { display: block; width: 100%; background: #efefef; text-align: center; margin-bottom: 5px; }

.blog .nav.nav-archive-columns ul, .blog .nav.nav-archive ul { padding-left: 10px; }

/* footer */
footer .footer_content .footer_link ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

footer .footer_content .footer_link ul .footer_sns { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -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; }

footer .footer_content .footer_link ul .footer_sns a { padding: 0 5px; }

footer .footer_content .footer_link ul .footer_selectbox { padding: 0; 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; }

footer .footer_content .footer_link ul li { margin: 8px auto; }

footer .footer_content .footer_link ul li:nth-child(2), footer .footer_content .footer_link ul li:nth-child(3), footer .footer_content .footer_link ul li:nth-child(4) { min-width: 18%; font-size: 1.4rem; }

footer .footer_content .footer_link ul li:nth-child(3) { padding: 0; }

footer .footer_content .footer_link ul li + li { padding: 0; }

#page-top { bottom: 10px; }

.category-event section.video_library article { width: 100%; }

.category-event section.video_library article .posts_content p { font-size: 1.3rem; }

.category-event section.video_library article .posts_content a { line-height: 2rem; font-size: 1.5rem; }

.category-event section.video_library .video_library_info { padding: 20px 10px 0 20px; font-size: 1.2rem; }

.category-event section.video_library .video_library_info:before { left: 0; width: 15px; height: 20px; }

.category-event .media_link .all_news, .category-event .tab_link .all_news { padding: 12px 0; }

.category-event .tab_link .all_news span, .category-event .tab_link .other_link span { font-size: 1.5rem; }

.category-event .tab_link .all_news a, .category-event .tab_link .other_link a { font-size: 1.4rem; }

.category-event .media_link .other_link a, .category-event .tab_link .other_link a { padding: 10px 1vw; }

.category-event .event_list .empty_event_box .video_library_link figure { width: 220px; margin: 0 auto; }

.category-event .tab_link .other_link .video_library_icon_box { width: 100%; text-align: center; top: -45px; }

.category-event .tab_link .other_link .video_library_icon_box img { max-width: 80px; }

.category-event section.video_library .video_library_info { padding: 20px 10px 0 25px; font-size: 1.2rem; }

.category-event section.video_library .video_library_info:before { left: 0; width: 15px; height: 20px; }

.cases_footer_banner { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 300px; max-width: 100%; padding: 40px 10px; margin: 30px auto 20px; background: url(../img/cases_footer_banner_bg_sp.jpg) center center no-repeat; background-size: cover; }

.cases_footer_banner a { padding: 10px 20px; margin: 0 auto; width: 100%; max-width: 300px; font-size: 1.5rem; line-height: 2.3rem; }

.category-cases .slider_area { padding: 0; max-height: 700px; }

.category-cases .slider_area .cases_slider { overflow: hidden; }

.category-cases .slider_area .cases_slider .slick-list { overflow: visible; }

.category-cases .slider_area .cases_slider .slider_list { max-width: -webkit-min-content; max-width: -moz-min-content; max-width: min-content; width: auto; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 10px 10px 0 10px; }

.category-cases .slider_area .cases_slider .slider_list a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt { padding: 20px; }

.category-cases .slider_area .cases_slider .slider_list a figure { max-height: 150px; }

.category-cases .slider_area .cases_slider .slider_list::after { right: 10px; }

.category-cases .filter_area section.cases_list { overflow: hidden; }

.category-cases .filter_area section.cases_list ul.cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item { width: 100%; margin: 10px auto 20px; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item figure { max-width: 100%; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .company_name { font-size: 1.2rem; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl { margin: 3px auto; font-size: clamp(12px, 3.5vw, 13px); }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl dd .filter_problem { padding: 5px 10px; font-size: clamp(11px, 3.5vw, 13px); }

.category-cases .filter .button { padding: 8px 20px; margin: 5px 2px; font-size: 1.2rem; }

.category-cases #header_filter .nav-tabs li a { padding: 20px 20px !important; font-size: clamp(12px, 4vw, 15px); }

.category-cases #header_filter .tab-content { padding: 20px 5px; text-align: center; }

.single_cases { overflow-x: hidden; }

.single_cases .container { padding: 0; }

.single_cases .article__ttl { margin: 10px; font-size: 2rem; line-height: 1.5; }

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

.single_cases .article__header .header__image { width: 100%; text-align: center; }

.single_cases .article__header .header__txt { margin: 20px 15px; }

.single_cases .step-title-wrap .step-title { margin: 0; font-size: 1.8rem; }

.single_cases .step-title-wrap .step-title-icon { width: 80px; }

.single_cases .content_summary { margin: 10px auto 30px; }

.single_cases .content_summary__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 10px 20px; }

.single_cases .content_summary__wrap li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px 0px; }

.single_cases .content_summary__wrap li p { width: calc(100% - 100px); text-align: left; }

.single_cases .content_summary__wrap li + li { border-left: 0; border-top: 2px dashed #CED0D5; }

.single_cases .content_summary__ttl { width: 85px; padding-top: 75px; margin-right: 15px; font-size: 2rem; }

.single_cases .cases_footer { padding: 80px 15px; }

.single_cases .cases_footer .cases_list ul.cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.single_cases .cases_footer .cases_list ul.cards li.cards__item { width: 100%; margin: 20px 0; }

@media screen and (max-width: 500px) { .archive .articles { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  [class*=span] { float: none; margin: 0; }
  .span4 { width: 100%; margin-bottom: 20px; } }

@media screen and (max-width: 320px) { .mobile_header .show_mobile_navi .mobile_navi_warp .logo_sp a img { max-width: 175px; }
  .mobile_header .show_mobile_navi .mobile_navi_warp .sp_gnavi ul li { font-size: 1.7rem; line-height: 9vw; }
  .mobile_header .show_mobile_navi .mobile_navi_warp .sp_gnavi ul .jinji_zine_link { margin: 10px 0; }
  .mobile_header .show_mobile_navi .mobile_navi_warp .sp_gnavi ul .jinji_zine_link .jinji_zine_link_icon { top: 5px; right: 20px; }
  .mobile_header .show_mobile_navi .mobile_navi_warp .sp_gnavi ul li .sub_category_tabs li { width: 50%; font-size: 1.3rem; line-height: 2rem; } }

/* FVステップフォーム実装、ヘッダー更新202509 */
.hide600 { display: none; }

.show600 { display: block; }

.opacity-header__menubtn { right: 16px; }

.header202507__right { padding-right: 75px; }

.header202507__right__button--download.hide600 { display: none; }

.header202507__right__nav__link { background: #012554; padding: 6px 18px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.header202507__right__nav__link__item__txt { color: #ffffff; }

.header202507__right__nav__link__item__txt:hover { color: #ffffff; }

.header202507__right__nav__link__item__txt--login::before, .header202507__right__nav__link__item__txt--here::before { background-color: unset; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.header202507__inner { padding-left: 15px; }

/* ========================================================================== Object ========================================================================== */