@charset "UTF-8";

/* @import 
---------------------------------------------------------- */
@import url("../webfonts/font-awesome/css/font-awesome.min.css");
/**/
/*@import url("../webfonts/font-awesome/css/v4-shims.min.css");
@import url("../webfonts/font-awesome/css/font-awesome-animation.min.css");*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
:root {
	--main-bg-color: darkgreen;
}


.fa.fa-gear:before {content: "\f013";}
.fa.fa-external-link:before {content: "\f35d";font-size:12px;vertical-align:10%;}
.fa.fa-file-pdf-o:before {content: "\f1c1";font-weight:400!important;}
.fa.fa-file-powerpoint-o:before {content: "\f1c4";font-weight:400!important;}
.fa.fa-file-excel-o:before {content: "\f1c3";font-weight:400!important;}
.fa.fa-file-word-o:before {content: "\f1c2";font-weight:400!important;}
.fa.fa-envelope-o:before {content: "\f0e0";font-weight:400!important;}
.fa.fa-caret-square-o-right:before {content: "\f152";font-weight:400!important;}

i.fa, i.far, i.fas, i.fa:before, i.far:before, i.fas:before {
font: normal normal 24px/1 "Font Awesome 5 Free";
font-weight:900;
}

.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Reseting
---------------------------------------------------------- */
body {
font: 14px/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}


/* Clearfix
---------------------------------------------------------- */
#header,
#contents,
#footer,
#wrapper,
section{
display: block;
min-height: 1%;
}

#header:after,
#contents:after,
section:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/* Layout
---------------------------------------------------------- */

#wrapper {
word-spacing: -0.06%;
}

#main_contents{
float: right;
width: 740px;
margin-bottom: 2em;
}

#UpgradeMessage{
text-align: center;
background-color: #1C233B;
color: #FFFFFF;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 888888; 
line-height: 2em;
}
#cookieAgreement{
text-align: center;
background-color: #d8bfd8;
color: #333333;
font-size:90%;
padding-top: 1em;
padding-bottom: 1em;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 999999;
line-height: 1.4em;
}
button#cookieAgreebtn{ 
padding:0.2em 2em;
}

section.section,
h1.section,
div#h1.section, 
#breadcrumb .section{
width: 980px;
margin-left: auto;
margin-right: auto;
padding-top: 2em;
padding-bottom: 2em;
margin-bottom: 0px;
}



.center{
margin-left: auto;
margin-right: auto;
display: block!important; 
}

@media screen and (max-width:767px) and (min-width:1px) {
.sp-fc, .sp-center{
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}

}

.centerTxt,.taC{
text-align: center !important;
}

.boxLinks-item .list-text  {
display: table-cell;
height: 60px;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}

.resize{
zoom: .5; 
}

.cf {
clear: both;
}



.inline { display:inline;}
.ib { display:inline-block;}
.db { display:block;}

@media screen and (max-width:767px) and (min-width:1px) {
	.sp-inline { display:inline !important;}
	.sp-ib { display:inline-block !important;}
	.sp-db { display:block !important;}
}

/* PCとSPでの表示切り替え
---------------------------------------------------------- */
.pc { display: block!important;}
.pc-only-inline { display: inline!important;}
.pc-only-ib { display: inline-block!important;}
.sp { display: none!important;}
.sp-only-inline { display: none!important;}
.sp-only-ib { display: none!important;}

@media screen and (max-width:767px) and (min-width:1px) {
	.pc { display: none!important;}
	.pc-only-inline { display: none!important;}
	.pc-only-ib { display: none!important;}
	.sp-only-inline{ display: inline!important;}
	.sp-only-ib{ display: inline-block!important;}
	.sp { display: block!important;}
}

/* float
---------------------------------------------------------- */
.float2>li{ float:left;width:50%; }
.float3>li{ float:left;width:33.3%; }
.float4>li{ float:left;width:25%; }
.float5>li{ float:left;width:20%; }

@media screen and (max-width:767px) and (min-width:1px) {
	.sp-float2>li{ float:left;width:50%; }
	.sp-float3>li{ float:left;width:33.3%; }
	.sp-float4>li{ float:left;width:25%; }
	.sp-float5>li{ float:left;width:20%; }
}


/* PCとスマホで改行位置を切り替え
---------------------------------------------------------- */

.sp640_br,.sp570_br,.sp435_br,.sp414_br,.sp380_br,.sp360_br,.sp320_br{
display: none!important;

}
.sp640_none,.sp570_none,.sp435_none,.sp414_none,.sp380_none,.sp360_none,.sp320_none{
/* display: block!important;*/
}


/* Photo margin */
.photoL{
	margin-right: 1em;
	margin-bottom: 0.5em;
	float: left;
}
.photoR{
	margin-left: 1em;
	margin-bottom: 0.5em;
	float: right;
}

@media screen and (max-width:767px) and (min-width:1px) {
.sp-fl-img {
float: left !important;
width: 40%;
margin-right: 1em;
margin-bottom: 1em;
}
.sp-fr-img {
float: right !important;
width: 40%;
margin-bottom: 1em;
margin-left: 1em;
}

}


.caption {
margin-top:0.3em;
line-height: 1.4em;
}
.caption-s {
	margin-top:0.3em;
	font-size: 12px;
	line-height: 1.2em;
}





@media print {
	html,
	html body {
	*zoom: 0.65;
	}
}

#main_contents2 p {
	margin-bottom: 1em;
}

div.sub-section {
margin-bottom:2em;
display: block;
min-height: 1%;
}
div.sub-section:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#main_contents2 div.sub-section>*:last-child { /**/
margin-bottom: 0em!important;
}
/* Link
---------------------------------------------------------- */

.arw01{
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
}

.arw01:hover{
color: #2EC5DF !important;
text-decoration: underline;
}

.arwList li{
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
width: 25%;
}

.arwList li a:hover{
background-image: url(../../img/arw.png);
background-color: #F2F8FC !important;
color: #2EC5DF !important;
text-decoration: underline!important;
background-repeat: no-repeat;
background-position: right center;
}

.arwList li a:hover span{
color: #2EC5DF !important;
text-decoration: underline!important;
}

.arwList li.blank-icn{ /*.arwList li.blank{ */
	background-image: url(../../img/blank.png);
	background-repeat: no-repeat;
background-position: right center;
}

.arwList li.blank-icn a:hover{ /*.arwList li.blank a:hover{ */
background-image: url(../../img/blank.png);
	background-repeat: no-repeat;
background-position: right center;
}

.icnPdf,
.icnZip{
/* [disabled]color: #007aff !important; 201608-2 */
}

i.orange{
color: #ff9900;
}

.icnPdf:after,
.icnZip:after {
font-family: "Font Awesome 5 Free";
font-weight:400!important;
color: #ff7e00;
margin-left: 0.3em;
}

.icnPdf:after{/*201608-2*/
content: "\f1c1";
}

.icnZip:after{/*201608-2*/
content: "\f1c6";
}



/* LinkList 子セレクタ限定に変更
---------------------------------------------------------- */
ul li li{
text-indent: initial;
padding-left: initial;
}


ul.linkList{
margin-top: -4.2em;
}

ul.linkList>li{
display: block;
float: left;
position: relative;
}

ul.linkList>li a{
background-color: #dcdee5;
padding: 0.5em 3em 0.5em 0.6em;
}

/*削除
ul.linkList.vertical li a{
padding-right: 0.6em !important;
}
*/

ul.linkList>li a:hover,
ul.linkList>li a:hover:after {
background-color: #F2F8FC;
color: #2EC5DF !important;
}

ul.linkList>li.rss a{
width: 4em;
padding-left: 1em;
padding-right: 1.29em;
}

/* link-list：2016/12/13 */
ul.link-list-dot {
margin-top: 0.5em;/*mod margin-top: 1em; */
margin-left: 0.5em;
margin-bottom: 1em;/*add */
}
ul.link-list-dot>li{
display: block;
margin-left: 1em;
margin-bottom: 0.5em;
text-indent:0; /**/
}
ul.link-list-dot.limB0>li{ /*add */
margin-bottom: 0;
}

ul.link-list-dot>li:before{
font-family: "Font Awesome 5 Free";/**/
font-weight:900;
color: #999999;
content: "\f111" !important;
margin-left: -1.4em; /*-1.2em */
margin-right: 0.4em;
font-size:80%;/**/
}

ul.link-list-dot.link-list-dot-blue>li:before{
	color: #007aff;
}
ul.link-list-dot.angle-right-blue>li:before{ /*add */
	content: "\f105" !important;
	color: #007aff;
}
ul.link-list-dot.check-square-blue>li:before{ /*add */
	color: var(--main-bg-color);
	content: "\f14a" !important;/* fa-check-square */
	font-size:100%;/**/
}
ul.link-list-dot.comment-blue>li:before{ /*add */
	color: var(--main-bg-color);
	content: "\f075" !important;/* fa-comment */
	font-size:100%;/**/
}
ul.link-list-dot.caret-square-o-right-blue>li:before{ /*add */
	color: var(--main-bg-color);
	content: "\f152" !important;/* fa-caret-square-o-right */
	font-size:100%;/**/
}

/*2カラム、3カラム、4カラム */
ul.list-2column li, ul.list-3column li, ul.list-4column li{
float:left;
}
ul.list-2column li:not(:nth-child(2n+1)):before,
ul.list-3column li:not(:nth-child(3n+1)):before,
ul.list-4column li:not(:nth-child(4n+1)):before{
content:none!important;
}
ul.link-list-dot0 li.fa-right-arrow:before{
content:"\002192"!important;
}
ul.link-list-dot li.fa-right-arrow:before{
content:"\f061"!important;
}
ul.list-2column li:nth-child(2n+1),
ul.list-3column li:nth-child(3n+1),
ul.list-4column li:nth-child(4n+1){
clear:both;
}
/* 列幅は使用時に設定すること*/
ul.list-2column li:nth-child(2n+1){width:30%;}
ul.list-2column li:nth-child(2n){width:35%;}

ul.list-3column li:nth-child(3n+1){width:20%;}
ul.list-3column li:nth-child(3n+2){width:25%;}
ul.list-3column li:nth-child(3n){width:40%;}

ul.list-4column li:nth-child(4n+1){width:20%;}
ul.list-4column li:nth-child(4n+2){width:25%;}
ul.list-4column li:nth-child(4n+3){width:20%;}
ul.list-4column li:nth-child(4n){width:20%;}

/* 年月日用 */
ul.link-list-dot.list-date li.mm,
ul.link-list-dot.list-date li.ddyoubi {
margin-left: 0;
}
ul.list-date li{ text-align:right; } 
ul.list-date li.yyyy{ width:4em; }
ul.list-date li.mm{ width:3em; }
ul.list-date li.ddyoubi{ width:6em; }




/*05,1,15を追加 */
ul.itemize, ul.itemize-05, ul.itemize-1, ul.itemize-15, ul.itemize-2, ul.itemize-25 {
margin-top: 0.5em;
margin-bottom: 1em;
}
ul.itemize, ul.itemize-05, ul.itemize-1, ul.itemize-15, ul.itemize-2, ul.itemize-25 {
margin-bottom: 1em;
}
ul.itemize-05>li{
text-indent: -0.5em;
padding-left: 0.5em;
}
ul.itemize-1>li{
text-indent: -1em;
padding-left: 1em;
}
/* ※ ああああ　のタイプの箇条書きに使用 */
ul.itemize-15>li{
text-indent: -1.3em; /*-1.5em */
padding-left: 1.5em;
}
ul.itemize-2>li{
text-indent: -2em;
padding-left: 2em;
}
/* （１）あああ　のタイプの箇条書きに使用 */
ul.itemize-25>li{
text-indent: -2.6em; /*-2.5em */
padding-left: 2.5em;
}
.narrow-li>li{
margin-bottom: 0.2em!important;
}

/* テーブル使う場合など */
p.p_li:before {
margin-left:0.7em; margin-bottom:0.5em; margin-right:0.4em; font-family:"Font Awesome 5 Free"; font-weight: 900; color: #999999; content: "\f111" !important; font-size:80%;
}
p.p_li {
margin-right:1em; margin-bottom: 0.5em;}

/* ttl-List
---------------------------------------------------------- */
.ttl-List {
border-bottom: 1px solid #e5e5e5;
}

.ttl-List li {
border-top: 1px solid #e5e5e5;
background-color: #FFFFFF;
position: relative;
display: table;
}

.ttl-List li a {
color: #000000;
vertical-align: middle;
width: 980px;
display: table;
min-height: 6em;
height: 6em;
}

.ttl-List li a .imgBox{
display: table-cell;
width: 105px;
vertical-align: middle;
padding-left: 6px;
}

.ttl-List li a .imgBox img{
width: 100%;
/*padding-left: 0.3em;*/ /**/
/*padding-right: 0.2em;*/ /**/
left: auto;
border:1px solid #f4f4f4;/*#f8f8f8*/
}
	
.ttl-List-date{
display: table-cell;
font-size: 12px;
width: 100px;
vertical-align: middle;
text-align: center;
}

.ttl-List li .icn{
margin-top: -1.1em;
top: 50%;
position: absolute;
left: 109px;
}
	
.ttl-List li .icn1{
margin-top: -2em;
top: 50%;
position: absolute;
left: 109px;
}
	
.ttl-List li .icn2{
margin-top: 0.3em;
top: 50%;
position: absolute;
left: 109px;
}
	
.ttl-List li .icn3{
display: inline-block;
color: #FFFFFF;
margin-left: 1em;
float: none;
}

.ttl-List li a.icn3:hover{
color: #FFFFFF !important;
background-color: #007AFF;
border: 1px solid #FFFFFF;
}

/**/
.ttl-List li .icn4{
margin: 0.3em auto;
}

/*1つ目のトップにボーダーを引きたいときは ulに設定する */
ul.li-top-border li:first-child {
border-top: 1px solid #e5e5e5!important;
}
/* 廃止予定 */
.ttl-List li.list-first {
border-top: 1px solid #e5e5e5!important;
}

.arwList li a:hover i.icn4{
text-decoration: none!important;
display: inline-block;
}

.ttl-List-text{
display: table-cell;
vertical-align: middle;
padding: 2em 20px 2em 110px;
text-align: left;
}

/*ttl-List-text2はどこにも使われていないかも。調べること */
.ttl-List-Photo .ttl-List-text2{
display: table-cell;
vertical-align: middle;
padding: 2em 20px 2em 110px;
text-align: left;
}
/*2列表示用 */
.ttl-List-text-2Row{
display: table-cell;
vertical-align: middle;
padding: 2em 20px 2em 10px;
text-align: left;
}

.ttl-List-Photo .icn1,
.ttl-List-Photo .icn2{
width: 90px;
padding-top: 0.3em;
padding-bottom: 0.3em;
	}

.ttl-List .ttl-month{
font-size: 30px;
}

.ttl-List-Photo .ttl-List-text{
padding-left: 20px;

}

.ttl-List-Photo1 .ttl-List-text{
	padding-left: 20px;
padding-top: 46px; 
}

.ttl-List-Photo1 .ttl-List-text .icn2{
position: absolute;
left: 226px;
top: 15px;
}


/* From-Toで日付に期間表示を使う場合 */
.sp-row-List span.ttl-List-date span.between:after {
content:"|";
}
.sp-row-List.arwList li a:hover span.ttl-List-date span.between {
text-decoration:none!important;
}
.sp-row-List span.ttl-List-date span.between {
display:inline-block;
}
@media screen and (max-width:767px) and (min-width:1px) {
	.sp-row-List span.ttl-List-date br {
	display:none!important;
	}
	.sp-row-List span.ttl-List-date span.between {
	display:inline!important;
	}
	.sp-row-List span.ttl-List-date span.between:after {
	content:"－ ";
	}
}

/* Box-Links
---------------------------------------------------------- */
.boxLinks{
margin-bottom: -10px;
margin-right: -20px;
}

.boxLinks a {
color: #000000;
height: 100%;
display: block;
	}

.boxLinks li:hover{
background-color: #F2F8FC !important;
color: #2EC5DF !important;
}

.boxLinks li{
width: 230px;
background-color: #FFFFFF;
margin-right: 20px;
margin-bottom: 10px;
height: 140px;
font-size: 13px;
float: left;
}

.boxLinks li:nth-child(4n) {
	margin-right: 0;
}

.boxLinks li span{
height: 53px;
display: table-cell;
vertical-align: middle;
padding-right: 20px;
padding-left: 0.8em;
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
padding-top: 5px;
}

.boxLinks li span.line2:after{
margin-top: -0.7em;
}


/* Box-tableLinks
---------------------------------------------------------- */
.boxTableLinks{
width: 100%;
display: table;
border-top: 1px solid #e5e5e5;
}

