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

#contentsmain {margin: 0 auto;position: relative;padding: 83px 0 0;text-align: center;color: #1B1B1B;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsmain .inner-Box h2 {margin-bottom: -3px;position: relative;font-size: 50px;line-height: 74px;letter-spacing: 0.16em;text-indent: 0.16em;font-weight: 400;}
#contentsmain .inner-Box p.lead {margin-bottom: 48px;position: relative;font-size: 30px;line-height: 56px;letter-spacing: 0.04em;font-weight: 400;}
#contentsmain .inner-Box figure.photo {position: relative;z-index: 1;margin-bottom: -37px;}
#contentsmain .inner-Box figure.photo img {width: 100%;vertical-align: top;}

#contents01 {margin: 0 auto;position: relative;background: #4B5861;color: #fff;padding: 137px 0 120px;}
#contents01 .inner-Box1 {margin: 0 auto 80px;position: relative;width: 1100px;height: 440px;padding: 34px 645px 0 0;}
#contents01 .inner-Box1 h2 {margin-bottom: 37px;position: relative;font-size: 44px;line-height: 74px;letter-spacing: 0.163em;font-weight: 400;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box1 figure.photo img {vertical-align: top;}
#contents01 .inner-Box1 p.text {margin-bottom: 36px;position: relative;font-size: 16px;line-height: 36px;letter-spacing: 0.04em;font-weight: 400;}
#contents01 .inner-Box2 {margin: 0 auto 80px;position: relative;width: 1100px;height: 540px;padding: 40px 0 0 615px;}
#contents01 .inner-Box2 h3 {margin-bottom: 35px;position: relative;font-size: 30px;line-height: 65px;letter-spacing: 0.06em;font-weight: 400;}
#contents01 .inner-Box2 .photo-Box {position: absolute;top: 0;left: 0;width: 535px;}
#contents01 .inner-Box2 .photo-Box figure.photo01 {margin-bottom: 20px;}
#contents01 .inner-Box2 .photo-Box figure.photo02 {margin-left: 75px;}
#contents01 .inner-Box2 .photo-Box img {vertical-align: top;}
#contents01 .inner-Box2 p.text {margin-bottom: 36px;position: relative;font-size: 16px;line-height: 36px;letter-spacing: 0.04em;font-weight: 400;}
#contents01 .ccmore {margin: 0 auto;width: 460px;}
#contents01 .ccmore a {width: 460px;height: 70px;display: block;position: relative;font-size: 19px;line-height: 27px;letter-spacing: 0.09em;font-weight: 400;border-radius: 4px;background: #fff;color: #333;padding: 21px 35px;}
#contents01 .ccmore a span {position: absolute;top: 28px;right: 28px;line-height: 1;}
#contents01 .ccmore a span img {vertical-align: top;}

