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

/* ========================================================================== 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; }

/*資料ダウンロード*/
#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; } }

.cta-btn__wrapper { text-align: center; line-height: 1; margin-top: 14px; }

.cta-btn__wrapper .cta-btn__lead { text-align: center; color: #b71c22; font-size: 1.4rem; margin-bottom: 8px; }

.cta-btn__wrapper .cta-btn__btn { background: #b71c22; color: white; border-radius: 25px; padding: 18px 20px 18px 12px; font-size: 1.4rem; margin: 2px; font-weight: bold; display: inline-block; }

.cta-btn__wrapper .cta-btn__btn.cta-btn__btn--noaccent { padding: 18px 20px; }

.cta-btn__wrapper .cta-btn__btn .cta-btn__btn__accent { background: white; color: #b71c22; padding: 8px 10px; border-radius: 20px; margin-right: 10px; }

.cta-banner__wrapper { margin-top: 0; margin-bottom: 96px; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper { margin-bottom: 14vw; }
  .cta-banner__wrapper.cta-banner__wrapper--px-20 { padding-left: 20px; padding-right: 20px; } }

.cta-banner__wrapper .cta-banner__inner { width: 920px; height: 240px; margin: 0 auto; padding-bottom: 90px; position: relative; background: url(/company/assets/img/renewal/company/bg-lastcv.png?20220607); background-size: cover; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper .cta-banner__inner { width: 100%; height: auto; padding-bottom: 0; background: url(https://offerbox.jp/company/assets/img/renewal/company/bg-lastcv-sp.jpg?20220607); background-size: 100%; background-repeat: no-repeat; padding-top: calc((387 / 740) * 100vw); } }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container { width: 616px; text-align: center; position: absolute; top: 100px; left: 40px; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper .cta-banner__inner .cta-banner__container { width: 100%; position: initial; } }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container > p { font-weight: bold; color: white; font-size: 2rem; text-shadow: 0px 0px 15px rgba(13, 26, 88, 0.8); position: relative; display: inline-block; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper .cta-banner__inner .cta-banner__container > p { color: #343434; text-shadow: none; } }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container > p::before { content: ""; width: 30px; height: 2px; background: #fff; -webkit-transform: rotate(70deg); transform: rotate(70deg); position: absolute; bottom: 50%; left: -30px; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper .cta-banner__inner .cta-banner__container > p::before { background: #343434; bottom: 18px; } }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container > p::after { content: ""; width: 30px; height: 2px; background: #fff; -webkit-transform: rotate(110deg); transform: rotate(110deg); position: absolute; bottom: 50%; right: -30px; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper .cta-banner__inner .cta-banner__container > p::after { background: #343434; bottom: 18px; } }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container .cta-banner__link-area { padding-left: 0px; margin-left: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

@media only screen and (max-width: 960px) { .cta-banner__wrapper .cta-banner__inner .cta-banner__container .cta-banner__link-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container .cta-banner__link { padding-left: 10px; padding-right: 10px; text-align: center; width: auto; border-radius: 27px; cursor: pointer; font-size: 1.5rem; line-height: 2; text-align: left; }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container .cta-banner__link .cta-banner__link__accent { background: white; color: #b71c22; padding: 6px 8px; border-radius: 20px; }

.cta-banner__wrapper .cta-banner__inner .cta-banner__container .cta-banner__link .cta-banner__link__text { margin-right: 30px; }

.main-interview { position: relative; margin: 20px 0; text-align: center; }

.main-interview h2 { margin: 0; }

.main-interview img { width: 100%; height: 100%; }

.main-interview .main-lead { content: ""; position: absolute; bottom: 0px; right: 0px; width: 100%; max-width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 100; text-align: left; padding: 20px; color: white; }

.main-interview .title { font-weight: bold; font-size: 21px; }

.main-interview .desc { font-size: 17px; padding: 5px 0px; }

.main-interview .date { font-size: 12px; }

.step { margin: 20px 0; text-align: center; font: 14px; color: #fff; }

.step nav { width: 85%; margin: 0 auto; overflow: hidden; 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; }

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

.step a { display: block; text-decoration: none; color: #fff; float: left; list-style: none; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

.step .explain { text-align: left; display: block; text-decoration: none; list-style: none; line-height: 30px !important; width: 30%; height: auto; margin: 0; }

.step .w100 { width: 100%; 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; }

.step .donyu { margin: 0px 45px; }

.step a:nth-child(1) { background: #1D4E6E; }

.step a:nth-child(2) { background: #ccc; }

.step a:nth-child(3) { background: #326C4E; }

.step a:nth-child(5) { background: #6E1C34; }

.step span { display: block; text-decoration: none; color: #848484; float: left; list-style: none; height: 120px; line-height: 120px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0px 15px 0px 15px; }

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

.blog .post { font-size: 16px; line-height: 1.6; }

.blog .question { margin-bottom: 30px; }

.blog .imgsetR { float: right; margin-left: 15px; }

.blog .imgsetL { float: left; margin-right: 15px; }

.blog .imgsetC { margin: 0 auto; }

.blog .txt { margin-bottom: 30px; }

.blog .txt h4 { clear: both; padding-left: 7px; border-left: 4px solid #a6061a; font-size: 18px; margin: 0 0 22px; }

.blog blockquote { background: #eee; padding: 25px; border-left: none !important; margin: 0 0 30px 0 !important; font-weight: bold !important; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.blog blockquote p { font-weight: bold !important; }

.blog blockquote h2 { margin: 0; font-size: 18px; }

.blog .important .body { background-color: #F5F5F5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 20px; border-bottom: 2px solid #696969; }

.blog .important .title { font-weight: bold; font-size: 24px; padding: 2px 3px; margin-bottom: 30px; border-bottom: 1px dotted #ccc; }

.post-thumbnail { display: block; line-height: 1; }

.radius { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.related_post_title { padding: 1em 0 0; border-top: 1px solid #EEEEEE; }

ul.related_post { 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; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none; }

ul.related_post:after { content: ""; display: block; width: 32%; }

ul.related_post li { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; display: inline-block; position: relative; width: 32%; height: 255px; padding: 5px; border: 1px solid #e6e6e6; vertical-align: top; overflow: hidden; }

ul.related_post li img { display: block; width: 278px !important; height: auto; margin: 0 auto; }

ul.related_post .wp_rp_title { display: block; margin: 5px; padding-top: 5px; border-top: 1px dotted #e6e6e6; }

ul.related_post .wp_rp_title:hover:before { content: ""; 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; }

ul.related_post .wp_rp_title:before { content: ""; 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; }

.seminar_title_wrap { position: relative; width: 100%; height: 250px; background: rgba(0, 0, 0, 0.5); color: #fff; overflow: hidden; }

.seminar_title_wrap .widget-breadcrumb { border: none; }

.seminar_title_wrap .breadcrumb li span, .seminar_title_wrap .breadcrumb a { color: #fff; text-decoration: none; }

.seminar_title_wrap + .widget-breadcrumb { display: none; }

.seminar_title { width: 940px; margin: 0 auto; font-size: 30px; text-align: center; }

.seminar_title p { display: table-cell; width: inherit; height: 200px; vertical-align: middle; line-height: 1.5; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }

.seminar_title_image { position: absolute; top: 0; z-index: -1; width: 100%; height: 250px; background: url(../img/seminar_title_bg.jpg) center center; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-animation: zoomin 3s ease-in; }

@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

.seminar_title_wrap + .widget-breadcrumb + .bg-white .post-thumbnail { display: none; }

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

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

.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .span12 { max-width: 940px; width: 100%; }

.single .container { max-width: 880px; }

.span6 { width: 48%; }

.row { margin-left: 0; }

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

.recommends__ttl { font-size: 1.8rem; font-weight: bold; }

@media screen and (max-width: 1024px) { .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .span12 { padding: 0 15px; } }

.page_404 { margin: 20px auto 30px; text-align: center; }

.page_404 .page_title { border: none; }

.page_404 figure { margin: 0 20px; }

.single_cases { word-break: break-all; }

.single_cases .blog-detail__body { padding: 0 20px; }

.single_cases .container { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; }

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

.single_cases .article__ttl { margin: 20px auto 25px; font-size: 2.5rem; text-align: center; }

.single_cases .article__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.single_cases .article__header .header__image { width: 450px; }

.single_cases .article__header .header__txt { margin: 0 0 0 30px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.single_cases .article__header .header__txt .company_name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; font-size: 1.8rem; font-weight: bold; max-width: 500px; }

.single_cases .article__header .header__txt .company_name figure { width: 40px; height: 42px; padding: 0; margin: 0 10px 0 0; border-radius: 50px; overflow: hidden; border: 1px solid #CACACE; }

.single_cases .article__header .header__txt .company_name img { width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; }

.single_cases .article__header .header__txt .company_name p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; word-break: break-all; }

.single_cases .article__header .header__txt dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 10px; font-size: 1.5rem; }

.single_cases .article__header .header__txt dl dt { width: 40%; max-width: 70px; margin-right: 15px; }

.single_cases .article__header .header__txt dl dd p { margin: 0; }

.single_cases .article__header .header__txt dl dd, .single_cases .article__header .header__txt dl dt { line-height: 1.5; }

.single_cases .content_summary { padding: 50px 10px; margin: 50px auto 30px; background-color: #ECF2FC; }

.single_cases .content_summary__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 950px; margin: 0 auto; padding: 50px 20px; border-radius: 15px; box-shadow: 0px 0px 10px -7px rgba(46, 58, 94, 0.5); background-color: #Fff; }

.single_cases .content_summary__wrap li { width: 100%; margin-right: 20px; padding: 0 0 10px 25px; text-align: center; line-height: 2.5rem; }

.single_cases .content_summary__wrap li a { position: relative; display: block; width: 120px; padding: 2px 30px 2px 25px; margin: 10px auto 0; border-radius: 50px; color: #fff; font-size: 1.3rem; font-weight: bold; background-color: #4DB4FF; }

.single_cases .content_summary__wrap li a::after { content: ""; display: block; position: absolute; top: 50%; right: 18px; width: 4px; height: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

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

.single_cases .content_summary__ttl { padding-top: 85px; margin-bottom: 15px; font-size: 2.5rem; }

.single_cases .kadai_icon, .single_cases .donyu_icon, .single_cases .koka_icon { position: relative; }

.single_cases .kadai_icon::before, .single_cases .donyu_icon::before, .single_cases .koka_icon::before { position: absolute; content: ""; width: 80px; height: 80px; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.single_cases .kadai_icon::before { background: url(../img/cases_summary_icon_kadai.svg) center center no-repeat; }

.single_cases .donyu_icon::before { background: url(../img/cases_summary_icon_donyu.svg) center center no-repeat; }

.single_cases .koka_icon::before { background: url(../img/cases_summary_icon_koka.svg) center center no-repeat; }

.single_cases .step-title-wrap { 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: 5px 10px; margin: 50px 0 20px; border-top: 3px solid #119BFF; background-color: #FAFAFA; }

.single_cases .step-title-wrap .step-title-icon { position: relative; width: 100px; padding-top: 70px; color: #119BFF; text-align: center; font-size: 1.6rem; font-weight: bold; }

.single_cases .step-title-wrap .step-title { font-size: 2.2rem; line-height: 1.5; }

.single_cases .step-title-wrap blockquote { 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: 20px 10px; margin: 0 !important; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: transparent; }

.single_cases .cases_footer { padding: 80px 20px; background-color: #ECF2FC; }

.single_cases .cases_footer .cases_footer_title { font-size: 2.2rem; }

.single_cases .cases_footer .cases_list { margin-bottom: 20px; }

.single_cases .cases_footer .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; margin-bottom: 20px; }

.single_cases .cases_footer .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: 30%; padding: 0; margin: 30px 10px 10px 10px; }

.single_cases .cases_footer .cases_list ul.cards li.cards__item figure { max-width: 340px; margin: 0; border-radius: 0 20px 0 0; overflow: hidden; }

.single_cases .cases_footer .cases_list ul.cards li.cards__item figure img { width: 100%; height: auto; }

.single_cases .cases_footer .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; }

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

.single_cases .cases_footer .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; }

.single_cases .cases_footer .cases_list ul.cards li.cards__item .cases_txt { padding: 20px; }

.single_cases .cases_footer .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; }

.single_cases .cases_footer .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; }

.single_cases .cases_footer .cases_list ul.cards li.cards__item .cases_txt dl dt { width: 70px; font-weight: normal; }

.single_cases .cases_footer .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; }

.single_cases .cases_footer .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; }

.single_cases .cases_footer .cases_list ul.cards li.cards__item .cases_txt dl p { margin: 0 0 5px; }

.single_cases dd.filter_problem_area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.single_cases dd.filter_problem_area p { position: relative; }

.single_cases dd.filter_problem_area p::after { content: "、"; padding-right: 5px; }

.single_cases dd.filter_problem_area p:last-child::after { content: none; }

.single_cases .footer-cta { margin-top: 0; }

.single_cases .Paragraph, .single_cases table.table-bordered { display: none; }

body.event { padding-top: 0; }

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

@media screen and (max-width: 1059px) { .event-header { padding: 0 15px; } }

.event-header__logo { width: 100%; max-width: 200px; }

.event-header__btnarea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; }

@media screen and (max-width: 500px) { .event-header__btnarea { gap: 4px; } }

.event-header__btnarea a { display: inline-block; padding: 4px 10px 4px 0; font-size: 12px; color: #0A1F3C; border-radius: 3px; border: 2px solid #0A1F3C; line-height: 1; 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; position: relative; }

@media screen and (max-width: 500px) { .event-header__btnarea a { font-size: 0; padding: 0; } }

.event-header__btnarea a::before { content: ''; display: inline-block; background: url("../img/icon_eventinfo.svg") center no-repeat; width: 30px; height: 30px; }

@media screen and (min-width: 501px) { .event-header__btnarea a::before { border-right: 1px solid #D3D8E2; margin-right: 10px; } }

.event-header__btnarea a::after { content: "戻る"; position: absolute; 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; height: 15px; padding: 2px 5px; top: -20px; font-size: 1rem; background-color: rgba(10, 31, 60, 0.6); color: #fff; opacity: 0; -webkit-transition: all .2s linear; transition: all .2s linear; width: 20px; left: 0px; }

.event-header__btnarea a + * { background-color: #0A1F3C; color: #fff; }

.event-header__btnarea a + *::before { background: url("../img/icon_baloon.svg") center no-repeat; }

.event-header__btnarea a + *::after { content: "お問い合わせ"; width: 60px; left: -20px; }

@media screen and (max-width: 500px) { .event-header__btnarea a:hover::after { opacity: 1; } }

.event { padding-top: 0 !important; }

.event__wrapper { width: 100%; margin: 0 auto; position: relative; padding-top: 42px; }

@media screen and (min-width: 1060px) { .event__wrapper { max-width: 1060px; } }

@media screen and (max-width: 1059px) { .event__wrapper { padding-top: 20px; } }

.event__info { width: 100%; }

@media screen and (min-width: 1060px) { .event__info { max-width: 600px; } }

.event__info .wp-post-image { width: 100%; height: auto; margin-top: 14px; }

.event__breadcrumb { font-size: 1.3rem; line-height: 1; margin-top: 15px; padding-bottom: 8px; border-bottom: 4px solid #F2F2F2; }

@media screen and (max-width: 1059px) { .event__breadcrumb { padding-left: 15px; padding-right: 15px; } }

.event__breadcrumb ul li { display: inline-block; }

.event__breadcrumb ul li::after { content: '>'; margin: 0 10px; }

.event__breadcrumb ul li:last-child::after { content: none; }

.event__section { margin-top: 30px; padding: 0 10px; }

@media screen and (max-width: 1059px) { .event__section { padding: 0 15px; } }

.event__h1 { font-size: 2.3rem; font-weight: bold; margin-top: 14px; padding: 0 10px; }

@media screen and (max-width: 1059px) { .event__h1 { padding: 0 15px; } }

.event__h2 { position: relative; font-size: 2.3rem; }

.event__h2::before { content: ''; position: absolute; height: 100%; width: 3px; background: #D90717; left: -10px; }

@media screen and (max-width: 1059px) { .event__h2 { padding-left: 10px; }
  .event__h2::before { left: 0; } }

.event__h3 { margin-top: 12px; }

.event__p { margin-top: 24px; }

.event__table { margin-top: 20px; }

@media screen and (max-width: 1059px) { .event__table { text-align: center; } }

.event__table tr:nth-child(odd) { background: #EEEFF7; }

@media screen and (max-width: 1059px) { .event__table tr:nth-child(odd) { background: none; } }

.event__table th { padding: 13px 15px; text-align: left; vertical-align: top; width: 25%; }

@media screen and (max-width: 1059px) { .event__table th { width: 100%; display: block; text-align: center; background: #EEEFF7; } }

.event__table td { padding: 13px 15px; vertical-align: top; }

@media screen and (max-width: 1059px) { .event__table td { width: 100%; display: block; } }

.event__table--timetable { border-bottom: 1px solid #C7C8D3; }

.event__table--timetable .event__timetable-title, .event__table--timetable .event__timetable-time, .event__table--timetable .event__timetable-detail { display: table-cell; width: auto; text-align: left; }

.event__table--timetable .event__timetable-time { font-weight: bold; vertical-align: middle; }

.event__table--speaker tr:nth-child(odd) { background: none; }

.event__table--speaker th { width: 100px; box-sizing: content-box; background: none; }

.event__table--speaker th .speaker-type { color: #fff; background: #012554; text-align: center; margin-top: 9px; font-size: 1.5rem; font-weight: normal; }

.event__table--speaker td { display: table-cell; width: auto; text-align: left; }

.event__table--speaker td .speaker-name { font-size: 1.6rem; }

.event__table--speaker td .speaker-name .speaker-title { font-weight: normal; display: block; }

.event__table--speaker td .speaker-detail { margin-top: 10px; }

.event__voice { background-color: #EEEFF7; padding: 22px; margin-top: 20px; }

.event__voice ul { padding-left: 1em; }

.event__voice ul li { list-style: disc; line-height: 1.6; }

.event__voice ul li + * { margin-top: 2rem; }

.event__form { background: #F8F8FD; width: 100%; padding: 20px; }

@media screen and (min-width: 1060px) { .event__form { padding: 34px 15px 15px 15px; max-width: 405px; max-height: 100vh; overflow: auto; position: fixed; top: 40px; right: calc((100vw - 1060px) / 2); z-index: 1; } }

@media screen and (max-width: 1059px) { .event__form { margin-top: 48px; } }

.event__form__header { text-align: center; }

@media screen and (max-width: 1059px) { .event__form__header { text-align: left; } }

.event__form__header p.small { font-size: 1.2rem; line-height: 1.5; margin-bottom: 20px; }

.event__form__header a, .event__form__header a:hover { text-decoration: underline; }

.event__form__iframe { border: 0; height: calc(100vh - 210px); }

@media screen and (max-width: 1059px) { .event__form__iframe { height: 700px; } }

.event .recommendlink { text-align: right; }

.event .recommendlink__items { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; }

.event .recommendlink__items a { width: 100%; }

.event .recommendlink__item img { margin: 0; width: 100%; height: 100%; }

.event .recommendlink__text { font-weight: 700; line-height: 1.5; padding: 8px; }

.event .recommendlink__text::before { content: ""; background: url("../../assets/img/renewal/common/icon-link.svg") no-repeat; background-size: contain; width: 7px; height: 13px; display: inline-block; position: relative; top: 2px; left: -5px; }

.event__jumpbtn { display: none; background-color: #D70034; padding: 22px 66px; position: fixed; right: 0; bottom: 0; color: #fff; font-weight: bold; width: 100%; text-align: center; z-index: 1; }

.event__jumpbtn:hover { color: #fff; }

@media screen and (max-width: 1059px) { .event__jumpbtn { display: block; } }

.partner-post__header { background: url("/company/assets/img/partner/bg_pc.jpg") no-repeat; background-size: cover; background-position: bottom; padding: 10px 0 64px 0; }

@media screen and (max-width: 600px) { .partner-post__header { background: url("/company/assets/img/partner/bg_sp.jpg") no-repeat; background-size: cover; padding-bottom: 60px; } }

.partner-post__header .widget-breadcrumb { background: none; border-bottom: 4px solid #F2F2F2; }

.partner-post__header__grade { text-align: center; margin-top: 33px; }

.partner-post__header__grade img { vertical-align: bottom; }

.partner-post__header__grade span { margin-left: 8px; margin-bottom: 2px; display: inline-block; }

.partner-post__header__thumb { text-align: center; margin-top: 15px; background: #fff; border: 1px solid #CAD1E1; padding: 25px 0; }

.partner-post__header__thumb img { width: 353px; height: auto; }

@media screen and (max-width: 600px) { .partner-post__header__thumb img { width: 250px; } }

.partner-post__section { padding-top: 60px; padding-bottom: 60px; }

.partner-post__section.bg-gray { background: #F4F7FC; }

.partner-post__h1 { text-align: center; font-size: 2.4rem; }

@media screen and (max-width: 600px) { .partner-post__h1 { font-size: 2rem; } }

.partner-post__h2 { text-align: center; font-size: 2rem; }

.partner-post__h2 span { display: inline-block; border-bottom: 3px solid #212121; padding-bottom: 5px; }

.partner-post__h3 { text-align: center; font-size: 1.8rem; margin-top: 35px; }

.partner-post .container.sp-full { padding: 0; }

.partner-post__intro-wrapper { position: relative; background: #F4F7FC; border-radius: 50px; margin-top: 70px; padding: 50px 0; text-align: center; }

@media screen and (max-width: 600px) { .partner-post__intro-wrapper { border-radius: 20px; padding: 40px 15px 50px; text-align: center; } }

.partner-post__intro-wrapper.align-left { padding-top: 50px; padding-right: 40px; padding-bottom: 50px; padding-left: 53%; min-height: 290px; text-align: left; }

@media screen and (max-width: 600px) { .partner-post__intro-wrapper.align-left { border-radius: 20px; padding: 0 15px 50px; } }

.partner-post__intro-wrapper.align-left .partner-post__intro__table { margin: 0; }

.partner-post__intro-wrapper.align-left .partner-post__intro__hash { display: block; margin: 0; }

.partner-post__intro__image { border-radius: 40px; overflow: hidden; width: 330px; height: auto; position: absolute; left: 40px; top: -40px; width: 44%; }

@media screen and (max-width: 600px) { .partner-post__intro__image { width: calc(100vw - 30px); position: relative; left: 0; } }

.partner-post__intro__company { font-weight: bold; margin-bottom: 10px; }

.partner-post__intro__table { margin: 0 auto; width: auto; }

.partner-post__intro__table th { font-weight: normal; text-align: left; width: 100px; }

.partner-post__intro__table td { text-align: left; }

.partner-post__intro__table td p { margin-bottom: 0; }

.partner-post__intro__hash { font-weight: bold; color: #3F5DEF; margin-bottom: 0; display: inline; margin: 0 10px; }

.partner-post__content h2 { padding: 28px 20px; border-top: 3px solid #119BFF; background: #FAFAFA; margin-top: 40px; margin-bottom: 25px; }

.partner-post__content h2 span, .partner-post__content h2 strong { color: #119bff; }

.partner-post__bottom-link { display: block; font-weight: bold; color: #119BFF; text-align: right; text-decoration: underline; margin-top: 60px; margin-bottom: 80px; }

.partner-post__jisseki-comment { background: #fff; padding: 30px 0; border-radius: 50px; margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media screen and (max-width: 600px) { .partner-post__jisseki-comment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 20px; border-radius: 20px; } }

.partner-post__jisseki-comment > .iplug-comment__title { padding: 30px; width: 20%; text-align: center; border-right: 1px solid #CAD1E1; font-weight: bold; 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-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; }

@media screen and (max-width: 600px) { .partner-post__jisseki-comment > .iplug-comment__title { width: 100%; border-right: none; border-bottom: 1px solid #CAD1E1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 30px 0; }
  .partner-post__jisseki-comment > .iplug-comment__title img { margin-right: 10px; } }

.partner-post__jisseki-comment > .iplug-comment__text { padding: 0 30px; width: 80%; text-align: left; margin: 0; }

@media screen and (max-width: 600px) { .partner-post__jisseki-comment > .iplug-comment__text { padding: 30px 0; width: 100%; } }

.partner-post__jisseki-notice { background: url("/company/assets/img/partner/icon_notice.svg") no-repeat 16px center rgba(1, 37, 84, 0.1); padding: 20px 20px 20px 48px; margin-top: 28px; border-radius: 20px; font-size: 14px; line-height: 1.5; }

@media screen and (max-width: 600px) { .partner-post__jisseki-notice { font-size: 12px; } }

.partner-post__cases { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px 40px; margin-top: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 600px) { .partner-post__cases { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.partner-post__case { width: 286px; }

@media screen and (max-width: 600px) { .partner-post__case { width: 100%; } }

.partner-post__caseimage { width: 100%; border: 1px solid #CAD1E1; display: inline-block; }

.partner-post__caseimage img { width: 100%; height: auto; }

.partner-post__casetitle { text-align: center; margin-top: 15px; display: block; }

.partner-post__commingsoon { background: #F4F7FC; padding: 90px 0; border-radius: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 600px) { .partner-post__commingsoon { border-radius: 20px; } }

.partner-post__about { background: #F4F7FC; padding: 35px 60px 50px 60px; border-radius: 50px; }

@media screen and (max-width: 600px) { .partner-post__about { padding: 35px 15px; border-radius: 20px; } }

.partner-post__table { margin-top: 50px; }

@media screen and (max-width: 600px) { .partner-post__table { width: 100%; } }

.partner-post__table tr { margin-top: 20px; }

.partner-post__table th { width: 17%; text-align: left; font-weight: normal; vertical-align: top; }

@media screen and (max-width: 600px) { .partner-post__table th { display: block; width: 100%; font-weight: bold; text-align: center; padding: 7px; background: #fff; } }

.partner-post__table td { word-break: break-all; }

@media screen and (max-width: 600px) { .partner-post__table td { display: block; width: 100%; text-align: center; padding: 7px; } }

.partner-post__table td a { text-decoration: underline; }

.partner-post__table td a::after { content: ""; background: url("/company/assets/img/partner/icon_outerlink.svg") no-repeat; background-size: contain; width: 14px; height: 12px; display: inline-block; margin-left: 3px; position: relative; top: 1px; }