@charset "UTF-8";
/* ==================================
※※※※※※※※※※※※※※※※※※※※※※※※
このCSSファイルはSassから生成されています。
編集はSassファイルから行ってください。
※※※※※※※※※※※※※※※※※※※※※※※※
 ==================================*/
*,
::after,
::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html {
 /*  height: 100%; */}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.6em;
 /* height: 100%; */
  min-width: 1080px; }
  @media (max-width: 767px) {
    body {
      min-width: inherit; } }

.subPage #contents-r {
  margin-top: -174px !important;
  padding-top: 174px !important; }

.confirmcheck + span{font-size:120%;font-weight:bold;}
.mw_wp_form_complete{padding-top:150px;margin-top:-150px}


.flex {
  display: flex; }
  @media (max-width: 767px) {
    .flex {
      flex-direction: column; } }

.direction-column {
  flex-direction: column; }

.row-wrap {
  flex-flow: row wrap; }

.subPage .flex {
  justify-content: space-between;
  z-index: 1;
  position: relative; }

.subPage h1, .subPage p {
  z-index: 100;
  position: relative; }

h3.centerStyle, body.company h3, body.about h3, body.specialist h3, body.activities h3, body.service h3, body.service_serch #cont_01 h3,
body.service_serch div#cont_02 h3,
body.service_serch #cont_03 h3,
body.service_serch #cont_04 h3,
body.page-id-22577 h3
 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 20px 0 100px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #333; }
  @media (max-width: 767px) {
    h3.centerStyle, body.company h3, body.page-id-22577 h3, body.about h3, body.specialist h3, body.activities h3, body.service h3, body.service_serch #cont_01 h3,
    body.service_serch div#cont_02 h3,
    body.service_serch #cont_03 h3,
    body.service_serch #cont_04 h3 {
      margin: 50px 0; } }

p {
  margin-bottom: 2px; }

ul {
  /* margin-bottom: 10px;
margin-top: 0;
padding-left:1em; */ }

ol {
  margin-bottom: 10px;
  margin-top: 0;
  padding-left: 1.5em; }

ul li {
  list-style: none; }

li {
  /* margin-bottom:10px; */ }

table {
  font-size: 14px;
  font-size: 0.875rem; }

table,
th,
td {
  border: 1px solid #aaa; }

th {
  background-color: #f5f5f5; }

th,
td {
  padding: 10px; }

a {
  color: #333;
  text-decoration: none; }

a[target="_blank"]::after {
  font-family: "FontAwesome";
  content: "\f08e";
  color: #008cd6;
  display: inline-block;
  margin-left: 5px; }

.addtoany_share_save_container a[target="_blank"]::after {
  display: none; }

a.noIcon[target="_blank"]::after {
  content: none; }

a[href$=".pdf"]:after,
a[href*=".pdf#"]:after {
  content: url(../image/common/icon_pdf.png);
  margin-left: 7px;
  vertical-align: middle;
  margin-top: 2px;
  display: inline-block; }

.arrow a, body.service div#cont_02 ul a,
body.service #cont_03 ul a,
body.service #cont_04 ul a,
body.service #cont_05 ul a,
body.service #cont_06 ul a {
  text-decoration: underline; }

ul.arrow li, body.service div#cont_02 ul li,
body.service #cont_03 ul li,
body.service #cont_04 ul li,
body.service #cont_05 ul li,
body.service #cont_06 ul li {
  text-indent: -1em;
  padding-left: 1em; }
ul.arrow li:before, body.service div#cont_02 ul li:before,
body.service #cont_03 ul li:before,
body.service #cont_04 ul li:before,
body.service #cont_05 ul li:before,
body.service #cont_06 ul li:before {
  content: "\f0da";
  font-family: "FontAwesome";
  color: #008cd6;
  margin-right: 10px; }

a.underline {
  text-decoration: underline; }

#wrap {
  width: 100%;
  min-width: 1080px;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%; }
  @media (max-width: 767px) {
    #wrap {
      min-width: 100%; } }

.inner {
  width: 1080px;
  position: relative;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .inner {
      width: 96%; } }

.indent {
  padding-left: 15px; }

a.btn, .contactWrap .btn {
  display: inline-block;
  text-decoration: none !important;
  color: #008cd6;
  cursor: pointer;
  border: 1px solid #008cd6;
  padding: 15px 30px;
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-family: 'Lato', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 0.875rem; }
  a.btn:after, .contactWrap .btn:after {
    content: "\f061";
    font-family: "FontAwesome";
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 0 0 10px; }
  a.btn:hover, .contactWrap .btn:hover {
    background-color: #008cd6;
    color: #FFF;
    transition: background-color 0.5s 1ms ease-out; }

a.btn_2 {
  display: inline-block;
  text-align: center;
  border: 1px solid #008cd6;
  background-color: #FFF;
  color: #008cd6;
  padding: 20px 30px;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #f4faff;
  text-decoration: none !important; }
  a.btn_2:hover {
    background-color: #008cd6;
    color: #FFF !important; }

.linkLine a,
a.linkLine {
  text-decoration: underline;
  color: #008cd6; }

.leftBox {
  float: left; }
  @media (max-width: 767px) {
    .leftBox {
      float: none; } }

.rightBox {
  float: right; }
  @media (max-width: 767px) {
    .rightBox {
      float: none; } }

#headImage {
  height: 220px;
  width: 100%;
  margin: 0 auto; }

.breadcrumb {
  margin: 0 auto 30px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  width: 1080px; }
  .breadcrumb ul li {
    float: left; }
    .breadcrumb ul li:after {
      content: ">";
      padding: 0 10px; }
    .breadcrumb ul li:last-child:after {
      content: ""; }
  @media (max-width: 767px) {
    .breadcrumb {
      width: 94%;
      margin: 0 auto; } }

@media (max-width: 767px) {
  .spHide {
    display: none; } 
  .inner .textBox a.spHide{display:none!important;}
}

.spShow {
  display: none; }
  @media (max-width: 767px) {
    .spShow {
      display: block; } }

@media (max-width: 767px) {
  table.spTable th,
  table.spTable td {
    display: block; }
  table.spTable th {
    width: 100%;
    padding: 0; } }

.clearfix, .inner, .breadcrumb, .modalBox, #wrap .standardStyle ul.col_2, #wrap .wideStyle h1 ul.col_2, .wideStyle #wrap h1 ul.col_2, #wrap .subPage h1 ul.col_2, .subPage #wrap h1 ul.col_2, #wrap .standardStyle ul.col_3, #wrap .wideStyle h1 ul.col_3, .wideStyle #wrap h1 ul.col_3, #wrap .subPage h1 ul.col_3, .subPage #wrap h1 ul.col_3, header, header nav, body.front .mainImage .inner, body.front #cont_01 .cont_01_1,
body.front #cont_01 .cont_01_2,
body.front #cont_01 .cont_01_3, ul.newsList, ul.newsList li a, body.company #cont_02 .msgBox, body.company #cont_03 .inner, body.company #cont_04 .inner section, body.company #cont_07 .inner section, body.company #cont_07 .inner .adobe, body.about #cont_02 .topBox, body.activities #cont_04 ul, body.service div#cont_02 ul,
body.service #cont_03 ul,
body.service #cont_04 ul,
body.service #cont_05 ul,
body.service #cont_06 ul {
  *zoom: 1; }
  .clearfix:after, .inner:after, .breadcrumb:after, .modalBox:after, #wrap .standardStyle ul.col_2:after, #wrap .wideStyle h1 ul.col_2:after, .wideStyle #wrap h1 ul.col_2:after, #wrap .subPage h1 ul.col_2:after, .subPage #wrap h1 ul.col_2:after, #wrap .standardStyle ul.col_3:after, #wrap .wideStyle h1 ul.col_3:after, .wideStyle #wrap h1 ul.col_3:after, #wrap .subPage h1 ul.col_3:after, .subPage #wrap h1 ul.col_3:after, header:after, header nav:after, body.front .mainImage .inner:after, body.front #cont_01 .cont_01_1:after,
  body.front #cont_01 .cont_01_2:after,
  body.front #cont_01 .cont_01_3:after, ul.newsList:after, ul.newsList li a:after, body.company #cont_02 .msgBox:after, body.company #cont_03 .inner:after, body.company #cont_04 .inner section:after, body.company #cont_07 .inner section:after, body.company #cont_07 .inner .adobe:after, body.about #cont_02 .topBox:after, body.activities #cont_04 ul:after, body.service div#cont_02 ul:after,
  body.service #cont_03 ul:after,
  body.service #cont_04 ul:after,
  body.service #cont_05 ul:after,
  body.service #cont_06 ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

/*■■下書テスト用■■*/
.clearfix, .inner, .breadcrumb, .modalBox, #wrap .standardStyle ul.col_2, #wrap .wideStyle h1 ul.col_2, .wideStyle #wrap h1 ul.col_2, #wrap .subPage h1 ul.col_2, .subPage #wrap h1 ul.col_2, #wrap .standardStyle ul.col_3, #wrap .wideStyle h1 ul.col_3, .wideStyle #wrap h1 ul.col_3, #wrap .subPage h1 ul.col_3, .subPage #wrap h1 ul.col_3, header, header nav, body.front .mainImage .inner, body.front #cont_01 .cont_01_1,
body.front #cont_01 .cont_01_2,
body.front #cont_01 .cont_01_3, ul.newsList, ul.newsList li a, body.page-id-22577 #cont_02 .msgBox, body.page-id-22577 #cont_03 .inner, body.page-id-22577 #cont_04 .inner section, body.page-id-22577 #cont_07 .inner section, body.page-id-22577 #cont_07 .inner .adobe, body.about #cont_02 .topBox, body.activities #cont_04 ul, body.service div#cont_02 ul,
body.service #cont_03 ul,
body.service #cont_04 ul,
body.service #cont_05 ul,
body.service #cont_06 ul {
  *zoom: 1; }
  .clearfix:after, .inner:after, .breadcrumb:after, .modalBox:after, #wrap .standardStyle ul.col_2:after, #wrap .wideStyle h1 ul.col_2:after, .wideStyle #wrap h1 ul.col_2:after, #wrap .subPage h1 ul.col_2:after, .subPage #wrap h1 ul.col_2:after, #wrap .standardStyle ul.col_3:after, #wrap .wideStyle h1 ul.col_3:after, .wideStyle #wrap h1 ul.col_3:after, #wrap .subPage h1 ul.col_3:after, .subPage #wrap h1 ul.col_3:after, header:after, header nav:after, body.front .mainImage .inner:after, body.front #cont_01 .cont_01_1:after,
  body.front #cont_01 .cont_01_2:after,
  body.front #cont_01 .cont_01_3:after, ul.newsList:after, ul.newsList li a:after, body.page-id-22577 #cont_02 .msgBox:after, body.page-id-22577 #cont_03 .inner:after, body.page-id-22577 #cont_04 .inner section:after, body.page-id-22577 #cont_07 .inner section:after, body.page-id-22577 #cont_07 .inner .adobe:after, body.about #cont_02 .topBox:after, body.activities #cont_04 ul:after, body.service div#cont_02 ul:after,
  body.service #cont_03 ul:after,
  body.service #cont_04 ul:after,
  body.service #cont_05 ul:after,
  body.service #cont_06 ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
/*■■ここまで■■*/



.buttonBox {
  text-align: center; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ==================================
  common content
================================== */
/* 各ページ先頭のタイトル */
.headTitle {
  width: 100%;
  height: 220px;
  margin-bottom: 15px;
  text-align: center;
  background-size: cover;
  background-position: bottom center;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); }
  .headTitle h2 {
    font-size: 34px;
    font-size: 2.125rem;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1.2;
    padding-top: 30px; }
  .headTitle p {
    color: #fff;
    margin-top: 20px; }
  @media (max-width: 767px) {
    .headTitle {
      height: 260px; } }

/* 各ページセクション */
div[id^="cont_"] {
  padding: 50px 0 50px; }

.bgMessage {
  background-color: #eaeaea;
  margin: 15px 0 30px; }
  .bgMessage .inner {
    box-sizing: border-box;
    padding: 30px 60px 30px; }
  .bgMessage .textBox {
    color: #FFF;
    background-color: rgba(7, 43, 40, 0.8);
    width: 410px;
    padding: 30px 35px;
    letter-spacing: 0.05em; }
    .bgMessage .textBox h4 {
      font-size: 18px;
      font-size: 1.125rem;
      margin: 0 0 20px;
      border: none;
      padding: 0; }
    .bgMessage .textBox a.btn, .bgMessage .textBox .contactWrap .btn, .contactWrap .bgMessage .textBox .btn {
      color: #FFF;
      border-color: #FFF; }
      .bgMessage .textBox a.btn:hover, .bgMessage .textBox .contactWrap .btn:hover, .contactWrap .bgMessage .textBox .btn:hover {
        color: #333;
        background-color: #fff; }
  @media (max-width: 767px) {
    .bgMessage .inner {
      padding: 20px; }
    .bgMessage .textBox {
      width: 100%;
      padding: 30px 5%; } }

.modalBox {
  padding: 20px; }
  .modalBox div.leftBox {
    width: 48%;
    margin-right: 2%; }
    .modalBox div.leftBox img {
      box-sizing: border-box;
      border: 1px solid #ccc;
      width: 100%; }
  .modalBox div.rightBox {
    width: 50%; }

/*inview
スクロールで上移動+フェードイン*/
.inview-mv01 {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transition: all 0.8s ease 0s; }

.mv01 {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.pagenation {
  text-align: center;
  font-weight: bold;
  margin-top: 30px; }
  .pagenation a,
  .pagenation .current {
    display: inline-block;
    padding: 15px; }
  .pagenation a {
    border: 1px solid #008cd6;
    color: #008cd6;
    text-decoration: none !important; }
  .pagenation a:hover,
  .pagenation .current {
    background-color: #008cd6;
    color: #FFF !important;
    border: 1px solid #008cd6; }
  .pagenation .prev,
  .pagenation .next {
    padding: 15px 30px; }
  .pagenation .prev {
    margin-right: 30px; }
  .pagenation .next {
    margin-left: 30px; }
  .pagenation .next:before {
    content: none; }

h1.standardStyle, .wideStyle h1, #wrap .standardStyle h1, .subPage h1 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  margin: 30px 0 5px;
  line-height: 1.6; }

#wrap .standardStyle, #wrap .wideStyle h1, .wideStyle #wrap h1, #wrap .standardStyle h1, #wrap .subPage h1, .subPage #wrap h1 {
  /* =======================================
     11-0: table responsive style
  ========================================== */ }
  #wrap .standardStyle h2, #wrap .wideStyle h1 h2, .wideStyle #wrap h1 h2, #wrap .subPage h1 h2, .subPage #wrap h1 h2 {
    font-size: 26px;
    font-size: 1.625rem;
    border-left: 5px solid #008cd6;
    padding: 25px 0 20px 15px;
    font-weight: normal;
    margin: 120px 0 20px;
    font-weight: bold;
    line-height: 1.4;
    background-color: #f8f8f8; }
  #wrap .standardStyle h3, #wrap .wideStyle h1 h3, .wideStyle #wrap h1 h3, #wrap .subPage h1 h3, .subPage #wrap h1 h3 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #008cd6;
    font-weight: bold;
    margin: 50px 0 15px;
    border-top: 1px solid #008cd6;
    border-bottom: 1px solid #008cd6;
    padding: 15px 0 10px;
    line-height: 1.4;
    text-align: left; }
  #wrap .standardStyle h4, #wrap .wideStyle h1 h4, .wideStyle #wrap h1 h4, #wrap .subPage h1 h4, .subPage #wrap h1 h4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 30px 0 10px;
    border-left: 1px solid #000;
    padding: 5px 0 5px 20px; }
  #wrap .standardStyle h5, #wrap .wideStyle h1 h5, .wideStyle #wrap h1 h5, #wrap .subPage h1 h5, .subPage #wrap h1 h5 {
    font-size: 16px;
    font-size: 1rem;
    margin: 10px 0 5px; }
  #wrap .standardStyle h6, #wrap .wideStyle h1 h6, .wideStyle #wrap h1 h6, #wrap .subPage h1 h6, .subPage #wrap h1 h6 {
    font-weight: normal;
    text-decoration: underline;
    margin: 10px 0 5px; }
  #wrap .standardStyle h2:first-child, #wrap .wideStyle h1 h2:first-child, .wideStyle #wrap h1 h2:first-child, #wrap .subPage h1 h2:first-child, .subPage #wrap h1 h2:first-child,
  #wrap .standardStyle h3:first-child,
  #wrap .wideStyle h1 h3:first-child,
  .wideStyle #wrap h1 h3:first-child,
  #wrap .subPage h1 h3:first-child,
  .subPage #wrap h1 h3:first-child,
  #wrap .standardStyle h4:first-child,
  #wrap .wideStyle h1 h4:first-child,
  .wideStyle #wrap h1 h4:first-child,
  #wrap .subPage h1 h4:first-child,
  .subPage #wrap h1 h4:first-child,
  #wrap .standardStyle h5:first-child,
  #wrap .wideStyle h1 h5:first-child,
  .wideStyle #wrap h1 h5:first-child,
  #wrap .subPage h1 h5:first-child,
  .subPage #wrap h1 h5:first-child,
  #wrap .standardStyle h6:first-child,
  #wrap .wideStyle h1 h6:first-child,
  .wideStyle #wrap h1 h6:first-child,
  #wrap .subPage h1 h6:first-child,
  .subPage #wrap h1 h6:first-child,
  #wrap .standardStyle h2 + h3,
  #wrap .wideStyle h1 h2 + h3,
  .wideStyle #wrap h1 h2 + h3,
  #wrap .standardStyle h1 h2 + h3,
  #wrap .subPage h1 h2 + h3,
  .subPage #wrap h1 h2 + h3,
  #wrap .standardStyle h2 + h4,
  #wrap .wideStyle h1 h2 + h4,
  .wideStyle #wrap h1 h2 + h4,
  #wrap .standardStyle h1 h2 + h4,
  #wrap .subPage h1 h2 + h4,
  .subPage #wrap h1 h2 + h4,
  #wrap .standardStyle h2 + h5,
  #wrap .wideStyle h1 h2 + h5,
  .wideStyle #wrap h1 h2 + h5,
  #wrap .standardStyle h1 h2 + h5,
  #wrap .subPage h1 h2 + h5,
  .subPage #wrap h1 h2 + h5,
  #wrap .standardStyle h2 + h6,
  #wrap .wideStyle h1 h2 + h6,
  .wideStyle #wrap h1 h2 + h6,
  #wrap .standardStyle h1 h2 + h6,
  #wrap .subPage h1 h2 + h6,
  .subPage #wrap h1 h2 + h6,
  #wrap .standardStyle h3 + h4,
  #wrap .wideStyle h1 h3 + h4,
  .wideStyle #wrap h1 h3 + h4,
  #wrap .standardStyle h1 h3 + h4,
  #wrap .subPage h1 h3 + h4,
  .subPage #wrap h1 h3 + h4,
  #wrap .standardStyle h3 + h5,
  #wrap .wideStyle h1 h3 + h5,
  .wideStyle #wrap h1 h3 + h5,
  #wrap .standardStyle h1 h3 + h5,
  #wrap .subPage h1 h3 + h5,
  .subPage #wrap h1 h3 + h5,
  #wrap .standardStyle h3 + h6,
  #wrap .wideStyle h1 h3 + h6,
  .wideStyle #wrap h1 h3 + h6,
  #wrap .standardStyle h1 h3 + h6,
  #wrap .subPage h1 h3 + h6,
  .subPage #wrap h1 h3 + h6,
  #wrap .standardStyle h4 + h5,
  #wrap .wideStyle h1 h4 + h5,
  .wideStyle #wrap h1 h4 + h5,
  #wrap .standardStyle h1 h4 + h5,
  #wrap .subPage h1 h4 + h5,
  .subPage #wrap h1 h4 + h5,
  #wrap .standardStyle h4 + h6,
  #wrap .wideStyle h1 h4 + h6,
  .wideStyle #wrap h1 h4 + h6,
  #wrap .standardStyle h1 h4 + h6,
  #wrap .subPage h1 h4 + h6,
  .subPage #wrap h1 h4 + h6,
  #wrap .standardStyle h5 + h6,
  #wrap .wideStyle h1 h5 + h6,
  .wideStyle #wrap h1 h5 + h6,
  #wrap .standardStyle h1 h5 + h6,
  #wrap .subPage h1 h5 + h6,
  .subPage #wrap h1 h5 + h6 {
    margin-top: 0; }
  #wrap .standardStyle a, #wrap .wideStyle h1 a, .wideStyle #wrap h1 a, #wrap .subPage h1 a, .subPage #wrap h1 a {
    text-decoration: underline;
    color: #008cd6; }
  #wrap .standardStyle ul > li, #wrap .wideStyle h1 ul > li, .wideStyle #wrap h1 ul > li, #wrap .standardStyle h1 ul > li, #wrap .subPage h1 ul > li, .subPage #wrap h1 ul > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px; }
    #wrap .standardStyle ul > li::before, #wrap .wideStyle h1 ul > li::before, .wideStyle #wrap h1 ul > li::before, #wrap .standardStyle h1 ul > li::before, #wrap .subPage h1 ul > li::before, .subPage #wrap h1 ul > li::before {
      position: absolute;
      top: 0;
      left: 2px;
      font-family: "FontAwesome";
      content: "\f111";
      color: #008cd6;
      font-size: 6px;
      font-size: 0.375rem;
      margin-right: 5px; }
