@charset "utf-8";
/*------------------------------------------------------------
	chart
------------------------------------------------------------*/

#container {
	background: #F8F6E9; 
}

.pageTitle { 
	margin-bottom: 57px;
	background: #F8F6E9;
	position: relative;
}
.pageTitle .about_list{
position: absolute;
right: 0;
top: 100px;
}
.pageTitle .about_list li{
margin: 0px 0px 10px 0px;
padding: 0;
width: 160px;
}
.pageTitle .about_list li a{
background: #fff;
font-size: 14px;
color: #E69D65;
background: #fff;
padding: 5px 10px;
border-radius: 20px;
display: block;
text-align: left;
}
.pageTitle .about_list li a::after{
content: "∨";
color: #E69D65;
position:absolute;
right: 5%;
}

.headLine02 {
	margin-bottom: 41px;
	color: #4D5057;
	font-size: 2.4rem;
	font-weight: normal;
	letter-spacing: 0.2em;
	text-align: center;
}
.headLine02 .en {
	display: block;
	font-size: 1.8rem;
	font-weight: lighter;
	letter-spacing: 0.05em;
    font-family: 'Roboto Condensed', sans-serif;
}
#main .content .headLine02 {
    margin: 80px auto 10px auto;
    color: #222;
	font-weight: bold;
}
#main .content .headLine02 .en {
    color: #E79C66;
}

#main .topText {
	margin-bottom: 100px;
	color: #4D5057;
	letter-spacing: 0.05em;
	text-align: center;
}
#main .cont {
	width: 1082px;
	margin: 0 auto;
}
#main .dataUl01,
#main .dataUl02,
#main .dataUl03 {
	margin-bottom: 10px;
}
#main .dataUl01 li {
	width: 49.4%;
}
#main .dataUl02 li {
	width: 32.6%;
}
#main .dataUl03 li {
	margin-bottom: 12px;
	width: 37.9%;
	float: right;
}
#main .dataUl03 li:first-of-type {
	margin-bottom: 0;
	width: 60.9%;
	float: left;
}
#main .dataUl03 li:last-of-type {
	margin-bottom: 0;
}
#main .dataBox {
	margin: 0 0 78px 4px;
	width: 100.2%;
}
#main .photoList {
	margin: -78px 0 152px;
}
#main .photoList li {
	margin: 68px 5.4% 0 0;
	width: 29.7%;
}
#main .photoList li:nth-of-type(3n) {
	margin-right: 0;
}
#main .photoList li a:hover {
	opacity: 0.7;
}
#main .photoList li img {
	margin-bottom: 15px;
}
#main .photoList .text {
	padding-left: 20px;
	display: block;
	border-left: 1px solid #D2D2D2;
	box-sizing: border-box;
}
#main .photoList .text .title {
	margin-bottom: 6px;
	color: #4D5057;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