#contents02 {margin: 0 auto 120px;position: relative;padding-top: 120px;text-align: center;color: #1B1B1B;}
#contents02 p.subttl {margin: 0 auto 24px;position: relative;width: 240px;height: 40px;background: #fff;font-size: 24px;line-height: 40px;letter-spacing: 0.04em;font-weight: 400;}
#contents02 p.subttl::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -11.5px;border-style: solid;border-width: 10px 11.5px 0 11.5px;border-color: #fff transparent transparent transparent;}
#contents02 h2 {margin-bottom: 41px;position: relative;font-size: 44px;line-height: 74px;letter-spacing: 0.163em;text-indent: 0.163em;font-weight: 400;}
#contents02 h2 span.ttl1 {margin-right: -0.49em;}
#contents02 h2 span.ls {letter-spacing: 0.06em;}
#contents02 h2 span.f-en {font-size: 84px;line-height: 1;}
#contents02 .reason-Box {margin: 0 auto 40px;position: relative;width: 1280px;height: 920px;background: #fff;text-align: left;}
#contents02 .reason-Box:last-child {margin-bottom: 0;}
#contents02 .reason-Box .ttl-Box {position: absolute;width: 550px;border-bottom: 1px solid #AA820B;padding-bottom: 12px;}
#contents02 .reason-Box h3 {position: relative;font-size: 30px;line-height: 56px;letter-spacing: 0.04em;font-weight: 400;}
#contents02 .reason-Box p.num {position: absolute;bottom: 16px;width: 200px;font-size: 97px;line-height: 1;letter-spacing: 0.06em;font-weight: 400;text-align: center;color: rgba(27,27,27,0.1);}
#contents02 .reason-Box p.num span {font-size: 72px;}
#contents02 .reason-Box figure {position: absolute;}
#contents02 .reason-Box figure img {vertical-align: top;}
#contents02 .reason-Box .text-Box1,
#contents02 .reason-Box .text-Box2 {position: absolute;width: 480px;}
#contents02 .reason-Box p.text {margin-bottom: 36px;position: relative;font-size: 16px;line-height: 36px;letter-spacing: 0.04em;font-weight: 400;text-spacing-trim: space-all;}
#contents02 .reason-Box p.text:last-child {margin-bottom: 0;}
#contents02 .reason01 {height: 931px;}
#contents02 .reason01 .ttl-Box {top: 116px;left: 90px;}
#contents02 .reason01 p.num {left: 412px;}
#contents02 .reason01 figure.photo01 {top: 111px;left: 700px;}
#contents02 .reason01 .text-Box1 {top: 281px;left: 90px;}
#contents02 .reason01 figure.photo02 {top: 551px;left: 160px;}
#contents02 .reason01 .text-Box2 {top: 583px;left: 640px;}
#contents02 .reason02 .ttl-Box {top: 122px;left: 639px;}
#contents02 .reason02 p.num {left: 404px;}
#contents02 .reason02 figure.photo01 {top: 100px;left: 89px;}
#contents02 .reason02 .text-Box1 {top: 287px;left: 639px;}
#contents02 .reason02 figure.photo02 {top: 540px;left: 699px;}
#contents02 .reason02 .text-Box2 {top: 586px;left: 159px;}
#contents02 .reason03 .ttl-Box {top: 116px;left: 90px;}
#contents02 .reason03 p.num {left: 404px;}
#contents02 .reason03 figure.photo01 {top: 100px;left: 700px;}
#contents02 .reason03 .text-Box1 {top: 281px;left: 90px;}
#contents02 .reason03 figure.photo02 {top: 540px;left: 125px;}
#contents02 .reason03 .text-Box2 {top: 626px;left: 675px;}
#contents02 .reason03 .text-Box2 p.text {font-size: 18px;}

#contents03 {margin: 0 auto 100px;position: relative;background: linear-gradient(#4B5861 0, #4B5861 322px, transparent 322px);padding-top: 91px;text-align: center;color: #fff;}
#contents03 h2 {margin-bottom: 28px;position: relative;font-size: 35px;line-height: 60px;letter-spacing: 0.175em;text-indent: 0.175em;font-weight: 400;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 418px;background: url('../images/hiraya-life/contents03-photo01.jpg') no-repeat center/cover;padding-top: 140px;}
#contents03 .inner-Box h3 {margin-bottom: 11px;position: relative;font-size: 30px;line-height: 56px;letter-spacing: 0.04em;font-weight: 600;}
#contents03 .inner-Box p.text {position: relative;font-size: 16px;line-height: 36px;letter-spacing: 0.04em;font-weight: 600;}

#contents04 {margin: 0 auto 114px;position: relative;color: #1B1B1B;}
#contents04 ul {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 auto;width: 1100px;}
#contents04 ul li {position: relative;width: 520px;margin-right: 60px;}
#contents04 ul li:last-child {margin-right: 0;}
#contents04 ul li a {display: block;}
#contents04 ul li a:hover {opacity: 0.8;}
#contents04 ul li p.ltext {position: relative;height: 44px;background: #fff;padding-left: 16px;font-size: 18px;line-height: 48px;letter-spacing: 0.07em;font-weight: 400;}
#contents04 ul li p.ltext span.f-en {position: absolute;right: 14px;bottom: 6px;font-size: 10px;line-height: 1;letter-spacing: 0.02em;font-style: italic;font-weight: 300;}
#contents04 ul li figure img {vertical-align: top;}
#contents04 ul li p.text {margin-top: 21px;position: relative;font-size: 16px;line-height: 29px;letter-spacing: 0.04em;font-weight: 400;}

}

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

