@charset "UTF-8";
/*===========================================

　●１-１　初期設定のリセット

=========================================*/
h1,h2,h3,h4,h5,dl,dt,dd {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: none;
	color: #333;
	font-size: 75%; /* IEに適用 */
	text-align: center;
	letter-spacing: 0;
}
body, body td, body th {
	font-family: "メイリオ", Meiryo, "游ゴシック", "YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
table {
	font-size: inherit;
}

html.side-menu-show,
body.side-menu-show{
	overflow:hidden;
	height:100vh;
	position: fixed;
}

html>/**/body {
	font-size: 14px; /* IE以外のブラウザ */
}

body.side-menu-hide,
body.side-menu-hide{

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body { line-height:1.7; }
}

.ie.win body {
	padding: 0 0 0 1px;
}
.ie.win #inner-content-area p,
.ie.win .relationLink dt,
.ie.win h5{
	line-height:1.6;
}

.mac body {
	/*font-size: 84%;*/
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	max-width:100%;
}

.image{
    line-height:0;
}

br{
	letter-spacing: 0;
}

#header li ,#footer li{
	list-style:none;
}

#header h1{
    border:none;
}    

body#souhaiden #header .menu_open_btn.button-open{
	display:none;
}


/*--------------------------------------------------------
汎用
--------------------------------------------------------*/

.mT5{margin-top:5px !important;} .mT10{margin-top:10px !important;} .mT15{margin-top:15px !important;} .mT20{margin-top:20px !important;} .mT25{margin-top:25px !important;} .mT30{margin-top:30px !important;} .mT35{margin-top:35px !important;} .mT40{margin-top:40px !important;} .mT45{margin-top:45px !important;} .mT50{margin-top:50px !important;}  
.mR5{margin-right:5px !important;} .mR10{margin-right:10px !important;} .mR15{margin-right:15px !important;} .mR20{margin-right:20px !important;} .mR25{margin-right:25px !important;} .mR30{margin-right:30px !important;} .mR35{margin-right:35px !important;} .mR40{margin-right:40px !important;} .mR45{margin-right:45px !important;} .mR50{margin-right:50px !important;} 
.mB5{margin-bottom:5px !important;} .mB10{margin-bottom:10px !important;} .mB15{margin-bottom:15px !important;} .mB20{margin-bottom:20px !important;} .mB25{margin-bottom:25px !important;} .mB30{margin-bottom:30px !important;} .mB35{margin-bottom:35px !important;} .mB40{margin-bottom:40px !important;} .mB45{margin-bottom:45px !important;} .mB50{margin-bottom:50px !important;} 
.mL5{margin-left:5px !important;} .mL10{margin-left:10px !important;} .mL15{margin-left:15px !important;} .mL20{margin-left:20px !important;} .mL25{margin-left:25px !important;} .mL30{margin-left:30px !important;} .mL35{margin-left:35px !important;} .mL40{margin-left:40px !important;} .mL45{margin-left:45px !important;} .mL50{margin-left:50px !important;} 

.pdT5{padding-top:5px !important;} .pdT10{padding-top:10px !important;} .pdT15{padding-top:15px !important;} .pdT20{padding-top:20px !important;} .pdT25{padding-top:25px !important;} .pdT30{padding-top:30px !important;} .pdT35{padding-top:35px !important;} .pdT40{padding-top:40px !important;} .pdT45{padding-top:45px !important;} .pdT50{padding-top:50px !important;}  
.pdR5{padding-right:5px !important;} .pdR10{padding-right:10px !important;} .pdR15{padding-right:15px !important;} .pdR20{padding-right:20px !important;} .pdR25{padding-right:25px !important;} .pdR30{padding-right:30px !important;} .pdR35{padding-right:35px !important;} .pdR40{padding-right:40px !important;} .pdR45{padding-right:45px !important;} .pdR50{padding-right:50px !important;} 
.pdB5{padding-bottom:5px !important;} .pdB10{padding-bottom:10px !important;} .pdB15{padding-bottom:15px !important;} .pdB20{padding-bottom:20px !important;} .pdB25{padding-bottom:25px !important;} .pdB30{padding-bottom:30px !important;} .pdB35{padding-bottom:35px !important;} .pdB40{padding-bottom:40px !important;} .pdB45{padding-bottom:45px !important;} .pdB50{padding-bottom:50px !important;} 
.pdL5{padding-left:5px !important;} .pdL10{padding-left:10px !important;} .pdL15{padding-left:15px !important;} .pdL20{padding-left:20px !important;} .pdL25{padding-left:25px !important;} .pdL30{padding-left:30px !important;} .pdL35{padding-left:35px !important;} .pdL40{padding-left:40px !important;} .pdL45{padding-left:45px !important;} .pdL50{padding-left:50px !important;} 

.iblock{
	display:inline-block;
}

.txt-left{
	text-align:left;
}
.txt-right{
	text-align:right;
}
.txt-center{
	text-align:center;
}

.kp-link-arrow1{
	color: #000000;
	position:relative;
	display:inline-block;
	padding-left:1.5em;
}
.kp-link-arrow1::before,
.kp-link-arrow1::after{
	content:"";
	display:inline-block;
	position:absolute;
}
.kp-link-arrow1::before{
	border:solid 1px #a6a6a6;
	border-radius:5%;
	left:0;
	border-radius:100%;
	width:1em;
	height:1em;
	background:#a0a0a0;
	top:50%;
	transform:translateY(-50%);		
}
.kp-link-arrow1::after{
	border-right:solid 1.5px #ffffff;
	border-bottom:solid 1.5px #ffffff;
	width:0.3em;
	height:0.3em;
	left:calc(0.25em + 0.5px);
	transform:rotate(-45deg);
	top:calc(50% - 0.175em);
}

.colorbasic {
	color: #C00;/*赤色*/
}

.kp-flex{
	display:flex;
}
.kp-flex-wrap{
	flex-wrap:wrap;
}

.kp-flex-align-center{
	align-items:center;
}

.kp-width-1-1{
	width:100% !important;
}
.kp-width-1-2{
    width:50% !important;
}
.kp-width-1-3{
    width:calc(100% / 3) !important;
}
.kp-width-2-3{
        width:calc((100% / 3) * 2) !important;
}

.kp-width-1-10{
   width:calc(100% * 0.1) !important;
}

.kp-width-2-10{
   width:calc(100% * 0.2) !important;
}

.kp-width-3-10{
   width:calc(100% * 0.3) !important;
}

.kp-width-4-10{
   width:calc(100% * 0.4) !important;
}
.kp-width-6-10{
   width:calc(100% * 0.6) !important;
}

.kp-width-7-10{
   width:calc(100% * 0.7) !important;
}
.kp-width-8-10{
   width:calc(100% * 0.8) !important;
}
.kp-width-9-10{
   width:calc(100% * 0.9) !important;
}


@media screen and (min-width:641px){
img {
	max-width:none;
}
	
.kp-width-m-1-1{
    width:100% !important;
}
.kp-width-m-1-2{
    width:50% !important;
}
.kp-width-m-1-3{
    width:calc(100% / 3) !important;
}
.kp-width-m-2-3{
        width:calc((100% / 3) * 2) !important;
}

.kp-width-m-1-10{
   width:calc(100% * 0.1) !important;
}

.kp-width-m-2-10{
   width:calc(100% * 0.2) !important;
}

.kp-width-m-3-10{
   width:calc(100% * 0.3) !important;
}

.kp-width-m-4-10{
   width:calc(100% * 0.4) !important;
}
.kp-width-m-6-10{
   width:calc(100% * 0.6) !important;
}

.kp-width-m-7-10{
   width:calc(100% * 0.7) !important;
}
.kp-width-m-8-10{
   width:calc(100% * 0.8) !important;
}
.kp-width-m-9-10{
   width:calc(100% * 0.9) !important;
}

}

@media screen and (min-width:980px){
.kp-width-l-1-1{
    width:100% !important;
}
.kp-width-l-1-2{
    width:50% !important;
}
.kp-width-l-1-3{
    width:calc(100% / 3) !important;
}
.kp-width-l-2-3{
        width:calc((100% / 3) * 2) !important;
}

.kp-width-l-1-10{
   width:calc(100% * 0.1) !important;
}

.kp-width-l-2-10{
   width:calc(100% * 0.2) !important;
}

.kp-width-l-3-10{
   width:calc(100% * 0.3) !important;
}

.kp-width-l-4-10{
   width:calc(100% * 0.4) !important;
}
.kp-width-l-6-10{
   width:calc(100% * 0.6) !important;
}

.kp-width-l-7-10{
   width:calc(100% * 0.7) !important;
}
.kp-width-l-8-10{
   width:calc(100% * 0.8) !important;
}
.kp-width-l-9-10{
   width:calc(100% * 0.9) !important;
}

}




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

■７．リンク色設定

