@charset "UTF-8";
/*======================================
Reset
======================================*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900");
@import url("//fonts.googleapis.com/css?family=Caveat");
@import url("//fonts.googleapis.com/css?family=Oswald:600,400,200");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* IEハック用mixin */
.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

/*======================================
Module
======================================*/
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #434E4E;
}

p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}

.read {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-bottom: 1.5rem;
}

small {
  color: #9B9B9B;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
}
small > p {
  color: #9B9B9B;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

li {
  list-style: none;
}

ul.notice li {
  color: #9B9B9B;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding-left: 1em;
  text-indent: -1em;
}
ul.disc {
  padding-left: 1em;
}
ul.disc > li {
  list-style-type: disc;
}
ul.comments li {
  line-height: 1.6;
}
ul.comments li:before {
  content: "※";
  margin-right: 0.5rem;
}
ul.ul-list-barrett li {
  padding-left: 2rem;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1em;
  position: relative;
}
ul.ul-list-barrett li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
  position: absolute;
  left: 0;
}

br.for-sp {
  display: none;
}
br.for-pc {
  display: block;
}

.red {
  color: #e70e38;
}

.pink {
  color: #E6577F;
}

.txt-small {
  font-size: 80%;
}

.fwb {
  font-weight: bold;
}

h2 {
  padding-bottom: 1rem;
  width: 100%;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 1rem;
}
h2.reset {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
}
h2 .point {
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
}
h2 hr {
  width: 20px;
  margin: 0 auto 1rem;
  border-top: 1px solid #00AFEC;
}

h3 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding-left: 50px;
}
h3:before {
  margin-left: -50px;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  content: "";
  height: 2px;
  background-color: #00AFEC;
  margin-right: 10px;
}

a {
  text-decoration: none;
  color: #434E4E;
}
a.text-link {
  color: #00AFEC;
  text-decoration: underline;
}
a.text-link:hover {
  text-decoration: none;
}