.boxTableLinks li{
width: 25%;
vertical-align: top;
position: relative;
display: table;
float: left;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

.boxTableLinks li:nth-child(4n)  {
border-right-style: none;
}

.boxTableLinks a {
vertical-align: middle;
display: table-cell;
padding-left: 1.3em;
height: 100px;
padding-right: 20px; /*add */
}


.boxTableLinks.cl3 li {
width: 33.3%;
}

.boxTableLinks.cl3 li:nth-child(3n) {
border-right-style: none;
}

.boxTableLinks.cl3 li:nth-child(4n) {
border-right: 1px solid #e5e5e5;
}

.boxTableLinks2.cl2 li {
width: 50%;
}

.boxTableLinks2.cl2 li:nth-child(even) {
border-right-style: none;
}


/* Box-Links-Index
---------------------------------------------------------- */
.boxLinksIndex{
display: table;
margin-right: -20px;
	}

.boxLinksIndex a{
display: block;
}

.boxLinksIndex a:hover{
color: #007AFF;
background-color: #F2F8FC;
}

.boxLinksIndex img{
border: 1px solid #eeeeee;
}

.boxLinksIndex li.boxLinksIndex-item{
width: 310px;
background-color: #FFFFFF;
margin-right: 20px;
float: left;
min-height: 320px;
}

.boxLinksIndex li.boxLinksIndex-item p,
.boxLinksIndex li.boxLinksIndex-item ul{
padding-left: 5px;
padding-right: 5px;
}

.boxLinksIndex li:nth-child(3n),
.boxLinksIndex li:nth-child(6n) {
margin-right: 0;
padding-right: 0px;
}

.boxLinksIndex h2 {
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 5px;
}


/* icon
---------------------------------------------------------- */
.icn,.icn1,.icn2,.icn3{
width: 8.3em;
display: block;
text-align: center;
float: left;
font-size: 11px;
font-style: normal;
color: #FFFFFF;
padding: 0.4em 0.3em 0.2em 0.3em; /*mod */
line-height: 1;
}
/**/
.icn4{
width: 8.3em;
display: inline-block;
text-align: center;
font-size: 11px;
font-style: normal;
color: #FFFFFF;
padding: 0.2em;
line-height: 1;
}

.icn-pres{
background-color: #41853a;
border: 2px solid #41853a;
}

.icn-ir {
	background-color: #00a4db;
	border: 2px solid #00a4db;
}

.icn-csr{
	background-color: #048136;
	border: 2px solid #048136;
}

.icn-jirei{
	background-color: #c9038a;
	border: 2px solid #c9038a;
	width: 11em; 
}

.icn-recruit {
	background-color: #92c102;
	border: 2px solid #92c102;
}

.icn-gpres{
background-color: #106287;
border: 2px solid #106287;
}

/* イベント・セミナーアイコン */

.icn-blank{
background-color: #8F7B24;
border: 2px solid #8F7B24;
}

/**/
.icn-kita{ 
background-color: var(--main-bg-color);
border: 2px solid var(--main-bg-color);
}
.icn-tokyo{
background-color: #3466DF;
border: 2px solid #3466DF;
}
/**/
.icn-chubu{ 
background-color: #6A00FF;
border: 2px solid #6A00FF;
}
.icn-osaka{ /**/
background-color: #A20025;
border: 2px solid #A20025;
}
/**/
.icn-minami{ 
background-color: #FA6800;
border: 2px solid #FA6800;
}
/**/
.icn-kyushu{ 
background-color: #E51400;
border: 2px solid #E51400;
}

.icn-event{ /* 未使用 */
background-color: #FFFFFF;
border: 2px solid #1daa36;
color: #1daa36;
}
/*mod */
.icn-product-info{
background-color: #FA6800;
border: 2px solid #FA6800;
}
.icn-product-seminar{
background-color: #00a4db;
border: 2px solid #00a4db;
}
.icn-product-press{
background-color: #41853a;
border: 2px solid #41853a;
}

.icn-afterreport{
background-color: #0d9a1b;
border: 2px solid #0d9a1b;
width: 9em!important;
}
.icn-end{ /*add */
background-color: #4d4d4d;
border: 2px solid #4d4d4d;
color: #FFFFFF;
width: 8em!important; /*mod */
}
.icn-end{ /*add */
background-color: #c8c8c8;
border: 2px solid #333333;
color: #000000!important;
width:6em!important;
}
.day .icn3{ /*add */
display:inline-block;
float:none;
font-weight:normal;
margin-left:10px;
width:8em; /*mod */
}
.icn-full{ /*add */
background-color: #FFFFFF;
border: 2px solid #E51400;
color: #E51400!important;
width: 6em!important; /*mod */
}
.icn-cancel{ /*add */
background-color: #c8c8c8;
border: 2px solid #333333;
color: #000000!important;
width: 6em!important; /*mod */
}


.icn-Info{
background-color: #cc9900;
border: 2px solid #cc9900;
}

.icn-news{
background-color: #d15a00;
border: 2px solid #d15a00;
}

/**/
img[src$="/img/icn/icn_pdf.gif"]{
margin-top:3px!important;
}
/**/
img[src$="/img/icn/icn_new_window.gif"]{
margin-top:3px!important;
}
/**/
img[src$="/img/icn/icn_arrow_blue.gif"]{
margin-top:4px!important;
}
/**/
img.sp_icn_pdf{
width:13px;
height:16px;
margin-top:1px!important;
}
/**/
img[src$="/img/icn/icn_new.gif"]{
vertical-align:middle!important;
margin-top:-3px!important;
}

/* btn
---------------------------------------------------------- */
.btn-printBox{
margin-left: auto;
margin-right: auto;
height: 40px;
}

.btn-print{/* ADD*/
background-color: #007aff;
border: 1px solid #007AFF;
color: #FFFFFF;
border-radius: 5px;
padding: 0.5em 1em;
}

.btn-print:hover{/* ADD*/
background-color: #FFF;
color: #007AFF !important;
text-decoration: none !important;
}

/**/
.nform input[type="submit"], .nform input[type="button"] {
font-family: "Font Awesome 5 Free";/**/
font-weight:400!important;
background-color: #007aff;
color: #FFFFFF;
padding: 1em;
border-radius: 2px;
margin-right: 1em;
}
/**/
.nform input[type="button"].btn-cancel {
background-color: #9fbad4;
color: #FFFFFF;
}

/**/
.nform input[type="reset"] {
padding: 1em 0em;
background-image: none;
color: #007aff;
background-color: transparent;
margin-left: 1em;
}
/**/
.nform input:hover[type="submit"], .nform input:hover[type="button"] {
background-color: #092886;
}
/**/
.nform input:hover[type="button"].btn-cancel {
background-color: #647687;
}
/**/
.nform input:hover[type="reset"] {
text-decoration: underline;
}
/* 201608-2 */
.btn-access{
background-color: #007AFF;
border: 1px solid #007AFF;
color: #FFFFFF;
border-radius: 5px;
padding: 0.5em 1em;
float: none;
display: inline-block;
}
.btn-access:hover{
background-color: #FFF;
color: #007AFF !important;
text-decoration: none !important;
}



/* footer
---------------------------------------------------------- */
#footer {
background-color: var(--main-bg-color);
padding-right: 0;
padding-left: 0;
padding-bottom: 30px;
position: fixed;
bottom: 0px;
width: 100%;
height: 0;
}

#copyright {
text-align: center;
color: #fff;
font-size: 86%;
}

#footer-links{
margin-left: auto;
margin-right: auto;
background-color: var(--main-bg-color);
margin-bottom: 30px;
}

#footer-links a, #footer-links span.nolink{
color: #FFFFFF;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

#footer-links a:hover{
background-color: transparent !important;
}

.footer-links-list{
width: 980px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
}

.footer-links-item {
width: 20%;
padding-right: 20px;
float: left;
}

.footer-links-item2{
font-size: 10px;
line-height: 1.7em;
	}

.footer-links-dir {
border-bottom: 1px solid #3b5091;
display: block;
position: relative;
}

.footer-links-dir:after {
	margin-top: -1em;
	}

.footer-links-item:last-child {
padding-right: 0px;
}



/* header
---------------------------------------------------------- */
#header {
width: 100%;
background-color: #fff;
padding-right: 0;
padding-left: 0;
/* border-top: 10px solid var(--main-bg-color); */
height: 160px;
z-index: 1;
}

#headerIn {
margin: 0 auto;
width: 100%;
position: relative;
display: block;
left: 10%;
}

#headerLogo {/* 201608 */
position: absolute;
width: 250px;
top: 26px;
display: inline-block;
}

#headerUtility {
float: right;
width: 500px;
}

#headerLinks li {
display: inline-block;
padding: 0 17px;
font-size: 86%;
}

#headerLinks li:first-child {
}

#headerLinks li a {
padding: 0 0 0 10px;
}

/* gNavi
---------------------------------------------------------- */
#gNaviWrap {
width: 100%;
}

#gNavi {
max-width: 980px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
position: relative;
display: block;
}

#gNavi form {
width: 249px;
text-align: left;
position: absolute;
right: 0px;
/*top: 10px; top: 23px; */
}

#gNavi input[type="text"] {
width: 215px;
padding-right: 11px;
padding-left: 11px;
color: #999999;
float: left;
border-radius: 2px 0px 0px 2px;
border-left: 1px solid #d6d3d3;
border-right: 1px none #d6d3d3;
border-bottom: 1px solid #d6d3d3;
border-top: 1px solid #d6d3d3;
line-height: 35px;
height: 35px;
}

#gNavi input[type="image"] {
width: 49px;
height: 35px;
background-image: url(../../img/btn_search.png);
background-repeat: no-repeat;
background-position: center center;
background-color: #092986;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}


#fNavi{
display: table;
font-size: 12px;
position: absolute;
left: 320px;
top: 33px;
}

#fNavi li{
display: table-cell;
}

#fNavi li a{
color: #000000;
margin-left: 9px;
margin-right: 9px;
width: auto;
}
	
#mNavi {
display: table;
//width: 980px;
position: absolute;
top: 90px;
left: 0px;
}

#mNavi li{
position: relative;
}

#mNavi li a{
text-align: center;
width: 138px;
float: left;
display: block;
border-left: 1px solid #d6d3d3;
color: #000000;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
letter-spacing: -0.04em;
z-index: 100;
position: relative;
}

#mNavi li a:hover,
#product li.mNav01 a,
#event li.mNav02 a,
#news li.mNav03 a,
#ir li.mNav04 a,
#recruit li.mNav05 a, /**/
#csr li.mNav06 a, /**/
#corp li.mNav07 a,
#service-e li.mNav01 a,
#ir-e li.mNav02 a,
#csr-e li.mNav03 a,
#corp-e li.mNav04 a{
text-decoration: none !important;
color: #092886 !important;
background-image: url(../../img/mnavi-line.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

#product li.mNav01 ul a,
#ir li.mNav04 ul a,
#recruit li.mNav05 ul a,
#csr li.mNav06 ul a,
#corp li.mNav07 ul a,
#service-e li.mNav01 ul a,
#ir-e li.mNav02 ul a,
#csr-e li.mNav03 ul a,
#corp-e li.mNav04 ul a{
color: #007aff !important; /*カレントページ ドロップメニュー キャンセル*/
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
}

#mNavi li:hover ul{
visibility: visible;
opacity: 1;
cursor: pointer;
}

#mNavi li.mNav02 a{
width: 150px;
}

#mNavi li.mNav07 a{
border-right: 1px solid #d6d3d3;
}

#mNavi li ul{
visibility: hidden;
opacity: 0;
transition: 0s;
position: absolute;
top: 64px;
background-color: #FFFFFF;
font-size: 12px;
width: 202px;
margin-left: -33px;
-webkit-box-shadow: 0 1px 3px -9px #515151;
box-shadow: 0 1px 3px -9px #515151;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-bottom-style: none;
border-top: 1px solid #dcdcdc;
left: auto;
z-index: 9999;
}

#mNavi li.mNav07 ul a,
#mNavi li.mNav04 ul a{
border-right-style: none;
}

#mNavi li ul:after {
content: "";
background-image: url(../../img/mnavi.png);
background-repeat: no-repeat;
height: 40px;
width: 202px;
position: absolute;
display: block;
margin-top: -35px;
background-position: center -30px;
}

#mNavi li.mNav01 ul{
left: 0px;
}
#mNavi li.mNav04 ul{
left: 422px;
}
#mNavi li.mNav05 ul{
left: 566px;
}
#mNavi li.mNav06 ul{
left: 706px;
}
#mNavi li.mNav07 ul{
left: 837px;
}

#mNavi li ul li a{
visibility: hidden;
opacity: 0;
transition: .5s;
text-align: left;
width: 200px;
padding: 13px 0px 13px 10px;
border-bottom: 1px solid #dcdcdc;
position: relative;
color: #007aff !important; /*#007BFF */
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
z-index: 99999;
border-left-style: none;
}

#mNavi li ul li a:hover{
text-decoration: underline !important;
color: #2EC5DF!important;
transition: 0s;
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
}

#mNavi li:hover ul li a{
visibility: visible;
opacity: 1;
}


/* localNavi
---------------------------------------------------------- */
#localNavi{
 width: 220px;
}

/* breadcrumb
---------------------------------------------------------- */
#breadcrumb{
background-color: #d2d7e4;
z-index: 100;
font-size: 0.9em;
}

#breadcrumb .section{
padding-top: 15px;
padding-bottom: 15px;
}

#breadcrumb a,
#breadcrumb span{
color: #666;	
	}
	
#breadcrumb span{
padding-right: 0.6em;
padding-left: 0.6em;
}

/* CategoryVisual
---------------------------------------------------------- */
#categoryVisual{
background-color: #f1f1f1;
background-position: right 0%;
background-repeat: no-repeat;
}
/*display: flex に変更 */
#categoryVisual h1, #categoryVisual div#h1{ /**/
font-weight: 500;
font-size: 30px;
padding-top: 0px;
padding-bottom: 0px;
height: auto; /*90px70px */
min-height: 70px; /**/

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;         /* 子要素の配置方向：横*/
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: stretch;        /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center;       /* 複数行になった時の揃え方：中央 */
flex-wrap: wrap; /* 折り返し */
}
/*display: flex に変更,20191210 直下spanに限定 */
#categoryVisual h1>span, #categoryVisual div#h1>span { /**/
height: auto; /*90px70px */
min-height: 70px; /**/
line-height:1.3;

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;         /* 子要素の配置方向：横*/
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: center;        /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center;       /* 複数行になった時の揃え方：中央 */
flex-wrap: wrap; /* 折り返し */
}
/**/
#categoryVisual h1 span.long_title {
font-size: 24px;
}
#categoryVisual h1:not(:target), #categoryVisual div#h1:not(:target) { /**/
	padding-top: 6px\9; /* IE9, 10 */
}

@media all and (-ms-high-contrast:none){ /* IE11 */
  *::-ms-backdrop, #categoryVisual h1{padding-top: 6px }
  *::-ms-backdrop, #categoryVisual div#h1{padding-top: 6px } /**/
}

.lowLev #categoryVisual{
background-image: none !important;
}

#categoryVisual-main-bg { /**/
background-color: #D0D1D3;
}

#categoryVisual-main { /**/
/* background-image: url(../../mirai/img/06_workstyle_visual.jpg); */
background-position: center center;
background-repeat: no-repeat;
}
#categoryVisual-main img.pc { /**/
max-width: 100%;
height: 320px;
margin-left: auto;
margin-right: auto;
}
#categoryVisual-lead { /**/
background-color: #e0e0e7;
font-size: 20px;
color: #1d2088;
}



/* HTitle
---------------------------------------------------------- */
.h-ttl01{
font-weight: 500;
font-style: normal;
font-size: 24px;
text-indent: 0px;
margin-bottom: 1.3em;
letter-spacing: -0.01em;
}

.h-ttl02{
font-weight: 300;
font-style: normal;
font-size: 16px;
text-indent: 0px;
margin-bottom: 1.3em;
letter-spacing: -0.05em;
border-top: 2px solid var(--main-bg-color);
}

.h-ttl03{
background-image: url(../../img/h-ttl03.gif);
background-position: 0 bottom;
background-repeat: no-repeat;
margin-bottom: 1em;
padding-bottom: 0.5em;
}

.h-ttl04 {
	background-color: khaki;
	padding: 0.5em 0.5em;
	font-size: 15px;
	font-weight: 900;
	border-top: 2px solid var(--main-bg-color);
}

.h-ttl04g {
	background-color: khaki;
	padding: 1em 0.8em;
	font-size: 24px;
	font-weight: 500;
	border-top: 2px solid #8d89a4;
}
.company tbody tr td{
margin: 5px;
}

#main_contents h3{
	margin-bottom:20px;
}

/* hdr-Block：2016/12/13 */
.hdr-Block01 {
margin-bottom: 2em;
border-top: 3px solid #092886;
border-bottom: 3px solid #d2d7e4;
display: table;
width: 740px;
padding-left: 20px;
padding-top: 1em;
padding-bottom: 1em;
}
.hdr-Block01-h-ttl {
display: table-cell;
line-height: 1.2;
}
.hdr-Block01-h-ttl01 {
color: #666666;
line-height: 1.5;
}
.hdr-Block01-h-logo {
vertical-align: middle;
margin-bottom: 1em; /*mod 0.5em */
}
/* icn */
.icn-new {
background-color: #FFFFFF;
border: 1px solid #ff007e;
color: #ff007e;
width: 3em;
display: inline;
text-align: center;
font-size: 11px;
font-style: normal;
padding: 0.1em 0.2em;
line-height: 1;
margin-left: 1em;
}

/* left_navi
---------------------------------------------------------- */
#left_navi{}

#left_navi a,
#left_navi span{
line-height: 1.2; /*1 */
display: block;
padding: 1.3em 20px 1.3em 0.9em;
position: relative;
font-weight: normal;
}

#left_navi .dir-ttl a,
#left_navi span.dir-ttl{
background-color: #d2d7e4!important;
color: #000000!important;
border-radius: 1px;
padding-top: 1em;
padding-bottom: 1em;
display: block;
padding-left: 0.6em;
font-weight: bold;
border-style: none;
background-image: none;
}

#left_navi .dir-ttl a:hover{
	color: #2EC5DF !important;
	background-image: url(../../img/arw.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #F2F8FC !important;
}

#left_navi .dir-ttl a{
	background-image: url(../../img/arw.png);
	background-repeat: no-repeat;
	background-position: right center;
	}

#left_navi .dir-00 {
margin-bottom: 2em;
}

#left_navi .dir-00 a,
#left_navi .dir-01 a{
	background-image: url(../../img/arw.png);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
#left_navi .dir-00-01:not(.leftnavi-nobg),  /*MOD */
#left_navi .dir-00 span:not(.leftnavi-nolink){ /**/
border-bottom: 1px solid #f1f1f1;
background-image: url(../../img/localnavi-point.gif);
background-position: left center;
background-repeat: no-repeat;
}
 /*MOD */
#left_navi .dir-00-01 span.leftnavi-nolink:not(.leftnavi-nobg){
background-color: #e7f2fa; /*mod #F2F8FC */
background-image: url(../../img/localnavi-point.gif);
background-position: left center;
background-repeat: no-repeat;
}
/**/
#left_navi .dir-00-01 span[style*="font-"]{
line-height: 1.2;
display: inline;
padding: 0;
position: static;
background-image:none;
border:none;
}
/*製品・サービスのサブナビの色分け */
#left_navi .dir-00 span.dir-ttl-sub {
background-color: #d6e8fa !important;
background-image: url(../../img/localnavi-point-sub.gif)!important;
}

/*レフトナビ第一階層を太字にする場合 */
/*
#left_navi .dir-00-01 a, #left_navi .dir-00-01 span{
font-weight:bold;
}
*/
/* 背景をつけると、薄くてもマウスオーバーの効果が薄れる
#left_navi .dir-00-01{
background-color: #f6f6f6;
}
*/

#left_navi .dir-01 li.dir-icn a{
padding-left: 5px;	
border-bottom: 1px solid #f1f1f1;
}
	
#left_navi li.dir-icn:hover,
#left_navi li.dir-00-01:not(.leftnavi-nobg):hover, /*MOD */
#left_navi li.dir-01-01:hover,
#left_navi li.lower:hover{
background-color: #F2F8FC !important;
}

#left_navi .dir-00 li:first-child a{
border-top: 1px solid #FFFFFF;
}

#left_navi .dir-00 li.dir-ttl:first-child a{
border-style: none;
padding-top: 1.3em;
padding-bottom: 1.3em;
}

#left_navi .dir-01 a{
padding-left: 10px;
font-weight: normal;
}

#left_navi .dir-01 li:last-child{
border-bottom-style: none; 
}

#left_navi .current a{
font-weight: bold;
color: #000000!important;
}

#left_navi .lower a{padding-left: 30px;}

/*製品サービスでリンク先なしの左ナビ */
#left_navi a[href$="void(0);"]{
color:#000000!important;
background-color: #F2F8FC !important;
background-image: url(../../img/localnavi-point.gif)!important;
background-position: left center!important;
background-repeat: no-repeat!important;
}
#left_navi a[href$="void(0);"]:hover{
color:#000000!important;
text-decoration:none!important;
cursor:default!important;
}

/**/
/*#left_navi a:hover,*/
#left_navi .on a{
font-weight: bold;
color: #000000!important;
}

/* IR左ナビstart */
ul.etc_navi {
padding-bottom:30px;
}

/* left_navi：2016/12/13 */
#left_navi .dir-00 {
background-color: #FFFFFF;
}
#left_navi .bnr-00 li {
margin-bottom: 1em;
background-color: #FFFFFF;
}
#left_navi .bnr-00 a {
margin: 0px;
padding: 0px;
display: block;
}
#left_navi .bnr-00 .bnr-00-01 a {
border: 2px solid #F1F1F1;
text-align: center;
}
#left_navi .bnr-00 .bnr-00-02 a {
border: 2px solid #F1F1F1;
text-align: center;
color: #FFFFFF;
padding-top: 1.6em;
padding-bottom: 1.6em;
}
#left_navi .bnr-00 .bnr-00-03 a {
border: 2px solid #F1F1F1;
text-align: center;
padding-bottom: 0em;
}
#left_navi .bnr-00 .bnr-00-03 a span {
margin-top: 0px;
padding: 8px;
text-align: left;
}
#left_navi .bg-green {
background-color: #2C8E45;
}

/**/
#localNavi div.left_banner{
margin:0 auto 20px auto;
text-align:center;
}

#localNavi .etc_navi a {
background-color: #d2d7e4!important;
color: #000000!important;
border-radius: 1px;
padding-top: 1em;
padding-bottom: 1em;
display: block;
padding-left: 0.6em;
padding-right:1.15em;
/*font-weight: bold;*/
border-style: none;
background-image: none;
}
#localNavi .etc_navi a{
	background-image: url(../../img/arw.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 50px;
}
#localNavi .etc_navi a:hover{
	color: #2EC5DF !important;
	background-image: url(../../img/arw.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 50px;
	background-color: #F2F8FC !important;
}
#localNavi .etc_navi_corp a{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_corp.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_corp a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_corp_h.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_stock a{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_stock.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_stock a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_stock_h.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_mail a{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_mail.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_mail a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_mail_h.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_faq a{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_faq.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_faq a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_faq_h.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_support a{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_support.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}
#localNavi .etc_navi_support a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/left_icn_support_h.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
}

