@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ===========================================================================================================================
	layout.css
	ver 1.0.0
=========================================================================================================================== */

/*カラムの高さはテーブルセルで合わせる。*/

/* ===========================================================================================================================
	color
=========================================================================================================================== */
.black {
	color: #333;
}

.blue {
	color: #00509f;
}

.blue_nav {
	color: #006699;
}

.paleBlue {
	color: #E2f0FA;
}

.gray {
	color: #999999;
}

/* ===========================================================================================================================
	grid
=========================================================================================================================== */

/* row */

.row:before,
.row:after {
	content:"";
	display:table;
}

.row:after {
	clear:both;
}

.row {
	zoom:1;
}

.gutters {
	margin-left:-1.020408163265306%;
	margin-right:-1.020408163265306%;
}

.col_6_all_img {
	text-align:center;
}

@media screen and (max-width: 767px) {

	.col_6_all_img {
		padding-bottom:20px;
	}

}

.col_6_all_img img {
	width:100%;
}

.gutters > .col_1,
.gutters > .col_2,
.gutters > .col_3,
.gutters > .col_4,
.gutters > .col_5,
.gutters > .col_6,
.gutters > .col_7,
.gutters > .col_8,
.gutters > .col_9,
.gutters > .col_10,
.gutters > .col_11,
.gutters > .col_12 {
	padding-left:1%;
	padding-right:1%;
}

/* column */

@media screen and (min-width: 768px) {

	.col_1,
	.col_2,
	.col_3,
	.col_4,
	.col_5,
	.col_6,
	.col_7,
	.col_8,
	.col_9,
	.col_10,
	.col_11,
	.col_12 {
		display:block;
		float:left;
	}

	.col_1 {
		width: 8.33333333333%;
	}

	.col_2 {
		width: 16.6666666666%;
	}

	.col_3 {
		width: 25%;
	}

	.col_4 {
		width: 33.3333333333%;
	}

	.col_5 {
		width: 41.6666666666%;
	}

	.col_6 {
		width: 50%;
	}

	.col_7 {
		width: 58.3333333333%;
	}

	.col_8 {
		width: 66.6666666666%;
	}

	.col_9 {
		width: 75%;
	}

	.col_10 {
		width: 83.3333333333%;
	}

	.col_11 {
		width: 91.6666666666%;
	}

	.col_12 {
		width: 100%;
	}

	.col_offset_1{
		margin-left: 8.33333333333%;
	}
	.col_offset_2{
		margin-left: 16.6666666666%;
	}
}
@media screen and (max-width: 768px) {
	.col_sp_6{
		width: 50%;
		display:block;
		float:left;
	}
	.col_sp_12{
		width: 100%;
	}
}

.sc {
	clear:both;
}

.column3.centerAlign {
	text-align:center;
}

.column3 p.emphasis {
	color: #00509f;
}

.d_none {
	text-decoration:none;
	color:inherit;
}

/* ===========================================================================================================================
	見出し
=========================================================================================================================== */
.headerSection {
	text-align:center;
	font-weight:bold;
}

.headerSection .main {
	font-family: 'Lato', sans-serif;
	font-size: 3rem;
	color:#006699;
	margin-bottom:15px;
}

.headerSection .sub {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	color:#737373;
	margin-top:-5px;
}

/* ===========================================================================================================================
	製品情報、ミウラについて
	フッターバナー
=========================================================================================================================== */

.area_footer_ln {
	background-color:#00509f;
	background-image:url(../about/img/fotter_ln_bgptn.png);
	background-repeat:repeat;
	margin-top: 70px;
}

.area_footer_ln .gutters {
	padding-top:40px;
	padding-bottom:30px;
	color:#FFF;
	font-weight:bold;
	font-size:1.6rem;
	text-align:center;
}

.area_footer_ln a {
	text-decoration:none;
	display:block;
	background-color:#FFF;
	overflow:hidden;
}

.area_footer_ln img {
	-moz-transition:0.2s linear;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  -ms-transition:  0.2s linear;
  transition: 0.2s linear;
}

.area_footer_ln a:hover img {
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

@media screen and (max-width: 767px) {
	.area_footer_ln .col_4 {
		margin-bottom:20px;
	}
}

@media screen and (max-width: 479px) {
	.area_footer_ln {
		margin-top:0px;
	}
}

/* ===========================================================================================================================
	ボタン
=========================================================================================================================== */
.btn_contact {
	display:block;
	line-height:50px;
	width:120px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	font-size:1.2rem;
	color:#FFF;
	background:#00b3ad;
}

.btn_contact:hover {
	background-color:#01cfc8;
}

@media screen and (max-width: 767px) {
	.btn_contact {
		line-height:30px;
	}
}

.btn_bnr_pool {
	width:54.45187425432147%;
	display:block;
	padding:13px 0 9px;
	text-decoration:none;
	text-align:center;
	font-size: 1.6rem;
	color: #FFF;
	position: relative;
	z-index: 2;

	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn_bnr_pool::before,
.btn_bnr_pool::after {
	content:"";
	z-index:-1;
	border-radius:inherit;
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn_bnr_pool:hover {
	text-decoration:none;
	color:#0468b2;
}

.btn_bnr_pool::before {
    border: 4px solid #0468b2;
    background: #0468b2;
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}

.btn_bnr_pool::after {
    background: #0468b2;
}

.btn_bnr_pool:hover::before {
	opacity: 1;
	background:#FFF;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.btn_bnr_pool:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
}

.btn_bnr_pool i {
	font-size:1.6rem;
	vertical-align:middle;
	position:absolute;
	left:10%;
	top:50%;
	margin-top:-8px;
}

@media screen and (max-width: 767px) {

	.btn_bnr_pool {
		width:100%;
	}

	.btn_bnr_pool i {
		position: relative;
		left:0;
		top:0;
	}

}

.btn_bnr_net {
	display:block;
	max-width:280px;
	margin:0 auto;
	border:1px solid #014FA1;
	color:#014FA1;
	text-align:center;
	line-height:1;
	background:#FFFFFF;
	padding:10px 30px;
	position:relative;
	transition:all .2s linear;
	cursor:pointer;
}

.btn_bnr_net:before {
	content:"";
	display:block;
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-left:5px solid #014FA1;
	border-bottom:5px solid transparent;
	border-right:0;
	position:absolute;
	left:23px;
	top:50%;
	margin-top:-5px;
	transition:all .2s linear;
}

.btn_bnr_net:hover {
	color:#FFFFFF;
	background:#014FA1;
}

.btn_bnr_net:hover:before {
	border-left:5px solid #FFFFFF;
}

#careers .btn_bnr_net {
	line-height:50px;
	background-color:#014FA1;
	width:80%;
	max-width:495px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-weight:bold;
	font-size:1.6rem;
	text-decoration:none;
	letter-spacing:0.2rem;
}

#careers .btn_bnr_net:before {
	border-left:5px solid #FFF;
}

#careers .btn_bnr_net:hover {
	color:#014FA1;
	background:#FFF;
}

