@charset "utf-8";
@import url("layout_pc02.css");
.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}

/* --------------------------------------------------------------------------------
	骨組み
-------------------------------------------------------------------------------- */
.wrapper {
 padding-top: 35px;
}
.header-helper-inner, .header-cnt-box, .container, .footer-cnt-inner, .f-nav-box, .sig-inner {
 width: 1134px;
 margin: 0 auto;
}
.mega-box {
 width: 1140px;
 margin: 0 auto;
}
.container {
 padding: 0 0 100px 0 !important;
}
/* --------------------------------------------------------------------------------
	サイトヘッダー
-------------------------------------------------------------------------------- */
#header {
	width: 100%;
	background: url(../images/common/bg_sifon.jpg) repeat left top;
}
.header-helper {
 	width: 100%;
 	position: fixed;
	top: 0;
	left: 0;
 z-index: 999;
}

#gnav-box.fixed{
 	width: 100%;
 	position: fixed;
 	top: 35px;
	left: 0;
	z-index: 998;
}

.mega-cnt-box {
 	z-index: 999;
}

.header-pc {
 display: block;
 min-width: 1200px;
}
.header-sp {
 display: none;
}
.header-helper {
 background-color: #008DCF;
	/*	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;*/
}
.header-helper ul {
 margin-bottom: 0;
 overflow: hidden;
 float: left;
}
.header-helper li {
 margin-right: 15px;
 float: left;
}
.header-helper li a {
 color: #fff;
 font-size: 13px;
 font-weight: 500;
 padding: 8px 5px 8px 0;
 display: block;
}
.header-helper i {
 margin-right: 3px;
}

.lang-button-box {
	float: right;
}

.header-helper p {
	margin-bottom: 0;
}

.header-helper p span {
 color: #008CCE;
 font-weight: 500;
 padding: 8px 20px 8px 14px;
 background-color: #fff;
 display: block;
}

.lang-button-box {
  position: relative;
}

#lang-button {
  cursor: pointer;
}

ul.list-cmn01 {
  display: none;
  position: absolute;
}

/* logo and search
--------------------------------------------------------------- */
/*.header-cnt-box {
	top: 50px;
	left: 0;
	position: fixed;
	z-index: 999;
}*/

.header-cnt-catch {
 overflow: hidden;
}
.header-cnt-catch h1 {
 color: #333333;
 font-size: 12px !important;
 letter-spacing: 0.7px;
 margin: 10px 0 5px 0;
 float: left;
 font-style: normal !important;
 line-height: 1.4;
}
.header-cnt-catch ul {
 margin-bottom: 0;
 float: right;
 overflow: hidden;
}
.header-cnt-catch li {
 /*	margin-right: 20px;*/
 float: left;
}
.header-cnt-catch li:last-child {
 margin-right: 0;
}
.header-cnt-catch li a {
 font-size: 13px;
 /*	font-weight: bold;*/
 padding: 12px 20px 5px 0;
 display: block;
}
.header-cnt-catch li:last-child a {
 padding-right: 0;
}
.header-cnt-catch li i {
 color: #008DCF;
 margin-right: 3px;
}
.header-cnt-inner {
 margin-bottom: 15px;
 overflow: hidden;
}
#logo {
 width: 300px;
 margin-bottom: 0;
 margin-top: 5px;
 float: left;
}
.header-cnt {
 float: right;
 margin-top: 12px;
 overflow: hidden;
}
input, button, textarea, select {
 margin: 0;
 padding: 0;
 background: none;
 border: none;
 border-radius: 0;
 outline: none;
}
.word-search, .series-search {
 float: right;
 margin-right: 20px;
 overflow: hidden;
}
.word-search input[type="text"], .series-search input[type="text"] {
 width: 160px;
 padding: 10px;
 background-color: #fff;
 border: solid #CCCCCC 1px;
 border-radius: 0;
 box-sizing: border-box;
 float: left;
 min-height: 41px;
}
 .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;
 text-align: center;
 padding: 11px 7px 10px 7px;
 background-color: #008DCF;
 box-sizing: border-box;
 float: left;
}
.word-search button:hover, .series-search button:hover {
 background-color: #00A0E9;
}
.header-cnt p {
 margin: 0 20px 0 0 !important;
 float: right;
}
.header-cnt p:first-child {
 margin-right: 0 !important;
}
.header-cnt p a {
 color: #fff;
 font-size: 15px;
 font-weight: 500;
 /*padding: 8px 20px;*/
 padding: 11px 20px 10px 20px;
 background-color: #008DCF;
 display: block;
}
.header-cnt p a:hover {
 text-decoration: none;
 background-color: #00A0E9;
}
/* --------------------------------------------------------------------------------
	グローバルナビゲーション
-------------------------------------------------------------------------------- */
.g-nav {
 background-color: #333333;
 border-top: solid #ddd 1px;
 border-bottom: solid #ddd 2px;
}
.g-nav ul {
 margin-bottom: 0;
 overflow: hidden;
}
.g-nav li {
 float: left;
 color: #fff;
}
/*
.g-nav .slide-menu > li:last-child {
	float: right;
}*/