/* IRランキング */
#ranking {
padding-bottom:30px;
}
#ranking a,
#ranking span{
line-height: 1;
display: block;
padding: 1.3em 20px 1.3em 0.9em;
position: relative;
font-weight: normal;
border-bottom: 1px solid #F1F1F1;
}
#ranking span.ttl{
background-color: #d2d7e4!important;
color: #000000!important;
border-radius: 1px;
padding-top: 1em;
padding-bottom: 1em;
display: block;
font-weight: bold;
border-style: none;
background-image: url(../../img/ir/left_icn_rank.png);
background-repeat: no-repeat;
background-position: 6px 47%;
padding-left: 50px;
}
#ranking a{
	background-image: url(../../img/arw.png), url(../../img/ir/rank01.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
	padding-left: 50px;
}
#ranking a:hover{
	color: #2EC5DF !important;
	background-image: url(../../img/arw.png), url(../../img/ir/rank01.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right center, 6px 47%;
	padding-left: 50px;
	background-color: #F2F8FC !important;
}
#ranking .rank01 a{
}
#ranking .rank01 a:hover{
}
#ranking .rank02 a{
	background-image: url(../../img/arw.png), url(../../img/ir/rank02.png);
}
#ranking .rank02 a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/rank02.png);
}

#ranking .rank03 a{
	background-image: url(../../img/arw.png), url(../../img/ir/rank03.png);
}
#ranking .rank03 a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/rank03.png);
}
#ranking .rank04 a{
	background-image: url(../../img/arw.png), url(../../img/ir/rank04.png);
}
#ranking .rank04 a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/rank04.png);
}
#ranking .rank05 a{
	background-image: url(../../img/arw.png), url(../../img/ir/rank05.png);
}
#ranking .rank05 a:hover{
	background-image: url(../../img/arw.png), url(../../img/ir/rank05.png);
}

#mainContents {
	text-align: center;
	margin-top: 70px;
}

#mainIframe {
	width: 100%;
	border: none;
}
#topContents {
	width: 100%;
}
/* table
---------------------------------------------------------- */
.table1 { margin-bottom: 1em; width: 100%; }

/**/
.accessmap .table1 { margin-bottom: 1em; width: 100%; }

.accessmap .table1 th, .accessmap .table1 td {
padding: 2em;
border-bottom: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
}

.accessmap .table1 th {
background-color: #F1F1F1;
white-space: nowrap;
width: 20%;
border-right: 1px solid #C2C2C2;
text-align: left;
}


/* background-colorreset.cssに移動
---------------------------------------------------------- */

/* background-image
---------------------------------------------------------- */
.bg-none { /**/
background-image:none !important;
}

/* border 枠
---------------------------------------------------------- */
.bdc { /**/
border: solid 1px #c6c6c6;
}

/* common
---------------------------------------------------------- */
.notes { 
padding-left: 1em; text-indent: -1em; margin-bottom: 0.5em; clear: both; 
}

/* heightLineのキャンセル
---------------------------------------------------------- */
.height-auto {
height:auto!important;
}
@media screen and (max-width:767px) and (min-width:1px) {
.sp-height-auto {height: auto !important;}
}
@media screen and (max-width:640px) {
.sp-height-auto-640 {height: auto !important;}
}
@media screen and (max-width:570px) {
.sp-height-auto-570 {height: auto !important;}
}
@media screen and (max-width:435px) {
.sp-height-auto-435 {height: auto !important;}
}
@media screen and (max-width:414px) {
.sp-height-auto-414 {height: auto !important;}
}
@media screen and (max-width:380px) {
.sp-height-auto-380 {height: auto !important;}
}
@media screen and (max-width:360px) {
.sp-height-auto-360 {height: auto !important;}
}
@media screen and (max-width:320px) {
.sp-height-auto-320 {height: auto !important;}
}

/* heightLineのキャンセル ここまで ---------------------------------------------------------- */


/**/
.flatlink-wraper{
margin:0;
}
ul.flatlink{
width:640px;
margin:0 auto;
}

ul.flatlink li {
margin-bottom: 20px;
float:left;
display:table;
}
ul.flatlink li:nth-child(odd) {
margin-right:20px;
}

.flatlink-bg-blue { /* 青 */
background-color: #43A2CA;
}
.flatlink-bg-green { /* 緑 */
background-color: #87CA43;
}
.flatlink-bg-brown { /* 茶色 */
background-color: #CABD43;
}
.flatlink-bg-orange { /* 黄 */
background-color: #FFCD4D;
}
.flatlink-bg-orange2 { /* 濃いオレンジ */
background-color: #FA6800;
}
ul.flatlink li a {
display:table;
width:300px;
height:100px;
background-image: url(../../img/arw-w.png);
background-repeat: no-repeat;
background-position: right center;
}
ul.flatlink li a:hover {
color: #FFFFFF!important;
opacity: 0.9;
-moz-opacity : 0.9;
-ms-filter: alpha( opacity=90 ) !important;
filter: alpha( opacity=90 ) !important;
}
ul.flatlink li a span{
display:table-cell;
text-align:center;
vertical-align:middle;
color:#ffffff!important;
font-size:130%!important;
line-height:1.5em;
}
ul.flatlink-2col li a {
width:310px;
height:100px;
}
ul.flatlink-3col li a {
width:200px;
height:100px;
}
ul.flatlink-3col li:nth-child(even) {
margin-right:20px;
}
ul.flatlink-3col li:nth-child(3n) {
margin-right:0;
}

/* ボタン　ロールオーバー CSS */
img.ro_btn:hover {
	filter: alpha(opacity=80);
	opacity:0.8;
}

/* IE7にも効く table-cell */
.table-cell {
display:table-cell;
}
*:first-child+html .table-cell {
display:inline;
zoom:1;
}

/* テーブル全体をスクロールさせる 
.x_scroll は削除、 .scrollに移行 */

/* テーブルのデータ列だけをスクロールさせる*/
div.x_data_area {
  width: 940px;
  overflow: hidden;
}
 
/* ロック部分 */
div.lock_box {
  float: left;
  width: 140px;
}
 
/* 横スクロール部分 */
div.x_scroll_box {
  float: left;
  width: 600px;
  overflow-y: hidden; /* 縦スクロール非表示 */
  overflow-x: scroll; /* 横スクロール */
}
 
/* テーブル */
.lock_box table {
  width: 140px;
}
 
.x_scroll_box table {
  width: 800px;
}


/* news
---------------------------------------------------------- */
.news{
margin-right: -15px; 
}

.news li {
width: 480px;
background-color: #FFFFFF;
vertical-align: top;
position: relative;
display: table;
margin-bottom: 10px;
margin-right: 15px; 
float: left;
}

.news li a{
color: #000000;
display: table-cell;
vertical-align: middle;
padding: 1.5em 40px 1.5em 30px;
}

.news li a:hover{
text-decoration: underline;
}

li.heightLine-news-item.line{
border: 1px solid #eeeeee;
}

li.heightLine-news-item .news-item-img{
display: block;
float: left;
width: 25%;
text-align: center;
}

li.heightLine-news-item .news-item-txt{
overflow: auto;
display: block;
width: 75%;
padding-left: 15px;
}


/*Links-Index 20161208add
---------------------------------------------------------- */
.LinksIndex {
padding: 15px 15px 0px !important;
}
.LinksIndex a.LinksIndex-link {
display: block;
}
.LinksIndex a.LinksIndex-link:hover {
color: #007AFF;
background-color: #F2F8FC;
}
.LinksIndex h2 {
display: block;
font-size: 18px;
font-weight: 400;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 5px;
}
.LinksIndex img {
	float: left;
	margin-right: 20px;
	width: 150px;
}
.LinksIndex li.LinksIndex-item {
	background-color: #FFFFFF;
	min-height: 150px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	height: 150px;
	}
.LinksIndex p {
margin-bottom: 1em;
margin-right: 1.5em;
}

/* ページ内リンク：新規
---------------------------------------------------------- */
/* ページ内リンク pagelinks-01 */
.pagelinks-01 ul.pagelinks-01-list {
text-align: right;
}
.pagelinks-01 ul.pagelinks-01-list li {
display: inline;
}
.pagelinks-01 ul.pagelinks-01-list li a {
margin-right: 1em;
}
.pagelinks-01 ul.pagelinks-01-list li a:after {
font-family: "Font Awesome 5 Free";/**/
font-weight:900!important;
content: " \f107";
}
/* ページ内リンク pagelinks-02 */
.pagelinks-02 {
background-color: #8A91A8;
}
.pagelinks-02 ul.pagelinks-02-list {
text-align: right;
padding-top: 1em;
padding-bottom: 1em;
}
.pagelinks-02 ul.pagelinks-02-list li {
display: inline;
}
.pagelinks-02 ul.pagelinks-02-list li a {
padding-top: 1em;
padding-bottom: 1em;
margin-right: 1em;
color: #FFFFFF;
}
.pagelinks-02 ul.pagelinks-02-list li a:after {
font-family: "Font Awesome 5 Free";/**/
font-weight:900!important;
content: " \f107";
}

/* ページ内リンク submenu add*/
.submenu {
background-color: #2c3e50; /*#007aff;*/
}
.submenu ul.pagelinks-02-list {
text-align: left;
/*padding-top: 0.5em;
padding-bottom: 0.5em;*/
}
.submenu ul.pagelinks-02-list>li {
/*display: inline;*/
float:left;
height:100%;
}
.submenu ul.pagelinks-02-list>li>a, .submenu ul.pagelinks-02-list>li>span.no-link {
/*padding-top: 1em;
padding-bottom: 1em;*/
padding: 0.5em 1em;
margin-right: 0.1em;
color: #FFFFFF;
display:inline-block;

/*    border-right: 1px solid #2c3e50!important;*/
    border-left: 1px solid #2c3e50!important;
    border-top: 1px solid #2c3e50!important;
    border-bottom: 1px solid #2c3e50!important;
}
.submenu ul.pagelinks-02-list>li:not(.menu__mega3)>a {
/* 削除予定 */
}

.submenu ul.pagelinks-02-list>li>a.right-border, .submenu ul.pagelinks-02-list>li>span.no-link.right-border {
border-right: 1px solid #2c3e50!important;
}

/*
.submenu ul.pagelinks-02-list>li:first-child>a {
margin-left: 1px;
}
.submenu ul.pagelinks-02-list>li:last-child>a {
margin-right: 1px;
}
*/
.submenu ul.pagelinks-02-list>li.on_hover>span.no-link { 
background-color: #F2F8FC!important;
color: #2c3e50 !important; /* #2EC5DF */
text-decoration: none !important;

}
.submenu ul.pagelinks-02-list>li.on_hover>a { 
background-color: #F2F8FC!important;
color: #007aff !important; /* #2EC5DF */
text-decoration: underline !important;
}

.submenu ul.pagelinks-02-list>li>a:hover, .submenu ul.pagelinks-02-list>li>span.no-link:hover {
background-color: #F2F8FC!important;
}

.submenu ul.pagelinks-02-list>li>a:after, .submenu ul.pagelinks-02-list>li>span.no-link:after {
font-family: "Font Awesome 5 Free";/**/
font-weight:900!important;
content: " \f107";
}
/* 第一階層リンク*/
.submenu ul.pagelinks-02-list>li a.link-level1:after,
.mNavi2019-child a.link-level1:after {
content: " \f105";
color:#fff;
}
.submenu ul.pagelinks-02-list>li.on_hover a.link-level1:after {/**/
color: #007aff !important;
}


/* ページ内リンク pagelinks3 */
.pagelinks-03 ul.pagelinks-03-list li { /*mod */
display: inline-block;
margin-bottom: .5em;
}
.pagelinks-03 ul.pagelinks-03-list li a { /*mod */
padding: 0.3em 1em;
margin-right: 0.3em;
color: #FFFFFF;
border-radius: 2px;
display: inline-block;
}
.pagelinks-03 ul.pagelinks-03-list li a:after {
font-family: "Font Awesome 5 Free";/**/
font-weight:900!important;
content: " \f107";
}
.pagelinks-03 ul.pagelinks-03-list.gray li a {
background-color: #8A91A8;
}
/*add */
.pagelinks-03 ul.pagelinks-03-list.gray li a:hover {
background-color: #F2F8FC!important;
}


.pagelinks-03 ul.pagelinks-03-list.green li a {
background-color: #2C8E45;
}
.pagelinks-03 ul.pagelinks-03-list.blue li a {
background-color: #007FA4;
}
.pagelinks-03 ul.pagelinks-03-list.violet li a {
background-color: #775DA5;
}
.pagelinks-03 ul.pagelinks-03-list.brown li a {
background-color: #997349;
}
.pagelinks-03 ul.pagelinks-03-list.wine li a {
background-color: #994953;
}

/* 段組みレイアウト:新規
   --------------------------------------------- */
.box {
padding: 0.8em 1em 0.7em 1em;/*padding: 0.8em 1em; */
}
.box05em {
padding: 0.3em 0.5em 0.2em 0.5em;
}
.box-Line {
border: 3px solid #F3F3F3;
}
.box-Line1 {
border: 1px solid #F3F3F3;
}
/* 2カラム */
div.cl2 .box1 {
margin-right: 20px;
}
div.cl2 .box1,
div.cl2 .box2 {
float: left;
padding: 20px;
width: 480px; /* 360 */
}
/* 3カラム */
div.cl3 .box1,
div.cl3 .box2 {
margin-right: 19px; /* 20 */
}
div.cl3 .box1,
div.cl3 .box2,
div.cl3 .box3 {
float: left;
width: 314px; /* 233 */
padding: 20px;
}
div.cl3.heightLineParent>.box1,
div.cl3.heightLineParent>.box2,
div.cl3.heightLineParent>.box3 {
box-sizing:content-box;
width: 268px;
}
div.cl2.heightLineParent>.box1,
div.cl2.heightLineParent>.box2 {
box-sizing:content-box;
width: 434px;
}

@media screen and (max-width:767px) and (min-width:1px) {
	.box {
	padding: 0.8em 1em;
	}
	div.cl2 .box1,
	div.cl2 .box2,
	div.cl2.heightLineParent>.box1,
	div.cl2.heightLineParent>.box2,
	div.cl3 .box1,
	div.cl3 .box2,
	div.cl3 .box3,
	div.cl3.heightLineParent>.box1,
	div.cl3.heightLineParent>.box2,
	div.cl3.heightLineParent>.box3 {
	float: none;
	width: 100%;
	margin-bottom: 1em;
	margin-right: 0px;
	}
	div.cl2.heightLineParent>.box1,
	div.cl2.heightLineParent>.box2,
	div.cl3.heightLineParent>.box1,
	div.cl3.heightLineParent>.box2,
	div.cl3.heightLineParent>.box3 {
		box-sizing:border-box;
	}
}



/* line：2016/12/13 */
.line-under-gray { border-bottom: 1px solid #D2D7E2;}
.line-under-gray-dot { border-bottom: 1px dotted #D2D7E2;}
.underline { text-decoration: underline;}

@media screen and (max-width:767px) and (min-width:1px) {
.sp-line-under-gray { border-bottom: 1px solid #D2D7E2;}
.sp-line-under-gray-dot { border-bottom: 1px dotted #D2D7E2;}
.sp-underline { text-decoration: underline;}

}



/* 写真：2016/12/13 */
figcaption{
/* 20180830
	padding-top: 0.5em;
	font-size: 12px;
	line-height: 1.2em;
*/
margin-top:0.3em;
line-height: 1.4em;
}
figcaption-s{/**/
	margin-top:0.3em;
	font-size: 12px;
	line-height: 1.2em;
}
.photoLine{
border: 2px solid #FFFFFF;
}
.pd1em {
padding: 1em;
}
.figcaption-line02-1{
width: 350px;
float: left;
}
.figcaption-line02-2{
width: 350px;
float: right;
}
.figcaption-line03-1{
width: 233px;
float: left;
margin-right: 20px;
}
.figcaption-line03-2{
width: 234px;
float: left;
margin-right: 20px;
}
.figcaption-line03-3{
width: 233px;
float: left;
}
/* table：2016/12/13 */
.tableCaption{
text-align: left;
clear: both;
}
.tableCaption-top-r{
caption-side: top;
text-align: right;
margin-bottom: 0.2em;
}
.tableCaption-bottom-r{
caption-side: bottom;
margin-top: 0.2em;
	}




/* データテーブル
   --------------------------------------------- */
/* Table-BG-Color */
.dataTable-bg-Blue {
background-color: #CCE4FF !important;
}
/* dataTable01 */
table.dataTable01,table.dataTable01b,table.dataTable02,table.dataTable02b {
margin-bottom: 0.2em;
line-height: 1.6em !important; /*edit*/
width: 980px; /* 740 */
}
table.dataTable01 th,
table.dataTable01 td,
table.dataTable01b th,
table.dataTable01b td,
table.dataTable02 th,
table.dataTable02 td,
table.dataTable02b th,
table.dataTable02b td {
padding: 1em 0.8em;
border-left: 1px solid #BFBFBF;
border-right: none;
border-bottom: 1px solid #BFBFBF;
border-top: 1px solid #BFBFBF;
}
table.dataTable01 th,
table.dataTable01b th,
table.dataTable02 th,
table.dataTable02b th {
background-color: #F1F1F1;
font-weight: bold;
border-left-style: none;
text-align: left;
}



table.dataTable01b th,
table.dataTable01b td,
table.dataTable02b th,
table.dataTable02b td {
border-left: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
}


/* dataTable02 すこし余白が少ない */
table.dataTable02,table.dataTable02b {
line-height: 1.35em !important;
}
table.dataTable02 th,
table.dataTable02 td,
table.dataTable02b th,
table.dataTable02b td {
padding: 0.8em 1em;
}

/* 右のボーダーなし */
.noline-r{
border-right: none;
}

/*枠無しテーブル */
table.nb {
width: 100%;
}
table.nb th, table.nb td {
text-align: left;
vertical-align: top;
}

/* 丸数字リスト
---------------------------------------------------------- */
ol.maru  {
position: relative;
margin:0;
padding:0
}
ol.maru li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:1.25em
}

/* 注釈など
---------------------------------------------------------- */
ul.mark-list {
position: relative;
margin:0;
padding:0
}
ul.mark-list>li {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:1.25em;
text-indent:0; /**/
}


/* beforeを使わない箇条書き
---------------------------------------------------------- */
li span.mark {
position: absolute;
left:0;
margin:0
}
/*IE6*/
*html li span.mark {
left: -1.25em;
}
li span.mark.gray80 i:before, i.gray80:before {
font-size:80%;
color:#999999;
}
li span.mark.blue80 i:before, i.blue80:before {
font-size:80%;
color:#007aff;
}
li span.mark.gray110 i:before, i.gray110:before {
font-size:110%;
color:#999999;
}
li span.mark.blue110 i:before, i.blue110:before {
font-size:110%;
color:#007aff;
}
li span.mark.gray130 i:before, i.gray130:before {
font-size:130%;
color:#999999;
}
li span.mark.blue130 i:before, i.blue130:before {
font-size:130%;
color:#007aff;
}
/**/
.img-caption {
width:100%;
font-weight:bold;
text-align:center;
border: 1px solid #D8D8D8;
padding: 0.5em 5px;
}

/*add 注記用 */
span.annotation {
background-color: crimson;
padding: 2px 6px 1px 6px;
color: #FFFFFF;
display:inline-block;
}

/* 写真などを2枚ずつレイアウト */
ul.col2 li{
float: left;
width: 360px;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
}
ul.col2 li:nth-child(even){
margin-right: 0px;
}
ul.col2 div.caption{
}
ul.col2 img.photo{
margin-bottom:5px;
}

/* MARS FINDER
---------------------------------------------------------- */
/* IE11対応*/
.mf_finder_searchBox_query_input:-ms-input-placeholder { 
padding:0;
margin:0;
font: 1rem "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #gNavi input[type="text"] {
font: 1rem "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
*::-ms-backdrop, #gNavi form {
right:-15px;
width:255px;
}

}

/*PC版でも横スクロールを追加 */
.scroll-pc table {
margin-bottom: 0.5em;
}
.scroll-pc:before {
content: "※下記のテーブルは横スクロールして参照ください。";
font-size: 10px;
color: #8A8A8A;
}
.scroll-pc {
width: 320px;
overflow: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
-webkit-overflow-scrolling: touch;
}
.scroll-pc::-webkit-scrollbar {
height: 12px;
}
.scroll-pc::-webkit-scrollbar-track {
background: #F1F1F1;
border-radius: 6px;
}
.scroll-pc::-webkit-scrollbar-thumb {
background: #666666;
border-radius: 6px;
}





/*---------------------------------------------------------- */
/*  ヘッダー固定処理に伴う追加 ADD 201608     */
/*---------------------------------------------------------- */
section.contents {
position: relative;
top: 160px;
left: auto;
right: auto;
padding-bottom: 160px;
}

/* header 
---------------------------------------------------------- */
#header {
position: fixed;
top: 0px;
z-index: 110;
}
#header,
#headerLogo,
#mNavi,
#gNavi form,
#fNavi {
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

#header.smaller {
height: 96px;
-webkit-box-shadow: 0px 0px 25px -12px;
box-shadow: 0px 0px 25px -12px;
}
#header.smaller #mNavi {
top: 52px;
}
#header.smaller #headerLogo {
top: 12px;
}
#header.smaller #fNavi {
top: 18px;
}
#header.smaller #mNavi li ul {
top: 50px;
}
#header.smaller #mNavi li ul a {
padding-top: 10px;
padding-bottom: 10px;
}
#header.smaller #gNavi form {
top: -10px; /*top: 5px; */
}
#header.smaller #mNavi li a {
padding-top: 5px;
padding-bottom: 5px;
}
#inquiryLink, #submenuLink {
display: block;
}
#submenuLink.follow {
position: fixed;
top: 128px;
}
#inquiryLink {
margin-left: 990px;
width: 40px;
/*margin-top: 45px;*/
transition: 1s;
  -webkit-transition: 1s;
}
#inquiryLink.follow {
position: fixed;
top: 175px;/*130px;*/
}

