@charset "UTF-8";
/* CSS Document */
/* CSS Document */
/*---------------------
カラム幅設定
----------------------*/
/*---------------------
カラー設定
----------------------*/
/*---------------------
ベンダープレフィックス初期設定
----------------------*/
/*---------------------
透明度　初期設定
----------------------*/
/*---------------------
フォントサイズ初期設定
----------------------*/
/*---------------------
フォントファミリー初期設定
----------------------*/
/*----------------
Retina,高解像度 対策
-----------------*/
/*---------------------
角丸　初期設定
----------------------*/
/*
.box {
     @include circle(100px);
     background: #fc0;
}
*/
/*---------------------
ボックスシャドウ　mixin
----------------------*/
/*
div { @include box-shadow(8px, 8px);}
*/
 /*---------------------
グラデーション　mixin
----------------------*/
 /* 使用例
 div { @include gradient(#ff00ff, #ff00cc, vertical);}
*/
/*---------------------
デュレーション　mixin
----------------------*/
/*
.move{
    @include transition(0.5s);
}
*/
/*---------------------
キーフレーム　mixin
----------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("https://fonts.googleapis.com/css?family=Lato:700,900");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap");
@-webkit-keyframes $animation-name {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes $animation-name {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes $animation-name {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes $animation-name {
  0% {
    color: #fff; }
  100% {
    color: #0094d5; } }
@-moz-keyframes $animation-name {
  0% {
    color: #fff; }
  100% {
    color: #0094d5; } }
@keyframes $animation-name {
  0% {
    color: #fff; }
  100% {
    color: #0094d5; } }
/*---------------------
カラムグリッド mixin
----------------------*/
/*---------------------
カラムグリッド mixin
----------------------*/
/*　使用例 
div { @include ghost-button(“Trebuchet”, 12px, #ffffff, 5px, #34dec6, 4px, 300ms, #000000 );}
*/
/*---------------------
リンクカラー初期設定
----------------------*/
/*---------------------
汎用BOX用　マージンMIXIN リセット
----------------------*/
.m_0 {
  margin: 0 !important; }

.p_0 {
  padding: 0 !important; }

/*---------------------
汎用ボタンリンク用　
----------------------*/
.btn {
  -moz-user-select: none;
  background-image: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }

.btn-info {
  background-color: #5bc0de;
  border-color: #46b8da;
  color: #fff; }

/*---------------------
フォント import
----------------------*/
/*---------------------
HTML BODY初期設定
----------------------*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  color: #111; }

html {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif  !important; }
  html li {
    list-style-type: none; }

p {
  word-wrap: break-word; }

a, a:hover {
  text-decoration: none; }

/*---------------------
フォント設定 
----------------------*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

/*---------------------
カスタムボタン 
----------------------*/
/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none;
  /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff; }

/*---------------------
wrapper設定 
----------------------*/
#wrapper {
  -webkit-overflow-scrolling: touch; }

/*---------------------
container width補正 
----------------------*/
.contents-width {
  max-width: 1200px; }

/*---------------------
nav設定 
----------------------*/
/*---------------------
バナー 
----------------------*/
.banner-outside .row {
  margin-left: 0;
  margin-right: 0; }
.banner-outside div {
  padding-left: 0;
  padding-right: 0; }
