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

#contentsmain {margin: 0 auto 88px;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: 49px;}
#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 138px;position: relative;width: 1100px;}
#contents01 .inner-Box0 {margin: 0 auto 126px;position: relative;background: #F5F7F7;width: 1100px;height: 201px;padding: 35px 0 0 556px;}
#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; position: relative; }
#contents01 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box1 h3{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.32px;margin: 0 0 26px 81px;padding: 6px 0 0;}
#contents01 .inner-Box1 h3 span{  }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 66px;}
#contents01 .inBox {margin: 0 auto 76px;position: relative;background: #F5F7F7;padding: 61px 52px 72px 52px;}
#contents01 .inBox figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 70px;}
#contents01 .inBox figure.img02 {position: relative;top: 0;left: 0;}
#contents01 h4{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 5.04px;margin-bottom: 27px;text-align: center;}
#contents01 figure.img03 {position: relative;top: 0;left: 0;margin-bottom: 28px;}
#contents01 p.text2 {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}

#contents02 {margin: 0 auto 140px;position: relative;width: 1100px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 539px;}
#contents02 .inner-Box span.no {display: block;line-height: 1;position: absolute;top: 0;left: 538px;}
#contents02 .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.32px;margin: 0 0 25px 92px;padding: 6px 0 0;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box figure.img { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;}
#contents02 .inner-Box p.btn{text-align: right;padding: 11px 0 0;}
#contents02 .inner-Box p.btn img{  }

#contents03 {margin: 0 auto 211px;position: relative;width: 1100px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 0 539px 0 0;}
#contents03 .inner-Box span.no {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
#contents03 .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.32px;margin: 0 0 25px 92px;padding: 6px 0 0;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box figure.img {position: absolute;top: 0;right: 0;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;}

#contents04 {margin: 0 auto 112px;position: relative;width: 1100px;}
#contents04 .inner-Box { margin: 0 auto; position: relative; }
#contents04 .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.32px;padding: 6px 0 26px;text-align: center;}
#contents04 .inner-Box h2 span{  }
#contents04 .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;}
#contents04 .inner-Box ul li{ position: relative; }
#contents04 .inner-Box ul li:nth-child(3n){margin-right: -40px;}
#contents04 .inner-Box figure{position: relative;top: 0;left: 0;margin-right: 31px;margin-bottom: 30px;}

#contentsbottom {margin: 0 auto;position: relative;background: url('../images/hiraya_kazoku/contentsbottom-back01.png')no-repeat top 113px 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 139px;position: relative;background: #F5F7F7;width: 1100px;height: 314px;padding: 60px 125px;text-align: center;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 4px;text-align: left;}
#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: 8.45vw;}
    #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: 0 9.5vw 7.25vw;}
    
    #contents01 {margin: 0 auto 11.79vw;position: relative;}
    #contents01 .inner-Box0 {margin: 0 8vw 21.59vw;position: relative;background: #F5F7F7;padding: 12.3vw 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.2vw;position: relative;}
#contents01 .inner-Box1 span.no {display: block;line-height: 1;position: relative;margin: 0 35vw;left: 0;}
#contents01 .inner-Box1 h3{text-align: center;font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.04vw;padding: 1.45vw 0 6vw;}
#contents01 .inner-Box1 h3 span{  }
#contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 15.94vw;}
#contents01 .inBox {margin: 0 auto 9.86vw;position: relative;background: #F5F7F7;padding: 7.03vw 5.76vw 7.49vw;}
#contents01 .inBox figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 5.91vw;}
#contents01 .inBox figure.img02 {position: relative;top: 0;left: 0;}
#contents01 h4{font-size: 6vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.8vw;margin-bottom: 6.52vw;text-align: center;}
#contents01 figure.img03 {position: relative;top: 0;left: 0;margin-bottom: 4.76vw;}
#contents01 p.text2 {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}

#contents02 {margin: 0 auto 11.82vw;position: relative;}
#contents02 .inner-Box {margin: 0 8.2vw;position: relative;}
#contents02 .inner-Box span.no {display: block;line-height: 1;position: relative;margin: 0 34.3vw;left: 0;}
#contents02 .inner-Box h2{text-align: center;font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.04vw;padding: 1.45vw 0 6vw;}
#contents02 .inner-Box h3 span{  }
#contents02 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 4.31vw;}
#contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.64vw;}
#contents02 .inner-Box p.btn{text-align: right;padding: 4.06vw 16vw 0;}
#contents02 .inner-Box p.btn img{  }

#contents03 {margin: 0 auto 7.62vw;position: relative;}
#contents03 .inner-Box {margin: 0 8.2vw;position: relative;}
#contents03 .inner-Box span.no {display: block;line-height: 1;position: relative;margin: 0 34.3vw;left: 0;}
#contents03 .inner-Box h2{text-align: center;font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.04vw;padding: 1.45vw 0 6vw;}
#contents03 .inner-Box h3 span{  }
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 4.31vw;}
#contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.64vw;}


#contents04 {margin: 0 auto 12.05vw;position: relative;}
#contents04 .inner-Box {margin: 0 8vw;position: relative;}
#contents04 .inner-Box h2{font-size: 6vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.04vw;padding: 1.45vw 0 6.88vw;text-align: center;}
#contents04 .inner-Box h2 span{  }
#contents04 .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;}
#contents04 .inner-Box ul li{ position: relative; }
#contents04 .inner-Box ul li:nth-child(3n){}
#contents04 .inner-Box figure{margin-bottom: 4.6vw;}

#contentsbottom {position: relative;background: url('../images/hiraya_kazoku/sp-contentsbottom-back01.png') no-repeat top 26.1vw 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 22.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; }

}