@charset "UTF-8";

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

#benefits-training .onecol-contents{max-width: 1043px;padding-top: 120px;}

#contentsnnv {margin: 0 auto 56px;position: relative;}
#contentsnnv .inner-Box { margin: 0 auto; position: relative; }
#contentsnnv .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;}
#contentsnnv .inner-Box ul.his-list li { position: relative; }
#contentsnnv .inner-Box ul.his-list li:nth-child(3n) { margin-right: 0px; }
#contentsnnv .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: 6px;transition: all 0.3s ease-in-out;}
#contentsnnv .inner-Box ul.his-list li a:hover { background: #fff; }
#contentsnnv .inner-Box ul.his-list li a .arr {position: absolute;top: -9px;right: -14px;transition: all 0.3s ease-in-out;}
#contentsnnv .inner-Box ul.his-list li a:hover .arr { top: -5px;}
#contentsnnv .inner-Box p.listtext {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;}

#contents01 {margin: 0 auto 87px;position: relative;}
#contents01 .inner-Box {margin: 0 auto 74px;position: relative;}
#contents01 .inner-Box h2 {font-size: 2.8rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.14rem;margin-bottom: 48px;position: relative;color: #0057AA;border-bottom: #D2D2D2 1px solid;padding-bottom: 17px;}
#contents01 .inBox {margin: 0 auto 31px;position: relative;}
#contents01 .inBox h3 {font-size: 2.4rem;font-weight: 700;letter-spacing: 0.12rem;margin-bottom: 33px;position: relative;border-left: #0057AA 2px solid;line-height: 1;padding: 6px 6px 6px 16px;}
#contents01 .inBox h4 {font-size: 1.8rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.09rem;margin-bottom: 14px;position: relative;padding: 0 0 0 18px;}
#contents01 .inBox h4::before{content: "";display: block;width: 10px;height: 10px;background: #0057AA;border-radius: 50%;position: absolute;top: 6px;left: -2px;}
#contents01 .inBox p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;margin-bottom: 8px;}
#contents01 .inBox ul{}
#contents01 .inBox ul li {position: relative;margin-bottom: 3px;}
#contents01 .inBox ul li::before{content: "・";position: absolute;top: 0;left: 0;}
#contents01 .inBox p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;padding: 0 0 0 16px;}
#contents01 .inBox h5 {font-size: 1.6rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.08rem;margin-bottom: 8px;position: relative;}


#contents02 {margin: 0 auto 164px;position: relative;}
#contents02 .inner-Box {margin: 0 auto 74px;position: relative;}
#contents02 .inner-Box h2 {font-size: 2.8rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.14rem;margin-bottom: 47px;position: relative;color: #0057AA;border-bottom: #D2D2D2 1px solid;padding-bottom: 16px;}
#contents02 .inBox {margin: 0 auto 31px;position: relative;}
#contents02 .inBox h3 {font-size: 2.4rem;font-weight: 700;letter-spacing: 0.12rem;margin-bottom: 25px;position: relative;border-left: #0057AA 2px solid;line-height: 1;padding: 6px 6px 6px 16px;}
#contents02 .inBox h4 {font-size: 1.8rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.09rem;margin-bottom: 14px;position: relative;padding: 0 0 0 18px;}
#contents02 .inBox h4::before{content: "";display: block;width: 10px;height: 10px;background: #0057AA;border-radius: 50%;position: absolute;top: 6px;left: -2px;}
#contents02 .inBox p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;margin-bottom: 8px;}
#contents02 .inBox ul{}
#contents02 .inBox ul li {position: relative;margin-bottom: 3px;}
#contents02 .inBox ul li::before{content: "・";position: absolute;top: 0;left: 0;}
#contents02 .inBox p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;padding: 0 0 0 16px;}
#contents02 .inBox h5 {font-size: 1.6rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.08rem;margin-bottom: 8px;position: relative;}
#contents02 .inBox p.text span { font-weight: 700; }

#contents02 .inBox figure.img {position: relative;top: 0;left: 0;}
#contents02 .inBox figure.img img{width: 100%;}


#contents02 .inBox ul.list1 {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: 29px 0 0;}
#contents02 .inBox ul.list1 li {position: relative;width: 31.6%;margin-right: 2.4%;}
#contents02 .inBox ul.list1 li:nth-child(3n) { margin-right: 0px; }
#contents02 .inBox ul.list1 li figure.photo {position: relative;top: 0;left: 0;border-radius: 15px;overflow: hidden;}
#contents02 .inBox ul.list1 li figure.photo img{width: 100%;height: auto;}
#contents02 .inBox p.ltext2 {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 0rem;position: relative;padding-top: 4px;}
#contents02 .inBox ul.list2 {}


}

@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;}