.g-nav li a {
 color: #fff;
 font-size: 13px;
 font-weight: 500;
 padding: 15px 0;
 display: block;
}
.g-nav > div > ul > li:hover > a, .mega-active > a {
 text-decoration: none;
 background-color: #999;
}
/*
.g-nav .slide-menu > li > a {
	top: 150px;
	left: 0;
	position: fixed;
	background-color: pink;
}

.g-nav .slide-menu > li:nth-child(n + 2) > a {
	left: 250px;
}*/

.g-nav .slide-menu > li > a > span {
 font-size: 15px;
 padding: 5px 81px;
 /*padding: 5px 37px;*/
 border-right: dotted #999999 1px;
}
_::-webkit-full-page-media, _:future, :root .g-nav .slide-menu > li > a > span {
 padding: 5px 36px;
}
.g-nav .slide-menu > li:nth-child(4) > a > span {
 padding: 5px 83px;
}
/*
.g-nav .slide-menu > li:nth-child(2) > a > span {
 padding: 5px 63px;
}
.g-nav .slide-menu > li:nth-child(3) > a > span {
 padding: 5px 63px;
}
.g-nav .slide-menu > li:nth-child(5) > a > span {
	padding: 5px 47px;
}
.g-nav .slide-menu > li:nth-child(6) > a > span {
	padding: 5px 19px;
}
*/
.g-nav .slide-menu > li:first-child > a > span {
 border-left: dotted #999999 1px;
}
/* --------------------------------------------------------------------------------
	メガメニュー
-------------------------------------------------------------------------------- */
.mega-box {
 position: relative;
}
.mega-cnt-box {
 width: 100%;
 background-color: #333333;
 position: absolute;
 top: 51px;
 left: 0;
 display: none;
 opacity: .95;
 /*	visibility: hidden;*/
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
}
/*
.mega-nav:hover .tab-content {
	visibility: visible;
	opacity: .95;
	z-index: 999;
}*/

/* tab
--------------------------------------------------------------- */
.mega-nav .gnav-tab {
 padding: 22px 30px 0 30px;
 background-color: #999;
 box-sizing: border-box;
 border: none;
}
.gnav-tab li {
  width: 25%;
  color: #333333; }

.mega-nav .nav-tabs .nav-link:focus, .mega-nav .nav-tabs .nav-link:hover {
 border-color: #3D3D3D;
}
.gnav-tab li a {
 color: #333333;
 text-align: center;
 padding: 12px 0;
 background-color: #fff;
 border-right: solid #999 2px !important;
}
.gnav-tab li:last-child a {
 border-right: none !important;
}
.mega-nav .gnav-tab li a.active, .mega-nav .gnav-tab li a:hover {
 color: #fff;
 background-color: #3D3D3D !important;
}
.mega-nav .gnav-tab li, .mega-nav .gnav-tab li a, .mega-nav .gnav-tab li a:hover, .mega-nav .gnav-tab li a:focus, .mega-nav .gnav-tab li:hover a, .mega-nav .gnav-tab li:focus a {
 margin: 0;
 outline: none;
 border: none;
 border-radius: 0;
}
.mega-nav .gnav-tab li a {
 display: table;
 width: 100%;
 padding: 10px 5px;
}
.mega-cnt-box .gnav-tab > li a span {
 display: table-cell;
 vertical-align: middle;
 height: 100%;
 font-size: 14px;
 padding: 0;
 border: none;
}
/* tab contents
--------------------------------------------------------------- */
.multi-menu-cnt {
 height: 600px;
 overflow-y: scroll;/*	display: none;*/
/*	padding: 30px 0 30px 30px;*/
}
.menu-box {
 overflow: hidden;
}
.menu-box > div > ul > li > p {
 word-break: break-all;
}
.menu-box > div > ul > li > p a {
 display: inline;
}

.menu-box .menu-col1 > p {
 text-align: left!important;
}

.menu-col3 > p, .menu-col2 > p, .menu-col1 > p {
 color: #fff;
 font-size: 16px;
 padding-bottom: 10px;
 border-bottom: dotted #999 1px;
}
.menu-col3 {
 width: 666px;	/* 672 */
 padding: 30px 30px 20px 30px;
 background-color: #333333;
 float: left;
}
.menu-col2 {
  width: 455px;
  /* 462 */
  padding: 30px 30px 20px 30px;
  background-color: #444444;
  float: right;
}
.mega-cnt ul {
 margin-bottom: 20px;
 overflow: hidden;
}
.mega-cnt div ul:last-child {
 margin-bottom: 0;
}
.mega-cnt li {
 width: 184px;
 margin: 0 27px 20px 0;
 float: left;
}
.mega-cnt li label {
 cursor: pointer;
}
.mega-cnt li input {
 margin: 0;
 cursor: pointer;
}
.menu-col3 li:nth-child(3n) {
 margin-right: 0;
}
.menu-col2 li:nth-child(2n) {
 margin-right: 0;
}
.mega-cnt a {
 color: #fff;
 font-size: 13px;
 text-align: left;
 padding: 0 !important;
}
.mega-cnt li p span {
 font-size: 11px;
 margin-top: 5px;
 padding: 0 !important;
 border: none !important;
 display: block;
}
.mega-cnt li img {
 margin-bottom: 7px;
}
/* gnav-case
--------------------------------------------------------------- */
/*
#gnav-case {
	padding: 30px 0 30px 30px;
}*/

#gnav-case > ul {
 margin: 40px 0 20px 30px;
}
#gnav-case > ul li {
 width: 190px;
}
/* gnav-wave
--------------------------------------------------------------- */
#gnav-wave > dl {
 margin: 30px;
 overflow: hidden;
}
#gnav-wave > dl dt {
 color: #fff;
 margin-right: 15px;
 margin-top: 10px;
 float: left;
}
#gnav-wave > dl select {
 padding-left: 10px;
 color: #333;
}
/*
#gnav-wave > dl select {
	width: 400px;
	padding: 10px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	background: url(../images/common/bg_select.gif) right center no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../images/common/bg_select.gif) right center no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}*/

