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

#contentsmain {margin: 0 auto 78px;position: relative;padding: 75px 0 0;width: 1100px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 5.76px;margin-bottom: 35px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 42px;}
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}

#contents01 {margin: 0 auto 190px;position: relative;}
#contents01 .inner-Box0 {margin: 0 auto 120px;position: relative;background: #F5F7F7;width: 1100px;height: 201px;padding: 73px 0 0 418px;}
#contents01 .inner-Box0 h2 {position: absolute;top: 38px;left: 71px;}
#contents01 .inner-Box0 h2 img{  }
#contents01 .inner-Box0 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}
#contents01 .inner-Box1 {margin: 0 auto 112px;position: relative;width: 1100px;padding: 0 0 0 610px;}
#contents01 .inner-Box1 h3{font-size: 25px;line-height: 1.6;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 14px;color: #0062B2;}
#contents01 .inner-Box1 h3 span{  }
#contents01 .inner-Box1 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;}
#contents01 .inner-Box2 {margin: 0 auto 144px;position: relative;width: 1100px;padding: 0 610px 0 0;}
#contents01 .inner-Box2 h3{font-size: 25px;line-height: 1.6;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 14px;color: #0062B2;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box2 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;}
#contents01 .inner-Box3 {margin: 0 auto 120px;position: relative;width: 1100px;padding: 0 0 0 610px;}
#contents01 .inner-Box3 h3{font-size: 25px;line-height: 1.6;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 14px;color: #0062B2;}
#contents01 .inner-Box3 h3 span{  }
#contents01 .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box3 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;}

#contents02 {margin: 0 auto;position: relative;width: 1100px;}
#contents02 h2 {text-align: center;margin: 0 0 32px;}
#contents02 h2 img{  }
#contents02 .inner-Box1 {margin: 0 auto 160px;position: relative;height: 766px;padding: 55px 0 0 576px;}
#contents02 .inner-Box1 span.icon { display: block; line-height: 1; }
#contents02 .inner-Box1 h3{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 16px;}
#contents02 .inner-Box1 h3 span{  }
#contents02 .inner-Box1 figure.photo01 { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}
#contents02 .inner-Box1 figure.photo02 {position: absolute;top: 408px;left: 0;}
#contents02 .inner-Box2 {margin: 0 auto 141px;position: relative;height: 766px;padding: 48px 576px 0 0;}
#contents02 .inner-Box2 span.icon { display: block; line-height: 1; }
#contents02 .inner-Box2 h3{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 16px;}
#contents02 .inner-Box2 h3 span{  }
#contents02 .inner-Box2 figure.photo01 {position: absolute;top: 0;right: 0;}
#contents02 .inner-Box2 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}
#contents02 .inner-Box2 figure.photo02 {position: absolute;top: 408px;left: 0;}

