@charset "UTF-8";
/*!
Theme Name:
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/
/* ========================================================================== Foundation  (normalize css) ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Farro:wght@300;400;500;700&family=Outfit:wght@900&display=swap");
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

* { box-sizing: border-box; }

h1 { font-size: 37px; font-size: 36px; font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); line-height: 1.3; }

h2 { font-size: 23px; font-size: 24px; font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143)); line-height: 1.3; }

h3 { font-size: 18px; }

h4 { font-size: 14px; }

h5 { font-size: 11px; }

h6 { font-size: 11px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #222; }

html { font-size: 62.5%; }

body { margin: 0; padding: 0; font-size: 1.6rem; line-height: 2; font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a { color: #333; font-size: inherit; text-decoration: none; -webkit-transition: color .1s, -webkit-text-decoration .1s; transition: color .1s, -webkit-text-decoration .1s; transition: color .1s, text-decoration .1s; transition: color .1s, text-decoration .1s, -webkit-text-decoration .1s; }

a:hover { color: #0066a9; }

img { height: auto; }

figure, p { margin: 0; padding: 0; }

section { width: 100%; }

.fixed_body { position: absolute; width: 100%; height: 100vw; overflow-y: hidden; overflow: none; -ms-touch-action: none; touch-action: none; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; }

.fixed_body::-webkit-scrollbar { display: none; }

.pc { display: block !important; }

.sp { display: none !important; }

/* ========================================================================== Layout ========================================================================== */
.wrapper { width: 100%; min-width: 768px; margin: 0; padding: 0; }

