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

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

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

* { box-sizing: border-box; }

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

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

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

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

ul, li { margin: 0; }

.wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1280px; margin: 0 auto; }

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

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

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

.bg_color_navy { background-color: #012554; }

.bg_color_gray { background-color: #ECEFF2; }

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

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

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

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

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

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

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

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

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

#page-top a:before { font-family: 'FontAwesome'; content: '\f106'; font-size: 3rem; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 200%; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

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

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

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

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

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

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

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

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

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

#header { margin-top: 0px; }

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

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

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

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

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

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

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

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

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

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

.header-blog { display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top_bar a { color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.r-header__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.r-header__login { background: #cb2927; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header202507__inner { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.header202507__left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: clamp(24px, 2.08333vw, 32px); height: 100%; }

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

.header202507__nav { height: 100%; }

.header202507__nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: clamp(16px, 1.30208vw, 20px); height: 100%; }

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

.header202507__nav__link__item__txt { height: 100%; color: #012554; font-size: clamp(14px, 1.04167vw, 16px); font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.header202507__nav__link__item__txt:hover { color: #012554; }

.header202507__nav__link__item__txt--look { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 5px; }

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

.header202507__nav__link__item__txt--menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; }

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

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

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

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

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

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

.header202507__right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; }

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

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

.header202507__right__nav__link__item__txt { font-size: clamp(12px, 0.91146vw, 14px); color: #012554; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 3px; }

.header202507__right__nav__link__item__txt:hover { color: #012554; }

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

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

.header202507__right__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 6.25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: clamp(100px, 9.11458vw, 140px); font-size: clamp(12px, 0.91146vw, 14px); font-weight: 600; height: 100%; }

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

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

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

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

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

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

.opacity-header__contact { display: none; }

.opacity-header__menubtn { display: none; }

.show1150 { display: none; }

.show730 { display: none; }

.show600 { display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 961px) { .opacity-header__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; line-height: 1; border-bottom: 1px solid #fff; padding: 15px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.opacity-header__item { position: relative; }

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

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

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

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

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

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

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

.opacity-header__dropdown li { position: relative; }

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

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

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

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

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

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

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

.opacity-header__nav--login__inner { max-width: 1050px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pc-only__block { display: block; }

.sp-only__block { display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pmark-declaration { display: table; }

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

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

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

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

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

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

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

.sitemap__contact p { margin: 0; }

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

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

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

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

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

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

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

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

.sitemap__list li { padding: 5px 0; }

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

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

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

.sitemap__list a { color: black; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.r-footer .r-inner { width: 1080px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

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

.r-footer__image { width: 200px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-cta .cta-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; width: 47.70992%; line-height: 1.66667; margin: 0; padding: 6rem 3.5rem 4rem; border-radius: 1.5rem; color: #000; background-color: rgba(255, 255, 255, 0.95); font-size: 1.8rem; -webkit-font-feature-settings: normal; font-feature-settings: normal; letter-spacing: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.m0 { margin: 0px; }

.mt0 { margin-top: 0px; }

.mr0 { margin-right: 0px; }

.mb0 { margin-bottom: 0px; }

.ml0 { margin-left: 0px; }

.m5 { margin: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.m10 { margin: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.m15 { margin: 15px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.m20 { margin: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.m25 { margin: 25px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.m30 { margin: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.m35 { margin: 35px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.m40 { margin: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.m45 { margin: 45px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.p0 { padding: 0px; }

.pt0 { padding-top: 0px; }

.pr0 { padding-right: 0px; }

.pb0 { padding-bottom: 0px; }

.pl0 { padding-left: 0px; }

.p5 { padding: 5px; }

.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.p10 { padding: 10px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.p15 { padding: 15px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.p20 { padding: 20px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.p25 { padding: 25px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.p30 { padding: 30px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.p35 { padding: 35px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.p40 { padding: 40px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.p45 { padding: 45px; }

.pt45 { padding-top: 45px; }

.pr45 { padding-right: 45px; }

.pb45 { padding-bottom: 45px; }

.pl45 { padding-left: 45px; }

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

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

.txtright { text-align: right; }

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

.btn:hover { opacity: 0.6; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn_white:hover { color: #fff; }

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

.btn_arrow { position: relative; }

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

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

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

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

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

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

.btn_arrow_big { position: relative; }

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

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

.btn_arrow_down { position: relative; }

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

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

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

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

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

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

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

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

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

.dl_btn span img { width: 17px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

label abbr { display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.breadcrumb li { text-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt70 { margin-top: 70px; }

.mt50 { margin-top: 50px; }

.mt40 { margin-top: 40px; }

.mtm40 { margin-top: -40px; }

.mb80 { margin-bottom: 80px; }

.mb40 { margin-bottom: 40px; }

.mb25 { margin-bottom: 25px; }

.pt80 { padding-top: 80px; }

.pb80 { padding-bottom: 80px; }

.pb60 { padding-bottom: 60px; }

.pt40 { padding-top: 40px; }

.pb40 { padding-bottom: 40px; }

.pt25 { padding-top: 25px; }

.note { font-size: 12px; text-align: right; }

.em { color: #e50012; }

.center { text-align: center; }

/*固定ページ*/
/*about オファー数制限説明追加*/
div.account { padding: 25px; box-sizing: content-box; }

.tit_offer span { font-size: 34px; line-height: 1.5; }

.tit_offer .small { font-size: 14px; }

.tit_offer span.middle { font-size: 21px; }

.tit_offer { margin-top: 50px; padding-bottom: 20px; }

div.text__price_down { margin-top: 0px; background-color: #ffeae9; padding: 7px; border-radius: 7px; }

div.text__price_down p.text__arrow { margin-bottom: 40px; }

li.con__carried { margin-top: 40px; width: 320px !important; }

.campaign li.con__carried { margin-top: -20px; position: relative; }

.tit_offer.grobal { width: 800px; box-sizing: border-box; background-color: #FFF; border: 3px solid #f0f0f0; margin: 0px auto 40px; margin-top: 10px; padding: 0px; }

.tit_offer.grobal li { list-style: none; width: 400px; float: left; padding: 40px 20px 10px 0px; }

.point_fee.plus::after { text-align: left; content: ''; display: inline-block; width: 900px; height: 25px; background: url(/company/assets/img/icon_plus.png) no-repeat center bottom; }

.tit_offer.grobal.campaign li { width: 320px; padding: 40px 0px 10px 0px; }

.tit_offer.grobal ul.enlighten li { list-style: none; width: 694px; padding: 15px 0px 5px 0px; background-color: #FFF; }

p.text__arrow::after { position: absolute; left: 50%; content: ''; width: 0px; border: 25px solid transparent; border-top-color: #333333; margin: 55px 0 0 -25px; }

ul.enlighten { padding: 0px; margin: 0px; }

p.fee_position { width: 130px; float: left; padding: 10px 0px; }

.tit_offer.grobal p img { padding: 10px 0px; }

.tit_offer.grobal.campaign { width: 700px; box-sizing: border-box; background-color: #fafafa; border: 3px solid #f0f0f0; border-top: none; margin: 0px auto; margin-bottom: 50px; }

.grobal.campaign h3 { font-size: 20px; color: #125f9f; margin-top: 20px; }

.tit__list_plan ul { display: table; }

.tit__list_plan li { list-style: none; float: left; line-height: 1.5; width: 240px; box-sizing: content-box; margin: 10px 20px 53px -5px; }

.plan_early_content li { list-style: none; float: left; line-height: 1.5; width: 335px; box-sizing: content-box; margin: 0px 0px 0px -5px; }

.point_fee { padding-top: 50px; }

.point_fee h2 { margin-bottom: 0; }

.point_fee .tit_offer { margin-bottom: 50px; }

#fee .box label { background: #e6e6e6; display: block; padding: 10px; margin-bottom: 0px; margin-top: 5px; cursor: pointer; box-sizing: border-box; }

#fee .box div { margin: 0px; }

#fee .box div.inbox_tab-content { max-height: 0; overflow: hidden; }

#fee .box label { position: relative; }

#fee .box label::after { display: block; position: absolute; right: 0; top: 0; width: 3em; height: 3em; line-height: 3em; text-align: center; -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

#fee .box input[type=checkbox] + label::after { content: "^"; -webkit-transform: rotateX(180deg) scale(1, 0.5); transform: rotateX(180deg) scale(1, 0.5); -webkit-transform: rotateX(180deg) scale(1, 0.5); /* Safari and Chrome */ -moz-transform: rotateX(180deg) scale(1, 0.5); /* Firefox */ -ms-transform: rotateX(180deg) scale(1, 0.5); /* IE 9+ */ -o-transform: rotateX(180deg) scale(1, 0.5); /* Opera */ }

#fee .box input[type=checkbox]:checked + label::after { -webkit-transform: rotateX(0deg) scale(1, 0.5); transform: rotateX(0deg) scale(1, 0.5); -webkit-transform: rotateX(0deg) scale(1, 0.5); /* Safari and Chrome */ -moz-transform: rotateX(0deg) scale(1, 0.5); /* Firefox */ -ms-transform: rotateX(0deg) scale(1, 0.5); /* IE 9+ */ -o-transform: rotateX(0deg) scale(1, 0.5); /* Opera */ }

#fee .box input[type=radio]:checked + label::after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

#fee .box input[type="checkbox"].on-off, #fee .box input[type="checkbox"].on-off + div.inbox_tab-content { display: none; }

#fee .box input[type="checkbox"].on-off:checked + div.inbox_tab-content { display: block; }

#fee .box input:checked ~ .inbox_tab-content { max-height: 25em; }

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

.tit__list_plan a { color: black; }

.tit__list_plan li p { background-color: #e6e6e6; padding: 10px; border-radius: 7px; text-align: left; }

.tit__list_plan li p.entry { background-color: #ffeae9; }

.tit__list_plan li p.entry .space { letter-spacing: -.03em; }

.tit__list_plan p.text__earyplan { background-color: #FFF; border: solid 3px #ffeae9; text-align: center; }

.tit__list_plan h4 { text-align: center; box-sizing: border-box; padding: 8px 0; margin: 10px auto; border-radius: 7px; }

.it__earyplan { background-color: #FFF; border: solid 2px #e6e6e6; text-align: center; margin-left: 0px; }

.it__earyplan li { font-size: 13px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; }

.it__earyplan li:first-child { font-size: 14px; font-weight: bold; padding: 0px; padding-top: 5px; box-sizing: border-box; }

.it__earyplan li:nth-child(5) { font-size: 14px; font-weight: bold; padding: 0px; padding-top: 10px; box-sizing: border-box; }

.it__earyplan span.size10 { font-size: 10px; display: inline-block; margin-top: 0px; vertical-align: top; border-left: 1px solid #e6e6e6; padding-left: 5px; min-width: 80px; }

.it__earyplan span.size13 { display: inline-block; font-size: 13px; vertical-align: middle; padding-top: 5px; min-width: 215px; text-align: left; padding-left: 12px; }

.tit__list_plan p.text__earyplan span { font-size: 16px; }

.tit__list_plan p.text__earyplan span.text__earyplan_fee { font-size: 24px; }

span.text__earyplan_detail { display: inline-block; line-height: 0.5; padding-top: 12px; }

/*料金テーブル*/
/*div.price h2 { margin-top: 50px; }*/
div.price .sub_tit { margin: 0px; font-size: 16px; }

#plan_fee table tr { border-bottom: 1px solid #f0f0f0; height: 80px; vertical-align: middle; }

#plan_fee table td.title-cell { padding-left: 10px; width: 200px; text-align: left; }

.price .plan_nomal_content { border: 2px solid #0081bc; padding: 0px 0px 30px 0px; background-color: #FFF; }

.price .plan_early_content { border: 2px solid #e7512d; padding: 0px 0px 30px 0px; background-color: #FFF; }

.price .plan_nomal { font-size: 18px; background-color: #0081bc; color: #FFF; padding: 15px 0px 4px 0px; }

.price .plan_early { font-size: 18px; background-color: #e7512d; color: #FFF; padding: 15px 0px 4px 0px; }

#plan_fee table { width: 940px; box-sizing: content-box; }

#plan_fee table tr { border-bottom: 1px solid #f0f0f0; height: 80px; vertical-align: middle; }

#plan_fee table td { border-right: 1px solid #f0f0f0; height: 80px; width: 210px; padding: 10px; }

#plan_fee table td.right-cell { border-right: none; }

#plan_fee table td .small { font-size: 12px; margin-bottom: -10px; }

#plan_fee table .cv_point::before { text-align: left; content: ''; display: inline-block; width: 35px; height: 39px; margin-right: 10px; vertical-align: middle; background: url(/company/assets/img/icon_dash.png) no-repeat center bottom; }

#plan_fee table .cv_point { font-size: 20px; }

#plan_fee table td p.bold { margin: 5px auto; }

#plan_fee table td p.bold.entry { padding: 0px 18px 0px 19px; float: left; }

#plan_fee table td span.cost { font-size: 30px; font-weight: bold; }

#plan_fee table td p.price { color: #dd2c1b; margin: 0px auto; }

#plan_fee table span.fee_col { width: 200px; margin: 10px; display: inherit; }

#plan_fee .fee_btn { width: 200px; }

.function_left { text-align: left; }

.function_bottom { margin-bottom: 210px; }

.function_margin { margin-bottom: 50px; }

.contact__fig--btn .btn { width: 250px !important; }

.contact__fig--btn .btn.early { width: 300px !important; }

.function .span6 img { margin: 0px; }

.plan_tabs { position: relative; margin: 0 auto; width: 950px; }

.plan_tabs .tab-selector-1, .plan_tabs .tab-selector-2 { position: absolute; z-index: 1000; width: 50%; height: 55px; left: 0px; top: 0px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; }

.plan_tabs .tab-selector-1#tab-2, .plan_tabs .tab-selector-2#tab-2 { left: 500px; }

.plan_tabs .tab-label-1, .plan_tabs .tab-label-2 { position: relative; float: left; width: 50%; height: 65px; margin: 0; top: 10px; display: block; background: #e8e8e8; text-transform: uppercase; font-weight: bold; text-align: center; border-radius: 6px 6px 0 0; line-height: 3; font-size: 17px; color: #555; }

.plan_tabs .tab-label-1 h2, .plan_tabs .tab-label-2 h2 { font-size: 20px; line-height: 3; }

.plan_tabs .tab-selector-1[type="radio"] { margin: 0; padding: 0; }

.plan_tabs .tab-label-1 { margin: 0; }

.plan_tabs .tab-label-1:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; }

.plan_tabs .tab-label-2:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; }

.plan_tabs .tab-label-1:first-of-type, .plan_tabs .tab-label-2:first-of-type { z-index: 4; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1); border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; }

.tab-label-2 { z-index: 3; }

.plan_tabs .tab-selector-1:checked + label { position: relative; top: 0; background: #fff; z-index: 6; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1); border-top: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; color: #333; }

.plan_tabs .tab-selector-2:checked + label { position: relative; top: 0; background: #fff; z-index: 6; box-shadow: -2px 0 2px rgba(0, 0, 0, 0.1); border-top: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; color: #333; }

.plan_tabs .tab-selector-1:checked + label h2, .plan_tabs .tab-selector-2:checked + label h2 { position: relative; }

.plan_tabs .tab-selector-1:checked + label h2::before, .plan_tabs .tab-selector-2:checked + label h2::before { content: ""; width: 50%; height: 3px; display: block; position: absolute; bottom: 5px; left: 25%; background-color: #a6061a; }

.clear-shadow { clear: both; }

.content_warp { background: #fff; position: relative; width: 100%; height: 1250px; margin: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; z-index: 10; }

.content_warp .content-1, .content_warp .content-2 { position: absolute; top: 0; left: 0; padding: 25px 20px; z-index: 1; opacity: 0; -webkit-transition: opacity linear 0.1s; transition: opacity linear 0.1s; }

.content-1 .list-row { margin-top: 0; }

.content-1 .first-column_blue .table-btn { padding: 9px 0 6px; }

.content-2 .list-row:not(.list-early) { margin-top: 35px; }

.content-2 .first-column_blue h3 { padding: 15px 0; font-size: 20px; }

.content-2 .first-column_blue .table-column-top { padding: 20px 0 15px; font-size: 15px; }

.plan_tabs .tab-selector-1.tab-selector-1:checked ~ .content_warp .content-1, .plan_tabs .tab-selector-1.tab-selector-2:checked ~ .content_warp .content-2, .plan_tabs .tab-selector-2.tab-selector-1:checked ~ .content_warp .content-1, .plan_tabs .tab-selector-2.tab-selector-2:checked ~ .content_warp .content-2 { z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; }

.list-row .tick { position: relative; }

.list-row .tick::after { content: ''; display: block; width: 25px; height: 25px; margin: 0 auto; border-radius: 30px; background-color: #3869BF; }

.list-row .tick::before { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 5px; margin: -9px -6px 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.list-row .table-column input:checked + label { box-shadow: none; border: none; }

.list-row .close_icon:after { content: '\d7'; font-size: 23px; color: #555; text-align: center; line-height: 1; }

.list-row .none_icon:after { content: '\2d'; font-size: 25px; color: #555; text-align: center; line-height: 1; }

.sitemap__contact__inner div { width: 45%; display: inline-block; }

.sitemap__contact__inner div p { padding-top: 10px; font-size: 15px; line-height: 1; }

.sitemap__contact__inner .tel { margin: 0; border-right: 1px solid #dedede; }

.sitemap__contact__inner .tel i { margin-right: 5px; }

.sitemap__contact__inner .contact_btn { width: 330px; margin: 5px 70px 0 0; float: right; }

/*プレミアム検索追加*/
.about.page-header { text-align: left; }

.page-cover { dislay: table; width: 100%; }

.studentsdata .page-title, .studentsdata .cover-img { display: table-cell; vertical-align: middle; }

.cover-img a { outline: none; }

.faq h3 { margin-top: 1em; margin-bottom: 1em; }

.about h1, .faq .faq-q, .faq .faq-a, .faq li { line-height: 1.6; }

.graph-elm.right h3 { text-align: left; }

.graph-elm.right .current-month { font-size: 12px; }

.graph-elm.right .ttl-sec1 { font-size: 18px; }

/*プレミアム検索追加*/
.hyper .span12 .desc { margin-bottom: 30px; text-align: left; }

.hyper .span12 img { margin-bottom: 40px; }

.hyper .span12 h4 { font-weight: bold; text-align: left; font-size: 18px; padding-bottom: 10px; }

.hyper .span12 .func-list ul { margin: 0px; border: solid 1px #c9d3d2; }

.hyper .span12 .func-list ul li { position: relative; margin-bottom: 75px; text-align: center; font-size: 24px; list-style: none; font-weight: bold; }

.hyper .span12 .func-list ul li span { padding-bottom: 4px; padding-left: 4px; border-bottom: 4px solid #BCA43B; margin-left: 10px; }

.hyper .span12 .func-list ul li.elm-1::before { background: url("/company/assets/img/icon_premium.png") no-repeat center center; }

.hyper .span12 .func-list ul li::before { position: relative; top: 40px; left: 0px; display: inline-block; content: ''; width: 92px; height: 90px; }

/*プレミアム検索追加*/
.comp-analy .inner { width: 780px; margin-left: auto; margin-right: auto; }

.steps { margin-top: 50px; text-align: left; }

.steps .row { margin-bottom: 30px; padding-bottom: 30px; background: url(/company/assets/img/about_hyper_arrow.png) no-repeat 33% 100%; }

.steps .row#step-last { margin-bottom: 0; padding-bottom: 0; background: none; }

.steps h3 { font-size: 18px; text-align: center; margin-bottom: 1em; }

.steps .span8 h4 { font-size: 18px; text-decoration: underline; font-weight: bold; }

.steps .span8 p { padding: 1em; }

.steps .span4 { text-align: center; }

.faq .faq-q { margin-top: 1em; margin-bottom: 1em; padding-bottom: 1em; padding-left: 1em; border-bottom: 1px solid #cccccc; cursor: pointer; background: url(img/bg_plus.png) no-repeat center left; }

.faq .faq-a { margin-bottom: 1.6em; }

.app-logo { margin-left: 0; }

.app-txt { padding: 0 50px; text-align: left; }

.app_img { text-align: center; padding: 0 50px 30px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.app_img img { width: 50%; }

.app_img img + img { margin-left: 20px; }

.app-txt p.cod { font-size: 12px; margin: 10px 0px 0px 0px; }

.app-cap2 { text-align: right; }

#b_standard { display: table; width: 90%; margin: 20px auto 50px; }

#b_standard .left_logo { display: table-cell; width: 170px; height: 170px; vertical-align: middle; }

#b_standard .right_desc { display: table-cell; width: auto; height: 170px; padding-left: 30px; vertical-align: middle; }

#b_standard .right_desc h4 { font-size: 24px; text-align: left; }

.cont_sup, .cont_footnotes { font-size: 12px; font-weight: normal; }

.cont_footnotes { text-align: right; }

/*学生ユーザー*/
.compare h2, .graph h2 { margin-bottom: 50px; }

.graph .graph-wrapper { display: table; margin-bottom: 50px; }

.graph .graph-elm { float: none; display: table-cell; vertical-align: middle; }

.graph .graph-elm.left { padding: 0 50px; }

.graph .graph-elm p { text-align: left; }

.graph .graph-elm img { width: 100%; }

.graph .graph-elm h3 { font-size: 24px; margin-bottom: 1em; }

#columnchart_values { position: relative; }

.graph__desc { position: absolute; top: 25px; right: 125px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }

.graph__desc, .graph__tooltip { padding: 10px 20px; width: auto; height: auto; background: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); font-size: 14px; font-weight: bold; line-height: 1.4; }

.graph-elm.right { text-align: left; }

.graph-elm.right .current-month { font-size: 12px; }

.graph-elm.right .ttl-sec1 { font-size: 18px; }

/*Athlete Makers Global*/
.service-intro .key-visual { margin-bottom: 50px; padding: 0 0; background: rgba(113, 113, 113, 0.2); }

.service-intro .key-visual .row { text-align: center; }

.athlete .service-merit { width: 800px; margin: 30px auto 50px; background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 6px; padding: 30px; box-sizing: border-box; }

.athlete .service-merit ul { text-align: left; }

.athlete .service-merit ul li { line-height: 1.6; }

.makers .service-intro .osaka-logo { margin-top: 25px; margin-bottom: 75px; }

.makers .service-intro-title, .makers .service-intro-lead { max-width: 680px; margin-left: auto; margin-right: auto; }

.makers .service-merit { width: 940px; margin: 90px auto 50px; }

.makers .service-intro h2 { font-size: 1em; }

.makers .service-merit { display: table; }

.makers .service-merit-left, .makers .service-merit-right { display: table-cell; }

.makers .service-merit-left { width: 500px; }

.makers .service-merit-right { box-sizing: border-box; width: 440px; padding-left: 50px; vertical-align: middle; }

.makers .service-merit-right p { text-align: left; }

.global .service-merit { width: 940px; margin: 20px auto 50px; }

.global .service-movie { margin-bottom: 120px; }

.global .service-intro h2 { font-size: 1em; }

.global .service-merit { display: table; }

.global .service-merit-left, .global .service-merit-right { display: table-cell; }

.global .service-merit-left { width: 500px; }

.global .service-merit-right { box-sizing: border-box; width: 440px; padding-left: 50px; vertical-align: middle; }

.global .service-merit-right p { text-align: left; }

.global .service-movie h3, .global .service-conditions h3, .global #content1 h3, .global .user-attributes-collages h3, .global .user-attributes-schedule h3 { font-size: 27px; margin-bottom: 1em; }

.global .service-movie p, .global .service-conditions p, .global .user-attributes-collages p, .global .user-attributes-schedule p { font-size: 16px; margin-bottom: 60px; }

.user-attributes { position: relative; width: 960px; height: auto; margin: 0 auto; }

.athlete #content1 { width: 360px; position: absolute; top: 400px; left: 50px; text-align: left; }

.athlete #content2 { text-align: center; }

.athlete #content3 { position: relative; width: 569px; left: 50px; }

.athlete #content4 { position: absolute; width: 300px; top: 1150px; left: 130px; text-align: left; }

.athlete #content5 { position: relative; width: 418px; left: 480px; top: -200px; }

.athlete .user-attributes { margin-bottom: -100px; }

.makers .user-attributes, .global .user-attributes { margin-bottom: 130px; }

.makers #content1, .makers #content2, .makers #content3 { display: inline-block; vertical-align: bottom; }

.makers #content1 { padding-right: 25px; }

.makers #content2 { padding-left: 25px; }

.makers #content3 { padding-top: 86px; }

.makers .user-comps, .global .user-comps, .athlete .user-comps { margin-bottom: 110px; }

.makers .user-comps-img, .global .user-comps-img { margin-top: 26px; }

.makers .to-form-wrapper, .global .to-form-wrapper, .athlete .to-form-wrapper { margin-bottom: 100px; }

.global #content1, .global #content2, .global #content3, .global #content4 { float: right; width: 50%; }

.global #content1 p { text-align: left; }

.global #content2 { margin-bottom: 80px; }

.global #content3 { margin-top: -180px; }

.global .condition-1, .global .condition-2 { float: left; width: 50%; height: 100%; text-align: center; }

.global .circle-wrapper { box-sizing: border-box; position: relative; width: 370px; height: 370px; margin-left: auto; margin-right: auto; border: 3px solid #0e2955; border-radius: 185px; line-height: 1.6; color: #0e2955; }

.global .circle-wrapper strong { font-size: 38px; font-weight: bold; }

.global .circle-wrapper p { position: absolute; top: 20%; width: 100%; text-align: center; }

.global .service-conditions p:last-child { margin-bottom: 0 !important; }

.global .user-attributes-inner, .global .collages-list { margin-bottom: 90px; }

.global .column1, .global .column2, .global .column3 { float: left; width: 33.3%; font-size: 12px; text-align: left; line-height: 1.2; }

.service-img { margin-bottom: 100px; }

.service-img p { text-align: left; }

/*オプションページ*/
.price-signature { color: #dd2c1b; font-weight: bold; }

div.span12.early { margin: 30px 0px 50px 30px; }

div.span12.early img { margin-left: 10px; }

/*ご利用の流れ*/
.fee .span4 .desc { text-align: center; }

.price-desc { font-size: 14px; margin: 0 0 0 0; padding-left: 1em; text-align: left; }

.price-num { color: #dd2c1b; font-size: 34px; font-weight: bold; }

.price-desc .price-num.small { font-size: 14px; }

.flow { -ms-box-sizing: border-box; box-sizing: border-box; width: 840px; margin: 0 auto 40px; padding-top: 45px; padding-bottom: 45px; border: 1px solid #c5c5c5; text-align: justify; text-justify: distribute; }

.flow-desc { float: left; width: 440px; margin-left: 60px; }

.flow-catch { float: right; width: 240px; margin-right: 40px; }

.flow-title { margin-bottom: 40px; color: #0e2955; font-weight: bold; text-decoration: underline; }

.flow-catch { display: block; width: 275px; }

.catch-inner:first-child { margin-bottom: 20px; }

.flow-icon { display: table-cell; width: 51px; vertical-align: middle; }

.flow-icon img { width: 100%; }

.flow-points { display: table-cell; vertical-align: middle; }

.flow-points li { line-height: 1.6; }

.points-extra { margin-left: 1em; }

.points-extra li { list-style: none; font-size: 12px; }

.flow .btn { width: 100%; margin-top: 20px; padding-left: 0 !important; padding-right: 0 !important; }

.flow-hr { width: 100%; height: 25px; margin-bottom: 30px; background: url(/company/assets/img/flow_arrow.png) no-repeat center center; }

.flow { position: relative; z-index: 1; }

.flow-num { position: absolute; top: -25px; left: -50px; z-index: 10; }

/*学生ユーザー*/
#columnchart_values { position: relative; }

.graph__desc { position: absolute; top: 25px; right: 125px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }

.graph__desc, .graph__tooltip { padding: 10px 20px; width: auto; height: auto; background: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); font-size: 14px; font-weight: bold; line-height: 1.4; }

.emph { font-size: 30px; font-weight: bold; }

.elm-obj-desc { padding: 20px; background: #fff; border-left: 3px solid #3399cc; border-bottom: 3px solid #3399cc; text-align: justify; text-justify: distribute; }

.elm-obj-desc.last { border-right: 3px solid #3399cc; }

.read-more-text p { margin: 0 0 0 0; padding: 10px 0; background: #f5f7f7; text-align: center; }

.read-more-arrow { height: 51px; background: url(/company/assets/img/story_arrow.png) no-repeat center center; }

.lp__container *, .lp__cv * { box-sizing: border-box; }

.lp__container .bg-gray { background-color: #f7f7f6; margin-bottom: 70px; }

.lp__container .bg-white { padding: 0; }

.lp__sect--first { padding: 80px 0 60px 0; background: url(/company/assets/img/17lp_bg.jpg) no-repeat center center; background-size: cover; }

.lp__sect--first .lp__first { background: url(/company/assets/img/17lp_bg_texture.png); }

.lp__sect--first .lp__first__row1 { position: relative; width: 100%; height: 280px; }

.lp__sect--first .lp__first__row2 { width: 940px; height: 128px; padding: 15px 38px; background: #333333; }

.lp__sect--first .lp__first__ttl { position: absolute; top: -15px; left: 10px; width: 673px; height: 280px; background: url(/company/assets/img/17lp_firstview_copy_12.png) no-repeat center center; text-indent: -9999em; }

.lp__sect--first .lp__first__awards { position: absolute; top: 15px; right: 10px; }

.lp__sect--first .lp__first__notice { position: absolute; top: 130px; right: 20px; }

.lp__sect--first .lp__first__steps { float: left; width: 467px; height: 95px; background: url(/company/assets/img/17lp_firstview_step.png); text-indent: -9999em; }

.lp__sect--first .lp__first__cv { float: right; }

.lp__sect__ttl { position: relative; padding: 30px 0; margin-bottom: 80px; background: #0083eb; color: #FFF; text-align: center; font-size: 38px; font-weight: bold; }

.lp__sect__ttl::after { position: absolute; top: 100%; left: 50%; margin-left: -40px; content: ""; border: 40px solid transparent; border-top-color: #0083eb; }

.lp__sect__ttl.white { position: relative; padding: 30px 0; margin-bottom: 0; background: #FFF; color: #0e2955; text-align: center; font-size: 38px; font-weight: bold; }

.lp__sect__ttl.white::after { position: absolute; top: 100%; left: 50%; margin-left: -50px; content: ""; border: 50px solid transparent; border-top-color: #FFF; }

.lp__sect__ttl.gray { position: relative; padding: 30px 0; margin-bottom: 80px; background: #d5d5d5; color: #0e2955; text-align: center; font-size: 38px; font-weight: bold; }

.lp__sect__ttl.gray::after { position: absolute; top: 100%; left: 50%; margin-left: -50px; content: ""; border: 50px solid transparent; border-top-color: #d5d5d5; }

.lp__sect__ttl.black { position: relative; padding: 30px 0; margin-bottom: 80px; background: #333333; color: #ffffff; text-align: center; font-size: 38px; font-weight: bold; }

.lp__sect__ttl.black::after { position: absolute; top: 100%; left: 50%; margin-left: -50px; content: ""; border: 50px solid transparent; border-top-color: #333333; }

.lp__sect__ttl.ivory { position: relative; padding: 30px 0; margin-bottom: 80px; background: #f7f7f6; color: #333333; text-align: center; font-size: 38px; font-weight: bold; }

.lp__sect__ttl.ivory::after { position: absolute; top: 100%; left: 50%; margin-left: -50px; content: ""; border: 50px solid transparent; border-top-color: #f7f7f6; }

.lp__sect__reason__wrapper { display: table; margin-bottom: 35px; }

.lp__sect__reason__wrapper .lp__sect__reason__img, .lp__sect__reason__wrapper .lp__sect__reason__desc__wrapper { display: table-cell; vertical-align: top; border: 5px solid #0e2955; }

.lp__sect__reason__wrapper .lp__sect__reason__img { width: 280px; padding: 10px 0; background: #fffee7; text-align: center; vertical-align: middle; }

.lp__sect__reason__wrapper .lp__sect__reason__desc__wrapper { border-left: none; background: url(/company/assets/img/17lp_bg_texture.png); }

.lp__sect__reason__wrapper .lp__sect__reason__desc { font-size: 18px; background: #fff; padding: 30px 30px 10px; margin-bottom: 25px; }

.lp__sect__reason__wrapper .lp__sect__reason__ttl { font-size: 28px; font-weight: bold; color: #0083eb; margin-bottom: 26px; }

.lp__sect__reason__wrapper .lp__sect__reason__txt { background: #fff; }

.lp__cases { margin-bottom: 0px; display: table; width: 940px; border-bottom: 3px solid #FFF; }

.lp__cases .user__img { width: 240px; vertical-align: top; margin: -50px 10px 20px 10px; float: left; }

.user__img--funai { width: 240px; vertical-align: top; margin: 20px 16px 20px 30px; float: left; }

.lp__cases .user__voice .user__voice__ttl { font-size: 30px; color: #0083eb; margin: 30px 30px 30px 30px; }

.lp__cases .user__voice .user__voice__ttl span { font-size: 24px; }

.lp__cases .user__voice .user__voice__ttl, .lp__cases .user__voice .user__voice__lead { margin-bottom: 10px; }

.lp__cases .user__voice .user__voice__balloon { position: relative; z-index: 10; padding: 20px 15px; border: 5px solid #0083eb; border-radius: 20px; }

.lp__cases .user__voice .user__voice__balloon:before { position: absolute; z-index: 11; top: 30px; left: 100%; content: ''; width: 0; height: 0; border: 20px solid transparent; border-left-color: #0083eb; }

.lp__cases .user__voice .user__voice__balloon:after { position: absolute; z-index: 12; top: 30px; left: 100%; content: ''; width: 0; height: 0; margin-left: -6px; border: 20px solid transparent; border-left-color: #fff; }

.lp__cases.revert .user__voice { padding-left: 40px; }

.lp__cases.revert .user__voice .user__voice__balloon:before { top: 30px; left: -45px; border-left-color: transparent; border-right-color: #0083eb; }

.lp__cases.revert .user__voice .user__voice__balloon:after { top: 30px; left: -32px; border-left-color: transparent; border-right-color: #fff; }

.lp__cases .user__voice .user__voice--3step, .lp__cases .user__voice .user__voice--2step, .lp__cases .user__voice .user__voice--1step { font-size: 18px; line-height: 1.4; }

.lp__cases .user__voice p.user__voice--3step, .lp__cases .user__voice p.user__voice--2step, .lp__cases .user__voice p.user__voice--1step { float: left; text-align: center; width: 33%; box-sizing: border-box; position: relative; }

.lp__cases .user__voice .user__voice--3step span, .lp__cases .user__voice .user__voice--2step span, .lp__cases .user__voice .user__voice--1step span { font-size: 30px; font-weight: bold; }

.lp__cases .user__voice p.user__voice--2step { width: 50%; }

.lp__cases .user__voice p.user__voice--1step { width: 100%; }

.lp__cases .user__voice .user__voice__pass { width: 100%; font-size: 21px; line-height: 1.2; text-align: center; color: #ff5959; }

.lp__cases .user__voice .user__voice__pass span { font-size: 36px; font-weight: bold; }

.lp__cases .user__voice .user__voice__ttl, .lp__cases .user__voice .user__voice__lead { margin-bottom: 10px; }

.lp__cases .user__voice .user__voice__flow, .lp__cases .user__voice .user__voice__offer { z-index: 10; padding: 30px 10px 30px 20px; border: 7px solid #7bbdf0; border-radius: 10px; height: 130px; box-sizing: border-box; width: 430px; float: left; position: relative; background-color: #FFF; margin-left: 30px; }

.lp__cases .user__voice .user__voice__offer { margin-left: 40px; margin-right: 10px; }

.lp__cases .user__voice .funai { margin: 0px; }

.lp__cases .user__voice .user__voice__flow { margin-top: 10px; }

.lp__cases .user__voice .user__voice__offer { border: 7px solid #ff5959; width: 160px; height: 145px; float: left; padding-left: 10px; }

.lp__flow { margin: 30px auto 50px; font-size: 0; }

.lp__flow li { display: inline-block; width: 20%; font-size: 16px; text-align: center; }

.lp__bg--g.lp__flow { margin: 30px auto 50px; font-size: 0; }

.lp__flow li { display: inline-block; width: 20%; font-size: 16px; text-align: center; }

.lp__bg--gray { background: #f7f7f6; padding-top: 90px; padding-bottom: 80px; }

.lp__bg--ivory { background: #fafafa; }

.lp__arrow--lightblue::after { border-left-color: #7bbdf0 !important; }

.arrow::after { position: absolute; top: 35%; left: 50%; width: 0; height: 0; content: ''; margin-left: 215px; border: 20px solid transparent; border-left-color: #767676; }

.arrow_step::after { position: absolute; top: 35%; left: 50%; width: 0; height: 0; content: ''; margin-left: 55px; border: 15px solid transparent; border-left-color: #767676; }

.bg__17lp_cv { background: #0a77d2; width: auto; margin-bottom: 60px; position: relative; }

.table__17lp_cv { padding: 0 0; width: 940px; margin: 0 auto; position: relative; }

.block__17lp_cv { display: table; padding: 0px 0px 30px 0px; }

div.block_element__17lp_cv { display: table-cell; width: 500px; clear: both; }

.block_element2__17lp_cv { display: table-cell; width: 430px; box-sizing: content-box; vertical-align: middle; float: left; }

.block_element2__17lp_cv.17lp { font-size: 38px; margin-bottom: 0px; }

.table__17lp_cv::before { position: relative; display: inline-table; content: ''; width: 0; height: 0; margin-right: 0px; border: 15px solid transparent; border-left-color: #ff5959; left: -390px; top: 60px; }

.block_element2__17lp_cv p { font-size: 28px; margin: 30px 0px 10px 70px; line-height: 1.6; font-weight: bold; color: #fffee7; }

.block_element2__17lp_cv p span { font-size: 38px; font-weight: bold; color: #FFF; }

.separator__17lp_cv::after { position: absolute; left: 50%; content: ''; width: 100px; height: 50px; background: url("/company/assets/img/separator_17lp.png") 0 0 no-repeat transparent; margin: 0 0 0 -50px; }

#lp17 .lp__cv__sect h3 { padding: 20px 0; text-align: center; color: #0083eb; font-size: 28px; }

#lp17 .lp__cv__ttl { position: relative; display: inline-block; }

#lp17 .lp__cv__ttl::before { position: relative; display: inline-block; content: ''; width: 0; height: 0; margin-right: 10px; border: 10px solid transparent; border-left-color: #c9caca; }

#lp17 .lp__cv__ttl strong { color: #cc3f3e; font-weight: bold; }

#lp17 .lp__cv__sect { position: relative; z-index: 10; background: #fffee7; color: #fff; border: 5px solid #dcdcdc; border-radius: 20px; }

#lp17 .lp__cv__badge { position: absolute; top: -30px; left: 30px; z-index: 11; width: 120px; height: 120px; background: url(/company/assets/img/17lp_cv_badge.png) no-repeat center center; text-indent: -9999em; }

#lp17 .lp__cv__cont { border-radius: 0 0 16px 16px; height: 152px; }

#lp17 .lp__cv--left, #lp17 .lp__cv--right { float: left; }

#lp17 .lp__cv--left { width: 735px; padding: 10px; }

#lp17 .lp__cv--right { width: 172px; padding: 24px 0px 0px 5px; float: left; }

#lp17 .lp__cv__ttl { text-align: center; font-size: 24px; font-weight: bold; line-height: 1.6; }

#lp17 .lp__cv__txt { text-align: center; line-height: 1.4; }

#lp17 .lp__cv__phone { font-size: 38px; font-weight: bold; }

#lp17 .lp__cv__hour { font-size: 24px; }

#lp17 .lp__cv__btn { display: table; width: 100%; margin: 15px; }

#lp17 .lp__cv__btn--left, #lp17 .lp__cv__btn--right { display: table-cell; vertical-align: top; }

#lp17 .lp__cv__btn--left { padding-left: 0px; }

#lp17 .lp__cv__btn--right { padding-left: 0px; }

#lp17 .lp__btn--green { display: table; width: 216px; height: 100px; margin-bottom: 0; background: url(/company/assets/img/17lp_btn_green.png) no-repeat center center; font-weight: bold; font-size: 24px; color: #FFF; padding-left: 30px; }

#lp17 .lp__btn--green:hover { opacity: 0.6; color: #FFF; }

#lp17 .lp__btn--green a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: inherit; cursor: pointer; }

#lp17 .lp__btn--red { display: table; width: 478px; height: 100px; margin-bottom: 0; background: url(/company/assets/img/17lp_btn_red.png) no-repeat center center; text-align: center; vertical-align: middle; font-weight: bold; font-size: 24px; color: #FFF; line-height: 1.4; }

#lp17 .lp__btn--red:hover { opacity: 0.6; color: #FFF; cursor: pointer; }

#lp17 .lp__btn--red a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: inherit; }

#lp17 .lp__icon--arrow { position: relative; }

#lp17 .lp__icon--arrow::before { display: block; position: absolute; z-index: 10; top: 50%; left: -80px; width: 34px; height: 34px; margin-right: 0px; content: ''; background: url(/company/assets/img/17lp_icon_arrow.png) no-repeat center center; }

#lp17 .lp__btn--green span.lp__icon--arrow::before { display: block; position: absolute; z-index: 10; top: 50%; left: -40px; width: 34px; height: 34px; margin-right: 0px; content: ''; background: url(/company/assets/img/17lp_icon_arrow.png) no-repeat center center; }

#lp17 .lp__icon--mail { position: relative; }

#lp17 .lp__icon--mail::before { display: inline-block; position: relative; width: 25px; height: 18px; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_mail.png) no-repeat center center; background-size: cover; }

#lp17 .lp__icon--tel { position: relative; }

#lp17 .lp__icon--tel::before { display: inline-block; position: relative; width: 26px; height: 30px; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_tel.png) no-repeat center top; }

#lp17 .lp__icon--before { position: relative; }

#lp17 .lp__icon--before::before { display: inline-block; position: relative; width: 1em; height: 1em; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_before.png) no-repeat center center; background-size: 100% 100%; }

#lp17 .lp__icon--after { position: relative; }

#lp17 .lp__icon--after::before { display: inline-block; position: relative; width: 1em; height: 1em; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_after.png) no-repeat center center; background-size: 100% 100%; }

/*---------------------------*/
#lp18 .lp__cv__sect h3 { padding: 20px 0; text-align: center; color: #0083eb; font-size: 28px; }

#lp18 .lp__cv__ttl { position: relative; display: inline-block; }

#lp18 .lp__cv__ttl::before { position: relative; display: inline-block; content: ''; width: 0; height: 0; margin-right: 10px; border: 10px solid transparent; border-left-color: #c9caca; }

#lp18 .lp__cv__ttl strong { color: #cc3f3e; font-weight: bold; }

#lp18 .lp__cv__sect { position: relative; z-index: 10; background: #FFF; color: #fff; border: 5px solid #dcdcdc; border-radius: 20px; }

#lp18 .lp__cv__badge { position: absolute; top: -30px; left: 30px; z-index: 11; width: 120px; height: 120px; background: url(/company/assets/img/17lp_cv_badge.png) no-repeat center center; text-indent: -9999em; }

#lp18 .lp__cv__cont { background: #0083eb; border-radius: 0 0 16px 16px; }

#lp18 .lp__cv--left, #lp18 .lp__cv--right { float: left; }

#lp18 .lp__cv--left { width: 375px; padding: 10px; }

#lp18 .lp__cv--right { width: 526px; padding: 10px 0; }

#lp18 .lp__cv__ttl { text-align: center; font-size: 24px; font-weight: bold; line-height: 1.6; }

#lp18 .lp__cv__txt { text-align: center; line-height: 1.4; }

#lp18 .lp__cv__phone { font-size: 38px; font-weight: bold; }

#lp18 .lp__cv__hour { font-size: 24px; }

#lp18 .lp__cv__btn { display: table; width: 100%; }

#lp18 .lp__cv__btn--left, #lp18 .lp__cv__btn--right { display: table-cell; vertical-align: top; }

#lp18 .lp__cv__btn--left { padding-right: 25px; }

#lp18 .lp__cv__btn--right { padding-left: 25px; border-left: 2px solid #fff; }

#lp18 .lp__btn--green { display: table; width: 238px; height: 90px; margin-bottom: 0; background: url(/company/assets/img/17lp_btn_green.png) no-repeat center center; font-weight: bold; font-size: 24px; color: #FFF; }

#lp18 .lp__btn--green:hover { opacity: 0.6; color: #FFF; }

#lp18 .lp__btn--green a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: inherit; cursor: pointer; }

#lp18 .lp__btn--red { display: table; width: 238px; height: 90px; margin-bottom: 0; background: url(/company/assets/img/17lp_btn_red.png) no-repeat center center; text-align: center; vertical-align: middle; font-weight: bold; font-size: 24px; color: #FFF; }

#lp18 .lp__btn--red:hover { opacity: 0.6; color: #FFF; cursor: pointer; }

#lp18 .lp__btn--red a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: inherit; }

#lp18 .lp__icon--arrow { position: relative; }

#lp18 .lp__icon--arrow::before { display: block; position: absolute; z-index: 10; top: 50%; left: -27px; width: 27px; height: 100%; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_arrow.png) no-repeat center center; background-size: contain; }

#lp18 .lp__icon--mail { position: relative; }

#lp18 .lp__icon--mail::before { display: inline-block; position: relative; width: 25px; height: 18px; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_mail.png) no-repeat center center; background-size: cover; }

#lp18 .lp__icon--tel { position: relative; }

#lp18 .lp__icon--tel::before { display: inline-block; position: relative; width: 26px; height: 30px; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_tel.png) no-repeat center top; }

#lp18 .lp__icon--before { position: relative; }

#lp18 .lp__icon--before::before { display: inline-block; position: relative; width: 1em; height: 1em; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_before.png) no-repeat center center; background-size: 100% 100%; }

#lp18 .lp__icon--after { position: relative; }

#lp18 .lp__icon--after::before { display: inline-block; position: relative; width: 1em; height: 1em; margin-right: 6px; content: ''; background: url(/company/assets/img/17lp_icon_after.png) no-repeat center center; background-size: 100% 100%; }

#lp18 .pattern--a .lp__kv__wrapper { width: 100%; height: 361px; background: url("/company/assets/img/18lp_a_kv.png") repeat-x center center; background-size: auto 100%; }

#lp18 .pattern--a .lp__kv__wrapper2 { padding: 12px 0 10px; position: relative; z-index: 1; background: #144899; }

#lp18 .pattern--a .lp__kv__wrapper2::after { position: absolute; z-index: 100; top: 100%; left: 50%; content: ''; display: block; width: 118px; height: 64px; margin-top: 0; margin-left: -59px; background: url("/company/assets/img/18lp_a_arrow.png") no-repeat center center; background-size: auto 100%; }

#lp18 .pattern--a .lp__kv__nontes { margin-bottom: 0; font-size: 12px; color: #FFF; text-align: center; }

#lp18 .pattern--a .lp__bg--grad { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #e4ecf1), color-stop(0, #eef6fb)); background: -webkit-linear-gradient(top, #eef6fb 0%, #e4ecf1 88%); background: linear-gradient(to bottom, #eef6fb 0%, #e4ecf1 88%); }

#lp18 .pattern--a .lp__bg--dblue { background: #0e2955; }

#lp18 .pattern--a .lp__sect__ttl { font-size: 34px; padding: 20px 0; margin-bottom: 100px; }

#lp18 .pattern--a .lp__sect__ttl.dblue { background: #0e2955; }

#lp18 .pattern--a .lp__sect__ttl.dblue::after { border-top-color: #0e2955; }

#lp18 .pattern--a .lp__bg--lblue { background: #edf6fb; }

#lp18 .pattern--a .lp__sect__ttl.lblue { background: #edf6fb; color: #18325c; }

#lp18 .pattern--a .lp__sect__ttl.lblue::after { border-top-color: #edf6fb; }

#lp18 .pattern--a .lp__sect__lead { font-size: 30px; color: #0f4393; text-align: center; }

#lp18 .pattern--a .lp__cv__sect { padding-top: 10px; border-color: #0083eb; background: #0083eb; border-radius: 12px; }

#lp18 .pattern--a .lp__cv__cont { position: relative; z-index: 1; border-color: transparent; background: transparent; }

#lp18 .pattern--a .lp__cv__cont::before { position: relative; display: block; width: 265px; height: 29px; left: 370px; content: ''; background: url("/company/assets/img/18lp_a_cv_copy.png") no-repeat center center; }

#lp18 .pattern--a .lp__cv__cont::after { position: absolute; z-index: 10; top: -55px; left: 15px; display: block; width: 210px; height: 87px; content: ''; background: url("/company/assets/img/18lp_a_cv_balloon.png") no-repeat center center; background-size: contain; }

#lp18 .pattern--a .lp__btn--green, #lp18 .pattern--a .lp__btn--red { height: 94px; }

#lp18 .pattern--a .lp__btn--green a, #lp18 .pattern--a .lp__btn--red a { padding-left: 30px; line-height: 1.2; }

#lp18 .pattern--a .lp__btn--green { width: 252px; background: url("/company/assets/img/18lp_a_btn_green.png") no-repeat center center; }

#lp18 .pattern--a .lp__btn--green .lp__icon--arrow::before { left: -50px; width: 50px; }

#lp18 .pattern--a .lp__btn--green a { font-size: 28px; }

#lp18 .pattern--a .lp__btn--red { width: 229px; background: url("/company/assets/img/18lp_a_btn_red.png") no-repeat center center; }

#lp18 .pattern--a .lp__btn--red .lp__icon--arrow::before { left: -50px; width: 50px; }

#lp18 .pattern--a .lp__btn--red .lp__icon--arrow a { font-size: 26px; }

#lp18 .pattern--a .lp__sect__reason__desc__wrapper { background: none; }

#lp18 .pattern--b .lp__kv__wrapper { width: 100%; height: 468px; background: url("/company/assets/img/18lp_1_kv_bg_wrapper.jpg") repeat-x; background-size: auto 100%; }

#lp18 .pattern--b .lp__kv { width: 100%; height: 468px; background: url("/company/assets/img/18lp_1_kv_bg.jpg") no-repeat center center; background-size: auto 100%; }

#lp18 .pattern--b .lp__kv__wrapper2 { position: relative; z-index: 1; background: #ecefbe; border-bottom: 30px solid #9473cb; }

#lp18 .pattern--b .lp__kv__wrapper2::after { position: absolute; z-index: 100; top: 100%; left: 50%; content: ''; display: block; width: 158px; height: 100px; margin-top: 10px; margin-left: -79px; background: url("/company/assets/img/18lp_1_arrow.png") no-repeat center center; background-size: auto 100%; }

#lp18 .pattern--b .lp__kv2 { text-align: center; padding: 30px; font-size: 24px; font-weight: bold; line-height: 1.4; }

#lp18 .pattern--b .lp__chart { padding: 20px; border: 6px solid #dbcef0; background: #FFF; }

#lp18 .pattern--b .lp__chart--left, #lp18 .pattern--b .lp__chart--right { float: left; box-sizing: border-box; }

#lp18 .pattern--b .lp__chart--left { width: 460px; }

#lp18 .pattern--b .lp__chart--right { width: 410px; }

#lp18 .pattern--b .lp__chart--left { padding-right: 10px; }

#lp18 .pattern--b .lp__chart--right { padding-left: 10px; }

#lp18 .pattern--b .lp__chart--left img, #lp18 .pattern--b .lp__chart--right img { max-width: none; width: 100%; }

#lp18 .pattern--b .bx-wrapper .bx-viewport { height: 300px !important; width: 450px !important; left: 0 !important; margin: 10px auto !important; box-shadow: none !important; border-top: 25px solid #9473cb; border-right: 35px solid #9473cb; border-bottom: 25px solid #9473cb; border-left: 35px solid #9473cb; }

#lp18 .pattern--b .bx-wrapper { position: relative; }

#lp18 .pattern--b .bx-wrapper::before { position: absolute; z-index: 100; top: 5px; right: 5px; display: block; content: ''; width: 127px; height: 16px; background: url("/company/assets/img/18lp_1_cap3_txt.png") no-repeat center center; background-size: contain; }

#lp18 .pattern--b .bx-wrapper::after { position: absolute; z-index: 100; top: -50px; left: 115px; display: block; content: ''; border: 25px solid transparent; border-right-color: #9473cb; border-bottom-color: #9473cb; }

#lp18 .pattern--b .bx-wrapper img { max-width: none; width: 100% !important; }

#lp18 .pattern--b .lp__cv__sect { position: relative; z-index: 10; margin: 20px auto 90px; background: #f5f3d3; color: #3a3d11; border: 5px solid #8f944c; border-radius: 12px; }

#lp18 .pattern--b .lp__cv__cont { background: none; }

#lp18 .pattern--b .lp__cv__btn--right { border-left: 1px solid #8f944c; }

#lp18 .pattern--b .lp__icon--tel::before { background: url("/company/assets/img/18lp_icon_tel.png") no-repeat center top; }

#lp18 .pattern--b .lp__btn--green { background: url("/company/assets/img/18lp_btn_green.png") no-repeat center center; }

#lp18 .pattern--b .lp__btn--red { background: url("/company/assets/img/18lp_btn_red.png") no-repeat center center; }

#lp18 .pattern--b .lp__sect__ttl { font-size: 34px; }

#lp18 .pattern--b .lp__sect__ttl::after { margin-left: -40px; border-width: 40px; }

#lp18 .pattern--b .lp__bg--ivory { background: #f7f7f6; }

#lp18 .pattern--b .lp__sect__ttl.khaki { background: #ecefbe; }

#lp18 .pattern--b .lp__sect__ttl.khaki::after { border-top-color: #ecefbe; }

#lp18 .pattern--b .lp__sect__ttl.white { margin-bottom: 80px; }

#lp18 .pattern--b .lp__sect__ttl.white, #lp18 .pattern--b .lp__sect__ttl.gray, #lp18 .pattern--b .lp__sect__ttl.ivory, #lp18 .pattern--b .lp__sect__ttl.khaki { color: #333; }

#lp18 .pattern--b .lp__ttl__img { margin: 0 auto 25px; padding-top: 25px; }

#lp18 .pattern--b .award { display: table; }

#lp18 .pattern--b .award__img, #lp18 .pattern--b .award__txt { display: table-cell; vertical-align: middle; text-align: left; font-size: 24px; }

#lp18 .pattern--b .award__txt { padding: 0 20px; }

#lp18 .pattern--b .lp__sect__reason__ttl { color: #653ea4; }

#lp18 .pattern--b .lp__sect__reason__desc__wrapper { background: none; }

/*--17卒内定者傾向-------------------------*/
.clearfix:after { content: " "; display: block; clear: both; }

#lp17naitei { width: 100%; }

#lp17naitei .lp17naitei-first { background: url("/company/assets/img/17lp-naitei/firstview_bg_01.gif?ver=201700301") repeat-x center top; }

#lp17naitei .lp17naitei-first p { margin: 0; position: absolute; }

#lp17naitei .lp17naitei-first .lp17naitei-first__wrap { margin: 0 auto; position: relative; height: 269px; }

#lp17naitei .lp17naitei-first .lp17naitei-first__t01 { top: 54px; }

#lp17naitei .lp17naitei-first .lp17naitei-first__t02 { top: 54px; right: 0; }

#lp17naitei .lp17naitei-first .lp17naitei-first__t03 { top: 164px; right: 0; }

#lp17naitei .lp17naitei-cv { background: url("/company/assets/img/17lp-naitei/cv_bg_01.gif?ver=201700301") repeat-x center top; height: 200px; }

#lp17naitei .lp17naitei-cv [class$="w940"] { text-align: center; }

#lp17naitei .lp17naitei-cv [type="checkbox"] { margin-right: 5px; }

#lp17naitei .lp17naitei-cv [for^="tos_agree_0"] { width: auto; margin: 0; color: #fff; font-size: 15px; }

#lp17naitei .lp17naitei-cv #tos_agree_label { margin-bottom: 10px; }

#lp17naitei .lp17naitei-cv-tos { width: 725px; padding: 10px; margin: 15px auto; background-color: rgba(255, 255, 255, 0.6); border: 1px solid tranceparent; border-radius: 4px; }

#lp17naitei .lp17naitei-cv-tos [class^="lp17naitei-cv-tos__"] { font-size: 12px; text-align: left; line-height: 1.4; }

#lp17naitei .lp17naitei-cv-tos .lp17naitei-cv-tos__sec { height: 70px; overflow: auto; }

#lp17naitei .lp17naitei-cv-agree { color: #fff; margin: 0; font-size: 12px; }

#lp17naitei .lp17naitei-cv__btn { display: block; margin: 0 auto; background-color: rgba(255, 255, 255, 0.6); padding: 6px; border: 1px solid tranceparent; border-radius: 10px; cursor: pointer; }

#lp17naitei .lp17naitei-cv__btn.disable { cursor: default; opacity: 0.8; }

#lp17naitei .lp17naitei-cv-agree__link { color: rgba(255, 255, 255, 0.9); text-decoration: underline; cursor: pointer; }

#lp17naitei .lp17naitei-cv-agree__link:hover, #lp17naitei .lp17naitei-cv-agree__link:active { text-decoration: none; }

#lp17naitei .lp17naitei-sec01 { padding: 40px 0; }

#lp17naitei .lp17naitei-sec01 h2 { float: left; margin-top: 5px; }

#lp17naitei .lp17naitei-sec01 p { float: right; width: 500px; margin: 0; font-size: 13px; line-height: 1.4; }

#lp17naitei .lp17naitei-sec02 { padding: 45px 0; background: #edf0fe; text-align: center; }

#lp17naitei .lp17naitei-sec02 h2 { margin-bottom: 20px; }

#lp17naitei .lp17naitei-sec03 { height: 540px; background: url("/company/assets/img/17lp-naitei/sec03_bg_01.png?ver=201700301") repeat-x center top fixed; text-align: center; }

#lp17naitei .lp17naitei-sec03 h2 { padding-top: 20px; }

#lp17naitei .lp17naitei-sec03 .lp17naitei-sec03__wrap { background: url("/company/assets/img/17lp-naitei/sec03_bg_02.png?ver=201700301") repeat-x center bottom; height: 540px; text-align: center; text-shadow: 1px 1px 2px #fff; }

#lp17naitei .lp17naitei-sec03 .lp17naitei-sec03__t01 { font-size: 40px; padding: 40px 0 20px; }

#lp17naitei .lp17naitei-sec03 .lp17naitei-sec03__lead { font-size: 16px; }

#lp17naitei .lp17naitei-sec03 .lp17naitei-sec03__notice { width: 940px; margin: 10px auto 0; text-align: right; font-size: 13px; }

#lp17naitei .lp17naitei-sec04 { padding: 70px 0; text-align: center; }

#lp17naitei .lp17naitei-sec04 .lp17naitei-sec04__t01 { padding-right: 10px; font-size: 13px; text-align: right; }

#lp17naitei .lp17naitei-sec04 .lp17naitei-sec04__t02 { margin: 20px 0 30px; font-size: 16px; }

#lp17naitei .lp17naitei-sec04 h2 { padding: 0 0 20px; font-size: 40px; }

#lp17naitei .lp17naitei-sec05 { height: 350px; background: #ededed url("/company/assets/img/17lp-naitei/sec05_bg_01.png?ver=201700301") repeat-x center top fixed; text-align: center; }

#lp17naitei .lp17naitei-sec05 h2 { padding: 64px 0 40px; font-size: 40px; }

#lp17naitei .lp17naitei-sec05 p.lp17naitei-sec05__t01 { text-align: right; font-size: 14px; }

#lp17naitei .lp17naitei-sec06 { padding: 70px 0; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__wrap { background: #005392; box-sizing: border-box; padding: 30px 45px 45px 45px; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__wrap h2 { margin-bottom: 30px; text-align: center; color: #fff; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__col { box-sizing: border-box; width: 414px; height: 354px; padding: 30px; background: #f2f2f2 url("/company/assets/img/17lp-naitei/sec06_bg_01.png?ver=201700301") no-repeat center top; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__col figure { margin: 0; display: table-cell; vertical-align: middle; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__col h3 { margin: 0; padding: 0 0 0 10px; display: table-cell; vertical-align: middle; font-size: 17px; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__col p { margin-top: 20px; font-size: 13px; line-height: 1.6; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__col.col01 { float: left; }

#lp17naitei .lp17naitei-sec06 .lp17naitei-sec06__col.col02 { float: right; }

#lp17naitei .lp17naitei-sec07 { padding: 70px 0; }

#lp17naitei .lp17naitei-sec07 .lp17naitei-sec07__col { border: 6px solid #2e43a7; border-radius: 10px; display: table; width: 940px; padding: 30px 0; }

#lp17naitei .lp17naitei-sec07 .lp17naitei-sec07__col__txt { display: table-cell; box-sizing: border-box; width: 50%; }

#lp17naitei .lp17naitei-sec07 .lp17naitei-sec07__col__txt:nth-child(odd) { font-size: 18px; padding-left: 50px; border-right: 2px dotted #2e43a7; }

#lp17naitei .lp17naitei-sec07 .lp17naitei-sec07__col__txt:nth-child(even) { background: url("/company/assets/img/17lp-naitei/sec07_icon.png?ver=201700301") no-repeat 60px center; font-weight: bold; padding-left: 110px; }

#lp17naitei .lp17naitei-sec07 .lp17naitei-sec07__col__txt .lp17naitei-sec07__col__tel { font-size: 30px; }

#lp17naitei .lp17naitei-sec07 .lp17naitei-sec07__col__txt .lp17naitei-sec07__col__time { font-size: 17px; color: #2e43a7; }

#lp17naitei .lp17naitei-copy { text-align: center; }

.about__title { margin-bottom: 10px; line-height: 1.3; text-align: center; }

.about__title strong { color: #AB1528; }

.mission-block .mission-block__wrap { position: relative; overflow: hidden; margin: 30px 0 0 0; padding: 30px; background: #fff; text-align: center; line-height: 1.5; }

.mission-block .mission-block__wrap .mission-block__role { position: absolute; right: 0; left: 0; top: 50px; width: 269px; height: 269px; margin: auto; background: #fff; border-radius: 100%; box-shadow: 0px 0px 8px 0px rgba(65, 65, 65, 0.33); text-align: center; }

.mission-block .mission-block__wrap .mission-block__role figure { margin-top: 30px; }

.mission-block .mission-block__wrap .mission-block__role p { margin-top: 30px; color: #c63031; font-weight: bold; }

.mission-block .mission-block__wrap .mission-block__role:before, .mission-block .mission-block__wrap .mission-block__role:after { position: absolute; bottom: 35px; content: ''; display: inline-block; width: 32px; height: 26px; vertical-align: middle; background-position: center bottom; background-size: contain; background-repeat: no-repeat; }

.mission-block .mission-block__wrap .mission-block__role:before { left: -7px; background-image: url(/company/assets/img/img_about_mission_04.png); }

.mission-block .mission-block__wrap .mission-block__role:after { right: -7px; background-image: url(/company/assets/img/img_about_mission_05.png); }

.mission-block .mission-block__wrap .mission-block__situation { padding: 10px 32px; background: #fff; border: 2px solid #ccc; border-bottom: none; font-size: 18px; text-align: left; }

.mission-block .mission-block__wrap .mission-block__situation:after { content: ""; display: block; clear: both; }

.mission-block .mission-block__wrap .mission-block__situation div { width: 286px; }

.mission-block .mission-block__wrap .mission-block__situation h3 { width: 100px; margin: -20px auto 10px; padding: 5px; color: #fff; font-size: 20px; font-weight: normal; text-align: center; }

.mission-block .mission-block__wrap .mission-block__situation h4 { margin-bottom: 10px; font-size: 16px; text-align: center; }

.mission-block .mission-block__wrap .mission-block__situation p { font-size: 14px; }

.mission-block .mission-block__wrap .mission-block__situation .mission-block__situation__student { float: left; }

.mission-block .mission-block__wrap .mission-block__situation .mission-block__situation__student h3 { background: #871b0f; }

.mission-block .mission-block__wrap .mission-block__situation .mission-block__situation__company { float: right; }

.mission-block .mission-block__wrap .mission-block__situation .mission-block__situation__company h3 { background: #233889; }

.mission-block .mission-block__wrap .mission-block__provided { overflow: hidden; padding: 18px 32px; background: #cadbf3; font-size: 18px; text-align: left; }

.mission-block .mission-block__wrap .mission-block__provided:after { content: ""; display: block; clear: both; }

.mission-block .mission-block__wrap .mission-block__provided div { width: 286px; }

.mission-block .mission-block__wrap .mission-block__provided div figure, .mission-block .mission-block__wrap .mission-block__provided div p { display: table-cell; vertical-align: middle; line-height: 1.3; }

.mission-block .mission-block__wrap .mission-block__provided div p { font-weight: bold; }

.mission-block .mission-block__wrap .mission-block__provided .mission-block__provided__student { float: left; }

.mission-block .mission-block__wrap .mission-block__provided .mission-block__provided__student figure { padding: 0 10px 0 0; }

.mission-block .mission-block__wrap .mission-block__provided .mission-block__provided__company { float: right; }

.mission-block .mission-block__wrap .mission-block__provided .mission-block__provided__company figure { padding: 0 0 0 10px; }

.mission-block .mission-block__wrap .mission-block__consequence { position: relative; padding: 30px 10px 20px; background: #3869bf; color: #fff; font-size: 28px; }

.mission-block .mission-block__wrap .mission-block__consequence:after { position: absolute; top: 0; left: 0; right: 0; margin: auto; content: " "; width: 0px; height: 0px; border-style: solid; border-color: #cadbf3 transparent transparent transparent; border-width: 19px 60px; }

.msg-block .span8 { padding-right: 30px; }

.msg-block .msg-block__text { margin-bottom: 50px; text-align: left; font-weight: bold; font-size: 26px; }

.msg-block .msg-block__name { text-align: right; }

.msg-block .msg-block__name .msg-block__name__post, .msg-block .msg-block__name .msg-block__name__sign { text-align: left; }

.msg-block .msg-block__name .msg-block__name__sign { display: inline-block; width: 165px; height: 56px; background: url(/company/assets/img/ceo_sign.png) no-repeat center center; text-indent: -9999em; }

.msg-block .msg-text { text-align: left; }

.about-feature-block { color: #fff; text-align: center; }

.about-feature-block a { display: block; color: #fff; }

.about-feature-block a figure { margin-bottom: 10px; }

.about-feature-block a p { margin-bottom: 0; }

.about-feature-block a:hover img { opacity: .5; }

.about-feature-block .span3:after, .about-feature-block .span4:after { content: ''; display: inline-block; width: 12px; height: 6px; vertical-align: middle; background: url(/company/assets/img/icon_btn_arrow_02.png) no-repeat center bottom; background-size: 100%; }

.feature-item-block * { box-sizing: border-box; }

.feature-item-block > div[id^="FEATURE"] { margin-top: -79px; padding-top: 79px; }

.feature-item-block .feature-item-block_tit { margin-bottom: 20px; font-size: 26px; color: #416cbe; line-height: 1; }

.feature-item-block .feature-item-block_tit span { padding-bottom: 4px; font-size: 12px; display: inline-block; border-bottom: 2px solid #416cbe; }

.feature-item-block h4 { margin-bottom: 20px; font-size: 24px; line-height: 1.4; }

.feature-item-block p { line-height: 1.5; }

.feature-item-block .btn-block { margin: 30px 0 0 0; }

.lyt-service--keyvisual { width: 980px; margin: 0 auto; }

.lyt-service--keyvisual > * { display: table-cell; vertical-align: bottom; }

.lyt-service--keyvisual .text { width: 474px; padding-right: 55px; }

.service__title { text-align: left; font-weight: normal; font-size: 14px; margin-bottom: 18px; }

.service__title strong { color: #b71c22; font-weight: normal; }

.service__title img { max-width: 400px; height: auto; margin-top: 15px; display: block; }

.service__title .logo__standard { width: 373px; }

.service__features { background: #fff; text-align: left; font-size: 16px; padding: 17px 15px 15px; line-height: 1.55; margin-bottom: 0; }

* + .service__features { margin-top: 30px; }

.service__features .btn { margin-top: 25px; }

.span4 .service__features { font-size: 14px; }

.service__features dt, .service__features dd { line-height: inherit; }

.service__features dd { margin: 6px 0 0; }

.service__features.service__features_phd { background: #c8d7ee; }

.service__features.service__features_creative { background: #fff7cf; }

.service__column { 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; padding: 0 20px; }

.service__column .span4 { width: 290px; background: #fff; }

.service__column .span4:first-child { margin-left: 0; }

.service__column .span4 * + .service__features { margin: 0; }

.service__column .service__title { font-size: 12px; background: #f0f3f7; margin-bottom: 0; padding-bottom: 18px; }

.service__column .service__title img { height: 29px; margin-top: 3px; }

.service__column .service__features { padding: 14px 10px 13px 15px; line-height: 1.75; }

.box-service { padding: 20px 10px 30px 10px; border: 1px solid #EBEEF4; width: 100%; box-sizing: border-box; position: relative; }

.box-service:first-child { margin-top: 100px; }

.box-service + .box-service { margin-top: 108px; }

.box-service .btn-block { width: 360px; }

.box-service .box-service--label { position: absolute; display: block; width: auto; color: #fff; font-weight: bold; font-size: 2.3rem; text-align: center; padding: 10px 25px; top: -20px; right: 0; background-color: #c00026; }

.box-service .box-service--label + .service__title { padding-top: 46px; }

.box-service .column { margin-bottom: 10px; }

.box-service .column > div { display: table-cell; vertical-align: top; }

.box-service .text { width: 475px; padding-right: 34px; }

.box-service .service__title { padding: 22px; }

.box-service .service__title.creative img { height: 48.5px; }

.box-service .service__features { padding: 14px 10px 9px 15px; }

.box-service .service__features dd { margin-top: 8px; }

.box-service .cap { margin-top: -109px; margin-bottom: 20px; }

.box-service .cap.creative { margin-top: -120px; margin-bottom: 0; }

.service_pc { display: block; }

.service_sp { display: none; }

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

.servicelist li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; height: 100%; -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; }

.servicelist > li { display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #EBEEF4; }

.servicelist > li a { 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; -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; padding: 20px 20px 60px 20px; }

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

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

.servicelist > li + li { margin-left: 5px; }

.servicelist > li img { width: auto; max-height: 40px; vertical-align: middle; }

.servicelist > li img.standard { width: auto; }

/*----------------- 2019 renewal LP -------------------*/
#renewal_lp ::-moz-selection { background: #C8D7EE; color: #fff; }
#renewal_lp ::selection { background: #C8D7EE; color: #fff; }

#renewal_lp .liner { width: 100%; height: 5px; background: -webkit-linear-gradient(135deg, #3869BF, #C8D7EE, #EBEEF4, #AC0D10); background: linear-gradient(-45deg, #3869BF, #C8D7EE, #EBEEF4, #AC0D10); background-size: 400% 400%; -webkit-animation: liner_gradient 15s ease infinite; animation: liner_gradient 15s ease infinite; }

@-webkit-keyframes liner_gradient { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@keyframes liner_gradient { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

#renewal_lp header { padding: 80px 0px 50px; text-align: center; }

#renewal_lp header .logo { width: 330px; margin: 0 auto 40px; }

#renewal_lp header .header_point { width: 300px; margin: 0 auto 10px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; line-height: 1; }

#renewal_lp header small { color: #3869BF; letter-spacing: .2em; }

#renewal_lp header .header_txt_small { margin-top: 20px; padding: 0px 80px; font-size: 11px; color: #aaa; line-height: 2; }

#renewal_lp header h2 { font-size: 30px; font-weight: lighter; line-height: 1.5; color: #AC0D10; }

#renewal_lp h1 { font-size: 35px; font-weight: normal; }

#renewal_lp li { padding: 10px 0px; list-style: none; line-height: 2; }

#renewal_lp section { position: relative; padding: 50px 0; text-align: center; }

#renewal_lp small { color: #333; }

#renewal_lp .gradient_bg { padding-bottom: 0px; background: -webkit-linear-gradient(#EBEEF4, #7DA6EF); background: linear-gradient(#EBEEF4, #7DA6EF); }

#renewal_lp .gradient_bg:after { content: ""; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; z-index: -1; background-color: #fff; }

#renewal_lp .bg-white { background-color: #fff; }

#renewal_lp .bg-gray { background-color: #F0F1F4; }

#renewal_lp .block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0; }

#renewal_lp .renewal_lp_line { width: 4px; height: 65px; margin: 0px auto 30px; background-color: #BA0004; }

#renewal_lp .mb0 { margin-bottom: 0px; }

#renewal_lp .mt-80 { margin-top: -80px; }

#renewal_lp .contact__wrap { width: 980px; margin: 0 auto; }

#renewal_lp .contact__wrap li { display: inline-block; }

#renewal_lp .contact__wrap .copy_sub { display: inline-block; }

#renewal_lp .contact__wrap .copy h1 { margin-top: -25px; display: inline-block; line-height: 2.5; }

#renewal_lp .content:last-child { margin-bottom: 0; }

#renewal_lp .content { position: relative; width: 980px; margin: 70px auto; padding: 0; background-color: #fff; box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1); text-align: center; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

#renewal_lp .content div { display: inline-block; box-sizing: border-box; letter-spacing: normal; vertical-align: top; font-size: 14px; }

#renewal_lp .content:hover { box-shadow: 5px 5px 14px 2px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow .2s ease-in; transition: box-shadow .2s ease-in; -webkit-transform: translateY(-5px); transform: translateY(-5px); }

#renewal_lp .content p + p { padding-top: 10px; }

#renewal_lp .renewal_lp_arrow { position: absolute; top: -90px; left: 50%; margin-left: -7px; width: 14px; height: 120px; background: url(/company/assets/img/lp/renewal_lp_arrow.png) no-repeat; background-size: contain; z-index: 3; }

#renewal_lp .content_01 { letter-spacing: -1em; }

#renewal_lp .content_01 .content_01_img { width: 55%; padding: 50px 80px 21px 70px; }

#renewal_lp .content_01 .content_01_text { width: 45%; float: right; padding: 80px 70px; color: #fff; background-color: #3869BF; }

#renewal_lp .content_02 { position: relative; display: block; }

#renewal_lp .content_02 .content_02_img { padding: 80px 80px 50px 70px; }

#renewal_lp .content_02 .content_02_img object { width: 850px; }

#renewal_lp .content_02 .content_02_text { padding: 60px 70px; color: #333; background-color: #EBEEF4; }

#renewal_lp .content_02 .content_02_sub { position: absolute; padding: 25px 20px; top: 30px; right: -30px; width: 260px; height: 75px; background-color: #EBEEF4; }

#renewal_lp .content_02 .content_02_sub h3 { font-size: 15px; }

#renewal_lp .content_03 { padding-top: 50px; vertical-align: top; }

#renewal_lp .content_03 h3 { color: #AC0D10; }

#renewal_lp .content_03 .content_03_img { padding: 30px 0px; }

#renewal_lp .content_03 .content_03_img span { display: inline-block; }

#renewal_lp .content_03 .content_03_img span:nth-child(1), #renewal_lp .content_03 .content_03_img span:nth-child(3) { width: 420px; vertical-align: top; }

#renewal_lp .content_03 .content_03_img span:nth-child(2) { width: 15px; padding-left: 10px; margin-top: 128px; }

#renewal_lp .content_03 .content_03_text { padding: 60px 70px; color: #fff; background-color: #AC0D10; }

#renewal_lp .content_04 { position: relative; display: block; }

#renewal_lp .content_04 object { width: 750px; }

#renewal_lp .content_04 .content_04_img { padding: 100px 80px 30px 70px; }

#renewal_lp .content_04 .content_04_text { padding: 60px 70px; color: #fff; background-color: #173C72; }

#renewal_lp .content_04 .content_04_sub { position: absolute; padding: 25px 20px; top: 0px; right: 0px; width: 360px; height: 75px; color: #fff; background-color: #173C72; }

#renewal_lp .content_04 .content_04_sub h3 { font-size: 15px; }

#renewal_lp .content_img { padding: 30px 80px; }

#renewal_lp .service_function { padding-bottom: 80px; }

#renewal_lp .service_function h2 { padding-top: 20px; padding-bottom: 20px; }

#renewal_lp .service_link { padding-bottom: 70px; }

#renewal_lp .service_link h2 { padding-top: 20px; padding-bottom: 20px; }

#renewal_lp .service_link .service_link_warp { width: 950px; margin: 0 auto; }

#renewal_lp .service_link .company_link { height: 100px; background: url("/company/assets/img/lp/logo.png?20191001") no-repeat 130px 25px; background-size: 330px; overflow: hidden; }

#renewal_lp .service_link .renewal_lp_btn_area { padding: 10px 0px; width: 480px; float: right; }

#renewal_lp .service_link .renewal_lp_btn_area a { display: inline-block; width: 300px; margin: 10px; padding: 20px; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 50px; }

#renewal_lp .service_link .renewal_lp_btn_area a:hover { background-position: right center; text-decoration: none; }

#renewal_lp .service_link .renewal_lp_btn_area a:hover::after { -webkit-transform: translateX(4px); transform: translateX(4px); }

#renewal_lp .service_link .renewal_lp_btn_area a::after { content: '→'; display: inline-block; padding-left: 8px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

#renewal_lp .service_link .renewal_lp_btn_area .plan_link_btn { background-image: -webkit-linear-gradient(left, #11489A 0%, #2D5AA8 51%, #11489A 100%); background-image: linear-gradient(to right, #11489A 0%, #2D5AA8 51%, #11489A 100%); }

#renewal_lp footer { width: 980px; margin: 30px auto; }

#renewal_lp footer ul { text-align: center; }

#renewal_lp footer li { padding: 5px 20px; display: inline-block; font-size: 13px; position: relative; padding-left: 12px; }

#renewal_lp footer li:before { content: ''; width: 3px; height: 3px; border: 3px; border-top: solid 2px #333; border-right: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; }

#renewal_lp footer .lp_copyrights { text-align: center; font-size: 13px; }

#renewal_lp .renewal_lp_btn_area a { display: inline-block; width: 300px; margin: 10px; padding: 20px; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 50px; }

#renewal_lp .renewal_lp_btn_area a:hover { background-position: right center; text-decoration: none; }

#renewal_lp .renewal_lp_btn_area a:hover::after { -webkit-transform: translateX(4px); transform: translateX(4px); }

#renewal_lp .renewal_lp_btn_area a::after { content: '→'; display: inline-block; padding-left: 8px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

#renewal_lp .renewal_lp_btn_area .plan_link_btn { background-image: -webkit-linear-gradient(left, #AC0D10 0%, #C40004 51%, #AC0D10 100%); background-image: linear-gradient(to right, #AC0D10 0%, #C40004 51%, #AC0D10 100%); }

#renewal_lp .top_reveal01 { position: relative; overflow: hidden; }

#renewal_lp .top_reveal01 img { -webkit-animation: top_reveal01 0.4s 0.4s; animation: top_reveal01 0.4s 0.4s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }

#renewal_lp .top_reveal01::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #EBEEF4; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation: ImageOverlayIn01 0.4s 0s, ImageOverlayOut01 0.4s 0.4s; animation: ImageOverlayIn01 0.4s 0s, ImageOverlayOut01 0.4s 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes top_reveal01 { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes top_reveal01 { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes ImageOverlayIn01 { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes ImageOverlayIn01 { 0% { width: 0; }
  100% { width: 100%; } }

@-webkit-keyframes ImageOverlayOut01 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }

@keyframes ImageOverlayOut01 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }

#renewal_lp .top_reveal02 { position: relative; overflow: hidden; display: inline-block; }

#renewal_lp .top_reveal02 small { -webkit-animation: top_reveal02 1s 1s; animation: top_reveal02 1s 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }

#renewal_lp .top_reveal02::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #3869BF; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation: ImageOverlayIn02 0.6s 0s, ImageOverlayOut02 1s 0.6s; animation: ImageOverlayIn02 0.6s 0s, ImageOverlayOut02 1s 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes top_reveal02 { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes top_reveal02 { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes ImageOverlayIn02 { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes ImageOverlayIn02 { 0% { width: 0; }
  100% { width: 100%; } }

@-webkit-keyframes ImageOverlayOut02 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  99% { background-color: #3869BF; }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%);
    background-color: #FFF; } }

@keyframes ImageOverlayOut02 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  99% { background-color: #3869BF; }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%);
    background-color: #FFF; } }

#renewal_lp .top_reveal03 { position: relative; overflow: hidden; display: inline-block; }

#renewal_lp .top_reveal03 h1 { -webkit-animation: top_reveal03 0s 0.6s; animation: top_reveal03 0s 0.6s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }

#renewal_lp .top_reveal03::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #173C72; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation: ImageOverlayIn03 0.6s 0s, ImageOverlayOut03 0.6s 0.6s; animation: ImageOverlayIn03 0.6s 0s, ImageOverlayOut03 0.6s 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes top_reveal03 { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes top_reveal03 { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes ImageOverlayIn03 { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes ImageOverlayIn03 { 0% { width: 0; }
  100% { width: 100%; } }

@-webkit-keyframes ImageOverlayOut03 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  99% { background-color: #173C72; }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%);
    background-color: #fff; } }

@keyframes ImageOverlayOut03 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  99% { background-color: #173C72; }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%);
    background-color: #fff; } }

#renewal_lp .fadein { opacity: 0; -webkit-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: all 550ms; transition: all 550ms; }

#renewal_lp .fadein.scrollin { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

#renewal_lp .sp_img { display: none; }

section + section { margin-top: 70px; }

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

.page_about .about_feature01 { margin: 20px 0; 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; }

.page_about .about_feature01 li { display: inline-block; width: 49%; }

.page_about .about_feature01 li div { 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; -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; padding: 20px; }

.page_about .about_feature01 li:first-child .about_feature01_content { background-color: #F8F9FB; }

.page_about .about_feature01 li:last-child .about_feature01_content { background-color: #EBEEF4; }

.page_about .about_feature01 li .sub_title { margin: 0; }

.page_about .about_feature01 li .about_feature01_txt { position: absolute; display: block; width: 80%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 7px 20px; text-align: center; line-height: 2rem; background-color: rgba(8, 31, 65, 0.8); color: #fff; font-size: 1.5rem; border-radius: 60px; -webkit-animation: about_txt_ani 2s ease-out; animation: about_txt_ani 2s ease-out; }

@-webkit-keyframes about_txt_ani { 0% { opacity: 0;
    top: 70%; }
  60% { opacity: 0;
    top: 70%; }
  100% { opacity: 1;
    top: 50%; } }

@keyframes about_txt_ani { 0% { opacity: 0;
    top: 70%; }
  60% { opacity: 0;
    top: 70%; }
  100% { opacity: 1;
    top: 50%; } }

.page_about .about_feature02 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-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; }

.page_about .about_feature02 li { width: 49%; margin-bottom: 20px; }

.page_about .about_feature02 li div { position: relative; background-color: #EBEEF4; padding: 20px 150px 20px 30px; font-size: 1.5rem; }

.page_about .about_feature02 li div h3 { margin-bottom: 5px; font-size: 1.7rem; line-height: 2.7rem; }

.page_about .about_feature02 li div:after { position: absolute; display: block; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.page_about .about_feature02 li:first-child { margin-right: 10px; }

.page_about .about_feature02 li:first-child div:after { content: url("../img/page_about_case01.svg"); }

.page_about .about_feature02 li:nth-child(2) div:after { content: url("../img/page_about_case02.svg"); }

.page_about .about_feature02 li:last-child { width: 100%; }

.page_about .about_feature02 li:last-child p { padding-right: 120px; }

.page_about .about_feature02 li:last-child div:after { content: url("../img/page_about_case03.svg"); }

.page_about .about_feature02 li .sub_title { margin: 0; }

.page_about .about_feature02 li .sub_title strong { background-color: none; }

.page_about .about_feature02 li p { color: #081F41; }

.page_about .about_feature02 li p span { display: inline-block; margin-right: 25px; line-height: 3rem; }

.page_about .about_support { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; padding-bottom: 50px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.page_about .about_support ul { width: 30%; margin-top: 30px; }

.page_about .about_support ul li { margin-bottom: 30px; text-align: center; }

.page_about .about_support ul li .about_support_list_title { font-weight: bold; font-size: 2rem; line-height: 3rem; color: #173C72; }

.page_about .about_support ul li a { position: relative; padding: 0 20px; margin-top: 5px; font-size: 1.4rem; color: #0066A9; }

.page_about .about_support ul li .about_support_list { width: calc(100% - 50px); }

.page_about .about_support ul:last-child .about_support_list { margin-left: auto; }

.page_about .about_support .about_support_box { position: absolute; width: 350px; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.page_about .about_support .about_support_box .about_support_center { width: 350px; height: 350px; 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; -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; background-color: #012454; border-radius: 50%; }

.page_about .about_support .about_support_box .about_support_center h3 { margin-bottom: 15px; font-size: 2.5rem; color: #fff; }

.page_about .about_support .about_support_box p { margin-top: 20px; font-size: 1.4rem; line-height: 2.2rem; text-align: center; }

.page_about .page_title strong { font-weight: bold; background: -webkit-linear-gradient(transparent 60%, #F4C9C9 60%); background: linear-gradient(transparent 60%, #F4C9C9 60%); }

.page_function .function_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 20px auto; -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; }

.page_function .function_btn li { position: relative; margin: 10px 0; width: 32%; background-color: #EBEEF4; min-height: 100px; 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; line-height: 2.5rem; font-size: 1.6rem; }

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

.page_function .function_btn li:nth-child(4) a .icon img { top: -7px; left: 5px; }

.page_function .function_btn li:nth-child(5) a .icon img { top: -5px; left: 1px; }

.page_function .function_btn li:nth-child(7) a .icon img { left: 2px; }

.page_function .function_btn li:last-child a .icon img { top: -5px; left: 4px; }

.page_function .function_btn li .center_box { margin: 10px 15px; }

.page_function .function_btn li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.page_function .function_btn li a .icon { position: relative; display: inline-block; width: 70px; height: 70px; margin-left: 20px; background-color: #fff; border-radius: 100%; }

.page_function .function_btn li a .icon img { position: absolute; width: 90px; height: 75px; }

.page_function .function_btn li a span { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; 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; padding-left: 20px; }

.page_function .function_content { margin: 0; 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; }

.page_function .function_content li { width: 47%; margin: 15px 0; }

.page_function .function_content li h2 { display: inline-block; padding: 0 10px; font-size: 2rem; border-bottom: 3px solid #081F41; }

.page_function .function_content li p { margin: 15px 0; font-size: 1.5rem; line-height: 2.8rem; }

.page_function .function_content li img { border: 1px solid #EBEEF4; }

.page_faq .faq_attention { font-size: 16px; line-height: 24px; }

.page_faq .faq_attention a { color: #3869BF; text-decoration: underline; }

.page_faq dl { border: 2px solid #CED6E9; border-radius: 12px; margin-top: 20px; }

.page_faq dl i { margin-top: 3px; }

.page_faq dl dt { padding-top: 24px; padding-bottom: 16px; border-bottom: 1px solid #F0F4F8; font-size: 1.6rem; line-height: 3rem !important; margin: 0 20px; position: relative; padding-left: 50px; }

.page_faq dl dt span.q-icon { width: 40px; height: 40px; background-color: #F0F4F8; display: block; text-align: center; line-height: 40px; border-radius: 20px; position: absolute; top: 24px; left: 0; }

.page_faq dl dt .q-content { min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 24px; }

.page_faq dl dd { padding: 17px 0 28px 10px; font-size: 1.5rem; line-height: 2.7rem !important; margin: 0 20px; padding-left: 50px; position: relative; }

.page_faq dl dd span.a-icon { width: 40px; height: 40px; background-color: #CED6E9; display: block; text-align: center; line-height: 40px; border-radius: 20px; position: absolute; top: 16px; left: 0; font-weight: bold; }

.page_faq dl dd .a-content { min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 24px; }

.page_faq .heading { margin: 20px auto; margin-bottom: -30px; 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; background-color: #F0F4F8; border-radius: 12px; }

.page_faq .heading li { position: relative; display: block; width: 100%; text-align: center; padding: 20px 0; }

.page_faq .heading li:last-child a { border-right: none; }

.page_faq .heading li a { position: relative; display: block; width: 100%; height: 100%; padding: 3px 13px 3px 0; font-size: 16px; z-index: 2; border-right: 1px solid #CED6E9; }

.page_faq .heading li a span { position: relative; }

.page_faq .heading li a span:before { content: ""; position: absolute; margin: auto; right: -15px; top: calc(50% - 4px); 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%); }

.page_faq .heading li a:hover { color: #3869BF; }

.page_faq .heading li a:hover span:before { border-color: #3869BF; }

.page_faq .container { margin-bottom: 30px; }

.page_flow { /* Arrows at start and end */ }

.page_flow .steps { height: 80px; margin: 30px auto; background-color: #F7F8F8; }

.page_flow .steps a { color: #081F41; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }

.page_flow .steps strong { display: block; font-size: 4rem; line-height: 3rem; font-weight: 100; font-family: 'Josefin Sans', sans-serif; }

.page_flow .steps > li { position: relative; display: block; padding: 20px 5px 20px 40px; width: 157px; height: 80px; text-align: center; font-size: 1.2rem; }

.page_flow .steps > li { float: left; }

.page_flow .steps .past { height: 80px; background: #EBEEF4; }

.page_flow .steps .present { color: #000; }

.page_flow .steps .future { background: #EBEEF4; }

.page_flow .steps li > a:hover { color: #0066A9; }

.page_flow .steps li > a:after, .page_flow .steps li > a:before { content: ""; display: block; width: 0px; height: 0px; position: absolute; top: 0; left: 0; border: solid transparent; border-left-color: #f0f0f0; border-width: 40px; }

.page_flow .steps li > a:after { top: 0px; z-index: 1; border-left-color: #F7F8F8; border-width: 40px; }

.page_flow .steps li > a:before { z-index: 2; }

.page_flow .steps li.past + li > a:before { border-left-color: #eaeef3; }

.page_flow .steps li.present + li > a:before { border-left-color: #F7F8F8; }

.page_flow .steps li.future + li > a:before { border-left-color: #EBEEF4; }

.page_flow .steps li:first-child > a:after, .page_flow .steps li:first-child > a:before { display: none; }

.page_flow .steps li:last-child i { display: none; }

.page_flow .steps li:last-child i { left: auto; right: -30px; border-left-color: transparent; border-top-color: white; border-bottom-color: white; }

.page_flow .flow_content .cp_qa * { box-sizing: border-box; }

.page_flow .flow_content .cp_qa *:after, .page_flow .flow_content .cp_qa *:before { box-sizing: border-box; }

.page_flow .flow_content .cp_qa .cp_actab { position: relative; overflow: hidden; width: 100%; margin-bottom: 1px; color: #1b2538; background-color: #EBEEF4; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(odd) { background-color: #F7F8F8; }

.page_flow .flow_content .cp_qa .cp_actab input { position: absolute; opacity: 0; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(1) h2::before { content: "STEP.1"; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(2) h2::before { content: "STEP.2"; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(3) h2::before { content: "STEP.3"; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(4) h2::before { content: "STEP.4"; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(5) h2::before { content: "STEP.5"; }

.page_flow .flow_content .cp_qa .cp_actab:nth-child(6) h2::before { content: "STEP.6"; }

.page_flow .flow_content .cp_qa .cp_actab h2 { display: block; margin: 0 0 0 0; padding: 30px 30px 30px 11vw; font-size: 2rem; position: relative; cursor: pointer; border-bottom: 1px solid #fff; }

.page_flow .flow_content .cp_qa .cp_actab h2::before { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 10vw; max-width: 120px; top: 0; bottom: 0; left: 0; color: #fff; line-height: 1; background-color: #081F41; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; font-family: 'Josefin Sans', sans-serif; z-index: 0; }

.page_flow .flow_content .cp_qa .cp_actab .cp_actab-content { overflow: hidden; -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease; color: #222; font-size: 1.5rem; background-color: #fff; }

.page_flow .flow_content .cp_qa .cp_actab .cp_actab-content p { margin: 20px 20px 40px 20px; line-height: 2.5rem; }

.sub_title { display: block; padding: 0 10px; font-size: 2rem; border-bottom: 3px solid #F4F6FA; line-height: 3.5rem; margin-top: 40px; }

.sub_title span { display: inline-block; border-bottom: 3px solid #081F41; margin-bottom: -3px; padding: 0 12px; }

.page_agent .agent_title { width: 100%; min-height: 370px; background: url(/company/assets/img/agent_title_bg.png) no-repeat center center; background-size: cover; color: #fff; }

.page_agent .agent_title h1 { line-height: 4.5rem; -webkit-animation: agent_title_h1 1s ease-out; animation: agent_title_h1 1s ease-out; }

.page_agent .agent_title p, .page_agent .agent_title a { -webkit-animation: agent_title_p 1.5s ease-out; animation: agent_title_p 1.5s ease-out; }

.page_agent .agent_title h1, .page_agent .agent_title p { text-align: center; text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4); }

@-webkit-keyframes agent_title_h1 { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes agent_title_h1 { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes agent_title_p { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes agent_title_p { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes agent_merit_wrap { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes agent_merit_wrap { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.page_agent .agent_merit_wrap { margin-top: 30px; -webkit-animation: agent_merit_wrap 1s ease-out; animation: agent_merit_wrap 1s ease-out; }

.page_agent .agent_merit_wrap h2 { width: 100%; padding: 20px 0 30px; text-align: center; }

.page_agent .agent_merit_wrap h3 { position: relative; margin: 20px 35px; }

.page_agent .agent_merit_wrap h3:before { position: absolute; top: -45px; font-family: serif; font-size: 1.2rem; font-weight: 200; }

.page_agent .agent_merit_wrap h3:after { content: ""; position: absolute; display: block; width: 45px; height: 4px; top: -15px; background: #48b2ff; background: -webkit-linear-gradient(307deg, #48b2ff 0%, #5764ff 100%); background: linear-gradient(143deg, #48b2ff 0%, #5764ff 100%); }

.page_agent .agent_merit_wrap h2, .page_agent .agent_merit_wrap h3 { color: #022554; }

.page_agent .agent_merit_wrap .agent_merit01 h3:before { content: "Merit01"; }

.page_agent .agent_merit_wrap .agent_merit02 h3:before { content: "Merit02"; }

.page_agent .agent_merit_wrap .agent_merit03 h3:before { content: "Merit03"; }

.page_agent .agent_merit_wrap .agent_merit { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 0 20px 70px 20px; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_img { width: 50%; max-width: 450px; min-width: 350px; height: 18vw; min-height: 210px; background-size: cover !important; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_txt { position: relative; bottom: -25px; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_txt p { position: relative; padding: 25px 35px; margin: 0; background-color: #EDEDED; font-size: 1.5rem; line-height: 2.5rem; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_txt p:after { content: ""; position: absolute; display: block; width: 15vw; height: 25px; left: -13vw; background-color: #EDEDED; }

.page_agent .agent_merit_wrap .agent_merit .agent_merit_txt p small { display: block; font-size: 70%; line-height: 2rem; }

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

.page_agent .agent_merit_wrap .agent_merit02 .agent_merit_txt p::after { left: auto; right: -13vw; }

.page_agent .agent_merit_wrap .agent_merit01 .agent_merit_img { background: url(/company/assets/img/agent_merit_img01.jpg) no-repeat center center; }

.page_agent .agent_merit_wrap .agent_merit02 .agent_merit_img { background: url(/company/assets/img/agent_merit_img02.jpg) no-repeat center center; }

.page_agent .agent_merit_wrap .agent_merit03 .agent_merit_img { background: url(/company/assets/img/agent_merit_img03.jpg) no-repeat center center; }

.page_agent .btn_agent { max-width: none; padding: 15px !important; color: #fff; background: #48b2ff; background: -webkit-linear-gradient(307deg, #48b2ff 0%, #5764ff 100%); background: linear-gradient(143deg, #48b2ff 0%, #5764ff 100%); }

.page_agent .btn_agent:hover { color: #fff; }

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

@media screen and (max-width: 1024px) { section { padding: 0 15px; }
  .page_flow .steps > li { width: 16%; }
  .page_flow .flow_content .cp_qa .cp_actab h2 { padding: 29px 30px 30px 17vw; }
  .page_flow .flow_content .cp_qa .cp_actab h2::before { width: 15vw; }
  .page_service .service__column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .page_service .service__column .span4 { width: 100%; margin-bottom: 20px; }
  .page_service .service__column [class*=span] { margin-left: 0; }
  .page_service .box-service .service__title.creative img { height: 100%; width: 100%; }
  .page_service .point h2 { padding: 0 20px; }
  .page_service .app-txt { padding: 0 20px; }
  .page_service .lyt-service--keyvisual { width: 100%; 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; }
  footer .footer_content { padding: 60px 20px 10px 20px; }
  footer .footer_content .footer_info { margin: 0; max-width: 320px; float: right; }
  footer .footer_content .footer_cv { width: calc(100% - 350px); margin: 0 0 20px; }
  footer .footer_content .footer_cs { max-width: none; }
  footer .footer_content .footer_link { margin-top: 30px; -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; }
  footer .footer_content .footer_link ul { margin: 20px auto; } }

/* サイドメニュー無しテンプレート 20200916追加 */
.page_style02 .container { min-height: 500px; }

@media screen and (max-width: 769px) { .page_flow .steps { display: none; }
  .page_flow .flow_content .cp_qa .cp_actab h2 { padding: 29px 30px 30px 22vw; }
  .page_flow .flow_content .cp_qa .cp_actab h2::before { width: 20vw; }
  .page_service * + .service__features { margin-top: 0; }
  .page_service .lyt-service--keyvisual { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .page_service .service__title { margin-bottom: 0; }
  .page_service .box-service .column { display: block; }
  .page_service .box-service .column div { width: 100%; display: block; vertical-align: top; text-align: center; }
  .page_service .box-service .column .image { margin: 20px 0; }
  .page_service .box-service .column .text { padding-right: 20px; }
  .page_service .box-service .column .cap { margin: 20px 0; }
  .page_about .about_support { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .page_about .about_support ul { width: 100%; margin: 0; }
  .page_about .about_support ul li .about_support_list { width: 100%; padding: 20px 10px; background-color: #EBEEF4; }
  .page_about .about_support ul li .about_support_list h3 { font-size: 2.2rem; padding: 20px 0 10px; }
  .page_about .about_support ul li .about_support_list img { width: 100%; max-width: 500px; margin-top: 10px; }
  .page_about .about_support ul li .about_support_list_sp .triangle-down { box-sizing: content-box; width: 50%; height: 0; padding-left: 50%; padding-top: 5%; overflow: hidden; }
  .page_about .about_support ul li .about_support_list_sp .triangle-down div { width: 0; height: 0; margin-left: -1000px; margin-top: -100px; border-left: 1000px solid transparent; border-right: 1000px solid transparent; border-top: 100px solid #EBEEF4; }
  .page_about .about_support .about_support_box { position: relative; width: 100%; }
  .page_about .about_support .about_support_box .about_support_center { width: 70vw; height: 70vw; margin: 0 auto; }
  .page_about .about_support .about_support_box .about_support_center img { width: 60vw; }
  .page_function .function_content li { width: 100%; }
  .page_function .function_btn li:before { width: 40px; }
  .page_function .function_btn li a .icon { margin-left: 10px; }
  .page_function .function_btn li span { padding: 0 40px 0 10px; }
  .page_faq .heading { padding: 12px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -35px; }
  .page_faq .heading li { width: 50%; padding: 8px 0; }
  .page_faq .heading li a { border-right: none; border-left: 1px solid #CED6E9; color: #012554; padding: 3px 35px 3px 0; }
  .page_faq .heading li a span:before { right: -20px; }
  .page_faq .heading li:nth-child(odd) a { border-left: none; }
  footer .footer_content .footer_cv { width: 100%; margin: 0 0 20px; }
  footer .footer_content .footer_info { margin: 0 0 30px; float: none; max-width: 100%; }
  footer .footer_content .footer_cv li:before { right: 6%; } }

/* 2020 New Plan */
.page_fee_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 30px auto 40px; }

.page_fee_link a + a { margin-left: 30px; }

.page_fee_link a { width: 50%; padding: 25px 15px 65px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #F4F6FA; font-size: 1.7rem; line-height: 2.5rem; }

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

.page_fee_link a:after { content: ""; position: absolute; top: auto; bottom: 10px; right: auto; left: 50%; margin: auto; width: 1.5rem; height: 1.5rem; border-bottom: 2px solid #0a1f55; border-right: 2px solid #0a1f55; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); -webkit-transition: .3s; transition: .3s; }

.page_fee_link a:hover:after { bottom: 4px; }

.page_fee_link a .page_feelink_icon { margin: 0 15px 0 0; }

.plan_ttl { position: relative; border-bottom: 3px solid #F4F6FA; }

.pricing_table { /* 2022卒向けプラン追加　2020.02.26 */ /* 2023.11変更分追加 */ }

.pricing_table img { height: auto; }

.pricing_table .plan_heading { position: relative; display: inline-block; padding: 0 10px 10px 10px; margin-bottom: -3px; font-size: 2rem; line-height: 3rem; border-bottom: 3px solid #081F41; }

.pricing_table .label_column { font-size: 1.5rem; }

.pricing_table .plan_tabel { margin: 50px auto 10px; padding: 0; border-collapse: collapse; width: 100%; table-layout: fixed; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 800px; }

.pricing_table .pc_2023plan_inner, .pricing_table .sp_2023plan_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; border: 0; background-color: #fff !important; }

.pricing_table .pc_2023plan_inner:first-child, .pricing_table .sp_2023plan_inner:first-child { margin-left: 25%; }

.pricing_table li + li { margin-left: 15px; }

.pricing_table .contingent_head { background: #19468f; background: -webkit-linear-gradient(304deg, #133f86 0%, #214da0 100%); background: linear-gradient(146deg, #133f86 0%, #214da0 100%); color: #fff; font-size: 2rem; font-weight: bold; }

.pricing_table .contingent_head .thead_comment { background-color: #DAE1EF; }

.pricing_table .contingent_head .thead_comment:before { border-top: 15px solid #dae1ef; }

.pricing_table .early_head { background: #d6003b; background: -webkit-linear-gradient(304deg, #e11440 0%, #c81818 100%); background: linear-gradient(146deg, #e11440 0%, #c81818 100%); color: #fff; font-size: 2rem; font-weight: bold; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.pricing_table .early_head .thead_comment { min-height: 35px; background-color: #F8EAEA; }

.pricing_table .early_head .thead_comment:before { border-top: 15px solid #F8EAEA; }

.pricing_table li { position: relative; width: 100%; padding: 0; }

.pricing_table li:hover .thead_icon { opacity: 1; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.pricing_table li p { position: relative; margin: 0; }

.pricing_table li .thead_icon { position: absolute; top: -19px; left: 20px; -webkit-transition: all .2s linear; transition: all .2s linear; }

.pricing_table li .thead_icon img:hover { opacity: 1 !important; }

.pricing_table li .thead_title { padding: 20px; width: 100%; text-align: center; }

.pricing_table li .thead_comment { width: 100%; padding: 20px; font-size: 1.4rem; color: #393939; font-weight: normal; text-align: center; line-height: 2.5rem; }

.pricing_table li .thead_comment:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; }

.pricing_table .plan_tabel dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 10px 0; min-height: 90px; background-color: #fff; border: 2px solid #D9E1EF; font-size: 1.5rem; }

.pricing_table .plan_tabel dt, .pricing_table .plan_tabel dd { 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: 2.5rem; }

.pricing_table .plan_tabel dt { width: 25%; padding: 13px 15px 13px 6%; background-color: #D9E1EF; text-align: left; height: auto; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }

.pricing_table .plan_tabel dd { padding: 15px 30px; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-weight: bold; -webkit-transition: all .2s linear; transition: all .2s linear; }

.pricing_table .plan_tabel dd a { text-decoration: underline; color: #00518d; }

.pricing_table .plan_tabel dd p { margin: 0; }

.pricing_table .plan_tabel dd:hover { background-color: #F4F6FA; }

.pricing_table .plan_tabel dd + dd { border-left: 2px solid #D9E1EF; }

.pricing_table .plan_tabel dd.tips { background-color: #D9E1EF; -webkit-box-orient: initial; -webkit-box-direction: initial; -webkit-flex-direction: initial; -ms-flex-direction: initial; flex-direction: initial; }

.pricing_table .plan_tabel dd.tips img { margin-right: 10px; }

.pricing_table .plan_tabel .small { margin-top: 10px; font-size: 1.2rem; text-align: left; line-height: 2rem; font-weight: normal; }

.pricing_table .fee_page_comment { width: 100%; max-width: 800px; margin: 0 auto 30px; font-size: 1.3rem; line-height: 2.5rem; }

.pricing_table .sp_plan2022_early { display: none; }

.pricing_table .btn_blue { background-color: #06285F; border-color: #06285F; padding: 15px; }

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

.pricing_table .plan_schedule { margin-top: 70px; }

.pricing_table .plan_schedule .plan_schedule_img { margin-top: 50px; margin-bottom: 50px; }

.pricing_table .plan_schedule .plan_schedule_img img { margin: 0 auto; }

.pricing_table .plan_schedule .plan_schedule_img img:hover { opacity: 1 !important; }

.pricing_table .plan_schedule_link { position: absolute; display: block; width: 185px; font-size: 1.5rem; right: 0; bottom: 0; margin: 0; padding: 0; }

.pricing_table .plan_schedule_link:before { position: absolute; content: url("../img/fee_page_schedule_icon.svg"); left: -20px; top: 50%; width: 16px; height: 26px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.pricing_table .pricing_description { font-size: 16px; margin-top: 16px; margin-bottom: 33px; }

.pricing_table .pricing_annotation { font-size: 12px; line-height: 18px; margin-top: 17px; }

.pricing_table .plan_schedule-calwrap .plan_schedule-cal { margin-bottom: 67px; }

.pricing_table .plan_schedule-calwrap .plan_schedule-scrollable { display: none; }

.pricing_table .plan_offer { margin-bottom: 68px; }

.pricing_table .pricing_cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 467px; gap: 20px; margin: 0 auto; margin-top: 34px; }

.pricing_table .pricing_cta img { width: 136px; }

.pricing_table .pricing_cta .pricing_cta-right { width: calc(467px - 136px); }

.pricing_table .pricing_cta .pricing_cta-right p { font-size: 18px; font-weight: bold; line-height: 25px; margin-bottom: 13px; }

.pricing_table .pricing-plan__wrap--pc { display: block; position: relative; }

.pricing_table .pricing-plan__wrap--sp { display: none; }

.pricing_table .pricing-plan__helpbtn { position: absolute; background: black; color: white; bottom: 19%; left: 16.5%; border-radius: 10px; height: 13px; width: 13px; font-size: 8px; text-align: center; line-height: 14px; font-weight: bold; cursor: pointer; }

.pricing_table .pricing-plan__annotation { font-size: 12px; margin-top: 16px; margin-bottom: 37px; display: block; line-height: 19px; }

.pricing_table .pricing-plan__helpbtn-text { opacity: 0; visibility: hidden; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; display: inline-block; width: 260px; padding: 13px; font-size: 12px; line-height: 1.6; background: rgba(22, 22, 22, 0.8); color: #fff; -webkit-transition: 0.1s ease-in; transition: 0.1s ease-in; text-align: left; font-weight: normal; }

.pricing_table .pricing-plan__helpbtn:hover .pricing-plan__helpbtn-text { opacity: 1; visibility: visible; }

@media screen and (min-width: 769px) { .pc_view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .sp_view, .pricing_table .plan_tabel dl.sp_view { display: none; } }

@media screen and (max-width: 768px) { .pricing_table { /* 2023.11変更分追加 */ }
  .pricing_table .pc_view { display: none; }
  .pricing_table .sp_view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .pricing_table .plan_heading { margin: 60px auto -3px; }
  .pricing_table .label_column { font-size: 1.4rem; }
  .pricing_table .sp_plan2022_early { display: block; margin-top: 20px; }
  .pricing_table .plan_tabel { margin-top: 30px; border: 0; width: 100%; }
  .pricing_table .plan_tabel .pc_2023plan_inner:first-child, .pricing_table .plan_tabel .sp_2023plan_inner:first-child { margin: 0; }
  .pricing_table .plan_tabel .thead_comment { line-height: 2.3rem; }
  .pricing_table .plan_tabel dt { width: 40%; background-color: #fff; font-size: 1.4rem; font-weight: normal; color: #656565; text-align: left; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 10px 0 10px 20px; }
  .pricing_table .plan_tabel dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 80px; margin: 0; }
  .pricing_table .plan_tabel dl:nth-child(even) { border: 0; }
  .pricing_table .plan_tabel dd { font-size: 1.4rem; text-align: center; padding: 10px; }
  .pricing_table .plan_tabel .sp_comment { border: 0 !important; }
  .pricing_table .plan_tabel .sp_comment dd { margin-bottom: 20px; font-size: 1.2rem; text-align: left; font-weight: normal; line-height: 2rem; }
  .pricing_table .plan_tabel .tips { padding: 15px; line-height: 2.5rem; text-align: left; }
  .pricing_table .plan_tabel .plan_2023 .pc_2023plan ul li, .pricing_table .plan_tabel .plan_2022 .pc_2022plan ul li { margin: 0; }
  .pricing_table .plan_schedule { margin-top: 0px; }
  .pricing_table .pricing_cta { display: block; text-align: center; width: 100%; }
  .pricing_table .pricing_cta .pricing_cta-right { width: 100%; }
  .pricing_table .pricing_cta-right { width: 100%; margin-top: 10px; }
  .pricing_table .plan_heading { margin-top: 31px; }
  .pricing_table .btn_blue { width: 300px; margin: 0 auto; }
  .pricing_table .plan_schedule-calwrap { overflow-x: scroll; margin-bottom: 62px; position: relative; }
  .pricing_table .plan_schedule-calwrap .plan_schedule-cal { width: 950px; max-width: unset; margin-bottom: 0; }
  .pricing_table .plan_schedule-calwrap .plan_schedule-scrollable { display: block; position: absolute; width: 100%; text-align: center; top: 48.5%; }
  .pricing_table .plan_schedule-calwrap .plan_schedule-scrollable img { width: 237px; max-width: 90%; }
  .pricing_table .pricing-plan__wrap--pc { display: none; }
  .pricing_table .pricing-plan__wrap--sp { display: block; position: relative; margin-bottom: 40px; }
  .pricing_table .pricing-plan__helpbtn--sptop, .pricing_table .pricing-plan__helpbtn--spbottom { position: absolute; background: black; color: white; bottom: 12.3%; left: 63.7%; border-radius: 10px; height: 13px; width: 13px; font-size: 8px; text-align: center; line-height: 14px; font-weight: bold; cursor: pointer; }
  .pricing_table .pricing-plan__helpbtn--spbottom { bottom: 21.3%; }
  .pricing_table .pricing-plan__annotation { margin-top: -20px; }
  .pricing_table .pricing-plan__helpbtn-textsptop, .pricing_table .pricing-plan__helpbtn-textspbottom { opacity: 0; visibility: hidden; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; display: inline-block; width: 220px; padding: 13px; font-size: 12px; line-height: 1.6; background: rgba(22, 22, 22, 0.8); color: #fff; -webkit-transition: 0.1s ease-in; transition: 0.1s ease-in; text-align: left; font-weight: normal; }
  .pricing_table .pricing-plan__helpbtn--sptop:hover .pricing-plan__helpbtn-textsptop { opacity: 1; visibility: visible; }
  .pricing_table .pricing-plan__helpbtn--spbottom:hover .pricing-plan__helpbtn-textspbottom { opacity: 1; visibility: visible; }
  .thead_title { width: 100%; text-align: center; }
  .btn_normal + .pc_2023plan { margin-top: 70px; }
  .page_fee_link { margin: 50px auto 0; -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; }
  .page_fee_link a { width: 48%; padding: 50px 10px; text-align: center; font-size: 1.5rem; line-height: 2rem; }
  .page_fee_link a .page_feelink_icon { position: absolute; left: 50%; margin-left: -35px; top: -25px; }
  .page_fee_link a:last-child { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 40px; }
  .page_fee_link a:last-child span br { display: none; }
  .page_fee_link a + a { margin-left: 0; }
  .pc_2023plan { display: none; } }

.manga_content .container section img { height: auto; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pricing_table .plan_tabel dl { min-height: 0; }
  .pricing_table .plan_schedule_link:before { width: 18px; height: 20px; } }

.pricing_table__wrap { 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: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 850px; margin: 40px auto; margin-bottom: 48px; max-width: 100%; gap: 26px; }

.pricing_table__wrap__left { width: 50%; position: relative; cursor: pointer; }

.pricing_table__wrap__left:hover img { -webkit-filter: drop-shadow(0 2px 15px rgba(6, 40, 95, 0.15)); filter: drop-shadow(0 2px 15px rgba(6, 40, 95, 0.15)); }

.pricing_table__wrap__left:hover .pricing_table__btn { -webkit-filter: drop-shadow(0 2px 15px rgba(6, 40, 95, 0.15)); filter: drop-shadow(0 2px 15px rgba(6, 40, 95, 0.15)); }

.pricing_table__wrap__left:hover .pricing_table__btn:after { right: 24.5px; }

.pricing_table__wrap__right { width: 50%; }

.pricing_table__wrap img { width: 100%; -webkit-filter: drop-shadow(0 2px 12px rgba(6, 40, 95, 0.1)); filter: drop-shadow(0 2px 12px rgba(6, 40, 95, 0.1)); -webkit-transition: .2s; transition: .2s; }

.pricing_table__btn { position: absolute; bottom: 7%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); font-family: "ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif; font-weight: 300; font-size: 16px; color: #222222; background-color: #FFEFF3; padding: 8px 26px; border-radius: 5px; line-height: 24px; width: 282px; border-radius: 32px; -webkit-transition: .2s; transition: .2s; }

.pricing_table__btn span { color: #D90717; font-weight: 600; }

.pricing_table__btn:before { content: ""; display: block; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 48px; height: 48px; background-color: #D90717; border-radius: 50%; }

.pricing_table__btn:after { content: ""; position: absolute; right: 26.5px; top: 50%; width: 13px; height: 13px; border: 2px solid #ffffff; border-left: 0; border-bottom: 0; box-sizing: border-box; -webkit-transform: translateX(-25%) translateY(-50%) rotate(45deg); transform: translateX(-25%) translateY(-50%) rotate(45deg); -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 768px) { .pricing_table__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin-top: 24px; margin-bottom: 20px; }
  .pricing_table__wrap__left { width: 100%; }
  .pricing_table__wrap__right { width: 100%; } }

/*料金ページ更新202503*/
a.pricing_table__wrap__left:hover, a.pricing_table__wrap__right:hover { translate: 0 3px; }

.fee__ctabtn { position: relative; display: block; text-align: center; margin: 0 auto; margin-top: 52px; margin-bottom: 52px; width: 300px; max-width: 200%; }

.fee__ctabtn__baloon { background: url(../../assets/img/lp2406_cmn_btn01_balloon_bg01.svg) no-repeat center center; background-size: 100% 100%; position: absolute; left: 50%; width: 300px; height: 40px; top: -18px; padding: 2px 0 0; font-size: 12px; line-height: 20px; translate: -50% 0; background-size: 100% 100%; color: #000000 !important; }

.fee__ctabtn__txt { background-color: #06285F; padding: 10px 20px; border-radius: 30px; font-size: 16px; color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: .2s; transition: .2s; border: 2px solid #06285F; }

.fee__ctabtn:hover .fee__ctabtn__txt { background-color: #ffffff; color: #06285F; }

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

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

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

@media screen and (max-width: 950px) { .partner__header .container { padding: 0 15px; } }

.partner__title { color: #012554; font-size: 5.6rem; line-height: 1.2; margin-top: 43px; }

@media screen and (max-width: 600px) { .partner__title { font-size: 4rem; } }

.partner__sub { margin-top: 20px; color: #012554; }

.partner__page-jump { 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: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 20px; margin-top: 50px; }

@media screen and (max-width: 600px) { .partner__page-jump { gap: 30px 20px; } }

.partner__page-jump li { display: block; }

.partner__page-jump li a { padding: 12px 20px 12px 28px; background: #fff; border-radius: 50px; }

.partner__page-jump li a::after { content: ""; display: inline-block; width: 6px; height: 6px; border-bottom: 1px solid #212121; border-right: 1px solid #212121; -webkit-transform: rotate(45deg) translate(-1px, -1px); transform: rotate(45deg) translate(-1px, -1px); margin-left: 20px; }

.partner__page-jump li img { height: 20px; width: auto; }

.partner section + section { margin-top: 0; }

.partner__section { padding-top: 80px; padding-bottom: 80px; }

@media screen and (max-width: 600px) { .partner__section { padding-top: 40px; padding-bottom: 40px; } }

.partner__section.bg-gray { background: #F4F7FC; }

.partner__section.bg-gray .partner__image-link::before { background: url("/company/assets/img/partner/icon_imageplus-gray.svg") no-repeat; background-position: right; }

@media screen and (min-width: 601px) { .partner__section.bg-gray .partner__image-link:hover::before { background: url("/company/assets/img/partner/icon_imageplus-hover.svg") no-repeat; background-position: right; } }

.partner__h2 { font-size: 1.6rem; font-weight: normal; }

.partner__h2 img { vertical-align: bottom; margin-right: 8px; }

.partner__list { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px 20px; }

@media screen and (max-width: 600px) { .partner__list { gap: 20px; } }

.partner__list li { width: 30%; width: calc(33% - (40px / 3)); padding-bottom: 20px; }

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

.partner__list.small { gap: 50px 20px; }

@media screen and (max-width: 600px) { .partner__list.small { gap: 20px; } }

.partner__list.small li { width: 48%; width: calc(25% - (60px / 4)); }

@media screen and (max-width: 600px) { .partner__list.small li { width: 100%; } }

.partner__list.large { gap: 50px 40px; }

@media screen and (max-width: 600px) { .partner__list.large { gap: 20px; } }

.partner__list.large li { width: 48%; width: calc(50% - 20px); }

@media screen and (max-width: 600px) { .partner__list.large li { width: 100%; } }

.partner__list.large li .partner__image-link { padding: 24px 0; }

.partner__list .partner__image-link { display: block; border: 1px solid #CAD1E1; text-align: center; background: #fff; position: relative; aspect-ratio: 450 / 300; }

.partner__list .partner__image-link::before { content: ""; position: absolute; top: -1px; right: -1px; background: url("/company/assets/img/partner/icon_imageplus.svg") no-repeat; background-position: right; width: 55px; height: 55px; -webkit-transition: all .1s linear; transition: all .1s linear; }

@media screen and (min-width: 601px) { .partner__list .partner__image-link:hover::before { background: url("/company/assets/img/partner/icon_imageplus-hover.svg") no-repeat; background-position: right; } }

.partner__list .partner__image-link img { width: auto; height: 100%; -o-object-fit: contain; object-fit: contain; }

.partner__list-textlink { border-bottom: 1px solid #012554; padding-top: 16px; padding-bottom: 16px; line-height: 1.6; }

.partner__list-outerlink { margin-right: 8px; }

.partner__list-outerlink .link-svg__stroke { -webkit-transition: all .1s linear; transition: all .1s linear; stroke: #012554; }

@media screen and (min-width: 601px) { .partner__list-outerlink:hover .link-svg__stroke { stroke: #4183C4; } }

.partner__list-innerlink { word-break: keep-all; }

.partner__list-innerlink .link-svg__circle { -webkit-transition: all .1s linear; transition: all .1s linear; fill: #012554; }

.partner__list-innerlink .link-svg__stroke { -webkit-transition: all .1s linear; transition: all .1s linear; fill: #ffffff; }

@media screen and (min-width: 601px) { .partner__list-innerlink:hover .link-svg__circle { fill: #4183C4; } }

.partner__btnWrap { text-align: center; color: #012554; margin-top: 80px; }

.partner__btnWrap .btn_normal { display: inline-block; padding: 15px 45px 15px 35px; }