@charset "utf-8";
@import url("layout_sp02.css");
.cf, #top-search-sp {
  *zoom: 1;
}
.cf:after, #top-search-sp:after {
  content: "";
  display: table;
  clear: both;
}

/* --------------------------------------------------------------------------------
	サイトヘッダー
-------------------------------------------------------------------------------- */
.header-sp {
/*	padding-bottom: 7px;*/
	overflow: hidden;
	background-color: #fff;
}

.header-sp h1 {
	width: 40%;
  margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 7px;
	font-size: 7px;
	float: left;
	box-sizing: border-box;
}

.header-sp h1 a {
	margin: 6px 40px 7px 0;
	display: block;
}

.header-sp h1 a img {
	width: 100%;
	height: auto;
}

.header-sp h1 p {
	margin-bottom: 7px;
}

.header-sp ul {
	width: 60%;
	float: left;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #008DCF;
}

.header-sp li {
	width: 33.3%;
	float: left;
	border-right: solid #fff 1px;
	box-sizing: border-box;
}

.header-sp li:last-child {
	border-right: none;
}

.header-sp li a {
	color: #fff;
	width: inherit;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
/*	display: block;*/
	box-sizing: border-box;
	display: table-cell;
}
@media only screen and (max-width: 320px) {
.header-sp li a {
  	color: #fff;
	width: inherit;
	font-size: 9px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
/*	display: block;*/
	box-sizing: border-box;
	display: table-cell;
}
}
.header-sp li i {
	margin-bottom: 6px;
	display: block;
}

/* --------------------------------------------------------------------------------
	list-cmn01
-------------------------------------------------------------------------------- */
.list-cmn01 {
  overflow: hidden;
  margin-bottom: 30px;
  border-top: 1px solid #ccc;
}
  .list-cmn01 li {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
    .list-cmn01 li a {
      display: block;
      padding: 13px;
      background: #fff;
    }
    .list-cmn01 li i {
      float: right;
      color: #008DCF;
    }

/* --------------------------------------------------------------------------------
	サイドナビ対応
-------------------------------------------------------------------------------- */

.side-wrap {
  padding: 0 !important;
}

.side-wrap .main {
  padding: 0 7px;
}

.side-box {
	margin-top: 50px;
}


/* --------------------------------------------------------------------------------
	共通コンテンツエリア
-------------------------------------------------------------------------------- */
.img-fluid {
  width: 100%;
}

.no-sp {
  display: none;
}

.code {
	overflow: hidden;
}


/* --------------------------------------------------------------------------------
	検索コンテンツエリア
-------------------------------------------------------------------------------- */

/* 絞り込み検索
--------------------------------------------------------------- */
span.customSelect {
	font-size:14px;
	color: #333;
	line-height: 40px;
	height: 40px;
	width: 100%;
	padding: 0 50px 0 0;
	background:url(../images/common/bg_pulldown.gif) no-repeat right top;
}

.customSelectInner {
	width: 100% !important;
}

#gnav-wave dl {
	margin: 10px;
}

#gnav-wave dd span:nth-child(2) {
	border: solid #ccc 1px;
}

#gnav-wave > dl option {
	width: 100%;
	background-color: #fff;
}

.gnav-wave-cnt .wave-cnt {
	display: none;
}

.gnav-wave-cnt .wave-cnt:first-child {
	display: block;
}

.gnav-wave-cnt dl {
	display: none;
}

.gnav-wave-cnt dl:first-of-type {
	display: block;
}

.gnav-wave-cnt dl dt {
	margin-bottom: 10px;
}

#gnav-wave select {
	width: calc(100% - 40px) !important;
	box-sizing: border-box;
}

/* ページングナビ
--------------------------------------------------------------- */
.search-no div {
	margin-bottom: 10px;
}

.search-no select {
	width: 100%;
	margin: 0 auto 15px auto;
}

.search-page li {
	margin-bottom: 10px;
}


/* コンテンツエリア
--------------------------------------------------------------- */
.cnt-boxes {
	padding-top: 40px;
}

.cnt-add {
	margin-top: 20px;
}


