@charset "UTF-8";
/* CSS Document */
@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}


#fot_contact { display: none; }



/*PC*/
@media print, screen and (min-width: 768px) {

#company { position:relative; margin: 0 auto; overflow: hidden; }
#company .section_wrap { width: 100%; margin: 0 auto; }



/*block
---------------------------------------------*/
#company .block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}

#company .block .txt_box { width: 50%; padding: 0 5%; box-sizing: border-box; }
#company .block .txt_box .en_ttl {
font-size: 11rem;
font-weight: 400;
line-height: 1;
margin-bottom: 10px;
margin-left: -50px;
opacity: 0.1;
}
#company .block .txt_box h2 { font-size: 3.6rem; font-weight: 600; margin: -40px 0 80px; }
#company .block .txt_box p { font-size: 1.6rem; line-height: 2.2; }
#company .block .txt_box .name { text-align: right; margin-top: 30px; font-size: 1.4rem; }
#company .block .txt_box .name span { font-size: 1.8rem; }

#company .block .img { width: 50%; }



/*block2
---------------------------------------------*/
#company .block2 { width: 1000px; margin:120px auto 120px; }

#company .block2 .en_ttl {
font-size:1.6rem;
font-weight:500;
line-height: 1;
margin-bottom:20px;
color: #fba501;
}
#company .block2 h2 {
font-size: 3.6rem;
font-weight: 500;
line-height: 1;
margin-bottom: 50px;
}

#company .block2 .co_table {
border-top: 1px solid #00488a;
width: 100%;
margin: 0 auto 120px;
background: #FFF;
}
#company .block2 .co_table tr { border-top: 1px solid #00488a; }
#company .block2 .co_table th { width: 20%; text-align: left; padding: 15px; box-sizing: border-box; }
#company .block2 .co_table td { padding: 15px; box-sizing: border-box; }
#company .block2 .co_table td a { color: #0000d9; border-bottom: 1px solid; }



/*沿革
--------------------------*/
#company .container {
width: 96%;
margin: 0 0 0 auto;
}

#company .timeline-item {
padding:0 0 4em 2em;
position: relative;
color:#121212;
border-left: 1px solid #00488a;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#company .timeline-item .txt_box{
width: 55%;
position: relative;
}

#company .timeline-item .txt_box.w100{
width: 100%;
}

#company .timeline-item .year{
font-weight: 700;
font-size:1.4rem;
line-height: 1;
color:rgba(0,0,0,.9);
padding-top: 1.2rem;
box-sizing: border-box;
margin: 0 0 10px;
}

#company .timeline-item h3{
font-size:2rem;
line-height:1.4;
color: #00488a;
padding-top:.2em;
box-sizing: border-box;
}

#company .timeline-item p {
font-size: 1rem;
}
#company .timeline-item::before {
content: attr(date-is);
position: absolute;
left: 2em;
font-weight: bold;
top: 1em;
display: block;
}

#company .timeline-item::after {
width:12px;
height:12px;
display: block;
top: 1em;
position: absolute;
left: -6.5px;
border-radius: 10px;
content: "";
background: #00488a;
}

#company .timeline-item:last-child {
-o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
}

#company .timeline-item .img{
width:43%;
position: relative;
}

#company .timeline-item .s_txt {
font-size: 1.2rem;
text-align: center;
}



}
/*sp*/
@media only screen and (max-width: 767px) {

#company { position:relative; margin: 0 auto; overflow: hidden; }
#company .section_wrap { width: 100%; margin: 0 auto; }



/*block
---------------------------------------------*/
#company .block {
flex-direction: row-reverse;
margin: 0 auto 60px;
}

#company .block .txt_box { padding: 0 5%; box-sizing: border-box; }
#company .block .txt_box .en_ttl {
font-size: 5rem;
font-weight: 400;
line-height: 0.6;
margin-left: -10px;
opacity: 0.1;
}
#company .block .txt_box h2 { font-size: 2.4rem; font-weight: 500; line-height: 1; margin-bottom: 30px; }
#company .block .txt_box p { font-size: 1.3rem; line-height: 2; font-weight: 500; }
#company .block .txt_box .name { text-align: right; margin-top: 30px; font-size: 1.4rem; }
#company .block .txt_box .name span { font-size: 1.8rem; }

#company .block .img { padding: 0 5%; margin-top: 30px; }



/*block2
---------------------------------------------*/
#company .block2 { width: 90%; margin: 0 auto 60px; }

#company .block2 .en_ttl {
font-size:1.2rem;
font-weight:500;
line-height: 1;
margin-bottom: 10px;
color: #fba501;
}
#company .block2 h2 {
font-size: 2.4rem;
font-weight: 500;
line-height: 1;
margin-bottom: 30px;
}

#company .block2 .co_table {
border-top: 1px solid #00488a;
width: 100%;
margin: 0 auto;
background: #FFF;
}
#company .block2 .co_table tr { border-top: 1px solid #00488a; }
#company .block2 .co_table th { width: 30%; font-size: 1.2rem; text-align: left; padding: 15px; box-sizing: border-box; }
#company .block2 .co_table td { font-size: 1.2rem; padding: 15px; box-sizing: border-box; }
#company .block2 .co_table td a { color: #0000d9; border-bottom: 1px solid; }



/*沿革
--------------------------*/
#company .container {
width: 96%;
margin: 0 auto;
}

#company .timeline-item {
padding:0 0 3em 1em;
position: relative;
color:#121212;
border-left: 1px solid #00488a;
}

#company .timeline-item .txt_box{
width: 100%;
position:relative;
padding-top: 5px;
box-sizing: border-box;
}

#company .timeline-item .txt_box.w100{
width: 100%;
}

#company .timeline-item .year{
font-weight: 700;
font-size:1.4rem;
line-height: 1;
color:rgba(0,0,0,.9);
padding-top: 1.2rem;
box-sizing: border-box;
margin: 0 0 10px;
}

#company .timeline-item h3{
font-size:1.6rem;
line-height:1.4;
color: #00488a;
padding-top:.2em;
box-sizing: border-box;
}

#company .timeline-item p {
font-size: 1rem;
}
#company .timeline-item::before {
content: attr(date-is);
position: absolute;
left: 2em;
font-weight: bold;
top: 1em;
display: block;
}

#company .timeline-item::after {
width:12px;
height:12px;
display: block;
top: 1em;
position: absolute;
left: -6.5px;
border-radius: 10px;
content: "";
background: #00488a;
}

#company .timeline-item:last-child {
-o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
}

#company .timeline-item .img{
width:80%;
margin: auto;
position: relative;
margin-top: 25px;
}

#company .timeline-item .s_txt {
font-size: 1rem;
text-align: center;
}




}