#main .photoList .text span {
	display: block;
	color: #838383;
	font-size: 1.4rem;
	letter-spacing: 0.09em;
}
#main .photoList .text .txt {
	margin-bottom: 12px;
	line-height: 1.78;
}
#main .photoList .text .tel {
	margin-left: -6px;
	color: #959596;
}
#main .photoList .text .tel a {
	color: #959596;
}
#main .company {
	margin-bottom: 65px;
}
#main .inner {
	margin-bottom: 118px;
}
#main .inner .photoBox {
	margin-left: 13px;
	width: 37.4%;
	float: left;
}
#main .inner .tableBox {
	width: 55.2%;
	float: right;
}
#main .inner .tableBox table {
	width: 100%;
	border-collapse: collapse;
}
#main .inner .tableBox th,
#main .inner .tableBox td {
	padding: 15px 0 30px;
	color: #4D5057;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	text-align: left;
	vertical-align: top;
}
#main .inner .tableBox th {
	width: 17%;
	font-weight: 700;
}
#main .inner .tableBox dt {
	float: left;
}
#main .inner .tableBox dd {
	margin-bottom: 15px;
	padding-left: 8.5em;
}
#main .inner .tableBox dd:last-of-type {
	margin-bottom: 0;
}
#main .inner .tableBox li:not(:last-of-type) {
	margin-bottom: 15px;
}
@media all and (max-width: 896px) {
.pageTitle { 
	margin-bottom: 27px;
	background: #F8F6E9;
	position: relative;
	width: 90%;
	height: auto;
	margin: 0px auto;
}
.pageTitle h2 {
		margin: 0px;
}
.pageTitle .about_list{
width: 90%;
margin: 20px auto 0px auto;
padding: 0;
position: relative;
top: 30px;
overflow: hidden;
}
.pageTitle .about_list li{
margin: 0px 0px 10px 0px;
padding: 0;
width: auto;
}
.pageTitle .about_list li a{
background: #fff;
font-size: 16px;
color: #E69D65;
background: #fff;
padding: 5px 10px;
border-radius: 20px;
display: block;
text-align: left;
width: 92%;
}
.pageTitle .about_list li a::after{
content: "∨";
color: #E69D65;
position:absolute;
right: 5%;
}
#main .content .headLine02 {
    margin:0px auto 10px auto;
	color: #222;
	font-weight: bold;
}
	#main .topText {
		margin-bottom: 46px;
	}
	#main .cont {
		width: auto;
		margin: 0 29px;
	}
	#main .dataUl01 {
		margin-bottom: 13px;
	}
	#main .dataUl01 li {
		width: 100%;
	}
    #main .dataUl01 li img {
        width: 100%;
    }
	#main .dataUl01 li:not(:last-of-type) {
		margin-bottom: 13px;
	}
	#main .dataUl04 {
		margin: -13px 0 13px;
	}
	#main .dataUl04 li {
		margin-top: 13px;
		width: 48%;
	}
    #main .dataUl04 li img {
        width: 100%;
    }
	#main .dataBox01,
	#main .dataBox02 {
		margin-bottom: 13px;
		width: 100%;
	}
    #main .dataBox01 img,
    #main .dataBox02 img {
        width: 100%;
    }
	#main .dataBox {
		margin: 0 0 120px;
		width: 100%;
	}
    #main .dataBox img {
        width: 100%;
    }
	#main .photoList {
		margin: -35px 0 105px;
	}
	#main .photoList li {
		margin: 30px 3% 0 0;
		width: 48.5%;
		min-height: 235px;
	}
	#main .photoList li:nth-of-type(3n) {
		margin-right: 3%;
	}
	#main .photoList li:nth-of-type(2n) {
		margin-right: 0;
	}
	#main .photoList li img {
		margin-bottom: 12px;
	}
	#main .photoList .text {
		padding-left: 9px;
	}
	#main .photoList .text .title {
		margin-bottom: 4px;
		font-size: 1.3rem;
		line-height: 1.2;
		letter-spacing: 0.01em;
	}
	#main .photoList .text span {
		font-size: 1rem;
	}
	#main .photoList .text .txt {
		line-height: 1.27;
	}
	#main .photoList .text .tel {
		margin-left: 0;
	}
	#main .company {
		margin-bottom: 15px;
	}
	#main .inner {
		margin-bottom: 100px;
	}
	#main .inner .photoBox {
		margin: 0 auto 20px;
		width: 62%;
		float: inherit;
	}
	#main .inner .tableBox {
		width: 100%;
		float: inherit;
	}
	#main .inner .tableBox th,
	#main .inner .tableBox td {
		padding: 7px 0;
		font-size: 1.3rem;
	}
	#main .inner .tableBox th {
		width: 24%;
	}
	#main .inner .tableBox dl {
		margin-bottom: 10px;
	}
	#main .inner .tableBox dd {
		line-height: 1.15;
	}
	#main .inner .tableBox li {
		line-height: 1.15;
	}
	#main .inner .tableBox li:not(:last-of-type) {
		margin-bottom: 22px;
	}
}
@media all and (max-width: 374px) {
}