@charset "UTF-8";
/* CSS Document */
body {
background: #fff;
}

#TopHero {
position: relative;
}
#TopHero .ttl {
position: absolute;
right: 16px;
bottom: 36px;
color: #FFF;
text-align: right;
font-size: 2em;
}

#About .btn {
margin-top: 24px;
}
#About .ttl {
padding: 24px 0;
color: #f29100;
}
#About article:first-of-type {
border-bottom: solid 3px #f29100;
}

#Walfare {
color: #FFF;
}
#Walfare .Walfare-ttl {
background: linear-gradient(#ed6f00,#f6a900);
padding: 24px 0;
}
#Walfare article .ttl {
display: flex;
align-items: center;
padding: 36px 0;
width: 90%;
max-width: 300px;
margin: auto;
}
#Walfare span {
display: block;
font-weight: 700;
}
#Walfare .icon {
width: 48px;
height: auto;
margin-right: 8px;
}
#Walfare article {
width: 100%;
}
#Walfare p {
width: 90%;
margin: auto;
}
#Walfare article:nth-of-type(1) {
background: url("../images/bg-black.jpg") no-repeat center;
background-size: cover;
}
#Walfare article:nth-of-type(2) {
background: url("../images/bg-blue.jpg") no-repeat center;
background-size: cover;
}
#Walfare article:nth-of-type(3) {
background: url("../images/bg-green.jpg") no-repeat center;
background-size: cover;
}
#Walfare article:nth-of-type(4) {
background: url("../images/bg-orange.jpg") no-repeat center;
background-size: cover;
}
#Walfare article:nth-of-type(5) {
background: url("../images/bg-yellow.jpg") no-repeat center;
background-size: cover;
}
#Walfare article:nth-of-type(6) {
background: url("../images/bg-pink.jpg") no-repeat center;
background-size: cover;
}

#Voice .voice-ttl {
color: #f29100;
padding: 24px 0;
}
#Voice article {
width: 100%;
position: relative;
padding-bottom: 0;
}
#Voice article .ttl {
margin: 16px 0;
text-align: left;
}
#Voice .position {
padding: 16px 0;
}
#Voice article:nth-of-type(odd) {
background: #f29100;
color: #FFF;
margin-top: 50px;
z-index: -2;
}
#Voice article:nth-of-type(odd)::before {
position: absolute;
content: '';
left: 0;
width: 120%;
height: 100%;
margin: 3% -10% 0;
background: #f29100;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
z-index: -2;
}
#Voice article:nth-of-type(1)::before {
top: -30px;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#Voice article:nth-of-type(3)::before {
top: -60px;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
#Voice article .staff {
position: absolute;
height: 100%;
width: auto;
object-fit: cover;
}
#Voice article:nth-of-type(odd) .staff {
left: 0;
bottom: 0;
z-index: -1;
}
#Voice article:nth-of-type(odd) .txt {
width: 55%;
margin-left: 42%;
}
#Voice article:nth-of-type(even) .staff {
right: 0;
bottom: -40px;
z-index: -3;
}
#Voice article:nth-of-type(even) .txt {
width: 55%;
margin-left: 5%;
}
#Voice article:nth-of-type(even) .ttl {
color: #f29100;
}
#Voice .btn {
margin: 24px auto;
}