#contentsmain {position: relative;padding: 13.2vw 0 0;text-align: center;color: #1B1B1B;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h2 {margin-bottom: 2.05vw;position: relative;font-size: 8.21vw;line-height: 13.29vw;letter-spacing: 0.16em;text-indent: 0.16em;font-weight: 400;}
#contentsmain .inner-Box p.lead {margin-bottom: 7.23vw;position: relative;font-size: 5.31vw;line-height: 9.9vw;letter-spacing: 0.04em;font-weight: 400;}
#contentsmain .inner-Box figure.photo {position: relative;z-index: 1;margin-bottom: -21.26vw;}
#contentsmain .inner-Box figure.photo img {width: 100%;vertical-align: top;}

#contents01 {position: relative;background: #4B5861;color: #fff;padding: 38.26vw 0 19.32vw;}
#contents01 .inner-Box1 {position: relative;padding: 0 8.94vw;}
#contents01 .inner-Box1 h2 {margin-bottom: 7.39vw;position: relative;font-size: 6.76vw;line-height: 12.08vw;letter-spacing: 0.05em;font-weight: 400;}
#contents01 .inner-Box1 figure.photo {margin-bottom: 8.45vw;}
#contents01 .inner-Box1 figure.photo img {width: 100%;vertical-align: top;}
#contents01 .inner-Box1 p.text {margin-bottom: 7.25vw;position: relative;font-size: 3.38vw;line-height: 7.25vw;letter-spacing: 0.04em;font-weight: 400;}
#contents01 .inner-Box1 p.text:last-child {margin-bottom: 0;}
#contents01 .inner-Box2 {position: relative;padding: 6.13vw 8.94vw 0;}
#contents01 .inner-Box2 h3 {margin-bottom: 7.88vw;position: relative;font-size: 3.86vw;line-height: 7.49vw;letter-spacing: 0.04em;font-weight: 400;}
#contents01 .inner-Box2 .photo-Box {margin-bottom: 8.21vw;}
#contents01 .inner-Box2 .photo-Box figure.photo01 {width: 77.29vw;margin-bottom: 2.42vw;}
#contents01 .inner-Box2 .photo-Box figure.photo02 {width: 77.29vw;margin-left: 4.83vw;}
#contents01 .inner-Box2 .photo-Box img {width: 100%;vertical-align: top;}
#contents01 .inner-Box2 p.text {margin-bottom: 7.25vw;position: relative;font-size: 3.38vw;line-height: 7.25vw;letter-spacing: 0.04em;font-weight: 400;}
#contents01 .inner-Box2 p.text:last-child {margin-bottom: 0;}
#contents01 .ccmore {margin: 7.49vw 13.77vw 0;}
#contents01 .ccmore a {height: 15.46vw;display: block;position: relative;font-size: 3.86vw;line-height: 6.52vw;letter-spacing: 0.04em;font-weight: 400;border-radius: 1.07vw;background: #fff;color: #333;padding: 4.44vw 6.04vw;}
#contents01 .ccmore a span {position: absolute;top: 6.04vw;right: 4.83vw;width: 4.46vw;line-height: 1;}
#contents01 .ccmore a span img {width: 100%;vertical-align: top;}