/* IE10以上の対応 */
/*#gnav-wave > dl select::-ms-expand {
	display: none;
}

#gnav-wave > dl option {
	background-color: #fff;
}*/

span.customSelect {
 font-size: 14px;
 color: #333;
 line-height: 40px;
 height: 40px;
 width: 400px;
 padding: 0 50px 0 0;
 background: url(../images/common/bg_pulldown.gif) no-repeat right top;
}
.customSelectInner {
 width: 100% !important;
 padding-left: 10px;
}
#gnav-wave > dl option {
 background-color: #fff;
}
#gnav-wave ul.wave-radio-box {
 margin: 15px 0 35px 0;
 padding-bottom: 25px;
 border-bottom: dotted #999 1px;
}
#gnav-wave ul:first-child {
 margin: 15px 0 35px 0;
 padding-bottom: 25px;
 border-bottom: dotted #999 1px;
}
#gnav-wave ul li {
 width: auto;
 color: #fff;
 margin: 0 50px 15px 0;
 display: inline-block;
}
.gnav-wave-cnt {
 margin: 30px;
 padding: 30px;
 border: solid #666666 1px;
}
.gnav-wave-cnt .ttl-01 {
 margin-bottom: 20px;
 padding-bottom: 4px;
 border-bottom: 1px #666 solid;
 color: #fff;
 font-size: 110%;
}
.gnav-wave-cnt .wave-cnt {
 margin-bottom: 10px;
 display: none;
}
.gnav-wave-cnt .wave-cnt:first-child {
 display: block;
}
.gnav-wave-cnt dl {
 overflow: hidden;
 display: none;
}
.gnav-wave-cnt dl:first-of-type {
 display: block;
}
.gnav-wave-cnt dt {
 width: 120px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 float: left;
}
.gnav-wave-cnt dd {
 width: calc(100% - 120px);
 margin-bottom: 30px;
 float: left;
}
.gnav-wave-cnt dd ul {
 margin: 0 !important;
}
/*
.gnav-wave-cnt ul:first-child {
	display: block;
}

.gnav-wave-cnt li {
	color: #fff;
}

.gnav-wave-cnt input {
	margin-right: 5px;
}*/


