@charset "utf-8";
/* CSS Document */

/**/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("reset.css");
@import url("base.css");
@import url("mobilemenu.css");



/*断熱バナー*/

.dannetsu{
height:117px;
position:relative;
margin-top:25px;
}

.dannetsu ul{
list-style:none;
}
.dannetsu ul li{
position:absolute;
left:0px;
top:0px;
}
.dannetsu ul li:nth-child(1){
left:387px;
top:30px;
}
.dannetsu ul li:nth-child(2){
left:387px;
top:70px;
}

/* コラム リエストバナー 2020/06/01
.column{
	width: 100%;
	margin-top: 50px;
}

.column > a >  img{
	width: 500px;
	max-width: 100%;
	height: auto;
	display: block;	
	
}
*/
.column2_wrap{
    position: fixed;
	width: 100%;
	max-height: 115px;
	bottom: 0;
}

.column2_wrap > div{
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}

.column2_wrap a{
	text-decoration: none;
}
	
.column2{
	max-width: 800px;
	position: relative;
	bottom: 0;
	left: 0;
	display: flex;
	/*align-items: stretch; 変更前*/ 
	height: auto;
}


.column2 > img{
	width:500px;
	max-width: 100%;
	align-self: start; /* 追加 */
}


.column2 > div{
	width: 300px;
	background: #ff8920;
	box-sizing: border-box;
	padding: 2px 0 2px 2px;
	position: relative;
	
}

.column2 > div:first-child > div{ 
	position: absolute;
	text-align: center;
	font-weight: bold;
	
}

.column2 > div > div:first-child{
	padding: 1% 0;
	top: 2px;
	width: 99%;
	font-size: 18px;
	background: #ff8920;
	color: white;
}

.column2 > div > div:last-child{
	bottom: 2px;
	background: white;
	width: 99%;
	height: 56%;
	padding-top: 4%;
}

.column2 > div > div > p{
	color: #ff8920;
	font-size: 20px;
}

.column2 > div > div > p:first-child{
	font-size: 14px;
	color: #ca0000;
}

.column2 > div > div > p:last-child > span{
	display:none;
}


.column2:hover{
	opacity: .8;
}


.column_br{
	display: none;
}


@media screen and (max-width:1024px) {
	.column2_wrap{
		width: 100%;
	}

	.column2{
		max-width: 100%;
	}
}

@media screen and (max-width:768px) {
	.dannetsu{
	display:none;
	}
	
	.column2_wrap{
		width: 100%;
		padding: 0 2%;
	}
	
	.column2{
		max-width: 96%;
	}
	.column2 > img{
		width:70%;
	}

	.column2 > div{
		width: 30%;
	}
	
	.column2 > div > div > span{
		display: none;
	}
	
	.column2 > div > div > p:first-child{
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:none;
	}
	
	.column2 > div > div > p:last-child{
		font-size: 18px;
	}
	
	.column2 > div > div > p:last-child > span{
		display:inline;
		color: #ca0000;
		font-weight: bold;
	}
	
	.column_br{
		display: block;
		
	}
	
}

@media screen and (max-width:600px) {
	.column2 > img{
		max-width:500px;
		width: 100%;
	}
	
	.column2 > div{
		display:none;
	}
}