@charset "UTF-8";
/*---------------------------------------------
| メインサイトstyle01.scss
| 採用サイトstyle02.scss
| Sass Command
| sass --style expanded --watch --no-cache scss/style01.scss:css/style01.css & sass --style expanded --watch --no-cache scss/style02.scss:css/style02.css
| jobs
| fg
| Ctr + c
---------------------------------------------*/
body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}

p {
  font-size: 16px;
}

ol, ul {
  list-style: none;
  padding: 0px;
}

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

a {
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  text-decoration: none;
  outline: none;
}
a:hover {
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  opacity: 0.6;
  text-decoration: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

#container {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  max-width: 100%;
  height: auto;
}
/*---------------------------------------------
| SWIPER
---------------------------------------------*/
.swiper-container {
  width: 100%;
}

.swiper-slide img {
  width: 100%;
}

/*---------------------------------------------
| HEADER
---------------------------------------------*/
header {
  background: #ffffff;
}
header .header-inner {
  width: 1140px;
  margin: auto;
}
header .header-inner .logo {
  float: left;
  margin: 0px;
  padding: 5px 0px;
}
header .header-inner .drawr-open {
  float: right;
  margin: 0px;
  padding: 5px 0px;
  cursor: pointer;
}
header .header-inner .drawr-open .pc-drawr-open {
  display: block;
}
header .header-inner .drawr-open .sp-drawr-open {
  display: none;
}
@media screen and (max-width: 1139px) {
  header .header-inner {
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  header .header-inner {
    position: relative;
    padding: 2px 0px;
  }
  header .header-inner .logo {
    float: none;
    margin: 0px;
    padding: 0px;
	text-align: left;
    width: 30%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	margin-right: auto;
    line-height: 0;
  }
  header .header-inner .logo img {
    width: 100%;
  }
  header .header-inner .drawr-open {
    float: none;
    position: absolute;
    top: 30%;
    right: 1%;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    width: 8%;
  }
  header .header-inner .drawr-open .pc-drawr-open {
    display: none;
  }
  header .header-inner .drawr-open .sp-drawr-open {
    display: block;
    width: 100%;
  }
}

/*---------------------------------------------
| FOOTER
---------------------------------------------*/
footer {
  /* background: #003F73; */
  background-image: url("/assets_2024/img/footer_bg.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
footer .footer-inner {
  width: 1140px;
  margin: auto;
}
footer .footer-inner .footer-top .footer-top-left {
  width: 550px;
  width: 650px;
  float: left;
  background: #ffffff;
  border-radius: 0px 0px 10px 10px;
}
footer .footer-inner .footer-top .footer-top-left a {
  display: inline-block;
  padding: 5px 90px 5px 25px;
}
footer .footer-inner .footer-top .footer-top-left p {
  display: inline-block;
  font-size: 14px;
  color: #003f73;
}
footer .footer-inner .footer-top .footer-top-left p a {
  color: #003f73;
  padding: 5px 10px;
}
footer .footer-inner .footer-top .footer-top-right {
  float: right;
}
footer .footer-inner .footer-top .footer-top-right .page-top {
  color: #000000;
  background: #ffffff;
  border-radius: 0px 0px 10px 10px;
  display: block;
  padding: 0px 21px;
  font-size: 30px;
}
footer .footer-inner .footer-top .footer-top-right .page-top:hover {
  background: #003F73;
  color: #ffffff;
}
footer .footer-inner .footer-bottom {
  margin: 40px 0px 20px 0px;
}
footer .footer-inner .footer-bottom .footer-bottom-nav {
  float: left;
  padding-right: 90px;
}
footer .footer-inner .footer-bottom .footer-bottom-nav ul li p {
  color: #ffffff;
  margin-bottom: 0px;
  font-size: 15px;
}
footer .footer-inner .footer-bottom .footer-bottom-nav ul li a {
  color: #ffffff;
  font-size: 15px;
}
footer .footer-inner .footer-bottom .footer-bottom-nav ul li ul li a {
  color: #ffffff;
  font-size: 13px;
  display: block;
}
footer .footer-inner .footer-bottom .footer-bottom-nav ul li ul li a:hover {
  background: #a3a3a3;
  opacity: 1;
}
footer .footer-inner .footer-bottom .footer-bottom-banner {
  display: block;
  float: right;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li {
  margin-bottom: 15px;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li a img {
  width: 100%;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li img {
  width: 100%;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-banner-pc {
  display: block;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-banner-sp {
  display: none;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li {
  width: 32%;
  max-width: 85px;
  /*--max-width: 100px;--0917追加---*/
  float: left;
  margin: 0 2% 0 0;

}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li a {
  display: block;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li a img {
  width: 100%;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li:last-child {
  margin: 0px !important;
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li:last-child a img {
  background: #ffffff;
  padding-right:5px;/*--0917追加--*/
  width: 100%;/*--0917追加--*/
}
footer .footer-inner .footer-bottom .footer-bottom-banner ul li:last-child {
  margin-top: 0px;
}
footer .copyright {
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background: #002f56;
  margin: 0px;
}
@media screen and (max-width: 1139px) {
  footer .footer-inner {
    width: 95%;
    margin: auto;
  }
  footer .footer-inner .footer-bottom {
    margin: 40px 0px 60px 0px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav {
    float: left;
    padding-right: 20px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  footer {
    background-image: url("/assets_2024/img/footer_bg_sp.png");
    margin-top: 90px;
  }
  footer .footer-inner {
    width: 95%;
    margin: auto;
  }
  footer .footer-inner .footer-top {
    position: relative;
  }
  footer .footer-inner .footer-top .footer-top-left {
    width: 100%;
    float: none;
    border-radius: 20px;
    margin-top: 20px;
  }
  footer .footer-inner .footer-top .footer-top-left a {
    width: 30%;
    display: inline-block;
    padding: 5px 10px 5px 10px;
  }
  footer .footer-inner .footer-top .footer-top-left a img {
    width: 100%;
  }
  footer .footer-inner .footer-top .footer-top-left p {
    vertical-align: middle;
    display: inline;
    margin: 0px;
    font-size: 12px;
  }
  footer .footer-inner .footer-top .footer-top-left p a {
    color: #003f73;
    padding: 5px;
    display: inline;
  }
  footer .footer-inner .footer-top .footer-top-right {
    float: none;
    position: absolute;
    top: -70px;
    right: 0px;
    width: 60px;
    height: 60px;
  }
  footer .footer-inner .footer-top .footer-top-right .page-top {
    border-radius: 10px;
    display: block;
    padding: 0px 21px;
    font-size: 30px;
    background: #003F73;
    color: #ffffff;
  }
  footer .footer-inner .footer-bottom {
    border-top: 1px solid #ffffff;
    margin: 30px 0px 20px 0px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav {
    float: none;
    padding-right: 0px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul {
    margin: 0px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li p {
    color: #ffffff;
    margin-bottom: 0px;
    border-bottom: 1px solid #ffffff;
    padding: 7px 0px 7px 10px;
    font-weight: normal;
    font-size: 15px;
    position: relative;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li p:before {
    position: absolute;
    content: " ";
    height: 8px;
    width: 100%;
    height: 1px;
    height: 19px;
    right: 13px;
    top: 13px;
    background: #ffffff;
    background: url("../img/2x/footer01@2x.png") no-repeat right center;
    width: 19px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li .footer-bottom-nav-rotate:before {
    transform: rotate(90deg);
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li a {
    color: #ffffff;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li ul {
    display: none;
    border: none;
    padding-left: 40px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li ul li {
    border-bottom: 1px solid #ffffff;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li ul li a {
    padding: 10px 0px 10px 10px;
    color: #ffffff;
    font-size: 13px;
    display: block;
    position: relative;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li ul li a:before {
    position: absolute;
    content: " ";
    height: 8px;
    width: 100%;
    height: 1px;
    height: 19px;
    right: 13px;
    top: 13px;
    background: #ffffff;
    background: url("../img/2x/footer01@2x.png") no-repeat right center;
    width: 19px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-nav ul li:last-child {
    border: none;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner {
    margin: 20px auto 20px;
    float: none;
    width: 100%;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li {
    margin-bottom: 15px;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li a img {
    width: 100%;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li img {
    width: 100%;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-banner-pc {
    display: none;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-banner-sp {
    display: block;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child {
    width: 50%;
    margin: auto;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li a {
    display: block;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li a img {
    width: 100%;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li:last-child {
    margin: 0px !important;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li .footer-bottom-banner-child li:last-child a img {
    background: #ffffff;
  }
  footer .footer-inner .footer-bottom .footer-bottom-banner ul li:last-child {
    margin-top: 0px;
  }
  footer .copyright {
    font-size: 12px;
    padding: 5px 0px;
  }
}

/*---------------------------------------------
| DRAWR_AREA
---------------------------------------------*/
.drawr-area {
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 100;
  background: #003f73;
  position: fixed;
  overflow: hidden;
  overflow-y: scroll;
  top: 0;
  left: 0;
}
.drawr-area .drawr-area-inner {
  width: 1140px;
  margin: 40px auto 40px;
}
.drawr-area .drawr-area-inner .pc-drawr-area {
  display: block;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header {
  border-radius: 30px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header .drawr-logo {
  padding: 5px 0px 5px 30px;
  float: left;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header .drawr-list {
  float: right;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header .drawr-list ul {
  margin: 0px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header .drawr-list ul li {
  float: left;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header .drawr-list ul li a {
  display: block;
  font-size: 15px;
  color: #000000;
  padding: 15px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-header .drawr-list ul .drawr-close {
  padding: 5px 30px 5px;
  cursor: pointer;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top {
  margin-top: 30px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list {
  padding-left: 100px;
  float: left;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list h3 {
  color: #ffffff;
  font-size: 40px;
  position: relative;
  margin: 0px 0px 20px 0px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list h3 span {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: 15px 0px 0px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list h3:before {
  position: absolute;
  content: " ";
  height: 8px;
  width: 100%;
  height: 1px;
  top: 50px;
  background: #ffffff;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list nav ul li {
  margin-bottom: 5px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list nav ul li a {
  display: block;
  color: #ffffff;
  font-size: 16px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list nav ul li a:hover {
  background: #a3a3a3;
  opacity: 1;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-bottom {
  text-align: right;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-bottom .drawr-area-gallery {
  display: inline-block;
  margin: 20px 0px 20px 10px;
}
.drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-bottom .drawr-area-text {
  font-size: 48px;
  line-height: 1.5;
  color: #1eac4b;
  font-weight: bold;
}
.drawr-area .drawr-area-inner .sp-drawr-area {
  display: none;
}
@media screen and (max-width: 1139px) {
  .drawr-area .drawr-area-inner {
    width: 95%;
    margin: 40px auto 40px;
  }
  .drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top {
    margin-top: 40px;
  }
  .drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-top .drawr-content-list {
    padding-left: 30px;
    float: left;
  }
  .drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-bottom {
    text-align: right;
  }
  .drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-bottom .drawr-area-gallery {
    display: inline-block;
    margin: 20px 0px 20px 10px;
    width: 31.5%;
  }
  .drawr-area .drawr-area-inner .pc-drawr-area .drawr-content-bottom .drawr-area-gallery img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .drawr-area {
    display: none;
    width: 50%;
    height: 100vh;
    z-index: 100;
    background: rgba(0, 63, 115, 0.9);
    position: fixed;
    overflow: hidden;
    overflow-y: scroll;
    top: 0;
    right: 0;
    left: inherit;
  }
  .drawr-area .drawr-area-inner {
    width: 85%;
    margin: 30px auto 30px;
  }
  .drawr-area .drawr-area-inner .pc-drawr-area {
    display: none;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area {
    display: block;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-close {
    position: absolute;
    right: 6%;
    top: 10px;
    width: 16%;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-close img {
    width: 100%;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content {
    padding-top: 25px;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list {
    margin-bottom: 25px;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul {
    border-top: 1px solid #ffffff;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li {
    border-bottom: 1px solid #ffffff;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li a {
    color: #ffffff;
    padding: 5px 0px;
    display: block;
    text-align: center;
    font-size: 12px;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li p {
    color: #ffffff;
    padding: 5px 0px;
    display: block;
    text-align: center;
    font-size: 12px;
    margin: 0px;
    position: relative;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li p:before {
    position: absolute;
    content: " ";
    height: 8px;
    width: 100%;
    height: 1px;
    height: 10px;
    right: 10px;
    top: 13px;
    background: #ffffff;
    background: url("../img/2x/footer01@2x.png") no-repeat right center;
    width: 10px;
    background-size: 100%;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li .sp-drawr-nav-rotate:before {
    transform: rotate(90deg);
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li ul {
    display: none;
    padding-left: 10px;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li ul li a {
    text-align: left;
    font-size: 10px;
    position: relative;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li ul li a:before {
    position: absolute;
    content: " ";
    height: 8px;
    width: 100%;
    height: 1px;
    height: 10px;
    right: 10px;
    top: 10px;
    background: #ffffff;
    background: url("../img/2x/footer01@2x.png") no-repeat right center;
    width: 10px;
    background-size: 100%;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-content-list nav ul li ul li:last-child {
    border: none;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-area-gallery {
    display: inline-block;
    margin: 0px 0px 15px 0px;
  }
  .drawr-area .drawr-area-inner .sp-drawr-area .drawr-content .drawr-area-gallery img {
    width: 100%;
  }
}

/*---------------------------------------------
| COMMON
---------------------------------------------*/
.common-section {
  padding: 90px 0px;
  overflow: hidden;
}
.common-section h2 {
  position: relative;
  font-size: 60px;
  color: #003f73;
  text-align: center;
  margin: 0px 0px 120px 0px;
  display: block;
}
.common-section h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
.common-section h2:before {
  display: block;
  position: absolute;
  content: " ";
  height: 1px;
  background: #003f73;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.common-section .common-inner {
  width: 1140px;
  margin: auto;
  overflow: hidden;
}
@media screen and (max-width: 1139px) {
  .common-section .common-inner {
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .common-section {
    padding: 0px 0px 20px;
    overflow: hidden;
  }
  .common-section h2 {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    background: #003f73;
    text-align: center;
    margin: 0px 0px 20px 0px;
    padding: 10px 0px;
  }
  .common-section h2 span {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 10px;
    padding-top: 0px !important;
  }
  .common-section h2:before {
    display: none;
  }
}

/*---------------------------------------------
| BREAD
---------------------------------------------*/
.bread .bread-inner {
  width: 1140px;
  margin: auto;
  padding: 10px 0px;
}
.bread .bread-inner p {
  font-size: 14px;
  color: #003f73;
}
.bread .bread-inner p a {
  color: #666666;
}
.bread .bread-inner p i {
  color: #666666;
  padding: 0px 5px;
}
@media screen and (max-width: 1139px) {
  .bread .bread-inner {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    /* p { font-size:12px; } */
  }
}
@media screen and (max-width: 767px) {
  .bread {
    display: none;
  }
}

/*---------------------------------------------
| MAIN-VISUAL
---------------------------------------------*/
.main-visual {
  width: 100%;
  position: relative;
}
.main-visual video {
  width: 100%;
}
/*---20200824--*/

.main-visual img {
  width: 100%;
  pointer-events:none;
}
.main-visual h2 {
  color: #ffffff;
  position: absolute;
  font-weight: bold;
  /*--right: 5%;--*/
  left: 5%;/*---1214--*/
  bottom: 5%;
  font-size: 48px;

}
@media screen and (max-width: 767px) {
  .main-visual {
    width: 100%;
    position: initial;
  }
  .main-visual video {
    width: 100%;
  }
  /*---20200824--*/

.main-visual img {
  width: 100%;
}
  .main-visual h2 {
    color: #000000;
    position: initial;
    font-size: 24px;
    text-align: center;
    margin: 13px 0px 25px;
    line-height: 1.5;
  }
}

/*---------------------------------------------
| TOP-BANNER-AREA
---------------------------------------------*/
.top-banner-area {
  margin: 20px 0px;
}
.top-banner-area .top-banner-area-inner {
  width: 1140px;
  margin: auto;
  text-align: right;
}
@media screen and (max-width: 1139px) {
  .top-banner-area .top-banner-area-inner {
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .top-banner-area {
    margin: 0px 0px 25px;
  }
  .top-banner-area .top-banner-area-inner {
    width: 100%;
    margin: auto;
    text-align: right;
    width: 43%;
  }
  .top-banner-area .top-banner-area-inner img {
    width: 100%;
  }
}

/*---------------------------------------------
| TOP-news-area
---------------------------------------------*/

.top-news-area2 .top-news-area-inner2 {
  width: 1140px;
  text-align: center;
  font-size:150%;
  font-family:serif;
  padding:5px;
  border: solid 1px #000000; border-radius: 8px;
}
@media screen and (max-width: 1139px) {
.top-news-area2 .top-news-area-inner2 {
    font-size:90%;
    font-family:serif;
    padding:5px;
    border: solid 1px #000000; border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
 .top-news-area2 .top-news-area-inner2 {
    width: 100%;
    font-size:10px;
    margin: auto;
    text-align: center;
    font-family:serif;
    padding:5px;
    border: solid 1px #000000; border-radius: 8px;
    }

}

/*---------------------------------------------
| TOP-NEWS-AREA
---------------------------------------------*/
.top-news-area {
  margin: 20px 0px;
}
.top-news-area .top-news-area-inner {
  width: 1140px;
  margin: auto;
  text-align: center;
  font-size:150%;
  border: solid 1px #000000; border-radius: 8px;
}
@media screen and (max-width: 1139px) {
  .top-news-area .top-news-area-inner {
    width: 95%;
    font-size:120%;
    margin: auto;
    border: solid 1px #000000; border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .top-news-area {
    margin: 0px 0px 25px;
  }
  .top-news-area .top-news-area-inner {
    width: 100%;
    font-size:100%;
    margin: auto;
    border: solid 1px #000000; border-radius: 8px;
    text-align: center;
    }
  .top-news-area .top-news-area-inner img {
    width: 100%;
  }
}

/*---------------------------------------------
| TOP-SERVICES
---------------------------------------------*/
.top-services h2 {
  margin-bottom: 90px;
}
.top-services h2:before {
  width: 240px;
  top: 50px;
}
.top-services .top-services-inner p {
  text-align: center;
}
.top-services .top-services-inner p span {
  color: #1eac4b;
}
.top-services .top-services-list {
  width: 100%;
  margin-top: 120px;
  list-style-type: none;
}
.top-services .top-services-list li {
  width: 20%;
  float: left;
  box-sizing: border-box;
}
.top-services .top-services-list li a {
  display: block;
  position: relative;
  overflow: hidden;
  color: #ffffff;
}
.top-services .top-services-list li a img {
  width: 100%;
}
.top-services .top-services-list li a .overlay {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 63, 115, 0.5);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
}
.top-services .top-services-list li a .read-more {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 30%;
}
.top-services .top-services-list li a .read-more h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
.top-services .top-services-list li a .read-more h3 span {
  font-size: 16px;
}
.top-services .top-services-list li a .read-more p {
  font-size: 12px;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 5px;
  width: 100px;
  margin: auto;
}
.top-services .top-services-list li a:hover {
  opacity: 1;
  cursor: pointer;
}
.top-services .top-services-list li a:hover .overlay {
  top: -76%;
  transform: skew(0deg, -10deg);
}
.top-services .top-services-list li a:hover .read-more {
  top: -75%;
  left: 5%;
}
.top-services .top-services-list li a:hover .read-more h3 {
  text-align: left;
  border-left: 5px solid #ffffff;
  padding-left: 5px;
}
.top-services .top-services-list li a:hover .read-more p {
  display: none;
}
.top-services .top-services-list li:last-child a .read-more h3 {
  margin-top: 0px;
}
.top-services .top-services-list li:last-child a:hover .read-more h3 {
  margin-top: 20px;
}
@media screen and (max-width: 1139px) {
  .top-services .top-services-list li a .read-more h3 {
    font-size: 13px;
  }
  .top-services .top-services-list li a .read-more h3 span {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .top-services {
    padding: 0px 0px 10px;
  }
  .top-services h2 {
    margin-bottom: 20px;
  }
  .top-services .top-services-inner {
    width: 100%;
    margin: auto;
  }
  .top-services .top-services-inner p {
    font-size: 12px;
  }
  .top-services .top-services-list {
    width: 100%;
    margin: 30px 0px 0px;
    list-style-type: none;
    overflow: hidden;
  }
  .top-services .top-services-list li {
    width: 50%;
  }
  .top-services .top-services-list li a .overlay {
    top: -76%;
    transform: skew(0deg, -10deg);
  }
  .top-services .top-services-list li a .read-more {
    top: 2%;
    left: 3%;
    right: inherit;
    bottom: inherit;
    height: 10%;
  }
  .top-services .top-services-list li a .read-more h3 {
    text-align: left;
    border-left: 5px solid #ffffff;
    padding-left: 5px;
    font-size: 12px;
    margin: 0px;
  }
  .top-services .top-services-list li a .read-more h3 span {
    font-size: 12px;
  }
  .top-services .top-services-list li a .read-more p {
    display: none;
  }
  .top-services .top-services-list li a:hover .read-more {
    top: 2%;
    left: 3%;
  }
  .top-services .top-services-list li:last-child a .read-more h3 {
    margin-top: 0px;
  }
  .top-services .top-services-list li:last-child a:hover .read-more h3 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 340px) {
  .top-services .top-services-inner p {
    font-size: 11px;
  }
}

/*---------------------------------------------
| TOP-CORPORATE
---------------------------------------------*/
.top-corporate h2:before {
  width: 290px;
  top: 55px;
}
.top-corporate .top-corporate-inner .top-corporate-list {
  width: 100%;
  list-style-type: none;
  overflow: hidden;
}
.top-corporate .top-corporate-inner .top-corporate-list li {
  box-sizing: border-box;
  float: left;
  width: 555px;
  margin-bottom: 30px;
}
.top-corporate .top-corporate-inner .top-corporate-list li a {
  display: block;
  position: relative;
  overflow: hidden;
}
.top-corporate .top-corporate-inner .top-corporate-list li a img {
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}
.top-corporate .top-corporate-inner .top-corporate-list li a .pc-top-corporate-list {
  display: block;
}
.top-corporate .top-corporate-inner .top-corporate-list li a .sp-top-corporate-list {
  display: none;
}
.top-corporate .top-corporate-inner .top-corporate-list li a .view {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 30%;
}
.top-corporate .top-corporate-inner .top-corporate-list li a .view h3 {
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 15px;
  color: #000000;
}
.top-corporate .top-corporate-inner .top-corporate-list li a .view p {
  font-size: 14px;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 5px;
  width: 100px;
  margin: auto;
  color: #ffffff;
  border-radius: 20px;
}
.top-corporate .top-corporate-inner .top-corporate-list li a:hover {
  cursor: pointer;
  opacity: 1;
}
.top-corporate .top-corporate-inner .top-corporate-list li a:hover img {
  opacity: 0.6;
}
.top-corporate .top-corporate-inner .top-corporate-list li a:hover .view p {
  border: 1px solid #003F73;
  color: #003F73;
}
.top-corporate .top-corporate-inner .top-corporate-list li:nth-child(1), .top-corporate .top-corporate-inner .top-corporate-list li:nth-child(3) {
  margin-right: 30px;
}
.top-corporate .top-corporate-inner .top-corporate-list li:last-child {
  width: 100%;
}
@media screen and (max-width: 1139px) {
  .top-corporate .top-corporate-inner .top-corporate-list {
    width: 100%;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li {
    box-sizing: border-box;
    width: 49%;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li:nth-child(1), .top-corporate .top-corporate-inner .top-corporate-list li:nth-child(3) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 767px) {
  .top-corporate h2 {
    margin-bottom: 10px;
  }
  .top-corporate .top-corporate-inner .top-corporate-list {
    width: 100%;
    list-style-type: none;
    margin: 0px;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li {
    box-sizing: border-box;
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a .pc-top-corporate-list {
    display: none;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a .sp-top-corporate-list {
    display: block;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a .view {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 30%;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a .view h3 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    margin: 0px;
    text-shadow: 0px 2px 10px #ffffff;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li a .view p {
    display: none;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li:nth-child(1), .top-corporate .top-corporate-inner .top-corporate-list li:nth-child(3) {
    margin-right: 0px;
  }
  .top-corporate .top-corporate-inner .top-corporate-list li:last-child {
    width: 100%;
    margin-bottom: 0px;
  }
}

/*---------------------------------------------
| TOP-RECRUITING
---------------------------------------------*/
.top-recruiting h2:before {
  width: 295px;
  top: 55px;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top {
  display: none;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-left {
  width: 780px;
  float: left;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-left video {
  width: 100%;
  vertical-align: bottom;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right {
  display: block;
  position: relative;
  overflow: hidden;
  height: 439px;
  background: url("../img/2x/recruiting01@2x.png") no-repeat 100%;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box {
  z-index: 3;
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  color: #000000;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box h3 {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #003F73;
  padding: 20px 0px;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box .recruiting-right-img00 {
  text-align: center;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box .recruiting-right-img01 {
  display: inline-block;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box .recruiting-right-img02 {
  display: none;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-right .recruiting-box .recruiting-right-img00 {
  text-align: center;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-right .recruiting-box .recruiting-right-img01 {
  display: none;
}
.top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-right .recruiting-box .recruiting-right-img02 {
  display: inline-block;
}
@media screen and (max-width: 1139px) {
  .top-recruiting .top-recruiting-inner .top-recruiting-area a {
    display: flex;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-left {
    width: 60%;
    float: left;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right {
    width: 40%;
    float: right;
    display: block;
    position: relative;
    overflow: hidden;
    height: auto;
    padding: 0px;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box {
    position: initial;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right .recruiting-box h3 {
    margin: 15px 0px 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .top-recruiting h2 {
    margin-bottom: 15px;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a {
    display: inherit;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top {
    display: block;
    width: 100%;
    display: block;
    overflow: hidden;
    height: auto;
    padding: 20px 0px 30px;
    overflow: hidden;
    background: url("../img/2x/recruiting01@2x.png") no-repeat 100%;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top .recruiting-box {
    z-index: 3;
    margin: auto;
    width: 80%;
    color: #000000;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top .recruiting-box h3 {
    font-weight: bold;
    margin: 0px auto 0px;
    font-size: 18px;
    text-align: center;
    color: #003F73;
    padding: 20px 0px;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top .recruiting-box .recruiting-top-img00 {
    width: 30%;
    text-align: center;
    margin: auto;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top .recruiting-box .recruiting-top-img00 img {
    width: 100%;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top .recruiting-box .recruiting-top-img01 {
    display: inline-block;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-top .recruiting-box .recruiting-top-img02 {
    display: none;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-top .recruiting-box .recruiting-top-img00 {
    text-align: center;
    width: 30%;
    margin: auto;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-top .recruiting-box .recruiting-top-img00 img {
    width: 100%;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-top .recruiting-box .recruiting-top-img01 {
    display: none;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a:hover .top-recruiting-area-top .recruiting-box .recruiting-top-img02 {
    display: inline-block;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-left {
    width: 100%;
    float: none;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-left video {
    width: 100%;
    vertical-align: bottom;
  }
  .top-recruiting .top-recruiting-inner .top-recruiting-area a .top-recruiting-area-right {
    display: none;
  }
}

/*---------------------------------------------
| TOP-GALLERY
---------------------------------------------*/
.top-gallery h2:before {
  width: 380px;
  top: 55px;
}
.top-gallery .top-gallery-inner {
  width: 100%;
}
.top-gallery .top-gallery-inner .top-gallery-swiper {
  overflow: hidden;
  /* height:600px; width:1140px; */
  width: 100%;
  margin: 0px auto 120px;
}
@media screen and (max-width: 767px) {
  .top-gallery {
    padding: 0px;
  }
  .top-gallery h2 {
    margin-bottom: 20px;
  }
  .top-gallery .top-gallery-inner .top-gallery-swiper {
    margin: 0px auto 0px;
  }
}

/*---------------------------------------------
| CONTACT-MAIN-VISUAL
---------------------------------------------*/
.contact-main-visual {
  background: #003f73;
}
.contact-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 120px 0px;
  font-weight: bold;
}
.contact-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .contact-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .contact-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| CONTACT-COMMON-SECTION
---------------------------------------------*/
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form {
  display: block;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form select {
  background: #ececec;
  border: 1px solid #ababab;
  font-size: 16px;
  height: 55px;
  color: #000000;
  border-radius: 10px;
  text-indent: 10px;
  box-shadow: none;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form input {
  background: #ececec;
  border: 1px solid #ababab;
  font-size: 16px;
  height: 55px;
  color: #000000;
  border-radius: 10px;
  padding: 0px 20px;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form textarea {
  background: #ececec;
  border: 1px solid #ababab;
  font-size: 16px;
  height: 200px;
  color: #000000;
  border-radius: 10px;
  padding: 0px 20px;
  text-indent: 10px;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form input:focus, .contact-common-section .contact-common-inner .sub-contact-dl dd .common-form select:focus {
  outline: none;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form :placeholder-shown {
  color: #a3a3a3;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form ::-webkit-input-placeholder {
  color: #a3a3a3;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form :-moz-placeholder {
  color: #a3a3a3;
  opacity: 1;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form ::-moz-placeholder {
  color: #a3a3a3;
  opacity: 1;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form :-ms-input-placeholder {
  color: #a3a3a3;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-error {
  color: #ed1c24;
  margin-bottom: 10px;
  font-size: 16px;
  display: block;
}
.contact-common-section .contact-common-inner .sub-contact-dl dd .common-form-text {
  display: block;
  font-size: 16px;
  margin: 10px 0px -5px 0px;
}
@media screen and (max-width: 767px) {
  .contact-common-section .contact-common-inner .sub-contact-dl dd .common-form {
    display: block;
  }
  .contact-common-section .contact-common-inner .sub-contact-dl dd .common-form select {
    font-size: 12px;
    height: 40px;
  }
  .contact-common-section .contact-common-inner .sub-contact-dl dd .common-form input {
    font-size: 12px;
    height: 40px;
    padding: 0px 10px;
  }
  .contact-common-section .contact-common-inner .sub-contact-dl dd .common-form textarea {
    font-size: 12px;
    height: 150px;
    padding: 0px 10px;
  }
  .contact-common-section .contact-common-inner .sub-contact-dl dd .common-error {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .contact-common-section .contact-common-inner .sub-contact-dl dd .common-form-text {
    display: block;
    font-size: 12px;
    margin: 10px 0px -5px 0px;
  }
}

/*---------------------------------------------
| SUB-CONTACT
---------------------------------------------*/
.sub-contact {
  padding: 60px 0px;
}
.sub-contact h2 {
  position: relative;
  font-size: 30px;
  color: #000000;
  text-align: center;
  display: block;
  font-weight: bold;
  margin: 0px auto 90px;
}
.sub-contact h2:before {
  display: block;
  position: absolute;
  content: " ";
  width: 370px;
  height: 6px;
  background: #003f73;
  left: 0;
  right: 0;
  top: 55px;
  margin: auto;
}
.sub-contact h2 span {
  font-size: 16px;
  display: block;
  font-weight: normal;
  padding-top: 50px;
  text-align: center;
  line-height: 1.8;
}
.sub-contact h2 span span {
  display: inline-block;
  background: #ed1c24;
  color: #ffffff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 5px;
  margin-right: 4px;
}
.sub-contact .sub-contact-inner {
  width: 940px;
  margin: auto;
}
.sub-contact .sub-contact-inner .sub-contact-dl {
  width: 100%;
  margin: 0px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dt {
  display: block;
  width: 25%;
  clear: left;
  float: left;
  border-top: 1px solid #e0e0e0;
  padding: 40px 0px 25px 50px;
  font-size: 16px;
  font-weight: normal;
}
.sub-contact .sub-contact-inner .sub-contact-dl dt span {
  display: inline-block;
  background: #ed1c24;
  color: #ffffff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  vertical-align: top;
  margin-left: -50px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd {
  padding: 25px;
  display: block;
  width: 75%;
  float: left;
  border-top: 1px solid #e0e0e0;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-category {
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-company-name {
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-department-name {
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-last-name {
  width: 260px;
  margin-right: 15px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-first-name {
  width: 260px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-last-name-kana {
  width: 260px;
  margin-right: 15px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-first-name-kana {
  width: 260px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-code-first {
  width: 170px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-code-second {
  width: 170px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-button {
  font-size: 14px;
  color: #ffffff;
  padding: 10px 28px;
  background: #00a1d9;
  border: none;
  border-radius: 10px;
  margin-left: 30px;
  outline: none;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-prefectures {
  width: 170px;
  margin: 20px 0px 15px 0px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-municipalities {
  margin-bottom: 15px;
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-address {
  margin-bottom: 15px;
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-building-name {
  margin-bottom: 15px;
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-first {
  width: 170px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-second {
  width: 170px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-third {
  width: 170px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-mail {
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-textarea {
  width: 100%;
  resize: vertical;
  padding: 15px 10px !important;
  outline: none;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .hyphen {
  margin: 0px 10px;
  font-size: 20px;
  font-weight: bold;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-radio-category-label {
  display: block;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-radio-category-label .contact-radio-category {
  height: auto;
  display: inline-block;
  margin: 0px 10px 0px 0px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-birthday {
  width: 170px;
  margin: 0px 0px 0px 0px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .year-month-day {
  margin: 0px 17px 0px 10px;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-staff-number {
  width: 100%;
}
.sub-contact .sub-contact-inner .sub-contact-dl dd .contact-register-office {
  width: 100%;
}
.sub-contact .sub-contact-inner .contact-category01, .sub-contact .sub-contact-inner .contact-category02, .sub-contact .sub-contact-inner .contact-category03, .sub-contact .sub-contact-inner .contact-category04 {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 30px;
}
.sub-contact .sub-contact-inner .contact-category02, .sub-contact .sub-contact-inner .contact-category03, .sub-contact .sub-contact-inner .contact-category04 {
  display: none;
}
.sub-contact .sub-contact-inner .sub-confirm-dl {
  width: 100%;
  margin: 0px 0px 60px 0px;
  border-bottom: 1px solid #e0e0e0;
}
.sub-contact .sub-contact-inner .sub-confirm-dl dt {
  display: block;
  width: 25%;
  clear: left;
  float: left;
  border-top: 1px solid #e0e0e0;
  padding: 40px 0px 40px 50px;
  font-size: 16px;
  font-weight: normal;
}
.sub-contact .sub-contact-inner .sub-confirm-dl dt span {
  display: inline-block;
  background: #ed1c24;
  color: #ffffff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  vertical-align: top;
  margin-left: -50px;
}
.sub-contact .sub-contact-inner .sub-confirm-dl dd {
  padding: 40px 0px 40px 50px;
  display: block;
  width: 75%;
  float: left;
  border-top: 1px solid #e0e0e0;
}
.sub-contact .sub-contact-inner .sub-confirm-dl dd .common-confirm-text {
  line-height: 2;
}
.sub-contact .sub-contact-policy-title {
  font-size: 24px;
  color: #ffffff;
  background: #003f73;
  margin: 0px 0px 15px 0px;
  padding: 5px 20px;
}
.sub-contact .sub-contact-policy-box {
  border: 1px solid #acacac;
  height: 260px;
  width: 100%;
  overflow-y: scroll;
  padding: 30px 60px 20px;
}
.sub-contact .sub-contact-policy-box h4 {
  font-size: 20px;
  margin: 0px 0px 15px 0px;
}
.sub-contact .sub-contact-policy-box p {
  font-size: 16px;
  margin: 0px 0px 40px 0px;
}
.sub-contact .sub-contact-policy-box .sub-contact-policy-text {
  text-align: right;
  margin: 0px;
}
.sub-contact .contact-policy-check {
  background: #f4777c;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin: 30px 0px 70px 0px;
  padding: 3px 0px;
}
.sub-contact .contact-policy-check p {
  margin: 0px;
}
.sub-contact .contact-policy-check p label {
  font-weight: normal;
  margin: 0px;
}
.sub-contact .contact-policy-check p label span {
  margin-right: 10px;
}
.sub-contact .contact-policy-check p label span .contact-check {
  border-radius: 0px;
}
.sub-contact .contact-prev-next {
  margin: 0px auto 120px;
}
.sub-contact .contact-prev-next .contact-prev {
  float: left;
  width: 49%;
  text-align: center;
  border: 2px solid #2eb2e0;
  background: #ffffff;
  border-radius: 10px;
  color: #2eb2e0;
  padding: 13px;
  font-weight: bold;
  font-size: 20px;
}
.sub-contact .contact-prev-next .contact-prev:hover {
  border: 2px solid #a3a3a3;
  background: #ffffff;
  color: #a3a3a3;
  opacity: 1;
}
.sub-contact .contact-prev-next .contact-prev-change {
  position: relative;
  float: left;
  width: 49%;
  text-align: center;
  border: 2px solid #2eb2e0;
  background: #ffffff;
  border-radius: 10px;
  color: #2eb2e0;
  padding: 13px;
  font-weight: bold;
  font-size: 20px;
}
.sub-contact .contact-prev-next .contact-prev-change i {
  position: absolute;
  left: 30px;
  top: 22px;
  font-size: 28px;
  color: #2eb2e0;
}
.sub-contact .contact-prev-next .contact-prev-change:hover {
  background: #a3a3a3;
  color: #ffffff;
  opacity: 1;
}
.sub-contact .contact-prev-next .contact-prev-change:hover i {
  color: #ffffff;
}
.sub-contact .contact-prev-next .contact-next {
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: relative;
  float: right;
  width: 49%;
  background: #2db2df;
  border: none;
  border-radius: 10px;
  color: #ffffff;
  padding: 15px 0px;
  font-size: 20px;
  outline: none;
}
.sub-contact .contact-prev-next .contact-next i {
  position: absolute;
  right: 30px;
  top: 22px;
  font-size: 28px;
}
.sub-contact .contact-prev-next .contact-next:hover {
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: #a3a3a3;
  color: #ffffff;
  opacity: 1;
}
.sub-contact .contact-prev-next .contact-home {
  width: 460px;
  margin: -20px auto 0px;
  text-align: center;
  border: 2px solid #00A1D9;
  background: #00A1D9;
  border-radius: 10px;
  color: #ffffff;
  padding: 13px;
  font-weight: bold;
  font-size: 20px;
  display: block;
}
.sub-contact .contact-prev-next .contact-home:hover {
  background: #a3a3a3;
  color: #ffffff;
  opacity: 1;
}
@media screen and (max-width: 959px) {
  .sub-contact {
    padding: 60px 0px;
  }
  .sub-contact .sub-contact-inner {
    width: 95%;
    margin: auto;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-last-name {
    width: 40%;
    margin-right: 15px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-first-name {
    width: 40%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-last-name-kana {
    width: 40%;
    margin-right: 15px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-first-name-kana {
    width: 40%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-code-first {
    width: 28%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-code-second {
    width: 28%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-first {
    width: 27%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-second {
    width: 27%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-third {
    width: 27%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-mail {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-textarea {
    width: 100%;
    resize: vertical;
    padding: 15px 10px !important;
    outline: none;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .hyphen {
    margin: 0px 10px;
    font-size: 20px;
    font-weight: bold;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-radio-category-label {
    display: block;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-radio-category-label .contact-radio-category {
    height: auto;
    display: inline-block;
    margin: 0px 10px 0px 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-birthday {
    width: 170px;
    margin: 0px 0px 0px 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .year-month-day {
    margin: 0px 17px 0px 10px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-staff-number {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-register-office {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .contact-category01, .sub-contact .sub-contact-inner .contact-category02, .sub-contact .sub-contact-inner .contact-category03, .sub-contact .sub-contact-inner .contact-category04 {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px;
  }
  .sub-contact .sub-contact-inner .contact-category02, .sub-contact .sub-contact-inner .contact-category03, .sub-contact .sub-contact-inner .contact-category04 {
    display: none;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl {
    width: 100%;
    margin: 0px 0px 60px 0px;
    border-bottom: 1px solid #e0e0e0;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dt {
    display: block;
    width: 25%;
    clear: left;
    float: left;
    border-top: 1px solid #e0e0e0;
    padding: 40px 0px 40px 50px;
    font-size: 16px;
    font-weight: normal;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dt span {
    display: inline-block;
    background: #ed1c24;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: top;
    margin-left: -50px;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dd {
    padding: 40px 0px 40px 50px;
    display: block;
    width: 75%;
    float: left;
    border-top: 1px solid #e0e0e0;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dd .common-confirm-text {
    line-height: 2;
  }
  .sub-contact .sub-contact-policy-title {
    font-size: 24px;
    color: #ffffff;
    background: #003f73;
    margin: 0px 0px 15px 0px;
    padding: 5px 20px;
  }
  .sub-contact .sub-contact-policy-box {
    border: 1px solid #acacac;
    height: 260px;
    width: 100%;
    overflow-y: scroll;
    padding: 30px 60px 20px;
  }
  .sub-contact .sub-contact-policy-box h4 {
    font-size: 20px;
    margin: 0px 0px 15px 0px;
  }
  .sub-contact .sub-contact-policy-box p {
    font-size: 16px;
    margin: 0px 0px 40px 0px;
  }
  .sub-contact .sub-contact-policy-box .sub-contact-policy-text {
    text-align: right;
    margin: 0px;
  }
  .sub-contact .contact-policy-check {
    background: #f4777c;
    width: 100%;
    color: #ffffff;
    text-align: center;
    margin: 30px 0px 70px 0px;
    padding: 3px 0px;
  }
  .sub-contact .contact-policy-check p {
    margin: 0px;
  }
  .sub-contact .contact-policy-check p label {
    font-weight: normal;
    margin: 0px;
  }
  .sub-contact .contact-policy-check p label span {
    margin-right: 10px;
  }
  .sub-contact .contact-policy-check p label span .contact-check {
    border-radius: 0px;
  }
  .sub-contact .contact-prev-next {
    margin: 0px auto 120px;
  }
  .sub-contact .contact-prev-next .contact-prev {
    float: left;
    width: 49%;
    text-align: center;
    border: 2px solid #2eb2e0;
    background: #ffffff;
    border-radius: 10px;
    color: #2eb2e0;
    padding: 13px;
    font-weight: bold;
    font-size: 20px;
  }
  .sub-contact .contact-prev-next .contact-prev:hover {
    border: 2px solid #a3a3a3;
    background: #ffffff;
    color: #a3a3a3;
    opacity: 1;
  }
  .sub-contact .contact-prev-next .contact-prev-change {
    position: relative;
    float: left;
    width: 49%;
    text-align: center;
    border: 2px solid #2eb2e0;
    background: #ffffff;
    border-radius: 10px;
    color: #2eb2e0;
    padding: 13px;
    font-weight: bold;
    font-size: 20px;
  }
  .sub-contact .contact-prev-next .contact-prev-change i {
    position: absolute;
    left: 30px;
    top: 22px;
    font-size: 28px;
    color: #2eb2e0;
  }
  .sub-contact .contact-prev-next .contact-prev-change:hover {
    background: #a3a3a3;
    color: #ffffff;
    opacity: 1;
  }
  .sub-contact .contact-prev-next .contact-prev-change:hover i {
    color: #ffffff;
  }
  .sub-contact .contact-prev-next .contact-next {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    position: relative;
    float: right;
    width: 49%;
    background: #2db2df;
    border: none;
    border-radius: 10px;
    color: #ffffff;
    padding: 15px 0px;
    font-size: 20px;
    outline: none;
  }
  .sub-contact .contact-prev-next .contact-next i {
    position: absolute;
    right: 30px;
    top: 22px;
    font-size: 28px;
  }
  .sub-contact .contact-prev-next .contact-next:hover {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: #a3a3a3;
    color: #ffffff;
    opacity: 1;
  }
  .sub-contact .contact-prev-next .contact-home {
    width: 460px;
    margin: -20px auto 0px;
    text-align: center;
    border: 2px solid #00A1D9;
    background: #00A1D9;
    border-radius: 10px;
    color: #ffffff;
    padding: 13px;
    font-weight: bold;
    font-size: 20px;
    display: block;
  }
  .sub-contact .contact-prev-next .contact-home:hover {
    background: #a3a3a3;
    color: #ffffff;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .sub-contact {
    padding: 15px 0px 0px;
  }
  .sub-contact h2 {
    font-size: 20px;
    width: 95%;
    margin: 0px auto 20px;
  }
  .sub-contact h2:before {
    display: block;
    position: absolute;
    content: " ";
    width: 280px;
    height: 6px;
    background: #003f73;
    left: 0;
    right: 0;
    top: 35px;
    margin: auto;
  }
  .sub-contact h2 span {
    font-size: 12px;
    padding-top: 30px;
    line-height: 1.8;
  }
  .sub-contact h2 span span {
    font-size: 12px;
    padding: 0px 10px;
  }
  .sub-contact .sub-contact-inner {
    width: 95%;
    margin: auto;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl {
    width: 100%;
    margin: 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dt {
    display: block;
    width: 100%;
    clear: none;
    float: none;
    border-top: 1px solid #e0e0e0;
    padding: 10px 0px 10px 10px;
    font-size: 12px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dt span {
    font-size: 12px;
    padding: 2px 10px;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd {
    padding: 0px 10px 10px 10px;
    display: block;
    width: 100%;
    float: none;
    border-top: none;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-category {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-company-name {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-department-name {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-last-name {
    width: 47%;
    margin-right: 10px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-first-name {
    width: 47%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-last-name-kana {
    width: 47%;
    margin-right: 10px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-first-name-kana {
    width: 47%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-code-first {
    width: 27%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-code-second {
    width: 27%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-postal-button {
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 5px;
    margin-left: 15px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-prefectures {
    width: 40%;
    margin: 20px 0px 15px 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-municipalities {
    margin-bottom: 15px;
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-address {
    margin-bottom: 15px;
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-building-name {
    margin-bottom: 15px;
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-first {
    width: 28%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-second {
    width: 28%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-tel-third {
    width: 28%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-mail {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-textarea {
    width: 100%;
    resize: vertical;
    padding: 15px 10px !important;
    outline: none;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .hyphen {
    margin: 0px 5px;
    font-size: 16px;
    font-weight: bold;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-radio-category-label {
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-radio-category-label .contact-radio-category {
    margin: 0px 5px 0px 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-birthday {
    width: 23%;
    margin: 0px 0px 0px 0px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .year-month-day {
    margin: 0px 5px 0px 5px;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-staff-number {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .sub-contact-dl dd .contact-register-office {
    width: 100%;
  }
  .sub-contact .sub-contact-inner .contact-category01, .sub-contact .sub-contact-inner .contact-category02, .sub-contact .sub-contact-inner .contact-category03, .sub-contact .sub-contact-inner .contact-category04 {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px;
  }
  .sub-contact .sub-contact-inner .contact-category02, .sub-contact .sub-contact-inner .contact-category03, .sub-contact .sub-contact-inner .contact-category04 {
    display: none;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl {
    width: 100%;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #e0e0e0;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dt {
    display: block;
    width: 100%;
    clear: none;
    float: none;
    border-top: 1px solid #e0e0e0;
    padding: 10px 0px 10px 10px;
    font-size: 12px;
    font-weight: normal;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dd {
    padding: 0px 0px 10px 10px;
    display: block;
    width: 100%;
    float: none;
    border-top: none;
    font-size: 12px;
  }
  .sub-contact .sub-contact-inner .sub-confirm-dl dd .common-confirm-text {
    line-height: 2;
  }
  .sub-contact .sub-contact-policy-title {
    font-size: 16px;
    text-align: center;
    margin: 0px 0px 10px 0px;
  }
  .sub-contact .sub-contact-policy-box {
    height: 150px;
    width: 100%;
    overflow-y: scroll;
    padding: 15px 15px 15px;
  }
  .sub-contact .sub-contact-policy-box h4 {
    font-size: 16px;
    margin: 0px 0px 10px 0px;
    color: #666666;
  }
  .sub-contact .sub-contact-policy-box p {
    font-size: 12px;
    margin: 0px 0px 30px 0px;
    color: #666666;
  }
  .sub-contact .sub-contact-policy-box .sub-contact-policy-text {
    color: #666666;
  }
  .sub-contact .contact-policy-check {
    margin: 15px 0px 30px 0px;
    padding: 0px 0px 3px;
  }
  .sub-contact .contact-policy-check p {
    margin: 0px;
  }
  .sub-contact .contact-policy-check p label {
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
  }
  .sub-contact .contact-policy-check p label span {
    vertical-align: middle;
    margin-right: 5px;
  }
  .sub-contact .contact-policy-check p label span .contact-check {
    border-radius: 0px;
  }
  .sub-contact .contact-prev-next {
    margin: 0px auto 0px;
  }
  .sub-contact .contact-prev-next .contact-prev {
    padding: 5px;
    font-size: 16px;
  }
  .sub-contact .contact-prev-next .contact-prev-change {
    padding: 5px;
    font-size: 16px;
  }
  .sub-contact .contact-prev-next .contact-prev-change i {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 24px;
  }
  .sub-contact .contact-prev-next .contact-prev-change:hover {
    background: #a3a3a3;
    color: #ffffff;
    opacity: 1;
  }
  .sub-contact .contact-prev-next .contact-prev-change:hover i {
    color: #ffffff;
  }
  .sub-contact .contact-prev-next .contact-next {
    padding: 7px 0px;
    font-size: 16px;
    outline: none;
    font-weight: bold;
  }
  .sub-contact .contact-prev-next .contact-next i {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 24px;
  }
  .sub-contact .contact-prev-next .contact-home {
    width: 100%;
    margin: -10px auto 0px;
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
  }
}

/*---------------------------------------------
| POLICY-MAIN-VISUAL
---------------------------------------------*/
.policy-main-visual {
  background: url("../img/policy/2x/policy01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.policy-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 60px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 120px 0px;
  font-weight: bold;
}
.policy-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .policy-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .policy-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-POLICY
---------------------------------------------*/
.sub-policy {
  padding: 60px 0px;
}
.sub-policy .sub-policy-inner {
  width: 940px;
  margin: auto;
}
.sub-policy .sub-policy-inner .policy-title01 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  margin: 0px auto 15px;
}
.sub-policy .sub-policy-inner .policy-text01 {
  font-size: 16px;
  color: #000000;
  margin-bottom: 60px;
}
.sub-policy .sub-policy-inner .policy-title02 {
  font-size: 24px;
  color: #ffffff;
  background: #003f73;
  margin-bottom: 30px;
  padding: 5px 0px 5px 15px;
}
.sub-policy .sub-policy-inner .policy-text03 {
  font-size: 16px;
  text-align: right;
  margin-bottom: 120px;
}
.sub-policy .sub-policy-inner .policy-text04 {
  font-size: 16px;
  text-align: right;
  margin: -10px 0px 40px;
}
.sub-policy .sub-policy-inner .policy-text05 {
  font-size: 14px;
  margin: -20px 0px 40px;
}
.sub-policy .sub-policy-inner .policy-dl01 dt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.sub-policy .sub-policy-inner .policy-dl01 dd {
  font-size: 16px;
  margin-bottom: 40px;
  line-height: 2;
}
.sub-policy .sub-policy-inner .policy-dl02 dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  font-weight: normal;
}
.sub-policy .sub-policy-inner .policy-dl02 dd {
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 2;
}
.sub-policy .sub-policy-inner .policy-dl02 dd a {
  color: #00a1d9;
}
.sub-policy .sub-policy-inner .policy-table01 {
  width: 100%;
  border-top: 1px solid #054a7e;
  margin: 40px 0px 40px;
}
.sub-policy .sub-policy-inner .policy-table01 tr {
  border-left: 1px solid #054a7e;
  border-bottom: 1px solid #054a7e;
}
.sub-policy .sub-policy-inner .policy-table01 tr th {
  font-weight: normal;
  font-size: 16px;
  border-right: 1px solid #054a7e;
  padding: 24px 35px 23px 35px;
  width: 28%;
  background: #ccecf7;
}
.sub-policy .sub-policy-inner .policy-table01 tr td {
  border-right: 1px solid #054a7e;
  padding: 24px 35px 23px 35px;
}
.sub-policy .sub-policy-inner .policy-table01 tr .first-th {
  width: 5%;
  padding: 0px;
  text-align: center;
}
.sub-policy .sub-policy-inner .policy-table01 .first th {
  background: #33b4e1;
  text-align: center;
  padding: 24px 0px 23px 0px;
}
.sub-policy .sub-policy-inner .policy-table01 .first td {
  background: #33b4e1;
  text-align: center;
  padding: 24px 0px 23px 0px;
}
.sub-policy .sub-policy-inner .policy-ol01 {
  list-style-type: decimal;
  padding-left: 20px;
}
.sub-policy .sub-policy-inner .policy-ol02 {
  list-style-type: decimal;
  padding-left: 40px;
}
.sub-policy .sub-policy-inner .policy-ol03 {
  list-style-type: none;
  padding-left: 0px;
}
.sub-policy .sub-policy-inner .policy-ul01 {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0px;
}
.sub-policy .sub-policy-inner .policy-box {
  border: 10px solid #003f73;
  box-sizing: border-box;
  padding: 10px 30px 30px;
  margin-bottom: 80px;
}

/*---0917追加-*/
.sub-policy .sub-policy-inner .policy-box a {
 display: block;
<!-- background: url("../img/policy/2x/policy02@2x.png") no-repeat left center;-->
<!-- background: url("../img/policy/policy02.png") no-repeat left center;-->
  width: 100px; /*画像サイズ*/
  height: 100px;/*画像サイズ*/
}
/*---0917追加-*/

.sub-policy .sub-policy-inner .policy-box h4 {
  font-size: 24px;
  color: #47d9bf;
  font-weight: bold;
  /*--background: url("../img/policy/2x/policy02@2x.png") no-repeat left center;--0917非表示-*/
  background-size: 116px 116px;
  padding: 30px 20px 30px 150px;
  padding: 0px 20px 30px 150px;/*--0917追加上余白なし--*/
  line-height: 1.5;
  margin: 0px;
  margin-top: -80px;
}
.sub-policy .sub-policy-inner .policy-box p {
  padding: 0px 30px 0px 150px;
}
@media screen and (max-width: 959px) {
  .sub-policy {
    padding: 60px 0px;
  }
  .sub-policy .sub-policy-inner {
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .sub-policy {
    padding: 30px 0px;
  }
  .sub-policy .sub-policy-inner {
    width: 95%;
    margin: auto;
  }
  .sub-policy .sub-policy-inner .policy-title01 {
    font-size: 20px;
    margin: 0px auto 15px;
  }
  .sub-policy .sub-policy-inner .policy-text01 {
    font-size: 12px;
    margin-bottom: 30px;
  }
  .sub-policy .sub-policy-inner .policy-title02 {
    font-size: 18px;
    color: #ffffff;
    background: #003f73;
    margin-bottom: 20px;
    padding: 5px 0px 5px 15px;
  }
  .sub-policy .sub-policy-inner .policy-text03 {
    font-size: 12px;
    text-align: right;
    margin-bottom: 60px;
  }
  .sub-policy .sub-policy-inner .policy-text04 {
    font-size: 12px;
    text-align: right;
    margin: -10px 0px 20px;
  }
  .sub-policy .sub-policy-inner .policy-text05 {
    font-size: 12px;
    margin: -10px 0px 20px;
  }
  .sub-policy .sub-policy-inner .policy-dl01 dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .sub-policy .sub-policy-inner .policy-dl01 dd {
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 2;
  }
  .sub-policy .sub-policy-inner .policy-dl02 dt {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    font-weight: normal;
  }
  .sub-policy .sub-policy-inner .policy-dl02 dd {
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 2;
  }
  .sub-policy .sub-policy-inner .policy-dl02 dd a {
    color: #00a1d9;
  }
  .sub-policy .sub-policy-inner .policy-table01 {
    width: 100%;
    border-top: 1px solid #054a7e;
    margin: 20px 0px 20px;
  }
  .sub-policy .sub-policy-inner .policy-table01 tr {
    border-left: 1px solid #054a7e;
    border-bottom: 1px solid #054a7e;
  }
  .sub-policy .sub-policy-inner .policy-table01 tr th {
    font-weight: normal;
    font-size: 12px;
    border-right: 1px solid #054a7e;
    padding: 10px;
    width: 30%;
    background: #ccecf7;
  }
  .sub-policy .sub-policy-inner .policy-table01 tr td {
    border-right: 1px solid #054a7e;
    padding: 10px;
  }
  .sub-policy .sub-policy-inner .policy-table01 tr .first-th {
    width: 5%;
    padding: 0px;
    text-align: center;
  }
  .sub-policy .sub-policy-inner .policy-table01 .first th {
    background: #33b4e1;
    text-align: center;
    padding: 10px;
  }
  .sub-policy .sub-policy-inner .policy-table01 .first td {
    background: #33b4e1;
    text-align: center;
    padding: 10px;
  }
  .sub-policy .sub-policy-inner .policy-ol01 {
    list-style-type: decimal;
    padding-left: 20px;
  }
  .sub-policy .sub-policy-inner .policy-ol02 {
    list-style-type: decimal;
    padding-left: 30px;
  }
  .sub-policy .sub-policy-inner .policy-ol03 {
    list-style-type: none;
    padding-left: 0px;
  }
  .sub-policy .sub-policy-inner .policy-ul01 {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0px;
  }
  .sub-policy .sub-policy-inner .policy-box {
    border: 10px solid #003f73;
    box-sizing: border-box;
    padding: 20px 10px 30px;
    margin-bottom: 40px;
  }

  /*---0917追加-*/
.sub-policy .sub-policy-inner .policy-box a {
 display: block;
<!-- background: url("../img/policy/2x/policy02@2x.png") no-repeat left center;-->
<!-- background: url("../img/policy/policy02.png") no-repeat left center;-->
  width: 20px; /*画像サイズ*/
  height: 20px;/*画像サイズ*/
}
/*---0917追加-*/

  /*---0917追加-*/
.sub-policy .sub-policy-inner .policy-box a img {
 display: block;
<!-- background: url("../img/policy/2x/policy02@2x.png") no-repeat left center;-->
<!-- background: url("../img/policy/policy02.png") no-repeat left center;-->
  width: 70px; /*画像サイズ*/
  height: 70px;/*画像サイズ*/
}
/*---0917追加-*/


  .sub-policy .sub-policy-inner .policy-box h4 {
    font-size: 16px;
    color: #47d9bf;
    font-weight: bold;
/*--    background: url(../img/policy/2x/policy02@2x.png) no-repeat left top;0917非表示--*/
    background-size: 70px 70px;
    padding: 0px 0px 20px 80px;
    line-height: 1.5;
    margin: 0px;
    margin-top: -20px;/*--0917追加--*/
  }
  .sub-policy .sub-policy-inner .policy-box p {
    padding: 0px 0px 0px 0px;
    font-size: 12px;
  }
}

/*---------------------------------------------
| WEB-MAIN-VISUAL
---------------------------------------------*/
.ICT-main-visual {
  background: url("../img/ict/2x/ict01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.ICT-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.ICT-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .ICT-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .ICT-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-ICT
---------------------------------------------*/
.sub-ICT {
  padding: 60px 0px;
}
.sub-ICT .sub-ICT-inner {
  width: 940px;
  margin: auto;
}
.sub-ICT .sub-ICT-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-ICT .sub-ICT-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/ict/2x/ict05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-ICT .sub-ICT-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/ict/2x/ict06@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-ICT .sub-ICT-inner p {
  font-size: 16px;
  margin-bottom: 25px;
}
.sub-ICT .sub-ICT-inner h3 {
  font-size: 45px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-ICT .sub-ICT-inner .ICT-box {
    display: flex;
    margin-bottom: 87px;
}
.sub-ICT .sub-ICT-inner .ICT-box-inner {
    display: block;
}
.sub-ICT .sub-ICT-inner .ICT-text01 {
    width: 100%;
}
.sub-ICT .sub-ICT-inner .ICT-inner-img-pc {
	display:block;
    width: 100%;
}
.sub-ICT .sub-ICT-inner .ICT-inner-img-sp {
    display:none;
}
.sub-ICT .sub-ICT-inner .ICT-inner-img-pc img {
    width: 100%;
}
.sub-ICT .sub-ICT-inner .ICT-inner-img-sp img {
    width: 0%;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-left {
    width: 65%;
    float: left;
    margin-right: 9%;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-left {
  width: 470px;
  float: left;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left {
    width: 65%;
    float: left;
    margin-right: 9%;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-left h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  color: #ffffff;
  padding: 7px;
  background-color: #00a1d9;
  border-radius: 10px;
  width: 30%;
  text-align: center;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-left p {
  font-size: 16px;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left img {
	width: 100%;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-left h6 {
  font-size: 18px;
  padding:5px;
  background-color:#00a1d9;
  color:#ffffff;
  border-radius:10px;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-right {
  float: right;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-right {
  float: right;
}
.sub-ICT .sub-ICT-inner .ICT-box .ICT-right img {
  width: 100%;
}
@media screen and (max-width: 959px) {
  .sub-ICT {
    padding: 60px 0px;
  }
  .sub-ICT .sub-ICT-inner {
    width: 95%;
    margin: auto;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-left {
    width: 53%;
    float: left;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-right {
    float: right;
    width: 45%;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left {
    width: 53%;
    float: left;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-right {
    float: right;
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .sub-ICT {
    padding: 15px 0px 0px;
  }
  .sub-ICT .sub-ICT-inner {
    width: 95%;
    margin: auto;
  }
  .sub-ICT .sub-ICT-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/ict/2x/ict07@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-ICT .sub-ICT-inner h2:before {
    content: none;
  }
  .sub-ICT .sub-ICT-inner h2:after {
    content: none;
  }
  .sub-ICT .sub-ICT-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-ICT .sub-ICT-inner h3 {
    font-size: 30px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-ICT .sub-ICT-inner .ICT-box {
	display:block;
    margin-bottom: 30px;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-left {
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left {
    width: 100%;
    float: none;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left h6 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0px;
    color: #ffffff;
    padding: 7px;
    background-color: #00a1d9;
    border-radius: 10px;
    width: 30%;
    text-align: center;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-left h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-left p {
    font-size: 12px;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-left img {
    width: 100%;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-right {
    width: 80%;
    margin: auto;
    float: none;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-right {
    width: 80%;
    margin: auto;
    float: none;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-right img {
    width: 100%;
  }
  .sub-ICT .sub-ICT-inner .ICT-box .ICT-inner-right img {
    width: 100%;
  }
  .sub-ICT .sub-ICT-inner .ICT-inner-img-sp {
    display:block;
    width: 100%;
  }
  .sub-ICT .sub-ICT-inner .ICT-inner-img-pc {
    display:none;
  }
  .sub-ICT .sub-ICT-inner .ICT-inner-img-sp img {
    width: 100%;
  }
  .sub-ICT .sub-ICT-inner .ICT-inner-img-pc img {
    width: 0%;
  }
}


/*---------------------------------------------
| WEB-MAIN-VISUAL
---------------------------------------------*/
.web-main-visual {
  background: url("../img/web/2x/web01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.web-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.web-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .web-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .web-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-WEB
---------------------------------------------*/
.sub-web {
  padding: 60px 0px;
}
.sub-web .sub-web-inner {
  width: 940px;
  margin: auto;
}
.sub-web .sub-web-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-web .sub-web-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/web/2x/web04@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-web .sub-web-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/web/2x/web05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-web .sub-web-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-web .sub-web-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-web .sub-web-inner .web-box {
  margin-bottom: 60px;
}
.sub-web .sub-web-inner .web-box .web-left {
  width: 470px;
  float: left;
}
.sub-web .sub-web-inner .web-box .web-left h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sub-web .sub-web-inner .web-box .web-left p {
  font-size: 16px;
}
.sub-web .sub-web-inner .web-box .web-right {
  float: right;
}
.sub-web .sub-web-inner .web-box .web-right img {
  width: 100%;
}
.sub-web .sub-web-inner .web-box .web-right .web-right-img01 {
  margin-top: -20px;
}
.sub-web .sub-web-inner .web-box .web-right .web-right-img02 {
  margin-top: -50px;
}
.sub-web .sub-web-inner .web-service {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 50px 40px;
  margin-bottom: 120px;
}
.sub-web .sub-web-inner .web-service .web-service-dl dt {
  font-size: 30px;
  font-weight: bold;
  color: #00a1d9;
  margin-bottom: 10px;
}
.sub-web .sub-web-inner .web-service .web-service-dl dd {
  margin-bottom: 40px;
}
.sub-web .sub-web-inner .web-service-table {
  padding: 10px 10px;
  margin-bottom: 120px;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc{
  border: 1px solid #195281;
  color:#000000;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp{
  display:none;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc .web-service-table-tdl{
  width: 24%;
  font-size: 17px;
  background-color: #00a1d9;
  color: #ffffff;
  border: 1px solid #195281;
  padding: 10px 10px 10px 10px;
  font-weight: 500;
  text-align: center;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc .web-service-table-tdm{
  width: 22%;
  font-size: 16px;
  background-color: #ccecf7;
  color: #195281;
  border: 1px solid #195281;
  padding: 10px 20px 10px 20px;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc .web-service-table-tdr{
  font-size: 16px;
  border: 1px solid #195281;
  padding:10px 10px 10px 10px;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp .web-service-table-tdl{
  display:none;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp .web-service-table-tdm{
  display:none;
}
.sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp .web-service-table-tdr{
  display:none;
}
@media screen and (max-width: 959px) {
  .sub-web {
    padding: 60px 0px;
  }
  .sub-web .sub-web-inner {
    width: 95%;
    margin: auto;
  }
  .sub-web .sub-web-inner .web-box .web-left {
    width: 53%;
    float: left;
  }
  .sub-web .sub-web-inner .web-box .web-right {
    float: right;
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .sub-web {
    padding: 15px 0px 0px;
  }
  .sub-web .sub-web-inner {
    width: 95%;
    margin: auto;
  }
  .sub-web .sub-web-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/web/2x/web06@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-web .sub-web-inner h2:before {
    content: none;
  }
  .sub-web .sub-web-inner h2:after {
    content: none;
  }
  .sub-web .sub-web-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-web .sub-web-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-web .sub-web-inner .web-box {
    margin-bottom: 30px;
  }
  .sub-web .sub-web-inner .web-box .web-left {
    width: 100%;
    float: none;
  }
  .sub-web .sub-web-inner .web-box .web-left h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-web .sub-web-inner .web-box .web-left p {
    font-size: 12px;
  }
  .sub-web .sub-web-inner .web-box .web-right {
    width: 80%;
    margin: auto;
    float: none;
  }
  .sub-web .sub-web-inner .web-box .web-right img {
    width: 100%;
  }
  .sub-web .sub-web-inner .web-box .web-right .web-right-img01 {
    margin-top: 0px;
  }
  .sub-web .sub-web-inner .web-box .web-right .web-right-img02 {
    margin-top: 0px;
  }
  .sub-web .sub-web-inner .web-service {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px 10px;
    margin-bottom: 0px;
  }
  .sub-web .sub-web-inner .web-service .web-service-dl dt {
    font-size: 16px;
    font-weight: bold;
    color: #00a1d9;
    margin-bottom: 5px;
  }
  .sub-web .sub-web-inner .web-service .web-service-dl dd {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp{
	display:block;
    border: 1px solid #195281;
    color:#000000;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc{
    display:none;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp .web-service-table-tdl{
	width: 100%;
	display:table-cell;
	font-weight: 500;
	font-size: 14px;
    background-color: #00a1d9;
    color: #ffffff;
    border: 1px solid #195281;
    padding: 10px 10px 10px 10px;
    text-align: center;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp .web-service-table-tdm{
	display:table-cell;
    width: 22%;
    font-size: 12px;
    background-color: #ccecf7;
    color: #195281;
    border: 1px solid #195281;
    padding: 15px 10px 15px 10px;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-sp .web-service-table-tdr{
	font-size: 12px;
	display:table-cell;
    border: 1px solid #195281;
    padding:10px 10px 10px 10px;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc .web-service-table-tdl{
    display:none;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc .web-service-table-tdm{
    display:none;
  }
  .sub-web .sub-web-inner .web-service-table .web-service-table-inner-pc .web-service-table-tdr{
    display:none;
  }
}

/*---------------------------------------------
| WEB-CONTACT
---------------------------------------------*/
.web-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.web-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.web-contact .web-contact-inner {
  width: 940px;
  margin: auto;
}
.web-contact .web-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.web-contact .web-contact-inner .web-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-left {
  width: 340px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-left h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-left p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-right {
  width: 540px;
  float: right;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-right .web-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-bottom: 10px;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-right .web-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.web-contact .web-contact-inner .web-contact-box .web-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .web-contact .web-contact-inner {
    width: 95%;
    margin: auto;
  }
  .web-contact .web-contact-inner .web-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .web-contact {
    display: none;
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .web-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .web-contact .web-contact-inner {
    width: 95%;
    margin: auto;
  }
  .web-contact .web-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .web-contact .web-contact-inner .web-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-left h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-left p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-right {
    width: 100%;
    float: none;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-right .web-contact-btn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-right .web-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .web-contact .web-contact-inner .web-contact-box .web-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| LOGISTICS-MAIN-VISUAL
---------------------------------------------*/
.logistics-main-visual {
  background: url("../img/logistics/2x/logistics04@2x.png") no-repeat center bottom;
  background-size: cover;
}
.logistics-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.logistics-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .logistics-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .logistics-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-LOGISTICSS
---------------------------------------------*/
.sub-logistics {
  padding: 60px 0px;
}
.sub-logistics .sub-logistics-inner {
  width: 940px;
  margin: auto;
}
.sub-logistics .sub-logistics-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-logistics .sub-logistics-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/web/2x/web04@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-logistics .sub-logistics-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/web/2x/web05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-logistics .sub-logistics-inner p {
  font-size: 16px;
  margin-bottom: 40px;
}
.sub-logistics .sub-logistics-inner .logistics-text {
  font-size: 16px;
  text-align: center;
  margin-bottom: 90px;
}
.sub-logistics .sub-logistics-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-logistics .sub-logistics-inner img {
  width: 100%;
}
.sub-logistics .sub-logistics-inner .logistics-box {
  margin-bottom: 80px;
}
.sub-logistics .sub-logistics-inner .logistics-box p {
  margin-bottom: 20px;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-img01 {
  margin-bottom: 40px;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-table {
  width: 100%;
  background: #ebf7fc;
  border-top: 1px solid #aaabac;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr {
  border-bottom: 1px solid #aaabac;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr th {
  padding: 40px 50px;
  vertical-align: top;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr th h5 {
  font-size: 24px;
  font-weight: bold;
  margin: 0px 0px 15px 0px;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr td {
  padding: 72px 0px;
  vertical-align: top;
}
.sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr td p {
  font-size: 16px;
  margin: 0px 0px 20px 0px;
}
.sub-logistics .sub-logistics-inner .logistics-grop {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 20px 50px;
  margin-bottom: 120px;
}
.sub-logistics .sub-logistics-inner .logistics-grop h3 {
  font-size: 30px;
  margin-bottom: 60px;
  background-size: 75px 45px;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 40px 0px;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-logistics .sub-logistics-inner .logistics-grop h3 img {
  width: initial;
  display: inline;
  margin-right: 15px;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-left {
  width: 230px;
  float: left;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right {
  width: 570px;
  float: right;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl dt {
  font-size: 20px;
  font-weight: bold;
  color: #00a1d9;
  margin-bottom: 5px;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt01 {
  color: #04518c;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt02 {
  color: #00a1d9;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt03 {
  color: #4da394;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt04 {
  color: #47d9bf;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt05 {
  color: #f2d03b;
}
.sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl dd {
  font-size: 16px;
  margin-bottom: 40px;
}
@media screen and (max-width: 959px) {
  .sub-logistics {
    padding: 60px 0px;
  }
  .sub-logistics .sub-logistics-inner {
    width: 95%;
    margin: auto;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-left {
    width: 30%;
    float: left;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right {
    width: 65%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .sub-logistics {
    padding: 15px 0px 0px;
  }
  .sub-logistics .sub-logistics-inner {
    width: 95%;
    margin: auto;
  }
  .sub-logistics .sub-logistics-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/web/2x/web06@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-logistics .sub-logistics-inner h2:before {
    content: none;
  }
  .sub-logistics .sub-logistics-inner h2:after {
    content: none;
  }
  .sub-logistics .sub-logistics-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-logistics .sub-logistics-inner .logistics-text {
    font-size: 12px;
    text-align: center;
    margin-bottom: 40px;
  }
  .sub-logistics .sub-logistics-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-logistics .sub-logistics-inner img {
    width: 100%;
  }
  .sub-logistics .sub-logistics-inner .logistics-box {
    margin-bottom: 15px;
  }
  .sub-logistics .sub-logistics-inner .logistics-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-logistics .sub-logistics-inner .logistics-box p {
    margin-bottom: 20px;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-img01 {
    margin-bottom: 40px;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table {
    width: 100%;
    background: #ebf7fc;
    border-top: 1px solid #aaabac;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr {
    border-bottom: 1px solid #aaabac;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr th {
    padding: 30px 20px;
    vertical-align: top;
    width: 45%;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr th h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr th img {
    width: 100%;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr td {
    padding: 50px 0px 40px 0px;
    vertical-align: top;
  }
  .sub-logistics .sub-logistics-inner .logistics-box .logistics-table tr td p {
    font-size: 12px;
    margin: 0px 0px 15px 0px;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 0px;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop h3 {
    font-size: 16px;
    margin-bottom: 15px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop h3 img {
    width: 15%;
    display: inline;
    margin-right: 10px;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-left {
    width: 40%;
    float: left;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right {
    width: 55%;
    float: right;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl dt {
    font-size: 16px;
    font-weight: bold;
    color: #00a1d9;
    margin-bottom: 5px;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt01 {
    color: #04518c;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt02 {
    color: #00a1d9;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt03 {
    color: #4da394;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt04 {
    color: #47d9bf;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl .logistics-dt05 {
    color: #f2d03b;
  }
  .sub-logistics .sub-logistics-inner .logistics-grop .logistics-grop-box .logistics-right .logistics-service-dl dd {
    font-size: 12px;
    margin-bottom: 15px;
  }
}

/*---------------------------------------------
| LOGISTICS-CONTACT
---------------------------------------------*/
.logistics-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.logistics-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.logistics-contact .logistics-contact-inner {
  width: 940px;
  margin: auto;
}
.logistics-contact .logistics-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left {
  width: 400px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left div {
  margin-bottom: 30px;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left div h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left div p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right {
  width: 450px;
  float: right;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right .logistics-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-top: 150px;
  margin-bottom: 10px;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right .logistics-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .logistics-contact .logistics-contact-inner {
    width: 95%;
    margin: auto;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .logistics-contact {
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .logistics-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .logistics-contact .logistics-contact-inner {
    width: 95%;
    margin: auto;
  }
  .logistics-contact .logistics-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left div {
    margin-bottom: 20px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left div h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-left div p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right {
    width: 100%;
    float: none;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right .logistics-contact-btn {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right .logistics-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .logistics-contact .logistics-contact-inner .logistics-contact-box .logistics-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| TEMPORALY-MAIN-VISUAL
---------------------------------------------*/
.temporaly-main-visual {
  background: url("../img/temporaly/2x/temporaly01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.temporaly-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.temporaly-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .temporaly-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .temporaly-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

.temporaly-tabs {
  width: 400px;
  margin: 0px auto 80px;
  overflow: hidden;
}
.temporaly-tabs .temporaly-tab-left {
  float: left;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00a1d9;
}
.temporaly-tabs .temporaly-tab-left img {
  margin-left: 5px;
}
.temporaly-tabs .temporaly-tab-right {
  float: right;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00a1d9;
}
.temporaly-tabs .temporaly-tab-right img {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .temporaly-tabs {
    width: 70%;
    margin: 15px auto 25px;
    overflow: hidden;
  }
  .temporaly-tabs .temporaly-tab-left {
    float: left;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #00a1d9;
  }
  .temporaly-tabs .temporaly-tab-left img {
    margin-left: 5px;
  }
  .temporaly-tabs .temporaly-tab-right {
    float: right;
    color: #00a1d9;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #00a1d9;
  }
  .temporaly-tabs .temporaly-tab-right img {
    margin-left: 5px;
  }
}

/*---------------------------------------------
| SUB-TEMPORALY-STAFFING
---------------------------------------------*/
.sub-temporaly-staffing {
  padding: 0px 0px 60px;
}
.sub-temporaly-staffing .temporaly-staffing-visual {
  background: url("../img/temporaly/2x/temporaly03@2x.png") no-repeat center bottom;
  background-size: cover;
  margin-bottom: 90px;
}
.sub-temporaly-staffing .temporaly-staffing-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 40px;
  color: #000000;
  text-align: center;
  display: block;
  padding: 68px 0px 68px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #ffffff;
}
.sub-temporaly-staffing .temporaly-staffing-visual h2 span {
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner {
  width: 940px;
  margin: auto;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/temporaly/2x/temporaly15@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/temporaly/2x/temporaly16@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box {
  margin-bottom: 90px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box p {
  margin-bottom: 50px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-left {
  width: 550px;
  float: left;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-left p {
  font-size: 16px;
  margin: 0px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right {
  float: right;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right img {
  width: 100%;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right .temporaly-right-img01 {
  margin-top: 20px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li {
  width: 200px;
  float: left;
  margin-right: 46px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li img {
  width: 100%;
  margin-bottom: 15px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li h3 {
  font-size: 20px;
  color: #000000;
  border-left: 6px solid #00a1d9;
  padding-left: 10px;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0px;
}
.sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 959px) {
  .sub-temporaly-staffing {
    padding: 60px 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-left {
    width: 55%;
    float: left;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-left p {
    font-size: 16px;
    margin: 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right {
    float: right;
    width: 43%;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right img {
    width: 100%;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right .temporaly-right-img01 {
    margin-top: 20px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li {
    width: 22%;
    float: left;
    margin-right: 4%;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li img {
    width: 100%;
    margin-bottom: 15px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li h3 {
    font-size: 20px;
    color: #000000;
    border-left: 6px solid #00a1d9;
    padding-left: 10px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .sub-temporaly-staffing {
    padding: 0px 0px 30px;
  }
  .sub-temporaly-staffing .temporaly-staffing-visual {
    background: url("../img/temporaly/2x/temporaly03@2x.png") no-repeat center top;
    background-size: 100%;
    padding: 13.8% 0 0 0;
    margin-bottom: 15px;
    position: relative;
  }
  .sub-temporaly-staffing .temporaly-staffing-visual h2 {
    margin: 0px;
    position: absolute;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: block;
    font-weight: bold;
    text-shadow: 0px 1px 4px #ffffff;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sub-temporaly-staffing .temporaly-staffing-visual h2 span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/web/2x/web06@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner h2:before {
    content: none;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner h2:after {
    content: none;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box {
    margin-bottom: 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box p {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-left {
    width: 100%;
    float: none;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-left p {
    font-size: 12px;
    margin: 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right {
    float: none;
    width: 100%;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right img {
    width: 100%;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-right .temporaly-right-img01 {
    margin-top: 20px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul {
    width: 95%;
    margin: auto;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li {
    width: 45%;
    float: left;
    margin-right: 10%;
    margin-bottom: 20px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li img {
    width: 100%;
    margin-bottom: 15px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li h3 {
    font-size: 14px;
    color: #000000;
    border-left: 6px solid #00a1d9;
    padding-left: 10px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li p {
    font-size: 12px;
    line-height: 1.6;
    margin: 0px;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li:nth-child(2) {
    margin-right: 0;
  }
  .sub-temporaly-staffing .sub-temporaly-staffing-inner .temporaly-staffing-box .temporaly-staffing-ul li:last-child {
    margin-right: 0;
  }
}

/*---------------------------------------------
| SUB-TEMPORALY-AGENCY
---------------------------------------------*/
.sub-temporaly-agency {
  padding: 0px 0px 60px;
}
.sub-temporaly-agency .temporaly-agency-visual {
  background: url("../img/temporaly/2x/temporaly09@2x.png") no-repeat center bottom;
  background-size: cover;
  margin-bottom: 90px;
}
.sub-temporaly-agency .temporaly-agency-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 40px;
  color: #000000;
  text-align: center;
  display: block;
  padding: 68px 0px 68px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #ffffff;
}
.sub-temporaly-agency .temporaly-agency-visual h2 span {
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner {
  width: 940px;
  margin: auto;
}
.sub-temporaly-agency .sub-temporaly-agency-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-temporaly-agency .sub-temporaly-agency-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/temporaly/2x/temporaly18@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-temporaly-agency .sub-temporaly-agency-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/temporaly/2x/temporaly19@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-temporaly-agency .sub-temporaly-agency-inner p {
  margin-bottom: 50px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box {
  margin-bottom: 30px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 370px;
  padding: 30px;
  box-sizing: border-box;
  float: left;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left h3 img {
  margin-right: 5px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left .temporaly-agency-text01 {
  margin-bottom: 15px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left .temporaly-agency-text02 {
  margin-bottom: 15px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 370px;
  padding: 30px;
  box-sizing: border-box;
  float: right;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right h3 img {
  margin-right: 5px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right .temporaly-agency-text01 {
  margin-bottom: 30px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right .temporaly-agency-right-img01 {
  width: 100%;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 100%;
  height: auto;
  padding: 30px 90px 60px;
  box-sizing: border-box;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center h3 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center h3 img {
  margin-right: 5px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center .agency-center-img {
  width: 100%;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 100%;
  height: auto;
  padding: 30px;
  box-sizing: border-box;
  float: left;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 h3 img {
  margin-right: 5px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 .temporaly-agency-text01 {
  margin-bottom: 15px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 .temporaly-agency-text02 {
  margin-bottom: 15px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide {
  margin: 60px 0px 120px 0px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide h3 {
  font-size: 24px;
  font-weight: bold;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide p {
  margin: 0px 0px 20px 0px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .temporaly-agency-ol {
  list-style-type: decimal;
  list-style: decimal;
  padding-left: 20px;
  margin: 0px 0px 40px 0px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .temporaly-agency-ol li {
  font-size: 16px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .agency-guide-img {
  display: block;
  margin: 0px auto 20px;
}
.sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .agency-guide-text {
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .sub-temporaly-agency {
    padding: 60px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner {
    width: 95%;
    margin: auto;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box {
    margin-bottom: 30px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 48%;
    height: 500px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 48%;
    height: 500px;
    padding: 30px;
    box-sizing: border-box;
    float: right;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 30px 90px 60px;
    box-sizing: border-box;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center h3 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center h3 img {
    margin-right: 5px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center .agency-center-img {
    width: 100%;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide {
    margin: 60px 0px 120px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide h3 {
    font-size: 24px;
    font-weight: bold;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide p {
    margin: 0px 0px 20px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .temporaly-agency-ol {
    list-style-type: decimal;
    list-style: decimal;
    padding-left: 20px;
    margin: 0px 0px 40px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .temporaly-agency-ol li {
    font-size: 16px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .agency-guide-img {
    display: block;
    margin: 0px auto 20px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .agency-guide-text {
    font-size: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .sub-temporaly-agency {
    padding: 0px;
  }
  .sub-temporaly-agency .temporaly-agency-visual {
    background: url("../img/temporaly/2x/temporaly09@2x.png") no-repeat center top;
    background-size: 100%;
    padding: 13.8% 0 0 0;
    margin-bottom: 15px;
    position: relative;
  }
  .sub-temporaly-agency .temporaly-agency-visual h2 {
    margin: 0px;
    position: absolute;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: block;
    font-weight: bold;
    text-shadow: 0px 1px 4px #ffffff;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sub-temporaly-agency .temporaly-agency-visual h2 span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner {
    width: 95%;
    margin: auto;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/temporaly/2x/temporaly20@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner h2:before {
    content: none;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner h2:after {
    content: none;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box {
    margin-bottom: 30px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left .temporaly-agency-text01 {
    margin-bottom: 15px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-left .temporaly-agency-text02 {
    margin-bottom: 15px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-right .temporaly-agency-text01 {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center .agency-center-img {
    width: 100%;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 .temporaly-agency-text01 {
    margin-bottom: 15px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-box .temporaly-agency-center02 .temporaly-agency-text02 {
    margin-bottom: 15px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide {
    margin: 15px 0px 0px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide h3 {
    font-size: 20px;
    font-weight: bold;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide p {
    font-size: 12px;
    margin: 0px 0px 20px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .temporaly-agency-ol {
    list-style-type: decimal;
    list-style: decimal;
    padding-left: 20px;
    margin: 0px 0px 15px 0px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .temporaly-agency-ol li {
    font-size: 12px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .agency-guide-img {
    display: block;
    margin: 0px auto 10px;
  }
  .sub-temporaly-agency .sub-temporaly-agency-inner .temporaly-agency-guide .agency-guide-text {
    font-size: 12px;
    text-align: center;
  }
}

/*---------------------------------------------
| TEMPORALY-CONTACT
---------------------------------------------*/
.temporaly-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.temporaly-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.temporaly-contact .temporaly-contact-inner {
  width: 940px;
  margin: auto;
}
.temporaly-contact .temporaly-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left {
  width: 400px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left div {
  margin-bottom: 30px;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left div h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left div p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right {
  width: 450px;
  float: right;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right .temporaly-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-top: 150px;
  margin-bottom: 10px;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right .temporaly-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .temporaly-contact .temporaly-contact-inner {
    width: 95%;
    margin: auto;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .temporaly-contact {
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .temporaly-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .temporaly-contact .temporaly-contact-inner {
    width: 95%;
    margin: auto;
  }
  .temporaly-contact .temporaly-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left div {
    margin-bottom: 20px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left div h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-left div p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right {
    width: 100%;
    float: none;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right .temporaly-contact-btn {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right .temporaly-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .temporaly-contact .temporaly-contact-inner .temporaly-contact-box .temporaly-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| PROFILE-MAIN-VISUAL
---------------------------------------------*/
.profile-main-visual {
  background: url("../img/profile/2x/profile01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.profile-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.profile-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .profile-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .profile-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-PROFILE
---------------------------------------------*/
.sub-profile {
  padding: 60px 0px;
}
.sub-profile h2 {
  position: relative;
  font-size: 36px;
  color: #000000;
  text-align: center;
  display: block;
  font-weight: bold;
  margin: 0px auto 60px;
}
.sub-profile h2:before {
  display: block;
  position: absolute;
  content: " ";
  width: 600px;
  height: 6px;
  background: #00a1d9;
  left: 0;
  right: 0;
  top: 55px;
  margin: auto;
}
.sub-profile h2 span {
  font-size: 16px;
  display: block;
  font-weight: normal;
  padding-top: 50px;
  text-align: center;
  line-height: 1.8;
}
.sub-profile .sub-profile-inner {
  width: 940px;
  margin: auto;
}
.sub-profile .sub-profile-inner .profile-company {
  margin-bottom: 150px;
}
.sub-profile .sub-profile-inner .profile-company .profile-company-table {
  width: 100%;
  border-bottom: 1px solid #19aadd;
  margin-bottom: 90px;
  box-sizing: border-box;
}
.sub-profile .sub-profile-inner .profile-company .profile-company-table tr {
  border-top: 1px solid #19aadd;
}
.sub-profile .sub-profile-inner .profile-company .profile-company-table tr th {
  background: #c2e8f6;
  color: #19aadd;
  font-size: 20px;
  font-weight: bold;
  padding: 25px 0px 25px 40px;
  width: 300px;
  vertical-align: top;
}
.sub-profile .sub-profile-inner .profile-company .profile-company-table tr td {
  font-size: 16px;
  padding: 25px 0px 25px 40px;
}
.sub-profile .sub-profile-inner .profile-company .profile-company-swipebox {
  background: #ffffff;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-list {
  width: 750px;
  margin: 0px auto 70px;
  overflow: hidden;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-list li {
  float: left;
  width: 20%;
  text-align: center;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-list li a {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-list li a img {
  vertical-align: sub;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table {
  width: 100%;
  border-bottom: 1px solid #19aadd;
  margin-bottom: 150px;
  box-sizing: border-box;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr {
  border-top: 1px solid #19aadd;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr .profile-history-th01 {
  background: #c2e8f6;
  color: #19aadd;
  font-size: 20px;
  font-weight: bold;
  vertical-align: top;
  width: 160px;
  text-align: center;
  border-right: 1px solid #ffffff;
  padding: 35px 0px 35px 0px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr .profile-history-th02 {
  width: 90px;
  background: #c2e8f6;
  color: #19aadd;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  text-align: center;
  padding: 35px 0px 35px 0px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td {
  font-size: 16px;
  padding: 35px 0px 35px 80px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left {
  width: 310px;
  float: left;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left h4 {
  font-weight: bold;
  color: #47d9bf;
  margin: 0px 0px 5px 0px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left p {
  font-size: 16px;
  margin-bottom: 20px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right {
  width: 260px;
  float: right;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right img {
  width: 100%;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right .profile-history-td-img01 {
  margin: 50px 0px 0px 0px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right .profile-history-td-img02 {
  margin: 90px 0px 0px 0px;
}
.sub-profile .sub-profile-inner .profile-history .profile-history-table .profile-history-tr {
  border: none;
}
@media screen and (max-width: 959px) {
  .sub-profile {
    padding: 60px 0px;
  }
  .sub-profile .sub-profile-inner {
    width: 95%;
    margin: auto;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-table {
    width: 100%;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-table tr {
    border-top: 1px solid #19aadd;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-table tr th {
    width: 40%;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-swipebox img {
    width: 100%;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-list {
    width: 90%;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table {
    width: 100%;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr .profile-history-th01 {
    width: 20%;
    padding: 35px 0px 35px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr .profile-history-th02 {
    width: 10%;
    padding: 35px 0px 35px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td {
    font-size: 16px;
    padding: 35px 0px 35px 20px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left {
    width: 50%;
    float: left;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right {
    width: 45%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .sub-profile {
    padding: 25px 0px 0px;
  }
  .sub-profile h2 {
    font-size: 20px;
    width: 100%;
    margin: 0px auto 20px;
  }
  .sub-profile h2:before {
    display: block;
    position: absolute;
    content: " ";
    width: 100%;
    height: 6px;
    background: #00a1d9;
    left: 0;
    right: 0;
    top: 35px;
    margin: auto;
  }
  .sub-profile h2 span {
    width: 95%;
    margin: auto;
    font-size: 12px;
    padding-top: 30px;
    line-height: 1.8;
  }
  .sub-profile .sub-profile-inner {
    width: 95%;
    margin: auto;
  }
  .sub-profile .sub-profile-inner .profile-company {
    margin-bottom: 50px;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-table {
    width: 100%;
    margin-bottom: 25px;
    box-sizing: border-box;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-table tr th {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0px 10px 10px;
    width: 100%;
    display: block;
    vertical-align: top;
    border-bottom: 1px solid #19aadd;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-table tr td {
    font-size: 12px;
    width: 100%;
    display: block;
    padding: 10px 0px 10px 10px;
  }
  .sub-profile .sub-profile-inner .profile-company .profile-company-swipebox img {
    width: 100%;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-list {
    width: 90%;
    margin: 40px auto 35px;
    overflow: hidden;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-list li {
    float: left;
    width: 33.3%;
    text-align: center;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-list li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-list li a img {
    vertical-align: sub;
    width: 20%;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 15px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table {
    width: 100%;
    border-bottom: 1px solid #19aadd;
    margin-bottom: 50px;
    box-sizing: border-box;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr {
    border-top: 1px solid #19aadd;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr .profile-history-th01 {
    background: #c2e8f6;
    color: #19aadd;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ffffff;
    padding: 15px 0px 15px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr .profile-history-th02 {
    width: 15%;
    background: #c2e8f6;
    color: #19aadd;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    padding: 15px 0px 15px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td {
    padding: 15px 0px 15px 15px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td p {
    font-size: 12px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left {
    width: 80%;
    float: none;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left h4 {
    font-size: 14px;
    font-weight: bold;
    color: #47d9bf;
    margin: 0px 0px 5px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-left p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right {
    width: 80%;
    float: none;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right img {
    width: 100%;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right .profile-history-td-img01 {
    margin: 50px 0px 0px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table tr td .profile-history-td-box .profile-history-td-right .profile-history-td-img02 {
    margin: 90px 0px 0px 0px;
  }
  .sub-profile .sub-profile-inner .profile-history .profile-history-table .profile-history-tr {
    border: none;
  }
}

/*---------------------------------------------
| AGENCY-MAIN-VISUAL
---------------------------------------------*/
.agency-main-visual {
  background: url("../img/agency/2x/agency01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.agency-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.agency-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .agency-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .agency-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-AGENCY
---------------------------------------------*/
.sub-agency {
  padding: 60px 0px;
}
.sub-agency .sub-agency-inner {
  width: 940px;
  margin: auto;
}
.sub-agency .sub-agency-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-agency .sub-agency-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/agency/2x/agency11@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-agency .sub-agency-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/agency/2x/agency12@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-agency .sub-agency-inner p {
  margin-bottom: 60px;
  font-size: 16px;
}
.sub-agency .sub-agency-inner .agency-graph-box {
  margin-bottom: 120px;
}
.sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left {
  width: 50%;
  float: left;
}
.sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left p {
  font-size: 21px;
  border-left: 15px inset #000000;
  padding-left: 15px;
  height: 30px;
  line-height: 1.4;
  margin-bottom: 35px;
}
.sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left img {
  width: 70%;
}
.sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right {
  width: 50%;
  float: right;
}
.sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right p {
  font-size: 21px;
  border-left: 15px inset #000000;
  padding-left: 15px;
  height: 30px;
  line-height: 1.4;
  margin-bottom: 35px;
}
.sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right img {
  width: 100%;
}
.sub-agency .sub-agency-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-agency .sub-agency-inner .agency-box {
  margin-bottom: 120px;
}
.sub-agency .sub-agency-inner .agency-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}
.sub-agency .sub-agency-inner .agency-box p {
  margin-bottom: 30px;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 410px;
  padding: 30px;
  box-sizing: border-box;
  float: left;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left h3 img {
  margin-right: 5px;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 410px;
  padding: 30px;
  box-sizing: border-box;
  float: right;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right h3 img {
  margin-right: 5px;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 100%;
  height: auto;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 35px;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center h3 img {
  margin-right: 5px;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center .pc-agency-box-center-img {
  width: 90%;
  margin: 20px auto 0px;
  display: block;
}
.sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center .sp-agency-box-center-img {
  display: none;
}
.sub-agency .sub-agency-inner .agency-guide {
  margin: -80px 0px 120px 0px;
}
.sub-agency .sub-agency-inner .agency-guide h3 {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}
.sub-agency .sub-agency-inner .agency-guide p {
  margin: 0px 0px 20px 0px;
}
.sub-agency .sub-agency-inner .agency-guide .temporaly-agency-ol {
  list-style-type: decimal;
  list-style: decimal;
  padding-left: 20px;
  margin: 0px 0px 40px 0px;
}
.sub-agency .sub-agency-inner .agency-guide .temporaly-agency-ol li {
  font-size: 16px;
}
.sub-agency .sub-agency-inner .agency-guide .agency-guide-img {
  display: block;
  margin: 0px auto 20px;
}
.sub-agency .sub-agency-inner .agency-guide .agency-guide-text {
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .sub-agency {
    padding: 60px 0px;
  }
  .sub-agency .sub-agency-inner {
    width: 95%;
    margin: auto;
  }
  .sub-agency .sub-agency-inner .agency-graph-box {
    margin-bottom: 120px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left {
    width: 50%;
    float: left;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left img {
    width: 80%;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right img {
    width: 100%;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left {
    width: 48%;
    height: 500px;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right {
    width: 48%;
    height: 500px;
  }
}
@media screen and (max-width: 767px) {
  .sub-agency {
    padding: 15px 0px 0px;
  }
  .sub-agency .sub-agency-inner {
    width: 95%;
    margin: auto;
  }
  .sub-agency .sub-agency-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/web/2x/web06@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-agency .sub-agency-inner h2:before {
    content: none;
  }
  .sub-agency .sub-agency-inner h2:after {
    content: none;
  }
  .sub-agency .sub-agency-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-agency .sub-agency-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box {
    margin-bottom: 40px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left p {
    width: 85%;
    font-size: 16px;
    border-left: 15px inset #000000;
    padding-left: 10px;
    height: 25px;
    line-height: 1.4;
    text-align: center;
    margin: 0px auto 20px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-left img {
    width: 70%;
    display: block;
    margin: auto;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right p {
    width: 75%;
    font-size: 16px;
    border-left: 15px inset #000000;
    padding-left: 10px;
    height: 25px;
    line-height: 1.4;
    text-align: center;
    margin: 0px auto 20px;
  }
  .sub-agency .sub-agency-inner .agency-graph-box .agency-graph-right img {
    width: 100%;
    display: block;
    margin: auto;
  }
  .sub-agency .sub-agency-inner .agency-box {
    margin-bottom: 30px;
  }
  .sub-agency .sub-agency-inner .agency-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-agency .sub-agency-inner .agency-box h4 span {
    display: block;
  }
  .sub-agency .sub-agency-inner .agency-box p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-left h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-right h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center .pc-agency-box-center-img {
    display: none;
  }
  .sub-agency .sub-agency-inner .agency-box .agency-inner-box .agency-box-center .sp-agency-box-center-img {
    width: 100%;
    margin: 0px auto 0px;
    display: block;
  }
  .sub-agency .sub-agency-inner .agency-guide {
    margin: 0px 0px 0px 0px;
  }
  .sub-agency .sub-agency-inner .agency-guide h3 {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
  }
  .sub-agency .sub-agency-inner .agency-guide p {
    margin: 0px 0px 20px 0px;
  }
  .sub-agency .sub-agency-inner .agency-guide .temporaly-agency-ol {
    list-style-type: decimal;
    list-style: decimal;
    padding-left: 20px;
    margin: 0px 0px 15px 0px;
  }
  .sub-agency .sub-agency-inner .agency-guide .temporaly-agency-ol li {
    font-size: 12px;
  }
  .sub-agency .sub-agency-inner .agency-guide .agency-guide-img {
    display: block;
    margin: 0px auto 20px;
  }
  .sub-agency .sub-agency-inner .agency-guide .agency-guide-text {
    font-size: 12px;
    text-align: center;
  }
  .sub-agency .sub-agency-inner .agency-guide .agency-guide-text span {
    display: block;
  }
}

/*---------------------------------------------
| AGENCY-CONTACT
---------------------------------------------*/
.agency-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.agency-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.agency-contact .agency-contact-inner {
  width: 940px;
  margin: auto;
}
.agency-contact .agency-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.agency-contact .agency-contact-inner .agency-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left {
  width: 400px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left div {
  margin-bottom: 30px;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left div h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left div p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right {
  width: 450px;
  float: right;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right .agency-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-top: 150px;
  margin-bottom: 10px;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right .agency-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .agency-contact .agency-contact-inner {
    width: 95%;
    margin: auto;
  }
  .agency-contact .agency-contact-inner .agency-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .agency-contact {
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .agency-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .agency-contact .agency-contact-inner {
    width: 95%;
    margin: auto;
  }
  .agency-contact .agency-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left div {
    margin-bottom: 20px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left div h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-left div p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right {
    width: 100%;
    float: none;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right .agency-contact-btn {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right .agency-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .agency-contact .agency-contact-inner .agency-contact-box .agency-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| outsourcing-MAIN-VISUAL
---------------------------------------------*/
.outsourcing-main-visual {
  background: url("../img/outsourcing/2x/outsourcing01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.outsourcing-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.outsourcing-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .outsourcing-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .outsourcing-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-OUTSOURCING
---------------------------------------------*/
.sub-outsourcing {
  padding: 60px 0px;
}
.sub-outsourcing .sub-outsourcing-inner {
  width: 940px;
  margin: auto;
}
.sub-outsourcing .sub-outsourcing-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-outsourcing .sub-outsourcing-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/agency/2x/agency11@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-outsourcing .sub-outsourcing-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/agency/2x/agency12@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-outsourcing .sub-outsourcing-inner p {
  font-size: 16px;
}
.sub-outsourcing .sub-outsourcing-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box {
  margin-bottom: 90px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box p {
  font-size: 16px;
  margin-bottom: 40px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left {
  width: 480px;
  float: left;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left p {
  font-size: 16px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-right {
  float: right;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-right img {
  width: 100%;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 370px;
  padding: 30px;
  box-sizing: border-box;
  float: left;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left h3 img {
  margin-right: 5px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 370px;
  padding: 30px;
  box-sizing: border-box;
  float: right;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right h3 img {
  margin-right: 5px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 100%;
  height: auto;
  padding: 30px 90px 30px 70px;
  box-sizing: border-box;
  margin-bottom: 35px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
  color: #003f73;
  border-left: 8px solid #003f73;
  padding-left: 10px;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-left {
  float: left;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-left li {
  font-size: 16px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-right {
  float: right;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-right li {
  font-size: 16px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box h5 {
  /*
  background:#003f73;
  font-size:24px;
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  padding:7px 0px;
  box-shadow:2px 3px 2px 2px #d2d2d2;
  margin-bottom:20px;
  */
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box h5 img {
  width: 100%;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 {
  width: 100%;
  margin: auto;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-left02 {
  width: 50%;
  float: left;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-left02 img {
  width: 100%;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-right02 {
  width: 50%;
  float: right;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-right02 a img {
  width: 100%;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-right02 a:hover {
  opacity: 1;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-inner-box02-img {
  display: none;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-left {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 290px;
  height: 520px;
  padding: 30px 20px;
  box-sizing: border-box;
  float: left;
  margin-right: 30px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-left h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-center {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 290px;
  height: 520px;
  padding: 30px 20px;
  box-sizing: border-box;
  float: left;
  margin-right: 30px;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-center h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-right {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 290px;
  height: 520px;
  padding: 30px 20px;
  box-sizing: border-box;
  float: left;
}
.sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-right h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 959px) {
  .sub-outsourcing {
    padding: 60px 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left {
    width: 53%;
    float: left;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-right {
    width: 45%;
    float: right;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-right img {
    width: 100%;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left {
    width: 48%;
    height: 460px;
    float: left;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right {
    width: 48%;
    height: 460px;
    float: right;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-ul li {
    width: 32%;
    height: 490px;
    float: left;
    margin-right: 2%;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-ul li:last-child {
    margin-right: 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-left {
    width: 32%;
    height: 600px;
    float: left;
    margin-right: 2%;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-left h3 {
    font-size: 18px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-center {
    width: 32%;
    height: 600px;
    float: left;
    margin-right: 2%;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-center h3 {
    font-size: 18px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-right {
    width: 32%;
    height: 600px;
    float: left;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-right h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .sub-outsourcing {
    padding: 15px 0px 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-outsourcing .sub-outsourcing-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/web/2x/web06@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner h2:before {
    content: none;
  }
  .sub-outsourcing .sub-outsourcing-inner h2:after {
    content: none;
  }
  .sub-outsourcing .sub-outsourcing-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box {
    margin-bottom: 40px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left {
    width: 100%;
    float: none;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-left p {
    font-size: 12px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-right {
    float: none;
    width: 100%;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-right img {
    width: 80%;
    margin: auto;
    display: block;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-left h3 img {
    margin-right: 5px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-right h3 img {
    margin-right: 5px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px 10px;
    margin-bottom: 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center h3 {
    color: #003f73;
    border-left: 8px solid #003f73;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-left {
    float: none;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-left li {
    font-size: 12px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-right {
    float: none;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box .outsourcing-box-center .outsourcing-box-list-right li {
    font-size: 12px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-left h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-center {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-center h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-box-strength .outsourcing-box-strength-right h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
}
@media screen and (max-width: 499px) {
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box h5 {
    display: none;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-left02 {
    display: none;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-box-right02 {
    display: none;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-inner-box02-img {
    display: block;
  }
  .sub-outsourcing .sub-outsourcing-inner .outsourcing-box .outsourcing-inner-box02 .outsourcing-inner-box02-img img {
    width: 100%;
  }
}

/*---------------------------------------------
| OUTSOURCING-CONTACT
---------------------------------------------*/
.outsourcing-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.outsourcing-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.outsourcing-contact .outsourcing-contact-inner {
  width: 940px;
  margin: auto;
}
.outsourcing-contact .outsourcing-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left {
  width: 400px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left div {
  margin-bottom: 30px;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left div h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left div p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right {
  width: 450px;
  float: right;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right .outsourcing-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-top: 150px;
  margin-bottom: 10px;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right .outsourcing-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .outsourcing-contact .outsourcing-contact-inner {
    width: 95%;
    margin: auto;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .outsourcing-contact {
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .outsourcing-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .outsourcing-contact .outsourcing-contact-inner {
    width: 95%;
    margin: auto;
  }
  .outsourcing-contact .outsourcing-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left div {
    margin-bottom: 20px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left div h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-left div p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right {
    width: 100%;
    float: none;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right .outsourcing-contact-btn {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right .outsourcing-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .outsourcing-contact .outsourcing-contact-inner .outsourcing-contact-box .outsourcing-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| MAILING-MAIN-VISUAL
---------------------------------------------*/
.mailing-main-visual {
  background: url("../img/mailing/2x/mailing01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.mailing-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.mailing-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .mailing-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .mailing-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-MAILING
---------------------------------------------*/
.sub-mailing {
  padding: 60px 0px;
}
.sub-mailing .sub-mailing-inner {
  width: 940px;
  margin: auto;
}
.sub-mailing .sub-mailing-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-mailing .sub-mailing-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/temporaly/2x/temporaly15@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-mailing .sub-mailing-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/temporaly/2x/temporaly16@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-mailing .sub-mailing-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-mailing .sub-mailing-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-mailing .sub-mailing-inner .mailing-box {
  margin-bottom: 60px;
}
.sub-mailing .sub-mailing-inner .mailing-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-left {
  width: 460px;
  float: left;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-left h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-left .mailing-box-title-blue {
  color: #00a1d9;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-left .mailing-box-title-blue img {
  width: 10%;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-left p {
  font-size: 16px;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-right {
  float: right;
  width: 460px;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-right video {
  width: 100%;
  outline: none;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-right img {
  width: 100%;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-right .mailing-right-img01 {
  margin-top: 20px;
}
.sub-mailing .sub-mailing-inner .mailing-box .mailing-right .mailing-right-img02 {
  margin-top: 20px;
}
@media screen and (max-width: 959px) {
  .sub-mailing {
    padding: 60px 0px;
  }
  .sub-mailing .sub-mailing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-left {
    width: 53%;
    float: left;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-right {
    float: right;
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .sub-mailing {
    padding: 15px 0px 0px;
  }
  .sub-mailing .sub-mailing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-mailing .sub-mailing-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/mailing/2x/mailing07@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-mailing .sub-mailing-inner h2:before {
    content: none;
  }
  .sub-mailing .sub-mailing-inner h2:after {
    content: none;
  }
  .sub-mailing .sub-mailing-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-mailing .sub-mailing-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-mailing .sub-mailing-inner .mailing-box {
    margin-bottom: 30px;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-left {
    width: 100%;
    float: none;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-left h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-left p {
    font-size: 12px;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-right {
    width: 100%;
    margin: auto;
    float: none;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-right img {
    width: 100%;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-right .mailing-right-img01 {
    margin-top: 0px;
  }
  .sub-mailing .sub-mailing-inner .mailing-box .mailing-right .mailing-right-img02 {
    margin-top: 0px;
  }
}

/*---------------------------------------------
| MAILING-CONTACT
---------------------------------------------*/
.mailing-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.mailing-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.mailing-contact .mailing-contact-inner {
  width: 940px;
  margin: auto;
}
.mailing-contact .mailing-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left {
  width: 340px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right {
  width: 540px;
  float: right;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right .mailing-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-bottom: 10px;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right .mailing-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .mailing-contact .mailing-contact-inner {
    width: 95%;
    margin: auto;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .mailing-contact {
    display: none;
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .mailing-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .mailing-contact .mailing-contact-inner {
    width: 95%;
    margin: auto;
  }
  .mailing-contact .mailing-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-left p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right {
    width: 100%;
    float: none;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right .mailing-contact-btn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right .mailing-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .mailing-contact .mailing-contact-inner .mailing-contact-box .mailing-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| CONSUMER-MAIN-VISUAL
---------------------------------------------*/
.consumer-main-visual {
  background: url("../img/consumer/2x/consumer01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.consumer-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.consumer-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .consumer-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .consumer-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

.consumer-tabs {
  width: 560px;
  width: fit-content;/*--20241010--*/
  margin: 0px auto 80px;
  overflow: hidden;
}

/*---20210401----*/
.consumer-tabsi {
  width: 200px;
  margin: 0px auto 80px;
  overflow: hidden;
}
/*---20210401----*/

.consumer-tabs .consumer-tab-left {
  float: left;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00a1d9;
  margin-right: 80px;
}
.consumer-tabs .consumer-tab-left img {
  margin-left: 5px;
}
.consumer-tabs .consumer-tab-center {
  float: left;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  margin-right: 80px;
  border-bottom: 1px solid #00a1d9;
}
.consumer-tabs .consumer-tab-center img {
  margin-left: 5px;
}

.consumer-tabs .consumer-tab-right {
  float: right;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00a1d9;
}
.consumer-tabs .consumer-tab-right img {
  margin-left: 5px;
}

/*---20201110----*/
.consumer-tabs .consumer-tab-leftc {
  float: left;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00a1d9;
  margin-right: 80px;
  margin-right: 40px;
  margin-left: 130px;
}
.consumer-tabs .consumer-tab-leftc img {
  margin-left: 5px;
}
.consumer-tabs .consumer-tab-centerc {
  float: left;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  /*--margin-right: 80px;
  margin-right: 40px;--*/ /*--20241010---*/
  border-bottom: 1px solid #00a1d9;
}
.consumer-tabs .consumer-tab-centerc img {
  margin-left: 5px;
}
/*---20201110----*/


/*---20210401----*/
.consumer-tabsi .consumer-tab-centeri {
  float: left;
  color: #00a1d9;
  font-size: 24px;
  font-weight: bold;
  margin-left: 35px;
  border-bottom: 1px solid #00a1d9;
}
.consumer-tabsi .consumer-tab-centeri img {
  margin-left: 5px;
}
/*---20210401----*/


@media screen and (max-width: 767px) {
  .consumer-tabs {
    width: 90%;
    width: fit-content; /*--20241010--*/
    margin: 15px auto 25px;
    overflow: hidden;
  }
/*---20210401----*/
  .consumer-tabsi {
    width: 100%;
    margin: 15px auto 25px;
    overflow: hidden;
  }
/*---20210401----*/

  .consumer-tabs .consumer-tab-left {
    float: left;
    width: 30%;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-right: 6%;
    border-bottom: 1px solid #00a1d9;
  }
  .consumer-tabs .consumer-tab-left img {
    margin-left: 5px;
  }
  .consumer-tabs .consumer-tab-center {
    float: left;
    width: 30%;
    color: #00a1d9;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-right: 4%;
    border-bottom: 1px solid #00a1d9;
  }
  .consumer-tabs .consumer-tab-center img {
    margin-left: 5px;
  }
  .consumer-tabs .consumer-tab-right {
    float: right;
    color: #00a1d9;
    font-size: 14px;
    text-align: center;
    width: 30%;
    font-weight: bold;
    margin-right: 0%;
    border-bottom: 1px solid #00a1d9;
  }
  .consumer-tabs .consumer-tab-right img {
    margin-left: 5px;
  }

/*---20201110----*/

  .consumer-tabs .consumer-tab-leftc {
    float: left;
    width: 45%;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-right: 5%;
    margin-left:0px;
    border-bottom: 1px solid #00a1d9;
  }
  .consumer-tabs .consumer-tab-leftc img {
    margin-left: 5px;
  }
  .consumer-tabs .consumer-tab-centerc {
    /*--float: left;--*/ /*--20241010--*/
    width: 45%;
    width: fit-content; /*--20241010--*/
    color: #00a1d9;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding-left:10px;/*--20241010--*/
    /*--margin-right:0px;--*//*--20241010--*/
    /*--margin:0 auto;--*/ /*--20241010--*/
    border-bottom: 1px solid #00a1d9;
  }
/*---20201110----*/

/*---20210401----*/
  .consumer-tabsi .consumer-tab-centeri {
    float: left;
    width: 35%;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-right: 30%;
    margin-left: 30%;
    border-bottom: 1px solid #00a1d9;
  }
  .consumer-tabsi .consumer-tab-centeri img {
    margin-left: 5px;
  }
/*---20210401----*/

}

/*---------------------------------------------
| SUB-CONSUMER-EDUCATIONAL
---------------------------------------------*/
.sub-consumer-educational {
  padding: 0px 0px 60px;
}
.sub-consumer-educational .consumer-educational-visual {
  background: url("../img/consumer/2x/consumer02@2x.png") no-repeat center bottom;
  background-size: cover;
  margin-bottom: 90px;
}
.sub-consumer-educational .consumer-educational-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 40px;
  color: #000000;
  text-align: center;
  display: block;
  padding: 68px 0px 68px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #ffffff;
}
.sub-consumer-educational .consumer-educational-visual h2 span {
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}
.sub-consumer-educational .sub-consumer-educational-inner {
  width: 940px;
  margin: auto;
}
.sub-consumer-educational .sub-consumer-educational-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-consumer-educational .sub-consumer-educational-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/consumer/2x/consumer11@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-consumer-educational .sub-consumer-educational-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/consumer/2x/consumer12@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-consumer-educational .sub-consumer-educational-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
}
.sub-consumer-educational .sub-consumer-educational-inner p {
  margin-bottom: 50px;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box {
  margin-bottom: 90px;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box p {
  margin-bottom: 50px;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-left {
  width: 450px;
  float: left;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-left p {
  font-size: 16px;
  margin: 0px;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right {
  float: right;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right img {
  width: 100%;
}
.sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right a {
  display: block;
  text-align: center;
  color: #ffffff;
  background: #00a1d9;
  padding: 10px 0px;
  border-radius: 10px;
  margin: 20px 0px;
  font-size: 21px;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .sub-consumer-educational {
    padding: 60px 0px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner {
    width: 95%;
    margin: auto;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-left {
    width: 55%;
    float: left;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-left p {
    font-size: 16px;
    margin: 0px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right {
    float: right;
    width: 43%;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right img {
    width: 100%;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 10px 0px;
    border-radius: 10px;
    margin: 20px 0px;
    font-size: 21px;
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  .sub-consumer-educational {
    padding: 0px 0px 30px;
  }
  .sub-consumer-educational .consumer-educational-visual {
    background: url("../img/consumer/2x/consumer02@2x.png") no-repeat center top;
    background-size: 100%;
    padding: 13.8% 0 0 0;
    margin-bottom: 15px;
    position: relative;
  }
  .sub-consumer-educational .consumer-educational-visual h2 {
    margin: 0px;
    position: absolute;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: block;
    font-weight: bold;
    text-shadow: 0px 1px 4px #ffffff;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sub-consumer-educational .consumer-educational-visual h2 span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner {
    width: 95%;
    margin: auto;
  }
  .sub-consumer-educational .sub-consumer-educational-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/consumer/2x/consumer13@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner h2:before {
    content: none;
  }
  .sub-consumer-educational .sub-consumer-educational-inner h2:after {
    content: none;
  }
  .sub-consumer-educational .sub-consumer-educational-inner p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box {
    margin-bottom: 0px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box p {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-left {
    width: 100%;
    float: none;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-left p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right {
    float: none;
    width: 100%;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right img {
    width: 90%;
    margin: auto;
    display: block;
  }
  .sub-consumer-educational .sub-consumer-educational-inner .consumer-educational-box .consumer-educational-right a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 5px 0px;
    border-radius: 10px;
    margin: 20px 0px;
    font-size: 16px;
    font-weight: bold;
  }
}

/*---------------------------------------------
| SUB-CONSUMER-RESTAURANT
---------------------------------------------*/
.sub-consumer-restaurant {
  padding: 0px 0px 60px;
}
.sub-consumer-restaurant .consumer-restaurant-visual {
  background: url("../img/consumer/2x/consumer04@2x.png") no-repeat center bottom;
  background-size: cover;
  margin-bottom: 90px;
}
.sub-consumer-restaurant .consumer-restaurant-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 40px;
  color: #000000;
  text-align: center;
  display: block;
  padding: 68px 0px 68px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #ffffff;
}
.sub-consumer-restaurant .consumer-restaurant-visual h2 span {
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner {
  width: 940px;
  margin: auto;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/consumer/2x/consumer11@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/consumer/2x/consumer12@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner p {
  margin-bottom: 50px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box {
  margin-bottom: 90px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box p {
  margin-bottom: 50px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-left {
  width: 450px;
  float: left;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-left p {
  font-size: 16px;
  margin: 0px;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right {
  float: right;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right img {
  width: 100%;
}
.sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right a {
  display: block;
  text-align: center;
  color: #ffffff;
  background: #00a1d9;
  padding: 10px 0px;
  border-radius: 10px;
  margin: 20px 0px;
  font-size: 21px;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .sub-consumer-restaurant {
    padding: 60px 0px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner {
    width: 95%;
    margin: auto;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-left {
    width: 55%;
    float: left;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-left p {
    font-size: 16px;
    margin: 0px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right {
    float: right;
    width: 43%;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right img {
    width: 100%;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 10px 0px;
    border-radius: 10px;
    margin: 20px 0px;
    font-size: 21px;
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  .sub-consumer-restaurant {
    padding: 0px 0px 30px;
  }
  .sub-consumer-restaurant .consumer-restaurant-visual {
    background: url("../img/consumer/2x/consumer04@2x.png") no-repeat center top;
    background-size: 100%;
    padding: 13.8% 0 0 0;
    margin-bottom: 15px;
    position: relative;
  }
  .sub-consumer-restaurant .consumer-restaurant-visual h2 {
    margin: 0px;
    position: absolute;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: block;
    font-weight: bold;
    text-shadow: 0px 1px 4px #ffffff;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sub-consumer-restaurant .consumer-restaurant-visual h2 span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner {
    width: 95%;
    margin: auto;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/consumer/2x/consumer13@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner h2:before {
    content: none;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner h2:after {
    content: none;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box {
    margin-bottom: 0px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box p {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-left {
    width: 100%;
    float: none;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-left p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right {
    float: none;
    width: 100%;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right img {
    width: 90%;
    display: block;
    margin: auto;
  }
  .sub-consumer-restaurant .sub-consumer-restaurant-inner .consumer-restaurant-box .consumer-restaurant-right a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 5px 0px;
    border-radius: 10px;
    margin: 20px 0px;
    font-size: 16px;
    font-weight: bold;
  }
}

/*---------------------------------------------
| SUB-CONSUMER-PET
---------------------------------------------*/
.sub-consumer-pet {
  padding: 0px 0px 60px;
}
.sub-consumer-pet .consumer-pet-visual {
  background: url("../img/consumer/2x/consumer06@2x.png") no-repeat center bottom;
  background-size: cover;
  margin-bottom: 90px;
}
.sub-consumer-pet .consumer-pet-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 40px;
  color: #000000;
  text-align: center;
  display: block;
  padding: 68px 0px 68px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #ffffff;
}
.sub-consumer-pet .consumer-pet-visual h2 span {
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}
.sub-consumer-pet .sub-consumer-pet-inner {
  width: 940px;
  margin: auto;
}
.sub-consumer-pet .sub-consumer-pet-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-consumer-pet .sub-consumer-pet-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/consumer/2x/consumer14@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-consumer-pet .sub-consumer-pet-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/consumer/2x/consumer15@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-consumer-pet .sub-consumer-pet-inner p {
  margin-bottom: 40px;
}
.sub-consumer-pet .sub-consumer-pet-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box {
  margin-bottom: 90px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 270px;
  padding: 30px;
  box-sizing: border-box;
  float: left;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left h3 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left h3 img {
  margin-right: 5px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left .consumer-pet-text01 {
  margin-bottom: 15px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left .consumer-pet-text02 {
  margin-bottom: 15px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 270px;
  padding: 30px;
  box-sizing: border-box;
  float: right;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right h3 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right h3 img {
  margin-right: 5px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right .consumer-pet-text01 {
  margin-bottom: 15px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 {
  margin-bottom: 90px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 p {
  margin-bottom: 50px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-left {
  width: 450px;
  float: left;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-left p {
  font-size: 16px;
  margin: 0px;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right {
  float: right;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right img {
  width: 100%;
}
.sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right a {
  display: block;
  text-align: center;
  color: #ffffff;
  background: #00a1d9;
  padding: 10px 0px;
  border-radius: 10px;
  margin: 20px 0px;
  font-size: 21px;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .sub-consumer-pet {
    padding: 60px 0px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner {
    width: 95%;
    margin: auto;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box {
    margin-bottom: 30px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 48%;
    height: 350px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 48%;
    height: 350px;
    padding: 30px;
    box-sizing: border-box;
    float: right;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 {
    margin-bottom: 90px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 15px 0px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 p {
    margin-bottom: 50px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-left {
    width: 50%;
    float: left;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-left p {
    font-size: 16px;
    margin: 0px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right {
    float: right;
    width: 47%;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right img {
    width: 100%;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 10px 0px;
    border-radius: 10px;
    margin: 20px 0px;
    font-size: 21px;
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  .sub-consumer-pet {
    padding: 0px;
  }
  .sub-consumer-pet .consumer-pet-visual {
    background: url("../img/consumer/2x/consumer06@2x.png") no-repeat center top;
    background-size: 100%;
    padding: 13.8% 0 0 0;
    margin-bottom: 15px;
    position: relative;
  }
  .sub-consumer-pet .consumer-pet-visual h2 {
    margin: 0px;
    position: absolute;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: block;
    font-weight: bold;
    text-shadow: 0px 1px 4px #ffffff;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sub-consumer-pet .consumer-pet-visual h2 span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner {
    width: 95%;
    margin: auto;
  }
  .sub-consumer-pet .sub-consumer-pet-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/consumer/2x/consumer13@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner h2:before {
    content: none;
  }
  .sub-consumer-pet .sub-consumer-pet-inner h2:after {
    content: none;
  }
  .sub-consumer-pet .sub-consumer-pet-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box {
    margin-bottom: 30px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left .consumer-pet-text01 {
    margin-bottom: 15px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-left .consumer-pet-text02 {
    margin-bottom: 15px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right h3 img {
    margin-right: 5px;
    width: 15%;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box .consumer-pet-right .consumer-pet-text01 {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 {
    margin-bottom: 35px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 p {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-left {
    width: 100%;
    float: none;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-left p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right {
    float: none;
    width: 100%;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right img {
    width: 90%;
    display: block;
    margin: auto;
  }
  .sub-consumer-pet .sub-consumer-pet-inner .consumer-pet-box02 .consumer-pet-right a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 5px 0px;
    border-radius: 10px;
    margin: 20px 0px;
    font-size: 16px;
    font-weight: bold;
  }
}

/*---------------------------------------------
| OFFICE-MAIN-VISUAL
---------------------------------------------*/
.office-main-visual {
  background: url("../img/office/2x/office01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.office-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.office-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .office-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .office-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| OFFICE-LIST
---------------------------------------------*/
.office-list-wrap {
  width: 940px;
  padding: 60px 0px 60px;
  margin: auto;
}
.office-list-wrap .office-list ul {
  width: 90%;
  margin: 0px auto 30px;
}
.office-list-wrap .office-list ul li {
  float: left;
  text-align: center;
  margin-right: 30px;
}
.office-list-wrap .office-list ul li a {
  color: #00a1d9;
  font-size: 18px;
  font-weight: bold;
}
.office-list-wrap .office-list ul li a img {
  vertical-align: sub;
  margin-left: 5px;
}
.office-list-wrap .office-list ul li:last-child {
  margin-right: 0px;
}
.office-list-wrap .office-map-ja {
  width: 100%;
}
@media screen and (max-width: 959px) {
  .office-list-wrap {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .office-list-wrap {
    width: 95%;
    padding: 20px 0px 30px;
    margin: auto;
  }
  .office-list-wrap .office-list ul {
    width: 100%;
    margin: 0px auto 0px;
    border-top: 1px solid #00a1d9;
    border-left: 1px solid #00a1d9;
    border-right: 1px solid #00a1d9;
  }
  .office-list-wrap .office-list ul li {
    float: none;
    width: 100%;
    text-align: left;
    margin-right: 30px;
    border-bottom: 1px solid #00a1d9;
  }
  .office-list-wrap .office-list ul li a {
    color: #00a1d9;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 5px 15px;
  }
  .office-list-wrap .office-list ul li a img {
    vertical-align: sub;
    margin-left: 5px;
    width: 5%;
  }
  .office-list-wrap .office-list ul li:last-child {
    margin-right: 0px;
  }
  .office-list-wrap .office-map-ja {
    display: none;
  }
}

/*---------------------------------------------
| SUB-OFFICE
---------------------------------------------*/
.sub-office {
  padding: 0px 0px 60px;
}
.sub-office .sub-office-inner {
  width: 940px;
  margin: auto;
}
.sub-office .sub-office-inner h2 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #000000;
  margin-bottom: 40px;
}
.sub-office .sub-office-inner .office-table {
  width: 100%;
  border-bottom: 1px solid #19aadd;
  box-sizing: border-box;
}
.sub-office .sub-office-inner .office-table thead tr {
  border: none;
}
.sub-office .sub-office-inner .office-table thead tr .thead-title {
  background: #e7f6fb;
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  padding: 2px 0px;
  width: 250px;
}
.sub-office .sub-office-inner .office-table thead tr th {
  padding: 0px;
  width: auto;
  background: #ffffff;
}
.sub-office .sub-office-inner .office-table tr {
  border-top: 1px solid #19aadd;
}
.sub-office .sub-office-inner .office-table tr th {
  background: #c2e8f6;
  color: #19aadd;
  font-size: 20px;
  font-weight: bold;
  padding: 25px 0px 25px 40px;
  width: 250px;
  vertical-align: top;
}
.sub-office .sub-office-inner .office-table tr td {
  font-size: 16px;
  padding: 25px 0px 25px 40px;
  vertical-align: top;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-left {
  width: 420px;
  float: left;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-left i {
  color: #19aadd;
  margin-right: 10px;
}
/*--20200624--*/
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-left-down {
  width: 120%;
  float: left;
  clear: both;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-left-down i {
  color: #19aadd;
  margin-right: 5px;
}
/*--20200624--*/

.sub-office .sub-office-inner .office-table tr td .office-td .office-td-right {
  width: 200px;
  float: right;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-right iframe {
  width: 100%;
  height: 200px;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-right img {
  width: 100%;
}

/*---20200624---*/
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 {
  width: 200px;
  float: right;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 iframe {
  width: 100%;
  height: 200px;
}
.sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 img {
  width: 100%;
}
/*--20200624--*/

.sub-office .sub-office-inner .office-table-mb {
  margin-bottom: 90px;
}
.sub-office .sub-office-inner .office-table-overseas {
  margin-bottom: 90px;
}
.sub-office .sub-office-inner .office-table-overseas tr th {
  width: 330px;
}
.sub-office .sub-office-inner .office-map-overseas {
  margin-bottom: 60px;
}
@media screen and (max-width: 959px) {
  .sub-office {
    padding: 0px 0px 60px;
  }
  .sub-office .sub-office-inner {
    width: 95%;
    margin: auto;
  }
  .sub-office .sub-office-inner .office-table {
    width: 100%;
  }
  .sub-office .sub-office-inner .office-table thead tr {
    border: none;
  }
  .sub-office .sub-office-inner .office-table thead tr .thead-title {
    width: 30%;
  }
  .sub-office .sub-office-inner .office-table tr th {
    width: 30%;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left {
    width: 60%;
  }
/*--20200624--*/
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left-down {
    width: 60%;
  }
/*--20200624--*/

  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right {
    width: 35%;
  }
  /*--20200624--*/
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 {
    width: 35%;
  }
  /*--20200624--*/

  .sub-office .sub-office-inner .office-table-overseas {
    margin-bottom: 90px;
  }
  .sub-office .sub-office-inner .office-table-overseas tr th {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .sub-office {
    padding: 0px 0px 30px;
  }
  .sub-office .sub-office-inner {
    width: 95%;
    margin: auto;
  }
  .sub-office .sub-office-inner h2 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #000000;
    margin-bottom: 15px;
  }
  .sub-office .sub-office-inner .office-table {
    width: 100%;
    border-bottom: 1px solid #19aadd;
    box-sizing: border-box;
  }
  .sub-office .sub-office-inner .office-table thead tr {
    border: none;
  }
  .sub-office .sub-office-inner .office-table thead tr .thead-title {
    background: #e7f6fb;
    text-align: center;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0px;
    width: 34%;
  }
  .sub-office .sub-office-inner .office-table thead tr th {
    padding: 0px;
    width: auto;
    background: #ffffff;
  }
  .sub-office .sub-office-inner .office-table tr {
    border-top: 1px solid #19aadd;
  }
  .sub-office .sub-office-inner .office-table tr th {
    background: #c2e8f6;
    color: #19aadd;
    font-size: 12px;
    font-weight: bold;
    padding: 15px 15px 15px 15px;
    width: 34%;
    vertical-align: top;
  }
  .sub-office .sub-office-inner .office-table tr td {
    font-size: 12px;
    padding: 15px 15px 15px 15px;
    vertical-align: top;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left {
    width: 100%;
    float: none;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left p {
    font-size: 12px;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left i {
    color: #19aadd;
    margin-right: 10px;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right {
    width: 80%;
    float: none;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right iframe {
    width: 100%;
    height: auto;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right img {
    width: 100%;
  }

  /*--20200624--*/
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 {
    width: 80%;
    float: none;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 iframe {
    width: 100%;
    height: auto;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-right2 img {
    width: 100%;
  }
  /*--20200624--*/

  /*--20200624--*/
    .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left-down {
    width: 100%;
  /*--  float: none;--*/
    clear:both;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left-down p {
    font-size: 12px;
  }
  .sub-office .sub-office-inner .office-table tr td .office-td .office-td-left-down i {
    color: #19aadd;
    margin-right: 10px;
  }
  /*--20200624--*/


  .sub-office .sub-office-inner .office-table-mb {
    margin-bottom: 30px;
  }
  .sub-office .sub-office-inner .office-table-overseas {
    margin-bottom: 90px;
  }
  .sub-office .sub-office-inner .office-table-overseas tr th {
    width: 45%;
  }
  .sub-office .sub-office-inner .office-map-overseas {
    display: none;
  }
}

/*---------------------------------------------
| GROUP-MAIN-VISUAL
---------------------------------------------*/
.group-main-visual {
  background: url("../img/group/2x/group01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.group-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.group-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .group-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .group-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-GROUP
---------------------------------------------*/
.sub-group {
  padding: 60px 0px;
}
.sub-group .sub-group-inner {
  width: 940px;
  margin: auto;
}
.sub-group .sub-group-inner h2 {
  position: relative;
  font-size: 36px;
  color: #000000;
  text-align: center;
  display: block;
  font-weight: bold;
  margin: 0px auto 120px;
}
.sub-group .sub-group-inner h2:before {
  display: block;
  position: absolute;
  content: " ";
  width: 600px;
  height: 6px;
  background: #00a1d9;
  left: 0;
  right: 0;
  top: 55px;
  margin: auto;
}
.sub-group .sub-group-inner .group-company-ja ul li {
  width: 290px;
  float: left;
  box-sizing: border-box;
  margin: 0px 35px 60px 0px;
}
.sub-group .sub-group-inner .group-company-ja ul li a {
  display: block;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-category-pc {
  color: #47d9bf;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo {
  border: 1px solid #195281;
  border-radius: 10px;
  box-sizing: border-box;
  width: 290px;
  height: 130px;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo .company-logo-img01 {
  display: block;
  margin: 25px auto 28px;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo .company-logo-img02 {
  display: block;
  margin: 13px auto 15px;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name .company-category-sp {
  display: none;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0px;
  margin: 0px;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 span {
  text-align: right;
  line-height: 1.6;
  display: inline-block;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 .company-title-img01 {
  margin: -4px 0px 0px 5px;
}
.sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 .company-title-img02 {
  margin: -50px 0px 0px 5px;
}
.sub-group .sub-group-inner .group-company-ja ul li:nth-child(3n) {
  margin-right: 0px;
}
.sub-group .sub-group-inner .group-consignment {
  width: 750px;
  margin: -30px auto 120px;
}
.sub-group .sub-group-inner .group-consignment a {
  color: inherit;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-category-pc {
  color: #47d9bf;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-category {
  color: #47d9bf;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-category-sp {
  display: none;
}
.sub-group .sub-group-inner .group-consignment h3 {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0px;
  margin: 0px;
}
.sub-group .sub-group-inner .group-consignment h3 img {
  margin: -4px 0px 0px 5px;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-box {
  border: 1px solid #195281;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-left {
  width: 330px;
  float: left;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-right {
  width: 330px;
  float: right;
}
.sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-right p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0px;
}
.sub-group .sub-group-inner .group-company-overseas ul li {
  width: 290px;
  float: left;
  box-sizing: border-box;
  margin: 0px 35px 60px 0px;
}
.sub-group .sub-group-inner .group-company-overseas ul li a {
  display: block;
}
.sub-group .sub-group-inner .group-company-overseas ul li a .company-category-pc {
  color: #47d9bf;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-logo {
  width: 290px;
  height: 130px;
}
.sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name .company-category-sp {
  display: none;
}
.sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name h3 {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0px;
  margin: 0px;
}
.sub-group .sub-group-inner .group-company-overseas ul li:nth-child(3n) {
  margin-right: 0px;
}
@media screen and (max-width: 959px) {
  .sub-group {
    padding: 60px 0px;
  }
  .sub-group .sub-group-inner {
    width: 95%;
    margin: auto;
  }
  .sub-group .sub-group-inner .group-company-ja ul li {
    width: 32%;
    float: left;
    box-sizing: border-box;
    margin: 0px 2% 60px 0px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a {
    display: block;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-category-pc {
    font-size: 13px;
    line-height: 1.5;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo {
    border: 1px solid #195281;
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 130px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo .company-logo-img01 {
    display: block;
    margin: 25px auto 28px;
    width: 100%;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo .company-logo-img02 {
    display: block;
    margin: 13px auto 15px;
    width: 100%;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name .company-category-sp {
    display: none;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 {
    font-size: 13px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li:nth-child(3n) {
    margin-right: 0px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li {
    width: 32%;
    float: left;
    box-sizing: border-box;
    margin: 0px 2% 60px 0px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a {
    display: block;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-category-pc {
    font-size: 13px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-logo {
    width: 100%;
    height: auto;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-logo img {
    width: 100%;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name .company-category-sp {
    display: none;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name h3 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px;
    margin: 0px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .sub-group {
    padding: 25px 0px 0px;
  }
  .sub-group .sub-group-inner {
    width: 95%;
    margin: auto;
  }
  .sub-group .sub-group-inner h2 {
    font-size: 20px;
    width: 100%;
    margin: 0px auto 40px;
  }
  .sub-group .sub-group-inner h2:before {
    display: block;
    position: absolute;
    content: " ";
    width: 70%;
    height: 6px;
    background: #00a1d9;
    left: 0;
    right: 0;
    top: 35px;
    margin: auto;
  }
  .sub-group .sub-group-inner h2 span {
    width: 95%;
    margin: auto;
    font-size: 12px;
    padding-top: 30px;
    line-height: 1.8;
  }
  .sub-group .sub-group-inner .group-company-ja {
    margin-bottom: 50px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin: 0px;
    border-bottom: 1px solid #a3a3a3;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a {
    display: block;
    padding: 12px 0px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-category-pc {
    display: none;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo {
    border: none;
    box-sizing: border-box;
    width: 35%;
    height: auto;
    float: left;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo .company-logo-img01 {
    display: block;
    margin: 0;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-logo .company-logo-img02 {
    display: block;
    margin: 0px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name {
    width: 62%;
    float: right;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name .company-category-sp {
    display: block;
    color: #47d9bf;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    margin: 0px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 span {
    text-align: left;
    line-height: 1.5;
    display: inline-block;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 .company-title-img01 {
    margin: -2px 0px 0px 5px;
    width: 16px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li a .company-list-box .company-name h3 .company-title-img02 {
    margin: -40px 0px 0px 5px;
    width: 16px;
  }
  .sub-group .sub-group-inner .group-company-ja ul li:nth-child(3n) {
    margin-right: 0px;
  }
  .sub-group .sub-group-inner .group-consignment {
    width: 100%;
    margin: -15px auto 20px;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-category-pc {
    display: none;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-category-sp {
    display: block;
    color: #47d9bf;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .sub-group .sub-group-inner .group-consignment h3 {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    margin: 0px;
  }
  .sub-group .sub-group-inner .group-consignment h3 img {
    margin: -4px 0px 0px 5px;
    width: 16px;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-box {
    border: 1px solid #195281;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 10px;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-left {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-left img {
    width: 100%;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-right {
    width: 100%;
    float: none;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-right p {
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 5px;
  }
  .sub-group .sub-group-inner .group-consignment .group-consignment-box .group-consignment-right img {
    width: 100px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin: 0px;
    border-bottom: 1px solid #a3a3a3;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a {
    display: block;
    padding: 12px 0px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-category-pc {
    display: none;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-logo {
    width: 43%;
    height: auto;
    float: left;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-logo img {
    width: 100%;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name {
    width: 54%;
    float: right;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name .company-category-sp {
    display: block;
    color: #47d9bf;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li a .company-list-box .company-name h3 {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    margin: 0px;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li:first-child {
    border-top: 1px solid #a3a3a3;
  }
  .sub-group .sub-group-inner .group-company-overseas ul li:nth-child(3n) {
    margin-right: 0px;
  }
}

/*---------------------------------------------
| GLOBAL-MAIN-VISUAL
---------------------------------------------*/
.global-main-visual {
  background: url("../img/global/2x/global01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.global-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.global-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .global-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .global-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-GLOBAL
---------------------------------------------*/
.sub-global {
  padding: 60px 0px 60px;
}
.sub-global .sub-global-inner {
  width: 940px;
  margin: auto;
}
.sub-global .sub-global-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin: 0px 0px 50px 0px;
  font-weight: bold;
}
.sub-global .sub-global-inner h2:before {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/global/2x/global17@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-global .sub-global-inner h2:after {
  content: '';
  width: 12px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/global/2x/global18@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-global .sub-global-inner .global-description {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
.sub-global .sub-global-inner h3 {
  position: relative;
  font-size: 24px;
  font-weight: bold;
}
.sub-global .sub-global-inner h3 span {
  margin-left: 15px;
  color: #00a1d9;
  font-size: 52px;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-global .sub-global-inner h3:before {
  content: '';
  width: 100vw;
  display: inline-block;
  height: 38px;
  background: #ececec;
  position: absolute;
  bottom: 0px;
  z-index: -9999;
  margin: 0px -100vw;
  padding: 0px 100vw;
}
.sub-global .sub-global-inner p {
  margin-bottom: 40px;
}
.sub-global .sub-global-inner .global-box01 .global-box-img-pc {
  display: block;
  width: 100%;
}
.sub-global .sub-global-inner .global-box01 .global-box-img-sp {
  display: none;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation {
  width: 670px;
  margin: 35px auto 35px;
  border: 1px solid #acacac;
  padding: 15px;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left {
  width: 225px;
  float: left;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span01 {
  display: block;
  font-size: 14px;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span02 {
  display: block;
  font-size: 14px;
  margin-left: 70px;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span02 span {
  width: 13px;
  height: 13px;
  background: #662d91;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-right {
  width: 400px;
  float: right;
}
.sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-right p {
  margin: 0px;
  line-height: 1.6;
  font-size: 14px;
}
.sub-global .sub-global-inner .global-box01 .global-group-btn {
  background: #003f73;
  color: #ffffff;
  font-size: 20px;
  width: 320px;
  padding: 10px 40px 9px;
  margin: 0px auto 40px;
  display: block;
  position: relative;
  font-weight: bold;
}
.sub-global .sub-global-inner .global-box01 .global-group-btn img {
  position: absolute;
  right: 30px;
  top: 22px;
}
.sub-global .sub-global-inner .global-vietnam h4 {
  font-size: 90px;
  border-bottom: 1px solid #47d9bf;
  color: #47d9bf;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-global .sub-global-inner .global-vietnam h5 {
  color: #47d9bf;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-global .sub-global-inner .global-vietnam h5 span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 36px;
  margin-right: 15px;
}
.sub-global .sub-global-inner .global-china h4 {
  font-size: 90px;
  border-bottom: 1px solid #f15a24;
  color: #f15a24;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-global .sub-global-inner .global-china h5 {
  color: #f15a24;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-global .sub-global-inner .global-china h5 span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 36px;
  margin-right: 15px;
}
.sub-global .sub-global-inner .global-thailand {
  margin-bottom: 140px;
}
.sub-global .sub-global-inner .global-thailand h4 {
  font-size: 90px;
  border-bottom: 1px solid #f2d03b;
  color: #f2d03b;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-global .sub-global-inner .global-thailand h5 {
  color: #f2d03b;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-global .sub-global-inner .global-thailand h5 span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 36px;
  margin-right: 15px;
}
.sub-global .sub-global-inner .global-malaysia {
  margin-bottom: -30px;
}
.sub-global .sub-global-inner .global-malaysia h4 {
  font-size: 90px;
  border-bottom: 1px solid #00a1d9;
  color: #00a1d9;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-global .sub-global-inner .global-malaysia h5 {
  color: #00a1d9;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 15px 0px;
}
.sub-global .sub-global-inner .global-malaysia h5 span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 36px;
  margin-right: 15px;
}
.sub-global .sub-global-inner .global-box02 {
  margin-bottom: 90px;
}
.sub-global .sub-global-inner .global-box02 p {
  margin-bottom: 50px;
}
.sub-global .sub-global-inner .global-box02 .global-left {
  width: 450px;
  float: left;
}
.sub-global .sub-global-inner .global-box02 .global-left p {
  font-size: 16px;
  margin: 0px;
}
.sub-global .sub-global-inner .global-box02 .global-left a {
  display: block;
  text-align: center;
  color: #ffffff;
  padding: 10px 0px;
  margin: 20px 0px;
  font-size: 16px;
  font-weight: bold;
  background: #003f73;
}
.sub-global .sub-global-inner .global-box02 .global-right {
  float: right;
}
.sub-global .sub-global-inner .global-box02 .global-right img {
  width: 100%;
}
.sub-global .sub-global-inner .global-eastool {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 110px;
}
.sub-global .sub-global-inner .global-eastool h4 {
  border-left: 10px solid #00a1d9;
  margin-bottom: 40px;
}
.sub-global .sub-global-inner .global-eastool h4 .global-eastool-span01 {
  width: 250px;
  float: left;
  display: block;
  font-size: 21px;
  margin-left: 20px;
  margin: 20px 0px 0px 20px;
}
.sub-global .sub-global-inner .global-eastool h4 .global-eastool-span01 span {
  margin-top: 5px;
  display: block;
  font-size: 52px;
  font-weight: bold;
}
.sub-global .sub-global-inner .global-eastool h4 .global-eastool-span02 {
  width: 290px;
  float: left;
  display: block;
  margin-left: 20px;
}
.sub-global .sub-global-inner .global-eastool h4 .global-eastool-span03-pc {
  width: 260px;
  float: left;
  display: block;
  margin: 65px 0px 0px 20px;
}
.sub-global .sub-global-inner .global-eastool h4 .global-eastool-span03-pc a {
  display: block;
  text-align: center;
  color: #ffffff;
  background: #00a1d9;
  padding: 17px 0px;
  border-radius: 10px;
  font-size: 21px;
  font-weight: bold;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-span03-sp {
  display: none;
}
.sub-global .sub-global-inner .global-eastool h5 {
  font-size: 30px;
  font-weight: bold;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list01 {
  margin-bottom: 30px;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list01 li {
  width: 270px;
  float: left;
  margin-right: 34px;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list01 li img {
  width: 100%;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list01 li:last-child {
  margin-right: 0px;
}
.sub-global .sub-global-inner .global-eastool h6 {
  font-size: 24px;
  font-weight: bold;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list02 {
  margin-bottom: 30px;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list02 li {
  width: 162px;
  height: 125px;
  float: left;
  display: table;
  border: 10px solid #99d9f0;
  box-sizing: border-box;
  margin: 0px 17px 0px 0px;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list02 li span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}
.sub-global .sub-global-inner .global-eastool .global-eastool-list02 li:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 959px) {
  .sub-global {
    padding: 60px 0px 60px;
  }
  .sub-global .sub-global-inner {
    width: 95%;
    margin: auto;
  }
  .sub-global .sub-global-inner .global-box01 .global-box-img-pc {
    display: block;
    width: 100%;
  }
  .sub-global .sub-global-inner .global-vietnam h4 {
    font-size: 90px;
    border-bottom: 1px solid #47d9bf;
    color: #47d9bf;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
  }
  .sub-global .sub-global-inner .global-vietnam h5 {
    color: #47d9bf;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 15px 0px;
  }
  .sub-global .sub-global-inner .global-vietnam h5 span {
    font-size: 34px;
    margin-right: 15px;
  }
  .sub-global .sub-global-inner .global-china h4 {
    font-size: 90px;
    border-bottom: 1px solid #f15a24;
    color: #f15a24;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
  }
  .sub-global .sub-global-inner .global-china h5 {
    color: #f15a24;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 15px 0px;
  }
  .sub-global .sub-global-inner .global-china h5 span {
    font-size: 34px;
    margin-right: 15px;
  }
  .sub-global .sub-global-inner .global-thailand {
    margin-bottom: 140px;
  }
  .sub-global .sub-global-inner .global-thailand h4 {
    font-size: 90px;
    border-bottom: 1px solid #f2d03b;
    color: #f2d03b;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
  }
  .sub-global .sub-global-inner .global-thailand h5 {
    color: #f2d03b;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 15px 0px;
  }
  .sub-global .sub-global-inner .global-thailand h5 span {
    font-size: 34px;
    margin-right: 15px;
  }
  .sub-global .sub-global-inner .global-malaysia {
    margin-bottom: -30px;
  }
  .sub-global .sub-global-inner .global-malaysia h4 {
    font-size: 90px;
    border-bottom: 1px solid #00a1d9;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
  }
  .sub-global .sub-global-inner .global-malaysia h5 {
    color: #00a1d9;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 15px 0px;
  }
  .sub-global .sub-global-inner .global-malaysia h5 span {
    font-size: 34px;
    margin-right: 15px;
  }
  .sub-global .sub-global-inner .global-box02 .global-left {
    width: 55%;
    float: left;
  }
  .sub-global .sub-global-inner .global-box02 .global-left p {
    font-size: 16px;
    margin: 0px;
  }
  .sub-global .sub-global-inner .global-box02 .global-left a {
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 10px 0px;
    margin: 20px 0px;
    font-size: 16px;
    font-weight: bold;
    background: #003f73;
  }
  .sub-global .sub-global-inner .global-box02 .global-right {
    float: right;
    width: 43%;
  }
  .sub-global .sub-global-inner .global-box02 .global-right img {
    width: 100%;
  }
  .sub-global .sub-global-inner .global-eastool {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 110px;
  }
  .sub-global .sub-global-inner .global-eastool h4 {
    border-left: 10px solid #00a1d9;
    margin-bottom: 40px;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span01 {
    width: 30%;
    float: left;
    display: block;
    font-size: 18px;
    margin-left: 20px;
    margin: 10px 0px 0px 20px;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span01 span {
    margin-top: 5px;
    display: block;
    font-size: 36px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span02 {
    width: 30%;
    float: left;
    display: block;
    margin-left: 20px;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span02 img {
    width: 100%;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span03 {
    width: 30%;
    float: left;
    display: block;
    margin: 15px 0px 0px 20px;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span03 a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 17px 0px;
    border-radius: 10px;
    font-size: 21px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool h5 {
    font-size: 30px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 {
    margin-bottom: 30px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 li {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 li img {
    width: 100%;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 li:last-child {
    margin-right: 0px;
  }
  .sub-global .sub-global-inner .global-eastool h6 {
    font-size: 24px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 {
    margin-bottom: 30px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li {
    width: 18.6%;
    height: 125px;
    float: left;
    display: table;
    border: 10px solid #99d9f0;
    box-sizing: border-box;
    margin: 0px 1.7% 0px 0px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li:last-child {
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .sub-global {
    padding: 15px 0px 0px;
  }
  .sub-global .sub-global-inner {
    width: 95%;
    margin: auto;
  }
  .sub-global .sub-global-inner h2 {
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/global/2x/global19@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-global .sub-global-inner h2:before {
    content: none;
  }
  .sub-global .sub-global-inner h2:after {
    content: none;
  }
  .sub-global .sub-global-inner .global-description {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
  }
  .sub-global .sub-global-inner h3 {
    position: relative;
    font-size: 13px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner h3 span {
    margin-left: 10px;
    color: #00a1d9;
    font-size: 20px;
    font-weight: bold;
    vertical-align: sub;
  }
  .sub-global .sub-global-inner h3:before {
    content: '';
    width: 100vw;
    display: inline-block;
    height: 38px;
    background: #ececec;
    position: absolute;
    bottom: -7px;
    z-index: -9999;
    margin: 0px -100vw;
    padding: 0px 100vw;
  }
  .sub-global .sub-global-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-global .sub-global-inner .global-box01 .global-box-img-pc {
    display: none;
  }
  .sub-global .sub-global-inner .global-box01 .global-box-img-sp {
    display: block;
    width: 100%;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation {
    width: 100%;
    margin: 20px auto 20px;
    border: 1px solid #acacac;
    padding: 10px;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left {
    width: 40%;
    float: left;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span01 {
    display: block;
    font-size: 12px;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span01 img {
    width: 20%;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span02 {
    display: block;
    font-size: 12px;
    margin-left: 12px;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-left .global-abbreviation-span02 span {
    width: 9px;
    height: 9px;
    background: #662d91;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-right {
    width: 58%;
    float: right;
  }
  .sub-global .sub-global-inner .global-box01 .global-abbreviation .global-abbreviation-right p {
    margin: 0px;
    line-height: 1.6;
    font-size: 12px;
  }
  .sub-global .sub-global-inner .global-box01 .global-group-btn {
    background: #003f73;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    width: 75%;
    padding: 7px 40px 7px;
    margin: 0px auto 40px;
    display: block;
    position: relative;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-box01 .global-group-btn img {
    position: absolute;
    right: 30px;
    top: 12px;
  }
  .sub-global .sub-global-inner .global-vietnam h4 {
    font-size: 40px;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #47d9bf;
    color: #47d9bf;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-global .sub-global-inner .global-vietnam h5 {
    color: #47d9bf;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
  }
  .sub-global .sub-global-inner .global-vietnam h5 span {
    font-size: 24px;
    margin-right: 10px;
  }
  .sub-global .sub-global-inner .global-china h4 {
    font-size: 40px;
    text-align: center;
    border-bottom: 1px solid #f15a24;
    color: #f15a24;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-global .sub-global-inner .global-china h5 {
    color: #f15a24;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
  }
  .sub-global .sub-global-inner .global-china h5 span {
    font-size: 24px;
    margin-right: 10px;
  }
  .sub-global .sub-global-inner .global-thailand {
    margin-bottom: 30px;
  }
  .sub-global .sub-global-inner .global-thailand h4 {
    font-size: 40px;
    text-align: center;
    border-bottom: 1px solid #f2d03b;
    color: #f2d03b;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-global .sub-global-inner .global-thailand h5 {
    color: #f2d03b;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
  }
  .sub-global .sub-global-inner .global-thailand h5 span {
    font-size: 24px;
    margin-right: 10px;
  }
  .sub-global .sub-global-inner .global-malaysia {
    margin-bottom: -10px;
  }
  .sub-global .sub-global-inner .global-malaysia h4 {
    font-size: 40px;
    text-align: center;
    border-bottom: 1px solid #00a1d9;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-global .sub-global-inner .global-malaysia h5 {
    color: #00a1d9;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
  }
  .sub-global .sub-global-inner .global-malaysia h5 span {
    font-size: 24px;
    margin-right: 10px;
  }
  .sub-global .sub-global-inner .global-box02 {
    margin-bottom: 40px;
  }
  .sub-global .sub-global-inner .global-box02 p {
    margin-bottom: 50px;
  }
  .sub-global .sub-global-inner .global-box02 .global-left {
    width: 100%;
    float: none;
  }
  .sub-global .sub-global-inner .global-box02 .global-left p {
    font-size: 12px;
    margin: 0px;
  }
  .sub-global .sub-global-inner .global-box02 .global-left a {
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 10px 0px;
    margin: 20px 0px;
    font-size: 12px;
    font-weight: bold;
    background: #003f73;
  }
  .sub-global .sub-global-inner .global-box02 .global-right {
    width: 85%;
    float: none;
    margin: auto;
  }
  .sub-global .sub-global-inner .global-box02 .global-right img {
    width: 100%;
  }
  .sub-global .sub-global-inner .global-eastool {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 50px;
  }
  .sub-global .sub-global-inner .global-eastool h4 {
    border-left: 10px solid #00a1d9;
    margin-bottom: 15px;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span01 {
    width: 48%;
    float: left;
    display: block;
    font-size: 12px;
    margin-left: 20px;
    margin: 2% 0px 0px 2%;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span01 span {
    margin-top: 5px;
    display: block;
    font-size: 28px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span02 {
    width: 48%;
    float: left;
    display: block;
    margin-left: 2%;
  }
  .sub-global .sub-global-inner .global-eastool h4 .global-eastool-span03-pc {
    display: none;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-span03-sp {
    width: 100%;
    display: block;
    margin: 0px auto 20px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-span03-sp a {
    display: block;
    text-align: center;
    color: #ffffff;
    background: #00a1d9;
    padding: 7px 0px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool h5 {
    font-size: 18px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 {
    margin-bottom: 20px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 li {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 li img {
    width: 100%;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list01 li:last-child {
    margin-right: 0px;
  }
  .sub-global .sub-global-inner .global-eastool h6 {
    font-size: 16px;
    font-weight: bold;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 {
    margin-bottom: 0px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li {
    width: 32%;
    height: 70px;
    float: left;
    display: table;
    border: 5px solid #99d9f0;
    box-sizing: border-box;
    margin: 0px 2% 10px 0px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    font-size: 12px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li:nth-child(3) {
    margin-right: 0px;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li:nth-child(4) {
    margin-left: 17%;
  }
  .sub-global .sub-global-inner .global-eastool .global-eastool-list02 li:last-child {
    margin-right: 0px;
  }
}

/*---------------------------------------------
| GLOBAL-CONTACT
---------------------------------------------*/
.global-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.global-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.global-contact .global-contact-inner {
  width: 940px;
  margin: auto;
}
.global-contact .global-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.global-contact .global-contact-inner .global-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-left {
  width: 340px;
  width: 380px;/*---20240130--*/
  float: left;
  padding: 15px 0px 0px 20px;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-left h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-left p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-right {
  width: 540px;
  width: 440px;/*--20240130--*/
  float: right;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-right .global-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-bottom: 10px;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-right .global-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.global-contact .global-contact-inner .global-contact-box .global-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .global-contact .global-contact-inner {
    width: 95%;
    margin: auto;
  }
  .global-contact .global-contact-inner .global-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-left {
    width: 40%;
    width: 55%;/*--20240130--*/
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-right {
    width: 55%;
    width: 45%;/*--20240130--*/
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .global-contact {
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .global-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .global-contact .global-contact-inner {
    width: 95%;
    margin: auto;
  }
  .global-contact .global-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .global-contact .global-contact-inner .global-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-left h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-left p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-right {
    width: 100%;
    float: none;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-right .global-contact-btn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-right .global-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .global-contact .global-contact-inner .global-contact-box .global-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| CSR-MAIN-VISUAL
---------------------------------------------*/
.csr-main-visual {
  background: url("../img/csr/2x/csr01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.csr-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.csr-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .csr-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .csr-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-CSR
---------------------------------------------*/
.sub-csr {
  padding: 60px 0px 240px;
}
.sub-csr .sub-csr-inner {
  width: 940px;
  margin: auto;
}
.sub-csr .sub-csr-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 40px;
  font-weight: bold;
}
.sub-csr .sub-csr-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/web/2x/web04@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-csr .sub-csr-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/web/2x/web05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-csr .sub-csr-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-csr .sub-csr-inner h3 {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 80px;
}
.sub-csr .sub-csr-inner h3:before {
  content: '';
  width: 100vw;
  display: inline-block;
  height: 40px;
  background: #ececec;
  position: absolute;
  bottom: -7px;
  z-index: -9999;
  margin: 0px -100vw;
  padding: 0px 100vw;
}
.sub-csr .sub-csr-inner h4 {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid #19aadd;
  padding: 0px 0px 15px 0px;
  margin-bottom: 35px;
  line-height: 1.6;
}
.sub-csr .sub-csr-inner .csr-box {
  margin-bottom: 90px;
}
.sub-csr .sub-csr-inner .csr-box .csr-left {
  width: 470px;
  float: left;
}
.sub-csr .sub-csr-inner .csr-box .csr-left p {
  font-size: 16px;
  margin: 0px;
}
.sub-csr .sub-csr-inner .csr-box .csr-left p a {
  color: #04518c;
  text-decoration: underline;
}
.sub-csr .sub-csr-inner .csr-box .csr-left .csr-text02 {
  margin: 40px 0px 0px 0px;
}
.sub-csr .sub-csr-inner .csr-box .csr-left .csr-left-img01 {
  display: none;
}
.sub-csr .sub-csr-inner .csr-box .csr-left ul li {
  float: left;
  margin-right: 15px;
}
.sub-csr .sub-csr-inner .csr-box .csr-left ul li a {
  color: #000000;
}
.sub-csr .sub-csr-inner .csr-box .csr-right {
  width: 440px;
  float: right;
}
.sub-csr .sub-csr-inner .csr-box .csr-right img {
  width: 100%;
  margin-bottom: 10px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-text01 {
  font-size: 13px;
  color: #666666;
  line-height: 1.6;
  margin: 0px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 15px 20px 30px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left h5 {
  font-size: 30px;
  color: #00a1d9;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left img {
  width: 100%;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left a {
  font-size: 14px;
  color: #ffffff;
  background: #19aadd;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  display: block;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right {
  width: 49%;
  float: right;
  margin-bottom: 10px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right h5 {
  font-size: 30px;
  color: #00a1d9;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right img {
  width: 100%;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right a {
  font-size: 14px;
  color: #ffffff;
  background: #19aadd;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  display: block;
}

/*---20201110----*/
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-center {
  width: 100%;
  float: left;
  margin:auto;
  margin-bottom: 10px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-center h5 {
  font-size: 30px;
  color: #00a1d9;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-center img {
  width: 100%;/*---20201110----*/
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-center a {
  font-size: 14px;
  color: #ffffff;
  background: #19aadd;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  display: block;
}
/*---20201110----*/

.sub-csr .sub-csr-inner .csr-box .csr-right .csr-right-img01 {
  margin-top: -20px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-right-img02 {
  margin-top: -50px;
}
.sub-csr .sub-csr-inner .csr-box .csr-right .csr-right-img03 {
  display: block;
}
@media screen and (max-width: 959px) {
  .sub-csr {
    padding: 60px 0px;
  }
  .sub-csr .sub-csr-inner {
    width: 95%;
    margin: auto;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left {
    width: 53%;
    float: left;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right {
    float: right;
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .sub-csr {
    padding: 15px 0px 0px;
  }
  .sub-csr .sub-csr-inner {
    width: 95%;
    margin: auto;
  }
  .sub-csr .sub-csr-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/web/2x/web06@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-csr .sub-csr-inner h2:before {
    content: none;
  }
  .sub-csr .sub-csr-inner h2:after {
    content: none;
  }
  .sub-csr .sub-csr-inner p {
    font-size: 12px;
    margin-bottom: 40px;
  }
  .sub-csr .sub-csr-inner h3 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin: 0px 0px 28px 0px;
  }
  .sub-csr .sub-csr-inner h3:before {
    content: '';
    width: 100vw;
    display: inline-block;
    height: 40px;
    background: #ececec;
    position: absolute;
    bottom: -10px;
    z-index: -9999;
    margin: 0px -100vw;
    padding: 0px 100vw;
  }
  .sub-csr .sub-csr-inner h4 {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0px 0px 15px 0px;
  }
  .sub-csr .sub-csr-inner .csr-box {
    margin-bottom: 30px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left {
    width: 100%;
    float: none;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left p {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left .csr-left-img01 {
    display: block;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left .csr-text02 {
    font-size: 12px;
    margin-top: 15px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left ul {
    margin-bottom: 40px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-left ul li a {
    font-size: 12px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right {
    width: 100%;
    margin: auto;
    float: none;
    margin-bottom: 40px;
    margin-bottom: 15px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right img {
    width: 100%;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-text01 {
    font-size: 11px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px 15px 25px;
    margin-bottom: 60px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left {
    width: 100%;
    float: none;
    margin-bottom: 40px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left .inner-left {
    width: 30%;
    float: left;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left .inner-left h5 {
    font-size: 18px;
    color: #00a1d9;
    margin: 0px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left .inner-right {
    width: 65%;
    float: right;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left .inner-right img {
    width: 100%;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-left .inner-right a {
    font-size: 12px;
    color: #ffffff;
    background: #19aadd;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: block;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right .inner-left {
    width: 30%;
    float: left;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right .inner-left h5 {
    margin: 0px;
    font-size: 18px;
    color: #00a1d9;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right .inner-right {
    width: 65%;
    float: right;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right .inner-right img {
    width: 100%;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-box02 .csr-box02-right .inner-right a {
    font-size: 12px;
    color: #ffffff;
    background: #19aadd;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: block;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-right-img01 {
    margin-top: 0px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-right-img02 {
    margin-top: 0px;
  }
  .sub-csr .sub-csr-inner .csr-box .csr-right .csr-right-img03 {
    display: none;
  }
}

/*---------------------------------------------
| TELEMARKETING-MAIN-VISUAL
---------------------------------------------*/
.telemarketing-main-visual {
  background: url("../img/telemarketing/2x/telemarketing01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.telemarketing-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.telemarketing-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .telemarketing-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .telemarketing-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-TELEMARKETING
---------------------------------------------*/
.sub-telemarketing {
  padding: 0px 0px 60px;
}
.sub-telemarketing .sub-telemarketing-inner {
  width: 940px;
  margin: auto;
}
.sub-telemarketing .sub-telemarketing-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-telemarketing .sub-telemarketing-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/telemarketing/2x/telemarketing05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-telemarketing .sub-telemarketing-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/telemarketing/2x/telemarketing06@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-telemarketing .sub-telemarketing-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-telemarketing .sub-telemarketing-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box {
  margin-bottom: 60px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-left {
  width: 560px;
  float: left;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-left p {
  font-size: 16px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-right {
  width: 375px;
  float: right;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-right img {
  width: 100%;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box p {
  margin-bottom: 30px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-text01 {
  margin-bottom: 60px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 500px;
  padding: 30px;
  box-sizing: border-box;
  float: left;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h5 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h5 img {
  margin-right: 5px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h6 {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #00a1d9;
  padding: 10px 0px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 455px;
  height: 500px;
  padding: 30px;
  box-sizing: border-box;
  float: right;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h5 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
  font-family: 'Noto Sans JP', sans-serif;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h5 img {
  margin-right: 5px;
}
.sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h6 {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #00a1d9;
  padding: 10px 0px;
}
@media screen and (max-width: 959px) {
  .sub-telemarketing {
    padding: 60px 0px;
  }
  .sub-telemarketing .sub-telemarketing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box {
    margin-bottom: 60px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-left {
    width: 58%;
    float: left;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-right {
    width: 40%;
    float: right;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left {
    width: 49%;
    height: 600px;
    padding: 20px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h5 {
    font-size: 20px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right {
    width: 49%;
    height: 600px;
    padding: 20px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h5 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sub-telemarketing {
    padding: 15px 0px 0px;
  }
  .sub-telemarketing .sub-telemarketing-inner {
    width: 95%;
    margin: auto;
  }
  .sub-telemarketing .sub-telemarketing-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/telemarketing/2x/telemarketing07@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-telemarketing .sub-telemarketing-inner h2:before {
    content: none;
  }
  .sub-telemarketing .sub-telemarketing-inner h2:after {
    content: none;
  }
  .sub-telemarketing .sub-telemarketing-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-telemarketing .sub-telemarketing-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box {
    margin-bottom: 30px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-left {
    width: 100%;
    float: none;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-left p {
    font-size: 12px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-right {
    width: 95%;
    margin: auto;
    float: none;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-box-right img {
    width: 100%;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box p {
    margin-bottom: 15px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-text01 {
    margin-bottom: 30px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h5 img {
    margin-right: 5px;
    width: 12%;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-left h6 {
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #00a1d9;
    padding: 7px 0px;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    float: none;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h5 img {
    margin-right: 5px;
    width: 12%;
  }
  .sub-telemarketing .sub-telemarketing-inner .telemarketing-box .telemarketing-inner-box .telemarketing-inner-right h6 {
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #00a1d9;
    padding: 7px 0px;
  }
}

/*---------------------------------------------
| FULFILLMENT-CONTACT
---------------------------------------------*/
.fulfillment-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.fulfillment-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.fulfillment-contact .fulfillment-contact-inner {
  width: 940px;
  margin: auto;
}
.fulfillment-contact .fulfillment-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left {
  width: 340px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right {
  width: 540px;
  float: right;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-bottom: 10px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .fulfillment-contact .fulfillment-contact-inner {
    width: 95%;
    margin: auto;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .fulfillment-contact {
    display: none;
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .fulfillment-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .fulfillment-contact .fulfillment-contact-inner {
    width: 95%;
    margin: auto;
  }
  .fulfillment-contact .fulfillment-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right {
    width: 100%;
    float: none;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| DATEINP-MAIN-VISUAL
---------------------------------------------*/
.dateinp-main-visual {
  background: url("../img/dateinp/2x/dateinp01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.dateinp-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.dateinp-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .dateinp-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .dateinp-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-DATEINP
---------------------------------------------*/
.sub-dateinp {
  padding: 0px 0px 60px;
}
.sub-dateinp .sub-dateinp-inner {
  width: 940px;
  margin: auto;
}
.sub-dateinp .sub-dateinp-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-dateinp .sub-dateinp-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/telemarketing/2x/telemarketing05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-dateinp .sub-dateinp-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/telemarketing/2x/telemarketing06@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-dateinp .sub-dateinp-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-dateinp .sub-dateinp-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box {
  margin-bottom: 120px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box h4 span {
  display: block;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box p {
  margin-bottom: 30px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 40px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center h5 {
  font-size: 24px;
  margin-bottom: 40px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center h5:after {
  right: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 80%;
  height: 1px;
  background: #19aadd;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left {
  width: 49%;
  float: left;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .left {
  width: 70px;
  float: left;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .right {
  width: 345px;
  float: right;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .right h6 {
  font-size: 18px;
  font-weight: bold;
  color: #19aadd;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right {
  width: 49%;
  float: right;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .left {
  width: 70px;
  float: left;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .right {
  width: 345px;
  float: right;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .right h6 {
  font-size: 18px;
  font-weight: bold;
  color: #19aadd;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left {
  width: 455px;
  height: auto;
  float: left;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left .dateinp-box01-left-wrap {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px 30px 40px 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #000000;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left .dateinp-box01-left-list {
  list-style-type: disc;
  padding-left: 20px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left img {
  width: 100%;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right {
  width: 455px;
  float: right;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box01-right-wrap {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px 30px 40px 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #000000;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box01-right-list {
  list-style-type: disc;
  padding-left: 20px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right img {
  width: 100%;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-box-img01-pc {
  width: 100%;
  margin: 40px auto 0px;
}
.sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-box-img01-sp {
  display: none;
}
@media screen and (max-width: 959px) {
  .sub-dateinp {
    padding: 60px 0px;
  }
  .sub-dateinp .sub-dateinp-inner {
    width: 95%;
    margin: auto;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left {
    width: 49%;
    float: left;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .left {
    width: 25%;
    float: left;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .right {
    width: 75%;
    float: right;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right {
    width: 49%;
    float: right;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .left {
    width: 25%;
    float: left;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .right {
    width: 75%;
    float: right;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left {
    width: 50%;
    height: auto;
    float: left;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left img {
    width: 100%;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right {
    width: 48%;
    float: right;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box01-right-wrap {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 30px 30px 40px 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sub-dateinp {
    padding: 15px 0px 0px;
  }
  .sub-dateinp .sub-dateinp-inner {
    width: 95%;
    margin: auto;
  }
  .sub-dateinp .sub-dateinp-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 13px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/telemarketing/2x/telemarketing07@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-dateinp .sub-dateinp-inner h2:before {
    content: none;
  }
  .sub-dateinp .sub-dateinp-inner h2:after {
    content: none;
  }
  .sub-dateinp .sub-dateinp-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-dateinp .sub-dateinp-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box {
    margin-bottom: 30px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box h4 span {
    display: inline;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box p {
    margin-bottom: 20px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center h5 {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center h5:after {
    right: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 60%;
    height: 1px;
    background: #19aadd;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left {
    width: 100%;
    float: none;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .left {
    width: 20%;
    float: left;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .left img {
    width: 100%;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .right {
    width: 76%;
    float: right;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .right h6 {
    font-size: 14px;
    font-weight: bold;
    color: #19aadd;
    padding: 0px;
    margin: 0px 0px 2px 0px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-left div .right p {
    margin-bottom: 15px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right {
    width: 100%;
    float: none;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .left {
    width: 20%;
    float: left;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .left img {
    width: 100%;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .right {
    width: 76%;
    float: right;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .right h6 {
    font-size: 14px;
    font-weight: bold;
    color: #19aadd;
    padding: 0px;
    margin: 0px 0px 2px 0px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-center .dateinp-box01-list .dateinp-box01-list-right div .right p {
    margin-bottom: 15px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left {
    width: 100%;
    height: auto;
    float: none;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left .dateinp-box01-left-wrap {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #000000;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left .dateinp-box01-left-list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 12px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left img {
    width: 100%;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-left .dateinp-box-img03 {
    width: 85%;
    margin: auto;
    display: block;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right {
    width: 100%;
    float: none;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box01-right-wrap {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #000000;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box01-right-list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 12px;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right img {
    width: 100%;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box-img02,
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box-img03 {
    display: none;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-inner-box01 .dateinp-box01-right .dateinp-box-img04 {
    width: 85%;
    margin: 20px auto 0px;
    display: block;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-box-img01-pc {
    display: none;
  }
  .sub-dateinp .sub-dateinp-inner .dateinp-box .dateinp-box-img01-sp {
    display: block;
    width: 90%;
    margin: auto;
  }
}

/*---------------------------------------------
| BPO-MAIN-VISUAL
---------------------------------------------*/
.BPO-main-visual {
  background: url("../img/BPO/2x/BPO01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.BPO-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.BPO-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .BPO-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .BPO-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}


/*---------------------------------------------
| SUB-BPO
---------------------------------------------*/
.sub-BPO {
  padding: 0px 0px 60px;
}
.sub-BPO .sub-BPO-inner {
  width: 940px;
  margin: auto;
}
.sub-BPO .sub-BPO-inner h2 {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-BPO .sub-BPO-inner h2:before {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/telemarketing/2x/telemarketing05@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-BPO .sub-BPO-inner h2:after {
  content: '';
  width: 12px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/telemarketing/2x/telemarketing06@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-BPO .sub-BPO-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-BPO .sub-BPO-inner h3 {
  font-size: 90px;
  color: #00a1d9;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-BPO .sub-BPO-inner .BPO-box {
  margin-bottom: 120px;
}
.sub-BPO .sub-BPO-inner .BPO-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}
.sub-BPO .sub-BPO-inner .BPO-box h4 span {
  display: block;
}
.sub-BPO .sub-BPO-inner .BPO-box p {
  margin-bottom: 30px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 40px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo {
  padding: 5px;
  margin-bottom: 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center h5 {
  font-size: 24px;
  margin-bottom: 40px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center h5:after {
  right: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 80%;
  height: 1px;
  background: #19aadd;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left {
  width: 49%;
  float: left;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left {
  width: 48%;
  float: left;
  border: 1px solid #195281;
  border-radius: 10px;
  display: block;
  margin-right:2%;
  height: 500px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left p {
  margin: 10px 20px 10px 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left .BPO-box01-info-box-inner-tt{
  width: 91%;
  display: flex;
  margin: auto;
  padding-top: 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left .BPO-box01-info-box-inner-tt img{
  width: 15%;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left .BPO-box01-info-box-inner-bt{
  width: 90%;
  padding: 10px 10px 10px 10px;
  margin: 0 5% 0;
  color: #ffffff;
  background: #00a1d9;
  text-align: center;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .left {
  width: 70px;
  float: left;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .right {
  width: 345px;
  float: right;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .right h6 {
  font-size: 18px;
  font-weight: bold;
  color: #19aadd;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right {
  width: 49%;
  float: right;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right {
  width: 48%;
  float: left;
  border: 1px solid #195281;
  border-radius: 10px;
  display: block;
  margin-left:2%;
  margin-top:0%;
  height: 500px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right p {
    margin: 10px 20px 10px 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right .BPO-box01-info-box-inner-tt{
  width: 91%;
  display: flex;
  margin: auto;
  padding-top: 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right .BPO-box01-info-box-inner-tt img{
  width: 15%;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right .BPO-box01-info-box-inner-bt{
  width: 90%;
  padding: 10px 10px 10px 10px;
  margin: 0 5% 0;
  color: #ffffff;
  background: #00a1d9;
  text-align: center;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .left {
  width: 70px;
  float: left;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .right {
  width: 345px;
  float: right;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .right h6 {
  font-size: 18px;
  font-weight: bold;
  color: #19aadd;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left {
  width: 455px;
  height: auto;
  float: left;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left .BPO-box01-left-wrap {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px 30px 40px 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #000000;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left h5 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left .BPO-box01-left-list {
  list-style-type: disc;
  padding-left: 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left img {
  width: 100%;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right {
  width: 455px;
  float: right;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box01-right-wrap {
  border: 1px solid #195281;
  border-radius: 10px;
  padding: 30px 30px 40px 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #000000;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right h5 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px 0px 10px 0px;
  color: #00a1d9;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box01-right-list {
  list-style-type: disc;
  padding-left: 20px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right img {
  width: 100%;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-box-img01-pc {
  width: 100%;
  margin: 40px auto 0px;
}
.sub-BPO .sub-BPO-inner .BPO-box .BPO-box-img01-sp {
  display: none;
}
@media screen and (max-width: 959px) {
  .sub-BPO {
    padding: 60px 0px;
  }
  .sub-BPO .sub-BPO-inner {
    width: 95%;
    margin: auto;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left {
    width: 49%;
    float: left;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .left {
    width: 25%;
    float: left;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .right {
    width: 75%;
    float: right;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right {
    width: 49%;
    float: right;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .left {
    width: 25%;
    float: left;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .right {
    width: 75%;
    float: right;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left {
    width: 50%;
    height: auto;
    float: left;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left {
    width: 48%;
    float: left;
    border: 1px solid #195281;
    border-radius: 10px;
    display: block;
    margin-right: 1%;
    height: auto;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left h5 {
    font-size: 23px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left .BPO-box01-info-box-inner-tt img {
    width: 15%;
    height: 15%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left img {
    width: 100%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right {
    width: 48%;
    float: right;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right {
    width: 48%;
    float: left;
    border: 1px solid #195281;
    border-radius: 10px;
    display: block;
    margin-right: 1%;
    height: auto;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right h5 {
    font-size: 23px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #00a1d9;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right .BPO-box01-info-box-inner-tt img {
    width: 15%;
    height: 15%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box01-right-wrap {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 30px 30px 40px 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sub-BPO {
    padding: 15px 0px 0px;
  }
  .sub-BPO .sub-BPO-inner {
    width: 95%;
    margin: auto;
  }
  .sub-BPO .sub-BPO-inner h2 {
    margin: 0px 0px 10px 0px;
    position: relative;
    font-size: 13px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    background: url("../img/telemarketing/2x/telemarketing07@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 0px;
  }
  .sub-BPO .sub-BPO-inner h2:before {
    content: none;
  }
  .sub-BPO .sub-BPO-inner h2:after {
    content: none;
  }
  .sub-BPO .sub-BPO-inner p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-BPO .sub-BPO-inner h3 {
    font-size: 40px;
    color: #00a1d9;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box {
    margin-bottom: 30px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box h4 span {
    display: inline;
  }
  .sub-BPO .sub-BPO-inner .BPO-box p {
    margin-bottom: 20px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center h5 {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center h5:after {
    right: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 60%;
    height: 1px;
    background: #19aadd;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left {
    width: 100%;
    float: none;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .left {
    width: 20%;
    float: left;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .left img {
    width: 100%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .right {
    width: 76%;
    float: right;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .right h6 {
    font-size: 14px;
    font-weight: bold;
    color: #19aadd;
    padding: 0px;
    margin: 0px 0px 2px 0px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-left div .right p {
    margin-bottom: 15px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right {
    width: 100%;
    float: none;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .left {
    width: 20%;
    float: left;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .left img {
    width: 100%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .right {
    width: 76%;
    float: right;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .right h6 {
    font-size: 14px;
    font-weight: bold;
    color: #19aadd;
    padding: 0px;
    margin: 0px 0px 2px 0px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-center .BPO-box01-list .BPO-box01-list-right div .right p {
    margin-bottom: 15px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left {
    width: 100%;
    height: auto;
    float: none;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left {
    width: 100%;
    float: left;
    border: 1px solid #195281;
    border-radius: 10px;
    display: block;
    margin-right: 0%;
    height: auto;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left .BPO-box01-info-box-inner-tt img {
    width: 15%;
    height: 15%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-left h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 1% 0px 0px 0px;
    color: #00a1d9;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left .BPO-box01-left-wrap {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #000000;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left .BPO-box01-left-list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 12px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left img {
    width: 100%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-left .BPO-box-img03 {
    width: 85%;
    margin: auto;
    display: block;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right {
    width: 100%;
    float: none;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right {
    width: 100%;
    float: left;
    border: 1px solid #195281;
    border-radius: 10px;
    display: block;
    margin-left: 0%;
	margin-top:2%;
    height: auto;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right .BPO-box01-info-box-inner-tt img {
    width: 15%;
    height: 15%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01-boxinfo .BPO-box01-info-right h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 1% 0px 0px 0px;
    color: #00a1d9;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box01-right-wrap {
    border: 1px solid #195281;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    color: #000000;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box01-right-list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 12px;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right img {
    width: 100%;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box-img02,
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box-img03 {
    display: none;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-inner-box01 .BPO-box01-right .BPO-box-img04 {
    width: 85%;
    margin: 20px auto 0px;
    display: block;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-box-img01-pc {
    display: none;
  }
  .sub-BPO .sub-BPO-inner .BPO-box .BPO-box-img01-sp {
    display: block;
    width: 90%;
    margin: auto;
  }
}

/*---------------------------------------------
| FULFILLMENT-CONTACT
---------------------------------------------*/
.fulfillment-contact {
  padding: 60px 0px 120px;
  width: 100%;
  border-top: 3px solid #0d497a;
  position: relative;
}
.fulfillment-contact:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0d497a;
  top: 3px;
  left: 0px;
}
.fulfillment-contact .fulfillment-contact-inner {
  width: 940px;
  margin: auto;
}
.fulfillment-contact .fulfillment-contact-inner h3 {
  font-size: 24px;
  color: #04518c;
  font-weight: bold;
  margin-bottom: 15px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box {
  border: 1px solid #0d497a;
  padding: 12px 20px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left {
  width: 340px;
  float: left;
  padding: 15px 0px 0px 20px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left h4 {
  color: #0d497a;
  font-size: 24px;
  font-weight: bold;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left p {
  font-size: 18px;
  color: #0d497a;
  margin: 0px;
  line-height: 1.6;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right {
  width: 540px;
  float: right;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background: #0d497a;
  position: relative;
  color: #ffffff;
  display: block;
  padding: 17px 0px 13px;
  margin-bottom: 10px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right p {
  font-size: 15px;
  color: #04518c;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .fulfillment-contact .fulfillment-contact-inner {
    width: 95%;
    margin: auto;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box {
    border: 1px solid #0d497a;
    padding: 12px 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left {
    width: 40%;
    float: left;
    padding: 15px 0px 0px 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .fulfillment-contact {
    display: none;
    padding: 5px 0px 0px;
    width: 100%;
    border-top: 3px solid #0d497a;
    position: relative;
  }
  .fulfillment-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0d497a;
    top: 3px;
    left: 0px;
  }
  .fulfillment-contact .fulfillment-contact-inner {
    width: 95%;
    margin: auto;
  }
  .fulfillment-contact .fulfillment-contact-inner h3 {
    font-size: 16px;
    color: #04518c;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box {
    border: 1px solid #0d497a;
    padding: 20px 20px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left h4 {
    color: #0d497a;
    font-size: 16px;
    font-weight: bold;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-left p {
    font-size: 12px;
    color: #0d497a;
    margin: 0px;
    line-height: 1.6;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right {
    width: 100%;
    float: none;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0d497a;
    position: relative;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right .fulfillment-contact-btn img {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
  }
  .fulfillment-contact .fulfillment-contact-inner .fulfillment-contact-box .fulfillment-contact-right p {
    font-size: 12px;
    color: #04518c;
    line-height: 1.6;
  }
}

/*---------------------------------------------
| PRINCIPLE-MAIN-VISUAL
---------------------------------------------*/
.principle-main-visual {
  background: url("../img/principle/2x/principle01@2x.png") no-repeat center bottom;
  background-size: cover;
}
.principle-main-visual h2 {
  margin: 0px;
  position: relative;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 122px 0px 121px;
  font-weight: bold;
  text-shadow: 0px 1px 4px #0030ff;
}
.principle-main-visual h2 span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .principle-main-visual h2 {
    font-size: 24px;
    padding: 50px 0px;
  }
  .principle-main-visual h2 span {
    font-size: 12px;
    padding-top: 15px;
  }
}

/*---------------------------------------------
| SUB-PRINCIPLE
---------------------------------------------*/
.sub-principle {
  padding: 60px 0px;
}
.sub-principle .sub-principle-inner {
  width: 940px;
  margin: auto;
}
.sub-principle .sub-principle-inner .philosophy-title-box {
  padding: 70px 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: url("../img/principle/2x/principle02@2x.png") no-repeat;
  background-size: 100%;
  background-size: 100%;
  height: 400px;
  margin-bottom: 20px;
}
.sub-principle .sub-principle-inner .philosophy-title-box p {
  position: relative;
  font-size: 24px;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  width: 70%;
  margin: 0px auto 25px;
  color: #19aadd;
}
.sub-principle .sub-principle-inner .philosophy-title-box p:before {
  left: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 1px;
  background: #19aadd;
}
.sub-principle .sub-principle-inner .philosophy-title-box p:after {
  right: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 1px;
  background: #19aadd;
}
.sub-principle .sub-principle-inner .philosophy-title-box h2 {
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-principle .sub-principle-inner .philosophy-title-box h2 span {
  display: block;
}
.sub-principle .sub-principle-inner p {
  font-size: 16px;
  margin-bottom: 90px;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box {
  position: relative;
  font-size: 36px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 60px;
  font-weight: bold;
  height: 250px;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box:before {
  content: '';
  width: 12px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url("../img/principle/2x/principle03@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box:after {
  content: '';
  width: 12px;
  height: 250px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: url("../img/principle/2x/principle04@2x.png") no-repeat center bottom;
  background-size: 100%;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box p {
  position: relative;
  font-size: 24px;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  width: 70%;
  margin: 0px auto 25px;
  color: #19aadd;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box p:before {
  left: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 1px;
  background: #19aadd;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box p:after {
  right: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 1px;
  background: #19aadd;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box h3 {
  font-size: 24px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 25px;
  font-weight: bold;
}
.sub-principle .sub-principle-inner .corporate-goal-title-box h3 span {
  display: block;
}
.sub-principle .sub-principle-inner .principle-box {
  margin-bottom: 60px;
}
.sub-principle .sub-principle-inner .principle-box .principle-left {
  width: 470px;
  float: left;
}
.sub-principle .sub-principle-inner .principle-box .principle-left h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #19aadd;
}
.sub-principle .sub-principle-inner .principle-box .principle-left p {
  font-size: 16px;
}
.sub-principle .sub-principle-inner .principle-box .principle-right {
  float: right;
}
.sub-principle .sub-principle-inner .principle-box .principle-right img {
  width: 100%;
}
.sub-principle .sub-principle-inner .principle-box .principle-right .principle-right-img01 {
  margin-top: -20px;
}
.sub-principle .sub-principle-inner .principle-box .principle-right .principle-right-img02 {
  margin-top: -50px;
}
.sub-principle .sub-principle-inner .principle-list li {
  border: 1px solid #195281;
  border-radius: 10px;
  width: 290px;
  height: 520px;
  padding: 30px 20px;
  box-sizing: border-box;
  float: left;
  margin-right: 35px;
}
.sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-left img {
  display: block;
  margin: auto;
}
.sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-left h4 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #00a1d9;
  margin-top: 15px;
  margin-bottom: 20px;
}
.sub-principle .sub-principle-inner .principle-list li:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 959px) {
  .sub-principle {
    padding: 60px 0px;
  }
  .sub-principle .sub-principle-inner {
    width: 95%;
    margin: auto;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box {
    padding: 30px 0px;
    height: auto;
  }
  .sub-principle .sub-principle-inner .principle-box {
    margin-bottom: 60px;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-left {
    width: 50%;
    float: left;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-right {
    float: right;
    width: 47%;
  }
  .sub-principle .sub-principle-inner .principle-list li {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 32%;
    height: 640px;
    padding: 30px 20px;
    box-sizing: border-box;
    float: left;
    margin-right: 2%;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-left img {
    display: block;
    margin: auto;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-right h4 {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #00a1d9;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .sub-principle .sub-principle-inner .principle-list li:last-child {
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .sub-principle {
    padding: 15px 0px 0px;
  }
  .sub-principle .sub-principle-inner {
    width: 95%;
    margin: auto;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box {
    position: relative;
    padding: 0px;
    background: url("../img/principle/2x/principle11@2x.png") no-repeat;
    background-size: 100%;
    background-size: 100%;
    padding-top: 55%;
    height: auto;
    margin-bottom: 15px;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box p {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    width: 80%;
    margin: 0px auto 15px;
    color: #19aadd;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box p:before {
    left: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18%;
    height: 1px;
    background: #19aadd;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box p:after {
    right: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18%;
    height: 1px;
    background: #19aadd;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box h2 {
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 25px;
    font-weight: bold;
    margin: 0px;
  }
  .sub-principle .sub-principle-inner .philosophy-title-box h2 span {
    display: block;
  }
  .sub-principle .sub-principle-inner p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box {
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 15px;
    font-weight: bold;
    height: auto;
    background: url("../img/principle/2x/principle12@2x.png") no-repeat;
    padding-top: 38%;
    background-size: 100%;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box:before {
    content: none;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box:after {
    content: none;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box p {
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 15px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    width: 70%;
    margin: 0px auto 25px;
    color: #19aadd;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box p:before {
    left: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30%;
    height: 1px;
    background: #19aadd;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box p:after {
    right: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30%;
    height: 1px;
    background: #19aadd;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box h3 {
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 25px;
    font-weight: bold;
  }
  .sub-principle .sub-principle-inner .corporate-goal-title-box h3 span {
    display: block;
  }
  .sub-principle .sub-principle-inner .principle-box {
    margin-bottom: 30px;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-left {
    width: 100%;
    float: none;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-left h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #19aadd;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-left p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-right {
    width: 100%;
    float: none;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-right img {
    width: 90%;
    margin: auto;
    display: block;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-right .principle-right-img01 {
    margin-top: -20px;
  }
  .sub-principle .sub-principle-inner .principle-box .principle-right .principle-right-img02 {
    margin-top: -50px;
  }
  .sub-principle .sub-principle-inner .principle-list li {
    border: 1px solid #195281;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px 15px 15px 0px;
    box-sizing: border-box;
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-left {
    width: 53%;
    float: left;
    padding: 40px 0px 0px;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-left img {
    display: block;
    margin: auto;
    width: 24%;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-left h4 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #00a1d9;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-right {
    width: 47%;
    float: right;
  }
  .sub-principle .sub-principle-inner .principle-list li .principle-list-box .principle-list-box-right p {
    margin-bottom: 0px;
  }
  .sub-principle .sub-principle-inner .principle-list li:last-child {
    margin-right: 0px;
  }
}

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