@charset "utf-8";
/* CSS Document */
/* pc */
h2{line-height: 60px; padding: 0 20px; border-bottom: 1px solid #DDD; font-size: 20px; font-weight: bold; min-width: 960px;}
h3{font-size: 18px; font-weight: bold; padding: 50px 0 20px;}
.message_title {
	margin: 30px 0;
	font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", serif;
	font-size: 42px;
}
.message_title .sub_catch {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
}
#message_lead{margin: 40px 0 0;}
#message_lead img{width: 100%; height: auto;}
#illust{width: 370px; display: block; float: right; margin:0 0 0 10px;}
#illust img{width: 100%; height: auto;}
#illust p{font-size: 11px; text-align: right; line-height: 1.7em; color: #666;}
#message {
    width: 560px;
    margin: 20px 0 50px;
    display: block;
    float: left;
    font-size: 16px;
    letter-spacing: 0.2em;
	font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", serif;
}
#message_name{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: 30px 0 0 auto;
}
#message_name .post {
	font-size: 14px;
}
#message_name .name{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.7;
}

.add_indent{ text-indent: -6em; padding-left: 6em;}
.btn_access{display: block; width: auto; float: right; font-size: 11px;}
.btn_access a{display: block; width: auto; padding: 0 9px; background:#0D006D; border-radius: 5px; color: #FFF; text-decoration: none;}
.btn_access a:hover,.btn_access a:focus{background:#5665BA;;}

#history {
	margin: 30px 0;
	font-size: 14px;
}
#history li {
	box-sizing: border-box;
	display: flex;
	margin:0 0 15px;
	padding-left: 20px; 
	border-left: 3px solid #E7569A;
}
#history li .history_date {
	width: 8%;
	flex-shrink: 0;
	font-weight: bold;
}
#history li .history_item {
}

#data{list-style: none; margin: 20px 0;}
#data li{width: 50%; padding: 15px 30px 50px; display: block; float: left;}
.data_title{font-size: 26px; font-weight: bold; margin-bottom: 15px; color: #555;}
.data_title span{color: #E7569A; font-weight: bold; font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";}
.note{font-size: 11px; text-align: right; margin: -10px 0 0;}
.data_box{height: 320px; text-align: center; vertical-align: middle; display: table-cell; width:400px;}
#soritsu_box{background: url(../company/images/bg_soritsu.gif) no-repeat 50% 50%;}
#soritsu{font-size: 230px; line-height: 320px; color: #248d74; font-weight: bold; font-family:Arial, Helvetica, "sans-serif";}
#turnover_box{background: url(../company/images/bg_turnover.gif) no-repeat 50% 50%;}
#turnover{font-size: 230px; line-height: 320px; color: #2E539E; font-weight: bold; font-family:Arial, Helvetica, "sans-serif";}
#sales_box img, #gender_box img{height: 300px; width: auto;}
#average_age_box{background: url(../company/images/bg_average_age.gif) no-repeat 50% 50%;}
#average_age{font-size: 200px; line-height: 320px; color: #c75b3e; font-family:Arial, Helvetica, "sans-serif";}
#length_box{letter-spacing: -5px; background: url(../company/images/bg_length.gif) no-repeat 50% 50%;}
#length1, #length2{font-size: 180px; letter-spacing: -36px; line-height: 320px; color: #185b85; font-family:Arial, Helvetica, "sans-serif"; }
.unit{font-size: 30px; font-weight: bold; color: #555;}
.update{font-size: 11px; text-align: right;}

/* smartPhone */
@media screen and (max-width: 640px) {
h2{line-height:40px; padding: 5px 2% 0; font-size: 16px; min-width:inherit;}
h3{padding: 20px 10px 5px;}
.message_title {
	padding: 0 20px;
	font-size: 32px;
}
.message_title .catchcopy {
	letter-spacing: 0.01em;
}
.message_title .sub_catch {
	font-size: 20px;
}
#message_lead{margin: 20px 0 0;}
#illust{width:75%; float:none; margin:30px auto 0; padding: 0 10px;}
#message{width:100%; margin:0; padding: 0 20px; float:none; font-size: 14px;}
/*#message_name{text-align: right; margin: 10px 0 20px;}
#message_name .name{font-size: 20px; line-height: 1.5;}*/
/*#fbp{font-family: Arial, Helvetica, "sans-serif"; font-size: 26px; padding: 20px 0; margin-bottom: 15px;}*/
/*span.tm_right {float: none; display: inline-block; margin-top: 10px; font-size: 0.9rem;}*/

.add_indent{ text-indent:-1em; padding-left:0.5em;}

#history{margin: 15px 10px;}
#history li {
	flex-wrap: wrap;
	padding-left: 10px; 
}
#history li .history_date {
	width: 100%;
}
#history li .history_item {
}

#data{list-style: none; margin: 20px 0;}
#data li{width: 100%; padding: 15px 10px 30px; float:none;}
.data_title{font-size: 17px; margin-bottom: 5px;}
.note{font-size: 11px; text-align: right; margin: -5px 0 0;}
.data_box{height:auto; width:100%; display: block;}
#soritsu_box,#average_age_box,#turnover_box{background-size:270px auto;}
#sales_box img, #gender_box img{height: auto; width:100%;}
#soritsu{font-size: 180px; line-height: 250px;}
#turnover{font-size: 180px; line-height: 250px;}
#average_age{font-size: 150px; line-height: 250px;}
#length_box{letter-spacing: -5px;background-size:270px auto;}
#length1, #length2{font-size: 110px; letter-spacing: -22px; line-height: 250px;}
.unit{font-size: 25px;}



}