#contentsbottom {margin: 0 auto;position: relative;background: url('../images/hiraya_hanare/contentsbottom-back01.png')no-repeat top 164px center;}
#contentsbottom h2{font-size: 36px;line-height: 52px;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 583px;text-align: center;}
#contentsbottom h2 span{}
#contentsbottom .inner-Box {margin: 0 auto 41px;position: relative;background: #F5F7F7;width: 1100px;height: 172px;padding: 60px 125px;text-align: center;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 2.88px;margin-bottom: 4px;}
#contentsbottom .inner-Box2 {margin: 0 auto 200px;position: relative;width: 1100px;}
#contentsbottom .inner-Box2 .btn{text-align: center;margin-bottom: 140px;}
#contentsbottom .inner-Box2 h3 {position: relative;left: 32px;margin-bottom: 30px;}
#contentsbottom .inner-Box2 h3 img{  }
#contentsbottom .inner-Box2 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 0 0 187px;}
#contentsbottom .inner-Box2 ul li {margin-right: 22px;}
#contentsbottom .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contentsbottom .inner-Box2 ul li figure{  }

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

    #contentsmain {margin: 0 auto 13.96vw;position: relative;padding: 9.12vw 0 0;}
    #contentsmain .inner-Box {position: relative;text-align: center;}
    #contentsmain .inner-Box h2{font-size: 6.03vw;line-height: 8.69vw;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 9.15vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 8.04vw;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}
    
    #contents01 {margin: 0 auto -10.31vw;position: relative;}
    #contents01 .inner-Box0 {margin: 0 8vw 21.59vw;position: relative;background: #F5F7F7;padding: 10.6vw 5.8vw 3.6vw 5.8vw;}
    #contents01 .inner-Box0 h2 { margin-bottom: 6.1vw; }
    #contents01 .inner-Box0 h2 img{  }
    #contents01 .inner-Box0 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}
    #contents01 .inner-Box1 {margin: 0 8.1vw 16.05vw;position: relative;}
    #contents01 .inner-Box1 h3{font-size: 4.34vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 5.38vw;color: #0062B2;text-align: center;}
    #contents01 .inner-Box1 h3 span{  }
    #contents01 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin: 0 0 30px;}
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.56vw;}
    #contents01 .inner-Box2 {margin: 0 8.1vw 16.05vw;position: relative;}
    #contents01 .inner-Box2 h3{font-size: 4.34vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 5.38vw;color: #0062B2;text-align: center;}
    #contents01 .inner-Box2 h3 span{  }
    #contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin: 0 0 30px;}
    #contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.56vw;}
    #contents01 .inner-Box3 {margin: 0 8.1vw 26.75vw;position: relative;}
    #contents01 .inner-Box3 h3{font-size: 4.34vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 5.38vw;color: #0062B2;text-align: center;}
    #contents01 .inner-Box3 h3 span{  }
    #contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;margin: 0 0 30px;}
    #contents01 .inner-Box3 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.56vw;}
    
    #contents02 {position: relative;}
    #contents02 h2 {text-align: center;margin: 0 2.2vw 5.03vw;}
    #contents02 h2 img{  }
    #contents02 .inner-Box1 {margin: 0 8.2vw 16.65vw;position: relative;}
    #contents02 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: 1vw;}
    #contents02 .inner-Box1 span.icon img{width: auto;height: 5.3vw;}
    #contents02 .inner-Box1 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.38vw;margin-bottom: 4.46vw;}
    #contents02 .inner-Box1 h3 span{  }
    #contents02 .inner-Box1 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 4.2vw;}
    #contents02 .inner-Box1 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}
    #contents02 .inner-Box1 figure.photo02 {position: relative;}
    
    #contents02 .inner-Box2 {margin: 0 8.2vw 18.75vw;position: relative;}
    #contents02 .inner-Box2 span.icon {display: block;line-height: 1;margin-bottom: 1vw;}
    #contents02 .inner-Box2 span.icon img{width: auto;height: 5.3vw;}
    #contents02 .inner-Box2 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.38vw;margin-bottom: 4.46vw;}
    #contents02 .inner-Box2 h3 span{  }
    #contents02 .inner-Box2 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 4.2vw;}
    #contents02 .inner-Box2 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}
    #contents02 .inner-Box2 figure.photo02 {position: relative;}
    
#contentsbottom {position: relative;background: url('../images/hiraya_hanare/sp-contentsbottom-back01.png') no-repeat top 35.5vw center;background-size: 100% auto;}
#contentsbottom h2{font-size: 6.03vw;line-height: 9.66vw;font-weight: 500;letter-spacing: 1.08vw;margin-bottom: 59.4vw;text-align: center;}
#contentsbottom .inner-Box {margin: 0 4.1vw 8.96vw;position: relative;background: #F5F7F7;padding: 11.19vw 14.09vw 7.49vw;}
#contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.38vw;margin-bottom: 0.32vw;}
#contentsbottom .inner-Box2 {margin: 0 auto 19.31vw;position: relative;}
#contentsbottom .inner-Box2 .btn{margin: 0 8.1vw 20vw;}
#contentsbottom .inner-Box2 h3 {position: relative;margin-bottom: 12.95vw;}
#contentsbottom .inner-Box2 h3 img{  }
#contentsbottom .inner-Box2 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 8vw;}
#contentsbottom .inner-Box2 ul li {margin-bottom: 0.61vw;}
#contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box2 ul li figure{ margin-bottom: 4vw; }

}