@charset "shift_jis";

/************************************
*	ヘッダー情報
************************************/

#header
{
	background-color: #FFF;
}
#header .head_body
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	_zoom: 1;
	overflow: hidden;
	padding-bottom: 1em;
}

#header h1
{
	margin: 0px 0px 15px;
	font-size: 12px;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;

}

#header a {
	text-decoration: none;
}

#header a .logo {
	font-size: 280%;
	font-weight: bold;
	color: #333;
	line-height: 110%;
	position: relative;
	padding-left: 55px;
}

#header a .logo::before {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/logo_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -28px;
}

#header a .logo span {
	display: block;
	font-size: 36%;
	font-weight: normal;
	font-family: "Helvetica Neue",Arial;
	line-height: 100%;
}


#header .head_top a
{
	margin-left: 1em;
}


#header .head_body .title
{
	float: left;
	width: 40%;
}

#header .head_body .switch {
	width:13%;
	float:left;
	margin-left:3%;
	padding-top:5px;
}

#header .head_body .switch img {
	margin:5px 0px;
}

#header .head_body .head_menu
{
	float: right;
	width: 56.3%;
	text-align: right;
}

#header .head_body .head_menu .search {
	width:66%;
	max-width:70%;
	float:left;
	padding-top:1em;
}

#header .head_body .head_menu .txtbox {
	border:#DDD 1px solid;
	width:58%;
	height:27px;
	padding:0px;
	margin:0px 0px 0px;
}

#header form {
	vertical-align:baseline;
}

#header form select,
#header form input,
#header form textarea, button { 
     vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0;
     *margin-right:3px; 
     top:-1px;  
}

#header form span {
	color:#468448;
	font-weight:bold;
}

#header input {
	margin:0px;
	padding:0px;
}


#header .unkou{
	background:#333333;
	margin-top:10px;
	position: relative;
	height:110px;
	box-sizing:border-box;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
}

#header .unkou .unkou_title {
	background: #55A158;
	height:110px;
	display:table-cell;
	vertical-align: middle;
	border-radius: 4px 0 0 4px; 
	border-bottom:none;
	position:relative;
	color: #FFF;
	padding: 0 1em 0;
	box-sizing: border-box;
	font-size: 140%;
	font-weight: bold;
	max-width: 120px;

}

#header .unkou .unkou_title::after{
	content:"";
	width:20px;
	height:100%;
	right:-20px;
	top:0;
	position:absolute;
	background:linear-gradient(to top right, #55A158 50%, transparent 50%) top left/ 100% 50% no-repeat,
    linear-gradient(to bottom right, #55A158 50%, transparent 50%) bottom left / 100% 50% no-repeat;
}

#header .unkou img.pc_image {
	width:auto;
	max-width:100%;
	height:auto !important;
}


#header .unkou_txt {
	padding-left:0px;
	position:absolute;
	top: 5px;
	left:140px;
	width:690px;
}

#header .unkou_txt p {
	color:#FFFFFF;
	padding:3px 3px 3px 0px;
	border-bottom:1px dashed #FFF;
	font-size:12px;
	margin:0px;
}

#header .unkou_txt p:last-child {
	border-bottom:none;
}

#header .unkou_txt p.end {
	border-bottom:0px;
}

#header .unkou_txt a {
	color:#FFCC00;
}

#header .unkou .unkou_btn {
	position:absolute;
	top:16px;
	right:10px;
	width:148px;
}

#header .unkou .unkou_btn .chien {
	background:#FFFFFF;
	border-radius: 4px;
	padding: 0.7em 1em;
	margin-bottom: 1px;
	position: relative;
	font-weight: bold;
}

#header .unkou .unkou_btn .jyouhou {
	background:#FFFFFF;
	border-radius: 4px;
	padding: 0.7em 1em;
	position: relative;
	font-weight: bold;
}

#header .unkou .unkou_btn .chien::after,
#header .unkou .unkou_btn .jyouhou::after {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/left_navi_arrow01.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -8px;
}

#header .unkou .unkou_btn a .chien,
#header .unkou .unkou_btn a .jyouhou{
	color: #333333
}

/*▼-------------------------------202106追加*/