@media screen and (min-width:769px) {
#inquiryLink, #submenuLink {
margin-left:990px;
position: absolute;
}

}

@media screen and (max-width:980px) {
#header.smaller #fNavi {
left: 329px;
}

}
/* メニュースマホ表示 ここから-------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
#header.smaller,
#inquiryLink.follow,
#submenuLink.follow {
position: relative;
top: 0;
}

/* メニュー
---------------------------------------------------------- */
#gNavi.open,
#localNavi.open{
display: block;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
z-index: 99;
}
#gNavi{
z-index: 1;
position: fixed;
top: 50px;
}
#header.smaller #fNavi {
top: 380px;
left:0px;
}
#header.smaller #mNavi li a {
padding-top: 13px;
padding-bottom: 13px;
}
#left_navi .bnr-00 .bnr-00-03 a span{
text-align: center;
}
#inquiryLink, #submenuLink{
display: none;
}

/* ページ追従設定 header
---------------------------------------------------------- */
.toggle,
.toggle:after,
#categoryVisual,
#main_contents2,
#categoryVisual.smaller div#h1, /**/
#categoryVisual.smaller h1{
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#header.smaller{
position: fixed;
height: 50px;
box-shadow: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px 0px;
border-bottom: 1px solid #f1f1f1; /**/
}
#header.smaller #gNavi form {
top: 5px;
}
#header.smaller #mNavi {
top: 45px;
}
#categoryVisual{
/* position: fixed;
top: 50px;*/
width: 100%;
/*cursor: pointer; */
display: table;
z-index: 100;
/*background-image: url(../../img/icn-plus.png);*/
background-repeat: no-repeat;
background-size: auto 22px;
background-position: right 14px center;
}


/**/
#categoryVisual.no-toggle{
background-image: none!important;
}
#categoryVisual.open{
/*background-image: url(../../img/icn-minus.png);*/
position: fixed; /**/
top: 50px; /**/
}
#event.index #categoryVisual,
#event.index #categoryVisual.open,
#news.index #categoryVisual,
#news.index #categoryVisual.open,
#news.press #categoryVisual,
#news.press #categoryVisual.open,
#news.groupPress #categoryVisual,
#news.groupPress #categoryVisual.open,
#news.pressNews #categoryVisual,
#news.pressNews #categoryVisual.open,
#ir.index #categoryVisual,	/*.index追加 */
#ir.index #categoryVisual.open,	/*.index追加 */
#product.index #categoryVisual,
#product.index #categoryVisual.open,
body.service_list #categoryVisual, /**/
body.service_list #categoryVisual.open, /**/
#recruit #categoryVisual,
#recruit #categoryVisual.open,
#corp.index #categoryVisual,
#corp.index #categoryVisual.open,
#ir-e.index #categoryVisual,
#ir-e.index #categoryVisual.open,
#corp-e.index #categoryVisual,
#corp-e.index #categoryVisual.open{
background-image: none !important;
}
#categoryVisual.smaller{
box-shadow: 0px 0px 20px -15px;
-webkit-box-shadow: 0px 0px 20px -15px;
}
#category-Index-contents{
padding-top: 1em;
margin-bottom: 0px;
}
#categoryVisual h1, #categoryVisual div#h1{ /**/
font-size: 13px;
padding: 0.3em 10px 0.3em 10px;/*padding: 0.3em 50px 0.3em 10px;*/
height: 50px;
vertical-align: middle;
line-height: 1.3;
/*cursor: pointer; */
display: table-cell;
}
#category-Index-contents section.section,
#main_contents,
#breadcrumb .section{
width: 95%;
margin-left: auto;
margin-right: auto;
}
#main_contents{
 margin-top:20px; /* EDIT*/
}
section.contents{
top: 72px;
padding-bottom: 72px;
}

/* left_navi
---------------------------------------------------------- */
#localNavi {
position: fixed;
margin-left: auto;
margin-right: auto;
top: 100px;
display: none;
background-color: #FFFFFF;
z-index: 999999; /* ADD*/
overflow-y: scroll;
bottom: 0px;
-webkit-overflow-scrolling: touch;
}
#localNavi #left_navi{
margin-top: 0px;
}
#localNavi  .bnr-00{
width: 90%;
margin-left: auto;
margin-right: auto;
}
}/* メニュースマホ表示 ここまで-------------------------------------------------------------------------------------------------------------------------- */





@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-5px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInDown{
0% { opacity: 0; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* ------------------------------------------------------------------------

新テンプレート用 CSS　＜追加：2016年9月12日＞ 

 ------------------------------------------------------------------------ */

/* tableをスクロールさせる
---------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
.scroll table {
margin-bottom: 0.5em;
}
.scroll:before {
content: "※横スクロールして参照ください。";
font-size: 10px;
color: #8A8A8A;
}
.scroll {
width: 320px;
overflow: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
-webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar {
height: 12px;
}
.scroll::-webkit-scrollbar-track {
background: #F1F1F1;
border-radius: 6px;
}
.scroll::-webkit-scrollbar-thumb {
background: #666666;
border-radius: 6px;
}
.img-scroll {
      padding-bottom: 93px;
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      overflow-x: auto;
}
.img-scroll img {
      width:auto;
      max-width:none;
      height:367px;
}
.img-scroll:after {
      position: absolute;
      right: 0;
      bottom: 7px;
      content: '';
      background: url(../../img/ico_scroll_pointer01.png);
      background-size: 92px 83px;
      width: 92px;
      height: 83px;
}
}






/* sectionの設定
---------------------------------------------------------- */
#main_contents2 {
float: right;
width: 740px;
/* margin-bottom: 2em;*/
overflow-x: hidden;
overflow-y: hidden;
word-wrap: break-word;/**/
overflow-wrap: break-word;/**/
}
#main_contents2 section {
width: 740px !important;
min-width: 740px;
margin-bottom: 3em;
}
#main_contents2 section:not(.inquiry-Block)>*:last-child { /**/
margin-bottom: 0em!important;
}


#main_contents2 .section {
margin-bottom: 1em;	/*mod 2em */
}
@media screen and (max-width:767px) and (min-width:1px) {
#main_contents2 {
width: 100%;
margin: 0px auto;
float: none;
overflow-x: hidden;
overflow-y: hidden;
}

}






/* left_navi
---------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
 #localNavi {
position: fixed;
margin-left: auto;
margin-right: auto;
top: 100px;
display: none;
background-color: #FFFFFF;
z-index: 1;
overflow-y: scroll;
bottom: 0px;
-webkit-overflow-scrolling: touch;
}
#localNavi #left_navi {
margin-top: 0px;
}
#localNavi .bnr-00 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}

/* sectionの設定
---------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
#main_contents2 section {
width: 95% !important;
min-width: 95% ;
margin-bottom: 3em;
margin-left: auto;
margin-right: auto;
}
#main_contents2.smaller {
margin-top: 50px;
}
section.contents {
position: relative;
top:0; /**/
/* [disabled]top: 30px; */
/* [disabled]padding-bottom: 30px; */
}
}

/* Font：2016/12/13
---------------------------------------------------------- */
.smallfont { font-size: 12px; line-height: 1.5; }
.xsmallfont { font-size: 9px; line-height: 1.3; }
.largefont { font-size: 18px; line-height: 1.7; }



/* ttl-List
---------------------------------------------------------- */
#main_contents2 .ttl-List {
margin-top: -10px;
}
/* h-ttl04の見出しとの組み合わせの時、上詰めしない */
#main_contents2 .h-ttl04+div.sub-section>.ttl-List:first-child, #main_contents2 .h-ttl04+.ttl-List {
margin-top: 0px;
}

#main_contents2 .ttl-List li a {
width: 980px; /* 740 */
}
#main_contents2 .ttl-List li:first-child {
border-top-style: none;
}
.ttl-List-text3 {
display: table-cell;
vertical-align: middle;
padding: 2em 20px 2em 10px;
text-align: left;
}
#main_contents2 .ttl-List li span.nolink { /**/
width: 980px; /* 740 */
vertical-align: middle;
display: table;
min-height: 6em;
height: 6em;
}
/**/
/**/
.ttl-List li.narrow a {
min-height: 4em;
height: 4em;
}
/*add */
.ttl-List li.relation a {
min-height: 3em;/*5em */
height: 3em;/*5em */
}
.ttl-List li.relation .relation-place{
margin-top: -0.5em;
top: 50%;
position: absolute;
/*left: 100px;*/
width: 5em;
display: block;
text-align: center;
float: left;
font-style: normal;
line-height: 1;
/*
font-size: 11px;
color: #FFFFFF;
padding: 0.4em 0.3em 0.2em 0.3em;
*/
}
.ttl-List li.relation a:hover .relation-place{ /**/
text-decoration: underline!important;
}
.ttl-List li.relation .ttl-List-text{
padding: 0.5em 20px 0.5em 6.5em; /* padding: 0.5em 20px 0.5em 90px;*/
}
.ttl-List li.relation .ttl-List-date{
padding: 0.4em 0 0.3em 0;
line-height:1.4em;
width:9.5em; /**/
}


#main_contents2 .ttl-List li.narrow .ttl-List-text3, #main_contents2 .ttl-List li.narrow .ttl-List-text, #main_contents2 .ttl-List li.narrow .ttl-List-text-2Row {
padding-top: 1.3em;
padding-bottom: 0.8em;
}
#main_contents2 .ttl-List li.narrow span.nolink {
min-height: 4em;
height: 4em;
}


@media screen and (max-width:767px) and (min-width:1px) {
#main_contents2 .ttl-List li a {
width: 100%
}
#main_contents2 .ttl-List li span.nolink { /**/
padding: 0.8em 20px 0.8em 5px;
width: 100%;
}

}



/* HTitle
---------------------------------------------------------- */
.h-ttl03a { /*#main_contents2 .h-ttl03 */
font-size: 22px; /*24px */
font-weight: normal;
background-image: url(../../img/h-ttl03.gif);
background-position: 0 bottom;
background-repeat: no-repeat;
margin-bottom: 1em;
padding-bottom: 0.5em;
}
.h-ttl03b {
font-weight: bold;
margin-bottom: 0.5em;
}
.h-ttl03u {
font-weight: bold;
text-decoration: underline;
margin-bottom: 0.5em;
}

.h-ttl05 {
color: var(--main-bg-color);
font-size: 16px;
text-indent: -1em; /*mod -0.5em */
padding-left: 1em;
}
.h-ttl06 {
color: #FFFFFF;
font-size: 16px;
background-color: #8d89a4; /* var(--main-bg-color) */
border-top: 4px solid #3f3a60; /* #0079FF */
margin-left: 0px;
padding: 0.8em 1em;
}
.h-ttl07, .h-ttl07b {
font-size: 19px;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 0.2em;
font-weight: normal;
line-height: 1.3; /*mod 1.8 */
margin-bottom: 0.5em;
}
.h-ttl07b {
font-weight: bold;
}
.h-ttl08 {
color: #000000;
font-size: 20px;
background-color: #F1F1F1;
margin-left: 0px;
padding: 0.8em 1em;
border-left: 2px solid #0079FF;
}
.h-ttl09 {
color: #000000;
font-size: 20px;
background-color: #FFFFFF;
padding: 0.7em 1em;
border: 1px solid #D8D8D8;
line-height: 1em;
font-weight: normal;
}
.h-ttl10,.h-ttl10b1,.h-ttl10b2 {/**/
font-size: 20px;
background-color: #D2D7E3;
padding: 0.7em;
line-height: 1em;
font-weight: normal;
margin-bottom: 0.5em; /*add */
}
.h-ttl12,.h-ttl12b1,.h-ttl12b2 {/**/
font-size: 16px;
background-color: #D2D7E3;
padding: 0.7em;
line-height: 1em;
font-weight: normal;
margin-bottom: 0.5em; /*add */
}

.h-ttl10b1,.h-ttl12b1 {/**/
background-color: #4c9ed9;
color:#FFFFFF;
}
.h-ttl10b2,.h-ttl12b2 {/**/
background-color: #007aff;
color:#FFFFFF;
}
.h-ttl11, .h-ttl11square, .h-ttl11b, .h-ttl11, .h-ttl11bsquare {
font-size: 20px;
font-weight: normal;
line-height: 1.3em;
}
.h-ttl11b, .h-ttl11bsquare {
font-weight: 700;
}
.h-ttl11square, .h-ttl11bsquare {
text-indent: -1em;
padding-left: 1em;
}
.h-ttl11square:before, .h-ttl11bsquare:before {
font: normal normal 14px/1 "Font Awesome 5 Free";
font-weight: 900;
content: "\f0c8";
margin-right: 0.5em; /*0.25em */
vertical-align: 10%;
}

.h-ttl04-txt-block{
float: left;
width: 78%;
}
.h-ttl04-txt{
display: block;
margin-top: 1em;
font-size: 0.7em; /*0.5em */
}
.h-ttl04-img{
display: block;
float: right;
width: 20%;
position: relative;
}
.h-ttl04-img img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}

/* link-list
---------------------------------------------------------- */
.link-list {
padding: 1em;
}

/* リンク アイコン
---------------------------------------------------------- */
.link-Icn{} /* ULやLIなどに、link-Icnクラス が付いている場合は 拡張子を判別してアイコンを付けます */
/*target="_blank" の自動アイコン付加設定を追加 */
.blank:after,
.pdf:after,
.zip:after,
.file:after,
.pict:after,
.mov:after,
.audio:after,
.mailto:after,
.form:after,
.link-Icn a[target="_blank"]:after,
.link-Icn a[href$=".pdf"]:after,
.link-Icn a[href*=".pdf?"]:after,
.link-Icn a[href$=".zip"]:after,
.link-Icn a[href$=".xls"]:after,
.link-Icn a[href$=".xlsx"]:after,
.link-Icn a[href$=".ppt"]:after,
.link-Icn a[href$=".doc"]:after,
.link-Icn a[href$="mailto:"]:after,
.link-Icn a[href$="sec.scsk.jp"]:after {
font-family: "Font Awesome 5 Free";/**/
font-weight:900;
color: #ff7e00;
}

.blank:after {
content: " \f35d";
margin-right: 0.3em;
font-size:12px;
vertical-align:10%;
}

.link-Icn a[target="_blank"]:after{
content: " \f35d";
margin-right: 0.3em;
font-size:12px;
vertical-align:10%
}
.link-Icn-w a[target="_blank"]:after { /**/
content: " \f35d" !important;
/* font-size:90%; */
}
.pdf:after{
content: " \f1c1" !important;
font-weight:400!important;
}
.zip:after{
content: " \f1c6" !important;
font-weight:400!important;
}
.file:after {
content: " \f019" !important;
}
.pict:after {
content: " \f1c5" !important;
font-weight:400!important;
}
.mov:after {
content: " \f1c8" !important;
font-weight:400!important;
}
.audio:after {
content: " \f1c7" !important;
font-weight:400!important;
}
.mailto:after {
content: " \f0e0" !important;
font-weight:400!important;
}
.form:after {
content: " \f044" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href$=".pdf"]:after, .link-Icn-w a[href*=".pdf?"]:after,
.link-Icn a[href$=".pdf"]:after, .link-Icn a[href*=".pdf?"]:after {
content: " \f1c1" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href$=".zip"]:after, .link-Icn-w a[href*=".zip?"]:after,
.link-Icn a[href$=".zip"]:after, .link-Icn a[href*=".zip?"]:after {
content: " \f1c6" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href$=".xls"]:after, .link-Icn-w a[href*=".xls?"]:after,
.link-Icn-w a[href$=".xlsx"]:after, .link-Icn-w a[href*=".xlsx?"]:after,
.link-Icn a[href$=".xls"]:after, .link-Icn a[href*=".xls?"]:after,
.link-Icn a[href$=".xlsx"]:after, .link-Icn a[href*=".xlsx?"]:after {
content: " \f1c3" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href$=".ppt"]:after, .link-Icn-w a[href*=".ppt?"]:after,
.link-Icn a[href$=".ppt"]:after, .link-Icn a[href*=".ppt?"]:after {
content: " \f1c4" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href$=".doc"]:after, .link-Icn-w a[href*=".doc?"]:after,
.link-Icn a[href$=".doc"]:after, .link-Icn a[href*=".doc?"]:after {
content: " \f1c2" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href$="mailto:"]:after,
.link-Icn a[href$="mailto:"]:after {
content: " \f0e0" !important;
font-weight:400!important;
}
/**/
.link-Icn-w a[href*="sec.scsk.jp"]:after,
.link-Icn a[href*="sec.scsk.jp"]:after {
content: " \f044" !important;
font-weight:400!important;
}

/* リンク アイコン 非表示設定 ADD 20160914*/
.link-Icn .notChangeIcn a:after,
.link-Icn a.notChangeIcn:after{   /* .notChangeicn が付いている場合 */
content: "" !important;
}

/* リンク設定
---------------------------------------------------------- */
a.underline {
text-decoration: underline;
}
a.btn-link {
border-radius: 2px;
background-color: #007aff;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
padding: 0.6em 2.5em;
color: #FFFAFA;
text-decoration: none !important;
font-size: 16px;
background-image: url(../../img/arw-w.png);
background-repeat: no-repeat;
background-position: right center;
display: inline-block;
margin: 0px auto;
border: 1px solid #007AFF;

transition:0.2s; /*add */
}
a.btn-link:hover {
color: #007AFF !important;
background-color: #FFFFFF;
border: 1px solid #007AFF;
background-image: url(../../img/arw.png);
}
/* 廃止予定の拡大するボタン　faicon-expandへ移行 */
a.btn-link2 {
border-radius: 2px;
background-color: #FFFFFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
padding: 0.5em 2em 0.5em 2.4em;
color: #007aff;
font-size: 16px;
display: inline-block;
margin: 10px auto 5px;
border: 2px solid #007aff;
text-decoration: none;
cursor: pointer;
transition:0.2s; /*add */
}
a.btn-link2:after {
font-family: "Font Awesome 5 Free";/**/
font-weight:900;
content: " \f002";
}
a.btn-link2:hover {
background-color: #007AFF;
color: #FFFFFF !important;
text-decoration: none !important;
}

