@charset "UTF-8";
/* ====================================================
　ボタンスタイル
==================================================== */
/* =======================================================
	ボタン
========================================================== */
input[type=reset],
input[type=submit],
input[type=button],
.button {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #3f88d3;
  font-size: 18px;
  line-height: 1;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer; }
  input[type=reset].block,
  input[type=submit].block,
  input[type=button].block,
  .button.block {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center; }
  input[type=reset] img,
  input[type=submit] img,
  input[type=button] img,
  .button img {
    vertical-align: middle; }

input[type=reset],
input[type=submit],
input[type=button] {
  line-height: 0.9; }

@media print, screen and (min-width: 768px) {
  input[type=reset],
  input[type=submit],
  input[type=button],
  .button {
    padding: 1em; }
    input[type=reset]:hover,
    input[type=submit]:hover,
    input[type=button]:hover,
    .button:hover {
      opacity: 0.9; }
    input[type=reset].sp,
    input[type=submit].sp,
    input[type=button].sp,
    .button.sp {
      display: none; }
    input[type=reset].pc,
    input[type=submit].pc,
    input[type=button].pc,
    .button.pc {
      display: inline; }
      input[type=reset].pc.image,
      input[type=submit].pc.image,
      input[type=button].pc.image,
      .button.pc.image {
        padding: 0; }
      input[type=reset].pc.block,
      input[type=submit].pc.block,
      input[type=button].pc.block,
      .button.pc.block {
        display: block; } }
@media screen and (max-width: 767px) {
  input[type=reset],
  input[type=submit],
  input[type=button],
  .button {
    padding: 1em; }
    input[type=reset].pc,
    input[type=submit].pc,
    input[type=button].pc,
    .button.pc {
      display: none; }
    input[type=reset].sp,
    input[type=submit].sp,
    input[type=button].sp,
    .button.sp {
      display: inline; }
      input[type=reset].sp.block,
      input[type=submit].sp.block,
      input[type=button].sp.block,
      .button.sp.block {
        display: block; } }
/* ====================================================
	ボタンボックス
==================================================== */
.buttonBox.narrow {
  margin: 15px 0; }
.buttonBox p {
  text-align: center; }
.buttonBox ul {
  text-align: center;
  font-size: 0; }
.buttonBox li {
  display: inline-block; }
  .buttonBox li .button {
    display: block;
    font-size: 14px; }

.buttonBox .col1 li {
  width: 100%; }
.buttonBox .col2 li {
  width: 50%; }
.buttonBox .col3 li {
  width: 33.333%; }
.buttonBox .col4 li {
  width: 25%; }
.buttonBox .col5 li {
  width: 20%; }
.buttonBox li {
  padding: 0 5px; }

@media print, screen and (min-width: 768px) {
  .buttonBox {
    margin: 60px 0; }
    .buttonBox .col1.pcBlock li,
    .buttonBox .col2.pcBlock li,
    .buttonBox .col3.pcBlock li,
    .buttonBox .col4.pcBlock li,
    .buttonBox .col5.pcBlock li {
      width: 100%;
      margin: 10px 0; } }
@media screen and (max-width: 767px) {
  .buttonBox {
    margin: 30px 0; }
    .buttonBox .col1.spBlock li,
    .buttonBox .col2.spBlock li,
    .buttonBox .col3.spBlock li,
    .buttonBox .col4.spBlock li,
    .buttonBox .col5.spBlock li {
      width: 100%;
      margin: 10px 0; } }