#careers .btn_bnr_net:hover:before {
	border-left:5px solid #014FA1;
}

/* ===========================================================================================================================
	トップボタン
=========================================================================================================================== */
.btn_bnr_top {
    margin: 30px auto;
	display:block;
    width: 360px;
    text-decoration:none;
	text-align:center;
    font-size: 1.5rem;
    color: #FFF;
    position: relative;
    z-index: 2;
	line-height:45px;

    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn_bnr_top::before,
.btn_bnr_top::after {
    content: '';
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn_bnr_top:hover {
	text-decoration:none;
	color:#0468b2;
}

.btn_bnr_top::before {
    border: 4px solid #0468b2;
    background: #0468b2;
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}

.btn_bnr_top::after {
    background: #0468b2;
}

.btn_bnr_top:hover::before {
	opacity: 1;
	background:#FFF;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.btn_bnr_top:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
}

.btn_bnr_top i {
	font-size:2.8rem;
	vertical-align:middle;
	line-height:45px;
	position:absolute;
	right:10px;
}

.btn_bnr_top i.icon_left {
	right:auto;
	left:10px;
}

.btn_bnr_bottom {
	display:block;
	width:100%;
	background-color:rgba(0, 80, 159, 0.8);
	text-decoration:none;
	text-align:left;
	padding:15px;

	-webkit-transition: -webkit-color 0.2s, -webkit-background-color 0.2s, -wekit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, background-color 0.2s, color 0.2s, opacity 0.2s;
	-webkit-transition-timing-function:linear;
    transition-timing-function:linear
}

.btn_bnr_bottom:hover {
	background-color:rgba(0, 80, 159, 1);
}

#careers .btn_bnr_top::before {
	border: 2px solid #014FA1;
  background: #014FA1;
}

#careers .btn_bnr_top:hover {
	color:#014FA1;
}

#careers .btn_bnr_top:hover::before {
	border: 2px solid #014FA1;
  background: #FFF;
}

#careers .btn_bnr_top:hover::before {
	background:#FFF;
}

#careers .btn_bnr_top::after {
  background: #014FA1;
}

#careers .btn_bnr_top.__vari1::before {
	border: 2px solid #003368;
  background: #003368;
}

#careers .btn_bnr_top.__vari1:hover {
	color:#003368;
}

#careers .btn_bnr_top.__vari1:hover::before {
	border: 2px solid #003368;
  background: #FFF;
}

#careers .btn_bnr_top.__vari1:hover::before {
	background:#FFF;
}

#careers .btn_bnr_top.__vari1::after {
  background: #003368;
}
@media screen and (max-width: 479px) {
	.btn_bnr_top {
		width:80%;
	}
}

/* ===========================================================================================================================
	採用フッターリンクボタン
=========================================================================================================================== */
.box_link_career {
	margin-top: 25px;
	margin-bottom: 50px;
}

.box_link_career .content_box {
	position:relative;
	overflow:hidden;
	text-align:center;
}

.box_link_career .btn_bnr_bottom {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	line-height: 15px;
}

.box_link_career .content_box > img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.box_link_career .content_box:hover > img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

.box_link_career .content_box:hover .btn_bnr_bottom {
background-color:rgba(0, 80, 159, 1);
}

.box_link_career .btn_bnr_bottom span:nth-of-type(1) {
	font-family: 'Lato', sans-serif;
	font-size:1.8rem;
	font-weight:bold;
	color:#FFF;
}

.box_link_career .btn_bnr_bottom span:nth-of-type(2) {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1rem;
	color:#FFF;
}

@media screen and (max-width: 767px) {
	.box_link_career .content_box {
		width:50%;
		float:left;
		margin-bottom:10px;
	}
}

