@charset "UTF-8";
/* CSS Document */
table {
	text-align: left!important;
}
.groupcompany h3 span {
	font-size: 16px;
	font-weight: bold;
}
.chintai {
	padding: 10px;
	width: 170px;
	background-color: #ffe689;
	margin: 2rem auto 0;
	text-align: center;
}
.chintai a {
	color: black;
	text-decoration: none;
}
.groupcompany {
	background: #fcfff8;
	padding: 4rem 0;
}

.speakbox {
	margin: 0px auto;
	width: 950px;
}
.speakbg .name {
	margin: 4rem auto ;
	width: 950px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 1rem 0;
	font-size: 1.4rem;
	font-weight: bold;
}
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.aboutus {
	background: #fdfff9;
}
.aboutus .speakbox.flex .text {
	width: 70%;
	text-align: left;
	font-size: 14px;
}
.EG_l {
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.aboutus .speakbox.flex img {
	width: 100%;
	align-self: center;
}

.aboutus th {
	width: 163px;
	padding: 10px 20px;
	box-sizing: border-box;
	background-color: #f5f5f5;
	font-weight: 400;
	vertical-align: middle;
}
.aboutus td {
	padding: 10px 20px;
	box-sizing: border-box;
	background-color: white;
	border-bottom: solid #ddd 1px;
}
.group-map p {
	text-align: left;
	font-size: 14px;
}
.group-map i {
	text-align: left;
	color: #fac500;
}








#mainContainer h2{
	background-image: url(images/pagetitle.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	overflow: hidden;
}

/* ���g======================================================================================================== */
#mainContainer #topCopy{
	margin: 0 0 1000px;
	height:860px;
	text-align:center;
}

#mainContainer #topCopy h3{
	margin: 0 0 10px;
	line-height: 60px;
}

#mainContainer #topCopy p{
	line-height: 25px;
    margin-top: 60px;
	font-size: 16px;
}


#mainContainer #com_btn{
	display: block;
	float: none;
	clear: both;
	margin: 90px 0 40px;
}

#mainContainer #com_btn ul{
}

#mainContainer #com_btn li{
	display: block;
	float: left;
	width: 240px;
	margin: 0 0 10px;
	height:145px;
}

#mainContainer #com_btn li a{
	background-image: url(images/com_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 100px;
	width: 225px;
	overflow: hidden;
	display: block;
	margin: 0 0 5px;
}

#mainContainer #com_btn li#greeting a{ 		background-position: left top; }
#mainContainer #com_btn li#philosophy a{ 	background-position: -225px top; }
#mainContainer #com_btn li#outline a{ 		background-position: -450px top; }
#mainContainer #com_btn li#history a{ 		background-position: -675px top; }
#mainContainer #com_btn li#staff a{ 		background-position: -900px top; }
#mainContainer #com_btn li#recruit a{ 		background-position: -1125px top; }

#mainContainer #com_btn li#greeting a:hover{ 		background-position: left -100px; }
#mainContainer #com_btn li#philosophy a:hover{ 		background-position: -225px -100px; }
#mainContainer #com_btn li#outline a:hover{ 		background-position: -450px -100px; }
#mainContainer #com_btn li#history a:hover{ 		background-position: -675px -100px; }
#mainContainer #com_btn li#staff a:hover{ 			background-position: -900px -100px; }
#mainContainer #com_btn li#recruit a:hover{ 		background-position: -1125px -100px; }

#mainContainer #com_btn li p{
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
	display: block;
	margin: 0 auto;
	width: 210px;
}

#mainContainer #other_btn{
	margin: 0 0 40px;
	padding-top:20px;
}

#mainContainer #other_btn dl{
	float: left;
	width: 230px;
	display: block;
}

#mainContainer #other_btn dl#media{
	width: 220px;
}

#mainContainer #other_btn dl dt{
	margin: 0 0 5px;
}

#mainContainer #other_btn dl dt a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 170px;
	width: 220px;
	overflow: hidden;
}

#mainContainer #other_btn dl#eco dt a{ 		background-image: url(images/other_btn-eco.png); }
#mainContainer #other_btn dl#chiiki dt a{ 	background-image: url(images/other_btn-chiiki.png); }
#mainContainer #other_btn dl#media dt a{ 	background-image: url(images/other_btn-media.png); }

#mainContainer #other_btn dl dt a:hover{
	background-position: left -170px;
}

#mainContainer #other_btn dl dd{
	width: 220px;
}

#mainContainer #contact_btn{
	padding-top:20px;
}

#mainContainer #contact_btn div{
	width: 320px;
}

#mainContainer #contact_btn div#nandemo{ 	float: left; }
#mainContainer #contact_btn div#faq{ 		float: right; }

