@charset "UTF-8";
@media screen and (min-width: 768px),print {
.aaa{margin-bottom: 0;}
main#hiraya{ width:100%; }

#con01{ width:100%; max-width:1920px; margin:70px auto 117px; padding: 0 80px; background: url(../images/hiraya/con01-bg01.png) no-repeat center top; }
#con01 .inner-Box{ width:100%; max-width:1480px; margin:0 auto 140px; height: 600px; position:relative;  }
#con01 .inner-Box .ttl{ position:absolute; top: 154px; left:-3px; }
#con01 .inner-Box2{ width:1152px; margin:0 auto; }
#con01 .inner-Box2 .l-box{ width:308px; height:290px; padding:40px 20px 26px 20px; text-align:center; background-color:#4B4B4B; float:left; }
#con01 .inner-Box2 .l-box .ttl1{ margin-bottom:25px; }
#con01 .inner-Box2 .l-box .txt1{ width: 123px; background-color: #fff; color: #333; padding: 3px 16px; margin: 0 auto 14px; font-size:20px; line-height:38px; letter-spacing:1px; }
#con01 .inner-Box2 .l-box .txt2{ font-size:24px; line-height:41px; letter-spacing:1.2px; color:#fff; }
#con01 .inner-Box2 .l-box .txt2 span{ font-size:44px; line-height:35px; letter-spacing:2.2px; color:#fff; }
#con01 .inner-Box2 .r-box{ float:right; width:810px; float:right; position:relative; right:-8px; }
#con01 .inner-Box2 .r-box .ttl2{ padding-top: 13px; font-size:26px; font-weight:700; line-height:50px; letter-spacing:2.6px; margin-bottom:26px; }
#con01 .inner-Box2 .r-box .txt3{ font-size:16px; line-height:33px; letter-spacing:0.8px; padding-left:13px; }
#con01 .inner-Box2 .r-box .mb1{ margin-bottom:33px; }

#con02{ width:100%; max-width:1920px; margin:0 auto 180px; padding: 140px 0 140px; background-color:#F9F8F4; }
#con02 .inner-Box{ width:1200px; margin:0 auto; }
#con02 .ttl{ text-align:center; margin-bottom:72px; }
#con02 .list{ display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con02 .list li{ width:320px; margin-right:35px; background-color:#fff; margin-bottom:65px; padding-bottom:40px; }
#con02 .list li:nth-child(3n){ margin-right:0px; }
#con02 .list li h4{ font-size:18px; font-weight:700; line-height:32px; letter-spacing:0.9px; padding:22px 19px 18px 21px; color:#159785; }
#con02 .list li .txt{ font-size:16px; line-height:32px; letter-spacing:0.6px; padding:0 21px 0 21px; }

#con03{ width:100%; max-width:1920px; margin:0 auto 196px; padding: 133px 0 50px; background-color:#F9F8F4; }
#con03 .inner-Box{ width:1200px; margin:0 auto; }
#con03 .ttl{ text-align:center; margin-bottom:110px; }
#con03 .box1{ min-height:302px; padding-left:550px; position:relative; margin-bottom:86px; }
#con03 .box1 .pic{ position:absolute; top:0; left:0; }
#con03 .box1 .ttl1{ font-size:28px; font-weight:700; line-height:46px; letter-spacing:1.4px; color:#159785; margin-bottom:20px; }
#con03 .box1 .ttl1 span{ display:inline-block; background-color:#159785; margin-bottom: 10px; padding: 6px 15px 8px 18px; color:#fff; font-size:25px; font-weight:700; line-height:30px; letter-spacing:8px; }
#con03 .box1 .mb1{ margin-bottom:30px; }

#con04{ width:100%; max-width:1920px; margin: 0 auto 147px; padding-top: 100px; background: url(../images/hiraya/con04-bg01.png) no-repeat center top; }
#con04 .box1{ width:1100px; margin:0 auto 48px; padding: 134px 111px 86px 539px; background-color:#fff; position: relative; box-shadow: 14px 14px 30px rgba(0, 0, 0, .2); }
#con04 .box1 .ttl{ position:absolute; top:108px; left:135px; }
#con04 .box1 .pic{ position:absolute; bottom:70px; left:111px; }
#con04 .box1 .list{ width:450px; }
#con04 .box1 .list li{ position:relative; border-bottom:1px solid #D6D5CF; padding-bottom:10px; margin-bottom:24px; padding-left:42px; font-size:14px; line-height:21px; letter-spacing:0.7px; }
#con04 .box1 .list li::before{ content: url(../images/hiraya/con04-icon01.png); position: absolute; top: -2px; left: 2px; }
#con04 .pic1{ width: 100%; max-width:1367px; margin:0 auto; }
#con04 .pic1 img{ width:100%; }

#con05{ width:1280px; margin:0 auto 180px; }
#con05 .inner-Box{  }
#con05 .ttl{ text-align:center; margin-bottom:60px; }
#con05 .list{ width: 1228px; margin: 0 auto; display: flex; justify-content: space-between; }

#con06{ width:1280px; margin:0 auto 142px; }
#con06 .ttl{ text-align:center; margin-bottom:60px; }
#con06 .list{ display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con06 .list li{ width:400px; min-height: 225px; margin-right:40px; margin-bottom: 40px; border:1px solid #707070; padding:46px 15px 0px 162px; position:relative; }
#con06 .list li:nth-child(3n){ margin-right:0; }
#con06 .list li:nth-child(3),#con06 .list li:nth-child(8),#con06 .list li:nth-child(12){ padding-top:30px; }
#con06 .list li:nth-child(4){ padding-top:30px; }
#con06 .list li:nth-child(9){ padding-top:30px; }
#con06 .list li .icon{ position:absolute; top:0; left:0; }
#con06 .list li h3{ font-size:18px; font-weight:700; line-height:31px; letter-spacing:0.9px; color:#159785; margin-bottom:14px; }
#con06 .list li p{ font-size:16px; line-height:32px; letter-spacing:0.8px; }

.bg-area{ width:100%; max-width:1920px; margin:0 auto; background: url(../images/hiraya/con07-bg02.png) no-repeat center top; }
#con07{ width:100%; max-width:1920px; margin:0 auto 138px; padding-top: 160px; background: url(../images/hiraya/con07-bg01.png) no-repeat center top; }
#con07 .inner-Box{ width:800px; margin:0 auto; background-color:#fff; padding:80px 127px 70px; text-align:center; }
#con07 .ttl{ margin-bottom:66px; }
#con07 .txt{ margin-bottom:46px; font-size:20px; line-height:42px; letter-spacing:1px; }

#con08{ width:100%; max-width:1750px; margin:0 auto 200px; padding-bottom:55px; }
#con08 .ttl{ text-align:center; margin-bottom:36px; position:relative; right:15px; }
#con08 h3{ text-align:center; font-size:32px; font-weight:700; line-height:60px; letter-spacing:10px; margin-bottom:88px; color:#159785; }
#con08 .list{ width:1070px; margin: 0 auto; display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con08 .list li{ width:510px; margin-right:50px; margin-bottom:46px; }
#con08 .list li img{ width:100%; }
#con08 .list li:nth-child(2){ margin-top:-48px; }
#con08 .list li:nth-child(2n){ margin-right:0; }

}