/* gnav-footer menu
--------------------------------------------------------------- */
.gnav-helper-box {
 padding: 30px 30px 25px 30px;
 background-color: #222222;/*	border-top: solid #999999 1px;*/
}
.gnav-search-box {
 margin-bottom: 30px;
 overflow: hidden;
}
.gnav-search-box form {
 width: 50%;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 float: left;
}
.gnav-search-box form input {
 width: 290px;
 margin: 0 5px 0 15px;
 padding: 8px 8px 8px 30px;
 background: #ffffff url(../images/common/ioon_search.png) no-repeat 5px center;
 background-size: 22px 22px;
 border-radius: 0;
}
.gnav-search-box form button {
 color: #fff;
 text-align: center;
 letter-spacing: 15px;
 padding: 8px 0 9px 15px;
 background-color: #00a0e9;
}
.gnav-helper {
 margin-bottom: 0 !important;
}
.gnav-helper li {
 width: auto;
 margin: 0 10px 0 0;
 padding-right: 10px;
 display: inline-block;
 border-right: solid #9E999A 1px;
 background-color: tranceparent !important;
}
.gnav-helper li:last-child {
 border-right: none;
}
.gnav-helper li:hover a, .gnav-helper li:focus a, .gnav-helper li a:hover, .gnav-helper li a:focus {
 background-color: transparent;
}
.gnav-helper li a i {
 display: none;
}
.sp-cnt, .footer-sp, #gnav-box .close-txt, .slide-menu-sp, .multi-menu-sp {
 display: none;
}
/* --------------------------------------------------------------------------------
	サイドナビ対応
-------------------------------------------------------------------------------- */
.side-wrap {
 overflow: hidden;
}
.side-wrap .main {
 width: 840px;
 float: left;
}
.side-wrap aside {
 margin-top: 150px;
 float: right;
 width: 234px;
}
.side-cnt {
 width: 234px;
 border: solid #ccc 1px;
}
.side-cnt span {
 width: calc(100% - 15px);
 display: inline-block;
}
/* --------------------------------------------------------------------------------
	共通項目
-------------------------------------------------------------------------------- */
.marl1-pc {
 margin-left: 1em;
}
.no-pc {
 display: none;
}
/* --------------------------------------------------------------------------------
	メインコンテンツエリア
-------------------------------------------------------------------------------- */

/* product detail
--------------------------------------------------------------- */
.product-link li {
 width: calc(100% / 6);
}
.product-menu li {
 width: calc(100% / 6);
}
.product-menu li a {
 text-align: center;
 justify-content: center;
}
.lineup-menu {
 overflow: hidden;
}
.lineup-menu p {
 margin-bottom: 0;
 float: left;
}
.lineup-menu ul {
 float: right;
 overflow: hidden;
}
.lineup-menu li {
 width: 185px;
 float: left;
}
.lineup-menu li a {
 border-right: solid #fff 1px;
}
/* --------------------------------------------------------------------------------
	検索コンテンツエリア
-------------------------------------------------------------------------------- */

/* ページングナビ
--------------------------------------------------------------- */
/*
.search-nav {
	padding: 13px 20px;
}

.search-no {
	width: 50%;
	float: left;
}

.search-no div,
.search-no select {
	float: left;
}

.search-no div {
	padding-top: 8px;
}*/