=========================================*/
a {
	color: #395F9D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


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

　●３-４　ぱんくずリスト

=========================================*/
body #breadcrumb{
	margin-top:0;
}
#breadcrumb, #footer_breadcrumb{
	background-color: #EBEBEB;
	min-height: 36px;
	font-size: 12px;
	text-align: left;
	clear:both;
}
#breadcrumb div,#footer_breadcrumb div
{
	padding:8px 0;
	overflow:hidden;
}
#breadcrumb a, #footer_breadcrumb a,
#breadcrumb span, #footer_breadcrumb span{
	white-space:nowrap;
	display:inline-block;
}

#footer_breadcrumb{
	background-color: #4d4d4d;
}

#footer_breadcrumb a, #footer_breadcrumb span{
    color:#ffffff;
}

#breadcrumb{
	background-color:#fff;
	min-height: 36px;
	font-size: 12px;
	text-align: left;
	clear:both;
    margin-top: 70px;
    border-top:2px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
}
#footer_breadcrumb div,
#breadcrumb div {
    /*
	width: 960px;
	margin:0 auto;
    */
    margin: 0 8%;
	padding:8px 0;
	overflow:hidden;
}
#breadcrumb a,
#breadcrumb span{
	white-space:nowrap;
	display:inline-block;
    color: #555;
}

#breadcrumb a,#footer_breadcrumb a{
    position:relative;
}

#breadcrumb a::after, #footer_breadcrumb a::after {
    content: "";
    border-top: 1px solid #ccc;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 45%;
    right: -20px;
}

#breadcrumb a, #breadcrumb span,
#footer_breadcrumb a, #footer_breadcrumb span {
    margin-right: 26px;
}


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

　●３-５　左メニュー　改定

=========================================*/
#leftNav2{
	width:176px;
	font-size:85.71%;
	float:left;
	overflow: hidden;
	padding-bottom: 10px;
}

#leftNav2 > .cattitle{
    font-size: 1.1rem;
    padding: 10px 8px 10px 27px;
    display: block;
    background: #ff4d4d;
    color: #ffffff;
    text-shadow: 0 1px 3px #862a2a;
    border-bottom: solid 2px #cccccc;
    position: relative;
}
#leftNav2.energy > .cattitle{
	background-color:#06a177;
	text-shadow: 0 1px 3px #074836;
	letter-spacing:0.25em;
	text-align:center;
}

#leftNav2 > .cattitle.souhaiden{
    background:#222222;
    text-shadow: 0 1px 3px #444444;
}
#leftNav2 > .cattitle::before{
    content: "\e5cc";
    display: inline-block;
    font-family: 'Material icons';
    vertical-align: middle;
    position: absolute;
    left: 8px;
}
#leftNav2 > .cattitle.souhaiden::after{
	display:block;
	content:"";
	height:1px;
	width:99%;
	background:#e70014;
	position:absolute;
	left:1px;
	top:2px;
}


#leftNav2 ul,
#leftNav2 li{
	list-style:none;
}

#leftNav2 > ul{
	background: #f8f8f8;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	box-shadow: 0 0 0 1px #ffffff inset, 0 2px 3px #bfbfbf;
}

#leftNav2 > ul >li.bbNo,
#leftNav2 > ul >li:last-of-type{
	background: none;
	padding-bottom: 5px;
}

#leftNav2 > ul >li.active.bbNo,
#leftNav2 > ul >li:last-of-type.active{
	background:none;
}

#leftNav2 > ul >li.active.bbNo > a,
#leftNav2 > ul >li.active:last-of-type > a{
	margin-bottom:5px !important;
}

#leftNav2 > ul >li.active.hasChild > a{
	margin-bottom:none !important;
}

#leftNav2 > ul >li.bbNo.hasChild,
#leftNav2 > ul >li:last-of-type.hasChild{
	background:none;
	padding:0px;
}

#leftNav2 > ul >li.bbNo.hasChild:after,
#leftNav2 > ul >li:last-of-type.hasChild:after{
	background:#ffffff;
	padding-bottom:5px;
	margin:0;
}

#leftNav2 li{
    line-height: 1.25;
}

#leftNav2 li a{
	padding:7px 3px 7px 16px;
	display: block;
	color:#333333;
	background:url("/share_corporate/images/arr_4.gif") no-repeat 5px 0.9em;
	margin:0 10px;
}

body#home #leftNav2 li a{
	background-image:url("/home/share/images/arr_1.gif");
}

body#business #leftNav2 li a{
	background-image:url("/business/share/images/arr_2.gif");
}
body#corporate #leftNav2 li a{
	background-image:url("/share_corporate/images/arr_4.gif");
}

body #leftNav2.energy li a,
body#corporate #leftNav2.energy li a{
	background-image:url("/energy_supply/energy/share/images/arr_6.gif");
}

#leftNav2 ul li:first-child::before{
	border:none;
	padding-top:3px;
}

#leftNav2 ul li::before{
	content:"";
	display:block;
	margin:5px 10px 5px;
	border-bottom:dotted 1px #cccccc;
}

#leftNav2 ul li.active.hasChild+li::before{
	border:none;
}

#leftNav2 > ul > li > ul >li > ul > li::before{
	border:none;
}

#leftNav2 ul li:first-child::before{
	margin-top:0;
}

#leftNav2 ul li:after{
	display:block;
	content:"";
}

#leftNav2 > ul > li:after{
	margin:5px 10px 5px;
}

#leftNav2 li.active > a,
#leftNav2 li a:hover{
	text-decoration:none;
	background-image:url("/share/images/arr_o.gif") !important;
}

#leftNav2 li.hasChild > a,
#leftNav2 li.hasChild > a:hover{
	background-image:url("/share/images/arr_a.gif") !important;
}

#leftNav2 li.active li:first-child a,
#leftNav2 > ul > li.active + li a{
	border-top:none;
}

#leftNav2 > ul > li.active > ul > li.bbNo,
#leftNav2 > ul > li.active > ul > li:last-of-type{
	background: none;
	padding-bottom: 8px;
}


#leftNav2 > ul > li.active.bbNo > ul > li.bbNo,
#leftNav2 > ul > li.active.bbNo > ul > li:last-of-type{
	background:none;
}

#leftNav2 ul > li.bbNo.active > ul > li.bbNo.active ,
#leftNav2 ul > li.bbNo.active > ul > li:last-of-type.active {
    border-bottom: medium none !important;
}

#leftNav2 > ul > li.bbNo.active > ul > li.bbNo.active ,
#leftNav2 > ul > li.bbNo.active > ul > li:last-of-type.active {
    border-top: 1px solid #cccccc;
}

/*----level 2------------*/

#leftNav2 > ul > li.hasChild + li:before{
	border:none;
}
#leftNav2 > ul > li.active > a,
#leftNav2 > ul > li > a:hover{
	background-color:#ff4d4d;
	background-position:5px 0.9em;
	color:#ffffff;
}

body#home #leftNav2 > ul > li.active > a,
body#home #leftNav2 > ul > li > a:hover{
	background-color:#FF9900;
}

body#business #leftNav2 > ul > li.active > a,
body#business #leftNav2 > ul > li > a:hover{
	background-color:#0051A2;
}

body#corporate #leftNav2 > ul > li.active > a,
body#corporate #leftNav2 > ul > li > a:hover{
	background-color:#ff4d4d;
}

body #leftNav2.energy > ul > li.active > a,
body #leftNav2.energy > ul > li > a:hover{
	background-color:#06a177 !important;
}

#leftNav2 > ul > li:first-child > a{
	border:none;
}
/*----level 3------------*/

#leftNav2 >ul >li >  ul{
	background: #ffffff;
}

#leftNav2 > ul > li.active > ul >li:first-child {
    background: none;
    margin-top:10px;
    box-shadow: 0 3px 3px -3px #808080 inset;
}

#leftNav2 > ul > li.active > ul > li.bbNo:first-child {
    border-bottom: 1px solid #cccccc;
}

#leftNav2 > ul > li.active{
	background: none;
}
#leftNav2 > ul > li.active.hasChild{
	border-bottom: solid 1px #cccccc;
}

#leftNav2 > ul > li.active > ul >li a{
	padding-left:20px;
	padding-right:3px;
	background-position:5px 0.9em;
}

#leftNav2 > ul > li.active > ul >li a:hover,
#leftNav2 > ul > li.active > ul >li.active >a{
	background-color:#cccccc;
	color:#333;
}

#leftNav2 > ul > li.active > ul >li a,
#leftNav2 > ul > li.active > ul >li a:hover{
	padding-left:20px;
}

#leftNav2 > ul > li.active > ul >li > ul > li,
#leftNav2 > ul > li > ul >li{
	display:none;
}

#leftNav2 > ul > li.active:after{
	margin:0;
}


#leftNav2 > ul > li.active > ul >li.active > ul > li,
#leftNav2 > ul > li.active > ul >li{
	display:list-item;
}

/*----level 4------------*/

#leftNav2 > ul > li.active > ul >li > ul > li{
	padding-left:10px;
}

#leftNav2 > ul > li.active > ul >li > ul > li a{
	background-position:5px 0.9em !important;
	border:none;
}

#leftNav2 > ul > li.active > ul >li > ul > li.active a,
#leftNav2 > ul > li.active > ul >li >ul >li a:hover{
	background-color:#eeeeee !important;
	color:#333 !important;
}


