@charset "UTF-8";
/*
 * # 主要 CSS
 *
 * - `_settings.scss` … 変数、関数を定義
 * - `_base.scss` … 要素セレクターを中心に、フォントや行間など全体で共通するスタイルを定義
 *
 * # ブレークポイント
 * 設計はモバイルファーストとする。
 *
 * - 共通スタイル
 *	- mq-s
 *	- mq-l
 */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("https:////fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2") format("woff2"), url("https:////fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff") format("woff"), url("https:////fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("fonts/NotoSansCJKjp-Light.woff") format("woff"), url("fonts/NotoSansCJKjp-Light.ttf") format("truetype"), url("fonts/NotoSansCJKjp-Light.eot") format("embedded-opentype"); }

/*
 * # ルートフォントサイズを定義
 *
 */
:root {
  font-size: 0.875rem; }

@media (max-width: 480px) {
  :root {
    font-size: 0.65625rem; } }

body {
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1;
  letter-spacing: .06em;
  min-width: 1000px; }

@media (max-width: 480px) {
  body {
    min-width: 320px; } }

@media (min-width: 1600px) {
  body {
    background-color: #fafaf8; } }

/*
 * # リンク定義
 */
a {
  text-decoration: none; }
  a:link, a:visited {
    color: #232323; }

.no-touch a {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.no-touch a:hover {
  opacity: .6; }

/*
 * # 画像
 *
 * 画像はスモールウィンドウではcontainer内で100%で表示
 *
 */
img {
  max-width: 100%;
  height: auto; }

/*
 * # リストのリセット
 *
 */
ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0; }

/*
 * # フォーカスのリセット
 *
 */
:focus {
  outline: none; }

/*
 * アイコン
 *
 */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?exbtkf");
  src: url("fonts/icomoon.eot?exbtkf#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?exbtkf") format("truetype"), url("fonts/icomoon.woff?exbtkf") format("woff"), url("fonts/icomoon.svg?exbtkf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icn-"], [class*=" icn-"] {
  /* 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; }

.icn--arrownext:before {
  content: "\e600"; }

.icn--arrowprev:before {
  content: "\e607"; }

.icn--facebook:before {
  content: "\e608"; }

.icn--mail:before {
  content: "\e609"; }

.icn--pdf:before {
  content: "\e60a"; }

.icn--tel:before {
  content: "\e60b"; }

.icn--rewind:before {
  content: "\e60c"; }

.icn--twitter:before {
  content: "\e60d"; }

.icon-favorite:before {
  content: "\e901"; }

.icon-arrowup:before {
  content: "\e900"; }

.icon-favblack:before {
  content: "\e902"; }

.icon-mailblack:before {
  content: "\e903"; }

.icon-arrowdown:before {
  content: "\e904"; }

.icon-pdflarge:before {
  content: "\e905"; }

.icon-telblack:before {
  content: "\e906"; }

/*
 * # ユーティリティークラス
 *
 * - キーカラー
 * - 削除
 *
 */
.is-hidden {
  display: none; }

@media (max-width: 480px) {
  .is-hidden-s {
    display: none; } }

@media (min-width: 1600px) {
  .is-hidden-s {
    display: block; }
  .is-hidden-l {
    display: none; }
  br.is-hidden-s {
    display: inline; } }

/*
 * .l-frame
 */
.l-wrapper {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fff; }

.l-gradation {
  background: -moz-linear-gradient(to right, #FFB887, #FF7D36 20%, #FFBF62 85%, #A3D19A);
  background: -webkit-linear-gradient(to right, #FFB887, #FF7D36 30%, #FFBF62 85%, #A3D19A);
  background: -webkit-gradient(linear, left top, right top, from(#FFB887), color-stop(30%, #FF7D36), color-stop(85%, #FFBF62), to(#A3D19A));
  background: -webkit-linear-gradient(left, #FFB887, #FF7D36 30%, #FFBF62 85%, #A3D19A);
  background: -o-linear-gradient(left, #FFB887, #FF7D36 30%, #FFBF62 85%, #A3D19A);
  background: linear-gradient(to right, #FFB887, #FF7D36 30%, #FFBF62 85%, #A3D19A); }

.l-frame {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  z-index: auto; }

@media (max-width: 480px) {
  .l-frame {
    width: 87.5%; } }

.l-frame--small {
  width: 80%; }

.l-frame--xs {
  width: 75%; }

@media (max-width: 480px) {
  .l-frame--xs {
    width: 87.50%; } }

.l-frame--full {
  width: 100%; }

.l-frame--pushright-1 {
  width: 100%;
  padding-left: 12.5%; }

.l-frame--pushleft-1 {
  width: 100%;
  padding-right: 12.5%; }

@media (min-width: 1600px) {
  .l-frame--pushright-1 {
    padding-left: 200px; }
  .l-frame--pushleft-1 {
    padding-right: 200px; } }

.l-frame__logo {
  position: absolute;
  bottom: -17%;
  width: 880px;
  z-index: 1; }
  .l-frame__logo img {
    width: 100%; }

.l-frame__logo--left {
  left: 2%; }

.l-frame__logo--center {
  left: 17%; }

.l-frame__logo--right {
  right: -5%; }

.l-frame--full .l-frame__logo--right {
  right: 2%; }

.l-frame__logo--lower {
  bottom: -55%; }

.l-frame_first {
  margin-top: 160px;
}

@media (max-width: 480px) {
  .l-frame__logo {
    width: 260px; }
  .l-frame__logo--lower {
    bottom: -5%; } }

/*
 * .l-col
 */
.l-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 480px) {
  .l-col {
    display: block; } }

.l-col--both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/* =====================================================================================

    GRADATION????

===================================================================================== */
.l-gradation .c-header {
  background-color: #ffffff; }

.l-gradation .c-footer {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 3em; }

/*
 * =======================================================================================
 * colorbox.css
 * =======================================================================================
 */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff; }

#colorbox {
  outline: 0;
  overflow: visible !important; }

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #fff; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: #fff;
  padding: 0; }

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: #fff; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxLoadedContent {
  position: relative;
  overflow: hidden;
  width: 100%; }

#cboxIframe {
  width: 100%;
  height: 100%;
  position: absolute; }

@media (max-width: 480px) {
  #cboxLoadedContent {
    padding-bottom: 56.25%; }
  #cboxIframe {
    top: 0;
    left: 0; } }

#cboxClose {
  background: transparent url("../image/cbox-close.png") scroll no-repeat center center;
  background-size: 100% auto;
  width: 50px;
  height: 50px;
  top: -70px;
  left: 20px; }

/*
 * # .c-header
 *
 */
.c-header {
  position: relative;
  padding: 40px 4% 0 4%;
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto -14px auto;
  max-width: 1600px; }

@media (max-width: 480px) {
  .c-header {
    height: 65px;
    padding: 0 6.25%;
    background-color: #fff;
    line-height: 1;
    margin-bottom: 0; } }

.c-header__logo {
  margin: 0;
  z-index: 20;
  vertical-align: middle;
  width: 45.37037%; }

.c-header__logo img {
  width: 271px; }

@media (max-width: 480px) {
  .c-header__logo {
    float: none;
    width: 112px;
    position: absolute;
    top: 70px;
    margin-left: 2.5%;
    z-index: -100; }
  .news .c-header__logo,
  .interview .c-header__logo {
    display: none; } }

.c-header__menu-btn {
  display: none; }

@media (max-width: 480px) {
  .c-header__menu-btn {
    display: block;
    position: absolute;
    top: 0;
    z-index: 100; } }

.c-header__nav-container {
  width: 655px;
  padding-right: 3%; }

.c-header__nav {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.c-header__nav__item a {
  display: inline-block;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  line-height: 1.28857;
  white-space: nowrap;
  padding-bottom: .5em; }

.c-header__nav__item--void {
  display: inline-block;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  line-height: 1.428571429;
  white-space: nowrap;
  padding-bottom: .5em;
  opacity: .2; }

.c-header__nav-util {
  position: absolute;
  top: 2em;
  right: 5%;
  padding-right: 0; }

.message .c-header__nav__item:nth-of-type(1) a {
  border-bottom: 2px solid #000; }

.interview .c-header__nav__item:nth-of-type(3) a {
  border-bottom: 2px solid #000; }

.index--company .c-header__nav__item:nth-of-type(4) a {
  border-bottom: 2px solid #000; }

.c-header__nav-util__item {
  display: inline-block;
  vertical-align: middle; }

.c-header__nav-util__item a {
  display: inline-block;
  font-size: 0.78571rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-weight: bold;
  padding-left: 1em; }

.c-header__nav-util__item img {
  display: inline-block;
  margin-right: 12px;
  vertical-align: -3%; }

.c-header__nav-util__item--mail a {
  font-family: "Noto Sans Japanese";
  font-weight: 900; }

.c-header__nav-util__item--mail img {
  vertical-align: -20%; }

.c-header__nav-util__item--tel a {
  font-size: 1.42857rem; }

@media (max-width: 480px) {
  .c-header__nav-container {
    top: 54px;
    left: 0;
    width: 100%;
    position: absolute;
    padding: 28px 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate(0, -500px);
    -ms-transform: translate(0, -500px);
    transform: translate(0, -500px);
    opacity: 0;
    z-index: -100;
    background-color: #fff; }
  .c-header__nav-container.is-active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    z-index: 1000; }
  .c-header__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0; }
  .c-header__nav__item {
    display: block;
    text-align: center;
    margin: 0;
    line-height: 3;
    font-size: 1.33333rem;
    padding-right: 0; }
  .c-header__nav-util {
    position: static; }
  .c-header__nav__item a {
    padding-left: 0; }
  .c-header__nav-util {
    padding: 2em 0;
    text-align: center; }
  .c-header__nav-util__item {
    display: inline; }
  .c-header__nav-util__item a {
    display: block;
    padding-left: 0;
    margin-top: 1em;
    font-size: 1.04762rem; }
  .c-header__nav-util__item--tel a {
    font-size: 1.90476rem; } }

.c-header__cta {
  width: 9.90741%;
  text-align: right;
  font-size: 0.78571rem; }

.c-header__cta__btn {
  display: inline; }

.c-header__cta__btn a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.2em 1em;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  background-color: #000; }

.c-header__cta .c-header__cta__btn:first-child a {
  margin-right: 5px; }

.c-header__cta__btn--login a {
  color: #ffff28; }

@media (max-width: 480px) {
  .c-header__cta {
    width: 100%;
    text-align: right;
    right: 0; }
  .c-header__cta__btn a {
    width: 32.95%; } }

/*
 * # .c-footer
 *
 */
.c-footer {
  padding-bottom: 60px;
  background-color: #fff;
  line-height: 1.5;
  position: relative; }

.c-footer__logos {
  text-align: center;
  margin-bottom: 26px; }

.c-footer__logo {
  display: inline-block;
  margin-left: 88px;
  vertical-align: middle; }

.c-footer__logo:first-child {
  margin-left: 0; }

.c-footer__name {
  font-size: .875em;
  /*14px / 16px*/
  text-align: center;
  margin-bottom: 20px; }

.c-footer__info {
  font-size: .75em;
  /*12px / 16px*/
  text-align: center;
  margin-bottom: 60px; }

.c-footer__copy {
  font-size: .6875em;
  /*11px / 16px*/
  text-align: center;
  letter-spacing: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700; }

.c-footer__rewind {
  position: absolute;
  bottom: 60px;
  right: 0; }

@media (max-width: 480px) {
  .c-footer {
    padding-bottom: 80px; }
  .c-footer__logo {
    display: block;
    margin: 0 0 2em 0;
    vertical-align: middle; }
  .c-footer__rewind {
    width: 50px;
    bottom: 20px; } }

/* ===============================================

    COLUMN

=============================================== */
.c-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 480px) {
  .c-col {
    display: block; } }

@media (max-width: 480px) {
  .c-col--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.c-col--sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-col--4 a {
  display: block; }

@media (max-width: 480px) {
  .c-col--4 {
    width: 50%;
    margin: 0 auto 3em auto; } }

.c-col--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start; }

.c-col--3 {
  width: 270px; }

@media (max-width: 480px) {
  .c-col--3 {
    width: 89%;
    margin: 0 auto; } }

.c-col--2 {
  width: 47%; }

@media (max-width: 480px) {
  .c-col--2 {
    width: 100%;
    margin: 0 auto; } }

/*
 * # .c-interview-hero
 *
 */
.c-interview-hero {
  position: relative; }

.c-interview-hero__catch {
  position: absolute;
  top: 90px;
  left: 5%; }
  .c-interview-hero__catch h1 {
    font-size: 3rem;
    font-family: "Noto Sans Japanese";
    font-weight: 900;
    line-height: 1.7;
    color: #fff;
    letter-spacing: .1em; }
  .c-interview-hero__catch p {
    background-color: #fff;
    font-size: 0.92857rem;
    padding: 1.2em 1.7em;
    display: inline-block;
    margin-top: 2em; }

.interview--nishimura .c-interview-hero__catch {
  top: 12%;
  left: 6%; }

.interview--tsuchiya .c-interview-hero__catch {
  top: 12%;
  left: 43%; }

.interview--ooya .c-interview-hero__catch {
  top: 12%;
  left: 47%; }

.interview--shinbori .c-interview-hero__catch {
  top: 12%;
  left: 44%; }

.interview--kashiwa .c-interview-hero__catch {
  top: 12%;
  left: 40%; }

.interview--sumiya .c-interview-hero__catch {
  top: 10%;
  left: 44%; }

.interview--sugiyama .c-interview-hero__catch {
  top: 10%;
  left: 40%; }

.interview--kouya .c-interview-hero__catch {
  top: 10%;
  left: 50%; }

@media (max-width: 480px) {
  .c-interview-hero__catch {
    position: relative; }
    .c-interview-hero__catch h1 {
      margin-top: 1em;
      font-size: 1.90476rem;
      color: #232323; }
    .c-interview-hero__catch p {
      font-size: 1.04762rem;
      margin-top: 1em;
      padding: 0; }
  .interview .c-interview-hero__catch {
    top: 100%;
    left: 0%;
    padding-left: 6.25%; } }

.c-interview-hero__image {
  padding-right: 5%;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  .c-interview-hero__image img {
    width: 100%;
    height: auto; }

@media (max-width: 480px) {
  .c-interview-hero__image {
    padding-right: 0; } }

.c-interview-hero__logo {
  width: 880px;
  position: absolute;
  bottom: -18%;
  right: 0; }

@media (max-width: 480px) {
  .c-interview-hero__logo {
    width: 60%;
    top: 46%;
    right: 2%;
    bottom: 0; } }

/*
 * # .c-profile
 *
 */
.c-profile {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

@media (max-width: 480px) {
  .c-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 60px; } }

.c-profile__heading {
  width: 16.66667%;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 0;
  position: relative; }
  .c-profile__heading:before {
    content: 'PROFILE';
    letter-spacing: .1em;
    font-size: 1.42857rem;
    background-color: #fff;
    padding-right: .5em;
    z-index: 2; }

@media (max-width: 480px) {
  .c-profile__heading {
    width: 62%; } }

.c-profile__thumb {
  padding-right: 30px; }

@media (max-width: 480px) {
  .c-profile__thumb {
    margin: 2.5em auto; } }

.c-profile__article {
  width: 50%; }

.c-profile__article__name {
  line-height: 1.8; }
  .c-profile__article__name b {
    font-size: 1.28571rem;
    font-family: "Noto Sans Japanese";
    font-weight: 900;
    margin-right: 1em; }

.c-profile__article__text {
  margin-top: 1em;
  color: #838383;
  line-height: 2;
  font-size: 0.85714rem; }

@media (max-width: 480px) {
  .c-profile__article {
    width: 100%; } }

/*
 * # .c-cushion-column
 *
 */
.c-cushion-column {
  width: 66.66667%;
  margin: 4em auto;
  background-color: #f3f5f0;
  color: #1b4097;
  padding: 4.4em 5.6em; }

.c-cushion-column__heading {
  font-size: 1.28571rem;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  margin-bottom: 2em;
  line-height: 1.5; }

.c-cushion-column__text {
  font-size: 1.07143rem;
  line-height: 2.13;
  margin-top: 1em; }

@media (max-width: 480px) {
  .c-cushion-column {
    width: 100%;
    padding: 3em 2em; } }

/*
 * # .c-qa
 *
 */
.c-qa {
  margin-top: 5em;
  margin-bottom: 5em; }

.c-qa__item {
  margin: 2.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 480px) {
  .c-qa__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c-qa__item__heading {
  width: 16.66667%;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  position: relative;
  font-size: 0; }
  .c-qa__item__heading:before {
    content: '';
    display: inline-block;
    font-size: 1.71429rem;
    width: 61.1%;
    border-top: 3px solid #232323;
    position: absolute;
    top: .5em;
    left: 0;
    z-index: 0; }
  .c-qa__item__heading:after {
    display: inline-block;
    background-color: #fff;
    font-size: 1.71429rem;
    z-index: 5;
    padding-right: .5em;
    position: absolute;
    left: 0; }

.c-qa__item--q {
  color: #1b4097; }

.c-qa__item--q .c-qa__item__heading:before {
  border-color: #1b4097; }

.c-qa__item--q .c-qa__item__heading:after {
  content: 'Q'; }

.c-qa__item--a .c-qa__item__heading:after {
  content: 'A'; }

@media (max-width: 480px) {
  .c-qa__item__heading {
    width: 37.5%;
    margin-bottom: 30px; }
    .c-qa__item__heading:before {
      width: 100%; } }

.c-qa__item--q .c-qa__item__content {
  font-size: 1.28571rem;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  line-height: 1.5; }

.c-qa__item--a .c-qa__item__content {
  width: 66.66667%; }
  .c-qa__item--a .c-qa__item__content h2 {
    font-size: 2rem;
    font-family: "Noto Sans Japanese";
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.6;
    margin-top: -.3em;
    margin-bottom: 1em; }
  .c-qa__item--a .c-qa__item__content p {
    font-size: 1.07143rem;
    line-height: 2.133333333; }

@media (max-width: 480px) {
  .c-qa__item--a .c-qa__item__content {
    width: 100%; }
    .c-qa__item--a .c-qa__item__content h2 {
      margin-bottom: .5em; } }

/*
 * # .c-uturn
 *
 */
.c-uturn {
  margin-bottom: 10em; }

@media (max-width: 480px) {
  .c-uturn {
    margin-bottom: 8em; } }

.c-uturn__heading {
  text-align: center;
  color: #1b4097;
  margin-bottom: 1.5em;
  font-size: 2em;
  font-family: "Noto Sans Japanese";
  font-weight: 900; }

@media (max-width: 480px) {
  .c-uturn__heading {
    margin-bottom: 1em;
    line-height: 1.6; } }

.c-uturn__heading span {
  display: inline-block;
  padding-bottom: 20px;
  font-size: 0.6428571429em; }

@media (max-width: 480px) {
  .c-uturn__heading span {
    padding-bottom: 0; } }

.c-uturn__balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 66.66666667%;
  margin: 0 auto; }

@media (max-width: 480px) {
  .c-uturn__balloon {
    display: block;
    width: 100%; } }

.c-uturn__balloon__item {
  position: relative;
  width: 46%;
  padding: 2em 2em 1em 2em;
  border: 3px solid #000000;
  border-radius: 20px; }
  .c-uturn__balloon__item::after {
    content: '';
    position: absolute;
    background: transparent url(../../image/balloon-border.png) no-repeat scroll center center;
    background-size: cover;
    width: 36px;
    height: 27px;
    bottom: -27px;
    right: 0;
    left: 0;
    margin: auto; }

@media (max-width: 480px) {
  .c-uturn__balloon__item {
    width: 100%;
    margin-bottom: 4em;
    padding: 2.8em 3em 1em 3em; } }

.c-uturn__balloon__item p {
  margin: 0 auto 1.5em auto;
  text-align: center;
  font-size: 1.2857142857em;
  font-family: "Noto Sans Japanese";
  font-weight: 900; }

@media (max-width: 480px) {
  .c-uturn__balloon__item p {
    margin: 0 auto 2em auto; } }

.c-uturn__balloon__item p span {
  padding-bottom: 2px;
  border-bottom: 2px solid #000000; }

.c-uturn__balloon__item ul li {
  margin: 1em 0;
  font-size: 1.0714285714em;
  line-height: 1.5; }

@media (max-width: 480px) {
  .c-uturn__balloon__item ul li {
    margin: 2em 0; } }

/*
 * # .c-qa
 *
 */
.c-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5em auto;
  position: relative; }
  .c-gallery img {
    width: 100%; }

@media (max-width: 480px) {
  .c-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1em auto; } }

.c-gallery--singlepic {
  display: block; }

@media (max-width: 480px) {
  .c-gallery--singlepic {
    padding: 0; }
  .index .c-gallery--singlepic {
    padding-bottom: 68.75%;
    position: relative;
    overflow: hidden; }
    .index .c-gallery--singlepic img {
      width: auto;
      max-width: none;
      position: absolute;
      height: 100%;
      left: -32.5%; } }

.c-gallery--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-gallery--bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.c-gallery__item--1 {
  width: 8.33333%; }

.c-gallery__item--2 {
  width: 16.66667%; }

.c-gallery__item--3 {
  width: 25%; }

.c-gallery__item--4 {
  width: 33.33333%; }

.c-gallery__item--5 {
  width: 41.66667%; }

.c-gallery__item--6 {
  width: 50%; }

.c-gallery__item--7 {
  width: 58.33333%; }

.c-gallery__item--8 {
  width: 66.66667%; }

.c-gallery__item--9 {
  width: 75%; }

.c-gallery__item--10 {
  width: 83.33333%; }

.c-gallery__item--11 {
  width: 91.66667%; }

.c-gallery__item--12 {
  width: 100%; }

.c-gallery__item--pull1 {
  margin-left: 8.33333%; }

.c-gallery__item--pull2 {
  margin-left: 16.66667%; }

.c-gallery__item--pull3 {
  margin-left: 25%; }

.c-gallery__item--pull4 {
  margin-left: 33.33333%; }

.c-gallery__item--pull5 {
  margin-left: 41.66667%; }

.c-gallery__item--pull6 {
  margin-left: 50%; }

.c-gallery__item--pull7 {
  margin-left: 58.33333%; }

.c-gallery__item--pull8 {
  margin-left: 66.66667%; }

.c-gallery__item--pull9 {
  margin-left: 75%; }

.c-gallery__item--pull10 {
  margin-left: 83.33333%; }

.c-gallery__item--pull11 {
  margin-left: 91.66667%; }

.c-gallery__item--pull12 {
  margin-left: 100%; }

.c-gallery__item--push1 {
  margin-right: 8.33333%; }

.c-gallery__item--push2 {
  margin-right: 16.66667%; }

.c-gallery__item--push3 {
  margin-right: 25%; }

.c-gallery__item--push4 {
  margin-right: 33.33333%; }

.c-gallery__item--push5 {
  margin-right: 41.66667%; }

.c-gallery__item--push6 {
  margin-right: 50%; }

.c-gallery__item--push7 {
  margin-right: 58.33333%; }

.c-gallery__item--push8 {
  margin-right: 66.66667%; }

.c-gallery__item--push9 {
  margin-right: 75%; }

.c-gallery__item--push10 {
  margin-right: 83.33333%; }

.c-gallery__item--push11 {
  margin-right: 91.66667%; }

.c-gallery__item--push12 {
  margin-right: 100%; }

.c-gallery__item--pullbottomS {
  padding-top: 60px; }

.c-gallery__item--pullbottomM {
  padding-top: 120px; }

.c-gallery__item--pullbottomL {
  padding-top: 180px; }

@media (max-width: 480px) {
  .c-gallery__item--pullbottom {
    padding-top: 0; } }

@media (max-width: 480px) {
  .c-gallery__item {
    width: 100%;
    padding: 0;
    margin: 5% 0; } }

.c-gallery__logo {
  width: 66.66667%;
  position: absolute;
  bottom: -5%;
  right: 3%; }

/*
 * # .c-border-article
 *
 */
.c-border-article {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 10px solid #e3e3e3;
  padding: 5.5em 15%;
  position: relative; }

@media (max-width: 480px) {
  .c-border-article {
    border-width: 4px;
    padding: 4em;
    margin: 4em auto; } }

.c-border-article__heading {
  font-size: 1.14286rem;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  letter-spacing: .1em;
  color: #fff;
  width: 137px;
  height: 137px;
  padding-top: 60px;
  border-radius: 50%;
  background-color: #232323;
  text-align: center;
  margin-bottom: 2em;
  position: absolute;
  top: -40px;
  left: -25px; }

@media (max-width: 480px) {
  .c-border-article__heading {
    font-size: 1.04762rem;
    width: 65px;
    height: 65px;
    padding-top: 27px;
    top: -25px;
    left: -18px; } }

.c-border-article__frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .c-border-article__frame .c-border-article__frame__column {
    width: 50%; }

@media (max-width: 480px) {
  .c-border-article__frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .c-border-article__frame .c-border-article__frame__column:nth-of-type(1),
    .c-border-article__frame .c-border-article__frame__column:nth-of-type(2) {
      width: 100%; } }

.c-border-article__frame__column h3 {
  font-size: 2rem;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1.55;
  margin-bottom: 1em; }

.c-border-article__frame__column p {
  font-size: 1.07143rem;
  line-height: 2.13;
  padding-right: 16.6666667%; }

.c-border-article__frame__column img {
  width: 100%; }

@media (max-width: 480px) {
  .c-border-article__frame__column {
    margin: 1em auto; }
  .c-border-article__frame__column p {
    padding-right: 0; } }

/*
 * # .c-indexheading
 *
 */
.c-indexheading {
  position: relative;
  width: 83.33333%;
  margin: 4em 0 4em; }
  .c-indexheading:before {
    content: '';
    width: 0;
    position: absolute;
    border-top: 3px solid #232323;
    top: 1.2em;
    left: 0;
    z-index: 1;
    -webkit-transition: all 1.7s ease 1s;
    -o-transition: all 1.7s ease 1s;
    transition: all 1.7s ease 1s; }

.c-indexheading--no-border:before {
  display: none; }

.message .c-indexheading {
  margin-top: 6.2em; }

.news .c-indexheading {
  width: 100%; }

@media (max-width: 480px) {
  .news .c-indexheading {
    margin: 1em 0 3em; }
  .c-indexheading:before {
    width: 100%; } }

.c-indexheading__en {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 2.57143rem;
  letter-spacing: .1em;
  background-color: #fff;
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: .3em; }

.c-indexheading__ja {
  font-size: 1.28571rem;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  background-color: #fff;
  position: absolute;
  display: inline-block;
  z-index: 2;
  padding-left: .5em;
  right: 0;
  top: .5em;
  -webkit-transition: all .3s ease 2s;
  -o-transition: all .3s ease 2s;
  transition: all .3s ease 2s;
  letter-spacing: .09em;
  color: #fff; }

.no-touch .c-indexheading:before {
  width: 0; }

.no-touch .c-indexheading.is-active:before {
  width: 100%; }

.no-touch .c-indexheading.is-active .c-indexheading__ja,
.no-touch .message .c-indexheading .c-indexheading__ja {
  color: #232323; }

.touch .c-indexheading__ja {
  color: #232323; }

.c-indexheading--no-border .c-indexheading__en {
  font-size: 3.42857rem;
  display: block; }

.c-indexheading--no-border .c-indexheading__ja {
  position: static;
  padding-left: 0;
  margin-top: 1em; }

@media (max-width: 480px) {
  .c-indexheading {
    width: 100%;
    margin-top: 6em;
    margin-bottom: 6em; }
  .c-indexheading__en {
    font-size: 2.28571rem; }
  .c-indexheading__ja {
    font-size: 1.14286rem;
    top: 3em; }
  .c-indexheading .c-indexheading__ja {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/*
 * # .c-indexthumb
 *
 */
.c-indexthumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4em; }

.c-indexthumb__item {
  width: 33.33333%;
  text-align: center;
  margin-bottom: 60px; }
  .c-indexthumb__item a {
    display: inline-block;
    width: 100%; }
  .c-indexthumb__item img {
    width: 100%; }
  .c-indexthumb__item p {
    margin-top: 1em;
    font-size: 1rem;
    font-family: "Noto Sans Japanese";
    font-weight: 900;
    line-height: 1.5; }

.c-indexthumb .c-indexthumb__item:nth-of-type(3n - 2) {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

.c-indexthumb .c-indexthumb__item:nth-of-type(3n - 1) {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px); }

.c-indexthumb .c-indexthumb__item:nth-of-type(3n - 0) {
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px); }

.c-indexthumb__item.is-active {
  background-color: #f00; }

@media (max-width: 480px) {
  .c-indexthumb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .c-indexthumb .c-indexthumb__item:nth-of-type(3n - 2) {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
    .c-indexthumb .c-indexthumb__item:nth-of-type(3n - 1) {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
    .c-indexthumb .c-indexthumb__item:nth-of-type(3n - 0) {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
  .c-indexthumb__item {
    width: 100%;
    padding-top: 0;
    margin-bottom: 3em; }
    .c-indexthumb__item p {
      font-size: 1.33333rem; } }

/* ===============================================

    .c-indexcontent

=============================================== */
.c-indexcontent__image {
  margin: 5em 0 1.5em 0; }

.c-indexcontent__text {
  text-align: center;
  margin-bottom: 5em;
  font-size: 1.1428571429em;
  font-weight: bold;
  line-height: 1.5; }

/*
 * # .c-hero
 *
 */
.c-hero {
  position: relative;
  margin-bottom: 6%; }

@media (max-width: 480px) {
  .c-hero {
    padding-bottom: 15%;
    margin-bottom: 0; } }

.c-hero__image {
  width: 80%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  position: relative; }
  .c-hero__image img, .c-hero__image video {
    width: 100%;
    height: auto; }
  .c-hero__image img {
    display: none; }

@media (max-width: 480px) {
  .c-hero__image {
    width: 87.5%;
    padding-bottom: 92.8571429%;
    overflow: hidden; }
    .c-hero__image img, .c-hero__image video {
      width: auto;
      max-width: none;
      height: 100%;
      position: absolute;
      left: -7%; }
    .c-hero__image img {
      display: inline-block; } }

.c-hero__image__btn {
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 74%;
  width: 100%; }
  .c-hero__image__btn a {
    font-size: 0.85714rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: inline-block;
    padding: 1.5em 6em;
    border: 1px solid rgba(255, 255, 255, 0.6); }
  .c-hero__image__btn a:link, .c-hero__image__btn a:visited {
    color: #fff; }

@media (max-width: 480px) {
  .c-hero__image__btn {
    top: 50%;
    margin-top: -27px; }
    .c-hero__image__btn a {
      font-size: 1.2381rem;
      padding: 1.5em 3em; } }

.c-hero__logo {
  width: 33.33333%;
  position: absolute;
  right: 1%;
  bottom: -16%; }

.message .c-hero__logo {
  width: 438px;
  top: 73%;
  bottom: auto; }

@media (max-width: 480px) {
  .c-hero__logo {
    width: 50%;
    bottom: auto;
    top: 73%; }
  .message .c-hero__logo {
    width: 50%;
    top: auto;
    bottom: -20%; } }

.c-hero__btn {
  position: absolute;
  bottom: -80px;
  right: 85%;
  z-index: 2; }

.c-hero__btn2 {
  position: absolute;
  bottom: -80px;
  right: 73%;
  z-index: 1; }

@media (max-width: 480px) {
  .c-hero__btn {
    width: 90px;
    bottom: auto;
    top: 68%;
    right: auto;
    left: 3.125%; }
  .c-hero__btn2 {
    width: 80px;
    bottom: auto;
    top: 85%;
    right: auto;
    left: 77px; } }

/*
 * # .c-news
 *
 */
.c-news-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin: 0em auto 3em; }

@media (max-width: 480px) {
  .c-news-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 87.5%;
    margin-top: 7em; } }

.c-news-title {
  width: 12.5%;
  font-size: 0.85714rem; }

.c-news-title__en {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.42857rem;
  font-weight: bold; }

.c-news-title__ja {
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  margin-top: 1.4em; }

@media (max-width: 480px) {
  .c-news-title {
    width: 100%;
    font-size: 1.14286rem;
    margin-bottom: 1em; }
  .c-news-title__en {
    font-size: 2.28571rem; } }

.c-news {
  width: 87.5%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 480px) {
  .c-news {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c-news__item {
  width: 32.6137%;
  line-height: 1.5;
  font-size: 0.85714rem;
  padding-right: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c-news__item:nth-of-type(3n - 2) {
  padding-top: 0; }

.c-news__item:nth-of-type(3n - 1) {
  padding-top: 1.6em; }

.c-news__item:nth-of-type(3n - 0) {
  padding-top: 3.2em; }

.news {
  background-color: #ffffff; }
  .news .c-news {
    width: 75%; }
  .news .c-news__item {
    width: 25%;
    padding-right: 0;
    margin-right: 12.5%;
    margin-bottom: 7em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    .news .c-news__item:nth-of-type(3n - 0) {
      margin-right: 0; }
  .news .c-news__item:nth-of-type(3n - 2), .news .c-news__item:nth-of-type(3n - 1), .news .c-news__item:nth-of-type(3n - 0) {
    padding-top: 0; }

@media (max-width: 480px) {
  .news .c-news {
    width: 100%; }
  .news .c-news__item {
    width: 100%;
    margin-bottom: 1em; } }

.c-news__item__date {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  margin-top: 1.5em; }
  .c-news__item__date:after {
    margin-left: 1em; }

.c-news__item--work .c-news__item__date:after {
  color: #5392ca;
  content: '仕事'; }

.c-news__item--life .c-news__item__date:after {
  color: #00b900;
  content: '暮らし'; }

@media (max-width: 480px) {
  .c-news__item {
    width: 100%;
    font-size: 1.14286rem;
    padding-right: 0;
    position: relative;
    margin-top: 4em; }
  .c-news__item:not(.c-news__item--title):nth-of-type(3n - 2), .c-news__item:not(.c-news__item--title):nth-of-type(3n - 1), .c-news__item:not(.c-news__item--title):nth-of-type(3n - 0) {
    padding-top: 0; }
  .c-news__item__date {
    margin-top: 0;
    position: absolute;
    top: -2em; } }

/* .c-news-link */
.c-news-link {
  width: 100%;
  margin-top: 0.1em;
  font-size: 0.85714rem; }
  .c-news-link:before {
    content: '';
    display: inline-block;
    margin-right: .5em;
    width: 1em;
    height: 1em;
    background: transparent url("../image/icon-right.png") no-repeat scroll center center;
    background-size: contain;
    vertical-align: -15%; }

@media (max-width: 480px) {
  .c-news-link {
    margin-top: 2em;
    text-align: right;
    font-size: 1.14286rem; } }

/*
 * # .c-message
 *
 */
.c-message {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 8%;
  padding-bottom: 10%;
  padding-left: 12.5%;
  z-index: 9;
  letter-spacing: .1em; }
  .c-message p {
    font-size: 1.42857rem;
    font-family: "Noto Sans Japanese";
    font-weight: 900;
    line-height: 2.05;
    margin-top: 4em;
    z-index: 2; }

@media (max-width: 480px) {
  .c-message {
    padding-top: 0;
    padding-left: 0;
    width: 87.5%; }
    .c-message p {
      font-size: 1.14286rem;
      margin-top: 2em; } }

.c-message__logo {
  position: absolute;
  text-align: right;
  top: 0;
  right: 0%;
  margin-top: -9.5%; }
  .c-message__logo img {
    width: 71.7%; }

@media (max-width: 480px) {
  .c-message__logo {
    width: 50%;
    right: 0;
    margin-top: -24%; }
    .c-message__logo img {
      width: 100%; } }

.c-message__bg {
  position: absolute;
  top: 12%;
  right: 1.5%;
  text-align: right;
  z-index: -1;
  width: 51%; }
  .c-message__bg img {
    width: 100%;
    max-width: 612px; }

@media (max-width: 480px) {
  .c-message__bg {
    display: none; } }

.c-message-movie {
  width: 88.89%;
  margin: 0 auto 4em; }

@media (max-width: 480px) {
  .c-message-movie {
    width: 100%;
    margin-top: 6em; } }

.c-message-movie__btn {
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 50%;
  margin-top: 100px;
  width: 88.89%; }
  .c-message-movie__btn a {
    font-size: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: inline-block;
    padding: 1.5em 6em;
    border: 1px solid currentcolor; }
  .c-message-movie__btn a:link, .c-message-movie__btn a:visited {
    color: #fff; }

@media (max-width: 480px) {
  .c-message-movie__btn {
    width: 100%;
    top: 50%;
    margin-top: -25px; }
    .c-message-movie__btn a {
      font-size: 1.2381rem;
      padding: 1.5em 3em; } }

/*
 * # .c-loaderbtn
 *
 */
.c-loaderbtn {
  width: 100%;
  font-size: 1.07143rem;
  display: inline-block;
  text-align: center;
  padding: 1.5em 0;
  background-color: #ebebeb;
  border-radius: 30px;
  margin: 6em 0 2em; }

@media (max-width: 480px) {
  .c-loaderbtn {
    font-size: 1.42857rem;
    border-radius: 50px; } }

/*
 * # .c-company
 *
 */
@font-face {
  font-family: 'icomoon2';
  src: url("fonts/icomoon_new.eot?w3x8tv");
  src: url("fonts/icomoon_new.eot?#iefixw3x8tv") format("embedded-opentype"), url("fonts/icomoon_new.ttf?w3x8tv") format("truetype"), url("fonts/icomoon_new.woff?w3x8tv") format("woff"), url("fonts/icomoon_new.svg?w3x8tv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.c-company {
  border: 3px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 10em;
  padding: 2.2em 0 4em; }

.index--company {
  background-color: #ffffff; }

.index--company .c-company {
  margin-bottom: 6em; }

.c-company__container {
  width: 88.8888889%;
  margin: 0 auto; }

@media (max-width: 480px) {
  .c-company {
    border: none;
    margin-top: 0; }
  .c-company__container {
    width: 100%; } }

.c-company__baloon {
  position: absolute;
  font-size: 0.85714rem;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  line-height: 1.6;
  width: 160px;
  height: 160px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  padding-top: 51px;
  padding-left: 8px;
  display: inline-block; }

.c-company__baloon--yellow {
  background-color: #ffff28;
  top: -100px;
  right: 90px;
  z-index: 2; }

.c-company__baloon--blue {
  background-color: #1b4097;
  top: -40px;
  right: -40px;
  z-index: 1;
  color: #FFFFFF; }
  .c-company__baloon--blue:link, .c-company__baloon--blue:visited {
    color: #fff; }

@media (max-width: 480px) {
  .c-company__baloon {
    position: static;
    font-size: 1.14286rem;
    width: 100%;
    height: auto;
    padding: 1em 0;
    border-radius: 0;
    margin-top: 1em; }
  .c-company__baloon--blue {
    background-color: transparent;
    color: #000000; }
    .c-company__baloon--blue:link, .c-company__baloon--blue:visited {
      color: #232323; } }

/* ================================================== */
.index .section--company .companies {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.5;
  font-size: .9275em; }

@media (max-width: 480px) {
  .index .section--company .companies {
    font-size: 1.24em; } }

.index .section--company .companies__item {
  margin: 0 0 55px 0;
  width: 33.1%;
  vertical-align: top; }

.index .section--company .companies__item:first-child {
  margin-left: 0; }

.index .section--company .companies__info {
  padding: 0 10px; }

.index .section--company .companies__category {
  border-radius: 14px;
  color: #aaa;
  display: inline-block;
  padding: .1em .8em;
  font-size: .923076923em;
  /*12px / 13px*/
  letter-spacing: .06em;
  border: 1px solid #aaa;
  margin: 8px 0; }

.index .section--company .companies__category--energy:before {
  content: 'エネルギー'; }

.index .section--company .companies__category--retail:before {
  content: '卸・小売'; }

.index .section--company .companies__category--education:before {
  content: '教育'; }

.index .section--company .companies__category--finance:before {
  content: '金融'; }

.index .section--company .companies__category--construction:before {
  content: '建設業'; }

.index .section--company .companies__category--service:before {
  content: 'サービス'; }

.index .section--company .companies__category--it:before {
  content: 'IT・情報通信'; }

.index .section--company .companies__category--food:before {
  content: '食品関連'; }

.index .section--company .companies__category--maker:before {
  content: '製造業'; }

.index .section--company .companies__category--other:before {
  content: 'その他'; }

.index .section--company .companies__category--energy {
  color: #87DE2E;
  border-color: #87DE2E; }

.index .section--company .companies__category--retail {
  color: #F07E68;
  border-color: #F07E68; }

.index .section--company .companies__category--education {
  color: #539CD4;
  border-color: #539CD4; }

.index .section--company .companies__category--finance {
  color: #D63434;
  border-color: #D63434; }

.index .section--company .companies__category--construction {
  color: #6B54A1;
  border-color: #6B54A1; }

.index .section--company .companies__category--service {
  color: #69BFB6;
  border-color: #69BFB6; }

.index .section--company .companies__category--it {
  color: #528EC9;
  border-color: #528EC9; }

.index .section--company .companies__category--food {
  color: #EB883B;
  border-color: #EB883B; }

.index .section--company .companies__category--maker {
  color: #94677B;
  border-color: #94677B; }

.index .section--company .companies__category--other {
  color: #8B92B0;
  border-color: #8B92B0; }

.index .section--company .companies__name {
  font-weight: bold;
  font-size: 1.153846154em;
  /*15px / 13px*/
  margin-bottom: 2px; }

.index .section--company .companies__text {
  color: #808080;
  margin: .5em 0 1em;
  font-size: .923076923em;
  /*12px / 13px*/
  line-height: 1.6; }

.index .section--company .companies__contact {
  margin-bottom: 1em;
  line-height: 1.6; }

.index .section--company .companies__contact:before {
  content: '問合せ先';
  display: block;
  font-size: .846153846em;
  /*11px / 13px*/
  margin-bottom: 2px; }

.index .section--company .companies__contact__item:before {
  content: '';
  color: #fff;
  font-size: 1.538461538em;
  /*20px / 13px*/
  display: inline-block;
  padding: 4px;
  margin: 3px .5em 3px 0;
  border-radius: 50%;
  background-color: #BFBFBF;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.index .section--company .companies__contact__item--tel:before {
  content: "\e60b"; }

.index .section--company .companies__contact__item--mail:before {
  content: "\e609"; }

.index .section--company .companies__contact__item--tel > * {
  font-weight: bold;
  vertical-align: 22%;
  font-size: 1.153846154em;
  /*15px / 13px*/ }

.index .section--company .companies__contact__item--mail > a {
  vertical-align: 22%;
  text-decoration: underline; }

.index .section--company a.companies__outline:link,
.index .section--company a.companies__outline:visited {
  color: #1B4097;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 2em; }

.index .section--company a.companies__outline:after {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -15%;
  margin-left: 10px;
  background: transparent url("../image/icn-pgf.png") no-repeat scroll center bottom; }

.index .section--company a.companies__btn {
  display: inline-block;
  width: 46%;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1B4097;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  padding: .7em 0;
  margin-right: 5px;
  font-size: .923076923em;
  /*12px / 13px*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top; }

.index .section--company a.companies__btn i.icn--pdf {
  color: #FF5E6E;
  font-size: 1.666666667em;
  /*20px / 12px*/
  vertical-align: -20%; }

.index a.section__seemore {
  font-family: 'Roboto', sans-serif;
  text-align: center;
  display: block;
  width: 100%;
  padding: 1.2em 0;
  letter-spacing: .1em;
  font-size: 1.384615385em;
  /*18px / 13px*/
  background-color: #E3E3E3;
  border-radius: 120px; }

@media (max-width: 480px) {
  .index .section--company .companies__item {
    width: 100%; }
  .index .section--company .companies__image img {
    width: 100%; }
  .index a.section__seemore {
    margin-bottom: 60px; } }

/*
 *
 * .index--company .section--company
 *
 */
.index--company .section--company {
  padding: 60px 0 100px;
  margin-bottom: 0; }

.index--company .section__heading:after {
  display: none; }

.filter {
  padding: 3em 0 2.8em;
  margin: 20px 0 0;
  text-align: center;
  background-color: #F5F5F5; }

.filter__item {
  font-size: 1.076923077em;
  /*14px / 13px*/
  margin-left: 1.5em;
  display: inline-block;
  font-weight: bold; }

.filter__item:first-child {
  margin-left: 0; }

.filter__item a {
  padding-bottom: 5px; }

.filter__item--current a {
  border-bottom: 2px solid #000; }

.index--company .filter__item--energy a {
  color: #87DE2E;
  border-color: #87DE2E; }

.index--company .filter__item--retail a {
  color: #F07E68;
  border-color: #F07E68; }

.index--company .filter__item--education a {
  color: #539CD4;
  border-color: #539CD4; }

.index--company .filter__item--finance a {
  color: #D63434;
  border-color: #D63434; }

.index--company .filter__item--construction a {
  color: #6B54A1;
  border-color: #6B54A1; }

.index--company .filter__item--service a {
  color: #69BFB6;
  border-color: #69BFB6; }

.index--company .filter__item--it a {
  color: #528EC9;
  border-color: #528EC9; }

.index--company .filter__item--food a {
  color: #EB883B;
  border-color: #EB883B; }

.index--company .filter__item--maker a {
  color: #94677B;
  border-color: #94677B; }

.index--company .filter__item--other a {
  color: #8B92B0;
  border-color: #8B92B0; }

@media only screen and (max-width: 480px) {
  .filter {
    padding: 3em 2em 2.8em; }
  .filter__item {
    line-height: 3; } }

/*
 *
 * .index--company .section--info
 *
 */
.index--info .section--info {
  padding: 60px 0 100px;
  margin-bottom: 0; }

.index--info .section--info .section__heading:after {
  background: none; }

/* from company.css */
.index .section__lede img {
  width: 28px;
  vertical-align: middle; }

.filter {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 0; }

.filter-word {
  padding-top: 0px;
  margin-top: 0px; }

.filter__item {
  background: #fff;
  height: 31px;
  line-height: 31px;
  padding: 0 8px;
  font-size: .923076923em;
  margin-left: 6px;
  letter-spacing: 0.06em;
  font-weight: normal; }

.filter-title {
  padding-bottom: 0px;
  font-size: 1.15385em; }

.filter-title .filter__item {
  background-color: #F5F5F5;
  font-weight: bold;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #1B4097; }

.filter__item--title {
  padding: 0;
  background: none;
  text-align: center;
  color: #000;
  font-weight: bold;
  width: 3.5em; }

.filter__item:first-child {
  margin-left: 16px; }

.filter__item--current a {
  border-bottom: none;
  color: #fff; }

.index .section--company .companies__category--maker:before {
  content: 'メーカー'; }

.index .section--company .companies__category--trading:before {
  content: '商社'; }

.index .section--company .companies__category--distribution:before {
  content: '流通･小売'; }

.index .section--company .companies__category--finance:before {
  content: '金融'; }

.index .section--company .companies__category--service:before {
  content: 'サービス･インフラ'; }

.index .section--company .companies__category--ad:before {
  content: '広告･出版･マスコミ'; }

.index .section--company .companies__category--it:before {
  content: ' ソフトウェア･通信'; }

.index .section--company .companies__category--public:before {
  content: '官公庁･公社･団体'; }

.index .section--company .companies__category--kenhoku:before {
  content: '県北'; }

.index .section--company .companies__category--kenou:before {
  content: '県央'; }

.index .section--company .companies__category--kensei:before {
  content: '県西'; }

.index .section--company .companies__category--kennan:before {
  content: '県南'; }

.index .section--company .companies__category--rokkou:before {
  content: '鹿行'; }

.index .section--company .companies__category--kenhoku,
.index .section--company .companies__category--kenou,
.index .section--company .companies__category--kensei,
.index .section--company .companies__category--kennan,
.index .section--company .companies__category--rokkou {
  color: #124098; }

.index .section--company .companies__category--alljob,
.index--company .filter__item--alljob a {
  color: #969696; }

.index .section--company .companies__category--maker,
.index--company .filter__item--maker a {
  color: #D1A1B7; }

.index .section--company .companies__category--trading,
.index--company .filter__item--trading a {
  color: #9681C9; }

.index .section--company .companies__category--distribution,
.index--company .filter__item--distribution a {
  color: #F0A090; }

.index .section--company .companies__category--finance,
.index--company .filter__item--finance a {
  color: #D65656; }

.index .section--company .companies__category--service,
.index--company .filter__item--service a {
  color: #6FBFB7; }

.index .section--company .companies__category--ad,
.index--company .filter__item--ad a {
  color: #719DC9; }

.index .section--company .companies__category--it,
.index--company .filter__item--it a {
  color: #92D154; }

.index .section--company .companies__category--public,
.index--company .filter__item--public a {
  color: #EB9F65; }

.index--company .filter__item--alljob.filter__item--current {
  background-color: #969696; }

.index--company .filter__item--maker.filter__item--current {
  background-color: #D1A1B7; }

.index--company .filter__item--trading.filter__item--current {
  background-color: #9681C9; }

.index--company .filter__item--distribution.filter__item--current {
  background-color: #F0A090; }

.index--company .filter__item--finance.filter__item--current {
  background-color: #D65656; }

.index--company .filter__item--service.filter__item--current {
  background-color: #6FBFB7; }

.index--company .filter__item--ad.filter__item--current {
  background-color: #719DC9; }

.index--company .filter__item--it.filter__item--current {
  background-color: #92D154; }

.index--company .filter__item--public.filter__item--current {
  background-color: #EB9F65; }

.index--company .filter__item--maker.filter__item--current a,
.index--company .filter__item--trading.filter__item--current a,
.index--company .filter__item--distribution.filter__item--current a,
.index--company .filter__item--finance.filter__item--current a,
.index--company .filter__item--service.filter__item--current a,
.index--company .filter__item--ad.filter__item--current a,
.index--company .filter__item--it.filter__item--current a,
.index--company .filter__item--public.filter__item--current a {
  color: #fff; }

.filter-job {
  margin-top: 0;
  padding-top: 0px;
  padding-bottom: 0px; }

.filter-area {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 20px; }

.filter-area .filter__item a {
  color: #6586C7; }

.index--company .filter__item--all.filter__item--current,
.index--company .filter__item--current {
  background: #6586C7; }

.index--company .filter__item--all.filter__item--current a,
.index--company .filter__item--current a {
  color: #fff; }

.filter-word {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: 0px; }

.filter-word input {
  background-color: #ffffff;
  padding: 10px; }

.filter-word input.fiter-word__text {
  width: 77%;
  margin-right: 2%; }

.filter-word input.fiter-word__btn {
  font-weight: bold;
  width: 9%; }

.companies__image {
  position: relative;
  margin-bottom: 5px; }
  .companies__image img {
    width: 100%; }

.companies__image p {
  position: absolute;
  top: 10px;
  left: 10px; }

.companies__image p img {
  width: 28px; }

.companies__image p span {
  margin-right: 5px; }

.index .section--company .companies__favorite {
  width: 50px;
  float: right;
  text-align: center;
  font-size: .769230em;
  /*10px / 13px*/
  letter-spacing: 0.06em;
  margin-top: 5px;
  display: block;
  margin-top: 30px;
  opacity: 0;
  -webkit-transition: 800ms cubic-bezier(0, 0.605, 0.435, 1);
  -o-transition: 800ms cubic-bezier(0, 0.605, 0.435, 1);
  transition: 800ms cubic-bezier(0, 0.605, 0.435, 1); }

.index .section--company .companies__favorite.scroll__on {
  opacity: 1;
  margin-top: 0; }

.index .section--company .companies__favorite:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  color: #1B4097;
  font-size: 1.538461538em;
  display: block;
  font-size: 38px;
  margin: 0 0 4px;
  padding: 0; }

.index .section--company .companies__favorite.favorite__on {
  color: #1B4097; }

.index .section--company .companies__favorite.favorite__on:before {
  content: "\e901"; }

.index .section--company .companies__name {
  padding-top: 15px; }

.index .section--company .companies__category {
  border-radius: 0;
  padding: 0;
  margin: 0 6px 0 0;
  border: none;
  font-size: .846153em;
  /*11px / 13px*/ }

.index .section--company .companies__text {
  margin: 0 0 1em; }

.text_open {
  overflow: hidden; }

.text_open__inner {
  margin-top: -500px;
  -webkit-transition: 450ms cubic-bezier(0, 0.605, 0.435, 1);
  -o-transition: 450ms cubic-bezier(0, 0.605, 0.435, 1);
  transition: 450ms cubic-bezier(0, 0.605, 0.435, 1); }

.text_open__inner.opeen__on {
  margin-top: 0; }

.companies__title {
  font-size: .846153em;
  /*11px / 13px*/
  margin: 1.2em 0 .4em; }

.companies__openbtn {
  width: 100%;
  background: #F5F5F5;
  height: 38px;
  line-height: 38px;
  position: relative;
  display: block; }

.companies__openbtn:before {
  content: "詳しく見る";
  color: #000000;
  font-size: .846153em;
  /*11px / 13px*/
  display: block;
  text-align: center;
  font-weight: bold; }

.companies__openbtn:after {
  position: absolute;
  content: "\e904";
  color: #000000;
  font-size: .846153em;
  /*11px / 13px*/
  top: 50%;
  right: 10px;
  margin-top: -4px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.companies__openbtn.opeen__on:before {
  content: "閉じる"; }

.companies__openbtn.opeen__on:after {
  content: "\e900"; }

.index .section--company .companies__contact {
  margin-top: 1em; }

.index .section--company .companies__contact:before {
  font-weight: bold; }

.index .section--company a.companies__btn {
  margin-right: 8px; }

.companies__pdf:after {
  content: "\e905";
  color: #FF5E6E;
  font-size: 1.25em;
  /*15px / 13px*/
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.section__kc {
  margin-top: 20px;
  line-height: 1.5em;
  font-size: 0.78571rem; }

@media (max-width: 480px) {
  .section__kc {
    font-size: 0.85714rem;
    margin-top: 10px; } }

.section__lede.hidden--pc {
  display: none; }

@media (max-width: 480px) {
  .section__lede.hidden--pc {
    display: block; }
  .section__lede.hidden--sp {
    display: none; }
  .c-caompany__baloon__jobsvote-btn {
    width: 100%;
    height: auto;
    padding: 0; }
  .c-caompany__baloon__jobsvote-btn .hidden--sp {
    display: none; }
  .index .section__lede {
    font-size: .923076923em; }
  .index .section__lede img {
    width: 25px; }
  .filter {
    margin-top: 10px;
    padding: 10px 10px 0; }
  .filter-word, .filter-job, .filter-area {
    margin-top: 0px;
    padding: 0px 10px 10px; }
  .filter-job {
    margin-top: 0px;
    padding: 0px 10px 0px; }
  .filter-word input.fiter-word__text {
    width: 70%; }
  .filter-word input.fiter-word__btn {
    width: 23%; }
  .filter__item {
    margin-left: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: .84615384615385em; }
  .filter__item:first-child {
    font-size: 1.07692307692308em;
    margin-left: 0;
    margin-bottom: 0px;
    text-align: left;
    display: block; }
  .filter-area {
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 5px; }
  .index .section--company .companies__image p img {
    width: 28px; } }

/*
 * # .c-linklist
 *
 */
.c-linklist {
  background-color: #ebebeb;
  margin: 145px 0 95px; }

@media (max-width: 480px) {
  .c-linklist {
    margin: 60px 0; } }

.c-linklist__container {
  width: 960px;
  margin: 0 auto;
  padding: 90px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-linklist__container::before {
  content: "";
  display: block;
  width: 23.9%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.c-linklist__container::after {
  content: "";
  display: block;
  width: 23.9%; }

@media (max-width: 480px) {
  .c-linklist__container {
    width: 87.5%;
    padding: 30px 0; } }

.c-linklist__item {
  width: 23.9583333%;
  margin-top: 14px; }
  .c-linklist__item img {
    width: 100%; }

@media (max-width: 480px) {
  .c-linklist__item {
    width: 49%;
    margin-top: 7px; } }

/*
 * # .c-event
 *
 */
.c-event-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin: 3em auto; }

@media (max-width: 480px) {
  .c-event-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 87.5%;
    margin: 3em auto 0; } }

.c-event-container .c-indexheading {
  width: 100%; }

@media (max-width: 480px) {
  .c-event-container .c-indexheading {
    width: 100%;
    margin-top: 1em; } }

.c-event-container-contentarea {
  width: 800px;
  margin: 100px auto 0; }

@media (max-width: 480px) {
  .c-event-container-contentarea {
    width: 100%;
    margin-top: 0px; } }

.c-event__title {
  font-size: 4.28571rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 80px;
  display: block; }

@media (max-width: 480px) {
  .c-event__title {
    font-size: 2.57143rem;
    margin-bottom: 1em; } }

.c-event__text {
  font-size: 1.28571rem;
  width: 552px;
  margin: 0 auto;
  margin-bottom: 30px;
  line-height: 1.8em;
  display: block;
  clear: both; }

@media (max-width: 480px) {
  .c-event__text {
    width: 100%; } }

.c-event__image {
  width: 552px;
  margin: 0 auto;
  margin-bottom: 50px;
  display: block; }

@media (max-width: 480px) {
  .c-event__image {
    width: 100%; } }

.c-event__linktext {
  width: 552px;
  text-align: left;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.28571rem;
  line-height: 1.5em;
  margin-bottom: 80px;
  display: block; }

.c-event__linktext a {
  text-decoration: underline; }

.c-event__linktext a:hover {
  text-decoration: none; }

@media (max-width: 480px) {
  .c-event__linktext {
    width: 100; } }

/* ===============================================

    INTERN

=============================================== */
/* ===============================================
    INTERN / SETTING, LAYOUT
=============================================== */
@media screen and (min-width: 481px) {
  .u-hidden-pc {
    display: none; } }

@media screen and (max-width: 480px) {
  .u-hidden-sp {
    display: none; } }

.c-intern--hero {
  position: relative;
  background-color: #0098d8; }

@media (max-width: 480px) {
  .c-intern--hero {
    padding-bottom: 2em; } }

.c-intern--frame {
  width: 900px;
  margin: 0 auto; }

@media (max-width: 480px) {
  .c-intern--frame {
    width: 100%; } }

/* ===============================================
    INTERN / HERO
=============================================== */
.c-intern__map {
  z-index: 0;
  position: absolute;
  width: 41%;
  top: 0;
  left: 0; }

@media (max-width: 480px) {
  .c-intern__map {
    width: 53%; } }

.c-intern__cover {
  z-index: 2;
  position: relative;
  width: 930px;
  margin: 0 auto;
  padding: 10px 0 160px; }

@media (max-width: 480px) {
  .c-intern__cover {
    width: 89%;
    padding: 15% 0 0; } }

.c-intern__cover__title {
  padding-bottom: 20px; }

@media (max-width: 480px) {
  .c-intern__cover__title {
    padding-bottom: 10px; } }

.c-intern__cover__check {
  width: 856px; }

@media (max-width: 480px) {
  .c-intern__cover__check {
    width: 100%; } }

.c-intern__item {
  z-index: 2;
  position: relative;
  margin-bottom: -120px;
  padding: 3.5em 2em 2em 2em;
  background-color: #f0f3f5;
  border-radius: 10px; }

@media (max-width: 480px) {
  .c-intern__item {
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.5em auto;
    padding: 1.5em 1em; }
  .c-intern__item:nth-child(3) {
    padding-bottom: 2em; } }

.c-intern__item__icon {
  position: absolute;
  top: -80px;
  right: 0;
  left: 0;
  margin: auto; }

@media (max-width: 480px) {
  .c-intern__item__icon {
    position: relative;
    top: 0;
    margin-right: 1.5em; } }

.c-intern__item__icon--1 {
  width: 88px; }

@media (max-width: 480px) {
  .c-intern__item__icon--1 {
    width: 120px; } }

.c-intern__item__icon--2 {
  width: 91px; }

@media (max-width: 480px) {
  .c-intern__item__icon--2 {
    width: 150px; } }

.c-intern__item__icon--3 {
  width: 126px; }

@media (max-width: 480px) {
  .c-intern__item__icon--3 {
    width: 170px; } }

.c-intern__item dl dt {
  text-align: center;
  margin-bottom: 1em;
  font-size: 1.0666666667em;
  font-weight: bold;
  line-height: 1.6; }

@media (max-width: 480px) {
  .c-intern__item dl dt {
    text-align: left;
    font-size: 1.36em; } }

.c-intern__item dl dd {
  font-size: 0.8666666667em;
  line-height: 1.6; }

@media (max-width: 480px) {
  .c-intern__item dl dd {
    font-size: 1.18em; } }

.c-intern--border {
  width: 100%;
  height: 100%;
  background: transparent -webkit-linear-gradient(135deg, #fff 25%, #c0e4f6 25%, #c0e4f6 50%, #fff 50%, #fff 75%, #c0e4f6 75%, #c0e4f6) repeat scroll center center;
  background: transparent -o-linear-gradient(135deg, #fff 25%, #c0e4f6 25%, #c0e4f6 50%, #fff 50%, #fff 75%, #c0e4f6 75%, #c0e4f6) repeat scroll center center;
  background: transparent linear-gradient(-45deg, #fff 25%, #c0e4f6 25%, #c0e4f6 50%, #fff 50%, #fff 75%, #c0e4f6 75%, #c0e4f6) repeat scroll center center;
  background-size: 50px 50px; }

@media (max-width: 480px) {
  .c-intern--border {
    background: #ffffff none repeat scroll center; } }

.c-intern--white {
  max-width: 1080px;
  margin: 0 auto;
  background-color: #ffffff; }

@media (max-width: 480px) {
  .c-intern--white {
    width: 89%;
    max-width: 100%; } }

/* ===============================================
    INTERN / COMPANY
=============================================== */
.c-intern__h1 {
  text-align: center;
  padding: 200px 0 60px 0;
  font-weight: bold;
  font-size: 2.6666666667em;
  line-height: 2.0;
  color: #0098d8; }

@media (max-width: 480px) {
  .c-intern__h1 {
    text-align: left;
    padding: 2em 0 .5em 0;
    font-size: 2.54em;
    line-height: 1.6; } }

.c-intern__h2 {
  text-align: center;
  margin: 120px 0 60px 0;
  font-size: 2.4em;
  font-weight: bold;
  letter-spacing: 3px; }

@media (max-width: 480px) {
  .c-intern__h2 {
    margin: 4em 0 2em 0;
    font-size: 1.81em; } }

.c-intern__h2 span {
  position: relative;
  display: inline-block; }

.c-intern__h2 span::before {
  position: absolute;
  content: '';
  width: 24px;
  height: 58px;
  top: -10px;
  left: -50px;
  background: transparent url(../../event/image/intern-heading-left.png) no-repeat scroll center center;
  background-size: cover; }

@media (max-width: 480px) {
  .c-intern__h2 span::before {
    width: 15px;
    height: 38px;
    top: -10px;
    left: -30px; } }

.c-intern__h2 span::after {
  position: absolute;
  content: '';
  width: 24px;
  height: 58px;
  top: -10px;
  right: -50px;
  background: transparent url(../../event/image/intern-heading-right.png) no-repeat scroll center center;
  background-size: cover; }

@media (max-width: 480px) {
  .c-intern__h2 span::after {
    width: 15px;
    height: 38px;
    top: -10px;
    right: -30px; } }

.c-intern__company {
  position: relative;
  margin: 1.5em 0;
  border: 3px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c-intern__company::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 37px;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  background: transparent url(../../event/image/intern-pdf.png) no-repeat scroll center center;
  background-size: contain; }

.c-intern__company a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .c-intern__company::after {
    width: 14px;
    height: 27px;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto; } }

.c-intern__company dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.c-intern__company dl dt {
  width: 120px; }

@media (max-width: 480px) {
  .c-intern__company dl dt {
    width: 82px; } }

.c-intern__company dl dd {
  width: 75%;
  padding: 0 2.6em 0 1.5em;
  font-size: 0.9333333333em;
  line-height: 1.7; }

.c-intern__company dl dd span {
  font-size: 0.8em;
  color: #0098d8; }

@media (max-width: 480px) {
  .c-intern__company dl dd {
    font-size: 1.18em; } }

.c-intern__company dl dd b {
  font-size: 1.1428571429em; }

@media (max-width: 480px) {
  .c-intern__company dl dd b {
    font-size: 1.07em; } }

/* ===============================================
    INTERN / MERIT
=============================================== */
.c-intern__image {
  margin: 0 auto; }

.c-intern__note {
  margin: 3em 0; }

.c-intern__note__item {
  padding-bottom: .5em;
  font-size: 0.8em; }

@media (max-width: 480px) {
  .c-intern__note__item {
    font-size: 0.9em;
    padding-bottom: .3em; } }

/* ===============================================
    INTERN / APPLICATION
=============================================== */
.c-intern__application {
  border: 3px solid #000000; }

.c-intern__application a {
  padding: 3em 0;
  display: block; }

@media (max-width: 480px) {
  .c-intern__application {
    margin-bottom: 1.5em;
    padding: 0 3em; } }

@media (max-width: 480px) {
  .c-intern__application a {
    padding: 2em 0; } }

.c-intern__application__image {
  margin: 0 auto; }

@media (max-width: 480px) {
  .c-intern__application__image {
    margin: 0; } }

.c-intern__application__image--web {
  width: 114px; }

@media (max-width: 480px) {
  .c-intern__application__image--web {
    width: 68px; } }

.c-intern__application__image--fax {
  width: 114px; }

@media (max-width: 480px) {
  .c-intern__application__image--fax {
    width: 68px; } }

.c-intern__application__text {
  text-align: center;
  padding-top: 1.5em;
  font-size: 1.3333333333em;
  font-weight: bold;
  line-height: 1.5; }

@media (max-width: 480px) {
  .c-intern__application__text {
    text-align: left;
    padding-top: 0;
    font-size: 1.45em;
    font-weight: bold;
    line-height: 1.6; } }

/* ===============================================
    INTERN / LIST
=============================================== */
.c-intern__list {
  width: 100%; }

.c-intern__list tr {
  vertical-align: top;
  display: block;
  width: 100%;
  padding: 4em 0;
  border-top: 3px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .c-intern__list tr {
    width: 100%;
    padding: 2em 0; } }

.c-intern__list--last {
  border-bottom: 3px solid #000000;
  margin-bottom: 120px; }

.c-intern__list tr th {
  text-align: left;
  width: 160px !important;
  font-size: 1.0666666667em;
  font-weight: bold;
  line-height: 1.875; }

@media (max-width: 480px) {
  .c-intern__list tr th {
    display: block;
    margin-bottom: 1em;
    font-size: 1.36em; }
  .c-intern__list tr th br {
    display: none; } }

.c-intern__list tr td {
  width: 82.3%;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c-intern__list__date {
  font-size: 1.9226666667em;
  letter-spacing: 3px; }

@media (max-width: 480px) {
  .c-intern__list__date {
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 1.6; } }

.c-intern__list__date span {
  font-size: 1.54889043em; }

@media (max-width: 480px) {
  .c-intern__list__date span {
    font-size: 1em; } }

.c-intern__list__target {
  font-size: 2em;
  padding-bottom: 1em;
  color: #de6b88; }

@media (max-width: 480px) {
  .c-intern__list__target {
    font-size: 2.54em;
    padding-bottom: .5em; } }

.c-intern__list__detail {
  font-size: 1.3333333333em;
  line-height: 1.6; }

@media (max-width: 480px) {
  .c-intern__list__detail {
    font-size: 1.63em; } }

.c-intern__list__name {
  padding-bottom: 1em;
  font-size: 2em; }

.c-intern__list__contact {
  font-size: 1em;
  font-weight: normal;
  line-height: 2.0; }

@media (max-width: 480px) {
  .c-intern__list__contact {
    font-size: 1.36em; } }

.c-intern__blue {
  position: relative;
  width: 740px;
  margin-bottom: 2em; }

@media (max-width: 480px) {
  .c-intern__blue {
    width: 10%; } }

.c-intern__blue p {
  position: absolute;
  text-align: center;
  top: 10px;
  right: 0;
  left: 0;
  margin: auto; }

@media (max-width: 480px) {
  .c-intern__blue p {
    top: 38%;
    right: auto;
    left: 28%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.2em; } }

@media (max-width: 480px) {
  .c-intern__flow--cover {
    width: 84%; } }

.c-intern__flow {
  position: relative; }

@media (max-width: 480px) {
  .c-intern__flow {
    margin-bottom: 10px; } }

.c-intern__flow--small {
  width: 162px; }

@media (max-width: 480px) {
  .c-intern__flow--small {
    width: 100%; } }

.c-intern__flow--large {
  width: 192px; }

@media (max-width: 480px) {
  .c-intern__flow--large {
    width: 100%; } }

.c-intern__flow__box {
  width: 100%; }

.c-intern__flow__text {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: auto;
  padding: 1.2em 1.2em;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .c-intern__flow__text {
    padding: 0.8em 1em;
    font-size: 1.25em;
    font-weight: normal; } }

.c-intern__flow__text b {
  display: inline-block;
  padding-bottom: .2em;
  font-size: 2em;
  color: #0098d8; }

@media (max-width: 480px) {
  .c-intern__flow__text b {
    font-size: 1.73em; } }

/* ********************************************

    INTERN / HOVER ANIMATE

*********************************************** */
/* ===============================================

    KAERUKAMO HOUSE

=============================================== */
/* ===============================================
    KAERUKAMO HOUSE / SETTING, LAYOUT
=============================================== */
.c-ff--ami {
  font-family: 'Amatic SC', cursive;
  font-weight: 400; }

.c-kh--btn {
  text-align: center;
  margin: 3em auto .5em auto; }

@media (max-width: 480px) {
  .c-kh--btn {
    text-align: center;
    margin: 2em auto 0 auto; } }

.c-kh--btn--sm {
  width: 83%; }

@media (max-width: 480px) {
  .c-kh--btn--sm {
    width: 100%; } }

.c-kh--btn a {
  display: block;
  padding: 1.5em 0;
  border-radius: 100px;
  background-color: #42C4A3;
  color: #ffffff;
  font-size: 1.4285714286em;
  font-family: "Noto Sans Japanese";
  font-weight: 200; }

@media (max-width: 480px) {
  .c-kh--btn a {
    padding: 1em 0;
    font-size: 1.6em; } }

.kaerukamo .hidden--pc {
  display: none; }

@media (max-width: 480px) {
  .kaerukamo .hidden--sp {
    display: none; }
  .kaerukamo .hidden--pc {
    display: block; } }

/* =============================================== 
    KAERUKAMO HOUSE / HERO
=============================================== */
.c-kh--hero {
  position: relative; }

.c-kh__main {
  opacity: 0; }

.c-kh__title {
  z-index: 2;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -96px;
  margin: auto;
  font-size: 13em;
  letter-spacing: 8px;
  color: #ffffff; }

@media (max-width: 480px) {
  .c-kh__title {
    bottom: -40px;
    font-size: 5.2em;
    letter-spacing: 2px; } }

.c-kh__title span {
  display: block;
  margin-top: 16px;
  font-size: 0.12em;
  letter-spacing: 24px; }

@media (max-width: 480px) {
  .c-kh__title span {
    margin-top: 10px;
    font-size: 0.21em;
    letter-spacing: 14px; } }

/* ===============================================
    KAERUKAMO HOUSE / BODY
=============================================== */
.c-kh--gradation {
  z-index: 1;
  position: relative;
  margin-bottom: 100px;
  padding: 220px 0 140px 0;
  background-color: transparent;
  font-weight: 400;
  color: #ffffff;
  -webkit-font-smoothing: antialiased; }

@media (max-width: 480px) {
  .c-kh--gradation {
    margin-bottom: 100px;
    padding: 70px 0;
    overflow: hidden; } }

.c-kh--body {
  z-index: 5;
  position: relative; }

.c-kh__which {
  margin-bottom: 120px; }

@media (max-width: 480px) {
  .c-kh__which {
    margin-bottom: 40px; } }

.c-kh__which__item {
  font-size: 3.4285714286em;
  letter-spacing: 5px; }

@media (max-width: 480px) {
  .c-kh__which__item {
    font-size: 2.4em;
    letter-spacing: 2px; } }

.c-kh__which__item--left {
  margin-left: 90px; }

@media (max-width: 480px) {
  .c-kh__which__item--left {
    margin-left: 0; }
  .c-kh__which__item--right {
    margin-bottom: -40px; } }

.c-kh__lead {
  text-align: center;
  font-size: 1.2857142857em;
  font-weight: 400;
  line-height: 2.0; }

@media (max-width: 480px) {
  .c-kh__lead {
    text-align: left;
    font-size: 1.6em;
    line-height: 1.8; } }

/* ===============================================
    KAERUKAMO HOUSE / RECRUIT
=============================================== */
.c-kh__recruit--cover {
  background-color: #ffffff;
  margin: 100px 0 140px 0;
  padding: 1.5em; }

@media (max-width: 480px) {
  .c-kh__recruit--cover {
    margin: 60px 0 60px 0;
    padding: 1em; } }

.c-kh__recruit {
  text-align: center;
  padding: 3em 0;
  border: 3px solid #FF7E35;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000; }

@media (max-width: 480px) {
  .c-kh__recruit {
    padding: 3em 2em; } }

.c-kh__recruit__title {
  font-size: 3.2857142857em; }

@media (max-width: 480px) {
  .c-kh__recruit__title {
    font-size: 3.6em; } }

.c-kh__recruit__heading {
  width: 244px;
  margin: 1em auto;
  padding: 1em 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: 2.1428571429em;
  font-family: "Noto Sans Japanese";
  font-weight: 200; }

@media (max-width: 480px) {
  .c-kh__recruit__heading {
    width: 86%;
    margin: 1.4em auto;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 2em; } }

.c-kh__recruit__text {
  font-size: 1.1428571429em;
  line-height: 1.8; }

@media (max-width: 480px) {
  .c-kh__recruit__text {
    text-align: left;
    font-size: 1.6em; } }

/* ===============================================
    KAERUKAMO HOUSE / LIST
=============================================== */
.c-kh__sub {
  text-align: center;
  margin-bottom: 100px;
  font-size: 2em;
  font-family: "Noto Sans Japanese";
  font-weight: 400; }

@media (max-width: 480px) {
  .c-kh__sub {
    margin-bottom: 70px;
    line-height: 1.8; } }

.c-kh__list--cover {
  margin-bottom: 80px; }

@media (max-width: 480px) {
  .c-kh__list--cover {
    margin-bottom: 60px; } }

.c-kh__list__heading {
  margin-bottom: .8em;
  font-size: 3.2142857143em;
  letter-spacing: 3px;
  line-height: 1.4; }

@media (max-width: 480px) {
  .c-kh__list__heading {
    margin-bottom: .6em;
    font-size: 2.6em;
    letter-spacing: 1px;
    line-height: 1.8; } }

.c-kh__list__note {
  margin-bottom: 3em;
  font-size: 1.1428571429em;
  line-height: 1.5; }

@media (max-width: 480px) {
  .c-kh__list__note {
    margin-bottom: 1.5em;
    font-size: 1.5em;
    line-height: 1.7; } }

.c-kh__list__ul__item {
  padding-bottom: 1em;
  font-size: 1.5714285714em; }

@media (max-width: 480px) {
  .c-kh__list__ul__item {
    padding-bottom: .2em;
    font-size: 1.8em;
    line-height: 1.8; } }

.c-kh__list__ul__item:before {
  content: '●'; }

.c-kh__list__text {
  font-size: 1.5714285714em;
  line-height: 2.0; }

@media (max-width: 480px) {
  .c-kh__list__text {
    font-size: 1.8em;
    line-height: 1.8;
    letter-spacing: 3px; } }

.c-kh__image {
  margin: 150px 0; }

@media (max-width: 480px) {
  .c-kh__image {
    margin: 70px 0; } }

/* ===============================================
    KAERUKAMO HOUSE / STUDENTS
=============================================== */
.c-kh__students {
  width: 770px;
  margin: 0 auto 0 auto; }

@media (max-width: 480px) {
  .c-kh__students {
    width: 100%; } }

.c-kh__students__icon {
  width: 74px;
  margin: 0 auto 1em auto; }

.c-kh__students__name {
  text-align: center;
  color: #ffffff;
  font-size: 1.4285714286em;
  line-height: 1.5; }

@media (max-width: 480px) {
  .c-kh__students__name {
    font-size: 1.4em;
    line-height: 1.6; } }

.c-kh__students__name span {
  font-size: 0.7em; }

@media (max-width: 480px) {
  .c-kh__students__name span {
    font-size: 1em; } }

/* ===============================================
    KAERUKAMO HOUSE / FLOAT
=============================================== */
.c-kh__float {
  z-index: 0;
  position: absolute; }

.c-kh__float--1 {
  width: 203px;
  top: 100px;
  left: -20px; }

.c-kh__float--2 {
  width: 242px;
  right: -60px;
  top: 380px; }

.c-kh__float--3 {
  z-index: 5;
  width: 224px;
  top: 700px;
  left: -30px; }

.c-kh__float--4 {
  width: 182px;
  bottom: 2100px;
  right: -80px; }

.c-kh__float--5 {
  width: 296px;
  bottom: 1400px;
  right: 0px; }

.c-kh__float--6 {
  width: 280px;
  bottom: 1600px;
  right: 120px; }

@media (max-width: 480px) {
  .c-kh__float {
    position: relative;
    display: block; }
  .c-kh__float--1 {
    width: 165px;
    top: auto;
    left: auto;
    margin-left: 52%; }
  .c-kh__float--2 {
    display: none; }
  .c-kh__float--3 {
    width: 224px;
    top: -30px;
    left: auto;
    margin-left: -14%; }
  .c-kh__float--4 {
    width: 182px;
    bottom: 50px;
    right: auto;
    margin-left: 40%; }
  .c-kh__float--5 {
    width: 205px;
    bottom: 30px;
    right: auto; }
  .c-kh__float--6 {
    display: none; } }

/* ===============================================

    IBARAKI-INSTA

=============================================== */
.ibaraki-insta {
  opacity: 0; }
  .ibaraki-insta h2, .ibaraki-insta p {
    text-align: justify;
    text-justify: inter-ideograph; }

/* ===============================================
    IBARAKI-INSTA / SETTING, LAYOUT
=============================================== */
.c-ff--ami {
  font-family: 'Amatic SC', cursive;
  font-weight: 400; }

.ibaraki-insta .hidden--pc {
  display: none; }

@media (max-width: 480px) {
  .ibaraki-insta .hidden--sp {
    display: none; }
  .ibaraki-insta .hidden--pc {
    display: block; } }

/* ===============================================
    IBARAKI-INSTA HERO
=============================================== */
.c-ii__main {
  z-index: 5;
  position: relative;
  width: 100%;
  overflow: hidden; }

.c-ii__main__content {
  z-index: 0;
  color: #ffffff;
  right: 0;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.c-ii__main__content__icon {
  width: 80px;
  margin: -1em auto 0; }

.c-ii__main__content__ttl {
  text-align: center;
  margin: .5em 0 .8em 0;
  font-size: 5rem; }

h2.c-ii__main__content__txt {
  text-align: center;
  font-weight: normal;
  line-height: 1.8;
  font-size: 1.28571rem; }

@media (max-width: 480px) {
  .c-ii__main__content__icon {
    width: 40px;
    margin: 0 auto 0; }
  .c-ii__main__content__ttl {
    margin: .6em 0;
    line-height: 1.6;
    font-size: 3.42857rem; }
  .c-ii__main__content__txt {
    text-align: left;
    padding: 0 6.25%;
    line-height: 1.6;
    font-size: 1.33333rem; } }

/* ===============================================
    IBARAKI-INSTA HERO
=============================================== */
.c-ii__gradation {
  z-index: 0;
  position: relative;
  margin-bottom: 2em;
  padding: 5em 0;
  background: transparent url(../../special/image/ibaraki-insta_bg.png) no-repeat scroll center center;
  background-size: cover;
  overflow: hidden; }

.c-ii__gradation__item {
  z-index: 0;
  position: absolute; }

.c-ii__gradation__item--1 {
  width: 340px;
  top: 3%;
  left: 2%; }

.c-ii__gradation__item--2 {
  width: 340px;
  right: -8%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.c-ii__gradation__item--3 {
  width: 340px;
  bottom: 2%;
  left: 15%; }

.c-ii__gradation__ttl {
  position: relative;
  text-align: center;
  width: 350px;
  margin: 0 auto 4em; }

.c-ii__gradation__list {
  z-index: 5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-ii__gradation__list li {
  width: 31.4%;
  margin-bottom: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px); }

.thumb {
  overflow: hidden; }
  .thumb img {
    -webkit-transition: -webkit-transform 5s ease 0s;
    transition: -webkit-transform 5s ease 0s;
    -o-transition: transform 5s ease 0s;
    transition: transform 5s ease 0s;
    transition: transform 5s ease 0s, -webkit-transform 5s ease 0s;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }

.card {
  position: relative;
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .card::before {
    z-index: 3;
    position: absolute;
    content: '';
    background: transparent url(../../special/image/ibaraki-insta_arrow.png) no-repeat scroll center center;
    background-size: cover;
    width: 42px;
    height: 21px;
    top: -21px;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }

.card--col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.card__icon {
  width: 60px;
  margin-right: 1.5em; }

.card__ttl {
  font-weight: bold;
  font-size: 1.07143rem; }

.card__ttl span {
  display: block;
  padding-top: 1em;
  font-weight: normal;
  font-size: 1rem;
  color: #4367db; }

.card__txt {
  line-height: 1.6;
  padding: 1.5em 0 .5em 0;
  font-size: 1rem; }

.c-ii__gradation__list li a:hover {
  opacity: .9; }
  .c-ii__gradation__list li a:hover .thumb img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  .c-ii__gradation__list li a:hover .card::before {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); }

@media (max-width: 480px) {
  .c-ii__gradation__item--1 {
    width: 40%;
    top: 3%;
    left: 2%; }
  .c-ii__gradation__item--2 {
    width: 40%;
    right: -8%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .c-ii__gradation__item--3 {
    width: 40%;
    bottom: -8%;
    left: 15%; }
  .c-ii__gradation__ttl {
    width: 87.5%;
    margin: 0 auto 3.5em; }
  .c-ii__gradation__list li {
    width: 47.9%;
    margin-bottom: 1em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .card {
    padding: 1.2em 1em; }
    .card::before {
      width: 12px;
      height: 6px;
      top: -6px; }
  .card--col {
    display: block; }
  .card__icon {
    width: 22.7%;
    margin-right: 10px;
    float: left; }
  .card__ttl {
    width: 77.3%;
    margin: 0 0 0 auto;
    padding-top: 0;
    line-height: 1.6;
    font-weight: bold;
    font-size: 0.85714rem; }
  .card__ttl span {
    clear: both;
    margin-left: -28%;
    padding-top: .7em;
    font-size: 0.92857rem; }
  .card__txt {
    line-height: 1.6;
    padding: .5em 0 .5em 0;
    font-size: 1rem; } }

@media (max-width: 480px) {
  .u-hidden-sp {
    display: none; } }

@media (min-width: 481px) {
  .u-hidden-pc {
    display: none; } }

/* ===============================================

    CROSS TALK

=============================================== */
.crosstalk {
  line-height: 1.75;
  letter-spacing: .06em; }

.l-frame--crosstalk {
  width: 80%; }

.pc_none {
  display: none; }

@media (max-width: 480px) {
  .l-frame--crosstalk {
    width: 85.3%; }
  .pc_none {
    display: block; } }

/* ===============================================
    CROSS TALK / HERO
=============================================== */
.hero {
  margin-top: 4em; }

.hero__title {
  display: inline-block;
  padding: 3em 0 1em 0;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.8;
  border-bottom: 4px solid #000000; }

@media (max-width: 480px) {
  .hero__title {
    padding: 1.5em 0;
    font-size: 1.8em; } }

.hero__catch {
  margin: 6em 0; }

@media (max-width: 480px) {
  .hero__catch {
    margin: 4em 0; } }

.hero__catch__by {
  width: 42%; }

.hero__catch__text {
  width: 58%; }

@media (max-width: 480px) {
  .hero__catch__by,
  .hero__catch__text {
    width: 100%; } }

.hero__catch__by {
  margin-top: 6px; }

@media (max-width: 480px) {
  .hero__catch__by {
    margin-bottom: 2em;
    font-size: 1.33em; } }

.hero__catch__text {
  font-size: 1.14em;
  line-height: 2.0; }

@media (max-width: 480px) {
  .hero__catch__text {
    font-size: 1.33em; } }

/* ===============================================
    CROSS TALK / LISTERN
=============================================== */
.listen {
  width: 47.3%; }

@media (max-width: 480px) {
  .listen {
    width: 100%;
    margin-bottom: 4em; } }

.listen--full {
  width: 100%; }

.listen__imagebox {
  width: 44.6%; }

@media (max-width: 480px) {
  .listen__imagebox {
    width: 100%;
    margin: 0 auto; } }

.listen__textbox {
  width: 50.5%; }

@media (max-width: 480px) {
  .listen__textbox {
    width: 100%; } }

.listen--sm {
  margin-bottom: 1.5em; }

@media (max-width: 480px) {
  .listen--sm {
    margin-bottom: 2em; } }

.listen--sm .listen__imagebox {
  width: 26.3%; }

@media (max-width: 480px) {
  .listen--sm .listen__imagebox {
    width: 100%; } }

.listen--sm .listen__textbox {
  width: 68.7%; }

@media (max-width: 480px) {
  .listen--sm .listen__textbox {
    width: 100%; } }

.listen--after {
  margin-bottom: 3em; }

.listen__title {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  font-weight: bold;
  font-size: 1.14em;
  border-bottom: 2px solid #000000; }

@media (max-width: 480px) {
  .listen__title {
    font-size: 1.42em; } }

.listen__imagebox__name {
  margin-top: 1.5em;
  font-weight: bold; }

@media (max-width: 480px) {
  .listen__imagebox__name {
    margin-bottom: 1em;
    font-size: 1.23em; } }

.listen__textbox__text {
  font-weight: normal;
  font-size: 0.92em;
  line-height: 1.8; }

@media (max-width: 480px) {
  .listen__textbox__text {
    font-size: 1.23em; } }

.listen__textbox__word {
  font-size: 1.14em;
  line-height: 1.75; }

@media (max-width: 480px) {
  .listen__textbox__word {
    margin-top: 1em;
    font-size: 1.23em;
    line-height: 1.75; } }

/* ===============================================
    CROSS TALK / SECTION
=============================================== */
.section {
  width: 82.5%;
  margin: 0 auto 8em; }

@media (max-width: 480px) {
  .section {
    width: 100%; } }

.section__title {
  text-align: center;
  margin: 1.5em 0;
  font-weight: bold;
  font-size: 3.28em; }

@media (max-width: 480px) {
  .section__title {
    text-align: center;
    margin: 1em 0;
    font-size: 2.66em;
    line-height: 1.6; } }

.section__subtitle {
  text-align: center; }

@media (max-width: 480px) {
  .section__subtitle {
    font-size: 1.23em; } }

.section__heading {
  text-align: center;
  margin: 1.5em 0 3em 0;
  font-weight: bold;
  font-size: 1.85em; }

@media (max-width: 480px) {
  .section__heading {
    margin: 1em 0 2em 0;
    font-size: 1.85em;
    line-height: 1.5; } }

.section__heading span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffff28));
  background: -webkit-linear-gradient(transparent 50%, #ffff28 0%);
  background: -o-linear-gradient(transparent 50%, #ffff28 0%);
  background: linear-gradient(transparent 50%, #ffff28 0%); }

@media (max-width: 480px) {
  .section__heading span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #ffff28));
    background: -webkit-linear-gradient(transparent 60%, #ffff28 0%);
    background: -o-linear-gradient(transparent 60%, #ffff28 0%);
    background: linear-gradient(transparent 60%, #ffff28 0%); } }

.section__talk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 84.5%;
  margin: 3em auto;
  -webkit-transform: translateX(-4%);
  -ms-transform: translateX(-4%);
  transform: translateX(-4%); }

@media (max-width: 480px) {
  .section__talk {
    width: 100%;
    margin: 2em 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.section__talk dt {
  text-align: right;
  width: 16%;
  font-weight: bold;
  font-size: 1.14em;
  line-height: 1.75;
  letter-spacing: .06em; }

@media (max-width: 480px) {
  .section__talk dt {
    text-align: left;
    width: 15%; } }

.section__talk dd {
  width: 84%;
  padding-left: 3em;
  font-size: 1.14em;
  line-height: 1.75;
  letter-spacing: .06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .section__talk dd {
    width: 85%;
    padding-left: 1em; } }

.section__image {
  margin: 6em auto; }

@media (max-width: 480px) {
  .section__image {
    margin: 4em auto; } }

/* ===============================================

    CROSS TALK

=============================================== */
.ciotan {
  line-height: 1.75;
  letter-spacing: .06em; }

.l-frame--ciotan {
  width: 80%; }

.pc_none {
  display: none; }

@media (max-width: 480px) {
  .l-frame--ciotan {
    width: 85.3%; }
  .pc_none {
    display: block; } }

/* ===============================================
    CROSS TALK / HERO
=============================================== */
@media (max-width: 480px) {
  .l-frame--ciotan__main {
    width: 100%; } }

.hero {
  margin-top: 4em; }

.hero__title {
  display: inline-block;
  padding: 3em 0 1em 0;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.8;
  border-bottom: 4px solid #000000; }

@media (max-width: 480px) {
  .hero__title {
    padding: 1.5em 0;
    font-size: 1.8em; } }

.hero__catch {
  margin: 6em 0; }

@media (max-width: 480px) {
  .hero__catch {
    margin: 4em 0; } }

.hero__catch__by {
  width: 42%; }

.hero__catch__text {
  width: 58%; }

@media (max-width: 480px) {
  .hero__catch__by,
  .hero__catch__text {
    width: 100%; } }

.hero__catch__by {
  margin-top: 6px; }

@media (max-width: 480px) {
  .hero__catch__by {
    margin-bottom: 2em;
    font-size: 1.33em; } }

.hero__catch__text {
  font-size: 1.14em;
  line-height: 2.0; }

@media (max-width: 480px) {
  .hero__catch__text {
    font-size: 1.33em; } }

/* ===============================================
    CROSS TALK / LISTERN
=============================================== */
.listen {
  width: 47.3%; }

@media (max-width: 480px) {
  .listen {
    width: 100%;
    margin-bottom: 4em; } }

.listen--full {
  width: 100%; }

.listen__imagebox {
  width: 44.6%; }

@media (max-width: 480px) {
  .listen__imagebox {
    width: 100%;
    margin: 0 auto; } }

.listen__textbox {
  width: 50.5%; }

@media (max-width: 480px) {
  .listen__textbox {
    width: 100%; } }

.listen__textbox {
  width: 50.5%; }

@media (max-width: 480px) {
  .listen__textbox {
    width: 100%; } }

.listen--sm {
  margin-bottom: 1.5em; }

@media (max-width: 480px) {
  .listen--sm {
    margin-bottom: 2em; } }

.listen--sm .listen__imagebox {
  width: 26.3%; }

@media (max-width: 480px) {
  .listen--sm .listen__imagebox {
    width: 100%; } }

.listen--sm .listen__textbox {
  width: 68.7%; }

@media (max-width: 480px) {
  .listen--sm .listen__textbox {
    width: 100%; } }

.listen--after {
  margin-bottom: 3em; }

.listen__title {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  font-weight: bold;
  font-size: 1.14em;
  border-bottom: 2px solid #000000; }

@media (max-width: 480px) {
  .listen__title {
    font-size: 1.42em; } }

.listen__imagebox__name {
  margin-top: 1.5em;
  font-weight: bold; }

@media (max-width: 480px) {
  .listen__imagebox__name {
    margin-bottom: 1em;
    font-size: 1.23em; } }

.listen__textbox__text {
  font-weight: normal;
  font-size: 0.92em;
  line-height: 1.8; }

@media (max-width: 480px) {
  .listen__textbox__text {
    font-size: 1.23em; } }

.listen__textbox__word {
  font-size: 1.14em;
  line-height: 1.75; }

.listen__textbox__word a {
  text-decoration: underline; }

@media (max-width: 480px) {
  .listen__textbox__word {
    margin-top: 1em;
    font-size: 1.23em;
    line-height: 1.75; } }

.listen__textbox__word__name {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 1em; }

.listen__textbox__word__name span {
  font-size: 0.7em;
  font-weight: normal; }

@media (max-width: 480px) {
  .listen__textbox__word__name {
    margin-top: 1em;
    font-size: 1.23em;
    line-height: 1.75; } }

/* ===============================================
    CROSS TALK / SECTION
=============================================== */
.section {
  width: 82.5%;
  margin: 3em auto 3em; }

@media (max-width: 480px) {
  .section {
    width: 100%;
    margin: 2em auto 8em; } }

.section__top {
  width: 82.5%;
  margin: 6em auto 4em; }

@media (max-width: 480px) {
  .section__top {
    width: 100%;
    margin: 4em auto 4em; } }

.section__last {
  width: 82.5%;
  margin: 8em auto 8em; }

@media (max-width: 480px) {
  .section__last {
    width: 100%;
    margin: 4em auto 4em; } }

.section__title {
  text-align: center;
  margin: 0 0;
  font-weight: bold;
  font-size: 1.5em; }

@media (max-width: 480px) {
  .section__title {
    text-align: center;
    margin: 0 0;
    font-size: 1.8em;
    line-height: 1.6; } }

.section__subtitle {
  text-align: center; }

@media (max-width: 480px) {
  .section__subtitle {
    font-size: 1.23em; } }

.section__heading {
  text-align: center;
  margin: 1.5em 0 3em 0;
  font-weight: bold;
  font-size: 1.85em; }

@media (max-width: 480px) {
  .section__heading {
    margin: 1em 0 2em 0;
    font-size: 1.85em;
    line-height: 1.5; } }

.section__heading span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffff28));
  background: -webkit-linear-gradient(transparent 50%, #ffff28 0%);
  background: -o-linear-gradient(transparent 50%, #ffff28 0%);
  background: linear-gradient(transparent 50%, #ffff28 0%); }

@media (max-width: 480px) {
  .section__heading span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #ffff28));
    background: -webkit-linear-gradient(transparent 60%, #ffff28 0%);
    background: -o-linear-gradient(transparent 60%, #ffff28 0%);
    background: linear-gradient(transparent 60%, #ffff28 0%); } }

.section__text {
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 3em auto;
  width: 84%;
  font-size: 1.4em;
  line-height: 1.75;
  letter-spacing: .06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left; }

.section__text__under_line {
  border-bottom: 1px #000000 solid;
  padding-bottom: 3em; }

@media (max-width: 480px) {
  .section__text {
    width: 100%;
    margin: 2em 0; } }

@media (max-width: 480px) {
  .section__text__under_line {
    padding-bottom: 5em; } }

.section__talk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 84.5%;
  margin: 3em auto;
  -webkit-transform: translateX(-4%);
  -ms-transform: translateX(-4%);
  transform: translateX(-4%); }

@media (max-width: 480px) {
  .section__talk {
    width: 100%;
    margin: 2em 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.section__talk dt {
  text-align: right;
  width: 16%;
  font-weight: bold;
  font-size: 1.14em;
  line-height: 1.75;
  letter-spacing: .06em; }

@media (max-width: 480px) {
  .section__talk dt {
    text-align: left;
    width: 15%; } }

.section__talk dd {
  width: 84%;
  font-size: 1.14em;
  line-height: 1.75;
  letter-spacing: .06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .section__talk dd {
    width: 85%; } }

.section__image {
  margin: 6em auto; }

@media (max-width: 480px) {
  .section__image {
    margin: 4em auto; } }

/* ===============================================
    SNS BUTTON
=============================================== */
.m-sns-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 2px 0;
  text-align: center;
  font-family: "Custom Yu Gothic","YuGothic","Yu Gothic",Hiragino Sans,Hiragino Kaku Gothic ProN,"Meiryo",sans-serif; }

.m-sns-buttons li:not(:last-child) {
  margin-right: 2rem; }

.m-sns-buttons li {
  display: block;
  width: 82px;
  vertical-align: middle;
  zoom: 1; }

.m-sns-buttons .sns-balloon {
  position: relative;
  margin-bottom: 8px;
  background: #fff;
  border: solid 1px #bbb;
  font-family: Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;
  padding: 10px 0;
  color: #767676;
  font-size: 13px;
  font-size: 1rem;
  line-height: 1; }

.m-sns-buttons .sns-button {
  padding: 5px 0 7px;
  font-size: 11px;
  font-size: .8rem;
  color: #fff;
  line-height: 10px;
  letter-spacing: 0;
  text-decoration: none; }

.m-sns-buttons .sns-balloon,
.m-sns-buttons .sns-button {
  text-decoration: none;
  display: block;
  text-align: center;
  border-radius: 3px; }

.m-sns-buttons a {
  -webkit-transition: opacity .4s ease 0s;
  -o-transition: opacity .4s ease 0s;
  transition: opacity .4s ease 0s; }

.m-sns-buttons .icon {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'social';
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.m-sns-buttons .sns-balloon:after,
.m-sns-buttons .sns-balloon:before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.m-sns-buttons .sns-balloon:before {
  bottom: -6px;
  border-top: 5px solid #bbb; }

.m-sns-buttons .fab {
  padding-right: 6px; }

.m-sns-buttons .twitter .icon:after {
  content: '\f099'; }

.m-sns-buttons .facebook .icon:after {
  content: '\f39e'; }

.m-sns-buttons .pocket .icon:after {
  content: '\f265'; }

.m-sns-buttons .twitter .sns-button {
  background: #1b95e0; }

.m-sns-buttons .facebook .sns-button {
  background: #4267b2; }

.m-sns-buttons .pocket .sns-button {
  background: #f04357; }