.cvBtn {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 8px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 130px;
  color: #fff;
  position: relative;
}
.cvBtn:active {
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  border-bottom-width: 0px;
}
.cvBtn:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 15px;
}
.cvBtn-green {
  background: linear-gradient(135deg, #3B8B2C, #7DC365);
  border-bottom-color: #2b6420;
}
.cvBtn-orange {
  background: linear-gradient(135deg, #E2701D, #F69728);
  border-bottom-color: #b55a17;
}
.cvBtn-pink {
  background: linear-gradient(135deg, #C94949, #E97272);
  border-bottom-color: #ac3333;
}

.btn-basis {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #00AFEC;
  color: #00AFEC;
  width: 130px;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-basis:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-basis:hover {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.btn-pdf {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #00AFEC;
  color: #00AFEC;
  width: 250px;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-pdf:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-pdf:hover {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.btn-pdf:before {
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f1c1";
}
.btn-basis-pink {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #fff;
  background: linear-gradient(135deg, #C94949, #E97272);
  border-bottom-color: #ac3333;
  position: relative;
}
.btn-basis-pink:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-basis-pink:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 15px;
}
.btn-basis-blue {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #fff;
  background: linear-gradient(135deg, #0991C1, #00AFEC);
  border-bottom-color: #076c90;
  position: relative;
}
.btn-basis-blue:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-basis-blue:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 15px;
}
.btn-pdf-blue {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #fff;
  background: linear-gradient(135deg, #0991C1, #00AFEC);
  border-bottom-color: #076c90;
  color: #FFF !important;
  position: relative;
}
.btn-pdf-blue:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-pdf-blue:before {
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f1c1";
}
.btn-pdf-blue:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 15px;
}
.btn-all-service-blue {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #fff;
  background: linear-gradient(135deg, #0991C1, #00AFEC);
  border-bottom-color: #076c90;
  color: #FFF !important;
}
.btn-all-service-blue:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-all-service-blue:before {
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f0ca";
}
.btn-search-service-blue {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #fff;
  background: linear-gradient(135deg, #0991C1, #00AFEC);
  border-bottom-color: #076c90;
}
.btn-search-service-blue:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-search-service-blue:before {
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f002";
}
.btn-all-service-white {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #00AFEC;
  background: linear-gradient(135deg, #fff, #fff);
  border-bottom-color: #e6e6e6;
  border-bottom-color: #0089b9;
}
.btn-all-service-white:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-all-service-white:before {
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f0ca";
}
.btn-search-service-white {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 250px;
  color: #00AFEC;
  background: linear-gradient(135deg, #fff, #fff);
  border-bottom-color: #e6e6e6;
  border-bottom-color: #0089b9;
}
.btn-search-service-white:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.btn-search-service-white:before {
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f002";
}
.btn-search-submit {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  background-color: #00AFEC;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-align: center;
  width: 300px;
  padding: 1.2rem 0;
  border-radius: 50px;
  border: 1px solid #00AFEC;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-search-submit:hover {
  color: #00AFEC;
  background-color: #fff;
}
.btn-round-blue {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 130px;
  background-color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: auto;
  border-radius: 30px;
}
.btn-round-blue:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-round-blue:hover {
  color: #00AFEC;
  background-color: #fff;
  border: 1px solid #00AFEC;
}
.btn-round-blue:hover a {
  color: #00AFEC !important;
}
.btn-round-blue a {
  color: #FFF !important;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  white-space: nowrap;
  padding: 1rem 2rem;
}
.btn-round-yellow {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 130px;
  background-color: #E8BF12;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 325px;
  border-radius: 30px;
  position: relative;
}
.btn-round-yellow:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-round-yellow:hover {
  color: #E8BF12;
  background-color: #fff;
  border: 1px solid #E8BF12;
}
.btn-round-yellow:after {
  position: absolute;
  right: 30px;
  font-family: FontAwesome;
  content: '\f090';
}
.btn-lp-download {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 3rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 500px;
  background-color: #E59330;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #FFF !important;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
}
.btn-lp-download:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-lp-download:hover {
  color: #E59330;
  background-color: #fff;
  border: 1px solid #E59330;
}
.btn-lp-download:after {
  display: none;
}
.btn-lp-download:hover {
  color: #E59330 !important;
}
.btn-lp-training-search {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 3rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 500px;
  background-color: #FFE874;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #7D6F19 !important;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  border-bottom: 3px solid #7D6F19;
}
.btn-lp-training-search:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-lp-training-search:hover {
  color: #FFE874;
  background-color: #fff;
  border: 1px solid #FFE874;
}
.btn-lp-training-search:after {
  display: none;
}
.btn-lp-training-search:hover {
  background: #DEC962;
  border-bottom: 3px solid #7D6F19;
}
.btn-lp-training-inquiry {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 3rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 500px;
  background-color: #EE6D6D;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #FFF !important;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  border-bottom: 3px solid #A14A4A;
}
.btn-lp-training-inquiry:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.btn-lp-training-inquiry:hover {
  color: #EE6D6D;
  background-color: #fff;
  border: 1px solid #EE6D6D;
}
.btn-lp-training-inquiry:after {
  display: none;
}
.btn-lp-training-inquiry:hover {
  background: #CB5151;
  color: #FFF !important;
  border-bottom: 3px solid #A14A4A;
}
.btn-area {
  text-align: center;
  margin: 50px auto;
}

.checkbox-basic {
  display: none;
}
.checkbox-basic + label {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: frex-start;
  align-items: center;
}
.checkbox-basic + label span {
  display: block;
  color: #434E4E;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.checkbox-basic + label:before {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  color: #fff;
  margin-right: .5rem;
  text-align: center;
  display: block;
  font-family: FontAwesome;
  content: "\f00c";
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 3px;
  padding: .2rem;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.checkbox-basic:checked + label span {
  color: #00AFEC;
}
.checkbox-basic:checked + label:before {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #00AFEC;
}

.textbox-basic {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #DFDFDF;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 10px;
}

.form-select {
  position: relative;
}
.form-select select {
  width: 20%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
}
.form-select:after {
  position: absolute;
  content: '\f0d7';
  font-family: FontAwesome;
  right: 15px;
  top: 10%;
}

.tag-kokai {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: url(../img/common/ic_public.svg) 0 0 no-repeat;
  background-size: cover;
  width: 52px;
  height: 20px;
}
.tag-haken {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: url(../img/common/ic_private.svg) 0 0 no-repeat;
  background-size: cover;
  width: 75px;
  height: 20px;
}
.tag-groupwork {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: url(../img/common/ic_group.svg) 0 0 no-repeat;
  background-size: cover;
  width: 92px;
  height: 20px;
}
.tag-movi {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: url(../img/common/ic_movi.svg) 0 0 no-repeat;
  background-size: contain;
  width: 70px;
  height: 20px;
}

section {
  padding: 50px 0;
}
section.no-padding {
  padding: 0;
}
section.no-padding-bottom {
  padding: 50px 0 0;
}
section.upside-padding {
  padding: 50px 0 0;
}
section.downside-padding {
  padding: 0 0 50px;
}
section .inner {
  width: 1088px;
  margin: 0 auto;
}

section.blue {
  background-color: #00AFEC;
}
section.gray {
  background-color: #F5F5F5;
}
section.yellow {
  background-color: #EFE1B0;
}
section.lightblue {
  background-color: #EAFAFF;
}
section.conversion {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  border-top: 3px solid #00AFEC;
}
sectionlineup {
  padding: 50px 0 2.5rem;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.pagenation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.pagenation span,
.pagenation a {
  display: block;
  margin: 4px;
  padding: 10px 12px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  text-decoration: none;
  background: #00AFEC;
  border: 1px solid #00AFEC;
}
.pagenation span.current, .pagenation span:hover,
.pagenation a.current,
.pagenation a:hover {
  color: #00AFEC;
  background: #fff;
}
.pagenation span.between:hover,
.pagenation a.between:hover {
  color: #fff;
  background: #00AFEC;
}
.pagenation + .total {
  padding: 1rem;
  margin-bottom: 6rem;
}

.basic-box {
  margin-top: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.basic-box > div {
  flex-basis: 48%;
  background-color: #fff;
}
.basic-box > div dl dt {
  color: #fff;
  background-color: #00AFEC;
  text-align: center;
  padding: 1.5rem 0;
}
.basic-box > div dl dd {
  padding: 1.5rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.basic-box > div dl dd p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.basic-box > div dl dd.row {
  padding: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.basic-box > div dl dd.row > div {
  padding: 0 1.5rem;
}
.basic-box > div dl dd.row .list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.basic-box > div dl dd.row .list > li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.basic-box > div dl dd.row .image {
  flex-basis: 30%;
}
.basic-box > div dl dd .tags {
  text-align: center;
}
.basic-box > div dl dd .tags > span {
  margin: .5rem;
  text-align: center;
  color: #fff;
  background-color: #00AFEC;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  padding: .5rem 1rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.basic-box > div dl dd .tags > span.orange {
  background-color: #E59330;
}
.basic-box-full {
  margin-top: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.basic-box-full > div {
  flex-basis: 100%;
  background-color: #fff;
}
.basic-box-full > div dl dt {
  color: #fff;
  background-color: #00AFEC;
  text-align: center;
  padding: 1.5rem 0;
}
.basic-box-full > div dl dd {
  padding: 1.5rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.basic-box-full > div dl dd p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.basic-box-full > div dl dd.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.basic-box-full > div dl dd.row > div {
  padding: 0 1.5rem;
}
.basic-box-full > div dl dd.row .list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.basic-box-full > div dl dd.row .list > li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.basic-box-full > div dl dd.row .image {
  flex-basis: 30%;
}

.conversion-ttl {
  border-bottom: none;
  background: linear-gradient(-45deg, #00AFEC, #78D5F5);
  text-align: center;
  color: #FFF;
  padding: 1rem 0;
  font-weight: bold;
  margin-bottom: 3rem;
}
.conversion-ttl.single {
  width: 49%;
  margin: 0 auto 3rem;
}
.conversion .cmmt-txt-pdf {
  width: 49%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  padding-top: 1rem;
}
.conversion .cmmt-txt-pdf.single {
  margin: 1rem auto 0;
}

.content-unit {
  margin-bottom: 50px;
}

.bg-lightblue {
  background: #EAFAFF;
}

.txt-annotation {
  position: relative;
  padding-left: 2rem;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.txt-annotation:before {
  content: "※";
  position: absolute;
  left: 0;
}

/*======================================
Common
======================================*/
/*Header*/
header {
  position: relative;
  background-color: #fff;
}
header .upside {
  padding: 1.2rem 0;
  width: 1088px;
  margin: 0 auto 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
header .downside {
  background-color: #F5F5F5;
  border-bottom: 2px solid #00AFEC;
}
header .logo {
  width: 260px;
}
header .logo img {
  width: 100%;
  height: auto;
}
header .submenu {
  text-align: right;
}
header .submenu ul {
  display: inline-block;
  vertical-align: middle;
}
header .submenu li {
  display: inline-block;
  vertical-align: middle;
}
header .submenu li > a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #434E4E;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
header .submenu li > a:before {
  font-family: FontAwesome;
}
header .submenu li > a:hover {
  color: #00AFEC;
}
header .submenu-faq {
  margin-right: 1rem;
}
header .submenu-faq a:before {
  margin-right: .5rem;
  content: "\f059";
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  vertical-align: middle;
  color: #00AFEC;
}
header .submenu-login {
  margin-right: 1rem;
}
header .submenu-login a:before {
  margin-right: .5rem;
  content: "\f090";
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  vertical-align: middle;
  color: #00AFEC;
}

#submenu-searchform input[type="text"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0em;
  border-radius: 5px 0px 0px 5px;
  border-top: 1px solid #F5F5F5;
  border-left: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  padding-left: 0rem;
  width: 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#submenu-searchform-btn {
  position: relative;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
#submenu-searchform-btn button[type="submit"] {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  background-color: #00AFEC;
  color: #fff;
  width: 100%;
  height: 100%;
}
#submenu-searchform-btn button[type="submit"]:after {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  font-family: FontAwesome;
  content: "\f002";
}
#submenu-searchform-btn button[type="submit"]:hover {
  cursor: pointer;
}
#submenu-searchform-btn:before {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  background-color: #00AFEC;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0em;
  font-family: FontAwesome;
  content: "\f002";
  cursor: pointer;
}
#submenu-searchform.open input[type="text"] {
  width: 200px;
  padding-left: 1rem;
}
#submenu-searchform.open #submenu-searchform-btn:before {
  z-index: -1;
}

/*Global_Navigation*/
.global-navigation {
  width: 1088px;
  margin: 0 auto;
  height: 70px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.global-navigation > ul {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.global-navigation > ul > li {
  flex-basis: 200px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 100%;
  text-align: center;
}
.global-navigation > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: transparent;
  text-align: center;
}
.global-navigation > ul > li > a > span {
  display: inline-block;
  vertical-align: middle;
}
.global-navigation > ul > li > a:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
  width: 0;
}
.global-navigation > ul > li > a:hover {
  color: #FFF;
  background-color: #00AFEC;
}
.global-navigation > ul > li.cV {
  flex-basis: 450px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.global-navigation > ul > li.cV .cV-inner {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding-top: 10px;
  height: 100%;
  text-align: right;
}
.global-navigation > ul > li.cV .cV-inner > .cvBtn {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0em;
  height: auto;
  width: 130px;
}
.global-navigation > ul > li.cV .cV-inner > .cvBtn:after {
  content: "";
}

/*Footer*/
.cmm-cv .inner {
  padding: 1.5rem;
  background-color: #00AFEC;
  border-radius: 5px;
  border-bottom: 5px solid #028BB9;
}
.cmm-cv h2 {
  width: 100%;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #fff;
}
.cmm-cv h2 strong {
  color: #E4EB35;
}
.cmm-cv .read {
  color: #fff;
}
.cmm-cv-box {
  margin-top: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.cmm-cv-box > div {
  flex-basis: 335px;
  height: 100px;
  position: relative;
}
.cmm-cv-box > div:before {
  position: absolute;
  top: 4px;
  font-family: FontAwesome;
  content: "\f0d7 ";
  color: #00AFEC;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0;
  font-weight: 700;
  letter-spacing: 0em;
  left: calc( 50% - 12px);
}
.cmm-cv-box a {
  display: block;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  text-align: center;
  padding: 1rem;
}
.cmm-cv-box a span {
  display: inline-block;
  vertical-align: middle;
  width: 97%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cmm-cv-box a span small {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.cmm-cv-box a span:before {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  display: inline-block;
  /* width: 100%; */
  font-family: FontAwesome;
  margin: 0 0.5rem 0.5rem 0;
  vertical-align: middle;
}
.cmm-cv-box a:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
  width: 0;
}
.cmm-cv-box a:hover {
  background-color: #00AFEC;
}
.cmm-cv-box a:hover span {
  color: #fff;
}
.cmm-cv-box-tel a span {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.cmm-cv-box-tel a span small {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  display: block;
}
.cmm-cv-box-tel a span:before {
  content: "\f095";
}
.cmm-cv-box-contact a span:before {
  content: "\f003";
}
.cmm-cv-box-offer a {
  background-color: #E59330;
  border: 1px solid #E59330;
}
.cmm-cv-box-offer a span {
  color: #fff;
}
.cmm-cv-box-offer a span:before {
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: "\f0e0";
}
.cmm-cv-box-offer a:hover {
  background-color: #fff;
}
.cmm-cv-box-offer a:hover span {
  color: #E59330;
}
.cmm-cv-box-offer a:hover span:before {
  color: #E59330;
}

.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: table;
}
.pagetop a {
  display: table-cell;
  vertical-align: middle;
  background-color: #00AFEC;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.pagetop a:hover {
  background-color: transparent;
  border: 1px solid #00AFEC;
  text-align: center;
  color: #00AFEC;
}
.pagetop a i,
.pagetop a span {
  display: block;
}

.breadcrumb {
  background-color: #606060;
}
.breadcrumb > div {
  display: table;
}
.breadcrumb ul {
  display: table-cell;
}
.breadcrumb li {
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #A5A5A5;
  color: #A5A5A5;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.breadcrumb li:last-child {
  border-right: 0px solid #A5A5A5;
}
.breadcrumb li a {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  color: #A5A5A5;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.breadcrumb li a.breadcrumb-home {
  padding: 1rem;
}
.breadcrumb li a.breadcrumb-home:after {
  font-family: FontAwesome;
  content: "\f015";
}
.breadcrumb li a:hover {
  color: #fff;
}
.breadcrumb li span {
  display: inline-block;
  padding: 1rem;
}
.breadcrumb .sitemap {
  display: table-cell;
  width: 40px;
  border-left: 1px solid #A5A5A5;
  line-height: 0;
  vertical-align: top;
}
.breadcrumb .sitemap a {
  display: block;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  background: url(../img/common/ic_sitemap.png) 5px 7px no-repeat;
  background-size: 34px auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.breadcrumb .sitemap a:hover {
  background: url(../img/common/ic_sitemap_on.png) 5px 7px no-repeat;
  background-size: 34px auto;
}

/*======================================
Page
======================================*/
/*======================================
index
======================================*/
.index-kv .swiper-button-prev, .index-kv .swiper-button-next {
  width: 58px;
  height: 170px;
  top: 330px;
}

.index-kv {
  padding: 2rem 0 2rem;
  background-color: #F5F5F5;
  overflow: hidden;
}
.index-kv.inner {
  position: relative;
}
.index-kv .main-swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}
.index-kv .sub-swiper {
  overflow: hidden;
  padding-top: 1rem;
}
.index-kv .sub-swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}
.index-kv .sub-swiper-container .swiper-slide {
  cursor: pointer;
}
.index-kv .sub-swiper-container img {
  width: 100%;
  height: auto;
}
.index-kv .swiper-pagination {
  position: relative;
  margin: 1.5rem auto 0;
}
.index-kv .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-right: 1rem;
}
.index-kv .swiper-slide {
  pointer-events: none;
  opacity: .5;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  height: 400px;
  overflow: hidden;
}
.index-kv .swiper-slide-active {
  pointer-events: auto;
  opacity: 1;
}
.index-kv .swiper-button-prev {
  background: url(../img/index/btn_kv_left.png) center no-repeat;
  background-size: cover;
}
.index-kv .swiper-button-next {
  background: url(../img/index/btn_kv_right.png) center no-repeat;
  background-size: cover;
}
.index-kv .swiper-button-prev,
.index-kv .swiper-button-next {
  z-index: 5;
}
.index-tab-nav {
  padding-top: 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 1088px;
  margin: 0 auto;
}
.index-tab-nav > li {
  width: 33.3333333%;
}
.index-tab-nav > li > a {
  display: block;
  width: 100%;
  background-color: #51CCF4;
  color: #1082A3;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 1.5rem 0;
  box-shadow: 0px -3px 1px 0px rgba(0, 0, 0, 0.2) inset;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index-tab-nav > li > a.active {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #fff;
  color: #00AFEC;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4) inset;
}
.index-tab-nav > li > a:hover {
  background-color: #9fe8ff;
}
.index-tab-nav > li > a.active:hover {
  background-color: #fff;
}
.index-tab-nav > li > a br {
  display: none;
}
.index-tab-nav > li > a span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.index-tab-panel {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #fff;
  width: 100%;
  padding-bottom: 1.5rem;
}
.index-tab-panel > div {
  width: 1088px;
  margin: 0 auto;
  padding: 3rem 0;
}
.index-tab-panel-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  width: 100%;
}
.index-tab-panel-wrapper > .box {
  flex-basis: 32.3529411765%;
  margin-right: 1.4705882353%;
}
.index-tab-panel-wrapper > .box:nth-child(3n) {
  margin-right: 0;
}
.index-tab-panel-wrapper > .box:nth-child(n+4) {
  margin-top: 3rem;
}
.index-tab-panel-wrapper p:nth-of-type(2) {
  margin-top: 1rem;
  margin-left: -1rem;
}
.index-tab-panel #index--panel3 .service-card-data dt {
  display: none;
}
.index-tab-btn {
  text-align: center;
  padding: 3rem 0;
}
.index-tab-btn > a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.075em;
  margin: 0 2rem;
  position: relative;
}
.index-tab-btn > a:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 100%;
  position: absolute;
  right: 18px;
}
.index-tab-btn > a.btn-all-service-white {
  width: 280px;
}
.index-allupdate {
  padding-bottom: 50px;
}
.index-allupdate .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.index-allupdate .inner > div {
  flex-basis: 100%;
  border-top: 10px solid #00AFEC;
  border-left: 1px solid #00AFEC;
  border-right: 1px solid #00AFEC;
  border-bottom: 1px solid #00AFEC;
  padding: 2rem 3rem 1.5rem;
}
.index-allupdate .inner > div ul {
  padding: 0 1rem;
}
.index-allupdate .inner > div li {
  border-bottom: 1px dashed #919191;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.index-allupdate .inner > div li a {
  color: #00AFEC;
  text-decoration: underline;
}
.index-allupdate .inner > div li a:hover {
  text-decoration: none;
}
.index-allupdate .inner > div li:first-child {
  margin-top: 0;
}
.index-allupdate .inner > div dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.index-allupdate .inner > div dt, .index-allupdate .inner > div dd {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.index-allupdate .inner > div dt {
  padding-right: 3rem;
}
.index-allupdate .inner > div h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.index-allupdate .inner > div h3:before {
  display: none;
}
.index-allupdate-btn {
  margin-top: 1.5rem;
  text-align: right;
}
.index-allupdate-news .external:after {
  display: inline-block;
  margin-left: 1rem;
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f08e";
}
.index-allupdate-news .pdf:after {
  display: inline-block;
  margin-left: 1rem;
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f1c1";
}
.index-allupdate-news .pdf_file:after {
  display: inline-block;
  margin-left: 1rem;
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f1c1";
}
.index-instructor {
  padding: 30px 0;
  background: url(../img/index/index_bg_instructor.png) center no-repeat;
  background-size: cover;
}
.index-instructor h2 {
  text-align: center;
  margin-bottom: 3rem;
}
.index-instructor h2 i {
  margin: 0 .5rem;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #00AFEC;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  padding: .8rem;
  font-style: normal;
}
.index-instructor .instructor-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl {
  padding: 1rem 2rem;
  width: 260px;
  background: #FFF;
  text-align: center;
  margin: 0 auto;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl dt {
  width: 90px;
  height: 110px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl dt:before {
  position: absolute;
  background: url(../img/common/img_flame.png) 0 0 no-repeat;
  background-size: cover;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl dd {
  width: 80%;
  margin: 0 auto;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl dd .sub {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  display: inline-block;
  background: #00AFEC;
  color: #FFF;
  margin: 1rem 0;
  padding: 0.5rem 20px;
  border-radius: 20px;
}
.index-instructor .instructor-swiper-container .swiper-slide a dl dd .content {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
}
.index-instructor .instructor-swiper-container .swiper-button-prev,
.index-instructor .instructor-swiper-container .swiper-button-next {
  z-index: 2;
}
.index-bnr {
  padding: 50px 0 0 0;
}
.index-bnr ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
.index-bnr ul li {
  flex-basis: 23%;
  margin-right: 2%;
}
.index-bnr ul li > a img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index-bnr ul li > a:hover img {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.index-cv.cmm-cv {
  padding-bottom: 30px;
}
.index-business-partner {
  text-align: center;
  padding-bottom: 30px;
}
.index-business-partner a {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.index-business-partner a:before {
  content: '\f2b5';
  font-family: FontAwesome;
  font-size: 50px;
  padding-right: 30px;
  vertical-align: middle;
}
.index-business-partner a:after {
  font-family: FontAwesome;
  content: '\f105';
  font-size: 40px;
  padding-left: 30px;
  vertical-align: middle;
}
.index-business-partner a:hover {
  opacity: .6;
}

/*======================================
subpages-common
======================================*/
.subpages-header {
  background: url(../img/common/bg_pageheader.png) 0 0 repeat;
  background-color: #00AFEC;
}
.subpages-header .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  min-height: 110px;
  padding-bottom: 1.5rem;
}
.subpages-h1 {
  flex-basis: 100%;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.subpages-nav {
  background-color: #F5F5F5;
  border-top: solid 1px #DFDFDF;
  border-bottom: solid 1px #DFDFDF;
}
.subpages-nav .inner > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.subpages-nav .inner > ul > li {
  padding: .5rem 0;
}
.subpages-nav .inner > ul > li > a {
  padding: 1rem;
  display: block;
  color: #434E4E;
  border-left: 1px solid #DFDFDF;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.subpages-nav .inner > ul > li > a > span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.subpages-nav .inner > ul > li > a > span:before {
  color: #00AFEC;
  padding-right: 1rem;
  font-family: FontAwesome;
  content: "\f138";
}
.subpages-nav .inner > ul > li > a:hover, .subpages-nav .inner > ul > li > a.active {
  color: #00AFEC;
}
.subpages-nav .inner > ul > li > a:hover > span:before, .subpages-nav .inner > ul > li > a.active > span:before {
  content: "\f13a";
}
.subpages-localnavi-forabout {
  background-color: #F5F5F5;
  padding: 1.5rem 0;
}
.subpages-localnavi-forabout > nav {
  width: 1088px;
  margin: 0 auto;
}
.subpages-localnavi-forabout ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.subpages-localnavi-forabout ul > li {
  flex-basis: 18%;
  text-align: center;
  height: 80px;
  position: relative;
}
.subpages-localnavi-forabout ul > li > a {
  width: 97%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.subpages-localnavi-forabout ul > li > a:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
  width: 0;
}
.subpages-localnavi-forabout ul > li > a:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.subpages-localnavi-forabout ul > li dl {
  display: inline-block;
  vertical-align: middle;
}
.subpages-localnavi-forabout ul > li dl dt {
  margin-bottom: 10px;
  font-family: 'Caveat', cursive;
  font-weight: normal;
}
.subpages-localnavi-forabout ul > li:after {
  position: absolute;
  bottom: 5px;
  right: 10px;
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  content: "\f105";
  line-height: 18px;
}
.subpages-localnavi-forabout-menu01:after {
  background-color: #00AFEC;
}
.subpages-localnavi-forabout-menu01 dl dt {
  color: #00AFEC;
}
.subpages-localnavi-forabout-menu02:after {
  background-color: #CA9A9A;
}
.subpages-localnavi-forabout-menu02 dl dt {
  color: #CA9A9A;
}
.subpages-localnavi-forabout-menu03:after {
  background-color: #E59330;
}
.subpages-localnavi-forabout-menu03 dl dt {
  color: #E59330;
}
.subpages-localnavi-forabout-menu04:after {
  background-color: #4BBB55;
}
.subpages-localnavi-forabout-menu04 dl dt {
  color: #4BBB55;
}
.subpages-localnavi-forabout-menu05:after {
  background-color: #4ACABF;
}
.subpages-localnavi-forabout-menu05 dl dt {
  color: #4ACABF;
}

/*======================================
landing-page
======================================*/
.landing-page a {
  color: #00AFEC;
}
.landing-page a.link01:hover {
  text-decoration: underline;
}
.landing-page a .service-card-data dt .jobrecruiter {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2;
  background-color: #eeeeee;
  color: #434E4E;
  display: inline-block;
  margin-left: 10px;
  padding: 0.8rem;
}
.landing-page a .service-card-data dd {
  color: #434E4E;
}
.landing-page-common-header {
  width: 100%;
  height: 250px;
}
.landing-page-common-header > .inner {
  position: relative;
  width: 1088px;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page-common-h1 {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.7em;
}
.landing-page-common-pack > i {
  font-style: normal;
  margin: 2rem .5rem .5rem .5rem;
  color: #00AFEC;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 5px;
  padding: .5rem;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.landing-page-common-h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
}
.landing-page-common-h2-linup, .landing-page-common-h2-fee {
  text-align: center;
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0rem;
}
.landing-page-common-h2-flow {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  border-bottom: none;
  margin-bottom: 1.5rem;
}
.landing-page-common-h2-flow .point {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
}
.landing-page-common-h2.eigi .en {
  margin-bottom: 2rem;
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
}
.landing-page-common-h2.eigi hr {
  width: 20px;
  margin: 0 auto 2rem;
}
.landing-page-common-h2 .em-blue {
  color: #00AFEC;
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page-common-h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
}
.landing-page-common-h3:before {
  display: none;
}
.landing-page-common-h3-styleA {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.landing-page-common-h3-styleA:before {
  display: none;
}
.landing-page-common-h3-styleA > span {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #00AFEC;
}
.landing-page-common-eigi {
  transform: rotate(-15deg);
  text-align: center;
  position: absolute;
  right: 10%;
  bottom: 30%;
  display: inline-block;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #E4EB35;
  font-family: 'Caveat', cursive;
}
.landing-page-common-lineup {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #EFEFEF;
  padding: 50px 0 2.5rem;
}
.landing-page-common-lineup-title {
  background: url(../img/landingpage/bg_landingpage_lineup.png) center no-repeat;
  background-size: cover;
  padding: 50px 0 2.5rem;
}
.landing-page-common-lineup-title > .inner {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page-common-lineup-title-eigi {
  margin-top: 1.5rem;
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'Caveat', cursive;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.landing-page-common-lineup-title.fortext {
  background: url(../img/landingpage/bg_landingpage_lineup02.png) center no-repeat;
  background-size: cover;
}
.landing-page-common-fee {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #EFEFEF;
}
.landing-page-common-fee-title {
  background: url(../img/landingpage/bg_landingpage_groupwork_tool_fee.png) center no-repeat;
  background-size: cover;
}
.landing-page-common-fee-title > .inner {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page-common-fee-title-eigi {
  margin-top: 1.5rem;
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'Caveat', cursive;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.landing-page-common-fee-title.fortext {
  background: url(../img/landingpage/bg_landingpage_lineup02.png) center no-repeat;
  background-size: cover;
}
.landing-page-common-separate {
  padding: 50px 0 2.5rem;
}
.landing-page-common-tabarea {
  background-color: #00AFEC;
}
.landing-page-common-tabarea .downside-padding {
  padding-bottom: 2rem;
}
.landing-page-common-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.landing-page-common-tab > li {
  cursor: pointer;
  padding: 1rem .5rem;
  text-align: center;
  flex-basis: 220px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #1082A3;
  background-color: #51CCF4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-right: 10px;
}
.landing-page-common-tab > li.current, .landing-page-common-tab > li:hover {
  color: #00AFEC;
  background-color: #fff;
}
.landing-page-common-tab-nav {
  position: relative;
}
.landing-page-common-tab-nav > .image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
}
.landing-page-common-tab-nav > .image img {
  width: 100%;
}
.landing-page-common-tab-nav h2 {
  padding-top: 2rem;
  margin-bottom: 2rem;
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-shadow: 0px 3px 6px #0181AD;
}
.landing-page-common-tab-nav h2 > span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.landing-page-common-tab-nav h2 strong {
  color: #E4EB35;
}
.landing-page-common-tab-nav h2 .point {
  color: #00AFEC;
  font-family: 'Caveat', cursive;
}
.landing-page-common-tab-panels {
  background-color: #fff;
}
.landing-page-common-tab-panels .tab-panel {
  width: 1088px;
  margin: 0 auto;
  padding: 50px 0;
}
.landing-page-common-tab-panels hr {
  border-color: #00AFEC;
  width: 20px;
  margin: 0 auto 1.5rem;
}
.landing-page-common-tab-panels .point {
  margin-bottom: 1rem;
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
.landing-page-common-tab-panels h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.landing-page-common img {
  vertical-align: bottom;
}
.landing-page-common .image-space {
  margin-top: 6rem;
  padding: 3rem;
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #EFEFEF;
}
.landing-page-common .image-space-inner {
  background-color: #fff;
  padding: 3rem;
}
.landing-page-common .blue-bold {
  color: #00AFEC;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page-common-flow .en {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
  margin-bottom: 2rem;
}
.landing-page-common-flow h2 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.landing-page-common-flow h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
}
.landing-page-common-flow h3:before {
  display: none;
}
.landing-page-common-flow hr {
  border-color: #00AFEC;
  width: 20px;
  margin: 0 auto 1rem;
}
.landing-page-common-flow .landing-page-common-h3-styleA {
  margin-top: 50px;
}
.landing-page-common-flow .about-payment {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  margin-top: 15px;
}
.landing-page-common-flow .comments {
  margin-top: 3rem;
}
.landing-page.saiyouryoku header {
  background: url(../img/landingpage/bg_header_saiyouryoku.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.saiyouryoku .saiyouryoku-read {
  background: url(../img/landingpage/bg_siyouryoku_read.png) center bottom repeat-x;
  padding-bottom: 104px;
}
.landing-page.saiyouryoku .saiyouryoku-read .inner {
  position: relative;
}
.landing-page.saiyouryoku .saiyouryoku-read .inner:before {
  position: absolute;
  left: 0;
  bottom: -147px;
  content: url(../img/landingpage/fig_saiyouryoku01_01.png);
}
.landing-page.saiyouryoku .saiyouryoku-read .inner:after {
  position: absolute;
  right: 0;
  bottom: -147px;
  content: url(../img/landingpage/fig_saiyouryoku01_02.png);
}
.landing-page.saiyouryoku .saiyouryoku-read-copy {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 4rem 0;
}
.landing-page.saiyouryoku .saiyouryoku-bg01 {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
}
.landing-page.saiyouryoku .saiyouryoku-h3-style01 {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page.saiyouryoku .saiyouryoku-h3-style01 h3 {
  color: #00AFEC;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: inline-block;
  text-align: center;
  flex-basis: calc(788 / 1088 * 100%);
}
.landing-page.saiyouryoku .saiyouryoku-h3-style01:after, .landing-page.saiyouryoku .saiyouryoku-h3-style01:before {
  flex-basis: calc(300 / 1088 * 100%);
  content: "";
  display: block;
  width: 287px;
  height: 21px;
  background-color: #C9F2FF;
}
.landing-page.saiyouryoku .saiyouryoku-fig01 {
  width: 100%;
  text-align: center;
  margin-top: 6rem;
  background: url(../img/landingpage/bg_saiyouryoku01.png) left bottom repeat-x;
}
.landing-page.saiyouryoku .saiyouryoku-tag {
  display: block;
  width: 200px;
  padding: .5rem 0;
  margin: 1.5rem auto;
  border-radius: 20px;
  background-color: #F5F5F5;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.saiyouryoku .saiyouryoku-needs {
  margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
}
.landing-page.saiyouryoku .saiyouryoku-needs > div {
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
}
.landing-page.saiyouryoku .saiyouryoku-needs .balloon {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #00AFEC;
  border-radius: 10px;
  padding: 0 1.2rem;
  height: 100px;
  margin-bottom: 3rem;
}
.landing-page.saiyouryoku .saiyouryoku-needs .balloon:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 40px;
  margin: auto;
  color: #00AFEC;
  bottom: -25px;
  display: block;
  font-family: FontAwesome;
  content: "\f0d7";
  font-size: 40px;
}
.landing-page.saiyouryoku .saiyouryoku-needs .balloon p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.saiyouryoku .saiyouryoku-needs .image {
  margin-top: auto;
}
.landing-page.saiyouryoku .saiyouryoku-needs .image img {
  height: 150px;
  width: auto;
}
.landing-page.saiyouryoku .saiyouryoku-concept {
  margin-top: 60px;
}
.landing-page.saiyouryoku .saiyouryoku-tabarea .first-area {
  margin-bottom: 100px;
}
.landing-page.saiyouryoku .saiyouryoku-point02-02 dd .tags {
  margin-top: 30px;
}
.landing-page.saiyouryoku .saiyouryoku-tab-h2 {
  line-height: 1.4;
}
.landing-page.saiyouryoku .saiyouryoku-point .instructor-list ul li dl dd {
  margin-top: 2rem;
}
.landing-page.prospective-e header {
  background: url(../img/landingpage/bg_header_prospective-e.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.prospective-e .prospective-e-anxiety {
  position: relative;
}
.landing-page.prospective-e .prospective-e-anxiety:before, .landing-page.prospective-e .prospective-e-anxiety:after {
  position: absolute;
}
.landing-page.prospective-e .prospective-e-anxiety:before {
  content: url(../img/landingpage/fig_prospective_e_person01.png);
  top: -250px;
  left: 0;
}
.landing-page.prospective-e .prospective-e-anxiety:after {
  content: url(../img/landingpage/fig_prospective_e_person02.png);
  top: -260px;
  right: 0;
}
.landing-page.prospective-e .prospective-e-anxiety h2 {
  text-align: center;
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.prospective-e .prospective-e-anxiety h2 strong {
  color: #00AFEC;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.prospective-e .prospective-e-anxiety p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.prospective-e .prospective-e-anxiety .question {
  color: #00AFEC;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.prospective-e .prospective-e-anxiety .question img {
  vertical-align: middle;
  margin-right: 3rem;
}
.landing-page.prospective-e .prospective-e-anxiety .question span {
  display: inline-block;
  vertical-align: middle;
}
.landing-page.prospective-e .prospective-e-anxiety .image {
  margin-top: 3rem;
}
.landing-page.prospective-e .prospective-e-three-anxiety h2 {
  text-align: center;
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.prospective-e .prospective-e-three-anxiety h2 strong {
  color: #00AFEC;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.prospective-e .prospective-e-three-anxiety .image {
  margin-top: 3rem;
}
.landing-page.prospective-e .prospective-e-three-anxiety .image + .read {
  margin-top: 3rem;
}
.landing-page.prospective-e .prospective-e-voice .title-box {
  width: calc(770 / 1088 * 100%);
  margin: 0 auto;
  position: relative;
  padding-bottom: 50px;
}
.landing-page.prospective-e .prospective-e-voice .title-box:before, .landing-page.prospective-e .prospective-e-voice .title-box:after {
  position: absolute;
  bottom: 0px;
}
.landing-page.prospective-e .prospective-e-voice .title-box:before {
  content: url(../img/landingpage/fig_prospective_e_person03.png);
  left: 0;
}
.landing-page.prospective-e .prospective-e-voice .title-box:after {
  content: url(../img/landingpage/fig_prospective_e_person04.png);
  right: 0;
}
.landing-page.prospective-e .prospective-e-voice h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  text-align: center;
}
.landing-page.prospective-e .prospective-e-voice h2:before {
  width: 40px;
  height: 40px;
  display: inline-block;
  content: url(../img/landingpage/ic_prospective_e01.png);
}
.landing-page.prospective-e .prospective-e-voice h2 span {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-bottom: 3rem;
}
.landing-page.prospective-e .prospective-e-voice h2 strong {
  display: inline-block;
  width: 100%;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-bottom: 1.5rem;
}
.landing-page.prospective-e .prospective-e-voice h2 small {
  font-family: 'Caveat', cursive;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.prospective-e .prospective-e-voice article {
  border: 10px solid #F5F5F5;
  padding: 3rem;
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #fff;
  margin-bottom: 3rem;
}
.landing-page.prospective-e .prospective-e-voice article.item01 .item-inner > div {
  margin: 0 auto;
  width: calc(900 / 1088 * 100%);
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.landing-page.prospective-e .prospective-e-voice article.item01 .item-inner > div .question {
  padding: 3rem;
  border-top: 1px solid #00AFEC;
  border-bottom: 1px solid #00AFEC;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.prospective-e .prospective-e-voice article.item01 .item-inner > div .beginnerimage {
  position: absolute;
  bottom: -3rem;
  left: 80px;
}
.landing-page.groupwork-tool header {
  background: url(../img/landingpage/bg_header_groupwork-tool.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.groupwork-tool .groupwork-tool {
  /* &-flow{
  	hr{
  		border-color: $blue;
  		width: 20px;
  		margin: 0 auto 1rem;
  	}
  	.point {
  		@include fz(36, 1, 700, 0.075em);
  		display: block;
  		color:$blue;
  		font-family: 'Caveat', cursive;
  	}
  	h2{
  		@include fz(24, 1, 700, 0.075em);
  	}
  	.image{
  		margin: 2.5rem auto;
  	}
  	.invoice{
  		text-align: center;
  		h3{
  			border-bottom: 1px solid $blue;
  			margin-bottom: 1.5rem;
  			display: inline-block;
  			width: inherit;
  			padding-bottom: 10px;
  		}
  		p{
  			@include fz(14, 1.6, 400, 0.075em);
  		}
  	}
  } */
}
.landing-page.groupwork-tool .groupwork-tool-start {
  border-top: 50px solid #C9A063;
}
.landing-page.groupwork-tool .groupwork-tool-product01 {
  position: relative;
}
.landing-page.groupwork-tool .groupwork-tool-product01::before {
  position: absolute;
  content: url(../img/landingpage/fig_groupwork-t_01.png);
  top: -252px;
  right: 0;
  width: 250px;
}
.landing-page.groupwork-tool .groupwork-tool-product01 p:first-child {
  margin-bottom: 2rem;
}
.landing-page.groupwork-tool .groupwork-tool-product01 dl dt {
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.groupwork-tool .groupwork-tool-product01 dl dt p.type01,
.landing-page.groupwork-tool .groupwork-tool-product01 dl dt p.type02 {
  position: absolute;
  padding: 5px 10px;
  line-height: 1;
  border-radius: 3px;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.groupwork-tool .groupwork-tool-product01 dl dt .type01 {
  background-color: #E59330;
}
.landing-page.groupwork-tool .groupwork-tool-product01 dl dt .type02 {
  background-color: #E6577F;
}
.landing-page.groupwork-tool .groupwork-tool-col02 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 50px 0;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype {
  width: 49%;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl {
  border: 1px solid #00AFEC;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dt {
  background: linear-gradient(135deg, #24B5F5, #0285BE);
  padding: 13px 33px;
  color: #FFF;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dt .type01 {
  top: 11px;
  right: 140px;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dt .type02 {
  top: 11px;
  right: 28px;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd {
  padding: 17px 28px 7px;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd ul li {
  width: 48.5%;
  height: 60px;
  margin-bottom: 1rem;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd ul li a {
  height: 100%;
  background: linear-gradient(135deg, #24B5F5, #0285BE);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #FFF;
  border-radius: 10px;
  padding-left: 15px;
  border-bottom: 4px solid #068DBA;
  position: relative;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd ul li a:after {
  position: absolute;
  right: 1rem;
  top: 30%;
  font-family: FontAwesome;
  content: "\f105";
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd ul li a:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.landing-page.groupwork-tool .groupwork-tool-normaltype dl dd ul li a span {
  display: block;
  font-size: 80%;
  line-height: 1;
}
.landing-page.groupwork-tool .groupwork-tool-premium {
  width: 49%;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl {
  border: 1px solid #0F33AA;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dt {
  background: linear-gradient(135deg, #0F35B1, #001B72);
  padding: 13px 33px;
  color: #FFF;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dt .type01 {
  top: 11px;
  right: 28px;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dd {
  padding: 17px 28px 7px;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dd ul li {
  height: 60px;
  margin-bottom: 1rem;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dd ul li a {
  height: 100%;
  background: linear-gradient(135deg, #0E34AF, #011C73);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #FFF;
  border-radius: 10px;
  padding-left: 15px;
  border-bottom: 4px solid #010A29;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dd ul li a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 1rem;
}
.landing-page.groupwork-tool .groupwork-tool-premium dl dd ul li a:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}
.landing-page.groupwork-tool .groupwork-tool-support h3 {
  border-bottom: 1px solid #00AFEC;
  margin-bottom: 1.5rem;
  display: inline-block;
  width: inherit;
  padding-bottom: 1rem;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage {
  overflow: hidden;
  margin: 50px 0 10px 0;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .left {
  float: left;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right {
  float: right;
  width: 775px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .moive {
  width: 100%;
  background: #FFF;
  border: 1px solid #DFDFDF;
  padding: 15px 20px;
  text-align: left;
  margin-bottom: 20px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .moive .img {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 5px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .unit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .unit > div {
  background: #FFF;
  border: 1px solid #DFDFDF;
  padding: 15px 18px;
  text-align: left;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .unit > div .ttl {
  margin-bottom: 15px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .unit > div.brochure .attention {
  padding-top: 10px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .unit > div.slide .ttl {
  margin-bottom: 30px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .unit > div.slide .attention {
  padding-top: 30px;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .ttl {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.075em;
  color: #00AFEC;
}
.landing-page.groupwork-tool .groupwork-tool-support .manualimage .right .attention {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.groupwork-tool .groupwork-tool-support-attention {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  text-align: left;
}
.landing-page.groupwork-tool .groupwork-tool-support .btn-area .btn-round-blue:after {
  padding-right: 2rem;
}
.landing-page.groupwork-tool .groupwork-tool-use {
  margin: 50px auto;
  text-align: center;
}
.landing-page.groupwork-tool .groupwork-tool-use h3 {
  border-bottom: 1px solid #00AFEC;
  margin-bottom: 2.5rem;
  display: inline-block;
  width: inherit;
  padding-bottom: 10px;
}
.landing-page.groupwork-tool .groupwork-tool-use ul {
  padding: 20px;
  background: #FFF;
  border: 1px solid #F5F5F5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.groupwork-tool .groupwork-tool-use ul li {
  width: 24%;
  border: 1px solid #F5F5F5;
}
.landing-page.groupwork-tool .groupwork-tool-use ul li img {
  width: 100%;
}
.landing-page.groupwork-tool .groupwork-tool-use ul li dl dt {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #1082A3;
  padding: 10px 0;
}
.landing-page.groupwork-tool .groupwork-tool-use ul li dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 10px 10px;
}
.landing-page.groupwork-tool .groupwork-tool-custom dl dt {
  background: #00AFEC;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  text-align: center;
  padding: 1.5rem 0;
  color: #FFF;
}
.landing-page.groupwork-tool .groupwork-tool-custom dl dd {
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.landing-page.groupwork-tool .groupwork-tool-custom dl dd .img {
  margin: 1.5rem auto;
}
.landing-page.groupwork-tool .service-conversion {
  margin-top: 50px;
}
.landing-page.groupwork-tool .service-conversion > div {
  border: 0;
}
.landing-page.groupwork-tool .service-conversion > div dl {
  padding: 0;
}
.landing-page.groupwork-tool .service-conversion-rental-year > dl > dd, .landing-page.groupwork-tool .service-conversion-rental-week > dl > dd {
  border: none;
}
.landing-page.groupwork-tool .service-conversion-rental-year > dl > dd .recomend dl, .landing-page.groupwork-tool .service-conversion-rental-week > dl > dd .recomend dl {
  padding: 1rem .5rem;
}
.landing-page.groupwork-tool .service-conversion-rental-week .cvinner dl {
  margin: 1.5rem 0;
}
.landing-page.e-learningl header {
  background: url(../img/landingpage/bg_header_e-learningl.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.e-learningl .e-learningl {
  /* &-flow{
  	.en {
  		@include fz(30, 1.6, 700, 0.05em);
  		display: block;
  		color:$blue;
  		font-family: 'Caveat', cursive;
  		margin-bottom: 2rem;
  	}
  	hr{
  		border-color: $blue;
  		width: 20px;
  		margin: 0 auto 1rem;
  	}
  	.landing-page-common-h3-styleA{
  		margin-top: $padding-size;
  	}
  } */
}
.landing-page.e-learningl .e-learningl-bg01 {
  background: url(../img/landingpage/bg_e-learningl01.jpg) 0 bottom repeat-x;
}
.landing-page.e-learningl .e-learningl-bg01 .inner {
  position: relative;
  padding-bottom: 200px;
}
.landing-page.e-learningl .e-learningl-bg01 .image.person-01, .landing-page.e-learningl .e-learningl-bg01 .image.person-02 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.landing-page.e-learningl .e-learningl-bg01 .image.person-02 {
  left: auto;
  right: 0;
}
.landing-page.e-learningl .e-learningl-title-bg01 {
  background: url(../img/landingpage/bg_e-learning_title01.jpg) center no-repeat;
  background-size: cover;
}
.landing-page.e-learningl .e-learningl-price h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-bottom: 6rem;
}
.landing-page.e-learningl .e-learningl-price h2 strong {
  color: #00AFEC;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.e-learningl .e-learningl-price .price-row {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.e-learningl .e-learningl-price .price-row > div {
  flex-basis: calc(352 / 1088 * 100%);
  background-color: #00AFEC;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dt {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dt p {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #00AFEC;
  padding: 3rem 0 3rem 1.5rem;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dt p:before {
  display: none;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dt span {
  padding: 1rem;
  display: inline-block;
  flex-basis: calc(120 / 352 * 100%);
  background-color: #C9F2FF;
  color: #1082A3;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dt span strong {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dt:after {
  text-align: center;
  position: absolute;
  color: #fff;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -23px;
  display: inline-block;
  font-size: 40px;
  font-family: FontAwesome;
  content: "\f0d7";
}
.landing-page.e-learningl .e-learningl-price .price-row > div dd {
  padding: 3rem;
  color: #fff;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dd > p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dd .price {
  margin-top: 1.5rem;
  text-align: center;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dd .price strong {
  color: #E4EB35;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.e-learningl .e-learningl-price .price-row > div dd .price span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.e-learningl .e-learningl-title-bg02 {
  background: url(../img/landingpage/bg_e-learning_title02.jpg) center no-repeat;
  background-size: cover;
}
.landing-page.e-learningl .e-learningl-course h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  color: #fff;
  background-color: #00AFEC;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding: 1.5rem;
}
.landing-page.e-learningl .e-learningl-course h3:before {
  display: none;
}
.landing-page.e-learningl .e-learningl-course .table-continue col .col01 {
  width: 70%;
}
.landing-page.e-learningl .e-learningl-course .table-continue col .col02 {
  width: 10%;
}
.landing-page.e-learningl .e-learningl-course .table-continue col .col03 {
  width: 10%;
}
.landing-page.e-learningl .e-learningl-course .table-continue col .col04 {
  width: 10%;
}
.landing-page.e-learningl .e-learningl-course .table-continue > div {
  height: auto;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.landing-page.e-learningl .e-learningl-course .table-continue.close > div {
  position: relative;
  height: 215px;
  overflow: hidden;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.landing-page.e-learningl .e-learningl-course .table-continue.close > div:after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%);
}
.landing-page.e-learningl .e-learningl-course table {
  margin-top: 1.5rem;
  width: 100%;
}
.landing-page.e-learningl .e-learningl-course table thead th {
  padding: 1rem;
  color: #fff;
}
.landing-page.e-learningl .e-learningl-course table thead th:first-child {
  text-align: left;
  color: #00AFEC;
  background-color: #C9F2FF;
  border-left: 1px solid #C9F2FF;
}
.landing-page.e-learningl .e-learningl-course table thead th:nth-child(n+2) {
  background-color: #4BBB55;
}
.landing-page.e-learningl .e-learningl-course table thead th:nth-child(n+3) {
  background-color: #E59330;
}
.landing-page.e-learningl .e-learningl-course table thead th:nth-child(n+4) {
  background-color: #CA9A9A;
  border-right: 1px solid #CA9A9A;
}
.landing-page.e-learningl .e-learningl-course table tbody {
  border-bottom: 1px solid #CBCBCB;
  border-left: 1px solid #CBCBCB;
}
.landing-page.e-learningl .e-learningl-course table tbody td {
  border-top: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  padding: 1rem;
  text-align: center;
}
.landing-page.e-learningl .e-learningl-course table tbody td:first-child {
  text-align: left;
}
.landing-page.e-learningl .e-learningl-course table tbody td:nth-child(n+2) {
  color: #4BBB55;
}
.landing-page.e-learningl .e-learningl-course table tbody td:nth-child(n+3) {
  color: #E59330;
}
.landing-page.e-learningl .e-learningl-course table tbody td:nth-child(n+4) {
  color: #CA9A9A;
}
.landing-page.e-learningl .e-learningl-course table tbody tr:nth-child(2n) td {
  background-color: #F5F5F5;
}
.landing-page.e-learningl .e-learningl-course .basic-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div {
  flex-basis: 48%;
  background-color: #fff;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dt {
  color: #fff;
  background-color: #00AFEC;
  text-align: center;
  padding: 1.5rem 0;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd {
  padding: 1.5rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd.row {
  padding: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd.row > div {
  padding: 0 1.5rem;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd.row .image {
  flex-basis: 30%;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd .list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.landing-page.e-learningl .e-learningl-course .basic-box > div dl dd .list > li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.landing-page.e-learningl .e-learningl-course .btn-pdf-blue {
  width: 400px;
}
.landing-page.e-learningl .e-learningl-course .notice {
  margin: 3rem auto;
}
.landing-page.e-learningl .e-learningl-title-bg03 {
  background: url(../img/landingpage/bg_e-learning_title03.jpg) center no-repeat;
  background-size: cover;
}
.landing-page.e-learningl .e-learningl-system table {
  margin: 1rem 0 3rem;
  width: 100%;
  border-bottom: 1px solid #CBCBCB;
  border-left: 1px solid #CBCBCB;
}
.landing-page.e-learningl .e-learningl-system table.table-fixed {
  table-layout: fixed;
}
.landing-page.e-learningl .e-learningl-system table th, .landing-page.e-learningl .e-learningl-system table td {
  text-align: left;
  border-top: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  padding: 1rem;
}
.landing-page.e-learningl .e-learningl-system table th {
  width: 20%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
  background-color: #D2F0FA;
}
.landing-page.e-learningl .e-learningl-system table td {
  width: 80%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.landing-page.e-learningl .e-learningl-cvattention {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverce;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
}
.landing-page.e-learningl .e-learningl-cvattention p {
  width: 48%;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-top: 15px;
}
.landing-page.e-learningl .service-conversion > div dt {
  background: none;
  padding: 2.5rem 0 1.5rem;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.e-learningl .service-conversion > div dd {
  padding: 1rem 3rem 1.5rem;
}
.landing-page.e-learningl .service-conversion > div.service-conversion-public dt {
  color: #E59330;
}
.landing-page.e-learningl .service-conversion > div.service-conversion-private dt {
  color: #E6577F;
}
.landing-page.upcomer-kit header {
  background: url(../img/landingpage/bg_header_upcomer-kit.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.upcomer-kit header .landing-page-common-pack span {
  display: inline-block;
  background: #FFF;
  color: #00AFEC;
  padding: 0.5rem 3rem;
  border-radius: 3rem;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.7em;
  margin-bottom: 2rem;
}
.landing-page.upcomer-kit .upcomer-kit-intro .image-space {
  position: relative;
  padding-top: 60px;
}
.landing-page.upcomer-kit .upcomer-kit-intro .image-space .image-sp {
  position: absolute;
}
.landing-page.upcomer-kit .upcomer-kit-intro .image-space .image-sp.person-01 {
  left: 30px;
  top: -130px;
}
.landing-page.upcomer-kit .upcomer-kit-intro .image-space .image-sp.person-02 {
  right: 30px;
  top: -130px;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div {
  flex-basis: calc(338 / 1012 * 100%);
  background-color: #fff;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dt {
  color: #fff;
  background-color: #00AFEC;
  text-align: center;
  padding: 1rem 0;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd {
  padding: 1rem 1.5rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd.row {
  padding: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd.row > div {
  padding: 0 1.5rem;
  align-self: center;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd.row > div.ul-list {
  padding: 0;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd .image {
  margin-bottom: 5px;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd .list > li {
  padding-left: 1em;
  text-indent: 0em;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd .list > li > small {
  display: block;
  padding-left: 1.5em;
  margin: 0.5rem 0 1rem 0;
  color: inherit;
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div dl dd .list > li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div:first-child {
  flex-basis: calc(645 / 1012 * 100%);
}
.landing-page.upcomer-kit .upcomer-kit-intro .basic-box > div:first-child dl dd {
  padding-top: 3rem;
}
.landing-page.upcomer-kit .upcomer-kit-intro .service-flexible-video {
  margin-top: 50px;
  padding: 50px 0;
  margin-bottom: 0;
}
.landing-page.upcomer-kit .upcomer-kit-point {
  margin: 2rem auto !important;
  width: 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
.landing-page.upcomer-kit .upcomer-kit-point li {
  color: #FFF;
  background: #00AFEC;
  padding: 1rem 5rem;
  border-radius: 3rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.upcomer-kit .upcomer-kit-point li.type02 {
  background: #ff882b;
}
.landing-page.upcomer-kit .upcomer-kit-point li.type03 {
  background: #55bd48;
}
.landing-page.upcomer-kit .upcomer-kit-point li.type04 {
  background: #e83d4a;
}
.landing-page.upcomer-kit .upcomer-kit-point li.type05 {
  background: #009e72;
}
.landing-page.upcomer-kit .upcomer-kit-title-bg01 {
  background: url(../img/landingpage/bg_e-learning_title01.jpg) center no-repeat;
  background-size: cover;
}
.landing-page.upcomer-kit .upcomer-kit-title-bg01 .small {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.upcomer-kit .upcomer-kit-price h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-bottom: 3rem;
}
.landing-page.upcomer-kit .upcomer-kit-price h2 strong {
  margin: 0 2rem;
  font-family: 'Oswald', sans-serif;
  color: #00AFEC;
  font-size: 52px;
  font-size: 5.2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.upcomer-kit .upcomer-kit-price .image {
  margin: 30px 0;
}
.landing-page.upcomer-kit .upcomer-kit-price .btn-basis-pink {
  width: 300px;
  color: #FFF;
  margin-top: 30px;
}
.landing-page.upcomer-kit .upcomer-kit-price .btn-basis-pink:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}
.landing-page.upcomer-kit .upcomer-kit-price .notice {
  margin-bottom: 3rem;
}
.landing-page.upcomer-kit .upcomer-kit-galleryarea {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.landing-page.upcomer-kit .upcomer-kit-galleryarea > div {
  flex-basis: 30%;
  padding: 1rem;
}
.landing-page.upcomer-kit .upcomer-kit-galleryarea > div > a {
  width: 100%;
  position: relative;
}
.landing-page.upcomer-kit .upcomer-kit-galleryarea > div > a img {
  width: 100%;
  height: auto;
}
.landing-page.upcomer-kit .upcomer-kit-announce-inner {
  background-color: #fff;
  border-bottom: 3px solid #cccccc;
}
.landing-page.upcomer-kit .upcomer-kit-announce-inner > div {
  padding: 3rem;
}
.landing-page.upcomer-kit .upcomer-kit-announce-inner.first-child {
  margin-bottom: 3rem;
}
.landing-page.upcomer-kit .upcomer-kit-announce h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  color: #fff;
  background-color: #00AFEC;
  text-align: center;
  padding: 1.5rem 0;
}
.landing-page.upcomer-kit .upcomer-kit-announce h3:before {
  display: none;
}
.landing-page.upcomer-kit .upcomer-kit-announce h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin: 2rem auto;
}
.landing-page.upcomer-kit .upcomer-kit-announce .read {
  margin: 0 auto 3rem;
}
.landing-page.upcomer-kit .upcomer-kit-announce .btn-group {
  margin-top: 3rem;
  text-align: center;
}
.landing-page.upcomer-kit .upcomer-kit-announce .btn-group > a {
  margin: 0 1.5rem;
  width: 300px;
  color: #FFF;
}
.landing-page.upcomer-kit .upcomer-kit-announce .blue-bold {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin: 2rem 0 1rem !important;
}
.landing-page.upcomer-kit .upcomer-kit-announce-cmnt {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding-top: 2rem;
}
.landing-page.upcomer-kit .btn-group {
  text-align: center;
  margin-top: 3rem;
  text-align: center;
}
.landing-page.upcomer-kit .btn-group > a {
  margin: 0 1.5rem;
  width: 300px;
  color: #FFF;
}
.landing-page.upcomer-kit .btn-group > a.btn-pdf-blue {
  width: 350px;
}
.landing-page.newemployee_training header {
  background: url(../img/landingpage/bg_header_newemployee.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.newemployee_training header h1 span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  display: block;
}
.landing-page.newemployee_training .newemployee_training-start {
  background: url(../img/landingpage/bg_newemployee_sec01.png) center center no-repeat;
}
.landing-page.newemployee_training .newemployee_training-start .inner {
  position: relative;
}
.landing-page.newemployee_training .newemployee_training-start .inner:before {
  content: url(../img/landingpage/fig_newemployee_01.png);
  bottom: -70px;
  left: 180px;
  position: absolute;
}
.landing-page.newemployee_training .newemployee_training-start .inner:after {
  content: url(../img/landingpage/fig_newemployee_02.png);
  bottom: -70px;
  right: 150px;
  position: absolute;
}
.landing-page.newemployee_training .newemployee_training-satisfaction {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 50px auto 0 auto;
  width: 400px;
}
.landing-page.newemployee_training .newemployee_training-caption {
  font-size: 60%;
  position: absolute;
  bottom: -40px;
  right: 220px;
}
.landing-page.newemployee_training .newemployee_training-step h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  margin-bottom: 3rem;
}
.landing-page.newemployee_training .newemployee_training-step h2 span {
  color: #00AFEC;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  font-family: osw;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 5rem;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li {
  width: 30%;
  border-width: 1px;
  border-style: solid;
  padding: 15px 15px 20px;
  position: relative;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li p {
  position: absolute;
  background: #F5F5F5;
  padding: 5px 20px;
  top: -2rem;
  left: 32%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  font-family: 'Oswald', sans-serif;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li dt {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding: 10px 0;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li dd {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li.step01 {
  border-color: #00AFEC;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li.step01 p {
  color: #00AFEC;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li.step02 {
  border-color: #E6577F;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li.step02 p {
  color: #E6577F;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li.step03 {
  border-color: #E59330;
}
.landing-page.newemployee_training .newemployee_training-step .stepbox ul li.step03 p {
  color: #E59330;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li {
  background: #FFF;
  border-bottom: 3px solid #919191;
  margin-bottom: 20px;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li:last-child {
  margin-bottom: 0;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dt {
  width: 45%;
  position: relative;
  padding: 20px;
  color: #00AFEC;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  background: #FFF;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dt > span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #919191;
  display: block;
  margin-top: 10px;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd {
  width: 55%;
  background: #00AFEC;
  padding: 15px 15px 15px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .price dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .price dl:first-child {
  margin-bottom: 10px;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .price dl dt {
  background: rgba(255, 255, 255, 0.7);
  width: 10rem;
  padding: 5px 0;
  border-radius: 25px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #00AFEC;
  text-align: center;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .price dl dd {
  color: #FFF;
  position: relative;
  padding-left: 20px;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .price dl dd p {
  position: absolute;
  font-size: 14px;
  top: -20px;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .price dl dd span {
  font-family: 'Oswald', sans-serif;
  color: #DCF51B;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .button a {
  display: block;
  height: 100%;
  background: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-radius: 10px;
  padding: 3.5rem 1rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .button a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 0.5rem;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li > dl > dd .button a:hover {
  opacity: 0.8;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li.ojt > dl > dt {
  color: #E59330;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li.ojt > dl > dd {
  background: #E59330;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li.ojt > dl .price dt {
  color: #E59330;
}
.landing-page.newemployee_training .newemployee_training-lineup ul li.ojt > dl .button a {
  color: #E59330;
}
.landing-page.newemployee_training .newemployee_training-instructor ul {
  margin: 50px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li .photo {
  padding-right: 30px;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li div .raund-blue {
  background: #00AFEC;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  padding: 0.5rem 2rem;
  margin-bottom: 1.5rem;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li div .raund-blue span {
  font-size: 12px;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li div .txt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li:first-child {
  padding-right: 20px;
  border-right: 1px solid #F5F5F5;
}
.landing-page.newemployee_training .newemployee_training-instructor ul li:last-child {
  padding-left: 20px;
}
.landing-page.newemployee_training .newemployee_training-instructor-text {
  text-align: center;
  text-align: left;
  margin-top: 20px;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit {
  background: #FFF;
  border-bottom: 3px solid #F5F5F5;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit dt p {
  display: inline-block;
  vertical-align: middle;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit dt p.month {
  background: #00AFEC;
  color: #FFF;
  padding: 10px;
  font-size: 15px;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit dt p.month span {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit dt p.ttl {
  color: #00AFEC;
  font-weight: bold;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.5;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit .follow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit .follow .explain {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  margin-left: 20px;
  width: 60%;
}
.landing-page.newemployee_training .newemployee_training-follow .boxunit .follow .explain p {
  color: #00AFEC;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  margin-bottom: 10px;
}
.landing-page.newemployee_training .newemployee_training-follow .upper {
  margin-bottom: 10px;
}
.landing-page.newemployee_training .newemployee_training-follow .upper .april dd {
  padding: 15px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.landing-page.newemployee_training .newemployee_training-follow .bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .newemployee_training-follow .bottom dd {
  padding: 10px;
}
.landing-page.newemployee_training .newemployee_training-follow .may,
.landing-page.newemployee_training .newemployee_training-follow .july {
  width: 360px;
}
.landing-page.newemployee_training .newemployee_training-follow .three {
  height: 270px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .newemployee_training-follow .three div {
  margin-right: 10px;
  background: #FFF;
  width: 65px;
}
.landing-page.newemployee_training .newemployee_training-follow .three div:last-child {
  margin-right: 0;
}
.landing-page.newemployee_training .newemployee_training-follow .three dd {
  writing-mode: tb-rl;
  /*IE*/
  -o-writing-mode: vertical-rl;
  /*Opera*/
  -webkit-writing-mode: vertical-rl;
  /*Chrome, Safari*/
  writing-mode: vertical-rl;
  /*Firefox, Edge*/
  text-orientation: mixed;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-follow .three .goal {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-blue dt {
  background: #00AFEC;
  color: #FFF;
  padding: 10px;
  font-size: 15px;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-blue dt span {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-blue dd {
  color: #00AFEC;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-green dt {
  background: #71CB49;
  color: #FFF;
  padding: 5px;
  font-size: 15px;
  text-align: center;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-green dt span {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-green dt p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-follow .three .month-green dd {
  color: #71CB49;
}
.landing-page.newemployee_training .newemployee_training-follow .three .goal {
  background: #00AFEC;
  color: #FFF;
  width: 45px;
  padding: 15px;
  text-align: center;
}
.landing-page.newemployee_training .newemployee_training-suport {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .newemployee_training-suport > div {
  background: #FFF;
  width: 48%;
  padding: 15px 20px;
  border-bottom: 3px solid  #ccc;
}
.landing-page.newemployee_training .newemployee_training-suport > div .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
  margin-bottom: 10px;
}
.landing-page.newemployee_training .newemployee_training-suport > div .ttl::before {
  content: '■';
  font-size: 3rem;
  margin-right: 10px;
  vertical-align: middle;
}
.landing-page.newemployee_training .newemployee_training-suport > div .txt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .newemployee_training-suport > div .txt p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
}
.landing-page.newemployee_training .newemployee_training-suport > div .txt p.img {
  margin: -5.5rem 0;
}
.landing-page.newemployee_training .newemployee_training-suport > div .btn-round-blue {
  margin-top: 1rem;
  padding: 0.5rem 2rem;
}
.landing-page.newemployee_training .newemployee_training-suport > div .btn-round-blue a {
  font-size: 14px !important;
}
.landing-page.newemployee_training .link-disp-sp {
  display: none;
}
.landing-page.newemployee_training .landing-page-common-tab-panels hr {
  border-color: #00AFEC;
  width: 20px;
  margin: 0 auto 1.5rem;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem;
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point01 .result {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point01 .result .right .upper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 1.1rem;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point01 .result .right .upper p:first-child {
  margin-right: 20px;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point01 .result .right .bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point01 .result .right .bottom .left p:first-child {
  margin-bottom: 1.1rem;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point02 .instructor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.newemployee_training .landing-page-common-tab-panels .point02 .instructor p:first-child, .landing-page.newemployee_training .landing-page-common-tab-panels .point02 .instructor p:nth-child(2) {
  margin-bottom: 20px;
}
.landing-page.most header {
  background: url(../img/landingpage/bg_header_most.png) 50% 50% no-repeat;
  background-size: cover;
}
.landing-page.most header h1 span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  display: block;
}
.landing-page.most header .landing-page-common-h1 {
  letter-spacing: 0.07em;
}
.landing-page.most header .landing-page-common-eigi {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page .most-bg-blue {
  background-color: #F1FBFE;
}
.landing-page .most-about {
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  padding: 40px;
}
.landing-page .most-about-wrap {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.landing-page .most-about-text p {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page .most-about-text p:last-child {
  margin-bottom: 0;
}
.landing-page .most-about-text p span {
  font-weight: bold;
}
.landing-page .most-about-logo {
  padding-right: 70px;
}
.landing-page .most-h3-type01 {
  padding-left: 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  background: url(../img/landingpage/bar_most_01.png) no-repeat;
  background-position: 240px 50%;
}
.landing-page .most-h3-type01:before {
  display: none;
}
.landing-page .most-h3-type01 span {
  font-size: 40px;
  color: #00AFEC;
}
.landing-page .most-section-title-list {
  background: url(../img/landingpage/bg_most_ttl01.png) 0 0 no-repeat;
  background-size: cover;
  background-color: #EFEFEF;
  padding: 60px 0 45px 0;
}
.landing-page .most-section-title-sample {
  background: url(../img/landingpage/bg_most_ttl03.png) 0 0 no-repeat;
  background-size: cover;
  padding: 60px 0 45px 0;
}
.landing-page .most-section-sample {
  background: url(../img/landingpage/bg_most03.png) 0 0 repeat;
}
.landing-page .most-section-user {
  background: url(../img/landingpage/bg_most_04.png) 50% 10% no-repeat;
}
.landing-page .most-list-table {
  width: 100%;
  margin-bottom: 50px;
}
.landing-page .most-list-table td,
.landing-page .most-list-table th {
  padding: 1rem;
  border: 1px solid #CBCBCB;
  font-weight: normal;
}
.landing-page .most-list-table thead th {
  color: #FFF;
  font-weight: bold;
}
.landing-page .most-list-table thead th:first-child {
  background: #CFF0FB;
}
.landing-page .most-list-table thead th:nth-child(2) {
  background: #4BBB55;
}
.landing-page .most-list-table thead th:nth-child(3) {
  background: #E59330;
}
.landing-page .most-list-table thead th:nth-child(4) {
  background: #509CB5;
}
.landing-page .most-list-table thead th:nth-child(5) {
  background: #CA9A9A;
}
.landing-page .most-list-table tbody td {
  background: #F5F5F5;
  text-align: center;
}
.landing-page .most-list-table tbody td:first-child {
  text-align: left;
}
.landing-page .most-list-table tbody td:first-child a {
  text-decoration: underline;
}
.landing-page .most-list-table tbody td:first-child a:hover {
  text-decoration: none;
}
.landing-page .most-list-table tbody td:nth-child(2) {
  color: #4BBB55;
}
.landing-page .most-list-table tbody td:nth-child(3) {
  color: #E59330;
}
.landing-page .most-list-table tbody td:nth-child(4) {
  color: #509CB5;
}
.landing-page .most-list-table tbody td:nth-child(5) {
  color: #CA9A9A;
}
.landing-page .most-list-table tbody tr:nth-child(odd) td {
  background: #FFF;
}
.landing-page .most-list-mosts {
  position: relative;
  border: 1px solid #C4C3A8;
  padding: 5px;
}
.landing-page .most-list-mosts:before {
  position: absolute;
  content: "";
  top: -2px;
  left: -3px;
  display: block;
  width: 89px;
  height: 51px;
  background: url(../img/landingpage/fig_most_02.png) no-repeat;
}
.landing-page .most-list-mosts:after {
  position: absolute;
  content: "";
  bottom: -3px;
  right: -4px;
  display: block;
  width: 89px;
  height: 51px;
  background: url(../img/landingpage/fig_most_03.png) no-repeat;
}
.landing-page .most-list-mosts-inner {
  border: 1px solid #C4C3A8;
  background: #F5F5F0;
  padding: 30px 25px;
  text-align: center;
}
.landing-page .most-list-mosts-ttl {
  display: flex;
  align-items: center;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2em;
  font-style: italic;
  color: #757229;
}
.landing-page .most-list-mosts-ttl:before, .landing-page .most-list-mosts-ttl:after {
  border-top: 1px solid #757229;
  content: "";
  flex-grow: 1;
}
.landing-page .most-list-mosts-ttl:before {
  margin-right: 2rem;
}
.landing-page .most-list-mosts-ttl:after {
  margin-left: 2rem;
}
.landing-page .most-list-mosts-copy {
  font-family: 'Noto Serif', serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 20px auto;
  color: #757229;
}
.landing-page .most-tab-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.landing-page .most-tab-nav li {
  margin-right: 10px;
}
.landing-page .most-tab-nav a {
  display: block;
  text-align: center;
  background: #FFF;
  border-top: 1px solid #00AFEC;
  border-right: 1px solid #00AFEC;
  border-left: 1px solid #00AFEC;
  color: #00AFEC;
  padding: 15px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page .most-tab-nav a.active {
  background: #00AFEC;
  color: #FFF;
}
.landing-page .most-tab-panel {
  border-top: 1px solid #00AFEC;
  padding-top: 30px;
}
.landing-page .most-tab-panel-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.landing-page .most-tab-panel-list li {
  margin-right: 45px;
  margin-bottom: 20px;
  width: 330px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.landing-page .most-tab-panel-list li:nth-child(3n) {
  margin-right: 0;
}
.landing-page .most-tab-panel-list li:hover {
  background: #F1F9FC;
}
.landing-page .most-tab-panel-list a {
  display: block;
  width: 330px;
  padding: 20px;
  transition: .2s;
}
.landing-page .most-tab-panel-list-ttl {
  background: url(../img/landingpage/bg_most_list_ttl.png);
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0em;
  padding: 10px 0;
  color: #FFF;
}
.landing-page .most-tab-panel-list-explain {
  color: #434E4E;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding: 10px 0;
  border-bottom: 1px solid #CBCBCB;
  margin-bottom: 10px;
}
.landing-page .most-tab-panel-list-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-top: 5px;
}
.landing-page .most-tab-panel-list-info:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
  font-style: 13px;
}
.landing-page .most-tab-panel-list-info dt,
.landing-page .most-tab-panel-list-info dd {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #434E4E;
}
.landing-page .most-tab-panel-list-info dt {
  width: 60px;
}
.landing-page .most-tab-panel-list-info dd {
  width: 230px;
}
.landing-page .most-tab-panel-list .btn-most-list {
  margin-top: 10px;
  border-radius: 3px;
  border: 1px solid #00AFEC;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  position: relative;
  transition: .2s;
}
.landing-page .most-tab-panel-list .btn-most-list:after {
  position: absolute;
  right: 5px;
  font-family: FontAwesome;
  content: "\f105";
}
.landing-page .most-tab-panel-list a:hover .btn-most-list {
  background: #00AFEC;
  color: #FFF;
}
.landing-page .most-sample-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.landing-page .most-sample-wrap-item {
  margin: 0 20px 20px 0;
}
.landing-page .most-sample-caption {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-align: center;
  margin-top: 10px;
}
.landing-page .most-user-copy {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-align: center;
}
.landing-page .most-user-satisfaction {
  position: relative;
  text-align: center;
  padding-bottom: 100px;
  background: url(../img/landingpage/fig_most_07.png) no-repeat bottom center;
}
.landing-page .most-user-satisfaction-wrap {
  width: 550px;
  margin: 50px auto 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 640px) {
  .landing-page .most-user-satisfaction-wrap {
    width: 100%;
  }
}
.landing-page .most-user-satisfaction-graph {
  width: 228px;
  height: 228px;
  display: block;
}
.landing-page .most-user-satisfaction-graph.training {
  background: url(../img/landingpage/fig_most_05.png) 0 0 no-repeat;
}
.landing-page .most-user-satisfaction-graph.trainee {
  background: url(../img/landingpage/fig_most_06.png) 0 0 no-repeat;
}
.landing-page .most-user-satisfaction-graph-txt {
  margin-top: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #FFF;
}
.landing-page .most-user-satisfaction-graph-number {
  font-family: Oswald;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1;
  font-weight: 200;
  letter-spacing: 0em;
  color: #E84340;
  margin-top: 15px;
}
.landing-page .most-user-satisfaction-graph-number span {
  font-size: 36px;
}
.landing-page .most-user-comment-list {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page .most-user-comment-list li {
  width: 330px;
}
.landing-page .most-user-comment-list li dt {
  border-radius: 8px;
  background: #00AFEC;
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding: 15px;
}
.landing-page .most-user-comment-list li dd {
  text-align: center;
  position: relative;
  padding-top: 40px;
}
.landing-page .most-user-comment-list li dd:before {
  position: absolute;
  content: "";
  display: block;
  width: 33px;
  height: 22px;
  background: url(../img/landingpage/ic_most_01.png) 0 0 no-repeat;
  background-size: cover;
  top: 0;
  left: calc((100% - 33px) /2);
}
.landing-page .most-bevel #octagon-outter {
  width: 100%;
}
.landing-page .most-bevel #octagon-outter .oc-upper {
  width: calc(100% - 58px);
  margin: 0 auto;
  border-top: 2px solid #40cbe4;
  background: #FFF;
  height: 31px;
  position: relative;
}
.landing-page .most-bevel #octagon-outter .oc-upper:before {
  content: "";
  position: absolute;
  display: block;
  width: 29px;
  height: 31px;
  background: url(../img/other/left-upper.png) 0 0 no-repeat;
  background-size: cover;
  left: -29px;
  top: -3px;
}
.landing-page .most-bevel #octagon-outter .oc-upper:after {
  content: "";
  position: absolute;
  display: block;
  width: 29px;
  height: 31px;
  background: url(../img/other/right-upper.png) 0 0 no-repeat;
  background-size: cover;
  right: -29px;
  top: -2px;
}
.landing-page.online_training header {
  background: url(../img/landingpage/online_training/bg_header_effective.png) 50% 50% no-repeat;
  background-size: cover;
}
.landing-page.online_training header.landing-page-common-header > .inner {
  justify-content: flex-start;
}
.landing-page.online_training header .h1-wrap {
  background: rgba(255, 255, 255, 0.65);
  width: 520px;
  padding: 10px;
}
.landing-page.online_training header h1 {
  padding: 15px 30px 20px 20px;
  border: 1px solid #00AFEC;
  color: #00AFEC;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  position: relative;
}
.landing-page.online_training header h1:after {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/landingpage/online_training/ic_fig01.png) 50% 50% no-repeat;
  background-size: cover;
  width: 43px;
  height: 43px;
  right: 10px;
  bottom: 10px;
}
.landing-page.online_training .online_training-introductory {
  padding: 50px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.landing-page.online_training .online_training-introductory-txtarea {
  margin-right: 60px;
}
.landing-page.online_training .online_training-introductory-h2 {
  color: #00AFEC;
  margin-bottom: 30px;
  border-bottom: none;
}
.landing-page.online_training .online_training-introductory-h2:after {
  content: "";
  display: block;
  width: 50px;
  border-bottom: 1px solid #919191;
  margin-top: 30px;
}
.landing-page.online_training .online_training-introductory-txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.9;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.online_training .online_training-outline {
  text-align: center;
}
.landing-page.online_training .online_training-outline-h2 {
  color: #00AFEC;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  border-bottom: none;
  margin-bottom: 30px;
}
.landing-page.online_training .online_training-outline-dl {
  margin-bottom: 70px;
}
.landing-page.online_training .online_training-outline-dl dt {
  background: url(../img/landingpage/online_training/bar_fig01.png) 50% 100% no-repeat;
  padding-bottom: 42px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.landing-page.online_training .online_training-outline-dl dd {
  margin-top: 20px;
}
.landing-page.online_training .online_training-outline-list {
  text-align: left;
  display: inline-block;
  margin: 0 auto;
}
.landing-page.online_training .online_training-outline-list li {
  background: url(../img/landingpage/online_training/ic_dot.png) 0 8px no-repeat;
  padding-left: 25px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-bottom: 10px;
}
.landing-page.online_training .online_training-outline-graph {
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  display: inline-block;
}
.landing-page.online_training .online_training-outline-graph li {
  float: left;
  margin-right: 100px;
  text-align: center;
}
.landing-page.online_training .online_training-outline-graph li:last-child {
  margin-right: 0;
}
.landing-page.online_training .online_training-outline-graph-ttl {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.landing-page.online_training .online_training-point {
  position: relative;
  background: url(../img/landingpage/online_training/bg_bottom.png) center bottom no-repeat;
  background-size: 100% auto;
}
.landing-page.online_training .online_training-point:before {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/landingpage/online_training/bg_upper.png) center top no-repeat;
  background-size: cover;
  width: 100%;
  height: 45vw;
}
.landing-page.online_training .online_training-point .inner {
  position: relative;
  padding: 100px 0 50px;
  z-index: 1;
}
.landing-page.online_training .online_training-point-unit > li {
  background: #FFF;
  padding: 50px;
  box-shadow: 0 0 10px 0 rgba(209, 209, 209, 0.5);
  margin-bottom: 70px;
}
.landing-page.online_training .online_training-point-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.landing-page.online_training .online_training-point-wrap-left {
  width: 450px;
}
.landing-page.online_training .online_training-point-wrap-right {
  width: 510px;
}
.landing-page.online_training .online_training-point-number {
  font-family: oswald;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  margin-bottom: 20px;
  color: #00AFEC;
}
.landing-page.online_training .online_training-point-number:before {
  content: "Point";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.25em;
  display: block;
}
.landing-page.online_training .online_training-point-txt dt {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-bottom: 40px;
}
.landing-page.online_training .online_training-point-txt dd p {
  margin-bottom: 40px;
}
.landing-page.online_training .online_training-point-txt dd p:last-child {
  margin-bottom: 0;
}
.landing-page.online_training .online_training-point-graph {
  margin-top: 30px;
}
.landing-page.online_training .online_training-point-graph > dt {
  border-radius: 30px;
  background: #00AFEC;
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 3px;
  text-align: center;
  margin-bottom: 20px;
}
.landing-page.online_training .online_training-point-graph > dd small {
  color: #434E4E;
  display: block;
  margin-top: 30px;
}
.landing-page.online_training .online_training-point-graph-strong {
  color: #BE0539;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0em;
  margin-top: 20px;
  position: relative;
}
.landing-page.online_training .online_training-point-graph-strong:before {
  display: block;
  content: "";
  background: url(../img/landingpage/online_training/ic_tri01.png) center top no-repeat;
  background-size: cover;
  width: 78px;
  height: 19px;
  margin: 0 auto 20px;
}
.landing-page.online_training .online_training-point-list01 li {
  position: relative;
  padding-left: 2rem;
  line-height: 1.5;
  margin-bottom: 15px;
}
.landing-page.online_training .online_training-point-list01 li:before {
  content: "●";
  color: #E17000;
  font-size: 1rem;
  position: absolute;
  left: 0;
}
.landing-page.online_training .online_training-point-list02 li {
  margin-bottom: 15px;
}
.landing-page.online_training .online_training-point-list02-dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 5px;
}
.landing-page.online_training .online_training-point-list02-dl dt:before {
  font-family: FontAwesome;
  content: "\f02d";
  color: #00AFEC;
  font-size: 1.6rem;
  margin-right: 8px;
}
.landing-page.online_training .online_training-point-list02-dl dd {
  padding-left: 20px;
  margin-left: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.15em;
  position: relative;
}
.landing-page.online_training .online_training-point-list02-dl dd:before {
  position: absolute;
  left: 0;
  font-family: FontAwesome;
  content: "\f061";
  color: #9E9E9E;
  font-size: 1.6rem;
  margin-right: 8px;
}
.landing-page.online_training .online_training-point-conclusion {
  border: 3px solid #00AFEC;
  padding: 30px;
  margin-top: 30px;
}
.landing-page.online_training .online_training-point-conclusion-dl dt {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  text-align: center;
  color: #00AFEC;
  margin-bottom: 20px;
}
.landing-page.online_training .online_training-point-conclusion-dl dd {
  line-height: 2;
}
.landing-page.online_training .online_training-point-cta {
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 50px 0;
}
.landing-page.online_training .online_training-point-cta-ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 30px;
}
.landing-page.online_training .online_training-cta {
  border-top: 3px solid #00AFEC;
  border-bottom: 3px solid #00AFEC;
  background: url(../img/landingpage/online_training/bg_cta.png) 0 0 repeat;
}
.landing-page.online_training .online_training-cta-ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #47ADC7;
  margin-bottom: 40px;
}
.landing-page.online_training .online_training-cta-btn-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.online_training .online_training-list {
  background: rgba(0, 175, 236, 0.05);
  border-bottom: 1px solid #00AFEC;
}
.landing-page.online_training .online_training-list .landing-page-common-h2-linup,
.landing-page.online_training .online_training-list .landing-page-common-lineup-title-eigi {
  color: #00AFEC;
}
.landing-page .mordal-gallery {
  position: relative;
}
.landing-page .mordal-gallery:after {
  position: absolute;
  content: url(../img/landingpage/ic_magnifying.png);
  bottom: 0;
  right: 0;
}
.landing-page.engagement header {
  background: url(../img/landingpage/bg_header_engagement.png) center top no-repeat;
  background-size: cover;
}
.landing-page.engagement header .landing-page-common-h1 {
  letter-spacing: 0.3em;
}
.landing-page.engagement header .landing-page-common-eigi {
  transform: rotate(-7deg);
}
.landing-page.engagement .engagement-read {
  border-bottom: 50px solid #F5F5F5;
  padding-bottom: 0;
}
.landing-page.engagement .engagement-read-txt .copy {
  font-size: 2.8rem;
  margin-bottom: 7rem;
  font-weight: bold;
}
.landing-page.engagement .engagement-read-txt p {
  margin-bottom: 1.5rem;
}
.landing-page.engagement .engagement-read .lines-on-sides {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  margin-bottom: 2.5rem;
}
.landing-page.engagement .engagement-read .lines-on-sides:before {
  content: "";
  display: block;
  border-top: solid 5px #EAFAFF;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.landing-page.engagement .engagement-read .lines-on-sides span {
  background: #fff;
  padding: 0 30px;
  position: relative;
  z-index: 5;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.engagement .engagement-read .strong {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #E6577F;
}
.landing-page.engagement .engagement-read .strong span {
  border-bottom: 1px solid #E6577F;
}
.landing-page.engagement .engagement-read-result {
  border: 1px dashed #1082A3;
  padding: 1rem;
  display: inline-block;
  margin: 3rem auto 0;
  position: relative;
}
.landing-page.engagement .engagement-read-result dt {
  background: #EAFAFF;
  padding: 1.5rem 10rem;
}
.landing-page.engagement .engagement-read-result dd {
  padding: 2rem;
}
.landing-page.engagement .engagement-read-result dd ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.landing-page.engagement .engagement-read-result dd ul li {
  width: 48%;
  color: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 70px;
  text-align: center;
  background: #00AFEC;
}
.landing-page.engagement .engagement-read-result-img {
  margin-top: 2rem;
}
.landing-page.engagement .engagement-read-result-img img {
  width: 330px;
  height: auto;
}
.landing-page.engagement .engagement-point-first, .landing-page.engagement .engagement-point-second, .landing-page.engagement .engagement-point-third {
  background: #EAFAFF;
  padding: 3rem;
  margin-bottom: 6rem;
  text-align: center;
}
.landing-page.engagement .engagement-point-first .ttl, .landing-page.engagement .engagement-point-second .ttl, .landing-page.engagement .engagement-point-third .ttl {
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.engagement .engagement-point-first hr, .landing-page.engagement .engagement-point-second hr, .landing-page.engagement .engagement-point-third hr {
  width: 2rem;
  border-top: 1px solid #00AFEC;
  display: inline-block;
  margin: 0 auto;
}
.landing-page.engagement .engagement-point-third {
  margin-bottom: 2rem;
}
.landing-page.engagement .engagement-point-first > div:nth-of-type(1) {
  border: solid 1px #00AFEC;
  margin: auto;
  margin-top: 3rem;
  padding: 2rem;
  width: 85%;
}
.landing-page.engagement .engagement-point-first > div:nth-of-type(1) div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
.landing-page.engagement .engagement-point-first > div:nth-of-type(1) div p {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.075em;
  flex-basis: 50%;
  align-self: stretch;
  background-color: #00AFEC;
  color: #FFF;
  padding: 1rem 0;
  margin: 0 5px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.landing-page.engagement .engagement-point-first > div:nth-of-type(1) > p {
  margin-top: 2rem;
}
.landing-page.engagement .engagement-point-first p:nth-of-type(2) {
  margin-top: 2rem;
}
.landing-page.engagement .engagement-point-first p:nth-of-type(2) span {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.landing-page.engagement .engagement-point-first p:nth-of-type(3) {
  margin: 2rem 0 3rem;
}
.landing-page.engagement .engagement-point-second > div {
  margin-top: 2rem;
}
.landing-page.engagement .engagement-point-second p {
  margin-bottom: 1rem;
}
.landing-page.engagement .engagement-point-second p:nth-of-type(2) span, .landing-page.engagement .engagement-point-second p:nth-of-type(5) span {
  background-color: rgba(0, 177, 237, 0.47);
  color: #FFF;
  margin-right: 1rem;
  padding: 0.4rem 0.5rem;
}
.landing-page.engagement .engagement-point-second p:nth-of-type(3) span, .landing-page.engagement .engagement-point-second p:nth-of-type(6) span {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
}
.landing-page.engagement .engagement-point-second p:nth-of-type(4) span {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
}
.landing-page.engagement .engagement-point-second .explain .separate {
  margin-bottom: 2rem;
}
.landing-page.engagement .engagement-point-second .imgspace {
  /* padding: 2rem;
  background: $white; */
}
.landing-page.engagement .engagement-point-third p:nth-of-type(2) {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-top: 2rem;
}
.landing-page.engagement .engagement-point-third p:nth-of-type(3) {
  margin-top: 1.5rem;
}
.landing-page.engagement .engagement-point-third div:nth-of-type(1) {
  margin: 2rem auto;
}
.landing-page.engagement .engagement-point-third div:nth-of-type(1) dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 640px;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.landing-page.engagement .engagement-point-third div:nth-of-type(1) dl:nth-of-type(1) dt {
  background-color: #6AD1C9;
  color: #FFF;
  padding: 1rem 0rem;
  text-align: center;
  width: 140px;
  border-radius: 5px;
}
.landing-page.engagement .engagement-point-third div:nth-of-type(1) dl:nth-of-type(2) dt {
  background-color: #1082A3;
  color: #FFF;
  padding: 1rem 0rem;
  text-align: center;
  width: 140px;
  border-radius: 5px;
}
.landing-page.engagement .engagement-point-third div:nth-of-type(1) dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding-left: 30px;
  text-align: left;
}
.landing-page.engagement .engagement-flow hr {
  border-color: #00AFEC;
  width: 20px;
  margin: 0 auto 1rem;
}
.landing-page.engagement .engagement-flow .point {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
}
.landing-page.engagement .engagement-flow .image {
  margin-bottom: 2rem;
}
.landing-page.engagement .trial {
  background-color: #6AD1C9;
  color: #FFF;
  padding: 0.5rem;
  text-align: center;
  width: 160px;
  border-radius: 5px;
}
.landing-page.engagement .detail {
  background-color: #1082A3;
  color: #FFF;
  padding: 0.5rem;
  text-align: center;
  width: 160px;
  border-radius: 5px;
}
.landing-page.engagement .outoput-all h2 {
  margin-bottom: 50px;
}
.landing-page.engagement .outoput-all > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.landing-page.engagement .outoput-all > div div {
  flex-basis: 49.5%;
}
.landing-page.engagement .outoput-all > div div p {
  margin: auto;
}
.landing-page.engagement .outoput-all > div div p:nth-of-type(1) {
  margin-bottom: 2rem;
  width: 100%;
}
.landing-page.engagement .outoput-all > div div p:nth-of-type(2) {
  text-align: center;
}
.landing-page.engagement .outoput-all > div div p:nth-of-type(2) img {
  margin: auto;
  /* width: 100% */
}
.landing-page.engagement .lead {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  background-color: #F5F5F5;
  padding: 1.5rem;
}
.landing-page.engagement .sample {
  margin-top: 4rem;
}
.landing-page.engagement .outoput-img01 h2 span, .landing-page.engagement .outoput-img02 h2 span, .landing-page.engagement .outoput-img03 h2 span, .landing-page.engagement .outoput-img04 h2 span {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.landing-page.engagement .outoput-img01 .version, .landing-page.engagement .outoput-img02 .version, .landing-page.engagement .outoput-img03 .version, .landing-page.engagement .outoput-img04 .version {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.landing-page.engagement .outoput-img01 .version p, .landing-page.engagement .outoput-img02 .version p, .landing-page.engagement .outoput-img03 .version p, .landing-page.engagement .outoput-img04 .version p {
  margin-bottom: 5rem;
  border-radius: 5px;
}
.landing-page.engagement .outoput-img01 .version p:nth-of-type(1), .landing-page.engagement .outoput-img02 .version p:nth-of-type(1), .landing-page.engagement .outoput-img03 .version p:nth-of-type(1), .landing-page.engagement .outoput-img04 .version p:nth-of-type(1) {
  margin-right: 5px;
}
.landing-page.engagement .outoput-img01 .version p:nth-of-type(2), .landing-page.engagement .outoput-img02 .version p:nth-of-type(2), .landing-page.engagement .outoput-img03 .version p:nth-of-type(2), .landing-page.engagement .outoput-img04 .version p:nth-of-type(2) {
  margin-left: 5px;
}
.landing-page.engagement .outoput-img01 h3, .landing-page.engagement .outoput-img02 h3, .landing-page.engagement .outoput-img03 h3, .landing-page.engagement .outoput-img04 h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  background-color: #D4F0F8;
  padding: 0.8rem;
}
.landing-page.engagement .outoput-img01 h3:before, .landing-page.engagement .outoput-img02 h3:before, .landing-page.engagement .outoput-img03 h3:before, .landing-page.engagement .outoput-img04 h3:before {
  display: none;
}
.landing-page.engagement .outoput-img01 .sample p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-bottom: 3rem;
}
.landing-page.engagement .outoput-img01 .sample p span {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #e70e38;
}
.landing-page.engagement .outoput-img02 .sample p:nth-of-type(1) {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #FFF;
  text-align: left;
}
.landing-page.engagement .outoput-img02 .sample p:nth-of-type(2) {
  border: solid 2px #E6577F;
  padding: 1.5rem 0rem 1.5rem 1rem;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.landing-page.engagement .outoput-img02 .sample p:nth-of-type(2) span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.landing-page.engagement .outoput-img02 .sample p:nth-of-type(3) {
  margin-top: 3rem;
}
.landing-page.engagement .outoput-img04 .version:nth-of-type(1) {
  margin-right: 0px;
}
.landing-page.engagement .service-conversion > div dl dt {
  line-height: 1.4;
}
.landing-page.kisoryoku header {
  background: url(../img/landingpage/bg_header_kisoryoku.jpg) center top no-repeat;
  background-size: cover;
}
.landing-page.kisoryoku .landing-page-common-eigi {
  transform: rotate(-9deg);
  position: absolute;
  right: 7%;
  bottom: 20%;
}
.landing-page.kisoryoku .comments li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.landing-page.kisoryoku ul.common-list > li, .landing-page.kisoryoku ol.common-list > li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 2rem;
}
.landing-page.kisoryoku ul.common-list > li span, .landing-page.kisoryoku ol.common-list > li span {
  margin-right: 1rem;
}
.landing-page.kisoryoku ul.common-list > li:last-child, .landing-page.kisoryoku ol.common-list > li:last-child {
  margin-bottom: 0;
}
.landing-page.kisoryoku .kisoryoku {
  /*&-flow{
  	background-color: #f6f8f9;
  	.en{
  		display: block;
  		color: $blue;
  		@include fz(36, 1.6, 700, 0.1em);
  		font-family: 'Caveat', cursive;
  		margin-bottom: 1.4rem;
  		text-align: center;
  	}
  	hr{
  		width: 20px;
  		border-top: 1px solid $blue;
  		margin: 0 auto 1.4rem;
  	}
  } */
}
.landing-page.kisoryoku .kisoryoku-about {
  padding: 50px 0;
}
.landing-page.kisoryoku .kisoryoku-about h2 {
  margin-bottom: 50px;
}
.landing-page.kisoryoku .kisoryoku-about h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-bottom: 3rem;
}
.landing-page.kisoryoku .kisoryoku-about h3:before {
  display: none;
}
.landing-page.kisoryoku .kisoryoku-about .about-2column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.landing-page.kisoryoku .kisoryoku-about .about-2column .image .caption {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.03em;
  padding-top: 1rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-description p {
  margin-bottom: 1.6rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-description p span {
  color: #e6577f;
}
.landing-page.kisoryoku .kisoryoku-about .about-description p:last-child {
  margin-bottom: 0;
}
.landing-page.kisoryoku .kisoryoku-about .about-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item {
  position: relative;
  width: 32%;
  padding: 2rem 0 1rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item h4 {
  position: absolute;
  width: 50%;
  background: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2em;
  left: 25%;
  top: -15px;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item-thumbnail {
  height: 160px;
  margin-bottom: 1rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item-thumbnail img {
  height: 100%;
  width: auto;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item dt {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 0.5rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item dd {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item-tags {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem 1rem 0;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item-tags > li {
  width: 31.5%;
  border-radius: 5px;
  color: #fff;
  padding: .7rem 0;
  font-weight: bold;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item-tags > li:nth-child(n+4) {
  margin-top: 1rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-action {
  border: 1px solid #42aaa2;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-action h4 {
  color: #42aaa2;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-action dt {
  color: #42aaa2;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-action .about-list-item-tags {
  padding-top: 2.7rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-action .about-list-item-tags li {
  background: #42aaa2;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-action .about-list-item-tags li.many {
  font-size: 13px;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-thinking {
  border: 1px solid #f69728;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-thinking h4 {
  color: #f69728;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-thinking dt {
  color: #f69728;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-thinking .about-list-item-tags {
  padding-top: 2.7rem;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-thinking .about-list-item-tags li {
  background: #f69728;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-teamwork {
  border: 1px solid #e6577f;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-teamwork h4 {
  color: #e6577f;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-teamwork dt {
  color: #e6577f;
}
.landing-page.kisoryoku .kisoryoku-about .about-list-item.color-teamwork .about-list-item-tags li {
  background: #e6577f;
}
.landing-page.kisoryoku .kisoryoku-feature {
  background: url(../img/landingpage/bg_kisoryoku_feature.png) 0 bottom repeat-x;
}
.landing-page.kisoryoku .kisoryoku-feature h2 {
  margin-bottom: 5rem;
}
.landing-page.kisoryoku .kisoryoku-feature h2:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 406px;
  height: 10px;
  margin-right: 3rem;
  background: rgba(0, 177, 237, 0.24);
}
.landing-page.kisoryoku .kisoryoku-feature h2:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 406px;
  height: 10px;
  margin-left: 3rem;
  background: rgba(0, 177, 237, 0.24);
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 50px;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list > li {
  flex-basis: 23.8970588235%;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list > li:nth-child(4n) {
  margin-right: 0;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list > li:nth-child(n+5) {
  margin-top: 3rem;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list dl {
  background-color: #fff;
  max-width: 260px;
  height: 100%;
  border-bottom: 3px solid #ccc;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list dl dt {
  background-color: #c6f0ff;
  color: #00AFEC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.8rem;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list dl dt .number {
  background-color: #00AFEC;
  color: #fff;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.1;
  font-weight: 200;
  letter-spacing: 0;
  font-family: 'Oswald', sans-serif;
  padding: 1rem 2.2rem 1.3rem;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list dl dt span {
  padding: 0 1rem;
}
.landing-page.kisoryoku .kisoryoku-feature .feature-list dl dd {
  color: #707070;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  padding: 1rem;
}
.landing-page.kisoryoku .kisoryoku-feature h3 {
  color: #00AFEC;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 2rem;
}
.landing-page.kisoryoku .kisoryoku-feature h3 span {
  font-size: 28px;
}
.landing-page.kisoryoku .kisoryoku-feature hr {
  width: 70%;
  border-top: 2px solid #00AFEC;
  margin: 0 auto;
}
.landing-page.kisoryoku .kisoryoku-output {
  background: url(../img/landingpage/bg_kisoryoku_output.png) center no-repeat;
  background-size: cover;
  padding: 50px 0 2.5rem;
  margin-bottom: 0;
}
.landing-page.kisoryoku .kisoryoku-output-title {
  color: #fff;
  margin-bottom: 0.5rem;
}
.landing-page.kisoryoku .kisoryoku-output-title-eigi {
  color: #fff;
  display: block;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.2em;
  font-family: 'Caveat', cursive;
  margin-top: 0.5rem;
  transform: rotate(357deg);
}
.landing-page.kisoryoku .kisoryoku-output-document {
  padding: 8rem 0 50px;
}
.landing-page.kisoryoku .kisoryoku-output-document-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.landing-page.kisoryoku .kisoryoku-output-document-list > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.landing-page.kisoryoku .kisoryoku-output-document-list dl:first-child {
  margin-right: 2.6rem;
}
.landing-page.kisoryoku .kisoryoku-output-document-list dl dt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0.7rem;
}
.landing-page.kisoryoku .kisoryoku-output-document-list dl dt.report {
  font-size: 18px;
  font-weight: 700;
}
.landing-page.kisoryoku .kisoryoku-output-document-list dl dd img {
  max-width: 100%;
  height: auto;
}
.landing-page.kisoryoku .kisoryoku-example {
  background: linear-gradient(135deg, #dff7fd, #B4e9fa);
}
.landing-page.kisoryoku .kisoryoku-example .example-bg {
  background: url(../img/landingpage/bg_kisoryoku_example.png) center no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.landing-page.kisoryoku .kisoryoku-example h2 {
  margin-bottom: 5rem;
}
.landing-page.kisoryoku .kisoryoku-example h2 span {
  color: #00AFEC;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
}
.landing-page.kisoryoku .kisoryoku-example h2:before {
  content: "";
  display: inline-block;
  border-top: 1px solid #707070;
  width: 4rem;
  margin: 0 1.8rem 1.3rem 0;
  transform: rotate(55deg);
}
.landing-page.kisoryoku .kisoryoku-example h2:after {
  content: "";
  display: inline-block;
  border-top: 1px solid #707070;
  width: 4rem;
  margin: 0 0 1.3rem 1.8rem;
  transform: rotate(-55deg);
}
.landing-page.kisoryoku .kisoryoku-example-buttons .buttons-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
.landing-page.kisoryoku .kisoryoku-example-buttons .buttons-column .button-item {
  background-color: #00AFEC;
  color: #fff;
  display: block;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  flex-basis: 170px;
  height: 170px;
  border-radius: 50%;
  margin-right: 8.4rem;
}
.landing-page.kisoryoku .kisoryoku-example-buttons .buttons-column .button-item:last-child {
  margin-right: 0;
}
.landing-page.kisoryoku .kisoryoku-example-buttons .buttons-column .button-item:hover {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: rgba(0, 175, 236, 0.5);
}
.landing-page.kisoryoku .kisoryoku-examplee-modal-window {
  background-color: #fff;
  text-align: center;
  width: 502px;
  padding: 1.4rem 1.5rem 4.6rem;
  border-radius: 5px;
}
.landing-page.kisoryoku .kisoryoku-examplee-modal-window dt {
  background-color: #00AFEC;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0.9rem 0;
}
.landing-page.kisoryoku .kisoryoku-examplee-modal-window dd {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
  margin-top: 5rem;
}
.landing-page.kisoryoku .kisoryoku-examplee-modal-window dd ul {
  width: 70%;
}
.landing-page.kisoryoku .kisoryoku-examplee-modal-window dd ul > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 1.2rem;
}
.landing-page.kisoryoku .kisoryoku-examplee-modal-window dd ul > li .blue-disc {
  background-color: #00AFEC;
  display: inline-block;
  flex-basis: 1.8rem;
  flex-shrink: 0;
  height: 1.8rem;
  margin-right: 1.6rem;
  border-radius: 50%;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-nav .output-tab-title {
  margin-bottom: 2.6rem;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-panels .tab-panel {
  padding: 50px 0;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-panels h2 {
  margin-bottom: 5rem;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-panels h2 .sub {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-panels h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
  display: inline-block;
  width: inherit;
  margin-bottom: 50px;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-panels h3:after {
  content: "";
  display: block;
  padding-top: 10px;
  border-bottom: 1.5px solid #00AFEC;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab-panels h3.line-short:after {
  width: 58%;
  margin: 0 auto;
}
.landing-page.kisoryoku .kisoryoku-output-tab-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 3.5rem;
}
.landing-page.kisoryoku .kisoryoku-output-tab-menu > li {
  text-align: center;
  width: 260px;
}
.landing-page.kisoryoku .kisoryoku-output-tab-menu > li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #00AFEC;
  color: #fff;
  border-radius: 5px;
  height: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.landing-page.kisoryoku .kisoryoku-output-tab-menu > li a:hover {
  opacity: 0.7;
}
.landing-page.kisoryoku .kisoryoku-output-tab-figure {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.landing-page.kisoryoku .kisoryoku-output-tab-figure .figure-item {
  margin-right: 4rem;
}
.landing-page.kisoryoku .kisoryoku-output-tab-figure .figure-item:last-child {
  margin-right: 0;
}
.landing-page.kisoryoku .kisoryoku-output-tab-container {
  width: 904px;
  padding: 50px 0 0;
  margin: 0 auto;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid {
  display: grid;
  display: -moz-grid;
  grid-template-columns: repeat(2, 424px);
  grid-row-gap: 1.7rem;
  grid-column-gap: 1.6rem;
  padding: 2rem;
  border: 1px solid #dfdfdf;
  margin-bottom: 0.7rem;
  box-sizing: border-box;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid .grid-item-1col {
  grid-column: 1 / 3;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid.grid-mb-large {
  margin-bottom: 4rem;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid-figure {
  text-align: center;
  padding: 1.3rem 0;
  border: 1px solid #1082a3;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid-report {
  border: 1px dashed #00AFEC;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid-report dl dt {
  background-color: #c9f2ff;
  color: #00AFEC;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
  padding: 0.9rem 0 0.8rem 1.6rem;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid-report dl dd {
  padding: 2rem;
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
}
.landing-page.kisoryoku .kisoryoku-output-tab-grid-report-unit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page.kisoryoku .kisoryoku-output-tab .panel01 section {
  padding-top: 80px;
  margin-top: -20px;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab li {
  line-height: 2em;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab li span {
  padding-bottom: .4rem;
  border-bottom: 1px solid #1082A3;
}
.landing-page.kisoryoku .kisoryoku-output-tab .landing-page-common-tab li.current span {
  border-color: #00AFEC;
}
.landing-page.kisoryoku .kisoryoku-output-tab-height {
  border-bottom: none !important;
}
.landing-page.kisoryoku .kisoryoku-flow .flow-title {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 5rem;
}
.landing-page.kisoryoku .kisoryoku-flow .flow-title:before {
  display: none;
}
.landing-page.kisoryoku .kisoryoku-flow .flow-figure {
  margin-bottom: 3.4rem;
}
.landing-page.kisoryoku .kisoryoku-contact {
  background-color: #efefef;
  padding: 50px 0;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-container {
  text-align: center;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-container dl {
  background-color: #fff;
  max-width: 536px;
  border-bottom: 3px solid #ccc;
  margin: 0 auto;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-container dl dt {
  background-color: #e87070;
  color: #fff;
  padding: 2.3rem 0;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-container dl dd {
  padding: 4rem 0 6rem;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 16px 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 410px;
  color: #fff;
  background: linear-gradient(135deg, #c94949, #e97171);
  border-bottom-color: #ac3333;
  color: #fff;
  position: relative;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-button:active {
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  border-bottom-width: 0px;
}
.landing-page.kisoryoku .kisoryoku-contact .contact-button:after {
  position: absolute;
  top: 2.8rem;
  right: 0;
  margin-right: 1.8rem;
  font-family: FontAwesome;
  font-size: 24px;
  content: "\f105";
}
.landing-page.growth_pack .white-box, .landing-page.growth_pack .growth_pack-ol-step li, .landing-page.growth_pack .sec-product-movie {
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.landing-page.growth_pack header {
  background: url(../img/landingpage/elearning_growth_pack/bg_hero_pc.png) 50% 0 no-repeat;
  background-size: cover;
  padding: 100px 0;
}
.landing-page.growth_pack header h1 {
  text-align: center;
}
.landing-page.growth_pack header.learning-system-header {
  background: url(../img/landingpage/mynavi-learning-system/bg_hero_pc.png) 50% 0 no-repeat;
}
.landing-page.growth_pack .growth_pack-header-btn-area {
  width: 630px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px auto 0;
}
.landing-page.growth_pack .growth_pack-point {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 130px;
}
.landing-page.growth_pack .growth_pack-point li {
  background: #FFF;
  border-radius: 5px;
  width: 340px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  padding: 70px 20px 20px;
  position: relative;
}
.landing-page.growth_pack .growth_pack-point li .number {
  position: absolute;
  top: -45px;
  left: 125px;
  width: 95px;
  height: 95px;
  color: #FFF;
  background: url(../img/landingpage/elearning_growth_pack/ic_point.png) 0 0 repeat;
  background-size: cover;
  text-align: center;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0;
  font-family: oswald;
  padding-top: 35px;
}
.landing-page.growth_pack .growth_pack-point li dt {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 0;
  color: #00AFEC;
  margin-bottom: 20px;
}
.landing-page.growth_pack .growth_pack-point li dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: normal;
  letter-spacing: 0;
}
.landing-page.growth_pack .growth_pack-ul-01 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 150px;
}
.landing-page.growth_pack .growth_pack-ul-01 li {
  width: 48%;
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  padding: 25px 30px;
  position: relative;
}
.landing-page.growth_pack .growth_pack-ul-01 li dt {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.075em;
  color: #FFF;
  padding: 10px;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 20px;
}
.landing-page.growth_pack .growth_pack-ul-01 li:before {
  content: "";
  display: block;
  width: 244px;
  height: 103px;
  position: absolute;
  top: -103px;
  left: calc((100% - 244px) / 2);
}
.landing-page.growth_pack .growth_pack-ul-01 li.freshers {
  border: 3px solid #B7EBEC;
}
.landing-page.growth_pack .growth_pack-ul-01 li.freshers:before {
  background: url(../img/landingpage/elearning_growth_pack/img_fig01.svg) 0 0 no-repeat;
  background-size: contain;
}
.landing-page.growth_pack .growth_pack-ul-01 li.freshers dt {
  background: #1CC4C7;
}
.landing-page.growth_pack .growth_pack-ul-01 li.recruiter {
  border: 3px solid #FCE7B7;
}
.landing-page.growth_pack .growth_pack-ul-01 li.recruiter:before {
  background: url(../img/landingpage/elearning_growth_pack/img_fig02.svg) 0 0 no-repeat;
  background-size: contain;
}
.landing-page.growth_pack .growth_pack-ul-01 li.recruiter dt {
  background: #FAB211;
}
.landing-page.growth_pack .growth_pack-ul-01 li .btn-growth {
  margin: 20px auto;
  font-weight: bold;
}
.landing-page.growth_pack .growth_pack-ul-01 li .btn-growth span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.075em;
  margin-bottom: 5px;
}
.landing-page.growth_pack .growth_pack-ul-01 li .btn-caption {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.7;
  font-weight: normal;
  letter-spacing: 0.075em;
  text-align: left;
  margin-left: 80px;
}
.landing-page.growth_pack .growth_pack-ul-01-copy {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.75;
  font-weight: bold;
  letter-spacing: 0.075em;
}
.landing-page.growth_pack .growth_pack-ul-02 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
}
.landing-page.growth_pack .growth_pack-ul-02 li {
  width: 32%;
}
.landing-page.growth_pack .growth_pack-ul-03 {
  margin-top: 50px;
}
.landing-page.growth_pack .growth_pack-ul-03 li {
  background-color: #EAFAFF;
  margin-bottom: 20px;
}
.landing-page.growth_pack .growth_pack-ul-03 li:last-child {
  margin-bottom: 10px;
}
.landing-page.growth_pack .growth_pack-ul-bullet li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
  text-align: left;
}
.landing-page.growth_pack .growth_pack-ul-bullet li:before {
  content: "●";
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 70%;
}
.landing-page.growth_pack .growth_pack-ul-bullet.freshers li:before {
  color: #1CC4C7;
}
.landing-page.growth_pack .growth_pack-ul-bullet.recruiter li:before {
  color: #FAB211;
}
.landing-page.growth_pack .growth_pack-ol-step {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 60px 0 20px;
}
.landing-page.growth_pack .growth_pack-ol-step li {
  position: relative;
  flex-basis: 265px;
  padding: 30px 20px 20px;
}
.landing-page.growth_pack .growth_pack-ol-step li .number {
  position: absolute;
  top: -15px;
  background: #00AFEC;
  color: #FFF;
  border-radius: 15px;
  font-family: oswald;
  padding: 3px 20px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.landing-page.growth_pack .growth_pack-ol-step li .number:before {
  content: "STEP";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: normal;
  letter-spacing: 0;
  padding-right: 10px;
  display: block;
  padding-top: 2px;
}
.landing-page.growth_pack .growth_pack-ol-step li:before {
  content: "";
  display: block;
  width: 49px;
  height: 49px;
  background: url(../img/landingpage/elearning_growth_pack/ic_flow_arrow.svg) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 80px;
  left: -28px;
}
.landing-page.growth_pack .growth_pack-ol-step li:first-child:before {
  display: none;
}
.landing-page.growth_pack .growth_pack-ol-mb5 li {
  margin-bottom: 5px;
}
.landing-page.growth_pack .growth_pack-dl-01 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 62px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.075em;
  background: url(../img/landingpage/elearning_growth_pack/img_fig03.svg) 0 0 no-repeat;
  background-size: contain;
}
.landing-page.growth_pack .growth_pack-dl-01 dt {
  width: 286px;
  color: #FFF;
  padding-left: 20px;
}
.landing-page.growth_pack .growth_pack-dl-01 dd {
  padding: 0 20px;
}
.landing-page.growth_pack .growth_pack-dl-02 {
  background: #FFF;
  border: 1px dashed #00AFEC;
  padding: 20px 30px;
}
.landing-page.growth_pack .growth_pack-dl-02 dt {
  margin-bottom: 20px;
  font-weight: bold;
  color: #00AFEC;
  font-size: 16px;
}
.landing-page.growth_pack .growth_pack-dl-03 dt {
  color: #00AFEC;
  font-weight: bold;
  line-height: 1.5;
  height: 55px;
}
.landing-page.growth_pack .growth_pack-dl-03 dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: 0.075em;
}
.landing-page.growth_pack .link-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.landing-page.growth_pack .link-right a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.075em;
  background: url(../img/landingpage/elearning_growth_pack/ic_tri.png) 0 3px no-repeat;
  padding-left: 20px;
  margin-bottom: 20px;
  color: #434E4E;
}
.landing-page.growth_pack .link-right a:hover {
  text-decoration: underline;
}
.landing-page.growth_pack .btn-freshers {
  background: #1CC4C7;
  border: 1px solid #1CC4C7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-page.growth_pack .btn-freshers:hover {
  background: #FFF;
  color: #1CC4C7;
}
.landing-page.growth_pack .btn-recruiter {
  background: #FAB211;
  border: 1px solid #FAB211;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-page.growth_pack .btn-recruiter:hover {
  background: #FFF;
  color: #FAB211;
}
.landing-page.growth_pack .btn-growth {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 1;
  border-bottom-style: solid;
  width: 300px;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.landing-page.growth_pack .btn-growth:active {
  -ms-transform: translateY(1);
  -webkit-transform: translateY(1);
  transform: translateY(1);
  border-bottom-width: 0px;
}
.landing-page.growth_pack .btn-growth.type-02 {
  width: 440px;
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.075em;
}
.landing-page.growth_pack .btn-growth.type-02 span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.075em;
  margin-bottom: 10px;
}
.landing-page.growth_pack .btn-growth-pdf {
  margin: 0 auto;
  width: 470px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0;
  padding: 20px 0;
  border-radius: 5px;
  background: #FFF;
  display: block;
}
.landing-page.growth_pack .btn-growth-pdf.freshers {
  color: #1CC4C7;
  border: 1px solid #1CC4C7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-page.growth_pack .btn-growth-pdf.freshers:hover {
  background: #1CC4C7;
  color: #FFF;
}
.landing-page.growth_pack .btn-growth-pdf.recruiter {
  color: #FAB211;
  border: 1px solid #FAB211;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-page.growth_pack .btn-growth-pdf.recruiter:hover {
  background: #FAB211;
  color: #FFF;
}
.landing-page.growth_pack .btn-growth-movie {
  display: block;
  width: 280px;
  color: #FFF;
  padding: 20px 0;
  border-radius: 5px;
  margin: 30px auto 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.075em;
}
.landing-page.growth_pack .conversion-area {
  margin: 70px auto 0;
}
.landing-page.growth_pack .conversion-area .service-conversion > div dl dt {
  margin: 10px 0;
}
.landing-page.growth_pack .txt-copy-large {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 2;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}
.landing-page.growth_pack .txt-copy-large.fwb {
  font-weight: bold;
}
.landing-page.growth_pack .txt-copy-large .freshers {
  color: #1CC4C7;
}
.landing-page.growth_pack .txt-copy-large .recruiter {
  color: #FAB211;
}
.landing-page.growth_pack .sec-01 {
  padding-bottom: 100px;
}
.landing-page.growth_pack .sec-01 .copy .freshers {
  color: #1CC4C7;
  font-size: 28px;
}
.landing-page.growth_pack .sec-01 .copy .recruiter {
  color: #FAB211;
  font-size: 28px;
}
.landing-page.growth_pack .sec-product {
  padding: 0;
}
.landing-page.growth_pack .sec-product .landing-page-common-lineup-title {
  padding: 50px 0;
}
.landing-page.growth_pack .sec-product .inner {
  padding: 50px 0 100px;
}
.landing-page.growth_pack .sec-product .product-list h3 {
  text-align: center;
  padding-left: 0;
  margin-bottom: 50px;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 2;
  font-weight: bold;
  letter-spacing: 0;
}
.landing-page.growth_pack .sec-product .product-list h3:before {
  display: none;
}
.landing-page.growth_pack .sec-product .product-list-wrap {
  margin-bottom: 60px;
}
.landing-page.growth_pack .sec-product .product-list-item {
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background: #FFF;
  width: 350px;
}
.landing-page.growth_pack .sec-product .product-list-item dt {
  height: 90px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
}
.landing-page.growth_pack .sec-product .product-list-item dd {
  padding: 20px 30px 15px;
}
.landing-page.growth_pack .sec-product-movie {
  padding: 30px;
  width: 930px;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.landing-page.growth_pack .sec-product-movie dl {
  width: 600px;
}
.landing-page.growth_pack .sec-product-movie dl dt {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page.growth_pack .sec-product.freshers {
  background: linear-gradient(#FFF, #E0FDFE);
}
.landing-page.growth_pack .sec-product.freshers .sec-product-wrap {
  position: relative;
  background: url(../img/landingpage/elearning_growth_pack//bg_fresher02.png) bottom center no-repeat;
}
.landing-page.growth_pack .sec-product.freshers .landing-page-common-lineup-title {
  background: url(../img/landingpage/elearning_growth_pack//bg_fresher01.png) 50% 50% no-repeat;
  background-size: 100% auto;
}
.landing-page.growth_pack .sec-product.freshers h3 {
  color: #1CC4C7;
}
.landing-page.growth_pack .sec-product.freshers .product-list-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: strech;
}
.landing-page.growth_pack .sec-product.freshers .product-list-item {
  border: 1px solid #1CC4C7;
}
.landing-page.growth_pack .sec-product.freshers .product-list-item dt {
  background: url(../img/landingpage/elearning_growth_pack//bg_fresher03.png) 0 0 repeat;
  color: #1CC4C7;
}
.landing-page.growth_pack .sec-product.freshers .sec-product-movie dt {
  color: #1CC4C7;
}
.landing-page.growth_pack .sec-product.freshers .sec-product-movie dt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 26px;
  margin-right: 20px;
  background: url(../img/landingpage/elearning_growth_pack/txt_movie_freshers-01.svg) 0 0 no-repeat;
}
.landing-page.growth_pack .sec-product.freshers .sec-product-movie dt:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 26px;
  margin-left: 20px;
  background: url(../img/landingpage/elearning_growth_pack/txt_movie_freshers-02.svg) 0 0 no-repeat;
}
.landing-page.growth_pack .sec-product.recruiter {
  background: linear-gradient(#FFF, #FAE9C1);
}
.landing-page.growth_pack .sec-product.recruiter .sec-product-wrap {
  position: relative;
  background: url(../img/landingpage/elearning_growth_pack//bg_recruiter02.png) bottom center no-repeat;
}
.landing-page.growth_pack .sec-product.recruiter .landing-page-common-lineup-title {
  background: url(../img/landingpage/elearning_growth_pack//bg_recruiter01.png) 50% 50% no-repeat;
  background-size: 100% auto;
}
.landing-page.growth_pack .sec-product.recruiter h3 {
  color: #FAB211;
}
.landing-page.growth_pack .sec-product.recruiter .product-list-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: strech;
  width: 720px;
  margin: auto auto 60px;
}
.landing-page.growth_pack .sec-product.recruiter .product-list-item {
  border: 1px solid #FAB211;
}
.landing-page.growth_pack .sec-product.recruiter .product-list-item dt {
  background: url(../img/landingpage/elearning_growth_pack//bg_recruiter03.png) 0 0 repeat;
  color: #FAB211;
}
.landing-page.growth_pack .sec-product.recruiter .sec-product-movie dt {
  color: #FAB211;
}
.landing-page.growth_pack .sec-product.recruiter .sec-product-movie dt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 26px;
  margin-right: 20px;
  background: url(../img/landingpage/elearning_growth_pack/txt_movie_recruiter-01.svg) 0 0 no-repeat;
}
.landing-page.growth_pack .sec-product.recruiter .sec-product-movie dt:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 26px;
  margin-left: 20px;
  background: url(../img/landingpage/elearning_growth_pack/txt_movie_recruiter-02.svg) 0 0 no-repeat;
}
.landing-page.growth_pack .sec-flow {
  border-top: 3px solid #0095D4;
  background: url(../img/landingpage/elearning_growth_pack/bg_flow.png) 0 0 repeat;
}
.landing-page.growth_pack .sec-flow h2 {
  text-align: center;
  color: #00AFEC;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0;
  border-bottom: none;
  margin: 50px auto;
}
.landing-page.growth_pack .sec-system {
  padding: 0;
}
.landing-page.growth_pack .sec-system .landing-page-common-lineup-title {
  background: url(../img/landingpage/elearning_growth_pack/bg_recomend.png) 0 0 repeat;
  background-size: cover;
  height: 145px;
  padding-top: 60px;
}
.landing-page.growth_pack .sec-system .inner {
  padding: 80px 0;
}
.landing-page.growth_pack .sec-system .inner table {
  margin: 1rem 0 3rem;
  width: 100%;
}
.landing-page.growth_pack .sec-system .inner table th,
.landing-page.growth_pack .sec-system .inner table td {
  border: 1px solid #CBCBCB;
  padding: 1rem;
  text-align: left;
  padding: 1rem;
}
.landing-page.growth_pack .sec-system .inner table th {
  background: #00AFEC;
  color: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.075em;
}
.landing-page.growth_pack .sec-system .inner table td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: 0.075em;
}
.landing-page.growth_pack .sec-faq {
  margin-bottom: 50px;
}
.landing-page.growth_pack .sec-faq .landing-page-common-lineup-title {
  background: url(../img/landingpage/elearning_growth_pack/bg_faq.png) 0 0 repeat;
  background-size: cover;
  height: 145px;
  padding-top: 60px;
}
.landing-page.growth_pack .sec-faq .inner {
  padding-top: 70px;
}
.landing-page.growth_pack .sec-faq .faq-block h3 {
  padding-top: 7rem;
  margin-top: -3rem;
}
.landing-page.growth_pack .sec-faq .conversion-area {
  margin-top: 0;
}
.landing-page.growth_pack #sec-02 {
  padding-top: 130px;
  margin-top: -130px;
}
.landing-page.growth_pack #sec-rec {
  position: absolute;
  bottom: 130px;
}
.landing-page .learning-system .txt-attention-01 {
  display: inline-block;
  color: #FF5978;
  background: #FEDAE0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  padding: 10px 30px;
  border-radius: 30px;
  margin: 50px auto 0;
}
.landing-page .learning-system .point-delivery {
  margin: 50px 0;
  position: relative;
}
.landing-page .learning-system .point-delivery:before {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 32px;
  background: url(../img/landingpage/mynavi-learning-system/ic_tri.svg) no-repeat;
  background-size: contain;
  right: 150px;
  top: -32px;
}
.landing-page .learning-system .point-delivery dt {
  text-align: center;
  background: #00AFEC url(../img/landingpage/mynavi-learning-system/bg_new.svg) no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  padding: 45px 0;
  position: relative;
}
.landing-page .learning-system .point-delivery dt .label {
  position: absolute;
  transform: rotate(-34deg);
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  top: 27px;
  left: 15px;
}
.landing-page .learning-system .point-delivery dd {
  border: 3px solid #00AFEC;
  padding: 40px;
}
.landing-page .learning-system .point-delivery-flow {
  margin-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.landing-page .learning-system .point-delivery-flow li {
  position: relative;
}
.landing-page .learning-system .point-delivery-flow li:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 27px;
  display: block;
  background: url(../img/landingpage/mynavi-learning-system/ic_flow_new.svg) no-repeat;
  background-size: contain;
  right: -30px;
  top: calc((100% - 27px) / 2);
}
.landing-page .learning-system .point-delivery-flow li:last-child:after {
  display: none;
}
.landing-page .learning-system .point-delivery-flow li p {
  margin-top: 10px;
}
.landing-page .learning-system .screen-shot {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.landing-page .learning-system .screen-shot dl {
  width: 530px;
  background: #F2F7FF;
}
.landing-page .learning-system .screen-shot dl dt {
  padding: 15px;
  background: #00AFEC;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page .learning-system .screen-shot dl dd {
  padding: 20px 30px;
}
.landing-page .learning-system .ul-list-barrett li .img-w100 {
  width: 100%;
  height: auto;
}
.landing-page .learning-system-fee {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 10px;
}
.landing-page .learning-system-fee dl {
  width: 530px;
}
.landing-page .learning-system-fee dl dt {
  color: #FFF;
  padding: 35px 15px;
  position: relative;
}
.landing-page .learning-system-fee dl dt .ttl {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page .learning-system-fee dl dt .number {
  position: absolute;
  right: 0;
  top: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
  padding: 12px 10px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page .learning-system-fee dl dt .number span {
  font-size: 36px;
  font-family: 'Oswald', sans-serif;
}
.landing-page .learning-system-fee dl dd {
  border: 1px solid;
  text-align: center;
  padding: 30px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.landing-page .learning-system-fee dl dd .txt {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page .learning-system-fee dl dd .price {
  margin-left: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
}
.landing-page .learning-system-fee dl dd .price span {
  font-family: 'Oswald', sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
}
.landing-page .learning-system-fee dl.freshers dt {
  background: #1CC4C7;
}
.landing-page .learning-system-fee dl.freshers dt .number {
  color: #1CC4C7;
}
.landing-page .learning-system-fee dl.freshers dd {
  border-color: #1CC4C7;
}
.landing-page .learning-system-fee dl.freshers .price {
  color: #1CC4C7;
}
.landing-page .learning-system-fee dl.recruiter dt {
  background: #FAB211;
}
.landing-page .learning-system-fee dl.recruiter dt .number {
  color: #FAB211;
}
.landing-page .learning-system-fee dl.recruiter dd {
  border-color: #FAB211;
}
.landing-page .learning-system-fee dl.recruiter .price {
  color: #FAB211;
}
.landing-page .learning-system .announcement {
  border: 2px solid #FF5978;
  padding: 30px 35px;
  margin-top: 50px;
}
.landing-page .learning-system .announcement-ttl {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  background: #FF5978;
  color: #FFF;
  text-align: center;
  padding: 10px;
  margin-bottom: 30px;
}
.landing-page .learning-system .announcement-list {
  margin: 20px 0;
}
.landing-page .learning-system .announcement-list li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #FF5978;
}
.landing-page .learning-system .fs-mini {
  font-size: 14px;
}
.landing-page .learning-system .sec-system {
  padding-top: 60px;
  margin-top: -60px;
}
.landing-page .learning-system .sec-system .inner.service-conversion {
  padding: 0 0 10px 0;
}
.landing-page .learning-system .sec-system .inner.service-conversion .service-conversion-private dt span {
  display: inline-block;
  color: #C94949;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.landing-page .learning-system .sec-faq.sec-system {
  margin-bottom: 0;
}
.landing-page .learning-system .sec-faq .faq-block {
  margin-bottom: 80px;
}
.landing-page .learning-system .conversion-notes p {
  font-size: 14px;
  margin-bottom: 5px;
}

#kisoryoku .modaal-container {
  width: 500px;
  border-radius: 10px;
}
#kisoryoku .modaal-content-container {
  padding: 15px;
}
#kisoryoku .modaal-content-container dl dt {
  background: #00AFEC;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 10px 0;
}
#kisoryoku .modaal-content-container dl dd {
  padding: 30px;
}
#kisoryoku .modaal-content-container dl dd li {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
#kisoryoku .modaal-content-container dl dd li:before {
  position: absolute;
  left: 0;
  color: #00AFEC;
  font-family: FontAwesome;
  content: "\f111";
}
#kisoryoku .modaal-content-container dl dd li:last-child {
  margin-bottom: 0;
}

/*======================================
service
======================================*/
.subpages-header.bg-newemployee {
  background: url(../img/service/bg_pageheader_new.png) 0 0 repeat;
  background-color: #00AFEC;
}
.subpages-header.bg-gw {
  background: url(../img/service/bg_pageheader_gw.png) 0 0 repeat;
  background-color: #00AFEC;
}
.subpages-header.bg-etc {
  background: url(../img/service/bg_pageheader_etc.png) 0 0 repeat;
  background-color: #00AFEC;
}

.service-title-gw {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.service-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.service-icon p {
  width: 120px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: center;
  padding: 10px 0;
}
.service-icon p.private {
  background: #FCE7E7;
  color: #E6577F;
}
.service-icon p.public {
  background: #FFF1E5;
  color: #E59330;
}
.service-icon p:nth-of-type(2) {
  margin-left: 10px;
}
.service-card {
  background-color: #fff;
  border-bottom: 3px solid #cccccc;
}
.service-card-fig {
  display: inline-block;
  width: 100%;
  height: 106px;
  overflow: hidden;
}
.service-card-fig img {
  width: 100%;
  height: auto;
  transform: scale(1, 1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.service-card-data {
  padding: 1rem 1.5rem;
}
.service-card-data dt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
}
.service-card-data dt + dd {
  padding: .5rem 1.2rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-card-data dt + dd > p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-card-data dt + dd > p span {
  margin-top: 1rem;
}
.service-card a:hover .service-card-fig img {
  transform: scale(1.2, 1.2);
}
.service-list h3 {
  margin-top: 4rem;
}
.service-list-item > a {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  background-color: #00AFEC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.service-list-item > a:hover {
  transform: translate(20px, 0);
  -webkit-transform: translate(20px, 0);
}
.service-list-item .item-inner {
  padding: 1.5rem 2rem;
  flex-basis: calc(1058 / 1088 * 100%);
  background-color: #F7F7F7;
}
.service-list-item .item-inner dl dt {
  color: #00AFEC;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.service-list-item .item-inner dl dd p {
  padding: 1rem 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.service-list-item .item-tag {
  width: 100%;
  border-top: 1px solid #DFDFDF;
  padding: 1rem 0 0;
}
.service-list-item .item-tag span {
  display: inline-block;
  margin-right: 5px;
}
.service-list-item .item-tag span:last-child {
  margin-right: 0px;
}
.service-list-item .item-arrow {
  flex-basis: calc(30 / 1088 * 100%);
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.service-list-item .item-arrow:after {
  display: inline-block;
  flex-basis: 100%;
  color: #fff;
  font-family: FontAwesome;
  content: "\f105";
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.service-list-item:nth-child(even) a {
  background-color: #07bfff;
}
.service-list-item:nth-child(even) .item-inner {
  background-color: #f1f1f1;
}
.service-list-contacts li {
  background: #F5F5F5;
  padding: 2rem;
}
.service-list-contacts li dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.service-list-contacts li dl dt {
  color: #00AFEC;
}
.service-list-sort-botton {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.service-list-sort-botton li {
  flex-basis: 30%;
}
.service-list-sort-botton li a {
  display: block;
  position: relative;
}
.service-list-sort-botton li a:after {
  content: "\f13a";
  position: absolute;
  right: 1.5rem;
}
.service-list.tabs-panel {
  margin-top: -120px;
  padding-top: 150px;
}
.service-list.tabs-panel .h2-entry-index {
  margin-top: 3rem;
}
.service-relation h2 {
  padding: 4rem 0;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.service-flexible {
  margin: 5rem auto 0 !important;
}
.service-flexible h2 {
  margin: 6rem 0 3rem;
}
.service-flexible h2.title_blue_h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  margin: 6rem 0 3rem;
  color: #00AFEC;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.service-flexible h3 {
  margin: 0 0 3rem;
}
.service-flexible p, .service-flexible small {
  display: inline-block;
  margin: 0 0 5rem;
}
.service-flexible p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible table {
  margin: 0 0 5rem;
  width: 100%;
}
.service-flexible table th, .service-flexible table td {
  border: 1px solid gainsboro;
  padding: 1.5rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible table th {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  background: #00AFEC;
  color: #FFF;
  width: 14%;
  vertical-align: middle;
}
.service-flexible table td {
  background: #F5F5F5;
}
.service-flexible strong {
  font-weight: 600;
  background: linear-gradient(transparent 0%, #D8F3FD 0%);
}
.service-flexible a {
  color: #00AFEC;
  text-decoration: underline;
}
.service-flexible a:hover {
  text-decoration: none;
}
.service-flexible a[target="_blank"]:after {
  margin-left: .5rem;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f08e";
}
.service-flexible-btn {
  display: inline-block;
  margin: 0 0 3rem;
}
.service-flexible-btn .btn-basis {
  min-width: 130px;
  width: auto;
  text-decoration: none;
  padding: 2rem;
}
.service-flexible ul.list {
  margin: 0 0 50px;
}
.service-flexible ul.list li {
  padding-top: 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible ul.list li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.service-flexible ul.list li:first-child {
  padding-top: 0rem;
}
.service-flexible ul.list li p {
  margin: 0;
  width: 90%;
  vertical-align: top;
}
.service-flexible ul.list li span {
  display: none;
}
.service-flexible ul.list li.addnum span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20%;
  font-size: 10px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  background-color: #00AFEC;
  color: #fff;
  text-align: center;
}
.service-flexible ul.list li.addnum p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 2rem;
}
.service-flexible ul.list li.addnum:before {
  display: none;
}
.service-flexible .image {
  text-align: left;
  margin: 0 0 5rem;
}
.service-flexible .image-full {
  margin: 0 0 3rem;
  text-align: center;
  width: 100%;
}
.service-flexible .image-full img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
.service-flexible .image-row {
  margin: 0 0 3rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.service-flexible .image-row > div {
  flex-basis: 48%;
}
.service-flexible .image-row > div img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.service-flexible .image-row-reverse {
  margin: 0 0 3rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.service-flexible .image-row-reverse > .item01 {
  flex-basis: 48%;
  order: 2;
}
.service-flexible .image-row-reverse > .item02 {
  flex-basis: 48%;
  order: 1;
}
.service-flexible .image-row-reverse img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.service-flexible .image-gallery {
  margin: 0 0 3rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.service-flexible .image-gallery > li {
  margin-bottom: 2rem;
  margin-right: calc(19 / 1088 * 100%);
  flex-basis: calc(350 / 1088 * 100%);
}
.service-flexible .image-gallery > li img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.service-flexible .image-gallery > li .caption {
  padding-top: .5rem;
  display: block;
  color: #9B9B9B;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible .image-gallery > li:nth-child(3n) {
  margin-right: 0;
}
.service-flexible .image-layout {
  margin: 0 0 5rem;
  background: url(../img/service/bg_illustration.png) 0 0 repeat;
  background-color: #F6F8F9;
  width: 100%;
  padding: 3rem;
}
.service-flexible .image-layout > .image {
  text-align: center;
  margin-bottom: 0;
}
.service-flexible .image-layout > .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.service-flexible .image-layout > .image + .txt p {
  margin-top: 3rem;
}
.service-flexible .image-layout p {
  margin: 0;
}
.service-flexible-video {
  margin: 0 0 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
}
.service-flexible-video iframe {
  position: relative;
  z-index: 1;
}
.service-flexible-video:after {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 0;
  color: #ebebeb;
  font-size: 600px;
  font-family: FontAwesome;
  content: "\f144";
}
.service-flexible-grid {
  margin: 0 0 5rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.service-flexible-grid > div {
  margin: 1.5rem 0;
  flex-basis: 49%;
  border: 1px solid #00AFEC;
}
.service-flexible-grid > div.grid-fullsize {
  flex-basis: 100%;
}
.service-flexible-grid > div h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  background-color: #00AFEC;
  color: #fff;
  padding: .5rem 1rem;
}
.service-flexible-grid > div h4 span {
  border-radius: 5px;
  font-family: 'Oswald', sans-serif;
  margin-right: 1.5rem;
  padding: .5rem;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #00AFEC;
}
.service-flexible-grid > div h4 span em {
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible-grid > div ul {
  padding: 1.5rem;
}
.service-flexible-grid > div li {
  padding-top: 1rem;
  padding-left: 2rem;
  text-indent: -2rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible-grid > div li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.service-flexible-grid > div li:first-child {
  padding-top: 0rem;
}
.service-flexible .task-to-result {
  margin: 0 0 5rem;
}
.service-flexible .task-to-result .task, .service-flexible .task-to-result .result {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.service-flexible .task-to-result .task > div, .service-flexible .task-to-result .result > div {
  padding: 1.5rem;
  min-height: 100px;
  flex-basis: calc(938 / 1088 * 100%);
}
.service-flexible .task-to-result .task > div:first-child, .service-flexible .task-to-result .result > div:first-child {
  color: #fff;
  flex-basis: calc(150 / 1088 * 100%);
  align-self: center;
  text-align: center;
}
.service-flexible .task-to-result .task > div ul li, .service-flexible .task-to-result .result > div ul li {
  padding-top: 0.5rem;
  padding-left: 2rem;
  text-indent: -2rem;
  color: #718181;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-flexible .task-to-result .task > div ul li:before, .service-flexible .task-to-result .result > div ul li:before {
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f14a";
}
.service-flexible .task-to-result .task > div ul li:first-child, .service-flexible .task-to-result .result > div ul li:first-child {
  padding-top: 0rem;
}
.service-flexible .task-to-result .task {
  position: relative;
  background-color: #6AD1C9;
}
.service-flexible .task-to-result .task > div {
  background-color: #E8F8F6;
}
.service-flexible .task-to-result .task > div:first-child {
  background: url(../img/service/ic_subject.png) center center no-repeat;
  background-size: 40px;
  text-indent: -9999px;
}
.service-flexible .task-to-result .task > div ul li:before {
  color: #6AD1C9;
}
.service-flexible .task-to-result .task:after {
  position: absolute;
  color: #6AD1C9;
  bottom: -25px;
  left: 65px;
  display: block;
  font-size: 40px;
  font-family: FontAwesome;
  content: "\f0d7";
}
.service-flexible .task-to-result .result {
  margin-top: 1.5rem;
  background-color: #00B1ED;
}
.service-flexible .task-to-result .result > div {
  background-color: #D9F6FD;
}
.service-flexible .task-to-result .result > div:first-child {
  background-color: #00B1ED;
  background: url(../img/service/ic_result.png) center center no-repeat;
  background-size: 70px;
  text-indent: -9999px;
}
.service-flexible .task-to-result .result > div ul li:before {
  color: #00B1ED;
}
.service-flexible-story {
  margin: 1.5rem 0 50px;
  position: relative;
  padding: 3rem;
  border: 1px solid #00AFEC;
}
.service-flexible-story p {
  margin: 0 0 0rem;
}
.service-flexible-story h4 {
  position: absolute;
  width: 100%;
  top: -10%;
  left: 0;
  text-align: center;
}
.service-flexible-story h4 span {
  background-color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #00AFEC;
  font-family: 'Oswald', sans-serif;
  display: inline-block;
  padding: 0 4rem;
  text-align: center;
}
.service-flexible .process_block {
  margin: 3rem 0;
}
.service-flexible-process {
  background-color: #00AFEC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}
.service-flexible-process > div {
  align-self: center;
  flex-basis: calc(958 / 1088 * 100%);
}
.service-flexible-process > div:first-child {
  flex-basis: calc(130 / 1088 * 100%);
}
.service-flexible-process:after {
  position: absolute;
  color: #00AFEC;
  bottom: -25px;
  left: 55px;
  display: block;
  font-size: 40px;
  font-family: FontAwesome;
  content: "\f0d7";
}
.service-flexible-process:last-child:after {
  content: none;
}
.service-flexible-process-step {
  background-color: #00AFEC;
}
.service-flexible-process-step > div {
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}
.service-flexible-process-item {
  padding: 1.5rem;
  background-color: #F5F5F5;
}
.service-flexible-process-item dt {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.service-flexible-process-item dd p {
  margin: 0;
}
.service-flexible-voice {
  margin: 0 0 3rem;
}
.service-flexible-voice dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.service-flexible-voice-sex {
  flex-basis: calc(120 / 1088 * 100%);
  height: 120px;
}
.service-flexible-voice-sex.male-20 {
  background: url(../img/service/fig_voiceperson_male_20.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.male-30 {
  background: url(../img/service/fig_voiceperson_male_30.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.male-40 {
  background: url(../img/service/fig_voiceperson_male_40.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.male-prospective {
  background: url(../img/service/fig_voiceperson_male_prospective.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.female-20 {
  background: url(../img/service/fig_voiceperson_female_20.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.female-30 {
  background: url(../img/service/fig_voiceperson_female_30.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.female-40 {
  background: url(../img/service/fig_voiceperson_female_40.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-sex.female-prospective {
  background: url(../img/service/fig_voiceperson_female_prospective.png) center 0 no-repeat;
  background-size: contain;
}
.service-flexible-voice-balloon {
  /* margin-top: 3rem; */
  position: relative;
  flex-basis: calc(968 / 1088 * 100%);
  border-radius: 5px;
  background-color: #F5F5F5;
  padding: 1.5rem;
}
.service-flexible-voice-balloon:after {
  position: absolute;
  color: #F5F5F5;
  top: 10px;
  left: -10px;
  display: block;
  font-size: 40px;
  font-family: FontAwesome;
  content: "\f0d9";
}
.service-flexible-voice-balloon p {
  margin: 0;
}
.service-flexible small > p {
  margin-bottom: 0;
}
.service-conversion {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.service-conversion.single {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
.service-conversion-title-h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  text-align: center;
  color: #00AFEC;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}
.service-conversion > div {
  flex-basis: 49%;
  background-color: #fff;
  border-bottom: 3px solid #cccccc;
  box-shadow: 0 0 10px 0 rgba(209, 209, 209, 0.5);
}
.service-conversion > div dl {
  padding: 1.5rem;
}
.service-conversion > div dl dt {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding-bottom: 1.5rem;
}
.service-conversion > div dl dt span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding-top: 1rem;
}
.service-conversion > div dl dd > a.cvBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  color: #FFF;
}
.service-conversion > div dl dd .text-link {
  margin-top: 3rem;
  display: block;
  text-align: center;
}
.service-conversion-public dl {
  border-top: 4px solid #E59330;
  background: linear-gradient(0deg, #FFF, #FFF1E5);
}
.service-conversion-public dt {
  color: #E59330;
}
.service-conversion-public dt span {
  color: #434E4E;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-conversion-public dt.LP_arrange {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.service-conversion-public-attention {
  width: 48%;
  margin-left: 1%;
  text-align: center;
}
.service-conversion-public-attention a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-conversion-private dl {
  border-top: 4px solid #C94949;
  background: linear-gradient(0deg, #FFF, #FFF2F2);
}
.service-conversion-private dt {
  color: #C94949;
}
.service-conversion-private dt span {
  display: block;
  color: #434E4E;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-conversion-private dt.LP_arrange {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.service-conversion-private.lp-inquiry dt {
  padding: 1rem 0;
}
.service-conversion-spcase01 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
.service-conversion-spcase01 > div {
  flex-basis: 48%;
  margin: 0 1%;
  background-color: #fff;
  border-bottom: 3px solid #cccccc;
}
.service-conversion-spcase01 > div dt {
  padding: 2rem 0;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.service-conversion-spcase01 > div dd .recommended {
  padding: 1rem;
}
.service-conversion-spcase01 > div dd .recommended-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.service-conversion-spcase01 > div dd .recommended-title {
  flex-basis: calc(110 / 536 * 100%);
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding-bottom: .5rem;
}
.service-conversion-spcase01 > div dd .recommended-title span {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.service-conversion-spcase01 > div dd .recommended-list {
  flex-basis: calc(420 / 536 * 100%);
  padding-left: 1rem;
}
.service-conversion-spcase01 > div dd .recommended-list > li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-conversion-spcase01 > div dd .recommended-list > li:before {
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.service-conversion-spcase01 > div dd .price {
  padding: 1.5rem 1.5rem 0rem 1.5rem;
  text-align: center;
}
.service-conversion-spcase01 > div dd .price span, .service-conversion-spcase01 > div dd .price small {
  display: inline-block;
  vertical-align: bottom;
}
.service-conversion-spcase01 > div dd .price-num {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  font-family: 'Oswald', sans-serif;
  margin-right: 1rem;
}
.service-conversion-spcase01 > div dd .annotation {
  padding: 1.5rem 1rem 0rem 1rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0em;
}
.service-conversion-spcase01 > div dd .btnarea {
  padding: 1.5rem;
}
.service-conversion-spcase01 > div dd .btnarea > a.cvBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.service-conversion-spcase01 > div dd .btnarea + p {
  padding: 3rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.service-conversion-spcase01-annual dt {
  background: linear-gradient(135deg, #E2701D, #F69728);
  border-bottom-color: #b55a17;
}
.service-conversion-spcase01-annual dd .recommended {
  background-color: #EAE6CF;
}
.service-conversion-spcase01-annual dd .recommended-title {
  background-color: #E59330;
}
.service-conversion-spcase01-annual dd .recommended-list li:before {
  color: #E59330;
}
.service-conversion-spcase01-annual dd .price-num {
  color: #E59330;
}
.service-conversion-spcase01-twoweeks dt {
  background: linear-gradient(135deg, #C94949, #E97272);
  border-bottom-color: #ac3333;
}
.service-conversion-spcase01-twoweeks dd .recommended {
  background-color: #EDDFE7;
}
.service-conversion-spcase01-twoweeks dd .recommended-title {
  background-color: #E6577F;
}
.service-conversion-spcase01-twoweeks dd .recommended-list li:before {
  color: #E6577F;
}
.service-conversion-spcase01-twoweeks dd .price-num {
  color: #E6577F;
}
.service-conversion-rental-year > dl > dt {
  background: linear-gradient(135deg, #E2701D, #F69728);
  border-bottom-color: #b55a17;
  color: #FFF;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 2rem 0;
}
.service-conversion-rental-year > dl > dd {
  padding: 0;
  border: 1px solid #E6E5D3;
}
.service-conversion-rental-year > dl > dd .recomend dl {
  background: #EAE6CF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0;
}
.service-conversion-rental-year > dl > dd .recomend dl dt {
  background: #E59330;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  text-align: center;
  border-radius: 10rem;
  width: 12rem;
  padding: 3px 0;
  margin: 0 5px 0 10px;
}
.service-conversion-rental-year > dl > dd .recomend dl dd {
  padding: 0;
}
.service-conversion-rental-year > dl > dd .recomend dl dd ul li {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 15px;
  position: relative;
}
.service-conversion-rental-year > dl > dd .recomend dl dd ul li:before {
  content: "●";
  color: #E59330;
  position: absolute;
  left: 0;
}
.service-conversion-rental-year > dl > dd .cvinner {
  padding: 10px;
}
.service-conversion-rental-year > dl > dd .cvinner dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.service-conversion-rental-year > dl > dd .cvinner dl dt {
  background: #b5b5b5;
  color: #FFF;
  border-radius: 10rem;
  padding: 8px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  width: 14em;
}
.service-conversion-rental-year > dl > dd .cvinner dl dd {
  text-align: right;
  padding: 0 0 1rem 0;
}
.service-conversion-rental-year > dl > dd .cvinner dl dd span {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: 'Oswald', sans-serif;
  color: #E59330;
}
.service-conversion-rental-year > dl > dd .cvinner p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0em;
  margin-bottom: 10px;
}
.service-conversion-rental-year > dl > dd .cvinner a.cvBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  color: #FFF;
}
.service-conversion-rental-week > dl > dt {
  background: linear-gradient(135deg, #C94949, #E97272);
  border-bottom-color: #ac3333;
  color: #FFF;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 2rem 0;
}
.service-conversion-rental-week > dl > dd {
  padding: 0;
  border: 1px solid #E6E5D3;
}
.service-conversion-rental-week > dl > dd .recomend dl {
  background: #EDDFE7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0;
}
.service-conversion-rental-week > dl > dd .recomend dl dt {
  background: #E6577F;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  text-align: center;
  border-radius: 10rem;
  width: 12rem;
  padding: 3px 0;
  margin: 0 5px 0 10px;
}
.service-conversion-rental-week > dl > dd .recomend dl dd {
  padding: 0;
}
.service-conversion-rental-week > dl > dd .recomend dl dd ul li {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
}
.service-conversion-rental-week > dl > dd .recomend dl dd ul li:before {
  content: "●";
  color: #E6577F;
  margin-right: 5px;
}
.service-conversion-rental-week > dl > dd .cvinner {
  padding: 10px;
}
.service-conversion-rental-week > dl > dd .cvinner dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}
.service-conversion-rental-week > dl > dd .cvinner dl dt {
  background: #b5b5b5;
  color: #FFF;
  border-radius: 10rem;
  padding: 8px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  width: 14em;
}
.service-conversion-rental-week > dl > dd .cvinner dl dd {
  text-align: right;
  padding: 0 0 1rem 0;
}
.service-conversion-rental-week > dl > dd .cvinner dl dd span {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: 'Oswald', sans-serif;
  color: #E6577F;
}
.service-conversion-rental-week > dl > dd .cvinner p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0em;
  margin-bottom: 26px;
}
.service-conversion-rental-week > dl > dd .cvinner a.cvBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  color: #FFF;
}
.service-conversion-rental-year > dl > dd .cvinner a.cvBtn, .service-conversion-rental-week > dl > dd .cvinner a.cvBtn {
  font-weight: bold;
}
.service-search .formarea {
  background-color: #F5F5F5;
  padding: 3rem;
}
.service-search .formarea-group {
  padding: 3rem 0 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #D3DDDD;
}
.service-search .formarea-group.no-padding {
  padding: 0 0 1.5rem;
}
.service-search .formarea-group > div {
  flex-basis: calc(875 / 1000 * 100%);
}
.service-search .formarea-group > div:first-child {
  flex-basis: calc(125 / 1000 * 100%);
}
.service-search .checkbox-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.service-search .checkbox-group > li {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.service-search .freee-word {
  margin: 3rem 0;
}
.service-search .freee-word > .textbox-basic {
  display: block;
  width: 100%;
}
.service-search-result .pagenation {
  margin: 6rem 0 0;
}

/*======================================
contact
======================================*/
.training-application-tabarea {
  padding-bottom: 0;
}
.training-application-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.training-application-tabs li {
  width: 49%;
}
.training-application-tabs li a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #919191;
  background: #F5F5F5;
  padding: 18px 0;
}
.training-application-tabs li a.active {
  background: #00AFEC;
  color: #FFF;
  border-bottom: 5px solid #1082A3;
  position: relative;
}
.training-application-tabs li a.active:after {
  content: '▼';
  color: #1082A3;
  position: absolute;
  bottom: -20px;
  left: calc( 50% - 12px);
}
.training-application-btnarea {
  margin: 50px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.training-application-btnarea .btn-basis-blue {
  width: 430px;
  margin-right: 30px;
  position: relative;
}
.training-application-btnarea .btn-basis-blue:after {
  position: absolute;
  right: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}
.training-application-btnarea .btn-pdf {
  width: 300px;
  padding: 1.3rem 0;
}
.training-application-list li {
  background: #F5F5F5;
  padding: 1rem 1.5rem;
  border: 1px solid #EBEBEB;
  margin-bottom: 10px;
}
.training-application-list li dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.training-application-list li dl dt {
  color: #00AFEC;
}
.training-application-list li dl dd .btn-basis {
  width: 160px;
  background: transparent;
  padding: 15px 0;
  margin-right: 20px;
}
.training-application-list li dl dd .btn-basis:hover {
  background: #00AFEC;
}
.training-application-list li dl dd .cvBtn {
  position: relative;
  padding: 15px 30px 15px 10px;
  width: auto;
}
.training-application-list li dl dd .cvBtn:after {
  position: absolute;
  right: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}
.training-application-list-bottom {
  margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.training-application-list-bottom .btn-all-service-blue {
  width: 350px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.training-application-publish {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  background-color: #F5F5F5;
  padding: 10px;
  margin-bottom: 8px;
}
.training-application-publish li {
  align-self: center;
  height: 26px;
}
.training-application-publish li:nth-of-type(1) {
  display: block;
  height: 100%;
  width: 540px;
}
.training-application-publish li:nth-of-type(1) a {
  background-color: none;
  color: #00AFEC;
  display: block;
  width: 100%;
  height: 100%;
}
.training-application-publish li:nth-of-type(2) {
  display: block;
  margin-right: 60px;
  width: 75px;
}
.training-application-publish li:nth-of-type(3) {
  height: 100%;
  width: 175px;
  text-align: center;
}
.training-application-publish li:nth-of-type(3) a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #00AFEC;
  color: #00AFEC;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: none !important;
}
.training-application-publish li:nth-of-type(3) a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.training-application-publish li:nth-of-type(3) a:hover {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.training-application-publish li:nth-of-type(3) a:hover {
  background-color: #00AFEC !important;
}
.training-application-publish li:nth-of-type(4) {
  height: 100%;
  width: 175px;
  text-align: center;
}
.training-application-publish li:nth-of-type(4) a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  background-color: #E59330;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.training-application-publish li:nth-of-type(4) a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.training-application-publish li:nth-of-type(4) a:hover {
  color: #E59330;
  background-color: #fff;
  border: 1px solid #E59330;
}
.training-application-publish li:nth-of-type(4) a:hover {
  background: none !important;
  color: #E59330 !important;
}
.training-application-material {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  background-color: #F5F5F5;
  padding: 10px;
  margin-bottom: 8px;
}
.training-application-material li {
  align-self: center;
  height: 26px;
}
.training-application-material li:nth-of-type(1) {
  display: block;
  height: 100%;
  width: 570px;
}
.training-application-material li:nth-of-type(1) a {
  background-color: none;
  color: #00AFEC;
}
.training-application-material li:nth-of-type(2) {
  height: 100%;
  text-align: center;
}
.training-application-material li:nth-of-type(2) a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #00AFEC;
  color: #00AFEC;
  width: 100px;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: none !important;
}
.training-application-material li:nth-of-type(2) a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.training-application-material li:nth-of-type(2) a:hover {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.training-application-material li:nth-of-type(2) a:hover {
  background-color: #00AFEC !important;
}
.training-application-material li:nth-of-type(3) {
  height: 100%;
  width: 175px;
  text-align: center;
}
.training-application-material li:nth-of-type(3) a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  background-color: #E59330;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.training-application-material li:nth-of-type(3) a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.training-application-material li:nth-of-type(3) a:hover {
  color: #E59330;
  background-color: #fff;
  border: 1px solid #E59330;
}
.training-application-material li:nth-of-type(3) a:hover {
  background: none !important;
  color: #E59330 !important;
}
.training-application-material li:nth-of-type(3) a:after {
  margin-left: 0.4rem !important;
}
.training-application-material li:nth-of-type(4) {
  height: 100%;
  width: 175px;
  text-align: center;
}
.training-application-material li:nth-of-type(4) a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  background-color: #E59330;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.training-application-material li:nth-of-type(4) a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.training-application-material li:nth-of-type(4) a:hover {
  color: #E59330;
  background-color: #fff;
  border: 1px solid #E59330;
}
.training-application-material li:nth-of-type(4) a:hover {
  background: none !important;
  color: #E59330 !important;
}
.training-application-material li:nth-of-type(4) a:after {
  margin-left: 0.4rem !important;
}

section .inner.contact-iframe-wide {
  width: 1250px;
}

/*======================================
instructor
======================================*/
.instructor-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.instructor-list > ul > li {
  box-sizing: border-box;
  flex-basis: calc(362 / 1088 * 100%);
  border-right: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  padding: 1rem;
}
.instructor-list > ul > li:nth-child(3n) {
  border-right: 0px solid #F5F5F5;
}
.instructor-list > ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.instructor-list > ul > li a:hover {
  opacity: 0.6;
}
.instructor-list > ul > li dl {
  text-align: center;
  padding: .5rem 0;
}
.instructor-list > ul > li dt {
  width: 50%;
  margin: auto;
}
.instructor-list > ul > li dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.instructor-list > ul > li dt .img-saiyouryoku {
  width: 120px;
  height: auto;
}
.instructor-list > ul > li dd {
  display: inline-block;
  width: 80%;
  margin-top: 3rem;
}
.instructor-list > ul > li dd .name {
  margin-bottom: 3rem;
  padding: 1rem;
  border-radius: 50px;
  text-align: center;
  background-color: #00AFEC;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.instructor-list > ul > li dd .name .kana {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.instructor-list > ul > li dd .intro {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.instructor-single .subpages-header .inner {
  height: auto;
  padding: 2rem 0;
}
.instructor-single-h1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #FFF;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.instructor-single-h1 .img {
  width: 165px;
  height: 180px;
  overflow: hidden;
}
.instructor-single-ttl-txt {
  padding-left: 30px;
}
.instructor-single-ttl-txt h1 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding-bottom: 10px;
}
.instructor-single-ttl-txt h1 span {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.instructor-single-ttl-txt h1 span.kana {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.instructor-single-ttl-txt .ttl_content {
  background: #FFF;
  color: #00AFEC;
  display: inline-block;
  padding: .7rem 2rem;
  border-radius: 2rem;
  margin: 1.5rem auto 1rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.instructor-single-ttl-content {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.instructor-single-content dl {
  margin-bottom: 4rem;
}
.instructor-single-content dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dfdfdf;
}
.instructor-single-content dl dt:before {
  content: "Q";
  color: #00AFEC;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  margin-right: 10px;
}
.instructor-single-content dl dd {
  padding: 1.5rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0em;
  position: relative;
  background: #F5F5F5;
  border-radius: 10px;
  margin: 10px 0 0 30px;
}
.instructor-single-content dl dd:before {
  position: absolute;
  color: #F5F5F5;
  content: '\025c0';
  font-size: 30px;
  line-height: 1;
  top: 20px;
  left: -25px;
}
.instructor-single-content .btn-area .btn-basis {
  width: 300px;
  height: 50px;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  position: relative;
}
.instructor-single-content .btn-area .btn-basis:after {
  position: absolute;
  right: 1rem;
  top: 30%;
}
.instructor-single-content .btn-area .btn-basis a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 1.5rem;
  color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.instructor-single-content .btn-area .btn-basis a:hover {
  color: #FFF;
}
.instructor .instructor-list > ul > li dt {
  width: 150px;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.instructor .instructor-list > ul > li dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.instructor .instructor-list > ul > li dt:before {
  position: absolute;
  background: url(../img/common/img_flame.png) 0 0 no-repeat;
  background-size: cover;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.instructor .instructor-list > ul > li dd {
  margin-top: 1rem;
}
.instructor .instructor-list > ul > li dd .name {
  width: 80%;
  margin: 0 auto;
}
.instructor .instructor-list > ul > li dd .name span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.instructor .instructor-list > ul > li dd .content-ttl {
  color: #00AFEC;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin: 1rem 0;
}
.instructor .instructor-list > ul > li dd .content-txt {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
}
.instructor .pagenation {
  margin: 50px 0 0;
}

/*======================================
case
======================================*/
.case-title-h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.case-title-h2 hr {
  width: 20px;
  margin: 0 auto 2rem;
}
.case-title-h2 .point {
  margin-bottom: 1rem;
  display: block;
  color: #00AFEC;
  font-family: 'Caveat', cursive;
}
.case-title-h2 .period {
  margin-top: 1rem;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.case .image-space {
  margin-top: 50px;
  padding: 3rem;
  background: url(../img/common/bg_servicegrid.png) 0 0 repeat;
  background-color: #EFEFEF;
}
.case .image-space-inner {
  background-color: #fff;
  padding: 3rem;
}
.case .image-space .wrap {
  background-color: #fff;
  border-bottom: 3px solid #ccc;
}
.case .image-space .wrap-inner {
  padding: 2rem;
}
.case .image-space .wrap-inner .number {
  text-align: center;
}
.case .image-space .wrap-inner .number > strong {
  color: #00AFEC;
  font-family: 'Oswald', sans-serif;
  font-size: 85px;
  font-size: 8.5rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.case .image-space .wrap-inner .number > span {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.case .image-space .wrap .title {
  position: relative;
  padding: 1rem;
  color: #fff;
  text-align: center;
  width: 100%;
  background-color: #00AFEC;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.case .image-space .wrap .title:after {
  position: absolute;
  color: #00AFEC;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  font-size: 40px;
  font-family: FontAwesome;
  content: "\f0d7";
}
_:-ms-fullscreen, :root .case .image-space .wrap .title {
  width: auto;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.case-result01 .result01-row {
  margin-top: 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.case-result01 .result01-row > div {
  flex-basis: calc(510 / 1036 * 100%);
}
.case-result01 .result01-row > div .image {
  text-align: center;
  margin-top: 3rem;
}
.case-result01 .result01-row > div .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.case-result01 .result01-times {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.case-result01 .result01-times .title {
  flex-basis: calc(60 / 1036 * 100%);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.case-result01 .result01-times .title:after {
  bottom: 0 !important;
  right: -28px !important;
  top: 0;
  content: "\f0da" !important;
}
_:-ms-fullscreen, :root .case-result01 .result01-times .title:after {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  right: -54px !important;
  top: 35%;
}
.case-result01 .result01-times .wrap-inner {
  flex-basis: calc(950 / 1036 * 100%);
  background: url(../img/page/case/ic_01.png) 20% bottom no-repeat;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.case-result01 .result01-times .wrap-inner .main-theme {
  width: 60%;
}
.case-result01 .result01-times .wrap-inner .main-theme h5 {
  padding: 1rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
  background-color: #9D9D9D;
  text-align: center;
  color: #fff;
  margin-bottom: 1.5rem;
}
.case-result01 .result01-times .wrap-inner .main-theme .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.case-result01 .result01-times .wrap-inner .main-theme .row > div {
  flex-basis: 50%;
}
.case-result01 .result01-times .wrap-inner .main-theme .row > div li {
  padding-top: 1rem;
  padding-left: 2rem;
  text-indent: -2rem;
}
.case-result01 .result01-times .wrap-inner .main-theme .row > div li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
  vertical-align: middle;
  font-size: 10px;
}
.case-result01 .result01-times .wrap-inner .main-theme .row > div li:first-child {
  padding-top: 0rem;
}
.case-result01 .result01-times .wrap-inner .main-theme .row > div li.etc {
  padding-left: 0rem;
  text-indent: 0rem;
}
.case-result01 .result01-times .wrap-inner .main-theme .row > div li.etc:before {
  display: none;
}
.case-result01 .result01-company .wrap-inner {
  background: url(../img/page/case/ic_02.png) left 30% repeat-x;
}
.case-result01 .result01-person .wrap-inner {
  background: url(../img/page/case/ic_03.png) 0 0 repeat;
}
.case-result02 .result02-row {
  margin-top: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.case-result02 .result02-row > div {
  flex-basis: calc(510 / 1036 * 100%);
}
.case-result02 .result02-row > div .image {
  text-align: center;
  margin-top: 3rem;
}
.case-result02 .result02-row > div .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.case-result02 .result02-times .wrap-inner {
  background: url(../img/page/case/ic_04.png) left 30% repeat-x;
}
.case-result02 .result02-company .wrap-inner {
  background: url(../img/page/case/ic_02.png) left 30% repeat-x;
}

/*======================================
process
======================================*/
.process-title-h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 6rem;
}
.process-title-h2 > span {
  display: inline-block;
  padding: 0 0 1rem;
  border-bottom: 1px solid #00AFEC;
}
.process-step > .unit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #00AFEC;
  margin-top: 4rem;
}
.process-step > .unit:first-child {
  margin-top: 0rem;
}
.process-step > .unit .step {
  position: relative;
}
.process-step > .unit .step:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -60px;
  width: 1px;
  height: 60px;
  margin: auto;
  background-color: #00AFEC;
}
.process-step > .unit:last-child .step:after {
  display: none;
}
.process-step > .unit .step {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-basis: calc(100 / 1088 * 100%);
  padding: 2rem;
  background-color: #00AFEC;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}
_:-ms-fullscreen, :root .process-step > .unit .step {
  flex-basis: 6.867%;
}
.process-step > .unit .step > div > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}
.process-step > .unit .step > div > strong {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.process-step > .unit .arrow {
  flex-basis: calc(18 / 1088 * 100%);
  color: #00AFEC;
  font-size: 4rem;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.process-step > .unit .arrow:after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0da";
  margin-left: -1rem;
}
.process-step > .unit .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-basis: calc(970 / 1088 * 100%);
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.process-step > .unit .item dl {
  width: 100%;
}
.process-step > .unit .item dt {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #00AFEC;
}
.process-step > .unit .item dd {
  margin-top: 1.5rem;
}
.process-step > .unit .item dd.detail > p {
  padding-bottom: 1rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.process-step > .unit .item dd.detail > p:last-child {
  padding-bottom: 0;
}
.process-step > .unit .item dd.detail .btn-search-service-blue {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: 1rem 2rem;
  width: auto;
}
.process-step > .unit .item dd.detail .btn-pdf {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: 1rem 2rem;
  width: auto;
  color: #00AFEC !important;
}
.process-step > .unit .item dd.detail .btn-pdf:hover {
  color: #fff !important;
}
.process-step > .unit .item dd.detail .btn-basis-pink {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: 1rem 2rem;
  width: auto;
}
.process .service-group {
  margin-top: 6rem;
}
.process .service-group .item {
  margin-top: 3rem;
}
.process .service-group .item > a {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  background-color: #00AFEC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.process .service-group .item > a:hover {
  transform: translate(20px, 0);
  -webkit-transform: translate(20px, 0);
}
.process .service-group .item-inner {
  padding: 2rem;
  flex-basis: calc(1058 / 1088 * 100%);
  background-color: #F7F7F7;
}
.process .service-group .item-inner dl dt {
  color: #434E4E;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding-bottom: 1rem;
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 1.5rem;
}
.process .service-group .item-inner dl dd small {
  display: block;
  margin-top: 1.5rem;
}
.process .service-group .item-inner-step {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.process .service-group .item-inner-step > li {
  padding-right: .5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  color: #00AFEC;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.process .service-group .item-inner-step > li:after {
  padding-left: .5rem;
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0da";
}
.process .service-group .item-inner-step > li .text {
  text-align: center;
  width: 170px;
  height: 100%;
  border: 1px solid #00AFEC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.process .service-group .item-inner-step > li:last-child:after {
  display: none;
}
.process .service-group .item-arrow {
  flex-basis: calc(30 / 1088 * 100%);
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.process .service-group .item-arrow:after {
  display: inline-block;
  flex-basis: 100%;
  color: #fff;
  font-family: FontAwesome;
  content: "\f105";
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.process .service-group .item:first-child {
  margin-top: 0rem;
}

/*======================================
proven
======================================*/
.proven-localnavigation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 6rem;
}
.proven-localnavigation > li {
  margin-left: 2rem;
}
.proven-localnavigation > li:first-child {
  margin-left: 0;
}
.proven-localnavigation > li > a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
  text-align: center;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 50px;
  color: #434E4E;
  background-color: #B3E0DC;
  border: 1px solid #B3E0DC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.proven-localnavigation > li > a:after {
  margin-left: 3rem;
  font-family: FontAwesome;
  content: "\f13a";
}
.proven-localnavigation > li > a:hover {
  color: #B3E0DC;
  background-color: #fff;
}
.proven-localnavigation > li.cat-newspaper > a {
  background-color: #E6E6E6;
  border: 1px solid #E6E6E6;
}
.proven-localnavigation > li.cat-newspaper > a:hover {
  color: #E6E6E6;
  background-color: #fff;
}
.proven-localnavigation > li.cat-lecture > a {
  background-color: #F8CCCC;
  border: 1px solid #F8CCCC;
}
.proven-localnavigation > li.cat-lecture > a:hover {
  color: #F8CCCC;
  background-color: #fff;
}
.proven-localnavigation > li.cat-web > a {
  background-color: #BCE8F7;
  border: 1px solid #BCE8F7;
}
.proven-localnavigation > li.cat-web > a:hover {
  color: #BCE8F7;
  background-color: #fff;
}
.proven-list > li {
  margin-top: 3rem;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #D1D1D1;
}
.proven-list > li:first-child {
  margin-top: 0rem;
}
.proven-list-date {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  flex-basis: calc(85 / 1088 * 100%);
}
.proven-list-cate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-basis: calc(75 / 1088 * 100%);
}
.proven-list-cate > span {
  display: inline-block;
  width: 100%;
}
.proven-list-cate > span > a {
  text-align: center;
  display: inline-block;
  padding: 2rem 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.proven-list-cate > span.cat_proven-cat-newspaper > a {
  background-color: #E6E6E6;
}
.proven-list-cate > span.cat_proven-cat-lecture > a {
  background-color: #F8CCCC;
}
.proven-list-cate > span.cat_proven-cat-web > a {
  background-color: #BCE8F7;
}
.proven-list-post {
  flex-basis: calc(780 / 1088 * 100%);
  padding: 0 1.5rem;
}
.proven-list-post dt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
}
.proven-list-post dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
}
.proven-list-post dd > p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
}
.proven-list-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  flex-basis: calc(140 / 1088 * 100%);
}
.proven-list-link > a {
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  padding: .5rem 2rem;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  border: 1px solid #D1D1D1;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.proven-list-link > a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}
.proven-list-link > a:hover {
  color: #fff;
  border: 1px solid #00AFEC;
  background-color: #00AFEC;
}
.proven-list-link > a[target="_blank"]:after {
  content: "\f08e";
}
.proven .pagenation {
  margin-top: 6rem;
}

/*======================================
form
======================================*/
.contact-flow section {
  padding-bottom: 0;
}
.contact-flow section h2 {
  margin-bottom: 30px;
}
.contact-flow section dl dd ul {
  margin-top: 3rem;
}
.contact-flow section dl dd ul li {
  margin-bottom: 1rem;
}
.contact-flow section .attention {
  margin-top: 2rem;
}
.contact-flow section .attention-red {
  color: #E6577F;
  margin-bottom: 4rem;
}
.contact-flow section .attention-red li {
  margin-bottom: 1rem;
}
.contact-flow section .reg-check {
  border: 1px solid #F5F5F5;
  padding: 2.5rem;
  margin: 4rem 0;
}
.contact-flow input[type="submit"] {
  border-radius: 5px;
  padding: 2rem 5rem;
  cursor: pointer;
  background: linear-gradient(135deg, #00B1ED, #1082A3);
  border-bottom-color: #008bba;
  color: #FFF;
  border: none;
  -webkit-transition: all 0.7;
  transition: all 0.7;
}
.contact-flow input[type="submit"][disabled] {
  cursor: not-allowed;
  opacity: 0.3;
}
.contact-flow input[type="submit"]:hover {
  opacity: 0.7;
}
.contact-discription-unit {
  margin-bottom: 50px;
}
.contact-discription-unit h2 {
  margin-bottom: 30px;
}
.contact-discription-unit em.require {
  margin-bottom: 50px;
  display: block;
}
.contact-discription-unit .mth3 {
  margin-top: 100px;
}
.contact-discription-unit .process-step > .unit .step > div > span {
  margin-bottom: 0;
}
.contact-discription-unit .process-step > .unit .step.sandperiod:after {
  height: 30px;
  bottom: -30px;
}
.contact-discription-unit .process-step > .unit.period-upper {
  margin-top: 30px;
}
.contact-discription-unit .process-step > .unit .item .red {
  margin-bottom: 2rem;
}
.contact-discription-unit .process-step .period {
  margin-top: 30px;
  position: relative;
  width: 100px;
  text-align: center;
}
.contact-discription-unit .process-step .period p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.contact-discription-unit .process-step .period:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  width: 1px;
  height: 30px;
  margin: auto;
  background-color: #00AFEC;
}
.contact-discription-unit .process-step .period p {
  background: #FFF;
}
.contact-discription-unit dl dd ul {
  margin-top: 3rem;
}
.contact-discription-unit dl dd ul li {
  margin-bottom: 1rem;
}
.contact-discription-unit .attention {
  margin-top: 2rem;
}
.contact-discription-unit .attention-red {
  color: #e70e38;
  margin-bottom: 4rem;
}
.contact-discription-unit .attention-red li {
  margin-bottom: 1rem;
}
.contact-discription-unit .attention .red {
  color: #e70e38;
}
.contact-discription-unit .reg-check {
  border: 1px solid #DFDFDF;
  padding: 2.5rem;
  margin: 4rem 0;
}
.contact-discription-unit .security .agreement {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  border: 1px solid #DFDFDF;
  padding: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.contact-discription-unit .security .agreement ul > li {
  margin-bottom: 20px;
}
.contact-discription-unit .security .agreement ul > li ol {
  margin: 10px 0 0 20px;
}
.contact-discription-unit .img_status {
  margin-bottom: 50px;
}
.contact-discription-unit .check-area {
  margin: 30px 0 50px;
}
.contact-discription-unit .caution_txt {
  color: #E6577F;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.contact-discription-unit table {
  margin: 50px 0;
  width: 100%;
}
.contact-discription-unit table th,
.contact-discription-unit table td {
  padding: 20px;
  vertical-align: middle;
  border: 1px solid #DFDFDF;
}
.contact-discription-unit table th {
  background: #f7f7f7;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.contact-discription-unit table th .require {
  color: #E6577F;
}
.contact-discription-unit table td input[type="text"],
.contact-discription-unit table td textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  margin-bottom: 5px;
  font-size: 16px;
}
.contact-discription-unit table td input[type="text"].length_m,
.contact-discription-unit table td textarea.length_m {
  width: 30%;
}
.contact-discription-unit table td input[type="text"].length_s,
.contact-discription-unit table td textarea.length_s {
  width: 30%;
  margin-right: 10px;
}
.contact-discription-unit table td .txt_mt {
  margin-top: 5px;
}
.contact-discription-unit table.mB0 {
  margin: 20px 0 0;
}
.contact-discription-unit table.form_table th {
  width: 30%;
}
.contact-discription-unit table.form_table td {
  width: 70%;
}
.contact-discription-unit .btn-area.mb0 {
  margin-bottom: 0;
}
.contact-discription-unit input[type="submit"].submit_b {
  background: linear-gradient(135deg, #D4D4D4, #8E8E8E);
}
.contact-discription-unit .send-cmmt {
  margin-top: 2rem;
}

.unit-last {
  margin-bottom: 0;
}

.Ps_form_message {
  color: #e70e38;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  padding: 5px 0;
  display: block;
  background: rgba(255, 221, 221, 0.5);
  padding-left: 10px;
  margin-bottom: 5px;
}

/* パスワード入力画面 */
#protectedForm {
  text-align: center;
}
#protectedForm input[type="password"] {
  margin: 0 auto 50px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  padding: 10px;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  width: 350px;
}
#protectedForm input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 200px;
  color: #fff;
  background: linear-gradient(135deg, #0991C1, #00AFEC);
  border-bottom-color: #076c90;
  cursor: pointer;
}
#protectedForm input[type="submit"]:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}

.form-h3 {
  margin-top: 50px;
}

/*======================================
search
======================================*/
.search-result-list {
  margin-top: 100px;
}
.search-result-list div {
  margin-bottom: 20px;
}
.search .page_navi {
  margin-top: 50px;
}
.search .page_navi li {
  display: inline-block;
}
.search .page_navi li a {
  display: block;
  padding: 10px;
  border: 1px solid #00AFEC;
  color: #00AFEC;
}
.search .page_navi li a:hover {
  background: rgba(0, 175, 236, 0.3);
}
.search .page_navi li span {
  display: block;
  padding: 10px;
  background: #00AFEC;
  color: #FFF;
}

/*======================================
news
======================================*/
.news-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.news-contents-list {
  width: 75%;
}
.news-contents-list ul li a dl {
  border-bottom: dashed 1px #00AFEC;
  display: table;
  width: 100%;
}
.news-contents-list ul li a dl dt {
  display: table-cell;
  font-size: 70%;
  vertical-align: middle;
  width: 20%;
}
.news-contents-list ul li a dl dd {
  color: #00AFEC;
  display: table-cell;
  line-height: 2rem;
  vertical-align: middle;
  width: 80%;
  padding: 2rem 0;
}
.news-contents-list ul li .external dd:after {
  display: inline-block;
  margin-left: 1rem;
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f08e";
}
.news-contents-list ul li .pdf dd:after {
  display: inline-block;
  margin-left: 1rem;
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f1c1";
}
.news-contents-list ul li .pdf_file dd:after {
  display: inline-block;
  margin-left: 1rem;
  font-family: FontAwesome;
  font-size: 90%;
  content: "\f1c1";
}
.news-contents-backnumber {
  width: 22%;
}
.news-contents-backnumber h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  border-bottom: solid 3px #00AFEC;
  margin-bottom: 0;
  padding-bottom: 8px;
}
.news-contents-backnumber ul {
  width: 100%;
}
.news-contents-backnumber li {
  border-bottom: dashed 1px #00AFEC;
  width: 100%;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.news-contents-backnumber li a {
  display: block;
  color: #00AFEC;
  padding: 15px;
  width: 100%;
}
.news-contents-backnumber li:after {
  color: #00AFEC;
  top: 1.5rem;
  right: 1.5rem;
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
}
.news .pagenation {
  margin-top: 50px;
}
.news-flexible {
  margin: 50px auto 0 !important;
}
.news-flexible h2 {
  border-bottom: solid 0.5rem #00AFEC;
  margin: 50px 0 3rem;
}
.news-flexible h2.title_blue_h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  margin: 50px 0 3rem;
  border-bottom: none;
  color: #00AFEC;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.news-flexible h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  margin: 50px 0 3rem;
  padding-bottom: 1rem;
  border-bottom: dashed 0.1rem #00AFEC;
}
.news-flexible h3:before {
  display: none;
}
.news-flexible p, .news-flexible small {
  display: inline-block;
  margin: 0 0 3rem;
}
.news-flexible table {
  margin: 0 0 3rem;
  width: 100%;
  border-top: 1px solid gainsboro;
}
.news-flexible table th, .news-flexible table td {
  border-bottom: 1px solid gainsboro;
  padding: 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.news-flexible table th {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  background-color: #00AFEC;
  color: #FFF;
  border-right: 3px solid gainsboro;
  width: 30%;
}
.news-flexible strong {
  font-weight: 600;
  background: linear-gradient(transparent 0%, #D8F3FD 0%);
}
.news-flexible a {
  color: #00AFEC;
  text-decoration: underline;
}
.news-flexible a:hover {
  text-decoration: none;
}
.news-flexible a[target="_blank"]:after {
  margin-left: .5rem;
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f08e";
}
.news-flexible-btn {
  display: inline-block;
  margin: 0 0 3rem;
}
.news-flexible-btn .btn-basis {
  min-width: 130px;
  width: auto;
  text-decoration: none;
  padding: 2rem;
  border: solid 1px #00AFEC;
  border-radius: 4rem;
}
.news-flexible-btn .btn-detail {
  min-width: 130px;
  width: auto;
  text-decoration: none;
  padding: 2rem;
  border: solid 1px #00AFEC;
  border-radius: 4rem;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news-flexible-btn .btn-detail:hover {
  color: #FFF;
  background-color: #00AFEC;
}
.news-flexible ul.list {
  margin: 0 0 3rem;
}
.news-flexible ul.list li {
  padding-top: 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.news-flexible ul.list li:before {
  color: #00AFEC;
  margin-right: .5rem;
  font-family: FontAwesome;
  content: "\f111";
}
.news-flexible ul.list li:first-child {
  padding-top: 0rem;
}
.news-flexible ul.list li p {
  margin: 0;
  width: 90%;
  vertical-align: top;
}
.news-flexible ul.list li span {
  display: none;
}
.news-flexible ul.list li.addnum span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20%;
  font-size: 10px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  background-color: #00AFEC;
  color: #fff;
  text-align: center;
}
.news-flexible ul.list li.addnum p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 2rem;
  text-indent: -2rem;
}
.news-flexible ul.list li.addnum:before {
  display: none;
}
.news-flexible .image {
  text-align: left;
  margin: 0 0 3rem;
}
.news-flexible .image-full {
  margin: 0 0 3rem;
  text-align: center;
  width: 100%;
}
.news-flexible .image-full img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
.news-flexible .image-row {
  margin: 0 0 3rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.news-flexible .image-row > div {
  flex-basis: 48%;
}
.news-flexible .image-row > div img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.news-flexible .image-row-reverse {
  margin: 0 0 3rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.news-flexible .image-row-reverse > .item01 {
  flex-basis: 48%;
  order: 2;
}
.news-flexible .image-row-reverse > .item02 {
  flex-basis: 48%;
  order: 1;
}
.news-flexible .image-row-reverse img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.news-single .btn-basis-back {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 1.5rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #00AFEC;
  color: #00AFEC;
  width: 180px;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news-single .btn-basis-back:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "";
}
.news-single .btn-basis-back:hover {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.news-single .btn-basis-back:before {
  padding-right: 3rem;
  font-family: FontAwesome;
  content: '\f104';
}
.news-single .btn-basis-back:after {
  content: '';
}
.news-single .subpages-header > .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.news-single .subpages-header > .inner h1 {
  order: 2;
  max-height: 100%;
}
.news-single .subpages-header > .inner p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
  order: 1;
  color: #FFF;
  margin: 1.5rem 0 .5rem;
}

/*======================================
freeseminar
======================================*/
.freeseminar-block {
  background-color: #F5F5F5;
  margin-bottom: 2rem;
  padding: 2rem;
}
.freeseminar-block h2 {
  color: #00AFEC;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.freeseminar-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.freeseminar-info div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  margin: 0;
}
.freeseminar-info dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.freeseminar-info dl.date {
  width: 160px;
}
.freeseminar-info dl.time {
  box-sizing: border-box;
  border-left: solid 1px #D1D1D1;
  padding-left: 20px;
  width: 200px;
}
.freeseminar-info dl.place {
  box-sizing: border-box;
  border-left: solid 1px #D1D1D1;
  padding-left: 20px;
  width: 150px;
}
.freeseminar-info dl.capacity {
  box-sizing: border-box;
  border-left: solid 1px #D1D1D1;
  padding-left: 20px;
  width: 120px;
}
.freeseminar-info dt {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-right: 1rem;
  white-space: nowrap;
}
.freeseminar-info dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
  white-space: nowrap;
}
.freeseminar-info .state {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.075em;
  color: #FFF;
  white-space: nowrap;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  padding: .4rem 0;
  text-align: center;
  width: 140px;
  display: block;
  margin-right: 20px;
}
.freeseminar-info .blue {
  background-color: #8dcde0;
  border: solid 0.4rem #8dcde0;
}
.freeseminar-info .yellow {
  background-color: #c9d029;
  border: solid 0.4rem #c9d029;
}
.freeseminar-info .pink {
  background-color: #eb9bb2;
  border: solid 0.4rem #eb9bb2;
}
.freeseminar-info .gray {
  background-color: #434e4e;
  border: solid 0.4rem #434e4e;
}
.freeseminar-info .btn-detail a {
  color: #FFF;
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  box-sizing: border-box;
  background: linear-gradient(to right, #3b8b2c, #7dc365);
  background: -webkit-linear-gradient(to right, #3b8b2c, #7dc365);
  background: -moz-linear-gradient(to right, #3b8b2c, #7dc365);
  background: -ms-linear-gradient(to right, #3b8b2c, #7dc365);
  background: -o-linear-gradient(to right, #3b8b2c, #7dc365);
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  padding: 1rem 0;
  text-align: center;
  width: 230px;
  position: relative;
}
.freeseminar-info .btn-detail a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 15px;
}
.freeseminar-single .date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin: 0.5rem 0 1.5rem;
  text-align: right;
}
.freeseminar-single .small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-top: 1rem;
}
.freeseminar-single table {
  border-collapse: separate;
  border-spacing: 0px 5px;
  margin-top: 2rem;
  width: 100%;
}
.freeseminar-single table th {
  background-color: #CCEEFB;
  padding: 1.5rem 1rem;
  vertical-align: middle;
  width: 30%;
}
.freeseminar-single table td {
  border: solid 1px #CCEEFB;
  padding: 1.5rem 1rem;
}
.freeseminar-single table:nth-of-type(2) {
  margin-top: 3rem;
}
.freeseminar-single table:nth-of-type(2) td {
  border: none;
  text-align: center;
}
.freeseminar-single .btnarea {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: strech;
}
.freeseminar-single .btnarea a {
  width: 380px;
}
.freeseminar-single .btnarea a:first-child {
  margin-right: 2rem;
}
.freeseminar-single .btnarea a.cvBtn-green {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 1.2rem 0;
}
.freeseminar-single .btnarea a.cvBtn-green:hover {
  opacity: 0.8;
}

/*======================================
faq
======================================*/
.faq-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.faq-nav li {
  flex-basis: 30%;
}
.faq-nav li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #00AFEC;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  color: #FFF;
  margin-bottom: 2rem;
  padding: 1.5rem 0;
  position: relative;
  text-align: center;
}
.faq-nav li a span:nth-of-type(1) {
  text-align: center;
}
.faq-nav li a span:nth-of-type(2) {
  position: absolute;
  padding-right: 2rem;
  text-align: right;
  width: 100%;
}
.faq-block h2 {
  margin-top: -9rem;
  margin-bottom: 4rem;
  padding-top: 15rem;
}
.faq-block h3 {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.faq-block dl {
  border: solid 0.2rem #dfdfdf;
}
.faq-block dl + dl {
  border-top: none;
}
.faq-block dt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.075em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #00AFEC;
  padding: 2rem;
  text-align: left;
}
.faq-block dt span:nth-of-type(1) {
  text-align: center;
  width: 7%;
}
.faq-block dt span:nth-of-type(1):before {
  background-image: url(../img/page/faq/question.png);
  background-size: contain;
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.faq-block dt span:nth-of-type(2) {
  width: 90%;
}
.faq-block dt span:nth-of-type(3) {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-align: center;
  width: 3%;
}
.faq-block dt span:nth-of-type(3):before {
  content: '+';
}
.faq-block .active span:nth-of-type(3):before {
  content: '-';
}
.faq-block dd {
  line-height: 3rem;
  display: none;
  padding: 2rem;
}
.faq-block dd a {
  color: #00AFEC;
  text-decoration: underline;
}

/*======================================
advantage
======================================*/
.page-advantage .advantage-header {
  background: url(../img/page/advantage/bg_lead.png) center bottom no-repeat;
  background-size: cover;
  height: 350px;
}
.page-advantage .advantage-header .inner {
  width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
}
.page-advantage .advantage-header .inner h1 {
  text-align: center;
  color: #FFF;
}
.page-advantage .advantage-header .inner h1 span {
  display: block;
  transform: rotate(-6deg);
  text-align: center;
  font-size: 72px;
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #E4EB35;
  font-family: 'Caveat', cursive;
  margin-bottom: 20px;
}
.page-advantage .advantage-lead {
  text-align: center;
  padding-top: 50px;
}
.page-advantage .advantage-lead > div:first-child {
  margin-bottom: 50px;
}
.page-advantage .advantage-lead p {
  margin-bottom: 2rem;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.page-advantage .advantage-concept h2 {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.15em;
  margin-bottom: 20px;
}
.page-advantage .advantage-concept h2 span {
  font-family: 'Caveat', cursive;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #00AFEC;
  display: inli;
  border-bottom: 1px solid #00AFEC;
}
.page-advantage .advantage-concept h2 .lead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.075em;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  border-bottom: none;
  color: #434E4E;
  display: block;
  margin-top: 1.5rem;
}
.page-advantage .advantage-concept-txt {
  width: 750px;
  margin: 0 auto 50px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.page-advantage .advantage-concept-txt span {
  font-weight: bold;
  color: #00AFEC;
}
.page-advantage .advantage-concept-img {
  background: url(../img/page/advantage/bg_concept.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.page-advantage .advantage-concept-img .inner {
  position: relative;
  height: 500px;
}
.page-advantage .advantage-concept-img .inner .circle_main {
  position: absolute;
  top: 12rem;
  left: calc( 50% - 175px);
  width: 300px;
}
.page-advantage .advantage-concept-img .inner .circle_main img {
  width: 100%;
}
.page-advantage .advantage-concept-img .inner .circle_top,
.page-advantage .advantage-concept-img .inner .circle_left,
.page-advantage .advantage-concept-img .inner .circle_right {
  position: absolute;
}
.page-advantage .advantage-concept-img .inner .circle_top img,
.page-advantage .advantage-concept-img .inner .circle_left img,
.page-advantage .advantage-concept-img .inner .circle_right img {
  width: 190px;
  height: 190px;
}
.page-advantage .advantage-concept-img .inner .circle_top {
  top: 0;
  left: calc( 50% - 120px);
}
.page-advantage .advantage-concept-img .inner .circle_left {
  top: 28rem;
  left: calc( 50% - 280px);
}
.page-advantage .advantage-concept-img .inner .circle_right {
  top: 28rem;
  left: calc( 50% + 50px);
}
.page-advantage .strongpoint {
  padding: 4rem 0 5rem;
  background-color: #F6F8F9;
}
.page-advantage .strongpoint h2 {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  text-align: center;
}
.page-advantage .strongpoint .inner ol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-align: center;
}
.page-advantage .strongpoint .inner ol > .box {
  flex-basis: 32.3529411765%;
  margin-right: 1.4705882353%;
}
.page-advantage .strongpoint .inner ol > .box:nth-child(3n) {
  margin-right: 0;
}
.page-advantage .strongpoint .inner ol > .box:nth-child(n+4) {
  margin-top: 3rem;
}
.page-advantage .strongpoint .inner ol li {
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.page-advantage .strongpoint .inner ol li dl dt {
  background: #00AFEC;
  padding-top: 1rem;
  color: #FFF;
}
.page-advantage .strongpoint .inner ol li dl dt span {
  display: inline-block;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  font-style: italic;
  border-bottom: 1px solid #FFF;
  padding-bottom: 5px;
}
.page-advantage .strongpoint .inner ol li dl dt p {
  height: 6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.page-advantage .strongpoint .inner ol li dl dd {
  position: relative;
  padding: 20px 15px 15px;
}
.page-advantage .strongpoint .inner ol li dl dd:before {
  font-family: FontAwesome;
  content: '\f0d7';
  color: #00AFEC;
  position: absolute;
  top: 3px;
  left: calc(50% - 10px);
  font-size: 50px;
  font-size: 5rem;
  line-height: 0;
  font-weight: 700;
  letter-spacing: 0em;
}
.page-advantage .strongpoint .inner ol li dl dd p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 10px;
}
.page-advantage .strongpoint .inner ol li dl dd p.annotation {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0em;
  width: 250px;
  margin: 10px auto;
}
.page-advantage .strongpoint-img-point02 {
  width: 250px;
}
.page-advantage .strongpoint-img-point03 {
  width: 200px;
}

/*======================================
research
======================================*/
.research-container {
  text-align: center;
}
.research-main-visual {
  margin-bottom: 6.7rem;
}
.research-main-visual img {
  max-width: 100%;
  height: auto;
}
.research-title {
  border-bottom: none;
  margin-bottom: 5rem;
}
.research-title span {
  color: #3DB882;
  font-size: 45px;
  font-weight: bold;
}
.research-lead {
  margin-bottom: 9rem;
  text-align: left;
}
.research-lead .btn-basis {
  width: auto;
  padding: 0;
}
.research-lead .btn-basis a {
  padding: 2rem 5rem;
  display: block;
  color: #00AFEC;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.research-lead .btn-basis a:hover {
  color: #FFF;
}
.research-lead .btn-basis a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}
.research-lead .btn-basis:after {
  display: none;
}
.research-link {
  background: url(../img/page/research/research_bg.png) left/cover no-repeat;
  text-align: center;
  padding: 4.7rem 0 9rem;
  position: relative;
}
.research-link h3 {
  color: #3DB882;
  margin-bottom: 6.7rem;
  padding-left: 0;
  font-size: 24px;
  font-weight: bold;
}
.research-link h3:before {
  content: none;
}
.research-link h3 span {
  padding-bottom: 1rem;
  border-bottom: 2px solid #3DB882;
}
.research-link .commingsoon {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 1080px;
  height: 130px;
  left: calc((100% - 1080px) / 2);
  top: 120px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 100;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
}
.research-link-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.research-link-buttons li {
  margin-left: 3.9rem;
}
.research-link-buttons li:first-child {
  margin-left: 0;
}
.research-link-buttons li a {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 22px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 288px;
  color: #fff;
  background: linear-gradient(135deg, #0991c1, #00afec);
  border-bottom-color: #076c90;
}
.research-link-buttons li a:active {
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  border-bottom-width: 0px;
}
.research-link-buttons li a:after {
  margin-left: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}

/*======================================
contact/partner
======================================*/
.partner section:not(:first-child) {
  padding-top: 0;
}
.partner section:last-child {
  padding-bottom: 0;
}
.partner section .inner-strength-title {
  padding-bottom: 0rem;
  border-bottom: 0px solid #D1D1D1;
  margin-bottom: 0rem;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-align: center;
  margin-bottom: 4.3rem;
}
.partner section .inner-strength {
  margin-bottom: 7rem;
}
.partner section .inner-strength .strength-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.partner section .inner-strength .strength-list > .box {
  flex-basis: 32.3529411765%;
  margin-right: 1.4705882353%;
}
.partner section .inner-strength .strength-list > .box:nth-child(3n) {
  margin-right: 0;
}
.partner section .inner-strength .strength-list > .box:nth-child(n+4) {
  margin-top: 3rem;
}
.partner section .inner-strength .strength-list > li {
  box-sizing: border-box;
}
.partner section .inner-strength .strength-list > li .number {
  background: #00b1ed;
  text-align: center;
  padding: 1.4rem 0 2.1rem;
}
.partner section .inner-strength .strength-list > li .number span {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}
.partner section .inner-strength .strength-list > li .arrow-bottom {
  font-size: 80px;
  font-size: 8rem;
  line-height: 0;
  font-weight: 400;
  letter-spacing: 0em;
  color: #00b1ed;
  text-align: center;
  margin-top: -0.6rem;
}
.partner section .inner-strength .strength-list > li .arrow-bottom:after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0d7";
}
.partner section .inner-strength .strength-list > li .item {
  position: relative;
  height: 333px;
  border: 0.15rem solid #00b1ed;
  box-sizing: border-box;
  text-align: center;
}
.partner section .inner-strength .strength-list > li .item-text {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0em;
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.44rem;
}
.partner section .inner-strength .strength-list > li .item-text span {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.3;
  font-weight: 200;
  letter-spacing: 0em;
  color: #00b1ed;
  font-family: 'Oswald', sans-serif;
}
.partner section .inner-strength .strength-list > li .know-how {
  background: url(../img/page/contact/partner/unit-logo_01_pc.png) left 50% top 30%/45% no-repeat;
}
.partner section .inner-strength .strength-list > li .sales {
  background: url(../img/page/contact/partner/unit-logo_02_pc.png) left 50% top 30%/55% no-repeat;
}
.partner section .inner-strength .strength-list > li .customer {
  background: url(../img/page/contact/partner/unit-logo_03_pc.png) left 50% top 30%/90% no-repeat;
}
.partner section .inner-flow-title {
  margin-bottom: 3rem;
}
.partner section .inner-figure {
  text-align: center;
}
.partner section .inner-figure img {
  max-width: 100%;
  height: auto;
}
.partner section .inner-question-title {
  margin-bottom: 5rem;
}
.partner section .inner-question-list dl {
  border: 1px solid #DFDFDF;
}
.partner section .inner-question-list dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  position: relative;
  color: #00b1ed;
  padding: 3.1rem 2rem 3.1rem 8.9rem;
}
.partner section .inner-question-list dl dt:before {
  content: "Q";
  position: absolute;
  top: 2rem;
  left: 2rem;
  color: #fff;
  background: #00b1ed;
  border-radius: 50%;
  padding: 5px 10.3px 10px 10.6px;
  box-sizing: border-box;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.partner section .inner-question-list dl dt .accordion-icon {
  position: absolute;
  top: 3rem;
  right: 2rem;
}
.partner section .inner-question-list dl dt .accordion-icon span {
  position: absolute;
  right: 2rem;
  width: 2rem;
  height: 1px;
  background-color: #00b1ed;
  transition: all .4s;
}
.partner section .inner-question-list dl dt .accordion-icon span:nth-of-type(1) {
  top: 5px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.partner section .inner-question-list dl dt .accordion-icon span:nth-of-type(2) {
  top: 5px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.partner section .inner-question-list dl dt.active .accordion-icon span:nth-of-type(1) {
  display: none;
}
.partner section .inner-question-list dl dt.active .accordion-icon span:nth-of-type(2) {
  top: 5px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.partner section .inner-question-list dl dd {
  padding: 1rem 2rem 2rem;
  line-height: 1.6;
  display: none;
}
.partner section .contact-area {
  background: #cce5e4;
  padding: 50px 0;
}
.partner section .contact-area-box {
  text-align: center;
  max-width: 536px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.16);
  margin: 0 auto;
}
.partner section .contact-area-box .box-title {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  background: #41b4b4;
  color: #fff;
  padding: 1rem 0;
}
.partner section .contact-area-box .box-title:before {
  display: none;
}
.partner section .contact-area-box .box-data {
  background: #fff;
  padding: 4rem 0 6rem;
}
.partner section .contact-area-box .box-data-button a {
  position: relative;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 22px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 288px;
  color: #fff;
  background: linear-gradient(135deg, #40a390, #63c1c1);
  border-bottom-color: #327e70;
}
.partner section .contact-area-box .box-data-button a:active {
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  border-bottom-width: 0px;
}
.partner section .contact-area-box .box-data-button a:after {
  position: absolute;
  right: 0;
  margin-right: 1rem;
  font-family: FontAwesome;
  content: "\f105";
}

/*======================================
ishikichosa
======================================*/
.ishikichosa-main {
  background: url(../img/page/ishikichosa/bg_ishikicyosa.png) right top no-repeat;
  background-size: 100% auto;
  min-height: 555px;
  padding: 50px 0;
}
.ishikichosa-main .copy {
  margin-bottom: 50px;
}
.ishikichosa-dataLink-area {
  background: #F3FDFF;
  padding: 3rem;
  text-align: center;
  margin-top: 50px;
}
.ishikichosa-dataLink-area h2 {
  margin: 0 auto 4rem;
  border-bottom: none;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.ishikichosa-dataLink-area h2 span {
  display: inline;
  border-bottom: 1px solid #00AFEC;
  padding-bottom: .5rem;
}
.ishikichosa-dataLink-area h2 span:before {
  font-family: FontAwesome;
  content: "\f1c1";
  padding-right: 1.5rem;
}
.ishikichosa-dataLink-area .recent-data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.ishikichosa-dataLink-area .recent-data dl:ladt-child {
  margin-left: 3rem;
}
.ishikichosa-dataLink-area .recent-data dt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #00AFEC;
}
.ishikichosa-dataLink-area .recent-data dd {
  padding-top: 2rem;
}
.ishikichosa-dataLink-area .past-data {
  padding-top: 50px;
}
.ishikichosa-dataLink-area .past-data h3 {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  padding-left: 0px;
  margin-bottom: 3rem;
}
.ishikichosa-dataLink-area .past-data h3:before {
  display: none;
}
.ishikichosa-dataLink-area .past-data h3 span {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #00AFEC;
  padding-bottom: .5rem;
}
.ishikichosa-dataLink-area .past-data-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.ishikichosa-dataLink-area .past-data-area ul:first-child {
  margin-right: 4rem;
}
.ishikichosa-dataLink-area .past-data-area ul li {
  margin-bottom: 2.8rem;
}
.ishikichosa-dataLink-area .past-data-area ul li a {
  color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ishikichosa-dataLink-area .past-data-area ul li a:before {
  font-family: FontAwesome;
  content: "\f1c1";
  padding-right: 1rem;
}
.ishikichosa-dataLink-area .past-data-area ul li a:hover {
  text-decoration: underline;
}
.ishikichosa a.download-button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2rem;
  text-align: center;
  padding: 0.7rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 228px;
  background-color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ishikichosa a.download-button:before {
  margin-right: 1rem;
  font-size: 18px;
  font-family: FontAwesome;
  content: "\f019";
}
.ishikichosa a.download-button:hover {
  color: #00AFEC;
  background-color: #fff;
  border: 1px solid #00AFEC;
}

/*======================================
login
======================================*/
.login-index .btnarea {
  margin-top: 40px;
}
.login-index .btnarea .btn-round-blue {
  position: relative;
}
.login-index .btnarea .btn-round-blue:after {
  position: absolute;
  right: 30px;
  font-family: FontAwesome;
  content: '\f090';
}
.login-index .btnarea .btn-round-blue.login {
  width: 325px;
}
.login-index .not-yet {
  margin-left: 50px;
}

/*======================================
groupwork tool
======================================*/
.groupwork-tool-login .btn-login {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
}
.groupwork-tool-login .btn-login li {
  margin-bottom: 20px;
}
.groupwork-tool-login .btn-login li a.btn-round-blue {
  width: 350px;
  position: relative;
}
.groupwork-tool-login .btn-login li a.btn-round-blue:after {
  position: absolute;
  right: 10px;
}
.groupwork-tool-login .btn-login li a span {
  font-size: 12px;
}
.groupwork-tool-manual .manual-header {
  padding: 4.5rem 0;
}
.groupwork-tool-manual .manual-logo {
  width: 100%;
  height: auto;
}
.groupwork-tool-manual .manual-attention {
  padding: 0 0 5.85rem;
}
.groupwork-tool-manual .manual-attention .attention-button {
  background-color: #fff;
  color: #C94949;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  width: 536px;
  padding: 1em 0;
  margin-bottom: 3rem;
  border: 1px solid #C94949;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.groupwork-tool-manual .manual-attention .attention-button:after {
  position: absolute;
  top: 1.7rem;
  right: 1.5rem;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f138";
}
.groupwork-tool-manual .manual-attention .attention-button:hover {
  color: #fff;
  background-color: #C94949;
  border: 1px solid #fff;
}
.groupwork-tool-manual .manual-movie {
  height: 485px;
  margin: 4.7rem 0 6.2rem;
}
.groupwork-tool-manual .manual-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.groupwork-tool-manual .manual-list > li {
  margin-right: 0.5rem;
}
.groupwork-tool-manual .manual-list > li:nth-child(4n) {
  margin-right: 0;
}
.groupwork-tool-manual .manual-list > li:nth-child(n+5) {
  margin-top: 5.3rem;
}
.groupwork-tool-manual .manual-list > li p {
  color: #00AFEC;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1rem;
}
.groupwork-tool-manual .manual-list .manual-button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border-radius: 2rem;
  text-align: center;
  padding: 0.9rem 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 265px;
  max-width: 265px;
  background-color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.groupwork-tool-manual .manual-list .manual-button:after {
  position: absolute;
  right: 2rem;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f13a";
  margin-left: 1.5rem;
}
.groupwork-tool-manual .manual-list .manual-button:hover {
  color: #00AFEC;
  background-color: #fff;
  border: 1px solid #00AFEC;
}
.groupwork-tool-manual .notice {
  color: #707070;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-bottom: 4rem;
}
.groupwork-tool-manual .logout-button {
  background-color: #fff;
  color: #00AFEC;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  width: 536px;
  padding: 1em 0;
  border: 1px solid #00AFEC;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.groupwork-tool-manual .logout-button:before {
  position: absolute;
  top: 1.7rem;
  left: 4rem;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f137";
}
.groupwork-tool-manual .logout-button:hover {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.groupwork-tool-manual .download-attention {
  padding: 0 0 5.8rem;
}
.groupwork-tool-manual .download-attention h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.075em;
  border-bottom: 4px solid #00AFEC;
  margin-bottom: 3rem;
}
.groupwork-tool-manual .download-attention .disc-list {
  padding-left: 1em;
  color: #434E4E;
}
.groupwork-tool-manual .download-attention .disc-list > li {
  margin-bottom: 1rem;
}
.groupwork-tool-manual .download-attention .disc-list > li ul {
  margin-top: 1rem;
}
.groupwork-tool-manual .download-attention .disc-list > li ul li {
  padding-left: 1em;
}

.password-read {
  margin-bottom: 50px;
}
.password-read small span {
  color: #E6577F;
}

/*======================================
business-template
======================================*/
.business-template h2 {
  margin-bottom: 3.25rem;
}
.business-template h3::before {
  margin-right: 1rem;
}
.business-template .template-container {
  padding: 0 0 4.35rem;
}
.business-template .video-control-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 3rem;
}
.business-template .video-control-list > li {
  background-color: #fff;
  color: #00AFEC;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
  padding: 1rem;
  border: 1px solid #00AFEC;
  border-radius: 5px;
  margin: 0 1rem 1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.business-template .video-control-list > li:before {
  font-size: 16px;
  font-family: FontAwesome;
  content: "\f138";
  margin-right: 0.5rem;
}
.business-template .video-control-list > li.active {
  color: #fff;
  background-color: #00AFEC;
  border: 1px solid #fff;
}
.business-template .video-flame {
  margin: 0 0 3rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
}
.business-template .video-flame iframe {
  position: relative;
  z-index: 1;
}
.business-template .video-flame:after {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 0;
  color: #ebebeb;
  font-size: 600px;
  font-family: FontAwesome;
  content: "\f144";
}
.business-template .template-list {
  margin-bottom: 3.2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.business-template .template-list dt {
  flex-basis: 804px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.business-template .file-list {
  margin-bottom: 3.2rem;
}
.business-template .file-list dt {
  margin-bottom: 1rem;
}
.business-template .file-list-2column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.business-template .file-list-2column img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.business-template .download-button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border-radius: 2rem;
  text-align: center;
  padding: 0.9rem 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: 1px solid #fff;
  color: #fff;
  width: 265px;
  max-width: 265px;
  background-color: #00AFEC;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.business-template .download-button:after {
  position: absolute;
  right: 2rem;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f13a";
  margin-left: 1.5rem;
}
.business-template .download-button:hover {
  color: #00AFEC;
  background-color: #fff;
  border: 1px solid #00AFEC;
}
.business-template .download-size {
  color: #00AFEC;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
}
.business-template .attention-button {
  background-color: #fff;
  color: #C94949;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  width: 536px;
  padding: 1em 0;
  margin-bottom: 3rem;
  border: 1px solid #C94949;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.business-template .attention-button:after {
  position: absolute;
  top: 1.7rem;
  right: 1.5rem;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f138";
}
.business-template .attention-button:hover {
  color: #fff;
  background-color: #C94949;
  border: 1px solid #fff;
}

/*======================================
teigaku
======================================*/
.teigaku-container {
  padding: 0 0 5rem;
}
.teigaku .lead {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-bottom: 3rem;
}
.teigaku .blue-button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  text-align: center;
  padding: 2rem 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  width: 504px;
  color: #fff;
  background: linear-gradient(135deg, #0991C1, #00AFEC);
  border-bottom-color: #076c90;
}
.teigaku .blue-button:active {
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom-width: 0px;
}

/*======================================
sitemap
======================================*/
.sitemap ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1rem;
  width: 100%;
}
.sitemap ul li {
  flex-basis: 18%;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  border: solid 1px #00AFEC;
  line-height: 1.4rem;
  text-align: center;
}
.sitemap ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.7rem 0.5rem;
  width: 100%;
}
.sitemap ul .no-border {
  border: none;
}

/*======================================
---library
======================================*/
.megamenu {
  position: relative;
}
.megamenu-detail {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.megamenu .selected + .megamenu-detail {
  visibility: visible;
  z-index: 98;
  opacity: 1;
}

.megamenu-detail {
  margin: auto;
  width: 100%;
  left: 0;
  right: 0;
  padding: 1rem;
  background-color: #00AFEC;
}
.megamenu-detail-inner {
  display: table;
  width: 100%;
}
.megamenu-detail .leftBox, .megamenu-detail .rightBox {
  display: table-cell;
  vertical-align: top;
}
.megamenu-detail .leftBox {
  width: 15%;
  padding-right: 10px;
}
.megamenu-detail .leftBox .tabs-nav li {
  margin-bottom: 10px;
}
.megamenu-detail .leftBox .tabs-nav li a {
  display: block;
  padding: 15px 0;
  background-color: #fff;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.megamenu-detail .leftBox .tabs-nav li a:hover, .megamenu-detail .leftBox .tabs-nav li a.active {
  background-color: #0090C3;
  color: #fff;
}
.megamenu-detail .leftBox .tabs-nav li a.second-line {
  line-height: 1.3;
}
.megamenu-detail .leftBox > div a {
  padding: 10% 0;
  display: block;
  background-color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.megamenu-detail .leftBox > div a:before {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1;
  display: inline-block;
  font-family: FontAwesome;
  content: "\f002";
  width: 100%;
  margin-bottom: 10px;
}
.megamenu-detail .leftBox > div a:hover, .megamenu-detail .leftBox > div a.active {
  background-color: #0090C3;
  color: #fff;
}
.megamenu-detail .rightBox {
  width: 85%;
  background-color: #fff;
  padding: 10px 10px 0px 10px;
}
.megamenu-detail .rightBox .tabs-panel > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.megamenu-detail .rightBox .tabs-panel > ul > li {
  flex-basis: 20%;
  padding-bottom: 10px;
  text-align: center;
}
.megamenu-detail .rightBox .tabs-panel dt {
  width: 168px;
  height: 90px;
  overflow: hidden;
  border: 1px solid #DFDFDF;
}
.megamenu-detail .rightBox .tabs-panel dt img {
  width: 100%;
  height: auto;
  transform: scale(1, 1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.megamenu-detail .rightBox .tabs-panel dd {
  margin-top: 10px;
  width: 100%;
  color: #00AFEC;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.megamenu-detail .rightBox .tabs-panel dd span {
  width: 85%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.megamenu-detail .rightBox .tabs-panel dd:after {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f105";
  width: 5%;
}
.megamenu-detail .rightBox .tabs-panel a:hover dt img {
  transform: scale(1.2, 1.2);
}
.megamenu-detail .rightBox .tabs-panel a[target="_blank"] dd:after {
  content: "\f08e";
}
.megamenu-detail-about {
  background-color: #F5F5F5;
  padding: 10px;
}
.megamenu-detail-about > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.megamenu-detail-about > ul > li {
  flex-basis: 17%;
  text-align: center;
  height: 90px;
  position: relative;
}
.megamenu-detail-about > ul > li > a {
  width: 90%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.megamenu-detail-about > ul > li > a:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
  width: 0;
}
.megamenu-detail-about > ul > li > a:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.megamenu-detail-about > ul > li dl {
  display: inline-block;
  vertical-align: middle;
}
.megamenu-detail-about > ul > li dl dt {
  margin-bottom: 10px;
  font-family: 'Caveat', cursive;
  font-weight: normal;
}
.megamenu-detail-about > ul > li:after {
  position: absolute;
  bottom: 5px;
  right: 10%;
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  content: "\f105";
  line-height: 16px;
}
.megamenu-detail-about-menu01:after {
  background-color: #00AFEC;
}
.megamenu-detail-about-menu01 dl dt {
  color: #00AFEC;
}
.megamenu-detail-about-menu02:after {
  background-color: #CA9A9A;
}
.megamenu-detail-about-menu02 dl dt {
  color: #CA9A9A;
}
.megamenu-detail-about-menu03:after {
  background-color: #E59330;
}
.megamenu-detail-about-menu03 dl dt {
  color: #E59330;
}
.megamenu-detail-about-menu04:after {
  background-color: #4BBB55;
}
.megamenu-detail-about-menu04 dl dt {
  color: #4BBB55;
}
.megamenu-detail-about-menu05:after {
  background-color: #4ACABF;
}
.megamenu-detail-about-menu05 dl dt {
  color: #4ACABF;
}
.megamenu-detail-service-list {
  padding-top: 1rem;
  text-align: right;
}
.megamenu-detail-service-list a.btn-basis {
  width: 190px;
}
.megamenu-area > a > span:after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 1rem;
  display: inline-block;
  width: 100%;
  font-family: FontAwesome;
  content: "\f107";
}
.megamenu .selected {
  color: #fff;
  background-color: #00AFEC;
}

.sticky-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.sticky-logo a {
  background-color: transparent !important;
}
.sticky-logo a:hover {
  background-color: transparent;
}

.sticky.visible {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 10;
}
.sticky.visible .sticky-logo {
  position: static;
  top: auto;
  left: auto;
  z-index: 0;
  opacity: 1;
}
.sticky.visible .sticky-logo img[src$=".svg"] {
  width: 100%;
  height: auto;
}
.sticky.visible .global-navigation {
  height: 60px;
}
.sticky.visible .global-navigation > ul > li {
  flex-basis: 20%;
}
.sticky.visible .global-navigation > ul > li > a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0em;
}
.sticky.visible .global-navigation > ul > li > a > span:after {
  margin-top: 0;
  width: auto;
  margin-left: 1rem;
}
.sticky.visible .global-navigation > ul > li.cV {
  flex-basis: 40%;
}
.sticky.visible .global-navigation > ul > li.cV .cV-inner {
  padding-top: 5px;
}
.sticky.visible .global-navigation > ul > li.cV .cV-inner > .cvBtn {
  width: auto;
  padding: 5px 10px;
}

/*======================================
Difference
======================================*/
.page-advantage .advantage-mission-txt {
  width: 90%;
  margin: 0 auto 50px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
}

/*======================================
teigaku
======================================*/
/*追加2019年7月31日*/
.teigaku-link-bottom {
  margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.teigaku-link-bottom .btn-all-service-blue {
  width: 390px;
  font-size: 14px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.075em;
}
.teigaku-title {
  margin: 6rem 0 3rem;
  text-align: center;
}

/*夏季休業対応*/
.long-holidays-title {
  text-align: center;
  font-size: 20px;
  font-size: 2.3rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 50px 0;
  color: #FF6347;
}

.long-holidays-text {
  text-align: center;
  color: #FF6347;
}

.cmmt-txt-pdf {
  display: none;
}

/*# sourceMappingURL=style.css.map */