.mainvisual {
position: relative;
color: #fff;
}
.mainvisual .slider video {
aspect-ratio: auto;
height: 95vh;
width: 100%;
object-fit: cover;
}
.mainvisual-catch {
position: absolute;
left: 50%;
bottom: 6rem;
transform: translate(-50%, 0);
width: 100%;
max-width: calc(120rem + 8rem);
padding: 0 4rem;
}
.mainvisual-catch h1,
.mainvisual-catch p {
text-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}
.mainvisual-catch p {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 3rem;
}
.mainvisual-catch .cta {
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.mainvisual {
}
.mainvisual-catch {
padding: 0 2rem;
bottom: 4rem;
}
.mainvisual-catch p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
.mainvisual-catch .cta {
display: flex;
}
.mainvisual-catch .cta li:nth-child(2) {
margin: 0 0 0 2rem;
}
.mainvisual-catch .cta .more-btn a {
width: 17rem !important;
padding: 1em 0.7em;
}
.mainvisual-catch .cta .more-btn a::after {
width: 1.6rem;
height: 1.2rem;
right: 1rem;
}
}  .section01 .img01 {
margin-bottom: 1rem;
}
.section02 .box-lightblue img {
margin: 0 auto 2rem;
}
.section03 {
height: 50rem;
overflow: hidden;
}
.section03 .content01 {
padding: 8rem 0 8rem 4rem;
}
.section03 .content02 {
display: flex;
}
.section03 .img-slider.top-bottom {
margin-right: 1rem;
}
.section03 .more-btn a {
margin-top: 4rem;
}
.section04 .width-box {
max-width: calc(95rem + 8rem);
margin: 0 auto;
}
.section04 .row.small [class*="col-sm-"] {
padding: 0 1.5rem;
}
.section04 .content01 img {
margin-left: 1rem;
}
.section04 .content04 img {
margin-right: 1rem;
}
.section04 .round-box h3 {
font-size: 3.3rem;
margin: 0.3rem 0 0.5rem;
}
.section04 .round-box p {
border: 0.1rem solid #868686;
padding: 0.3rem;
border-radius: 5rem;
width: 100%;
max-width: 15rem;
}
.section04 .text-slider ul li p {
margin-top: 4rem;
}
.section05 .content {
background-color: #fff;
border-radius: 1rem;
overflow: hidden;
}
.section05 .box {
padding: 3rem 2.5rem;
}
.section06 .row01 .content01 {
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/section06_img01.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.section06 .content02 {
padding: 8rem 4rem 8rem 2rem;
}
.section06 .content02 .box-white {
max-width: 38rem;
font-weight: 700;
font-size: 1.4rem;
}
@media screen and (max-width: 1023px) {
.section03 {
height: 55rem;
}
.section04 .width-box {
max-width: calc(40rem + 8rem);
}
}
@media screen and (max-width: 767px) {
.section01 .more-btn a {
margin-bottom: 2rem;
}
.section02 .content01 img {
width: 9.7rem;
}
.section02 .content02 img {
width: 10.9rem;
}
.section02 .content03 img {
width: 11rem;
}
.section03 {
height: auto;
padding-bottom: 7rem !important;
}
.section03 .content01 {
padding: 7rem 0 0;
}
.section03 .content02 {
display: block;
}
.section03 .img-slider ul li {
width: 300vw;
}
.section03 .more-btn a {
margin-top: 2rem;
}
.section04 .row.small [class*="col-sm-"] {
padding: 0 0.5rem;
margin-bottom: 2rem;
}
.section04 .content01 img {
width: 3rem;
}
.section04 .content02 img {
width: 3.5rem;
}
.section04 .content03 img {
width: 3.2rem;
}
.section04 .content04 img {
width: 3.5rem;
}
.section04 .round-box h3 {
font-size: 2.6rem;
}
.section04 .round-box p {
padding: 0;
max-width: 11.6rem;
font-size: 1.4rem;
}
.section04 .text-slider ul li p {
padding-bottom: 2rem;
}
.section05 .box {
padding: 2rem;
}
.section06 .row01 .content01 {
min-height: 32.9rem;
}
.section06 .content02 {
padding: 7rem 2rem 5rem;
}
}