/* --------メインここから-------- */

article{
}



.displayflex {
	display: flex;
}

.sec_inner {
	width: 680px;
}

.h2 {
	margin-bottom: 25px;
	padding-left: 17px;
	font-size: 23px;
	border-left:3px solid #001c58;
	line-height: 1.25;
}

.sec01 {
	margin-bottom: 70px;
}

.sec02 {
	margin-bottom: 70px;
}

.text {
	width: 650px;

}

.photo {
	width: 320px;
	
}

.photo img {
	width: 320;
	height: 180;
	margin-left: auto;	
}

.sec03 {
	margin-bottom: 50px;
}

.sec03 .add_text  {
	width: 400px;
}

.sec03 .add_text .name {
  	
}

.sec03 .add_text .add {
	
}

.sec03 .add_text .tel {
	margin-top:12px;
	padding-left: 70px;
	background: url(../images_about/tel.png) left 2px no-repeat;
}

.sec03 .add_text .open {
	margin-top:12px;
	padding-left: 70px;
	background: url(../images_about/time.png) left 2px no-repeat;
}

.sec03 .add_text .close {
	padding-left: 70px;
}

.sec03 .map {
	width: 600px;
}

.sec03 .map iframe {
	width; 600px;
	height: 330px;
	
}

/* --------メインここまで-------- */


/* --------レスポンシブ ここから-------- */

@media screen and (max-width: 767px) { /*ウィンドウ幅が767pxまでの場合に適用*/

.displayflex {
	display: block;
}
.sec_inner {
	width: 100%;
}

.h2 {
	width: 95%;
	padding-left: 5%;
}

.text {
	width: 100%;
}

.photo {
	width: 100%;
}

.photo img {
	width: 100%;
	margin-top: 10px;
}

.sec03 .add_text  {
	width: 100%;
}

.sec03 .map {
	width: 100%;
}

.sec03 .map iframe {
	width: 100%;
	margin-top: 3%;
}


}
/* --------レスポンシブ ここまで-------- */