/*!
style.css (C) Cosa-L Co.,Ltd.All Rights Reserved. http://www.cosa-l.co.jp/ Modified: 2017/10/15 13:31:55 Editor: Toshiyuki Hara */

/*
#overview
共通のclass


*/

/*
#colors

@cl-theme1: #fff;
@cl-theme2: #000;
@cl-theme3: #076ab6;
@cl-theme4: #7f8c97;
@cl-theme5: #409ade;
@cl-theme6: #6bb497;
@cl-theme7: #805ec6;
@cl-theme8: #f4ca00;
@cl-theme9: #f58830;
@cl-theme10: #ea819c;
@cl-theme11: #f1f7fc;
@cl-theme12: #f7f7f7;
@cl-theme13: #eee;
@cl-theme14: #d9ecf5;
@cl-theme15: #999;
*/

/* ==========================================================================
   RESET STYLE
   ========================================================================== */

   html,
   body,
   div,
   span,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   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,
   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,
   main,
   menu,
   nav,
   section {
	   display: block;
   }
   
   button,
   [type="reset"],
   [type="button"],
   [type="submit"] {
	   -webkit-appearance: button;
	   -moz-appearance: button;
	   appearance: button;
	   cursor: pointer;
   }
   
   /* ==========================================================================
	  FONT SET
	  ========================================================================== */
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Thin.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-Thin.ttf") format("truetype");
	   font-weight: 100;
	   font-style: normal;
   }
   
   .fw100 {
	   font-weight: 100 !important;
   }
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Light.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-Light.ttf") format("truetype");
	   font-weight: 200;
	   font-style: normal;
   }
   
   .fw200 {
	   font-weight: 200 !important;
   }
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.ttf") format("truetype");
	   font-weight: 300;
	   font-style: normal;
   }
   
   .fw300 {
	   font-weight: 300 !important;
   }
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-Regular.ttf") format("truetype");
	   font-weight: 400;
	   font-style: normal;
   }
   
   .fw400 {
	   font-weight: 400 !important;
   }
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-Medium.ttf") format("truetype");
	   font-weight: 500;
	   font-style: normal;
   }
   
   .fw500 {
	   font-weight: 500 !important;
   }
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-Bold.ttf") format("truetype");
	   font-weight: 700;
	   font-style: normal;
   }
   
   .fw700 {
	   font-weight: 700 !important;
   }
   
   @font-face {
	   font-family: 'Noto Sans Japanese';
	   src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Black.woff") format("woff"), url("../font/NotoSansCJKjp/NotoSansCJKjp-Black.ttf") format("truetype");
	   font-weight: 900;
	   font-style: normal;
   }
   
   .fw900 {
	   font-weight: 900 !important;
   }
   
   /* ==========================================================================
	  HTML / BODY
	  ========================================================================== */
   
   html {
	   height: 100%;
	   box-sizing: border-box;
	   font-family: sans-serif;
	   font-size: 6.25%;
	   -ms-text-size-adjust: 100%;
	   -webkit-text-size-adjust: 100%;
   }
   
   *,
   *::before,
   *::after {
	   box-sizing: inherit;
   }
   
   body {
	   height: 100%;
	   font: 16rem/1.417 "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	   color: #000;
	   -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;
	   background-color: #fff;
   }
   
   /* ==========================================================================
	  LIST
	  ========================================================================== */
   
   ul,
   ol {
	   list-style: none;
   }
   
   /* ==========================================================================
	  LINK
	  ========================================================================== */
   
   a {
	   cursor: pointer;
	   text-decoration: none;
	   transition: all 0.2s ease-in-out;
	   vertical-align: baseline;
	   -webkit-tap-highlight-color: transparent;
	   background-color: transparent;
   }
   
   a:link,
   a:visited {
	   color: #076ab6;
   }
   
   a:hover,
   a:focus,
   a:active {
	   color: #5db5f9;
   }
   
   a:hover,
   a:focus {
	   text-decoration: underline;
   }
   
   /* ==========================================================================
	  MEDIA
	  ========================================================================== */
   
   img,
   embed,
   object,
   audio,
   video,
   iframe {
	   max-width: 100%;
	   height: auto;
	   vertical-align: middle;
	   border: 0;
   }
   
   /* ==========================================================================
	  TABLE
	  ========================================================================== */
   
   table {
	   border-collapse: collapse;
	   border-spacing: 0;
   }
   
   /* ==========================================================================
	  HORIZONTAL RULE
	  ========================================================================== */
   
   hr {
	   display: block;
	   height: 1px;
	   border: 0;
	   border-top: 1px solid #ccc;
	   margin: 1em 0;
	   padding: 0;
   }
   
   /*
   #styleguide
   アイコンフォント
   
   テキストを明朝体にする場合はこのclassを使う
   ```
   <p class="ico ico--left ico--attention">attention</p>
   <p class="ico ico--right ico--angle-up">angle-up</p>
   <p class="ico ico--left ico--angle-right">angle-right</p>
   <p class="ico ico--right ico--angle-bottom">angle-bottom</p>
   <p class="ico ico--left ico--angle-left">angle-left</p>
   <p class="ico ico--left ico--home">home</p>
   ```
   */
   
   /* ==========================================================================
	  ICON FONT
	  Font Awesome http://fontello.com/
	  ========================================================================== */
   
   @font-face {
	   font-family: 'fontello';
	   src: url("../font/fontello/fontello.woff") format("woff"), url("../font/fontello/fontello.ttf") format("truetype");
	   font-weight: normal;
	   font-style: normal;
   }
   
   .ico:hover,
   .ico:focus {
	   text-decoration: none;
   }
   
   .ico::before,
   .ico::after {
	   content: '';
	   font-family: 'fontello';
	   font-style: normal;
	   font-size: 1em;
	   speak: none;
   }
   
   .ico.ico--left::before {
	   margin-right: 0.5em;
   }
   
   .ico.ico--right::after {
	   margin-left: 0.5em;
   }
   
   .ico.ico--left.ico--angle-up::before,
   .ico.ico--right.ico--angle-up::after {
	   content: '\e801';
   }
   
   .ico.ico--left.ico--angle-right::before,
   .ico.ico--right.ico--angle-right::after {
	   content: '\e802';
   }
   
   .ico.ico--left.ico--angle-bottom::before,
   .ico.ico--right.ico--angle-bottom::after {
	   content: '\e803';
   }
   
   .ico.ico--left.ico--angle-left::before,
   .ico.ico--right.ico--angle-left::after {
	   content: '\e804';
   }
   
   .ico.ico--left.ico--home::before,
   .ico.ico--right.ico--home::after {
	   content: '\e805';
   }
   
   .ico.ico--left.ico--twitter::before,
   .ico.ico--right.ico--twitter::after {
	   content: '\e806';
   }
   
   .ico.ico--left.ico--facebook::before,
   .ico.ico--right.ico--facebook::after {
	   content: '\e807';
   }
   
   .ico.ico--left.ico--mail::before,
   .ico.ico--right.ico--mail::after {
	   content: '\e808';
   }
   
   .ico.ico--left.ico--attention::before,
   .ico.ico--right.ico--attention::after {
	   content: '\e809';
   }
   
   .ico.ico--left.ico--location::before,
   .ico.ico--right.ico--location::after {
	   content: '\e80a';
   }
   
   /*
   #styleguide
   マージン
   
   margin-topとmargin-bottomに5pxずつ50pxまで
   ```
   <div class="mt0">テキスト</div>
   <div class="mt5">テキスト</div>
   <div class="mt10">テキスト</div>
   <div class="mt50">テキスト</div>
   ```
   */
   
   /* ==========================================================================
	  IMPORTANT MARGIN
	  ========================================================================== */
   
   .mt0 {
	   margin-top: 0px !important;
   }
   
   .mb0 {
	   margin-bottom: 0px !important;
   }
   
   .mt5 {
	   margin-top: 5px !important;
   }
   
   .mb5 {
	   margin-bottom: 5px !important;
   }
   
   .mt10 {
	   margin-top: 10px !important;
   }
   
   .mb10 {
	   margin-bottom: 10px !important;
   }
   
   .mt15 {
	   margin-top: 15px !important;
   }
   
   .mb15 {
	   margin-bottom: 15px !important;
   }
   
   .mt20 {
	   margin-top: 20px !important;
   }
   
   .mb20 {
	   margin-bottom: 20px !important;
   }
   
   .mt25 {
	   margin-top: 25px !important;
   }
   
   .mb25 {
	   margin-bottom: 25px !important;
   }
   
   .mt30 {
	   margin-top: 30px !important;
   }
   
   .mb30 {
	   margin-bottom: 30px !important;
   }
   
   .mt35 {
	   margin-top: 35px !important;
   }
   
   .mb35 {
	   margin-bottom: 35px !important;
   }
   
   .mt40 {
	   margin-top: 40px !important;
   }
   
   .mb40 {
	   margin-bottom: 40px !important;
   }
   
   .mt45 {
	   margin-top: 45px !important;
   }
   
   .mb45 {
	   margin-bottom: 45px !important;
   }
   
   .mt50 {
	   margin-top: 50px !important;
   }
   
   .mb50 {
	   margin-bottom: 50px !important;
   }
   
   .mt55 {
	   margin-top: 55px !important;
   }
   
   .mb55 {
	   margin-bottom: 55px !important;
   }
   
   .mt60 {
	   margin-top: 60px !important;
   }
   
   .mb60 {
	   margin-bottom: 60px !important;
   }
   
   .mt65 {
	   margin-top: 65px !important;
   }
   
   .mb65 {
	   margin-bottom: 65px !important;
   }
   
   .mt70 {
	   margin-top: 70px !important;
   }
   
   .mb70 {
	   margin-bottom: 70px !important;
   }
   
   /*
   #styleguide
   フォントサイズ
   
   font-sizeを2pxずつ50pxまで
   ```
   <div class="fz12">テキスト</div>
   <div class="fz18">テキスト</div>
   <div class="fz24">テキスト</div>
   <div class="fz30">テキスト</div>
   <div class="fz36">テキスト</div>
   <div class="fz42">テキスト</div>
   ```
   */
   
   /* ==========================================================================
	  IMPORTANT FONT SIZE
	  ========================================================================== */
   
   .fz12 {
	   font-size: 12px !important;
   }
   
   .fz14 {
	   font-size: 14px !important;
   }
   
   .fz16 {
	   font-size: 16px !important;
   }
   
   .fz18 {
	   font-size: 18px !important;
   }
   
   .fz20 {
	   font-size: 20px !important;
   }
   
   .fz22 {
	   font-size: 22px !important;
   }
   
   .fz24 {
	   font-size: 24px !important;
   }
   
   .fz26 {
	   font-size: 26px !important;
   }
   
   .fz28 {
	   font-size: 28px !important;
   }
   
   .fz30 {
	   font-size: 30px !important;
   }
   
   .fz32 {
	   font-size: 32px !important;
   }
   
   .fz34 {
	   font-size: 34px !important;
   }
   
   .fz36 {
	   font-size: 36px !important;
   }
   
   .fz38 {
	   font-size: 38px !important;
   }
   
   .fz40 {
	   font-size: 40px !important;
   }
   
   .fz42 {
	   font-size: 42px !important;
   }
   
   .fz44 {
	   font-size: 44px !important;
   }
   
   .fz46 {
	   font-size: 46px !important;
   }
   
   .fz48 {
	   font-size: 48px !important;
   }
   
   .fz50 {
	   font-size: 50px !important;
   }
   
   /* ==========================================================================
	  IMPORTANT CLASS
	  ========================================================================== */
   
   .small {
	   font-size: 91% !important;
   }
   
   .large {
	   font-size: 120% !important;
   }
   
   .bold {
	   font-weight: bold !important;
   }
   
   .normal {
	   font-weight: normal !important;
   }
   
   .center {
	   text-align: center !important;
   }
   
   .left {
	   text-align: left !important;
   }
   
   .right {
	   text-align: right !important;
   }
   
   .att {
	   color: #ff0000 !important;
   }
   
   .borderNone {
	   border: 0 !important;
   }
   
   .block {
	   display: block !important;
   }
   
   .none {
	   display: none !important;
   }
   
   .show {
	   visibility: visible !important;
   }
   
   .hide {
	   visibility: hidden !important;
   }
   
   .indent {
	   padding-left: 1em !important;
	   text-indent: -1em !important;
   }
   
   .disabled {
	   cursor: default !important;
	   pointer-events: none !important;
	   opacity: .3 !important;
   }
   
   /* ==========================================================================
	  viewportによって改行
	  ========================================================================== */
   
   /* ==========================================================================
	  センターボックス
	  ========================================================================== */
   
   .cb,
   .box__inr,
   .greeting__inr {
	   max-width: 1200px;
	   min-width: 320px;
	   margin-left: auto;
	   margin-right: auto;
	   position: relative;
	   box-sizing: border-box;
   }
   
   /*
   #styleguide
   テーマカラーによるclass
   
   フォントカラーと背景色、ボーダーの色がテーマカラーごとclassに設定される
   テーマカラーはstyle.scssに記述
   !important付きなので使いどころに注意
   
   ```
   <p class="color-theme1 bgColor-theme10 boColor-theme1" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme2 bgColor-theme9 boColor-theme2" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme3 bgColor-theme8 boColor-theme3" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme4 bgColor-theme7 boColor-theme4" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme5 bgColor-theme6 boColor-theme5" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme6 bgColor-theme5 boColor-theme6" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme7 bgColor-theme4 boColor-theme7" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme8 bgColor-theme3 boColor-theme8" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme9 bgColor-theme2 boColor-theme9" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   <p class="color-theme10 bgColor-theme1 boColor-theme10" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
   ```
   */
   
   .color-theme1 {
	   color: #fff !important;
   }
   
   .bgColor-theme1 {
	   background-color: #fff !important;
   }
   
   .boColor-theme1 {
	   border-color: #fff !important;
   }
   
   .color-theme2 {
	   color: #000 !important;
   }
   
   .bgColor-theme2 {
	   background-color: #000 !important;
   }
   
   .boColor-theme2 {
	   border-color: #000 !important;
   }
   
   .color-theme3 {
	   color: #076ab6 !important;
   }
   
   .bgColor-theme3 {
	   background-color: #076ab6 !important;
   }
   
   .boColor-theme3 {
	   border-color: #076ab6 !important;
   }
   
   .color-theme4 {
	   color: #7f8c97 !important;
   }
   
   .bgColor-theme4 {
	   background-color: #7f8c97 !important;
   }
   
   .boColor-theme4 {
	   border-color: #7f8c97 !important;
   }
   
   .color-theme5 {
	   color: #409ade !important;
   }
   
   .bgColor-theme5 {
	   background-color: #409ade !important;
   }
   
   .boColor-theme5 {
	   border-color: #409ade !important;
   }
   
   .color-theme6 {
	   color: #6bb497 !important;
   }
   
   .bgColor-theme6 {
	   background-color: #6bb497 !important;
   }
   
   .boColor-theme6 {
	   border-color: #6bb497 !important;
   }
   
   .color-theme7 {
	   color: #805ec6 !important;
   }
   
   .bgColor-theme7 {
	   background-color: #805ec6 !important;
   }
   
   .boColor-theme7 {
	   border-color: #805ec6 !important;
   }
   
   .color-theme8 {
	   color: #f4ca00 !important;
   }
   
   .bgColor-theme8 {
	   background-color: #f4ca00 !important;
   }
   
   .boColor-theme8 {
	   border-color: #f4ca00 !important;
   }
   
   .color-theme9 {
	   color: #f58830 !important;
   }
   
   .bgColor-theme9 {
	   background-color: #f58830 !important;
   }
   
   .boColor-theme9 {
	   border-color: #f58830 !important;
   }
   
   .color-theme10 {
	   color: #ea819c !important;
   }
   
   .bgColor-theme10 {
	   background-color: #ea819c !important;
   }
   
   .boColor-theme10 {
	   border-color: #ea819c !important;
   }
   
   .color-theme11 {
	   color: #f1f7fc !important;
   }
   
   .bgColor-theme11 {
	   background-color: #f1f7fc !important;
   }
   
   .boColor-theme11 {
	   border-color: #f1f7fc !important;
   }
   
   .color-theme12 {
	   color: #f7f7f7 !important;
   }
   
   .bgColor-theme12 {
	   background-color: #f7f7f7 !important;
   }
   
   .boColor-theme12 {
	   border-color: #f7f7f7 !important;
   }
   
   .color-theme13 {
	   color: #eee !important;
   }
   
   .bgColor-theme13 {
	   background-color: #eee !important;
   }
   
   .boColor-theme13 {
	   border-color: #eee !important;
   }
   
   .color-theme14 {
	   color: #d9ecf5 !important;
   }
   
   .bgColor-theme14 {
	   background-color: #d9ecf5 !important;
   }
   
   .boColor-theme14 {
	   border-color: #d9ecf5 !important;
   }
   
   .color-theme15 {
	   color: #999 !important;
   }
   
   .bgColor-theme15 {
	   background-color: #999 !important;
   }
   
   .boColor-theme15 {
	   border-color: #999 !important;
   }
   
   /* ==========================================================================
	  FORM PARTS
	  ========================================================================== */
   
   .wpcf7 [type="tel"],
   .wpcf7 [type="text"],
   .wpcf7 [type="email"],
   .wpcf7 [type="search"],
   .wpcf7 [type="number"],
   .wpcf7 [type="password"],
   .wpcf7 select,
   .wpcf7 textarea {
	   position: relative;
	   display: inline-block;
	   box-sizing: border-box;
	   font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	   color: #000;
	   -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
   }
   
   .wpcf7 [type="number"] {
	   -moz-appearance: textfield;
   }
   
   .wpcf7 [type="number"]::-webkit-outer-spin-button,
   .wpcf7 [type="number"]::-webkit-inner-spin-button {
	   -webkit-appearance: none;
	   margin: 0;
   }
   
   .wpcf7 [type="tel"],
   .wpcf7 [type="text"],
   .wpcf7 [type="email"],
   .wpcf7 [type="search"],
   .wpcf7 [type="number"],
   .wpcf7 [type="password"],
   .wpcf7 select,
   .wpcf7 textarea {
	   width: 100%;
	   padding: 0.3em 0.5em;
	   font-weight: normal;
	   font-size: 16rem;
	   background-color: #fff;
	   border: 1px solid #ccc;
	   border-radius: 3px;
   }
   
   .wpcf7 [type="tel"].wpcf7c-conf,
   .wpcf7 [type="text"].wpcf7c-conf,
   .wpcf7 [type="email"].wpcf7c-conf,
   .wpcf7 [type="search"].wpcf7c-conf,
   .wpcf7 [type="number"].wpcf7c-conf,
   .wpcf7 [type="password"].wpcf7c-conf,
   .wpcf7 select.wpcf7c-conf,
   .wpcf7 textarea.wpcf7c-conf {
	   background: #fff;
	   border-color: #fff;
   }
   
   .wpcf7 [type="tel"].wpcf7-not-valid,
   .wpcf7 [type="text"].wpcf7-not-valid,
   .wpcf7 [type="email"].wpcf7-not-valid,
   .wpcf7 [type="search"].wpcf7-not-valid,
   .wpcf7 [type="number"].wpcf7-not-valid,
   .wpcf7 [type="password"].wpcf7-not-valid,
   .wpcf7 select.wpcf7-not-valid,
   .wpcf7 textarea.wpcf7-not-valid {
	   background-color: #fbeaea;
	   border-color: #fbeaea;
   }
   
   .wpcf7 ::-webkit-input-placeholder {
	   color: gray;
   }
   
   .wpcf7 ::-moz-placeholder {
	   color: gray;
   }
   
   .wpcf7 :-ms-input-placeholder {
	   color: gray;
   }
   
   .wpcf7 .failed ::-webkit-input-placeholder {
	   color: transparent;
   }
   
   .wpcf7 .failed ::-moz-placeholder {
	   color: transparent;
   }
   
   .wpcf7 .failed :-ms-input-placeholder {
	   color: transparent;
   }
   
   .wpcf7 [type="tel"],
   .wpcf7 [type="text"],
   .wpcf7 [type="email"],
   .wpcf7 [type="search"],
   .wpcf7 [type="number"],
   .wpcf7 [type="password"] {
	   height: 40px;
   }
   
   .wpcf7 textarea {
	   height: 250px;
	   resize: vertical;
   }
   
   .wpcf7 textarea.wpcf7c-conf {
	   height: auto;
	   resize: none;
   }
   
   .wpcf7 .wpcf7-select {
	   height: 40px;
	   padding-right: 2em;
	   background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAASCAQAAACOCCRqAAABB0lEQVR4Aa2RJVhDcRRHL+5EFpGKZKx/H9ILDv3DOes4PeDWw3paxyqSt7gV3C4ud/7knPg/7/dMvqCASskBKikQZ5DHIccEsnY179Uhec7G19B3L6jLWNVxgb675mQ6iH4boSlt1UTktwvmOj3GK/prjPaUVRsx9NdXRnMb30CNN/QkNd3coMaNXH/mCmp8pN8U/TyixhUHP5VpXs3Fr0z8nk0knU2JMxjkCTUukvfuAmp8YlCcQy+3qHHzXTXe0ivuoJM4ml7idIp7aCGKpjFKi3iDeq7QZLmiQbxDgDPUyhkB8QeqCZvpMNXiH5QS+p0OUSr+QgHb6Ls7FIj/kMcKq+SJB94AwnI0a8CtEO8AAAAASUVORK5CYII=) right center/23px 9px no-repeat;
	   cursor: pointer;
   }
   
   .wpcf7 .wpcf7-select::-ms-expand {
	   display: none;
   }
   
   .mod_no-matchmedia .wpcf7 .wpcf7-select {
	   padding-right: 0;
	   background-image: none;
   }
   
   .wpcf7 [multiple] {
	   height: auto;
   }
   
   .wpcf7 .wpcf7-list-item {
	   margin-right: 20px;
   }
   
   .wpcf7 .wpcf7-list-item-label {
	   padding-left: 32px;
	   display: inline-block;
	   position: relative;
	   line-height: 21px;
	   font-size: 16rem;
	   cursor: pointer;
   }
   
   .wpcf7 .wpcf7-list-item-label::-moz-selection {
	   background-color: rgba(255, 255, 255, 0);
   }
   
   .wpcf7 .wpcf7-list-item-label::selection {
	   background-color: rgba(255, 255, 255, 0);
   }
   
   .wpcf7 .wpcf7-list-item-label::before,
   .wpcf7 .wpcf7-list-item-label::after {
	   content: '';
	   width: 21px;
	   height: 21px;
	   position: absolute;
	   top: 0;
	   left: 0;
	   display: inline-block;
	   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   }
   
   .wpcf7 .wpcf7-list-item-label::before {
	   background-color: #eee;
	   -ms-transform: scale(1);
	   transform: scale(1);
	   opacity: 1;
   }
   
   .wpcf7 .wpcf7-list-item-label::after {
	   background: 0 0 / 100% no-repeat;
	   -ms-transform: scale(0);
	   transform: scale(0);
	   opacity: 0;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--left {
	   padding-left: 32px;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--left::before,
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--left::after {
	   left: 0;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--right {
	   padding-right: 32px;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--right::before,
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--right::after {
	   right: 0;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--radio::before,
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--radio::after {
	   border-radius: 50%;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--radio::after {
	   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAACOElEQVR4AdXZA4xdQRTG8fVGtWNb5UP0Nk4RG3Vjs25U227j1ApqW1Ftr22f/idZe87Fzpvkt7o5m+9djG6Kpo1ZcD4bY5HAWpzGK/xGaZvfeNV2bC0SbTXZKQE3E3AkItiNXLSgFTKIVrQgt602gpFBBMxGFOchPjmPCLL9CjkZGyAB2YApXkNOwyNIwB5hujbkHORBQpKHubYh56EcErJKzLO53LmQYZKLaYOFHI1nkGH2HGMGCroN4ojt/YWMoBniiGZEeoZMxyWIYy4jvWvQWRBHzWoPmYFdEK3oipty4NoX+ZxbKfVNLYZ8+ldp/maOeQ26Cxkm6Dhtxz5pyUU5euubtLS2Sn/NHDt557tMWXbJy0AwzgRNaEPee1sgQ2333xeaGm3YhAm6TlN8jDNp2zj72qDrTNCztoWxlTeluaVVbJupoVYT9KwJ+tq28MD1L6Jt1GqCvjZBf9kWmqdb26jVBP1lgpbaFjbQ/WgbtZqgpaEHra5rUgcN9dJ/+FuhvvShPkwHlQ+TqnuKr1J3T9Tqu6fQOvxjHjv8nCQYQnNM0LGOT0ryMdb7NK9tSDUPyZe8SmlsbpGa+ibzdJu/ae7JnvYgIxkmzpGeS5HLEMdcQXoyLO6i/a1Et0McsWOgdf0Y9zcg3N/ScX+TzP1tR4uwM/AYErAnmOF113kKNkICshFT/HzZEMNFiE8utP3P7KBf3+QpXt/k6V/f6M/wuC4vxM7iFf6gtM0fvG47tg4JjNOewf+EpEGTVj3H5gAAAABJRU5ErkJggg==);
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--check::before,
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--check::after {
	   border-radius: 3px;
   }
   
   .wpcf7 .wpcf7-list-item-label.wpcf7-list-item-label--check::after {
	   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAOVBMVEUGXbAGXbAGXbAGXbAGXbAGXbAGXbAGXbAAAAAGXbAGXbCDrtgWZ7Xe6fTf6vWCrtcjcLn///8GXbAO4dduAAAAC3RSTlPxJ7EprvKt8wDvKHILHs8AAAChSURBVHgB3dU1GgMxEEPhWWYY3/+wqfI6ffJWAbX+zRRz107FZmq7OdalVGVZozeE9DHU0iksIV9Pr8tRZCY2nMRCtczcoE7muUOdvAvUSqiXUC+hXkLZFy2h7IuWUPZFSiill5TQ/UyskLR6H2+rJBSbUkKxSEWxSEWxSEWxSE2xSE2xSE2xB1JRLFJT8h+02k4x1tLxyWc0N+Pg4TA28wvrW3iyYDuoJAAAAABJRU5ErkJggg==);
   }
   
   .wpcf7 .wpcf7-list-item-label + input + .wpcf7-list-item-label {
	   margin-left: 21px;
   }
   
   .wpcf7 .wpcf7-radio .wpcf7-list-item-label::before,
   .wpcf7 .wpcf7-radio .wpcf7-list-item-label::after {
	   border-radius: 50%;
   }
   
   .wpcf7 .wpcf7-radio .wpcf7-list-item-label::after {
	   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAACOElEQVR4AdXZA4xdQRTG8fVGtWNb5UP0Nk4RG3Vjs25U227j1ApqW1Ftr22f/idZe87Fzpvkt7o5m+9djG6Kpo1ZcD4bY5HAWpzGK/xGaZvfeNV2bC0SbTXZKQE3E3AkItiNXLSgFTKIVrQgt602gpFBBMxGFOchPjmPCLL9CjkZGyAB2YApXkNOwyNIwB5hujbkHORBQpKHubYh56EcErJKzLO53LmQYZKLaYOFHI1nkGH2HGMGCroN4ojt/YWMoBniiGZEeoZMxyWIYy4jvWvQWRBHzWoPmYFdEK3oipty4NoX+ZxbKfVNLYZ8+ldp/maOeQ26Cxkm6Dhtxz5pyUU5euubtLS2Sn/NHDt557tMWXbJy0AwzgRNaEPee1sgQ2333xeaGm3YhAm6TlN8jDNp2zj72qDrTNCztoWxlTeluaVVbJupoVYT9KwJ+tq28MD1L6Jt1GqCvjZBf9kWmqdb26jVBP1lgpbaFjbQ/WgbtZqgpaEHra5rUgcN9dJ/+FuhvvShPkwHlQ+TqnuKr1J3T9Tqu6fQOvxjHjv8nCQYQnNM0LGOT0ryMdb7NK9tSDUPyZe8SmlsbpGa+ibzdJu/ae7JnvYgIxkmzpGeS5HLEMdcQXoyLO6i/a1Et0McsWOgdf0Y9zcg3N/ScX+TzP1tR4uwM/AYErAnmOF113kKNkICshFT/HzZEMNFiE8utP3P7KBf3+QpXt/k6V/f6M/wuC4vxM7iFf6gtM0fvG47tg4JjNOewf+EpEGTVj3H5gAAAABJRU5ErkJggg==);
   }
   
   .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label::before,
   .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label::after {
	   border-radius: 3px;
   }
   
   .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label::after {
	   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAOVBMVEUGXbAGXbAGXbAGXbAGXbAGXbAGXbAGXbAAAAAGXbAGXbCDrtgWZ7Xe6fTf6vWCrtcjcLn///8GXbAO4dduAAAAC3RSTlPxJ7EprvKt8wDvKHILHs8AAAChSURBVHgB3dU1GgMxEEPhWWYY3/+wqfI6ffJWAbX+zRRz107FZmq7OdalVGVZozeE9DHU0iksIV9Pr8tRZCY2nMRCtczcoE7muUOdvAvUSqiXUC+hXkLZFy2h7IuWUPZFSiill5TQ/UyskLR6H2+rJBSbUkKxSEWxSEWxSEWxSE2xSE2xSE2xB1JRLFJT8h+02k4x1tLxyWc0N+Pg4TA28wvrW3iyYDuoJAAAAABJRU5ErkJggg==);
   }
   
   .wpcf7 [type="radio"],
   .wpcf7 [type="checkbox"] {
	   display: none;
   }
   
   .wpcf7 [type="radio"]:checked + .wpcf7-list-item-label::before,
   .wpcf7 [type="checkbox"]:checked + .wpcf7-list-item-label::before {
	   -ms-transform: scale(0);
	   transform: scale(0);
	   opacity: 0;
   }
   
   .wpcf7 [type="radio"]:checked + .wpcf7-list-item-label::after,
   .wpcf7 [type="checkbox"]:checked + .wpcf7-list-item-label::after {
	   -ms-transform: scale(1);
	   transform: scale(1);
	   opacity: 1;
   }
   
   .wpcf7 .wpcf7c-conf + .wpcf7-list-item-label {
	   display: none;
   }
   
   .wpcf7 .wpcf7c-conf-hidden + .wpcf7-list-item-label {
	   padding: 0;
   }
   
   .wpcf7 .wpcf7c-conf-hidden + .wpcf7-list-item-label::before,
   .wpcf7 .wpcf7c-conf-hidden + .wpcf7-list-item-label::after {
	   display: none;
   }
   
   .wpcf7 .wpcf7-not-valid .wpcf7-list-item-label::before {
	   background-color: #fbeaea;
   }
   
   .wpcf7 .wpcf7-submit,
   .wpcf7 .wpcf7-confirm,
   .wpcf7 .wpcf7-back {
	   padding: .9em 1.5em;
	   line-height: 1;
	   font-weight: bold;
	   font-size: 18rem;
	   vertical-align: middle;
	   text-align: center;
	   text-decoration: none;
	   border: 2px solid #fff;
	   border-radius: 35px;
	   transition: all 0.2s ease-in-out;
	   cursor: pointer;
	   -webkit-font-smoothing: antialiased;
   }
   
   .wpcf7 .wpcf7-submit:hover,
   .wpcf7 .wpcf7-submit:focus,
   .wpcf7 .wpcf7-confirm:hover,
   .wpcf7 .wpcf7-confirm:focus,
   .wpcf7 .wpcf7-back:hover,
   .wpcf7 .wpcf7-back:focus {
	   opacity: .7;
   }
   
   .wpcf7 .wpcf7-submit[disabled="disabled"],
   .wpcf7 .wpcf7-confirm[disabled="disabled"],
   .wpcf7 .wpcf7-back[disabled="disabled"] {
	   opacity: 0.3;
	   cursor: default;
   }
   
   .wpcf7 .wpcf7-submit,
   .wpcf7 .wpcf7-confirm {
	   width: 260px;
	   color: #fff;
	   background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAQAAAC5HDVdAAAAxklEQVR4Aa3VJUIAARRF0YE14O7uTsG9YAXXDBGJSKazNdzd3S8F+f2/s4A7Pi/4xSyLgQ5LAMxqYiGs8GvKnwtllX9fTHiD4axjfdDvTSayj/VOlzeZxjHWK63eZD5nWI/UepOl3GDdUulNVvOAdU2hN9nAI9YZ2d5kB69YB6R5k718YO0Q500O84m1TpQ6GK285F3i9Q9F+NrkKF/sG4qUn94dldqfQ53299Wm/cF2iydAO1KT2hmdVg39MgDzgQ5zLCk632KbuEnjUzuuAAAAAElFTkSuQmCC) right center/20px 14px no-repeat;
   }
   
   .wpcf7 .wpcf7-back {
	   width: 140px;
	   position: absolute;
	   top: 0;
	   left: 0;
	   color: #000;
	   background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAQAAAC5HDVdAAAA4ElEQVR4Ac2VNSOGcRRHj24mRjWK+ZnFqmcms/YV5Kyt2qpXvoDVpjvf7sb/We8V57ffDlToZ4o01OgmRJglMlChlQBhYtomGzGNeAh/6ogCRFi8Ev6mK6oRUMu9Ye6ZegRUcGGYc2IhoJQzw5yXZgSUcGqYC9CFgHyODXMhehGQzS5hQ6MIyGDVZm4cAWnM2szNynZ43GZulQz4VwbTmNNNGTJY02wKQDZ7mmMDkM+J5mCjv3oAZbrHAaBS93wB1OkeWACLN80XANCIV/NJof9GAXqIPfplMlBjgOnUTkcAKnrDCsgmel8AAAAASUVORK5CYII=) left center/20px 14px no-repeat;
	   border: 2px solid #000;
   }
   
   .wpcf7 .wpcf7-response-output {
	   padding: 0;
   }
   
   .wpcf7 .wpcf7-validation-errors {
	   display: block;
	   font-weight: bold;
	   font-size: 18rem;
	   color: #e45f5f;
	   text-align: center;
	   border: 0;
   }
   
   .wpcf7 .wpcf7-validation-errors::before {
	   content: '\e809';
	   margin-right: .4em;
	   display: inline-block;
	   vertical-align: middle;
	   font-family: 'fontello';
	   font-weight: bold;
	   font-size: 24rem;
	   color: #e45f5f;
	   speak: none;
   }
   
   .wpcf7 .wpcf7-mail-sent-ok {
	   display: none;
   }
   
   .wpcf7 .wpcf7-not-valid-tip {
	   display: block;
	   font-size: 1em;
	   color: #f00;
   }
   
   .wpcf7 .ajax-loader {
	   margin: 0 0 0 -8px !important;
	   position: absolute;
	   top: -20px;
	   left: 50%;
   }
   
   /*
   #styleguide
   グリッドシステム
   
   テキストテキストテキストテキスト
   ```
   <div class="gs">
	   <div class="gs__col gs--lg1 gs--md4 gs--sm6">1</div>
	   <div class="gs__col gs--lg1 gs--md4 gs--sm6">2</div>
	   <div class="gs__col gs--lg1 gs--md4">3</div>
	   <div class="gs__col gs--lg1 gs--md3">4</div>
	   <div class="gs__col gs--lg1 gs--md3">5</div>
	   <div class="gs__col gs--lg1 gs--md3">6</div>
	   <div class="gs__col gs--lg1 gs--md3">7</div>
	   <div class="gs__col gs--lg1 gs--md2">8</div>
	   <div class="gs__col gs--lg1 gs--md3">9</div>
	   <div class="gs__col gs--lg1 gs--md6">10</div>
	   <div class="gs__col gs--lg1 gs--md1">11</div>
	   <div class="gs__col gs--lg1">12</div>
   </div>
   ```
   */
   
   /* ==========================================================================
	  共通 > グリッドシステム
	   <div class="gs">
		   <div class="gs__col"></div>
		   <div class="gs__col"></div>
	   </div>
	   <!-- /.gs -->
	  ========================================================================== */
   
   .gs {
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-wrap: wrap;
	   flex-wrap: wrap;
   }
   
   .gs.gs--center {
	   -ms-flex-pack: center;
	   justify-content: center;
   }
   
   .gs.gs--around {
	   -ms-flex-pack: distribute;
	   justify-content: space-around;
   }
   
   .gs.gs--between {
	   -ms-flex-pack: justify;
	   justify-content: space-between;
   }
   
   .gs.gs--middle {
	   -ms-flex-align: center;
	   align-items: center;
   }
   
   .gs__col {
	   max-width: 100%;
	   min-height: 1px;
	   position: relative;
	   -ms-flex: 0 0 100%;
	   flex: 0 0 100%;
   }
   
   /* ==========================================================================
	  共通 > メニュー ボタン
	   <div id="hamburgerMenu" class="hamburgerMenu">
		   <div class="hamburgerMenu__line"></div>
	   </div>
	   <!-- /.hamburgerMenu -->
	  ========================================================================== */
   
   .hamburgerMenu {
	   width: 58px;
	   height: 58px;
	   position: absolute;
	   top: 3px;
	   right: 0;
	   z-index: 10;
	   display: block;
	   outline: none;
	   -webkit-tap-highlight-color: transparent;
	   cursor: pointer;
	   border: 0;
	   background: 0;
	   -webkit-user-select: none;
	   -moz-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
   }
   
   .hamburgerMenu::before,
   .hamburgerMenu::after {
	   content: '';
	   display: block;
   }
   
   .hamburgerMenu::before,
   .hamburgerMenu::after,
   .hamburgerMenu__line {
	   width: 22px;
	   height: 3px;
	   position: absolute;
	   left: 18px;
	   background-color: #076ab6;
	   transition: all 0.5s linear;
	   border-radius: 1.5px;
   }
   
   .hamburgerMenu::before {
	   top: 19.5px;
   }
   
   .hamburgerMenu__line {
	   top: 27.5px;
   }
   
   .hamburgerMenu::after {
	   top: 35.5px;
   }
   
   .hamburgerMenu.hamburgerMenu--active::before {
	   -ms-transform: translate3d(0, 8px, 0) rotateZ(405deg);
	   transform: translate3d(0, 8px, 0) rotateZ(405deg);
   }
   
   .hamburgerMenu.hamburgerMenu--active .hamburgerMenu__line {
	   opacity: 0;
   }
   
   .hamburgerMenu.hamburgerMenu--active::after {
	   -ms-transform: translate3d(0, -8px, 0) rotateZ(-405deg);
	   transform: translate3d(0, -8px, 0) rotateZ(-405deg);
   }
   
   /* ==========================================================================
	  共通 > ページトップボタン
	  <div id="btnPageTop" class="btnPageTop">
		  <a href="#top" class="js-anchor">ページの先頭へ</a>
	  </div>
	  <!-- .btnPageTop -->
	  ========================================================================== */
   
   .btnPageTop {
	   position: fixed;
	   right: -58px;
	   bottom: 28px;
	   -ms-transform: rotate(180deg);
	   transform: rotate(180deg);
	   transition: all 0.5s ease-in-out;
	   z-index: 10;
   }
   
   .btnPageTop a {
	   width: 58px;
	   height: 58px;
	   position: relative;
	   display: block;
	   text-indent: 110%;
	   white-space: nowrap;
	   overflow: hidden;
	   text-decoration: none;
	   outline: 0;
	   transition: opacity 0.2s ease-in-out;
   }
   
   .btnPageTop a:hover,
   .btnPageTop a:focus {
	   opacity: 0.5;
   }
   
   .btnPageTop a::before {
	   content: '\e801';
	   width: 58px;
	   height: 58px;
	   line-height: 53px;
	   font-family: 'fontello';
	   font-size: 42rem;
	   color: #fff;
	   text-indent: 0;
	   text-align: center;
	   position: absolute;
	   top: 0;
	   left: 0;
	   background-color: rgba(0, 0, 0, 0.4);
	   border-radius: 29px;
   }
   
   .btnPageTop.btnPageTop--active {
	   right: 30px;
	   -ms-transform: rotate(0deg);
	   transform: rotate(0deg);
   }
   
   /*
   #styleguide
   パンくずリスト
   
   テキストテキストテキストテキスト
   ```
   <div class="breadcrumb">
	   <div class="breadcrumb__inr">
		   <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="ico ico--left ico--home">
			   <a href="../" itemprop="url">
				   <span itemprop="title">ホーム</span>
			   </a>&nbsp;&gt;&nbsp;
		   </span>
		   <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
			   <a href="../" itemprop="url">
				   <span itemprop="title">下層ページ</span>
			   </a>
		   </span>
	   </div>
	   <!-- /.breadcrumb__inr -->
   </div>
   <!-- /.breadcrumb -->
   
   <div class="breadcrumb breadcrumb--lower">
	   <div class="breadcrumb__inr">
		   <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="ico ico--left ico--home">
			   <a href="../" itemprop="url">
				   <span itemprop="title">ホーム</span>
			   </a>&nbsp;&gt;&nbsp;
		   </span>
		   <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
			   <a href="../" itemprop="url">
				   <span itemprop="title">下層ページ</span>
			   </a>
		   </span>
	   </div>
	   <!-- /.breadcrumb__inr -->
   </div>
   <!-- /.breadcrumb -->
   ```
   */
   
   /* ==========================================================================
	  共通 > パンくずリスト
	   <div class="breadcrumb">
		   <div class="breadcrumb__inr">
			   <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
				   <a href="../index.html" itemprop="url">
					   <span itemprop="title">ホーム</span>
				   </a>&nbsp;&gt;&nbsp;
			   </span>
		   </div>
		   <!-- /.breadcrumb__inr -->
	   </div>
	   <!-- /.breadcrumb -->
	  ========================================================================== */
   
   .breadcrumb {
	   display: block;
	   font-size: 14rem;
	   text-align: left;
	   color: #fff;
	   background-color: #076ab6;
   }
   
   .breadcrumb__inr {
	   max-width: 1200px;
	   padding: calc(0.8em - (1em * 1.2 - 1em) / 2) 10px;
	   margin: 0 auto;
   }
   
   .breadcrumb a {
	   text-decoration: none;
   }
   
   .breadcrumb a:link,
   .breadcrumb a:visited {
	   color: #fff;
   }
   
   .breadcrumb a:hover,
   .breadcrumb a:focus,
   .breadcrumb a:active {
	   color: #5db5f9;
   }
   
   .breadcrumb.breadcrumb--lower {
	   color: #555;
	   background-color: #fff;
   }
   
   .breadcrumb.breadcrumb--lower .ico {
	   color: #bbb;
   }
   
   .breadcrumb.breadcrumb--lower a:link,
   .breadcrumb.breadcrumb--lower a:visited,
   .breadcrumb.breadcrumb--lower a:hover,
   .breadcrumb.breadcrumb--lower a:focus,
   .breadcrumb.breadcrumb--lower a:active {
	   color: #555;
   }
   
   /*
   #styleguide
   ラベル
   
   テキストテキストテキストテキスト
   ```
   <span class="lbl lbl--required">必須</span>
   <span class="lbl lbl--note">第22回人間情報学会 最優秀賞受賞！</span>
   <span class="lbl lbl--secondary">ラベル</span>
   <span class="lbl lbl--success">ラベル</span>
   <span class="lbl lbl--info">ラベル</span>
   <span class="lbl lbl--warning">ラベル</span>
   <span class="lbl lbl--danger">ラベル</span>
   ```
   */
   
   /* ==========================================================================
	  共通 > ラベル
	  <span class="lbl lbl--xxx">ラベル</span>
	  ========================================================================== */
   
   .lbl {
	   min-width: 3em;
	   margin: 0 .5em;
	   padding: calc(0.2em - (1em * 1.2 - 1em) / 2) 0.3em;
	   display: inline-block;
	   line-height: 1.2;
	   font-weight: bold;
	   font-size: 12px;
	   color: #fff;
	   text-align: center;
	   background-color: #999;
	   border: 1px solid transparent;
	   border-radius: 0.313em;
   }
   
   .lbl.btn--block {
	   width: 100%;
	   display: block;
   }
   
   .lbl.btn--ico {
	   padding-left: 1.8em;
	   padding-right: 1.8em;
   }
   
   .lbl.btn--ico::before,
   .lbl.btn--ico::after {
	   position: absolute;
	   left: 0.3em;
   }
   
   .lbl.lbl--required {
	   padding: calc(0.2em - (1em * 1.2 - 1em) / 2) 0.3em;
	   color: 0;
	   background-color: #cc3333;
	   border-color: #cc3333;
   }
   
   .lbl.lbl--note {
	   padding: calc(0.3em - (1em * 1.2 - 1em) / 2) 0.8em;
	   color: #fff;
	   background-color: #f42f2f;
	   border-color: #f42f2f;
   }
   
   /*
   #styleguide
   ボタン
   
   テキストテキストテキストテキスト
   ```
   <input type="button" value="ボタン" class="btn">
   <input type="submit" value="ボタン" class="btn btn--secondary">
   <input type="submit" value="ボタン" class="btn btn--success">
   <input type="reset" value="ボタン" class="btn btn--info">
   <button class="btn btn--warning btn--ico ico ico--left ico--angle-up">ボタン</button>
   <a href="" class="btn btn--danger ico ico--left ico--attention">ボタン</a>
   <a href="" class="btn btn--block btn--ico ico ico--left ico--angle-up">ボタン</a>
   <button class="btn" disabled>ボタン</button>
   ```
   */
   
   /* ==========================================================================
	  共通 > ボタン
	   <input type="button" value="button" class="btn">
	   <input type="submit" value="submit" class="btn btn--secondary">
	   <input type="reset" value="reset" class="btn btn--info">
	   <button class="btn btn--warning">ボタンダグ</button>
	   <span class="btn btn--danger">span</span>
	   <a href="" class="btn btn--success btn--block">リンク</a>
	  ========================================================================== */
   
   .btn {
	   min-width: 8em;
	   padding: 0.375em 1em;
	   position: relative;
	   display: inline-block;
	   line-height: 1.5;
	   font-weight: bold;
	   font-size: 16rem;
	   color: #fff;
	   text-align: center;
	   text-decoration: none;
	   vertical-align: middle;
	   -webkit-user-select: none;
	   -moz-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
	   overflow: hidden;
	   border-radius: 2.125em;
	   border: 2px solid transparent;
	   cursor: pointer;
	   background-color: #076ab6;
	   -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;
	   transition: all 0.2s ease-in-out;
   }
   
   .btn:link,
   .btn:visited,
   .btn:hover,
   .btn:focus,
   .btn:active {
	   color: #fff;
   }
   
   .btn:hover,
   .btn:focus {
	   color: white;
	   text-decoration: none;
	   background-color: #2c9ff7;
   }
   
   .btn.btn--block {
	   width: 100%;
	   display: block;
   }
   
   .btn.btn--ico {
	   padding-left: 2.5em;
	   padding-right: 2.5em;
   }
   
   .btn.btn--ico::before,
   .btn.btn--ico::after {
	   position: absolute;
	   left: 1em;
   }
   
   .btn.btn--disabled,
   .btn[disabled] {
	   pointer-events: none;
	   cursor: not-allowed;
	   opacity: .3;
   }
   
   .btn.btn--white-outline {
	   color: #fff;
	   background-color: #076ab6;
	   border-color: #fff;
   }
   
   .btn.btn--white-outline:hover,
   .btn.btn--white-outline:focus {
	   color: white;
	   background-color: #2c9ff7;
	   border-color: white;
   }
   
   .btn.btn--contact {
	   color: #fff;
	   background-color: #076ab6;
	   border-color: #076ab6;
	   font-size: 20rem;
   }
   
   .btn.btn--contact:hover,
   .btn.btn--contact:focus {
	   color: white;
	   background-color: #2c9ff7;
	   border-color: #2c9ff7;
   }
   
   .btn.btn--black {
	   color: #fff;
	   background-color: #000;
	   border-color: #000;
   }
   
   .btn.btn--black:hover,
   .btn.btn--black:focus {
	   color: white;
	   background-color: #333333;
	   border-color: #333333;
   }
   
   /*
   #styleguide
   矢印
   
   テキストテキストテキストテキスト
   ```
   <div class="arrow arrow--primary"></div>
   ```
   */
   
   /* ==========================================================================
	  arrow
	  参考: 【cssarrowplease】http://www.cssarrowplease.com/
	  ========================================================================== */
   
   .arrow {
	   position: relative;
   }
   
   .arrow::after {
	   content: '';
	   width: 0;
	   height: 0;
	   position: absolute;
	   pointer-events: none;
	   border-color: transparent;
	   border-style: solid;
   }
   
   .arrow.arrow--primary::after {
	   margin-left: -22.5px;
	   top: 100%;
	   left: 50%;
	   border-top-width: 15px;
	   border-right-width: 22.5px;
	   border-bottom-width: 15px;
	   border-left-width: 22.5px;
	   border-top-color: #28a7e1;
   }
   
   .arrow.arrow--secondary::after {
	   margin-left: -12.5px;
	   top: 100%;
	   left: 50%;
	   border-top-width: 25px;
	   border-right-width: 12.5px;
	   border-bottom-width: 25px;
	   border-left-width: 12.5px;
	   border-top-color: green;
   }
   
   /* ==========================================================================
	  ページ全体
	  ========================================================================== */
   
   .page {
	   padding-top: 65px;
   }
   
   /* ==========================================================================
	  ヘッダー
	  ========================================================================== */
   
   .header {
	   width: 100%;
	   height: 65px;
	   position: fixed;
	   top: 0;
	   left: 0;
	   z-index: 1;
	   background-color: #fff;
   }
   
   .header__inr {
	   position: relative;
   }
   
   .header__logo {
	   width: 164px;
	   position: absolute;
	   top: 11px;
	   left: 15px;
	   z-index: 2;
   }
   
   .header__contact {
	   padding: 25px 20px;
	   border-bottom: 1px solid #ccc;
	   z-index: 1;
   }
   
   .header__contact a {
	   height: 44px;
	   display: block;
	   line-height: 44px;
	   font-weight: bold;
	   color: #fff;
	   text-align: center;
	   background-color: #076ab6;
	   border-radius: 22px;
   }
   
   /* ==========================================================================
	  コンテンツ
	  ========================================================================== */
   
   .contents {
	   position: relative;
	   overflow: hidden;
	   z-index: 0;
   }
   
   .contents .feature {
	   font-feature-settings: 'palt';
   }
   
   .contents__head {
	   width: 100%;
	   height: 100%;
	   padding-top: 20.83333%;
	   position: relative;
	   background: 0 0 / cover no-repeat;
   }
   
   .contents__head.contents__head--greeting {
	   background-image: url(../img/greeting/bg_head.jpg);
   }
   
   .contents__head.contents__head--recruit {
	   background-image: url(../img/recruit/bg_head.jpg);
   }
   
   .contents__head.contents__head--academic {
	   background-image: url(../img/academic/bg_head.jpg);
   }
   
   .contents__ttl {
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   top: 0;
	   left: 0;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -ms-flex-align: center;
	   align-items: center;
   }
   
   .contents__name {
	   font-weight: 300;
	   font-size: 40rem;
	   color: #fff;
	   text-shadow: 0 0 30px black;
	   text-align: center;
   }
   
   .contents__name span {
	   display: block;
	   font-weight: 900;
	   font-size: 18rem;
   }
   
   /* ==========================================================================
	  フッター
	  ========================================================================== */
   
   .footer {
	   color: #fff;
	   background-color: #076ab6;
   }
   
   .footer__inr {
	   padding: 25px 20px;
   }
   
   .footer__head {
	   border-right: 1px solid #83b5db;
   }
   
   .footer__foot {
	   padding: 1.286em 0;
	   font-size: 12rem;
	   text-align: center;
	   background-color: #000;
   }
   
   /* ==========================================================================
	  slideMenu
	  ========================================================================== */
   
   .slideMenu {
	   width: 100%;
	   height: 0;
	   overflow: auto;
	   position: absolute;
	   top: 0;
	   background-color: rgba(0, 0, 0, 0.58);
	   z-index: 2;
	   transition: height 0.2s ease-in-out;
   }
   
   .slideMenu__inr {
	   padding-top: 30px;
	   background-color: #fff;
   }
   
   .slideMenu--active {
	   height: 100vh;
   }
   
   /* ==========================================================================
	  globalNav
	  ========================================================================== */
   
   .globalNav {
	   line-height: 1;
	   padding-bottom: 40px;
	   border-bottom: 1px solid #ccc;
   }
   
   .globalNav__item {
	   display: block;
   }
   
   .globalNav a {
	   padding: 22px 0;
	   display: block;
	   text-align: center;
	   color: #076ab6;
   }
   
   .globalNav a:hover,
   .globalNav a:focus {
	   text-decoration: none;
   }
   
   /* ==========================================================================
	  headNavGrid
	  ========================================================================== */
   
   .headNavGrid {
	   width: 180px;
	   padding: 25px 0;
	   margin: 0 auto;
	   display: table;
   }
   
   .headNavGrid__item {
	   width: 50%;
	   padding-left: 12px;
	   display: table-cell;
	   position: relative;
	   vertical-align: middle;
   }
   
   .headNavGrid__item:first-child {
	   padding: 0 12px 0 0;
   }
   
   .headNavGrid__item:first-child::after {
	   content: '';
	   width: 1px;
	   height: 1.75em;
	   position: absolute;
	   top: 0;
	   right: -3px;
	   -ms-transform: rotate(20deg);
	   transform: rotate(20deg);
	   border: 1px solid #aaa;
	   /* 英語版が完成したらdisplay: none;を消すこと */
   /* 	display: none; */
   }
   
   /* ==========================================================================
	  langNav
	  ========================================================================== */
   
   .langNav {
	   width: 100%;
	   height: 26px;
	   position: relative;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-align: center;
	   align-items: center;
	   font-size: 18rem;
   }
   
   .langNav__item {
	   width: 50%;
   }
   
   .langNav__item a {
	   width: 100%;
	   padding: 0 10px;
	   display: block;
	   font-weight: bold;
	   text-align: center;
	   color: #aaa;
   }
   
   .langNav__item.langNav__item--current a {
	   color: #076ab6;
   }
   
   /* ==========================================================================
	  snsNav
	  ========================================================================== */
   
   .snsNav {
	   position: relative;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-wrap: nowrap;
	   flex-wrap: nowrap;
	   line-height: 1;
	   -ms-flex-pack: center;
	   justify-content: center;
   }
   
   .snsNav__item {
	   font-size: 18rem;
   }
   
   .snsNav__item a {
	   width: 26px;
	   height: 26px;
	   margin: 0 10px;
	   position: relative;
	   display: block;
	   text-indent: 110%;
	   white-space: nowrap;
	   overflow: hidden;
   }
   
   .snsNav__item a::before {
	   content: '';
	   width: 26px;
	   height: 26px;
	   position: absolute;
	   top: 0;
	   left: 0;
	   text-indent: 0;
	   display: block;
	   overflow: hidden;
	   font: normal 18rem/27px "fontello";
	   speak: none;
	   color: #fff;
	   text-align: center;
	   border-radius: 50%;
   }
   
   .snsNav__item.snsNav__item--twitter a::before {
	   content: '\e806';
	   background-color: #598dca;
   }
   
   .snsNav__item.snsNav__item--facebook a::before {
	   content: '\e807';
	   background-color: #3a589b;
   }
   
   /* ==========================================================================
	  footGrid
	  ========================================================================== */
   
   .footGrid__right {
	   border-top: 1px solid #83b5db;
   }
   
   /* ==========================================================================
	  footCompany
	  ========================================================================== */
   
   .footCompany {
	   padding: 0 0 15px 0;
	   font-size: 16rem;
   }
   
   .footCompany__txt {
	   line-height: 1.4;
   }
   
   .footCompany__txt span {
	   font-size: 14rem;
   }
   
   /* ==========================================================================
	  footerNav
	  ========================================================================== */
   
   .footerNav {
	   padding: 10px 0 0 0;
	   font-size: 0;
	   color: #fff;
   }
   
   .footerNav__item {
	   margin-right: 30px;
	   display: inline-block;
	   font-size: 16rem;
   }
   
   .footerNav__item a {
	   line-height: 2;
	   color: #fff;
   }
   
   /* ==========================================================================
	  footSnsNav
	  ========================================================================== */
   
   .footSnsNav {
	   padding: 10px 0 0 0;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-wrap: nowrap;
	   flex-wrap: nowrap;
	   -ms-flex-pack: distribute;
	   justify-content: space-around;
   }
   
   /* ==========================================================================
	  hero
	  ========================================================================== */
   
   .hero {
	   position: relative;
	   transition: opacity 1s ease-in-out;
	   opacity: 0;
   }
   
   .hero__body {
	   width: 310px;
	   height: 120px;
	   position: absolute;
	   left: 0;
	   bottom: 40px;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -ms-flex-align: center;
	   align-items: center;
	   color: #fff;
	   text-align: center;
	   z-index: 1;
	   background-color: rgba(0, 0, 0, 0.4);
   }
   
   .hero__txt-jp {
	   font-weight: 700;
	   font-size: 22rem;
   }
   
   .hero__txt-en {
	   font-weight: 200;
	   font-size: 14rem;
   }
   
   .hero.hero--active {
	   opacity: 1;
   }
   
   /* ==========================================================================
	  bx-slider
	  ========================================================================== */
	.bx-slider {
		position: relative;
	}
	
	.bx-slider__item {

	}

   /* .bx-slider {
	   position: relative;
	   z-index: 0;
   }
   
   .bx-slider__item {
	   width: 100%;
	   height: 100%;
	   padding-top: 93.33333%;
	   position: relative;
	   background: 0 0 / cover no-repeat;
   }
   
   .bx-slider__item.bx-slider__item--img01 {
	   background-image: url(../img/hero/img_hero01-sp.jpg);
   }
   
   .bx-slider__item.bx-slider__item--img02 {
	   background-image: url(../img/hero/img_hero02-sp.jpg);
   }
   
   .bx-slider__item.bx-slider__item--img03 {
	   background-image: url(../img/hero/img_hero03-sp.jpg);
   }
   
   .bx-slider img {
	   display: none;
   } */
   
   /* ==========================================================================
	  box
	  ========================================================================== */
   
   .box__inr {
	   padding: 35px 10px 25px;
   }
   
   .box__head {
	   text-align: center;
   }
   
   .box__ttl {
	   font-size: 22rem;
   }
   
   .box__ttl span {
	   display: block;
	   font-weight: normal;
	   font-size: 12rem;
   }
   
   .box__body {
	   padding-top: 35px;
	   text-align: center;
   }
   
   .box.box--bnr .box__inr {
	   padding-bottom: 0;
   }
   
   .box.box--bnr .box-bnr-1 {
	   padding-bottom: 10px;
   }
   
   .box.box--bnr .box-bnr-2 {
	   padding-top: 10px;
   }
   
   .box.box--news {
	   background-color: #eee;
   }
   
   .box.box--news .box__inr {
	   padding-top: 30px;
	   padding-bottom: 20px;
   }
   
   .box.box--news .box__head {
	   text-align: left;
   }
   
   .box.box--news .box__body {
	   padding-top: 10px;
   }
   
   .box.box--news .box__ttl {
	   font-size: 22rem;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-wrap: nowrap;
	   flex-wrap: nowrap;
	   -ms-flex-align: center;
	   align-items: center;
   }
   
   .box.box--news .box__ttl span {
	   padding-left: .5em;
	   font-size: 14rem;
   }
   
   .box.box--newsDetail {
	   background-color: #fff;
   }
   
   .box.box--services {
	   background-color: #fff;
   }
   
   .box.box--services .box__inr {
	   padding-bottom: 10px;
   }
   
   .box.box--pickup {
	   background-color: #7f8c97;
   }
   
   .box.box--pickup .box__ttl {
	   color: #fff;
   }
   
   .box.box--pickup .box__inr {
	   padding-bottom: 10px;
   }
   
   .box.box--contact {
	   background-color: #fff;
   }
   
   .box.box--contact .box__inr {
	   padding-bottom: 25px;
   }
   
   .box.box--greeting .box__ttl {
	   padding-bottom: 14px;
	   display: inline-block;
	   border-bottom: 4px solid #076ab6;
   }
   
   .box.box--greeting .box__body.box__body--ceo {
	   text-align: left;
   }
   
   .box.box--recruit .box__ttl,
   .box.box--academic .box__ttl {
	   padding-bottom: 14px;
	   display: inline-block;
	   border-bottom: 4px solid #076ab6;
   }
   
   .box.box--recruit .box__body.box__body--ep,
   .box.box--academic .box__body.box__body--ep {
	   padding-top: 0;
   }
   
   .box.box--recruit.box--join,
   .box.box--academic.box--join {
	   background: url(../img/recruit/bg_join.jpg) center center/cover no-repeat;
   }
   
   .box.box--consulting {
	 background-color: #efefef;
   }
   
   .box.box--consulting .box__inr {
	 padding: 20px 0 50px;
   }
   
   .box.box--consulting .box__head {
	 height: 100px;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -ms-flex-align: center;
	 align-items: center;
	 color: #fff;
	 background-color: #f68831;
   }
   
   .box.box--consulting .box__lead {
	 height: 120px;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -ms-flex-align: center;
	 align-items: center;
	 background-color: #c46d26;
	 padding: 0 20px 0;
	 text-align: center;
   }
   
   .box.box--consulting .box__lead p {
	 line-height: 2;
	 font-weight: bold;
	 font-size: 20rem;
	 color: #fff;
   }
   /* ==========================================================================
	  greeting
	  ========================================================================== */
   
   .greeting {
	   overflow: hidden;
	   background-color: #076ab6;
   }
   
   .greeting__inr {
	   height: 1px;
	   min-height: 145px;
	   position: relative;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -ms-flex-align: center;
	   align-items: center;
	   font-weight: 300;
	   font-size: 18rem;
	   color: #fff;
	   text-align: center;
   }
   
   .greeting__inr::before {
	   content: '';
	   width: 156px;
	   height: 132px;
	   position: absolute;
	   right: -20px;
	   bottom: -10px;
	   /* background: url(../img/bg_tokimeki.png) 0 0/cover no-repeat; */
   }
   
   .greeting__inr p {
	   max-width: 100%;
	   position: relative;
	   z-index: 1;
   }
   
   /* ==========================================================================
	  newsList
	  ========================================================================== */
   
   .newsList {
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-wrap: wrap;
	   flex-wrap: wrap;
	   -ms-flex-pack: justify;
	   justify-content: space-between;
   }
   
   .newsList__item {
	   width: 100%;
	   margin: 10px 0;
   }
   
   /* ==========================================================================
	  newsItem
	  ========================================================================== */
   
   .newsItem {
	   height: 100%;
	   position: relative;
	   overflow: hidden;
	   text-align: left;
	   border-radius: 8px;
   }
   
   .newsItem a {
	   height: 100%;
	   position: relative;
	   display: block;
	   background-color: #fff;
   }
   
   .newsItem a:link,
   .newsItem a:visited,
   .newsItem a:hover,
   .newsItem a:focus,
   .newsItem a:active {
	   color: #000;
   }
   
   .newsItem a:hover,
   .newsItem a:focus {
	   text-decoration: none;
	   background-color: #f1f8fe;
   }
   
   .newsItem__inr {
	   height: 110px;
	   padding: 10px;
	   display: table;
   }
   
   .newsItem__img {
	   width: 120px;
	   display: table-cell;
	   vertical-align: top;
	   text-align: center;
   }
   
   .newsItem__img + .newsItem__detail {
	   padding-left: 15px;
   }
   
   .newsItem__detail {
	   padding: 5px 0 0 0;
	   display: table-cell;
	   font-size: 14rem;
	   vertical-align: top;
   }
   
   .newsItem__date {
	   margin-bottom: 10px;
	   display: block;
   }
   
   .newsItem.newsItem--new a::after {
	   content: '';
	   width: 52px;
	   height: 52px;
	   position: absolute;
	   top: 4px;
	   right: 4px;
	   display: block;
	   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAY1BMVEUHarYHarYHarYHarYHarYHarYAAAAHarYHarYHarYHarYHarYHarYYdLs5iMUHarYHarbN4fDu9foHarb///9anM4HarYHaracw+K91+ze6/WszedJkslqptN7sNiLud0ofsDxcBKaAAAAGHRSTlOA//jWjioA/ZgJvQaU///8K///j///1/nF2wi5AAABRklEQVR4AZXQh24EMQgE0CO94WTJXNnmvf//ysxe1FAQCuOi+mzgcJD/5+7+4fGJOTxVlMjzy+uOikre3onK6oMoUdokyOcXkVPODBaqbyKnnAGOEToROeWMQSN0JooVzWWcRFr7q4hCtRvhbmaaIK9mggVrM6yyJMgp7SIdx91csAbIKffbrwHWGEXKcDO2DF555JUON4NZ1CuiRO3GOBKqniGnpMMaIZWOmiCnCFZeg8qGnqFAqVwxaYoCJSMW0a4OpeoismCW1TBmyCnlmew4Algj5JQfIqzbKNI0QV5NwKYbmnQbNEFOtXGRhm0ZYKtkyClmxAx0lRx51QHM12AQmWo2LCIpChR/yVGoPKororoiqiuiuiKqK6K6IqororoiqiuiuiKqK6K6IqororoiqiuiuiKqK6K6IqororoiqiuiuvoBz201Z9BoYzsAAAAASUVORK5CYII=) 0 0/cover no-repeat;
   }
   
   /* ==========================================================================
	  pageIco
	  ========================================================================== */
   
   .pageIco {
	   display: inline-block;
	   line-height: 26px;
   }
   
   .pageIco::before,
   .pageIco::after {
	   width: 26px;
	   height: 26px;
	   display: inline-block;
	   line-height: 26px;
	   font-size: 18rem;
	   color: #fff;
	   text-align: center;
	   background-color: #076ab6;
	   border-radius: 50%;
   }
   
   .pageIco.pageIco--left::before {
	   padding-right: .1em;
   }
   
   .pageIco.pageIco--right::after {
	   padding-left: .1em;
   }
   
   .pageIco.pageIco--left::after,
   .pageIco.pageIco--right::before {
	   display: none;
   }
   
   /* ==========================================================================
	  newsDetail
	  ========================================================================== */
   
   .newsDetail {
	   overflow: hidden;
   }
   
   .newsDetail__head {
	   text-align: left;
   }
   
   .newsDetail__date {
	   font-size: 14rem;
   }
   
   .newsDetail__ttl {
	   margin-top: 20px;
	   font-size: 18rem;
	   text-align: center;
   }
   
   .newsDetail__body {
	   margin-top: 20px;
	   overflow: hidden;
	   text-align: left; /**
	* Unreset CSS
	*
	* Copyright (C) 2016 Kite (ixkaito@gmail.com)
	* License MIT
	* Version 1.0.0
	*
	* Unreset CSS restores browsers' default element styles which are reset by
	* Eric Meyer's Reset CSS, YUI 3 Reset CSS, HTML5 Reset Stylesheet of HTML5
	* Doctor, or Tim Murtaugh's HTML5 Reset.
	*/ /* ==========================================================================
		  WordPress が出力するクラス
		  ========================================================================== */
   }
   
   .newsDetail__body p {
	   margin: 1em 0;
   }
   
   .newsDetail__body blockquote,
   .newsDetail__body figure {
	   margin: 1em 40px;
   }
   
   .newsDetail__body q {
	   quotes: "“" "”" "‘" "’";
   }
   
   .newsDetail__body q:before {
	   content: open-quote;
   }
   
   .newsDetail__body q:after {
	   content: close-quote;
   }
   
   .newsDetail__body hr {
	   border: 1px inset;
	   box-sizing: border-box;
	   margin: 0.5em autl;
   }
   
   .newsDetail__body h1 {
	   font-size: 2em;
	   font-weight: bold;
	   margin: 0.67em 0;
   }
   
   .newsDetail__body h2 {
	   font-size: 1.5em;
	   font-weight: bold;
	   margin: 0.83em 0;
   }
   
   .newsDetail__body h3 {
	   font-size: 1.17em;
	   font-weight: bold;
	   margin: 1em 0;
   }
   
   .newsDetail__body h4 {
	   font-size: 1.00em;
	   font-weight: bold;
	   margin: 1.33em 0;
   }
   
   .newsDetail__body h5 {
	   font-size: 0.83em;
	   font-weight: bold;
	   margin: 1.67em 0;
   }
   
   .newsDetail__body h6 {
	   font-size: 0.67em;
	   font-weight: bold;
	   margin: 2.33em 0;
   }
   
   .newsDetail__body table {
	   border-collapse: separate;
	   border-spacing: 2px;
	   border-color: gray;
   }
   
   .newsDetail__body thead,
   .newsDetail__body tbody,
   .newsDetail__body tfoot,
   .newsDetail__body tr {
	   border-color: inherit;
	   vertical-align: middle;
   }
   
   .newsDetail__body td,
   .newsDetail__body th {
	   padding: 1px;
	   vertical-align: inherit;
   }
   
   .newsDetail__body th {
	   font-weight: bold;
   }
   
   .newsDetail__body caption {
	   text-align: center;
   }
   
   .newsDetail__body ul,
   .newsDetail__body menu {
	   list-style-type: disc;
	   margin: 1em 0;
	   padding: 0 0 0 40px;
   }
   
   .newsDetail__body ol {
	   list-style-type: decimal;
	   margin: 1em 0;
	   padding: 0 0 0 40px;
   }
   
   .newsDetail__body ul ul,
   .newsDetail__body ol ul {
	   list-style-type: circle;
   }
   
   .newsDetail__body ul ul ul,
   .newsDetail__body ul ol ul,
   .newsDetail__body ol ul ul,
   .newsDetail__body ol ol ul {
	   list-style-type: square;
   }
   
   .newsDetail__body dd {
	   margin: 0 0 0 40px;
   }
   
   .newsDetail__body dl {
	   margin: 1em 0;
   }
   
   .newsDetail__body ul ul,
   .newsDetail__body ul ol,
   .newsDetail__body ul menu,
   .newsDetail__body ul dl,
   .newsDetail__body ol ul,
   .newsDetail__body ol ol,
   .newsDetail__body ol menu,
   .newsDetail__body ol dl,
   .newsDetail__body menu ul,
   .newsDetail__body menu ol,
   .newsDetail__body menu menu,
   .newsDetail__body menu dl,
   .newsDetail__body dl ul,
   .newsDetail__body dl ol,
   .newsDetail__body dl menu,
   .newsDetail__body dl dl {
	   margin: 0;
   }
   
   .newsDetail__body legend {
	   padding: 0 2px;
   }
   
   .newsDetail__body fieldset {
	   border-style: groove;
	   border-width: 2px;
	   border: 2px groove ThreeDFace;
	   margin: 0 2px;
	   padding: 0 2px 3px;
	   -webkit-padding-before: 0.35em;
	   -webkit-padding-start: 0.75em;
	   -webkit-padding-end: 0.75em;
	   -webkit-padding-after: 0.625em;
   }
   
   .newsDetail__body ins {
	   background-color: transparent;
	   font-weight: inherit;
	   text-decoration: underline;
   }
   
   .newsDetail__body b,
   .newsDetail__body strong {
	   font-weight: bold;
   }
   
   .newsDetail__body i,
   .newsDetail__body cite,
   .newsDetail__body em,
   .newsDetail__body var,
   .newsDetail__body address,
   .newsDetail__body dfn {
	   font-style: italic;
	   font-weight: inherit;
   }
   
   .newsDetail__body abbr[title],
   .newsDetail__body dfn[title] {
	   border-bottom: 0;
	   cursor: default;
	   font-weight: inherit;
   }
   
   .newsDetail__body tt,
   .newsDetail__body code,
   .newsDetail__body kbd,
   .newsDetail__body samp {
	   font-family: monospace;
	   font-weight: inherit;
   }
   
   .newsDetail__body pre {
	   font-family: monospace;
	   margin: 1em 0;
	   white-space: pre;
   }
   
   .newsDetail__body mark {
	   background-color: yellow;
	   color: black;
	   font-style: normal;
	   font-weight: inherit;
   }
   
   .newsDetail__body big {
	   font-size: larger;
	   font-weight: inherit;
   }
   
   .newsDetail__body small {
	   font-size: smaller;
	   font-weight: inherit;
   }
   
   .newsDetail__body sub,
   .newsDetail__body sup {
	   font-weight: inherit;
	   line-height: inherit;
	   position: static;
   }
   
   .newsDetail__body sub {
	   font-size: smaller;
	   bottom: 0;
	   vertical-align: sub;
   }
   
   .newsDetail__body sup {
	   font-size: smaller;
	   top: 0;
	   vertical-align: super;
   }
   
   .newsDetail__body ruby > rt {
	   font-size: 50%;
   }
   
   .newsDetail__body iframe {
	   border: 2px inset;
   }
   
   .newsDetail__body .aligncenter {
	   display: block;
	   margin-left: auto;
	   margin-right: auto;
   }
   
   .newsDetail__body .alignleft {
	   float: left;
	   margin-right: 1.5em;
   }
   
   .newsDetail__body .alignright {
	   float: right;
	   margin-left: 1.5em;
   }
   
   .newsDetail__body a {
	   text-decoration: underline;
   }
   
   .newsDetail__img {
	   text-align: center;
   }
   
   /* ==========================================================================
	  contactForm
	  ========================================================================== */
   
   .contactForm {
	   margin-top: 20px;
   }
   
   .contactForm__body {
	   text-align: left;
   }
   
   /* ==========================================================================
	  contactMsg
	  ========================================================================== */
   
   .contactMsg.contactMsg--normal {
	   display: block;
   }
   
   .invalid .contactMsg.contactMsg--normal {
	   display: none;
   }
   
   .failed .contactMsg.contactMsg--normal {
	   display: none;
   }
   
   .contactMsg.contactMsg--failed {
	   display: none;
   }
   
   .invalid .contactMsg.contactMsg--failed {
	   display: none;
   }
   
   .failed .contactMsg.contactMsg--failed {
	   display: block;
   }
   
   /* ==========================================================================
	  servicesItem
	  ========================================================================== */
   
   .servicesItems {
	   width: calc(100% + 20px);
	   margin-left: -10px;
   }
   
   .servicesItem {
	   margin: 10px;
	   overflow: hidden;
	   border-radius: 10px;
	   background: 0 0 / cover no-repeat;
   }
   
   .servicesItem__inr {
	   position: relative;
	   width: 100%;
	   height: 100%;
	   padding-top: 100%;
	   position: relative;
   }
   
   .servicesItem a {
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   top: 0;
	   left: 0;
	   display: block;
   }
   
   .servicesItem a:hover,
   .servicesItem a:focus {
	   opacity: .5;
   }
   
   .servicesItem__detail {
	   width: 100%;
	   padding: 15px;
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   color: #fff;
	   background-color: rgba(0, 0, 0, 0.2);
   }
   
   .servicesItem__ttl {
	   margin-bottom: 10px;
	   font-size: 20rem;
   }
   
   .servicesItem.servicesItem--wearable {
	   background-color: #409ade;
	   background-image: url(../img/bg_services-wearable.png);
   }
   
   .servicesItem.servicesItem--media {
	   background-color: #6bb497;
	   background-image: url(../img/bg_services-media.png);
   }
   
   .servicesItem.servicesItem--corporative {
	   background-color: #805ec6;
	   background-image: url(../img/bg_services-corporative.png);
   }
   
   .servicesItem.servicesItem--license {
	   background-color: #f4ca00;
	   background-image: url(../img/bg_services-license.png);
   }
   
   .servicesItem.servicesItem--measurement {
	   background-color: #f58830;
	   background-image: url(../img/bg_services-measurement.png);
   }
   
   .servicesItem.servicesItem--app {
	   background-color: #ea819c;
	   background-image: url(../img/bg_services-app.png);
   }
   
   .servicesItems2 {
	 width: calc(100% + 20px);
	 margin-left: -10px;
   }
   
   .servicesItem2 {
	 margin: 10px;
	 overflow: hidden;
	 border-radius: 10px;
	 background: 0 0 / cover no-repeat;
   }
   
   .servicesItem2__inr {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 padding-top: 65.45455%;
	 position: relative;
   }
   
   .servicesItem2 a {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: block;
   }
   
   .servicesItem2 a:hover, .servicesItem2 a:focus {
	 opacity: .5;
   }
   
   .servicesItem2__detail {
	 width: 100%;
	 padding: 20px 5px;
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 color: #fff;
	 background-color: rgba(0, 0, 0, 0.2);
   }
   
   .servicesItem2__ttl {
	 margin-bottom: 10px;
	 font-size: 24rem;
   }
   
   .servicesItem2--wearable {
	 background-color: #409ade;
	 background-image: url(../img/bg_services2-wearable.png);
   }
   
   .servicesItem2--license {
	 background-color: #f4ca00;
	 background-image: url(../img/bg_services2-license.png);
   }
   
   .servicesItem2--measurement {
	 background-color: #f58830;
	 background-image: url(../img/bg_services2-measurement.png);
   }
   
   .servicesItem2.servicesItem2--promotion {
	 background-color: #6bb497;
	 background-image: url(../img/bg_services2-promotion.png);
   }
   
   /* ==========================================================================
	  pickupItem
	  ========================================================================== */
   
   .pickupItem {
	   margin-top: 10px;
	   overflow: hidden;
   }
   
   .pickupItem__inr {
	   width: 100%;
	   height: 100%;
	   padding-top: 76.05634%;
	   position: relative;
	   overflow: hidden;
   }
   
   .pickupItem a {
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   top: 0;
	   left: 0;
	   display: block;
	   background: 0 0 / cover no-repeat;
   }
   
   .pickupItem a img {
	   display: none;
	   transition: opacity 0.2s ease-in-out;
   }
   
   .pickupItem.pickupItem--cocololo {
	   margin-top: 0;
   }
   
   .pickupItem.pickupItem--cocololo a {
	   background-image: url(../img/bg_cocololo.jpg);
   }
   
   .pickupItem.pickupItem--lifescore a {
	   background-image: url(../img/bg_lifescore.jpg);
   }
   
   .pickupItem.pickupItem--cocololo-pro a {
	   background-image: url(../img/bg_cocololo-pro.jpg);
   }
   
   .pickupItem.pickupItem--winfrontire a {
	   background-image: url(../img/bg_winfrontire.jpg);
   }
   
   /* ==========================================================================
	  contactBtn
	  ========================================================================== */
   
   .contactBtn {
	   width: 100%;
	   margin: 30px auto 0;
   }
   
   /* ==========================================================================
	  404 Not Found
	  ========================================================================== */
   
   .notFound {
	   padding: 100px 0;
	   text-align: center;
   }
   
   .notFound .notFound__ttl {
	   margin-bottom: 30px;
	   font-weight: 300;
	   font-size: 24rem;
   }
   
   .notFound .notFound__ttl b {
	   font-weight: 700;
	   font-size: 40rem;
   }
   
   .notFound .notFound__txt {
	   margin-bottom: 30px;
   }
   
   /* ==========================================================================
	  ページ全体
	  ========================================================================== */
   
   .grt-title {
	   line-height: 1.2;
	   font-size: 26rem;
	   text-align: center;
   }
   
   /* ==========================================================================
	  grt-grid
	  ========================================================================== */
   
   .grt-grid {
	   width: 100%;
	   display: block;
   }
   
   .grt-grid th,
   .grt-grid td {
	   padding: 25px;
	   display: block;
	   text-align: left;
	   border: 1px solid #ccc;
	   border-top-width: 0;
   }
   
   .grt-grid th {
	   width: 100%;
	   background-color: #f5f6f7;
   }
   
   .grt-grid td ul,
   .grt-grid td ol {
	   padding-left: 1em;
   }
   
   .grt-grid td ul {
	   list-style: disc;
   }
   
   .grt-grid td ol {
	   list-style: decimal;
   }
   
   .grt-grid tr:first-child th {
	   border-top-width: 1px;
   }
   
   /* ==========================================================================
	  grt-member
	  ========================================================================== */
   
   .grt-member {
	   width: 100%;
	   padding-top: 40px;
	   padding-bottom: 40px;
	   border-bottom: 1px solid #ccc;
   }
   
   .grt-member:first-child {
	   padding-top: 0;
   }
   
   .grt-member:last-child {
	   padding-bottom: 0;
	   border: 0;
   }
   
   .grt-member__img {
	   width: 100%;
	   text-align: center;
   }
   
   .grt-member__detail {
	   margin-top: 15px;
	   text-align: left;
   }
   
   .grt-member__detail ul {
	   padding-left: 1.5em;
	   list-style: disc;
   }
   
   .grt-member__title {
	   text-align: center;
	   line-height: 1.3;
   }
   
   /* ==========================================================================
	  grt-map
	  ========================================================================== */
   
   .grt-map {
	   padding-top: 40px;
	   padding-bottom: 40px;
	   text-align: left;
	   border-bottom: 1px solid #ccc;
   }
   
   .grt-map:first-child {
	   padding-top: 0;
   }
   
   .grt-map:last-child {
	   padding-bottom: 0;
	   border: 0;
   }
   
   .grt-map__title {
	   font-size: 30px;
   }
   
   .grt-map__title::before {
	   content: '●';
	   position: relative;
	   top: -.3em;
	   color: #076ab6;
	   font-size: 16px;
   }
   
   .grt-map ul {
	   padding-left: 1.5em;
	   list-style: disc;
   }
   
   /* ==========================================================================
	  rec
	  ========================================================================== */
   
   .rec-cond {
	   background-color: #fff;
	   border-radius: 10px;
   }
   
   .rec-cond__inr {
	   padding: 15px;
   }
   
   .rec-cond__title {
	   min-height: 65px;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -ms-flex-align: center;
	   align-items: center;
	   font-size: 20rem;
	   color: #fff;
	   background-color: #409ade;
	   border-radius: 5px;
   }
   
   .rec-cond__body {
	   padding: 10px 0 0;
   }
   
   /* ==========================================================================
	  rec-grid"
	  ========================================================================== */
   
   .rec-grid {
	   width: 100%;
	   display: table;
   }
   
   .rec-grid tr {
	   border-top: 1px solid #ccc;
   }
   
   .rec-grid tr:first-child {
	   border-top-width: 0;
   }
   
   .rec-grid th,
   .rec-grid td {
	   padding: 15px 0;
	   display: block;
	   text-align: left;
   }
   
   .rec-grid th {
	   padding-bottom: 0;
	   color: #888;
   }
   
   /* ==========================================================================
	  rec-stepList
	  ========================================================================== */
   
   .rec-stepList__item {
	   min-height: 90px;
	   margin-top: 30px;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -ms-flex-align: center;
	   align-items: center;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   background-color: #d9ecf5;
	   border-radius: 45px;
   }
   
   .rec-stepList__item:first-child {
	   margin-top: 0;
   }
   
   .rec-stepList__item::after {
	   top: calc(100% + 10px) !important;
   }
   
   /* ==========================================================================
	  rec-joinList
	  ========================================================================== */
   
   .rec-joinList {
	   margin-top: 35px;
	   display: block;
   }
   
   .rec-joinList__item {
	   margin-top: 10px;
	   background-color: #fff;
	   border: 10px solid #fff;
   }
   
   .rec-joinList__item:first-child {
	   margin-top: 0;
   }
   
   .rec-joinList__body {
	   height: 100%;
	   padding: 10px;
	   color: #004c87;
	   border: 2px solid #076ab6;
   }
   
   /* ==========================================================================
	  aca-treatiseList
	  ========================================================================== */
   
   .aca-treatiseList {
	   margin-top: 20px;
   }
   
   .aca-treatiseList__item {
	   margin-top: 15px;
	   text-align: left;
   }
   
   .aca-treatiseList__item a {
	   height: 100%;
	   padding: 15px;
	   position: relative;
	   display: block;
	   color: #000;
	   background-color: #fff;
	   border-radius: 10px;
   }
   
   .aca-treatiseList__item a:hover {
	   text-decoration: none;
	   background-color: #f1f8fe;
   }
   
   .aca-treatiseList__item:first-child {
	   margin-top: 0;
   }
   
   .aca-treatiseList__title::before {
	   content: '';
	   width: 20px;
	   position: absolute;
	   top: 0.8em;
	   left: 0;
	   border-top: 3px solid #076ab6;
   }
   
   .aca-treatiseList .lbl {
	   margin: 0 0 15px;
   }
   
   .aca-treatiseList p {
	   padding-left: 23px;
	   position: relative;
   }
   
   /* ==========================================================================
	  aca-bookList
	  ========================================================================== */
   
   .aca-bookList {
	   width: calc(100% + 16px);
	   margin-left: -8px;
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-pack: start;
	   justify-content: flex-start;
	   -ms-flex-wrap: wrap;
	   flex-wrap: wrap;
   }
   
   .aca-bookList__item {
	   width: calc(100% - 16px);
	   margin: 0 8px 16px;
	   padding: 30px 22px;
	   text-align: center;
	   background-color: #fff;
	   border-radius: 10px;
   }
   
   .aca-bookList__item p {
	   margin-top: 10px;
	   line-height: 1.2;
   }
   
   .aca-bookList__btn {
	   width: 152px;
	   margin: 15px auto 0;
   }
   
   /* ==========================================================================
	  aca-treatiseEntry
	  ========================================================================== */
   
   .aca-treatiseEntry {
	   padding: 0;
   }
   
   .aca-treatiseEntry__head {
	   padding-bottom: 40px;
	   border-bottom: 1px solid #ccc;
   }
   
   .aca-treatiseEntry__title {
	   font-size: 22rem;
	   font-weight: 700;
   }
   
   .aca-treatiseEntry__titleSub {
	   margin-top: 20px;
	   font-size: 20rem;
   }
   
   .aca-treatiseEntry__body {
	   margin-top: 20px;
	   text-align: left;
	   overflow: hidden; /**
	* Unreset CSS
	*
	* Copyright (C) 2016 Kite (ixkaito@gmail.com)
	* License MIT
	* Version 1.0.0
	*
	* Unreset CSS restores browsers' default element styles which are reset by
	* Eric Meyer's Reset CSS, YUI 3 Reset CSS, HTML5 Reset Stylesheet of HTML5
	* Doctor, or Tim Murtaugh's HTML5 Reset.
	*/ /* ==========================================================================
		  WordPress が出力するクラス
		  ========================================================================== */
   }
   
   .aca-treatiseEntry__body p {
	   margin: 1em 0;
   }
   
   .aca-treatiseEntry__body blockquote,
   .aca-treatiseEntry__body figure {
	   margin: 1em 40px;
   }
   
   .aca-treatiseEntry__body q {
	   quotes: "“" "”" "‘" "’";
   }
   
   .aca-treatiseEntry__body q:before {
	   content: open-quote;
   }
   
   .aca-treatiseEntry__body q:after {
	   content: close-quote;
   }
   
   .aca-treatiseEntry__body hr {
	   border: 1px inset;
	   box-sizing: border-box;
	   margin: 0.5em autl;
   }
   
   .aca-treatiseEntry__body h1 {
	   font-size: 2em;
	   font-weight: bold;
	   margin: 0.67em 0;
   }
   
   .aca-treatiseEntry__body h2 {
	   font-size: 1.5em;
	   font-weight: bold;
	   margin: 0.83em 0;
   }
   
   .aca-treatiseEntry__body h3 {
	   font-size: 1.17em;
	   font-weight: bold;
	   margin: 1em 0;
   }
   
   .aca-treatiseEntry__body h4 {
	   font-size: 1.00em;
	   font-weight: bold;
	   margin: 1.33em 0;
   }
   
   .aca-treatiseEntry__body h5 {
	   font-size: 0.83em;
	   font-weight: bold;
	   margin: 1.67em 0;
   }
   
   .aca-treatiseEntry__body h6 {
	   font-size: 0.67em;
	   font-weight: bold;
	   margin: 2.33em 0;
   }
   
   .aca-treatiseEntry__body table {
	   border-collapse: separate;
	   border-spacing: 2px;
	   border-color: gray;
   }
   
   .aca-treatiseEntry__body thead,
   .aca-treatiseEntry__body tbody,
   .aca-treatiseEntry__body tfoot,
   .aca-treatiseEntry__body tr {
	   border-color: inherit;
	   vertical-align: middle;
   }
   
   .aca-treatiseEntry__body td,
   .aca-treatiseEntry__body th {
	   padding: 1px;
	   vertical-align: inherit;
   }
   
   .aca-treatiseEntry__body th {
	   font-weight: bold;
   }
   
   .aca-treatiseEntry__body caption {
	   text-align: center;
   }
   
   .aca-treatiseEntry__body ul,
   .aca-treatiseEntry__body menu {
	   list-style-type: disc;
	   margin: 1em 0;
	   padding: 0 0 0 40px;
   }
   
   .aca-treatiseEntry__body ol {
	   list-style-type: decimal;
	   margin: 1em 0;
	   padding: 0 0 0 40px;
   }
   
   .aca-treatiseEntry__body ul ul,
   .aca-treatiseEntry__body ol ul {
	   list-style-type: circle;
   }
   
   .aca-treatiseEntry__body ul ul ul,
   .aca-treatiseEntry__body ul ol ul,
   .aca-treatiseEntry__body ol ul ul,
   .aca-treatiseEntry__body ol ol ul {
	   list-style-type: square;
   }
   
   .aca-treatiseEntry__body dd {
	   margin: 0 0 0 40px;
   }
   
   .aca-treatiseEntry__body dl {
	   margin: 1em 0;
   }
   
   .aca-treatiseEntry__body ul ul,
   .aca-treatiseEntry__body ul ol,
   .aca-treatiseEntry__body ul menu,
   .aca-treatiseEntry__body ul dl,
   .aca-treatiseEntry__body ol ul,
   .aca-treatiseEntry__body ol ol,
   .aca-treatiseEntry__body ol menu,
   .aca-treatiseEntry__body ol dl,
   .aca-treatiseEntry__body menu ul,
   .aca-treatiseEntry__body menu ol,
   .aca-treatiseEntry__body menu menu,
   .aca-treatiseEntry__body menu dl,
   .aca-treatiseEntry__body dl ul,
   .aca-treatiseEntry__body dl ol,
   .aca-treatiseEntry__body dl menu,
   .aca-treatiseEntry__body dl dl {
	   margin: 0;
   }
   
   .aca-treatiseEntry__body legend {
	   padding: 0 2px;
   }
   
   .aca-treatiseEntry__body fieldset {
	   border-style: groove;
	   border-width: 2px;
	   border: 2px groove ThreeDFace;
	   margin: 0 2px;
	   padding: 0 2px 3px;
	   -webkit-padding-before: 0.35em;
	   -webkit-padding-start: 0.75em;
	   -webkit-padding-end: 0.75em;
	   -webkit-padding-after: 0.625em;
   }
   
   .aca-treatiseEntry__body ins {
	   background-color: transparent;
	   font-weight: inherit;
	   text-decoration: underline;
   }
   
   .aca-treatiseEntry__body b,
   .aca-treatiseEntry__body strong {
	   font-weight: bold;
   }
   
   .aca-treatiseEntry__body i,
   .aca-treatiseEntry__body cite,
   .aca-treatiseEntry__body em,
   .aca-treatiseEntry__body var,
   .aca-treatiseEntry__body address,
   .aca-treatiseEntry__body dfn {
	   font-style: italic;
	   font-weight: inherit;
   }
   
   .aca-treatiseEntry__body abbr[title],
   .aca-treatiseEntry__body dfn[title] {
	   border-bottom: 0;
	   cursor: default;
	   font-weight: inherit;
   }
   
   .aca-treatiseEntry__body tt,
   .aca-treatiseEntry__body code,
   .aca-treatiseEntry__body kbd,
   .aca-treatiseEntry__body samp {
	   font-family: monospace;
	   font-weight: inherit;
   }
   
   .aca-treatiseEntry__body pre {
	   font-family: monospace;
	   margin: 1em 0;
	   white-space: pre;
   }
   
   .aca-treatiseEntry__body mark {
	   background-color: yellow;
	   color: black;
	   font-style: normal;
	   font-weight: inherit;
   }
   
   .aca-treatiseEntry__body big {
	   font-size: larger;
	   font-weight: inherit;
   }
   
   .aca-treatiseEntry__body small {
	   font-size: smaller;
	   font-weight: inherit;
   }
   
   .aca-treatiseEntry__body sub,
   .aca-treatiseEntry__body sup {
	   font-weight: inherit;
	   line-height: inherit;
	   position: static;
   }
   
   .aca-treatiseEntry__body sub {
	   font-size: smaller;
	   bottom: 0;
	   vertical-align: sub;
   }
   
   .aca-treatiseEntry__body sup {
	   font-size: smaller;
	   top: 0;
	   vertical-align: super;
   }
   
   .aca-treatiseEntry__body ruby > rt {
	   font-size: 50%;
   }
   
   .aca-treatiseEntry__body iframe {
	   border: 2px inset;
   }
   
   .aca-treatiseEntry__body .aligncenter {
	   display: block;
	   margin-left: auto;
	   margin-right: auto;
   }
   
   .aca-treatiseEntry__body .alignleft {
	   float: left;
	   margin-right: 1.5em;
   }
   
   .aca-treatiseEntry__body .alignright {
	   float: right;
	   margin-left: 1.5em;
   }
   
   .aca-treatiseEntry__body a {
	   text-decoration: underline;
   }
   
   .aca-treatiseEntry__foot {
	   margin-top: 40px;
   }
   
   .aca-treatiseEntry__foot a {
	   margin: 10px;
   }
   
   /* ==========================================================================
	  btn-back
	  ========================================================================== */
   .btn-back {
	 width: 204px;
	 margin-top: 20px;
   }
   
   .btn-back a {
	 height: 80px;
	 position: relative;
	 display: -ms-flexbox !important;
	 display: flex !important;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -ms-flex-align: center;
	 align-items: center;
	 font-size: 20rem;
	 background-color: #fff;
	 border: 3px solid #a5a5a5;
	 border-radius: 10px;
   }
   
   .btn-back a:link, .btn-back a:visited, .btn-back a:hover, .btn-back a:focus, .btn-back a:active {
	 color: #333;
   }
   
   .btn-back a:hover, .btn-back a:focus {
	 text-decoration: none;
	 opacity: .7;
	 background-color: #fff;
   }
   
   .btn-back a i {
	 position: absolute;
	 top: calc(50% - .5em);
	 left: 20px;
   }
   
   /* ==========================================================================
	  consulting-item
	  ========================================================================== */
   .consulting-item {
	 width: 100%;
	 max-width: 810px;
	 margin: 0 auto;
	 padding: 20px;
   }
   
   .consulting-item a {
	 width: 100%;
	 padding: 20px;
	 display: block;
	 font-weight: bold;
	 line-height: 1.778;
	 font-size: 18rem;
	 background-color: #fff;
   }
   
   .consulting-item a:link, .consulting-item a:visited, .consulting-item a:hover, .consulting-item a:focus, .consulting-item a:active {
	 color: #000;
   }
   
   .consulting-item a:hover, .consulting-item a:focus {
	 text-decoration: none;
	 opacity: .7;
   }
   
   .consulting-item__img {
	 margin-bottom: 15px;
   }
   
   
   @media all and (-ms-high-contrast: none) {
   
   *::-ms-backdrop,
   .lbl {
	   font-family: Meiryo, sans-serif;
   }
   
   *::-ms-backdrop,
   .btn {
	   font-family: Meiryo, sans-serif;
   }
   
   }
   
   @media only screen and (min-width: 544px) {
   
   .br-sm {
	   display: none;
   }
   
   .gs__col.gs--sm1 {
	   max-width: 8.33333%;
	   -ms-flex: 0 0 8.33333%;
	   flex: 0 0 8.33333%;
   }
   
   .gs__col.gs--sm2 {
	   max-width: 16.66667%;
	   -ms-flex: 0 0 16.66667%;
	   flex: 0 0 16.66667%;
   }
   
   .gs__col.gs--sm3 {
	   max-width: 25%;
	   -ms-flex: 0 0 25%;
	   flex: 0 0 25%;
   }
   
   .gs__col.gs--sm4 {
	   max-width: 33.33333%;
	   -ms-flex: 0 0 33.33333%;
	   flex: 0 0 33.33333%;
   }
   
   .gs__col.gs--sm5 {
	   max-width: 41.66667%;
	   -ms-flex: 0 0 41.66667%;
	   flex: 0 0 41.66667%;
   }
   
   .gs__col.gs--sm6 {
	   max-width: 50%;
	   -ms-flex: 0 0 50%;
	   flex: 0 0 50%;
   }
   
   .gs__col.gs--sm7 {
	   max-width: 58.33333%;
	   -ms-flex: 0 0 58.33333%;
	   flex: 0 0 58.33333%;
   }
   
   .gs__col.gs--sm8 {
	   max-width: 66.66667%;
	   -ms-flex: 0 0 66.66667%;
	   flex: 0 0 66.66667%;
   }
   
   .gs__col.gs--sm9 {
	   max-width: 75%;
	   -ms-flex: 0 0 75%;
	   flex: 0 0 75%;
   }
   
   .gs__col.gs--sm10 {
	   max-width: 83.33333%;
	   -ms-flex: 0 0 83.33333%;
	   flex: 0 0 83.33333%;
   }
   
   .gs__col.gs--sm11 {
	   max-width: 91.66667%;
	   -ms-flex: 0 0 91.66667%;
	   flex: 0 0 91.66667%;
   }
   
   .gs__col.gs--sm12 {
	   max-width: 100%;
	   -ms-flex: 0 0 100%;
	   flex: 0 0 100%;
   }
   
   .gs__col.gs--sm-push1 {
	   left: 8.33333%;
   }
   
   .gs__col.gs--sm-push2 {
	   left: 16.66667%;
   }
   
   .gs__col.gs--sm-push3 {
	   left: 25%;
   }
   
   .gs__col.gs--sm-push4 {
	   left: 33.33333%;
   }
   
   .gs__col.gs--sm-push5 {
	   left: 41.66667%;
   }
   
   .gs__col.gs--sm-push6 {
	   left: 50%;
   }
   
   .gs__col.gs--sm-push7 {
	   left: 58.33333%;
   }
   
   .gs__col.gs--sm-push8 {
	   left: 66.66667%;
   }
   
   .gs__col.gs--sm-push9 {
	   left: 75%;
   }
   
   .gs__col.gs--sm-push10 {
	   left: 83.33333%;
   }
   
   .gs__col.gs--sm-push11 {
	   left: 91.66667%;
   }
   
   .gs__col.gs--sm-push12 {
	   left: 100%;
   }
   
   .gs__col.gs--sm-pull1 {
	   right: 8.33333%;
   }
   
   .gs__col.gs--sm-pull2 {
	   right: 16.66667%;
   }
   
   .gs__col.gs--sm-pull3 {
	   right: 25%;
   }
   
   .gs__col.gs--sm-pull4 {
	   right: 33.33333%;
   }
   
   .gs__col.gs--sm-pull5 {
	   right: 41.66667%;
   }
   
   .gs__col.gs--sm-pull6 {
	   right: 50%;
   }
   
   .gs__col.gs--sm-pull7 {
	   right: 58.33333%;
   }
   
   .gs__col.gs--sm-pull8 {
	   right: 66.66667%;
   }
   
   .gs__col.gs--sm-pull9 {
	   right: 75%;
   }
   
   .gs__col.gs--sm-pull10 {
	   right: 83.33333%;
   }
   
   .gs__col.gs--sm-pull11 {
	   right: 91.66667%;
   }
   
   .gs__col.gs--sm-pull12 {
	   right: 100%;
   }
   
   .gs__col.gs--sm-offset1 {
	   margin-left: 8.33333%;
   }
   
   .gs__col.gs--sm-offset2 {
	   margin-left: 16.66667%;
   }
   
   .gs__col.gs--sm-offset3 {
	   margin-left: 25%;
   }
   
   .gs__col.gs--sm-offset4 {
	   margin-left: 33.33333%;
   }
   
   .gs__col.gs--sm-offset5 {
	   margin-left: 41.66667%;
   }
   
   .gs__col.gs--sm-offset6 {
	   margin-left: 50%;
   }
   
   .gs__col.gs--sm-offset7 {
	   margin-left: 58.33333%;
   }
   
   .gs__col.gs--sm-offset8 {
	   margin-left: 66.66667%;
   }
   
   .gs__col.gs--sm-offset9 {
	   margin-left: 75%;
   }
   
   .gs__col.gs--sm-offset10 {
	   margin-left: 83.33333%;
   }
   
   .gs__col.gs--sm-offset11 {
	   margin-left: 91.66667%;
   }
   
   .gs__col.gs--sm-offset12 {
	   margin-left: 100%;
   }
   
   }
   
   @media only screen and (min-width: 768px) {
   
   body {
	   line-height: 1.625;
   }
   
   .br-md {
	   display: none;
   }
   
   .wpcf7 .wpcf7-back {
	   width: 110px;
   }
   
   .gs__col.gs--md1 {
	   max-width: 8.33333%;
	   -ms-flex: 0 0 8.33333%;
	   flex: 0 0 8.33333%;
   }
   
   .gs__col.gs--md2 {
	   max-width: 16.66667%;
	   -ms-flex: 0 0 16.66667%;
	   flex: 0 0 16.66667%;
   }
   
   .gs__col.gs--md3 {
	   max-width: 25%;
	   -ms-flex: 0 0 25%;
	   flex: 0 0 25%;
   }
   
   .gs__col.gs--md4 {
	   max-width: 33.33333%;
	   -ms-flex: 0 0 33.33333%;
	   flex: 0 0 33.33333%;
   }
   
   .gs__col.gs--md5 {
	   max-width: 41.66667%;
	   -ms-flex: 0 0 41.66667%;
	   flex: 0 0 41.66667%;
   }
   
   .gs__col.gs--md6 {
	   max-width: 50%;
	   -ms-flex: 0 0 50%;
	   flex: 0 0 50%;
   }
   
   .gs__col.gs--md7 {
	   max-width: 58.33333%;
	   -ms-flex: 0 0 58.33333%;
	   flex: 0 0 58.33333%;
   }
   
   .gs__col.gs--md8 {
	   max-width: 66.66667%;
	   -ms-flex: 0 0 66.66667%;
	   flex: 0 0 66.66667%;
   }
   
   .gs__col.gs--md9 {
	   max-width: 75%;
	   -ms-flex: 0 0 75%;
	   flex: 0 0 75%;
   }
   
   .gs__col.gs--md10 {
	   max-width: 83.33333%;
	   -ms-flex: 0 0 83.33333%;
	   flex: 0 0 83.33333%;
   }
   
   .gs__col.gs--md11 {
	   max-width: 91.66667%;
	   -ms-flex: 0 0 91.66667%;
	   flex: 0 0 91.66667%;
   }
   
   .gs__col.gs--md12 {
	   max-width: 100%;
	   -ms-flex: 0 0 100%;
	   flex: 0 0 100%;
   }
   
   .gs__col.gs--md-push1 {
	   left: 8.33333%;
   }
   
   .gs__col.gs--md-push2 {
	   left: 16.66667%;
   }
   
   .gs__col.gs--md-push3 {
	   left: 25%;
   }
   
   .gs__col.gs--md-push4 {
	   left: 33.33333%;
   }
   
   .gs__col.gs--md-push5 {
	   left: 41.66667%;
   }
   
   .gs__col.gs--md-push6 {
	   left: 50%;
   }
   
   .gs__col.gs--md-push7 {
	   left: 58.33333%;
   }
   
   .gs__col.gs--md-push8 {
	   left: 66.66667%;
   }
   
   .gs__col.gs--md-push9 {
	   left: 75%;
   }
   
   .gs__col.gs--md-push10 {
	   left: 83.33333%;
   }
   
   .gs__col.gs--md-push11 {
	   left: 91.66667%;
   }
   
   .gs__col.gs--md-push12 {
	   left: 100%;
   }
   
   .gs__col.gs--md-pull1 {
	   right: 8.33333%;
   }
   
   .gs__col.gs--md-pull2 {
	   right: 16.66667%;
   }
   
   .gs__col.gs--md-pull3 {
	   right: 25%;
   }
   
   .gs__col.gs--md-pull4 {
	   right: 33.33333%;
   }
   
   .gs__col.gs--md-pull5 {
	   right: 41.66667%;
   }
   
   .gs__col.gs--md-pull6 {
	   right: 50%;
   }
   
   .gs__col.gs--md-pull7 {
	   right: 58.33333%;
   }
   
   .gs__col.gs--md-pull8 {
	   right: 66.66667%;
   }
   
   .gs__col.gs--md-pull9 {
	   right: 75%;
   }
   
   .gs__col.gs--md-pull10 {
	   right: 83.33333%;
   }
   
   .gs__col.gs--md-pull11 {
	   right: 91.66667%;
   }
   
   .gs__col.gs--md-pull12 {
	   right: 100%;
   }
   
   .gs__col.gs--md-offset1 {
	   margin-left: 8.33333%;
   }
   
   .gs__col.gs--md-offset2 {
	   margin-left: 16.66667%;
   }
   
   .gs__col.gs--md-offset3 {
	   margin-left: 25%;
   }
   
   .gs__col.gs--md-offset4 {
	   margin-left: 33.33333%;
   }
   
   .gs__col.gs--md-offset5 {
	   margin-left: 41.66667%;
   }
   
   .gs__col.gs--md-offset6 {
	   margin-left: 50%;
   }
   
   .gs__col.gs--md-offset7 {
	   margin-left: 58.33333%;
   }
   
   .gs__col.gs--md-offset8 {
	   margin-left: 66.66667%;
   }
   
   .gs__col.gs--md-offset9 {
	   margin-left: 75%;
   }
   
   .gs__col.gs--md-offset10 {
	   margin-left: 83.33333%;
   }
   
   .gs__col.gs--md-offset11 {
	   margin-left: 91.66667%;
   }
   
   .gs__col.gs--md-offset12 {
	   margin-left: 100%;
   }
   
   .breadcrumb__inr {
	   padding-left: 40px;
	   padding-right: 40px;
   }
   
   .footer__inr {
	   padding: 50px 40px;
   }
   
   .footer__foot {
	   font-size: 14rem;
   }
   
   .footGrid {
	   width: 100%;
	   height: 100px;
	   display: table;
   }
   
   .footGrid__left {
	   width: 37.8%;
	   display: table-cell;
	   vertical-align: middle;
   }
   
   .footGrid__right {
	   display: table-cell;
	   border-top: 0;
	   border-left: 1px solid #83b5db;
   }
   
   .footerNav {
	   padding: 0 0 0 5.5%;
   }
   
   .footerNav__item {
	   margin-right: 30px;
	   display: inline-block;
	   font-size: 16rem;
   }
   
   .footerNav__item a {
	   line-height: 1.417;
   }
   
   .footerNav__item a:hover,
   .footerNav__item a:focus {
	   color: #5db5f9;
   }
   
   .footSnsNav {
	   padding: 26px 0 0 5.5%;
	   -ms-flex-pack: start;
	   justify-content: flex-start;
   }
   
   .footSnsNav__item {
	   margin-right: 10px;
   }
   
   .hero__body {
	   width: 517px;
	   height: 189px;
	   margin-left: 0;
	   left: 40px;
	   bottom: 5.17241%;
   }
   
   .hero__txt-jp {
	   line-height: 1.33;
	   font-weight: 700;
	   font-size: 36rem;
   }
   
   .hero__txt-en {
	   font-weight: 200;
	   font-size: 22rem;
   }
   
   .bx-slider {
	   height: 770px;
	   background-color: #afd5e8;
   }

   .bx-slider__item {
	height: 770px;
	position: relative;
   }
   
   .bx-slider__item img {
		width: 2000px;
		max-width: initial;
		position: absolute;
		top: 0;
		left: calc(50% - 1000px);
   }
   
   .box__inr {
	   padding: 70px 40px 0;
   }
   
   .box__ttl {
	   font-size: 30rem;
   }
   
   .box__ttl span {
	   font-size: 16rem;
   }
   
   .box__body {
	   padding-top: 40px;
   }
   
   .box.box--bnr .box__inr {
	   padding-top: 40px;
   }
   
   .box.box--bnr .box-bnr-1 {
	   padding-right: 10px;
      padding-bottom: 0;
   }
   
   .box.box--bnr .box-bnr-2 {
	   padding-left: 10px;
      padding-top: 0;
   }
   
   .box.box--hot .box__inr {
	   padding-top: 35px;
	   padding-bottom: 40px;
   }
   
   .box.box--news .box__inr {
	   padding-bottom: 40px;
   }
   
   .box.box--services {
	   background-color: #fff;
   }
   
   .box.box--services .box__inr {
	   padding-bottom: 40px;
   }
   
   .box.box--pickup .box__inr {
	   padding-bottom: 20px;
   }
   
   .box.box--contact {
	   background-color: #fff;
   }
   
   .box.box--contact .box__inr {
	   padding-bottom: 50px;
   }
   
   .box.box--greeting .box__body {
	   padding-top: 50px;
	   padding-bottom: 80px;
   }
   
   .box.box--greeting .box__body.box__body--ceo {
	   padding-left: 85px;
	   padding-right: 85px;
   }
   
   .box.box--recruit .box__body,
   .box.box--academic .box__body {
	   padding-top: 50px;
	   padding-bottom: 80px;
   }
   
   .greeting__inr {
	   min-height: 192px;
	   font-size: 22rem;
   }
   
   .greeting__inr::before {
	   width: 192px;
	   height: 162px;
	   margin-left: 230px;
	   left: 50%;
	   right: auto;
	   bottom: 13px;
   }
   
   .newsList__item {
	   width: calc(50% - 10px);
   }
   
   .newsDetail {
	   margin-top: 40px;
	   padding: 0 70px;
   }
   
   .newsDetail__ttl {
	   margin-top: 40px;
   }
   
   .newsDetail__body {
	   margin-top: 40px;
   }
   
   .contactForm {
	   width: 688px;
	   margin: 60px auto 0; /*
		   &__body {
			   margin-top: 40px;
		   }
   */
   }
   
   .pickupItem {
	   margin-top: 0;
   }
   
   .pickupItem__inr {
	   padding: 0;
   }
   
   .pickupItem a {
	   width: auto;
	   height: auto;
	   position: relative;
   }
   
   .pickupItem a img {
	   display: block;
   }
   
   .pickupItem a:hover img,
   .pickupItem a:focus img {
	   opacity: .5;
   }
   
   .pickupItem.pickupItem--cocololo a,
   .pickupItem.pickupItem--lifescore a,
   .pickupItem.pickupItem--cocololo-pro a,
   .pickupItem.pickupItem--winfrontire a {
	   background-image: none;
   }
   
   .pickupItem.pickupItem--lifescore .pickupItem__inr {
	   padding: 20px 10px 20px 0;
   }
   
   .pickupItem.pickupItem--cocololo-pro .pickupItem__inr {
	   padding: 20px 0 20px 10px;
   }
   
   .contactBtn {
	   width: 500px;
   }
   
   .notFound {
	   padding: 300px 0;
   }
   
   .grt-title {
	   font-size: 26rem;
   }
   
   .grt-grid {
	   display: table;
	   table-layout: fixed;
   }
   
   .grt-grid th,
   .grt-grid td {
	   display: table-cell;
	   border-top-width: 1px;
   }
   
   .grt-grid th {
	   width: 25%;
   }
   
   .grt-member {
	   display: table;
   }
   
   .grt-member__img {
	   width: 200px;
	   display: table-cell;
	   text-align: left;
   }
   
   .grt-member__detail {
	   margin-top: 0;
	   padding-left: 30px;
	   vertical-align: top;
	   display: table-cell;
   }
   
   .grt-member__title {
	   text-align: left;
   }
   
   .rec-cond__body {
	   padding: 10px 35px 0;
   }
   
   .rec-grid {
	   display: table;
	   table-layout: fixed;
   }
   
   .rec-grid th,
   .rec-grid td {
	   display: table-cell;
   }
   
   .rec-grid th {
	   width: 20%;
   }
   
   .rec-joinList {
	   display: -ms-flexbox;
	   display: flex;
	   -ms-flex-pack: justify;
	   justify-content: space-between;
	   -ms-flex-align: center;
	   align-items: center;
   }
   
   .rec-joinList__item {
	   width: calc(50% - 10px);
	   margin-top: 0;
	   -ms-flex-item-align: stretch;
	   -ms-grid-row-align: stretch;
	   align-self: stretch;
   }
   
   .aca-bookList__item {
	   width: calc(50% - 16px);
   }
   
   .aca-treatiseEntry {
	   padding: 0 85px;
   }
   
   .aca-treatiseEntry__title {
	   font-size: 30rem;
   }
   
   .aca-treatiseEntry__titleSub {
	   font-size: 18rem;
   }
   
   }
   
   @media only screen and (min-width: 1000px) {
   
   .br-lg {
	   display: none;
   }
   
   .gs__col.gs--lg1 {
	   max-width: 8.33333%;
	   -ms-flex: 0 0 8.33333%;
	   flex: 0 0 8.33333%;
   }
   
   .gs__col.gs--lg2 {
	   max-width: 16.66667%;
	   -ms-flex: 0 0 16.66667%;
	   flex: 0 0 16.66667%;
   }
   
   .gs__col.gs--lg3 {
	   max-width: 25%;
	   -ms-flex: 0 0 25%;
	   flex: 0 0 25%;
   }
   
   .gs__col.gs--lg4 {
	   max-width: 33.33333%;
	   -ms-flex: 0 0 33.33333%;
	   flex: 0 0 33.33333%;
   }
   
   .gs__col.gs--lg5 {
	   max-width: 41.66667%;
	   -ms-flex: 0 0 41.66667%;
	   flex: 0 0 41.66667%;
   }
   
   .gs__col.gs--lg6 {
	   max-width: 50%;
	   -ms-flex: 0 0 50%;
	   flex: 0 0 50%;
   }
   
   .gs__col.gs--lg7 {
	   max-width: 58.33333%;
	   -ms-flex: 0 0 58.33333%;
	   flex: 0 0 58.33333%;
   }
   
   .gs__col.gs--lg8 {
	   max-width: 66.66667%;
	   -ms-flex: 0 0 66.66667%;
	   flex: 0 0 66.66667%;
   }
   
   .gs__col.gs--lg9 {
	   max-width: 75%;
	   -ms-flex: 0 0 75%;
	   flex: 0 0 75%;
   }
   
   .gs__col.gs--lg10 {
	   max-width: 83.33333%;
	   -ms-flex: 0 0 83.33333%;
	   flex: 0 0 83.33333%;
   }
   
   .gs__col.gs--lg11 {
	   max-width: 91.66667%;
	   -ms-flex: 0 0 91.66667%;
	   flex: 0 0 91.66667%;
   }
   
   .gs__col.gs--lg12 {
	   max-width: 100%;
	   -ms-flex: 0 0 100%;
	   flex: 0 0 100%;
   }
   
   .gs__col.gs--lg-push1 {
	   left: 8.33333%;
   }
   
   .gs__col.gs--lg-push2 {
	   left: 16.66667%;
   }
   
   .gs__col.gs--lg-push3 {
	   left: 25%;
   }
   
   .gs__col.gs--lg-push4 {
	   left: 33.33333%;
   }
   
   .gs__col.gs--lg-push5 {
	   left: 41.66667%;
   }
   
   .gs__col.gs--lg-push6 {
	   left: 50%;
   }
   
   .gs__col.gs--lg-push7 {
	   left: 58.33333%;
   }
   
   .gs__col.gs--lg-push8 {
	   left: 66.66667%;
   }
   
   .gs__col.gs--lg-push9 {
	   left: 75%;
   }
   
   .gs__col.gs--lg-push10 {
	   left: 83.33333%;
   }
   
   .gs__col.gs--lg-push11 {
	   left: 91.66667%;
   }
   
   .gs__col.gs--lg-push12 {
	   left: 100%;
   }
   
   .gs__col.gs--lg-pull1 {
	   right: 8.33333%;
   }
   
   .gs__col.gs--lg-pull2 {
	   right: 16.66667%;
   }
   
   .gs__col.gs--lg-pull3 {
	   right: 25%;
   }
   
   .gs__col.gs--lg-pull4 {
	   right: 33.33333%;
   }
   
   .gs__col.gs--lg-pull5 {
	   right: 41.66667%;
   }
   
   .gs__col.gs--lg-pull6 {
	   right: 50%;
   }
   
   .gs__col.gs--lg-pull7 {
	   right: 58.33333%;
   }
   
   .gs__col.gs--lg-pull8 {
	   right: 66.66667%;
   }
   
   .gs__col.gs--lg-pull9 {
	   right: 75%;
   }
   
   .gs__col.gs--lg-pull10 {
	   right: 83.33333%;
   }
   
   .gs__col.gs--lg-pull11 {
	   right: 91.66667%;
   }
   
   .gs__col.gs--lg-pull12 {
	   right: 100%;
   }
   
   .gs__col.gs--lg-offset1 {
	   margin-left: 8.33333%;
   }
   
   .gs__col.gs--lg-offset2 {
	   margin-left: 16.66667%;
   }
   
   .gs__col.gs--lg-offset3 {
	   margin-left: 25%;
   }
   
   .gs__col.gs--lg-offset4 {
	   margin-left: 33.33333%;
   }
   
   .gs__col.gs--lg-offset5 {
	   margin-left: 41.66667%;
   }
   
   .gs__col.gs--lg-offset6 {
	   margin-left: 50%;
   }
   
   .gs__col.gs--lg-offset7 {
	   margin-left: 58.33333%;
   }
   
   .gs__col.gs--lg-offset8 {
	   margin-left: 66.66667%;
   }
   
   .gs__col.gs--lg-offset9 {
	   margin-left: 75%;
   }
   
   .gs__col.gs--lg-offset10 {
	   margin-left: 83.33333%;
   }
   
   .gs__col.gs--lg-offset11 {
	   margin-left: 91.66667%;
   }
   
   .gs__col.gs--lg-offset12 {
	   margin-left: 100%;
   }
   
   .hamburgerMenu {
	   display: none;
   }
   
   .page {
	   padding-top: 130px;
   }
   
   .header {
	   height: 130px;
	   transition: height 0.2s ease-in-out;
   }
   
   .header__logo {
	   width: 236px;
	   top: 31px;
	   left: 30px;
	   transition: all 0.2s ease-in-out;
   }
   
   .header__contact {
	   width: 180px;
	   height: 44px;
	   padding: 0;
	   position: absolute;
	   top: 0;
	   right: 0;
   }
   
   .header__contact a {
	   border-radius: 0;
   }
   
   .header__contact a:hover,
   .header__contact a:focus {
	   background-color: #5db5f9;
   }
   
   .header--mini {
	   height: 70px;
   }
   
   .header--mini .header__logo {
	   width: 109px;
	   top: 17px;
	   left: 30px;
   }
   
   .header--mini .header__contact {
	   height: 70px;
   }
   
   .header--mini .header__contact a {
	   height: 70px;
	   line-height: 70px;
   }
   
   .header--mini .header__globalNav {
	   top: 14px;
   }
   
   .slideMenu {
	   width: auto;
	   height: 135px;
	   padding: 0;
	   position: relative;
	   background-color: inherit;
	   z-index: 1;
   }
   
   .globalNav {
	   width: 100%;
	   padding-bottom: 0;
	   position: absolute;
	   top: 40px;
	   left: 0;
	   font-size: 0;
	   text-align: center;
	   border: 0;
	   transition: top 0.2s ease-in-out;
   }
   
   .globalNav__item {
	   display: inline-block;
	   font-size: 16rem;
   }
   
   .globalNav__item.globalNav__item--current a span::before {
	   border-color: #076ab6;
   }
   
   .globalNav__item a {
	   padding: 14px 20px 0;
	   color: #000;
   }
   
   .globalNav__item a:hover span::before,
   .globalNav__item a:focus span::before {
	   border-color: #076ab6;
   }
   
   .globalNav__item span {
	   padding-bottom: 14px;
	   position: relative;
	   display: inline-block;
   }
   
   .globalNav__item span::before {
	   content: '';
	   width: 100%;
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   display: block;
	   border: 2px solid #076ab6;
	   border-radius: 2px;
	   transition: border-color 0.2s ease-in-out;
	   border-color: transparent;
   }
   
   .headNavGrid {
	   padding: 0;
	   position: absolute;
	   top: 8px;
	   right: 190px;
	   transition: all 0.2s ease-in-out;
   }
   
   .langNav {
	   font-size: 16rem;
   }
   
   .langNav__item a:hover,
   .langNav__item a:focus {
	   color: #076ab6;
	   text-decoration: none;
   }
   
   .snsNav {
	   transition: opacity 0.2s ease-in-out;
   }
   
   .snsNav__item {
	   font-size: 16rem;
   }
   
   .snsNav__item a::before {
	   font-size: 16rem;
	   line-height: 27px;
   }
   
   .snsNav__item a:hover,
   .snsNav__item a:focus {
	   opacity: .5;
   }
   
   .footCompany {
	   padding: 0 8.3% 0 0;
   }
   
   .footCompany__txt {
	   white-space: nowrap;
   }
   
   .aca-bookList__item {
	   width: calc(33.33% - 16px);
   }
   
   }
   
   @media only screen and (min-width: 1200px) {
   
   .br-xl {
	   display: none;
   }
   
   .gs__col.gs--xl1 {
	   max-width: 8.33333%;
	   -ms-flex: 0 0 8.33333%;
	   flex: 0 0 8.33333%;
   }
   
   .gs__col.gs--xl2 {
	   max-width: 16.66667%;
	   -ms-flex: 0 0 16.66667%;
	   flex: 0 0 16.66667%;
   }
   
   .gs__col.gs--xl3 {
	   max-width: 25%;
	   -ms-flex: 0 0 25%;
	   flex: 0 0 25%;
   }
   
   .gs__col.gs--xl4 {
	   max-width: 33.33333%;
	   -ms-flex: 0 0 33.33333%;
	   flex: 0 0 33.33333%;
   }
   
   .gs__col.gs--xl5 {
	   max-width: 41.66667%;
	   -ms-flex: 0 0 41.66667%;
	   flex: 0 0 41.66667%;
   }
   
   .gs__col.gs--xl6 {
	   max-width: 50%;
	   -ms-flex: 0 0 50%;
	   flex: 0 0 50%;
   }
   
   .gs__col.gs--xl7 {
	   max-width: 58.33333%;
	   -ms-flex: 0 0 58.33333%;
	   flex: 0 0 58.33333%;
   }
   
   .gs__col.gs--xl8 {
	   max-width: 66.66667%;
	   -ms-flex: 0 0 66.66667%;
	   flex: 0 0 66.66667%;
   }
   
   .gs__col.gs--xl9 {
	   max-width: 75%;
	   -ms-flex: 0 0 75%;
	   flex: 0 0 75%;
   }
   
   .gs__col.gs--xl10 {
	   max-width: 83.33333%;
	   -ms-flex: 0 0 83.33333%;
	   flex: 0 0 83.33333%;
   }
   
   .gs__col.gs--xl11 {
	   max-width: 91.66667%;
	   -ms-flex: 0 0 91.66667%;
	   flex: 0 0 91.66667%;
   }
   
   .gs__col.gs--xl12 {
	   max-width: 100%;
	   -ms-flex: 0 0 100%;
	   flex: 0 0 100%;
   }
   
   .gs__col.gs--xl-push1 {
	   left: 8.33333%;
   }
   
   .gs__col.gs--xl-push2 {
	   left: 16.66667%;
   }
   
   .gs__col.gs--xl-push3 {
	   left: 25%;
   }
   
   .gs__col.gs--xl-push4 {
	   left: 33.33333%;
   }
   
   .gs__col.gs--xl-push5 {
	   left: 41.66667%;
   }
   
   .gs__col.gs--xl-push6 {
	   left: 50%;
   }
   
   .gs__col.gs--xl-push7 {
	   left: 58.33333%;
   }
   
   .gs__col.gs--xl-push8 {
	   left: 66.66667%;
   }
   
   .gs__col.gs--xl-push9 {
	   left: 75%;
   }
   
   .gs__col.gs--xl-push10 {
	   left: 83.33333%;
   }
   
   .gs__col.gs--xl-push11 {
	   left: 91.66667%;
   }
   
   .gs__col.gs--xl-push12 {
	   left: 100%;
   }
   
   .gs__col.gs--xl-pull1 {
	   right: 8.33333%;
   }
   
   .gs__col.gs--xl-pull2 {
	   right: 16.66667%;
   }
   
   .gs__col.gs--xl-pull3 {
	   right: 25%;
   }
   
   .gs__col.gs--xl-pull4 {
	   right: 33.33333%;
   }
   
   .gs__col.gs--xl-pull5 {
	   right: 41.66667%;
   }
   
   .gs__col.gs--xl-pull6 {
	   right: 50%;
   }
   
   .gs__col.gs--xl-pull7 {
	   right: 58.33333%;
   }
   
   .gs__col.gs--xl-pull8 {
	   right: 66.66667%;
   }
   
   .gs__col.gs--xl-pull9 {
	   right: 75%;
   }
   
   .gs__col.gs--xl-pull10 {
	   right: 83.33333%;
   }
   
   .gs__col.gs--xl-pull11 {
	   right: 91.66667%;
   }
   
   .gs__col.gs--xl-pull12 {
	   right: 100%;
   }
   
   .gs__col.gs--xl-offset1 {
	   margin-left: 8.33333%;
   }
   
   .gs__col.gs--xl-offset2 {
	   margin-left: 16.66667%;
   }
   
   .gs__col.gs--xl-offset3 {
	   margin-left: 25%;
   }
   
   .gs__col.gs--xl-offset4 {
	   margin-left: 33.33333%;
   }
   
   .gs__col.gs--xl-offset5 {
	   margin-left: 41.66667%;
   }
   
   .gs__col.gs--xl-offset6 {
	   margin-left: 50%;
   }
   
   .gs__col.gs--xl-offset7 {
	   margin-left: 58.33333%;
   }
   
   .gs__col.gs--xl-offset8 {
	   margin-left: 66.66667%;
   }
   
   .gs__col.gs--xl-offset9 {
	   margin-left: 75%;
   }
   
   .gs__col.gs--xl-offset10 {
	   margin-left: 83.33333%;
   }
   
   .gs__col.gs--xl-offset11 {
	   margin-left: 91.66667%;
   }
   
   .gs__col.gs--xl-offset12 {
	   margin-left: 100%;
   }
   
   .hero__body {
	   margin-left: -560px;
	   left: 50%;
   }
   
   }