#wrap .standardStyle ul > li > ul{margin-top:5px;}
#wrap .standardStyle ul > li > ul > li > ul{margin-top:1px;}
  #wrap .standardStyle ul > li > ul > li{margin-bottom:10px;}

  #wrap .standardStyle ul > li > ul > li > ul > li{margin-bottom:4px;}
    #wrap .standardStyle ul > li a, #wrap .wideStyle h1 ul > li a, .wideStyle #wrap h1 ul > li a, #wrap .subPage h1 ul > li a, .subPage #wrap h1 ul > li a {
      text-decoration: underline; }
  #wrap .standardStyle li ul, #wrap .wideStyle h1 li ul, .wideStyle #wrap h1 li ul, #wrap .subPage h1 li ul, .subPage #wrap h1 li ul {
    margin-top: 10px; }
  #wrap .standardStyle li li::before, #wrap .wideStyle h1 li li::before, .wideStyle #wrap h1 li li::before, #wrap .subPage h1 li li::before, .subPage #wrap h1 li li::before {
    content: "\f0da";
    left: 8px; font-size:0.9rem;}
#wrap .standardStyle li li li::before{
content: "\02714";
font-size:0.375rem;
}
  #wrap .standardStyle ul.col_2 li, #wrap .wideStyle h1 ul.col_2 li, .wideStyle #wrap h1 ul.col_2 li, #wrap .subPage h1 ul.col_2 li, .subPage #wrap h1 ul.col_2 li {
    float: left;
    width: 49%;
    box-sizing: border-box; }
  #wrap .standardStyle ul.col_3 li, #wrap .wideStyle h1 ul.col_3 li, .wideStyle #wrap h1 ul.col_3 li, #wrap .subPage h1 ul.col_3 li, .subPage #wrap h1 ul.col_3 li {
    float: left;
    width: 33%;
    box-sizing: border-box; }
  #wrap .standardStyle p.tLead, #wrap .wideStyle h1 p.tLead, .wideStyle #wrap h1 p.tLead, #wrap .subPage h1 p.tLead, .subPage #wrap h1 p.tLead {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-bottom: 15px; }
    #wrap .standardStyle p.tLead + h2, #wrap .wideStyle h1 p.tLead + h2, .wideStyle #wrap h1 p.tLead + h2, #wrap .standardStyle h1 p.tLead + h2, #wrap .subPage h1 p.tLead + h2, .subPage #wrap h1 p.tLead + h2, #wrap .standardStyle p.tLead + h3, #wrap .wideStyle h1 p.tLead + h3, .wideStyle #wrap h1 p.tLead + h3, #wrap .standardStyle h1 p.tLead + h3, #wrap .subPage h1 p.tLead + h3, .subPage #wrap h1 p.tLead + h3, #wrap .standardStyle p.tLead + h4, #wrap .wideStyle h1 p.tLead + h4, .wideStyle #wrap h1 p.tLead + h4, #wrap .standardStyle h1 p.tLead + h4, #wrap .subPage h1 p.tLead + h4, .subPage #wrap h1 p.tLead + h4, #wrap .standardStyle p.tLead + h5, #wrap .wideStyle h1 p.tLead + h5, .wideStyle #wrap h1 p.tLead + h5, #wrap .standardStyle h1 p.tLead + h5, #wrap .subPage h1 p.tLead + h5, .subPage #wrap h1 p.tLead + h5, #wrap .standardStyle p.tLead + h6, #wrap .wideStyle h1 p.tLead + h6, .wideStyle #wrap h1 p.tLead + h6, #wrap .standardStyle h1 p.tLead + h6, #wrap .subPage h1 p.tLead + h6, .subPage #wrap h1 p.tLead + h6 {
      margin-top: 0; }
  #wrap .standardStyle .flexBox, #wrap .wideStyle h1 .flexBox, .wideStyle #wrap h1 .flexBox, #wrap .subPage h1 .flexBox, .subPage #wrap h1 .flexBox {
    display: flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between; }
    @media (max-width: 767px) {
      #wrap .standardStyle .flexBox, #wrap .wideStyle h1 .flexBox, .wideStyle #wrap h1 .flexBox, #wrap .subPage h1 .flexBox, .subPage #wrap h1 .flexBox {
        display: block; }
        #wrap .standardStyle .flexBox .w10, #wrap .wideStyle h1 .flexBox .w10, .wideStyle #wrap h1 .flexBox .w10, #wrap .subPage h1 .flexBox .w10, .subPage #wrap h1 .flexBox .w10, #wrap .standardStyle .flexBox .w20, #wrap .wideStyle h1 .flexBox .w20, .wideStyle #wrap h1 .flexBox .w20, #wrap .subPage h1 .flexBox .w20, .subPage #wrap h1 .flexBox .w20, #wrap .standardStyle .flexBox .w30, #wrap .wideStyle h1 .flexBox .w30, .wideStyle #wrap h1 .flexBox .w30, #wrap .subPage h1 .flexBox .w30, .subPage #wrap h1 .flexBox .w30, #wrap .standardStyle .flexBox .w40, #wrap .wideStyle h1 .flexBox .w40, .wideStyle #wrap h1 .flexBox .w40, #wrap .subPage h1 .flexBox .w40, .subPage #wrap h1 .flexBox .w40, #wrap .standardStyle .flexBox .w50, #wrap .wideStyle h1 .flexBox .w50, .wideStyle #wrap h1 .flexBox .w50, #wrap .subPage h1 .flexBox .w50, .subPage #wrap h1 .flexBox .w50, #wrap .standardStyle .flexBox .w60, #wrap .wideStyle h1 .flexBox .w60, .wideStyle #wrap h1 .flexBox .w60, #wrap .subPage h1 .flexBox .w60, .subPage #wrap h1 .flexBox .w60, #wrap .standardStyle .flexBox .w70, #wrap .wideStyle h1 .flexBox .w70, .wideStyle #wrap h1 .flexBox .w70, #wrap .subPage h1 .flexBox .w70, .subPage #wrap h1 .flexBox .w70, #wrap .standardStyle .flexBox .w80, #wrap .wideStyle h1 .flexBox .w80, .wideStyle #wrap h1 .flexBox .w80, #wrap .subPage h1 .flexBox .w80, .subPage #wrap h1 .flexBox .w80, #wrap .standardStyle .flexBox .w90, #wrap .wideStyle h1 .flexBox .w90, .wideStyle #wrap h1 .flexBox .w90, #wrap .subPage h1 .flexBox .w90, .subPage #wrap h1 .flexBox .w90 {
          width: 100%; } }
  #wrap .standardStyle .imageBox, #wrap .wideStyle h1 .imageBox, .wideStyle #wrap h1 .imageBox, #wrap .subPage h1 .imageBox, .subPage #wrap h1 .imageBox {
    text-align: center;
    margin: 30px 0; }
    #wrap .standardStyle .imageBox img.fullSize, #wrap .wideStyle h1 .imageBox img.fullSize, .wideStyle #wrap h1 .imageBox img.fullSize, #wrap .subPage h1 .imageBox img.fullSize, .subPage #wrap h1 .imageBox img.fullSize {
      width: 100%;
      height: auto; }
  #wrap .standardStyle .boxGray, #wrap .wideStyle h1 .boxGray, .wideStyle #wrap h1 .boxGray, #wrap .subPage h1 .boxGray, .subPage #wrap h1 .boxGray,
  #wrap .standardStyle .boxGrey,
  #wrap .wideStyle h1 .boxGrey,
  .wideStyle #wrap h1 .boxGrey,
  #wrap .subPage h1 .boxGrey,
  .subPage #wrap h1 .boxGrey {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0; }
  #wrap .standardStyle .buttonBox, #wrap .wideStyle h1 .buttonBox, .wideStyle #wrap h1 .buttonBox, #wrap .subPage h1 .buttonBox, .subPage #wrap h1 .buttonBox {
    display: flex;
    margin: 50px auto;
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center; }
    #wrap .standardStyle .buttonBox > div, #wrap .wideStyle h1 .buttonBox > div, .wideStyle #wrap h1 .buttonBox > div, #wrap .standardStyle h1 .buttonBox > div, #wrap .subPage h1 .buttonBox > div, .subPage #wrap h1 .buttonBox > div {
      width: 49%;
      margin: 0 0.5%; }
    #wrap .standardStyle .buttonBox .btn, #wrap .wideStyle h1 .buttonBox .btn, .wideStyle #wrap h1 .buttonBox .btn, #wrap .subPage h1 .buttonBox .btn, .subPage #wrap h1 .buttonBox .btn {
      margin-top: 0;
      box-sizing: border-box;
      width: 100%;
      padding: 25px 0;
      text-decoration: none; }
      #wrap .standardStyle .buttonBox .btn.pdf::after, #wrap .wideStyle h1 .buttonBox .btn.pdf::after, .wideStyle #wrap h1 .buttonBox .btn.pdf::after, #wrap .subPage h1 .buttonBox .btn.pdf::after, .subPage #wrap h1 .buttonBox .btn.pdf::after {
        margin-top: 0; }
    @media (max-width: 767px) {
      #wrap .standardStyle .buttonBox, #wrap .wideStyle h1 .buttonBox, .wideStyle #wrap h1 .buttonBox, #wrap .subPage h1 .buttonBox, .subPage #wrap h1 .buttonBox {
        display: block; }
        #wrap .standardStyle .buttonBox > div, #wrap .wideStyle h1 .buttonBox > div, .wideStyle #wrap h1 .buttonBox > div, #wrap .standardStyle h1 .buttonBox > div, #wrap .subPage h1 .buttonBox > div, .subPage #wrap h1 .buttonBox > div {
          width: 100%;
          margin-bottom: 15px; } }
  #wrap .standardStyle .btn:hover, #wrap .wideStyle h1 .btn:hover, .wideStyle #wrap h1 .btn:hover, #wrap .subPage h1 .btn:hover, .subPage #wrap h1 .btn:hover {
    color: #FFF; }
  #wrap .standardStyle .floatImage_r, #wrap .wideStyle h1 .floatImage_r, .wideStyle #wrap h1 .floatImage_r, #wrap .subPage h1 .floatImage_r, .subPage #wrap h1 .floatImage_r {
    float: right;
    margin: 0 0 15px 15px; }
  #wrap .standardStyle .floatImage_l, #wrap .wideStyle h1 .floatImage_l, .wideStyle #wrap h1 .floatImage_l, #wrap .subPage h1 .floatImage_l, .subPage #wrap h1 .floatImage_l {
    float: left;
    margin: 0 15px 15px 0; }
  #wrap .standardStyle .fontSize_10, #wrap .wideStyle h1 .fontSize_10, .wideStyle #wrap h1 .fontSize_10, #wrap .subPage h1 .fontSize_10, .subPage #wrap h1 .fontSize_10 {
    font-size: 10px;
    font-size: 0.625rem; }
  #wrap .standardStyle .fontSize_12, #wrap .wideStyle h1 .fontSize_12, .wideStyle #wrap h1 .fontSize_12, #wrap .subPage h1 .fontSize_12, .subPage #wrap h1 .fontSize_12 {
    font-size: 12px;
    font-size: 0.75rem; }
  #wrap .standardStyle .fontSize_14, #wrap .wideStyle h1 .fontSize_14, .wideStyle #wrap h1 .fontSize_14, #wrap .subPage h1 .fontSize_14, .subPage #wrap h1 .fontSize_14 {
    font-size: 14px;
    font-size: 0.875rem; }
  #wrap .standardStyle .fontSize_16, #wrap .wideStyle h1 .fontSize_16, .wideStyle #wrap h1 .fontSize_16, #wrap .subPage h1 .fontSize_16, .subPage #wrap h1 .fontSize_16 {
    font-size: 16px;
    font-size: 1rem; }
  #wrap .standardStyle .fontSize_18, #wrap .wideStyle h1 .fontSize_18, .wideStyle #wrap h1 .fontSize_18, #wrap .subPage h1 .fontSize_18, .subPage #wrap h1 .fontSize_18 {
    font-size: 18px;
    font-size: 1.125rem; }
  #wrap .standardStyle .fontSize_20, #wrap .wideStyle h1 .fontSize_20, .wideStyle #wrap h1 .fontSize_20, #wrap .subPage h1 .fontSize_20, .subPage #wrap h1 .fontSize_20 {
    font-size: 20px;
    font-size: 1.25rem; }
  #wrap .standardStyle .fontSize_22, #wrap .wideStyle h1 .fontSize_22, .wideStyle #wrap h1 .fontSize_22, #wrap .subPage h1 .fontSize_22, .subPage #wrap h1 .fontSize_22 {
    font-size: 22px;
    font-size: 1.375rem; }
  #wrap .standardStyle .fontSize_24, #wrap .wideStyle h1 .fontSize_24, .wideStyle #wrap h1 .fontSize_24, #wrap .subPage h1 .fontSize_24, .subPage #wrap h1 .fontSize_24 {
    font-size: 24px;
    font-size: 1.5rem; }
  #wrap .standardStyle .w10, #wrap .wideStyle h1 .w10, .wideStyle #wrap h1 .w10, #wrap .subPage h1 .w10, .subPage #wrap h1 .w10 {
    width: 9%;
    box-sizing: border-box; }
  #wrap .standardStyle .w20, #wrap .wideStyle h1 .w20, .wideStyle #wrap h1 .w20, #wrap .subPage h1 .w20, .subPage #wrap h1 .w20 {
    width: 19%;
    box-sizing: border-box; }
  #wrap .standardStyle .w30, #wrap .wideStyle h1 .w30, .wideStyle #wrap h1 .w30, #wrap .subPage h1 .w30, .subPage #wrap h1 .w30 {
    width: 29%;
    box-sizing: border-box; }
  #wrap .standardStyle .w40, #wrap .wideStyle h1 .w40, .wideStyle #wrap h1 .w40, #wrap .subPage h1 .w40, .subPage #wrap h1 .w40 {
    width: 39%;
    box-sizing: border-box; }
  #wrap .standardStyle .w50, #wrap .wideStyle h1 .w50, .wideStyle #wrap h1 .w50, #wrap .subPage h1 .w50, .subPage #wrap h1 .w50 {
    width: 49%;
    box-sizing: border-box; }
  #wrap .standardStyle .w60, #wrap .wideStyle h1 .w60, .wideStyle #wrap h1 .w60, #wrap .subPage h1 .w60, .subPage #wrap h1 .w60 {
    width: 59%;
    box-sizing: border-box; }
  #wrap .standardStyle .w70, #wrap .wideStyle h1 .w70, .wideStyle #wrap h1 .w70, #wrap .subPage h1 .w70, .subPage #wrap h1 .w70 {
    width: 69%;
    box-sizing: border-box; }
  #wrap .standardStyle .w80, #wrap .wideStyle h1 .w80, .wideStyle #wrap h1 .w80, #wrap .subPage h1 .w80, .subPage #wrap h1 .w80 {
    width: 79%;
    box-sizing: border-box; }
  #wrap .standardStyle .w90, #wrap .wideStyle h1 .w90, .wideStyle #wrap h1 .w90, #wrap .subPage h1 .w90, .subPage #wrap h1 .w90 {
    width: 89%;
    box-sizing: border-box; }
  #wrap .standardStyle .w100, #wrap .wideStyle h1 .w100, .wideStyle #wrap h1 .w100, #wrap .subPage h1 .w100, .subPage #wrap h1 .w100 {
    width: 100%;
    box-sizing: border-box; }
  #wrap .standardStyle .fLeft, #wrap .wideStyle h1 .fLeft, .wideStyle #wrap h1 .fLeft, #wrap .subPage h1 .fLeft, .subPage #wrap h1 .fLeft {
    float: left; }
  #wrap .standardStyle .fRight, #wrap .wideStyle h1 .fRight, .wideStyle #wrap h1 .fRight, #wrap .subPage h1 .fRight, .subPage #wrap h1 .fRight {
    float: right; }
  #wrap .standardStyle .tCenter, #wrap .wideStyle h1 .tCenter, .wideStyle #wrap h1 .tCenter, #wrap .subPage h1 .tCenter, .subPage #wrap h1 .tCenter {
    width: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    padding: 0;
    text-align: center;
    vertical-align: middle; }
  #wrap .standardStyle .imgFit, #wrap .wideStyle h1 .imgFit, .wideStyle #wrap h1 .imgFit, #wrap .subPage h1 .imgFit, .subPage #wrap h1 .imgFit {
    width: 100%;
    height: auto; }
  #wrap .standardStyle .cRed, #wrap .wideStyle h1 .cRed, .wideStyle #wrap h1 .cRed, #wrap .subPage h1 .cRed, .subPage #wrap h1 .cRed {
    color: #F00; }
  @media (max-width: 767px) {
    #wrap .standardStyle table, #wrap .wideStyle h1 table, .wideStyle #wrap h1 table, #wrap .subPage h1 table, .subPage #wrap h1 table {
      border: none; }
    #wrap .standardStyle table.tableRes td, #wrap .wideStyle h1 table.tableRes td, .wideStyle #wrap h1 table.tableRes td, #wrap .subPage h1 table.tableRes td, .subPage #wrap h1 table.tableRes td,
    #wrap .standardStyle table.tableRes th,
    #wrap .wideStyle h1 table.tableRes th,
    .wideStyle #wrap h1 table.tableRes th,
    #wrap .subPage h1 table.tableRes th,
    .subPage #wrap h1 table.tableRes th {
      display: block;
      border-left: none;
      border-right: none;
      border-top: none;
      border-bottom: 1px dotted #B5B7BF; }
    #wrap .standardStyle table.tableRes td:nth-child(1), #wrap .wideStyle h1 table.tableRes td:nth-child(1), .wideStyle #wrap h1 table.tableRes td:nth-child(1), #wrap .subPage h1 table.tableRes td:nth-child(1), .subPage #wrap h1 table.tableRes td:nth-child(1),
    #wrap .standardStyle table.tableRes th:nth-child(1),
    #wrap .wideStyle h1 table.tableRes th:nth-child(1),
    .wideStyle #wrap h1 table.tableRes th:nth-child(1),
    #wrap .subPage h1 table.tableRes th:nth-child(1),
    .subPage #wrap h1 table.tableRes th:nth-child(1) {
      border-top: 1px solid #B5B7BF; }
    #wrap .standardStyle table.tableRes th, #wrap .wideStyle h1 table.tableRes th, .wideStyle #wrap h1 table.tableRes th, #wrap .subPage h1 table.tableRes th, .subPage #wrap h1 table.tableRes th {
      display: none; }
    #wrap .standardStyle table.tableRes a::after, #wrap .wideStyle h1 table.tableRes a::after, .wideStyle #wrap h1 table.tableRes a::after, #wrap .subPage h1 table.tableRes a::after, .subPage #wrap h1 table.tableRes a::after {
      display: inline; } }
  #wrap .standardStyle .faq, #wrap .wideStyle h1 .faq, .wideStyle #wrap h1 .faq, #wrap .subPage h1 .faq, .subPage #wrap h1 .faq {
    padding: 5px; }
  #wrap .standardStyle dl.faq dt.faq_dt, #wrap .wideStyle h1 dl.faq dt.faq_dt, .wideStyle #wrap h1 dl.faq dt.faq_dt, #wrap .subPage h1 dl.faq dt.faq_dt, .subPage #wrap h1 dl.faq dt.faq_dt {
    width: 100%;
    color: #333;
    font-size: 1.0em;
    border-radius: 0px;
    position: static;
    text-align: left;
    margin: 0 0 0.5em;
    padding: 0 0 0 2em;
    line-height: 1.5em;
    background: url(https://www.croit.com/wp_croit3/wp-content/uploads/2017/04/btn_acc_plus.png) no-repeat left;
    cursor: pointer; }
  #wrap .standardStyle dl.faq dt.faq_dt.opened, #wrap .wideStyle h1 dl.faq dt.faq_dt.opened, .wideStyle #wrap h1 dl.faq dt.faq_dt.opened, #wrap .subPage h1 dl.faq dt.faq_dt.opened, .subPage #wrap h1 dl.faq dt.faq_dt.opened {
    background: url(https://www.croit.com/wp_croit3/wp-content/uploads/2017/04/btn_acc_minus.png) no-repeat left; }
  #wrap .standardStyle dl.faq dd.faq_dd, #wrap .wideStyle h1 dl.faq dd.faq_dd, .wideStyle #wrap h1 dl.faq dd.faq_dd, #wrap .subPage h1 dl.faq dd.faq_dd, .subPage #wrap h1 dl.faq dd.faq_dd {
    margin: 0 0 0.5em;
    padding: 0 0 0 2em;
    line-height: 1.5em; }
  @media (max-width: 767px) {
    #wrap .standardStyle img, #wrap .wideStyle h1 img, .wideStyle #wrap h1 img, #wrap .subPage h1 img, .subPage #wrap h1 img {
      max-width: 100%;
      height: inherit; }
    #wrap .standardStyle .fLeft, #wrap .wideStyle h1 .fLeft, .wideStyle #wrap h1 .fLeft, #wrap .subPage h1 .fLeft, .subPage #wrap h1 .fLeft,
    #wrap .standardStyle .fRight,
    #wrap .wideStyle h1 .fRight,
    .wideStyle #wrap h1 .fRight,
    #wrap .subPage h1 .fRight,
    .subPage #wrap h1 .fRight {
      float: none; }
      #wrap .standardStyle .fLeft.w10, #wrap .wideStyle h1 .fLeft.w10, .wideStyle #wrap h1 .fLeft.w10, #wrap .subPage h1 .fLeft.w10, .subPage #wrap h1 .fLeft.w10, #wrap .standardStyle .fLeft.w20, #wrap .wideStyle h1 .fLeft.w20, .wideStyle #wrap h1 .fLeft.w20, #wrap .subPage h1 .fLeft.w20, .subPage #wrap h1 .fLeft.w20, #wrap .standardStyle .fLeft.w30, #wrap .wideStyle h1 .fLeft.w30, .wideStyle #wrap h1 .fLeft.w30, #wrap .subPage h1 .fLeft.w30, .subPage #wrap h1 .fLeft.w30, #wrap .standardStyle .fLeft.w40, #wrap .wideStyle h1 .fLeft.w40, .wideStyle #wrap h1 .fLeft.w40, #wrap .subPage h1 .fLeft.w40, .subPage #wrap h1 .fLeft.w40, #wrap .standardStyle .fLeft.w50, #wrap .wideStyle h1 .fLeft.w50, .wideStyle #wrap h1 .fLeft.w50, #wrap .subPage h1 .fLeft.w50, .subPage #wrap h1 .fLeft.w50, #wrap .standardStyle .fLeft.w60, #wrap .wideStyle h1 .fLeft.w60, .wideStyle #wrap h1 .fLeft.w60, #wrap .subPage h1 .fLeft.w60, .subPage #wrap h1 .fLeft.w60, #wrap .standardStyle .fLeft.w70, #wrap .wideStyle h1 .fLeft.w70, .wideStyle #wrap h1 .fLeft.w70, #wrap .subPage h1 .fLeft.w70, .subPage #wrap h1 .fLeft.w70, #wrap .standardStyle .fLeft.w80, #wrap .wideStyle h1 .fLeft.w80, .wideStyle #wrap h1 .fLeft.w80, #wrap .subPage h1 .fLeft.w80, .subPage #wrap h1 .fLeft.w80, #wrap .standardStyle .fLeft.w90, #wrap .wideStyle h1 .fLeft.w90, .wideStyle #wrap h1 .fLeft.w90, #wrap .subPage h1 .fLeft.w90, .subPage #wrap h1 .fLeft.w90,
      #wrap .standardStyle .fRight.w10,
      #wrap .wideStyle h1 .fRight.w10,
      .wideStyle #wrap h1 .fRight.w10,
      #wrap .subPage h1 .fRight.w10,
      .subPage #wrap h1 .fRight.w10,
      #wrap .standardStyle .fRight.w20,
      #wrap .wideStyle h1 .fRight.w20,
      .wideStyle #wrap h1 .fRight.w20,
      #wrap .subPage h1 .fRight.w20,
      .subPage #wrap h1 .fRight.w20,
      #wrap .standardStyle .fRight.w30,
      #wrap .wideStyle h1 .fRight.w30,
      .wideStyle #wrap h1 .fRight.w30,
      #wrap .subPage h1 .fRight.w30,
      .subPage #wrap h1 .fRight.w30,
      #wrap .standardStyle .fRight.w40,
      #wrap .wideStyle h1 .fRight.w40,
      .wideStyle #wrap h1 .fRight.w40,
      #wrap .subPage h1 .fRight.w40,
      .subPage #wrap h1 .fRight.w40,
      #wrap .standardStyle .fRight.w50,
      #wrap .wideStyle h1 .fRight.w50,
      .wideStyle #wrap h1 .fRight.w50,
      #wrap .subPage h1 .fRight.w50,
      .subPage #wrap h1 .fRight.w50,
      #wrap .standardStyle .fRight.w60,
      #wrap .wideStyle h1 .fRight.w60,
      .wideStyle #wrap h1 .fRight.w60,
      #wrap .subPage h1 .fRight.w60,
      .subPage #wrap h1 .fRight.w60,
      #wrap .standardStyle .fRight.w70,
      #wrap .wideStyle h1 .fRight.w70,
      .wideStyle #wrap h1 .fRight.w70,
      #wrap .subPage h1 .fRight.w70,
      .subPage #wrap h1 .fRight.w70,
      #wrap .standardStyle .fRight.w80,
      #wrap .wideStyle h1 .fRight.w80,
      .wideStyle #wrap h1 .fRight.w80,
      #wrap .subPage h1 .fRight.w80,
      .subPage #wrap h1 .fRight.w80,
      #wrap .standardStyle .fRight.w90,
      #wrap .wideStyle h1 .fRight.w90,
      .wideStyle #wrap h1 .fRight.w90,
      #wrap .subPage h1 .fRight.w90,
      .subPage #wrap h1 .fRight.w90 {
        width: 100%; } }