#mainContainer #contact_btn div a{
	background-image: url(images/contact_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 105px;
	width: 320px;
	text-decoration: none;
}

#mainContainer #contact_btn div a:hover{
	color: #846D54;
}

#mainContainer #contact_btn div#nandemo a{ 	background-position: left top; }
#mainContainer #contact_btn div#faq a{ 		background-position: right top; }

#mainContainer #contact_btn div#nandemo a:hover{ 	background-position: left -105px; }
#mainContainer #contact_btn div#faq a:hover{ 		background-position: right -105px; }

#mainContainer #contact_btn a em{
	display: block;
	height: 50px;
	overflow: hidden;
}

#mainContainer #contact_btn a strong{
	display: block;
	padding: 0 20px 0 20px;
	font-size: 10px;
	line-height: 1.5em;
}

#mainContainer a {
	color:#000000;
	text-decoration:underline;}
#mainContainer a:hover {
	color:#FCC600;}




/* ���g======================================================================================================== */
.fadeout{
  opacity: 0;
  transition: 0.15s ease-in-out;
  -webkit-transition: 0.55s ease-in-out;
}
.fadein{
  opacity: 1;
  transition: 1s ease-in-out;
  -webkit-transition: 1s ease-in-out;
}

#idBigImage img{
	width: 1024px;
    height: 457px;
    margin-right: auto;
    margin-left: auto;
	/*display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;*/
	/*z-index: 30;*/
	/*position:relative;*/
	margin-left:-300px;
		
	}
	
#idBigImage {
    /*margin-top: -457px;*/	
	/*z-index:29;*/
	/*position:relative;*/
	}


/*�w�b�_�[�o�i�[*/
.headbanner{
	height:455px;
	background-color:#ddd;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.headbanner p{
	padding-top: 87px;
    font-size: 30px;
    margin-top: 10px;
	color:#fff;
}

/*�R���e���c*/
.pageNo{
	height: 50px;
	text-align:center;
    background: #ddd;
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
	
}
.pageNo p{
	margin-right:300px;	
	/*padding-top: 87px;*/
    font-size: 16px;
    margin-top: 10px;
	color:#fff;
}

#idBigImage img{
	margin-left:-295px;
}


/****��ЊT�v******/

.contentpage{
	height:950px;
	backgrounf-color:#fff;
	/*border:solid #ddd;*/
    text-align: left;
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
	margin-top:30px;
	padding-top:30px;
	overflow: hidden;
}
h3{
	font-size:25px;
}
#com_btn_dummy{
	/*background-image: url(images/nav_conav_co.jpg);*/
    background-repeat: no-repeat;
    background-position: left top;
    height: 531px;
    overflow: hidden;
    width:  890px;
    background-size: 100%;
	margin-top:100px;
}
.pkg {
    display: block;
    width: 80%;
    margin: auto;
}

.kigyou_nav{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.kigyou_nav li{
	/*border:solid #ddd;*/
	width:280px;
}
.kigyou_nav li img{
	width:100%;
}

.kigyou_nav li a:hover{
	opacity:.6;
}


/*会社概要*/
/*table.normal th, table.normal td{
	border:solid #fff 1px;	
}*/ 
.CI_title{
	text-align: center;
	margin: 1rem auto;
	font-size: 25px;
}
.CI_l{
	width:20%;
	height:645px;
}
.CI_l img{
	height:33.3333333%;
	margin:0px;
	margin-right:-117px;
}

.CI_c{
	background-color:#f0f1db; 
	background-color:#fdfff9; 
	width:50%;
	height:auto;
	text-align:left;
	color:#595656;
	position:relative;
}
.CI_c h3 span{
	font-size:20px;
	font-weight:bold;
}




.CI_c h4{
	margin:60px auto 0;
	width:50%;
}

th{
	font-weight:700;
	width:105px;
}
td{
	padding:9px;
}
.CI_r{
	background-color:#fff; 
	width:30%;
	height:645px;
		display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;

}

.CI_c p{
	padding:10px;
	width:170px;
	background-color:#ffe689;
	margin-left:20px;
	text-align: center;
}
.CI_c p span{
font-size:18px;

}
.CI_c p a{
	color:#666;
	text-decoration:none;
}


/*---------------------------------------------------------------------------*/
@media screen and ( max-width:479px ){
	.speakbox {
    margin: 0px auto;
    width: 90%;
	}
	.groupcompany h3 span {
		font-size: 14px;
		font-weight: bold;
	}
	.speakbg .name {
    margin: 2rem auto;
    width: 90%;
    border-top: 1px solid #000;
    padding: 5px 0px;
    border-bottom: 1px solid #000;
    line-height: 1.5;
    font-size: 25px;
}
	.aboutus .speakbox.flex .text {
    width: 100%;
	}
	.aboutus tr {
		display: flex;
    flex-wrap: wrap;
	}
	.aboutus th,
	.aboutus td {
		width: 100%;
		display: block;
	}
	.EG_l {
		width: 100%;

	}


.contentpage{
	height:950px;
	backgrounf-color:#fff;
	overflow: hidden;
	width:100%;
}
.pkg {
    display: block;
    width: 90%;
    margin: auto;
}
	
h3{
	font-size:19px;
	width:80%;
	margin:auto;
}
#mainContainer #topCopy h3{
	margin: 0 0 10px;
	line-height: 38px;
}
#mainContainer #topCopy p{
	line-height: 25px;
    margin-top: 60px;
	font-size: 14px;
}
#com_btn_dummy{
    background-repeat: no-repeat;
    background-position: left top;
    height: 531px;
    overflow: hidden;
    background-size: 100%;
	margin-top:50px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;

}
	
