@charset "UTF-8";
/* Google ウェブフォント読み込み
==============================================*/
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500);
/* 
==============================================*/
@font-face {
  font-family: 'KoushikiSans-R';
  src: url("../font/KoushikiSans-R.eot?") format("eot"), url("../font/KoushikiSans-R.woff") format("woff"), url("../font/KoushikiSans-R.ttf") format("truetype");
}

@font-face {
  font-family: 'KoushikiSans-L';
  src: url("../font/KoushikiSans-L.eot?") format("eot"), url("../font/KoushikiSans-L.woff") format("woff"), url("../font/KoushikiSans-L.ttf") format("truetype");
}

/*==========================================================================================
	CSS base style
	Date: 2013-06-04(+09:00)
	Maintained: Toshiya Shimizu
==========================================================================================*/
/* このスタイルシートの構成
/* ------------------
 *
 * 000:	common styles
 * 001:	link text color, link button
 * 002:	WEBフォント読み込み
 * 003:	構造
 *			-ヘッダー
 *			-フッター
 *			-contents内部-
 * 999:	floatさせたボックスが親ボックスの外にはみ出す現象を回避
 */
/* プロパティの指定順序 */
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
/*==========================================================================================

	000:	common styles

==========================================================================================*/
/* スキップ
==============================================*/
.skipNav {
  display: none;
}

/* text-align
==============================================*/
.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

/* エラー表記
==============================================*/
.errorALL {
  width: 100%;
  background: #000;
}

.errorIn {
  padding: 10px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

/*==========================================================================================

	001:	link text color, link button

==========================================================================================*/
a:link {
  color: #464646;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:visited {
  color: #464646;
  text-decoration: none;
}

a:hover, a:visited:hover {
  color: #f00;
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

/* リンクボタン
========================*/
/* お問い合わせへのリンクボタン */
.linkBtnTxt {
  display: table;
  margin: 0 auto;
  text-align: center;
}

.linkBtnTxt a {
  display: block;
  width: 222px;
  padding: 18px 0;
  background: #747e8b;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.linkBtnTxt a span {
  padding-left: 12px;
  background: url(../img/ico_arw_04_R.png) left center no-repeat;
  color: #fff;
}

.linkBtnTxt a:hover {
  background: #babfc5;
}

/* Google Mapへのリンクボタン */
.linkMap {
  display: inline-block;
  margin: 0 8px;
}

.linkMap a {
  padding: 2px 4px;
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-size: 1.0rem;
}

.linkMap a:hover {
  background-color: #c00;
  color: #fff;
}

/*==========================================================================================

	002:	 WEBフォント読み込み

==========================================================================================*/
@font-face {}/*==========================================================================================

	003:	構造

==========================================================================================*/
html {
  height: 100%;
  overflow-y: scroll;
}

body {
  background-color: #f9f9f9;
  color: #464646;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
}

/*
==============================================*/
.errorIn, #gHeader .gHeaderIn, #mainPanel .mainPanelIn, #contents, #infoBlock .infoUnit, #gFooter .gFooterIn {
  width: 978px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 977px) {
  .errorIn, #gHeader .gHeaderIn, #mainPanel .mainPanelIn, #contents, #infoBlock .infoUnit, #gFooter .gFooterIn {
    width: 100%;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

/*==============================================

	// グローバルヘッダー

==============================================*/
#gHeader {
  margin: 0 0 40px;
  padding-top: 10px;
  border-top: 6px solid #1d2088;
}

.xPage #gHeader {
  margin: 0 0 84px;
}

.gHeaderIn {
  position: relative;
}

/* サイトロゴ
=============================================*/
#siteLogo {
  padding-top: 56px;
  text-align: center;
}

@media (max-width: 977px) {
  #siteLogo {
    padding-top: 95px;
  }
}

#siteLogo a img:hover {
  opacity: 1;
}

#siteCopy {
  position: absolute;
  width: 70%;
  top: 0;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
}

@media (max-width: 977px) {
  #siteCopy {
    width: 100%;
  }
}

/* funcNav
=============================================*/
#gHeader .funcNav {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
}

@media (max-width: 977px) {
  #gHeader .funcNav {
    top: 44px;
  }
}

