@charset "utf-8";

/* ==================================================================
	contact.css
	
=================================================================== */

/* --------------------------------
   □ general
-------------------------------- */ 
	.contents .accentArea:before{
		background-image:url("./../img/company/accent.jpg")
	}

/* --------------------------------
   □ chapter
-------------------------------- */ 

.contents #lists {
}


.contents #lists ul.list li{
	overflow: hidden;
	margin-bottom: 40px;
	padding: 40px 40px;
	background: #fff;
	border: 3px solid #53001B;
}

.contents #lists ul.list li:last-child{
	margin-bottom: 0;
}
.contents #lists ul.list li p.name{
	position: relative;
	font-size:180%;
	font-weight: 600;
	margin-bottom: 25px;
	padding-bottom: 15px;
	color: #54011C;
	text-align: center;
}

.contents #lists ul.list li p.name:before{
	position: absolute;
	left: calc(50% - 15px);
	bottom: 0;
	width: 30px;
	height: 2px;
	background: #54011C;
	content: "";
}

.contents #lists ul.list li p.image{
	float: left;
	width: 423px;
	text-align: center;
}
.contents #lists ul.list li p.image img{
	max-width: 100%;
	
}

.contents #lists ul.list li .explain{
	float: right;
	width: 550px;
}
.contents #lists ul.list li .explain address{
	margin-bottom: 8px;
}
.contents #lists ul.list li .explain p.tel{
	margin-bottom: 14px;
}
.contents #lists ul.list li .explain p.tel a{
	text-decoration: none;
	color: #333;
}

.contents #lists ul.list li .explain p.buttonStyle a{
	width: 50%;
	text-align: center;
}

.contents #lists ul.list li .explain p.buttonStyle a span{
	padding: 0 15px 0 0;
}


@media only screen and
(max-width : 767px) {

/* -------------------------------- */ 

.contents #lists {
}


.contents #lists ul.list li{
	margin-bottom: 4%;
	padding: 4% 4% 4% 4%;
}

.contents #lists ul.list li p.name{
	font-size:140%;
	padding-bottom: 4%;
	margin-bottom: 8%;
}

.contents #lists ul.list li p.image{
	float: none;
	width: auto;
}

.contents #lists ul.list li .explain{
	float: none;
	width: auto;
	padding-top: 3%;
}
.contents #lists ul.list li .explain address{

}
.contents #lists ul.list li .explain p.tel{
	margin-bottom: 3%;
}
.contents #lists ul.list li .explain p.tel a{
	text-decoration: none;
	color: #333;
}

.contents #lists ul.list li .explain p.buttonStyle a{
	width: 100%;
	text-align: center;
}


}