#leftNav2 > ul > li.active > ul >li >ul > li a{
	background-image:url("/share/images/arr_8.gif") !important;
}

#leftNav2 > ul > li.active > ul >li >ul > li.active a,
#leftNav2 > ul > li.active > ul >li >ul > li a:hover{
	background-image:url("/share/images/arr_o.gif") !important;
}

#leftNav2 > ul > li.active > ul >li.active > a:first-child{
	background:#cccccc url("/share/images/arr_o.gif") no-repeat 5px 0.9em !important;
}

#leftNav2 > ul > li.active > ul >li.hasChild > a:first-child{
	background:#cccccc url("/share/images/arr_a.gif") no-repeat 5px 0.9em !important;
}


#leftNav2 > ul > li.active > ul >li.active > a:first-child:hover{
	background-image:url("/share/images/arr_8.gif") !important;
	color:#333 !important;
}

#leftNav2 li.pull-down:before,
#leftNav2 li.border:before{
    border-bottom: 1px dotted #cccccc;
    content: "";
    display: block;
    margin: 5px 10px;
	}
#leftNav2 li.pull-down li{
	display:none;
	}
#leftNav2 li.pull-down.active li{
	display: inherit;
	}
#leftNav2 li.pull-down.active li:before{
	border-bottom:none;
	}
#leftNav2 li.active li.pull-down.active > a{
	background-image:url(/share/images/arr_a.gif) !important;
	}
#leftNav2 li.active li.pull-down.active > ul{
	margin-left:10px;
	}
#leftNav2 li.active li.pull-down.active li a{
	background-color:#FFF !important;
	background-image:url(/share/images/arr_8.gif) !important;
	}
#leftNav2 li.active li.pull-down.active li.active a,
#leftNav2 li.active li.pull-down.active li a:hover{
	background-color:#EEE !important;
	background-image:url(/share/images/arr_o.gif) !important;
	}

/*-----------full open -----------------*/
#leftNav2 > ul > li.open:first-child:before {
    margin-top: 0;
}
#leftNav2 > ul > li.open:before {
    border: medium none;
    margin-top: 8px;
}

body #leftNav2 > ul > li.open > a {
    background-color: transparent !important;
    background-image: url("/business/share/images/arr_0.gif");
    color: #333333;
}
body#home #leftNav2 > ul > li.open > a{
	background-image:url("/home/share/images/arr_1.gif") !important;
}
body#business  #leftNav2 > ul > li.open > a{
	background-image:url("/business/share/images/arr_2.gif") !important;
}
body#corporate  #leftNav2 > ul > li.open > a{
	background-image:url("/share_corporate/images/arr_4.gif") !important;
}
body #leftNav2.energy > ul > li.open > a{
	background-image:url("/energy_supply/energy/share/images/arr_6.gif") !important;
}

/*-----------full open -----------------*/
body #leftNav2 > ul > li.border-under:after {
	border-bottom:dotted 1px #cccccc;
}

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

　●３-５　左メニュー

=========================================*/
#leftNav{
	width:176px;
	font-size:85.71%;
	float:left;
}
#leftNav .leftNavBg01{
	background:url("/share/images/left_nav_bg01.gif") repeat-y left top;
	height:1%;
}
#leftNav .leftNavBg01 ul{
	background:url("/share/images/top_p01.gif") no-repeat left top;
	padding-top:1px;
}
#leftNav .bottomP01{
	background:url("/share/images/bottom_p01.gif") no-repeat left bottom;
	padding-bottom:10px;
	_padding-bottom:5px;
	margin-top:-7px;
}
#leftNav .bottomP02{
	background:url("/share/images/bottom_p02.gif") no-repeat left bottom;
	padding-bottom:10px;
	_padding-bottom:5px;
	margin-top:-7px;
}
#leftNav .leftNavBg02{
	background:url("/share/images/left_nav_bg02.gif") repeat-y left top;
}
#leftNav .leftNavBg02 ul{
	background:url("/share/images/top_p02.gif") no-repeat left top;
	padding-top:5px;
	margin-top:5px;
}
#leftNav .leftNavBg02 ul a:hover{
	background:url("/share/images/arr_o.gif") no-repeat 5px 0.7em #CCC!important;
	color:#FFF;
}
#leftNav .leftNavBg02 ul li{
	padding-left:7px;
}

#leftNav ul, #leftNav li{
	margin:0;
	padding:0;
	list-style:none;
}
#leftNav ul li{
	line-height:1.25;
	background:url("/share/images/list_dot.gif") no-repeat center bottom;
	padding:6px 0 7px 0;
}
#leftNav ul li a{
	display:block;
	padding:5px 0 5px 1.4em;
	margin:0 10px;
	text-decoration: none;
	color:#333;
	background-repeat:no-repeat;
	background-position:5px 0.7em;
}
#leftNav ul li a:hover,
#leftNav .activ-menu a{
	color:#fff!important;
	background-image:url("/share/images/arr_o.gif") !important;
	background-repeat:no-repeat;
	background-position:5px 0.7em;
}
#leftNav .activ-menulast a{
	color:#fff!important;
	background-image:url("/share/images/arr_o.gif") !important;
	background-repeat:no-repeat;
	background-position:5px 0.7em;
}


#leftNav .bbNo{
	background:none;
	padding-bottom:0;
}
#leftNav ul li ul li ul{
	margin-top:10px;
}

#leftNav .leftNavSub{
	height:1%;
}
#leftNav .leftNavSub ul{
	background:none;
	padding-top:1px;
}
#leftNav .leftNavSub li{
	background:none;
	padding:1px 0 6px 0;
	/*margin-left:10px;*/
}
#leftNav ul li .leftNavBg02 ul li .leftNavSub li a{
	background:url("/share/images/arr_8.gif") 5px 0.7em no-repeat!important;
}
#leftNav ul li .leftNavBg02 ul li a:hover{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #CCC!important;
	color:#333!important;
}
#leftNav ul li .leftNavBg02 ul li .leftNavSub li a:hover{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #EEE!important;
	color:#333!important;
}

.pdb_0{
	padding-bottom:0!important;
}

.leftSecBox{
	margin-top:-4px;
}

/* active時の表示 */
#leftNav .activ-menu a,
#leftNav .activ-menu a:hover{
	background-image:url("/share/images/arr_a.gif") !important;
}
#leftNav .activ-menulast a,
#leftNav .activ-menulast a:hover{
}

#leftNav ul li .leftNavBg02 ul li.activ-menuSub a,
#leftNav ul li .leftNavBg02 ul li.activ-menuSub a:hover{
	background:url("/share/images/arr_a.gif") 5px 0.7em no-repeat #CCC!important;
}
#leftNav ul li .leftNavBg02 ul li.activ-menuSublast a,
#leftNav ul li .leftNavBg02 ul li.activ-menuSublast a:hover{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #CCC!important;
	color:#333!important;
}

#leftNav ul li .leftNavBg02 ul li .leftNavSub li.activ-menumid a{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #EEE!important;
	color:#333!important;
}


/*--------------------------------------------------------
    PC/SP共通スタイル 20161222->
--------------------------------------------------------*/
body{
text-align:left;
}

.displayskip {
  display: none;
}

.clear{
	clear:both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.img-responsive-max {
  width: 100%;
  height: auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

  .sp-only {
    display: none !important;
  }

  .pc-only {
    display: block !important;
  }

#topBtn{
	z-index:887;
	width: 45px;
	height: 45px;
}
    #topBtn img{
        width: 100%;
        opacity: 0.7;
    }

.icon-external {
  display: inline-block;
  width: 15px;
  height: 11px;
  margin-left: 4px;
  vertical-align: -1px;
  background: url("/share/images/icon_external_link_s.gif") no-repeat;
}


a.a_external i.icon-external
{
	background:url(/share/images/icon_external_link_s_02.gif) no-repeat center right;
}

a.a_external[href^="http"] i.icon-external
{
	background-image:url(/share/images/icon_external_link_s.gif);
}

  .related-links {
    text-align: left;
    border-top-width: 3px;
    border-top-style: solid;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-position: 2px 2px;
    padding: 9px 9px 20px 9px;
  }
  .related-links-title {
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  .related-links-list {
    *zoom: 1;
    margin-left: -9px;
  }
  .related-links-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .related-links-item {
    width: 215px;
    float: left;
    margin-left: 19px;
  }
  .related-links-link {
    border: 1px solid #ccc;
    text-align: center;
    display: block;
    padding: 1px;
  }
  .related-links-link img {
    vertical-align: bottom;
  }


/*--------------------------------------------------------
    20161130 ->
--------------------------------------------------------*/

input{
    -webkit-appearance: none;
    border-radius: 0;
}

.font_google{
    font-family:Oswald;
}

.date .small {
    font-size: 70%;
    padding-right: 1px;
}

a img:hover{
    opacity: 0.8;
}

a[target="_blank"], a.lightbox, a.external, a.outwindow {
    background:none;
    padding-right:0;
}

@font-face {
    font-family: 'Oswald';
    src: url("/share/fonts/Oswald-Regular.ttf");
}

.left{
    float:left;
}

.right{
    float:right;
}

.ovh{
    overflow:hidden;
}

.none{
    display:none;
}

.block{
    display:block;
}
.img-responsive-max {
    height: auto;
    width: 100%;
}
/*20190402
------------------------------------------------------------*/

#header_souhaiden img {
	vertical-align:bottom;
}
#header_souhaiden *, #footer_souhaiden * {
    box-sizing: content-box;
}