/*
////////////////////////////////////
//
//　コピーライト
//
////////////////////////////////////
@import "widget/_copyright";

////////////////////////////////////
//
//　２列ボタンリンク
//
////////////////////////////////////
@import "widget/_nav_2colLink";

////////////////////////////////////
//
//　１列テキストリンク
//
////////////////////////////////////
@import "widget/_nav_textLink";

////////////////////////////////////
//
//　フォームパーツ
//
////////////////////////////////////
@import "widget/_form"; 

////////////////////////////////////
//
//　グローバルナビ
//
////////////////////////////////////
@import "widget/_gnav01";

////////////////////////////////////
//
//　GoogleMap埋め込み
//
////////////////////////////////////
@import "widget/_googlemap"; 

////////////////////////////////////
//
//　3＠グリッド
//
////////////////////////////////////
@import "widget/_grid";

////////////////////////////////////
//
//　お知らせトピックス
//
////////////////////////////////////
@import "widget/_informationTopics";

////////////////////////////////////
//
//　リスト
//
////////////////////////////////////
@import "widget/_list";

////////////////////////////////////
//
//　メインイメージ
//
////////////////////////////////////
@import "widget/_mainImg";

////////////////////////////////////
//
//　スライドメニュー　ヘッダ固定
//
////////////////////////////////////
@import "widget/_menu_fixHeader";
*/
/* =======================================================
	ページトップ　pageTop
========================================================== */
.pageTopFix {
  background-image: url(../img/footer/pagetop.png);
  background-size: contain;
  position: fixed;
  z-index: 8000;
  text-indent: -9999px;
  cursor: pointer;
  bottom: 80px;
  right: 50px;
  width: 80px;
  height: 80px; }

/* =======================================================
	写真フレーム
========================================================== */
.photoFrame {
  text-align: center; }
  .photoFrame img {
    border: 2px solid #cccccc;
    background: #ffffff;
    padding: 2px; }
  @media screen and (min-width: 641px) {
    .photoFrame {
      /**/ }
      .photoFrame.right {
        float: right;
        margin: 0 0 1.5em 1.5em; }
      .photoFrame.left {
        float: left;
        margin: 0 1.5em 1.5em 0; } }
  @media screen and (max-width: 640px) {
    .photoFrame {
      /**/
      display: block;
      float: none;
      margin: 0 0 1.5em;
      text-align: center; }
      .photoFrame img {
        width: 80%;
        height: auto; } }

@media screen and (min-width: 641px) {
  .photo {
    /**/ }
    .photo.right {
      float: right;
      margin: 0 0 1.5em 1.5em; }
    .photo.left {
      float: left;
      margin: 0 1.5em 1.5em 0; } }
@media screen and (max-width: 640px) {
  .photo {
    /**/
    display: block;
    float: none;
    margin: 0 0 1.5em;
    text-align: center; }
    .photo img {
      width: 80%;
      height: auto; } }

.photo,
.photoFrame {
  line-height: 1.3;
  font-size: 12px; }
  .photo span,
  .photoFrame span {
    display: block;
    margin-top: 3px; }
    @media screen and (min-width: 641px) {
      .photo span,
      .photoFrame span {
        /**/
        text-align: left; } }
    @media screen and (max-width: 640px) {
      .photo span,
      .photoFrame span {
        /**/
        text-align: center; } }

/*
////////////////////////////////////
//
//　プレテキスト
//
////////////////////////////////////
@import "widget/_preText";

*/
/* ====================================================
　テーブルテーブル
==================================================== */
.borderHorizon th, .borderHorizon td {
  border-top-width: 1px;
  border-bottom-width: 1px; }

.borderBox th, .borderBox td {
  border-width: 1px; }

.borderSolid th, .borderSolid td {
  border-style: solid; }

.borderDotted th, .borderDotted td {
  border-style: dotted; }

.borderDashed th, .borderDashed td {
  border-style: dashed; }