/* グローバルナビゲーション
=============================================*/
.gHeader01 {
  margin-bottom: 26px;
}

@media (max-width: 977px) {
  .gHeader01 {
    position: relative;
  }
}

@media (max-width: 977px) {
  #gNavi ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#gNavi li {
  display: block;
  float: left;
  border-bottom: 1px solid #babfc5;
  width: 137px;
  margin-left: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#gNavi li:first-child {
  margin-left: 0;
}

@media (max-width: 977px) {
  #gNavi li {
    margin-left: 15px !important;
    margin-right: 15px;
    margin-bottom: 10px;
  }
}

#gNavi a {
  display: block;
  padding: 18px 0;
  color: #252929;
  font-family: KoushikiSans-L;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#gNavi.current, #gNavi:hover {
  border-color: #c00;
}

#gNavi a:hover, #gNavi.current a {
  color: #c00;
}

/* funcNav
=============================================*/
#gFooter .funcNav {
  margin-top: 30px;
}

.funcNav li {
  display: inline-block;
  border-left: 1px solid #6e6e6e;
  font-family: 'Maven Pro',sans-serif;
}

.funcNav li:first-child {
  border: none;
}

.funcNav li a {
  display: inline-block;
  padding: 0 14px;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-transform: uppercase;
}

.funcNav li a:hover {
  color: #f00;
}

.funcNav li.current a {
  color: #f00;
}

/*==============================================

	// トップへ戻る

=============================================*/
.gotoTop {
  margin: 35px auto 50px;
  text-align: right;
  position: fixed;
  bottom: 35px;
  right: -140px;
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

.gotoTop.-english {
  right: -100px;
}

.gotoTop:hover {
  right: 0;
}

.gotoTop a {
  position: relative;
  z-index: 1000000;
  display: block;
  padding: 18px 10px 18px 42px;
  background: #1e1e1e url(../img/ico_gotoTop.png) 14px 50% no-repeat;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 4px 0 0 4px;
}

.gotoTop a span {
  padding: 0 0 0 18px;
  border-left: 1px solid #282828;
}

/*==============================================

	// グローバルフッター

==============================================*/
#gFooter {
  padding: 32px 0 0;
  background: #f6f6f6;
}

.gFooterIn {
  position: relative;
}

.gFooterIn .unitBlock {
  padding: 28px 0 24px;
  border-top: 1px solid #babfc5;
}

@media (max-width: 977px) {
  .gFooterIn .infoBlock ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.gFooterIn .infoBlock li {
  float: left;
  margin: 20px 0 0 30px;
}

.gFooterIn .infoBlock li:nth-child(1), .gFooterIn .infoBlock li:nth-child(2), .gFooterIn .infoBlock li:nth-child(3), .gFooterIn .infoBlock li:nth-child(4) {
  margin-top: 0;
}

.gFooterIn .infoBlock li.first, .gFooterIn .infoBlock li:nth-child(4n+1) {
  margin-left: 0;
}

@media (max-width: 977px) {
  .gFooterIn .infoBlock li {
    margin: 0 15px 20px !important;
  }
}

.gFooterIn .footerBlock {
  padding-top: 40px;
}

/* バナー部分
=============================================*/
/* フッター:ナビゲーション
==============================================*/
.footerNavi {
  margin-bottom: 52px;
}

.footerNavi01, .footerNavi02 {
  text-align: center;
}

.footerNavi01 {
  margin-bottom: 30px;
}

.footerNavi01 li {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid #6e6e6e;
  font-family: 'Maven Pro', sans-serf;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

@media (max-width: 977px) {
  .footerNavi01 li {
    margin-bottom: 20px;
  }
}

.footerNavi02 li {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid #6e6e6e;
  font-family: 'Maven Pro', sans-serf;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.footerNavi01 li:first-child, .footerNavi02 li:first-child {
  border-left: none;
}

.footerNavi .current a {
  color: #f00;
}

/* コピーライト
==============================================*/
.gFooterIn .copyrightUnit {
  text-align: center;
}

@media (max-width: 977px) {
  .gFooterIn .copyrightUnit .linkBtn img {
    width: 100%;
    max-width: 368px;
    height: auto;
  }
}

.gFooterIn .copyrightUnit .footerLogo {
  margin: 52px 0 14px;
}

.gFooterIn .copyrightUnit #copyright {
  font-size: 11px;
  font-size: 1.1rem;
}

/*==============================================

	//	-contents内部-

==============================================*/
#contents {
  clear: both;
  margin: 0 auto 90px;
}

#alpha {
  float: left;
  width: 726px;
}

