@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;background: url('../images/agit/contentsmain-back01.png')repeat-x top 138px center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 306px;}
#contentsmain .inner-Box h2{color: #fff;font-size: 24px;line-height: 45px;font-weight: 700;letter-spacing: 2.88px;margin-bottom: 30px;padding: 86px 32px 15px 32px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 33px;}
#contentsmain .inner-Box figure.photo {position: absolute;top: -23px;right: -3px;}
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 514px;right: -407px;}

#contents01 {margin: 0 auto 150px;position: relative;background: url('../images/agit/contents01-back01.png')no-repeat top center;height: 881px;}
#contents01 .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;color: #fff;}
#contents01 .inner-Box1 figure.photo01 {position: absolute;top: -92px;left: -170px;}
#contents01 .inBox {margin: 0 64px 0 auto;position: relative;width: 467px;padding-top: 133px;}
#contents01 .inBox h2{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 33px;margin-right: -30px;}
#contents01 .inBox h2 span{  }
#contents01 .inBox p.text {font-size: 14px;line-height: 34px;font-weight: 300;letter-spacing: 1.68px;margin-bottom: 30px;}
#contents01 figure.photo02 {position: absolute;top: 480px;left: 70px;}
#contents01 span.icon01 {display: block;line-height: 1;position: absolute;bottom: -171px;left: 50%;margin-left: -843px;}

#contents02 { margin: 0 auto; position: relative; background: url('../images/agit/contents02-back01.png')no-repeat top center; }
#contents02 .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 309px;}
#contents02 .inner-Box1 figure.photo01 {position: absolute;top: -151px;right: -170px;}
#contents02 .inBox {margin: 0 auto 0 34px;position: relative;width: 507px;padding-top: 48px;color: #fff;}
#contents02 .inBox h2{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 33px;margin-right: -30px;}
#contents02 .inBox h2 span{  }
#contents02 .inBox p.text {font-size: 14px;line-height: 34px;font-weight: 300;letter-spacing: 1.68px;margin-bottom: 35px;}
#contents02 span.icon01 {display: block;line-height: 1;position: absolute;bottom: 8px;right: -170px;}

#contents03 {margin: 0 auto 235px;position: relative;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box ul{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;width: 1100px;margin: 0 auto;}
#contents03 .inner-Box ul li {margin-right: 59px;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box ul li figure{  }

#contents03 h3{position: relative;font-size: 18px;line-height: 1.6;letter-spacing: 0.54px;font-weight: 700;margin: 0 auto 66px;width: 1100px;color: #fff;}
#contents03 h3 .en{font-size: 70.1px;line-height: 1.6;letter-spacing: 1.8px;font-weight: 500;display: block;}
#contents03 h3 .icn{position: absolute;top: 92px;left: 7px;}
#contents03 h3 .jpf{position: relative;left: 72px;top: -18px;}

#contentsbottom {margin: 0 auto 205px;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;color: #fff;padding-bottom: 150px;padding-left: 619px;padding-top: 110px;}
#contentsbottom figure{position: relative;top: 0;left: 0;}
#contentsbottom figure img{ width: 100%; height: auto;}
#contentsbottom .inner-Box h2{font-size: 76px;line-height: 1.6;font-weight: 500;letter-spacing: 2.28px;margin-bottom: 30px;color: #DEDC9A;position: absolute;top: 104px;left: 84px;}
#contentsbottom .inner-Box h2 span{  }
#contentsbottom .inner-Box h3{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 32px;}
#contentsbottom .inner-Box h3 span{  }
#contentsbottom .inner-Box p.text {font-size: 14px;line-height: 34px;font-weight: 500;letter-spacing: 1.68px;margin-bottom: 60px;padding-left: 3px;}
#contentsbottom .inner-Box p.btn{position: absolute;bottom: 0;left: 0;}
#contentsbottom .inner-Box p.btn img{  }


}

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

#contentsmain {position: relative;background: url('../images/agit/sp-contentsmain-back01.png')repeat-x top 71vw center;background-size: 100% auto;}
#contentsmain .inner-Box {position: relative;padding-bottom: 30.2vw;}
#contentsmain .inner-Box h2{color: #fff;font-size: 6.3vw;line-height: 1.9;font-weight: 700;letter-spacing: 0.8vw;margin-bottom: 5.8vw;padding-top: 24.8vw;margin-left: 6.2vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box figure.img {position: relative;top: 0;margin: 0 25vw 15.5vw;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin: 0 5.6vw 0 -0.1vw;}
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 175.2vw;right: -43.2vw;width: 77vw;}