@media screen and (max-width: 479px) {
	.box_link_career .content_box {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
}

/* ===========================================================================================================================
	module
=========================================================================================================================== */

.space {
	white-space:nowrap;
	display:inline-block;
}

/* ===========================================================================================================================
	パーツ
=========================================================================================================================== */

.tel {
	color:#00b3ad;
	font-weight:bold;
	font-family: 'Lato', sans-serif;
}

.tb_cell .tel {
	margin-right:8px;
}

.tel span:nth-of-type(1) {
	font-size:1.3rem;
}

.tel span:nth-of-type(2) {
	font-size:1.8rem;
}

.tel:hover {
	color:#01cfc8;
}

/* ===========================================================================================================================
	layout_shinohara.css
	ver 0.0.1
=========================================================================================================================== */

/* ===========================================================================================================================
	余白（多用禁止）
=========================================================================================================================== */

.p0 {padding:0 !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.m0 {margin:0 !important;}
.m5 {margin:5px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}

/* ===========================================================================================================================
	ページの見出し
=========================================================================================================================== */

.area_title_page {
}

.title_page {
	font-size:1.4rem;
	font-weight:bold;
	font-weight:600;
	padding-top:18px;
	padding-bottom:9px;
}

.title_en {
	font-size:3.0rem;
	color:#006599;
	font-family: "Lato", sans-serif;
}

#mce .col_6 .item_headline .title_en {
	font-size:4rem;
	color:#00509f;
}

.headline_page {
	font-size:3.025rem;
	color:#00509f;
	text-align:center;
	line-height:1.3;
	margin-bottom:78px;
	font-weight:bold;
}

.headline_md {
	font-size:2.5rem;
	color:#006599;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #006599;
	padding-bottom:0px;
	margin-bottom:20px;
}
.headline_md.vari1 {
	border: none;
	font-size: 2rem;
	color: #232323;
	display: flex;
	align-items: center;
}
.headline_md.vari1 .icon-patent {
	font-size: x-small;
	line-height: 1;
}

.area_contant {
	padding-bottom:60px;
}

.aquatics_contant {
	padding-top:20px;
	padding-bottom:30px;
}
.box_result-aqua {
	color:#333;
	padding-top:20px;
	padding-bottom:0px;
}
/* ===========================================================================================================================
	パンくずリスト
=========================================================================================================================== */

.topicpass {
	font-size:1.2rem;
	padding:20px 20px 32px;
}

.topicpass li {
	font-size:1.2rem;
	display:inline-block;
	color:#333;
}

.icon_home {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#0768AF;
	font-size:1.8rem;
	vertical-align:-2px;
	padding:0 3px 0 0;
}

.topicpass li:before {
	content:"＞";
	color:#333;
	padding-left:5px;
	padding-right:5px;
}

.topicpass li:first-child:before {
	content:"";
	display:none;
}

.topicpass li a {
	color:#333;
}

.topicpass li a:hover {
	color:#999;
}

@media screen and (max-width: 479px) {
	.topicpass {
		padding-left: 1.96078431372549%;
		padding-right: 1.96078431372549%;
	}
}

/* ===========================================================================================================================
	表
=========================================================================================================================== */

.table_def {
	width:100%;
	margin-bottom:30px;
}

.table_def th,
.table_def td {
	vertical-align:top;
	text-align:left;
	border:1px solid #E6E6E6;
	line-height:1.5;
	padding:18px 30px 17px;
}

.table_def th {
	background:#F6F6F6;
}

.td_wh td {
	background:#FFF;
}

.td_wh th,
.td_wh td {
	text-align:center;
}

@media screen and (max-width: 767px) {

	.table_def,
	.table_def tbody,
	.table_def tr,
	.table_def th,
	.table_def td {
		display:block;
		width:100%;
		border-top:none;
	}

	.table_def {
		border-top:1px solid #E6E6E6;
	}

}

.table_hikaku th,
.table_hikaku td {
	text-align:center;
}

.table_hikaku th {
	width:20.40816326530612%;
	vertical-align:middle;
}

.table_hikaku td {
	width:26.53061224489796%;
}

.table_hikaku td p {
	text-align:left;
}

@media screen and (max-width: 767px) {

	.table_hikaku th,
	.table_hikaku td {
		width:100%;
	}

}

.table_pivod {
	width:100%;
	margin-bottom:30px;
}

.table_pivod th,
.table_pivod td {
	vertical-align:top;
	text-align:center;
	border:1px solid #E6E6E6;
	line-height:1.5;
	padding:18px 30px 17px;
}

.table_pivod th {
	background:#F6F6F6;
}

.wide_col {
	margin-left:-20px;
	margin-right:-20px;
}

@media screen and (max-width: 767px) {

	.table_pivod,
	.table_pivod tbody,
	.table_pivod tr,
	.table_pivod th,
	.table_pivod td {
		display:block;
		border-top:none;
	}

	.table_pivod {
		border-top:1px solid #E6E6E6;
	}

	.table_pivod_2 tr {
		width:50%;
		float:left;
	}

	.table_pivod_3 tr {
		width:33.333333333%;
		float:left;
	}

	.table_pivod th,
	.table_pivod td {
		font-size:1.2rem;
		height:50px;
		padding:18px 7px 17px;
	}

	.table_pivod_2 th,
	.table_pivod_2 td {
		height:68px;
	}

	.table_pivod_3 th,
	.table_pivod_3 td {
		height:160px;
	}

	.table_pivod th.em1,
	.table_pivod td.em1 {
		height:auto;
	}

	.wide_col {
		margin-left:0;
		margin-right:0;
	}

}

.table_realign {
	display:block;
	width:100%;
	margin-bottom:30px;
	font-size:1.4rem;
}

.re_tr_wrap {
	display:table;
	float:left;
	width:13.4%;
}

.re_tr_wrap:first-child {
	width:33%;
}

.re_tr {
	display:table-row;
	height:64px;
}

.re_tr:first-child {
	height:auto;
}

.re_tr:first-child .re_th {
	background:#ececec;
}

.re_th,
.re_td {
	display:table-cell;
	vertical-align:top;
	text-align:left;
	border:1px solid #E6E6E6;
	line-height:1.5;
	padding:10px 5% 10px;
}

.re_th {
	background:#F6F6F6;
}

@media screen and (max-width: 767px) {

	.re_tr_wrap {
		float:none;
		width:100%;
	}

	.re_tr_wrap:first-child {
		width:100%;
	}

	.re_tr {
		height:auto;
	}

	.re_th,
	.re_td {
		width:50%;
	}

}







/* ===========================================================================================================================
	reference
=========================================================================================================================== */

.title_reference_list {
	display:inline-block;
	float:left;
}

.name_cate_reference {
	display:inline-block;
	float:right;
}

@media screen and (max-width: 767px) {

	.title_reference_list {
		display:block;
		float:none;
	}

	.name_cate_reference {
		display:block;
		float:none;
	}

}

#reference .title_content_main {
	padding:25px 24px 25px;
	margin-bottom:44px;
}

