/*******************************************************************************
'/career/assets/css/style.cssから貼り付け
'*******************************************************************************/
@media screen and (min-width:600px), print {
@charset "UTF-8"; /* ======================================================================
reset
====================================================================== */
@font-face { font-family: "Noto Sans JP"; font-style: "normal"; font-weight: 400; src: url("../../common/font/NotoSansCJKjp-Regular.otf") format("opentype"), url("../../common/font/NotoSansCJKjp-Regular.woff") format("woff"); font-display: swap; }
@font-face { font-family: "Noto Sans JP"; font-style: "normal"; font-weight: 500; src: url("../../common/font/NotoSansCJKjp-Medium.otf") format("opentype"), url("../../common/font/NotoSansCJKjp-Medium.woff") format("woff"); font-display: swap; }
@font-face { font-family: "Noto Sans JP"; font-style: "normal"; font-weight: 700; src: url("../../common/font/NotoSansCJKjp-Bold.otf") format("opentype"), url("../../common/font/NotoSansCJKjp-Bold.woff") format("woff"); font-display: swap; }
html { overflow-y: scroll; }
body { line-height: 1; color: #000; background-color: #fff; }
/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
background: transparent; font-weight: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0;
padding: 0; }
input, select { vertical-align: middle; }
/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea { box-sizing: border-box; }
html { /* Sets a specific default `font-size` for user with `rem` type scales.*/
font-size: 62.5%; /* Changes the default tap highlight to be completely transparent in iOS.*/
-webkit-tap-highlight-color: transparent; }
body { color: #586075; line-height: 1.6; background: #fff; font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif; font-weight: 400;
word-wrap: break-word; word-break: break-all; min-width: 1140px; overflow: hidden; }
img { vertical-align: bottom; max-width: 100%; height: auto; }
strong { font-weight: bold; }
a:link { color: #586075; text-decoration: none; cursor: pointer; }
a:visited { color: #586075; text-decoration: none; }
a:hover { color: #586075; text-decoration: none; opacity: .8; }
a:active { color: c; text-decoration: none; }
a[href^="tel"] { color: #586075; }
/* input */
input, textarea, select { display: block; margin: 0; padding: 0; outline: none; border: none;
border-image: none; background: transparent; font-family: inherit; border-radius: 0; -webkit-appearance: none;
-moz-appearance: none; appearance: none; }
input::-ms-expand, textarea::-ms-expand, select::-ms-expand { display: none; }
textarea { resize: vertical; }
input:placeholder-shown, textarea:placeholder-shown { color: #586075; }
input::placeholder, textarea::placeholder { color: #586075; }
input:focus:placeholder-shown, textarea:focus:placeholder-shown { color: #586075; }
input:focus::placeholder, textarea:focus::placeholder { color: #586075; }
.u_pc { display: block; }
.u_sp { display: none; }
@keyframes bottom-top { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}
@keyframes top-bottom { 0% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}
@keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes big-small { 0% { opacity: 0; transform: scale(1.25); } 100% { opacity: 1; transform: scale(1); }}
/* ======================================================================
layout
====================================================================== */
/* =================================
l_content_size
================================= */
.l_content_size_sp_1 { padding: 0 4%; }
@media screen and (min-width: 1025px) { .l_content_size_sp_1 { max-width: 1140px; margin: 0 auto; }}
.l_content_size_pc_1 { width: 1140px; margin: 0 auto; padding: 0 20px; }
/* =================================
l_container
================================= */
.l_container { position: relative; }
/* =================================
l_header
================================= */
.l_header .header_top { display: flex; justify-content: space-between; align-items: center; padding: 8px 0 10px; }
.l_header .header_top-left { color: #909CB5; font-size: 1.2rem; }
.l_header .header_top-right { display: flex; font-size: 1.1rem; border-left: 1px solid #E1E4E7; }
.l_header .header_top-right li { border-right: 1px solid #E1E4E7; }
.l_header .header_top-right a { display: block; padding: 0 .5em; }
.l_header .header_middle-right__login { display: flex; }
.l_header .header_middle-right__login .member_registration_btn { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.3); display: block; width: 240px; padding: 12px 10px 13px;
border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
color: #fff; font-weight: 600; margin-right: 10px; }
.l_header .header_middle-right__login .login_btn { color: #1166CC; background-color: #fff; display: inline-block; position: relative; padding: 12px 10px 13px;
border-radius: 6px; box-shadow: 0px 4px 10px rgba(0, 0, 74, 0.15); font-size: 1.6rem; width: 175px; text-align: center;
font-weight: 600; }
.l_header .header_middle { display: flex; justify-content: space-between; margin-bottom: 0; }
.l_header .header_middle-left { display: flex; align-items: center; }
.l_header .header_middle-left .logo { margin-right: 10px; }
.l_header .logined .header_middle-left .logo_sub { display:none; }
.l_header .logined .header_middle-left .logo_sub.logo_tech { display:block; }
.l_header .header_middle-right { display: flex; }
.l_header .header_middle-link { font-size: 1.1rem; display: flex; }
.l_header .header_middle-link li + li:before { content: '/'; }
.l_header .header_middle-link a { display: inline-block; padding: 0 .5em; }
.l_header .header_middle-link a:link, .l_header .header_middle-link a:visited, .l_header .header_middle-link a:hover, .l_header .header_middle-link a:active { color: #00338B; }
.l_header .header_welcome { font-size: 1.2rem; text-align: right; margin-right: .5em; color: #555555; }
.l_header .header_welcome span { font-size: 1.6rem; font-weight: 700; }
.l_header .header_notice { position: relative; margin-left: 16px; }
.l_header .header_notice a { display: flex; justify-content: center; align-items: center; width: 100px; height: 50px;
box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; font-size: 1.2rem; font-weight: 700; color: #00338B;}
.l_header .header_notice img { margin-right: 6px; }
.l_header .header_notice .num { position: absolute; top: 5px; left: 22px; background: #F12100; color: #fff;
font-size: 1rem; border-radius: 50%; display: block; padding: 0 5px; }
.l_header .header_mypage { margin-left: 10px; }
.l_header .header_mypage a { display: flex; justify-content: center; align-items: center; width: 120px; height: 50px;
box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; font-size: 1.4rem; font-weight: 700; background: linear-gradient(-90deg, #00004A, #00338B);
color: #fff; }
.l_header .gNav { display: flex; }
.l_header .gNav li { width: calc(1100px / 6); }
.l_header .gNav a { display: block; text-align: center; padding: 18px 0 15px; font-size: 1.6rem; font-weight: 700;
border-bottom: 3px solid #fff; transition: border .3s, color .3s; }
.l_header .gNav a:hover { color: #F36421; border-bottom: 3px solid #F36421; opacity: 1; }
.l_header .gNav li.current a { color: #F36421; border-bottom: 3px solid #F36421; opacity: 1; }
/* =================================
l_header_sp
================================= */
.l_header_sp { display: none; }
/* =================================
l_menu_sp
================================= */
.l_menu_sp { display: none; }
/* =================================
l_breadcrumbs
================================= */
/* =================================
l_main_visual
================================= */
/* =================================
l_content
================================= */
/* =================================
l_main
================================= */
/* =================================
l_side
================================= */
/* =================================
l_footer
================================= */
/* =================================
l_hoge
================================= */
/* ======================================================================
layout p_top
====================================================================== */
/* =================================
l_container_top
================================= */
.l_container_top { position: relative; }
/* =================================
l_header_top
================================= */
/* =================================
l_header_sp_top
================================= */
/* =================================
l_main_visual_top
================================= */
/* =================================
l_content_top
================================= */
/* =================================
l_main_top
================================= */
/* =================================
l_side_top
================================= */
/* =================================
l_footer_top
================================= */
/* =================================
l_hoge_top
================================= */
.l_breadcrumb { display: flex; padding: 15px 0 17px; font-size: 1.2rem; background: transparent; }
.l_breadcrumb li { margin-right: .5em; }
.l_breadcrumb li + li:before { content: ">"; margin-right: .5em; }
.l_breadcrumb a { color: #555555; }
.contents_box { margin: 40px 0 60px; }
.contents_ttl { font-size: 2.2rem; font-weight: 700; }
.contents_ttl-outer { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-radius: 6px;
margin-bottom: 25px; }
.contents_ttl img { margin-right: 10px; vertical-align: middle; }
.contents_more a { display: block; width: 220px; height: 40px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px;
font-size: 1.4rem; font-weight: 700; position: relative; background: #fff; text-align: center;
line-height: 40px; }
.contents_more a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); }
.contents_list { display: flex; }
.contents_item { width: 208px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; overflow: hidden; position: relative;
background-color: #fff; }
.contents_item button { position: absolute; top: 10px; right: 10px; z-index: 1; border: none;
background-color: transparent; cursor: pointer; }
.contents_item:hover { opacity: .8; }
.contents_item + .contents_item { margin-left: 15px; }
.contents_item-img { overflow: hidden; position: relative; }
.contents_item-img figcaption { position: absolute; top: 10px; right: 10px; }
.contents_item-meta { margin: 15px 15px 18px; }
.contents_item-meta dt { font-size: 1.5rem; font-weight: 700; color: #00338B; margin-bottom: 4px; }
.contents_item-meta dd { font-size: 1.2rem; }
.contents_item-info { background: #F4F5F6; padding: 10px 12px; font-size: 1.2rem; }
.contents_item-info li + li { margin-top: 4px; }
.contents_item-info img { margin-right: 7px; }
.relation { background: #F4F5F6; padding: 35px 0 50px; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.15) inset; }
.relation_ttl { color: #353941; font-size: 2rem; font-weight: 700; margin-bottom: 12px; }
.relation_list-item { width: 360px; display: inline-block; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; overflow: hidden;
position: relative; background-color: #fff; padding: 10px; margin-right: 4px; margin-bottom: 4px; }
.relation_list-item + .relation_list-item { border-left: 1px solid #E0E9F3; }
.relation_list-item a { display: flex; align-items: center; }
.relation_list-item figure { margin-right: 10px; width: 128px; }
.relation_list-item dl { margin-right: 11px; }
.relation_list-item dt { color: #00338B; font-size: 1.4rem; font-weight: 700; margin-bottom: 6px; }
.relation_list-item dd { font-size: 1.2rem; width: 198px; }
.js_btn_p_top { position: fixed; right: 30px; bottom: 30px; cursor: pointer; }
/* ======================================================================
z-index
====================================================================== */
.l_loader { z-index: 1000; }
.l_menu_sp { z-index: 999; }
.l_header { z-index: 998; }
.l_header_sp { z-index: 998; }
.c_btn_p_top { z-index: 997; }
.l_side { z-index: 996; }
/* =================================
p_top
================================= */
.l_menu_sp_top { z-index: 999; }
.l_header_top { z-index: 998; }
.l_header_sp_top { z-index: 998; }
.c_btn_p_top_top { z-index: 997; }
.l_side_top { z-index: 996; }
.breadcrumb a:link, .breadcrumb a:visited { text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.l_footer { color: #353941; }
.l_footer .footer_top { padding: 35px 0 37px; }
.l_footer .footer_top .mission_ttl { margin-bottom: 35px; font-weight: 700; font-size: 1.8rem; line-height: 1; }
.l_footer .footer_top .mission_ttl #imgLogoPcLazy { width: 470px; }
.l_footer .footer_top .mission_ttl #imgLogoPc { width: 470px; }
.l_footer .footer_top .mission_catch { display: inline; vertical-align: bottom; margin-left: 20px; }
.l_footer .mission_catch_part_color { color: rgb(234, 95, 1); display: inline;}
.l_footer .footer_top .mission_body { font-size: 1.5rem; line-height: 1.5; }
.l_footer .footer_nav { background-color: #75829E; }
.l_footer .footer_nav-list { display: flex; align-items: center; justify-content: center; }
.l_footer .footer_nav-list li { text-align: center; }
.l_footer .footer_nav-list li a { font-weight: 700; width: 140px; color: #fff; text-decoration: underline; font-size: 1.4rem;
text-decoration: none; display: block; padding: 32px 0 36px; }
.l_footer .footer_links { background-color: #EBF0F5; padding: 40px 0 39px; }
.l_footer .footer_links-outer { display: flex; }
.l_footer .footer_links-outer:first-child { padding-bottom: 26px; margin-bottom: 25px; border-bottom: 1px solid #ABC3DC; }
.l_footer .footer_links-outer:nth-child(2) .footer_links-ttl { margin-bottom: 20px; }
.l_footer .footer_links-outer * { font-size: 1.2rem; }
.l_footer .footer_links-outer .footre_link-middleRight .footer_links-inline * { font-size: 1.16rem !important; }
.l_footer .footer_links-outer a { color: #00338B; }
.l_footer .footer_links-left { width: 440px; }
.l_footer .footer_links-center { width: 380px; }
.l_footer .footer_links-ttl { font-size: 1.6rem; margin-bottom: 30px; margin-top: 36px; font-weight: 700; }
.l_footer .footer_links-ttl:first-child { margin-top: 0; }
.l_footer .footer_links-separator { display: flex; }
.l_footer .footer_links-separator li:before { content: '|'; color: #00338B; padding: 0 .3em; }
.l_footer .footer_links-separator li:first-child:before { content: none; }
.l_footer .footer_links-inline { display: flex; margin-top: 17px; }
.l_footer .footer_links-inline li:before { content: '|'; color: #ABC3DC; padding: 0 .3em; }
.l_footer .footer_links-inline li:last-child:after { content: '|'; color: #ABC3DC; padding: 0 .3em; }
.l_footer .footer_links-area { text-align: left; }
.l_footer .footer_links-area th { width: 90px; }
.l_footer .footer_utility .l_content_size_pc_1 { display: flex; align-items: center; padding: 20px 20px; }
.l_footer .footer_logos { display: flex; align-items: center; width: 1100px; }
.l_footer .footer_logos-middle { margin-left: 20px; margin-right: 20px; }
/*.l_footer .footer_logos-right li a { font-size: 1.4rem; color: #00338B; position: relative; padding-right: .6em; display: inline-block;}
.accordion_list .footer_logos-right li a:after { position: absolute; top: calc(50% - 3px); right: 0; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }*/
.l_footer .footer_copy { font-size: 1.2rem; }
.l_footer .footer_copy p > span { display: block; }
.l_footer .footer_copy div > span { display: inline-block; }
.search-nologin .search-input_wrap { margin-top: 0; margin-bottom: 20px; }
.search-input_wrap { align-items: center; background-color: #fff; border-radius: 50px; display: flex; margin-top:20px; padding: 12px 15px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); }
.search-input_wrap button { border: none; background-color: transparent; width: 40px; }
.search-input_wrap input { width: calc(100% - 40px); font-size: 1.6rem; }
.search-input_wrap input::placeholder { color: #999999; }
.wide-btn a { color: #00338B; display: block; background-color: #fff; position: relative; padding: 15px 30px 15px 15px;
border-radius: 6px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); font-size: 1.4rem; }
.wide-btn a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.ttl_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.ttl_icon { background-repeat: no-repeat; background-position: left center; font-size: 2rem; color: #353941; padding: 4px 0 4px 20px;
font-weight: 600; width: calc(100% - 110px); }
.ttl_icon_nologin { background-repeat: no-repeat; background-position: left center; font-size: 2rem; color: #353941; padding: 4px 0 4px 20px;
font-weight: 600; width: calc(100% - 110px); }
.ttl_view-more { font-size: 1.4rem; color: #00338B !important; display: inline-block; padding-right: 2em; position: relative;}
.ttl_view-more:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.search__ttl { text-align: center; font-size: 1.4rem; margin-left: 30px; margin-right: 30px; color: #00338B;
font-weight: 600; position: relative; margin-bottom: 20px; }
.search__ttl:before { height: 1px; width: 100%; content: ''; position: absolute; background-color: #ABC3DC;
top: 19px; left: 0; }
.search__ttl-wrap { background-color: #EBF0F5; padding: 0 30px; position: relative; }
.search__ttl-icon { font-size: 1.3rem; background-color: #00338B; color: #fff; padding: 4px 13px 5px; margin-right: 5px;
line-height: 1; border-radius: 50px; vertical-align: text-top; }
.search__ttl-num { font-size: 2.4rem; }
.search-box01 { margin: 0 0 30px; }
.search-box01__inner { display: flex; justify-content: space-between; align-items: center; }
.search-sasve-box01__inner { display: flex; }
.search-box01__inner .modal-btn-01 { background-color: #fff; display: block; width: 230px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); padding: 18px 15px;
border-radius: 6px; display: flex; align-items: center; font-size: 1.6rem; font-weight: 700;}
.search-box01__inner .modal-btn-03 { background-color: #fff; display: block; width: 320px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); padding: 18px 15px;
border-radius: 6px; display: flex; align-items: center; font-size: 1.6rem; font-weight: 700;}
.search-box01__inner .modal-btn img { margin-right: 14px; vertical-align: middle; }
.search-box01__inner_x { font-size: 1.6rem; color: #4D535B; }
.search-box01__inner .modal-btn-orange { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.3); display: block; width: 250px; padding: 16px 15px;
border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem;
color: #fff; font-weight: 700; }
.search-box01__inner .modal-btn-orange__num { background-color: #FFFFB8; border-radius: 2px; font-size: 1.4rem; color: #F36421; padding: 2px 12px;
margin-left: 4px; }
.search-box01__inner .modal-btn-orange img { margin-right: 10px; vertical-align: middle; }
.search-box02__inner { background-color: #D0DDEB; border-radius: 6px; padding: 20px 10px 0px 20px; display: flex; justify-content: space-between;}
.search-box02__left { padding-bottom: 20px; width: 640px; }
.search-box02__right { box-sizing: content-box; padding: 0 10px 20px 10px; width: 400px; }
.search-box02__history { background-color: #fff; position: relative; padding: 15px 10px 15px 15px; border-radius: 6px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15);}
.search-box02__history_ttl { background-image: url(../images/icon_history.png); background-repeat: no-repeat; background-position: left center; font-size: 14px; color: #586075; margin-right:170px;
padding: 4px 0 4px 28px; font-weight: 700; }
.search-box02__save_ttl { color: #586075; display: inline-block; font-size: 14px; font-weight: 700; margin-top: 5px; }
.search-box02__save_ttl:before { background-image: url(../images/icon_save02.png); background-repeat: no-repeat; content: ""; display: inline-block; height: 20px; margin-left: -2px; margin-right: 7px; vertical-align: text-top; width: 18px; }
.save-help-icon { background: url(../../search/images/icon_question.png) no-repeat center center; border-radius: 50%; box-sizing: border-box; cursor: pointer; display: inline-block;
 font-size: 1.0rem; height: 16px; line-height: 1.0; padding: 3px 0; vertical-align: sub; width: 16px; }
.save-help-icon:hover + .save-help-text { display: block; }
.save-help-text { background-color: #333; border-radius: 3px; bottom: 63px; box-sizing: border-box; color: #fff; display: none; font-size: 11px; font-weight: normal; left: -24px;
 margin: 0 auto; padding: 7px 10px; position: absolute; width: 350px; z-index:20; }
.save-help-text::after { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 8px 6px 0 6px; bottom: -7px; content: ""; height: 0; left: 0;
 margin: 0 auto; position: absolute; right: 0; width: 0; }
.search-box02__save_limit { color: #586075; font: bold normal normal 12px/18px Hiragino Kaku Gothic Pro; letter-spacing: 0px; margin-left: 30px; opacity: 1; }
.search-box02__history_txt { font-size: 1.1rem; color: #586075; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-box02__tag { background-color: #FFFACB; border-radius: 6px; padding: 12px 15px; }
.search-box02__tag_ttl { background-image: url(../images/icon_hash.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #586075;
padding: 4px 0 4px 20px; font-weight: 700; }
.search-box02__tag_wrap { display: flex; flex-wrap: wrap; margin-bottom: -4px; }
.search-box02__tag_item a { display: inline-block; background-color: #F36421; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.2); font-size: 1.2rem; border-radius: 3px;
padding: 4px 10px 5px; margin: 0 4px 4px 0; color: #fff; font-weight: 700; }
.search-input-sp { display: none; }
#txtKWD_error-sp { display: none; }
.button-secondary { border: 3px solid #ff6d00; -webkit-box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.47); box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.47); color: #ff6d00; }
.button-secondary:link, .button-secondary:visited { color: #ff6d00; }
.button-secondary:hover, .button-secondary:active { color: #ff6d00; text-decoration: none; }
.button-secondary::after { border-top: 3px solid #ff6d00; border-right: 3px solid #ff6d00; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.button-primary, .button-primary-entry { border: 3px solid #ff6d00; background-color: #ff6d00; -webkit-box-shadow: 1px 3px 0 #6e6f6f; box-shadow: 1px 3px 0 #6e6f6f; color: #fff;}
.button-primary:link, .button-primary:visited { color: #fff; }
.button-primary-entry:link, .button-primary-entry:visited { color: #fff; }
.button-primary:hover, .button-primary:active { top: 3px; border: 3px solid #ff6d00; -webkit-box-shadow: none; box-shadow: none; color: #fff;
text-decoration: none; }
.button-primary-entry:hover, .button-primary-entry:active { top: 3px; border: 3px solid #ff6d00; -webkit-box-shadow: none; box-shadow: none; color: #fff;
text-decoration: none; }
.button-primary::after { position: absolute; top: 50%; right: 9px; z-index: 10; margin-top: -4px;
width: 5px; height: 5px; border: 0; border-top: 3px solid #fff; border-right: 3px solid #fff;
content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.button-primary-entry { padding: 13px 14px; -webkit-box-shadow: 1px 2px 0 0 rgba(110, 111, 111, 0.5); box-shadow: 1px 2px 0 0 rgba(110, 111, 111, 0.5); font-size: 1.6rem; }
.button-primary-entry::after { position: absolute; top: 50%; right: 9px; z-index: 10; margin-top: -4px;
width: 5px; height: 5px; border: 0; border-top: 3px solid #fff; border-right: 3px solid #fff;
content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.button-primary-entry:hover, .button-primary-entry:active { top: 2px; }
#modal-overlay { display: none; position: fixed; top: 0; left: 0; z-index: 1000;
overflow-y: auto; width: 100%; height: 100%; background: rgba(144, 153, 152, 0.87); cursor: pointer;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal { display: none; position: fixed; top: 0; left: 50%; z-index: 1010;
overflow-y: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.modal.is-visible { display: block; }
.modal.is-visible .modal-container { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.modal-container { position: relative; margin: 3em auto 4em; min-width: 700px; background: #fff; cursor: auto;
-webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;
-o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px);
transform: translateY(-30px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal-container-infolist { padding-bottom: 25px; position: relative; margin: 3em auto 4em; max-height: 500px; width:560px; background: #fff; cursor: auto;
-webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;
-o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px);
transform: translateY(-30px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal-container.modal-container-lg { min-width: 820px; }
.infolist-header{padding: 22px 20px 0; border-top: 4px solid #00338B !important;}
.modal-header { padding: 35px 50px 0; border-top: 4px solid #ff6d00; }
.modal-header.modal-header-simplicity { padding: 20px 30px 0; }
.modal-title { color: #383838; font-weight: 700; margin: 0 0 20px; text-align: center; letter-spacing: 0.1em; font-size: 2.6rem; line-height: 1; }
.modal-title-infolist { color: #383838; font-weight: 700; margin: 0 0 20px; text-align: center; letter-spacing: 0.1em; font-size: 18px; line-height: 1; }
.info-title { text-align: left !important;}
.info-title span { color: #231815; font-size:18px; font: bold; }
.modal-logo { margin-right: 14px; padding-bottom: 1px; width: 110px; vertical-align: bottom; }
.modal-logo-infolist { margin-left: 10px; margin-right: 14px; padding-bottom: 1px; width: 93px; vertical-align: bottom; }
.modal-body { padding: 0 50px 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal-container-infolist .list { max-height: 420px; overflow: scroll; overflow-x: hidden; overflow-y: auto; }
.modal-container-infolist .oshirase-panel { width: 490px; box-shadow: 0px 3px 6px #00004A26; border-radius: 6px; margin-top: 1px; opacity: 1; }
.modal-container-infolist .date { color: #999999; font-size: 11px; font-weight: inherit; float: right; margin: 5px 9px 0 0; }
.modal-container-infolist .main { padding: 5px 23px 2px 0; }
.modal-container-infolist .list-position { position: relative;}
.modal-container-infolist .list-position::after{ content: url(/new/student/common/images/icon_arrow_ice.png); margin-top: -50px; margin-left: 482px; position: absolute; }
.modal-container-infolist .headhunting-txt { display: inline-block; width: 405px; }
.modal-container-infolist .nomal-txt { display: inline-block; width: 454px; }
.modal-body.modal-body-simplicity { padding: 0 30px 30px; }
.infolist-close{background: url("../../common/images/icon_close_navy_oshirase.png") center no-repeat !important; margin-top: 15px!important;}
.modal-close { position: absolute; top: 20px; right: 16px; overflow: hidden; width: 20px;
height: 20px; background: url("../../common/images/icon_close.png") center no-repeat; text-indent: 100%; white-space: nowrap; cursor: pointer;}
.modal-close:hover { opacity: 0.66; }
.modal * { box-sizing: content-box; }
/* select modal */
.icon-arrow-square::before, .icon-arrow-square-before::before { position: absolute; top: 1px; left: 0; width: 13px; height: 13px;
background-color: #00338B; content: ""; }
.icon-arrow-square, .icon-arrow-square-before { position: relative; margin-left: 6px; padding-left: 0; width: 13px; height: 13px;}
.icon-arrow::after, .icon-arrow-inverse::after, .icon-arrow-alert::after, .icon-arrow-square::after, .icon-arrow-square-before::after { display: block; position: absolute; top: 50%; right: 0; margin-top: -2px;
width: 6px; height: 6px; border: 0; border-top: 1px solid #00338B; border-right: 1px solid #00338B;
content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.icon-arrow-square::after { left: -1px; z-index: 2; margin-top: 1px; width: 4px; height: 4px;
border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg) translateY(-78%); -ms-transform: rotate(45deg) translateY(-78%); transform: rotate(45deg) translateY(-78%);}
.regist-select { position: relative; padding-bottom: 64px; }
.regist-select-more, .regist-select-more-fixed { padding: 15px 0 5px; text-align: center; }
.regist-select-more-fixed { position: absolute; right: 0; bottom: 0; left: 0; padding: 0;}
.regist-accordion { overflow-x: hidden; overflow-y: scroll; margin-right: -15px; padding-right: 15px; height: 465px;}
.regist-accordion .accordion_list dl { border-bottom: 1px solid #fff; position: relative; }
.regist-accordion .accordion_list dl.other { margin: 0 0 3%; }
.regist-accordion .accordion_list dl dt { background: #00338B; font-size: 2rem; font-weight: bold; color: #fff; padding: 1% 2%;
cursor: pointer; position: relative; }
.regist-accordion .accordion_list dl dt.trigger { padding: 2%; min-height: 26px; }
.regist-accordion .accordion_list dl dt.input { background: none; padding: 0; position: absolute; top: 14px; left: 2%;
z-index: 999; }
.regist-accordion .accordion_list dl dd label { color: #383838; }
.regist-accordion .accordion_list dl dt .icon-arrow-square { position: absolute; top: 30%; right: 2%; }
.regist-accordion .accordion_list dl dt .icon-arrow-square::after { border-bottom: 2px solid #fff; border-top: 0; }
.regist-accordion .accordion_list dl dt.active .icon-arrow-square::after { border: none; border-left: 2px solid #fff; border-top: 2px solid #fff; }
.regist-accordion .accordion_list dl dd { border: 1px solid #ccc; border-top: none; padding: 0% 2%; }
.regist-accordion .accordion_list dl dd ul li { display: block; border-bottom: 1px solid #ccc; font-size: 1.8rem; padding: 2% 0; }
.regist-accordion .accordion_list dl dd ul li:last-child { border-bottom: none; }
.regist-accordion .accordion_list label { background: url("../../common/images/icon_check_off.png") no-repeat 0 center; cursor: pointer; padding: 0 0 0 30px; display: block; }
.regist-accordion .accordion_list input:checked + label { background: url("../../common/images/icon_check_on.png") no-repeat 0 center; }
.regist-accordion .accordion_list.radio_type label { background: url("../../common/images/icon_radio_off.png") no-repeat 0 center; cursor: pointer; padding: 0 0 0 30px; display: block; }
.regist-accordion .accordion_list.radio_type input:checked + label { background: url("../../common/images/icon_radio_on.png") no-repeat 0 center; }
.button { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 14px;
min-width: 195px; border: 3px solid #a2c7e5; background-color: #fff; -webkit-box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.5); box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.5);
text-align: center; text-decoration: none; font-weight: bold; font-size: 1.8rem; }
.button:link, .button:visited { color: #00338B; }
.button:hover, .button:active { top: 2px; border: 3px solid #bbc1c0; -webkit-box-shadow: none; box-shadow: none; color: #00338B;
text-decoration: none; }
.button::after { position: absolute; top: 50%; right: 9px; margin-top: -4px; width: 5px;
height: 5px; border: 0; border-top: 3px solid #00338B; border-right: 3px solid #00338B; content: "";
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.button-applications { display: inline-block; overflow: hidden; width: 100px; height: 65px; background: url("/new/student/common/images/common/btn_mypage.png") center no-repeat;
background-color: #00338B; text-indent: 100%; white-space: nowrap; }
.button-applications:hover, .button-applications:active { opacity: 0.66; }
.button-lg { min-width: 240px; }
.button-block { display: block !important; }
.button-secondary { border: 3px solid #ff6d00; -webkit-box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.47); box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.47); color: #ff6d00; }
.button-secondary:link, .button-secondary:visited { color: #ff6d00; }
.button-secondary:hover, .button-secondary:active { color: #ff6d00; text-decoration: none; }
.button-secondary::after { border-top: 3px solid #ff6d00; border-right: 3px solid #ff6d00; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.button-primary, .button-primary-entry { border: 3px solid #ff6d00; background-color: #ff6d00; -webkit-box-shadow: 1px 3px 0 #6e6f6f; box-shadow: 1px 3px 0 #6e6f6f; color: #fff;}
.button-primary:link, .button-primary:visited { color: #fff; }
.button-primary-entry:link, .button-primary-entry:visited { color: #fff; }
.button-primary:hover, .button-primary:active { top: 3px; border: 3px solid #ff6d00; -webkit-box-shadow: none; box-shadow: none; color: #fff;
text-decoration: none; }
.button-primary-entry:hover, .button-primary-entry:active { top: 3px; border: 3px solid #ff6d00; -webkit-box-shadow: none; box-shadow: none; color: #fff;
text-decoration: none; }
.button-primary::after { position: absolute; top: 50%; right: 9px; z-index: 10; margin-top: -4px;
width: 5px; height: 5px; border: 0; border-top: 3px solid #fff; border-right: 3px solid #fff;
content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.button-primary-entry { padding: 13px 14px; -webkit-box-shadow: 1px 2px 0 0 rgba(110, 111, 111, 0.5); box-shadow: 1px 2px 0 0 rgba(110, 111, 111, 0.5); font-size: 1.6rem; }
.button-primary-entry::after { position: absolute; top: 50%; right: 9px; z-index: 10; margin-top: -4px;
width: 5px; height: 5px; border: 0; border-top: 3px solid #fff; border-right: 3px solid #fff;
content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.button-primary-entry:hover, .button-primary-entry:active { top: 2px; }
.logined .nologin-item, .logined .index-main-history, .logined .index-contents-bottom, .logined .index-contents-bottom-login, .logined .index-sidebar-login, .logined .index-contents .notice, .l_login .nologin-item, .l_login .index-main-history, .l_login .index-contents-bottom, .l_login .index-contents-bottom-login, .l_login .index-sidebar-login, .l_login .index-contents .notice { display: none; }
.no_login .login-item, .no_login .index-top__wrap .set, .no_login .index-top__wrap .index-history { display: none; }
.modal-double .modal-header { padding-top: 40px; }
.modal-double-wrapper { height: 465px; overflow-y: scroll; overflow-x: hidden; }
.modal-double .regist-accordion { height: auto; overflow: hidden; }
.modal-double .regist-accordion + .modal-title { margin-top: 20px; }
.l_footer .footer_logos-right li::after {
    content: '|';
    color: #ABC3DC;
    padding: 0 .3em;
}
.l_footer .footer_logos-right li:last-child::after {
    display: none;
}
.footer_utility .footer_logos-right{
    display: ruby;
}
}
/*******************************************************************************
'/career/assets/css/style_sp.cssから貼り付け
'*******************************************************************************/
@media screen and (max-width:599px) {
@charset "UTF-8";
/* ======================================================================
reset
====================================================================== */
@font-face { font-family: "Noto Sans JP"; font-style: "normal"; font-weight: 400; src: url("../../common/font/NotoSansCJKjp-Regular.otf") format("opentype"), url("../../common/font/NotoSansCJKjp-Regular.woff") format("woff"); font-display: swap;}
@font-face { font-family: "Noto Sans JP"; font-style: "normal"; font-weight: 500; src: url("../../common/font/NotoSansCJKjp-Medium.otf") format("opentype"), url("../../common/font/NotoSansCJKjp-Medium.woff") format("woff"); font-display: swap;}
@font-face { font-family: "Noto Sans JP"; font-style: "normal"; font-weight: 700; src: url("../../common/font/NotoSansCJKjp-Bold.otf") format("opentype"), url("../../common/font/NotoSansCJKjp-Bold.woff") format("woff"); font-display: swap;}
html { overflow-y: scroll; }
body { line-height: 1; color: #000; }
/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
background: transparent; font-weight: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0;
padding: 0; }
input, select { vertical-align: middle; }
/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea { box-sizing: border-box; }
html { /* Sets a specific default `font-size` for user with `rem` type scales.*/
font-size: 62.5%; /* Changes the default tap highlight to be completely transparent in iOS.*/
-webkit-tap-highlight-color: transparent; }
body { color: #586075; line-height: 1.6; background: #fff; font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif; font-weight: 400;
word-wrap: break-word; word-break: break-all; min-width: 1140px; }
body { min-width: auto; }
html main { font-size: 62.5%; }
img { vertical-align: bottom; max-width: 100%; height: auto; }
strong { font-weight: bold; }
a:link { color: #586075; text-decoration: none; cursor: pointer; }
a:visited { color: #586075; text-decoration: none; }
a:hover { color: #586075; text-decoration: none; opacity: .8; }
a:active { color: c; text-decoration: none; }
a[href^="tel"] { color: #586075; }
/* input */
input, textarea, select { display: block; margin: 0; padding: 0; outline: none; border: none;
border-image: none; background: transparent; font-family: inherit; border-radius: 0; -webkit-appearance: none;
-moz-appearance: none; appearance: none; }
input::-ms-expand, textarea::-ms-expand, select::-ms-expand { display: none; }
textarea { resize: vertical; }
input:placeholder-shown, textarea:placeholder-shown { color: #586075; }
input::placeholder, textarea::placeholder { color: #586075; }
input:focus:placeholder-shown, textarea:focus:placeholder-shown { color: #586075; }
input:focus::placeholder, textarea:focus::placeholder { color: #586075; }
.u_pc { display: none; }
.u_sp { display: block; }
@keyframes bottom-top { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}
@keyframes top-bottom { 0% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}
@keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes big-small { 0% { opacity: 0; transform: scale(1.25); } 100% { opacity: 1; transform: scale(1); }}
/* ======================================================================
layout
====================================================================== */
/* =================================
l_content_size
================================= */
.l_content_size_sp_1 { padding: 0 4%; }
.l_content_size_pc_1 { width: 1140px; margin: 0 auto; padding: 0 20px; }
.l_content_size_pc_1 { width: auto; padding: 0 3.125%; }
/* =================================
l_container
================================= */
.l_container { position: relative; }
/* =================================
l_header
================================= */
.l_header { display: none; }
/* =================================
l_header_sp
================================= */
.l_header_sp { padding: 5px 0 0; position: relative; }
/* Re就活20周年のため一時的切替 */
.l_header_sp .header_top-logo { width: calc(500 / 600 * 100vw); margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; }
/* .l_header_sp .header_top-logo { width: calc(360 / 600 * 100vw); margin-right: auto; margin-left: auto; } */
.l_header_sp .header_top-ttl { text-align: center; font-size: 1.0rem; color: #909CB5; }
.l_header_sp .header_top-logo .header-logo-fix { font-size: 0; }
.l_header_sp nav { margin-top: 3px; border-top: 1px solid #E8ECF1; }
.l_header_sp nav ul { display: flex; }
.l_header_sp nav ul li { text-align: center; width: 25%; padding: 3px 5px; }
.l_header_sp nav ul li:first-child img { width: calc(56.33px / 2.5); }
.l_header_sp nav ul li:nth-child(2) img { width: calc(41.58px / 2.5); padding-top: 3px; }
.l_header_sp nav ul li:nth-child(3) img { width: calc(49.58px / 2.5); padding-top: 5px; }
.l_header_sp nav ul li small { margin-top: 3px; display: block; text-align: center; font-size: 1rem; color: #00338B;}
.l_header_sp .menu-btn { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); padding-top: 8px; line-height: 1; }
.l_header_sp .menu-btn_trigger { display: inline-block; transition: all .4s; box-sizing: border-box; position: relative; width: 21px;
height: 14px; }
.l_header_sp .menu-btn_trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0;
width: 100%; height: 2px; background-color: #fff; border-radius: 4px; }
.l_header_sp .menu-btn_trigger span:nth-of-type(1) { top: 0; }
.l_header_sp .menu-btn_trigger span:nth-of-type(2) { top: 6px; }
.l_header_sp .menu-btn_trigger span:nth-of-type(3) { bottom: 0; }
.l_header_sp .menu-btn_trigger.active span:nth-of-type(1) { transform: translateY(6px) rotate(-45deg); }
.l_header_sp .menu-btn_trigger.active span:nth-of-type(2) { opacity: 0; }
.l_header_sp .menu-btn_trigger.active span:nth-of-type(3) { transform: translateY(-6px) rotate(45deg); }
.l_header_sp .menu-btn small { margin-top: 8px; color: #fff; }
.l_header_sp.l_header_sp_app { padding-top: 0; }
.l_header_sp.l_header_sp_app nav { margin-top: 0; }
/* =================================
l_menu_sp
================================= */
.fixed { position: fixed; width: 100%; height: 100%; }
.l_menu_sp { right: -120vw; padding: 3.125% 3.125% 0; position: absolute; width: 100%; overflow-y: scroll;
transition-property: right; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-delay: 0s; }
.l_menu_sp .set_list { display: flex; }
.l_menu_sp .set_listL { margin-right: 8px; }
.l_menu_sp .set_list-outer { display: flex; }
.l_menu_sp .set_list li { width: 170px; position: relative; font-size: 1.6rem; font-weight: 700; }
.l_menu_sp .set_list li:not(:last-of-type) { margin-right: 8px; }
.l_menu_sp .set_list li figure { height: 77px; display: flex; justify-content: center; align-items: center; padding-top: 16px;}
.l_menu_sp .set_list a { display: block; width: 100%; height: 120px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px;
background: #fff; text-align: center; }
.l_menu_sp .set_list .num { position: absolute; top: 13px; left: 89px; background: #F12100; color: #fff;
font-size: 1.2rem; font-weight: 400; padding: 2px 11px; border-radius: 30px; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.15);}
.l_menu_sp .set_list .hint { position: absolute; top: -12px; left: 0; width: 170px; height: 24px;
border-radius: 30px; background: linear-gradient(-90deg, #FF4600, #F39821); box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); color: #fff; font-size: 1.2rem;
line-height: 24px; }
.l_menu_sp .set_list .hint span { position: absolute; bottom: -6px; left: calc(50% - 4px); background: url(../../common/images/arrow.png) no-repeat; width: 9px;
height: 6px; display: block; }
.l_menu_sp .page_ttl { background: #595959; color: #fff; font-size: 1.6rem; display: flex; align-items: center;}
.l_menu_sp .page_ttl-icon { width: calc(68/600*100vw); display: inline-block; margin-right: calc(27/600*100vw); }
.l_menu_sp .set { background: #EBF0F5; }
.l_menu_sp .set_inner { background: transparent; padding: 0 0 calc(40/600*100vw); margin-bottom: 0; }
.l_menu_sp .set_ttl { color: #353941; font-size: 1.8rem; font-size: 6vw; margin-bottom: calc(50/600*100vw); padding: calc(46/600*100vw) calc(130/600*100vw) 0 calc(130/600*100vw);}
.l_menu_sp .set_ttl small { font-size: 1.3rem; font-weight: 400; }
.l_menu_sp .set_notice { position: absolute; right: calc(-20/600*100vw); top: calc(18/600*100vw); }
.l_menu_sp .set_notice p { font-size: 1rem; }
.l_menu_sp .set_notice-outer { position: relative; }
.l_menu_sp .set_notice a { background: linear-gradient(-90deg, #00004A, #00338B); color: #fff; width: calc(130/600*100vw); height: calc(120/600*100vw); border-radius: 6px 0 0 6px;
position: relative; display: flex; justify-content: center; align-items: center; }
.l_menu_sp .set_notice a figure { width: calc(60/600*100vw); margin: 0 auto; }
.l_menu_sp .set_notice .num { position: absolute; top: calc(4/600*100vw); left: calc(72/600*100vw); background: #F12100; color: #fff;
border-radius: 50%; padding: 2px 0px; width: 20px; text-align: center; font-size: 1.1rem;}
.l_menu_sp .set_list { background: #fff; border-radius: 6px; box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); }
.l_menu_sp .set_list-outer { display: block; }
.l_menu_sp .set_listL { margin-right: 0; margin-bottom: calc(24/600*100vw); }
.l_menu_sp .set_list li { font-size: 1.2rem; }
.l_menu_sp .set_listL li { width: calc(100% / 3); font-size: 1.4rem; }
.l_menu_sp .set_listL li figure { height: calc(84/600*100vw); }
.l_menu_sp .set_listL li:nth-of-type(1) figure { width: calc(46/600*100vw); }
.l_menu_sp .set_listL li:nth-of-type(2) figure { width: calc(49/600*100vw); }
.l_menu_sp .set_listL li:nth-of-type(3) figure { width: calc(46/600*100vw); }
.l_menu_sp .set_listL a { height: calc(144/600*100vw); }
.l_menu_sp .set_listR li { width: calc(100% / 4); font-size: 1.1rem; }
.l_menu_sp .set_listR li figure { height: calc(70/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(1) figure { width: calc(48/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(2) figure { width: calc(44/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(3) figure { width: calc(38/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(4) figure { width: calc(40/600*100vw); }
.l_menu_sp .set_listR a { height: calc(124/600*100vw); }
.l_menu_sp .set_list li:not(:last-of-type) { margin-right: 0; }
.l_menu_sp .set_list li + li { border-left: 1px solid #E1E4E7; }
.l_menu_sp .set_list li figure { margin: 0 auto; padding-top: calc(10/600*100vw); }
.l_menu_sp .set_list a { box-shadow: inherit; border-radius: 0; background: transparent; }
.l_menu_sp .set_list .num { font-size: 1.1rem; padding: 1px 6px; top: calc(12/600*100vw); left: calc(116/600*100vw); }
.l_menu_sp .set_list .hint { top: calc(-24/600*100vw); /*left: calc(-14/600*100vw);*/ /*width: calc(180/600*100vw);*/ height: calc(34/600*100vw); line-height: calc(34/600*100vw); background: #F36421; font-size: 1rem;
z-index: 1; width: auto; padding-right: 4px; padding-left: 4px; white-space: nowrap;
transform: translate(-50%, 0%); left: 50%; }
.l_menu_sp .set_list .hint span { /*background: none;*/ left: calc(50% - 5px); /*border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent;*/ }
.l_menu_sp .match { padding: calc(40/600*100vw) 0 calc(24/600*100vw); }
.l_menu_sp .match_item { margin-bottom: calc(16/600*100vw); }
.l_menu_sp .match_item .num { position: absolute; top: 8px; left: 36px; background: #F12100; color: #fff;
font-size: 1.1rem; font-weight: 400; padding: 1px 6px; border-radius: 30px; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.15);}
.l_menu_sp .match_item a { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); border-radius: 10px; position: relative; overflow: hidden; display: flex;
align-items: center; padding: calc(32/600*100vw) calc(30/600*100vw); }
.l_menu_sp .match_item a:before { position: absolute; top: 0; left: -90px; content: ''; background: #FFF3E1;
width: 72px; height: 500px; z-index: -1; transform: skewX(-20deg); }
.l_menu_sp .match_item a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; transform: rotate(-135deg); }
.l_menu_sp .match_item:first-of-type figure { width: calc(44/600*100vw); }
.l_menu_sp .match_item:nth-of-type(2) figure { width: calc(42/600*100vw); }
.l_menu_sp .match_item figure { margin-right: calc(56/600*100vw); }
.l_menu_sp .match_item dt { font-size: 1.6rem; font-weight: 700; color: #F36421; }
.l_menu_sp .match_item dd { font-size: 1.2rem; color: #555555; }
.l_menu_sp.active { right: 0; }
.l_menu_sp_ttl { background-color: #FFF3E1; text-align: center; padding: 18px 3.125%; font-size: 1.8rem; font-weight: 700;}
.l_menu_sp_box { background-color: #fff; position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 3.125%;
box-shadow: 0px 4px 20px rgba(62, 15, 0, 0.3); }
.l_menu_sp_box .set_list-outer { padding: 15px 0; }
.l_menu_sp_box div.set_notice { top: 2px; right: 0; }
.l_menu_sp_box div.set_notice a { background: transparent; color: #F36421; }
.l_menu_sp_box div.set_notice a figure { width: calc(40/600*100vw); margin: 0 auto; }
.l_menu_sp_box div.set_notice .num { position: absolute; top: calc(4/600*100vw); left: calc(72/600*100vw); background: #F12100; color: #fff;
border-radius: 50%; padding: 2px 0px; width: 20px; text-align: center; font-size: 1.1rem;}
.l_menu_sp_box .set_list-outer .set_list { box-shadow: none; }
.l_menu_sp_box02 { background-color: #FFF3E1; }
.l_menu_sp_box02 .l_menu_sp_ttl { background-color: #fff; }
.l_menu_sp_box02 .set_list-outer { padding: 15px 10px; }
.l_menu_sp_box02 .set_list-outer ul.set_list { justify-content: space-between; background: transparent; }
.l_menu_sp_box02 .set_list-outer ul.set_list li { text-align: center; width: calc(100% / 3 - 5px); border: none; background-color: #fff; border-radius: 5px;
box-shadow: 0px 4px 12px rgba(62, 15, 0, 0.2); }
.l_menu_sp_box02 .set_list-outer ul.set_list li figure { height: 35px; }
.l_menu_sp_box02 .set_list-outer ul.set_list li a { height: 75px; color: #353941; }
.l_menu_sp_box02 .set_list-outer ul.set_list li a p { font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
.l_menu_sp_box02 .set_list-outer ul.set_list li a small { display: block; font-size: 1.1rem; font-weight: 400; }
.l_menu_sp_box02 .set_list-outer ul.set_list li:first-child figure { width: calc(26 / 600 * 100vw); }
.l_menu_sp_box02 .set_list-outer ul.set_list li:nth-child(2) figure { width: calc(39 / 600 * 100vw); }
.l_menu_sp_box02 .set_list-outer ul.set_list li:nth-child(3) figure { width: calc(31 / 600 * 100vw); }
.l_menu_sp_box .l_menu_sp-search-input_wrap { background-color: #fff; border-radius: 50px; display: flex; flex-direction: row-reverse; align-items: center;
padding: 10px 15px; margin-bottom: 15px; box-shadow: 0px 4px 12px rgba(62, 15, 0, 0.2); }
.l_menu_sp_box .l_menu_sp-search-input_wrap button { border: none; background-color: transparent; width: 40px; }
.l_menu_sp_box .l_menu_sp-search-input_wrap input { width: calc(100% - 40px); border: none; height: inherit; }
.l_menu_sp_box .l_menu_sp-search-input_wrap input::placeholder { color: #586075; }
.l_menu_sp .mach_item-wrap .match_item { margin-bottom: calc(16/600*100vw); }
.l_menu_sp .mach_item-wrap .match_item a { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); border-radius: 10px; position: relative; overflow: hidden; display: flex;
align-items: center; padding: calc(32/600*100vw) calc(30/600*100vw); background: #fff; }
.l_menu_sp .mach_item-wrap .match_item a:before { position: absolute; top: 0; left: -90px; content: ''; background: #FFF3E1;
width: 72px; height: 500px; z-index: 0; transform: skewX(-20deg); }
.l_menu_sp .mach_item-wrap .match_item a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; transform: rotate(-135deg); }
.l_menu_sp .mach_item-wrap .match_item:first-of-type figure { width: calc(44/600*100vw); }
.l_menu_sp .mach_item-wrap .match_item:nth-of-type(2) figure { width: calc(42/600*100vw); }
.l_menu_sp .mach_item-wrap .match_item figure { margin-right: calc(56/600*100vw); z-index: 1; }
.l_menu_sp .mach_item-wrap .match_item dt { font-size: 1.6rem; font-weight: 700; color: #F36421; }
.l_menu_sp .mach_item-wrap .match_item dd { font-size: 1.2rem; color: #555555; }
/* =================================
l_breadcrumbs
================================= */
/* =================================
l_main_visual
================================= */
/* =================================
l_content
================================= */
/* =================================
l_main
================================= */
/* =================================
l_side
================================= */
/* =================================
l_footer
================================= */
/* =================================
l_hoge
================================= */
/* ======================================================================
layout p_top
====================================================================== */
/* =================================
l_container_top
================================= */
.l_container_top { position: relative; }
/* =================================
l_header_top
================================= */
/* =================================
l_header_sp_top
================================= */
/* =================================
l_main_visual_top
================================= */
/* =================================
l_content_top
================================= */
/* =================================
l_main_top
================================= */
/* =================================
l_side_top
================================= */
/* =================================
l_footer_top
================================= */
/* =================================
l_hoge_top
================================= */
.relation { box-shadow: none; background: transparent; padding: 0; box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); }
.relation .l_content_size_pc_1 { padding: 0; }
.relation_ttl { font-size: 1.7rem; padding: calc(32/600*100vw) 0 calc(42/600*100vw); text-align: center; color: #353941; font-weight: 700;}
.relation_list-item { border-top: 1px solid #E8ECF1; }
.relation_list-item a { display: flex; justify-content: space-between; align-items: center; position: relative; padding: calc(20/600*100vw) calc(50/600*100vw) calc(20/600*100vw) calc(20/600*100vw);}
.relation_list-item a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; transform: rotate(-135deg); }
.relation_list-item figure { width: calc(210/600*100vw); }
.relation_list-item dl { width: calc(327/600*100vw); padding-left: calc(30/600*100vw); }
.relation_list-item dt { color: #00338B; font-size: 1.3rem; font-weight: 700; margin-bottom: calc(16/600*100vw); }
.relation_list-item dd { font-size: 1.2rem; }
.js_btn_p_top { display: none; }
/* ======================================================================
z-index
====================================================================== */
.l_loader { z-index: 1000; }
.l_menu_sp { z-index: 999; }
.l_header { z-index: 998; }
.l_header_sp { z-index: 998; }
.c_btn_p_top { z-index: 997; }
.l_side { z-index: 996; }
/* =================================
p_top
================================= */
.l_menu_sp_top { z-index: 999; }
.l_header_top { z-index: 998; }
.l_header_sp_top { z-index: 998; }
.c_btn_p_top_top { z-index: 997; }
.l_side_top { z-index: 996; }
.appli { display: flex; justify-content: space-between; align-items: center; padding: 10px 8px 10px 5px; background-color: #DCE4F4;}
.appli_close { position: relative; width: 15px; height: 15px; margin-right: 5px; background-color: #fff;
border-radius: 50%; }
.appli_close span:before { content: ''; position: absolute; height: 8px; width: 1px; background-color: #555;
transform: rotate(45deg); transform-origin: 0% 50%; top: calc(50% - 4.5px); left: 6.5px; }
.appli_close span:after { content: ''; position: absolute; height: 8px; width: 1px; background-color: #555;
transform: rotate(-45deg); transform-origin: 100% 50%; top: calc(50% - 4.5px); left: 6.5px; }
.appli_left { display: flex; align-items: center; }
.appli_icon { width: 40px; margin-right: 10px; }
.appli_text { font-size: 1.5rem; color: #002C94; font-weight: 700; }
.appli_text small { font-size: 1.1rem; font-weight: 400; }
.appli_right a { display: block; padding: 4px 7.5px; border-radius: 5px; font-size: 1.0rem; line-height: 1.2;
color: #fff; text-align: center; background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 10px 20px rgba(0, 0, 74, 0.15); }
.body-wrapper { overflow: hidden; }
.footer_banner { height: calc(100vw * 0.349 + 90px); padding: 30px 0;}
.footer_banner .l_content_size_pc_1 { display: flex; justify-content: space-between; }
.footer_banner .l_content_size_pc_1 > * { width: 48.5%; }
.l_footer { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); color: #353941; }
.l_footer .l_content_size_pc_1 { padding: 0; }
.l_footer .footer_banner .l_content_size_pc_1 { padding: 0 3.125%; }
.l_footer .footer_top { display: none; }
.l_footer .footer_links-ttl { margin-top: -1px; font-size: 1.7rem; text-align: center; padding: 15px 3.125%; font-weight: 600;
border-top: 1px solid #E1E4E7; border-bottom: 1px solid #E1E4E7; }
.l_footer .footer_links a { color: #353941; }
.l_footer .footer_links-area { width: 100%; }
.l_footer .footer_links-area th, .l_footer .footer_links-area td { font-size: 1.4rem; width: 100%; display: block; }
.l_footer .footer_links-area th { margin-top: -1px; padding: 12px 3.125%; font-weight: 600; border-top: 1px solid #E1E4E7; border-bottom: 1px solid #E1E4E7;
position: relative; text-align: left; }
.l_footer .footer_links-area th:after { position: absolute; top: calc(50% - 5px); right: 15px; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; transform: rotate(-45deg); }
.l_footer .footer_links-area th.active:after { top: calc(50% - 2px); transform: rotate(135deg); }
.l_footer .footer_links-area td { padding: 7.5px 0; background-color: #F4F5F6; }
.l_footer .footer_links-separator { display: flex; flex-wrap: wrap; }
.l_footer .footer_links-separator li { width: 50%; }
.l_footer .footer_links-separator li a { padding: 7.5px 7.5px 7.5px 2.2em; display: block; position: relative; }
.l_footer .footer_links-separator li a:after { position: absolute; top: calc(50% - 4px); left: 1em; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #1166CC; border-left: 1px solid #1166CC; transform: rotate(-135deg); }
.l_footer .footer_links .footer_links-area:first-of-type td { display: none; }
.l_footer .footer_links .footer_links-area:first-of-type td.active { display: block; }
.l_footer .footer_links .footer_links-area:last-of-type td, .l_footer .footer_links .footer_links-area:last-of-type tr, .l_footer .footer_links .footer_links-area:last-of-type tbody { padding: 0; display: flex; width: auto; flex-wrap: wrap; }
.l_footer .footer_links .footer_links-area:last-of-type tbody { background-color: #F4F5F6; padding: 7.5px 0; }
.l_footer .footer_links .footer_links-area:last-of-type .footer_links-separator { display: flex; width: auto; flex-wrap: wrap; }
.l_footer .footer_links .footer_links-area:last-of-type .footer_links-separator li { width: auto; }
.l_footer .footer_links-center, .l_footer .footer_links-right { display: none; }
.l_footer .footer_links-sp ul li { border-bottom: 1px solid #E1E4E7; }
.l_footer .footer_links-sp ul li a { display: block; color: #00338B; font-size: 1.2rem; padding: 16px 10px; position: relative;}
.l_footer .footer_links-sp .l_content_size_pc_1 { padding: 20px 3.125%; }
.l_footer .footer_links-sp .footer_links-outer { display: flex; background-color: #F4F5F6; }
.l_footer .footer_links-sp .footer_links-outer-item {text-align: center; }
.l_footer .footer_links-sp .footer_links-outer-item a { display: block; font-size: 1.1rem; color: #00338B; }
.l_footer .footer_links-top_back { height: 50px; position: relative; background-color: #586075; display: block; }
.l_footer .footer_links-top_back:after { position: absolute; top: calc(50% - 2px); left: calc(50% - 8.5px); content: ''; width: 10px;
height: 10px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(135deg); }
.l_footer .mission_ttl { display: flex; align-items: center; margin-bottom: 20px; }
.l_footer .mission_ttl figure { width: 300px; }
.l_footer .mission_catch { width: calc(100% - 132px); margin-left: 15px; }
.l_footer .mission_catch_part_color { color: rgb(234, 95, 1); display: inline;}
.l_footer .mission_catch span { display: inline; font-size: 1.1rem; font-weight: 700; }
.l_footer .mission_body { font-size: 1.2rem; line-height: 1.5; }
.l_footer .footer_utility { padding: 15px 3.125%; }
.l_footer .footer_utility .l_content_size_pc_1 { display: flex; align-items: center; justify-content: space-between; }
.l_footer .footer_utility .footer_logos-left { width: 82px; }
.l_footer .footer_utility .footer_logos-right { display: none; }
.l_footer .footer_copy p > span { display: block; }
.l_footer .footer_copy p > span .footer_copy-en { display: block; }
.ttl_header { display: block; margin-bottom: 15px; }
.ttl_icon { background-repeat: no-repeat; background-position: left center; font-size: 1.7rem; line-height: 1; color: #353941;
padding: 4px 0 4px 20px; font-weight: 600; width: 100% !important; }
.ttl_icon_nologin { background-repeat: no-repeat; background-position: left center; font-size: 1.7rem; line-height: 1; color: #353941;
padding: 4px 0 4px 20px; font-weight: 600; width: 100% !important; }
.ttl_view-more { display: none !important; }
.contents_list { display: flex; overflow-x: scroll; padding-bottom: 15px; margin-right: -3.125%; margin-left: -3.125%;}
.contents_item { min-width: 208px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; overflow: hidden; position: relative;
background-color: #fff; margin-left: 15px; }
.contents_item:last-child { margin-right: 15px; }
.contents_item button { position: absolute; top: 10px; right: 10px; z-index: 1; border: none;
background-color: transparent; cursor: pointer; }
.contents_item:hover { opacity: .8; }
.contents_item + .contents_item { margin-left: 15px; }
.contents_item-img { overflow: hidden; position: relative; }
.contents_item-img figcaption { position: absolute; top: 10px; right: 10px; }
.contents_item-meta { margin: 15px 15px 18px; }
.contents_item-meta dt { font-size: 1.5rem; font-weight: 700; color: #00338B; margin-bottom: 4px; }
.contents_item-meta dd { font-size: 1.2rem; }
.contents_item-info { background: #F4F5F6; padding: 10px 12px; font-size: 1.2rem; }
.contents_item-info li + li { margin-top: 4px; }
.contents_item-info img { margin-right: 7px; height: 16px; width: auto; }
.contents_item-info li:last-child img { height: 18px; }
.sp_view-more { text-align: right; display: block !important; }
.sp_view-more a { position: relative; font-size: 1.2rem; color: #00338B; display: inline-block; padding-right: 1em;
position: relative; }
.sp_view-more a:after { position: absolute; top: calc(50% - 2px); right: 2px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.search { background-color: #fff; padding: 10px 0 0; box-shadow: 0px 0px 30px rgba(40, 58, 93, 0.15); }
.search__ttl_sp { font-weight: 700; display: block; font-size: 21px; text-align: center; color: #353941;
margin-bottom: 15px; margin-top: 5px; }
.search__ttl-wrap { background-color: #EBF0F5; font-size: 1.3rem; text-align: center; padding: 4px 10px 6px; font-weight: 700;
margin: 0 5px 10px; width: auto; display: block; }
.search__ttl-num { color: #00338B; font-size: 1.7rem; }
.search__ttl-icon { color: #00338B; }
.search__tab ul { display: flex; align-items: center; justify-content: space-between; }
.search__tab ul li { border-radius: 5px 5px 0 0; padding: 10px 4px 8px; text-align: center; color: #fff; width: calc(50% - 4px);
background: linear-gradient(to right, #00338b 0%, #00004a 100%); font-size: calc(28 / 600 * 100vw); font-weight: 600; line-height: 1.2; }
.search__tab ul li small { display: block; font-size: calc(22 / 600 * 100vw); font-weight: 400; }
.search__tab ul li.active { background: #E0E9F3; color: #00004A; }
.search-box01 { background-color: #E0E9F3; margin: 0 0 0px; padding: 20px 0px; }
.search-box01__inner { display: block; justify-content: space-between; align-items: center; }
.search-box01__inner .modal-btn { background-color: #fff; display: block; width: 100%; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2); padding: 12px 10px;
border-radius: 5px; display: flex; align-items: center; font-size: 1.4rem; font-weight: 700;
margin-bottom: 8px; color: #353941; }
.search-box01__inner .modal-btn.modal02 { padding: 10.5px 10px; }
.search-box01__inner .modal-btn .u_sp { display: inline-block; }
.search-box01__inner .modal-btn img { margin-right: 14px; }
.search-box01__inner_x { display: none; }
.search-box01__inner .modal-btn-orange { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); width: 100%; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2); padding: 16px 10px; display: block;
border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
color: #fff; font-weight: 700; }
.search-box01__inner .modal-btn-orange__num { background-color: #FFFFB8; border-radius: 2px; font-size: 1.4rem; color: #F36421; padding: 2px 12px;
margin-left: 4px; }
.search-box01__inner .modal-btn-orange img { margin-right: 10px; }
.search-box02 { display: none; padding: 20px 0; background-color: #E0E9F3; }
.search-box02__history { background-color: #fff; position: relative; padding: 8px 10px 12px 10px; border-radius: 6px; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2);
margin-bottom: 5px; }
.search-box02__history:after { display:none; }
.search-box02__history_ttl { background-image: url(../images/icon_history.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #353941;
margin-right: 18px; padding: 4px 0 4px 28px; font-weight: 700; width: 60%; }
.search-box02__history_txt { font-size: 1.1rem; color: #353941; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-box02__save_ttl { color: #F36421; display: inline-block; font-size: 14px; font-weight: 700; margin-top: 5px; }
.search-box02__save_ttl:before { content: ""; }
.save-help-icon { background: url(../../search/images/icon_question_sp.png) no-repeat center center; border-radius: 50%; box-sizing: border-box; cursor: pointer; display: inline-block;
 font-size: 1.0rem; height: 16px; line-height: 1.0; padding: 3px 0; vertical-align: sub; width: 16px; }
.save-help-icon:hover + .save-help-text { display: block; }
.save-help-text { background-color: #333; border-radius: 3px; bottom: 57px; box-sizing: border-box; color: #fff; display: none; font-size: 11px; font-weight: normal; left: -19px;
 margin: 0 auto; padding: 7px 10px; position: absolute; width: 350px; z-index:20; }
.save-help-text::after { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 8px 6px 0 6px; bottom: -7px; content: ""; height: 0; left: -58px;
 margin: 0 auto; position: absolute; right: 0; width: 0; }
.search-box02__save_limit { color: #F36421; font: bold normal normal 10px/14px Hiragino Kaku Gothic Pro; letter-spacing: 0px; opacity: 1; vertical-align: top; }
.sp-modal-head { padding-top: 16px !important; }
.search-box02__right { margin-right: -3.125%; margin-left: -3.125%; overflow-x: scroll; }
.search-box02__tag { background-color: #FFFACB; border-radius: 6px; padding: 12px 15px; min-width: 500px; margin: 0 10px;}
.search-box02__tag_ttl { background-image: url(../images/icon_hash.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #353941;
padding: 4px 0 4px 20px; font-weight: 700; }
.search-box02__tag_wrap { display: flex; flex-wrap: wrap; margin-bottom: -4px; }
.search-box02__tag_item a { display: inline-block; background-color: #F36421; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.2); font-size: 1.2rem; border-radius: 3px;
padding: 4px 10px 5px; margin: 0 4px 4px 0; color: #fff; font-weight: 600; }
.search-input { display: none; }
#txtKWD_error { display: none; }
.search-input-sp { display: block; }
#txtKWD_error-sp { display: block; }
.search-input_wrap { background-color: #fff; border-radius: 50px; display: flex; align-items: center; padding: 12px 15px 12px 30px; margin-top: 15px; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2); }
.search-input_wrap button { border: none; background-color: transparent; width: 40px; }
.search-input_wrap input { width: calc(100% - 40px); font-size: 1.6rem; }
.search-input_wrap input::placeholder { color: #999999; }
.wide-btn a { color: #00338B; display: block; background-color: #fff; position: relative; padding: 10px 30px 10px 10px;
border-radius: 6px; box-shadow: 0px 4px 12px rgba(62, 15, 0, 0.2); font-size: 1.1rem; }
.wide-btn a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.wide-btn.wide-btn-blue a { box-shadow: 0px 10px 30px rgba(40, 58, 93, 0.15); }
.wide-btn.wide-btn-orange a { text-align: center; color: #F36421; font-size: 1.4rem; }
.wide-btn.wide-btn-orange a small { display: block; font-size: 1.2rem; color: #909CB5; }
.wide-btn.wide-btn-orange a:after { border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; }
.fixd-footer { background-color: rgba(235, 241, 248, 0.9); position: fixed; bottom: 0; left: 0; width: 100%;
padding: 16px 0; z-index: 1; }
.fixd-footer .index-contents-bottom-login__inner { display: flex; justify-content: space-between; align-items: center; }
.fixd-footer .index-contents-bottom-login__inner > a { width: calc(50% - 5px); margin: 0; font-weight: 700; font-size: 1.6rem; padding: 10px 8px;}
.regist-select { position: relative; padding-bottom: 64px; }
.regist-select-more { padding: 15px 0 5px; text-align: center; }
.regist-select-more-fixed { padding: 15px 0 5px; text-align: center; position: absolute; right: 0; bottom: 0;
left: 0; padding: 0; }
.regist-accordion { overflow-x: hidden; overflow-y: scroll; margin-right: -15px; padding-right: 15px; height: 465px;}
.regist-accordion .accordion_list dl { border-bottom: 1px solid #fff; position: relative; }
.regist-accordion .accordion_list dl.other { margin: 0 0 3%; }
.regist-accordion .accordion_list dl dt { background: #00338B; font-size: 2rem; font-weight: bold; color: #fff; padding: 1% 2%;
cursor: pointer; position: relative; }
.regist-accordion .accordion_list dl dt.trigger { padding: 2%; min-height: 26px; }
.regist-accordion .accordion_list dl dt.input { background: none; padding: 0; position: absolute; top: 14px; left: 2%;
z-index: 999; }
.regist-accordion .accordion_list dl dt .icon-arrow-square { position: absolute; top: 30%; right: 2%; }
.regist-accordion .accordion_list dl dt .icon-arrow-square::after { border-bottom: 2px solid #fff; border-top: 0; }
.regist-accordion .accordion_list dl dt.active .icon-arrow-square::after { border: none; border-left: 2px solid #fff; border-top: 2px solid #fff; }
.regist-accordion .accordion_list dl dd { border: 1px solid #ccc; border-top: none; padding: 0% 2%; }
.regist-accordion .accordion_list dl dd ul li { display: block; border-bottom: 1px solid #ccc; font-size: 1.8rem; padding: 2% 0; }
.regist-accordion .accordion_list dl dd ul li:last-child { border-bottom: none; }
.regist-accordion .accordion_list label { background: url("../../common/images/icon_check_off.png") no-repeat 0 center; cursor: pointer; padding: 0 0 0 30px; display: block; }
.regist-accordion .accordion_list input:checked + label { background: url("../../common/images/icon_check_on.png") no-repeat 0 center; }
#modal-overlay { display: none; position: fixed; top: 0; left: 0; z-index: 1000;
overflow-y: auto; width: 100%; height: 100%; background: rgba(144, 153, 152, 0.87); cursor: pointer;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal { display: none; position: fixed; top: 0; left: 50%; z-index: 1010;
overflow-y: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.modal.is-visible { display: block; }
.modal.is-visible .modal-container { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.modal-container { position: relative; margin: 3em auto 4em; min-width: 700px; background: #fff; cursor: auto;
-webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;
-o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px);
transform: translateY(-30px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal-container-infolist { padding-bottom: 10px; position: relative; margin: 3em auto 4em; max-height: 520px; width:100%; background: #fff; cursor: auto;
-webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;
-o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px);
transform: translateY(-30px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal-container.modal-container-lg { min-width: 820px; }
.infolist-header{padding: 35px 50px 0; border-top: 4px solid #00338B !important;}
.modal-header { padding: 35px 50px 0; border-top: 4px solid #ff6d00; }
.modal-header.modal-header-simplicity { padding: 20px 30px 0; }
.modal-title { margin: 0 0 20px; text-align: center; letter-spacing: 0.1em; font-size: 2.6rem; line-height: 1;}
.info-title { text-align: center!important; margin-bottom: 5px;}
.modal-container-infolist .info-title { text-align: center!important; margin-bottom: 11px;}
.info-title span { color: #231815; font-size: 16px; font-weight: bold; }
.modal-logo { margin-right: 14px; padding-bottom: 1px; width: 110px; vertical-align: bottom; }
.modal-logo-infolist { margin-right: 5px; padding-bottom: 1px; width: 73px; vertical-align: middle; }
.modal-body { padding: 0 50px 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modal-container-infolist .list { border-top: 0; border-radius: 0 0 5px 5px; box-sizing: border-box; max-height: 454px; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%; }
.modal-container-infolist .oshirase_backcolor { background-color: #D0DDEB; }
.modal-container-infolist li { margin: 0 5px 10px!important; position: relative; box-sizing: unset!important; }
.modal-container-infolist li * { box-sizing: unset!important; }
/*.modal-container-infolist li::after { content: ""; width: 8px; height: 8px; border-top: 4px solid #0f5a84; border-right: 4px solid #0f5a84; opacity: 0.3; position: absolute; top: 50%; right: 13px; margin-top: -4px; transform: rotate(45deg); }*/
.modal-container-infolist a { display: block; padding-bottom: 9px; color: #333; }
.modal-container-infolist .oshirase-panel { border-radius: 6px; width: 100%; }
.modal-container-infolist .category { float: left; display: flex; align-items: center; background-color: #0f5a84; font-size: 11px; line-height: 20px; color: #fff; margin: 0 0 10px; padding: 0; width: 210px; }
.modal-container-infolist .icon_space_only { margin-left: 0; }
.modal-container-infolist .category img { width: 15px; height: auto; margin-left: 5px; }
.modal-container-infolist .is-only .category img { width: 12px; height: auto; margin-left: 4px; margin-right: 4px; }
.modal-container-infolist .is-scout .category img { width: 18px; height: auto; margin-left: 4px; margin-right: 0; }
.modal-container-infolist .date { color: #999999; font-size: 11px; font-weight: inherit; float: right; margin: 5px 9px 0 0; }
.modal-container-infolist .main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.modal-container-infolist .img { overflow: hidden; width: 38px; height: 38px; border: 1px solid #ccc; border-radius: 100px; margin: 0px 0px 14px 12px; }
.modal-container-infolist .img span { width: 38px; height: 38px; box-sizing: content-box; background: #fff no-repeat center center / contain; display: inline-block; }
.modal-container-infolist .txt { flex: 1; font-size: 12px; margin: 0px 12px 0px 12px; }
.modal-container-infolist .txt span { overflow: hidden; position: relative; display: block; text-align: justify; text-justify: inter-ideograph; line-height: 1.5; max-height: none; }
.modal-container-infolist .txt span:first-child::before { content: "..."; position: absolute; right: 0; bottom: 0; background-color: #fff; width: 1em; height: 1.5em; letter-spacing: -0.05em; }
.modal-container-infolist .txt span:first-child::after { content: ""; position: absolute; right: 0; width: 1em; height: 1.5em; background-color: #fff; }
.modal-container-infolist .txt span strong { font-weight: normal; }
.modal-container-infolist .list .is-kouho .category { background-color: #FC3601; }
.modal-container-infolist .list .is-kouho strong { color: #FC3601; }
.modal-container-infolist .list .is-like .category { background-color: #909CB5; }
.modal-container-infolist .list .is-like strong { color: #909CB5; }
.modal-container-infolist .list .is-only .category { background-color: #FF6B01; }
.modal-container-infolist .list .is-only strong { color: #FF6B01; }
.modal-container-infolist .list .is-welcome .category { background-color: #71C414; }
.modal-container-infolist .list .is-welcome strong { color: #71C414; }
.modal-container-infolist .list .is-scout .category { background-image: url(/new/student/common/images/headhunting_backcolor.png); background-repeat: no-repeat; background-size: cover; background-color: rgba(0,0,0,0); }
.modal-container-infolist .list .is-scout strong { color: #E8007C; }
.modal-container-infolist .list .is-profile .category { background-color: #0F5A84; }
.modal-container-infolist .list .is-profile strong { color: #0F5A84; }
.modal-container-infolist .is-new { background-color: #fcfade !important; }
.modal-container-infolist .is-new .txt span:first-child::before { background-color: #fcfade !important; }
.modal-container-infolist .is-new .txt span:first-child::after { background-color: #fcfade !important; }
.modal-body.modal-body-simplicity { padding: 0 30px 30px; }
#modal-select04 { top: 10%; }
#modal-select04 .modal-body-simplicity { height: 330px; overflow-y: auto; }
.infolist-close{background: url("../../common/images/icon_close_navy_oshirase.png") center no-repeat !important; margin: 10px!important}
.infolist-style{  background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00004a26; border-radius: 6px; opacity: 1;}
.modal-close { position: absolute; top: 20px; right: 16px; overflow: hidden; width: 20px;
height: 20px; background: url("../../common/images/icon_close.png") center no-repeat; text-indent: 100%; white-space: nowrap; cursor: pointer;}
.modal-close:active { opacity: 0.66; }
.modal-scroll { height: 400px !important; overflow: auto; -webkit-overflow-scrolling: touch !important; }
.SpdNewsClass .button-primary { border: 3px solid #ff6d00; background-color: #ff6d00; box-shadow: 1px 3px 0 #6e6f6f; color: #fff; }
.SpdNewsClass .button-primary:link, .button-primary:visited{ color: #fff; }
.SpdNewsClass .button-primary:active, .button-primary:active { top: 3px; border: 3px solid #ff6d00; box-shadow: none; color: #fff; text-decoration: none;}
.SpdNewsClass .button-primary::after { position: absolute; top: 50%; right: 9px; z-index: 10; margin-top: -4px;
width: 5px; height: 5px; border: 0; border-top: 3px solid #fff; border-right: 3px solid #fff;
content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.l-responsive .regist-accordion .accordion_list dl dt { padding: 5px; font-size: 1.5rem; }
.l-responsive .regist-accordion .accordion_list dl dt.trigger { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 60px; margin-top: -60px; }
.l-responsive .regist-accordion .accordion_list dl dt.input { position: relative; top: auto; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box;
min-height: 60px; z-index: 10; padding-left: 5px; }
.l-responsive .regist-accordion .accordion_list dl dt label { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-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-sizing: border-box; box-sizing: border-box;
max-width: 70vw; height: 50px; vertical-align: middle; }
.l-responsive .regist-accordion .accordion_list dl dt .icon-arrow-square { position: absolute; top: 33%; right: 2%; }
.l-responsive .regist-accordion .accordion_list dl dt .icon-arrow-square::after { border-top: 0; border-bottom: 2px solid #fff; }
.l-responsive .regist-accordion .accordion_list dl dd ul li { padding: 3% 0; font-size: 1.5rem; }
.l-responsive .modal { top: 0; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 100%; height: 100%;}
.l-responsive .modal-container { min-width: 0 !important; width: 93.75%; }
.l-responsive .modal-header { padding: 24px 12px 0; border-top: 2px solid #ff6d00; }
.l-responsive .modal-title { font-weight: 700; color: #333; margin: 0 0 10px; font-size: 1.6rem; }
.l-responsive .modal-logo { margin-right: 6px; width: 63px; }
.l-responsive .modal-body { padding: 0 9px 12px; }
.l-responsive .modal-close { position: absolute; top: 12px; right: 10px; width: 20px; height: 20px;
background: none; }
.l-responsive .modal-close .infolist-close { position: absolute; top: 12px; right: 10px; width: 20px; height: 20px;
background: none!important; }
.l-responsive .modal-close::before, .l-responsive .modal-close::after { display: block; position: absolute; top: 45%; left: 50%; width: 20px;
height: 2px; background: #ff6d00; content: ""; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; }
/*.l-responsive .modal-close::before, .l-responsive .modal-close.infolist-close::after { background: none; }*/
.l-responsive .modal-close::after { -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 50%; -ms-transform-origin: 50%;
transform-origin: 50%; }
.l-responsive .button { display: block; /*        padding-top: 20px; padding-bottom: 20px;*/ border-radius: 4px; -webkit-box-shadow: 1px 2px 0 #6e6f6f; box-shadow: 1px 2px 0 #6e6f6f;
font-size: 1.6rem; }
.l-responsive .button:active, .l-responsive .button:active { -webkit-box-shadow: none; box-shadow: none; }
.l-responsive .button::after { margin-top: -5px; width: 6px; height: 6px; content: ""; }
.l-responsive { /* sns account */}
.l-responsive .button-tertiary { padding-top: 9px; padding-bottom: 9px; }
.l-responsive .button-applications { width: 51px; height: 44px; border-radius: 4px; background: url("/new/student/common/images/btn_applied_list.png") center no-repeat; background-color: #00338B;
background-size: 40px auto; }
.l-responsive .button-favorites-list { width: 68px; height: 44px; border-radius: 4px; background: url("/new/student/common/images/btn_favorited_list.png") center no-repeat; background-color: #6cb450;
background-size: 60px auto; }
.l-responsive .button-icon { padding: 36px 2px 4px; border-width: 2px; font-size: 1.2rem; }
.l-responsive .button-primary-entry { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0; width: 55px;
height: 44px; border: none; border-radius: 4px; background: url("/new/student/common/images/btn_entry_sp.png") center/44px auto no-repeat; background-color: #00338B;
-webkit-box-shadow: none; box-shadow: none; text-indent: 100%; white-space: nowrap; padding: 0;}
.l-responsive .button-primary-entry::after { display: none; }
.l-responsive .button-primary-entry:active, .l-responsive .button-primary-entry:active { top: 0; }
.icon-arrow, .icon-arrow-inverse, .icon-arrow-alert, .icon-arrow-square, .icon-arrow-square-before { position: relative; padding-left: 9px; height: 14px; }
.icon-arrow::after, .icon-arrow-inverse::after, .icon-arrow-alert::after, .icon-arrow-square::after, .icon-arrow-square-before::after { display: block; position: absolute; top: 50%; right: 0; margin-top: -2px;
width: 6px; height: 6px; border: 0; border-top: 1px solid #00338B; border-right: 1px solid #00338B;
content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.icon-arrow-square, .icon-arrow-square-before { position: relative; margin-left: 6px; padding-left: 0; width: 13px; height: 13px;}
.icon-arrow-square::before, .icon-arrow-square-before::before { position: absolute; top: 1px; left: 0; width: 13px; height: 13px;
background-color: #00338B; content: ""; }
.icon-arrow-square::after, .icon-arrow-square-before::after { left: -1px; z-index: 2; margin-top: 1px; width: 4px; height: 4px;
border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg) translateY(-78%); -ms-transform: rotate(45deg) translateY(-78%); transform: rotate(45deg) translateY(-78%);}
/* secondary */
.button { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 14px;
border: 3px solid #a2c7e5; background-color: #fff; -webkit-box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.5); box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.5); text-align: center;
text-decoration: none; font-weight: bold; font-size: 1.8rem; }
.button:link, .button:visited { color: #00338B; }
.button:active { top: 2px; border: 3px solid #bbc1c0; -webkit-box-shadow: none; box-shadow: none; color: #00338B;
text-decoration: none; }
.button::after { position: absolute; top: 50%; right: 9px; margin-top: -4px; width: 5px;
height: 5px; border: 0; border-top: 3px solid #00338B; border-right: 3px solid #00338B; content: "";
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.button:visited { color: #00338B; }
.button:visited { color: #00338B; }
.button-secondary { border: 3px solid #ff6d00; -webkit-box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.47); box-shadow: 1px 2px 0 rgba(110, 111, 111, 0.47); color: #ff6d00; }
.button-secondary:link, .button-secondary:visited { color: #ff6d00; }
.button-secondary:active, .button-secondary:active { color: #ff6d00; text-decoration: none; }
.button-secondary::after { border-top: 3px solid #ff6d00; border-right: 3px solid #ff6d00; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.l-responsive .button { display: block; /*        padding-top: 20px; padding-bottom: 20px;*/ border-radius: 4px; -webkit-box-shadow: 1px 2px 0 #6e6f6f; box-shadow: 1px 2px 0 #6e6f6f;
font-size: 1.6rem; }
.l-responsive .button:active, .l-responsive .button:active { -webkit-box-shadow: none; box-shadow: none; }
.l-responsive .button::after { margin-top: -5px; width: 6px; height: 6px; content: ""; }
.l-responsive .regist-accordion .accordion_list dl dt.input input[type="checkbox"] { display: none; }
.l-responsive .regist-accordion .category dl dt.trigger { box-sizing: border-box; min-height: 60px; margin-top: 0px; }
dt.trigger { padding-left: 38px !important; }
.logined .index-mv, .logined .l_menu_sp .l_menu_sp_no_login_btn, /*.logined .l_menu_sp .relation,*/
.logined .fixd-footer, .logined .index-main .index-main-history, .l_login .index-mv, .l_login .l_menu_sp .l_menu_sp_no_login_btn, .l_login .l_menu_sp .relation, .l_login .fixd-footer, .l_login .index-main .index-main-history { display: none !important; }
.no_login { padding-bottom: 80px; }
.no_login .l_menu_sp { background: #fff; padding: 0; }
.no_login .l_menu_sp .relation { padding-bottom: 90px; }
.no_login .l_menu_sp .l_menu_sp_box01, .no_login .l_menu_sp .mach_item-wrap { display: none; }
.no_login .l_menu_sp .l_menu_sp_no_login_btn { padding: 15px 10px 20px; background-color: #EFF5F9; }
.no_login .l_menu_sp .l_menu_sp_no_login_btn .index-contents-bottom-login__inner { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.no_login .l_menu_sp .l_menu_sp_no_login_btn .index-contents-bottom-login__inner > a { width: calc(50% - 5px); margin: 0; font-weight: 700; font-size: 1.6rem; padding: 16px 8px;}
.no_login .l_menu_sp .l_menu_sp_no_login_btn .wide-btn-orange a { box-shadow: 0px 5px 10px rgba(0, 0, 74, 0.15); }
.no_login .l_menu_sp .l_menu_sp_box02 { border-radius: 0; background-color: #fff; padding: 0 10px 0; box-shadow: none; }
.no_login .l_menu_sp .l_menu_sp_box02 .l_menu_sp_ttl { color: #353941; }
.no_login .l_menu_sp .l_menu_sp_box02 .set_list-outer { background-color: #E0E9F3; border-radius: 5px; }
.no_login .l_menu_sp .l_menu_sp_box02 .set_list-outer .l_menu_sp-search-input_wrap { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.3); }
.no_login .l_menu_sp .l_menu_sp_box02 .set_list-outer ul.set_list li { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.3); }
.no_login .l_menu_sp .relation { box-shadow: none; }
.no_login .l_menu_sp .relation .relation_ttl { font-size: 1.8rem; color: #353941; }
.modal-double .modal-header { padding-top: 40px; }
.modal-double-wrapper { height: 465px; overflow-y: scroll; overflow-x: hidden; }
.modal-double .regist-accordion { height: auto; overflow: hidden; }
.modal-double .regist-accordion + .modal-title { margin-top: 20px; }
.l_footer{ padding-bottom: 70px; }
}
@media only screen and (max-width: 359px) {
    #modal-select04 .modal-body-simplicity { height: 215px; overflow-y: auto; }
    #modal-select04 .modal-title { font-size:1.5rem; }
    .save-help-text { font-size: 10px;left: 10px;width: 295px; }
}