a.btn-inquiry {
border-radius: 2px;
background-color: #007AFF;
border: 1px solid #007AFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
padding: 1em 2.5em;
color: #FFFAFA;
text-decoration: none !important;
font-size: 16px;
display: inline-block;
margin: 0px auto;

transition:0.2s; /*add */
}
a.btn-inquiry:before {
font-family: "Font Awesome 5 Free";/**/
font-weight:400!important;
content: "\f0e0 ";
}

a.btn-inquiry:hover {
color: #007AFF !important;
background-color: #FFFFFF !important;
}


/**/
@media screen and (max-width:380px) {
	a.btn-inquiry {
	padding: 1em 1em;
	}
}


/* Webで申し込むボタン、アフターレポートボタン
---------------------------------------------------------- */
a.btn-application, a.btn-afterreport {
border-radius: 2px;
background-color: #007aff;
border: 1px solid #007AFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
padding: 1em 2.5em;
color: #FFFAFA;
text-decoration: none !important;
font-size: 16px;
display: inline-block;
margin: 0px auto;
}
a.btn-application:before {
font-family: "Font Awesome 5 Free";/**/
font-weight:400!important;
content: "\f044";
}
a.btn-afterreport:before {
font-family: "Font Awesome 5 Free";/**/
font-weight:900!important;
content: "\f030";
}
a.btn-application:hover, a.btn-afterreport:hover {
color: #007AFF !important;
background-color: #FFFFFF;
}

/* フレックスボタン、flex-btn-XXXX
---------------------------------------------------------- */
a[class*="flex-btn-"] {
border-radius: 2px;
background-color: #007aff;
border: 1px solid #007AFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
color: #FFFAFA;
text-decoration: none !important;
font-size: 16px;
text-align:center;
padding-left:1.8em;
padding-right:1.8em;
padding-top:1em;
padding-bottom:1em;

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;         /* 子要素の配置方向：横*/
justify-content: center;     /* 子要素の水平方向の揃え方：中央 */
align-items: stretch;        /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center;       /* 複数行になった時の揃え方：中央 */
flex-wrap: wrap; /* 折り返し */
}
a[class*="flex-btn-"]:hover {
color: #007AFF !important;
background-color: #FFFFFF;
transition: .2s;
}

a.flex-btn-application:before {
font-family: "Font Awesome 5 Free";
font-weight: 400!important;
content: "\f044";
margin-right:3px;
}
a.flex-btn-inquiry:before {
font-family: "Font Awesome 5 Free";
font-weight: 400!important;
content: "\f0e0";
margin-right:3px;
}
a.flex-btn-blank:after {
font-family: "Font Awesome 5 Free";
font-weight: 900!important;
content: "\f35d";
margin-left:5px;
font-size:90%;
}
a.flex-btn-pdf:after {
font-family: "Font Awesome 5 Free";
font-weight: 400!important;
content: "\f1c1";
margin-left:5px;
font-size:90%;
}
a.flex-btn-download:after {
font-family: "Font Awesome 5 Free";
font-weight: 900!important;
content: "\f019";
margin-left:5px;
font-size:90%;
}
a.flex-btn-movie:after {
font-family: "Font Awesome 5 Brands";
font-weight: 900!important;
content: "\f167";
margin-left:7px;
font-size:130%;
margin-top: -6px;
}
a.flex-btn-link {
position: relative;
}
a.flex-btn-link:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900!important;
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
}
a.after-icon-large:after {
margin-top: -24px;
font-size:200%;
}
/* 細いボタン */
a[class*="flex-btn-"].btn-thin {
padding-left:0;
padding-right:0;
padding-top:0.3em;
padding-bottom:0.2em;
}


/* 汎用アイコンボタン
---------------------------------------------------------- */
a.flex-btn-right-faicon,
a.flex-btn-left-faicon {
position: relative;
}
a.flex-btn-right-faicon:after {
position: absolute;
top: 50%;
right: 10px;
margin-top: -13px;
}
a.flex-btn-left-faicon:after {
position: absolute;
top: 50%;
left: 10px;
margin-top: -13px;
}
*[class*="before-faicon"]:before {
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right:3px;
}
*[class*="after-faicon"]:after {
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-left:5px;
}
*[class*="right-faicon"]:after {
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
*[class*="left-faicon"]:after {
font-family: "Font Awesome 5 Free";
font-weight: 400;
}

/* アイコンを増やす場合はここに追加 */
*[class*="before-faicon"].faicon-plus-circle:before,
*[class*="after-faicon"].faicon-plus-circle:after,
*[class*="right-faicon"].faicon-plus-circle:after {
content: "\f055";
font-weight: 900!important;
}
*[class*="before-faicon"].faicon-expand:before,
*[class*="after-faicon"].faicon-expand:after,
*[class*="right-faicon"].faicon-expand:after {
content: "\f00e";
font-weight: 900!important;
}
*[class*="before-faicon"].faicon-pdf:before,
*[class*="after-faicon"].faicon-pdf:after,
*[class*="right-faicon"].faicon-pdf:after {
content: "\f1c1";
font-weight: 900!important;
}
*[class*="before-faicon"].faicon-application:before,
*[class*="after-faicon"].faicon-application:after,
*[class*="right-faicon"].faicon-application:after {
content: "\f044";
/*font-weight: 400!important;*/
}
*[class*="left-faicon"].faicon-arrow-right:after,
*[class*="right-faicon"].faicon-arrow-right:after {
content: "\f061";
font-weight: 900!important;
}
*[class*="right-faicon"].faicon-arrow-left:after,
*[class*="left-faicon"].faicon-arrow-left:after {
content: "\f060";
font-weight: 900!important;
}


/* ボタンの色変更
---------------------------------------------------------- */
a.bb-orange {
background-color: #FA6800 !important;
border: 1px solid #FA6800 !important;
}
a.bb-orange:hover {
color: #FA6800 !important;
background-color: #FFFFFF !important;
}
a.bb-purple {
background-color: #800080 !important;
border: 1px solid #800080 !important;
}
a.bb-purple:hover {
color: #800080 !important;
background-color: #FFFFFF !important;
}
/*アネモネ（紫よりあかるめ）*/
a.bb-anemone {
background-color: #A90082 !important;
border: 1px solid #A90082 !important;
}
a.bb-anemone:hover {
color: #A90082 !important;
background-color: #FFFFFF !important;
}
a.bb-crimson {
background-color: #A20025 !important;
border: 1px solid #A20025 !important;
}
a.bb-crimson:hover {
color: #A20025 !important;
background-color: #FFFFFF !important;
}
a.bb-green {
background-color: var(--main-bg-color) !important;
border: 1px solid var(--main-bg-color) !important;
}
a.bb-green:hover {
color: var(--main-bg-color) !important;
background-color: #FFFFFF !important;
}
a.bb-amber {
background-color: #F0A30A !important;
border: 1px solid #F0A30A !important;
}
a.bb-amber:hover {
color: #F0A30A !important;
background-color: #FFFFFF !important;
}
a.bb-red {
background-color: #FF0000 !important;
border: 1px solid #FF0000 !important;
}
a.bb-red:hover {
color: #FF0000 !important;
background-color: #FFFFFF !important;
}
a.bb-lightblue {
background-color: #43A2CA !important;
border: 1px solid #43A2CA !important;
}
a.bb-lightblue:hover {
color: #43A2CA !important;
background-color: #FFFFFF !important;
}

/* 反転 */
a.btn-rev {
background-color: #ffffff!important;
color: #007aff!important;
}
a.btn-rev:hover {
color: #ffffff !important;
background-color: #007aff!important;
transition: .2s;
}
a.bb-orange.btn-rev {
color: #FA6800 !important;
border: 1px solid #FA6800 !important;
}
a.bb-orange.btn-rev:hover {
color: #FFFFFF !important;
background-color: #FA6800 !important;
}
a.bb-purple.btn-rev {
color: #800080!important;
border: 1px solid #800080 !important;
}
a.bb-purple.btn-rev:hover {
color: #FFFFFF !important;
background-color: #800080 !important;
}
a.bb-anemone.btn-rev {
color: #A90082!important;
border: 1px solid #A90082 !important;
}
a.bb-anemone.btn-rev:hover {
color: #FFFFFF !important;
background-color: #A90082 !important;
}
a.bb-crimson.btn-rev {
color: #A20025 !important;
border: 1px solid #A20025 !important;
}
a.bb-crimson.btn-rev:hover {
color: #FFFFFF !important;
background-color: #A20025 !important;
}
a.bb-green.btn-rev {
color: var(--main-bg-color) !important;
border: 1px solid var(--main-bg-color) !important;
}
a.bb-green.btn-rev:hover {
color: #FFFFFF !important;
background-color: var(--main-bg-color) !important;
}
a.bb-amber.btn-rev {
color: #F0A30A !important;
border: 1px solid #F0A30A !important;
}
a.bb-amber.btn-rev:hover {
color: #FFFFFF !important;
background-color: #F0A30A !important;
}
a.bb-red.btn-rev {
color: #FF0000 !important;
border: 1px solid #FF0000 !important;
}
a.bb-red.btn-rev:hover {
color: #FFFFFF !important;
background-color: #FF0000 !important;
}
a.bb-lightblue.btn-rev {
color: #43A2CA !important;
border: 1px solid #43A2CA !important;
}
a.bb-lightblue.btn-rev:hover {
color: #FFFFFF !important;
background-color: #43A2CA !important;
}

/* ボタンほど目立たない a の背景色つきリンク
---------------------------------------------------------- */
a.band-link {
padding: 2px 5px 1px 8px;
background-color: #F1F1F1!important;
}
a.band-link:hover {
background-color: #F2F8FC!important;
}
a.band-link:hover:before, a.band-link:hover:after {
text-decoration:none!important;
display:inline-block;
}

/* トグルメニュー IRで使用
---------------------------------------------------------- */
.tglMenu .tgl-title {
display: block;
cursor: pointer;
background-image: url(../../img/icn-plus.png);
background-repeat: no-repeat;
background-position: right 2% center;
background-color: #f9f9f9;
color: #007aff;
background-size: 20px auto;
margin-bottom:0.5em;
}
.tglMenu .tgl-title.active, .tglMenu .tgl-title.active:hover {
background-image: url(../../img/icn-minus-w.png);
background-color: var(--main-bg-color);
color: #FFFFFF !important;
}

.tglMenu .tgl-data.active {
display: block;
}
.tglMenu .tgl-data {
display: none;
margin-bottom: 2em;
}

/* トグルメニュー 汎用的にすべて開く、閉じるなども用意した版
---------------------------------------------------------- */
.base-tgl-wrapper .tgl-header {
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right 2% center;
	background-color: #fff!important;
	color: #000;
	background-size: 20px auto;
	margin-bottom: 0.5em;
}
.base-tgl-wrapper .tgl-header.active,
.base-tgl-wrapper .tgl-header.active:hover {
	background-color: #fff!important;
	color: #000 !important;
}
.base-tgl-wrapper .tgl-header h3, .base-tgl-wrapper .tgl-header .tgl-ttl {
	position:relative;
}
.base-tgl-wrapper .tgl-header h3:before, .base-tgl-wrapper .tgl-header .tgl-ttl:before {
	font-family: "Font Awesome 5 Free";
	content: " \f0fe";
	margin-right: 0.3em;
	font-size: 110%;
	font-weight: 900;
	color: #007aff;
}
.base-tgl-wrapper .tgl-header.active h3:before, .base-tgl-wrapper .tgl-header.active .tgl-ttl:before {
	content: " \f146";
	color:#007aaa!important;
}
.base-tgl-wrapper .tgl-header h3:after, .base-tgl-wrapper .tgl-header.active .tgl-ttl:after {
	font-family: "Font Awesome 5 Free";
	content: " \f103";
	font-weight: 900;
	color: #ccc;
	margin-right: 1em;
	font-size: 110%;
	position:absolute;
	right:0;
}
.base-tgl-wrapper .tgl-header.active h3:after, .base-tgl-wrapper .tgl-header.active .tgl-ttl:after {
	content: " \f102";
}

.base-tgl-wrapper .tgl-close:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: " \f102";
	color: #007aaa!important;
	margin-right: 5px;
	margin-left: 5px;
}
.base-tgl-wrapper .tgl-close {
	display: block;
	cursor: pointer;
	background-color: #eee;
	margin-bottom: 2em;
	color: #007aaa;
	text-align: right;
	padding-right: 1em;
}
.base-tgl-wrapper .tgl-control{
	text-align:right;
	margin-bottom:1em;
}
.base-tgl-wrapper .tgl-all-open,
.base-tgl-wrapper .tgl-all-close{
	cursor: pointer;
	background-color: #eee;
	padding:5px;
	display:inline-block;
	margin-right:5px;
}



/* 動画 Youtube、Vimeoレスポンシブ対応
---------------------------------------------------------- */
div.video-youtube {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
text-align: center;
margin-left:auto;
margin-right:auto;
}
div.video-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

div.video-vimeo {
position: relative;
padding: 56.25% 0 0 0;
}
div.video-vimeo iframe {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* inquiry-Block
---------------------------------------------------------- */
.inquiry-Block-box-txt-ib, .inquiry-Block-box-txt-ib2{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
}
.inquiry-Block-box-txt{ /* 枠を2列 */
	text-align: left;
	display: table-cell;
	vertical-align: top;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	margin:auto;
}

.inquiry-Block-box-txt2{ /* 枠内で2列 */
	text-align: left;
	display: table-cell;
	vertical-align: top;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	width: 50%;
}
/**/
.inquiry-Block-box-txt3{ /* 枠内で3列 */
	text-align: left;
	display: table-cell;
	vertical-align: top;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	width: 33%;
}

span.sub-inq{
display: block;
margin-bottom:1em;
vertical-align: top;
}
span.sub-inq2{
display: inline-block;
margin-right:2em;
margin-bottom:1em;
vertical-align: top;
}
/* inquiry-Block ★CSRトップで使っているのでリリース時にあわせて修正すること★
---------------------------------------------------------- */
.inquiry-Block {
padding: 20px 20px 10px !important;
background-color: #D1E3F4;
}
.inquiry-Block h2.ttl {
color: var(--main-bg-color);
font-size: 24px;
padding-left: 0.5em;
padding-right: 0.5em; /*add */
padding-top: 0.3em;
padding-bottom: 0.3em;
border-left: 3px solid #0079FF;
margin-bottom:0.4em; /*add */
}
.inquiry-Block-box {
border-radius: 5px;
background-color: #FFFFFF;
width: 49%;
text-align: center;
display: block;
}
.inquiry-Block-box-single {
width: 100% !important;
}
.inquiry-Block-box h2 {
background-color: #F1F1F1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align: center;
padding-top: 0.75em;
padding-bottom: 0.75em;
border-bottom: 2px solid #0079FF;
color: var(--main-bg-color);
font-size: 24px;
margin-bottom: 0.75em;
line-height: 1.2em;
}
.inquiry-Block-box h3 { /*h5 → h3 */
background-color: #F1F1F1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 2px solid #0079FF;
color: var(--main-bg-color);
font-size: 18px;
margin-bottom: 1em;
line-height: 1.2em;
}
.inquiry-Block-box h4 { /*h6 → h4 */
text-align: center;
font-size: 15px;
margin-bottom: 0.5em;
}
.inquiry-Block-box ul {
margin-bottom: 1em;
margin-right: 20px;
margin-left: 20px;
padding-bottom: 1em;
}

@media screen and (max-width:767px) and (min-width:1px) {
.inquiry-Block {
padding: 0px !important;
background-color: #D1E3F4;
margin-bottom: 1em;
width: 95%!important;
margin-left: auto;
margin-right: auto;
}



.inquiry-Block h2.ttl {
color: var(--main-bg-color);
font-size: 24px;
border-top: 3px solid #0079FF;
border-left-style: none;
text-align: center;
padding-top: 0.5em;
}
/*add */
.inquiry-Block h3 {
padding-left: 0.5em;
padding-right: 0.5em;
}
.inquiry-Block p.inq-setsu {
margin-left: 20px;
margin-right: 20px;
}
.inquiry-Block-box,
.inquiry-Block-box-single {
width: 95% !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.heightLine-inquiry1,
.heightLine-inquiry2 {
height: auto !important;
}

.inquiry-Block-box.fr,
.inquiry-Block-box.fl{ 
float: none;
}
.inquiry-Block.sp-inquiry-Block {
padding-top: 2em !important;
padding-bottom: 2em !important;
margin-bottom: 2em;
width: 100% !important;
}
.inquiry-Block-box-txt{
/*padding-bottom: 2em;
padding-top: 1em; */
padding-left: 0.5em;
padding-right: 0.5em;
}

.inquiry-Block-box-txt-ib{
/*text-align: center;*/
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1em;
float: none !important;
margin-bottom: 0em;
padding-bottom: 1em;
}
.inquiry-Block-box-txt-ib2{
float: none !important;
width: 100%;
display: block;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1em;
margin-bottom: 0em;
padding-bottom: 1em;
}


.inquiry-Block-box-txt2{
float: none !important;
width: 100%;
display: block;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1em;
margin-bottom: 0em;
}
.inquiry-Block-box-txt3{ /* 枠内で3列 */
float: none !important;
width: 100%;
display: block;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1em;
margin-bottom: 0em;
}

span.sub-inq{
height: auto !important;
}
span.sub-inq2{
display: block;
height: auto !important;
margin-right:0;
}

}

/* トップメッセージ（旧テンプレート用、廃止予定）
---------------------------------------------------------- */
#message .message_text,#message .message_text *{
font: 14px/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
#message .message_text p{
margin-bottom:1em;
}
#message .message_img{
float:left;
width:280px;
}
#message .photo_s{
width:280px;
margin-bottom:20px;
}
#message .s_name{
text-align:center;
font-size:130%;
}

#message .photo_ks{
margin-bottom:20px;
}
#message .ks_name{
float:right;
}


@media screen and (max-width:767px) and (min-width:1px) {
#message{
margin-top: 1em;
}
#message .message_text{
width: 100%;
float: none;
}
#message .message_img{
float: none;
margin-left: auto;
margin-right: auto;
}
}

/* トップメッセージ（新テンプレート用）
---------------------------------------------------------- */
#message2 .photo_ks{
margin-bottom: 2em;
}


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

/* 経営理念
---------------------------------------------------------- */
#vi .vi-logo{
float: left;
width: 25%;
}
#vi .vi-logo-txt{
float: left;
width: 75%;
}
@media screen and (max-width:767px) and (min-width:1px) {
#vi .vi-logo{
float: left;
width: 100%;
}
#vi .vi-logo-txt{
float: left;
width: 100%;
}


}

/* サイトマップ
---------------------------------------------------------- */
#sitemap .sitemap-left{
float:left;
width:48%;
}
#sitemap .sitemap-right{
float:right;
width:48%;
}
@media screen and (max-width:767px) and (min-width:1px) {
	#sitemap .sitemap-left, #sitemap .sitemap-right{
	float:none;
	width:100%;
	}
}

/* MARS FINDER
---------------------------------------------------------- */
.mf_finder_searchBox_submit {
background-color: #092986!important;
}


/* Flexbox
---------------------------------------------------------- */
.flex-container{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: row; /* 子要素の配置方向：横*/
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: stretch; /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */
}

.flex-between{
justify-content:space-between;
}
/* 均等割り配置、スマホで中央配置 */
.flex-between-sp-center{
justify-content:space-between;
}
@media screen and (max-width:767px) and (min-width:1px) {
	.flex-between-sp-center{
	justify-content:center;
	}
}



.flex-item{
/*flex-basis: 100px; */
}

.flex-item-f{
/*flex-basis: 100px; */

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: row;	/* 子要素の配置方向：横*/
justify-content: center;	/* 子要素の水平方向の揃え方：中央 */
align-items: center; /* 子要素の垂直方向の揃え方：中央 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */
}

