@charset "UTF-8";

#company,
#message{
	margin-bottom:130px;
}
/* company.php ===================== */

#company dl{
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	margin-top: 0;
	border-bottom: none;
}
#company dl dt{
	display: block;
	font-weight: normal;
	margin-bottom: 10px;
        width: 200px;
        display: table-cell;
}
#company dl dd{
	display: block;
	line-height: 2em !important;
	display: table-cell;
}
#company dl dd a:link, a:visited{
	color: #7aa84d;
	text-decoration: underline;
}
#company dl dd li{
	margin-bottom: 10px;
}
#company dl dd .board{
	display: inline-block;
	width: 90px;
}
#company .contents_area1{
	background:url(../images/company/bg_note2.png) repeat-y;
	padding: 30px;
	position:relative;
}
#company .contents_area1::after{
	content: '';
	background:url(../images/company/bg_note_bottom.png) no-repeat ;
	position: absolute;
	bottom:-100px;
	left: 0px;
	background-size:100% 110px;
	width:100%;
	height:110px;
}
#company .contents_area2{
	margin-top: 160px;
	padding:0 27px;
}
#company .contents_area3{
	margin-top: 40px;
	padding:0 27px;
}
#company .contents_area2 dl{
	border: none;
}
#company .contents_area3 h4{
	font-size: 1rem;
	font-weight: normal;
	margin: 25px 0 5px;
}
#company .contents_area3 li{
	margin-bottom: 5px;
	line-height: 2.2;
}
#company .contents_area3 li span{
	width:50%;
	display:inline-block;
}
#company .contents_area3 li a{
	color: #85b257;
	text-decoration: underline;
}
#company .contents_area3 .list-unstyled li span{
	width: 24%;
	display:inline-block;
}
#company .contents_area3 .list-unstyled2 li{
	width:49%;
	display:inline-block;
}

/* message.php ===================== */

#message .main_ttl{
	position:relative;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding-bottom:70px;
}
#message .main_ttl .illust_bird{
	right:39px;
	bottom:17px;
}
#message .contents_area1{
	overflow:hidden;
}
#message .contents_area1 .president_photo{
	float:right;
	margin: 0 0 15px 15px;
}
#message .contents_area1 .catch{
	font-size:1.38rem;
}
#message .contents_area1 .pgrh{
	margin-top: 18px;
	line-height:2;
}

/* value.php ===================== */

#value{
	margin-bottom:48px;
}
#value .contents_area1{
	position:relative;
}
#value .contents_area1 .illust_bird2{
	left:76px;
	top:-34px;
}
#value .contents_area1 .illust_girl{
	right:54px;
	top:161px;
}
#value .contents_area1 .txt_area{
	text-align:center;
	line-height:1.88;
	padding-bottom:25px;
}
#value .contents_area1 .txt_area .txt{
	margin-bottom:40px;
}
#value .contents_area2 .value_list li{
	display:inline-block;
	width:23%;
	text-align:center;
	vertical-align: top;
	margin-right:25px;
	margin-bottom:37px;
}
#value .contents_area2 .value_list{
	text-align:center;
}
#value .contents_area2 .value_list li:nth-child(-n+3){
	width:26%;
}
#value .contents_area2 .value_list li:nth-child(3),
#value .contents_area2 .value_list li:last-child{
	margin-right:0;
}
#value .contents_area2 .value_list li .value_txt{
	text-align:left;
}
#value .contents_area2 .value_list li .value_ttl{
	font-size:1.38rem;
	line-height:1.23;
	font-weight:normal;
	margin:30px 0 20px;
	font-feature-settings:"palt";
}
#value .contents_area2 .value_list li:nth-child(3) .value_ttl{
	margin-top:10px;
}
#value .contents_area2 .value_list li:nth-last-child(-n+4) .value_ttl{
	margin-top:20px;
}

/* 1082px ===================== */
@media screen and (max-width: 1142px) {
	
}
/* 1082px end ===================== */