/* product detail
--------------------------------------------------------------- */
/*.detail-boxes {
	padding: 0 10px;
}*/

.product-link li {
	width: calc(100% / 3);
}

.product-link li a {
	font-size: 14px;
}

.product-link li:nth-child(-n+3) a {
	border-bottom: solid #fff 2px;
}

.product-link li:nth-child(3) a {
	border-right: none;
}

.detail-img {
	margin-bottom: 30px;
}

.desc-img + .desc-img {
	margin-top: 20px;
}

.lineup-menu li a {
	border-bottom: solid #fff 1px;
}


/* product-list
--------------------------------------------------------------- */
.product-list h2 {
	font-weight: bold;
	margin: 0 7px 15px 7px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}

.product-list ul {
	overflow: hidden;
	margin-bottom: 10px;
}

.product-list li {
  overflow: hidden;
	width: 50%;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 0 7px;
	box-sizing: border-box;
	float: left;
}

.product-list li p {
	margin-bottom: 0;
}

.product-list li a {
	display: block;
}

.product-list li a:nth-child(n + 2) {
	font-size: 10px;
	display: inline;
}

.product-list li img {
  display: block;
	margin-bottom: 7px;
	border: solid #CCCCCC 1px;
}

.product-list li i {
	color :#008DCF;
}

.product-list li span {
	font-size: 10px;
}


/* タブコンテンツ
--------------------------------------------------------------- */
.main .tab-style01 li a span:before {
	content: "\A" ;
	white-space: pre ;
}

/* --------------------------------------------------------------------------------
	ボックス（枠内）
-------------------------------------------------------------------------------- */

/* box-inner
--------------------------------------------------------------- */
.box-inner {

}

/* top news
--------------------------------------------------------------- */
.news-box {
	padding: 0 7px;
}

/* ページングナビ
--------------------------------------------------------------- */
.page-no div {
	margin-bottom: 10px;
}

.page-no select {
	width: 100%;
	margin: 0 auto 15px auto;
}

.page-list li {
	margin-bottom: 10px;
}



/* --------------------------------------------------------------------------------
	サイトフッター
-------------------------------------------------------------------------------- */
.footer-cnt {
	margin-bottom: 50px;
	padding: 20px 7px 0 7px;
}

.footer-slider {
	margin-bottom: 0;
	overflow: hidden;
}

.footer-slider li {
	width: calc((100% - 15px) /2);
	margin: 0 15px 15px 0;
	float: left;
}

.footer-slider li:nth-child(2n) {
	margin-right: 0;
}
/*
.footer-slider li img {
	height: auto;
}
*/

footer {
	padding-bottom: 48px;
	background-color: #fff;
}


/* フッターナビゲーション
--------------------------------------------------------------- */
.f-nav {
	margin-bottom: 20px;
}
  .f-nav.type01 { padding-top: 0;}
  .f-nav.type02 { 
    padding-top: 0;
    margin-top: 0;
  }

.f-nav dl{
	margin-bottom: 0;
	background-color: #008DCF;
}