div.flex-table, div.flex-table-nb{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: row; /* 子要素の配置方向：横 */
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: stretch; /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */
}

div.flex-table{
border-bottom: 1px solid #BFBFBF;
}

div.flex-table .ft-th,div.flex-table .ft-td,div.flex-table-nb .ft-th,div.flex-table-nb .ft-td{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: row;	/* 子要素の配置方向：横*/
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: center; /* 子要素の垂直方向の揃え方：中央 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */

padding: 0.5em 0.3em;
}

div.flex-table .ft-th,div.flex-table-nb .ft-th{
font-weight: bold;
width: 15%;
}
div.flex-table .ft-td,div.flex-table-nb .ft-td{
width: 85%;
}
/**/
div.flex-table.ft-2080 .ft-th,div.flex-table-nb.ft-2080 .ft-th{
width: 20%;
}
div.flex-table.ft-2080 .ft-td,div.flex-table-nb.ft-2080 .ft-td{
width: 80%;
}
div.flex-table.ft-3070 .ft-th,div.flex-table-nb.ft-3070 .ft-th{
width: 30%;
}
div.flex-table.ft-3070 .ft-td,div.flex-table-nb.ft-3070 .ft-td{
width: 70%;
}
div.flex-table.ft-4060 .ft-th,div.flex-table-nb.ft-4060 .ft-th{
width: 40%;
}
div.flex-table.ft-4060 .ft-td,div.flex-table-nb.ft-4060 .ft-td{
width: 60%;
}
div.flex-table.ft-5050 .ft-th,div.flex-table-nb.ft-5050 .ft-th{
width: 50%;
}
div.flex-table.ft-5050 .ft-td,div.flex-table-nb.ft-5050 .ft-td{
width: 50%;
}

div.flex-table .ft-th{
border-left: 1px solid #BFBFBF;
border-top: 1px solid #BFBFBF;
background-color: #F1F1F1;
padding: 1em 0.8em;
}
div.flex-table .ft-td{
border-left: 1px solid #BFBFBF;
border-top: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
padding: 1em 0.8em;
}

div.seminar-gaiyou{
margin-bottom: 0.5em;
}
div.seminar-gaiyou .ft-th{
width: 20%!important;
}
div.seminar-gaiyou .ft-td{
width: 80%!important;
}
div.seminar-gaiyou .access-b{
margin-left: auto;
}

div.flex-table-row{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: column; /* 子要素の配置方向：縦 */
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: stretch; /* 子要素の垂直方向の揃え方：上下一杯 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */

border-top: 1px solid #BFBFBF; /*border分割 */
border-left: 1px solid #BFBFBF; /*border分割 */
border-right: 1px solid #BFBFBF; /*border分割 */
}

div.flex-table-row .ft-th{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: row;	/* 子要素の配置方向：横*/
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: center; /* 子要素の垂直方向の揃え方：中央 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */
}

div.flex-table-row .ft-th, div.flex-table-row .nf-th{
padding: 1em 0.8em;
border-bottom: 1px solid #BFBFBF;
background-color: #F1F1F1;
font-weight: bold;
width: 100%;
}


div.flex-table-row .ft-td{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

flex-direction: row;	/* 子要素の配置方向：横*/
justify-content: flex-start; /* 子要素の水平方向の揃え方：横（左から）*/
align-items: flex-start; /* 子要素の垂直方向の揃え方：中央 */
align-content: center; /* 複数行になった時の揃え方：中央 */

flex-wrap: wrap; /* 折り返し */
}

div.flex-table-row .ft-td, div.flex-table-row .nf-td{
padding: 1em 0.8em;
border-bottom: 1px solid #BFBFBF;
width: 100%;
}


div.seminar-program{
margin-bottom: 1em; /*0.5em */
width: 100%;
}

div.seminar-program2, div.seminar-program2b, div.seminar-program3, div.seminar-program3b{
margin-bottom: 1em;
border-bottom: 1px solid #BFBFBF; /**/
}
div.seminar-program2, div.seminar-program2b{
width: 49%;
}
div.seminar-program3, div.seminar-program3b{
width: 33%;
}
 
#event .seminar-program-title {
font-size: 20px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0.5em;
}

div.flex-col2, div.flex-col2txt, div.flex-col3, div.flex-col3txt{
justify-content:space-between;
}
div.flex-col2 div.flex-item, div.flex-col2txt div.flex-item{
width:360px;
}
div.flex-col3 div.flex-item{
width:244px;
}
div.flex-col3txt div.flex-item{
width:236px;
}

#one-column div.flex-col2 div.flex-item, #one-column div.flex-col2txt div.flex-item{
width:460px;
}
#one-column div.flex-col3 div.flex-item{
width:300px;
}
#one-column div.flex-col3txt div.flex-item{
width:280px;
}

.flex-align-top {
align-items: flex-start!important; /* 子要素の垂直方向の揃え方：上 */
}



/* PickUPソリューション********************************************************************/
/*top.css から 移行 */
ul.pickup-solution-list li {
height:60px;
background-color: rgba(255,255,255,0.5);
margin-bottom:2px;
}

ul.pickup-solution-list li a {
display:inline-block;
height:100%;
}

ul.pickup-solution-list li a:hover {
text-decoration:none!important;
}

.pickup-title{
display: inline-block;
vertical-align:middle;
width:300px;
height:60px;
color:#ffffff;
font-size:130%;
line-height: 1.4;
position: relative;
height:100%;
transition: 0.2s;
}

.verB .pickup-title{
width:225px;
}
.contactpoint-li .pickup-title{
background-color: rgba(212,125,18,1);

}
.contactpoint-li a:hover .pickup-title{
background-color: rgba(236,123,18,0.9);
}
.workstyle-li .pickup-title{
background-color: rgba(159,194,56,1);
}
.workstyle-li a:hover .pickup-title{
background-color: rgba(174,211,20,0.9);
}
.itsourcing-li .pickup-title{
background-color: rgba(101,166,222,1);
}
.itsourcing-li a:hover .pickup-title{
background-color: rgba(106,184,230,0.9);
}
.dx-li .pickup-title{/**/
background-color: rgba(214,65,25,1);
letter-spacing: -1px;
}
.dx-li a:hover .pickup-title{/**/
background-color: rgba(229,76,8,0.9);
}
.movie-li .pickup-title{/**/
background-color: rgba(9,6,114,1);
letter-spacing: -1px;
}
.movie-li a:hover .pickup-title{/**/
background-color: rgba(28,12,172,0.9);
}

.pickup-text{
display: inline-block;
vertical-align:middle;
width:675px;
height:60px;
padding-top:10px;
padding-left:5px;
padding-right:25px;
}
.verB .pickup-text{
width:750px;
padding-top:20px;
}

.workstyle-li .pickup-text{
padding-top:20px;
}
.dx-li .pickup-text {/**/
padding-top: 10px;
}

.pickup-title-text{
position: absolute;
top: 50%;
left: 20px;
transform: translate(-5%, -50%);
color:#ffffff;
display:block;
}

.top-movie-wrapper{/**/
width:80%;margin-left:auto;margin-right:auto;margin-bottom:2em;
}
@media screen and (max-width:640px) {
	.top-movie-wrapper{/**/
	width:100%;
	}
} /* @media screen and (max-width:640px) */


@media screen and (max-width:767px) and (min-width:1px) {
	#pickup-solution-title{
	padding-top:2em;
	}
	ul.pickup-solution-list .arw01 {
	background-position:right 80%;
	}
	ul.pickup-solution-list li {
	height:auto;
	}
	ul.pickup-solution-list li a {
	display:block;
	}
	.pickup-title{
	display:block;
	width:100%!important;
	}
	.pickup-title-text{
	position:relative;
	transform: none;
	left:10px;
	padding-top:7px;
	padding-bottom:7px;
	}
	.pickup-text{
	display:block;
	width:100%!important;
	padding-top:0.5em!important;
	}
}





/*-レスポンシブ全体設定----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
div.flex-table .ft-th,div.flex-table .ft-td,div.flex-table-nb .ft-th,div.flex-table-nb .ft-td{
width: 100%!important; /*important追加 */
}
div.flex-table .ft-th{
border-right: 1px solid #BFBFBF;
}
div.seminar-gaiyou .access-t{
margin-bottom: 0.5em;
}
div.seminar-gaiyou .access-b{
margin-left: auto;
margin-right: auto;
}

div.seminar-program2{
margin-bottom: 0.5em;
width: 100%;
}
div.seminar-program3{
margin-bottom: 0.5em;
width: 100%;
}

div.flex-col2 div.flex-item, div.flex-col2txt div.flex-item, div.flex-col3 div.flex-item, div.flex-col3txt div.flex-item{
margin-bottom: 0.5em;
}
div.flex-col2txt div.flex-item, div.flex-col3txt div.flex-item{
width: 100%!important; /**/
}

div.flex-col2 div.flex-item{
width: 49%!important; /**/
}
div.flex-col3 div.flex-item{
width:33%!important; /**/
}


#one-column div.flex-col2txt div.flex-item{
width: 100%!important; /**/
}
#one-column div.flex-col2 div.flex-item{
width: 49%!important; /**/
}
#one-column div.flex-col3 div.flex-item{
width: 30%!important; /**/
}
#one-column div.flex-col3txt div.flex-item{
width: 100%!important; /**/
}

}

@media screen and (max-width:640px) {
div.flex-col2 div.flex-item{
width: 100%!important; /**/
}
div.flex-col3 div.flex-item{
width: 100%!important; /**/
}
div.flex-col3txt div.flex-item{
width: 100%!important; /**/
}

#one-column div.flex-col2 div.flex-item, #one-column div.flex-col2txt div.flex-item{
width: 100%!important; /**/
}
#one-column div.flex-col3 div.flex-item{
width: 100%!important; /**/
}
#one-column div.flex-col3txt div.flex-item{
width: 100%!important; /**/
}

}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */








/* google-code-prettify 20180226
---------------------------------------------------------- */
.gcode li.L0, .gcode li.L1, .gcode li.L2, .gcode li.L3, .gcode li.L4, .gcode li.L5, .gcode li.L6, .gcode li.L7, .gcode li.L8, .gcode li.L9 {
list-style: decimal !important;
list-style-position: outside;
margin-left: 2rem;
padding-left: 0.5rem;
border-left: 1px #e0e0e7 solid;
color:#999;
}

.gcode pre.gcodepre{
width:740px;
}

/* 蛍光ペン 20180227
---------------------------------------------------------- */
.mk-yellow-b {background: linear-gradient(transparent 0%, #ffff66 0%);}
.mk-yellow {background: linear-gradient(transparent 60%, #ffff66 60%);}
.mk-lime-b {background: linear-gradient(transparent 0%, #66FFCC 0%);}
.mk-lime {background: linear-gradient(transparent 60%, #66FFCC 60%);}
.mk-blue-b {background: linear-gradient(transparent 0%, #66ccff 0%);}
.mk-blue {background: linear-gradient(transparent 60%, #66ccff 60%);}
.mk-lightblue-b {background: linear-gradient(transparent 0%, #33ffff 0%);}
.mk-lightblue {background: linear-gradient(transparent 60%, #33ffff 60%);}
.mk-pink-b {background: linear-gradient(transparent 0%, #ff66ff 0%);}
.mk-pink {background: linear-gradient(transparent 60%, #ff66ff 60%);}
.mk-gray-b {background: linear-gradient(transparent 0%, #eeeeee 0%);}
.mk-gray {background: linear-gradient(transparent 60%, #eeeeee 60%);}

/* remodal 20180926
---------------------------------------------------------- */
.inline_content{
margin-top:15px;
}
.inline_content iframe{
height:100%;width:100%;
}

/* embed-container 20181002
---------------------------------------------------------- */
div.embed-container { position: relative; margin-bottom:1em;margin-left: auto; margin-right: auto;}
div.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* フェードインアニメーション********************************************************************/

.delayfade, .motionUp, .motionUp-delay, .motionUp-early{
visibility: hidden;
}

.fadeInUp {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:.9s;
-ms-animation-duration:.9s;
animation-duration:.9s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible !important;
}

@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(30px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}









/*---------------------------------------------------------- */
/* @media screen and (max-width:980px) */
/*---------------------------------------------------------- */
@media screen and (max-width:980px) {
	
#headerLogo {
left: 10px;
}

#fNavi{
/* [disabled]right: 0px;  201608*/
/* [disabled]top: 10px;  201608*/
/* [disabled]left: auto;  201608*/
}

#gNavi form {
right: 10px;/*201608*/
}

/**/
#boxer {
    top: 110px!important;
}
}

/* スマホでzoomを使用しないコンテンツ用 20170803
---------------------------------------------------------- */
.section_scroll {
width: 980px;
}




/* 1カラム対応 ************************************************************************************/


#one-column #main_contents2{
float:left;
width:980px;
}

#one-column #main_contents2 section {
width: 980px !important;
min-width: 980px;
}
#one-column .hdr-Block01{
width:980px;
}

@media screen and (min-width:769px) {
#one-column #localNavi{
display:none;
}

}

@media screen and (max-width:767px) and (min-width:1px) {
#one-column #main_contents2{
width: 100%;
margin: 0px auto;
float: none;
overflow-x: hidden;
overflow-y: hidden;
}
#one-column #main_contents2 section {
width: 100% !important;
min-width: 100%;
}
#one-column #main_contents2>section, #one-column #main_contents2>div>section { /**/
width: 95% !important;
min-width: 95%;
}
#one-column .hdr-Block01{
width:100% !important;
}



}



/*---------------------------------------------------------- */
/* @media screen and (max-width:1100px) */
/*---------------------------------------------------------- */
@media screen and (max-width:1100px) {
	
#mNavi li.mNav01 ul{
left: 30px;
}

#mNavi li.mNav07 ul{
left: 810px;
}

}


/*============================================================================================================================================================================================= */
/* スマホ表示 */
/*============================================================================================================================================================================================= */
@media screen and (max-width:767px) and (min-width:1px) {/*(min-width:1px) は IE10.IE11 で ページ読み込み時に transition (アニメーション)してしまうのを回避しています*/

.contents{
display: table;
width: 100%;
}

#browserUpgradeMessage{
display: none;
}

section.section,
h1.section,
div#h1.section, 
#breadcrumb .section{ 
min-width: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
}

#header,
#contents,
#wrapper,
#footer,
section{
min-width: 95%;
}


#header {
height: 50px;
position: relative;
z-index: 9999;
}

#headerLogo {
width: 150px;
top: 12px;
}

.toggle {
display: block;
width: 100px;
height: 50px;/* ADD 201608 */
cursor: pointer;
position: absolute;
right: 0px;
}

.toggle:after {
height: 3px;
width: 20px;
position: absolute;
right: 15px;/* ADD 201608 */
bottom: 0;
background: var(--main-bg-color);
box-shadow: 0 7px 0 var(--main-bg-color), 0 -7px 0 var(--main-bg-color);
content: '';
display: block;
margin: -10px 0 auto;
top: 31px;/* ADD 201608 */
}

#toggle2 {
display: none;
top: auto;
}

#toggle2:after {
width: 23px;
height: 30px;
right: 23px;
position: absolute;
background: transparent;
border: none;
box-shadow: none;
color: var(--main-bg-color);
content: "\00d7";
font-size: 30px;
font-weight: 700;
line-height: 0px;
text-align: center;
top: 29px;
}

#gNaviWrap {
background-color: #242323;
width: 100%;
z-index: 9999;
}

#gNavi {
display: none;
background-color: #000000;
width: 100%;
position: absolute;
top: 45px; /*65px */
height: 410px;
}

#gNavi form {
display: block;
text-align: left;
width: 100%;
/*left: 1%; */
right: 1%;
top: 5px; /*top: 5px; */ /*-10px; */
}




#gNavi input[type="text"] {
width: 100%;/*width: 75%; */
padding: 11px;
color: #999999;
float: left;
border-radius: 5px 0px 0px 5px;
border-style: none;
line-height: 1em;
}

	#gNavi input[type="image"] {
		width: 23%;
		text-align: center;
		background-color: var(--main-bg-color);
		background-image: url(../../img/btn_search_2x.png);
		background-size: auto 60%;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

#mNavi {
font-size: 12px;
display: block;
border-radius: 5px;
background-color: #383c44;
margin-left: auto;
margin-right: auto;
left: 1%;
right: 1%;
top: 45px;
width: 98%;
padding-left: 10px;
padding-right: 10px;
}

#mNavi li {
position: relative;
}

#mNavi li ul{
display: none;
}

#mNavi li.mNav02 a{
width: 100%;
}

#mNavi li.mNav07 a{
border-right-style: none;
border-bottom-style: none;
}

#mNavi li a {
font-size: 13px;
padding: 12px 8px;
padding: 13px 20px 13px 0px;
color: #FFFFFF;
border-bottom: 1px solid #5b5e63;
width: 100%;
text-align: left;
border-left-style: none;
border-right-style: none;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
font-family: initial;
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
}

#mNavi li a:hover,
#product li.mNav01 a,
#event li.mNav02 a,
#news li.mNav03 a,
#ir li.mNav04 a,
#recruit li.mNav05 a,
#csr li.mNav06 a,
#corp li.mNav07 a,
#service-e li.mNav01 a,
#ir-e li.mNav02 a,
#csr-e li.mNav03 a,
#corp-e li.mNav04 a{
background-image: url(../../img/arw.png);
background-repeat: no-repeat;
background-position: right center;
color: #007aff !important;
}

#fNavi {
display: table;
font-size: 9px;
width: 98%;
left: auto;
right: auto;
top: 380px;
}

#fNavi li {
display: table-cell;
border-right: 1px solid #5b5e63;
text-align: center;
}

#fNavi li a {
color: #FFFFFF;
margin: 0px;
}

#fNavi li:last-child {
border-right-style: none;
}

#localNavi{
width: 100%;
font-size: 12px;
}

#left_navi{
border-top: 1px solid #f1f1f1;
margin-top: 2em;
}

#left_navi a br{
display: none;
}

#left_navi .dir-00 {
margin-bottom: 1em;
}

#left_navi .dir-00 a{
border-left-style: none;
}

.arw01{
background-image: url(../../img/arw_2x.png);
background-size: 14px 16px;
line-height: 1.3;
}

.smallfont{
font-size: 10px;
}









/* hdr-Block：2016/12/13 */
.hdr-Block01 {
border-top: 4px solid #092886;
border-bottom: 4px solid #d2d7e4;
width: 100%;
padding: 1em 20px 0em;
}
.hdr-Block01-h-ttl,
.hdr-Block01-h-logo {
display: block;
}
.hdr-Block01-h-ttl01 {
font-size: 18px;
font-weight: normal;
margin-bottom: 1em;
}
.hdr-Block01-h-logo {
display: block;
text-align: left;
}


/* HTitle：2016/12/13 */
.h-ttl04-txt-block{
float: none;
width: 100%;
margin-bottom: 1em;
display: block;
}
.h-ttl04-img{
display: block;
width: 100%;
}
.h-ttl04-img img{
position: relative;
}
.heightLine-hdr{
height: auto !important;
}


/* SP_footer  */
#footer {
width: 100%;
background-color: var(--main-bg-color);
padding-right: 0;
padding-left: 0;
z-index: 0;
position: fixed;
height: 0;
}

#copyright {
text-align: center;
color: #fff;
font-size: 86%;
margin-bottom: 0px;
}


.pageTop {
max-width: none;
width: auto;
}

.pageTop a {
/**/
}

.h-ttl02{
font-weight: 300;
font-style: normal;
font-size: 18px;
margin-bottom: 1.3em;
letter-spacing: 0em;
margin-left: auto;
margin-right: auto;
}

.icn{
width: 8.3em; /**/
/* font-size: 8px;*/
padding-top: 2px;
}
/* 20160707
.icn1,
.icn2,
.icn3{
font-size: 8px;
}
*/
/* 20160620
.icn-jirei{ 
width: 9em;
}
*/

.btn-printBox{
display: none;
}

.h-ttl01{
font-size: 20px;
margin-left: 0.2em;
}

.ttl-List li {
position: relative;
width: 100%;
}

