@charset "UTF-8";
/* Common
================================================ */
html { scroll-behavior: smooth; scroll-padding-top: 100px; }

#container { font-family: 'Noto Sans JP', sans-serif; font-size: 0.94rem; }
#container a:link, #container a:visited { text-decoration: none; }

@media screen and (max-width: 980px) { #container { font-size: 0.88rem; } }
@media screen and (max-width: 804px) { #container { font-size: 0.81rem; } }
#main h1 { font-family: inherit; }

/* Layout
================================================ */
.inset__bg-grey { background-color: #EBEBEB; }
.inset__wrap80 { max-width: 80%; margin-left: 20%; }
.inset__fx__sb-wp { display: flex; justify-content: space-between; flex-wrap: wrap; }
.inset__fx__sb-nwp { display: flex; justify-content: space-between; }
.inset__fx__center-wp { display: flex; justify-content: center; flex-wrap: nowrap; gap: 4em; }
.inset__fx__fs-aic { display: flex; justify-content: flex-start; align-items: center; }

.mt-none { margin-top: 0 !important; }

.mt-15 { margin-top: 15px; }

.mt-60 { margin-top: 60px; }

.mt-100 { margin-top: 100px; }

.mt-sec { margin-top: 5.33em; }

.mb-40 { margin-bottom: 40px; }

.mb-80 { margin-bottom: 80px; }

.pt-100 { padding-top: 100px; }

.pb-none { padding-bottom: 0 !important; }

.fs-18 { font-size: 1.2em; }

.fw-midle { font-weight: 500; }

.fw-semibold { font-weight: 600; }

.fc-or { color: #DE5A24; }

.fc-bl { color: #335A81; }

.bgc-or { background-color: #DE5A24; }

.bgc-bl { background-color: #335A81; }

.ta-c { text-align: center; }

@media screen and (max-width: 804px) { #mainBox { margin-bottom: 10px; }
  .inset__wrap80 { max-width: inherit; margin-left: inherit; } }
@media screen and (max-width: 530px) { .pt-100 { padding-top: 70px; } }
/* Contents
================================================ */
/* ======== career / fresh ======== */
.career #mainBox, .fresh #mainBox { padding-right: 0; padding-left: 0; background-color: inherit; }
.career #mainBox #lNavi, .fresh #mainBox #lNavi { padding-top: 80px; }
.career #main, .fresh #main { margin-bottom: 80px; }
.career #main h1, .fresh #main h1 { font-size: 2.66em; }
.career #main h1 span.type-e, .fresh #main h1 span.type-e { margin-bottom: 25px; font-size: 0.6em; color: #6F8BA6; }
.career #main h1 span.type-j, .fresh #main h1 span.type-j { display: inline-block; font-size: 0.6em; color: #777; }
.career #main h1 span.type-j::after, .fresh #main h1 span.type-j::after { content: "・"; color: #335A81; font-size: 30px; font-weight: 700; }
.career #contents table th, .career #contents table td, .fresh #contents table th, .fresh #contents table td { font-size: inherit; line-height: inherit; padding: 0; }

@media screen and (max-width: 640px) { .career #mainBox #lNavi, .fresh #mainBox #lNavi { padding-top: 60px; }
  .career #main, .fresh #main { margin-bottom: 60px; }
  .career #main h1, .fresh #main h1 { font-size: 2.46em; } }
#contents { float: inherit; width: 100%; }
#contents .c-headline__wrap { position: relative; }
#contents .c-headline__slider { width: 100vw; margin: 0 auto 90px auto; }
#contents .c-headline__slider img { max-width: 100%; }
#contents .c-headline__slider .slick-slide { height: auto !important; margin-right: 40px; }
#contents .c-headline__slider .slick-slide:nth-child(odd) { margin-top: 40px; }
#contents .c-headline__eyecatch-or { position: absolute; top: 33%; left: 15%; z-index: 2; }
#contents .c-headline__eyecatch-or div { padding-left: 32px; padding-right: 32px; color: #FFF; font-weight: 700; line-height: 1.4em; }
#contents .c-headline__eyecatch-or div.line1 { margin-bottom: 10px; padding-top: 12px; padding-bottom: 18px; font-size: 2.4em; position: relative; overflow: hidden; }
#contents .c-headline__eyecatch-or div.line1::after { position: absolute; content: ""; top: 0; left: 0; background-color: rgba(222, 90, 36, 0.9); width: 100%; height: 100%; transform: translateX(-100.5%); animation: 0.5s background_slide forwards; animation-delay: 0.5s; z-index: -1; }
#contents .c-headline__eyecatch-or div.line2 { padding-top: 16px; font-size: 3.87em; }
#contents .c-headline__eyecatch-or div.line3 { padding-bottom: 22px; font-size: 3.87em; }
#contents .c-headline__eyecatch-or div.line2, #contents .c-headline__eyecatch-or div.line3 { position: relative; overflow: hidden; }
#contents .c-headline__eyecatch-or div.line2::after, #contents .c-headline__eyecatch-or div.line3::after { position: absolute; content: ""; top: 0; left: 0; background-color: rgba(222, 90, 36, 0.9); width: 100%; height: 100%; transform: translateX(-100.5%); animation: 0.5s background_slide forwards; animation-delay: 3.8s; z-index: -1; }
#contents .c-headline__eyecatch-bl { position: absolute; top: 33%; left: 15%; z-index: 2; }
#contents .c-headline__eyecatch-bl div { padding-left: 32px; padding-right: 32px; color: #FFF; font-weight: 700; line-height: 1.4em; }
#contents .c-headline__eyecatch-bl div.line1 { margin-bottom: 10px; padding-top: 12px; padding-bottom: 18px; font-size: 2.4em; position: relative; overflow: hidden; }
#contents .c-headline__eyecatch-bl div.line1::after { position: absolute; content: ""; top: 0; left: 0; background-color: rgba(0, 160, 222, 0.9); width: 100%; height: 100%; transform: translateX(-100.5%); animation: 0.5s background_slide forwards; animation-delay: 0.5s; z-index: -1; }
#contents .c-headline__eyecatch-bl div.line2 { padding-top: 16px; font-size: 3.87em; }
#contents .c-headline__eyecatch-bl div.line3 { padding-bottom: 22px; font-size: 3.87em; }
#contents .c-headline__eyecatch-bl div.line2, #contents .c-headline__eyecatch-bl div.line3 { position: relative; overflow: hidden; }
#contents .c-headline__eyecatch-bl div.line2::after, #contents .c-headline__eyecatch-bl div.line3::after { position: absolute; content: ""; top: 0; left: 0; background-color: rgba(0, 160, 222, 0.9); width: 100%; height: 100%; transform: translateX(-100.5%); animation: 0.5s background_slide forwards; animation-delay: 3.8s; z-index: -1; }
#contents .c-headline__fix { width: 100%; height: 25.3em; }
#contents .c-headline__fix img { width: 100%; height: 100%; object-fit: cover; }
#contents .sec__inner { max-width: 1200px; margin: 0 auto; }
#contents section { width: 100%; padding-bottom: 120px; }
#contents section.c-lead { text-align: center; }
#contents section.c-lead h2 { margin-bottom: 35px; font-size: 2.4em; }
#contents section.c-lead h4 { font-size: 1.46em; font-weight: 500; line-height: 1.5em; margin-bottom: 1em; }
#contents section.c-lead h4 span { border-bottom: 1px solid #EEAC91; }
#contents section h3 { margin-bottom: 30px !important; padding-top: 25px; font-size: 1.86em !important; border-top: 2px solid #FFF; position: relative; }
#contents section h3.orangeline::before { content: ""; top: -2px; left: 0; width: 4em; border-bottom: 2px solid #DE5A24; position: absolute; }
#contents section h3.greyline { border-top: 2px solid #EBEBEB; }
#contents section h3.bleuline::before { content: ""; top: -2px; left: 0; width: 4em; border-bottom: 2px solid #00A0DE; position: absolute; }
#contents section .c-recruiting__list li { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; margin-bottom: 10px; padding: 30px 32px; font-size: 1.2em; background-color: #FFF; border-radius: 4px; box-sizing: border-box; }
#contents section .c-recruiting__list li .number { width: 2em; margin-right: 8px; font-weight: 900; color: #DE5A24; }
#contents section .c-recruiting__list li .office { margin-right: 16px; padding: 2px 1em; font-size: 0.89em; word-break: keep-all; color: #FFF; background-color: #222; }
#contents section .c-recruiting__list li .job { width: 70%; margin-right: 16px; font-weight: 500; }
#contents section .c-recruiting__list li .btn a { display: inline-block; width: 136px; padding-top: 3px; padding-bottom: 4px; font-size: 0.89em; line-height: 1.5em; word-break: keep-all; color: #FFF; text-align: center; background-color: #335A81; border-radius: 15px; }
#contents section .c-recruiting__list li .btn a::after { content: url("../../common/img/icon_arrow_w24.svg"); padding-left: 8px; }
#contents section .c-recruiting__list li:last-child { margin-bottom: 0; }
#contents section .c-recruiting__ditail { padding: 60px 40px 70px; background-color: #FFF; border-radius: 16px; }
#contents section .c-recruiting__ditail__ttl { display: flex; flex-wrap: nowrap; align-items: center; }
#contents section .c-recruiting__ditail__wrap { width: 100%; margin-top: 50px; }
#contents section .c-recruiting__ditail h4 { font-size: 1.6em; font-weight: 500; }
#contents section .c-recruiting__ditail h4 .number { margin-right: 0.5em; font-weight: 900; color: #DE5A24; }
#contents section .c-recruiting__ditail h4 .office { margin-right: 0.5em; padding: 1px 0.5em 4px; word-break: keep-all; color: #FFF; background-color: #222; }
#contents section .c-recruiting__ditail table { width: 100%; }
#contents section .c-recruiting__ditail table th, #contents section .c-recruiting__ditail table td { padding: 1em; }
#contents section .c-recruiting__ditail table td { width: 80%; }

@media screen and (max-width: 1280px) { #contents .sec__inner { max-width: inherit; padding-right: 40px; padding-left: 40px; }
  #contents .c-headline__fix { height: 21.28em; }
  #contents .c-headline__slider { width: 1280px; }
  #contents .c-headline__eyecatch-or { left: 10%; }
  #contents .c-headline__eyecatch-or div.line1 { padding-top: 10px; padding-bottom: 14px; font-size: 1.87em; }
  #contents .c-headline__eyecatch-or div.line2 { padding-top: 12px; font-size: 3em; }
  #contents .c-headline__eyecatch-or div.line3 { padding-bottom: 16px; font-size: 3em; }
  #contents .c-headline__eyecatch-bl { left: 10%; }
  #contents .c-headline__eyecatch-bl div.line1 { padding-top: 10px; padding-bottom: 14px; font-size: 1.87em; }
  #contents .c-headline__eyecatch-bl div.line2 { padding-top: 12px; font-size: 3em; }
  #contents .c-headline__eyecatch-bl div.line3 { padding-bottom: 16px; font-size: 3em; } }
@media screen and (max-width: 804px) { #contents .sec__inner { padding-right: 20px; padding-left: 20px; }
  #contents .c-headline__fix { height: 15.44em; }
  #contents .c-headline__eyecatch-or { left: 6%; }
  #contents .c-headline__eyecatch-or div { padding-right: 20px; padding-left: 20px; }
  #contents .c-headline__eyecatch-or div.line1 { padding-top: 8px; padding-bottom: 12px; }
  #contents .c-headline__eyecatch-or div.line2 { padding-top: 10px; }
  #contents .c-headline__eyecatch-or div.line3 { padding-bottom: 14px; }
  #contents .c-headline__eyecatch-bl { left: 6%; }
  #contents .c-headline__eyecatch-bl div { padding-right: 20px; padding-left: 20px; }
  #contents .c-headline__eyecatch-bl div.line1 { padding-top: 8px; padding-bottom: 12px; }
  #contents .c-headline__eyecatch-bl div.line2 { padding-top: 10px; }
  #contents .c-headline__eyecatch-bl div.line3 { padding-bottom: 14px; }
  #contents section h3 { margin-bottom: 40px !important; padding-top: 15px; font-size: 1.69em !important; }
  #contents section .c-recruiting__list li { padding: 20px 24px; }
  #contents section .c-recruiting__list li .btn a { width: 120px; }
  #contents section .c-recruiting__ditail { padding: 35px 24px 40px; }
  #contents section .c-recruiting__ditail h4 { font-size: 1.38em; }
  #contents section .c-recruiting__ditail__wrap { margin-top: 35px; } }
@media screen and (max-width: 640px) { #contents .c-headline__slider { width: 960px; margin-bottom: 80px; }
  #contents .c-headline__slider .slick-slide:nth-child(odd) { margin-top: 0; }
  #contents .c-headline__eyecatch-or { left: 2%; }
  #contents .c-headline__eyecatch-or div.line1 { font-size: 1.54em; }
  #contents .c-headline__eyecatch-or div.line2, #contents .c-headline__eyecatch-or div.line3 { font-size: 2.46em; }
  #contents .c-headline__eyecatch-bl { left: 2%; }
  #contents .c-headline__eyecatch-bl div.line1 { font-size: 1.54em; }
  #contents .c-headline__eyecatch-bl div.line2, #contents .c-headline__eyecatch-bl div.line3 { font-size: 2.46em; }
  #contents section { padding-bottom: 100px; }
  #contents section h3 { font-size: 1.54em !important; }
  #contents section.c-lead h2 { margin-bottom: 20px; font-size: 2em; }
  #contents section.c-lead h4 { font-size: 1.23em; line-height: 1.75em; }
  #contents section .c-recruiting__ditail h4 { font-size: 1.23em; } }
@media screen and (max-width: 530px) { #contents .c-headline__fix { height: 9.26em; }
  #contents .c-headline__slider { margin-bottom: 60px; }
  #contents .c-headline__eyecatch-or div { padding-right: 12px; padding-left: 12px; }
  #contents .c-headline__eyecatch-or div.line1 { padding-bottom: 10px; font-size: 1.23em; }
  #contents .c-headline__eyecatch-or div.line2 { font-size: 2em; }
  #contents .c-headline__eyecatch-or div.line3 { padding-bottom: 12px; font-size: 2em; }
  #contents .c-headline__eyecatch-bl div { padding-right: 12px; padding-left: 12px; }
  #contents .c-headline__eyecatch-bl div.line1 { padding-bottom: 10px; font-size: 1.23em; }
  #contents .c-headline__eyecatch-bl div.line2 { font-size: 2em; }
  #contents .c-headline__eyecatch-bl div.line3 { padding-bottom: 12px; font-size: 2em; }
  #contents section { padding-bottom: 80px; }
  #contents section.c-lead h2 { font-size: 1.85em; }
  #contents section .c-recruiting__list li { flex-wrap: wrap; }
  #contents section .c-recruiting__list li .job { width: 100%; margin: 10px 0 20px 0; }
  #contents section .c-recruiting__ditail table td { width: 72%; } }
.btn__wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 1.25em 1.25em 1.25em 3em; background-color: #ECF0F5; box-sizing: border-box; border-radius: 60px; }
.btn__ttl { width: 20%; font-size: 1.33em; font-weight: 600; }
.btn__ttl br { display: none; }
.btn__parts { width: 38%; }
.btn__entry-f { display: inline-block; width: 100%; padding: 1.25em 1.75em; font-size: 1.33em; font-weight: 500; color: #FFF !important; background-color: #315996; box-sizing: border-box; border-radius: 40px; transition: 0.6s; }
.btn__entry-f span { font-size: 0.6em; color: #00A0DE; position: relative; right: 2.5em; }
.btn__entry-f span::after { content: url("../../img/recruit/icon_arrow-blue.svg"); vertical-align: middle; padding-left: 0.75em; position: absolute; transition: 0.4s; }
.btn__entry-f:hover { background-color: #222; }
.btn__entry-f:hover span::after { content: url("../../img/recruit/icon_arrow-black_hover.svg"); transform: translateX(6px); }
.btn__entry-c { display: inline-block; width: 100%; padding: 1.25em 1.75em; font-size: 1.33em; font-weight: 500; color: #FFF !important; background-color: #DE5A24; box-sizing: border-box; border-radius: 40px; transition: 0.6s; }
.btn__entry-c span { font-size: 0.6em; color: #F5C502; position: relative; right: 2.5em; }
.btn__entry-c span::after { content: url("../../img/recruit/icon_arrow-orange.svg"); vertical-align: middle; padding-left: 0.75em; position: absolute; transition: 0.4s; }
.btn__entry-c:hover { background-color: #222; }
.btn__entry-c:hover span::after { content: url("../../img/recruit/icon_arrow-black_hover.svg"); transform: translateX(6px); }

@media screen and (max-width: 1080px) { .btn__wrap { padding-left: 2em; }
  .btn__ttl { width: 16%; line-height: 1.25em; }
  .btn__ttl br { display: inherit; }
  .btn__parts { width: 40%; }
  .btn__entry-f { padding-left: 1.25em; }
  .btn__entry-c { padding-left: 1.25em; } }
@media screen and (max-width: 880px) { .btn__wrap { padding: 2.25em; border-radius: 30px; }
  .btn__ttl { width: 100%; padding-bottom: 1.5em; text-align: center; }
  .btn__ttl br { display: none; }
  .btn__parts { width: 48%; }
  .btn__entry-f span::after, .btn__entry-c span::after { top: -3px; } }
@media screen and (max-width: 640px) { .btn__wrap { padding: 2.25em 1.5em; }
  .btn__parts { width: 100%; }
  .btn__entry-f { border-radius: 34px; }
  .btn__entry-c { margin-top: 1em; border-radius: 34px; } }
/* ======== data ======== */
.data #mainBox { padding-top: 90px; padding-right: 0; padding-left: 0; }
.data #mainBox #lNavi { padding-top: 80px; }
.data #main { max-width: 1200px; margin: 0 auto 5em auto; }
.data #main h2 { font-family: inherit; line-height: 1.5em; }
.data #main h2 span { display: inherit; line-height: inherit; padding-top: 0; }
.data #main .ttl__main { display: flex; align-items: center; font-size: 4.67em; font-weight: 500; }
.data #main .ttl__cate { font-size: 0.457em; font-weight: 700; }
.data #main .ttl__cate::after { content: '\e5e1'; font-family: 'Material Icons'; padding-left: 0.75em; padding-right: 0.75em; font-size: 1.125em; font-weight: 400; color: #00A0DE; position: relative; bottom: -3px; }
.data #main .ttl__small { padding-top: 0.35em; font-size: 0.372em; line-height: 1.25em; font-weight: 700; }
.data #main .ttl__e { margin-bottom: 1.5em; font-size: 1.33em; color: #00A0DE; font-weight: 700; }
.data #main .ttl__lead { margin-top: 2.25em; font-size: 1.33em; }
.data #main .ttl__lead br { display: none; }
.data #main .title-main { display: flex; font-size: 2.13em; font-weight: 700; }
.data #main .title-e { font-size: 1.33em; color: #00A0DE; font-weight: 700; }
.data .c-btn .btn__pagemenu li { width: 22.5%; }
.data .c-btn .btn__pagemenu a.btn-skyblue { display: inline-block; width: 100%; padding: 0.9em 1.5em 0.95em; font-size: 1.2em; color: #FFF; background-color: #00A0DE; border-radius: 30px; position: relative; box-sizing: border-box; transition: 0.6s; }
.data .c-btn .btn__pagemenu a.btn-skyblue::after { content: url("../../img/recruit/icon_arrow-down.svg"); position: absolute; top: 1em; right: 1em; transition: 0.4s; }
.data .c-btn .btn__pagemenu a.btn-skyblue:hover { background-color: #222; }
.data .c-btn .btn__pagemenu a.btn-skyblue:hover::after { content: url("../../img/recruit/icon_arrow-down_hover.svg"); transform: translateY(4px); }
.data .c-data h3.ttl-clmn::before { content: ""; top: 50%; width: 15px; height: 4px; background-color: #00A0DE; position: absolute; left: 0; }
.data .c-data__clmn::after { content: ""; display: block; width: 31.5%; }
.data .c-data__clmn .c-box { margin-top: 2em; padding: 2.67em; border: 1px solid #222; border-radius: 0.8em; text-align: center; box-sizing: border-box; }
.data .c-data__clmn .c-box h5 { margin: 0 0 1.25em 0; padding: 0; font-size: 1.6em; line-height: 1.5em; }
.data .c-data__clmn .c-box pict img { width: 100%; }
.data .c-data__clmn .normal { width: 31.5%; }
.data .c-data__clmn .double { width: 65.7%; padding-right: 4.2em; padding-left: 4.2em; }

.data #contents .c-data .sec__inner { margin-top: 6em; }

.btn__contents { display: inline-block; width: 30%; padding: 1.5em  2em; font-size: 1.33em; font-weight: 500; color: #FFF !important; background-color: #00A0DE; text-align: left; border-radius: 0.8em; position: relative; box-sizing: border-box; transition: 0.6s; }
.btn__contents::after { content: url("../../img/recruit/icon_arrow-skyblue.svg"); position: absolute; right: 1.5em; transition: 0.4s; }
.btn__contents:hover { background-color: #222; }
.btn__contents:hover::after { content: url("../../img/recruit/icon_arrow-black_hover.svg"); transform: translateX(6px); }

@media screen and (max-width: 1280px) { .data #main { max-width: inherit; padding-right: 40px; padding-left: 40px; } }
@media screen and (max-width: 1080px) { .data #main .ttl__main { font-size: 4em; }
  .data #main .ttl__cate { font-size: 0.5em; }
  .data #main .ttl__small { font-size: 0.417em; }
  .btn__contents { width: 50%; } }
@media screen and (max-width: 980px) { .data .c-btn .btn__pagemenu li { width: 23.5%; }
  .data .c-btn .btn__pagemenu a.btn-skyblue { padding-left: 1em; } }
@media screen and (max-width: 804px) { .data #main { padding-right: 20px; padding-left: 20px; }
  .data #main .ttl__main { flex-wrap: wrap; }
  .data #main .ttl__cate { width: 100%; }
  .data .c-btn .btn__pagemenu { padding: 0 2em; }
  .data .c-btn .btn__pagemenu li { width: 48%; }
  .data .c-btn .btn__pagemenu li.under { margin-top: 1em; }
  .data .c-data__clmn .normal { width: 48%; }
  .data .c-data__clmn .double { width: 100%; }
  .btn__contents { width: 60%; }
  .btn__contents::after { top: 22px; } }
@media screen and (max-width: 530px) { .data #main .ttl__main { font-size: 3.14em; }
  .data #main .ttl__e { font-size: 1.07em; }
  .data #main .ttl__lead br { display: inherit; }
  .data .c-btn .btn__pagemenu { padding: 0; }
  .data .c-data__clmn .normal { width: 100%; }
  .data .c-data__clmn .double { width: 100%; padding: 2.67em; }
  .data .c-data__clmn .double pict.under { margin-top: 2.67em; display: block; }
  .data .c-data .inset__fx__center-wp { display: inherit; }
  .btn__contents { width: 100%; padding: 1.5em; }
  .btn__contents::after { right: 1em; } }
#contents section.c-data h3 { margin: 0 0 0.5em 0 !important; padding: 0 0 0 0.8em !important; font-size: 2.13em !important; border-top: none; }

.btn__entry a { display: block; width: 280px; margin: 60px auto 0 auto; padding: 26px 32px 32px; font-size: 2em; color: #FFF !important; font-weight: 600; text-align: left; border-radius: 16px; box-sizing: border-box; position: relative; }
.btn__entry a span { display: block; font-size: 0.6em; line-height: 1.5em; }
.btn__entry a::after { content: '\e5e1'; font-family: 'Material Icons'; font-size: 40px; font-weight: 400; position: absolute; top: 34%; right: 16px; }

@media screen and (max-width: 804px) { .btn__entry a { width: 240px; margin-top: 40px; padding: 18px 24px 24px; } }
@media screen and (max-width: 530px) { .btn__entry a { width: 200px; font-size: 1.69em; } }
/* ======== fresh ======== */
#contents .c-selection__flow ul li { width: 40%; text-align: center; }
#contents .c-selection__flow ul li.step { padding: 15px 0; font-size: 1.33em; color: #FFF; font-weight: 500; background-color: #00A0DE; }
#contents .c-selection__flow ul li.arrow { margin-top: 10px; }
#contents .c-selection__flow ul li.arrow::after { content: '\ead0'; font-family: 'Material Icons'; font-size: 32px; font-weight: 400; }
#contents .c-selection__flow .step { display: inline-block; width: 40%; margin-right: 2%; padding: 30px 0; font-size: 1.33em; color: #FFF; font-weight: 500; text-align: center; background-color: #00A0DE; }
#contents .c-selection__flow .arrow { width: 40%; margin-top: 10px; text-align: center; }
#contents .c-selection__flow .arrow::after { content: '\ead0'; font-family: 'Material Icons'; font-size: 32px; font-weight: 400; }
#contents .c-selection__flow .method { /*padding-right: 16px;*/ /*background-color: #DDD;*/ /*background-color: #B2E2F5;
font-weight: 700;
line-height: 60px;
position: relative;*/ /*&::before { content: ""; position: absolute; top: 0; left: -30px; width: 0; height: 0; border-top: 30px solid transparent; border-right: 30px solid #DDD; border-bottom: 30px solid transparent;
}*/ }
#contents .c-selection__flow .method span { display: block; color: #00A0DE; font-weight: 600; }
#contents .c-selection__flow .matter { width: 30%; height: 60px; padding: 7px 10px; border: 1px solid #DDD; box-sizing: border-box; }
#contents .c-selection__schedule { overflow-x: scroll; }
#contents .c-selection__schedule::-webkit-scrollbar { height: 10px; }
#contents .c-selection__schedule::-webkit-scrollbar-track { background-color: #FFF; }
#contents .c-selection__schedule::-webkit-scrollbar-thumb { background-color: #777; }
#contents .c-selection__schedule table { border: none; white-space: nowrap; }
#contents .c-selection__schedule table tr { border: none; }
#contents .c-selection__schedule table tr th { padding: 12px; font-size: 1.2em; color: #FFF; font-weight: 500; text-align: center; background-color: #00A0DE; }
#contents .c-selection__schedule table tr th span { display: block; margin-top: 6px; font-size: 0.83em; color: #000; }
#contents .c-selection__schedule table tr td { padding: 12px; text-align: center; background-color: #F0F3F7; border: none; }
#contents .c-selection__schedule table tr td.term { font-size: 1.2em; }

/* ======== eyecatchアニメーション ======== */
/* テキスト */
.line1 { display: flex; overflow: hidden; }
.line1 span { transform: translateY(140%); display: block; animation: 3.5s updown-line1 linear forwards; }
.line1 span:nth-child(1) { animation-delay: 1s; }
.line1 span:nth-child(2) { animation-delay: 1.3s; }
.line1 span:nth-child(3) { animation-delay: 2s; }
.line1 span:nth-child(4) { animation-delay: 2.3s; }
.line1 span:nth-child(5) { animation-delay: 3s; }
.line1 span:nth-child(6) { animation-delay: 3.3s; }

@keyframes updown-line1 { 0% { transform: translateY(140%); }
  10% { transform: translateY(0); }
  50% { transform: translateY(0); }
  /*60%{ transform: translateY(0); }*/
  100% { transform: translateY(0); } }
.line2 { display: flex; overflow: hidden; }
.line2 span { transform: translateY(140%); display: block; animation: 3.5s updown-line2 linear forwards; }
.line2 span:nth-child(1) { animation-delay: 4s; }
.line2 span:nth-child(2) { animation-delay: 4.1s; }
.line2 span:nth-child(3) { animation-delay: 4.2s; }
.line2 span:nth-child(4) { animation-delay: 4.3s; }
.line2 span:nth-child(5) { animation-delay: 4.4s; }
.line2 span:nth-child(6) { animation-delay: 4.5s; }
.line2 span:nth-child(7) { animation-delay: 4.6s; }

@keyframes updown-line2 { 0% { transform: translateY(140%); }
  10% { transform: translateY(0); }
  50% { transform: translateY(0); }
  /*60%{ transform: translateY(0); }*/
  100% { transform: translateY(0); } }
.line3 { display: flex; overflow: hidden; }
.line3 span { transform: translateY(140%); display: block; animation: 3.5s updown-line3 linear forwards; }
.line3 span:nth-child(1) { animation-delay: 5.6s; }
.line3 span:nth-child(2) { animation-delay: 5.65s; }
.line3 span:nth-child(3) { animation-delay: 5.7s; }
.line3 span:nth-child(4) { animation-delay: 5.75s; }
.line3 span:nth-child(5) { animation-delay: 5.8s; }
.line3 span:nth-child(6) { animation-delay: 5.85s; }
.line3 span:nth-child(7) { animation-delay: 5.9s; }
.line3 span:nth-child(8) { animation-delay: 5.95s; }
.line3 span:nth-child(9) { animation-delay: 6s; }
.line3 span:nth-child(10) { animation-delay: 6.05s; }
.line3 span:nth-child(11) { animation-delay: 6.1s; }
.line3 span:nth-child(12) { animation-delay: 6.15s; }
.line3 span:nth-child(13) { animation-delay: 6.2s; }

@keyframes updown-line3 { 0% { transform: translateY(140%); }
  10% { transform: translateY(0); }
  50% { transform: translateY(0); }
  /*60%{ transform: translateY(0); }*/
  100% { transform: translateY(0); } }
.f-line1 { display: flex; overflow: hidden; }
.f-line1 span { transform: translateY(140%); display: block; animation: 3.5s updown-f-line1 linear forwards; }
.f-line1 span:nth-child(1) { animation-delay: 1s; }
.f-line1 span:nth-child(2) { animation-delay: 1.6s; }
.f-line1 span:nth-child(3) { animation-delay: 2.4s; }
.f-line1 span:nth-child(4) { animation-delay: 3s; }

@keyframes updown-f-line1 { 0% { transform: translateY(140%); }
  10% { transform: translateY(0); }
  50% { transform: translateY(0); }
  /*60%{ transform: translateY(0); }*/
  100% { transform: translateY(0); } }
/* 背景 */
@keyframes background_slide { 0% { transform: translate(-100%, 0); }
  100% { transform: translate(0, 0); } }
.fade { opacity: 0; transform: translateX(1000px); transition: opacity 1.5s, transform 0.8s; }
.fade.active { opacity: 1; transform: translateX(0px); }

/* Reset
================================================ */
#gNavi li.mainNavi a { text-align: center; }

#mainBox #lNavi li { width: 20%; }
#mainBox #lNavi li a > span { text-align: inherit; }

@media screen and (max-width: 640px) { #mainBox #lNavi li.upper { width: 33.3%; }
  #mainBox #lNavi li.lower { width: 50%; }
  #mainBox #lNavi li:nth-child(2) { border-right: none; }
  #mainBox #lNavi li:nth-child(3) { margin-top: 0; border-right: solid 1px rgba(51, 90, 129, 0.5); } }
.fresh #contents h3 { color: initial; }

@media screen and (max-width: 1160px) { #gNavi li.mainNavi { font-size: 85%; padding: 0 6px; } }
@media screen and (max-width: 1080px) { #header #logo { max-height: 55px; }
  #header #logo a { width: 336px; height: 55px; }
  #gNavi { top: 14px; } }
@media screen and (max-width: 940px) { #header #logo { max-height: 42px; }
  #header #logo a { width: 254px; height: 42px; }
  #gNavi { top: 12px; }
  #gNavi li.mainNavi { font-size: 75%; padding: 0 4px; } }
#f_sitemap td a { background-image: url(../../common/img/f_arrow.gif); }

@media screen and (max-width: 1080px) { #contents { margin: inherit; } }
@media screen and (max-width: 804px) { #sp_menu > ul > li:nth-child(3) { border-bottom: solid 2px #FFF; } }