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

	TSUBAME

====================================================== --*/
#TSUBAME header h1 img{
	height:60px;
}
#TSUBAME header h1{
	padding-top:75px;
}
#TSUBAME header p.emergency + h1{
	padding:24px 0px 0px;
	margin:0px 0px 45px;
}

#TSUBAME header .globalNavi,
#TSUBAME header .scrollNavi{
	background:#019be2;
}

#TSUBAME header .globalNavi .global a,
#TSUBAME header .globalNavi ul li a,
#TSUBAME header .scrollNavi a{
	color:#000;
}
#TSUBAME header .scrollNavi a:hover,
#TSUBAME header .globalNavi .global a:hover{
	color:#be904a;
}
#TSUBAME header .scrollNavi ul li{
	border-color:#000;
}

#TSUBAME header .globalNavi ul li a:hover{
	border-bottom:2px solid #000;
}
#TSUBAME header .scrollNavi ul li:nth-of-type(4) a,
#TSUBAME header .globalNavi ul li:nth-of-type(4) a{
	border-bottom:2px solid #000;
}
#TSUBAME header .globalNavi p.logo a{
	background-image:url(../img/logo_black.svg) ;
}
#TSUBAME header .scrollNavi .fav a .attention{
	-webkit-animation: attentionTsubame 1000ms linear 0s infinite normal;
	animation: attentionTsubame 1000ms linear 0s infinite normal;
	border:2px solid #019be2;
}
#TSUBAME header .menu a::after,
#TSUBAME header .globalNavi .search a::after{
	color:#000;
}

@-webkit-keyframes attentionTsubame {
	0% {background:#f00;}
	25% {background:#f00;}
	50% {background:#019be2;}
	75% {background:#f00;}
	100% {background:#f00;}
}
@keyframes attentionTsubame {
	0% {background:#f00;}
	25% {background:#f00;}
	50% {background:#019be2;}
	75% {background:#f00;}
	100% {background:#f00;}
}

/*-- information --*/
/*-- ------------------------------------------------- --*/
#TSUBAME .information{
	width:100%;
	height:44px;
	margin:0px 0px 0px;
	background:#f3f3f3;
	padding:0px 0px;
	position:absolute;
	left:0px;
	top:171px;
	
}
#TSUBAME .information p{
	border:3px solid #f3f3f3;
	max-width:1120px;
	margin:0px auto 0px;
	font-size:16px;
	line-height:28px;
	text-align:center;
	padding:5px 0px 5px 0px;
	background:white;
}
#TSUBAME .information p em::before{
	color:#666;
	position:static;
	line-height:24px;
	display:inline-block;
	font-size:24px;
	width:24px;
	vertical-align:-4px;
	margin:0px 15px 0px 0px;
}
#TSUBAME .information p em:nth-of-type(1)::before{
	margin:0px 15px 0px 0px;
	content:"\e931";
}
#TSUBAME .information p em:nth-of-type(2)::before{
	margin:0px 11px 0px 0px;
	content:"\e934";
}
#TSUBAME .information p em{
	font-style:normal;
	display:inline-block;
	margin:0px 15px;
}
#TSUBAME .information p span{
	color:#cdaa75;
}


/*-- 

	つばめの杜ひろば

====================================================== --*/
#TSUBAME .tsubamenoMori{
	background: url(../../images/tsubame/bg.png) repeat-x center bottom #c4edff;
	padding:0px 10px 60px;
	overflow:hidden;
	margin:0px 0px -10px;
}
#TSUBAME .tsubamenoMori h1{
	text-align:center;
	padding:57px 0px 56px;
}
#TSUBAME .tsubamenoMori h1 img{
	width:520px;
}

#TSUBAME .tsubamenoMori .rf{
	background:white;
	border-radius:20px;
	max-width:1120px;
	width:100%;
	margin:0px auto 54px;
	padding:40px 0px;
	text-align:center;
	position:relative;
}
#TSUBAME .tsubamenoMori .rf p{
	line-height:24px;
	margin:0px 0px 40px;
	position:relative;
	z-index:10;
}
#TSUBAME .tsubamenoMori .rf .map{
	width:100%;
	margin:0px auto;
	max-width:927px;
}
#TSUBAME .tsubamenoMori .rf .cloud01{
	position:absolute;
	left:50%;
	margin:0px 0px 0px -690px;
	top:360px;
	z-index:1;
}
#TSUBAME .tsubamenoMori .rf .cloud02{
	position:absolute;
	left:50%;
	margin:0px 0px 0px 400px;
	top:-35px;
	z-index:1;
}

#TSUBAME .tsubamenoMori ol{
	max-width:1120px;
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
#TSUBAME .tsubamenoMori ol li{
	float:left;
	width:257px;
	margin:0px 31px 54px 0px;
}