@media (max-width: 977px) {
  #alpha {
    float: none;
    width: 100%;
  }
}

#beta {
  position: relative;
  float: right;
  width: 222px;
}

@media (max-width: 977px) {
  #beta {
    float: none;
    margin: 28px auto 0;
  }
}

#beta .fixed {
  position: fixed;
  top: 20px;
  z-index: 100;
}

/* ページタイトル（数パターンあり）
==============================================*/
/* トップページ：コンテンツ
============================= */
.blockHead {
  margin: 0 0 20px;
}

.blockHead .title {
  padding: 20px 0;
  border-top: 2px solid #333;
  border-bottom: 1px solid #babfc5;
}

.blockHead .title .main {
  font-family: 'Maven Pro', sans-serf;
  font-size: 22px;
  font-size: 2.2rem;
  text-transform: uppercase;
}

.blockHead .title .sub {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}

.blockHead .title .sub:before {
  margin-right: 6px;
  margin-left: 8px;
  content: "/";
}

/* 下層ページ
============================= */
.pageHead {
  margin: 0 0 60px;
}

.pageHead .title {
  font-weight: normal;
}

.pageHead .title .main {
  font-family: 'Maven Pro', sans-serf;
  font-size: 32px;
  font-size: 3.2rem;
  text-transform: uppercase;
}

.pageHead .title .sub {
  font-size: 14px;
  font-size: 1.4rem;
}

.pageHead .title .sub:before {
  margin-right: 6px;
  margin-left: 8px;
  content: "/";
}

.articleHead {
  display: inline-block;
  margin: 0 0 52px;
  padding: 14px 0 0;
  border-top: 2px solid #333;
}

.articleHead .title {
  margin: 0 0 10px;
  font-size: 26px;
  font-size: 2.6rem;
}

