@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; }

ul, ol, li { list-style: none; }

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

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

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

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; }

body { padding-top: 106px; background-color: #ffffff; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif; font-size: 1.6em; line-height: 3rem; color: #222222; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

body.seminarlp, body#renewal_lp { padding-top: 0; }

a { color: #012554; -webkit-transition: all .1s linear; transition: all .1s linear; }

a:hover { text-decoration: none; color: #0066A9; }

ul, li { margin: 0; }

.wrap { position: relative; 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; max-width: 1280px; margin: 0 auto; }

::-moz-selection { background: #0066A9; color: #ffffff; }

::selection { background: #0066A9; color: #ffffff; }

.sticky { position: -webkit-sticky; position: sticky; top: 0; }

.bg_color_navy { background-color: #012554; }

.bg_color_gray { background-color: #ECEFF2; }

.bg_color_blue { background: -webkit-linear-gradient(225deg, #022454, #003074); background: linear-gradient(-135deg, #022454, #003074); }

.content_wrap { max-width: 1200px; margin: 0 auto; }

.container { width: 100%; max-width: 950px; }

.widget-breadcrumb { border-bottom: 4px solid #F2F2F2; }

.widget-breadcrumb a { color: #012554; }

.widget-breadcrumb i { margin: 0 3px; }

.page_title { margin: 30px 0 20px; padding-left: 10px; font-size: 2.5rem !important; line-height: 3.5rem; border-left: 5px solid #D90717; }

#page-top { position: fixed; bottom: 20px; right: 20px; z-index: 1; }

#page-top a { height: 60px; width: 60px; background: RGBA(0, 0, 0, 0.1); display: block; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }

#page-top a:before { font-family: 'FontAwesome'; content: '\f106'; font-size: 3rem; color: #fff; 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; line-height: 200%; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }

@media screen and (max-width: 730px) { body { padding-top: 110px; } }

/* ========================================================================== Layout ========================================================================== */
.w1040 { width: 1040px; margin-right: auto !important; margin-left: auto !important; }

.w940 { width: 940px; margin-right: auto !important; margin-left: auto !important; }

.row { border-bottom: none !important; }

.bg-base { padding: 50px 0 !important; }

.bg { background-color: #fafafa; padding: 10px 0; }

.bg-gray { background-color: #fafafa; }

.bg-gray--dark { background-color: #e9e9e9; }

.bg-white { background-color: #fff; padding: 10px 0; }

.bg-white.widget-breadcrumb { padding: 0; }

.bg-white.widget-breadcrumb + .bg-white { padding-top: 0; }

.bg-orange { background-color: #FFF7ED; padding: 10px 0; }

.bg-black { background-color: #4d4d4d; padding: 13px 0; color: #fff; }

.blog .title-bg { padding-bottom: 0px; margin: 20px 0 0 0; }

.bg-belt { margin: 0 auto !important; }

.bg-belt__title { font-size: 20px !important; margin-bottom: 0 !important; }

.bg-blue { padding: 60px 0; background: #f0f3f7; }

.bg-blue--em { background: #0066A9; }

.bg-blue--em.bg-balloon { color: #fff; padding: 30px 15px !important; position: relative; }

.bg-blue--em.bg-balloon::before { content: ""; position: absolute; left: 50%; margin-left: -68px; bottom: -22px; width: 0; height: 0; border-style: solid; border-width: 22px 68px 0 68px; border-color: #0066A9 transparent transparent transparent; }

.bg-blue--em.bg-balloon + .bg-base { padding-top: 78px !important; }

.flex_center { 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; }

.header-navi { z-index: 100; width: 100%; background-color: white; position: fixed; top: 0px; background-color: rgba(255, 255, 255, 0.7); padding: 0; border-bottom: 1px #e6e6e6 solid; border-top: 3px solid #423838; }

.header-navi ul { float: right; list-style: none; margin: 0px 30px; }

.header-navi ul li { display: inline; margin: 0px 3px; }

.header-navi .tel { font-size: 20px; color: #3c3c3c; margin: 0; padding-right: 40px; text-align: right; }

.header-navi .btn { padding: 8px 12px !important; font-size: 14px !important; width: 140px !important; }

.header-blog { display: table; table-layout: fixed; width: 100%; }

.header-blog .title { width: 200px; }

.header-blog .menu { margin-top: 14px; display: table-cell; vertical-align: middle; text-align: center; }

.header-blog .free-trial { position: right; width: 300px; }

#header { margin-top: 0px; }

#header .btn { margin: 30px 0 0 0; font-size: 20px !important; width: 200px; }

#header .ml7 { margin-left: 0.7em; }

#header .lead-text { line-height: 30px; padding-left: 50px; margin-bottom: 40px; }

#header .capture .pc { margin-bottom: 0 !important; }

#header .capture .slider ul { margin: auto; }

#header .capture .slider li a { height: 10px !important; width: 10px !important; background-color: #fff; }

#header .capture .slider li.on a { background-color: #636270; opacity: 1; box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1); }

.header-info { width: 100%; margin: 0px 20px 20px 0px; padding: 20px 0 10px 0; background: #f8f8f8; text-align: center; }

.header-info ul { list-style-type: none; }

.header-info li { color: #4183c4; font-weight: bold; }

.header-blog { display: block; }

.header-blog .title { text-align: left; }

.header-navi-logo { display: table; width: 1000px; margin: 0 auto; }

.header-blog .title, .header-blog .free-trial { display: table-cell; line-height: 1; vertical-align: bottom; }

.header-blog .title { /*width: 200px;*/ }

.header-blog .title h1 { font-size: 12px; font-weight: normal; line-height: 1.2; }

.header-blog .title a { text-decoration: none; }

.header-blog .title .title__row2 { display: block; width: 177px; height: 35px; margin-top: 10px; background: url("/company/assets/img/common/logo.png?20191001") no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; background-size: 177px; }

.header-blog .title img { max-width: none; width: auto; height: 38px; }

.header-blog .free-trial { width: 800px; }

.header-blog .free-trial ul { float: right; display: block; margin: 0 0 0 0; }

.header-navi-logo .free-trial li { float: none; display: table-cell; padding-left: 10px; text-align: right; vertical-align: middle; line-height: 1; }

.header-navi-logo .free-trial li.tel { /*display: block;*/ padding-right: 0; font-size: 18px; }

.header-navi { -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; z-index: 101; }

.header-navi-inner1 { padding: 15px 0; background: #fff; border-bottom: 1px solid #f0f0f0; -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }

.header-navi-inner2 { background: #f7f7f6; }

.header-navi .btn { display: inline-block; padding: 6px 18px !important; font-size: 12px !important; width: auto !important; /*width: 140px !important;*/ }

.header-navi .btn.btn--login { box-sizing: border-box !important; background: #fff !important; border: 2px solid #458B16 !important; color: #458B16 !important; font-weight: bold !important; }

.header-navi .btn.btn--login:hover { background: #458B16 !important; color: #fff !important; }

.header-navi-core { float: none; display: block; width: 1000px; margin: 0 auto; background: #fff; text-align: center; }

.menu-wrapper ul { -ms-box-sizing: border-box; box-sizing: border-box; display: table; width: auto; width: 1000px; margin: 10px auto; }

.menu-wrapper ul.main > li { position: relative; display: table-cell; width: 14.285%; width: 13.9%; /*padding: 5px 0;*/ text-align: center; vertical-align: middle; font-weight: bold; border-left: 1px solid #fff; }

.blog .menu-wrapper ul.main > li { border-left: 1px solid #ccc; }

.menu-wrapper ul.main > li:first-child { border-left: none; }

.menu-wrapper ul > li > ul { float: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1000; margin: 0 0 0 0; padding: 0 10px; background: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.menu-wrapper ul > li > ul.sp { /*width: 120%; left: -10%;*/ }

.menu-wrapper ul > li > ul > li { display: block; margin: 0 0 0 0; padding-left: 0; border-top: 1px dotted #f0f0f0; background: none; white-space: nowrap; }

.menu-wrapper ul > li > ul > li:first-child { border-top: none; }

.menu-wrapper ul > li > a { font-size: 14px; }

.menu-wrapper ul > li > ul > li a { display: block; width: 100%; padding: 0; padding: 1em 0; text-align: center; font-size: 13px; font-weight: normal; }

.menu-wrapper ul > li > ul .c_name { display: block; font-size: 11px; }

.menu-wrapper li a:hover { color: #B71C22; text-decoration: none; }

.menu-wrapper ul li:not(:nth-child(7)) a.current { padding: 4px; border-bottom: 2px solid #a6061a; }

.nav-elm__row1, .nav-elm__row2 { display: block; line-height: 1; }

.nav-elm__row2 { font-size: 11px; }

/*開閉設定*/
.menu-wrapper .sub { display: none; }

/* 2019 renewal */
.top_bar { background-color: #012554; width: 100%; color: #fff; text-align: right; font-size: 1.5rem; }

.top_bar a { color: #fff; }

.top_bar .content_wrap { position: relative; max-width: 1255px; }

.top_bar .top_tel { margin: 0; color: #fff; display: inline-block; }

.top_bar .top_agent { position: absolute; display: inline-block; margin: 0; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top_bar .top_agent .link_ofbstudent { padding-left: 17px; margin-left: 10px; border-left: 1px solid #9db0c9; }

.top_bar a { font-size: 1.4rem; }

.top_bar a:hover { text-decoration: underline; }

.top_bar i { margin-right: 3px; }

.top_bar small { padding-left: 5px; font-size: 80%; color: #fff; }

.top_bar .topbar_login { position: relative; height: auto; padding: 0 30px 0 50px; margin-left: 15px; display: inline-block; background-color: #dd0034; color: #fff; line-height: 3.5rem; }

.top_bar .topbar_login:before { content: ""; position: absolute; left: 20px; width: 30px; height: 100%; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.9px%22%20height%3D%2215.2px%22%20viewBox%3D%220%200%2012.9%2015.2%22%20style%3D%22enable-background%3Anew%200%200%2012.9%2015.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1124_1_%22%20transform%3D%22translate(-3355%20-3552)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_172_1_%22%20transform%3D%22translate(3358.042%203552)%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M6.9%2C3.8L6.9%2C3.8l0-0.4c0-0.9-0.4-1.8-1-2.4S4.3%2C0%2C3.4%2C0c0%2C0%2C0%2C0%2C0%2C0h0C1.5%2C0%2C0%2C1.5%2C0%2C3.4v0.4h0%20c-1.7%2C0-3%2C1.3-3%2C3v5.4c0%2C1.7%2C1.3%2C3%2C3%2C3h6.9c1.7%2C0%2C3-1.3%2C3-3V6.8C9.9%2C5.1%2C8.5%2C3.8%2C6.9%2C3.8z%20M1.5%2C3.4c0-1.1%2C0.9-1.9%2C1.9-1.9%20c0.5%2C0%2C1%2C0.2%2C1.4%2C0.6c0.4%2C0.4%2C0.6%2C0.8%2C0.6%2C1.4v0.4H1.5V3.4z%20M8.4%2C12.2c0%2C0.8-0.7%2C1.5-1.5%2C1.5H0c-0.8%2C0-1.5-0.7-1.5-1.5V6.8%20C-1.5%2C6-0.9%2C5.3%2C0%2C5.3h0.8c0%2C0%2C0.1%2C0%2C0.1%2C0H6c0%2C0%2C0.1%2C0%2C0.1%2C0h0.8c0.8%2C0%2C1.5%2C0.7%2C1.5%2C1.5V12.2z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M4.3%2C8.4c0-0.4-0.3-0.8-0.8-0.8c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c-0.3%2C0.2-0.5%2C0.6-0.5%2C1c0%2C0.4%2C0.2%2C0.8%2C0.5%2C1%20c0.6%2C0.4%2C1.4%2C0.3%2C1.8-0.3s0.3-1.4-0.3-1.8V8.4z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; }

.top_bar .topbar_login:hover { background-color: #0073bf; }

/* 2022.05 Top page renewal - header */
@-webkit-keyframes "fedeinAnime" { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes "fedeinAnime" { 0% { opacity: 0; }
  100% { opacity: 1; } }

body.fixed { width: 100%; height: 100%; position: fixed; }

body #r-wrapper.r-wrapper { background: #f4f7fc; line-height: 1.7; word-break: break-all; scroll-behavior: smooth; }

.r-header { position: fixed; width: 100vw; z-index: 9999; top: 0; }

.r-header .r-inner { width: 1080px; margin: 0 auto; }

.r-header .r-button-red { width: 140px; height: 36px; font-size: 1.3rem; line-height: 1.5; padding: 7px; margin-right: 8px; }

.r-header .r-button-white { width: 140px; height: 36px; font-size: 1.3rem; line-height: 1.5; padding: 6px; }

.r-header__nav--login { background: #024270; }

.r-header__nav--contact { background: #f4f7fc; padding: 16px 0; }

.r-header__nav--link { background: #f4f7fc; position: relative; }

.r-header__nav--link.btnOn .r-header__menubtn-item:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-24deg); transform: translateY(6px) rotate(-24deg); }

.r-header__nav--link.btnOn .r-header__menubtn-item:nth-of-type(2) { -webkit-transform: translateY(6px) rotate(24deg); transform: translateY(6px) rotate(24deg); top: 0; }

.r-header__nav--link.btnOn .r-header__link-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-animation: fedeinAnime 0.3s ease-in-out; animation: fedeinAnime 0.3s ease-in-out; }

.r-header__container { 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; }

.r-header__login { background: #cb2927; }

.r-header__link--info { font-size: 1.3rem; line-height: 1.5; padding: 8px 16px; color: #fff; position: relative; }

.r-header__link--info::before { content: ""; width: 5px; height: 10px; background: url(../../assets/img/renewal/common/icon-nav-arrow.svg) no-repeat; background-size: contain; position: absolute; top: 13px; left: 5px; }

.r-header__link--login { display: block; font-size: 1.3rem; line-height: 1.5; color: #fff; padding: 8px 16px 8px 33px; position: relative; }

.r-header__link--login::before { content: ""; width: 13px; height: 15px; background: url(../../assets/img/renewal/common/icon-login.svg); background-size: cover; position: absolute; top: 10px; left: 16px; }

.r-header__link--logo { display: block; }

.r-header__link--twitter { margin-right: 16px; }

.r-header__logo { width: 200px; height: 37px; position: relative; left: 0; }

.r-header__contact-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.r-header__btn-area { margin-right: 24px; }

.r-header__menubtn-text-svg { width: 100%; height: auto; vertical-align: bottom; }

.r-header__list { 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; }

.r-header__item { font-size: 1.5rem; font-weight: 700; line-height: 1.5; text-align: center; padding: 15px 5px; width: 180px; }

.r-header__item.close .r-header__item-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.r-header__item-arrow { display: inline-block; width: 9px; height: 5px; background: url(../../assets/img/renewal/common/icon-nav-drop.svg); background-size: cover; position: relative; top: -2px; left: 4px; }

.r-header__item-link { color: #343434; }

.r-header__submenu { width: 100vw; background: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; position: absolute; top: 48px; left: 0; display: none; }

.r-header__submenu-item { line-height: 1.5; margin-right: 63px; z-index: 1; }

.r-header__submenu-item:last-child { margin-right: 0; margin-bottom: 0; }

.r-header__submenu-link { position: relative; font-size: 1.5rem; line-height: 1.5; color: #343434; padding: 8px 8px 8px 23px; }

.r-header__submenu-link::before { content: ""; width: 8px; height: 2px; background: #ce0e38; position: absolute; top: 14px; left: 8px; }

#header202507 { --customh-w: 1536; }

.header202507 { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; height: 80px; background-color: #ffffff; padding-left: clamp(15px, 1.6276vw, 25px); }

.header202507::after { content: ""; position: absolute; width: 100%; top: 100%; height: 40px; background: rgba(255, 255, 255, 0.95); z-index: -1; left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.header202507.hovermenu::after { -webkit-transform: translateY(0); transform: translateY(0); }

.header202507__inner { height: 100%; 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.header202507__left { 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; gap: clamp(24px, 2.08333vw, 32px); height: 100%; }

.header202507__left__logo { display: block; width: clamp(125px, 11.71875vw, 180px); height: auto; }

.header202507__nav { height: 100%; }

.header202507__nav__link { 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; gap: clamp(16px, 1.30208vw, 20px); height: 100%; }

.header202507__nav__link__item { height: 100%; position: relative; }

.header202507__nav__link__item__txt { height: 100%; color: #012554; font-size: clamp(14px, 1.04167vw, 16px); font-weight: 600; 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; cursor: pointer; }

.header202507__nav__link__item__txt:hover { color: #012554; }

.header202507__nav__link__item__txt--look { position: relative; 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; gap: 5px; }

.header202507__nav__link__item__txt--look::after { content: ""; width: 10.78px; height: 9.47px; background: url(../../assets/img/blankicon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }

.header202507__nav__link__item__txt--menu { 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; gap: 4px; }

.header202507__nav__link__item__txt--menu::after { content: ""; width: 9px; height: 7px; background: url(../../assets/img/bottomarrowicon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }

.header202507__nav__link__item__menu { position: absolute; width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; left: 0; top: 100%; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; height: 0; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.header202507__nav__link__item__menu.hovermenu { height: 40px; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: auto; }

.header202507__nav__link__item__menu__txt { white-space: nowrap; height: 100%; border-bottom: 2px solid transparent; -webkit-transition: 0.3s; transition: 0.3s; }

.header202507__nav__link__item__menu__txt:hover { border-bottom: 2px solid #012554; -webkit-transition: 0.3s; transition: 0.3s; }

.header202507__nav__link__item__menu__txt a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #012554; font-size: clamp(14px, 1.04167vw, 14px); font-weight: 400; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; }

.header202507__right { 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; height: 100%; position: relative; }

.header202507__right__nav { margin-right: clamp(15px, 1.95312vw, 30px); }

.header202507__right__nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8.25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header202507__right__nav__link__item__txt { font-size: clamp(12px, 0.91146vw, 14px); color: #012554; font-weight: 500; 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; gap: 3px; }

.header202507__right__nav__link__item__txt:hover { color: #012554; }

.header202507__right__nav__link__item__txt--here::before { content: ""; width: 8px; height: 8px; padding: 4.5px; background: url(../../assets/img/hereicon.svg); background-position: center; background-repeat: no-repeat; background-size: 8px; border-radius: 50%; background-color: #E7ECF3; }

.header202507__right__nav__link__item__txt--login::before { content: ""; width: 7.73px; height: 7.66px; background: url(../../assets/img/loginicon.svg); background-position: center; background-repeat: no-repeat; background-size: 7.73px; padding: 4.8px; border-radius: 50%; background-color: #E7ECF3; }

.header202507__right__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 6.25px; -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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: clamp(100px, 9.11458vw, 140px); font-size: clamp(12px, 0.91146vw, 14px); font-weight: 600; height: 100%; }

.header202507__right__button--contact { color: #012554; background-color: #ECF4FF; }

.header202507__right__button--contact:hover { color: #012554; }

.header202507__right__button--contact::before { content: ""; width: 17.9px; height: 16.05px; background: url(../../assets/img/contacticon.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }

.header202507__right__button--download { color: #FFFFFF; background-color: #D90717; }

.header202507__right__button--download:hover { color: #ffffff; }

.header202507__right__button--download::before { content: ""; width: 11.96px; height: 13.16px; background: url(../../assets/img/downloadicon.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }

.opacity-header__contact { display: none; }

.opacity-header__menubtn { display: none; }

.show1150 { display: none; }

.show730 { display: none; }

.show600 { display: none; }

@media only screen and (min-width: 961px) { .sp { display: none !important; }
  .r-header .r-button-red:hover { box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(203, 41, 39, 0.12), 0 6px 10px rgba(203, 41, 39, 0.18); }
  .r-header__item:hover { background: #fff; border-top-right-radius: 8px; border-top-left-radius: 8px; }
  .r-header__item:hover .r-header__submenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .r-header__item-link:hover { opacity: 1; }
  .r-header__submenu-link:hover { background: #f4f7fb; border-radius: 4px; opacity: 1; }
  .r-link-next__text:hover { background: #e9effd; border-radius: 4px; opacity: 1; }
  .r-button-red:hover { opacity: 1; box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(203, 41, 39, 0.12), 0 10px 20px rgba(203, 41, 39, 0.18); }
  .r-button-blue:hover { opacity: 1; box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(57, 104, 192, 0.12), 0 10px 20px rgba(57, 104, 192, 0.18); }
  .r-button-white:hover { opacity: 1; box-shadow: 0px 4px 8px rgba(57, 104, 192, 0.18), 0px 0px 2px rgba(57, 104, 192, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04); }
  .r-section-seminar__link:hover { opacity: 1; }
  .r-section-seminar__link:hover .r-section-seminar__item { background: #e9effd; border-radius: 8px; opacity: 0.6; }
  .r-section-media__link:hover { opacity: 1; }
  .r-section-media__link:hover .r-section-media__item { background: #e9effd; border-radius: 8px; opacity: 0.6; }
  .r-section-media__image:hover { border-radius: 8px; }
  .r-pagetop:hover { background: rgba(0, 0, 0, 0.4); }
  .r-sp { display: none !important; } }

@media screen and (max-width: 960px) { .r_pc { display: none !important; }
  .r-header__nav--contact { padding: 4.2666666667vw 5.3333333333vw; }
  .r-header__nav--link { height: 100%; background: #fff; }
  .r-header .r-inner { width: 100%; }
  .r-header__link--info { font-size: 3.7333333333vw; padding: 2.1333333333vw 4.2666666667vw; margin-left: 5.3333333333vw; }
  .r-header__link--info::before { width: 1.3333333333vw; height: 2.6666666667vw; top: 3.4666666667vw; left: 1.3333333333vw; }
  .r-header__link--login { font-size: 3.7333333333vw; padding: 2.1333333333vw 4.2666666667vw 2.1333333333vw 8.8vw; }
  .r-header__link--login::before { width: 3.4666666667vw; height: 4vw; top: 2.6666666667vw; left: 4.2666666667vw; }
  .r-header__link--twitter { margin-right: 4.2666666667vw; }
  .r-header .r-button-red { width: 37.3333333333vw; height: 9.6vw; font-size: 3.7333333333vw; padding: 1.8666666667vw; margin-right: 2.1333333333vw; }
  .r-header .r-button-white { width: 37.3333333333vw; height: 9.6vw; border: 0.5333333333vw solid #3968c0; border-radius: 26.6666666667vw; font-size: 3.7333333333vw; padding: 1.6vw; }
  .r-header__logo { width: 53.3333333333vw; height: 9.8666666667vw; top: -3px; }
  .r-header__logo img { width: 100%; height: auto; }
  .r-header__contact-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 6.4vw; }
  .r-header__sns-area { margin: 0 auto; 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; }
  .r-header__image { width: 8.5333333333vw; }
  .r-header__image:first-child { margin-right: 4.2666666667vw; }
  .r-header__image img { width: 100%; height: 100%; }
  .r-header__btn-area { margin: 0 auto 8.5333333333vw; }
  .r-header__menu { display: inline-block; width: 18.1333333333vw; height: 18.1333333333vw; background: #fff; position: absolute; top: -18.1333333333vw; right: 0; padding: 4.5333333333vw 3.7333333333vw; }
  .r-header__menubtn { position: relative; height: 100%; }
  .r-header__menubtn-item { position: absolute; width: 100%; height: 0.5333333333vw; background: #024270; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .r-header__menubtn-item:nth-of-type(2) { top: 2.6666666667vw; }
  .r-header__menubtn-text { position: absolute; width: 100%; line-height: 1.5; bottom: 0; left: 0.2666666667vw; }
  .r-header__link-area { padding: 10.6666666667vw 8.5333333333vw; height: 77.192vh; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .r-header__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow-y: scroll; }
  .r-header__item { width: 100%; font-size: 4.2666666667vw; font-weight: 600; line-height: 1.5; padding: 0; margin-bottom: 6.4vw; text-align: start; }
  .r-header__item:last-child { margin-bottom: 0; }
  .r-header__item.close, .r-header__item.close:hover { opacity: 1; }
  .r-header__item-arrow { width: 2.4vw; height: 1.3333333333vw; top: -0.5333333333vw; left: 1.0666666667vw; }
  .r-header__submenu { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4.2666666667vw 0 0; position: relative; top: 0; }
  .r-header__submenu-item { margin-right: 8.5333333333vw; margin-bottom: 2.1333333333vw; }
  .r-header__submenu-link { font-size: 3.7333333333vw; font-weight: 400; padding: 2.1333333333vw 2.1333333333vw 2.1333333333vw 6.1333333333vw; }
  .r-header__submenu-link::before { width: 2.1333333333vw; height: 0.5333333333vw; top: 3.7333333333vw; left: 2.1333333333vw; } }

.r-header__btn-area .btn_normal { display: inline-block; padding: 0px 30px 0px 25px; font-size: 1.2rem; line-height: 2.5; }

.r-header__btn-area .btn_normal:after { border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; }

.r-header__btn-area .btn_navy_line { border: 1.5px solid #012554; }

.r-header__btn-area .btn_navy_line::after { border-top: 1.5px solid #012554; border-right: 1.5px solid #012554; }

.r-sp .r-header__btn-area { width: 100%; }

.r-sp .r-header__btn-area .btn_normal { width: 48%; max-width: 300px; padding: 1vw 25px 1vw 20px; font-size: clamp(11px, 3vw, 25px); }

/* タブレット用 */
@media all and (min-width: 601px) and (max-width: 960px) { .r-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .r-header__nav--login { width: 100%; }
  .r-header__nav--contact { width: calc(100% - 100px); padding: 25px 20px; }
  .r-header__logo { max-width: 250px; height: auto; top: auto; }
  .r-header__menu { display: inline-block; position: absolute; width: 100px; height: 95px; top: -95px; right: 0; padding: 20px 25px; background: #fff; }
  .r-header__menubtn { position: relative; height: 40px; width: 100%; display: block; }
  .r-header__nav--link { height: 100%; width: 100%; }
  .r-header__link--info { padding: 10px 20px; font-size: 2rem; margin-left: 15px; }
  .r-header__link--info::before { width: 20px; height: 11px; top: 20px; left: 10px; }
  .r-header__link--login { padding: 10px 20px 10px 50px; font-size: 2rem; }
  .r-header__link--login::before { width: 15px; height: 18px; top: 15px; left: 25px; }
  .r-header__menubtn-text { height: 12px; width: 100%; bottom: 0; left: auto; }
  .r-header__item { font-size: 2.5rem; margin-bottom: 20px; }
  .r-header__submenu { padding: 20px 0; }
  .r-header__submenu-link { font-size: 2.3rem; }
  .pc { display: none; } }

@media screen and (max-width: 1150px) { .hide1150 { display: none; }
  .show1150 { display: block; }
  .header202507 { height: 130px; }
  .header202507__inner { height: 80px; }
  .header202507__nav { height: calc(100% - 80px); }
  .header202507__nav__link { height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .header202507__nav__link__item__txt { font-size: 16px; }
  .header202507__nav__link__item__txt--look { font-size: 16px; }
  .header202507__left__logo { width: 180px; }
  .header202507__right__nav__link__item__txt { font-size: 14px; }
  .header202507__right__button { width: 140px; font-size: 14px; } }

@media screen and (max-width: 730px) { .hide730 { display: none; }
  .show730 { display: block; }
  .header202507 { padding: 0; height: 110px; }
  .header202507__inner { padding-left: 29px; }
  .header202507__right { padding-right: 70px; }
  .header202507__right__button { width: clamp(140px, 10.41667vw, 160px); height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 11.5px; line-height: clamp(30px, 2.60417vw, 40px); }
  .header202507__right__button--download.show730 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header202507__right__nav__link { -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; padding: 5.5px 0; background-color: #E9EBEF; padding-right: 30px; }
  .opacity-header__menubtn { display: block; cursor: pointer; top: calc(50% - 17px); right: 30px; }
  .opacity-header__menubtn-line::before, .opacity-header__menubtn-line::after, .opacity-header__menubtn-line { height: 4.7px; }
  .opacity-header__nav--header202507 { position: fixed; top: 110px; left: 0; background: rgba(255, 255, 255, 0.95); z-index: 1; height: calc(100vh - 252px); }
  .opacity-header__contact--header202507 { position: fixed; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.95); z-index: 1; margin: 0; } }

.opacity-header { background: #ffffff; position: fixed; top: 0; z-index: 2000; width: 100%; -webkit-transition: padding-bottom 0.3s ease-in-out; transition: padding-bottom 0.3s ease-in-out; padding-bottom: 0; }

@media only screen and (min-width: 961px) { .opacity-header.is_open { padding-bottom: 48px; background: -webkit-linear-gradient(top, #ffffff 60%, rgba(255, 255, 255, 0.8) 40%); background: linear-gradient(to bottom, #ffffff 60%, rgba(255, 255, 255, 0.8) 40%); }
  .opacity-header.is_open .opacity-header__dropdown { height: 48px; } }

@media only screen and (max-width: 960px) { .opacity-header { background: rgba(255, 255, 255, 0.95); } }

.opacity-header__inner { width: 100%; max-width: 1080px; }

@media only screen and (min-width: 961px) { .opacity-header__inner { 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; line-height: 1; border-bottom: 1px solid #fff; padding: 15px; } }

@media only screen and (max-width: 960px) { .opacity-header__inner { margin: 0; max-height: 140px; overflow: hidden; position: relative; }
  .opacity-header__inner:has( > .btnOn) { height: 100vh; max-height: 100vh; } }

.opacity-header__logo { line-height: 1; font-size: 30px; }

@media only screen and (min-width: 961px) { .opacity-header__logo { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } }

@media only screen and (max-width: 960px) { .opacity-header__logo { padding: 22px 15px; } }

.opacity-header__logo img { width: 152px; display: inline-block; }

.opacity-header__menubtn { width: 33px; height: 33px; }

@media only screen and (min-width: 961px) { .opacity-header__menubtn { display: none; } }

@media only screen and (max-width: 960px) { .opacity-header__menubtn { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin-left: 10px; position: absolute; top: 20px; right: 15px; margin-left: 0; } }

.opacity-header__menubtn.btnOn .opacity-header__menubtn-line { background-color: rgba(1, 37, 84, 0); }

.opacity-header__menubtn.btnOn .opacity-header__menubtn-line:before { top: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.opacity-header__menubtn.btnOn .opacity-header__menubtn-line::after { bottom: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.opacity-header__menubtn-line { display: inline-block; width: 33px; height: 3px; border-radius: 2px; background-color: #012554; margin: 15px 0; position: relative; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }

.opacity-header__menubtn-line::before, .opacity-header__menubtn-line::after { content: ''; display: inline-block; width: 33px; height: 3px; border-radius: 2px; background: #012554; position: absolute; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.opacity-header__menubtn-line:before { top: -10px; }

.opacity-header__menubtn-line::after { bottom: -10px; }

.opacity-header__nav { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.opacity-header__nav.pc_nav { display: block; background: -webkit-linear-gradient(left, #3664B4 0%, #46AEDE 100%); background: linear-gradient(90deg, #3664B4 0%, #46AEDE 100%); }

.opacity-header__nav.sp_nav { display: none; }

.opacity-header__nav.btnOn { display: block; }

@media only screen and (max-width: 960px) and (min-width: 961px) { .opacity-header__nav { position: absolute; top: 83px; right: -300px; width: 300px; background-color: rgba(255, 255, 255, 0.8); }
  .opacity-header__nav.btnOn { right: 0; } }

@media only screen and (max-width: 960px) { .opacity-header__nav { height: calc(100vh - 280px); width: 100%; overflow: scroll; display: none; }
  .opacity-header__nav.btnOn { display: block; } }

.opacity-header__nav-link { font-size: 1.5rem; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1080px; margin: 0 auto; }

@media only screen and (max-width: 960px) { .opacity-header__nav-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media only screen and (max-width: 960px) { .opacity-header__nav-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.opacity-header__nav-link a { color: #ffffff; font-weight: 500; cursor: pointer; display: block; }

.opacity-header__nav-link a:hover { opacity: 1; }

.opacity-header__nav-link .opacity-header__dropdown a { color: #012554; font-weight: 500; display: block; padding: 4px 22px; }

@media only screen and (max-width: 960px) { .opacity-header__nav-link .opacity-header__dropdown a { padding: 24px 15px; color: #000000; } }

.opacity-header__item { position: relative; }

.opacity-header__item:has( > ul) { padding-right: 20px; }

.opacity-header__item:has( > ul)::after { content: ""; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; position: absolute; top: 19px; right: 17%; margin: auto; width: 0.3em; height: 0.3em; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: .3s; transition: .3s; }

@media only screen and (max-width: 960px) { .opacity-header__item:has( > ul)::after { width: 0.5em; height: 0.5em; } }

@media only screen and (min-width: 961px) { .opacity-header__item { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; line-height: 48px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .3s; transition: .3s; }
  .opacity-header__item:hover { background-color: #012554; }
  .opacity-header__item a[target="_blank"]::after { content: ''; background: url(../../assets/img/icon_outerlink_white.svg) no-repeat; display: inline-block; width: 11px; height: 11px; margin-left: 4px; margin-bottom: -2px; } }

@media only screen and (max-width: 960px) { .opacity-header__item { font-size: 1.6rem; border-top: 1px solid #DADFEA; position: relative; }
  .opacity-header__item:last-child { border-bottom: 1px solid #DADFEA; }
  .opacity-header__item::after { content: ""; border-top: 2px solid #212121; border-right: 2px solid #212121; position: absolute; top: 29px; right: 7%; margin: auto; width: 0.5em; height: 0.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; }
  .opacity-header__item.is-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .opacity-header__item:has( > a[target="_blank"])::after { border: none; background: url(../../assets/img/icon_outerlink.svg) no-repeat; display: inline-block; background-size: contain; width: 17.5px; height: 14.6px; -webkit-transform: rotate(0deg); transform: rotate(0deg); top: 26px; right: 5.5%; }
  .opacity-header__item:has( > ul) { padding-right: 0; }
  .opacity-header__item:has( > ul)::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 29px; border-top: 2px solid #212121; border-right: 2px solid #212121; right: 7%; }
  .opacity-header__item a { padding: 24px 15px; font-weight: 600; color: #000000; } }

@media only screen and (min-width: 961px) { .opacity-header__dropdown { position: absolute; top: 48px; font-size: 1.4rem; font-weight: 500; padding-top: 11px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; line-height: 2; height: 0; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media only screen and (max-width: 960px) { .opacity-header__dropdown { display: none; } }

.opacity-header__dropdown li { position: relative; }

@media only screen and (min-width: 961px) { .opacity-header__dropdown li:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 2px solid #012554; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; }
  .opacity-header__dropdown li:hover:after { opacity: 1; } }

@media only screen and (min-width: 961px) { .opacity-header__dropdown li a { word-break: keep-all; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; }
  .opacity-header__dropdown li a:hover { opacity: 1; } }

@media only screen and (max-width: 960px) { .opacity-header__dropdown li { padding: 0 24px; border-top: 1px solid #DADFEA; background: rgba(199, 200, 211, 0.25); position: relative; height: 66px; }
  .opacity-header__dropdown li::after { content: ""; border-top: 2px solid #212121; border-right: 2px solid #212121; position: absolute; top: 29px; right: 7%; margin: auto; width: 0.5em; height: 0.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; } }

.opacity-header__nav--login { font-size: 1.3rem; margin-bottom: 2px; background: -webkit-linear-gradient(left, #3664B4 0%, #46AEDE 100%); background: linear-gradient(90deg, #3664B4 0%, #46AEDE 100%); width: 100%; padding: 9px 9px 6px 9px; margin-bottom: 0; line-height: 1.7; color: #fff; }

@media only screen and (min-width: 961px) { .opacity-header__nav--login { display: none; } }

@media only screen and (max-width: 960px) { .opacity-header__nav--login { display: block; } }

.opacity-header__nav--login a { color: #fff; margin: 0 5px; }

.opacity-header__nav--login__inner { max-width: 1050px; margin: 0 auto; 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; }

.opacity-header__link--login::before { content: ""; width: 13px; height: 15px; background: url(../../assets/img/renewal/common/icon-login.svg); background-size: cover; display: inline-block; margin-right: 8px; margin-bottom: -1px; }

.opacity-header__contact { margin-bottom: 2px; }

@media only screen and (min-width: 961px) { .opacity-header__contact { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } }

@media only screen and (max-width: 960px) { .opacity-header__contact { width: 30%; text-align: center; display: none; width: 100%; }
  .opacity-header__contact.btnOn { display: block; } }

.opacity-header__btn { font-size: 1.4rem; padding: 11px 30px 11px 25px; border-radius: 30px; margin-left: 10px; word-break: keep-all; position: relative; }

.opacity-header__btn::after { content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 0; bottom: 0.1em; right: 7%; margin: auto; width: 0.3em; height: 0.3em; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; }

@media only screen and (min-width: 961px) { .opacity-header__btn:hover { opacity: 1; }
  .opacity-header__btn:hover:after { right: 6%; } }

@media only screen and (max-width: 960px) { .opacity-header__btn { font-size: 16px; font-weight: bold; display: block; text-align: center; margin: 15px; padding: 14px 0; border-radius: 50px; } }

.opacity-header__btn.opacity-header__btn--red { background: #cb2927; color: #fff; border: 2px solid #CB2927; }

.opacity-header__btn.opacity-header__btn--blueline { background: rgba(1, 37, 84, 0); color: #012554; border: 2px solid #012554; }

.opacity-header__btn.opacity-header__btn--blueline::after { border-top: 2px solid #012554; border-right: 2px solid #012554; }

.opacity-header__link { color: #012554; font-weight: 500; font-size: 1.4rem; word-break: keep-all; position: relative; text-decoration: underline; }

.opacity-header__link::after { content: ""; border-top: 2px solid #012554; border-right: 2px solid #012554; position: absolute; top: 0; bottom: 0; right: -10px; margin: auto; width: 0.3em; height: 0.3em; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; }

.opacity-header__link:hover { color: #012554; opacity: 1; text-decoration: underline; }

.opacity-header__link:hover::after { right: -11.5px; }

.opacity-header__link--end { margin-right: 37px; padding-left: 26px; }

.pc-only__block { display: block; }

.sp-only__block { display: none; }

.opacity-header__dropdown li a.pc-only__block { display: block; }

.opacity-header__dropdown li a.sp-only__block { display: none; }

@media only screen and (max-width: 960px) { .pc-only__block { display: none; }
  .sp-only__block { display: block; }
  .opacity-header__dropdown li a.pc-only__block { display: none; }
  .opacity-header__dropdown li a.sp-only__block { display: block; }
  .opacity-header__nav.pc_nav { display: none; }
  .opacity-header__link { display: none; } }

/*コンタクト*/
.contact { width: 960px; margin-left: auto; margin-right: auto; }

.contact .left, .contact .right { float: none; }

.contact .inner { display: table; width: 100%; }

.contact .left, .contact .right { display: table-cell; vertical-align: middle; width: 50%; }

.contact-row1 .contact-block { margin-bottom: 50px; }

.contact-block .inner { height: 161px; padding: 0 20px 20px; }

.contact-block .contact-desc { text-align: left; padding-left: 20px; padding-right: 20px; }

.contact-block#block1 .inner, .contact-block#block2 .inner { border-right: 1px solid #e6e6e6; }

.contact-block#block1 a, .contact-block#block2 a, .contact-block#block3 a { font-size: 1.1em; font-weight: bold; }

.contact-block#block1 .fa, .contact-block#block2 .fa, .contact-block#block3 .fa { font-size: 1.2em; }

.contact .contact-row2 .btn { min-width: 240px; }

.contact__elm { position: relative; margin: 0 auto; float: none; padding: 10px 15px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; }

.contact__balloon { position: relative; top: 35px; display: inline-block; width: 260px; padding: 20px 0 20px 30px; text-align: left; }

.contact__balloon--catch { font-weight: bold; }

.contact__fig_wrap { width: 850px; margin: 0 auto; }

.contact__fig { display: inline-block; width: 470px; background: #fafafa; }

.contact__fig--img { margin: 0 auto; }

.contact__fig--btn { margin-bottom: 20px; }

.contact__fig__footer { position: absolute; right: 27px; bottom: 0; }

.contact__balloon--btn { margin-top: 20px; }

.contact__fig--btn .btn { box-sizing: border-box; padding-left: 0 !important; padding-right: 0 !important; width: 230px; }

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

.entry-content .article__ttl { margin: 20px 0 10px; font-size: 23px; }

.pmark-declaration { display: table; }

.pmark-declaration .pmark__img, .pmark-declaration .pmark__txt { display: table-cell; vertical-align: middle; }

.pmark-declaration .pmark__img { width: 75px; }

.pmark-declaration .pmark__txt { font-size: 11px; text-align: left; line-height: 1.6; padding-left: 18.75px; }

.sitemap { width: 100%; margin: 0px 20px 0px 0px; padding: 70px 0; background: #e6e6e6; text-align: center; }

.sitemap .w1000 { /*box-sizing: content-box;*/ /*padding: 0 30px !important*/ width: 1000px; margin-left: auto; margin-right: auto; }

/*フッターサイトマップ*/
.sitemap__list_1st { float: left; width: 560px; vertical-align: top; text-align: left; }

.sitemap__contact { float: right; width: 390px; text-align: center; }

.sitemap__contact p { margin: 0; }

.sitemap__contact__inner { background: #fff; padding: 20px 0; border-radius: 4px; }

.sitemap__contact__inner h4 { margin: 1em 0; font-size: 18px; }

.sitemap__contact__inner .tel { margin-bottom: 5px; font-size: 23px; }

.sitemap__contact__inner .tel__hour { font-size: 16px; }

.sitemap__contact__inner .tel__notice { margin-bottom: 20px; font-size: 14px; color: #7b7b7b; }

.sitemap__contact .btn { margin: 0 0 1em !important; }

.sitemap__list { float: left; width: 25%; }

.sitemap__list { box-sizing: border-box; list-style-type: none; margin-left: 0; padding-right: 10px; font-size: 13px; text-align: left; color: black; }

.sitemap__list li { padding: 5px 0; }

.sitemap__list--ttl { border-bottom: 1px solid black; font-weight: bold; }

.sitemap__list.full { float: none; display: block; width: auto; padding-right: 0; }

.sitemap__list_1st, .sitemap__list_2nd { margin-bottom: 30px; }

.sitemap__list a { color: black; }

iframe[name='google_conversion_frame'] { height: 0 !important; }

.relevants { box-sizing: border-box; float: left; width: 50%; color: black; font-size: 13px; }

.relevants.relavants__1st { margin-left: 0; }

.relevants__figcap__ttl { font-size: 18px; font-weight: bold; }

.relevants__figcap__txt { text-align: left; line-height: 1.4; }

.relevants__img { display: inline-block; width: 250px; margin: 10px 0 10px 0; vertical-align: top; }

.sitempap__follow a, .sitemap__copyrights { /*color: black;*/ }

.relevants__figcap { display: inline-block; width: 180px; text-align: left; }

/*topへ戻るボタン*/
#fixedBtnBlock { display: none; }

#fixedBtnBlock { position: fixed; width: 100%; right: 0; bottom: 0; z-index: 1000; font-size: 14px; background: rgba(255, 255, 255, 0.9); border-top: 1px solid #d6d6d6; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); }

#gotToConcierge img { /*opacity: 0.8;*/ /*transition: opacity 0.3s linear;*/ }

/*#gotToConcierge img:hover { opacity: 0.6; transition: opacity 0.3s linear; }*/
#goToTop .fa-chevron-up { background: #666; border: 1px solid #666; color: #fff; opacity: 0.6; }

#gotToConcierge, #goToTop { display: inline-block; vertical-align: bottom; }

#stickyBanner { position: relative; display: table; width: 1000px; height: 50px; margin: 10px auto; padding: 0 10px; }

#stickyBanner__close-btn { box-sizing: border-box; position: absolute; z-index: 1001; display: block; top: -20px; left: 100%; width: 24px; height: 24px; background: #767676; border: 2px solid #fff; border-radius: 14px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); line-height: 20px; text-align: center; color: #fff; font-size: 12px; font-weight: bold; }

#stickyBanner__close-btn i::before { font-size: 14px; }

#stickyBanner__img { /*float: left*/ display: table-cell; vertical-align: bottom; }

#stickyBanner__img img { /*vertical-align: top;*/ }

#stickyBanner__txt { display: table-cell; vertical-align: bottom; padding-left: 10px; /*float: left;*/ }

#stickyBanner__btn { display: table-cell; vertical-align: middle; /*float: right;*/ }

#stickyBanner__btn .btn { box-sizing: border-box; padding: 10px 0 !important; width: 260px; text-align: center !important; font-size: 14px !important; }

.r-footer { margin: 20px auto 0; background: #e9effd; }

.r-footer .r-inner { width: 1080px; margin: 0 auto; 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; }

.r-footer__corporate { width: 234px; padding: 40px 0; }

.r-footer__image { width: 200px; }

.r-footer__address { margin-bottom: 16px; }

.r-footer__text { font-size: 1.4rem; line-height: 1.5; margin-bottom: 4px; }

.r-footer__text:last-child { margin-bottom: 0; }

.r-footer__text--small { font-size: 0.75rem; line-height: 1.5; color: #9a9a9a; }

.r-footer__copyright { font-size: 1.2rem; line-height: 1.5; color: #9a9a9a; }

.r-footer__nav { width: 760px; padding: 96px 0; }

.r-footer__list:nth-of-type(1) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 32px; }

.r-footer__list:nth-of-type(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.r-footer__list:nth-of-type(2) li { line-height: 2; }

.r-footer__item { margin-right: 30px; }

.r-footer__item:last-child { margin-right: 0; }

.r-footer__link { font-size: 1.4rem; font-weight: 600; line-height: 1.5; color: #676767; }

.r-footer__link[target="_blank"]::after { content: ""; background: url("../../assets/img/renewal/common/icon_link-blank.svg") no-repeat; background-size: contain; width: 14px; height: 14px; display: inline-block; margin-left: 3px; position: relative; top: 1px; }

.r-footer__list-title { font-size: 1.7rem; font-weight: 600; line-height: 1.5; color: #9a9a9a; margin-bottom: 8px; position: relative; }

.r-footer__list-title::after { content: ""; width: 40px; height: 1px; background: #9a9a9a; position: absolute; top: 11px; left: 88px; }

@media screen and (max-width: 960px) { .r-footer .r-inner { width: 100%; padding: 6.4vw 5.3333333333vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .r-footer__corporate { width: 100%; padding: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .r-footer__image { width: 53.3333333333vw; }
  .r-footer__image img { width: 100%; height: auto; }
  .r-footer__address { margin-bottom: 4.2666666667vw; }
  .r-footer__text { font-size: 3.7333333333vw; margin-bottom: 1.0666666667vw; }
  .r-footer__text--small { font-size: 3.2vw; }
  .r-footer__copyright { font-size: 3.7333333333vw; }
  .r-footer__nav { width: 100%; padding: 0; }
  .r-footer__list:nth-of-type(1) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 8.5333333333vw; }
  .r-footer__list:nth-of-type(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 6.4vw; }
  .r-footer__item { margin-right: 0; margin-bottom: 5px; }
  .r-footer__item:last-child { margin-bottom: 0; }
  .r-footer__link { font-size: 3.7333333333vw; }
  .r-footer__link[target="_blank"]::after { width: 3.7333333333vw; height: 3.7333333333vw; margin-left: 0.8vw; top: 0.2666666667vw; }
  .r-footer__list-title { font-size: 4.2666666667vw; margin-bottom: 4.2666666667vw; }
  .r-footer__list-title::after { width: 10.6666666667vw; height: 0.2666666667vw; top: 2.9333333333vw; left: 23.4666666667vw; } }

.footer-cta { overflow: hidden; margin-top: 2rem; padding-top: 10.4rem; padding-bottom: 6.6rem; color: #fff; background-color: #06285E; }

.footer-cta + .r-footer { margin-top: 0; }

.category-cases .footer-cta { margin-top: 0; }

.footer-cta__inner { position: relative; z-index: 0; max-width: 1080px; margin: 0 auto; padding: 0 1.6rem; }

.footer-cta__inner::before { content: ""; position: absolute; right: -36.6rem; bottom: -7.4rem; width: 641px; height: 704px; background: url("../../assets/img/renewal/common/image-footer-cta01.svg") center center no-repeat; background-size: contain; }

.footer-cta__heading { line-height: 1.66667; margin: 0 0 4.5rem; font-weight: 600; font-size: 3rem; text-align: center; }

.footer-cta__heading .br-sp { display: none; }

.page_about .footer-cta__heading { display: block; line-height: 1.66667; margin: 0 0 4.5rem; padding: 0; font-weight: 600; font-size: 3rem; background: none; }

.footer-cta__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 4.2rem; }

.footer-cta .cta-box { 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; position: relative; width: 47.70992%; line-height: 1.66667; margin: 0; padding: 6rem 3.5rem 4rem; border-radius: 1.5rem; color: #000; background-color: rgba(255, 255, 255, 0.95); font-size: 1.8rem; -webkit-font-feature-settings: normal; font-feature-settings: normal; letter-spacing: normal; }

.footer-cta .cta-box:nth-child(odd) { margin-right: 4.58015%; }

.footer-cta .cta-box::after { content: ""; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; }

.footer-cta .cta-box--material::after { top: 4.5rem; right: 3.3rem; width: 8.6rem; height: 6rem; background-image: url("data:image/svg+xml,%3Csvg width='86' height='60' viewBox='0 0 86 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.6825 53.1818L36.2794 49.9714H10.9206V8.18176H36.2794L43.6825 11.3921V53.1818Z' stroke='url(%23paint0_linear_415_1051)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43.6826 53.1818L51.0857 49.9714H76.4445V8.18176H51.0857L43.6826 11.3921V53.1818Z' stroke='url(%23paint1_linear_415_1051)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_415_1051' x1='43.6825' y1='-1.00191' x2='-1.89958' y2='47.5823' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_415_1051' x1='76.4445' y1='-1.00191' x2='30.8624' y2='47.5823' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }

.footer-cta .cta-box--quote::after { top: 5.3rem; right: 3.9rem; width: 5.7rem; height: 4.8rem; background-image: url("data:image/svg+xml,%3Csvg width='57' height='48' viewBox='0 0 57 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0632 7.24097H54.5217' stroke='url(%23paint0_linear_415_1054)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0632 24.3751H54.5217' stroke='url(%23paint1_linear_415_1054)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.70509 45.5354C8.9446 45.5354 10.7601 43.7306 10.7601 41.5042C10.7601 39.2778 8.9446 37.4729 6.70509 37.4729C4.46558 37.4729 2.6501 39.2778 2.6501 41.5042C2.6501 43.7306 4.46558 45.5354 6.70509 45.5354Z' stroke='url(%23paint2_linear_415_1054)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.70509 28.4064C8.9446 28.4064 10.7601 26.6016 10.7601 24.3751C10.7601 22.1487 8.9446 20.3439 6.70509 20.3439C4.46558 20.3439 2.6501 22.1487 2.6501 24.3751C2.6501 26.6016 4.46558 28.4064 6.70509 28.4064Z' stroke='url(%23paint3_linear_415_1054)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0632 41.5043H54.5217' stroke='url(%23paint4_linear_415_1054)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.47312 5.98343L5.99716 9.96813L12.8735 2.46448' stroke='url(%23paint5_linear_415_1054)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_415_1054' x1='69.0739' y1='-0.678351' x2='4.54503' y2='20.5164' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_415_1054' x1='65.4673' y1='24.4591' x2='17.4105' y2='37.2517' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_415_1054' x1='10.7601' y1='35.8275' x2='3.15351' y2='47.0291' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_415_1054' x1='10.7601' y1='18.6985' x2='3.15351' y2='29.9001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_415_1054' x1='67.2706' y1='29.5974' x2='6.38309' y2='49.9764' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_415_1054' x1='12.8735' y1='0.933119' x2='6.83362' y2='13.189' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314B8FE'/%3E%3Cstop offset='1' stop-color='%234870FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }

.footer-cta .cta-box__title { line-height: 2.17391; margin: 0 0 1.3rem; font-weight: 600; font-size: 2.3rem; }

.footer-cta .cta-box__button { margin: auto 0 0; font-size: 1.6rem; }

.footer-cta .cta-box__button .btn_normal { max-width: 300px; margin: 0 auto; padding-top: 1.3rem; padding-bottom: 1.3rem; font-weight: 500; }

.footer-cta__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin: 0 0 5.8rem; padding: 0 .2rem; font-size: 1.6rem; }

.footer-cta__buttons > li { width: calc(100% / 3); padding: 0 2.4rem; text-align: center; }

.footer-cta__buttons .btn-catch { display: inline-block; line-height: 1.5; margin: 0 0 .8rem; font-size: 1.3rem; }

.footer-cta__buttons .btn-catch::before { content: "\005C"; display: inline-block; margin-right: .4rem; }

.footer-cta__buttons .btn-catch::after { content: "\002f"; display: inline-block; margin-left: .4rem; }

.footer-cta__buttons .btn_normal { margin: 0 auto; padding-top: 1.9rem; padding-bottom: 1.9rem; font-weight: 500; }

.footer-cta__buttons .btn_normal.btn_blue_line { max-width: 300px; border-color: #06285E; color: #06285E; }

.footer-cta__buttons .btn_normal.btn_blue_line::after { border-color: #06285E; }

.footer-cta__buttons .btn_normal.btn_blue_line:hover { color: #06285E; }

.footer-cta__note { font-size: 1.2rem; text-align: center; }

.footer-cta__note > li { display: inline-block; line-height: 1.5; padding: 0 .1rem; }

@media screen and (max-width: 960px) { .footer-cta { padding-top: 10.25641vw; padding-bottom: 0; }
  .footer-cta__inner { padding: 0 5.12821vw 109.23077vw; }
  .footer-cta__inner::before { right: 0; bottom: 5.64103vw; width: 100%; height: 0; padding-top: 103.33333%; }
  .footer-cta__heading { margin-bottom: 7.69231vw; font-size: 6.41026vw; }
  .footer-cta__heading .br-sp { display: inline-block; }
  .page_about .footer-cta__heading { margin-bottom: 7.69231vw; }
  .footer-cta__box { margin: 0 0 2.5641vw; }
  .footer-cta .cta-box { width: 100%; line-height: 1.5625; margin: 0 0 7.69231vw; padding: 10.25641vw 7.69231vw 9.23077vw; font-size: 4.10256vw; }
  .footer-cta .cta-box:nth-child(odd) { margin-right: 0; }
  .footer-cta .cta-box--material::after { top: 9.74359vw; right: 7.69231vw; width: 16.92308vw; height: 12.05128vw; }
  .footer-cta .cta-box--quote::after { top: 7.94872vw; right: 8.71795vw; width: 13.33333vw; height: 11.53846vw; }
  .footer-cta .cta-box__title { line-height: 2.5; margin: 0; font-size: 5.12821vw; }
  .footer-cta .cta-box__button { margin-top: 1rem; font-size: 4.10256vw; }
  .footer-cta .cta-box__button .btn_normal { max-width: none; padding-top: 3.84615vw; padding-bottom: 3.84615vw; }
  .footer-cta__buttons { margin-bottom: 5.64103vw; padding: 0; font-size: 4.10256vw; }
  .footer-cta__buttons > li { width: 100%; padding: 0; }
  .footer-cta__buttons > li + li { margin-top: 7.69231vw; }
  .footer-cta__buttons .btn-catch { font-size: 3.33333vw; }
  .footer-cta__buttons .btn_normal { padding-top: 4.87179vw; padding-bottom: 4.87179vw; }
  .footer-cta__buttons .btn_normal.btn_blue_line { max-width: 85.71429%; }
  .footer-cta__note { font-size: 3.07692vw; text-align: left; }
  .footer-cta__note > li { display: list-item; padding: 0; } }

@media screen and (max-width: 520px) { .footer-cta .cta-box__button .btn_normal { max-width: 300px; }
  .footer-cta__buttons .btn_normal.btn_blue_line { max-width: 300px; } }

/* ========================================================================== Object ========================================================================== */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.m0 { margin: 0px; }

.mt0 { margin-top: 0px; }

.mr0 { margin-right: 0px; }

.mb0 { margin-bottom: 0px; }

.ml0 { margin-left: 0px; }

.m5 { margin: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.m10 { margin: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.m15 { margin: 15px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.m20 { margin: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.m25 { margin: 25px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.m30 { margin: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.m35 { margin: 35px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.m40 { margin: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.m45 { margin: 45px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.p0 { padding: 0px; }

.pt0 { padding-top: 0px; }

.pr0 { padding-right: 0px; }

.pb0 { padding-bottom: 0px; }

.pl0 { padding-left: 0px; }

.p5 { padding: 5px; }

.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.p10 { padding: 10px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.p15 { padding: 15px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.p20 { padding: 20px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.p25 { padding: 25px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.p30 { padding: 30px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.p35 { padding: 35px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.p40 { padding: 40px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.p45 { padding: 45px; }

.pt45 { padding-top: 45px; }

.pr45 { padding-right: 45px; }

.pb45 { padding-bottom: 45px; }

.pl45 { padding-left: 45px; }

.youtube { position: relative; width: 100%; padding-top: 56.25%; }

.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.txtright { text-align: right; }

.btn { text-shadow: none     !important; display: inline-block !important; font-weight: normal !important; text-align: center !important; vertical-align: middle !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; white-space: nowrap !important; line-height: 1.42857 !important; border-radius: 4px !important; -webkit-user-select: none !important; color: #fff !important; background-color: #012454 !important; font-size: 16px !important; margin-bottom: 0 !important; padding: 14px 66px !important; }

.btn:hover { opacity: 0.6; }

.btn:not(.active) { background-image: none !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; }

.btn-grey { text-shadow: none     !important; display: inline-block !important; font-weight: normal !important; text-align: center !important; vertical-align: middle !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; white-space: nowrap !important; line-height: 1.42857 !important; border-radius: 4px !important; -webkit-user-select: none !important; color: #fff !important; /* background-color: #ec2c17 !important; */ background-color: #767676 !important; font-size: 16px !important; margin-bottom: 0 !important; padding: 14px 20px !important; }

.btn-red { text-shadow: none     !important; display: inline-block !important; font-weight: normal !important; text-align: center !important; vertical-align: middle !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; white-space: nowrap !important; line-height: 1.42857 !important; border-radius: 4px !important; -webkit-user-select: none !important; color: #fff !important; /* background-color: #ec2c17 !important; */ background-color: #a6081a !important; font-size: 16px !important; margin-bottom: 0 !important; padding: 14px 66px !important; }

.btn-size-def { width: 300px; box-sizing: border-box; }

.btn-grey .fa { margin-top: 5px; float: right; }

.header-navi .btn:hover, .btn.btn-lp-mv:hover { opacity: 1.0; background: #254B0C !important; }

.header-navi .btn.btn-red:hover, .btn.btn-red.btn-lp-mv:hover { opacity: 1.0; background: #660510 !important; }

.btn-lp-1 { padding: 20px 100px !important; }

.btn-orange { color: #fff !important; }

.btn-blue { color: #fff !important; background-color: #0066a9 !important; border-radius: 50px !important; }

.btn-light-gray { color: #fff !important; background-color: #423838 !important; }

/*2016 02 記事ページ下コンバージョンエリア*/
.cv-btn-block { padding: 50px 0; clear: both; display: block; }

.cv-btn__wrapper { position: relative; padding: 16px 40px 16px 40px; border: 2px solid #cdb66d; border-radius: 8px; }

.eye-catch { position: absolute; bottom: 1px; right: 14px; }

.cv-btn__ttl { display: inline-block; padding: 8px 16px; margin: 0 0 0 5px; background: #eaddb4; border-radius: 4px 4px 0 0; font-size: 18px; color: #826100; }

.cv-btn__sub-ttl { margin-bottom: 10px; font-size: 20px; font-weight: bold; text-decoration: underline; }

.cv-btn__txt { line-height: 1.64; font-size: 14px; width: 500px; }

.cv-btn { display: inline-block; position: relative; width: auto; background-color: #c2000d; padding: 10px 24px; color: #fff !important; border-radius: 6px; box-shadow: 0 4px 0 #840009; font-size: 16px; text-align: center; line-height: 1.6; vertical-align: middle; cursor: pointer; }

.cv-btn:hover, .cv-btn:active, .cv-btn:focus { position: relative; top: 4px; box-shadow: none !important; }

/*2016 02 固定ページ下コンバージョンエリア*/
.cv-btn-block--page { position: relative; width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 50px; padding: 50px 0 50px; }

.cv-btn--page { display: inline-block; position: relative; padding: 0 24px; width: 600px; height: 80px; background: #fe9929; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fe9929), color-stop(0, #ffd3a3)); background: -webkit-linear-gradient(top, #ffd3a3 0%, #fe9929 88%); background: linear-gradient(to bottom, #ffd3a3 0%, #fe9929 88%); color: #001200 !important; border-radius: 39px !important; border: 1px solid #ffc98f !important; font-size: 26px; font-weight: bold; text-align: center; line-height: 78px; vertical-align: middle; cursor: pointer; }

.cv-btn-block--page .eye-catch--page { position: absolute; bottom: 0; top: 0; left: 0; right: 100%; margin: auto; z-index: 2; width: 138px; height: 129px; }

.cv-btn--page:hover { color: #fff !important; text-decoration: none; }

.ofbicon-download::before { display: inline-block; position: relative; width: 26px; height: 23px; content: ''; background: url(../img/icon_download.png) no-repeat center center; }

.ofbicon-download::before:hover { color: #fff !important; }

.btn-block { position: relative; display: block !important; margin: 0 auto; padding-left: 10px !important; padding-right: 10px !important; width: 300px; box-sizing: border-box; }

.btn-block:after { position: absolute; top: 50%; right: 10px; margin-top: -6px; content: " "; width: 8px; height: 12px; background: url(../img/icon_btn_arrow_01.png) no-repeat center bottom; }

.btn-primary { background: #3869bf !important; }

.btn_normal { position: relative; display: block; padding: 10px 15px; font-weight: bold; border-radius: 5em; text-align: center; -webkit-transition: .3s; transition: .3s; }

.btn_normal.btn_red { color: #fff; background-color: #cb2927; border: 2px solid #cb2927; }

.btn_normal.btn_red:hover { background-color: #d61311; color: #fff; }

.btn_normal.btn_red:after { content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; }

.btn_normal.btn_red_line { color: #cb2927; border: 2px solid #cb2927; }

.btn_normal.btn_red_line:hover { color: #cb2927; }

.btn_normal.btn_red_line:after { content: ""; border-top: 2px solid #e51917; border-right: 2px solid #e51917; }

.btn_normal.btn_blue { max-width: none; color: #fff; background-color: #0066A9; border: 2px solid #0066A9; }

.btn_normal.btn_blue:hover { color: #fff; }

.btn_normal.btn_blue_line { max-width: none; color: #0066A9; background-color: #fff; border: 2px solid #0066A9; }

.btn_normal.btn_blue_line:hover { color: #0066A9; }

.btn_normal.btn_blue_line:after { content: ""; border-top: 2px solid #0066A9; border-right: 2px solid #0066A9; }

.btn_normal.btn_navy { max-width: 300px; margin: 0 auto; color: #fff; background-color: #012554; border: 2px solid #012554; }

.btn_normal.btn_navy:hover { color: #fff; }

.btn_normal.btn_navy_line { max-width: none; color: #012554; background-color: #fff; border: 2px solid #012554; }

.btn_normal.btn_navy_line:hover { color: #012554; }

.btn_normal.btn_navy_line:after { content: ""; border-top: 2px solid #012554; border-right: 2px solid #012554; }

.btn_normal:hover { color: #D90717; text-decoration: none; opacity: 1; }

.btn_normal:hover:after { right: 6%; }

.btn_normal:after { content: ""; position: absolute; top: 0; bottom: .1em; right: 7%; margin: auto; width: .3em; height: .3em; border-top: 2px solid #D90717; border-right: 2px solid #D90717; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; }

.btn_normal.btn_blue::after, .btn_normal.btn_navy::after, .btn_normal.btn_white::after { content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; }

.btn_white { max-width: none; min-width: 250px; color: #fff; border: 3px solid #fff; }

.btn_white:hover { color: #fff; }

.btn_wrap { width: 100%; max-width: 300px; margin: 0 auto; }

.btn_arrow { position: relative; }

.btn_arrow:after { content: ""; position: absolute; top: 0; bottom: .1em; right: 7%; margin: auto; width: .3em; height: .3em; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; }

.btn_arrow:hover:after { right: 6%; }

.btn_arrow_white:after { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.btn_arrow_gray:after { border-top: 2px solid #aaa; border-right: 2px solid #aaa; }

.btn_arrow_navy:after { border-top: 2px solid #012554; border-right: 2px solid #012554; }

.btn_arrow_blue:after { border-top: 2px solid #0066A9; border-right: 2px solid #0066A9; }

.btn_arrow_big { position: relative; }

.btn_arrow_big:after { content: ""; position: absolute; top: 0; bottom: .1em; right: 6%; margin: auto; width: .3em; height: .3em; bottom: .1em; right: 7%; margin: auto; width: 2rem; height: 2rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; }

.btn_arrow_big:hover:after { right: 6%; }

.btn_arrow_down { position: relative; }

.btn_arrow_down:before { content: ""; position: absolute; margin: auto; right: 32px; top: 50%; width: .5em; height: .5em; border-bottom: 2px solid #012554; border-right: 2px solid #012554; -webkit-transition: all .15s linear; transition: all .15s linear; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

.btn_arrow_down:hover:before { top: 51%; }

.cv_area { position: relative; width: 250px; height: 80px; padding-top: 10px; }

.cv_btn { position: relative; max-width: 350px; padding: 22px 20px 22px 30px; text-align: center; text-indent: 20px; margin-bottom: 5px; background-color: #d10434; display: block; text-decoration: none; font-size: 1.7rem; -webkit-transition: color 0.3s; transition: color 0.3s; line-height: 2rem; border-radius: 8px; box-shadow: 0 5px 0 #ba032e; color: #fff !important; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

.cv_btn::after { content: ""; position: absolute; width: 7px; height: 7px; left: calc(50% - 75px); top: 46%; margin-left: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg) translateY(-50%); -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

.cv_btn:hover { margin-top: 5px; box-shadow: none; background-color: #DD0034; }

.cv_btn:hover:after { left: calc(50% - 73px); }

.dl_btn { position: relative; max-width: 350px; padding: 22px 25px 22px 20px; margin-bottom: 5px; display: block; font-size: 1.7rem; line-height: 2rem; border-radius: 8px; text-align: center; background-color: #fff; border: 3px solid #081F41; color: #081F41 !important; box-shadow: none; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

.dl_btn span { position: relative; margin: 10px; top: 2px; }

.dl_btn span img { width: 17px; }

.dl_btn span:before { content: url(../img/dl_btn_icon02.svg); position: absolute; top: -9px; left: 4px; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

.dl_btn:before { content: ""; position: absolute; width: 100%; height: 5px; border-radius: 0 0 5px 5px; bottom: 0; left: 0; background-color: #EDF0F3; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }

.dl_btn:hover { margin-top: 5px; background-color: #fff; }

.dl_btn:hover span:before { top: -7px; }

.dl_btn:hover:before { height: 0; }

table { border-collapse: collapse; margin: 0; width: 100%; }

th { border-bottom: 1px solid shade(transparent, 25%); font-weight: 600; padding: 0; text-align: center; }

td { border-bottom: none; padding: 0; }

tr, td, th { vertical-align: middle; }

fieldset { background-color: #fff; border: none; margin: 0 0 0.8em; padding: 1.6em; }

input, label, select { display: block; font-family: sans-serif; font-size: 14px; width: 100%; }

input.form__elm--il, label.form__elm--il, select.form__elm--il { display: inline-block; width: auto; vertical-align: baseline; }

input, textarea { border: none; border: 1px solid #767676; margin: 0 0 1rem 0; padding: 0.4rem; }

input.br7, textarea.br7 { border-radius: 7px; }

label { font-weight: 600; margin-bottom: 0.4em; }

label.required::after { content: "*"; }

label abbr { display: none; }

select[multiple=multiple] { background-color: #fff; border: none; border-radius: 7px; box-sizing: border-box; font-family: sans-serif; font-size: 14px; margin-bottom: 0.8em; padding: 0.53333em; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%; }

select[multiple=multiple]:hover { border-color: shade(transparent, 20%); }

select[multiple=multiple]:focus { border-color: inherit; outline: none; }

select[multiple=multiple]:disabled { background-color: shade(#fff, 5%); cursor: not-allowed; }

select[multiple=multiple]:disabled:hover { border: none; }

textarea { resize: vertical; width: 100%; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; width: auto; margin-right: 0.4em; margin: 0 0 0.4rem 0; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; }

input[type="file"] { margin-bottom: 0.8em; width: 100%; }

select { margin-bottom: 1.6em; max-width: 100%; width: auto; }

.select__ext { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 4px; }

.breadcrumb { padding: 10px 2px 5px 2px; background-image: none; border-radius: 0; background-color: transparent; -webkit-filter: none !important; filter: none !important; border: none; font-size: 1.3rem; text-align: left; box-shadow: none; }

.breadcrumb li { text-shadow: none; }

.widget-breadcrumb .breadcrumb { max-width: 940px; margin: 0 auto; font-size: 1.3rem; line-height: 2.5rem; }

.wp_social_bookmarking_light { margin: 0 auto !important; width: 100%; }

.blog .nav li a { margin: 0; color: #777777; border-radius: 5px; background: none; }

.blog-wrapper a, .breadcrumb a, .pager a { border-radius: 4px; }

.pager span.current { padding: 5px 7px; }

.dropdown-menu { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 2px; margin: 3px 0 0 0; border-radius: 5px; top: 100%; position: relative\9; behavior: url("/static/PIE.htc") \9; position: absolute; text-align: left; }

.dropdown-menu li { margin: 8px 5px; }

.dropdown-menu li a { color: white; font-size: 14px !important; }

.wp_link_page { text-align: center; margin-bottom: 20px; }

.wp_link_page span a { display: inline-block; border: 1px solid #DDD; border-radius: 4px; margin: 0 5px; width: 28px; height: 28px; line-height: 28px; }

.wp_link_page > span > span { margin: 0 5px; }

.blog .nav.nav-archive { list-style: none; text-align: left; font-size: 14px; margin-bottom: 20px; }

.blog .nav.nav-archive > li > * { display: table-cell; vertical-align: top; }

.blog .nav.nav-archive > li > span { width: 7em; padding: 5px 10px; vertical-align: top; position: relative; z-index: 0; }

.blog .nav.nav-archive > li > span::before { content: ""; background: #efefef; display: block; position: absolute; top: 0; left: 0; width: 6.5em; height: 2em; z-index: -1; }

.blog .nav.nav-archive > li > span::after { content: ""; position: absolute; top: 0; left: 6.5em; width: 0; height: 0; border-style: solid; border-width: 1em 0 1em 10px; border-color: transparent transparent transparent #efefef; }

.blog .nav.nav-archive > li + li { margin-top: 10px; }

.blog .nav.nav-archive ul { padding-left: 20px; }

.blog .nav.nav-archive ul li { display: inline-block; padding-right: 10px; margin-right: 13px; border-right: 1px dotted #ccc; margin-top: 5px; }

.blog .nav.nav-archive ul li:last-child { border: none; }

.blog .nav.nav-archive-columns { list-style: none; text-align: left; font-size: 14px; margin-bottom: 20px; }

.blog .nav.nav-archive-columns > li > * { display: table-cell; vertical-align: top; }

.blog .nav.nav-archive-columns > li > span { width: 9em; padding: 5px 10px; vertical-align: top; position: relative; z-index: 0; }

.blog .nav.nav-archive-columns > li > span::before { content: ""; background: #efefef; display: block; position: absolute; top: 0; left: 0; width: 9.5em; height: 2em; z-index: -1; }

.blog .nav.nav-archive-columns > li > span::after { content: ""; position: absolute; top: 0; left: 9.5em; width: 0; height: 0; border-style: solid; border-width: 1em 0 1em 10px; border-color: transparent transparent transparent #efefef; }

.blog .nav.nav-archive-columns > li + li { margin-top: 10px; }

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

.blog .nav.nav-archive-columns ul li { display: inline-block; padding-right: 10px; margin-right: 13px; border-right: 1px dotted #ccc; margin-top: 5px; }

.blog .nav.nav-archive-columns ul li:last-child { border: none; }

.articles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.article-item { background-color: #fff; }

.blog .article-item { box-shadow: 0px 1px 5px 0px #f5f5f5; box-sizing: border-box; }

.article-item-anchor { display: block; position: relative; color: #666; border: 1px solid #CAD2E0; }

a.article-item-anchor:hover { border: 1px solid #0066A9; }

.article-visual { margin: 10px; text-align: center; vertical-align: bottom; position: relative; }

.article-visual .case__meta { position: absolute; top: 0; right: 0; padding: 2px 10px; background: #333; text-align: center; color: #fff; font-size: 12px; line-height: 20px; }

.article-visual img { margin: 0 auto; }

.article-visual-thumb { width: 100%; height: 150px; vertical-align: bottom; }

.article-header { margin: 0 15px 10px; }

.article-item a { color: #333; text-decoration: none; -webkit-transition: 0.2s; transition: 0.2s; }

.article-item a:hover { color: #333; text-decoration: none; }

.article-title { line-height: 20px; font-weight: bold; padding: 12px 0 10px; }

.article-title-text { display: block; vertical-align: middle; text-align: left; margin: 0 auto; font-size: 14px; padding: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.article-item-anchor:hover:before { content: none; position: absolute; bottom: 3px; right: 3px; width: 0; height: 0; border-bottom: 5px solid #000; border-right: 5px solid #000; border-left: 5px solid transparent; border-top: 5px solid transparent; z-index: 100; }

.article-item-anchor:before { content: none; position: absolute; bottom: 3px; right: 3px; width: 0; height: 0; border-bottom: 5px solid #ccc; border-right: 5px solid #ccc; border-left: 5px solid transparent; border-top: 5px solid transparent; z-index: 100; }

.blog-lead { font-size: 13px; line-height: 22px; text-align: left; margin-bottom: 15px; }

/*tags*/
.blog-tag { position: relative; text-align: right; margin: 0 10px; }

.blog-tag-elm { display: inline-block; height: 24px; max-width: 278px; line-height: 24px; position: relative; margin: 0 0 0 0; padding: 0 10px 0 12px; background: #254B0C; border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #fff; font-size: 10px; }

.blog-tag-elm:before { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #254B0C transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; }

.blog-tag-elm:after { content: ""; position: absolute; top: 10px; left: 1px; float: left; width: 5px; height: 5px; border-radius: 50%; background: #fff; }

.blog-dete-meta { font-size: 12px; text-align: right; margin: 0 10px 5px 0; }

.blog .nav.nav-archive { list-style: none; text-align: left; font-size: 14px; margin-bottom: 20px; }

.blog .nav.nav-archive > li > * { display: table-cell; vertical-align: top; }

.blog .nav.nav-archive > li > span { width: 7em; padding: 5px 10px; vertical-align: top; position: relative; z-index: 0; }

.blog .nav.nav-archive > li > span::before { content: ""; background: #efefef; display: block; position: absolute; top: 0; left: 0; width: 6.5em; height: 2em; z-index: -1; }

.blog .nav.nav-archive > li > span::after { content: ""; position: absolute; top: 0; left: 6.5em; width: 0; height: 0; border-style: solid; border-width: 1em 0 1em 10px; border-color: transparent transparent transparent #efefef; }

.blog .nav.nav-archive > li + li { margin-top: 10px; }

.blog .nav.nav-archive ul { padding-left: 20px; }

.blog .nav.nav-archive ul li { display: inline-block; padding-right: 10px; margin-right: 13px; border-right: 1px dotted #ccc; margin-top: 5px; }

.blog .nav.nav-archive ul li:last-child { border: none; }

.blog .nav.nav-archive-columns { list-style: none; text-align: left; font-size: 14px; margin-bottom: 20px; }

.blog .nav.nav-archive-columns > li > * { display: table-cell; vertical-align: top; }

.blog .nav.nav-archive-columns > li > span { width: 9em; padding: 5px 10px; vertical-align: top; position: relative; z-index: 0; }

.blog .nav.nav-archive-columns > li > span::before { content: ""; background: #efefef; display: block; position: absolute; top: 0; left: 0; width: 9.5em; height: 2em; z-index: -1; }

.blog .nav.nav-archive-columns > li > span::after { content: ""; position: absolute; top: 0; left: 9.5em; width: 0; height: 0; border-style: solid; border-width: 1em 0 1em 10px; border-color: transparent transparent transparent #efefef; }

.blog .nav.nav-archive-columns > li + li { margin-top: 10px; }

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

.blog .nav.nav-archive-columns ul li { display: inline-block; padding-right: 10px; margin-right: 13px; border-right: 1px dotted #ccc; margin-top: 5px; }

.blog .nav.nav-archive-columns ul li:last-child { border: none; }

.blog-tag-elm--cnt { font-size: 12px; color: #666; }

.box-archive { border-bottom: 1px solid #ccc; margin-bottom: 40px; padding-bottom: 5px; position: relative; }

.box-archive::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #ccc transparent transparent transparent; position: absolute; bottom: -15px; left: 50%; margin-left: -15px; }

.box-archive::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 14px 14px 0 14px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -13px; left: 50%; margin-left: -14px; }

.box-archive h3 { text-align: left; margin-bottom: 20px; }

.column-material { 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; }

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

.column-material:after { content: ""; display: block; width: 30%; }

.column-material .archives { width: 32%; text-align: left; position: relative; box-sizing: border-box; padding: 15px 15px 80px; margin: 20px 0; }

.column-material .archives a { display: block; }

.column-material .archives .image { text-align: center; margin-bottom: 10px; }

.column-material .archives img { width: auto; height: 150px; }

.column-material .archives .content-title { font-size: 17px; margin-bottom: 10px; line-height: 1.6; }

.column-material .archives .content-title a { font-size: 1em; }

.column-material .archives .text p { font-size: 15px; }

.column-material .archives .center { text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%; }

/*資料ダウンロード*/
#offerbox-material, #other-materials { outline: none; }

#other-materials .whitepaper-post { margin-top: 60px; }

.whitepaper-post__ttl { padding: 30px 0 30px 0; font-size: 23px; }

.whitepaper { margin-bottom: 50px; }

.whitepaper .left img { max-width: 100%; height: auto !important; }

.whitepaper .right { text-align: left; }

.whitepaper .right p, .whitepaper .right li { line-height: 1.6; }

.whitepaper .report-index { width: 100%; margin: 0 0 0 0; }

.whitepaper .report-index li { float: left; margin-right: 10px; white-space: nowrap; list-style-position: inside; }

.whitepaper .right p { margin-bottom: 20px; }

.whitepaper .content-title, .whitepaper .content-title a { font-size: 18px; }

.column-material .whitepaper.archives .content-title { font-size: 14px; }

.column-material .whitepaper.archives .text p { font-size: 13px; line-height: 1.8; }

.whitepaper.offerbox-material { text-align: left; }

.offerbox-material .content-title, .offerbox-material .content-title a { font-size: 24px; }

.whitepaper a:hover { color: #B71C22; }

.whitepaper { padding-top: 50px; border: 1px solid #CAD2E0; }

.whitepaper .wp_social_bookmarking_light, .whitepaper .wp_rp_wrap { display: none; }

/** 記事下に表示するための設定 **/
.whitepaper.osusume-material { margin: 0 auto; padding: 20px 0; }

.whitepaper__tab { margin: 0 auto; text-align: center; margin-top: 40px; }

.whitepaper__tab__item { width: 100%; padding: 20px 0; cursor: pointer; font-size: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.whitepaper__tab__item:hover { color: #3869BF; }

.whitepaper__tab__item.active { background: #4AC7EE; color: #ffffff; border-radius: 8px 8px 0 0; font-weight: bold; }

.whitepaper__tab__list { 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; margin-bottom: 26px; border-bottom: 4px solid #4AC7EE; }

.whitepaper__tab__content__item { display: none; }

.whitepaper__tab__content__item.active { display: block; }

.whitepaper__tab__content__item__inner { margin-bottom: 110px; }

.whitepaper__tab__content__item__inner__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.whitepaper__tab__content__item__inner__list__item { background-color: #F0F4F8; width: calc(25% - 12px); padding: 20px; border-radius: 8px; }

.whitepaper__tab__content__item__inner__list__item__text { height: 229px; position: relative; }

.whitepaper__tab__content__item__inner__list__item__title { font-size: 18px; line-height: 27px; max-height: 81px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.whitepaper__tab__content__item__inner__list__item__desc { font-size: 16px; line-height: 24px; height: 72px; margin-top: 12px; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.whitepaper__tab__content__title { font-size: 16px; line-height: 24px; color: #222222; margin-bottom: 40px; }

.whitepaper__content__dlbtn { width: 100%; line-height: 48px; display: block; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; background: #012554; border-radius: 24px; cursor: pointer; position: absolute; bottom: 0; }

.whitepaper__content__dlbtn:hover { background-color: #3869BF; color: white; }

.whitepaper__content__dlbtn svg { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.whitepaper__top--fix { 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: 50px; gap: 52px; background-color: #F0F4F8; padding: 44px 60px; border-radius: 8px; }

.whitepaper__top--fix .whitepaper__title { font-size: 20px; font-weight: bold; color: #222222; margin-top: 20px; line-height: 30px; }

.whitepaper__top--fix .whitepaper__text { font-size: 16px; color: #222222; margin-top: 12px; margin-bottom: 28px; line-height: 24px; }

.whitepaper__top--fix .whitepaper__dlbtn { width: 300px; line-height: 60px; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #CB2927; background: #ffffff; border: 2px solid #CB2927; border-radius: 30px; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.whitepaper__top--fix .whitepaper__dlbtn:hover { background: #CB2927; color: #ffffff; }

.whitepaper__top--fix .whitepaper__dlbtn:hover svg path { stroke: #ffffff; }

.whitepaper__top--fix .whitepaper__dlbtn svg { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.whitepaper__right img { display: block; }

.whitepaper__left__inner img { display: none; }

.whitepaper__right { width: 472px; }

.whitepaper__left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.more_btn { width: 300px; margin: 0 auto; line-height: 60px; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #012554; border-radius: 34px; cursor: pointer; position: relative; margin-top: 40px; border: 2px solid #012554; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #ffffff; }

.more_btn:hover { background: #012554; color: #ffffff; }

.more_btn:hover svg path { stroke: #ffffff; }

.more_btn svg { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.whitepaper__content--taglist { margin: 16px 0; height: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; gap: 8px; }

.whitepaper__content--tagp { background-color: #3869BF; padding: 4px 16px; display: inline-block; line-height: 24px; font-size: 14px; border-radius: 4px; color: #ffffff; }

.whitepaper__content--tag { background-color: #4AC7EE; padding: 4px 16px; display: inline-block; line-height: 24px; font-size: 14px; border-radius: 4px; color: #ffffff; }

.whitepaper__popular--tag { background: #3869BF; padding: 4px 16px; border-radius: 4px; display: inline-block; color: #ffffff; margin-right: 12px; font-size: 20px; font-weight: bold; }

.whitepaper__popular--title { font-size: 24px; font-weight: bold; color: #3869BF; }

#whitepaper .container { max-width: 1200px; }

#whitepaper .widget-breadcrumb .breadcrumb { max-width: 1200px; }

@media screen and (max-width: 768px) { .whitepaper__top--fix { padding: 16px; padding-bottom: 24px; display: block; margin-top: 16px; }
  .whitepaper__top--fix .whitepaper__text { margin-top: 8px; margin-bottom: 20px; }
  .whitepaper__top--fix .whitepaper__dlbtn { margin: 0 auto; }
  .whitepaper__popular--tag { font-size: 18px; }
  .whitepaper__popular--title { font-size: 20px; }
  .whitepaper__popular { margin-bottom: 20px; }
  .whitepaper__tab { margin-top: 44px; }
  .whitepaper__tab__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; gap: 8px; border: unset; margin-bottom: 20px; }
  .whitepaper__tab__item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 4px; padding: 12px 20px; font-size: 16px; border: 1px solid #9A9A9A; }
  .whitepaper__tab__item.active { border-radius: 4px; border: unset; }
  .whitepaper__tab__content__title { margin-bottom: 20px; }
  .whitepaper__tab__content__item__inner { margin-bottom: 62px; }
  .whitepaper__tab__content__item__inner__list { display: block; }
  .whitepaper__tab__content__item__inner__list__item { width: 100%; margin-bottom: 16px; }
  .whitepaper__tab__content__item__inner__list__item__text { height: auto; padding-bottom: 60px; }
  .whitepaper__tab__content__item__inner__list__item__desc { height: auto; }
  .whitepaper__content--taglist { height: auto; }
  .whitepaper__content__dlbtn { line-height: 60px; border-radius: 30px; }
  .more_btn { width: 317px; }
  .whitepaper__right img { display: none; }
  .whitepaper__left__inner img { display: block; } }

.blog .nav { margin-bottom: 0px; }

.univwhitepaper .attachment-post-thumbnail { border: 1px #ccc solid; }

.archive_page_title { padding: 0 10px; margin-bottom: 10px; font-size: 2.2rem; line-height: 3rem; background: -webkit-linear-gradient(transparent 60%, #d6e4ff 40%); background: linear-gradient(transparent 60%, #d6e4ff 40%); display: inline-table; }

h2.link { position: relative; }

h2.link a { font-size: 16px; font-weight: normal; position: absolute; right: 0; margin-top: 2px; }

.span4 { width: 32%; }

[class*=span] { float: left; margin: 0 5px; }

.row { margin: 0; }

.category-media .content_list, .category-event .content_list { margin-bottom: 30px; border: 1px solid #D8D8D8; }

.category-media .content_list li, .category-event .content_list li { border-bottom: 1px solid #D8D8D8; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

.category-media .content_list li:last-child, .category-event .content_list li:last-child { border-bottom: 0; }

.category-media .content_list li:hover, .category-event .content_list li:hover { background-color: #F7F7F7; }

.category-media .content_list li a, .category-event .content_list li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; -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; }

.category-media .content_list li a .deta, .category-event .content_list li a .deta { font-size: 1.5rem; }

.category-media .content_list li a .media_list, .category-event .content_list li a .media_list { width: 60%; padding-left: 20px; display: block; }

.category-media .content_list li a .media_list h2, .category-event .content_list li a .media_list h2 { font-size: 2rem; margin-bottom: 5px; }

.category-media .content_list li a .media_list p, .category-event .content_list li a .media_list p { line-height: 3rem; font-size: 1.6rem; }

.category-media .content_list li a .media__meta, .category-event .content_list li a .media__meta { display: block; padding: 5px 15px; margin: 10px; background-color: #012554; color: #fff; }

.category-media .content_list li a p, .category-event .content_list li a p { margin: 0; }

.category-media .media_link, .category-media .tab_link, .category-event .media_link, .category-event .tab_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 30px; }

.category-media .media_link .all_news, .category-media .tab_link .all_news, .category-event .media_link .all_news, .category-event .tab_link .all_news { width: 50%; max-width: 400px; padding: 20px 0; margin-bottom: -1px; background-color: #fff; 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; border-top: 6px solid #C30101; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; font-size: 2rem; }

.category-media .media_link .other_link, .category-media .tab_link .other_link, .category-event .media_link .other_link, .category-event .tab_link .other_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; -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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #F7F7F7; }

.category-media .media_link .other_link a, .category-media .tab_link .other_link a, .category-event .media_link .other_link a, .category-event .tab_link .other_link a { padding: 15px 1vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.category-media .media_link .other_link a:hover, .category-media .tab_link .other_link a:hover, .category-event .media_link .other_link a:hover, .category-event .tab_link .other_link a:hover { background-color: #F1F1F1; }

.category-media .media_link .cat_tv, .category-media .media_link .cat_news, .category-media .tab_link .cat_tv, .category-media .tab_link .cat_news, .category-event .media_link .cat_tv, .category-event .media_link .cat_news, .category-event .tab_link .cat_tv, .category-event .tab_link .cat_news { display: none; }

.category-media .tv .cat_tv, .category-event .tv .cat_tv { display: block; }

.category-media .tv .other_link a:first-child, .category-media .tv .all, .category-media .tv .cat_news, .category-media .tv .cat_pressrelease, .category-event .tv .other_link a:first-child, .category-event .tv .all, .category-event .tv .cat_news, .category-event .tv .cat_pressrelease { display: none; }

.category-media .pressrelease .cat_pressrelease, .category-event .pressrelease .cat_pressrelease { display: block; }

.category-media .pressrelease .other_link a:last-child, .category-media .pressrelease .all, .category-media .pressrelease .cat_news, .category-media .pressrelease .cat_tv, .category-event .pressrelease .other_link a:last-child, .category-event .pressrelease .all, .category-event .pressrelease .cat_news, .category-event .pressrelease .cat_tv { display: none; }

.category-media .newspaper .cat_news, .category-event .newspaper .cat_news { display: block; }

.category-media .newspaper .other_link a:nth-child(2), .category-media .newspaper .all, .category-media .newspaper .cat_tv, .category-media .newspaper .cat_pressrelease, .category-event .newspaper .other_link a:nth-child(2), .category-event .newspaper .all, .category-event .newspaper .cat_tv, .category-event .newspaper .cat_pressrelease { display: none; }

.category-event .tab_link .all_news { max-width: 100%; }

.category-event .event_list { position: relative; margin-bottom: 20px; max-width: 980px; margin: 0 auto; border-bottom: 1px solid #d5d3d3; }

.category-event .event_list article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0 20px 10px; border-bottom: 1px solid #d5d3d3; -webkit-transition: all .3s linear; transition: all .3s linear; }

.category-event .event_list article figure img { max-width: 300px; }

.category-event .event_list article:hover { background-color: #f5f5f5; }

.category-event .event_list article:last-child { border-bottom: 0; }

.category-event .event_list article .posts_content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 30px; }

.category-event .event_list article .posts_content h2 { margin-bottom: 10px; font-size: 1.8rem; line-height: 2.7rem; }

.category-event .event_list article .posts_content p { font-size: 1.4rem; line-height: 2rem; }

.category-event .event_list article .posts_content dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 7px 0; font-size: 1.4rem; }

.category-event .event_list article .posts_content .dates { margin-top: 10px; }

.category-event .event_list .empty_event_box { max-width: 500px; margin: 70px auto; text-align: center; }

.category-event .event_list .empty_event_box .empty_event_message { padding-bottom: 30px; margin-bottom: 30px; border-bottom: dotted 1px #AAA6A6; }

.category-event .event_list .empty_event_box .video_library_link { font-size: 1.5rem; color: #012554; }

.category-event .event_list .empty_event_box .video_library_link p { margin-top: 10px; line-height: 2.5rem; font-size: 1.4rem; }

.category-event .event_list .empty_event_box .video_library_link a { display: block; max-width: 250px; padding: 5px; margin: 20px auto 0; border: 2px solid #012554; border-radius: 50px; font-weight: bold; -webkit-transition: all .2s linear; transition: all .2s linear; }

.category-event .event_list .empty_event_box .video_library_link a:hover { background-color: #012554; color: #fff; }

.category-event .event_list.onlineseminar { border-bottom: 0; }

.category-event .tab_link .other_link { position: relative; }

.category-event .tab_link .other_link a { border-bottom: 1px solid #d5d3d3; }

.category-event .tab_link .other_link .video_library_icon_box { position: absolute; right: 0; top: -50px; -webkit-animation: video_library_icon 1s 3s ease-in-out forwards; animation: video_library_icon 1s 3s ease-in-out forwards; }

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

.category-event section + section { margin-top: 100px; }

.category-event .weight_normal { font-weight: normal; font-size: 1.7rem; }

.category-event .webinar_link { position: absolute; width: 250px; top: 25px; right: 0; }

.category-event .onlineseminar_ttl { width: calc(100% - 280px); }

.category-event .onlineseminar_banner { position: relative; 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; max-width: 940px; width: 100%; padding: 0 40px; margin: 30px auto 20px; border-radius: 50px 0; background: #e3f6ff; background: -webkit-linear-gradient(310deg, #e3f6ff 0%, #c8d8f6 100%); background: linear-gradient(140deg, #e3f6ff 0%, #c8d8f6 100%); color: #012554; }

.category-event .onlineseminar_banner .onlineseminar_banner_title { display: block; text-align: center; font-size: 2rem; font-weight: bold; }

.category-event .onlineseminar_banner .onlineseminar_banner_title p { max-width: 100px; margin-top: 5px; }

.category-event .onlineseminar_banner figure { position: relative; max-width: 240px; margin: 32px 8px; }

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

.category-event .onlineseminar_banner ul li { list-style: disc; line-height: 2.7rem; font-size: 1.5rem; }

.category-event .event_empty_message { width: 100%; padding: 50px 20px; text-align: center; }

@-webkit-keyframes video_library_icon { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

@keyframes video_library_icon { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

.category-event section.video_library { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.category-event section.video_library .video_library_info { position: relative; width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 20px 0 40px; font-size: 1.3rem; color: #4A6BC6; line-height: 2rem; }

.category-event section.video_library .video_library_info:before { content: ""; position: absolute; left: 10px; width: 20px; height: 30px; background: url(../img/video_library_info_icon.svg) center center; background-size: contain; }

.category-event section.video_library .library_empty_message { width: 100%; padding: 50px 0; text-align: center; }

.category-event section.video_library article { width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px 20px 20px; margin-bottom: -1px; }

.category-event section.video_library article:hover { background-color: transparent; }

.category-event section.video_library article figure { text-align: center; }

.category-event section.video_library article figure img { width: 100%; max-width: 400px; height: auto; }

.category-event section.video_library article .posts_content { width: 100%; max-width: 400px; margin: 0 auto; padding: 10px 5px; }

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

.cases_footer_banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 180px; max-width: 650px; padding: 30px 70px; margin: 50px auto 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: url(../img/cases_footer_banner_bg.jpg) center center no-repeat; background-size: cover; }

.cases_footer_banner a { padding: 10px 50px; line-height: 2.5rem; }

.cases_footer_banner span { display: block; font-size: 90%; font-weight: normal; }

.category-cases { word-break: break-all; /* clear fix */ }

.category-cases .slider_area { margin: 5px auto 30px; max-height: 380px; overflow: hidden; }

.category-cases .slider_area .cases_slider { width: 100%; margin: 0 auto; }

.category-cases .slider_area .cases_slider img { width: 60vw; height: auto; }

.category-cases .slider_area .cases_slider .slider_list { position: relative; width: 100%; max-width: 900px; margin: 10px 20px 0 20px; border: 1px solid #C7C8D3; background-color: #fff; }

.category-cases .slider_area .cases_slider .slider_list::after { content: ""; position: absolute; right: 30px; top: -7px; width: 47px; height: 50px; background: url(../img/header_pick_icon.svg) no-repeat center center; background-size: cover; }

.category-cases .slider_area .cases_slider .slider_list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #232323; }

.category-cases .slider_area .cases_slider .slider_list a figure { max-width: 450px; max-height: 300px; overflow: hidden; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.category-cases .slider_area .cases_slider .slider_list a figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt { padding: 30px; width: 100%; max-width: 440px; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_title { font-size: 1.6rem; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .company_name { 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; font-size: 1.4rem; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .company_name .logo_img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50px; border: 1px solid #CACACE; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap { width: 100%; max-width: 380px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #C7C8D3; font-size: 1.3rem; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 5px 0; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl dt, .category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl dd { line-height: 1.5; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl dt { font-weight: normal; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl dd p { margin: 0; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl .filter_problem { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.category-cases .slider_area .cases_slider .slider_list a .cases_txt .cases_info_wrap dl .filter_problem span { font-size: 1.3rem; padding: 3px 12px; border-radius: 50px; background-color: #F6F7FD; }

.category-cases .slider_area .cases_slider .slider_list:hover .cases_title { color: #012554; }

.category-cases .slider_area .cases_slider .slider_list:hover figure img { -webkit-transform: scale(1.02); transform: scale(1.02); }

.category-cases .slider_area .slick-prev, .category-cases .slider_area .slick-next { position: absolute; top: calc(50% - 30px); -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; outline: none; border-top: 3px solid #012554; border-right: 3px solid #012554; height: 15px; width: 15px; z-index: 1; }

.category-cases .slider_area .slick-prev { left: calc(50% - 470px); -webkit-transform: rotate(-135deg) translateY(calc(-50%)); transform: rotate(-135deg) translateY(calc(-50%)); }

.category-cases .slider_area .slick-next { right: calc(50% - 470px); -webkit-transform: rotate(45deg) translateY(calc(-50%)); transform: rotate(45deg) translateY(calc(-50%)); }

.category-cases .slider_area .slick-dots { width: 100%; text-align: center; margin: 20px 0 0 0; }

.category-cases .slider_area .slick-dots li { display: inline-block; margin: 0 6px; height: 15px; width: 15px; }

.category-cases .slider_area .slick-dots button { color: transparent; outline: none; height: 15px; width: 15px; display: block; border-radius: 2px; background: #bdbfd1; border: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.category-cases .slider_area .slick-dots .slick-active button { background: #012554; }

.category-cases #load-more { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 20px); height: 50px; margin: 5px auto; background: #2e2e36; border: 2px solid #2e2e36; color: #Fff; border: 0; font-size: 1.4rem; font-weight: bold; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.category-cases #load-more:hover { background-color: #fff; border: 2px solid #2e2e36; color: #2e2e36; }

.category-cases .hidden { visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; }

.category-cases * { box-sizing: border-box; }

.category-cases .isotope:after { content: ''; display: block; clear: both; }

.category-cases .btn { background-color: white; border: 1px solid #cccccc; color: #696969; padding: 0.5rem; text-transform: lowercase; }

.category-cases .btn--block { display: block; width: 100%; }

.category-cases .cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

.category-cases .cards__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem; width: 100%; color: #262524; }

.category-cases .card { background-color: #fff; border-radius: 0.25rem; box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; overflow: hidden; }

.category-cases .card:hover .card__image { -webkit-filter: contrast(100%); filter: contrast(100%); }

.category-cases .card__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 1rem; }

.category-cases .card__image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; -webkit-box-orient: vertical; -webkit-box-direction: normal; background-position: center center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; -webkit-filter: contrast(70%); filter: contrast(70%); overflow: hidden; position: relative; transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); }

.category-cases .card__image::before { content: ""; display: block; padding-top: 56.25%; }

.category-cases .card__title { color: #696969; font-size: 1.25rem; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; }

.category-cases .card__text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.25rem; }

.category-cases .filter { width: 100%; margin: 30px auto 0; background-color: #fff; border: 1px solid #E4E6F8; }

.category-cases .filter .button { display: inline-block; padding: 10px 25px; margin: 7px 5px; background: #EEEFF2; border: none; border-radius: 20px; font-size: 1.4rem; -webkit-transition: all 300ms linear; transition: all 300ms linear; cursor: pointer; }

.category-cases .filter .button:hover { color: #fff; background-color: #232323; }

.category-cases .filter .button:active { background-color: #28F; }

.category-cases .filter .button.is-checked { color: #fff; background: -webkit-linear-gradient(323deg, #14b8fe 0%, #4870ff 100%); background: linear-gradient(127deg, #14b8fe 0%, #4870ff 100%); }

.category-cases .filter .button-group:after { content: ''; display: block; clear: both; }

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

.category-cases #header_filter .nav-tabs { position: relative; 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; border: none !important; background-color: #fff; border-radius: 6px; }

.category-cases #header_filter .nav-tabs li { margin: 0px !important; width: 100%; text-align: center; border-right: 1px solid #E4E6F8; border-bottom: 1px solid #E4E6F8; }

.category-cases #header_filter .nav-tabs li a { position: relative; margin-right: 0px !important; padding: 20px 40px !important; font-size: 16px; border: none !important; color: #333; }

.category-cases #header_filter .nav-tabs li:last-child { border-right: 0; }

.category-cases #header_filter .nav-tabs a:hover { background-color: #fff !important; border: none; }

.category-cases #header_filter .slider { display: inline-block; width: 30px; height: 4px; border-radius: 3px; background: -webkit-linear-gradient(323deg, #14b8fe 0%, #4870ff 100%); background: linear-gradient(127deg, #14b8fe 0%, #4870ff 100%); position: absolute; z-index: 1200; bottom: 0; -webkit-transition: all .4s linear; transition: all .4s linear; }

.category-cases #header_filter .nav-tabs .active { background-color: #FAFAFA !important; border: none !important; }

.category-cases #header_filter .tab-pane.show { display: block; opacity: 1; }

.category-cases .filter_area { padding-bottom: 50px; background: #EEEFF6; }

.category-cases .filter_area .header_filter_title { width: 100%; margin-top: 30px; text-align: center; font-size: 2rem; }

.category-cases .filter_area section.cases_list { margin-bottom: 20px; }

.category-cases .filter_area section.cases_list ul.cards { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item { position: relative; 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; width: 31%; padding: 0; margin: 60px 10px 10px 10px; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item figure { max-width: 340px; margin: 0; border-radius: 0 20px 0 0; overflow: hidden; }

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

.category-cases .filter_area section.cases_list ul.cards li.cards__item a { background-color: #fff; border-radius: 0 20px 20px 20px; box-shadow: 0px 0px 10px -7px rgba(46, 58, 94, 0.5); color: #222; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item a:hover { box-shadow: 0px 0px 20px -7px rgba(46, 58, 94, 0.5); }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .company_name { 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; padding: 10px 20px; height: auto; max-width: 90%; margin-right: auto; background-color: #2E2E36; border-radius: 15px 15px 0 0; color: #fff; font-size: 1.4rem; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt { padding: 20px; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt .cases_title { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #C7C8D3; line-height: 1.5; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.3rem; margin: 7px auto; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl dt { width: 70px; font-weight: normal; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl dd { margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl dd .filter_problem { display: inline-block; margin: 0 5px 5px 0; padding: 5px 15px; border-radius: 30px; font-size: 1.2rem; background-color: #F6F7FD; }

.category-cases .filter_area section.cases_list ul.cards li.cards__item .cases_txt dl p { margin: 0 0 5px; }

.category-cases .filter_area .container { max-width: 1080px; }

.category-cases .r-footer { margin-top: 0; }

@media screen and (max-width: 1024px) { .container { padding: 0 15px; }
  .category-cases .filter_area section.cases_list ul.cards li.cards__item { width: 30%; } }

@media screen and (max-width: 769px) { .category-event .onlineseminar_banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .category-event .onlineseminar_banner ul li { font-size: 1.8rem; }
  .category-event .onlineseminar_banner .onlineseminar_banner_title { margin-top: 50px; }
  .category-event .onlineseminar_banner .onlineseminar_banner_title p { max-width: 100%; margin-top: 5px; width: 100%; }
  .category-event .onlineseminar_banner figure { max-width: 500px; margin-top: 30px; width: 100%; } }