@charset "UTF-8";

@media screen and (min-width: 768px),print {
    #link01,#link02,#link03 {display: block; padding-top: 80px; margin-top: -80px;}

.main-titlebox h1.main-title .jp{top: 62.1%;height: 380px;}

#contentsmain {background: #E9E7DE;padding-bottom: 205px;position: relative;}
#contentsmain::before{content: "";display: block;width: 100%;height: 200px;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -129px;}

#contentsmain::after{content: "";display: block;width: 700px;height: 489px;background: url(../images/history/contentsmain-photo01.png)no-repeat top center;position: absolute;top: 210px;right: 0;}
#contentsmain .photo-Box::after{content: "";display: block;width: 700px;height: 489px;background: url(../images/history/contentsmain-photo02.png)no-repeat top center;position: absolute;top: 1619px;left: 0;}
#contentsmain .photo-Box::before{content: "";display: block;width: 700px;height: 489px;background: url(../images/history/contentsmain-photo03.png)no-repeat top center;position: absolute;top: 3330px;right: 0;}

#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contentsmain .inner-Box ul.hnvlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 4rem;margin: 0 auto 107px;width: 760px;top: -9px;position: relative;}
#contentsmain .inner-Box ul.hnvlist li {position: relative;width: 29.4%;margin-right: 5.9%;}
#contentsmain .inner-Box ul.hnvlist li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box ul.hnvlist li a {width: 100%;padding-top: 1rem;}
#contentsmain .inner-Box ul.hnvlist li a .arr{ transform: rotate(90deg); transform-origin: center;}
#contentsmain .inner-Box ul.hnvlist li a:hover {  }
#contentsmain .inner-Box ul.hnvlist li p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;position: relative;}

#contentsmain .inner-Box ul.history-list {padding: 0 4rem;width: 1180px;margin: 0 auto;position: relative;}
#contentsmain .inner-Box ul.history-list::before{content: "";width: 2px;height: 99%;position: absolute;top: 23px;left: 24.2rem;background: #000;display: block;z-index: 4;}
#contentsmain .inner-Box ul.history-list li{position: relative;padding: 8px 0 0 25rem;margin-bottom: 29px;min-height: 66px;}
#contentsmain .inner-Box ul.history-list h2.year {font-size: 1.4rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 0px;position: absolute;top: 0;left: 0;z-index: 4;}
#contentsmain .inner-Box ul.history-list h2.year span.f-en {font-size: 3rem;display: block;letter-spacing: 0.3rem;margin-bottom: -8px;}
#contentsmain .inner-Box ul.history-list p.mmtext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 17px;position: relative;z-index: 4;}
#contentsmain .inner-Box ul.history-list p.mmtext::before{content: "";width: 12px;height: 12px;background: #1788A0;position: absolute;top: 10px;left: -5.3rem;border-radius: 50%;}
#contentsmain .inner-Box ul.history-list p.mmtext span.mm {  }
#contentsmain .inner-Box ul.history-list p.mmtext span.f-en {position: absolute;top: -2px;left: -13.4rem;font-size: 2rem;font-weight: 500;letter-spacing: 0.2rem;}
#contentsmain .inner-Box figure.img {position: absolute;bottom: -186px;z-index: 4;right: 34px;}
#contentsmain .inner-Box figure.img img{  animation: chcmv-snap 1.5s steps(1) infinite; }
@keyframes chcmv-snap { 0% { transform: rotate(0deg); } 50% { transform: rotate(8deg); } 100% { transform: rotate(0deg); } }
#contentsmain .inner-Box figure.img::before{content: "";width: 174px;height: 47px;display: block;background: url(../images/history/contentsmain-icon01.svg)no-repeat top center;position: absolute;top: -34px;left: -100px;}
#contentsmain .inner-Box ul.history-list li.showa::before{content: "昭 和";font-size: 23.8rem;letter-spacing: 2.38rem;color: #fff;font-weight: 900;opacity: 0.4;position: absolute;top: -50px;left: 255px;z-index: 3;}
#contentsmain .inner-Box ul.history-list li.heisei::before{content: "平 成";font-size: 23.8rem;letter-spacing: 2.38rem;color: #fff;font-weight: 900;opacity: 0.4;position: absolute;top: -50px;left: 255px;}
#contentsmain .inner-Box ul.history-list li.reiwa::before{content: "令 和";font-size: 23.8rem;letter-spacing: 2.38rem;color: #fff;font-weight: 900;opacity: 0.4;position: absolute;top: -50px;left: 255px;}


}
@media screen and (min-width:768px) and ( max-width:1919px) {
#contentsmain::before{background-size: 1920px auto;}

}

@media screen and (min-width:768px) and ( max-width:1160px) {
	



	
}