#contents01 {margin: 0 auto -0.2vw;position: relative;background: url('../images/agit/sp-contents01-back01.png') no-repeat top center;background-size: 100% auto;padding-bottom: 23.4vw;}
#contents01 .inner-Box1 {position: relative;color: #fff;}
#contents01 .inner-Box1 figure.photo01 {position: relative;left: 0vw;margin-right: 5vw;}
#contents01 .inBox {margin: 0 8.3vw 6vw 15vw;position: relative;padding-top: 8.7vw;}
#contents01 .inBox h2{font-size: 5.4vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.6vw;margin-bottom: 6.3vw;margin-right: -3.9vw;}
#contents01 .inBox h2 span{  }
#contents01 .inBox p.text {font-size: 3.5vw;line-height: 2.4;font-weight: 300;letter-spacing: 0.25vw;margin-bottom: 12.9vw;}
#contents01 figure.photo02 {position: relative;top: 0vw;left: 0vw;}
#contents01 span.icon01 {display: none;line-height: 1;position: absolute;bottom: -22.3vw;right: 0vw;}

#contents02 {position: relative;background: url('../images/handslog/sp-contents02-back01.png') no-repeat top center;background-size: 100% auto;}
#contents02 .inner-Box1 {position: relative;padding-bottom: 25.7vw;color: #fff;}
#contents02 .inner-Box1 figure.photo01 {position: relative;top: 0;right: 0;margin-left: 5.4vw;}
#contents02 .inBox {margin: 0 8.3vw 6vw 15vw;position: relative;padding-top: 8.7vw;}
#contents02 .inBox h2{font-size: 5.4vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.6vw;margin-bottom: 6.3vw;margin-right: -3.9vw;}
#contents02 .inBox h2 span{  }
#contents02 .inBox p.text {font-size: 3.5vw;line-height: 2.4;font-weight: 300;letter-spacing: 0.25vw;margin-bottom: 3.9vw;}
#contents02 span.icon01 {display: block;line-height: 1;position: absolute;top: -18vw;right: -23.3vw;width: 46vw;}

#contents03 {margin: 0 auto 20.4vw;position: relative;}
#contents03 .inner-Box {margin: 0 5.3vw;position: relative;}
#contents03 .inner-Box ul{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: 0 0vw;}
#contents03 .inner-Box ul li {margin-bottom: 2.7vw;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box ul li figure{ margin-bottom: 4vw; }

#contents03 h3{position: relative;font-size: 4.1vw;line-height: 1.6;letter-spacing: 0.6vw;font-weight: 700;margin-bottom: 10.9vw;color: #fff;}
#contents03 h3 .en{font-size: 14.5vw;line-height: 1.6;letter-spacing: 0.6vw;font-weight: 500;display: block;}
#contents03 h3 .icn{position: absolute;top: 20.8vw;left: 0.9vw;width: 14.5vw;}
.icn img{ width: 100%; height: auto;}
#contents03 h3 .jpf{position: relative;left: 19.1vw;top: -1.5vw;}


#contentsbottom {margin: 0 auto 26.7vw;position: relative;}
#contentsbottom .inner-Box {margin: 0 5.8vw;position: relative;color: #fff;padding-bottom: 19.6vw;padding-top: 14.3vw;}
#contentsbottom figure{margin-bottom: 2.2vw;}
#contentsbottom figure img{ width: 100%; height: auto;}
#contentsbottom .inner-Box h2{font-size: 15.7vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.9vw;margin-bottom: -0.4vw;color: #DEDC9A;position: relative;top: 0vw;left: 0vw;}
#contentsbottom .inner-Box h2 span{  }
#contentsbottom .inner-Box h3{font-size: 4.9vw;line-height: 1.9;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 4.2vw;margin-left: -0.6vw;}
#contentsbottom .inner-Box h3 span{  }
#contentsbottom .inner-Box p.text {font-size: 3.3vw;line-height: 2.4;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 14.3vw;margin-left: -0.2vw;}
#contentsbottom .inner-Box p.btn{position: absolute;bottom: 0;left: 0;}
#contentsbottom .inner-Box p.btn img{  }




}