.banner-outside .bn-inner {
  text-align: center; }
  .banner-outside .bn-inner img {
    max-width: 320px;
    margin: 0 auto;
    border: 4px solid #fff; }
  .banner-outside .bn-inner img:hover {
    opacity: 0.7;
    border: 4px solid #f0f0f0; }

/*---------------------
汎用relative 
----------------------*/
.relative {
  position: relative; }

/*---------------------
汎用zindex 
----------------------*/
.zindex1 {
  z-index: 1; }

.zindex2 {
  z-index: 2; }

/*---------------------
汎用見出し　ボーダー 
----------------------*/
.bd-bottom1 {
  border-bottom: 1px solid #efefef;
  padding-bottom: 30px; }

.bd-bottom-3 {
  border-bottom: 3px solid #004499;
  padding-bottom: 20px; }

.bd-around {
  border: 3px solid #004499;
  padding: 13px 15px 15px 15px; }

/*---------------------
フォント設定 
----------------------*/
h1.thc {
  margin: 0;
  padding: 0; }

.aa {
  transform: rotate(0.001deg); }

h2.section-header {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 400;
  font-size: 2.8em;
  transform: rotate(0.001deg);
  line-height: 0.9;
  margin-bottom: 30px;
  font-feature-settings: "palt" 1;
  letter-spacing: -0.02em; }

h2.section-header span {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 0.5em;
  transform: rotate(0.001deg);
  color: #d9dee9; }

@media screen and (max-width: 767px) {
  h2.section-header {
    font-size: 1.8em;
    line-height: 1.5; } }
.section-header-s {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  line-height: 0.9;
  margin-bottom: 20px;
  font-feature-settings: "palt" 1;
  letter-spacing: -0.02em; }

.section-header-s span {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  transform: rotate(0.001deg);
  color: #d9dee9; }

.thumbs-title {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  line-height: 0.9; }

@media screen and (max-width: 767px) {
  .section-header-s, .thumbs-title {
    font-size: 1.8rem;
    line-height: 1.3;
    font-feature-settings: "palt" 1;
    letter-spacing: -0.03em; } }
.bd-around-title {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 400;
  font-size: 2rem;
  transform: rotate(0.001deg);
  line-height: 0.9;
  margin: 0; }

.contents-h-txt {
  font-family: Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  transform: rotate(0.001deg); }

.contents-txt {
  font-family: Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 400;
  transform: rotate(0.001deg);
  line-height: 1.6;
  text-align: justify; }

.c-slider p {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  transform: rotate(0.001deg); }

.c-slider p span {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  transform: rotate(0.001deg); }

.footer-address,
.footer-copy {
  font-family: Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #333;
  transform: rotate(0.001deg); }
  .footer-address span,
  .footer-copy span {
    font-weight: 600;
    font-size: 12px; }

#pagenavi h2 {
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 4.5rem;
  line-height: 1;
  color: #f4f4f4;
  font-weight: 600;
  transform: rotate(0.001deg); }
  #pagenavi h2 span {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-size: 1.4rem;
    transform: rotate(0.001deg);
    color: #2cc6ff; }

@media screen and (max-width: 640px) {
  #pagenavi h2 {
    font-size: 3rem; } }
.ch-title {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  line-height: 0.9;
  padding-left: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
  font-weight: 600;
  border-left: 3px solid #2d61a3;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
  margin-top: 30px; }

@media screen and (max-width: 767px) {
  .ch-title {
    font-size: 2rem;
    line-height: 1.3; } }
.ch-title2 {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 600;
  font-size: 2.3rem;
  transform: rotate(0.001deg);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #efefef; }

@media screen and (max-width: 767px) {
  .ch-title2 {
    font-size: 2rem;
    line-height: 1.3; } }
.ch-title-s {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 600;
  font-size: 2rem;
  transform: rotate(0.001deg);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 0.5em;
  border-bottom: 3px solid #2b568c; }
  .ch-title-s i {
    color: #2b568c; }

@media screen and (max-width: 767px) {
  .ch-title-s {
    font-size: 2rem;
    line-height: 1.3; } }
.ch-around {
  display: block;
  background: #2b568c;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  z-index: 2;
  color: #fff;
  padding: 10px 10px 12px 10px;
  text-shadow: 0 0 4px #000; }

p.profile-txt {
  text-align: justify;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  transform: rotate(0.001deg); }

.contact-head h2 {
  text-align: center;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.4;
  transform: rotate(0.001deg); }

/*---------------------
汎用　文字マーカー
----------------------*/
.marker-animation.active {
  background-position: -100% .5em; }

.marker-animation {
  background-image: -webkit-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: linear-gradient(left, transparent 50%, #fffa99 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 1.5s ease;
  font-weight: 700; }

.marker {
  background: rgba(255, 250, 153, 0.5);
  background-size: 200% .8em;
  background-position: 0 .5em;
  font-weight: 700; }

/*---------------------
汎用　本文内サムネイル　※スマホ時margin-bottom
----------------------*/
@media screen and (max-width: 640px) {
  .thumb {
    margin-bottom: 10px; } }
/*---------------------
TOP > こんな時に 
----------------------*/
section#about .row:first-child {
  margin: 100px 0 100px; }

.inTheseCase ul li {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0; }
.inTheseCase ul li:last-child {
  border-bottom: none; }
.inTheseCase ul i {
  color: #004cac;
  margin-right: 0.5em; }

.bd-box1 {
  margin-top: 20px;
  padding: 1px;
  background: linear-gradient(to right, #004cac, #39b3db);
  padding: 2px; }

.bd-box1-inner {
  padding: 18px;
  background: linear-gradient(to bottom, #ffffff, #fefefe); }
  .bd-box1-inner span {
    font-size: 2rem; }

.bd-box2 {
  margin-top: 10px;
  padding: 1px;
  background: linear-gradient(to right, #004cac, #4e81c1);
  padding: 2px; }

.bd-box2-inner {
  padding: 10px 10px 13px 10px;
  background: linear-gradient(to bottom, #ffffff, #fefefe); }
  .bd-box2-inner span {
    font-size: 2rem; }

.bd-box3 {
  color: #fff;
  margin-top: 10px;
  padding: 1px;
  background: #444;
  padding: 2px; }

.bd-box3-inner {
  padding: 10px 10px 13px 10px; }
  .bd-box3-inner span {
    font-size: 2rem; }

.bd-box4 {
  margin-top: 10px;
  padding: 1px;
  background: #2b568c;
  padding: 2px; }

.bd-box4-inner {
  color: #fff;
  padding: 10px 10px 13px 10px; }
  .bd-box4-inner span {
    font-size: 2rem; }

/*---------------------
TOP > 健康経営優良法人 
----------------------*/
section#healthycompany .row:first-child {
  margin: 0 0 40px; }

.health-company {
  background: #004499 url(../img/bg_blue.jpg);
  background-size: cover; }
  .health-company img {
    width: 100%; }

/*-----------------------------------------
TOP > 健康経営優良法人に認定されるメリット  
------------------------------------------*/
.merit-thumb {
  text-align: center;
  margin-bottom: 30px; }
  .merit-thumb .merit-thumb-inner {
    position: relative;
    z-index: 0; }
  .merit-thumb img {
    display: block;
    width: 100%;
    border: 1px solid #d5dae9;
    margin-bottom: 10px; }

a.thumb-link {
  overflow: hidden; }
  a.thumb-link img {
    display: block;
    width: 100%;
    border: 1px solid #d5dae9; }

a.thumb-link:hover img {
  display: block;
  width: 100%;
  border: 1px solid #004499;
  -webkit-transition: all .4s;
  transition: all .4s; }

.i-number {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent; }
  .i-number img {
    display: block;
    width: 100%;
    border: none !important;
    background: transparent; }

/*-----------------------------------------
TOP > トータルヘルスコーチングが選ばれる理由  
------------------------------------------*/
.reason {
  position: relative;
  margin-bottom: 30px; }
  .reason .reason-inner {
    position: relative;
    z-index: 0;
    overflow: hidden; }
  .reason img {
    display: block;
    width: 100%; }
  .reason .reason-txt {
    background: linear-gradient(-45deg, rgba(0, 68, 153, 0.8), rgba(27, 66, 116, 0.8));
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    padding: 20px;
    z-index: 1;
    color: #fff;
    padding-top: 20%; }

@media screen and (max-width: 640px) {
  .reason {
    position: relative;
    margin-bottom: 30px; }
    .reason .reason-inner {
      position: relative;
      z-index: 0;
      overflow: hidden; }
    .reason img {
      display: block;
      width: 100%; }
    .reason .reason-txt {
      background: linear-gradient(-45deg, rgba(0, 68, 153, 0.8), rgba(27, 66, 116, 0.8));
      position: relative;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      padding: 20px;
      z-index: 1;
      color: #fff; } }
/*-----------------------------------------
TOP > 具体的な流れ  
------------------------------------------*/
#flow {
  position: relative;
  margin-bottom: 30px; }
  #flow .flow-inner {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 10px;
    padding: 40px 40px 40px 40px;
    box-sizing: border-box; }
  #flow img {
    display: block;
    width: 100%; }
  #flow .flow-txt {
    color: #fff;
    margin-left: 20px; }
  #flow .flow-bg1 {
    background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.6)), url(../img/flow1.jpg);
    background-size: cover; }
  #flow .flow-bg2 {
    background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.6)), url(../img/flow2.jpg);
    background-size: cover;
    background-position: bottom left; }
  #flow .flow-bg3 {
    background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.6)), url(../img/flow3.jpg);
    background-size: cover; }

.flow-num {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3rem;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  line-height: 1; }
  .flow-num img {
    display: block;
    width: 100%;
    max-width: 90px; }

@media screen and (max-width: 767px) {
  .flow-inner {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    margin-bottom: 20px;
    padding: 30px 30px 30px 20px;
    box-sizing: border-box; }

  .flow-txt {
    color: #fff;
    margin-left: 0px; }

  .flow-num img {
    display: block;
    width: 100%;
    max-width: 70px; } }
/*-----------------------------------------
TOP > COMPANY PROFILE  
------------------------------------------*/
.top-footer {
  background: #f0f0f0 url(../img/bg_footer3.svg) no-repeat top center;
  background-size: cover; }

#profile {
  position: relative;
  margin-top: 80px;
  padding: 20px 0; }