#header_souhaiden #headerLogo,
#headerLogoSp {
    background: #ffffff none repeat scroll 0 0;
    display: table;
    text-align: center;
    float:left;
}
#header_souhaiden #headerLogo{
    height: 85px;
    margin: 0 !important;
    padding: 0 !important;
    width: 211px;
}

#headerLogoSp {
   box-sizing: border-box;
    padding: 2% 0;
}
#headerLogo a,
#headerLogoSp a {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
#headerLogo img{
    width: 75%;
}
#headerLogoSp img{
    width: 80%;
    min-height: 50px;
}

#footer_souhaiden{
    background:none;
    clear:none;
    height:auto;
    margin-top:40px;
    width: 100%;
}

div.bg_footer_navi3{
    background-color:#726d6d;  
}

div.bg_banner{
    background-color: #f1ece7;
}

.cateKeiei{
    color:#a4a706;
    border-bottom:1px solid #a4a706;
}

.cateKaryoku{
    color:#bc2723;
    border-bottom:1px solid #bc2723;
}

.cateGenshi{
    color:#14b2b2;
    border-bottom:1px solid #14b2b2;
}

.cateOshi{
    color:#e8546c;
    border-bottom:1px solid #e8546c;
}

.cateKanren{
    color:#25599e;
    border-bottom:1px solid #25599e;
}

.cateKou{
    color:#0c9e58;
    border-bottom:1px solid #0c9e58;
}

.mdNavis li.top > div.out > a,
.mdNavis ul.sub div.out > a
{
    font-weight:bold;
}

#bigCor .mdNavis li.top > div.out > a:hover,
#bigCor .mdNavis ul.sub  div.out > a:hover,
#mmbigCor .mdNavis li.top > div.out > a:hover,
#mmbigCor .mdNavis ul.sub  div.out > a:hover
{
    background-color:rgba(231, 195, 198,1.0);
}    
    
#bigEnergy .mdNavis li.top > div.out > a:hover,
#bigEnergy .mdNavis ul.sub  div.out > a:hover,
#mmbigEnergy .mdNavis li.top > div.out > a:hover,
#mmbigEnergy .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(180, 226, 200, 1.0);
}    
    
#bigSr .mdNavis li.top > div.out > a:hover,
#bigSr .mdNavis ul.sub  div.out > a:hover,
#mmbigSr .mdNavis li.top > div.out > a:hover,
#mmbigSr .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(238, 218, 152, 1.0);
}    
    
#bigIr .mdNavis li.top > div.out > a:hover,
#bigIr .mdNavis ul.sub  div.out > a:hover,
#mmbigIr .mdNavis li.top > div.out > a:hover,
#mmbigIr .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(168, 203, 225, 1.0);
}    
    
#bigFc .mdNavis li.top > div.out > a:hover,
#bigFc .mdNavis ul.sub  div.out > a:hover,
#mmbigFc .mdNavis li.top > div.out > a:hover,
#mmbigFc .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(202, 236, 246, 1.0);
}    
    
.blank{
    background: rgba(0, 0, 0, 0) url("../images/icon_external_link_s.gif") no-repeat scroll left center;
    padding-right: 18px;
}

/** 2017/03/22	update **/
	.blink {
		position: relative;
	}

	.blink a[target="_blank"]::before {
		content: url("/images/pic_external_linkout_btn.png");
		position: absolute;
		right: 5px;
		top: 5px;
		width: 15px;
		z-index: 1000;
	}
	.blink a[target="_blank"]:not([href^="http"])::before {
		content: url("/images/pic_external_linkin_btn.png");
		position: absolute;
		right: 5px;
		top: 5px;
		width: 15px;
		z-index: 1000;
	}
	
	ul.bannerList .blink a[target="_blank"]::before ,
	ul.bannerList .blink a[target="_blank"]:not([href^="http"])::before {
		right: 18px;
	}


/*フッターバナー*/
    #bannerArea *{
        box-sizing:border-box;
    }

    #bannerArea ul{
	display: flex;
	margin: 0 auto;
	padding: 20px 0 0;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
    }

    #bannerArea ul li{
        float:left;
        margin:0 20px 20px 0;
        max-width:30%;
    }

    #bannerArea ul li:nth-of-type(3n){
       margin-right:0;
    }
	    #bannerArea ul li a img{
		border:solid 3px #ffffff;
                            width:100%;
	    }


/*header*/

#header{
	display:flex;
	flex-direction:column;
}
#header a{
	text-decoration:none;
}

.header_wrapper{height: 7.5vh;}

.kp-header-overlay{
	position: fixed;
	z-index: 10005;
	background: rgba(233,231,231,0.98);
	box-sizing: border-box;
	width: 100%;
	overflow: scroll;
	max-height: 100vh;
	-ms-overflow-style:none;
	transition:max-height 0.5s;
	-webkit-overflow-scrolling: touch;
}
.kp-header-overlay-inner{
	padding: calc(7.5vh + 2%) 2% 30%;
	min-height: 100vh;
}
.kp-header-overlay.kp-ovarlay-hide{
	max-height:0;
	padding:0;
}

.kp-header-overlay::-webkit-scrollbar {
  display: none;
}


#header .header-frame{
	display:flex;
	background: #ffffff;
	position: fixed;
	z-index: 10000;
	width: 100%;
	align-items: center;
	height: 50px;
	justify-content: space-between;
}
#header .header-frame h1{
	flex-basis: 25%;
	font-size: 100%;
	text-align: left;
}
#header .header-frame h1 img{
	max-width: 100%;
	margin-left:10%;
	min-width: 25vh;
}

#header .header-frame .header_menu{
	display:none;
}

#header .menu_open_btn,
#header .menu_close_btn{
	right: 0;
	top:0;
	z-index: 10006;
	height: 50px;
	padding: 0;
	border: 0;
	background: none;
	cursor:pointer;
	outline: none;
	width:7.5vh;
	color:#ffffff;
	background:#191919;
	font-size:0.5vh;
	font-family:Arial;
	text-align:center;
}

#header .menu_open_btn span,
#header .menu_open_btn::before,
#header .menu_open_btn::after {
  display: block;
  position: absolute;
  top: -2vh;
  bottom: 0;
  left:0;
  right: 0;
  width: 55%;
  height: 4%;
  margin: auto;
  background-color: #ffffff;
  color: transparent;
  font-size: 10px;
}

#header .menu_open_btn span::after{
	content:"CLOSE";
	color:#ffffff;
	display:inline-block;
	margin-top:0.5vh;
	font-family:Arial;
	vertical-align: top;
	transform: scale(0.95,1) translateX(-0.5em);
}

#header .menu_open_btn.button-open span:after,
#header .kp-ovarlay-hide .menu_open_btn span::after{
	content:"MENU";
	transform: translateX(0);
}

#header .menu_open_btn span{
	background-color:#191919;
}

#header .menu_open_btn.button-open span,
#header .kp-ovarlay-hide .menu_open_btn span{
	transition: background-color 150ms 50ms;
	background-color:#ffffff;
}

#header .menu_open_btn::before,
#header .menu_open_btn::after{
	  z-index: 2;
	  content: "";
	  transition: transform 200ms;
}
#header .menu_open_btn::before{
  transform: rotate(45deg);
}
#header .menu_open_btn::after{
  transform: rotate(-45deg);
}

#header .menu_open_btn.button-open::before,
#header .kp-ovarlay-hide .menu_open_btn::before{
  transform: translate(0,-10px);
}
#header .menu_open_btn.button-open::after,
#header .kp-ovarlay-hide .menu_open_btn::after{
  transform: translate(0, 10px);
}

#header .menu_open_btn{
	position:fixed;
}

#header .menu_open_btn.button-open{
	/* display:none; */
}

.navis_top{
	margin-bottom:5px;	
}

#header .navis_top .svg-icon{
	fill:#afafaf;
	max-width:7%;
	max-height:5vh;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
#header .navis_bottom .svg-icon-wrapper{
	border-radius:100%;
	text-align:center;
	box-sizing: content-box;
	display: inline-block;
	vertical-align:middle;
	line-height:1;
	margin-right: 10px;
	padding: 3vw;
	width: 16vw;
	height: 16vw;
	box-sizing:border-box;
	background: #ffffff;
}

#header .smb_saiyou .svg-icon-wrapper{
	padding: 2vh;
}


#header .svg-icon-wrapper .svg-icon{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	height:100%;
	pointer-events: none;
}

#header .header_menus .svg-icon{
	fill:#ffffff;
	opacity:0.6;
	width:7%;
	display:inline-block;
	max-height:6vh;
	vertical-align:middle;
	margin-right:0.5em;
}


#header #hm_souhaiden .svg-icon{
	width: 9%;
}

#header .navis_top .box-type1{margin-bottom: 2%;}

