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


#contentsmain {margin: 0 auto 221px;position: relative;width: 1100px;padding: 128px 0 0;}
#contentsmain .inner-Box1 {margin: 0 auto 137px;position: relative;}
#contentsmain .inner-Box1 h2 {position: relative;z-index: 3;left: 10px;margin-bottom: 18px;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {  }
#contentsmain .inner-Box1 figure.photo {position: absolute;top: 76px;right: -410px;}
#contentsmain .inner-Box1 figure.photo img{  }
#contentsmain .inner-Box1 h3.f_m {margin-bottom: 18px;position: relative;color: #1A1A1A;font-size: 48px;font-weight: 500;letter-spacing: 0.1em;line-height: 1.6;width: 380px;}
#contentsmain .inner-Box1 h3.f_m span {color: #0884A8;}
#contentsmain .inner-Box1 h4.f_m {margin-bottom: 78px;position: relative;color: #1A1A1A;font-size: 22px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.8;width: 490px;}
#contentsmain .inner-Box1 p.text {margin-bottom: 30px;position: relative;color: #1A1A1A;font-size: 18px;font-weight: 400;letter-spacing: 0.05em;line-height: 2;width: 590px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding: 30px 0 0 660px;}
#contentsmain .inner-Box2 figure.photo {position: absolute;top: 0;left: -33px;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inner-Box2 h3.f_m {margin-bottom: 7px;position: relative;color: #1A1A1A;font-size: 42px;font-weight: 500;letter-spacing: 0.1em;line-height: 1.6;}
#contentsmain .inner-Box2 h4.f_m {margin-bottom: 48px;position: relative;color: #1A1A1A;font-size: 20px;font-weight: 400;letter-spacing: 0.1em;line-height: 1;}
#contentsmain .inner-Box2 p.text {margin-bottom: 43px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents01 {margin: 0 auto;position: relative;background: url('../images/custom/contents01-back01.png')no-repeat top center,url('../images/custom/contents01-back02.png')no-repeat bottom center;padding: 358px 0 499px;}
#contents01 .ttl-Box {text-align: center;margin: 0 auto 78px;position: relative;width: 960px;}
#contents01 .ttl-Box h2 {margin-bottom: 36px;}
#contents01 .ttl-Box h2 span{  }
#contents01 .ttl-Box h2 img {  }
#contents01 .ttl-Box p.text {margin-bottom: 30px;position: relative;color: #FFF;text-align: center;font-size: 22px;font-weight: 600;letter-spacing: 0.05em;line-height: 1.8;}
#contents01 .inner-Box {margin: 0 auto 90px;position: relative;width: 960px;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 32px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text2 {margin-bottom: 30px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/custom/contents02-back01.png')no-repeat top center;}
#contents02 .back-Box {margin: 0 auto;position: relative;background:url('../images/custom/contents02-back02.png')repeat-x top 526px center;padding: 275px 0 990px;animation: bgScrollLeft 120s linear infinite;}
@keyframes bgScrollLeft {
    0% {
        background-position: 0px 526px; 
    }
    100% {
        background-position: -2940px 526px; 
    }
}

#contents02 .inner-Box {margin: 0 auto;width: 1100px;position: relative;height: 251px;}
#contents02 .inner-Box h2.f_m {margin-bottom: 0px;position: relative;color: #1A1A1A;font-size: 54px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;}
#contents02 .inner-Box p.text {position: absolute;color: #1A1A1A;font-size: 18px;font-weight: 400;letter-spacing: 0em;line-height: 2;top: 15px;right: 0;}




#contentsbottom h2.ttt{color: #1A1A1A;font-size: 42px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;text-align: center;margin-bottom: 17px;}
#contentsbottom p.subttl{color: #1A1A1A;font-size: 20px;font-weight: 500;letter-spacing: 0.05em;line-height: 1;text-align: center;margin-bottom: 57px;}


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


