@charset "utf-8";
/*-------------------------------------------------
	history
--------------------------------------------------*/
.his_inner{  margin: 0 auto; max-width: 1150px; width: 80%; }
@media (max-width: 500px) {
.his_inner{  margin: 0 auto; max-width: 1150px; width: 85%; }
}/*end*/

.his_head { color: #fff;}
.his_head img{ width: 100%;}
.his_head .x15{display: block;}
.his_head .x1{display: none;}
.his_head .sp{display: none;}
.his_head .sp2{display: none;}
@media (max-width: 1600px) {
.his_head .x15{display: none;}
.his_head .x1{display: block;}
.his_head .sp{display: none;}
.his_head .sp2{display: none;}
}/*end*/
@media (max-width: 1000px) {
.his_head .x15{display: none;}
.his_head .x1{display: none;}
.his_head .sp{display: block;}
.his_head .sp2{display: none;}
}/*end*/
@media (max-width: 640px) {
.his_head .x15{display: none;}
.his_head .x1{display: none;}
.his_head .sp{display: none;}
.his_head .sp2{display: block;}
}/*end*/

/*-------- co_history_lead --------*/
#co_history_lead .title_box{ margin: 70px 0 0 0; text-align: center}
#co_history_lead .title_box h3{ margin-top: 20px; padding: 0 20px; display: inline-block; position: relative;}
/* h3 -  - */
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ position: absolute; top: 18px; content: ''; display: block; width: 28px; height: 1px; background: #7f7f7f; }
#co_history_lead .title_box h3::before{ right: 100%; }
#co_history_lead .title_box h3::after{ left: 100%; }
@media (max-width: 1200px) {
#co_history_lead .title_box{ margin: 60px 0 0 0;}
#co_history_lead .title_box h3{ padding: 0 15px; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 15px;}
}/*end*/
@media (max-width: 1000px) {
#co_history_lead .title_box h3{ padding: 0 15px; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 18px;}
}/*end*/
@media (max-width: 640px) {
#co_history_lead .title_box{ margin: 60px 0 0 0;}
#co_history_lead .title_box h3{ padding: 0 15px; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 16px; display: none;}
}/*end*/
@media (max-width: 450px) {
#co_history_lead .title_box{ margin: 50px 0 0 0;}
#co_history_lead .title_box h3{ padding: 0 3vw; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 4vw;  width: 5vw;}
}/*end*/

/*h2*/
#co_history_lead .title_box h2{  margin-top: 20px;}
#co_history_lead .title_box h2 br{ display: block;}
@media (max-width: 640px) {
#co_history_lead .title_box h3 span{ display: block;}
}/*end*/

/*-------- his_lead_1961 [高度経済成長期] --------*/
.his_lead_1961{ margin-top: 100px; display: flex; justify-content: space-between; align-items: center;  flex-direction : row-reverse; }
.his_lead_1961 .img_box{ width: 28.2%;}
.his_lead_1961 .txt_box{ width: 61%;}
@media (max-width: 1000px) {
.his_lead_1961{ margin-top: 100px; display: block; }
.his_lead_1961 .img_box{ margin: 0 auto; width: 60%; text-align: center;}
.his_lead_1961 .txt_box{ margin-top: 60px; width: 100%;}
.his_lead_1961 .txt_box h3{text-align: center;}
.his_lead_1961 .txt_box h3 br{display: block;}
}/*end*/
@media (max-width: 640px) {
.his_lead_1961{ margin-top: 80px; display: block; }
}/*end*/
@media (max-width: 500px) {
.his_lead_1961{ margin-top: 50px; }
.his_lead_1961 .txt_box{ margin-top: 40px;}
}/*end*/
@media (max-width: 370px) {
.his_lead_1961 .txt_box h3 br{display: none;}
}/*end*/

/*-------- his_lead_dainiseikosha [第二精工舎] --------*/
.his_lead_dainiseikosha{ margin-top: 150px; }
.his_lead_dainiseikosha .img_box{ margin:0 auto; width: 74%;}
.his_lead_dainiseikosha .txt_box{width: 100%;}
.his_lead_dainiseikosha .txt_box h3{ margin: 80px auto 0; max-width: 900px; text-align: center;}
@media (max-width: 1200px) {
.his_lead_dainiseikosha{ margin-top: 120px; }
}/*end*/
@media (max-width: 1000px) {
.his_lead_dainiseikosha{ margin-top: 80px; }
.his_lead_dainiseikosha h3 br{ display: block;}
.his_lead_dainiseikosha .txt_box h3{ margin-top: 60px; text-align: center;}
}/*end*/
@media (max-width: 530px) {
.his_lead_dainiseikosha{ margin-top: 60px; }
.his_lead_dainiseikosha .img_box{ margin:0 auto; width: 100%;}
.his_lead_dainiseikosha h3 br{ display: none;}
}/*end*/
@media (max-width: 360px) {
.his_lead_dainiseikosha{ margin-top: 60px; }
.his_lead_dainiseikosha .txt_box h3{ width: 110%; margin-left: -5%;}
}/*end*/

/*-------------------------------------------------
	his_1961 [1961]
--------------------------------------------------*/
/*-------- his_1961_head --------*/
#his_1961{ margin-top: 140px;}
@media (max-width: 1200px) {
#his_1961{ margin-top: 120px;}
}/*end*/
@media (max-width: 640px) {
#his_1961{ margin-top: 100px;}
}/*end*/
@media (max-width: 500px) {
#his_1961{ margin-top: 80px;}
}/*end*/
#his_1961_head{ overflow: hidden; position: relative; background: #000;}
#his_1961_head .wrap{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
#his_1961_head .wrap .inner { margin: 0 auto; max-width: 1150px; width: 72%; height: 100%; display: flex; align-items: center; flex-direction : row-reverse;  }
/* txt_box */
#his_1961_head .wrap .inner .txt_box { width: 480px; padding-bottom: 60px;}
#his_1961_head .wrap .inner .txt_box h2{ text-align: center;}
.his_year{ font-size: 70px; line-height: 1; }
.his_year_title{ margin-top: 15px; display: block; margin: 0 auto; width: 95%; }
.his_year_title span{ display: inline-block;}
.his_year_title br{ display: block;}
@media (max-width: 1600px) {
#his_1961_head .wrap .inner { position: absolute; right: 0px; margin: 0; width: 55%; height: 100%;display: flex; align-items: center; justify-content: center; flex-direction : initial; }
.his_year{ font-size: 70px; }
}/*end*/
@media (max-width: 1400px) {
#his_1961_head .wrap .inner .txt_box { width: 410px; padding-bottom: 30px;}
.his_year{ font-size: 60px; }
}/*end*/
@media (max-width: 1200px) {
.his_year{ font-size: 60px; }
#his_1961_head .wrap .inner .txt_box { width: 382px; padding-bottom: 30px;}
.his_year_title{ margin-top: 10px; }
}/*end*/
@media (max-width: 1000px) {
#his_1961_head .wrap{ position: relative; left: 0; top: 0; z-index: 2; width: 100%; height: auto; padding: 80px 0; background: #111;}
#his_1961_head .wrap .inner { position: relative; right: initial; width: 100%; height: auto; display: block;  }
#his_1961_head .wrap .inner .txt_box { margin: 0 auto; max-width: 720px; width: 80%; padding-bottom: 20px;}
}/*end*/
@media (max-width: 640px) {
#his_1961_head .wrap{ padding: 70px 0; background: #111;}
#his_1961_head .wrap .inner .txt_box {  padding-bottom: 10px;}
#his_1961_head .wrap .inner .txt_box h2{ text-align: center;}
}/*end*/
@media (max-width: 450px) {

}/*end*/
@media (max-width: 750px) {
.his_year{ font-size: 60px; }
}/*end*/
@media (max-width: 640px) {
.his_year{ font-size: 50px; }
}/*end*/
@media (max-width: 450px) {
.his_year{ font-size: 40px; }
.his_year_title{ margin-top: 10px; }
}/*end*/

/* img_box */
#his_1961_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
@media (max-width: 2400px) {
#his_1961_head .img_box{ position: relative; width: 2400px; left: 50%; top: 0; margin-left: -1200px; }
}/*end*/
@media (max-width: 1600px) {
#his_1961_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/

/*-------- his_1961_01 --------*/
.his_1961_01 h2{ margin: 120px auto 0; max-width: 900px; width: 100%; text-align: center; }
@media (max-width: 1200px) {
.his_1961_01 h2{ margin: 100px auto 0; }
}/*end*/
@media (max-width: 640px) {
.his_1961_01 h2{ margin: 80px auto 0; }
}/*end*/
@media (max-width: 450px) {
.his_1961_01 h2{ margin: 60px auto 0; }
}/*end*/

/*-------- his_1961_02 --------*/
.his_1961_02 { margin: 130px auto 0; max-width: 1270px; width: 85%; display: flex; align-items: center;  justify-content: space-between; }
.his_1961_02 .img_box{ margin-top: 50px; width: 44%; text-align: center; }
.his_1961_02 .img_box p{ margin-top: 20px; }
.his_1961_02 .txt_box{ width: 47%; }
@media (max-width: 1200px) {
.his_1961_02 { margin: 100px auto 0; max-width: 1270px; width: 85%; }
.his_1961_02 .img_box{ margin-top: 50px; width: 40%; text-align: center; }
.his_1961_02 .txt_box{ width: 50%; }
}/*end*/
@media (max-width: 1000px) {
.his_1961_02 { margin: 100px auto 0; max-width: 1150px; width: 80%; display: block;}
.his_1961_02 .img_box{ margin: 50px auto 70px; width: 80%; max-width:500px ; text-align: center; }
.his_1961_02 .txt_box{ width: 100%; }
.his_1961_02 .txt_box h3{text-align: center; }
}/*end*/
@media (max-width: 900px) {
.his_1961_02 .txt_box h3 br{display: block;}
}/*end*/
@media (max-width: 640px) {
.his_1961_02 { margin: 80px auto 0; max-width: 1150px; width: 80%;  }
.his_1961_02 .img_box{ margin: 40px auto 50px; width: 80%; max-width:500px ; text-align: center; }
}/*end*/
@media (max-width: 500px) {
.his_1961_02 { margin: 70px auto 0; max-width: 1150px; width: 85%;}
}/*end*/

/*-------------------------------------------------
	his_1965 [1965]
--------------------------------------------------*/
#his_1965{ margin-top: 150px;}
@media (max-width: 1200px) {
#his_1965{ margin-top: 120px;}
}/*end*/
@media (max-width: 640px) {
#his_1965{ margin-top: 100px;}
}/*end*/
/*-------- head --------*/
#his_1965_head{ display: flex; flex-direction : row-reverse; background: linear-gradient(to bottom , #000 20%, #21242b 100%);/*グラデ*/}
#his_1965_head .img_box_wrap{ width: 50%; overflow: hidden; position: relative; }
#his_1965_head .txt_box_wrap{ width: 50%; display: flex; align-items: center; justify-content: center;  }
#his_1965_head .img_box_wrap .img_box{ position: relative; width: 1600px; left: 50%; top: 0; margin-left: -800px; }
@media (max-width: 1600px) {
#his_1965_head .img_box_wrap .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/
@media (max-width: 1000px) {
#his_1965_head{ display: block; }
#his_1965_head .img_box_wrap{ width: 100%; }
#his_1965_head .txt_box_wrap{ width: 100%; padding: 80px 0;}
#his_1965_head .img_box_wrap .img_box{ position: relative; width: 100%; left: 0%; top: 0; margin-left: 0%; }
}/*end*/
@media (max-width: 450px) {
#his_1965_head .txt_box_wrap{ padding: 70px 0; }
#his_1965_head .txt_box_wrap .txt_box {  padding-bottom: 10px; }
}/*end*/
/* txt_box */
#his_1965_head .txt_box { width: 510px; padding-bottom: 60px;}
#his_1965_head .txt_box h2{ text-align: center; width: 100%; margin-left: 0%;}
@media (max-width: 1400px) {
#his_1965_head .txt_box { width: 430px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1200px) {
#his_1965_head .txt_box { width: 360px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1000px) {
#his_1965_head .txt_box {  margin: 0 auto; max-width: 700px; width: 80%; padding-bottom: 20px;}
}/*end*/
/*-------- his_1965_01 --------*/
.his_1965_01 .img_box{ margin-top: 120px; display: flex; }
.his_1965_01 .img_box img{width: 50%;}
@media (max-width: 1000px) {
.his_1965_01 .img_box{ margin: 100px auto 0; width: 80%; display: block; }
.his_1965_01 .img_box img{width: 100%;}
}/*end*/
@media (max-width: 640px) {
.his_1965_01 .img_box{ margin: 80px auto 0; width: 90%; }
}/*end*/
@media (max-width: 450px) {
.his_1965_01 .img_box{ margin: 60px auto 0; width: 90%; }
}/*end*/
/*-------- his_1965_02 --------*/
.his_1965_02{ margin-top: 120px; display: flex; justify-content: space-between; }
.his_1965_02 .txt_box{ width: 41%; display: flex; align-items: center; }
.his_1965_02 .img_box{ width: 49.3%; display: flex; align-items: center; }
@media (max-width: 1200px) {
.his_1965_02{ margin-top: 100px;}
.his_1965_02 .txt_box{ width: 50%; }
.his_1965_02 .img_box{ width: 40%; }
}/*end*/
@media (max-width: 1000px) {
.his_1965_02{ margin-top: 80px; display: block; }
.his_1965_02 .txt_box{ width: 100%; }
.his_1965_02 .img_box{ margin: 80px auto 0; width: 80%; display: block; }
.his_1965_02 .img_box img{width: 100%;}
.his_1965_02 .txt_box h3{text-align: center; }
.his_1965_02 .txt_box h3 br{ display: block;}
}/*end*/
@media (max-width: 640px) {
.his_1965_02{ margin-top: 60px;}
.his_1965_02 .img_box{ margin: 60px auto 0; width: 90%; display: block; }
.his_1965_02 .img_box img{width: 100%;}
}/*end*/

/*-------------------------------------------------
	his_1969 [1969]
--------------------------------------------------*/
/*-------- his_1969_head --------*/
#his_1969{ margin-top: 140px;}
#his_1969_head{ overflow: hidden; position: relative; background: #000;}
#his_1969_head .wrap{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
#his_1969_head .wrap .inner { margin: 0 auto; max-width: 1150px; width: 72%; height: 100%; display: flex; align-items: center; flex-direction : row-reverse;  }
/* txt_box */
#his_1969_head .wrap .inner .txt_box { width: 470px; padding-bottom: 60px; }
#his_1969_head .wrap .inner .txt_box h2{ text-align: center; max-width: 420px; margin: 0 auto;}
@media (max-width: 1600px) {
#his_1969_head .wrap .inner { position: absolute; right: 0px; margin: 0; width: 55%; height: 100%;display: flex; align-items: center; justify-content: center; flex-direction : initial; }
}/*end*/
@media (max-width: 1400px) {
#his_1969_head .wrap .inner .txt_box { width: 400px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1200px) {
#his_1969{ margin-top: 130px;}
#his_1969_head .wrap .inner .txt_box h2{ max-width: 380px; }

#his_1969_head .wrap .inner .txt_box { width: 400px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1000px) {
#his_1969{ margin-top: 120px;}
#his_1969_head .wrap{ position: relative; left: 0; top: 0; z-index: 2; width: 100%; height: auto; padding: 80px 0; background: #111;}
#his_1969_head .wrap .inner { position: relative; right: initial; width: 100%; height: auto; display: block;  }
#his_1969_head .wrap .inner .txt_box {  margin: 0 auto; max-width: 700px; width: 80%; padding-bottom: 20px;}
}/*end*/
@media (max-width: 500px) {
#his_1969{ margin-top: 80px;}
#his_1969_head .wrap .inner .txt_box { width: 85%;  }
}/*end*/
/* img_box */
#his_1969_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
@media (max-width: 2400px) {
#his_1969_head .img_box{ position: relative; width: 2400px; left: 50%; top: 0; margin-left: -1200px; }
}/*end*/
@media (max-width: 1600px) {
#his_1969_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/

/*-------- his_1969_01 --------*/
.his_1969_01{ padding: 110px 0 120px; width: 100%; background: #f5f5f5;}
.his_1969_01 .txt_box { margin: 0 auto; max-width: 900px; width: 80%; height: 100%; }
.his_1969_01 h3 { text-align: center; }
.his_1969_01 h3 br{ display: block; }
@media (max-width: 1400px) {
.his_1969_01{ padding: 90px 0 120px;}
}/*end*/
@media (max-width: 750px) {
.his_1969_01{ padding: 80px 0 100px;}
}/*end*/
@media (max-width: 500px) {
.his_1969_01{ padding: 60px 0 70px;}
.his_1969_01 .txt_box { width: 85%;  }
}/*end*/
@media (max-width: 450px) {
.his_1969_01{ padding: 50px 0 60px;}
}/*end*/

/*-------- his_1969_01 --------*/
.his_1969_02{ padding: 110px 0 120px; width: 100%; }
.his_1969_02 .logo_box{ margin: 0 auto; width: 70%; max-width: 940px;}
.his_1969_02 .txt_box { margin: 75px auto 0;  width: 80%; height: 100%; }
.his_1969_02 .txt_box h2 { text-align: center;  max-width: 880px; margin: 0 auto;}
.his_1969_02 .txt_box p { margin: 50px auto 0; max-width: 940px; }

@media (max-width: 1400px) {
.his_1969_02 .txt_box h2 { text-align: center;  max-width: 800px; margin: 0 auto;}
}/*end*/

@media (max-width: 1000px) {
.his_1969_02 .txt_box h2 br{ display: block; }
}/*end*/
@media (max-width: 1400px) {
.his_1969_02{ padding: 90px 0 120px;}
}/*end*/
@media (max-width: 750px) {
.his_1969_02{ padding: 80px 0 100px;}
}/*end*/
@media (max-width: 500px) {
.his_1969_02 .txt_box { margin: 50px auto 0; max-width: 880px; width: 85%; height: 100%; }
}/*end*/
@media (max-width: 450px) {
.his_1969_02{ padding: 70px 0 90px;}
}/*end*/



/*-------------------------------------------------
	his_1972 [1972]
--------------------------------------------------*/
#his_1972{ margin-top: 0px;}
@media (max-width: 1200px) {
#his_1972{ margin-top: 0px;}
}/*end*/
@media (max-width: 640px) {
#his_1972{ margin-top: 0px;}
}/*end*/
/*-------- head --------*/
#his_1972_head{ display: flex; flex-direction : row-reverse; background: linear-gradient(to bottom , #000 20%, #120e09 100%);/*グラデ*/}
#his_1972_head .img_box_wrap{ width: 50%; overflow: hidden; position: relative; }
#his_1972_head .txt_box_wrap{ width: 50%; display: flex; align-items: center; justify-content: center; }
#his_1972_head .img_box_wrap .img_box{ position: relative; width: 1600px; left: 50%; top: 0; margin-left: -800px; }
@media (max-width: 1600px) {
#his_1972_head .img_box_wrap .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/
@media (max-width: 1000px) {
#his_1972_head{ display: block; }
#his_1972_head .img_box_wrap{ width: 100%; }
#his_1972_head .txt_box_wrap{ width: 100%; padding: 80px 0;}
#his_1972_head .img_box_wrap .img_box{ position: relative; width: 100%; left: 0%; top: 0; margin-left: 0%; }
}/*end*/
@media (max-width: 450px) {
#his_1972_head .txt_box_wrap{ padding: 70px 0; }
#his_1972_head .txt_box_wrap .txt_box {  padding-bottom: 10px;}
}/*end*/
/* txt_box */
#his_1972_head .txt_box { width: 420px; padding-bottom: 60px;}
#his_1972_head .txt_box h2{ text-align: center; width: 120%; margin-left: -10%;}
@media (max-width: 1400px) {
#his_1972_head .txt_box { width: 390px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1200px) {
#his_1972_head .txt_box { width: 370px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1000px) {
#his_1972_head .txt_box {  margin: 0 auto; max-width: 700px; width: 80%; padding-bottom: 20px;}
}/*end*/




.kome{ text-align: center; margin-top: 10px; }