@charset "UTF-8";

/*==================================================
お知らせエリア
===================================*/
.box__white {
	position:relative;
}
.newsarea button {
	position:absolute;
	top:12px;
	right:40px;
	max-width:194px;
	height:auto;
	padding:12px 25px 12px 25px;
	font-size:0.9rem;
}
.newsarea h2 {
	width:14rem;
	margin:0 auto 50px auto;
	position:relative;
	padding-left 48px;
	background:none;
}
.newsarea h2:before {
	content: '';
	display: block;
	width: 40px; 
	height: 40px;
	background-image: url(../images/home/flower_listmark.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.newsarea dl {
	display: flex;
	flex-direction: row;
	padding:0px 0px 23px 0px;
	flex-wrap:no-wrap;
	position:relative;
}
.newsarea dl:after {
	content: '';
	display: block;
	position:absolute;
	bottom:0;
	left:0;
	width: 100%; 
	height: 3px;
	background:url(../images/common/underline_dot.png) repeat-x bottom left;
	background-size:50%;
}

.newsarea dl .box__row:nth-child(1) {
	width:10%;
	padding:0 18px 0 0;
}
.newsarea dl .box__row:nth-child(2) {
	width:90%;
}

/*==================================================
事業所エリア
===================================*/
.officearea h2 {
	background:none;
	line-height:1.2rem;
	padding-bottom:0px;
}
.officearea h2 img {
	border:none;
	margin:0 auto;
	width:180;
	height:132px;
	border-radius:0px 0px 0px 0px;
}
.officearea .flex__four img {
	border-color:var(--color-orange);
}
.officearea .flex__four h3 {
	padding-top:6px;
	font-size:1.6rem;
}
.officearea h3 span {
	display:block;
	font-size:0.9rem;
}
.officearea .flex__two.buttonarea {
	max-width:780px;
	margin: 40px auto;
	/*padding-top:0;*/
}

/*==================================================
にじかけについてエリア
===================================*/
.l-main .box__white.padding-onlyleft img {
	border-radius:80px 80px 80px 80px;
}


/* レスポンシブ設定 ----------------------------------------*/

@media (max-width: 1230px){
	/*==================================================
	お知らせエリア
	===================================*/
	.newsarea dl {
		flex-direction: column;
	}
	.newsarea dl .box__row:nth-child(1) {
		width:100%;
		padding:0 0 6px 0;
	}
	.newsarea dl .box__row:nth-child(2) {
		width:100%;
	}
	/*==================================================
	事業所エリア
	===================================*/
	.l-main .officearea h2 img {
		width:120px;
		height:88px;
	}
}
@media (min-width: 851px){
	.l-main .box__white.padding-onlyleft .box__row:last-child {
		padding:0px 0px 0px 20px;
	}
}

@media (max-width: 850px){
	/*==================================================
	お知らせエリア
	===================================*/
	.newsarea button.white-color {
		top:auto;
		right:auto;
		bottom:40px;
		left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
		max-width:90%;
		height:auto;
	}
	.newsarea dl:last-child {
		margin-bottom:63px;
	}
}
@media (max-width: 480px){
}