@media screen and (max-width: 767px) {
.aaa{margin-bottom: 0;}

#con01{ margin:16.9vw auto 20vw; padding: 72vw 0 0; background: url(../images/hiraya/sp-con01-bg01.png) no-repeat center top; background-size: 100%; }
#con01 .inner-Box{ margin:0 auto 21vw; position:relative; }
#con01 .inner-Box .ttl{ margin:0 22vw 0 8vw; }
#con01 .inner-Box2{ margin:0 5vw; }
#con01 .inner-Box2 .l-box{ padding:9.66vw 4.83vw 6.28vw 4.83vw; text-align:center; background-color:#4B4B4B; margin-bottom:8vw; }
#con01 .inner-Box2 .l-box .ttl1{ margin: 0 19vw 6vw; }
#con01 .inner-Box2 .l-box .txt1{width: 30vw; margin: 0 auto 1vw; background-color: #fff; color: #333; padding: 0.72vw 3.86vw; font-size:4.2vw; line-height: 1.6; letter-spacing: 0.24vw; }
#con01 .inner-Box2 .l-box .txt2{ font-size:5.79vw; line-height: 1.6; letter-spacing: 0.24vw; color:#fff; }
#con01 .inner-Box2 .l-box .txt2 span{ font-size:10.62vw; line-height: 1.6; letter-spacing: 0.24vw; color:#fff; }
#con01 .inner-Box2 .r-box{ position:relative; }
#con01 .inner-Box2 .r-box .ttl2{ font-size:5.2vw; font-weight:700; line-height: 1.8; letter-spacing: 0.24vw; margin: 0 4vw 6.28vw; }
#con01 .inner-Box2 .r-box .txt3{ font-size:3.8vw; line-height: 1.8; letter-spacing: 0.24vw; padding-left:3.14vw; }
#con01 .inner-Box2 .r-box .mb1{ margin-bottom:7.97vw; }

#con02{ margin:0 auto 25vw; padding: 20vw 0 12vw; background-color:#F9F8F4; }
#con02 .inner-Box{ margin:0 8vw; }
#con02 .ttl{ text-align:center; margin: 0 6vw 8vw; }
#con02 .list{ display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con02 .list li{ background-color:#fff; margin-bottom:8vw; padding-bottom:6vw; }
#con02 .list li h4{ font-size:4.34vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; padding:5.31vw 4.58vw 4.34vw 5.07vw; color:#159785; }
#con02 .list li .txt{ font-size:3.86vw; line-height: 1.6; letter-spacing: 0.24vw; padding:0 5.07vw 0 5.07vw; }

#con03{ margin:0 auto 18vw; padding:20vw 8vw 5vw; background-color:#F9F8F4; }
#con03 .ttl{ text-align:center; margin: 0 4vw 9vw; }
#con03 .box1{ position:relative; margin-bottom:12vw; }
#con03 .box1 .pic{ margin-bottom:6vw; }
#con03 .box1 .ttl1{ font-size:4.8vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; color:#159785; margin-bottom:4.83vw; }
#con03 .box1 .ttl1 span{ display:inline-block; background-color:#159785; margin-bottom: 2.41vw; padding: 0.5vw 3vw 0.7vw 3.6vw; color:#fff; font-size:4.4vw; font-weight:700; line-height: 1.6; letter-spacing: 1.2vw; }
#con03 .box1 .mb1{ margin-bottom:7.24vw; }
#con03 .box1 .txt{ font-size:3.8vw; line-height:1.8; letter-spacing:0.24vw; }

#con04{ margin: 0 auto 25vw; padding: 15vw 8vw 0; background: url(../images/hiraya/sp-con04-bg01.png) no-repeat center top; background-size: 100%; }
#con04 .box1{ margin:0 auto 6vw; padding: 13vw 5vw 10vw 5vw; background-color:#fff; position: relative; box-shadow: 3.38vw 3.38vw 7.24vw rgba(0, 0, 0, .2); }
#con04 .box1 .ttl{ margin:0 10vw 8vw; }
#con04 .box1 .pic{ margin:0 10vw; }
#con04 .box1 .list{ }
#con04 .box1 .list li{ position:relative; border-bottom:0.24vw solid #D6D5CF; padding-bottom:2.41vw; margin-bottom:5.79vw; padding-left:8vw; font-size:3.4vw; line-height: 1.6; letter-spacing: 0.1vw; }
#con04 .box1 .list li::before{ content: url(../images/hiraya/sp-con04-icon01.png); position: absolute; top: -2.98vw; left: -1.52vw; transform: scale(0.5);}
#con04 .pic1{ width: 110%; position:relative; right:5vw; }

#con05{ margin:0 auto 25vw; }
#con05 .inner-Box{  }
#con05 .ttl{ text-align:center; margin: 0 20vw 12vw; }
#con05 .list{ margin: 0 5vw; }
#con05 .list li{ margin-bottom:6vw; }

#con06{ margin:0 5vw 15vw; }
#con06 .ttl{ text-align:center; margin: 0 4vw 12vw; }
#con06 .list{ display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con06 .list li{ width: 49%; margin-right:2%; margin-bottom: 2%; border:0.24vw solid #707070; padding:4vw 4vw 4vw 4vw; position:relative; }
#con06 .list li:nth-child(2n){ margin-right:0; }
#con06 .list li .icon{ margin-bottom:5vw; }
#con06 .list li:nth-child(1) .icon,#con06 .list li:nth-child(3) .icon,#con06 .list li:nth-child(5) .icon,
#con06 .list li:nth-child(6) .icon,#con06 .list li:nth-child(7) .icon,#con06 .list li:nth-child(8) .icon,
#con06 .list li:nth-child(9) .icon,#con06 .list li:nth-child(11) .icon{ margin-bottom:1.5vw; }
#con06 .list li:nth-child(12) .icon{ margin-bottom: -1.5vw; }
#con06 .list li h3{ font-size:4.2vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; color:#159785; margin-bottom:3.38vw; }
#con06 .list li:nth-child(2) h3,#con06 .list li:nth-child(4) h3,#con06 .list li:nth-child(10) h3{ margin-bottom:6vw; }
#con06 .list li:nth-child(11) h3{ margin-bottom:7.5vw; }
#con06 .list li p{ font-size:3.4vw; line-height: 1.8; letter-spacing: 0.1vw; }

.bg-area{ margin:0 auto; background: url(../images/hiraya/sp-con07-bg02.png) no-repeat center top; background-size: 100%; }
#con07{ margin:0 auto 15vw; padding-top: 20vw; background: url(../images/hiraya/sp-con07-bg01.png) no-repeat center top; background-size: 100%; }
#con07 .inner-Box{ margin:0 8vw; background-color:#fff; padding:10vw 5vw 10vw; text-align:center; }
#con07 .ttl{ margin: 0 12vw 8vw; }
#con07 .txt{ margin-bottom:8vw; font-size:3.8vw; line-height: 1.8; letter-spacing: 0.24vw; }

#con08{ max-margin:0 auto 15vw; padding-bottom:10vw; }
#con08 .ttl{ text-align:center; margin: 0 24vw 8vw 20vw; }
#con08 h3{ text-align:center; font-size:5.2vw; font-weight:700; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom:13vw; color:#159785; }
#con08 .list{ padding: 0 8vw; display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con08 .list li{ margin-bottom:10vw; }
#con08 .list li img{ }
#con08 .list li:nth-child(2){ position:relative; }
#con08 .list li:nth-child(2)::before{ content: url(../images/hiraya/sp-con08-icon01.png); position: absolute; top: -17vw; left: 58vw; transform: scale(0.5); }{  }

}