/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------★スマホエリア★---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
    .sp{
        display: block;
    }
    .pc{
        display: none;
    } 
    h1{
        font-size: 12.5vw;
    }
    .history_area>span::before{
        display: none;
    }
/*====ナビゲーション====*/
nav{
    height: 18vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.nav_logo img {
    width: 37vw;
}
.nav_logo{
    position: absolute;
    top: 5vw;
    left: 51vw;
}
nav>div{
    top: auto;
    left: auto;
}
/*ハンバーガー*/ 
nav>div>ul>li:last-of-type>ul{
    width: 106%;
    height: 100vh;
}  
.nav-area{
    position: absolute;
    top: 0;
    left: 47vw;
    opacity: 0;
    visibility: hidden;
    background-color: #2f2f2f;
    -webkit-transition: opacity .5s , visibility .5s;
    -o-transition: opacity .5s , visibility .5s;
    transition: opacity .5s , visibility .5s;
    height: 100vw;
    width: 100%;
    padding: 24.53vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 800;
    text-align: center;
}
nav>div>ul>li:last-of-type>ul{
    display: block;
}
.nav-area li{
    margin: auto;
    margin-bottom: 8vw;
    font-size: 5.5vw;
}
.nav-area li a{
    color: #000;
}
.nav-area.show{
    opacity: 1;
    visibility: visible;
        top: 70px;
        left: 90px;
}
.nav-item a{
    color: #1C2867;
}
.btn-triggr{
    position: absolute;
    top: 30vw;
    left: 87vw;
    width: 34px;
    height: 29px;
    z-index: 999; 
}
.btn-triggr span{
    width: 100%;
     height: 3px;
    background-color: #2f2f2f;
}
.btn-triggr, .btn-triggr span {
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
.btn-triggr span:nth-child(1){
    position: absolute;
    top: 0;
}
.btn-triggr span:nth-child(2){
    position: absolute;
    top: 12.5px;
}
.btn-triggr span:nth-child(3){
    position: absolute;
    bottom: 0;
}
.btn-triggr.show span:nth-child(1){
    -webkit-transform: translateY(12.5px) rotate(-45deg);
-ms-transform: translateY(12.5px) rotate(-45deg);
  transform: translateY(12.5px) rotate(-45deg);
    background-color: #fff;
}
.btn-triggr.show span:nth-child(2){
    opacity: 0;
}
.btn-triggr.show span:nth-child(3){
    -webkit-transform: translateY(-12.5px) rotate(45deg);
-ms-transform: translateY(-12.5px) rotate(45deg);
  transform: translateY(-12.5px) rotate(45deg);

    background-color: #fff;
} 
/*END ハンバーガー*/
/*END navigation*/

/*====ヘッダーアイキャッチ====*/
.header-eyecatch_area{
    padding-top: 14vw;
    -webkit-clip-path: none;
            clip-path: none;
            overflow: hidden;
}
.header-eyecatch_area img{
    overflow: hidden;
    width: auto;
    height: 133vw;
}
.header-eyecatch_text_area{
    top:78vw;
    width: 90vw;
    padding-top: 0;
}
.header-eyecatch_text_area::before{
    height: 100%;
    top: 52%;
}
.history-box-p{
    width: 80vw;
}
.par_bgc{
    width: 100vw;
    height: 120vw;
    top: 19vw;
    left: 0;
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background-color: rgba(255,255,255,0.7);
}
.h1-sub{
    font-size: 4.2vw;
    margin-bottom: 6vw;
}
.history-box-p{
    font-size: 3vw;
}
.h1-title_span {
    top: 8%;
    font-size: 4.5vw;
}
header{
    position: relative;
}
#test{
    position: absolute;
    bottom: 28vw;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 19vw;
}
/*====END ヘッダーアイキャッチ====*/

/*====メインエリア====*/
.history_area{
    background-color: #e8e8e8;
    margin-bottom: 0;

    position: relative;
}
.history_area>div:first-of-type:before{
    display: none;
}
.history_area>div:nth-of-type(3):before{
    display: none;
}
.history_area>div:nth-of-type(2):before{
    display: none;
}
.year{
    font-size: 12.5vw;
    white-space: nowrap;
    margin-left: 3.09vw;
    margin-top: 9vw;
    width: 70vw;
}
.year-li:nth-of-type(odd) .year{
    text-align: left;

}
.year::before{
    display: none;

}
.year-li:nth-of-type(odd) .year::before{
    top: 24vw;
    left: -9.7vw;
    width: 10vw;
}
.year-li:nth-of-type(even) .year::before{
    top: 41vw;
    right: 59.9vw;
    width: 10vw;
}
.year-li:nth-of-type(even) .year::before
.year-li:nth-of-type(odd) .year{
    text-align: left;
}
.year-ul{
    display: block;
    padding-bottom: 5vw;
}
.year-li{
    margin-left: 10vw;
    text-align: left;
    width: 60vw;

}
.year-li:nth-of-type(odd) h3::before{
    display: none;
}
.year-li:nth-of-type(even) h3::before{
    display: none;
}
.year-li:nth-child(even){
    padding-top: 0;
}
.year-li:last-of-type{
    display: none;
}
.history_line::before{
    display: none;
}
.year-li::before{
    display: none;
}
.year-li:first-of-type>h3{
    font-size:7.2vw
}
.year-li:nth-of-type(3)>h3{
    font-size:4.2vw
}
.year-li:nth-of-type(5)>h3{
    font-size:4.2vw
}
.year-li:nth-of-type(7)>h3{
    font-size:4.2vw
}
.year-li:nth-of-type(odd)>h3{
    /*font-size: 7.2vw;*/
    text-align: left;
    border-left: #000 solid 5px;
    border-right: 0;
    padding-left: 1vw;
    padding-right: 0;
}
.year-li:nth-of-type(even)>h3{
    font-size: 4.2vw;
    text-align: left;
    border-left: #000 solid 5px;
    border-right: 0;
    padding-left: 1vw;
    padding-right: 0;
    width: 77vw;
}

.history-h3-span{
    bottom: 0;
    left: 22vw;
    margin-left: 19vw;
    top: 13vw;
    display: inline-block;
    width: 76vw;
    font-size: 3.94vw;
}
.year-li:nth-of-type(4) .history-h3-span{
    top: 8vw;
}
.yeae_p{
    width: 70vw;
    font-size:3.2vw
}
.year-ul>.year-li:nth-of-type(odd)>.yeae_p{
    margin-left: 0;
}
.year-ul>.year-li:first-of-type>.yeae_p{
    padding-top: 20.5vw;
} 
.year-ul>.year-li:nth-of-type(4)>.yeae_p{
    padding-top: 14.5vw;
} 

.img-size{
    margin-left: 2vw;
    margin-top: 3vw;
}
.img-size img{
    width: 68vw;
    margin-top: 2vw;
}
.img-size02 img{
    width: 64vw;
}
.year-ul>.year-li:nth-of-type(2)>.yeae_p{
    padding-top: 4.5vw;
}


#test{
    display: none;
}
/**/
.history-area_02 {
    top: 50%;
    width: 85vw;
}
.history-area_02_img img {
    width: auto;
    height: 284vw;
    overflow: hidden;
}
.history-area_02-bgimage{
    overflow: hidden;
}

.top-triangl02{
    top: 7.3%;
}
.history-area_02_img{
    overflow: hidden;
}
.history-area02_h3{
    font-size: 12.5vw;
}
.history-area02_span{
    top: 18vw;
    font-size: 4.5vw;
}
.history-area_02 p{
    margin-top: 3vw;
    font-size: 3vw;
}

.history_area>div:nth-of-type(4):before{
    display: none;
}
/*====END メインエリア====*/

/*====フッター====*/
.footer-logo img{
    width: 63Vw;
    margin-bottom: 2vw;
}
.sns-footer {
    font-size: 9.4vw;
}

}