.title_reference_list a {
	font-size:2.0rem;
	font-weight:bold;
	color:#0468b2;
	padding-bottom:5px;
	text-decoration:none;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.title_reference_list a:hover {
	color:#44a8f2;
}

.name_cate_reference {
	font-size:1.4rem;
	vertical-align:middle;
	padding-bottom:13px;
}

.name_cate_reference a {
	font-weight:normal;
	text-decoration:none;
	color:#333;
}

.name_cate_reference a:hover {
	text-decoration:underline;
	color:#999;
}

.name_cate_reference.icon01:before {
	content:"\e90a";
	font-family: 'icomoon' !important;
	font-size: 3rem;
	vertical-align:middle;
	padding:0;
	color:#fff;
	margin-right:11px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#0468b2;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

.name_cate_reference.icon02:before {
	content:"\e90c";
	font-family: 'icomoon' !important;
	font-size: 3rem;
	vertical-align:middle;
	padding:0;
	color:#fff;
	margin-right:11px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#0468b2;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

.name_cate_reference.icon03:before {
	content:"\e901";
	font-family: 'icomoon' !important;
	font-size: 3rem;
	vertical-align:middle;
	padding:0;
	color:#fff;
	margin-right:11px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#0468b2;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

.name_cate_reference.icon04:before {
	content:"\e90d";
	font-family: 'icomoon' !important;
	font-size: 3rem;
	vertical-align:middle;
	padding:0;
	color:#fff;
	margin-right:11px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#0468b2;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

/* ===========================================================================================================================
	blog
=========================================================================================================================== */

.title_reference_list {
	display:inline-block;
	float:left;
}

.name_cate_reference {
	display:inline-block;
	float:right;
}

@media screen and (max-width: 767px) {

	.title_reference_list {
		display:block;
		float:none;
	}

	.name_cate_reference {
		display:block;
		float:none;
	}

}

.box_content_main {
	border-bottom:1px dashed #e6e6e6;
	margin-bottom:39px;
}

.title_content_main {
	padding:8px 10px 4px;
	margin-bottom:19px;
}

.img_content_main {
	max-height:225px;
	overflow:hidden;
}

.title_text {
	color:#00509f;
	text-decoration:none;
	display:block;
}

.title_text:hover {
	color:#3080Cf;
	text-decoration:underline;
}

.title_date {
	color:#676767;
	font-size:1.2rem;
	padding-left:23px;
	background:url(../img/icon_date.png) no-repeat left 3px center;
	padding-right:14px;
}

.title_link_cate {
	color:#676767;
	font-size:1.2rem;
}

.title_link_cate:hover {
	color:#979797;
}

.text_content {
	font-size:1.6rem;
	line-height:1.53125;
	overflow:hidden;
	height:93px;
	margin-bottom:24px;
	color:#333;
}

.box_go_entry {
	text-align:right;
}

.go_entry {
	font-size:1.6rem;
	line-height:1;
	color:#333;
}

.go_entry:hover {
	color:#999;
}


/* ===========================================================================================================================
	サイドバー
=========================================================================================================================== */

.content_main {
	width:75.51020408163265%;
	float:right;
}

.content_side {
	width:22.44897959183673%;
	float:left;
}

.img_content_main {
	width:40.54054054054054%;
	float:right;
}

.text_content_main {
	width:56.756756756756756%;
	float:left;
}

@media screen and (max-width: 767px) {

	.content_main {
		width:auto;
		float:none;
	}

	.content_side {
		width:auto;
		float:none;
	}

	.img_content_main {
		width:auto;
		float:none;
	}

	.text_content_main {
		width:auto;
		float:none;
	}

}

.title_content_main {
	font-weight:bold;
	font-size:1.8rem;
	color:#00509f;
	background:#f4f4f4;
	line-height:1.5;
}

.box_content_main {
	border-bottom:1px solid #e6e6e6;
	margin-bottom:47px;
}

.img_content_main {
	margin-bottom:24px;
	text-align:center;
}

.img_content_main a {
	text-decoration:none;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.img_content_main a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.text_content_main {
	font-size:1.4rem;
	padding-bottom:24px;
}

.text_content_main a {
	color:#333;
	text-decoration:none;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.text_content_main a:hover {
	color:#777;
	text-decoration:underline;
}

.text_content_main .continued_link {
	color:#0468b2;
	float:right;
}

.text_content_main .continued_link:hover {
	color:#44a8f2;
	text-decoration:underline;
}

.box_content_side {
	margin-bottom:47px;
}

.title_content_side {
	font-weight:bold;
	font-size:1.6rem;
	color:#fff;
	background:#0468b2;
	line-height:1.5;
	padding:20px 22px 16px;
	margin-bottom:10px;
}

.list_content_side li {

}

.list_content_side li a {
	color:#333;
	text-decoration:none;
	font-size:1.4rem;
	display:block;
	background:#f4f4f4;
	border-bottom:1px solid #e6e6e6;
	position:relative;
	padding:11px 25px 13px 17px;
	line-height:1.5;
}

.list_content_side li a:after {
	content:"\e90b";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.0rem;
	vertical-align:top;
	position: absolute;
	right: 2.5px;
	top:12px;
	color:#00509f;
}

.title_sub_content_side {
	color:#333;
	text-decoration:none;
	font-size:1.4rem;
	display:block;
	background:#f4f4f4;
	border-bottom:1px solid #e6e6e6;
	position:relative;
	padding:11px 25px 13px 32px;
	line-height:1.5;
	text-indent:-30px;
}

.title_sub_content_side:before {
	content:"\e90a";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.0rem;
	vertical-align:middle;
	color:#00509f;
}

.list_sub_content_side li a {
	color:#333;
	text-decoration:none;
	font-size:1.2rem;
	display:block;
	background:#f4f4f4;
	border-bottom:1px dashed #e6e6e6;
	position:relative;
	padding:10px 25px 12px 17px;
	line-height:1.5;
}

.list_sub_content_side li a:after {
	content:"\e90b";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.8rem;
	vertical-align:top;
	position: absolute;
	right: 2.5px;
	top:12px;
	color:#00509f;
}

#blog .box_content_side {
	margin-bottom:20px;
}

#blog .title_content_side {
	font-weight:normal;
	padding:12px 13px 10px;
	margin-bottom:17px;
}

.box_list_side li {
	padding-bottom:10px;
}

.box_list_side li > a {
	display:block;
}

.title_blog_link {
	font-size:1.6rem;
	line-height:1.5;
	float:right;
	width:50%;
	text-decoration:underline;
	color:#333;
	display:block;
}

.title_blog_link:hover {
	text-decoration:none;
	color:#999;
}

.title_blog_img {
	width:45.45454545454545%;
	float:left;
	max-height:75px;
	overflow:hidden;
	display:block;
}

.title_blog_img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.list_content_side li a {
	color:#333;
	text-decoration:none;
	font-size:1.4rem;
	display:block;
	background:#f4f4f4;
	border-bottom:1px solid #e6e6e6;
	position:relative;
	padding:11px 25px 13px 17px;
	line-height:1.5;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.list_content_side li a:hover {
	color:#fff;
	background:#0468b2;
}

.list_content_side li a:after {
	content:"\e90b";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.0rem;
	vertical-align:top;
	position: absolute;
	right: 2.5px;
	top:12px;
	color:#00509f;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.list_content_side li a:hover:after {
	color:#fff;
}

.title_sub_content_side {
	color: #00509f;
	font-weight: bold;
	border-top: 1px solid #00509f;
	border-bottom: 1px solid #00509f;
	text-decoration:none;
	font-size:1.4rem;
	display:block;
	background:#f4f4f4;
	position:relative;
	padding:11px 25px 10px 32px;
	line-height:1.5;
	text-indent:-30px;
}

.title_sub_content_side.icon01:before {
	content:"\e90a";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.0rem;
	vertical-align:middle;
	color:#00509f;
}

.title_sub_content_side.icon02:before {
	content:"\e90c";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.0rem;
	vertical-align:middle;
	color:#00509f;
}

.title_sub_content_side.icon03:before {
	content:"\e901";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.0rem;
	vertical-align:middle;
	color:#00509f;
}

.title_sub_content_side.icon04:before {
	content:"\e90d";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.0rem;
	vertical-align:middle;
	color:#00509f;
}

.list_sub_content_side li a {
	color:#333;
	text-decoration:none;
	font-size:1.2rem;
	display:block;
	background:#f4f4f4;
	border-bottom:1px dashed #e6e6e6;
	position:relative;
	padding:10px 25px 12px 17px;
	line-height:1.5;
}

.list_sub_content_side li a:hover {
	color:#fff;
	background:#0468b2;
}

.list_sub_content_side li a:after {
	content:"\e90b";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.8rem;
	vertical-align:top;
	position: absolute;
	right: 2.5px;
	top:12px;
	color:#00509f;
}

.list_sub_content_side li a:hover:after {
	color:#fff;
}

.list_link {
	padding:15px 19px 11px;
}

.list_link a {
	background:#f4f4f4;
	display:block;
	text-align:center;
	color:#00509f;
	text-decoration:none;
	vertical-align:middle;
}

.list_link a:after {
	content:"\e90b";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.8rem;
	color:#00509f;
	vertical-align:-0.1em;
}

.catparid1 .list_content_side li.cat-item-1 a,
.catparid2 .list_content_side li.cat-item-2 a,
.catparid3 .list_content_side li.cat-item-3 a,
.catparid4 .list_content_side li.cat-item-4 a,
.list_content_side li.current-cat a {
	color:#fff;
	background:#0468b2;
}

#blog .list_cate_content_side li {
	border-bottom:1px dashed #e6e6e6;
	display:block;
	color:#333;
	padding:9px 0 8px;
	text-decoration:none;
}

.list_cate_content_side li a {
	border-bottom:1px dashed #e6e6e6;
	display:block;
	color:#333;
	padding:9px 0 8px;
	text-decoration:none;
}

#blog .list_cate_content_side li a {
	border-bottom:none;
	display:inline;
	color:#333;
	padding:0;
	text-decoration:none;
}

.list_cate_content_side li a:hover,
#blog .list_cate_content_side li a:hover {
	color:#999;
	text-decoration:underline;
}

.list_archive_content_side li {
	list-style:disc inside;
}

#blog .list_archive_content_side li {
	display: list-item;
	color:#333;
	padding:4px 0 3px;
	text-decoration:none;
}

.list_archive_content_side li a {
	display:block;
	color:#333;
	padding:4px 0 3px;
	text-decoration:none;
}

#blog .list_archive_content_side li a {
	display:inline;
	color:#333;
	padding:0;
	text-decoration:none;
}

.list_archive_content_side li a:hover,
#blog .list_archive_content_side li a:hover {
	color:#999;
	text-decoration:underline;
}