#header .unkou_atc {
	background: #EEE;
	border: #CCC 1px solid;
	padding: 10px;
	text-align: right;
}

#header .unkou_atc .btn {
display: block;
background: #CD0B0E;
float: right;
padding: 0.2em 2em 0.2em 3.4em;
margin-top: -0.3em;
border-radius: 4px;
position: relative;
margin-left: 15px;
}

#header .unkou_atc .btn::before{
content: '';/*何も入れない*/
position: absolute;
width: 16px;/*画像の幅*/
height: 16px;/*画像の高さ*/
background-image: url(../images/reload_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 25px;
margin-top: -8px;
}

#header .unkou_atc a .btn  {
color: #FFF;
text-decoration: none;
}

/*▲-------------------------------202106追加*/


#header .head_body .head_menu .txt {
	width:33%;
	float:right;
	background:#55A158;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;/* CSS3草案 */
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
	behavior: url(/test/03/skk/css/PIE.htc);
}

#header .head_body .head_menu .txt ul
{
	margin: 0px;
	_zoom: 1;
	overflow: hidden;
	padding-top: 0.8em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1.5em;
}

#header .head_body .head_menu .txt li
{
	list-style-type: none;
	width:20px;
	line-height:20px;
	font-size: 12px;
	float: left;
	text-align:center;
	background:#FFFFFF;
	border-radius: 100%;        /* CSS3草案 */  
	-webkit-border-radius: 100%;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100%;   /* Firefox用 */  
	color:#468449;
	margin-left:5%;
	cursor:pointer;
	behavior: url(PIE.htc);
}

#header .head_body .head_menu .txt li:first-child {
	background:none;
	width:auto;
	color:#FFF;
	font-weight:bold;
	margin-left:0px;
	cursor: auto;
}

#header .head_body .head_menu .txt li a
{

	color:#468449;
	text-decoration: none;
	font-weight:bold;

}

#header .head_body .head_menu .txt li a:hover
{
	color: #ffe633;
}

#header .head_body .head_menu .language ul{
	border:#DDDDDD 1px solid;
	background-color:#F8F8F8;
	margin:0px;
	padding:0px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	list-style:none;
	margin-top:20px;
	float:right;
	behavior: url(PIE.htc);
	width:48%;
}

#header .head_body .head_menu .language li {
	margin:0px;
	border-right:#DDDDDD 1px solid;
	border-left:#FFF 1px solid;
	float:left;
}

#header .head_body .head_menu .language li:first-child {
	border-left:none;
}

#header .head_body .head_menu .language li:last-child {
	border-right:none;
}

#header .head_body .head_menu .language_sp {
	display:none;
}

#header .head_body .head_menu .language li a {
	display: block;
	width: 100%;
	height: 100%;
	padding:10px 14px 10px 34px;
	box-sizing: border-box;
	color: #468449;
	font-weight: bold;
}

#header .head_body .head_menu  .language li.language_btn {
	position: relative;
}

#header .head_body .head_menu  .language li.language_btn::before {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/language_btn_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -8px;
}

#header .head_body .head_menu  .language li.sitemap_btn {
	position: relative;
}

#header .head_body .head_menu  .language li.sitemap_btn::before {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/sitemap_btn_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -8px;
}

#header .head_body .navi {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 1px 3px 1px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	margin-top:10px;
	behavior: url(PIE.htc);
}

#header .head_body .navi ul {
	padding:0px;
	list-style:none;
	margin:12px 0px;
    display:flex;
    flex-wrap: nowrap;
}

#header .head_body .navi li {
	text-align: center;
	padding:0px;
	width:80%;
	border-right:1px solid #DDD;
	font-size: 110%;

}

#header .head_body .navi li:last-child {
	border-right:none;
}

#header .head_body .navi li:nth-child(1),
#header .head_body .navi li:nth-child(2),
#header .head_body .navi li:nth-child(3),
#header .head_body .navi li:nth-child(4) {
	padding-top: 10px;
}

#header .head_body .navi li:nth-child(1) a::before {
content: '';/*何も入れない*/
position: absolute;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/head_navi_icon01.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -14px;
}

