@charset "UTF-8";
#contents03 .inner-Box .text a{ color: #0057AA; text-decoration: underline; }
#contentshistory .inner-Box2 p.dltext span{ font-weight: bold; text-decoration: underline;}

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

.contentsbox{padding: 120px  5rem 0;margin-bottom: 16rem;}
.side-nav .sidettl2 a{font-weight: 700!important;margin-top: 30px; font-size: 1.6rem!important; padding: 0!important;}
.side-nav .sidettl2 a::before{content: none!important;}
.contentsbox .side-nav{width: 320px;}
.side-nav .active a{ color: #0057AA; }

#contentshistory {margin: 0 auto -63px;position: relative;}
#contentshistory .inner-Box { margin: 0 auto; position: relative; }
#contentshistory .inner-Box ul.his-list {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;margin-bottom: 51px;}
#contentshistory .inner-Box ul.his-list li { position: relative; }
#contentshistory .inner-Box ul.his-list li:nth-child(3n) { margin-right: 0px; }
#contentshistory .inner-Box ul.his-list li a {display: inline-block;border: 1px solid #D2D2D2;border-radius: 30px;background: #F3F5FA;position: relative;padding: 10px 32px 10px 24px;margin-right: 10px;transition: all 0.3s ease-in-out;}
#contentshistory .inner-Box ul.his-list li a:hover { background: #fff; }
#contentshistory .inner-Box ul.his-list li a .arr {position: absolute;top: -9px;right: -14px;transition: all 0.3s ease-in-out;}
#contentshistory .inner-Box ul.his-list li a:hover .arr { top: -5px;}
#contentshistory .inner-Box p.listtext {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;}
#contentshistory .inner-Box2 { margin: 0 auto; position: relative; }
#contentshistory .inner-Box2 ul.his-acv {}
#contentshistory .inner-Box2 ul.his-acv li {position: relative;border-bottom: #D2D2D2 1px solid;padding-left: 135px;padding-bottom: 27px;margin-bottom: 53px;}
#contentshistory .inner-Box2 ul.his-acv li:nth-child(3n) { margin-right: 0px; }
#contentshistory .inner-Box2 h2 {font-size: 3rem;line-height: 1.33;font-weight: 700;letter-spacing: 0rem;margin-bottom: 0px;position: absolute;top: 0;left: 0;}
#contentshistory .inner-Box2 h2 span.f-en {color: #0057AA;display: block;margin-bottom: -10px;}
#contentshistory .inner-Box2 h2 span.wareki {font-size: 1.4rem;font-weight: 400;letter-spacing: 0.07rem;}
#contentshistory .inner-Box2 h3 {font-size: 1.6rem;line-height: 2;font-weight: 700;letter-spacing: 0.08rem;margin-bottom: 3px;position: relative;color: #0057AA;}
#contentshistory .inner-Box2 p.dltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3px;position: relative;padding-left: 17px;}
#contentshistory .inner-Box2 p.dltext::before{content: "";width: 7px;height: 7px;border-radius: 50%;display: block;position: absolute;top: 10px;left: 2px;background: #0057AA;}
#contentshistory .inner-Box2 .mmbox{margin-bottom: 24px;}

}

@media screen and (min-width:768px) and ( max-width:1300px) {
.contentsbox .side-nav{ margin-right: 50px; width: 280px; }
}

@media screen and (max-width: 767px) {

.side-nav{ display: none;}

.contentsall{margin: 0 6.4vw;}

#contentshistory {margin: 0 auto 10vw;position: relative;}
#contentshistory .inner-Box {position: relative;padding-top: 6.6vw;}
#contentshistory .inner-Box ul.his-list {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;margin-bottom: 7.4vw;}
#contentshistory .inner-Box ul.his-list li { position: relative; }
#contentshistory .inner-Box ul.his-list li:nth-child(3n) { margin-right: 0.0vw; }
#contentshistory .inner-Box ul.his-list li a {display: inline-block;border: 0.27vw solid #D2D2D2;border-radius: 8.0vw;background: #F3F5FA;position: relative;padding: 0.97vw 7.83vw 0.97vw 4.2vw;margin-right: 1.27vw;transition: all 0.3s ease-in-out;}
#contentshistory .inner-Box ul.his-list li a:hover { background: #fff; }
#contentshistory .inner-Box ul.his-list li a .arr {position: absolute;top: -1.7vw;right: -3.9vw;transition: all 0.3s ease-in-out;width: 2.4vw;}
#contentshistory .inner-Box ul.his-list li a:hover .arr { top: 0vw;}
#contentshistory .inner-Box p.listtext {font-size: 2.93vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;}
#contentshistory .inner-Box2 {position: relative;}
#contentshistory .inner-Box2 ul.his-acv {}
#contentshistory .inner-Box2 ul.his-acv li {position: relative;border-bottom: #D2D2D2 0.27vw solid;padding-bottom: 2.5vw;margin-bottom: 5.13vw;}
#contentshistory .inner-Box2 ul.his-acv li:last-child { border-bottom: none; }
#contentshistory .inner-Box2 h2 {font-size: 7.47vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.3vw;position: relative;top: 0;left: 0;}
#contentshistory .inner-Box2 h2 span.f-en {color: #0057AA;display: inline-block;margin-bottom: 0vw;font-size: 7.47vw;}
#contentshistory .inner-Box2 h2 span.wareki {font-size: 3.73vw;font-weight: 400;letter-spacing: 0.19vw;position: relative;top: -1vw;left: 2vw;}
#contentshistory .inner-Box2 h3 {font-size: 3.73vw;line-height: 2;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 0.8vw;position: absolute;color: #0057AA;top: -0.4vw;left: 0;}
#contentshistory .inner-Box2 p.dltext {font-size: 3.73vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 0.8vw;position: relative;padding-left: 4.53vw;}
#contentshistory .inner-Box2 p.dltext::before{content: "";width: 1.33vw;height: 1.33vw;border-radius: 50%;display: block;position: absolute;top: 2.67vw;left: 1.43vw;background: #0057AA;}
#contentshistory .inner-Box2 .mmbox{margin-bottom: 3.4vw;position: relative;padding: 0 0 0 8vw;}





}