#header .navis_top .box-type1 a{
	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	background: #4e4e4e;
	background-image:linear-gradient(transparent 1.9px,#8f8f8f 2px,#8f8f8f 4px ,transparent 4.1px);
	padding: 5% 0 5%;
	border-radius: 6px;
}

#header .navis_top .box-type2 > div{
	border-top: 1px solid #d0d0d0;
	background: #4e4e4e;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5% 0;
	margin-bottom: 2%;
	border-radius: 6px;
	background-image: linear-gradient(transparent 1.9px ,rgba(236, 98, 0, 0.5) 2px ,rgba(236, 98, 0, 0.5) 4px ,transparent 4.1px);
}
#header .navis_top .box-type2  p{
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
	margin-right:0.5em;
}

#header .arrow-link-type1 > li{
	text-align:left;
}

#header .arrow-link-type1 a{
	font-size: 0.9rem;
	font-weight:normal;
	color: #000000;
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}

#header .arrow-link-type1 a::before{
	content:"";
	display:inline-block;
	width: 0.5em;
	height: 0.5em;
	border-width: 2px 2px 0px 0px;
	border-color: #ffffff;
	border-style: solid;
	transform: rotate(45deg);
	margin-right: 0.5em;
}
#header .navis_top .smt_senkyaku.box-type1 a{
	
background-image: linear-gradient(transparent 1.9px,rgba(250, 164, 25, 0.5) 2px,rgba(250, 164, 25, 0.5) 4px ,transparent 4.1px);
}


/*　メニュー　下*/
#header .navis_bottom{
	/* background:#000000; */
}
#header .navis_bottom > ul > li{
	margin-bottom:2%;
}

#header .navis_btn{
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    font-size:120%;
    padding: 7% 0 14%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    background: #676767;
    border-radius: 6px 6px 0 0;
}

#header .navis_btn a{
	color:#ffffff;
}

#header .navis_btn::before,
#header .navis_btn::after{
	content:'';
}
#header .navis_btn::before{
	display:block;
	background:#cccccc;
	width:100%;
	height: 24%;
	position:absolute;
	bottom:0;
}
/*カテゴリ別カラー*/
.smb_jigyou .navis_btn .svg-icon{
    fill:#3d9764;
}
.smb_csr .navis_btn .svg-icon{
    fill:#dfab02;
}
.smb_about .navis_btn .svg-icon{
    fill:#e60012;
}
.smb_ir .navis_btn .svg-icon{
    fill:#0075c2;
}
.smb_saiyou .navis_btn .svg-icon{
    fill: #04b0e5;
}
	
#header .category-title{
	line-height:1;
}

.smb_houjin .category-title{
	color: #2e82d0;
	text-align:left;
	font-size: 116%;
	margin: 0 4%;
}
#header #kp-navis{
	text-align:left;
}

#header #kp-navis .navis_btn::after{
	display:inline-block;
	border-width:0 2px 2px 0;
	border-style:solid;
	width:7px;
	height:7px;
	transform:rotate(45deg);
	position:absolute;
	bottom: 10%;
	left: calc(50% - 3.5px);
	transition: transform 0.25s linear;
	transform-origin: center center;
}

#header .kp-open .navis_btn::after{
	transform: rotate(-135deg);
}


.kp-toggle-area{
	overflow:hidden;
	max-height:0;
	transition: max-height 0.2s;
}

.kp-open .kp-toggle-area{
	max-height:200vh;
	transition: max-height 1s;
}


#header .navis_slide{
	padding: 3% 4% 4%;
	background: #ffffff;
}

#header .banners{
	padding:0 15% 4%;
}
#header .banners li{
	margin-bottom:5px;
}

#header .banners img{
	max-width:100%;
}

/*カテゴリ別カラー*/
#header .navis_top .box-type2.smt_news{
}
#header .navis_top .box-type2.smt_news a{
	color: #cecccc;
}
#header .smt_news .arrow-link-type1 a::before{
	border-color: #cecccc;
}

#header .navis_top .box-type2.smb_jigyou{
	border-top-color:#3E9864;
}
#header .smb_jigyou .arrow-link-type1 a::before{
	border-color:#3E9864;
}
    #header .smb_jigyou .navis_btn::before{
        background-color:#3d9764;
    }
#header .navis_top .box-type2.smb_csr{
	border-top-color:#dfab02;
}
#header .smb_csr .arrow-link-type1 a::before{
	border-color:#dfab02;
}
#header .smb_csr .navis_btn::before{
       background-color:#dfab02;
}
#header .navis_top .box-type2.smb_about{
	border-top-color:#e60012;
}
#header .smb_about .arrow-link-type1 a::before{
	border-color:#e60012;
}
#header .smb_about .navis_btn::before{
       background-color:#e60012;
}
#header .navis_top .box-type2.smb_ir{
	border-top-color:#0075c2;
}
#header .smb_ir .arrow-link-type1 a::before{
	border-color:#0075c2;
}
#header .smb_ir .navis_btn::before{
       background-color:#0075c2;
}
#header .navis_top .box-type2.smb_saiyou{
	border-top-color:#04b0e5;
}
#header .smb_saiyou .arrow-link-type1 a::before{
	border-color:#04b0e5;
}
#header .smb_saiyou .navis_btn::before{
       background-color:#04b0e5;
}
#header .navis_top .box-type2.smb_kojin{
	border-top-color:#b3660f;
}
#header .smb_kojin .arrow-link-type1 a::before{
	border-color:#b3660f;
}
#header .smb_kojin .navis_btn::before{
       background-color:#b3660f;
}
#header .navis_top .box-type2.smb_houjin{
	border-top-color:#265887;
}
#header .smb_houjin .arrow-link-type1 a::before{
	border-color:#265887;
}
#header .smb_houjin .navis_btn::before{
       background-color:#265887;
}
#header .navis_top .box-type2.smb_souhaiden{
	border-top-color:#853138;
}
#header .smb_souhaiden .arrow-link-type1 a::before{
	border-color:#853138;
}
#header .smb_souhaiden .navis_btn::before{
       background-color:#853138;
}

#header .smb_kojin .navis_btn::before{
        background-color:#b3660f;
    }
#header .smb_houjin .navis_btn::before{
        background-color:#265887;
    }
#header .smb_souhaiden .navis_btn::before{
        background-color:#853138;
    }


#header .header_menus{
	margin-top: 2%;
}
#header .kp-header-menu-inner{
	background:#ffffff;
}

#header .header-top-menus .navis_btn{
	padding: 3% 0 7%;
}

#header .header-top-menus .navis_btn::before{
	height:20%;
}
#header .header-top-menus .navis_btn::after{
bottom: 7%;
}
#header .header-top-menus .header_menus .svg-icon{
	width:5%;
}

#header .links_sp {
	margin:4% 0;
}

#header .links_sp  li{
	width: 49%;
	display:inline-block;
}

#header .links_sp a{
	color: #000000;
	font-size: 120%;
}
#header .links_sp .arrow-link-type1 a::before{
	border-color:#333333;
}

#header .header_sns_sp div > ul{
	display:flex;
	justify-content: space-between;
	width:50%;
	align-items:center;
}

#header .header_sns_sp li{
	flex-basis: 22%;
}
#header .header_sns_sp li img{
	max-width:100%;
	vertical-align:middle;
	min-width: 24px;
}


/*--footer--*/
#footer .footer_navis > ul{
	border-bottom:1px solid #d0d0d0;
}

#footer .footer_navis > ul > li:not(:nth-of-type(1)),
#footer .footer_navis .sub_menu >li{
border-top:1px solid #d0d0d0;
}
#footer .footer_navis > ul > li > a,
#footer .footer_navis > ul > li > .fn_btn{
    font-size: 100%;
    padding: 6% 8%;
    display: block;
    text-align:left;
}

#footer .footer_navis > ul > li > .fn_btn{
	position:relative;
}

#footer .footer_navis > ul > li > .fn_btn::before,
#footer .footer_navis > ul > li > .fn_btn::after{
	content:"";
	width:4%;
	display:inline-block;
	height:2px;
	background:#a0a0a0;
	right: 1.25em;
	position:absolute;
	top:50%;
	transition: transform 0.5s;
}

#footer .footer_navis > ul > li > .fn_btn::after{
	transform-origin:center center;
	transform:rotate(90deg);
}

#footer .footer_navis > ul > li.kp-open > .fn_btn::after{
	transform:rotate(0);
}

#footer .footer_navis a{
    color:#000000;	
}

#footer .kp-footer-gray{
	background:#5a5a5a;	
}
#footer .kp-footer-gray .fn_btn,
#footer .kp-footer-gray a{
	color:#ffffff;
}

#footer .footer_navis .sub_menu a{
	font-size:84%;
	padding:4% 12%;
	display:block;
}

#footer .arrow-link-type2 a{
	position:relative;
}

#footer .footer_navis .arrow-link-type2 a::before{
	content:"";
	width:0.65em;
	height:0.65em;
	display:inline-block;
	right: 1.5em;
	top:50%;
	border-right:solid 2px #a0a0a0;
	border-top:solid 2px #a0a0a0;
	position:absolute;
	transform-origin: center center;
	transform:translateY(-50%) rotate(45deg);
}