.tb-profile {
  margin: 0 auto;
  margin-top: 20px; }
  .tb-profile th, .tb-profile td {
    padding: 10px 20px; }
  .tb-profile th {
    text-align: right; }
  .tb-profile td {
    border-left: 1px solid #555; }

@media screen and (max-width: 767px) {
  .tb-profile {
    margin: 0 auto;
    margin-top: 20px; }
    .tb-profile th, .tb-profile td {
      display: block;
      padding: 10px 20px; }
    .tb-profile th {
      border: 1px solid #555;
      text-align: center; }
    .tb-profile td {
      border: 0;
      margin-bottom: 10px; } }
/*---------------------
TOP > top contact 
----------------------*/
.top-contact-banner {
  margin: 60px 0; }
  .top-contact-banner img {
    display: block;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 0 7px rgba(40, 40, 40, 0.6);
    -webkit-transition: all .4s;
    transition: all .4s;
    border: 3px solid #48b19a;
    border-radius: 1px; }
  .top-contact-banner img:hover {
    display: block;
    max-width: 900px;
    margin: 0 auto;
    border: 3px solid #ffae00;
    box-sizing: border-box;
    transform: scale(1.02);
    -webkit-transform: scale(1.02); }

/*---------------------
TOP > Infomation 
----------------------*/
.cover-left {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0;
  left: 0;
  background: url(../img/cover_left.png) no-repeat top left;
  background-size: 200px 200px;
  z-index: 5; }

.cover-right {
  position: absolute;
  width: 200px;
  height: 200px;
  bottom: 0;
  right: 0;
  background: url(../img/cover_right.png) no-repeat top left;
  background-size: 200px 200px;
  z-index: 2; }

.info-area {
  position: relative;
  z-index: 1; }

section#information .row {
  margin: 170px 0 140px; }

section#information h2 {
  margin-bottom: 30px;
  color: #333;
  text-align: center;
  padding: 60px 30px 10px;
  font-style: normal; }
  section#information h2 span {
    margin-top: -20px; }

section#information .info-wrap {
  height: 300px;
  padding: 10px;
  overflow-y: auto; }

section#information .info {
  margin-bottom: 10px;
  border-bottom: 1px dotted #dcdcdc; }

section#information .info time {
  display: block;
  margin-bottom: 5px; }