#TSUBAME .tsubamenoMori ol li h2{
	text-align:center;
	font-size:20px;
	line-height:24px;
	margin:0px 0px 9px ;
}
#TSUBAME .tsubamenoMori ol li h2 strong{
	display:block;
	background:url(../../images/tsubame/tubame-02.svg) no-repeat center top;
	background-size:125px auto;
	text-align:center;
	color:white;
	font-weight:normal;
	font-size:18px;
	line-height:24px;
	padding:10px 0px;
	margin:0px 0px 8px;
}
#TSUBAME .tsubamenoMori ol li p{
	line-height:26px;
	margin:21px 0px 0px;
}
#TSUBAME .tsubamenoMori ol li p + p{
	font-size:12px;
	line-height:20px;
	margin:7px 0px 0px;
	border-top:1px dotted #a7b0b3;
	padding:14px 0px 0px;
}
#TSUBAME .tsubamenoMori ol li p + p em{
	background:white;
	display:inline-block;
	font-style:normal;
	line-height:21px;
	padding:0px 10px;
	margin:0px 10px 3px 0px;
}
#TSUBAME .tsubamenoMori ol li p + p em::before{
	content:"\e931";
	line-height:21px;
	position:static;
	margin:0px 7px 0px 0px;
	color:#666;
	vertical-align:-1px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(2){
	margin-right:30px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(5){
	margin-left:141px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(4){
	float:right;
	margin:0px;
}

#TSUBAME .tsubamenoMori dl{
	width:290px;
	height:450px;
	padding:0px 0px 0px 518px;
	margin:-450px auto 0px;
	background:url(../../images/tsubame/more_bg.png) no-repeat right top;
}
#TSUBAME .tsubamenoMori dl dt{
	padding:41px 0px 20px 87px;
}
#TSUBAME .tsubamenoMori dl dd{
	width:160px;
	margin:0px 0px 0px 82px;
}
#TSUBAME .tsubamenoMori dl dd nav{
	width:160px;
	margin:0px 0px 14px;
}
@media screen and (max-width: 1156px){
#TSUBAME .tsubamenoMori ol{
	max-width:800px;
	width:800px;
	position:relative;
	left:50%;
	margin:0px 0px 0px -400px;
}
#TSUBAME .tsubamenoMori ol li{
	margin:0px 15px 30px 0px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(3n-1){
	margin-right:14px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(3n+1){
	clear:both;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(3n){
	float:right;
	margin-right:0px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(5){
	margin-left:0px;
}
#TSUBAME .tsubamenoMori ol li:nth-of-type(4){
	float:left;
	margin:0px 15px 30px 0px;
}
#TSUBAME .tsubamenoMori dl{
	height:327px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px;
}

}


/*-- 

	smp responsive Ele

====================================================== --*/
@media screen and (max-width: 800px){
#TSUBAME .all > h1 img{
	height:42px;
}
	
#TSUBAME header .fav a .attention{
	border:2px solid #019be2;
	background:#019be2;
	-webkit-animation: attentionTsubame 1000ms linear 0s infinite normal;
	animation: attentionTsubame 1000ms linear 0s infinite normal;
}
/*-- information --*/
/*-- ------------------------------------------------- --*/
#TSUBAME .information{
	height:auto;
	margin:0px 0px 0px;
	position:static;
}
#TSUBAME .information p{
	font-size:12px;
	border-width:14px 20px;
	border-color:#f3f3f3;
	line-height:18px;
	padding:16px 15px 13px 15px;
	text-align:left;

}
#TSUBAME .information p em::before{
	content:" ";
	vertical-align:-7px;
}
#TSUBAME .information p em:nth-of-type(1)::before{
	margin:0px 17px 0px 0px;
}
#TSUBAME .information p em:nth-of-type(2)::before{
	margin:0px 17px 0px 0px;
}
#TSUBAME .information p em:nth-of-type(1){
	border-bottom:1px solid #cccccc;
	padding-bottom:14px;
	margin-bottom:14px;
}
#TSUBAME .information p em{
	font-style:normal;
	display:block;
	margin:0px;
}




/*-- 

	つばめの杜ひろば

====================================================== --*/
#TSUBAME .tsubamenoMori{
	background: url(../../images/tsubame/bg.png) repeat-x center bottom #c4edff;
	padding:0px 20px 60px;
	margin:0px 0px -10px;
	background-size:auto 60px;
}
#TSUBAME .tsubamenoMori h1{
	font-size:1px;
	padding:42px 0px 42px;
}
#TSUBAME .tsubamenoMori h1 img{
	width:100%;
}

#TSUBAME .tsubamenoMori .rf{
	border-radius:10px;
	margin:0px auto 28px;
	padding:20px 0px 28px;
}
#TSUBAME .tsubamenoMori .rf p{
	line-height:24px;
	margin:0px 0px 22px;
	letter-spacing:-1px;
}
#TSUBAME .tsubamenoMori .rf p br{
}
#TSUBAME .tsubamenoMori .rf .map{
	padding:0px 20px;
	box-sizing:border-box;
}
#TSUBAME .tsubamenoMori .rf .cloud01{
	position:absolute;
	left:50%;
	margin:0px 0px 0px -690px;
	top:360px;
	z-index:1;
}
#TSUBAME .tsubamenoMori .rf .cloud02{
	position:absolute;
	left:50%;
	margin:0px 0px 0px 400px;
	top:-35px;
	z-index:1;
}

#TSUBAME .tsubamenoMori ol{
	width:100%;
	margin:0px auto;
	position:static;
}
#TSUBAME .tsubamenoMori ol li{
	float:none !important;
	margin:0px auto 21px !important;
}

#TSUBAME .tsubamenoMori ol li h2{
	font-size:20px;
	line-height:24px;
	margin:0px 0px 11px;
}
#TSUBAME .tsubamenoMori ol li h2 strong{
	margin:0px 0px 10px;
}
#TSUBAME .tsubamenoMori ol li p{
	margin:7px 0px 0px;
	text-align:left;
}
#TSUBAME .tsubamenoMori ol li p + p{
}

#TSUBAME .tsubamenoMori dl{
	width:300px;
	height:385px;
	padding:0px 0px 0px 0px;
	margin:7px auto 0px;
	background:url(../../images/tsubame/sp_more_bg.png) no-repeat right top;
	background-size:100% auto;
}
#TSUBAME .tsubamenoMori dl dt{
	text-align:center;
	padding:50px 0px 30px 0px;
}
#TSUBAME .tsubamenoMori dl dd{
	margin:0px auto 0px ;
}


}

@media screen and (max-width: 320px){
#TSUBAME .tsubamenoMori .rf p{
	font-size:12px;
}
}