#footer .footer_navis > ul > li.smb_footer_kojin_navis > a::before,
#footer .footer_navis > ul > li.smb_footer_kojin_navis > a::after{
	border-color:#d3730d;
}

#footer .footer_navis .smb_footer_kojin_navis .sub_menu a::before{
	border-color:#d3730d;
}

#footer .footer_navis > ul > li.smb_footer_houjin_navis > a::before,
#footer .footer_navis > ul > li.smb_footer_houjin_navis > a::after{
	border-color:#2d83d0;
}

#footer .footer_navis .smb_footer_houjin_navis .sub_menu a::before{
	border-color:#2d83d0;
}

#footer .footer_navis > ul > li.smb_footer_souhaiden_navis > a::before,
#footer .footer_navis > ul > li.smb_footer_souhaiden_navis > a::after{
	border-color:#ce414a;
}

#footer .footer_navis .smb_footer_souhaiden_navis .sub_menu a::before{
	border-color:#ce414a;
}

#footer .kp-footer-bottom{
	background:#d2d2d2;
	padding:4%;
}

#footer .footer_logo{
	width:45%;
	margin: 2% auto;
}

#footer .footer_sns{
	width:55%;
	margin: 0 auto 3%;
}

#footer .footer_sns ul{
	display:flex;
	justify-content:space-between;
}

#footer .footer_links{
	display:flex;
	font-size:86%;
	justify-content:space-between;
	margin: 1em 1em 0.5em;
	flex-wrap: wrap;
}
#footer .footer_links a{
	color:#333333;
}


#footer .footer_sns li{
	flex-basis: 22%;
}


#footer .footer_sns img{
	max-width:100%;
	min-width: 27px;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

#footer .kp-footer-copyright{
	font-family:'Tahoma';
	font-size:80%;
	text-align:center;
	color:#999999;
	font-weight:bold;
}




/******************************** PC ****************************/
@media print, screen and (min-width: 980px){

    .wrapper {
        width: 960px;
        margin: 0 auto;
    }
    
    .tablet,.sp-only,.tab_phone{
        display:none!important;
    }

    body{
        width:100%;
        margin:0;
        padding:0;
         }
	
	.container {
    width: 960px;
    margin: 0 auto;
	}
	
	.container:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
	}
    
    .stickyNaviSpOut{
        display:none;
    }


/*---header --*/


.header_wrapper,
#header .header-frame{
	height: 50px;
}

#header .header-frame h1 img{
	margin: 0 5%;
}

#header .navis_top{
	border-bottom:solid 1px #ffffff;
	margin-top: 2.5vh;
	margin-bottom: 1%;
	padding-bottom: 1%;
}


#header .navis_top > ul{
	display: flex;
	justify-content:space-between;
	}

#header .navis_top > ul> li{
	flex-basis:19.5%;
	margin-bottom: 0 !important;
}
#header .navis_top .smt_news.box-type1 a,
#header .navis_top .smt_senkyaku.box-type1 a{
	text-align:center;
}

#header .navis_top .box-type1 a,
#header .navis_top .box-type2 div p,
#header .navis_top .box-type2 a{
	font-size:96%;
	text-align:left;
}

#header .navis_top .box-type1 a{
	padding:5%;
}

#header .navis_top .svg-icon{
	min-width:20px;
	margin-right:5px;
	max-height: 20px;
}

#header .navis_top .box-type2 {
	flex-basis: 40%;
}
#header .navis_top .box-type2 > div{
	padding:2.2% 3%;
	white-space:nowrap;
	justify-content: space-between;
}

#header .navis_bottom{
	background:transparent;

}
#header .navis_top .box-type2.smt_news li{
	display:inline-block;
}
#header .navis_top .box-type2.smt_news li:not(:last-of-type){
	margin-right:1em;
}

#header .navis_bottom > ul{
	display:flex;
	justify-content:space-between;
}
#header .navis_bottom > ul > li{
	flex-basis:19.5%;
}

#header .navis_bottom .navis_btn{
	display:block;
	font-size:100%;
	padding-bottom: 10%;
	cursor: pointer;
}
#header .navis_bottom .svg-icon-wrapper{
	margin:0 0 2%;
	width: 65px;
	padding: 15px;
	height: 65px;
	position:relative;
	transition:background-color 0.2s;
}


#header .navis_bottom .navis_btn:hover .svg-icon{
	fill:#ffffff;
}
#header .navis_bottom .smb_jigyou .navis_btn:hover .svg-icon-wrapper{
    background-color:#3d9764;
}
#header .navis_bottom .smb_csr .navis_btn:hover .svg-icon-wrapper{
    background-color:#dfab02;
}
#header .navis_bottom .smb_about .navis_btn:hover .svg-icon-wrapper{
    background-color:#e60012;
}
#header .navis_bottom .smb_ir .navis_btn:hover .svg-icon-wrapper{
    background-color:#0075c2;
}
#header .navis_bottom .smb_saiyou .navis_btn:hover .svg-icon-wrapper{
    background-color: #04b0e5;
}


#header .smb_saiyou .svg-icon-wrapper{
	padding:10px;
}

#header .navis_btn::before{
	height:10%;
}

#header #kp-navis .navis_btn::after{
	bottom: 5%;
	width:3px;
	height:3px;
	border-width:0px 1px 1px 0;
}

#header .navis_bottom .navis_slide{
	min-height: 395px;
	padding-top: 12px;
}
#header .navis_bottom .navis_slide >li{
	margin-bottom:5%;
}
#header .navis_bottom .navis_slide >li a{
	font-size:92%;
}
#header .navis_bottom .navis_slide >li a:hover{
	text-decoration:underline;
}
#header .navis_bottom .navis_slide >li a::before{
	width:0.25em;
	height:0.25em;
	border-right-width:1px;
	border-top-width: 1px;
}


#header .header-top-menus{
	flex-basis: 75%;
}

#header .header-top-menus > ul{
	display:flex;
	z-index:-1;
	align-items: center;
	justify-content: flex-end;
	margin-right: 2%;
	height: 100%;
	font-size: 86%;
}

#header .header-top-menus > ul > *{
	margin: 0 10px 0 0;
}

#header .links_sp{
	width: auto;
	white-space: nowrap;
	margin-left: 14px !important;
}

#header .header_sns_sp{
	flex-basis: 13%;
}

#header .header_sns_sp div ul{
	width:auto;
}



#header .header_sns_sp li{
	flex-basis: 20%;
}

#header .links_sp > ul{
	display: inline;
	margin-right: 2px;
}

#header .links_sp > ul > li{
	text-align:center;
	width: auto;
	margin-right: 10px;
}

#header .header_menus{
	background:none;
	white-space: nowrap;
	margin-right: 10px;
}

#header .kp-header-menu-inner{
	background:rgba(13,13,13,0.9);
	max-width:960px;
	width:100%;
	position:fixed;
	top: 70px;
	left:50%;
	transform:translateX(-50%);
}

#header .kp-header-menu-inner::after{
	content:"";
	display:block;
	height: 30px;
	width:1px;
}

#header .header-frame-menu-title{
	text-align:center;
	padding-top:4%;
	border-top:solid 4px #cccccc;
}
#header .header-frame-menu-title > a{
	font-size:1.1rem;
}

#header .smb_kojin .header-frame-menu-title{border-top-color: #d1740d;}
#header .smb_houjin .header-frame-menu-title{
	border-top-color:#2e82d0;
}
#header .smb_souhaiden .header-frame-menu-title{border-top-color: #cd414c;}

#header .smb_kojin .header-frame-menu-title > a{
	color: #d1740d;;
}
#header .smb_houjin .header-frame-menu-title > a{
	color:#2e82d0;
}
#header .smb_souhaiden .header-frame-menu-title > a{
	color:#cd414c;
}

#header .header-frame .navis_slide{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:2% 6%;
}

#header .category-title{
	margin-left:6% !important;
	margin-right:6% !important;
}

#header .header-frame .navis_slide > li:nth-of-type(-n + 3){
	border-top:solid 1px #ffffff;
}
#header .header-frame .navis_slide > li:nth-of-type(1),
#header .header-frame .navis_slide > li:nth-of-type(3n + 1){
	border-left:solid 1px #ffffff;
}

#header .header-frame .navis_slide > li{
	flex-basis: calc(100% / 3 - 2px);
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	max-width: calc(100% / 3 - 2px);
}

#header .header-frame .navis_slide > li > a{
	display:block;
	padding: 5% 7% 5% calc( 7% + 1em);
	font-size: 96%;
	color:#ffffff;
	max-width: 100%;
	white-space: pre-wrap;
}

#header .header-frame .banners{
	display:flex;
	justify-content: space-around;
	padding:0 6%;
}
#header .header-frame .banners > li{
	flex-basis:calc(100% / 3 - 10px) ;
	text-align:center;
}
#header .header-frame .banners > li img{
	max-width: 100% !important;
}


