@charset "UTF-8";
/*
 * company/css/style.css
 */



/* common */
.secCompany01 {
	margin-bottom: 30px;
}


/* !greeting.html
---------------------------------------------------------- */
.secGreeting01 {
	margin-bottom: 30px;
}
	.secGreeting01 .img01 {
		float: right;
		width: 240px;
		margin-left: 20px;
	}
	.secGreeting01 .img02 {
		width: 326px;
		margin: 13px 0 20px;
	}
	.secGreeting01 .txt01 {
		margin-bottom: 30px;
	}

.boxSignature01 {
	float: right;
	width: 200px;
	margin-top: 30px;
}
.boxSignature02 {
	float: right;
	width: 200px;
	margin-top: 30px;
	margin-right:30px;
}
.textStyle01.tackleTxt01 {
	color: #454545;
}
.history_left{
	float:left;
	width: 580px;
}
.history_right{
	float:right;
}
@media screen and (max-width: 639px) {
.secGreeting01 {
	margin-bottom: 20px;
}
	.secGreeting01 .img01 {
		float: none;
		width: 100%;
		padding: 0 20px;
		margin-left: 0;
	}
	.secGreeting01 .img02 {
		width: 100%;
		margin: 20px 0 30px;
	}
	.secGreeting01 .txt01 {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 1.8;
	}

.boxSignature01 {
	width: 141px;
	margin-top: 25px;
}

.titBasicWrap01 .titBasic01 {
	padding: 0 0 5px 12px;
}

.history_left{
	float:none;
	width: 100%;
}
.history_right{
	float:none;
	text-align:center;
	padding: 0 20px;
	margin:20px 0;
}

}

/* !grouplist.html
---------------------------------------------------------- */
.ulGrouplist01 { overflow: hidden;}
	.ulGrouplist01 li {
		float: left;
		width: 47.81%;
		margin: 15px 4.37% 0 0;
	}
	.ulGrouplist01 li:nth-child(2n) { margin-right: 0;}
	.ulGrouplist01 li:first-child,
	.ulGrouplist01 li:nth-child(2) { margin-top: 0;}
	.ulGrouplist01 li:nth-child(2n+1) { clear: both;}
@media screen and (max-width: 639px) {
.ulGrouplist01 { overflow: hidden;}
	.ulGrouplist01 li {
		float: none;
		width: 100%;
		margin: 15px 0 0;
	}
	.ulGrouplist01 li:nth-child(2n),
	.ulGrouplist01 li:nth-child(2) { margin: 15px 0 0;}
}

.boxGrouplist01  { overflow: hidden;}
	.boxGrouplist01 .img01 {
		float: left;
		margin-right: 15px;
		border: 2px solid #eee;
	}
	.boxGrouplist01 .img01.hover:hover {
		border: 2px solid #f93;
	}
	.boxGrouplist01 .txtArea01 {
		overflow: hidden;
	}
@media screen and (max-width: 639px) {
	.boxGrouplist01 .img01 {
		width: 108px;
		margin-right: 20px;
	}
		.boxGrouplist01 .img01 img {
			width: 100%;
			height: auto;
		}
}


/* !/company/
---------------------------------------------------------- */
.textBox01 .image_list img{
	margin:10px 10px 0 0;
	vertical-align: bottom;
}

.boxListType01 .column2{
	width:66.15%;
	margin-right: 0;
}
@media screen and (max-width: 639px) {
.boxListType01 .column2{
	width:100%;
}
.boxListType01 li.column2 .image01 {
	float: none;
	width: 100%;
	margin: 0 0 8px;
	text-align: center;
}
.boxListType01 li.column2 a .image01 {
	position: static;
	left: auto;
	top: auto;
}
.boxListType01 li.column2 .image01 img {
    height: 90px;
    width: 160px;
}
}