@media screen and (max-width: 767px) {
.seo_bread_list{ margin-bottom: 51.8vw; }
.main-titlebox{}
.main-titlebox h1.main-title .jp{top: 42.1vw;height: 90vw;left: 10.5vw;}

#contentsmain {background: #E9E7DE;padding-bottom: 18.67vw;}
#contentsmain::before{content: "";display: block;width: 100%;height: 7.33vw;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -6.8vw;}
#contentsmain {margin: 6vw auto 1vw;position: relative;padding-top: 18.9vw;}
#contentsmain .inner-Box {position: relative;}


#contentsmain::after{content: "";display: block;width: 74.67vw;height: 52.00vw;background: url(../images/history/contentsmain-photo01.png)no-repeat top center;position: absolute;top: 69vw;right: 0;background-size: 100% auto;}
#contentsmain .photo-Box::after{content: "";display: block;width: 74.67vw;height: 52.00vw;background: url(../images/history/contentsmain-photo02.png)no-repeat top center;position: absolute;top: 330vw;left: 0;background-size: 100% auto;}
#contentsmain .photo-Box::before{content: "";display: block;width: 74.67vw;height: 52.00vw;background: url(../images/history/contentsmain-photo03.png)no-repeat top center;position: absolute;top: 730vw;right: 0;background-size: 100% auto;}

#contentsmain .inner-Box {margin: 0 4vw;position: relative;}
#contentsmain .inner-Box ul.hnvlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 1.2vw;margin: 0 auto 10.53vw;top: 0vw;position: relative;}
#contentsmain .inner-Box ul.hnvlist li {position: relative;width: 31.4%;margin-right: 2.9%;}
#contentsmain .inner-Box ul.hnvlist li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inner-Box ul.hnvlist li a { margin: 0; padding: 2vw 2vw 2vw 5.4vw; height: 12.4vw; }
#contentsmain .inner-Box ul.hnvlist li a .arr{transform: rotate(90deg);transform-origin: center;width: 7.20vw;height: 7.20vw;top: 2.5vw;padding: 0.9vw 2.3vw 2.3vw 2.3vw;}
#contentsmain .inner-Box ul.hnvlist li a:hover {  }
#contentsmain .inner-Box ul.hnvlist li p.ltext {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;position: relative;}

#contentsmain .inner-Box ul.history-list {position: relative;}
#contentsmain .inner-Box ul.history-list::before{content: "";width: 0.53vw;height: 98.7%;position: absolute;top: 3.13vw;left: 30.7vw;background: #000;display: block;z-index: 4;}
#contentsmain .inner-Box ul.history-list li{position: relative;padding: 0.13vw 0 0 35vw;margin-bottom: 5vw;min-height: 11vw;}
#contentsmain .inner-Box ul.history-list h2.year {font-size: 3.20vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 0.0vw;position: absolute;top: -0.9vw;left: 1.6vw;z-index: 4;}
#contentsmain .inner-Box ul.history-list h2.year span.f-en {font-size: 5.33vw;display: block;letter-spacing: 0.53vw;margin-bottom: -1vw;}
#contentsmain .inner-Box ul.history-list p.mmtext {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 3.93vw;position: relative;z-index: 4;}
#contentsmain .inner-Box ul.history-list p.mmtext::before{content: "";width: 2.67vw;height: 2.67vw;background: #1788A0;position: absolute;top: 2.07vw;left: -5.4vw;border-radius: 50%;}
#contentsmain .inner-Box ul.history-list p.mmtext span.mm {  }
#contentsmain .inner-Box ul.history-list p.mmtext span.f-en {position: absolute;top: 0vw;left: -15vw;font-size: 4.27vw;font-weight: 500;letter-spacing: 0.53vw;}
#contentsmain .inner-Box figure.img {position: relative;bottom: -17vw;z-index: 4;width: 37vw;margin: 0 auto -6vw;}
#contentsmain .inner-Box figure.img img{  animation: chcmv-snap 1.5s steps(1) infinite; }
@keyframes chcmv-snap { 0% { transform: rotate(0deg); } 50% { transform: rotate(8deg); } 100% { transform: rotate(0deg); } }
#contentsmain .inner-Box figure.img::before{content: "";width: 46.4vw;height: 12.53vw;display: block;background: url(../images/history/contentsmain-icon01.svg)no-repeat top center;position: absolute;top: -11vw;left: -28vw;background-size: 100% auto;}
#contentsmain .inner-Box ul.history-list li.showa::before{content: "昭 和";font-size: 35.47vw;letter-spacing: 2.95vw;color: #fff;font-weight: 900;opacity: 0.4;position: absolute;top: -8vw;left: 2vw;z-index: 3;}
#contentsmain .inner-Box ul.history-list li.heisei::before{content: "平 成";font-size: 35.47vw;letter-spacing: 2.95vw;color: #fff;font-weight: 900;opacity: 0.4;position: absolute;top: -22vw;left: 2vw;z-index: 3;}
#contentsmain .inner-Box ul.history-list li.reiwa::before{content: "令 和";font-size: 35.47vw;letter-spacing: 2.95vw;color: #fff;font-weight: 900;opacity: 0.4;position: absolute;top: -20vw;left: 2vw;z-index: 1;}



}