.blogTagText {
	border:1px solid #E4E4E4;
	padding:20px 15px;
	font-weight:bold;
	color:#333;
	line-height:1;
	font-size:0.875em;
	margin-bottom:20px;
}

.blogTagText a {
	font-weight:normal;
	color:#656565;
}

.blogPager {
	text-align:center;
	padding-bottom:40px;
	font-size:1.2em;
}

.page-numbers {
	display:inline-block;
	border:1px solid #999;
	text-decoration:none !important;
	line-height:1;
	padding:4.5px 6.5px;
	color:#525252 !important;
}

a.page-numbers:hover {
	text-decoration:underline !important;
}

.prev.page-numbers,
.next.page-numbers {
	border:none;
	font-family:"Arial", "メイリオ", Meiryo, sans-serif;
	font-size:0.8125em;
	display:inline-block;
	padding:4.5px 6.5px;
	text-align:center;
}

.prev.page-numbers {
	text-align:left;
}

.next.page-numbers {
	text-align:right;
}

@media screen and (max-width: 416px) {

	.prev.page-numbers,
	.next.page-numbers {
		display:block;
		padding:4.5px 35px;
		text-align:left;
	}

}

.current {
	color:#fff !important;
	background: #0468B2;
}

.blogSingleImgBox img {
	width:100%;
	padding-bottom:22px;
	height: auto;
}

.social-button li {
	display:inline-block;
	vertical-align:top;
}

.sc-fb {
	margin-top: -1px;
}

.blogPrevNextBox {
	padding-top:20px;
}

.blogPrevBox,
.blogNextBox {
	font-weight:bold;
	font-size:0.875em;
	text-decoration:none !important;
	padding:10px 20px;
	color:#00509f;
	margin-bottom:20px;
	min-height:1.285714285714286em;
	background:#f4f4f4;
}

.blogPrevBox:hover,
.blogNextBox:hover {
	text-decoration:underline !important;
}

.blogPrevBox {
	float:left;
}

.blogPrevBox:before {
	content:"<";
	font-size:10px !important;
	display:inline-block;
	font-family:sans-serif;
	color:#00509f;
	line-height:1;
	padding:3.25px 5px 4.75px;
	vertical-align:0.35em;
}

.blogPrevBox.blogNoneBox,
.blogNextBox.blogNoneBox {
	background:none;
}

.blogPrevBox.blogNoneBox:before {
	display:none;
}

.blogNextBox {
	float:right;
}

.blogNextBox:after {
	content:">";
	font-size:10px !important;
	display:inline-block;
	font-family:sans-serif;
	color:#00509f;
	line-height:1;
	padding:3.25px 5px 4.75px;
	vertical-align:0.35em;
}

.blogNextBox.blogNoneBox:after {
	display:none;
}

.blogBackLink {
	text-align:center;
	padding:20px 10px 20px;
}

.blogBackLink a {
	font-weight:bold;
	font-size:0.875em;
	text-decoration:none !important;
}

.blogBackLink a:before {
	content:">";
	font-size:10px !important;
	display:inline-block;
	font-family: Verdana, Geneva, sans-serif;
	color:#fff;
	line-height:1;
	padding:3.25px 5px 4.75px;
	margin-right:12px;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	vertical-align:0.35em;

	background:#666;
}

.blogBackLink a:hover {
	text-decoration:underline !important;
}

.SNSBtn {
	background:#F7F7F7;
	padding:15px 28px 15px;
}

.box_content_detail_main {
}

.detail_img img {
	width:100%;
	margin-bottom:46px;
}

.detail_text {
	padding-bottom:50px;
}

/*
	product パーツ
==================== */

.area_bg {
	background:#e0e0e0;
}

.area_bg_sub {
	background:#f7f7f7;
}

.container_bg {
	background:#e2f0fb;
	margin-bottom:42px;
}

.headline_sub {
	text-align:center;
	font-weight:bold;
	padding:36px 0 32px;
	font-size:2.7rem;
	letter-spacing:0.2222222222222222em;
	color:#00509f;
}

@media screen and (max-width: 767px) {

	.headline_sub {
		text-align:left;
		padding:36px 20px 32px;
		line-height:1.3;
	}

	.container_bg _7,
	.container_bg .col_5 {
		text-align:center;
	}

	.container_bg .col_7.txtwrap,
	.container_bg .col_5.txtwrap {
		text-align:left;
	}

	.container_bg .col_6 {
		text-align:center;
	}

	.container_bg .col_6.txtwrap {
		text-align:left;
	}

	.container_bg .col_6.pt40 {
		padding-top:0 !important;
	}

	.container_bg .col_6.pt40 .pt40 {
		padding-top:0 !important;
	}

	.container_bg .col_7 p,
	.container_bg .col_5 p {
		text-align:left;
	}

	.container_bg .col_6 p {
		text-align:left;
	}

}

.headline_sub_bg {
	background:#000;
	background:rgba(0,42,128,0.85);
	color:#fff;
	margin-bottom:47px;
	text-align:center;
}

.headline_lead {
	font-size:2.2rem;
	font-weight:bold;
}

.area_pool_15000 {
	margin-top:-150px;
}

.area_pool_bnr .gutters {
	padding-bottom:5px;
}

.area_pool_bnr .box_low.gutters {
	padding-bottom:45px;
}

.area_pool_bnr .pool_area_service,
.area_pool_bnr .pool_bnr_btn {
	display:block;
	background:#e5f5fd;
}