.f-nav dt {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
	padding: 13px 10px;
	border-bottom: solid #fff 1px;
}
.f-nav dt.style01 { padding: 0;}
  .f-nav dt.style01 a { color: #fff;}

.f-nav a {
	padding: 13px;
	display: block;
}

.f-nav dt ,
.f-nav dd {
	font-size: 13px;
  letter-spacing: -0.2px;
}

.f-nav dt i ,
.f-nav dd i {
	float: right;
}

.f-nav dd {
	margin-bottom: 0;
	display: none;
	background-color: #fff;
}

.f-nav ul {
	margin-bottom: 0;
}

.f-nav li {
	margin-bottom: 0;
	border-bottom: solid #CCCCCC 1px;
}

.f-nav li i {
	color: #008DCF;
}
.f-nav dt span{
  position:relative;
}
.f-helper ul {
	margin: 0 10px 15px 10px;
	padding-bottom: 5px;
	border-bottom: dotted #ccc 1px;
}

.f-helper li {
	margin-bottom: 10px;
	display: inline-block;
}

.f-helper li a {
	padding: 0 10px;
/*	margin-right: 10px;*/
	border-right: solid #666 1px;
	display: block;
}

.f-helper li:last-child a {
	border-right: none;
}

/* copyright
--------------------------------------------------------------- */
.copyright {
	text-align: center;
	padding-bottom: 22px;
	background-color: #fff;
}

.copyright p {
	margin-bottom: 13px;
}

address {
	font-size: 9px;
	text-align: center;
	margin-bottom: 0 !important;
}

.f-ssl {
	font-size: 9px;
	text-align: center;
	padding-bottom: 28px;
	background-color: #fff;
}

.f-ssl img {
	margin-bottom: 10px;
}

.f-ssl p {
	margin-bottom: 0;
}

.f-ssl a {
	color: #008CCE;
}


/* SP専用フッターナビゲーション
--------------------------------------------------------------- */
.footer-sp .g-nav {
	width: 100%;
	position: fixed;
	left: 0;
	/*bottom: 62px;*//* 50 */
	bottom: 48px;/* 50 */
  height: auto;
  z-index: 999;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: transparent;
}

/*.slide-menu-box {
  width: 100%;
  left: 0;
  bottom: 0;
	position: fixed;
}*/

#gnav-box .nav-tabs {
	display: none;
}

.footer-sp .slide-menu-sp {
  display: table;
	width: 100%;
	margin-bottom: 0;
	position: absolute;
	bottom: -48px;
}
@media only screen and (min-width: 600px) {
.footer-sp .g-nav {
  bottom: 48px;/* 50 */
}
  .footer-sp .slide-menu-sp {
    bottom: -48px;/* 50 */
  }
}
.footer-sp .slide-menu-sp > li {
	width: 33.3%;
	display: table-cell;
  vertical-align: middle;
}

.footer-sp .slide-menu {
	overflow: hidden;
	margin: 0;
}

.footer-sp .slide-menu > li {
	display: none;
}

.footer-sp .slide-menu-sp > li > a {
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
  padding: 5px 5px 10px 5px;
  display: block;
  box-sizing: border-box;
  background-color: #00344D;
	border-right: solid #fff 1px;
}
  .footer-sp .slide-menu-sp > li:last-child > a { border-right: none;}

.footer-sp .slide-menu-sp > li > a i {
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
}

.footer-sp .slide-menu-sp > li > a.close-btn {
  background-color: #335D71;
}

.footer-sp .slide-menu-sp > li > a.close-btn span:first-child ,
.footer-sp .slide-menu-sp .close-txt {
  display: none;
}

.footer-sp .slide-menu-sp .close-btn .close-txt {
  display: inline;
}

.footer-sp .slide-menu > li > a {
	display: none;
}


/* 下からスライドメニュー */
.footer-sp .toggle-menu > ul {
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  bottom: 48px;
}

.multi-menu-sp,
.link-menu-sp {
	color: #fff;
	margin-bottom: 0;
  padding: 10px 15px;
  border-bottom: solid #fff 1px;
  box-sizing: border-box;
  display: block;
	clear: both;
	background-color: #008DCF;
}

.mega-cnt {
	padding-top: 15px;
	display: none;
}

.multi-menu-sp i,
.link-menu-sp i {
	float: right;
}

.multi-menu-sp i:nth-child(2) {
	display: none;
}

.multi-menu-sp a,
.link-menu-sp a {
	color: #fff;
	display: block;
  letter-spacing: -0.2px;
}

.multi-menu-sp a:hover,
.multi-menu-sp a:visited,
.multi-menu-sp a:active {
	color: #fff !important;
}

/* アコーディオンメニュー */
.footer-sp .mega-cnt-box {
	height: 100%;
}

.footer-sp .tab-contents > .tab-pane {
	display: block;
}

/*
#gnav-box .tab-content > .active {
    display: none;
}*/

.footer-sp .multi-menu-cnt {
  /*padding-top: 19px;*/
	background-color: #fff;
	display: none;
}

.footer-sp .multi-menu-cnt .menu-box > div > p {
	font-weight: bold;
	margin: 0 7px 15px 7px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}