/* 768px ===================== */
@media screen and (max-width: 768px) {
	
	/* company.php ===================== */
	
	#company dl{
		border-bottom: none;
	}
	#company dl dt{
		width: 120px;
		display: table-cell;
	}
	#company dl dd{
		display: table-cell;
	}
	#company .contents_area1,
	#company .contents_area2,
	#company .contents_area3{
		width: 93%;
	}
	#company .contents_area1{
		padding: 5% 4% 5% 5%;
		margin-bottom:85px;
		background-size: contain;
	}
	#company .contents_area1::after{
		width:100%;
		background-size: contain;
		height:111px;
		bottom:-87px;
	}
	#company .contents_area2{
		margin-top:20%;
		padding: 0 3%;
	}
	#company .contents_area3{
		margin-top:15%;
		padding: 0 3%;
	}
	#company .contents_area3 .list-unstyled li span{
		width:33%;
	}
	#company .contents_area3 .list-unstyled2 li{
		width:100%;
	}
	
	/* message.php ===================== */
	
	#message .main_ttl{
		margin-bottom:0;
		padding-bottom:8%;
	}
	#message .main_ttl .illust_bird{
		width:12%;
	}
	#message .contents_area1{
		width:88%;
	}
	#message .contents_area1 .president_photo{
		float:none;
		margin:0 auto 10%;
		display:block;
		width:70%;
	}
	
	/* value.php ===================== */
	
	#value .contents_area1 .illust_bird2{
		top: -58px;
		left: 23px;
		width: 7%;
	}
	#value .contents_area1 .illust_girl{
		width: 13%;
		right: 15px;
		top: 219px;
	}
	#value .contents_area1 .txt_area{
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	#value .contents_area2{
		width:90%;
	}
	#value .contents_area2 .value_list li,
	#value .contents_area2 .value_list li:nth-child(-n+3){
		width:100%;
		margin-right:0;
		margin-bottom: 5%;
	}
	#value .contents_area2 .value_list li .value_ttl,
	#value .contents_area2 .value_list li:nth-child(3) .value_ttl,
	#value .contents_area2 .value_list li:nth-last-child(-n+4) .value_ttl{
		margin: 3% 0 2%;
	}
}
/* 768px end ===================== */



/* 470px ===================== */
@media screen and (max-width: 470px) {
	
	#company,
	#message{
		margin-bottom:30%;
	}
	#company dl dt{
		display: inline;
	}
	#company dl dd{
		display: block;
		margin:5% 0 0 0;
	}
	#company .contents_area2{
		margin-top:-6%;
	}
	#value .contents_area2 .ttl3{
		font-size:1.7rem;
	}
	#value .contents_area2 .value_list li .value_ttl{
		font-size:1.3rem;
	}
	#company .contents_area3 .list-unstyled li span{
		width:auto;
		padding-right:10px;
	}
	#company .contents_area3 .list-unstyled li span::after{
		content: ":";
	}
	#company .contents_area3 li span{
		width:auto;
		padding-right:10px;
	}
	#message .main_ttl .illust_bird{
		right:20px;
		bottom:4px;
	}
	#message .contents_area1 .catch{
		font-size:1.2rem;
	}
	#value .contents_area1 .illust_bird2,
	#value .contents_area1 .illust_girl{
		display:none;
	}
	#value .contents_area2 .value_list li,
	#value .contents_area2 .value_list li:nth-child(-n+3){
		margin-bottom: 10%;
	}
}
/* 470px end ===================== */



/* 320px ===================== */
@media screen and (max-width: 320px) {
	
	#company .ttl3 .deco{
		border-bottom-width: 4px;
	}
	#message .main_ttl .illust_bird{
		display:none;
	}
	#value .contents_area2 .ttl3{
		font-size:1.45rem;
	}
	#value .contents_area2 .value_list li .value_ttl{
		font-size:1.1rem;
	}
}
/* 320px end ===================== */