.kigyou_nav{
}

.kigyou_nav li{
}
.kigyou_nav li img{
	width:100%;
}

.CI1, .CI2 {
	height:auto;
	}	


	
	
.CI_l{
	display:none;
}
.CI_c img{
	position:absolute;
	top:6px;
	right:5px;
	width:20%;
}
	
.CI_c{
	background-color:#fdfff9; 
	width:100%;
	margin:auto;
	text-align:left;
	color:#595656;
	position:relative;
}
.CI_c table{
	margin:30px 5px 0;
}
	
.CI_r img{
	margin-left:auto;
	width:100%;
}

.CI_p{
	background-color:#fdfff9; 
	width:100%;
    background-image: url(images/CI_p.png);
    background-size: 100%;
	background-repeat: no-repeat;
	height:100px;
}
.CI_p2 {
	background-color:#fdfff9; 
	width:100%;
    background-image: url(images/CI_p2.png);
    background-size: 100%;
	background-repeat: no-repeat;
	height:100px;
}

.CI_r{
	width:90%;
	height:auto;
	margin:auto;
}
.modelhouse{
	display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 90%;
    height: 100px;
    margin: auto;
	}

.modelhouse img{
	width:100%;
}
.CI{
	width: 100%;
    height: auto;
    margin-bottom: 40px;
    background-color: #fdfff9;}

	
}
/*---------------------------------------------------------------------------*/
@media screen and ( min-width:480px )
{
.pkg {
    display: block;
    width: 80%;
    margin: auto;
}

.contentpage{
	height:950px;
	backgrounf-color:#fff;
	/*border:solid #ddd;*/
    text-align: left;
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
	margin-top:30px;
	padding-top:30px;
	overflow: hidden;
}
h3{
	font-size:25px;
}
#mainContainer #topCopy h3{
	margin: 0 0 10px;
	line-height: 60px;
}
#mainContainer #topCopy p{
	line-height: 25px;
    margin-top: 60px;
	font-size: 16px;
}
	
#com_btn_dummy{
    background-repeat: no-repeat;
    background-position: left top;
    height: 531px;
    overflow: hidden;
    background-size: 100%;
	margin-top:100px;
	display:block;
}
.kigyou_nav{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.kigyou_nav li{
	width:280px;
}
.kigyou_nav li img{
	width:100%;
}
	
.CI_c img{
	position:absolute;
	bottom:80px;
	right:30px;
	width:20%;
}
	

.CI{
	width: 100%;
    height:617px;
    margin-bottom: 40px;
    background-color: #fdfff9;}
	
.CI_l{
	float:left;
	width:20%;
	height:645px;
}
	
.CI_c{
	background-color:#f0f1db; 
	background-color:#fdfff9; 

	float:left;
	width:50%;
	height:645px;
	text-align:left;
	color:#595656;
	position:relative;
}
.CI_c img{
	position:absolute;
	bottom:100px;
	right:6px;
	width:20%;
}

	.CI_c h3{
	margin:40px auto 0;
	width:auto;
	margin-left:15%;
	margin-right:auto;
}
.CI_c table{
	margin:30px 25px 0;
}

	.CI_p2, .CI_p2{
		dispaly:none;
	} 
	
	.CI_r{
	background-color:#fff; 
	float:left;
	width:30%;
	height:645px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.CI_r img{
	/*opacity:0.5;*/
	margin-left:0;
	width:100%;
	/*margin-top:35%;*/
	/*height:auto;*/
	/* height:85%; */
	height: 595px;
    width: 403px;
}

.modelhouse{
	display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 50%;
    height: 100px;
    margin: auto;
	}

.modelhouse img{
	width:250px;
}
	.mob_p{
		display:none;
	}	
}