/*
footer .spf-helper-box {
	padding: 10px 15px;
}
*/
.footer-sp .multi-menu-cnt ul {
	overflow: hidden;
}

.footer-sp .multi-menu-cnt .mega-cnt ul {
  overflow: hidden; }

.footer-sp .multi-menu-cnt .mega-cnt ul {
  margin-bottom: 10px;
}

.footer-sp .multi-menu-cnt .mega-cnt li {
	width: 50%;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 0 7px;
	box-sizing: border-box;
	float: left;
}

.footer-sp .multi-menu-cnt li p {
	margin-bottom: 0;
}

.footer-sp .multi-menu-cnt li a {
	display: block;
}

.footer-sp .multi-menu-cnt li a:nth-child(n + 2) {
	font-size: 10px;
	display: inline;
}

.footer-sp .multi-menu-cnt li img {
  display: block;
  height: auto;
	margin-bottom: 7px;
	border: solid #CCCCCC 1px;
}

.footer-sp .multi-menu-cnt li i {
	color :#008DCF;
}

.footer-sp .multi-menu-cnt li span {
	font-size: 10px;
}

.footer-sp .multi-menu-cnt .btn-style04 a {
	text-align: left !important;
	padding: 10px 15px !important;
}

.footer-sp .gnav-search-box {
	margin: 0 10px 15px 10px;
}

.footer-sp .gnav-search-box form span {
	display: block;
}

.footer-sp .gnav-search-box form input {
	width: calc(75% - 18px);/* width - margin-right - parent-box-padding */
	margin: 10px 10px 15px 0;
	padding: 8px 8px 8px 30px;
	background: #ffffff url(../images/common/ioon_search.png) no-repeat 5px center;
	background-size: 22px 22px;
	border-radius: 0;
	box-sizing: border-box;
}

.footer-sp .gnav-search-box form button {
	width: 25%;
	color: #fff;
	text-align: center;
	letter-spacing: 15px;
	padding: 9px 0 9px 15px;
	background-color: #00a0e9;
	border: none;
	box-sizing: border-box;
}

.footer-sp .multi-menu-cnt .mega-cnt ul input[type=checkbox],
.footer-sp .multi-menu-cnt .mega-cnt ul input[type=radio] { margin-top: 0;}

.gnav-helper-box {
	padding-top: 15px;
}

.gnav-helper li a {
	color: #fff;
	margin-bottom: 0;
  padding: 10px 15px;
  border-bottom: solid #fff 1px;
  box-sizing: border-box;
	display: block;
	background-color: #008DCF;
}