@keyframes fadeOut {
  100% {
    opacity: 0; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media screen and (min-width: 768px) {
  header {
    background: #fff; }
    header.drawer-navbar {
      position: fixed; }
      header.drawer-navbar .inner h1 a {
        transition: .5s; }
      header.drawer-navbar .inner nav ul li a::before {
        animation: fadeIn 0.5s ease forwards; }
      header.drawer-navbar .inner .utility {
        animation: fadeIn 0.5s ease forwards; }
      header.drawer-navbar.collapse .inner {
        display: flex;
        min-height: 60px; }
        header.drawer-navbar.collapse .inner h1 {
          margin-right: 100px;
          position: absolute; }
          header.drawer-navbar.collapse .inner h1 a {
            /*width: 78px; */
		width:180px;
            background: url(../image/common/logo_header_small.png) no-repeat 0 0;
            margin: 0; 
		margin-top:5px;
}
        header.drawer-navbar.collapse .inner .drawer-menu {
          display: flex;
          flex-direction: row;
          justify-content: flex-end; }
        header.drawer-navbar.collapse .inner nav ul li a {
          padding: 8px 10px 5px; }
          header.drawer-navbar.collapse .inner nav ul li a::before {
            animation: fadeOut 0.2s ease forwards; }
          header.drawer-navbar.collapse .inner nav ul li a.drawer-menu-item:hover::after {
            bottom: -5px; }
        header.drawer-navbar.collapse .inner nav ul.gMenu {
          display: flex;
          flex-direction: row; }
          header.drawer-navbar.collapse .inner nav ul.gMenu ul.dropdown-menu {
            margin-top: 5px; }
            header.drawer-navbar.collapse .inner nav ul.gMenu ul.dropdown-menu li a {
              display: flex;
              word-break: break-all;
              min-height: 44px; }
            header.drawer-navbar.collapse .inner nav ul.gMenu ul.dropdown-menu li.large a {
              display: table-cell; }
        header.drawer-navbar.collapse .inner nav ul .active .dropdown-menu li {
          width: 22%; }
          header.drawer-navbar.collapse .inner nav ul .active .dropdown-menu li:not(:first-child) {
            height: 44px; }
            header.drawer-navbar.collapse .inner nav ul .active .dropdown-menu li:not(:first-child) a {
              padding: 0 10px; }
        header.drawer-navbar.collapse .inner nav .utility {
          display: none; }

  .content {
    margin-top: 144px; }

  .single .content {
    margin-top: 174px; } }
header {
  padding: 25px 0 0;
  border-top: 3px solid #008cd6;
  border-bottom: 1px solid #008cd6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3 ease;
  -o-transition: all 0.3 ease; }
  @media (max-width: 767px) {
    header {
      border-top: none; } }
  header h1 a {
    display: block;
    background: url(../image/common/logo_header.png) no-repeat 0 0;
    width: 382px;
    height: 43px;
    float: left;
    margin-left: 10px;
    text-indent: -9999px; }
  header nav ul.gMenu > li {
    font-size: 16px;
    font-size: 1rem;
    float: left;
    list-style: none;
    margin: 0;
    font-weight: bold; }
    header nav ul.gMenu > li > a {
      text-decoration: none;
      display: block;
      padding: 8px 10px 5px 45px;
      margin: 0 4px;
      box-sizing: border-box;
      height: 45px;
      position: relative; }
      header nav ul.gMenu > li > a::before {
        position: absolute;
        left: 14px; }
    header nav ul.gMenu > li.menu_home > a::before {
      content: url("../image/common/icon_home.png");
      top: 2px;
      left: 10px; }
    header nav ul.gMenu > li.menu_company > a::before {
      content: url("../image/common/icon_company.png");
      top: 2px; }
    header nav ul.gMenu > li.menu_company .large {
      background: url(../image/common/bg_gmenu_01.jpg) no-repeat top center/cover; }
    header nav ul.gMenu > li.menu_about > a::before {
      content: url("../image/common/icon_about.png");
      top: 2px; }
    header nav ul.gMenu > li.menu_about .large {
      background: url(../image/common/bg_gmenu_02.jpg) no-repeat top center/cover; }
    header nav ul.gMenu > li.menu_service > a::before {
      content: url("../image/common/icon_service.png");
      top: 4px;
      left: 10px; }
    header nav ul.gMenu > li.menu_service .large {
      background: url(../image/common/bg_gmenu_03.jpg) no-repeat top center/cover; }
    header nav ul.gMenu > li.menu_news > a::before {
      content: url("../image/common/icon_news.png");
      top: 7px; }
    header nav ul.gMenu > li.menu_csr > a::before {
      content: url("../image/common/icon_csr.png");
      top: 7px; }
    header nav ul.gMenu > li.menu_csr .large {
      background: url(../image/common/bg_gmenu_04.jpg) no-repeat top center/cover; }
    header nav ul.gMenu > li.menu_recruit > a::before {
      content: url("../image/common/icon_recruit.png");
      top: 7px; }
    header nav ul.gMenu > li.menu_contact > a::before {
      content: url("../image/common/icon_contact.png");
      top: 10px; }
  header nav .active > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70px;
    margin-left: -35px;
    border-bottom: 5px solid #008cd6; }
  header nav .dropdown.active ul {
    display: block; }
  header nav .dropdown ul {
    display: none;
    position: absolute;
    background-color: #008cd6;
    width: 100%;
    left: 0;
    padding: 10px;
    box-sizing: border-box; }
  header nav .dropdown li {
    font-size: 12px;
    font-size: 0.75rem;
    width: 23%;
    background-color: #fff;
    margin: 5px 10px; }
    header nav .dropdown li.large {
      display: table; }
      header nav .dropdown li.large a {
        color: #FFF;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100px; }
    @media (max-width: 767px) {
      header nav .dropdown li {
        width: 100%;
        margin: 0; } }
  header nav .dropdown .drawer-dropdown-menu-item {
    line-height: 2.75rem;
    color: #008cd6;
    position: relative; }
    header nav .dropdown .drawer-dropdown-menu-item:after {
      content: "\f061";
      font-family: "FontAwesome";
      font-size: 12px;
      font-size: .75rem;
      right: 10px;
      position: absolute; }
  header .utility {
    position: absolute;
    top: -76px;
    right: 0; }
    header .utility li {
      float: left;
      margin: 0 15px 7px 0; }
      header .utility li a::before {
        font-family: "FontAwesome";
        color: #008cd6;
        margin-right: 5px; }
      header .utility li:nth-child(1) a::before {
        content: "\f0e8"; }
      header .utility li:nth-child(2) a::before {
        content: "\f0ac"; }
    header .utility .serch_box {
      height: 27px;
      width: 240px; }
    header .utility .serch_btn {
      color: #FFF;
      background-color: #444;
      letter-spacing: 0.5em;
      cursor: pointer;
      border-radius: 2px; }
  header #headsearch {
    clear: both; }
  @media (max-width: 767px) {
    header {
      position: relative;
      padding: 0 0; }
      header .drawer-navbar .gMenu {
        height: 100px; }
      header .inner {
        width: 100%; }
      header h1 a {
        width: 210px;
        background-size: contain;
        float: none;
        margin: 18px auto 0; }
      header nav {
        float: none; }
        header nav ul.gMenu > li {
          float: none;
          font-size: 14px;
          font-size: 0.875rem;
          position: relative; }
          header nav ul.gMenu > li a {
            margin: 0; }
          header nav ul.gMenu > li.dropdown::after {
            position: absolute;
            top: 6px;
            right: 15px;
            font-family: "FontAwesome";
            content: "\f0fe"; }
          header nav ul.gMenu > li.dropdown.active::after {
            font-family: "FontAwesome";
            content: "\f146"; }
        header nav .active > a::after {
          content: none; }
        header nav .dropdown ul {
          position: relative;
          background-color: #e8e8e8; }
      header .utility {
        position: relative;
        top: 0;
        margin-left: 15px; }
        header .utility li {
          float: none; }
        header .utility .serch_box {
          width: 58%;
          margin: 20px auto 10px; }
        header .utility .serch_btn {
          float: right;
          margin: 20px 10px 0 0; } }

#page-top {
  margin: 30px;
  box-sizing: border-box;
  padding-top: 15px;
  right: 40px;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  background-color: #008cd6;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #fff;
  float: right;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
  @media (max-width: 767px) {
    #page-top {
      margin: 30px auto;
      float: none; } }

footer {
  margin-top: 150px;
  bottom: 0; }
  footer .footerMenu {
    background-color: #f7f7f7;
    color: #008cd6;
    min-width: 1080px; }
    footer .footerMenu .inner {
      margin: 0px auto;
      padding: 30px 0;
      font-size: 12px;
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      footer .footerMenu .inner div {
        width: 25%; }
        footer .footerMenu .inner div ul {
          margin-bottom: 30px; }
          footer .footerMenu .inner div ul li {
            font-weight: bold; }
            footer .footerMenu .inner div ul li a:hover {
              text-decoration: underline; }
            footer .footerMenu .inner div ul li ul {
              margin-bottom: 2px; }
              @media (max-width: 767px) {
                footer .footerMenu .inner div ul li ul {
                  display: none; } }
              footer .footerMenu .inner div ul li ul li {
                font-weight: normal; }
      footer .footerMenu .inner a.blank:after {
        content: "\f2d2";
        font-family: FontAwesome; }
  footer .copyright {
    background-color: #cce8f7;
    padding: 15px 5%;
    color: #333;
    text-align: center;
    font-size: 11.5px;
    font-size: 0.71875rem; }
    footer .copyright .inner {
      margin: 0 auto; }
      footer .copyright .inner img,
      footer .copyright .inner p {
        display: inline-block;
        vertical-align: middle; }
      footer .copyright .inner p {
        padding: 10px 0 0 10px;
        color: #231815; }
.ftrademark{margin-top:0.5em;}
  @media (max-width: 979px) {
    footer {
      min-width: inherit; } }
  @media (max-width: 767px) {
    footer {
      margin-top: 30px; }
      footer .footerMenu {
        min-width: inherit; }
        footer .footerMenu .inner {
          flex-direction: column;
          min-width: inherit; }
          footer .footerMenu .inner div {
            width: 94%;
            margin: 0 auto; }
            footer .footerMenu .inner div ul {
              margin-bottom: 0px; }
              footer .footerMenu .inner div ul li {
                padding: 5px 10px;
                background-color: #FFF;
                margin-bottom: 8px; } }
  footer .copyright .inner {
    width: 96%; }

body.front header .inner {
  border-bottom: none; }
@media (max-width: 767px) {
  body.front header {
    background-color: #008cd6; } }
body.front .mainImage {
  border-bottom: 1px solid #008cd6; }
  body.front .mainImage .mainImage_01,
  body.front .mainImage .mainImage_02,
  body.front .mainImage .mainImage_03,
  body.front .mainImage .mainImage_04,
  body.front .mainImage .mainImage_05,
  body.front .mainImage .mainImage_06 {
    height: 500px;
    background-position: center bottom;
    position: relative;
    background-repeat: no-repeat; }
  body.front .mainImage .textBox {
    position: absolute;
    text-align: center;
    top: 50px;
    width: 100%;
    text-align: left; }
    body.front .mainImage .textBox h2 {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.6;
      font-weight: 400; }
      body.front .mainImage .textBox h2 span {
        color: #008cd6; }
    body.front .mainImage .textBox p {
      font-size: 14px;
      font-size: 0.875rem;
      letter-spacing: 0.02em;
      font-weight: 300;
      color: #000;
      line-height: 2; }
    body.front .mainImage .textBox a.btn, body.front .mainImage .textBox .contactWrap .btn, .contactWrap body.front .mainImage .textBox .btn {
      background-color: rgba(255, 255, 255, 0.4); }
      body.front .mainImage .textBox a.btn:hover, body.front .mainImage .textBox .contactWrap .btn:hover, .contactWrap body.front .mainImage .textBox .btn:hover {
        background-color: #008cd6; }
  body.front .mainImage .mainImage_01 {
    background-image: url(../image/front/bg_main_01.jpg); }
    body.front .mainImage .mainImage_01 .textBox {
      top: 120px; }
      body.front .mainImage .mainImage_01 .textBox h2 + p {
        margin-top: 20px; }
      body.front .mainImage .mainImage_01 .textBox a.btn, body.front .mainImage .mainImage_01 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_01 .textBox .btn {
        margin-left: 60px; }
  body.front .mainImage .mainImage_02 {
    background-image: url(../image/front/bg_main_02.jpg); }
    body.front .mainImage .mainImage_02 .textBox {
      top: 150px;
      left: 93px; }
      body.front .mainImage .mainImage_02 .textBox h2 span {
        color: #ec1379; }
      body.front .mainImage .mainImage_02 .textBox h2 + p {
        margin-top: 20px; }
      body.front .mainImage .mainImage_02 .textBox a.btn, body.front .mainImage .mainImage_02 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_02 .textBox .btn {
        margin-left: 50px; }
  body.front .mainImage .mainImage_03 {
    background-image: url(../image/front/bg_main_03.jpg); }
    body.front .mainImage .mainImage_03 .textBox {
      top: 116px;
      left: 5px; }
      body.front .mainImage .mainImage_03 .textBox h2 span {
        color: #05a918; }
      body.front .mainImage .mainImage_03 .textBox h2 + p {
        margin-top: 40px; }
      body.front .mainImage .mainImage_03 .textBox a.btn, body.front .mainImage .mainImage_03 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_03 .textBox .btn {
        width: 195px;
        margin-left: 80px; }
  body.front .mainImage .mainImage_04 {
    background-image: url(../image/front/bg_main_04.jpg); }
    body.front .mainImage .mainImage_04 .textBox {
      top: 116px;
      left: 5px; }
      body.front .mainImage .mainImage_04 .textBox h2 span {
        color: #c400d6; }
      body.front .mainImage .mainImage_04 .textBox h2 + p {
        margin-top: 40px; }
      body.front .mainImage .mainImage_04 .textBox a.btn, body.front .mainImage .mainImage_04 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_04 .textBox .btn {
        width: 345px;
        margin-left: 0; }
  body.front .mainImage .mainImage_05 {
    background-image: url(../image/front/bg_main_05.jpg); }
    body.front .mainImage .mainImage_05 .textBox {
      top: 116px;
      left: 250px;
      color: #fff; }
      body.front .mainImage .mainImage_05 .textBox h2 span {
        color: #ffff00; }
      body.front .mainImage .mainImage_05 .textBox h2 + p {
        margin-top: 40px; }
      body.front .mainImage .mainImage_05 .textBox p {
        color: #fff; }
      body.front .mainImage .mainImage_05 .textBox a.btn, body.front .mainImage .mainImage_05 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_05 .textBox .btn {
        margin-top: 70px;
        margin-left: 0;
        background-color: rgba(255, 255, 255, 0.7); }
        body.front .mainImage .mainImage_05 .textBox a.btn:hover, body.front .mainImage .mainImage_05 .textBox .contactWrap .btn:hover, .contactWrap body.front .mainImage .mainImage_05 .textBox .btn:hover {
          background-color: #008cd6; }
  body.front .mainImage .mainImage_06 {
    background-image: url(../image/front/bg_main_06.jpg); }
    body.front .mainImage .mainImage_06 .textBox {
      top: 348px;
      left: 0; }
      body.front .mainImage .mainImage_06 .textBox a.btn {
        padding: 15px 90px;
        margin-left: 60px;
        background-color: rgba(255, 255, 255, 1); }
        body.front .mainImage .mainImage_06 .textBox a.btn:hover {
          background-color: #008cd6; }
  @media (max-width: 767px) {
    body.front .mainImage {
      width: 100%; }
      body.front .mainImage .mainImage_01,
      body.front .mainImage .mainImage_02,
      body.front .mainImage .mainImage_03,
      body.front .mainImage .mainImage_04,
      body.front .mainImage .mainImage_05,
      body.front .mainImage .mainImage_06 {
        height: auto; }
        body.front .mainImage .mainImage_01 .spShow,
        body.front .mainImage .mainImage_02 .spShow,
        body.front .mainImage .mainImage_03 .spShow,
        body.front .mainImage .mainImage_04 .spShow,
        body.front .mainImage .mainImage_05 .spShow,
        body.front .mainImage .mainImage_06 .spShow {
          width: 100%;
          height: auto; }
        body.front .mainImage .mainImage_01 img,
        body.front .mainImage .mainImage_02 img,
        body.front .mainImage .mainImage_03 img,
        body.front .mainImage .mainImage_04 img,
        body.front .mainImage .mainImage_05 img,
        body.front .mainImage .mainImage_06 img {
          width: 100%;
          height: auto; }
      body.front .mainImage .textBox {
        margin: 0 auto;
        width: 100%; }
        body.front .mainImage .textBox h2 {
          display: none; }
        body.front .mainImage .textBox p {
          display: none; }
        body.front .mainImage .textBox a.btn, body.front .mainImage .textBox .contactWrap .btn, .contactWrap body.front .mainImage .textBox .btn {
          position: absolute;
          bottom: 40px;
          font-size: 12px;
          font-size: 0.75rem;
          padding: 8px 20px;
          margin-top: 10px; }
        body.front .mainImage .textBox img {
          width: 100%; }
      body.front .mainImage .mainImage_01 {
        background: none;
        background-color: #ccc; }
        body.front .mainImage .mainImage_01 .textBox {
          top: 0;
          left: 0; }
          body.front .mainImage .mainImage_01 .textBox h2,
          body.front .mainImage .mainImage_01 .textBox p {
            display: none; }
          body.front .mainImage .mainImage_01 .textBox a.btn, body.front .mainImage .mainImage_01 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_01 .textBox .btn {
            margin-left: auto;
            left: 0; }
      body.front .mainImage .mainImage_02 {
        background: none;
        background-color: #ccc; }
        body.front .mainImage .mainImage_02 .textBox {
          top: 0px;
          left: 0px; }
          body.front .mainImage .mainImage_02 .textBox a.btn, body.front .mainImage .mainImage_02 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_02 .textBox .btn {
            margin-left: auto;
            left: 0;
            width: 190px; }
      body.front .mainImage .mainImage_03 {
        background: none;
        background-color: #ccc; }
        body.front .mainImage .mainImage_03 .textBox {
          top: 0px;
          left: 0px; }
          body.front .mainImage .mainImage_03 .textBox a.btn, body.front .mainImage .mainImage_03 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_03 .textBox .btn {
            margin-left: auto;
            width: 150px;
            left: 0; }
      body.front .mainImage .mainImage_04 {
        background: none;
        background-color: #ccc; }
        body.front .mainImage .mainImage_04 .textBox {
          top: 0px;
          left: 0px; }
          body.front .mainImage .mainImage_04 .textBox a.btn, body.front .mainImage .mainImage_04 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_04 .textBox .btn {
            margin-left: auto;
            width: 290px;
            left: 0;
            bottom: 10px; }
      body.front .mainImage .mainImage_05 {
        background: none;
        background-color: #ccc; }
        body.front .mainImage .mainImage_05 .textBox {
          top: 0px;
          left: 0px; }
          body.front .mainImage .mainImage_05 .textBox a.btn, body.front .mainImage .mainImage_05 .textBox .contactWrap .btn, .contactWrap body.front .mainImage .mainImage_05 .textBox .btn {
            margin-left: auto;
            left: 0;
            bottom: 20px; }
      body.front .mainImage .mainImage_06 {
        background: none;
        background-color: #ccc; }
        body.front .mainImage .mainImage_06 .textBox {
          top: -15px; }
          body.front .mainImage .mainImage_06 .textBox a.btn {
            padding: 8px 40px;
            margin-left: 100px;
            margin-top: 0; } }
  @media (max-width: 370px) {
        body.front .mainImage .mainImage_06 .textBox {
          top: -5px; } }
body.front div[id^="cont"] {
  padding: 0; }
body.front #cont_intro {
  color: #008cd6;
  text-align: center;
  padding: 0; }
  body.front #cont_intro .inner {
    background: url(../image/front/bg_cont_intro.png) no-repeat 195px 50px; }
    body.front #cont_intro .inner p {
      position: absolute;
      top: 120px;
      left: 290px;
      line-height: 2;
      font-size: 16px;
      font-size: 1rem;
      text-align: left; }
  @media (max-width: 767px) {
    body.front #cont_intro .inner {
      background: none;
      padding: 50px 0; }
      body.front #cont_intro .inner p {
        left: 0;
        top: 50px; }
    body.front #cont_intro .svgBox {
      display: none; } }
body.front #cont_01 .inner {
  background: url(../image/front/bg_line.png) no-repeat 150px 72px; }
body.front #cont_01 .cont_01_1,
body.front #cont_01 .cont_01_2,
body.front #cont_01 .cont_01_3 {
  margin-bottom: 20px; }
  body.front #cont_01 .cont_01_1 h2,
  body.front #cont_01 .cont_01_2 h2,
  body.front #cont_01 .cont_01_3 h2 {
    margin-bottom: 20px;
    line-height: 1.4; }
  body.front #cont_01 .cont_01_1 p,
  body.front #cont_01 .cont_01_2 p,
  body.front #cont_01 .cont_01_3 p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.5; }
body.front #cont_01 .cont_01_1 .textBox,
body.front #cont_01 .cont_01_3 .textBox {
  margin-left: 170px; }
body.front #cont_01 .cont_01_2 .textBox {
  margin-right: 170px; }
body.front #cont_01 h2 {
  color: #008cd6;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 15px; }
body.front #cont_01 .textBox {
  margin-top: 15px;
  width: 440px; }
body.front #cont_01 .imageBox {
  width: 446px; }
body.front #cont_01 .aWrap {
  text-align: right; }
@media (max-width: 767px) {
  body.front #cont_01 {
    margin-top: 150px; }
    body.front #cont_01 .inner {
      background: none; }
    body.front #cont_01 .aWrap {
      text-align: center; }
    body.front #cont_01 .cont_01_1,
    body.front #cont_01 .cont_01_2,
    body.front #cont_01 .cont_01_3 {
      margin: 30px auto; }
    body.front #cont_01 .cont_01_1 .textBox,
    body.front #cont_01 .cont_01_3 .textBox {
      margin-left: 0px; }
    body.front #cont_01 .cont_01_2 .textBox {
      margin-right: 0px; }
    body.front #cont_01 .textBox {
      width: 100%; }
    body.front #cont_01 .imageBox {
      width: 100%;
      margin: 20px auto; }
      body.front #cont_01 .imageBox img {
        max-width: 446px;
        width: 100%;
        margin: 0 auto;
        display: block; } }
body.front #cont_02 .inner > div {
  float: left;
  position: relative;
  overflow: hidden;
  margin: 10px; }
  body.front #cont_02 .inner > div .mask {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 140, 214, 0.9);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease; }
  body.front #cont_02 .inner > div:hover .mask {
    opacity: 1;
    padding-top: 48%; }
