@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+ */ }

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

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

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

* { box-sizing: border-box; }

body { font-family: 'Poppins', "ヒラギノ角ゴ Pro", "Meiryo UI", "メイリオ", "Meiryo", sans-serif; color: #232323; font-size: 1.5rem; line-height: 2.7rem; -webkit-transition: all .2s linear; transition: all .2s linear; }

ul, li { margin: 0; }

address, blockquote small, dd, dt, li, pre { line-height: 2.7rem; }

p small { display: block; margin-top: 8px; font-size: 12px; color: #999; line-height: 1.5; }

/* ウェビナLP */
.seminarlp { overflow-x: hidden; /* Animation */ }

.seminarlp h1 { max-width: 470px; font-size: clamp(20px, 5vw, 30px); color: #012554; text-align: left; line-height: 1.5; }

.seminarlp h1 small { font-size: clamp(16px, 5vw, 24px); color: #012554; }

.seminarlp h2 { font-size: 25px; }

.seminarlp .top_title { display: none; }

.seminarlp .header { position: relative; overflow: hidden; background: -webkit-linear-gradient(30deg, rgba(233, 247, 255, 0.9) 0%, rgba(67, 134, 217, 0.3) 100%); background: linear-gradient(60deg, rgba(233, 247, 255, 0.9) 0%, rgba(67, 134, 217, 0.3) 100%); -webkit-animation: header_ani 1s ease-out; animation: header_ani 1s ease-out; }

.seminarlp .header .logo { position: relative; max-width: 250px; margin-bottom: 30px; }

.seminarlp .header .logo::after { display: block; left: 256px; width: 120px; text-align: center; top: 13px; content: "WEB面談のご案内"; position: absolute; padding: 5px 20px; background-color: #012554; color: #fff; border-radius: 30px; font-size: 13px; font-weight: bold; }

.seminarlp .header .st0 { fill: url(#SVGID_1_); }

.seminarlp .header .st1 { fill: url(#SVGID_2_); }

@-webkit-keyframes header_ani { 50% { opacity: 0; }
  60% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes header_ani { 50% { opacity: 0; }
  60% { opacity: 0; }
  100% { opacity: 1; } }

.seminarlp .inner-header { width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 0; }

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

.seminarlp .flex { /*Flexbox for containers*/ width: auto; 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; text-align: center; }

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

.seminarlp .flex_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.seminarlp .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -10px; min-height: 100px; max-height: 150px; }

.seminarlp .content { display: block; position: relative; text-align: center; }

.seminarlp .parallax > use { -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }

.seminarlp .parallax > use:nth-child(1) { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 7s; animation-duration: 7s; }

.seminarlp .parallax > use:nth-child(2) { -webkit-animation-delay: -3s; animation-delay: -3s; -webkit-animation-duration: 10s; animation-duration: 10s; }

.seminarlp .parallax > use:nth-child(3) { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 13s; animation-duration: 13s; }

.seminarlp .parallax > use:nth-child(4) { -webkit-animation-delay: -5s; animation-delay: -5s; -webkit-animation-duration: 20s; animation-duration: 20s; }

@-webkit-keyframes move-forever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0); }
  100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0); } }

@keyframes move-forever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0); }
  100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0); } }

.seminarlp .header_obj01 { position: absolute; top: 30%; right: -15%; z-index: -2; opacity: 0.9; -webkit-transform: scale(1.2); transform: scale(1.2); }

.seminarlp .header_obj02 { position: absolute; top: -40%; right: -5%; z-index: -1; opacity: 0.3; -webkit-transform: scale(1.1); transform: scale(1.1); }

.seminarlp .header_content { max-width: 540px; margin: 0 40px; text-align: left; line-height: 1.5; -webkit-animation: header_content_ani 1.8s ease-out; animation: header_content_ani 1.8s ease-out; }