/* タブコンテンツ
--------------------------------------------------------------- */
.cnt-boxes {
 padding: 50px 30px;
}
/* コンテンツエリア
--------------------------------------------------------------- */
.cnt-box {
 overflow: hidden
}
.cnt-img, .cnt-txt, .cnt-add {
 float: left;
}
.cnt-img {
 margin: 0 30px 0 0;
}
.cnt-txt {
 width: calc(100% - 190px);
}
#tab-model .cnt-txt {
 width: 885px;
}
.cnt-3col .cnt-txt {
 width: 370px;
}
.cnt-txt .btn-2col {
 width: 370px;
}
.cnt-add {
 width: 430px;
 margin-left: 30px;
 padding: 4px;
 border: solid #DDDDDD 1px;
 box-sizing: border-box;
 overflow: hidden;
}
.cnt-add p:first-child {
 width: 200px;
 margin: 0 13px 0 0;
 float: left;
}
.cnt-add-txt {
 width: 185px;
 margin-top: 10px;
 float: left;
}
.cnt-add-txt dt {
 margin-bottom: 12px;
}
.cnt-add-txt dd {
 font-size: 13px;
}
.cnt-box-02 {
 overflow: hidden
}
.cnt-img-l, .cnt-txt-l {
 float: left;
}
.cnt-img-r, .cnt-txt-r {
 float: right;
}
.cnt-img-mr {
 margin-right: 30px;
}
.cnt-img-ml {
 margin-left: 30px;
}
/* top tab
--------------------------------------------------------------- */
.nav-tabs-box {
 /*	margin-bottom: 30px;*/
 border-bottom: solid #333 2px;
}
.nav-tabs-box .nav-tabs {
 width: 1140px;
 margin: 0 auto;
}
/* top product-list
--------------------------------------------------------------- */
.menu-box {
 overflow: hidden;
}
.memu-col4 {
 width: 720px;
 float: left;
}
.memu-col2 {
 width: 350px;
 float: right;
}
.memu-col2-innr {
 overflow: hidden;
}
.memu-col2-cnt {
 width: 160px;
 float: left;
}
.memu-col2-cnt:nth-child(2n) {
 float: right;
}
.product-list ul {
 margin-bottom: 20px;
 overflow: hidden;
}
.product-list ul:last-child {
 margin-bottom: 0;
}
.product-list li {
 overflow: hidden;
 width: 160px;
 margin: 0 26px 20px 0;
 float: left;
}
.product-list .memu-col4 li:nth-child(4n) {
 margin-right: 0;
}
.product-list .memu-col2 li:nth-child(2n) {
 margin-right: 0;
}
.product-list .memu-col2 li p {
 margin-bottom: 0;
}
.product-list a {
 /*	color: #fff;*/
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 padding: 0 !important;
 letter-spacing: -0.2px;
}
.product-list li p span {
 font-size: 11px;
 margin-top: 5px;
 padding: 0 !important;
 border: none !important;
 display: block;
}
.product-list li img {
 margin-bottom: 7px;
}
.product-list li i {
 color: #008DCF;
}
.product-list li span a {
 font-weight: normal;
}
/* top product-list
--------------------------------------------------------------- */
.menu-box {
 overflow: hidden;
}
.menu-box-wave > dl {
 margin: 0 0 30px 0;
 overflow: hidden;
}
.menu-box-wave span.customSelect {
 border: 1px solid #ddd;
}
.menu-box-wave > dl dt {
 margin-right: 15px;
 margin-top: 10px;
 float: left;
}
.menu-box-wave > dl select {
 padding-left: 10px;
 color: #333;
}
.menu-box-wave > dl option {
 background-color: #fff;
}
.menu-box-wave ul {
 margin: 15px 0 35px 0;
 padding-bottom: 25px;
 border-bottom: dotted #ccc 1px;
}
.menu-box-wave ul:first-child li {
 width: auto;
 margin: 0 50px 15px 0;
 display: inline-block;
}
.menu-box-wave .wave-cnt {
 margin-bottom: 30px;
 padding: 30px 30px 0 30px;
 border: solid #ccc 1px;
}
.menu-box-wave .wave-cnt .ttl-01 {
 margin-bottom: 20px;
 padding-bottom: 4px;
 border-bottom: 1px #ddd solid;
 font-size: 110%;
}
.menu-box-wave .wave-cnt .wave-cnt {
 margin-bottom: 10px;
 display: none;
}
.menu-box-wave .wave-cnt .wave-cnt:first-child {
 display: block;
}
.menu-box-wave .wave-cnt dl {
 overflow: hidden;
 display: none;
}
.menu-box-wave .wave-cnt dl:first-of-type {
 display: block;
}
.menu-box-wave .wave-cnt dt {
 width: 120px;
 font-size: 14px;
 font-weight: bold;
 float: left;
}
.menu-box-wave .wave-cnt dd {
 width: calc(100% - 120px);
 margin-bottom: 30px;
 float: left;
}
.menu-box-wave .wave-cnt dd ul {
 margin: 0 !important;
}
.menu-box-wave li label, .menu-box-wave li input {
 cursor: pointer;
}
.menu-box-wave li input[type=checkbox], .menu-box-wave li input[type=radio] {
 margin: 0 2px 0 0;
}
/* top news-box
--------------------------------------------------------------- */
.news-box {
 width: 1140px;
 margin: 0 auto;
 overflow: hidden;
}
.news-box > div {
 width: 740px;
 float: left;
}
.news-box > div:last-child {
 width: 340px;
 float: right;
}
/* top main slider
--------------------------------------------------------------- */
.mainslider-box {
 background-color: #DDDDDD;
 max-height: 300px;
 overflow: hidden;
 text-align: center;
}
/* ページングナビ
--------------------------------------------------------------- */
.page-nav {
 padding: 13px 20px;
}
.page-no {
 width: 300px;
 /*	width: calc((100% -60px)/2);*/
 float: left;
}
.page-no p:first-child {
 margin-bottom: 5px;
}
.page-no-inner {
 overflow: hidden;
}
.page-no-inner p {
 margin-top: 11px;
 display: inline-block;
}
.page-no-inner p, .page-no-inner select {
 margin-bottom: 0;
 float: left;
}
.page-list {
 margin-top: 13px;
}
/* contract-box
--------------------------------------------------------------- */
#singnup-box-pc {
 width: 900px;
 margin: 0 auto;
 padding: 10px 30px 30px 30px;
 background-color: #fff;
}
/* --------------------------------------------------------------------------------
	サイトフッター
-------------------------------------------------------------------------------- */

