@charset "UTF-8";

/*============================================================*/
/* overwrite
/*============================================================*/


.info01 {
	display:block;
	background:url(/img/customers/welfare_appliance/showroom/img01.png) no-repeat left top #e3d9e7;
	background-size: auto 100%;
	padding:2em 0 2em 30%;
	font-size:2.4rem;
	line-height:2em;
	color: #78468c;
}
.info02 {
	background:#77458b;
	padding:10px;
	color:#FFF;
	margin-bottom:40px;
	font-size:1.8rem;
}
.info02 img {
	width:100%;
	display:block;
	margin-top:10px;
}

.info01,.info02 {
	font-family: 'Noto Serif', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

.wrapper h3 { border:0; padding:0; margin:40px 0 0; }
.txtBox h3 { 
	margin:0;
	border: none;
}

.boxSet .txtBox {
    width: calc(100% - 780px);
}



@media screen and (min-width: 736px) and (max-width: 1024px) {/*元 min-width:768、max-width: 920px*/
/* boxSet */
.boxSet {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 40px 0;
}
.boxSet .imgBox {
	width: 360px;
	vertical-align: top;
}
.boxSet .imgBox p {
	text-align: center;
	font-size: 1.4rem;
}
.boxSet .txtBox {
	width: calc(100% - 400px);
	vertical-align: top;
	padding-left: 2em;
}
ul.txtBox,
.boxSet ul { margin: 10px 0 10px 20px; list-style: disc; }
ol.txtBox,
.boxSet ol { margin: 10px 0 10px 20px; list-style: decimal; }
}



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

/* format */
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.info01 {
		padding: 60% 10px 10px;
		background-size:100% auto;
		font-size:1.6rem;
		line-height:1.4em;
	}
	.info02 {
		font-size:1.6rem;
	}

	.boxSet .txtBox { width:100%; }
	.boxSet iframe  { width:100%; height:300px; }
}
@media screen and (max-width: 400px) {
}