body.front #cont_02 .inner > div.box400 {
  margin-left: 0; }
body.front #cont_02 .inner > div.end {
  margin-right: 0; }
  @media (max-width: 767px) {
    body.front #cont_02 .inner > div.end {
      margin-right: 10px; } }
body.front #cont_02 .inner > div.customer {
  margin-left: 0; }
  @media (max-width: 767px) {
    body.front #cont_02 .inner > div.customer {
      margin-left: 10px; } }
body.front #cont_02 .inner > div.csr:hover .mask {
  padding-top: 22%; }
body.front #cont_02 .inner > div.line2:hover .mask {
  padding-top: 40%; }
body.front #cont_02 .textBox {
  position: absolute;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px 0px;
  color: #FFF;
  bottom: 0px;
  width: 100%;
  font-weight: bold;
  box-sizing: border-box; }
body.front #cont_02 img {
  vertical-align: bottom;
  width: 100%; }
@media (max-width: 767px) {
  body.front #cont_02 {
    margin: 100px auto 50px;
    padding: 2%;
    background: #008cd6; }
    body.front #cont_02 .inner > div.mr0 {
      margin-right: 10px; }
    body.front #cont_02 .inner > div.box400 {
      width: 94%;
      margin-left: 10px;
      box-sizing: border-box; }
      body.front #cont_02 .inner > div.box400 img {
        width: 100%; }
    body.front #cont_02 .inner > div.box200 {
      width: 44%;
      box-sizing: border-box; } }
body.front #cont_03 h2 {
  color: #333;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 60px 0 30px;
  text-align: center; }
body.front #cont_03 a.btn, body.front #cont_03 .contactWrap .btn, .contactWrap body.front #cont_03 .btn {
  margin: 50px auto;
  display: block;
  width: 240px;
  clear: both;
  box-sizing: border-box; }
body.front #cont_03 ul.tabMenu {
  display: flex;
  justify-content: space-between; }
  body.front #cont_03 ul.tabMenu li {
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    box-sizing: border-box;
    width: 17%;
    height: 80px;
    padding: 30px 10px;
    border-top: 3px solid #008cd6; }
    body.front #cont_03 ul.tabMenu li a {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding-top: 30px; }
      body.front #cont_03 ul.tabMenu li a.active, body.front #cont_03 ul.tabMenu li a:hover {
        background: #f0f4f6; }
body.front #cont_03 a[href$=".pdf"] .newsText:after, body.front #cont_03 a[href*=".pdf#"] .newsText:after {
  content: url(../image/common/icon_pdf.png);
  margin-left: 7px;
  vertical-align: middle;
  margin-top: 2px;
  display: inline-block; }
@media (max-width: 767px) {
  body.front #cont_03 ul.tabMenu {
    flex-wrap: wrap;
    margin-bottom: 20px; }
    body.front #cont_03 ul.tabMenu li {
      border: 1px solid #ccc;
      width: 33%;
      padding: 10px;
      height: 50px;
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 3px; }
      body.front #cont_03 ul.tabMenu li a {
        padding-top: 15px; } }
body.front #cont_04 .inner a::after {
  content: none; }
body.front #cont_04 .inner ul {
  margin: 30px auto;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  body.front #cont_04 .inner ul::after {
    content: "";
    display: block;
    width: 25%;
    box-sizing: border-box; }
  body.front #cont_04 .inner ul li {
    width: 25%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ccc;
    border-left: none;
    border-top: none; }
    body.front #cont_04 .inner ul li:nth-child(4n-3) {
      border-left: 1px solid #ccc; }
    body.front #cont_04 .inner ul li:nth-child(-n+4) {
      border-top: 1px solid #ccc; }
    body.front #cont_04 .inner ul li img {
      display: block;
      margin: 0 auto; }
    body.front #cont_04 .inner ul li:hover {
      opacity: 0.8; }
@media (max-width: 767px) {
  body.front #cont_04 .inner ul {
    flex-direction: column; }
    body.front #cont_04 .inner ul li {
      width: 100%;
      margin: 10px auto;
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc; } }
body.front #cont_bcp .btn {
  margin-top: 10px;
  padding: 20px 50px;
  color: #FFF;
  background-color: #FAC300;
  border-color: #FAC300;
  font-size: 20px;
  font-size: 1.25rem; }
  body.front #cont_bcp .btn:hover {
    color: #FAC300;
    background-color: #fff; }

.front ul.newsList {
  height: 300px;
  overflow-y: auto; }

ul.newsList li {
  border-bottom: 2px solid #fff;
  display: table;
  width: 100%; }
  ul.newsList li.displayNone {
    display: none; }
  ul.newsList li.news-info .newsCategory span {
    background-color: #75CBE4; }
  ul.newsList li.news-update .newsCategory span {
    background-color: #ffa336; }
  ul.newsList li.news-press .newsCategory span {
    background-color: #75a4e4; }
  ul.newsList li.news-event .newsCategory span {
    background-color: #94E06F; }
  ul.newsList li.news-case .newsCategory span {
    background-color: #BD90EC; }
  ul.newsList li a {
    background: #f0f4f6;
    display: block;
    padding: 20px; }
    ul.newsList li a:hover {
      background: #f5f5f5; }
  ul.newsList li div {
    display: table-cell;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.1em; }
    ul.newsList li div.date {
      width: 8em;
      padding: 0;
      font-weight: bold;
      text-align: center; }
    ul.newsList li div.newsCategory {
      width: 10em;
      padding: 0;
      font-size: 12px;
      font-size: 0.75rem; }
      ul.newsList li div.newsCategory span {
        width: 100px;
        margin: 0 auto;
        color: #fff;
        display: block;
        text-align: center;
        font-weight: bold; }
    ul.newsList li div.newsText span {
      color: #F00;
      margin-left: 5px; }
@media (max-width: 767px) {
  ul.newsList li {
    margin: 5px;
    display: block; }
    ul.newsList li div {
      padding: 5px;
      width: 100%;
      border-bottom: none;
      display: block; }
      ul.newsList li div.date {
        padding: 5px;
        float: left; }
      ul.newsList li div.newsCategory {
        padding: 5px;
        float: left; }
      ul.newsList li div.newsText {
        width: 100%;
        float: none;
        clear: both; } }

body.company .headTitle {
  background-image: url(../image/company/bg_head_company.jpg);
  background-position: center; }
  body.company .headTitle h2:before {
    content: url(../image//company/icon_head_company.png);
    display: block;
    padding: 5px; }
body.company h3 {
  margin-bottom: 30px; }
body.company .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.company .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.company #cont_01 {
  background: url(../image/company/bg_company_cont01.png);
  background-size: cover; }
  body.company #cont_01 .inner {
    text-align: center; }
    body.company #cont_01 .inner h4 {
      border: none;
      font-family: "Monotype Corsiva", sans-serif;
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: normal;
      margin: 50px 0 10px; }
    body.company #cont_01 .inner p {
      font-size: 16px;
      font-size: 1rem;
      text-align: left;
      width: 660px;
      margin: 0 auto; }
    body.company #cont_01 .inner p + h4 {
      margin-top: 100px; }
body.company #cont_02 h3 {
  margin-bottom: 100px; }
body.company #cont_02 .msgBox {
  margin: 0 20px; }
  body.company #cont_02 .msgBox .msg {
    float: left;
    padding-bottom: 20px;
    width: 70%; }
    body.company #cont_02 .msgBox .msg p {
      text-indent: 1.0em;
      line-height: 2.0; }
  body.company #cont_02 .msgBox .text_sign {
    float: right; }
    body.company #cont_02 .msgBox .text_sign p {
      margin: 0; }
  body.company #cont_02 .msgBox .imgPresident {
    display: block;
    width: 28%;
    float: right; }
    body.company #cont_02 .msgBox .imgPresident img {
      margin: 0; }
      body.company #cont_02 .msgBox .imgPresident img.spShow {
        display: none; }
      body.company #cont_02 .msgBox .imgPresident img.spHide {
        display: block; }
  @media (max-width: 767px) {
    body.company #cont_02 .msgBox .msg,
    body.company #cont_02 .msgBox .imgPresident {
      float: none;
      width: 100%; }
      body.company #cont_02 .msgBox .msg p,
      body.company #cont_02 .msgBox .imgPresident p {
        width: 100%; }
      body.company #cont_02 .msgBox .msg img,
      body.company #cont_02 .msgBox .imgPresident img {
        width: 100%;
        height: auto; }
        body.company #cont_02 .msgBox .msg img.spShow,
        body.company #cont_02 .msgBox .imgPresident img.spShow {
          display: block; }
        body.company #cont_02 .msgBox .msg img.spHide,
        body.company #cont_02 .msgBox .imgPresident img.spHide {
          display: none; } }