section#information p {
  color: #333;
  line-height: 1.8; }
  section#information p a {
    font-weight: 400;
    text-decoration: underline; }
  section#information p a:hover {
    font-weight: 500;
    text-decoration: none; }

@media screen and (max-width: 767px) {
  section#information .row {
    margin: 100px 0 100px; }

  section#information h2 {
    border: none; } }
/*---------------------
TOP > Banner area
----------------------*/
section#banner-area .row {
  margin: 80px 0 80px; }

section#banner-area h2 {
  margin-bottom: 40px;
  color: #333;
  text-align: center; }

section#banner-area .group-logo {
  padding: 0 20px; }
  section#banner-area .group-logo img {
    display: block;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff; }
  section#banner-area .group-logo img:hover {
    display: block;
    background: white;
    opacity: 0.8; }

@media screen and (max-width: 767px) {
  section#banner-area .group-logo {
    padding: 10px;
    margin-bottom: 10px; } }
.associated {
  max-width: 300px;
  margin: 0 auto; }

/*---------------------
TOP > Footer
----------------------*/
section#footer .row {
  margin: 40px 0 20px; }

.footer-contents p {
  line-height: 1.6; }

.footer-copy {
  text-align: center; }

.footer-logo {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dcdcdc;
  text-align: center; }
  .footer-logo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 280px; }

.page-footer-logo {
  margin-top: 0;
  padding-top: 15px;
  border-top: 1px solid #dcdcdc;
  text-align: center; }
  .page-footer-logo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 280px; }

@media screen and (max-width: 767px) {
  .footer-contents {
    text-align: center; } }
@media screen and (min-width: 768px) {
  .footer-contents {
    vertical-align: middle; }

  .footer-copy p {
    text-align: center;
    margin-top: 15px; } }
.pagetop-area {
  background: #1b4274;
  text-align: center; }
  .pagetop-area a {
    background: #1b4274;
    display: block;
    padding: 5px 0;
    font-size: 28px;
    color: #999; }
  .pagetop-area a:hover {
    background: #222;
    display: block;
    color: #eee;
    -webkit-transition: all .3s;
    transition: all .3s; }

/*---------------------
Page > 汎用ページナビ
----------------------*/
#pagenavi {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  margin-top: 70px; }

.pn-shokuiku {
  background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.8)), url(../img/pn_shokuiku.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.pn-coaching {
  background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.8)), url(../img/pn_coaching.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.pn-communication {
  background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.8)), url(../img/pn_communication2.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.pn-contact {
  background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.8)), url(../img/pn_contact.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.pn-stresscheck {
  background: linear-gradient(-45deg, rgba(0, 68, 153, 0.6), rgba(27, 66, 116, 0.8)), url(../img/pn_stresscheck.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

#pagenavi h2 {
  display: block;
  max-width: 1170px;
  margin: 0 auto;
  background-size: cover;
  padding: 150px 0 100px; }

@media screen and (max-width: 640px) {
  .pn-shokuiku {
    background: linear-gradient(-45deg, rgba(0, 68, 153, 0.5), rgba(27, 66, 116, 0.6)), url(../img/pn_shokuiku.jpg);
    background-size: cover; }

  #pagenavi h2 {
    display: block;
    background-size: cover;
    text-align: center;
    padding: 60px 0 60px; } }
.example {
  position: relative;
  border: 1px solid #004499;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.6)), url(../img/bg_shokuiku.jpg);
  background-size: cover;
  padding: 30px 30px 25px 30px;
  margin: 20px 0; }
  .example h3 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 2.5rem;
    color: #004499;
    border-bottom: 1px dotted #004499;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .example h3 span {
      font-size: 1.5rem; }
  .example ul li {
    line-height: 1.6;
    padding: 5px 0;
    width: 50%;
    float: left; }
  .example ul i {
    color: #004499; }
  .example ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0; }

@media screen and (max-width: 979px) {
  .example ul li {
    line-height: 1.6;
    padding: 5px 0;
    width: 100%;
    float: none;
    clear: both; } }
@media screen and (max-width: 640px) {
  .example h3 {
    font-size: 1.8rem; } }
/*---------------------
下層　トップ見出し 
----------------------*/
.pn-head1 {
  position: relative;
  margin-top: 40px; }

/*---------------------
下層　 
----------------------*/
#page {
  background: url(../img/bg_trianlge2.svg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 80px; }

/*---------------------
コーチングセッション 
----------------------*/
.coaching {
  background: linear-gradient(-45deg, rgba(45, 97, 163, 0.1), rgba(250, 250, 250, 0.5));
  padding: 20px; }
  .coaching h3 {
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    transform: rotate(0.001deg);
    color: #fff;
    text-align: center;
    margin: 0;
    margin-bottom: 20px; }

@media screen and (max-width: 640px) {
  .coaching h3 {
    font-size: 1.8rem; } }