.articleHead .date {
  font-family: 'Maven Pro', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

/* ユニットブロック
==============================================*/
.unitBlock {
  position: relative;
}

/* 記事ブロック
==============================================*/
.blockBody .leadTxt {
  margin: 0 0 50px;
}

.blockBody .paragraph {
  margin: 0 0 56px;
}

/* 罫線囲み
=============================*/
.bdrUnit {
  padding: 50px;
  border: 1px solid #babfc5;
  border-radius: 2px;
}

@media (max-width: 977px) {
  .bdrUnit {
    padding: 30px;
  }
}

/* 表組
==============================================*/
@media (max-width: 977px) {
  .tableUnit tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tableUnit th, .tableUnit td {
  padding: 24px 18px 20px 0;
  border-bottom: 1px solid #747e8b;
  vertical-align: top;
  line-height: 1.7;
}

@media (max-width: 977px) {
  .tableUnit th, .tableUnit td {
    border-bottom: none;
  }
}

.tableUnit th {
  width: 168px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 977px) {
  .tableUnit th {
    padding-bottom: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    max-width: 168px;
  }
}

@media (max-width: 977px) {
  .tableUnit td {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    overflow-wrap: break-word;
    border-top: 1px solid #747e8b;
  }
}

.tableUnit tr:first-child th {
  border-top: 1px solid #747e8b;
}

@media (max-width: 977px) {
  .tableUnit tr:first-child th {
    border-top: none;
  }
}

.tableUnit tr:first-child td {
  border-top: 1px solid #747e8b;
}

.tableUnit td, .tableUnit tr:first-child td {
  border-color: #babfc5;
}

.tableUnit ol {
  counter-reset: li;
  padding: 0;
  list-style: none;
}

.tableUnit ol li {
  margin: 16px 0 0 1em;
  padding: 4px 14px;
  list-style-type: decimal;
}

.tableUnit ol li:first-child {
  margin-top: 0;
}

.tableUnit p {
  margin: 0 0 1em;
}

.tableUnit p:last-child, .tableUnit p.lastChild {
  margin-bottom: 0;
}

/* 表組の中の番号付きリスト */
/* 表組の中の段落 */
/* 表組：afrom版
==============================================*/
/*
=======================*/
.aform .tableUnit dl {
  width: 100%;
  display: table;
}

@media (max-width: 977px) {
  .aform .tableUnit dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.aform .tableUnit dt {
  display: table-cell;
  width: 168px;
  padding: 24px 18px 20px 0;
  border-bottom: 1px solid #747e8b;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}

@media (max-width: 977px) {
  .aform .tableUnit dt {
    width: 100%;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.aform .tableUnit dl:first-child dt {
  border-top: 1px solid #747e8b;
}

@media (max-width: 977px) {
  .aform .tableUnit dl:first-child dt {
    border-top: none;
  }
}

.aform .tableUnit dd {
  min-height: 22px;
  padding: 24px 0 20px;
  border-bottom: 1px solid #babfc5;
}

@media (max-width: 977px) {
  .aform .tableUnit dd {
    border-bottom: none;
  }
}

.aform .tableUnit dl:first-child dd {
  border-top: 1px solid #babfc5;
}

@media (max-width: 977px) {
  .aform .tableUnit dl:first-child dd {
    border-top: none;
  }
}

.aform .confirmText {
  margin-top: 30px;
  text-align: center;
}

.aform .submit {
  margin-top: 36px;
  text-align: center;
}

.aform .submit input {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 222px;
  padding: 18px 0 18px 12px;
  background: #747e8b url(../img/ico_arw_04_R.png) 60px center no-repeat;
  border: none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.aform .submit input:hover {
  background-color: #babfc5;
}

.aform .submit input#aform_btn_submit {
  background-position: 20px center;
}

.aform .aform-text, .aform .aform-select, .aform .aform-zipcode, .aform .aform-tel, .aform .aform-email, .aform .aform-prefecture, .aform .aform-textarea {
  width: 98%;
  padding: 5px;
  border: 1px solid #babfc5;
}

.aform .aform-text:focus, .aform .aform-select:focus, .aform .aform-zipcode:focus, .aform .aform-tel:focus, .aform .aform-email:focus, .aform .aform-prefecture:focus, .aform .aform-textarea:focus {
  border-color: #338efc;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.15);
}

.aform .aform-radio-ul li {
  display: inline-block;
}

.aform .aform-radio-ul li + li {
  margin-left: 2em;
}

.aform .aform-radio-ul label {
  display: inline-block;
  cursor: pointer;
}

.aform content .aform-label {
  word-break: break-all;
}
.aform .aform-label .required,
.aform .aform-label .aform-required {
  display: inline-block;
  float: right;
  margin-left: 10px;
  padding: 2px;
  background-color: #db0000;
  color: #fff;
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: normal;
  vertical-align: middle;
  border-radius: 2px;
}

@media (max-width: 977px) {
  .aform .aform-label .required,
  .aform .aform-label .aform-required {
      float: none;
  }
}

/*
=======================*/
/*.aform .aform-radio {
	display:inline-block;
	cursor:pointer;
}*/
/*
=======================*/
/*
=======================*/
input[type="checkbox"] {
  display: none;
}

.lt-ie9 input[type="checkbox"] {
  display: inline;
}

input[type="checkbox"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 8px;
  background: url(../img/ico_input.png) left top no-repeat;
  cursor: pointer;
}

.lt-ie9 input[type="checkbox"] + label span {
  display: none;
}

input[type="checkbox"]:checked + label span {
  background: url(../img/ico_input.png) 0px top no-repeat;
}

/*
input[type="radio"] {
    display:none;
}
*/
.lt-ie9 input[type="radio"] {
  display: inline;
}

input[type="radio"] + label span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 8px;
  background: url(../img/ico_input.png) -13px -13px no-repeat;
  cursor: pointer;
}

.lt-ie9 input[type="radio"] + label span {
  display: none;
}

input[type="radio"]:checked + label span {
  background: url(../img/ico_input.png) -13px top no-repeat;
}

/*
=======================*/
.aform .aform-input-example {
  display: block;
  margin: 0 0 0.5em;
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
}

.aform .aform-twice-note {
  display: block;
  margin: 1em 0 0.5em;
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
}

.aform .validation-advice {
  padding: 2px 6px;
  background-color: #db0000;
  border-radius: 2px;
  color: #ffffff;
}

.aform .validation-advice .error,
.aform .validation-advice .aform-error {
  position: relative;
  padding: 0 0 0 20px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

.aform .validation-advice .error img,
.aform .validation-advice .aform-error img {
  position: absolute;
  top: 5px;
  left: 5px;
}

/*
=======================*/
/* マーカー黒丸リスト
==============================================*/
.discList li {
  margin-left: 1em;
  list-style-type: disc;
}

/* マーカー白丸リスト
==============================================*/
.circleList li {
  margin-left: 1em;
  list-style-type: circle;
}

/* 見出し下線付きリスト
==============================================*/
.headlineList dt {
  display: inline-block;
  margin: 32px 0 10px;
  padding: 0 0 8px;
  border-bottom: 1px dotted #646464;
  font-size: 14px;
  font-size: 1.4rem;
}

.headlineList dt:first-child {
  margin-top: 0;
}

/*	.linksList：タイトル横のリンク
==============================================*/
.unitBlock .linkList {
  position: absolute;
  top: 20px;
  right: 0;
}

.unitBlock .linkList li {
  float: left;
  padding-left: 30px;
}

.unitBlock .linkList li:first-child {
  padding-left: 0;
}

.unitBlock .linkList li a {
  display: inline-block;
  padding: 5px 0 5px 14px;
  background: url(../img/ico_arw_01_R.png) 0 50% no-repeat;
}

@media (max-width: 977px) {
  .unitBlock .linkList li a {
    padding: 9px 0 9px 14px;
  }
}

.unitBlock .linkList li a:hover {
  background: url(../img/ico_arw_01_RR.png) 0 50% no-repeat;
}

/*	.newsList：ニュース一覧
==============================================*/
@media (max-width: 977px) {
  .newsBlock .pageHead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 977px) {
  .newsBlock .pageHead .linkList {
    position: static;
  }
}

.newsUnit li {
  clear: both;
  position: relative;
}

.newsUnit li a {
  display: block;
  padding: 12px 3px 12px 0;
  text-decoration: none;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.newsUnit li a:hover {
  background-color: #edf0f3;
  color: #464646;
}

.newsUnit .date {
  display: table-cell;
  width: 96px;
  padding: 0 15px 0 0;
  font-family: 'Maven Pro', sans-serif;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
}

.lt-ie8 .newsUnit .unitContent .date {
  display: block;
  clear: both;
  float: left;
  width: 100px;
}

.newsUnit li .body {
  display: table-cell;
}

.lt-ie8 .newsUnit li .body {
  display: block;
  float: left;
  width: 623px;
}

/*	.worksList：プロジェクト実績一覧
==============================================*/
.xPage .worksBlock .pageHead .title, .xPage .worksBlock .pageHead .subTitle {
  display: inline-block;
  /*	color:#191a85;*/
}

.xPage .worksBlock .pageHead .title {
  width: 70%;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (max-width: 977px) {
  .xPage .worksBlock .pageHead .title {
    width: 100%;
  }
}

.xPage .worksBlock .pageHead .subTitle {
  width: 29%;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: right;
}

.xPage .worksUnit {
  margin: 60px 0 0;
}

.xPage .worksUnit:first-child {
  margin: 0;
}

.xPage .worksUnit .unitHead {
  /*	display: inline-block; */
  position: relative;
  margin: 0 0 32px;
  padding: 14px 0 0;
  border-top: 2px solid #333;
}

.xPage .worksUnit .unitHead .title {
  color: #191a85;
  font-size: 16px;
  font-size: 1.6rem;
}

.xPage .worksUnit .unitHead .catTitle {
  position: absolute;
  right: 0;
  top: 0;
  margin: 12px 0 0;
  padding: 3px 6px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  background: #191a85;
}

.xPage .worksUnit .unitBody .img {
  float: left;
  width: 222px;
}

@media (max-width: 977px) {
  .xPage .worksUnit .unitBody .img {
    float: none;
    margin: 0 auto;
  }
}

.xPage .worksUnit .unitBody .outline {
  float: right;
  width: 472px;
}

@media (max-width: 977px) {
  .xPage .worksUnit .unitBody .outline {
    float: none;
    width: 100%;
    margin-top: 16px;
  }
}

.xPage .worksUnit .unitBody .outlineList {
  width: 100%;
}

.xPage .worksUnit .unitBody .outlineList th, .xPage .worksUnit .unitBody .outlineList td {
  padding: 12px 18px 14px 0;
  border-bottom: 1px solid #747e8b;
}

.xPage .worksUnit .unitBody .outlineList th {
  width: 70px;
  white-space: nowrap;
}

@media (max-width: 977px) {
  .xPage .worksUnit .unitBody .outlineList td a:link {
    word-break: break-all;
  }
}

.xPage .worksUnit .unitBody .outlineList tr:first-child th, .xPage .worksUnit .unitBody .outlineList tr:first-child td {
  border-top: 1px solid #747e8b;
}

.xPage .worksUnit .unitBody .outlineList td, .xPage .worksUnit .unitBody .outlineList tr:first-child td {
  border-color: #babfc5;
}

/* プロジェクト実績概要
============================= */
/* ページ送り
==============================================*/
.pagingNav {
  display: table;
  position: relative;
  clear: both;
  margin: 50px auto 0;
  font-family: 'Maven Pro',sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (max-width: 977px) {
  .pagingNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.pagingNav .current_page {
  margin: 0 8px;
  padding: 0 12px;
  color: #f00;
}

@media (max-width: 977px) {
  .pagingNav .current_page {
    margin-bottom: 10px;
  }
}

.pagingNav .linkPage {
  margin: 0 8px;
  padding: 0 12px;
  color: #6e6e6e;
  text-decoration: none;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

@media (max-width: 977px) {
  .pagingNav .linkPage {
    margin-bottom: 10px;
  }
}

.pagingNav .linkPage:hover {
  background: #edf0f3;
}

.pagingNav .nextLink, .pagingNav .prevLink {
  display: inline-block;
  overflow: hidden;
  width: 8px;
  height: 15px;
  margin: 0 10px;
  padding: 0 8px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

@media (max-width: 977px) {
  .pagingNav .nextLink, .pagingNav .prevLink {
    margin-bottom: 10px;
  }
}

.pagingNav .nextLink {
  background-image: url(../img/ico_arw_02_R.png);
}

.pagingNav .nextLink:hover {
  background-image: url(../img/ico_arw_02_RR.png);
}

.pagingNav .prevLink {
  background-image: url(../img/ico_arw_02_L.png);
}

.pagingNav .prevLink:hover {
  background-image: url(../img/ico_arw_02_LR.png);
}

/* 詳細ページ
==============================================*/
/*　段落ブロック
============================= */
.xArticlePage .articleBody p {
  margin: 0 0 28px;
}

.xArticlePage .articleBody p:last-child, .xArticlePage .articleBody p.lastChild {
  margin: 0;
}

.xArticlePage .articleBody ol {
  counter-reset: li;
  padding: 0;
  list-style: none;
  margin: 0 0 30px 0;
}

.xArticlePage .articleBody ol li {
  position: relative;
  margin: 12px 0 0 2em;
  padding: 4px 14px;
}

.xArticlePage .articleBody ol li:first-child {
  margin-top: 0;
}

.xArticlePage .articleBody ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -2em;
  width: 2em;
  padding: 4px 0;
  background: #464646;
  color: #fff;
  font-family: 'Maven Pro',sans-serif;
  text-align: center;
}

/*　番号付きリスト
============================= */
/* SNSボタン
============================= */
.snsUnit li {
  float: left;
  margin-right: 24px;
}

/* 前後のエントリー
============================= */
.articleNav {
  display: table;
  width: 100%;
  margin: 40px 0 0;
  padding: 12px 0;
  border-top: 1px solid #babfc5;
  border-bottom: 1px solid #babfc5;
}

.articleNav .prevUnit, .articleNav .nextUnit {
  display: table-cell;
  width: 50%;
  min-height: 43px;
  padding: 0 22px;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.articleNav dt {
  color: #6e6e6e;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.articleNav .prevUnit {
  /*	float:left;*/
  padding-left: 40px;
  background: url(../img/ico_arw_03_L.png) 0 50% no-repeat;
  text-align: left;
}

.articleNav a.prevUnit:hover {
  background: url(../img/ico_arw_03_LR.png) 0 50% no-repeat;
}

.articleNav .nextUnit {
  display: block;
  float: right;
  /*	float:right;*/
  padding-right: 40px;
  background: url(../img/ico_arw_03_R.png) 100% 50% no-repeat;
  text-align: right;
}

.articleNav a.nextUnit:hover {
  background: url(../img/ico_arw_03_RR.png) 100% 50% no-repeat;
}

.articleNav .prevUnit + .nextUnit {
  float: none;
  display: table-cell;
  border-left: 1px dotted #000;
}

/* 一覧へ戻る
============================= */
.linkHome {
  margin-top: 40px;
}

.linkHome a {
  display: inline-block;
  padding: 12px;
  /*	border:1px solid #babfc5;*/
  background: #464646;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

.linkHome a:hover {
  background: #999;
}

.msg p {
  font-size: 14px;
  font-size: 1.4rem;
}

.msg p strong {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: normal;
}

/* プライバシーポリシー
============================= */
/*==============================================

	//サイド

==============================================*/
@media (max-width: 977px) {
  #beta {
    width: 100%;
  }
}

#beta .unitBlock {
  margin: 0 0 28px;
}

#beta .archiveBlock {
  padding: 20px 0 30px;
  border-top: 2px solid #333;
  border-bottom: 1px solid #babfc5;
}

#beta .archiveBlock .title {
  margin: 0 0 20px;
  padding: 0 0 16px;
  border-bottom: 1px solid #babfc5;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  text-transform: uppercase;
}

#beta .archiveBlock .archiveList li {
  margin: 24px 0 0;
}

#beta .archiveBlock .archiveList li:first-child {
  margin: 0;
}

#beta .archiveBlock .archiveList li a {
  padding: 0 0 0 15px;
  background: url(../img/ico_arw_01_R.png) left center no-repeat;
}

#beta .archiveBlock .archiveList li.current a, #beta .archiveBlock .archiveList li a:hover {
  background-image: url(../img/ico_arw_01_RR.png);
  color: #f00;
}

#beta .worksBlock {
  margin: 0 0 20px;
}

#beta .worksBlock .worksUnit {
  margin: 0;
}

@media (max-width: 977px) {
  #beta .worksBlock .worksUnit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 977px) {
  #beta .worksBlock .worksUnit li {
    margin: 0 6px 12px;
    float: none;
  }
}

@media (max-width: 977px) {
  #beta .worksBlock .worksUnit li:first-child {
    margin: 0 6px 12px;
  }
}

@media (max-width: 977px) {
  #beta .likeboxUnit {
    width: 222px;
    margin: 0 auto;
  }
}