#header .header-top-menus .navis_btn{
	display:inline;
	padding:0;
	background-color:transparent;
	color: #000000;
	cursor: pointer;
	font-weight: normal;
}



#header .links_sp a,
#header .header-top-menus .navis_btn a{
	color: #101010;
	/* font-size: 96%; */
	/* font-weight: bold; */
}

#header .links_sp .arrow-link-type1 a::before{
	border-color:#a7a7a7;
	width:0.4em;
	height:0.4em;
}

#header .header-top-menus .navis_btn .svg-icon{
	fill:#a7a7a7;
	width: 20px;
	margin-right: 0;
	text-shadow: 0 0 black;
}
#header #hm_houjin .svg-icon{
}

#header #hm_souhaiden .svg-icon{
	width: 28px;
}


#header .header-top-menus .navis_btn::before,
#header .header-top-menus .navis_btn::after{
	display:none;
}

.kp-header-overlay-inner{
	max-width:960px;
	margin:0 auto;
	padding: calc(2% + 64px) 0;
	background-image: url(/share/images/mainmenu-bg.png);
	background-repeat: no-repeat;
	background-position: center 367px;
	background-size:50%;
	position:relative;
}

#header .header-frame h1{
	flex-basis: 25%;
}

#header .header-frame h1 img{height: auto;max-height: 50px;max-width: 250px;vertical-align: middle;}

#header .menu_open_btn{
	position: absolute;
	transition: all 0.5s;
	width: 64px;
	height: 64px;
	top: 2%;
}

#header .menu_open_btn span, #header .menu_open_btn::before, #header .menu_open_btn::after{
	top:-18px;
}

#header .kp-ovarlay-hide .menu_open_btn span::after{
	content:"CLOSE";
}

#header .kp-ovarlay-hide .menu_open_btn::before{
	transform: rotate(45deg);
}
#header .kp-ovarlay-hide .menu_open_btn::after{
	transform: rotate(-45deg);
}
#header .kp-ovarlay-hide .menu_open_btn span{
	background:transparent;
}

#header .menu_open_btn.button-open{
	position:absolute;
	right:auto;
	top:100%;
	display:inline-block;
	left:0;
	line-height: 1;
}

#header .menu_open_btn span::after{
	transform: translate(0,7px) !important;
	line-height:1;
}


#header .header_sns_sp li picture{
	max-width:30px;
	width: 100%;
	min-width: 20px;
}





    div.bg_black{
        background-image:url("/share/images/header_bg.jpg");
        background-repeat:repeat-x;
    }
	
    .minSize{
        width:960px;
        margin:0 auto;
    }
    
    /* 2019-03-26 */



    #navi1 {
        border-left: 1px solid #777777;
        font-size: 90%;
        font-weight: bold;
        width: 23%;
    }

    #navi1  > ul > li > a:hover,
    #navi2 > ul > li > a:hover
    {
        background-color:#000;
    }
    
    #navi1 > ul > li {
        box-sizing: border-box;
        float: left;
        font-size: 93%;
        height: 42px;
        text-align: center;
        width: 50%;
    }

    #navi1 > ul > li > a{
        color: #fff;
        display: block;
        height: 100%;
        width: 100%;   
    }

    #navi1 ul > li > a:hover{
        text-decoration:none;
        opacity:0.8;
    }

    .icon_arrow {
        line-height:0;
        padding-left:10px;
        padding-top:22px;
        text-align: left;
    }

    .icon_search{
        padding-left: 9px;
        padding-top:22px;
        text-align: left;
        line-height:0;
    }

    .icon_arrow:before{
        background-image: url("/share/images/header_arrow.png");
        background-repeat: no-repeat;
        content: " ";
        padding-right: 7px;
    }

    .icon_search:before{
        content:" ";
        background-image:url(/share/images/icon_seach.png);    
        background-repeat: no-repeat;
        padding-right:19px;    
    }
    
    .bg_search {
        background-color: rgba(127, 127, 127, 0.5);
    }
    

    /*メンテナンス*/
   body .header_maintenance{
        width:960px;
        margin:0 auto;
   }
    body .header_maintenance > li {
        border: medium none;
        float: none !important;
        font-weight: normal !important;
        margin: 10px 12px 5px;
        padding: 0;
        text-align: right;
    }
    
    body .header_maintenance > li >a{
		color:#000000;
    }

	.header_maintenance a::before {
	    background: rgba(0, 0, 0, 0) url("/share/images/icon_spanner.png") no-repeat scroll center center / cover ;
	    content: "";
	    display: inline-block;
	    height: 25px;
	    margin-right: 2px;
	    margin-top: -5px;
	    vertical-align: middle;
	    width: 25px;
	}


    #topBtn {
        bottom: 15px;
        position: fixed;
        left: 10px;
    }

    div.tri{
        top: -41px;
        line-height: 0;
        position: absolute;
    }

    .bigNavi {
        left: 0;
        position: absolute;
        /*top: 50px;*/
        width: 100%;
        z-index:888;
    }
    .newsTop{
        padding-bottom: 20px;
    }
    
    .newsTop p.newsIndex{
        float: left;
        font-size: 130%;
        font-weight: bold;
    }
    
    .newsListLink{
        float:right;
        border-left:1px solid #dfdfdf;
        border-right:1px solid #dfdfdf;        
        padding-left:10px;
        padding-right:10px;        
        font-weight: bold;
    }
    
    .newsRssLink{
        border-right: 1px solid #dfdfdf;
        float: right;
        margin-left: 10px;
        padding-right:10px;
        font-weight: bold;
    }
    
    .newsListLink:before{
        content:" ";
        background-image:url(/share/images/news_icon.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
    }
    
    .newsRssLink:before{
        content:" ";
        background-image:url(/share/images/icon_rss.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
    }
    
    ul.newsList li{
        border-bottom: 1px solid #dfdfdf;
        padding-bottom:15px;
        margin-bottom:15px;
    }
    ul.newsList li:last-of-type,
    ul.newsList li.last{
        border-bottom:0;
    }
    
    ul.newsList li div p.date {
        color: #bbbaba;
        float: left;
        font-size: 100%;
        font-weight: bold;
    }

    ul.newsList li div p.category {
        float: right;
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .newsTitle {
        padding-left: 25px;
        padding-top: 3px;
        display:inline-block;
    }
    
    .newsTitle:before{
        content:" ";
        background-image:url(/share/images/arrow_green.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 9px;
        vertical-align: baseline;
        margin-left: -18px;
    }

}

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

    #footer{
	margin-top:40px;
    }
.footer_subnavis+#footer{
	margin-top:0;
}

#footer .kp-footer-bottom{
	display:flex;
	justify-content:space-between;
	align-items: center;
	padding: 1% 90px 1% 65px;
}

#footer .kp-footer-bottom .fl{
	flex-basis: 30%;
}

#footer .kp-footer-bottom .fl-inner{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

#footer .kp-footer-bottom .fl-inner .footer_logo{
	flex-basis: 43%;
	width: auto;
	margin: 0 20px 0 0;
	text-align: left;
}

#footer .kp-footer-bottom .fl-inner .footer_logo img{
	width: 100%;
	height: 42px;
	vertical-align: middle;
	max-height: 42px;
}

#footer .kp-footer-bottom .fl-inner .footer_sns{
	/* flex-basis: 52%; */
	width: auto;
	margin: 0;
}

#footer .kp-footer-bottom .fl-inner .footer_sns ul{
	display:block;
	flex-grow: 1;
}

#footer .kp-footer-bottom .fl-inner .footer_sns ul li{
	display:inline-block;
	width:30px;
}

#footer .footer_links > *:not(:last-of-type){
	margin-right:1em;

}
#footer .footer_links{
	margin: 0;
}

}
/* tab */
@media screen and (max-width:979px) and (min-width:641px){
    body{
        width:100%;
        margin:0;
        padding:0;
        font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";         
    }
    
    .pc-only,.sp_only,.pc_phone{
        display:none!important;
    }
    
    div.bg_black{
        background-image:url("/share/images_sp/header_bg.png");
        background-repeat:repeat-x;
    }
    
    .minSize{
        width:96%;
        margin:0 auto;
        padding:0 2%;
    }   
    
    .icon_arrow{
        padding-left:9px;
    }

    .icon_arrow:before{
        background-image: url("/share/images/header_arrow.png");
        background-repeat: no-repeat;
        content: " ";
        padding-right: 7px;
    }

    .icon_search{
        padding-left:21px;
    }

    .icon_search:before{
        content:" ";
        background-image:url(/share/images/icon_seach.jpg);    
        background-repeat: no-repeat;
        padding-right:19px;    
    }

    #topBtn {
        bottom: 2%;
        position: fixed;
        left: 2%;
   }
    
    
    .l_block {
        text-align: left;
    }	

    .l_block_l {
        margin-bottom: 2%;
    }

    div.l_block p.title {
        background-color: #c7d8e5;
        color: #054385;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        padding: 1%;
        text-align: left;
        width: auto;
    }

    .l_block_l.ovh > a {
        display: block;
        margin-bottom: 1%;
    }

    .sLink {
        padding-left: 1%;
    }

    .areaLeftRight .blok{
        padding-bottom:5px;
    }

    .areaLeftRight .title {
        background-color: #c7d8e5;
        color: #054385;
        margin-bottom: 10px;
        padding:5px 5px;
        line-height:1;
        font-weight: bold;
    }

    .areaLeftRight .sLink:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.png);
        padding-right:6px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        vertical-align: middle;		
    }
    ul.bannerList li{
        width:47%;
        float:left;
        margin-right:2%;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li > div.out a img {
        padding-bottom: 3%;
        padding-top: 1%;
    }
}