#header .head_body .navi li:nth-child(2) a::before {
content: '';/*何も入れない*/
position: absolute;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/head_navi_icon02.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -14px;
}

#header .head_body .navi li:nth-child(3) a::before {
content: '';/*何も入れない*/
position: absolute;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/head_navi_icon03.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -14px;
}

#header .head_body .navi li:nth-child(4) a::before {
content: '';/*何も入れない*/
position: absolute;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/head_navi_icon04.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -14px;
}

#header .head_body .navi li:nth-child(5) {
width: 150%;
}

#header .head_body .navi li:nth-child(5) a::before {
content: '';/*何も入れない*/
position: absolute;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/head_navi_icon05.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -14px;
}

#header .head_body .navi li:nth-child(6) {
width: 110%;
}

#header .head_body .navi li:nth-child(6) a::before {
content: '';/*何も入れない*/
position: absolute;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/head_navi_icon05.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 0px;
margin-top: -14px;
}

#header .head_body .navi li a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
position: relative;
padding-left: 28px;
}

#header .head_body .navi li:nth-child(6) a {
padding-left: 34px;
}

#header .head_body .navi li a span {
	font-weight: normal;
padding-left: 28px;
}

#header .head_body .navi li:nth-child(6) a span {
padding-left: 34px;
}

#header .sp_body
{
	display: none;
}

#header .unkou .pc_image {
	display: inline;
}

#header .unkou .sp_image {
	display:none;
}
#header ul.style01 {
	display:none;
}

#header .navi_sp {
	display:none;
}

/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:959px)
{
#header .head_body
{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}


#header h1
{
	margin: 0px 0px 15px;
	font-size: 12px;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	position:absolute;
	top:0px;
	padding:0px;
	width:300px;
}

#header .head_top a
{
	margin-left: 1em;
}


#header .head_body .title
{
	float: left;
	width: 40%;
	position:relative;
	padding-top:30px;
}

#header .head_body .switch {
	width:24%;
	float:left;
	margin-left:3%;
	padding-top:30px;
}

#header .head_body .switch img {
	margin:0px 0px;
	margin-right:10px;
	float:left;
	max-width:40%;
}

#header .head_body .head_menu
{
	margin:0px;
	padding:0px;
	float: right;
	width: 44.3%;
	text-align: right;
	padding-top:0px;
}

#header .head_body .head_menu .search {
	display:none;
}

#header .head_body .head_menu .txt {
	display:none;
}


#header .head_body .head_menu .language {
	display:none;
}

#header .head_body .head_menu .language_sp {
	display:block;
	background-color:#F8F8F8;
	margin:0px;
	padding:4.5px 3px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	list-style:none;
	margin-top:30px;
	behavior: url(PIE.htc);
}

#header .head_body .head_menu .language_sp ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#header .head_body .head_menu .language_sp li {
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	/*width:21.4%;*/
	width:36%;

	float:left;
	margin:3px;
	padding:1.2% 0.8%;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	text-align:center;
}


#header .head_body .head_menu .language_sp li a {
	display: block;
	width: 100%;
	height: 100%;
	padding:10px 14px 10px 34px;
	box-sizing: border-box;
	color: #468449;
	font-weight: bold;
}

#header .head_body .head_menu .language_sp li.language_btn {
	position: relative;
}

#header .head_body .head_menu .language_sp li.language_btn::before {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/language_btn_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -8px;
}

#header .head_body .head_menu .language_sp li.search_btn {
	position: relative;
}

#header .head_body .head_menu .language_sp li.search_btn::before {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/search_btn_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -8px;
}	

#header .head_body .navi {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 1px 3px 1px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	margin-top:10px;
	behavior: url(PIE.htc);
}

#header .head_body .navi ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin:0px 0px;
}

#header .head_body .navi li {
	margin:0px;
	padding:0px;
	float:left;
	padding:12px 0px;
	padding-left:1.8%;
	padding-right:1.8%;
	border-right:1px solid #DDD;
	font-size: 90%;
}
	


#header .head_body .navi li img {


}

#header .head_body .navi li:last-child {
	border-right:none;
}