body.company #cont_03 {
  background: url(../image/company/bg_company_cont03.jpg);
  background-size: cover; }
  body.company #cont_03 .inner table {
    width: 80%;
    margin: 0px auto; }
    body.company #cont_03 .inner table tr:nth-child(odd) {
      background-color: #f5f5f5; }
    body.company #cont_03 .inner table tr:nth-child(even) {
      background-color: #fff; }
      body.company #cont_03 .inner table tr:nth-child(even) th {
        background-color: #fff; }
    body.company #cont_03 .inner table tr:last-child th,
    body.company #cont_03 .inner table tr:last-child td {
      border-bottom: none; }
    body.company #cont_03 .inner table th,
    body.company #cont_03 .inner table td {
      padding: 15px;
      border-top: none;
      border-left: none;
      border-right: none; }
    body.company #cont_03 .inner table th {
      width: 15%;
      text-align: left;
      color: #008cd6; }
  body.company #cont_03 .inner .btn {
    background-color: #FFF; }
    body.company #cont_03 .inner .btn:hover {
      background-color: #008cd6; }
  @media (max-width: 767px) {
    body.company #cont_03 .inner table {
      width: 98%; }
      body.company #cont_03 .inner table th, body.company #cont_03 .inner table td {
        display: block;
        width: 100%;
        box-sizing: border-box; }
      body.company #cont_03 .inner table th {
        border-bottom: none; } }
body.company #cont_04 .inner {
  width: 800px; }
  body.company #cont_04 .inner section {
    border-bottom: 1px dashed #333;
    padding: 20px 0 30px; }
    body.company #cont_04 .inner section div {
      font-weight: bold;
      float: left;
      color: #fff;
      background-color: #008cd6;
      width: 6em;
      text-align: center;
      width: 70px;
      padding: 10px 0px;
      position: relative; }
      body.company #cont_04 .inner section div:after {
        content: "";
        position: absolute;
        bottom: -25px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-top: 25px solid #008cd6; }
    body.company #cont_04 .inner section ul {
      display: block;
      float: left;
      width: 89%;
      box-sizing: border-box;
      margin-left: 15px; }
      body.company #cont_04 .inner section ul li {
        width: 100%;
        clear: both; }
        body.company #cont_04 .inner section ul li span {
          display: block;
          font-weight: bold;
          margin-right: 20px;
          float: left;
          padding: 0 20px 20px 20px; }
        body.company #cont_04 .inner section ul li span + span {
          display: block;
          font-weight: normal;
          width: 75%; }
  body.company #cont_04 .inner section {
    display: flex;
    width: 100%; }
@media (max-width: 767px) {
  body.company #cont_04 .inner {
    width: 94%;
    margin: 0 auto; }
    body.company #cont_04 .inner section div:after {
      bottom: -24px; }
    body.company #cont_04 .inner section ul {
      width: 70%;
      float: right; }
      body.company #cont_04 .inner section ul li span {
        padding: 5px; }
      body.company #cont_04 .inner section ul li span + span {
        width: 100%;
        padding: 5px; }
    body.company #cont_04 .inner .sec_01,
    body.company #cont_04 .inner .sec_02,
    body.company #cont_04 .inner .sec_03 {
      height: auto; }
      body.company #cont_04 .inner .sec_01 div,
      body.company #cont_04 .inner .sec_02 div,
      body.company #cont_04 .inner .sec_03 div {
        height: 100%; } }
body.company #cont_05 ul {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap; }
  body.company #cont_05 ul li {
    display: inline-block;
    padding: 3px;
    border: 1px solid #ccc;
    width: 250px;
    margin: 5px 5px; }
    body.company #cont_05 ul li img {
      width: 100%; }
    body.company #cont_05 ul li h4 {
      border: none;
      font-size: 12px;
      font-size: 0.75rem;
      padding-left: 0px;
      margin: 0px; }
    body.company #cont_05 ul li h4 + p {
      font-size: 14px;
      font-size: 0.875rem; }
    body.company #cont_05 ul li p {
      font-size: 12px;
      font-size: 0.75rem; }
      body.company #cont_05 ul li p span {
        display: block;
        font-size: 12px;
        font-size: 0.75rem; }
    body.company #cont_05 ul li ul {
      display: block; }
      body.company #cont_05 ul li ul li {
        border: none;
        width: 100%;
        font-size: 12px;
        font-size: 0.75rem;
        position: relative;
        padding-left: 20px;
        margin: 0;
        box-sizing: border-box; }
        body.company #cont_05 ul li ul li::before {
          position: absolute;
          top: 0;
          left: 2px;
          font-family: "FontAwesome";
          content: "\f111";
          color: #008cd6;
          font-size: 6px;
          font-size: 0.375rem;
          margin-right: 5px; }
@media (max-width: 767px) {
  body.company #cont_05 ul li {
    width: 100%; } }
body.company #cont_06 {
  background: url(../image/company/bg_company_cont06.jpg) center;
  background-size: cover;
  padding: 100px 0; }
  body.company #cont_06 .inner p {
    text-align: center; }
  body.company #cont_06 .inner a.btn, body.company #cont_06 .inner .contactWrap .btn, .contactWrap body.company #cont_06 .inner .btn {
    background: #fff;
    margin: 30px auto;
    width: 150px;
    display: block; }
    body.company #cont_06 .inner a.btn:hover, body.company #cont_06 .inner .contactWrap .btn:hover, .contactWrap body.company #cont_06 .inner .btn:hover {
      color: #008cd6;
      border: 1px solid #008cd6; }
  @media (max-width: 767px) {
    body.company #cont_06 {
      padding: 50px 0; } }
body.company #cont_07 .btn {
  width: 100%;
  box-sizing: border-box; }
body.company #cont_07 .inner section {
  margin-bottom: 30px; }
  body.company #cont_07 .inner section img {
    width: 202px;
    height: 285px; }
body.company #cont_07 .inner a {
  text-decoration: underline; }
body.company #cont_07 .inner li {
  margin-bottom: 5px; }
body.company #cont_07 .inner a.ebook:after {
  margin-left: 5px;
  content: "";
  width: 16px;
  height: 14px;
  margin-right: 5px;
  display: inline-block;
  background: url(../image/common/icon_ebook.png) no-repeat center center;
  background-size: contain; }
body.company #cont_07 .inner .downBox {
  width: 500px;
  margin: 0 auto; }
body.company #cont_07 .inner .leftBox {
  width: auto; }
body.company #cont_07 .inner .rightBox {
  width: auto; }
  body.company #cont_07 .inner .rightBox p {
    font-weight: bold; }
body.company #cont_07 .inner .adobe {
  width: 65%;
  margin: 50px auto 20px;
  border: 2px solid #666;
  padding: 10px 20px;
  padding: 10px 20px; }
  body.company #cont_07 .inner .adobe p {
    display: block;
    float: left;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.7; }
  body.company #cont_07 .inner .adobe a {
    display: block;
    float: right; }
    body.company #cont_07 .inner .adobe a img {
      vertical-align: middle; }
body.company #cont_07 .inner .note {
  width: 70%;
  margin: 20px auto; }
  body.company #cont_07 .inner .note p {
    padding-left: 1.7em;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3; }
    body.company #cont_07 .inner .note p:first-child {
      text-indent: -1.25em; }
body.company #cont_07 .inner .windows10 {
  display: block;
  border: 2px solid #666;
  padding: 10px;
  text-align: center;
  width: 45%;
  margin: 50px auto;
  text-decoration: underline;
  font-weight: bold;
  box-sizing: border-box; }
@media (max-width: 767px) {
  body.company #cont_07 .inner .downBox {
    width: 100%; }
  body.company #cont_07 .inner .leftBox,
  body.company #cont_07 .inner .rightBox {
    text-align: center; }
  body.company #cont_07 .inner .rightBox {
    margin-top: 50px; }
  body.company #cont_07 .inner .adobe {
    width: 86%; }
    body.company #cont_07 .inner .adobe p, body.company #cont_07 .inner .adobe a {
      float: none;
      width: 100%; }
    body.company #cont_07 .inner .adobe a img {
      display: block;
      margin: 20px auto;
      width: 158px; }
  body.company #cont_07 .inner .note {
    width: 100%; }
  body.company #cont_07 .inner .windows10 {
    width: 98%; } }
@media (max-width: 767px) {
  body.company #cont_01 .inner,
  body.company #cont_02 .inner,
  body.company #cont_03 .inner,
  body.company #cont_04 .inner,
  body.company #cont_05 .inner,
  body.company #cont_06 .inner,
  body.company #cont_07 .inner {
    width: 94%;
    margin: 0 auto; }
    body.company #cont_01 .inner p,
    body.company #cont_02 .inner p,
    body.company #cont_03 .inner p,
    body.company #cont_04 .inner p,
    body.company #cont_05 .inner p,
    body.company #cont_06 .inner p,
    body.company #cont_07 .inner p {
      width: 94%; } }

/*■■下書テスト用■■*/

body.page-id-22577 .headTitle {
  background-image: url(../image/company/bg_head_company.jpg);
  background-position: center; }
  body.page-id-22577 .headTitle h2:before {
    content: url(../image//company/icon_head_company.png);
    display: block;
    padding: 5px; }
body.page-id-22577 h3 {
  margin-bottom: 30px; }
body.page-id-22577 .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.page-id-22577 .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.page-id-22577 #cont_01 {
  background: url(../image/company/bg_company_cont01.png);
  background-size: cover; }
  body.page-id-22577 #cont_01 .inner {
    text-align: center; }
    body.page-id-22577 #cont_01 .inner h4 {
      border: none;
      font-family: "Monotype Corsiva", sans-serif;
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: normal;
      margin: 50px 0 10px; }
    body.page-id-22577 #cont_01 .inner p {
      font-size: 16px;
      font-size: 1rem;
      text-align: left;
      width: 660px;
      margin: 0 auto; }
    body.page-id-22577 #cont_01 .inner p + h4 {
      margin-top: 100px; }
body.page-id-22577 #cont_02 h3 {
  margin-bottom: 100px; }
body.page-id-22577 #cont_02 .msgBox {
  margin: 0 20px; }
  body.page-id-22577 #cont_02 .msgBox .msg {
    float: left;
    padding-bottom: 20px;
    width: 70%; }
    body.page-id-22577 #cont_02 .msgBox .msg p {
      text-indent: 1.0em;
      line-height: 2.0; }
  body.page-id-22577 #cont_02 .msgBox .text_sign {
    float: right; }
    body.page-id-22577 #cont_02 .msgBox .text_sign p {
      margin: 0; }
  body.page-id-22577 #cont_02 .msgBox .imgPresident {
    display: block;
    width: 28%;
    float: right; }
    body.page-id-22577 #cont_02 .msgBox .imgPresident img {
      margin: 0; }
      body.page-id-22577 #cont_02 .msgBox .imgPresident img.spShow {
        display: none; }
      body.page-id-22577 #cont_02 .msgBox .imgPresident img.spHide {
        display: block; }
  @media (max-width: 767px) {
    body.page-id-22577 #cont_02 .msgBox .msg,
    body.page-id-22577 #cont_02 .msgBox .imgPresident {
      float: none;
      width: 100%; }
      body.page-id-22577 #cont_02 .msgBox .msg p,
      body.page-id-22577 #cont_02 .msgBox .imgPresident p {
        width: 100%; }
      body.page-id-22577 #cont_02 .msgBox .msg img,
      body.page-id-22577 #cont_02 .msgBox .imgPresident img {
        width: 100%;
        height: auto; }
        body.page-id-22577 #cont_02 .msgBox .msg img.spShow,
        body.page-id-22577 #cont_02 .msgBox .imgPresident img.spShow {
          display: block; }
        body.page-id-22577 #cont_02 .msgBox .msg img.spHide,
        body.page-id-22577 #cont_02 .msgBox .imgPresident img.spHide {
          display: none; } }
body.page-id-22577 #cont_03 {
  background: url(../image/company/bg_company_cont03.jpg);
  background-size: cover; }
  body.page-id-22577 #cont_03 .inner table {
    width: 80%;
    margin: 0px auto; }
    body.page-id-22577 #cont_03 .inner table tr:nth-child(odd) {
      background-color: #f5f5f5; }
    body.page-id-22577 #cont_03 .inner table tr:nth-child(even) {
      background-color: #fff; }
      body.page-id-22577 #cont_03 .inner table tr:nth-child(even) th {
        background-color: #fff; }
    body.page-id-22577 #cont_03 .inner table tr:last-child th,
    body.page-id-22577 #cont_03 .inner table tr:last-child td {
      border-bottom: none; }
    body.page-id-22577 #cont_03 .inner table th,
    body.page-id-22577 #cont_03 .inner table td {
      padding: 15px;
      border-top: none;
      border-left: none;
      border-right: none; }
    body.page-id-22577 #cont_03 .inner table th {
      width: 15%;
      text-align: left;
      color: #008cd6; }
  body.page-id-22577 #cont_03 .inner .btn {
    background-color: #FFF; }
    body.page-id-22577 #cont_03 .inner .btn:hover {
      background-color: #008cd6; }
  @media (max-width: 767px) {
    body.page-id-22577 #cont_03 .inner table {
      width: 98%; }
      body.page-id-22577 #cont_03 .inner table th, body.page-id-22577 #cont_03 .inner table td {
        display: block;
        width: 100%;
        box-sizing: border-box; }
      body.page-id-22577 #cont_03 .inner table th {
        border-bottom: none; } }
body.page-id-22577 #cont_04 .inner {
  width: 800px; }
  body.page-id-22577 #cont_04 .inner section {
    border-bottom: 1px dashed #333;
    padding: 20px 0 30px; }
    body.page-id-22577 #cont_04 .inner section div {
      font-weight: bold;
      float: left;
      color: #fff;
      background-color: #008cd6;
      width: 6em;
      text-align: center;
      width: 70px;
      padding: 10px 0px;
      position: relative; }
      body.page-id-22577 #cont_04 .inner section div:after {
        content: "";
        position: absolute;
        bottom: -25px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-top: 25px solid #008cd6; }
    body.page-id-22577 #cont_04 .inner section ul {
      display: block;
      float: left;
      width: 89%;
      box-sizing: border-box;
      margin-left: 15px; }
      body.page-id-22577 #cont_04 .inner section ul li {
        width: 100%;
        clear: both; }
        body.page-id-22577 #cont_04 .inner section ul li span {
          display: block;
          font-weight: bold;
          margin-right: 20px;
          float: left;
          padding: 0 20px 20px 20px; }
        body.page-id-22577 #cont_04 .inner section ul li span + span {
          display: block;
          font-weight: normal;
          width: 75%; }
  body.page-id-22577 #cont_04 .inner section {
    display: flex;
    width: 100%; }
@media (max-width: 767px) {
  body.page-id-22577 #cont_04 .inner {
    width: 94%;
    margin: 0 auto; }
    body.page-id-22577 #cont_04 .inner section div:after {
      bottom: -24px; }
    body.page-id-22577 #cont_04 .inner section ul {
      width: 70%;
      float: right; }
      body.page-id-22577 #cont_04 .inner section ul li span {
        padding: 5px; }
      body.page-id-22577 #cont_04 .inner section ul li span + span {
        width: 100%;
        padding: 5px; }
    body.page-id-22577 #cont_04 .inner .sec_01,
    body.page-id-22577 #cont_04 .inner .sec_02,
    body.page-id-22577 #cont_04 .inner .sec_03 {
      height: auto; }
      body.page-id-22577 #cont_04 .inner .sec_01 div,
      body.page-id-22577 #cont_04 .inner .sec_02 div,
      body.page-id-22577 #cont_04 .inner .sec_03 div {
        height: 100%; } }
body.page-id-22577 #cont_05 ul {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap; }
  body.page-id-22577 #cont_05 ul li {
    display: inline-block;
    padding: 3px;
    border: 1px solid #ccc;
    width: 250px;
    margin: 5px 5px; }
    body.page-id-22577 #cont_05 ul li img {
      width: 100%; }
    body.page-id-22577 #cont_05 ul li h4 {
      border: none;
      font-size: 12px;
      font-size: 0.75rem;
      padding-left: 0px;
      margin: 0px; }
    body.page-id-22577 #cont_05 ul li h4 + p {
      font-size: 14px;
      font-size: 0.875rem; }
    body.page-id-22577 #cont_05 ul li p {
      font-size: 12px;
      font-size: 0.75rem; }
      body.page-id-22577 #cont_05 ul li p span {
        display: block;
        font-size: 12px;
        font-size: 0.75rem; }
    body.page-id-22577 #cont_05 ul li ul {
      display: block; }
      body.page-id-22577 #cont_05 ul li ul li {
        border: none;
        width: 100%;
        font-size: 12px;
        font-size: 0.75rem;
        position: relative;
        padding-left: 20px;
        margin: 0;
        box-sizing: border-box; }
        body.page-id-22577 #cont_05 ul li ul li::before {
          position: absolute;
          top: 0;
          left: 2px;
          font-family: "FontAwesome";
          content: "\f111";
          color: #008cd6;
          font-size: 6px;
          font-size: 0.375rem;
          margin-right: 5px; }
@media (max-width: 767px) {
  body.page-id-22577 #cont_05 ul li {
    width: 100%; } }
body.page-id-22577 #cont_06 {
  background: url(../image/company/bg_company_cont06.jpg) center;
  background-size: cover;
  padding: 100px 0; }
  body.page-id-22577 #cont_06 .inner p {
    text-align: center; }
  body.page-id-22577 #cont_06 .inner a.btn, body.page-id-22577 #cont_06 .inner .contactWrap .btn, .contactWrap body.page-id-22577 #cont_06 .inner .btn {
    background: #fff;
    margin: 30px auto;
    width: 150px;
    display: block; }
    body.page-id-22577 #cont_06 .inner a.btn:hover, body.page-id-22577 #cont_06 .inner .contactWrap .btn:hover, .contactWrap body.page-id-22577 #cont_06 .inner .btn:hover {
      color: #008cd6;
      border: 1px solid #008cd6; }
  @media (max-width: 767px) {
    body.page-id-22577 #cont_06 {
      padding: 50px 0; } }
body.page-id-22577 #cont_07 .btn {
  width: 100%;
  box-sizing: border-box; }
body.page-id-22577 #cont_07 .inner section {
  margin-bottom: 30px; }
  body.page-id-22577 #cont_07 .inner section img {
    width: 202px;
    height: 285px; }
body.page-id-22577 #cont_07 .inner a {
  text-decoration: underline; }
body.page-id-22577 #cont_07 .inner li {
  margin-bottom: 5px; }
body.page-id-22577 #cont_07 .inner a.ebook:after {
  margin-left: 5px;
  content: "";
  width: 16px;
  height: 14px;
  margin-right: 5px;
  display: inline-block;
  background: url(../image/common/icon_ebook.png) no-repeat center center;
  background-size: contain; }
body.page-id-22577 #cont_07 .inner .downBox {
  width: 500px;
  margin: 0 auto; }
body.page-id-22577 #cont_07 .inner .leftBox {
  width: auto; }
body.page-id-22577 #cont_07 .inner .rightBox {
  width: auto; }
  body.page-id-22577 #cont_07 .inner .rightBox p {
    font-weight: bold; }