#contentsmain {margin: 0 auto 21.88vw;position: relative;padding: 6.52vw 0 0;}
#contentsmain .inner-Box1 {margin: 0 auto 4.09vw;position: relative;padding-left: 7.3vw;}
#contentsmain .inner-Box1 h2 {position: absolute;z-index: 3;right: 7.7vw;width: 47.8vw;top: -8.2vw;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {  }
#contentsmain .inner-Box1 figure.photo {position: relative;margin-bottom: 6.8vw;}
#contentsmain .inner-Box1 figure.photo img{  }
#contentsmain .inner-Box1 h3.f_m {margin-bottom: 2.65vw;position: relative;color: #1A1A1A;font-size: 6.28vw;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;}
#contentsmain .inner-Box1 h3.f_m span {color: #0884A8;}
#contentsmain .inner-Box1 h4.f_m {margin-bottom: 3.34vw;position: relative;color: #1A1A1A;font-size: 4.11vw;font-weight: 500;letter-spacing: 0em;line-height: 1.6;}
#contentsmain .inner-Box1 p.text {margin-bottom: 4.95vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;margin-right: 7vw;}
#contentsmain .inner-Box2 {margin: 0 7vw;position: relative;padding: 7.25vw 0 0 0vw;}
#contentsmain .inner-Box2 figure.photo {position: relative;top: 0;left: 0vw;margin-bottom: 6.4vw;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inner-Box2 h3.f_m {margin-bottom: 0.69vw;position: relative;color: #1A1A1A;font-size: 5.80vw;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;}
#contentsmain .inner-Box2 h4.f_m {margin-bottom: 4.39vw;position: relative;color: #1A1A1A;font-size: 4.35vw;font-weight: 400;letter-spacing: 0.05em;line-height: 1;}
#contentsmain .inner-Box2 p.text {margin-bottom: 3.39vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents01 {position: relative;background: url('../images/custom/sp-contents01-back01.png')no-repeat top center,url('../images/custom/sp-contents01-back02.png')no-repeat bottom center;padding: 43.77vw 0 33.7vw;background-size: 100% auto;}
#contents01 .ttl-Box {text-align: center;margin: 0 auto 7.64vw;position: relative;}
#contents01 .ttl-Box h2 {margin: 0 19vw 3vw;}
#contents01 .ttl-Box h2 span{  }
#contents01 .ttl-Box h2 img {  }
#contents01 .ttl-Box p.text {margin-bottom: 7.25vw;position: relative;color: #FFF;text-align: center;font-size: 3.62vw;font-weight: 600;letter-spacing: 0em;line-height: 1.6;}
#contents01 .inner-Box {margin: 0 7.2vw 12.74vw;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.93vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text2 {margin-bottom: 7.25vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contents02 {position: relative;background: url('../images/custom/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;margin-bottom: 21.8vw;}
#contents02 .back-Box {position: relative;background: url('../images/custom/contents02-back02.png')repeat-x bottom center;padding: 21.03vw 0 95.2vw;animation: bgScrollLeft 120s linear infinite;background-size: auto 87vw;}
@keyframes bgScrollLeft {
    0% {
        background-position: 0.0vw bottom; 
    }
    100% {
        background-position: -710.14vw bottom; 
    }
}

#contents02 .inner-Box {margin: 0 7.3vw;position: relative;}
#contents02 .inner-Box h2.f_m {margin-bottom: 2.1vw;position: relative;color: #1A1A1A;font-size: 6.76vw;font-weight: 500;letter-spacing: 0.05em;line-height: 1.6;}
#contents02 .inner-Box p.text {position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.8;}









#contentsbottom h2.ttt{text-align: center;margin-bottom: 0.71vw;color: #1A1A1A;font-size: 5.31vw;font-weight: 500;letter-spacing: 0em;line-height: 1.6;}
#contentsbottom p.subttl{text-align: center;margin-bottom: 8.27vw;color: #1A1A1A;font-size: 3.62vw;font-weight: 500;letter-spacing: 0em;line-height: 1.5;}


}