#header .unkou_txt {
	padding-left:0px;
	position:absolute;
	top: 5px;
	left:140px;
	width:80%;
	height:80px;
	overflow:hidden;
}




}

/* スマホ設定  748 以下*/
@media screen and (max-width:748px)
{

#header .head_body .title
{
	float: none;
	width: 70%;
	position:relative;
	padding-top:30px;
}

#header .head_body .switch {
	display:none;
}

#header .head_body .head_menu
{
	margin:0px;
	padding:0px;
	float: none;
	width: 100%;
	text-align: right;
	padding-top:0px;
}

#header .head_body .head_menu .language_sp {
	display:block;
	background-color:#F8F8F8;
	margin:0px;
	padding:6px 3px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	list-style:none;
	margin-top:10px;
	behavior: url(PIE.htc);
}

#header .head_body .head_menu .language_sp ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#header .head_body .head_menu .language_sp li {
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	/*width:21.4%;*/
	width:31.4%;
	float:left;
	margin:0.8%;
	padding:2% 0%;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	text-align:center;
}

	#header .head_body .head_menu .language_sp li a {
		color: #468448;
		padding: 0;
	}

	
#header .head_body .head_menu .language_sp li.search_btn {
	font-weight: bold;
	font-size: 140%;
}

#header .head_body .head_menu .language_sp li.search_btn::before {
content: '';/*何も入れない*/
position: static;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/search_btn_icon.png);
background-size: contain;
display: block;
margin: 0 auto 2px;
}
	
	
#header .head_body .head_menu .language_sp li.language_btn {
	font-weight: bold;
	font-size: 140%;
}

#header .head_body .head_menu .language_sp li.language_btn::before {
content: '';/*何も入れない*/
position: static;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/language_btn_icon.png);
background-size: contain;
display: block;
margin: 0 auto 2px;
}

#header .head_body .navi {
	display:none;
}

#header .unkou{
	background:#333333;
	margin-top:10px;
	position: static;
	height:auto;
	padding-bottom:10px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
}

#header .unkou .unkou_title {
	background: #55A158;
	height:auto;
	display:block;
	text-align: center;
	border-radius: 4px 4px 0 0; 
	border-bottom:none;
	position:static;
	color: #FFF;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 140%;
	font-weight: bold;
	max-width: 100%;
	text-align: center;
}


#header .unkou .unkou_title::after{
display: none;
}	
	
#header .unkou p {
	color:#FFFFFF;
	padding-left:0px;
	position: static;
	margin:15px 3%;

}


#header .unkou .unkou_btn {
	position:static;
	width:98%;
	margin: 0 auto;
}

#header .unkou .unkou_btn .chien {
	background:#FFFFFF;
	border-radius: 4px;
	padding: 01em 1em;
	margin-bottom: 0px;
	border-right: 1px solid #333;
	position: relative;
	font-weight: bold;
	width: 49%;
	box-sizing: border-box;
	display: inline-block;
}

#header .unkou .unkou_btn .jyouhou {
	background:#FFFFFF;
	border-radius: 4px;
	padding: 1em 1em;
	position: relative;
	font-weight: bold;
	width: 49%;
	box-sizing: border-box;
	display: inline-block;
}

#header .unkou .unkou_btn .chien::after,
#header .unkou .unkou_btn .jyouhou::after {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/left_navi_arrow01.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -8px;
}

#header .unkou .unkou_btn a .chien,
#header .unkou .unkou_btn a .jyouhou{
	color: #333333
}
	
	
	
#header .unkou span {
	position: static;
	margin:2%;
}

#header .unkou span img {
	width:48%;

}

#header .unkou .pc_image {
	display:none;
}

#header .unkou .sp_image {
	display: inherit;
}


#header .unkou_txt {
	padding-left:0px;
	position: static;
/*	top: 5px;
	left:140px;*/
	width:100%;
	height: auto;
	overflow: auto;
}

	
	
	
/*▼-------------------------------202106追加*/
#header .unkou_atc {
	background: #EEE;
	border: #CCC 1px solid;
	padding: 10px;
	text-align: left;
	font-size: 96%;
}
	
#header .unkou_atc span {
	margin-left: 0px;
	margin-top: 10px;
	float: right;
}	
/*▲-------------------------------202106追加*/
	