#beta .bnrUnit {
  margin-bottom: 0;
}

#beta .worksUnit li {
  margin: 15px 0 0;
}

#beta .worksUnit li:first-child {
  margin: 0;
}

#beta .worksUnit a img {
  border: 1px solid #bac5c1;
}

/* archiveBlock
============================= */
/* worksUnit
==============================================*/
/* likeboxUnit
==============================================*/
/* bnrUnit
==============================================*/
/* likeboxUnit
==============================================*/
/*==========================================================================================

	999:	floatさせたボックスが親ボックスの外にはみ出す現象を回避

==========================================================================================*/
/*　IE6、IE7対策
==========================================================================================*/
#wrapper, #gHeader, #gNavi, #contents, #content, .gFooterIn .unitBlock, .blockBody, .unitBlock, .unit, .worksUnit dl, .linkList, .tableUnit dl, .snsUnit, .articleNav, .clearFix, .cFix {
  zoom: 1;
}

/* 以外のブラウザ
==========================================================================================*/
#wrapper:after, #gHeader:after, #gNavi:after, #contents:after, #content:after, .gFooterIn .unitBlock:after, .blockBody:after, .unitBlock:after, .unit:after, .worksUnit dl:after, .linkList:after, .tableUnit dl:after, .snsUnit:after, .articleNav:after, .clearFix:after, .cFix:after {
  content: "";
  display: block;
  clear: both;
}

/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*# sourceMappingURL=base.css.map */