.gnav-helper li a i {
	color: #fff;
	float: right;
/*	display: inline;*/
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

.scroll-box {
	height: 100%;
/*	padding-bottom: 20px;
	box-sizing: border-box;*/
	overflow-y: scroll;
	z-index: 999;
	background-color: #fff;
}

.pc-cnt,
.footer-sp .slide-menu > .mega-nav > a {
	display: none;
}

/* フッター関連企業
--------------------------------------------------------------- */
.grp-link {
    margin: 20px 0;
    padding: 20px;
    background: #EEEEEE;
}

.grp-link ul {
    overflow: hidden;
    margin-bottom: 0;
}

.grp-link li.grp-top {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
}
.grp-link li {
    margin: 15px;
}

.grp-link li p{
    text-align: center;
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
	テキスト
-------------------------------------------------------------------------------- */

/* 注釈
--------------------------------------------------------------- */
.note-txt {
	text-align: left;
}

/* --------------------------------------------------------------------------------
	ページネーション
-------------------------------------------------------------------------------- */

.list-step {
 margin: 30px 0 20px 0;
}

.list-step ul {
}
 
.list-step ul li {
 text-align: center;
}
 
.list-step ul li:first-child {
 margin-bottom: 0;
}
 
.list-step ul span {
 width: 100%;
 background: #ccc;
 padding: .7em 0;
 float: left;
 text-decoration: none;
 color: #444;
 margin-bottom: 3px;
}

.list-step ul span::before {
}
 
.list-step ul span::after {
}
 
.list-step ul .current {
 font-weight: bold;
}

.list-step ul span.current {
 background: #00344D;
 color: #FFF;
}

/* --------------------------------------------------------------------------------
	フォーム
-------------------------------------------------------------------------------- */

/* テキストボックス 共通 iOSのピンチイン対策
--------------------------------------------------------------- */
.input-style01 {
	font-size: 16px;
/*  scale(0.8);*/
}


/* テキストボックス 03
--------------------------------------------------------------- */
.input-w-style03 {
	width: 100%;
	display: block;
}

/* テキストボックス 04
--------------------------------------------------------------- */
.input-w-style04 {
	width: 100%;
}

p + .input-w-style04,
span + .input-w-style04,
label + .input-w-style04,
input + .input-w-style04 {
	margin-top: 10px;
}

.input-w-style04 + p,
.input-w-style04 + span,
.input-w-style04 + label,
.input-w-style04 + input {
	margin-top: 10px;
}

/* テキストボックス 05
--------------------------------------------------------------- */
.input-w-style05 {
	width: 100%;
}

/* テキストボックス 06
--------------------------------------------------------------- */
.input-w-style06 {
	width: 100%;
}

/* 郵便番号
--------------------------------------------------------------- */
.zip-code {
	width: 100%;
}

.zip-code + p,
.zip-code + button,
.zip-code + input {
	margin-top: 10px !important;
}


/* select-style 01
--------------------------------------------------------------- */
/*select.s-select {
	left: 0;
	top: 30px;
}*/

.select-style01.customSelect {
	min-width: 120px;
	font-size:16px;
}

/* select-w-style01
--------------------------------------------------------------- */
.select-w-style01 ,
.customSelect.select-w-style01 {
	min-width: 150px;
}


/* --------------------------------------------------------------------------------
	リスト
-------------------------------------------------------------------------------- */

/* list-style02
--------------------------------------------------------------- */
.list-style02 p:last-of-type {
	margin-top: 10px;
}

/* list-style03
--------------------------------------------------------------- */
.list-style03 li {
	margin-bottom: 10px;
}

/* list-page
--------------------------------------------------------------- */
.list-page li {
	margin-bottom: 10px;
}



/* --------------------------------------------------------------------------------
	テーブル
-------------------------------------------------------------------------------- */

/* SP の時要素を縦並びに
--------------------------------------------------------------- */
.tbl-sp-01 th,
.tbl-sp-01 td {
	width: 100%;
	text-align: left;
	display: block;
	border-bottom: none;
}

.tbl-sp-01 tr:last-child th:last-child,
.tbl-sp-01 tr:last-child td:last-child {
	border-bottom: solid #ddd 1px;
}


/* tbl-width-style01
--------------------------------------------------------------- */
.tbl-w-style01 td {
	width: 36%;
}

/* tbl-width-style02
--------------------------------------------------------------- */
.tbl-w-style02 th {
	width: 38%;
}

/* 3分割レイアウトのテーブル
--------------------------------------------------------------- */
.tbl-w-style05 tr th:first-child ,
.tbl-w-style05 tr td:first-child {
		width: 26%;
}

.tbl-w-style05 tr th:nth-child(2) ,
.tbl-w-style05 tr td:nth-child(2) {
	width: 37%;
}

.tbl-w-style05 tr th:nth-child(n+3) ,
.tbl-w-style05 tr td:nth-child(n+3) {
	width: 37%;
}

/* tbl-style03
--------------------------------------------------------------- */
.tbl-style03 {
  overflow-y: hidden;
  overflow-x: scroll;
}
  .tbl-style03::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 4px;
  }
    .tbl-style03::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0,0,0,.5);
      box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
      .tbl-style03 table { width: 840px;}


/* --------------------------------------------------------------------------------
	ボタン
-------------------------------------------------------------------------------- */

/* btn-w-style02
--------------------------------------------------------------- */
.btn-w-style02 {
	text-align: center;
}

.btn-w-style02 a ,
.btn-w-style02 button {
	min-width: 70%;
}

/* btn-w-style02
--------------------------------------------------------------- */
.btn-style05 button {
	border: none;
}

/* btn-w-style03
--------------------------------------------------------------- */
.btn-w-style03 {
	text-align: center;
}