.area_pool_bnr .pool_area_service {
	padding:46px 35px 48px;
	margin-bottom:20px;
}

.area_pool_bnr .pool_bnr_btn {
	padding:48px 52px;
	margin-bottom:21px;
	color:#333;
	line-height:1.2;
	text-decoration:none;
	position:relative;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.area_pool_bnr .pool_bnr_btn.filter {
	padding:43px 52px;
}

.area_pool_bnr .pool_bnr_btn i {
	position:absolute;
	padding:5px;
	background:#00509f;
	left:10px;
	top:50%;
	margin-top:-1.0em;
	color:#fff;
	border-radius:50%;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.area_pool_bnr .pool_bnr_btn:hover {
	color:#fff;
	background:#00509f;
}

.area_pool_bnr .pool_bnr_btn:hover i {
	background:#fff;
	color:#00509f;
}

.area_pool_bnr .pool_bnr_btn p {
	font-size:1.6rem;
}

.area_pool_bnr .pool_bnr_btn p strong {
	font-size:2.0rem;
}

.pool_area_service p {
	font-size:1.9rem;
	line-height:1.578947368421053;
	padding-bottom:30px;
}

.btn_links {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-size:1.7rem;
	font-weight:bold;
	border:3px solid #e5f5fd;
	margin-bottom:20px;
	line-height:1;
	padding:28px 0 22px;
	vertical-align:middle;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.btn_links:hover {
	color:#00509f;
	border:3px solid #00509f;
}

.btn_links i {
	font-size:2.4rem;
	line-height:0.5;
	font-weight:bold;
	vertical-align:middle;
}

.bnr_page_sub {
	background:url(../img/bnr_bg_footer.png) repeat #00509f;
	padding:40px 0 21px;
}

.bnr_page_sub a {
	color:#fff;
	display:inline-block;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	font-weight:bold;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.bnr_page_sub a img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.bnr_page_sub a:hover {
	text-decoration:underline;
}

.bnr_page_sub a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

.best_pool_condition {
	margin-bottom:-127px;
}

.result_15000 {
	margin-top:127px;
	padding-top:63px;
}

.box_result15000 {
	color:#333;
	padding-bottom:42px;
}

.result15000img {
	text-align:center;
}

.result15000title {
	font-weight:bold;
	border-bottom:1px solid #cdcdcd;
	margin-bottom:4px;
}

@media screen and (max-width: 767px) {

}

.list_merit li {
	display:block;
	background:#fff;
	margin-bottom:13px;
}

.headline_toggle {
	margin-bottom:13px;
	padding:10px 48px 10px 64px;
	color:inherit;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}

.headline_list_only {
	margin-bottom:13px;
	padding:10px 10px 10px 64px;
	color:inherit;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}

.macker_number {
	display:inline-block;
	color:#fff;
	background:#00509f;
	padding:0 8px;
	position:absolute;
	left:24px;
	top:10px;
}

@media screen and (max-width: 767px) {

	.headline_toggle {
		padding:10px 10px 10px 50px;
	}

	.headline_list_only {
		padding:10px 10px 10px 50px;
	}

	.macker_number {
		left:10px;
	}

}

.headline_toggle i {
	position:absolute;
	display:inline-block;
	color:#fff;
	background:#00509f;
	padding:5px;
	border-radius:50%;
	right:24px;
	-moz-transform:rotate( 90deg );
	-webkit-transform:rotate( 90deg );
	-o-transform:rotate( 90deg );
	-ms-transform:rotate( 90deg );
	transform:rotate( 90deg );
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

.active .headline_toggle i {
	-moz-transform:rotate( -90deg );
	-webkit-transform:rotate( -90deg );
	-o-transform:rotate( -90deg );
	-ms-transform:rotate( -90deg );
	transform:rotate( -90deg );
}

.box_merit {
	padding:0 24px 23px;
}

.list_merit a.btn_merit {
	display:block;
	margin-bottom:13px;
	padding:10px 24px;
	color:inherit;
	text-decoration:none;

	background:#f6f6f6;
	width:65.78947368421053%;
	border:1px solid #f6f6f6;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.list_merit a.btn_merit i {
	color:#00509f;
	font-size:2.25rem;
	line-height:0.5em;
	font-weight:bold;
	vertical-align:middle;
}

.list_merit a.btn_merit:hover {
	border:1px solid #00509f;
	color:#00509f;
}

.headline_boader_btm {
	font-size:1.8rem;
	font-weight:bold;
	border-bottom:1px solid #000;
}

.area_compare .table_def th,
.area_compare .table_def td {
	padding:20px 10px;
}

.area_compare .table_def th {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	word-break:keep-all;
	white-space:nowrap;
}

.area_compare .table_def td {
	width:33%;
}

.area_compare .table_def .td_img {
	font-weight:bold;
	text-align:center;
}

.result,
.result_number {
	text-align:center;
}

@media screen and (max-width: 767px) {

	.area_compare .table_def td {
		width:auto;
	}

}

.img_all_width {
	text-align:center;
}

.img_all_width img {
	width:100%;
}

.datalist_merit dt {
	background:#01509F;
	font-size:1.9rem;
	padding:29px 0 25px 25px;
	margin-bottom:20px;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
}

.datalist_merit dd {
	background:#fff;
	font-size:1.4rem;
	padding:32px 32px 22px;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:20px;
}

@media screen and (max-width: 767px) {

	.datalist_merit dt {
		margin-bottom:0;
	}

}

/* ===========================================================================================================================
	お問い合わせ
=========================================================================================================================== */
.inquiry_box table {
	display:table;
}

.inquiry_box td,
.inquiry_box th {
	border: 1px solid #e6e6e6;
	font-size:1.6rem;
	padding: 25px 30px;
	text-align:left;
	vertical-align:text-top;
}

.inquiry_box th {
	background-color:#f6f6f6;
	min-width:190px;
}

.inquiry_box td {
	width:70%;
}

.asterisk {
	color:#D70A0E;
}

.inquiry-mail,
.inquiry-name {
	width:70%;
}

.inquiry-textarea {
	width:90%;
	resize:vertical;
}

.attention {
	margin-top:20px;
	margin-bottom:20px;
}

.attention p {
	padding-top:10px;
	padding-bottom:20px;
}

@media screen and (max-width: 767px) {

	.inquiry_box table,
	.inquiry_box tbody,
	.inquiry_box tr,
	.inquiry_box th,
	.inquiry_box td {
		display:block;
		width:100%;
	}

	.inquiry_box td {
		width:100%;
	}

	.inquiry_box td {
		width:100%;
	}

	.inquiry-mail,
	.inquiry-name {
		width:100%;
	}

	.inquiry-textarea {
		width:100%;
	}

	.formNotes {
		display:block;
	}

}

.text_content_main h4 {
	border:1px solid #EEE;
	background:#EEF7FF;
	font-size:1.714285714285714em;
	font-weight:bold;
	color:#333;
	padding:21px 14px 18px;
	margin-bottom:30px;
}

.text_content_main h5 {
	border-bottom:4px solid #004D91;
	font-size:1.571428571428571em;
	font-weight:bold;
	color:#333;
	padding:3px 0;
	margin-bottom:20px;
}

.text_content_main p {
	padding-bottom:1em;
}

/* ===========================================================================================================================
	TOP ファーストビュー　リニューアル　動画スライド
=========================================================================================================================== */

.top-main {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	max-height: calc(100vh - 85px);
	overflow: hidden;

	font-family: "Noto Sans JP", sans-serif;
}
.top-main__inner {
	height:  100%;
}
.top-main__inner {
	height:  100%;
}

.top-main__slide-wrap {
	height:  inherit;
}

.top-main__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-main__text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.top-main__text-svg {
	width: 280px;
	fill: #004386;
}

.top-main__text-layer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.top-main__text-catch {
	text-align: center;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.5; 
}

@keyframes careersFade {
	0%   { opacity: 0; }
	33.4%  { opacity: 1; }
	66.7%  { opacity: 1; }
	100% { opacity: 0; }
}

.top-main__text.__fade {
	opacity: 0;
	will-change: opacity;
}

.top-main__slide.swiper-slide-active .top-main__text.__fade {
	animation: careersFade 2.5s ease-in-out forwards;
}

.top-main__text.__careers {
	flex-direction: column;
	gap: 20px;
}

.top-main__text-english {
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
	font-family: 'Lato', sans-serif;
}

.top-main__text-japanese {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.75;
}

@media screen and (max-width: 767px) {
	.top-main {
		width: 100%;
		height: calc(100vh - 60px);
		min-height: 607px;
		aspect-ratio: auto;
	}

	.top-main__text {
		gap: 30px;
	}
	.top-main__text.__careers {
		gap: 10px;
	}
	.top-main__text-read {
		font-size: 14px;
	}
	.top-main__text-read br.__sp {
		display: inline;
	}

	.top-main__text-svg {
		width: 180px;
	}

	.top-main__text-english {
		font-size: 48px;
	}

	.top-main__text-japanese {
		font-size: 20px;
	}
}

/* ===========================================================================================================================
ヘッダー　リニューアル　メガドロップダウン
=========================================================================================================================== */
/**************************************************************
* ハンバーガーボタン
**************************************************************/
.l-navigation-toggle {
	padding: 0;

	position: relative;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;

	border: none;
	background-color: #004386;
}

/* 3本線 */
.l-navigation-toggle__bd {
	position: relative;
	margin: 16px 0;

	display: block;
	width: 40px;
	height: 2px;
	background-color: #fff;

	transition: transform 0.3s ease;
}

/* 上・下の線 */
.l-navigation-toggle__bd::before,
.l-navigation-toggle__bd::after {
	content: "";
	position: absolute;

	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	display: block;
	width: 40px;
	height: 2px;
	background-color: #fff;
}

/* 上線：上へ */
.l-navigation-toggle__bd::before {
	transform: translateY(-12px);
	transition: transform 0.3s ease;
	transition-delay: 0.4s;
}

/* 下線：下へ */
.l-navigation-toggle__bd::after {
	transform: translateY(12px);
	transition: transform 0.3s ease, opacity 0.3s ease;
	transition-delay: 0.2s;
}

/* Active 状態（×になる） */
.l-navigation-toggle.is-active .l-navigation-toggle__bd {
	transform: rotate(45deg);
}

.l-navigation-toggle.is-active .l-navigation-toggle__bd::before {
	transform: translateY(0) rotate(-90deg);
}

.l-navigation-toggle.is-active .l-navigation-toggle__bd::after {
	transform: translateY(0);
	opacity: 0;
}

/* PC では非表示 */
@media (min-width: 1131px) {
	.l-navigation-toggle-container {
		display: none;
	}
}

/* SP レイアウト */
@media (max-width: 1130px) {
	.l-navigation-toggle {
		height: inherit;
		width: 60px;
	}
	.l-navigation-toggle-container {
		height: 100%;

		display: flex;
		align-items: center;
		gap: 15px;
	}

	.l-navigation-toggle__bd,
	.l-navigation-toggle__bd::before,
	.l-navigation-toggle__bd::after {
		width: 36px;
		height: 1px;
	}

	.l-navigation-toggle__bd::before {
		transform: translateY(-10px);
	}

	.l-navigation-toggle__bd::after {
		transform: translateY(10px);
	}
}


/*****************************************
 * ヘッダー
 *****************************************/
.b-header {
	font-family: "Noto Sans JP", sans-serif;
	
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #fff;

	height: 85px;
	padding: 0 20px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__inner {
	height: 100%;
	display: flex;

	flex: 1;
}
.header__layer {
	height: inherit;
	width: 100%;
	padding: 13.5px 0 0 0;

	display: flex;
	flex-direction: column;
	gap: 13.5px;
}
@media (max-width: 1130px) {
	
	.b-header {
		height: 60px;
		padding: 0 0 0 10px;
	}
}

/* ロゴ */
.header__logo.__sp {
	display: none;
}
.header__logo-anchor {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7.4px;
}
.header__logo-image {
	display: block;
	width: 80px;
}
.header__logo-title {
	display: block;
	width: 80px;
}
@media (min-width: 1131px) {
	.header__logo {
		position: absolute;
		z-index: 1;
	}
}
@media (max-width: 1130px) {
	.header__logo-title {
		display: none;
	}
	.header__logo-image {
		width: 80px;
	}

	.header__logo.__sp {
		display: block;
		
		position: absolute;
		top: 10px;
		left: 10px;
	}
}

/* 言語切り替え */
.header__language {
	position: relative; /* ★ 追加：ドロップダウン位置の基準 */
	padding: 6.5px 8px;
	background-color: #fff;
	border: 1px solid #999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	cursor: pointer;
	border-radius: 4px;
	box-sizing: border-box;
}

/* アクティブ時 */
.header__language.is-active {
	border-color: #004386;
}

/* アイコン */
.header__language-icon {
	width: 12px;
	height: auto;
	display: block;
}

/* 矢印 */
.header__language-arrow {
	width: 8px;
	stroke: #999999;
	fill: transparent;
}

.header__language.is-active .header__language-arrow {
	stroke: #004386;
}

/* ▼ ドロップダウン */
.header__language-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 10;

	display: block;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease;

	margin-top: 4px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.header__language-dropdown.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
/* リスト */
.header__language-dropdown-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 項目 */
.header__language-dropdown-item a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 6.5px 0;

	text-decoration: none;
	color: #333;
}

.header__language-dropdown-item a:hover {
	background-color: #f1f7fc;
	color: #006699;
}

.header__language.__sp {
	display: none;
}
@media (max-width: 1130px) {
	.header__language.__sp {
		display: flex;
	}
}

/* 上部バー */
.header__bar {
	display: flex;
	align-items: center;
	justify-content: end;
}

/* 右上リンク（PC） */
.header__right {
	display: flex;
	align-items: center;
	gap: 20px;
	height: 20px;
}

.header__right.__scroll {
	display: none;
}

.header__right a {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.6px;
	text-decoration: none;
	color: #333;
}

/* SP版問い合わせ */
.header__nav-footer {
	width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.header__copyright {
	font-family: 'Lato', sans-serif;
	width: 100%;

	text-align: center;
	font-size: 10px;
	color: #CCC;
	line-height: 17.5px;
}

/* PCのみ */
@media (min-width: 1131px) {
	.header__language {
		height: 100%;
		padding: 0 5px;
		font-size: 10px;
	}

	.header__language-icon {
		width: 9px;
	}

	.header__copyright {
		display: none;
	}

	.header__nav-footer {
		display: none;
	}

	.b-header.is-scroll {
		height: 55px;
	}

	.b-header.is-scroll .header__logo-title {
		display: none;
	}
	.b-header.is-scroll .header__logo-image {
		width: 70px;
	}
	.b-header.is-scroll .header__layer {
		padding: 15px 0 0 0;
	}
	.b-header.is-scroll .nav__btn {
		padding: 0 0 15px 0;
	}
	.b-header.is-scroll .header__bar {
		display: none;
	}
	.b-header.is-scroll .header__right.__scroll {
		display: flex;

		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}
}

/*****************************************
 * ナビゲーション
 *****************************************/
.b-navigation {
	background-color: #fff;
}

.header__nav-inner {
	max-width: 1200px;
	margin: 0 auto;
}

.nav {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 3.125vw;
	list-style: none;
	margin: 0;
	padding: 0;

	width: 100%;
}

.nav__btn,
.nav__item > a.nav__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
}

.nav__btn-arrow {
	fill: #333;
	width: 12px;
}

/* PCのみ */
@media (min-width: 1131px) {
	.nav__btn {
		padding: 0 0 13.5px 0;
		display: flex;
		gap: 15px;
		align-items: center;
	}
	.nav__item.__sp {
		display: none;
	}

	.nav > .nav__item > .nav__btn {
		transition: color .3s ease ;
	}
	.nav > .nav__item > .nav__btn .nav__btn-arrow {
		transition: fill .3s ease ;
	}
	.nav > .nav__item > .nav__btn:hover {
		color: #004386;
		font-weight: 700;
	}
	.nav > .nav__item > .nav__btn:hover .nav__btn-arrow {
		fill: #004386;
	}
}
@media (max-width: 1130px) {
	.nav__item.__pc {
		display: none;
	}
}

/*****************************************
 * メガドロップダウン
 *****************************************/
.mega {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;

	box-shadow: 0 10px 30px rgba(0,0,0,0.08);

	/* 重要：アコーディオン風スライドダウン */
	max-height: 0;
	overflow: hidden;

	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	pointer-events: none;

	transition:
    max-height .4s ease,
    opacity .35s ease,
    transform .35s ease,
    visibility .35s ease;
}

.mega__title {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 16px;
	color: #fff;
}

.mega__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 43px 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mega__grid li a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 17.6px; 
	text-decoration: none;
}

/* PCのみ */
@media (min-width: 1131px) {
	.mega {
		background-color: #004386;
		padding: 76px 0;
	}

	.mega__container {
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;

		display: flex;
		justify-content: space-between;
		gap: 30px;
	}

	.mega__title {
		font-size: 30px;
		font-weight: 700;
		margin: 0 0 16px;
		white-space: nowrap;
	}

	.mega__grid li a {
		display: flex;
		flex-direction: column;
		gap: 15px;

		position: relative;
	}

	.mega__grid-image-wrap {
		width: 100%;
		height: fit-content;
		border-radius: 4px;
		overflow: hidden;
	}

	.mega__grid-image {
		width: inherit;
		height: auto;
		transition: transform 0.3s;
	}

	.mega__grid li a:hover .mega__grid-image {
		transform: scale(1.1);
	}

	.mega__grid-text {
		position: relative;
		width: fit-content;
	}
	.mega__grid-text::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #fff;
		bottom: -4px;               
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform 0.3s;
	}
	.mega__grid li a:hover .mega__grid-text::after {
		transform: scale(1, 1); 
	}
	.mega__grid-arrow {
		position: absolute;
		bottom: 4.5px;
		right: 0;
	}

	.nav__item:hover > .mega,
	.nav__item.is-open > .mega {
		max-height: 1000px;
		width: 100vw;
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}
}


/*****************************************
 * SP レイアウト
 *****************************************/
@media (max-width: 1130px) {
	.header__bar {
		padding: 8px 10px;
	}

	.header__right {
		display: none;
	}

	.b-navigation {
		position: fixed;
		top: 60px;
		inset: 0;
		transform: translateX(100%);
		transition: transform .3s ease;
		border: none;
	}

	.b-navigation.is-active {
		transform: translateX(0);
	}

	.header__nav-inner {
		width: 100%;
		height: 100%;
		margin-left: auto;
		background-color: #004386;
		padding: 60px 10px 20px 10px;
		overflow-y: auto;

		position: relative;

		display: flex;
		flex-direction: column;
	}

	.nav {
		flex-direction: column;
		gap: 0;

		margin-bottom: 20px;
	}

	.nav__item {
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	}

	.nav__item.__last {
		border-bottom: none;
	}

	.nav__btn,
	.nav__item > a.nav__btn {
		width: 100%;
		justify-content: space-between;
		padding: 20px 10px;

		color: #fff;
	}

	.nav__btn-arrow {
		fill: #fff;
	}

	.nav__item.is-open .nav__btn-arrow {
		transform: rotate(-180deg);
	}

	/* SP：メガメニューはアコーディオン */
	.mega {
		position: static;
		box-shadow: none;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		padding: 0;
		transform: none;
		transition: max-height .3s ease, opacity .25s ease, visibility .25s ease;

		background-color: transparent;
	}

	.mega__container {
		display: contents;
	}

	.mega__title {
		display: none;
	}

	.nav__item.is-open .mega {
		max-height: 800px;
		opacity: 1;
		visibility: visible;
		padding: 0 0 20px;
		pointer-events: auto;
	}

	.mega__grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

		.mega__grid-image-wrap {
			display: none;
		}

	.mega__grid li a {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		line-height: 150%;

		padding: 10px 0 10px 15px;

		position: relative;
	}
	.mega__grid li a::before {
		content: "・";
		color: rgba(255, 255, 255, 0.20);

		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.mega__grid-arrow {
		display: none;
	}
}