.about-coaching {
  background: rgba(255, 255, 255, 0.5);
  margin: 30px 0;
  padding: 25px 20px 20px 20px;
  border: 3px solid #4b698e; }
  .about-coaching h3 {
    display: block;
    background: #2b568c;
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    transform: rotate(0.001deg);
    z-index: 2;
    color: #fff;
    margin: 30px 0 10px 0;
    padding: 10px;
    text-shadow: 0 0 6px #103563; }
  .about-coaching h3:first-child {
    margin-top: 0; }
  .about-coaching ul li {
    margin: 10px 0; }
    .about-coaching ul li i {
      color: #2b568c;
      margin-right: 0.5em; }

ul.qa {
  border-bottom: 1px dotted #f0f0f0; }
  ul.qa li.question {
    display: block;
    padding: 10px 0;
    font-weight: 600;
    font-size: 1.5rem; }
    ul.qa li.question span {
      display: block;
      float: left;
      margin: -10px 0;
      min-height: 60px;
      font-size: 2.5rem;
      font-weight: 700;
      font-family: "Lato";
      color: #254ca4;
      margin-right: 0.5em; }
  ul.qa li.answer {
    display: block;
    padding: 10px 0; }
    ul.qa li.answer span {
      display: block;
      float: left;
      margin: -10px 0;
      min-height: 60px;
      font-size: 2.5rem;
      font-weight: 700;
      font-family: "Lato";
      color: #2e8afc;
      margin-right: 0.5em; }

.hr-gradation {
  display: block;
  width: auto;
  height: 1px;
  background: linear-gradient(to right, #457ec4, #dcdcdc); }

/*---------------------
ラジオボタン
----------------------*/
.cs_radio {
  display: none; }

.cs_radio + .radio-icon:before {
  content: "\f3a6";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 1.25em;
  vertical-align: middle; }

.cs_radio:checked + .radio-icon:before {
  content: "\f3a7";
  color: #457ec4; }

/*---------------------
各種コーチング型コミュニケーション研修
----------------------*/
.cm-headlinks {
  margin-bottom: 15px; }

table.cm-leader {
  margin: 30px 0;
  width: 100%;
  border: 1px solid #dcdcdc;
  border-right: none; }
  table.cm-leader tr {
    border-bottom: 1px solid #dcdcdc; }
  table.cm-leader th, table.cm-leader td {
    padding: 13px; }
  table.cm-leader th {
    background: #2b568c;
    color: #fff; }
  table.cm-leader th:nth-child(2) {
    background: #3e4247; }
  table.cm-leader th.blank {
    background: #fff; }
  table.cm-leader td {
    width: 33.3%;
    border-right: 1px solid #dcdcdc; }
  table.cm-leader .normal {
    background: #fff; }
  table.cm-leader .l-headline {
    background: #f9f9f9;
    font-weight: 600; }

.cm-step {
  background: #f0f0f0 url(../img/communication/bg_note.png);
  border: 2px solid #2b568c;
  border-radius: 3px;
  padding: 20px; }
  .cm-step figure img {
    display: block;
    max-width: 100px;
    margin: 0 auto; }
  .cm-step .ch-step {
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #2b568c;
    text-align: center; }
  .cm-step p {
    font-feature-settings: "palt" 1;
    letter-spacing: -0.05em;
    line-height: 1.5; }

@media screen and (max-width: 640px) {
  .cm-step {
    margin-bottom: 20px; }
    .cm-step figure img {
      max-width: 90px;
      margin: 0 auto; }
    .cm-step .ch-step {
      font-size: 1.8rem; } }
.cm-flow i {
  color: #457ec4;
  margin-right: 0.5em; }
.cm-flow > p {
  line-height: 1.7; }

.ch-flow {
  border-bottom: 2px solid #2b568c;
  padding-bottom: 10px;
  font-family: 'Noto Sans SC', sans-serif; }

#cm-001,
#cm-002,
#cm-003,
#cm-004,
#cm-005,
#cm-006,
#cm-007 {
  padding-top: 50px; }

/*---------------------
ストレスチェック
----------------------*/
.stresscheck {
  background: linear-gradient(-45deg, rgba(45, 97, 163, 0.1), rgba(250, 250, 250, 0.5));
  padding: 20px; }
  .stresscheck h3 {
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    transform: rotate(0.001deg);
    color: #222;
    text-align: center;
    margin: 0;
    margin-bottom: 20px; }

@media screen and (max-width: 640px) {
  .stresscheck h3 {
    font-size: 1.8rem; } }
.s-check-about h3 {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  color: #fff;
  text-align: center;
  margin: 0;
  margin-bottom: 20px; }

@media screen and (max-width: 640px) {
  .s-check-about h3 {
    font-size: 1.8rem; } }
.s-check-point {
  background: #2b568c;
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px; }
  .s-check-point li {
    display: block;
    width: 33.3%;
    padding: 10px;
    box-sizing: border-box;
    float: left; }
    .s-check-point li div {
      background: #fff;
      box-shadow: 0 0 10px #163964;
      box-sizing: border-box;
      border-radius: 3px;
      border: 3px solid #99a9bd;
      padding: 14px 10px;
      font-size: 1.7rem;
      font-weight: 700;
      text-align: center;
      color: #2b568c; }
      .s-check-point li div span {
        color: #222;
        font-size: 1.4rem;
        font-weight: normal; }

@media screen and (max-width: 767px) {
  .s-check-point li {
    display: block;
    width: 100%; } }
.s-check-point2 {
  margin-bottom: 40px;
  margin-top: 30px; }
  .s-check-point2 h3 {
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 700;
    font-size: 3.0rem;
    transform: rotate(0.001deg);
    color: #2b568c;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: -0.02em; }
  .s-check-point2 p {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center; }

@media screen and (max-width: 640px) {
  .s-check-point2 h3 {
    font-size: 1.8rem; } }
/*---------------------
食育
----------------------*/
#shokuiku {
  background: url(../img/bg_trianlge2.svg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 80px; }

.sohkuiku-head1 {
  position: relative;
  margin-top: 40px; }

.ch-shokuiku-bg {
  position: relative;
  z-index: 1; }

.ch-shokuiku1 {
  display: block;
  position: absolute;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  top: 50%;
  left: 50px;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 6px #000; }

.shokuiku2 {
  background: linear-gradient(-45deg, rgba(45, 97, 163, 0.1), rgba(250, 250, 250, 0.5));
  padding: 20px; }
  .shokuiku2 h3 {
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    transform: rotate(0.001deg);
    color: #222;
    text-align: center;
    margin: 0;
    margin-bottom: 10px; }

@media screen and (max-width: 640px) {
  .shokuiku2 h3 {
    font-size: 1.8rem; } }
.triangle-blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px; }

.triangle-wh {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  z-index: 2; }

.kouen-list {
  width: 100%; }

.kouen-thumb {
  position: relative;
  width: 33.3%;
  float: left;
  padding: 10px;
  overflow: hidden; }
  .kouen-thumb img {
    display: block;
    width: 100%; }
  .kouen-thumb a {
    display: block;
    overflow: hidden; }
  .kouen-thumb a img {
    display: block;
    overflow: hidden;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear; }
  .kouen-thumb a:hover {
    opacity: 0.7; }
  .kouen-thumb a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .kouen-thumb dl {
    position: relative; }
  .kouen-thumb dt {
    position: relative;
    z-index: 1; }
  .kouen-thumb dd {
    position: relative;
    display: block;
    z-index: 2;
    padding: 5px 0;
    background: #fff; }
  .kouen-thumb i {
    margin-left: 0.5em;
    font-size: 0.8em; }

@media screen and (max-width: 979px) {
  .kouen-thumb {
    width: 50%; } }
@media screen and (max-width: 640px) {
  .kouen-thumb {
    width: 100%; } }
@media screen and (max-width: 640px) {
  .smp-center {
    text-align: center; } }
.ch-teacher {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  transform: rotate(0.001deg);
  line-height: 0.9;
  margin-bottom: 20px;
  font-feature-settings: "palt" 1;
  letter-spacing: -0.02em; }

.ch-teacher span {
  font-weight: normal;
  font-size: 1.6rem;
  transform: rotate(0.001deg); }

.t-status {
  border: 1px solid #efefef;
  background: #f9f9f9;
  padding: 10px; }

@media screen and (max-width: 640px) {
  margin-top: 10px; }
.ch-other {
  border: 1px solid #efefef;
  border-left: 2px solid #004499;
  background: #f9f9f9;
  padding: 10px; }

ul.ronbun li {
  font-size: 13px; }

.kenkyu-member {
  background: linear-gradient(-45deg, rgba(45, 97, 163, 0.1), rgba(255, 255, 255, 0.6));
  border: 1px solid #d6d6d6; }
  .kenkyu-member h2 {
    display: block;
    background: #4b698e;
    font-size: 2rem;
    font-weight: 600;
    padding: 10px;
    color: #fff; }

table.member-name {
  margin-top: 10px; }
  table.member-name th, table.member-name td {
    padding: 8px; }
  table.member-name tr {
    border-bottom: 1px solid #efefef; }
  table.member-name tr:last-child {
    border-bottom: none; }

.member-photo {
  margin: 15px 0; }

@media screen and (max-width: 767px) {
  table.member-name th, table.member-name td {
    width: 100%;
    display: block; }
  table.member-name tr {
    border-bottom: 1px solid #efefef; }
  table.member-name tr:last-child {
    border-bottom: none; } }
/*---------------------
Page > 事業内容
----------------------*/
.whatwedo {
  padding-top: 70px;
  padding-bottom: 100px; }

.whatwedo h2 {
  text-align: center; }

@media screen and (max-width: 768px) {
  .whatwedo h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px; } }
.whatwedo h2.ef {
  line-height: 1.6; }

.about-works {
  margin-bottom: 40px; }
  .about-works h3,
  .about-works .ch-wwd {
    font-weight: 600; }
  .about-works h3 {
    display: block;
    padding: 120px 0 20px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd; }
  .about-works h3.i-media {
    background: url(../img/works/i_media.svg) no-repeat top center;
    background-size: 100px 100px; }
  .about-works h3.i-web {
    background: url(../img/works/i_web2.svg) no-repeat top center;
    background-size: 100px 100px; }
  .about-works h3.i-event {
    background: url(../img/works/i_event.svg) no-repeat top center;
    background-size: 100px 100px; }
  .about-works h3.i-sign {
    background: url(../img/works/i_sign.svg) no-repeat top center;
    background-size: 100px 100px; }
  .about-works p {
    line-height: 1.6; }

.works {
  padding-top: 100px;
  padding-bottom: 100px; }

.works h2 {
  text-align: center; }

@media screen and (max-width: 768px) {
  .works h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px; } }
.works p {
  text-align: justify;
  line-height: 1.8;
  font-weight: 500;
  margin-bottom: 20px;
  transform: rotate(0.001deg); }

.works .works-thumb {
  margin-top: 30px; }
  .works .works-thumb p {
    margin-top: 5px;
    text-align: center;
    line-height: 1.5;
    font-size: 13px; }
    .works .works-thumb p span {
      font-size: 11px; }

#works-tv,
#works-cm,
#works-stage,
#works-book {
  color: #333; }
  #works-tv .works-thumb img,
  #works-cm .works-thumb img,
  #works-stage .works-thumb img,
  #works-book .works-thumb img {
    display: block;
    border: 1px solid #f0f0f0; }
  #works-tv .exsample,
  #works-cm .exsample,
  #works-stage .exsample,
  #works-book .exsample {
    margin-top: 20px; }
    #works-tv .exsample p,
    #works-cm .exsample p,
    #works-stage .exsample p,
    #works-book .exsample p {
      display: block;
      padding: 10px;
      font-weight: 600;
      border: 2px solid #555;
      transform: rotate(0.001deg); }
    #works-tv .exsample ul li,
    #works-cm .exsample ul li,
    #works-stage .exsample ul li,
    #works-book .exsample ul li {
      padding: 8px 0;
      border-bottom: 1px dotted #888; }
    #works-tv .exsample ul li:last-child,
    #works-cm .exsample ul li:last-child,
    #works-stage .exsample ul li:last-child,
    #works-book .exsample ul li:last-child {
      border-bottom: none; }
    #works-tv .exsample ul li a:hover,
    #works-cm .exsample ul li a:hover,
    #works-stage .exsample ul li a:hover,
    #works-book .exsample ul li a:hover {
      color: #23527c;
      text-decoration: underline; }

#works-event,
#works-web {
  color: #fff; }
  #works-event .works-thumb img,
  #works-web .works-thumb img {
    display: block;
    border: 1px solid #222; }
  #works-event .exsample,
  #works-web .exsample {
    margin-top: 20px; }
    #works-event .exsample p,
    #works-web .exsample p {
      display: block;
      padding: 10px;
      font-weight: 600;
      border: 2px solid #f0f0f0;
      transform: rotate(0.001deg); }
    #works-event .exsample ul li,
    #works-web .exsample ul li {
      padding: 8px 0;
      border-bottom: 1px dotted #888; }
    #works-event .exsample ul li:last-child,
    #works-web .exsample ul li:last-child {
      border-bottom: none; }
    #works-event .exsample ul li a,
    #works-web .exsample ul li a {
      color: #00cdff; }
    #works-event .exsample ul li a:hover,
    #works-web .exsample ul li a:hover {
      color: #fff;
      text-decoration: underline; }
  #works-event .exsample2,
  #works-web .exsample2 {
    margin-top: 20px; }
    #works-event .exsample2 p,
    #works-web .exsample2 p {
      display: block;
      padding: 10px;
      font-weight: 600;
      border: 2px solid #f0f0f0;
      transform: rotate(0.001deg); }
    #works-event .exsample2 ul,
    #works-web .exsample2 ul {
      height: 500px;
      overflow-y: auto;
      padding-bottom: 10px;
      padding-right: 10px; }
      #works-event .exsample2 ul li,
      #works-web .exsample2 ul li {
        padding: 8px 0;
        border-bottom: 1px dotted #888; }
      #works-event .exsample2 ul li:last-child,
      #works-web .exsample2 ul li:last-child {
        border-bottom: none; }

#works-event {
  background: url(../img/works/bg_event.jpg) no-repeat top center;
  background-size: cover; }

#works-tv {
  background: url(../img/works/bg_tv.jpg) no-repeat top center;
  background-size: cover; }

#works-web {
  background: url(../img/works/bg_web.jpg) no-repeat top center;
  background-size: cover; }

#works-stage {
  background: url(../img/works/bg_stage.jpg) no-repeat top center;
  background-size: cover; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

/*---------------------
Page > 採用情報
----------------------*/
.recruit-head {
  background: #f4f4f4 url(../img/recruit_bg.jpg) no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 30px; }

.recruit-head h2 {
  display: block;
  padding: 40px 0;
  margin-bottom: 30px; }

.cards {
  display: block;
  background: #fff url(../img/cards_bg.png) no-repeat top left;
  background-size: 20px 20px;
  padding: 20px;
  height: 150px;
  line-height: 110px;
  text-align: center;
  margin-bottom: 40px;
  box-sizing: border-box;
  align-items: center;
  border: 1px solid #888;
  box-shadow: 0px 1px 2px 1px #ddd; }

@media screen and (max-width: 767px) {
  .recruit-head {
    padding-bottom: 30px; }

  .recruit-head h2 {
    margin-bottom: 10px; }

  .cards {
    margin-bottom: 10px;
    height: 100px;
    line-height: 60px; } }
.recruit-list {
  margin-top: 100px;
  margin-bottom: 140px; }
  .recruit-list h2 {
    margin-bottom: 30px; }
  .recruit-list table tr {
    border-bottom: 1px solid #f0f0f0; }
  .recruit-list table tr:last-child {
    border-bottom: none; }
  .recruit-list table th, .recruit-list table td {
    padding: 20px 10px; }
  .recruit-list table th {
    width: 23%; }
  .recruit-list table td {
    width: auto; }
  .recruit-list table td span {
    font-size: 80%; }

@media screen and (max-width: 640px) {
  .recruit-list {
    margin-top: 60px;
    margin-bottom: 100px; }

  .recruit-list table tr {
    border-bottom: none; }
  .recruit-list table th {
    border: 1px solid #bec7cc; }
  .recruit-list table th, .recruit-list table td {
    display: block; }
  .recruit-list table th {
    width: 100%;
    padding: 10px;
    text-align: center; }
  .recruit-list table td {
    width: 100%;
    margin-bottom: 20px; } }
/*---------------------
Page > 会社概要
----------------------*/
.company-list {
  margin-top: 100px; }
  .company-list h2 {
    margin-bottom: 30px; }
  .company-list table {
    width: 100%; }
    .company-list table tr {
      border-bottom: 1px solid #f0f0f0; }
    .company-list table tr:last-child {
      border-bottom: none; }
    .company-list table th, .company-list table td {
      padding: 20px 10px; }
    .company-list table th {
      width: 23%; }
    .company-list table td {
      width: auto; }
    .company-list table td span {
      font-size: 80%; }
    .company-list table td span.cap1 {
      display: block;
      width: 4em;
      padding: 4px 10px;
      margin-bottom: 8px;
      background: #777;
      color: #fff;
      font-weight: 500;
      text-align: center;
      transform: rotate(0.001deg); }
    .company-list table td span.cap2 {
      display: block;
      width: 7em;
      padding: 4px 10px;
      margin-bottom: 8px;
      background: #777;
      color: #fff;
      font-weight: 500;
      text-align: center;
      transform: rotate(0.001deg); }
  .company-list .trade {
    display: block;
    height: 200px;
    padding: 0 20px 0 0;
    overflow-y: auto; }

.group-company {
  margin-top: 100px;
  padding-top: 80px;
  padding-bottom: 80px; }
  .group-company h2 {
    margin-bottom: 50px;
    text-align: center; }

.group-inner {
  width: 80%;
  margin: auto; }
  .group-inner div {
    margin-bottom: 30px; }
  .group-inner div > a {
    transition-duration: 0.5s;
    opacity: 1; }
  .group-inner div > a:hover {
    opacity: 0.6; }
  .group-inner .ch-group {
    margin: 10px 0; }
  .group-inner .ch-group2 span {
    padding: 4px;
    margin-right: 0.8em;
    background: #333;
    color: #fff; }
  .group-inner .ch-group2 em {
    font-size: 12px;
    font-style: normal; }

@media screen and (max-width: 768px) {
  .group-inner {
    width: 90%;
    margin: 0 auto; }

  .group-inner div {
    margin-bottom: 40px; }

  .ch-group2 span {
    width: 100%;
    display: block;
    margin-bottom: 10px; } }
@media screen and (max-width: 640px) {
  .company-list {
    margin-top: 60px;
    margin-bottom: 100px; }

  .company-list table tr {
    border-bottom: none; }
  .company-list table th {
    border: 1px solid #bec7cc; }
  .company-list table th, .company-list table td {
    display: block; }
  .company-list table th {
    width: 100%;
    padding: 10px;
    text-align: center; }
  .company-list table td {
    width: 100%;
    margin-bottom: 20px; } }
.ceo-profile {
  margin-top: 100px;
  margin-bottom: 140px; }
  .ceo-profile h2 {
    margin-bottom: 30px;
    text-align: center; }

.ceo-name span {
  margin-left: 1em; }

@media screen and (max-width: 640px) {
  .ceo-profile {
    margin-top: 60px;
    margin-bottom: 100px; } }
/*---------------------
Page > お問い合わせ
----------------------*/
.contact-head {
  margin-top: 40px; }

.contact-area {
  margin-top: 40px; }

.contact-wrap {
  margin: 30px 0;
  padding: 30px 20px 30px 20px; }

.privacy {
  display: block;
  margin-top: 50px;
  margin-bottom: 80px;
  padding-top: 40px;
  height: 200px;
  padding: 10px 20px 10px 10px;
  overflow-y: auto; }
  .privacy p {
    transform: rotate(0.001deg); }
    .privacy p span {
      font-weight: 600;
      line-height: 1.6; }

.modal-body {
  padding: 25px; }

.btn-info {
  background: #1b4274;
  border: 1px solid #1b4274;
  margin-top: 20px;
  padding: 10px;
  font-size: 2rem;
  font-weight: 600;
  font-family: 'Noto Sans SC', sans-serif;
  transform: rotate(0.001deg);
  transition: all .5s ease; }

.btn-info:hover {
  background: #4c87d1;
  border: 1px solid #4c87d1; }

.form-group label {
  padding: 10px 0;
  font-size: 1.7rem; }

/*---------------------
 汎用フォント
----------------------*/
.f-roboto {
  font-family: 'Roboto', sans-serif !important;
  letter-spacing: 0; }

.f-lato {
  font-family: 'Lato', !important; }

.f-notosans-sc {
  font-family: 'Noto Sans SC', sans-serif; }

.f-gothic {
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }

.bg-gray {
  padding: 30px;
  background: #f6f6f6; }

.t-center-pc {
  text-align: center; }

@media screen and (max-width: 640px) {
  .t-center-pc {
    text-align: left; } }
/*---------------------
汎用lineheight
----------------------*/
.lh-13 {
  line-height: 1.3; }

.lh-14 {
  line-height: 1.4; }

.lh-15 {
  line-height: 1.5; }

/*---------------------
footer　SNS
----------------------*/
.footer-sns-wrap {
  max-width: 300px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-content: center; }

.sns-icon {
  flex: 1 1;
  text-align: center; }
  .sns-icon i {
    font-size: 3.5rem;
    color: #111; }
  .sns-icon a i:hover {
    color: #1b4274; }

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