.btn-w-style03 a ,
.btn-w-style03 button {
	width: 95%;
}

/* --------------------------------------------------------------------------------
	ボックス（枠）
-------------------------------------------------------------------------------- */

/* width style01
--------------------------------------------------------------- */
.w-style01 {
	min-width: auto;
	margin-bottom: 5px;
	display: block;
}

/* sp-block
--------------------------------------------------------------- */
.sp-block {
	display: block;
}

.sp-block + .sp-block {
	margin-top: 10px;
}


/* --------------------------------------------------------------------------------
	タブ
-------------------------------------------------------------------------------- */

/* tab style 02
--------------------------------------------------------------- */
.tab-style02 li {
	margin-bottom: 1px !important;
}

.tab-style02 li > a ,
.tab-style02 li > span {
/*	display: flex;
	justify-content: center;
	align-items: center;*/
	border-right: solid #fff 3px;
}

.tab-style02 li:nth-child(2n) > a ,
.tab-style02 li:nth-child(2n) > span {
	border-right: none;
}

/*
.tab-style02 li > a > span ,
.tab-style02 li > span > span {
	display: flex;
	justify-content: center;
	align-items: center;
}*/


/* --------------------------------------------------------------------------------
	gnavi
-------------------------------------------------------------------------------- */
/* company-info-box
--------------------------------------------------------------- */
#company-info-box { padding: 30px 0;}

/* lang-box
--------------------------------------------------------------- */
#lang-box { padding: 30px 0;}

/* list-nav01
--------------------------------------------------------------- */
.list-nav01 {}
  .list-nav01 .item { 
    background-color: #008DCF;
    color: #fff;
  }
    .list-nav01 .item .ttl-01 {
      margin-bottom: 0;
      padding: 10px 15px;
      border-bottom: solid #fff 1px;
    }
    .list-nav01 .item .list-sub-01 {}
      .list-nav01 .list-sub-01 .item-sub { border-bottom: solid #fff 1px;}
        .list-nav01 .list-sub-01 .item-sub .link {
          display: block;
          padding: 10px 15px;
          color: #fff;
        }
        .list-nav01 .list-sub-01 .item-sub i { float: right;}

/* btn-gnavi01
--------------------------------------------------------------- */
.btn-gnavi01 a { padding: 15px 10px !important;}

/* main
--------------------------------------------------------------- */
.main { overflow: hidden;}

/* contract-box
--------------------------------------------------------------- */
#singnup-box-sp {
  padding: 30px 0;
  background-color: #fff;
}

/* btn-cmn-pagetop
--------------------------------------------------------------- */
.btn-cmn-pagetop {
	bottom: 55px;
	right: 10px;
}
  .btn-cmn-pagetop a { font-size: 30px;}
    .btn-cmn-pagetop a:focus,
    .btn-cmn-pagetop a:hover { color: #008DCF;}
/* word-search,series-search
--------------------------------------------------------------- */
.word-search,
.series-search {
	overflow: hidden;
}

.word-search input[type="text"] ,
.series-search input[type="text"] {
	width: 85%;
	padding: 10px;
	background-color: #fff;
	border: solid #CCCCCC 1px;
	border-radius: 0;
	box-sizing: border-box;
	float: left;
}

.word-search input::-webkit-input-placeholder ,
.series-search input::-webkit-input-placeholder {
	color: #999999;
	font-size:13px;
}
.word-search input:-ms-input-placeholder ,
.series-search input:-ms-input-placeholder {
	color: #999999;
	font-size:13px;
}
.word-search input::-moz-placeholder ,
.series-search input::-moz-placeholder {
	color: #999999;
	font-size:13px;
}

.word-search button,
.series-search button {
	color: #fff;
  width: 15%;
	text-align: center;
	padding: 11px 7px;
	background-color: #008DCF;
	box-sizing: border-box;
	float: left;
  border: none;
}

.word-search button:hover ,
.series-search button:hover {
	background-color: #00A0E9;
}

.btn-color-style01, .btn-color-style02 {text-align: center;}
.sp-only {display: block;}
.pc-only {display: none;}

/* --------------------------------------------------------------------------------
	corp
-------------------------------------------------------------------------------- */
/* box-cmn-company-01 */
.box-cmn-company-01 .list-01 { margin-bottom: 20px;}

.box-cmn-conpany-02{ text-align:center;}
  .box-cmn-conpany-02 .text{ padding: 0 0 10px;}
.btn-cmn-conpany-01 a{ margin: 0 auto }
.title-cmn-conpany-01{ margin: 18px 0;}
/* top
--------------------------------------------------------------- */
/* box-crop-01 */
.box-crop-01 { margin-bottom: 30px;}

/* box-crop-news-01 */
.box-crop-news-01 { margin-bottom: 30px;}
  .box-crop-news-01 .col-01 { margin-bottom: 20px;}
    .box-crop-msg-01 .link .img-01 img { width: 100%;}

/* box-crop-02 */
.box-crop-02 { margin-bottom: 30px;}
  .box-crop-02 .col-01 { margin-bottom: 20px;}

/* box-crop-03 */
.box-crop-03 {}
  .box-crop-03 .list-01 .item .link .img-01 img { width: 100%;}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .list-news-01 .item .box-01 .date-01 .ico {
    padding-top: 1px;
  }
}