.borderHorizon th, .borderHorizon td,
.borderBox th,
.borderBox td,
.borderDotted th,
.borderDotted td,
.borderDashed th,
.borderDashed td {
  border-color: #dddddd; }

.borderHorizon,
.borderBox {
  width: 100%;
  margin-bottom: 2em; }
  .borderHorizon th,
  .borderBox th {
    text-align: left;
    font-weight: normal; }
  .borderHorizon td,
  .borderBox td {
    font-weight: normal; }
  @media print, screen and (min-width: 768px) {
    .borderHorizon,
    .borderBox {
      /**/
      margin: 0 auto 1em; }
      .borderHorizon th,
      .borderBox th {
        padding: 10px 10px;
        font-size: 14px;
        vertical-align: top; }
      .borderHorizon td,
      .borderBox td {
        padding: 10px 10px;
        font-size: 14px; } }
  @media screen and (max-width: 767px) {
    .borderHorizon,
    .borderBox {
      /**/ }
      .borderHorizon th,
      .borderBox th {
        padding: 5px 15px;
        background: #f7f7f7; }
      .borderHorizon td,
      .borderBox td {
        padding: 15px; } }

@media screen and (max-width: 767px) {
  /**/
  .spBlock {
    display: block;
    width: 100%;
    margin: 0 auto 1em; }
    .spBlock tbody, .spBlock tr, .spBlock th, .spBlock td {
      display: block; }
    .spBlock.borderHorizon {
      border-top: none; }
      .spBlock.borderHorizon th {
        border-top-width: 1px; }
      .spBlock.borderHorizon td {
        margin-bottom: 1em;
        border-bottom: none; }
    .spBlock.borderBox th {
      border-bottom: none; }
    .spBlock.borderBox td {
      margin-bottom: 1em; } }
/* ====================================================
  SPのときTHをサイドに作る
==================================================== */
@media print, screen and (min-width: 768px) {
  .spSideThCreate {
    /**/ }
    .spSideThCreate th {
      width: auto; } }
@media screen and (max-width: 767px) {
  .spSideThCreate {
    /**/ }
    .spSideThCreate th {
      display: none; }
    .spSideThCreate td {
      position: relative;
      overflow: hidden;
      margin-bottom: -1px !important;
      padding-left: 7em;
      text-align: center; }
      .spSideThCreate td:before {
        content: attr(title);
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        background: #f0f0f0;
        width: 6em;
        height: 100%;
        padding: 15px 0;
        text-align: center; } }

table.organization th, table.organization td {
  padding: 0 0.5em; }
table.organization th {
  background: #4b4b4b;
  color: #ffffff; }

.pageOutline table.executive {
  position: relative;
  width: 774px;
  margin-right: -2px;
  margin-left: -2px;
  margin-bottom: 50px;
  padding-bottom: 1px; }
  .pageOutline table.executive caption {
    text-align: right; }
  .pageOutline table.executive:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    height: 0; }
  .pageOutline table.executive tr:nth-child(odd) {
    background: #f5f5f5; }
  .pageOutline table.executive th, .pageOutline table.executive td {
    border: 2px solid #ffffff;
    padding: 0.5em 0.75em;
    font-size: 15px; }
  .pageOutline table.executive th {
    background: #4b4b4b;
    color: #ffffff; }
  .pageOutline table.executive th:nth-child(1) {
    width: 128px; }
  .pageOutline table.executive th:nth-child(2) {
    width: 216px; }

.pageAnalysis table.regist, .pageAnalysis table.subject, .pageAnalysis table.price {
  position: relative;
  width: 774px;
  margin-right: -2px;
  margin-left: -2px;
  margin-bottom: 50px;
  padding-bottom: 1px; }
  .pageAnalysis table.regist caption, .pageAnalysis table.subject caption, .pageAnalysis table.price caption {
    text-align: right; }
  .pageAnalysis table.regist:after, .pageAnalysis table.subject:after, .pageAnalysis table.price:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    height: 0; }
  .pageAnalysis table.regist tr:nth-child(odd), .pageAnalysis table.subject tr:nth-child(odd), .pageAnalysis table.price tr:nth-child(odd) {
    background: #f5f5f5; }
  .pageAnalysis table.regist th, .pageAnalysis table.regist td, .pageAnalysis table.subject th, .pageAnalysis table.subject td, .pageAnalysis table.price th, .pageAnalysis table.price td {
    border: 2px solid #ffffff;
    padding: 0.5em 0.75em;
    font-size: 15px; }
  .pageAnalysis table.regist th, .pageAnalysis table.subject th, .pageAnalysis table.price th {
    background: #4b4b4b;
    color: #ffffff; }
.pageAnalysis table.regist th:nth-child(1) {
  width: 143px; }
.pageAnalysis table.regist th:nth-child(2) {
  width: 119px; }
.pageAnalysis table.regist th:nth-child(3) {
  width: 238px; }
.pageAnalysis table.subject th:nth-child(1) {
  width: 189px; }
.pageAnalysis table.subject th:nth-child(2) {
  width: 313px; }
.pageAnalysis table.price {
  width: 380px;
  float: left;
  margin-bottom: 10px; }
  .pageAnalysis table.price:nth-of-type(even) {
    float: right; }
  .pageAnalysis table.price + p {
    clear: both; }
  .pageAnalysis table.price td:nth-child(even) {
    text-align: right;
    width: 40%; }
.pageAnalysis table.analysis th, .pageAnalysis table.analysis td {
  padding: 0.5em 0.75em; }
.pageAnalysis table.analysis th {
  border: 1px solid #ffffff;
  background: #f5f5f5;
  padding: 1em;
  text-align: left;
  font-weight: normal; }
.pageAnalysis table.analysis td {
  border: 1px solid #f5f5f5; }
.pageAnalysis table.analysis tr:first-of-type th {
  border-top: 1px solid #f5f5f5; }
.pageAnalysis table.analysis tr:last-of-type th {
  border-bottom: 1px solid #f5f5f5; }

.pageMember table.member {
  position: relative;
  width: 774px;
  margin-right: -2px;
  margin-left: -2px;
  margin-bottom: 50px;
  padding-bottom: 1px; }
  .pageMember table.member caption {
    text-align: right; }
  .pageMember table.member:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    height: 0; }
  .pageMember table.member tr:nth-child(odd) {
    background: #f5f5f5; }
  .pageMember table.member th, .pageMember table.member td {
    border: 2px solid #ffffff;
    padding: 0.75em 0.75em;
    font-size: 13px; }
  .pageMember table.member th {
    background: #3f88d3;
    color: #ffffff; }
.pageMember table td:nth-child(1) {
  width: 185px; }
.pageMember table td:nth-child(2) {
  width: 100px; }
.pageMember table td:nth-child(3) {
  width: 285px; }

.pageSupporting table.member {
  position: relative;
  width: 774px;
  margin-right: -2px;
  margin-left: -2px;
  margin-bottom: 50px;
  padding-bottom: 1px; }
  .pageSupporting table.member caption {
    text-align: right; }
  .pageSupporting table.member:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    height: 0; }
  .pageSupporting table.member tr:nth-child(odd) {
    background: #f5f5f5; }
  .pageSupporting table.member th, .pageSupporting table.member td {
    border: 2px solid #ffffff;
    padding: 0.5em 0.75em;
    font-size: 15px; }
  .pageSupporting table.member th {
    background: #4b4b4b;
    color: #ffffff; }
  .pageSupporting table.member th, .pageSupporting table.member td {
    padding: 0.75em 0.75em;
    font-size: 13px; }
.pageSupporting table td:nth-child(1) {
  width: 185px; }
.pageSupporting table td:nth-child(2) {
  width: 100px; }
.pageSupporting table td:nth-child(3) {
  width: 285px; }

.pageApproval table {
  margin-top: 30px; }
  .pageApproval table.pass_rate {
    position: relative;
    width: 774px;
    margin-right: -2px;
    margin-left: -2px;
    margin-bottom: 50px;
    padding-bottom: 1px; }
    .pageApproval table.pass_rate caption {
      text-align: right; }
    .pageApproval table.pass_rate:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 1px;
      border-bottom: 1px solid #f5f5f5;
      width: 100%;
      height: 0; }
    .pageApproval table.pass_rate tr:nth-child(odd) {
      background: #f5f5f5; }
    .pageApproval table.pass_rate th, .pageApproval table.pass_rate td {
      border: 2px solid #ffffff;
      padding: 0.5em 0.75em;
      font-size: 15px; }
    .pageApproval table.pass_rate th {
      background: #4b4b4b;
      color: #ffffff; }
    .pageApproval table.pass_rate th {
      border-bottom: solid 2px #4b4b4b; }
    .pageApproval table.pass_rate th:nth-child(1) {
      background: #fff; }
    .pageApproval table.pass_rate th:nth-child(2) {
      background: #fff; }
    .pageApproval table.pass_rate td {
      text-align: center; }
      .pageApproval table.pass_rate td.series {
        vertical-align: middle;
        background: #eee; }

/* =======================================================
	タイトル
========================================================== */
h2 {
  margin-bottom: 30px;
  line-height: 1.25;
  font-size: 20px; }

h3 {
  margin-bottom: 23px;
  line-height: 1.25;
  font-size: 30px; }

h4 {
  margin-bottom: 15px;
  line-height: 1.25;
  font-size: 20px; }

h5 {
  margin-bottom: 12px;
  line-height: 1.25;
  font-size: 16px; }

h6 {
  margin-bottom: 12px;
  line-height: 1.25;
  font-size: 12px; }

.pageIndex .facebookBox h1,
.pageIndex .menuBox h1 {
  margin-bottom: 10px;
  font-size: 0; }

.pageOutline .contentsBox h1,
.pageAnalysis .contentsBox h1,
.pageSupporting .contentsBox h1,
.pageMember .contentsBox h1,
.pageApproval .contentsBox h1 {
  clear: both;
  background: url(../img/contents/line-title.png) bottom repeat-x;
  margin-top: 3.5em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  line-height: 1.25;
  color: #3f88d3;
  font-size: 20px; }
  .pageOutline .contentsBox h1:first-of-type,
  .pageAnalysis .contentsBox h1:first-of-type,
  .pageSupporting .contentsBox h1:first-of-type,
  .pageMember .contentsBox h1:first-of-type,
  .pageApproval .contentsBox h1:first-of-type {
    margin-top: 0; }
  .pageOutline .contentsBox h1 small,
  .pageAnalysis .contentsBox h1 small,
  .pageSupporting .contentsBox h1 small,
  .pageMember .contentsBox h1 small,
  .pageApproval .contentsBox h1 small {
    font-size: 14px; }
.pageOutline .contentsBox h2,
.pageAnalysis .contentsBox h2,
.pageSupporting .contentsBox h2,
.pageMember .contentsBox h2,
.pageApproval .contentsBox h2 {
  background: #f5f5f5;
  border-left: solid 5px #3f88d3;
  padding: 10px;
  font-size: 17px;
  margin-top: 3.5em;
  margin-bottom: 1em; }

.header + .title {
  background: url(../img/contents/wall-title.png) center no-repeat #3f88d3;
  margin-bottom: 0;
  text-align: center;
  font-size: 0; }

/* =======================================================
	パンくずリスト　topicPath
========================================================== */
.topicPath {
  clear: both;
  line-height: 1; }
  .topicPath ol {
    max-width: 990px;
    display: block;
    margin: 0 auto;
    text-align: left; }
    .topicPath ol li {
      display: inline-block;
      font-size: 12px; }
      .topicPath ol li:before {
        content: "\f105";
        display: inline-block;
        padding: 0 0.5em;
        font-family: FontAwesome; }
      .topicPath ol li:first-child:before {
        display: none; }
      .topicPath ol li a {
        color: #000000;
        text-decoration: none; }

.topicPath {
  display: block; }
  .topicPath ol li a:hover {
    text-decoration: underline; }

.topicPath {
  background: url(../img/header/wall-slash.gif);
  padding: 0.75em 0; }

/* ====================================================
　帯背景
==================================================== */
.wallBelt {
  padding: 60px 0;
  overflow: hidden; }
  .wallBelt.zero {
    padding: 0 0; }
  .wallBelt.narrow {
    padding: 30px 0; }
  .wallBelt.wide {
    padding: 80px 0; }

.wallBelt.mainImg {
  background: url(../../asset/img/contents/index/mainimg.png) center no-repeat;
  padding: 130px 0; }