#contentsnnv {margin: 0 6.2vw 9vw;position: relative;}
#contentsnnv .inner-Box {position: relative;padding-top: 6.6vw;}
#contentsnnv .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;}
#contentsnnv .inner-Box ul.his-list li { position: relative; }
#contentsnnv .inner-Box ul.his-list li:nth-child(3n) { margin-right: 0.0vw; }
#contentsnnv .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;}
#contentsnnv .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;}
#contentsnnv .inner-Box p.listtext {font-size: 2.93vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;}

#contents01 {margin: 0 6.3vw 23.2vw;position: relative;}
#contents01 .inner-Box {margin: 0 auto 19.73vw;position: relative;}
#contents01 .inner-Box h2 {font-size: 5.33vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.37vw;margin-bottom: 6.3vw;position: relative;color: #0057AA;border-bottom: #D2D2D2 0.27vw solid;padding-bottom: 2.83vw;}
#contents01 .inBox {margin: 0 auto 5.67vw;position: relative;}
#contents01 .inBox h3 {font-size: 4.80vw;font-weight: 700;letter-spacing: 0.32vw;margin-bottom: 3.6vw;position: relative;border-left: #0057AA 0.53vw solid;line-height: 1;padding: 1.6vw 1.6vw 1.6vw 4.27vw;}
#contents01 .inBox h4 {font-size: 4.27vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 1.73vw;position: relative;padding: 0 0 0 3.6vw;}
#contents01 .inBox h4::before{content: "";display: block;width: 1.37vw;height: 1.37vw;background: #0057AA;border-radius: 50%;position: absolute;top: 2.3vw;left: 0vw;}
#contents01 .inBox p.text {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;margin-bottom: 2.13vw;}
#contents01 .inBox ul{}
#contents01 .inBox ul li {position: relative;margin-bottom: 0.8vw;}
#contents01 .inBox ul li::before{content: "・";position: absolute;top: 0;left: 0;}
#contents01 .inBox p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;padding: 0 0 0 4.27vw;}
#contents01 .inBox h5 {font-size: 3.73vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 2.13vw;position: relative;}


#contents02 {margin: 0 6.3vw 23.2vw;position: relative;}
#contents02 .inner-Box {margin: 0 auto 7.73vw;position: relative;}
#contents02 .inner-Box h2 {font-size: 5.33vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.37vw;margin-bottom: 6.3vw;position: relative;color: #0057AA;border-bottom: #D2D2D2 0.27vw solid;padding-bottom: 2.83vw;}
#contents02 .inBox {margin: 0 auto 5.67vw;position: relative;}
#contents02 .inBox h3 {font-size: 4.80vw;font-weight: 700;letter-spacing: 0.32vw;margin-bottom: 3.6vw;position: relative;border-left: #0057AA 0.53vw solid;line-height: 1;padding: 1.6vw 1.6vw 1.6vw 4.27vw;}
#contents02 .inBox h4 {font-size: 4.27vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 1.73vw;position: relative;padding: 0 0 0 3.6vw;}
#contents02 .inBox h4::before{content: "";display: block;width: 1.37vw;height: 1.37vw;background: #0057AA;border-radius: 50%;position: absolute;top: 2.3vw;left: 0vw;}
#contents02 .inBox p.text {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;margin-bottom: 2.13vw;}
#contents02 .inBox p.text span { font-weight: bold; display: block;}
#contents02 .inBox ul{}
#contents02 .inBox ul li {position: relative;margin-bottom: 0.8vw;}
#contents02 .inBox ul li::before{content: "・";position: absolute;top: 0;left: 0;}
#contents02 .inBox p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;padding: 0 0 0 4.27vw;}
#contents02 .inBox h5 {font-size: 3.73vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 2.13vw;position: relative;}

#contents02 .inBox figure.img {position: relative;top: 0;left: 0;margin-right: -6.3vw;}
#contents02 .inBox figure.img img{width: 189vw;}


#contents02 .inBox ul.list1 {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: 7.73vw 0 0;}
#contents02 .inBox ul.list1 li {position: relative;width: 47.8%;margin-right: 4.4%;margin-bottom: 4.8vw;}
#contents02 .inBox ul.list1 li:nth-child(2n) { margin-right: 0.0vw; }
#contents02 .inBox ul.list1 li figure.photo {position: relative;top: 0;left: 0;border-radius: 2vw;overflow: hidden;}
#contents02 .inBox ul.list1 li figure.photo img{width: 100%;height: auto;}
#contents02 .inBox p.ltext2 {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 0rem;position: relative;padding-top: 1.07vw;}
#contents02 .inBox ul.list2 {}

.scroll-hint-icon { display: block; width: 23.73vw!important; height: 23.73vw!important; background: url('../images/benefits-training/spscroll.png') no-repeat center center!important; background-size: contain!important; }
.scroll-hint-icon::after,  .scroll-hint-icon::before,.scroll-hint-text { display: none!important; }

}