/* company top
--------------------------------------------------------------- */
/* box-company-01 */
.box-company-01 { margin-bottom: 30px;}

/* side crop
--------------------------------------------------------------- */
.bnr-side-crop-01 img { width: 100%;}

.btn-2col .btn-style02:first-child {margin-bottom: 0}

p {
    text-align: left;
}

#top-tab-navigation {
  background: yellow;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
}
#top-tab-navigation .tab-style02 {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
}
#top-tab-navigation .tab-style02 > li {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #fff;
}
#top-tab-navigation .tab-style02 > li:first-of-type {
  margin-left: -1px !important;
}
#top-tab-navigation .tab-style02 > li:nth-child(odd) {
  border-right: 1px solid #fff;
}
#top-tab-navigation .tab-style02 > li > a {
  box-sizing: border-box;
  display: flex !important;
  border: none !important;
  margin: 0;
  line-height: 1;
  float: none;
}
#top-tab-navigation .tab-style02 > li > a > span {
  box-sizing: border-box;
  margin: 0;
  display: block !important;
  border: none !important;
}
#top-tab-navigation .nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#top-tab-navigation .nav-tabs > li {
  float: none !important;
  width: 50%;
  align-self: stretch;
  display: flex;
  align-items: center;
  text-align: center;
  background: blue;
}
#top-tab-navigation .nav-tabs > li > a {
  align-self: stretch;
  text-align: center;
  display: flex;
  align-items: center;
}
#top-tab-navigation .nav-tabs > li > a > span {
  text-align: center;
  width: 100%;
}

#top-search-sp {
  padding: 10px;
  text-align: center; }
  #top-search-sp .series-search {
    float: none; }
    #top-search-sp .series-search input[type="text"] {
      width: 80%; }
    #top-search-sp .series-search button {
      width: 20%; }
  #top-search-sp .result-global {
    height: 45vh;
    width: 270px; }
    #top-search-sp .result-global::-webkit-scrollbar {
      height: 20px;
      width: 10px; }
    #top-search-sp .result-global::-webkit-scrollbar-track {
      background: #fff; }
    #top-search-sp .result-global::-webkit-scrollbar-thumb {
      background: #008DCF;
      border-radius: 10px; }

.multi-menu-sp .series-search input[type=text] {
  margin: 0;
  width: 80%;
  color: #000;
  opacity: 1;
  border: none;
  -webkit-appearance: none; }
.multi-menu-sp .series-search button {
  margin-left: 1%;
  width: 19%;
  text-align: center;
  font-weight: bold; }
.multi-menu-sp .ui-widget-content {
  color: #222222; }
  .multi-menu-sp .ui-widget-content li a {
    color: #333 !important; }
    .multi-menu-sp .ui-widget-content li a:hover {
      background-color: #00344D !important;
      color: #fff !important; }
.multi-menu-sp .result-global {
  height: 60vh;
  width: 276px; }