@charset "UTF-8";
/***************************************


カラー


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


段落文章基本


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


背景画像用のメディアクリエイ
*Retinaディスプレイかどうかの判別


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


ブレイクポイント mixin


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


IEハック用mixin


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

ラインロールオーバー mixin

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

詳しく見るボタン

// f829＝右矢印
// f828=左矢印

****************************************/
_:-ms-input-placeholder .DetailsBt__LinkBox-text,
:root .DetailsBt__LinkBox-text {
  padding-top: 5px; }

.DetailsBt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #225f9e;
  width: 100%; }
  .DetailsBt a {
    position: relative;
    z-index: 2;
    padding: 20px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    color: white;
    width: 100%;
    text-align: center;
    position: relative; }
    .DetailsBt a::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      /*初期状態では下線非表示*/
      height: 55px;
      /*下線の高さ*/
      background: #d1e7f5;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .DetailsBt a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .DetailsBt a:hover::before {
        color: #225f9e; }
      .DetailsBt a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
      .DetailsBt a:hover .DetailsBt__LinkBox-text {
        color: white;
        position: relative;
        z-index: 2; }
      .DetailsBt a:hover .DetailsBt__LinkBox-text--white {
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt a:hover .CircleArrow--navy {
        background-color: white;
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt a:hover .CircleArrow--white {
        background-color: #225f9e;
        color: white;
        position: relative;
        z-index: 2; }
    .DetailsBt a::before {
      font-family: 'orion-font';
      content: '\f829';
      color: white;
      font-size: 16px;
      position: relative;
      z-index: 2;
      margin-right: 5px; }
  .DetailsBt a {
    color: #fff; }
    .DetailsBt a:hover {
      color: #225f9e !important; }
    .DetailsBt a:visited {
      color: white; }

.DetailsBt-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #225f9e;
  width: auto;
  background-color: #225f9e;
  width: 100%; }
  .DetailsBt-reverse a {
    position: relative;
    z-index: 2;
    padding: 20px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    color: white;
    width: auto;
    text-align: center;
    position: relative; }
    .DetailsBt-reverse a::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      /*初期状態では下線非表示*/
      height: 55px;
      /*下線の高さ*/
      background: #d1e7f5;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .DetailsBt-reverse a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .DetailsBt-reverse a:hover::before {
        color: #225f9e; }
      .DetailsBt-reverse a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
      .DetailsBt-reverse a:hover .DetailsBt__LinkBox-text {
        color: white;
        position: relative;
        z-index: 2; }
      .DetailsBt-reverse a:hover .DetailsBt__LinkBox-text--white {
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-reverse a:hover .CircleArrow--navy {
        background-color: white;
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-reverse a:hover .CircleArrow--white {
        background-color: #225f9e;
        color: white;
        position: relative;
        z-index: 2; }
    .DetailsBt-reverse a::before {
      font-family: 'orion-font';
      content: '\f829';
      color: white;
      font-size: 16px;
      position: relative;
      z-index: 2;
      margin-right: 5px; }
  .DetailsBt-reverse a {
    color: white;
    width: 100%;
    text-align: center; }
    .DetailsBt-reverse a::before {
      content: '\f828';
      color: white; }
  .DetailsBt-reverse a {
    color: #fff; }
    .DetailsBt-reverse a:hover {
      color: #225f9e !important; }
    .DetailsBt-reverse a:visited {
      color: white; }

.DetailsBt-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  width: 100%; }
  .DetailsBt-white a {
    position: relative;
    z-index: 2;
    padding: 20px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    color: #225f9e;
    width: 100%;
    text-align: center;
    position: relative; }
    .DetailsBt-white a::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      /*初期状態では下線非表示*/
      height: 55px;
      /*下線の高さ*/
      background: #d1e7f5;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .DetailsBt-white a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .DetailsBt-white a:hover::before {
        color: #225f9e; }
      .DetailsBt-white a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
      .DetailsBt-white a:hover .DetailsBt__LinkBox-text {
        color: white;
        position: relative;
        z-index: 2; }
      .DetailsBt-white a:hover .DetailsBt__LinkBox-text--white {
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-white a:hover .CircleArrow--navy {
        background-color: white;
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-white a:hover .CircleArrow--white {
        background-color: #225f9e;
        color: white;
        position: relative;
        z-index: 2; }
    .DetailsBt-white a::before {
      font-family: 'orion-font';
      content: '\f829';
      color: #225f9e;
      font-size: 16px;
      position: relative;
      z-index: 2;
      margin-right: 5px; }

.DetailsBt-white-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  width: 100%; }
  .DetailsBt-white-email a {
    position: relative;
    z-index: 2;
    padding: 20px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    color: #225f9e;
    width: 100%;
    text-align: center;
    position: relative; }
    .DetailsBt-white-email a::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      /*初期状態では下線非表示*/
      height: 55px;
      /*下線の高さ*/
      background: #d1e7f5;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .DetailsBt-white-email a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .DetailsBt-white-email a:hover::before {
        color: #225f9e; }
      .DetailsBt-white-email a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
      .DetailsBt-white-email a:hover .DetailsBt__LinkBox-text {
        color: white;
        position: relative;
        z-index: 2; }
      .DetailsBt-white-email a:hover .DetailsBt__LinkBox-text--white {
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-white-email a:hover .CircleArrow--navy {
        background-color: white;
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-white-email a:hover .CircleArrow--white {
        background-color: #225f9e;
        color: white;
        position: relative;
        z-index: 2; }
    .DetailsBt-white-email a::before {
      font-family: 'orion-font';
      content: '\f829';
      color: #225f9e;
      font-size: 16px;
      position: relative;
      z-index: 2;
      margin-right: 5px; }
  .DetailsBt-white-email a::before {
    content: '\f81a'; }

.DetailsBt-white-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  width: 100%; }
  .DetailsBt-white-download a {
    position: relative;
    z-index: 2;
    padding: 20px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    color: #225f9e;
    width: 100%;
    text-align: center;
    position: relative; }
    .DetailsBt-white-download a::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      /*初期状態では下線非表示*/
      height: 55px;
      /*下線の高さ*/
      background: #d1e7f5;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .DetailsBt-white-download a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .DetailsBt-white-download a:hover::before {
        color: #225f9e; }
      .DetailsBt-white-download a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
      .DetailsBt-white-download a:hover .DetailsBt__LinkBox-text {
        color: white;
        position: relative;
        z-index: 2; }
      .DetailsBt-white-download a:hover .DetailsBt__LinkBox-text--white {
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-white-download a:hover .CircleArrow--navy {
        background-color: white;
        color: #225f9e;
        position: relative;
        z-index: 2; }
      .DetailsBt-white-download a:hover .CircleArrow--white {
        background-color: #225f9e;
        color: white;
        position: relative;
        z-index: 2; }
    .DetailsBt-white-download a::before {
      font-family: 'orion-font';
      content: '\f829';
      color: #225f9e;
      font-size: 16px;
      position: relative;
      z-index: 2;
      margin-right: 5px; }
  .DetailsBt-white-download a::before {
    content: '\f814'; }

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

詳しく見るボタン　テキストのみ

****************************************/
.textBt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .textBt a {
    font-weight: bold;
    color: #225f9e;
    position: relative;
    z-index: 2;
    font-size: 1.4rem;
    letter-spacing: 4px;
    position: relative; }
    .textBt a::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -5px;
      /*テキストからの距離*/
      width: 0%;
      /*初期状態では下線非表示*/
      height: 1px;
      /*下線の高さ*/
      background: #225f9e;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.25s;
      transition: 0.25s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .textBt a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .textBt a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
    .textBt a::before {
      font-family: 'orion-font';
      content: '\f829';
      color: #225f9e;
      font-size: 1.6rem;
      position: relative;
      z-index: 2;
      margin-right: 5px; }

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

丸矢印アイコン

****************************************/
.CircleArrow--navy, .CircleArrow--navy--big, .CircleArrow--white {
  font-size: 1.4rem;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  text-align: center;
  padding-top: 2px; }

.CircleArrow--navy {
  background-color: #225f9e;
  color: white; }

.CircleArrow--navy--big {
  background-color: #225f9e;
  color: white;
  font-size: 30px;
  height: 60px;
  width: 60px;
  padding-top: 14px; }

.CircleArrow--white {
  background-color: white;
  color: #225f9e; }

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

薄くなるホバー mixin

****************************************/
.hover-opacity a {
  -webkit-transition: 0.6s;
  transition: 0.6s; }
  .hover-opacity a:hover {
    opacity: 0.5; }

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

画像に矢印アイコン表示ホバー・mixin

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

タグボタン

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

フォームボタン

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


フォント設定


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


リスト表示


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


引用テキスト


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


お問い合わせフォーム注意文言


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


アイコンテキスト


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


記事ヒット数


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

absoluteでx軸センター

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

コンテンツ幅（中央寄せ）

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

flexボックス　全体をセンター寄せで最後を左寄せに
https://codepen.io/wintyo/pen/WmPQzg

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


H1-H2-タイトル


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


H2-タイトル


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


H3-タイトル


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


H4-タイトル


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


H5-タイトル


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


H6-タイトル


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


フッターとコンテンツの間のマージン


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


マージン調整系クラス（基本設定）


****************************************/
.ptS {
  padding-top: 20px; }

.ptM {
  padding-top: 40px; }

.ptL {
  padding-top: 60px; }

.ptLL {
  padding-top: 80px; }

.ptLLL {
  padding-top: 120px; }

.pbS {
  padding-bottom: 20px; }

.pbM {
  padding-bottom: 40px; }

.pbL {
  padding-bottom: 60px; }

.pbLL {
  padding-bottom: 80px; }

.pbLLL {
  padding-bottom: 120px; }

.mtS {
  margin-top: 20px; }

.mtM {
  margin-top: 40px; }

.mtL {
  margin-top: 60px; }

.mtLL {
  margin-top: 80px; }

.mtLLL {
  margin-top: 120px; }

.mbS {
  margin-bottom: 20px; }

.mbM {
  margin-bottom: 40px; }

.mbL {
  margin-bottom: 60px; }

.mbLL {
  margin-bottom: 80px; }

.mbLLL {
  margin-bottom: 120px; }

.mtbS {
  margin: 20px 0; }

.mtbSM {
  margin: 30px 0; }

.mtbM {
  margin: 40px 0; }

.mtbL {
  margin: 60px 0; }

.mtbLL {
  margin: 80px 0; }

.mtbLLL {
  margin: 120px 0; }

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

テキストフォーム

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

テキストエリア

****************************************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  line-height: 100%; }

a {
  color: black; }
  a:visited {
    color: black; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

img {
  -webkit-backface-visibility: hidden; }

html {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%; }

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom; }

body {
  height: 100%; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none; }

input,
textarea {
  margin: 0;
  padding: 0; }

ol,
ul {
  list-style: none; }

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

a {
  display: inline-block;
  text-decoration: none; }

object {
  pointer-events: none; }

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.main {
  position: relative; }

.both {
  clear: both; }

.main {
  position: relative; }

.wrap {
  overflow: hidden; }

.wrapper {
  position: relative;
  overflow: hidden;
  word-break: break-all; }

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

基本フォント読み込み

****************************************/
body {
  color: black;
  font-family: 'NotoSans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
  font-weight: 400; }

strong {
  font-family: 'NotoSans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
  font-weight: 700; }

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

基本フォントサイズ

****************************************/
html {
  font-size: 62.5%; }
  html body {
    font-size: 1.6rem;
    line-height: 1.5; }

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


フォントの読み込み


****************************************/
@font-face {
  font-family: 'copperplate_gothic';
  font-style: normal;
  font-weight: 400;
  src: url("asset/fonts/copperplate_gothic_bold.woff2") format("woff2"), url("asset/fonts/copperplate_gothic_bold.woff") format("woff"), url("asset/fonts/copperplate_gothic_bold.ttf") format("truetype"), url("asset/fonts/copperplate_gothic_bold.eot") format("embedded-opentype");
  font-display: swap; }

@font-face {
  font-family: 'NotoSerif';
  font-style: normal;
  font-weight: 400;
  src: url("asset/fonts/NotoSerifCJKjp-Regular_subset.woff2") format("woff2"), url("asset/fonts/NotoSerifCJKjp-Regular_subset.woff") format("woff"), url("asset/fonts/NotoSerifCJKjp-Regular_subset.ttf") format("truetype"), url("asset/fonts/NotoSerifCJKjp-Regular_subset.eot") format("embedded-opentype");
  font-display: swap; }

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

@font-face {
  font-family: 'NotoSans';
  font-style: bold;
  font-weight: 700;
  src: url("asset/fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("asset/fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("asset/fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("asset/fonts/NotoSansCJKjp-Bold.eot") format("embedded-opentype");
  font-display: swap; }

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

[data-icon]::before {
  content: attr(data-icon); }

.o-align-bottom-1::before,
.o-angle-down-1::before,
.o-angle-down-circle-1::before,
.o-angle-down-circle-2::before,
.o-angle-left-1::before,
.o-angle-left-circle-1::before,
.o-angle-left-circle-2::before,
.o-angle-right-1::before,
.o-angle-right-circle-1::before,
.o-angle-right-circle-2::before,
.o-angle-up-1::before,
.o-angle-up-circle-1::before,
.o-angle-up-circle-2::before,
.o-audio-call-1::before,
.o-chat-1::before,
.o-checkbox-square-1::before,
.o-envelope-1::before,
.o-facebook-1::before,
.o-message-bubble-1::before,
.o-orion_instagram-1::before,
.o-question-help-1::before,
.o-twitter-1::before,
.o-youtube-1::before {
  display: inline-block;
  font-family: 'orion-font';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.o-align-bottom-1::before {
  content: '\f814'; }

.o-angle-down-1::before {
  content: '\f815'; }

.o-angle-down-circle-1::before {
  content: '\f81f'; }

.o-angle-down-circle-2::before {
  content: '\f827'; }

.o-angle-left-1::before {
  content: '\f816'; }

.o-angle-left-circle-1::before {
  content: '\f820'; }

.o-angle-left-circle-2::before {
  content: '\f828'; }

.o-angle-right-1::before {
  content: '\f817'; }

.o-angle-right-circle-1::before {
  content: '\f821'; }

.o-angle-right-circle-2::before {
  content: '\f829'; }

.o-angle-up-1::before {
  content: '\f818'; }

.o-angle-up-circle-1::before {
  content: '\f822'; }

.o-angle-up-circle-2::before {
  content: '\f82a'; }

.o-audio-call-1::before {
  content: '\f819'; }

.o-chat-1::before {
  content: '\f826'; }

.o-checkbox-square-1::before {
  content: '\f824'; }

.o-envelope-1::before {
  content: '\f81a'; }

.o-facebook-1::before {
  content: '\f81b'; }

.o-message-bubble-1::before {
  content: '\f823'; }

.o-orion_instagram-1::before {
  content: '\f81c'; }

.o-question-help-1::before {
  content: '\f805'; }

.o-twitter-1::before {
  content: '\f81d'; }

.o-youtube-1::before {
  content: '\f81e'; }

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


グローバルナビ PC


****************************************/
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 35px 30px;
  background-color: #fff;
  position: relative;
  z-index: 9999;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  opacity: 0; }
  .header .HeaderLogo a {
    -webkit-transition: 0.6s;
    transition: 0.6s; }
    .header .HeaderLogo a:hover {
      opacity: 0.5; }
  .header .HeaderLogo__linkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header .HeaderLogo__logoImg {
    padding-right: 20px; }
  .header .HeaderLogo__text {
    font-size: 1.6rem;
    font-weight: bold; }
  .header .headerNavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header .headerNavi .HeaderMenu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .header .headerNavi .HeaderMenu__linkBox {
        text-align: center; }
      .header .headerNavi .HeaderMenu__text--jp {
        font-size: 1.4rem;
        font-weight: bold;
        padding-bottom: 3px;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .header .headerNavi .HeaderMenu__text--en {
        font-size: 10px;
        color: #d1e7f5;
        font-family: 'copperplate_gothic';
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .header .headerNavi .HeaderMenu li {
        padding-right: 45px; }
        .header .headerNavi .HeaderMenu li a {
          position: relative; }
          .header .headerNavi .HeaderMenu li a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -5px;
            /*テキストからの距離*/
            width: 0%;
            /*初期状態では下線非表示*/
            height: 1px;
            /*下線の高さ*/
            background: #225f9e;
            /*下線の色*/
            z-index: -1;
            -webkit-transition: 0.25s;
            transition: 0.25s;
            /*アニメーション速度*/
            -webkit-transition-timing-function: ease-in-out;
                    transition-timing-function: ease-in-out; }
          .header .headerNavi .HeaderMenu li a:hover {
            -webkit-transition: 0.25s;
            transition: 0.25s;
            color: #225f9e; }
            .header .headerNavi .HeaderMenu li a:hover::after {
              width: 100%;
              /*hover時に表示*/ }
          .header .headerNavi .HeaderMenu li a:hover {
            opacity: 1; }
            .header .headerNavi .HeaderMenu li a:hover .HeaderMenu__text--jp,
            .header .headerNavi .HeaderMenu li a:hover .HeaderMenu__text--en {
              color: #225f9e; }
        .header .headerNavi .HeaderMenu li .current::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -10px;
          /*テキストからの距離*/
          width: 100%;
          /*初期状態では下線非表示*/
          height: 1px;
          /*下線の高さ*/
          background: #225f9e;
          /*下線の色*/
          z-index: -1; }
        .header .headerNavi .HeaderMenu li .current .HeaderMenu__text--jp,
        .header .headerNavi .HeaderMenu li .current .HeaderMenu__text--en {
          color: #225f9e; }
      .header .headerNavi .HeaderMenu .zyubityuNavi {
        opacity: 0.3; }
      .header .headerNavi .HeaderMenu .zyubityuNaviEn {
        opacity: 0.3;
        color: black;
        font-family: 'NotoSans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic'; }
    .header .headerNavi .HeaderContact {
      background-color: #225f9e; }
      .header .headerNavi .HeaderContact__LinkBox {
        padding: 12px 22px;
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .header .headerNavi .HeaderContact__icon {
        display: block;
        font-size: 2rem;
        padding-right: 10px; }
      .header .headerNavi .HeaderContact__text {
        display: block;
        font-size: 1.4rem; }
      .header .headerNavi .HeaderContact__LinkBox {
        position: relative; }
        .header .headerNavi .HeaderContact__LinkBox::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 0%;
          /*初期状態では下線非表示*/
          height: 45px;
          /*下線の高さ*/
          background-color: #d1e7f5;
          /*下線の色*/
          z-index: 1;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          /*アニメーション速度*/
          -webkit-transition-timing-function: ease-in-out;
                  transition-timing-function: ease-in-out; }
        .header .headerNavi .HeaderContact__LinkBox:hover {
          -webkit-transition: 0.25s;
          transition: 0.25s; }
          .header .headerNavi .HeaderContact__LinkBox:hover::after {
            width: 100%;
            /*hover時に表示*/ }
          .header .headerNavi .HeaderContact__LinkBox:hover .HeaderContact__text {
            color: #225f9e;
            position: relative;
            z-index: 2; }
          .header .headerNavi .HeaderContact__LinkBox:hover .HeaderContact__icon {
            color: #225f9e;
            color: #225f9e;
            position: relative;
            z-index: 2; }

.fixed {
  position: fixed;
  padding: 10px 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

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

スマホ　ハンバーガーメニュー

****************************************/
.SpHeaderNavi {
  display: none; }
  .SpHeaderNavi a {
    display: block;
    height: 20px; }
    .SpHeaderNavi a .menu-trigger {
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      position: relative;
      height: 14px;
      width: 25px; }
      .SpHeaderNavi a .menu-trigger span {
        display: inline-block;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: black;
        border-radius: 1px; }
        .SpHeaderNavi a .menu-trigger span:nth-of-type(1) {
          top: 0px; }
        .SpHeaderNavi a .menu-trigger span:nth-of-type(2) {
          top: 8px; }
        .SpHeaderNavi a .menu-trigger span:nth-of-type(3) {
          top: 16px; }
    .SpHeaderNavi a .active {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }
      .SpHeaderNavi a .active span:nth-of-type(1) {
        -webkit-transform: translateY(10px) rotate(-45deg);
                transform: translateY(10px) rotate(-45deg);
        background-color: black; }
      .SpHeaderNavi a .active span:nth-of-type(2) {
        -webkit-transform: translateY(0) rotate(45deg);
                transform: translateY(0) rotate(45deg);
        background-color: black;
        top: 10px; }
      .SpHeaderNavi a .active span:nth-of-type(3) {
        opacity: 0; }

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


 オーバレイメニュー


 ****************************************/
.SpOverlay {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  margin-left: -10px;
  z-index: 1000;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100vh; }
  .SpOverlay .spGlobalNavi {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    width: 100%;
    height: 100vh;
    background: white;
    margin-left: 60px;
    padding: 100px 60px;
    border-left: 1px solid #ccc;
    background-image: url("asset/images/common/logo_back.png");
    background-repeat: no-repeat;
    background-position: 10vw bottom; }
  .SpOverlay .SpGlobalMenu {
    padding-bottom: 40px; }
    .SpOverlay .SpGlobalMenu li {
      padding-bottom: 40px; }
    .SpOverlay .SpGlobalMenu__text--jp {
      font-size: 2.4rem;
      color: black;
      letter-spacing: 4px;
      font-weight: bold;
      padding-bottom: 3px;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out;
      -webkit-transition-delay: 0.3s;
              transition-delay: 0.3s;
      margin-left: -30px;
      opacity: 0; }
    .SpOverlay .SpGlobalMenu__text--en {
      font-size: 10px;
      color: #d1e7f5;
      opacity: 0;
      font-family: 'copperplate_gothic';
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out;
      -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s;
      margin-left: 10px;
      opacity: 0; }
    .SpOverlay .SpGlobalMenu .zyubityuNavi {
      color: #b3b3b3; }
    .SpOverlay .SpGlobalMenu .zyubityuNaviEn {
      color: #b3b3b3;
      font-family: 'NotoSans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic'; }
  .SpOverlay .SpHeaderContact {
    width: 100%;
    background-color: #225f9e;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /*アニメーション速度*/
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
    opacity: 0;
    margin-top: 20px; }
    .SpOverlay .SpHeaderContact a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 20px; }
      .SpOverlay .SpHeaderContact a span {
        color: white;
        font-weight: bold; }
  .SpOverlay .motion {
    margin-left: 0; }
    .SpOverlay .motion .SpGlobalMenu li .SpGlobalMenu__text--jp {
      margin-left: 0;
      opacity: 1; }
    .SpOverlay .motion .SpGlobalMenu li .SpGlobalMenu__text--en {
      margin-left: 0;
      opacity: 1; }
    .SpOverlay .motion .SpHeaderContact {
      opacity: 1;
      margin-top: 0; }

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


フッター


****************************************/
.mtNone {
  margin-top: 0; }

footer {
  position: relative; }
  footer .FooterContact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    footer .FooterContact .FooterContact__Box--navy1, footer .FooterContact .FooterContact__Box--navy2, footer .FooterContact .FooterContact__Box--navy3 {
      width: calc(100% / 3);
      padding: 50px 80px 50px; }
    footer .FooterContact__Box--navy1 {
      background-color: #12477d; }
    footer .FooterContact__Box--navy2 {
      background-color: #0b3967; }
    footer .FooterContact__Box--navy3 {
      background-color: #07294e; }
    footer .FooterContact__Title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 20px; }
    footer .FooterContact__Title-icon {
      color: white;
      font-size: 32px;
      padding-right: 10px; }
    footer .FooterContact__Title-text {
      color: white;
      font-size: 2rem;
      font-weight: bold;
      letter-spacing: 2px; }
    footer .FooterContact__outline {
      color: white;
      text-align: center;
      font-size: 1.4rem;
      line-height: 200%;
      padding-bottom: 30px; }
  footer .FooterTel {
    width: 100%;
    padding: 40px;
    text-align: center; }
    footer .FooterTel__Num {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    footer .FooterTel__Num-icon {
      color: #12477d;
      font-size: 48px;
      padding-right: 10px; }
    footer .FooterTel__Num-telNum {
      color: #12477d;
      font-size: 48px;
      font-weight: bold;
      letter-spacing: 4px;
      padding-bottom: 10px; }
    footer .FooterTel__time {
      font-size: 1.2rem; }
  footer .FooterMailmagazine a {
    -webkit-transition: 0.6s;
    transition: 0.6s; }
    footer .FooterMailmagazine a:hover {
      opacity: 0.5; }
  footer .FooterMailmagazine a {
    width: 100%;
    height: 200px;
    background: right;
    background-image: url(asset/images/common/mailmagazine_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
    footer .FooterMailmagazine a .subcopy {
      font-family: 'NotoSerif';
      font-weight: '$weight';
      font-size: 14px;
      letter-spacing: 10;
      padding-bottom: 8px;
      padding-top: 60px;
      padding-left: 60px; }
    footer .FooterMailmagazine a .TopTitleBox__jpTitle-icon {
      border-bottom: none;
      letter-spacing: 16;
      color: #0b3967;
      padding-left: 60px; }
  footer .footerSiteMap {
    background-color: #12477d; }
  footer .footerSiteMapAdress {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 70px 0; }
    footer .footerSiteMapAdress__logo {
      padding-right: 40px; }
    footer .footerSiteMapAdress__text {
      font-size: 1.2rem;
      color: white;
      line-height: 150%;
      padding-right: 40px; }
    footer .footerSiteMapAdress__sns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      footer .footerSiteMapAdress__sns li {
        padding-right: 20px; }
        footer .footerSiteMapAdress__sns li:last-child {
          padding-right: 0; }
        footer .footerSiteMapAdress__sns li a {
          color: white;
          font-size: 2.4rem; }
        footer .footerSiteMapAdress__sns li a {
          -webkit-transition: 0.6s;
          transition: 0.6s; }
          footer .footerSiteMapAdress__sns li a:hover {
            opacity: 0.5; }
  footer .FooterSiteMapLink {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    footer .FooterSiteMapLink__ListBox {
      width: 23.5%;
      border-top: 1px solid white;
      margin-right: 2%;
      margin-bottom: 50px;
      padding-top: 30px; }
      footer .FooterSiteMapLink__ListBox:nth-child(4n) {
        margin-right: 0; }
    footer .FooterSiteMapLink__ListBox-parent {
      padding-bottom: 20px; }
      footer .FooterSiteMapLink__ListBox-parent a {
        color: white;
        font-weight: bold;
        letter-spacing: 2px;
        position: relative; }
        footer .FooterSiteMapLink__ListBox-parent a::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -5px;
          /*テキストからの距離*/
          width: 0%;
          /*初期状態では下線非表示*/
          height: 1px;
          /*下線の高さ*/
          background: white;
          /*下線の色*/
          z-index: -1;
          -webkit-transition: 0.25s;
          transition: 0.25s;
          /*アニメーション速度*/
          -webkit-transition-timing-function: ease-in-out;
                  transition-timing-function: ease-in-out; }
        footer .FooterSiteMapLink__ListBox-parent a:hover {
          -webkit-transition: 0.25s;
          transition: 0.25s;
          color: #225f9e; }
          footer .FooterSiteMapLink__ListBox-parent a:hover::after {
            width: 100%;
            /*hover時に表示*/ }
        footer .FooterSiteMapLink__ListBox-parent a:hover {
          opacity: 0.5;
          color: white; }
      footer .FooterSiteMapLink__ListBox-parent span {
        color: white;
        opacity: 0.3;
        font-weight: bold;
        letter-spacing: 2px; }
    footer .FooterSiteMapLink__ListBox-child {
      padding-bottom: 10px; }
      footer .FooterSiteMapLink__ListBox-child a {
        color: white;
        font-size: 1.2rem;
        letter-spacing: 1px;
        margin-left: 15px;
        position: relative; }
        footer .FooterSiteMapLink__ListBox-child a::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -5px;
          /*テキストからの距離*/
          width: 0%;
          /*初期状態では下線非表示*/
          height: 1px;
          /*下線の高さ*/
          background: white;
          /*下線の色*/
          z-index: -1;
          -webkit-transition: 0.25s;
          transition: 0.25s;
          /*アニメーション速度*/
          -webkit-transition-timing-function: ease-in-out;
                  transition-timing-function: ease-in-out; }
        footer .FooterSiteMapLink__ListBox-child a:hover {
          -webkit-transition: 0.25s;
          transition: 0.25s;
          color: #225f9e; }
          footer .FooterSiteMapLink__ListBox-child a:hover::after {
            width: 100%;
            /*hover時に表示*/ }
        footer .FooterSiteMapLink__ListBox-child a:hover {
          opacity: 0.5;
          color: white; }
      footer .FooterSiteMapLink__ListBox-child span {
        color: white;
        opacity: 0.3;
        font-size: 1.2rem;
        letter-spacing: 1px;
        margin-left: 15px; }
  footer .FooterSiteMapSubLink {
    width: 100%;
    background-color: #0b3967;
    padding: 25px 0; }
    footer .FooterSiteMapSubLink__listBox {
      width: 90%;
      margin: 0 auto; }
      footer .FooterSiteMapSubLink__listBox li a {
        color: white;
        font-size: 1.4rem;
        position: relative; }
        footer .FooterSiteMapSubLink__listBox li a::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -5px;
          /*テキストからの距離*/
          width: 0%;
          /*初期状態では下線非表示*/
          height: 1px;
          /*下線の高さ*/
          background: white;
          /*下線の色*/
          z-index: -1;
          -webkit-transition: 0.25s;
          transition: 0.25s;
          /*アニメーション速度*/
          -webkit-transition-timing-function: ease-in-out;
                  transition-timing-function: ease-in-out; }
        footer .FooterSiteMapSubLink__listBox li a:hover {
          -webkit-transition: 0.25s;
          transition: 0.25s;
          color: #225f9e; }
          footer .FooterSiteMapSubLink__listBox li a:hover::after {
            width: 100%;
            /*hover時に表示*/ }
  footer small {
    text-align: center;
    color: white;
    display: block;
    width: 100%;
    background-color: #07294e;
    padding: 100px 0; }

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


ページの先頭に戻るボタン


****************************************/
.PageTopBt {
  position: fixed;
  right: 20px; }

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


ページフレーム共通


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

ページINDEXリスト表示

****************************************/
.ContentsThumnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ContentsThumnail--CenterBox {
    width: 100%;
    max-width: 1538px;
    margin: 0 auto;
    padding: 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 180px; }
  .ContentsThumnail__ListBox {
    max-width: 446px;
    width: 31%;
    margin-right: 3.5%;
    -webkit-transition: 1s;
    transition: 1s;
    margin-bottom: 60px; }
    .ContentsThumnail__ListBox:last-child, .ContentsThumnail__ListBox:nth-last-child(2), .ContentsThumnail__ListBox:nth-last-child(3) {
      margin-bottom: 0; }
    .ContentsThumnail__ListBox:nth-child(3n) {
      margin-right: 0; }
  .ContentsThumnail__ListBox-thumImg {
    margin-bottom: 20px; }
    .ContentsThumnail__ListBox-thumImg img {
      width: 100%; }
  .ContentsThumnail__ListBox-titleJp {
    font-size: 1.6rem;
    letter-spacing: 4px;
    margin-bottom: 5px; }
  .ContentsThumnail__ListBox-titleJp--zyunbi {
    font-size: 1.6rem;
    letter-spacing: 4px;
    margin-bottom: 5px;
    opacity: 0.3; }
  .ContentsThumnail__ListBox-titleEn {
    font-family: copperplate_gothic;
    font-size: 10px;
    color: #d1e7f5;
    margin-bottom: 15px; }
  .ContentsThumnail__ListBox-text {
    font-size: 1.4rem;
    line-height: 160%; }
  .ContentsThumnail__ListBox-text--zyunbi {
    font-size: 1.4rem;
    line-height: 160%;
    opacity: 0.3; }
  .ContentsThumnail__ListBox a .hoverImg {
    position: relative;
    overflow: hidden;
    background-color: white;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .ContentsThumnail__ListBox a .hoverImg img {
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .ContentsThumnail__ListBox a .hoverImg::after {
      opacity: 0;
      content: 'more';
      font-family: 'copperplate_gothic';
      position: absolute;
      display: block;
      font-size: 10px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 100px; }
    .ContentsThumnail__ListBox a .hoverImg::before {
      opacity: 0;
      content: '\f821';
      font-family: 'orion-font';
      position: absolute;
      display: block;
      font-size: 32px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 20px; }
  .ContentsThumnail__ListBox a:hover .hoverImg {
    background-color: #07294e; }
    .ContentsThumnail__ListBox a:hover .hoverImg img {
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      opacity: 0.1; }
    .ContentsThumnail__ListBox a:hover .hoverImg::after {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 55px; }
    .ContentsThumnail__ListBox a:hover .hoverImg::before {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 0; }
  .ContentsThumnail__ListBox a:hover .ContentsThumnail__ListBox-titleJp,
  .ContentsThumnail__ListBox a:hover .ContentsThumnail__ListBox-text,
  .ContentsThumnail__ListBox a:hover .ContentsThumnail__ListBox-titleEn {
    color: #225f9e;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

.thumImg-line {
  border: 1px solid #e4e4e4; }

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

その他ページ遷移ナビ

****************************************/
.EtcLinkList {
  background-color: #d1e7f5;
  margin-top: 150px;
  padding-top: 150px;
  padding-bottom: 150px; }
  .EtcLinkList__TitleJp {
    padding-left: 60px;
    font-size: 2.4rem;
    letter-spacing: 4px;
    margin-bottom: 5px; }
  .EtcLinkList__TitleEn {
    font-family: copperplate_gothic;
    font-size: 10px;
    padding-left: 60px;
    color: #225f9e;
    margin-bottom: 50px; }

/***************************************
ページINDEXリスト表示 4カラム
****************************************/
.ContentsThumnail4colum {
  width: 100%;
  margin: 0 auto;
  padding: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .ContentsThumnail4colum__ListBox {
    width: 22.75%;
    margin-right: 3%;
    -webkit-transition: 1s;
    transition: 1s;
    margin-bottom: 30px; }
    .ContentsThumnail4colum__ListBox:last-child, .ContentsThumnail4colum__ListBox:nth-last-child(2), .ContentsThumnail4colum__ListBox:nth-last-child(3), .ContentsThumnail4colum__ListBox:nth-last-child(4) {
      margin-bottom: 0; }
    .ContentsThumnail4colum__ListBox:nth-child(4n) {
      margin-right: 0; }
  .ContentsThumnail4colum__ListBox-thumImg {
    margin-bottom: 15px; }
    .ContentsThumnail4colum__ListBox-thumImg img {
      width: 100%; }
  .ContentsThumnail4colum__ListBox-titleJp {
    font-size: 1.4rem;
    letter-spacing: 0px;
    line-height: 130%;
    margin-bottom: 5px; }
  .ContentsThumnail4colum__ListBox-titleJp--zyunbi {
    font-size: 1.4rem;
    letter-spacing: 0px;
    margin-bottom: 5px;
    opacity: 0.3; }
  .ContentsThumnail4colum__ListBox-titleEn {
    font-family: copperplate_gothic;
    font-size: 10px;
    color: #225f9e;
    margin-bottom: 15px; }
  .ContentsThumnail4colum__ListBox-titleEn--zyunbi {
    font-family: copperplate_gothic;
    font-size: 10px;
    color: #225f9e;
    margin-bottom: 15px;
    opacity: 0.3; }
  .ContentsThumnail4colum__ListBox a .hoverImg {
    position: relative;
    overflow: hidden;
    background-color: white;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .ContentsThumnail4colum__ListBox a .hoverImg img {
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .ContentsThumnail4colum__ListBox a .hoverImg::after {
      opacity: 0;
      content: 'more';
      font-family: 'copperplate_gothic';
      position: absolute;
      display: block;
      font-size: 10px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 100px; }
    .ContentsThumnail4colum__ListBox a .hoverImg::before {
      opacity: 0;
      content: '\f821';
      font-family: 'orion-font';
      position: absolute;
      display: block;
      font-size: 32px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 20px; }
  .ContentsThumnail4colum__ListBox a:hover .hoverImg {
    background-color: #07294e; }
    .ContentsThumnail4colum__ListBox a:hover .hoverImg img {
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      opacity: 0.1; }
    .ContentsThumnail4colum__ListBox a:hover .hoverImg::after {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 55px; }
    .ContentsThumnail4colum__ListBox a:hover .hoverImg::before {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 0; }
  .ContentsThumnail4colum__ListBox a:hover .ContentsThumnail__ListBox-titleJp,
  .ContentsThumnail4colum__ListBox a:hover .ContentsThumnail__ListBox-text,
  .ContentsThumnail4colum__ListBox a:hover .ContentsThumnail__ListBox-titleEn {
    color: #225f9e;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

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

ページコンテンツ

****************************************/
.ContentsBox {
  width: 1000px;
  margin: 0 auto; }
  .ContentsBox__TitleH2 {
    width: 100%;
    background-color: #225f9e;
    color: white;
    padding: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-top: 50px; }
  .ContentsBox__TitleH3 {
    border-bottom: 1px solid #225f9e;
    padding-bottom: 20px;
    margin-top: 60px; }

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


ローディング


****************************************/
.Loader {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute; }
  .Loader__backWhite {
    width: 100vw;
    height: 100vh;
    background-color: #d1e7f5;
    position: fixed;
    z-index: 10000; }
  .Loader__logo {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    z-index: 10002; }
  .Loader__progress__bar {
    z-index: 10003;
    position: absolute;
    height: 50px;
    width: 100%;
    background-color: #d1e7f5; }
  .Loader__progress__text {
    z-index: 10003;
    font-family: 'copperplate_gothic';
    position: relative;
    text-align: center;
    color: #595656;
    font-size: 10px;
    padding-top: 10px; }

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


WP記事部分　タイトルまわり


****************************************/
.Contents {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 180px; }
  .Contents__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px; }
  .Contents__time {
    font-size: 1.2rem;
    margin-right: 10px;
    margin-bottom: 10px; }
  .Contents__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .Contents__tag a {
      -webkit-transition: 0.6s;
      transition: 0.6s; }
      .Contents__tag a:hover {
        opacity: 0.5; }
    .Contents__tag li {
      margin-right: 10px;
      margin-bottom: 10px; }
      .Contents__tag li:last-child {
        margin-right: 0; }
      .Contents__tag li a {
        background-color: #225f9e;
        padding: 10px 15px;
        border-radius: 30px;
        color: white;
        font-size: 1.2rem;
        letter-spacing: 2px; }
    .Contents__tag .post-categories {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .Contents__tag .post-categories a {
        -webkit-transition: 0.6s;
        transition: 0.6s; }
        .Contents__tag .post-categories a:hover {
          opacity: 0.5; }
      .Contents__tag .post-categories li {
        margin-right: 10px;
        margin-bottom: 10px; }
        .Contents__tag .post-categories li:last-child {
          margin-right: 0; }
        .Contents__tag .post-categories li a {
          background-color: #225f9e;
          padding: 10px 15px;
          border-radius: 30px;
          color: white;
          font-size: 1.2rem;
          letter-spacing: 2px; }
  .Contents__titleH2 {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .Contents__titleH2 span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .Contents__titleH2::before {
      content: "news";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .Contents__titleH2-magazine {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .Contents__titleH2-magazine span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .Contents__titleH2-magazine::before {
      content: "magazine";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .Contents__titleH2-works {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .Contents__titleH2-works span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .Contents__titleH2-works::before {
      content: "works";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .Contents__titleH2-manual {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .Contents__titleH2-manual span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .Contents__titleH2-manual::before {
      content: "manual";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .Contents__titleH2-mailmagazine {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .Contents__titleH2-mailmagazine span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .Contents__titleH2-mailmagazine::before {
      content: "magazine";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .Contents__mainImg img {
    width: 100%; }
  .Contents .backBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #225f9e;
    width: auto;
    background-color: #225f9e;
    width: 100%; }
    .Contents .backBtn a {
      position: relative;
      z-index: 2;
      padding: 20px;
      font-size: 1.4rem;
      letter-spacing: 4px;
      color: white;
      width: auto;
      text-align: center;
      position: relative; }
      .Contents .backBtn a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        /*初期状態では下線非表示*/
        height: 55px;
        /*下線の高さ*/
        background: #d1e7f5;
        /*下線の色*/
        z-index: -1;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .Contents .backBtn a:hover {
        -webkit-transition: 0.25s;
        transition: 0.25s;
        color: #225f9e; }
        .Contents .backBtn a:hover::before {
          color: #225f9e; }
        .Contents .backBtn a:hover::after {
          width: 100%;
          /*hover時に表示*/ }
        .Contents .backBtn a:hover .DetailsBt__LinkBox-text {
          color: white;
          position: relative;
          z-index: 2; }
        .Contents .backBtn a:hover .DetailsBt__LinkBox-text--white {
          color: #225f9e;
          position: relative;
          z-index: 2; }
        .Contents .backBtn a:hover .CircleArrow--navy {
          background-color: white;
          color: #225f9e;
          position: relative;
          z-index: 2; }
        .Contents .backBtn a:hover .CircleArrow--white {
          background-color: #225f9e;
          color: white;
          position: relative;
          z-index: 2; }
      .Contents .backBtn a::before {
        font-family: 'orion-font';
        content: '\f829';
        color: white;
        font-size: 16px;
        position: relative;
        z-index: 2;
        margin-right: 5px; }
    .Contents .backBtn a {
      color: white;
      width: 100%;
      text-align: center; }
      .Contents .backBtn a::before {
        content: '\f828';
        color: white; }

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


WP記事部分


****************************************/
.Blog,
.block-editor-writing-flow,
.editor-styles-wrapper {
  margin-bottom: 60px; }
  .Blog h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2 {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 40px 0px 0px;
    border-top: solid 1px #225f9e;
    position: relative;
    margin-top: 120px; }
  .Blog h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3 {
    font-family: 'NotoSerif';
    width: 100%;
    background-color: #225f9e;
    color: white !important;
    padding: 20px;
    font-size: 28px;
    letter-spacing: 4px;
    margin-bottom: 30px;
    line-height: 140%;
    margin-top: 80px; }
  .Blog h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4 {
    border-bottom: 1px solid #225f9e;
    padding-bottom: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 150%;
    width: 100%;
    margin-top: 60px; }
  .Blog h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5 {
    width: 100%;
    background-color: #d1e7f5;
    padding: 15px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-bottom: 15px;
    margin-top: 40px; }
  .Blog h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6 {
    font-size: 1.6rem !important;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 15px;
    margin-top: 40px; }
  .Blog p,
  .block-editor-writing-flow p,
  .editor-styles-wrapper p {
    font-size: 1.6rem;
    line-height: 200%;
    letter-spacing: 1px;
    color: #000;
    line-height: 200% !important;
    margin: 30px 0; }
    .Blog p a,
    .block-editor-writing-flow p a,
    .editor-styles-wrapper p a {
      font-size: 1.6rem;
      line-height: 200%;
      letter-spacing: 1px;
      color: #000;
      text-decoration: underline;
      color: #225f9e; }
      .Blog p a:hover,
      .block-editor-writing-flow p a:hover,
      .editor-styles-wrapper p a:hover {
        text-decoration: none; }
  .Blog ul li,
  .block-editor-writing-flow ul li,
  .editor-styles-wrapper ul li {
    margin-bottom: 10px;
    line-height: 200%;
    font-size: 1.6rem;
    line-height: 200%;
    width: 100%;
    margin-left: 2rem; }
    .Blog ul li::before,
    .block-editor-writing-flow ul li::before,
    .editor-styles-wrapper ul li::before {
      content: "・";
      font-family: orion-font;
      font-size: 1.6rem;
      color: #225f9e;
      padding-right: 5px;
      margin-left: -2rem; }
    .Blog ul li a,
    .block-editor-writing-flow ul li a,
    .editor-styles-wrapper ul li a {
      text-decoration: underline; }
      .Blog ul li a:hover,
      .block-editor-writing-flow ul li a:hover,
      .editor-styles-wrapper ul li a:hover {
        text-decoration: none; }
  .Blog ol,
  .block-editor-writing-flow ol,
  .editor-styles-wrapper ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0; }
    .Blog ol li,
    .block-editor-writing-flow ol li,
    .editor-styles-wrapper ol li {
      padding-top: 15px;
      margin-bottom: 15px;
      line-height: 150%;
      font-weight: bold; }
      .Blog ol li a,
      .block-editor-writing-flow ol li a,
      .editor-styles-wrapper ol li a {
        text-decoration: underline; }
        .Blog ol li a:hover,
        .block-editor-writing-flow ol li a:hover,
        .editor-styles-wrapper ol li a:hover {
          text-decoration: none; }
      .Blog ol li::before,
      .block-editor-writing-flow ol li::before,
      .editor-styles-wrapper ol li::before {
        counter-increment: item;
        content: counter(item) ".";
        /* 以下は自由に装飾... */
        padding-right: 0.5em;
        font-weight: bold;
        color: #225f9e; }
      .Blog ol li ol,
      .block-editor-writing-flow ol li ol,
      .editor-styles-wrapper ol li ol {
        margin-left: 25px; }
        .Blog ol li ol li,
        .block-editor-writing-flow ol li ol li,
        .editor-styles-wrapper ol li ol li {
          font-weight: normal;
          padding-top: 0;
          margin: 20px 0; }
          .Blog ol li ol li a,
          .block-editor-writing-flow ol li ol li a,
          .editor-styles-wrapper ol li ol li a {
            text-decoration: underline; }
            .Blog ol li ol li a:hover,
            .block-editor-writing-flow ol li ol li a:hover,
            .editor-styles-wrapper ol li ol li a:hover {
              text-decoration: none; }
          .Blog ol li ol li::before,
          .block-editor-writing-flow ol li ol li::before,
          .editor-styles-wrapper ol li ol li::before {
            font-weight: normal; }
  .Blog blockquote,
  .block-editor-writing-flow blockquote,
  .editor-styles-wrapper blockquote {
    position: relative;
    padding: 35px 15px 10px 25px;
    font-style: italic;
    background-color: #f1f1f1;
    border-left: 3px solid #12477d;
    font-family: 'NotoSerif';
    font-weight: '$weight';
    margin: 30px 0; }
    .Blog blockquote::before,
    .block-editor-writing-flow blockquote::before,
    .editor-styles-wrapper blockquote::before {
      font-family: 'NotoSerif';
      font-weight: '$weight';
      display: inline-block;
      position: absolute;
      top: 90px;
      left: 0px;
      content: '“';
      font-size: 200px;
      color: #225f9e;
      opacity: 0.1; }
    .Blog blockquote cite,
    .block-editor-writing-flow blockquote cite,
    .editor-styles-wrapper blockquote cite {
      display: block;
      text-align: right;
      font-size: 1.2rem; }
      .Blog blockquote cite a,
      .block-editor-writing-flow blockquote cite a,
      .editor-styles-wrapper blockquote cite a {
        color: #225f9e;
        text-decoration: underline; }
        .Blog blockquote cite a:hover,
        .block-editor-writing-flow blockquote cite a:hover,
        .editor-styles-wrapper blockquote cite a:hover {
          text-decoration: none;
          opacity: 0.5; }
  .Blog .wp-block-pullquote,
  .block-editor-writing-flow .wp-block-pullquote,
  .editor-styles-wrapper .wp-block-pullquote {
    padding: 0; }
  .Blog table,
  .block-editor-writing-flow table,
  .editor-styles-wrapper table {
    width: 100%; }
    .Blog table td,
    .block-editor-writing-flow table td,
    .editor-styles-wrapper table td {
      padding: 20px 15px;
      line-height: 160%;
      vertical-align: middle;
      border: 1px solid #e4e4e4; }
  .Blog figcaption,
  .block-editor-writing-flow figcaption,
  .editor-styles-wrapper figcaption {
    text-align: center;
    font-size: 1.4rem;
    color: #666;
    margin: 20px 0; }
  .Blog .wp-block-button,
  .block-editor-writing-flow .wp-block-button,
  .editor-styles-wrapper .wp-block-button {
    margin-right: 0px;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #225f9e;
    width: auto; }
    .Blog .wp-block-button a,
    .block-editor-writing-flow .wp-block-button a,
    .editor-styles-wrapper .wp-block-button a {
      color: #fff;
      background-color: transparent;
      border: none;
      border-radius: 0px;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      padding: 0px;
      text-align: center;
      text-decoration: none;
      overflow-wrap: break-word; }
    .Blog .wp-block-button a,
    .block-editor-writing-flow .wp-block-button a,
    .editor-styles-wrapper .wp-block-button a {
      position: relative;
      z-index: 2;
      padding: 20px;
      font-size: 1.4rem;
      letter-spacing: 4px;
      color: white;
      width: auto;
      text-align: center;
      position: relative; }
      .Blog .wp-block-button a::after,
      .block-editor-writing-flow .wp-block-button a::after,
      .editor-styles-wrapper .wp-block-button a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        /*初期状態では下線非表示*/
        height: 55px;
        /*下線の高さ*/
        background: #d1e7f5;
        /*下線の色*/
        z-index: -1;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .Blog .wp-block-button a:hover,
      .block-editor-writing-flow .wp-block-button a:hover,
      .editor-styles-wrapper .wp-block-button a:hover {
        -webkit-transition: 0.25s;
        transition: 0.25s;
        color: #225f9e; }
        .Blog .wp-block-button a:hover::before,
        .block-editor-writing-flow .wp-block-button a:hover::before,
        .editor-styles-wrapper .wp-block-button a:hover::before {
          color: #225f9e; }
        .Blog .wp-block-button a:hover::after,
        .block-editor-writing-flow .wp-block-button a:hover::after,
        .editor-styles-wrapper .wp-block-button a:hover::after {
          width: 100%;
          /*hover時に表示*/ }
        .Blog .wp-block-button a:hover .DetailsBt__LinkBox-text,
        .block-editor-writing-flow .wp-block-button a:hover .DetailsBt__LinkBox-text,
        .editor-styles-wrapper .wp-block-button a:hover .DetailsBt__LinkBox-text {
          color: white;
          position: relative;
          z-index: 2; }
        .Blog .wp-block-button a:hover .DetailsBt__LinkBox-text--white,
        .block-editor-writing-flow .wp-block-button a:hover .DetailsBt__LinkBox-text--white,
        .editor-styles-wrapper .wp-block-button a:hover .DetailsBt__LinkBox-text--white {
          color: #225f9e;
          position: relative;
          z-index: 2; }
        .Blog .wp-block-button a:hover .CircleArrow--navy,
        .block-editor-writing-flow .wp-block-button a:hover .CircleArrow--navy,
        .editor-styles-wrapper .wp-block-button a:hover .CircleArrow--navy {
          background-color: white;
          color: #225f9e;
          position: relative;
          z-index: 2; }
        .Blog .wp-block-button a:hover .CircleArrow--white,
        .block-editor-writing-flow .wp-block-button a:hover .CircleArrow--white,
        .editor-styles-wrapper .wp-block-button a:hover .CircleArrow--white {
          background-color: #225f9e;
          color: white;
          position: relative;
          z-index: 2; }
      .Blog .wp-block-button a::before,
      .block-editor-writing-flow .wp-block-button a::before,
      .editor-styles-wrapper .wp-block-button a::before {
        font-family: 'orion-font';
        content: '\f829';
        color: white;
        font-size: 16px;
        position: relative;
        z-index: 2;
        margin-right: 5px; }
  .Blog 　.wp-block-columns .wp-block-column:first-child,
  .block-editor-writing-flow 　.wp-block-columns .wp-block-column:first-child,
  .editor-styles-wrapper 　.wp-block-columns .wp-block-column:first-child {
    margin-left: 0; }
  .Blog 　.wp-block-columns .wp-block-column h4,
  .block-editor-writing-flow 　.wp-block-columns .wp-block-column h4,
  .editor-styles-wrapper 　.wp-block-columns .wp-block-column h4 {
    margin-top: 20px; }
  .Blog 　.wp-block-columns .wp-block-column h5,
  .block-editor-writing-flow 　.wp-block-columns .wp-block-column h5,
  .editor-styles-wrapper 　.wp-block-columns .wp-block-column h5 {
    margin-top: 20px; }
  .Blog 　.wp-block-columns .wp-block-column h6,
  .block-editor-writing-flow 　.wp-block-columns .wp-block-column h6,
  .editor-styles-wrapper 　.wp-block-columns .wp-block-column h6 {
    margin-top: 20px; }
  .Blog 　.wp-block-columns .wp-block-column p,
  .block-editor-writing-flow 　.wp-block-columns .wp-block-column p,
  .editor-styles-wrapper 　.wp-block-columns .wp-block-column p {
    margin: 0 !important; }

.Blog iframe {
  width: 100% !important;
  height: 450px !important; }

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


管理画面


****************************************/
.wp-block {
  max-width: 800px !important; }

.editor-styles-wrapper ul {
  list-style-type: none !important;
  padding-left: 0 !important; }

.editor-styles-wrapper ol {
  list-style-type: none !important;
  padding-left: 0 !important; }

.editor-styles-wrapper img {
  border: 1px solid #ccc; }

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


マニュアル


****************************************/
.Manual img {
  border: 1px solid #ccc; }

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


トップメインタイトル


****************************************/
.TopTitleBox {
  padding-bottom: 60px; }
  .TopTitleBox__jpTitle, .TopTitleBox__jpTitle--white, .TopTitleBox__jpTitle-icon {
    font-family: 'NotoSerif';
    font-size: 40px;
    letter-spacing: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #225f9e;
    display: inline-block; }
  .TopTitleBox__jpTitle--white {
    color: white;
    border-bottom: 1px solid white; }
  .TopTitleBox__jpTitle-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .TopTitleBox__jpTitle-icon .icon-img {
      padding-right: 15px;
      padding-top: 8px; }
      .TopTitleBox__jpTitle-icon .icon-img img {
        width: 45px; }
  .TopTitleBox__text, .TopTitleBox__text--white {
    padding-top: 40px;
    width: 800px;
    line-height: 200%; }
  .TopTitleBox__text--white {
    color: white; }

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


カテゴリーページメインタイトル


****************************************/
.CategoryPageTitle {
  width: 100%;
  position: relative; }
  .CategoryPageTitle__img {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden; }
    .CategoryPageTitle__img .mask {
      width: 100%;
      background-color: white;
      height: 100%;
      position: absolute; }
  .CategoryPageTitle__text {
    position: relative;
    background-color: #225f9e;
    width: 0%;
    margin-left: 3%;
    margin-top: -100px;
    height: 250px;
    padding-left: 0px; }
    .CategoryPageTitle__text h1 {
      font-family: NotoSerif;
      color: white;
      font-size: 2.4rem;
      letter-spacing: 6px;
      position: absolute;
      bottom: 40px;
      opacity: 0; }

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


詳細ページメインタイトル


****************************************/
.PageTitle {
  width: 100%; }
  .PageTitle__text {
    position: relative;
    background-color: #225f9e;
    width: 0%;
    margin-left: 3%;
    height: 250px;
    padding-left: 0px; }
    .PageTitle__text h1,
    .PageTitle__text h2 {
      font-family: NotoSerif;
      color: white;
      font-size: 2.4rem;
      letter-spacing: 6px;
      position: absolute;
      bottom: 40px;
      opacity: 0; }

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


矢印タイトル


****************************************/
.ArrowTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  padding-bottom: 20px; }
  .ArrowTitle__TextBox {
    padding-left: 10px; }
    .ArrowTitle__TextBox-jp {
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 4px;
      padding-bottom: 5px; }
    .ArrowTitle__TextBox-en {
      color: #d1e7f5;
      font-family: 'copperplate_gothic';
      font-size: 10px; }

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


通常Pテキスト


****************************************/
.DetailsText, .DetailsText--center, .DetailsText--14-180 {
  font-size: 1.6rem;
  letter-spacing: 1px;
  line-height: 200%; }

.DetailsText--center {
  text-align: center; }

.DetailsText--14-180 {
  font-size: 1.4rem;
  line-height: 180%; }

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

テーブルレイアウト

****************************************/
.Table {
  width: 100%; }
  .Table tr {
    padding: 30px 0 20px;
    border-top: 1px solid #d6d6d6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .Table tr:last-child {
      border-bottom: 1px solid #d6d6d6; }
    .Table tr th {
      display: block;
      width: 20%;
      padding-right: 20px;
      text-align: left;
      line-height: 1.5; }
    .Table tr td {
      display: block;
      width: 80%;
      line-height: 1.8; }
      .Table tr td p {
        padding-bottom: 10px;
        line-height: 150%; }
        .Table tr td p span {
          line-height: 1.5; }
  .Table a {
    text-decoration: underline;
    color: #225f9e; }
    .Table a:hover {
      text-decoration: none;
      opacity: 0.5; }

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

パンくず

****************************************/
.Pankuzu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 60px 120px 0px; }
  .Pankuzu__list, .Pankuzu__list-last {
    font-size: 1.2rem;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .Pankuzu__list::after {
    content: '\f817';
    font-family: 'orion-font';
    display: block;
    font-size: 1.6rem;
    color: #666;
    margin: 0px 10px; }
  .Pankuzu__list a {
    color: #666;
    position: relative; }
    .Pankuzu__list a::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -5px;
      /*テキストからの距離*/
      width: 0%;
      /*初期状態では下線非表示*/
      height: 1px;
      /*下線の高さ*/
      background: #666;
      /*下線の色*/
      z-index: -1;
      -webkit-transition: 0.25s;
      transition: 0.25s;
      /*アニメーション速度*/
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
    .Pankuzu__list a:hover {
      -webkit-transition: 0.25s;
      transition: 0.25s;
      color: #225f9e; }
      .Pankuzu__list a:hover::after {
        width: 100%;
        /*hover時に表示*/ }
  .Pankuzu__list-last {
    color: #999; }

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

GoogleMap レスポンシブ

****************************************/
.GoogleMap {
  margin-top: 30px; }
  .GoogleMap iframe {
    width: 100%;
    height: 600px; }

.SnsShare {
  background-color: #f1f1f1;
  padding: 60px;
  margin-bottom: 60px;
  margin-top: 60px; }
  .SnsShare__title {
    text-align: center;
    font-size: 20px;
    font-family: 'NotoSerif';
    font-weight: '$weight';
    padding-bottom: 20px; }
  .SnsShare__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .SnsShare__link li {
      margin-right: 20px; }
      .SnsShare__link li span {
        font-size: 24px; }
      .SnsShare__link li .o-facebook-1 {
        color: #1877f2; }
      .SnsShare__link li .o-twitter-1 {
        color: #1da1f2; }
      .SnsShare__link li:last-child {
        margin-right: 0; }

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

ページネーション

****************************************/
.PageNation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .PageNation ul li {
    padding-bottom: 10px; }
    .PageNation ul li a {
      width: 45px;
      height: 45px;
      text-align: center;
      font-size: 12px;
      padding-top: 15px;
      margin: 0 5px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-color: #225f9e;
      color: white; }
      .PageNation ul li a:hover {
        background-color: #d1e7f5;
        color: #225f9e; }
        .PageNation ul li a:hover span {
          color: #225f9e; }
    .PageNation ul li .current {
      background-color: #d1e7f5;
      color: #225f9e;
      width: 45px;
      height: 45px;
      text-align: center;
      font-size: 12px;
      padding-top: 15px;
      margin: 0 5px;
      display: block; }
      .PageNation ul li .current span {
        color: white; }
    .PageNation ul li .arrowLeft {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      display: block; }
    .PageNation ul li .dots {
      line-height: 2.8;
      padding: 0 10px; }

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

センター寄せ

****************************************/
.center {
  text-align: center; }

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

準備中

****************************************/
.zyunbityu {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  line-height: 200%; }

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


よく使うクラス


****************************************/
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
      height: auto;
      overflow: hidden;
      /**/ }

.ov-v {
  overflow: visible; }

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


フォントクラス


****************************************/
.font-serif {
  font-family: 'NotoSerif';
  font-weight: 400; }

.font-en {
  font-family: 'copperplate_gothic';
  font-weight: 400; }

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


トップページ


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


メインスライド


****************************************/
.mainSlide {
  width: 100%; }
  .mainSlide .MainCopy {
    position: absolute;
    z-index: 1;
    left: 60%;
    margin-top: 180px;
    opacity: 0; }
    .mainSlide .MainCopy__jp {
      font-family: 'NotoSerif';
      font-size: 50px;
      letter-spacing: 26px;
      line-height: 160%;
      padding-bottom: 30px; }
    .mainSlide .MainCopy__en {
      font-family: 'copperplate_gothic';
      color: #8e8e8e;
      font-size: 10px;
      letter-spacing: 6px;
      border-top: 1px solid #225f9e;
      padding-top: 40px;
      display: inline-block; }
  .mainSlide .SlideBox {
    position: relative; }
    .mainSlide .SlideBox__Main {
      position: relative; }
    .mainSlide .SlideBox__StaffBox {
      position: absolute;
      z-index: 2;
      bottom: 0; }
    .mainSlide .SlideBox__StaffBox-staffImg1, .mainSlide .SlideBox__StaffBox-staffImg2, .mainSlide .SlideBox__StaffBox-staffImg3, .mainSlide .SlideBox__StaffBox-staffImg4, .mainSlide .SlideBox__StaffBox-staffImg5, .mainSlide .SlideBox__StaffBox-staffImg6 {
      opacity: 0;
      position: relative;
      display: none; }
    .mainSlide .SlideBox__backMountain {
      position: relative;
      max-width: 1329px;
      overflow: hidden; }
      .mainSlide .SlideBox__backMountain .mask {
        width: 100%;
        background-color: white;
        height: 100%;
        position: absolute; }
    .mainSlide .SlideBox__backNavyBox {
      background-color: #12477d;
      height: 400px;
      width: 0%;
      margin-left: 20%;
      margin-top: -200px;
      right: 0; }

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


総経グループとは


****************************************/
.sokeiGroupe {
  width: 100%;
  padding: 150px 60px;
  background-image: url("asset/images/common/logo_back.png");
  background-repeat: no-repeat;
  background-position: 50vw 250px; }

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


サービス紹介


****************************************/
.serviceTopBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .serviceTopBox .ServiceTitleBox {
    background-color: #12477d;
    width: 435px;
    padding: 130px 60px 0px 70px; }
    .serviceTopBox .ServiceTitleBox__title {
      font-family: 'NotoSerif';
      font-size: 32px;
      letter-spacing: 6px;
      color: white;
      padding-bottom: 10px;
      border-bottom: 1px solid white;
      display: inline-block;
      margin-bottom: 40px; }
    .serviceTopBox .ServiceTitleBox__text {
      color: white;
      line-height: 200%;
      font-size: 1.4rem;
      letter-spacing: 3px; }
  .serviceTopBox .ServiceTopContents {
    position: relative;
    background-color: #e8eef4;
    width: calc(100% - 435px);
    padding: 130px 60px 130px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .serviceTopBox .ServiceTopContents__ListBox {
      width: 32.5%;
      padding-right: calc(2.5% - 1px);
      margin-right: 2.5%;
      margin-bottom: 60px;
      border-right: 1px solid white; }
      .serviceTopBox .ServiceTopContents__ListBox:nth-child(3n) {
        width: 29.5%;
        margin-right: 0;
        padding-right: 0;
        border-right: 0; }
    .serviceTopBox .ServiceTopContents__ListBox-titleJp {
      font-size: 2rem;
      letter-spacing: 4px;
      padding-bottom: 5px;
      border-bottom: 2px solid #000;
      display: inline-block;
      margin-bottom: 5px; }
    .serviceTopBox .ServiceTopContents__ListBox-titleEn {
      font-family: copperplate_gothic;
      font-size: 10px;
      margin-bottom: 15px;
      color: #b4c9df; }
    .serviceTopBox .ServiceTopContents__ListBox-text {
      font-size: 1.4rem;
      line-height: 180%; }
    .serviceTopBox .ServiceTopContents__ListBox-thumImg {
      margin-bottom: 20px; }
      .serviceTopBox .ServiceTopContents__ListBox-thumImg img {
        width: 100%; }
    .serviceTopBox .ServiceTopContents__ListBox a .hoverImg {
      position: relative;
      overflow: hidden;
      background-color: white;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .serviceTopBox .ServiceTopContents__ListBox a .hoverImg img {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .serviceTopBox .ServiceTopContents__ListBox a .hoverImg::after {
        opacity: 0;
        content: 'more';
        font-family: 'copperplate_gothic';
        position: absolute;
        display: block;
        font-size: 10px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 100px; }
      .serviceTopBox .ServiceTopContents__ListBox a .hoverImg::before {
        opacity: 0;
        content: '\f821';
        font-family: 'orion-font';
        position: absolute;
        display: block;
        font-size: 32px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 20px; }
    .serviceTopBox .ServiceTopContents__ListBox a:hover .hoverImg {
      background-color: #07294e; }
      .serviceTopBox .ServiceTopContents__ListBox a:hover .hoverImg img {
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0.1; }
      .serviceTopBox .ServiceTopContents__ListBox a:hover .hoverImg::after {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 55px; }
      .serviceTopBox .ServiceTopContents__ListBox a:hover .hoverImg::before {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 0; }
    .serviceTopBox .ServiceTopContents__ListBox a:hover .ServiceTopContents__ListBox-titleJp {
      color: #225f9e;
      border-bottom: 2px solid #225f9e;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .serviceTopBox .ServiceTopContents__ListBox a:hover .ServiceTopContents__ListBox-titleEn {
      color: #225f9e;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .serviceTopBox .ServiceTopContents__ListBox a:hover .ServiceTopContents__ListBox-text {
      color: #225f9e;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

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


総合経営サービスの想い（ブランド）


****************************************/
.topGroupeBox {
  padding: 200px 80px;
  background-image: url(asset/images/top/brand_back.jpg);
  background-repeat: no-repeat;
  background-size: contain; }
  .topGroupeBox .TopGroupeContentsBox {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 70px 50px;
    margin-top: 5vw; }
    .topGroupeBox .TopGroupeContentsBox__ListBox {
      padding-bottom: 40px;
      border-bottom: 1px solid #e4e4e4;
      margin-bottom: 40px; }
      .topGroupeBox .TopGroupeContentsBox__ListBox:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .topGroupeBox .TopGroupeContentsBox__ListBox-thumImg {
      margin-right: 30px;
      width: 35%;
      max-width: 447px; }
      .topGroupeBox .TopGroupeContentsBox__ListBox-thumImg img {
        width: 100%; }
    .topGroupeBox .TopGroupeContentsBox__ListBox-TextBox {
      width: 65%; }
    .topGroupeBox .TopGroupeContentsBox__ListBox a .hoverImg {
      position: relative;
      overflow: hidden;
      background-color: white;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a .hoverImg img {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a .hoverImg::after {
        opacity: 0;
        content: 'more';
        font-family: 'copperplate_gothic';
        position: absolute;
        display: block;
        font-size: 10px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 100px; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a .hoverImg::before {
        opacity: 0;
        content: '\f821';
        font-family: 'orion-font';
        position: absolute;
        display: block;
        font-size: 32px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 20px; }
    .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .hoverImg {
      background-color: #07294e; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .hoverImg img {
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0.1; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .hoverImg::after {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 55px; }
      .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .hoverImg::before {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 0; }
    .topGroupeBox .TopGroupeContentsBox__ListBox a .ArrowTitle,
    .topGroupeBox .TopGroupeContentsBox__ListBox a .DetailsText--14-180 {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      margin-left: 0px;
      margin-right: 10px; }
    .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .ArrowTitle,
    .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .DetailsText--14-180 {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      margin-left: 10px;
      margin-right: 0px; }
    .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .ArrowTitle__TextBox-jp,
    .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .ArrowTitle__TextBox-en,
    .topGroupeBox .TopGroupeContentsBox__ListBox a:hover .DetailsText--14-180 {
      color: #225f9e;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

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


お知らせ


****************************************/
.NewsTopBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #0b3967; }
  .NewsTopBox__leftbox {
    width: 300px;
    padding: 130px 60px 0px 70px; }
  .NewsTopBox__rightbox {
    position: relative;
    width: calc(100% - 300px);
    padding: 130px 60px 130px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .NewsTopBox__title {
    font-family: 'NotoSerif';
    font-size: 32px;
    letter-spacing: 6px;
    color: white;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
    display: inline-block;
    margin-bottom: 40px; }

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


総経マガジン


****************************************/
.MagazineTopBox {
  width: 100%;
  padding: 150px 60px;
  background-repeat: no-repeat;
  background-position: 50vw 250px; }

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


採用バナー


****************************************/
.recruitBannerBox {
  max-width: 1507px;
  width: 100%;
  margin: 0 auto 150px;
  padding: 0 80px; }
  .recruitBannerBox a {
    -webkit-transition: 0.6s;
    transition: 0.6s; }
    .recruitBannerBox a:hover {
      opacity: 0.5; }
  .recruitBannerBox a img {
    width: 100%; }

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


おすすめ情報


****************************************/
.PickUp {
  background-color: #d1e7f5;
  padding-top: 12vw;
  padding-bottom: 100px;
  margin-top: -5vw; }
  .PickUp__title {
    letter-spacing: 4px;
    margin-left: 100px;
    margin-bottom: 60px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    display: inline-block; }

.PickUpListbox {
  margin-bottom: 60px; }
  .PickUpListbox .PickUpList {
    max-width: 446px;
    margin-right: 40px;
    -webkit-transition: 1s;
    transition: 1s;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white; }
    .PickUpListbox .PickUpList:last-child, .PickUpListbox .PickUpList:nth-last-child(2), .PickUpListbox .PickUpList:nth-last-child(3) {
      margin-bottom: 0; }
    .PickUpListbox .PickUpList:nth-child(3n) {
      margin-right: 0; }
    .PickUpListbox .PickUpList a {
      background-color: white;
      height: auto; }
    .PickUpListbox .PickUpList__ListBox-thumImg {
      margin-bottom: 20px; }
      .PickUpListbox .PickUpList__ListBox-thumImg img {
        width: 100%; }
    .PickUpListbox .PickUpList__title {
      font-size: 2rem;
      font-weight: bold;
      letter-spacing: 2px;
      margin-bottom: 10px;
      padding: 0 20px; }
    .PickUpListbox .PickUpList__text {
      font-size: 1.4rem;
      line-height: 160%;
      margin-bottom: 20px;
      padding: 0 20px; }
    .PickUpListbox .PickUpList__hover .hoverImg {
      position: relative;
      overflow: hidden;
      background-color: white;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .PickUpListbox .PickUpList__hover .hoverImg img {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .PickUpListbox .PickUpList__hover .hoverImg::after {
        opacity: 0;
        content: 'more';
        font-family: 'copperplate_gothic';
        position: absolute;
        display: block;
        font-size: 10px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 100px; }
      .PickUpListbox .PickUpList__hover .hoverImg::before {
        opacity: 0;
        content: '\f821';
        font-family: 'orion-font';
        position: absolute;
        display: block;
        font-size: 32px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 20px; }
    .PickUpListbox .PickUpList__hover:hover .hoverImg {
      background-color: #07294e; }
      .PickUpListbox .PickUpList__hover:hover .hoverImg img {
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0.1; }
      .PickUpListbox .PickUpList__hover:hover .hoverImg::after {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 55px; }
      .PickUpListbox .PickUpList__hover:hover .hoverImg::before {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 0; }
    .PickUpListbox .PickUpList__hover:hover .PickUpList__time,
    .PickUpListbox .PickUpList__hover:hover .PickUpList__title,
    .PickUpListbox .PickUpList__hover:hover .PickUpList__text {
      color: #225f9e;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

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


総経グループページ


****************************************/
.groupPage .gaiyou {
  padding-bottom: 160px; }
  .groupPage .gaiyou .logoImage {
    text-align: center;
    padding-bottom: 40px; }

.groupListUl {
  width: 1000px;
  margin: 0 auto; }

.GroupList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #d6d6d6; }
  .GroupList:first-child {
    margin-top: 0; }
  .GroupList:last-child {
    padding-bottom: 50px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0; }
  .GroupList__image {
    width: 422px;
    margin-right: 40px; }
    .GroupList__image img {
      width: 100%; }
  .GroupList__text {
    width: 538px; }
    .GroupList__text-title {
      font-size: 22px;
      line-height: 150%;
      padding-bottom: 20px; }
    .GroupList__text-specText {
      padding-bottom: 10px; }
      .GroupList__text-specText p {
        line-height: 160%;
        font-size: 1.6rem;
        padding-bottom: 15px; }

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


総経グループ 詳細ページ


****************************************/
.GroupGaiyou {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px; }
  .GroupGaiyou__imageBox {
    width: 460px;
    padding-right: 38px; }
    .GroupGaiyou__imageBox img {
      width: 100%; }
    .GroupGaiyou__imageBox li {
      padding-bottom: 30px; }
      .GroupGaiyou__imageBox li:last-child {
        padding-bottom: 0; }
  .GroupGaiyou__table {
    width: 540px; }

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


沿革ページ


****************************************/
.historyPage .history {
  width: 1000px;
  margin: 0 auto; }

.historyPage .History__table tr {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.historyPage .History__table th {
  font-family: NotoSerif;
  font-size: 36px;
  color: #0b3967;
  letter-spacing: 4px;
  font-style: italic; }

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


スタッフ一覧ページ


****************************************/
.Staff__list {
  width: 100%;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .Staff__list li {
    width: 300px;
    margin: 0 20px;
    -webkit-transition: 1s;
    transition: 1s;
    margin-bottom: 80px; }
    .Staff__list li .img img {
      width: 100%;
      height: auto !important; }
    .Staff__list li .name {
      font-weight: normal;
      line-height: 1.5;
      padding-top: 10px; }
    .Staff__list li .post {
      color: #225f9e;
      font-size: 1.2rem;
      line-height: 1.5;
      padding-bottom: 10px; }
    .Staff__list li .outline {
      font-size: 1.4rem;
      line-height: 1.5;
      color: #666;
      padding-bottom: 15px; }
    .Staff__list li a .hoverImg {
      position: relative;
      overflow: hidden;
      background-color: white;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .Staff__list li a .hoverImg img {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .Staff__list li a .hoverImg::after {
        opacity: 0;
        content: 'more';
        font-family: 'copperplate_gothic';
        position: absolute;
        display: block;
        font-size: 10px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 100px; }
      .Staff__list li a .hoverImg::before {
        opacity: 0;
        content: '\f821';
        font-family: 'orion-font';
        position: absolute;
        display: block;
        font-size: 32px;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 20px; }
    .Staff__list li a:hover .hoverImg {
      background-color: #07294e; }
      .Staff__list li a:hover .hoverImg img {
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0.1; }
      .Staff__list li a:hover .hoverImg::after {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 55px; }
      .Staff__list li a:hover .hoverImg::before {
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-top: 0; }
    .Staff__list li a:hover .name,
    .Staff__list li a:hover .post,
    .Staff__list li a:hover .outline {
      color: #225f9e;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

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


スタッフ詳細ページ


****************************************/
.StaffSingle {
  width: 1000px;
  margin: 0 auto; }
  .StaffSingle__profBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px; }
    .StaffSingle__profBox .img {
      margin-right: 40px;
      width: 400px; }
      .StaffSingle__profBox .img img {
        width: 100%;
        height: auto !important; }
    .StaffSingle__profBox .text {
      width: 560px; }
      .StaffSingle__profBox .text .name {
        font-weight: normal;
        line-height: 1.5;
        padding-top: 10px;
        font-size: 3.2rem;
        letter-spacing: 6px; }
      .StaffSingle__profBox .text .post {
        color: #225f9e;
        font-size: 1.4rem;
        line-height: 1.5;
        padding-bottom: 10px; }
      .StaffSingle__profBox .text .outline {
        font-size: 1.6rem;
        line-height: 1.7;
        padding-bottom: 15px; }
  .StaffSingle__spec {
    margin-bottom: 80px; }

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


サービス紹介ページ


****************************************/
.BusinessContents {
  width: 800px;
  margin: 0 auto; }
  .BusinessContents__TitleH2 {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .BusinessContents__TitleH2 span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .BusinessContents__TitleH2::before {
      content: "problem";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .BusinessContents__TitleH2--kaiketsu {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .BusinessContents__TitleH2--kaiketsu span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .BusinessContents__TitleH2--kaiketsu::before {
      content: "solution";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .BusinessContents__TitleH3 {
    font-family: 'NotoSerif';
    width: 100%;
    background-color: #225f9e;
    color: white !important;
    padding: 20px;
    font-size: 28px;
    letter-spacing: 4px;
    margin-bottom: 30px;
    line-height: 140%; }
  .BusinessContents__TitleH4 {
    border-bottom: 1px solid #225f9e;
    padding-bottom: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 150%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%; }
    .BusinessContents__TitleH4::before {
      content: '\f823';
      font-family: orion-font;
      font-size: 26px;
      color: #225f9e;
      padding-right: 8px; }
  .BusinessContents__TitleH5 {
    width: 100%;
    background-color: #d1e7f5;
    padding: 15px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-bottom: 15px; }
  .BusinessContents__Img {
    width: 800px;
    padding-bottom: 60px; }
    .BusinessContents__Img img {
      width: 100%; }
  .BusinessContents__text {
    font-size: 1.6rem;
    line-height: 200%;
    letter-spacing: 1px;
    color: #000; }
  .BusinessContents__List {
    background-color: #e4e4e4;
    padding: 30px 30px; }
    .BusinessContents__List li {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px dashed white;
      line-height: 150%;
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List li::before {
        content: "";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
      .BusinessContents__List li:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; }
    .BusinessContents__List .checkIcon {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .checkIcon::before {
        content: "";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #da3b1b;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num1 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num1::before {
        content: "①";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num2 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num2::before {
        content: "②";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num3 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num3::before {
        content: "③";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num4 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num4::before {
        content: "④";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num5 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num5::before {
        content: "⑤";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num6 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num6::before {
        content: "⑥";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num7 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num7::before {
        content: "⑦";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num8 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num8::before {
        content: "⑧";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num9 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num9::before {
        content: "⑨";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
    .BusinessContents__List .num10 {
      font-size: 1.6rem;
      line-height: 200%;
      width: 100%;
      margin-left: 2rem; }
      .BusinessContents__List .num10::before {
        content: "⑩";
        font-family: orion-font;
        font-size: 1.6rem;
        color: #225f9e;
        padding-right: 5px;
        margin-left: -2rem; }
  .BusinessContents__List--zisseki li {
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: 1px dashed #e4e4e4;
    line-height: 150%;
    font-size: 1.6rem;
    line-height: 200%;
    width: 100%;
    margin-left: 2rem; }
    .BusinessContents__List--zisseki li::before {
      content: "・";
      font-family: orion-font;
      font-size: 1.6rem;
      color: #225f9e;
      padding-right: 5px;
      margin-left: -2rem; }
    .BusinessContents__List--zisseki li:last-child {
      border-bottom: 1px dashed #e4e4e4;
      padding-bottom: 15px;
      margin-bottom: 0; }

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


料金体系テーブル


****************************************/
.MoneyTable {
  width: 100%; }
  .MoneyTable tr,
  .MoneyTable td {
    padding: 20px 15px;
    line-height: 160%;
    vertical-align: middle; }
  .MoneyTable__Title {
    background-color: #0b3967;
    color: white;
    font-weight: bold;
    font-size: 1.8rem; }
  .MoneyTable .line-bb {
    border-bottom: 1px solid #e4e4e4; }
  .MoneyTable .line-bt {
    border-top: 1px solid #e4e4e4; }
  .MoneyTable .subTitle {
    background-color: #e4e4e4;
    border-bottom: 1px solid white;
    font-weight: bold;
    width: 30%; }

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


事例


****************************************/
.WorksBox {
  width: 100%;
  padding: 120px 0px 0px;
  background-color: white; }
  .WorksBox .btBox {
    width: 800px;
    margin: 0 auto; }
  .WorksBox___itle {
    width: 100%;
    max-width: 1538px;
    margin: 0 auto;
    padding: 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

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


事例　リスト表示


****************************************/
.WorksListBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .WorksListBox--CenterBox {
    width: 100%;
    max-width: 1538px;
    margin: 0 auto;
    padding: 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 60px; }

.WorksList {
  max-width: 446px;
  width: 31%;
  margin-right: 3.5%;
  -webkit-transition: 1s;
  transition: 1s;
  margin-bottom: 40px;
  border: 1px solid #f1f1f1;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .WorksList:nth-child(3n) {
    margin-right: 0; }
  .WorksList__ListBox-thumImg {
    margin-bottom: 20px; }
    .WorksList__ListBox-thumImg img {
      width: 100%; }
  .WorksList__time {
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 20px; }
  .WorksList__company {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 20px;
    color: #225f9e; }
  .WorksList__title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 20px 10px 20px;
    line-height: 130%; }
  .WorksList__text {
    font-size: 1.4rem;
    line-height: 160%;
    margin: 0 20px 20px 20px;
    color: #666; }
  .WorksList .tagbox {
    margin: 0 20px 0px 20px; }
    .WorksList .tagbox ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .WorksList .tagbox ul a {
        -webkit-transition: 0.6s;
        transition: 0.6s; }
        .WorksList .tagbox ul a:hover {
          opacity: 0.5; }
      .WorksList .tagbox ul li {
        margin-right: 10px;
        margin-bottom: 10px; }
        .WorksList .tagbox ul li:last-child {
          margin-right: 0; }
        .WorksList .tagbox ul li a {
          background-color: #ebebeb;
          padding: 10px 15px;
          border-radius: 30px;
          color: black;
          font-size: 1.2rem;
          letter-spacing: 2px; }
  .WorksList__writer {
    margin: auto 20px 20px 0px; }
    .WorksList__writer a {
      -webkit-transition: 0.6s;
      transition: 0.6s; }
      .WorksList__writer a:hover {
        opacity: 0.5; }
    .WorksList__writer a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .WorksList__writer a .writer-icon {
        margin-right: 10px; }
        .WorksList__writer a .writer-icon img {
          border-radius: 50%; }
      .WorksList__writer a .writer-name {
        font-size: 12px; }
  .WorksList__hover .hoverImg {
    position: relative;
    overflow: hidden;
    background-color: white;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .WorksList__hover .hoverImg img {
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .WorksList__hover .hoverImg::after {
      opacity: 0;
      content: 'more';
      font-family: 'copperplate_gothic';
      position: absolute;
      display: block;
      font-size: 10px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 100px; }
    .WorksList__hover .hoverImg::before {
      opacity: 0;
      content: '\f821';
      font-family: 'orion-font';
      position: absolute;
      display: block;
      font-size: 32px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 20px; }
  .WorksList__hover:hover .hoverImg {
    background-color: #07294e; }
    .WorksList__hover:hover .hoverImg img {
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      opacity: 0.1; }
    .WorksList__hover:hover .hoverImg::after {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 55px; }
    .WorksList__hover:hover .hoverImg::before {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 0; }
  .WorksList__hover:hover .MagazineList__time,
  .WorksList__hover:hover .MagazineList__title,
  .WorksList__hover:hover .MagazineList__text {
    color: #225f9e;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

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


総合経営サービスのお約束ページ


****************************************/
.statementPage {
  background-color: #d1e7f5;
  margin: 0 40px; }
  .statementPage .logoImg {
    text-align: center;
    padding-top: 120px; }
  .statementPage .MainCopy {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 593px;
    padding-top: 80px;
    padding-left: 54px;
    padding-bottom: 60px; }
    .statementPage .MainCopy__jp {
      font-family: 'NotoSerif';
      font-size: 50px;
      letter-spacing: 26px;
      line-height: 160%;
      padding-bottom: 30px; }
    .statementPage .MainCopy__en {
      font-family: 'copperplate_gothic';
      color: #8e8e8e;
      font-size: 10px;
      letter-spacing: 6px;
      border-top: 1px solid #225f9e;
      padding-top: 40px;
      display: inline-block; }
  .statementPage .statementText {
    text-align: center;
    font-family: 'NotoSerif';
    font-size: 2rem;
    letter-spacing: 10px;
    line-height: 300%;
    padding-bottom: 60px; }
  .statementPage .logoBack {
    max-width: 1553px;
    padding: 0 40px;
    margin: 0 auto; }
    .statementPage .logoBack img {
      width: 100%; }

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


ご挨拶ページ


****************************************/
.GreetingPage {
  width: 1000px;
  margin: 0 auto; }
  .GreetingPage__TitleH2 {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .GreetingPage__TitleH2 span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .GreetingPage__TitleH2::before {
      content: "";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .GreetingPage__TitleH2--mission {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .GreetingPage__TitleH2--mission span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .GreetingPage__TitleH2--mission::before {
      content: "mission";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .GreetingPage__TitleH2--thousand {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .GreetingPage__TitleH2--thousand span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .GreetingPage__TitleH2--thousand::before {
      content: "thousand years";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .GreetingPage__TitleH2--professional {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .GreetingPage__TitleH2--professional span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .GreetingPage__TitleH2--professional::before {
      content: "professional";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .GreetingPage__TitleH2--partner {
    font-family: 'NotoSerif';
    font-size: 48px;
    color: #07294e;
    letter-spacing: 6px;
    line-height: 150%;
    padding: 60px 0px 60px;
    border-top: solid 1px #225f9e;
    position: relative; }
    .GreetingPage__TitleH2--partner span {
      display: block;
      color: #da3b1b;
      font-size: 2.4rem;
      letter-spacing: 2px;
      padding-bottom: 10px; }
    .GreetingPage__TitleH2--partner::before {
      content: "partner";
      display: block;
      position: absolute;
      font-family: copperplate_gothic;
      color: #225f9e;
      opacity: 0.2;
      font-size: 100px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; }
  .GreetingPage__Img {
    width: 1000px;
    padding-bottom: 60px; }
    .GreetingPage__Img img {
      width: 100%; }
  .GreetingPage__text {
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 200%; }

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


総合経営サービスのお約束ページ


****************************************/
.statementPage {
  background-color: #d1e7f5;
  margin: 0 40px; }
  .statementPage .logoImg {
    text-align: center;
    padding-top: 120px; }
  .statementPage .MainCopy {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 593px;
    padding-top: 80px;
    padding-left: 54px;
    padding-bottom: 60px; }
    .statementPage .MainCopy__jp {
      font-family: 'NotoSerif';
      font-size: 50px;
      letter-spacing: 26px;
      line-height: 160%;
      padding-bottom: 30px; }
    .statementPage .MainCopy__en {
      font-family: 'copperplate_gothic';
      color: #8e8e8e;
      font-size: 10px;
      letter-spacing: 6px;
      border-top: 1px solid #225f9e;
      padding-top: 40px;
      display: inline-block; }
  .statementPage .statementText {
    text-align: center;
    font-family: 'NotoSerif';
    font-size: 2rem;
    letter-spacing: 10px;
    line-height: 300%;
    padding-bottom: 60px; }
  .statementPage .logoBack {
    max-width: 1553px;
    padding: 0 40px;
    margin: 0 auto; }
    .statementPage .logoBack img {
      width: 100%; }

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


マガジン


****************************************/
.MagazineBox {
  width: 100%;
  padding: 120px 0px;
  background-color: #d1e7f5; }
  .MagazineBox .btBox {
    width: 800px;
    margin: 0 auto; }

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


マガジン　リスト表示


****************************************/
.magazinePage .PageNation {
  margin-bottom: 120px; }

.magazinePage .HitText {
  line-height: 2.2;
  width: 100%;
  max-width: 1538px;
  margin: 0 auto;
  padding: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px; }
  .magazinePage .HitText span {
    font-size: 28px;
    font-weight: bold;
    color: #225f9e;
    padding-right: 5px; }

.MagazineListBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .MagazineListBox--CenterBox {
    width: 100%;
    max-width: 1538px;
    margin: 0 auto;
    padding: 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 60px; }

.MagazineBox__title {
  width: 100%;
  max-width: 1538px;
  margin: 0 auto;
  padding: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.yarpp-related {
  margin: 0 auto !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.MagazineList {
  max-width: 446px;
  width: 31%;
  margin-right: 3.5%;
  -webkit-transition: 1s;
  transition: 1s;
  margin-bottom: 40px;
  border: 1px solid #f1f1f1;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .MagazineList:nth-child(3n) {
    margin-right: 0; }
  .MagazineList__ListBox-thumImg {
    margin-bottom: 20px; }
    .MagazineList__ListBox-thumImg img {
      width: 100%; }
  .MagazineList__time {
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 20px; }
  .MagazineList__title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 20px 10px 20px;
    line-height: 130%; }
  .MagazineList__text {
    font-size: 1.4rem;
    line-height: 160%;
    margin: 0 20px 10px 20px;
    color: #666; }
  .MagazineList .tagbox {
    margin: 0 20px 0px 20px; }
    .MagazineList .tagbox ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .MagazineList .tagbox ul a {
        -webkit-transition: 0.6s;
        transition: 0.6s; }
        .MagazineList .tagbox ul a:hover {
          opacity: 0.5; }
      .MagazineList .tagbox ul li {
        margin-right: 10px;
        margin-bottom: 10px; }
        .MagazineList .tagbox ul li:last-child {
          margin-right: 0; }
        .MagazineList .tagbox ul li a {
          background-color: #ebebeb;
          padding: 10px 15px;
          border-radius: 30px;
          color: black;
          font-size: 1.2rem;
          letter-spacing: 2px; }
  .MagazineList__writer {
    margin: auto 20px 20px 0px; }
    .MagazineList__writer a {
      -webkit-transition: 0.6s;
      transition: 0.6s; }
      .MagazineList__writer a:hover {
        opacity: 0.5; }
    .MagazineList__writer a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .MagazineList__writer a .writer-icon {
        margin-right: 10px; }
        .MagazineList__writer a .writer-icon img {
          border-radius: 50%; }
      .MagazineList__writer a .writer-name {
        font-size: 12px; }
  .MagazineList__hover .hoverImg {
    position: relative;
    overflow: hidden;
    background-color: white;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .MagazineList__hover .hoverImg img {
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .MagazineList__hover .hoverImg::after {
      opacity: 0;
      content: 'more';
      font-family: 'copperplate_gothic';
      position: absolute;
      display: block;
      font-size: 10px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 100px; }
    .MagazineList__hover .hoverImg::before {
      opacity: 0;
      content: '\f821';
      font-family: 'orion-font';
      position: absolute;
      display: block;
      font-size: 32px;
      color: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 20px; }
  .MagazineList__hover:hover .hoverImg {
    background-color: #07294e; }
    .MagazineList__hover:hover .hoverImg img {
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      opacity: 0.1; }
    .MagazineList__hover:hover .hoverImg::after {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 55px; }
    .MagazineList__hover:hover .hoverImg::before {
      opacity: 0.5;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding-top: 0; }
  .MagazineList__hover:hover .MagazineList__time,
  .MagazineList__hover:hover .MagazineList__title,
  .MagazineList__hover:hover .MagazineList__text {
    color: #225f9e;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

.WriterProf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px; }
  .WriterProf__img {
    margin-right: 40px;
    width: 200px; }
    .WriterProf__img img {
      border-radius: 50%;
      width: 100%;
      height: auto !important; }
  .WriterProf__text {
    width: 560px; }
    .WriterProf__text .title {
      font-size: 16px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e4e4e4; }
    .WriterProf__text .name {
      font-weight: normal;
      line-height: 1.5;
      padding-top: 20px;
      font-size: 2.4rem;
      letter-spacing: 6px; }
    .WriterProf__text .post {
      color: #225f9e;
      font-size: 1.4rem;
      line-height: 1.5;
      padding-bottom: 10px; }
    .WriterProf__text .outline {
      font-size: 1.6rem;
      line-height: 1.7;
      padding-bottom: 15px; }
  .WriterProf__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .WriterProf__btn a {
      font-weight: bold;
      color: #225f9e;
      position: relative;
      z-index: 2;
      font-size: 1.4rem;
      letter-spacing: 4px;
      position: relative; }
      .WriterProf__btn a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px;
        /*テキストからの距離*/
        width: 0%;
        /*初期状態では下線非表示*/
        height: 1px;
        /*下線の高さ*/
        background: #225f9e;
        /*下線の色*/
        z-index: -1;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .WriterProf__btn a:hover {
        -webkit-transition: 0.25s;
        transition: 0.25s;
        color: #225f9e; }
        .WriterProf__btn a:hover::after {
          width: 100%;
          /*hover時に表示*/ }
      .WriterProf__btn a::before {
        font-family: 'orion-font';
        content: '\f829';
        color: #225f9e;
        font-size: 1.6rem;
        position: relative;
        z-index: 2;
        margin-right: 5px; }

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


ニュースアーカイブ


****************************************/
.newsArchiveBox {
  width: 100%;
  max-width: 1538px;
  margin: 0 auto;
  padding: 0 60px;
  margin-bottom: 160px; }

.NewsListBox {
  width: 100%;
  margin-bottom: 60px; }
  .NewsListBox__list, .NewsListBox__list-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px dashed #666;
    padding-top: 40px;
    padding-bottom: 40px; }
    .NewsListBox__list:last-child, .NewsListBox__list-top:last-child {
      border-bottom: 1px dashed #666; }
    .NewsListBox__list .day, .NewsListBox__list-top .day {
      width: 140px;
      color: black;
      padding-top: 7px; }
    .NewsListBox__list .text, .NewsListBox__list-top .text {
      width: calc(100% - 140px); }
      .NewsListBox__list .text .tag, .NewsListBox__list-top .text .tag {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .NewsListBox__list .text .tag a, .NewsListBox__list-top .text .tag a {
          -webkit-transition: 0.6s;
          transition: 0.6s; }
          .NewsListBox__list .text .tag a:hover, .NewsListBox__list-top .text .tag a:hover {
            opacity: 0.5; }
        .NewsListBox__list .text .tag li, .NewsListBox__list-top .text .tag li {
          margin-right: 10px;
          margin-bottom: 10px; }
          .NewsListBox__list .text .tag li:last-child, .NewsListBox__list-top .text .tag li:last-child {
            margin-right: 0; }
          .NewsListBox__list .text .tag li a, .NewsListBox__list-top .text .tag li a {
            background-color: #225f9e;
            padding: 10px 15px;
            border-radius: 30px;
            color: white;
            font-size: 1.2rem;
            letter-spacing: 2px; }
      .NewsListBox__list .text .newsText a .title, .NewsListBox__list-top .text .newsText a .title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px; }
      .NewsListBox__list .text .newsText a .details, .NewsListBox__list-top .text .newsText a .details {
        font-size: 14px;
        line-height: 150%;
        list-height: 150%;
        color: #666; }
      .NewsListBox__list .text .newsText a:hover, .NewsListBox__list-top .text .newsText a:hover {
        text-decoration: underline;
        opacity: 0.5; }
  .NewsListBox__list-top {
    border-top: 1px dashed #225f9e; }
    .NewsListBox__list-top:last-child {
      border-bottom: 1px dashed #225f9e; }
    .NewsListBox__list-top .day {
      color: white; }
    .NewsListBox__list-top .text .tag {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .NewsListBox__list-top .text .tag a {
        -webkit-transition: 0.6s;
        transition: 0.6s; }
        .NewsListBox__list-top .text .tag a:hover {
          opacity: 0.5; }
      .NewsListBox__list-top .text .tag li {
        margin-right: 10px;
        margin-bottom: 10px; }
        .NewsListBox__list-top .text .tag li:last-child {
          margin-right: 0; }
        .NewsListBox__list-top .text .tag li a {
          background-color: #225f9e;
          padding: 10px 15px;
          border-radius: 30px;
          color: white;
          font-size: 1.2rem;
          letter-spacing: 2px; }
    .NewsListBox__list-top .text .newsText a .title {
      color: white; }
    .NewsListBox__list-top .text .newsText a .details {
      color: white;
      opacity: 0.7; }
    .NewsListBox__list-top .text .newsText a:hover {
      -webkit-text-decoration-color: white;
              text-decoration-color: white; }

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


お問い合わせ


****************************************/
.Contact {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 120px; }
  .Contact__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px; }
  .Contact__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 30%;
    padding-top: 12px;
    padding-right: 20px; }
    .Contact__title .name {
      font-weight: bold;
      padding-top: 3px;
      margin-right: 10px; }
    .Contact__title .hissu {
      font-size: 12px;
      background-color: #da3b1b;
      height: auto;
      color: white;
      padding: 5px; }
  .Contact__form__text {
    width: 70%; }
    .Contact__form__text input {
      border: none;
      background-color: #f1f1f1;
      font-size: 16px;
      padding: 15px;
      width: 100%; }
  .Contact__form__textarea {
    width: 70%; }
    .Contact__form__textarea textarea {
      border: none;
      background-color: #f1f1f1;
      font-size: 16px;
      padding: 15px;
      width: 100%;
      height: 300px; }
  .Contact__privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 60px; }
    .Contact__privacy a {
      font-weight: bold;
      color: #225f9e;
      position: relative;
      z-index: 2;
      font-size: 1.4rem;
      letter-spacing: 4px;
      position: relative; }
      .Contact__privacy a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px;
        /*テキストからの距離*/
        width: 0%;
        /*初期状態では下線非表示*/
        height: 1px;
        /*下線の高さ*/
        background: #225f9e;
        /*下線の色*/
        z-index: -1;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .Contact__privacy a:hover {
        -webkit-transition: 0.25s;
        transition: 0.25s;
        color: #225f9e; }
        .Contact__privacy a:hover::after {
          width: 100%;
          /*hover時に表示*/ }
      .Contact__privacy a::before {
        font-family: 'orion-font';
        content: '\f829';
        color: #225f9e;
        font-size: 1.6rem;
        position: relative;
        z-index: 2;
        margin-right: 5px; }
  .Contact__bt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 80px; }
    .Contact__bt .formBt input {
      font-size: 1.6rem;
      letter-spacing: 4px;
      background-color: #225f9e;
      padding: 20px 40px;
      text-align: center;
      color: white;
      border: none; }
    .Contact__bt .backBt {
      margin-right: 20px; }
      .Contact__bt .backBt input {
        font-size: 1.6rem;
        letter-spacing: 4px;
        background-color: #666;
        padding: 20px 40px;
        text-align: center;
        color: white;
        border: none; }
  .Contact__message {
    font-weight: bold;
    color: black;
    text-align: center;
    padding: 40px;
    margin-bottom: 60px;
    background-color: #f1f1f1;
    line-height: 2; }
    .Contact__message-red {
      font-weight: bold;
      color: #da3b1b;
      text-align: center;
      padding: 40px;
      margin-bottom: 60px;
      background-color: #f1f1f1;
      line-height: 2; }
    .Contact__message-thin {
      font-weight: normal;
      color: black;
      text-align: center;
      padding: 40px;
      margin-bottom: 60px;
      background-color: #f1f1f1;
      line-height: 2; }
  .Contact .error {
    font-weight: bold;
    padding-top: 10px;
    color: #da3b1b !important; }

.Kakunin .Contact__form__text {
  width: 70%;
  padding-top: 15px; }

.Kakunin .Contact__form__textArea {
  width: 70%;
  padding-top: 15px; }

.QA {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 120px; }
  .QA a {
    -webkit-transition: 0.6s;
    transition: 0.6s; }
    .QA a:hover {
      opacity: 0.5; }
  .QA li {
    margin-bottom: 30px;
    border-bottom: 1px dashed #b4c9df; }
    .QA li:first-of-type {
      border-top: 1px dashed #b4c9df;
      padding-top: 30px; }
    .QA li a {
      width: 100%;
      display: block; }
  .QA__question {
    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;
    padding-bottom: 30px; }
    .QA__question .textbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .QA__question .textbox .icon::after {
        content: "Q";
        font-family: 'copperplate_gothic';
        font-weight: '$weight';
        display: block;
        border-radius: 50%;
        background-color: #225f9e;
        color: white;
        text-align: center;
        line-height: 230%;
        font-size: 18px;
        width: 40px;
        height: 40px; }
      .QA__question .textbox .text {
        padding-left: 10px;
        font-weight: bold;
        line-height: 150%; }
    .QA__question .plus::after {
      content: "+";
      display: block;
      color: #225f9e;
      text-align: center;
      font-size: 24px;
      margin-right: 10px;
      margin-left: 20px; }
    .QA__question .minus::after {
      content: "-";
      display: block;
      color: #225f9e;
      text-align: center;
      font-size: 24px;
      margin-right: 10px;
      margin-left: 20px; }
  .QA__answer {
    display: none;
    padding-bottom: 30px; }
    .QA__answer .textbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .QA__answer .textbox .icon::after {
        content: "A";
        font-family: 'copperplate_gothic';
        font-weight: '$weight';
        display: block;
        border-radius: 50%;
        background-color: #07294e;
        color: white;
        text-align: center;
        line-height: 230%;
        font-size: 18px;
        width: 40px;
        height: 40px; }
      .QA__answer .textbox .text {
        padding-left: 10px;
        line-height: 2; }

.NoPage {
  width: 800px;
  margin: 0 auto; }
  .NoPage__text {
    text-align: center;
    font-size: 24px;
    letter-spacing: 6px;
    font-weight: bold;
    margin: 120px 0; }
  .NoPage__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #225f9e;
    width: auto;
    background-color: #225f9e;
    width: 100%;
    margin-bottom: 120px; }
    .NoPage__back a {
      position: relative;
      z-index: 2;
      padding: 20px;
      font-size: 1.4rem;
      letter-spacing: 4px;
      color: white;
      width: auto;
      text-align: center;
      position: relative; }
      .NoPage__back a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        /*初期状態では下線非表示*/
        height: 55px;
        /*下線の高さ*/
        background: #d1e7f5;
        /*下線の色*/
        z-index: -1;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        /*アニメーション速度*/
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
      .NoPage__back a:hover {
        -webkit-transition: 0.25s;
        transition: 0.25s;
        color: #225f9e; }
        .NoPage__back a:hover::before {
          color: #225f9e; }
        .NoPage__back a:hover::after {
          width: 100%;
          /*hover時に表示*/ }
        .NoPage__back a:hover .DetailsBt__LinkBox-text {
          color: white;
          position: relative;
          z-index: 2; }
        .NoPage__back a:hover .DetailsBt__LinkBox-text--white {
          color: #225f9e;
          position: relative;
          z-index: 2; }
        .NoPage__back a:hover .CircleArrow--navy {
          background-color: white;
          color: #225f9e;
          position: relative;
          z-index: 2; }
        .NoPage__back a:hover .CircleArrow--white {
          background-color: #225f9e;
          color: white;
          position: relative;
          z-index: 2; }
      .NoPage__back a::before {
        font-family: 'orion-font';
        content: '\f829';
        color: white;
        font-size: 16px;
        position: relative;
        z-index: 2;
        margin-right: 5px; }
    .NoPage__back a {
      color: white;
      width: 100%;
      text-align: center; }
      .NoPage__back a::before {
        content: '\f828';
        color: white; }

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


マニュアル　アーカイブ


****************************************/
.ManualListBox {
  width: 100%;
  margin-bottom: 60px; }
  .ManualListBox__list {
    border-top: 1px dashed #666;
    padding-top: 40px;
    padding-bottom: 40px; }
    .ManualListBox__list:last-child {
      border-bottom: 1px dashed #666; }
    .ManualListBox__list .text {
      width: calc(100% - 140px); }
      .ManualListBox__list .text a:hover {
        opacity: 0.5; }
      .ManualListBox__list .text .title {
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: bold; }

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


メールマガジン


****************************************/
.Mailmagazine .Contact__form__text {
  margin: 0 auto; }
  .Mailmagazine .Contact__form__text input {
    text-align: center;
    padding: 25px 15px; }

.Mailmagazine .Contact__bt {
  margin-top: 20px; }

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

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

.slick-list {
  padding-left: calc(50% - 223px); }

.slide-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -50px; }

.slide-dots li {
  display: block;
  margin: 20px 5px 0; }

.slide-dots li button {
  position: relative;
  text-indent: -9999px;
  background-color: transparent;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  text-rendering: auto;
  color: none;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 6px;
  border-width: 0px;
  border-style: outset;
  border-color: bibe;
  -o-border-image: initial;
  border-image: initial;
  color: #d1e7f5;
  font-size: 1px; }

.slide-dots li button:before {
  content: '●';
  color: white;
  font-size: 2rem;
  text-indent: 0px;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0; }

.slide-dots li button:focus {
  outline: 0; }

.slide-dots li.slick-active button:before {
  content: '●';
  opacity: 1; }

.slideArrowLeft,
.slideArrowRight {
  position: absolute;
  z-index: 9999;
  cursor: pointer;
  top: 32%;
  background-color: #225f9e;
  color: white; }

.slideArrowLeft {
  left: 30px; }

.slideArrowRight {
  right: 30px; }

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


scssタイトル


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

@media (max-width: 480px) {
      .DetailsBt a {
        font-size: 1.2rem;
        letter-spacing: 2px; }
      .DetailsBt-reverse a {
        font-size: 1.2rem;
        letter-spacing: 2px; }
      .DetailsBt-white a {
        font-size: 1.2rem;
        letter-spacing: 2px; }
      .DetailsBt-white-email a {
        font-size: 1.2rem;
        letter-spacing: 2px; }
      .DetailsBt-white-download a {
        font-size: 1.2rem;
        letter-spacing: 2px; }
      .textBt a {
        font-size: 1.2rem;
        letter-spacing: 2px; }
    .ptS {
      padding-top: 10px; }
    .ptM {
      padding-top: 15px; }
    .ptL {
      padding-top: 25px; }
    .ptLL {
      padding-top: 40px; }
    .ptLLL {
      padding-top: 60px; }
    .pbS {
      padding-bottom: 10px; }
    .pbM {
      padding-bottom: 15px; }
    .pbL {
      padding-bottom: 25px; }
    .pbLL {
      padding-bottom: 40px; }
    .pbLLL {
      padding-bottom: 60px; }
    .mtS {
      margin-top: 10px; }
    .mtM {
      margin-top: 15px; }
    .mtL {
      margin-top: 25px; }
    .mtLL {
      margin-top: 40px; }
    .mtLLL {
      margin-top: 60px; }
    .mbS {
      margin-bottom: 10px; }
    .mbM {
      margin-bottom: 15px; }
    .mbL {
      margin-bottom: 25px; }
    .mbLL {
      margin-bottom: 40px; }
    .mbLLL {
      margin-bottom: 60px; }
    .mtbS {
      margin: 10px 0; }
    .mtbSM {
      margin: 12.5px 0; }
    .mtbM {
      margin: 15px 0; }
    .mtbL {
      margin: 25px 0; }
    .mtbLL {
      margin: 40px 0; }
    .mtbLLL {
      margin: 60px 0; }
      html body {
        font-size: 1.4rem; }
      .header .HeaderLogo__logoImg {
        padding-right: 10px; }
        .header .HeaderLogo__logoImg img {
          width: 80px; }
      .SpHeaderNavi a {
        height: 17px; }
      .SpOverlay .spGlobalNavi {
        padding: 60px 25px 20px;
        background-size: 600px; }
        .SpOverlay .SpGlobalMenu li {
          padding-bottom: 30px; }
        .SpOverlay .SpGlobalMenu__text--jp {
          font-size: 1.8rem; }
        footer .FooterContact__Title-icon {
          font-size: 2.4rem;
          padding-right: 5px; }
        footer .FooterContact__Title-text {
          font-size: 1.8rem;
          letter-spacing: 1px; }
      footer .FooterTel {
        padding: 30px 20px; }
      footer .FooterMailmagazine a {
        height: 100px; }
        footer .FooterMailmagazine a .subcopy {
          font-size: 12px;
          letter-spacing: 0;
          padding-bottom: 0px;
          padding-top: 25px;
          padding-left: 20px; }
        footer .FooterMailmagazine a .TopTitleBox__jpTitle-icon {
          letter-spacing: 2;
          padding-left: 20px; }
        footer .FooterSiteMapLink__ListBox-parent {
          padding-bottom: 10px; }
          footer .FooterSiteMapLink__ListBox-parent a {
            font-size: 1.2rem; }
          footer .FooterSiteMapLink__ListBox-parent span {
            font-size: 1.2rem; }
        footer .FooterSiteMapLink__ListBox-child {
          padding-bottom: 5px; }
          footer .FooterSiteMapLink__ListBox-child a {
            font-size: 10px;
            margin-left: 8px; }
          footer .FooterSiteMapLink__ListBox-child span {
            font-size: 10px;
            margin-left: 8px; }
      footer .FooterSiteMapSubLink {
        padding: 15px 0; }
        footer .FooterSiteMapSubLink__listBox {
          width: 100%;
          padding: 0 20px; }
          footer .FooterSiteMapSubLink__listBox li a {
            font-size: 1.2rem; }
      footer small {
        padding: 40px 0; }
    .ContentsThumnail {
      display: block; }
        .ContentsThumnail__ListBox:last-child, .ContentsThumnail__ListBox:nth-last-child(2), .ContentsThumnail__ListBox:nth-last-child(3) {
          margin-bottom: 25px; }
      .ContentsThumnail__ListBox-thumImg {
        margin-bottom: 15px; }
      .ContentsThumnail__ListBox-titleEn {
        margin-bottom: 5px; }
      .ContentsThumnail__ListBox-text {
        font-size: 1.2rem; }
      .ContentsThumnail__ListBox-text--zyunbi {
        font-size: 1.2rem; }
      .EtcLinkList__TitleEn {
        margin-bottom: 5px; }
        .ContentsThumnail4colum__ListBox:last-child, .ContentsThumnail4colum__ListBox:nth-last-child(2), .ContentsThumnail4colum__ListBox:nth-last-child(3), .ContentsThumnail4colum__ListBox:nth-last-child(4) {
          margin-bottom: 25px; }
      .ContentsThumnail4colum__ListBox-thumImg {
        margin-bottom: 15px; }
      .ContentsThumnail4colum__ListBox-titleEn {
        margin-bottom: 5px; }
      .ContentsThumnail4colum__ListBox-titleEn--zyunbi {
        margin-bottom: 5px; }
      .ContentsBox__TitleH2 {
        padding: 15px;
        font-size: 1.8rem;
        margin-top: 30px; }
      .ContentsBox__TitleH3 {
        padding-bottom: 10px;
        margin-top: 30px;
        font-size: 1.6rem; }
      .Loader__logo {
        width: 80px; }
        .Loader__logo img {
          width: 100%; }
      .Contents__data {
        margin-bottom: 0; }
      .Contents__tag {
        margin-bottom: 10px; }
          .Contents__tag li a {
            padding: 7px 10px;
            letter-spacing: 1px;
            font-size: 10px; }
        .Contents__tag .post-categories {
          margin-bottom: 10px; }
            .Contents__tag .post-categories li a {
              padding: 7px 10px;
              letter-spacing: 1px;
              font-size: 10px; }
        .Contents__tag .post-categories {
          margin-bottom: 0; }
      .Contents__titleH2 {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .Contents__titleH2 br {
          display: none; }
        .Contents__titleH2::before {
          font-size: 48px; }
      .Contents__titleH2-magazine {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .Contents__titleH2-magazine br {
          display: none; }
        .Contents__titleH2-magazine::before {
          font-size: 48px; }
      .Contents__titleH2-works {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .Contents__titleH2-works br {
          display: none; }
        .Contents__titleH2-works::before {
          font-size: 48px; }
      .Contents__titleH2-manual {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .Contents__titleH2-manual br {
          display: none; }
        .Contents__titleH2-manual::before {
          font-size: 48px; }
      .Contents__titleH2-mailmagazine {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .Contents__titleH2-mailmagazine br {
          display: none; }
        .Contents__titleH2-mailmagazine::before {
          font-size: 48px; }
        .Contents .backBtn a {
          font-size: 1.2rem;
          letter-spacing: 2px; }
      .Blog h2,
      .block-editor-writing-flow h2,
      .editor-styles-wrapper h2 {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%; }
        .Blog h2 br,
        .block-editor-writing-flow h2 br,
        .editor-styles-wrapper h2 br {
          display: none; }
      .Blog h2,
      .block-editor-writing-flow h2,
      .editor-styles-wrapper h2 {
        margin-top: 60px; }
      .Blog h3,
      .block-editor-writing-flow h3,
      .editor-styles-wrapper h3 {
        padding: 15px;
        font-size: 1.8rem;
        margin-bottom: 30px; }
      .Blog h3,
      .block-editor-writing-flow h3,
      .editor-styles-wrapper h3 {
        margin-top: 40px; }
      .Blog h4,
      .block-editor-writing-flow h4,
      .editor-styles-wrapper h4 {
        padding-bottom: 10px;
        font-size: 1.6rem;
        line-height: 140%;
        margin-bottom: 10px; }
      .Blog h4,
      .block-editor-writing-flow h4,
      .editor-styles-wrapper h4 {
        margin-top: 25px; }
      .Blog h5,
      .block-editor-writing-flow h5,
      .editor-styles-wrapper h5 {
        padding-bottom: 10px;
        margin-top: 30px;
        font-size: 1.4rem; }
      .Blog h5,
      .block-editor-writing-flow h5,
      .editor-styles-wrapper h5 {
        margin-top: 15px; }
      .Blog h6,
      .block-editor-writing-flow h6,
      .editor-styles-wrapper h6 {
        padding-bottom: 10px;
        margin-top: 30px;
        font-size: 1.4rem; }
      .Blog h6,
      .block-editor-writing-flow h6,
      .editor-styles-wrapper h6 {
        margin-top: 15px; }
      .Blog p,
      .block-editor-writing-flow p,
      .editor-styles-wrapper p {
        font-size: 1.4rem;
        line-height: 180%;
        letter-spacing: 0px; }
      .Blog p,
      .block-editor-writing-flow p,
      .editor-styles-wrapper p {
        margin: 12.5px 0; }
        .Blog p a,
        .block-editor-writing-flow p a,
        .editor-styles-wrapper p a {
          font-size: 1.4rem;
          line-height: 180%;
          letter-spacing: 0px; }
      .Blog ul li,
      .block-editor-writing-flow ul li,
      .editor-styles-wrapper ul li {
        padding-bottom: 10px;
        font-size: 1.4rem;
        line-height: 140%;
        width: auto; }
      .Blog blockquote,
      .block-editor-writing-flow blockquote,
      .editor-styles-wrapper blockquote {
        margin: 12.5px 0; }
        .Blog table td,
        .block-editor-writing-flow table td,
        .editor-styles-wrapper table td {
          padding: 10px;
          font-size: 1.4rem; }
      .Blog figcaption,
      .block-editor-writing-flow figcaption,
      .editor-styles-wrapper figcaption {
        margin: 10px 0; }
        .Blog .wp-block-button a,
        .block-editor-writing-flow .wp-block-button a,
        .editor-styles-wrapper .wp-block-button a {
          font-size: 1.2rem;
          letter-spacing: 2px; }
      .Blog 　.wp-block-columns .wp-block-column h4,
      .block-editor-writing-flow 　.wp-block-columns .wp-block-column h4,
      .editor-styles-wrapper 　.wp-block-columns .wp-block-column h4 {
        margin-top: 10px; }
      .Blog 　.wp-block-columns .wp-block-column h5,
      .block-editor-writing-flow 　.wp-block-columns .wp-block-column h5,
      .editor-styles-wrapper 　.wp-block-columns .wp-block-column h5 {
        margin-top: 10px; }
      .Blog 　.wp-block-columns .wp-block-column h6,
      .block-editor-writing-flow 　.wp-block-columns .wp-block-column h6,
      .editor-styles-wrapper 　.wp-block-columns .wp-block-column h6 {
        margin-top: 10px; }
          .TopTitleBox__jpTitle-icon .icon-img img {
            width: 30px; }
      .Table tr {
        display: block;
        padding: 20px 0; }
        .Table tr td {
          width: 100%;
          font-size: 1.4rem; }
    .GoogleMap {
      margin-top: 20px; }
    .SnsShare {
      padding: 30px;
      margin-bottom: 40px;
      margin-top: 40px; }
      .SnsShare__title {
        padding-bottom: 15px;
        font-size: 18px; }
        .PageNation ul li a {
          width: 30px;
          height: 30px;
          padding-top: 10px;
          margin: 0 2px; }
        .PageNation ul li .current {
          width: 30px;
          height: 30px;
          padding-top: 10px;
          margin: 0 2px; }
        .PageNation ul li .dots {
          line-height: 2.2; }
        .serviceTopBox .ServiceTitleBox__text {
          letter-spacing: 0px; }
        .serviceTopBox .ServiceTopContents__ListBox {
          width: 48%;
          padding-right: 0;
          margin-right: 2%;
          margin-bottom: 30px;
          border-right: none; }
          .serviceTopBox .ServiceTopContents__ListBox:nth-child(3n) {
            width: 48%;
            padding-right: 0;
            margin-right: 2%;
            margin-bottom: 20px;
            border-right: none; }
          .serviceTopBox .ServiceTopContents__ListBox:nth-child(2n) {
            width: 48%;
            margin-right: 0;
            margin-left: 2%;
            margin-bottom: 30px;
            padding-right: 0;
            border-right: 0; }
        .serviceTopBox .ServiceTopContents__ListBox-titleEn {
          margin-bottom: 8px; }
        .serviceTopBox .ServiceTopContents__ListBox-text {
          font-size: 1.2rem;
          line-height: 140%; }
        .serviceTopBox .ServiceTopContents__ListBox-thumImg {
          margin-bottom: 8px; }
          .topGroupeBox .TopGroupeContentsBox__ListBox a {
            display: block; }
        .topGroupeBox .TopGroupeContentsBox__ListBox a .ArrowTitle,
        .topGroupeBox .TopGroupeContentsBox__ListBox a .DetailsText--14-180 {
          margin-right: 0; }
    .PickUpListbox {
      display: block;
      margin-bottom: 30px; }
        .PickUpListbox .PickUpList:last-child, .PickUpListbox .PickUpList:nth-last-child(2), .PickUpListbox .PickUpList:nth-last-child(3) {
          margin-bottom: 0px; }
        .PickUpListbox .PickUpList__ListBox-thumImg {
          margin-bottom: 15px; }
        .PickUpListbox .PickUpList__title {
          margin-bottom: 5px;
          font-size: 1.6rem;
          letter-spacing: 0; }
        .PickUpListbox .PickUpList__text {
          font-size: 1.2rem;
          margin-bottom: 10px; }
          .GroupList__text-specText p {
            font-size: 1.4rem;
            line-height: 140%;
            padding-bottom: 5px; }
        .GroupGaiyou__imageBox li {
          padding-bottom: 15px; }
        .Staff__list li .name {
          font-size: 1.6rem; }
        .Staff__list li .post {
          font-size: 1rem;
          padding-bottom: 5px; }
        .Staff__list li .outline {
          font-size: 1.2rem; }
          .StaffSingle__profBox .text .name {
            font-size: 2.4rem; }
          .StaffSingle__profBox .text .post {
            font-size: 1.2rem;
            padding-bottom: 5px; }
          .StaffSingle__profBox .text .outline {
            font-size: 1.4rem; }
      .BusinessContents__TitleH2 {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .BusinessContents__TitleH2 br {
          display: none; }
        .BusinessContents__TitleH2::before {
          font-size: 48px; }
      .BusinessContents__TitleH2--kaiketsu {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .BusinessContents__TitleH2--kaiketsu br {
          display: none; }
        .BusinessContents__TitleH2--kaiketsu::before {
          font-size: 48px; }
      .BusinessContents__TitleH3 {
        padding: 15px;
        font-size: 1.8rem;
        margin-bottom: 30px; }
      .BusinessContents__TitleH4 {
        padding-bottom: 10px;
        font-size: 1.6rem;
        line-height: 140%;
        margin-bottom: 10px; }
      .BusinessContents__TitleH5 {
        padding-bottom: 10px;
        margin-top: 30px;
        font-size: 1.4rem; }
      .BusinessContents__text {
        font-size: 1.4rem;
        line-height: 180%;
        letter-spacing: 0px; }
      .BusinessContents__List {
        padding: 30px 20px; }
        .BusinessContents__List li {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .checkIcon {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num1 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num2 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num3 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num4 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num5 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num6 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num7 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num8 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num9 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
        .BusinessContents__List .num10 {
          padding-bottom: 10px;
          font-size: 1.4rem;
          line-height: 140%;
          width: auto; }
      .BusinessContents__List--zisseki li {
        padding-bottom: 10px;
        font-size: 1.4rem;
        line-height: 140%;
        width: auto; }
      .MoneyTable tr,
      .MoneyTable td {
        padding: 10px;
        font-size: 1.4rem; }
      .MoneyTable__Title {
        font-size: 1.6rem; }
      .MoneyTable .subTitle {
        width: 40%; }
      .WorksListBox--CenterBox {
        margin-bottom: 25px; }
      .WorksList__ListBox-thumImg {
        margin-bottom: 15px; }
      .WorksList__title {
        margin-bottom: 5px;
        font-size: 1.6rem;
        letter-spacing: 0; }
      .WorksList__text {
        font-size: 1.2rem;
        margin-bottom: 10px; }
        .WorksList .tagbox ul {
          margin-bottom: 10px; }
            .WorksList .tagbox ul li a {
              padding: 7px 10px;
              letter-spacing: 1px;
              font-size: 10px; }
        .WorksList .tagbox ul {
          margin-bottom: 0; }
      .statementPage .logoImg {
        padding-top: 60px; }
        .statementPage .logoImg img {
          width: 30%; }
      .statementPage .logoBack {
        padding: 0 20px; }
      .GreetingPage__TitleH2 {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .GreetingPage__TitleH2 br {
          display: none; }
        .GreetingPage__TitleH2::before {
          font-size: 48px; }
      .GreetingPage__TitleH2--mission {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .GreetingPage__TitleH2--mission br {
          display: none; }
        .GreetingPage__TitleH2--mission::before {
          font-size: 48px; }
      .GreetingPage__TitleH2--thousand {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .GreetingPage__TitleH2--thousand br {
          display: none; }
        .GreetingPage__TitleH2--thousand::before {
          font-size: 48px; }
      .GreetingPage__TitleH2--professional {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .GreetingPage__TitleH2--professional br {
          display: none; }
        .GreetingPage__TitleH2--professional::before {
          font-size: 48px; }
      .GreetingPage__TitleH2--partner {
        font-size: 2.4rem;
        padding: 30px 0;
        line-height: 130%;
        letter-spacing: 2px; }
        .GreetingPage__TitleH2--partner br {
          display: none; }
        .GreetingPage__TitleH2--partner::before {
          font-size: 48px; }
      .GreetingPage__text {
        font-size: 1.4rem;
        line-height: 180%; }
      .statementPage .logoImg {
        padding-top: 60px; }
        .statementPage .logoImg img {
          width: 30%; }
      .statementPage .logoBack {
        padding: 0 20px; }
    .magazinePage .PageNation {
      margin-bottom: 60px; }
    .magazinePage .HitText {
      margin-bottom: 25px; }
      .MagazineListBox--CenterBox {
        margin-bottom: 25px; }
      .MagazineList__ListBox-thumImg {
        margin-bottom: 15px; }
      .MagazineList__title {
        margin-bottom: 5px;
        font-size: 1.6rem;
        letter-spacing: 0; }
      .MagazineList__text {
        font-size: 1.2rem;
        margin-bottom: 10px; }
        .MagazineList .tagbox ul {
          margin-bottom: 10px; }
            .MagazineList .tagbox ul li a {
              padding: 7px 10px;
              letter-spacing: 1px;
              font-size: 10px; }
        .MagazineList .tagbox ul {
          margin-bottom: 0; }
        .WriterProf__text .name {
          font-size: 2.4rem; }
        .WriterProf__text .post {
          font-size: 1.2rem;
          padding-bottom: 5px; }
        .WriterProf__text .outline {
          font-size: 1.4rem; }
        .WriterProf__btn a {
          font-size: 1.2rem;
          letter-spacing: 2px; }
    .newsArchiveBox {
      padding: 0 20px;
      margin-bottom: 40px; }
    .NewsListBox {
      margin-bottom: 20px; }
      .NewsListBox__list, .NewsListBox__list-top {
        padding: 20px 0;
        display: block; }
        .NewsListBox__list .day, .NewsListBox__list-top .day {
          width: 100%;
          padding-top: 0;
          padding-bottom: 10px;
          font-size: 1.2rem; }
        .NewsListBox__list .text, .NewsListBox__list-top .text {
          width: 100%; }
          .NewsListBox__list .text .tag, .NewsListBox__list-top .text .tag {
            margin-bottom: 10px; }
              .NewsListBox__list .text .tag li a, .NewsListBox__list-top .text .tag li a {
                padding: 7px 10px;
                letter-spacing: 1px;
                font-size: 10px; }
          .NewsListBox__list .text .tag, .NewsListBox__list-top .text .tag {
            margin-bottom: 0; }
          .NewsListBox__list .text .newsText a .details, .NewsListBox__list-top .text .newsText a .details {
            font-size: 12px; }
        .NewsListBox__list .text .newsText a, .NewsListBox__list-top .text .newsText a {
          font-size: 1.4rem; }
        .NewsListBox__list-top .text .tag {
          margin-bottom: 10px; }
            .NewsListBox__list-top .text .tag li a {
              padding: 7px 10px;
              letter-spacing: 1px;
              font-size: 10px; }
    .Contact {
      margin-bottom: 60px; }
        .Contact__title .name {
          padding-right: 10px; }
        .Contact__privacy a {
          font-size: 1.2rem;
          letter-spacing: 2px; }
      .Contact__privacy {
        margin-bottom: 25px; }
      .Contact__bt {
        margin-top: 40px; }
        .Contact__bt .formBt input {
          font-size: 1.4rem;
          letter-spacing: 2px;
          padding: 10px 20px; }
          .Contact__bt .backBt input {
            font-size: 1.4rem;
            letter-spacing: 2px;
            padding: 10px 20px; }
      .Contact__message {
        padding: 20px;
        margin-bottom: 20px; }
        .Contact__message-red {
          padding: 20px;
          margin-bottom: 20px; }
        .Contact__message-thin {
          padding: 20px;
          margin-bottom: 20px; }
    .QA {
      margin-bottom: 60px; }
      .QA li {
        margin-bottom: 15px; }
        .QA li:first-of-type {
          padding-top: 15px; }
      .QA__question {
        padding-bottom: 15px; }
          .QA__question .textbox .icon::after {
            width: 25px;
            height: 25px;
            font-size: 12px;
            line-height: 2.2; }
          .QA__question .textbox .text {
            padding-left: 5px; }
        .QA__question .plus::after {
          font-size: 14px;
          margin-right: 5px;
          margin-left: 5px; }
        .QA__question .minus::after {
          font-size: 14px;
          margin-right: 5px;
          margin-left: 5px; }
      .QA__answer {
        padding-bottom: 15px; }
          .QA__answer .textbox .icon::after {
            width: 25px;
            height: 25px;
            font-size: 12px;
            line-height: 2.2; }
          .QA__answer .textbox .text {
            line-height: 1.5;
            padding-left: 5px; }
      .NoPage__text {
        margin: 60px 0; }
        .NoPage__back a {
          font-size: 1.2rem;
          letter-spacing: 2px; }
      .NoPage__back {
        margin-bottom: 60px; }
    .ManualListBox {
      margin-bottom: 20px; }
      .ManualListBox__list {
        padding: 20px 0;
        display: block; }
        .ManualListBox__list .text {
          width: 100%; }
    .slick-slide {
      height: auto; }
    .slide-dots li {
      margin-top: 0px; }
    .slideArrowLeft,
    .slideArrowRight {
      display: none; }
    .slideArrowLeft {
      left: 10px; }
    .slideArrowRight {
      right: 10px; } }

@media (max-width: 1023px) {
    .CircleArrow--navy--big {
      font-size: 2.4rem;
      height: 40px;
      width: 40px;
      padding-top: 7px; }
    .header {
      padding: 10px 20px 10px 10px; }
      .header .headerNavi {
        display: none; }
    .SpHeaderNavi {
      display: block;
      right: 0;
      z-index: 10000;
      height: 20px; }
      footer .FooterContact {
        display: block; }
        footer .FooterContact .FooterContact__Box--navy1, footer .FooterContact .FooterContact__Box--navy2, footer .FooterContact .FooterContact__Box--navy3 {
          width: 100%;
          padding: 30px; }
        footer .FooterContact__Title {
          padding-bottom: 10px; }
        footer .FooterContact__outline {
          padding-bottom: 20px; }
          footer .FooterContact__outline br {
            display: none; }
        footer .FooterTel__Num-icon {
          font-size: 32px; }
        footer .FooterTel__Num-telNum {
          font-size: 32px; }
      footer .footerSiteMapAdress {
        display: block; }
        footer .footerSiteMapAdress__logo {
          padding: 0 0 15px 0;
          text-align: center; }
        footer .footerSiteMapAdress__text {
          padding: 0 0 15px 0;
          text-align: center; }
        footer .footerSiteMapAdress__sns {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      footer .FooterSiteMapLink {
        width: 100%;
        padding: 0 30px; }
        footer .FooterSiteMapLink__ListBox {
          width: 49%;
          margin-right: 2%; }
          footer .FooterSiteMapLink__ListBox:nth-child(2n) {
            margin-right: 0; }
      .ContentsThumnail--CenterBox {
        margin-bottom: 100px; }
    .EtcLinkList {
      margin-top: 80px;
      padding-top: 80px;
      padding-bottom: 80px; }
      .EtcLinkList__TitleJp {
        padding-left: 30px;
        font-size: 22px; }
      .EtcLinkList__TitleEn {
        padding-left: 30px;
        margin-bottom: 30px; }
    .ContentsBox {
      width: 100%;
      padding: 0 30px; }
    .Contents {
      width: 100%;
      padding: 0 30px; }
    .Contents {
      margin-bottom: 100px; }
    .Blog iframe {
      height: 51vw !important; }
    .TopTitleBox {
      padding-bottom: 40px; }
      .TopTitleBox__jpTitle, .TopTitleBox__jpTitle--white, .TopTitleBox__jpTitle-icon {
        font-size: 32px;
        letter-spacing: 5px;
        line-height: 120%; }
      .TopTitleBox__text, .TopTitleBox__text--white {
        width: 100%;
        padding-top: 30px; }
    .ArrowTitle {
      padding-top: 0;
      padding-bottom: 10px; }
        .ArrowTitle__TextBox-jp {
          font-size: 1.8rem;
          letter-spacing: 1px;
          padding-bottom: 2px; }
    .DetailsText, .DetailsText--center, .DetailsText--14-180 {
      width: 100%;
      line-height: 160%; }
    .DetailsText--14-180 {
      font-size: 1.4rem;
      line-height: 160%; }
    .Pankuzu {
      padding: 20px 30px 60px 30px;
      overflow-x: scroll;
      word-break: keep-all;
      white-space: nowrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-overflow-scrolling: touch; }
      .Pankuzu__list, .Pankuzu__list-last {
        font-size: 10px; }
      .GoogleMap iframe {
        height: 500px; }
    .zyunbityu {
      width: 100%;
      padding: 0 30px; }
        .mainSlide .MainCopy__jp {
          font-size: 40px;
          letter-spacing: 13px;
          padding-bottom: 20px; }
        .mainSlide .MainCopy__en {
          letter-spacing: 2.6px;
          padding-top: 30px; }
        .mainSlide .SlideBox__StaffBox {
          margin-left: -40px; }
    .serviceTopBox {
      display: block; }
        .serviceTopBox .ServiceTitleBox__title {
          margin-bottom: 20px; }
        .serviceTopBox .ServiceTopContents__ListBox-titleJp {
          font-size: 1.4rem;
          letter-spacing: 0px; }
    .NewsTopBox {
      display: block; }
      .NewsTopBox__title {
        margin-bottom: 0px; }
    .recruitBannerBox {
      padding: 0 30px;
      margin: 0 auto 60px; }
    .PickUp {
      padding-bottom: 30px; }
      .PickUp__title {
        margin-left: 40px;
        margin-bottom: 40px; }
    .groupPage .gaiyou {
      padding-bottom: 80px; }
      .groupPage .gaiyou .logoImage {
        padding: 0 30px 30px; }
        .groupPage .gaiyou .logoImage img {
          max-width: 493px;
          width: 70%; }
    .groupListUl {
      width: 100%;
      padding: 0 30px; }
    .GroupList {
      padding-top: 30px;
      margin-top: 30px; }
      .GroupList:last-child {
        padding-bottom: 30px; }
      .GroupList__image {
        width: 45%;
        margin-right: 0;
        padding-right: 20px; }
      .GroupList__text {
        width: 55%; }
        .GroupList__text-title {
          font-size: 2rem;
          line-height: 140%; }
    .GroupGaiyou {
      width: 100%;
      padding: 0 30px; }
      .GroupGaiyou__imageBox {
        width: 40%;
        padding-right: 30px; }
      .GroupGaiyou__table {
        width: 60%; }
    .historyPage .history {
      width: 100%;
      padding: 0 30px; }
    .historyPage .History__table th {
      font-size: 28px;
      letter-spacing: 2px; }
    .StaffSingle {
      width: 100%;
      padding: 0 30px; }
      .StaffSingle__spec {
        margin-bottom: 60px; }
    .BusinessContents {
      width: 100%;
      padding: 0 30px; }
      .WorksBox .btBox {
        width: 100%;
        padding: 0 30px; }
    .WorksList {
      width: 48%;
      margin-right: 4%; }
      .WorksList:nth-child(even) {
        margin-right: 0; }
      .WorksList:nth-child(3n) {
        margin-right: 4%; }
    .statementPage {
      margin: 0 30px; }
      .statementPage .MainCopy {
        width: 425px;
        padding-left: 44px; }
        .statementPage .MainCopy__jp {
          font-size: 40px;
          letter-spacing: 13px;
          padding-bottom: 20px; }
        .statementPage .MainCopy__en {
          letter-spacing: 2.6px;
          padding-top: 30px; }
      .statementPage .statementText {
        font-size: 1.6rem;
        letter-spacing: 2px;
        padding-bottom: 30px; }
    .GreetingPage {
      width: 100%;
      padding: 0 30px; }
      .GreetingPage__Img {
        width: 100%; }
    .statementPage {
      margin: 0 30px; }
      .statementPage .MainCopy {
        width: 425px;
        padding-left: 44px; }
        .statementPage .MainCopy__jp {
          font-size: 40px;
          letter-spacing: 13px;
          padding-bottom: 20px; }
        .statementPage .MainCopy__en {
          letter-spacing: 2.6px;
          padding-top: 30px; }
      .statementPage .statementText {
        font-size: 1.6rem;
        letter-spacing: 2px;
        padding-bottom: 30px; }
      .MagazineBox .btBox {
        width: 100%;
        padding: 0 30px; }
    .MagazineList {
      width: 48%;
      margin-right: 4%; }
      .MagazineList:nth-child(even) {
        margin-right: 0; }
      .MagazineList:nth-child(3n) {
        margin-right: 4%; }
    .Contact {
      width: 100%;
      padding: 0 30px; }
      .Contact__box {
        display: block;
        margin-bottom: 20px; }
      .Contact__title {
        width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: 10px; }
        .Contact__title .hissu {
          display: inline-block; }
      .Contact__form__text {
        width: 100%; }
      .Contact__form__textarea {
        width: 100%; }
    .Kakunin .Contact__form__text {
      width: 100%; }
    .Kakunin .Contact__form__textArea {
      width: 100%; }
    .QA {
      width: 100%;
      padding: 0 30px; }
    .NoPage {
      width: 100%;
      padding: 0 30px; }
    .slick-list {
      padding-left: calc(50% - 150px); }
    .slide-dots {
      bottom: -30px; } }

@media (max-width: 1023px) and (max-width: 480px) {
    .CircleArrow--navy--big {
      font-size: 1.8rem;
      height: 30px;
      width: 30px;
      padding-top: 5px; }
    .header {
      padding-right: 10px;
      padding: 15px 10px 15px 10px; }
    .SpHeaderNavi {
      height: 17px; }
    footer .FooterContact .FooterContact__Box--navy1, footer .FooterContact .FooterContact__Box--navy2, footer .FooterContact .FooterContact__Box--navy3 {
      padding: 20px; }
    footer .FooterContact__outline {
      font-size: 1.2rem;
      line-height: 160%;
      padding-bottom: 10px; }
    footer .FooterTel__Num-icon {
      font-size: 2.4rem; }
    footer .FooterTel__Num-telNum {
      font-size: 2.4rem;
      letter-spacing: 2px; }
    footer .footerSiteMapAdress {
      padding: 40px 0; }
    footer .FooterSiteMapLink {
      padding: 0 20px; }
    footer .FooterSiteMapLink__ListBox {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      padding-top: 20px; }
    .ContentsThumnail--CenterBox {
      margin-bottom: 60px; }
    .EtcLinkList {
      margin-top: 40px;
      padding-top: 40px;
      padding-bottom: 40px; }
    .EtcLinkList__TitleJp {
      padding-left: 20px;
      font-size: 1.8rem; }
    .EtcLinkList__TitleEn {
      padding-left: 20px;
      margin-bottom: 20px; }
    .ContentsBox {
      padding: 0 20px; }
    .Contents {
      padding: 0 20px; }
    .Contents {
      margin-bottom: 60px; }
    .TopTitleBox {
      padding-bottom: 20px; }
      .TopTitleBox__jpTitle, .TopTitleBox__jpTitle--white, .TopTitleBox__jpTitle-icon {
        font-size: 22px;
        letter-spacing: 1px;
        padding-bottom: 5px; }
      .TopTitleBox__text, .TopTitleBox__text--white {
        font-size: 1.4rem;
        padding-top: 20px; }
    .DetailsText, .DetailsText--center, .DetailsText--14-180 {
      font-size: 1.2rem; }
    .Pankuzu {
      padding: 10px 20px 40px 20px; }
    .GoogleMap iframe {
      height: 300px; }
    .zyunbityu {
      padding: 0 20px; }
    .mainSlide .SlideBox__StaffBox {
      margin-left: -50px; }
    .serviceTopBox .ServiceTitleBox__title {
      font-size: 2.4rem;
      margin-bottom: 15px; }
    .NewsTopBox__title {
      font-size: 2.4rem;
      margin-bottom: 15px; }
    .recruitBannerBox {
      padding: 0 20px; }
    .PickUp__title {
      font-size: 1.6rem;
      letter-spacing: 2px;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-top: 14vw;
      margin-top: -5vw; }
    .groupPage .gaiyou {
      padding-bottom: 40px; }
    .groupPage .gaiyou .logoImage {
      padding: 0 20px 20px; }
    .groupListUl {
      padding: 0 20px; }
    .GroupList {
      display: block;
      margin-bottom: 40px;
      padding-top: 0;
      border-top: none; }
      .GroupList:last-child {
        border-bottom: none; }
    .GroupList__image {
      width: 100%;
      padding-right: 0;
      padding-bottom: 10px; }
    .GroupList__text {
      width: 100%; }
    .GroupList__text-title {
      font-size: 1.6rem;
      padding-bottom: 5px; }
    .GroupGaiyou {
      padding: 0 20px; }
  .GroupGaiyou {
    display: block; }
    .GroupGaiyou__imageBox {
      width: 100%;
      padding-right: 0;
      padding-bottom: 20px; }
    .GroupGaiyou__table {
      width: 100%; }
    .historyPage .history {
      padding: 0 20px; }
    .historyPage .History__table th {
      font-size: 2.4rem; }
    .StaffSingle {
      padding: 0 20px; }
    .StaffSingle__spec {
      margin-bottom: 40px; }
    .BusinessContents {
      padding: 0 20px; }
    .WorksBox .btBox {
      padding: 0 20px; }
    .WorksList {
      margin-right: 0px;
      margin-bottom: 25px;
      width: 100%; }
    .statementPage {
      margin: 0 20px; }
    .statementPage .MainCopy {
      padding-top: 20px;
      width: 100%;
      padding-left: 20px;
      padding-bottom: 0; }
    .statementPage .MainCopy__jp {
      font-size: 6vw;
      letter-spacing: 1vw;
      text-align: center; }
    .statementPage .MainCopy__en {
      display: none; }
    .statementPage .statementText {
      padding: 0 30px;
      font-size: 1.4rem;
      line-height: 200%;
      text-align: justify; }
      .statementPage .statementText br {
        display: none; }
    .GreetingPage {
      padding: 0 20px; }
    .GreetingPage__Img {
      padding-bottom: 30px; }
    .statementPage {
      margin: 0 20px; }
    .statementPage .MainCopy {
      padding-top: 20px;
      width: 100%;
      padding-left: 20px;
      padding-bottom: 0; }
    .statementPage .MainCopy__jp {
      font-size: 6vw;
      letter-spacing: 1vw;
      text-align: center; }
    .statementPage .MainCopy__en {
      display: none; }
    .statementPage .statementText {
      padding: 0 30px;
      font-size: 1.4rem;
      line-height: 200%;
      text-align: justify; }
      .statementPage .statementText br {
        display: none; }
    .MagazineBox .btBox {
      padding: 0 20px; }
    .MagazineList {
      margin-right: 0px;
      margin-bottom: 25px;
      width: 100%; }
    .Contact {
      padding: 0 20px; }
    .QA {
      padding: 0 20px; }
    .NoPage {
      padding: 0 20px; }
    .slick-list {
      padding-left: calc(50% - 130px); } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'orion-font';
    src: url("asset/fonts/orion-font.svg#orion-font") format("svg"); } }

@media (max-width: 1345px) {
      .header .HeaderLogo__text {
        font-size: 1.4rem; }
          .header .headerNavi .HeaderMenu__text--jp {
            font-size: 1.2rem; }
          .header .headerNavi .HeaderMenu li {
            padding-right: 25px; }
          .header .headerNavi .HeaderContact__LinkBox {
            padding: 12px 15px; }
          .header .headerNavi .HeaderContact__icon {
            padding-right: 0; }
          .header .headerNavi .HeaderContact__text {
            display: none; }
    .topGroupeBox {
      padding: 100px 80px; }
      .topGroupeBox .TopGroupeContentsBox {
        margin-top: 0; } }

@media (max-width: 1345px) and (max-width: 480px) {
    .header .HeaderLogo__text {
      font-size: 10px; } }

@media (min-width: 1025px) {
        .SpHeaderNavi a .menu-trigger:hover span {
          background-color: #ccc; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      footer .FooterMailmagazine a {
        background-image: url(asset/images/common/mailmagazine_banner%402x.jpg); }
    .topGroupeBox {
      background-image: url(asset/images/top/brand_back%402x.jpg); } }

@media (max-width: 1240px) {
      .ContentsThumnail--CenterBox {
        padding: 0 30px; }
    .ContentsThumnail4colum {
      padding: 0 30px; }
    .sokeiGroupe {
      padding: 100px 30px;
      background-position: 40vw 200px; }
    .MagazineTopBox {
      padding: 100px 30px 60px;
      background-position: 40vw 200px; }
    .WorksBox {
      padding: 100px 0px 0px; }
      .WorksBox___itle {
        padding: 0 30px; }
    .WorksListBox {
      margin-bottom: 20px; }
      .WorksListBox--CenterBox {
        padding: 0 30px; }
    .MagazineBox {
      padding: 100px 0px; }
    .magazinePage .HitText {
      padding: 0 30px; }
    .MagazineListBox {
      margin-bottom: 20px; }
      .MagazineListBox--CenterBox {
        padding: 0 30px; }
    .MagazineBox__title {
      padding: 0 30px; } }

@media (max-width: 1240px) and (max-width: 480px) {
    .ContentsThumnail--CenterBox {
      display: block;
      padding: 0 20px; }
  .ContentsThumnail__ListBox {
    margin-right: 0px;
    margin-bottom: 25px;
    width: 100%; }
    .ContentsThumnail4colum {
      padding: 0 20px; }
  .ContentsThumnail4colum__ListBox {
    margin-bottom: 25px;
    width: 48%;
    margin-right: 4%; }
    .ContentsThumnail4colum__ListBox:nth-child(2n) {
      margin-right: 0; }
    .WorksBox {
      padding: 60px 0px 0px; }
    .WorksBox___itle {
      display: block;
      padding: 0 20px; }
    .WorksListBox {
      display: block;
      margin-bottom: 20px; }
    .WorksListBox--CenterBox {
      display: block;
      padding: 0 20px; }
    .MagazineBox {
      padding: 60px 0px 50px; }
    .magazinePage .HitText {
      display: block;
      padding: 0 20px; }
    .MagazineListBox {
      display: block;
      margin-bottom: 20px; }
    .MagazineListBox--CenterBox {
      display: block;
      padding: 0 20px; }
    .MagazineBox__title {
      display: block;
      padding: 0 20px; } }

@media (max-width: 1440px) {
      .CategoryPageTitle__img {
        width: 92%;
        padding-right: 0; }
        .CategoryPageTitle__img img {
          width: 100%; }
      .CategoryPageTitle__text {
        margin-top: -7vw;
        height: 17.5vw; }
        .CategoryPageTitle__text h1 {
          bottom: 3vw; }
      .PageTitle__text {
        height: 17.5vw; }
        .PageTitle__text h1,
        .PageTitle__text h2 {
          bottom: 3vw; }
        .mainSlide .SlideBox__Main {
          width: 92%; }
        .mainSlide .SlideBox__StaffBox-staffImg1 img, .mainSlide .SlideBox__StaffBox-staffImg2 img, .mainSlide .SlideBox__StaffBox-staffImg3 img, .mainSlide .SlideBox__StaffBox-staffImg4 img, .mainSlide .SlideBox__StaffBox-staffImg5 img, .mainSlide .SlideBox__StaffBox-staffImg6 img {
          width: 41vw; }
        .mainSlide .SlideBox__backMountain img {
          width: 100%; }
      .serviceTopBox .ServiceTitleBox {
        width: 30%;
        padding: 8vw 3vw 0px 3vw; }
      .serviceTopBox .ServiceTopContents {
        width: 70%;
        padding: 8vw 3vw 8vw 3vw; }
      .NewsTopBox__leftbox {
        width: 25%;
        padding: 8vw 3vw 0px 3vw; }
      .NewsTopBox__rightbox {
        width: 75%;
        padding: 8vw 3vw 8vw 3vw; } }

@media (max-width: 1440px) and (max-width: 1023px) {
    .CategoryPageTitle__img {
      width: 97%; }
    .CategoryPageTitle__text {
      height: 22vw; }
    .CategoryPageTitle__text h1 {
      font-size: 2rem;
      letter-spacing: 3px; }
    .PageTitle__text h1,
    .PageTitle__text h2 {
      font-size: 2rem;
      letter-spacing: 3px; }
    .serviceTopBox .ServiceTitleBox {
      width: 100%;
      padding: 60px 30px; }
    .serviceTopBox .ServiceTopContents {
      width: 100%;
      padding: 60px 30px; }
    .NewsTopBox__leftbox {
      width: 100%;
      padding: 60px 30px 0px; }
    .NewsTopBox__rightbox {
      width: 100%;
      padding: 60px 30px; } }

@media (max-width: 1440px) and (max-width: 1023px) and (max-width: 480px) {
    .CategoryPageTitle__img {
      width: 92%; }
    .CategoryPageTitle__text {
      height: 28vw; }
    .CategoryPageTitle__text h1 {
      font-size: 1.6rem;
      letter-spacing: 2px;
      line-height: 130%; }
    .PageTitle__text h1,
    .PageTitle__text h2 {
      font-size: 1.6rem;
      letter-spacing: 2px;
      line-height: 130%; }
    .serviceTopBox .ServiceTitleBox {
      padding: 30px 20px; }
    .serviceTopBox .ServiceTopContents {
      padding: 30px 20px; }
    .NewsTopBox__leftbox {
      padding: 30px 20px 0px; }
    .NewsTopBox__rightbox {
      padding: 16px 20px 30px; } }

@media (max-width: 1440px) and (max-width: 480px) {
    .PageTitle__text {
      height: 25vw; } }

@media (max-width: 768px) {
        .Table tr th {
          width: 30%;
          padding-right: 10px; }
        .topGroupeBox .TopGroupeContentsBox__ListBox {
          padding-bottom: 20px;
          margin-bottom: 20px; }
        .topGroupeBox .TopGroupeContentsBox__ListBox-thumImg {
          width: 40%;
          margin-right: 20px; }
        .topGroupeBox .TopGroupeContentsBox__ListBox-TextBox {
          width: 60%; } }

@media (max-width: 768px) and (max-width: 480px) {
    .Table tr th {
      width: 100%;
      padding-right: 0;
      font-size: 1.6rem;
      padding-bottom: 7px; }
    .topGroupeBox .TopGroupeContentsBox__ListBox {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 30px; }
    .topGroupeBox .TopGroupeContentsBox__ListBox-thumImg {
      width: 100%;
      margin-bottom: 15px; }
    .topGroupeBox .TopGroupeContentsBox__ListBox-TextBox {
      width: 100%; } }

@media (max-width: 1520px) {
      .mainSlide .MainCopy {
        left: auto;
        right: 0; } }

@media (max-width: 1520px) and (max-width: 1210px) {
    .mainSlide .MainCopy {
      margin-top: 150px; } }

@media (max-width: 1520px) and (max-width: 1210px) and (max-width: 1023px) {
    .mainSlide .MainCopy {
      margin-top: 80px; } }

@media (max-width: 1520px) and (max-width: 1210px) and (max-width: 1023px) and (max-width: 480px) {
    .mainSlide .MainCopy {
      margin-top: 15vw; } }

@media (max-width: 1023px) and (max-width: 700px) {
    .mainSlide .MainCopy__jp {
      font-size: 32px;
      letter-spacing: 10px; }
    .mainSlide .MainCopy__en {
      display: none; } }

@media (max-width: 1023px) and (max-width: 700px) and (max-width: 540px) {
    .mainSlide .MainCopy__jp {
      font-size: 2.4rem;
      letter-spacing: 8px; } }

@media (max-width: 1023px) and (max-width: 700px) and (max-width: 540px) and (max-width: 480px) {
    .mainSlide .MainCopy__jp {
      font-size: 5vw;
      letter-spacing: 1vw; } }

@media (max-width: 1210px) {
        .mainSlide .SlideBox__backNavyBox {
          margin-top: -10vw;
          height: 30vw; } }

@media (max-width: 1240px) and (max-width: 1023px) {
    .sokeiGroupe {
      background-position: 40vw 150px; }
    .MagazineTopBox {
      background-position: 40vw 150px; }
  .PickUpListbox .PickUpList {
    max-width: 300px;
    margin-right: 20px; } }

@media (max-width: 1240px) and (max-width: 1023px) and (max-width: 480px) {
    .sokeiGroupe {
      padding: 60px 20px 10px; }
    .MagazineTopBox {
      padding: 60px 20px 40px; }
    .PickUpListbox .PickUpList {
      margin-right: 20px;
      margin-bottom: 0px;
      max-width: 260px; } }

@media (max-width: 1345px) and (max-width: 1023px) {
    .topGroupeBox {
      padding: 80px 30px;
      background-size: 1024px; }
    .topGroupeBox .TopGroupeContentsBox {
      padding: 40px 30px; } }

@media (max-width: 1345px) and (max-width: 1023px) and (max-width: 480px) {
    .topGroupeBox {
      padding: 50px 20px;
      background-size: 600px; }
    .topGroupeBox .TopGroupeContentsBox {
      padding: 20px 20px; } }

@media only screen and (min-width: 340px) {
    .Staff__list {
      max-width: 340px; } }

@media only screen and (min-width: 680px) {
    .Staff__list {
      max-width: 680px; } }

@media only screen and (min-width: 1020px) {
    .Staff__list {
      max-width: 1020px; } }

@media only screen and (min-width: 1360px) {
    .Staff__list {
      max-width: 1360px; } }

@media only screen and (min-width: 1700px) {
    .Staff__list {
      max-width: 1700px; } }

@media only screen and (min-width: 2040px) {
    .Staff__list {
      max-width: 2040px; } }

@media only screen and (min-width: 2380px) {
    .Staff__list {
      max-width: 2380px; } }

@media only screen and (min-width: 2720px) {
    .Staff__list {
      max-width: 2720px; } }

@media (max-width: 700px) {
    .Staff__list {
      max-width: 100%;
      padding: 0 20px; }
      .Staff__list li {
        width: 48%;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 30px; }
        .Staff__list li:nth-child(2n) {
          margin-right: 0;
          margin-left: 2%; }
      .StaffSingle__profBox {
        display: block;
        margin-bottom: 40px; }
        .StaffSingle__profBox .img {
          margin: 0 auto;
          width: 70%; }
    .WriterProf {
      display: block;
      margin-bottom: 40px; }
      .WriterProf__img {
        margin: 0 auto;
        width: 70%; } }

@media only screen and (max-width: 700px) and (min-width: 50%) {
    .Staff__list {
      max-width: 50%; } }

@media only screen and (max-width: 700px) and (min-width: 100%) {
    .Staff__list {
      max-width: 100%; } }

@media (max-width: 700px) and (max-width: 480px) {
    .Staff__list li {
      margin-bottom: 10px; }
    .StaffSingle__profBox {
      margin-bottom: 20px; }
    .StaffSingle__profBox .img {
      width: 80%; }
    .WriterProf {
      margin-bottom: 20px; }
    .WriterProf__img {
      width: 50%;
      margin-bottom: 10px; } }

@media (max-width: 620px) {
        .StaffSingle__profBox .text {
          width: 100%; }
      .WriterProf__text {
        width: 100%; } }

@media (max-width: 860px) {
      .BusinessContents__Img {
        width: 100%; } }

@media (max-width: 860px) and (max-width: 480px) {
    .BusinessContents__Img {
      padding-bottom: 30px; } }