@charset "UTF-8";
/*  RESET CSS
------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap");
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

*,
::before,
::after {
 background-repeat: no-repeat;
}

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

html, body {
 font-size: 62.5%;
 -webkit-overflow-scrolling: touch;
}

html {
 overflow-y: scroll;
 cursor: default;
}

body {
 line-height: 1;
 font-weight: 400;
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -webkit-print-color-adjust: exact;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 1em;
 font-weight: normal;
 line-height: 1.4em;
}

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

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

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

th {
 font-weight: normal;
}

td, th {
 padding: 0;
}

blockquote {
 quotes: none;
}

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

a {
 color: inherit;
 background-color: transparent;
 text-decoration: none;
 -webkit-text-decoration-skip: objects;
 cursor: pointer;
}

a:active, a:hover {
 outline-width: 0;
}

a:focus, *:focus {
 outline: none;
}

img {
 border-style: none;
 vertical-align: bottom;
}

[type="text"],
[type="tel"],
[type="email"],
[type="date"],
[type="number"],
[type="submit"],
[type="button"],
button, textarea, select {
 margin: 0;
 padding: 0;
 background: none;
 border: none;
 border-radius: 0;
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

input, select {
 vertical-align: middle;
}

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

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

button, select {
 text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"], [role="button"] {
 cursor: pointer;
}

/* IEのinput要素に出てくるマークを消去 */
input::-ms-clear {
 visibility: hidden;
}

/* IEのinput要素に出てくるマークを消去 */
input::-ms-reveal {
 visibility: hidden;
}

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

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

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

/*  THEME CSS
------------------------------------------------------------------------------*/
html {
 font-size: 62.5%;
}

body {
 width: 100%;
 height: 100%;
 color: #333;
 background-color: #fff;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
 font-size: calc(25 / 750 * 100vw);
 font-weight: 400;
 line-height: 1;
 letter-spacing: .1em;
 word-wrap: break-word;
 overflow-wrap: break-word;
 overflow-x: hidden;
}

@media screen and (min-width: 801px) {
 body {
  font-size: calc(15 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 body {
  font-size: 1.5em;
 }
}

/*  リンク
-------------------------------------------------------*/
a {
 transition: all .3s;
}

a:hover {
 cursor: pointer;
}

a.opacity {
 display: block;
}

a.opacity:hover {
 opacity: 0.7;
}

/*  ヘッダー
------------------------------------------------------------------------------*/
.header {
 position: fixed;
 top: 0;
 left: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 height: 20vw;
 /* ヘッダー高さ */
 background-color: rgba(255, 255, 255, 0.7);
 z-index: 10;
}

.header--white {
 background-color: #fff;
}

.header__logo {
 position: relative;
 padding-left: 4vw;
 width: calc(300 / 750 * 100vw);
 z-index: 999;
}

@media screen and (min-width: 801px) {
 .header {
  justify-content: space-between;
  height: 6.25vw;
 }
 .header__logo {
  padding-left: 1.875vw;
  width: 12.5vw;
 }
 .header__navi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - 17.5vw);
 }
}

@media screen and (min-width: 1601px) {
 .header {
  height: 100px;
  /* ヘッダー高さ */
 }
 .header__logo {
  padding-left: 30px;
  width: 200px;
 }
 .header__navi {
  width: calc(100% - 280px);
 }
}

/* ------------------------------------ ナビコンテナ */
.header__navi {
 display: flex;
 justify-content: flex-end;
 align-items: center;
}

@media screen and (max-width: 801px) {
 .header__navi {
  display: inline-block;
  position: fixed;
  top: 20vw;
  left: 0;
  width: 100%;
  height: 0%;
  background-image: url(../img/hero/image1.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: opacity .1s linear,visibility .1s linear;
  overflow: hidden;
  overflow-x: scroll;
  z-index: 99999;
 }
 .header__navi::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(51, 178, 109, 0.75);
 }
 .header__navi.is-open {
  opacity: 1;
  visibility: visible;
  height: calc(100vh - 20vw);
  transition: opacity .1s linear .1s,visibility .1s linear .1s;
 }
}

/* ------------------------------------ グローバルナビ */
.navi__container {
 position: relative;
 display: flex;
}

.navi {
 position: relative;
 width: 100%;
}

.navi > div > p {
 position: relative;
 display: block;
 font-weight: 700;
}

.navi > div > p:hover {
 cursor: pointer;
}

.navi > div > p span:nth-of-type(1) {
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 letter-spacing: .15em;
}

.navi > div > p span:nth-of-type(2) {
 font-weight: 700;
}

.submenu-inner {
 display: flex;
 flex-wrap: wrap;
}

.submenu-inner a:hover {
 opacity: 0.6;
}

.submenu-box {
 position: relative;
}

.submenu-box .text {
 position: absolute;
 bottom: .5em;
 left: 0;
 margin: 0 auto;
 padding: 0 .5em;
 width: 100%;
 color: #fff;
 text-align: center;
 line-height: 1.3em;
}

/* ------------------------------------ グローバルナビ（PC） */
@media screen and (min-width: 801px) {
 .navi__container {
  align-items: center;
 }
 .navi {
  display: flex;
  align-items: center;
 }
 .navi > div {
  padding: 0 1em;
 }
 .navi > div > p {
  padding: 1em;
  font-size: 0.9375vw;
  text-align: center;
 }
 .navi > div > p span {
  display: block;
 }
 .navi > div > p span:nth-of-type(1) {
  margin-bottom: 1em;
 }
 .navi > div > p:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 1px;
  background-color: #305097;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: .3s;
 }
 .navi > div > p:hover::before {
  width: 100%;
 }
 .submenu-bg {
  position: fixed;
  top: 6.25vw;
  left: 0;
  padding: 1.5625vw 0;
  width: 100%;
  background-image: url(../img/hero/image1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  transition: all .2s;
  visibility: hidden;
  opacity: 0;
 }
 .submenu-bg::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -moz-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
  background-image: -webkit-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
  background-image: -ms-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 }
 .submenu-wrap {
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 75vw;
  z-index: 2;
 }
 .submenu-wrap a {
  margin-right: 3em;
  padding: 1em 0;
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 700;
 }
 .submenu-wrap a:last-of-type {
  margin-right: 0;
 }
 .submenu-wrap a:hover {
  color: #333;
 }
 .submenu-wrap a:after {
  display: inline-block;
  content: '▶︎';
  padding-left: 1em;
  transition: .3s;
 }
 .submenu-wrap a:hover::after {
  transform: translateX(5px);
 }
 .navi > div:hover .submenu-bg {
  visibility: visible;
  opacity: 1;
 }
 .menu-title {
  position: relative;
  width: 350px;
 }
 .menu-title p {
  color: #fff;
  z-index: 1;
 }
 .submenu {
  width: 550px;
 }
 .submenu-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
 }
 .submenu-inner a {
  margin-left: 15px;
  margin-bottom: 20px;
  width: calc(33.33333% - 15px);
 }
}

@media screen and (min-width: 1601px) {
 .navi > div > p {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .submenu-bg {
  top: 100px;
  padding: 25px 0;
 }
 .submenu-wrap {
  max-width: 1200px;
 }
 .submenu-wrap a {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .menu-title {
  width: 350px;
 }
 .submenu {
  width: 550px;
 }
 .submenu-inner {
  margin-left: -15px;
 }
 .submenu-inner a {
  margin-left: 15px;
  margin-bottom: 20px;
  width: calc(33.33333% - 15px);
 }
}

/* ------------------------------------ グローバルナビ（SP） */
@media screen and (max-width: 801px) {
 .navi__container {
  padding-top: 4vw;
  justify-content: center;
  height: calc(100vh - 16vw);
  overflow-y: scroll;
 }
 .navi > div {
  width: 100%;
  font-weight: 700;
  border-bottom: 1px dotted #fff;
 }
 .navi > div > p {
  padding: 1.5em 2em;
  color: #fff;
  font-size: 3.33333vw;
 }
 .navi > div > p span:nth-of-type(1) {
  margin-right: 1.5em;
 }
 .navi > div > p:hover {
  background-color: #333;
 }
 .submenu-bg {
  display: none;
 }
 .submenu-wrap {
  padding: 4vw 4.6vw 4vw 4.6vw;
  background-color: #fff;
 }
 .submenu-wrap a {
  display: block;
  padding: 1em;
  width: 100%;
  font-weight: 700;
  border-bottom: 1px solid #d3f8ae;
 }
 .submenu-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2.6vw;
 }
 .submenu-inner a {
  margin-left: 2.6vw;
  margin-bottom: 2.6vw;
  width: calc(50% - 2.6vw);
 }
 .navi__submenu--has {
  position: relative;
 }
 .navi__submenu--has p:after {
  position: absolute;
  right: 2em;
  top: 1.4em;
  content: '';
  display: inline-block;
  width: 4.26667vw;
  height: 4.26667vw;
  background-image: url(../img/header/plus.png);
  background-size: contain;
  background-repeat: no-repeat;
 }
 .submenu li a:after {
  color: #305097;
 }
}

/* ----------------- トグルボタン - */
.toggle {
 position: fixed;
 top: calc(20 / 750 * 100vw);
 right: calc(15 / 750 * 100vw);
 width: calc(120 / 750 * 100vw);
 height: calc(110 / 750 * 100vw);
 cursor: pointer;
 z-index: 555;
 transition: opacity 0.25s ease;
}

.toggle span {
 position: absolute;
 left: calc(20 / 750 * 100vw);
 width: calc(80 / 750 * 100vw);
 height: calc(6 / 750 * 100vw);
 background-color: #333;
 -webkit-transition: all 0.35s ease;
 transition: all 0.35s ease;
 cursor: pointer;
}

.toggle span:nth-of-type(1) {
 top: calc(24 / 750 * 100vw);
}

.toggle span:nth-of-type(2) {
 top: calc(52 / 750 * 100vw);
}

.toggle span:nth-of-type(3) {
 top: calc(80 / 750 * 100vw);
}

.toggle.is-active span:nth-of-type(1) {
 top: calc(52 / 750 * 100vw);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.toggle.is-active span:nth-of-type(2) {
 display: none;
}

.toggle.is-active span:nth-of-type(3) {
 top: calc(52 / 750 * 100vw);
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

@media screen and (min-width: 801px) {
 .toggle {
  display: none;
 }
}

/*  フッター
------------------------------------------------------------------------------*/
.footer {
 position: relative;
 background-color: #fff;
 background-image: url(../img/footer/bg.png);
 background-position: left bottom;
 background-size: 78.26667vw 40.4vw;
 background-repeat: no-repeat;
}

.footer__inner {
 position: relative;
 margin: 0 auto;
 width: calc(700 / 750 * 100vw);
}

@media screen and (min-width: 801px) {
 .footer {
  background-size: 36.6875vw 18.9375vw;
 }
 .footer__inner {
  width: calc(1500 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 .footer {
  background-size: 587px 303px;
 }
 .footer__inner {
  width: 1400px;
 }
}

/* ----------------- メニュー - */
.footer__navi__container {
 display: flex;
 flex-wrap: wrap;
 padding: 8vw 0;
 margin-left: -1.6vw;
}

.footer__navi__container > div {
 margin-left: 1.6vw;
 margin-bottom: 6vw;
 width: calc(50% - 1.6vw);
}

.footer__navi__main {
 display: block;
 font-size: 3.2vw;
 font-weight: 700;
 padding: .5em 0;
}

.footer__navi__main span {
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
}

.footer__navi__main span:after {
 content: '-';
 margin: 0 .5em;
}

.footer__navi li a {
 position: relative;
 display: block;
 padding: .5em 0;
 font-size: 3.2vw;
 line-height: 1.3em;
}

.footer__navi li a:hover {
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .footer__navi__container {
  margin-left: -4vw;
  padding: 2.8125vw 2.8125vw 4.0625vw 2.8125vw;
 }
 .footer__navi__container > div {
  margin: 0 0 4vw 4vw;
  width: calc(25% - 4vw);
 }
 .footer__navi__main,
 .footer__navi > li a {
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1000px) {
 .footer__navi__container {
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-left: 0;
  padding: 2.8125vw 0 4.0625vw 0;
 }
 .footer__navi__container > div {
  margin: 0;
  width: auto;
 }
 .footer__navi__main,
 .footer__navi > li a {
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .footer__navi__container {
  padding: 45px 0 65px 0;
 }
 .footer__navi__main,
 .footer__navi > li a {
  font-size: 15px;
  font-size: 1.5rem;
 }
}

/* ----------------- コピーライト - */
.footer__copy {
 padding: 1.5em 1em;
 color: #666;
}

.footer__copy p {
 font-family: "Montserrat", sans-serif;
 font-size: calc(20 / 750 * 100vw);
 font-weight: 600;
 text-align: center;
}

@media screen and (min-width: 801px) {
 .footer__copy p {
  font-size: calc(13 / 1600 * 100vw);
  text-align: right;
 }
}

@media screen and (min-width: 1601px) {
 .footer__copy p {
  font-size: 13px;
  font-size: 1.3rem;
 }
}

/*  コンテナ
------------------------------------------------------------------------------*/
.container {
 margin: 0 auto;
 width: 100%;
}

.container__inner {
 position: relative;
 margin: 0 auto;
 width: calc(700 / 750 * 100vw);
}

.container__large__inner {
 position: relative;
 margin: 0 auto;
 width: calc(700 / 750 * 100vw);
}

@media screen and (min-width: 801px) {
 .container__inner {
  width: calc(1200 / 1600 * 100vw);
 }
 .container__large__inner {
  width: calc(1500 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 .container__inner {
  width: 1200px;
 }
 .container__large__inner {
  width: 1400px;
 }
}

.column__container {
 position: relative;
 top: v0;
 margin: 0 auto;
 padding: 9.33333vw 0 13.33333vw 0;
 width: 92vw;
}

.redius__container {
 border-radius: 5.33333vw 5.33333vw 0 0;
 background-color: #fff;
}

.column__main {
 margin-bottom: 16vw;
}

@media screen and (min-width: 801px) {
 .column__container {
  display: flex;
  justify-content: space-between;
  top: -1.875vw;
  margin-bottom: -1.875vw;
  padding: 4.0625vw 0 0.9375vw 0;
  width: 75vw;
 }
 .column__main {
  margin-bottom: 0;
  padding-bottom: 3.125vw;
  width: 55.625vw;
 }
 .column__aside {
  margin-bottom: 7.5vw;
  width: 17.5vw;
 }
 .redius__container {
  border-radius: 1.25vw 1.25vw 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .column__container {
  top: -30px;
  margin-bottom: -30px;
  padding: 65px 0 15px 0;
  width: 1200px;
 }
 .column__main {
  padding-bottom: 50px;
  width: 890px;
 }
 .column__aside {
  margin-bottom: 120px;
  width: 280px;
 }
 .redius__container {
  border-radius: 20px 20px 0 0;
 }
}

/*  サイドバー
------------------------------------------------------------------------------*/
/* ----------------- ボックス - */
.aside__box {
 display: block;
 margin: 0 auto 12vw auto;
 margin-bottom: 12vw;
 border-radius: 2em;
 border: 0.8vw solid #0060b0;
 width: 82.66667vw;
}

.aside__box:last-of-type {
 margin-bottom: 0;
}

.aside__box__header {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 21.33333vw;
 background-color: #0060b0;
 border-radius: 1.6em 1.6em 0 0;
 color: #fff;
 font-size: 3.33333vw;
 font-weight: 700;
 text-align: center;
}

.aside__box__heading {
 font-weight: 700;
}

.aside__box__subheading {
 margin-bottom: .5em;
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
}

.aside__box__content {
 padding: 8vw 4.53333vw 8vw 4.53333vw;
}

@media screen and (min-width: 801px) {
 .aside__box {
  margin-bottom: 2.8125vw;
  border: 0.1875vw solid #0060b0;
  width: 100%;
 }
 .aside__box__header {
  height: 5vw;
  font-size: 0.9375vw;
 }
 .aside__box__content {
  padding: 1.875vw 1.0625vw 1.875vw 1.0625vw;
 }
}

@media screen and (min-width: 1601px) {
 .aside__box {
  margin-bottom: 45px;
  border: 3px solid #0060b0;
 }
 .aside__box__header {
  height: 80px;
  font-size: 15px;
  font-size: 1.5rem;
 }
 .aside__box__content {
  padding: 30px 17px 30px 17px;
 }
}

/* ----------------- 人気投稿 - */
.aside__post__list a {
 position: relative;
 display: block;
 padding: 1em 2.5em 1em .5em;
 border-bottom: 0.53333vw solid #a9b2c8;
 font-size: 3.33333vw;
 font-weight: 700;
 line-height: 1.2em;
}

.aside__post__list a:hover {
 padding-left: 1em;
}

.aside__post__list a:after {
 position: absolute;
 top: 50%;
 right: .5em;
 content: '';
 display: inline-block;
 width: 5.06667vw;
 height: 5.06667vw;
 background-image: url(../img/common/arrow_b.png);
 background-size: contain;
 background-repeat: no-repeat;
 transition: .3s;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.aside__post__list a:hover::after {
 background-image: url(../img/common/arrow_w.png);
}

@media screen and (min-width: 801px) {
 .aside__post__list a {
  border-bottom: 0.125vw solid #a9b2c8;
  font-size: 0.9375vw;
 }
 .aside__post__list a:after {
  width: 1.1875vw;
  height: 1.1875vw;
 }
}

@media screen and (min-width: 1601px) {
 .aside__post__list a {
  border-bottom: 2px solid #a9b2c8;
  font-size: 15px;
  font-size: 1.5rem;
 }
 .aside__post__list a:after {
  width: 19px;
  height: 19px;
 }
}

/* ----------------- 人気投稿 - */
.aside__post__box a {
 position: relative;
 display: flex;
 justify-content: space-between;
 margin-bottom: 6.66667vw;
 padding-top: 6.66667vw;
}

.aside__post__box a:last-of-type {
 margin-bottom: 0;
}

.aside__post__box__image {
 width: 21.33333vw;
}

.aside__post__box__content {
 width: 45.33333vw;
}

.aside__post__box__title {
 font-size: 3.33333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.aside__post__box__view {
 margin-top: .5em;
 color: #a9b2c8;
 font-family: "Montserrat", sans-serif;
 font-size: 3.33333vw;
 font-weight: 700;
}

.aside__post__box__view span {
 margin-right: .2em;
}

.aside__post__box__rank {
 position: absolute;
 top: 0;
 left: -3.2vw;
 width: 10.66667vw;
 height: 10.66667vw;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 background-color: #a9b2c8;
}

.aside__post__box__rank span {
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 3.33333vw;
 font-weight: 700;
}

.aside__post__box a:first-child .aside__post__box__rank {
 background-image: -moz-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -webkit-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -ms-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
}

@media screen and (min-width: 801px) {
 .aside__post__box a {
  margin-bottom: 1.5625vw;
  padding-top: 1.5625vw;
 }
 .aside__post__box__image {
  width: 4.375vw;
 }
 .aside__post__box__content {
  width: 10vw;
 }
 .aside__post__box__title {
  font-size: 0.9375vw;
 }
 .aside__post__box__view {
  font-size: 0.9375vw;
 }
 .aside__post__box__rank {
  left: -0.75vw;
  width: 2.5vw;
  height: 2.5vw;
 }
 .aside__post__box__rank span {
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .aside__post__box a {
  margin-bottom: 25px;
  padding-top: 25px;
 }
 .aside__post__box__image {
  width: 70px;
 }
 .aside__post__box__content {
  width: 160px;
 }
 .aside__post__box__title {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .aside__post__box__view {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .aside__post__box__rank {
  left: -12px;
  width: 40px;
  height: 40px;
 }
 .aside__post__box__rank span {
  font-size: 15px;
  font-size: 1.5rem;
 }
}

.aside__post__archives__year {
 position: relative;
 display: block;
 padding: 1em 2.5em 1em .5em;
 font-size: 3.33333vw;
 border-bottom: 0.53333vw solid #a9b2c8;
 font-weight: 700;
 line-height: 1.2em;
}

.aside__post__archives__year:hover {
 cursor: pointer;
}

.aside__post__archives__year:after {
 position: absolute;
 top: 50%;
 right: .5em;
 content: '▼';
 color: #305097;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.aside__post__archives__year.is-show:after {
 content: '▲';
}

.aside__post__archives__mounth {
 position: relative;
 display: none;
}

.aside__post__archives__mounth a {
 display: block;
 padding: 1em;
 width: 100%;
 border-bottom: 1px solid #a9b2c8;
 font-size: 3.33333vw;
 font-weight: 700;
}

.aside__post__archives__mounth a:hover {
 opacity: 0.7;
}

.aside__post__archives__mounth a:hover {
 padding-left: 1em;
}

@media screen and (min-width: 801px) {
 .aside__post__archives__year {
  border-bottom: 0.125vw solid #a9b2c8;
  font-size: 0.9375vw;
 }
 .aside__post__archives__mounth a {
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .aside__post__archives__year {
  border-bottom: 2px solid #a9b2c8;
  font-size: 15px;
  font-size: 1.5rem;
 }
 .aside__post__archives__mounth a {
  font-size: 15px;
  font-size: 1.5rem;
 }
}

.aside__banner {
 margin-top: 5.33333vw;
}

.aside__banner a {
 display: block;
 margin: 0 auto 8vw auto;
 width: 82.66667vw;
}

@media screen and (min-width: 801px) {
 .aside__banner {
  margin-top: 1.25vw;
 }
 .aside__banner a {
  margin-bottom: 1.875vw;
  width: 17.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .aside__banner {
  margin-top: 20px;
 }
 .aside__banner a {
  margin-bottom: 30px;
  width: 280px;
 }
}

.aside__banner--fixed.is-fixed {
 position: fixed;
 bottom: 0;
}

/*  共通デザイン
------------------------------------------------------------------------------*/
.sec {
 position: relative;
}

/* ---------------------------------- セクション英語見出し */
.sec__en {
 position: relative;
 font-family: "Montserrat", sans-serif;
 font-size: calc(160 / 750 * 100vw);
 font-weight: 700;
 text-align: center;
 letter-spacing: 0;
}

@media screen and (min-width: 801px) {
 .sec__en {
  position: absolute;
  font-size: calc(200 / 1600 * 100vw);
  text-align: left;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
 }
}

@media screen and (min-width: 1601px) {
 .sec__en {
  font-size: 200px;
  font-size: 20.0rem;
 }
}

/* ---------------------------------- セクション大見出し */
.sec__heading {
 display: none;
}

@media screen and (min-width: 801px) {
 .sec__heading {
  display: block;
  position: absolute;
  color: rgba(0, 0, 0, 0.1);
  font-family: "Montserrat", sans-serif;
  font-size: 7.5vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .15em;
 }
}

@media screen and (min-width: 1601px) {
 .sec__heading {
  font-size: 120px;
  font-size: 12.0rem;
 }
}

.sec__heading--topL {
 top: -.1em;
 left: -.1em;
}

.sec__heading--topR {
 top: -.1em;
 right: -.1em;
}

.sec__heading--verL {
 top: -.05em;
 left: -.1em;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

.sec__heading--verH {
 top: 50%;
 left: -.1em;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

/* ---------------------------------- セクション日本語見出し */
.heading {
 position: relative;
 z-index: 2;
}

.heading__inner {
 position: relative;
 display: inline-block;
}

.heading__inner:after {
 content: '';
 position: absolute;
 bottom: 0;
 width: 60px;
 height: 3px;
 background-image: -moz-linear-gradient(0deg, #9fdf45 0%, #5bcbfc 33%, #fac253 66%, #f64d5a 100%);
 background-image: -webkit-linear-gradient(0deg, #9fdf45 0%, #5bcbfc 33%, #fac253 66%, #f64d5a 100%);
 background-image: -ms-linear-gradient(0deg, #9fdf45 0%, #5bcbfc 33%, #fac253 66%, #f64d5a 100%);
}

@media screen and (max-width: 800px) {
 .heading {
  text-align: center;
 }
 .heading__inner:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 }
}

@media screen and (min-width: 801px) {
 .heading--center {
  text-align: center;
 }
 .heading--left {
  text-align: left;
 }
 .heading--right {
  text-align: right;
 }
 .heading--right .heading__inner {
  text-align: left;
 }
 .heading__inner {
  min-width: 24.0625vw;
 }
 .heading__inner:after {
  width: calc(60 / 1600 * 100vw);
  height: calc(3 / 1600 * 100vw);
 }
 .heading--left .heading__inner:after,
 .heading--right .heading__inner:after {
  left: 0;
 }
 .heading--center .heading__inner:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 }
}

@media screen and (min-width: 1601px) {
 .heading__inner {
  min-width: 385px;
 }
 .heading__inner:after {
  width: 60px;
  height: 3px;
 }
}

.heading__jp {
 position: relative;
 display: block;
 padding: .7em 0;
 font-size: calc(34 / 750 * 100vw);
 font-weight: 600;
 line-height: 1.6em;
}

.heading__jp--blue {
 color: #005dad;
 font-size: 1.4em;
}

.heading__jp--green {
 color: #07ab54;
 font-size: 1.4em;
}

.heading__en {
 position: relative;
 display: inline-block;
 font-family: "Montserrat", sans-serif;
 font-size: calc(46 / 750 * 100vw);
 font-weight: 600;
 letter-spacing: 0.15em;
 text-transform: uppercase;
}

#training-benefits .heading__jp,
#training-benefits .heading__en {
 color: #fff;
}

#training-benefits .heading__en--line:before {
 background-color: #fff;
}

@media screen and (min-width: 801px) {
 .heading__jp {
  font-size: calc(24 / 1600 * 100vw);
 }
 .heading__en {
  font-size: calc(36 / 1600 * 100vw);
 }
 .heading__en--line:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 10.625vw;
  height: 1px;
  background-color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
 }
 #kikagaku-blog .heading__en--line:before,
 #hatarakikata-blog .heading__en--line:before,
 #ceo-blog .heading__en--line:before {
  background-color: #fff;
 }
 .heading--left .heading__en--line:before,
 #portfolio .heading__en--line:before {
  left: -12.5vw;
 }
 .heading--right .heading__en--line:before {
  right: -12.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .heading__jp {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .heading__en {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .heading__en--line:before {
  width: 170px;
 }
 .heading--left .heading__en--line:before,
 #portfolio .heading__en--line:before {
  left: -200px;
 }
 .heading--right .heading__en--line:before {
  right: -200px;
 }
}

@media screen and (max-width: 800px) {
 .hero--page .heading {
  text-align: left;
 }
 .hero--page .heading__inner:after {
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
 }
}

/* ---------------------------------- GoogleMapsリンク */
.gglink {
 position: relative;
 margin-left: 1em;
 padding: 0 0 .2em 1.5em;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
}

.gglink:hover {
 color: #a2a3a2;
}

.gglink span {
 border-bottom: 1px solid #a2a3a2;
}

.gglink:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 0;
 display: inline-block;
 width: 2.93333vw;
 height: 3.73333vw;
 background-image: url(../img/common/mappin.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

@media screen and (min-width: 801px) {
 .gglink:before {
  width: 0.75vw;
  height: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .gglink:before {
  width: 12px;
  height: 18px;
 }
}

/* ---------------------------------- ホバー画像拡大 */
.img__scale {
 width: 100%;
 height: auto;
 overflow: hidden;
}

.img__scale img {
 width: 100%;
 transition-duration: 0.5s;
}

.img__scale__hover, .hover__container a:hover .img__scale img,
.hover__container > div:hover .img__scale img {
 transform: scale(1.1, 1.1);
 cursor: pointer;
}

/* ---------------------------------- リスト */
.list li {
 padding-left: 1em;
 text-indent: -1em;
}

.list li:before {
 content: '・';
}

/* ---------------------------------- AIを学ぶ全てのひとへ */
.sec__cta {
 padding: 13.33333vw 0 21.33333vw 0;
}

#business-cta {
 margin-top: 20vw;
}

.sec__cta:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 50%;
 background-image: url(../img/common/ai_bg01.jpg);
 background-size: cover;
 background-position: center;
 z-index: -1;
}

.sec__cta:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 52%;
 background-image: url(../img/common/ai_bg02_sp.jpg);
 background-size: cover;
 background-position: center bottom;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .sec__cta {
  padding: 5.625vw 0;
 }
 #business-cta {
  margin-top: 9.375vw;
 }
 .sec__cta:after {
  background-image: url(../img/common/ai_bg02.jpg);
 }
}

@media screen and (min-width: 1601px) {
 .sec__cta {
  padding: 90px 0;
 }
 #business-cta {
  margin-top: 150px;
 }
}

.cmn__cta__intro__head {
 position: relative;
 margin: 0 auto 8vw auto;
 width: 100%;
}

.cmn__cta__intro__heading {
 margin-bottom: 24vw;
 position: relative;
 padding-left: .7em;
 color: #fff;
 font-size: 5.6vw;
 font-weight: 700;
 letter-spacing: 0;
 z-index: 2;
}

.cmn__cta__intro__heading--big {
 font-size: 6.93333vw;
}

.cmn__cta__intro__heading--color {
 color: #fffc9f;
}

.cmn__cta__intro__heading--dot {
 position: relative;
}

.cmn__cta__intro__heading--dot:before {
 content: '・';
 position: absolute;
 top: -.3em;
 left: 50%;
 color: #fffc9f;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.cmn__cta__intro__heading:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: .5em;
 background-color: #ff8b44;
 z-index: -1;
}

.cmn__cta__intro__head__image {
 position: absolute;
 top: 12vw;
 right: 0;
 width: 26.66667vw;
 z-index: 3;
}

.cmn__cta__intro__heading__line {
 position: relative;
}

.cmn__cta__intro__heading__line:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 50%;
 background: -webkit-repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 5px, #fef5e5 5px, #fef5e5 12px);
 background: repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 5px, #fef5e5 5px, #fef5e5 12px);
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .cmn__cta__intro__head {
  margin: 0 auto 2.5vw auto;
  width: 50vw;
 }
 .cmn__cta__intro__heading {
  margin: 0;
  font-size: 2.25vw;
 }
 .cmn__cta__intro__heading--big {
  font-size: 3vw;
 }
 .cmn__cta__intro__heading:after {
  width: 90%;
 }
 .cmn__cta__intro__head__image {
  top: 50%;
  width: 15.0625vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
 }
}

@media screen and (min-width: 1601px) {
 .cmn__cta__intro__head {
  margin: 0 auto 40px auto;
  width: 800px;
 }
 .cmn__cta__intro__heading {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .cmn__cta__intro__heading--big {
  font-size: 48px;
  font-size: 4.8rem;
 }
 .cmn__cta__intro__head__image {
  width: 241px;
 }
}

.cmn__cta__box {
 margin: 10vw 0 6.66667vw 0;
 padding: 3.33333vw 5.33333vw;
 border-radius: 1.2em;
 background-color: #fff;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.cmn__cta__box__heading {
 position: relative;
 display: inline-block;
 margin-bottom: .5em;
 font-size: 5.33333vw;
 font-weight: 700;
 text-align: center;
 z-index: 2;
}

.cmn__cta__box__heading--big {
 font-size: 6.13333vw;
}

.cmn__cta__box__heading--color {
 color: #005dad;
}

@media screen and (min-width: 801px) {
 .cmn__cta__box {
  margin: 4.6875vw 0 3.125vw 0;
  padding: 1.5625vw 6.25vw;
 }
 .cmn__cta__box__heading {
  font-size: 1.875vw;
 }
 .cmn__cta__box__heading--big {
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .cmn__cta__box {
  margin: 75px 0 50px 0;
  padding: 25px 100px;
 }
 .cmn__cta__box__heading {
  font-size: 30px;
  font-size: 3.0rem;
 }
 .cmn__cta__box__heading--big {
  font-size: 36px;
  font-size: 3.6rem;
 }
}

.cmn__cta {
 margin: 0 auto 8vw auto;
 width: 82.66667vw;
}

.cmn__cta__image .img__scale {
 border-radius: 1.2em 1.2em 0 0;
}

.cmn__cta__content {
 position: relative;
 padding: 12vw 5.33333vw 5.33333vw 4.66667vw;
 border-radius: 0 0 1.2em 1.2em;
 background-color: #fff;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
}

.cmn__cta__head {
 position: absolute;
 top: -3.33333vw;
 left: 4.66667vw;
 display: flex;
 align-items: center;
 width: 100%;
}

.cmn__cta__label {
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 width: 16vw;
 height: 16vw;
 background-color: #0060b0;
}

.cmn__cta__label span {
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 6.4vw;
 font-weight: 700;
 text-align: center;
}

.cmn__cta__heading {
 position: relative;
 margin-left: .5em;
 color: #0060b0;
 font-size: 4.53333vw;
 font-weight: 700;
 line-height: 1.4em;
 z-index: 2;
}

.cmn__cta__heading:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 50%;
 background: -webkit-repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 5px, #fef5e5 5px, #fef5e5 12px);
 background: repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 5px, #fef5e5 5px, #fef5e5 12px);
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .cmn__cta__container {
  display: flex;
  margin-left: -2.3125vw;
 }
 .cmn__cta {
  margin: 0;
  margin-left: 2.3125vw;
  width: calc(50% - 2.3125vw);
 }
 .cmn__cta__content {
  padding: 5.625vw 1.25vw 2.1875vw 1.25vw;
 }
 .cmn__cta__head {
  top: -1.5625vw;
  left: 2.1875vw;
 }
 .cmn__cta__label {
  width: 6.25vw;
  height: 6.25vw;
 }
 .cmn__cta__label span {
  font-size: 3vw;
 }
 .cmn__cta__heading {
  margin-left: 1em;
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .cmn__cta__container {
  margin-left: -37px;
 }
 .cmn__cta {
  margin-left: 37px;
  width: calc(50% - 37px);
 }
 .cmn__cta__content {
  padding: 90px 35px 35px 35px;
 }
 .cmn__cta__head {
  top: -25px;
  left: 35px;
 }
 .cmn__cta__label {
  width: 100px;
  height: 100px;
 }
 .cmn__cta__label span {
  font-size: 48px;
  font-size: 4.8rem;
 }
 .cmn__cta__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

.cmn__cta__list {
 position: relative;
 z-index: 2;
}

.cmn__cta__list li {
 position: relative;
 font-weight: 700;
 line-height: 1.6em;
}

.cmn__cta__list li strong {
 position: relative;
}

.cmn__cta__list li strong:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 50%;
 background: -webkit-repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 5px, #fef5e5 5px, #fef5e5 12px);
 background: repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 5px, #fef5e5 5px, #fef5e5 12px);
 z-index: -1;
}

.cmn__cta__list--small li {
 padding: .5em 0 .5em 1.5em;
 font-size: 3.73333vw;
}

.cmn__cta__list--large li {
 padding: .5em 0 .5em 1.7em;
 font-size: 4.53333vw;
}

.cmn__cta__list--large li:before,
.cmn__cta__list--small li:before {
 content: '';
 position: absolute;
 left: 0;
 display: inline-block;
 background-image: url(../img/common/check.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.cmn__cta__list--small li:before {
 top: .8em;
 width: 4vw;
 height: 3.2vw;
}

.cmn__cta__list--large li:before {
 top: .8em;
 width: 4.13333vw;
 height: 3.33333vw;
}

.cmn__cta__list li:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 display: inline-block;
 width: 100%;
 height: 0.66667vw;
 background-image: url(../img/common/line.png);
 background-size: auto 100%;
 background-repeat: repeat-x;
}

.cmn__cta__list li:last-child::after {
 content: none;
}

@media screen and (min-width: 801px) {
 .cmn__cta__list--small li {
  padding: .5em 0 .5em 2em;
  font-size: 1.125vw;
 }
 .cmn__cta__list--large li {
  padding: .5em 0 .5em 1.7em;
  font-size: 1.5vw;
 }
 .cmn__cta__list--small li:before {
  top: .6em;
  width: 1.75vw;
  height: 1.5vw;
 }
 .cmn__cta__list--large li:before {
  top: .8em;
  width: 1.9375vw;
  height: 1.5625vw;
 }
 .cmn__cta__list li:after {
  height: 0.15625vw;
 }
}

@media screen and (min-width: 1601px) {
 .cmn__cta__list--small li {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .cmn__cta__list--large li {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .cmn__cta__list--small li:before {
  width: 28px;
  height: 24px;
 }
 .cmn__cta__list--large li:before {
  width: 31px;
  height: 25px;
 }
 .cmn__cta__list li:after {
  height: 2.5px;
 }
}

.cmn__cta__apply {
 margin-top: 8vw;
}

.cmn__cta__apply__heading {
 margin-bottom: .5em;
 color: #fff600;
 font-size: 4.8vw;
 font-weight: 700;
 text-align: center;
}

.cmn__cta__apply__heading:before {
 content: '＼';
 margin-right: .5em;
}

.cmn__cta__apply__heading:after {
 content: '／';
 margin-left: .5em;
}

@media screen and (min-width: 801px) {
 .cmn__cta__apply {
  margin-top: 2.5vw;
 }
 .cmn__cta__apply__heading {
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .cmn__cta__apply {
  margin-top: 40px;
 }
 .cmn__cta__apply__heading {
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/*  ローディング
------------------------------------------------------------------------------*/
/* ----------------- 背景 - */
.loading__first {
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: 999;
 background: #fff;
 overflow: hidden;
}

.loading__first__inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 animation: fadeout;
 transform: translate(-50%, -50%);
}

.loading__first__inner > div {
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 6.4vw;
 font-weight: 700;
 text-align: center;
 letter-spacing: .3em;
}

@media screen and (min-width: 801px) {
 .loading__first__inner > div {
  font-size: 3vw;
 }
}

@media screen and (min-width: 1601px) {
 .loading__first__inner > div {
  font-size: 48px;
  font-size: 4.8rem;
 }
}

#loading-first-text {
 display: none;
}

.loading__first__text {
 transform: translateX(0);
}

.loading__first__text.is-move {
 transform: translateX(-3em);
 transition-duration: 1s;
}

.loading__first__text.is-move2 {
 transform: translateX(0);
 transition-duration: 0s;
}

.loading__second__text {
 background: linear-gradient(to right, #4ce6cf 25%, #d3f8ae 75%);
 color: transparent;
 -webkit-background-clip: text;
}

.loading__second__text span {
 padding: 0 1em;
 color: #cccccc;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .loading__second__text {
  background: none;
  color: #4ce6cf;
 }
}

.loading__second {
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: 888;
 background: #fff;
 overflow: hidden;
 right: 0;
}

.loading__second__bg {
 background: #fff;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 9999;
}

@keyframes fadeout {
 0% {
  width: 100%;
 }
 100% {
  width: 0%;
 }
}

.loading__second__inner {
 background: -moz-linear-gradient(180deg, #4ce6cf 0%, #d3f8ae 100%);
 background: -webkit-linear-gradient(180deg, #4ce6cf 0%, #d3f8ae 100%);
 background: -ms-linear-gradient(180deg, #4ce6cf 0%, #d3f8ae 100%);
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 transform: scaleX(0);
 animation: slidein 3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
 z-index: 800;
}

@keyframes slidein {
 0% {
  transform: scaleX(0);
  transform-origin: 0 0;
 }
 16% {
  transform: none;
  transform-origin: 0 0;
 }
 18% {
  transform: none;
  transform-origin: 100% 0;
 }
 82% {
  transform: none;
  transform-origin: 100% 0;
 }
 100% {
  transform: scaleX(0);
  transform-origin: 100% 0;
 }
}

/* ----------------- ロゴ - */
.loading__logo {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 999;
}

.loading__logo img {
 width: calc(300 / 750 * 100vw);
 height: auto;
}

@media screen and (min-width: 801px) {
 .loading__logo img {
  width: calc(207 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 .loading__logo img {
  width: 207px;
 }
}

/*  メインビジュアル
------------------------------------------------------------------------------*/
.hero {
 position: relative;
}

.sec__hero {
 position: relative;
 height: calc(800 / 750 * 100vw);
 background-color: #fff;
}

.hero--page {
 height: 80vw;
}

@media screen and (min-width: 801px) {
 .sec__hero {
  height: calc(800 / 1600 * 100vw);
 }
 .hero--page {
  height: 26.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__hero {
  height: 800px;
 }
 .hero--page {
  height: 420px;
 }
}

.hero--post {
 background-position: top center;
 background-size: cover;
 overflow: hidden;
 z-index: 0;
}

.hero--post:before {
 content: '';
 position: absolute;
 width: calc(100% + 10px);
 height: calc(100% + 10px);
 background: inherit;
 top: -5px;
 left: -5px;
 -webkit-filter: blur(5px) brightness(130%);
 filter: blur(5px) brightness(130%);
 /* 最背面へ */
 z-index: -2;
}

.hero--post:after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: rgba(255, 255, 255, 0.7);
 z-index: -1;
}

/* ----------------- テキスト - */
.hero__content {
 position: absolute;
 top: 45.33333vw;
 left: 3.33333vw;
 z-index: 2;
}

.hero__content--recruit {
 position: absolute;
 top: 45.33333vw;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 2;
}

.hero__catch {
 position: relative;
 font-size: 5.06667vw;
 font-weight: 700;
 line-height: 1.8em;
 letter-spacing: .3em;
 white-space: nowrap;
}

.hero__catch span {
 padding: .2em 0;
 background-color: rgba(255, 255, 255, 0.4);
}

.hero__content--recruit .hero__catch > span {
 padding: .2em .4em;
 background-color: rgba(255, 255, 255, 0.7);
 text-align: center;
}

.hero__content--recruit {
 top: 73.33333vw;
 text-align: center;
}

.hero__catch__color {
 background: linear-gradient(to right, #4ce6cf 25%, #d3f8ae 75%);
 color: transparent;
 -webkit-background-clip: text;
}

.hero__catch__color--orange {
 background: linear-gradient(to right, #f7cb6b 25%, #fba980 75%);
 color: transparent;
 -webkit-background-clip: text;
}

.hero__catch__move {
 position: relative;
}

.hero__catch__move:after {
 content: '';
 position: absolute;
 right: 0;
 top: 0;
 z-index: 1;
 display: block;
 width: 100%;
 height: 100%;
 background-color: #4ce6cf;
 transition: width .5s ease-in-out 0s;
}

.hero__catch__move.is-move:after {
 width: 0;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .hero__catch__color {
  background: none;
  color: #4ce6cf;
 }
 .hero__catch__color--orange {
  background: none;
  color: #fba980;
 }
}

.hero__text {
 margin-top: 1em;
 font-family: "Montserrat", sans-serif;
 font-size: 3.73333vw;
 font-weight: 600;
 line-height: 1.4em;
}

@media screen and (min-width: 801px) {
 .hero__content {
  top: 20vw;
  left: 2.5vw;
 }
 .hero__content--recruit {
  top: 30.3125vw;
 }
 .hero__catch {
  font-size: 3vw;
 }
 .hero__text {
  font-size: 1.125vw;
  line-height: 1em;
 }
}

@media screen and (min-width: 1601px) {
 .hero__content {
  top: 320px;
  left: 40px;
 }
 .hero__content--recruit {
  top: 485px;
 }
 .hero__catch {
  font-size: 48px;
  font-size: 4.8rem;
 }
 .hero__text {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

.hero__btn {
 position: absolute;
 top: 22.66667vw;
 right: 3.33333vw;
 width: 29.33333vw;
}

.hero__btn > div:nth-of-type(1) {
 margin-bottom: 1em;
}

.btn--hero a {
 padding: .5em 0;
 display: block;
 flex-wrap: wrap;
}

.btn--hero span {
 display: block;
 width: 100%;
 font-size: 2.66667vw;
}

.btn--hero span:nth-of-type(1) {
 margin-bottom: .5em;
}

.hero__scroll {
 position: absolute;
 bottom: 5.33333vw;
 left: 50%;
 width: 10.26667vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.hero__scroll a {
 display: block;
}

.hero__scroll a:hover {
 transform: translateY(-10px);
}

@media screen and (min-width: 801px) {
 .hero__btn {
  top: 10.625vw;
  right: 2.5vw;
  width: 12.5vw;
 }
 .btn--hero span {
  font-size: 0.9375vw;
 }
 .hero__scroll {
  bottom: 2.5vw;
  width: 4.8125vw;
 }
}

@media screen and (min-width: 1601px) {
 .hero__btn {
  top: 170px;
  right: 40px;
  width: 200px;
 }
 .btn--hero span {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .hero__scroll {
  bottom: 40px;
  width: 77px;
 }
}

.heroP__inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 92vw;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.heroPS__inner {
 position: absolute;
 top: 33.33333vw;
 left: 50%;
 width: 92vw;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.sec__hero--recruit .heroP__inner {
 top: 30.66667vw;
}

@media screen and (max-width: 800px) {
 .sec__hero--recruit .heading {
  text-align: left !important;
 }
 .sec__hero--recruit .heading__inner:after {
  left: 0 !important;
  -webkit-transform: translateX(0);
  transform: translateX(0);
 }
}

.heroP__title {
 position: absolute;
 top: 50%;
 left: 0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

@media screen and (min-width: 801px) {
 .heroP__inner {
  top: 50%;
  left: 50%;
  width: 43.125vw;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
 .heroP__inner,
 .heroPS__inner {
  top: 50%;
  left: 50%;
  width: 75vw;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
 .sec__hero--recruit .heroP__inner {
  top: 12.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .heroP__inner,
 .heroPS__inner {
  width: 1200px;
 }
 .sec__hero--recruit .heroP__inner {
  top: 200px;
 }
}

.hero__post__title__container {
 position: absolute;
 top: 24vw;
 left: 0;
 border-left: 0.53333vw solid #333;
}

.hero__post__title {
 width: 100%;
 padding: .5em 0 .5em 1em;
 font-size: 4vw;
 line-height: 1.6em;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .hero__post__title__container {
  top: 0;
  left: 11.5625vw;
  border-left: 0.125vw solid #333;
 }
 .hero__post__title {
  width: 56.25vw;
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .hero__post__title__container {
  left: 185px;
  border-left: 2px solid #333;
 }
 .hero__post__title {
  width: 900px;
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/*  トップページ --> キカガクのミッション
------------------------------------------------------------------------------*/
.sec__mission {
 position: relative;
 padding: 16vw 0;
 background-image: url(../img/front/mission/bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__mission {
  padding: 7.5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__mission {
  padding: 120px 0;
 }
}

.missionF__content {
 margin-bottom: 10.66667vw;
}

.missionF__image {
 margin-top: 8vw;
 background-image: url(../img/front/mission/logo.png);
 background-position: center;
 background-size: contain;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .missionF__container {
  display: flex;
 }
 .missionF__container > div {
  width: 50%;
 }
 .missionF__content {
  margin-bottom: 0;
 }
 .missionF__image {
  margin-top: 0;
 }
}

.missionF__catch {
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 line-height: 2em;
 letter-spacing: .5em;
}

.missionF__catch2 {
 margin-bottom: 1.5em;
 font-family: "harunatsuakifuyu", sans-serif;
 font-size: 4.53333vw;
}

.missionF__list {
 display: flex;
 margin-bottom: 6.66667vw;
}

.missionF__list__num {
 position: relative;
 top: .2em;
 margin-right: .5em;
 font-family: "AntroVectra", sans-serif;
 font-size: 6.13333vw;
 font-weight: 700;
}

.missionF__list__heading {
 font-family: "harunatsuakifuyu", sans-serif;
 font-size: 4.53333vw;
}

.missionF__list:nth-of-type(1) {
 margin-left: 6.66667vw;
 color: #0060b0;
}

.missionF__list:nth-of-type(1) .missionF__list__heading {
 background: linear-gradient(transparent 70%, #dee9eb 70%);
}

.missionF__list:nth-of-type(2) {
 margin-left: 13.33333vw;
 color: #f39600;
}

.missionF__list:nth-of-type(2) .missionF__list__heading {
 background: linear-gradient(transparent 70%, #fcf2e5 70%);
}

.missionF__list:nth-of-type(3) {
 margin-left: 20vw;
 color: #c40a15;
}

.missionF__list:nth-of-type(3) .missionF__list__heading {
 background: linear-gradient(transparent 70%, #f6e4e7 70%);
}

.missionF__list:nth-of-type(4) {
 margin-left: 26.66667vw;
 color: #81b825;
}

.missionF__list:nth-of-type(4) .missionF__list__heading {
 background: linear-gradient(transparent 70%, #eff6e9 70%);
}

.missionF__list:nth-of-type(5) {
 margin-left: 33.33333vw;
 color: #38b572;
}

.missionF__list:nth-of-type(5) .missionF__list__heading {
 background: linear-gradient(transparent 70%, #e4eae6 70%);
}

@media screen and (min-width: 801px) {
 .missionF__catch {
  font-size: 1.5vw;
  text-align: left;
 }
 .missionF__catch2 {
  font-size: 1.5vw;
 }
 .missionF__list {
  margin-bottom: 2.5vw;
 }
 .missionF__list__num {
  font-size: 2.25vw;
 }
 .missionF__list__heading {
  font-size: 1.5vw;
 }
 .missionF__list:nth-of-type(1) {
  margin-left: 0;
 }
 .missionF__list:nth-of-type(2) {
  margin-left: 4.375vw;
 }
 .missionF__list:nth-of-type(3) {
  margin-left: 8.75vw;
 }
 .missionF__list:nth-of-type(4) {
  margin-left: 13.125vw;
 }
 .missionF__list:nth-of-type(5) {
  margin-left: 17.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .missionF__catch {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .missionF__catch2 {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .missionF__list {
  margin-bottom: 40px;
 }
 .missionF__list__num {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .missionF__list__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .missionF__list:nth-of-type(2) {
  margin-left: 70px;
 }
 .missionF__list:nth-of-type(3) {
  margin-left: 140px;
 }
 .missionF__list:nth-of-type(4) {
  margin-left: 210px;
 }
 .missionF__list:nth-of-type(5) {
  margin-left: 280px;
 }
}

@media screen and (max-width: 801px) {
 .missionF__btn {
  text-align: center;
 }
}

/*  下層ページ --> キカガクのミッション
------------------------------------------------------------------------------*/
/* ---------------------------------- 冒頭 */
.sec__missionP__intro {
 padding: 10.66667vw 0 0 0;
 background-image: url(../img/mission/sec1_bg-2x.jpg);
 background-size: cover;
}

.missionP__main__content {
 width: 100%;
}

.missionP__main__image {
 margin: 8vw auto 0 auto;
 width: 61.33333vw;
}

.missionP__intro__heading {
 display: inline-block;
 margin: .7em 0;
 background: linear-gradient(to right, #1b8dcc 25%, #57d1ff 75%);
 color: transparent;
 -webkit-background-clip: text;
 font-size: 6.13333vw;
 font-weight: 700;
 line-height: 1.33em;
 letter-spacing: .5em;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .missionP__intro__heading {
  background: none;
  color: #1b8dcc;
 }
}

.missionP__intro__text {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.8em;
 letter-spacing: .3em;
}

@media screen and (min-width: 801px) {
 .sec__missionP__intro {
  padding: 7.5vw 0 0 0;
 }
 .missionP__main__container {
  display: flex;
  justify-content: space-between;
 }
 .missionP__main__content {
  width: 41vw;
 }
 .missionP__main__image {
  margin: 0;
  width: 25vw;
 }
 .missionP__intro__heading {
  font-size: 2.25vw;
 }
 .missionP__intro__text {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__missionP__intro {
  padding: 120px 0 0 0;
 }
 .missionP__main__content {
  width: 656px;
 }
 .missionP__main__image {
  width: 400px;
 }
 .missionP__intro__heading {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .missionP__intro__text {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/* ---------------------------------- 背景ヘッダー */
.missionP__bg__main__box {
 position: relative;
 display: flex;
 align-items: center;
 top: -13.6vw;
 margin: 0 auto;
 margin-bottom: -3.2vw;
 padding-left: 5.33333vw;
 width: 87.33333vw;
 height: 30.66667vw;
 background-color: #0060b0;
}

.missionP__bg__main__box > div {
 height: 20vw;
 border-left: 0.8vw solid #3380c0;
 padding-left: 1.5em;
}

.missionP__bg__main__heading {
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
 letter-spacing: .3em;
}

.missionP__bg__main__subheading {
 margin-top: .2em;
 font-family: "Montserrat", sans-serif;
 color: rgba(255, 255, 255, 0.2);
 font-size: 6.13333vw;
 font-weight: 600;
}

.missionP__bg__main {
 position: relative;
}

.missionP__bg__main:before {
 content: '';
 position: absolute;
 top: 8vw;
 right: 0;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20.66667vw 20.66667vw 0 0;
 border-color: #e5eff7 transparent transparent transparent;
 z-index: -1;
}

.missionP__bg__main:after {
 content: '';
 position: absolute;
 top: 8vw;
 right: 20.66667vw;
 width: 168.66667vw;
 height: 20.66667vw;
 background-color: #e5eff7;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .missionP__bg__main__box {
  top: -5.75vw;
  margin: 0;
  margin-bottom: -1.5vw;
  padding-left: 1.875vw;
  width: 40.9375vw;
  height: 11.25vw;
 }
 .missionP__bg__main__box > div {
  height: 6.25vw;
  border-left: 0.375vw solid #3380c0;
 }
 .missionP__bg__main__heading {
  color: #fff;
  font-size: 1.125vw;
 }
 .missionP__bg__main__subheading {
  font-size: 2.25vw;
 }
 .missionP__bg__main:before {
  top: 0;
  border-width: 9.6875vw 9.6875vw 0 0;
 }
 .missionP__bg__main:after {
  top: 0;
  right: 9.6875vw;
  width: 79.0625vw;
  height: 9.6875vw;
 }
}

@media screen and (min-width: 1601px) {
 .missionP__bg__main__box {
  top: -92px;
  margin-bottom: -24px;
  padding-left: 30px;
  width: 655px;
  height: 180px;
 }
 .missionP__bg__main__box > div {
  height: 100px;
  border-left: 6px solid #3380c0;
 }
 .missionP__bg__main__heading {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .missionP__bg__main__subheading {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .missionP__bg__main:before {
  border-width: 155px 155px 0 0;
 }
 .missionP__bg__main:after {
  right: 155px;
  height: 155px;
 }
}

/* ---------------------------------- 背景コンテンツ */
.missionP__bg {
 position: relative;
 padding: 3.33333vw 0 0 0;
}

.missionP__bg--right {
 margin-bottom: 8vw;
}

.missionP__bg__head {
 position: absolute;
 top: 8.66667vw;
 width: 8vw;
}

.missionP__bg--left .missionP__bg__head {
 left: 0;
}

.missionP__bg--right .missionP__bg__head {
 right: 0;
}

.missionP__bg__heading {
 margin: 1em 0 7.33333vw 0;
 color: #0060b0;
 font-size: 6.13333vw;
 font-weight: 500;
 line-height: 2em;
 letter-spacing: .3em;
}

.missionP__bg__heading__dot {
 position: relative;
}

.missionP__bg__heading__dot:before {
 content: '・';
 position: absolute;
 top: -1.5em;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.missionP__bg__container {
 margin: 40vw auto 0 auto;
 width: 100%;
}

.missionP__bg__box {
 padding: 1.5em;
 background-color: #fff;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 align-self: flex-start;
}

.missionP__bg__box p {
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
}

.missionP__bg__box__text--orange {
 display: inline-block;
 background: linear-gradient(to right, #f7cb6b 25%, #fba980 75%);
 color: transparent;
 -webkit-background-clip: text;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .missionP__bg__box__text--orange {
  background: none;
  color: #fba980;
 }
}

.missionP__bg__box__text--green {
 display: inline-block;
 background: linear-gradient(to right, #7bd7a5 25%, #32b16c 75%);
 color: transparent;
 -webkit-background-clip: text;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .missionP__bg__box__text--green {
  background: none;
  color: #32b16c;
 }
}

.missionP__bg__inner__content {
 margin-bottom: 5.33333vw;
 width: 100%;
}

.missionP__bg__inner__image {
 width: 100%;
}

@media screen and (min-width: 801px) {
 .missionP__bg {
  padding: 1.5625vw 0 0 0;
 }
 .missionP__bg--left {
  margin-bottom: 7.1875vw;
 }
 .missionP__bg--right {
  margin-bottom: 3.75vw;
 }
 .missionP__bg__head {
  top: 4.0625vw;
  width: 4.75vw;
 }
 .missionP__bg__heading {
  margin: 1em 0 3.4375vw 0;
  font-size: 2.25vw;
  line-height: 1.6em;
 }
 .missionP__bg__heading__dot:before {
  top: -1.2em;
 }
 .missionP__bg__container {
  margin: 0 auto;
  width: 62.8125vw;
 }
 .missionP__bg__inner {
  display: flex;
 }
 .missionP__bg__box p {
  font-size: 1.125vw;
  text-align: left;
 }
 .missionP__bg__inner__content {
  margin-bottom: 0;
  margin-right: 1.875vw;
  width: 20.8125vw;
 }
 .missionP__bg__inner__image {
  width: 38.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .missionP__bg {
  padding: 25px  0 0 0;
 }
 .missionP__bg--left {
  margin-bottom: 115px;
 }
 .missionP__bg--right {
  margin-bottom: 60px;
 }
 .missionP__bg__head {
  top: 65px;
  width: 76px;
 }
 .missionP__bg__heading {
  margin: 1em 0 55px 0;
  font-size: 36px;
  font-size: 3.6rem;
 }
 .missionP__bg__container {
  width: 1005px;
 }
 .missionP__bg__box p {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .missionP__bg__inner__content {
  margin-right: 30px;
  width: 333px;
 }
 .missionP__bg__inner__image {
  width: 623px;
 }
}

.missionP__bg--left:before {
 content: '';
 position: absolute;
 top: 33.33333vw;
 left: 26.93333vw;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 19.33333vw 49.33333vw 0;
 border-color: transparent #e5eff7 transparent transparent;
 z-index: -1;
}

.missionP__bg--left:after {
 content: '';
 position: absolute;
 top: 33.33333vw;
 left: 46vw;
 width: 68.75vw;
 height: 49.33333vw;
 background-color: #e5eff7;
 z-index: -1;
}

.missionP__bg--right:before {
 content: '';
 position: absolute;
 top: 33.33333vw;
 right: 26.93333vw;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 49.33333vw 19.33333vw 0 0;
 border-color: #e5eff7 transparent transparent transparent;
 z-index: -1;
}

.missionP__bg--right:after {
 content: '';
 position: absolute;
 top: 33.33333vw;
 right: 46vw;
 width: 68.75vw;
 height: 49.33333vw;
 background-color: #e5eff7;
 z-index: -1;
}

.missionP__box {
 position: relative;
 margin: 8vw auto 0 auto;
 padding-top: 18vw;
 width: 100%;
 height: 93.33333vw;
 background-color: #0060b0;
}

.missionP__box__heading {
 position: absolute;
 top: -.2em;
 left: .07em;
 width: 100%;
 color: #1a70b8;
 font-size: 14.66667vw;
 font-weight: 700;
 letter-spacing: .17em;
 text-align: center;
}

.missionP__bg__box__outer {
 margin-bottom: 5.33333vw;
 width: 100%;
}

.missionP__bg--right__text {
 margin: .7em 0 1em 0;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.6em;
}

.missionP__bg--right__color {
 color: #f29000;
}

.missionP__bg--right__color:before {
 display: inline-block;
 content: '“';
 color: #f9cca3;
}

.missionP__bg--right__color:after {
 display: inline-block;
 position: relative;
 top: .5em;
 content: '”';
 color: #f9cca3;
}

.missionP__text__group {
 position: relative;
 display: flex;
 justify-content: center;
 flex-direction: row-reverse;
 z-index: 2;
}

.missionP__text__group p:last-of-type {
 margin-right: .5em;
}

.missionP__box__text {
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 500;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 line-height: 2.33em;
 letter-spacing: 0.15em;
}

.missionP__box__strong {
 position: relative;
 color: #0060b0;
 z-index: 2;
}

.missionP__box__strong:after {
 content: '';
 position: absolute;
 top: -.2em;
 left: -.2em;
 width: calc(100% + .4em);
 height: calc(100% + .4em);
 background-color: #fff;
 z-index: -1;
}

.missionP__box__bold {
 font-weight: 700;
}

.missionP__model {
 position: relative;
 margin: 13.33333vw 0 5.33333vw 0;
}

.missionP__model__content {
 margin-bottom: 5.33333vw;
 width: 100%;
}

.missionP__model__head {
 position: relative;
 display: flex;
 align-items: center;
 background-image: -moz-linear-gradient(0deg, #024ea1 0%, #26c4ff 100%);
 background-image: -webkit-linear-gradient(0deg, #024ea1 0%, #26c4ff 100%);
 background-image: -ms-linear-gradient(0deg, #024ea1 0%, #26c4ff 100%);
 padding-left: 12.66667vw;
 width: 100%;
 height: 18vw;
 color: #fff;
}

.missionP__model__head:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 18vw 8.66667vw 0 0;
 border-color: #fff transparent transparent transparent;
}

.missionP__model__text {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
 letter-spacing: .3em;
}

.missionP__model__color {
 color: #0060b0;
}

.missionP__followership {
 margin-top: 5.33333vw;
}

#mission-background3 {
 margin: 0;
}

.sec__missionP--about:after {
 content: '';
 position: absolute;
 top: -24vw;
 left: 0;
 width: 100%;
 height: 92vw;
 background-image: url(../img/mission/about_bg.jpg);
 background-size: cover;
 z-index: -1;
}

.sec__mission--team {
 padding: 12vw 0 0 0;
}

@media screen and (min-width: 801px) {
 .missionP__bg--left:before {
  top: 8.75vw;
  left: 12.5vw;
  border-width: 0 9.0625vw 23.125vw 0;
 }
 .missionP__bg--left:after {
  top: 8.75vw;
  left: 21.5625vw;
  width: 68.75vw;
  height: 23.125vw;
 }
 .missionP__bg--right:before {
  top: 11.25vw;
  right: 12.5vw;
  border-width: 16.5625vw 9.0625vw 0 0;
 }
 .missionP__bg--right:after {
  top: 11.25vw;
  right: 21.5625vw;
  width: 68.75vw;
  height: 16.5625vw;
 }
 .missionP__box {
  margin: 1.875vw auto 0 auto;
  padding-top: 5.9375vw;
  width: 50vw;
  height: 37.5vw;
 }
 .missionP__box__heading {
  font-size: 8.5vw;
 }
 .missionP__bg__box__outer {
  margin: 0;
  width: 31.25vw;
 }
 .missionP__bg--right__text {
  font-size: 1.5vw;
  text-align: left;
 }
 .missionP__box__text {
  font-size: 1.5vw;
 }
 .missionP__model {
  display: flex;
  align-items: center;
  margin: 6.25vw 0 2.5vw 0;
 }
 .missionP__model__content {
  width: 32.8125vw;
 }
 .missionP__model__head {
  padding-left: 5.9375vw;
  width: 42.1875vw;
  height: 5.3125vw;
 }
 .missionP__model__head:before {
  border-width: 5.3125vw 4.0625vw 0 0;
 }
 .missionP__model__text {
  font-size: 1.125vw;
 }
 .missionP__followership {
  margin-top: 1.875vw;
 }
 .sec__missionP--about:after {
  top: -11.25vw;
  height: 43.125vw;
 }
 .sec__mission--team {
  padding: 5vw 0 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .missionP__bg--left:before {
  top: 140px;
  left: 200px;
  border-width: 0 145px 370px 0;
 }
 .missionP__bg--left:after {
  top: 140px;
  left: 345px;
  width: 68.75vw;
  height: 370px;
 }
 .missionP__bg--right:before {
  top: 180px;
  right: 200px;
  border-width: 265px 145px 0 0;
 }
 .missionP__bg--right:after {
  top: 180px;
  right: 345px;
  width: 68.75vw;
  height: 265px;
 }
 .missionP__box {
  margin: 30px auto 0 auto;
  padding-top: 95px;
  width: 800px;
  height: 600px;
 }
 .missionP__box__heading {
  font-size: 136px;
  font-size: 13.6rem;
 }
 .missionP__bg__box__outer {
  width: 500px;
 }
 .missionP__bg--right__text {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .missionP__box__text {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .missionP__model {
  margin: 100px 0 40px 0;
 }
 .missionP__model__content {
  margin-bottom: 0;
  width: 505px;
 }
 .missionP__model__head {
  padding-left: 95px;
  width: 695px;
  height: 85px;
 }
 .missionP__model__head:before {
  border-width: 85px 65px 0 0;
 }
 .missionP__model__text {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .missionP__followership {
  margin-top: 30px;
 }
 .sec__missionP--about:after {
  top: -180px;
  height: 690px;
 }
 .sec__mission--team {
  padding: 80px 0 0 0;
 }
}

.missionP__team__container {
 background-color: rgba(255, 255, 255, 0.9);
}

.missionP__team__content {
 position: relative;
 padding: 13.33333vw 3.33333vw 13.33333vw 3.33333vw;
}

.missionP__team__content:after {
 position: absolute;
 top: 50%;
 left: 50%;
 content: '';
 display: inline-block;
 width: 68.13333vw;
 height: 68.53333vw;
 background-image: url(../img/front/recruit/bg_logo.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
 .missionP__team__content:after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
}

.missionP__team__image {
 align-self: stretch;
 width: 100%;
 height: 66.66667vw;
 background-image: url(../img/front/recruit/image-2x.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .missionP__team__container {
  display: flex;
 }
 .missionP__team__content {
  padding: 4.6875vw 3.125vw 4.375vw 6.25vw;
  width: 46.5625vw;
 }
 .missionP__team__content:after {
  left: 6.25vw;
  width: 31.9375vw;
  height: 32.125vw;
 }
 .missionP__team__image {
  width: calc(100% - 46.5625vw);
  height: auto;
 }
}

@media screen and (min-width: 1601px) {
 .missionP__team__content {
  padding: 75px 3.125vw 70px 6.25vw;
 }
 .missionP__team__content:after {
  width: 511px;
  height: 514px;
 }
}

@media screen and (max-width: 800px) {
 #mission-about .btn a {
  line-height: 1.4em;
 }
 #mission-about .btn--radius {
  height: 14.66667vw;
 }
 #mission-about .btn--radius a {
  height: 14.66667vw;
 }
 #mission-about .btn--radius__effect {
  height: 14.66667vw;
 }
}

/*  トップページ --> キカガクの実績
------------------------------------------------------------------------------*/
.sec__results {
 position: relative;
 padding: 16vw 0;
 background-image: url(../img/front/results/bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__results {
  padding: 7.5vw 0 6.25vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__results {
  padding: 120px 0 100px 0;
 }
}

.resultsF {
 padding: 2.66667vw;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

.resultsF:nth-of-type(1) {
 margin-bottom: 4vw;
}

.resultsF__inner {
 background-color: #fff;
}

@media screen and (min-width: 801px) {
 .resultsF__container {
  display: flex;
  justify-content: space-between;
 }
 .resultsF {
  padding: 0.625vw;
  width: 36.6875vw;
 }
 .resultsF:nth-of-type(1) {
  margin-bottom: 0;
 }
}

@media screen and (min-width: 1601px) {
 .resultsF {
  padding: 10px;
  width: 587px;
 }
}

.resultsF__heading__container {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 26.26667vw;
 background-image: url(../img/front/results/head_bg.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.resultsF__heading {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
 letter-spacing: .3em;
}

.resultsF__heading__num {
 position: relative;
 top: -.2em;
 padding: 0 .1em;
 font-family: "Montserrat", sans-serif;
 font-size: 12vw;
 font-weight: 700;
 letter-spacing: 0;
}

@media screen and (min-width: 801px) {
 .resultsF__heading__container {
  height: 10.625vw;
 }
 .resultsF__heading {
  font-size: 1.5vw;
 }
 .resultsF__heading__num {
  font-size: 5vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsF__heading__container {
  height: 170px;
 }
 .resultsF__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .resultsF__heading__num {
  font-size: 80px;
  font-size: 8.0rem;
 }
}

.resultsF__image {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 45.33333vw;
}

.resultsF__image__text {
 position: absolute;
 bottom: 1em;
 right: 2em;
 color: #0060b0;
}

.resultsF__image__inner {
 margin: 0 auto;
 padding-bottom: 1.5em;
}

.resultsF:nth-of-type(1) .resultsF__image__inner {
 width: 46.93333vw;
}

.resultsF:nth-of-type(2) .resultsF__image__inner {
 width: 52.26667vw;
}

@media screen and (min-width: 801px) {
 .resultsF__image {
  height: 18.125vw;
 }
 .resultsF:nth-of-type(1) .resultsF__image__inner {
  width: 22vw;
 }
 .resultsF:nth-of-type(2) .resultsF__image__inner {
  width: 24.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsF__image {
  height: 290px;
 }
 .resultsF:nth-of-type(1) .resultsF__image__inner {
  width: 352px;
 }
 .resultsF:nth-of-type(2) .resultsF__image__inner {
  width: 392px;
 }
}

/*  下層ページ --> キカガクの実績
------------------------------------------------------------------------------*/
.resultsP__sec__head {
 margin-bottom: 6vw;
}

.resultsP__sec__heading {
 color: #fff;
 font-size: 6.13333vw;
 font-weight: 700;
 letter-spacing: .3em;
 text-indent: .3em;
}

#results-lecture .resultsP__sec__heading {
 color: #0060b0;
}

.resultsP__sec__subheading {
 margin-bottom: .8em;
 color: rgba(255, 255, 255, 0.2);
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 text-transform: uppercase;
}

#results-lecture .resultsP__sec__subheading {
 color: rgba(0, 96, 170, 0.2);
}

@media screen and (min-width: 801px) {
 .resultsP__sec__head {
  margin-bottom: 2.8125vw;
 }
 .resultsP__sec__heading {
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__sec__head {
  margin-bottom: 45px;
 }
 .resultsP__sec__heading {
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/* ---------------------------------- 実績 */
.sec__resultsP--results {
 padding: 16vw 0 26.66667vw 0;
 background-image: url(../img/results/results_bg.jpg);
 background-size: cover;
 background-position: center;
}

.resultsP__results__heading {
 position: absolute;
 top: 0;
 left: 50%;
 color: #0060b0;
 font-family: "Montserrat", sans-serif;
 font-size: 16.66667vw;
 font-weight: 600;
 text-align: center;
 line-height: .7em;
 letter-spacing: .15em;
 opacity: 0.1;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.resultsP__results__text {
 color: #0060b0;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 letter-spacing: .3em;
}

.resultsP__results__num {
 font-family: "Montserrat", sans-serif;
 font-size: 12vw;
 font-weight: 700;
 letter-spacing: 0;
}

@media screen and (min-width: 801px) {
 .sec__resultsP--results {
  padding: 7.5vw 0 9.6875vw 0;
  background-size: 100%;
 }
 .resultsP__results__heading {
  font-size: 7.5vw;
 }
 .resultsP__results__text {
  font-size: 1.5vw;
 }
 .resultsP__results__num {
  font-size: 5vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__resultsP--results {
  padding: 120px 0 155px 0;
 }
 .resultsP__results__heading {
  font-size: 120px;
  font-size: 12.0rem;
 }
 .resultsP__results__text {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .resultsP__results__num {
  font-size: 80px;
  font-size: 8.0rem;
 }
}

/* ---------------------------------- 研修 */
.sec__resultsP--training {
 position: relative;
 padding: 26.66667vw 0 21.33333vw 0;
 background-image: url(../img/results/training_bg.jpg);
 background-size: cover;
 background-position: center;
}

.resultsP__training__headbox {
 position: relative;
 top: -34vw;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 margin-bottom: -20.66667vw;
 width: 100%;
 height: 37.33333vw;
 background-color: #0060b0;
 background-image: url(../img/results/training_head.png);
 background-position: center right;
 background-size: auto 100%;
 color: #fff !important;
}

.resultsP__headbox__text {
 margin-top: 1.5em;
 color: #fff;
 font-weight: 700;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .sec__resultsP--training {
  padding: 9.6875vw 0 10vw 0;
 }
 .resultsP__training__headbox {
  top: -15.9375vw;
  margin-bottom: -9.6875vw;
  width: 50vw;
  height: 12.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__resultsP--training {
  padding: 155px 0 160px 0;
 }
 .resultsP__training__headbox {
  top: -255px;
  margin-bottom: -155px;
  width: 800px;
  height: 200px;
 }
}

.resultsP__training > div {
 margin: 0 auto 8vw auto;
 width: 80vw;
}

.resultsP__training > div:last-of-type {
 margin-bottom: 0;
}

.resultsP__training__image {
 position: relative;
 z-index: 1;
}

.resultsP__training__image > div {
 position: relative;
 border: 0.8vw solid #0060b0;
 z-index: 2;
}

.resultsP__training__image:before {
 content: '';
 position: absolute;
 top: -1.33333vw;
 right: -1.33333vw;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 z-index: -1;
}

.resultsP__training__heading {
 display: inline-block;
 position: relative;
 top: -1em;
 left: .5em;
 margin-bottom: -1em;
 padding: .3em .7em;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

.resultsP__training__heading span {
 position: relative;
 z-index: 3;
}

.resultsP__training__heading:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #0060b0;
 -webkit-transform: skewX(-15deg);
 transform: skewX(-15deg);
 z-index: 2;
}

.resultsP__training__content p {
 margin-top: 1em;
 font-weight: 700;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .resultsP__training {
  position: relative;
  display: flex;
  justify-content: space-between;
 }
 .resultsP__training > div {
  width: 30vw;
 }
 .resultsP__training__image > div {
  border: 0.1875vw solid #0060b0;
 }
 .resultsP__training__image:before {
  top: -0.625vw;
  right: -0.625vw;
 }
 .resultsP__training__heading {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__training > div {
  width: 480px;
 }
 .resultsP__training__image > div {
  border: 3px solid #0060b0;
 }
 .resultsP__training__image:before {
  top: -10px;
  right: -10px;
 }
 .resultsP__training__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

.resultsP__training__corp {
 position: relative;
 margin-top: 20vw;
 height: 100%;
}

.resultsP__training__corp .resultsP__training__heading {
 position: absolute;
 left: 50%;
 padding: .3em 1.5em;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 3;
}

.resultsP__training__corp > div {
 position: relative;
 padding: 10.66667vw 0 8vw 0;
 background-color: #fff;
 border: 0.8vw solid #0060b0;
 z-index: 2;
}

.resultsP__training__corp:before {
 content: '';
 position: absolute;
 top: 1.33333vw;
 right: -1.33333vw;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -webkit-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -ms-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
}

.resultsP__training__corp p {
 margin: 0 0 6vw 0;
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.6em;
}

.resultsP__training__corp__list {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 margin: 0 auto;
 width: 80vw;
 border: 1px solid #c9c9c9;
}

.resultsP__training__corp__list li {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 50%;
 height: 17.33333vw;
 border-right: 1px solid #c9c9c9;
}

.resultsP__training__corp__list li:nth-child(1),
.resultsP__training__corp__list li:nth-child(2),
.resultsP__training__corp__list li:nth-child(3),
.resultsP__training__corp__list li:nth-child(4),
.resultsP__training__corp__list li:nth-child(5),
.resultsP__training__corp__list li:nth-child(6) {
 border-bottom: 1px solid #c9c9c9;
}

.resultsP__training__corp__list li:nth-child(2),
.resultsP__training__corp__list li:nth-child(4),
.resultsP__training__corp__list li:nth-child(6),
.resultsP__training__corp__list li:nth-child(8) {
 border-right: none;
}

@media screen and (min-width: 801px) {
 .resultsP__training__corp {
  margin-top: 0;
 }
 .resultsP__training__corp > div {
  padding: 3.125vw 0 3.75vw 0;
  border: 0.1875vw solid #0060b0;
 }
 .resultsP__training__corp:before {
  top: 0.625vw;
  right: -0.625vw;
 }
 .resultsP__training__corp p {
  margin: 0 0 2.8125vw 0;
  font-size: 1.125vw;
 }
 .resultsP__training__corp__list {
  width: 62.5vw;
 }
 .resultsP__training__corp__list li {
  width: 25%;
  height: 6.5625vw;
 }
 .resultsP__training__corp__list li:nth-child(5),
 .resultsP__training__corp__list li:nth-child(6) {
  border-bottom: none;
 }
 .resultsP__training__corp__list li:nth-child(2),
 .resultsP__training__corp__list li:nth-child(6) {
  border-right: 1px solid #c9c9c9;
 }
 .resultsP__training__corp__list li:nth-child(4),
 .resultsP__training__corp__list li:nth-child(8) {
  border-right: none;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__training__corp > div {
  padding: 50px 0 60px 0;
  border: 3px solid #0060b0;
 }
 .resultsP__training__corp:before {
  top: 10px;
  right: -10px;
 }
 .resultsP__training__corp p {
  margin: 0 0 45px 0;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .resultsP__training__corp__list {
  width: 1000px;
 }
 .resultsP__training__corp__list li {
  height: 105px;
 }
}

/* ---------------------------------- コンテンツ制作 */
.sec__resultsP--contents {
 position: relative;
 padding: 40vw 0 13.33333vw 0;
}

.sec__resultsP--contents:before {
 content: '';
 position: absolute;
 top: 32vw;
 right: 0;
 width: 100%;
 height: 90%;
 background-color: #e5eff7;
 z-index: -1;
}

.resultsP__contents__headbox {
 position: absolute;
 top: 0;
 left: 0;
 display: flex;
 align-items: center;
 width: 100%;
 height: 32vw;
 padding-left: 3em;
 background-color: #0060b0;
 background-image: url(../img/results/contents_head.png);
 background-position: center right;
 background-size: auto 100%;
 color: #fff !important;
}

.resultsP__contents__headbox .resultsP__sec__heading {
 text-indent: -.1em;
}

@media screen and (min-width: 801px) {
 .sec__resultsP--contents {
  padding: 8.125vw 0 2.1875vw 0;
  background-size: 100%;
 }
 .sec__resultsP--contents:before {
  top: 11.5625vw;
  width: 81.25vw;
  height: 28.125vw;
 }
 .resultsP__contents__headbox {
  top: 4.375vw;
  justify-content: center;
  padding-left: 0;
  width: 31.875vw;
  height: 12.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__resultsP--contents {
  padding: 130px 0 35px 0;
 }
 .sec__resultsP--contents:before {
  top: 185px;
  height: 450px;
 }
 .resultsP__contents__headbox {
  top: 70px;
  width: 510px;
  height: 200px;
 }
}

.resultsP__contents {
 margin: 0;
}

.resultsP__contents a {
 display: block;
 margin: 0 auto 5.33333vw auto;
 width: 80vw;
}

.resultsP__contents__image .img__scale,
.resultsP__contents__image img {
 border-radius: 1.2em 1.2em 0 0;
}

.resultsP__contents__content {
 border-radius: 0 0 1.2em 1.2em;
 padding: 4vw 2.66667vw 3.33333vw 2.66667vw;
 background-color: #fff;
 border-left: 1px solid #c9c9c9;
 border-right: 1px solid #c9c9c9;
 border-bottom: 1px solid #c9c9c9;
}

.resultsP__contents__heading {
 margin-bottom: 1em;
 color: #0060b0;
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.resultsP__contents__content p {
 font-weight: 700;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .resultsP__contents__inner {
  margin: 0 auto;
  width: 87.5vw;
 }
 .resultsP__contents {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  width: 60.3125vw;
 }
 .resultsP__contents a {
  margin: 0;
  width: 29.375vw;
 }
 .resultsP__contents__content {
  padding: 1.875vw 1.25vw 1.5625vw 1.25vw;
 }
 .resultsP__contents__heading {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__contents__inner {
  width: 1400px;
 }
 .resultsP__contents {
  width: 965px;
 }
 .resultsP__contents a {
  width: 470px;
 }
 .resultsP__contents__content {
  padding: 30px 20px 25px 20px;
 }
 .resultsP__contents__heading {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/* ---------------------------------- 事業開発支援 */
.sec__resultsP--support {
 position: relative;
 padding: 40vw 0 13.33333vw 0;
}

.sec__resultsP--support:before {
 content: '';
 position: absolute;
 top: 32vw;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #ebf7f1;
 z-index: -1;
}

.resultsP__support__headbox {
 position: absolute;
 top: 0;
 right: 0;
 display: flex;
 align-items: center;
 padding-left: 3em;
 width: 100%;
 height: 32vw;
 background-color: #39b572;
 background-image: url(../img/results/support_head.png);
 background-position: center right;
 background-size: auto 100%;
 color: #fff !important;
}

.resultsP__support__headbox .resultsP__sec__heading {
 text-indent: -.1em;
}

@media screen and (min-width: 801px) {
 .sec__resultsP--support {
  padding: 8.125vw 0 9.375vw 0;
  background-size: 100%;
 }
 .sec__resultsP--support:before {
  top: 11.5625vw;
  width: 81.25vw;
  height: 23.75vw;
 }
 .resultsP__support__headbox {
  top: 4.375vw;
  width: 31.875vw;
  height: 12.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__resultsP--support {
  padding: 130px 0 150px 0;
 }
 .sec__resultsP--support:before {
  top: 185px;
  height: 380px;
 }
 .resultsP__support__headbox {
  top: 70px;
  width: 510px;
  height: 200px;
 }
}

.resultsP__support {
 margin: 0;
}

.resultsP__support > div {
 display: block;
 margin: 0 auto 10.66667vw auto;
 width: 80vw;
}

.resultsP__support__image {
 border: 1px solid #c9c9c9;
}

.resultsP__support__content {
 padding: 4vw 0 0 0;
}

.resultsP__support__heading {
 margin-bottom: .8em;
 color: #0060b0;
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.resultsP__support__content p {
 font-weight: 700;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .resultsP__support__inner {
  margin: 0 auto;
  width: 87.5vw;
 }
 .resultsP__support {
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  width: 60.625vw;
 }
 .resultsP__support > div {
  margin: 0;
  width: 19.375vw;
 }
 .resultsP__support__content {
  padding: 1.5625vw 0 0 0;
 }
 .resultsP__support__heading {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__support__inner {
  width: 1400px;
 }
 .resultsP__support {
  width: 970px;
 }
 .resultsP__support > div {
  width: 310px;
 }
 .resultsP__support__content {
  padding: 25px 0 0 0;
 }
 .resultsP__support__heading {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/* ---------------------------------- キカガクが選ばれる理由 */
.resultsP__features__head {
 position: relative;
 display: flex;
 align-items: center;
 height: 53.33333vw;
 background-image: url(../img/results/features_bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .resultsP__features__head {
  margin-bottom: 6.5625vw;
  height: 26.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__features__head {
  margin-bottom: 105px;
  height: 420px;
 }
}

.resultsP__features > div {
 margin: 0 auto;
 padding: 8vw 0 10.66667vw 0;
}

.resultsP__features {
 position: relative;
 display: flex;
 align-items: center;
 background-size: cover;
 background-position: center;
}

.resultsP__features01 {
 background-image: url(../img/results/features01_bg.jpg);
}

.resultsP__features02 {
 background-image: url(../img/results/features02_bg.jpg);
}

.resultsP__features03 {
 background-image: url(../img/results/features03_bg.jpg);
}

.resultsP__features__image {
 position: relative;
 margin-bottom: 6.66667vw;
 width: 80vw;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 800px) {
 .resultsP__features02 .resultsP__features__image {
  margin-left: auto;
 }
}

.resultsP__features__content {
 position: relative;
 padding: 0 5.33333vw;
}

.resultsP__features__content p {
 font-size: 1.2em;
 font-weight: 700;
 line-height: 1.8em;
}

.resultsP__features__heading {
 margin-bottom: .7em;
 font-size: 5.33333vw;
 font-weight: 700;
}

.resultsP__features01 .resultsP__features__heading {
 color: #0060b0;
}

.resultsP__features02 .resultsP__features__heading {
 color: #39b572;
}

.resultsP__features03 .resultsP__features__heading {
 color: #fbad7d;
}

@media screen and (min-width: 801px) {
 .resultsP__features > div {
  margin: 0 auto;
  padding: 1.5625vw 0;
  width: 87.5vw;
 }
 .resultsP__features {
  height: 27.8125vw;
 }
 .resultsP__features__inner {
  display: flex;
  align-items: center;
  width: 75vw;
 }
 .resultsP__features01 .resultsP__features__inner,
 .resultsP__features03 .resultsP__features__inner {
  margin-right: auto;
 }
 .resultsP__features02 .resultsP__features__inner {
  margin-left: auto;
 }
 .resultsP__features__image {
  top: -3.125vw;
  margin-bottom: 0;
  width: 37.5vw;
 }
 .resultsP__features__content {
  top: -1.5625vw;
  padding: 0 2.1875vw 0 6.25vw;
  width: calc(100% - 37.5vw);
 }
 .resultsP__features02 .resultsP__features__content {
  padding: 0 6.25vw 0 2.1875vw;
 }
 .resultsP__features02 .resultsP__features__image {
  order: 2;
 }
 .resultsP__features02 .resultsP__features__content {
  order: 1;
 }
 .resultsP__features__heading {
  font-size: 1.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .resultsP__features > div {
  padding: 25px 0;
  width: 1400px;
 }
 .resultsP__features__inner {
  width: 1200px;
 }
 .resultsP__features {
  height: 445px;
 }
 .resultsP__features__image {
  top: -50px;
  width: 600px;
 }
 .resultsP__features__content {
  top: -25px;
  padding: 0 35px 0 100px;
  width: calc(100% - 600px);
 }
 .resultsP__features02 .resultsP__features__content {
  padding: 0 100px 0 35px;
 }
 .resultsP__features__heading {
  font-size: 30px;
  font-size: 3.0rem;
 }
}

/* ---------------------------------- ギャラリー */
.sec__resultsP--gallery {
 padding: 18.66667vw 0 0 0;
}

.resultsP__gallery__heading {
 position: absolute;
 top: 2.66667vw;
 left: 50%;
 color: #0060b0;
 font-family: "Montserrat", sans-serif;
 font-size: 16.66667vw;
 font-weight: 600;
 text-align: center;
 line-height: .7em;
 letter-spacing: .15em;
 opacity: 0.1;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

@media screen and (min-width: 801px) {
 .sec__resultsP--gallery {
  padding: 10.625vw 0 0 0;
 }
 .resultsP__gallery__heading {
  top: 0;
  font-size: 15vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__resultsP--gallery {
  padding: 170px 0 0 0;
 }
 .resultsP__gallery__heading {
  font-size: 240px;
  font-size: 24.0rem;
 }
}

/* ---------------------------------- キカガクの講義の良さ */
.sec__results--lecture {
 padding: 17.33333vw 0 0 0;
}

.resultsP__lecture__container {
 margin: 0 auto;
 width: 92vw;
}

.resultsP__lecture {
 margin-bottom: 8vw;
}

.resultsP__lecture__content {
 position: relative;
 padding: 9.33333vw 0 5.33333vw 0;
}

.resultsP__lecture__circle {
 position: absolute;
 top: -14.66667vw;
 left: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 29.33333vw;
 height: 29.33333vw;
 border-radius: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.resultsP__lecture__circle > div {
 position: relative;
 top: -4vw;
 width: 12.93333vw;
}

.resultsP__lecture__heading {
 position: relative;
 margin-bottom: 1.3em;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 z-index: 2;
}

.resultsP__lecture__content p {
 position: relative;
 color: #fff;
 font-size: 2.93333vw;
 font-weight: 700;
 line-height: 1.8em;
 text-align: center;
 z-index: 2;
}

.resultsP__lecture__container > div:nth-child(1) .resultsP__lecture__content,
.resultsP__lecture__container > div:nth-child(1) .resultsP__lecture__circle {
 background-color: #0060b0;
}

.resultsP__lecture__container > div:nth-child(2) .resultsP__lecture__content,
.resultsP__lecture__container > div:nth-child(2) .resultsP__lecture__circle {
 background-color: #39b572;
}

.resultsP__lecture__container > div:nth-child(3) .resultsP__lecture__content,
.resultsP__lecture__container > div:nth-child(3) .resultsP__lecture__circle {
 background-color: #fbad7d;
}

@media screen and (min-width: 801px) {
 .sec__results--lecture {
  padding: 8.125vw 0 0 0;
 }
 .resultsP__lecture__container {
  display: flex;
  margin: 0;
  width: 100%;
 }
 .resultsP__lecture {
  margin-bottom: 0;
  width: 33.33333%;
 }
 .resultsP__lecture__content {
  padding: 4.375vw 0 2.5vw 0;
 }
 .resultsP__lecture__circle {
  top: -6.875vw;
  width: 13.75vw;
  height: 13.75vw;
 }
 .resultsP__lecture__circle > div {
  top: -1.875vw;
  width: 6.0625vw;
 }
 .resultsP__lecture__heading {
  font-size: 1.5vw;
 }
 .resultsP__lecture__content p {
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__results--lecture {
  padding: 130px 0 0 0;
 }
 .resultsP__lecture__content {
  padding: 70px 0 40px 0;
 }
 .resultsP__lecture__circle {
  top: -110px;
  width: 220px;
  height: 220px;
 }
 .resultsP__lecture__circle > div {
  top: -30px;
  width: 97px;
 }
 .resultsP__lecture__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .resultsP__lecture__content p {
  font-size: 15px;
  font-size: 1.5rem;
 }
}

/*  トップページ --> ポートフォリオ
------------------------------------------------------------------------------*/
.portfolioF__container a {
 display: block;
 margin-bottom: 5.33333vw;
 border-radius: 1.2em;
 background-color: #fff;
}

.portfolioF__container .img__scale {
 border-radius: 1.2em 1.2em 0 0;
}

@media screen and (min-width: 801px) {
 .portfolioF__container {
  display: flex;
  margin-left: -1.25vw;
 }
 .portfolioF__container a {
  margin-left: 1.25vw;
  margin-bottom: 0;
  width: calc(33.33333% - 1.25vw);
 }
}

@media screen and (min-width: 1601px) {
 .portfolioF__container {
  margin-left: -20px;
 }
 .portfolioF__container a {
  margin-left: 20px;
  width: calc(33.33333% - 20px);
 }
}

.portfolioF__content {
 padding: 3.33333vw 4vw 4.66667vw 4vw;
}

.portfolioF__heading {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
 min-height: calc(1.6 * 2);
}

@media screen and (min-width: 801px) {
 .portfolioF__content {
  padding: 0.9375vw 1.875vw 1.875vw 1.875vw;
 }
 .portfolioF__heading {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .portfolioF__content {
  padding: 15px 30px 30px 30px;
 }
 .portfolioF__heading {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/*  トップページ --> キカガクのミッション
------------------------------------------------------------------------------*/
.sec__features {
 position: relative;
 padding: 16vw 0;
 background-image: url(../img/front/features/bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__features {
  padding: 7.5vw 0 6.25vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__features {
  padding: 120px 0 100px 0;
 }
}

.featuresF {
 position: relative;
 display: block;
 margin-bottom: 5.33333vw;
}

@media screen and (min-width: 801px) {
 .featuresF__container {
  display: flex;
  margin-left: -2.9375vw;
 }
 .featuresF {
  margin-left: 2.9375vw;
  margin-bottom: 0;
  width: calc(33.33333% - 2.9375vw);
 }
}

@media screen and (min-width: 1601px) {
 .featuresF__container {
  margin-left: -47px;
 }
 .featuresF {
  margin-left: 47px;
  width: calc(33.33333% - 47px);
 }
}

.featuresF__image {
 position: relative;
 width: calc(100% - .5em);
 height: 68.66667vw;
}

.featuresF__image__inner {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
}

.featuresF__image:before {
 content: '';
 position: absolute;
 top: -.5em;
 right: -.5em;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 z-index: 1;
}

@media screen and (min-width: 801px) {
 .featuresF__image {
  width: 100%;
  height: 16.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .featuresF__image {
  height: 270px;
 }
}

.featuresF__label {
 display: flex;
 align-items: flex-end;
 color: #0060b0;
 font-family: "Montserrat", sans-serif;
 font-size: 3.73333vw;
 font-weight: 700;
}

.featuresF__label span {
 margin-left: .3em;
 font-size: 6.13333vw;
}

.featuresF__heading {
 display: inline-block;
 position: relative;
 top: -1em;
 margin-bottom: -1em;
 padding: .3em .7em;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

.featuresF__heading span {
 position: relative;
 z-index: 3;
}

.featuresF__heading:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #0060b0;
 -webkit-transform: skewX(-15deg);
 transform: skewX(-15deg);
 z-index: 2;
}

.featuresF__text {
 font-size: 3.46667vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .featuresF__label {
  font-size: 1.125vw;
 }
 .featuresF__label span {
  font-size: 2.25vw;
 }
 .featuresF__heading {
  font-size: 1.5vw;
 }
 .featuresF__text {
  font-size: 1vw;
 }
}

@media screen and (min-width: 1601px) {
 .featuresF__label {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .featuresF__label span {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .featuresF__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .featuresF__text {
  font-size: 16px;
  font-size: 1.6rem;
 }
}

@media screen and (min-width: 801px) {
 .featuresF:nth-of-type(2) {
  top: 2.5vw;
 }
 .featuresF:nth-of-type(3) {
  top: 5vw;
 }
}

@media screen and (min-width: 1601px) {
 .featuresF:nth-of-type(2) {
  top: 40px;
 }
 .featuresF:nth-of-type(3) {
  top: 80px;
 }
}

/*  トップページ --> キカガクの事業内容
------------------------------------------------------------------------------*/
.sec__business {
 padding: 12vw 0 9.33333vw 0;
 background-image: url(../img/front/business/bg.jpg);
 background-size: cover;
 background-position: center;
}

.sec__business1 {
 padding: 0 0 15.33333vw 0;
}

.sec__business2 {
 padding: 1.2vw 0 15.33333vw 0;
}

@media screen and (min-width: 801px) {
 .sec__business {
  padding: 5.625vw 0 4.375vw 0;
 }
 .sec__business1 {
  padding: 0 0 7.1875vw 0;
 }
 .sec__business2 {
  padding: 0 0 7.8125vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__business {
  padding: 90px 0 70px 0;
 }
 .sec__business1 {
  padding: 0 0 115px 0;
 }
 .sec__business2 {
  padding: 0 0 125px 0;
 }
}

/* ---------------------------------- ビジネス１ */
.businessF__image {
 margin-bottom: 5.33333vw;
}

@media screen and (min-width: 801px) {
 .businessF__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .businessF__image {
  margin-bottom: 0;
  width: 35vw;
 }
 .businessF__content {
  width: 37.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessF__image {
  width: 560px;
 }
 .businessF__content {
  width: 600px;
 }
}

.businessF__content {
 position: relative;
}

.businessF__box {
 position: relative;
 display: block;
 padding: 2vw;
 width: 100%;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

.businessF__box__heading {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: .3em 0;
 color: #fff;
 font-size: 4.26667vw;
 font-weight: 700;
}

.businessF__box__inner {
 padding: 5.33333vw 6.66667vw;
 background-color: #fff;
}

.businessF__box__text {
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
}

.businessF__box__illust {
 position: absolute;
 top: 1.33333vw;
 right: 2.66667vw;
 width: 13.6vw;
 height: 22.26667vw;
}

@media screen and (min-width: 801px) {
 .businessF__box {
  padding: 0.3125vw;
 }
 .businessF__box__heading {
  font-size: 1.5vw;
 }
 .businessF__box__inner {
  padding: 1.875vw 2.5vw;
 }
 .businessF__box__text {
  font-size: 1.5vw;
  text-align: left;
 }
 .businessF__box__illust {
  top: 1.25vw;
  right: 1.5625vw;
  width: 4.875vw;
  height: 9.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessF__box {
  padding: 5px;
 }
 .businessF__box__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .businessF__box__inner {
  padding: 30px 40px;
 }
 .businessF__box__text {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .businessF__box__illust {
  top: 20px;
  right: 25px;
  width: 78px;
  height: 148px;
 }
}

.businessF__text {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 2em;
}

@media screen and (min-width: 801px) {
 .businessF__text {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessF__text {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/* ---------------------------------- ビジネス２ */
.businessF2__title__container {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 9.33333vw;
}

.businessF2__title__container--green {
 color: #00a00b;
 background-color: #e8feef;
}

.businessF2__title__container--blue {
 color: #0060b0;
 background-color: #b7e9fd;
}

.businessF2__title {
 padding: 0 1em;
 font-size: 4.53333vw;
 font-weight: 700;
}

.businessF2__title__container span:nth-of-type(1) {
 font-family: "Montserrat", sans-serif;
 font-size: 9.33333vw;
 font-style: italic;
 font-weight: 400;
 opacity: 0.1;
}

.businessF2__title__container span:nth-of-type(2) {
 font-family: "Montserrat", sans-serif;
 font-size: 3.33333vw;
 font-weight: 700;
}

.businessF2__container > div {
 margin-bottom: 5.33333vw;
}

.businessF2__image,
.businessF3__image {
 position: relative;
 display: block;
 width: 100%;
 background-color: #fff;
}

.businessF2__image:after,
.businessF3__image:after {
 content: '';
 position: absolute;
 right: 0;
 top: 0;
 display: block;
 width: 100%;
 height: 100%;
 transition: width 1.5s cubic-bezier(0.25, 1, 0.25, 1);
 z-index: 1;
}

.businessF2__image--green:after,
.businessF3__image--green:after {
 background-color: #39b572;
}

.businessF2__image--purple:after,
.businessF3__image--purple:after {
 background-color: #b9b8e6;
}

.businessF2__image--orange:after {
 background-color: #fbad7d;
}

.businessF2__image.is-move:after,
.businessF3__image.is-move:after {
 width: 0;
}

.businessF2__catch {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
 min-height: calc(1.4em * 2);
}

.businessF2__heading,
.businessF3__heading {
 font-size: 5.06667vw;
 font-weight: 700;
}

.businessF2__heading {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 21.33333vw;
 text-align: center;
 line-height: 1.4em;
}

.businessF3__heading {
 margin: 1.3em 0 .8em 0;
 line-height: 1.4em;
}

.businessF2__heading--green,
.businessF3__heading--green {
 color: #39b572;
}

.businessF2__heading--purple,
.businessF3__heading--purple {
 color: #4d2782;
}

.businessF2__heading--orange {
 color: #fbad7d;
}

.businessF2__subheading {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.businessF2__text {
 width: 100%;
}

@media screen and (min-width: 801px) {
 .businessF2__title__container {
  height: 3.75vw;
 }
 .businessF2__title {
  font-size: 1.5vw;
 }
 .businessF2__title__container span:nth-of-type(1) {
  font-size: 3.75vw;
 }
 .businessF2__title__container span:nth-of-type(2) {
  font-size: 0.9375vw;
 }
 .businessF2__container {
  display: flex;
  margin-left: -1.875vw;
 }
 .businessF2__container > div {
  margin: 0 0 0 1.875vw;
  width: calc(33.33333% - 1.875vw);
 }
 .businessF2__catch {
  justify-content: flex-start;
  font-size: 1.125vw;
  text-align: left;
 }
 .businessF2__heading,
 .businessF3__heading {
  font-size: 1.5vw;
 }
 .businessF2__heading {
  height: 5.625vw;
 }
 .businessF2__subheading {
  font-size: 1.125vw;
 }
 .businessF2__text {
  width: 29.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessF2__title__container {
  height: 60px;
 }
 .businessF2__title {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .businessF2__title__container span:nth-of-type(1) {
  font-size: 60px;
  font-size: 6.0rem;
 }
 .businessF2__title__container span:nth-of-type(2) {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .businessF2__container {
  margin-left: -30px;
 }
 .businessF2__container > div {
  margin: 0 0 0 30px;
  width: calc(33.33333% - 30px);
 }
 .businessF2__catch {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .businessF2__heading,
 .businessF3__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .businessF2__heading {
  height: 90px;
 }
 .businessF2__subheading {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .businessF2__text {
  width: 470px;
 }
}

.businessF2__box {
 border-width: 0.8vw;
 border-style: solid;
 border-radius: .7em;
}

.businessF2__box--green {
 border-color: #39b572;
}

.businessF2__box--purple {
 border-color: #b9b8e6;
}

.businessF2__box--orange {
 border-color: #fbad7d;
}

.businessF2__box__heading {
 position: relative;
 padding: .7em 0 .7em 2em;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
}

.businessF2__box__heading:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 24vw;
 display: inline-block;
 width: 3.73333vw;
 height: 3.2vw;
 background-image: url(../img/front/business/hand.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.businessF2__box--green .businessF2__box__heading {
 background-color: #39b572;
}

.businessF2__box--purple .businessF2__box__heading {
 background-color: #b9b8e6;
}

.businessF2__box--orange .businessF2__box__heading {
 background-color: #fbad7d;
}

.businessF2__box__text {
 padding: 1em 1.5em;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .businessF2__box {
  border-width: 0.1875vw;
 }
 .businessF2__box__heading {
  font-size: 1.125vw;
 }
 .businessF2__box__heading:before {
  left: 5vw;
  width: 1.75vw;
  height: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessF2__box {
  border-width: 3px;
 }
 .businessF2__box__heading {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .businessF2__box__heading:before {
  left: 80px;
  width: 28px;
  height: 24px;
 }
}

/* ---------------------------------- ビジネス３ */
.businessF3__container > div {
 margin-bottom: 5.33333vw;
}

.businessF3__subheading {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.businessF3__text {
 width: 100%;
}

@media screen and (min-width: 801px) {
 .businessF3__container {
  display: flex;
  margin-left: -2.5vw;
 }
 .businessF3__container > div {
  margin: 0 0 0 2.5vw;
  width: calc(50% - 2.5vw);
 }
 .businessF3__subheading {
  font-size: 1.125vw;
 }
 .businessF3__text {
  width: 29.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessF3__container {
  margin-left: -40px;
 }
 .businessF3__container > div {
  margin: 0 0 0 40px;
  width: calc(50% - 40px);
 }
 .businessF3__subheading {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .businessF3__text {
  width: 470px;
 }
}

/* ---------------------------------- ボタンレイアウト */
.business__btn {
 position: relative;
 top: -5.33333vw;
 margin: 0 auto;
 margin-bottom: -5.33333vw;
 width: 56vw;
 text-align: center;
}

@media screen and (min-width: 801px) {
 .business__btn {
  position: relative;
  margin: 0 auto;
  margin-bottom: -1.875vw;
  top: -1.875vw;
  width: 20vw;
 }
}

@media screen and (min-width: 1601px) {
 .business__btn {
  top: -30px;
  margin-bottom: -30px;
  width: 320px;
 }
}

/*  下層ページ --> キカガクの事業内容
------------------------------------------------------------------------------*/
/* ---------------------------------- 共通 */
.businessP__head {
 position: absolute;
 left: -26.66667vw;
 display: flex;
 align-items: center;
 height: 16vw;
}

#business-training .businessP__head {
 top: -21.33333vw;
 width: 69.33333vw;
}

#business-development .businessP__head {
 top: -24vw;
 width: 77.33333vw;
}

#business-platform .businessP__head {
 top: -24vw;
 width: 98.66667vw;
}

.businessP__head:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 26.66667vw;
 width: 22.66667vw;
 height: 1px;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.businessP__head--blue {
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

.businessP__head--green {
 background-image: -moz-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -webkit-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -ms-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
}

.businessP__heading {
 padding-left: 40vw;
 font-size: 4.8vw;
 font-weight: 700;
 letter-spacing: .15em;
}

.businessP__head--blue .businessP__heading,
.businessP__head--green .businessP__heading {
 color: #fff;
}

.businessP__head--blue:before,
.businessP__head--green:before {
 background-color: #fff;
}

.businessP__head--white:before {
 background-color: #333;
}

.businessP__member__slide {
 position: relative;
 margin: 0 auto;
 width: 82.66667vw;
}

@media screen and (min-width: 801px) {
 .businessP__head {
  left: -12.5vw;
  height: 7.5vw;
 }
 #business-training .businessP__head {
  top: -12.1875vw;
  width: 32.5vw;
 }
 #business-development .businessP__head {
  top: -10.3125vw;
  width: 36.25vw;
 }
 #business-platform .businessP__head {
  top: -10.3125vw;
  width: 46.875vw;
 }
 .businessP__head:before {
  left: 12.5vw;
  width: 10.625vw;
 }
 .businessP__heading {
  padding-left: 18.75vw;
  font-size: 2.25vw;
 }
 .businessP__member__slide {
  width: 100%;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__head {
  left: -200px;
  height: 120px;
 }
 .sec__business--officer .businessP__head {
  top: -160px;
  width: 520px;
 }
 #business-training .businessP__head {
  top: -195px;
  width: 520px;
 }
 #business-development .businessP__head {
  top: -165px;
  width: 580px;
 }
 #business-platform .businessP__head {
  top: -165px;
  width: 750px;
 }
 .businessP__head:before {
  left: 200px;
  width: 170px;
 }
 .businessP__heading {
  padding-left: 300px;
  font-size: 36px;
  font-size: 3.6rem;
 }
}

#business-reason .resultsP__sec__heading,
#business-lecture .resultsP__sec__heading {
 color: #0060b0;
}

#business-reason .resultsP__sec__subheading,
#business-lecture .resultsP__sec__subheading {
 color: rgba(0, 96, 170, 0.2);
}

/* ---------------------------------- 研修事業 */
.sec__business--training {
 margin-bottom: 10vw;
 padding: 34.66667vw 0 0 0;
}

#business-reason .resultsP__sec__head {
 margin-bottom: 8vw;
}

@media screen and (min-width: 801px) {
 .sec__business--training {
  margin-bottom: 4.6875vw;
  padding: 16.25vw 0 0 0;
 }
 #business-reason .resultsP__sec__head {
  margin-bottom: 6.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__business--training {
  margin-bottom: 75px;
  padding: 260px 0 0 0;
 }
 #business-reason .resultsP__sec__head {
  margin-bottom: 100px;
 }
}

.businessP__training__intro {
 position: relative;
 margin: 0 auto 14.66667vw auto;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 93.33333vw;
 height: 40vw;
}

.businessP__training__intro:before,
.businessP__training__intro:after {
 content: '';
 position: absolute;
 display: inline-block;
 width: 13.33333vw;
 height: 13.33333vw;
}

.businessP__training__intro:before {
 top: 0;
 left: 0;
 border-left: 0.8vw solid #0060b0;
 border-top: 0.8vw solid #0060b0;
}

.businessP__training__intro:after {
 bottom: 0;
 right: 0;
 border-right: 0.8vw solid #0060b0;
 border-bottom: 0.8vw solid #0060b0;
}

.businessP__training__intro p {
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .businessP__training__intro {
  position: absolute;
  top: -10vw;
  right: -6.25vw;
  width: 59.375vw;
  height: 3.125vw;
 }
 .businessP__training__intro:before,
 .businessP__training__intro:after {
  width: 3.125vw;
  height: 3.125vw;
 }
 .businessP__training__intro:before {
  border-left: 0.1875vw solid #0060b0;
  border-top: 0.1875vw solid #0060b0;
 }
 .businessP__training__intro:after {
  border-right: 0.1875vw solid #0060b0;
  border-bottom: 0.1875vw solid #0060b0;
 }
 .businessP__training__intro p {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__training__intro {
  top: -160px;
  right: -100px;
  width: 950px;
  height: 50px;
 }
 .businessP__training__intro:before,
 .businessP__training__intro:after {
  width: 50px;
  height: 50px;
 }
 .businessP__training__intro:before {
  border-left: 3px solid #0060b0;
  border-top: 3px solid #0060b0;
 }
 .businessP__training__intro:after {
  border-right: 3px solid #0060b0;
  border-bottom: 3px solid #0060b0;
 }
 .businessP__training__intro p {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

.businessP__training__desc {
 margin: 0 auto 8vw auto;
 width: 82.66667vw;
}

.businessP__training__desc__image {
 margin-bottom: 5.33333vw;
}

.businessP__training__desc__heading {
 margin-bottom: .8em;
 font-size: 4.53333vw;
 font-weight: 700;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .businessP__training__desc {
  display: flex;
  margin: 0 0 2.5vw 0;
  width: 100%;
 }
 .businessP__training__desc__image {
  margin: 0 1.25vw 0 0;
  width: 37.5vw;
 }
 .businessP__training__desc__content {
  width: calc(100% - 37.5vw);
 }
 .businessP__training__desc__heading {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__training__desc {
  margin: 0 0 40px 0;
 }
 .businessP__training__desc__image {
  margin: 0 20px 0 0;
  width: 600px;
 }
 .businessP__training__desc__content {
  width: calc(100% - 600px);
 }
 .businessP__training__desc__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

.sec__business--cpurse {
 padding: 13.33333vw 0 0 0;
}

@media screen and (min-width: 801px) {
 .sec__business--cpurse {
  padding: 6.25vw 0 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__business--cpurse {
  padding: 100px 0 0 0;
 }
}

.businessP__couse__heading {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 margin-bottom: .5em;
 height: calc(1.4em * 2);
 font-size: 5.06667vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
}

.businessP__couse__catch {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: .8em 0;
 height: calc(1.4em * 2);
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
}

@media screen and (min-width: 801px) {
 .businessP__couse__heading {
  font-size: 1.5vw;
 }
 .businessP__couse__catch {
  margin: .5em 0;
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__couse__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .businessP__couse__catch {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

.businessP__couse__point {
 padding: 1em 1.5em;
}

.businessP__couse__point li {
 position: relative;
 margin-bottom: .7em;
 padding-left: 1.7em;
 font-weight: 700;
 line-height: 1.4em;
}

.businessP__couse__point li:before {
 content: '';
 position: absolute;
 top: .1em;
 left: 0;
 display: inline-block;
 width: 3.73333vw;
 height: 3.73333vw;
 background-size: contain;
 background-repeat: no-repeat;
}

.businessF2__box--purple .businessP__couse__point li:before {
 background-image: url(../img/business/check_purple.png);
}

.businessF2__box--green .businessP__couse__point li:before {
 background-image: url(../img/business/check_green.png);
}

.businessF2__box--orange .businessP__couse__point li:before {
 background-image: url(../img/business/check_orange.png);
}

@media screen and (min-width: 801px) {
 #business-training-short-course .businessP__couse__point {
  min-height: 11.75vw;
 }
 #business-training-long-course .businessP__couse__point {
  min-height: 13vw;
 }
 .businessP__couse__point li:before {
  width: 1.125vw;
  height: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 #business-training-short-course .businessP__couse__point {
  min-height: 188px;
 }
 #business-training-long-course .businessP__couse__point {
  min-height: 208px;
 }
 .businessP__couse__point li:before {
  width: 18px;
  height: 18px;
 }
}

.businessP__couse__contents {
 margin-top: 6vw;
}

.businessP__couse__contents__head {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 2.66667vw;
 height: 10.66667vw;
 background-color: #0060b0;
}

.businessP__couse__contents__illust {
 content: '';
 position: absolute;
 top: -2vw;
 right: 7.73333vw;
 width: 7.33333vw;
}

.businessP__couse__contents__heading {
 color: #fff;
 font-weight: 700;
}

.businessP__couse__contents__list li {
 padding: .5em 1.3em;
 line-height: 1.6em;
}

.businessP__couse__contents__list li:nth-child(even) {
 background-color: #e5eff7;
}

@media screen and (min-width: 801px) {
 .businessP__couse__contents {
  margin-top: 2.1875vw;
 }
 .businessP__couse__contents__head {
  margin-bottom: 0.625vw;
  height: 2.5vw;
 }
 .businessP__couse__contents__illust {
  top: -1.25vw;
  right: 3.625vw;
  width: 2.4375vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__couse__contents {
  margin-top: 35px;
 }
 .businessP__couse__contents__head {
  margin-bottom: 10px;
  height: 40px;
 }
 .businessP__couse__contents__illust {
  top: -20px;
  right: 58px;
  width: 39px;
 }
}

.sec__business__training__corpo {
 padding: 13.33333vw 0;
 background-image: url(../img/business/training_corpo_bg.jpg);
 background-size: cover;
 background-position: top center;
}

.businessP__corpo__title__container {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 16vw;
 background-color: #047bc7;
 background-image: url(../img/business/corpo__head.png);
 background-position: center right 3%;
 background-size: auto 100%;
 z-index: 2;
}

.businessP__corpo__title__container:after {
 content: '';
 position: absolute;
 bottom: -36vw;
 left: 0;
 width: 100%;
 height: 36vw;
 background-color: #fff;
 z-index: -1;
}

.businessP__corpo__title__container span {
 color: #3d86cb;
 font-family: "Montserrat", sans-serif;
 font-size: 9.33333vw;
 font-style: italic;
}

.businessP__corpo__title {
 padding-left: 1em;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

.businessP__training__corpo__desc {
 position: relative;
 margin: 0 auto;
 width: 82.66667vw;
 z-index: 2;
}

.businessP__training__corpo__desc__image {
 margin-bottom: 5.33333vw;
 width: 100%;
}

.businessP__training__corpo__desc__content {
 width: 100%;
}

#business-training-corpo-course .businessP__training__desc__image {
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

#business-training-corpo-course .businessP__training__desc__heading {
 color: #0060b0;
}

@media screen and (min-width: 801px) {
 .sec__business__training__corpo {
  padding: 6.25vw 0;
 }
 .businessP__corpo__title__container {
  height: 7.5vw;
 }
 .businessP__corpo__title__container:after {
  bottom: -16.875vw;
  height: 16.875vw;
 }
 .businessP__corpo__title__container span {
  font-size: 3.75vw;
 }
 .businessP__corpo__title {
  font-size: 1.5vw;
 }
 .businessP__training__corpo__desc {
  display: flex;
  width: 70vw;
 }
 .businessP__training__corpo__desc__image {
  margin-right: 1.25vw;
  margin-bottom: 0;
  width: 33.125vw;
 }
 .businessP__training__corpo__desc__content {
  width: calc(100% - 34.375vw);
 }
}

@media screen and (min-width: 1601px) {
 .sec__business__training__corpo {
  padding: 100px 0;
 }
 .businessP__corpo__title__container {
  height: 120px;
 }
 .businessP__corpo__title__container:after {
  bottom: -270px;
  height: 270px;
 }
 .businessP__corpo__title__container span {
  font-size: 60px;
  font-size: 6.0rem;
 }
 .businessP__corpo__title {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .businessP__training__corpo__desc {
  width: 1120px;
 }
 .businessP__training__corpo__desc__image {
  margin-right: 20px;
  width: 530px;
 }
 .businessP__training__corpo__desc__content {
  width: calc(100% - 550px);
 }
}

.businessP__training__results {
 margin: 10.66667vw 0;
 padding: 5.33333vw 8vw;
 background-color: #fff;
}

.businessP__training__results__head {
 margin-bottom: 1em;
}

.businessP__training__results__heading {
 font-size: 1.6em;
 font-weight: 700;
}

.businessP__training__results__head p {
 margin-top: .7em;
}

.businessP__training__results .resultsP__training__corp__list {
 width: 100%;
}

@media screen and (min-width: 801px) {
 .businessP__training__results {
  margin: 4.375vw 0;
  padding: 2.8125vw 6.25vw;
 }
 .businessP__training__results__head {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
 }
 .businessP__training__results__head p {
  padding-left: 2em;
 }
 .businessP__training__results .resultsP__training__corp__list li {
  padding: 0 1.5625vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__training__results {
  margin: 70px 0;
  padding: 45px 100px;
 }
 .businessP__training__results .resultsP__training__corp__list li {
  padding: 0 25px;
 }
}

.businessP__training__corpo__btn {
 position: absolute;
 bottom: -12.26667vw;
 left: 50%;
 width: 89.33333vw;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

@media screen and (min-width: 801px) {
 .businessP__training__corpo__btn {
  bottom: -5.75vw;
  width: 100%;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__training__corpo__btn {
  bottom: -92px;
 }
}

.businessP__flow {
 position: relative;
 margin: 0 0 30.66667vw 0;
}

@media screen and (min-width: 801px) {
 .businessP__flow {
  margin: 0;
 }
}

.businessP__flow:before {
 content: '';
 position: absolute;
 top: 13.33333vw;
 left: 13.33333vw;
 width: 0.8vw;
 height: calc(100% - 26.66667vw);
 background-color: #0060b0;
}

.businessP__flow li {
 display: flex;
 align-items: center;
 margin-bottom: 9.33333vw;
}

.businessP__flow li:last-child {
 margin-bottom: 0;
}

.businessP__flow__label {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 26.66667vw;
 height: 26.66667vw;
 border-radius: 50%;
 border-width: 0.8vw;
 border-style: solid;
 z-index: 2;
}

.businessP__flow__heading {
 color: #fff;
 font-size: 3.2vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
}

.businessP__flow li:nth-child(1) .businessP__flow__label {
 background-color: #0060b0;
 border-color: #0060b0;
}

.businessP__flow li:nth-child(2) .businessP__flow__label {
 background-color: #1976c4;
 border-color: #1976c4;
}

.businessP__flow li:nth-child(3) .businessP__flow__label {
 background-color: #2e8ad7;
 border-color: #2e8ad7;
}

.businessP__flow li:nth-child(4) .businessP__flow__label {
 background-color: #52a4e8;
 border-color: #52a4e8;
}

.businessP__flow li:nth-child(5) .businessP__flow__label {
 background-color: #8ec3ef;
 border-color: #8ec3ef;
}

.businessP__flow li:nth-child(6) .businessP__flow__label {
 background-color: #fff;
 border-color: #0060b0;
}

.businessP__flow li:nth-child(6) .businessP__flow__heading {
 color: #0060b0 !important;
}

.businessP__flow__content {
 padding-left: 1em;
 width: calc(100% - 26.66667vw);
}

.businessP__flow__content p {
 font-weight: 700;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .businessP__flow {
  padding-left: 5.3125vw;
 }
 .businessP__flow:before {
  top: 4.6875vw;
  left: 10vw;
  width: 0.1875vw;
  height: calc(100% - 9.375vw);
 }
 .businessP__flow li {
  margin-bottom: 2.1875vw;
 }
 .businessP__flow__label {
  width: 9.375vw;
  height: 9.375vw;
  border-width: 0.1875vw;
  font-size: 9.375vw;
 }
 .businessP__flow__heading {
  font-size: 1.125vw;
 }
 .businessP__flow__content {
  padding-left: 2em;
  width: calc(100% - 9.375vw);
 }
 .businessP__flow__content p {
  font-size: 1.2em;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__flow {
  padding-left: 85px;
 }
 .businessP__flow:before {
  top: 75px;
  left: 160px;
  width: 3px;
  height: calc(100% - 150px);
 }
 .businessP__flow li {
  margin-bottom: 35px;
 }
 .businessP__flow__label {
  width: 150px;
  height: 150px;
  border-width: 3px;
 }
 .businessP__flow__heading {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .businessP__flow__content {
  width: calc(100% - 150px);
 }
}

.businessP__flow__illlust {
 position: absolute;
}

.businessP__flow__illlust--01 {
 top: 19.33333vw;
 right: 2vw;
 width: 24vw;
}

.businessP__flow__illlust--02 {
 top: 216vw;
 right: 64vw;
 width: 20vw;
}

.businessP__flow__illlust--03 {
 bottom: -30.66667vw;
 right: 2.66667vw;
 width: 40vw;
}

@media screen and (min-width: 801px) {
 .businessP__flow__illlust--01 {
  top: 4.6875vw;
  right: 0.9375vw;
  width: 20.6875vw;
 }
 .businessP__flow__illlust--02 {
  top: 28.4375vw;
  right: 7.1875vw;
  width: 8.625vw;
 }
 .businessP__flow__illlust--03 {
  bottom: 0;
  right: 0;
  width: 21vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__flow__illlust--01 {
  top: 75px;
  right: 15px;
  width: 331px;
 }
 .businessP__flow__illlust--02 {
  top: 455px;
  right: 115px;
  width: 138px;
 }
 .businessP__flow__illlust--03 {
  bottom: 0;
  right: 0;
  width: 336px;
 }
}

/* ---------------------------------- 事業開発支援・プラットフォーム事業 */
.sec__businessP--cmn {
 padding: 34.66667vw 0 7.33333vw 0;
}

.sec__businessP--cmn:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 285.33333vw;
 background-color: #ebf7f1;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .sec__businessP--cmn {
  padding: 16.25vw 0 3.4375vw 0;
 }
 .sec__businessP--cmn:after {
  height: 20vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__businessP--cmn {
  padding: 260px 0 55px 0;
 }
 .sec__businessP--cmn:after {
  height: 320px;
 }
}

.businessP__flex__inner {
 margin: 0 auto;
 width: 100%;
}

.businessP__flex {
 margin: 0 auto;
 width: 82.66667vw;
}

.businessP__flex > div {
 margin-bottom: 8vw;
}

.businessP__flex__image {
 border: 1px solid #c9c9c9;
}

@media screen and (min-width: 801px) {
 .businessP__flex__inner {
  width: 62.5vw;
 }
 .businessP__flex {
  display: flex;
  margin: 0;
  margin-left: -2.1875vw;
  width: 100%;
 }
 .businessP__flex > div {
  margin: 0;
  margin-left: 2.1875vw;
  width: calc(33.33333% - 2.1875vw);
 }
}

@media screen and (min-width: 1601px) {
 .businessP__flex__inner {
  width: 1000px;
 }
 .businessP__flex {
  margin-left: -35px;
 }
 .businessP__flex > div {
  margin-left: 35px;
  width: calc(33.33333% - 35px);
 }
}

.businessP__flex__heading {
 margin: 1.3em 0 .8em 0;
 color: #39b572;
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.businessP__flex__content p {
 font-weight: 700;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .businessP__flex__heading {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__flex__heading {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

@media screen and (max-width: 800px) {
 .businessP__flex__content p {
  min-height: calc(1.8em * 3);
 }
}

.businessP__cmn__intro {
 position: relative;
 margin: 0 auto 14.66667vw auto;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 93.33333vw;
 height: 40vw;
}

.businessP__cmn__intro:before,
.businessP__cmn__intro:after {
 content: '';
 position: absolute;
 display: inline-block;
 width: 13.33333vw;
 height: 13.33333vw;
}

.businessP__cmn__intro:before {
 top: 0;
 left: 0;
 border-left: 0.8vw solid #39b572;
 border-top: 0.8vw solid #39b572;
}

.businessP__cmn__intro:after {
 bottom: 0;
 right: 0;
 border-right: 0.8vw solid #39b572;
 border-bottom: 0.8vw solid #39b572;
}

.businessP__cmn__intro p {
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .businessP__cmn__intro {
  margin: 0 auto 3.4375vw auto;
  width: 62.5vw;
  height: 3.125vw;
 }
 .businessP__cmn__intro:before,
 .businessP__cmn__intro:after {
  width: 3.125vw;
  height: 3.125vw;
 }
 .businessP__cmn__intro:before {
  border-left: 0.1875vw solid #39b572;
  border-top: 0.1875vw solid #39b572;
 }
 .businessP__cmn__intro:after {
  border-right: 0.1875vw solid #39b572;
  border-bottom: 0.1875vw solid #39b572;
 }
 .businessP__cmn__intro p {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .businessP__cmn__intro {
  margin: 0 auto 55px auto;
  width: 1000px;
  height: 50px;
 }
 .businessP__cmn__intro:before,
 .businessP__cmn__intro:after {
  width: 50px;
  height: 50px;
 }
 .businessP__cmn__intro:before {
  border-left: 3px solid #39b572;
  border-top: 3px solid #39b572;
 }
 .businessP__cmn__intro:after {
  border-right: 3px solid #39b572;
  border-bottom: 3px solid #39b572;
 }
 .businessP__cmn__intro p {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/*  トップページ --> メンバー
------------------------------------------------------------------------------*/
.sec__member {
 padding: 13.33333vw 0;
}

@media screen and (min-width: 801px) {
 .sec__member {
  padding: 7.1875vw 0 2.8125vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__member {
  padding: 115px 0 45px 0;
 }
}

.member__slide {
 position: relative;
 margin: 0 auto;
 width: 74.66667vw;
}

.member__slide:after {
 content: '';
 position: absolute;
 top: -14.66667vw;
 left: 50%;
 width: 88vw;
 height: 128vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-image: url(../img/front/member/pattern.jpg);
 background-size: cover;
 background-position: center;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .member__slide {
  width: 100%;
 }
 .member__slide:after {
  top: -5.625vw;
  width: 87.5vw;
  height: 44.6875vw;
 }
}

@media screen and (min-width: 1601px) {
 .member__slide:after {
  top: -90px;
  width: 1400px;
  height: 715px;
 }
}

.memberF {
 background-color: #fff;
 box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
}

.memberF__image {
 position: relative;
 margin: 0 auto;
 width: 46.66667vw;
}

.memberF__position {
 position: absolute;
 bottom: 0;
 left: 0;
 display: block;
 width: 100%;
 padding: .5em 1em;
 color: #fff;
 font-size: 3.46667vw;
 font-weight: 700;
 text-align: center;
}

.memberF:nth-of-type(1n) .memberF__position {
 background-color: #0060b0;
}

.memberF:nth-of-type(2n) .memberF__position {
 background-color: #90be1f;
}

.memberF:nth-of-type(3n) .memberF__position {
 background-color: #f39800;
}

.memberF__content {
 padding: 4vw 4vw 2.66667vw 4vw;
}

.memberF__name {
 font-size: 4.53333vw;
 font-weight: 700;
}

.memberF__name span {
 margin-left: 1em;
 font-family: "Montserrat", sans-serif;
 font-size: 2vw;
 font-weight: 600;
}

.memberF:nth-of-type(1n) .memberF__name span {
 color: #0060b0;
}

.memberF:nth-of-type(2n) .memberF__name span {
 color: #90be1f;
}

.memberF:nth-of-type(3n) .memberF__name span {
 color: #f39800;
}

@media screen and (min-width: 801px) {
 .memberF__image {
  width: 18.75vw;
 }
 .memberF__position {
  display: inline-block;
  width: auto;
  font-size: 1.125vw;
 }
 .memberF__content {
  padding: 1.25vw 1.25vw 0.625vw 1.25vw;
 }
 .memberF__name {
  font-size: 1.5vw;
 }
 .memberF__name span {
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .memberF__image {
  width: 300px;
 }
 .memberF__position {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .memberF__content {
  padding: 20px 20px 10px 20px;
 }
 .memberF__name {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .memberF__name span {
  font-size: 15px;
  font-size: 1.5rem;
 }
}

.member__btn {
 margin-top: 16vw;
}

@media screen and (min-width: 801px) {
 .member__btn {
  margin-top: 3.75vw;
 }
}

@media screen and (min-width: 1601px) {
 .member__btn {
  margin-top: 60px;
 }
}

/* ----------------- swiper.js - */
.swiper-container {
 margin: 0 auto calc(60 / 750 * 100vw) auto;
 width: 100%;
}

/* 矢印ボタン */
.slide__btn__prev,
.slide__btn__next {
 position: absolute;
 top: 50%;
 display: inline-block;
 background-color: rgba(0, 0, 0, 0.2);
 width: 6.4vw;
 height: 19.06667vw;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 1;
 transition: .3s;
}

.slide__btn__prev {
 left: -6.66667vw;
}

.slide__btn__next {
 right: -6.66667vw;
}

.slide__btn__prev:hover,
.slide__btn__next:hover {
 opacity: 0.7;
}

.slide__btn__prev:after,
.slide__btn__next:after {
 position: absolute;
 top: 50%;
 left: 50%;
 color: #fff;
 font-size: 2.93333vw;
 font-weight: 700;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.slide__btn__prev:after {
 content: '◀︎';
}

.slide__btn__next::after {
 content: '▶︎';
}

@media screen and (min-width: 801px) {
 .slide__btn__prev,
 .slide__btn__next {
  width: 3vw;
  height: 8.9375vw;
 }
 .slide__btn__prev {
  left: -3.625vw;
 }
 .slide__btn__next {
  right: -3.625vw;
 }
 .slide__btn__prev:after,
 .slide__btn__next:after {
  font-size: 1.3125vw;
 }
}

@media screen and (min-width: 1601px) {
 .slide__btn__prev,
 .slide__btn__next {
  width: 48px;
  height: 143px;
 }
 .slide__btn__prev {
  left: -58px;
 }
 .slide__btn__next {
  right: -58px;
 }
 .slide__btn__prev:after,
 .slide__btn__next:after {
  font-size: 21px;
  font-size: 2.1rem;
 }
}

.slide__pagination {
 position: absolute;
 left: 50%;
 bottom: -5.33333vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
 bottom: -1em;
}

.swiper-pagination-bullet {
 border-radius: 50%;
 margin-right: 1em;
 width: .3em;
 height: .3em;
 background-color: #cccccc;
}

.swiper-pagination-bullet:last-of-type {
 margin-right: 0;
}

.swiper-pagination-bullet-active {
 background-color: #15b48a;
}

@media screen and (min-width: 801px) {
 .slide__pagination {
  bottom: -2.5vw;
 }
 .swiper-pagination-bullet {
  width: .6em;
  height: .6em;
 }
}

@media screen and (min-width: 1601px) {
 .slide__pagination {
  bottom: -40px;
 }
}

/*  下層ページ --> メンバー
------------------------------------------------------------------------------*/
.sec__member--officer {
 padding: 28.66667vw 0 21.33333vw 0;
}

.sec__member--officer:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 opacity: 0.1;
 z-index: -1;
}

.sec__member--opeofficer {
 padding: 26.66667vw 0 20.66667vw 0;
}

.sec__member--opeofficer:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(0deg, #4be6cf 0%, #d4f8ae 100%);
 background-image: -webkit-linear-gradient(0deg, #4be6cf 0%, #d4f8ae 100%);
 background-image: -ms-linear-gradient(0deg, #4be6cf 0%, #d4f8ae 100%);
 opacity: 0.1;
 z-index: -1;
}

.sec__member--lecturer {
 padding: 35.33333vw 0 17.33333vw 0;
}

.sec__member--lecturer:before {
 content: '';
 position: absolute;
 top: 8.66667vw;
 left: 50%;
 width: 100%;
 height: calc(100% - 8.66667vw);
 background-image: url(../img/member/lecture_bg.jpg);
 background-repeat: repeat-y;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: -1;
}

.sec__member--corporate {
 padding: 35.33333vw 0 17.33333vw 0;
}

.sec__member--corporate:before {
 content: '';
 position: absolute;
 top: 8.66667vw;
 left: 50%;
 width: 100%;
 height: calc(100% - 8.66667vw);
 background-image: url(../img/member/corporate_bg.jpg);
 background-repeat: repeat-y;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .sec__member--officer {
  padding: 13.4375vw 0 10vw 0;
 }
 .sec__member--opeofficer {
  padding: 12.5vw 0 9.6875vw 0;
 }
 .sec__member--lecturer {
  padding: 16.5625vw 0 8.125vw 0;
 }
 .sec__member--lecturer:before {
  top: 4.0625vw;
  width: 87.5vw;
  height: calc(100% - 4.0625vw);
 }
 .sec__member--corporate {
  padding: 16.5625vw 0 8.125vw 0;
 }
 .sec__member--corporate:before {
  top: 4.0625vw;
  width: 87.5vw;
  height: calc(100% - 4.0625vw);
 }
}

@media screen and (min-width: 1601px) {
 .sec__member--officer {
  padding: 215px 0 160px 0;
 }
 .sec__member--opeofficer {
  padding: 200px 0 155px 0;
 }
 .sec__member--lecturer {
  padding: 265px 0 130px 0;
 }
 .sec__member--lecturer:before {
  top: 65px;
  width: 1400px;
  height: calc(100% - 65px);
 }
 .sec__member--corporate {
  padding: 265px 0 130px 0;
 }
 .sec__member--corporate:before {
  top: 65px;
  width: 1400px;
  height: calc(100% - 65px);
 }
}

.memberP__head {
 position: absolute;
 left: -26.66667vw;
 display: flex;
 align-items: center;
 height: 16vw;
}

.sec__member--officer .memberP__head {
 top: -21.33333vw;
 width: 69.33333vw;
}

.sec__member--opeofficer .memberP__head {
 top: -34.66667vw;
 width: 69.33333vw;
}

.sec__member--lecturer .memberP__head {
 top: -27.33333vw;
 width: 69.33333vw;
}

.sec__member--corporate .memberP__head {
 top: -27.33333vw;
 width: 83.33333vw;
}

.memberP__head:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 26.66667vw;
 width: 22.66667vw;
 height: 1px;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.memberP__head--blue {
 background-image: -moz-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -webkit-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -ms-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
}

.memberP__head--green {
 background-image: -moz-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -webkit-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -ms-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
}

.memberP__head--white {
 background-color: #fff;
}

.memberP__heading {
 padding-left: 40vw;
 font-size: 4.8vw;
 font-weight: 700;
 letter-spacing: .15em;
}

.memberP__head--blue .memberP__heading,
.memberP__head--green .memberP__heading {
 color: #fff;
}

.memberP__head--blue:before,
.memberP__head--green:before {
 background-color: #fff;
}

.memberP__head--white .memberP__heading {
 color: #333;
}

.memberP__head--white:before {
 background-color: #333;
}

.memberP__member__slide {
 position: relative;
 margin: 0 auto;
 width: 82.66667vw;
}

@media screen and (min-width: 801px) {
 .memberP__head {
  left: -12.5vw;
  height: 7.5vw;
 }
 .sec__member--officer .memberP__head {
  top: -10vw;
  width: 32.5vw;
 }
 .sec__member--opeofficer .memberP__head {
  top: -16.25vw;
  width: 32.5vw;
 }
 .sec__member--lecturer .memberP__head {
  top: -12.8125vw;
  width: 32.5vw;
 }
 .sec__member--corporate .memberP__head {
  top: -12.8125vw;
  width: 39.0625vw;
 }
 .memberP__head:before {
  left: 12.5vw;
  width: 10.625vw;
 }
 .memberP__heading {
  padding-left: 18.75vw;
  font-size: 2.25vw;
 }
 .memberP__member__slide {
  width: 100%;
 }
}

@media screen and (min-width: 1601px) {
 .memberP__head {
  left: -200px;
  height: 120px;
 }
 .sec__member--officer .memberP__head {
  top: -160px;
  width: 520px;
 }
 .sec__member--opeofficer .memberP__head {
  top: -260px;
  width: 520px;
 }
 .sec__member--lecturer .memberP__head {
  top: -205px;
  width: 520px;
 }
 .sec__member--corporate .memberP__head {
  top: -205px;
  width: 625px;
 }
 .memberP__head:before {
  left: 200px;
  width: 170px;
 }
 .memberP__heading {
  padding-left: 300px;
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/* ---------------------------------- 役員紹介 */
.memberP__officer a {
 display: block;
 margin: 0 auto;
 width: 82.66667vw;
 border-radius: 1.2em;
 background-color: #fff;
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
 transition: .3s;
}

.memberP__officer a:hover {
 background-color: #eef7ff;
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
 opacity: 0.7;
}

.memberP__officer--2 a:nth-of-type(1) {
 margin-bottom: 10.66667vw;
}

.memberP__officer__box__content {
 position: relative;
 transition: .3s;
 z-index: 2;
}

.memberP__officer__box__content {
 padding: 8vw 5.33333vw;
 width: 100%;
}

.memberP__officer__box__image {
 position: relative;
}

.memberP__officer__box--1 .memberP__officer__box__image {
 width: 100%;
}

.memberP__officer--2 {
 margin-top: 10.66667vw;
}

.memberP__officer__box__image .img__scale {
 border-radius: 0 0 1.2em 1.2em;
}

.memberP__officer__position {
 display: inline-block;
 padding: .3em .5em;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
}

.memberP__officer__box--1 .memberP__officer__position {
 margin-bottom: 4.66667vw;
 background-color: #0060b0;
}

.memberP__officer__box--2 .memberP__officer__position {
 margin-bottom: 4.66667vw;
 background-color: #07ab54;
}

.memberP__officer__name {
 font-size: 4.53333vw;
 font-weight: 700;
}

.memberP__officer__name span {
 margin-left: 1em;
 font-family: "Montserrat", sans-serif;
 font-size: 2vw;
}

.memberP__officer__box--1 .memberP__officer__name {
 margin-bottom: 4.66667vw;
}

.memberP__officer__box--1 .memberP__officer__name span {
 color: #0060b0;
}

.memberP__officer__box--2 .memberP__officer__name {
 margin-bottom: 4.66667vw;
}

.memberP__officer__box--2 .memberP__officer__name span {
 color: #07ab54;
}

.memberP__officer__en {
 margin-bottom: 4.66667vw;
 color: #07ab54;
 font-family: "Montserrat", sans-serif;
 font-size: 3.33333vw;
 font-weight: 700;
}

.memberP__officer__box--1 .memberP__officer__data {
 margin-top: 5.33333vw;
}

.memberP__officer__data dt {
 align-self: flex-start;
 margin-right: 20px;
 margin-bottom: .5em;
 padding: .2em 0;
 width: 10.66667vw;
 border: 1px solid #0060b0;
 color: #0060b0;
 font-weight: 700;
 line-height: 1.6em;
 text-align: center;
}

.memberP__officer__data dd {
 padding: .3em 0;
 line-height: 1.6em;
}

.memberP__officer__history li {
 padding: 0 0 .5em 0;
 display: flex;
 align-items: center;
 white-space: nowrap;
 font-size: 3.33333vw;
}

.memberP__officer__history li:before {
 content: '●';
 padding-right: .5em;
 color: #8db4d4;
}

.memberP__officer__history__year {
 width: 18.66667vw;
 font-weight: 700;
}

.memberP__officer__history__content {
 position: relative;
 border-left: 1px solid #8db4d4;
 padding-left: 1em;
 width: calc(100% - 18.66667vw);
}

@media screen and (min-width: 801px) {
 .memberP__officer__box__image .img__scale {
  border-radius: 0 1.2em 1.2em 0;
 }
 .memberP__officer a {
  display: flex;
  margin: 0;
  width: 100%;
 }
 .memberP__officer--2 a:nth-of-type(1) {
  margin: 0;
 }
 .memberP__officer__box--1 .memberP__officer__box__content {
  padding: 3.75vw 3.75vw;
  width: calc(100% - 38.125vw);
 }
 .memberP__officer__box__image {
  position: relative;
 }
 .memberP__officer__box--1 .memberP__officer__box__image {
  width: 38.125vw;
  height: 31.25vw;
 }
 .memberP__officer__box__image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  z-index: 1;
 }
 .memberP__officer__box__image:before {
  border-color: #fff transparent transparent transparent;
 }
 .memberP__officer__box--1 .memberP__officer__box__image:before {
  border-width: 31.25vw 6.875vw 0 0;
 }
 .memberP__officer__box--2 .memberP__officer__box__image:before {
  border-width: 26.5vw 5.3125vw 0 0;
 }
 .memberP__officer--2 {
  display: flex;
  justify-content: space-between;
  margin-top: 4.0625vw;
 }
 .memberP__officer--2 a {
  width: 36.875vw;
 }
 .memberP__officer__box--2 .memberP__officer__box__content {
  padding: 1.875vw 0 1.25vw 1.875vw;
  width: calc(100% - 19.375vw);
 }
 .memberP__officer__box--2 .memberP__officer__box__image {
  width: 19.375vw;
  height: 26.5vw;
 }
 .memberP__officer a:hover .memberP__officer__box__image:before {
  border-color: #eef7ff transparent transparent transparent;
 }
 .memberP__officer__position {
  font-size: 1.125vw;
 }
 .memberP__officer__box--1 .memberP__officer__position {
  margin-bottom: 2.1875vw;
 }
 .memberP__officer__box--2 .memberP__officer__position {
  margin-bottom: 1.25vw;
 }
 .memberP__officer__name {
  font-size: 1.5vw;
 }
 .memberP__officer__name span {
  font-size: 0.9375vw;
 }
 .memberP__officer__box--1 .memberP__officer__name {
  margin-bottom: 1.25vw;
 }
 .memberP__officer__box--2 .memberP__officer__name {
  margin-bottom: 0.9375vw;
 }
 .memberP__officer__box--2 .memberP__officer__name span {
  display: block;
  margin-left: 0;
 }
 .memberP__officer__box--1 .memberP__officer__data {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.1875vw;
 }
 .memberP__officer__data dt {
  margin-right: 1.25vw;
  width: 3.75vw;
  border: 1px solid #0060b0;
 }
 .memberP__officer__box--1 .memberP__officer__data dt {
  margin-top: 0;
  width: 3.75vw;
 }
 .memberP__officer__box--2 .memberP__officer__data dt {
  margin-bottom: .5em;
 }
 .memberP__officer__box--1 .memberP__officer__data dd {
  width: calc(100% - 5vw);
 }
 .memberP__officer__history li {
  padding: 0 0 .5em 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 0.9375vw;
 }
 .memberP__officer__history__year {
  width: 4.375vw;
 }
 .memberP__officer__history__content {
  width: calc(100% - 5.625vw);
 }
}

@media screen and (min-width: 1601px) {
 .memberP__officer__box--1 .memberP__officer__box__content {
  padding: 60px 70px;
  width: calc(100% - 610px);
 }
 .memberP__officer__box--1 .memberP__officer__box__image {
  width: 610px;
  height: 500px;
 }
 .memberP__officer__box--1 .memberP__officer__box__image:before {
  border-width: 500px 110px 0 0;
 }
 .memberP__officer__box--2 .memberP__officer__box__image:before {
  border-width: 424px 85px 0 0;
 }
 .memberP__officer--2 {
  margin-top: 65px;
 }
 .memberP__officer--2 a {
  width: 590px;
 }
 .memberP__officer__box--2 .memberP__officer__box__content {
  padding: 30px 0 20px 30px;
  width: calc(100% - 310px);
 }
 .memberP__officer__box--2 .memberP__officer__box__image {
  width: 310px;
  height: 424px;
 }
 .memberP__officer__position {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .memberP__officer__box--1 .memberP__officer__position {
  margin-bottom: 35px;
 }
 .memberP__officer__box--2 .memberP__officer__position {
  margin-bottom: 20px;
 }
 .memberP__officer__name {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .memberP__officer__name span {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .memberP__officer__box--1 .memberP__officer__name {
  margin-bottom: 20px;
 }
 .memberP__officer__box--2 .memberP__officer__name {
  margin-bottom: 15px;
 }
 .memberP__officer__box--1 .memberP__officer__data {
  margin-top: 35px;
 }
 .memberP__officer__data dt {
  margin-right: 20px;
  width: 60px;
 }
 .memberP__officer__box--1 .memberP__officer__data dt {
  width: 60px;
 }
 .memberP__officer__box--1 .memberP__officer__data dd {
  width: calc(100% - 80px);
 }
 .memberP__officer__history li {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .memberP__officer__history__year {
  width: 70px;
 }
 .memberP__officer__history__content {
  width: calc(100% - 90px);
 }
}

.memberP__member__en {
 position: absolute;
 left: 37.33333vw;
 color: #fff;
 font-family: "AntroVectra", sans-serif;
 font-size: 5.6vw;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
 z-index: 2;
}

@media screen and (max-width: 800px) {
 .memberP__member__en {
  bottom: 8vw;
 }
}

.memberP__officer__box--1 .memberP__member__en {
 color: #0060b0;
}

.memberP__officer__box--2 .memberP__member__en {
 color: #fff;
}

.memberP__member__message {
 position: absolute;
 top: 7.33333vw;
 left: 5.33333vw;
 display: block;
 color: #fff;
 font-family: "851MkPOP", sans-serif;
 font-size: 2.93333vw;
 line-height: 1.8em;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
 z-index: 2;
}

.memberP__member__message span {
 margin-bottom: .5em;
 padding: .3em 1em .3em .5em;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.memberP__member__message span:nth-of-type(2) {
 margin-left: -.5em;
}

.memberP__officer__box--1 .memberP__member__message span {
 background-color: #07ab54;
}

.memberP__officer__box--2 .memberP__member__message span {
 background-color: #0060b0;
}

@media screen and (min-width: 801px) {
 .memberP__member__en {
  font-size: 2.25vw;
 }
 .memberP__officer__box--1 .memberP__member__en {
  top: 19.375vw;
  left: -4.0625vw;
 }
 .memberP__officer__box--2 .memberP__member__en {
  top: 22.5vw;
  left: 3.4375vw;
 }
 .memberP__member__message {
  font-size: 1.125vw;
 }
 .memberP__officer__box--1 .memberP__member__message {
  top: 3.4375vw;
  left: 0;
 }
 .memberP__officer__box--2 .memberP__member__message {
  top: 3.125vw;
  left: -1.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .memberP__member__en {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .memberP__officer__box--1 .memberP__member__en {
  top: 310px;
  left: -65px;
 }
 .memberP__officer__box--2 .memberP__member__en {
  top: 360px;
  left: 55px;
 }
 .memberP__member__message {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .memberP__officer__box--1 .memberP__member__message {
  top: 55px;
 }
 .memberP__officer__box--2 .memberP__member__message {
  top: 50px;
  left: -30px;
 }
}

/* ----------------- swiper.js - */
.memberP__swiper-container {
 margin: 0 auto;
 width: 100%;
 overflow: hidden;
}

/* 矢印ボタン */
.memberP__slide__btn__prev,
.memberP__slide__btn__next {
 position: absolute;
 top: 50%;
 display: inline-block;
 background-color: rgba(0, 0, 0, 0.2);
 width: 6.4vw;
 height: 19.06667vw;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 1;
 transition: .3s;
}

.memberP__slide__btn__prev {
 left: -6.66667vw;
}

.memberP__slide__btn__next {
 right: -6.66667vw;
}

.memberP__slide__btn__prev:hover,
.memberP__slide__btn__next:hover {
 opacity: 0.7;
}

.memberP__slide__btn__prev:after,
.memberP__slide__btn__next:after {
 position: absolute;
 top: 50%;
 left: 50%;
 color: #fff;
 font-size: 2.93333vw;
 font-weight: 700;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.memberP__slide__btn__prev:after {
 content: '◀︎';
}

.memberP__slide__btn__next::after {
 content: '▶︎';
}

@media screen and (min-width: 801px) {
 .memberP__slide__btn__prev,
 .memberP__slide__btn__next {
  width: 3vw;
  height: 6.4375vw;
 }
 .memberP__slide__btn__prev {
  left: -3.625vw;
 }
 .memberP__slide__btn__next {
  right: -3.625vw;
 }
 .memberP__slide__btn__prev:after,
 .memberP__slide__btn__next:after {
  font-size: 1.3125vw;
 }
}

@media screen and (min-width: 1601px) {
 .memberP__slide__btn__prev,
 .memberP__slide__btn__next {
  width: 48px;
  height: 103px;
 }
 .memberP__slide__btn__prev {
  left: -58px;
 }
 .memberP__slide__btn__next {
  right: -58px;
 }
 .memberP__slide__btn__prev:after,
 .memberP__slide__btn__next:after {
  font-size: 21px;
  font-size: 2.1rem;
 }
}

.memberP__slide__pagination {
 position: absolute;
 left: 50%;
 bottom: -5.33333vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

#member-opeofficer-slide .swiper-pagination-bullet-active,
#member-lecturer-slide .swiper-pagination-bullet-active {
 background-color: #0060b0;
}

#member-corporate-slide .swiper-pagination-bullet-active {
 background-color: #07ab54;
}

@media screen and (min-width: 801px) {
 .memberP__slide__pagination {
  bottom: -4.6875vw;
 }
}

@media screen and (min-width: 1601px) {
 .memberP__slide__pagination {
  bottom: -75px;
 }
}

/*  トップページ --> キカガクのミッション
------------------------------------------------------------------------------*/
.sec__update {
 position: relative;
 padding: 16vw 0;
}

.sec__update:after {
 position: absolute;
 top: 0;
 right: 0;
 content: '';
 display: inline-block;
 width: 100vw;
 height: 59.1875vw;
 background-image: url(../img/front/update/bg.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 z-index: -3;
}

@media screen and (min-width: 801px) {
 .sec__update {
  padding: 6.25vw 0 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__update {
  padding: 100px 0 0 0;
 }
}

.update__heading__container {
 position: relative;
 margin-bottom: 5.33333vw;
}

@media screen and (min-width: 801px) {
 .update__container {
  display: flex;
  justify-content: space-between;
 }
 .update__heading__container {
  margin-bottom: 0;
  width: 21.5625vw;
 }
 .update__content__container {
  width: 67.1875vw;
 }
}

@media screen and (min-width: 1601px) {
 .update__heading__container {
  width: 345px;
 }
 .update__content__container {
  width: 1025px;
 }
}

.update__box {
 padding: 8vw 0 0 0;
 width: 100%;
 height: 33.33333vw;
}

.update__box--news.is-move {
 background-image: linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000);
 background-repeat: no-repeat;
 background-size: 0.53333vw 100%, 100% 0.53333vw, 0.53333vw 100%, 100% 0.53333vw;
 background-position: left bottom, left top, right top, right bottom;
 animation: square_anim 2s linear forwards;
}

.update__box--blog {
 color: #fff !important;
}

.update__box--blog:before {
 content: '';
 position: absolute;
 top: -1.06667vw;
 left: -1.06667vw;
 width: calc(100% + 2.13333vw);
 height: 35.46667vw;
 z-index: -1;
}

#kikagaku-blog .update__box--blog:before {
 background-color: #0060b0;
}

#hatarakikata-blog .update__box--blog:before {
 background-color: #15b48a;
}

#ceo-blog .update__heading__container:after {
 content: '';
 position: absolute;
 top: -1.06667vw;
 right: -1.06667vw;
 width: calc(100% + 2.13333vw);
 height: 35.46667vw;
 z-index: -1;
 background-color: #15b48a;
 background-image: url(../img/front/update/ceo_blog_bg.jpg);
 background-size: cover;
}

.update__box--blog.is-move {
 background-image: linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #fff, #fff);
 background-repeat: no-repeat;
 background-size: 0.53333vw 100%, 100% 0.53333vw, 0.53333vw 100%, 100% 0.53333vw;
 background-position: left bottom, left top, right top, right bottom;
 animation: square_anim 2s linear forwards;
}

.update__box__image {
 position: absolute;
 top: -25.86667vw;
 left: 26.66667vw;
 width: 63.86667vw;
 z-index: -2;
}

@media screen and (min-width: 801px) {
 .update__box {
  padding: 5.125vw 0 0 6.25vw;
  width: 20.625vw;
  height: 15.625vw;
 }
 .update__box--news.is-move {
  background-size: 0.125vw 100%, 100% 0.125vw, 0.125vw 100%, 100% 0.125vw;
 }
 .update__box--blog:before {
  top: -0.5vw;
  left: -0.5vw;
  width: 21.625vw;
  height: 16.625vw;
 }
 #ceo-blog .update__heading__container:after {
  top: -1.06667vw;
  right: -1.06667vw;
  width: 475px;
  height: 437px;
 }
 .update__box--blog.is-move {
  background-size: 0.125vw 100%, 100% 0.125vw, 0.125vw 100%, 100% 0.125vw;
 }
 .update__box__image {
  top: -12.125vw;
  left: -6.25vw;
  width: 29.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .update__box {
  padding: 82px 0 0 100px;
  width: 330px;
  height: 250px;
 }
 .update__box--news.is-move {
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
 }
 .update__box--blog:before {
  top: -8px;
  left: -8px;
  width: 346px;
  height: 266px;
 }
 #ceo-blog .update__heading__container:after {
  top: -90px;
  right: -10px;
  width: 475px;
  height: 437px;
 }
 .update__box--blog.is-move {
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
 }
 .update__box__image {
  top: -194px;
  left: -100px;
  width: 479px;
 }
}

@keyframes square_anim {
 00% {
  background-size: 2px 0, 0 2px, 2px 0, 0 2px;
 }
 25% {
  background-size: 2px 100%, 0 2px, 2px 0, 0 2px;
 }
 50% {
  background-size: 2px 100%, 100% 2px, 2px 0, 0 2px;
 }
 75% {
  background-size: 2px 100%, 100% 2px, 2px 100%, 0 2px;
 }
 100% {
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
 }
}

/*  トップページ --> ニュース
------------------------------------------------------------------------------*/
.newsF__container {
 position: relative;
 display: block;
 padding: 3.33333vw 4.66667vw 5.33333vw 4.66667vw;
 width: 100%;
 background-color: #fff;
 box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.newsF__container a {
 position: relative;
 display: block;
 padding: 2em 1em 1em 1em;
 width: 100%;
 border-bottom: 1px solid #eeeeee;
}

.newsF__container a:hover {
 box-shadow: 3.214px 3.83px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 801px) {
 .newsF__container {
  padding: 2.1875vw 4.6875vw 3.125vw 4.6875vw;
 }
}

@media screen and (min-width: 1601px) {
 .newsF__container {
  padding: 35px 75px 50px 75px;
 }
}

.newsF__cat {
 margin-left: 1em;
 padding: .3em 1em;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 3.06667vw;
 font-weight: 700;
 text-align: center;
}

.newsF__cat--cat1 {
 background-color: #0060b0;
}

.newsF__cat--cat2 {
 background-color: #15b48a;
}

.newsF__cat--cat3 {
 background-color: #f8b551;
}

.newsF__info {
 display: flex;
 align-items: center;
 margin-bottom: .5em;
}

.newsF__date {
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
}

.newsF__heading {
 display: inline-block;
 width: 100%;
 font-weight: 500;
}

.newsF__heading span {
 position: relative;
}

.newsF__heading span:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: #adadad;
}

.newsF__btn {
 margin-top: 2.66667vw;
 text-align: right;
}

@media screen and (min-width: 801px) {
 .newsF__cat {
  font-size: 0.8125vw;
 }
 .newsF__info {
  display: flex;
  align-items: center;
 }
 .newsF__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
 }
 .newsF__heading {
  width: 37.8125vw;
 }
 .newsF__btn {
  margin-top: 0;
  width: 13.4375vw;
  text-align: left;
 }
}

@media screen and (min-width: 1601px) {
 .newsF__cat {
  font-size: 13px;
  font-size: 1.3rem;
 }
 .newsF__heading {
  width: 605px;
 }
 .newsF__btn {
  width: 165px;
 }
}

/*  トップページ --> ブログ
------------------------------------------------------------------------------*/
.sec__blog--kikagaku {
 padding: 18vw 0 17.33333vw 0;
}

.sec__blog--kikagaku:after {
 content: '';
 position: absolute;
 right: 0;
 top: 34.66667vw;
 width: 100%;
 height: calc(100% - 34.66667vw);
 background-color: #cadded;
 z-index: -2;
}

.sec__blog--hartarakikata {
 padding: 18vw 0 17.33333vw 0;
}

.sec__blog--hartarakikata:after {
 content: '';
 position: absolute;
 right: 0;
 top: 34.66667vw;
 width: 100%;
 height: calc(100% - 34.66667vw);
 background-color: #d0f0e8;
 z-index: -2;
}

.sec__blog--ceo {
 padding: 18vw 0 17.33333vw 0;
}

.sec__blog--ceo:after {
 content: '';
 position: absolute;
 right: 0;
 top: 34.66667vw;
 width: 100%;
 height: calc(100% - 34.66667vw);
 background-color: #d4ebf7;
 z-index: -2;
}

@media screen and (min-width: 801px) {
 .sec__blog--kikagaku {
  padding: 5vw 0 4.6875vw 0;
 }
 .sec__blog--kikagaku:after {
  top: 6.5625vw;
  width: 81.25vw;
  height: 26.875vw;
 }
 .sec__blog--hartarakikata {
  padding: 14.0625vw 0 4.6875vw 0;
 }
 .sec__blog--hartarakikata:after {
  top: 21.875vw;
  width: 81.25vw;
  height: 21.25vw;
 }
 .sec__blog--ceo {
  padding: 8.4375vw 0 8.125vw 0;
 }
 .sec__blog--ceo:after {
  top: 5vw;
  width: 81.25vw;
  height: 32.8125vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__blog--kikagaku {
  padding: 80px 0 75px 0;
 }
 .sec__blog--kikagaku:after {
  top: 105px;
  height: 430px;
 }
 .sec__blog--hartarakikata {
  padding: 225px 0 75px 0;
 }
 .sec__blog--hartarakikata:after {
  top: 350px;
  height: 340px;
 }
 .sec__blog--ceo {
  padding: 135px 0 130px 0;
 }
 .sec__blog--ceo:after {
  top: 80px;
  height: 525px;
 }
}

.blogF__container a {
 position: relative;
 display: block;
 margin-bottom: 6.66667vw;
 width: 88vw;
 z-index: 3;
}

.blogF__image {
 display: block;
 background-color: #fff;
 transition: .3s;
}

.blogF__container a:hover .blogF__image {
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.blogF__content {
 position: relative;
 top: -6.66667vw;
 left: 2.66667vw;
 margin-bottom: -6.66667vw;
 height: 40.66667vw;
 background-color: #fff;
}

#kikagaku-blog .blogF__content {
 border: 0.8vw solid #0060b0;
}

#hatarakikata-blog .blogF__content {
 border: 0.8vw solid #15b48a;
}

.blogF__content:before {
 content: '';
 position: absolute;
 top: 2.13333vw;
 left: 2.13333vw;
 width: 100%;
 height: 100%;
 z-index: 1;
}

#kikagaku-blog .blogF__content:before {
 background-color: #0060b0;
}

#hatarakikata-blog .blogF__content:before {
 background-color: #15b48a;
}

.blogF__content__inner {
 position: absolute;
 top: 0;
 left: 0;
 padding: 4vw 3.33333vw;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index: 2;
}

@media screen and (min-width: 801px) {
 .blogF__container {
  display: flex;
  margin-left: -3.4375vw;
 }
 .blogF__container a {
  margin-left: 3.4375vw;
  margin-bottom: 0;
  width: calc(33.33333% - 3.4375vw);
 }
 .blogF__content {
  top: -3.125vw;
  left: 1.25vw;
  margin-bottom: -3.125vw;
  height: 11.25vw;
 }
 #kikagaku-blog .blogF__content {
  border: 0.1875vw solid #0060b0;
 }
 #hatarakikata-blog .blogF__content {
  border: 0.1875vw solid #15b48a;
 }
 .blogF__content:before {
  top: 0.5vw;
  left: 0.5vw;
 }
 .blogF__content__inner {
  padding: 1.25vw 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .blogF__container {
  margin-left: -55px;
 }
 .blogF__container a {
  width: calc(33.33333% - 55px);
 }
 .blogF__content {
  top: -50px;
  left: 20px;
  margin-bottom: -50px;
  height: 180px;
 }
 #kikagaku-blog .blogF__content {
  border: 3px solid #0060b0;
 }
 #hatarakikata-blog .blogF__content {
  border: 3px solid #15b48a;
 }
 .blogF__content:before {
  top: 8px;
  left: 8px;
 }
 .blogF__content__inner {
  padding: 20px 15px;
 }
}

.blogF__date {
 margin-bottom: 1em;
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
}

#kikagaku-blog .blogF__date {
 color: #0060b0;
}

#hatarakikata-blog .blogF__date {
 color: #15b48a;
}

#ceo-blog .blogF__date {
 color: #0060b0;
}

.blogF__heading {
 font-weight: 700;
 min-height: calc(1.65em * 2);
 line-height: 1.65em;
}

.ceo__blogF__container {
 margin: 0 auto;
 width: 82.66667vw;
}

.ceo__blogF__container a {
 display: block;
 position: relative;
 margin-bottom: 8vw;
 background-color: #fff;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 border-radius: 1.5em;
}

.ceo__blogF__image .img__scale {
 border-radius: 1.5em 1.5em 0 0;
}

.ceo__blogF__content {
 position: relative;
 padding: 4vw 5.33333vw 20vw 5.33333vw;
}

.ceo__blogF__btn {
 position: absolute;
 bottom: 6.66667vw;
 right: 5.33333vw;
}

@media screen and (min-width: 801px) {
 .ceo__blogF__container {
  display: flex;
  margin: 0;
  margin-left: -3.125vw;
  width: 100%;
 }
 .ceo__blogF__container a {
  margin: 0;
  margin-left: 3.125vw;
  width: calc(33.33333% - 3.125vw);
 }
 .ceo__blogF__content {
  padding: 1.25vw 0.9375vw 6.25vw 0.9375vw;
 }
 .ceo__blogF__btn {
  position: absolute;
  bottom: 1.875vw;
  right: 2.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .ceo__blogF__container {
  margin-left: -50px;
 }
 .ceo__blogF__container a {
  margin-left: 50px;
  width: calc(33.33333% - 50px);
 }
 .ceo__blogF__content {
  padding: 20px 15px 100px 15px;
 }
 .ceo__blogF__btn {
  bottom: 30px;
  right: 40px;
 }
}

/*  下層 --> ニュース・ブログ
------------------------------------------------------------------------------*/
/* ---------------------------------- 一覧ページ */
.postA__container a {
 position: relative;
 display: block;
 margin: 0 auto 10.66667vw auto;
 width: 82.66667vw;
 border-radius: 5.33333vw;
 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 background-color: #fff;
}

.postA__container a:hover {
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
 transition: .3s;
}

.relation__post .postA__container a {
 box-shadow: none;
}

.relation__post .postA__container a:hover {
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
 transition: .3s;
}

@media screen and (min-width: 801px) {
 .postA__container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.5625vw;
 }
 .postA__container a {
  margin: 0 0 3.75vw 1.5625vw;
  border-radius: 1.25vw;
  width: calc(33.33333% - 1.5625vw);
 }
}

@media screen and (min-width: 1601px) {
 .postA__container {
  margin-left: -25px;
 }
 .postA__container a {
  margin: 0 0 60px 25px;
  border-radius: 20px;
  width: calc(33.33333% - 25px);
 }
}

.postA__content {
 padding: 3.2vw 5.33333vw 5.33333vw 5.33333vw;
}

.postA__title {
 font-weight: 700;
 line-height: 1.6em;
}

.postA__date,
.postS__date {
 position: relative;
 padding-left: 1.5em;
 color: #a9b2c8;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
}

.postA__date {
 margin-top: 1em;
}

.postA__date:after,
.postS__date:after {
 position: absolute;
 top: 50%;
 left: 0;
 content: '';
 display: inline-block;
 width: 4vw;
 height: 4vw;
 background-image: url(../img/common/time.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.postA__cat,
.postS__cat {
 padding: .3em .5em;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 color: #fff;
 font-size: 3.06667vw;
 font-weight: 700;
}

.postA__cat {
 position: absolute;
 top: 5.33333vw;
 left: 0;
}

.postS__cat {
 margin-bottom: 1.5em;
 display: inline-block;
}

.postA__new {
 position: absolute;
 top: 0;
 right: 0;
 width: 13.33333vw;
 height: 13.33333vw;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 background-image: -moz-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -webkit-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -ms-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
}

.postA__new span {
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 3.33333vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .postA__content {
  padding: 0.75vw 1.25vw 1.25vw 1.25vw;
 }
 .postA__date:after,
 .postS__date:after {
  width: 0.9375vw;
  height: 0.9375vw;
 }
 .postA__cat,
 .postS__cat {
  font-size: 0.8125vw;
 }
 .postA__cat {
  top: 1.25vw;
 }
 .postA__new {
  top: -0.625vw;
  width: 3.125vw;
  height: 3.125vw;
 }
 .postA__new span {
  font-size: 0.8125vw;
 }
}

@media screen and (min-width: 1601px) {
 .postA__content {
  padding: 12px 20px 20px 20px;
 }
 .postA__date:after,
 .postS__date:after {
  width: 15px;
  height: 15px;
 }
 .postA__cat,
 .postS__cat {
  font-size: 13px;
  font-size: 1.3rem;
 }
 .postA__cat {
  top: 20px;
 }
 .postA__new {
  top: -10px;
  width: 50px;
  height: 50px;
 }
 .postA__new span {
  font-size: 13px;
  font-size: 1.3rem;
 }
}

/* ---------------------------------- 詳細ページ */
.postS__data {
 display: flex;
 align-items: center;
 margin-bottom: 1em;
}

.postS__author {
 margin-left: 2em;
 font-weight: 700;
}

/* - 関連記事・執筆 - */
.post__bottom__info {
 position: relative;
 padding: 35px 0 50px 0;
}

.post__bottom__info:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 50%;
 width: 150vw;
 height: 100%;
 background-color: #f5f9fe;
 z-index: -1;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

/* - 関連記事 - */
.relation__post {
 border-bottom: 1px solid #d1d6e2;
}

/* - 執筆 - */
.post__writing {
 display: flex;
 justify-content: space-between;
 padding: 1.3em 0;
 background-color: #fff;
 border-radius: 1.5em;
}

.post__writing__image {
 width: 29.33333vw;
 border-right: 1px solid #d1d6e2;
}

.post__writing__content {
 padding: 0.5em 4.66667vw 0.5em 0;
 width: 57.33333vw;
}

.post__writing__icon {
 margin: 0 auto;
 width: 22.66667vw;
}

.post__writing__icon img {
 width: 100%;
 border-radius: 50%;
 box-shadow: 0px 3px 4.85px 0.15px rgba(0, 0, 0, 0.1);
 border-width: 0.8vw;
 border-color: #a9b2c8;
 border-style: solid;
}

.post__writing__name {
 margin: 1em 0 .8em;
 font-weight: 700;
 text-align: center;
}

.post__writing__position {
 color: #a9b2c8;
 font-size: 0.86em;
 font-weight: 700;
 text-align: center;
}

.post__writing__sns {
 display: flex;
 align-items: center;
 margin-top: 1.3em;
}

.post__writing__sns a {
 margin-right: 1.5em;
}

.post__writing__sns a:last-of-type {
 margin-right: 0;
}

.post__writing__sns a:before {
 content: '';
 display: inline-block;
 width: 5.33333vw;
 height: 5.33333vw;
 background-size: contain;
 background-repeat: no-repeat;
}

.post__writing__sns--facebook:before {
 background-image: url(../img/editor/facebook.png);
}

.post__writing__sns--line:before {
 background-image: url(../img/editor/line.png);
}

.post__writing__sns--twitter:before {
 background-image: url(../img/editor/twitter.png);
}

@media screen and (min-width: 801px) {
 .post__writing__image {
  width: 11.875vw;
 }
 .post__writing__content {
  padding: 0.5em 2.1875vw 0.5em 0;
  width: 41.5625vw;
 }
 .post__writing__icon {
  width: 7.5vw;
 }
 .post__writing__icon img {
  border-width: 0.1875vw;
 }
 .post__writing__sns a {
  margin-right: 3em;
 }
 .post__writing__sns a:before {
  width: 1.9375vw;
  height: 1.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .post__writing__image {
  width: 190px;
 }
 .post__writing__content {
  padding: .5em 35px .5em 0;
  width: 665px;
 }
 .post__writing__icon {
  width: 120px;
 }
 .post__writing__icon img {
  border-width: 3px;
 }
 .post__writing__sns a:before {
  width: 31px;
  height: 31px;
 }
}

/* - ページナビ - */
.post__pagenavi {
 position: relative;
 margin: 16vw 0;
}

.post__pagenavi__prev,
.post__pagenavi__next {
 display: flex;
 justify-content: space-between;
 width: 78.66667vw;
 height: 18.66667vw;
}

.post__pagenavi__prev:hover,
.post__pagenavi__next:hover {
 opacity: 0.7;
}

.post__pagenavi__prev {
 margin-bottom: 5.33333vw;
 margin-right: auto;
}

.post__pagenavi__next {
 margin-left: auto;
}

.post__pagenavi__arrow {
 display: flex;
 justify-content: center;
 align-items: center;
 padding-left: .1em;
 width: 5.33333vw;
 height: 100%;
 background-color: #a9b2c8;
 color: #fff;
 font-size: 0.86em;
}

.post__pagenavi__thumb {
 width: 18.66667vw;
}

.post__pagenavi__content {
 width: 46.66667vw;
}

.post__pagenavi__label {
 margin: .3em 0 .5em 0;
 color: #ccc;
 font-family: "Montserrat", sans-serif;
 font-size: 0.86em;
 font-weight: 700;
}

.post__pagenavi__title {
 font-weight: 700;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .post__pagenavi {
  margin: 7.5vw 0;
  height: 4.375vw;
 }
 .post__pagenavi__prev,
 .post__pagenavi__next {
  position: absolute;
  top: 0;
  width: 19.0625vw;
  height: 100%;
 }
 .post__pagenavi__prev {
  margin: 0;
  left: 0;
 }
 .post__pagenavi__next {
  margin: 0;
  right: 0;
 }
 .post__pagenavi__arrow {
  width: 1.25vw;
 }
 .post__pagenavi__thumb {
  width: 4.375vw;
 }
 .post__pagenavi__content {
  width: 12.1875vw;
 }
}

@media screen and (min-width: 1601px) {
 .post__pagenavi {
  margin: 60px 0;
  height: 70px;
 }
 .post__pagenavi__prev,
 .post__pagenavi__next {
  width: 285px;
 }
 .post__pagenavi__arrow {
  width: 20px;
 }
 .post__pagenavi__thumb {
  width: 70px;
 }
 .post__pagenavi__content {
  width: 175px;
 }
}

/*  下層 --> 投稿ページエディタ
------------------------------------------------------------------------------*/
.editor {
 position: relative;
 top: -8vw;
 margin-left: auto;
 padding-top: 9.33333vw;
 width: 84vw;
 background-color: #fff;
 z-index: 2;
}

.editor__inner {
 margin: 0 auto;
 width: 80vw;
}

@media screen and (min-width: 801px) {
 .editor {
  top: -1.875vw;
  margin: 0 auto;
  padding-top: 2.1875vw;
  width: 50vw;
 }
 .editor__inner {
  margin: 0;
  margin: 0 auto;
  width: 46.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor {
  top: -30px;
  padding-top: 35px;
  width: 800px;
 }
 .editor__inner {
  width: 740px;
 }
}

/* ---------------------------------- シェア */
.editor__share {
 position: absolute;
 top: 11.33333vw;
 left: -10.66667vw;
}

.editor__share__inner {
 position: relative;
 text-align: center;
 width: 9.33333vw;
}

.editor__share__inner.is-fixed {
 position: fixed;
 top: 45%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.editor__share__header {
 background-color: #0060b0;
 border-radius: .7em .7em 0 0;
 border-top: 0.53333vw solid #0060b0;
 border-left: 0.53333vw solid #0060b0;
 border-right: 0.53333vw solid #0060b0;
 padding-top: .5em;
}

.editor__share__header__inner {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 background-color: #0060b0;
 height: 7.06667vw;
 padding: 0 0 .7em 0;
}

.editor__share__header__icon {
 margin: 0 auto;
 width: 4.53333vw;
}

.editor__share__content {
 padding: 1em 0;
 background-color: #fff;
 border-radius: 0 0 .7em  .7em;
 border-left: 0.53333vw solid #0060b0;
 border-right: 0.53333vw solid #0060b0;
 border-bottom: 0.53333vw solid #0060b0;
}

.editor__share__content a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 1em;
 border-radius: 50%;
 background-color: #fff;
 width: 8vw;
 height: 8vw;
}

.editor__share__content a:hover {
 background-color: #f8f8f8;
}

.editor__share__content a:last-of-type {
 margin-bottom: 0;
}

.editor__share__icon {
 margin: 0 auto;
 width: 5.6vw;
}

@media screen and (min-width: 801px) {
 .editor__share {
  top: 5.3125vw;
  left: -3.125vw;
 }
 .editor__share__inner {
  width: 3vw;
 }
 .editor__share__header {
  border-top: 0.1875vw solid #0060b0;
  border-left: 0.1875vw solid #0060b0;
  border-right: 0.1875vw solid #0060b0;
 }
 .editor__share__header__inner {
  height: 1.875vw;
 }
 .editor__share__header__icon {
  width: 1.375vw;
 }
 .editor__share__content {
  border-left: 0.1875vw solid #0060b0;
  border-right: 0.1875vw solid #0060b0;
  border-bottom: 0.1875vw solid #0060b0;
 }
 .editor__share__content a {
  width: 2.5vw;
  height: 2.5vw;
 }
 .editor__share__icon {
  width: 1.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__share {
  top: 85px;
  left: -50px;
 }
 .editor__share__inner {
  width: 48px;
 }
 .editor__share__header {
  border-top: 3px solid #0060b0;
  border-left: 3px solid #0060b0;
  border-right: 3px solid #0060b0;
 }
 .editor__share__header__inner {
  height: 30px;
 }
 .editor__share__header__icon {
  width: 22px;
 }
 .editor__share__content {
  border-left: 3px solid #0060b0;
  border-right: 3px solid #0060b0;
  border-bottom: 3px solid #0060b0;
 }
 .editor__share__content a {
  width: 40px;
  height: 40px;
 }
 .editor__share__icon {
  width: 30px;
 }
}

/* ---------------------------------- 見出し（下ライン） */
.editor__heading {
 margin: 0 0 1.5em 0;
 padding-bottom: .8em;
 position: relative;
 font-size: 1.6em;
 font-weight: 700;
 line-height: 1.6em;
}

.editor__heading:after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 4.5em;
 height: 0.53333vw;
 background-color: #333;
}

@media screen and (min-width: 801px) {
 .editor__heading:after {
  height: 0.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__heading:after {
  height: 2px;
 }
}

/* ---------------------------------- 見出し（背景パターン） */
.editor__heading01 {
 margin: 1.5em 0;
 font-size: 1.6em;
 font-weight: 700;
 text-shadow: 0 0 5px white;
 padding: .5em 1em;
 background: -webkit-repeating-linear-gradient(-45deg, #e8f1f8, #e8f1f8 5px, #e5eff7 5px, #e5eff7 12px);
 background: repeating-linear-gradient(-45deg, #e8f1f8, #e8f1f8 5px, #e5eff7 5px, #e5eff7 12px);
 line-height: 1.6em;
}

/* ---------------------------------- 見出し（背景パターン左ラインあり） */
.editor__heading02 {
 margin: 1.5em 0;
 font-size: 1.6em;
 font-weight: 700;
 text-shadow: 0 0 5px white;
 padding: .5em 1em;
 background: -webkit-repeating-linear-gradient(-45deg, #e8f1f8, #e8f1f8 5px, #e5eff7 5px, #e5eff7 12px);
 background: repeating-linear-gradient(-45deg, #e8f1f8, #e8f1f8 5px, #e5eff7 5px, #e5eff7 12px);
 border-left: 1.6vw solid #0060b0;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .editor__heading02 {
  border-left: 0.375vw solid #0060b0;
 }
}

@media screen and (min-width: 1601px) {
 .editor__heading02 {
  border-left: 6px solid #0060b0;
 }
}

/* ---------------------------------- 見出し（下グラデーションライン） */
.editor__heading03 {
 position: relative;
 margin: 1.5em 0;
 padding: .5em 1em;
 font-size: 1.6em;
 line-height: 1.6em;
 font-weight: 700;
}

.editor__heading03:after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 1.6vw;
 background-image: -moz-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -webkit-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -ms-linear-gradient(0deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
}

@media screen and (min-width: 801px) {
 .editor__heading03:after {
  height: 0.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__heading03:after {
  height: 6px;
 }
}

/* ---------------------------------- 見出し（太文字） */
.editor__heading04 {
 position: relative;
 margin: 1.5em 0;
 font-size: 1.6em;
 font-weight: 700;
 line-height: 1.6em;
}

/* ---------------------------------- テキスト */
.editor p {
 margin-bottom: 1.5em;
 line-height: 1.6em;
}

.editor p:last-of-type {
 margin-bottom: 0;
}

/* ---------------------------------- 画像 */
.editor img {
 max-width: 100%;
 height: auto;
}

/* ---------------------------------- 強調文字 */
.editor__strong--blue {
 background: linear-gradient(transparent 60%, #c5dbfa 60%);
 font-weight: 700;
}

.editor__strong--green {
 background: linear-gradient(transparent 60%, #caf7f0 60%);
 font-weight: 700;
}

.editor__strong--orange {
 background: linear-gradient(transparent 60%, #fee6d8 60%);
 font-weight: 700;
}

/* ---------------------------------- 目次 */
.editor__mokuji {
 padding: 2em;
 border-radius: 1.5em;
 background-color: #f2f7fb;
}

.editor__mokuji__title {
 margin-bottom: 1em;
 display: flex;
 align-items: center;
 color: #0060b0;
 font-size: 1.2em;
 font-weight: 700;
}

.editor__mokuji__title:before {
 content: '';
 display: inline-block;
 margin-right: .5em;
 width: 4vw;
 height: 2.93333vw;
 background-image: url(../img/editor/mokuji.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.editor__mokuji__list a {
 padding: .5em 0;
 display: block;
}

.editor__mokuji__list a:hover {
 opacity: .7;
}

.editor__mokuji__list > li {
 margin-bottom: .5em;
}

.editor__mokuji__list p {
 position: relative;
 padding: 0 0 0 1em;
 border-bottom: 1px solid #a9b2c8;
 font-weight: 700;
}

.editor__mokuji__list p:before {
 position: absolute;
 top: .5em;
 left: 0;
 content: '・';
}

.editor__mokuji__list__sub {
 padding: .5em 1.2em;
}

@media screen and (min-width: 801px) {
 .editor__mokuji__title:before {
  width: 1.4375vw;
  height: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__mokuji__title:before {
  width: 23px;
  height: 18px;
 }
}

/* ---------------------------------- タイムライン機能 */
.editor__timeline li {
 position: relative;
 margin-bottom: 3em;
 padding-left: 8vw;
}

.editor__timeline li:before {
 position: absolute;
 top: .1em;
 left: 0;
 content: '';
 width: 5.33333vw;
 height: 5.33333vw;
 background-color: #a9b2c8;
 border-radius: 50%;
}

.editor__timeline li:first-child::before,
.editor__timeline li:last-child::before {
 background-color: #0060b0;
}

.editor__timeline li:after {
 position: absolute;
 top: 9.33333vw;
 left: 2.4vw;
 content: '';
 width: 0.8vw;
 height: 100%;
 background-color: #a9b2c8;
}

.editor__timeline li:last-child::after {
 content: none;
}

.editor__timeline__header {
 display: flex;
 align-items: center;
 margin-bottom: 1.5em;
}

.editor__timeline__num {
 width: 9.33333vw;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
 border-right: 1px solid #a9b2c8;
}

.editor__timeline li:first-child .editor__timeline__num,
.editor__timeline li:last-child .editor__timeline__num {
 color: #0060b0;
}

.editor__timeline__heading {
 padding-left: 1em;
 width: calc(100% - 9.33333vw);
 font-weight: 700;
}

.editor__timeline__content {
 width: 72vw;
}

.editor__timeline__image {
 margin-bottom: 5.33333vw;
 width: 100%;
}

.editor__timeline__text {
 width: 100%;
}

.btn--timeline__container {
 margin-top: 1.5em;
}

.btn--timeline {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 max-width: 100%;
 border-radius: 2em;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 text-align: center;
 overflow: hidden;
 cursor: pointer;
}

.btn--timeline:hover {
 border: 0.8vw solid #305097;
}

.btn--timeline a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0 4.5em;
 height: 12.26667vw;
 color: #fff;
 font-weight: 700;
 text-decoration: none;
 transition: all .5s ease;
 z-index: 2;
}

.btn--timeline:hover a {
 color: #305097;
}

.btn--timeline__effect {
 position: absolute;
 width: 100%;
 height: 100%;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.btn--timeline:hover .btn--timeline__effect {
 left: 0;
 background-color: #fff;
}

@media screen and (min-width: 801px) {
 .editor__timeline li {
  padding-left: 2.5vw;
 }
 .editor__timeline li:before {
  width: 1.25vw;
  height: 1.25vw;
 }
 .editor__timeline li:after {
  top: 2.1875vw;
  left: 0.5625vw;
  width: 0.1875vw;
 }
 .editor__timeline__num {
  width: 2.1875vw;
 }
 .editor__timeline__heading {
  padding-left: 1.5em;
  width: calc(100% - 2.1875vw);
 }
 .editor__timeline__content {
  width: 43.75vw;
 }
 .editor__timeline__content--type01 {
  display: flex;
  justify-content: space-between;
 }
 .editor__timeline__image {
  margin-bottom: 0;
  width: 18.75vw;
 }
 .editor__timeline__text {
  width: 23.75vw;
 }
 .btn--timeline {
  height: 2.875vw;
 }
 .btn--timeline:hover {
  border: 0.1875vw solid #305097;
 }
}

@media screen and (min-width: 1601px) {
 .editor__timeline li {
  padding-left: 40px;
 }
 .editor__timeline li:before {
  width: 20px;
  height: 20px;
 }
 .editor__timeline li:after {
  top: 35px;
  left: 9px;
  width: 3px;
 }
 .editor__timeline__num {
  width: 35px;
 }
 .editor__timeline__heading {
  width: calc(100% - 35px);
 }
 .editor__timeline__content {
  width: 700px;
 }
 .editor__timeline__image {
  width: 300px;
 }
 .editor__timeline__text {
  width: 380px;
 }
 .btn--timeline {
  height: 46px;
 }
 .btn--timeline:hover {
  border: 3px solid #305097;
 }
}

/* ---------------------------------- レビュー用ボックス */
.editor__review {
 margin-bottom: 3em;
}

.editor__review__heading {
 margin-bottom: 1em;
 font-size: 1.2em;
 font-weight: 700;
}

.editor__review__list li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 1.2em 4vw;
 border-top: 1px solid #a9b2c8;
}

.editor__review__list li:last-child {
 border-bottom: 1px solid #a9b2c8;
}

.editor__review__title {
 width: 50%;
 font-size: 1.2em;
 font-weight: 700;
}

.editor__review__mark {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 width: 50%;
}

.editor__review__star {
 margin: 0 !important;
 color: #f6c86c;
}

.editor__review__num {
 margin-left: 1.5em;
 color: #cccccc;
 font-family: "Montserrat", sans-serif;
 font-size: 0.86em;
 letter-spacing: .3em;
}

.editor__review__num span {
 color: #333;
 font-size: 1.2em;
}

@media screen and (min-width: 801px) {
 .editor__review__list li {
  padding: 1.2em 1.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__review__list li {
  padding: 1.2em 30px;
 }
}

/* ---------------------------------- カードタイプの関連記事01 */
.editor__card01__container a {
 position: relative;
 display: block;
 margin: 0 auto 10.66667vw auto;
 width: 82.66667vw;
 border-radius: 5.33333vw;
 border: 1px solid #d1d6e2;
 background-color: #fff;
}

.editor__card01__container a:hover {
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 transition: .3s;
}

@media screen and (min-width: 801px) {
 .editor__card01__container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2.1875vw;
 }
 .editor__card01__container a {
  margin: 0 0 0 2.1875vw;
  border-radius: 1.25vw;
  width: calc(50% - 2.1875vw);
 }
}

@media screen and (min-width: 1601px) {
 .editor__card01__container {
  margin-left: -35px;
 }
 .editor__card01__container a {
  margin: 0 0 0 35px;
  border-radius: 20px;
  width: calc(50% - 35px);
 }
}

/* ---------------------------------- カードタイプの関連記事02 */
.editor__card02__container a {
 display: flex;
 align-items: center;
 border: 1px solid #d1d6e2;
 border-radius: 5.33333vw;
 background-color: #fff;
}

.editor__card02__container a:hover {
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 transition: .3s;
}

.editor__card02__image {
 width: 35.33333vw;
 border-radius: 2.66667vw 2.66667vw 0 0;
}

.editor__card02__content {
 padding: 4vw 4.66667vw;
 width: calc(100% - 35.33333vw);
}

@media screen and (min-width: 801px) {
 .editor__card02__container a {
  border-radius: 1.25vw;
 }
 .editor__card02__image {
  width: 16.5625vw;
  border-radius: 1.25vw 1.25vw 0 0;
 }
 .editor__card02__content {
  padding: 1.875vw 2.1875vw;
  width: calc(100% - 16.5625vw);
 }
}

@media screen and (min-width: 1601px) {
 .editor__card02__container a {
  border-radius: 20px;
 }
 .editor__card02__image {
  width: 265px;
  border-radius: 20px 20px 0 0;
 }
 .editor__card02__content {
  padding: 30px 35px;
  width: calc(100% - 265px);
 }
}

/* ---------------------------------- 参考サイトリンク */
.editor__bookmark a {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 3em;
 padding: 2.66667vw 0;
 min-height: 21.33333vw;
 border: 1px solid #d1d6e2;
 border-radius: 2.66667vw;
 background-color: #fff;
}

.editor__bookmark a:hover {
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 transition: .3s;
}

.editor__bookmark__image {
 display: flex;
 justify-content: center;
 align-items: center;
 align-self: stretch;
 width: 18.66667vw;
 border-right: 1px solid #d1d6e2;
}

.editor__bookmark__image__icon {
 width: 5.06667vw;
}

.editor__bookmark__content {
 padding: 0 4vw 0 4vw;
 width: calc(100% - 18.66667vw);
}

.editor__bookmark__title {
 display: inline-flex;
 align-items: center;
 position: relative;
 padding-bottom: .3em;
 border-bottom: 1px solid #d1d6e2;
 font-weight: 700;
 line-height: 1.6em;
}

.editor__bookmark__title:after {
 content: '';
 display: block;
 margin-left: .5em;
 width: 6.66667vw;
 height: 7.73333vw;
 background-image: url(../img/editor/link.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.editor__bookmark__name {
 margin-top: 1em;
 color: #a9b2c8;
 font-weight: 700;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .editor__bookmark a {
  padding: 1.25vw 0;
  min-height: 10vw;
  border-radius: 1.25vw;
 }
 .editor__bookmark__image {
  width: 8.75vw;
 }
 .editor__bookmark__image__icon {
  width: 1.75vw;
 }
 .editor__bookmark__content {
  padding: 0 3.125vw 0 2.1875vw;
  width: calc(100% - 8.75vw);
 }
 .editor__bookmark__title {
  padding-bottom: .1em;
 }
 .editor__bookmark__title:after {
  width: 0.9375vw;
  height: 1.0625vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__bookmark a {
  padding: 20px 0;
  min-height: 160px;
  border-radius: 20px;
 }
 .editor__bookmark__image {
  width: 140px;
 }
 .editor__bookmark__image__icon {
  width: 28px;
 }
 .editor__bookmark__content {
  padding: 0 80px 0 45px;
  width: calc(100% - 140px);
 }
 .editor__bookmark__title:after {
  width: 15px;
  height: 17px;
 }
}

/* ---------------------------------- ボックス（memo） */
.editor__box--memo {
 margin-bottom: 3em;
 padding: 1.5em 2em;
 border-width: 0.8vw;
 border-style: solid;
 border-color: #4fe6ce;
}

.editor__box--memo .editor__box__title {
 display: inline-block;
 margin-bottom: .8em;
 font-family: "Montserrat", sans-serif;
 font-size: 1.2em;
 font-weight: 700;
 background: linear-gradient(to right, #4be6cf, #d4f8ae);
 color: transparent;
 -webkit-background-clip: text;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .editor__box--memo .editor__box__title {
  background: none;
  color: #4be6cf;
 }
}

@media screen and (min-width: 801px) {
 .editor__box--memo {
  border-width: 0.1875vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__box--memo {
  border-width: 3px;
 }
}

/* ---------------------------------- ボックス（note） */
.editor__box--note {
 margin-bottom: 3em;
 padding: 1.5em 2em;
 border-width: 0.8vw;
 border-style: solid;
 border-color: #fbac7e;
}

.editor__box--note .editor__box__title {
 display: inline-block;
 margin-bottom: .8em;
 font-family: "Montserrat", sans-serif;
 font-size: 1.2em;
 font-weight: 700;
 background: linear-gradient(to right, #f6ca6b, #fbaa7f);
 color: transparent;
 -webkit-background-clip: text;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .editor__box--note .editor__box__title {
  background: none;
  color: #fbac7e;
 }
}

@media screen and (min-width: 801px) {
 .editor__box--note {
  border-width: 0.1875vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__box--note {
  border-width: 3px;
 }
}

/* ---------------------------------- ボックス (SOURCE CODE) */
.editor__source {
 position: relative;
 padding-top: 10.66667vw;
 margin-bottom: 3em;
}

.editor__source__inner {
 position: relative;
 margin-bottom: 3em;
 padding: 0.5em 5.33333vw;
 border: 0.8vw solid #0060b0;
}

.editor__source__heading {
 position: absolute;
 top: -10.66667vw;
 left: -0.8vw;
 display: flex;
 align-items: center;
 padding: 0 1em;
 background-color: #0060b0;
 border-radius: 1em 1em 0 0;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 1.2em;
 font-weight: 700;
 line-height: 10.66667vw;
}

.editor__source__heading:before {
 content: '</>';
 margin-right: .5em;
}

.editor__source__code {
 counter-reset: cnt;
}

.editor__source__code li {
 position: relative;
 padding: .5em .5em .5em 3.5em;
}

.editor__source__code li:nth-child(even) {
 background-color: #f8f8f8;
}

.editor__source__code li:before {
 position: absolute;
 top: 50%;
 left: .5em;
 color: #ccc;
 font-family: "Montserrat", sans-serif;
 font-weight: 500;
 counter-increment: cnt;
 content: counter(cnt, decimal-leading-zero);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

@media screen and (min-width: 801px) {
 .editor__source {
  padding-top: 2.5vw;
 }
 .editor__source__inner {
  padding: 0.5em 1.25vw;
  border: 0.1875vw solid #0060b0;
 }
 .editor__source__heading {
  top: -2.5vw;
  left: -0.1875vw;
  line-height: 2.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__source {
  padding-top: 40px;
 }
 .editor__source__inner {
  padding: .5em 20px;
  border: 3px solid #0060b0;
 }
 .editor__source__heading {
  top: -40px;
  left: -3px;
  line-height: 40px;
 }
}

/* ---------------------------------- 吹き出し */
.editor__fuki {
 display: flex;
 justify-content: space-between;
 margin-bottom: 3em;
}

.editor__fuki--right .editor__fuki__image {
 order: 2;
}

.editor__fuki--right .editor__fuki__content {
 order: 1;
}

.editor__fuki__image {
 width: 21.33333vw;
}

.editor__fuki__icon {
 margin: 0 auto;
 width: 18.66667vw;
}

.editor__fuki__icon img {
 width: 100%;
 border-radius: 50%;
 box-shadow: 0px 3px 4.85px 0.15px rgba(0, 0, 0, 0.1);
 border-width: 0.8vw;
 border-color: #a9b2c8;
 border-style: solid;
}

.editor__fuki__name {
 margin-top: 1em;
 font-weight: 700;
 text-align: center;
}

.editor__fuki__content {
 padding-top: 1.5em;
 width: 57.33333vw;
}

@media screen and (min-width: 801px) {
 .editor__fuki__image {
  width: 5.625vw;
 }
 .editor__fuki__icon {
  width: 4.375vw;
 }
 .editor__fuki__icon img {
  border-width: 0.1875vw;
 }
 .editor__fuki__content {
  width: 39.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__fuki__image {
  width: 80px;
 }
 .editor__fuki__icon {
  width: 70px;
 }
 .editor__fuki__icon img {
  border-width: 3px;
 }
 .editor__fuki__content {
  width: 640px;
 }
}

/* ---------------------------------- 画像ギャラリー */
.editor__image div {
 margin-bottom: 8vw;
}

@media screen and (min-width: 801px) {
 .editor__image {
  display: flex;
  margin-left: -2.1875vw;
 }
 .editor__image div {
  margin-left: 2.1875vw;
  margin-bottom: 2.1875vw;
  width: calc(50% - 2.1875vw);
 }
}

@media screen and (min-width: 1601px) {
 .editor__image {
  margin-left: -35px;
 }
 .editor__image div {
  margin-left: 35px;
  margin-bottom: 35px;
  width: calc(50% - 35px);
 }
}

/* ---------------------------------- YouTube埋め込み */
.editor__youtube {
 position: relative;
 margin-bottom: 6em;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
}

.editor__youtube iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* ---------------------------------- オプションボックス */
.editor__option {
 position: relative;
 margin-bottom: 3em;
 padding: 2em 2em 1.5em 2em;
 border: 0.8vw solid #4fe6ce;
 border-radius: 1.5em;
}

.editor__option__heading {
 position: absolute;
 top: -.7em;
 left: 2em;
 display: flex;
 align-items: center;
 margin-bottom: 3em;
 padding: 0 1.5em;
 background-color: #fff;
 color: #4fe6ce;
 font-size: 1.2em;
 font-weight: 700;
}

.editor__option__heading:before {
 content: '';
 display: inline-block;
 margin-right: .5em;
 width: 5.06667vw;
 height: 3.46667vw;
 background-image: url(../img/editor/check.png);
 background-size: contain;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .editor__option {
  padding: 2.5em 3em 2em 3em;
  border: 0.375vw solid #4fe6ce;
 }
 .editor__option__heading:before {
  width: 1.1875vw;
  height: 0.8125vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__option {
  padding: 2.5em 3em 2em 3em;
  border: 3px solid #4fe6ce;
 }
 .editor__option__heading:before {
  width: 19px;
  height: 13px;
 }
}

/* ---------------------------------- 背景ありボックス */
.editor__pattern {
 margin-bottom: 3em;
 padding: 2em;
 background: -webkit-repeating-linear-gradient(-45deg, #fafcff, #fafcff 5px, #f5f9fe 5px, #f5f9fe 12px);
 background: repeating-linear-gradient(-45deg, #fafcff, #fafcff 5px, #f5f9fe 5px, #f5f9fe 12px);
}

.editor__pattern a {
 padding-bottom: .1em;
 color: #4087ed;
 font-weight: 700;
 border-bottom: 1px solid #4087ed;
}

@media screen and (min-width: 801px) {
 .editor__pattern {
  padding: 3em;
 }
}

/* ---------------------------------- CTA */
.editor__cta {
 position: relative;
 background-size: cover;
 display: flex;
 justify-content: center;
 align-items: center;
 background-position: center;
 background-size: cover;
}

.editor__cta:after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-image: -moz-linear-gradient(0deg, rgba(27, 141, 204, 0.9) 0%, rgba(87, 210, 255, 0.9) 100%, rgba(106, 215, 255, 0.9) 100%, rgba(137, 194, 226, 0.9) 100%);
 background-image: -webkit-linear-gradient(0deg, rgba(27, 141, 204, 0.9) 0%, rgba(87, 210, 255, 0.9) 100%, rgba(106, 215, 255, 0.9) 100%, rgba(137, 194, 226, 0.9) 100%);
 background-image: -ms-linear-gradient(0deg, rgba(27, 141, 204, 0.9) 0%, rgba(87, 210, 255, 0.9) 100%, rgba(106, 215, 255, 0.9) 100%, rgba(137, 194, 226, 0.9) 100%);
 z-index: 1;
}

.editor__cta__inner {
 position: relative;
 padding: 7.33333vw;
 z-index: 2;
}

.editor__cta__heading {
 margin-bottom: 1.2em;
 color: #fff;
 font-size: 1.6em;
 font-weight: 700;
 text-align: center;
}

.editor__cta__inner p {
 color: #fff;
 line-height: 1.6em;
}

@media screen and (min-width: 801px) {
 .editor__cta__inner {
  padding: 3.4375vw;
 }
}

@media screen and (min-width: 1601px) {
 .editor__cta__inner {
  padding: 55px;
 }
}

/*  トップページ --> 採用
------------------------------------------------------------------------------*/
.sec__recruit {
 padding: 18vw 0;
 background-image: url(../img/front/recruit/bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__recruit {
  padding: 7.8125vw 0;
  background-image: url(../img/front/recruit/bg.jpg);
  background-size: cover;
  background-position: center;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit {
  padding: 125px 0;
 }
}

.recruitF__container {
 background-color: rgba(255, 255, 255, 0.9);
}

.recruitF__content {
 position: relative;
 padding: 13.33333vw 3.33333vw 13.33333vw 3.33333vw;
}

.recruitF__content:after {
 position: absolute;
 top: 50%;
 left: 50%;
 content: '';
 display: inline-block;
 width: 68.13333vw;
 height: 68.53333vw;
 background-image: url(../img/front/recruit/bg_logo.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.recruitF__image {
 align-self: stretch;
 width: 100%;
 height: 66.66667vw;
 background-image: url(../img/front/recruit/image-2x.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (max-width: 800px) {
 .recruitF__content:after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
}

@media screen and (min-width: 801px) {
 .recruitF__container {
  display: flex;
 }
 .recruitF__content {
  padding: 5vw 3.125vw 5vw 6.25vw;
  width: 46.875vw;
 }
 .recruitF__content:after {
  left: 6.25vw;
  width: 31.9375vw;
  height: 32.125vw;
 }
 .recruitF__image {
  width: calc(100% - 46.875vw);
  height: auto;
 }
}

@media screen and (min-width: 1601px) {
 .recruitF__content {
  padding: 80px 3.125vw 80px 6.25vw;
 }
 .recruitF__content:after {
  width: 511px;
  height: 514px;
 }
}

.recruitF__text {
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 2em;
}

.recruitF__btn {
 position: relative;
 text-align: center;
 z-index: 2;
}

@media screen and (min-width: 801px) {
 .recruitF__text {
  font-size: 1.125vw;
 }
 .recruitF__btn {
  text-align: left;
 }
}

@media screen and (min-width: 1601px) {
 .recruitF__text {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/*  下層ページ --> 採用
------------------------------------------------------------------------------*/
/* ---------------------------------- イントロ */
.sec__recruit--intro {
 position: relative;
 padding: 5.33333vw 0 10.66667vw 0;
 background-image: url(../img/recruit/intro_bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__recruit--intro {
  padding: 5vw 0 5.3125vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--intro {
  padding: 80px 0 85px 0;
 }
}

.recruitP__intro {
 position: relative;
 background-image: url(../img/recruit/logo.png);
 background-size: 80% auto;
 background-repeat: no-repeat;
 background-position: center;
}

.recruitP__intro__heading {
 padding-bottom: 1em;
 font-size: 1.6em;
 font-weight: 700;
 text-indent: .5em;
 line-height: 1.8em;
 letter-spacing: .5em;
}

.sec__recruit--intro p {
 margin-top: 1.5em;
 font-weight: 700;
 text-align: center;
 line-height: 2.4em;
}

@media screen and (min-width: 801px) {
 .recruitP__intro {
  background-size: auto 100%;
 }
}

@media screen and (max-width: 800px) {
 .sec__recruit--intro .heading--center {
  text-align: center;
 }
}

/* ---------------------------------- 共通 */
.recruitP__sec__head {
 position: relative;
 text-align: center;
}

.recruitP__sec__en {
 color: rgba(0, 96, 176, 0.1);
 font-family: "Montserrat", sans-serif;
 font-size: 12vw;
 font-weight: 600;
 text-align: center;
 text-transform: uppercase;
 line-height: .7em;
}

.recruitP__sec__heading {
 display: inline-block;
 margin-top: 5.33333vw;
 padding: .2em 1.5em;
 background-color: #0060b0;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .recruitP__sec__en {
  font-size: 12.5vw;
 }
 .recruitP__sec__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  font-size: 1.5vw;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__sec__en {
  font-size: 200px;
  font-size: 20.0rem;
 }
 .recruitP__sec__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/* ---------------------------------- 働くメンバー */
.sec__recruit--member {
 position: relative;
 padding: 12vw 0 17.33333vw 0;
}

.sec__recruit--member:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 74.66667vw;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 opacity: 0.2;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 #recruit-member .recruitP__sec__en {
  letter-spacing: .15em;
 }
 .sec__recruit--member {
  padding: 5.625vw 0 8.125vw 0;
 }
 .sec__recruit--member:after {
  height: 25.3125vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--member {
  padding: 90px 0 130px 0;
 }
 .sec__recruit--member:after {
  height: 405px;
 }
}

.recruitP__member__slide {
 position: relative;
 margin: 8.66667vw auto 0 auto;
 width: 82.66667vw;
}

@media screen and (min-width: 801px) {
 .recruitP__member__slide {
  margin-top: 4.0625vw;
  width: 100%;
 }
}

@media screen and (min-width: 801px) {
 .recruitP__member__slide {
  margin-top: 65px;
 }
}

.recruitP__member {
 display: block;
 background-color: #fff;
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
 border-radius: 1.2em;
 transition: .3s;
}

.recruitP__member:hover {
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
}

.recruitP__member__image {
 position: relative;
}

.recruitP__member__image > div {
 position: relative;
 margin: 0 auto;
 width: 50.66667vw;
}

.recruitP__member__position {
 position: absolute;
 bottom: 0;
 left: 0;
 display: inline-block;
 width: auto;
 padding: .5em 1em;
 color: #fff;
 font-size: 3.46667vw;
 font-weight: 700;
 text-align: center;
}

.recruitP__member:nth-of-type(1n) .recruitP__member__position {
 background-color: #0060b0;
}

.recruitP__member:nth-of-type(2n) .recruitP__member__position {
 background-color: #07ab54;
}

.recruitP__member:nth-of-type(3n) .recruitP__member__position {
 background-color: #f39800;
}

.recruitP__member__content {
 padding: 4vw 4vw 6vw 4vw;
 border-radius: 0 0 1.2em 1.2em;
 transition: .3s;
}

.recruitP__member:hover .recruitP__member__content {
 background-color: #eef7ff;
}

.recruitP__member__name {
 font-size: 4.53333vw;
 font-weight: 700;
}

.recruitP__member__name span {
 margin-left: 1em;
 font-family: "Montserrat", sans-serif;
 font-size: 2.13333vw;
 font-weight: 600;
}

.recruitP__member__en {
 position: absolute;
 right: .5em;
 bottom: -.5em;
 font-family: "AntroVectra", sans-serif;
 font-size: 4.8vw;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.recruitP__member__data {
 display: flex;
 align-items: center;
 font-size: 2.93333vw;
}

.recruitP__member__div {
 padding-right: 1em;
 font-weight: 700;
}

.recruitP__member__div:before {
 content: '●';
 padding-right: .5em;
 color: #8db4d4;
}

.recruitP__member__since {
 padding-left: 1em;
 border-left: 1px solid #8db4d4;
}

.recruitP__member:nth-of-type(1n) .recruitP__member__name span,
.recruitP__member:nth-of-type(1n) .recruitP__member__en {
 color: #0060b0;
}

.recruitP__member:nth-of-type(2n) .recruitP__member__name span,
.recruitP__member:nth-of-type(2n) .recruitP__member__en {
 color: #07ab54;
}

.recruitP__member:nth-of-type(3n) .recruitP__member__name span,
.recruitP__member:nth-of-type(3n) .recruitP__member__en {
 color: #f39800;
}

.recruitP__member__message {
 position: absolute;
 display: block;
 top: 1em;
 left: 1em;
 color: #fff;
 font-family: "851MkPOP", sans-serif;
 font-size: 2.93333vw;
 line-height: 1.8em;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.recruitP__member__message span {
 margin-bottom: .5em;
 padding: .3em 1em .3em .5em;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.recruitP__member__message span:nth-of-type(2) {
 margin-left: -.5em;
}

.recruitP__member:nth-of-type(1n) .recruitP__member__message span {
 background-color: #0060b0;
}

.recruitP__member:nth-of-type(2n) .recruitP__member__message span {
 background-color: #07ab54;
}

.recruitP__member:nth-of-type(3n) .recruitP__member__message span {
 background-color: #f39800;
}

@media screen and (min-width: 801px) {
 .recruitP__member__image > div {
  width: 15.625vw;
 }
 .recruitP__member__position {
  display: inline-block;
  font-size: 1.125vw;
 }
 .recruitP__member__content {
  padding: 1.25vw 1.25vw 2.1875vw 1.25vw;
 }
 .recruitP__member__name {
  font-size: 1.5vw;
 }
 .recruitP__member__name span {
  font-size: 0.9375vw;
 }
 .recruitP__member__en {
  font-size: 2.25vw;
 }
 .recruitP__member__data {
  font-size: 0.9375vw;
 }
 .recruitP__member__message {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__member__image > div {
  width: 250px;
 }
 .recruitP__member__position {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .recruitP__member__content {
  padding: 20px 20px 35px 20px;
 }
 .recruitP__member__name {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .recruitP__member__name span {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .recruitP__member__en {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .recruitP__member__data {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .recruitP__member__message {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/* ----------------- swiper.js - */
.recruitP__swiper-container {
 margin: 0 auto;
 width: 100%;
 overflow: hidden;
}

/* 矢印ボタン */
.recruitP__slide__btn__prev,
.recruitP__slide__btn__next {
 position: absolute;
 top: 50%;
 display: inline-block;
 background-color: rgba(0, 0, 0, 0.2);
 width: 6.4vw;
 height: 19.06667vw;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 1;
 transition: .3s;
}

.recruitP__slide__btn__prev {
 left: -6.66667vw;
}

.recruitP__slide__btn__next {
 right: -6.66667vw;
}

.recruitP__slide__btn__prev:hover,
.recruitP__slide__btn__next:hover {
 opacity: 0.7;
}

.recruitP__slide__btn__prev:after,
.recruitP__slide__btn__next:after {
 position: absolute;
 top: 50%;
 left: 50%;
 color: #fff;
 font-size: 2.93333vw;
 font-weight: 700;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.recruitP__slide__btn__prev:after {
 content: '◀︎';
}

.recruitP__slide__btn__next::after {
 content: '▶︎';
}

@media screen and (min-width: 801px) {
 .recruitP__slide__btn__prev,
 .recruitP__slide__btn__next {
  width: 3vw;
  height: 6.4375vw;
 }
 .recruitP__slide__btn__prev {
  left: -3.625vw;
 }
 .recruitP__slide__btn__next {
  right: -3.625vw;
 }
 .recruitP__slide__btn__prev:after,
 .recruitP__slide__btn__next:after {
  font-size: 1.3125vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__slide__btn__prev,
 .recruitP__slide__btn__next {
  width: 48px;
  height: 103px;
 }
 .recruitP__slide__btn__prev {
  left: -58px;
 }
 .recruitP__slide__btn__next {
  right: -58px;
 }
 .recruitP__slide__btn__prev:after,
 .recruitP__slide__btn__next:after {
  font-size: 21px;
  font-size: 2.1rem;
 }
}

.recruitP__slide__pagination {
 position: absolute;
 left: 50%;
 bottom: -5.33333vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
 bottom: -1em;
}

.recruitP__pagination .swiper-pagination-bullets {
 border-radius: 50%;
 margin-right: 1em;
 width: .3em;
 height: .3em;
 background-color: #cccccc;
}

.recruitP__pagination-bullet:last-of-type {
 margin-right: 0;
}

.recruitP__pagination-bullet .swiper-pagination-bullet-active {
 background-color: #0060b0;
}

@media screen and (min-width: 801px) {
 .recruitP__pagination {
  bottom: -2.5vw;
 }
 .recruitP__pagination .swiper-pagination-bullet {
  width: .6em;
  height: .6em;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__pagination .slide__pagination {
  bottom: -40px;
 }
}

/* ---------------------------------- 求める人物像 */
.sec__recruit--personality {
 padding: 12vw 0 0 0;
}

@media screen and (min-width: 801px) {
 .sec__recruit--personality {
  padding: 2.8125vw 0 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--personality {
  padding: 45px 0 0 0;
 }
}

.recruitP__personality__intro {
 position: relative;
 margin: 0 auto 14.66667vw auto;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 93.33333vw;
 height: 40vw;
}

.recruitP__personality__intro:before,
.recruitP__personality__intro:after {
 content: '';
 position: absolute;
 display: inline-block;
 width: 13.33333vw;
 height: 13.33333vw;
}

.recruitP__personality__intro:before {
 top: 0;
 left: 0;
 border-left: 0.8vw solid #0060b0;
 border-top: 0.8vw solid #0060b0;
}

.recruitP__personality__intro:after {
 bottom: 0;
 right: 0;
 border-right: 0.8vw solid #0060b0;
 border-bottom: 0.8vw solid #0060b0;
}

@media screen and (min-width: 801px) {
 .recruitP__personality__intro {
  margin: 0 auto 3.4375vw auto;
  width: 50vw;
  height: 6.25vw;
 }
 .recruitP__personality__intro:before,
 .recruitP__personality__intro:after {
  width: 3.125vw;
  height: 3.125vw;
 }
 .recruitP__personality__intro:before {
  border-left: 0.1875vw solid #0060b0;
  border-top: 0.1875vw solid #0060b0;
 }
 .recruitP__personality__intro:after {
  border-right: 0.1875vw solid #0060b0;
  border-bottom: 0.1875vw solid #0060b0;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__personality__intro {
  margin: 0 auto 55px auto;
  width: 800px;
  height: 100px;
 }
 .recruitP__personality__intro:before,
 .recruitP__personality__intro:after {
  width: 50px;
  height: 50px;
 }
 .recruitP__personality__intro:before {
  border-left: 3px solid #0060b0;
  border-top: 3px solid #0060b0;
 }
 .recruitP__personality__intro:after {
  border-right: 3px solid #0060b0;
  border-bottom: 3px solid #0060b0;
 }
}

.recruitP__personality__intro p {
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
}

.recruitP__personality {
 margin: 0 auto 10.66667vw auto;
 width: 80vw;
}

.recruitP__personality__content {
 position: relative;
 padding-top: 1.5em;
}

.recruitP__personality__circle {
 position: absolute;
 top: -10.66667vw;
 left: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 21.33333vw;
 height: 21.33333vw;
 background-color: #fff;
 border-radius: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.recruitP__personality__num {
 position: relative;
 display: inline-block;
 top: -.5em;
 font-family: "Montserrat", sans-serif;
 font-size: 6.13333vw;
 font-weight: 700;
 line-height: 1em;
}

.recruitP__personality__heading {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: .5em;
 min-height: calc(1.6em * 2);
 font-family: "Montserrat", sans-serif;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
 z-index: 2;
}

.recruitP__personality__content P {
 position: relative;
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
 z-index: 2;
}

.recruitP__personality__container > div:nth-child(1) .recruitP__personality__num,
.recruitP__personality__container > div:nth-child(1) .recruitP__personality__heading {
 color: #0060b0;
}

.recruitP__personality__container > div:nth-child(2) .recruitP__personality__num,
.recruitP__personality__container > div:nth-child(2) .recruitP__personality__heading {
 color: #f39800;
}

.recruitP__personality__container > div:nth-child(3) .recruitP__personality__num,
.recruitP__personality__container > div:nth-child(3) .recruitP__personality__heading {
 color: #07ab54;
}

.recruitP__personality__container > div:nth-child(4) .recruitP__personality__num,
.recruitP__personality__container > div:nth-child(4) .recruitP__personality__heading {
 color: #d02c00;
}

.recruitP__personality__container > div:nth-child(5) .recruitP__personality__num,
.recruitP__personality__container > div:nth-child(5) .recruitP__personality__heading {
 color: #398bcf;
}

.recruitP__personality__container > div:nth-child(6) .recruitP__personality__num,
.recruitP__personality__container > div:nth-child(6) .recruitP__personality__heading {
 color: #4b49a0;
}

@media screen and (min-width: 801px) {
 .recruitP__personality__container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.875vw;
 }
 .recruitP__personality {
  margin: 0 0 2.5vw 1.875vw;
  width: calc(33.33333% - 1.875vw);
 }
 .recruitP__personality__circle {
  top: -3.125vw;
  width: 6.25vw;
  height: 6.25vw;
 }
 .recruitP__personality__num {
  font-size: 2.25vw;
 }
 .recruitP__personality__heading {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__personality__container {
  margin-left: -30px;
 }
 .recruitP__personality {
  margin: 0 0 40px 30px;
  width: calc(33.33333% - 30px);
 }
 .recruitP__personality__circle {
  top: -50px;
  width: 100px;
  height: 100px;
 }
 .recruitP__personality__num {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .recruitP__personality__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/* ---------------------------------- 募集要項 */
.sec__recruit--guideline {
 padding: 12vw 0 13.33333vw 0;
}

@media screen and (min-width: 801px) {
 .sec__recruit--guideline {
  padding: 2.8125vw 0 6.25vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--guideline {
  padding: 45px 0 100px 0;
 }
}

.recruitP__guideline {
 margin: 3.75vw auto 0 auto;
 width: 100%;
}

.recruitP__guideline__image {
 position: relative;
 margin: 0 auto 16vw auto;
 width: 80vw;
}

.recruitP__guideline__content {
 margin: 0 auto;
 width: 86.66667vw;
}

.recruitP__guideline__image__inner {
 position: relative;
}

.recruitP__guideline__image__inner:after {
 content: '';
 position: absolute;
 top: 1em;
 left: 1em;
 width: 100%;
 height: 100%;
 background-color: #e5eff7;
 z-index: -1;
}

.recruitP__guideline__en {
 position: absolute;
 bottom: -.5em;
 right: -.5em;
 color: rgba(0, 96, 176, 0.3);
 font-family: "AntroVectra", sans-serif;
 font-size: 14.66667vw;
 letter-spacing: 0;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

@media screen and (min-width: 801px) {
 .recruitP__guideline {
  display: flex;
  justify-content: space-between;
  margin-top: 0.625vw;
  width: 100vw;
 }
 .recruitP__guideline__image {
  margin: 0;
  width: 40vw;
 }
 .recruitP__guideline__image__inner {
  width: 37.5vw;
 }
 .recruitP__guideline__image__inner:after {
  top: 2.5vw;
  left: 2.8125vw;
 }
 .recruitP__guideline__content {
  margin: 0;
  padding-right: 6.25vw;
  width: 54.375vw;
 }
 .recruitP__guideline__en {
  font-size: 6.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__guideline {
  margin-top: 10px;
  width: 1600px;
 }
 .recruitP__guideline__image {
  width: 640px;
 }
 .recruitP__guideline__image__inner {
  width: 600px;
 }
 .recruitP__guideline__image__inner:after {
  top: 40px;
  left: 45px;
 }
 .recruitP__guideline__content {
  padding-right: 100px;
  width: 870px;
 }
 .recruitP__guideline__en {
  font-size: 110px;
  font-size: 11.0rem;
 }
}

.recruitP__guideline__data {
 display: flex;
 flex-wrap: wrap;
 margin-top: 3.33333vw;
}

.recruitP__guideline__data dt {
 display: block;
 margin-bottom: 1em;
 width: 100%;
 color: #0060b0;
 font-weight: 700;
 letter-spacing: .15em;
}

.recruitP__guideline__data dd {
 display: block;
 margin-bottom: 1.5em;
 width: 100%;
 line-height: 1.8em;
 letter-spacing: .15em;
}

@media screen and (min-width: 801px) {
 .recruitP__guideline__data {
  margin-top: 1.5625vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__guideline__data {
  margin-top: 25px;
 }
}

/* ---------------------------------- こだわりの福利厚生 */
.sec__recruit--benefits {
 position: relative;
 padding: 5.33333vw 0 10.66667vw 0;
 background-image: url(../img/recruit/benefits_bg_sp.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__recruit--benefits {
  padding: 3.4375vw 0 6.25vw 0;
  background-image: url(../img/recruit/benefits_bg.jpg);
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--benefits {
  padding: 55px 0 100px 0;
 }
}

.recruitP__benefits__box {
 padding: 10.66667vw 0 0 0;
 background-color: #fff;
}

.recruitP__benefits__container {
 margin-top: 8vw;
}

.recruitP__benefits {
 margin: 0 auto 8vw auto;
 width: 80vw;
}

.recruitP__benefits__image {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto 1em auto;
 width: 29.06667vw;
 height: 24vw;
}

.recruitP__benefits__content {
 padding: 0 5.33333vw 8vw 5.33333vw;
}

.recruitP__benefits__heading {
 margin-bottom: .5em;
 color: #0060b0;
 font-size: 1.6em;
 font-weight: 700;
 text-align: center;
}

.recruitP__benefits__content p {
 position: relative;
 font-weight: 700;
 line-height: 1.8em;
 z-index: 2;
}

.recruitP__benefits__content p strong {
 position: relative;
}

.recruitP__benefits__content p strong:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 60%;
 background: -webkit-repeating-linear-gradient(-45deg, #f5d448, #f5d448 5px, #fdf6da 5px, #fdf6da 12px);
 background: repeating-linear-gradient(-45deg, #f5d448, #f5d448 5px, #fdf6da 5px, #fdf6da 12px);
 z-index: -1;
}

@media screen and (max-width: 800px) {
 .recruitP__benefits {
  border-bottom: 1px solid #0060b0;
 }
 .recruitP__benefits__container > div:nth-child(6) {
  border-bottom: none;
 }
}

@media screen and (min-width: 801px) {
 .recruitP__benefits__box {
  padding: 3.75vw 0 0 0;
 }
 .recruitP__benefits__container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.5vw;
 }
 .recruitP__benefits {
  margin: 0 0 2.5vw 0;
  width: 33.33333%;
  border-right: 1px solid #0060b0;
 }
 .recruitP__benefits__container > div:nth-child(3),
 .recruitP__benefits__container > div:nth-child(6) {
  border-right: none;
 }
 .recruitP__benefits__image {
  width: 6.8125vw;
  height: 5.625vw;
 }
 .recruitP__benefits__content {
  padding: 0 2.5vw 1.5em 2.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__benefits__box {
  padding: 60px 0 0 0;
 }
 .recruitP__benefits__container {
  margin-top: 40px;
 }
 .recruitP__benefits {
  margin: 0 0 40px 0;
 }
 .recruitP__benefits__image {
  width: 109px;
  height: 90px;
 }
 .recruitP__benefits__content {
  padding: 0 40px 1.5em 40px;
 }
}

/* ---------------------------------- 採用フロー */
.sec__recruit--flow {
 position: relative;
 padding: 10.66667vw 0 5.33333vw 0;
}

.sec__recruit--flow:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 460vw;
 background-color: #0060b0;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 #recruit-flow .recruitP__sec__en {
  letter-spacing: .15em;
 }
 .sec__recruit--flow {
  padding: 5vw 0 4.0625vw 0;
 }
 .sec__recruit--flow:after {
  height: 15vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--flow {
  padding: 80px 0 65px 0;
 }
 .sec__recruit--flow:after {
  height: 240px;
 }
}

.recruitP__flow__container {
 margin-top: 4.375vw;
}

.recruitP__flow {
 position: relative;
 margin: 0 auto 16vw auto;
 width: 72.53333vw;
 height: 82.66667vw;
 border-width: 0.66667vw;
 background: #fff;
 border-style: solid;
}

.recruitP__flow__container > div:nth-child(1) {
 border-color: #0060b0;
}

.recruitP__flow__container > div:nth-child(2) {
 border-color: #3c81b7;
}

.recruitP__flow__container > div:nth-child(3) {
 border-color: #3a97b6;
}

.recruitP__flow__container > div:nth-child(4) {
 border-color: #38b5a5;
}

.recruitP__flow:before {
 position: absolute;
 top: 0;
 left: 0;
 content: '';
 display: inline-block;
 width: 100%;
 height: 26.66667vw;
 background-size: 100%;
 background-repeat: no-repeat;
}

.recruitP__flow__container > div:nth-child(1)::before {
 background-image: url(../img/recruit/flow_circle01.png);
}

.recruitP__flow__container > div:nth-child(2)::before {
 background-image: url(../img/recruit/flow_circle02.png);
}

.recruitP__flow__container > div:nth-child(3)::before {
 background-image: url(../img/recruit/flow_circle03.png);
}

.recruitP__flow__container > div:nth-child(4)::before {
 background-image: url(../img/recruit/flow_circle04.png);
}

.recruitP__flow:after {
 position: absolute;
 content: '';
 display: inline-block;
 background-image: url(../img/recruit/flow_arrow_sp.png);
 background-size: contain;
 background-repeat: no-repeat;
 z-index: 2;
}

@media screen and (max-width: 800px) {
 .recruitP__flow:after {
  bottom: -10.66667vw;
  left: 50%;
  width: 9.46667vw;
  height: 5.46667vw;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 }
}

.recruitP__flow__container > div:last-child {
 background-image: -moz-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -webkit-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -ms-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 border: 0;
}

.recruitP__flow__container > div:last-child:before,
.recruitP__flow__container > div:last-child:after {
 content: none;
}

@media screen and (min-width: 801px) {
 .recruitP__flow__container {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5625vw;
 }
 .recruitP__flow {
  margin: 0;
  width: 17vw;
  height: 21.5625vw;
  border-width: 0.3125vw;
 }
 .recruitP__flow__image {
  width: 7.25vw;
 }
 .recruitP__flow:before {
  height: 5.625vw;
 }
 .recruitP__flow:after {
  top: 50%;
  right: -1.875vw;
  width: 2.3125vw;
  height: 4.3125vw;
  background-image: url(../img/recruit/flow_arrow.png);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__flow__container {
  margin-top: 25px;
 }
 .recruitP__flow {
  width: 272px;
  height: 345px;
  border-width: 5px;
 }
 .recruitP__flow__image {
  width: 116px;
 }
 .recruitP__flow:before {
  height: 90px;
 }
 .recruitP__flow:after {
  right: -30px;
  width: 37px;
  height: 69px;
 }
}

.recruitP__flow__num {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 21.33333vw;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 3.73333vw;
 font-weight: 700;
 z-index: 2;
}

.recruitP__flow__num span {
 margin-left: .2em;
 font-size: 5.86667vw;
}

.recruitP__flow__image {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 width: 30.93333vw;
 height: 37.33333vw;
}

.recruitP__flow__head {
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
}

.recruitP__flow__text {
 margin-top: .7em;
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
}

.recruitP__flow__en {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 top: .5em;
 height: 21.33333vw;
 color: #fff;
 font-family: "AntroVectra", sans-serif;
 font-size: 6.13333vw;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.recruitP__flow__container > div:nth-child(1) .recruitP__flow__head {
 color: #0060b0;
}

.recruitP__flow__container > div:nth-child(2) .recruitP__flow__head,
.recruitP__flow__container > div:nth-child(2) .recruitP__flow__text {
 color: #3c81b7;
}

.recruitP__flow__container > div:nth-child(3) .recruitP__flow__head,
.recruitP__flow__container > div:nth-child(3) .recruitP__flow__text {
 color: #3a97b6;
}

.recruitP__flow__container > div:nth-child(4) .recruitP__flow__head,
.recruitP__flow__container > div:nth-child(4) .recruitP__flow__text {
 color: #38b5a5;
}

.recruitP__flow__container > div:nth-child(5) .recruitP__flow__head {
 color: #fff;
}

@media screen and (min-width: 801px) {
 .recruitP__flow__num {
  height: 5vw;
  font-size: 1.125vw;
 }
 .recruitP__flow__num span {
  font-size: 1.5vw;
 }
 .recruitP__flow__image {
  width: 7.25vw;
  height: 8.75vw;
 }
 .recruitP__flow__head {
  font-size: 1.5vw;
 }
 .recruitP__flow__text {
  font-size: 1.125vw;
 }
 .recruitP__flow__en {
  height: 5vw;
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__flow__num {
  height: 80px;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .recruitP__flow__num span {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .recruitP__flow__image {
  width: 116px;
  height: 140px;
 }
 .recruitP__flow__head {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .recruitP__flow__text {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .recruitP__flow__en {
  height: 80px;
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/* ---------------------------------- 応募方法 */
.sec__recruit--entry {
 position: relative;
 padding: 2.66667vw 0 10.66667vw 0;
}

.sec__recruit--entry:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 460vw;
 background-color: #eef2f8;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 #recruit-entry .recruitP__sec__en {
  letter-spacing: .15em;
 }
 .sec__recruit--entry {
  padding: 5vw 0 4.0625vw 0;
 }
 .sec__recruit--entry:after {
  height: 17.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__recruit--entry {
  padding: 80px 0 65px 0;
 }
 .sec__recruit--entry:after {
  height: 280px;
 }
}

.recruitP__entry {
 display: block;
 margin: 6.66667vw auto 0 auto;
 width: 100%;
 border-radius: 1.2em;
 background-color: white;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.hover__container a.recruitP__entry:hover {
 opacity: 0.7;
}

.recruitP__entry__image .img__scale {
 border-radius: 1.2em 1.2em 0 0;
}

.recruitP__entry__content {
 padding: 3.33333vw 3.33333vw 6.66667vw 3.33333vw;
 border-radius: 0 0 1.2em 1.2em;
}

.recruitP__entry__heading {
 margin-bottom: 1em;
 color: #a9b2c8;
 font-size: 1.2em;
 font-weight: 700;
}

.recruitP__entry__content p {
 font-weight: 700;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .recruitP__entry {
  margin: 1.5625vw auto 0 auto;
  width: 37.5vw;
 }
 .recruitP__entry__content {
  padding: 1.5625vw 1.5625vw 3.125vw 1.5625vw;
 }
}

@media screen and (min-width: 1601px) {
 .recruitP__entry {
  margin: 25px auto 0 auto;
  width: 600px;
 }
 .recruitP__entry__content {
  padding: 25px 25px 50px 25px;
 }
}

/*  トップページ --> 会社概要
------------------------------------------------------------------------------*/
.sec__company {
 padding: 18vw 0;
 background-image: url(../img/front/company/bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__company {
  padding: 7.8125vw 0;
  background-image: url(../img/front/company/bg.jpg);
  background-size: cover;
  background-position: center;
 }
}

@media screen and (min-width: 1601px) {
 .sec__company {
  padding: 125px 0;
 }
}

.companyF__container {
 background-color: rgba(255, 255, 255, 0.9);
}

.companyF__content {
 padding: 13.33333vw 3.33333vw 13.33333vw 3.33333vw;
}

.companyF__image {
 align-self: stretch;
 width: 100%;
 height: 66.66667vw;
 background-image: url(../img/front/company/image-2x.jpg);
 background-size: cover;
}

@media screen and (min-width: 801px) {
 .companyF__container {
  display: flex;
  align-items: center;
 }
 .companyF__image {
  width: 36.25vw;
  height: auto;
 }
 .companyF__content {
  padding: 2.8125vw 1.875vw 3.125vw 3.125vw;
  width: calc(100% - 36.25vw);
 }
}

@media screen and (min-width: 1080px) {
 .companyF__image {
  width: 46.875vw;
 }
 .companyF__content {
  padding: 5vw 3.125vw 5vw 3.125vw;
  width: calc(100% - 46.875vw);
 }
}

@media screen and (min-width: 1601px) {
 .companyF__content {
  padding: 45px 6.25vw 50px 3.125vw;
  width: calc(100% - 46.875vw);
 }
}

.companyF__heading {
 font-size: 4.53333vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .companyF__heading {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .companyF__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

.companyF__info dt {
 margin-bottom: 2.66667vw;
 width: 100%;
 font-size: 3.33333vw;
}

.companyF__info dt span {
 display: block;
 padding: .5em 0;
 background-color: #333;
 color: #fff;
 font-weight: 700;
 text-align: center;
}

.companyF__info dd {
 position: relative;
 padding: 0 0 1.5em 1em;
 width: 100%;
 font-size: 3.33333vw;
 line-height: 1.6em;
}

.companyF__info__inner {
 display: block;
}

.companyF__info__map {
 margin-top: .5em;
 text-align: right;
}

@media screen and (min-width: 801px) {
 .companyF__info {
  display: flex;
  flex-wrap: wrap;
 }
 .companyF__info__inner {
  display: flex;
  align-items: flex-end;
 }
 .companyF__info__map {
  margin-top: 0;
  text-align: left;
 }
 .companyF__info dt {
  margin-bottom: 0;
  width: 7.5vw;
  font-size: 0.9375vw;
 }
 .companyF__info dd {
  width: calc(100% - 7.5vw);
  font-size: 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .companyF__info dt {
  width: 120px;
  font-size: 15px;
  font-size: 1.5rem;
 }
 .companyF__info dd {
  width: calc(100% - 120px);
  font-size: 15px;
  font-size: 1.5rem;
 }
}

@media screen and (max-width: 801px) {
 .companyF__btn {
  text-align: center;
 }
}

/*  下層ページ --> 会社概要
------------------------------------------------------------------------------*/
.companyP__box {
 margin: 0 auto;
 padding: 11.33333vw 0 8vw 0;
 width: 100%;
 background-color: #fff;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.companyP__box__inner {
 margin: 0 auto;
 width: 85.33333vw;
}

@media screen and (min-width: 801px) {
 .companyP__box {
  padding: 4.0625vw 0 5vw 0;
 }
 .companyP__box__inner {
  width: 62.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .companyP__box {
  padding: 65px 0 80px 0;
 }
 .companyP__box__inner {
  width: 1000px;
 }
}

/* ---------------------------------- 会社概要 */
.sec__company--overview {
 padding: 18vw 0;
 background-image: url(../img/company/overview_bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__company--overview {
  padding: 5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__company--overview {
  padding: 80px 0;
 }
}

.companyP__overview {
 width: calc(62.5vw + 2em);
 margin-left: -1em;
 border-collapse: separate;
 border-spacing: 1em 2em;
}

.companyP__overview tr {
 padding: 1em 0;
}

.companyP__overview th {
 position: relative;
 padding: 1.5em 2em;
 width: 10vw;
 background-color: #0060b0;
 color: #fff;
 font-weight: 700;
 line-height: 1.8em;
 letter-spacing: .15em;
 vertical-align: middle;
}

.companyP__overview th:before {
 content: '';
 position: absolute;
 top: -1em;
 left: 0;
 width: calc(62.5vw + 2em);
 height: 1px;
 background-color: #ccc;
}

.companyP__overview tr:last-of-type th:after {
 content: '';
 position: absolute;
 bottom: -1em;
 left: 0;
 width: calc(62.5vw + 2em);
 height: 1px;
 background-color: #ccc;
}

.companyP__overview td {
 padding: 1.5em 2em;
 width: calc(100% - 10vw);
 border-left: 1px solid #ccc;
 font-weight: 500;
 line-height: 1.8em;
 letter-spacing: .15em;
 vertical-align: middle;
}

@media screen and (min-width: 1601px) {
 .companyP__overview {
  width: calc(1000px + 2em);
 }
 .companyP__overview th {
  width: 160px;
 }
 .companyP__overview th:before {
  width: calc(1000px + 2em);
 }
 .companyP__overview tr:last-of-type th:after {
  width: calc(1000px + 2em);
 }
 .companyP__overview td {
  width: calc(100% - 160px);
 }
}

@media screen and (max-width: 800px) {
 .companyP__overview {
  width: 100%;
  margin-left: 0;
  border-collapse: collapse;
 }
 .companyP__overview th {
  display: block;
  padding: .7em 2em;
  width: 100%;
 }
 .companyP__overview th:before {
  top: -1em;
  width: 100%;
 }
 .companyP__overview tr:last-of-type th:after {
  content: none;
 }
 .companyP__overview td {
  display: block;
  padding: 1em 1em 3em 1em;
  width: 100%;
  border-left: none;
 }
}

/* ---------------------------------- 沿革 */
.sec__company--history {
 padding: 18vw 0;
 background-image: url(../img/company/history_bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__company--history {
  padding: 5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__company--history {
  padding: 80px 0;
 }
}

.companyP__history {
 margin: 0 auto;
 padding-left: 4.66667vw;
 width: 100%;
}

.companyP__history li {
 position: relative;
 padding: 1em .5em 1em 0;
 line-height: 1.8em;
 letter-spacing: .15em;
}

.companyP__history li:before {
 position: absolute;
 top: 1.5em;
 left: -4.66667vw;
 content: '●';
 color: #07ab54;
}

.companyP__history li:after {
 position: absolute;
 top: 3.5em;
 left: -3.06667vw;
 content: '';
 width: 1px;
 height: calc(100% - 4em);
 min-height: 2em;
 background-color: #07ab54;
}

.companyP__history li:nth-child(even) {
 background-color: #f2fbf6;
}

.companyP__history__date {
 padding: 0 1em;
 width: 100%;
 color: #07ab54;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
 letter-spacing: .15em;
}

.companyP__history__inner {
 display: flex;
 padding: .5em 0 0 1em;
 width: 100%;
}

.companyP__history li > .companyP__history__content {
 padding: .5em 0 0 1em;
 width: 100%;
}

.companyP__history__inner .companyP__history__content {
 padding: 0 0 0 1em;
}

.companyP__history--300 .companyP__history__image {
 width: 28vw;
}

.companyP__history--300 .companyP__history__content {
 width: calc(100% - 28vw);
}

.companyP__history--200 .companyP__history__image {
 width: 24vw;
}

.companyP__history--200 .companyP__history__content {
 width: calc(100% - 24vw);
}

.companyP__history--150 .companyP__history__image {
 width: 20vw;
}

.companyP__history--150 .companyP__history__content {
 width: calc(100% - 20vw);
}

@media screen and (min-width: 801px) {
 .companyP__history {
  padding-left: 1.5625vw;
  width: 56.25vw;
 }
 .companyP__history li {
  display: flex;
  padding: 1.5em 2em 1.5em 0;
 }
 .companyP__history li:before {
  top: 1.5em;
  left: -1.5625vw;
 }
 .companyP__history li:after {
  left: -1.125vw;
 }
 .companyP__history__date {
  width: 9.0625vw;
 }
 .companyP__history__inner {
  padding: 0;
  width: calc(100% - 9.0625vw);
 }
 .companyP__history li > .companyP__history__content {
  padding: 1.5em 0 0 0;
  width: calc(100% - 9.0625vw);
 }
 .companyP__history--300 .companyP__history__image {
  width: 18.75vw;
 }
 .companyP__history--300 .companyP__history__content {
  width: calc(100% - 18.75vw);
 }
 .companyP__history--200 .companyP__history__image {
  width: 12.5vw;
 }
 .companyP__history--200 .companyP__history__content {
  width: calc(100% - 12.5vw);
 }
 .companyP__history--150 .companyP__history__image {
  width: 9.375vw;
 }
 .companyP__history--150 .companyP__history__content {
  width: calc(100% - 150px);
 }
}

@media screen and (min-width: 1601px) {
 .companyP__history {
  padding-left: 25px;
  width: 900px;
 }
 .companyP__history li:before {
  left: -25px;
 }
 .companyP__history li:after {
  left: -18px;
 }
 .companyP__history__date {
  width: 145px;
 }
 .companyP__history__inner {
  width: calc(100% - 145px);
 }
 .companyP__history li > .companyP__history__content {
  width: calc(100% - 145px);
 }
 .companyP__history--300 .companyP__history__image {
  width: 300px;
 }
 .companyP__history--300 .companyP__history__content {
  width: calc(100% - 300px);
 }
 .companyP__history--200 .companyP__history__image {
  width: 200px;
 }
 .companyP__history--200 .companyP__history__content {
  width: calc(100% - 200px);
 }
 .companyP__history--150 .companyP__history__image {
  width: 150px;
 }
 .companyP__history--150 .companyP__history__content {
  width: calc(100% - 150px);
 }
}

/*  下層ページ --> セミナーページ
------------------------------------------------------------------------------*/
/* ---------------------------------- 共通 */
.seminarP__scroll {
 margin-bottom: 1em;
 width: 100%;
 white-space: nowrap;
 overflow-x: auto;
}

@media screen and (max-width: 800px) {
 .seminarP__scroll--sp {
  margin-bottom: 1em;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow-x: auto;
 }
}

.seminarP__scroll::-webkit-scrollbar,
.seminarP__scroll--sp::-webkit-scrollbar {
 width: 10px;
 height: 10px;
}

.seminarP__scroll::-webkit-scrollbar-track,
.seminarP__scroll--sp::-webkit-scrollbar-track {
 border-radius: .5em;
 box-shadow: 0 0 4px #aaa inset;
}

.seminarP__scroll::-webkit-scrollbar-thumb,
.seminarP__scroll--sp::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #72a4d0;
}

.seminarP__tabs {
 position: relative;
 display: inline-block;
 white-space: nowrap;
 z-index: 2;
}

.seminarP__tabs li {
 position: relative;
 display: inline-block;
 margin-right: 2.66667vw;
 width: 34.66667vw;
 background-color: #f2f7fb;
 color: #80aed6;
 border-radius: .8em;
 font-size: 3.46667vw;
 font-weight: 700;
 text-align: center;
 line-height: 12vw;
 transition: .2s;
 z-index: 2;
}

.seminarP__tabs__curric li:first-child {
 width: 42.66667vw;
}

.seminarP__tabs li.is-active span {
 position: relative;
 display: block;
 border-radius: .8em;
 background-color: #0060b0;
 color: #fff;
 z-index: 2;
}

.seminarP__tabs li.is-active {
 position: relative;
 background-color: #0060b0;
 color: #fff;
 z-index: 2;
}

.seminarP__tabs li.is-active:before {
 content: '';
 position: absolute;
 top: .3em;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #72a4d0;
 border-radius: .8em;
 z-index: -1;
}

.seminarP__tabs li.is-active:after {
 content: '';
 position: absolute;
 top: 100%;
 left: 50%;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 2.4vw 2vw 0 2vw;
 border-color: #0060b0 transparent transparent transparent;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 2;
}

.seminarP__tabs li.is-active span:after {
 content: '';
 position: absolute;
 top: calc(100% + .3em);
 left: 50%;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 2.4vw 2vw 0 2vw;
 border-color: #72a4d0 transparent transparent transparent;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: -1;
}

.seminarP__tabs li:last-child {
 margin-right: 0;
}

.seminarP__tab__content {
 display: none;
}

.seminarP__tab__content.is-active {
 display: block;
}

@media screen and (min-width: 801px) {
 .seminarP__tabs li {
  margin-right: 1.875vw;
  width: 16.25vw;
  font-size: 1.5vw;
  line-height: 5.625vw;
 }
 .seminarP__tabs__curric li:first-child {
  width: 19.375vw;
 }
 .seminarP__tabs li.is-active:after {
  border-width: 1.125vw 0.9375vw 0 0.9375vw;
 }
 .seminarP__tabs li.is-active span:after {
  border-width: 1.125vw 0.9375vw 0 0.9375vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__tabs li {
  margin-right: 30px;
  width: 260px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 90px;
 }
 .seminarP__tabs__curric li:first-child {
  width: 310px;
 }
 .seminarP__tabs li.is-active:after {
  border-width: 18px 15px 0 15px;
 }
 .seminarP__tabs li.is-active span:after {
  border-width: 18px 15px 0 15px;
 }
}

/* ---------------------------------- メインビジュアル */
.seminarP__hero {
 position: relative;
 height: 50vw;
 z-index: 1;
}

.seminarP__hero:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-image: url(../img/seminar/grid.png);
 background-repeat: repeat;
 z-index: 1;
}

.seminarP__hero__video {
 position: relative;
 width: 100%;
 height: 100%;
 overflow: hidden;
 z-index: -1;
}

.seminarP__hero__video video {
 position: absolute;
 top: 0;
 left: 0;
 min-width: 100%;
 min-height: 100%;
 z-index: 1;
 background-image: url(../img/seminar/poster.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 background-color: #000;
}

@media screen and (min-width: 1601px) {
 .seminarP__hero {
  height: 800px;
 }
 .seminarP__hero__video video {
  width: 100%;
 }
}

@media all and (-ms-high-contrast: none) {
 .seminarP__hero,
 .seminarP__hero__video {
  height: 800px;
 }
 .seminarP__hero__video video {
  width: 100%;
  height: auto;
  min-height: auto;
 }
}

@media screen and (max-width: 800px) {
 .seminarP__hero,
 .seminarP__hero__video {
  height: 173.33333vw;
 }
 .seminarP__hero__video video {
  margin: 0 auto;
  margin-left: -50%;
  width: auto;
  height: 100vh;
 }
}

.seminarP__hero__inner {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: 8.66667vw;
 width: 100%;
 text-align: center;
 white-space: nowrap;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 2;
}

.seminarP__catch__container {
 position: relative;
 margin: 0 auto;
 width: 93.33333vw;
}

.seminarP__catch__container:before,
.seminarP__catch__container:after {
 position: absolute;
 top: 50%;
 color: #fff;
 font-size: 10.66667vw;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.seminarP__catch__container:before {
 content: '[';
 left: 0;
}

.seminarP__catch__container:after {
 content: ']';
 right: 0;
}

.seminarP__catch {
 display: block;
 color: #fff;
 font-size: 5.06667vw;
 font-weight: 700;
 line-height: 1.4em;
 text-align: center;
}

.seminarP__catch strong {
 font-size: 6.66667vw;
}

.seminarP__catch__ggreen {
 display: inline-block;
 background: linear-gradient(to right, #4be6cf 25%, #d4f8ae 75%);
 color: transparent;
 -webkit-background-clip: text;
}

.seminarP__catch__gorange {
 display: inline-block;
 background: linear-gradient(to right, #f7cb6b 25%, #fba980 75%);
 color: transparent;
 -webkit-background-clip: text;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .seminarP__catch__ggreen {
  background: none;
  color: #4be6cf;
 }
 .seminarP__catch__gorange {
  background: none;
  color: #fba980;
 }
}

.seminarP__catch__yellow {
 color: #fffc9f;
}

.seminarP__title {
 position: relative;
 display: inline-block;
 margin-top: 4vw;
 padding: .1em .5em .1em .5em;
 color: #fff;
 font-size: 7.46667vw;
 font-weight: 700;
 line-height: 1.4em;
 z-index: 2;
}

.seminarP__title:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #005dad;
 transform: skewX(-20deg);
 z-index: -1;
}

.seminarP__hero__corp {
 margin: 4.66667vw auto 0 auto;
 width: 72vw;
}

.seminarP__hero__corp > div {
 position: relative;
 margin-bottom: 4vw;
 height: 26.66667vw;
 text-align: center;
 z-index: 3;
}

.seminarP__hero__corp > div:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index: -1;
}

.seminarP__hero__corp > div:after {
 content: '';
 position: absolute;
 top: .7em;
 left: .7em;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(180deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -webkit-linear-gradient(180deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 background-image: -ms-linear-gradient(180deg, #1b8dcc 0%, #57d2ff 100%, #6ad7ff 100%, #89c2e2 100%);
 z-index: -2;
}

.seminarP__hero__corp > div:nth-child(1) {
 width: 100%;
}

.seminarP__hero__corp > div:nth-child(2) {
 width: 100%;
}

.seminarP__hero__corp__image {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 17.33333vw;
}

.img__microsft {
 width: 23.6vw;
}

.img__jdla {
 width: 8.26667vw;
}

.seminarP__hero__corp__heading {
 position: relative;
 display: inline-block;
 font-size: 4.26667vw;
 font-weight: 700;
 text-align: center;
}

.seminarP__hero__corp__heading:after {
 content: '';
 position: absolute;
 bottom: -.2em;
 left: 0;
 width: 100%;
 height: 70%;
 background: -webkit-repeating-linear-gradient(-45deg, #fff713, #fff713 3px, #fffee1 3px, #fffee1 8px);
 background: repeating-linear-gradient(-45deg, #fff713, #fff713 3px, #fffee1 3px, #fffee1 8px);
 z-index: -1;
}

.seminarP__hero__btn {
 margin: 8vw auto 0 auto;
 width: 100%;
}

.seminarP__hero__btn > div {
 display: block;
 margin: 0 auto 2.66667vw auto;
 width: 82.66667vw;
}

.seminarP__hero__btn > div:last-of-type {
 margin-bottom: 0;
}

.btn--seminarP {
 border-radius: 3.5em;
 width: 100%;
 height: 13.33333vw !important;
 border: 0.66667vw solid #fff;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
 display: inline-flex;
 justify-content: center;
 align-items: center;
 border-radius: 2em;
 text-align: center;
 overflow: hidden;
 cursor: pointer;
}

.btn--seminarP a {
 color: #fff;
 font-size: 4.53333vw;
 height: 13.33333vw !important;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 3.73333vw;
 font-weight: 700;
 text-decoration: none;
 transition: all .5s ease;
 z-index: 2;
}

.btn--seminarP .btn--radius__effect {
 position: absolute;
 width: 100%;
 height: 13.33333vw !important;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.btn--seminarP:hover .btn--radius__effect {
 left: 0;
}

.btn--seminarP--orange {
 background-image: -moz-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 background-image: -webkit-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 background-image: -ms-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
}

.btn--seminarP--blue {
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

.btn--seminarP--orange:hover a {
 color: #ff9e00;
}

.btn--seminarP--blue:hover a {
 color: #4185ec;
}

.btn--seminarP--orange a:before {
 content: '';
 display: inline-block;
 margin-right: .5em;
 width: 3.6vw;
 height: 4.4vw;
 background-image: url(../img/seminar/download.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.btn--seminarP--orange:hover a:before {
 background-image: url(../img/seminar/download_orange.png);
}

.btn--seminarP--blue a:before {
 content: '';
 display: inline-block;
 margin-right: .5em;
 width: 3.86667vw;
 height: 4.4vw;
 background-image: url(../img/seminar/seminar.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.btn--seminarP--blue:hover a:before {
 background-image: url(../img/seminar/seminar_blue.png);
}

@media screen and (min-width: 801px) {
 .seminarP__hero__inner {
  margin-top: 3.125vw;
  width: auto;
 }
 .seminarP__catch__container {
  width: 50vw;
 }
 .seminarP__catch__container:before,
 .seminarP__catch__container:after {
  font-size: 5vw;
 }
 .seminarP__catch {
  font-size: 2.25vw;
 }
 .seminarP__catch strong {
  font-size: 3vw;
 }
 .seminarP__title {
  margin-top: 1.875vw;
  font-size: 3vw;
 }
 .seminarP__hero__corp {
  display: flex;
  justify-content: space-between;
  margin: 2.375vw auto 0 auto;
  width: 46.4375vw;
 }
 .seminarP__hero__corp > div {
  margin-bottom: 0;
  height: 11.25vw;
 }
 .seminarP__hero__corp > div:nth-child(1) {
  width: 26.0625vw;
 }
 .seminarP__hero__corp > div:nth-child(2) {
  width: 18.75vw;
 }
 .seminarP__hero__corp__image {
  height: 7.1875vw;
 }
 .img__microsft {
  width: 11.0625vw;
 }
 .img__jdla {
  width: 3.875vw;
 }
 .seminarP__hero__corp__heading {
  font-size: 1.5vw;
 }
 .seminarP__hero__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3.9375vw auto 0 auto;
  width: 51.875vw;
 }
 .seminarP__hero__btn > div {
  margin-bottom: 0;
  width: 25vw;
 }
 .btn--seminarP {
  height: 5vw !important;
  border: 0.1875vw solid #fff;
  font-size: 1.5vw;
 }
 .btn--seminarP a {
  font-size: 1.5vw;
  height: 5vw !important;
 }
 .btn--seminarP .btn--radius__effect {
  height: 5vw !important;
 }
 .btn--seminarP--orange a:before {
  width: 1.6875vw;
  height: 2.0625vw;
 }
 .btn--seminarP--blue a:before {
  width: 1.8125vw;
  height: 2.0625vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__hero__inner {
  margin-top: 50px;
 }
 .seminarP__catch__container {
  width: 800px;
 }
 .seminarP__catch__container:before,
 .seminarP__catch__container:after {
  font-size: 80px;
  font-size: 8.0rem;
 }
 .seminarP__catch {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__catch strong {
  font-size: 48px;
  font-size: 4.8rem;
 }
 .seminarP__title {
  margin-top: 30px;
  font-size: 48px;
  font-size: 4.8rem;
 }
 .seminarP__hero__corp {
  margin: 38px auto 0 auto;
  width: 743px;
 }
 .seminarP__hero__corp > div {
  height: 180px;
 }
 .seminarP__hero__corp > div:nth-child(1) {
  width: 417px;
 }
 .seminarP__hero__corp > div:nth-child(2) {
  width: 300px;
 }
 .seminarP__hero__corp__image {
  height: 115px;
 }
 .img__microsft {
  width: 177px;
 }
 .img__jdla {
  width: 62px;
 }
 .seminarP__hero__corp__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .seminarP__hero__btn {
  margin: 63px auto 0 auto;
  width: 830px;
 }
 .seminarP__hero__btn > div {
  width: 400px;
 }
 .btn--seminarP {
  height: 80px !important;
  border: 3px solid #fff;
  font-size: 24px;
  font-size: 2.4rem;
 }
 .btn--seminarP a {
  height: 80px  !important;
  font-size: 24px;
  font-size: 2.4rem;
 }
 .btn--seminarP .btn--radius__effect {
  height: 80px !important;
 }
 .btn--seminarP--orange a:before {
  width: 27px;
  height: 33px;
 }
 .btn--seminarP--blue a:before {
  width: 29px;
  height: 33px;
 }
}

/* ---------------------------------- こんな人にオススメ */
.sec__seminar--recom {
 position: relative;
 padding: 8.66667vw 0;
 background-image: url(../img/seminar/recom_bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__seminar--recom {
  padding: 4.0625vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--recom {
  padding: 65px 0;
 }
}

.seminarP__recom__head {
 position: relative;
 margin: 0 auto 20vw auto;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 14.26667vw;
 background-color: #005dad;
 border-radius: 1.2em;
}

.seminarP__recom__head:after {
 content: '';
 position: absolute;
 top: 100%;
 left: 50%;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 4vw 3.73333vw 0 3.73333vw;
 border-color: #005dad transparent transparent transparent;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.seminarP__recom__heading {
 position: relative;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

.seminarP__recom__heading:after {
 content: '';
 position: absolute;
 top: -.5em;
 left: -1.2em;
 display: inline-block;
 width: 4.66667vw;
 height: 5.73333vw;
 background-image: url(../img/seminar/mark.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.seminarP__recom__illust {
 position: absolute;
 right: 12vw;
 top: 50%;
 width: 10.4vw;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

@media screen and (min-width: 801px) {
 .seminarP__recom__head {
  margin: 0 auto 4.6875vw auto;
  width: 34.375vw;
  height: 4.8125vw;
 }
 .seminarP__recom__head:after {
  border-width: 1.875vw 1.75vw 0 1.75vw;
 }
 .seminarP__recom__heading {
  font-size: 1.5vw;
 }
 .seminarP__recom__heading:after {
  width: 1.5625vw;
  height: 1.875vw;
 }
 .seminarP__recom__illust {
  right: 5.625vw;
  width: 4.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__recom__head {
  margin: 0 auto 75px auto;
  width: 550px;
  height: 77px;
 }
 .seminarP__recom__head:after {
  border-width: 30px 28px 0 28px;
 }
 .seminarP__recom__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .seminarP__recom__heading:after {
  width: 25px;
  height: 30px;
 }
 .seminarP__recom__illust {
  right: 90px;
  width: 78px;
 }
}

.seminarP__recom__container {
 position: relative;
 margin: 0 auto;
 width: 82.66667vw;
 z-index: 2;
}

.seminarP__recom {
 position: relative;
 margin: 0 auto 16vw auto;
 width: 61.33333vw;
 height: 61.33333vw;
 z-index: 2;
}

.seminarP__recom:last-of-type {
 margin: 0 auto;
}

.seminarP__recom::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #e5eff7;
 border-radius: 50%;
 z-index: 1;
}

.seminarP__recom::after {
 content: '';
 position: absolute;
 top: .5em;
 left: .5em;
 width: 100%;
 height: 100%;
 background-color: #a5d3ec;
 border-radius: 50%;
 z-index: -1;
}

.seminarP__recom__num {
 position: absolute;
 top: -9.33333vw;
 left: 50%;
 margin-left: -3.46667vw;
 width: 26.13333vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 2;
}

.seminarP__recom__inner {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: 4vw;
 text-align: center;
 white-space: nowrap;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 2;
}

.seminarP__recom__catch {
 position: relative;
 text-align: center;
 z-index: 2;
}

.seminarP__recom__catch span {
 position: relative;
 display: inline-block;
 margin-bottom: .7em;
 color: #005dad;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
}

.seminarP__recom__catch span:after {
 content: '';
 position: absolute;
 bottom: -.2em;
 left: 0;
 width: 100%;
 height: 70%;
 background: -webkit-repeating-linear-gradient(-45deg, #fff714, #fff714 3px, #fffdbe 3px, #fffdbe 8px);
 background: repeating-linear-gradient(-45deg, #fff714, #fff714 3px, #fffdbe 3px, #fffdbe 8px);
 z-index: -1;
}

.seminarP__recom__title {
 display: inline-block;
 padding: .3em;
 background-color: #005dad;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
}

@media screen and (min-width: 801px) {
 .seminarP__recom__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 65vw;
 }
 .seminarP__recom {
  margin: 0 auto;
  width: 16.25vw;
  height: 16.25vw;
 }
 .seminarP__recom__num {
  top: -2.1875vw;
  margin-left: -0.8125vw;
  width: 6.125vw;
 }
 .seminarP__recom__inner {
  margin-top: 1.25vw;
 }
 .seminarP__recom__catch span {
  font-size: 1.5vw;
 }
 .seminarP__recom__title {
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__recom__container {
  width: 1040px;
 }
 .seminarP__recom {
  width: 260px;
  height: 260px;
 }
 .seminarP__recom__num {
  top: -35px;
  left: 50%;
  margin-left: -13px;
  width: 98px;
 }
 .seminarP__recom__inner {
  margin-top: 20px;
 }
 .seminarP__recom__catch span {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .seminarP__recom__title {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/* ---------------------------------- 本講義を学ぶべき3つの理由 */
.sec__seminar--reason3 {
 position: relative;
 padding: 16vw 0;
 background-image: url(../img/seminar/reason3_bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__seminar--reason3 {
  padding: 7.5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--reason3 {
  padding: 120px 0;
 }
}

.seminarP__reason3__container {
 margin: 33.33333vw 0 0 0;
 border-radius: 1.2em;
}

.seminarP__reason3 {
 position: relative;
 margin: 16vw auto 32vw auto;
 width: 82.66667vw;
}

.seminarP__reason3:last-of-type {
 margin-bottom: 0;
}

@media screen and (min-width: 801px) {
 .seminarP__reason3__container {
  display: flex;
  margin: 6.25vw 0 0 -1.875vw;
 }
 .seminarP__reason3 {
  margin: 0 0 0 1.875vw;
  width: calc(33.33333% - 1.875vw);
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__reason3__container {
  margin: 100px 0 0 -30px;
 }
 .seminarP__reason3 {
  margin: 0 0 0 30px;
  width: calc(33.33333% - 30px);
 }
}

.seminarP__reason3__head {
 position: absolute;
 top: -14.66667vw;
 left: 0;
 display: flex;
}

.seminarP__reason3__label {
 position: absolute;
 top: -6.66667vw;
 left: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 22.66667vw;
 height: 22.66667vw;
 border-radius: 50%;
 background-color: #005dad;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 3.46667vw;
 font-weight: 700;
 text-align: center;
 z-index: 3;
}

.seminarP__reason3__label p {
 margin-top: .5em;
}

.seminarP__reason3__label span {
 margin-top: .1em;
 display: block;
 font-size: 6.13333vw;
}

.seminarP__reason3__catch {
 position: relative;
 margin-left: 17.33333vw;
 padding: .3em .5em .3em 1.5em;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
 line-height: 1.4em;
 z-index: 2;
}

.seminarP__reason3__catch:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #005dad;
 transform: skewX(-10deg);
 z-index: -1;
}

.seminarP__reason3__image {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 height: 48.66667vw;
 border-radius: 1.2em 1.2em 0 0;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.seminarP__reason3__image img {
 border-radius: 1.2em 1.2em 0 0;
}

.seminarP__reason3__content {
 position: relative;
 padding: 4vw 4.4vw 5.33333vw 4.4vw;
 background-color: #fff;
 border-radius: 0 0 1.2em 1.2em;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.seminarP__reason3__heading {
 margin-bottom: .7em;
 color: #005dad;
 font-size: 4.8vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
}

.seminarP__reason3__content p {
 font-size: 1.2em;
 font-weight: 700;
 line-height: 1.6em;
 text-align: center;
}

.seminarP__reason3__content p strong {
 position: relative;
 z-index: 2;
}

.seminarP__reason3__content p strong:after {
 content: '';
 position: absolute;
 bottom: -.2em;
 left: 0;
 width: 100%;
 height: 70%;
 background: -webkit-repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 3px, #fce6c2 3px, #fce6c2 8px);
 background: repeating-linear-gradient(-45deg, #f9cb7f, #f9cb7f 3px, #fce6c2 3px, #fce6c2 8px);
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .seminarP__reason3__head {
  top: -1.5625vw;
 }
 .seminarP__reason3__label {
  top: -1.875vw;
  width: 7.5vw;
  height: 7.5vw;
  font-size: 0.8125vw;
 }
 .seminarP__reason3__label span {
  font-size: 2.25vw;
 }
 .seminarP__reason3__catch {
  margin-left: 5.625vw;
  font-size: 1.5vw;
 }
 .seminarP__reason3__image {
  height: 16.5625vw;
 }
 .seminarP__reason3__content {
  padding: 1.25vw 1.6875vw 2.5vw 1.6875vw;
 }
 .seminarP__reason3__heading {
  font-size: 1.625vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__reason3__head {
  top: -25px;
 }
 .seminarP__reason3__label {
  top: -25px;
  width: 100px;
  height: 100px;
  font-size: 13px;
  font-size: 1.3rem;
 }
 .seminarP__reason3__label span {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__reason3__catch {
  margin-left: 80px;
  font-size: 24px;
  font-size: 2.4rem;
 }
 .seminarP__reason3__image {
  height: 265px;
 }
 .seminarP__reason3__content {
  padding: 20px 30px 40px 30px;
 }
 .seminarP__reason3__heading {
  font-size: 26px;
  font-size: 2.6rem;
 }
}

/* ---------------------------------- 講座で得られる3つのスキルセット */
.sec__seminar--skill {
 position: relative;
 padding: 16vw 0;
 background-image: url(../img/seminar/skill_bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__seminar--skill {
  padding: 6.25vw 0 3.125vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--skill {
  padding: 100px 0 50px 0;
 }
}

.seminarP__skill__container {
 margin: 10.66667vw 0 0 0;
 background-color: #fff;
 border-radius: 1.2em;
 padding: 6.66667vw 0 0 0;
}

.seminarP__skill {
 position: relative;
 margin: 0 auto 13.33333vw auto;
 width: 82.66667vw;
}

.seminarP__skill:after {
 position: absolute;
 content: '';
 display: inline-block;
 width: 11.33333vw;
 height: 11.33333vw;
 background-image: url(../img/seminar/skill_arrow_sp.png);
 background-size: contain;
 background-repeat: no-repeat;
 z-index: 3;
}

@media screen and (max-width: 800px) {
 .seminarP__skill:after {
  left: 50%;
  bottom: 2vw;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 }
}

.seminarP__skill:last-of-type:after {
 content: none;
}

@media screen and (min-width: 801px) {
 .seminarP__skill__container {
  display: flex;
  margin: 3.125vw 0 0 -0.9375vw;
  padding: 3.125vw 6.25vw 4.375vw 6.25vw;
 }
 .seminarP__skill {
  margin: 0 0 0 0.9375vw;
  width: calc(33.33333% - 0.9375vw);
 }
 .seminarP__skill:after {
  right: -3.3125vw;
  bottom: 6.5625vw;
  width: 5.3125vw;
  height: 5.3125vw;
  background-image: url(../img/seminar/skill_arrow.png);
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__skill__container {
  margin: 50px 0 0 -15px;
  padding: 50px 100px 70px 100px;
 }
 .seminarP__skill {
  margin: 0 0 0 15px;
  width: calc(33.33333% - 15px);
 }
 .seminarP__skill:after {
  right: -53px;
  bottom: 105px;
  width: 85px;
  height: 85px;
 }
}

.seminarP__skill__haed {
 display: flex;
 align-items: center;
 margin-bottom: 10.66667vw;
}

.seminarP__skill__num {
 color: #a4d7b6;
 font-family: "Montserrat", sans-serif;
 font-size: 4.8vw;
 font-weight: 700;
}

.seminarP__skill__num span {
 font-size: 6.13333vw;
}

.seminarP__skill__star {
 margin-left: 1em;
 color: #f39800;
 font-size: 4.8vw;
}

.seminarP__skill__image {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: flex-end;
 z-index: 2;
}

.seminarP__skill__content {
 position: relative;
 top: -55px;
 margin-bottom: -55px;
 padding: 85px 45px 35px 45px;
 background-color: #e6f6ee;
 border-radius: 1.2em;
 z-index: 1;
}

.seminarP__skill__heading {
 position: relative;
 margin-bottom: .7em;
 color: #07ab54;
 font-size: 4.8vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
 z-index: 2;
}

.seminarP__skill__content p {
 position: relative;
 font-weight: 700;
 line-height: 1.6em;
 z-index: 2;
}

@media screen and (min-width: 801px) {
 .seminarP__skill__haed {
  margin-bottom: 1.25vw;
 }
 .seminarP__skill__num {
  font-size: 1.625vw;
 }
 .seminarP__skill__num span {
  font-size: 2.25vw;
 }
 .seminarP__skill__star {
  font-size: 1.625vw;
 }
 .seminarP__skill__image {
  height: 14.6875vw;
 }
 .seminarP__skill__content {
  top: -3.4375vw;
  margin-bottom: -3.4375vw;
  padding: 5.3125vw 2.8125vw 2.1875vw 2.8125vw;
 }
 .seminarP__skill__heading {
  font-size: 1.625vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__skill__haed {
  margin-bottom: 20px;
 }
 .seminarP__skill__num {
  font-size: 26px;
  font-size: 2.6rem;
 }
 .seminarP__skill__num span {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__skill__star {
  font-size: 26px;
  font-size: 2.6rem;
 }
 .seminarP__skill__image {
  height: 235px;
 }
 .seminarP__skill__content {
  top: -55px;
  margin-bottom: -55px;
  padding: 85px 45px 35px 45px;
 }
 .seminarP__skill__heading {
  font-size: 26px;
  font-size: 2.6rem;
 }
}

/* ---------------------------------- キカガクが選ばれる理由 */
.sec__seminar--reason {
 position: relative;
 padding: 16vw 0 16vw 0;
}

@media screen and (min-width: 801px) {
 .sec__seminar--reason {
  padding: 7.5vw 0 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--reason {
  padding: 120px 0 0 0;
 }
}

.seminarP__reason__bg {
 position: relative;
 margin-left: -10%;
 padding: 15.33333vw 0;
 width: 120%;
 background-size: auto 100%;
 background-repeat: no-repeat;
 transform: rotate(-2deg);
 z-index: 1;
}

.seminarP__reason__bg:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
}

.seminarP__reason__bg--1:after,
.seminarP__reason__bg--3:after {
 background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 10%, #c3e4ff);
 background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 10%, #c3e4ff);
 background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 10%, #c3e4ff);
 z-index: -1;
}

.seminarP__reason__bg--2:after {
 background: -moz-linear-gradient(left, #c3e4ff 10%, rgba(255, 255, 255, 0.1));
 background: -webkit-linear-gradient(left, #c3e4ff 10%, rgba(255, 255, 255, 0.1));
 background: linear-gradient(to right, #c3e4ff 10%, rgba(255, 255, 255, 0.1));
 z-index: -1;
}

.seminarP__reason__bg--1 {
 margin-top: 13.33333vw;
 background-image: url(../img/seminar/reason01_bg.png);
 background-position: left 15% center;
}

.seminarP__reason__bg--2 {
 background-image: url(../img/seminar/reason02_bg.png);
 background-position: right 15% center;
}

.seminarP__reason__bg--3 {
 background-image: url(../img/seminar/reason03_bg.png);
 background-position: left 15% center;
}

@media screen and (max-width: 800px) {
 .seminarP__reason__bg--1 {
  background-position: left 10% center;
 }
 .seminarP__reason__bg--2 {
  background-position: right 2% center;
 }
 .seminarP__reason__bg--3 {
  background-position: left 10% center;
 }
}

@media screen and (min-width: 801px) {
 .seminarP__reason__bg {
  padding: 7.1875vw 0;
 }
 .seminarP__reason__bg--1 {
  margin-top: 6.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__reason__bg {
  padding: 115px 0;
 }
 .seminarP__reason__bg--1 {
  margin-top: 100px;
 }
}

.seminarP__reason__content {
 position: relative;
 width: 85.33333vw;
 transform: rotate(2deg);
 z-index: 4;
}

.seminarP__reason__bg--1 .seminarP__reason__content,
.seminarP__reason__bg--3 .seminarP__reason__content {
 padding-right: 6.66667vw;
 margin-left: auto;
}

.seminarP__reason__bg--2 .seminarP__reason__content {
 padding-left: 6.66667vw;
 margin-right: auto;
}

.seminarP__reason__num {
 position: relative;
 top: -.2em;
 color: #0060b0;
 font-family: "851MkPOP", sans-serif;
 font-size: 12vw;
 letter-spacing: 0;
 opacity: 0.2;
}

.seminarP__reason__heading {
 margin-bottom: .5em;
 color: #0060b0;
 font-size: 5.33333vw;
 font-weight: 700;
 line-height: 1.4em;
}

.seminarP__reason__content > div {
 padding-left: 1em;
}

.seminarP__reason__content > div p {
 font-weight: 700;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .seminarP__reason__content {
  display: flex;
  width: 46.25vw;
 }
 .seminarP__reason__bg--1 .seminarP__reason__content,
 .seminarP__reason__bg--3 .seminarP__reason__content {
  padding-right: 6.25vw;
 }
 .seminarP__reason__bg--2 .seminarP__reason__content {
  padding-left: 6.25vw;
 }
 .seminarP__reason__num {
  font-size: 5vw;
  opacity: 0.1;
 }
 .seminarP__reason__heading {
  font-size: 1.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__reason__content {
  width: 740px;
 }
 .seminarP__reason__bg--1 .seminarP__reason__content,
 .seminarP__reason__bg--3 .seminarP__reason__content {
  padding-right: 100px;
 }
 .seminarP__reason__bg--2 .seminarP__reason__content {
  padding-left: 100px;
 }
 .seminarP__reason__num {
  font-size: 80px;
  font-size: 8.0rem;
 }
 .seminarP__reason__heading {
  font-size: 30px;
  font-size: 3.0rem;
 }
}

/* ---------------------------------- 講師紹介 */
.sec__seminar--lecturer {
 position: relative;
 padding: 16vw 0;
}

@media screen and (min-width: 801px) {
 .sec__seminar--lecturer {
  padding: 7.5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--lecturer {
  padding: 120px 0;
 }
}

.seminarP__lecturer__slide {
 position: relative;
 margin: 8.66667vw auto 0 auto;
 width: 82.66667vw;
}

@media screen and (min-width: 801px) {
 .seminarP__lecturer__slide {
  margin: 8.4375vw 0 0 0;
  width: 100%;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__lecturer__slide {
  margin: 135px 0 0 0;
 }
}

.seminarP__lecturer {
 display: block;
 background-color: #fff;
 border-color: #75addb;
 border-style: solid;
 border-width: 0.8vw;
 border-radius: 1.2em;
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
 transition: .3s;
}

.seminarP__lecturer:hover {
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
}

.seminarP__lecturer__image {
 position: relative;
 border-radius: 1,2em 1.2em 0 0;
}

.seminarP__lecturer__image > div {
 position: relative;
 margin: 0 auto;
 width: 50.66667vw;
}

.seminarP__lecturer__position {
 position: absolute;
 bottom: 0;
 left: 0;
 display: inline-block;
 width: auto;
 padding: .5em 1em;
 color: #fff;
 font-size: 3.46667vw;
 font-weight: 700;
 text-align: center;
}

.seminarP__lecturer__position {
 background-color: #0060b0;
}

.seminarP__lecturer__content {
 padding: 4vw 4vw 6vw 4vw;
 border-radius: 0 0 0.8em 0.8em;
 transition: .3s;
}

.seminarP__lecturer:hover .seminarP__lecturer__content {
 background-color: #75addb;
}

.seminarP__lecturer__name {
 font-size: 4.53333vw;
 font-weight: 700;
}

.seminarP__lecturer__name span {
 margin-left: 1em;
 font-family: "Montserrat", sans-serif;
 font-size: 2.13333vw;
 font-weight: 600;
}

.seminarP__lecturer__en {
 position: absolute;
 right: .5em;
 bottom: -.5em;
 font-family: "AntroVectra", sans-serif;
 font-size: 4.8vw;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.seminarP__lecturer__data {
 display: flex;
 align-items: center;
 font-size: 2.93333vw;
}

.seminarP__lecturer__div {
 padding-right: 1em;
 font-weight: 700;
}

.seminarP__lecturer__div:before {
 content: '●';
 padding-right: .5em;
 color: #8db4d4;
}

.seminarP__lecturer__since {
 padding-left: 1em;
 border-left: 1px solid #8db4d4;
}

.seminarP__lecturer__name span,
.seminarP__lecturer__en {
 color: #0060b0;
}

.seminarP__lecturer:hover .seminarP__lecturer__name,
.seminarP__lecturer:hover .seminarP__lecturer__data {
 color: #fff;
}

.seminarP__lecturer__message {
 position: absolute;
 display: block;
 top: 1em;
 left: 1em;
 color: #fff;
 font-family: "851MkPOP", sans-serif;
 font-size: 2.93333vw;
 line-height: 1.8em;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.seminarP__lecturer__message span {
 margin-bottom: .5em;
 padding: .3em 1em .3em .5em;
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
}

.seminarP__lecturer__message span:nth-of-type(2) {
 margin-left: -.5em;
}

.seminarP__lecturer__message span {
 background-color: #0060b0;
}

@media screen and (min-width: 801px) {
 .seminarP__lecturer {
  border-width: 0.1875vw;
 }
 .seminarP__lecturer__image > div {
  width: 15.625vw;
 }
 .seminarP__lecturer__position {
  display: inline-block;
  font-size: 1.125vw;
 }
 .seminarP__lecturer__content {
  padding: 1.25vw 1.25vw 2.1875vw 1.25vw;
 }
 .seminarP__lecturer__name {
  font-size: 1.5vw;
 }
 .seminarP__lecturer__name span {
  font-size: 0.9375vw;
 }
 .seminarP__lecturer__en {
  font-size: 2.25vw;
 }
 .seminarP__lecturer__data {
  font-size: 0.9375vw;
 }
 .seminarP__lecturer__message {
  font-size: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__lecturer {
  border-width: 3px;
 }
 .seminarP__lecturer__image > div {
  width: 250px;
 }
 .seminarP__lecturer__position {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .seminarP__lecturer__content {
  padding: 20px 20px 35px 20px;
 }
 .seminarP__lecturer__name {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .seminarP__lecturer__name span {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .seminarP__lecturer__en {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__lecturer__data {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .seminarP__lecturer__message {
  font-size: 18px;
  font-size: 1.8rem;
 }
}

/* ----------------- swiper.js - */
.seminarP__swiper-container {
 margin: 0 auto;
 width: 100%;
 overflow: hidden;
}

/* 矢印ボタン */
.seminarP__slide__btn__prev,
.seminarP__slide__btn__next {
 position: absolute;
 top: 50%;
 display: inline-block;
 background-color: rgba(0, 0, 0, 0.2);
 width: 6.4vw;
 height: 19.06667vw;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 1;
 transition: .3s;
}

.seminarP__slide__btn__prev {
 left: -6.66667vw;
}

.seminarP__slide__btn__next {
 right: -6.66667vw;
}

.seminarP__slide__btn__prev:hover,
.seminarP__slide__btn__next:hover {
 opacity: 0.7;
}

.seminarP__slide__btn__prev:after,
.seminarP__slide__btn__next:after {
 position: absolute;
 top: 50%;
 left: 50%;
 color: #fff;
 font-size: 2.93333vw;
 font-weight: 700;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.seminarP__slide__btn__prev:after {
 content: '◀︎';
}

.seminarP__slide__btn__next::after {
 content: '▶︎';
}

@media screen and (min-width: 801px) {
 .seminarP__slide__btn__prev,
 .seminarP__slide__btn__next {
  width: 3vw;
  height: 6.4375vw;
 }
 .seminarP__slide__btn__prev {
  left: -3.625vw;
 }
 .seminarP__slide__btn__next {
  right: -3.625vw;
 }
 .seminarP__slide__btn__prev:after,
 .seminarP__slide__btn__next:after {
  font-size: 1.3125vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__slide__btn__prev,
 .seminarP__slide__btn__next {
  width: 48px;
  height: 103px;
 }
 .seminarP__slide__btn__prev {
  left: -58px;
 }
 .seminarP__slide__btn__next {
  right: -58px;
 }
 .seminarP__slide__btn__prev:after,
 .seminarP__slide__btn__next:after {
  font-size: 21px;
  font-size: 2.1rem;
 }
}

.seminarP__slide__pagination {
 position: absolute;
 left: 50%;
 bottom: -5.33333vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.seminarP__slide__pagination .swiper-pagination-bullets {
 border-radius: 50%;
 margin-right: 1em;
 width: .3em;
 height: .3em;
 background-color: #cccccc;
}

.seminarP__pagination-bullet:last-of-type {
 margin-right: 0;
}

.seminarP__slide__pagination .swiper-pagination-bullet-active {
 background-color: #0060b0;
}

@media screen and (min-width: 801px) {
 .seminarP__slide__pagination {
  bottom: -5vw;
 }
 .seminarP__slide__pagination .swiper-pagination-bullet {
  width: .6em;
  height: .6em;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__slide__pagination {
  bottom: -80px;
 }
}

/* ---------------------------------- カリキュラム */
.sec__seminar--curric {
 position: relative;
 padding: 16vw 0;
 background-color: #e5eff7;
}

@media screen and (min-width: 801px) {
 .sec__seminar--curric {
  padding: 7.5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--curric {
  padding: 120px 0;
 }
}

.seminarP__curric__inner {
 padding: 7.33333vw 2.66667vw;
 border-radius: 1.2em;
 background-color: #fff;
}

.seminarP__subtabs {
 display: flex;
 align-items: center;
 margin-bottom: 4.66667vw;
 border-radius: 1.2em;
}

.seminarP__subtabs li {
 padding: 1.2em 1em;
 border-top: 0.66667vw solid #0060b0;
 border-left: 0.66667vw solid #0060b0;
 border-bottom: 0.66667vw solid #0060b0;
 color: #0060b0;
 font-size: 3.73333vw;
 font-weight: 700;
 text-align: center;
 transition: .3s;
}

.seminarP__subtabs li:first-child {
 border-radius: 2em 0 0 2em;
}

.seminarP__subtabs li:last-child {
 border-radius: 0 2em 2em 0;
 border-right: 0.66667vw solid #0060b0;
}

.seminarP__subtabs li.is-active {
 color: #fff;
 background-color: #0060b0;
}

.seminarP__subtab__content {
 display: none;
}

.seminarP__subtab__content.is-active {
 display: block;
}

.seminarP__curric__head {
 margin-bottom: 4.66667vw;
}

.seminarP__curric__head > div {
 display: flex;
 align-items: center;
 margin-bottom: 2.66667vw;
}

.seminarP__curric__head p {
 display: inline-block;
 padding: .5em 1em;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
}

.seminarP__curric__head p:nth-child(1) {
 background-color: #0060b0;
}

.seminarP__curric__head p:nth-child(2) {
 margin-left: .5em;
 background-color: #f39800;
}

.seminarP__curric__heading {
 font-size: 4.53333vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .seminarP__curric__inner {
  padding: 3.4375vw 3.125vw;
 }
 .seminarP__subtabs {
  margin-bottom: 2.1875vw;
 }
 .seminarP__subtabs li {
  padding: 1.2em 0;
  width: 20%;
  border-top: 0.1875vw solid #0060b0;
  border-left: 0.1875vw solid #0060b0;
  border-bottom: 0.1875vw solid #0060b0;
  font-size: 1.125vw;
 }
 .seminarP__subtabs li:last-child {
  border-right: 0.1875vw solid #0060b0;
 }
 .seminarP__curric__head {
  display: flex;
  align-items: center;
  margin-bottom: 2.1875vw;
 }
 .seminarP__curric__head > div {
  margin-bottom: 0;
 }
 .seminarP__curric__head p {
  font-size: 1.125vw;
 }
 .seminarP__curric__heading {
  margin-left: 1em;
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__curric__inner {
  padding: 55px 100px;
 }
 .seminarP__subtabs {
  margin-bottom: 35px;
 }
 .seminarP__subtabs li {
  border-top: 3px solid #0060b0;
  border-left: 3px solid #0060b0;
  border-bottom: 3px solid #0060b0;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .seminarP__subtabs li:last-child {
  border-right: 3px solid #0060b0;
 }
 .seminarP__curric__head {
  margin-bottom: 35px;
 }
 .seminarP__curric__head p {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .seminarP__curric__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/* ---------------------------------- 開催スケジュール */
.sec__seminar--schedule {
 position: relative;
 padding: 16vw 0;
 background-color: #e5eff7;
}

@media screen and (min-width: 801px) {
 .sec__seminar--schedule {
  padding: 7.5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--schedule {
  padding: 120px 0;
 }
}

.seminarP__tabs {
 margin: 8vw 0 6.66667vw 0;
}

@media screen and (min-width: 801px) {
 .seminarP__tabs {
  margin: 3.75vw 0 3.125vw 0;
 }
}

@media screen and (min-width: 801px) {
 .seminarP__tabs {
  margin: 60px 0 50px 0;
 }
}

.seminarP__table {
 margin: 0 auto;
 width: 100%;
 font-size: 3.06667vw;
 letter-spacing: .15em;
}

.seminarP__table tbody {
 background-color: #fff;
 border-radius: 0 0 1.2em 1.2em;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.seminarP__table thead td {
 background-color: #005dad;
 color: #fff;
 font-weight: 700;
}

.seminarP__table thead td:first-child {
 border-radius: 1.2em 0 0 0;
}

.seminarP__table thead td:last-child {
 border-radius: 0 1.2em 0 0;
}

.seminarP__table tbody tr:last-child td:first-child {
 border-radius: 0 0 0 1.2em;
}

.seminarP__table tbody tr:last-child td:last-child {
 border-radius: 0 0 1.2em 0;
}

.seminarP__table tbody tr:last-child td {
 padding-bottom: 1.7em;
}

.seminarP__table td {
 position: relative;
 padding-top: 1.2em;
 padding-bottom: 1.2em;
}

.seminarP__table td > ul li {
 padding-left: 1em;
 line-height: 1.6em;
 text-indent: -1em;
}

.seminarP__table td > ul li:before {
 content: '・';
}

.seminarP__table tr:nth-child(even) {
 background-color: #f5f9fd;
}

.seminarP__table__on {
 display: inline-block;
}

.seminarP__table__date {
 width: 44vw;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
}

.seminarP__table__chapter {
 width: 52.66667vw;
 font-weight: 700;
}

.seminarP__table__section {
 width: calc(100% - 81.33333vw);
}

.seminarP__table__time1,
.seminarP__table__time2 {
 width: 34.66667vw;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
}

.seminarP__table__venue {
 position: static;
 width: 24vw;
}

.seminarP__table__on > p {
 color: #005dad;
 font-weight: 700;
 text-decoration: underline;
}

.seminarP__table__status {
 width: 12vw;
}

.seminarP__table__content {
 position: absolute;
 left: -66.66667vw;
 display: inline;
 padding: 2em 2.6em 2em 2.6em;
 width: 89.33333vw;
 background-color: #005dad;
 border-radius: 1.2em;
 color: #fff;
 font-weight: normal;
 visibility: hidden;
 white-space: normal;
 opacity: 0;
 transition: all .3s;
 z-index: 2;
}

.seminarP__table tbody tr:nth-child(-n+5) .seminarP__table__content {
 top: 100%;
}

.seminarP__table tbody tr:nth-child(n+6) .seminarP__table__content {
 bottom: 100%;
}

.seminarP__table__venue:hover {
 cursor: pointer;
}

.seminarP__table__venue:hover .seminarP__table__content {
 visibility: visible;
 opacity: 1;
}

.seminarP__table__content h3 {
 margin-bottom: .2em;
 font-weight: 700;
}

.seminarP__table__content p {
 line-height: 1.8em;
}

.seminarP__table__content ul li {
 padding-left: 1em;
 text-indent: -1em;
 line-height: 1.8em;
}

.seminarP__table__content ul li:before {
 content: '※';
}

.seminarP__table__content a {
 position: relative;
 display: inline-block;
 margin-top: .5em;
 padding-bottom: .3em;
 padding-left: 1.5em;
 font-family: "Montserrat", sans-serif;
 font-weight: 700;
}

.seminarP__table__content a:hover {
 opacity: 0.7;
}

.seminarP__table__content a:before {
 content: '';
 display: inline-block;
 position: absolute;
 top: 50%;
 left: 0;
 width: 12px;
 height: 18px;
 background-image: url(../img/seminar/map.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.seminarP__table__content a:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 1.4em;
 width: calc(100% - 1.3em);
 height: 1px;
 background-color: #80aed6;
}

@media screen and (max-width: 800px) {
 .seminarP__table td {
  padding-left: 1em;
  padding-right: 1em;
 }
 .seminarP__table__venue,
 .seminarP__table__status {
  text-align: center;
 }
 .seminarP__table__venue .seminarP__table__content {
  text-align: left;
 }
}

@media screen and (min-width: 801px) {
 .seminarP__table {
  font-size: 0.9375vw;
 }
 .seminarP__table__date {
  padding-left: 5em;
  width: 18.75vw;
 }
 .seminarP__table__chapter {
  width: 24.0625vw;
 }
 .seminarP__table__section {
  width: calc(100% - 37.5vw);
 }
 .seminarP__table__time1 {
  padding-left: 3em;
  width: 13.4375vw;
 }
 .seminarP__table__time2 {
  padding-left: 3em;
  width: 18.75vw;
 }
 .seminarP__table__venue {
  position: static;
  padding-left: 5em;
  width: calc(100% - 50vw);
 }
 .seminarP__table tbody .seminarP__table__venue {
  padding-left: 6em;
 }
 .seminarP__table__status {
  width: 12.5vw;
 }
 .seminarP__table tbody .seminarP__table__status {
  padding-left: 1.6em;
 }
 .seminarP__table__content {
  left: -7.1875vw;
  padding: 2em 2.6em 2em 2.6em;
  width: 31.25vw;
 }
 .seminarP__table__content a:before {
  width: 0.75vw;
  height: 1.125vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__table {
  font-size: 15px;
  font-size: 1.5rem;
 }
 .seminarP__table__date {
  padding-left: 5em;
  width: 300px;
 }
 .seminarP__table__chapter {
  width: 385px;
 }
 .seminarP__table__section {
  width: calc(100% - 600px);
 }
 .seminarP__table__time1 {
  padding-left: 3em;
  width: 215px;
 }
 .seminarP__table__time2 {
  padding-left: 5em;
  width: 300px;
 }
 .seminarP__table__venue {
  position: static;
  padding-left: 5em;
  width: calc(100% - 800px);
 }
 .seminarP__table__status {
  width: 200px;
 }
 .seminarP__table__content {
  left: -115px;
  padding: 2em 2.6em 2em 2.6em;
  width: 500px;
 }
 .seminarP__table__content a:before {
  width: 12px;
  height: 18px;
 }
}

/* ---------------------------------- CTA */
.sec__seminar--apply {
 position: relative;
 padding: 10.66667vw 0;
 background-image: url(../img/seminar/apply_bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: top right;
}

@media screen and (min-width: 801px) {
 .sec__seminar--apply {
  padding: 3.75vw 0 4.0625vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--apply {
  padding: 60px 0 65px 0;
 }
}

.seminarP__apply__heading {
 margin-bottom: 1em;
 color: #fff;
 font-size: 6.13333vw;
 font-weight: 700;
 line-height: 1.4em;
 text-align: center;
}

.seminarP__apply__price {
 margin: 0 auto 7.33333vw auto;
 width: 100%;
}

.seminarP__apply__price__flex {
 display: flex;
 align-items: stretch;
 width: 100%;
}

.seminarP__apply__price__label {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 36vw;
 height: 13.33333vw;
 background-color: #0060b0;
 border-radius: 1.2em 0 0 0;
}

.seminarP__apply__price__heading {
 color: #fff;
 font-size: 3.2vw;
 font-weight: 700;
 text-align: center;
 letter-spacing: .15em;
}

.seminarP__apply__price__num {
 display: flex;
 justify-content: center;
 align-items: center;
 width: calc(100% - 36vw);
 background-color: #fff;
 border-radius: 0 1.2em 0 0;
}

.seminarP__apply__price__num p {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 font-weight: 700;
 text-align: center;
}

.seminarP__apply__price__num p span {
 margin-right: .1em;
 color: #0060b0;
 font-family: "Montserrat", sans-serif;
 font-size: 6.13333vw;
 line-height: 0.8em;
}

.seminarP__apply__price__desc {
 padding: 1.5em;
 width: 100%;
 background-color: #f5f9fd;
 border-radius: 0 0 1.2em 1.2em;
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .seminarP__apply__heading {
  font-size: 2.25vw;
 }
 .seminarP__apply__price {
  display: flex;
  align-items: stretch;
  margin: 0 auto 3.4375vw auto;
  width: 62.5vw;
 }
 .seminarP__apply__price__flex {
  width: 28.125vw;
 }
 .seminarP__apply__price__label {
  border-radius: 1.2em 0 0 1.2em;
  width: 10.625vw;
  height: auto;
 }
 .seminarP__apply__price__heading {
  font-size: 1.5vw;
 }
 .seminarP__apply__price__num {
  width: 17.5vw;
  border-radius: 0;
 }
 .seminarP__apply__price__num p span {
  font-size: 2.25vw;
 }
 .seminarP__apply__price__desc {
  padding: 2em 2.5em;
  width: calc(100% - 28.125vw);
  border-radius: 0 1.2em 1.2em 0;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__apply__heading {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__apply__price {
  margin: 0 auto 55px auto;
  width: 1000px;
 }
 .seminarP__apply__price__flex {
  display: flex;
  align-items: stretch;
  width: 450px;
 }
 .seminarP__apply__price__label {
  width: 170px;
 }
 .seminarP__apply__price__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .seminarP__apply__price__num {
  width: 280px;
 }
 .seminarP__apply__price__num p span {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__apply__price__desc {
  width: calc(100% - 450px);
 }
}

.seminarP__apply__box {
 margin-left: -3.33333vw;
 padding: 8.66667vw 5.33333vw;
 width: calc(100% + 6.66667vw);
 background-color: #fff;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.seminarP__apply__box__heading {
 margin-bottom: .8em;
 color: #fbad7d;
 font-size: 4.8vw;
 font-weight: 700;
 text-align: center;
}

.seminarP__apply__box__heading:before {
 content: '＼';
 margin-right: .5em;
}

.seminarP__apply__box__heading:after {
 content: '／';
 margin-left: .5em;
}

@media screen and (min-width: 801px) {
 .seminarP__apply__box {
  margin: 0;
  padding: 4.0625vw 0;
  width: 100%;
 }
 .seminarP__apply__box__heading {
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__apply__box {
  padding: 65px 0;
 }
 .seminarP__apply__box__heading {
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/* ---------------------------------- よくある質問 */
.sec__seminar--faq {
 position: relative;
 padding: 16vw 0;
 background-image: url(../img/seminar/faq_bg.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}

@media screen and (min-width: 801px) {
 .sec__seminar--faq {
  padding: 4.375vw 0 6.25vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__seminar--faq {
  padding: 70px 0 100px 0;
 }
}

.seminarP__faq__container {
 margin-top: 7.33333vw;
 padding: 5.33333vw;
 background-color: #fff;
 border-radius: 1.2em;
}

.seminarP__faq {
 margin-bottom: 2em;
}

.seminarP__faq__heading {
 position: relative;
 margin-bottom: 1em;
 padding: 1em 1em 1em 7.33333vw;
 color: #39b572;
 border-bottom: 0.53333vw solid #39b572;
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
}

.seminarP__faq__heading:before {
 content: 'Q';
 position: absolute;
 top: .5em;
 left: 0;
 color: #39b572;
 font-family: "Montserrat", sans-serif;
 font-size: 6.13333vw;
 font-weight: 700;
}

.seminarP__faq__content {
 position: relative;
 padding: 0 1em 0 7.33333vw;
 line-height: 1.8em;
}

.seminarP__faq__content:before {
 content: 'A';
 position: absolute;
 top: 0;
 left: 0;
 color: #fbad7d;
 font-family: "Montserrat", sans-serif;
 font-size: 6.13333vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .seminarP__faq__container {
  margin-top: 3.4375vw;
  padding: 4.0625vw 6.25vw;
 }
 .seminarP__faq__heading {
  padding: 1em 3.4375vw;
  border-bottom: 0.125vw solid #39b572;
  font-size: 1.125vw;
 }
 .seminarP__faq__heading:before {
  font-size: 2.25vw;
 }
 .seminarP__faq__content {
  padding: 0 6.25vw 0 3.4375vw;
 }
 .seminarP__faq__content:before {
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__faq__container {
  margin-top: 55px;
  padding: 65px 100px;
 }
 .seminarP__faq__heading {
  padding: 1em 55px;
  border-bottom: 2px solid #39b572;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .seminarP__faq__heading:before {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .seminarP__faq__content {
  padding: 0 100px 0 55px;
 }
 .seminarP__faq__content:before {
  font-size: 36px;
  font-size: 3.6rem;
 }
}

/* ---------------------------------- パターンA */
.seminarP__patternA {
 display: flex;
 align-items: flex-end;
 margin: 8vw 0;
 border-radius: 1.2em;
 background-color: #fff;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 width: 182.66667vw;
}

.seminarP__patternA__column1 {
 width: 61.33333vw;
}

.seminarP__patternA__column2 {
 position: relative;
 width: 38.66667vw;
 align-self: stretch;
}

.seminarP__patternA__column3 {
 width: 28.66667vw;
}

.seminarP__patternA__list {
 width: 100%;
}

.seminarP__patternA__head {
 display: flex;
 justify-content: center;
 align-items: center;
 border-left: 0.8vw solid #f6f6f6;
 border-bottom: 0.8vw solid #f6f6f6;
 height: 10.66667vw;
 font-size: 1.2em;
 font-weight: 700;
 text-align: center;
 letter-spacing: .15em;
}

.seminarP__patternA__column2__content {
 position: absolute;
 top: -6.66667vw;
 left: 50%;
 width: 40vw;
 height: 138.66667vw;
 background-color: #fff;
 border-radius: 1.2em;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
 text-align: center;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.seminarP__patternA__logo {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 17.33333vw;
 background-color: #0161b0;
 border-radius: 1.2em 1.2em 0 0;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.seminarP__patternA__list li {
 display: flex;
 align-items: center;
 height: 22.66667vw;
}

.seminarP__patternA__column1 .seminarP__patternA__list li {
 padding: 1em 1em 1em 1.8em;
 font-weight: 700;
 line-height: 1.6em;
}

.seminarP__patternA__list li:last-child {
 height: 26.66667vw;
}

.seminarP__patternA__list li:nth-child(even) {
 background-color: #f5f9fd;
}

.seminarP__patternA__column2 .seminarP__patternA__list li {
 justify-content: center;
}

.seminarP__patternA__column3 .seminarP__patternA__list li {
 justify-content: center;
 border-left: 0.8vw solid #f6f6f6;
}

@media screen and (min-width: 801px) {
 .seminarP__patternA {
  margin: 3.125vw 0 4.375vw 0;
  width: 100%;
 }
 .seminarP__patternA__column1 {
  width: 18.125vw;
 }
 .seminarP__patternA__column2 {
  width: 18.125vw;
 }
 .seminarP__patternA__column3 {
  width: 13.4375vw;
 }
 .seminarP__patternA__head {
  border-left: 0.1875vw solid #f6f6f6;
  border-bottom: 0.1875vw solid #f6f6f6;
  height: 3.75vw;
 }
 .seminarP__patternA__column2__content {
  top: -3.125vw;
  width: 18.75vw;
  height: 44.0625vw;
 }
 .seminarP__patternA__logo {
  height: 6.875vw;
 }
 .seminarP__patternA__list li {
  height: 6.875vw;
 }
 .seminarP__patternA__list li:last-child {
  height: 7.5vw;
 }
 .seminarP__patternA__column3 .seminarP__patternA__list li {
  border-left: 0.1875vw solid #f6f6f6;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__patternA {
  margin: 50px 0 70px 0;
 }
 .seminarP__patternA__column1 {
  width: 290px;
 }
 .seminarP__patternA__column2 {
  width: 290px;
 }
 .seminarP__patternA__column3 {
  width: 215px;
 }
 .seminarP__patternA__head {
  border-left: 3px solid #f6f6f6;
  border-bottom: 3px solid #f6f6f6;
  height: 60px;
 }
 .seminarP__patternA__column2__content {
  top: -50px;
  width: 300px;
  height: 705px;
 }
 .seminarP__patternA__logo {
  height: 110px;
 }
 .seminarP__patternA__list li {
  height: 110px;
 }
 .seminarP__patternA__list li:last-child {
  height: 120px;
 }
 .seminarP__patternA__column3 .seminarP__patternA__list li {
  border-left: 3px solid #f6f6f6;
 }
}

/* ---------------------------------- パターンB */
.seminarP__patternB {
 display: flex;
 align-items: flex-end;
 margin: 8vw 0 13.33333vw 0;
 border-radius: 1.2em;
 background-color: #fff;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 width: 184vw;
}

.seminarP__patternB__column1 {
 padding-top: 6.26667vw;
 width: 62.66667vw;
}

.seminarP__patternB__column2 {
 position: relative;
 width: 38.66667vw;
 align-self: stretch;
 z-index: 2;
}

.seminarP__patternB__column3 {
 width: 33.33333%;
}

.seminarP__patternB__list {
 width: 100%;
}

.seminarP__patternB__head {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 13.33333vw;
 color: #fff;
 font-size: 1.2em;
 font-weight: 700;
 text-align: center;
 letter-spacing: .15em;
}

.seminarP__patternB__column2__content {
 position: absolute;
 top: -7.06667vw;
 left: 0;
 display: flex;
 width: 121.33333vw;
 height: 138.66667vw;
 background-color: #fff;
 border-radius: 4vw;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
 text-align: center;
}

.seminarP__patternB__column2__content > div:nth-child(odd) .seminarP__patternB__head {
 background-color: #0161b0;
}

.seminarP__patternB__column2__content > div:nth-child(even) .seminarP__patternB__head {
 background-color: #72a4d0;
}

.seminarP__patternB__column2__content > div:first-child .seminarP__patternB__head {
 border-radius: 4vw 0 0 0;
}

.seminarP__patternB__column2__content > div:last-child .seminarP__patternB__head {
 border-radius: 0 4vw 0 0;
}

.seminarP__patternB__list li {
 display: flex;
 align-items: center;
 height: 22.66667vw;
}

.seminarP__patternB__column1 .seminarP__patternB__list li {
 padding: 1em 1em 1em 1.8em;
 font-weight: 700;
 line-height: 1.6em;
}

.seminarP__patternB__list li:last-child {
 height: 26.66667vw;
}

.seminarP__patternB__list li:nth-child(even) {
 background-color: #f5f9fd;
}

.seminarP__patternB__column3 {
 justify-content: center;
 border-right: 0.8vw solid #f6f6f6;
}

.seminarP__patternB__column2__content > div:last-child {
 border-right: none;
}

.seminarP__patternB__column3 .seminarP__patternB__list li {
 justify-content: center;
}

@media screen and (min-width: 801px) {
 .seminarP__patternB {
  margin: 3.4375vw 0 4.375vw 0;
  width: 100%;
 }
 .seminarP__patternB__column1 {
  padding-top: 2.9375vw;
  width: 18.125vw;
 }
 .seminarP__patternB__column2 {
  width: calc(100% - 18.125vw);
 }
 .seminarP__patternB__head {
  border-bottom: 0.1875vw solid #f6f6f6;
  height: 6.25vw;
 }
 .seminarP__patternB__column2__content {
  top: -3.3125vw;
  width: 56.875vw;
  height: 44.0625vw;
  border-radius: 1.25vw;
 }
 .seminarP__patternB__list li {
  height: 6.875vw;
 }
 .seminarP__patternB__list li:last-child {
  height: 7.5vw;
 }
 .seminarP__patternB__column3 {
  border-right: 0.1875vw solid #f6f6f6;
 }
 .seminarP__patternB__column2__content > div:first-child .seminarP__patternB__head {
  border-radius: 1.25vw 0 0 0;
 }
 .seminarP__patternB__column2__content > div:last-child .seminarP__patternB__head {
  border-radius: 0 1.25vw 0 0;
 }
}

@media screen and (min-width: 1601px) {
 .seminarP__patternB {
  margin: 55px 0 70px 0;
 }
 .seminarP__patternB__column1 {
  padding-top: 47px;
  width: 290px;
 }
 .seminarP__patternB__column2 {
  width: calc(100% - 290px);
 }
 .seminarP__patternB__head {
  border-bottom: 3px solid #f6f6f6;
  height: 100px;
 }
 .seminarP__patternB__column2__content {
  top: -53px;
  width: 910px;
  height: 695px;
  border-radius: 20px;
 }
 .seminarP__patternB__list li {
  height: 110px;
 }
 .seminarP__patternB__list li:last-child {
  height: 120px;
 }
 .seminarP__patternB__column3 {
  border-right: 3px solid #f6f6f6;
 }
 .seminarP__patternB__column2__content > div:first-child .seminarP__patternB__head {
  border-radius: 20px 0 0 0;
 }
 .seminarP__patternB__column2__content > div:last-child .seminarP__patternB__head {
  border-radius: 0 20px 0 0;
 }
}

/* ---------------------------------- パターンA・B 画像 */
.img__seminarP_logo {
 width: 20.93333vw;
}

.img__seminarP_check {
 width: 5.33333vw;
}

.img__seminarP_line {
 width: 2.66667vw;
}

@media screen and (min-width: 801px) {
 .img__seminarP_logo {
  width: 9.8125vw;
 }
 .img__seminarP_check {
  width: 2.5vw;
 }
 .img__seminarP_line {
  width: 1.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .img__seminarP_logo {
  width: 157px;
 }
 .img__seminarP_check {
  width: 40px;
 }
 .img__seminarP_line {
  width: 20px;
 }
}

/*  下層ページ --> 企業研修
------------------------------------------------------------------------------*/
/* ---------------------------------- 共通 */
.trainingP__cmn__btn {
 margin: 0 auto;
 width: 77.33333vw;
}

.trainingP__cmn__btn > div:nth-child(1) {
 margin-bottom: 4vw;
}

.trainingP__btn {
 position: relative;
 font-family: "Montserrat", sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 12vw;
 border: 0.53333vw solid #fff;
 border-radius: 2.5em;
 box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
 text-align: center;
 overflow: hidden;
 cursor: pointer;
}

.trainingP__btn--orange {
 background-image: -moz-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 background-image: -webkit-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 background-image: -ms-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
}

.trainingP__btn--blue {
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

.trainingP__btn:hover > div {
 background-color: #fff;
}

.trainingP__btn a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 12vw;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
 text-decoration: none;
 transition: all .5s ease;
 z-index: 2;
}

.trainingP__btn--orange:hover a {
 color: #ff9e00;
}

.trainingP__btn--blue:hover a {
 color: #4186ec;
}

.trainingP__btn > div {
 position: absolute;
 width: 100%;
 height: 12vw;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.trainingP__btn:hover > div {
 left: 0;
}

.trainingP__btn a:before {
 content: '';
 display: inline-block;
 margin-right: .5em;
 background-size: contain;
 background-repeat: no-repeat;
}

.trainingP__btn--orange a:before {
 width: 3.6vw;
 height: 4.4vw;
 background-image: url(../img/training/note.png);
}

.trainingP__btn--blue a:before {
 width: 4.66667vw;
 height: 3.6vw;
 background-image: url(../img/training/mail.png);
}

.trainingP__btn--orange:hover a:before {
 background-image: url(../img/training/note_orange.png);
}

.trainingP__btn--blue:hover a:before {
 background-image: url(../img/training/mail_blue.png);
}

@media screen and (min-width: 801px) {
 .trainingP__cmn__btn {
  display: flex;
  justify-content: space-between;
  width: 55.625vw;
 }
 .trainingP__cmn__btn > div:nth-child(1) {
  margin-bottom: 0;
 }
 .trainingP__btn,
 .trainingP__btn a .trainingP__btn > div {
  height: 5vw;
 }
 .trainingP__btn {
  width: 25vw;
  border: 0.1875vw solid #fff;
 }
 .trainingP__btn a {
  font-size: 1.5vw;
 }
 .trainingP__btn--orange a:before {
  width: 1.6875vw;
  height: 2.0625vw;
 }
 .trainingP__btn--blue a:before {
  width: 2.1875vw;
  height: 1.6875vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__cmn__btn {
  width: 890px;
 }
 .trainingP__btn,
 .trainingP__btn a,
 .trainingP__btn > div {
  height: 80px;
 }
 .trainingP__btn {
  width: 400px;
  border: 3px solid #fff;
 }
 .trainingP__btn a {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .trainingP__btn--orange a:before {
  width: 27px;
  height: 33px;
 }
 .trainingP__btn--blue a:before {
  width: 35px;
  height: 27px;
 }
}

/* ---------------------------------- メインビジュアル */
.hero--page--training {
 margin-bottom: 60vw;
 height: 82vw;
}

.trainingP__inner {
 position: absolute;
 top: 26.66667vw;
 left: 50%;
 width: 93.33333vw;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}

.trainingP__hero__illust {
 position: absolute;
 top: 8vw;
 right: 0;
 width: 29.33333vw;
}

.trainingP__heading {
 position: relative;
 z-index: 2;
}

.trainingP__heading__inner {
 position: relative;
 display: inline-block;
}

@media screen and (min-width: 801px) {
 .hero--page--training {
  margin-bottom: 27.5vw;
  height: 39.375vw;
 }
 .trainingP__hero__illust {
  top: 0;
  width: 19.5625vw;
 }
 .trainingP__inner {
  top: 8.4375vw;
  width: 75vw;
 }
 .trainingP__heading--left {
  text-align: left;
 }
 .trainingP__heading__inner {
  min-width: 24.0625vw;
 }
 .trainingP__heading__inner:after {
  width: calc(60 / 1600 * 100vw);
  height: calc(3 / 1600 * 100vw);
 }
 .trainingP__heading--left .trainingP__heading__inner:after {
  left: 0;
 }
}

@media screen and (min-width: 1601px) {
 .hero--page--training {
  margin-bottom: 440px;
  height: 630px;
 }
 .trainingP__hero__illust {
  width: 313px;
 }
 .trainingP__inner {
  top: 135px;
  width: 1200px;
 }
 .trainingP__heading__inner {
  min-width: 385px;
 }
 .trainingP__heading__inner:after {
  width: 60px;
  height: 3px;
 }
}

.trainingP__heading__jp {
 position: relative;
 display: block;
 padding: .7em 0 0 0;
 color: #fff;
 font-size: calc(34 / 750 * 100vw);
 font-weight: 600;
 line-height: 1.6em;
 letter-spacing: .5em;
}

.trainingP__heading__en {
 position: relative;
 display: inline-block;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: calc(46 / 750 * 100vw);
 font-weight: 700;
 letter-spacing: 0.1em;
 text-transform: uppercase;
}

.trainingP__heading__sub {
 margin: .8em 0 1em 0;
 position: relative;
 display: block;
 color: #fff;
 font-size: calc(34 / 750 * 100vw);
 font-weight: 600;
 line-height: 1.6em;
 letter-spacing: .3em;
}

@media screen and (min-width: 801px) {
 .trainingP__heading__jp {
  font-size: calc(36 / 1600 * 100vw);
 }
 .trainingP__heading__en {
  font-size: calc(36 / 1600 * 100vw);
 }
 .trainingP__heading__sub {
  font-size: calc(24 / 1600 * 100vw);
 }
 .trainingP__heading__en--line:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 10.625vw;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
 }
 .trainingP__heading--left .trainingP__heading__en--line:before {
  left: -12.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__heading__jp {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .trainingP__heading__en {
  font-size: 56px;
  font-size: 5.6rem;
 }
 .trainingP__heading__sub {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .trainingP__heading__en--line:before {
  width: 170px;
 }
 .trainingP__heading--left .trainingP__heading__en--line:before {
  left: -200px;
 }
}

/* ---------------------------------- イントロ */
.trainingP__about__image {
 margin: 0 auto 5.33333vw auto;
 width: 84vw;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.trainingP__about__head {
 display: block;
 margin-bottom: 1.5em;
 padding: .8em 2em;
 background-color: #0060b0;
}

.trainingP__about__heading {
 padding: 0 1em;
 border-left: 1.06667vw solid #3380c0;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

.trainingP__about__content p {
 line-height: 1.8em;
}

@media screen and (min-width: 801px) {
 .trainingP__about {
  display: flex;
  justify-content: space-between;
 }
 .trainingP__about__image {
  margin: 0;
  width: 33.25vw;
 }
 .trainingP__about__content {
  width: 37.5vw;
 }
 .trainingP__about__heading {
  border-left: 0.375vw solid #3380c0;
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__about__image {
  width: 532px;
 }
 .trainingP__about__content {
  width: 600px;
 }
 .trainingP__about__heading {
  border-left: 6px solid #3380c0;
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/* ---------------------------------- 実績 */
.sec__training--achievement {
 padding: 21.33333vw 0 0 0;
}

.sec__training--achievement:before {
 content: '';
 position: absolute;
 top: 8vw;
 left: 0;
 width: 100%;
 height: 90%;
 background-image: url(../img/training/achievement_bg.jpg);
 background-size: cover;
 background-position: center;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .sec__training--achievement {
  padding: 5vw 0 0 0;
 }
 .sec__training--achievement:before {
  top: -16.25vw;
  height: 84.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--achievement {
  padding: 80px 0 0 0;
 }
 .sec__training--achievement:before {
  top: -260px;
  height: 1350px;
 }
}

.trainingP__achievement__catch {
 margin: 4.66667vw 0 6.66667vw 0;
 color: #0060b0;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.6em;
}

.trainingP__achievement {
 position: relative;
 display: block;
 margin-bottom: 13.33333vw;
}

@media screen and (min-width: 801px) {
 .trainingP__achievement__catch {
  margin: 2.1875vw 0 3.125vw 0;
  font-size: 1.5vw;
 }
 .trainingP__achievement__container {
  display: flex;
  margin-left: -2.9375vw;
 }
 .trainingP__achievement {
  margin-left: 2.9375vw;
  margin-bottom: 0;
  width: calc(33.33333% - 2.9375vw);
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__achievement__catch {
  margin: 35px 0 50px 0;
  font-size: 24px;
  font-size: 2.4rem;
 }
 .trainingP__achievement__container {
  margin-left: -47px;
 }
 .trainingP__achievement {
  margin-left: 47px;
  width: calc(33.33333% - 47px);
 }
}

.trainingP__achievement__image {
 position: relative;
 width: calc(100% - .5em);
 height: 61.46667vw;
 z-index: 2;
}

.trainingP__achievement__image__inner {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0.8vw solid #0060b0;
 z-index: 2;
}

.trainingP__achievement__image:before {
 content: '';
 position: absolute;
 top: -.5em;
 right: -.5em;
 width: 100%;
 height: 100%;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .trainingP__achievement__image {
  width: 100%;
  height: 15.625vw;
 }
 .trainingP__achievement__image__inner {
  border: 0.1875vw solid #0060b0;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__achievement__image {
  height: 250px;
 }
 .trainingP__achievement__image__inner {
  border: 3px solid #0060b0;
 }
}

.trainingP__achievement__heading {
 display: inline-block;
 position: relative;
 top: -1em;
 left: .5em;
 margin-bottom: -1em;
 padding: .3em .7em;
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
}

.trainingP__achievement__heading span {
 position: relative;
 z-index: 3;
}

.trainingP__achievement__heading:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #0060b0;
 -webkit-transform: skewX(-15deg);
 transform: skewX(-15deg);
 z-index: 2;
}

.trainingP__achievement__text {
 font-size: 3.46667vw;
 font-weight: 700;
}

.trainingP__achievement__text2 {
 margin-top: 1em;
 font-size: 1.2em;
 font-weight: 700;
 text-align: center;
}

.trainingP__achievement__text2 span {
 color: #0060b0;
 font-family: "Montserrat", sans-serif;
 font-size: 3.3em;
}

@media screen and (min-width: 801px) {
 .trainingP__achievement__heading {
  font-size: 1.5vw;
 }
 .trainingP__achievement__text {
  font-size: 1vw;
 }
 .trainingP__achievement__text2 {
  text-align: left;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__achievement__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .trainingP__achievement__text {
  font-size: 16px;
  font-size: 1.6rem;
 }
}

@media screen and (max-width: 800px) {
 .trainingP__achievement__heading {
  left: 50%;
  margin-left: -.5em;
  padding: .3em 1.5em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
 }
}

/* ---------------------------------- このようなお悩み解決します */
.sec__training--solution {
 padding: 18vw 0 13.33333vw 0;
 background-image: url(../img/training/solution_bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__training--solution {
  padding: 3.75vw 0 11.25vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--solution {
  padding: 60px 0 180px 0;
 }
}

.trainingP__solution__container {
 margin-top: 8vw;
}

.trainingP__solution {
 margin-bottom: 13.33333vw;
}

.trainingP__solution__container > div:last-child {
 margin-bottom: 0;
}

.trainingP__solution__content {
 position: relative;
 z-index: 2;
}

.trainingP__solution__content > div {
 padding: 6vw 5.33333vw 20vw 5.33333vw;
 background-color: #fff;
 box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

.trainingP__solution__head {
 display: flex;
 margin-bottom: 5.33333vw;
}

.trainingP__solution__num {
 display: inline-block;
 width: 17.33333vw;
 background: linear-gradient(to right, #ff9e00 25%, #ffb517 75%);
 color: transparent;
 -webkit-background-clip: text;
 font-family: "Montserrat", sans-serif;
 font-size: 10.13333vw;
 font-weight: 700;
}

.trainingP__solution__heading {
 width: calc(100% - 17.33333vw);
 font-size: 4.26667vw;
 font-weight: 700;
 line-height: 1.4em;
}

.trainingP__solution__content > div > p {
 line-height: 1.6em;
}

@media all and (-ms-high-contrast: none) {
 /* IE10,11用 */
 .trainingP__solution__num {
  background: none;
  color: #ff9e00;
 }
}

@media screen and (min-width: 801px) {
 .trainingP__solution__container {
  margin-top: 1.25vw;
 }
 .trainingP__solution {
  margin-bottom: 5vw;
 }
 .trainingP__solution__content > div {
  padding: 2.8125vw 2.5vw;
 }
 .trainingP__solution__head {
  align-items: center;
  margin-bottom: 1.875vw;
 }
 .trainingP__solution__num {
  width: 6.875vw;
  font-size: 3.75vw;
 }
 .trainingP__solution__heading {
  width: calc(100% - 7.5vw);
  font-size: 1.5vw;
 }
 .trainingP__solution {
  display: flex;
  justify-content: space-between;
 }
 .trainingP__solution > div {
  width: 50%;
 }
 .trainingP__solution__container > div:nth-child(3) .trainingP__solution__image {
  width: 33.9375vw;
 }
 .trainingP__solution__container > div:nth-child(2) .trainingP__solution__image {
  order: 1;
 }
 .trainingP__solution__container > div:nth-child(2) .trainingP__solution__content {
  order: 2;
 }
 .trainingP__solution__content > div {
  position: absolute;
  width: 45vw;
 }
 .trainingP__solution__container > div:nth-child(2) .trainingP__solution__content > div {
  right: 0;
 }
 .trainingP__solution__container > div:nth-child(1) .trainingP__solution__content > div {
  top: 6.25vw;
 }
 .trainingP__solution__container > div:nth-child(2) .trainingP__solution__content > div {
  top: 4.0625vw;
 }
 .trainingP__solution__container > div:nth-child(3) .trainingP__solution__content > div {
  top: 2.8125vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__solution__container {
  margin-top: 20px;
 }
 .trainingP__solution {
  margin-bottom: 80px;
 }
 .trainingP__solution__content > div {
  padding: 45px 40px;
 }
 .trainingP__solution__head {
  margin-bottom: 30px;
 }
 .trainingP__solution__num {
  width: 110px;
  font-size: 60px;
  font-size: 6.0rem;
 }
 .trainingP__solution__heading {
  width: calc(100% - 120px);
  font-size: 24px;
  font-size: 2.4rem;
 }
 .trainingP__solution__container > div:nth-child(3) .trainingP__solution__image {
  width: 543px;
 }
 .trainingP__solution__content > div {
  width: 720px;
 }
 .trainingP__solution__container > div:nth-child(1) .trainingP__solution__content > div {
  top: 100px;
 }
 .trainingP__solution__container > div:nth-child(2) .trainingP__solution__content > div {
  top: 65px;
 }
 .trainingP__solution__container > div:nth-child(3) .trainingP__solution__content > div {
  top: 45px;
 }
}

@media screen and (max-width: 800px) {
 .trainingP__solution__content {
  margin: 0 auto;
  width: 100%;
 }
 .trainingP__solution__image {
  position: relative;
  top: -14.66667vw;
  margin: 0 auto -14.66667vw auto;
  width: 77.33333vw;
  z-index: 3;
 }
}

/* ---------------------------------- キカガクが選ばれる理由 */
.trainingP__reason > div {
 margin: 0 auto;
 padding: 8vw 0 10.66667vw 0;
}

.trainingP__reason {
 position: relative;
 display: flex;
 align-items: center;
 background-size: cover;
 background-position: center;
}

.trainingP__reason__top {
 padding-top: 18vw;
 background-image: url(../img/training/reason01_bg.jpg);
 background-size: cover;
 background-position: center;
}

.trainingP__reason02 {
 background-image: url(../img/training/reason02_bg.jpg);
}

.trainingP__reason03 {
 background-image: url(../img/training/reason03_bg.jpg);
}

.trainingP__reason04 {
 background-image: url(../img/training/reason04_bg.jpg);
}

.trainingP__reason05 {
 background-image: url(../img/training/reason05_bg.jpg);
}

.trainingP__reason__image {
 position: relative;
 margin-bottom: 6.66667vw;
 width: 80vw;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 800px) {
 .trainingP__reason02 .trainingP__reason__image,
 .trainingP__reason04 .trainingP__reason__image {
  margin-left: auto;
 }
}

.trainingP__reason__content {
 position: relative;
 padding: 0 5.33333vw;
}

.trainingP__reason__content p {
 font-size: 1.2em;
 font-weight: 700;
 line-height: 1.8em;
}

.trainingP__reason__heading {
 margin-bottom: .7em;
 font-size: 5.33333vw;
 font-weight: 700;
}

.trainingP__reason01 .trainingP__reason__heading {
 color: #0060b0;
}

.trainingP__reason02 .trainingP__reason__heading {
 color: #39b572;
}

.trainingP__reason03 .trainingP__reason__heading {
 color: #fbad7d;
}

.trainingP__reason04 .trainingP__reason__heading {
 color: #d31a64;
}

.trainingP__reason05 .trainingP__reason__heading {
 color: #d7cd33;
}

@media screen and (min-width: 801px) {
 .trainingP__reason > div {
  margin: 0 auto;
  padding: 1.5625vw 0;
  width: 87.5vw;
 }
 .trainingP__reason__top {
  padding-top: 4.0625vw;
 }
 .trainingP__reason__top .heading {
  margin-bottom: 6.25vw;
 }
 .trainingP__reason {
  height: 27.8125vw;
 }
 .trainingP__reason__inner {
  display: flex;
  align-items: center;
  width: 75vw;
 }
 .trainingP__reason01 .trainingP__reason__inner,
 .trainingP__reason03 .trainingP__reason__inner,
 .trainingP__reason05 .trainingP__reason__inner {
  margin-right: auto;
 }
 .trainingP__reason02 .trainingP__reason__inner,
 .trainingP__reason04 .trainingP__reason__inner {
  margin-left: auto;
 }
 .trainingP__reason__image {
  top: -3.125vw;
  margin-bottom: 0;
  width: 37.5vw;
 }
 .trainingP__reason__content {
  top: -1.5625vw;
  padding: 0 2.1875vw 0 6.25vw;
  width: calc(100% - 37.5vw);
 }
 .trainingP__reason02 .trainingP__reason__content,
 .trainingP__reason04 .trainingP__reason__content {
  padding: 0 6.25vw 0 2.1875vw;
 }
 .trainingP__reason02 .trainingP__reason__image,
 .trainingP__reason04 .trainingP__reason__image {
  order: 2;
 }
 .trainingP__reason02 .trainingP__reason__content,
 .trainingP__reason04 .trainingP__reason__content {
  order: 1;
 }
 .trainingP__reason__heading {
  font-size: 1.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__reason > div {
  padding: 25px 0;
  width: 1400px;
 }
 .trainingP__reason__top {
  padding-top: 65px;
 }
 .trainingP__reason__top .heading {
  margin-bottom: 100px;
 }
 .trainingP__reason__inner {
  width: 1200px;
 }
 .trainingP__reason {
  height: 445px;
 }
 .trainingP__reason__image {
  top: -50px;
  width: 600px;
 }
 .trainingP__reason__content {
  top: -25px;
  padding: 0 35px 0 100px;
  width: calc(100% - 600px);
 }
 .trainingP__reason02 .trainingP__reason__content,
 .trainingP__reason04 .trainingP__reason__content {
  padding: 0 100px 0 35px;
 }
 .trainingP__reason__heading {
  font-size: 30px;
  font-size: 3.0rem;
 }
}

/* ---------------------------------- 研修事例 */
.sec__training--case01 {
 padding: 18vw 0 13.33333vw 0;
 background-color: #e5eff7;
}

.sec__training--case02,
.sec__training--case03 {
 padding: 24vw 0 13.33333vw 0;
}

.sec__training--case02 {
 background-color: #cce0ef;
}

.sec__training--case03 {
 background-color: #e5eff7;
}

.sec__training--case01 .heading {
 margin-bottom: 8vw;
}

@media screen and (min-width: 801px) {
 .sec__training--case01 {
  padding: 7.5vw 0 6.25vw 0;
 }
 .sec__training--case02,
 .sec__training--case03 {
  padding: 10.625vw 0 6.25vw 0;
 }
 .sec__training--case01 .heading {
  margin-bottom: 2.8125vw;
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--case01 {
  padding: 120px 0 100px 0;
 }
 .sec__training--case02,
 .sec__training--case03 {
  padding: 170px 0 100px 0;
 }
 .sec__training--case01 .heading {
  margin-bottom: 45px;
 }
}

.trainingP__case__container {
 position: relative;
}

.trainingP__case__container:after {
 content: '';
 position: absolute;
 top: -17.33333vw;
 right: -20vw;
 width: 44vw;
 height: 44.26667vw;
 background-size: contain;
 background-repeat: no-repeat;
 z-index: 1;
}

.sec__training--case01 .trainingP__case__container:after,
.sec__training--case03 .trainingP__case__container:after {
 background-image: url(../img/training/logo_light.png);
}

.sec__training--case02 .trainingP__case__container:after {
 background-image: url(../img/training/logo_dark.png);
}

.trainingP__case {
 position: relative;
 margin: 0 auto 10vw auto;
 padding: 4vw 4.66667vw;
 width: 82.66667vw;
 background-color: #fff;
 border: 0.66667vw solid #eee;
 box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
 z-index: 2;
}

.trainingP__case__head {
 position: relative;
 width: 100%;
}

.trainingP__case__image {
 position: relative;
 margin: 0 auto;
 width: 66.66667vw;
}

.trainingP__case01 .trainingP__case__image {
 top: -6.66667vw;
 margin-bottom: -3.33333vw;
}

.trainingP__case02 .trainingP__case__image {
 top: -8vw;
 margin-bottom: -4.66667vw;
}

.trainingP__case03 .trainingP__case__image {
 top: -11.33333vw;
 margin-bottom: -8vw;
}

.trainingP__case__content {
 width: 100%;
}

.trainingP__case__haeding {
 margin-bottom: .3em;
 color: #0060b0;
 font-size: 6.13333vw;
 font-weight: 700;
 text-align: center;
 line-height: 1.4em;
 letter-spacing: .15em;
}

.trainingP__case__head p {
 font-size: 1.2em;
 font-weight: 700;
 text-align: center;
 line-height: 1.8em;
}

.trainingP__case__num {
 position: relative;
 margin: 0 1em 1em 0;
 color: #0060b0;
 font-family: "Montserrat", sans-serif;
 font-size: 8vw;
 font-weight: 700;
 text-align: right;
 z-index: 2;
}

.trainingP__case__num span {
 margin-left: .1em;
 font-size: 11.46667vw;
}

@media screen and (min-width: 801px) {
 .trainingP__case__container:after {
  top: -8.125vw;
  right: -12.5vw;
  width: 20.625vw;
  height: 20.75vw;
 }
 .trainingP__case {
  display: flex;
  justify-content: space-between;
  margin: 0 0 4.6875vw auto;
  padding: 1.875vw 2.8125vw;
  width: 100%;
  border: 0.1875vw solid #eee;
 }
 .trainingP__case__head {
  width: 26.25vw;
 }
 .trainingP__case__image {
  margin: 0;
  width: 25.25vw;
 }
 .trainingP__case01 .trainingP__case__image {
  top: -3.125vw;
  margin-bottom: -1.5625vw;
 }
 .trainingP__case02 .trainingP__case__image {
  top: -3.75vw;
  margin-bottom: -2.1875vw;
 }
 .trainingP__case03 .trainingP__case__image {
  top: -5.3125vw;
  margin-bottom: -3.75vw;
 }
 .trainingP__case__content {
  width: 40.625vw;
 }
 .trainingP__case__haeding {
  font-size: 2.25vw;
  text-align: left;
 }
 .trainingP__case__head p {
  text-align: left;
 }
 .trainingP__case__num {
  margin: 0;
  font-size: 3.75vw;
 }
 .trainingP__case__num span {
  font-size: 5.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__case__container:after {
  top: -130px;
  right: -200px;
  width: 330px;
  height: 332px;
 }
 .trainingP__case {
  margin: 0 0 75px auto;
  padding: 30px 45px;
  border: 3px solid #eee;
 }
 .trainingP__case__head {
  width: 420px;
 }
 .trainingP__case__image {
  width: 404px;
 }
 .trainingP__case01 .trainingP__case__image {
  top: -50px;
  margin-bottom: -25px;
 }
 .trainingP__case02 .trainingP__case__image {
  top: -60px;
  margin-bottom: -35px;
 }
 .trainingP__case03 .trainingP__case__image {
  top: -85px;
  margin-bottom: -60px;
 }
 .trainingP__case__content {
  width: 650px;
 }
 .trainingP__case__haeding {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .trainingP__case__num {
  font-size: 60px;
  font-size: 6.0rem;
 }
 .trainingP__case__num span {
  font-size: 86px;
  font-size: 8.6rem;
 }
}

@media screen and (max-width: 800px) {
 .trainingP__case__content {
  margin-top: 5.33333vw;
 }
}

.trainingP__case__data {
 margin-bottom: 1em;
}

.trainingP__case__data dt {
 position: relative;
 display: inline-block;
 margin-bottom: 2.66667vw;
 padding: .5em 1em .5em 2.5em;
 background-color: #ffeed4;
 border-radius: .5em;
 color: #ff9f01;
 font-size: 3.73333vw;
 font-weight: 700;
}

.trainingP__case__data dd {
 font-weight: 700;
 line-height: 1.6em;
}

.trainingP__case__content > dl dt:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 1em;
 display: inline-block;
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.trainingP__case__content > dl:nth-child(1) dt:before {
 width: 2vw;
 height: 2.13333vw;
 background-image: url(../img/training/window.png);
}

.trainingP__case__content > dl:nth-child(2) dt:before {
 width: 1.6vw;
 height: 2.4vw;
 background-image: url(../img/training/light.png);
}

.trainingP__case__content > dl:nth-child(3) dt:before {
 width: 2.93333vw;
 height: 1.6vw;
 background-image: url(../img/training/chart.png);
}

@media screen and (min-width: 801px) {
 .trainingP__case__data dt {
  margin-bottom: 0.625vw;
  font-size: 1.125vw;
 }
 .trainingP__case__content > dl:nth-child(1) dt:before {
  width: 0.9375vw;
  height: 1vw;
 }
 .trainingP__case__content > dl:nth-child(2) dt:before {
  width: 0.75vw;
  height: 1.125vw;
 }
 .trainingP__case__content > dl:nth-child(3) dt:before {
  width: 1.375vw;
  height: 0.75vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__case__data dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .trainingP__case__content > dl:nth-child(1) dt:before {
  width: 15px;
  height: 16px;
 }
 .trainingP__case__content > dl:nth-child(2) dt:before {
  width: 12px;
  height: 18px;
 }
 .trainingP__case__content > dl:nth-child(3) dt:before {
  width: 22px;
  height: 12px;
 }
}

.trainingP__table {
 position: relative;
 margin: 0 auto 5.33333vw auto;
 font-size: 3.06667vw;
 table-layout: fixed;
 empty-cells: show;
 white-space: normal;
 z-index: 2;
}

.trainingP__table01 {
 width: 226.66667vw;
}

.trainingP__table02 {
 width: 226.66667vw;
}

.trainingP__table03 {
 width: 253.33333vw;
}

.trainingP__table tbody {
 background-color: #fff;
 border-radius: 0 0 1.2em 1.2em;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.trainingP__table thead {
 background-color: #005dad;
 color: #fff;
 font-size: 1.2em;
 font-weight: 700;
 text-align: center;
}

.trainingP__table thead td {
 padding: 1em 0;
}

.trainingP__table tbody tr:last-child td {
 padding-bottom: 1.7em;
}

.trainingP__table th {
 width: 11.33333vw;
 color: #0060b0;
 font-weight: 700;
 text-align: center;
}

.trainingP__table td {
 position: relative;
 border-left: 3px solid #f6f6f6;
 line-height: 1.6em;
}

.trainingP__table01 tbody td {
 padding: 1em .5em;
}

.trainingP__table02 tbody td {
 padding: 1.5em 1em 1.7em 1em;
}

.trainingP__table03 tbody td {
 padding: 1em .4em;
}

.trainingP__table tr:nth-child(even) {
 background-color: #e9f6fe;
}

.trainingP__table ul li {
 padding-left: 1em;
 text-indent: -1em;
 line-height: 1.8em;
}

.trainingP__table ul li:before {
 content: '・';
}

@media screen and (min-width: 801px) {
 .trainingP__table {
  margin: 0 auto 1.5625vw -6.25vw;
  font-size: 0.9375vw;
  width: 87.5vw;
 }
 .trainingP__table th {
  width: 4.0625vw;
 }
 .trainingP__table02 tbody td {
  padding: 2em 2em 2.2em 2em;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__table {
  margin: 0 auto 25px auto;
  font-size: 15px;
  font-size: 1.5rem;
  width: 100%;
 }
 .trainingP__table th {
  width: 65px;
 }
}

.trainingP__table01--1 {
 margin-bottom: 0;
}

.trainingP__table01 td {
 vertical-align: top;
}

.trainingP__table01 td ul li {
 font-size: .8em;
}

.trainingP__table01 td > div p,
.trainingP__table02 td > div p {
 margin-bottom: .3em;
 font-weight: 700;
}

.trainingP__table01 td > div,
.trainingP__table02 td > div {
 margin-bottom: 1em;
}

.trainingP__table02 td > div:last-of-type {
 margin-bottom: 0;
}

.trainingP__table03 td {
 font-weight: 700;
}

.trainingP__table__yellow {
 font-weight: 700;
 text-align: center;
 background-color: #ffeed4;
 vertical-align: middle !important;
}

.trainingP__table01--1 thead th,
.trainingP__table02 thead th,
.trainingP__table03 thead th {
 border-radius: 1.2em 0 0 0;
}

.trainingP__table01--2 tbody tr:first-child td:last-child,
.trainingP__table02 tbody tr:last-child td:last-child,
.trainingP__table03 tbody tr:last-child td:last-child {
 border-radius: 0 0 1.2em 0;
}

@media screen and (min-width: 801px) {
 .trainingP__table01--1 thead td:last-child,
 .trainingP__table02 thead td:last-child,
 .trainingP__table03 thead td:last-child {
  border-radius: 0 1.2em 0 0;
 }
 .trainingP__table01--2 tbody tr:last-child th,
 .trainingP__table02 tbody tr:last-child th,
 .trainingP__table03 tbody tr:last-child th {
  border-radius: 0 0 0 1.2em;
 }
}

@media screen and (max-width: 800px) {
 .trainingP__table__container {
  display: flex;
  margin-bottom: 5.33333vw;
  width: 453.33333vw;
  border-radius: 1.2em;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
 }
 .trainingP__table01--1,
 .trainingP__table01--2 {
  margin: 0;
 }
 .trainingP__table01--1 tbody,
 .trainingP__table01--2 tbody {
  box-shadow: none;
 }
 .trainingP__table01--2 th {
  display: none;
 }
 .trainingP__table01--1 thead th {
  border-radius: 1.2em 0 0 0;
 }
 .trainingP__table01--2 thead td:last-child {
  border-radius: 0 1.2em 0 0;
 }
 .trainingP__table01--2 tbody tr:first-child td:last-child {
  border-radius: 0 0 1.2em 0;
 }
 .trainingP__table01--1 tbody tr:last-child th {
  border-radius: 0 0 0 1.2em;
 }
 .trainingP__table02 thead td:last-child,
 .trainingP__table03 thead td:last-child {
  border-radius: 0 1.2em 0 0;
 }
 .trainingP__table02 tbody tr:last-child th,
 .trainingP__table03 tbody tr:last-child th {
  border-radius: 0 0 0 1.2em;
 }
}

/* ---------------------------------- 特典 */
.sec__training--benefits {
 padding: 13.33333vw 0 24vw 0;
}

.sec__training--benefits:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 50%;
 background-image: -moz-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -webkit-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -ms-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 z-index: -1;
}

.sec__training--benefits:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 52%;
 background-image: url(../img/training/benefits_bg_sp.jpg);
 background-size: cover;
 background-position: center bottom;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .sec__training--benefits {
  padding: 4.0625vw 0 2.8125vw 0;
 }
 .sec__training--benefits:after {
  background-image: url(../img/training/benefits_bg.jpg);
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--benefits {
  padding: 65px 0 45px 0;
 }
}

.trainingP__benefits__head {
 margin: 5.33333vw 0 0 0;
 text-align: center;
}

.trainingP__benefits__heading {
 position: relative;
 display: inline-block;
 position: relative;
 padding-left: .7em;
 color: #fff;
 font-size: 5.06667vw;
 font-weight: 700;
 letter-spacing: .15em;
 z-index: 2;
}

.trainingP__benefits__heading:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: .5em;
 background-color: #91d6b1;
 z-index: -1;
}

@media screen and (min-width: 801px) {
 .trainingP__benefits__head {
  margin: 1.875vw 0 0 0;
 }
 .trainingP__benefits__heading {
  margin: 0;
  font-size: 3vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__benefits__head {
  margin: 30px 0 0 0;
 }
 .trainingP__benefits__heading {
  font-size: 48px;
  font-size: 4.8rem;
 }
}

.trainingP__benefits__cta {
 margin-top: 6vw;
 padding: 5.33333vw 4vw 6vw 4vw;
 background-color: #fff;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
 border-radius: 1.2em;
}

.trainingP__benefits__cta .cmn__cta__apply__heading {
 color: #39b572;
}

@media screen and (min-width: 801px) {
 .trainingP__benefits__cta {
  margin-top: 2.8125vw;
  padding: 2.1875vw 6.25vw 3.125vw 6.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__benefits__cta {
  margin-top: 45px;
  padding: 35px 100px 50px 100px;
 }
}

@media screen and (max-width: 800px) {
 .trainingP__benefits__cta .cmn__cta__apply__heading {
  font-size: 4.53333vw;
 }
 .trainingP__benefits__cta .btn--apply a {
  font-size: 4vw;
 }
}

.sec__training--benefits .cmn__cta__box {
 margin: 6.66667vw 0 6.66667vw 0;
}

@media screen and (min-width: 801px) {
 .sec__training--benefits .cmn__cta__box {
  margin: 3.125vw 0 3.125vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--benefits .cmn__cta__box {
  margin: 50px 0 50px 0;
 }
}

/* ---------------------------------- お申し込みフロー */
.sec__training--flow {
 padding: 18vw 0;
 background-image: url(../img/training/flow_bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__training--flow {
  padding: 7.5vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--flow {
  padding: 120px 0;
 }
}

.trainingP__flow__container {
 position: relative;
 margin-top: 6vw;
 padding: 8vw 3.33333vw;
 background-color: #fff;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
}

.trainingP__flow__inner {
 position: relative;
}

.trainingP__flow__inner .businessP__flow {
 padding-left: 0;
}

.trainingP__flow__inner .businessP__flow:before {
 left: 13.33333vw;
}

.trainingP__flow__btn {
 margin-top: 37.33333vw;
 text-align: center;
}

@media screen and (min-width: 801px) {
 .trainingP__flow__container {
  margin-top: 2.8125vw;
  padding: 5vw 2.8125vw;
 }
 .trainingP__flow__inner .businessP__flow:before {
  left: 4.6875vw;
 }
 .trainingP__flow__btn {
  margin-top: 9.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__flow__container {
  margin-top: 45px;
  padding: 80px 45px;
 }
 .trainingP__flow__inner .businessP__flow:before {
  left: 75px;
 }
 .trainingP__flow__btn {
  margin-top: 150px;
 }
}

/* ---------------------------------- よくある質問 */
.sec__training--faq {
 padding: 13.33333vw 0 34.66667vw 0;
 background-image: url(../img/training/faq_bg.jpg);
 background-size: cover;
 background-position: center;
}

@media screen and (min-width: 801px) {
 .sec__training--faq {
  padding: 6.25vw 0 16.25vw 0;
 }
}

@media screen and (min-width: 1601px) {
 .sec__training--faq {
  padding: 100px 0 260px 0;
 }
}

.trainingP__faq__container {
 margin-top: 7.33333vw;
 padding: 5.33333vw;
 background-color: #fff;
}

.trainingP__faq {
 margin-bottom: 2em;
}

.trainingP__faq__heading {
 position: relative;
 margin-bottom: 1em;
 padding: 1em 6.66667vw 1em 7.33333vw;
 color: #39b572;
 border-bottom: 0.53333vw solid #39b572;
 font-size: 3.73333vw;
 font-weight: 700;
 line-height: 1.6em;
 transition: .3s;
}

.trainingP__faq__heading:hover {
 cursor: pointer;
}

.trainingP__faq__heading:before {
 content: 'Q';
 position: absolute;
 top: .5em;
 left: 0;
 color: #39b572;
 font-family: "Montserrat", sans-serif;
 font-size: 6.13333vw;
 font-weight: 700;
}

.trainingP__faq__heading:after {
 position: absolute;
 top: 50%;
 right: 0;
 content: '';
 display: inline-block;
 width: 4vw;
 height: 4vw;
 background-image: url(../img/training/faq_arrow.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.trainingP__faq__heading.is-show:after {
 background-image: url(../img/training/faq_line.png);
}

.trainingP__faq__content {
 position: relative;
 margin-left: auto;
 padding: 0 1em 0 8vw;
 width: calc(100% - 8vw);
 line-height: 1.8em;
}

.trainingP__faq__content:before {
 content: 'A';
 position: absolute;
 top: 0;
 left: 0;
 color: #fbad7d;
 font-family: "Montserrat", sans-serif;
 font-size: 6.13333vw;
 font-weight: 700;
}

@media screen and (min-width: 801px) {
 .trainingP__faq__container {
  margin-top: 3.4375vw;
  padding: 4.0625vw 6.25vw;
 }
 .trainingP__faq__heading {
  padding: 1em 3.4375vw;
  border-bottom: 0.125vw solid #39b572;
  font-size: 1.125vw;
 }
 .trainingP__faq__heading:after {
  width: 1.875vw;
  height: 1.875vw;
 }
 .trainingP__faq__heading:before {
  font-size: 2.25vw;
 }
 .trainingP__faq__content {
  padding: 0 3.75vw 0 3.4375vw;
  width: calc(100% - 3.75vw);
 }
 .trainingP__faq__content:before {
  font-size: 2.25vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__faq__container {
  margin-top: 55px;
  padding: 65px 100px;
 }
 .trainingP__faq__heading {
  padding: 1em 55px;
  border-bottom: 2px solid #39b572;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .trainingP__faq__heading:after {
  width: 30px;
  height: 30px;
 }
 .trainingP__faq__heading:before {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .trainingP__faq__content {
  padding: 0 60px 0 55px;
  width: calc(100% - 60px);
 }
 .trainingP__faq__content:before {
  font-size: 36px;
  font-size: 3.6rem;
 }
}

.trainingP__benefits__cta__container {
 position: relative;
}

.trainingP__benefits__cta__container:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 34.66667vw;
 background-image: -moz-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -webkit-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -ms-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 z-index: -1;
}

.trainingP__benefits__cta__container .trainingP__benefits__cta {
 margin-top: 0;
}

.trainingP__benefits__cta__container .trainingP__benefits__cta {
 position: relative;
 top: -24vw;
 margin-bottom: -14.66667vw;
}

@media screen and (min-width: 801px) {
 .trainingP__benefits__cta__container:after {
  height: 8.125vw;
 }
 .trainingP__benefits__cta__container .trainingP__benefits__cta {
  top: -10vw;
  margin-bottom: -6.875vw;
 }
}

@media screen and (min-width: 1601px) {
 .trainingP__benefits__cta__container:after {
  height: 130px;
 }
 .trainingP__benefits__cta__container .trainingP__benefits__cta {
  top: -160px;
  margin-bottom: -110px;
 }
}

/*  回遊
------------------------------------------------------------------------------*/
.mig__container > div {
 position: relative;
 height: 48vw;
}

.mig__container > div:nth-of-type(1) {
 width: 100%;
 background-image: -moz-linear-gradient(0deg, #e2e3e7 0%, #c8cbd3 50%, #c7c8cb 100%, #c8cbd2 100%);
 background-image: -webkit-linear-gradient(0deg, #e2e3e7 0%, #c8cbd3 50%, #c7c8cb 100%, #c8cbd2 100%);
 background-image: -ms-linear-gradient(0deg, #e2e3e7 0%, #c8cbd3 50%, #c7c8cb 100%, #c8cbd2 100%);
}

.mig__container > div:nth-of-type(2) {
 width: 100%;
 background-image: -moz-linear-gradient(0deg, rgba(199, 206, 216, 0.99608) 0%, #9faab7 100%);
 background-image: -webkit-linear-gradient(0deg, rgba(199, 206, 216, 0.99608) 0%, #9faab7 100%);
 background-image: -ms-linear-gradient(0deg, rgba(199, 206, 216, 0.99608) 0%, #9faab7 100%);
}

@media screen and (min-width: 801px) {
 .mig__container {
  display: flex;
 }
 .mig__container > div {
  width: 50%;
  height: 18.75vw;
 }
}

@media screen and (min-width: 1601px) {
 .mig__container > div {
  height: 300px;
 }
}

.mig__inner {
 position: absolute;
 top: 50%;
 left: 50%;
}

@media screen and (max-width: 800px) {
 .mig__inner {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
}

@media screen and (min-width: 801px) {
 .mig__inner {
  top: 3.4375vw;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 }
}

@media screen and (min-width: 1601px) {
 .mig__inner {
  top: 55px;
 }
}

/* ----------------- セクション英語見出し - */
.mig__heading {
 color: #fff;
 font-size: 4.53333vw;
 font-weight: 700;
 text-align: center;
 white-space: nowrap;
}

.mig__time {
 color: #fff;
 font-size: 3.46667vw;
 font-weight: 700;
 text-align: center;
}

@media screen and (min-width: 801px) {
 .mig__heading {
  font-size: 1.5vw;
 }
 .mig__time {
  font-size: 1vw;
 }
}

@media screen and (min-width: 1601px) {
 .mig__heading {
  font-size: 24px;
  font-size: 2.4rem;
 }
 .mig__time {
  font-size: 16px;
  font-size: 1.6rem;
 }
}

/* ----------------- メインコンテンツ部分 - */
.btn--mig {
 position: relative;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 margin: 4.66667vw auto;
 width: 55.33333vw;
 height: 14.66667vw;
 border: 1px solid #fff;
 overflow: hidden;
 cursor: pointer;
}

.btn--mig a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 146.66667vw;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: 4.53333vw;
 font-weight: 600;
 text-align: center;
 letter-spacing: .3em;
 transition: all .5s ease;
 z-index: 2;
}

.btn--mig__effect {
 position: absolute;
 width: 100%;
 height: 146.66667vw;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.btn--mig:hover .btn--mig__effect {
 left: 0;
}

.mig__container div:nth-of-type(1) .btn--mig:hover a {
 color: #c7c8ca;
}

.mig__container div:nth-of-type(2) .btn--mig:hover a {
 color: #9ea7b2;
}

@media screen and (min-width: 801px) {
 .btn--mig {
  margin: 1.5625vw auto;
  width: 25.3125vw;
  height: 6.25vw;
 }
 .btn--mig a {
  height: 6.25vw;
  font-size: 1.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--mig {
  margin: 25px auto;
  width: 405px;
  height: 100px;
 }
 .btn--mig a {
  height: 100px;
  font-size: 24px;
  font-size: 2.4rem;
 }
}

/*  パンくず
------------------------------------------------------------------------------*/
.breadcrumb__container {
 width: 100%;
}

.breadcrumb {
 margin: 0 auto;
 padding: 1.5em 0;
 display: flex;
}

.breadcrumb__home {
 position: relative;
}

.breadcrumb__home:before {
 content: '';
 position: relative;
 display: inline-block;
 width: 4.26667vw;
 height: 4.8vw;
 background-image: url(../img/common/home.png);
 background-size: contain;
 background-repeat: no-repeat;
}

.breadcrumb li {
 display: flex;
 position: relative;
 margin-right: 1em;
 font-size: calc(24 / 750 * 100vw);
 line-height: 1.6em;
}

.breadcrumb li:after {
 position: relative;
 margin-left: 1em;
 content: '＞';
}

.breadcrumb li:last-child {
 margin-right: 0;
}

.breadcrumb li:last-child:after {
 content: '';
}

@media screen and (min-width: 801px) {
 .breadcrumb__home:before {
  width: 1vw;
  height: 1.125vw;
 }
 .breadcrumb li {
  font-size: calc(13 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 .breadcrumb__home:before {
  width: 16px;
  height: 18px;
 }
 .breadcrumb li {
  font-size: 13px;
  font-size: 1.3rem;
 }
}

/*  ページネーション
------------------------------------------------------------------------------*/
.pagenation {
 margin: 9.33333vw 0 13.33333vw 0;
 width: 100%;
}

.pagenation ul {
 display: flex;
 justify-content: center;
 align-items: center;
}

.pagenation ul li {
 margin: 0 1.5em .3em 0;
}

.pagenation ul li:last-child {
 margin: 0 0 .3em 0;
}

.pagenation__num span,
.pagenation__num a {
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 width: calc(80 / 750 * 100vw);
 height: calc(80 / 750 * 100vw);
 background-color: #a9b2c8;
 color: #fff;
 font-family: "Montserrat", sans-serif;
 font-size: calc(26 / 750 * 100vw);
 font-weight: 700;
}

.pagenation__num.is-active span {
 background-color: #0060b0;
}

.pagenation__num span:hover,
.pagenation__num a:hover {
 background-color: #0060b0;
}

@media screen and (min-width: 801px) {
 .pagenation {
  margin: 2.1875vw 0 5.3125vw 0;
 }
 .pagenation__num span,
 .pagenation__num a {
  width: calc(40 / 1600 * 100vw);
  height: calc(40 / 1600 * 100vw);
  font-size: calc(15 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 .pagenation {
  margin: 35px 0 85px 0;
 }
 .pagenation__num span,
 .pagenation__num a {
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-size: 1.5rem;
 }
}

.pagenation__prev a,
.pagenation__next a {
 position: relative;
 display: block;
 padding: 0 .5em;
 color: #4087ed;
 text-align: center;
 transition: .3s;
}

.pagenation__prev a:hover,
.pagenation__next a:hover {
 color: #0060b0;
}

.pagenation__prev a:before {
 content: '◁';
}

.pagenation__next a:before {
 content: '▷';
}

.pagenation__prev a:hover::before {
 content: '◀︎';
}

.pagenation__next a:hover::before {
 content: '▶︎';
}

/*  ボタン
------------------------------------------------------------------------------*/
.btn__container {
 margin: 0 auto;
 width: 100%;
}

.btn {
 position: relative;
 font-family: "Montserrat", sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
}

/* ---------------------------------- スクエアボタン */
.btn--square {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 10.66667vw;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
 text-align: center;
 overflow: hidden;
 cursor: pointer;
}

.btn--square a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 10.66667vw;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
 text-decoration: none;
 transition: all .5s ease;
 z-index: 2;
}

.btn--square__effect {
 position: absolute;
 width: 100%;
 height: 10.66667vw;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.btn--square:hover .btn--square__effect {
 left: 0;
}

@media screen and (min-width: 801px) {
 .btn--square {
  height: 3.75vw;
 }
 .btn--square a {
  height: 3.75vw;
  font-size: 1.125vw;
 }
 .btn--square__effect {
  height: 3.75vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--square {
  height: 60px;
 }
 .btn--square a {
  height: 60px;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .btn--square__effect {
  height: 60px;
 }
}

/* ---------------------------------- 角丸ボタン */
.btn--radius {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 width: 66.66667vw;
 max-width: 100%;
 height: 12vw;
 border-radius: 2em;
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
 text-align: center;
 overflow: hidden;
 cursor: pointer;
}

.btn--radius a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 12vw;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
 text-decoration: none;
 transition: all .5s ease;
 z-index: 2;
}

.btn--radius__effect {
 position: absolute;
 width: 100%;
 height: 12vw;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.btn--radius:hover .btn--radius__effect {
 left: 0;
}

@media screen and (min-width: 801px) {
 .btn--radius {
  height: 3.75vw;
 }
 .btn--radius a {
  height: 3.75vw;
  font-size: 1.125vw;
 }
 .btn--radius__effect {
  height: 3.75vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--radius {
  height: 60px;
 }
 .btn--radius a {
  height: 60px;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .btn--radius__effect {
  height: 60px;
 }
}

.btn--arrow:after {
 content: '';
 position: absolute;
 top: 50%;
 right: 1.5em;
 display: inline-block;
 width: 3.2vw;
 height: 1.06667vw;
 background-image: url(../img/common/btn_mark_w.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 3;
}

@media screen and (min-width: 801px) {
 .btn--arrow:after {
  width: 1vw;
  height: 0.3125vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--arrow:after {
  width: 16px;
  height: 5px;
 }
}

.btn--mark:after {
 content: '';
 position: absolute;
 top: 50%;
 right: 1.5em;
 display: inline-block;
 width: 3.2vw;
 height: 3.2vw;
 background-image: url(../img/common/btn_square_w.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 3;
}

.btn--mark:hover:after {
 background-image: url(../img/common/btn_square_b.png) !important;
}

@media screen and (min-width: 801px) {
 .btn--mark:after {
  width: 0.75vw;
  height: 0.75vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--mark:after {
  width: 12px;
  height: 12px;
 }
}

.btn--blue:hover:after {
 background-image: url(../img/common/btn_mark_b.png);
}

.btn--green:hover:after {
 background-image: url(../img/common/btn_mark_g.png);
}

.btn--purple:hover:after {
 background-image: url(../img/common/btn_mark_p.png);
}

.btn--orange:hover:after,
.btn--apply:hover:after {
 background-image: url(../img/common/btn_mark_o.png);
}

.btn--red:hover:after {
 background-image: url(../img/common/btn_mark_r.png);
}

.btn--white:after,
.btn--apply--blue:hover:after {
 background-image: url(../img/common/btn_mark_b.png);
}

.btn--white:hover:after {
 background-image: url(../img/common/btn_mark_w.png);
}

.btn--blue {
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

.btn--green {
 background-image: -moz-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -webkit-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
 background-image: -ms-linear-gradient(0deg, #296c00 0%, #7bd7a5 0%, #32b16c 100%);
}

.btn--purple {
 background-image: -moz-linear-gradient(0deg, #b6dcff 0%, #b9b6e5 100%);
 background-image: -webkit-linear-gradient(0deg, #b6dcff 0%, #b9b6e5 100%);
 background-image: -ms-linear-gradient(0deg, #b6dcff 0%, #b9b6e5 100%);
}

.btn--orange {
 background-image: -moz-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -webkit-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
 background-image: -ms-linear-gradient(0deg, rgba(247, 203, 107, 0.99608) 0%, #fba980 100%);
}

.btn--red {
 background-image: -moz-linear-gradient(0deg, #ff887c 0%, #c54444 100%);
 background-image: -webkit-linear-gradient(0deg, #ff887c 0%, #c54444 100%);
 background-image: -ms-linear-gradient(0deg, #ff887c 0%, #c54444 100%);
}

.btn--white {
 background-color: #fff;
}

.btn--apply {
 border-radius: 3.5em;
 width: 100%;
 height: 16vw;
 border: 0.8vw solid #fff;
 background-image: -moz-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 background-image: -webkit-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 background-image: -ms-linear-gradient(0deg, #ff9e00 0%, #ffb517 100%);
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
}

.btn--apply--blue {
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%) !important;
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%) !important;
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%) !important;
}

.btn--apply .btn--radius__effect {
 height: 16vw;
}

.btn--blue:hover {
 border: 0.8vw solid #305097;
}

.btn--green:hover {
 border: 0.8vw solid #39b572;
}

.btn--purple:hover {
 border: 0.8vw solid #b9b8e6;
}

.btn--orange:hover {
 border: 0.8vw solid #fbad7d;
}

.btn--red:hover {
 border: 0.8vw solid #d16a6a;
}

.btn--blue:hover a {
 color: #305097;
}

.btn--green:hover a {
 color: #39b572;
}

.btn--purple:hover a {
 color: #b9b8e6;
}

.btn--orange:hover a {
 color: #fbad7d;
}

.btn--red:hover a {
 color: #d16a6a;
}

.btn--white a {
 color: #305097;
}

.btn--apply a {
 font-size: 4.53333vw;
 color: #fff !important;
 letter-spacing: .15em;
}

.btn--apply a:before {
 content: '';
 display: inline-block;
 margin-right: .5em;
 width: 5.06667vw;
 height: 4.26667vw;
 background-image: url(../img/common/download.png);
 background-size: contain;
 background-repeat: no-repeat;
}

#seminar-apply .btn--apply a:before,
#training-flow .btn--apply a:before {
 content: none;
}

.btn--apply:hover a:before {
 background-image: url(../img/common/download_orange.png);
}

.btn--white:hover a {
 color: #fff !important;
}

.btn--apply:hover a {
 color: #ff9e00 !important;
}

.btn--apply--blue:hover a {
 color: #4186ec !important;
}

.btn--blue .btn--radius__effect,
.btn--apply .btn--radius__effect {
 background-color: #fff;
}

.btn--white .btn--radius__effect {
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
}

@media screen and (min-width: 801px) {
 .btn--blue:hover {
  border: 0.1875vw solid #305097;
 }
 .btn--green:hover {
  border: 0.1875vw solid #39b572;
 }
 .btn--purple:hover {
  border: 0.1875vw solid #b9b8e6;
 }
 .btn--orange:hover {
  border: 0.1875vw solid #fbad7d;
 }
 .btn--red:hover {
  border: 0.1875vw solid #d16a6a;
 }
 .btn--white {
  border: 0.1875vw solid #305097;
 }
 .btn--apply {
  border-radius: 3.5em;
  height: 5.625vw;
  border: 0.1875vw solid #fff;
 }
 .btn--apply .btn--radius__effect {
  height: 5.625vw;
 }
 .btn--apply a {
  font-size: 2.25vw;
 }
 .btn--apply a:before {
  width: 2.375vw;
  height: 2vw;
 }
 .btn--240 {
  width: 15vw;
 }
 .btn--320 {
  width: 20vw;
 }
 .btn--360 {
  width: 22.5vw;
 }
 .btn--370 {
  width: 23.125vw;
 }
 .btn--500 {
  width: 31.25vw;
 }
 .btn--1000 {
  width: 62.5vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--blue:hover {
  border: 3px solid #305097;
 }
 .btn--green:hover {
  border: 3px solid #39b572;
 }
 .btn--purple:hover {
  border: 3px solid #b9b8e6;
 }
 .btn--orange:hover {
  border: 3px solid #fbad7d;
 }
 .btn--red:hover {
  border: 3px solid #d16a6a;
 }
 .btn--white {
  border: 3px solid #305097;
 }
 .btn--apply {
  height: 90px;
  border: 3px solid #fff;
 }
 .btn--apply .btn--radius__effect {
  height: 90px;
 }
 .btn--apply a {
  font-size: 36px;
  font-size: 3.6rem;
 }
 .btn--apply a:before {
  width: 38px;
  height: 32px;
 }
 .btn--240 {
  width: 240px;
 }
 .btn--320 {
  width: 320px;
 }
 .btn--360 {
  width: 360px;
 }
 .btn--370 {
  width: 370px;
 }
 .btn--500 {
  width: 500px;
 }
 .btn--1000 {
  width: 1000px;
 }
}

/* ---------------------------------- スクエア大ボタン */
.btn--business {
 position: relative;
 margin: 0 auto;
 width: 100%;
 height: 12.66667vw;
 background-image: -moz-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -webkit-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 background-image: -ms-linear-gradient(0deg, #0bbafb 0%, #4285ec 100%);
 box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
 text-align: center;
 overflow: hidden;
 cursor: pointer;
}

.btn--business a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 12.66667vw;
 color: #fff;
 font-size: 3.73333vw;
 font-weight: 700;
 text-decoration: none;
 transition: all .5s ease;
 z-index: 2;
}

.btn--business a:after {
 content: '';
 position: absolute;
 top: 50%;
 right: 1em;
 display: inline-block;
 width: 3.2vw;
 height: 1.06667vw;
 background-image: url(../img/common/btn_mark_w.png);
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 3;
}

.btn--business__effect {
 position: absolute;
 width: 100%;
 height: 12.66667vw;
 left: -100%;
 background-color: #fff;
 transition: all .5s ease;
 z-index: 1;
}

.btn--business:hover .btn--business__effect {
 left: 0;
}

.btn--business:hover a {
 color: #4285ec;
}

.btn--business:hover a:after {
 background-image: url(../img/common/btn_mark_b.png);
}

@media screen and (min-width: 801px) {
 .btn--business {
  width: 62.5vw;
  height: 5.625vw;
 }
 .btn--business a {
  height: 5.625vw;
  font-size: 1.125vw;
 }
 .btn--business a:after {
  right: 22.1875vw;
  width: 1vw;
  height: 0.3125vw;
 }
 .btn--business__effect {
  height: 5.625vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--business {
  width: 1000px;
  height: 90px;
 }
 .btn--business a {
  height: 90px;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .btn--business a:after {
  right: 355px;
  width: 16px;
  height: 5px;
 }
 .btn--business__effect {
  height: 90px;
 }
}

/* ---------------------------------- モアボタン */
.btn--more {
 display: inline-flex;
 justify-content: flex-end;
 align-items: center;
 padding: 0 1em;
 width: 44vw;
 height: 6.66667vw;
 border: 1px solid #15b48a;
 color: #15b48a;
 text-align: right;
 font-family: "Montserrat", sans-serif;
 font-size: 3.33333vw;
 font-weight: 600;
 transition: .3s;
}

.btn--more--green {
 border: 1px solid #15b48a;
 color: #15b48a;
}

.btn--more--blue {
 border: 1px solid #0060b0;
 color: #0060b0;
}

.btn--more:before {
 content: '';
 position: absolute;
 top: 50%;
 left: -6vw;
 width: 12vw;
 height: 1px;
}

.btn--more--green:before {
 background-color: #15b48a;
}

.btn--more--blue:before {
 background-color: #0060b0;
}

.hover__container a:hover .btn--more {
 color: #fff;
}

.hover__container a:hover .btn--more--green {
 background-color: #15b48a;
}

.hover__container a:hover .btn--more--blue {
 background-color: #0060b0;
}

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

@media screen and (min-width: 801px) {
 .btn--more {
  width: 13.4375vw;
  height: 1.875vw;
  font-size: 0.9375vw;
 }
 .btn--more:before {
  left: -2.1875vw;
  width: 4.375vw;
 }
}

@media screen and (min-width: 1601px) {
 .btn--more {
  width: 165px;
  height: 30px;
  font-size: 15px;
  font-size: 1.5rem;
 }
 .btn--more:before {
  left: -35px;
  width: 70px;
 }
}

/*  スクロールアニメーション
------------------------------------------------------------------------------*/
.anim {
 opacity: 0;
}

.anim.is-show {
 opacity: 1;
}

.anim--in.is-show {
 animation: scale 1s;
}

@keyframes scale {
 0% {
  transform: scale(1.05, 1.105);
  opacity: 0;
 }
 100% {
  transform: scale(1, 1);
  opacity: 1;
 }
}

.anim--left {
 -webkit-transform: translateX(-100px);
 transform: translateX(-100px);
}

.anim--left.is-show {
 -webkit-transform: translateX(0) scale(1);
 transform: translateX(0) scale(1);
 transition: transform 1s cubic-bezier(0.08, 0.92, 0.35, 1), opacity 0.5s;
}

.anim--right {
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
}

.anim--right.is-show {
 -webkit-transform: translateX(0) scale(1);
 transform: translateX(0) scale(1);
 transition: transform 1s cubic-bezier(0.08, 0.92, 0.35, 1), opacity 0.5s;
}

.anim--top {
 opacity: 0;
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}

.anim--top.is-show {
 -webkit-transform: translateY(0) scale(1);
 transform: translateY(0) scale(1);
 transition: transform 1s cubic-bezier(0.08, 0.92, 0.35, 1), opacity 0.5s;
 opacity: 1;
}

/* ---------------------------------- 下からフェードイン */
.anim--bottom {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}

.anim--bottom.is-show {
 transform: translateY(0);
 transition: transform 1s cubic-bezier(0.08, 0.92, 0.35, 1), opacity 0.5s;
}

/* ---------------------------------- 拡大 */
.anim--scale {
 transform: scale(0);
 transition: transform 0.5s linear;
}

.anim--scale.is-show {
 transform: scale(1);
}

/*  UTILIS
------------------------------------------------------------------------------*/
/*  margin
-------------------------------------------------------*/
.mt05 {
 margin-top: calc(15 / 750 * 100vw);
}

.mt10 {
 margin-top: calc(20 / 750 * 100vw);
}

.mt15 {
 margin-top: calc(25 / 750 * 100vw);
}

.mt20 {
 margin-top: calc(30 / 750 * 100vw);
}

.mt25 {
 margin-top: calc(35 / 750 * 100vw);
}

.mt30 {
 margin-top: calc(40 / 750 * 100vw);
}

.mt35 {
 margin-top: calc(45 / 750 * 100vw);
}

.mt40 {
 margin-top: calc(50 / 750 * 100vw);
}

.mt45 {
 margin-top: calc(55 / 750 * 100vw);
}

.mt50 {
 margin-top: calc(60 / 750 * 100vw);
}

.mt55 {
 margin-top: calc(65 / 750 * 100vw);
}

.mt60 {
 margin-top: calc(70 / 750 * 100vw);
}

.mt65 {
 margin-top: calc(75 / 750 * 100vw);
}

.mt70 {
 margin-top: calc(80 / 750 * 100vw);
}

.mt80 {
 margin-top: calc(90 / 750 * 100vw);
}

.mt100 {
 margin-top: calc(110 / 750 * 100vw);
}

.mt120 {
 margin-top: calc(130 / 750 * 100vw);
}

.mb05 {
 margin-bottom: calc(15 / 750 * 100vw);
}

.mb10 {
 margin-bottom: calc(20 / 750 * 100vw);
}

.mb15 {
 margin-bottom: calc(25 / 750 * 100vw);
}

.mb20 {
 margin-bottom: calc(30 / 750 * 100vw);
}

.mb25 {
 margin-bottom: calc(35 / 750 * 100vw);
}

.mb30 {
 margin-bottom: calc(40 / 750 * 100vw);
}

.mb35 {
 margin-bottom: calc(45 / 750 * 100vw);
}

.mb40 {
 margin-bottom: calc(50 / 750 * 100vw);
}

.mb45 {
 margin-bottom: calc(55 / 750 * 100vw);
}

.mb50 {
 margin-bottom: calc(60 / 750 * 100vw);
}

.mb55 {
 margin-bottom: calc(65 / 750 * 100vw);
}

.mb60 {
 margin-bottom: calc(70 / 750 * 100vw);
}

.mb65 {
 margin-bottom: calc(75 / 750 * 100vw);
}

.mb70 {
 margin-bottom: calc(80 / 750 * 100vw);
}

.mb80 {
 margin-bottom: calc(90 / 750 * 100vw);
}

.mb100 {
 margin-bottom: calc(110 / 750 * 100vw);
}

.mb120 {
 margin-bottom: calc(130 / 750 * 100vw);
}

@media screen and (min-width: 801px) {
 .mt05 {
  margin-top: calc(5 / 1600 * 100vw);
 }
 .mt10 {
  margin-top: calc(10 / 1600 * 100vw);
 }
 .mt15 {
  margin-top: calc(15 / 1600 * 100vw);
 }
 .mt20 {
  margin-top: calc(20 / 1600 * 100vw);
 }
 .mt25 {
  margin-top: calc(25 / 1600 * 100vw);
 }
 .mt30 {
  margin-top: calc(30 / 1600 * 100vw);
 }
 .mt35 {
  margin-top: calc(35 / 1600 * 100vw);
 }
 .mt40 {
  margin-top: calc(40 / 1600 * 100vw);
 }
 .mt45 {
  margin-top: calc(45 / 1600 * 100vw);
 }
 .mt50 {
  margin-top: calc(50 / 1600 * 100vw);
 }
 .mt60 {
  margin-top: calc(60 / 1600 * 100vw);
 }
 .mt70 {
  margin-top: calc(70 / 1600 * 100vw);
 }
 .mt80 {
  margin-top: calc(80 / 1600 * 100vw);
 }
 .mt100 {
  margin-top: calc(100 / 1600 * 100vw);
 }
 .mt120 {
  margin-top: calc(120 / 1600 * 100vw);
 }
 .mb05 {
  margin-bottom: calc(5 / 1600 * 100vw);
 }
 .mb10 {
  margin-bottom: calc(10 / 1600 * 100vw);
 }
 .mb15 {
  margin-bottom: calc(15 / 1600 * 100vw);
 }
 .mb20 {
  margin-bottom: calc(20 / 1600 * 100vw);
 }
 .mb25 {
  margin-bottom: calc(25 / 1600 * 100vw);
 }
 .mb30 {
  margin-bottom: calc(30 / 1600 * 100vw);
 }
 .mb35 {
  margin-bottom: calc(35 / 1600 * 100vw);
 }
 .mb40 {
  margin-bottom: calc(40 / 1600 * 100vw);
 }
 .mb45 {
  margin-bottom: calc(45 / 1600 * 100vw);
 }
 .mb50 {
  margin-bottom: calc(50 / 1600 * 100vw);
 }
 .mb55 {
  margin-bottom: calc(55 / 750 * 100vw);
 }
 .mb60 {
  margin-bottom: calc(60 / 1600 * 100vw);
 }
 .mb65 {
  margin-bottom: calc(65 / 1600 * 100vw);
 }
 .mb70 {
  margin-bottom: calc(70 / 1600 * 100vw);
 }
 .mb80 {
  margin-bottom: calc(80 / 1600 * 100vw);
 }
 .mb100 {
  margin-bottom: calc(100 / 1600 * 100vw);
 }
 .mb120 {
  margin-bottom: calc(120 / 1600 * 100vw);
 }
}

@media screen and (min-width: 1601px) {
 .mt05 {
  margin-top: 5px;
 }
 .mt10 {
  margin-top: 10px;
 }
 .mt15 {
  margin-top: 15px;
 }
 .mt20 {
  margin-top: 20px;
 }
 .mt25 {
  margin-top: 25px;
 }
 .mt30 {
  margin-top: 30px;
 }
 .mt35 {
  margin-top: 35px;
 }
 .mt40 {
  margin-top: 40px;
 }
 .mt45 {
  margin-top: 45px;
 }
 .mt50 {
  margin-top: 50px;
 }
 .mt60 {
  margin-top: 60px;
 }
 .mt70 {
  margin-top: 70px;
 }
 .mt80 {
  margin-top: 80px;
 }
 .mt100 {
  margin-top: 100px;
 }
 .mt120 {
  margin-top: 120px;
 }
 .mb05 {
  margin-bottom: 5px;
 }
 .mb10 {
  margin-bottom: 10px;
 }
 .mb15 {
  margin-bottom: 15px;
 }
 .mb20 {
  margin-bottom: 20px;
 }
 .mb25 {
  margin-bottom: 25px;
 }
 .mb30 {
  margin-bottom: 30px;
 }
 .mb35 {
  margin-bottom: 35px;
 }
 .mb40 {
  margin-bottom: 40px;
 }
 .mb45 {
  margin-bottom: 45px;
 }
 .mb50 {
  margin-bottom: 50px;
 }
 .mb55 {
  margin-bottom: 55px;
 }
 .mb60 {
  margin-bottom: 60px;
 }
 .mb65 {
  margin-bottom: 65px;
 }
 .mb70 {
  margin-bottom: 70px;
 }
 .mb80 {
  margin-bottom: 80px;
 }
 .mb100 {
  margin-bottom: 100px;
 }
 .mb120 {
  margin-bottom: 120px;
 }
}

/*  P
-------------------------------------------------------*/
.text {
 line-height: 1.8em;
}

.normal {
 font-weight: 400 !important;
}

.bold {
 font-weight: 700;
}

/*  配置
-------------------------------------------------------*/
.left {
 text-align: left;
}

.right {
 text-align: right;
}

.center {
 text-align: center;
}

@media screen and (max-width: 800px) {
 .none__sp {
  display: none  !important;
 }
 .br__pc {
  display: inline;
 }
 .br__sp {
  display: block;
 }
}

@media screen and (min-width: 801px) {
 .none__pc {
  display: none  !important;
 }
 .br__pc {
  display: block;
 }
 .br__sp {
  display: inline;
 }
}

/* ---------------------------------- 文字数 */
.ellipsis {
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}

/*  画像
-------------------------------------------------------*/
.img__fit {
 width: 100%;
 max-width: 100%;
 height: auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
 max-width: 100%;
 height: auto;
}

/*  画像トリミング
------------------------------------------------------------------------------*/
.ofi {
 width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}

.ofi--right {
 -o-object-position: ight center;
 object-position: right center;
}

.ofi--hero {
 height: calc(800 / 750 * 100vw) !important;
}

.ofi--heroP {
 height: calc(600 / 750 * 100vw) !important;
}

.ofi--heroT {
 height: calc(615 / 750 * 100vw) !important;
}

.ofi--portfolioF {
 border-radius: 1.2em 1.2em 0 0;
 height: calc(445 / 750 * 100vw) !important;
}

.ofi--memberF {
 height: calc(345 / 750 * 100vw) !important;
}

.ofi--blogF {
 height: calc(445 / 750 * 100vw) !important;
}

.ofi--blogC {
 height: calc(445 / 750 * 100vw) !important;
}

.ofi--postA {
 border-radius: 5.33333vw 5.33333vw 0 0;
 height: 49.33333vw !important;
}

.ofi--editor--card01 {
 border-radius: 5.33333vw 5.33333vw 0 0;
 height: 49.33333vw !important;
}

.ofi--editor--card02 {
 border-radius: 5.33333vw 0 0 5.33333vw;
 height: 40vw !important;
}

.ofi--editor--writing {
 border-radius: 50%;
 height: 22.66667vw !important;
}

.ofi--editor--fuki {
 border-radius: 50%;
 height: 18.66667vw !important;
}

.ofi--editor--pagenavi {
 height: 18.66667vw !important;
}

.ofi--postT {
 height: 21.33333vw !important;
}

@media screen and (min-width: 801px) {
 .ofi--hero {
  height: calc(800 / 1600 * 100vw) !important;
 }
 .ofi--heroP {
  height: calc(420 / 1600 * 100vw) !important;
 }
 .ofi--heroT {
  height: calc(630 / 1600 * 100vw) !important;
 }
 .ofi--portfolioF {
  height: calc(245 / 1600 * 100vw) !important;
 }
 .ofi--memberF {
  height: calc(345 / 1600 * 100vw) !important;
 }
 .ofi--blogF {
  height: calc(250 / 1600 * 100vw) !important;
 }
 .ofi--blogC {
  height: calc(205 / 1600 * 100vw) !important;
 }
 .ofi--postA {
  border-radius: 1.25vw 1.25vw 0 0;
  height: 11.5625vw !important;
 }
 .ofi--editor--card01 {
  border-radius: 1.25vw 1.25vw 0 0;
  height: 13.75vw !important;
 }
 .ofi--editor--card02 {
  border-radius: 1.25vw 0 0 1.25vw;
  height: 10vw !important;
 }
 .ofi--editor--pagenavi {
  height: 4.375vw !important;
 }
 .ofi--editor--writing {
  height: 7.5vw !important;
 }
 .ofi--editor--fuki {
  height: 4.375vw !important;
 }
 .ofi--postT {
  height: 4.375vw !important;
 }
}

@media screen and (min-width: 1601px) {
 .ofi--hero {
  height: 800px !important;
 }
 .ofi--heroP {
  height: 420px !important;
 }
 .ofi--heroT {
  height: 630px !important;
 }
 .ofi--portfolioF {
  height: 245px !important;
 }
 .ofi--memberF {
  height: 345px !important;
 }
 .ofi--blogF {
  height: 250px !important;
 }
 .ofi--blogC {
  height: 205px !important;
 }
 .ofi--postA {
  border-radius: 20px 20px 0 0;
  height: 185px !important;
 }
 .ofi--editor--card01 {
  border-radius: 20px 20px 0 0;
  height: 220px !important;
 }
 .ofi--editor--card02 {
  border-radius: 20px 0 0 20px;
  height: 160px !important;
 }
 .ofi--editor--fuki {
  height: 70px !important;
 }
 .ofi--editor--writing {
  height: 120px !important;
 }
 .ofi--editor--pagenavi {
  height: 70px !important;
 }
 .ofi--postT {
  height: 70px !important;
 }
}