#header ul.style01 {
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;

	border-bottom:#55A158 2px solid;
	margin:10px 0px;
}

#header ul.style01 li {
	margin:0% 2%;
	padding:0px;
}

#header ul.style01 li {display:inline-block; width:44%; height:40px; line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;
			/*background: -moz-linear-gradient(top, #FFF, #888 30%, #888);
			background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.3, #888), to(#888));*/
}
#header ul.style01 li.active { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;
			/*background: -moz-linear-gradient(top, #FFF, #333 30%, #333);
			background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.3, #333), to(#333));*/
}

#header ul.style01 li a {
	color:#55A158;
}

#header .navi_sp {
	display: block;
	width:98%;
	margin:auto;
}



	
	

#header .navi_sp ul {
	padding:0px;
	list-style:none;
	margin-top:20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#header .navi_sp li {
	width:32.0%;
	float:left;
	margin-right:2%;
	margin-bottom:10px;
	border-color: #DDD;
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	font-size: 90%;
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;
	padding: 1em 0.5em;

}

#header .navi_sp li:nth-child(3n) {
	margin-right:0px;
	padding: 0.5em;
}

	
#header .navi_sp li a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}


#header .navi_sp li:nth-child(1) a::before {
content: '';/*何も入れない*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../images/head_navi_icon03.png);
background-size: contain;
vertical-align: top;
display: block;
text-align: center;
margin: 0 auto;
}

#header .navi_sp li:nth-child(2) a::before {
content: '';/*何も入れない*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../images/head_navi_icon04.png);
background-size: contain;
vertical-align: top;
display: block;
text-align: center;
margin: 0 auto;
}

#header .navi_sp li:nth-child(3) a::before {
content: '';/*何も入れない*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../images/head_navi_icon05.png);
background-size: contain;
vertical-align: top;
display: block;
text-align: center;
margin: 0 auto;
}

#header .navi_sp li:nth-child(4) a::before {
content: '';/*何も入れない*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../images/head_navi_icon01.png);
background-size: contain;
vertical-align: top;
display: block;
text-align: center;
margin: 0 auto;
}


#header .navi_sp li:nth-child(5) a::before {
content: '';/*何も入れない*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../images/head_navi_icon02.png);
background-size: contain;
vertical-align: top;
display: block;
text-align: center;
margin: 0 auto;
}


#header .navi_sp li:nth-child(6) a::before {
content: '';/*何も入れない*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../images/head_navi_icon05.png);
background-size: contain;
vertical-align: top;
display: block;
text-align: center;
margin: 0 auto;
}


#header .navi_sp li a span {
	font-weight: normal;

}

	
	
	
	
	
	
	
#header .navi_sp li img {
	width:100%;
	height:auto;
}

#header .sp_body {
	display: block;
	position: absolute;
	top:16px;
	right:10px;
	width:13%;

}

#header .sp_body img {
	width:auto;
	max-height:70px;
}


}





/*フローティングバナー*/

#fix-box {
background: url(/images/fl_banner.png) 0 0 no-repeat!important;
top: 100px;
}

.banner {
width: 80px;
height: 150px;
position: fixed !important;
right: 0;
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
z-index: 99998;
}

.banner:hover {
width: 380px;
}

.banner img {display: none;}	

.banner a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}

.banner-close {
font-weight: bold;
position: absolute;
top: -2px;
right: -4px;
z-index: 99999;
padding: 4px 8px;
border: none;
background-color: #f8f8f8;
border-radius: 25px;
cursor: pointer;
-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.bl_floatingBanner.js_close {
  display: none;
}

@media screen and (max-width: 750px) {
#fix-box {
background-image: none!important;
top:auto!important;
bottom: 0!important;
height: auto;

}

.banner {
position: fixed;
right: 0;
z-index: 99998;
width: 100%;
height: auto;
}

.banner img {display: block; vertical-align: bottom;}

.banner a {height: auto;}	

.banner:hover {
width: 100%;
}


.banner-close {
top: 8px;
right: 15px;
}


body {padding-bottom: 100px;}


.bl_floatingBanner.js_close {
  display: none;
}

}