body.page-id-22577 #cont_07 .inner .adobe {
  width: 65%;
  margin: 50px auto 20px;
  border: 2px solid #666;
  padding: 10px 20px;
  padding: 10px 20px; }
  body.page-id-22577 #cont_07 .inner .adobe p {
    display: block;
    float: left;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.7; }
  body.page-id-22577 #cont_07 .inner .adobe a {
    display: block;
    float: right; }
    body.page-id-22577 #cont_07 .inner .adobe a img {
      vertical-align: middle; }
body.page-id-22577 #cont_07 .inner .note {
  width: 70%;
  margin: 20px auto; }
  body.page-id-22577 #cont_07 .inner .note p {
    padding-left: 1.7em;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3; }
    body.page-id-22577 #cont_07 .inner .note p:first-child {
      text-indent: -1.25em; }
body.page-id-22577 #cont_07 .inner .windows10 {
  display: block;
  border: 2px solid #666;
  padding: 10px;
  text-align: center;
  width: 45%;
  margin: 50px auto;
  text-decoration: underline;
  font-weight: bold;
  box-sizing: border-box; }
@media (max-width: 767px) {
  body.page-id-22577 #cont_07 .inner .downBox {
    width: 100%; }
  body.page-id-22577 #cont_07 .inner .leftBox,
  body.page-id-22577 #cont_07 .inner .rightBox {
    text-align: center; }
  body.page-id-22577 #cont_07 .inner .rightBox {
    margin-top: 50px; }
  body.page-id-22577 #cont_07 .inner .adobe {
    width: 86%; }
    body.page-id-22577 #cont_07 .inner .adobe p, body.page-id-22577 #cont_07 .inner .adobe a {
      float: none;
      width: 100%; }
    body.page-id-22577 #cont_07 .inner .adobe a img {
      display: block;
      margin: 20px auto;
      width: 158px; }
  body.page-id-22577 #cont_07 .inner .note {
    width: 100%; }
  body.page-id-22577 #cont_07 .inner .windows10 {
    width: 98%; } }
@media (max-width: 767px) {
  body.page-id-22577 #cont_01 .inner,
  body.page-id-22577 #cont_02 .inner,
  body.page-id-22577 #cont_03 .inner,
  body.page-id-22577 #cont_04 .inner,
  body.page-id-22577 #cont_05 .inner,
  body.page-id-22577 #cont_06 .inner,
  body.page-id-22577 #cont_07 .inner {
    width: 94%;
    margin: 0 auto; }
    body.page-id-22577 #cont_01 .inner p,
    body.page-id-22577 #cont_02 .inner p,
    body.page-id-22577 #cont_03 .inner p,
    body.page-id-22577 #cont_04 .inner p,
    body.page-id-22577 #cont_05 .inner p,
    body.page-id-22577 #cont_06 .inner p,
    body.page-id-22577 #cont_07 .inner p {
      width: 94%; } }
/*■■ここまで■■*/

body.about .headTitle {
  background-image: url(../image/about/bg_about_head.jpg);
  background-position: center; }
  body.about .headTitle h2:before {
    content: url(../image//about/icon_about_head.png);
    display: block;
    padding: 5px; }
body.about h3 {
  margin-bottom: 30px; }
body.about .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.about .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.about #cont_01 {
  padding-bottom: 50px;
  background: url(../image/about/bg_about_cont03.jpg);
  background-size: cover; }
  body.about #cont_01 .inner {
    text-align: center; }
  body.about #cont_01 p {
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    width: 820px;
    margin: 0 auto 30px;
    line-height: 2; }
  @media (max-width: 767px) {
    body.about #cont_01 p {
      width: 100%; } }
body.about #cont_02 .inner {
  width: 810px; }
body.about #cont_02 h3 {
  margin-bottom: 100px; }
body.about #cont_02 h4 {
  text-align: center;
  margin-bottom: 20px; }
body.about #cont_02 .leftBox,
body.about #cont_02 .rightBox {
  width: 50%; }
body.about #cont_02 .topBox p {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 30px;
  line-height: 2; }
body.about #cont_02 .bottomBox {
  clear: both;
  margin-top: 80px; }
  body.about #cont_02 .bottomBox p {
    width: 600px;
    margin: 0 auto 50px; }
@media (max-width: 767px) {
  body.about #cont_02 .inner {
    width: 94%;
    margin: 0 auto; }
  body.about #cont_02 .leftBox,
  body.about #cont_02 .rightBox {
    width: 100%; }
    body.about #cont_02 .leftBox img,
    body.about #cont_02 .rightBox img {
      width: inherit;
      max-width: 80%; }
  body.about #cont_02 .rightBox {
    text-align: center; }
  body.about #cont_02 .bottomBox p {
    width: 100%; }
  body.about #cont_02 .bottomBox h4 img {
    width: inherit;
    max-width: 807px; }
  body.about #cont_02 .bottomBox figure img {
    width: 100%; } }
body.about #cont_03,
body.about #cont_04,
body.about #cont_05 {
  padding: 50px 0;
  background-repeat: no-repeat;
  background-position: center top; }
  body.about #cont_03 .textBox,
  body.about #cont_04 .textBox,
  body.about #cont_05 .textBox {
    float: left;
    width: 530px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px; }
  body.about #cont_03 h3,
  body.about #cont_04 h3,
  body.about #cont_05 h3 {
    margin: 0 0 15px; }
  body.about #cont_03 h4,
  body.about #cont_04 h4,
  body.about #cont_05 h4 {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 20px; }
body.about #cont_03 {
  background-color: #dff2fb;
  background-image: url(../image/about/bg_about_cont08.jpg); }
body.about #cont_04 {
  background-color: #f2f2f2;
  background-image: url(../image/about/bg_about_cont10.jpg); }
  body.about #cont_04 .textBox {
    float: right; }
body.about #cont_05 {
  background-color: #f2f2f2;
  background-image: url(../image/about/bg_about_cont12.jpg); }
@media (max-width: 767px) {
  body.about #cont_03 .textBox,
  body.about #cont_04 .textBox,
  body.about #cont_05 .textBox {
    float: none;
    width: 94%;
    margin: 0 auto;
    box-sizing: border-box; }
  body.about #cont_03 .spShow img,
  body.about #cont_04 .spShow img,
  body.about #cont_05 .spShow img {
    width: 100%;
    margin: 20px auto 0; }
  body.about #cont_03 {
    background: none;
    background-color: #dff2fb; }
    body.about #cont_03 .textBox {
      float: none; }
  body.about #cont_04 {
    background: none;
    background-color: #f2f2f2; }
  body.about #cont_05 {
    background: none;
    background-color: #dff2fb; } }

body.specialist .headTitle {
  background-image: url(../image/about/bg_about_head.jpg);
  background-position: center; }
  body.specialist .headTitle h2:before {
    content: url(../image//about/icon_about_head.png);
    display: block;
    padding: 5px; }
body.specialist h3 {
  margin-bottom: 30px; }
body.specialist .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.specialist .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.specialist #cont_01 .inner {
  text-align: center; }
@media (max-width: 767px) {
  body.specialist #cont_01 img {
    width: 100%;
    display: block;
    max-width: 636px; } }
body.specialist #cont_02 {
  background: url(../image//about/bg_specialist_cont02.png) repeat; }
  body.specialist #cont_02 h3 + p {
    text-align: center;
    margin: 0 auto 30px;
    width: 800px; }
  body.specialist #cont_02 .leftBox,
  body.specialist #cont_02 .rightBox {
    width: 49%; }
  body.specialist #cont_02 table {
    width: 100%;
    margin-bottom: 15px;
    background-color: #FFF; }
  body.specialist #cont_02 th {
    color: #fff;
    background: #333; }
  body.specialist #cont_02 td + td {
    width: 80px;
    text-align: right; }
  body.specialist #cont_02 tbody tr:nth-child(even) {
    background-color: #fafafa; }
  @media (max-width: 767px) {
    body.specialist #cont_02 h3 + p {
      width: 100%; }
    body.specialist #cont_02 .leftBox, body.specialist #cont_02 .rightBox {
      width: 100%; } }
body.specialist #cont_03 {
  padding-bottom: 50px;
  background: #eee url(../image//about/bg_specialist_cont02.png) repeat; }
  body.specialist #cont_03 h3 + p {
    text-align: center;
    margin: 0 auto 30px;
    width: 800px; }
  body.specialist #cont_03 .imgBox {
    text-align: center;
    background: linear-gradient(#d7d7d7, #e4e5df);
    display: table-cell;
    vertical-align: bottom;
    height: 210px;
    width: 30%; }
  body.specialist #cont_03 img {
    vertical-align: bottom; }
  body.specialist #cont_03 ul {
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap; }
  body.specialist #cont_03 li {
    width: 30%;
    border: 1px solid #eee;
    margin: 0 8px 3%;
    background-color: #FFF; }
    body.specialist #cont_03 li p {
      margin: 0; }
    @media (max-width: 767px) {
      body.specialist #cont_03 li {
        width: 80%; } }
  body.specialist #cont_03 a {
    display: block; }
  body.specialist #cont_03 dl {
    padding: 15px;
    background-color: #FFF; }
  body.specialist #cont_03 dt {
    text-align: center;
    color: #008cd6;
    font-weight: bold;
    margin-bottom: 5px; }
  body.specialist #cont_03 dd {
    font-size: 12px;
    font-size: 0.75rem; }
  body.specialist #cont_03 span {
    font-size: 12px;
    font-size: 0.75rem; }
  @media (max-width: 767px) {
    body.specialist #cont_03 h3 + p {
      width: 100%; }
    body.specialist #cont_03 li {
      margin: 30px auto; } }

body.specialistCont .pagenation {
  position: relative;
  display: block;
  height: 40px;
  font-weight: bold; }
body.specialistCont .pagenation a {
  text-decoration: none;
  position: absolute; }
body.specialistCont .pagenation a.prev {
  left: 0; }
body.specialistCont .pagenation a.prev::before {
  content: "\f060";
  font-family: "FontAwesome";
  margin-right: 5px; }
body.specialistCont .pagenation a.next {
  right: 0; }
  @media (max-width: 767px) {
    body.specialistCont .pagenation a.next {
      top: 2em; } }
body.specialistCont .pagenation a.next::after {
  content: "\f061";
  font-family: "FontAwesome";
  margin-left: 5px; }

body.history .headTitle {
  background-image: url(../image/about/bg_about_head.jpg);
  background-position: center; }
  body.history .headTitle h2:before {
    content: url(../image//about/icon_about_head.png);
    display: block;
    padding: 5px; }
body.history .content .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.history .content .inner {
      width: 94%;
      margin: 0 auto; } }
body.history .yearBox {
  font-family: "Lato",sans-serif;
  letter-spacing: 0;
  font-weight: 100;
  text-align: center;
  font-size: 90px;
  font-size: 5.625rem;
  color: #d6d6d6;
  line-height: 1;
  margin-bottom: 30px;
  margin-top: 30px; }
body.history #cont_01 {
  padding-bottom: 0; }
  body.history #cont_01 .enkakuHead {
    border: 1px solid #008cd6;
    border-radius: 100%;
    width: 250px;
    height: 250px;
    margin: 0 auto; }
    body.history #cont_01 .enkakuHead h3 {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      font-size: 30px;
      font-size: 1.875rem;
      color: #008cd6; }
  body.history #cont_01 .enkakuCont {
    background: url(../image/about/bg_line.png) repeat-y center;
    position: relative;
    padding-bottom: 70px; }
  body.history #cont_01 .age {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #FFF;
    background-color: #008cd6;
    padding: 10px 0;
    width: 150px;
    text-align: center;
    margin: 30px auto;
    clear: both;
    letter-spacing: 0.1; }
  body.history #cont_01 .item {
    width: 47%;
    clear: both;
    display: flex;
    position: relative;
    margin: 30px 0; }
  body.history #cont_01 .left {
    text-align: right;
    justify-content: flex-end; }
    body.history #cont_01 .left img {
      margin: -40px 15px 0 0; }
    body.history #cont_01 .left::after {
      content: '';
      width: 12px;
      height: 12px;
      background: #008cd6;
      position: absolute;
      right: -39px;
      top: 0;
      border-radius: 100%; }
      @media (max-width: 767px) {
        body.history #cont_01 .left::after {
          right: -10%; } }
  body.history #cont_01 .right {
    margin-left: 570px; }
    body.history #cont_01 .right img {
      margin: -40px 0 0 15px; }
    body.history #cont_01 .right::before {
      content: '';
      width: 12px;
      height: 12px;
      background: #008cd6;
      position: absolute;
      left: -36px;
      top: 0;
      border-radius: 100%; }
      @media (max-width: 767px) {
        body.history #cont_01 .right::before {
          left: -10%; } }
    @media (max-width: 767px) {
      body.history #cont_01 .right {
        margin-left: 53%; } }
  body.history #cont_01 .year {
    font-weight: bold; }
body.history #cont_02 {
  background: url(../image/about/bg_history_cont05.jpg) no-repeat bottom center/cover; }
  body.history #cont_02 .inner {
    width: 100%;
    height: 470px;
    text-align: center; }
  body.history #cont_02 h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8;
    margin: 0 0 20px;
    text-align: center; }
    body.history #cont_02 h3 span {
      color: #008cd6; }
  body.history #cont_02 .textBox {
    margin: 0 auto;
    padding-top: 30px; }
  body.history #cont_02 .flex {
    margin-top: 50px;
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      body.history #cont_02 .flex {
        display: block; }
        body.history #cont_02 .flex a {
          width: 80%;
          box-sizing: border-box;
          margin-bottom: 15px; } }
  body.history #cont_02 .btn {
    background-color: #FFF;
    margin: 0 15px; }
    body.history #cont_02 .btn:hover {
      background-color: #008cd6; }
@media (max-width: 767px) {
  body.history #cont_02 .inner {
    width: 94%;
    margin: 0 auto; }
    body.history #cont_02 .inner .textBox {
      width: 94%;
      margin: 0 auto; } }

body.activities .headTitle {
  background-image: url(../image/about/bg_about_head.jpg);
  background-position: center; }
  body.activities .headTitle h2:before {
    content: url(../image//about/icon_about_head.png);
    display: block;
    padding: 5px; }
body.activities h3 {
  margin-bottom: 30px; }
body.activities .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.activities .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.activities #cont_01 {
  background-image: url(../image/about/img_activities_cont01.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 400px; }
  body.activities #cont_01 .inner {
    text-align: center;
    width: 700px; }
  body.activities #cont_01 p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2; }
  @media (max-width: 767px) {
    body.activities #cont_01 {
      background: none;
      padding-bottom: 0; }
      body.activities #cont_01 .inner {
        width: 94%;
        margin: 0 auto; }
      body.activities #cont_01 .spShow img {
        width: 100%;
        margin: 20px auto; } }
body.activities #cont_02 h4 {
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 20px; }
body.activities #cont_02 h4 + p {
  width: 700px;
  margin: 0 auto 30px; }
body.activities #cont_02 .traiangleBox {
  height: 700px;
  position: relative;
  background: url(../image/about/bg_triangle.png) no-repeat center; }
  body.activities #cont_02 .traiangleBox > div {
    position: absolute; }
  body.activities #cont_02 .traiangleBox .box1 {
    top: 0;
    left: 189px; }
  body.activities #cont_02 .traiangleBox .box2 {
    top: 162px;
    left: 632px; }
  body.activities #cont_02 .traiangleBox .box3 {
    top: 374px;
    left: 13px; }
@media (max-width: 767px) {
  body.activities #cont_02 h4 + p {
    width: 100%; }
  body.activities #cont_02 .traiangleBox {
    height: auto;
    background: none; }
    body.activities #cont_02 .traiangleBox > div {
      position: static;
      margin: 10px auto;
      max-width: 360px; }
      body.activities #cont_02 .traiangleBox > div img {
        max-width: 360px;
        width: 100%;
        margin: 0 auto;
        display: block; } }
body.activities #cont_03 {
  background: url(../image/about/bg_activivies_cont03.jpg) no-repeat top center/cover; }
  body.activities #cont_03 table {
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #FFF; }
body.activities #cont_04 .inner {
  width: 800px; }
body.activities #cont_04 h4 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 20px; }
body.activities #cont_04 ul {
  margin: 0 auto; }
body.activities #cont_04 li {
  width: 50%;
  float: left; }
@media (max-width: 767px) {
  body.activities #cont_04 .inner {
    width: 94%;
    margin: 0 auto; }
  body.activities #cont_04 li {
    float: none;
    width: 100%; } }

body.service .headTitle {
  background-image: url(../image/service/bg_head_service.jpg);
  background-position: center; }
  body.service .headTitle h2:before {
    content: url(../image/service/icon_head_service.png);
    display: block;
    padding: 5px; }
body.service h3 {
  margin-bottom: 30px; }
body.service h4 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 15px; }
body.service .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.service .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.service #cont_01 {
  background: url(../image/service/bg_service_cont01.jpg);
  background-size: cover;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  margin-bottom: 100px; }
  body.service #cont_01 .inner {
    padding-top: 40px; }
  body.service #cont_01 h3 + p {
    text-align: center; }
  body.service #cont_01 .flowBox {
    margin-top: 50px;
    position: relative;
    height: 490px; }
  body.service #cont_01 .flowItem {
    position: absolute;
    width: 256px;
    height: 170px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
    body.service #cont_01 .flowItem p {
      margin: 0; }
    body.service #cont_01 .flowItem a:hover img {
      transition: all 0.8s ease-in-out;
      -webkit-transition: all 0.8s ease-in-out;
      transform: scale(1.1) translateY(-50%);
      -webkit-transform: scale(1.1) translateY(-50%); }
    body.service #cont_01 .flowItem a:hover i {
      top: 18px; }
    body.service #cont_01 .flowItem.mini {
      height: 75px;
      border: 1px solid #008cd6; }
      body.service #cont_01 .flowItem.mini i {
        top: 28px; }
      body.service #cont_01 .flowItem.mini:hover i {
        right: 3px;
        top: 28px; }
  body.service #cont_01 .imageBox {
    overflow: hidden;
    width: 100%;
    height: 118px; }
    body.service #cont_01 .imageBox img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  body.service #cont_01 .textBox {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    background-color: #f9c300;
    font-weight: bold;
    text-align: center;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 52px; }
  body.service #cont_01 i {
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 22px;
    font-size: 1.375rem; }
  body.service #cont_01 .item_02 {
    left: 275px; }
  body.service #cont_01 .item_03 {
    left: 550px; }
  body.service #cont_01 .item_04 {
    right: 0; }
  body.service #cont_01 .item_05 {
    top: 305px;
    left: 275px; }
    body.service #cont_01 .item_05 .textBox {
      background-color: #008cd6; }
  body.service #cont_01 .item_06 {
    top: 305px;
    left: 550px; }
    body.service #cont_01 .item_06 .textBox {
      background-color: #FFF;
      line-height: 80px;
      color: #008cd6; }
  body.service #cont_01 .item_07 {
    top: 397px;
    left: 550px; }
    body.service #cont_01 .item_07 .textBox {
      background-color: #FFF;
      line-height: 80px;
      color: #008cd6; }
  body.service #cont_01 .flowLine {
    position: absolute;
    top: 180px;
    left: 100px; }
  @media (max-width: 767px) {
    body.service #cont_01 {
      display: none; } }