/* footer slide
--------------------------------------------------------------- */
.footer-cnt-inner {
 padding: 0 15px;
 /*	clear: both*/;
 overflow: hidden;
}
.footer-slide-box {
 width: 530px;
 float: left;
}
.footer-slide-box:nth-child(2) {
 float: right;
}
.footer-slider li {
 width: 260px !important;
}
.footer-slider a {
 display: block;
 margin-bottom: 10px;
}
.footer-slider img {
 border: solid #fff 2px;
}
.footer-slide-box {
 position: relative;
}
.btn-fslide {
 position: absolute;
 top: 53px;
}
.btn-fslide a:nth-child(2) {
 display: none;
}
.btn-fslide a:hover img {
 opacity: .8;
}
.btn-prev01, .btn-prev02 {
 left: -15px;
}
.btn-next01, .btn-next02 {
 right: -15px;
}
/* footer
--------------------------------------------------------------- */
.footer-inner {
 overflow: hidden;
}
.f-nav-box {
 overflow-x: hidden;
}
.f-nav {
 overflow: hidden;
}
.f-nav dl {
 width: 210px;
 margin: 0 20px 35px 0;
 float: left;
}
.f-nav dl:last-child {
 margin-bottom: 25px;
}
.f-nav .f-2col {
 width: 442px;/*	overflow: hidden;*/
}
.f-nav dt i, .f-nav dd i {
 display: none;
}
.f-nav dt p i, .f-nav dd p i {
 margin-right: 3px;
 display: inline;
}
.f-nav .f-2col ul {
 width: 211px;
 margin-bottom: 0;
 float: left;
}
.f-nav .f-2col ul:first-child {
 margin-right: 20px;
}
.f-nav dl:nth-child(4n) {
 margin-right: 0;
}
/*
.f-nav dl:nth-child(5) ,
.f-nav dl:nth-child(10) {
	clear: left;
}*/

.f-nav dl:last-child {
 margin-bottom: 20px;
}
.f-nav dl:last-child ul li:last-child {
 margin-bottom: 0;
}
.f-nav dt span {
 position: absolute;
 bottom: 10px;
 left: 0;
}
.f-helper {
 overflow: hidden;
}
.f-helper ul {
 margin-bottom: 20px;
 float: right;
 display: inline-block;
}
.f-helper li {
 font-size: 13px;
 margin-right: 10px;
 padding-right: 10px;
 border-right: solid #949494 1px;
 float: left;
}
.f-helper li:last-child {
 margin-right: 0;
 padding-right: 0;
 border-right: none;
}
/* copyright
--------------------------------------------------------------- */
.signature {
 background-color: #fff;
}
.sig-inner {
 overflow: hidden;
 padding: 20px 0;
}
.copyright {
 width: 30%;
 font-size: 11px;
 float: left;
}
.copyright address {
 margin-bottom: 0;
}
.f-ssl {
 width: 70%;
 text-align: right;
 float: right;
 overflow: hidden;
}
.f-ssl img {
 float: right;
}
.f-ssl p {
 text-align: left;
 font-size: 11px;
 padding-right: 20px;
 float: right;
}
.f-ssl p a {
 color: #008CCE;
}
.f-ssl p a:hover {
 color: #23527c;
}
footer .g-nav/*,
.slide-menu-box*/ {
 display: none;
}

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

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

.grp-link li {
    display: inline;
    padding: 5px 0 0 30px;
}

.grp-link li:first-child {
    padding-right: 30px;
    padding-left: 0;
}

.grp-link li.grp-top {
    border-right: #AAAAAA;
    border-right: 1px solid #AAAAAA;
    font-weight: bold;
    font-size: 110%;
}

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

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

	パーツ

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

/* --------------------------------------------------------------------------------
	タイトル
-------------------------------------------------------------------------------- */

/* title-style10
--------------------------------------------------------------- */
.title-style10 {
 text-align: left;
}
/* --------------------------------------------------------------------------------
	ページネーション
-------------------------------------------------------------------------------- */

.list-step {
 margin: 30px 0;
}
.list-step ul {
 overflow: hidden;
}
.list-step ul li {
 text-align: center;
 margin-left: -0.7em;
}
.list-step ul li:first-child {
 margin-left: 0;
}
.list-step ul span {
 width: 100%;
 background: #ccc;
 padding: .7em 0;
 float: left;
 text-decoration: none;
 color: #444;
 position: relative;
}
.list-step ul span::before {
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -2.5em;
 border-width: 2.5em 0 2.5em 1em;
 border-style: solid;
 border-color: #ccc #ccc #ccc transparent;
 left: -1em;
}
.list-step ul span::after {
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -2.5em;
 border-top: 2.5em solid transparent;
 border-bottom: 2.5em solid transparent;
 border-left: 1em solid #ccc;
 right: -1em;
}
.list-step ul .current {
 font-weight: bold;
}
.list-step ul span.current {
 background: #00344D;
 color: #FFF;
}
.list-step ul span.current::before {
 border-color: #00344D #00344D #00344D transparent;
}
.list-step ul span.current::after {
 border-left: 1em solid #00344D;
}
/* --------------------------------------------------------------------------------
	フォーム
-------------------------------------------------------------------------------- */

/* テキストボックス 04
--------------------------------------------------------------- */
.input-w-style04 {
 width: 70%;
 margin-left: 10px;
}
/* テキストボックス 05
--------------------------------------------------------------- */
.input-w-style05 {
 width: 70%;
}
/* --------------------------------------------------------------------------------
	リスト
-------------------------------------------------------------------------------- */