@-webkit-keyframes header_content_ani { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  50% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes header_content_ani { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  50% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.seminarlp .header_cap { width: 100%; max-width: 600px; -webkit-animation: header_cap_ani 1.5s ease-out; animation: header_cap_ani 1.5s ease-out; }

.seminarlp .header_cap img { height: auto; }

@-webkit-keyframes header_cap_ani { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  50% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes header_cap_ani { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  50% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.seminarlp .header_txt { margin-top: 20px; font-size: 1.7rem; line-height: 3rem; }

.seminarlp section { padding: 50px 0; }

.seminarlp section h2 { position: relative; padding-top: 130px; }

.seminarlp section h2:before { bottom: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 70px; height: 70px; 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; color: #fff; position: absolute; 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%2272px%22%20height%3D%2262px%22%20viewBox%3D%220%200%2072%2062%22%20style%3D%22enable-background%3Anew%200%200%2072%2062%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Aurl(%23%E5%A4%9A%E8%A7%92%E5%BD%A2_3_2_)%3B%7D%20.st1%7Bfill%3Aurl(%23%E5%A4%9A%E8%A7%92%E5%BD%A2_3_3_)%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_810_1_%22%20transform%3D%22translate(-657%20-617)%22%3E%20%3ClinearGradient%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3_2_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-299.7644%22%20y1%3D%221206.8101%22%20x2%3D%22-300.6434%22%20y2%3D%221205.498%22%20gradientTransform%3D%22matrix(72%200%200%20-62%2022305%2075433)%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%2334BCEF%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%234299F0%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3_1_%22%20class%3D%22st0%22%20d%3D%22M711%2C617l18%2C31l-18%2C31h-36l-18-31l18-31H711z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat; }

.seminarlp .reasons h2::before { content: "1"; }

.seminarlp .voice h2::before { content: "2"; }

.seminarlp .flow h2::before { content: "3"; }

.seminarlp .seminar_content h2::before { content: "4"; }

.seminarlp .schedule h2::before { content: "5"; }

.seminarlp .reasons { padding-top: 0; }

.seminarlp .reasons .reasons_list { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.seminarlp .reasons li { max-width: 340px; margin: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.seminarlp .reasons li figure { width: auto; height: 120px; }

.seminarlp .reasons li h3 { font-size: 2rem; font-weight: bold; margin-bottom: 15px; color: #051A41; }

.seminarlp .voice .voice_container { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.seminarlp .voice .voice_company, .seminarlp .voice .voice_student { margin: 50px auto; position: relative; width: 50%; min-height: 450px; }

.seminarlp .voice .voice_company p, .seminarlp .voice .voice_student p { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 345px; margin-bottom: 30px; padding: 30px 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 7px rgba(40, 48, 76, 0.2); line-height: 2.2rem; -webkit-transition: opacity 0.5s linear,-webkit-transform .2s linear; transition: opacity 0.5s linear,-webkit-transform .2s linear; transition: transform .2s linear,opacity 0.5s linear; transition: transform .2s linear,opacity 0.5s linear,-webkit-transform .2s linear; }

.seminarlp .voice .voice_company p:hover, .seminarlp .voice .voice_student p:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(40, 48, 76, 0.3); }

.seminarlp .voice .voice_company p:after, .seminarlp .voice .voice_student p:after { content: ''; width: 35px; height: 20px; background: #fff; -webkit-transform: rotate(28deg); transform: rotate(28deg); position: absolute; bottom: -6px; left: 50%; margin-left: -10px; box-shadow: 2px 2px 3px rgba(40, 48, 76, 0.15); }

.seminarlp .voice .voice_company { margin-right: 20px; background: url("/company/assets/img/guide-page/seminar001/content02_img01.svg") no-repeat bottom right; }

.seminarlp .voice .voice_company p:nth-child(1) { top: 0; left: 50%; }

.seminarlp .voice .voice_company p:nth-child(2) { left: 0; }

.seminarlp .voice .voice_company p:nth-child(3) { left: 10%; }

.seminarlp .voice .voice_student { margin-left: 20px; background: url("/company/assets/img/guide-page/seminar001/content02_img02.svg") no-repeat bottom left; }

.seminarlp .voice .voice_student p:nth-child(2) { right: -50%; }

.seminarlp .voice .voice_student p:nth-child(3) { right: -45%; }

.seminarlp .voice .voice_student p:after { -webkit-transform: rotate(-28deg) !important; transform: rotate(-28deg) !important; box-shadow: -3px 2px 3px rgba(40, 48, 76, 0.15) !important; }

.seminarlp .gradient_bg { background: #bce4fa; background: -webkit-linear-gradient(310deg, #bce4fa 0%, #b3caf5 100%); background: linear-gradient(140deg, #bce4fa 0%, #b3caf5 100%); }

.flow ul { padding: 50px 0; }

.flow ul li { position: relative; width: 165px; height: 180px; margin: 15px; background-color: #EBEEF4; border-radius: 0 20px 0 20px; }

.flow ul li:hover figure { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.flow ul li p { font-size: 1.6rem; font-weight: bold; color: #173C72; }

.flow ul li figure { height: 130px; margin: 0; -webkit-transition: all .2s linear; transition: all .2s linear; }

.flow ul li:before { position: absolute; display: block; top: -25px; width: 100%; text-align: left; font-weight: bold; color: #173c72; }

.flow ul li:after { position: absolute; display: block; width: 20px; height: 100%; top: 0; right: -22px; content: ""; background: url("/company/assets/img/guide-page/seminar001/content04_arrow.svg") no-repeat center center; }

.flow ul li:nth-child(1) { background-color: #EBEEF4; }

.flow ul li:nth-child(1):before { content: "step1"; }

.flow ul li:nth-child(2) { background-color: #CEDAF2; }

.flow ul li:nth-child(2):before { content: "step2"; }

.flow ul li:nth-child(3) { background-color: #B9CEF0; }

.flow ul li:nth-child(3):before { content: "step3"; }

.flow ul li:nth-child(4) { background-color: #A6C6EB; }

.flow ul li:nth-child(4):before { content: "step4"; }

.flow ul li:nth-child(5) { background-color: #91C1F0; }

.flow ul li:nth-child(5):before { content: "step5"; }

.flow ul li:last-child { background-color: #6CB3F8; }

.flow ul li:last-child:before { content: "step6"; }

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

.flow ul li:last-child figure { position: relative; top: -23px; }

.seminar_content { background: url("/company/assets/img/guide-page/seminar001/content04_bg.png") no-repeat center center; background-attachment: fixed; background-position: center; background-size: cover; }

.seminar_content ul { width: 410px; }

.seminar_content ul li { position: relative; margin: 40px 0; padding: 25px 30px; background-color: RGBA(255, 255, 255, 0.9); font-size: 1.8rem; font-weight: bold; border-radius: 50px; text-align: center; }

.seminar_content ul li:after { content: ""; position: absolute; bottom: -24px; display: block; left: 50%; margin-left: -10px; width: 10px; height: 10px; border: 3px solid; border-color: transparent transparent #ffffff #ffffff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

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

.seminar_content figure { -webkit-transition: all .2s linear; transition: all .2s linear; }

.seminar_content figure:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.schedule .schedule_wrap { padding-top: 30px; 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; }

.schedule .seminar_list { width: 700px; margin: 20px 0 0 30px; border-top: 4px solid #38B2F0; }

.schedule .seminar_list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 15px 15px 40px; text-align: left; border-bottom: 1px solid #38B2F0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all .2s linear; transition: all .2s linear; }

.schedule .seminar_list li:hover { background-color: #f9fbff; }

.schedule .seminar_list li p { position: relative; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.schedule .seminar_list li a { display: block; width: 160px; text-align: center; padding: 5px 10px; color: #fff; font-weight: bold; font-size: 12px; border-radius: 50px; background: #1ca7d1; background: -webkit-linear-gradient(34deg, #1ca7d1 0%, #3485f4 100%); background: linear-gradient(56deg, #1ca7d1 0%, #3485f4 100%); }

.schedule .seminar_list li:first-child p:before { position: absolute; left: -25px; width: 20px; height: 20px; display: block; content: ""; background: url("/company/assets/img/guide-page/seminar001/content05_icon.svg") no-repeat center center; }

.schedule .seminar_list li:first-child a { background: -webkit-linear-gradient(34deg, #F5355A 0%, #E85370 100%); background: linear-gradient(56deg, #F5355A 0%, #E85370 100%); }

.schedule .seminar_list .fixed { font-weight: bold; }

/* -------------------------------- button -------------------------------- */
.cv_area { position: absolute; width: 300px; bottom: 50px; left: 50%; margin-left: -150px; z-index: 1; -webkit-animation: cv_area_ani 2s ease-out; animation: cv_area_ani 2s ease-out; }

.cv_area .btn_comment { position: relative; font-size: 1.4rem; color: #333333; width: 180px; font-weight: bold; margin: 0 auto 10px; }

.cv_area .btn_comment:before { position: absolute; content: "＼"; color: #3386F3; font-weight: bold; left: -20px; top: 3px; }

.cv_area .btn_comment:after { position: absolute; content: "／"; color: #3386F3; font-weight: bold; right: -20px; top: 3px; }

@-webkit-keyframes cv_area_ani { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  50% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes cv_area_ani { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  50% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.cv_btn a { width: 100%; max-width: 350px; padding: 25px 35px; color: #fff; font-size: 17px; border-radius: 100px; font-weight: bold; background: #1ca7d1; background: -webkit-linear-gradient(34deg, #1ca7d1 0%, #3485f4 100%); background: linear-gradient(56deg, #1ca7d1 0%, #3485f4 100%); }

.cv_btn a:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.cv_btn a:after, .cv_btn a:before { position: absolute; top: 50%; right: 20px; content: ''; margin-top: -5px; border: 6px solid transparent; border-top-width: 5px; border-bottom-width: 5px; border-left-color: #fff; }

.cv_btn a:after { opacity: 0; right: 30px; }

.cv_btn a:hover::before { -webkit-animation: arrowbefore .5s; animation: arrowbefore .5s; }

.cv_btn a:hover::after { -webkit-animation: arrowafter .5s; animation: arrowafter .5s; }

@-webkit-keyframes arrowbefore { 100% { right: 10px;
    opacity: 0; } }

@keyframes arrowbefore { 100% { right: 10px;
    opacity: 0; } }

@-webkit-keyframes arrowafter { 99% { right: 20px;
    opacity: 1; }
  100% { opacity: 0; } }

@keyframes arrowafter { 99% { right: 20px;
    opacity: 1; }
  100% { opacity: 0; } }

.cv_btn a, .seminar_list li a { display: inline-block; position: relative; -webkit-transition: all .2s linear; transition: all .2s linear; }

.seminar_list li a:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.seminar_list li a:after, .seminar_list li a:before { position: absolute; top: 50%; margin-top: -5px; content: ''; right: 10px; border: 4px solid transparent; border-top-width: 4px; border-bottom-width: 4px; border-left-color: #fff; }

.seminar_list li a:after { opacity: 0; right: 20px; }

.seminar_list li a:hover::before { -webkit-animation: arrowbefore2 .5s; animation: arrowbefore2 .5s; }

.seminar_list li a:hover::after { -webkit-animation: arrowafter2 .5s; animation: arrowafter2 .5s; }

@-webkit-keyframes arrowbefore2 { 100% { right: 0px;
    opacity: 0; } }

@keyframes arrowbefore2 { 100% { right: 0px;
    opacity: 0; } }

@-webkit-keyframes arrowafter2 { 99% { right: 10px;
    opacity: 1; }
  100% { opacity: 0; } }

@keyframes arrowafter2 { 99% { right: 10px;
    opacity: 1; }
  100% { opacity: 0; } }

.dl_button { 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; margin: 50px auto 0; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear; }

.dl_button:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.dl_button .btn_comment { position: relative; font-size: 1.4rem; color: #333333; }

.dl_button .btn_comment:before { position: absolute; content: "＼"; color: #3386F3; font-weight: bold; left: -20px; top: 3px; }

.dl_button .btn_comment:after { position: absolute; content: "／"; color: #3386F3; font-weight: bold; right: -20px; top: 3px; }

.dl_button a { position: relative; display: inline-block; padding: 25px 60px; max-width: 330px; color: #3387F2; font-size: 17px; border-radius: 100px; font-weight: bold; border: 3px solid #3387F2; }

.dl_button a:after, .dl_button a:before { position: absolute; top: 50%; margin-top: -5px; content: ''; right: 20px; margin-top: -5px; border: 6px solid transparent; border-top-width: 5px; border-bottom-width: 5px; border-left-color: #3387F2; }

.dl_button a:after { opacity: 0; right: 30px; }

.dl_button a:hover::before { -webkit-animation: arrowbefore .5s; animation: arrowbefore .5s; }

.dl_button a:hover::after { -webkit-animation: arrowafter .5s; animation: arrowafter .5s; }

@keyframes arrowbefore { 100% { right: 10px;
    opacity: 0; } }

@keyframes arrowafter { 99% { right: 20px;
    opacity: 1; }
  100% { opacity: 0; } }

footer .footer_content .footer_link ul .footer_selectbox div .drop-down { top: -184px; }

footer .footer_content .footer_cs .footer_cs_txt .tel { line-height: 2.5rem; }

.animate > li, .voice .animate p, .seminar_content .animate figure, .seminar_content .animate ul { position: relative; top: 120px; opacity: 0; }

.animate > h2 { position: relative; top: 60px; opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

.animate li:first-child { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

.animate li:nth-child(2n), .seminar_content .animate ul { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }

.animate li:nth-child(3n), .seminar_content .animate figure { -webkit-transition: all 0.7s linear; transition: all 0.7s linear; }

.animate li:nth-child(4n) { -webkit-transition: all 0.9s linear; transition: all 0.9s linear; }

.animate li:nth-child(5n) { -webkit-transition: all 1.0s linear; transition: all 1.0s linear; }

.animate li:nth-child(6n) { -webkit-transition: all 1.1s linear; transition: all 1.1s linear; }

.animate li.moving, .voice.animate .moving, .animate > .moving, .seminar_content .animate ul.moving, .seminar_content .animate figure.moving { opacity: 1; top: 0; }

.sp { display: none; }

.pc { display: block; }

/* ipad 対応　*/
@media (max-width: 768px) { .seminarlp .waves { height: 40px; min-height: 40px; }
  .seminarlp .header .logo { padding: 0 25px; margin-bottom: 20px; max-width: 500px; }
  .seminarlp .header .logo:after { left: 485px; bottom: 9px; top: auto; }
  .seminarlp .inner-header { padding: 50px 0 100px; }
  .seminarlp .header_content { max-width: 100%; margin: 0; }
  .seminarlp .header_content h1 { padding: 0 25px; }
  .seminarlp .header_content .header_cap { height: 60vw; max-width: 100%; background: url("/company/assets/img/guide-page/seminar001/header_cap_sp.png?20240501") no-repeat center center; background-size: cover; }
  .seminarlp .header_obj01 { top: 10%; right: -30%; opacity: 0.9; -webkit-transform: scale(0.8); transform: scale(0.8); }
  .seminarlp .header_obj02 { top: -29%; right: -35%; opacity: 0.3; -webkit-transform: scale(0.8); transform: scale(0.8); }
  .seminarlp .header_txt { padding: 0 25px; margin: 0; font-size: 1.5rem; }
  .seminarlp .cv_area { bottom: 0; }
  .seminarlp .reasons { margin-top: 30px; }
  .seminarlp .reasons .reasons_list { -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; }
  .seminarlp .reasons .reasons_list li { max-width: none; }
  .seminarlp .voice .voice_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .seminarlp .voice .voice_container .voice_company, .seminarlp .voice .voice_container .voice_student { margin: 30px 0 10px 0; padding-bottom: 300px; width: 100%; background-position: bottom center; }
  .seminarlp .voice .voice_container .voice_company p, .seminarlp .voice .voice_container .voice_student p { left: 0; top: auto; width: auto; max-width: none; margin: 0 20px 25px 20px; }
  .seminarlp .flow h2::before { bottom: 90px; }
  .seminarlp .flow ul { padding-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .seminarlp .flow ul li { 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: calc(100% - 50px); height: 80px; margin: 15px 15px 30px 15px; }
  .seminarlp .flow ul li figure { width: 120px; -webkit-transform: scale(0.6); transform: scale(0.6); }
  .seminarlp .flow ul li p { width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; text-align: left; }
  .seminarlp .flow ul li:last-child:after { content: none; }
  .seminarlp .flow ul li:after { width: 20px; height: 100%; top: auto; bottom: -70px; right: 0; left: 50%; content: ""; -webkit-transform: rotate(90deg) scale(1.5) translateX(-50%); transform: rotate(90deg) scale(1.5) translateX(-50%); }
  .seminarlp .seminar_content div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 16px; }
  .seminarlp .seminar_content div ul { padding: 0 40px; }
  .seminarlp .seminar_content div figure { margin: 0; }
  .seminarlp .schedule .seminar_list { width: 100%; margin: 0 20px; }
  .seminarlp .schedule .seminar_list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 15px 10px; }
  .seminarlp .schedule .seminar_list li a { width: 100%; margin-top: 10px; }
  .seminarlp .schedule .seminar_list li:first-child p { padding-left: 20px; }
  .seminarlp .schedule .seminar_list li:first-child p:before { top: 0; left: -3px; } }

/* mobile 対応　*/
@media (max-width: 600px) { .seminarlp .top_title { display: block; padding: 3px 10px; background-color: #091e3c; color: #fff; text-align: center; font-size: 1.3rem; }
  .seminarlp .inner-header { padding: 30px 0 100px; }
  .seminarlp .header_content h1 strong { font-size: 7vw; }
  .seminarlp .header_obj01 { top: 10%; right: -60%; -webkit-transform: scale(0.6); transform: scale(0.6); }
  .seminarlp .header_obj02 { top: -27%; right: -90%; -webkit-transform: scale(0.7); transform: scale(0.7); }
  .seminarlp .header .logo { max-width: 300px; }
  .seminarlp .header .logo:after { content: none; }
  .seminarlp .seminar_content div ul { padding: 0; width: 100%; }
  .pc { display: none; }
  .sp { display: block; }
  .cv_area .btn_comment { font-size: 1.3rem; }
  .cv_btn a { font-size: 16px; } }

/* IE 対応　*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .seminarlp .parallax > use:nth-child(1), .seminarlp .parallax > use:nth-child(2), .seminarlp .parallax > use:nth-child(3) { display: none; }
  .cv_area { bottom: 20px; }
  .seminarlp .voice .voice_company p:nth-child(1) { left: 28%; width: 300px; }
  .seminarlp .voice .voice_company p:nth-child(5) { left: 5%; width: 290px; }
  .seminarlp .voice .voice_student p:nth-child(3) { width: 280px; } }