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


#contentsmain {margin: 0 auto -120px;position: relative;background: url('../images/important/contentsmain-back01.png')no-repeat top 224px center,url(../images/important/contentscommon-back01.png)no-repeat top 310px center;background-size: 100% auto;z-index: 3;}
#contentsmain h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 0px;position: relative;text-align: center;padding: 54px 0 0;margin-bottom: 21.98vw;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/important/contentsmain-back02.png')no-repeat top center;padding-bottom: 45px;}
#contentsmain .inBox {margin: 0 auto;position: relative;width: 1100px;text-align: center;padding-top: 160px;}
#contentsmain .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inBox figure.img {position: absolute;bottom: 10px;right: 21px;}
#contentsmain .inBox figure.img img{  }

.backk{background: url(../images/important/contentscommon-back01.png);padding: 323px 0 0;}

#contents01 {margin: 0 auto 78px;position: relative;background: url(../images/important/contentscommon-back02.png)no-repeat top center;height: 847px;padding-top: 133px;}
#contents01 h2 {position: absolute;top: -65px;left: 50%;margin-left: -550px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 h3.f-min {font-size: 37px;line-height: 1.71;font-weight: 400;letter-spacing: 1.85px;position: absolute;top: -21px;left: 50%;margin-left: 290px;color: #28343B;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 24px 0 0 550px;}
#contents01 .inner-Box h4.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 32px;position: relative;}
#contents01 .inner-Box figure.photo01 {position: absolute;top: 0;left: -90px;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box figure.photo02 {position: absolute;top: 350px;left: -90px;}
#contents01 .inner-Box figure.photo02 img{  }
#contents01 .inner-Box p.btn {padding-top: 6px;}
#contents01 .inner-Box p.btn img {  }

#contents02 {margin: 0 auto 82px;position: relative;background: url(../images/important/contentscommon-back02.png)no-repeat top center;height: 847px;padding-top: 133px;}
#contents02 h2 {position: absolute;top: -65px;left: 50%;margin-left: -550px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 h3.f-min {font-size: 37px;line-height: 1.71;font-weight: 400;letter-spacing: 1.85px;position: absolute;top: -21px;left: 50%;margin-left: 390px;color: #28343B;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 24px 0 0 550px;}
#contents02 .inner-Box h4.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 32px;position: relative;}
#contents02 .inner-Box figure.photo01 {position: absolute;top: 0;left: -90px;}
#contents02 .inner-Box figure.photo01 img{  }
#contents02 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents02 .inner-Box figure.photo02 {position: absolute;top: 350px;left: -90px;}
#contents02 .inner-Box figure.photo02 img{  }
#contents02 .inner-Box p.btn {padding-top: 6px;}
#contents02 .inner-Box p.btn img {  }

#contents02 .inner-Box figure.img {position: absolute;top: -26px;right: 0;}
#contents02 .inner-Box figure.img img{  }

#contents03 {margin: 0 auto 3px;position: relative;background: url(../images/important/contentscommon-back02.png)no-repeat top center;height: 847px;padding-top: 133px;}
#contents03 h2 {position: absolute;top: -65px;left: 50%;margin-left: -550px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 h3.f-min {font-size: 37px;line-height: 1.71;font-weight: 400;letter-spacing: 1.85px;position: absolute;top: -21px;left: 50%;margin-left: 390px;color: #28343B;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 24px 0 0 550px;}
#contents03 .inner-Box h4.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 32px;position: relative;}
#contents03 .inner-Box figure.photo01 {position: absolute;top: 0;left: -90px;}
#contents03 .inner-Box figure.photo01 img{  }
#contents03 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents03 .inner-Box figure.photo02 {position: absolute;top: 350px;left: -90px;}
#contents03 .inner-Box figure.photo02 img{  }
#contents03 .inner-Box p.btn {padding-top: 6px;}
#contents03 .inner-Box p.btn img {  }


#contents04 { margin: 0 auto; position: relative; }
#contents04 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contents04 .inner-Box h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 28px;position: relative;}
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 57px;position: relative;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents04 .inner-Box figure.photo img{width: 100%;height: auto;}