/* list-style01
--------------------------------------------------------------- */
.list-style01 {
}
.list-style01 li {
}
/* list-style02
--------------------------------------------------------------- */
.list-style02 li {
/*overflow: hidden;*/
}
.list-style02 p {
 width: 250px;
 float: left;
}
.list-style02 p:last-of-type {
 width: calc(100% - 250px);
}
/* --------------------------------------------------------------------------------
	定義リスト
-------------------------------------------------------------------------------- */
/* def-style01 */
.def-style01 {
}
.def-style01 > .def-title {
}
/* --------------------------------------------------------------------------------
	テーブル
-------------------------------------------------------------------------------- */

/* 余白多目のテーブル
--------------------------------------------------------------- */
.tbl-p-style01 th, .tbl-p-style01 td {
 padding: 15px 20px;
}
/* --------------------------------------------------------------------------------
	ボックス（枠）
-------------------------------------------------------------------------------- */
/* box-style01
--------------------------------------------------------------- */
.box-style01 a {
}
/*.box-style01 a:hover {
    text-decoration: underline !important;
}*/

/* --------------------------------------------------------------------------------
	ボックス（枠）
-------------------------------------------------------------------------------- */
/* box-style01
--------------------------------------------------------------- */
.box-style01 a {
}
/* --------------------------------------------------------------------------------
	ボックス（枠内）
-------------------------------------------------------------------------------- */

/* box-inner
--------------------------------------------------------------- */
.box-inner {
 padding: 0 90px;
}
/* --------------------------------------------------------------------------------
	ボタン
-------------------------------------------------------------------------------- */
.btn-style01 a {
 width: 600px;
 margin: 0 auto;
}
/* 2 column btn
--------------------------------------------------------------- */
.btn-2col {
 overflow: hidden;
}
.btn-2col .btn-style02 {
 width: calc((100% - 10px) / 2);
 float: left;
}
.btn-2col .btn-style02:first-child {
 margin-right: 10px;
}
.btn-w-style01 {
 width: 30%;
}
.btn-w-style02 a, .btn-w-style02 button {
 min-width: 35%;
}
.btn-w-style03 a, .btn-w-style03 button {
 width: 45%;
}
.btn-block {
 display: inline-block;
}
/*
.btn-wide {
	padding-top: 1em!important;
	padding-bottom: 1em!important;
}

.btn-style01.negative {
	background: #ccc;
	color: #222;
}

.btn-style01.negative:hover {
	background: #B4B4B4;
}*/


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

/* tab-w-style01
--------------------------------------------------------------- */
.tab-w-style01 li {
 width: 20%;
}
/* tab-w-style02
--------------------------------------------------------------- */
.tab-w-style02 li {
 width: 20%;
}
/* tab-w-style03
--------------------------------------------------------------- */
.tab-w-style03 li {
 width: calc(100% / 6);
}
/* tab-w-style03
--------------------------------------------------------------- */
.tab-w-style03 li {
 width: calc(100% / 6);
}
/* tab-w-style05
--------------------------------------------------------------- */
.tab-w-style05 li {
  width: calc(100% / 3); }

/* tab-w-style-25;
--------------------------------------------------------------- */
.tab-w-style25 li {
  width: 25%; }