#contents02 {position: relative;padding-top: 19.32vw;margin-bottom: 19.32vw;text-align: center;color: #1B1B1B;}
#contents02 p.subttl {margin: 0 auto 1.91vw;position: relative;width: 43.48vw;height: 7.73vw;background: #fff;font-size: 4.35vw;line-height: 7.73vw;letter-spacing: 0.04em;font-weight: 400;}
#contents02 p.subttl::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -2.78vw;border-style: solid;border-width: 2.42vw 2.78vw 0 2.78vw;border-color: #fff transparent transparent transparent;}
#contents02 h2 {margin-bottom: 8.24vw;position: relative;font-size: 6.76vw;line-height: 17.15vw;letter-spacing: 0.163em;text-indent: 0.163em;font-weight: 400;}
#contents02 h2 span.ttl1 {margin-right: -0.55em;}
#contents02 h2 span.ls {letter-spacing: 0.06em;}
#contents02 h2 span.f-en {font-size: 15.22vw;line-height: 0;}
#contents02 .reason-Box {margin: 0 auto 9.66vw;position: relative;width: 94.2vw;background: #fff;padding: 12.22vw 6.04vw 12.44vw;text-align: left;}
#contents02 .reason-Box:last-child {margin-bottom: 0;}
#contents02 .reason-Box .ttl-Box {position: relative;border-bottom: 1px solid #AA820B;padding-bottom: 3.24vw;margin-bottom: 7vw;}
#contents02 .reason-Box h3 {position: relative;font-size: 5.31vw;line-height: 9.66vw;letter-spacing: 0.04em;font-weight: 400;}
#contents02 .reason-Box p.num {position: absolute;right: -0.72vw;bottom: 1.4vw;font-size: 20.77vw;line-height: 1;letter-spacing: 0.06em;font-weight: 400;color: rgba(27,27,27,0.1);}
#contents02 .reason-Box p.num span {font-size: 15.22vw;}
#contents02 .reason-Box figure {margin-bottom: 8.21vw;}
#contents02 .reason-Box figure img {width: 100%;vertical-align: top;}
#contents02 .reason-Box .text-Box1 {margin-bottom: 7.49vw;}
#contents02 .reason-Box p.text {margin-bottom: 7.25vw;position: relative;font-size: 3.38vw;line-height: 7.25vw;letter-spacing: 0.04em;font-weight: 400;text-spacing-trim: space-all;}
#contents02 .reason-Box p.text:last-child {margin-bottom: 0;}
#contents02 .reason03 .text-Box2 p.text {line-height: 7.73vw;}
#contents02 .reason03 {padding-bottom: 11.84vw;}

#contents03 {position: relative;background: linear-gradient(#4B5861 0, #4B5861 36.23vw, transparent 36.23vw);padding-top: 7.95vw;text-align: center;color: #fff;}
#contents03 h2 {margin-bottom: 7.27vw;position: relative;font-size: 5.8vw;line-height: 10.14vw;letter-spacing: 0.04em;font-weight: 400;}
#contents03 .inner-Box {position: relative;height: 72.46vw;background: url('../images/hiraya-life/sp-contents03-photo01.jpg') no-repeat center/cover;padding: 10.97vw 8.94vw 0;}
#contents03 .inner-Box h3 {margin-bottom: 2.32vw;position: relative;font-size: 4.83vw;line-height: 9.66vw;letter-spacing: 0.04em;font-weight: 600;}
#contents03 .inner-Box p.text {position: relative;font-size: 3.38vw;line-height: 7.25vw;letter-spacing: 0.04em;font-weight: 600;text-align: left;}

#contents04 {position: relative;padding: 16.91vw 0 17.88vw;color: #1B1B1B;}
#contents04 ul li {position: relative;width: 82.13vw;margin: 0 auto 8.21vw;}
#contents04 ul li:last-child {margin-bottom: 0;}
#contents04 ul li a {display: block;}
#contents04 ul li p.ltext {position: relative;height: 16.91vw;background: #fff;padding: 5.31vw 0 0 5.07vw;font-size: 4.11vw;line-height: 1;letter-spacing: 0.07em;font-weight: 400;}
#contents04 ul li p.ltext span.f-en {position: absolute;right: 3.38vw;top: 11.45vw;font-size: 2.9vw;line-height: 1;letter-spacing: 0.02em;font-style: italic;font-weight: 300;}
#contents04 ul li figure img {width: 100%;vertical-align: top;}
#contents04 ul li p.text {margin-top: 3.62vw;position: relative;font-size: 3.86vw;line-height: 7vw;letter-spacing: 0.04em;font-weight: 400;}

}
