@charset "UTF-8";
/*--------------------------------------
共通
---------------------------------------*/
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, tfoot, thead, tt, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  clear: both;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
.txt_center {
  text-align: center !important;
}
.block_center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.txt_left {
  text-align: left !important;
}
.txt_right {
  text-align: right !important;
}
.fleft {
  display: block;
  float: left;
}
.fright {
  display: block;
  float: right;
}
.txt_red {
  color: #f33;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.mt75 {
  margin-top: 75px !important;
}
/*
@include clearfix(); で使う
*/
/*
@include transition(0.3s);で使う
*/
@font-face {
  font-family: "Book Antiqua";
  src: url("/lib/font/BKANT.woff") format("woff");
}
@-webkit-keyframes TopfadeInUpSp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes TopfadeInUpSp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes TopfadeInUpPc {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes TopfadeInUpPc {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media print, screen and (min-width: 768px) {
  body {
    position: relative;
    z-index: 1;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    color: #333333;
    line-height: 1.8;
  }
  .sp {
    display: none !important;
  }
  /* ------------------------------------------------------------
style reset
------------------------------------------------------------ */
  html, body {
    -webkit-text-size-adjust: 100%;
  }
  div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }
  img {
    vertical-align: top;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }
  li {
    list-style-type: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
  }
  /* CSS Document */
  #index {
    height: 610px;
    background: url(../img/parts/pc/header/main_img.jpg) top center no-repeat;
    background-size: auto 610px;
  }
  #index:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background-color: #002a64;
    position: absolute;
    top: 560px;
    left: 0;
  }
  .head-wrap {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 90px;
    background: rgba(244, 244, 244, 0.8);
  }
  .head-wrap .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1024px;
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
  }
  /* ------------------------------------------------------------
nav
------------------------------------------------------------ */
  .menuList ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 15px;
  }
  .menuList ul li {
    height: 100%;
    margin-left: 30px;
  }
  .menuList ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    padding: 6px 2px 4px;
    position: relative;
    white-space: nowrap;
  }
  .menuList ul li a::before {
    position: absolute;
    top: 1.5rem;
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #002a65;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .menuList ul li a:hover:before {
    width: 100%;
  }
  .menuList ul li a.current, .menuList ul li a:hover {
    padding: 6px 2px 3px;
  }
  .menuList ul li:nth-child(6) {
    margin-left: 2px;
  }
  .menuList ul li:nth-child(5) a {
    color: #ffffff;
    padding: 8px 12px 6px;
    background: #3788b2;
  }
  .menuList ul li:nth-child(5) a::before {
    width: 0;
  }
  .menuList ul li:nth-child(6) a {
    color: #ffffff;
    padding: 8px 12px 6px;
    background: #002a65;
  }
  .menuList ul li:nth-child(6) a::before {
    width: 0;
  }
  .menuList ul li:nth-child(5) a:hover {
    color: #ffffff;
    background: #002a65;
  }
  .menuList ul li:nth-child(6) a:hover {
    color: #ffffff;
    background: #3788b2;
  }
  .menuList ul li:nth-child(5) a:hover, .menuList ul li:nth-child(6) a:hover {
    text-decoration: none;
    border-bottom: none;
  }
  .menuList .gnav_btn01 a {
    width: 8em;
  }
  .navCurrent::before {
    width: 100% !important;
  }
  /* CSS Document */
  footer {
    background: #f3f3f3;
  }
  footer .foot-wrap {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 70px 80px 40px;
  }
  footer .foot-wrap .banner-area-apper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  footer .foot-wrap .banner-area-apper ul li {
    margin: 0 10px 20px;
    width: 28%;
  }
  footer .foot-wrap .banner-area-apper ul li:nth-child(1) {
    width: 27%;
  }
  footer .foot-wrap .banner-area-apper ul li:nth-child(3) {
    width: 27%;
    border: solid 0.5px #DDDDDD;
  }
  footer .foot-wrap .banner-area-lower ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  footer .foot-wrap .banner-area-lower ul li {
    margin: 0 10px 20px;
    width: 23%;
  }
  footer .foot-wrap .banner-area-lower ul li:nth-child(2) a:hover {
    pointer-events: none;
  }
  footer .foot-wrap .sp-nav-area {
    display: none;
  }
  footer .foot-wrap .pc-nav-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -40px;
  }
  footer .foot-wrap .pc-nav-area .box {
    width: calc(100% / 3 - 80px);
    margin: 0 40px;
  }
  footer .foot-wrap .pc-nav-area .box ul li {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #c9cfd8;
  }
  footer .foot-wrap .pc-nav-area .box ul li a:hover {
    text-decoration: underline;
  }
  footer .foot-wrap .pc-nav-area .box ul li ul li {
    font-size: 13px;
    font-weight: normal;
    padding: 2px 0;
    border-bottom: none;
  }
  footer .foot-wrap .pc-nav-area .box ul .border-none {
    border-bottom: none;
  }
  footer .copyright {
    height: 90px;
    background: #002a65;
  }
  footer .copyright a .img {
    background-color: #fff;
  }
  footer .copyright .box {
    position: relative;
    max-width: 1024px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 10px 0;
  }
  footer .copyright .box .copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    height: 100%;
  }
  footer .copyright .box .privacy-icon {
    position: absolute;
    top: 10px;
    right: 0;
    width: 70px;
    height: 70px;
  }
  /* CSS Document */
  /* ------------------------------------------------------------
初期設定
------------------------------------------------------------ */
  /* border-box / word-break */
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  html, body {
    height: 100%;
  }
  /* clearfix */
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  /* Color */
  .fc-red {
    color: #CC0000;
  }
  .fc-blue {
    color: #002a65;
  }
  /* 行間設定 */
  p {
    margin-bottom: 1em;
    line-height: 32px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  /* 二行目字下げ */
  .att {
    padding-left: 1em;
    text-indent: -1em;
  }
  /* 左右配置 */
  .ta-right {
    text-align: right;
  }
  .ta-left {
    text-align: left;
  }
  .ta-center {
    text-align: center;
  }
  /* ------------------------------------------------------------
fontawesome
------------------------------------------------------------ */
  i.fas {
    margin-right: 8px;
  }
  /* ------------------------------------------------------------
印刷設定
------------------------------------------------------------ */
}
@media print {
  body {
    zoom: 100%;
    overflow-y: visible;
    overflow-x: visible;
  }
  #pagetop {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  @page {
    margin: 30px;
  }
  /* ------------------------------------------------------------
placeholder - form
------------------------------------------------------------ */
  /*  */
  /* Chrome, Safari */ ::-webkit-input-placeholder {
    color: #cccccc;
  }
  /* Firefox */ ::-moz-placeholder {
    color: #cccccc;
  }
  /* IE */ :-ms-input-placeholder {
    color: #cccccc;
  }
  /* ------------------------------------------------------------
PageTop
------------------------------------------------------------ */
  #pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    font-size: 32px;
  }
  #pagetop a {
    color: #b8b8b8;
  }
  /* ------------------------------------------------------------
画像のレスポンシブ対応
------------------------------------------------------------ */
  img {
    max-width: 100%;
    height: auto;
    width /***/ : auto;
  }
  /* ------------------------------------------------------------
リンク設定
------------------------------------------------------------ */
  a {
    color: #002a65;
    text-decoration: none;
  }
  a:hover {
    color: #002a65;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  a:hover .img {
    display: block;
    background: #002a65;
  }
  a:hover .img img {
    opacity: 0.4;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  a:hover .img_w {
    display: block;
    background: #fff;
  }
  a:hover .img_w img {
    opacity: 0.4;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  /* リンクボタン */
  .link-btn {
    text-align: center;
    margin: 30px auto 0;
  }
  .link-btn_top {
    text-align: center;
    margin: -17px auto 0;
  }
  .link-btn a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    padding: 10px 15px 8px;
    background: #3788b2;
  }
  .link-btn a:hover {
    background: #002a65;
  }
  .link-btn a img {
    margin-left: 12px;
  }
  .link-btn02 {
    text-align: center;
    margin: 30px auto 0;
    font-weight: bold;
  }
  .link-btn02 a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    padding: 10px 15px 8px;
    background: #3788b2;
  }
  .link-btn02 a:hover {
    background: #002a65;
  }
  .link-btn02 a img {
    margin-left: 12px;
  }
  /* ページ内アンカー */
  .anchor {
    position: relative;
    top: -120px;
    display: block;
  }
  #map1, #map2, #history, #ac1, #ac2 {
    display: inline-block;
    margin-top: -120px;
    padding-top: 120px;
  }
  /* fade */
  .fadein {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  /* pankuzu */
  .pankuzu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1024px;
    width: 100%;
    height: 40px;
    margin: 90px auto 0;
  }
  .pankuzu-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pankuzu-wrap ul li {
    font-size: 12px;
  }
  .pankuzu-wrap ul li i {
    margin: 0 15px;
  }
  .pankuzu-wrap a:hover {
    text-decoration: underline;
  }
  /* contents1 title */
  .contents1-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 140px;
    background: #002a65;
  }
  .contents1-title-wrap .title {
    text-align: center;
    width: 1024px;
    margin: 0 auto;
  }
  .contents1-title-wrap .title .jp {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .contents1-title-wrap .title .en {
    font-size: 14px;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  /* contents2 title */
  .contents2-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 90px;
    background: #002a65;
  }
  .contents2-title-wrap .title {
    text-align: center;
    width: 1024px;
    margin: 0 auto;
  }
  .contents2-title-wrap .title .jp {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .contents2-title-wrap .title .en {
    font-size: 14px;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  .contents2-title-wrap-wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100px;
    background: #002a65;
  }
  .contents2-title-wrap-wide .title {
    text-align: center;
    width: 1024px;
    margin: 0 auto;
  }
  .contents2-title-wrap-wide .title .jp {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .contents2-title-wrap-wide3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 170px;
    background: #002a65;
  }
  .contents2-title-wrap-wide3 .title {
    text-align: center;
    width: 1024px;
    margin: 0 auto;
  }
  .contents2-title-wrap-wide3 .title .jp {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  /* contents sub title */
  .subtitle {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 auto 50px;
  }
  .subtitle:before {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    width: 50px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #002a65;
  }
  /* contents category nav */
  .cont-nav-wrap {
    background: #edf0f4;
  }
  .cont-nav-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
  }
  .cont-nav-wrap ul li {
    padding: 0 40px;
    border-right: 1px solid #002a65;
  }
  .cont-nav-wrap ul li .current {
    padding-bottom: 0;
    border-bottom: 1px solid #002a65;
  }
  .cont-nav-wrap ul li a {
    display: block;
    line-height: 1;
    padding-bottom: 1px;
  }
  .cont-nav-wrap ul li a:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #002a65;
  }
  .cont-nav-wrap ul li:last-child {
    border-right: none;
  }
  /* contents top txt */
  .contents-top-txt {
    text-align: center;
    width: 1024px;
    margin: 0 auto;
    padding: 60px 0;
  }
  .contents-top-txt .txt {
    font-size: 30px;
    font-weight: bold;
    color: #002a65;
    letter-spacing: 0.1em;
    line-height: 44px;
  }
  .contents-top-txt p {
    font-size: 16px;
    margin-top: 15px;
  }
  /* cont-box */
  .cont-box {
    width: 1024px;
    margin: 0 auto;
  }
  .txt_ulup_txt01 {
    margin-bottom: 0;
    margin-top: 1em;
  }
  .ul_li_txt00 li {
    text-indent: -0.8em;
    padding-left: 0.8em;
    font-size: 16px;
  }
  .ul_li_txt01 li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 16px;
  }
  /* CSS Document */
  /* common */
  .in-box1 .in-subtitle {
    padding-top: 110px;
  }
  .in-subtitle {
    color: #002a65;
    text-align: center;
    padding: 80px 0 40px;
  }
  .in-subtitle .jp {
    font-size: 30px;
    font-weight: bold;
  }
  .in-subtitle .en {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
  }
  /* top img */
  .in-img-box {
    height: 560px;
    padding-top: 90px;
  }
  .in-img-box .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #002a65;
    width: 1024px;
    height: calc(100% - 60px);
    margin: 0 auto;
    padding-left: 50px;
    -webkit-animation-name: my-fade-in;
    animation-name: my-fade-in;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
  }
  .in-img-box .txt > div > div {
    opacity: 0;
  }
  .in-img-box .txt .title_jp {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.2;
    width: 100%;
    text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
  }
  .in-img-box .txt .title_en {
    display: block;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-shadow: none;
    margin-top: 10px;
  }
  .in-img-box .scroll {
    text-align: center;
  }
  .in-img-box .fade_in_up > div > div {
    -webkit-animation: TopfadeInUpPc 0.5s linear forwards;
    animation: TopfadeInUpPc 0.5s linear forwards;
  }
  .in-img-box .fade_in_up > div > div:nth-child(2) {
    -webkit-animation: TopfadeInUpPc 0.8s linear forwards;
    animation: TopfadeInUpPc 0.8s linear forwards;
  }
  .in-img-box .fade_in_up > div > div:nth-child(3) {
    -webkit-animation: TopfadeInUpPc 1.1s linear forwards;
    animation: TopfadeInUpPc 1.1s linear forwards;
  }
  .in-img-box .fade_in_up > div > div:nth-child(4) {
    -webkit-animation: TopfadeInUpPc 1.4s linear forwards;
    animation: TopfadeInUpPc 1.4s linear forwards;
  }
  /* vision */
  .in-box1-wrap {
    padding-bottom: 80px;
    position: relative;
  }
  /* .in-box1-wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background-color: #002a64;
    position: absolute;
    top: -336px;
    left: 0;
  }*/
  .in-box1-wrap .in-box1 {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .in-box1-wrap .in-box1 .in-subtitle {
    padding-top: 77px;
  }
  .in-box1-wrap .in-box1 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .in-box1-wrap .in-box1 .box .img {
    width: 560px;
  }
  .in-box1-wrap .in-box1 .box .txt-area {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 30px 0 30px -45px;
  }
  .in-box1-wrap .in-box1 .box .txt-area a {
    display: inline-block;
    letter-spacing: -0.05em;
    line-height: 32px;
    padding: 45px 45px 85px 45px;
    background: #edf0f4;
    color: #333;
    position: relative;
  }
  .in-box1-wrap .in-box1 .box .txt-area a p {
    margin-bottom: 0;
  }
  .in-box1-wrap .in-box1 .box .txt-area a .link-btn {
    position: absolute;
    right: 0;
    bottom: -1em;
    left: 0;
    margin: 0 auto;
  }
  .in-box1-wrap .in-box1 .box .txt-area a .link-btn span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 1;
    padding: 10px 15px 8px;
    background: #002a65;
  }
  .in-box1-wrap .in-box1 .box .txt-area a .link-btn span img {
    margin-left: 12px;
  }
  .in-box1-wrap .in-box1 .box .txt-area a:hover span {
    font-size: 16px;
    color: #ffffff;
    background: #3788b2;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  /* service */
  .in-box2-wrap {
    padding-bottom: 80px;
    background: url(../img/pages/pc/top/service_bg.jpg) top center no-repeat #edf0f4;
  }
  .in-box2-wrap .in-box2 {
    width: 1024px;
    margin: 0 auto;
  }
  .in-box2-wrap .in-box2 .box {
    position: relative;
    width: 100%;
    padding: 60px 30px 140px;
    background: #ffffff;
  }
  .in-box2-wrap .in-box2 .box p {
    text-align: center;
  }
  .in-box2-wrap .in-box2 .box .cont-list {
    width: 902px;
    margin: 30px auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  .in-box2-wrap .in-box2 .box .cont-list02 {
    margin-top: 109px;
  }
  .in-box2-wrap .in-box2 .box .cont-list li {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    width: calc((100% - 25px) / 2);
    height: 210px;
    padding: 0 55px;
    background: #002a65;
    border-right: 1px solid #ffffff;
  }
  .in-box2-wrap .in-box2 .box .cont-list .mr25 {
    margin-right: 25px;
  }
  .in-box2-wrap .in-box2 .box .cont-list li:last-child {
    border-right: none;
  }
  .in-box2-wrap .in-box2 .box .cont-list li a .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    letter-spacing: -0.5px;
    height: 80px;
  }
  .in-box2-wrap .in-box2 .box .cont-list li a .img {
    margin: 0 0 -40px;
  }
  /* development */
  .in-box3-wrap {
    padding-bottom: 80px;
    background: url(../img/pages/pc/top/development_bg.jpg) top center no-repeat;
  }
  .in-box3-wrap .in-box3 {
    width: 1024px;
    margin: 0 auto;
  }
  .in-box3-wrap .in-box3 .box {
    width: 100%;
  }
  .in-box3-wrap .in-box3 .box .cont-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .in-box3-wrap .in-box3 .box .cont-list li {
    position: relative;
    text-align: center;
    width: calc(100% / 3 - 30px);
    margin: 0 15px 40px;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a {
    color: #333333;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .txt-area {
    position: relative;
    z-index: 2;
    top: 0;
    margin: -30px 20px 0;
    padding: 15px 20px;
    background: #edf0f4;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .txt-area .title {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .txt-area p {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a:hover .txt-area {
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    background: rgba(255, 255, 255, 0.76);
  }
  .in-box3-wrap .in-box3 .box .cont-list li a:hover .txt-area .title {
    opacity: 0.6;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a:hover .txt-area p {
    opacity: 0.6;
  }
  .in-box3-wrap .in-box3 .box .link-btn {
    margin: 0;
  }
  /* about */
  .in-box4-wrap {
    padding-bottom: 80px;
    background: url(../img/pages/pc/top/about_bg.jpg) top center no-repeat #edf0f4;
  }
  .in-box4-wrap .photo-bg {
    margin-bottom: 50px;
    background: url(../img/pages/pc/top/about_img01.png) center center no-repeat;
    background-size: 1200px auto;
  }
  .in-box4-wrap .photo-bg .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 1024px;
    margin: 0 auto;
  }
  .in-box4-wrap .photo-bg .box .txt-area {
    color: #ffffff;
    text-align: center;
    width: 424px;
    margin: 100px 0 100px -45px;
  }
  .in-box4-wrap .photo-bg .box .txt-area a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -0.05em;
    line-height: 32px;
    padding: 40px 45px;
    background: #002a65;
  }
  .in-box4-wrap .photo-bg .box .txt-area a .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .in-box4-wrap .photo-bg .box .txt-area a p {
    text-align: left;
  }
  .in-box4-wrap .photo-bg .box .txt-area a .about-link-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 auto;
    padding: 10px 15px 8px;
    background: #3788b2;
  }
  .in-box4-wrap .photo-bg .box .txt-area a .about-link-btn img {
    margin-left: 12px;
  }
  .in-box4-wrap .photo-bg .box .txt-area a:hover .about-link-btn {
    font-size: 16px;
    color: #ffffff;
    background: #002a65;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  .in-box4-wrap .in-box4 {
    width: 1024px;
    margin: 0 auto;
  }
  .in-box4-wrap .in-box4 .cont-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .in-box4-wrap .in-box4 .cont-list li {
    text-align: center;
    width: 320px;
  }
  .in-box4-wrap .in-box4 .cont-list li a {
    position: relative;
    display: block;
  }
  .in-box4-wrap .in-box4 .cont-list li a .txt-area {
    color: #ffffff;
    line-height: 26px;
    padding: 30px 22px 45px;
    background: #002a65;
  }
  .in-box4-wrap .in-box4 .cont-list li a .txt-area .title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
  }
  .in-box4-wrap .in-box4 .cont-list li a .about-list-link-btn {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 1;
    width: 114px;
    margin: auto;
    padding: 10px 15px 8px;
    background: #3788b2;
  }
  .in-box4-wrap .in-box4 .cont-list li a .about-list-link-btn img {
    margin-left: 12px;
  }
  .in-box4-wrap .in-box4 .cont-list li a:hover .about-list-link-btn {
    font-size: 16px;
    color: #ffffff;
    background: #002a65;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  /* news */
  .in-box5-wrap .in-box5 {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li .date {
    width: 6em;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    width: 80px;
    height: 30px;
    margin: 0 30px;
    padding: 0 10px;
    background: #728db3;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li a {
    color: #3788b2;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li a:hover {
    text-decoration: underline;
  }
  /* recruit */
  .in-recruit-wrap {
    text-align: center;
    width: 1024px;
    margin: 80px auto;
    padding: 140px 0 75px;
    background: url(../img/pages/pc/top/recruit_img.jpg) top center no-repeat;
    background-size: cover;
  }
  .in-recruit-wrap .box .title .en {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 60px;
    color: #ffffff;
    line-height: 1;
  }
  .in-recruit-wrap .box .title .jp {
    font-size: 18px;
    color: #ffffff;
  }
  .in-recruit-wrap .box .link {
    display: inline-block;
    margin-top: 30px;
    padding: 10px;
    border: 1px solid #ffffff;
  }
  .in-recruit-wrap .box .link a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    color: #002a65;
    padding: 10px 15px 8px;
    background: #ffffff;
  }
  .in-recruit-wrap .box .link a:hover {
    color: #ffffff;
    background: #002a65;
  }
  .in-recruit-wrap .box .link a img {
    margin-left: 12px;
  }
  .in-sjp-wrap {
    padding-top: 120px;
  }
  .in-sjp-wrap .in-sjp {
    margin: 0 auto;
  }
  .in-sjp-wrap .in-sjp02 {
    background-color: #edf0f4;
    padding: 70px 88px 80px 88px;
  }
  .in-sjp-wrap .in-sjp02 .box {
    width: 1024px;
    margin: 0 auto;
  }
  .in-sjp-wrap .in-sjp02 .col1 {
    background-color: #fff;
  }
  .in-sjp-wrap .in-sjp .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    transition: opacity 0.2s;
  }
  .in-sjp-wrap .in-sjp .box:hover {
    opacity: 0.8;
  }
  .in-sjp-wrap .in-sjp .box .box_col.col1 {
    width: 266px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .in-sjp-wrap .in-sjp .box .box_col.col2 {
    width: calc(100% - 266px);
    background-color: #002a65;
    padding: 43px 36px 42px;
  }
  .in-sjp-wrap .in-sjp .sjp_ttl {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 9px;
  }
  .in-sjp-wrap .in-sjp .sjp_txt {
    color: #fff;
    font-size: 16px;
    padding-left: 17px;
  }
  .in-sjp-wrap .in-sjp .sjp-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .in-sjp-wrap02 {
    padding-top: 120px;
  }
  .in-sjp-wrap02 .in-sjp {
    width: 1024px;
    margin: 0 auto;
    background-color: #edf0f4;
    padding: 30px 20px;
  }
  .in-sjp-wrap02 .in-sjp .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: opacity 0.2s;
  }
  .in-sjp-wrap02 .in-sjp .box:hover {
    opacity: 0.8;
  }
  .in-sjp-wrap02 .in-sjp .box .box_col.col1 {
    width: 188px;
  }
  .in-sjp-wrap02 .in-sjp .box .box_col.col2 {
    width: calc(100% - 188px);
    padding-left: 91px;
  }
  .in-sjp-wrap02 .in-sjp .sjp_ttl {
    color: #002a65;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 9px;
  }
  .in-sjp-wrap02 .in-sjp .sjp_txt {
    color: #002a65;
    font-size: 16px;
  }
  .in-sjp-wrap02 .in-sjp .sjp-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .in-sjp-wrap03 {
    padding-top: 30px;
  }
  .in-sjp-wrap03 .in-sjp {
    width: 1024px;
    margin: 0 auto;
    background-color: #edf0f4;
    padding: 30px 20px;
  }
  .in-sjp-wrap03 .in-sjp .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: opacity 0.2s;
  }
  .in-sjp-wrap03 .in-sjp .box:hover {
    opacity: 0.8;
  }
  .in-sjp-wrap03 .in-sjp .box .box_col.col1 {
    width: 188px;
  }
  .in-sjp-wrap03 .in-sjp .box .box_col.col2 {
    width: calc(100% - 188px);
    padding-left: 91px;
  }
  .in-sjp-wrap03 .in-sjp .sjp_ttl {
    color: #002a65;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 9px;
  }
  .in-sjp-wrap03 .in-sjp .sjp_txt {
    color: #002a65;
    font-size: 16px;
  }
  .in-sjp-wrap03 .in-sjp .sjp-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #index .head-wrap {
    -webkit-transition: 0.3s background linear;
    transition: 0.3s background linear;
    background: transparent;
  }
  #index .head-wrap.onscroll {
    background: rgba(244, 244, 244, 0.8);
  }
  .link-btn20200818 {
    text-align: right;
  }
  /* CSS Document */
  /* about-box1 */
  .about-box1 {
    padding: 60px 0 70px;
    background: url(../img/pages/pc/about/about_bg1.jpg) top center no-repeat #edf0f4;
  }
  .about-box1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -22px;
  }
  .about-box1 ul li {
    width: calc(100% / 2 - 44px);
    margin: 0 22px;
    background: #ffffff;
  }
  .about-box1 ul li .txt-area {
    padding: 20px 30px;
  }
  .about-box1 ul li .txt-area .title {
    font-size: 20px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    margin-bottom: 10px;
  }
  .about-box1 ul li .txt-area p {
    color: #000000;
  }
  /* about-box2 */
  .about-box2 {
    padding: 70px 0;
  }
  .about-box2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px;
  }
  .about-box2 ul li {
    width: calc(100% / 3 - 30px);
    margin: 0 15px;
    background: #edf0f4;
  }
  .about-box2 ul li .txt-area {
    padding: 20px 30px;
  }
  .about-box2 ul li .txt-area .title {
    font-size: 20px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    margin-bottom: 10px;
  }
  .about-box2 ul li .txt-area p {
    color: #000000;
  }
  /* philosophy-box1 */
  .philosophy-box1 {
    margin-top: 2px;
    padding: 70px 0 70px;
    background: url(../img/pages/pc/about/philosophy_bg1.jpg) top center no-repeat #edf0f4;
  }
  .philosophy-box1 .cont-box {
    position: relative;
  }
  .philosophy-box1 .cont-box .title-box {
    width: 470px;
    padding-top: 80px;
  }
  .philosophy-box1 .cont-box .img {
    position: absolute;
    top: 0;
    right: 0;
    width: 515px;
  }
  .philosophy-box1 .cont-box .white-box {
    margin-top: 120px;
    padding: 90px 110px 60px;
    background: #ffffff;
  }
  .philosophy-box1 .cont-box .white-box p strong {
    display: block;
    font-size: 22px;
    color: #002a65;
    line-height: 1;
  }
  .philosophy-box1 .cont-box .white-box p span {
    font-weight: bold;
  }
  .philosophy-box1 .cont-box .white-box ul {
    margin-top: 30px;
  }
  .philosophy-box1 .cont-box .white-box ul li {
    margin-bottom: 15px;
  }
  .philosophy-box1 .cont-box .white-box ul li strong {
    font-size: 22px;
  }
  .philosophy-box1 .cont-box .white-box .name {
    text-align: right;
    margin-top: 60px;
  }
  /* philosophy-box2 */
  .philosophy-box2 {
    padding: 70px 0 80px;
    background: url(../img/pages/pc/about/philosophy_bg5.jpg) top center no-repeat #ffffff;
  }
  .philosophy-box2 .cont-box {
    padding: 0 110px;
  }
  .philosophy-box2 .cont-box .txt1 {
    font-size: 22px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    margin-top: -5px;
    padding: 0 0 30px;
  }
  /* philosophy-box3 */
  .philosophy-box3 {
    padding: 70px 0 70px;
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  .philosophy-box3 .cont-box .white-box {
    padding: 60px 110px 60px;
    background: #ffffff;
  }
  .philosophy-box3 .cont-box .white-box .txt1 {
    font-size: 22px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    padding: 0 0 30px;
  }
  /* philosophy-box4 */
  .philosophy-box4 {
    padding: 70px 0;
  }
  .philosophy-box4 .cont-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
  }
  .philosophy-box4 .cont-box ul li {
    width: calc(100% / 4 - 20px);
    margin: 0 10px;
    padding: 30px 15px;
    border: 1px solid #dfdfdf;
  }
  .philosophy-box4 .cont-box ul li .title {
    text-align: center;
  }
  .philosophy-box4 .cont-box ul li .title .jp {
    font-size: 30px;
    font-weight: bold;
    color: #002a65;
    line-height: 1;
  }
  .philosophy-box4 .cont-box ul li .title .en {
    font-size: 22px;
    font-weight: bold;
    color: #002a65;
    line-height: 1;
    margin: 10px 0 20px;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  .philosophy-box4 .cont-box ul li p {
    height: 110px;
  }
  .philosophy-box4 .cont-box ul li p span {
    font-size: 26px;
    color: #002a65;
  }
  /* philosophy-box5 */
  .philosophy-box5 {
    padding: 60px 0 70px;
    background: url(../img/pages/pc/about/philosophy_bg5.jpg) top center no-repeat #edf0f4;
  }
  .philosophy-box5 .cont-box {
    text-align: center;
  }
  .philosophy-box5 .cont-box .txt1 {
    font-size: 22px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    line-height: 1;
    padding: 0 0 20px;
  }
  .philosophy-box5 .cont-box p {
    margin-bottom: 1.5em;
  }
  /* profile */
  #profile .profile-white-wrap {
    padding: 60px 0 70px;
    background: #ffffff;
  }
  #profile .profile-white-wrap .profile-box {
    width: 804px;
    margin: 0 auto;
  }
  #profile .profile-white-wrap .profile-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box table th, #profile .profile-white-wrap .profile-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #profile .profile-white-wrap .profile-box table th h3 {
    font-weight: bold;
  }
  #profile .profile-white-wrap .profile-box table td .address-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #profile .profile-white-wrap .profile-box table td .address-box .item {
    width: 80px;
  }
  #profile .profile-white-wrap .profile-box table td .address-box .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #profile .profile-white-wrap .profile-box table td .ac {
    text-align: right;
  }
  #profile .profile-white-wrap .profile-box table td .ac a {
    color: #3788b2;
    position: relative;
    display: inline-block;
  }
  #profile .profile-white-wrap .profile-box table td .ac a::after {
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 8px;
    top: 9px;
    left: -30px;
    background-image: url("/lib/img/pages/pc/about/profile_arrow.png");
    background-position: center center;
  }
  #profile .profile-white-wrap .profile-box table td .ac a:hover {
    text-decoration: underline;
  }
  #profile .profile-white-wrap .profile-box table td .map-box {
    margin-top: 20px;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 li {
    padding-left: 25px;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 li a {
    color: #3788b2;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 li:last-child {
    margin-left: 30px;
  }
  #profile .profile-white-wrap .profile-box .works-txt1 {
    font-size: 22px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
  }
  #profile .profile-white-wrap .profile-box .works-img1 {
    text-align: center;
    width: 473px;
    margin: 60px auto;
  }
  #profile .profile-white-wrap .profile-box .works-area1 {
    margin-bottom: 20px;
  }
  #profile .profile-white-wrap .profile-box .works-area1 .item {
    font-size: 22px;
    font-weight: bold;
  }
  #profile .profile-white-wrap .profile-box .works-area1:last-child {
    margin-bottom: 0;
  }
  #profile .profile-white-wrap .profile-box .history-list {
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box .history-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box .history-list li .date {
    width: 180px;
  }
  #profile .profile-white-wrap .profile-box .history-list li .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #profile .profile-white-wrap .profile-box .history-list li .txt a {
    color: #333333;
  }
  #profile .profile-gray-wrap {
    padding: 60px 0 70px;
    background: #edf0f4;
  }
  #profile .profile-gray-wrap .profile-box {
    width: 804px;
    margin: 0 auto;
  }
  #profile .profile-gray-wrap .profile-box table {
    width: 100%;
    border-top: 1px solid #ffffff;
    margin-bottom: 20px;
  }
  #profile .profile-gray-wrap .profile-box table th, #profile .profile-gray-wrap .profile-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #ffffff;
  }
  #profile .profile-gray-wrap .profile-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #profile .profile-gray-wrap .profile-box table th h3 {
    font-weight: bold;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -2px 0;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 li {
    width: 246.19px;
    margin: 0 2px;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 li:first-child {
    width: 143.61px;
  }
  #profile .profile-gray-wrap .profile-box table td .map-box {
    margin-top: 20px;
  }
  #profile .profile-gray-wrap .profile-box table td .torihiki-list a {
    color: #333333;
  }
  #profile .profile-gray-wrap .profile-box table td .torihiki-list a:hover {
    text-decoration: underline;
  }
  #profile .profile-white-wrap02 {
    padding: 0 0 70px;
    background: #ffffff;
  }
  #profile .profile-white-wrap02 .cont-box {
    padding-left: 110px;
  }
  #profile .profile-white-wrap02 .cont-box .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #profile .profile-white-wrap02 .cont-box .box .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
  }
  #profile .profile-white-wrap02 .cont-box .box .img {
    width: 400px;
  }
  /* CSR */
  #csr .csr-white-wrap {
    padding: 60px 0 70px;
    background: #ffffff;
  }
  #csr .csr-white-wrap .cont-box {
    padding: 0 55px 0 55px;
  }
  #csr .csr-white-wrap .cont-box .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #csr .csr-white-wrap .cont-box .box .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
  }
  #csr .csr-white-wrap .cont-box .box .img {
    width: 400px;
  }
  #csr .csr-gray-wrap {
    padding: 60px 0 70px;
    background: #edf0f4;
  }
  #csr .csr-gray-wrap .cont-box:first-child {
    margin-bottom: 50px;
  }
  #csr .csr-gray-wrap .cont-box .white-box {
    padding: 50px 100px;
    background: #ffffff;
  }
  /* CSS Document */
  /* privacy-policy */
  #privacy-policy .privacy-policy-white-wrap {
    padding: 60px 0 70px;
    background: #ffffff;
  }
  #privacy-policy .privacy-policy-gray-wrap {
    padding: 60px 0 70px;
    background: #edf0f4;
  }
  #privacy-policy .privacy-policy-box {
    width: 804px;
    margin: 0 auto;
  }
  #privacy-policy .privacy-policy-box .top-txt .data {
    float: right;
    text-align: right;
    margin-top: 15px;
  }
  #privacy-policy .privacy-policy-box .txt1 {
    margin-bottom: 60px;
    font-size: 16px;
  }
  #privacy-policy .privacy-policy-box .txt1 a {
    color: #3788b2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  #privacy-policy .privacy-policy-box .txt1 a:hover {
    text-decoration: underline;
  }
  #privacy-policy .privacy-policy-box .txt1 a img {
    margin-right: 5px;
  }
  #privacy-policy .privacy-policy-box .txt2 a {
    color: #3788b2;
  }
  #privacy-policy .privacy-policy-box .txt2 a:hover {
    text-decoration: underline;
  }
  #privacy-policy .privacy-policy-box .txt2 .address .name {
    font-size: 20px;
  }
  #privacy-policy .privacy-policy-box .txt2 .address p {
    font-size: 16px;
  }
  #privacy-policy .privacy-policy-box .link1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #privacy-policy .privacy-policy-box .link1 a img {
    margin-right: 5px;
  }
  #privacy-policy .privacy-policy-box .link2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #privacy-policy .privacy-policy-box .link2 a img {
    margin-right: 5px;
  }
  /* site-policy */
  #site-policy .site-policy-white-wrap {
    background: #ffffff;
  }
  #site-policy .site-policy-gray-wrap {
    padding: 60px 0 70px;
    background: #edf0f4;
  }
  #site-policy .site-policy-box {
    width: 804px;
    margin: 0 auto;
  }
  #site-policy .site-policy-box .top-txt {
    margin: 60px 0;
  }
  #site-policy .site-policy-box .txt {
    margin-bottom: 60px;
  }
  #site-policy .site-policy-box .txt a {
    color: #3788b2;
  }
  #site-policy .site-policy-box .txt a:hover {
    text-decoration: underline;
  }
  /* sitemap */
  #sitemap .site-map-wrap {
    width: 804px;
    margin: 55px auto 70px;
  }
  #sitemap .site-map-wrap .cont-link {
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  #sitemap .site-map-wrap .cont-link span {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  #sitemap .site-map-wrap .cont-link a {
    color: #333333;
  }
  #sitemap .site-map-wrap .cont-link a:hover {
    text-decoration: underline;
  }
  #sitemap .site-map-wrap .border-blue {
    border-bottom: 1px solid #002a65;
  }
  #sitemap .site-map-wrap .border-blue i {
    font-size: 14px;
    color: #002a65;
  }
  #sitemap .site-map-wrap .border-red {
    border-bottom: 1px solid #ed6d47;
  }
  #sitemap .site-map-wrap .border-red i {
    font-size: 14px;
    color: #ed6d47;
  }
  #sitemap .site-map-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  #sitemap .site-map-wrap ul li {
    padding-left: 0.6em;
    text-indent: -0.6em;
    width: calc(100% / 2 - 40px);
    margin: 0 20px 15px;
    letter-spacing: -0.05em;
  }
  #sitemap .site-map-wrap ul li a {
    color: #333333;
  }
  #sitemap .site-map-wrap ul li a:hover {
    color: #333333;
    text-decoration: underline;
  }
  #sitemap .site-map-wrap ul.margin-btm {
    margin-bottom: 30px;
  }
  /* CSS Document */
  /* contact */
  #contact .contact-white-wrap {
    padding: 60px 0 70px;
    background: #ffffff;
  }
  #contact .contact-white-wrap .box {
    width: 804px;
    margin: 0 auto;
  }
  #contact .contact-white-wrap .box .err-box {
    color: #cc0000;
    padding: 15px 30px;
    border: 1px solid #cc0000;
  }
  #contact .contact-gray-wrap {
    padding: 70px 0;
    background: #edf0f4;
  }
  #contact .contact-gray-wrap .box {
    width: 914px;
    margin: 0 auto;
    padding: 45px 55px;
    background: #ffffff;
    /* submit */
  }
  #contact .contact-gray-wrap .box .contact-item-title {
    font-size: 26px;
    font-weight: bold;
    color: #002a65;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #002a65;
  }
  #contact .contact-gray-wrap .box table {
    width: 100%;
  }
  #contact .contact-gray-wrap .box table tr th, #contact .contact-gray-wrap .box table tr td {
    text-align: left;
    vertical-align: top;
    padding: 0 0 40px 0;
  }
  #contact .contact-gray-wrap .box table tr th {
    width: 240px;
  }
  #contact .contact-gray-wrap .box table tr td {
    width: calc(100% - 240px);
  }
  #contact .contact-gray-wrap .box table tr td ul li {
    font-size: 14px;
    width: 100%;
  }
  #contact .contact-gray-wrap .box table tr td ul li span {
    display: inline-block;
    margin-right: 10px;
    padding: 4px;
  }
  #contact .contact-gray-wrap .box table tr td ul li span.err-bg {
    background-color: #f4e4e4;
  }
  #contact .contact-gray-wrap .box table tr td textarea {
    width: 100%;
    height: 195px;
    border: 1px solid #ccc;
  }
  #contact .contact-gray-wrap .box table tr td input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
  }
  #contact .contact-gray-wrap .box table tr td .name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #contact .contact-gray-wrap .box table tr td .name-wrap div {
    text-align: right;
    width: 50%;
  }
  #contact .contact-gray-wrap .box table tr td .name-wrap div input {
    width: 85%;
    margin-left: 12px;
  }
  #contact .contact-gray-wrap .box .privacy-title {
    padding: 25px 0;
    border-top: 1px solid #dcdcdc;
  }
  #contact .contact-gray-wrap .box .scroll-box {
    overflow: auto;
    width: 100%;
    height: 204px;
    padding: 20px 30px;
    border: 1px solid #dcdcdc;
  }
  #contact .contact-gray-wrap .box .scroll-box a {
    color: #3788b2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  #contact .contact-gray-wrap .box .scroll-box a:hover {
    text-decoration: underline;
  }
  #contact .contact-gray-wrap .box .scroll-box a img {
    margin-right: 5px;
  }
  #contact .contact-gray-wrap .box .privacy-check-box {
    text-align: center;
    margin: 30px 0 50px;
    padding: 25px 0;
    border-top: 1px solid #dcdcdc;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .form-preview-help-text {
    margin-top: 5px;
    margin-bottom: 0;
    color: #666;
    font-size: 90%;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .form-preview-help-text a {
    color: #3788b2;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .form-preview-help-text a:hover {
    text-decoration: underline;
  }
  #contact .contact-gray-wrap .box .submit-btn {
    text-align: center;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    padding: 10px 15px 8px;
    border: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: bold;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"] img {
    margin-left: 12px;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"].btn_hover {
    background: #3788b2;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"].btn_hover:hover {
    background-color: #002a65;
    cursor: pointer;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="button"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    padding: 10px 15px 8px;
    background: #3788b2;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: bold;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="button"]:hover {
    background: #002a65;
  }
  #contact .contact-gray-wrap .box .confirm-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #contact .contact-gray-wrap .box .confirm-btn div {
    margin: 0 30px;
    cursor: pointer;
  }
  #contact .contact-gray-wrap .box .confirm-btn .confirm_btn_bg {
    cursor: pointer;
    background-color: #3788b2;
  }
  #contact .contact-gray-wrap .box .confirm-btn .confirm_btn_bg:hover {
    background-color: #002a65;
  }
  #contact .err-pink-bg {
    color: #cc0000;
    padding: 6px 10px 4px;
    background: #f4e4e4;
  }
  /* thanks */
  #thanks .thanks-wrap {
    width: 804px;
    margin: 0 auto;
    padding: 60px 0 70px;
  }
  /* CSS Document */
  /* 404-box */
  #not-found .not-found-box {
    text-align: center;
    margin-top: 90px;
    padding: 160px 0;
  }
  #not-found .not-found-box .txt {
    font-size: 30px;
    font-weight: bold;
    color: #002a65;
    line-height: 1.4;
    margin-bottom: 35px;
  }
  /* CSS Document */
  /*サービス Service*/
  /****************
サービス内共通
*****************/
  .service {
    /*お問合せ*/
  }
  .service .service_box_wrap {
    padding: 60px 0 70px;
  }
  .service .box_bg_blue {
    background-color: #edf0f4;
  }
  .service .service_box {
    width: 1024px;
    margin: 0 auto;
    background-color: #002a65;
  }
  .service .service_box a img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .service .service_box a:hover img {
    opacity: 0.8;
  }
  .service h2 {
    width: 1024px;
    margin: 0 auto 50px;
    text-align: center;
    color: #002a65;
    position: relative;
  }
  .service h2::after {
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #002a65;
  }
  .service h2 .jp {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
  }
  .service h2 .en {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    line-height: 1;
  }
  .service .service_img_parent {
    position: relative;
  }
  .service .service_img_parent .p_parent {
    position: absolute;
    top: 50%;
    bottom: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .service .service_img_parent .p_parent p {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
    color: #002a65;
    letter-spacing: 0.1rem;
    padding: 26px 0;
    width: 100%;
    background-color: rgba(234, 239, 243, 0.8);
  }
  .service .service_img_bottomp {
    line-height: 2;
    margin: 60px auto;
    text-align: center;
  }
  .service .info_area {
    padding: 70px 0;
  }
  .service .info_area > p {
    text-align: center;
  }
  .service .info_area > div {
    width: 260px;
    margin: 0 auto;
    margin-top: 40px;
  }
  .service .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 150px;
  }
  .service .btn_temp {
    display: block;
    color: #fff;
    padding: 0 75px 0 70px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: bold;
  }
  .service .btn_temp:hover {
    background-color: #3788b2;
  }
  .service .btn_temp .btn_temp_inner {
    position: relative;
    line-height: 50px;
    display: block;
  }
  .service .btn_temp .btn_temp_inner::after {
    content: "";
    width: 24px;
    height: 8px;
    background-image: url("/lib/img/parts/pc/common/arrow_white.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 18px;
    right: -40px;
  }
  .service .btn_skyblue {
    background-color: #3788b2;
  }
  .service .btn_skyblue:hover {
    background-color: #002a65;
  }
  .service .company_link {
    padding-top: 15px;
    padding-bottom: 25px;
  }
  .service .link1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #3788b2;
    padding-bottom: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .service .link1 a:hover {
    text-decoration: underline;
  }
  .service .link1 a img {
    margin-right: 5px;
  }
  /****************
サービス
*****************/
  .service p {
    margin: 0;
  }
  #service .banner a .img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }
  #service .banner2 a .img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
  }
  #service .banner2 a .img img {
    width: 310px;
    height: auto;
  }
  #service .service_box {
    background-color: #fff;
  }
  #service .solution_ul {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  #service .solution_ul li {
    width: calc((100% - 60px) / 3);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #service .solution_ul li:nth-child(3n) {
    margin-right: 0;
  }
  #service .solution_ul li .solution_txt01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
  }
  #service .solution_ul li .solution_txt01_01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 63px;
  }
  #service .solution_ul li .solution_img01_01 img {
    width: 321.33px;
    height: 321.33px;
  }
  #service .solution_ul li .solution_txtbox {
    background-color: #edf0f4;
    padding: 20px;
  }
  #service .solution_ul li .solution_txt02 {
    font-weight: bold;
    line-height: 1.625;
  }
  #service .solution_ul li .solution_txtline {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
  }
  #service .solution_ul li .solution_txt03 {
    font-size: 14px;
    line-height: 1.57;
  }
  #service .solution_ul li .company_link {
    padding-bottom: 0;
  }
  #service .solution_ul2 {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  #service .solution_ul2 li {
    width: calc((100% - 30px) / 2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #service .solution_ul2 li:nth-child(2n) {
    margin-right: 0;
  }
  #service .solution_ul2 li .solution_txt01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
  }
  #service .solution_ul2 li .solution_txt01_01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 63px;
  }
  #service .solution_ul2 li .solution_img01_01 img {
    width: 321.33px;
    height: 321.33px;
  }
  #service .solution_ul2 li .solution_txtbox {
    background-color: #edf0f4;
    padding: 20px;
  }
  #service .solution_ul2 li .solution_txt02 {
    font-weight: bold;
    line-height: 1.625;
  }
  #service .solution_ul2 li .solution_txtline {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
  }
  #service .solution_ul2 li .solution_txt03 {
    font-size: 14px;
    line-height: 1.57;
  }
  #service .solution_ul2 li .company_link {
    padding-bottom: 0;
  }
  /****************
ソリューション
*****************/
  .solution p {
    margin: 0;
  }
  #solution .service_box {
    background-color: #fff;
  }
  #solution .solution_ul {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  #solution .solution_ul li {
    width: calc((100% - 60px) / 3);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #solution .solution_ul li:nth-child(3n) {
    margin-right: 0;
  }
  #solution .solution_ul li .solution_txt01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
  }
  #solution .solution_ul li .solution_txt01_01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 63px;
  }
  #solution .solution_ul li .solution_img01_01 img {
    width: 321.33px;
    height: 209.86px;
  }
  #solution .solution_ul li .solution_txtbox {
    background-color: #edf0f4;
    padding: 20px;
  }
  #solution .solution_ul li .solution_txt02 {
    font-weight: bold;
    line-height: 1.625;
  }
  #solution .solution_ul li .solution_txtline {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
  }
  #solution .solution_ul li .solution_txt03 {
    font-size: 14px;
    line-height: 1.57;
  }
  #solution .solution_ul li .company_link {
    padding-bottom: 0;
  }
  #solution .info_area {
    padding: 30px 0 0;
  }
  /****************
システムインテグレーション
*****************/
  .si p {
    margin: 0;
  }
  #si .service_box {
    background-color: #fff;
  }
  #si .philosophy-box4 {
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  #si .box_white_wrap {
    background-color: #fff;
    padding: 60px 55px;
    width: 1024px;
    margin: 0 auto;
  }
  #si .box_white_wrap > ul li {
    background-color: #fff;
    width: calc(100% / 3);
    margin: 0 10px;
  }
  #si .box_white_wrap > ul li p {
    margin-top: 20px;
    height: inherit;
  }
  #si .info_area {
    padding-top: 0;
  }
  #si .info_area .list_area {
    padding: 0 55px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #si .info_area .list_area ul {
    margin-bottom: 130px;
  }
  #si .info_area .list_area ul:nth-child(2) {
    margin-left: 90px;
  }
  #si .info_area .list_area ul li {
    width: 100%;
  }
  /****************
システムエンジニアリング
*****************/
  .ses p {
    margin: 0;
  }
  #ses .service_box {
    background-color: #fff;
    padding-bottom: 60px;
  }
  #ses .philosophy-box4 {
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  #ses .box_white_wrap {
    background-color: #fff;
    padding: 60px 55px;
    width: 1024px;
    margin: 0 auto;
  }
  #ses .box_white_wrap > ul li {
    background-color: #fff;
    width: calc(100% / 3);
    margin: 0 10px;
  }
  #ses .box_white_wrap > ul li p {
    margin-top: 20px;
    height: inherit;
    position: relative;
    margin-left: 15px;
  }
  #ses .box_white_wrap > ul li p:nth-child(3) {
    margin-top: 5px;
  }
  #ses .box_white_wrap > ul li .ses_p01::before {
    content: "・";
    display: block;
    position: absolute;
    left: -1rem;
  }
  #ses .info_area {
    padding-top: 0;
  }
  #ses .info_area a:hover {
    opacity: 0.6;
  }
  #ses .info_area .customer {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    width: 100%;
    border-bottom: solid 1px #edf0f4;
    padding: 30px 0;
  }
  #ses .info_area .customer > * {
    display: table-cell;
    vertical-align: top;
    padding: 0 0px;
  }
  #ses .info_area .customer > *:first-child {
    padding-left: 0;
  }
  #ses .info_area .customer > *:last-child {
    padding-right: 0;
  }
  #ses .info_area .customer > a:first-child {
    width: 320px;
  }
  #ses .info_area .customer p {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  #ses .info_area .customer .img_box {
    width: 320px;
  }
  #ses .info_area .customer .txt_box {
    padding-left: 30px;
  }
  #ses .info_area .customer .txt_box .company_name {
    font-size: 20px;
    font-weight: bold;
  }
  #ses .info_area .padding_none {
    padding-top: 0;
  }
  #ses .info_area > p {
    margin-top: 70px;
  }
  #ses .info_area .btn_temp:hover {
    opacity: 1;
  }
  /****************
セールスフォース
*****************/
  .salesforce p {
    margin: 0;
  }
  #salesforce .service_box {
    background-color: #fff;
    padding-bottom: 60px;
  }
  #salesforce .philosophy-box4 {
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  #salesforce .sf_box {
    margin-top: 60px;
  }
  #salesforce .sf_box .sf_box_inner {
    background-color: #edf0f4;
    padding: 60px 70px;
  }
  #salesforce .sf_box_inner .sf_block01 {
    background-image: url("/lib/img/pages/pc/service/sf_img_01.png");
    -webkit-background-size: 472px;
    background-size: 472px;
    background-repeat: no-repeat;
    min-height: 294px;
    margin-bottom: 70px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box {
    width: 470px;
    min-height: 194px;
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box h3 span {
    position: relative;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 1.15px;
    color: #002a65;
    margin-bottom: 5px;
    background: linear-gradient(transparent 40%, #c9d9ee 40%);
    display: inline-block;
    z-index: 1;
    padding: 0 15px;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box h3 span:before {
    position: absolute;
    content: '';
    left: -18px;
    top: -10px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 90px transparent;
    z-index: -2
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box h3 span:after {
    position: absolute;
    content: '';
    right: -4px;
    top: -7px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 90px white;
    z-index: -1;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box p {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: 0.7px;
    color: #000;
    text-align: left;
    z-index: 1;
    padding: 0 45px;
    margin-top: 20px;
  }
  #salesforce .sf_box_inner .sf_block02 {
    background-image: url("/lib/img/pages/pc/service/sf_img_02.png");
    -webkit-background-size: 472px;
    background-size: 472px;
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 294px;
    margin-bottom: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box {
    width: 470px;
    min-height: 194px;
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box h3 span {
    position: relative;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 1.15px;
    color: #002a65;
    margin-bottom: 5px;
    background: linear-gradient(transparent 40%, #c9d9ee 40%);
    display: inline-block;
    z-index: 1;
    padding: 0 15px;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box h3 span:before {
    position: absolute;
    content: '';
    left: -18px;
    top: -10px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 90px transparent;
    z-index: -2
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box h3 span:after {
    position: absolute;
    content: '';
    right: -4px;
    top: -7px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 90px white;
    z-index: -1;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box p {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: 0.7px;
    color: #000;
    text-align: left;
    z-index: 1;
    padding: 0 45px;
    margin-top: 20px;
  }
  #salesforce .sf_box_inner .sf_block03 {
    background-image: url("/lib/img/pages/pc/service/sf_img_03.png");
  }
  #salesforce .sf_box_inner .sf_block04 {
    background-image: url("/lib/img/pages/pc/service/sf_img_04.png");
    margin-bottom: 0;
  }
  #salesforce .sf_box02 {
    width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    padding: 50px 55px;
  }
  #salesforce .sf_box02 .sf_box02_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: opacity 0.2s;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img {
    width: 188px;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_txt_box {
    width: calc(100% - 188px);
    padding-left: 91px;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_htxt {
    color: #002a65;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 9px;
    width: 100%;
    text-align: left;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_htxt:after {
    position: static;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_htxt .sf_box02_img_txt {
    color: #002a65;
    font-size: 16px;
    padding-left: 17px;
  }
  #salesforce .sf_box03 {
    width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    padding: 5px 55px 60px 55px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box {
    position: relative;
    text-align: center;
    border-bottom: 4px solid #032e61;
    padding-bottom: 5px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box .sf_box03_htxt03 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.1px;
    text-align: center;
    color: #032e61;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box .sf_box03_htxt03 strong {
    padding-right: 15px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box .sf_box03_htxt03 span {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box p {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    line-height: 2.54;
    letter-spacing: 0.65px;
    color: #000;
  }
  #salesforce .sf_box03_box {
    margin-top: 25px;
    display: flex;
  }
  #salesforce .sf_box03_box .sf_box03_block {
    display: flex;
    align-items: center;
    width: calc(calc(100% - 28px) / 2);
    justify-content: flex-end;
    border-bottom: solid 2px #dfdfdf;
    padding-bottom: 13px;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_img {
    width: 90px;
    margin: 0 30px 0 28px;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_txt01 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.75px;
    color: #032e61;
    margin-right: auto;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_txt02 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.64px;
    color: #00a1e0;
    margin-right: 25px;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_txt02 span {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    vertical-align: bottom;
  }
  .sf_box03_block02 {
    margin-right: 34px;
  }
  #salesforce .info_area {
    padding-top: 0;
  }
  #salesforce .info_area a:hover {
    opacity: 0.6;
  }
  #salesforce .info_area .customer {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    width: 100%;
    border-bottom: solid 1px #edf0f4;
    padding: 30px 0;
  }
  #salesforce .info_area .customer > * {
    display: table-cell;
    vertical-align: top;
    padding: 0 0px;
  }
  #salesforce .info_area .customer > *:first-child {
    padding-left: 0;
  }
  #salesforce .info_area .customer > *:last-child {
    padding-right: 0;
  }
  #salesforce .info_area .customer > a:first-child {
    width: 320px;
  }
  #salesforce .info_area .customer p {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  #salesforce .info_area .customer .img_box {
    width: 320px;
  }
  #salesforce .info_area .customer .txt_box {
    padding-left: 30px;
  }
  #salesforce .info_area .customer .txt_box .company_name {
    font-size: 20px;
    font-weight: bold;
  }
  #salesforce .info_area .padding_none {
    padding-top: 0;
  }
  #salesforce .info_area > p {
    margin-top: 70px;
  }
  #salesforce .info_area .btn_temp:hover {
    opacity: 1;
  }
  /* CSS Document */
  /*開発事例 development example*/
  #development_example_cont {
    background-image: none;
    padding-bottom: 30px;
  }
  /*開発事例 詳細*/
  .development_example_detail {
    /*customer*/
    /*導入背景・具体的な業務内容*/
    /*関連サービス*/
    /*お問合せ*/
  }
  .development_example_detail .example03_title {
    font-size: 32px !important;
  }
  .development_example_detail .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 150px;
  }
  .development_example_detail .btn_area2 {
    width: 90%;
    margin: 0 auto;
  }
  .development_example_detail .btn_temp {
    display: block;
    color: #fff;
    padding: 0 75px 0 70px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: bold;
  }
  .development_example_detail .btn_temp:hover {
    background-color: #3788b2;
  }
  .development_example_detail .btn_temp .btn_temp_inner {
    position: relative;
    line-height: 50px;
    display: block;
  }
  .development_example_detail .btn_temp .btn_temp_inner::after {
    content: "";
    width: 24px;
    height: 8px;
    background-image: url("/lib/img/parts/pc/common/arrow_white.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 18px;
    right: -40px;
  }
  .development_example_detail .btn_temp2 {
    width: 405px;
    margin: 0 auto;
  }
  .development_example_detail .btn_blue {
    background-color: #002a65;
  }
  .development_example_detail .btn_skyblue {
    background-color: #3788b2;
  }
  .development_example_detail .btn_skyblue:hover {
    background-color: #002a65;
  }
  .development_example_detail .cont_example_link {
    line-height: 40px;
    background-color: #edf0f4;
    text-align: center;
  }
  .development_example_detail .cont_example_link a:hover {
    text-decoration: underline;
  }
  .development_example_detail .txt {
    padding: 20px 0;
    border: solid 6px #002a65;
  }
  .development_example_detail .txt span {
    font-size: 20px;
  }
  .development_example_detail .p_txt01 {
    text-align: left;
    font-size: 14px;
    line-height: 2;
    text-indent: -1em;
    padding-left: 1em;
  }
  .development_example_detail .customer {
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    width: 100%;
  }
  .development_example_detail .customer > * {
    display: table-cell;
    vertical-align: top;
    padding: 0 0px;
  }
  .development_example_detail .customer > *:first-child {
    padding-left: 0;
  }
  .development_example_detail .customer > *:last-child {
    padding-right: 0;
  }
  .development_example_detail .customer p {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  .development_example_detail .customer .img_box {
    width: 320px;
  }
  .development_example_detail .customer .txt_box {
    padding-left: 30px;
  }
  .development_example_detail .customer .txt_box .company_name {
    font-size: 20px;
    font-weight: bold;
  }
  .development_example_detail .customer .txt_box .company_link {
    padding-top: 15px;
    padding-bottom: 25px;
  }
  .development_example_detail .customer .txt_box .link1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #3788b2;
    padding-bottom: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .development_example_detail .customer .txt_box .link1 a:hover {
    text-decoration: underline;
  }
  .development_example_detail .customer .txt_box .link1 a img {
    margin-right: 5px;
  }
  .development_example_detail .example04_box {
    padding-bottom: 70px;
  }
  .development_example_detail .example04_box .img_box {
    width: 400px;
  }
  .development_example_detail .example04_box .txt_box {
    padding-right: 30px;
    padding-left: 0;
  }
  .development_example_detail .example04_box .example04_p {
    padding-top: 20px;
  }
  .development_example_detail .service_wrap {
    background-color: #edf0f4;
    padding: 70px 0;
  }
  .development_example_detail .service_wrap .white-box {
    width: 100%;
    background-color: #fff;
    padding: 60px 0;
  }
  .development_example_detail .info_area {
    padding: 70px 0;
  }
  .development_example_detail .info_area > p {
    text-align: center;
  }
  .development_example_detail .info_area > div {
    width: 260px;
    margin: 0 auto;
    margin-top: 40px;
  }
  .inbox5_20200818 {
    margin: 60px 0;
    margin-bottom: 100px;
  }
  .inbox5_yeararea {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
  }
  .inbox5_yeararea .inbox5_yeararea_txt01 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .inbox5_yeararea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 20%;
  }
  .inbox5_yeararea ul li {
    color: #fff;
    margin-right: 5px;
  }
  .inbox5_yeararea ul li a {
    color: #fff;
    background-color: #3788b2;
    line-height: 1;
    padding: 10px 20px;
  }
  .inbox5_yeararea ul li a:hover {
    background-color: #002a65;
  }
  .inbox5_yeararea ul li .inbox5_active {
    background-color: #002a65;
  }
}
@media screen and (max-width: 767px) {
  body {
    position: relative;
    z-index: 2;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 1.6;
  }
  .pc {
    display: none !important;
  }
  /* ------------------------------------------------------------
style reset
------------------------------------------------------------ */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }
  img {
    vertical-align: top;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }
  li {
    list-style-type: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
  }
  /* CSS Document */
  #index {
    height: 290px;
  }
  #index .head-wrap {
    -webkit-transition: 0.3s background linear;
    transition: 0.3s background linear;
    background: transparent;
  }
  #index .head-wrap.onscroll {
    background: rgba(244, 244, 244, 0.8);
  }
  .head-wrap {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: rgba(244, 244, 244, 0.8);
  }
  .head-wrap .box {
    width: 100%;
    height: 45px;
    margin: 0 auto;
    padding: 10px 10px 0;
  }
  .head-wrap .box .logo {
    width: 135px;
  }
  /* ------------------------------------------------------------
nav
------------------------------------------------------------ */
  nav.globalMenuSp {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background: #002a65;
    color: #ffffff;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    width: 100%;
    padding-top: 40px;
  }
  nav.globalMenuSp .box {
    padding: 0px 30px 30px 30px;
  }
  nav.globalMenuSp .box ul.list1 {
    width: 100%;
  }
  nav.globalMenuSp .box ul.list1 li {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px dotted #23477a;
  }
  nav.globalMenuSp .box ul.list1 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ffffff;
    padding: 15px 0;
  }
  nav.globalMenuSp .box ul.list1 li a i {
    margin: 0;
  }
  nav.globalMenuSp .box ul.list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  nav.globalMenuSp .box ul.list2 li {
    font-size: 14px;
    width: calc(100% / 2 - 10px);
    margin: 0 5px;
    border-bottom: 1px dotted #23477a;
  }
  nav.globalMenuSp .box ul.list2 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ffffff;
    padding: 15px 0;
  }
  nav.globalMenuSp .box ul.list2 li a i {
    margin: 0;
  }
  nav.globalMenuSp .box .banner {
    text-align: center;
    margin-top: 15px;
  }
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  .navToggle {
    display: block;
    position: fixed;
    right: 6px;
    top: 3px;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
    text-align: center;
  }
  .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #002a65;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
  }
  .navToggle span:nth-child(1) {
    top: 9px;
  }
  .navToggle span:nth-child(2) {
    top: 18px;
  }
  .navToggle span:nth-child(3) {
    top: 27px;
  }
  .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  /* 最初のspanをマイナス45度に */
  .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: solid 3px #ffffff;
  }
  /* 2番目と3番目のspanを45度に */
  .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 3px #ffffff;
  }
  /* CSS Document */
  footer {
    background: #f3f3f3;
  }
  footer .foot-wrap {
    width: 100%;
    padding: 30px 15px 40px 15px;
  }
  footer .foot-wrap .banner-area-apper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .foot-wrap .banner-area-apper ul li {
    margin: 0 7px 20px;
    max-width: 240px;
  }
  footer .foot-wrap .banner-area-lower ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .foot-wrap .banner-area-lower ul li {
    margin: 0 7px 20px;
    max-width: 240px;
  }
  footer .foot-wrap .pc-nav-area {
    display: none;
  }
  footer .foot-wrap .sp-nav-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .foot-wrap .sp-nav-area ul li {
    font-size: 12px;
    text-align: center;
    width: calc(100% / 3);
    margin: 0 0 10px;
  }
  footer .foot-wrap .sp-nav-area ul li a {
    display: block;
  }
  footer .copyright {
    width: 100%;
    height: 45px;
    background: #002a65;
  }
  footer .copyright .box {
    position: relative;
    height: 100%;
  }
  footer .copyright .box .copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    color: #ffffff;
    height: 100%;
  }
  footer .copyright .box .privacy-icon {
    position: absolute;
    top: -55px;
    right: 15px;
    width: 45px;
  }
  /* CSS Document */
  /* ------------------------------------------------------------
初期設定
------------------------------------------------------------ */
  /* border-box / word-break */
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  html, body {
    height: 100%;
  }
  /* clearfix */
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  /* Color */
  .fc-red {
    color: #CC0000;
  }
  .fc-blue {
    color: #002a65;
  }
  /* 行間設定 */
  p {
    font-size: 14px;
    margin-bottom: 1em;
  }
  p:last-child {
    margin-bottom: 0;
  }
  /* 二行目字下げ */
  .att {
    padding-left: 1em;
    text-indent: -1em;
  }
  /* 左右配置 */
  .ta-right {
    text-align: right;
  }
  .ta-left {
    text-align: left;
  }
  .ta-center {
    text-align: center;
  }
  /* ------------------------------------------------------------
fontawesome
------------------------------------------------------------ */
  i.fas {
    margin-right: 8px;
  }
  /* ------------------------------------------------------------
印刷設定
------------------------------------------------------------ */
  @page {
    margin: 30px;
  }
  /* ------------------------------------------------------------
placeholder - form
------------------------------------------------------------ */
  /*  */
  /* Chrome, Safari */ ::-webkit-input-placeholder {
    color: #cccccc;
  }
  /* Firefox */ ::-moz-placeholder {
    color: #cccccc;
  }
  /* IE */ :-ms-input-placeholder {
    color: #cccccc;
  }
  /* ------------------------------------------------------------
PageTop
------------------------------------------------------------ */
  #pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    font-size: 32px;
  }
  #pagetop a {
    color: #b8b8b8;
  }
  /* ------------------------------------------------------------
画像のレスポンシブ対応
------------------------------------------------------------ */
  img {
    max-width: 100%;
    height: auto;
    width /***/ : auto;
  }
  /* ------------------------------------------------------------
リンク設定
------------------------------------------------------------ */
  a {
    color: #002a65;
    text-decoration: none;
  }
  /* リンクボタン */
  .link-btn {
    text-align: center;
    margin: 30px auto 0;
  }
  .link-btn a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    padding: 0 15px;
    background: #3788b2;
  }
  .link-btn a img {
    margin-left: 12px;
  }
  .link-btn02 {
    text-align: center;
    margin: 30px auto 0;
    font-weight: bold;
  }
  .link-btn02 a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    padding: 0 15px;
    background: #3788b2;
  }
  .link-btn02 a img {
    margin-left: 12px;
  }
  /* ページ内アンカー */
  .anchor {
    position: relative;
    top: -120px;
    display: block;
  }
  /* fade */
  .fadein {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  /* pankuzu */
  .pankuzu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin: 45px auto 0;
    padding: 0 15px;
  }
  .pankuzu-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pankuzu-wrap ul li {
    font-size: 10px;
  }
  .pankuzu-wrap ul li i {
    margin: 0 5px;
  }
  /* contents1 title */
  .contents1-title-wrap {
    color: #ffffff;
    padding: 7.5px 15px;
    background: #002a65;
  }
  .contents1-title-wrap .title {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .contents1-title-wrap .title .jp {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    padding-bottom: 3px;
  }
  .contents1-title-wrap .title .en {
    font-size: 10px;
    line-height: 1;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  /* contents2 title */
  .contents2-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    background: #002a65;
    padding: 7.5px;
  }
  .contents2-title-wrap .title {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .contents2-title-wrap .title .jp {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
  .contents2-title-wrap .title .en {
    font-size: 12px;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  .contents2-title-wrap-wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    background: #002a65;
    padding: 7.5px;
  }
  .contents2-title-wrap-wide .title {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .contents2-title-wrap-wide .title .jp {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
  .contents2-title-wrap-wide3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    background: #002a65;
    padding: 7.5px;
  }
  .contents2-title-wrap-wide3 .title {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .contents2-title-wrap-wide3 .title .jp {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
  /* contents sub title */
  .subtitle {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 auto 30px;
  }
  .subtitle:before {
    content: '';
    position: absolute;
    bottom: -8px;
    display: inline-block;
    width: 25px;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #002a65;
  }
  /* contents category nav */
  .cont-nav-wrap {
    display: none;
  }
  /* contents top txt */
  .contents-top-txt {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px;
  }
  .contents-top-txt .txt {
    font-size: 18px;
    font-weight: bold;
    color: #002a65;
    letter-spacing: 0.1em;
    line-height: 1.26;
    margin: 0 auto;
  }
  .contents-top-txt p {
    margin-top: 15px;
  }
  /* cont-box */
  .cont-box {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }
  /*SP 第三階層下部リンク*/
  .sp_aboutlink {
    text-align: center;
    border-top: solid 1px #fff;
  }
  .sp_aboutlink a {
    color: #002a65;
    font-size: 14px;
    background-color: #edf0f4;
    display: block;
    line-height: 1.4;
    padding: 10px;
    border-bottom: solid 1px #fff;
  }
  .txt_ulup_txt01 {
    margin-bottom: 0;
    margin-top: 1em;
  }
  .ul_li_txt00 li {
    text-indent: -0.8em;
    padding-left: 0.8em;
    font-size: 14px;
  }
  .ul_li_txt01 li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 14px;
  }
  /* CSS Document */
  /* common */
  .in-subtitle {
    color: #002a65;
    text-align: center;
    padding: 30px 25px 20px;
  }
  .in-subtitle .jp {
    font-size: 19px;
    font-weight: bold;
  }
  .in-subtitle .en {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
  }
  /* top img */
  .in-img-box {
    height: 275px;
    padding: 30px 30px 0;
  }
  .in-img-box .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #002a65;
    width: 100%;
    height: calc(100% - 50px);
    margin: 0 auto;
    -webkit-animation-name: my-fade-in;
    animation-name: my-fade-in;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
  }
  .in-img-box .txt > div {
    padding-top: 30px;
  }
  .in-img-box .txt > div > div {
    opacity: 0;
  }
  .in-img-box .txt .title_jp {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    width: 100%;
    text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
  }
  .in-img-box .txt .title_en {
    display: block;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    margin-top: 10px;
  }
  .in-img-box .scroll {
    text-align: center;
  }
  .in-img-box .fade_in_up > div > div {
    -webkit-animation: TopfadeInUpSp 0.5s linear forwards;
    animation: TopfadeInUpSp 0.5s linear forwards;
  }
  .in-img-box .fade_in_up > div > div:nth-child(2) {
    -webkit-animation: TopfadeInUpSp 0.8s linear forwards;
    animation: TopfadeInUpSp 0.8s linear forwards;
  }
  .in-img-box .fade_in_up > div > div:nth-child(3) {
    -webkit-animation: TopfadeInUpSp 1.1s linear forwards;
    animation: TopfadeInUpSp 1.1s linear forwards;
  }
  .in-img-box .fade_in_up > div > div:nth-child(4) {
    -webkit-animation: TopfadeInUpSp 1.4s linear forwards;
    animation: TopfadeInUpSp 1.4s linear forwards;
  }
  /* vision */
  .in-box1-wrap {
    padding: 15px 0 57.5px;
  }
  .in-box1-wrap .in-box1 {
    width: 100%;
    margin: 0 auto;
  }
  .in-box1-wrap .in-box1 .box {
    width: 100%;
  }
  .in-box1-wrap .in-box1 .box .img {
    position: relative;
    margin: 0 30px;
    pointer-events: none;
    z-index: 1;
  }
  .in-box1-wrap .in-box1 .box .txt-area {
    margin-top: -60px;
    position: relative;
    z-index: 0;
  }
  .in-box1-wrap .in-box1 .box .txt-area a {
    display: inline-block;
    font-size: 12px;
    color: #000000;
    line-height: 1.6;
    padding: 75px 30px 20px;
    background: #edf0f4;
  }
  .in-box1-wrap .in-box1 .box .txt-area a p {
    font-size: 14px;
  }
  .in-box1-wrap .in-box1 .box .txt-area a .link-btn {
    position: absolute;
    right: 0;
    bottom: -18px;
    left: 0;
    margin: 0 auto;
  }
  .in-box1-wrap .in-box1 .box .txt-area a .link-btn span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 40px;
    padding: 0 15px;
    background: #002a65;
  }
  .in-box1-wrap .in-box1 .box .txt-area a .link-btn span img {
    margin-left: 12px;
  }
  /* service */
  .in-box2-wrap {
    padding-bottom: 40px;
    background: url(../img/pages/pc/top/service_bg.jpg) top center no-repeat #edf0f4;
  }
  .in-box2-wrap .in-box2 {
    width: 100%;
    margin: 0 auto;
  }
  .in-box2-wrap .in-box2 .box {
    position: relative;
    width: calc(100% - 30px);
    margin: 0 15px 30px;
    padding: 15px;
    background: #ffffff;
  }
  .in-box2-wrap .in-box2 .box p {
    font-size: 14px;
    line-height: 1.6;
  }
  .in-box2-wrap .in-box2 .box .cont-list {
    margin: 15px 0 0;
  }
  .in-box2-wrap .in-box2 .box .cont-list li {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    width: 100%;
    margin-bottom: 45px;
    padding: 0 20px;
    background: #002a65;
  }
  .in-box2-wrap .in-box2 .box .cont-list .cont-list_last {
    margin-bottom: 30px;
  }
  .in-box2-wrap .in-box2 .box .cont-list li a .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -0.5px;
    height: 80px;
  }
  .in-box2-wrap .in-box2 .box .cont-list li a .img img {
    margin-bottom: -30px;
  }
  /* development */
  .in-box3-wrap {
    padding-bottom: 40px;
    background: url(../img/pages/pc/top/development_bg.jpg) top center no-repeat;
  }
  .in-box3-wrap .in-box3 {
    width: 100%;
  }
  .in-box3-wrap .in-box3 .in-subtitle {
    padding-bottom: 0;
  }
  .in-box3-wrap .in-box3 .box {
    width: 100%;
  }
  .in-box3-wrap .in-box3 .box .cont-list li {
    position: relative;
    text-align: center;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a {
    color: #000000;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .txt-area {
    position: relative;
    z-index: 2;
    margin: -6% auto;
    width: 280px;
    padding: 10px 20px;
    background: #edf0f4;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .txt-area .title {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .txt-area p {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
  }
  .in-box3-wrap .in-box3 .box .cont-list li a .img_w {
    width: 80%;
    margin: 0 auto;
  }
  .in-box3-wrap .in-box3 .box .link-btn {
    margin: 0;
    margin-top: 30px;
  }
  .swiper-wrapper li a {
    display: block;
    padding-bottom: 50px;
  }
  .swiper-button-prev {
    background-image: none !important;
    top: 30% !important;
    left: 9px !important;
  }
  .swiper-button-prev img {
    width: 50%;
  }
  .swiper-button-next {
    background-image: none !important;
    top: 30% !important;
    right: -6px !important;
  }
  .swiper-button-next img {
    width: 50%;
  }
  /* about */
  .in-box4-wrap {
    padding-bottom: 30px;
    background: url(../img/pages/pc/top/about_bg.jpg) top center no-repeat #edf0f4;
  }
  .in-box4-wrap .in-box4 {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  .in-box4-wrap .in-box4 .cont-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  .in-box4-wrap .in-box4 .cont-list li {
    width: calc(100% / 2 - 10px);
    margin: 0 5px 10px;
    background: #002a65;
  }
  .in-box4-wrap .in-box4 .cont-list li a {
    position: relative;
    display: block;
  }
  .in-box4-wrap .in-box4 .cont-list li a .txt-area {
    font-size: 12px;
    color: #ffffff;
    line-height: 1.7;
    padding: 15px 10px;
  }
  .in-box4-wrap .in-box4 .cont-list li a .txt-area .title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    line-height: 1;
  }
  .in-box4-wrap .in-box4 .cont-list li a .txt-area p {
    font-size: 14px;
  }
  .in-box4-wrap .in-box4 .cont-list li a .about-list-link-btn {
    display: none;
  }
  /* news */
  .in-box5-wrap .in-box5 {
    width: calc(100% - 30px);
    margin: 0 15px;
    padding-bottom: 40px;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li .date {
    width: 6em;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    height: 100%;
    padding: 4px 10px 2px;
    background: #728db3;
  }
  .in-box5-wrap .in-box5 .box .in-news-list li .txt {
    display: block;
    width: 100%;
    margin-top: 5px;
  }
  /* recruit */
  .in-recruit-wrap {
    text-align: center;
    width: calc(100% - 30px);
    margin: 30px 15px 40px;
    padding: 45px 0 30px;
    background: url(../img/pages/pc/top/recruit_img.jpg) top center no-repeat;
    background-size: cover;
  }
  .in-recruit-wrap .box .title .en {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 45px;
    color: #ffffff;
    line-height: 1;
  }
  .in-recruit-wrap .box .title .jp {
    font-size: 16px;
    color: #ffffff;
  }
  .in-recruit-wrap .box .link {
    display: inline-block;
    margin-top: 15px;
    padding: 5px;
    border: 1px solid #ffffff;
  }
  .in-recruit-wrap .box .link a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    color: #002a65;
    padding: 8px 30px 6px;
    background: #ffffff;
  }
  .in-recruit-wrap .box .link a img {
    margin-left: 12px;
  }
  .in-sjp-wrap {
    position: relative;
  }
  .in-sjp-wrap .box {
    display: block;
  }
  .in-sjp-wrap .in-sjp02 {
    background-color: #edf0f4;
  }
  .in-sjp-wrap .in-sjp02 {
    margin: 0px auto;
    padding: 30px 15px 40px 15px;
  }
  .in-sjp-wrap .in-sjp02 .col1 {
    background-color: #fff;
  }
  .in-sjp-wrap .box .box_col.col1 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
  }
  .in-sjp-wrap .box .box_col.col2 {
    background-color: #002a65;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .in-sjp-wrap .in-sjp .sjp_ttl {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    text-align: center;
  }
  .in-sjp-wrap .in-sjp .sjp_txt {
    color: #fff;
    font-size: 14px;
    line-height: 2;
  }
  .in-sjp-wrap .in-sjp .sjp-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .in-sjp-wrap02 {
    position: relative;
  }
  .in-sjp-wrap02 .box {
    display: block;
  }
  .in-sjp-wrap02 .in-sjp {
    background-color: #edf0f4;
  }
  .in-sjp-wrap02 .box .box_col.col1 {
    padding-top: 40px;
    padding-bottom: 0px;
    padding-right: 80px;
    padding-left: 80px;
    text-align: center;
  }
  .in-sjp-wrap02 .box .box_col.col2 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .in-sjp-wrap02 .in-sjp .sjp_ttl {
    color: #002a65;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    text-align: center;
  }
  .in-sjp-wrap02 .in-sjp .sjp_txt {
    color: #002a65;
    font-size: 14px;
    line-height: 2;
  }
  .in-sjp-wrap02 .in-sjp .sjp-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .in-sjp-wrap03 {
    position: relative;
  }
  .in-sjp-wrap03 .box {
    display: block;
  }
  .in-sjp-wrap03 .in-sjp {
    background-color: #edf0f4;
  }
  .in-sjp-wrap03 .box .box_col.col1 {
    padding-top: 40px;
    padding-bottom: 0px;
    padding-right: 80px;
    padding-left: 80px;
    text-align: center;
  }
  .in-sjp-wrap03 .box .box_col.col2 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .in-sjp-wrap03 .in-sjp .sjp_ttl {
    color: #002a65;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    text-align: center;
  }
  .in-sjp-wrap03 .in-sjp .sjp_txt {
    color: #002a65;
    font-size: 14px;
    line-height: 2;
  }
  .in-sjp-wrap03 .in-sjp .sjp-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #index .in-img-box {
    background: url("../img/pages/sp/top/sp_main.png") top center no-repeat;
    background-size: cover;
    border-bottom: 25px solid #002a65;
  }
  /* CSS Document */
  /*sp about*/
  /* about-box1 */
  .about-box1 {
    padding: 20px 0 20px;
    background: url(../img/pages/pc/about/about_bg1.jpg) top center no-repeat #edf0f4;
  }
  .about-box1 ul {
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
  }
  .about-box1 ul li {
    width: 100%;
    margin: 0 0 20px;
    background: #ffffff;
  }
  .about-box1 ul li:last-child {
    margin-bottom: 0;
  }
  .about-box1 ul li .txt-area {
    padding: 20px 15px;
  }
  .about-box1 ul li .txt-area .title {
    font-size: 16px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    margin-bottom: 5px;
  }
  .about-box1 ul li .txt-area p {
    color: #000000;
  }
  /* about-box2 */
  .about-box2 {
    padding: 20px 0;
  }
  .about-box2 ul {
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
  }
  .about-box2 ul li {
    width: 100%;
    margin: 0 0 20px;
    background: #edf0f4;
  }
  .about-box2 ul li:last-child {
    margin-bottom: 0;
  }
  .about-box2 ul li .txt-area {
    padding: 20px 15px;
  }
  .about-box2 ul li .txt-area .title {
    font-size: 16px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    margin-bottom: 5px;
  }
  .about-box2 ul li .txt-area p {
    color: #000000;
  }
  /* 社長挨拶 philosophy-box1 */
  .philosophy-box1 {
    padding: 20px 0;
    background: url(../img/pages/pc/about/philosophy_bg1.jpg) top center no-repeat #edf0f4;
  }
  .philosophy-box1 .cont-box .title-box {
    width: 100%;
  }
  .philosophy-box1 .cont-box .white-box {
    padding: 20px 15px;
    background: #ffffff;
  }
  .philosophy-box1 .cont-box .white-box p strong {
    display: block;
    font-size: 14px;
    color: #002a65;
  }
  .philosophy-box1 .cont-box .white-box p span {
    font-weight: bold;
  }
  .philosophy-box1 .cont-box .white-box ul {
    margin-top: 30px;
  }
  .philosophy-box1 .cont-box .white-box ul li {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .philosophy-box1 .cont-box .white-box ul li strong {
    font-size: 14px;
  }
  .philosophy-box1 .cont-box .white-box .name {
    text-align: right;
    margin-top: 30px;
  }
  .philosophy-box1 .cont-box .white-box .greeting {
    text-align: center;
    font-size: 16px;
  }
  /* 企業理念 philosophy-box2 */
  .philosophy-box2 {
    padding: 20px 0;
  }
  .philosophy-box2 .cont-box {
    padding: 0 15px;
  }
  .philosophy-box2 .cont-box .txt1 {
    font-size: 16px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    margin-top: -5px;
    padding: 0 0 20px;
    line-height: 1.26;
  }
  /* ビジョン philosophy-box3 */
  .philosophy-box3 {
    padding: 20px 0;
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  .philosophy-box3 .cont-box .white-box {
    padding: 20px 15px;
    background: #ffffff;
  }
  .philosophy-box3 .cont-box .white-box .txt1 {
    font-size: 16px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    padding: 0 0 20px;
  }
  /* 行動指針 philosophy-box4 */
  .philosophy-box4 {
    padding: 20px 0;
  }
  .philosophy-box4 .cont-box ul li {
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 15px;
    border: 1px solid #dfdfdf;
  }
  .philosophy-box4 .cont-box ul li:last-child {
    margin: 0;
  }
  .philosophy-box4 .cont-box ul li .title {
    text-align: center;
  }
  .philosophy-box4 .cont-box ul li .title .jp {
    font-size: 16px;
    font-weight: bold;
    color: #002a65;
    line-height: 1;
  }
  .philosophy-box4 .cont-box ul li .title .en {
    font-size: 14px;
    font-weight: bold;
    color: #002a65;
    line-height: 1;
    margin: 5px 0 10px;
  }
  .philosophy-box4 .cont-box ul li p span {
    font-size: 14px;
    font-weight: bold;
    color: #002a65;
    padding-right: 2px;
  }
  /* 大切な教え philosophy-box5 */
  .philosophy-box5 {
    padding: 20px 0;
    background: #edf0f4;
  }
  .philosophy-box5 .cont-box {
    text-align: center;
  }
  .philosophy-box5 .cont-box .txt1 {
    font-size: 14px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
    line-height: 1;
    padding: 0 0 20px;
  }
  .philosophy-box5 .cont-box p {
    margin-bottom: 1em;
  }
  /* profile */
  #profile .profile-white-wrap {
    padding: 20px 15px;
    background: #ffffff;
  }
  #profile .profile-white-wrap .profile-box {
    width: 100%;
    margin: 0 auto;
  }
  #profile .profile-white-wrap .profile-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box table th, #profile .profile-white-wrap .profile-box table td {
    display: block;
    font-size: 14px;
    padding: 10px 15px;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box table th {
    font-weight: bold;
    text-align: left;
  }
  #profile .profile-white-wrap .profile-box table th h3 {
    font-weight: bold;
  }
  #profile .profile-white-wrap .profile-box table td .address-box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #profile .profile-white-wrap .profile-box table td .address-box1 .item {
    width: 60px;
  }
  #profile .profile-white-wrap .profile-box table td .address-box1 .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #profile .profile-white-wrap .profile-box table td .address-box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
  }
  #profile .profile-white-wrap .profile-box table td .address-box2 .item {
    width: 60px;
  }
  #profile .profile-white-wrap .profile-box table td .address-box2 .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #profile .profile-white-wrap .profile-box table td .ac {
    margin-top: 10px;
    text-align: right;
  }
  #profile .profile-white-wrap .profile-box table td .ac a {
    color: #3788b2;
    display: inline-block;
    position: relative;
  }
  #profile .profile-white-wrap .profile-box table td .ac a::after {
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 8px;
    top: 6px;
    left: -30px;
    background-image: url("/lib/img/pages/pc/about/profile_arrow.png");
    background-position: center center;
  }
  #profile .profile-white-wrap .profile-box table td .map-box {
    margin-top: 20px;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 li {
    padding-left: 25px;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 li a {
    color: #3788b2;
  }
  #profile .profile-white-wrap .profile-box table td .link-list1 li:last-child {
    margin-left: 30px;
  }
  #profile .profile-white-wrap .profile-box .works-txt1 {
    font-size: 18px;
    font-weight: bold;
    color: #002a65;
    text-align: center;
  }
  #profile .profile-white-wrap .profile-box .works-img1 {
    text-align: center;
    width: 100%;
    margin: 60px auto;
    padding: 0 15px;
  }
  #profile .profile-white-wrap .profile-box .works-area1 {
    margin-bottom: 20px;
  }
  #profile .profile-white-wrap .profile-box .works-area1 .item {
    font-size: 16px;
    font-weight: bold;
  }
  #profile .profile-white-wrap .profile-box .works-area1:last-child {
    margin-bottom: 0;
  }
  #profile .profile-white-wrap .profile-box .history-list {
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box .history-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-white-wrap .profile-box .history-list li .date {
    width: 100px;
  }
  #profile .profile-white-wrap .profile-box .history-list li .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #profile .profile-white-wrap .profile-box .history-list li .txt a {
    color: #000000;
  }
  #profile .profile-gray-wrap {
    padding: 20px 15px;
    background: #edf0f4;
  }
  #profile .profile-gray-wrap .profile-box {
    width: 100%;
    margin: 0 auto;
  }
  #profile .profile-gray-wrap .profile-box table {
    width: 100%;
    border-top: 1px solid #ffffff;
  }
  #profile .profile-gray-wrap .profile-box table th, #profile .profile-gray-wrap .profile-box table td {
    display: block;
    font-size: 14px;
    padding: 10px 15px;
    border-bottom: 1px solid #ffffff;
  }
  #profile .profile-gray-wrap .profile-box table th {
    font-weight: bold;
    text-align: left;
  }
  #profile .profile-gray-wrap .profile-box table th h3 {
    font-weight: bold;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 {
    margin: 20px 0 0;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 li {
    text-align: center;
    margin-bottom: 10px;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 li:last-child {
    margin-bottom: 0;
  }
  #profile .profile-gray-wrap .profile-box table td .img-list1 li img {
    padding: 2px;
    background: #ffffff;
    border: 1px solid #cccccc;
  }
  #profile .profile-gray-wrap .profile-box table td .map-box {
    margin-top: 20px;
  }
  #profile .profile-gray-wrap .profile-box table td .torihiki-list a {
    color: #000000;
  }
  #profile .profile-gray-wrap .profile-box p {
    margin: 10px 0 0;
  }
  #profile .profile-white-wrap02 {
    padding: 0 0 45px 0;
    background: #ffffff;
  }
  #profile .profile-white-wrap02 .cont-box .box .img {
    margin-top: 15px;
  }
  /* CSR */
  #csr .csr-white-wrap {
    padding: 45px 0;
    background: #ffffff;
  }
  #csr .csr-white-wrap .cont-box .box .img {
    margin-top: 15px;
  }
  #csr .csr-gray-wrap {
    padding: 45px 0;
    background: #edf0f4;
  }
  #csr .csr-gray-wrap .cont-box:first-child {
    margin-bottom: 30px;
  }
  #csr .csr-gray-wrap .cont-box .white-box {
    padding: 20px 15px;
    background: #ffffff;
  }
  /* CSS Document */
  /* privacy-policy */
  #privacy-policy .privacy-policy-white-wrap {
    padding: 20px 15px;
    background: #ffffff;
  }
  #privacy-policy .privacy-policy-gray-wrap {
    padding: 20px 15px;
    background: #edf0f4;
  }
  #privacy-policy .privacy-policy-box {
    width: 100%;
    margin: 0 auto;
  }
  #privacy-policy .privacy-policy-box .top-txt .data {
    float: right;
    font-size: 12px;
    text-align: right;
    margin-top: 15px;
  }
  #privacy-policy .privacy-policy-box .txt1 {
    margin-bottom: 30px;
  }
  #privacy-policy .privacy-policy-box .txt1 a {
    color: #3788b2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    font-size: 14px;
  }
  #privacy-policy .privacy-policy-box .txt1 a img {
    margin-right: 5px;
  }
  #privacy-policy .privacy-policy-box .txt2 a {
    font-size: 14px;
    color: #3788b2;
  }
  #privacy-policy .privacy-policy-box .txt2 a:hover {
    text-decoration: underline;
  }
  #privacy-policy .privacy-policy-box .txt2 .address .name {
    font-size: 14px;
  }
  #privacy-policy .privacy-policy-box .link1 {
    margin-top: 10px;
  }
  #privacy-policy .privacy-policy-box .link1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
  }
  #privacy-policy .privacy-policy-box .link1 a img {
    margin-right: 5px;
  }
  #privacy-policy .privacy-policy-box .link2 {
    margin-top: 10px;
  }
  #privacy-policy .privacy-policy-box .link2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
  }
  #privacy-policy .privacy-policy-box .link2 a img {
    margin-right: 5px;
  }
  /* site-policy */
  #site-policy .site-policy-white-wrap {
    padding: 0 15px;
    background: #ffffff;
  }
  #site-policy .site-policy-gray-wrap {
    padding: 20px 15px;
    background: #edf0f4;
  }
  #site-policy .site-policy-box {
    width: 100%;
    margin: 0 auto;
  }
  #site-policy .site-policy-box .top-txt {
    margin: 20px 0;
  }
  #site-policy .site-policy-box .txt {
    margin-bottom: 30px;
  }
  #site-policy .site-policy-box .txt a {
    color: #3788b2;
  }
  /* sitemap */
  #sitemap .site-map-wrap {
    width: 100%;
    padding: 20px 15px;
  }
  #sitemap .site-map-wrap .cont-link {
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }
  #sitemap .site-map-wrap .cont-link span {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  }
  #sitemap .site-map-wrap .cont-link a {
    color: #333333;
  }
  #sitemap .site-map-wrap .border-blue {
    font-size: 14px;
    border-bottom: 1px solid #002a65;
  }
  #sitemap .site-map-wrap .border-blue i {
    font-size: 12px;
    color: #002a65;
  }
  #sitemap .site-map-wrap .border-red {
    font-size: 14px;
    border-bottom: 1px solid #ed6d47;
  }
  #sitemap .site-map-wrap .border-red i {
    font-size: 12px;
    color: #ed6d47;
  }
  #sitemap .site-map-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 15px;
  }
  #sitemap .site-map-wrap ul li {
    padding-left: 0.45em;
    text-indent: -0.45em;
    width: calc(100% / 2 - 35px);
    margin: 0 15px 10px 20px;
  }
  #sitemap .site-map-wrap ul li a {
    font-size: 12px;
    color: #333333;
    line-height: 1.4;
  }
  #sitemap .site-map-wrap ul li a i {
    margin-right: 6px;
  }
  #sitemap .site-map-wrap ul.margin-btm {
    margin-bottom: 15px;
  }
  /* CSS Document */
  /**sp inquiry/

/* contact */
  #contact .contact-white-wrap {
    padding: 20px 15px;
    background: #ffffff;
  }
  #contact .contact-white-wrap .box {
    width: 100%;
    margin: 0 auto;
  }
  #contact .contact-white-wrap .box .err-box {
    font-size: 14px;
    color: #cc0000;
    padding: 15px;
    border: 1px solid #cc0000;
  }
  #contact .contact-gray-wrap {
    padding: 20px 15px;
    background: #edf0f4;
  }
  #contact .contact-gray-wrap .box {
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px;
    background: #ffffff;
    /* submit */
  }
  #contact .contact-gray-wrap .box .contact-item-title {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    color: #002a65;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #002a65;
  }
  #contact .contact-gray-wrap .box table {
    width: 100%;
  }
  #contact .contact-gray-wrap .box table tr th, #contact .contact-gray-wrap .box table tr td {
    display: block;
    text-align: left;
    vertical-align: top;
    width: 100%;
  }
  #contact .contact-gray-wrap .box table tr th {
    font-size: 14px;
    padding-bottom: 5px;
  }
  #contact .contact-gray-wrap .box table tr td {
    font-size: 14px;
    padding-bottom: 20px;
  }
  #contact .contact-gray-wrap .box table tr td ul li {
    font-size: 14px;
    width: 100%;
  }
  #contact .contact-gray-wrap .box table tr td ul li span {
    display: inline-block;
    margin-right: 5px;
    padding: 4px;
  }
  #contact .contact-gray-wrap .box table tr td ul li span.err-bg {
    background-color: #f4e4e4;
  }
  #contact .contact-gray-wrap .box table tr td textarea {
    width: 100%;
    height: 195px;
    border: 1px solid #ccc;
    font-size: 16px;
  }
  #contact .contact-gray-wrap .box table tr td input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
  }
  #contact .contact-gray-wrap .box table tr td .name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #contact .contact-gray-wrap .box table tr td .name-wrap div {
    text-align: right;
    width: 50%;
  }
  #contact .contact-gray-wrap .box table tr td .name-wrap div input {
    width: 85%;
    margin-left: 5px;
  }
  #contact .contact-gray-wrap .box .privacy-title {
    padding: 25px 0 5px;
    border-top: 1px solid #dcdcdc;
  }
  #contact .contact-gray-wrap .box .scroll-box {
    overflow: auto;
    width: 100%;
    height: 204px;
    padding: 20px 15px;
    border: 1px solid #dcdcdc;
  }
  #contact .contact-gray-wrap .box .scroll-box a {
    color: #3788b2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    font-size: 14px;
  }
  #contact .contact-gray-wrap .box .scroll-box a img {
    margin-right: 5px;
  }
  #contact .contact-gray-wrap .box .privacy-check-box {
    text-align: center;
    font-size: 14px;
    margin: 15px 0;
    padding: 25px 0 5px;
    border-top: 1px solid #dcdcdc;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .err-pink-bg {
    margin-top: 5px;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .form-preview-help-text {
    margin-top: 5px;
    margin-bottom: 0;
    color: #666;
    font-size: 90%;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .form-preview-help-text a {
    color: #3788b2;
  }
  #contact .contact-gray-wrap .box .privacy-check-box .form-preview-help-text a:hover {
    text-decoration: underline;
  }
  #contact .contact-gray-wrap .box .submit-btn {
    text-align: center;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    padding: 10px 15px;
    border: none;
    font-weight: bold;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"] img {
    margin-left: 12px;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="submit"].btn_hover {
    background: #3788b2;
  }
  #contact .contact-gray-wrap .box .submit-btn button[type="button"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    padding: 10px 15px;
    background: #3788b2;
    border: none;
    font-weight: bold;
  }
  #contact .contact-gray-wrap .box .confirm-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #contact .contact-gray-wrap .box .confirm-btn div {
    margin: 0 15px;
    background: #3788b2;
  }
  #contact .err-pink-bg {
    font-size: 14px;
    color: #cc0000;
    padding: 5px;
    background: #f4e4e4;
    margin-top: 5px;
  }
  #contact .err-txt {
    font-size: 14px;
  }
  /* thanks */
  #thanks .thanks-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 45px 15px;
  }
  /* CSS Document */
  /* 404-box */
  #not-found .not-found-box {
    text-align: center;
    margin-top: 70px;
    padding: 60px 15px;
  }
  #not-found .not-found-box .txt {
    font-size: 21px;
    font-weight: bold;
    color: #002a65;
    line-height: 1.4;
    margin-bottom: 35px;
  }
  #not-found .not-found-box p {
    font-size: 12px;
  }
  /* CSS Document */
  /*サービス Service*/
  /****************
サービス内共通
*****************/
  .service {
    /*お問合せ*/
  }
  .service .service_box_wrap {
    padding: 20px 0;
  }
  .service .box_bg_blue {
    background-color: #edf0f4;
  }
  .service .service_box {
    margin: 0 15px;
    background-color: #002a65;
  }
  .service .service_box a img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .service h2 {
    margin: 0 15px 30px;
    text-align: center;
    color: #002a65;
    position: relative;
  }
  .service h2::after {
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    content: "";
    width: 25px;
    height: 1px;
    background-color: #002a65;
  }
  .service h2 .jp {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
  }
  .service h2 .en {
    font-family: "Book Antiqua", -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 12px;
    line-height: 1;
  }
  .service .info_area {
    padding: 20px 0;
  }
  .service .info_area > p {
    text-align: center;
    padding: 0 30px;
  }
  .service .info_area > div {
    width: 260px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .service .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 150px;
  }
  .service .btn_temp {
    display: block;
    color: #fff;
    padding: 0 75px 0 70px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: bold;
  }
  .service .btn_temp .btn_temp_inner {
    position: relative;
    line-height: 50px;
    display: block;
  }
  .service .btn_temp .btn_temp_inner::after {
    content: "";
    width: 24px;
    height: 8px;
    background-image: url("/lib/img/parts/pc/common/arrow_white.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 18px;
    right: -40px;
  }
  .service .btn_skyblue {
    background-color: #3788b2;
  }
  .service .service_img_parent {
    position: relative;
  }
  .service .service_img_parent .p_parent {
    width: 100%;
    background-color: #fff;
  }
  .service .service_img_parent .p_parent p {
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    padding: 20px 15px;
    font-weight: bold;
    color: #002a65;
    letter-spacing: 0.1rem;
  }
  .service .service_img_parent .p_parent_bg_blue {
    background-color: #eaeff3;
  }
  .service .service_img_bottomp {
    margin-bottom: 15px;
  }
  /****************
サービス
*****************/
  .service p {
    margin: 0;
  }
  #service .banner a .img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }
  #service .banner2 a .img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
  }
  #service .banner2 a .img img {
    width: 310px;
    height: auto;
  }
  #service .service_box {
    background-color: #fff;
  }
  #service .solution_ul {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  #service .solution_ul li {
    width: calc((100% - 60px) / 3);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #service .solution_ul li:nth-child(3n) {
    margin-right: 0;
  }
  #service .solution_ul li .solution_txt01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
  }
  #service .solution_ul li .solution_txt01_01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 63px;
  }
  #service .solution_ul li .solution_img01_01 img {
    width: 321.33px;
    height: 321.33px;
  }
  #service .solution_ul li .solution_txtbox {
    background-color: #edf0f4;
    padding: 20px;
  }
  #service .solution_ul li .solution_txt02 {
    font-weight: bold;
    line-height: 1.625;
  }
  #service .solution_ul li .solution_txtline {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
  }
  #service .solution_ul li .solution_txt03 {
    font-size: 14px;
    line-height: 1.57;
  }
  #service .solution_ul li .company_link {
    padding-bottom: 0;
  }
  #service .solution_ul2 {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  #service .solution_ul2 li {
    width: calc((100% - 30px) / 2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #service .solution_ul2 li:nth-child(2n) {
    margin-right: 0;
  }
  #service .solution_ul2 li .solution_txt01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
  }
  #service .solution_ul2 li .solution_txt01_01 {
    background-color: #002a65;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 63px;
  }
  #service .solution_ul2 li .solution_img01_01 img {
    width: 321.33px;
    height: 321.33px;
  }
  #service .solution_ul2 li .solution_txtbox {
    background-color: #edf0f4;
    padding: 20px;
  }
  #service .solution_ul2 li .solution_txt02 {
    font-weight: bold;
    line-height: 1.625;
  }
  #service .solution_ul2 li .solution_txtline {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
  }
  #service .solution_ul2 li .solution_txt03 {
    font-size: 14px;
    line-height: 1.57;
  }
  #service .solution_ul2 li .company_link {
    padding-bottom: 0;
  }
  /****************
ソリューション
*****************/
  .solution p {
    margin: 0;
  }
  #solution .service_box {
    background-color: #fff;
  }
  #solution .solution_ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
  #solution .solution_ul li .solution_img01 img {
    width: 100%;
  }
  #solution .solution_ul li .solution_img01_01 img {
    width: 321.33px;
    height: 209.86px;
  }
  #solution .solution_ul li .solution_txt01 {
    background-color: #002a65;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
  }
  #solution .solution_ul li .solution_txt01_01 {
    background-color: #002a65;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 63px;
  }
  #solution .solution_ul li .solution_txtbox {
    background-color: #edf0f4;
    padding: 20px;
  }
  #solution .solution_ul li .solution_txt02 {
    font-weight: bold;
    line-height: 1.625;
  }
  #solution .solution_ul li .solution_txtline {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
  }
  #solution .solution_ul li .solution_txt03 {
    font-size: 14px;
    line-height: 1.57;
  }
  #solution .solution_ul li .company_link {
    padding-bottom: 0;
    font-size: 12px;
  }
  #solution .solution_ul li .link1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    color: #3788b2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 2;
  }
  #solution .solution_ul li .link1 a img {
    margin-right: 5px;
    width: 14px;
  }
  #solution .info_area {
    padding: 0;
  }
  /****************
システムインテグレーション
*****************/
  .si p {
    margin: 0;
  }
  #si .service_box {
    background-color: #fff;
  }
  #si .philosophy-box4 {
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  #si .box_white_wrap {
    background-color: #fff;
    padding: 15px;
    margin: 0 auto;
  }
  #si .box_white_wrap > ul li {
    background-color: #fff;
  }
  #si .box_white_wrap > ul li p {
    margin-top: 20px;
    height: inherit;
  }
  #si .info_area {
    padding-top: 0;
  }
  #si .info_area .list_area {
    padding: 0 20px;
    width: 100%;
  }
  #si .info_area .list_area ul:nth-child(2) {
    margin-bottom: 20px;
  }
  #si .info_area .list_area ul li {
    width: 100%;
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
  }
  /****************
システムエンジニアリング
*****************/
  .ses p {
    margin: 0;
  }
  #ses .service_box {
    background-color: #fff;
  }
  #ses .philosophy-box4 {
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat;
  }
  #ses .box_white_wrap {
    background-color: #fff;
    padding: 15px;
    margin: 0 auto;
  }
  #ses .box_white_wrap > ul li {
    background-color: #fff;
  }
  #ses .box_white_wrap > ul li p {
    margin-top: 20px;
    height: inherit;
    position: relative;
    margin-left: 15px;
  }
  #ses .box_white_wrap > ul li p:nth-child(3) {
    margin-top: 5px;
  }
  #ses .box_white_wrap > ul li .ses_p01::before {
    content: "・";
    display: block;
    position: absolute;
    left: -1rem;
  }
  #ses .info_area {
    padding-top: 0;
  }
  #ses .info_area .customer {
    width: 100%;
    border-bottom: solid 1px #edf0f4;
    padding: 0 15px 15px;
  }
  #ses .info_area .customer p {
    margin-bottom: 5px;
  }
  #ses .info_area .customer p:last-child {
    margin-bottom: 0;
  }
  #ses .info_area .customer .img_box {
    margin: 0 auto;
    width: 90%;
    text-align: center;
  }
  #ses .info_area .customer .img_box img {
    width: 100%;
  }
  #ses .info_area .customer .txt_box {
    padding: 20px 20px 0;
  }
  #ses .info_area .customer .txt_box .company_name {
    font-size: 16px;
    font-weight: bold;
  }
  #ses .info_area > p {
    margin-top: 20px;
  }
  /****************
セールスフォース
*****************/
  .salesforce p {
    margin: 0;
  }
  #salesforce .service_box {
    background-color: #fff;
    padding-bottom: 10px;
    margin: 0;
  }
  #salesforce .philosophy-box4 {
    background: url(../img/pages/pc/about/philosophy_bg3.jpg) top center no-repeat #edf0f4;
    padding: 20px 0 20px;
  }
  #salesforce .cont-box {
    padding: 0;
  }
    #salesforce .sf_box{
    width: calc(100% - 30px);
    margin: 0 15px 0px;
    }
  #salesforce .sf_box .sf_box_inner {
    background-color: #edf0f4;
    margin: 0 0 30px;
    padding: 30px 15px 0px 15px;
  }
  #salesforce .sf_box_inner .sf_block01 {
    padding-bottom: 30px;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box {
    position: relative;
    background-color: #fff;
    padding: 15px 0;
    text-align: center;
    margin: -30px 15px 0 15px;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box h3 span {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.3px;
    color: #002a65;
    background: linear-gradient(transparent 40%, #c9d9ee 40%);
    display: inline-block;
    z-index: 1;
    padding: 0 15px;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box h3 span:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    border: none;
    border-left: solid 15px white;
    border-bottom: solid 50px transparent;
    z-index: -2
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box h3 span:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 50px white;
    z-index: -1;
  }
  #salesforce .sf_box_inner .sf_block01 .sf_white_box p {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: 0.7px;
    color: #000;
    text-align: left;
    z-index: 1;
    padding: 0 15px;
    margin-top: 10px;
  }
  #salesforce .sf_box_inner .sf_block02 {
    padding-bottom: 30px;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box {
    position: relative;
    background-color: #fff;
    padding: 15px 0;
    text-align: center;
    margin: -30px 15px 0 15px;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box h3 span {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.3px;
    color: #002a65;
    background: linear-gradient(transparent 40%, #c9d9ee 40%);
    display: inline-block;
    z-index: 1;
    padding: 0 15px;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box h3 span:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    border: none;
    border-left: solid 15px white;
    border-bottom: solid 50px transparent;
    z-index: -2
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box h3 span:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 50px white;
    z-index: -1;
  }
  #salesforce .sf_box_inner .sf_block02 .sf_white_box p {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: 0.7px;
    color: #000;
    text-align: left;
    z-index: 1;
    padding: 0 15px;
    margin-top: 10px;
  }
  #salesforce .sf_box02 {
    position: relative;
    width: calc(100% - 30px);
    margin: 0 15px 0px;
    padding: 15px 15px 0;
    background: #ffffff;
  }
  #salesforce .sf_box02 .sf_box02_inner {}
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img {
    padding-top: 25px;
    padding-bottom: 0px;
    padding-right: 65px;
    padding-left: 65px;
    text-align: center;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_txt_box {
    padding-top: 40px;
    padding-bottom: 25px;
    padding-right: 15px;
    padding-left: 15px;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_htxt {
    color: #002a65;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    text-align: center;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_htxt:after {
    position: static;
  }
  #salesforce .sf_box02 .sf_box02_inner .sf_box02_img_htxt .sf_box02_img_txt {
    color: #002a65;
    font-size: 14px;
    line-height: 2;
  }
  #salesforce .sf_box03 {
    background-color: #fff;
    width: calc(100% - 30px);
    margin: 0 15px 30px;
    padding: 15px 15px 0px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box {
    position: relative;
    text-align: center;
    border-bottom: 4px solid #032e61;
    padding-bottom: 5px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box .sf_box03_htxt03 {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #032e61;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box .sf_box03_htxt03 strong {
    padding-right: 15px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box .sf_box03_htxt03 span {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
  }
  #salesforce .sf_box03 .sf_box03_htxt_box p {
    font-size: 12px;
    color: #000;
    text-align: right;
    line-height: 1.1;
  }
  #salesforce .sf_box03_box {}
  #salesforce .sf_box03_box .sf_box03_block {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: solid 2px #dfdfdf;
    padding-bottom: 13px;
    margin-top: 15px;
  }
  #salesforce .sf_box03_box .sf_box03_block_last {
    border-bottom: none;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_img {
    width: 90px;
    margin: 0 15px 0 10px;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_txt01 {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.75px;
    color: #032e61;
    margin-right: auto;
    flex: 1;
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_txt02 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.64px;
    color: #00a1e0;
    margin-right: 10px;
    margin-left: 10px;
    display: flex;
    align-items: flex-end
  }
  #salesforce .sf_box03_box .sf_box03_block .sf_box03_block_txt02 span {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    vertical-align: bottom;
  }
  .sf_box03_block02 {
    margin-right: 34px;
  }
  #salesforce .info_area {
    padding: 0 0 40px 0;
  }
  #salesforce .info_area .customer {
    width: 100%;
    border-bottom: solid 1px #edf0f4;
    padding: 0 15px 15px;
  }
  #salesforce .info_area .customer p {
    margin-bottom: 5px;
  }
  #salesforce .info_area .customer p:last-child {
    margin-bottom: 0;
  }
  #salesforce .info_area .customer .img_box {
    margin: 0 auto;
    width: 90%;
    text-align: center;
  }
  #salesforce .info_area .customer .img_box img {
    width: 100%;
  }
  #salesforce .info_area .customer .txt_box {
    padding: 20px 20px 0;
  }
  #salesforce .info_area .customer .txt_box .company_name {
    font-size: 16px;
    font-weight: bold;
  }
  #salesforce .info_area > p {
    margin-top: 20px;
  }
  /* CSS Document */
  /*開発事例 development example*/
  #development_example_cont {
    background-image: none;
    padding-bottom: 30px;
  }
  /*開発事例 詳細*/
  .development_example_detail {
    /*customer*/
    /*導入背景・具体的な業務内容*/
    /*関連サービス*/
    /*お問合せ*/
  }
  .development_example_detail .contents-top-txt .txt {
    width: 100%;
  }
  .development_example_detail .contents-top-txt .txt span {
    font-size: 12px;
  }
  .development_example_detail .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .development_example_detail .btn_area2 {
    width: 90%;
    margin: 0 auto 10px;
  }
  .development_example_detail .btn_temp {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 0 35px 0 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .development_example_detail .btn_temp .btn_temp_inner {
    position: relative;
    line-height: 50px;
    display: block;
    text-align: center;
  }
  .development_example_detail .btn_temp .btn_temp_inner::after {
    content: "";
    width: 24px;
    height: 8px;
    background-image: url("/lib/img/parts/pc/common/arrow_white.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 18px;
    right: -12px;
  }
  .development_example_detail .btn_temp2 {
    width: 320px;
    margin: 0 auto;
  }
  .development_example_detail .btn_blue {
    background-color: #002a65;
  }
  .development_example_detail .btn_skyblue {
    background-color: #3788b2;
  }
  .development_example_detail .cont_example_link {
    line-height: 40px;
    background-color: #edf0f4;
    text-align: center;
  }
  .development_example_detail .txt {
    padding: 10px;
    border: solid 6px #002a65;
  }
  .development_example_detail .txt span {
    font-size: 20px;
  }
  .development_example_detail .p_txt01 {
    text-align: left;
    font-size: 12px;
    line-height: 1.3;
    text-indent: -1em;
    padding-left: 1em;
  }
  .development_example_detail .customer p {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  .development_example_detail .customer .img_box {
    margin: 0 auto;
  }
  .development_example_detail .customer .img_box img {
    width: 100%;
  }
  .development_example_detail .customer .txt_box {
    padding: 20px 0 0 0;
  }
  .development_example_detail .customer .txt_box .company_name {
    font-size: 14px;
    font-weight: bold;
  }
  .development_example_detail .customer .txt_box .company_link {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .development_example_detail .customer .txt_box .link1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    color: #3788b2;
    padding-bottom: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .development_example_detail .customer .txt_box .link1 a img {
    margin-right: 5px;
  }
  .development_example_detail .example04_box {
    padding-bottom: 20px;
  }
  .development_example_detail .example04_box .img_box {
    width: 100%;
  }
  .development_example_detail .example04_box .txt_box {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 10px;
  }
  .development_example_detail .example04_box .example04_p {
    padding-top: 20px;
  }
  .development_example_detail .service_wrap {
    background-color: #edf0f4;
    padding: 20px 0;
  }
  .development_example_detail .service_wrap .white-box {
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 10px 20px;
  }
  .development_example_detail .service_wrap .white-box .btn_area {
    display: inherit;
  }
  .development_example_detail .service_wrap .white-box .btn_area a {
    margin: 0 auto 10px;
  }
  .development_example_detail .info_area {
    padding: 20px 0;
  }
  .development_example_detail .info_area > p {
    text-align: center;
    padding: 0 30px;
  }
  .development_example_detail .info_area > div {
    width: 260px;
    margin: 0 auto;
  }
  .inbox5_20200818 {
    margin: 30px 0;
  }
  .inbox5_yeararea {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    padding: 0 15px;
  }
  .inbox5_yeararea .inbox5_yeararea_txt01 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .inbox5_yeararea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 5px;
    left: 100px;
  }
  .inbox5_yeararea ul li {
    color: #fff;
    margin-right: 5px;
  }
  .inbox5_yeararea ul li a {
    color: #fff;
    background-color: #3788b2;
    line-height: 1;
    padding: 5px 10px;
  }
  .inbox5_yeararea ul li a:hover {
    background-color: #002a65;
  }
  .inbox5_yeararea ul li .inbox5_active {
    background-color: #002a65;
  }
}
/*# sourceMappingURL=style.css.map */