/* --------------------------------------------------------------------------------
	パンナビ
-------------------------------------------------------------------------------- */
.breadcrumbs {
 margin: 0 0 1em 0;
}
.breadcrumbs li a strong {
 color: #3885AA;
 font-size: 100%;
}
.breadcrumbs li i.icon-home {
 margin: 0 0.5em 0 0;
 color: #3885AA;
}
/* list-nav01
--------------------------------------------------------------- */
.list-nav01 {
 border-top: 22px #999 solid;
 padding: 10px 30px;
}
.list-nav01.scroll {
 max-height: 550px;
 overflow-y: scroll;
 padding: 10px 20px;
}
.list-nav01 .item {
 float: none;
 margin-bottom: 26px;
 margin-top: 15px;
 font-size: 15px;
}
.list-nav01 .item .ttl-01 {
 margin-bottom: 21px;
 padding-bottom: 4px;
 border-bottom: 1px #666 solid;
 color: #fff;
}
.list-nav01 .item .ttl-01 a {
 padding: 0px;
 font-weight: normal;
 font-size: 15px;
}
.list-nav01 .item .list-sub-01 {
}
.list-nav01 .list-sub-01 .item-sub {
 float: left;
 width: 350px;
 margin-bottom: 13px;
}
.list-nav01 .list-sub-01 .item-sub .link {
 display: inline-block;
 padding: 0;
 color: #fff
}
.list-nav01 .list-sub-01 .item-sub .link:hover {
 -ms-filter: 'alpha( opacity=75)';
 filter: alpha( opacity=75);
 opacity: 0.75;
}
/* --------------------------------------------------------------------------------
	list-cmn01
-------------------------------------------------------------------------------- */
.list-cmn01 li {
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
/* btn-gnavi01
--------------------------------------------------------------- */
.btn-gnavi01 a {
 padding: 15px 0 !important;
 font-size: 16px;
 text-align: center;
}
.btn-gnavi01 i {
 padding-right: 20px;
}
/* tab style 02
--------------------------------------------------------------- */
.tab-style02-right {
 float: right !important;
}
/* btn-cmn-pagetop
--------------------------------------------------------------- */
.btn-cmn-pagetop {
 bottom: 20px;
 right: 50%;
 margin-right: -626px;
}
.btn-cmn-pagetop a {
 font-size: 35px;
}
.btn-cmn-pagetop a:focus {
 color: #008DCF;
}
/* side-box
--------------------------------------------------------------- */
.side-box .word-search {
 float: none;
 margin-right: 0;
}
.side-box .word-search button {
 padding-bottom: 11px;
}
.side-box .word-search input {
 width: 165px;
 min-height: 42px
}
.nav-tabs.tab-style02 .active a, .nav-tabs.tab-style01 .active a, .tab-style02 .active a, .nav-tabs.tab-style02 a {
 height: 60px;
}
.btn-color-style01 {
 text-align: left;
}
.btn-color-style02 {
 text-align: right;
}
.sp-only {
 display: none;
}
.pc-only {
 display: block;
}
/* opacity hover
---------------------------------------------------------- */
.is-opacity {
 -ms-filter: 'alpha( opacity=100)';
 opacity: 1;
}
.is-opacity:hover {
 -ms-filter: 'alpha( opacity=75)';
 filter: alpha( opacity=75);
 opacity: 0.75;
}
/* --------------------------------------------------------------------------------
	corp
-------------------------------------------------------------------------------- */
/* box-cmn-company-01 */
.box-cmn-company-01 .list-01 {
 width: 640px;
 margin: 0 auto 48px;
}
/* top
--------------------------------------------------------------- */
/* box-crop-01 */
.box-crop-01 {
 margin-bottom: 50px;
}
/* box-crop-news-01 */
.box-crop-news-01 {
 margin-bottom: 50px;
}
.box-crop-news-01 .col-01 {
 float: left;
 width: 622px;
}
.box-crop-news-01 .col-02 {
 float: right;
 width: 187px;
}
/* box-crop-02 */
.box-crop-02 {
 margin-bottom: 72px;
}
.box-crop-02 .col-01 {
 float: left;
 width: 410px;
}
.box-crop-02 .col-02 {
 float: right;
 width: 410px;
}
.box-crop-link-01 .list-01 {
 float: left;
 width: 197px;
}
.box-crop-link-01 .list-01.type-01 {
 width: 171px;
}
/* box-crop-03 */
.box-crop-03 {
}
.box-crop-03 .list-01 {
 overflow: hidden;
 margin-left: -30px;
}
.box-crop-03 .list-01 .item {
 float: left;
 width: 177px;
 margin-left: 30px;
}
/* company top
--------------------------------------------------------------- */
/* box-company-01 */
.box-company-01 {
 margin-bottom: 53px;
}

#top-search-sp {
  display: none; }

.header-search .ui-widget-content {
  border: 1px solid #CCCCCC;
  background: #ffffff;
  color: #222222; }
.header-search .ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  min-width: 202px; }
.header-search .ui-widget-content li a:hover {
  background-color: #00344D;
  color: #fff; }
.header-search .word-search,
.header-search .series-search {
  float: right;
  margin-right: 20px;
  overflow: hidden; }
.header-search .word-search input[type="text"],
.header-search .series-search input[type="text"] {
  width: 160px;
  padding: 10px;
  background-color: #fff;
  border: solid #CCCCCC 1px;
  border-radius: 0;
  box-sizing: border-box;
  float: left; }
.header-search .word-search input::-webkit-input-placeholder,
.header-search .series-search input::-webkit-input-placeholder {
  color: #999999;
  font-size: 13px; }
.header-search .word-search input:-ms-input-placeholder,
.header-search .series-search input:-ms-input-placeholder {
  color: #999999;
  font-size: 13px; }
.header-search .word-search input::-moz-placeholder,
.header-search .series-search input::-moz-placeholder {
  color: #999999;
  font-size: 13px; }
.header-search .word-search button,
.header-search .series-search button {
  color: #fff;
  text-align: center;
  padding: 11px 7px 10px 7px;
  background-color: #008DCF;
  box-sizing: border-box;
  float: left; }
.header-search .word-search button:hover,
.header-search .series-search button:hover {
  background-color: #00A0E9; }
.header-search .result-global {
  max-height: 75vh; }
  .header-search .result-global::-webkit-scrollbar {
    height: 20px;
    width: 10px; }
  .header-search .result-global::-webkit-scrollbar-track {
    background: #fff; }
  .header-search .result-global::-webkit-scrollbar-thumb {
    background: #008DCF;
    border-radius: 10px; }