.ttl-List li a {
padding: 0.8em 20px 0.8em 5px;
width: 100%;
}

.ttl-List-date{
font-size: 11px;
width: 71px;
margin: 0px 10px 0px 0px;
vertical-align: middle;
padding: 0px;
}

.ttl-List li a .imgBox{
width: 100px;
display: table-cell;
vertical-align: middle;
padding: 0px;
}

.ttl-List li .icn{
left: 79px;
}

.ttl-List li .icn1,
.ttl-List li .icn2{
left: 81px;
position: absolute;
}

.ttl-List-text{
margin-top: 1em;
margin-bottom: 0em;
padding: 1em 5px 1em 105px; /*1em 5px 1em 90px */
word-break: break-all;
}

.ttl-List-Photo .ttl-List-text{
padding-left: 8px;
left: auto;
}

.ttl-List-Photo1 .ttl-List-text{
padding-left: 14px;
padding-top: 34px;
padding-bottom: 1em;
}

.ttl-List-Photo1 .ttl-List-text .icn2{
position: absolute;
left: 194px;
top: 12px; /* 17px; */
}

.ttl-month{
	font-size: 20px;
	margin-left: 10px; /**/
}

.ttl-List li.relation .relation-place{
/* left: 75px;*/
font-size: 11px;
}
.ttl-List li.relation .ttl-List-text{
/* left: 71px;*/
font-size: 11px;
padding: 0.1em 2px 0.1em 5.5em;/* padding: 0.1em 2px 0.1em 5.1em;*/
}




ul.linkList{
margin-top: -3.4em;/* -3em; */
}

ul.linkList li{
font-size: 10px;
}

ul.linkList li a{
background-color: #dcdee5;
padding: 0.5em 2.5em 0.5em 1em; /*padding: 0.5em 1.5em 0.5em 1em; */
}

ul.linkList.vertical{
margin-top: -5em; /*margin-top: -4.6em; */
}

ul.linkList.vertical li{
float: none;
}

ul.linkList.vertical li a{
display: block;
margin-bottom: 0.3em;
}
/**/
ul.linkList.vertical li:first-child a{
margin-bottom: 1em;
}

ul.linkList.vertical .mR05em{
margin-right: 0px !important;
}
ul.linkList.vertical .mR1em{/**/
margin-right: 0px !important;
}

.boxTableLinks li{
width: 50%;
background-color: #FFFFFF;
}

.boxTableLinks li:nth-child(2n) {
border-right-style: none;
}

.boxLinks{
margin-bottom: -20px;
margin-right: 0px;
}

.boxLinks img{
width: 100%;
}

.boxLinks li{
width: 49%;
background-color: #FFFFFF;
margin-right: 0px;
height: auto;
}

.boxLinks li span{
width: 95%;
/*display: block;*/
margin-bottom: 1em;
margin-top: 1em;
height: 3em;/*auto */
padding-top:0;/**/
}

.boxLinks li:nth-child(odd) {
margin-left: 0px;
float: left;
}

.boxLinks li:nth-child(even) {
float: right;
margin-right: 0px;
}

.boxLinks li:nth-child(5n),
.boxLinks li:nth-child(6n){
	margin-bottom: 10px;
}

.boxLinks li:nth-last-child(1),
.boxLinks li:nth-last-child(2){
/*margin-bottom: 0px;*/
}

.boxLinks .list-text {
width: 100%;
}

.boxLinks .list-text span{
height: 60px;
padding-left: 10px;
font-size: 12px;
width: 70%;
padding-right: 30px;
}

/* Box-tableLinks：2016/12/13 追加
---------------------------------------------------------- */
.boxTableLinks2.cl2 li,
.boxTableLinks.cl3 li {
width: 50%;
}

.boxTableLinks.cl3 li:nth-child(2n),
.boxTableLinks.cl3 li:nth-child(3n),
.boxTableLinks2.cl2 li:nth-child(even) {
border-right-style: none;
}

.boxTableLinks.cl3 li:nth-child(odd) {
border-right: 1px solid #e5e5e5;
}


#category-Index-contents{
background-color: #f8f8f8;
/*padding-top: 40px; ADD 201608 */
/*margin-bottom: -40px;ADD 201608 */
}

#breadcrumb{
display: table-footer-group;
}

#breadcrumb .section{
padding-top: 25px;
padding-bottom: 25px;
}


#categoryVisual h1, #categoryVisual div#h1{
font-size: 22px;/*24px */
padding-top: 0.5em;/*1em */
padding-bottom: 0.5em;/*1em */
height: auto;
vertical-align: middle;
line-height: 1.3;
}
/**/
#categoryVisual h1 span, #categoryVisual div#h1 span{
display:table-cell;
vertical-align: middle;
height: auto;
line-height: 1.3;
}
/**/
#categoryVisual h1 span.long_title {
font-size: 14px;
}
/* 20191004
#categoryVisual-main-bg {
margin-top: -23px;
}
*/
#categoryVisual-main img.sp { /**/
width: 100%;
}

.boxLinksIndex{
margin-left: auto;
margin-right: auto;
}

.boxLinksIndex img{
border-style: none;
width: 100%;
}

.boxLinksIndex li.boxLinksIndex-item{
width: 100%;
margin-bottom: 20px;
}

.boxLinksIndex .linkList02,
.boxLinksIndex h2,
.boxLinksIndex p  {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1em;
}

.news{/* ADD 201608 */
margin-left: 0px;
margin-right: 0px;
}

.news li {
width: 100%;
margin-bottom: 10px;
}

.news li:nth-child(odd) {
float: none;
}

.news li:nth-child(even) {
float: none;
}

.news li .news-item-text{
padding-left: 10px;
padding-right: 30px;
width: 100%;
}

.news li:nth-last-child(1){
margin-bottom: 0px;
}

.news li:nth-last-child(2){
margin-bottom: 10px;
}

/**/
.accessmap .table1 th, .accessmap .table1 td {
padding: 0.8em;
}

.accessmap .table1 th {
width: 20%;
}

/**/
.nform input[type="submit"], .nform input[type="button"] {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5em;
}

/*スマホで非表示の要素に設定する */
.sp_none{
display: none!important;
}

/*Links-Index 20161208add
---------------------------------------------------------- */
.LinksIndex {
margin-top: 1em;
}
.LinksIndex h2 {
	width: 74% !important;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 2%;
	float: right;
}
/*h2とpを別設定に変更 */
.LinksIndex p {
	width: 100% !important;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	margin-left: 0px;
	float: left;
}
.LinksIndex img {
	margin-right: 0px;
	width: 20%;
}
.LinksIndex li.LinksIndex-item {
	height: auto;
	min-height: auto !important;
}
.acMenu h3,
.acMenu h4,
.acMenu h5 {
padding-left: 10px;
}
.acMenu ul {
	margin-left: 10px;
padding-left: 0px;
}
.oldList-Block{
width: 100%;
}
.oldList-Block.fl{
margin-bottom: 2em;
}

/* ページ内リンク：2016/12/13
---------------------------------------------------------- */
.pagelinks {
margin-left: auto;
margin-right: auto;
display: block;
padding-left: 20px;
}
.pagelinks a {
font-size: 16px;
padding-top: 0.3em;
padding-bottom: 0.3em;
display: inline-block;
}
/* ページ内リンク pagelinks-01 */
.pagelinks-01 ul.pagelinks-01-list {
text-align: left;
}
.pagelinks-01 ul.pagelinks-01-list li {
display: inline;
}
.pagelinks-01 ul.pagelinks-01-list li a {
margin-right: 1em;
}
/* ページ内リンク pagelinks-02 */
.pagelinks-02 ul.pagelinks-02-list {
font-size: 18px;
text-align: left;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
}
.pagelinks-02 ul.pagelinks-02-list li {
display: inline;
}
.pagelinks-02 ul.pagelinks-02-list li a {
display: inline-block;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-right: 1em;
padding-left: 0px;
}
/* ページ内リンク pagelinks3 */
.pagelinks-03 ul.pagelinks-03-list li {
display: inline;
}
.pagelinks-03 ul.pagelinks-03-list li a {
border-radius: 5px;
margin-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
}





/* 写真：2016/12/13
---------------------------------------------------------- */
/* 20180830
figcaption{
font-size: 10px;
}
*/
figure img{
	width:100%;
}
.photoLine{
border: 2px solid #FFFFFF;
}
.pd1em {
padding: 1em;
}
.figcaption-line02-1{
width: 48%;
float: left;
}
.figcaption-line02-2{
width: 48%;
float: right;
}
.figcaption-line03-1{
width: 32.3%;
margin-right: 1.5% ;
}
.figcaption-line03-2{
width: 32.4%;
margin-right: 1.5% ;
}
.figcaption-line03-3{
width: 32.3%;
margin-right: 0px ;
}
/**/
.fig-txt{
float:left;
}




/* スマホでzoomを使用しないコンテンツ用 20170803
---------------------------------------------------------- */
.section_scroll:before {
content: "※本コンテンツは左右にスクロールしてご覧ください。"!important;
}
.section_scroll {
width: 320px;
overflow: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
/*padding-left:5px;
padding-bottom:5px;*/
-webkit-overflow-scrolling: touch;
}
.section_scroll::-webkit-scrollbar {
height: 12px;
}
.section_scroll::-webkit-scrollbar-track {
background: #F1F1F1;
border-radius: 6px;
}
.section_scroll::-webkit-scrollbar-thumb {
background: #666666;
border-radius: 6px;
}

div#main_contents.no_zoom{
zoom:100%!important;
width:740px!important;
}

/*2カラム、3カラム、4カラム */
/* 列幅は使用時に設定すること*/
ul.list-2column li:nth-child(2n+1){width:40%;}
ul.list-2column li:nth-child(2n){width:45%;}

ul.list-3column li:nth-child(3n+1){width:30%;}
ul.list-3column li:nth-child(3n+2){width:30%;}
ul.list-3column li:nth-child(3n){width:25%;}

ul.list-4column li:nth-child(4n+1){width:20%;}
ul.list-4column li:nth-child(4n+2){width:25%;}
ul.list-4column li:nth-child(4n+3){width:20%;}
ul.list-4column li:nth-child(4n){width:20%;}



/* MARS FINDER
---------------------------------------------------------- */
.mf_finder_searchBox_items { /**/
padding: 0 0!important;
}

/* embed-container 20181002
---------------------------------------------------------- */
div.embed-container {height: 0!important; padding: 0 0 56.25%; overflow: hidden;}







}



/*---------------------------------------------------------- */
/* @media screen and (max-width:640px) スマホ表示 */
/*---------------------------------------------------------- */
@media screen and (max-width:640px) {
.ttl-List li a .imgBox{
display: none;
}
/* 2017/05/09 mod */
.ttl-List-Photo .ttl-List-text2, .ttl-List-text-2Row,
.ttl-List-text{
padding-left: 10px;
}

.ttl-List li .icn,
.ttl-List li .icn1{
display: none;
}
/**/
.col3-List .ttl-List-text{
padding-left: 5px;
}


/**/
#main_contents{
zoom: 1; /*90%*/
}
/**/
.sp640_br{
display: block!important;
}
.sp640_none{
display: none!important;
}


}



/**/
@media screen and (max-width:570px) {
#main_contents{
zoom: 1; /*80%*/
}
/**/
.sp570_br{
display: block!important;
}
.sp570_none{
display: none!important;
}

}

/*Nexus対応 */
@media screen and (max-width:435px) {
#main_contents{
zoom: 73%; /*57%73% */
}
/**/
.sp435_br{
display: block!important;
}
.sp435_none{
display: none!important;
}

}
/*Nexus、iPhone 6 Plus対応 */
@media screen and (max-width:414px) {
#main_contents{
zoom: 68%; /*54%73% */
}
/**/
.sp414_br{
display: block!important;
}
.sp414_none{
display: none!important;
}

}

/**/
@media screen and (max-width:380px) {
#main_contents{
zoom: 65%; /*48%60% */
}
/**/
img.sp_icn_pdf{
width:18px;
height:22px;
}

/*スマホで非表示の要素に設定する */
.sp380_br{
display: block!important;
}
.sp380_none{
display: none!important;
}

}
/**/
@media screen and (max-width:360px) {
#main_contents{
zoom: 60%; /*45%60% */
}
/**/
.sp360_br{
display: block!important;
}
.sp360_none{
display: none!important;
}

}

/**/
@media screen and (max-width:320px) {
#main_contents{
zoom: 52%; /*40% */
}
/**/
img.sp_icn_pdf{
width:26px;
height:32px;
}
/**/
.sp320_br{
display: block!important;
}
.sp320_none{
display: none!important;
}

}

/* Retina対応 sample */
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
    .sample{
        background-image: url(../image-2x.png);
    }
}








/*****************************************************************************************************************************
 * mNavi2018.css
 *
******************************************************************************************************************************/

/* cmn.css キャンセル　_________________*/
#header {
height: 76px;
}
#headerLogo {
top: 20px;
}
#gNavi form {
/*top: 15px;*/
}
#gNavi input[type="text"] {
/*width: 200px;*/
}
#fNavi {
top: 25px;
}
#submenuLink {
margin-left: 990px;
width: 40px;
}

#submenuLink {
background-image: url("../../img/submenu/submenu.png"); /**/
background-repeat: no-repeat;
background-position: 0 0%;
background-size: cover;
height: 40px;
width: 40px;
}
#submenuLink.follow {
top: 129px;
}
#submenuLink img {
height: 40px;
width: 40px;
}
#submenuLink.active {
background-image: url("../../img/submenu/submenu_over.png"); /**/
margin-left: 980px;
height: 40px;
width: 48px;
}
#submenuLink.active img {
height: 40px;
width: 48px;
}
#submenu-f.default {
opacity: 1;
position: relative;
transform: translateX(0px);
top: 0px;
padding-right: 0px;
margin-bottom: 20px;
}
body.scrollTop.submenu-active #one-column #main_contents2 {
padding-top: 0px; /*画面上部でメニューを閉じる*/
}
body.submenu-active #one-column #main_contents2 {
/*padding-top: 117px; */
}
body #one-column #main_contents2 {
padding-top: 0px;
}

 /* ページ内リンク submenu add*/
.submenu {
background-color: #324455 !important;
opacity: 1;
}
.submenu ul.pagelinks-02-list>li {
display: inline;
float: none;
height: 100%;
}
.submenu ul.pagelinks-02-list>li>a:hover,
.submenu ul.pagelinks-02-list>li>span.no-link:hover {
background-color: #FFFFFF!important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

/* メニュースマホ表示  */

@media screen and (max-width:1120px) { /*1100px */
#inquiryLink,
#submenuLink {
visibility: hidden !important;
display: none !important;
}
}

@media screen and (max-width:767px) and (min-width:1px) {
#headerLogo {
top: 12px;
}
#gNavi.open,
 #localNavi.open {
z-index: 999;
}
#gNavi {
z-index: 1;
position: absolute;
top: 46px;
}
#header.smaller #fNavi {
top: 380px;
left: 0px;
}
#header.smaller #mNavi li a {
}
#header.smaller #mNavi li a {
padding-top: 13px;
padding-bottom: 13px;
}
section.contents {
position: relative;
top: 0 !important;
}
#header {
z-index: 99999;
}
#gNaviWrap {
background-color: transparent;
}
#gNavi {
height: auto;
}
#gNavi form {
width: 98%;
left: 1%;
right: 1%;
top: 5px;
}
#gNavi input[type="text"] {
/*width: 85%;*/
}
#gNavi input[type="image"] {
width: 15%;
}
#fNavi {
top: 0px;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
}
/* グローバルナビはスクロールしなくても、最初から位置固定にする */
#mNavi-wrapper {
position: absolute;
top: 70px; /* 要調整 */
left: 0;
width: 100%;
background-color: var(--main-bg-color);
}
#mNavi2019 {
list-style: none;
padding: 0;
height: 40px;
position: relative;
/* background-color: #2c3e50; メニュー部だけ色をつける場合 */
z-index: 100;
width: 100%;
margin-right: 20%;
margin-left: 20%;
}
#mNavi2019>li {
float: left;
width: 15%;
height: 100%;
margin: 0;
padding: 0;
}
#mNavi2019 li#mNavi2019-02 {
width: 15%; /* 100%にするためイベント・セミナーだけwidthを調整 */
}
#mNavi2019 li#mNavi2019-07>a {
border-right: 1px solid #d6d3d3;
}
	#mNavi2019 > li > a {
		width: 100%;
		height: 100%;
		display: -ms-flexbox; /* IE10 */
		display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
		display: -webkit-flex; /* Safari6.1以降 */
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		color: #ffffff !important;
		text-decoration: none !important;
		position: relative;
		z-index: 101;
		background-position: center bottom;
		background-repeat: no-repeat;
		//border-left: 1px solid #d6d3d3;
		//border-right: 1px solid #d6d3d3;
		letter-spacing: -0.04em;
		font-family: system-ui;
		font-weight: 500;
		font-size: medium;
	}
#mNavi2019>li.on_hover>a {
color: #092886 !important;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 1px;
}
#mNavi2019-01.on_hover>a {
border-left: 1px solid var(--main-bg-color)!important;
}
#mNavi2019-07.on_hover>a {
border-right: 1px solid var(--main-bg-color)!important;
}
#mNavi2019>li.slider {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

li[id^="mNavi2019-"].on_hover ~ .slider {
background-color: #ffffff;
}
li#mNavi2019-01.on_hover ~ .slider {
border-left: 1px solid var(--main-bg-color)!important;
width: 15%;
}
li#mNavi2019-02.on_hover ~ .slider {
	left: 15%;
	width: 15%;
}
li#mNavi2019-03.on_hover ~ .slider {
	left: 30%;
	width: 15%;
}
li#mNavi2019-04.on_hover ~ .slider {
left: 45%;
width: 15%;
}

section.contents {
top: 125px;
}
ul.mNavi2019-child {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.mNavi2019-child li {
/* [disabled]color:#3;
*/
}

@media screen and (min-width:769px) {
.submenu .mNavi2019-child li{ /**/
/*display: inline-block;*/
float:left;
margin-right:1em;
}

.submenu ul.pagelinks-02-list>li.mNavi-arw-ul-newline:before { /**/
  content: "\A";
  white-space: pre;
}

.submenu .mNavi2019-child li.mNavi-arw-ul-newline { /**/
/*  content: "\A";
  white-space: pre;*/
clear: both;
}

}

.mNavi2019-child li a {
}
.mNavi2019-child li a:hover {
background-color: #F2F8FC !important;
}
/* 下矢印 */
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
li.menu__mega ul.mNavi2019-child {
position: absolute;
top: 10px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 20px 2%;
background: #fff;/* #007aff */
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-right: 1px solid var(--main-bg-color);
border-left: 1px solid var(--main-bg-color);
border-bottom: 1px solid var(--main-bg-color);
}
li.menu__mega:hover ul.mNavi2019-child {
top: 50px;
visibility: visible;
opacity: 1;
}
li.menu__mega ul.mNavi2019-child > li {
float: left;
width: 32%;
border: none;
}
li.menu__mega ul.mNavi2019-child > li:nth-child(3n+2) {
margin: 0 1%;
}
div.mNavi2019-child {
visibility: hidden;
opacity: 0;
z-index: 1;
}
li.megamenu div.mNavi2019-child {
position: absolute;
top: 50px;
/*left: 0;*/
box-sizing: border-box;
width: 100%;
background: #fff;
/* [disabled]-webkit-transition: all .2s ease;
ちらつき防止*/ /* [disabled]transition: all .2s ease;
ちらつき防止*/
}
/*li.megamenu:hover div.mNavi2019-child { */
li.megamenu.on_hover div.mNavi2019-child {
top: 40px;
visibility: visible;
opacity: 1;
}
nav.submenu {
position: relative;
}
nav.submenu ul.pagelinks-02-list>li.megamenu-sub div.mNavi2019-child {
position: absolute;
top: 35px;
left: 0;
width: 100%;
padding: 10px 5px;/*20px 2% */
background-color: #FFFFFF;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-right: 1px solid #324455;
border-left: 1px solid #324455;
border-bottom: 1px solid #324455;
}
.submenu ul.pagelinks-02-list>li>a,
.submenu ul.pagelinks-02-list>li>span.no-link {
border-left: 1px solid #324455!important;
border-top: 1px solid #324455!important;
border-bottom: 1px solid #324455!important;
min-height:40px; /*height:40px; */
}
nav.submenu ul.pagelinks-02-list>li.megamenu-sub:hover div.mNavi2019-child {
top: 37px;
visibility: visible;
opacity: 1 !important;
}
nav.submenu ul.pagelinks-02-list>li.megamenu-sub.line2 div.mNavi2019-child {
top: 75px; /*2行目の場合*/
}
nav.submenu ul.pagelinks-02-list>li.megamenu-sub.line2:hover div.mNavi2019-child {
top: 77px; /*2行目の場合*/
visibility: visible;
opacity: 1;
}
#submenu-f {
position: fixed;/*relative */
top: 129px;
width: 980px;
opacity: 0;
transition-duration: 0.15s;
transition-timing-function: ease-out;
transform: translateX(20px);
display:none; /**/
}
#submenu-top { /**/
margin-bottom:1em;
}