#contentsbottom {margin: 0 auto 199px;position: relative;padding: 96px 0 0;}
#contentsbottom h2.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 44px;position: relative;text-align: center;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box ul.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;}
#contentsbottom .inner-Box ul li {margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }



}

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


    #contentsmain {margin: 0 auto 7.8vw;position: relative;background: url('../images/important/sp-contentsmain-back01.png')no-repeat top 37.21vw center;background-size: 100% auto;z-index: 3;}
    #contentsmain h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;position: relative;text-align: center;padding: 7.64vw 0 0;margin-bottom: 49vw;}
    #contentsmain .inner-Box{margin: 0 3vw;position: relative;}
    #contentsmain .inBox {margin: 0 4.8vw;position: relative;padding-top: 38.65vw;}
    #contentsmain .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contentsmain .inBox figure.img {position: relative;margin: 0 27.2vw 0 25.6vw;}
    #contentsmain .inBox figure.img img{  }
    
    .backk{background: url(../images/important/contentscommon-back01.png);padding: 10.52vw 0 0;background-size: 100% auto;}
    
    #contents01 {margin: 0 auto 10.84vw;position: relative;background-size: 100% auto;}
    #contents01 h2 {position: relative;margin: 0 16.5vw 1.4vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 h3.f-min {font-size: 3.86vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.19vw;position: relative;margin-bottom: 5.8vw;color: #28343B;text-align: center;}
    #contents01 .inner-Box {position: relative;padding: 8.9vw 7.8vw 14.7vw;background: #FFFFFF;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents01 .inner-Box h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.73vw;text-align: center;position: relative;}
    #contents01 .inner-Box figure.photo01 {position: relative;top: 0;left: 0vw;margin-bottom: 7vw;}
    #contents01 .inner-Box figure.photo01 img{  }
    #contents01 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contents01 .inner-Box figure.photo02 {position: relative;padding: 1.6vw 0 0;margin-bottom: 8.2vw;}
    #contents01 .inner-Box figure.photo02 img{  }
    #contents01 .inner-Box p.btn {padding-top: 1.45vw;margin: 0 2.3vw;}
    #contents01 .inner-Box p.btn img {  }
    
    #contents02 {margin: 0 auto 18.84vw;position: relative;background-size: 100% auto;}
    #contents02 h2 {position: relative;margin: 0 6.9vw 1.4vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 h3.f-min {font-size: 3.86vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.19vw;position: relative;margin-bottom: 5.8vw;color: #28343B;text-align: center;}
    #contents02 .inner-Box {position: relative;padding: 8.9vw 7.8vw 14.7vw;background: #FFFFFF;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents02 .inner-Box h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.73vw;text-align: center;position: relative;}
    #contents02 .inner-Box figure.photo01 {position: relative;top: 0;left: 0vw;margin-bottom: 7vw;}
    #contents02 .inner-Box figure.photo01 img{  }
    #contents02 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contents02 .inner-Box figure.photo02 {position: relative;padding: 1.6vw 0 0;margin-bottom: 8.2vw;}
    #contents02 .inner-Box figure.photo02 img{  }
    #contents02 .inner-Box p.btn {padding-top: 1.45vw;margin: 0 2.3vw;}
    #contents02 .inner-Box p.btn img {  }
    
    #contents02 .inner-Box figure.img {position: absolute;top: -5.9vw;right: 3.4vw;width: 17.8vw;}
    #contents02 .inner-Box figure.img img{  }
    
    #contents03 {margin: 0 auto 16.04vw;position: relative;background-size: 100% auto;}
    #contents03 h2 {position: relative;margin: 0 3.7vw 1.4vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 h3.f-min {font-size: 3.86vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.19vw;position: relative;margin-bottom: 5.8vw;color: #28343B;text-align: center;}
    #contents03 .inner-Box {position: relative;padding: 8.9vw 7.8vw 14.7vw;background: #FFFFFF;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents03 .inner-Box h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.73vw;text-align: center;position: relative;}
    #contents03 .inner-Box figure.photo01 {position: relative;top: 0;left: 0vw;margin-bottom: 7vw;}
    #contents03 .inner-Box figure.photo01 img{  }
    #contents03 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contents03 .inner-Box figure.photo02 {position: relative;padding: 1.6vw 0 0;margin-bottom: 8.2vw;}
    #contents03 .inner-Box figure.photo02 img{  }
    #contents03 .inner-Box p.btn {padding-top: 1.45vw;margin: 0 2.3vw;}
    #contents03 .inner-Box p.btn img {  }
    


    #contents04 {position: relative;}
    #contents04 .inner-Box {position: relative;text-align: center;}
    #contents04 .inner-Box h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 6.76vw;position: relative;}
    #contents04 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 6vw 10.57vw;position: relative;text-align: left;}
    #contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
    #contents04 .inner-Box figure.photo img{width: 100%;height: auto;}
    
    #contentsbottom {margin: 0 auto 8.07vw;position: relative;padding: 23.19vw 0 0;}
    #contentsbottom h2.f-min {font-size: 4.46vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.26vw;margin-bottom: 5.63vw;position: relative;text-align: center;}
    #contentsbottom .inner-Box {margin: 0 8.9vw;position: relative;}
    #contentsbottom .inner-Box ul.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;}
    #contentsbottom .inner-Box ul li {margin-bottom: 9.66vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    
    


    
}