@charset "UTF-8";
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/****************************************************
 * Stylesheet
 *
 * 1.リセット
 * 2.共通設定
 * 3.レイアウト設定
 * 4.テンプレートスタイル
 * 5.コンテンツスタイル
 * 6.SP共通設定
 * 7.SPレイアウト設定
 * 8.SPテンプレートスタイル
 * 9.SPコンテンツスタイル
 * 10.装飾
 * 11.印刷用調整
 * 
 ****************************************************/
/****************************************************
 * 1.リセット
 ****************************************************/
/*!
 YUI 3.18.1 (build f7e7bcb)
 Copyright 2014 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 http://yuilibrary.com/license/
 */
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

/****************************************************
 * 2.共通
 ****************************************************/
html {
  background-color: transparent;
  background-image: none;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333333; }

body {
  font-size: 1em;
   }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pcNone {
  display: none !important; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.imgCenter {
  display: block;
  margin: 1em auto; }

.imgLeft {
  float: left;
  margin: 0 1em 1em 0; }

.imgRight {
  float: right;
  margin: 0 0 1em 1em; }

input, textarea {
  outline: none; }
  input:focus, textarea:focus {
    outline: none; }

input[type="submit"] {
  -webkit-appearance: none; }

a {
  color: #333333;
  text-decoration: none;
  outline: none; }
  a:focus {
    outline: none; }
  a:hover {
    text-decoration: underline; }
    a:hover img {
      opacity: 0.6; }
  a[href^="tel:"] {
    cursor: default; }
    a[href^="tel:"]:hover {
      text-decoration: none; }
      a[href^="tel:"]:hover img {
        opacity: 1; }
  a img {
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

.inner {
  width: 1120px;
  margin: 0 auto; }

.left, .left_pc {
  float: left; }

.right, .right_pc {
  float: right; }

.cf:before, .cf:after {
  content: " ";
  display: table; }
.cf:after {
  clear: both; }

.radius {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
.anch {padding-top:100px;margin-top:-100px;}

/****************************************************
 * 3.レイアウト設定
 ****************************************************/
.container {
  width: 100%;
  min-width: 1120px;
  margin: 0 auto;
  padding: 100px 0 0 0; }

/****************************************************
 * 4.テンプレートスタイル
 ****************************************************/
/*ヘッダーブロック*/
header {
  width: 100%;
  height: 100px;
  min-width: 1120px;
  margin: 0 auto;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  header:before, header:after {
    content: " ";
    display: table; }
  header:after {
    clear: both; }
    header .global_navi .sp_navi_close {
      display: none; }
  header .sp_navi_open {
    display: none; }
header {background:rgba(255,255,255,0.7);}
header .inner {display:flex;justify-content:space-between;align-items: center;height:100%;}
header .global_navi ul {display:flex;justify-content:space-between;align-items: center;height:100%;}

header h1 {width:33%;float:none;margin-right:2%;}
header .global_navi {width:65%;height:100%;}
header .global_navi li {display:block;width:auto;height:100%;}
header .global_navi a  {width:100%;height:100%;padding:0 20px;display:flex;justify-content:center;align-items: center;text-align:center;flex-direction:column;font-weight:bold;}
header .global_navi li.top a {padding:0 30px;}
header .global_navi li.active a {background:#0160de;color:#FFF;}
header .global_navi .contact a img  {margin-bottom:10px;}

/*フッターブロック*/
footer {
  width: 100%;
  min-width: 1120px;
  margin: 0 auto;
  background-color: #ffffff; }
  footer .copyright {
    text-align: center; }
footer {background:#f2f2f2;}
footer .pagetop {text-align:center;}
footer .pagetop img {margin-top:-30px;}
footer .inner {display:flex;justify-content:space-between;align-items: center;padding:40px 0 20px 0;}
footer .f_navi {text-align:right;line-height:1.6;}
footer .f_navi li {display:inline-block;margin-left:30px;padding:5px 0;}
footer address {padding:20px 0;text-align:left;}
footer .copyright {background:#0160de;color:#fff;padding:10px 0;}
footer .ssl {margin: 20px 0px 0px 24px; 
display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  }
@media screen and (max-width: 640px) {
footer .inner {display:block;padding:20px 0;}
footer .footer_address {text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;}
footer .f_navi {text-align:center;}
footer .f_navi ul {display:flex;flex-wrap:wrap;justify-content:center;}
	footer .f_navi li {width:calc(100% / 3);margin-left:0;}
	footer .ssl {
margin-top: 20px; 
display: flex;
flex-wrap: wrap;
justify-content: center;
  }
}

/****************************************************
 * 5.コンテンツスタイル
 ****************************************************/
/*Indexページ*/
/*contents*/
.fit {object-fit: cover;}
#index section a:hover {text-decoration:none;opacity:0.8;}
#index h3 {font-size:30px;font-weight:bold;}
#index h3 span {font-size:20px;margin-left:20px;display:inline-block;vertical-align:baseline;}
.top1 {padding:60px 0 50px 0;text-align:center;margin-top:-43px;position:relative;}
.top1 div {width:700px;font-size:20px;margin:0 auto;}
.top1:before {content: ""; position: absolute;top:0;left: 0;width:100%;height:40%;z-index: -1;background:url(../img/top_bg1.png) no-repeat left top;background-size:auto 100%;}
.top1:after {content: ""; position: absolute;bottom: 0;right: 0;width:100%;height:40%;z-index: -1;background:url(../img/top_bg2.png) no-repeat right bottom;background-size:auto 100%;}
.top2 {margin-bottom:80px;}
.top2 .fit {width:100%;height:288px;}
.top2 .ttl {background:#80dcf3;padding:50px 0 100px 0;text-align:center;margin-top:-2px;}
.top2 h3 {color:#fff;text-align:left;}
.top2 h3 span  {color:#fff;}
.top2 ul {display:flex;justify-content:space-between;margin-top:-60px;}
.top2 li {width:23.5%;background:#fff;box-shadow:8px 8px 8px rgba(0, 0, 0, .1);}
.top2 li a {display:block;color:#0460d9;font-size:22px;padding:30px 60px;text-align:center;font-weight:bold;position:relative;}
.top2 li a span {display:block;color:#05aff2;font-size:20px;border-bottom:1px #05aff2 solid;padding-bottom:5px;margin-bottom:10px;font-weight:normal;}
.top2 li a:after {content:"＞";font-size:14px;font-weight:normal;color:#0460d9;position:absolute;right:46px;bottom:38px;}
.top3 {position:relative;margin-bottom:70px;}
.top3 h3 {font-size:30px;line-height:1.3;color:#333;position:absolute;top: -20px;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);}
#index .top3 h3 span {display:block;text-align:center;margin-left:0;}
.top3 .fit {width:100%;height:511px;}
.top3 div {position:absolute;top:32%;left:65%;font-size:18px;}

.top4 {position:relative;margin-bottom:70px;}
.top4 .fit {width:100%;height:548px;}
.top4 div.inner {color:#fff;font-size:18px;position:absolute;top: 50%;left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
.top4 h3 {color:#fff;border-bottom:1px #fff solid;display:inline-block;padding-right:20px;margin-bottom:20px;}
.top5 {margin-bottom:90px;}
.top5 .inner {display:flex;justify-content:space-between;}
.top5 .inner .news {width:52%;}
.top5 .inner .contact {width:37%;}
.top5 .news h3 {display:inline-block;color:#05aff2;font-size:30px;font-weight:bold;padding-right:20px;margin-bottom:50px;border-bottom:1px #05aff2 solid;}
.top5 .news h3 span {font-size:20px;margin-left:20px;}
.top5 .news li {display:flex;justify-content:flex-start;font-size:18px;padding:15px 0;border-bottom:1px #ddd solid;}
.top5 .news span {width:130px;}
.top5 .news p {width:calc(100% - 130px);margin-bottom:0!important;}
.top5 .contact {background:#00b1f5;padding:30px 55px;color:#fff;text-align:center;}
.top5 .contact h3 {display:block;color:#fff;font-size:30px;font-weight:bold;padding-right:0;padding-bottom:15px;margin-bottom:20px;border-bottom:2px #fff solid;}
#index .top5 .contact h3 span {display:block;font-size:20px;margin-left:0;}

.link {text-align:center;}
.link a {display:inline-block;padding:4px 80px;background:#fff;border:2px #999 solid;border-radius:26px;color:#0460d9;position:relative;font-weight:bold;}
.link a:after {content:url(../img/arrow.png);position:absolute;right:20px;top:3px;}
.top4 .link {text-align:left;}
.top5 .link a {border-color:#00b1f5;}
#index .top5 p {margin-bottom:20px;}
#index .top5 .link {margin-bottom:0;}

#contents .page_ttl {
  width: 100%;
  min-width: 1120px; }
#contents .pankuzu a:after {
  margin: 0 0.5em;
  content: '>';
  display: inline-block; }
#contents p, #index p {margin-bottom: 2em;}
p, dd {line-height:2;}

.page_ttl {position:relative;margin:0 auto;text-align:center;}
.page_ttl h2 {font-size:36px;font-weight:bold;letter-spacing:3px;color:#fff;position:absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.page_ttl h2 span {display:block;font-size:26px;opacity:0.8;line-height:1.7;letter-spacing:1px;}
.page_ttl img {object-fit: cover;height:380px;width:100%;}
#index .page_ttl img {height:auto;}
#index .page_ttl h2 {top:5%;transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);}
#index .page_ttl h2 img {width:759px;height:auto;}

@media screen and (max-width: 640px) {
#index .page_ttl img {height:220px;}
#index .page_ttl h2 {width:100%;}
#index .page_ttl h2 img {width:100%;height:auto;}
.top1:before {content: ""; position: absolute;top:23px;left:0;width:100%;height:80%;z-index: -1;background:url(../img/top_bg1.png) no-repeat left top;background-size:100% auto;}
.top1:after {content: ""; position: absolute;bottom: 0;right: 0;width:85%;height:50%;z-index: -1;background:url(../img/top_bg2.png) no-repeat right bottom;background-size:100% auto;}
.top1 {padding-bottom:40px;}
.top1 div {width:90%;font-size:18px;}
.top2 .ttl {padding:30px 0 60px 0;}
.top2 .fit {height:150px;margin-top:-1px;}
.top2 ul {flex-wrap:wrap;margin-top:-40px;}
.top2 li {width:49%;margin-bottom:20px;}
.top2 li a {font-size:20px;padding:15px 30px;}
.top2 li a span {font-size:17px;}
.top2 li a:after {right:20px;bottom:20px;}
.top3 .fit {height:400px;}
.top3 div {top:30%;right:5%;left:auto;width:90%;padding:20px;text-align:center;background:rgba(255,255,255,0.5);}
.top4 .fit {height:420px;}
.top5 .inner {display:block;}
.top5 .inner .news, .top5 .inner .contact {width:100%;}
.top5 .news {margin-bottom:50px;}
.top5 {margin-bottom:80px;}
}

.pankuzu {padding:20px 0;}

@media screen and (max-width: 640px) {
.page_ttl img {object-fit: cover;height:180px;}
.page_ttl h2 {font-size:26px;}
.page_ttl h2 span {font-size:18px;}
}

article {margin-bottom:120px;}
article section {padding-top:50px;}
article h3 {color:#05aff2;font-size:30px;font-weight:bold;display:inline-block;border-bottom:1px #0460d9 solid;margin-bottom:60px;height:50px;line-height:40px;padding-right:20px;min-width:300px;}
article h3 span {font-size:20px;margin-left:20px;display:inline-block;vertical-align:baseline;}
@media screen and (max-width: 640px) {
article {margin-bottom:80px;}
article section {padding-top:30px;}
article h3 {font-size:24px;margin-bottom:50px;height:40px;line-height:40px;}
article h3 span {font-size:16px;}
}

article.company {margin-bottom:0;}
.company dl {display:flex;justify-content:start;flex-wrap:wrap;border-top:1px #0460d9 solid;margin-bottom:50px;}
.company dt {width:20%;background:#e6eff5;color:#0460d9;font-size:18px;padding:15px 20px;border-bottom:1px #0460d9 solid;}
.company dt span {display:inline-block;width:42px;text-align:right;}
.company dd {width:80%;font-size:16px;padding:15px 20px;border-bottom:1px #0460d9 solid;}
#contents .company dd p {margin-bottom:15px;}
#contents .company dd p:last-child {margin-bottom:0;}
.company .access {background:#e6eff5;padding:60px 0 120px 0;}
.company .access .mapframe {background:#fff;padding:60px 100px;}
.company .access .mapframe:not(:first-child) {padding-top:0;}
.company .access .mapframe span {font-size:20px;color:#0460d9;margin-right:30px;}
.mapbox {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-top:20px;}
.mapbox iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width: 640px) {
.company dl {display:block;margin-bottom:50px;}
.company dt {width:100%;background:#e6eff5;color:#0460d9;font-size:18px;padding:10px 15px;}
.company dd {width:100%;padding:15px;}
.company .access {padding:60px 0 80px 0;}
.company .access .mapframe {padding:30px 20px;}
.company .access .mapframe span {display:block;}
}

.recruit .zuiji {display:inline-block;padding:10px 40px;font-size:26px;font-weight:bold;border:1px #333 solid;margin-bottom:20px;}
.recruit section {margin-bottom:80px;}
.recruit .contactbox {background:#00b1f5;display:flex;justify-content:center;align-items:center;padding:20px;color:#fff;text-align:center;}
.recruit .contactbox dt {width:33%;border-right:1px #fff solid;font-size:30px;padding:20px 0;}
.recruit .contactbox dt span {font-size:20px;display:block;}
.recruit .contactbox dd {width:67%;}
#contents .recruit .contactbox dd p {margin-bottom:0;}
.recruit .contactbox a {display:inline-block;font-size:17px;font-weight:bold;color:#0460d9;background:#fff;padding:10px 90px;border-radius:24px;margin-bottom:12px;position:relative;}
.recruit .contactbox a:after {content:url(../img/arrow.png);position:absolute;right:20px;top:8px;}
.recruit .contactbox a:hover {text-decoration:none;opacity:0.8;}

@media screen and (max-width: 640px) {
.recruit .contactbox {display:block;padding:10px 20px;}
.recruit .contactbox dt {width:100%;border-right:0px #fff solid;border-bottom:1px #fff solid;font-size:24px;padding:20px 0;}
.recruit .contactbox dt span {font-size:16px;}
.recruit .contactbox dd {width:100%;padding:20px 0;}

}

.privacy dt {font-size:20px;color:#006ca3;font-weight:bold;margin-bottom:12px;}

.business .box {position:relative;padding-top:80px;width:100%;margin-bottom:120px;}
.business .box img {position:absolute;z-index:10;}
.business .box dl {width:811px;}
.business .box dt {color:#05AFF2;font-size:24px;font-weight:bold;border-bottom:1px #ccc solid;padding-bottom:10px;margin-bottom:80px;}
.business .box dt span {display:inline-block;position:relative;padding-left:23px;}
.business .box img.business1 {top:0;left:93px;}
.business .box img.business2 {top:0;right:72px;}
.business .box img.business3 {top:16px;left:0;}
.business .box img.business4 {top:-10px;right:-10px;}
.business .box img.business5 {top:-10px;left:-10px;}
.business .box img.business6 {top:-10px;right:-10px;}
.business .box_r dl {margin-left:calc(100% - 811px);}
.business .box_r dt {margin-left:26%;}
.business .box_l dl {margin-right:calc(100% - 811px);}
.business .box_l dt {margin-right:28%;text-align:right;}
.business .box dt span:before {content:"";width:12px;height:26px;background:#0360d9;position:absolute;top:3px;left:0;}
.business .box dd {position:relative;width:100%;}
.business .box dd img {position:static;}
.business .box dd p {width:67%;background:#fff;padding:15px 30px;font-size:16px;position:absolute;top: 50%;left:27%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align:left;}
.business .box_l dd p {left:7%;}

@media screen and (max-width: 640px) {
.business .box {position:static;padding-top:0;width:100%;margin-bottom:60px;}
.business .box dl {width:100%;}
.business .box dt {font-size:20px;margin-bottom:20px;height:auto;}
.business .box_r dl {margin-left:0;}
.business .box_r dt {margin-left:0;}
.business .box_l dl {margin-right:0;}
.business .box_l dt {margin-right:0;text-align:left;}
.business .box dd {position:static;text-align:center;}
.business .box dd p {position:static;width:100%;text-align:left;background:transparent;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);padding:10px;}
.business .box dd img {margin:0 auto;}
}

.contact .emph {color:red;}
.contact table {width:100%;}
.contact th {padding:20px 0 10px 0;}
.contact td {padding:10px 0 22px 0;border-bottom:1px #f2f2f2 solid;position:relative;}
.contact input {background:#f2f2f2;padding:10px;border:none;width:100%;}
.contact input[type=radio] {width:auto;margin-left:50px;}
.contact input::placeholder {color:#888;}
.contact textarea {background:#f2f2f2;padding:10px;border:none;width:100%;height:200px;}
.contact .check {text-align:center;padding-top:60px;border-bottom:none;}
.contact .submit {text-align:center;padding-top:20px;}
.contact .check input, .contact .submit input {width:auto;}
.contact .check a {color:#0460d9;}
.contact .submit input {background:#0160de;padding:20px 70px;font-size:22px;color:#fff;font-weight:bold;cursor:pointer;}
.contact .submit input:hover {opacity:0.8;}
.contact td.error:after {content:"未入力です";position:absolute;left:0;bottom:0;color:red;}
.contact td.check.error:after {content:"未チェックです";position:absolute;left:0;right:0;bottom:0;margin:auto;color:red;}
.contact label.error {display: block;margin: .3em 0 0 0;color: #d70d19;position:absolute;left:0;bottom:0;font-size:13px;}

@media screen and (max-width: 640px) {
  /****************************************************
   * 6.SP共通設定
   ****************************************************/
  html {
    font-size: 14px; }

  html, body {
    height: 100%; }

  body {
    -webkit-text-size-adjust: 100%;
    overflow-x:hidden; }

  .pcNone {
    display: block !important; }

  .spNone {
    display: none !important; }

  .imgCenter, .imgLeft, .imgRight {
    float: none;
    display: block;
    margin: 1em auto; }

  .inner {
    width: 94%; }

  .left_pc, .right_pc {
    float: none; }

  .anchor {
    margin: -70px 0;
    padding: 70px 0; }

  .mailform input[type="text"] {
    width: 100%; }

  /*ブロックグリッド 1～6まで*/
  .sp-block-grid-1 > li {
    width: 100%; }
    .sp-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .sp-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .sp-block-grid-2 > li {
    width: 50%; }
    .sp-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .sp-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .sp-block-grid-3 > li {
    width: 33.33333%; }
    .sp-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .sp-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .sp-block-grid-4 > li {
    width: 25%; }
    .sp-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .sp-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .sp-block-grid-5 > li {
    width: 20% !important; }
    .sp-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .sp-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .sp-block-grid-6 > li {
    width: 16.66667%; }
    .sp-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .sp-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  /****************************************************
   * 7.SPレイアウト設定
   ****************************************************/
  .container {
    min-width: 320px;
    padding: 70px 0 0 0; }
    .container > .containerIn {
      width: 100%;
      margin: 0 auto; }
    .container .row > .column > .colIn {
      padding: 0 10%; }
    .container .row .col_1, .container .row .col_2, .container .row .col_3, .container .row .col_4, .container .row .col_5, .container .row .col_6, .container .row .col_7, .container .row .col_8, .container .row .col_9, .container .row .col_10, .container .row .col_11, .container .row .col_12 {
      width: 100%; }

  /****************************************************
   * 8.SPテンプレートスタイル
   ****************************************************/
  /*ヘッダーブロック　SP*/
  header {
    min-width: 320px;
    height: 70px; }
    header h1 {width: auto;max-width:60%;}
    header .global_navi {
      width: 80%;
      height: 100%;
      margin: 0 auto;
      padding: 100px 0 0 0;
      background: none;
      background-color: #666666;
      position: fixed;
      top: 0;
      right: -100%;
      z-index: 9999;
      transition: all 0.6s; }
    header .global_navi.naviactive {right:0;}
      header .global_navi ul {
        width: 100%;
        margin: 0 auto;
        display: block;
        border-top: solid 1px #ffffff; }
        header .global_navi ul li {
          width: 100% !important;
          height: auto;
          margin: 0 auto;
          float: none;
          display: block;
          border-bottom: solid 1px #ffffff; }
          header .global_navi ul li:before {
            content: none; }
          header .global_navi ul li a {
            padding: 0.5em 0;
            color: #ffffff;
            text-indent: 1em;
            overflow: visible;
            white-space: normal;
            display: block; }
            header .global_navi ul li a:hover {
              background: none;
              background-color: #333333; }
      header .global_navi .sp_navi_close {
        display: block;
        position: absolute;
        top: 20px;
        right: 3%; }
        header .global_navi .sp_navi_close a img {
          width: 30px;
          height: 30px; }
    header .sp_navi_open {
      display: block;
      position: absolute;
      top: 20px;
      right: 3%;
      z-index: 9998; }
      header .sp_navi_open a img {
        width: 30px;
        height: 30px; }

  /*フッターブロック　SP*/
  footer {
    min-width: 320px; }
    footer .footer_address {
      width: 100%;
      float: none; }
    footer .footer_link {
      width: 100%;
      float: none; }

  /****************************************************
   * 9.SPコンテンツスタイル
   ****************************************************/
  /*Indexページ　SP*/
  /*contents　SP*/
  #contents .page_ttl {
    width: 100%;
    min-width: 320px; }
  #contents .table01 tbody tr th {
    width: 30%;
    padding: 0.5em 1em; }
  #contents .table01 tbody tr td {
    padding: 0.5em 1em; } }
/****************************************************
 * 10.装飾
 ****************************************************/
.underline {
  text-decoration: underline; }

.bold {
  font-weight: 700; }

.colorRed {
  color: #ff0000; }

.ta-l {
  text-align: left; }

.ta-r {
  text-align: right; }

.ta-c {
  text-align: center; }

.ta-j {
  text-align: justify;
  text-align-last: justify; }

/****************************************************
 * 11.印刷用調整
 ****************************************************/
@media print {
  @page {
    /* A4縦サイズ */
    size: 210mm 297mm; }
  body {
    margin: 0 !important;
    padding: 0 !important; }

  * {
    -webkit-print-color-adjust: exact; }

  .container {
    padding: 0; }

  #header {
    position: static; }

  img {
    display: block; } }