body.service div#cont_02,
body.service #cont_03,
body.service #cont_04,
body.service #cont_05,
body.service #cont_06 {
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
  position: relative; }
  body.service div#cont_02 h5,
  body.service #cont_03 h5,
  body.service #cont_04 h5,
  body.service #cont_05 h5,
  body.service #cont_06 h5 {
    clear: both;
    margin-top: 15px;
    color: #008cd6; }
  body.service div#cont_02 li,
  body.service #cont_03 li,
  body.service #cont_04 li,
  body.service #cont_05 li,
  body.service #cont_06 li {
    float: left;
    width: 270px;
    margin: 0 30px 5px 0; }
  body.service div#cont_02 .leftBox,
  body.service div#cont_02 .rightBox,
  body.service #cont_03 .leftBox,
  body.service #cont_03 .rightBox,
  body.service #cont_04 .leftBox,
  body.service #cont_04 .rightBox,
  body.service #cont_05 .leftBox,
  body.service #cont_05 .rightBox,
  body.service #cont_06 .leftBox,
  body.service #cont_06 .rightBox {
    width: 630px; }
  body.service div#cont_02::before,
  body.service #cont_03::before,
  body.service #cont_04::before,
  body.service #cont_05::before,
  body.service #cont_06::before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 30px solid transparent; }
  @media (max-width: 767px) {
    body.service div#cont_02 li,
    body.service #cont_03 li,
    body.service #cont_04 li,
    body.service #cont_05 li,
    body.service #cont_06 li {
      width: 98%;
      margin: 0  0 5px 0; }
    body.service div#cont_02 .leftBox,
    body.service div#cont_02 .rightBox,
    body.service #cont_03 .leftBox,
    body.service #cont_03 .rightBox,
    body.service #cont_04 .leftBox,
    body.service #cont_04 .rightBox,
    body.service #cont_05 .leftBox,
    body.service #cont_05 .rightBox,
    body.service #cont_06 .leftBox,
    body.service #cont_06 .rightBox {
      width: 100%; } }
body.service h3#cont_02_02 {
  padding-top: 110px;
  margin-top: -90px; }
body.service div#cont_02 {
  background-image: url(../image/service/bg_service_cont02.jpg);
  background-position: center left;
  background-color: #EBF7ED;
  z-index: 6;
  min-height: 300px; }
  body.service div#cont_02::before {
    border-top-color: #EBF7ED; }
  @media (max-width: 767px) {
    body.service div#cont_02 {
      background-image: none; }
      body.service div#cont_02 .spShow img {
        width: 100%;
        margin: 30px auto; } }
body.service #cont_03 {
  background-image: url(../image/service/bg_service_cont03.jpg);
  background-position: top right;
  background-color: #ebf6f3;
  z-index: 5; }
  body.service #cont_03::before {
    border-top-color: #ebf6f3; }
  @media (max-width: 767px) {
    body.service #cont_03 {
      background-image: none; }
      body.service #cont_03 .spShow img {
        width: 100%;
        margin: 30px auto; } }
body.service #cont_04 {
  background-image: url(../image/service/bg_service_cont04.jpg);
  background-position: top left;
  background-color: #ebf4f6;
  z-index: 4; }
  body.service #cont_04::before {
    border-top-color: #ebf4f6; }
  @media (max-width: 767px) {
    body.service #cont_04 {
      background-image: none; }
      body.service #cont_04 .spShow img {
        width: 100%;
        margin: 30px auto; } }
body.service #cont_05 {
  background-image: url(../image/service/bg_service_cont05.jpg);
  background-position: top right;
  background-color: #eef3fb;
  z-index: 3; }
  body.service #cont_05::before {
    border-top-color: #eef3fb; }
  @media (max-width: 767px) {
    body.service #cont_05 {
      background-image: none; }
      body.service #cont_05 .spShow img {
        width: 100%;
        margin: 30px auto; } }
body.service #cont_06 {
  background-image: url(../image/service/bg_service_cont06.jpg);
  background-position: bottom left;
  background-color: #f5f1fd;
  z-index: 2; }
  @media (max-width: 767px) {
    body.service #cont_06 {
      background-image: none; }
      body.service #cont_06 .spShow img {
        width: 100%;
        margin: 30px auto; } }

body.service_serch .headTitle {
  background-image: url(../image/service/bg_head_service.jpg);
  background-position: center; }
  body.service_serch .headTitle h2:before {
    content: url(../image//service/icon_head_service.png);
    display: block;
    padding: 5px; }
body.service_serch .ta_center {
  text-align: center; }
body.service_serch #cont_01 .mix-controls li,
body.service_serch div#cont_02 .mix-controls li,
body.service_serch #cont_03 .mix-controls li {
  background-color: #008cd6;
  border: 1px solid #008cd6;
  cursor: pointer;
  display: inline-block;
  color: #FFF;
  padding: 10px 10px;
  box-shadow: inset 0px 1px 0px 0px #54a3f7;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 243px;
  text-align: center; }
  @media (max-width: 767px) {
    body.service_serch #cont_01 .mix-controls li,
    body.service_serch div#cont_02 .mix-controls li,
    body.service_serch #cont_03 .mix-controls li {
      width: auto; } }
body.service_serch #cont_01 .mix-container li,
body.service_serch div#cont_02 .mix-container li,
body.service_serch #cont_03 .mix-container li {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  margin: 5px; }
  @media (max-width: 767px) {
    body.service_serch #cont_01 .mix-container li,
    body.service_serch div#cont_02 .mix-container li,
    body.service_serch #cont_03 .mix-container li {
      width: 46%; } }
  body.service_serch #cont_01 .mix-container li a,
  body.service_serch div#cont_02 .mix-container li a,
  body.service_serch #cont_03 .mix-container li a {
    display: table-cell;
    text-align: center;
    width: 202px;
    height: 80px;
    border: 1px solid #008cd6;
    background-color: #FFF;
    color: #008cd6;
    padding: 0 15px;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #f4faff; }
    body.service_serch #cont_01 .mix-container li a:hover,
    body.service_serch div#cont_02 .mix-container li a:hover,
    body.service_serch #cont_03 .mix-container li a:hover {
      background-color: #008cd6;
      color: #FFF; }
body.service_serch #cont_01 h3,
body.service_serch div#cont_02 h3,
body.service_serch #cont_03 h3,
body.service_serch #cont_04 h3 {
  margin-bottom: 30px; }
body.service_serch #cont_04 {
  background: url(../image/service/bg_service_cont01.jpg);
  background-size: cover;
  overflow: hidden;
  margin-bottom: 30px; }
  body.service_serch #cont_04 h3 + p {
    text-align: center; }
  body.service_serch #cont_04 .flowBox {
    margin-top: 50px;
    position: relative;
    height: 490px; }
  body.service_serch #cont_04 .flowItem {
    position: absolute;
    width: 256px;
    height: 170px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
    body.service_serch #cont_04 .flowItem p {
      margin: 0; }
    body.service_serch #cont_04 .flowItem a:hover img {
      transition: all 0.8s ease-in-out;
      -webkit-transition: all 0.8s ease-in-out;
      transform: scale(1.1) translateY(-50%);
      -webkit-transform: scale(1.1) translateY(-50%); }
    body.service_serch #cont_04 .flowItem a:hover i {
      top: 18px; }
    body.service_serch #cont_04 .flowItem.mini {
      height: 75px;
      border: 1px solid #008cd6; }
      body.service_serch #cont_04 .flowItem.mini i {
        top: 28px; }
      body.service_serch #cont_04 .flowItem.mini:hover i {
        right: 3px;
        top: 28px; }
  body.service_serch #cont_04 .imageBox {
    overflow: hidden;
    width: 100%;
    height: 118px; }
    body.service_serch #cont_04 .imageBox img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  body.service_serch #cont_04 .textBox {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    background-color: #f9c300;
    font-weight: bold;
    text-align: center;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 52px; }
  body.service_serch #cont_04 i {
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 22px;
    font-size: 1.375rem; }
  body.service_serch #cont_04 .item_02 {
    left: 275px; }
  body.service_serch #cont_04 .item_03 {
    left: 550px; }
  body.service_serch #cont_04 .item_04 {
    right: 0; }
  body.service_serch #cont_04 .item_05 {
    top: 305px;
    left: 275px; }
    body.service_serch #cont_04 .item_05 .textBox {
      background-color: #008cd6; }
  body.service_serch #cont_04 .item_06 {
    top: 305px;
    left: 550px; }
    body.service_serch #cont_04 .item_06 .textBox {
      background-color: #FFF;
      line-height: 80px;
      color: #008cd6; }
  body.service_serch #cont_04 .item_07 {
    top: 397px;
    left: 550px; }
    body.service_serch #cont_04 .item_07 .textBox {
      background-color: #FFF;
      line-height: 80px;
      color: #008cd6; }
  body.service_serch #cont_04 .flowLine {
    position: absolute;
    top: 180px;
    left: 100px; }
  @media (max-width: 767px) {
    body.service_serch #cont_04 {
      display: none; } }

body.csr .headTitle {
  background-image: url(../image/csr/img_csr_head.jpg);
  background-position: center; }
  body.csr .headTitle h2:before {
    content: url(../image/csr/icon_csr_head.png);
    display: block;
    padding: 5px; }
body.csr h4 {
  font-size: 18px;
  font-size: 1.125rem; }
body.csr h3 {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 30px; }
body.csr .contents .inner {
  width: 1080px; }
  @media (max-width: 767px) {
    body.csr .contents .inner {
      width: 94%;
      margin: 0 auto;
      overflow: hidden; } }
body.csr #cont_00 .inner {
  text-align: center;
  width: 700px; }
  body.csr #cont_00 .inner p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 50px; }
  body.csr #cont_00 .inner ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between; }
    body.csr #cont_00 .inner ul li p {
      width: 330px;
      text-align: left; }
    body.csr #cont_00 .inner ul li + li {
      margin-right: 0; }
    body.csr #cont_00 .inner ul .btn {
      margin-top: 0;
      margin-bottom: 80px; }
    body.csr #cont_00 .inner ul img {
      width: 330px; }
  @media (max-width: 767px) {
    body.csr #cont_00 .inner {
      width: 94%;
      margin: 0 auto; }
      body.csr #cont_00 .inner ul {
        flex-direction: column; }
        body.csr #cont_00 .inner ul li,
        body.csr #cont_00 .inner ul li + li {
          margin: 10px auto; } }
body.csr #cont_01 .inner {
  text-align: center;
  width: 700px; }
  body.csr #cont_01 .inner p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 80px; }
body.csr #cont_01 .bgBottom {
  background: url(../image/csr/img_csr_cont01.jpg) no-repeat center;
  height: 400px;
  width: 100%;
  background-size: cover; }
@media (max-width: 767px) {
  body.csr #cont_01 .inner {
    width: 94%;
    margin: 0 auto; }
  body.csr #cont_01 .bgBottom {
    background-size: contain;
    height: 120px; } }
body.csr #cont_02 .leftBox {
  line-height: 1.7;
  width: 52%; }
  body.csr #cont_02 .leftBox p {
    font-size: 16px;
    font-size: 1rem; }
body.csr #cont_02 .rightBox {
  width: 38%; }
@media (max-width: 767px) {
  body.csr #cont_02 .leftBox,
  body.csr #cont_02 .rightBox {
    width: 100%; }
  body.csr #cont_02 .rightBox img {
    max-width: 335px;
    display: block;
    margin: 10px auto;
    width: 100%; } }
body.csr #cont_03 h4 {
  text-align: center;
  margin-bottom: 30px; }
body.csr #cont_03 ul {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center; }
  body.csr #cont_03 ul li {
    margin-right: 150px; }
    body.csr #cont_03 ul li p {
      width: 300px; }
  body.csr #cont_03 ul li + li {
    margin-right: 0; }
@media (max-width: 767px) {
  body.csr #cont_03 ul {
    flex-direction: column; }
    body.csr #cont_03 ul li,
    body.csr #cont_03 ul li + li {
      margin: 10px auto; } }
body.csr #cont_04 {
  background: url(../image/csr/bg_csr_cont04.jpg) no-repeat center;
  background-size: cover; }
  body.csr #cont_04 iframe {
    width: 100%; }
  body.csr #cont_04 .flexBox {
    height: 400px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  body.csr #cont_04 .left, body.csr #cont_04 .right {
    width: 48%; }
  @media (max-width: 767px) {
    body.csr #cont_04 {
      height: 300px; }
      body.csr #cont_04 .inner {
        width: 94%;
        margin: 0 auto; }
        body.csr #cont_04 .inner iframe {
          width: 100%;
          height: 200px;
          margin: 16% auto; } }
body.csr #cont_05 .inner {
  width: 700px; }
@media (max-width: 767px) {
  body.csr #cont_05 .inner {
    width: 94%;
    margin: 0 auto; }
    body.csr #cont_05 .inner .leftBox,
    body.csr #cont_05 .inner .rightBox {
      width: 100%; }
      body.csr #cont_05 .inner .leftBox img, body.csr #cont_05 .inner .leftBox p,
      body.csr #cont_05 .inner .rightBox img,
      body.csr #cont_05 .inner .rightBox p {
        display: block;
        margin: 10px auto;
        width: 100%;
        max-width: 324px; } }
body.csr #cont_06 {
  margin-bottom: 50px; }
  body.csr #cont_06 h4 {
    margin-bottom: 15px; }
  body.csr #cont_06 ul > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px; }
    body.csr #cont_06 ul > li::before {
      position: absolute;
      top: 0;
      left: 2px;
      font-family: "FontAwesome";
      content: "\f111";
      color: #008cd6;
      font-size: 6px;
      font-size: 0.375rem;
      margin-right: 5px; }
    body.csr #cont_06 ul > li a {
      text-decoration: underline; }
  body.csr #cont_06 .flexBox {
    display: flex; }
  body.csr #cont_06 .left {
    width: 500px; }
  body.csr #cont_06 .right {
    margin-left: 50px; }
  body.csr #cont_06 iframe {
    width: 100%; }
  @media (max-width: 767px) {
    body.csr #cont_06 .flexBox {
      display: block; }
    body.csr #cont_06 .left {
      width: 100%; }
    body.csr #cont_06 .right {
      margin-left: 0;
      margin-top: 30px; } }
body.csr #cont_07 {
  background-color: #f8f8ff; }
  body.csr #cont_07 .inner {
    text-align: center;
    width: 700px;
    margin-top: 30px; }
    body.csr #cont_07 .inner p {
      font-size: 16px;
      font-size: 1rem;
      line-height: 2;
      margin-bottom: 80px; }
  body.csr #cont_07 .bgBottom {
    background: url(../image/csr/img_csr_cont13.jpg) no-repeat center;
    height: 400px;
    width: 100%;
    background-size: cover; }
  @media (max-width: 767px) {
    body.csr #cont_07 .inner {
      width: 94%;
      margin: 0 auto; }
      body.csr #cont_07 .inner h4 {
        text-align: center; }
    body.csr #cont_07 .bgBottom {
      background-size: contain;
      height: 120px; } }
body.csr #cont_08 {
  background-color: #f8f8ff; }
  body.csr #cont_08 .inner {
    text-align: center;
    width: 700px; }
    body.csr #cont_08 .inner ul {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      -webkit-justify-content: space-between; }
      body.csr #cont_08 .inner ul li p {
        width: 330px;
        text-align: left; }
      body.csr #cont_08 .inner ul li + li {
        margin-right: 0; }
  @media (max-width: 767px) {
    body.csr #cont_08 .inner {
      width: 94%;
      margin: 0 auto; }
      body.csr #cont_08 .inner h4 {
        text-align: center; }
      body.csr #cont_08 .inner ul {
        flex-direction: column; }
        body.csr #cont_08 .inner ul li,
        body.csr #cont_08 .inner ul li + li {
          margin: 10px auto; } }
body.csr #cont_09 {
  background-color: #f8f8ff; }
  body.csr #cont_09 .inner {
    width: 1080px; }
    body.csr #cont_09 .inner .sessionBox {
      clear: both; }
    body.csr #cont_09 .inner h4 {
      margin: 10px 0;
      color: #008cd6; }
    body.csr #cont_09 .inner span {
      color: #008cd6;
      border: 1px solid #008cd6;
      padding: 1px 10px;
      margin-bottom: 10px; }
    body.csr #cont_09 .inner .imgBox {
      float: left;
      width: 10%; }
    body.csr #cont_09 .inner .textBox {
      float: right;
      width: 80%;
      margin-bottom: 50px; }
  @media (max-width: 767px) {
    body.csr #cont_09 .inner {
      width: 94%;
      margin: 0 auto; }
      body.csr #cont_09 .inner .imgBox {
        float: none;
        text-align: center;
        width: 100%; }
      body.csr #cont_09 .inner .textBox {
        float: none;
        width: 100%; } }