.wrapper.navy1 { background: #022454; }

.wrapper.navy2 { background: #0066a9; }

.wrapper.black1 { background: #333; }

.wrapper.gray1 { background: #F3F3F3; }

.wrapper.white { background: white; }

.wrapper.blue1 { background: #279ddb; }

.row .col-span12 { width: 100%; }

.row .col-span11 { width: 91.66667%; }

.row .col-span10 { width: 83.33333%; }

.row .col-span9 { width: 75%; }

.row .col-span8 { width: 66.66667%; }

.row .col-span7 { width: 58.33333%; }

.row .col-span6 { width: 50%; }

.row .col-span5 { width: 41.66667%; }

.row .col-span4 { width: 33.33333%; }

.row .col-span3 { width: 25%; }

.row .col-span2 { width: 16.66667%; }

.row .col-span1 { width: 8.33333%; }

.row [class*='col-span'] { margin-left: 0%; float: left; }

.row [class*='col-span']:first-child { margin-left: 0; }

.row:after { content: ""; display: table; clear: both; }

.row.white { background: white; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row { *zoom: 1; }

.container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; box-sizing: border-box; }

.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-wrapper1, .header-wrapper2 { position: relative; z-index: 2; }

.header-wrapper1 { background: #fff; }

#header { position: relative; padding-top: 20px; padding-bottom: 20px; }

.site-title { float: left; font-size: 11px !important; text-align: left; margin-top: -10px; magin-bottom: -10px; }

.site-title .site-title__row2 { display: block; width: 233px; height: 37px; background: url("../../assets/img/pc/logo.png") no-repeat center left; background-size: contain; text-indent: -9999em; }

.fn-nav__container { float: right; padding-top: 14px; }

.fn-nav__elm { display: inline-block; margin-left: 14px; vertical-align: bottom; font-size: 16px; }

.fn-nav__elm:not(:first-child) { font-weight: bold; }

.fn-nav__elm [class^="ofbicon-"], .fn-nav__elm [class*=" ofbicon-"] { font-size: 1.4rem; }

.nav__container { font-size: 0; }

.nav__elm { display: inline-block; width: 14.28571%; padding-top: 14px; padding-bottom: 14px; white-space: nowrap; font-size: 14px; color: #fff; }

.nav__elm [class^="ofbicon-"] { font-size: 1.2rem; }

.nav__elm a { color: #fff !important; }

.nav__elm a:hover { color: #c63031 !important; }

.nav__elm a.current { text-decoration: underline; }

.nav__elm { position: relative; }

#footer-nav ul.nav__container { margin-left: -50px; }

#footer-nav li.nav__elm { margin-left: 50px; width: auto; }

.nav__container--2nd { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; display: none; }

.nav__container--2nd li { background: #022454; }

.nav__container--2nd li a { display: block; width: 100%; padding-top: 7px; padding-bottom: 7px; padding: 7px 10px; white-space: normal; }

.nav__container--2nd li:hover { background: #0066a9; }

.nav__container--2nd li:hover a { color: #fff !important; }

.goto-company { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 460px; height: 40px; background: #e4e4e4; border: 1px solid #F3F3F3; font-size: 11px; text-decoration: underline; }

.goto-company a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; }

.goto-company__container { background: #e4e4e4; padding: 10px 0; text-align: center; }

.goto-company__container a { text-decoration: underline; }

#breadcrumb { background-color: #F2F2F2; }

.category-columns #breadcrumb, .category-howto #breadcrumb, .category-knowhow #breadcrumb, .category-self-analysis #breadcrumb, .category-interview #breadcrumb, .category-industry-analysis #breadcrumb, .category-news #breadcrumb, .category-popular #breadcrumb { display: none; }

#bc-nav { height: 30px; text-align: left; font-size: 1.2rem; line-height: 2.5; }

.bc-nav__elm { display: inline-block; }

#page-ttl { padding-top: 15px; padding-bottom: 15px; }

.single_page-ttl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; position: relative; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.single_page-ttl .single_page-ttl_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1200px; margin: 0 auto; text-align: left; padding: 30px 0; -webkit-animation: page_ttl_ani 1s ease-out; animation: page_ttl_ani 1s ease-out; }

@-webkit-keyframes page_ttl_ani { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes page_ttl_ani { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.single_page-ttl .single_page-ttl_container h1 { margin: 15px 0; font-size: 2.5rem; text-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }

.single_page-ttl .single_page-ttl_container .post__info { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 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; }

.single_page-ttl .single_page-ttl_container .post__info a { margin: 5px 10px 5px 0; background: transparent; border-color: #fff; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); -webkit-transition: all .2s ease; transition: all .2s ease; }

.single_page-ttl .single_page-ttl_container .post__info a:hover { color: #fff; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.page-ttl__txt { padding: 10px 0; color: #3a3a3a; font-size: 2.7rem; text-align: left; line-height: normal; }

.page-ttl_background { position: relative; width: 100%; height: 300px; overflow: hidden; background-size: cover; background-position: center center; }

.page-ttl_background:before { content: ''; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; background: inherit; -webkit-filter: blur(7px); filter: blur(7px); }

.single-post #breadcrumb { background: none; z-index: 2; position: relative; line-height: 4; color: #333; }

.single-post #breadcrumb .breadcrumbs { text-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }

.single-post #breadcrumb .breadcrumbs a { color: #333; }

.single-post #breadcrumb #bc-nav { line-height: 4; }

.single-post #breadcrumb.breadcrumb_bg { background-color: #F2F2F2; }

.single-post #breadcrumb.breadcrumb_bg #bc-nav { line-height: 2.5; }

.header { width: 100%; }

.nav { position: relative; left: 0; width: 100%; height: 82px; line-height: 65px; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.nav .logo, .nav .logo a { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.nav .logo h1, .nav .logo h1 a { width: 226px !important; margin-left: 0; font-size: 1rem !important; line-height: 1.5rem; }

.nav .logo h1:hover, .nav .logo h1 a:hover { color: #2366a9 !important; }

.nav .logo img { width: 226px; }

.nav div.logo a:hover { color: #00E676; }

.nav div.main_list { width: 100%; height: 82px; }

.nav div.main_list ul { height: 82px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; list-style: none; margin: 0; padding: 0 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 25px; }

.nav div.main_list ul .login_btn { background-color: #04214A; color: #fff; border-radius: 24px; width: 133px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 7px; }

.nav div.main_list ul .login_btn:hover { background-color: #0066AA; color: #fff; }

.nav div.main_list ul .navlinks__logo { width: 226px !important; margin-left: 0; line-height: 1.5rem; }

.nav div.main_list ul .navlinks__logo .header_logo_catch .tooltip .tooltip__initiator { font-size: 1rem; }

.nav div.main_list ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; position: relative; text-decoration: none; color: #111; font-size: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.nav div.main_list ul li a:hover { color: #0066AA; }

.nav div.main_list ul li a svg { margin-left: 3px; }

.nav div.main_list ul li:first-child a { padding-right: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.nav div.main_list ul li:last-child { height: 48px; border-radius: 24px; }

.nav div.main_list ul .logo a::after { content: none; }

.nav div.main_list ul li a:hover::after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.navTrigger { display: none; }

.nav .header_logo_catch { margin: 3px 0 0 0; font-weight: 400; }

.tooltip { position: relative; }

.tooltip__item { position: absolute; min-width: 300px; font-size: 1rem; line-height: 1.5rem; padding: 10px 15px; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1); transition: all 0.25s cubic-bezier(0, 0, 0.2, 1); color: #fff; font-weight: 500; z-index: 3; }

.tooltip__item:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; }

.tooltip__initiator { cursor: pointer; z-index: 5; }

.tooltip[data-direction="bottom"] .tooltip__initiator:hover ~ .tooltip__item { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 1; }

.tooltip[data-direction="bottom"] .tooltip__initiator:hover ~ .tooltip__item i { font-weight: bolder; }

@media screen and (min-width: 60px) and (max-width: 1024px) { .container { margin: 0; } }

@media (max-width: 960px) { .nav .logo h1, .nav .logo h1 a { width: 160px !important; }
  .nav div.main_list ul li:first-child a { padding-right: 0; }
  .nav div.main_list ul li a { font-size: 14px; }
  .nav div.main_list ul { gap: 10px; }
  .nav div.main_list ul .login_btn { width: 115px; } }

/* Animation */
.navTrigger { cursor: pointer; width: 18px; height: 15px; margin: auto; position: absolute; right: 20px; top: 4px; bottom: 0; }

.navTrigger i { background-color: #1f1f1f; content: ''; display: block; width: 100%; height: 2px; }

.sp-nav { display: none; }

.navTrigger i:nth-child(1) { -webkit-animation: outT 0.8s backwards; animation: outT 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

.navTrigger i:nth-child(2) { margin: 4px 0; -webkit-animation: outM 0.8s backwards; animation: outM 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

.navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.8s backwards; animation: outBtm 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

.navTrigger.active i:nth-child(1) { -webkit-animation: inT 0.8s forwards; animation: inT 0.8s forwards; }

.navTrigger.active i:nth-child(2) { -webkit-animation: inM 0.8s forwards; animation: inM 0.8s forwards; }

.navTrigger.active i:nth-child(3) { -webkit-animation: inBtm 0.8s forwards; animation: inBtm 0.8s forwards; }

@-webkit-keyframes inM { 50% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); } }

@keyframes inM { 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

@-webkit-keyframes outM { 50% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); } }

@keyframes outM { 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

@-webkit-keyframes inT { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(6px) rotate(0deg); }
  100% { -webkit-transform: translateY(6px) rotate(135deg); } }

@keyframes inT { 0% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }
  100% { -webkit-transform: translateY(6px) rotate(135deg); transform: translateY(6px) rotate(135deg); } }

@-webkit-keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(6px) rotate(0deg); }
  100% { -webkit-transform: translateY(6px) rotate(135deg); } }

@keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }
  100% { -webkit-transform: translateY(6px) rotate(135deg); transform: translateY(6px) rotate(135deg); } }

@-webkit-keyframes inBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(-6px) rotate(0deg); }
  100% { -webkit-transform: translateY(-6px) rotate(135deg); } }

@keyframes inBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }
  100% { -webkit-transform: translateY(-6px) rotate(135deg); transform: translateY(-6px) rotate(135deg); } }

@-webkit-keyframes outBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(-6px) rotate(0deg); }
  100% { -webkit-transform: translateY(-6px) rotate(135deg); } }

@keyframes outBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }
  100% { -webkit-transform: translateY(-6px) rotate(135deg); transform: translateY(-6px) rotate(135deg); } }

.affix { position: fixed; height: 82px; padding: 0; top: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.9); }

.affix .logo img { width: 226px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.affix .logo p { display: none; }

.affix div.main_list ul { height: 82px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.myH2 { text-align: center; font-size: 4rem; }

.myP { text-align: justify; padding-left: 15%; padding-right: 15%; font-size: 20px; }

@media all and (max-width: 600px) { .myP { padding: 2%; } }

.top_link { height: 30px; line-height: 30px; background-color: #012554; }

.top_link ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1200px; margin: 0 auto; padding: 0 5px; }

.top_link li { padding: 0 15px; -webkit-transition: all .2s ease; transition: all .2s ease; }

.top_link li:hover { background-color: #c70000; }

.top_link li:first-child { margin-right: auto; }

.top_link li:first-child::before, .top_link li:nth-child(2)::before, .top_link li:last-child::before { content: ""; position: relative; margin-right: 5px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background-size: contain; }

.top_link li:first-child::before { top: 2px; width: 12px; height: 12px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.753%22%20height%3D%2212.289%22%20viewBox%3D%220%200%2011.753%2012.289%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_438%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20438%22%20transform%3D%22translate(-970.515%20-63.22)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_130%22%20data-name%3D%22%E3%83%91%E3%82%B9%20130%22%20d%3D%22M2972.409%2C5174.6h-4.145v10.253h10.253v-4.986%22%20transform%3D%22translate(-1997%20-5110.091)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_437%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20437%22%20transform%3D%22translate(975.796%2063.971)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_131%22%20data-name%3D%22%E3%83%91%E3%82%B9%20131%22%20d%3D%22M2973.287%2C5181.443l4.664-4.664%22%20transform%3D%22translate(-2973.287%20-5176.044)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_132%22%20data-name%3D%22%E3%83%91%E3%82%B9%20132%22%20d%3D%22M2985.2%2C5172.814h3.067v3.067%22%20transform%3D%22translate(-2982.734%20-5172.814)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; }

.top_link li:nth-child(2)::before { width: 10px; height: 12px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_817%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20817%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_3%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%203%22%20d%3D%22M10%2C8.33H0v-8H10v8Zm-5-6c-.551%2C0-1%2C.673-1%2C1.5s.449%2C1.5%2C1%2C1.5%2C1-.673%2C1-1.5S5.551%2C2.33%2C5%2C2.33Z%22%20transform%3D%22translate(0%203.67)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%83%91%E3%82%B9_129%22%20data-name%3D%22%E3%83%91%E3%82%B9%20129%22%20transform%3D%22translate(1.672)%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M3.328%2C0c1.847%2C0%2C3%2C1.923%2C3%2C4s-1.153%2C1-3%2C1-3%2C1.077-3-1S1.482%2C0%2C3.328%2C0Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%203.3282470703125%200.9999971389770508%20C%202.076346874237061%200.9999971389770508%201.3282470703125%202.525327205657959%201.3282470703125%203.999997138977051%20C%201.3282470703125%204.104273319244385%201.331818103790283%204.188465595245361%201.337000846862793%204.255743503570557%20C%201.447948932647705%204.238460540771484%201.577756404876709%204.213624477386475%201.711596965789795%204.18801736831665%20C%202.149426937103271%204.104247093200684%202.694327116012573%203.999997138977051%203.3282470703125%203.999997138977051%20C%203.962247133255005%203.999997138977051%204.507146835327148%204.104257106781006%204.944976806640625%204.188027381896973%20C%205.07879638671875%204.213634490966797%205.208552837371826%204.238462448120117%205.319486618041992%204.255743026733398%20C%205.324672222137451%204.188472747802734%205.3282470703125%204.104270935058594%205.3282470703125%203.999997138977051%20C%205.3282470703125%202.525327205657959%204.580146789550781%200.9999971389770508%203.3282470703125%200.9999971389770508%20M%203.3282470703125%20-2.86102294921875e-06%20C%205.174837112426758%20-2.86102294921875e-06%206.3282470703125%201.922587394714355%206.3282470703125%203.999997138977051%20C%206.3282470703125%205.019687652587891%206.050330638885498%205.279296875%205.548977851867676%205.279296875%20C%205.028922557830811%205.279296875%204.268447875976562%204.999997138977051%203.3282470703125%204.999997138977051%20C%202.388158798217773%204.999997138977051%201.627566814422607%205.279296875%201.107516288757324%205.279296875%20C%200.6060457229614258%205.279296875%200.3282470703125%205.019814491271973%200.3282470703125%203.999997138977051%20C%200.3282470703125%201.922587394714355%201.481657028198242%20-2.86102294921875e-06%203.3282470703125%20-2.86102294921875e-06%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; }

.top_link li:last-child::before { top: 1px; width: 10px; height: 12px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.751%22%20height%3D%2232.464%22%20viewBox%3D%220%200%2027.751%2032.464%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_816%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20816%22%20transform%3D%22translate(-1175.711%20-17)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_9%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%209%22%20cx%3D%227.773%22%20cy%3D%227.773%22%20r%3D%227.773%22%20transform%3D%22translate(1181.642%2017)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_128%22%20data-name%3D%22%E3%83%91%E3%82%B9%20128%22%20d%3D%22M13.875%2C0c7.663%2C0%2C13.875%2C5.719%2C13.875%2C12.775%2C0%2C3.784-27.751%2C4.342-27.751%2C0C0%2C5.719%2C6.212%2C0%2C13.875%2C0Z%22%20transform%3D%22translate(1175.711%2033.638)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; background-size: contain; }

.top_link a { color: #fff; font-size: 1.3rem; }

body.category-newsrelease .columns_menu, .category-event .columns_menu { display: none !important; }

.columns_menu { background-color: #F2F2F2; height: 50px; }

.columns_menu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.columns_menu ul li { width: inherit; border-left: 1px solid #fff; }

.columns_menu ul li a { width: 100%; height: 100%; 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; font-size: 1.5rem; -webkit-transition: all .1s linear; transition: all .1s linear; }

.columns_menu ul li a:hover { color: #fff; background-color: #012554; }

.columns_menu ul .search_form { display: block; height: 100%; }

.columns_menu ul .search_form form { position: relative; height: 100%; width: 300px; }

.columns_menu ul .search_form form input { height: 100%; margin: 0; padding: 5px 50px 5px 15px; background-color: #E6E6E6; border: none; outline: 0; }

.columns_menu ul .search_form form .underline { position: relative; width: 300px; bottom: 3px; height: 3px; background: #ce1138; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.18s ease-out; transition: -webkit-transform 0.18s ease-out; transition: transform 0.18s ease-out; transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out; }

.columns_menu ul .search_form form input:focus + p + .underline, .columns_menu ul .search_form form input:focus + .underline { -webkit-transform: scaleX(1); transform: scaleX(1); }

.columns_menu ul .search_form form button { position: absolute; width: 50px; height: 100%; right: 0; top: 0; background-color: transparent; font-size: 2.2rem; color: #022554; }

.header_loginbtn { position: absolute; right: 52px; color: #04214A; font-weight: 400; font-size: 14px; }

.header_loginbtn svg { margin-bottom: -3px; margin-right: 2px; }

.searchwp-live-search-results-showing .searchwp-live-search-result p { font-size: 1.3rem; padding: 10px 15px; margin: 0; border-bottom: 1px solid rgba(30, 30, 30, 0.1); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.searchwp-live-search-results-showing .searchwp-live-search-result p:hover { background-color: #f2f2f2; }

.searchwp-live-search-results-showing .searchwp-live-search-result p:hover a { color: #022554; }

.searchwp-live-search-results-showing.searchwp-live-search-results { box-shadow: 0 0 1px 0 rgba(30, 30, 30, 0.4); border-radius: 0; }

.category-knowhow .columns_menu ul li:nth-child(1) { background-color: #dbdbdb; }

.category-self-analysis .columns_menu ul li:nth-child(2) { background-color: #dbdbdb; }

.category-interview .columns_menu ul li:nth-child(3) { background-color: #dbdbdb; }

.category-industry-analysis .columns_menu ul li:nth-child(4) { background-color: #dbdbdb; }

.category-howto .columns_menu ul li:nth-child(5) { background-color: #dbdbdb; }

.sidebar { width: 300px; margin-left: 50px; text-align: left; }

.sidebar .widget__ttl, .sidebar .widget-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: solid 2px #EDE9E6; text-align: left; }

.sidebar .widget__ttl p, .sidebar .widget-title p { padding: 0px 10px 4px 4px; line-height: 2; margin-bottom: -3px; font-size: 2rem; display: inline-block; border-bottom: 2px solid #c70000; 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; font-weight: bold; }

.sidebar .widget__ttl p img, .sidebar .widget-title p img { width: 36px; }

.sidebar .widget__ttl .more_btn, .sidebar .widget-title .more_btn { margin-right: 0; }

.sidebar .lcp_catlist { margin-top: 8px; }

.sidebar .lcp_catlist 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; gap: 8px; padding: 8px 0; font-size: 1.4rem; line-height: 2.2rem; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.sidebar .lcp_catlist li a { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.sidebar .lcp_catlist li a:last-child { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.sidebar .lcp_catlist li img { max-width: 100px; border-radius: 8px; width: 25vw; -o-object-fit: cover; object-fit: cover; aspect-ratio: 16 / 9; }

.sidebar .lcp_catlist li .lcp_private { display: none; }

.widget_tag_cloud { margin-top: 30px; }

.widget_tag_cloud .tagcloud { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.widget_tag_cloud .tagcloud a { display: inline-block; background: #ffffff; line-height: 1; padding: 0.8rem 1.6rem; margin-bottom: 4px; font-size: 1.2rem !important; font-weight: normal; color: #1E1E22; border-radius: 4px; border: 1px solid #BBBBBB; vertical-align: middle; -webkit-transition: background-color .3s; transition: background-color .3s; }

.widget_tag_cloud .tagcloud a:hover { background: #F2F2F2; }

.widget { margin-bottom: 32px; }

.widget [class^="ofbicon-"] { font-size: 1.4rem; }

.widget .widget__ttl { font-size: 18px; border-bottom: 5px solid #022454; margin-bottom: 20px; padding: 0 0 5px 10px; }

.widget .widget__contents { position: relative; margin-bottom: 27px; padding-left: 5px; padding-right: 5px; }

.widget .widget__thumb { float: left; width: 96px; height: 60px; margin-right: 10px; overflow: hidden; text-align: center; }

.widget .widget__thumb img { width: 96px; height: auto; }

.widget .widget__headlines { font-size: 14px; text-decoration: underline; margin: 0px; }

.widget .post__info { text-align: right; }

.widget .post__time { font-size: 13px; }

.widget--form .widget__thumb { width: 80px; height: auto; border: none; }

.widget--form .widget__thumb img { width: 80px; height: auto; }

.widget--form .widget__headlines { text-decoration: none; }

.widget--form .widget__txt { float: left; width: 190px; }

.widget--form .ofb-btn { width: 100%; }

.widget__contents:before, .widget__contents:after { content: " "; display: table; }

.widget__contents:after { clear: both; }

.widget__contents { *zoom: 1; }

.side_cv_banner { position: relative; display: block; height: 180px; padding: 20px 25px; font-size: 1.3rem; line-height: 2.2rem; background: url(../../assets/img/aside_cv_banner.png?20240227) no-repeat center top; background-size: contain; color: #0D3058; }

.side_cv_banner:before { content: "OfferBoxは？"; position: relative; font-size: 1.1rem; color: #176ED5; font-weight: bold; }

.side_cv_banner:hover a { background-color: #0D3058; color: #fff; }

.side_cv_banner:hover a:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 1.1rem; line-height: 0; position: absolute; display: block; top: 50%; right: 10px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.side_cv_banner a { position: relative; display: inline-block; padding: 2px 25px 2px 22px; margin-top: 10px; border-radius: 30px; border: 2px solid #0D3058; font-size: 1.1rem; font-weight: bold; color: #0D3058; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.side_cv_banner a:hover:after { right: 8px; }

/* 202402サイドバー変更 */
.sidebar_topimg { margin-bottom: 12px; }

.sidebar_topimg__annotation { display: block; font-size: 12px; color: #818181; margin-bottom: 40px; line-height: 1.5; }

.sidebar_bottomimg { position: -webkit-sticky; position: sticky; top: 130px; }

.tab__panel { width: 100%; }

.tab__panel .tab__panel-box { min-height: 400px; border-radius: 10px; display: none; }

.tab__panel .tab__panel-box.is-show { display: block; }

.widget_listcategorypostswidget > a { color: #246EFF; display: block; width: 100%; text-align: right; padding-right: 30px; font-size: 12px; font-weight: bold; position: relative; }

.widget_listcategorypostswidget > a::before { content: ''; width: 20px; height: 6px; border-bottom: solid 1.5px; border-right: solid 2px; -webkit-transform: skew(45deg); transform: skew(45deg); position: absolute; right: 5px; bottom: 8px; -webkit-transition: .2s; transition: .2s; }

.widget_listcategorypostswidget > a:hover::before { right: 3px; }

.sidebar_balloon { position: relative; display: inline-block; padding: 4px 8px; max-width: 100%; color: #555; font-size: 16px; background: #2C72D9; border-radius: 4px; margin-bottom: 2px; margin-left: 4px; }

.sidebar_balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid #2C72D9; }

.sidebar_balloon p { margin: 0; padding: 0; font-size: 10px; color: #ffffff; }

.contents-full { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex_wrap_box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contents { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: left; }

#main-contents { padding-top: 20px; padding-bottom: 50px; }

.forpcimg { max-width: 100%; height: auto; }

.forspimg { display: none; }

.main_about_industry_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 15px auto; }

.main_columns { padding-bottom: 50px; }

.main_columns_wrap { display: block; }

.main_columns_area { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.main_columns_area .main_columns__elm { width: 32%; background-color: #fff; border: 1px solid #DDDDDD; }

.main_columns_area .main_columns__elm figure img { width: 100%; }

.main_columns_area .main_columns__elm .entry-text { padding: 20px; }

.main_columns_area .main_columns__elm { -webkit-transition: all .2s linear; transition: all .2s linear; text-align: left; line-height: 2; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06); }

.main_columns_area .main_columns__elm .post__thumbnail { position: relative; overflow: hidden; max-height: 220px; 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; }

.main_columns_area .main_columns__elm .post__thumbnail img { width: 100%; }

.main_columns_area .main_columns__elm .main_columns__ttl { margin: 0; line-height: 1.5; font-size: 1.8rem; font-weight: normal; text-align: left; }

.main_columns_area .main_columns__elm .main_columns__txt { font-size: 1.4rem; font-weight: normal; line-height: 1.5; }

.main_columns_area .main_columns__elm:hover { box-shadow: 0 1px 11px rgba(0, 0, 0, 0.09); -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.main_columns_area .main_columns__elm .post__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; text-align: right; }

.main_columns_area .main_columns__elm .post__info .post__category, .main_columns_area .main_columns__elm .post__info .post__time { display: inline-block; }

.main_columns_area .main_columns__elm .post__info a { background: #012554; margin: 3px 5px 3px 0; padding: 0 20px; font-size: 1.4rem !important; color: #fff; border-radius: 30px; border: 2px solid #012554; -webkit-transition: background-color .3s; transition: background-color .3s; }

.main_columns_area .main_columns__elm .post__info a:hover { background: #fff; color: #012554; border: 2px solid #012554; }

.container h2 { margin: 70px auto 0; }

.container h2, .container h3 { width: 100%; text-align: center; }

section.main_faq { margin: 10px auto 60px; }

section.main_faq dl { display: block; max-width: 1000px; padding: 50px 80px; margin: 40px auto 20px; border-radius: 30px; font-size: 1.5rem; background-color: #F8F8F8; }

section.main_faq dl dd, section.main_faq dl dt { display: block; position: relative; padding-left: 40px; }

section.main_faq dl dd::before, section.main_faq dl dt::before { position: absolute; 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; left: 0; width: 25px; height: 25px; border-radius: 50px; border: 3px solid #3993DD; }

section.main_faq dl dt { margin-bottom: 10px; color: #3993DD; }

section.main_faq dl dt::before { content: "Q"; background-color: #3993DD; color: #fff; }

section.main_faq dl dd { padding-bottom: 30px; }

section.main_faq dl dd::before { content: "A"; background-color: #fff; color: #3993DD; font-weight: bold; }

section.main_faq dl dd + dt { padding-top: 40px; border-top: 1px solid #DDDDDE; }

.main_popup { position: absolute; width: 140px; bottom: 115px; left: 0; -webkit-animation: main_popup 1s ease-out; animation: main_popup 1s ease-out; }

.main_popup input[type=checkbox] { display: none; }

.main_popup input[type=checkbox] + label { position: absolute; width: 30px; cursor: pointer; top: 10px; right: 0; }

.main_popup button { position: absolute; display: block; right: 2px; top: 25px; width: 30px; height: 30px; text-indent: -9999; -webkit-transition: all .2s linear; transition: all .2s linear; background-color: transparent; }

.main_popup button:hover:before, .main_popup button:hover:after { background-color: #c70000; }

.main_popup button:before, .main_popup button:after { content: ""; position: absolute; left: 15px; top: 8px; height: 15px; width: 2px; background-color: #fff; }

.main_popup button:before { -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.main_popup button:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@-webkit-keyframes main_popup { from { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes main_popup { from { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.main_popup_option { position: absolute; right: 0; }

.main_popup_box { 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: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 160px; height: 150px; background: url(../../assets/img/main_voice_popup.png) center bottom no-repeat; background-size: contain; -webkit-transition: all .2s linear; transition: all .2s linear; }

.main_popup_box:hover { background: url(../../assets/img/main_voice_popup_hover.png) center bottom no-repeat; background-size: contain; }

.button { width: auto; padding: 1rem 2rem; background: #ffdd40; color: black; text-decoration: none; display: inline-block; font-family: Arial, sans-serif; text-transform: uppercase; }

.video-popup-model { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 9999999999; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; }

.video-popup-model.smooth_show { opacity: 1; }

.video-popup-model .video-layer { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); 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: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 800px) { .video-popup-model .video-layer { background-color: rgba(0, 0, 0, 0.5); } }

.video-popup-model .video-layer .video-model-close-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.video-popup-model .video-layer .model-wrapper { width: 100%; height: auto; z-index: 999; }

@media screen and (min-width: 800px) { .video-popup-model .video-layer .model-wrapper { max-width: 65%; } }

.video-popup-model .video-layer .model-wrapper .videomodel { width: 100%; margin: 0 auto; padding: 0; height: auto; background-color: black; }

@media screen and (min-width: 800px) { .video-popup-model .video-layer .model-wrapper .videomodel { position: relative; padding: 1.5rem; background-color: white; border-radius: 2rem; } }

.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen { width: 100%; padding: 0; border-radius: 0; overflow: hidden; background-color: black; }

@media screen and (min-width: 800px) { .video-popup-model .video-layer .model-wrapper .videomodel .videoscreen { border-radius: 2rem; background: #fff; } }

.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen video, .video-popup-model .video-layer .model-wrapper .videomodel .videoscreen iframe { width: 100%; -o-object-fit: fill; object-fit: fill; height: auto; border: 0; outline: none; display: block; }

.video-popup-model .video-layer .model-wrapper .modelCloseBtn { width: 4rem; height: 4rem; background-color: transparent; border: 0.2rem solid white; cursor: pointer; border-radius: 50%; position: absolute; top: 1rem; right: 1rem; }

@media screen and (min-width: 800px) { .video-popup-model .video-layer .model-wrapper .modelCloseBtn { background-color: white; right: -4rem; top: -3rem; } }

.video-popup-model .video-layer .model-wrapper .modelCloseBtn:before, .video-popup-model .video-layer .model-wrapper .modelCloseBtn:after { content: ""; width: 0.2rem; height: 2rem; position: absolute; left: 1.7rem; top: 0.8rem; background-color: white; }

@media screen and (min-width: 800px) { .video-popup-model .video-layer .model-wrapper .modelCloseBtn:before, .video-popup-model .video-layer .model-wrapper .modelCloseBtn:after { background-color: #012554; } }

.video-popup-model .video-layer .model-wrapper .modelCloseBtn:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.video-popup-model .video-layer .model-wrapper .modelCloseBtn:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.video-popup-model .video-layer .model-wrapper .modelCloseBtn:hover:before, .video-popup-model .video-layer .model-wrapper .modelCloseBtn:hover:after { opacity: 0.8; }

.video-popup-model .video-layer .video-popup-btn { width: 100%; text-align: center; }

.video-popup-model .video-layer .video-popup-btn a { display: inline-block; padding: 5px 40px; margin-top: 10px; border-radius: 50px; font-size: 1.4rem; background-color: #fff; }

.video-popup-model .video-layer .video-popup-btn a:hover { color: #c70000; }

@media screen and (max-width: 800px) { .video-popup-model .video-layer .video-popup-btn a { padding: 10px 25px; margin: 10px 30px; border: 2px solid #fff; line-height: 2rem; background-color: transparent; color: #fff; font-size: 1.3rem; }
  .video-popup-model .video-layer .video-popup-btn a:hover { color: #fff; } }

main { position: relative; }

main .gray_bg { background-color: #F3F3F3; }

main .main_about_heading { position: relative; }

main .main_about_heading::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -25px; border: 25px solid transparent; border-top: 20px solid #F3F3F3; }

main .main_about_heading .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1000px; margin: 0 auto; }

main .main_about_heading .container .main_about_heading_title { padding-bottom: 5px; text-align: left; color: #012554; font-size: 2rem; }

main .main_about_heading .container .main_about_heading_illust { position: relative; width: 28%; max-width: 300px; padding-right: 30px; text-align: center; min-height: 120px; }

main .main_about_heading .container .main_about_heading_illust img { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

main .main_about_heading .container .main_about_heading_content { 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; width: calc(100% - 28%); padding-left: 40px; border-left: 2px dotted #D3D1D0; }

main .main_about_heading .main_about_txt { line-height: 1.5; }

main .main_step .main_step_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; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 30px 50px; border-radius: 30px; background-color: #fff; }

main .main_step .main_step_list li { position: relative; width: 30%; }

main .main_step .main_step_list li .main_step_title { margin-bottom: 5px; font-size: 1.8rem; font-weight: bold; text-align: center; }

main .main_step .main_step_list li .main_step_txt { line-height: 1.5; }

main .main_step .main_step_list li figure { text-align: center; margin-bottom: 15px; }

main .main_step .main_step_list li figure img { max-height: 170px; }

main .main_step .main_step_list li + li { margin-left: 100px; }

main .main_step .main_step_list li + li::before { content: ""; position: absolute; left: -65px; top: 50%; width: 0; height: 0; border-left: 20px solid #002558; border-top: 25px solid transparent; border-bottom: 25px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

main .main_fixde_btn_area { position: fixed; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: 0; inset: auto 0 0 0; z-index: 1; }

main .main_fixde_btn_area .btn_area_inner { position: relative; bottom: -1px; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

main .main_fixde_btn_area .btn_area_inner .main_fixde_btn { display: block; position: relative; width: 100%; max-width: 350px; padding: 20px 30px 20px 60px; text-align: center; color: #fff; border-radius: 5px 5px 0 0; background-color: #c70000; }

main .main_fixde_btn_area .btn_area_inner .main_fixde_btn::before, main .main_fixde_btn_area .btn_area_inner .main_fixde_btn::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 110px); margin: auto; vertical-align: middle; }

main .main_fixde_btn_area .btn_area_inner .main_fixde_btn::before { width: 20px; height: 20px; border-radius: 50%; background: #fff; }

main .main_fixde_btn_area .btn_area_inner .main_fixde_btn::after { width: 4px; height: 4px; margin-left: 6px; border-top: 2px solid #d70004; border-right: 2px solid #d70004; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

main .double_cta_fix { width: 100%; margin-right: 0; margin-left: auto; margin-bottom: 25px; }

main .double_cta_fix__btn { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin: 6px auto; border-radius: 50px 0 0 50px; font-weight: normal; font-size: clamp(14px, 3vw, 18px); color: #fff; background: -webkit-linear-gradient(left, #00c871 0%, #00b792 100%); background: linear-gradient(90deg, #00c871 0%, #00b792 100%); box-shadow: 10px 10px 26px rgba(35, 89, 128, 0.15); -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 4px; padding: 12px 48px 12px 32px; }

main .double_cta_fix__btn span { padding-right: 2px; font-size: clamp(20px, 3vw, 24px); font-weight: bold; }

main .double_cta_fix__btn::after { content: ""; position: absolute; width: 18px; height: 10px; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../../assets/img/fv_double_cta_arrow.svg) center center no-repeat; background-size: contain; -webkit-transition: all .1s linear; transition: all .1s linear; }

main .double_cta_fix__btn:hover { box-shadow: 4px 4px 16px rgba(35, 89, 128, 0.5); }

main .double_cta_fix__btn:hover::after { right: 18px; }

main .double_cta_fix__txt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; line-height: 1; }

main .double_cta_fix__txt span { padding-right: 2px; font-size: clamp(20px, 3vw, 24px); font-weight: bold; }

main .double_cta_fix__copy { font-size: 12px; line-height: 1; }

main .double_cta_fix__copy span { padding-right: 0; font-size: unset; font-weight: normal; }

main .double_cta_fix .fv_cta_balloon { position: relative; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 12px 0 16px; box-sizing: border-box; }

main .double_cta_fix .fv_cta_balloon:before { content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid rgba(17, 17, 17, 0.6); z-index: 2; }

main .double_cta_fix .fv_cta_balloon p { padding: 0px 16px; min-width: 120px; max-width: 336px; border-radius: 8px; color: #ffffff; font-size: clamp(12px, 3vw, 14px); font-weight: 400; background: rgba(17, 17, 17, 0.6); box-shadow: 10px 10px 26px rgba(35, 89, 128, 0.15); }

main .main_cm_video .main_cm_video_wrap { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 15px; aspect-ratio: 16 / 9; }

main .main_cm_video .main_cm_video_wrap iframe { width: 100%; height: 100%; }

.main_visual { position: relative; overflow: hidden; background: #ffffff; margin-bottom: 24px; }

.main_visual__inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; }

.main_visual__content { width: calc(1350 / 1920* 100vw); min-width: 680px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.main_visual__content__inner { width: calc(557 / 1920* 100vw); text-align: center; min-width: 320px; }

.main_visual__content__inner .btn_copy { position: relative; font-size: calc(27 / 1920* 100vw); font-weight: bold; line-height: 1; color: #04214A; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-bottom: 15px; }

.main_visual__content__inner .btn_copy__num { font-size: calc(60 / 1920* 100vw); }

.main_visual__content__inner .btn_copy sup { font-size: 10px; position: absolute; top: 28%; right: 0px; }

.main_visual__content__inner .btn_copy .emphasis_left { margin: 0; position: absolute; bottom: 0; left: -30px; width: 20px; }

.main_visual__content__inner .btn_copy .emphasis_right { margin: 0; position: absolute; bottom: 0; right: -30px; width: 20px; }

.main_visual__content__inner .btn_copy__heading { font-size: clamp(16px, 5vw, 20px); }

.main_visual__content__inner .fv_double_cta_area { 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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 500px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); gap: 13px 16px; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta { width: auto; display: inline-block; position: relative; color: white; border-radius: 50px; font-weight: normal; padding: 8px 48px 8px 24px; font-size: clamp(14px, 3vw, 18px); box-shadow: 0px 0px 4px rgba(35, 89, 128, 0.4); -webkit-transition: all .1s linear; transition: all .1s linear; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta span { padding-right: 2px; font-size: clamp(20px, 5vw, 24px); font-weight: bold; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(left, #00c871 0%, #00b792 100%); background: linear-gradient(90deg, #00c871 0%, #00b792 100%); z-index: -1; -webkit-transition: 0.2s; transition: 0.2s; border-radius: 50px; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta::after { content: ""; position: absolute; width: 18px; height: 10px; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../../assets/img/fv_double_cta_arrow.svg) center center no-repeat; background-size: contain; -webkit-transition: all .1s linear; transition: all .1s linear; }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta:hover { box-shadow: 4px 4px 12px rgba(35, 89, 128, 0.4); }

.main_visual__content__inner .fv_double_cta_area .fv_double_cta:hover::after { right: 18px; }

.main_visual__content__inner .fv_cta_balloon { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc(50% - 32px); margin-top: 8px; box-sizing: border-box; }

.main_visual__content__inner .fv_cta_balloon:before { content: ""; position: absolute; bottom: -13px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top: 8px solid #FFF; z-index: 2; }

.main_visual__content__inner .fv_cta_balloon p { border-radius: 8px; color: #3f576c; font-weight: bold; background: #FFF; box-shadow: 10px 10px 26px rgba(35, 89, 128, 0.15); padding: 8px 16px; line-height: 1; font-size: clamp(12px, calc(15 / 1920 * 100vw), 15px); }

.main_visual__content__inner .fv_cta_balloon p span { color: #34A7FA; }

.main_visual__content__inner small { font-size: 12px; color: #04214A; opacity: 0.6; display: inline-block; margin: 0 auto; text-align: center; line-height: 17px; margin-top: 15px; }

.main_visual__txt { position: absolute; top: 0; color: #3F576C; font-size: clamp(12px, calc(18 / 1920* 100vw), 18px); width: 100%; font-weight: bold; }

.main_visual__txt .emphasis { color: #34A7FA; }

.main_visual__txt div { text-align: center; padding: 10px 20px; border-radius: 16px; font-weight: bold; background-color: white; line-height: clamp(15px, calc(24 / 1920* 100vw), 24px); box-shadow: 10px 10px 26px rgba(35, 89, 128, 0.15); }

.main_visual__txt__first { position: absolute; top: 8vw; left: 50vw; }

.main_visual__txt__second { position: absolute; top: 13.5vw; left: 76vw; }

.main_visual .cta_area { position: absolute; width: 460px; padding: 15px 30px; bottom: 25px; left: -30px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.5); }

.main_visual .cta_area__company { position: relative; padding: 0 0 10px 50px; margin-bottom: 20px; border-bottom: 1px solid #fff; color: #012554; font-size: 2rem; text-align: center; }

.main_visual .cta_area__company::before { content: ""; position: absolute; left: 10px; width: 45px; height: 45px; background-image: url("../../assets/img/mv_icon01.svg"); }

.main_visual .cta_area__company strong { padding: 0 3px; font-size: 2.7rem; font-weight: 500; font-family: 'Farro', sans-serif; }

.main_visual .cta_area__company sup { padding-left: 5px; font-size: 70%; }

.main_visual .cta_area__button .cv_lead { width: 230px; text-align: center; margin: 0 auto; color: #041E39; }

.main_visual .cta_area__button .btn_addition { text-align: center; }

.main_visual .catch_area { position: absolute; width: auto; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; font-weight: bold; font-size: 1.4rem; bottom: 290px; left: 10px; }

.main_visual .catch_area__img { position: relative; width: 300px; left: 7px; top: -5px; }

.main_visual .catch_area__img img { width: 100%; }

.main_visual .catch_area::after { content: ""; position: absolute; display: block; width: calc(100% - 15px); height: 100%; inset: 3px 0 0 5px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.8); z-index: -1; }

.main_visual .mvBackground { position: absolute; width: 100%; max-width: 1050px; height: 100%; margin: 0 auto; inset: 0 0 0 0; }

.main_visual .mvBackground__obj { position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 250px; }

.main_visual .mvBackground__obj.-bg01 { width: 550px; left: -826px; bottom: -80px; background-color: #F5FFA7; opacity: 0.7; }

.main_visual .mvBackground__obj.-bg02 { width: 1000px; bottom: 90px; left: -527px; background-color: #ffffff; opacity: 0.25; }

.main_visual .mvBackground__obj.-bg03 { width: 400px; bottom: -180px; left: -142px; background-color: #819EFF; opacity: 0.5; }

.main_visual .mvBackground__obj.-bg04 { width: 380px; height: 390px; top: 47px; right: -40px; border-radius: 5px; background-color: #F5FFA7; }

.main_visual .mvBackground__obj.-bg05 { width: 58px; height: 58px; top: 250px; right: 70px; border-radius: 7px; background-color: #5bc1ff; opacity: 0.75; z-index: 1; }

.main_visual .mvBackground__obj.-bg06 { width: 40px; height: 40px; top: 100px; left: 26px; border-radius: 7px; background-color: #fff; opacity: 0.85; z-index: 1; }

.main_visual .mvBackground__obj.-bg07 { width: 25px; height: 25px; bottom: 250px; left: -20px; border-radius: 3px; background-color: #E3FF6E; z-index: 1; }

.main_visual .mvBackground__obj.-bg08 { height: 1000px; width: 205px; bottom: -272px; left: 36px; background-color: #ffffff; opacity: 0.7; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.main_visual .mvBackground__obj.-bg09 { width: 650px; top: -70px; right: -800px; background-color: #819EFF; opacity: 0.3; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.main_visual .mvBackground__obj.-bg10 { width: 1000px; bottom: 110px; right: -780px; background-color: #fff; opacity: 0.3; }

.main_visual .mvBackground__obj.-bg11 { width: 300px; top: -150px; right: 185px; background-color: #fff; opacity: 0.9; }

.main_visual .mvBackground__obj.-bg12 { width: 500px; height: 205px; top: -69px; left: 148px; overflow: hidden; }

.main_visual .mvBackground__obj.-bg12 div.bg_wrap { width: 130%; height: 130%; top: 40px; left: -45px; }

.main_visual .mvBackground__obj.-bg13 { width: 205px; height: 205px; top: -11px; left: 527px; overflow: hidden; }

.main_visual .mvBackground__obj.-bg13 div.bg_wrap { width: 145%; height: 145%; top: -53px; left: -33px; }

.main_visual .mvBackground__obj.-bg14 { width: 330px; height: 205px; top: 178px; left: 276px; overflow: hidden; }

.main_visual .mvBackground__obj.-bg14 div.bg_wrap { width: 170%; height: 170%; top: -217px; left: -70px; }

.main_visual .mvBackground__obj.-bg15 { width: 500px; height: 205px; bottom: -89px; left: 275px; overflow: hidden; }

.main_visual .mvBackground__obj.-bg15 div.bg_wrap { width: 120%; height: 120%; top: -180px; left: 35px; }

.main_visual .mvBackground__obj.-img01 { width: 400px; height: 600px; right: -50px; bottom: -100px; background: url(../../assets/img/mv_img01.webp) center center no-repeat; -webkit-transform: none; transform: none; background-size: contain; }

.main_visual .mvBackground__obj .bg_wrap { position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.main_visual .main_visual__bg { height: 612px; aspect-ratio: 160 / 51; max-width: unset; margin-left: 60%; -webkit-transform: translate(-60%, 0); transform: translate(-60%, 0); }

.fv_comment small { display: inline-block; margin: 0 auto 8px; font-size: clamp(11px, 3vw, 12px); color: #04214A; text-align: center; line-height: 1.7; opacity: 0.6; }

.customers { margin-top: 0; padding-top: 20px; pointer-events: none; text-align: center; }

@-webkit-keyframes bg-slider { 0% { background-position: 0 0; }
  100% { background-position: -4138px 0; } }

@keyframes bg-slider { 0% { background-position: 0 0; }
  100% { background-position: -4138px 0; } }

.mv_annotation { width: 100%; max-width: 1050px; margin: 10px auto; padding: 0 10px; font-size: 11px; color: #4D4848; line-height: 1.5; }

@media screen and (max-width: 1024px) and (min-width: 769px) { .main_banner_column_sp { position: relative; width: calc(100% - 330px); max-width: 650px; }
  .main_banner_column_sp .bx-wrapper { height: 100%; }
  .main_banner_column_sp .bxslider_columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; background-color: rgba(7, 27, 52, 0.6); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .main_banner_column_sp .bxslider_columns li { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #fff; }
  .main_banner_column_sp .bx-controls { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.fv_btn_area { position: relative; margin-top: 45px; margin-bottom: 10px; width: 100%; }

.fv_btn_area div { position: absolute; top: -30px; font-weight: bold; font-size: 14px; text-align: center; width: 100%; }

.fv_btn_area a { width: 100%; display: inline-block; background-color: #FF5B35; color: white; border-radius: 50px; padding: 20px 50px 20px 8px; font-weight: bold; font-size: 18px; box-shadow: 0 4px 0 #a40004; -webkit-transition: .1s; transition: .1s; }

.fv_btn_area a span { background: white; color: #FF5B35; border-radius: 20px; padding: 10px 20px; font-size: 15px; margin-right: 15px; margin-left: 16px; }

.fv_btn_area a::before { content: ""; position: absolute; top: 32px; right: 15px; display: inline-block; width: 8px; height: 8px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .1s; transition: .1s; }

.fv_btn_area a:hover { box-shadow: none !important; margin-top: 5px; margin-bottom: -5px; }

.fv_btn_area a:hover::before { top: 37px; }

.main_visual .catch_area { bottom: 310px; left: 10px; right: unset; }

.btn_addition { padding-top: 0; font-size: 1.4rem; text-align: center; }

.btn_normal.btn_top a { background-color: #FF5B35; font-size: 1.6rem; }

.btn_normal.btn_top a:hover { background-color: #FF5B35; }

.btn_cv.btn_orangecv { position: relative; height: 65px; width: 100%; max-width: 330px; color: #fff; text-align: center; font-size: 1.7rem; white-space: nowrap; border-radius: 50px; box-sizing: border-box; cursor: pointer; background-color: #FF5B35; box-shadow: 0 5px 0 #c24022; padding: 23px 45px 23px 45px; }

@media screen and (max-width: 800px) { .btn_cv.btn_orangecv span { line-height: 27px; } }

.btn_cv.btn_orangecv:hover { background-color: #FF5B35; }

.btn_fixedcta { width: 410px; margin-right: 0; margin-left: auto; margin-bottom: 25px; }

.btn_fixedcta a { width: 100%; display: inline-block; background: -webkit-linear-gradient(left, #00c871 0%, #00b792 100%); background: linear-gradient(90deg, #00c871 0%, #00b792 100%); color: white; border-radius: 50px 0 0 50px; padding: 20px 60px 20px 8px; font-weight: bold; font-size: 18px; box-shadow: 0 3px 6px #8d8d8d; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 0; position: relative; }

.btn_fixedcta a span { background: white; color: #13CB6E; border-radius: 20px; padding: 4px 20px; font-size: 18px; margin-right: 16px; margin-left: 16px; }

.btn_fixedcta a::before { content: ""; position: absolute; top: 36px; right: 15px; display: inline-block; width: 8px; height: 8px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn_fixedcta a::after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; z-index: -1; background: -webkit-linear-gradient(left, #00b767 0%, #00b28f 100%); background: linear-gradient(90deg, #00b767 0%, #00b28f 100%); opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; border-radius: 50px 0 0 50px; }

.btn_fixedcta a:hover::after { opacity: 1; }

.single .contents .entry-content a.ctabtn { display: block; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100%; margin: 0 auto; padding: 22px 32px; max-width: 380px; min-width: 300px; text-decoration: none; font-weight: normal; text-align: center; font-size: clamp(14px, 3.2vw, 16px); line-height: 20px; border-radius: 100px; }

.single .contents .entry-content a.ctabtn::before { content: '\f105'; font-family: 'FontAwesome'; font-size: 2rem; line-height: 0; position: absolute; display: block; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.single .contents .entry-content a.ctabtn:hover::before { -webkit-animation: hoverArrow 1300ms ease 0s infinite normal; animation: hoverArrow 1300ms ease 0s infinite normal; }

.single .contents .entry-content a.ctabtn-solid { background-color: #C70004; color: white; }

.single .contents .entry-content a.ctabtn-solid::before { color: #ffffff; }

.single .contents .entry-content a.ctabtn-outline { background-color: white; color: #C70004; border: 2px solid #C70004; }

.single .contents .entry-content a.ctabtn-outline::before { color: #C70004; }

.ctabtn-microcopy__wrap { 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; max-width: 400px; min-width: 300px; margin: 0 auto; gap: 5px; }

.ctabtn-microcopy__wrap span.ctabtn-microcopy { position: absolute; color: #C70004; font-size: 13px; width: 100%; top: -45%; left: 0; line-height: 20px; }

.ctabtn-microcopy__wrap span.ctabtn-microcopyinner { display: inline-block; position: relative; color: #C70004; font-size: 13px; text-align: center; line-height: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: calc(100% - 30px); margin: 0 auto; }

.ctabtn-microcopy__wrap span.ctabtn-microcopyinner::after { content: ""; display: block; width: 2px; height: 14px; position: absolute; background: #C70004; top: 50%; -webkit-transform: rotate(26deg) translateY(-50%); transform: rotate(26deg) translateY(-50%); right: -8px; }

.ctabtn-microcopy__wrap span.ctabtn-microcopyinner::before { content: ""; display: block; width: 2px; height: 14px; position: absolute; background: #C70004; top: 50%; -webkit-transform: rotate(-26deg) translateY(-50%); transform: rotate(-26deg) translateY(-50%); left: -8px; }

.supervisor { border: 1px solid #D6D6D6; border-top: 4px solid #C70004; position: relative; margin-top: 60px; box-shadow: 0px 0px 8px 0px rgba(89, 92, 114, 0.24); }

.supervisor span { position: absolute; top: -48px; left: -1px; height: 48px; line-height: 48px; background-color: #C70004; color: white; padding: 0 20px; border-radius: 16px 16px 0 0; }

.supervisor_description { font-size: 14px; line-height: 22px; }

.supervisor_name { font-size: 16px; }

.supervisor__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.supervisor__left { width: 100px; }

.supervisor__left img { border-radius: 50px; border: 3px solid #EFEFEF; }

.supervisor__right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 18px; }

.supervisor__wrap--second { border-top: 1px solid #D6D6D6; padding-top: 20px; }

.fv_logo_slider .fv_logo_slider__content, .fv_logo_slider2 .fv_logo_slider__content { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; }

.fv_logo_slider img, .fv_logo_slider2 img { width: auto; height: 72px; }

.fv_logo_slider .pc_view img, .fv_logo_slider2 .pc_view img { display: block; }

.fv_logo_slider .sp_view img, .fv_logo_slider2 .sp_view img { display: none; }

.offerbox_feature { max-width: 995px; margin: 70px auto; width: 92%; line-height: 1.5; }

.offerbox_feature__copy { font-size: 40px; font-family: "ヒラギノ角ゴシック", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 800; text-align: center; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 50%, #3CC5FF 100%); background: linear-gradient(to left, #2C9AFF 0%, #8784FF 50%, #3CC5FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; }

.offerbox_feature__subcopy { margin: 0 auto; margin-top: 20px; text-align: center; color: #333333; font-size: 16px; max-width: 565px; }

.offerbox_feature__title { margin-top: 120px; font-size: 32px; text-align: center; color: #333333; font-weight: 600; position: relative; }

.offerbox_feature__title__pop { position: absolute; font-size: 16px; font-weight: 400; display: inline-block; padding: 7px 22px; top: -105%; left: calc(50% - 63px); }

.offerbox_feature__title__pop::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50px; border: 2px solid transparent; background: -webkit-linear-gradient(bottom, #8784ff 0%, #56a4ff 100%) border-box border-box; background: linear-gradient(to top, #8784ff 0%, #56a4ff 100%) border-box border-box; -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box; -webkit-mask-composite: destination-out; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box; -webkit-mask-composite: exclude; mask-composite: exclude; }

.offerbox_feature__title__pop__triangle:before { position: absolute; left: calc(50% - 8px); height: 0; width: 0; border: solid transparent; content: ""; top: 100%; border-color: transparent; border-top-color: #8685ff; border-left-color: #8685ff; border-width: 3px 7px; }

.offerbox_feature__title__pop__triangle:after { position: absolute; left: calc(50% - 8px); height: 0; width: 0; border: solid transparent; content: ""; top: 94%; border-color: transparent; border-top-color: #ffffff; border-left-color: #ffffff; border-width: 2.5px 6px; left: calc(50% - 6px); }

.offerbox_feature__engtitle { font-size: 16px; font-weight: bold; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to left, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 5px; }

.offerbox_feature__content { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 31px 32px; }

.offerbox_feature__item { padding: 32px; border-radius: 8px; border: 1px solid #CADCFF; width: calc(50% - 16px); box-sizing: border-box; box-shadow: 0 2px 15px 0 rgba(1, 37, 84, 0.08); }

.offerbox_feature__item__title { font-size: 24px; font-weight: 600; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; position: relative; }

.offerbox_feature__item__title sup { font-size: 10px; font-weight: 300; position: absolute; top: 0; }

.offerbox_feature__item__txt { font-size: 16px; font-weight: normal; margin-top: 25px; }

.offerbox_feature__item__txt small { line-height: 2; }

.offerbox_feature__item__img { position: relative; }

.offerbox_feature__item__img img { width: 100%; height: auto; }

.offerbox_feature__item__img__txt { position: absolute; display: inline-block; font-size: 12px; font-weight: normal; color: #333333; width: 150px; text-align: center; top: 11%; right: 29%; }

.offerbox_feature__item__img__txt .weight_bold { font-size: 18px; }

.offerbox_feature__item__img.img_first { margin: 0 auto; margin-top: 25px; max-width: 280px; }

.offerbox_feature__item__img.img_second { width: 65%; margin: 0 auto; margin-top: 25px; max-width: 215px; }

.offerbox_feature__item__img.img_third { width: 80%; margin: 0 auto; margin-top: 25px; max-width: 224px; }

.offerbox_feature__item__img.img_four { width: 80%; margin: 0 auto; margin-top: 25px; max-width: 329px; }

.offerbox_feature__item__img__gradnum { background: -webkit-linear-gradient(top, #56A4FF 0%, #8784FF 100%); background: linear-gradient(to bottom, #56A4FF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Outfit, serif; position: absolute; line-height: 42px; bottom: 5px; right: 2px; font-size: 57px; font-weight: 900; }

.offerbox_feature__item__img__gradnum span { font-size: 24px; font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.offerbox_feature__item__linewrap { position: relative; }

.offerbox_feature__item:nth-child(1), .offerbox_feature__item:nth-child(4) { background-color: #F3F7FF; }

.offerbox_feature__smalltxt { line-height: 1.2; margin-top: 5px; font-weight: normal; }

.offerbox_feature__smalltxt small { font-size: 12px; }

.grad_color { background: -webkit-linear-gradient(top, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to bottom, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.weight_bold { font-weight: 600; }

.gradation_btn { display: block; position: relative; margin: 0 auto; color: #ffffff; font-size: clamp(18px, calc(20 / 1920* 100vw), 20px); font-weight: 600; text-decoration: unset; margin-top: 48px; max-width: 400px; text-align: center; line-height: 80px; height: 80px; border-radius: 44.5px; background: -webkit-linear-gradient(left, #00c871 0%, #00b792 100%); background: linear-gradient(90deg, #00c871 0%, #00b792 100%); box-shadow: 0 2px 8px 0 rgba(5, 65, 142, 0.2); }

.gradation_btn__fukidashi { position: absolute; top: -30px; left: calc(50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; display: inline-block; padding: 11px 25px; border: 2px solid #06c755; border-radius: 9999px; background-color: #ffffff; text-align: center; font-size: 15px; font-weight: 500; line-height: 1; color: #06c755; }

.gradation_btn__fukidashi::before { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 8px 9.5px 0 9.5px; border-color: #06c755 transparent transparent; translate: -50% 100%; -webkit-transform: skew(-48deg); transform: skew(-48deg); -webkit-transform-origin: top; transform-origin: top; }

.gradation_btn__fukidashi::after { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 5.4px 6.4px 0 6.4px; border-color: #ffffff transparent transparent; translate: -50% 100%; -webkit-transform: skew(-48deg); transform: skew(-48deg); -webkit-transform-origin: top; transform-origin: top; }

.gradation_btn::after { content: '\f105'; font-family: 'FontAwesome'; font-size: 2.5rem; line-height: 0; position: absolute; display: block; top: 39px; right: 28px; }

.gradation_btn:hover { color: #ffffff; }

.gradation_btn:hover::after { -webkit-animation: hoverArrow 1300ms ease 0s infinite normal; animation: hoverArrow 1300ms ease 0s infinite normal; }

.gradation_btn.green { background: #06C755; margin-top: 70px; }

.offerbox_analyze { padding: 93px 0 70px 0; background-color: #F3F7FF; line-height: 1.5; }

.offerbox_analyze__inner { max-width: 1150px; width: 90%; margin: 0 auto; }

.offerbox_analyze__inner__title { font-size: 32px; font-weight: normal; text-align: center; }

.offerbox_analyze__inner__subtitle { margin: 0 auto; max-width: 720px; font-size: 16px; font-weight: normal; margin-top: 27px; text-align: center; }

.offerbox_analyze__content { margin-top: 35px; 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; }

.offerbox_analyze__content__img { width: 45%; }

.offerbox_analyze__content__img img { width: 100%; height: auto; }

.offerbox_analyze__content__list { width: 55%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 26px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

.offerbox_analyze__item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; background-color: #ffffff; box-shadow: 0 2px 16px 0 rgba(0, 35, 82, 0.1); border-radius: 8px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.offerbox_analyze__item__icon { width: 108px; margin-right: 15px; }

.offerbox_analyze__item__icon img { width: 100%; height: auto; }

.offerbox_analyze__item__content { padding-left: 20px; border-left: 1px solid #E2ECFF; width: calc(100% - 123px); }

.offerbox_analyze__item__content__txt1 { color: #2C72D9; font-size: 20px; font-weight: 600; }

.offerbox_analyze__item__content__txt2 { margin-top: 8px; font-size: 16px; font-weight: normal; }

.offerbox_analyze__item__content__txt2.sp { display: none; }

.offerbox_voice { padding: 70px 0; line-height: 1.5; overflow: hidden; }

.offerbox_voice__wrap { width: 95vw; margin: 0 0 0 auto; }

.offerbox_voice__flex { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; }

.offerbox_voice__left { width: 580px; }

.offerbox_voice__right { width: calc(100% - 600px); }

.offerbox_voice__right .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.offerbox_voice__right .slick-slide { height: auto; }

.offerbox_voice__right .slick-list { padding: 0 30% 0 0 !important; }

.offerbox_voice .slide-arrow { width: 60px; height: 60px; cursor: pointer; -webkit-filter: drop-shadow(0 2px 16px rgba(0, 35, 82, 0.1)); filter: drop-shadow(0 2px 16px rgba(0, 35, 82, 0.1)); }

.offerbox_voice .slide-arrow .hover { position: absolute; left: 0; top: 0; opacity: 0; width: 60px; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_voice .slide-arrow:hover .hover { opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_voice .slide-arrow.prev-arrow { left: -70px; }

.offerbox_voice .slide-arrow.next-arrow { right: 24%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.offerbox_voice__sparrow { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 550px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; top: calc(50% - 30px); left: 525px; z-index: 1; }

.offerbox_voice__title { font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative; font-size: 128px; background: -webkit-linear-gradient(top, rgba(135, 132, 255, 0.1) 0%, rgba(86, 164, 255, 0.1) 100%); background: linear-gradient(180deg, rgba(135, 132, 255, 0.1) 0%, rgba(86, 164, 255, 0.1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; line-height: 0.9; }

.offerbox_voice__subtitle { color: #000000; font-size: 32px; -webkit-text-fill-color: black; font-weight: 600; position: absolute; line-height: 1.4; left: 57px; bottom: 22px; }

.offerbox_voice__item { width: 100%; max-width: 400px; margin-top: 15px; margin-bottom: 15px; padding: 26px 28px; border-radius: 8px; border: 1px solid #CADCFF; box-shadow: 0 2px 16px rgba(0, 35, 82, 0.1); position: relative; margin-right: 30px; box-sizing: border-box; }

.offerbox_voice__item__tag { position: absolute; font-size: 14px; font-weight: 600; line-height: 15px; padding: 7.5px 20px; background: -webkit-linear-gradient(left, #8784ff 0%, #56a4ff 100%); background: linear-gradient(90deg, #8784ff 0%, #56a4ff 100%); right: 20px; top: -15px; color: #ffffff; border-radius: 20px; }

.offerbox_voice__item__title { font-size: 20px; font-weight: bold; background: -webkit-linear-gradient(left, #8784ff 0%, #56a4ff 100%); background: linear-gradient(90deg, #8784ff 0%, #56a4ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; min-height: 90px; }

.offerbox_voice__item__block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; margin: 20px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.offerbox_voice__item__block__img { width: calc(50% - 6px); }

.offerbox_voice__item__block__emp { width: calc(50% - 6px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2px; }

.offerbox_voice__item__block__us { width: 100%; font-size: 16px; font-weight: normal; background: #F3F7FF; border-radius: 7px; padding: 12px 0; text-align: center; }

.offerbox_voice__item__block__arrow { width: 26px; margin: 0 auto; }

.offerbox_voice__item__block__kind { width: 100%; font-size: 16px; font-weight: 600; color: #000000; background: #F3F7FF; border-radius: 7px; padding: 12px 0; text-align: center; }

.offerbox_voice__item__txt { font-size: 16px; font-weight: normal; line-height: 1.5; }

.offerbox_flow { padding: 80px 0 70px 0; background: url(../../assets/img/flow_bg.webp); background-position: center; background-size: cover; line-height: 1.5; }

.offerbox_flow__title { font-size: 32px; text-align: center; color: #333333; font-weight: 600; }

.offerbox_flow__subtitle { font-size: 16px; font-weight: bold; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to left, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 5px; }

.offerbox_flow__content { max-width: 1200px; width: 90%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 70px; }

.offerbox_flow__item { width: calc(25% - 30px); }

.offerbox_flow__item__box { position: relative; background-color: #ffffff; border-radius: 8px; margin-bottom: 17px; padding: 35px 0; box-shadow: 0 2px 16px rgba(0, 35, 82, 0.1); }

.offerbox_flow__item__box::after { content: ""; background-image: url(../../assets/img/flow_arrow.webp); width: 17px; height: 27px; position: absolute; right: -29px; top: calc(50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; background-position: center; }

.offerbox_flow__item__box.lastbox::after { display: none; }

.offerbox_flow__item__box__fukidashi { position: absolute; font-size: 16px; font-weight: 600; padding: 11px 16px 13px 16px; background: url(../../assets/img/flow_fukidashi.webp); background-repeat: no-repeat; background-size: contain; background-position: center; top: -15%; left: calc(50% - 70.45px); color: #ffffff; border-radius: 10px; }

.offerbox_flow__item__box__fukidashi__triangle { position: absolute; }

.offerbox_flow__item__title { font-size: 20px; font-weight: 600; letter-spacing: 0; text-align: center; min-height: 60px; }

.offerbox_flow__item__title__num { background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to left, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.offerbox_flow__item__img { position: relative; width: 70%; margin: 0 auto; margin-top: 20px; }

.offerbox_flow__item__img__sns { position: absolute; width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -20px; }

.offerbox_flow__item__txt { font-size: 16px; font-weight: 600; }

.offerbox_flow__item__cap { font-size: 12px; font-weight: normal; }

.offerbox_columns { width: 90%; max-width: 1030px; margin: 100px auto 64px auto; line-height: 1.5; }

.offerbox_columns__title { font-size: 32px; text-align: center; color: #333333; font-weight: 600; }

.offerbox_columns__subtitle { font-size: 16px; font-weight: bold; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to left, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 5px; }

.offerbox_columns__slider { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; padding-bottom: 45px; }

.offerbox_columns__slider .slick-dots { bottom: 0; }

.offerbox_columns__slider .slick-dots li { width: 16px; height: 16px; margin: 0 8px; }

.offerbox_columns__slider .slick-dots li button { background-color: #F2F2F2; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 16px; height: 16px; }

.offerbox_columns__slider .slick-dots li button::before { color: unset !important; line-height: 16px; width: 16px; height: 16px; }

.offerbox_columns__slider .slick-dots li.slick-active button { background-color: #2C72D9; }

.offerbox_columns__item { width: calc(33.33% - 13.3px); border-radius: 8px; border: 1px solid #CADCFF; box-shadow: 0 2px 16px rgba(0, 35, 82, 0.1); text-decoration: none; overflow: hidden; padding-bottom: 25px; margin: 0 15px; margin-bottom: 15px; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_columns__item:hover { -webkit-transition: 0.3s; transition: 0.3s; opacity: 0.7; }

.offerbox_columns__item__img { width: 100%; }

.offerbox_columns__item__tagwrap { width: 90%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; margin-top: 14px; }

.offerbox_columns__item__tagwrap__content { display: inline-block; line-height: 26px; color: #ffffff; padding: 0 12px; background-color: #2C72D9; font-size: 12px; font-weight: 600; border-radius: 4px; }

.offerbox_columns__item__title { width: 90%; margin: 0 auto; font-size: 20px; font-weight: 600; margin-top: 8px; color: #333333; min-height: 90px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.offerbox_columns__item__date { width: 90%; margin: 0 auto; text-align: right; margin-top: 4px; font-size: 12px; font-weight: 600; color: #818181; }

.offerbox_columns__buttonbotoms { text-align: center; margin-top: 15px; }

.offerbox_columns__buttonbotoms__txt { font-size: 16px; font-weight: 600; color: #333333; padding-right: 15px; position: relative; }

.offerbox_columns__buttonbotoms__txt::after { content: '\f105'; font-family: 'FontAwesome'; color: #333333; font-size: 20px; line-height: 0; position: absolute; display: block; top: 6.5px; right: 0; }

.offerbox_news { overflow: hidden; padding: 120px 0 90px 0; background-color: #F3F7FF; line-height: 1.5; }

.offerbox_news__btn { text-align: right; max-width: 1200px; width: 90%; margin: 0 auto; margin-top: 37px; }

.offerbox_news__btn__more { display: inline-block; position: relative; font-size: 16px; font-weight: 600; padding-right: 30.5px; color: #333333; text-decoration: none; line-height: 1; }

.offerbox_news__btn__more::after { content: ""; position: absolute; width: 20px; height: 7px; border-bottom: 2px solid #333333; border-right: 2px solid #333333; -webkit-transform: skew(45deg); transform: skew(45deg); right: 5px; bottom: 3px; }

.offerbox_news__flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1200px; width: 90%; margin: 0 auto; gap: 115px; }

.offerbox_news__flex__right { width: 100%; }

.offerbox_news__flex__title { font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative; font-size: 128px; background: -webkit-linear-gradient(top, rgba(135, 132, 255, 0.1) 0%, rgba(86, 164, 255, 0.1) 100%); background: linear-gradient(180deg, rgba(135, 132, 255, 0.1) 0%, rgba(86, 164, 255, 0.1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; line-height: 0.9; }

.offerbox_news__flex__subtitle { color: #000000; font-size: 32px; font-weight: 600; line-height: 1.6; }

.offerbox_news__flex__item { position: relative; padding: 28px 70px 28px 30px; background-color: #ffffff; border: 1px solid #CADCFF; text-decoration: none; color: inherit; display: block; border-radius: 8px; }

.offerbox_news__flex__item::after { content: '\f105'; font-family: 'FontAwesome'; color: #333333; font-size: 24px; position: absolute; top: calc(50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 4%; }

.offerbox_news__flex__item:nth-child(2n) { background-color: unset; border: unset; }

.offerbox_news__flex__item__info { font-size: 14px; font-weight: normal; line-height: 26px; }

.offerbox_news__flex__item__info__tag { font-size: 12px; font-weight: 600; color: #ffffff; padding: 0 12px; border-radius: 2px; background-color: #4EDFFF; display: inline-block; margin-left: 10px; }

.offerbox_news__flex__item__title { font-size: 16px; font-weight: normal; margin-top: 10px; }

.offerbox_faq { margin: 80px auto 120px auto; width: 90%; max-width: 1200px; line-height: 1.5; }

.offerbox_faq__title { font-size: 32px; text-align: center; color: #333333; font-weight: 600; }

.offerbox_faq__subtitle { font-size: 16px; font-weight: bold; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to left, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 5px; }

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

.offerbox_faq__item { width: calc(50% - 10px); border-radius: 8px; border: 1px solid #CADCFF; box-sizing: border-box; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_faq__item.active { box-shadow: 0 2px 16px rgba(0, 35, 82, 0.1); -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_faq__item:hover { box-shadow: 0 2px 16px rgba(0, 35, 82, 0.1); -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_faq__item__q { 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; padding: 20px 40px 20px 20px; background: #F3F7FF; gap: 16px; cursor: pointer; border-radius: 8px; }

.offerbox_faq__item__q.active { border-radius: 8px 8px 0 0; border-bottom: 1px solid #CADCFF; }

.offerbox_faq__item__q::before { content: ""; position: absolute; width: 14px; height: 2px; border-radius: 4px; top: calc(50% - 1px); right: 25px; background-color: #333333; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_faq__item__q::after { content: ""; position: absolute; width: 14px; height: 2px; border-radius: 4px; top: calc(50% - 1px); right: 25px; background-color: #333333; -webkit-transition: 0.3s; transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.offerbox_faq__item__q.active::after { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(0); transform: rotate(0); }

.offerbox_faq__item__q__badge { text-align: center; width: 40px; line-height: 40px; height: 40px; color: #ffffff; font-size: 20px; border-radius: 50px; font-weight: normal; background: -webkit-linear-gradient(top, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to bottom, #2C9AFF 0%, #8784FF 100%); }

.offerbox_faq__item__q__title { font-size: 16px; font-weight: 600; width: calc(100% - 56px); }

.offerbox_faq__item__a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; padding: 16px 30px 20px 20px; background: #ffffff; border-radius: 8px; }

.offerbox_faq__item__a__badge { position: relative; text-align: center; width: 40px; line-height: 40px; height: 40px; color: #ffffff; font-size: 20px; border-radius: 50px; font-weight: normal; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: -webkit-linear-gradient(top, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to bottom, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.offerbox_faq__item__a__badge::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50px; border: 2px solid transparent; background: -webkit-linear-gradient(#2C9AFF 0%, #8784FF 100%) border-box border-box; background: linear-gradient(#2C9AFF 0%, #8784FF 100%) border-box border-box; -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box; -webkit-mask-composite: destination-out; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box; -webkit-mask-composite: exclude; mask-composite: exclude; }

.offerbox_faq__item__a__content { font-size: 16px; font-weight: normal; width: calc(100% - 56px); }

.offerbox_faq__buttonbotoms { text-align: right; margin-top: 30px; }

.offerbox_faq__buttonbotoms__txt { font-size: 16px; font-weight: 600; color: #333333; padding-right: 15px; position: relative; }

.offerbox_faq__buttonbotoms__txt::after { content: '\f105'; font-family: 'FontAwesome'; color: #333333; font-size: 20px; line-height: 0; position: absolute; display: block; top: 6.5px; right: 0; }

.offerbox_app { background: url(../../assets/img/download_bg.webp); background-position: center; background-size: cover; padding: 139px 0; position: relative; line-height: 1.5; margin-top: 125px; }

.offerbox_app__img { position: absolute; bottom: 0; width: 732px; right: 50%; pointer-events: none; }

.offerbox_app__box { width: 50%; }

.offerbox_app__box__title { font-family: "ヒラギノ角ゴシック", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 40px; font-weight: 800; background: -webkit-linear-gradient(right, #2C9AFF 0%, #8784FF 100%); background: -webkit-linear-gradient(top, #2C9AFF 0%, #8784FF 100%); background: linear-gradient(to bottom, #2C9AFF 0%, #8784FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.offerbox_app__box__subtitle { margin-top: 10px; font-size: 16px; font-weight: normal; }

.offerbox_app__box__btnarea { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; }

.offerbox_app__contentarea { 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; max-width: 840px; margin: 0 auto; -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; }

.offerbox_footer { margin: 87px auto 170px auto; max-width: 1200px; width: 90%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 133px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.5; }

.offerbox_footer__left__logo { width: 260px; height: auto; }

.offerbox_footer__left__sns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; margin-top: 21px; }

.offerbox_footer__left__sns__item { width: 36px; height: 36px; }

.offerbox_footer__left__copy { font-size: 12px; font-weight: normal; margin-top: 21px; }

.offerbox_footer__right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; gap: 24px; width: calc(100% - 393px); }

.offerbox_footer__right__item { width: inherit; }

.offerbox_footer__right__item__title { line-height: 48px; padding-left: 5%; background-color: #F8F8F8; border-radius: 8px; font-size: 16px; font-weight: 600; }

.offerbox_footer__right__item__list { margin-top: 12px; margin-left: 5%; }

.offerbox_footer__right__item__list__link { list-style: none; margin-bottom: 10px; }

.offerbox_footer__right__item__list__link:last-child { margin-bottom: 0; }

.offerbox_footer__right__item__list__link a { font-size: 16px; line-height: 1.5; font-weight: normal; text-decoration: none; color: #333333; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_footer__right__item__list__link a:hover { color: #2C72D9; -webkit-transition: 0.3s; transition: 0.3s; }

.offerbox_footer__right__item__list__link__exlink { width: 12px; height: 12px; margin-left: 5px; }

.sp820_only { display: none; }

@media (max-width: 1200px) { .offerbox_voice__sparrow { position: static; gap: 12px; margin: 0 15px; width: 100%; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; }
  .offerbox_voice__wrap { width: 100%; }
  .offerbox_voice__flex { gap: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .offerbox_voice__left { width: 100%; }
  .offerbox_voice__right { width: 100%; margin-top: 10px; }
  .offerbox_voice__right .slick-list { padding: 0 !important; }
  .offerbox_voice__right .slick-dots li button { background-color: #F2F2F2; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 16px; height: 16px; }
  .offerbox_voice__right .slick-dots li button::before { color: unset !important; line-height: 16px; width: 16px; height: 16px; }
  .offerbox_voice__right .slick-dots li.slick-active button { background-color: #2C72D9; }
  .offerbox_voice__item { max-width: unset; } }

@media (max-width: 1024px) { .offerbox_app__img { width: 630px; }
  .offerbox_footer { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .offerbox_footer__left { width: 100%; text-align: center; }
  .offerbox_footer__left__logo { margin: 0 auto; max-width: 90%; }
  .offerbox_footer__left__sns { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .offerbox_footer__right { width: 100%; } }

@media (max-width: 820px) { .pc820_only { display: none; }
  .sp820_only { display: block; }
  .offerbox_voice { padding: 60px 0; }
  .offerbox_voice__title { font-size: clamp(75px, calc(20 / 1920* 100vw), 88px); }
  .offerbox_voice__pcarrow { display: none; }
  .offerbox_voice__item { margin: 15px 15px 20px 15px; max-width: unset; }
  .offerbox_voice__item__block__img { width: calc(48% - 6px); }
  .offerbox_voice__item__block__emp { width: calc(52% - 6px); }
  .offerbox_voice__subtitle { left: 20px; bottom: 45%; -webkit-transform: translateY(50%); transform: translateY(50%); }
  .offerbox_flow__content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; }
  .offerbox_flow__item { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
  .offerbox_flow__item__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 24px; padding: 28px 22px; }
  .offerbox_flow__item__box.lastbox { display: block; }
  .offerbox_flow__item__box.lastbox .offerbox_flow__item__img { width: 50%; min-width: 100px; height: auto; margin: 0 auto; margin-top: 85px; }
  .offerbox_flow__item__box.lastbox .offerbox_flow__item__txt { width: 100%; margin-top: 16px; }
  .offerbox_flow__item__box__fukidashi { top: 21%; z-index: 1; }
  .offerbox_flow__item__box::after { right: calc(50% - 8.5px); top: auto; bottom: -45px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .offerbox_flow__item__txt { width: calc(100% - 124px); }
  .offerbox_flow__item__title { width: 100%; }
  .offerbox_flow__item__img { width: 100px; height: 100px; margin: 0; }
  .offerbox_columns__item:hover { -webkit-transition: 0.3s; transition: 0.3s; opacity: 1; }
  .offerbox_news__flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; }
  .offerbox_faq__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
  .offerbox_faq__item { width: 100%; }
  .offerbox_app { overflow: hidden; padding: 45px 0 0 0; }
  .offerbox_app__img { position: static; width: auto; }
  .offerbox_app__contentarea { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 15px; }
  .offerbox_app__box { width: 90%; margin: 0 auto; }
  .offerbox_app__img { width: 100%; -webkit-transform: translateX(-6%); transform: translateX(-6%); }
  .offerbox_columns { width: 100%; margin: 60px auto 60px auto; }
  .offerbox_columns__title { width: 90%; margin: 0 auto; }
  .offerbox_columns__slider .slick-list { padding: 0 10% 0 10% !important; } }

#footer-nav { padding-top: 50px; padding-bottom: 50px; }

.app-banner { display: inline-block; background: #fff; border-radius: 6px; padding-left: 55px; padding-right: 55px; margin-bottom: 50px; width: 100%; }

.app-banner__ttl, .app-banner__elm { display: inline-block; vertical-align: middle; }

.app-banner__elm img { height: 50px; }

#fb-pagebox { padding-top: 30px; padding-bottom: 30px; }

#footer2 { padding-top: 50px; padding-bottom: 50px; }

.footer small { color: #fff; }

.footer_app__elm + h6 { display: inline-block; }

.footer_app__elm + h6 + small { display: block; }

.footer_app__elm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer_app__elm > h6 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.footer_app__elm > p { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.cp-footer .footer__container { padding: 20px; background: #e6e6e6; text-align: center; }

.cp-footer .footer__nav li { display: inline-block; padding: 10px; }

.cp-footer .footer__sns-btns li { display: inline-block; width: 24px; height: 24px; }

.cp-footer small { color: #333; }

small.footer_gotosries { line-height: 1.4; }

.footer_app { margin-top: 50px; background: -webkit-linear-gradient(185deg, #94bce8, #B5CFE3, #d6ebff); background: linear-gradient(265deg, #94bce8, #B5CFE3, #d6ebff); background-size: 600% 600%; -webkit-animation: adAppAnimation 7s ease infinite; animation: adAppAnimation 7s ease infinite; }

.footer_app .footer_app_contents { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1000px; min-height: 330px; margin: 0 auto; padding: 50px 0; background: url(../img/footer_app_img.webp?20240227) no-repeat bottom left; background-size: 410px; }

.footer_app .footer_app_txt { position: absolute; right: 30px; width: 50%; margin-top: 10px; }

.footer_app .footer_app_txt span { width: 110px; margin-right: 25px; }

.footer_app .footer_app_txt p { margin-bottom: 10px; font-size: 2.2rem; line-height: 3.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer_app .footer_app_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 25px; }

.footer_app .footer_app_btn a + a { margin-left: 15px; }

.footer_app .footer_app_btn a > img { max-height: 75px; }

@-webkit-keyframes adAppAnimation { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@keyframes adAppAnimation { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

footer .footer_nav_container { background-color: #F3F3F3; padding: 50px 0; }

footer .footer_nav_container .footer_nav, footer .footer_nav_container .footer_logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1200px; margin: 0 auto; }

footer .footer_nav_container .footer_nav .footer_sns, footer .footer_nav_container .footer_logo .footer_sns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

footer .footer_nav_container .footer_nav .footer_sns li, footer .footer_nav_container .footer_logo .footer_sns li { 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; }

footer .footer_nav_container .footer_nav .footer_sns li + li, footer .footer_nav_container .footer_logo .footer_sns li + li { margin-left: 15px; }

footer .footer_nav_container .footer_nav .footer_sns img, footer .footer_nav_container .footer_logo .footer_sns img { width: 30px; -webkit-transition: .1s; transition: .1s; }

footer .footer_nav_container .footer_nav .footer_sns img:hover, footer .footer_nav_container .footer_logo .footer_sns img:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

footer .footer_nav_container .footer_nav { margin-top: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

footer .footer_nav_container .footer_nav a { position: relative; color: #012554; font-size: 1.5rem; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; display: inline-block; }

footer .footer_nav_container .footer_nav a:hover { color: #0066a9; }

footer .footer_nav_container .footer_nav li a[target="_blank"] { margin-right: 15px; }

footer .footer_nav_container .footer_nav li a[target="_blank"]::after { content: ""; position: absolute; width: 25px; height: 20px; top: 50%; background: url(../img/new_window_icon.svg) no-repeat center center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

footer .footer_nav_container .footer_nav.footer_policy { -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; }

footer .footer_nav_container .footer_nav.footer_policy li + li { margin-left: 70px; }

footer .footer_nav_container .footer_nav + .footer_nav { margin-top: 10px; }

footer .copy { text-align: center; font-size: 1.3rem; color: #012554; }

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

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

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

#page-top a:hover { text-decoration: none; background: RGBA(0, 0, 0, 0.2); }

#page-top a:hover:before { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

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

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

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

.hr__devider { border: none; }

/*centering inline elements*/
.centered { text-align: center; }

/*margin padding*/
.mv10 { margin-top: 10px; margin-bottom: 10px; }

.mv20 { margin-top: 20px; margin-bottom: 20px; }

.mv30 { margin-top: 30px; margin-bottom: 30px; }

.mv40 { margin-top: 40px; margin-bottom: 40px; }

.mv50 { margin-top: 50px; margin-bottom: 50px; }

.mv60 { margin-top: 60px; margin-bottom: 60px; }

.mv70 { margin-top: 70px; margin-bottom: 70px; }

.mv80 { margin-top: 80px; margin-bottom: 80px; }

.mv90 { margin-top: 90px; margin-bottom: 90px; }

.mv100 { margin-top: 100px; margin-bottom: 100px; }

.pv10 { padding-top: 10px; padding-bottom: 10px; }

.pv20 { padding-top: 20px; padding-bottom: 20px; }

.pv30 { padding-top: 30px; padding-bottom: 30px; }

.pv40 { padding-top: 40px; padding-bottom: 40px; }

.pv50 { padding-top: 50px; padding-bottom: 50px; }

.pv60 { padding-top: 60px; padding-bottom: 60px; }

.pv70 { padding-top: 70px; padding-bottom: 70px; }

.pv80 { padding-top: 80px; padding-bottom: 80px; }

.pv90 { padding-top: 90px; padding-bottom: 90px; }

.pv100 { padding-top: 100px; padding-bottom: 100px; }

.mh10 { margin-left: 10px; margin-right: 10px; }

.mh20 { margin-left: 20px; margin-right: 20px; }

.mh30 { margin-left: 30px; margin-right: 30px; }

.mh40 { margin-left: 40px; margin-right: 40px; }

.mh50 { margin-left: 50px; margin-right: 50px; }

.mh60 { margin-left: 60px; margin-right: 60px; }

.mh70 { margin-left: 70px; margin-right: 70px; }

.mh80 { margin-left: 80px; margin-right: 80px; }

.mh90 { margin-left: 90px; margin-right: 90px; }

.mh100 { margin-left: 100px; margin-right: 100px; }

.ph10 { padding-left: 10px; padding-right: 10px; }

.ph20 { padding-left: 20px; padding-right: 20px; }

.ph30 { padding-left: 30px; padding-right: 30px; }

.ph40 { padding-left: 40px; padding-right: 40px; }

.ph50 { padding-left: 50px; padding-right: 50px; }

.ph60 { padding-left: 60px; padding-right: 60px; }

.ph70 { padding-left: 70px; padding-right: 70px; }

.ph80 { padding-left: 80px; padding-right: 80px; }

.ph90 { padding-left: 90px; padding-right: 90px; }

.ph100 { padding-left: 100px; padding-right: 100px; }

.ml10 { margin-left: 10px; }

.pl10 { padding-left: 10px; }

.mr10 { margin-right: 10px; }

.pr10 { padding-right: 10px; }

.ml20 { margin-left: 20px; }

.pl20 { padding-left: 20px; }

.mr20 { margin-right: 20px; }

.pr20 { padding-right: 20px; }

.ml30 { margin-left: 30px; }

.pl30 { padding-left: 30px; }

.mr30 { margin-right: 30px; }

.pr30 { padding-right: 30px; }

.ml40 { margin-left: 40px; }

.pl40 { padding-left: 40px; }

.mr40 { margin-right: 40px; }

.pr40 { padding-right: 40px; }

.ml50 { margin-left: 50px; }

.pl50 { padding-left: 50px; }

.mr50 { margin-right: 50px; }

.pr50 { padding-right: 50px; }

.mt10 { margin-top: 10px; }

.pt10 { padding-top: 10px; }

.mb10 { margin-bottom: 10px; }

.pb10 { padding-bottom: 10px; }

.mt20 { margin-top: 20px; }

.pt20 { padding-top: 20px; }

.mb20 { margin-bottom: 20px; }

.pb20 { padding-bottom: 20px; }

.mt30 { margin-top: 30px; }

.pt30 { padding-top: 30px; }

.mb30 { margin-bottom: 30px; }

.pb30 { padding-bottom: 30px; }

.mt40 { margin-top: 40px; }

.pt40 { padding-top: 40px; }

.mb40 { margin-bottom: 40px; }

.pb40 { padding-bottom: 40px; }

.mt50 { margin-top: 50px; }

.pt50 { padding-top: 50px; }

.mb50 { margin-bottom: 50px; }

.pb50 { padding-bottom: 50px; }

.mt100 { margin-top: 100px; }

.pt100 { padding-top: 100px; }

.mb100 { margin-bottom: 100px; }

.pb100 { padding-bottom: 100px; }

.em__underline { text-decoration: underline; }

.no-webp body .footer_app { background: url(../img/footer_app_img.png?20240227) no-repeat bottom left; background-size: 410px; }

.no-webp body .main_visual .mvBackground__obj.-img01 { background: url(../../assets/img/mv_img01.png) center center no-repeat; background-size: contain; }

.no-webp body .about_content .about_student .about_offer_img { background-image: url(../../assets/img/about_offer_img.png); }

.no-webp body .appeal__desc { background: url(../img/sp/fig_crowd.jpg) no-repeat center top; }

.no-webp body .voice .voice__wrapper .voice__ttl { background: url(../img/sp/icon_open.gif) no-repeat top right; }

button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; }

.reg-btn { width: 252px; height: 82px; font-size: 20px; padding-top: 24px; }

.reg-btn_row2 { font-size: 20px; }

.reg-btn__row1 { font-size: 22px; }

.reg-btn:first-of-type { float: left; }

.reg-btn:last-of-type { float: right; }

.reg-btn sub { font-size: 14px; bottom: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

p.caption { font-size: 11px; margin-top: 95px; }

p.caption span { width: 250px; text-align: center; }

p.caption span.left { float: left; margin-right: 20px; }

p.caption span.right { float: right; }

p.caption__sub_cvbtn { font-size: 11px; text-align: center; }

.ofb-btn { display: inline-block; position: relative; padding: 6px 24px 6px 20px; width: auto; background-color: #f1f1f1; color: #333; border-radius: 7px; box-shadow: 0 4px 0 #888; font-size: 16px; text-align: center; line-height: 1.6; vertical-align: middle; cursor: pointer; }

.ofb-btn.w100 { width: 100% !important; text-align: center; }

.ofb-btn:hover { color: #333; }

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

.ofb-btn:after { border: 4px solid transparent; border-right-color: #888; border-bottom-color: #888; width: 0; bottom: 4px; content: ""; display: block; right: 6px; position: absolute; }

.ofb-btn--xsmall { font-size: 11px; padding: 5px 14px 5px 10px; border-radius: 3px; line-height: 1.4; }

.ofb-btn--xsmall:after { border: 3px solid transparent; bottom: 2px; right: 3px; }

.ofb-btn--small { font-size: 12px; padding: 6px 24px 6px 20px; border-radius: 4px; line-height: 1.6; }

.ofb-btn--large { padding: 10px 18px 10px 16px; border-radius: 7px; font-size: 23px; line-height: 1.7; }

.ofb-btn--large:after { border: 6px solid transparent; bottom: 6px; right: 8px; }

.ofb-btn--xlarge { padding: 20px 44px 20px 40px; border-radius: 7px; font-size: 16px; min-width: 320px; }

.ofb-btn--xlarge:after { border: 6px solid transparent; bottom: 6px; right: 8px; }

.ofb-btn--submit { background-color: #c63031; box-shadow: 0 4px 0 #871b0f; color: #fff; }

.ofb-btn--submit:hover { color: #fff !important; }

.ofb-btn--submit:after { border-right-color: #871b0f; border-bottom-color: #871b0f; }

.ofb-btn--general { background-color: #0c4771; box-shadow: 0 4px 0 #041a31; color: #fff; }

.ofb-btn--general:hover { color: #fff !important; }

.ofb-btn--general:after { border-right-color: #022454; border-bottom-color: #022454; }

.ofb-btn--general-em { background-color: #777; box-shadow: 0 4px 0 #333; color: #fff; }

.ofb-btn--general-em:hover { color: #fff !important; }

.ofb-btn--general-em:after { border-right-color: #fff; border-bottom-color: #fff; }

.ofb-btn--clear { background: #f1f1f1; border: 1px solid #f1f1f1; color: #fff; }

.ofb-btn--clear:hover, .ofb-btn--clear:active { background-color: #f4f4f4; border: 1px solid #f4f4f4; /*background-color: #fff;*/ color: #333; }

.ofb-btn--phd { background-color: #285ab5; box-shadow: 0 4px 0 #3c1e93; color: #fff; }

.ofb-btn--phd:hover { color: #fff !important; }

.ofb-btn--phd:after { border-right-color: #3c1e93; border-bottom-color: #3c1e93; }

.ofb-tag { display: inline-block; padding: 6px 10px; background-color: #D5E0ED; color: #3F6490; font-size: 12px; }

.ofb-tag--success { background-color: #1b95af; color: #fff; }

.ofb-tag--warning { background-color: #dd9124; color: #fff; }

.ofb-tag--error { background-color: #ca2929; color: #fff; }

.ofb-tag--success-frame { border: 1px solid #1b95af; background-color: #fff; color: #1b95af; }

.ofb-tag--warning-frame { border: 1px solid #dd9124; background-color: #fff; color: #dd9124; }

.ofb-tag--error-frame { border: 1px solid #ca2929; background-color: #fff; color: #ca2929; }

.ofb-tag--success-light { background-color: #a4d6e0; color: #00667c; }

.ofb-tag--warning-light { background-color: #f2dab7; color: #a76200; }

.ofb-tag--error-light { background-color: #e4a9a9; color: #ad0000; }

.ofb-label--small { padding: 0 6px; }

.ofb-label { display: inline-block; padding: 4px 12px; font-size: 13px; line-height: 21px; }

.ofb-label--bunkei { background: #0a797f; color: #FFFFFF; }

.ofb-label--rikei { background: #D9593D; color: #FFFFFF; }

.ofb-label--other { background: #666; color: #FFF; }

.ofb-label--makers { background-color: transparent; color: #8b5e1c; border: 1px solid #8b5e1c; }

.ofb-label--global { background-color: transparent; color: #0076c3; border: 1px solid #0076c3; }

.ofb-label--athlete { background-color: transparent; color: #00a1e7; border: 1px solid #00a1e7; }

.ofb-btn a { color: inherit; text-decoration: none; }

.btn__go-top { position: fixed; z-index: 100; bottom: 10px; right: 10px; width: 44px; height: 44px; background: #000; text-align: center; font-weight: bold; line-height: 44px; color: #FFFFFF; }

/*学生協賛.com*/
.ofb-btn--gakukyo { background-color: #F86B00; box-shadow: 0 4px 0 #dd5c00; color: #fff; }

.ofb-btn--gakukyo:hover { color: #fff !important; }

.ofb-btn--gakukyo:after { border-right-color: #af4900; border-bottom-color: #af4900; }

/*学生協賛.com*/
.bottom_visual__19_link { position: relative; width: 205px; margin: 0 auto; text-align: left; }

.bottom_visual__19_link::before { content: ' '; width: 6px; height: 6px; border-right: solid 2px #333; -webkit-transform: rotate(35deg); transform: rotate(35deg); position: absolute; top: calc(50% - 3px); right: 10px; }

.bottom_visual__19_link::after { content: ' '; width: 6px; height: 6px; border-right: solid 2px #333; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); position: absolute; top: calc(50% - 4px); right: 10px; }

.bottom_visual__19_link:hover::before { border-right: solid 2px #cd3738; }

.bottom_visual__19_link:hover::after { border-right: solid 2px #cd3738; }

.bottom_visual__19_link a { text-decoration: underline; }

.btn_normal { width: 100%; }

.btn_normal a { position: relative; height: 65px; width: 100%; max-width: 330px; color: #fff; text-align: center; font-size: 1.7rem; white-space: nowrap; background-color: #0066a9; border-radius: 50px; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; }

.btn_normal a:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 2rem; line-height: 0; position: absolute; display: block; top: 32px; right: 20px; }

.btn_normal a:focus { outline: 0; border: 0; }

.btn_normal a:hover { outline: 0; color: #fff; background-color: #0066a9; -webkit-transition: color 500ms ease; transition: color 500ms ease; }

.btn_normal a:hover:after { -webkit-animation: hoverArrow 1300ms ease 0s infinite normal; animation: hoverArrow 1300ms ease 0s infinite normal; }

@-webkit-keyframes hoverArrow { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  14% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  28% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  42% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  70% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

@keyframes hoverArrow { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  14% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  28% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  42% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  70% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

/* CV Button */
.btn_cv { position: relative; margin-bottom: 5px; background-color: #c70000; display: block; text-decoration: none; font-size: 1.7rem; -webkit-transition: color 0.3s; transition: color 0.3s; line-height: 2rem; border-radius: 5px; box-shadow: 0 5px 0 #a40004; -webkit-transition: all 0.18s; transition: all 0.18s; }

.btn_cv:hover { margin-top: 5px; margin-bottom: 0px; box-shadow: none; background-color: #d70004; }

.btn_addition { padding-top: 5px; font-size: 1.4rem; }

.btn_arrow { position: relative; padding: 30px 45px 30px 80px; color: #fff; }

.btn_arrow:before, .btn_arrow:after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 145px); margin: auto; vertical-align: middle; }

.btn_arrow:before { width: 20px; height: 20px; border-radius: 50%; background: #fff; }

.btn_arrow:after { width: 4px; height: 4px; margin-left: 6px; border-top: 2px solid #d70004; border-right: 2px solid #d70004; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn_arrow:hover { text-decoration: none; color: #fff; }

.btn_arrow:hover::after { margin-left: 7px; }

.cv_lead { position: relative; font-size: 1.5rem; color: #0066a9; -webkit-animation: cv_lead01 1.5s ease-in-out, cv_lead02 1.3s 2s ease-in-out forwards infinite; animation: cv_lead01 1.5s ease-in-out, cv_lead02 1.3s 2s ease-in-out forwards infinite; }

.cv_lead:before { content: ""; width: 2px; height: 15px; background-color: #012554; -webkit-transform: skew(35deg); transform: skew(35deg); border-radius: 30px; display: block; position: absolute; left: -1.5rem; top: 1rem; }

.cv_lead:after { content: ""; width: 2px; height: 15px; background-color: #012554; -webkit-transform: skew(-35deg); transform: skew(-35deg); border-radius: 30px; display: block; position: absolute; right: -1.3rem; top: 1rem; }

.about_page .cv_lead::after, .about_page .cv_lead::before { background-color: #0066a9; }

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

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

@-webkit-keyframes cv_lead02 { 0%, 100%, 40%, 70%, 80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  20% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } }

@keyframes cv_lead02 { 0%, 100%, 40%, 70%, 80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  20% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } }

.sp_cv_area { padding: 0 15px; }

.sp_cv_area span { display: inline-block; }

table { border-collapse: collapse; margin: 0.8em 0; table-layout: fixed; width: 100%; }

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

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

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

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

input, label, select { display: block; font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; width: 100%; }

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

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

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

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

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

label abbr { display: none; }

select[multiple=multiple] { background-color: #fff; border: none; border-radius: 7px; box-sizing: border-box; font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; margin-bottom: 0.8em; padding: 0.53333em; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin-bottom: 0.8em; }

dl dt { font-weight: 600; margin-top: 0.8em; }

dl dd { margin: 0; }

.pagenation { padding: 20px; text-align: center; }

.pagenation .prev, .pagenation .next { display: none; }

.page-numbers { display: inline-block; width: 40px; height: 40px; background: #eee; border-radius: 50px; color: #012554; line-height: 40px; font-weight: normal; }

.page-numbers a { color: #012554 !important; }

.page-numbers:hover { color: #0066a9 !important; }

.page-numbers:visited { color: #012554 !important; }

.page-numbers.current { background: #012554; color: #fff; }

.page-numbers.current:hover { color: #eee !important; }

.post-prev-next { padding-left: 0; display: table; width: 100%; }

.post-prev-next .prev, .post-prev-next .next { display: table-cell; width: 50%; }

.post-prev-next .prev { text-align: left; }

.post-prev-next .next { text-align: right; }

.author .sidebar { display: none; }

.author .archive__elm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 30%; padding: 0px; margin: 10px 10px 2.5vw 10px; border: 1px solid #e6e6e6; }

.author #page-ttl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1180px; margin: 0 auto; padding: 20px 0 0 0 !important; border-bottom: solid 3px #EDE9E6; text-align: left; color: #041a31; background-color: #fff !important; }

.author #page-ttl .contents-full { text-align: left; display: block; }

.author #page-ttl h1 { padding: 15px 15px 5px 15px; height: auto; margin-bottom: -3px; font-size: 2.2rem; display: inline-block; border-bottom: 3px solid #c70000; color: #222; }

.category-event .contents-full .contents { max-width: 1150px; margin: 0 auto; }

.category-event .contents-full .contents .archive__event { width: 100%; max-width: 1100px; margin: 0 auto 30px; padding-bottom: 30px; border-bottom: 1px solid #D3CDCD; }

.category-event .contents-full .contents .archive__event .post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.category-event .contents-full .contents .archive__event .post .post__thumbnail { position: relative; width: 100%; max-width: 400px; margin-right: 30px; }

.category-event .contents-full .contents .archive__event .post .post__thumbnail .event_closed_icon { position: absolute; top: 0; right: 0; padding: 5px 10px; color: #fff; background-color: rgba(0, 36, 87, 0.6); }

.category-event .contents-full .contents .archive__event .post .entry-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.category-event .contents-full .contents .archive__event .post .entry-text .archive__ttl { margin: 0 0 5px; }

.category-event .contents-full .contents .archive__event .post .entry-text .archive__ttl a { font-size: 1.8rem; line-height: 2rem; }

.category-event .contents-full .contents .archive__event .post .entry-content p { margin-bottom: 5px; font-size: 1.5rem; line-height: 2rem; }

.category-event .contents-full .archive__wrapper { display: block; }

.category-event-archive .contents-full .contents { max-width: 1100px; margin: 0 auto; }

.category-event-archive .contents-full .contents .archive__event_video { width: 50%; max-width: 500px; padding: 0 20px 50px 20px; }

.category-event-archive .contents-full .contents .archive__event_video .post .post__thumbnail { max-width: 500px; }

.category-event-archive .contents-full .contents .archive__event_video .post .post__thumbnail img { width: 100%; }

.category-event-archive .contents-full .contents .archive__event_video .post .entry-text { padding: 15px 0; }

.category-event-archive .contents-full .contents .archive__event_video .post .entry-text .archive__ttl { margin: 0 0 5px; }

.category-event-archive .contents-full .contents .archive__event_video .post .entry-text .archive__ttl a { font-size: 2rem; }

.category-event-archive .contents-full .contents .archive__event_video .post .entry-text .archive__target_num { margin-bottom: 5px; font-size: 1.5rem; }

.category-event-archive .contents-full .contents .archive__wrapper { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.category-event-archive .contents-full .contents .archive__wrapper::after { content: ""; display: block; width: 50%; margin: 0 20px; max-width: 500px; }

.category-event-archive .columns_menu { display: none !important; }

.category-event-archive .event-ttl_wrap, .category-event .event-ttl_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; max-width: 1150px; margin: 50px auto 10px; }

.category-event-archive .event-ttl_wrap .event-ttl, .category-event-archive .event-ttl_wrap .event-ttl_tab, .category-event .event-ttl_wrap .event-ttl, .category-event .event-ttl_wrap .event-ttl_tab { width: 50%; text-align: center; }

.category-event-archive .event-ttl_wrap .event-ttl a, .category-event-archive .event-ttl_wrap .event-ttl_tab a, .category-event .event-ttl_wrap .event-ttl a, .category-event .event-ttl_wrap .event-ttl_tab a { display: block; width: 100%; height: 100%; padding: 17px 0; }

.category-event-archive .event-ttl_wrap .event-ttl, .category-event .event-ttl_wrap .event-ttl { padding: 25px 0; border-top: 5px solid #CC002D; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; font-size: 2.2rem; }

.category-event-archive .event-ttl_wrap .event-ttl_tab, .category-event .event-ttl_wrap .event-ttl_tab { border-bottom: 1px solid #B2B2B2; font-size: 1.7rem; background-color: #F0F1F2; }

.category-event-archive .event-ttl_wrap .archive-icon, .category-event .event-ttl_wrap .archive-icon { position: relative; }

.category-event-archive .event-ttl_wrap .archive-icon::after, .category-event .event-ttl_wrap .archive-icon::after { content: ""; position: absolute; top: -40px; right: 30px; width: 80px; height: 65px; -webkit-animation: archive-icon 1s ease-in-out; animation: archive-icon 1s ease-in-out; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2298%22%20height%3D%2280.615%22%20viewBox%3D%220%200%2098%2080.615%22%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22%E3%83%91%E3%82%B9_7%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2298%22%20height%3D%2280.615%22%20filterUnits%3D%22userSpaceOnUse%22%3E%20%3CfeOffset%20dy%3D%222%22%20input%3D%22SourceAlpha%22%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20result%3D%22blur%22%2F%3E%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_94%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2094%22%20transform%3D%22translate(-1431.5%20-248.65)%22%3E%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%201431.5%2C%20248.65)%22%20filter%3D%22url(%23%E3%83%91%E3%82%B9_7)%22%3E%20%3Cg%20id%3D%22%E3%83%91%E3%82%B9_7-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%207%22%20transform%3D%22translate(4.5%20-0.5)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%204%2069.06146240234375%20L%204%2021.00000381469727%20C%204%2017.26046562194824%205.45626163482666%2013.74475860595703%208.100507736206055%2011.10051250457764%20C%2010.74475383758545%208.456266403198242%2014.26046180725098%207.000004291534424%2018%207.000004291534424%20L%2071%207.000004291534424%20C%2074.73954010009766%207.000004291534424%2078.2552490234375%208.456266403198242%2080.89949035644531%2011.10051250457764%20C%2083.54373931884766%2013.74475860595703%2085%2017.26046562194824%2085%2021.00000381469727%20L%2085%2051.00000381469727%20C%2085%2054.73954391479492%2083.54373931884766%2058.2552490234375%2080.89949035644531%2060.89949798583984%20C%2078.2552490234375%2063.54374313354492%2074.73954010009766%2065.00000762939453%2071%2065.00000762939453%20L%2016.8110466003418%2065.00000762939453%20L%2016.16073799133301%2065.00000762939453%20L%2015.54392337799072%2065.20600128173828%20L%204%2069.06146240234375%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2018%2011%20C%2012.48597717285156%2011%208%2015.48597717285156%208%2020.99999618530273%20L%208%2063.50835418701172%20L%2015.51042175292969%2060.99999618530273%20L%2071%2060.99999618530273%20C%2076.51402282714844%2060.99999618530273%2081%2056.51401519775391%2081%2050.99999618530273%20L%2081%2020.99999618530273%20C%2081%2015.48597717285156%2076.51402282714844%2011%2071%2011%20L%2018%2011%20M%2018%203%20L%2071%203%20C%2080.94111633300781%203%2089%2011.05887603759766%2089%2020.99999618530273%20L%2089%2050.99999618530273%20C%2089%2060.94111633300781%2080.94111633300781%2069%2071%2069%20L%2016.81104278564453%2069%20L%200%2074.61459350585938%20L%200%2020.99999618530273%20C%200%2011.05887603759766%208.058883666992188%203%2018%203%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23ce0f38%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M7.8%2C1.362a1%2C1%2C0%2C0%2C1%2C1.7%2C0l6.852%2C10.993a1%2C1%2C0%2C0%2C1-.849%2C1.529H1.8a1%2C1%2C0%2C0%2C1-.849-1.529Z%22%20transform%3D%22translate(1489.777%20276.374)%20rotate(90)%22%20fill%3D%22%23ce0f38%22%20stroke%3D%22%23ce0f38%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22bevel%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat; background-size: contain; }

.category-event-archive .event-ttl_wrap .event-ttl_sub_wrap, .category-event .event-ttl_wrap .event-ttl_sub_wrap { width: 100%; max-width: 1100px; margin: 10px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: solid 3px #EDE9E6; text-align: left; color: #041a31; }

.category-event-archive .event-ttl_wrap .event-ttl_sub_wrap .event-ttl_sub, .category-event .event-ttl_wrap .event-ttl_sub_wrap .event-ttl_sub { padding: 15px 15px 5px 15px; margin-bottom: -3px; font-size: 2rem; font-weight: bold; display: inline-block; border-bottom: 3px solid #c70000; }

.category-event-archive .event-ttl_wrap .page-ttl_txt, .category-event .event-ttl_wrap .page-ttl_txt, .category-sample_pf .page-ttl_wrap .page-ttl_txt { position: relative; width: 100%; padding: 0 20px 0 55px; max-width: 1050px; margin: 20px auto 0; font-size: 1.4rem; line-height: 2.3rem; color: #498ee4; }

.category-event-archive .event-ttl_wrap .page-ttl_txt::before, .category-event .event-ttl_wrap .page-ttl_txt::before, .category-sample_pf .page-ttl_wrap .page-ttl_txt::before { content: ""; position: absolute; display: block; width: 23px; height: 40px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2091.99%20134.89%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23498ee4%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22b%22%20d%3D%22M77.52%2C65.41c-.3-2.14-2.28-3.65-4.42-3.34-2.14%2C.3-3.64%2C2.28-3.34%2C4.42%2C.13%2C.92%2C.2%2C1.89%2C.2%2C2.87%2C0%2C2.16%2C1.76%2C3.92%2C3.92%2C3.92s3.92-1.76%2C3.92-3.92c0-1.33-.09-2.66-.27-3.95Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M72.53%2C60.38c1.87-1.08%2C2.51-3.49%2C1.43-5.35-1.99-3.43-4.62-6.37-7.82-8.74-1.73-1.27-4.19-.9-5.47%2C.83-1.28%2C1.74-.91%2C4.19%2C.82%2C5.48%2C2.33%2C1.73%2C4.25%2C3.87%2C5.69%2C6.36%2C.7%2C1.2%2C2%2C1.95%2C3.39%2C1.95%2C.69%2C0%2C1.37-.18%2C1.96-.53Z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20class%3D%22b%22%20d%3D%22M77.52%2C65.41c.18%2C1.29%2C.27%2C2.62%2C.27%2C3.95%2C0%2C2.16-1.76%2C3.92-3.92%2C3.92s-3.92-1.76-3.92-3.92c0-.99-.07-1.95-.2-2.87-.3-2.15%2C1.21-4.13%2C3.34-4.42%2C2.13-.31%2C4.12%2C1.2%2C4.42%2C3.34Zm-16.86-18.3c1.29-1.73%2C3.75-2.09%2C5.47-.83%2C3.2%2C2.37%2C5.83%2C5.31%2C7.82%2C8.74%2C1.08%2C1.87%2C.44%2C4.27-1.43%2C5.35-.59%2C.34-1.27%2C.53-1.96%2C.53-1.4%2C0-2.7-.75-3.39-1.95-1.44-2.5-3.36-4.63-5.69-6.36-1.74-1.29-2.1-3.74-.82-5.48Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M73.11%2C62.07c-2.14%2C.3-3.64%2C2.28-3.34%2C4.42%2C.13%2C.92%2C.2%2C1.89%2C.2%2C2.87%2C0%2C2.16%2C1.76%2C3.92%2C3.92%2C3.92s3.92-1.76%2C3.92-3.92c0-1.33-.09-2.66-.27-3.95-.3-2.14-2.28-3.65-4.42-3.34Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M61.48%2C52.59c2.33%2C1.73%2C4.25%2C3.87%2C5.69%2C6.36%2C.7%2C1.2%2C2%2C1.95%2C3.39%2C1.95%2C.69%2C0%2C1.37-.18%2C1.96-.53%2C1.87-1.08%2C2.51-3.49%2C1.43-5.35-1.99-3.43-4.62-6.37-7.82-8.74-1.73-1.27-4.19-.9-5.47%2C.83-1.28%2C1.74-.91%2C4.19%2C.82%2C5.48Z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22b%22%20d%3D%22M46%2C26.05C20.63%2C26.05%2C0%2C46.68%2C0%2C72.04c0%2C18.57%2C11.08%2C34.6%2C26.96%2C41.86v6.2c0%2C8.15%2C6.63%2C14.78%2C14.78%2C14.78h8.49c8.15%2C0%2C14.78-6.63%2C14.78-14.78v-6.2c15.89-7.25%2C26.97-23.28%2C26.97-41.86%2C0-25.36-20.63-45.99-45.99-45.99Zm3.92%2C83.95v-15.46c3.76-1.55%2C6.42-5.25%2C6.42-9.56%2C0-2.16-1.76-3.92-3.92-3.92s-3.92%2C1.76-3.92%2C3.92c0%2C1.38-1.12%2C2.5-2.5%2C2.5s-2.51-1.12-2.51-2.5c0-2.16-1.76-3.92-3.92-3.92s-3.92%2C1.76-3.92%2C3.92c0%2C4.31%2C2.66%2C8.02%2C6.42%2C9.56v15.46c-19.21-1.97-34.24-18.24-34.24-37.96%2C0-21.04%2C17.12-38.16%2C38.16-38.16s38.16%2C17.12%2C38.16%2C38.16c0%2C19.72-15.04%2C35.99-34.24%2C37.96Z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20class%3D%22b%22%20d%3D%22M44.65%2C0c-2.16%2C0-3.92%2C1.76-3.92%2C3.92v7.17c0%2C2.16%2C1.76%2C3.92%2C3.92%2C3.92s3.92-1.76%2C3.92-3.92V3.92c0-2.16-1.76-3.92-3.92-3.92Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M20.13%2C11.67c-.62-.85-1.53-1.41-2.57-1.57-1.02-.16-2.06%2C.09-2.89%2C.7-.85%2C.61-1.41%2C1.52-1.57%2C2.56-.17%2C1.03%2C.08%2C2.07%2C.7%2C2.91l4.21%2C5.8c.74%2C1.01%2C1.92%2C1.61%2C3.17%2C1.61%2C.83%2C0%2C1.62-.26%2C2.29-.75%2C.85-.62%2C1.41-1.53%2C1.57-2.56%2C.16-1.03-.09-2.07-.7-2.91l-4.21-5.8Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M74.64%2C10.81c-.84-.61-1.86-.87-2.91-.7-1.04%2C.16-1.95%2C.72-2.56%2C1.57l-4.22%2C5.8c-.62%2C.85-.86%2C1.88-.7%2C2.91%2C.17%2C1.03%2C.72%2C1.94%2C1.57%2C2.56%2C.67%2C.49%2C1.47%2C.75%2C2.3%2C.75%2C1.25%2C0%2C2.44-.6%2C3.17-1.62l4.22-5.8c.62-.85%2C.86-1.88%2C.7-2.91-.17-1.03-.72-1.94-1.56-2.55Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center 2px no-repeat; background-size: contain; }

.category-sample_pf .page-ttl_wrap .page-ttl_txt { max-width: 1200px; }

@-webkit-keyframes archive-icon { 0% { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  65% { opacity: 1;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  75% { opacity: 1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  85% { opacity: 1;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes archive-icon { 0% { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  65% { opacity: 1;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  75% { opacity: 1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  85% { opacity: 1;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

section.sample_pf_list .contents-full { max-width: 1100px; }

section.sample_pf_list .contents-full .main_columns_area { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf { width: 45%; max-width: 500px; margin: 0 10px 50px 10px; border: 1px solid #B7BCC6; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__heading { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-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; width: 100%; padding: 15px 20px; color: #fff; background-color: #071B34; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__title { margin-right: 3px; color: #fff; font-size: 2.2rem; text-align: left; line-height: 1.5; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__classify01 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 3px 12px; border: 2px solid #fff; border-radius: 30px; font-size: 1.6rem; line-height: 1.5; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__body { padding: 15px; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__text .content_title { padding: 5px 15px; margin: 15px auto 10px; text-align: left; font-weight: bold; background-color: #EDF0F4; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__text .content_text { padding: 0 15px; text-align: left; line-height: 1.7; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer { padding: 30px 10px; background-color: #EDF0F4; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer button { position: relative; display: inline-block; width: 100%; max-width: 345px; padding: 20px; text-align: center; border-radius: 50px; background-color: #C70004; color: #fff; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer button:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 2rem; line-height: 0; position: absolute; display: block; top: 32px; right: 20px; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer .offer_count { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer .offer_count span.offer_count_header { position: relative; display: block; padding-left: 30px; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer .offer_count span.offer_count_header::before { content: ""; width: 25px; height: 23px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/sample_pf_offer_icon.svg) no-repeat center center; background-size: contain; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf__footer .offer_count span.number { padding-left: 5px; font-size: 2.3rem; font-weight: bold; color: #C70004; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf .post__thumbnail { max-width: 140px; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf a:hover { color: #222; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf a:hover .sample_pf__footer button { outline: 0; color: #fff; -webkit-transition: color 500ms ease; transition: color 500ms ease; }

section.sample_pf_list .contents-full .main_columns_area .sample_pf a:hover .sample_pf__footer button::after { -webkit-animation: sample_pf_Arrow 1300ms ease 0s infinite normal; animation: sample_pf_Arrow 1300ms ease 0s infinite normal; }

section.sample_pf_list .contents-full .main_columns_area:after { content: ""; display: block; width: 45%; max-width: 500px; margin: 0px 10px 0 10px; }

@-webkit-keyframes sample_pf_Arrow { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  14% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  28% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  42% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  70% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

@keyframes sample_pf_Arrow { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  14% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  28% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  42% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  70% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

.sample_pf_list .appeal_point, .sample_pf_page .appeal_point { margin-left: 20px; text-align: left; width: 100%; word-break: break-all; }

.sample_pf_list .appeal_point__title, .sample_pf_page .appeal_point__title { position: relative; padding-left: 30px; font-weight: bold; color: #C70004; }

.sample_pf_list .appeal_point__title::before, .sample_pf_page .appeal_point__title::before { content: ""; position: absolute; width: 8px; height: 6px; top: 50%; left: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; height: 8px; background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.99%209.12%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23c70004%3Bstroke-linecap%3Around%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_1225%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C4.22l2.68%2C2.74L9.49%2C1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; }

.sample_pf_list .appeal_point ul, .sample_pf_page .appeal_point ul { border-top: 1px solid #D9DBDE; }

.sample_pf_list .appeal_point ul li, .sample_pf_page .appeal_point ul li { padding: 5px 5px 5px 10px; border-bottom: 1px solid #D9DBDE; list-style: disc; list-style-position: inside; line-height: 1.5; }

.page-ttl_wrap.sample_pf_page_ttl_wrap { margin: 30px auto; padding: 0; }