@charset "UTF-8";
@font-face { font-family: "icomoon"; src: url("../lib/fonts/icomoon.ttf?ytjufd") format("truetype"), url("../lib/fonts/icomoon.woff?ytjufd") format("woff"), url("../lib/fonts/icomoon.svg?ytjufd#icomoon") format("svg"); font-weight: normal; font-style: normal; }

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

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

details { display: block; }

input[type="number"] { width: auto; }

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

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

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

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

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

/*
#styleguide
基本スタイル

```
<p>特に何も指定しないときの状態</p>
```
*/
@media (min-width: 768px) { html { height: 100%; } }

@media (min-width: 768px) { head { font-family: pc; } }

@media (max-width: 767px) { head { font-family: sp; } }

body { word-wrap: break-word; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: auto; font-size: 14px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #495057; background-color: #fff; line-height: 1; }

@media (min-width: 768px) { body { height: 100%; } }

.windows body { font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }

a { color: #495057; }

ul { list-style-type: none; }

@-webkit-keyframes btn-hover { to { -webkit-transform: translateX(101%); transform: translateX(101%); } }

@keyframes btn-hover { to { -webkit-transform: translateX(101%); transform: translateX(101%); } }

@-webkit-keyframes btn-hover-back { to { -webkit-transform: translateX(-101%); transform: translateX(-101%); } }

@keyframes btn-hover-back { to { -webkit-transform: translateX(-101%); transform: translateX(-101%); } }

.clearfix:after { content: " "; display: block; clear: both; }

@media (min-width: 768px) { .is-pc { display: block; } }

@media (max-width: 767px) { .is-pc { display: none; } }

@media (min-width: 768px) { .is-sp { display: none; } }

@media (max-width: 767px) { .is-sp { display: block; } }

@media (min-width: 768px) { .is-pc-img { display: inline; } }

@media (max-width: 767px) { .is-pc-img { display: none; } }

@media (min-width: 768px) { .is-sp-img { display: none; } }

@media (max-width: 767px) { .is-sp-img { display: inline; } }

.icon { display: inline-block; background-repeat: no-repeat; }

.icon.icon-web-navigation-line-craft-5-109690 { background-image: url("../images/icon.png"); background-position: 0px 0px; background-size: 512px 512px; width: 512px; height: 512px; }

.global-header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; }

@media (min-width: 768px) { .global-header { height: 110px; } }

@media (max-width: 767px) { .global-header { height: 23.4375vw; } }

@media (max-width: 767px) and (orientation: landscape) { .global-header { height: 9.375vw; } }

.global-header__inner { position: relative; height: 100%; }

@media (min-width: 768px) { .global-header__inner { padding: 0 3.125%; } }

.global-header__inner-wrap { position: relative; height: 100%; }

.global-header-ttl { position: absolute; left: 0; }

@media (min-width: 768px) { .global-header-ttl { top: 52px; width: 132px; } }

@media (max-width: 767px) { .global-header-ttl { top: 50%; z-index: 2; width: 35.625vw; margin-left: 6.25vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) and (orientation: landscape) { .global-header-ttl { top: 50%; width: 20.3125vw; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.global-header-ttl__logo { width: 100%; height: auto; }

.global-header-ttl__logo--gray { display: none; }

@media (min-width: 768px) { .global-header-nav { position: absolute; top: 0; right: 0; height: 100%; } }

.global-header-nav__lists { overflow: hidden; }

@media (min-width: 768px) { .global-header-nav__lists { height: 100%; } }

@media (min-width: 768px) { .global-header-nav__list { position: relative; float: left; overflow: hidden; height: 100%; } }

@media (min-width: 768px) { .global-header-nav__list + .global-header-nav__list { margin-left: 30px; } }

.global-header-nav__list a { display: block; }

@media (min-width: 768px) { .global-header-nav__list a { height: 100%; padding-top: 56px; }
  .global-header-nav__list a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 3px; background-color: #fff; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); } }

@media (max-width: 767px) { .global-header-nav__list a { padding: 3.125vw 12.5vw; } }

.global-header-nav__list a[target="_blank"] .global-header-nav__txt span { position: relative; }

.global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

.global-header-nav__txt { display: block; color: #fff; }

@media (min-width: 768px) { .global-header-nav__txt { text-align: center; } }

@media (max-width: 767px) { .global-header-nav__txt { text-align: left; } }

.global-header-nav__txt--en { font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; }

@media (min-width: 768px) { .global-header-nav__txt--en { font-size: 14px; letter-spacing: 0.025em; } }

@media (max-width: 767px) { .global-header-nav__txt--en { font-size: 5.625vw; letter-spacing: 0.15em; } }

@media (min-width: 768px) { .global-header-nav__txt--ja { margin-top: 7px; font-size: 10px; } }

@media (max-width: 767px) { .global-header-nav__txt--ja { margin-top: 1.5625vw; font-size: 3.125vw; } }

/****************************** SP only */
@media (max-width: 767px) { .global-header-menu-sp { display: block; position: absolute; top: 0; right: 0; z-index: 3; width: 25vw; height: 100%; } }

@media (max-width: 767px) { .global-header-menu-sp a { display: block; height: 100%; } }

@media (max-width: 767px) { .global-header-menu-sp__lines { position: absolute; top: 50%; left: 50%; display: block; width: 12.5vw; height: 7.1875vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) and (orientation: landscape) { .global-header-menu-sp__lines { width: 6.25vw; height: 3.75vw; } }

@media (max-width: 767px) { .global-header-menu-sp__line { display: block; position: absolute; right: 0; height: 2px; background-color: #fff; }
  .global-header-menu-sp__line:nth-of-type(1) { top: 0; width: 12.5vw; }
  .global-header-menu-sp__line:nth-of-type(2) { top: 50%; width: 9.375vw; margin-top: -1px; }
  .global-header-menu-sp__line:nth-of-type(3) { bottom: 0; width: 6.25vw; } }

@media (max-width: 767px) and (orientation: landscape) { .global-header-menu-sp__line:nth-of-type(1) { top: 0; width: 6.25vw; }
  .global-header-menu-sp__line:nth-of-type(2) { top: 50%; width: 4.6875vw; margin-top: -1px; }
  .global-header-menu-sp__line:nth-of-type(3) { bottom: 0; width: 2.1875vw; } }

@media (min-width: 768px) { .global-header-modal-sp { height: 100%; } }

@media (max-width: 767px) { .global-header-modal-sp { display: block; visibility: hidden; position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; opacity: 0; width: 100%; height: 100vh; background-image: url(../images/header-menu-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } }

@media (min-width: 768px) { .global-header-modal-sp__inner { height: 100%; } }

@media (max-width: 767px) { .global-header-modal-sp__inner { margin-top: 23.4375vw; } }

@media (max-width: 767px) and (orientation: landscape) { .global-header-modal-sp__inner { margin-top: 14.0625vw; } }

@media (max-width: 767px) { .global-header-modal-close-sp { display: block; position: absolute; top: 0; right: 0; z-index: 2; width: 25vw; height: 100%; } }

@media (max-width: 767px) { .global-header-modal-close-sp a { display: block; width: 100%; height: 100%; } }

@media (max-width: 767px) { .global-header-modal-close-sp__lines { position: absolute; top: 50%; left: 50%; display: block; width: 6.25vw; height: 6.25vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) { .global-header-modal-close-sp__line { display: block; position: absolute; top: 50%; left: 0; width: 6.25vw; height: 2px; margin-top: -1px; background-color: #fff; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } }

@media (max-width: 767px) { .global-header-modal-close-sp__line:first-of-type { -webkit-transform: rotate(45deg) scaleX(0); -ms-transform: rotate(45deg) scaleX(0); transform: rotate(45deg) scaleX(0); } }

@media (max-width: 767px) { .global-header-modal-close-sp__line:last-of-type { -webkit-transform: rotate(-45deg) scaleX(0); -ms-transform: rotate(-45deg) scaleX(0); transform: rotate(-45deg) scaleX(0); } }

@media (max-width: 767px) { .global-header-subnav-sp { margin-top: 4.6875vw; } }

@media (max-width: 767px) { .global-header-subnav-sp__item a { display: block; padding: 2.1875vw 12.5vw; color: #fff; font-size: 3.125vw; font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.05em; } }

@media (max-width: 767px) { .global-header-subnav-sp__item a[target="_blank"] span { position: relative; }
  .global-header-subnav-sp__item a[target="_blank"] span:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 1.5625vw; color: #fff; font-size: 3.125vw; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); vertical-align: middle; } }

@media (max-width: 767px) { .global-header-copyright-sp { margin-top: 4.6875vw; padding: 0 12.5vw; color: #fff; font-size: 2.8125vw; letter-spacing: 0.12em; } }

/****************************** animation setting */
.global-header { -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.global-header__inner { -webkit-transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media (min-width: 768px) { .global-header-ttl { -webkit-transition: top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } }

@media (min-width: 768px) { .global-header-nav__list a { -webkit-transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .global-header-nav__list a:before { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } }

@media (max-width: 767px) { .global-header-menu-sp__line { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } }

@media (max-width: 767px) { .global-header-modal-sp { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } }

@media (max-width: 767px) { .global-header-modal-close-sp__line { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } }

/****************************** keyframes */
@-webkit-keyframes hover-gnav { to { -webkit-transform: translateX(101%); transform: translateX(101%); } }
@keyframes hover-gnav { to { -webkit-transform: translateX(101%); transform: translateX(101%); } }

/****************************** hover */
@media (min-width: 768px) { .global-header-nav__list a:hover:before { -webkit-animation: hover-gnav 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards alternate; animation: hover-gnav 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards alternate; } }

@media (min-width: 768px) { .is-page-current.global-header-nav__list a:hover:before { -webkit-animation: none; animation: none; } }

/****************************** is-init-scroll */
.is-init-scroll .global-header { background-color: #fff; }

@media (min-width: 768px) { .is-init-scroll .global-header { height: 90px; } }

@media (min-width: 768px) { .is-init-scroll .global-header__inner { padding: 0 9.375%; } }

@media (min-width: 768px) { .is-init-scroll .global-header-ttl { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.is-init-scroll .global-header-ttl__logo--white { display: none; }

.is-init-scroll .global-header-ttl__logo--gray { display: block; }

@media (min-width: 768px) { .is-init-scroll .global-header-nav__list a { padding-top: 35px; }
  .is-init-scroll .global-header-nav__list a:before { background-color: #10c21f; } }

@media (min-width: 768px) { .is-init-scroll .global-header-nav__txt { color: #495057; } }

@media (min-width: 768px) { .is-init-scroll .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before { color: #495057; } }

@media (max-width: 767px) { .is-init-scroll .global-header-menu-sp__line { background-color: #495057; } }

/****************************** is-global-menu-open */
.is-global-menu-open .global-header-ttl { background-image: none; }

.is-global-menu-open .global-header-modal-sp { visibility: visible; opacity: 1; }

@media (max-width: 767px) { .is-global-menu-open .global-header-menu-sp__line { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } }

@media (max-width: 767px) { .is-global-menu-open .global-header-modal-close-sp__line:first-of-type { -webkit-transform: rotate(45deg) scaleX(1); -ms-transform: rotate(45deg) scaleX(1); transform: rotate(45deg) scaleX(1); } }

@media (max-width: 767px) { .is-global-menu-open .global-header-modal-close-sp__line:last-of-type { -webkit-transform: rotate(-45deg) scaleX(1); -ms-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); } }

/****************************** is-init-scroll & is-global-menu-open */
@media (max-width: 767px) { .is-init-scroll .is-global-menu-open.global-header { background-color: transparent; } }

.is-init-scroll .is-global-menu-open.global-header .global-header-ttl__logo--white { display: block; }

.is-init-scroll .is-global-menu-open.global-header .global-header-ttl__logo--gray { display: none; }

/****************************** perfect-scroll */
.ps-scrollbar-x-rail, .ps-scrollbar-y-rail { position: absolute; }

/****************************** is-page-current */
@media (min-width: 768px) { .is-page-current.global-header-nav__list a:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

/* .is-init-scroll
*****************************/
@media (min-width: 768px) { .is-init-scroll .is-page-current.global-header-nav__list a:before { background-color: #10c21f; }
  .is-init-scroll .is-page-current.global-header-nav__list a .global-header-nav__txt { color: #10c21f; } }

/****************************** no image header type */
.page-container--welfare, .page-container--notfound, .page-container--policy, .page-container--security-policy, .page-container--electronic { /* .is-global-menu-open */ /* .is-page-current */ }

.page-container--welfare .global-header-ttl__logo--white, .page-container--notfound .global-header-ttl__logo--white, .page-container--policy .global-header-ttl__logo--white, .page-container--security-policy .global-header-ttl__logo--white, .page-container--electronic .global-header-ttl__logo--white { display: none; }

.page-container--welfare .global-header-ttl__logo--gray, .page-container--notfound .global-header-ttl__logo--gray, .page-container--policy .global-header-ttl__logo--gray, .page-container--security-policy .global-header-ttl__logo--gray, .page-container--electronic .global-header-ttl__logo--gray { display: block; }

.page-container--welfare .global-header-nav__txt, .page-container--notfound .global-header-nav__txt, .page-container--policy .global-header-nav__txt, .page-container--security-policy .global-header-nav__txt, .page-container--electronic .global-header-nav__txt { color: #495057; }

@media (min-width: 768px) { .page-container--welfare .global-header-nav__list a:before, .page-container--notfound .global-header-nav__list a:before, .page-container--policy .global-header-nav__list a:before, .page-container--security-policy .global-header-nav__list a:before, .page-container--electronic .global-header-nav__list a:before { background-color: #495057; } }

@media (min-width: 768px) { .page-container--welfare .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--notfound .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--policy .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--security-policy .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--electronic .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before { color: #495057; } }

@media (max-width: 767px) { .page-container--welfare .global-header-menu-sp__line, .page-container--notfound .global-header-menu-sp__line, .page-container--policy .global-header-menu-sp__line, .page-container--security-policy .global-header-menu-sp__line, .page-container--electronic .global-header-menu-sp__line { background-color: #495057; } }

.page-container--welfare .is-global-menu-open.global-header .global-header-ttl__logo--white, .page-container--notfound .is-global-menu-open.global-header .global-header-ttl__logo--white, .page-container--policy .is-global-menu-open.global-header .global-header-ttl__logo--white, .page-container--security-policy .is-global-menu-open.global-header .global-header-ttl__logo--white, .page-container--electronic .is-global-menu-open.global-header .global-header-ttl__logo--white { display: block; }

.page-container--welfare .is-global-menu-open.global-header .global-header-ttl__logo--gray, .page-container--notfound .is-global-menu-open.global-header .global-header-ttl__logo--gray, .page-container--policy .is-global-menu-open.global-header .global-header-ttl__logo--gray, .page-container--security-policy .is-global-menu-open.global-header .global-header-ttl__logo--gray, .page-container--electronic .is-global-menu-open.global-header .global-header-ttl__logo--gray { display: none; }

.page-container--welfare .is-global-menu-open.global-header .global-header-nav__txt, .page-container--notfound .is-global-menu-open.global-header .global-header-nav__txt, .page-container--policy .is-global-menu-open.global-header .global-header-nav__txt, .page-container--security-policy .is-global-menu-open.global-header .global-header-nav__txt, .page-container--electronic .is-global-menu-open.global-header .global-header-nav__txt { color: #fff; }

.page-container--welfare .is-global-menu-open.global-header .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--notfound .is-global-menu-open.global-header .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--policy .is-global-menu-open.global-header .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--security-policy .is-global-menu-open.global-header .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before, .page-container--electronic .is-global-menu-open.global-header .global-header-nav__list a[target="_blank"] .global-header-nav__txt span:before { color: #fff; }

@media (min-width: 768px) { .page-container--welfare .is-page-current.global-header-nav__list a:before, .page-container--notfound .is-page-current.global-header-nav__list a:before, .page-container--policy .is-page-current.global-header-nav__list a:before, .page-container--security-policy .is-page-current.global-header-nav__list a:before, .page-container--electronic .is-page-current.global-header-nav__list a:before { background-color: #495057; } }

/****************************** recruit color */
.page-container--recruit-top, .page-container--recruit-index, .page-container--recruit-detail, .page-container--welfare, .page-container--infographics { /* .is-init-scroll */ }

.is-init-scroll .page-container--recruit-top, .is-init-scroll .page-container--recruit-index, .is-init-scroll .page-container--recruit-detail, .is-init-scroll .page-container--welfare, .is-init-scroll .page-container--infographics { /* .is-page-current */ }

@media (min-width: 768px) { .is-init-scroll .page-container--recruit-top .global-header-nav__list a:before, .is-init-scroll .page-container--recruit-index .global-header-nav__list a:before, .is-init-scroll .page-container--recruit-detail .global-header-nav__list a:before, .is-init-scroll .page-container--welfare .global-header-nav__list a:before, .is-init-scroll .page-container--infographics .global-header-nav__list a:before { background-color: #d67da4; } }

@media (min-width: 768px) { .is-init-scroll .page-container--recruit-top .is-page-current.global-header-nav__list a .global-header-nav__txt, .is-init-scroll .page-container--recruit-index .is-page-current.global-header-nav__list a .global-header-nav__txt, .is-init-scroll .page-container--recruit-detail .is-page-current.global-header-nav__list a .global-header-nav__txt, .is-init-scroll .page-container--welfare .is-page-current.global-header-nav__list a .global-header-nav__txt, .is-init-scroll .page-container--infographics .is-page-current.global-header-nav__list a .global-header-nav__txt { color: #d67da4; } }

.global-footer { z-index: 10; }

@media (min-width: 768px) { .global-footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 245px; padding: 0 9.375%; border-top: 1px solid #f1f3f5; } }

@media (max-width: 767px) { .global-footer { position: relative; border-top: 1px solid #f1f3f5; } }

.global-footer__inner { position: relative; }

.global-footer-pagetop { position: absolute; top: 0; left: 50%; z-index: 1; }

@media (min-width: 768px) { .global-footer-pagetop { margin: -35px 0 0 -35px; } }

@media (max-width: 767px) { .global-footer-pagetop { margin-top: -5.625vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.global-footer-pagetop a { display: block; position: relative; border: 1px solid #f1f3f5; background-color: #fff; }

@media (min-width: 768px) { .global-footer-pagetop a { width: 70px; height: 70px; } }

@media (max-width: 767px) { .global-footer-pagetop a { width: 10.9375vw; height: 10.9375vw; } }

.global-footer-pagetop span { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.global-footer-pagetop span:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; color: #10c21f; }

@media (min-width: 768px) { .global-footer-pagetop span:before { font-size: 11px; } }

@media (max-width: 767px) { .global-footer-pagetop span:before { font-size: 3.4375vw; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } }

@media (max-width: 767px) { .global-footer-logos { display: table; table-layout: fixed; width: 100%; height: 23.4375vw; padding: 0 12.5vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .global-footer-logo { position: absolute; top: 59px; left: 0; } }

@media (max-width: 767px) { .global-footer-logo { display: table-cell; text-align: left; vertical-align: middle; } }

.global-footer-logo img { height: auto; }

@media (min-width: 768px) { .global-footer-logo img { width: 132px; } }

@media (max-width: 767px) { .global-footer-logo img { width: 32.1875vw; } }

@media (min-width: 768px) { .global-footer-gree { position: absolute; top: 68px; right: 15px; } }

@media (max-width: 767px) { .global-footer-gree { display: table-cell; text-align: right; vertical-align: middle; } }

@media (max-width: 767px) { .global-footer-gree img { width: 17.8125vw; height: 4.6875vw; } }

@media (min-width: 768px) { .global-footer-list { position: absolute; top: 128px; left: 0; width: 100%; margin-top: -10px; padding-right: 150px; overflow: hidden; } }

@media (min-width: 768px) { .global-footer-list__item { float: left; margin-top: 10px; margin-right: 20px; } }

@media (max-width: 767px) { .global-footer-list__item { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .global-footer-list__item:last-of-type { margin-right: 0; } }

.global-footer-list__item a { color: #adb5bd; font-weight: medium; font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.05em; }

@media (min-width: 768px) { .global-footer-list__item a { font-size: 12px; } }

@media (max-width: 767px) { .global-footer-list__item a { display: block; padding: 0 12.5vw; font-size: 3.125vw; line-height: 14.6875vw; } }

.global-footer-list__item a[target="_blank"] span { position: relative; }

.global-footer-list__item a[target="_blank"] span:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #10c21f; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .global-footer-list__item a[target="_blank"] span:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .global-footer-list__item a[target="_blank"] span:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

.global-footer-copyright { color: #adb5bd; font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.012em; }

@media (min-width: 768px) { .global-footer-copyright { position: absolute; top: 127px; right: 7px; font-size: 12px; } }

@media (max-width: 767px) { .global-footer-copyright { padding: 7.8125vw 12.5vw 10.9375vw; font-size: 2.8125vw; } }

/****************************** hover */
@media (min-width: 768px) { .global-footer-list__item a:hover { text-decoration: underline; } }

/****************************** animation setting */
.global-footer-pagetop span { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

@media (min-width: 768px) { .global-footer-pagetop a:hover span { -webkit-animation: pagetop 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) infinite forwards; animation: pagetop 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) infinite forwards; } }

/****************************** keyframe */
@-webkit-keyframes pagetop { to { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%);
    opacity: 0; } }
@keyframes pagetop { to { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%);
    opacity: 0; } }

/****************************** color recruit */
.page-container--recruit-top .global-footer-pagetop span:before, .page-container--recruit-index .global-footer-pagetop span:before, .page-container--recruit-detail .global-footer-pagetop span:before, .page-container--infographics .global-footer-pagetop span:before, .page-container--welfare .global-footer-pagetop span:before { color: #d67da4; }

.page-container--recruit-top .global-footer-list__item a[target="_blank"] span:before, .page-container--recruit-index .global-footer-list__item a[target="_blank"] span:before, .page-container--recruit-detail .global-footer-list__item a[target="_blank"] span:before, .page-container--infographics .global-footer-list__item a[target="_blank"] span:before, .page-container--welfare .global-footer-list__item a[target="_blank"] span:before { color: #d67da4; }

@media (min-width: 768px) { .page { height: 100%; } }

.page__inner { position: relative; }

@media (min-width: 768px) { .page__inner { min-height: 100%; padding-bottom: 245px; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.c-loader { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; }

.c-loader-wall { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

.c-loader-spinner { display: block; position: absolute; top: 50%; left: 50%; z-index: 1; overflow: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 768px) { .c-loader-spinner { width: 60px; height: 60px; } }

@media (max-width: 767px) { .c-loader-spinner { width: 9.375vw; height: 9.375vw; } }

.c-loader-spinner span { display: block; position: relative; float: left; width: calc(100%/3); height: calc(100%/3); padding: 2px; }

.c-loader-spinner span:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 80%; height: 80%; background-color: #10c21f; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/****************************** animation setting */
.c-loader-spinner span { -webkit-animation-name: spinner; animation-name: spinner; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-direction: forward; animation-direction: forward; }

.c-loader-spinner__item--01 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.c-loader-spinner__item--02 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.c-loader-spinner__item--03 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

/****************************** keyframes */
@-webkit-keyframes spinner { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  35% { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
  70% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes spinner { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  35% { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
  70% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

/****************************** no-js */
.no-js .c-loader { display: none; }

.top-nav { position: fixed; top: 50%; right: 3.125%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .top-nav { display: none; } }

.top-nav__list a { display: block; position: relative; width: 30px; height: 30px; }

.top-nav__list a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; }

.top-nav__list span { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background-color: #fff; }

/****************************** animation setting */
.top-nav__list a:before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }

/****************************** hover */
@media (min-width: 768px) { .top-nav__list a:hover:before { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } }

/****************************** is-current */
.top-nav__list.is-current a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/****************************** is-scroll */
.top-nav.is-scroll .top-nav__list a:before { border-color: #10c21f; }

.top-nav.is-scroll .top-nav__list span { background-color: #10c21f; }

.top-mv { position: relative; width: 100%; max-width: 100%; height: 100vh; overflow: hidden; }

@media (min-width: 768px) { .top-mv { background-color: #000; } }

.top-mv__inner { height: 100%; }

.top-mv-visual { position: relative; height: 100%; }

.top-mv-visual-ttl { position: absolute; top: 50%; z-index: 4; }

@media (min-width: 768px) { .top-mv-visual-ttl { left: 15.625%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) { .top-mv-visual-ttl { left: 10.9375vw; -webkit-transform: translateY(-82%); -ms-transform: translateY(-82%); transform: translateY(-82%); } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-visual-ttl { left: 10.9375vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.top-mv-visual-ttl__inner { display: block; }

.top-mv-visual-ttl__txt { color: #fff; }

.top-mv-visual-ttl__txt--en { display: block; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.44em; line-height: 1.5; }

@media (min-width: 768px) { .top-mv-visual-ttl__txt--en { font-size: 4vw; } }

@media (max-width: 767px) { .top-mv-visual-ttl__txt--en { font-size: 8.125vw; } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-visual-ttl__txt--en { font-size: 4.0625vw; } }

.top-mv-visual-ttl__txt--ja { display: block; font-weight: bold; letter-spacing: 0.3em; }

@media (min-width: 768px) { .top-mv-visual-ttl__txt--ja { margin-top: 20px; font-size: 2vw; } }

@media (max-width: 767px) { .top-mv-visual-ttl__txt--ja { margin-top: 3.125vw; font-size: 3.75vw; } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-visual-ttl__txt--ja { font-size: 3.125vw; } }

.top-mv-visual-typo { position: absolute; top: 50%; left: 50%; z-index: 3; height: auto; }

@media (min-width: 768px) { .top-mv-visual-typo { width: 100%; padding-top: 43%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) { .top-mv-visual-typo { width: 70.3125vw; padding-top: 64%; -webkit-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); transform: translate(-50%, -55%); } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-visual-typo { width: 37.5vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.top-mv-visual-typo__group { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top-mv-visual-typo__letter { fill: #fff; }

.top-mv-visual-typo__letter--a { visibility: hidden; }

.top-mv-visual-typo__letter--m { visibility: hidden; }

.top-mv-visual-typo__letter--e { visibility: hidden; }

.top-mv-visual-typo__load { display: none; }

.top-mv-visual-bg { position: relative; height: 100%; overflow: hidden; }

.top-mv-visual-bg__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.top-mv-visual-bg__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.top-mv-visual-bg__bg--g { background-image: url(../images/top-mv-img-g.jpg); }

.top-mv-visual-bg__bg--a { background-image: url(../images/top-mv-img-a.jpg); }

.top-mv-visual-bg__bg--m { background-image: url(../images/top-mv-img-m.jpg); }

.top-mv-visual-bg__bg--e { background-image: url(../images/top-mv-img-e.jpg); }

.top-mv-visual-bg__mosaic { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; will-change: opacity; }

.top-mv-visual-bg__mosaic--g { background-image: url(../images/top-mv-img-mosaic-g.png); }

.top-mv-visual-bg__mosaic--a { background-image: url(../images/top-mv-img-mosaic-a.png); }

.top-mv-visual-bg__mosaic--m { background-image: url(../images/top-mv-img-mosaic-m.png); }

.top-mv-visual-bg__mosaic--e { background-image: url(../images/top-mv-img-mosaic-e.png); }

.top-mv-slider { position: absolute; z-index: 3; }

@media (min-width: 768px) { .top-mv-slider { right: 30px; bottom: 30px; } }

@media (max-width: 767px) { .top-mv-slider { left: 50%; bottom: 3.125vw; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.top-mv-slider-ttl { position: absolute; left: 0; bottom: 100%; border-top: 3px solid #fff; border-left: 3px solid #fff; border-right: 3px solid #fff; }

@media (max-width: 767px) { .top-mv-slider-ttl { margin-left: 3.125vw; } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-slider-ttl { border-bottom: 3px solid #fff; } }

.top-mv-slider-ttl a { color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.2em; }

.top-mv-slider-ttl span { display: block; }

@media (min-width: 768px) { .top-mv-slider-ttl span { padding: 0 20px; font-size: 12px; line-height: 23px; } }

@media (max-width: 767px) { .top-mv-slider-ttl span { padding: 0 6.25vw; font-size: 3.75vw; line-height: 7.1875vw; } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-slider-ttl span { padding: 0 3.125vw; font-size: 2.5vw; line-height: 4.6875vw; } }

.top-mv-slider__inner { position: relative; border: 3px solid #fff; }

@media (min-width: 768px) { .top-mv-slider__inner { width: 450px; padding: 18px; } }

@media (max-width: 767px) { .top-mv-slider__inner { margin: 0 3.125vw; padding: 4.6875vw 3.125vw; } }

@media (max-width: 767px) and (orientation: landscape) { .top-mv-slider__inner { display: none; } }

.top-mv-slider-pager { position: absolute; top: 0; right: 0; z-index: 1; overflow: hidden; border-left: 3px solid #fff; border-bottom: 3px solid #fff; }

.top-mv-slider-pager__btn { display: block; position: relative; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .top-mv-slider-pager__btn { width: 24px; height: 24px; } }

@media (max-width: 767px) { .top-mv-slider-pager__btn { width: 10vw; height: 5.3125vw; } }

@media (min-width: 768px) { .top-mv-slider-pager__btn--prev { background-image: url(../images/top-topics-pager-prev.png); } }

@media (max-width: 767px) { .top-mv-slider-pager__btn--prev { background-image: url(../images/top-topics-pager-prev-sp.png); } }

@media (min-width: 768px) { .top-mv-slider-pager__btn--next { background-image: url(../images/top-topics-pager-next.png); } }

@media (max-width: 767px) { .top-mv-slider-pager__btn--next { background-image: url(../images/top-topics-pager-next-sp.png); } }

.top-mv-slider-items .slick-track { margin-left: 0 !important; margin-right: 0 !important; }

.top-mv-slider-item a { display: block; overflow: hidden; }

.top-mv-slider-item__img { position: relative; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .top-mv-slider-item__img { width: 88px; margin-right: 20px; } }

@media (max-width: 767px) { .top-mv-slider-item__img { width: 18.75vw; margin-right: 3.125vw; } }

.top-mv-slider-item__img:before { display: block; content: ''; padding-top: 68%; }

.top-mv-slider-item__cont { overflow: hidden; color: #fff; }

.top-mv-slider-item__info { font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .top-mv-slider-item__info { font-size: 12px; } }

@media (max-width: 767px) { .top-mv-slider-item__info { font-size: 3.125vw; } }

.top-mv-slider-item__category { font-weight: bold; vertical-align: middle; }

.top-mv-slider-item__date { vertical-align: middle; }

.top-mv-slider-item__ttl { font-weight: bold; line-height: 1.5; }

@media (min-width: 768px) { .top-mv-slider-item__ttl { margin-top: 10px; font-size: 12px; } }

@media (max-width: 767px) { .top-mv-slider-item__ttl { margin-top: 1.5625vw; font-size: 3.125vw; } }

.top-mv-slider-item--view-all a { display: block; width: 100%; text-align: center; }

@media (min-width: 768px) { .top-mv-slider-item--view-all a { padding: 20px 0; font-size: 12px; } }

@media (max-width: 767px) { .top-mv-slider-item--view-all a { padding: 3.125vw 0; font-size: 3.75vw; } }

.top-mv-slider-item--view-all span { color: #fff; font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; text-align: center; letter-spacing: 0.2em; }

/****************************** animation setting */
.top-mv-slider-item { -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }

.top-mv-visual-bg__item { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.top-mv-visual-bg__bg { -webkit-transition: -webkit-transform 5s linear; transition: -webkit-transform 5s linear; transition: transform 5s linear; transition: transform 5s linear, -webkit-transform 5s linear; }

.top-mv-visual-ttl:before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** keyframes */
@-webkit-keyframes mosaic { from { opacity: 0.8; }
  to { opacity: 0.3; } }
@keyframes mosaic { from { opacity: 0.8; }
  to { opacity: 0.3; } }

/****************************** slick-current */
.top-mv-slider-item.slick-current { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.slick-current .top-mv-slider-item { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

/****************************** is-current */
.top-mv-visual-bg__item.is-current { opacity: 1; }

.top-mv-visual-bg__item.is-current .top-mv-visual-bg__bg { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }

.top-mv-visual-bg__item.is-current .top-mv-visual-bg__mosaic { visibility: visible; -webkit-animation: mosaic 2s ease-out infinite alternate; animation: mosaic 2s ease-out infinite alternate; }

@media (min-width: 768px) { .top-about { margin: 0 9.375%; } }

@media (max-width: 767px) { .top-about { padding: 18.75vw 0 0; border-bottom: 1px solid #f1f3f5; } }

.top-about__inner { position: relative; }

@media (min-width: 768px) { .top-about__inner { max-width: 1600px; margin: auto; padding: 120px 0 100px; border-bottom: 1px solid #f1f3f5; } }

.top-about-fig { position: relative; overflow: hidden; width: 100%; background-image: url(../images/top-about-img.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .top-about-fig { padding-top: 37%; } }

@media (max-width: 767px) { .top-about-fig { padding-top: 59%; } }

.top-about-fig:before, .top-about-fig:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.top-about-fig:before { background-color: #fff; }

.top-about-fig:after { background-color: #10c21f; }

@media (min-width: 768px) { .top-about-cont { padding: 0 3.84615%; } }

@media (max-width: 767px) { .top-about-cont { padding: 0 6.25vw; } }

.top-about-cols { position: relative; }

@media (min-width: 768px) { .top-about-cols:after { content: " "; display: block; clear: both; } }

.top-about-col { position: relative; }

@media (min-width: 768px) { .top-about-col { float: left; width: 50%; } }

.top-about-col--cont { position: relative; overflow: hidden; }

@media (min-width: 768px) { .top-about-col--cont { margin-top: -45px; } }

@media (max-width: 767px) { .top-about-col--cont { margin-top: -7.5vw; padding: 0 6.25vw 18.75vw; } }

.top-about-col--cont:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

@media (max-width: 767px) { .top-about-col--btn { position: absolute; right: 0; bottom: -9.375vw; width: 100%; padding: 0 6.25vw; } }

.top-about-ttl__txt { display: block; color: #10c21f; }

.top-about-ttl__txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .top-about-ttl__txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .top-about-ttl__txt--ja { font-size: 3.75vw; } }

.top-about-ttl__txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .top-about-ttl__txt--en { margin-top: 5px; font-size: 52px; } }

@media (max-width: 767px) { .top-about-ttl__txt--en { margin-top: 1.5625vw; font-size: 8.125vw; } }

.top-about-lead { font-weight: bold; }

@media (min-width: 768px) { .top-about-lead { margin-top: 15px; padding-right: 8.33333%; font-size: 16px; line-height: 1.75; } }

@media (max-width: 767px) { .top-about-lead { margin-top: 4.6875vw; font-size: 5vw; line-height: 1.5; } }

@media (min-width: 768px) { .top-about-txt { margin-top: 40px; padding-right: 16.66667%; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .top-about-txt { margin-top: 9.375vw; font-size: 3.75vw; line-height: 1.5; } }

/****************************** animation setting */
.top-about-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.top-about-fig:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.top-about-col--cont:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** is-scroll-current */
.top-about.is-scroll-current .top-about-fig:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-about.is-scroll-current .top-about-fig:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

.top-about.is-scroll-current .top-about-col--cont:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-about.is-scroll-current .top-about-more a:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-about.is-scroll-current .top-about-more a:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

/****************************** no-js */
.no-js .top-about-fig:before, .no-js .top-about-fig:after { display: none; }

.no-js .top-about-col--cont:before { display: none; }

.no-js .top-about-more a:before { display: none; }

@media (min-width: 768px) { .top-service { margin: 0 9.375%; } }

@media (max-width: 767px) { .top-service { padding-top: 18.75vw; border-bottom: 1px solid #f1f3f5; } }

.top-service__inner { position: relative; }

@media (min-width: 768px) { .top-service__inner { max-width: 1600px; margin: auto; padding: 120px 0 120px; border-bottom: 1px solid #f1f3f5; } }

.top-service-fig { position: relative; overflow: hidden; width: 100%; background-image: url(../images/top-service-img.jpg); background-repeat: no-repeat; background-position: left center; background-size: cover; }

@media (min-width: 768px) { .top-service-fig { padding-top: 37%; } }

@media (max-width: 767px) { .top-service-fig { padding-top: 59%; } }

.top-service-fig:before, .top-service-fig:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.top-service-fig:before { background-color: #fff; }

.top-service-fig:after { background-color: #10c21f; }

.top-service-fig img { width: 100%; height: auto; }

@media (min-width: 768px) { .top-service-cont { padding: 0 3.84615%; } }

@media (max-width: 767px) { .top-service-cont { padding: 0 6.25vw; } }

.top-service-cols { position: relative; }

@media (min-width: 768px) { .top-service-cols:after { content: " "; display: block; clear: both; } }

.top-service-col { position: relative; }

@media (min-width: 768px) { .top-service-col { width: 50%; float: left; } }

.top-service-col--cont { position: relative; overflow: hidden; }

@media (min-width: 768px) { .top-service-col--cont { margin-top: -35px; } }

@media (max-width: 767px) { .top-service-col--cont { margin-top: -7.5vw; padding: 0 6.25vw; } }

.top-service-col--cont:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

@media (max-width: 767px) { .top-service-col--btn { text-align: right; } }

.top-service-ttl__txt { display: block; color: #10c21f; }

.top-service-ttl__txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .top-service-ttl__txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .top-service-ttl__txt--ja { font-size: 3.125vw; } }

.top-service-ttl__txt--en { display: block; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .top-service-ttl__txt--en { margin-top: 5px; font-size: 52px; } }

@media (max-width: 767px) { .top-service-ttl__txt--en { margin-top: 1.5625vw; font-size: 8.125vw; } }

@media (min-width: 768px) { .top-service-lead { margin-top: 25px; padding-right: 8.33333%; font-size: 14px; font-weight: bold; line-height: 1.75; } }

@media (max-width: 767px) { .top-service-lead { margin-top: 4.6875vw; font-size: 3.75vw; line-height: 1.5; } }

.top-service-cards { overflow: hidden; }

@media (min-width: 768px) { .top-service-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: start; align-content: flex-start; margin-top: 70px; margin-left: -3%; } }

@media (max-width: 767px) { .top-service-cards { margin-top: 9.375vw; padding: 0 6.25vw 18.75vw; } }

.top-service-card { position: relative; overflow: hidden; }

@media (min-width: 768px) { .top-service-card { width: 33.3%; padding-left: 3%; } }

@media (max-width: 767px) { .top-service-card + .top-service-card { margin-top: 6.25vw; } }

.top-service-card:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; }

.top-service-card__img { padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.top-service-card__ttl { font-weight: bold; letter-spacing: 0.01em; }

@media (min-width: 768px) { .top-service-card__ttl { margin-top: 30px; font-size: 16px; line-height: 1.75; } }

@media (max-width: 767px) { .top-service-card__ttl { margin-top: 4.6875vw; font-size: 5vw; line-height: 1.5; } }

.top-service-card__ttl a { display: inline-block; position: relative; }

@media (min-width: 768px) { .top-service-card__ttl a { padding-left: 20px; } }

@media (max-width: 767px) { .top-service-card__ttl a { padding-left: 6.875vw; } }

.top-service-card__ttl a:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; left: 0; color: #10c21f; text-decoration: none; }

@media (min-width: 768px) { .top-service-card__ttl a:before { top: 0.8em; font-size: 11px; } }

@media (max-width: 767px) { .top-service-card__ttl a:before { top: 0.6em; font-size: 3.4375vw; } }

@media (max-width: 767px) { .top-service-btn-sp { position: absolute; right: 0; bottom: -9.375vw; width: 100%; padding: 0 12.5vw; } }

/****************************** hover */
@media (min-width: 768px) { .top-service-card__ttl a:hover { text-decoration: underline; } }

/****************************** animation setting */
.top-service-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.top-service-fig:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.top-service-col--cont:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.top-service-card:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** is-scroll-current */
.top-service.is-scroll-current .top-service-fig:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-service.is-scroll-current .top-service-fig:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

.top-service.is-scroll-current .top-service-col--cont:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-service.is-scroll-current .top-service-more a:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-service.is-scroll-current .top-service-more a:after { -webkit-transform: scaleX(1) translateX(110%); -ms-transform: scaleX(1) translateX(110%); transform: scaleX(1) translateX(110%); }

.top-service.is-scroll-current .top-service-card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

/****************************** no-js */
.no-js .top-service-fig:before { display: none; }

.no-js .top-service-fig:after { display: none; }

.no-js .top-service-col--cont:before { display: none; }

.no-js .top-service-more a:before, .no-js .top-service-more a:after { display: none; }

.no-js .top-service-card:before { display: none; }

@media (min-width: 768px) { .top-recruit { margin: 0 9.375%; } }

@media (max-width: 767px) { .top-recruit { margin-bottom: 25vw; padding-top: 18.75vw; border-bottom: 1px solid #f1f3f5; } }

.top-recruit__inner { position: relative; }

@media (min-width: 768px) { .top-recruit__inner { max-width: 1600px; margin: auto; padding: 120px 0 200px; } }

.top-recruit-fig { position: relative; overflow: hidden; width: 100%; background-image: url(../images/top-recruit-img.jpg); background-repeat: no-repeat; background-position: left center; background-size: cover; }

@media (min-width: 768px) { .top-recruit-fig { padding-top: 37%; } }

@media (max-width: 767px) { .top-recruit-fig { padding-top: 59%; } }

.top-recruit-fig:before, .top-recruit-fig:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.top-recruit-fig:before { background-color: #fff; }

.top-recruit-fig:after { background-color: #10c21f; }

.top-recruit-fig img { width: 100%; height: auto; }

@media (min-width: 768px) { .top-recruit-cont { padding: 0 3.84615%; } }

@media (max-width: 767px) { .top-recruit-cont { padding: 0 6.25vw; } }

.top-recruit-cols { position: relative; }

@media (min-width: 768px) { .top-recruit-cols:after { content: " "; display: block; clear: both; } }

.top-recruit-col { position: relative; }

@media (min-width: 768px) { .top-recruit-col { float: left; } }

.top-recruit-col--cont { position: relative; overflow: hidden; }

@media (min-width: 768px) { .top-recruit-col--cont { width: 54.16667%; margin-top: -40px; } }

@media (max-width: 767px) { .top-recruit-col--cont { margin-top: -7.8125vw; padding: 0 6.25vw 18.75vw; } }

.top-recruit-col--cont:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

@media (min-width: 768px) { .top-recruit-col--btn { width: 45.83333%; } }

@media (max-width: 767px) { .top-recruit-col--btn { position: absolute; right: 0; bottom: -9.375vw; width: 100%; padding: 0 6.25vw; } }

.top-recruit-ttl__txt { display: block; color: #10c21f; }

.top-recruit-ttl__txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .top-recruit-ttl__txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .top-recruit-ttl__txt--ja { font-size: 3.125vw; } }

.top-recruit-ttl__txt--en { display: block; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .top-recruit-ttl__txt--en { margin-top: 5px; font-size: 52px; } }

@media (max-width: 767px) { .top-recruit-ttl__txt--en { margin-top: 1.5625vw; font-size: 8.125vw; } }

.top-recruit-subttl { margin-top: 50px; color: #10c21f; }

.top-recruit-subttl__en { display: block; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .top-recruit-subttl__en { font-size: 32px; } }

@media (max-width: 767px) { .top-recruit-subttl__en { font-size: 5vw; } }

.top-recruit-subttl__ja { display: block; letter-spacing: 0.2em; }

@media (min-width: 768px) { .top-recruit-subttl__ja { margin-top: 10px; font-size: 17px; } }

@media (max-width: 767px) { .top-recruit-subttl__ja { margin-top: 1.5625vw; font-size: 2.5vw; } }

@media (min-width: 768px) { .top-recruit-msg-ttl { margin-top: 40px; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .top-recruit-msg-ttl { margin-top: 6.25vw; font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .top-recruit-msg-txt { font-size: 14px; margin-top: 10px; line-height: 1.75; } }

@media (max-width: 767px) { .top-recruit-msg-txt { margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.5; } }

/****************************** animation setting */
.top-recruit-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.top-recruit-fig:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.top-recruit-col--cont:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** is-scroll-current */
.top-recruit.is-scroll-current .top-recruit-fig:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-recruit.is-scroll-current .top-recruit-fig:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

.top-recruit.is-scroll-current .top-recruit-col--cont:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-recruit.is-scroll-current .top-recruit-more a:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.top-recruit.is-scroll-current .top-recruit-more a:after { -webkit-transform: scaleX(1) translateX(110%); -ms-transform: scaleX(1) translateX(110%); transform: scaleX(1) translateX(110%); }

/****************************** no-js */
.no-js .top-recruit-fig:before, .no-js .top-recruit-fig:after { display: none; }

.no-js .top-recruit-col--cont:before { display: none; }

.no-js .top-recruit-more a:before, .no-js .top-recruit-more a:after { display: none; }

.top-more-btn { display: inline-block; }

@media (min-width: 768px) { .top-more-btn { position: absolute; top: 0; right: 0; margin-top: -60px; width: 50%; min-width: 240px; } }

@media (max-width: 767px) { .top-more-btn { width: 100%; } }

.top-more-btn a { display: block; position: relative; overflow: hidden; background-color: #10c21f; text-align: center; }

.top-more-btn a:before, .top-more-btn a:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top-more-btn a:before { background-color: #fff; }

.top-more-btn a:after { background-color: #10c21f; }

@media (min-width: 768px) { .top-more-btn a { line-height: 120px; } }

@media (max-width: 767px) { .top-more-btn a { line-height: 13.75vw; } }

.top-more-btn__inner { display: block; position: relative; overflow: hidden; }

.top-more-btn__inner:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 50%; color: #fff; }

@media (min-width: 768px) { .top-more-btn__inner:before { right: 32px; margin-top: -5px; font-size: 11px; } }

@media (max-width: 767px) { .top-more-btn__inner:before { right: 5vw; margin-top: -1.25vw; font-size: 3.125vw; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }

.top-more-btn__inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.top-more-btn__txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .top-more-btn__txt { font-size: 16px; } }

@media (max-width: 767px) { .top-more-btn__txt { font-size: 3.125vw; } }

/****************************** animation setting */
.top-more-btn a:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.top-more-btn a:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transition: -webkit-transform 0.3s 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.top-more-btn__inner:before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.top-more-btn__inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .top-more-btn a:hover .top-more-btn__inner:before { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); }
  .top-more-btn a:hover .top-more-btn__inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

.about-header { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .about-header { height: 540px; background-image: url(../images/about-kv-img.jpg); } }

@media (max-width: 767px) { .about-header { height: 100vh; background-image: url(../images/about-kv-img-sp.jpg); } }

.about-header__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .about-header__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .about-header__ttl { padding: 6.25vw; } }

@media (min-width: 768px) { .about-header__ttl-inner { max-width: 1600px; margin: auto; } }

.about-header__ttl-txt { display: block; color: #fff; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .about-header__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .about-header__ttl-txt { letter-spacing: 0.2em; } }

.about-header__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .about-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .about-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.about-header__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .about-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .about-header__ttl-txt--ja { font-size: 3.75vw; } }

@media (min-width: 768px) { .about-intro { margin: 0 9.375%; padding-top: 70px; } }

@media (max-width: 767px) { .about-intro { padding-top: 18.75vw; } }

@media (min-width: 768px) { .about-intro__inner { max-width: 1600px; margin: auto; } }

@media (max-width: 767px) { .about-intro__inner { padding: 0 12.5vw; } }

.about-intro__ttl { color: #10c21f; text-align: center; }

@media (min-width: 768px) { .about-intro__ttl { margin-bottom: 70px; } }

@media (max-width: 767px) { .about-intro__ttl { margin-bottom: 6.25vw; } }

.about-intro__ttl-en { display: block; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .about-intro__ttl-en { margin-bottom: 15px; font-size: 52px; } }

@media (max-width: 767px) { .about-intro__ttl-en { margin-bottom: 3.125vw; font-size: 7.8125vw; } }

.about-intro__ttl-ja { display: block; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-intro__ttl-ja { font-size: 14px; } }

.about-intro__msg { position: relative; font-weight: bold; }

@media (min-width: 768px) { .about-intro__msg { margin-bottom: 40px; padding-bottom: 40px; font-size: 24px; text-align: center; line-height: 1.75; } }

@media (max-width: 767px) { .about-intro__msg { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 5vw; line-height: 1.5; } }

.about-intro__msg:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; height: 3px; background-color: #10c21f; }

@media (min-width: 768px) { .about-intro__msg:after { width: 80px; margin-left: -40px; } }

@media (max-width: 767px) { .about-intro__msg:after { width: 12.5vw; margin-left: -6.25vw; } }

@media (min-width: 768px) { .about-intro__body { max-width: 1020px; margin: auto; } }

@media (min-width: 768px) { .about-intro__txt { font-size: 14px; line-height: 1.75; text-align: center; letter-spacing: 0.06em; } }

@media (max-width: 767px) { .about-intro__txt { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .about-intro__txt + .about-intro__txt { margin-top: 30px; } }

@media (max-width: 767px) { .about-intro__txt + .about-intro__txt { margin-top: 4.6875vw; } }

@media (min-width: 768px) { .about-logo { margin: 0 9.375%; } }

@media (max-width: 767px) { .about-logo { margin-top: 12.5vw; } }

.about-logo__inner { border-bottom: 1px solid #f1f3f5; }

@media (min-width: 768px) { .about-logo__inner { max-width: 1600px; margin: auto; padding: 100px 0 125px; } }

@media (max-width: 767px) { .about-logo__inner { padding: 0 12.5vw 18.75vw; } }

.about-logo__fig { text-align: center; }

@media (min-width: 768px) { .about-logo__fig { padding: 0 19.23077%; } }

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

@media (min-width: 768px) { .about-logo__txt { margin-top: 20px; font-weight: bold; font-size: 14px; text-align: center; line-height: 1.75; } }

@media (max-width: 767px) { .about-logo__txt { margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .about-msg { margin-top: 120px; } }

@media (max-width: 767px) { .about-msg { margin-top: 18.75vw; } }

@media (min-width: 768px) { .about-msg__sec { margin: 0 9.375%; } }

@media (min-width: 768px) { .about-msg__sec + .about-msg__sec { margin-top: 80px; } }

@media (max-width: 767px) { .about-msg__sec + .about-msg__sec { margin-top: 12.5vw; } }

@media (min-width: 768px) { .about-msg__sec-inner { max-width: 1600px; margin: auto; } }

.about-msg__sec-fig { background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .about-msg__sec-fig { padding-top: 37%; } }

@media (max-width: 767px) { .about-msg__sec-fig { padding-top: 59%; } }

@media (min-width: 768px) { .about-msg__sec-cols { margin: 0 3.84615%; }
  .about-msg__sec-cols:after { content: " "; display: block; clear: both; } }

@media (max-width: 767px) { .about-msg__sec-cols { padding: 0 12.5vw; } }

.about-msg__sec-col-ttl { position: relative; z-index: 1; }

@media (min-width: 768px) { .about-msg__sec-col-ttl { float: left; width: 41.66667%; padding-top: 75px; } }

@media (max-width: 767px) { .about-msg__sec-col-ttl { margin-bottom: 4.6875vw; padding-top: 10.9375vw; } }

.about-msg__sec-col-txt { overflow: hidden; }

@media (min-width: 768px) { .about-msg__sec-col-txt { padding-top: 75px; } }

@media (min-width: 768px) { .about-msg__sec-ttl { margin-top: -120px; margin-bottom: 50px; } }

@media (max-width: 767px) { .about-msg__sec-ttl { margin-top: -20.3125vw; margin-bottom: 4.6875vw; } }

.about-msg__sec-ttl-txt { display: block; color: #10c21f; }

.about-msg__sec-ttl-txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-msg__sec-ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .about-msg__sec-ttl-txt--ja { font-size: 3.75vw; } }

.about-msg__sec-ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .about-msg__sec-ttl-txt--en { margin-top: 5px; font-size: 52px; } }

@media (max-width: 767px) { .about-msg__sec-ttl-txt--en { margin-top: 1.5625vw; font-size: 8.125vw; } }

.about-msg__sec-copy { font-weight: bold; }

@media (min-width: 768px) { .about-msg__sec-copy { margin-bottom: 50px; } }

@media (max-width: 767px) { .about-msg__sec-copy { margin-bottom: 9.375vw; } }

.about-msg__sec-copy-ttl { display: block; }

@media (min-width: 768px) { .about-msg__sec-copy-ttl { font-size: 30px; line-height: 1.75; } }

@media (max-width: 767px) { .about-msg__sec-copy-ttl { font-size: 6.25vw; line-height: 1.5; } }

.about-msg__sec-copy-txt { display: block; }

@media (min-width: 768px) { .about-msg__sec-copy-txt { font-size: 18px; line-height: 1.75; } }

@media (max-width: 767px) { .about-msg__sec-copy-txt { font-size: 5vw; line-height: 1.5; } }

@media (min-width: 768px) { .about-msg__sec--01 .about-msg__sec-copy-txt { margin-top: 25px; } }

@media (max-width: 767px) { .about-msg__sec--01 .about-msg__sec-copy-txt { margin-top: 3.125vw; } }

.about-msg__sec-person { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.about-msg__sec-person-position { display: inline-block; vertical-align: middle; }

@media (min-width: 768px) { .about-msg__sec-person-position { font-size: 14px; } }

@media (max-width: 767px) { .about-msg__sec-person-position { font-size: 3.75vw; } }

.about-msg__sec-person-name { display: inline-block; vertical-align: middle; }

@media (min-width: 768px) { .about-msg__sec-person-name { margin-left: 5px; font-size: 20px; } }

@media (max-width: 767px) { .about-msg__sec-person-name { margin-left: 1.5625vw; font-size: 3.75vw; } }

.about-msg__sec-txt { letter-spacing: 0.01em; }

@media (min-width: 768px) { .about-msg__sec-txt { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .about-msg__sec-txt { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .about-msg__sec-txt + .about-msg__sec-txt { margin-top: 30px; } }

@media (max-width: 767px) { .about-msg__sec-txt + .about-msg__sec-txt { margin-top: 4.6875vw; } }

.about-msg__sec-txt-em { font-style: italic; }

@media (min-width: 768px) { .about-map { position: relative; margin: 130px 9.375% 0; } }

@media (max-width: 767px) { .about-map { margin-top: 20.3125vw; } }

@media (min-width: 768px) { .about-map__inner { max-width: 1600px; margin: auto; } }

@media (max-width: 767px) { .about-map__inner { padding-bottom: 18.75vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .about-map__map { padding-top: 37%; } }

@media (max-width: 767px) { .about-map__map { padding-top: 59%; } }

@media (min-width: 768px) { .about-map__btn { display: inline-block; position: absolute; top: 100%; right: 3.84615%; z-index: 2; width: 23.07692%; min-width: 240px; margin-top: -60px; } }

@media (max-width: 767px) { .about-map__btn { margin: 10.9375vw 12.5vw 0; } }

.about-map__btn a { display: block; position: relative; overflow: hidden; background-color: #10c21f; text-align: center; }

@media (min-width: 768px) { .about-map__btn a { line-height: 120px; } }

@media (max-width: 767px) { .about-map__btn a { line-height: 13.75vw; } }

.about-map__btn-inner { display: block; position: relative; overflow: hidden; }

.about-map__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.about-map__btn-txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .about-map__btn-txt { font-size: 16px; } }

@media (max-width: 767px) { .about-map__btn-txt { font-size: 3.125vw; } }

.about-map__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; color: #fff; vertical-align: middle; }

@media (min-width: 768px) { .about-map__btn-txt:before { font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

/****************************** animation setting */
.about-map__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .about-map__btn a:hover .about-map__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .about-company { position: relative; z-index: 1; margin: -140px 9.375% 0; padding-top: 100px; } }

@media (min-width: 768px) { .about-company__inner { max-width: 1600px; margin: auto; padding: 0 0 200px; } }

@media (max-width: 767px) { .about-company__inner { padding: 18.75vw 0; } }

.about-company__ttl { color: #10c21f; }

@media (min-width: 768px) { .about-company__ttl { margin-bottom: 50px; padding-left: 3.84615%; } }

@media (max-width: 767px) { .about-company__ttl { margin-bottom: 4.6875vw; padding-left: 12.5vw; } }

.about-company__ttl-txt { display: block; }

.about-company__ttl-txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-company__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .about-company__ttl-txt--ja { font-size: 3.75vw; } }

.about-company__ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .about-company__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .about-company__ttl-txt--en { margin-top: 1.5625vw; font-size: 8.125vw; } }

@media (min-width: 768px) { .about-company__cont { padding-left: 7.69231%; } }

@media (max-width: 767px) { .about-company__cont { padding: 0 12.5vw; } }

.about-company__name { font-weight: bold; }

@media (min-width: 768px) { .about-company__name { margin-bottom: 25px; font-size: 18px; } }

@media (max-width: 767px) { .about-company__name { margin-bottom: 7.8125vw; font-size: 3.75vw; } }

@media (min-width: 768px) { .about-company__info ul + ul { margin-top: 20px; } }

@media (max-width: 767px) { .about-company__info ul + ul { margin-top: 6.25vw; } }

@media (min-width: 768px) { .about-company__info li { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .about-company__info li { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .about-nav { margin: 0 9.375%; padding-top: 70px; } }

@media (max-width: 767px) { .about-nav { padding: 3.125vw 0 3.125vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .about-nav__inner { max-width: 1600px; margin: auto; padding-bottom: 20px; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .about-nav__items { letter-spacing: -0.4em; text-align: center; } }

@media (max-width: 767px) { .about-nav__items { overflow: hidden; } }

@media (min-width: 768px) { .about-nav__item { display: inline-block; letter-spacing: 0; border-right: 1px solid #495057; } }

@media (max-width: 767px) { .about-nav__item { position: relative; float: left; width: 50%; } }

@media (min-width: 768px) { .about-nav__item:last-of-type { border-right: none; } }

@media (max-width: 767px) { .about-nav__item:nth-of-type(odd):after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 6.25vw; background-color: #495057; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.about-nav__item a { display: block; font-weight: bold; }

@media (min-width: 768px) { .about-nav__item a { padding: 0 20px; font-size: 14px; } }

@media (max-width: 767px) { .about-nav__item a { padding: 7.8125vw 0; font-size: 3.125vw; text-align: center; } }

/****************************** animation setting */
.about-nav__item a { -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** hover */
@media (min-width: 768px) { .about-nav__item a:hover { color: #10c21f; } }

@media (min-width: 768px) { .about-value { margin: 0 9.375%; padding-top: 100px; } }

@media (max-width: 767px) { .about-value { padding-top: 18.75vw; } }

@media (min-width: 768px) { .about-value__inner { max-width: 1600px; margin: auto; } }

@media (max-width: 767px) { .about-value__inner { padding: 0 15.625vw; } }

.about-value__ttl { color: #10c21f; text-align: center; }

@media (min-width: 768px) { .about-value__ttl { margin-bottom: 70px; } }

@media (max-width: 767px) { .about-value__ttl { margin-bottom: 9.375vw; } }

.about-value__ttl-en { display: block; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .about-value__ttl-en { margin-bottom: 15px; font-size: 52px; } }

@media (max-width: 767px) { .about-value__ttl-en { margin-bottom: 3.125vw; font-size: 7.8125vw; } }

.about-value__ttl-ja { display: block; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-value__ttl-ja { font-size: 14px; } }

@media (max-width: 767px) { .about-value__ttl-ja { font-size: 4.375vw; } }

@media (min-width: 768px) { .about-value__cards { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -2.88462%; padding: 0 3.84615%; } }

.about-value__card { border: 1px solid #eaebed; text-align: center; }

@media (min-width: 768px) { .about-value__card { width: 33.3%; margin-left: 2.9703%; padding: 70px 0 50px; } }

@media (max-width: 767px) { .about-value__card { padding: 9.375vw 0 12.5vw; } }

@media (max-width: 767px) { .about-value__card + .about-value__card { margin-top: 4.6875vw; } }

.about-value__card-img { height: auto; }

@media (min-width: 768px) { .about-value__card-img { width: 46%; margin-bottom: 50px; } }

@media (max-width: 767px) { .about-value__card-img { width: 46%; margin-bottom: 6.25vw; } }

.about-value__card-ttl { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.14em; }

@media (min-width: 768px) { .about-value__card-ttl { font-size: 20px; } }

@media (max-width: 767px) { .about-value__card-ttl { margin-bottom: 3.125vw; font-size: 5vw; } }

@media (min-width: 768px) { .about-value__btn { max-width: 640px; margin: 75px auto 0; } }

@media (max-width: 767px) { .about-value__btn { margin-top: 9.375vw; } }

.about-value__btn a { display: block; position: relative; border: 1px solid #f1f3f5; background-color: #10c21f; text-align: center; }

.about-value__btn-inner { display: block; position: relative; overflow: hidden; }

.about-value__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.about-value__btn-txt { display: block; position: relative; z-index: 1; color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .about-value__btn-txt { font-size: 14px; line-height: 52px; } }

@media (max-width: 767px) { .about-value__btn-txt { font-size: 4.375vw; line-height: 13.125vw; } }

.about-value__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; top: 50%; right: 20px; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .about-value__btn-txt:before { margin-top: -5px; font-size: 10px; } }

@media (max-width: 767px) { .about-value__btn-txt:before { margin-top: -1.5625vw; font-size: 3.125vw; } }

/****************************** animation setting */
.about-value__btn .about-value__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .about-value__btn a:hover .about-value__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

.topics-index-header { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .topics-index-header { height: 540px; background-image: url(../images/topics-index-kv-img.jpg); } }

@media (max-width: 767px) { .topics-index-header { height: 100vh; background-image: url(../images/topics-index-kv-img-sp.jpg); } }

.topics-index-header__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .topics-index-header__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .topics-index-header__ttl { padding: 6.25vw; } }

.topics-index-header__ttl-inner { display: block; }

@media (min-width: 768px) { .topics-index-header__ttl-inner { max-width: 1600px; margin: auto; } }

.topics-index-header__ttl-txt { display: block; color: #fff; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .topics-index-header__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .topics-index-header__ttl-txt { letter-spacing: 0.2em; } }

.topics-index-header__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .topics-index-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .topics-index-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.topics-index-header__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .topics-index-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .topics-index-header__ttl-txt--ja { font-size: 3.75vw; } }

.topics-index-header__list { margin-top: 63px; display: block; }

@media (max-width: 767px) { .topics-index-header__list { display: none; } }

.topics-index-header__list-title { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.03em; line-height: 28px; padding: 10px 67px 10px 0px; color: #10c21f; float: left; }

@media (min-width: 768px) { .topics-index-header__list-title { font-size: 16px; } }

.topics-index-header__list-inner { margin: auto; }

.topics-index-header__list-wrap { border-bottom: 1px solid #f1f3f5; }

.topics-index-header__list-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 28px; position: relative; margin-bottom: 27px; border-left: 1px solid #f1f3f5; padding-left: 27px; }

.topics-index-header__list-item { width: auto; height: 100%; display: inline-block; }

.topics-index-header__list-item.is-current a span { color: #10c21f; }

.topics-index-header__list-item a { display: block; position: relative; overflow: hidden; width: auto; height: 100%; padding: 10px 0px; -webkit-transition: color .5s; transition: color .5s; }

.topics-index-header__list-item a:hover span { color: #10c21f; }

.topics-index-header__list-item span { color: #adb5bd; font-size: 16px; font-weight: 400; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.02em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0px 13px; }

/****************************** animation setting */
.topics-index-header__list-item a:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .topics-index-header__list-item a:hover:before { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .topics-index-header__list-item.is-current a:hover:before { -webkit-animation: none; animation: none; } }

/****************************** is-current */
.topics-index-header__list-item.is-current a:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

@media (min-width: 768px) { .topics-index-card-wrap { margin: 0 12.5%; } }

@media (min-width: 768px) { .topics-index-card-wrap__inner { max-width: 1600px; margin: -70px auto 0; padding: 90px 0 120px; } }

@media (max-width: 767px) { .topics-index-card-wrap__inner { padding: 0vw 12.5vw 18.75vw; } }

@media (min-width: 768px) { .topics-index-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: start; align-content: flex-start; margin-left: -3%; } }

@media (min-width: 768px) { .topics-index-card { width: 33.3%; margin-top: 70px; padding-left: 3%; } }

@media (max-width: 767px) { .topics-index-card + .topics-index-card { margin-top: 10.9375vw; } }

.topics-index-card .topics-index-card__tag { line-height: 1.8em; }

.topics-index-card a { display: block; }

.topics-index-card__img { padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .topics-index-card__img { margin-bottom: 30px; } }

@media (max-width: 767px) { .topics-index-card__img { margin-bottom: 6.25vw; } }

@media (min-width: 768px) { .topics-index-card__info { margin-bottom: 10px; } }

@media (max-width: 767px) { .topics-index-card__info { margin-bottom: 2vw; } }

.topics-index-card__category { color: #10c21f; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .topics-index-card__category { font-size: 16px; } }

@media (max-width: 767px) { .topics-index-card__category { font-size: 3.75vw; } }

.topics-index-card__tag { margin-top: 10px; font-size: 10px; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.4em; }

.topics-index-card__tag a { display: inline-block; color: #92969a; -webkit-transition: color .3s; transition: color .3s; }

.topics-index-card__tag a:after { content: ','; }

.topics-index-card__tag a:last-child:after { display: none; }

.topics-index-card__tag a:hover { color: #10c21f; }

.topics-index-card__date { font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .topics-index-card__date { margin-left: 5px; font-size: 12px; } }

@media (max-width: 767px) { .topics-index-card__date { margin-left: 1.5625vw; font-size: 3.125vw; } }

.topics-index-card__ttl { font-weight: bold; }

@media (min-width: 768px) { .topics-index-card__ttl { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-index-card__ttl { font-size: 3.75vw; line-height: 1.5; } }

/****************************** hover */
@media (min-width: 768px) { .topics-index-card a:hover .topics-index-card__ttl { text-decoration: underline; } }

@media (min-width: 768px) { .topics-index-pager { margin: 0 12.5% 130px; } }

@media (max-width: 767px) { .topics-index-pager { margin: 0 12.5vw 18.75vw; } }

.topics-index-pager__inner { overflow: hidden; letter-spacing: -0.4em; }

@media (min-width: 768px) { .topics-index-pager__inner { max-width: 1600px; margin: auto; } }

@media (max-width: 767px) { .topics-index-pager__inner { text-align: center; } }

.topics-index-pager__btn { display: inline-block; letter-spacing: 0; }

@media (min-width: 768px) { .topics-index-pager__btn { width: 30px; height: 30px; } }

@media (max-width: 767px) { .topics-index-pager__btn { width: 6.25vw; height: 6.25vw; } }

.topics-index-pager__btn a { display: block; position: relative; height: 100%; }

.topics-index-pager__btn a:before { display: block; position: absolute; top: 50%; left: 50%; color: #adb5bd; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 768px) { .topics-index-pager__btn a:before { font-size: 10px; } }

@media (max-width: 767px) { .topics-index-pager__btn a:before { font-size: 3.125vw; } }

@media (min-width: 768px) { .topics-index-pager__btn--prev { margin-right: 2px; } }

@media (max-width: 767px) { .topics-index-pager__btn--prev { margin-right: 0.625vw; } }

.topics-index-pager__btn--prev a:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media (min-width: 768px) { .topics-index-pager__btn--next { margin-left: 2px; } }

@media (max-width: 767px) { .topics-index-pager__btn--next { margin-left: 0.625vw; } }

.topics-index-pager__btn--next a:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.topics-index-pager__lists { display: inline-block; overflow: hidden; letter-spacing: 0; }

.topics-index-pager__list { float: left; border: 1px solid #f1f3f5; color: #adb5bd; text-align: center; }

@media (min-width: 768px) { .topics-index-pager__list { width: 30px; height: 30px; line-height: 28px; } }

@media (max-width: 767px) { .topics-index-pager__list { width: 6.25vw; height: 6.25vw; line-height: 5.625vw; } }

@media (min-width: 768px) { .topics-index-pager__list + .topics-index-pager__list { margin-left: 2px; } }

@media (max-width: 767px) { .topics-index-pager__list + .topics-index-pager__list { margin-left: 0.625vw; } }

.topics-index-pager__list a { display: block; color: #adb5bd; letter-spacing: 0.05em; }

@media (min-width: 768px) { .topics-index-pager__list a { font-size: 10px; } }

@media (max-width: 767px) { .topics-index-pager__list a { font-size: 3.125vw; } }

.topics-index-pager__dots { letter-spacing: 0.05em; }

@media (min-width: 768px) { .topics-index-pager__dots { font-size: 10px; } }

@media (max-width: 767px) { .topics-index-pager__dots { font-size: 3.125vw; } }

/****************************** is-current */
.topics-index-pager__list.is-current a { background-color: #10c21f; color: #fff; }

.topics-index-select { position: relative; }

@media (min-width: 768px) { .topics-index-select { display: none; } }

@media (max-width: 767px) { .topics-index-select { display: block; margin: 25px 0px 12.5vw; } }

.topics-index-select:after { content: ""; width: 72.8vw; left: 12.5vw; height: 1px; display: inline-block; background: #f1f3f5; position: absolute; }

@media (max-width: 767px) { .topics-index-select__label { display: block; position: relative; }
  .topics-index-select__label:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 50%; right: 12.5vw; z-index: 10; color: #10c21f; font-size: 1.5625vw; -webkit-transform: scale(0.7) translateY(-50%); -ms-transform: scale(0.7) translateY(-50%); transform: scale(0.7) translateY(-50%); } }

@media (max-width: 767px) { .topics-index-select__select { display: block; position: relative; width: 100%; height: 18.75vw; border-radius: 0; border: 0; margin: 0; padding-left: 12.5vw; background-color: #fff; color: #10c21f; font-size: 5vw; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; line-height: 18.75vw; letter-spacing: 0.05em; outline: none; } }

/* IE10以上で矢印を消す */
.topics-index-select__select::-ms-expand { display: none; }

.topics-index-select__select option { text-align: left; }

.topics-detail-header { position: relative; overflow: hidden; width: 100%; }

@media (min-width: 768px) { .topics-detail-header { min-height: 540px; } }

@media (max-width: 767px) { .topics-detail-header { min-height: 127.5vw; } }

.topics-detail-header:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: inherit; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.topics-detail-header:after { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.topics-detail-header__cont { position: relative; z-index: 3; width: 100%; }

@media (min-width: 768px) { .topics-detail-header__cont { padding: 250px 9.375% 120px; } }

@media (max-width: 767px) { .topics-detail-header__cont { padding: 39.0625vw 6.25vw 32.8125vw; } }

@media (min-width: 768px) { .topics-detail-header__cont-inner { max-width: 1600px; margin: auto; } }

.topics-detail-header__page-name { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .topics-detail-header__page-name { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; text-align: center; } }

@media (max-width: 767px) { .topics-detail-header__page-name { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

@media (min-width: 768px) { .topics-detail-header__info { margin-bottom: 15px; } }

@media (max-width: 767px) { .topics-detail-header__info { margin-bottom: 4.6875vw; } }

.topics-detail-header__category { color: #10c21f; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .topics-detail-header__category { font-size: 14px; } }

@media (max-width: 767px) { .topics-detail-header__category { font-size: 3.75vw; } }

.topics-detail-header__date { color: #fff; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .topics-detail-header__date { margin-left: 5px; font-size: 14px; } }

@media (max-width: 767px) { .topics-detail-header__date { margin-left: 1.5625vw; font-size: 3.75vw; } }

.topics-detail-header__ttl { color: #fff; font-weight: bold; }

@media (min-width: 768px) { .topics-detail-header__ttl { font-size: 20px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-detail-header__ttl { font-size: 5.625vw; line-height: 1.5; } }

.topics-detail-header__tag { margin: 20px 0px 30px; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.4em; }

.topics-detail-header__tag a { margin-right: 5px; font-size: 10px; color: #fff; -webkit-transition: color .3s; transition: color .3s; }

.topics-detail-header__tag a:hover { color: #10c21f; }

.topics-detail-header__tag a:last-child:after { display: none; }

.topics-detail-header__tag a:after { content: ","; display: inline-block; }

.topics-detail-back { position: relative; text-align: right; }

@media (min-width: 768px) { .topics-detail-back { margin-top: 70px; } }

@media (max-width: 767px) { .topics-detail-back { margin-top: 10.9375vw; } }

.topics-detail-back:before { content: ''; display: block; position: absolute; top: 50%; left: 0; z-index: 0; width: 100%; height: 1px; background-color: #f1f3f5; }

.topics-detail-back__btn { display: inline-block; position: relative; z-index: 1; }

@media (min-width: 768px) { .topics-detail-back__btn { width: 47%; min-width: 300px; } }

@media (max-width: 767px) { .topics-detail-back__btn { width: 100%; padding: 0 6.25vw; } }

.topics-detail-back__btn a { display: block; position: relative; overflow: hidden; background-color: #10c21f; text-align: center; }

@media (min-width: 768px) { .topics-detail-back__btn a { line-height: 54px; } }

@media (max-width: 767px) { .topics-detail-back__btn a { line-height: 13.75vw; } }

.topics-detail-back__btn-inner { display: block; position: relative; overflow: hidden; }

.topics-detail-back__btn-inner:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 50%; color: #fff; }

@media (min-width: 768px) { .topics-detail-back__btn-inner:before { left: 30px; margin-top: -5px; font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

@media (max-width: 767px) { .topics-detail-back__btn-inner:before { left: 3.75vw; margin-top: -0.5em; font-size: 3.125vw; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }

.topics-detail-back__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.topics-detail-back__btn-txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .topics-detail-back__btn-txt { font-size: 16px; } }

@media (max-width: 767px) { .topics-detail-back__btn-txt { font-size: 3.125vw; } }

/****************************** animation setting */
.topics-detail-back__btn-inner:before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.topics-detail-back__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

/****************************** hover */
@media (min-width: 768px) { .topics-detail-back__btn a:hover .topics-detail-back__btn-inner:before { -webkit-transform: scale(0.8) translateX(-20%); -ms-transform: scale(0.8) translateX(-20%); transform: scale(0.8) translateX(-20%); }
  .topics-detail-back__btn a:hover .topics-detail-back__btn-inner:after { -webkit-animation: btn-hover-back 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover-back 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

.topics-detail-cont { position: relative; z-index: 4; }

@media (min-width: 768px) { .topics-detail-cont { margin: -90px 25% 0; padding-bottom: 230px; } }

@media (max-width: 767px) { .topics-detail-cont { margin: -26.5625vw 6.25vw 0; padding-bottom: 28.125vw; } }

@media (min-width: 768px) { .topics-detail-cont__inner { max-width: 1600px; margin: auto; } }

@media (min-width: 768px) { .topics-detail-eyecatch { margin-bottom: 40px; } }

@media (max-width: 767px) { .topics-detail-eyecatch { margin-bottom: 12.5vw; } }

.topics-detail-eyecatch img { width: 100%; height: auto; }

@media (min-width: 768px) { .topics-detail-free { margin-bottom: 130px; } }

@media (max-width: 767px) { .topics-detail-free { margin-bottom: 15.625vw; } }

.topics-detail-free h2 { border-top: 1px solid #495057; border-bottom: 1px solid #495057; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .topics-detail-free h2 { margin: 40px 0 30px; padding: 20px 0; font-size: 20px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-detail-free h2 { margin: 12.5vw 0 9.375vw; padding: 4.6875vw 0; font-size: 5.625vw; line-height: 1.5; } }

.topics-detail-free h3 { font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .topics-detail-free h3 { margin: 40px 0 20px; font-size: 16px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-detail-free h3 { margin: 12.5vw 0 6.25vw; font-size: 5vw; line-height: 1.5; } }

@media (min-width: 768px) { .topics-detail-free p { margin: 30px 0; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-detail-free p { margin: 9.375vw 0; font-size: 4.375vw; line-height: 1.5; } }

.topics-detail-free img { max-width: 100%; height: auto; }

@media (min-width: 768px) { .topics-detail-free > ul { margin: 30px 0; } }

@media (max-width: 767px) { .topics-detail-free > ul { margin: 9.375vw 0; } }

.topics-detail-free li { padding-left: 1.3em; text-indent: -1.3em; font-weight: bold; }

@media (min-width: 768px) { .topics-detail-free li { margin: 10px 0; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-detail-free li { margin: 3.125vw 0; font-size: 4.375vw; line-height: 1.5; } }

.topics-detail-free li:before { content: ''; display: inline-block; position: relative; top: -0.1em; margin-right: 0.6em; background-color: #10c21f; vertical-align: middle; }

@media (min-width: 768px) { .topics-detail-free li:before { width: 10px; height: 2px; } }

@media (max-width: 767px) { .topics-detail-free li:before { width: 3.125vw; height: 0.625vw; } }

@media (min-width: 768px) { .topics-detail-free li ul { margin-left: 2em; } }

@media (max-width: 767px) { .topics-detail-free li ul { margin-left: 1em; } }

.topics-detail-free a { color: #10c21f; text-decoration: underline; }

@media (min-width: 768px) { .topics-detail-free a { font-size: 14px; } }

@media (min-width: 768px) and (min-width: 768px) { .topics-detail-free a:hover { text-decoration: none; } }

@media (max-width: 767px) { .topics-detail-free a { font-size: 4.375vw; } }

.topics-detail-free a[target="_blank"]:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #10c21f; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); text-decoration: none; }

@media (min-width: 768px) { .topics-detail-free a[target="_blank"]:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .topics-detail-free a[target="_blank"]:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

.topics-detail-related__ttl { position: relative; }

@media (min-width: 768px) { .topics-detail-related__ttl { margin-bottom: 20px; } }

@media (max-width: 767px) { .topics-detail-related__ttl { margin-bottom: 9.375vw; } }

.topics-detail-related__ttl span { position: relative; z-index: 1; background-color: #fff; color: #10c21f; font-weight: bold; }

@media (min-width: 768px) { .topics-detail-related__ttl span { padding-right: 40px; font-size: 20px; } }

@media (max-width: 767px) { .topics-detail-related__ttl span { padding-right: 5.3125vw; font-size: 5.625vw; } }

.topics-detail-related__item { border-bottom: 1px solid #f1f3f5; }

.topics-detail-related__item:first-of-type { border-top: 1px solid #f1f3f5; }

.topics-detail-related__item a { display: block; }

.topics-detail-related__item-cols { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

@media (max-width: 767px) { .topics-detail-related__item-cols { padding-bottom: 3.125vw; } }

.topics-detail-related__item-col { width: 62.5%; vertical-align: middle; }

@media (min-width: 768px) { .topics-detail-related__item-col--fig { -ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; }
  .topics-detail-related__item-col--fig a { padding: 40px 0px; } }

@media (max-width: 767px) { .topics-detail-related__item-col--fig { width: 37.5vw; vertical-align: top; } }

@media (min-width: 768px) { .topics-detail-related__item-col--cont { padding: 40px 6.25%; } }

@media (max-width: 767px) { .topics-detail-related__item-col--cont { padding: 3.125vw 3.125vw 0; } }

.topics-detail-related__fig { padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.topics-detail-related__item-info { font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .topics-detail-related__item-info { margin-bottom: 10px; } }

@media (max-width: 767px) { .topics-detail-related__item-info { margin-bottom: 2vw; } }

.topics-detail-related__item-category { color: #10c21f; font-weight: bold; vertical-align: middle; }

@media (min-width: 768px) { .topics-detail-related__item-category { font-size: 16px; } }

@media (max-width: 767px) { .topics-detail-related__item-category { font-size: 3.125vw; } }

.topics-detail-related__item-date { vertical-align: middle; }

@media (min-width: 768px) { .topics-detail-related__item-date { margin-left: 5px; font-size: 12px; } }

@media (max-width: 767px) { .topics-detail-related__item-date { margin-left: 1.5625vw; font-size: 3.125vw; } }

.topics-detail-related__item-ttl { font-weight: bold; letter-spacing: 0.05em; }

@media (min-width: 768px) { .topics-detail-related__item-ttl { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .topics-detail-related__item-ttl { font-size: 3.125vw; line-height: 1.5; } }

.topics-detail-related__item-tag { margin-top: 10px; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.4em; }

.topics-detail-related__item-tag a { display: inline-block; font-size: 10px; margin-right: 5px; color: #92969a; -webkit-transition: color .3s; transition: color .3s; }

.topics-detail-related__item-tag a:hover { color: #10c21f; }

.topics-detail-related__item-tag a:last-child:after { display: none; }

.topics-detail-related__item-tag a:after { content: ','; }

/****************************** hover */
@media (min-width: 768px) { .topics-detail-related__item a:hover .topics-detail-related__item-ttl { text-decoration: underline; } }

.topics-detail-sns { overflow: hidden; }

@media (min-width: 768px) { .topics-detail-sns { margin-bottom: 20px; } }

@media (max-width: 767px) { .topics-detail-sns { margin-bottom: 10.9375vw; } }

.topics-detail-sns__item { float: left; }

@media (min-width: 768px) { .topics-detail-sns__item + .topics-detail-sns__item { margin-left: 8px; } }

@media (max-width: 767px) { .topics-detail-sns__item + .topics-detail-sns__item { margin-left: 1.25vw; } }

@media (max-width: 767px) { .topics-detail-sns__item--fb-like { display: none; } }

.service-header { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/service-kv-img.jpg); }

@media (min-width: 768px) { .service-header { height: 540px; } }

@media (max-width: 767px) { .service-header { height: 100vh; } }

.service-header__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .service-header__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .service-header__ttl { padding: 6.25vw; } }

.service-header__ttl-inner { display: block; }

@media (min-width: 768px) { .service-header__ttl-inner { max-width: 1600px; margin: auto; } }

.service-header__ttl-txt { display: block; color: #fff; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .service-header__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .service-header__ttl-txt { letter-spacing: 0.2em; } }

.service-header__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .service-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .service-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.service-header__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .service-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .service-header__ttl-txt--ja { font-size: 3.75vw; } }

@media (min-width: 768px) { .service-nav { margin: 0 9.375%; padding-top: 70px; } }

@media (max-width: 767px) { .service-nav { padding: 4.6875vw 0; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .service-nav__inner { max-width: 1600px; margin: auto; padding-bottom: 20px; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .service-nav__items { letter-spacing: -0.4em; text-align: center; } }

@media (max-width: 767px) { .service-nav__items { overflow: hidden; } }

@media (min-width: 768px) { .service-nav__item { display: inline-block; letter-spacing: 0; border-right: 1px solid #495057; } }

@media (max-width: 767px) { .service-nav__item { position: relative; float: left; } }

@media (max-width: 767px) { .service-nav__item:nth-of-type(1) { width: 20%; } }

@media (max-width: 767px) { .service-nav__item:nth-of-type(2) { width: 40%; } }

@media (max-width: 767px) { .service-nav__item:nth-of-type(3) { width: 40%; } }

@media (min-width: 768px) { .service-nav__item:last-of-type { border-right: none; } }

@media (max-width: 767px) { .service-nav__item:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 6.25vw; background-color: #495057; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) { .service-nav__item:last-of-type:after { display: none; } }

.service-nav__item a { display: block; font-weight: bold; }

@media (min-width: 768px) { .service-nav__item a { padding: 0 20px; font-size: 14px; } }

@media (max-width: 767px) { .service-nav__item a { padding: 7.8125vw 0; font-size: 3.125vw; text-align: center; } }

/****************************** animation setting */
.service-nav__item a { -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** hover */
@media (min-width: 768px) { .service-nav__item a:hover { color: #10c21f; } }

@media (min-width: 768px) { .service-service { margin: 0 9.375%; } }

@media (max-width: 767px) { .service-service { margin: 0 12.5vw; } }

.service-service__inner { border-bottom: 1px solid #f1f3f5; }

@media (min-width: 768px) { .service-service__inner { max-width: 1600px; margin: auto; padding: 120px 3.84615%; } }

@media (max-width: 767px) { .service-service__inner { padding: 9.375vw 0 18.75vw; } }

@media (min-width: 768px) { .service-service__ttl { margin-bottom: 50px; } }

@media (max-width: 767px) { .service-service__ttl { margin-bottom: 30px; } }

.service-service__ttl-txt { display: block; color: #10c21f; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .service-service__ttl-txt--ja { margin-bottom: 10px; font-size: 14px; } }

@media (max-width: 767px) { .service-service__ttl-txt--ja { font-size: 3.125vw; } }

.service-service__ttl-txt--en { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .service-service__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .service-service__ttl-txt--en { font-size: 8.125vw; } }

.service-service__read { font-size: 20px; font-weight: bold; letter-spacing: 0.06em; }

@media (min-width: 768px) { .service-service__read { margin-bottom: 65px; line-height: 1.6; } }

@media (max-width: 767px) { .service-service__read { margin-bottom: 60px; line-height: 1.5; } }

@media (min-width: 768px) { .service-service__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -50px; margin-left: -4%; } }

@media (min-width: 768px) { .service-service__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 46%; margin-top: 50px; margin-left: 4%; } }

@media (max-width: 767px) { .service-service__card + .service-service__card { margin-top: 50px; } }

@media (min-width: 768px) { .service-service__card-fig { width: 103px; height: 103px; -ms-flex-negative: 0; flex-shrink: 0; } }

@media (max-width: 767px) { .service-service__card-fig { padding: 0 18.75vw; } }

.service-service__card-fig-img { width: 100%; }

@media (min-width: 768px) { .service-service__card-fig-detail { margin-left: 30px; } }

@media (max-width: 767px) { .service-service__card-fig-detail { margin-top: 30px; } }

.service-service__card-fig-detail-ttl { font-weight: bold; }

@media (min-width: 768px) { .service-service__card-fig-detail-ttl { font-size: 17px; line-height: 1.76; } }

@media (max-width: 767px) { .service-service__card-fig-detail-ttl { font-size: 20px; line-height: 1.5; text-align: center; } }

@media (min-width: 768px) { .service-service__card-fig-detail-read { margin-top: 20px; font-size: 14px; line-height: 1.71; } }

@media (max-width: 767px) { .service-service__card-fig-detail-read { margin-top: 20px; font-size: 15px; line-height: 1.7; } }

@media (min-width: 768px) { .service-business { margin: 0 9.375%; } }

@media (min-width: 768px) { .service-business__inner { max-width: 1600px; margin: auto; padding-bottom: 130px; border-bottom: 1px solid #f1f3f5; } }

.service-business__ttl-txt { display: block; color: #10c21f; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .service-business__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .service-business__ttl-txt--ja { font-size: 3.125vw; } }

.service-business__ttl-txt--en { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .service-business__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .service-business__ttl-txt--en { font-size: 8.125vw; } }

@media (min-width: 768px) { .service-business__txt { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .service-business__txt { font-size: 4.375vw; line-height: 1.5; } }

.service-business__btn { display: inline-block; }

@media (min-width: 768px) { .service-business__btn { position: absolute; top: 0; right: 0; z-index: 2; width: 23.07692%; min-width: 240px; margin-top: -15px; } }

@media (max-width: 767px) { .service-business__btn { width: 100%; padding: 0 12.5vw; } }

.service-business__btn a { display: block; position: relative; overflow: hidden; background-color: #10c21f; text-align: center; }

@media (min-width: 768px) { .service-business__btn a { line-height: 120px; } }

@media (max-width: 767px) { .service-business__btn a { line-height: 13.75vw; } }

.service-business__btn-inner { display: block; position: relative; overflow: hidden; }

.service-business__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.service-business__btn-txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .service-business__btn-txt { font-size: 16px; } }

@media (max-width: 767px) { .service-business__btn-txt { font-size: 3.125vw; } }

.service-business__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; color: #fff; vertical-align: middle; }

@media (min-width: 768px) { .service-business__btn-txt:before { font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

.service-business__production { position: relative; }

@media (min-width: 768px) { .service-business__production { margin: 0 3.84615%; } }

@media (max-width: 767px) { .service-business__production { margin-top: 18.75vw; padding: 0 12.5vw; border-bottom: 1px solid #f1f3f5; } }

.service-business__production-ttl { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .service-business__production-ttl { position: absolute; top: 15px; left: 0; font-size: 30px; } }

@media (max-width: 767px) { .service-business__production-ttl { margin-bottom: 7.8125vw; font-size: 6.25vw; } }

@media (min-width: 768px) { .service-business__production-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.service-business__production-col { position: relative; }

@media (min-width: 768px) { .service-business__production-col--img { width: 42%; } }

@media (max-width: 767px) { .service-business__production-col--img { margin-bottom: 7.8125vw; } }

@media (min-width: 768px) { .service-business__production-col--cont { width: 58%; padding-top: 80px; padding-right: 7.291666666666667%; } }

@media (max-width: 767px) { .service-business__production-col--cont { padding-bottom: 12.5vw; } }

.service-business__production-img { position: relative; padding-top: 68.3046683046683%; }

.service-business__production-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 768px) { .service-business__production-txt { margin-bottom: 45px; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .service-business__production-txt { font-size: 4.375vw; line-height: 1.5; } }

@media (max-width: 767px) { .service-business__production__btn { position: absolute; bottom: -9.375vw; left: 0; width: 100%; } }

.service-business__production__btn a { display: block; position: relative; border: 1px solid #f1f3f5; background-color: #10c21f; text-align: center; }

.service-business__production__btn-inner { display: block; position: relative; overflow: hidden; }

.service-business__production__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.service-business__production__btn-txt { color: #fff; font-weight: bold; }

@media (min-width: 768px) { .service-business__production__btn-txt { position: relative; z-index: 1; font-size: 14px; line-height: 52px; } }

@media (max-width: 767px) { .service-business__production__btn-txt { font-size: 3.75vw; line-height: 13.125vw; } }

.service-business__production__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .service-business__production__btn-txt:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .service-business__production__btn-txt:before { position: absolute; top: 50%; left: 10px; margin-right: 1.5625vw; font-size: 3.125vw; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); } }

/****************************** animation setting */
.service-business__btn-inner:after, .service-business__production__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .service-business__btn a:hover .service-business__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .service-business__production__btn a:hover .service-business__production__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .service-policy { margin: 0 9.375%; padding-top: 130px; } }

.service-policy__inner { border-bottom: 1px solid #f1f3f5; }

@media (min-width: 768px) { .service-policy__inner { max-width: 1600px; margin: auto; padding: 0 3.84615% 120px; } }

@media (max-width: 767px) { .service-policy__inner { padding: 18.75vw 6.25vw; } }

@media (min-width: 768px) { .service-policy__ttl { margin-bottom: 65px; } }

@media (max-width: 767px) { .service-policy__ttl { margin-bottom: 9.375vw; padding: 0 6.25vw; } }

.service-policy__ttl-txt { display: block; color: #10c21f; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .service-policy__ttl-txt { text-align: center; } }

@media (min-width: 768px) { .service-policy__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .service-policy__ttl-txt--ja { font-size: 3.125vw; } }

.service-policy__ttl-txt--en { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .service-policy__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .service-policy__ttl-txt--en { font-size: 8.125vw; letter-spacing: 0.06em; } }

.service-policy__lead { font-size: 14px; font-weight: bold; letter-spacing: 0.06em; line-height: 1.6; }

@media (min-width: 768px) { .service-policy__lead { margin-bottom: 65px; } }

@media (max-width: 767px) { .service-policy__lead { margin-bottom: 12.5vw; padding: 0 6.25vw; } }

@media (min-width: 768px) { .service-policy__btn { max-width: 640px; margin: 60px auto 0; } }

@media (max-width: 767px) { .service-policy__btn { margin-top: 9.375vw; padding: 0 6.25vw; } }

.service-policy__btn a { display: block; position: relative; background-color: #10c21f; text-align: center; }

.service-policy__btn-inner { display: block; position: relative; overflow: hidden; }

.service-policy__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.service-policy__btn-txt { display: block; position: relative; z-index: 1; color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .service-policy__btn-txt { font-size: 15px; line-height: 52px; } }

@media (max-width: 767px) { .service-policy__btn-txt { font-size: 3.75vw; line-height: 13.125vw; } }

.service-policy__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; top: 50%; right: 20px; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .service-policy__btn-txt:before { margin-top: -5px; font-size: 10px; } }

@media (max-width: 767px) { .service-policy__btn-txt:before { margin-top: -1.5625vw; font-size: 3.125vw; } }

@media (max-width: 767px) { .android.chrome .service-policy__btn-txt:before { margin-top: 0; } }

/****************************** animation setting */
.service-policy__btn .service-policy__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .service-policy__btn a:hover .service-policy__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .service-strength { margin: 0 9.375%; } }

@media (max-width: 767px) { .service-strength { margin: 0 12.5vw; } }

.service-strength__inner { border-bottom: 1px solid #f1f3f5; }

@media (min-width: 768px) { .service-strength__inner { max-width: 1600px; margin: auto; padding: 120px 3.84615%; } }

@media (max-width: 767px) { .service-strength__inner { padding: 18.75vw 0; } }

@media (min-width: 768px) { .service-strength__ttl { margin-bottom: 50px; } }

@media (max-width: 767px) { .service-strength__ttl { margin-bottom: 7.8125vw; } }

.service-strength__ttl-txt { display: block; color: #10c21f; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .service-strength__ttl-txt--ja { margin-bottom: 10px; font-size: 14px; } }

@media (max-width: 767px) { .service-strength__ttl-txt--ja { margin-bottom: 1.5625vw; font-size: 3.125vw; } }

.service-strength__ttl-txt--en { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .service-strength__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .service-strength__ttl-txt--en { font-size: 8.125vw; } }

@media (min-width: 768px) { .service-strength__group-read { margin-top: 30px; } }

.service-strength__group-read-main { font-weight: bold; }

@media (min-width: 768px) { .service-strength__group-read-main { font-size: 25px; line-height: 1.2; } }

@media (max-width: 767px) { .service-strength__group-read-main { font-size: 20px; line-height: 1.5; } }

.service-strength__group-read-sub { margin-top: 25px; font-weight: bold; line-height: 1.71; }

@media (min-width: 768px) { .service-strength__group-read-sub { font-size: 14px; } }

@media (max-width: 767px) { .service-strength__group-read-sub { font-size: 15px; } }

@media (max-width: 767px) { .service-strength__section ~ .service-strength__section { margin-top: 50px; } }

@media (min-width: 768px) { .service-strength__section { margin-top: 70px; } }

@media (max-width: 767px) { .service-strength__section { margin-top: 30px; } }

@media (min-width: 768px) { .service-strength__section-ttl { margin-top: 20px; } }

.service-strength__section-ttl--en { font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; color: #10c21f; }

@media (min-width: 768px) { .service-strength__section-ttl--en { font-size: 15px; line-height: 1.5; letter-spacing: 1.2px; } }

@media (max-width: 767px) { .service-strength__section-ttl--en { font-size: 13px; line-height: 1.73; letter-spacing: 1.04px; } }

.service-strength__section-ttl--jp { display: block; font-weight: bold; }

@media (min-width: 768px) { .service-strength__section-ttl--jp { margin-top: 15px; font-size: 28px; line-height: 1.07; } }

@media (max-width: 767px) { .service-strength__section-ttl--jp { font-size: 20px; line-height: 1.5; } }

.service-strength__section-ttl-read { display: block; margin-top: 15px; }

@media (min-width: 768px) { .service-strength__section-ttl-read { font-size: 14px; line-height: 1.71; } }

@media (max-width: 767px) { .service-strength__section-ttl-read { font-size: 15px; line-height: 1.7; } }

.service-strength__section-ttl-read-item { position: relative; padding-left: 15px; }

@media (min-width: 768px) { .service-strength__section-ttl-read-item { font-size: 14px; line-height: 1.71; } }

@media (max-width: 767px) { .service-strength__section-ttl-read-item { font-size: 15px; line-height: 1.7; } }

.service-strength__section-ttl-read-item::before { position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #10c21f; content: ''; }

@media (min-width: 768px) { .service-strength__section-01-cont { margin-top: 40px; } }

@media (max-width: 767px) { .service-strength__section-01-cont { margin-top: 20px; } }

@media (min-width: 768px) { .service-strength__section-01-figs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -2%; } }

.service-strength__section-01-fig { border: solid 1px #eaebed; }

@media (max-width: 767px) { .service-strength__section-01-fig ~ .service-strength__section-01-fig { margin-top: 25px; } }

@media (min-width: 768px) { .service-strength__section-01-fig { width: calc(33.333% - 2%); margin-left: 2%; padding: 2.69231%; } }

@media (max-width: 767px) { .service-strength__section-01-fig { padding: 9.375vw; } }

.service-strength__section-01-fig img { width: 100%; }

.service-strength__section-01-fig-note { text-align: right; }

@media (min-width: 768px) { .service-strength__section-01-fig-note { margin-top: 10px; font-size: 12px; line-height: 2; } }

@media (max-width: 767px) { .service-strength__section-01-fig-note { margin-top: 20px; font-size: 10px; line-height: 1.4; } }

@media (min-width: 768px) { .service-strength__section-03-fig { margin-top: 50px; } }

@media (max-width: 767px) { .service-strength__section-03-fig { margin-top: 20px; } }

.service-strength__section-03-figwrap { border: solid 1px #eaebed; }

@media (min-width: 768px) { .service-strength__section-03-figwrap { padding: 2.69231% 3.84615%; } }

@media (max-width: 767px) { .service-strength__section-03-figwrap { padding: 4.6875vw; } }

.service-strength__section-03-figwrap img { width: 100%; }

@media (min-width: 768px) { .service-strength__section-03-fig-img { display: inline; } }

@media (max-width: 767px) { .service-strength__section-03-fig-img { display: none; } }

@media (min-width: 768px) { .service-strength__section-03-fig-img-sp { display: none; } }

@media (max-width: 767px) { .service-strength__section-03-fig-img-sp { display: inline; } }

.service-strength__section-03-figcaption { text-align: right; }

@media (min-width: 768px) { .service-strength__section-03-figcaption { margin-top: 10px; font-size: 12px; line-height: 2; } }

@media (max-width: 767px) { .service-strength__section-03-figcaption { margin-top: 20px; font-size: 10px; line-height: 1.4; } }

@media (min-width: 768px) { .service-contact { margin: 0 9.375%; padding-top: 130px; padding-bottom: 175px; } }

@media (min-width: 768px) { .service-contact__inner { max-width: 1600px; margin: auto; padding: 0 3.84615%; } }

@media (max-width: 767px) { .service-contact__inner { padding: 18.75vw 6.25vw 26.5625vw; } }

@media (min-width: 768px) { .service-contact__ttl { margin-bottom: 65px; } }

@media (max-width: 767px) { .service-contact__ttl { margin-bottom: 9.375vw; padding: 0 6.25vw; } }

.service-contact__ttl-txt { display: block; color: #10c21f; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .service-contact__ttl-txt { text-align: center; } }

@media (min-width: 768px) { .service-contact__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .service-contact__ttl-txt--ja { font-size: 3.125vw; } }

.service-contact__ttl-txt--en { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .service-contact__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .service-contact__ttl-txt--en { font-size: 8.125vw; letter-spacing: 0.06em; } }

.service-contact__lead { font-size: 14px; font-weight: bold; letter-spacing: 0.06em; line-height: 1.6; }

@media (min-width: 768px) { .service-contact__lead { margin-bottom: 65px; text-align: center; } }

@media (max-width: 767px) { .service-contact__lead { margin-bottom: 12.5vw; padding: 0 6.25vw; } }

@media (min-width: 768px) { .service-contact__btn { max-width: 640px; margin: 60px auto 0; } }

@media (max-width: 767px) { .service-contact__btn { margin-top: 9.375vw; padding: 0 6.25vw; } }

.service-contact__btn a { display: block; position: relative; background-color: #10c21f; text-align: center; }

.service-contact__btn-inner { display: block; position: relative; overflow: hidden; }

.service-contact__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.service-contact__btn-txt { display: block; position: relative; z-index: 1; color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .service-contact__btn-txt { font-size: 15px; line-height: 52px; } }

@media (max-width: 767px) { .service-contact__btn-txt { font-size: 3.75vw; line-height: 13.125vw; } }

.service-contact__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; top: 50%; right: 20px; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .service-contact__btn-txt:before { margin-top: -5px; font-size: 10px; } }

@media (max-width: 767px) { .service-contact__btn-txt:before { margin-top: -1.5625vw; font-size: 3.125vw; } }

@media (max-width: 767px) { .android.chrome .service-contact__btn-txt:before { margin-top: 0; } }

/****************************** animation setting */
.service-contact__btn .service-contact__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .service-contact__btn a:hover .service-contact__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-footer .recruit-controls { margin-bottom: 10px; } }

@media (max-width: 767px) { .recruit-footer .recruit-controls { margin-bottom: 3.125vw; } }

@media (min-width: 768px) { .recruit-controls__btns { max-width: 640px; margin: auto; } }

@media (min-width: 768px) { .recruit-controls__btns-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; margin-left: -10px; } }

@media (min-width: 768px) { .recruit-controls__btn { width: calc(50% - 10px); margin-top: 10px; margin-left: 10px; } }

.recruit-controls__btn a { display: block; position: relative; border: 1px solid #f1f3f5; background-color: #10c21f; text-align: center; }

.recruit-controls__btn-inner { display: block; position: relative; overflow: hidden; }

.recruit-controls__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.recruit-controls__btn-txt { color: #fff; font-weight: bold; }

@media (min-width: 768px) { .recruit-controls__btn-txt { position: relative; z-index: 1; font-size: 14px; line-height: 52px; } }

@media (max-width: 767px) { .recruit-controls__btn-txt { font-size: 3.75vw; line-height: 13.125vw; } }

.recruit-controls__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .recruit-controls__btn-txt:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .recruit-controls__btn-txt:before { position: absolute; top: 50%; left: 10px; margin-right: 1.5625vw; font-size: 3.125vw; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); } }

@media (min-width: 768px) { .recruit-controls__btn--infographics a { border-left: none; } }

@media (max-width: 767px) { .recruit-controls__btn--infographics a { border-top: none; } }

/****************************** animation setting */
.recruit-controls__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-controls__btn a:hover .recruit-controls__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-culture { margin: 0 9.375%; } }

@media (max-width: 767px) { .recruit-culture { padding: 0 12.5vw; } }

@media (min-width: 768px) { .recruit-culture__inner { max-width: 1600px; margin: auto; padding: 120px 0 70px; border-bottom: 1px solid #f1f3f5; } }

@media (max-width: 767px) { .recruit-culture__inner { padding: 18.75vw 0; } }

@media (min-width: 768px) { .recruit-culture__ttl { margin-bottom: 50px; text-align: center; } }

@media (max-width: 767px) { .recruit-culture__ttl { margin-bottom: 6.25vw; } }

.recruit-culture__ttl-txt { display: block; font-weight: bold; }

@media (min-width: 768px) { .recruit-culture__ttl-txt { font-size: 24px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-culture__ttl-txt { font-size: 5.625vw; line-height: 1.5; } }

@media (min-width: 768px) { .recruit-culture__txt { margin-bottom: 70px; padding: 0 9.61538%; font-size: 16px; text-align: center; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-culture__txt { margin-bottom: 10.9375vw; font-size: 3.75vw; line-height: 1.5; } }

/****************************** animation setting */
.recruit-culture { opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/****************************** is-scroll-current */
.recruit-culture.is-scroll-current { opacity: 1; }

/****************************** no-js */
.no-js .recruit-culture { opacity: 1; }

@media (min-width: 768px) { .recruit-jobs { margin: 0 9.375%; } }

@media (min-width: 768px) { .recruit-jobs__inner { max-width: 1600px; margin: auto; padding-bottom: 140px; } }

@media (min-width: 768px) { .recruit-job + .recruit-job { padding-top: 150px; } }

@media (max-width: 767px) { .recruit-job + .recruit-job { margin-top: 18.75vw; } }

@media (max-width: 767px) { .recruit-job:last-of-type { padding-bottom: 18.75vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-job:first-of-type { padding-top: 120px; } }

.recruit-job__header a { display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .recruit-job__header a { padding-top: 37%; } }

@media (max-width: 767px) { .recruit-job__header a { padding-top: 59%; } }

.recruit-job__header a:before, .recruit-job__header a:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.recruit-job__header a:before { background-color: #fff; }

.recruit-job__header-ttl { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .recruit-job__header-ttl { left: 3.84615%; } }

@media (max-width: 767px) { .recruit-job__header-ttl { left: 12.5vw; } }

.recruit-job__header-ttl-txt { display: block; color: #fff; }

.recruit-job__header-ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.12em; }

@media (min-width: 768px) { .recruit-job__header-ttl-txt--en { margin-bottom: 10px; font-size: 52px; } }

@media (max-width: 767px) { .recruit-job__header-ttl-txt--en { margin-bottom: 1.5625vw; font-size: 8.125vw; } }

.recruit-job__header-ttl-txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .recruit-job__header-ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .recruit-job__header-ttl-txt--ja { font-size: 3.125vw; } }

.recruit-job__header-btn { display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .recruit-job__header-btn { right: 3.84615%; width: 23.07692%; min-width: 240px; } }

@media (max-width: 767px) { .recruit-job__header-btn { right: 12.5vw; width: 25vw; } }

.recruit-job__header-btn-bg { display: block; position: relative; overflow: hidden; border: 3px solid #fff; background-color: transparent; text-align: center; }

.recruit-job__header-btn-bg:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

.recruit-job__header-btn-inner { display: block; position: relative; overflow: hidden; }

.recruit-job__header-btn-inner:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 50%; color: #fff; }

@media (min-width: 768px) { .recruit-job__header-btn-inner:before { right: 32px; margin-top: -5px; font-size: 11px; } }

@media (max-width: 767px) { .recruit-job__header-btn-inner:before { right: -0.625vw; margin-top: -1.25vw; font-size: 3.125vw; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }

.recruit-job__header-btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.recruit-job__header-btn-txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .recruit-job__header-btn-txt { font-size: 16px; line-height: 114px; } }

@media (max-width: 767px) { .recruit-job__header-btn-txt { font-size: 3.75vw; line-height: 16.875vw; } }

@media (min-width: 768px) { .recruit-job__cont { padding: 0 3.84615%; } }

@media (max-width: 767px) { .recruit-job__cont { padding: 0 6.25vw; } }

.recruit-job__cards { position: relative; z-index: 1; }

@media (min-width: 768px) { .recruit-job__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: start; align-content: flex-start; margin-top: -30px; margin-left: -3%; } }

@media (max-width: 767px) { .recruit-job__cards { margin-top: -4.6875vw; } }

.recruit-job__card { position: relative; overflow: hidden; }

.recruit-job__card:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; }

@media (min-width: 768px) { .recruit-job__card { width: 33.3%; padding-left: 3%; } }

@media (max-width: 767px) { .recruit-job__card { border-bottom: 1px solid #f1f3f5; } }

@media (max-width: 767px) { .recruit-job__card-cols { display: table; width: 100%; padding-bottom: 4.6875vw; } }

@media (max-width: 767px) { .recruit-job__card-col { display: table-cell; vertical-align: top; } }

@media (max-width: 767px) { .recruit-job__card-col--fig { width: 37.5vw; } }

@media (max-width: 767px) { .recruit-job__card-col--cont { padding: 4.6875vw 3.125vw 0; background-color: #fff; } }

.recruit-job__card a { display: block; }

.recruit-job__card-fig { position: relative; overflow: hidden; padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .recruit-job__card-fig { margin-bottom: 30px; } }

@media (min-width: 768px) { .recruit-job__card-fig:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; } }

@media (min-width: 768px) { .recruit-job__card-info { margin-bottom: 10px; } }

@media (max-width: 767px) { .recruit-job__card-info { margin-bottom: 1.5vw; } }

.recruit-job__card-category { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .recruit-job__card-category { font-size: 16px; } }

@media (max-width: 767px) { .recruit-job__card-category { font-size: 3.125vw; } }

.recruit-job__card-date { color: #ccccd3; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .recruit-job__card-date { margin-left: 5px; font-size: 12px; } }

@media (max-width: 767px) { .recruit-job__card-date { margin-left: 1.5625vw; font-size: 3.125vw; } }

.recruit-job__card-ttl { font-weight: bold; }

@media (min-width: 768px) { .recruit-job__card-ttl { padding-right: 13.33333%; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-job__card-ttl { font-size: 3.125vw; line-height: 1.5; } }

/****************************** animation setting */
.recruit-job__header-btn-inner:before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-job__header-btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

.recruit-job__header a:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.recruit-job__header a:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.recruit-job__header-btn-bg:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-job__card:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media (min-width: 768px) { .recruit-job__card-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); } }

/****************************** hover */
@media (min-width: 768px) { .recruit-job__header a:hover .recruit-job__header-btn-inner:before { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); } }

@media (min-width: 768px) { .recruit-job__header a:hover .recruit-job__header-btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-job__card a:hover .recruit-job__card-fig:before { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

/****************************** is-scroll-current */
.recruit-job.is-scroll-current .recruit-job__header a:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.recruit-job.is-scroll-current .recruit-job__header a:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

.recruit-job.is-scroll-current .recruit-job__header-btn-bg:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.recruit-job.is-scroll-current .recruit-job__card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

/****************************** job color */
.recruit-job--engineer .recruit-job__header a { background-image: url(../images/recruit-top-engineer.jpg); }

.recruit-job--engineer .recruit-job__header a:after { background-color: #b5b4c2; }

.recruit-job--engineer .recruit-job__card-category { color: #b5b4c2; }

.recruit-job--designer .recruit-job__header a { background-image: url(../images/recruit-top-designer.jpg); }

.recruit-job--designer .recruit-job__header a:after { background-color: #b5cf92; }

.recruit-job--designer .recruit-job__card-category { color: #b5cf92; }

.recruit-job--planner .recruit-job__header a { background-image: url(../images/recruit-top-planner.jpg); }

.recruit-job--planner .recruit-job__header a:after { background-color: #8bb458; }

.recruit-job--planner .recruit-job__card-category { color: #8bb458; }

.recruit-job--corporate .recruit-job__header a { background-image: url(../images/recruit-top-corporate.jpg); }

.recruit-job--corporate .recruit-job__header a:after { background-color: #f18fc4; }

.recruit-job--corporate .recruit-job__card-category { color: #f18fc4; }

/****************************** no-js */
.no-js .recruit-job .recruit-job__header a:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.no-js .recruit-job .recruit-job__header a:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

.no-js .recruit-job .recruit-job__header-btn-bg:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.no-js .recruit-job .recruit-job__card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

@media (min-width: 768px) { .recruit-lead { margin: 0 9.375%; } }

@media (max-width: 767px) { .recruit-lead { padding: 0 12.5vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-lead__inner { max-width: 1600px; margin: auto; padding: 70px 0 0; } }

@media (max-width: 767px) { .recruit-lead__inner { padding: 18.75vw 0; } }

.recruit-lead__ttl { position: relative; font-weight: bold; }

@media (min-width: 768px) { .recruit-lead__ttl { padding-bottom: 40px; margin-top: 70px; margin-bottom: 40px; font-size: 30px; line-height: 1.75; text-align: center; } }

@media (max-width: 767px) { .recruit-lead__ttl { padding-bottom: 6.25vw; margin-top: 10.9375vw; margin-bottom: 6.25vw; font-size: 6.25vw; line-height: 1.5; } }

.recruit-lead__ttl:before { content: ''; display: block; position: absolute; bottom: 0; background-color: #d67da4; }

@media (min-width: 768px) { .recruit-lead__ttl:before { left: 50%; width: 80px; height: 3px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

@media (max-width: 767px) { .recruit-lead__ttl:before { left: 0; width: 12.5vw; height: 0.9375vw; } }

@media (min-width: 768px) { .recruit-lead__txt-group { text-align: center; } }

.recruit-lead__txt { font-weight: bold; }

@media (min-width: 768px) { .recruit-lead__txt { font-size: 16px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-lead__txt { font-size: 4.375vw; line-height: 1.5; } }

@media (min-width: 768px) { .recruit-lead__txt + .recruit-lead__txt { margin-top: 25px; } }

@media (max-width: 767px) { .recruit-lead__txt + .recruit-lead__txt { margin-top: 7.8125vw; } }

/****************************** animation setting */
.recruit-lead { opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/****************************** is-scroll-current */
.recruit-lead.is-scroll-current { opacity: 1; }

/****************************** no-js */
.no-js .recruit-lead { opacity: 1; }

.recruit-mv { position: relative; width: 100%; height: 100vh; overflow: hidden; }

@media (min-width: 768px) { .recruit-mv { background-color: #000; } }

.recruit-mv__inner { height: 100%; }

.recruit-mv__visual { position: relative; height: 100%; }

.recruit-mv__visual-ttl { position: absolute; top: 50%; left: 0; z-index: 4; width: 100%; text-align: center; }

@media (min-width: 768px) { .recruit-mv__visual-ttl { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) { .recruit-mv__visual-ttl { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.recruit-mv__visual-ttl-inner { display: block; }

.recruit-mv__visual-ttl-txt { display: block; color: #fff; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.recruit-mv__visual-ttl-txt--en { line-height: 1.5; }

@media (min-width: 768px) { .recruit-mv__visual-ttl-txt--en { margin-bottom: 20px; font-size: 4vw; letter-spacing: 0.66em; } }

@media (max-width: 767px) { .recruit-mv__visual-ttl-txt--en { margin-bottom: 4.6875vw; font-size: 5vw; letter-spacing: 0.5em; } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-mv__visual-ttl-txt--en { font-size: 4.0625vw; letter-spacing: 0.5em; } }

.recruit-mv__visual-ttl-txt--ja { letter-spacing: 0.3em; }

@media (min-width: 768px) { .recruit-mv__visual-ttl-txt--ja { font-size: 1.6vw; } }

@media (max-width: 767px) { .recruit-mv__visual-ttl-txt--ja { font-size: 3.125vw; } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-mv__visual-ttl-txt--ja { font-size: 3.125vw; } }

.recruit-mv__visual-ttl-txt span { display: inline-block; position: relative; -webkit-perspective: 200; perspective: 200; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.recruit-mv__visual-typo { position: absolute; top: 50%; left: 50%; z-index: 3; height: auto; }

@media (min-width: 768px) { .recruit-mv__visual-typo { width: 100%; padding-top: 43%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) { .recruit-mv__visual-typo { width: 70.3125vw; padding-top: 64%; -webkit-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); transform: translate(-50%, -55%); } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-mv__visual-typo { width: 37.5vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.recruit-mv__visual-typo-group { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.recruit-mv__visual-typo-letter { fill: #fff; }

.recruit-mv__visual-typo-letter--i { visibility: hidden; }

.recruit-mv__visual-typo-letter--f { visibility: hidden; }

.recruit-mv__visual-typo-letter--e { visibility: hidden; }

.recruit-mv__visual-typo-load { display: none; }

.recruit-mv__visual-bg { position: relative; height: 100%; overflow: hidden; }

.recruit-mv__visual-bg-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.recruit-mv__visual-bg-fig { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.recruit-mv__visual-bg-fig--l { background-image: url(../images/recruit-mv-img-l.jpg); }

.recruit-mv__visual-bg-fig--i { background-image: url(../images/recruit-mv-img-i.jpg); }

.recruit-mv__visual-bg-fig--f { background-image: url(../images/recruit-mv-img-f.jpg); }

.recruit-mv__visual-bg-fig--e { background-image: url(../images/recruit-mv-img-e.jpg); }

/****************************** animation setting */
.recruit-mv__visual-bg-item { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-mv__visual-bg-fig { -webkit-transition: -webkit-transform 5s linear; transition: -webkit-transform 5s linear; transition: transform 5s linear; transition: transform 5s linear, -webkit-transform 5s linear; }

/****************************** is-current */
.recruit-mv__visual-bg-item.is-current { opacity: 1; }

.recruit-mv__visual-bg-item.is-current .recruit-mv__visual-bg-fig { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }

.recruit-nav { position: fixed; top: 50%; right: 3.125%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .recruit-nav { display: none; } }

.recruit-nav__list a { display: block; position: relative; width: 30px; height: 30px; }

.recruit-nav__list a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; }

.recruit-nav__list span { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background-color: #fff; }

/****************************** animation setting */
.recruit-nav__list a:before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }

/****************************** hover */
@media (min-width: 768px) { .recruit-nav__list a:hover:before { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } }

/****************************** is-current */
.recruit-nav__list.is-current a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/****************************** is-scroll */
.recruit-nav.is-scroll .recruit-nav__list a:before { border-color: #d67da4; }

.recruit-nav.is-scroll .recruit-nav__list span { background-color: #d67da4; }

@media (min-width: 768px) { .recruit-page-nav { margin: 0 9.375%; padding-top: 70px; } }

@media (max-width: 767px) { .recruit-page-nav { padding: 3.125vw 0 3.125vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-page-nav__inner { max-width: 1600px; margin: auto; padding-bottom: 20px; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-page-nav__items { letter-spacing: -0.4em; text-align: center; } }

@media (max-width: 767px) { .recruit-page-nav__items { overflow: hidden; } }

@media (min-width: 768px) { .recruit-page-nav__item { display: inline-block; letter-spacing: 0; border-right: 1px solid #495057; } }

@media (max-width: 767px) { .recruit-page-nav__item { position: relative; float: left; width: 50%; } }

@media (min-width: 768px) { .recruit-page-nav__item:last-of-type { border-right: none; } }

@media (max-width: 767px) { .recruit-page-nav__item:nth-of-type(odd):after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 6.25vw; background-color: #495057; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.recruit-page-nav__item a { display: block; font-weight: bold; }

@media (min-width: 768px) { .recruit-page-nav__item a { padding: 0 20px; font-size: 14px; } }

@media (max-width: 767px) { .recruit-page-nav__item a { padding: 7.8125vw 0; font-size: 3.125vw; text-align: center; } }

/****************************** animation setting */
.recruit-page-nav { opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.recruit-page-nav__item a { -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** hover */
@media (min-width: 768px) { .recruit-page-nav__item--engineer a:hover { color: #b5b4c2; } }

@media (min-width: 768px) { .recruit-page-nav__item--designer a:hover { color: #b5cf92; } }

@media (min-width: 768px) { .recruit-page-nav__item--planner a:hover { color: #8bb458; } }

@media (min-width: 768px) { .recruit-page-nav__item--corporate a:hover { color: #f18fc4; } }

/****************************** is-scroll-current */
.recruit-page-nav.is-scroll-current { opacity: 1; }

/****************************** no-js */
.no-js .recruit-page-nav { opacity: 1; }

@media (min-width: 768px) { .recruit-entry__btn { max-width: 640px; margin: auto; } }

.recruit-entry__btn a { display: block; position: relative; background-color: #d67da4; text-align: center; }

.recruit-entry__btn-inner { display: block; position: relative; overflow: hidden; }

.recruit-entry__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #fff; }

.recruit-entry__btn-txt { position: relative; z-index: 1; color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .recruit-entry__btn-txt { font-size: 14px; line-height: 54px; } }

@media (max-width: 767px) { .recruit-entry__btn-txt { font-size: 3.75vw; line-height: 13.75vw; } }

.recruit-entry__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .recruit-entry__btn-txt:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .recruit-entry__btn-txt:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

/****************************** animation setting */
.recruit-entry__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-entry__btn a:hover .recruit-entry__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-footer { margin: 0 9.375% 150px; } }

@media (max-width: 767px) { .recruit-footer { margin: 0 12.5vw 23.4375vw; } }

@media (min-width: 768px) { .recruit-footer__inner { max-width: 1600px; margin: auto; } }

/****************************** animation setting */
.recruit-footer { opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/****************************** is-scroll-current */
.recruit-footer.is-scroll-current { opacity: 1; }

/****************************** no-js */
.no-js .recruit-footer { opacity: 1; }

@media (min-width: 768px) { .recruit-banner__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -40px; margin-left: -40px; } }

@media (min-width: 768px) { .recruit-banner__item { width: calc(50% - 40px); margin-top: 40px; margin-left: 40px; } }

.recruit-banner__item a { display: block; position: relative; overflow: hidden; padding-top: 32%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .recruit-banner__item a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #fff; } }

.recruit-banner__item--infographics a { background-image: url(../images/recruit-banner-img-infographics.png); }

.recruit-banner__item--welfare a { background-image: url(../images/recruit-banner-img-welfare.png); }

.recruit-banner__item--value a { background-image: url(../images/recruit-banner-img-value.png); }

.recruit-banner__item--office a { background-image: url(../images/recruit-banner-img-office.png); }

.recruit-banner__item-txt { display: block; position: absolute; z-index: 1; color: #fff; }

@media (min-width: 768px) { .recruit-banner__item-txt { bottom: 30px; left: 8%; } }

@media (max-width: 767px) { .recruit-banner__item-txt { bottom: 4.6875vw; left: 6.25vw; } }

.recruit-banner__item-txt-en { display: block; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .recruit-banner__item-txt-en { margin-bottom: 15px; font-size: 24px; } }

@media (max-width: 767px) { .recruit-banner__item-txt-en { margin-bottom: 1.5625vw; font-size: 4.375vw; } }

.recruit-banner__item-txt-ja { display: block; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .recruit-banner__item-txt-ja { font-size: 14px; } }

@media (max-width: 767px) { .recruit-banner__item-txt-ja { font-size: 3.125vw; } }

/****************************** recruit culture内 */
@media (min-width: 768px) { .recruit-culture .recruit-banner { margin-bottom: 70px; } }

@media (max-width: 767px) { .recruit-culture .recruit-banner { margin-bottom: 10.9375vw; } }

/****************************** animation setting */
.recruit-banner { -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.recruit-banner__item a:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-banner__item a:hover:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

/****************************** is-scroll-current */
/****************************** no-js */
.recruit-detail-kv { position: relative; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.recruit-detail-kv__mask { display: block; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }

.recruit-detail-kv__mask-inner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.recruit-detail-kv__inner { position: relative; height: 100%; }

.recruit-detail-kv__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.recruit-detail-kv__ttl-txt { display: block; color: #fff; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.recruit-detail-kv__ttl-txt--en { line-height: 1.5; }

@media (min-width: 768px) { .recruit-detail-kv__ttl-txt--en { margin-bottom: 20px; font-size: 4vw; letter-spacing: 0.66em; } }

@media (max-width: 767px) { .recruit-detail-kv__ttl-txt--en { margin-bottom: 4.6875vw; font-size: 5vw; letter-spacing: 0.5em; } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-detail-kv__ttl-txt--en { font-size: 4.0625vw; letter-spacing: 0.5em; } }

.recruit-detail-kv__ttl-txt--ja { letter-spacing: 0.3em; }

@media (min-width: 768px) { .recruit-detail-kv__ttl-txt--ja { font-size: 1.6vw; } }

@media (max-width: 767px) { .recruit-detail-kv__ttl-txt--ja { font-size: 3.125vw; } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-detail-kv__ttl-txt--ja { font-size: 3.125vw; } }

.recruit-detail-kv__ttl-txt span { display: inline-block; position: relative; -webkit-perspective: 200; perspective: 200; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.recruit-detail-header { position: relative; z-index: 1; }

@media (min-width: 768px) { .recruit-detail-header { margin: -50px 9.375% 0; } }

@media (max-width: 767px) { .recruit-detail-header { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-detail-header__inner { max-width: 1600px; margin: auto; padding-bottom: 70px; border-bottom: 1px solid #f1f3f5; } }

.recruit-detail-header__cols { overflow: hidden; }

.recruit-detail-header__col--ttl { overflow: hidden; background-color: #fff; }

@media (min-width: 768px) { .recruit-detail-header__col--ttl { padding: 60px 40px 0; } }

@media (max-width: 767px) { .recruit-detail-header__col--ttl { padding: 9.375vw 12.5vw 10.9375vw; } }

@media (min-width: 768px) { .recruit-detail-header__col--profile { float: right; width: 400px; height: 320px; padding: 60px 30px 0; } }

@media (max-width: 767px) { .recruit-detail-header__col--profile { padding: 6.25vw 12.5vw; } }

.recruit-detail-header__ttl { font-weight: bold; line-height: 1.5; }

@media (min-width: 768px) { .recruit-detail-header__ttl { margin-bottom: 30px; font-size: 24px; } }

@media (max-width: 767px) { .recruit-detail-header__ttl { margin-bottom: 7.8125vw; font-size: 5vw; } }

@media (min-width: 768px) { .recruit-detail-header__lead { font-weight: bold; font-size: 16px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-detail-header__lead { font-size: 4.375vw; line-height: 1.5; } }

.recruit-detail-header__profile { color: #fff; }

.recruit-detail-header__profile-job { display: block; font-weight: bold; }

@media (min-width: 768px) { .recruit-detail-header__profile-job { margin-bottom: 10px; font-size: 16px; } }

@media (max-width: 767px) { .recruit-detail-header__profile-job { margin-bottom: 3.125vw; font-size: 3.125vw; } }

.recruit-detail-header__profile-name { display: block; font-weight: bold; }

@media (min-width: 768px) { .recruit-detail-header__profile-name { font-size: 16px; } }

@media (max-width: 767px) { .recruit-detail-header__profile-name { font-size: 4.375vw; } }

/****************************** job color */
.page-container--recruit-detail-color-engineer .recruit-detail-header__col--profile { background-color: #b5b4c2; }

.page-container--recruit-detail-color-designer .recruit-detail-header__col--profile { background-color: #b5cf92; }

.page-container--recruit-detail-color-planner .recruit-detail-header__col--profile { background-color: #8bb458; }

.page-container--recruit-detail-color-corporate .recruit-detail-header__col--profile { background-color: #f18fc4; }

@media (min-width: 768px) { .recruit-detail-cont { padding-bottom: 150px; } }

@media (max-width: 767px) { .recruit-detail-cont { padding-bottom: 23.4375vw; } }

@media (min-width: 768px) { .recruit-detail-qa { margin: 0 9.375%; } }

@media (min-width: 768px) { .recruit-detail-qa__inner { max-width: 1600px; margin: auto; padding-top: 120px; } }

@media (min-width: 768px) { .recruit-detail__units { overflow: hidden; margin-top: -70px; } }

@media (min-width: 768px) { .recruit-detail__unit { float: left; margin-top: 70px; } }

@media (max-width: 767px) { .recruit-detail__unit { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-detail__unit--qa { width: 50%; padding: 0 3.84615%; } }

@media (max-width: 767px) { .recruit-detail__unit--qa .recruit-detail__unit-inner { padding: 10vw 12.5vw; } }

.recruit-detail__unit--fig { position: relative; overflow: hidden; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .recruit-detail__unit--fig { padding-top: 37%; } }

@media (max-width: 767px) { .recruit-detail__unit--fig { padding-top: 59%; } }

.recruit-detail__unit--fig:before, .recruit-detail__unit--fig:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.recruit-detail__unit--fig:before { background-color: #fff; }

@media (min-width: 768px) { .recruit-detail__unit-header { margin-bottom: 30px; } }

@media (min-width: 768px) { .recruit-detail__unit-header-cols { display: table; width: 100%; } }

@media (min-width: 768px) { .recruit-detail__unit-header-col { display: table-cell; vertical-align: top; } }

@media (min-width: 768px) { .recruit-detail__unit-header-col--num { width: 80px; } }

@media (max-width: 767px) { .recruit-detail__unit-header-col--num { margin-bottom: 6.25vw; } }

@media (min-width: 768px) { .recruit-detail__unit-header-col--ttl { padding: 0 20px; } }

.recruit-detail__unit-header-num { display: block; color: #fff; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .recruit-detail__unit-header-num { width: 80px; font-size: 30px; line-height: 80px; text-align: center; } }

@media (max-width: 767px) { .recruit-detail__unit-header-num { padding-left: 4.6875vw; font-size: 4.6875vw; line-height: 15.625vw; } }

.recruit-detail__unit-header-ttl { font-weight: bold; }

@media (min-width: 768px) { .recruit-detail__unit-header-ttl { margin-top: 15px; font-size: 20px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-detail__unit-header-ttl { margin-bottom: 6.25vw; font-size: 4.375vw; line-height: 1.5; } }

@media (min-width: 768px) { .recruit-detail__unit-txt-group p { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-detail__unit-txt-group p { font-size: 4.375vw; line-height: 1.5; } }

/****************************** animation setting */
.recruit-detail__unit--qa { opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-detail__unit--fig { opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-detail__unit--fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.recruit-detail__unit--fig:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/****************************** is-scroll-current */
.recruit-detail__unit--qa.is-scroll-current { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.recruit-detail__unit--fig.is-scroll-current { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.recruit-detail__unit--fig.is-scroll-current:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.recruit-detail__unit--fig.is-scroll-current:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

/****************************** job color */
.page-container--recruit-detail-color-engineer .recruit-detail__unit-header-num { background-color: #b5b4c2; }

.page-container--recruit-detail-color-engineer .recruit-detail__unit--fig:after { background-color: #b5b4c2; }

.page-container--recruit-detail-color-designer .recruit-detail__unit-header-num { background-color: #b5cf92; }

.page-container--recruit-detail-color-designer .recruit-detail__unit--fig:after { background-color: #b5cf92; }

.page-container--recruit-detail-color-planner .recruit-detail__unit-header-num { background-color: #8bb458; }

.page-container--recruit-detail-color-planner .recruit-detail__unit--fig:after { background-color: #8bb458; }

.page-container--recruit-detail-color-corporate .recruit-detail__unit-header-num { background-color: #f18fc4; }

.page-container--recruit-detail-color-corporate .recruit-detail__unit--fig:after { background-color: #f18fc4; }

/****************************** no-js */
.no-js .recruit-detail__unit--qa { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.no-js .recruit-detail__unit--fig { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.no-js .recruit-detail__unit--fig:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.no-js .recruit-detail__unit--fig:after { -webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }

.recruit-detail-controls { position: relative; z-index: 2; overflow: hidden; }

@media (min-width: 768px) { .recruit-detail-controls { margin-top: 120px; } }

@media (max-width: 767px) { .recruit-detail-controls { margin: 14.0625vw 0 0; } }

.recruit-detail-controls:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #f1f3f5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .recruit-detail-controls:before { display: none; } }

@media (min-width: 768px) { .recruit-detail-controls__cols { display: table; position: relative; z-index: 1; width: 100%; } }

@media (min-width: 768px) { .recruit-detail-controls__col { display: table-cell; vertical-align: middle; width: 50%; } }

@media (min-width: 768px) { .recruit-detail-controls__col--cv { text-align: right; } }

@media (max-width: 767px) { .recruit-detail-controls__col--cv { position: relative; padding: 0 12.5vw; } }

@media (max-width: 767px) { .recruit-detail-controls__col--cv:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #f1f3f5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) { .recruit-detail-controls__col--navs { padding: 0 12.5vw; } }

@media (min-width: 768px) { .recruit-detail-controls__navs { margin-left: 7.69231%; white-space: nowrap; } }

@media (max-width: 767px) { .recruit-detail-controls__navs { margin-bottom: 6.25vw; letter-spacing: -0.4em; } }

.recruit-detail-controls__nav { display: inline-block; overflow: hidden; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.075em; }

@media (min-width: 768px) { .recruit-detail-controls__nav { font-size: 18px; } }

@media (max-width: 767px) { .recruit-detail-controls__nav { font-size: 3.125vw; } }

@media (min-width: 768px) { .recruit-detail-controls__nav + .recruit-detail-controls__nav { margin-left: 7.69231%; } }

@media (max-width: 767px) { .recruit-detail-controls__nav + .recruit-detail-controls__nav { margin-left: 0vw; } }

.recruit-detail-controls__nav--top span:before { display: inline-block; content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; color: #d67da4; margin-top: -0.1em; }

@media (min-width: 768px) { .recruit-detail-controls__nav--top span:before { margin-right: 5px; font-size: 14px; } }

@media (max-width: 767px) { .recruit-detail-controls__nav--top span:before { font-size: 3.125vw; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }

.recruit-detail-controls__nav--index span:before { display: inline-block; content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; color: #d67da4; }

@media (min-width: 768px) { .recruit-detail-controls__nav--index span:before { font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

@media (max-width: 767px) { .recruit-detail-controls__nav--index span:before { font-size: 3.125vw; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }

.recruit-detail-controls__cv { display: inline-block; }

@media (min-width: 768px) { .recruit-detail-controls__cv { width: 65.38462%; } }

@media (max-width: 767px) { .recruit-detail-controls__cv { width: 100%; } }

.recruit-detail-controls__cv a { display: block; position: relative; overflow: hidden; background-color: #d67da4; text-align: center; }

@media (min-width: 768px) { .recruit-detail-controls__cv a { line-height: 64px; } }

@media (max-width: 767px) { .recruit-detail-controls__cv a { line-height: 13.75vw; } }

.recruit-detail-controls__cv-inner { display: block; position: relative; overflow: hidden; }

.recruit-detail-controls__cv-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.recruit-detail-controls__cv-txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .recruit-detail-controls__cv-txt { font-size: 18px; } }

@media (max-width: 767px) { .recruit-detail-controls__cv-txt { font-size: 3.125vw; } }

.recruit-detail-controls__cv-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; color: #fff; vertical-align: middle; }

@media (min-width: 768px) { .recruit-detail-controls__cv-txt:before { font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

/****************************** animation setting */
.recruit-detail-controls__cv-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-detail-controls__cv a:hover .recruit-detail-controls__cv-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-detail-controls__nav--top a:hover span:before { -webkit-animation: recruit-top-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: recruit-top-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-detail-controls__nav--index a:hover span:before { -webkit-animation: recruit-index-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: recruit-index-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

/****************************** keyframe */
@-webkit-keyframes recruit-top-hover { 30% { -webkit-transform: translateY(-20%); transform: translateY(-20%); }
  50% { opacity: 0; }
  65% { -webkit-transform: translateY(20%); transform: translateY(20%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }
@keyframes recruit-top-hover { 30% { -webkit-transform: translateY(-20%); transform: translateY(-20%); }
  50% { opacity: 0; }
  65% { -webkit-transform: translateY(20%); transform: translateY(20%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes recruit-index-hover { 30% { -webkit-transform: translateX(-20%) scale(0.8); transform: translateX(-20%) scale(0.8); }
  50% { opacity: 0; }
  65% { -webkit-transform: translateX(20%) scale(0.8); transform: translateX(20%) scale(0.8); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%) scale(0.8);
            transform: translateX(0%) scale(0.8); } }

@keyframes recruit-index-hover { 30% { -webkit-transform: translateX(-20%) scale(0.8); transform: translateX(-20%) scale(0.8); }
  50% { opacity: 0; }
  65% { -webkit-transform: translateX(20%) scale(0.8); transform: translateX(20%) scale(0.8); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%) scale(0.8);
            transform: translateX(0%) scale(0.8); } }

@media (min-width: 768px) { .recruit-detail-interview { margin: 120px 9.375% 0; border-top: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-detail-interview__inner { max-width: 1600px; margin: auto; padding-top: 120px; } }

@media (max-width: 767px) { .recruit-detail-interview__inner { padding: 10.9375vw 0 0; } }

@media (min-width: 768px) { .recruit-detail-interview__ttl { margin-bottom: 70px; padding: 0 3.84615%; } }

@media (max-width: 767px) { .recruit-detail-interview__ttl { margin-bottom: 4.6875vw; padding-left: 12.5vw; } }

.recruit-detail-interview__ttl-txt { display: block; }

.recruit-detail-interview__ttl-txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .recruit-detail-interview__ttl-txt--ja { margin-bottom: 5px; font-size: 14px; } }

@media (max-width: 767px) { .recruit-detail-interview__ttl-txt--ja { margin-bottom: 1.5625vw; font-size: 3.75vw; } }

.recruit-detail-interview__ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.15em; }

@media (min-width: 768px) { .recruit-detail-interview__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .recruit-detail-interview__ttl-txt--en { font-size: 8.125vw; } }

@media (min-width: 768px) { .recruit-detail-interview__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: start; align-content: flex-start; margin: -70px 0 0 -3%; padding: 0 3.84615%; } }

@media (max-width: 767px) { .recruit-detail-interview__cards { margin: 0 6.25vw; } }

.recruit-detail-interview__card { position: relative; overflow: hidden; }

@media (min-width: 768px) { .recruit-detail-interview__card { width: 33.3%; margin-top: 70px; padding-left: 3%; } }

@media (max-width: 767px) { .recruit-detail-interview__card { border-bottom: 1px solid #f1f3f5; } }

.recruit-detail-interview__card:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; }

@media (max-width: 767px) { .recruit-detail-interview__card:first-of-type { border-top: 1px solid #f1f3f5; } }

.recruit-detail-interview__card a { display: block; }

@media (max-width: 767px) { .recruit-detail-interview__card-cols { display: table; width: 100%; padding-bottom: 4.6875vw; } }

@media (max-width: 767px) { .recruit-detail-interview__card-col { display: table-cell; vertical-align: top; } }

@media (max-width: 767px) { .recruit-detail-interview__card-col--fig { width: 37.5vw; } }

@media (max-width: 767px) { .recruit-detail-interview__card-col--cont { padding: 4.6875vw 3.125vw 0; background-color: #fff; } }

.recruit-detail-interview__card-fig { position: relative; overflow: hidden; padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .recruit-detail-interview__card-fig { margin-bottom: 30px; } }

@media (min-width: 768px) { .recruit-detail-interview__card-fig:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; } }

@media (min-width: 768px) { .recruit-detail-interview__card-info { margin-bottom: 10px; } }

@media (max-width: 767px) { .recruit-detail-interview__card-info { margin-bottom: 1.5vw; } }

.recruit-detail-interview__card-category { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .recruit-detail-interview__card-category { font-size: 16px; } }

@media (max-width: 767px) { .recruit-detail-interview__card-category { font-size: 3.125vw; } }

.recruit-detail-interview__card-date { color: #ccccd3; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .recruit-detail-interview__card-date { margin-left: 5px; font-size: 12px; } }

@media (max-width: 767px) { .recruit-detail-interview__card-date { margin-left: 1.5625vw; font-size: 3.125vw; } }

.recruit-detail-interview__card-ttl { font-weight: bold; line-height: 1.5; }

@media (min-width: 768px) { .recruit-detail-interview__card-ttl { padding-right: 13.33333%; font-size: 14px; } }

@media (max-width: 767px) { .recruit-detail-interview__card-ttl { font-size: 3.125vw; } }

/****************************** animation setting */
.recruit-detail-interview__ttl { opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-detail-interview__card:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media (min-width: 768px) { .recruit-detail-interview__card-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); } }

/****************************** is-scroll-current */
.recruit-detail-interview.is-scroll-current .recruit-detail-interview__ttl { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.recruit-detail-interview.is-scroll-current .recruit-detail-interview__card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-detail-interview__card a:hover .recruit-detail-interview__card-fig:before { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

/****************************** job color */
.page-container--recruit-detail-color-engineer .recruit-detail-interview__ttl-txt { color: #b5b4c2; }

.page-container--recruit-detail-color-engineer .recruit-detail-interview__card-category { color: #b5b4c2; }

.page-container--recruit-detail-color-designer .recruit-detail-interview__ttl-txt { color: #b5cf92; }

.page-container--recruit-detail-color-designer .recruit-detail-interview__card-category { color: #b5cf92; }

.page-container--recruit-detail-color-planner .recruit-detail-interview__ttl-txt { color: #8bb458; }

.page-container--recruit-detail-color-planner .recruit-detail-interview__card-category { color: #8bb458; }

.page-container--recruit-detail-color-corporate .recruit-detail-interview__ttl-txt { color: #f18fc4; }

.page-container--recruit-detail-color-corporate .recruit-detail-interview__card-category { color: #f18fc4; }

/****************************** no-js */
.no-js .recruit-detail-interview .recruit-detail-interview__ttl { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.no-js .recruit-detail-interview .recruit-detail-interview__card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.recruit-index-kv { position: relative; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.recruit-index-kv__ttl { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.recruit-index-kv__ttl-txt { display: block; color: #fff; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.recruit-index-kv__ttl-txt--en { line-height: 1.5; }

@media (min-width: 768px) { .recruit-index-kv__ttl-txt--en { margin-bottom: 20px; font-size: 4vw; letter-spacing: 0.66em; } }

@media (max-width: 767px) { .recruit-index-kv__ttl-txt--en { margin-bottom: 4.6875vw; font-size: 5vw; letter-spacing: 0.5em; } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-index-kv__ttl-txt--en { font-size: 4.0625vw; letter-spacing: 0.5em; } }

.recruit-index-kv__ttl-txt--ja { letter-spacing: 0.3em; }

@media (min-width: 768px) { .recruit-index-kv__ttl-txt--ja { font-size: 1.6vw; } }

@media (max-width: 767px) { .recruit-index-kv__ttl-txt--ja { font-size: 3.125vw; } }

@media (max-width: 767px) and (orientation: landscape) { .recruit-index-kv__ttl-txt--ja { font-size: 3.125vw; } }

.recruit-index-kv__ttl-txt span { display: inline-block; position: relative; -webkit-perspective: 200; perspective: 200; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/****************************** job color */
.page-container--recruit-index-color-engineer .recruit-index-kv { background-image: url(../images/recruit-mv-img-i.jpg); }

.page-container--recruit-index-color-designer .recruit-index-kv { background-image: url(../images/recruit-mv-img-l.jpg); }

.page-container--recruit-index-color-planner .recruit-index-kv { background-image: url(../images/recruit-mv-img-f.jpg); }

.page-container--recruit-index-color-corporate .recruit-index-kv { background-image: url(../images/recruit-mv-img-e.jpg); }

.recruit-index-header { position: relative; z-index: 1; }

@media (min-width: 768px) { .recruit-index-header { margin: -50px 9.375% 0; } }

@media (max-width: 767px) { .recruit-index-header { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .recruit-index-header__inner { max-width: 1600px; margin: auto; padding-bottom: 70px; border-bottom: 1px solid #f1f3f5; } }

.recruit-index-header__cols { overflow: hidden; }

.recruit-index-header__col--cont { overflow: hidden; background-color: #fff; }

@media (min-width: 768px) { .recruit-index-header__col--cont { padding: 60px 40px 0; } }

@media (max-width: 767px) { .recruit-index-header__col--cont { padding: 9.375vw 12.5vw 10.9375vw; } }

@media (min-width: 768px) { .recruit-index-header__col--ttl { float: right; width: 400px; height: 320px; padding: 60px 30px 0; } }

@media (max-width: 767px) { .recruit-index-header__col--ttl { padding: 6.25vw 12.5vw; } }

.recruit-index-header__ttl { color: #fff; }

@media (min-width: 768px) { .recruit-index-header__ttl { text-align: right; } }

.recruit-index-header__ttl-txt { display: block; letter-spacing: 0.12em; }

.recruit-index-header__ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .recruit-index-header__ttl-txt--en { margin-bottom: 10px; font-size: 52px; } }

@media (max-width: 767px) { .recruit-index-header__ttl-txt--en { margin-bottom: 1.5625vw; font-size: 8.125vw; } }

.recruit-index-header__ttl-txt--ja { font-weight: bold; }

@media (min-width: 768px) { .recruit-index-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .recruit-index-header__ttl-txt--ja { font-size: 3.125vw; } }

.recruit-index-header__lead { font-weight: bold; }

@media (min-width: 768px) { .recruit-index-header__lead { margin-bottom: 30px; font-size: 36px; line-height: 1.5; } }

@media (max-width: 767px) { .recruit-index-header__lead { margin-bottom: 3.125vw; font-size: 6.25vw; line-height: 1.5; } }

@media (min-width: 768px) { .recruit-index-header__txt { font-weight: bold; font-size: 16px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-index-header__txt { font-size: 4.375vw; line-height: 1.5; } }

/****************************** job color */
.page-container--recruit-index-color-engineer .recruit-index-header__col--ttl { background-color: #b5b4c2; }

.page-container--recruit-index-color-designer .recruit-index-header__col--ttl { background-color: #b5cf92; }

.page-container--recruit-index-color-planner .recruit-index-header__col--ttl { background-color: #8bb458; }

.page-container--recruit-index-color-corporate .recruit-index-header__col--ttl { background-color: #f18fc4; }

@media (min-width: 768px) { .recruit-index-interview { margin: 0 9.375%; } }

@media (max-width: 767px) { .recruit-index-interview { padding-bottom: 23.4375vw; } }

@media (min-width: 768px) { .recruit-index-interview__inner { padding: 70px 0 200px; } }

@media (max-width: 767px) { .recruit-index-interview__inner { padding: 10.9375vw 0 0; } }

@media (min-width: 768px) { .recruit-index-interview__ttl { margin-bottom: 70px; padding: 0 3.84615%; } }

@media (max-width: 767px) { .recruit-index-interview__ttl { margin-bottom: 4.6875vw; padding-left: 12.5vw; } }

.recruit-index-interview__ttl-txt { display: block; }

.recruit-index-interview__ttl-txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .recruit-index-interview__ttl-txt--ja { margin-bottom: 5px; font-size: 14px; } }

@media (max-width: 767px) { .recruit-index-interview__ttl-txt--ja { margin-bottom: 1.5625vw; font-size: 3.75vw; } }

.recruit-index-interview__ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.15em; }

@media (min-width: 768px) { .recruit-index-interview__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .recruit-index-interview__ttl-txt--en { font-size: 8.125vw; } }

@media (min-width: 768px) { .recruit-index-interview__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: start; align-content: flex-start; margin: -70px 0 0 -3%; padding: 0 3.84615% 120px; } }

@media (max-width: 767px) { .recruit-index-interview__cards { margin: 0 6.25vw; } }

.recruit-index-interview__card { position: relative; overflow: hidden; }

@media (min-width: 768px) { .recruit-index-interview__card { width: 33.3%; margin-top: 70px; padding-left: 3%; } }

@media (max-width: 767px) { .recruit-index-interview__card { border-bottom: 1px solid #f1f3f5; } }

.recruit-index-interview__card:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; }

@media (max-width: 767px) { .recruit-index-interview__card:first-of-type { border-top: 1px solid #f1f3f5; } }

.recruit-index-interview__card a { display: block; }

@media (max-width: 767px) { .recruit-index-interview__card-cols { display: table; width: 100%; padding-bottom: 4.6875vw; } }

@media (max-width: 767px) { .recruit-index-interview__card-col { display: table-cell; vertical-align: top; } }

@media (max-width: 767px) { .recruit-index-interview__card-col--fig { width: 37.5vw; } }

@media (max-width: 767px) { .recruit-index-interview__card-col--cont { padding: 4.6875vw 3.125vw 0; background-color: #fff; } }

.recruit-index-interview__card-fig { position: relative; overflow: hidden; padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .recruit-index-interview__card-fig { margin-bottom: 30px; } }

@media (min-width: 768px) { .recruit-index-interview__card-fig:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; } }

@media (min-width: 768px) { .recruit-index-interview__card-info { margin-bottom: 10px; } }

@media (max-width: 767px) { .recruit-index-interview__card-info { margin-bottom: 1.5vw; } }

.recruit-index-interview__card-category { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .recruit-index-interview__card-category { font-size: 16px; } }

@media (max-width: 767px) { .recruit-index-interview__card-category { font-size: 3.125vw; } }

.recruit-index-interview__card-date { color: #ccccd3; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .recruit-index-interview__card-date { margin-left: 5px; font-size: 12px; } }

@media (max-width: 767px) { .recruit-index-interview__card-date { margin-left: 1.5625vw; font-size: 3.125vw; } }

.recruit-index-interview__card-ttl { font-weight: bold; }

@media (min-width: 768px) { .recruit-index-interview__card-ttl { padding-right: 13.33333%; font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .recruit-index-interview__card-ttl { font-size: 3.125vw; line-height: 1.5; } }

/****************************** animation setting */
.recruit-index-interview__ttl { opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.recruit-index-interview__card:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media (min-width: 768px) { .recruit-index-interview__card-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); } }

/****************************** is-scroll-current */
.recruit-index-interview.is-scroll-current .recruit-index-interview__ttl { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.recruit-index-interview.is-scroll-current .recruit-index-interview__card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-index-interview__card a:hover .recruit-index-interview__card-fig:before { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

/****************************** job color */
.page-container--recruit-index-color-engineer .recruit-index-interview__ttl-txt { color: #b5b4c2; }

.page-container--recruit-index-color-engineer .recruit-index-interview__card-category { color: #b5b4c2; }

.page-container--recruit-index-color-designer .recruit-index-interview__ttl-txt { color: #b5cf92; }

.page-container--recruit-index-color-designer .recruit-index-interview__card-category { color: #b5cf92; }

.page-container--recruit-index-color-planner .recruit-index-interview__ttl-txt { color: #8bb458; }

.page-container--recruit-index-color-planner .recruit-index-interview__card-category { color: #8bb458; }

.page-container--recruit-index-color-corporate .recruit-index-interview__ttl-txt { color: #f18fc4; }

.page-container--recruit-index-color-corporate .recruit-index-interview__card-category { color: #f18fc4; }

/****************************** no-js */
.no-js .recruit-index-interview .recruit-index-interview__ttl { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.no-js .recruit-index-interview .recruit-index-interview__card:before { -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.recruit-index-controls { position: relative; z-index: 2; overflow: hidden; }

@media (max-width: 767px) { .recruit-index-controls { margin: 14.0625vw 0 0; } }

.recruit-index-controls:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #f1f3f5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .recruit-index-controls:before { display: none; } }

@media (min-width: 768px) { .recruit-index-controls__cols { display: table; position: relative; z-index: 1; width: 100%; } }

@media (min-width: 768px) { .recruit-index-controls__col { display: table-cell; vertical-align: middle; width: 50%; } }

@media (min-width: 768px) { .recruit-index-controls__col--cv { text-align: right; } }

@media (max-width: 767px) { .recruit-index-controls__col--cv { position: relative; padding: 0 12.5vw; } }

@media (max-width: 767px) { .recruit-index-controls__col--cv:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #f1f3f5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) { .recruit-index-controls__col--navs { padding: 0 12.5vw; } }

@media (min-width: 768px) { .recruit-index-controls__navs { margin-left: 7.69231%; white-space: nowrap; } }

@media (max-width: 767px) { .recruit-index-controls__navs { margin-bottom: 6.25vw; } }

.recruit-index-controls__nav { display: inline-block; overflow: hidden; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.075em; }

@media (min-width: 768px) { .recruit-index-controls__nav { font-size: 18px; } }

@media (max-width: 767px) { .recruit-index-controls__nav { font-size: 3.125vw; } }

@media (min-width: 768px) { .recruit-index-controls__nav + .recruit-index-controls__nav { margin-left: 7.69231%; } }

@media (max-width: 767px) { .recruit-index-controls__nav + .recruit-index-controls__nav { margin-left: 4.6875vw; } }

.recruit-index-controls__nav--top span:before { display: inline-block; content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; color: #d67da4; margin-top: -0.1em; }

@media (min-width: 768px) { .recruit-index-controls__nav--top span:before { margin-right: 5px; font-size: 14px; } }

@media (max-width: 767px) { .recruit-index-controls__nav--top span:before { font-size: 3.125vw; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }

.recruit-index-controls__cv { display: inline-block; }

@media (min-width: 768px) { .recruit-index-controls__cv { width: 65.38462%; } }

@media (max-width: 767px) { .recruit-index-controls__cv { width: 100%; } }

.recruit-index-controls__cv a { display: block; position: relative; overflow: hidden; background-color: #d67da4; text-align: center; }

@media (min-width: 768px) { .recruit-index-controls__cv a { line-height: 64px; } }

@media (max-width: 767px) { .recruit-index-controls__cv a { line-height: 13.75vw; } }

.recruit-index-controls__cv-inner { display: block; position: relative; overflow: hidden; }

.recruit-index-controls__cv-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.recruit-index-controls__cv-txt { position: relative; z-index: 1; color: #fff; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.1em; }

@media (min-width: 768px) { .recruit-index-controls__cv-txt { font-size: 18px; } }

@media (max-width: 767px) { .recruit-index-controls__cv-txt { font-size: 3.125vw; } }

.recruit-index-controls__cv-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; color: #fff; vertical-align: middle; }

@media (min-width: 768px) { .recruit-index-controls__cv-txt:before { font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

/****************************** animation setting */
.recruit-index-controls__cv-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .recruit-index-controls__cv a:hover .recruit-index-controls__cv-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .recruit-index-controls__nav--top a:hover span:before { -webkit-animation: recruit-top-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: recruit-top-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

/****************************** keyframe */
@keyframes recruit-top-hover { 30% { -webkit-transform: translateY(-20%); transform: translateY(-20%); }
  50% { opacity: 0; }
  65% { -webkit-transform: translateY(20%); transform: translateY(20%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

.welfare-header { position: relative; }

@media (min-width: 768px) { .welfare-header { margin: 0 9.375% 70px; } }

@media (max-width: 767px) { .welfare-header { margin-bottom: 18.75vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .welfare-header__inner { max-width: 1600px; margin: auto; padding: 220px 0 50px; } }

@media (max-width: 767px) { .welfare-header__inner { padding: 39.0625vw 0 18.75vw; } }

.welfare-header__ttl { text-align: center; }

@media (max-width: 767px) { .welfare-header__ttl { padding: 0 6.25vw; } }

.welfare-header__ttl-inner { display: block; }

@media (min-width: 768px) { .welfare-header__ttl-inner { max-width: 1600px; margin: auto; } }

.welfare-header__ttl-txt { display: block; }

.welfare-header__ttl-txt--en { border-bottom: 1px solid #f1f3f5; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .welfare-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .welfare-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.welfare-header__ttl-txt--ja { font-weight: bold; letter-spacing: -0.4em; }

@media (min-width: 768px) { .welfare-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .welfare-header__ttl-txt--ja { font-size: 3.75vw; } }

.welfare-header__ttl-txt--ja span { letter-spacing: 0.2em; }

.welfare-header__ttl-txt--ja span + span:before { content: '/'; }

@media (min-width: 768px) { .welfare-sec { margin: 0 9.375%; } }

@media (max-width: 767px) { .welfare-sec { margin: 0 12.5vw; } }

@media (min-width: 768px) { .welfare-sec + .welfare-sec { margin-top: 95px; } }

@media (min-width: 768px) { .welfare-sec:last-of-type { padding-bottom: 180px; } }

@media (min-width: 768px) { .welfare-sec__inner { max-width: 1600px; margin: auto; } }

@media (max-width: 767px) { .welfare-sec__inner { padding-bottom: 25vw; } }

.welfare-sec__ttl { border-bottom: 1px solid #f1f3f5; font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .welfare-sec__ttl { padding: 0 0 30px 3.84615%; font-size: 30px; } }

@media (max-width: 767px) { .welfare-sec__ttl { margin-bottom: 18.75vw; padding-bottom: 3.125vw; font-size: 5.625vw; } }

@media (max-width: 767px) { .welfare-subsec + .welfare-subsec { margin-top: 45px; } }

@media (min-width: 768px) { .welfare-subsec__inner { padding-top: 70px; } }

.welfare-subsec__ttl { border-bottom: 1px solid #f1f3f5; color: #d67da4; }

@media (min-width: 768px) { .welfare-subsec__ttl { margin-bottom: 50px; padding: 0 0 30px 3.84615%; } }

@media (max-width: 767px) { .welfare-subsec__ttl { margin-bottom: 9.375vw; padding-bottom: 3.125vw; } }

.welfare-subsec__ttl-txt { display: block; }

.welfare-subsec__ttl-txt--ja { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .welfare-subsec__ttl-txt--ja { margin-bottom: 10px; font-size: 14px; } }

@media (max-width: 767px) { .welfare-subsec__ttl-txt--ja { margin-bottom: 1.5625vw; font-size: 3.125vw; } }

.welfare-subsec__ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.12em; }

@media (min-width: 768px) { .welfare-subsec__ttl-txt--en { font-size: 32px; } }

@media (max-width: 767px) { .welfare-subsec__ttl-txt--en { font-size: 5.625vw; } }

@media (min-width: 768px) { .welfare-unit { padding: 0 3.84615%; } }

@media (min-width: 768px) { .welfare-unit + .welfare-unit { margin-top: 60px; } }

@media (max-width: 767px) { .welfare-unit + .welfare-unit { margin-top: 9.375vw; } }

/****************************************************
.welfare-unit-01
*****************************************************/
.welfare-unit-01__items { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }

@media (min-width: 768px) { .welfare-unit-01__items { margin: -35px 0 0 -2.33%; } }

@media (max-width: 767px) { .welfare-unit-01__items { margin: -12.5vw 0 0 -3.125vw; } }

@media (min-width: 768px) { .welfare-unit-01__item { width: 31%; margin: 35px 0 0 2.33%; } }

@media (max-width: 767px) { .welfare-unit-01__item { width: 35.9375vw; margin: 12.5vw 0 0 3.125vw; } }

.welfare-unit-01__item-fig { text-align: center; }

@media (min-width: 768px) { .welfare-unit-01__item-fig { margin-bottom: 20px; } }

@media (max-width: 767px) { .welfare-unit-01__item-fig { margin-bottom: 1.5625vw; } }

.welfare-unit-01__item-fig img { width: auto; }

@media (min-width: 768px) { .welfare-unit-01__item-fig img { height: 140px; } }

@media (max-width: 767px) { .welfare-unit-01__item-fig img { height: 70px; } }

@media (min-width: 768px) { .welfare-unit-01__item-ttl { margin-bottom: 15px; font-size: 16px; font-weight: bold; } }

@media (max-width: 767px) { .welfare-unit-01__item-ttl { margin-bottom: 4.6875vw; font-size: 3.75vw; font-weight: bold; line-height: 1.33; } }

@media (min-width: 768px) { .welfare-unit-01__item-txt { font-size: 14px; line-height: 1.71; } }

@media (max-width: 767px) { .welfare-unit-01__item-txt { font-size: 3.125vw; line-height: 1.6; } }

/* .welfare-unit-01__item--full
*****************************************************/
.welfare-unit-01__item--full { width: 100%; }

@media (min-width: 768px) { .welfare-unit-01__item--full { overflow: hidden; } }

@media (min-width: 768px) { .welfare-unit-01__item--full .welfare-unit-01__item-fig { float: left; width: 50%; min-height: 0; } }

@media (max-width: 767px) { .welfare-unit-01__item--full .welfare-unit-01__item-fig { margin-bottom: 4.6875vw; } }

@media (min-width: 768px) { .welfare-unit-01__item--full .welfare-unit-01__item-cont { overflow: hidden; } }

/****************************************************
.welfare-unit-02
*****************************************************/
.welfare-unit-02__ttl { font-weight: bold; }

@media (min-width: 768px) { .welfare-unit-02__ttl { margin-bottom: 60px; font-size: 20px; } }

@media (max-width: 767px) { .welfare-unit-02__ttl { margin-bottom: 9.375vw; font-size: 3.75vw; } }

.welfare-unit-02__items { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }

@media (min-width: 768px) { .welfare-unit-02__items { margin: -35px 0 0 -2.33%; } }

@media (max-width: 767px) { .welfare-unit-02__items { margin: -12.5vw 0 0 -3.125vw; } }

@media (min-width: 768px) { .welfare-unit-02__item { width: 31%; margin: 35px 0 0 2.33%; } }

@media (max-width: 767px) { .welfare-unit-02__item { width: 35.9375vw; margin: 12.5vw 0 0 3.125vw; } }

.welfare-unit-02__item-fig { text-align: center; }

@media (min-width: 768px) { .welfare-unit-02__item-fig { margin-bottom: 20px; } }

@media (max-width: 767px) { .welfare-unit-02__item-fig { margin-bottom: 1.5625vw; } }

.welfare-unit-02__item-fig img { width: auto; }

@media (min-width: 768px) { .welfare-unit-02__item-fig img { height: 140px; } }

@media (max-width: 767px) { .welfare-unit-02__item-fig img { height: 70px; } }

@media (min-width: 768px) { .welfare-unit-02__item-ttl { margin-bottom: 15px; font-size: 16px; font-weight: bold; } }

@media (max-width: 767px) { .welfare-unit-02__item-ttl { margin-bottom: 4.6875vw; font-size: 3.75vw; font-weight: bold; line-height: 1.33; } }

@media (min-width: 768px) { .welfare-unit-02__item-txt { font-size: 14px; line-height: 1.71; } }

@media (max-width: 767px) { .welfare-unit-02__item-txt { font-size: 3.125vw; line-height: 1.6; } }

/****************************************************
.welfare-unit-03
*****************************************************/
@media (min-width: 768px) { .welfare-unit-03__item + .welfare-unit-03__item { margin-top: 60px; } }

@media (max-width: 767px) { .welfare-unit-03__item + .welfare-unit-03__item { margin-top: 9.375vw; } }

@media (min-width: 768px) { .welfare-unit-03__item-ttl { margin-bottom: 30px; font-size: 20px; font-weight: bold; } }

@media (max-width: 767px) { .welfare-unit-03__item-ttl { margin-bottom: 4.6875vw; line-height: 1.33; } }

@media (min-width: 768px) { .welfare-unit-03__item-txt { font-size: 14px; line-height: 1.71; } }

@media (max-width: 767px) { .welfare-unit-03__item-txt { font-size: 3.125vw; line-height: 1.5; } }

.policy-header { position: relative; }

@media (min-width: 768px) { .policy-header { margin: 0 9.375%; } }

@media (max-width: 767px) { .policy-header { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .policy-header__inner { max-width: 1600px; margin: auto; padding: 240px 0 120px; } }

@media (max-width: 767px) { .policy-header__inner { padding: 39.0625vw 0 18.75vw; } }

.policy-header__ttl { text-align: center; }

@media (max-width: 767px) { .policy-header__ttl { padding: 0 6.25vw; } }

.policy-header__ttl-inner { display: block; }

@media (min-width: 768px) { .policy-header__ttl-inner { max-width: 1600px; margin: auto; } }

.policy-header__ttl-txt { display: block; }

.policy-header__ttl-txt--en { border-bottom: 1px solid #f1f3f5; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .policy-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .policy-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.policy-header__ttl-txt--ja { font-weight: bold; letter-spacing: 0.2em; }

@media (min-width: 768px) { .policy-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .policy-header__ttl-txt--ja { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .policy-cont { margin: 0 9.375%; } }

@media (min-width: 768px) { .policy-cont__inner { max-width: 1600px; margin: auto; padding: 0 3.84615% 200px; } }

@media (max-width: 767px) { .policy-cont__inner { padding: 0 12.5vw 21.875vw; } }

@media (min-width: 768px) { .policy-editor { font-size: 14px; line-height: 1.75; } }

@media (max-width: 767px) { .policy-editor { padding: 18.75vw 0 0; line-height: 1.5; } }

@media (min-width: 768px) { .policy-editor > dl + dl { margin-top: 70px; } }

@media (max-width: 767px) { .policy-editor > dl + dl { margin-top: 18.75vw; } }

.policy-editor > dl > dt { font-weight: bold; }

@media (min-width: 768px) { .policy-editor > dl > dt { margin-bottom: 30px; font-size: 16px; } }

@media (max-width: 767px) { .policy-editor > dl > dt { margin-bottom: 7.8125vw; font-size: 4.375vw; } }

@media (min-width: 768px) { .policy-editor > dl > dd { padding-left: 20px; } }

.policy-editor > dl dl dt { font-weight: bold; }

@media (min-width: 768px) { .policy-editor > dl dl dt { margin-bottom: 15px; } }

@media (max-width: 767px) { .policy-editor > dl dl dt { margin-bottom: 3.125vw; } }

@media (min-width: 768px) { .policy-editor > dl dl + dl { margin-top: 40px; } }

@media (max-width: 767px) { .policy-editor > dl dl + dl { margin-top: 12.5vw; } }

@media (min-width: 768px) { .policy-editor div { margin-top: 30px; } }

@media (max-width: 767px) { .policy-editor div { margin-top: 9.375vw; } }

.policy-editor ul li { padding-left: 1em; text-indent: -1em; }

@media (min-width: 768px) { .policy-editor ul li { margin-top: 10px; } }

@media (max-width: 767px) { .policy-editor ul li { margin-top: 3.125vw; } }

.policy-editor strong { font-weight: bold; }

.policy-editor small { display: block; }

@media (min-width: 768px) { .policy-editor small { margin-top: 50px; font-size: 14px; } }

@media (max-width: 767px) { .policy-editor small { margin-top: 15.625vw; font-size: 3.75vw; } }

.policy-editor a { text-decoration: underline; }

@media (min-width: 768px) { .policy-editor a:hover { text-decoration: none; } }

.infographics-header { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/infographics-kv-img.png); }

@media (min-width: 768px) { .infographics-header { height: 540px; } }

@media (max-width: 767px) { .infographics-header { height: 100vh; } }

.infographics-header__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .infographics-header__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .infographics-header__ttl { padding: 6.25vw; } }

@media (min-width: 768px) { .infographics-header__ttl-inner { max-width: 1600px; margin: auto; } }

.infographics-header__ttl-txt { display: block; color: #fff; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .infographics-header__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .infographics-header__ttl-txt { letter-spacing: 0.2em; } }

.infographics-header__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .infographics-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .infographics-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.infographics-header__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .infographics-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .infographics-header__ttl-txt--ja { font-size: 3.75vw; } }

@media (min-width: 768px) { .infographics-nav { margin: 0 9.375% 115px; padding-top: 65px; } }

@media (max-width: 767px) { .infographics-nav { padding: 3.125vw 0 3.125vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .infographics-nav__inner { max-width: 1600px; margin: auto; padding-bottom: 6.25vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .infographics-nav__items { letter-spacing: -0.4em; text-align: center; } }

@media (max-width: 767px) { .infographics-nav__items { overflow: hidden; } }

@media (min-width: 768px) { .infographics-nav__item { display: inline-block; letter-spacing: 0; margin: 5px 0; border-right: 1px solid #495057; } }

@media (max-width: 767px) { .infographics-nav__item { position: relative; float: left; width: 50%; } }

@media (min-width: 768px) { .infographics-nav__item:last-of-type { border-right: none; } }

@media (max-width: 767px) { .infographics-nav__item:nth-of-type(odd):after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 6.25vw; background-color: #495057; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.infographics-nav__item a { display: block; font-weight: bold; }

@media (min-width: 768px) { .infographics-nav__item a { padding: 0 20px; font-size: 14px; } }

@media (max-width: 767px) { .infographics-nav__item a { padding: 7.8125vw 0; font-size: 3.125vw; text-align: center; } }

@media (min-width: 768px) { .infographics-intro { margin: 0 9.375% 100px; } }

@media (max-width: 767px) { .infographics-intro { padding: 15.625vw 12.5vw 18.75vw; border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .infographics-intro__inner { margin: auto; max-width: 1600px; } }

.infographics-intro__ttl { position: relative; font-weight: bold; }

@media (min-width: 768px) { .infographics-intro__ttl { margin-bottom: 40px; padding-bottom: 40px; font-size: 30px; line-height: 1.2; text-align: center; } }

@media (max-width: 767px) { .infographics-intro__ttl { margin-bottom: 20px; padding-bottom: 20px; font-size: 5.625vw; line-height: 1.33; } }

.infographics-intro__ttl:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; height: 3px; background-color: #d67da4; }

@media (min-width: 768px) { .infographics-intro__ttl:after { width: 80px; margin-left: -40px; } }

@media (max-width: 767px) { .infographics-intro__ttl:after { left: 0; width: 12.5vw; } }

@media (min-width: 768px) { .infographics-intro__txt { font-size: 16px; text-align: center; line-height: 1.5; text-align: center; } }

@media (max-width: 767px) { .infographics-intro__txt { font-size: 14px; line-height: 1.5; } }

@media (max-width: 767px) { .infographics-main { padding: 18.75vw 0 0; } }

.infographics-main__ttl { color: #d67da4; }

@media (min-width: 768px) { .infographics-main__ttl { margin: 0 9.375% 40px; } }

@media (max-width: 767px) { .infographics-main__ttl { padding: 0 12.5vw; } }

.infographics-main__ttl-inner { display: block; }

@media (min-width: 768px) { .infographics-main__ttl-inner { max-width: 1600px; margin: auto; padding: 0 3.84615%; } }

.infographics-main__ttl-txt { display: block; }

.infographics-main__ttl-txt--ja { letter-spacing: 0.12em; }

@media (min-width: 768px) { .infographics-main__ttl-txt--ja { margin-bottom: 5px; font-size: 14px; } }

@media (max-width: 767px) { .infographics-main__ttl-txt--ja { margin-bottom: 1.5625vw; font-size: 3.125vw; font-weight: bold; } }

.infographics-main__ttl-txt--en { font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .infographics-main__ttl-txt--en { font-size: 52px; } }

@media (max-width: 767px) { .infographics-main__ttl-txt--en { font-size: 8.125vw; } }

@media (min-width: 768px) { .infographics-market { margin: 0 9.375%; } }

@media (max-width: 767px) { .infographics-market { padding: 0 4.6875vw; } }

@media (min-width: 768px) { .infographics-market__inner { max-width: 1600px; margin: auto; } }

@media (min-width: 768px) { .infographics-market__ttl { margin-bottom: 50px; padding: 0 3.84615%; font-size: 30px; font-weight: bold; } }

@media (max-width: 767px) { .infographics-market__ttl { margin-bottom: 4.6875vw; padding: 18.75vw 7.8125vw 0; font-size: 4.6875vw; } }

.infographics-market__graph { border-radius: 7px; background-color: #f2f2f2; }

@media (min-width: 768px) { .infographics-market__graph { padding: 10px; } }

@media (max-width: 767px) { .infographics-market__graph { padding: 1.5625vw; } }

.infographics-market__graph-inner { position: relative; border-radius: 7px; background-color: #fff; }

.infographics-market__graph-cont { position: relative; overflow: hidden; }

@media (min-width: 768px) { .infographics-market__graph-cont { padding-top: 35%; } }

@media (max-width: 767px) { .infographics-market__graph-cont { padding-top: 64%; } }

@media (min-width: 768px) { .infographics-market__graph-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } }

@media (max-width: 767px) { .infographics-market__graph-img { display: none; } }

@media (min-width: 768px) { .infographics-market__graph-img--01 { z-index: 1; } }

@media (min-width: 768px) { .infographics-market__graph-img--02 { z-index: 0; } }

@media (min-width: 768px) { .infographics-market__graph-img--03 { z-index: 1; } }

@media (min-width: 768px) { .infographics-market__graph-img--04 { z-index: 0; } }

@media (min-width: 768px) { .infographics-market__graph-img--05 { z-index: 1; } }

@media (min-width: 768px) { .infographics-market__graph-img-sp { display: none; } }

@media (max-width: 767px) { .infographics-market__graph-img-sp { position: absolute; top: 0; left: 0; width: 100%; height: auto; } }

@media (max-width: 767px) { .infographics-market__graph-img-sp--01 { z-index: 1; } }

@media (max-width: 767px) { .infographics-market__graph-img-sp--02 { z-index: 0; } }

@media (max-width: 767px) { .infographics-market__graph-img-sp--03 { z-index: 1; } }

@media (max-width: 767px) { .infographics-market__graph-img-sp--04 { z-index: 0; } }

.infographics-market__graph-img-sp--05 { z-index: 1; }

.infographics-market__graph-note { position: absolute; }

@media (min-width: 768px) { .infographics-market__graph-note { bottom: 20px; right: 30px; font-size: 10px; } }

@media (max-width: 767px) { .infographics-market__graph-note { bottom: 1.5625vw; right: 1.5625vw; font-size: 3.125vw; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }

/***************************** animation setting */
@media (min-width: 768px) { .infographics-market__graph-img { opacity: 0; } }

@media (max-width: 767px) { .infographics-market__graph-img-sp { opacity: 0; } }

/***************************** is-scroll-current */
.infographics-market__graph.is-scroll-current .infographics-market__graph-img--01 { -webkit-animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards alternate; animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img--02 { -webkit-animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img--03 { -webkit-animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img--04 { -webkit-animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img--05 { -webkit-animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img-sp--01 { -webkit-animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards alternate; animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img-sp--02 { -webkit-animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img-sp--03 { -webkit-animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img-sp--04 { -webkit-animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; animation: market-graph-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; }

.infographics-market__graph.is-scroll-current .infographics-market__graph-img-sp--05 { -webkit-animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; animation: market-graph-bounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; }

@-webkit-keyframes market-graph-bounce { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% { opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes market-graph-bounce { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% { opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes market-graph-show { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes market-graph-show { 0% { opacity: 0; }
  100% { opacity: 1; } }

/***************************** no-js */
.no-js .infographics-market__graph .infographics-market__graph-img--01 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.no-js .infographics-market__graph .infographics-market__graph-img--02 { opacity: 1; }

.no-js .infographics-market__graph .infographics-market__graph-img--03 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.no-js .infographics-market__graph .infographics-market__graph-img--04 { opacity: 1; }

.no-js .infographics-market__graph .infographics-market__graph-img--05 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.no-js .infographics-market__graph .infographics-market__graph-img-sp--01 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.no-js .infographics-market__graph .infographics-market__graph-img-sp--02 { opacity: 1; }

.no-js .infographics-market__graph .infographics-market__graph-img-sp--03 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.no-js .infographics-market__graph .infographics-market__graph-img-sp--04 { opacity: 1; }

.no-js .infographics-market__graph .infographics-market__graph-img-sp--05 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

@media (min-width: 768px) { .infographics-progress { margin: 120px 9.375% 0; } }

@media (max-width: 767px) { .infographics-progress { padding: 10.9375vw 4.6875vw 0; } }

@media (min-width: 768px) { .infographics-progress__inner { max-width: 1600px; margin: auto; } }

@media (min-width: 768px) { .infographics-progress__ttl { margin-bottom: 50px; padding: 0 3.84615%; font-size: 30px; font-weight: bold; } }

@media (max-width: 767px) { .infographics-progress__ttl { margin-bottom: 4.6875vw; padding: 0 7.8125vw; font-size: 4.6875vw; } }

@media (min-width: 768px) { .infographics-progress__graph { padding: 10px; border-radius: 7px; background-color: #f2f2f2; } }

.infographics-progress__graph-inner { position: relative; }

@media (min-width: 768px) { .infographics-progress__graph-inner { border-radius: 7px; background-color: #fff; } }

@media (min-width: 768px) { .infographics-progress__graph-cont { padding: 70px 10px; } }

@media (min-width: 768px) { .infographics-progress__graph-cols { display: table; width: 100%; } }

@media (min-width: 768px) { .infographics-progress__graph-col { display: table-cell; position: relative; width: 33.3%; padding: 0 15px; } }

@media (max-width: 767px) { .infographics-progress__graph-col { padding: 1.5625vw; border-radius: 7px; background-color: #f2f2f2; } }

@media (max-width: 767px) { .infographics-progress__graph-col + .infographics-progress__graph-col { margin-top: 1.5625vw; } }

@media (max-width: 767px) { .infographics-progress__graph-col-inner { position: relative; padding: 10.9375vw 20.3125vw; border-radius: 7px; background-color: #fff; } }

.infographics-progress__graph-ttl { border-bottom: 1px solid #495057; font-weight: bold; text-align: center; }

@media (min-width: 768px) { .infographics-progress__graph-ttl { padding-bottom: 30px; font-size: 21px; } }

@media (max-width: 767px) { .infographics-progress__graph-ttl { padding-bottom: 4.6875vw; font-size: 3.125vw; } }

.infographics-progress__graph-fig { position: relative; }

.infographics-progress__graph-imgs { position: relative; padding-top: 215%; }

.infographics-progress__graph-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

.infographics-progress__graph-years { overflow: hidden; border-top: 1px solid #495057; }

@media (min-width: 768px) { .infographics-progress__graph-years { padding-top: 30px; } }

@media (max-width: 767px) { .infographics-progress__graph-years { padding-top: 4.6875vw; } }

.infographics-progress__graph-year { float: left; width: 33.3%; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.04em; text-align: center; }

@media (min-width: 768px) { .infographics-progress__graph-year { font-size: 16px; } }

@media (max-width: 767px) { .infographics-progress__graph-year { font-size: 2.5vw; } }

@media (min-width: 768px) { .infographics-progress__graph-note { font-size: 16px; } }

@media (max-width: 767px) { .infographics-progress__graph-note { font-size: 3.125vw; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

.infographics-progress__graph-col--product .infographics-progress__graph-note { color: #5550a0; }

.infographics-progress__graph-col--total .infographics-progress__graph-note { color: #e4a324; }

.infographics-progress__graph-col--people .infographics-progress__graph-note { color: #157e3a; }

.infographics-progress__note { display: block; text-align: right; }

@media (min-width: 768px) { .infographics-progress__note { margin-top: 15px; font-size: 10px; } }

@media (max-width: 767px) { .infographics-progress__note { margin-top: 3.125vw; font-size: 3.125vw; } }

/***************************** animation setting */
.infographics-progress__graph-img { opacity: 0; }

@-webkit-keyframes progress-img { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes progress-img { 0% { opacity: 0; }
  100% { opacity: 1; } }

/***************************** is-scroll-current */
.infographics-progress__graph-col--product.is-scroll-current .infographics-progress__graph-img--01 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards alternate; }

.infographics-progress__graph-col--product.is-scroll-current .infographics-progress__graph-img--02 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; }

.infographics-progress__graph-col--product.is-scroll-current .infographics-progress__graph-img--03 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; }

.infographics-progress__graph-col--total.is-scroll-current .infographics-progress__graph-img--01 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; }

.infographics-progress__graph-col--total.is-scroll-current .infographics-progress__graph-img--02 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; }

.infographics-progress__graph-col--total.is-scroll-current .infographics-progress__graph-img--03 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards alternate; }

.infographics-progress__graph-col--people.is-scroll-current .infographics-progress__graph-img--01 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards alternate; }

.infographics-progress__graph-col--people.is-scroll-current .infographics-progress__graph-img--02 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards alternate; }

.infographics-progress__graph-col--people.is-scroll-current .infographics-progress__graph-img--03 { -webkit-animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards alternate; animation: progress-img 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards alternate; }

/***************************** no-js */
.no-js .infographics-progress__graph-col--product .infographics-progress__graph-img--01 { opacity: 1; }

.no-js .infographics-progress__graph-col--product .infographics-progress__graph-img--02 { opacity: 1; }

.no-js .infographics-progress__graph-col--product .infographics-progress__graph-img--03 { opacity: 1; }

.no-js .infographics-progress__graph-col--total .infographics-progress__graph-img--01 { opacity: 1; }

.no-js .infographics-progress__graph-col--total .infographics-progress__graph-img--02 { opacity: 1; }

.no-js .infographics-progress__graph-col--total .infographics-progress__graph-img--03 { opacity: 1; }

.no-js .infographics-progress__graph-col--people .infographics-progress__graph-img--01 { opacity: 1; }

.no-js .infographics-progress__graph-col--people .infographics-progress__graph-img--02 { opacity: 1; }

.no-js .infographics-progress__graph-col--people .infographics-progress__graph-img--03 { opacity: 1; }

@media (min-width: 768px) { .infographics-flow { margin: 120px 9.375% 0; } }

@media (max-width: 767px) { .infographics-flow { padding: 10.9375vw 4.6875vw 0; } }

@media (min-width: 768px) { .infographics-flow__inner { max-width: 1600px; margin: auto; } }

@media (min-width: 768px) { .infographics-flow__ttl { margin-bottom: 50px; padding: 0 3.84615%; font-size: 30px; font-weight: bold; } }

@media (max-width: 767px) { .infographics-flow__ttl { margin-bottom: 4.6875vw; padding: 0 7.8125vw; font-size: 4.6875vw; } }

.infographics-flow__graph { border-radius: 7px; background-color: #f2f2f2; }

@media (min-width: 768px) { .infographics-flow__graph { padding: 10px; } }

@media (max-width: 767px) { .infographics-flow__graph { padding: 1.5625vw; } }

.infographics-flow__graph-inner { position: relative; border-radius: 7px; background-color: #fff; }

@media (min-width: 768px) { .infographics-flow__graph-inner { padding: 60px 30px; } }

@media (max-width: 767px) { .infographics-flow__graph-inner { padding: 9.375vw 4.6875vw 10.9375vw; } }

.infographics-flow__graph-cont { position: relative; }

@media (max-width: 767px) { .infographics-flow__graph-cont { padding-bottom: 5.3125vw; } }

.infographics-flow__graph-start, .infographics-flow__graph-goal { position: absolute; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.012em; }

@media (min-width: 768px) { .infographics-flow__graph-start, .infographics-flow__graph-goal { top: 0; padding-top: 5px; font-size: 18px; } }

@media (max-width: 767px) { .infographics-flow__graph-start, .infographics-flow__graph-goal { font-size: 10px; -webkit-transform-origin: top-left; -ms-transform-origin: top-left; transform-origin: top-left; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

@media (min-width: 768px) { .infographics-flow__graph-start { left: 0; } }

@media (max-width: 767px) { .infographics-flow__graph-start { top: 9.375vw; left: 0; } }

@media (min-width: 768px) { .infographics-flow__graph-goal { right: 0; } }

@media (max-width: 767px) { .infographics-flow__graph-goal { bottom: 0; right: 0; } }

.infographics-flow__graph-total { text-align: center; }

@media (min-width: 768px) { .infographics-flow__graph-total { margin-bottom: 30px; } }

@media (max-width: 767px) { .infographics-flow__graph-total { margin-bottom: 10.3125vw; } }

.infographics-flow__graph-total-en { font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; letter-spacing: 0.33em; }

@media (min-width: 768px) { .infographics-flow__graph-total-en { font-size: 31px; } }

@media (max-width: 767px) { .infographics-flow__graph-total-en { margin-right: 3.75vw; font-size: 4.6875vw; } }

.infographics-flow__graph-total-ja { font-weight: bold; }

@media (min-width: 768px) { .infographics-flow__graph-total-ja { font-size: 30px; } }

@media (max-width: 767px) { .infographics-flow__graph-total-ja { font-size: 4.6875vw; } }

.infographics-flow__graph-imgs { position: relative; overflow: hidden; }

@media (min-width: 768px) { .infographics-flow__graph-imgs { padding-top: 8%; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs { padding-top: 36%; } }

@media (min-width: 768px) { .infographics-flow__graph-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } }

@media (max-width: 767px) { .infographics-flow__graph-img { display: none; } }

@media (min-width: 768px) { .infographics-flow__graph-img-sp { display: none; } }

@media (max-width: 767px) { .infographics-flow__graph-img-sp { position: absolute; top: 0; left: 0; width: 100%; height: auto; } }

@media (min-width: 768px) { .infographics-flow__comments { padding: 18px 7% 0; letter-spacing: -0.4em; } }

@media (max-width: 767px) { .infographics-flow__comments { margin-top: 6.25vw; } }

@media (min-width: 768px) { .infographics-flow__comment { display: inline-block; position: relative; width: calc(50% - 10px); padding: 15px 35px; border: 2px solid #ff539e; letter-spacing: 0; vertical-align: top; } }

@media (max-width: 767px) { .infographics-flow__comment { padding: 4.6875vw 6.25vw; border: 1px solid #ff539e; } }

@media (min-width: 768px) { .infographics-flow__comment:before, .infographics-flow__comment:after { content: ''; display: block; position: absolute; bottom: 100%; } }

@media (min-width: 768px) { .infographics-flow__comment:before { z-index: 1; border: 9px solid transparent; border-bottom-color: #fff; } }

@media (min-width: 768px) { .infographics-flow__comment:after { border: 12px solid transparent; border-bottom-color: #ff539e; } }

@media (min-width: 768px) { .infographics-flow__comment:first-of-type { margin-right: 10px; } }

@media (min-width: 768px) { .infographics-flow__comment:first-of-type:before, .infographics-flow__comment:first-of-type:after { right: 23px; } }

.infographics-flow__comment:first-of-type:before { right: 26px; }

@media (min-width: 768px) { .infographics-flow__comment:last-of-type { margin-left: 10px; } }

@media (min-width: 768px) { .infographics-flow__comment:last-of-type:before, .infographics-flow__comment:last-of-type:after { right: 33px; } }

@media (min-width: 768px) { .infographics-flow__comment:last-of-type:before { right: 36px; } }

@media (max-width: 767px) { .infographics-flow__comment + .infographics-flow__comment { margin-top: 3.125vw; } }

.infographics-flow__comment-ttl { color: #ff539e; }

@media (min-width: 768px) { .infographics-flow__comment-ttl { margin-bottom: 10px; } }

@media (max-width: 767px) { .infographics-flow__comment-ttl { margin-bottom: 2.5vw; } }

.infographics-flow__comment-ttl-en { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .infographics-flow__comment-ttl-en { font-size: 20px; } }

@media (max-width: 767px) { .infographics-flow__comment-ttl-en { font-size: 4.6875vw; } }

@media (min-width: 768px) { .infographics-flow__comment-ttl-ja { display: none; } }

@media (max-width: 767px) { .infographics-flow__comment-ttl-ja { font-size: 3.125vw; letter-spacing: 0.05em; } }

.infographics-flow__comment-txt { line-height: 1.5; }

@media (min-width: 768px) { .infographics-flow__comment-txt { font-size: 14px; } }

@media (max-width: 767px) { .infographics-flow__comment-txt { margin-top: 2.1875vw; font-size: 3.125vw; } }

.infographics-flow__txt { line-height: 1.5; }

@media (min-width: 768px) { .infographics-flow__txt { margin-top: 50px; padding: 0 3.84615%; font-size: 16px; } }

@media (max-width: 767px) { .infographics-flow__txt { margin-top: 7.8125vw; padding: 0 7.8125vw; font-size: 3.75vw; } }

/***************************** animation setting */
@media (min-width: 768px) { .infographics-flow__graph-img { opacity: 0; -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } }

@media (max-width: 767px) { .infographics-flow__graph-img-sp { opacity: 0; -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } }

@-webkit-keyframes flow-graph { 0% { opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes flow-graph { 0% { opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

/***************************** is-scroll-current */
@media (min-width: 768px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img--01 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; } }

@media (min-width: 768px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img--02 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; } }

@media (min-width: 768px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img--03 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; } }

@media (min-width: 768px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img--04 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; } }

@media (min-width: 768px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img--05 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards alternate; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img-sp--01 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards alternate; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img-sp--02 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards alternate; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img-sp--03 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards alternate; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img-sp--04 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards alternate; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img-sp--05 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards alternate; } }

@media (max-width: 767px) { .infographics-flow__graph-imgs.is-scroll-current .infographics-flow__graph-img-sp--06 { -webkit-animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards alternate; animation: flow-graph 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards alternate; } }

/***************************** no-js */
@media (min-width: 768px) { .no-js .infographics-flow__graph-imgs .infographics-flow__graph-img { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

@media (max-width: 767px) { .no-js .infographics-flow__graph-imgs .infographics-flow__graph-img-sp { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

@media (min-width: 768px) { .infographics-voice { margin: 220px 9.375% 0; } }

@media (max-width: 767px) { .infographics-voice { padding: 10.9375vw 7.8125vw 0; } }

@media (min-width: 768px) { .infographics-voice__inner { padding: 0 3.84615%; } }

.infographics-voice__ttl { font-weight: bold; }

@media (min-width: 768px) { .infographics-voice__ttl { margin-bottom: 50px; font-size: 24px; } }

@media (max-width: 767px) { .infographics-voice__ttl { margin-bottom: 7.8125vw; font-size: 3.75vw; } }

.infographics-voice__items { overflow: hidden; }

@media (max-width: 767px) { .infographics-voice__items { margin-top: -7.8125vw; margin-left: -1px; } }

.infographics-voice__item { float: left; }

@media (min-width: 768px) { .infographics-voice__item { width: 25%; } }

@media (max-width: 767px) { .infographics-voice__item { width: 50%; margin-top: 7.8125vw; padding-left: 1px; } }

.infographics-voice__item-fig { padding-top: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .infographics-voice__item-fig { position: relative; overflow: hidden; } }

@media (min-width: 768px) { .infographics-voice__item-fig:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; } }

.infographics-voice__item-ttl { font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .infographics-voice__item-ttl { margin-top: 30px; font-size: 18px; } }

@media (max-width: 767px) { .infographics-voice__item-ttl { margin-top: 4.6875vw; font-size: 3.75vw; } }

.infographics-voice__item--engineer .infographics-voice__item-ttl { color: #b5b4c2; }

.infographics-voice__item--designer .infographics-voice__item-ttl { color: #b5cf92; }

.infographics-voice__item--planner .infographics-voice__item-ttl { color: #8bb458; }

.infographics-voice__item--corporate .infographics-voice__item-ttl { color: #f18fc4; }

/***************************** animation setting */
@media (min-width: 768px) { .infographics-voice__item-fig:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); } }

/***************************** hover */
@media (min-width: 768px) { .infographics-voice__item a:hover .infographics-voice__item-fig:before { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .infographics-look { margin: 120px 9.375% 0; } }

@media (max-width: 767px) { .infographics-look { padding-top: 10.9375vw; } }

@media (min-width: 768px) { .infographics-look__inner { max-width: 1600px; margin: auto; } }

@media (min-width: 768px) { .infographics-look__ttl { margin-bottom: 50px; padding: 0 3.84615%; font-size: 30px; font-weight: bold; } }

@media (max-width: 767px) { .infographics-look__ttl { margin-bottom: 4.6875vw; padding: 0 7.8125vw; font-size: 4.6875vw; } }

.infographics-look__graph { border-radius: 7px; background-color: #f2f2f2; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/infographics-look-bg.png); }

@media (min-width: 768px) { .infographics-look__graph { padding: 10px; background-size: 60% auto; } }

@media (max-width: 767px) { .infographics-look__graph { padding: 3.125vw; background-size: 100% auto; } }

.infographics-look__graph-inner { position: relative; }

@media (min-width: 768px) { .infographics-look__graph-inner { margin: -4px; } }

@media (max-width: 767px) { .infographics-look__graph-inner { margin: -1.5625vw; } }

.infographics-look__logo { position: absolute; }

@media (min-width: 768px) { .infographics-look__logo { top: 25%; left: 26%; width: 14.8%; } }

@media (max-width: 767px) { .infographics-look__logo { top: 47.5vw; left: 36.25vw; width: 23.75vw; } }

.infographics-look__logo:before, .infographics-look__logo:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; opacity: 0; border: 5px solid #fff; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }

@media (min-width: 768px) { .infographics-look__logo:before { width: 110%; height: 110%; } }

@media (max-width: 767px) { .infographics-look__logo:before { width: 26.25vw; height: 26.25vw; } }

@media (min-width: 768px) { .infographics-look__logo:after { width: 140%; height: 140%; } }

@media (max-width: 767px) { .infographics-look__logo:after { width: 33.125vw; height: 33.125vw; } }

.infographics-look__logo img { position: relative; z-index: 1; width: 100%; height: auto; }

@media (min-width: 768px) { .infographics-look__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

@media (max-width: 767px) { .infographics-look__cols { padding-top: 114.0625vw; } }

@media (max-width: 767px) { .infographics-look__col { width: 100%; } }

@media (min-width: 768px) { .infographics-look__col--01 { width: 50%; } }

@media (min-width: 768px) { .infographics-look__col--02 { width: 50%; } }

.infographics-look__col-inner { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.infographics-look__box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

@media (min-width: 768px) { .infographics-look__box { padding: 4px; } }

@media (max-width: 767px) { .infographics-look__box { padding: 1.5625vw; } }

.infographics-look__box-ttl { font-weight: bold; letter-spacing: 0.06em; }

@media (min-width: 768px) { .infographics-look__box-ttl { font-size: 18px; } }

@media (max-width: 767px) { .infographics-look__box-ttl { font-size: 3.125vw; } }

.infographics-look__box-ttl span { display: block; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

/***************************** infographics-look__col--01 */
.infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-inner { padding: 40px 0; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-inner { padding: 6.25vw 0; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-ttl { margin-bottom: 40px; padding: 0 8%; font-size: 24px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-ttl { margin-bottom: 6.25vw; padding: 0 4.6875vw; font-size: 3.75vw; -webkit-transform: none; -ms-transform: none; transform: none; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-cont { padding: 0 11%; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-cont { padding: 0 21.875vw; } }

.infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-pie { position: relative; padding-top: 100%; }

.infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-pie-img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.infographics-look__col--01 .infographics-look__box--02 { width: 50%; }

.infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-inner { padding: 40px 0; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-inner { padding: 6.25vw 0 4.6875vw; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-ttl { margin-bottom: 20px; padding: 0 16%; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-ttl { margin-bottom: 1.5625vw; padding: 0 4.6875vw; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-imgs { padding: 0 20%; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-imgs { padding: 0 7.8125vw; } }

.infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-imgs-inner { position: relative; padding-top: 135%; }

.infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

.infographics-look__col--01 .infographics-look__box--03 { width: 50%; }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-inner { padding: 40px 0; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-inner { padding: 6.25vw 0 4.6875vw; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-ttl { margin-bottom: 20px; padding: 0 16%; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-ttl { margin-bottom: 1.5625vw; padding: 0 4.6875vw; } }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt { color: #d67da4; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; text-align: center; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt { margin-bottom: 60px; font-size: 60px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt { margin-bottom: 4.6875vw; font-size: 9.375vw; } }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt em { font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt em { font-size: 70px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt em { font-size: 11.875vw; } }

@media (min-width: 768px) and (max-width: 1024px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt em { font-size: 56px; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-imgs { padding: 0 28%; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-imgs { padding: 0 12.5vw; } }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-imgs-inner { position: relative; padding-top: 84%; }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

.infographics-look__col--01 .infographics-look__box--04 { width: 50%; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--04 { height: 140px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--04 { height: 21.875vw; } }

.infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-inner { padding: 0 16%; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-ttl { margin-bottom: 10px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-ttl { margin-bottom: 1.5625vw; } }

.infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont { color: #d67da4; font-weight: bold; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont { font-size: 32px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont { font-size: 5vw; } }

.infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont em { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont em { font-size: 50px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont em { font-size: 7.8125vw; } }

.infographics-look__col--01 .infographics-look__box--05 { width: 50%; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--05 { height: 140px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--05 { height: 21.875vw; } }

.infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-inner { padding: 0 16%; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-ttl { margin-bottom: 10px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-ttl { margin-bottom: 1.5625vw; } }

.infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont { color: #d67da4; font-weight: bold; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont { font-size: 32px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont { font-size: 5vw; } }

.infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont em { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont em { font-size: 50px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont em { font-size: 7.8125vw; } }

.infographics-look__col--01 .infographics-look__box--06 { width: 50%; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--06 { height: 140px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--06 { height: 21.875vw; } }

.infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-inner { padding: 0 16%; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-ttl { margin-bottom: 10px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-ttl { margin-bottom: 1.5625vw; } }

.infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont { color: #d67da4; font-weight: bold; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont { font-size: 32px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont { font-size: 5vw; } }

.infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont em { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont em { font-size: 50px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont em { font-size: 7.8125vw; } }

.infographics-look__col--01 .infographics-look__box--07 { width: 50%; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--07 { height: 140px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--07 { height: 21.875vw; } }

.infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-inner { padding: 0 16%; } }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-ttl { margin-bottom: 10px; } }

.infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont { color: #d67da4; font-weight: bold; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont { font-size: 32px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont { font-size: 5vw; } }

.infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont em { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont em { font-size: 50px; } }

@media (max-width: 767px) { .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont em { font-size: 7.8125vw; } }

/***************************** infographics-look__col--02 */
@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--01 { height: 90px; } }

.infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-inner { padding-right: 6%; padding-left: 6%; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-inner { padding: 4.6875vw; } }

.infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-cont { color: #d67da4; font-weight: bold; letter-spacing: 0.06em; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-cont { font-size: 20px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-cont { font-size: 3.125vw; } }

.infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-cont em { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-cont em { font-size: 30px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--01 .infographics-look__box-cont em { font-size: 4.6875vw; } }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--02 { height: 140px; } }

.infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-inner { padding-right: 6%; padding-left: 6%; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-inner { padding: 4.6875vw; } }

.infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont { color: #00a0dc; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont { font-size: 40px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont { font-size: 6.25vw; } }

.infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont em { font-weight: bold; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont em { font-size: 100px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont em { font-size: 15.625vw; } }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--03 { height: 140px; } }

.infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-inner { padding-right: 6%; padding-left: 6%; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-inner { padding: 6.25vw 4.6875vw; } }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-ttl { margin-bottom: 15px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-ttl { margin-bottom: 1.5625vw; } }

.infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-txt { color: #d67da4; font-weight: bold; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-txt { font-size: 16px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--03 .infographics-look__box-txt { display: block; font-size: 3.125vw; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--04 { height: 105px; } }

.infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-inner { padding-right: 6%; padding-left: 6%; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-inner { padding: 4.6875vw; } }

.infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont { color: #d67da4; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont { font-size: 32px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont { font-size: 6.25vw; } }

.infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont em { font-weight: bold; font-style: normal; }

@media (min-width: 768px) { .infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont em { font-size: 50px; } }

@media (max-width: 767px) { .infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont em { font-size: 15.625vw; } }

.infographics-look__box-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-radius: 7px; background-color: #fff; }

/***************************** アンケート */
@media (max-width: 767px) { .infographics-look__question { margin-bottom: 25vw; } }

@media (min-width: 768px) { .infographics-look__question-box { padding: 4px 4px 170px 4px; } }

@media (max-width: 767px) { .infographics-look__question-box { padding: 1.5625vw; } }

.infographics-look__question-box-inner { position: relative; border-radius: 7px; background-color: #fff; }

@media (min-width: 768px) { .infographics-look__question-box-inner { padding: 50px 3%; } }

@media (max-width: 767px) { .infographics-look__question-box-inner { padding: 6.25vw 4.6875vw; } }

.infographics-look__question-box-inner:before { content: ''; display: block; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-style: solid; border-color: transparent; border-top-color: #fff; }

@media (min-width: 768px) { .infographics-look__question-box-inner:before { margin-top: -4px; border-width: 34px; border-left-width: 17px; border-right-width: 17px; } }

@media (max-width: 767px) { .infographics-look__question-box-inner:before { margin-top: -1.5625vw; border-width: 5.3125vw; border-left-width: 2.5vw; border-right-width: 2.5vw; } }

.infographics-look__question-box-inner:after { content: ''; display: block; position: absolute; top: 100%; left: 50%; background: url(../images/infographics-look-bg-people.png) no-repeat 0 0; background-size: 100% auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 768px) { .infographics-look__question-box-inner:after { width: 169px; height: 80px; margin-top: 54px; } }

@media (max-width: 767px) { .infographics-look__question-box-inner:after { width: 26.25vw; height: 12.5vw; margin-top: 9.375vw; } }

.infographics-look__question-box-ttl { font-weight: bold; letter-spacing: 0.06em; }

@media (min-width: 768px) { .infographics-look__question-box-ttl { margin-bottom: 40px; font-size: 18px; } }

@media (max-width: 767px) { .infographics-look__question-box-ttl { margin-bottom: 7.8125vw; font-size: 3.125vw; } }

.infographics-look__question-box-ttl span { display: block; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.infographics-look__question-box-tags { position: relative; }

@media (min-width: 768px) { .infographics-look__question-box-tags { padding-top: 26%; } }

@media (max-width: 767px) { .infographics-look__question-box-tags { padding-top: 75%; } }

.infographics-look__question-box-tag { position: absolute; opacity: 0; color: #d67da4; font-weight: bold; }

@media (min-width: 768px) { .infographics-look__question-box-tag--s { font-size: 1.563vw; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--s { font-size: 3.125vw; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--m { font-size: 2.032vw; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--m { font-size: 3.75vw; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--l { font-size: 2.344vw; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--l { font-size: 4.0625vw; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--xl { font-size: 2.657vw; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--xl { font-size: 4.375vw; } }

.infographics-look__question-box-tag--01 { top: 5%; left: 0; }

@media (min-width: 768px) { .infographics-look__question-box-tag--02 { top: 16%; left: 23%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--02 { top: 43%; left: 28%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--03 { top: 0; left: 45%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--03 { top: 10%; left: 35%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--04 { top: 5%; right: 1%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--04 { top: 0; right: 1%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--05 { top: 25%; left: 10%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--05 { top: 15%; left: 10%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--06 { top: 37%; left: 30%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--06 { top: 56%; left: 30%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--07 { top: 20%; left: 47%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--07 { top: 20%; left: 38%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--08 { top: 35%; left: 66%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--08 { top: 30%; left: 60%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--09 { top: 23%; right: 0; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--09 { top: 10%; right: 0; } }

.infographics-look__question-box-tag--10 { top: 40%; left: 0; }

@media (min-width: 768px) { .infographics-look__question-box-tag--11 { top: 50%; right: 1%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--11 { top: 40%; right: 1%; } }

.infographics-look__question-box-tag--12 { top: 53%; left: 12%; }

@media (min-width: 768px) { .infographics-look__question-box-tag--13 { top: 65%; left: 25%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--13 { top: 70%; left: 25%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--14 { top: 65%; left: 55%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--14 { top: 70%; left: 55%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--15 { bottom: 0; left: 15%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--15 { bottom: 0; left: 5%; } }

@media (min-width: 768px) { .infographics-look__question-box-tag--16 { bottom: 5%; left: 38%; } }

@media (max-width: 767px) { .infographics-look__question-box-tag--16 { bottom: 1%; left: 38%; } }

.infographics-look__question-box-tag--17 { top: 80%; left: 60%; }

.infographics-look__question-box-tag--18 { bottom: 0; right: 10%; }

.infographics-look__question-box-tag--19 { bottom: 10%; right: 0; }

.infographics-look__question-box-note { display: block; text-align: right; }

@media (min-width: 768px) { .infographics-look__question-box-note { margin-top: 15px; padding: 0 4px; font-size: 10px; } }

@media (max-width: 767px) { .infographics-look__question-box-note { margin-top: 4.6875vw; padding: 0 3.125vw; font-size: 3.125vw; } }

@media (min-width: 768px) { .infographics-look__question-box-note + .infographics-look__question-box-note { margin-top: 5px; } }

@media (max-width: 767px) { .infographics-look__question-box-note + .infographics-look__question-box-note { margin-top: 1.5625vw; } }

/***************************** animation */
.infographics-look__logo:before { -webkit-animation: phaser 5s linear 0s infinite forwards; animation: phaser 5s linear 0s infinite forwards; }

.infographics-look__logo:after { -webkit-animation: phaser 5s linear .1s infinite forwards; animation: phaser 5s linear .1s infinite forwards; }

@-webkit-keyframes phaser { 0% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); }
  50% { opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

@keyframes phaser { 0% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); }
  50% { opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

/***************************** scroll animation setting */
.infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-pie-img { opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: opacity 0.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-img:nth-of-type(1) { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-img:nth-of-type(2) { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-imgs { opacity: 0; -webkit-transition: opacity 0.3s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.infographics-look__col--02 .infographics-look__box--04 .infographics-look__box-cont { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@-webkit-keyframes tag { 0% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% { opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes tag { 0% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% { opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/***************************** scroll animation */
.infographics-look__col--01 .infographics-look__box--01.is-scroll-current .infographics-look__box-pie-img { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.infographics-look__col--01 .infographics-look__box--02.is-scroll-current .infographics-look__box-img { opacity: 1; }

.infographics-look__col--01 .infographics-look__box--03.is-scroll-current .infographics-look__box-txt { opacity: 1; }

.infographics-look__col--01 .infographics-look__box--03.is-scroll-current .infographics-look__box-imgs { opacity: 1; }

.infographics-look__col--01 .infographics-look__box--04.is-scroll-current .infographics-look__box-cont { opacity: 1; }

.infographics-look__col--01 .infographics-look__box--05.is-scroll-current .infographics-look__box-cont { opacity: 1; }

.infographics-look__col--01 .infographics-look__box--06.is-scroll-current .infographics-look__box-cont { opacity: 1; }

.infographics-look__col--01 .infographics-look__box--07.is-scroll-current .infographics-look__box-cont { opacity: 1; }

.infographics-look__col--02 .infographics-look__box--02.is-scroll-current .infographics-look__box-cont { opacity: 1; }

.infographics-look__col--02 .infographics-look__box--04.is-scroll-current .infographics-look__box-cont { opacity: 1; }

.infographics-look__question.is-scroll-current .infographics-look__question-box-tag--s { -webkit-animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s alternate forwards; animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s alternate forwards; }

.infographics-look__question.is-scroll-current .infographics-look__question-box-tag--m { -webkit-animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s alternate forwards; animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s alternate forwards; }

.infographics-look__question.is-scroll-current .infographics-look__question-box-tag--l { -webkit-animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s alternate forwards; animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s alternate forwards; }

.infographics-look__question.is-scroll-current .infographics-look__question-box-tag--xl { -webkit-animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s alternate forwards; animation: tag 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s alternate forwards; }

/***************************** no-js */
.no-js .infographics-look__col--01 .infographics-look__box--01 .infographics-look__box-pie-img { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.no-js .infographics-look__col--01 .infographics-look__box--02 .infographics-look__box-img { opacity: 1; }

.no-js .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-txt { opacity: 1; }

.no-js .infographics-look__col--01 .infographics-look__box--03 .infographics-look__box-imgs { opacity: 1; }

.no-js .infographics-look__col--01 .infographics-look__box--04 .infographics-look__box-cont { opacity: 1; }

.no-js .infographics-look__col--01 .infographics-look__box--05 .infographics-look__box-cont { opacity: 1; }

.no-js .infographics-look__col--01 .infographics-look__box--06 .infographics-look__box-cont { opacity: 1; }

.no-js .infographics-look__col--01 .infographics-look__box--07 .infographics-look__box-cont { opacity: 1; }

.no-js .infographics-look__col--02 .infographics-look__box--02 .infographics-look__box-cont { opacity: 1; }

.infographics-welfare { text-align: center; }

@media (min-width: 768px) { .infographics-welfare { margin: 140px 0; } }

@media (max-width: 767px) { .infographics-welfare { margin: 21.875vw 12.5vw; } }

.infographics-welfare__btn { display: block; }

@media (min-width: 768px) { .infographics-welfare__btn { max-width: 640px; margin: auto; } }

.infographics-welfare a { display: block; position: relative; border: 1px solid #f1f3f5; background-color: #10c21f; text-align: center; }

.infographics-welfare__inner { display: block; position: relative; overflow: hidden; }

.infographics-welfare__inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.infographics-welfare__txt { position: relative; z-index: 1; color: #fff; font-weight: bold; }

@media (min-width: 768px) { .infographics-welfare__txt { font-size: 16px; line-height: 52px; } }

@media (max-width: 767px) { .infographics-welfare__txt { font-size: 3.75vw; line-height: 13.125vw; } }

.infographics-welfare__txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #fff; vertical-align: middle; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 768px) { .infographics-welfare__txt:before { margin-right: 5px; font-size: 10px; } }

@media (max-width: 767px) { .infographics-welfare__txt:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

/****************************** animation setting */
.infographics-welfare__inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .infographics-welfare a:hover .infographics-welfare__inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

.notfound { position: relative; }

@media (min-width: 768px) { .notfound { height: 700px; } }

@media (max-width: 767px) { .notfound { height: 100vh; } }

.notfound__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .notfound__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .notfound__ttl { padding: 6.25vw; } }

.notfound__ttl-inner { display: block; }

@media (min-width: 768px) { .notfound__ttl-inner { max-width: 1600px; margin: auto; } }

.notfound__ttl-txt { display: block; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .notfound__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .notfound__ttl-txt { letter-spacing: 0.2em; } }

.notfound__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .notfound__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .notfound__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.notfound__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .notfound__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .notfound__ttl-txt--ja { font-size: 3.75vw; } }

.about-value-header { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .about-value-header { height: 540px; background-image: url(../images/about-value-kv-img.jpg); } }

@media (max-width: 767px) { .about-value-header { height: 100vh; background-image: url(../images/about-value-kv-img-sp.jpg); } }

.about-value-header__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .about-value-header__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .about-value-header__ttl { padding: 6.25vw; } }

@media (min-width: 768px) { .about-value-header__ttl-inner { max-width: 1600px; margin: auto; } }

.about-value-header__ttl-txt { display: block; color: #fff; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .about-value-header__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .about-value-header__ttl-txt { letter-spacing: 0.2em; } }

.about-value-header__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .about-value-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .about-value-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.about-value-header__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .about-value-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .about-value-header__ttl-txt--ja { font-size: 3.75vw; } }

.about-value-intro { border-bottom: 1px solid #f1f3f5; }

@media (min-width: 768px) { .about-value-intro { margin: 0 9.375%; } }

@media (min-width: 768px) { .about-value-intro__inner { max-width: 1600px; margin: auto; padding: 120px 0; } }

@media (max-width: 767px) { .about-value-intro__inner { padding: 18.75vw 12.5vw; } }

.about-value-intro__ttl { position: relative; }

@media (min-width: 768px) { .about-value-intro__ttl { margin-bottom: 40px; padding-bottom: 40px; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.75; } }

@media (max-width: 767px) { .about-value-intro__ttl { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 5vw; line-height: 1.5; } }

.about-value-intro__ttl:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; height: 3px; background-color: #10c21f; }

@media (min-width: 768px) { .about-value-intro__ttl:after { width: 80px; margin-left: -40px; } }

@media (max-width: 767px) { .about-value-intro__ttl:after { width: 12.5vw; margin-left: -6.25vw; } }

@media (min-width: 768px) { .about-value-intro__body { max-width: 1020px; margin: auto; } }

@media (min-width: 768px) { .about-value-intro__txt { font-size: 14px; line-height: 1.75; text-align: center; letter-spacing: 0.06em; } }

@media (max-width: 767px) { .about-value-intro__txt { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .about-value-intro__txt + .about-value-intro__txt { margin-top: 30px; } }

@media (max-width: 767px) { .about-value-intro__txt + .about-value-intro__txt { margin-top: 4.6875vw; } }

.about-value-quality { border-bottom: 1px solid #f1f3f5; }

@media (min-width: 768px) { .about-value-quality { margin: 0 9.375%; } }

@media (min-width: 768px) { .about-value-quality__inner { max-width: 1600px; margin: auto; padding: 90px 0; } }

@media (max-width: 767px) { .about-value-quality__inner { padding: 18.75vw 12.5vw; } }

@media (min-width: 768px) { .about-value-quality__ttl { margin-bottom: 40px; } }

@media (max-width: 767px) { .about-value-quality__ttl { margin-bottom: 6.25vw; } }

.about-value-quality__ttl-txt { display: block; color: #10c21f; font-weight: bold; }

@media (min-width: 768px) { .about-value-quality__ttl-txt { text-align: center; } }

.about-value-quality__ttl-txt--en { font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .about-value-quality__ttl-txt--en { margin-bottom: 10px; font-size: 52px; } }

@media (max-width: 767px) { .about-value-quality__ttl-txt--en { margin-bottom: 0.9375vw; font-size: 8.125vw; } }

.about-value-quality__ttl-txt--ja { letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-value-quality__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .about-value-quality__ttl-txt--ja { font-size: 3.125vw; } }

.about-value-quality__txt { line-height: 1.7; }

@media (min-width: 768px) { .about-value-quality__txt { margin-bottom: 70px; font-size: 14px; text-align: center; } }

@media (max-width: 767px) { .about-value-quality__txt { margin-bottom: 10.9375vw; font-size: 4.375vw; letter-spacing: 0.06em; } }

@media (min-width: 768px) { .about-value-quality__cards { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -2.88462%; padding: 0 3.84615%; } }

@media (max-width: 767px) { .about-value-quality__cards { padding: 0 3.125vw; } }

.about-value-quality__card { border: 1px solid #eaebed; text-align: center; }

@media (min-width: 768px) { .about-value-quality__card { width: 33.3%; margin-left: 2.9703%; padding: 70px 0 50px; } }

@media (max-width: 767px) { .about-value-quality__card { padding: 14.0625vw 0 7.8125vw; } }

@media (max-width: 767px) { .about-value-quality__card + .about-value-quality__card { margin-top: 3.125vw; } }

.about-value-quality__card-img { height: auto; }

@media (min-width: 768px) { .about-value-quality__card-img { width: 46%; margin-bottom: 50px; } }

@media (max-width: 767px) { .about-value-quality__card-img { width: 46%; margin-bottom: 12.5vw; } }

.about-value-quality__card-ttl { color: #10c21f; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-value-quality__card-ttl { margin-bottom: 20px; font-size: 20px; } }

@media (max-width: 767px) { .about-value-quality__card-ttl { margin-bottom: 3.125vw; font-size: 5vw; } }

.about-value-quality__card-txt { font-weight: bold; letter-spacing: 0.01em; line-height: 1.5; }

@media (min-width: 768px) { .about-value-quality__card-txt { font-size: 14px; } }

@media (max-width: 767px) { .about-value-quality__card-txt { font-size: 3.75vw; } }

@media (min-width: 768px) { .about-value-color { margin: 0 9.375%; } }

@media (min-width: 768px) { .about-value-color__inner { max-width: 1600px; margin: auto; padding: 120px 0; } }

@media (max-width: 767px) { .about-value-color__inner { padding: 18.75vw 12.5vw; } }

@media (min-width: 768px) { .about-value-color__ttl { margin-bottom: 40px; } }

@media (max-width: 767px) { .about-value-color__ttl { margin-bottom: 6.25vw; } }

.about-value-color__ttl-txt { display: block; color: #10c21f; font-weight: bold; }

@media (min-width: 768px) { .about-value-color__ttl-txt { text-align: center; } }

.about-value-color__ttl-txt--en { margin-bottom: 10px; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .about-value-color__ttl-txt--en { margin-bottom: 10px; font-size: 52px; } }

@media (max-width: 767px) { .about-value-color__ttl-txt--en { margin-bottom: 0.9375vw; font-size: 8.125vw; } }

.about-value-color__ttl-txt--ja { letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-value-color__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .about-value-color__ttl-txt--ja { font-size: 3.125vw; } }

.about-value-color__txt { line-height: 1.7; }

@media (min-width: 768px) { .about-value-color__txt { margin-bottom: 70px; font-size: 14px; text-align: center; } }

@media (max-width: 767px) { .about-value-color__txt { margin-bottom: 10.9375vw; font-size: 4.375vw; letter-spacing: 0.06em; } }

@media (min-width: 768px) { .about-value-color__lists { padding: 0 19.23077%; } }

@media (min-width: 768px) { .about-value-color__list + .about-value-color__list { margin-top: 60px; } }

@media (max-width: 767px) { .about-value-color__list + .about-value-color__list { margin-top: 9.375vw; } }

.about-value-color__list-ttl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #eaebed; }

@media (min-width: 768px) { .about-value-color__list-ttl { padding-left: 3.125%; padding-bottom: 12px; } }

@media (max-width: 767px) { .about-value-color__list-ttl { padding-bottom: 3.125vw; } }

.about-value-color__list-ttl-num { display: block; background-color: #10c21f; color: #fff; font-weight: bold; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; text-align: center; }

@media (min-width: 768px) { .about-value-color__list-ttl-num { width: 30px; height: 30px; margin-right: 15px; font-size: 14px; line-height: 30px; } }

@media (max-width: 767px) { .about-value-color__list-ttl-num { width: 6.875vw; height: 6.875vw; margin-right: 2.5vw; font-size: 3.125vw; line-height: 6.875vw; } }

.about-value-color__list-ttl-txt { font-weight: bold; letter-spacing: 0.12em; }

@media (min-width: 768px) { .about-value-color__list-ttl-txt { font-size: 16px; } }

@media (max-width: 767px) { .about-value-color__list-ttl-txt { font-size: 3.75vw; } }

@media (min-width: 768px) { .about-value-color__list-cont { padding: 25px 3.125% 0; } }

@media (max-width: 767px) { .about-value-color__list-cont { padding: 10.9375vw 0 0; } }

@media (min-width: 768px) { .about-value-color__list-txt { font-size: 14px; line-height: 1.7; } }

@media (max-width: 767px) { .about-value-color__list-txt { font-size: 3.75vw; line-height: 1.5; } }

.about-value-back { position: relative; text-align: right; }

@media (min-width: 768px) { .about-value-back { margin: 0 9.375% 190px; } }

@media (max-width: 767px) { .about-value-back { margin: 0 20px 28.125vw; } }

.about-value-back:before { content: ''; display: block; position: absolute; top: 50%; left: 0; z-index: 0; width: 100%; height: 1px; background-color: #f1f3f5; }

.about-value-back__btn { display: inline-block; position: relative; z-index: 1; }

@media (min-width: 768px) { .about-value-back__btn { width: 32.69231%; min-width: 340px; } }

@media (max-width: 767px) { .about-value-back__btn { width: 100%; padding: 0 6.25vw; } }

.about-value-back__btn a { display: block; position: relative; border: 1px solid #f1f3f5; background-color: #10c21f; text-align: center; }

@media (min-width: 768px) { .about-value-back__btn a { line-height: 54px; } }

@media (max-width: 767px) { .about-value-back__btn a { line-height: 13.75vw; } }

.about-value-back__btn .about-value-back__btn-inner { display: block; position: relative; overflow: hidden; }

.about-value-back__btn .about-value-back__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.about-value-back__btn .about-value-back__btn-txt { position: relative; z-index: 1; color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .about-value-back__btn .about-value-back__btn-txt { font-size: 18px; } }

@media (max-width: 767px) { .about-value-back__btn .about-value-back__btn-txt { font-size: 3.125vw; } }

.about-value-back__btn .about-value-back__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; top: 50%; right: 100%; color: #fff; vertical-align: middle; }

@media (min-width: 768px) { .about-value-back__btn .about-value-back__btn-txt:before { margin-top: -5px; margin-right: 15px; font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } }

@media (max-width: 767px) { .about-value-back__btn .about-value-back__btn-txt:before { margin-top: -0.5em; font-size: 3.125vw; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }

/****************************** animation setting */
.about-value-back__btn .about-value-back__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }

.about-value-back__btn .about-value-back__btn-txt:before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/****************************** hover */
@media (min-width: 768px) { .about-value-back__btn a:hover .about-value-back__btn-inner:after { -webkit-animation: btn-hover-back 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover-back 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }

@media (min-width: 768px) { .about-value-back__btn a:hover .about-value-back__btn-txt:before { -webkit-transform: scale(0.8) translateX(-20%); -ms-transform: scale(0.8) translateX(-20%); transform: scale(0.8) translateX(-20%); } }

.electronic-header { position: relative; }

@media (min-width: 768px) { .electronic-header { margin: 0 9.375%; } }

@media (max-width: 767px) { .electronic-header { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .electronic-header__inner { max-width: 1600px; margin: auto; padding: 240px 0 120px; } }

@media (max-width: 767px) { .electronic-header__inner { padding: 39.0625vw 0 18.75vw; } }

.electronic-header__ttl { text-align: center; }

@media (max-width: 767px) { .electronic-header__ttl { padding: 0 6.25vw; } }

.electronic-header__ttl-inner { display: block; }

@media (min-width: 768px) { .electronic-header__ttl-inner { max-width: 1600px; margin: auto; } }

.electronic-header__ttl-txt { display: block; }

.electronic-header__ttl-txt--en { border-bottom: 1px solid #f1f3f5; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .electronic-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .electronic-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; line-height: 1.35; } }

@media (max-width: 767px) { .electronic-header__ttl-txt--en span { display: none; } }

.electronic-header__ttl-txt--ja { font-weight: bold; letter-spacing: 0.2em; }

@media (min-width: 768px) { .electronic-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .electronic-header__ttl-txt--ja { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .electronic-cont { margin: 0 9.375%; } }

@media (min-width: 768px) { .electronic-cont__inner { max-width: 1600px; margin: auto; padding: 0 3.84615% 200px; } }

@media (max-width: 767px) { .electronic-cont__inner { padding: 15.625vw 6.25vw 25vw; } }

.electronic-list__item { border-top: 1px solid #f1f3f5; color: #495057; }

.electronic-list__item:last-of-type { border-bottom: 1px solid #f1f3f5; }

.electronic-list__item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (min-width: 768px) { .electronic-list__item-inner { padding: 30px 0; } }

@media (max-width: 767px) { .electronic-list__item-inner { padding: 6.25vw 0; } }

.electronic-list__item-date { position: relative; top: 0.2em; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; white-space: nowrap; line-height: 1.5; }

@media (min-width: 768px) { .electronic-list__item-date { padding-right: 20px; font-size: 12px; } }

@media (max-width: 767px) { .electronic-list__item-date { font-size: 3.125vw; padding-right: 9.375vw; } }

.electronic-list__item-cont { line-height: 1.5; }

.electronic-list__item-ttl { display: inline; font-weight: bold; vertical-align: middle; }

@media (min-width: 768px) { .electronic-list__item-ttl { font-size: 14px; } }

@media (max-width: 767px) { .electronic-list__item-ttl { font-size: 3.75vw; } }

@media (min-width: 768px) { .electronic-list__item a:hover .electronic-list__item-ttl { text-decoration: underline; } }

.electronic-list__item a[target="_blank"] .electronic-list__item-ttl:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #10c21f; text-decoration: none; }

@media (min-width: 768px) { .electronic-list__item a[target="_blank"] .electronic-list__item-ttl:before { margin-right: 10px; font-size: 10px; } }

@media (max-width: 767px) { .electronic-list__item a[target="_blank"] .electronic-list__item-ttl:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

.electronic-list__item a[href$=".pdf"] .electronic-list__item-ttl:before { display: none; }

.electronic-list__item-pdf { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align: middle; }

@media (min-width: 768px) { .electronic-list__item-pdf { margin-left: 10px; font-size: 12px; } }

@media (max-width: 767px) { .electronic-list__item-pdf { margin-left: 3.125vw; font-size: 3.75vw; } }

.electronic-list__item-pdf:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

@media (min-width: 768px) { .electronic-list__item-pdf:before { margin-right: 5px; font-size: 13px; } }

@media (max-width: 767px) { .electronic-list__item-pdf:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

.electronic-txt { text-align: center; }

.contact-header { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (min-width: 768px) { .contact-header { height: 540px; background-image: url(../images/contact-kv-img.jpg); } }

@media (max-width: 767px) { .contact-header { height: 100vh; background-image: url(../images/contact-kv-img-sp.jpg); } }

.contact-header__ttl { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 768px) { .contact-header__ttl { padding: 0 9.375%; } }

@media (max-width: 767px) { .contact-header__ttl { padding: 6.25vw; } }

@media (min-width: 768px) { .contact-header__ttl-inner { max-width: 1600px; margin: auto; } }

.contact-header__ttl-txt { display: block; color: #fff; text-align: center; font-weight: bold; }

@media (min-width: 768px) { .contact-header__ttl-txt { letter-spacing: 0.34em; } }

@media (max-width: 767px) { .contact-header__ttl-txt { letter-spacing: 0.2em; } }

.contact-header__ttl-txt--en { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media (min-width: 768px) { .contact-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .contact-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.contact-header__ttl-txt--ja { display: block; }

@media (min-width: 768px) { .contact-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .contact-header__ttl-txt--ja { font-size: 3.75vw; } }

.contact-embedded-form { max-width: 1020px; margin: 48px auto; }

@media (max-width: 767px) { .contact-embedded-form { padding: 0 20px; } }

.contact-lead-text { max-width: 1020px; line-height: 1.5; margin: 48px auto; text-align: center; }

@media (max-width: 767px) { .contact-lead-text { padding: 0 20px; } }

.contact-lead-text a { color: #10c21f; -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.contact-lead-text a:hover { opacity: 0.5; }

.security-policy-header { position: relative; }

@media (min-width: 768px) { .security-policy-header { margin: 0 9.375%; } }

@media (max-width: 767px) { .security-policy-header { border-bottom: 1px solid #f1f3f5; } }

@media (min-width: 768px) { .security-policy-header__inner { max-width: 1600px; margin: auto; padding: 240px 0 120px; } }

@media (max-width: 767px) { .security-policy-header__inner { padding: 39.0625vw 0 18.75vw; } }

.security-policy-header__ttl { text-align: center; }

@media (max-width: 767px) { .security-policy-header__ttl { padding: 0 6.25vw; } }

.security-policy-header__ttl-inner { display: block; }

@media (min-width: 768px) { .security-policy-header__ttl-inner { max-width: 1600px; margin: auto; } }

.security-policy-header__ttl-txt { display: block; }

.security-policy-header__ttl-txt--en { border-bottom: 1px solid #f1f3f5; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.2em; }

@media (min-width: 768px) { .security-policy-header__ttl-txt--en { margin-bottom: 20px; padding-bottom: 20px; font-size: 52px; } }

@media (max-width: 767px) { .security-policy-header__ttl-txt--en { margin-bottom: 6.25vw; padding-bottom: 6.25vw; font-size: 8.125vw; } }

.security-policy-header__ttl-txt--ja { font-weight: bold; letter-spacing: 0.2em; }

@media (min-width: 768px) { .security-policy-header__ttl-txt--ja { font-size: 14px; } }

@media (max-width: 767px) { .security-policy-header__ttl-txt--ja { font-size: 3.75vw; line-height: 1.5; } }

@media (min-width: 768px) { .security-policy__btn { max-width: 640px; margin: 0 auto 100px; } }

@media (max-width: 767px) { .security-policy__btn { margin: 0 0 15vw; padding: 0 6.25vw; } }

.security-policy__btn a { display: block; position: relative; background-color: #10c21f; text-align: center; }

.security-policy__btn-inner { display: block; position: relative; overflow: hidden; }

.security-policy__btn-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; }

.security-policy__btn-txt { display: block; position: relative; z-index: 1; color: #fff; font-weight: bold; font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 0.1em; }

@media (min-width: 768px) { .security-policy__btn-txt { font-size: 15px; line-height: 52px; } }

@media (max-width: 767px) { .security-policy__btn-txt { font-size: 3.75vw; line-height: 13.125vw; } }

.security-policy__btn-txt:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

@media (min-width: 768px) { .security-policy__btn-txt:before { margin-right: 12px; font-size: 16px; } }

@media (max-width: 767px) { .security-policy__btn-txt:before { margin-right: 1.5625vw; font-size: 3.125vw; } }

@media (max-width: 767px) { .android.chrome .security-policy__btn-txt:before { margin-top: 0; } }

/****************************** animation setting */
.security-policy__btn .security-policy__btn-inner:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); }

/****************************** hover */
@media (min-width: 768px) { .security-policy__btn a:hover .security-policy__btn-inner:after { -webkit-animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; animation: btn-hover 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate forwards; } }