body.news ul.newsList li {
  border-bottom: 1px dotted #ccc; }
  body.news ul.newsList li a {
    background: none;
    padding: 30px 0; }
  body.news ul.newsList li:first-child a {
    padding-top: 0; }
body.news a[href$=".pdf"] .newsText:after {
  content: url(../image//common/icon_pdf.png);
  margin-left: 7px;
  vertical-align: middle;
  margin-top: 2px;
  display: inline-block; }

.contactWrap.standardStyle, .wideStyle h1.contactWrap, #wrap .standardStyle h1.contactWrap, .subPage h1.contactWrap {
  width: 100%;
  max-width: 1080px; }
.contactWrap .contents .inner {
  width: 900px; }
@media (max-width: 767px) {
  .contactWrap .contents .inner {
    width: 94%;
    margin: 0 auto; } }
.contactWrap .stepBox + h2 {
  margin-top: 60px; }
.contactWrap p + a {
  text-decoration: underline; }
  .contactWrap p + a:before {
    content: "\f061";
    font-family: "FontAwesome";
    color: #398a83; }
.contactWrap .note {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 20px; }
.contactWrap table {
  margin: 20px auto;
  width: 100%; }
  .contactWrap table td,
  .contactWrap table th {
    text-align: left;
    padding: 10px;
    vertical-align: middle;
    padding: 15px 20px; }
  .contactWrap table th {
    width: 17em;
    vertical-align: top; }
    .contactWrap table th span {
      padding: 3px 6px;
      font-size: 0.9em;
      color: #FFFFFF;
      display: inline-block;
      margin-right: 10px;
      border-radius: 3px; }
    .contactWrap table th .required {
      background-color: #ff3e3e; }
    .contactWrap table th .any {
      background-color: #008cd6; }
  .contactWrap table textarea {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    font-family: Meiryo,'¥á¥¤¥ê¥ª',Hiragino Kaku Gothic Pro,'¥Ò¥é¥®¥Î½Ç¥´ Pro W3',sans-serif;
    padding: 2px 6px 0; }
  .contactWrap table input {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem; }
    .contactWrap table input[type="checkbox"] {
      width: auto; }
    .contactWrap table input.zip {
      width: 25%;
      margin-bottom: 5px; }
    .contactWrap table input.tel {
      width: 25%; }
    .contactWrap table input.fax {
      width: 25%; }
  .contactWrap table select {
    padding: 10px;
    margin-bottom: 15px; }
  .contactWrap table ::-webkit-input-placeholder {
    color: #ccc; }
  .contactWrap table ::-moz-placeholder {
    color: #ccc;
    opacity: 1; }
  .contactWrap table :-ms-input-placeholder {
    color: #ccc; }
.contactWrap .btn {
  background-color: #FFF;
  width: 30%;
  padding: 30px 0;
  margin: 30px 15px; }
  .contactWrap .btn:hover[disabled] {
    background-color: #FFF;
    cursor: default; }
  .contactWrap .btn[disabled] {
    color: #ccc;
    border-color: #ccc; }
.contactWrap .accept {
  margin: 15px 30px; }
.contactWrap .stepBox {
  display: flex;
  line-height: 1.2;
  margin-top: 30px; }
  .contactWrap .stepBox span {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem; }
  .contactWrap .stepBox > div {
    width: 33.33%;
    box-sizing: border-box;
    padding: 7px 20px 0;
    position: relative;
    height: 50px;
    background-color: #eee;
    border-left: 2px solid #fff; }
    .contactWrap .stepBox > div::after {
      content: "";
      position: absolute;
      left: 100%;
      top: 0;
      width: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 10px solid #eee;
      z-index: 1; }
  .contactWrap .stepBox .step2 {
    background-color: #e8e8e8; }
    .contactWrap .stepBox .step2::after {
      border-left-color: #e8e8e8; }
  .contactWrap .stepBox .step3 {
    background-color: #ddd; }
    .contactWrap .stepBox .step3::after {
      border-left-color: #ddd; }
  .contactWrap .stepBox .active {
    color: #FFF;
    background-color: #008cd6; }
    .contactWrap .stepBox .active::after {
      border-left-color: #008cd6; }
.contactWrap .btnForm {
  text-align: center;
  padding: 30px 0; }
  .contactWrap .btnForm input {
    background-color: #01b3a7;
    padding: 20px 80px;
    border: none;
    color: #FFF;
    border: 2px solid #01b3a7;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem; }
    .contactWrap .btnForm input:hover {
      background-color: #FFF;
      color: #01b3a7; }
.contactWrap .mw_wp_form_confirm .step2Hide {
  display: none; }
.contactWrap .policy > div {
  border: 8px solid #EEE;
  padding: 20px;
  overflow-y: scroll;
  height: 200px; }
  .contactWrap .policy > div h2 {
    font-size: 16px;
    font-size: 1rem;
    border-left: none;
    padding: 0;
    font-weight: bold;
    background-color: inherit; }
  .contactWrap .policy > div h3 {
    font-size: 14px;
    font-size: 0.875rem;
    color: #333; }
.contactWrap .contactBox {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 40px 0 30px; }
  .contactWrap .contactBox .left {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center;
    width: 50%;
    /*padding-top: 15px;*/ }
  .contactWrap .contactBox .right {
    font-size: 18px;
    font-size: 1.125rem; }
    .contactWrap .contactBox .right p {
      margin-bottom: 10px; }
    .contactWrap .contactBox .right span {
      font-size: 12px;
      font-size: 0.75rem;
      background-color: #333;
      color: #fff;
      width: 60px;
      display: inline-block;
      text-align: center;
      margin-right: 10px; }
    .contactWrap .contactBox .right img {
      vertical-align: middle; }
@media (max-width: 979px) {
  .contactWrap .telBox {
    margin: 30px auto; } }
@media (max-width: 767px) {
  .contactWrap table {
    width: 100%; }
    .contactWrap table td, .contactWrap table th {
      display: block; }
    .contactWrap table th {
      font-weight: bold; }
  .contactWrap .telBox {
    width: 100%; }
.contactWrap .contactBox{display:block;}
  .contactWrap .contactBox .left {width:100%;padding-bottom:1rem;}
  .contactWrap .contactBox .right {width:100%;text-align:center;}

 }

body.privacy .headTitle {
  background-image: url(../image/privacy/bg_head_privacy.jpg); }
  @media (max-width: 767px) {
    body.privacy .headTitle .mesh h2 {
      line-height: 1.0;
      margin-top: 150px; } }
body.privacy .contents .inner {
  width: 900px; }
  @media (max-width: 767px) {
    body.privacy .contents .inner {
      width: 94%;
      margin: 0 auto; } }
body.privacy h3 {
  margin-top: 100px; }
body.privacy h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  border: none;
  padding: 0;
  margin: 0; }
body.privacy ol {
  margin-top: 15px; }
body.privacy ol li {
  margin-bottom: 15px; }

.sitemap h2 {
  font-size: 16px;
  font-size: 1rem;
  padding: 15px 0 10px 15px;
  margin: 30px 0 20px; }
.sitemap h3 {
  font-size: 16px;
  font-size: 1rem;
  border: none;
  padding: 0;
  margin-top: 15px; }
.sitemap h4 {
  font-size: 14px;
  font-size: 0.875rem;
  border: none;
  padding: 0; }
.sitemap ul > li {
  margin-bottom: 5px; }
.sitemap a {
  color: #333; }
.sitemap .indent {
  padding-left: 15px; }

.subPage #contents-l {
  margin: 0;
  padding: 0;
  width: 280px;
  height: 98%;
  position: -webkit-sticky;
  position: sticky;
  top: 174px; }
  @media all and (-ms-high-contrast: none) {
    .subPage #contents-l {
      top: auto; } }
  .subPage #contents-l.collaspe {
    top: 119px;
    transition: .3s; }
    @media (max-width: 767px) {
      .subPage #contents-l.collaspe {
        top: auto; } }
  .subPage #contents-l a.btn, .subPage #contents-l .contactWrap .btn, .contactWrap .subPage #contents-l .btn {
    margin-top: 15px;
    width: 100%;
    padding: 20px 0; }
  @media (max-width: 767px) {
    .subPage #contents-l {
      width: 100%;
      margin-bottom: 30px;
      position: relative !important;
      top: auto; } }
.subPage .s-menu {
  _display: inline;
  _position: relative;
  width: 280px;
  text-align: left;
  vertical-align: top; }
  @media (max-width: 767px) {
    .subPage .s-menu {
      width: 100%; } }
  .subPage .s-menu ul.menu {
    _zoom: 1;
    margin: 0 0 10px;
    background: #fff;
    vertical-align: top;
    list-style-type: none;
    width: 280px;
    border-top: 1px solid #dadada; }
    @media (max-width: 767px) {
      .subPage .s-menu ul.menu {
        width: 100%; } }
    .subPage .s-menu ul.menu li {
      display: inline;
      padding: 0;
      margin: 0;
      vertical-align: top;
      position: relative;
      width: 220px; }
      .subPage .s-menu ul.menu li a {
        font-size: 0.9em;
        padding: 12px 12px 12px 24px;
        background: #fff url(../img/common/i_arrow-bottom-bl.png) 12px center no-repeat;
        border-bottom: 1px solid #dadada;
        border-right: 1px solid #dadada;
        border-left: 3px solid #008cd6;
        display: block;
        vertical-align: top;
        width: auto;
        margin: 0;
        zoom: 1; }
      .subPage .s-menu ul.menu li a.nochild {
        background: #fff url(../img/common/i_arrow-next.png) 12px center no-repeat; }
      .subPage .s-menu ul.menu li a.nochild:hover {
        background: #008cd6 url(../img/common/i_arrow-next-wh.png) 12px center no-repeat; }
      .subPage .s-menu ul.menu li.style_h3 a {
        padding: 12px 12px 12px 40px; }
    .subPage .s-menu ul.menu li {
      _zoom: 1;
      vertical-align: top;
      margin: 0; }
    .subPage .s-menu ul.menu li .visited a {
      text-decoration: none;
      vertical-align: top; }
    .subPage .s-menu ul.menu li a:hover {
      text-decoration: none;
      vertical-align: top;
      color: #fff;
      background: #008cd6 url(../img/common/i_arrow-bottom.png) 12px center no-repeat; }
    .subPage .s-menu ul.menu li.active a {
      text-decoration: none;
      vertical-align: top;
      color: #fff;
      font-weight: bold;
      background: url(../img/common/i_arrow-bottom.png) 12px center no-repeat; }
    .subPage .s-menu ul.menu li.category {
      font-size: 0.9em;
      font-weight: bold;
      margin: 0;
      padding: 12px 12px 12px 24px;
      background: #eee;
      border-bottom: 1px solid #dadada;
      border-right: 1px solid #dadada;
      border-left: 3px solid #ccc;
      display: block;
      width: auto; }
.subPage .s-menu-sp {
  display: none; }
.subPage #contents-r {
  margin: 0;
  padding: 0;
  width: 760px;
  background-color: #fff; }
  @media (max-width: 767px) {
    .subPage #contents-r {
      width: 100%; } }
.subPage .menu-sp {
  _display: none;
  _position: relative;
  display: none;
  width: auto;
  padding: 0;
  margin: 0 0 30px;
  background: #fff;
  text-align: center;
  vertical-align: top;
  clear: both; }
  .subPage .menu-sp p {
    padding: 5px 0;
    margin-bottom: 20px;
    background-color: #666;
    color: #fff;
    margin-bottom: 0; }
  .subPage .menu-sp ul {
    _zoom: 1;
    margin: 0;
    background: #fff;
    vertical-align: top;
    list-style-type: none;
    width: auto;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    overflow: hidden; }
  .subPage .menu-sp li {
    display: inline;
    padding: 0;
    margin: 0;
    vertical-align: top;
    position: relative; }
  .subPage .menu-sp li a {
    font-size: 0.8em;
    padding: 12px 10px;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    display: block;
    vertical-align: top;
    width: auto;
    margin: 0;
    zoom: 1;
    position: relative;
    word-wrap: break-word; }
  .subPage .menu-sp li .visited a {
    text-decoration: none;
    vertical-align: top; }
  .subPage .menu-sp li a:hover {
    text-decoration: none;
    vertical-align: top;
    color: #fff;
    background: #008cd6; }
  .subPage .menu-sp li a.go:after {
    position: absolute;
    top: 50%;
    right: 5px;
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    margin-top: -10px;
    color: #008cd6; }
  .subPage .menu-sp li a.forpc:after {
    margin-top: -10px;
    right: 5px; }
  @media (max-width: 767px) {
    .subPage .menu-sp {
      display: block; } }

.download .subPage #contents-r .standardStyle .flexBox.leaf, .download .subPage #contents-r .wideStyle h1 .flexBox.leaf, .wideStyle .download .subPage #contents-r h1 .flexBox.leaf, #wrap .standardStyle .download .subPage #contents-r h1 .flexBox.leaf, .download .subPage #contents-r h1 .flexBox.leaf {
  justify-content: space-around; }
  .download .subPage #contents-r .standardStyle .flexBox.leaf img, .download .subPage #contents-r .wideStyle h1 .flexBox.leaf img, .wideStyle .download .subPage #contents-r h1 .flexBox.leaf img, #wrap .standardStyle .download .subPage #contents-r h1 .flexBox.leaf img, .download .subPage #contents-r h1 .flexBox.leaf img {
    width: auto;
    border: 1px solid #eee; }
.download .subPage #contents-r .standardStyle .flexBox.factbook .left, .download .subPage #contents-r .wideStyle h1 .flexBox.factbook .left, .wideStyle .download .subPage #contents-r h1 .flexBox.factbook .left, #wrap .standardStyle .download .subPage #contents-r h1 .flexBox.factbook .left, .download .subPage #contents-r h1 .flexBox.factbook .left {
  width: 30%; }
.download .subPage #contents-r .standardStyle .flexBox.factbook .right, .download .subPage #contents-r .wideStyle h1 .flexBox.factbook .right, .wideStyle .download .subPage #contents-r h1 .flexBox.factbook .right, #wrap .standardStyle .download .subPage #contents-r h1 .flexBox.factbook .right, .download .subPage #contents-r h1 .flexBox.factbook .right {
  width: 65%; }
.download .subPage #contents-r .standardStyle .flexBox.factbook .btn, .download .subPage #contents-r .wideStyle h1 .flexBox.factbook .btn, .wideStyle .download .subPage #contents-r h1 .flexBox.factbook .btn, #wrap .standardStyle .download .subPage #contents-r h1 .flexBox.factbook .btn, .download .subPage #contents-r h1 .flexBox.factbook .btn {
  margin-top: 0;
  padding: 20px 0; }
.download .adobeBox {
  border: 1px solid #ccc;
  padding: 30px; }
  .download .adobeBox a::after {
    content: none; }
  .download .adobeBox img {
    float: right; }

body.search_result table, body.search_result th, body.search_result td {
  border: none; }

body.search-results h2.entry-title {
  font-size: 16px;
  font-size: 1rem;
  margin: 30px 0 10px; }
body.search-results article {
  margin-bottom: 50px; }
body.search-results .pagenation {
  text-align: center;
  font-weight: bold;
  margin-top: 30px; }
  body.search-results .pagenation a,
  body.search-results .pagenation .current {
    display: inline-block;
    padding: 15px; }
  body.search-results .pagenation a {
    border: 1px solid #008cd6;
    color: #008cd6; }
  body.search-results .pagenation a:hover,
  body.search-results .pagenation .current {
    background-color: #008cd6;
    color: #FFF;
    border: 1px solid #008cd6; }
  body.search-results .pagenation .prev,
  body.search-results .pagenation .next {
    padding: 15px 30px; }
  body.search-results .pagenation .prev {
    margin-right: 30px; }
  body.search-results .pagenation .next {
    margin-left: 30px; }
  body.search-results .pagenation .next:before {
    content: none; }

body.single-croit_bcp .inner {
  margin-top: 30px; }
body.single-croit_bcp .b-bcp {
  width: 100%;
  margin: 0 0 40px;
  padding: 30px 30px 8px;
  background-color: #fff;
  border: 2px solid #f00;
  box-sizing: border-box;
  line-height: 1.6; }
body.single-croit_bcp p.txt_bcp {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  color: #F00;
  margin-bottom: 20px;
  text-align: center; }
body.single-croit_bcp p.txt_normal {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 20px; }
body.single-croit_bcp p.tsxLarge {
  letter-spacing: 0.5em;
  font-size: 2.4em; }
body.single-croit_bcp p.txLarge {
  font-size: 1.8em; }
body.single-croit_bcp ul#bcpforum {
  padding: 0;
  margin: 0;
  vertical-align: top;
  list-style-type: none; }
body.single-croit_bcp ul#bcpforum li {
  height: 280px;
  padding: 0;
  vertical-align: top;
  float: left;
  zoom: 1;
  text-indent: 0;
  box-sizing: border-box;
  width: 32%; }
body.single-croit_bcp ul#bcpforum li + li {
  margin-left: 2%; }
body.single-croit_bcp li span.tSmall {
  font-size: 0.6em; }
body.single-croit_bcp ul#bcpforum li a {
  padding: 100px 0;
  display: block;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-size: 2.5em;
  zoom: 1;
  height: 100%;
  border: 1px solid #f00;
  position: relative; }
body.single-croit_bcp ul#bcpforum li a:hover {
  color: #000;
  -webkit-transition: all .0s;
  transition: all .0s; }
body.single-croit_bcp ul#bcpforum li a.bcpforum01 {
  background: linear-gradient(#ffffff, #fff555); }
body.single-croit_bcp ul#bcpforum li a.bcpforum01:hover {
  background: linear-gradient(#fff555, #ffffff); }
body.single-croit_bcp ul#bcpforum li a.bcpforum02 {
  background: linear-gradient(#ffffff, #aaffff); }
body.single-croit_bcp ul#bcpforum li a.bcpforum02:hover {
  background: linear-gradient(#aaffff, #ffffff); }
body.single-croit_bcp ul#bcpforum li a.bcpforum03 {
  background: linear-gradient(#ffffff, #ddbbff); }
body.single-croit_bcp ul#bcpforum li a.bcpforum03:hover {
  background: linear-gradient(#ddbbff, #ffffff); }
body.single-croit_bcp ul#bcpforum li a.bcpforum02 span.bcpcaution {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  top: 200px;
  left: 0; }
body.single-croit_bcp #bcpforum a[target="_blank"]::after {
  content: none; }
body.single-croit_bcp .section {
  font-size: 0.8em; }
  body.single-croit_bcp .section ul {
    margin: 0 0 0 1em;
    padding: 0;
    text-indent: 0; }
    body.single-croit_bcp .section ul li {
      list-style-type: disc;
      color: #008cd6;
      text-decoration: none;
      line-height: 1.5em !important;
      margin: 0 0 0.5em 0;
      padding: 0 0 0 1em;
      list-style-position: inside;
      font-size: 1em;
      text-indent: -1.5em;
      line-height: 1.8em; }
      body.single-croit_bcp .section ul li span {
        color: black; }
@media (max-width: 767px) {
  body.single-croit_bcp ul#bcpforum li {
    height: inherit;
    float: none;
    width: 100%;
    margin-bottom: 20px; }
  body.single-croit_bcp ul#bcpforum li + li {
    margin-left: 0; }
  body.single-croit_bcp ul#bcpforum li a {
    padding: 30px 0 20px; } }

body.post-type-archive-board_exsus .wpuf-form.form-label-above {
  background-color: #ddd;
  padding: 30px !important;
  border-radius: 4px;
  max-width: 700px; }
  body.post-type-archive-board_exsus .wpuf-form.form-label-above li {
    padding: 0 !important; }
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li::before {
      display: none; }
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li .wpuf-label {
      font-weight: normal; }
      body.post-type-archive-board_exsus .wpuf-form.form-label-above li .wpuf-label span.required {
        display: none; }
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li div input, body.post-type-archive-board_exsus .wpuf-form.form-label-above li div textarea {
      border: 4px solid #eee;
      border-radius: 4px;
      width: 95%; }
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li div input {
      height: 30px;
      padding: 5px 10px; }
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li div textarea {
      padding: 10px; }
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li.wpuf-submit {
      text-align: center; }
      body.post-type-archive-board_exsus .wpuf-form.form-label-above li.wpuf-submit input.wpuf-submit-button.wpuf_submit_12147 {
        cursor: pointer;
        color: #fff;
        background-color: #222;
        border: none;
        border-radius: 4px;
        width: 60px;
        height: 35px;
        margin: 0 auto; }
  @media (max-width: 767px) {
    body.post-type-archive-board_exsus .wpuf-form.form-label-above {
      width: 100%;
      max-width: 720px;
      padding: 30px 0 !important; }
      body.post-type-archive-board_exsus .wpuf-form.form-label-above li {
        margin-right: 30px;
        margin-left: 30px; }
        body.post-type-archive-board_exsus .wpuf-form.form-label-above li div input, body.post-type-archive-board_exsus .wpuf-form.form-label-above li div textarea {
          max-width: 660px; } }
  @media all and (-ms-high-contrast: none) {
    body.post-type-archive-board_exsus .wpuf-form.form-label-above li div input {
      height: 40px; } }

body.single-board_exsus .comment-form-comment textarea {
  display: block;
  width: 100%; }
body.single-board_exsus .form-submit {
  text-align: center;
  margin-top: 15px; }
body.single-board_exsus .comments-title {
  margin-top: 100px !important; }
body.single-board_exsus .comment-list footer {
  margin-top: 20px; }
body.single-board_exsus .comment-reply-title {
  margin-top: 30px !important; }
  body.single-board_exsus .comment-reply-title small a {
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    margin-top: 5px;
    float: right; }
body.single-board_exsus li::before {
  content: none !important; }
body.single-board_exsus p.comment-form-author,
body.single-board_exsus p.comment-form-email,
body.single-board_exsus p.comment-form-company {
  padding: 5px 0; }
  body.single-board_exsus p.comment-form-author label,
  body.single-board_exsus p.comment-form-email label,
  body.single-board_exsus p.comment-form-company label {
    display: inline-block;
    width: 8em; }
  body.single-board_exsus p.comment-form-author input,
  body.single-board_exsus p.comment-form-email input,
  body.single-board_exsus p.comment-form-company input {
    padding: 5px; }


.page-id-21963 .inview-mv01 .inner a.togroup:after{
    font-family: "FontAwesome"!important;
    content: "\f08e"!important;
    color: #008cd6;
    display: inline-block;
    margin-left: 5px;}



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

@media screen and (min-width:768px){ 
ul.twocolumns , ul.threecolumns{width:100%;overflow:hidden;height:auto;display:block;}
ul.twocolumns li{margin-bottom:0px!important;box-sizing:border-box;width:48%!important;text-align:left!important;display:inline-block!important;}
ul.threecolumns li{margin-bottom:0px!important;box-sizing:border-box!important;width:33.3333%!important;text-align:left;display:inline-block!important;float:left;}
}

.home .wideStyle{display:none}

/* サービス用お問い合わせボタン */
.servicebtn{display:none!important}