/* tab_phone */
@media screen and (max-width: 979px){
        
    
    .stickyNavi3Out{
        display:none;
    }
    .stickyNaviSpOut{
        display:block;
        height:85px;
        width:100%;
        border-bottom:none !important;
    }

.left{
    float:none;
}

.right{
    float:none;
}

  div,
  section {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

    h1{
        border:none;
    }
    

  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }

  .topic_pass {
    border-bottom: 1px solid #dddddd;
    display: table;
    width: 100%;
    padding: 15px 10px 13px 10px;
    background: #ffffff;
    color: #666666;
    font-size: 12px !important;
    line-height: 2.0;
  }

  .topic_pass p {
    display: table-cell;
    padding: 2px 0 0 5px;
  }

  .topic_pass a {
    text-decoration: none;
    color: #333333;
    font-size: 12px;
  }

    .naviSpOut{
        background:#000000;
    }
    .corNewsTitle {
        width: 100%;
    }
    
    .corNewsTitle > a {
        color: #000;
    }

    #navi3 .header_maintenance{
        display:none;
    }

    .header_maintenance {
        background: #000000 none repeat scroll 0 0;
        border-bottom: 1px solid #cccccc;
        font-size: 13px;
        font-weight: normal !important;
        padding: 10px;
        text-align: left;
    }
    .header_maintenance a,.header_maintenance a:link {
        padding-left: 2em;
        color: #ffffff;
        display: block;
        height: 100%;
        width: 100%;
        box-sizing:border-box !important;
        position:relative;
    }
    .header_maintenance a:visited,.header_maintenance a:active {
        color: #ffffff;
    }
    .header_maintenance a::before {
        background-image: url("/share/images/icon_spanner.png");
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        max-height: 1.8em;
        position: absolute;
        top: 0;
        width: 2em;
    }

    #header img,
    #footer img {
        height: auto;
        max-width: 100%;
    }

    .mmbigNavi img{
       width:auto !important;
    }

   #headerLogoSp img{
         width: 80%;
   }
    
    .tri{
        display:none;
    }

    .bigNavi{
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    ul.bannerList {
        background-color: #e9eaea;
        margin-top: 5%;
        padding: 15px;
    }
    
    ul.bannerList li{
        border-right: 1px dotted #d4d4d4;
        float: left;
        padding-bottom: 2%;
        width: 100%;
    }
    ul.bannerList > li:last-of-type,
    ul.bannerList li.last{
        border:none;
        padding:0;
        margin:0;
    }
    
    ul.bannerList li img {
        background-color: #fff;
        border: 2px solid #e3e1e1;
        padding: 2px;
    }
/** 2017/03/23	update **/
	.bannerList .blink a[target="_blank"]::before {
		right: none;
		left: 258px;
		bottom: 12px;
	}

    
    .newsTop {
        font-weight: bold;
        padding-bottom: 20px;
    }    
    
    .newsTop p.newsIndex{
        float: left;
        font-size: 120%;
        color:#333;
    }
    
    .newsListLink{
        float:right;
        border-left:1px solid #dfdfdf;
        border-right:1px solid #dfdfdf;        
        padding-left:10px;
        padding-right:10px;        
    }
    
    .newsRssLink{
        border-right: 1px solid #dfdfdf;
        float: right;
        margin-left: 10px;
        padding-right:10px;
    }
    
    .newsListLink:before{
        content:" ";
        background-image:url(/share/images/news_icon.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
    }
    
    .newsRssLink:before{
        content:" ";
        background-image:url(/share/images/icon_rss.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
    }
    
    ul.newsList li{
        border-bottom: 1px solid #dfdfdf;
        padding-bottom:15px;
        margin-bottom:15px;
    }
    ul.newsList > li:last-of-type,
    ul.newsList li.last{
        border-bottom:0;
    }
    
    ul.newsList li div p.date {
        color: #bbbaba;
        float: left;
        font-size: 100%;
        font-weight: bold;
    }
    
    ul.newsList li div p.category{
        float:right;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        font-size:85%;
    }
    
    .newsTitle {
        padding-left: 25px;
        padding-top: 3px;
    }
    
    .newsTitle:before{
        content:" ";
        background-image:url(/share/images/arrow_green.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 9px;
        vertical-align: middle;
        margin-left: -18px;
    }
}

/* Phone */
@media screen and (max-width:640px){

    
    body{
        width:100%;
        font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";         
    }
  div,
  section {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
    .container {
        margin: 0 auto;
        width: 93.75%;
    }

    .related-links-item {
        margin: 0 auto 10px;
        max-width: 400px;
        width: auto;
    }
    .related-links-item {
    }
    .related-links-list {
        margin-left: 0;
    }
    .related-links-title {
        padding: 0 10px 10px 0;
    }
    .related-links {
        padding: 9px 9px 0;
    }    
    .pc-only,.tablet,.pc_tab{
        display:none!important;
    }

    div.bg_black{
        background-image:url("/share/images_sp/header_bg.png");
        background-repeat:repeat-x;
    }

    .minSize{
        margin:0 auto;
        padding:0 3%;
    }    
    

    #topBtn {
        bottom: 5%;
        max-width: 113px;
        opacity: 0.75;
        position: fixed;
        left: 2%;
        width: 16%;
    }
    

    .areaLeftRight .blok{
        padding-bottom: 5%;
    }

    .areaLeftRight .title {
        background-color: #c7d8e5;
        color: #054385;
        line-height: 1;
        margin-bottom: 3%;
        padding: 5% 2%;
        font-weight: bold;
    }

    .areaLeftRight .sLink{
        padding-bottom:4%;
    }

    .areaLeftRight .sLink:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.png);
        padding-right:6px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        vertical-align: middle;		
    }


    .l_block {
        text-align: left;
    }	

    .l_block_l {
        margin-bottom: 2%;
    }

    div.l_block p.title {
        background-color: #c7d8e5;
        color: #054385;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        padding: 1%;
        text-align: left;
        width: auto;
    }
    .l_block_l > a, .l_block_r > a {
        display: block;
        margin-bottom: 3%;
    }

    .sLink {
        padding-left: 1%;
    }

}

/* tab */
@media screen and (max-width:979px) and (min-width:641px){
	.sp-only{
		display:none !important;
	}
}

/* 上部に表示 */
.emg_alert{
    background-color: #C52223;
    text-align: center;
    position: fixed;
    top: 7.5vh;
    width: 100%;
    z-index: 9999;
}

.emg_alert .em-inline-flex{
  align-items:center;
}
.em_alert-title{
  padding: 1.25em 0;
  background-image:linear-gradient(90deg, #D76565,#D76565);
  background-size:1px 80%;
  background-repeat:no-repeat;
  background-position:right center;
  color: #ffffff;
  font-weight:bold;
  padding-right:2vw;
  max-width: 50vw;
  text-align: left;
}
.ver-english .em_alert-title{
  background:none;
}
.emg_alert .em-button-type2{
  min-width: 8em;
  padding: 0.5em 1em;
  margin-left:2vw;
}

.emg_alert .em-button-type2:hover{
  opacity:0.85;
  text-decoration:none;
}

.emg_alert .icon-alert::before{
  content:"!";
  font-family:Arial;
  font-size:14px;
  vertical-align:middle;
  display:inline-block;
  line-height:1.25;
  border:solid 2px #ffffff;
  border-radius:100%;
  width:1.5em;
  height:1.5em;
  text-align:center;
  box-sizing:border-box;
  margin-right:0.25em;
  font-weight:bold;
}

.ver-english.emg_alert .icon-alert::before{
  border-color:#c52223;
}
.em-flex{
  display: flex;
}
.em-inline-flex{
  display:inline-flex;
}
.em-flex.em-flex-wrap{
  flex-wrap:wrap;
}

.em-button-type2{
  background-color:#F8E4E5;
  display:inline-block;
  border-radius:8px;
  padding:1em;
  color:#c52223;
  font-size:96%;
  font-weight:bold;
  text-align:center;
}
.em-button-type2::after{
  content:"";
  width:0.5em;
  height:0.5em;
  box-sizing:border-box;
  display:inline-block;
  border-color:#c52223;
  border-style:solid;
  border-width:2px 2px 0 0;
  transform:rotate(45deg);
  vertical-align:middle;
  line-height:1;
  margin-left:1em;
}
@media screen and (min-width:980px){
	.emg_alert{top: 50px;}

body.teiden-alert .hdg-category-container{
  margin-top:57px;
}

body.teiden-alert #breadcrumb{
   margin-top:58px;
}

body.teiden-alert #mainEye{
  margin-top: 56px;
}

}

/* 上部に表示 */