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

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

会社概要

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

/* pagetit */
/* -------------------------------------------------------------------------------- */

#pagetit {
	background: url(../img/pic_pagetit.png) no-repeat top center;
	background-size: cover;
}



/* 共通 */
/* -------------------------------------------------------------------------------- */

#sec01 h2, #sec02 h2, #sec03 h2 {
	font-size: 1.875em;
	text-align: center;
	padding-bottom: 55px;
	letter-spacing: 5px;
}

.pcnone{
	display: none;
}
br.sp{
	display: none;
	}
/* sec01 */
/* -------------------------------------------------------------------------------- */

#sec01 {
	padding: 60px 0;
}
#sec01 .box {
	display: table;
	width: 1140px;
	margin: 0 auto;
}
#sec01 .txt {
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}
#sec01 .txt span {
	display: block;
	text-align: right;
	padding-top: 50px;
}
#sec01 .img_wide {
	display: table-cell;
	width: 280px;
}
#sec01 .img_tight {
	display:none;
}
/* sec02 */
/* -------------------------------------------------------------------------------- */

#sec02 {
	padding-bottom: 60px;
}
#sec02 .box {
	width: 1140px;
	margin: 0 auto;
}
#sec02 table {
	float: left;
	width: 520px;
}
#sec02 table th {
	line-height: 2.5;
	width: 115px;
}
#sec02 table td {
	line-height: 2.5;
}

#sec02 table td a:link,#sec02 table td a:visited{color: #001058;}


#sec02 .map {
	float: right;
	width: 590px;
}


/* sec03 */
/* -------------------------------------------------------------------------------- */

#sec03 {
	width: 100%;
	background: url(../img/bg_sec3.png) no-repeat bottom center #EDEFF2;
	background-size: contain;
	padding: 60px 0;
}
#sec03 .box {
	position: relative;
	width: 1140px;
	margin: 0 auto;
}
#sec03 dl {
	width: 100%;
}
#sec03 dl dt {
	clear: both;
	float: left;
	width: 100px;
	padding-bottom: 30px;
	line-height: 2;
}
#sec03 dl dd {
	float: left;
	padding-bottom: 30px;
	line-height: 2;
}
#sec03 .img {
	position: absolute;
	top: 0;
	right: 0;
}
#sec03 .img img {
	margin-bottom: 20px;
}



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

メディアクエリ

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


@media screen and (max-width: 1024px) {
	
	br.sp{display: none;}
	br.ipad_inline{display: inline-block;}
	
	#sec01 .box {
	width: 96%;
	margin: 0 auto;
}
	#sec02 .box {
	width: 96%;
	margin: 0 auto;
}
	#sec02 table {
	width: 50%;
    margin: 0 auto;
}
	#sec02 .map {
	width: 43%;
	padding-top: 45%;
	position: relative;
}
	#sec02 .map iframe{
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
}
	#sec03 .box {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

	#sec03 dl {
	width: 100%;
	margin: 0 auto;
}
	#sec03 dl dt{
	padding-left: 20px;
	}
	
	#sec03 .img {
	position: absolute;
	top: 0;
	right: 20px;
	width: 40%;
}
	#sec03 .img img{
	width: 100%;
	height: auto;
}
	#sec03 img{
	display: none;
}
}

@media screen and (max-width: 768px) {
	/* sec02 */
/* -------------------------------------------------------------------------------- */

.notel {
	pointer-events: none;
}

	#sec02 table th {
	width: 75px;
}
	#sec02 .map {
	width: 43%;
	padding-top: 60%;
	position: relative;
}

	#sec03 dl dt{
	padding-left: 10px;
	}
	#sec03 dl dd{
		width: 80%;
	}
}
@media screen and (max-width: 640px) {
/* 共通*/
/* -------------------------------------------------------------------------------- */
	br.sp{
	display: inline;
	}
	br.pcnone{
	display: inline;
}
	#sec01, #sec02, #sec03{
	padding: 40px 0;
}
	#sec01 h2, #sec02 h2, #sec03 h2 {
	padding-bottom: 30px;
}
	#sec03 dl .ipad {
	word-wrap: break-word;	
}

/* sec01 */
/* -------------------------------------------------------------------------------- */
	#sec01 .box {
	width: 96%;
	margin: 0 auto;
}
	#sec01 .txt {
	display:inline;
	text-align: left;
}
#sec01 .txt span {
	padding-top: 30px;
}
#sec01 .img_wide {
	display:none;
}
#sec01 .img_tight {
	float: right;
	display:inline;
	padding-left: 10px;
}	
/* sec02 */
/* -------------------------------------------------------------------------------- */
	#sec02 table {
	float: none;
	width: 96%;
    margin: 0 auto;
}
	#sec02 table .pcnone{
	display: none;
}

#sec02 table th {
	line-height: 2;
}
#sec02 table td {
	line-height: 2;
}
	#sec02 .map {
	margin-top: 30px;
	width: 100%;
	padding-top: 70%;
}
/* sec03 */
/* -------------------------------------------------------------------------------- */
#sec03 dl {
	width: 96%;
	margin: 0 auto;
	word-wrap:break-word;
	word-break: break-all;
}
#sec03 dl dt {
	padding-bottom: 5px;
	border-bottom: solid 1px #bbb;
	width: 100%;
	padding-left: 0;
	}
#sec03 dl dd{
		width: 100%;
	}

#sec03 dl .ipad {
	width: 100%;
}
#sec03 dl dd {
	float: left;
	padding-bottom: 30px;
}

}