.submenu-f-fadeOut_backup {
opacity: 0;
z-index: 1;
position: fixed!important;
top: -150px;
}
.submenu-f-fadeOut {
z-index: -1000;
transform: translateX(200px)!important;
opacity: 0!important;
}
.submenu-f-fadeIn {
z-index: 100!important;
transform: translateX(0)!important;
opacity: 1 !important;
visibility: visible;
position: fixed !important;
top: 129px;
display:block!important; /**/
}
 @keyframes kaiten {
 0% {transform: rotate(0deg);}
 100% {transform: rotate(360deg);}
}
 @keyframes moveimg {
		0% {top: 0px;}
		50% {top: 5px;}
		100% {top: 0px;}
}
@keyframes moveimg_yokoburu {
 0% {left: 0px;}
 50% {left: -3px;}
 100% {left: 0px;}
}
.pageTop.on_hover img {
/*		animation: moveimg 3s infinite;*/
animation: kaiten 0.5s 1;
position: relative;
}
#inquiryLink.on_hover img {
animation: moveimg 0.5s 1; /* infinite;*/
position: relative;
}
#submenuLink.on_hover img {
animation: moveimg_yokoburu 0.5s 2;
position: relative;
}

/* mNavi2018 共通 _________________*/
#mNavi_sp {
display: none;
}
li.megamenu div.mNavi2019-child {
width: 200px;
z-index: 1;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); /*box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.11);*/
}
.mNavi2019-child-inc {
/* 
width: 200px; 
margin-left: auto;
margin-right: auto;
border-left: 1px solid #ccd2e1;
border-right: 1px solid #ccd2e1;
border-bottom: 1px solid #ccd2e1;
*/
}
.mNavi2019-child ul.mNavi-arw-ul span.mNavi-arw-ul-nolink, 
.mNavi2019-child ul.mNavi-arw-ul a {
padding: 5px;
}
.mNavi2019-child ul.mNavi-arw-ul span.mNavi-arw-ul-nolink, 
.mNavi2019-child ul.mNavi-arw-ul a {
padding: 5px;
}

#mNavi-wrapper:not(.spiralmode) .mNavi2019-child .mNavi-arw:after,
#mNavi-wrapper:not(.spiralmode) .mNavi2019-child ul.mNavi-arw-ul a:after,
.submenu .mNavi2019-child ul.mNavi-arw-ul a:after {
font-family: "Font Awesome 5 Free";
content: " \f105";
font-weight: 900!important;
}
#mNavi-wrapper.spiralmode .mNavi2019-child .mNavi-arw:after,
#mNavi-wrapper.spiralmode .mNavi2019-child ul.mNavi-arw-ul a:after {
font-family: inherit;
content: "\00A0>";
font-weight: 900!important;
font-size:80%;
}
#mNavi-wrapper.spiralmode .blank:after {
content:""!important;
}
#mNavi-wrapper.spiralmode i:before {
content:""!important;
}
#mNavi-wrapper.spiralmode .mNavi2019-child ul.mNavi-arw-ul a.pickup-level2:after { /**/
content:""!important;
}



.mNavi-ttl {
font-weight: bold;
color: var(--main-bg-color);
font-size: 16px;
padding: 5px;
display: block !important;
}
div.mNavi2019-child .horizon-menu {
padding-top: 10px;
}
div.mNavi2019-child .horizon-menu li {
display: inline;
margin-right: 0.2em;/*0.8em1.5em */
}
div.mNavi2019-child .horizon-menu li a {
padding: 5px;
}


/* ヘッダの見出しPC版 */

/* 背景色をつける */
#mNavi2019-01 div.mNavi2019-child {
/* [disabled]background-color: #F9F4EC; */
}
li#mNavi2019-01:hover ~ .slider{
/* [disabled]background-color: #F9F4EC !important; */
}

/* div:nth-of-type(1) */
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1){
/* width: 100px;*/
float: left;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) ul{
/* display: -webkit-box;*/
}
	#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li {
		display: block;
		border-bottom: 1px solid #ccd2e1;
	}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:first-child{
display: none;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) .mNavi-arw:after{
display: none;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a{
width: 200px;
height: 50px;
display: block;
text-align: center;
color: var(--main-bg-color) !important;
font-weight: bold;
line-height: 1.2;
position: relative;
border-right: 1px solid #ccd2e1;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a i.fa.fa-cog:before{
font-size: 30px;
display: block;
position: absolute;
top: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a i.fa.fa-lightbulb:before{
font-size: 30px;
display: block;
position: absolute;
top: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a i.fa.fa-list-ul:before{
font-size: 30px;
display: block;
position: absolute;
top: 32px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a span{
display: block;
position: absolute;
bottom: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a:hover{
background-color: #F2F8FC !important;
color: #2EC5DF !important;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(1) a,
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(1):hover{
border-right: 1px solid #ccd2e1;
}
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(2) a,
#mNavi2019-01 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(2):hover{
border-right: 1px solid #ccd2e1;
}
/* 背景色をつける */
#mNavi2019-02 div.mNavi2019-child {
/* [disabled]background-color: #F9F4EC; */
width: 200px;
/* height: 100px; */
}
li#mNavi2019-02:hover ~ .slider{
/* [disabled]background-color: #F9F4EC !important; */
}

/* div:nth-of-type(1) */
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1){
/* width: 100px;*/
float: left;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) ul{
/* display: -webkit-box; */
}
	#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li {
		display: block;
		border-bottom: 1px solid #ccd2e1;
	}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:first-child{
display: none;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) .mNavi-arw:after{
display: none;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a{
width: 200px;
height: 50px;
display: block;
text-align: center;
color: var(--main-bg-color) !important;
font-weight: bold;
line-height: 1.2;
position: relative;
border-right: 1px solid #ccd2e1;
}

#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a i.fa.fa-cog:before{
font-size: 30px;
display: block;
position: absolute;
top: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a i.fa.fa-lightbulb:before{
font-size: 30px;
display: block;
position: absolute;
top: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a i.fa.fa-list-ul:before{
font-size: 30px;
display: block;
position: absolute;
top: 32px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a span{
display: block;
position: absolute;
bottom: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li a:hover{
background-color: #F2F8FC !important;
color: #2EC5DF !important;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(1) a,
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(1):hover{
border-right: 1px solid #ccd2e1;
}
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(2) a,
#mNavi2019-02 .mNavi2019-child .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(2):hover{
border-right: 1px solid #ccd2e1;
}


/* SP版 ____________________________________________*/

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

		/* PC版 グローバル・ナビゲーション 非表示　*/
		#mNavi-wrapper {
		display: none;
		background-color: var(--main-bg-color);
		}

		/* SP版 ヘッダ固定 _________________*/
		#header {
		position: fixed;
		height: 50px;
		-webkit-box-shadow: 0px 0px 15px -8px;
		box-shadow: 0px 0px 15px -8px;
		border-bottom: 1px solid #f1f1f1;
		}
		
/* 20181219
		section.contents#one-column {
		top: 50px !important;
		}
*/
		section.contents {
		top: 50px !important;
		}

/*#categoryVisual + section.section に変更
		section.section {
		padding-top: 0;
		}
*/ 
		#categoryVisual + section.section {
		padding-top: 1em;
		}
		
		#gNaviWrap.open { /* メニューがはみ出した場合にスクロールさせる */
		position: fixed;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 100%;
		}

		/* SP版 グローバル・ナビゲーション _________________*/
		.mf_finder_header { /*削除予定 */
		margin-left: 1%;
		margin-right: 1%;
		height: 45px;
		}
		.mf_finder_scsk { /**/
		margin-left: 1%;
		margin-right: 1%;
		height: 45px;
		}
		#mNavi_sp {
		font-size: 12px;
		display: block;
		border-radius: 5px;
		margin-left: auto;
		margin-right: auto;
		left: 1%;
		right: 1%;
		width: 98%;
		}
		#mNavi_sp > li:first-child > a {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		}
		#mNavi_sp > li:last-child > a {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		}
		#mNavi_sp > li:last-child > a.active {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		}
		#mNavi_sp li a {
		font-size: 13px;
		padding: 13px 2%;
		color: #FFFFFF !important;
		border-bottom: 1px solid #0f5401;
		width: 100%;
		text-align: left;
		display: block;
		font-family: initial;
		font-weight: bold;
		background-image: none !important;
		position: relative;
		box-sizing: border-box;
		background-color: var(--main-bg-color);
		}
		#mNavi_sp li a:after {
		font-family: "Font Awesome 5 Free";
		content: " \f054";
		font-weight: 900 !important;
		position: absolute;
		right: 2%;
		}
		#mNavi_sp > li > a.arw-dwn:after {
		font-family: "Font Awesome 5 Free";
		content: " \f0d7" !important;
		font-weight: 900!important;
		position: absolute;
		right: 2%;
		}
		#mNavi_sp li a.arw-dwn.active:after {
		content: " \f0d8" !important;
		}
		#mNavi_sp > li:last-child > a {
		border-bottom: 0;
		}
		#mNavi_sp li a:hover,
		#product li.mNav01 a,
		#event li.mNav02 a,
		#news li.mNav03 a,
		#ir li.mNav04 a,
		#recruit li.mNav05 a,
		#csr li.mNav06 a,
		#corp li.mNav07 a,
		#service-e li.mNav01 a,
		#ir-e li.mNav02 a,
		#csr-e li.mNav03 a,
		#corp-e li.mNav04 a {
		color: #020202 !important;
		}
		/* SP版 グローバル・ナビゲーション 2ND　*/
		#mNavi_sp li ul {
		display: none;
		padding: 10px;
		background-color: #FFFFFF !important;
		}
		#mNavi_sp li ul li ul {
		padding: 0;
		display: block;
		}
		#mNavi_sp li ul a {
		color: var(--main-bg-color) !important;
		background-color: #FFFFFF !important;
		font-weight: normal;
		border-bottom-style: none;
		padding-top: 8px;
		padding-bottom: 8px;
		}
		#mNavi_sp li ul a:after {
		font-family: "Font Awesome 5 Free";
		content: " \f105";
		font-weight: 900!important;
		}
		#mNavi_sp > li:last-child ul { /*#mNavi_sp > li:last-childul { */
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		}
#mNavi_sp li a { /*ios対策 */
cursor:pointer;
}

		/* SP版 サブナビ _________________*/
		.submenu {
		display: none;
		}
		#categoryVisual.open {
		position: fixed;
		top: 50px;
		}
		#submenu-f {
		width: 100%;
		padding: 0;
		transform: translateX(0px);
		left: 0px;
		right: 0px;
		height: 80%;
		position: fixed;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		/* 製作時　*//* [disabled]z-index: 100 !important;*/
		/* 製作時　*//* [disabled]opacity: 1;*/
		}
		#submenu-f.default {
		opacity: 1;
		position: fixed;
		transform: translateX(0px);
		top: 0px;
		padding-right: 0px;
		margin-bottom: 0px;
		}
		/* サブナビ オープン　*/
		#submenu-f.open {
		z-index: 10000 !important;
		animation-fill-mode: both;
		animation-duration: 0.5s;
		animation-name: fadeInDown;
		display: block;
		}
		.submenu ul.pagelinks-02-list>li {
		float: none;
		display: block;
		}
		.submenu ul.pagelinks-02-list>li>a,
		.submenu ul.pagelinks-02-list>li>span.no-link {
		padding: 10px;
		margin-right: 0;
		color: #FFFFFF;
		display: block;
		border-right-style: none;
		border-bottom: 1px solid #6f7b87 !important;
		border-top-style: none;
		border-left-style: none;
		}
		.submenu ul.pagelinks-02-list>li>a:after {
		content: " \f054";
		position: absolute;
		right: 2%;
		}
		.submenu ul.pagelinks-02-list>li>a.active,
		.submenu ul.pagelinks-02-list>li>a:hover,
		.submenu ul.pagelinks-02-list>li.on_hover>a {
		color: #FFFFFF !important;
		background-color: #41484e!important;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-style: none;
		}
		.submenu ul.pagelinks-02-list>li>a.child-toggle:after {
		font-family: "Font Awesome 5 Free";
		content: " \f0d7";
		font-weight: 900!important;
		position: absolute;
		right: 2%;
		}
		.submenu ul.pagelinks-02-list>li>a.child-toggle.active:after {
		font-family: "Font Awesome 5 Free";
		content: " \f0d8";
		font-weight: 900!important;
		position: absolute;
		right: 2%;
		}
		div.mNavi2019-child {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		}
		nav.submenu ul.pagelinks-02-list>li.megamenu-sub:hover div.mNavi2019-child {
		top: 0px !important;
		visibility: visible;
		opacity: 1;
		border-style: none;
		}
		nav.submenu ul.pagelinks-02-list>li.megamenu-sub div.mNavi2019-child {
		position: relative;
		top: 0px !important;
		left: 0;
		padding: 10px;
		border-style: none;
		display: none;
		transition: unset;
		}
		nav.submenu ul.pagelinks-02-list>li.megamenu-sub div.mNavi2019-child a {
		padding-top: 8px;
		padding-bottom: 8px;
		display: block;
		}

}



/*****************************************************************************************************************************
 * mNavi2018_07-2.css
 *
******************************************************************************************************************************/

/* 製品・サービス  企業情報 別レイアウト_________________*/

#mNavi2019-07 div.mNavi2019-child.demo { /* 検証用 */
/* [disabled]visibility: visible !important; */
/* [disabled]opacity: 1; */
/* [disabled]top: 50px !important; */
}
#mNavi2019-07 div.mNavi2019-child{
visibility: hidden;
}
#mNavi2019-07 div.mNavi2019-child.demo{
visibility: hidden;
}
/*li.megamenu:hover div.mNavi2019-child.demo { */
li.megamenu.on_hover div.mNavi2019-child.demo {
	top: 50px;
	visibility: visible !important;
	opacity: 1;
}

#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div{
display: block;
border-right: 1px solid #ccd2e1;
vertical-align: top;
}
#mNavi2019-07 .mNavi-ttl{
font-weight: bold;
color: var(--main-bg-color);
font-size: 14px;
margin-bottom: 0;/*5px */
padding: 15px !important;
}
#mNavi2019-07 .mNavi-ttl a{
padding: 15px !important;
display: block;
}
#mNavi2019-07 .mNavi-ttl:hover{
background-color: #f2f8fc;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc li a{
display: inline-block;
}

/* div:nth-of-type(1) */
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) {
width: 980px;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) li{
border-right: 1px solid #ccd2e1;
width: 195.5px;/* calc(979px/4) */
float: left;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) li:nth-of-type(5n){ /* 4n */
border-right-style: none;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) a{
padding: 15px;
border-bottom: 1px solid #ccd2e1;
display: block;
font-weight: bold;
color: var(--main-bg-color);
font-size: 14px;
}


/*なるほどの右が空のため */
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) li.mNavi2019-07-blank{
border-bottom: 1px solid #ccd2e1;height: 54px;
}
/*Chrome,Edgeのみズレが生じたため対応 */
/* Chromeのみ */
_:lang(x)::-internal-media-controls-overlay-cast-button, #mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) li.mNavi2019-07-blank{
height: 55px;
}
/* Edgeのみ（Chromium） */
_:lang(x)::-ms-, #mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) li.mNavi2019-07-blank{
height: 55px;
}

#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) a:hover{
background-color: #f2f8fc;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(1) li:last-child a{
border-bottom: 1px solid #ccd2e1;
}

/* div:nth-of-type(2) */
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(2){
width:195px;/*243pxwidth: calc(977px/4); */
float: left;
border-right-style: none;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(2) a{
padding: 5px 15px;
display: inline-block;
}

/* div:nth-of-type(3) */
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(3){
width:491px;/*width: calc(979px/4*2); */
float: left;
border-left: 1px solid #ccd2e1;
padding-bottom: 15px;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(3) .mNavi-ttl{
display: block;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(3) a{
padding: 5px 15px;
display: inline-block;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(3) ul.mNavi-arw-ul{
width: 50%;
float: left;
}

/* div:nth-of-type(4) */
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(4){
width:280px;/*244pxwidth: calc(977px/4); */
float: left;
border-right-style: none;
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc > div:nth-of-type(4) a{
padding: 5px 10px 5px 15px;/**/
display: inline-block;
line-height:1.3 /**/
}
#mNavi2019-07 .mNavi2019-child.demo .mNavi2019-child-inc li a.mNavi-icon:after{
content: "";
}


/****************************************************************************************************
* 英語の強制改行をいれる必要があるもの
*****************************************************************************************************/
.submenu *,
#categoryVisual *{
word-break: break-all;
}


/*
@media screen and (max-width:767px) and (min-width:1px) {
@media screen and (max-width:640px) {
@media screen and (max-width:570px) {
@media screen and (max-width:435px) {
@media screen and (max-width:414px) {
@media screen and (max-width:380px) {
@media screen and (max-width:360px) {
@media screen and (max-width:320px) {

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

*/




/****************************************************************************************************
* 全テンプレートにheightLine.jsいれるまでの暫定対応
*****************************************************************************************************/
.heightLine-mNavi2019-04 {
height:231px!important;
}
.heightLine-mNavi2019-06 {
height:210px!important;
}
.heightLine-mNavi2019-07 {
height:220px!important;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#f8f8f8;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#f8f8f8;background-color:#f8f8f8;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#f8f8f8;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#f8f8f8;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#f8f8f8;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#f8f8f8;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#f8f8f8;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#f8f8f8;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #f8f8f8,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#f8f8f8;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#f8f8f8;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#f8f8f8;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#f8f8f8;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#f8f8f8;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#f8f8f8;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#f8f8f8;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#f8f8f8;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#f8f8f8;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}

/* ボタン アニメーション　Radial Out */

.hvr-radial-out {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 position: relative;
 overflow: hidden;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
}

.hvr-radial-out:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #f8f8f8;
 border-radius: 100%;
 -webkit-transform: scale(0);
 transform: scale(0);
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}

.hvr-radial-out, .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
	color: #FFFFFF;
	background-color: #007aff;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.hvr-radial-out.clicked:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.hvr-radial-out.clicked:hover:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/****************************************************************************************************
* iPad対応
*****************************************************************************************************/

/* iPad（非Retina） */
@media screen and (min-device-width: 768px) and (max-device-width:1024px) and (-webkit-device-pixel-ratio: 1) {
  #mNavi2019 > li > a {
    display: block;
    text-align: center;
    padding-top: 1em;
  }
  #fNavi {
    left: auto;
    right: 0px;
  }
  #categoryVisual h1, #categoryVisual div#h1 {
    padding-top: 10px;
  }
}

/* iPad（非Retina）, iPadmini 横 */
@media screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1) {
  html, body, #header {
    width: 1024px;
    margin: 0 auto;
  }
}

/* iPad（非Retina）, iPadmini 縦 */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1) {
  html, body, #header {
  /* [disabled]width: 750px; */
  /* [disabled]margin: 0 auto; */
  }
}