@charset "utf-8";

/* ------------------
company index 2017.09.29
--------------------*/
.main_visual {
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	height: 395px;
	background-image: url(/company/img/index/main_visual.png);
}

.wrapper h2.page_title{
	/* font-family: 'Cinzel Decorative',cursive; */
	font-size: 34px;
	text-align: center;
	letter-spacing: 6px;
	margin-bottom: 20px;
}

.sub_text{
	text-align: center;
	font-size: 24px;
	/* font-weight: bold; */
	font-family: 'Noto Serif JP', serif;
}

.company_category{
	width: 1000px;
    margin: 0 auto;
}

.com_01{
    padding-right: 1px;
	margin-bottom: 50px;
	float: left;
}

.com_01_end{
    padding-right: 1px;
	margin-bottom: 50px;
	float: none;
}

.photo{
	z-index: 1;
}

.more_btn{
	width: 294px;
	height: 45px;
	background: url(/company/img/index/btn_bk.png) no-repeat;
    display: inline-block;
    margin: 0 0 0 20px;
	z-index: 100;
	position: relative;
	bottom: 12px;
}

.btn_text{
	text-align: center;
	padding: 15px 0;
}

.com_01 .button{
	margin: 0 17px 0;
	position: relative;
    bottom: 15px;
	font-size: 14px;
}

.com_01_end .button{
	margin: 0 17px 0;
	position: relative;
    bottom: 15px;
	font-size: 14px;
}









/* ------------------
company interview 2017.09.29
--------------------*/

.interview_text{
	margin: 0 auto;
}

.interview_text p{
	text-align: center;
	line-height: 25px;
	letter-spacing: 2px;
	margin:30px;
	font-weight: 500;
}

.pre_name{
	text-align: right;
	/* margin-right: 50px; */
	margin: 70px 50px 0 0;
}

.president{
	font-size: 18px;
	/* font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
	font-family: 'Noto Serif JP', serif;
}








/* ------------------
company policy 2017.09.29
--------------------*/
.box_policy h3{
	display:inline-block;
	padding: 20px 50px;
    border: solid 1px #000;
	font-size: 18px;
}

.box_policy{
	text-align: center;
}

.policy_text{
	/* font-weight: 500; */
	font-family: 'Noto Serif JP', serif;
	line-height: 2.2em;
}

.policy_sec{
	background: url(/company/img/policy/policy_back.png) no-repeat;
	background-size: cover;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.box_action h3{
	font-size: 18px;
	color: #fff;
	padding: 20px 50px;
    border: solid 1px #fff;
	display:inline-block;
}

.box_action{
	text-align: center;
}

.number{
	margin: 20px 50px 0;
	color: #fff;
}

.point_img{
	width: 100px;
	height: 100px;
	margin-bottom: 50px;
}

.point_text{
	width: 870px;
	margin: 0;
    position: relative;
    bottom: 110px;
    left: 130px;
}

.point_subtitle{
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #fff;
	padding-bottom: 15px;
}

.text_padding{
	padding-top: 15px;
}






/* ------------------
company accessmap 2017.09.29
--------------------*/
.new{
	margin: 0 50px;
}

.about{

}

.about > li{
	padding: 28px 0;
    border-bottom: dotted 1px #a6a6a6;
    line-height: 1.9;
}

.about > li > dl{
	display: table;
    width: 100%;
    letter-spacing: 1px;
}

.about > li > dl > dt{
	width: 198px;
	display: table-cell;
    vertical-align: top;
}

.access_map{

}

.electric{
	width: 1000px;
	margin: 0 auto;
}

.access{
	width: 499px;
	display: block;
	float: left;
	margin-right: 2px;
}


.access_text h4{
	background: url(/company/img/about/h4_border.png) repeat-x bottom;
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	width: 495px;;
	margin-bottom: 30px;
}

.access_text{
	float: right;
	width: 490px;
}





/* ------------------
company history 2017.09.29
--------------------*/
.table_body{
	width: 1000px;
	margin: .0 auto;
}

/*
.year_line{
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 22px;
	width: 190px;
}
*/

.history_box{

}

.history_list{

}

.history_list > li{
	padding-bottom: 10px;
}

.history_list > li > dl{
    display: table;
    width: 100%;
    letter-spacing: 1px;
	padding-top: 20px;
}

.history_list > li > dl > dt{
	width: 190px;
    display: table-cell;
    vertical-align: top;
	font-weight: bold;
}

/*.his_border{
	border-top: solid #000 1px;
}*/

.month_first{
	width: 180px;
    display: table-cell;
    vertical-align: top;
}

.month{
	width: 180px;
    display: table-cell;
    vertical-align: top;
}






/* ------------------
company graph 2017.09.29
--------------------*/
.text_body{
	width: 1000px;
	/* width: 900px; */
	margin: 0 auto;
}

.sales_flow img{
	width: 100%;
	height: auto;
}



/* ------------------
company csr 2017.09.29
--------------------*/
.left_img {
    float: left;
}
.right_img {
    float: right;
}
.two_img{
	float: right;
	width: 505px;
}
.imgbottom_txt{
	float: left;
	/* width: 480px; */
	width: 430px;
}
h3{
    font-size: 150%;
    font-weight: bold;
    margin: 35px 0;
}
.box_library {
    text-align: center;
    /* margin: 60px auto; */
    margin: 40px auto;
	display: inline-block;
    padding: 20px 50px;
    border: solid 1px #000;
    font-size: 18px;
}

.box_local{
	text-align: center;
}

.ft18{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}