@charset "UTF-8";

html {
font-size: 16px;
}
@media screen and (max-width: 701px) {
html {
font-size: calc(100vw / 700);
}
}
body {
font-family: "Zen Kaku Gothic New", sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: bold;
margin: 0 !important;
}
body * {
color: #000;
letter-spacing: 0.05em;
}
main#primary {
overflow: hidden;
}
@media screen and (min-width: 700px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 701px) {
.pc {
display: none !important;
}
}
.w-md {
width: 100%;
max-width: 1140px;
padding-left: 30px;
padding-right: 30px;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
.w-md {
width: 100%;
padding-left: 50rem;
padding-right: 50rem;
}
}
.guidebox {
pointer-events: none;
background-size: 1280px;
width: 100%;
max-width: 1280px;
z-index: 9999;
opacity: 0.75;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 0;
opacity: 0.3;
}
@media screen and (max-width: 701px) {
.guidebox {
max-width: 350px;
background-size: 350px !important;
}
}
body.home .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/home.jpg) no-repeat top center;
height: 10730px;
}
@media screen and (max-width: 701px) {
body.home .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/home_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-recruit .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/recruit.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-recruit .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/recruit_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-recruitment .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/recruitment.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-recruitment .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/recruitment_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-sdgs .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/sdgs.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-sdgs .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/sdgs_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-privacy-policy .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/privacy-policy.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/privacy-policy_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-business .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/business.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-business .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/business_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-contact .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/contact.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-contact .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/contact_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-contact-confirm .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/contact-confirm.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-contact-confirm .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/contact-confirm_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-contact-thanks .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/contact-thanks.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-contact-thanks .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/contact-thanks_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.post-type-archive-works .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/works.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/works_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.single-works .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/single-works.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.single-works .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/single-works_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-service .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/service.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-service .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/service_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-about .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/about.jpg) no-repeat top center;
height: 7042px;
}
@media screen and (max-width: 701px) {
body.page-about .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/about_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-company .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/menu.jpg) no-repeat top center;
height: 7042px;
}
@media screen and (max-width: 701px) {
body.page-company .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/menu_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-service-detail .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/service-detail.jpg) no-repeat top center;
height: 15053px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/service-detail_sp.jpg) no-repeat top center;
height: 15178px;
background-position: top 0px center;
}
}
body.post-type-archive-news .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/news.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/news_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.single-news .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/single-news.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.single-news .guidebox {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/guide/single-news_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
.azo {
font-family: "azo-sans-web", sans-serif;
}
.heading_style_1 {
font-family: "azo-sans-web", sans-serif;
font-weight: 500;
letter-spacing: 0.075em;
line-height: 1;
font-size: 60px;
}
.link_style_1 {
cursor: pointer;
width: 290px;
height: 75px;
background: #fff;
border: 1px solid #b5d3e4;
border-radius: 7px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
position: relative;
}
.link_style_1::before {
content: "＞";
position: absolute;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
font-size: 14px;
transition: all 0.2s ease;
color: #2b82b1;
}
.link_style_1 span {
font-size: 16px;
font-weight: 800;
color: #2b82b1;
}
.link_style_1:hover {
background: #2b82b1;
border: 1px solid #2b82b1;
transition: all 0.2s ease;
}
.link_style_1:hover::before {
right: 10px;
color: #fff;
}
.link_style_1:hover span {
color: #fff;
}
.link_style_1:hover span::before {
right: -66px;
}
.link_style_2 {
cursor: pointer;
width: 290px;
height: 75px;
background: #2b82b1;
border: 1px solid #2b82b1;
border-radius: 7px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
position: relative;
}
@media screen and (max-width: 701px) {
.link_style_2 {
width: 400rem;
height: 90rem;
border-radius: 7rem;
}
}
.link_style_2::before {
content: "＞";
position: absolute;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
font-size: 14px;
transition: all 0.2s ease;
color: #fff;
}
@media screen and (max-width: 701px) {
.link_style_2::before {
font-size: 20rem;
right: 20rem;
}
}
.link_style_2 span {
font-size: 16px;
font-weight: 800;
color: #fff;
}
@media screen and (max-width: 701px) {
.link_style_2 span {
font-size: 26rem;
}
}
.link_style_2:hover {
background: #fff;
border: 1px solid #b5d3e4;
transition: all 0.2s ease;
}
.link_style_2:hover::before {
right: 10px;
color: #2b82b1;
}
.link_style_2:hover span {
color: #2b82b1;
}
.link_style_2:hover span::before {
right: -66px;
}
.link_style_3 {
cursor: pointer;
width: 180px;
height: 54px;
background: #fff;
border: 1px solid #cecece;
display: flex;
justify-content: flex-start;
align-items: center;
transition: all 0.2s ease;
position: relative;
padding-left: 18px;
}
@media screen and (max-width: 701px) {
.link_style_3 {
width: 360rem;
height: 108rem;
padding-left: 40rem;
}
}
.link_style_3::before {
content: "＞";
position: absolute;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
font-size: 14px;
transition: all 0.2s ease;
color: #000;
}
@media screen and (max-width: 701px) {
.link_style_3::before {
font-size: 28rem;
right: 30rem;
}
}
.link_style_3 span {
font-size: 16px;
font-weight: 800;
color: #000;
}
@media screen and (max-width: 701px) {
.link_style_3 span {
font-size: 26rem;
}
}
.link_style_3:hover {
background: #000;
border: 1px solid #b5d3e4;
transition: all 0.2s ease;
}
.link_style_3:hover::before {
right: 10px;
color: #fff;
}
.link_style_3:hover span {
color: #fff;
}
.link_style_3:hover span::before {
right: -66px;
}
.text_fade span {
opacity: 0;
}
.active.text_fade span {
animation: text_anime_on 1s ease-out forwards;
}
@media screen and (min-width: 700px) {
.business_fade > div {
opacity: 0;
}
.active.business_fade > div {
animation: text_anime_on 1s ease-out forwards;
}
}
@media screen and (max-width: 701px) {
.business_fade_sp {
opacity: 0;
}
.active.business_fade_sp {
animation: text_anime_on 1s ease-out forwards;
animation-delay: 0.5s !important;
}
}
@keyframes text_anime_on {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-top {
from {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fade-top {
from {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fade-right {
from {
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fade-right {
from {
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fade-left {
from {
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fade-left {
from {
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
header#masthead {
height: 120px;
top: 0;
position: fixed;
background: #fff;
z-index: 500;
width: 100%;
}
@media screen and (max-width: 701px) {
header#masthead {
height: 160rem;
}
}
header#masthead .header_box {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 700px) {
header#masthead .header_box {
padding-left: 50px;
padding-right: 40px;
min-width: 1024px;
}
}
@media screen and (max-width: 701px) {
header#masthead .header_box {
padding-left: 13px;
padding-right: 28rem;
}
header#masthead .header_box .header_logo_1 {
width: 360rem;
}
}
header#masthead #site-navigation {
margin-left: auto;
width: unset;
}
header#masthead #site-navigation .list_1 {
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: -30px;
}
header#masthead #site-navigation .list_1 .item_1 {
margin-right: 30px;
}
header#masthead #site-navigation .list_1 .item_1 .button_1 {
border: none;
outline: none !important;
width: 40px;
height: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_button_1.png) no-repeat center/contain;
transition: all 0.2s ease;
}
header#masthead #site-navigation .list_1 .item_1 .button_1:focus {
outline: none !important;
}
header#masthead #site-navigation .list_1 .item_1 .button_1.open {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_button_2.png) no-repeat center/contain;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box {
position: absolute;
width: 100%;
background: #fff;
top: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
z-index: -1;
transition: all 0.2s ease;
overflow: hidden;
}
header#masthead .mega_menu_box.close {
opacity: 0;
height: 0;
padding-top: 120px;
}
header#masthead .mega_menu_box.open {
opacity: 1;
height: 1000px;
padding-top: 213px;
}
header#masthead .mega_menu_box .mega_menu_box_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 1080px;
margin: 0 auto;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_1 {
width: 300px;
margin-right: 60px;
display: flex;
flex-direction: column;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_2 {
width: 300px;
margin-right: 84px;
display: flex;
flex-direction: column;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 {
width: 336px;
height: 586px;
background: #2b82b1;
position: relative;
padding-left: 28px;
padding-right: 28px;
padding-top: 102px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .link_4 {
padding-left: 15px;
display: block;
padding-bottom: 36px;
position: relative;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .link_4::before {
content: "＞";
position: absolute;
right: 13px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -17px);
font-size: 12px;
transition: all 0.2s ease;
color: #fff;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .link_4:hover .text_6,
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .link_4:hover .text_7 {
transition: all 0.2s ease;
color: rgba(255, 255, 255, 0.4);
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .link_4:hover::before {
color: rgba(255, 255, 255, 0.4);
right: 3px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .text_5 {
font-size: 76px;
color: rgba(255, 255, 255, 0.2);
letter-spacing: 0.075em;
position: absolute;
top: -34px;
left: -6px;
font-weight: 500;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .text_6 {
font-size: 22px;
letter-spacing: 0.1em;
color: #fff;
margin-bottom: 8px;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .text_7 {
font-size: 13px;
letter-spacing: 0.075em;
color: #fff;
font-weight: 500;
}
header#masthead .mega_menu_box .mega_menu_box_1 .mega_menu_box_1_3 .image_1 {
position: absolute;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 100%;
height: 170px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_image_1.jpg) no-repeat center/contain;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_1 {
display: flex;
flex-direction: column;
padding-left: 15px;
padding-bottom: 33px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_1 .text_1 {
font-size: 26px;
line-height: 1;
margin-bottom: 12px;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_1 .text_2 {
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_1:hover .text_1,
header#masthead .mega_menu_box .mega_menu_box_1 .link_1:hover .text_2 {
transition: all 0.2s ease;
color: rgba(0, 0, 0, 0.4);
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2 {
width: 300px;
height: 90px;
border: 1px solid #b5d3e4;
margin-top: 17px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 40px;
position: relative;
transition: all 0.2s ease;
margin-bottom: 20px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2 .text_3 {
color: #2b82b1;
font-size: 22px;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2 .parts_1 {
width: 40px;
height: 2px;
display: block;
background: #000;
position: absolute;
right: 28px;
z-index: 2;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2 .parts_1::before {
content: "";
position: absolute;
left: -10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 20px;
height: 20px;
z-index: 1;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/footer_parts_2.svg) no-repeat center/contain;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2:hover {
background: #2b82b1;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2:hover .text_3 {
color: #fff;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_2:hover .parts_1::before {
left: 35px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/footer_parts_1.svg) no-repeat center/contain;
}
header#masthead .mega_menu_box .mega_menu_box_1 .link_3 .text_4 {
font-size: 14px;
color: #707070;
text-decoration: underline;
}
header#masthead .mega_menu_box .mega_menu_box_1 .line_1 {
position: relative;
margin-bottom: 34px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .line_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 300px;
height: 1px;
background: #cecece;
}
header#masthead .mega_menu_box .mega_menu_box_1 .line_1::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 1px;
background: #2b82b1;
}
header#masthead .mega_menu_box .mega_menu_box_1 .line_2 {
position: relative;
margin-bottom: 40px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .line_2::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 280px;
height: 1px;
background: rgba(255, 255, 255, 0.3);
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 {
margin-bottom: 10px;
padding-left: 60px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 li {
margin-bottom: 20px;
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 li a {
font-size: 16px;
color: #707070;
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 li a:hover {
color: #2b82b1;
transition: all 0.2s ease;
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 li a:hover i::before {
transition: all 0.2s ease;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_icon_2.png) no-repeat center/contain;
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 li a i {
position: relative;
}
header#masthead .mega_menu_box .mega_menu_box_1 .list_1 li a i::before {
transition: all 0.2s ease;
content: "";
position: absolute;
left: -25px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_icon_1.png) no-repeat center/contain;
}
header#masthead .text_8 {
font-size: 12px;
color: #000;
width: 100%;
text-align: right;
padding-right: 78px;
margin-top: 127px;
}
header#masthead .drawer-toggle {
border: none;
outline: none !important;
width: 100rem;
height: 100rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_button_1.png) no-repeat center/contain;
transition: all 0.2s ease;
}
header#masthead .drawer-toggle:focus {
outline: none !important;
}
header#masthead .drawer-toggle.open {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_button_2.png) no-repeat center/contain;
transition: all 0.2s ease;
}
body.drawer .drawer-toggle .open {
display: block;
}
body.drawer .drawer-toggle .close {
display: none;
}
body.drawer--left.drawer-open .drawer-toggle .open {
display: none;
}
body.drawer--left.drawer-open .drawer-toggle .close {
display: block;
}
body.drawer--right nav.drawer-nav {
right: -100vw;
width: 100vw;
}
.drawer--right.drawer-open .drawer-nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
nav.drawer-nav .drawer-menu .header {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 13px;
padding-right: 28rem;
height: 160rem;
}
nav.drawer-nav .drawer-menu .header .header_logo_1 {
width: 360rem;
}
nav.drawer-nav #main_menu_sp {
display: flex;
flex-direction: column;
padding-left: 50rem;
padding-right: 50rem;
padding-top: 65rem;
}
nav.drawer-nav #main_menu_sp .link_1 {
display: flex;
flex-direction: column;
padding-left: 30rem;
padding-bottom: 43rem;
position: relative;
}
nav.drawer-nav #main_menu_sp .link_1 .text_1 {
font-size: 42rem;
line-height: 1;
margin-bottom: 18rem;
transition: all 0.2s ease;
}
nav.drawer-nav #main_menu_sp .link_1 .text_2 {
font-size: 24rem;
line-height: 1;
transition: all 0.2s ease;
}
nav.drawer-nav #main_menu_sp .list_1 {
margin-bottom: 0;
padding-left: 104rem;
height: 0;
opacity: 0;
transition: all 0.2s ease;
}
nav.drawer-nav #main_menu_sp .list_1.open {
margin-bottom: 20rem;
transition: all 0.2s ease;
height: 350rem;
opacity: 1;
}
nav.drawer-nav #main_menu_sp .list_1 li {
margin-bottom: 28rem;
}
nav.drawer-nav #main_menu_sp .list_1 li a {
font-size: 28rem;
}
nav.drawer-nav #main_menu_sp .list_1 li a i {
position: relative;
}
nav.drawer-nav #main_menu_sp .list_1 li a i::before {
transition: all 0.2s ease;
content: "";
position: absolute;
left: -43rem;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 27rem;
height: 27rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/menu_icon_1.png) no-repeat center/contain;
}
nav.drawer-nav #main_menu_sp .line_1 {
position: relative;
margin-bottom: 52rem;
}
nav.drawer-nav #main_menu_sp .line_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 600rem;
height: 1px;
background: #cecece;
}
nav.drawer-nav #main_menu_sp .line_1::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20rem;
height: 1px;
background: #2b82b1;
}
nav.drawer-nav .toggle_service_menu {
border: none;
outline: none !important;
width: 45rem;
height: 45rem;
right: 30rem;
top: 19rem;
position: absolute;
}
nav.drawer-nav .toggle_service_menu:focus {
outline: none !important;
}
nav.drawer-nav .toggle_service_menu::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: 45rem;
height: 1px;
background: #000;
}
nav.drawer-nav .toggle_service_menu.close::after {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
height: 45rem;
width: 1px;
background: #000;
}
nav.drawer-nav .recruit_box {
width: 100vw;
margin-left: -50rem;
margin-right: -50rem;
background: #2b82b1;
margin-top: 25rem;
position: relative;
padding-top: 80rem;
}
nav.drawer-nav .recruit_box .text_5 {
font-size: 159rem;
color: rgba(255, 255, 255, 0.2);
letter-spacing: 0.075em;
position: absolute;
top: -69rem;
left: -18rem;
font-weight: 500;
}
nav.drawer-nav .recruit_box .link_4 {
padding-left: 72rem;
display: block;
padding-bottom: 50rem;
position: relative;
}
nav.drawer-nav .recruit_box .link_4::before {
content: "＞";
position: absolute;
right: 75rem;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% - 27rem);
font-size: 30rem;
transition: all 0.2s ease;
color: #fff;
}
nav.drawer-nav .recruit_box .link_4 .text_6 {
font-size: 36rem;
letter-spacing: 0.1em;
color: #fff;
margin-bottom: 12rem;
transition: all 0.2s ease;
}
nav.drawer-nav .recruit_box .link_4 .text_7 {
font-size: 24rem;
letter-spacing: 0.075em;
color: #fff;
font-weight: 500;
}
nav.drawer-nav .recruit_box .line_2 {
position: relative;
margin-bottom: 50rem;
}
nav.drawer-nav .recruit_box .line_2::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 600rem;
height: 1px;
background: rgba(255, 255, 255, 0.4);
}
nav.drawer-nav .link_2 {
width: 600rem;
height: 153rem;
border: 1px solid #b5d3e4;
margin-top: 50rem;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 60rem;
position: relative;
margin-bottom: 40rem;
}
nav.drawer-nav .link_2 .text_3 {
color: #2b82b1;
font-size: 32rem;
}
nav.drawer-nav .link_2 .parts_1 {
width: 54rem;
height: 1px;
display: block;
background: #000;
position: absolute;
right: 40rem;
z-index: 2;
}
nav.drawer-nav .link_2 .parts_1::before {
content: "";
position: absolute;
left: -11rem;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 22rem;
height: 22rem;
z-index: 1;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/footer_parts_2.svg) no-repeat center/contain;
}
nav.drawer-nav .link_3 {
margin-bottom: 80rem;
}
nav.drawer-nav .link_3 .text_4 {
text-align: center;
font-size: 20rem;
color: #707070;
text-decoration: underline;
}
footer.site-footer {
overflow: hidden;
padding-bottom: 20px;
background: #eaeff1;
border-top: 1px solid #ebeff1;
position: relative;
z-index: 10;
}
@media screen and (max-width: 701px) {
footer.site-footer {
padding-bottom: 20rem;
}
}
footer.site-footer .footer_box_1 {
display: flex;
flex-wrap: wrap;
}
footer.site-footer .footer_box_1 .footer_box_1_1 {
width: 50%;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_1 .footer_box_1_1 {
width: 100%;
}
}
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 {
height: 140px;
background: #2b82b1;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 {
height: 154rem;
}
}
@media screen and (min-width: 700px) {
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1:hover {
background: #fff;
transition: all 0.2s ease;
}
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1:hover .text_1 {
color: #2b82b1;
}
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1:hover .parts_1::before {
left: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/footer_parts_2.svg) no-repeat center/contain;
}
}
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 .text_1 {
width: 540px;
font-size: 28px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1;
color: #fff;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 .text_1 {
width: 600rem;
font-size: 32rem;
}
}
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 .parts_1 {
width: 50px;
height: 2px;
display: block;
background: #000;
position: absolute;
right: 62px;
z-index: 2;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 .parts_1 {
width: 65rem;
right: 52rem;
height: 1rem;
}
}
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 .parts_1::before {
content: "";
position: absolute;
left: -10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 20px;
height: 20px;
z-index: 1;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/footer_parts_1.svg) no-repeat center/contain;
transition: all 0.2s ease;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_1 .footer_box_1_1 .link_1 .parts_1::before {
left: -5rem;
width: 22rem;
height: 22rem;
}
}
footer.site-footer .footer_box_1 .footer_box_1_2 {
width: 50%;
}
footer.site-footer .footer_box_1 .footer_box_1_2 .link_2 {
height: 140px;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
padding-right: 38px;
transition: all 0.2s ease;
}
footer.site-footer .footer_box_1 .footer_box_1_2 .link_2:hover {
background: #000;
transition: all 0.2s ease;
}
footer.site-footer .footer_box_1 .footer_box_1_2 .link_2:hover .text_2 {
color: #fff;
}
footer.site-footer .footer_box_1 .footer_box_1_2 .link_2 .text_2 {
width: 100%;
text-align: right;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1;
}
footer.site-footer .footer_box_2 {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 700px) {
footer.site-footer .footer_box_2 {
padding-top: 121px;
margin-bottom: 84px;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
}
footer.site-footer .footer_box_2 .footer_box_2_1 {
width: 50%;
}
@media screen and (min-width: 700px) {
footer.site-footer .footer_box_2 .footer_box_2_1 {
padding-left: 20px;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_1 {
width: 100%;
}
}
footer.site-footer .footer_box_2 .footer_box_2_1 .logo {
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_1 .logo {
width: 340rem;
margin-bottom: 30rem;
}
}
footer.site-footer .footer_box_2 .footer_box_2_1 .text_3 {
line-height: 1.75;
margin-bottom: 45px;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_1 .text_3 {
font-size: 26rem;
margin-bottom: 57rem;
line-height: 1.6153846154;
}
}
footer.site-footer .footer_box_2 .footer_box_2_1 .link_3 {
display: flex;
width: 200px;
height: 40px;
border: 1px solid #cecece;
font-size: 14px;
line-height: 40px;
position: relative;
transition: all 0.2s ease;
}
@media screen and (min-width: 700px) {
footer.site-footer .footer_box_2 .footer_box_2_1 .link_3 {
padding-left: 25px;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_1 .link_3 {
width: 340rem;
height: 80rem;
line-height: 80rem;
font-size: 24rem;
padding-left: 33rem;
}
}
footer.site-footer .footer_box_2 .footer_box_2_1 .link_3:hover {
transition: all 0.2s ease;
color: #2b82b1;
border: 1px solid #2b82b1;
}
footer.site-footer .footer_box_2 .footer_box_2_1 .link_3::before {
content: "";
position: absolute;
right: 18px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/footer_icon_1.svg) no-repeat center/contain;
width: 12px;
height: 12px;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_1 .link_3::before {
right: 28rem;
width: 25rem;
height: 25rem;
}
}
footer.site-footer .footer_box_2 .footer_box_2_2 {
width: 50%;
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_2 {
margin-bottom: 100rem;
width: 100%;
}
}
footer.site-footer .footer_box_2 .footer_box_2_2 .text_4 {
font-size: 38px;
line-height: 1.4473684211;
position: relative;
}
@media screen and (min-width: 700px) {
footer.site-footer .footer_box_2 .footer_box_2_2 .text_4 {
left: 173px;
top: 85px;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_2 .footer_box_2_2 .text_4 {
font-size: 36rem;
writing-mode: vertical-rl;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
line-height: 1.6;
padding-top: 110rem;
letter-spacing: 0.125em;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_3 {
padding-top: 40rem;
}
}
footer.site-footer .footer_box_3 .text_5 {
text-align: right;
font-size: 12px;
letter-spacing: 0.1em;
}
@media screen and (min-width: 700px) {
footer.site-footer .footer_box_3 .text_5 {
padding-right: 42px;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .footer_box_3 .text_5 {
font-size: 18rem;
text-align: center;
}
}
@media screen and (min-width: 700px) {
body.home header#masthead {
background: none;
position: absolute;
}
body.home header#masthead .link_1 {
color: #fff;
}
}
body.home section.mv {
position: fixed;
top: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 100vw;
}
body.home section.mv .mv_box {
height: 1000px;
padding-top: 320px;
}
@media screen and (max-width: 701px) {
body.home section.mv .mv_box {
height: 1128rem;
padding-top: 230rem;
}
}
body.home section.mv .mv_box .mv_box_1 {
padding-left: 10px;
}
@media screen and (max-width: 701px) {
body.home section.mv .mv_box .mv_box_1 {
padding-left: 10rem;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
}
@media screen and (min-width: 700px) {
body.home section.mv .mv_box .mv_box_1 .text_1 {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.01em;
width: 307px;
height: 30px;
background: #2b82b1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-right: 5px solid #000;
margin-bottom: 15px;
}
}
@media screen and (max-width: 701px) {
body.home section.mv .mv_box .mv_box_1 .text_1 {
font-size: 24rem;
line-height: 1.3333333333;
background: #2b82b1;
color: #fff;
border-right: 7rem solid #000;
padding: 4rem 19rem;
letter-spacing: 0;
font-weight: 500;
}
}
body.home section.mv .mv_box .mv_box_1 .text_2 {
font-size: calc(31px + 1.4vw);
color: #fff;
line-height: 1.4545454545;
}
@media screen and (max-width: 701px) {
body.home section.mv .mv_box .mv_box_1 .text_2 {
font-size: 48rem;
line-height: 1.5;
color: #000;
margin-bottom: 40rem;
}
}
body.home section.mv .mv_box .mv_box_2 {
position: fixed;
width: 100vw;
height: 100vh;
z-index: -1;
}
@media screen and (min-width: 700px) {
body.home section.mv .mv_box .mv_box_2 {
top: 0;
left: 0;
}
}
@media screen and (max-width: 701px) {
body.home section.mv .mv_box .mv_box_2 {
top: 330rem;
right: 0;
width: 620rem;
height: 800rem;
}
}
@media screen and (min-width: 700px) {
body.home section.mv .mv_box .mv_box_2::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
}
}
body.home section.mv .mv_box .mv_box_2 #main_video {
width: 100vw;
height: 100vh;
object-fit: cover;
}
@media screen and (max-width: 701px) {
body.home section.mv .mv_box .mv_box_2 #main_video {
width: 620rem;
height: 800rem;
}
}
body.home section.about {
margin-top: 1000px;
padding-bottom: 100px;
position: relative;
}
@media screen and (min-width: 700px) {
body.home section.about::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: 0;
height: 248px;
width: 100vw;
background-position: center;
background-repeat: repeat-x;
background-size: contain;
}
}
@media screen and (max-width: 701px) {
body.home section.about {
margin-top: 1128rem;
padding-bottom: 50rem;
}
}
body.home section.about .about_box {
position: relative;
display: flex;
align-items: flex-start;
}
@media screen and (min-width: 700px) {
body.home section.about .about_box {
justify-content: flex-end;
}
}
body.home section.about .about_box .about_box_1 {
background: #fff;
position: relative;
z-index: 0;
padding-top: 119px;
padding-left: 100px;
}
@media screen and (min-width: 700px) {
body.home section.about .about_box .about_box_1 {
width: 520px;
}
}
@media screen and (max-width: 701px) {
body.home section.about .about_box .about_box_1 {
padding-top: 144rem;
padding-left: 70rem;
}
}
body.home section.about .about_box .about_box_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100vw;
background: #fff;
z-index: -1;
}
@media screen and (min-width: 700px) {
body.home section.about .about_box .about_box_1::before {
height: calc(100% + 100rem);
}
}
@media screen and (max-width: 701px) {
body.home section.about .about_box .about_box_1::before {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 150vw;
height: calc(100% + 50rem);
}
}
body.home section.about .about_box .about_box_1 .text_1 {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.075em;
position: relative;
margin-bottom: 17px;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.about .about_box .about_box_1 .text_1 {
font-size: 24rem;
margin-bottom: 50rem;
}
}
body.home section.about .about_box .about_box_1 .text_2 {
font-size: 17px;
line-height: 2.7647058824;
margin-bottom: 48px;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.about .about_box .about_box_1 .text_2 {
font-size: 28rem;
line-height: 2.2142857143;
letter-spacing: 0.025em;
margin-bottom: 43rem;
width: 100%;
max-width: 520rem;
}
}
body.home section.about .about_box .about_box_1 .text_3 {
font-size: 17px;
line-height: 2.7647058824;
margin-bottom: 60px;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.about .about_box .about_box_1 .text_3 {
font-size: 28rem;
line-height: 2.2142857143;
letter-spacing: 0.025em;
margin-bottom: 66rem;
width: 100%;
max-width: 464rem;
}
}
body.home section.about .about_box .about_box_1 .link_1 {
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.about .about_box .about_box_1 .link_1 {
margin-left: 30rem;
cursor: pointer;
background: #2b82b1;
border: 1px solid #2b82b1;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
position: relative;
width: 400rem;
height: 90rem;
border-radius: 7rem;
}
body.home section.about .about_box .about_box_1 .link_1 span {
font-weight: 800;
color: #fff;
font-size: 26rem;
}
body.home section.about .about_box .about_box_1 .link_1::before {
content: "＞";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
transition: all 0.2s ease;
color: #fff;
font-size: 20rem;
right: 20rem;
}
}
body.home section.about .wave_1 {
position: fixed;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 750px;
width: 200vw;
height: 110px;
background-image: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_parts_4.png);
background-repeat: repeat-x;
background-position: 0 0;
background-size: contain;
animation: wave1 300s linear infinite;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.home section.about .wave_1 {
top: unset;
bottom: 60rem;
width: 200vw;
height: 130rem;
}
}
body.home section.about .wave_2 {
position: fixed;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 750px;
width: 200vw;
height: 110px;
background-image: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_parts_5.png);
background-repeat: repeat-x;
background-position: 0 0;
background-size: contain;
animation: wave2 450s linear infinite;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.home section.about .wave_2 {
top: unset;
bottom: 110rem;
width: 200vw;
height: 130rem;
}
}
@keyframes wave1 {
from {
background-position: 0 0;
}
to {
background-position: 3600px 0;
}
}
@keyframes wave2 {
from {
background-position: 1200px 0;
}
to {
background-position: 4800px 0;
}
}
body.home section.service {
padding-top: 108px;
padding-bottom: 160px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.service {
padding-top: 166rem;
padding-bottom: 188rem;
}
}
body.home section.service .service_box .service_box_1 .text_1 {
text-align: center;
color: #2b82b1;
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 15rem;
}
}
body.home section.service .service_box .service_box_1 .text_2 {
text-align: center;
font-size: 16px;
margin-bottom: 119px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_1 .text_2 {
font-size: 28rem;
margin-bottom: 97rem;
}
}
body.home section.service .service_box .service_box_1 .text_2::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -60px;
width: 20px;
height: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_1 .text_2::before {
width: 20rem;
height: 40rem;
bottom: -60rem;
}
}
body.home section.service .service_box .service_box_1 .text_3 {
text-align: center;
font-size: 20px;
position: relative;
left: 6px;
margin-bottom: 90px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_1 .text_3 {
font-size: 28rem;
left: unset;
line-height: 1.8571428571;
margin-bottom: 73rem;
}
}
body.home section.service .service_box .service_box_2 {
display: flex;
flex-wrap: wrap;
margin-bottom: 143px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 {
flex-direction: column;
margin-bottom: 120rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_1 {
width: 700px;
height: 750px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_2.jpg) no-repeat center top/contain;
margin-left: -100px;
position: relative;
}
@media screen and (max-width: 1141px) {
body.home section.service .service_box .service_box_2 .service_box_2_1 {
width: 61vw;
}
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_1 {
width: 580rem;
height: 450rem;
margin-left: unset;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_2_sp.jpg) no-repeat center/cover;
left: -50rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_1 .text_4 {
writing-mode: vertical-rl;
position: absolute;
font-size: 18px;
letter-spacing: 0.075em;
top: 0;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_1 .text_4 {
font-size: 20rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_1 .text_4.right {
right: -40px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_1 .text_4.right {
right: -50rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_1 .text_4.left {
left: -40px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_1 .text_4.left {
left: -47rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_2 {
width: calc(100% - 600px);
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
padding-left: 150px;
padding-bottom: 17px;
}
@media screen and (max-width: 1141px) {
body.home section.service .service_box .service_box_2 .service_box_2_2 {
width: 39vw;
padding-left: 10vw;
}
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_2 {
width: 100%;
padding-left: 20rem;
padding-top: 61rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_2 .text_1 {
font-size: 36px;
letter-spacing: 0.125em;
line-height: 1.5;
margin-bottom: 96px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_2 .text_1 {
font-size: 42rem;
line-height: 1.4761904762;
margin-bottom: 44rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_2 .text_2 {
font-size: 24px;
letter-spacing: 0.125em;
line-height: 1.75;
margin-bottom: 42px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_2 .text_2 {
font-size: 32rem;
line-height: 1.6875;
margin-bottom: 40rem;
}
}
body.home section.service .service_box .service_box_2 .service_box_2_2 .text_3 {
font-size: 16px;
line-height: 2;
width: 100%;
max-width: 300px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2 .service_box_2_2 .text_3 {
font-size: 24rem;
letter-spacing: 0.025em;
max-width: 580rem;
}
}
body.home section.service .service_box .service_box_2:nth-of-type(3) .service_box_2_1 {
margin-left: unset;
margin-right: -100px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_3.jpg) no-repeat center top/contain;
}
@media screen and (min-width: 700px) {
body.home section.service .service_box .service_box_2:nth-of-type(3) .service_box_2_1 {
order: 2;
}
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2:nth-of-type(3) .service_box_2_1 {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_3_sp.jpg) no-repeat center/cover;
left: 70rem;
padding-right: unset;
}
}
body.home section.service .service_box .service_box_2:nth-of-type(3) .service_box_2_2 {
padding-left: 30px;
}
@media screen and (min-width: 700px) {
body.home section.service .service_box .service_box_2:nth-of-type(3) .service_box_2_2 {
order: 1;
}
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2:nth-of-type(3) .service_box_2_2 {
padding-left: 70rem;
}
}
body.home section.service .service_box .service_box_2:nth-of-type(4) {
margin-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2:nth-of-type(4) {
margin-bottom: 38rem;
}
}
body.home section.service .service_box .service_box_2:nth-of-type(4) .service_box_2_1 {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_4.jpg) no-repeat center top/contain;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .service_box_2:nth-of-type(4) .service_box_2_1 {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_4_sp.jpg) no-repeat center/cover;
}
}
body.home section.service .service_box .link_1 {
margin: 0 auto;
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .link_1 {
cursor: pointer;
width: 290px;
height: 75px;
background: #2b82b1;
border: 1px solid #2b82b1;
border-radius: 7px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
position: relative;
}
}
@media screen and (max-width: 701px) and (max-width: 701px) {
body.home section.service .service_box .link_1 {
width: 400rem;
height: 90rem;
border-radius: 7rem;
}
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .link_1::before {
content: "＞";
position: absolute;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
font-size: 14px;
transition: all 0.2s ease;
color: #fff;
}
}
@media screen and (max-width: 701px) and (max-width: 701px) {
body.home section.service .service_box .link_1::before {
font-size: 20rem;
right: 20rem;
}
}
@media screen and (max-width: 701px) {
body.home section.service .service_box .link_1 span {
font-size: 16px;
font-weight: 800;
color: #fff;
}
}
@media screen and (max-width: 701px) and (max-width: 701px) {
body.home section.service .service_box .link_1 span {
font-size: 26rem;
}
}
body.home section.business {
padding-bottom: 100px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.business {
padding-bottom: 50rem;
}
}
body.home section.business .business_box {
padding-top: 127px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box {
padding-top: 81rem;
}
}
body.home section.business .business_box::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 1180px;
height: calc(100% - 40px);
background: rgba(236, 239, 241, 0.5);
z-index: -1;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box::before {
height: calc(100% - 40px);
width: 100%;
}
}
body.home section.business .business_box .business_box_1 {
margin-bottom: 140px;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_1 {
margin-bottom: 110rem;
}
}
body.home section.business .business_box .business_box_1 .text_1 {
text-align: center;
color: #2b82b1;
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 3rem;
line-height: 1.2777777778;
}
}
body.home section.business .business_box .business_box_1 .text_2 {
text-align: center;
letter-spacing: 0.075em;
position: relative;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_1 .text_2 {
font-size: 28rem;
}
}
body.home section.business .business_box .business_box_1 .text_2::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -60px;
width: 20px;
height: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_1 .text_2::before {
width: 20rem;
height: 40rem;
bottom: -60rem;
}
}
body.home section.business .business_box .business_box_2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin-bottom: 93px;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 {
margin-bottom: 28rem;
}
}
body.home section.business .business_box .business_box_2 .business_box_2_1 {
width: 100%;
max-width: 240px;
margin: 0 50px;
}
@media screen and (max-width: 1141px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 {
max-width: 30%;
margin: 0 1.5%;
}
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 {
max-width: 450rem;
margin: 0;
margin-bottom: 67rem;
}
}
body.home section.business .business_box .business_box_2 .business_box_2_1 .image_1 {
margin-bottom: 45px;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 .image_1 {
width: 250rem;
height: 250rem;
margin: 0 auto 31rem;
}
}
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_3 {
font-size: 24px;
text-align: center;
color: #2b82b1;
letter-spacing: 0.1em;
margin-bottom: 39px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_3 {
font-size: 36rem;
margin-bottom: 73rem;
}
}
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_3::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -9px;
width: 100px;
height: 1px;
background: #2b82b1;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_3::before {
width: 190rem;
bottom: -40rem;
}
}
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_3::after {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -9px;
width: 30px;
height: 1px;
background: #000;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_3::after {
width: 30rem;
bottom: -40rem;
}
}
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_4 {
line-height: 1.75;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.home section.business .business_box .business_box_2 .business_box_2_1 .text_4 {
font-size: 24rem;
line-height: 2;
letter-spacing: 0.025em;
}
}
body.home section.business .business_box .business_box_3 .link_1 {
margin: 0 auto;
}
body.home section.works {
padding-top: 68px;
padding-bottom: 180px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.works {
padding-top: 138rem;
padding-bottom: 200rem;
}
}
@media screen and (min-width: 700px) {
body.home section.works .works_box .works_box_1 {
padding-left: 40px;
margin-bottom: 70px;
}
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_1 {
margin-bottom: 53rem;
}
}
body.home section.works .works_box .works_box_1 .text_1 {
color: #2b82b1;
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 18rem;
text-align: center;
}
}
body.home section.works .works_box .works_box_1 .text_2 {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_1 .text_2 {
font-size: 28rem;
text-align: center;
position: relative;
margin-bottom: 96rem;
}
body.home section.works .works_box .works_box_1 .text_2::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 20rem;
height: 40rem;
bottom: -60rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_parts_1.svg) no-repeat center/contain;
}
}
body.home section.works .works_box .works_box_1 .text_3 {
font-size: 22px;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_1 .text_3 {
font-size: 28rem;
line-height: 1.8571428571;
text-align: center;
}
}
body.home section.works .works_box .works_box_2 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 90px;
}
@media screen and (min-width: 700px) {
body.home section.works .works_box .works_box_2 {
width: 1350px;
margin-left: 140px;
}
}
@media screen and (max-width: 1141px) {
body.home section.works .works_box .works_box_2 {
margin-left: 0;
}
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 {
position: relative;
width: 100vw;
margin-left: -50rem;
margin-right: -50rem;
height: 700rem;
margin-bottom: 80rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 {
width: 420px;
margin-right: 30px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 {
max-width: 544rem;
margin-right: 25rem;
overflow: hidden;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_1 {
position: relative;
z-index: 1;
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_1 img {
width: 544rem;
height: 700rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 {
position: absolute;
top: 0;
z-index: 1;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding: 30px;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 {
padding: 40rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_1 {
color: #fff;
height: 36px;
background: #2b82b1;
text-align: center;
line-height: 36px;
font-size: 18px;
padding: 0 12px;
letter-spacing: 0.125em;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_1 {
font-size: 28rem;
line-height: 55rem;
padding: 0 20rem;
height: 55rem;
position: relative;
top: -10rem;
left: -10rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_2 {
margin-top: auto;
color: #fff;
margin-bottom: 24px;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_2 {
font-size: 26rem;
margin-bottom: 20rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .works_box_2_1_2_1 {
width: 310px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .works_box_2_1_2_1 {
width: 400rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_3 {
width: 145px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_3 {
font-size: 24rem;
width: 185rem;
padding-bottom: 13rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_3 span {
color: #fff;
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_3 span {
font-size: 24rem;
}
}
body.home section.works .works_box .works_box_2 .works_box_2_1 .works_box_2_1_2 .text_3 span:nth-of-type(2) {
letter-spacing: 0.125em;
}
body.home section.works .works_box .works_box_3 {
display: flex;
align-items: flex-start;
}
@media screen and (min-width: 700px) {
body.home section.works .works_box .works_box_3 {
justify-content: flex-end;
}
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_3 {
justify-content: center;
}
}
@media screen and (max-width: 701px) {
body.home section.works .works_box .works_box_3 .link_2 {
cursor: pointer;
background: #2b82b1;
border: 1px solid #2b82b1;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
position: relative;
width: 400rem;
height: 90rem;
border-radius: 7rem;
}
body.home section.works .works_box .works_box_3 .link_2 span {
font-weight: 800;
color: #fff;
font-size: 26rem;
}
body.home section.works .works_box .works_box_3 .link_2::before {
content: "＞";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
transition: all 0.2s ease;
color: #fff;
font-size: 20rem;
right: 20rem;
}
}
body.home section.recruit {
padding-bottom: 100px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.recruit {
padding-bottom: 120rem;
}
}
body.home section.recruit .recruit_box {
padding-top: 148px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box {
padding-top: 170rem;
}
}
body.home section.recruit .recruit_box::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
height: 600px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_8.jpg) no-repeat center/cover;
z-index: -2;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/home_8_sp.jpg) no-repeat center/cover;
height: 755rem;
}
}
@media screen and (max-width: 1281px) {
body.home section.recruit .recruit_box::before {
width: 1280px;
}
}
body.home section.recruit .recruit_box::after {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
height: 600px;
background: rgba(0, 0, 0, 0.3);
z-index: -1;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box::after {
height: 755rem;
}
}
@media screen and (max-width: 1281px) {
body.home section.recruit .recruit_box::after {
width: 1280px;
}
}
body.home section.recruit .recruit_box .recruit_box_1 {
padding-left: 20px;
margin-bottom: 167px;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box .recruit_box_1 {
padding-left: 0rem;
margin-bottom: 93rem;
}
}
body.home section.recruit .recruit_box .recruit_box_1 .text_1 {
color: #fff;
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box .recruit_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 16rem;
}
}
body.home section.recruit .recruit_box .recruit_box_1 .text_2 {
color: #fff;
margin-bottom: 67px;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box .recruit_box_1 .text_2 {
font-size: 28rem;
margin-bottom: 73rem;
}
}
body.home section.recruit .recruit_box .recruit_box_1 .text_3 {
color: #fff;
font-size: 22px;
line-height: 1.9090909091;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box .recruit_box_1 .text_3 {
font-size: 24rem;
line-height: 2;
width: 425rem;
letter-spacing: 0.025em;
}
}
body.home section.recruit .recruit_box .recruit_box_2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
body.home section.recruit .recruit_box .recruit_box_2 .link_2 {
width: 350px;
height: 75px;
margin: 0 5px;
}
@media screen and (max-width: 701px) {
body.home section.recruit .recruit_box .recruit_box_2 .link_2 {
width: 600rem;
height: 90rem;
margin: 0 0 10rem;
}
}
body.home section.news {
padding-top: 36px;
padding-bottom: 100px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (min-width: 700px) {
body.home section.news {
min-height: 250px;
}
}
@media screen and (max-width: 701px) {
body.home section.news {
padding-top: 40rem;
padding-bottom: 100rem;
}
}
body.home section.news .news_box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
@media screen and (max-width: 701px) {
body.home section.news .news_box {
flex-direction: column;
}
}
body.home section.news .news_box .news_box_1 {
width: 300px;
}
body.home section.news .news_box .news_box_1 .text_1 {
margin-bottom: 6px;
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 15rem;
text-align: center;
}
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_1 .text_2 {
text-align: center;
font-size: 28rem;
}
}
body.home section.news .news_box .news_box_2 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-top: 8px;
}
@media screen and (min-width: 700px) {
body.home section.news .news_box .news_box_2 {
width: calc(100% - 300px);
}
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_2 {
padding-top: 71rem;
margin-bottom: 19rem;
}
}
body.home section.news .news_box .news_box_2 .link_1 {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #eceff1;
}
@media screen and (min-width: 700px) {
body.home section.news .news_box .news_box_2 .link_1 {
padding-left: 20px;
height: 100px;
}
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_2 .link_1 {
flex-wrap: wrap;
width: 100%;
margin-bottom: 30rem;
}
body.home section.news .news_box .news_box_2 .link_1:last-of-type {
border: none;
}
}
body.home section.news .news_box .news_box_2 .link_1 .text_1 {
margin-right: 16px;
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_2 .link_1 .text_1 {
font-size: 26rem;
margin-right: 20rem;
}
}
body.home section.news .news_box .news_box_2 .link_1 .text_2 {
font-size: 14px;
color: #fff;
background: #afafaf;
line-height: 28px;
height: 28px;
width: 80px;
text-align: center;
margin-right: 20px;
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_2 .link_1 .text_2 {
font-size: 24rem;
height: 42rem;
line-height: 42rem;
padding: 0 11rem;
width: unset;
}
}
body.home section.news .news_box .news_box_2 .link_1 .text_3 {
width: 100%;
}
@media screen and (min-width: 700px) {
body.home section.news .news_box .news_box_2 .link_1 .text_3 {
max-width: 460px;
}
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_2 .link_1 .text_3 {
font-size: 24rem;
line-height: 1.25;
margin-top: 23rem;
margin-bottom: 35rem;
}
}
@media screen and (min-width: 700px) {
body.home section.news .news_box .news_box_3 {
position: absolute;
top: 160px;
}
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_3 {
width: 100%;
}
}
@media screen and (max-width: 701px) {
body.home section.news .news_box .news_box_3 .link_2 {
margin: 0 auto;
}
}
body.home section.blog {
padding-top: 40px;
padding-bottom: 150px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.blog {
padding-top: 69rem;
padding-bottom: 160rem;
}
}
body.home section.blog .blog_box {
position: relative;
}
body.home section.blog .blog_box .blog_box_1 {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_1 {
margin-bottom: 47rem;
}
}
body.home section.blog .blog_box .blog_box_1 .text_1 {
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 15rem;
text-align: center;
}
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_1 .text_2 {
font-size: 28rem;
text-align: center;
}
}
body.home section.blog .blog_box .blog_box_2 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_2 {
position: relative;
width: 100vw;
margin-left: -50rem;
margin-right: -50rem;
margin-bottom: 12rem !important;
}
}
body.home section.blog .blog_box .blog_box_2 .link_1 {
width: 310px;
margin-right: 75px;
}
@media screen and (max-width: 1141px) {
body.home section.blog .blog_box .blog_box_2 .link_1 {
width: 30vw;
margin-right: 3vw;
}
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_2 .link_1 {
width: 464rem;
margin-bottom: 50rem;
margin-left: 24rem;
margin-right: 24rem;
}
}
body.home section.blog .blog_box .blog_box_2 .link_1:last-of-type {
margin-right: 0;
}
body.home section.blog .blog_box .blog_box_2 .link_1 .image_1 {
margin-bottom: 30px;
}
@media screen and (max-width: 1141px) {
body.home section.blog .blog_box .blog_box_2 .link_1 .image_1 {
max-width: 100%;
}
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_2 .link_1 .image_1 {
width: 464rem;
height: 464rem;
margin-bottom: 38rem;
}
}
body.home section.blog .blog_box .blog_box_2 .link_1 .text_1 {
display: block;
color: #2b82b1;
margin-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_2 .link_1 .text_1 {
font-size: 24rem;
margin-bottom: 14rem;
}
}
body.home section.blog .blog_box .blog_box_2 .link_1 .text_2 {
width: 100%;
max-width: 260px;
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_2 .link_1 .text_2 {
font-size: 24rem;
line-height: 1.75;
}
}
@media screen and (min-width: 700px) {
body.home section.blog .blog_box .blog_box_3 {
position: absolute;
right: 0;
top: 48px;
}
}
@media screen and (max-width: 701px) {
body.home section.blog .blog_box .blog_box_3 {
display: flex;
justify-content: center;
}
}
body.home section.sdgs {
padding-bottom: 180px;
background: #fff;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home section.sdgs {
padding-bottom: 180rem;
}
}
body.home section.sdgs .sdgs_box {
display: flex;
justify-content: flex-end;
align-items: flex-start;
position: relative;
z-index: 0;
height: 480px;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box {
height: 623rem;
justify-content: flex-start;
padding-top: 135rem;
padding-left: 73rem;
}
}
body.home section.sdgs .sdgs_box:hover::before {
background: rgba(210, 234, 252, 0.3);
transition: all 0.2s ease;
}
body.home section.sdgs .sdgs_box:hover .sdgs_box_1::after {
right: -155px;
transition: all 0.2s ease;
}
body.home section.sdgs .sdgs_box::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1180px;
height: 480px;
background: rgba(0, 0, 0, 0.3);
z-index: -2;
transition: all 0.2s ease;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box::after {
width: calc(100vw - 50rem);
height: 623rem;
}
}
body.home section.sdgs .sdgs_box::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1180px;
height: 480px;
transition: all 0.2s ease;
background: rgba(210, 234, 252, 0);
z-index: -1;
transition: all 0.2s ease;
}
body.home section.sdgs .sdgs_box .sdgs_box_1 {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
max-width: 440px;
height: 100%;
position: relative;
}
@media screen and (min-width: 700px) {
body.home section.sdgs .sdgs_box .sdgs_box_1 {
margin-right: 70px;
}
body.home section.sdgs .sdgs_box .sdgs_box_1::before {
content: "";
position: absolute;
right: -70px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 10px);
height: 380px;
width: 1px;
background: #fff;
}
body.home section.sdgs .sdgs_box .sdgs_box_1::after {
content: "＞";
position: absolute;
right: -140px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 10px);
font-size: 30px;
transition: all 0.2s ease;
color: #fff;
font-weight: 100;
}
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .sdgs_box_1 {
justify-content: flex-start;
width: 462rem;
}
}
body.home section.sdgs .sdgs_box .sdgs_box_1 .text_1 {
color: #fff;
font-size: 20px;
margin-bottom: 0px;
margin-top: 16px;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .sdgs_box_1 .text_1 {
font-size: 28rem;
margin-top: 20rem;
margin-bottom: 12rem;
}
}
body.home section.sdgs .sdgs_box .sdgs_box_1 .text_2 {
color: #fff;
font-size: 42px;
margin-bottom: 40px;
letter-spacing: 0.12em;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .sdgs_box_1 .text_2 {
font-size: 42rem;
margin-bottom: 54rem;
}
}
body.home section.sdgs .sdgs_box .sdgs_box_1 .text_3 {
color: #fff;
line-height: 1.75;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .sdgs_box_1 .text_3 {
font-size: 24rem;
line-height: 2;
}
}
body.home section.sdgs .sdgs_box .parts_1 {
width: 100rem;
height: 100rem;
position: absolute;
right: -50rem;
bottom: 0;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .parts_1 {
bottom: -1px;
}
}
body.home section.sdgs .sdgs_box .parts_1 img {
width: 100rem;
height: 100rem;
}
body.home section.sdgs .sdgs_box .sdgs_box_2 {
height: 480px;
width: 1180px;
position: absolute;
left: 0;
top: 0;
z-index: -3;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .sdgs_box_2 {
height: 623rem;
width: 650rem;
}
}
body.home section.sdgs .sdgs_box .sdgs_box_2 #sdgs_video {
height: 480px;
width: 1180px;
object-fit: cover;
}
@media screen and (max-width: 701px) {
body.home section.sdgs .sdgs_box .sdgs_box_2 #sdgs_video {
height: 623rem;
width: 650rem;
}
}
body.page-recruit section.header {
margin-top: 120px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruit_1.jpg) no-repeat center/cover;
position: relative;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.page-recruit section.header {
margin-top: 160rem;
}
}
body.page-recruit section.header .header_box {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 41vw;
max-height: 480px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.header .header_box {
height: 474rem;
justify-content: flex-start;
align-items: flex-start;
}
}
body.page-recruit section.header .header_box .header_box_1 {
position: relative;
z-index: 10;
}
@media screen and (min-width: 700px) {
body.page-recruit section.header .header_box .header_box_1 {
padding-left: 20px;
margin-right: 35px;
margin-bottom: 100px;
}
}
@media screen and (max-width: 701px) {
body.page-recruit section.header .header_box .header_box_1 {
padding-top: 236rem;
padding-left: 0rem;
}
}
body.page-recruit section.header .header_box .header_box_1 .text_1 {
font-size: 42px;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
margin-bottom: 6px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.header .header_box .header_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 2rem;
}
}
body.page-recruit section.header .header_box .header_box_1 .text_2 {
font-size: 16px;
color: #fff;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.page-recruit section.header .header_box .header_box_1 .text_2 {
font-size: 24rem;
}
}
body.page-recruit section.interview {
padding-top: 139px;
padding-bottom: 118px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview {
padding-top: 95rem;
padding-bottom: 0;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 {
padding-bottom: 157px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 {
padding-bottom: 0;
margin-bottom: -22rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_1 {
width: 430px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_1 {
width: 507rem;
margin-left: 20rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_1 .text_1 {
font-size: 17px;
line-height: 2.7647058824;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_1 .text_1 {
font-size: 26rem;
line-height: 2.3076923077;
letter-spacing: 0.025em;
margin-bottom: 129rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 {
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 700px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 {
width: 460px;
margin-bottom: -157px;
}
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 {
margin-bottom: 139rem;
}
}
@media screen and (min-width: 700px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2.left {
margin-top: -124px;
}
}
@media screen and (min-width: 700px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2.right {
margin-top: 306px;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2:hover .image_1 img {
transform: scale(1.15);
transition: all 0.2s ease;
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_1 {
writing-mode: vertical-rl;
position: absolute;
letter-spacing: 0.1em;
left: 18px;
top: 0;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_1 {
font-size: 20rem;
left: -5rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .image_1 {
width: 400px;
height: 640px;
overflow: hidden;
margin-left: 60px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .image_1 {
width: 555rem;
height: 658rem;
margin-left: 45rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .image_1 img {
transform: scale(1);
transition: all 0.2s ease;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .image_1 img {
width: 555rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
@media screen and (min-width: 700px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 {
margin-top: -332px;
margin-bottom: 87px;
height: 278px;
display: flex;
justify-content: flex-end;
}
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 {
margin-top: -328rem;
margin-bottom: 104rem;
height: 268rem;
display: flex;
justify-content: flex-end;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 span {
display: inline-block;
position: relative;
z-index: 1;
font-size: 36px;
letter-spacing: 0.1em;
line-height: 2.3;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 span {
font-size: 36rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 span::before {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
background: #fff;
height: 72px;
width: calc(100% + 0.5em);
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_3 span::before {
height: 72rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_4 {
font-size: 16px;
margin-left: 60px;
margin-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_4 {
font-size: 26rem;
margin-left: 42rem;
}
}
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_5 {
font-size: 20px;
margin-left: 60px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.interview .interview_box .interview_box_1 .interview_box_1_2 .text_5 {
font-size: 32rem;
margin-left: 42rem;
}
}
body.page-recruit section.link {
padding-bottom: 162px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.link {
padding-bottom: 156rem;
}
}
body.page-recruit section.link .link_box .link_box_1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 80px;
height: 400px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruit_7.jpg) no-repeat center/cover;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruit section.link .link_box .link_box_1 {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruit_7_sp.jpg) no-repeat center/cover;
height: 480rem;
padding-left: 62rem;
padding-top: 72px;
}
}
body.page-recruit section.link .link_box .link_box_1 .text_1 {
font-size: 42px;
line-height: 1.4285714286;
color: #fff;
letter-spacing: 0.1em;
text-shadow: 1px 3px 10px #707070;
margin-bottom: 17px;
margin-top: 30px;
}
@media screen and (max-width: 701px) {
body.page-recruit section.link .link_box .link_box_1 .text_1 {
font-size: 42rem;
line-height: 1.4285714286;
margin-bottom: 18rem;
}
}
body.page-recruit section.link .link_box .link_box_1 .text_2 {
font-size: 16px;
color: #fff;
letter-spacing: 0.075em;
text-shadow: 1px 3px 10px #707070;
}
@media screen and (max-width: 701px) {
body.page-recruit section.link .link_box .link_box_1 .text_2 {
font-size: 24rem;
}
}
body.page-recruit section.link .link_box .link_box_1 .image_1 {
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (max-width: 701px) {
body.page-recruit section.link .link_box .link_box_1 .image_1 {
width: 80rem;
height: 80rem;
}
}
body.page-recruit .recruit_modal {
display: none;
}
body.page-recruit .modaal-container {
width: 740px;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 701px) {
body.page-recruit .modaal-container {
width: 100vw;
}
}
body.page-recruit .modaal-content-container {
padding: 0 !important;
background: #2b82b1;
width: 740px;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 701px) {
body.page-recruit .modaal-content-container {
width: 100vw;
}
}
body.page-recruit .recruit_modal_box {
width: 640px;
margin-left: auto;
padding-bottom: 86px;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box {
padding-left: 50rem;
padding-right: 50rem;
width: 100%;
margin-left: unset;
padding-bottom: 60rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_1 {
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 700px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .image_1 {
margin-left: 60px;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .image_1 {
width: 555rem;
height: 658rem;
position: relative;
z-index: 0;
left: 96rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_1 {
margin-top: -246px;
margin-bottom: 24px;
font-size: 16px;
letter-spacing: 0.075em;
font-weight: 500;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_1 {
margin-top: -316rem;
margin-bottom: 23rem;
font-size: 20rem;
position: relative;
z-index: 2;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_2 {
position: relative;
z-index: 1;
margin-bottom: 85px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_2 {
margin-bottom: 130rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_2 span {
display: inline-block;
position: relative;
z-index: 1;
font-size: 36px;
letter-spacing: 0.1em;
line-height: 2.3;
padding-left: 0.5em;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_2 span {
font-size: 36rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_2 span::before {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
background: #fff;
height: 72px;
width: calc(100% + 0.5em);
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_1 .text_2 span::before {
height: 72rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 {
width: 100%;
max-width: 560px;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_2 {
max-width: 560rem;
margin-left: auto;
margin-right: auto;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_3 {
color: #fff;
font-size: 16px;
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_3 {
font-size: 26rem;
margin-bottom: 26rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_4 {
color: #fff;
font-size: 20px;
margin-bottom: 38px;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_4 {
font-size: 32rem;
margin-bottom: 50rem;
}
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_5 {
color: #fff;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_5 {
font-size: 24rem;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_6.modaal-close {
margin-top: 40rem;
display: block !important;
position: relative;
font-size: 26rem;
text-align: center;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_6.modaal-close::before {
display: none;
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_6.modaal-close::after {
display: none;
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_6.modaal-close i {
position: relative;
}
body.page-recruit .recruit_modal_box .recruit_modal_box_2 .text_6.modaal-close i::before {
content: "";
position: absolute;
left: -50rem;
top: 4rem;
width: 33.5rem;
height: 33rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruit_parts_2.svg) no-repeat center/contain;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .modaal-inner-wrapper {
padding: unset;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .modaal-close {
display: none;
}
}
body.page-recruitment section.header {
margin-top: 120px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruitment-1.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.header {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruitment-1_sp.jpg) no-repeat center/cover;
margin-top: 160rem;
}
}
body.page-recruitment section.header .header_box {
height: 41vw;
max-height: 600px;
}
@media screen and (min-width: 1280px) {
body.page-recruitment section.header .header_box {
height: 600px;
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.header .header_box {
height: 549rem;
}
}
body.page-recruitment section.header .header_box .header_box_1 {
padding-top: 26vw;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
@media screen and (min-width: 1280px) {
body.page-recruitment section.header .header_box .header_box_1 {
padding-top: 427px;
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.header .header_box .header_box_1 {
padding-top: 388rem;
}
}
body.page-recruitment section.header .header_box .header_box_1 .text_1 {
font-size: 42px;
color: #fff;
letter-spacing: 0.1em;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
margin-bottom: 32px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.header .header_box .header_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 30rem;
}
}
body.page-recruitment section.header .header_box .header_box_1 .text_2 {
font-size: 16px;
color: #fff;
letter-spacing: 0.1em;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 701px) {
body.page-recruitment section.header .header_box .header_box_1 .text_2 {
font-size: 24rem;
}
}
body.page-recruitment section.lead {
padding-bottom: 106px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead {
padding-bottom: 94rem;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .text_1 {
position: relative;
top: -18px;
font-size: 120px;
color: rgba(43, 130, 177, 0.05);
letter-spacing: 0;
line-height: 1;
margin-bottom: -3px;
white-space: nowrap;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .text_1 {
font-size: 72rem;
top: -9rem;
margin-bottom: 31rem;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 .text_2 {
font-size: 36px;
color: #2b82b1;
line-height: 1.6666666667;
letter-spacing: 0.1em;
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .text_2 {
font-size: 42rem;
margin-bottom: 63rem;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 .text_2 span {
font-size: 42px;
color: inherit;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .text_2 span {
font-size: 42rem;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 .text_3 {
font-size: 17px;
line-height: 2;
text-align: center;
margin-bottom: 48px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .text_3 {
font-size: 24rem;
max-width: 565rem;
width: 100%;
margin-left: auto;
margin-right: auto;
letter-spacing: 0.025em;
text-align: left;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 {
width: 1090px;
height: 1848px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 {
width: 100%;
height: 4966rem;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 > * {
position: absolute;
display: block;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 > * img {
opacity: 0;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 > * img {
width: 600rem;
}
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 > *.active .fade_top {
-webkit-animation: fade-top 1s 1s both;
animation: fade-top 1s 1s both;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 > *.active .fade_right {
-webkit-animation: fade-right 1s 1s both;
animation: fade-right 1s 1s both;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 > *.active .fade_left {
-webkit-animation: fade-left 1s 1s both;
animation: fade-left 1s 1s both;
}
@media screen and (min-width: 700px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_1 {
top: -2px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% - 330px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_2 {
top: 7px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 218px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_3 {
top: 500px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + -272px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_4 {
top: 475px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 290px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_5 {
top: 894px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + -368px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_6 {
top: 862px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 191px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_7 {
top: 1319px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + -368px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_8 {
top: 1345px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + -3px);
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_9 {
top: 1345px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 363px);
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_1 {
top: 0rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_2 {
top: 424rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_3 {
top: 948rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_4 {
top: 1468rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_5 {
top: 1950rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_6 {
top: 2384rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_7 {
top: 3296rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_8 {
top: 4089rem;
left: 0;
}
body.page-recruitment section.lead .lead_box .lead_box_1 .image_1 .image_1_9 {
top: 4533rem;
left: 0;
}
}
body.page-recruitment section.what {
background: linear-gradient(135deg, #71c9ee, #2b82b1);
padding-top: 156px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.what {
padding-top: 116rem;
padding-bottom: 81rem;
}
}
body.page-recruitment section.what .what_box .what_box_1 {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative;
}
body.page-recruitment section.what .what_box .what_box_1 .text_1 {
font-size: 36px;
color: #fff;
letter-spacing: 0.1em;
line-height: 1.6666666667;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.what .what_box .what_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 5rem;
text-align: center;
letter-spacing: 0.05em;
}
}
body.page-recruitment section.what .what_box .what_box_1 .text_2 {
font-size: 16px;
color: #fff;
letter-spacing: 0.075em;
line-height: 1;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.what .what_box .what_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 46rem;
}
}
body.page-recruitment section.what .what_box .what_box_1 .text_3 {
position: relative;
top: -42px;
color: rgba(255, 255, 255, 0.05);
font-size: 200px;
letter-spacing: 0;
line-height: 1;
white-space: nowrap;
margin-bottom: -98px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.what .what_box .what_box_1 .text_3 {
position: absolute;
font-size: 200rem;
line-height: 0.9;
top: 190rem;
text-align: center;
}
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 {
width: 1090px;
height: 714px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.what .what_box .what_box_1 .image_1 {
width: 100%;
height: 1080rem;
}
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 > * {
position: absolute;
display: block;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 > *.active .fade_top {
-webkit-animation: fade-top 1s 1s both;
animation: fade-top 1s 1s both;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 > *.active .fade_right {
-webkit-animation: fade-right 1s 1s both;
animation: fade-right 1s 1s both;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 > *.active .fade_left {
-webkit-animation: fade-left 1s 1s both;
animation: fade-left 1s 1s both;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 img {
opacity: 0;
}
@media screen and (min-width: 700px) {
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_1 {
top: 0px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% - 349px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_2 {
top: -1px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 286px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_3 {
top: 120px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 108px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_4 {
top: 225px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + -465px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_5 {
top: 237px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_6 {
top: 244px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 451px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_7 {
top: 509px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% - 358px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_8 {
top: 633px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% - 248px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_9 {
top: 489px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 4px);
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_10 {
top: 532px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 318px);
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_1 {
top: 0rem;
left: 0;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_1 img {
width: 600rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_2 {
top: 211rem;
left: 1rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_2 img {
width: 389rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_3 {
top: 233rem;
left: 435rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_3 img {
width: 165rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_4 {
top: 386rem;
left: 87rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_4 img {
width: 509rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_5 {
top: 497rem;
left: 0;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_5 img {
width: 390rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_6 {
top: 650rem;
left: 20rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_6 img {
width: 158rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_7 {
top: 626rem;
left: 211rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_7 img {
width: 386rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_8 {
top: 859rem;
left: 20rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_8 img {
width: 369rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_9 {
top: 870rem;
left: 420rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_9 img {
width: 171rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_10 {
top: 1000rem;
left: 180rem;
}
body.page-recruitment section.what .what_box .what_box_1 .image_1 .image_1_10 img {
width: 205rem;
}
}
body.page-recruitment section.welfare {
padding-top: 145px;
padding-bottom: 52px;
background: rgba(236, 239, 241, 0.5);
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare {
padding-top: 112rem;
padding-bottom: 111rem;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .text_1 {
font-size: 36px;
letter-spacing: 0.1em;
line-height: 1.6666666667;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 5rem;
text-align: center;
letter-spacing: 0.05em;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .text_2 {
font-size: 16px;
letter-spacing: 0.075em;
line-height: 1;
margin-bottom: 91px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 81rem;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 {
justify-content: space-between;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
@media screen and (min-width: 700px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 {
margin-left: 24px;
margin-right: 24px;
margin-bottom: 48px;
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 {
margin-bottom: 47rem;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 .image_1 {
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 .image_1 {
width: 280rem;
height: 280rem;
margin-bottom: 33rem;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 .text_3 {
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 .text_3 {
font-size: 28rem;
margin-bottom: 19rem;
}
}
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 .text_4 {
font-size: 16px;
font-weight: 500;
line-height: 1.75;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.welfare .welfare_box .welfare_box_1 .list_1 .item_1 .text_4 {
font-size: 24rem;
line-height: 1.75;
}
}
body.page-recruitment section.people {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruitment-16.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/recruitment-16_sp.jpg) no-repeat center/cover;
}
}
body.page-recruitment section.people .people_box {
height: 650px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box {
height: 560rem;
}
}
body.page-recruitment section.people .people_box .people_box_1 {
padding-top: 282px;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_1 {
padding-top: 335rem;
}
}
body.page-recruitment section.people .people_box .people_box_1 .text_1 {
font-size: 42px;
color: #fff;
letter-spacing: 0.1em;
line-height: 1.4285714286;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 8rem;
}
}
body.page-recruitment section.people .people_box .people_box_1 .text_2 {
font-size: 16px;
color: #fff;
letter-spacing: 0.075em;
line-height: 1;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_1 .text_2 {
font-size: 24rem;
}
}
body.page-recruitment section.people .people_box .people_box_2 {
position: relative;
top: 164px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_2 {
top: 80rem;
}
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 {
background: #fff;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
@media screen and (min-width: 700px) {
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 {
height: 194px;
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 {
padding-top: 59rem;
margin-bottom: 40rem;
}
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .text_3 {
width: calc(100% - 312px);
font-size: 17px;
line-height: 2;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .text_3 {
font-size: 24rem;
line-height: 2;
width: 500rem;
letter-spacing: 0.025em;
}
}
@media screen and (min-width: 700px) {
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .text_3 {
padding: 45px 103px 0 67px;
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .text_3::before {
content: "";
position: absolute;
right: 0;
top: 52px;
width: 1px;
height: 93px;
background: #cecece;
}
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .link_1 {
width: 312px;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-right: 37px;
transition: all 0.2s ease;
position: relative;
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .link_1::before {
content: "＞";
position: absolute;
right: 65px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
font-size: 14px;
transition: all 0.2s ease;
color: #000;
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .link_1:hover {
background: #2b82b1;
transition: all 0.2s ease;
color: #fff;
}
body.page-recruitment section.people .people_box .people_box_2 .people_box_2_1 .link_1:hover::before {
right: 40px;
transition: all 0.2s ease;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.people .people_box .people_box_2 .link_2 {
width: 600rem;
height: 90rem;
}
body.page-recruitment section.people .people_box .people_box_2 .link_2 span {
font-size: 26rem;
}
body.page-recruitment section.people .people_box .people_box_2 .link_2::before {
font-size: 24rem;
right: 20rem;
}
}
body.page-recruitment section.application {
padding-top: 243px;
padding-bottom: 0;
}
body.page-recruitment section.application .application_box .application_box_1 {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
body.page-recruitment section.application .application_box .application_box_1 .text_1 {
font-size: 36px;
letter-spacing: 0.1em;
line-height: 1.6666666667;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 0;
}
}
body.page-recruitment section.application .application_box .application_box_1 .text_2 {
font-size: 16px;
letter-spacing: 0.075em;
line-height: 1;
margin-bottom: 91px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 86rem;
}
}
body.page-recruitment section.application .application_box .application_box_2 .tab {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_2 .tab {
width: 100vw;
margin-bottom: 57rem;
margin-left: -50rem;
margin-right: -50rem;
justify-content: space-between;
}
}
body.page-recruitment section.application .application_box .application_box_2 .tab button {
width: 350px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
outline: unset;
border-radius: unset;
background: #cecece;
border: unset;
color: #fff;
font-weight: bold;
position: relative;
}
@media screen and (min-width: 700px) {
body.page-recruitment section.application .application_box .application_box_2 .tab button {
margin-left: 5px;
margin-right: 5px;
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_2 .tab button {
width: 348rem;
height: 110rem;
font-size: 26rem;
}
}
body.page-recruitment section.application .application_box .application_box_2 .tab button::before {
content: "＞";
position: absolute;
right: 17px;
transform: rotate(-90deg);
top: 27px;
font-size: 16px;
transition: all 0.2s ease;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_2 .tab button::before {
font-size: 20rem;
right: 30rem;
top: 39rem;
}
}
body.page-recruitment section.application .application_box .application_box_2 .tab button:hover {
background: #2b82b1;
}
body.page-recruitment section.application .application_box .application_box_2 .tab button.active {
background: #2b82b1;
}
body.page-recruitment section.application .application_box .application_box_2 .tab button.active::before {
transition: all 0.2s ease;
transform: rotate(90deg);
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content {
display: none;
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content.active {
display: block;
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 50px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl {
flex-direction: column;
align-items: flex-start;
padding-bottom: 43rem;
margin-bottom: 44rem;
border-bottom: 1px solid #cecece;
padding-left: 9rem;
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl:last-of-type {
border-bottom: none;
}
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dt {
width: 220px;
font-size: 16px;
line-height: 1.75;
padding-left: 40px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dt {
width: 100%;
padding-left: unset;
font-size: 28rem;
line-height: 1.4285714286;
margin-bottom: 15rem;
}
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dd {
width: calc(100% - 220px);
font-size: 16px;
line-height: 1.75;
font-weight: 500;
position: relative;
}
@media screen and (min-width: 700px) {
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dd {
padding-left: 70px;
padding-top: 21px;
padding-bottom: 21px;
}
}
@media screen and (max-width: 701px) {
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dd {
width: 100%;
font-size: 24rem;
line-height: 1.75;
}
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dd .space {
width: 77rem;
display: inline-block;
}
}
@media screen and (min-width: 700px) {
body.page-recruitment section.application .application_box .application_box_2 .tab_content dl dd::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 1px;
background: #cecece;
}
}
body.page-recruitment section.contact {
padding-top: 76px;
padding-bottom: 150px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact {
padding-top: 30rem;
padding-bottom: 140rem;
}
}
body.page-recruitment section.contact .contact_box {
height: 357px;
background: #eceff1;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box {
height: 563rem;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 {
padding-top: 70px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box .contact_box_1 {
padding-top: 80rem;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 .text_1 {
font-size: 28px;
letter-spacing: 0.1em;
margin-bottom: 65px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box .contact_box_1 .text_1 {
font-size: 32rem;
margin-bottom: 64rem;
letter-spacing: 0.05em;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_2 {
font-size: 20px;
line-height: 1;
margin-bottom: 8px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_2 {
text-align: center;
font-size: 28rem;
margin-bottom: 23rem;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 {
font-size: 48px;
line-height: 1;
letter-spacing: 0;
margin-bottom: 8px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 {
text-align: center;
font-size: 54rem;
margin-right: 21rem;
margin-bottom: 40rem;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_4 {
font-size: 16px;
line-height: 1;
letter-spacing: 0.1em;
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_5 {
font-size: 16px;
line-height: 1;
letter-spacing: 0.1em;
margin-bottom: 7px;
margin-top: -3px;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_5 {
margin-bottom: 44rem;
margin-top: -20rem;
}
}
@media screen and (min-width: 700px) {
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 {
margin-left: 126px;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 .link_1 {
width: 420px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #707070;
transition: all 0.2s ease;
}
@media screen and (max-width: 701px) {
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 .link_1 {
width: 500rem;
height: 108rem;
font-size: 26rem;
}
}
body.page-recruitment section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 .link_1:hover {
background: #000;
transition: all 0.2s ease;
color: #fff;
border: 1px solid #000;
}
body.page-sdgs section.header {
margin-top: 120px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.header {
margin-top: 160rem;
}
}
body.page-sdgs section.header .header_box {
width: 100%;
}
body.page-sdgs section.header .header_box .header_box_1 {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-sdgs section.header .header_box .header_box_1 {
max-height: 725px;
height: 52vw;
padding-top: 12vw;
}
}
@media screen and (max-width: 701px) {
body.page-sdgs section.header .header_box .header_box_1 {
padding-top: 75rem;
padding-left: 33rem;
}
}
body.page-sdgs section.header .header_box .header_box_1::before {
content: "";
position: absolute;
left: calc(50% - 85px);
top: 0;
width: calc((50vw + 85px));
height: 100%;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_1.jpg) no-repeat center/cover;
z-index: -1;
}
@media screen and (max-width: 1141px) {
body.page-sdgs section.header .header_box .header_box_1::before {
width: 725px;
}
}
@media screen and (max-width: 701px) {
body.page-sdgs section.header .header_box .header_box_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_1_sp.jpg) no-repeat center/cover;
width: 590rem;
height: 500rem;
right: -50rem;
top: 209rem;
left: unset;
}
}
body.page-sdgs section.header .header_box .header_box_1 .text_1 {
font-size: 48px;
letter-spacing: 0.1em;
line-height: 1.5;
margin-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.header .header_box .header_box_1 .text_1 {
font-size: 58rem;
margin-bottom: 8rem;
}
}
body.page-sdgs section.header .header_box .header_box_1 .text_2 {
letter-spacing: 0.075em;
margin-bottom: 113px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.header .header_box .header_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 495rem;
}
}
body.page-sdgs section.header .header_box .header_box_1 .text_3 {
font-size: 20px;
letter-spacing: 0.125em;
line-height: 2.1;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.header .header_box .header_box_1 .text_3 {
font-size: 32rem;
line-height: 1.6875;
}
}
body.page-sdgs section.lead {
padding-top: 180px;
padding-bottom: 172px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.lead {
padding-top: 173rem;
padding-bottom: 160rem;
}
}
body.page-sdgs section.lead .lead_box .lead_box_1 .text_1 {
font-size: 36px;
letter-spacing: 0.125em;
line-height: 1.5;
margin-bottom: 55px;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.lead .lead_box .lead_box_1 .text_1 {
font-size: 42rem;
line-height: 1.4761904762;
margin-bottom: 72rem;
}
}
body.page-sdgs section.lead .lead_box .lead_box_1 .text_2 {
font-size: 16px;
line-height: 2;
margin-bottom: 125px;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.lead .lead_box .lead_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 113rem;
text-align: left;
width: 100%;
max-width: 565rem;
margin-left: auto;
margin-right: auto;
}
}
body.page-sdgs section.lead .lead_box .lead_box_1 .image_1 {
margin: 0 auto;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.lead .lead_box .lead_box_1 .image_1 {
width: 600rem;
}
}
body.page-sdgs section.initiative {
padding-top: 158px;
padding-bottom: 45px;
background: rgba(236, 239, 241, 0.5);
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative {
padding-top: 112rem;
padding-bottom: 0;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_1 .text_1 {
font-size: 36px;
letter-spacing: 0.125em;
line-height: 1.5;
margin-bottom: 2px;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_1 .text_1 {
font-size: 42rem;
line-height: 1.4761904762;
margin-bottom: 0rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_1 .text_2 {
color: #2b82b1;
letter-spacing: 0.075em;
font-size: 16px;
line-height: 2;
margin-bottom: 60px;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 40rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_1 .text_3 {
width: 100%;
max-width: 640px;
margin: 0 auto;
font-size: 16px;
line-height: 2;
margin-bottom: 145px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_1 .text_3 {
max-width: 565rem;
font-size: 24rem;
letter-spacing: 0.025em;
margin-bottom: 92rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 {
margin-bottom: 115rem;
}
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(1) .initiative_box_2_1_1 {
height: 840px;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(1) .initiative_box_2_1_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_3.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(1) .initiative_box_2_1_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_3_sp.jpg) no-repeat center/cover;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) {
flex-direction: row-reverse;
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_1 {
height: 990px;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_1::before {
right: unset;
left: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_4.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_1::before {
left: 45rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_4_sp.jpg) no-repeat center/cover;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_1 .text_5 {
right: unset;
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_1 .text_5 {
left: 4px;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_2 {
width: 50%;
padding-left: 10px;
padding-top: 88px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_2 {
width: 100%;
padding-left: 47rem;
padding-top: 91rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_2 .initiative_box_2_1_2_1 {
padding-left: 50px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_2 .initiative_box_2_1_2_1 {
padding-left: 60rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_2 .initiative_box_2_1_2_1::before {
height: 195px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(2) .initiative_box_2_1_2 .initiative_box_2_1_2_1::before {
height: 327rem;
}
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(3) .initiative_box_2_1_1 {
height: 800px;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(3) .initiative_box_2_1_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_5.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(3) .initiative_box_2_1_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/sdgs_5_sp.jpg) no-repeat center/cover;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(3) .initiative_box_2_1_2 {
width: 50%;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1:nth-of-type(3) .initiative_box_2_1_2 {
width: 100%;
padding-left: 0rem;
padding-top: 100rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_1 {
width: 50%;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_1 {
width: 605rem;
height: 700rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_1::before {
content: "";
position: absolute;
right: 40px;
top: 0;
height: 100%;
width: 600px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_1::before {
width: 605rem;
left: -50rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_1 .text_5 {
writing-mode: vertical-rl;
position: absolute;
top: 0;
right: 2px;
font-size: 16px;
letter-spacing: 0.075em;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_1 .text_5 {
font-size: 20rem;
left: unset;
right: -2rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2 {
width: 50%;
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2 {
padding-top: 128px;
padding-left: 100px;
padding-bottom: 105px;
}
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2 {
width: 100%;
padding-top: 97rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_1 {
font-size: 36px;
letter-spacing: 0.075em;
line-height: 1.5;
margin-bottom: 98px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_1 {
font-size: 42rem;
line-height: 1.2857142857;
margin-bottom: 41rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .icons_1 {
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .icons_1 {
margin-bottom: 97rem;
margin-right: -50rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .icons_1 .icon_1 {
margin-right: 10px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .icons_1 .icon_1 {
width: 126rem;
margin-right: 15rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_2 {
font-size: 28px;
letter-spacing: 0.125em;
line-height: 1.5;
margin-bottom: 34px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_2 {
font-size: 32rem;
line-height: 1.6875;
margin-bottom: 40rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_3 {
font-size: 16px;
line-height: 2;
letter-spacing: 0.075em;
width: 100%;
max-width: 370px;
margin-bottom: 68px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_3 {
font-size: 24rem;
max-width: 538rem;
margin-bottom: 73rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2_1 {
padding-left: 50px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2_1 {
padding-left: 64rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2_1::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 1px;
height: 247px;
background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .initiative_box_2_1_2_1::before {
top: 6rem;
height: 267rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_4 {
font-size: 20px;
line-height: 2.1;
letter-spacing: 0.125em;
margin-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .text_4 {
font-size: 28rem;
line-height: 1.5;
margin-bottom: 20rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .list_1 {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .list_1 {
margin-bottom: 60rem;
}
}
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .list_1 .item_1 {
font-size: 16px;
line-height: 2;
letter-spacing: 0.075em;
width: 100%;
max-width: 370px;
}
@media screen and (max-width: 701px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .list_1 .item_1 {
font-size: 24rem;
max-width: 550rem;
}
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .list_1 .p40 {
width: 40%;
}
}
@media screen and (min-width: 700px) {
body.page-sdgs section.initiative .initiative_box .initiative_box_2 .initiative_box_2_1 .list_1 .p60 {
width: 60%;
}
}
body.page-privacy-policy section.header {
margin-top: 120px;
padding-top: 148px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.header {
margin-top: 160rem;
padding-top: 114rem;
padding-bottom: 96rem;
}
}
@media screen and (min-width: 700px) {
body.page-privacy-policy section.header .header_box .header_box_1 {
padding-left: 40px;
}
}
body.page-privacy-policy section.header .header_box .header_box_1 .text_1 {
font-size: 48px;
letter-spacing: 0.1em;
line-height: 1.5;
margin-bottom: 11px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.header .header_box .header_box_1 .text_1 {
font-size: 48rem;
line-height: 1.7083333333;
letter-spacing: 0.025em;
margin-bottom: 3rem;
}
}
body.page-privacy-policy section.header .header_box .header_box_1 .text_2 {
font-size: 16px;
letter-spacing: 0.075em;
margin-bottom: 74px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.header .header_box .header_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 60rem;
margin-bottom: 87rem;
}
}
body.page-privacy-policy section.header .header_box .header_box_1 .text_3 {
font-size: 16px;
line-height: 2;
width: 100%;
max-width: 640px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.header .header_box .header_box_1 .text_3 {
letter-spacing: 0.025em;
font-size: 24rem;
max-width: 600rem;
}
}
body.page-privacy-policy section.privacypolicy {
position: relative;
}
body.page-privacy-policy section.privacypolicy::before {
content: "";
position: absolute;
left: -100px;
top: 0;
width: 843px;
height: 1px;
background: #eceff1;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.privacypolicy::before {
width: 650rem;
left: -50rem;
}
}
body.page-privacy-policy section.privacypolicy .privacypolicy_box {
width: 100%;
max-width: 880px;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.privacypolicy .privacypolicy_box {
max-width: 600rem;
}
}
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 {
padding-top: 100px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 {
padding-top: 76rem;
}
}
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 .text_1 {
font-size: 28px;
letter-spacing: 0.125em;
margin-bottom: 12px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 .text_1 {
font-size: 32rem;
margin-bottom: 34rem;
}
}
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 .text_1 span {
font-size: 42px;
font-weight: 500;
color: #2b82b1;
vertical-align: -0.1em;
margin-right: 16px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 .text_1 span {
font-size: 42rem;
margin-right: 20rem;
}
}
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 .text_2 {
font-size: 16px;
letter-spacing: 0.075em;
line-height: 2;
margin-bottom: 110px;
width: 100%;
max-width: 850px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.privacypolicy .privacypolicy_box .privacypolicy_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 92rem;
max-width: 600rem;
letter-spacing: 0.025em;
}
}
body.page-privacy-policy section.contact {
padding-top: 66px;
padding-bottom: 180px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact {
padding-top: 62rem;
padding-bottom: 160rem;
}
}
body.page-privacy-policy section.contact .contact_box {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .text_1 {
text-align: center;
font-size: 24px;
margin-bottom: 48px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .text_1 {
font-size: 32rem;
margin-bottom: 60rem;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .text_1 i {
position: relative;
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .text_1 i::before {
content: "";
position: absolute;
left: -30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/privacy-policy_icon_1.svg) no-repeat center/contain;
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 {
justify-content: center;
}
}
@media screen and (min-width: 700px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 {
margin-right: 60px;
margin-left: 20px;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_2 {
font-size: 20px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_2 {
font-size: 28rem;
text-align: center;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 {
font-size: 42px;
font-weight: 500;
padding-left: 70px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 {
font-size: 62rem;
padding-left: 84rem;
text-align: center;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 i {
position: relative;
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 i::before {
content: "";
position: absolute;
left: -70px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 50px;
height: 33px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/privacy-policy_icon_2.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_1 .text_3 i::before {
width: 74rem;
height: 48rem;
left: -84rem;
}
}
@media screen and (min-width: 700px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 {
padding-left: 20px;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 .text_4 {
font-size: 16px;
line-height: 1.75;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .contact_box_1_1 .contact_box_1_1_2 .text_4 {
font-size: 24rem;
line-height: 1.75;
text-align: center;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .line_1 {
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-top: 45px;
margin-bottom: 48px;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .line_1 {
margin-top: 60rem;
margin-bottom: 37rem;
}
}
body.page-privacy-policy section.contact .contact_box .contact_box_1 .text_5 {
font-size: 16px;
line-height: 1.75;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-privacy-policy section.contact .contact_box .contact_box_1 .text_5 {
font-size: 24rem;
line-height: 1.75;
text-align: center;
}
}
body.post-type-archive-works section.header {
margin-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.header {
margin-top: 160rem;
padding-bottom: 113rem;
}
}
body.post-type-archive-works section.header .header_box {
width: 100%;
}
body.post-type-archive-works section.header .header_box .header_box_1 {
position: relative;
height: 41vw;
max-height: 450px;
padding-top: 21vw;
}
@media screen and (min-width: 1280px) {
body.post-type-archive-works section.header .header_box .header_box_1 {
padding-top: 245px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.header .header_box .header_box_1 {
height: 609rem;
padding-top: 65rem;
padding-left: 21rem;
}
}
body.post-type-archive-works section.header .header_box .header_box_1::before {
content: "";
position: absolute;
left: calc(50% - 160px);
top: 0;
width: calc((50vw + 160px));
height: 100%;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/works_1.jpg) no-repeat center/cover;
z-index: -1;
}
@media screen and (max-width: 1141px) {
body.post-type-archive-works section.header .header_box .header_box_1::before {
width: 800px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.header .header_box .header_box_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/works_1_sp.jpg) no-repeat center/cover;
width: 650rem;
height: 400rem;
left: -50rem;
top: 199rem;
}
}
body.post-type-archive-works section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
letter-spacing: 0.075em;
line-height: 1.5;
margin-bottom: 4px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 8rem;
}
}
body.post-type-archive-works section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
}
@media screen and (min-width: 700px) {
body.post-type-archive-works section.header .header_box .header_box_1 .text_2 {
margin-bottom: 113px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
}
}
body.post-type-archive-works section.select {
background: #f5f7f8;
padding-top: 70px;
padding-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select {
padding-top: 91rem;
padding-bottom: 96rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .text_1 {
text-align: center;
font-size: 24px;
letter-spacing: 0.125em;
margin-bottom: 39px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .text_1 {
font-size: 32rem;
margin-bottom: 77rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (min-width: 700px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container {
margin: 0 -15px;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 {
width: 340px;
margin-left: 15px;
margin-right: 15px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 {
width: 600rem;
margin-left: 50rem;
margin-right: 50rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .text_2 {
font-size: 18px;
letter-spacing: 0.125em;
padding-left: 26px;
margin-bottom: 16px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .text_2 {
font-size: 28rem;
padding-left: 48rem;
margin-bottom: 25rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .text_2 i {
position: relative;
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .text_2 i::before {
content: "";
position: absolute;
left: -26px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/works_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .text_2 i::before {
width: 28rem;
height: 28rem;
left: -48rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 ul,
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 li {
margin: 0;
padding: 0;
list-style: none;
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox {
position: relative;
width: 340px;
height: 54px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox {
width: 600rem;
height: 100rem;
margin-bottom: 59rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox select {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__output {
display: flex;
align-items: center;
position: relative;
width: 340px;
height: 54px;
padding: 1em;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 5px;
z-index: 10;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__output {
width: 600rem;
height: 100rem;
border-radius: 0;
font-size: 26rem;
padding: 1.4em;
z-index: 1;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__output::after {
display: block;
position: absolute;
right: 14px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -11px);
font-weight: lighter;
content: "＞";
transform: rotate(90deg);
transition: all 0.2s ease;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__output::after {
right: 30rem;
top: calc(50% - 30rem);
font-size: 30rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__output.open::after {
transform: rotate(-90deg);
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__selector {
display: none;
position: absolute;
left: 0;
top: calc(100% - 1px);
width: 340px;
border: 1px solid #ccc;
background-color: #fff;
z-index: 10;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__selector {
width: 600rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__selectorItem {
width: 340px;
padding: 0.75em;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__selectorItem {
width: 600rem;
height: 100rem;
border-radius: 0;
font-size: 26rem;
padding: 1.4em;
z-index: 2;
position: relative;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__selectorItem + .selectBox__selectorItem {
border-top: 1px solid #ccc;
}
body.post-type-archive-works section.select .select_box .select_box_1 .criteria-container .select_box_1_1 .selectBox__selectorItem:hover {
background-color: #0d61ad;
color: #fff;
}
body.post-type-archive-works section.select .select_box .select_box_1 .search-container {
margin-top: 40px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .search-container {
margin-top: -8rem;
}
}
body.post-type-archive-works section.select .select_box .select_box_1 .search-container button {
width: 220px;
height: 54px;
outline: 0;
background: #2b82b1;
color: #fff;
border-radius: 8px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.select .select_box .select_box_1 .search-container button {
width: 400rem;
height: 90rem;
border-radius: 7rem;
font-size: 26rem;
}
}
@media screen and (min-width: 700px) {
body.post-type-archive-works section.select .select_box .select_box_1 .search-container button:hover {
background: #707070;
}
}
body.post-type-archive-works section.result {
padding-top: 113px;
padding-bottom: 150px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result {
padding-top: 120rem;
padding-bottom: 120rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list::after {
content: "";
display: block;
width: 30%;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list::after {
width: 600rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item {
margin-bottom: 120px;
width: 100%;
}
@media screen and (min-width: 700px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item {
max-width: 310px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item {
margin-bottom: 97rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .image_1 {
position: relative;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .image_1 {
margin-bottom: 48rem;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .image_1 img {
width: 600rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .category {
position: absolute;
top: 14px;
left: 14px;
color: #fff;
height: 32px;
background: #2b82b1;
text-align: center;
line-height: 32px;
font-size: 16px;
padding: 0 9px;
border-radius: 2px;
letter-spacing: 0.125em;
display: inline-block;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .category {
top: 21rem;
left: 21rem;
height: 57rem;
line-height: 57rem;
font-size: 26rem;
padding: 0 18rem;
border-radius: 1px;
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .category:nth-of-type(2) {
top: 97rem !important;
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .category:nth-of-type(3) {
top: 173rem !important;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .category:nth-of-type(2) {
top: 52px;
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .category:nth-of-type(3) {
top: 90px;
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .text_2 {
font-size: 18px;
margin-bottom: 23px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .text_2 {
font-size: 28rem;
margin-bottom: 36rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .meta {
width: 310px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .meta {
width: 600rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .meta .text_3 {
width: 145px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
border-bottom: 1px solid #000;
padding-bottom: 10px;
font-size: 14px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .meta .text_3 {
width: 280rem;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_1 .result_list .result_item .meta .text_3 span:nth-of-type(2) {
font-size: 26rem;
letter-spacing: 0.125em;
}
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi > * {
height: 41px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
color: #2b82b1;
margin-left: 42px;
margin-right: 42px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi > * {
height: 40rem;
font-size: 18px;
margin-left: 20rem;
margin-right: 20rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .current {
color: rgba(0, 0, 0, 0.3);
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .page:hover {
color: rgba(43, 130, 177, 0.5);
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .previouspostslink,
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .nextpostslink {
font-weight: lighter;
color: #fff;
width: 40px;
height: 40px;
background: #2b82b1;
border: 1px solid #2b82b1;
border-radius: 5px;
font-size: 14px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .previouspostslink,
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .nextpostslink {
height: 50rem;
width: 50rem;
font-size: 18px;
}
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .previouspostslink:hover,
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .nextpostslink:hover {
color: #2b82b1;
background: #fff;
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .previouspostslink {
margin-left: -83px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .previouspostslink {
margin-left: -80rem;
}
}
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .nextpostslink {
margin-right: -83px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-works section.result .result_box .result_box_2 .wp-pagenavi .nextpostslink {
margin-right: -80rem;
}
}
body.single-works section.header {
margin-top: 120px;
padding-top: 100px;
}
@media screen and (max-width: 701px) {
body.single-works section.header {
margin-top: 160rem;
padding-top: 99rem;
}
}
body.single-works section.header .header_box .header_box_1 .text_1 {
font-size: 14px;
color: #2b82b1;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.single-works section.header .header_box .header_box_1 .text_1 {
font-size: 20rem;
}
}
body.single-works section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
}
@media screen and (max-width: 701px) {
body.single-works section.header .header_box .header_box_1 .text_2 {
font-size: 32rem;
line-height: 1.4375;
}
}
body.single-works section.work {
position: relative;
padding-bottom: 92px;
}
@media screen and (max-width: 701px) {
body.single-works section.work {
padding-bottom: 80rem;
}
}
body.single-works section.work .work_box {
padding-top: 98px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box {
padding-top: 100rem;
}
}
body.single-works section.work .work_box .work_box_1 {
margin-bottom: 56px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_1 {
margin-bottom: 930rem;
}
}
body.single-works section.work .work_box .work_box_1 .text_1 {
font-size: 32px;
line-height: 1.625;
width: 100%;
max-width: 466px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_1 .text_1 {
font-size: 36rem;
line-height: 1.4444444444;
letter-spacing: 0.125em;
}
}
body.single-works section.work .work_box .work_box_2 {
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 336px);
top: -52px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 {
left: calc(50% + 26rem);
top: 286rem;
}
}
body.single-works section.work .work_box .work_box_2 .thumbnail_box {
width: 610px;
height: 700px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .thumbnail_box {
width: 650rem;
height: 746rem;
}
}
body.single-works section.work .work_box .work_box_2 .thumbnail_box .img_container {
width: 610px;
height: 700px;
display: flex;
justify-content: center; align-items: center; background-color: #f0f0f0;
overflow: hidden;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .thumbnail_box .img_container {
width: 650rem;
height: 746rem;
}
}
body.single-works section.work .work_box .work_box_2 .thumbnail_box img {
width: 100%;
height: 100%;
object-fit: cover; }
body.single-works section.work .work_box .work_box_2 .slide-arrow {
color: #2b82b1;
position: absolute;
bottom: -43px;
font-weight: lighter;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .slide-arrow {
bottom: -73rem;
}
}
body.single-works section.work .work_box .work_box_2 .slide-arrow.prev-arrow {
right: 92px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .slide-arrow.prev-arrow {
right: 150rem;
}
}
body.single-works section.work .work_box .work_box_2 .slide-arrow.next-arrow {
right: 39px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .slide-arrow.next-arrow {
right: 50rem;
}
}
body.single-works section.work .work_box .work_box_2 .slick-dots {
text-align: left;
bottom: -26px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .slick-dots {
bottom: -79rem;
}
}
body.single-works section.work .work_box .work_box_2 .slick-dots li {
width: 50px;
height: 3px;
margin-right: 5px;
margin-left: unset;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .slick-dots li {
width: 95rem;
height: 5rem;
margin-right: 5rem;
}
}
body.single-works section.work .work_box .work_box_2 .slick-dots li.slick-active button::before {
background: #2b82b1;
}
body.single-works section.work .work_box .work_box_2 .slick-dots li button::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 3px;
background: #cecece;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_2 .slick-dots li button::before {
width: 95rem;
height: 5rem;
}
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_3 {
padding-top: 69rem;
}
}
body.single-works section.work .work_box .work_box_3 dl {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 466px;
}
body.single-works section.work .work_box .work_box_3 dl dt {
width: 146px;
font-size: 16px;
line-height: 2;
padding-top: 26px;
padding-bottom: 26px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_3 dl dt {
width: 100%;
font-size: 28rem;
line-height: 1.4285714286;
padding-top: 0;
padding-bottom: 23rem;
padding-left: 4rem;
}
}
body.single-works section.work .work_box .work_box_3 dl dd {
width: calc(100% - 146px);
font-size: 16px;
line-height: 2;
padding-top: 26px;
padding-bottom: 26px;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_3 dl dd {
width: 100%;
font-size: 24rem;
line-height: 1.4285714286;
padding-top: 0;
padding-bottom: 44rem;
padding-left: 4rem;
}
}
body.single-works section.work .work_box .work_box_3 .line_1 {
border-top: 1px solid #cecece;
width: 100%;
}
@media screen and (max-width: 701px) {
body.single-works section.work .work_box .work_box_3 .line_1 {
margin-bottom: 42rem;
}
}
body.single-works section.relation {
padding-top: 120px;
padding-bottom: 180px;
background: #f5f7f8;
}
@media screen and (max-width: 701px) {
body.single-works section.relation {
padding-top: 98rem;
padding-bottom: 120rem;
}
}
body.single-works section.relation .relation_box .relation_box_1 .text_1 {
font-size: 24px;
padding-left: 25px;
margin-bottom: 38px;
}
@media screen and (max-width: 701px) {
body.single-works section.relation .relation_box .relation_box_1 .text_1 {
font-size: 28rem;
padding-left: 54rem;
margin-bottom: 40rem;
}
}
body.single-works section.relation .relation_box .relation_box_1 .text_1 i {
position: relative;
}
body.single-works section.relation .relation_box .relation_box_1 .text_1 i::before {
content: "";
position: absolute;
left: -25px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/work_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.single-works section.relation .relation_box .relation_box_1 .text_1 i::before {
width: 28rem;
height: 28rem;
left: -56rem;
}
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 150px;
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 .result_item {
width: 100%;
max-width: 310px;
position: relative;
margin-right: 75px;
margin-bottom: 50px;
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 .result_item:last-of-type {
margin-right: unset;
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 .result_item .image_1 {
margin-bottom: 25px;
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 .result_item .category {
position: absolute;
top: 14px;
left: 14px;
color: #fff;
height: 32px;
background: #2b82b1;
text-align: center;
line-height: 32px;
font-size: 14px;
padding: 0 9px;
border-radius: 2px;
letter-spacing: 0.125em;
display: inline-block;
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 .result_item .category:nth-of-type(2) {
top: 52px;
}
body.single-works section.relation .relation_box .relation_box_1 .list_1 .result_item .category:nth-of-type(3) {
top: 90px;
}
body.single-works section.relation .relation_box .relation_box_1 .link_1 {
width: 250px;
height: 54px;
justify-content: center;
margin: 0 auto;
padding-left: unset;
}
body.page-business section.header {
margin-top: 120px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/business_1.jpg) no-repeat center/cover;
position: relative;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.page-business section.header {
margin-top: 160rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/business_1_sp.jpg) no-repeat center/cover;
}
}
body.page-business section.header::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
}
body.page-business section.header .header_box {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
max-height: 530px;
padding-top: 21vw;
}
@media screen and (max-width: 701px) {
body.page-business section.header .header_box {
height: 474rem;
justify-content: flex-start;
align-items: flex-start;
}
}
body.page-business section.header .header_box .header_box_1 {
position: relative;
z-index: 10;
}
@media screen and (min-width: 700px) {
body.page-business section.header .header_box .header_box_1 {
margin-right: 35px;
margin-bottom: 100px;
}
}
@media screen and (max-width: 701px) {
body.page-business section.header .header_box .header_box_1 {
padding-top: 160rem;
padding-left: 29rem;
}
}
body.page-business section.header .header_box .header_box_1 .text_1 {
font-size: 42px;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
margin-bottom: 6px;
}
@media screen and (max-width: 701px) {
body.page-business section.header .header_box .header_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 2rem;
}
}
body.page-business section.header .header_box .header_box_1 .text_2 {
font-size: 16px;
color: #fff;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.page-business section.header .header_box .header_box_1 .text_2 {
font-size: 24rem;
}
}
body.page-business section.lead {
padding-top: 149px;
padding-bottom: 115px;
}
@media screen and (max-width: 701px) {
body.page-business section.lead {
padding-top: 140rem;
padding-bottom: 100rem;
}
}
body.page-business section.lead .lead_box .lead_box_1 .text_1 {
font-size: 36px;
font-weight: bold;
letter-spacing: 0.125em;
text-align: center;
line-height: 1.5;
margin-bottom: 66px;
}
@media screen and (max-width: 701px) {
body.page-business section.lead .lead_box .lead_box_1 .text_1 {
font-size: 42rem;
line-height: 1.4761904762;
margin-bottom: 71rem;
letter-spacing: 0.025em;
}
}
body.page-business section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
max-width: 640px;
margin: 0 auto;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-business section.lead .lead_box .lead_box_1 .text_2 {
font-size: 24rem;
max-width: 565rem;
letter-spacing: 0.025em;
}
}
body.page-business section.issue {
background: #dff6ff;
padding-top: 65px;
padding-bottom: 65px;
}
@media screen and (max-width: 701px) {
body.page-business section.issue {
padding-top: 113rem;
padding-bottom: 125rem;
}
}
body.page-business section.issue .issue_box .issue_box_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 701px) {
body.page-business section.issue .issue_box .issue_box_1 {
flex-direction: column;
}
}
@media screen and (min-width: 700px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_1 {
margin-right: 117px;
}
}
@media screen and (max-width: 701px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_1 {
margin-bottom: 33rem;
}
}
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_1 .text_1 {
font-size: 28px;
letter-spacing: 0.125em;
line-height: 1.7142857143;
margin-bottom: 14px;
}
@media screen and (max-width: 701px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_1 .text_1 {
font-size: 32rem;
margin-bottom: -2rem;
}
}
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_1 .text_2 {
font-size: 12px;
color: #2b82b1;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_1 .text_2 {
font-size: 24rem;
text-align: center;
}
}
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 .item_1 {
background: #fff;
border-radius: 7px;
width: 576px;
font-size: 18px;
line-height: 1.7777777778;
letter-spacing: 0.125em;
margin: 12.5px 0;
padding-left: 70px;
}
@media screen and (min-width: 700px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 .item_1 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 701px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 .item_1 {
border-radius: 7rem;
width: 600rem;
font-size: 26rem;
line-height: 1.6153846154;
height: 139rem;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 3rem;
padding-left: 132rem;
}
}
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 .item_1 i {
position: relative;
}
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 .item_1 i::before {
content: "";
position: absolute;
left: -41px;
top: 3px;
width: 20px;
height: 20px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/business_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-business section.issue .issue_box .issue_box_1 .issue_box_1_2 .list_1 .item_1 i::before {
left: -80rem;
top: -21rem;
width: 40rem;
height: 40rem;
}
}
body.page-business section.feature {
padding-top: 155px;
padding-bottom: 150px;
}
@media screen and (max-width: 701px) {
body.page-business section.feature {
padding-top: 125rem;
padding-bottom: 10rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .text_1 {
font-size: 36px;
letter-spacing: 0.125em;
line-height: 1.1666666667;
text-align: center;
margin-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 14rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .text_2 {
font-size: 16px;
letter-spacing: 0.075em;
line-height: 1;
color: #2b82b1;
text-align: center;
margin-bottom: 92px;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 80rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 {
width: 280px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 {
width: 500rem;
margin-bottom: 15rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_3 {
font-size: 52px;
letter-spacing: 0.025em;
color: #d2eafc;
text-align: center;
margin-bottom: 9px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_3 {
width: 100rem;
margin-bottom: 10rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_3::before {
content: "";
position: absolute;
right: -35px;
top: -25px;
width: 70px;
height: 70px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/business_parts_2.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_3::before {
width: 135rem;
height: 135rem;
right: -82rem;
top: -35rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_4 {
font-size: 24px;
line-height: 1.5;
text-align: center;
margin-bottom: 61px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_4 {
font-size: 32rem;
line-height: 1.6875;
margin-bottom: 88rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_4::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -20px;
width: 50px;
height: 1px;
background: #2b82b1;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_4::before {
bottom: -33rem;
width: 190rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_4::after {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -20px;
width: 15px;
height: 1px;
background: #000;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_4::after {
bottom: -33rem;
width: 30rem;
}
}
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_5 {
font-size: 16px;
line-height: 2;
text-align: left;
}
@media screen and (max-width: 701px) {
body.page-business section.feature .feature_box .feature_box_1 .list_1 .item_1 .text_5 {
font-size: 24rem;
margin-bottom: 88rem;
}
}
body.page-business section.lineup {
background: rgba(236, 239, 241, 0.5);
padding-top: 150px;
padding-bottom: 80px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup {
padding-top: 126rem;
padding-bottom: 1rem;
margin-bottom: -15rem;
}
}
body.page-business section.lineup .lineup_box {
padding-left: 40px;
padding-right: 40px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box {
padding-left: 43rem;
padding-right: 43rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_1 {
margin-bottom: 140px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_1 {
margin-bottom: 114rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_1 .text_1 {
font-size: 36px;
letter-spacing: 0.125em;
line-height: 1.1666666667;
text-align: left;
margin-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 14rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_1 .text_2 {
font-size: 16px;
letter-spacing: 0.075em;
line-height: 1;
color: #2b82b1;
text-align: left;
margin-bottom: 62px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_1 .text_2 {
font-size: 24rem;
margin-bottom: 57rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_1 .text_3 {
width: 100%;
max-width: 662px;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_1 .text_3 {
max-width: 520rem;
font-size: 24rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 {
flex-direction: column-reverse;
margin-bottom: 160rem;
}
}
@media screen and (min-width: 700px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1:nth-of-type(even) {
flex-direction: row-reverse;
}
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1:nth-of-type(even) .lineup_box_2_1_1 .text_1 {
left: unset;
right: -48rem;
}
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1:nth-of-type(even) .image_1 {
margin-left: -95rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 {
margin-top: 76px;
width: 100%;
max-width: 450px;
position: relative;
margin-bottom: 40px;
}
@media screen and (min-width: 700px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 {
padding-left: 90px;
}
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 {
margin-top: 55rem;
max-width: 520rem;
margin-bottom: 0rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 .text_1 {
writing-mode: vertical-rl;
position: absolute;
letter-spacing: 0.1em;
left: 0;
top: 0;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 .text_1 {
left: -46rem;
top: -663rem;
font-size: 20rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 .text_2 {
font-size: 28px;
line-height: 1.5;
letter-spacing: 0.075em;
margin-bottom: 26px;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 .text_2 {
font-size: 32rem;
line-height: 1.6875;
margin-bottom: 39rem;
}
}
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 .text_3 {
font-size: 16px;
line-height: 2;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_1 .text_3 {
font-size: 24rem;
letter-spacing: 0.05em;
}
}
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_2 {
width: 100%;
}
@media screen and (min-width: 700px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_2 {
max-width: 440px;
}
}
@media screen and (max-width: 701px) {
body.page-business section.lineup .lineup_box .lineup_box_2 .lineup_box_2_1 .lineup_box_2_1_2 .image_1 {
width: 606rem;
height: 606rem;
}
}
body.page-business section.line_button {
padding-top: 100px;
padding-bottom: 115px;
}
@media screen and (max-width: 701px) {
body.page-business section.line_button {
padding-top: 100rem;
padding-bottom: 100rem;
}
}
body.page-business section.line_button .line_button_box .line_button_box_1 .text_1 {
font-size: 36px;
font-weight: bold;
letter-spacing: 0.125em;
text-align: center;
line-height: 1.5;
margin-bottom: 66px;
}
@media screen and (max-width: 701px) {
body.page-business section.line_button .line_button_box .line_button_box_1 .text_1 {
font-size: 42rem;
line-height: 1.4761904762;
margin-bottom: 71rem;
letter-spacing: 0.025em;
}
}
body.page-business section.line_button .line_button_box .line_button_box_1 .text_2 {
width: 100%;
max-width: 760px;
margin: 0 auto;
line-height: 2;
margin-bottom: 46px;
}
@media screen and (max-width: 701px) {
body.page-business section.line_button .line_button_box .line_button_box_1 .text_2 {
font-size: 24rem;
max-width: 565rem;
letter-spacing: 0.025em;
margin-bottom: 51rem;
}
}
body.page-business section.line_button .line_button_box .line_button_box_1 .button_1 {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
body.page-business section.line_button .line_button_box .line_button_box_1 .button_1 .line_button {
margin: 30px;
}
@media screen and (max-width: 701px) {
body.page-business section.line_button .line_button_box .line_button_box_1 .button_1 .line_button img {
width: 300rem;
}
}
body.page-business section.line_button .line_button_box .line_button_box_1 .button_1 .line_qr {
margin: 30px;
}
@media screen and (max-width: 701px) {
body.page-business section.line_button .line_button_box .line_button_box_1 .button_1 .line_qr img {
width: 360rem;
}
}
body.page-contact section.header,
body.page-contact-confirm section.header,
body.page-contact-thanks section.header {
margin-top: 120px;
padding-top: 80px;
padding-bottom: 65px;
}
@media screen and (max-width: 701px) {
body.page-contact section.header,
body.page-contact-confirm section.header,
body.page-contact-thanks section.header {
margin-top: 160rem;
padding-top: 114rem;
padding-bottom: 73rem;
}
}
body.page-contact section.header .header_box .header_box_1 .text_1,
body.page-contact-confirm section.header .header_box .header_box_1 .text_1,
body.page-contact-thanks section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
letter-spacing: 0.05em;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-contact section.header .header_box .header_box_1 .text_1,
body.page-contact-confirm section.header .header_box .header_box_1 .text_1,
body.page-contact-thanks section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
margin-bottom: -5rem;
}
}
body.page-contact section.header .header_box .header_box_1 .text_2,
body.page-contact-confirm section.header .header_box .header_box_1 .text_2,
body.page-contact-thanks section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-contact section.header .header_box .header_box_1 .text_2,
body.page-contact-confirm section.header .header_box .header_box_1 .text_2,
body.page-contact-thanks section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
}
}
body.page-contact section.lead,
body.page-contact-confirm section.lead,
body.page-contact-thanks section.lead {
margin-bottom: 77px;
}
@media screen and (max-width: 701px) {
body.page-contact section.lead,
body.page-contact-confirm section.lead,
body.page-contact-thanks section.lead {
margin-bottom: 70rem;
}
}
body.page-contact section.lead .lead_box .lead_box_1 .text_1,
body.page-contact-confirm section.lead .lead_box .lead_box_1 .text_1,
body.page-contact-thanks section.lead .lead_box .lead_box_1 .text_1 {
font-size: 18px;
text-align: center;
line-height: 1.7777777778;
}
@media screen and (max-width: 701px) {
body.page-contact section.lead .lead_box .lead_box_1 .text_1,
body.page-contact-confirm section.lead .lead_box .lead_box_1 .text_1,
body.page-contact-thanks section.lead .lead_box .lead_box_1 .text_1 {
font-size: 26rem;
line-height: 1.8461538462;
margin: 0 -10rem;
}
}
body.page-contact section.tel,
body.page-contact-confirm section.tel,
body.page-contact-thanks section.tel {
margin-bottom: 99px;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel,
body.page-contact-confirm section.tel,
body.page-contact-thanks section.tel {
margin-bottom: 83rem;
}
}
body.page-contact section.tel .tel_box,
body.page-contact-confirm section.tel .tel_box,
body.page-contact-thanks section.tel .tel_box {
width: 100%;
max-width: 800px;
margin: 0 auto;
border: 1px solid #cecece;
padding-top: 49px;
padding-bottom: 46px;
border-radius: 3px;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box,
body.page-contact-confirm section.tel .tel_box,
body.page-contact-thanks section.tel .tel_box {
padding-top: 50rem;
padding-bottom: 24rem;
}
}
body.page-contact section.tel .tel_box .tel_box_1 .text_1,
body.page-contact-confirm section.tel .tel_box .tel_box_1 .text_1,
body.page-contact-thanks section.tel .tel_box .tel_box_1 .text_1 {
font-size: 24px;
text-align: center;
margin-bottom: 33px;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_1 .text_1,
body.page-contact-confirm section.tel .tel_box .tel_box_1 .text_1,
body.page-contact-thanks section.tel .tel_box .tel_box_1 .text_1 {
font-size: 32rem;
line-height: 1.6875;
margin-bottom: 44rem;
}
}
body.page-contact section.tel .tel_box .tel_box_1 .text_1 i,
body.page-contact-confirm section.tel .tel_box .tel_box_1 .text_1 i,
body.page-contact-thanks section.tel .tel_box .tel_box_1 .text_1 i {
position: relative;
}
body.page-contact section.tel .tel_box .tel_box_1 .text_1 i::before,
body.page-contact-confirm section.tel .tel_box .tel_box_1 .text_1 i::before,
body.page-contact-thanks section.tel .tel_box .tel_box_1 .text_1 i::before {
content: "";
position: absolute;
left: -48px;
top: -9px;
width: 29px;
height: 48px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/contact_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_1 .text_1 i::before,
body.page-contact-confirm section.tel .tel_box .tel_box_1 .text_1 i::before,
body.page-contact-thanks section.tel .tel_box .tel_box_1 .text_1 i::before {
width: 33rem;
height: 56rem;
left: -50rem;
top: -9rem;
}
}
body.page-contact section.tel .tel_box .tel_box_2,
body.page-contact-confirm section.tel .tel_box .tel_box_2,
body.page-contact-thanks section.tel .tel_box .tel_box_2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2,
body.page-contact-confirm section.tel .tel_box .tel_box_2,
body.page-contact-thanks section.tel .tel_box .tel_box_2 {
flex-direction: column;
align-items: center;
justify-items: flex-start;
}
}
@media screen and (min-width: 700px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 {
padding-right: 40px;
margin-left: 32px;
border-right: 1px solid #cecece;
}
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 {
width: 100%;
max-width: 550rem;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #cecece;
padding-bottom: 19px;
}
}
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_2,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_2,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_2 {
font-size: 20px;
text-align: left;
line-height: 1;
margin-bottom: 14px;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_2,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_2,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_2 {
font-size: 28rem;
margin-bottom: 23rem;
text-align: center;
}
}
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 {
font-size: 42px;
text-align: left;
line-height: 1;
padding-left: 65px;
letter-spacing: 0.02em;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 {
font-size: 54rem;
text-align: center;
padding-left: 75rem;
letter-spacing: 0.05em;
}
}
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i {
position: relative;
}
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i::before,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i::before,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i::before {
content: "";
position: absolute;
left: -65px;
top: 13px;
width: 50px;
height: 33px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/contact_parts_2.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i::before,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i::before,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_1 .text_3 i::before {
width: 67rem;
height: 44rem;
left: -85rem;
top: 16rem;
}
}
@media screen and (min-width: 700px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_2,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_2,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_2 {
margin-left: 40px;
}
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_2,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_2,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_2 {
padding-top: 30rem;
}
}
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_2 .text_4,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_2 .text_4,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_2 .text_4 {
font-size: 16px;
line-height: 1.75;
}
@media screen and (max-width: 701px) {
body.page-contact section.tel .tel_box .tel_box_2 .tel_box_2_2 .text_4,
body.page-contact-confirm section.tel .tel_box .tel_box_2 .tel_box_2_2 .text_4,
body.page-contact-thanks section.tel .tel_box .tel_box_2 .tel_box_2_2 .text_4 {
font-size: 24rem;
line-height: 1.75;
text-align: center;
}
}
body.page-contact section.form,
body.page-contact-confirm section.form,
body.page-contact-thanks section.form {
padding-bottom: 165px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form,
body.page-contact-confirm section.form,
body.page-contact-thanks section.form {
padding-bottom: 120rem;
}
}
body.page-contact section.form .form_box .form_box_1,
body.page-contact-confirm section.form .form_box .form_box_1,
body.page-contact-thanks section.form .form_box .form_box_1 {
margin-bottom: 78px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_1,
body.page-contact-confirm section.form .form_box .form_box_1,
body.page-contact-thanks section.form .form_box .form_box_1 {
margin-bottom: 73rem;
}
}
body.page-contact section.form .form_box .form_box_1 .text_1,
body.page-contact-confirm section.form .form_box .form_box_1 .text_1,
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 {
font-size: 24px;
text-align: center;
padding-left: 30px;
margin-bottom: 35px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_1 .text_1,
body.page-contact-confirm section.form .form_box .form_box_1 .text_1,
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 {
font-size: 32rem;
padding-left: 40rem;
margin-bottom: 54rem;
}
}
body.page-contact section.form .form_box .form_box_1 .text_1 i,
body.page-contact-confirm section.form .form_box .form_box_1 .text_1 i,
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 i {
position: relative;
}
body.page-contact section.form .form_box .form_box_1 .text_1 i::before,
body.page-contact-confirm section.form .form_box .form_box_1 .text_1 i::before,
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 i::before {
content: "";
position: absolute;
left: -28px;
top: 13px;
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/contact_parts_3.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_1 .text_1 i::before,
body.page-contact-confirm section.form .form_box .form_box_1 .text_1 i::before,
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 i::before {
width: 30rem;
height: 30rem;
left: -55rem;
top: 9rem;
}
}
body.page-contact section.form .form_box .form_box_1 .text_2,
body.page-contact-confirm section.form .form_box .form_box_1 .text_2,
body.page-contact-thanks section.form .form_box .form_box_1 .text_2 {
font-size: 16px;
line-height: 2;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_1 .text_2,
body.page-contact-confirm section.form .form_box .form_box_1 .text_2,
body.page-contact-thanks section.form .form_box .form_box_1 .text_2 {
font-size: 26rem;
line-height: 1.8461538462;
text-align: left;
}
}
body.page-contact section.form .form_box .line_1,
body.page-contact-confirm section.form .form_box .line_1,
body.page-contact-thanks section.form .form_box .line_1 {
width: 100%;
max-width: 926px;
margin: 0 auto;
border-top: 1px solid #cecece;
margin-bottom: 80px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .line_1,
body.page-contact-confirm section.form .form_box .line_1,
body.page-contact-thanks section.form .form_box .line_1 {
margin-bottom: 60rem;
}
}
body.page-contact section.form .form_box .form_box_2,
body.page-contact-confirm section.form .form_box .form_box_2,
body.page-contact-thanks section.form .form_box .form_box_2 {
padding-left: 30px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2,
body.page-contact-confirm section.form .form_box .form_box_2,
body.page-contact-thanks section.form .form_box .form_box_2 {
padding-left: 53rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 {
width: 100%;
max-width: 750px;
margin: 0 auto;
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dt,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dt,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dt {
font-size: 18px;
margin-bottom: 20px;
display: inline-block;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dt,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dt,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dt {
font-size: 28rem;
letter-spacing: 0.1em;
margin-bottom: 31rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dt::before,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dt::before,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dt::before {
content: "";
position: absolute;
left: -29px;
top: 5px;
width: 15px;
height: 52px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/contact_parts_4.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dt::before,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dt::before,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dt::before {
left: -54rem;
width: 28rem;
height: 114rem;
top: -2rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 .required::after,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 .required::after,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 .required::after {
content: "必須";
position: absolute;
right: -46px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
font-size: 14px;
color: #fff;
background: #2b82b1;
padding: 3px;
border-radius: 2px;
line-height: 1;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 .required::after,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 .required::after,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 .required::after {
font-size: 22rem;
right: -85rem;
padding: 5rem 9rem;
border-radius: 2rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin-bottom: 71px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd {
margin-bottom: 62rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd:nth-of-type(1),
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd:nth-of-type(1),
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd:nth-of-type(1) {
margin-bottom: 45px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd:nth-of-type(1),
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd:nth-of-type(1),
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd:nth-of-type(1) {
margin-bottom: 50rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd .mwform-radio-field,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd .mwform-radio-field,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd .mwform-radio-field {
margin-left: 0;
width: 214px;
margin-bottom: 20px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd .mwform-radio-field,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd .mwform-radio-field,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd .mwform-radio-field {
width: 100%;
margin-bottom: 30rem;
font-size: 26rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input[type=text],
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input[type=email],
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input[type=text],
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input[type=email],
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input[type=text],
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input[type=email],
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd textarea {
font-size: 16px;
padding: 11px;
background: #f7fafc;
width: 100%;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input[type=text],
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input[type=email],
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input[type=text],
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input[type=email],
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input[type=text],
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input[type=email],
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd textarea {
font-size: 28rem;
padding: 14rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd textarea {
height: 160px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd textarea,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd textarea {
height: 403rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input.zip-1,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input.zip-1,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input.zip-1 {
width: 93px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input.zip-1,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input.zip-1,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input.zip-1 {
width: 150rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input.zip-2,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input.zip-2,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input.zip-2 {
width: 93px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd input.zip-2,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd input.zip-2,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd input.zip-2 {
width: 150rem;
}
}
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd .hyphen,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd .hyphen,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd .hyphen {
padding: 11px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 dl.form_1 dd .hyphen,
body.page-contact-confirm section.form .form_box .form_box_2 dl.form_1 dd .hyphen,
body.page-contact-thanks section.form .form_box .form_box_2 dl.form_1 dd .hyphen {
padding: 18rem;
font-size: 28rem;
}
}
body.page-contact section.form .form_box .form_box_2 .privacypolicy_box,
body.page-contact-confirm section.form .form_box .form_box_2 .privacypolicy_box,
body.page-contact-thanks section.form .form_box .form_box_2 .privacypolicy_box {
text-align: center;
margin-bottom: 36px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 .privacypolicy_box,
body.page-contact-confirm section.form .form_box .form_box_2 .privacypolicy_box,
body.page-contact-thanks section.form .form_box .form_box_2 .privacypolicy_box {
font-size: 24rem;
margin-bottom: 40rem;
margin-top: 90rem;
}
}
body.page-contact section.form .form_box .form_box_2 .button_box,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 .button_box,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box {
padding-right: 40rem;
}
}
body.page-contact section.form .form_box .form_box_2 .button_box .sent,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box .sent,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box .sent {
width: 290px;
height: 75px;
border-radius: 7px;
border: 1px solid #2b82b1;
background: #2b82b1;
font-size: 16px;
color: #fff;
font-weight: 900;
transition: all 0.2s ease;
cursor: pointer;
margin: 0 10px 20px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 .button_box .sent,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box .sent,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box .sent {
width: 400rem;
height: 90rem;
border-radius: 7rem;
font-size: 26rem;
}
}
body.page-contact section.form .form_box .form_box_2 .button_box .sent:hover,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box .sent:hover,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box .sent:hover {
background: #fff;
color: #2b82b1;
transition: all 0.2s ease;
}
body.page-contact section.form .form_box .form_box_2 .button_box .back,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box .back,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box .back {
width: 290px;
height: 75px;
border-radius: 7px;
border: 1px solid #2b82b1;
background: #fff;
color: #2b82b1;
font-size: 16px;
font-weight: 900;
transition: all 0.2s ease;
cursor: pointer;
margin: 0 10px 20px;
}
@media screen and (max-width: 701px) {
body.page-contact section.form .form_box .form_box_2 .button_box .back,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box .back,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box .back {
width: 280rem;
height: 90rem;
font-size: 26rem;
border-radius: 7rem;
margin: 0;
}
}
body.page-contact section.form .form_box .form_box_2 .button_box .back:hover,
body.page-contact-confirm section.form .form_box .form_box_2 .button_box .back:hover,
body.page-contact-thanks section.form .form_box .form_box_2 .button_box .back:hover {
background: #2b82b1;
color: #fff;
transition: all 0.2s ease;
}
body.page-contact-confirm .hyphen {
padding: 0 !important;
}
body.page-contact-confirm dl.form_1 dd {
margin-bottom: 58px !important;
}
@media screen and (max-width: 701px) {
body.page-contact-confirm dl.form_1 dd {
font-size: 26rem !important;
line-height: 1.8461538462 !important;
margin-bottom: 51rem !important;
}
}
body.page-contact-confirm .privacypolicy_box {
display: none;
}
body.page-contact-confirm .button_box {
margin-top: 120px;
}
@media screen and (max-width: 701px) {
body.page-contact-confirm .button_box {
margin: 0 -40rem !important;
margin-top: 112rem !important;
justify-content: space-between !important;
}
}
@media screen and (max-width: 701px) {
body.page-contact-confirm .sent {
width: 280rem !important;
margin: 0 !important;
}
}
body.page-contact-thanks section.form {
padding-bottom: 0px;
}
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 {
margin-bottom: 53px;
}
@media screen and (max-width: 701px) {
body.page-contact-thanks section.form .form_box .form_box_1 .text_1 {
margin-bottom: 60rem;
}
}
body.page-contact-thanks section.tel {
margin-bottom: 179px;
}
@media screen and (max-width: 701px) {
body.page-contact-thanks section.tel {
margin-bottom: 160rem;
}
}
body.page-contact-thanks section.tel .link_1 {
display: flex;
justify-content: center;
align-items: center;
width: 290px;
height: 75px;
border-radius: 7px;
border: 1px solid #2b82b1;
background: #2b82b1;
font-size: 16px;
color: #fff;
font-weight: 900;
transition: all 0.2s ease;
cursor: pointer;
margin: 0 auto;
margin-top: 59px;
}
@media screen and (max-width: 701px) {
body.page-contact-thanks section.tel .link_1 {
width: 400rem;
height: 90rem;
border-radius: 7rem;
font-size: 26rem;
}
}
body.page-contact-thanks section.tel .link_1:hover {
background: #fff;
color: #2b82b1;
transition: all 0.2s ease;
}
body.page-service section.header {
margin-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-service section.header {
margin-top: 160rem;
padding-bottom: 141rem;
}
}
body.page-service section.header .header_box {
width: 100%;
}
body.page-service section.header .header_box .header_box_1 {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-service section.header .header_box .header_box_1 {
padding-top: 21vw;
max-height: 550px;
height: 41vw;
}
}
@media screen and (min-width: 1280px) {
body.page-service section.header .header_box .header_box_1 {
padding-top: 280px;
}
}
@media screen and (max-width: 701px) {
body.page-service section.header .header_box .header_box_1 {
height: 609rem;
padding-top: 65rem;
padding-left: 21rem;
}
}
body.page-service section.header .header_box .header_box_1::before {
content: "";
position: absolute;
left: calc(50% - 40px);
top: 0;
width: calc((50vw + 40px));
height: 100%;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_1.jpg) no-repeat center/cover;
z-index: -1;
}
@media screen and (max-width: 1141px) {
body.page-service section.header .header_box .header_box_1::before {
width: 680px;
}
}
@media screen and (max-width: 701px) {
body.page-service section.header .header_box .header_box_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_1_sp.jpg) no-repeat center/cover;
width: 590rem;
height: 410rem;
right: -50rem;
top: 199rem;
left: unset;
}
}
body.page-service section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
letter-spacing: 0.075em;
line-height: 1.5;
margin-bottom: 4px;
}
@media screen and (max-width: 701px) {
body.page-service section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 8rem;
}
}
body.page-service section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
margin-bottom: 113px;
}
@media screen and (max-width: 701px) {
body.page-service section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
}
}
body.page-service section.lead {
padding-top: 30px;
padding-bottom: 146px;
}
@media screen and (max-width: 701px) {
body.page-service section.lead {
padding-top: 0rem;
padding-bottom: 152rem;
}
}
body.page-service section.lead .lead_box .lead_box_1 .text_1 {
font-size: 36px;
text-align: center;
letter-spacing: unset;
margin-bottom: 64px;
}
@media screen and (max-width: 701px) {
body.page-service section.lead .lead_box .lead_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 70rem;
}
}
body.page-service section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
max-width: 689px;
margin: 0 auto;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-service section.lead .lead_box .lead_box_1 .text_2 {
font-size: 24rem;
max-width: 565rem;
}
}
body.page-service section.policy {
padding-bottom: 153px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_2.jpg) no-repeat center/cover;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-service section.policy {
padding-bottom: 153rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_2_sp.jpg) no-repeat center/cover;
}
}
body.page-service section.policy::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
}
body.page-service section.policy .policy_box .policy_box_1 {
position: relative;
}
body.page-service section.policy .policy_box .policy_box_1 .text_1 {
font-size: 60px;
color: rgba(255, 255, 255, 0.6);
text-align: center;
font-weight: 500;
line-height: 1;
letter-spacing: 0.125em;
position: relative;
top: -9px;
margin-bottom: 97px;
}
@media screen and (max-width: 701px) {
body.page-service section.policy .policy_box .policy_box_1 .text_1 {
font-size: 62rem;
top: -9rem;
margin-bottom: 102rem;
}
}
body.page-service section.policy .policy_box .policy_box_1 .text_2 {
font-size: 36px;
text-align: center;
color: #fff;
line-height: 1.5;
margin-bottom: 53px;
}
@media screen and (max-width: 701px) {
body.page-service section.policy .policy_box .policy_box_1 .text_2 {
font-size: 42rem;
margin-bottom: 108rem;
}
}
body.page-service section.policy .policy_box .policy_box_1 .text_3 {
width: 100%;
max-width: 640px;
margin: 0 auto;
font-size: 16px;
line-height: 2;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-service section.policy .policy_box .policy_box_1 .text_3 {
font-size: 24rem;
max-width: 500rem;
}
}
body.page-service section.service {
padding-top: 150px;
padding-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.page-service section.service {
padding-top: 160rem;
padding-bottom: 0rem;
}
}
body.page-service section.service .service_box .service_box_1 {
margin-bottom: 150px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 {
margin-bottom: 173rem;
}
}
body.page-service section.service .service_box .service_box_1:nth-of-type(even) {
flex-direction: row-reverse;
}
body.page-service section.service .service_box .service_box_1:nth-of-type(even) .service_box_1_1 {
padding-left: 120px;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1:nth-of-type(even) .service_box_1_1 {
padding-left: 47rem;
}
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1:nth-of-type(even) .service_box_1_2 {
top: -923rem;
}
}
body.page-service section.service .service_box .service_box_1:nth-of-type(even) .service_box_1_2 .text_3 {
left: unset;
right: -35px;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1:nth-of-type(even) .service_box_1_2 .text_3 {
right: unset;
left: -2rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_1 {
width: 50%;
padding-top: 270px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_1 {
width: 100%;
padding-top: 0rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_1 .text_1 {
font-size: 36px;
letter-spacing: 0.075em;
margin-bottom: 85px;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_1 .text_1 {
font-size: 42rem;
margin-bottom: 694rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_1 .text_2 {
width: 100%;
max-width: 360px;
font-size: 16px;
line-height: 2;
letter-spacing: 0.125em;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_1 .text_2 {
font-size: 24rem;
max-width: 555rem;
letter-spacing: 0.025em;
}
}
@media screen and (min-width: 700px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_1 .text_2.w340 {
max-width: 340px;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_2 {
width: 50%;
height: 700px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_2 {
width: 100%;
height: 583rem;
top: -878rem;
margin-bottom: -878rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_2 .text_3 {
writing-mode: vertical-rl;
position: absolute;
top: 0;
left: -34px;
font-size: 18px;
letter-spacing: 0.075em;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_2 .text_3 {
font-size: 20rem;
left: unset;
right: -2rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_2::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 635px;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_2::before {
width: 605rem;
left: -50rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_2.image_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_3.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_2.image_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_3_sp.jpg) no-repeat center/cover;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_2.image_2::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_4.jpg) no-repeat center/cover;
left: unset;
right: 0;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_2.image_2::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_4_sp.jpg) no-repeat center/cover;
right: -50rem;
}
}
body.page-service section.service .service_box .service_box_1 .service_box_1_2.image_3::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_5.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-service section.service .service_box .service_box_1 .service_box_1_2.image_3::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_5_sp.jpg) no-repeat center/cover;
}
}
body.page-service section.service_content {
padding-top: 150px;
padding-bottom: 140px;
background: #2b82b1;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content {
padding-top: 140rem;
padding-bottom: 130rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_1 .text_1 {
text-align: center;
color: #fff;
font-size: 32px;
letter-spacing: 0.125em;
margin-bottom: 8px;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_1 .text_1 {
font-size: 42rem;
margin-bottom: 7rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_1 .text_2 {
text-align: center;
color: #fff;
font-size: 16px;
letter-spacing: 0.075em;
position: relative;
margin-bottom: 110px;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_1 .text_2 {
font-size: 20rem;
margin-bottom: 128rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_1 .text_2::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -58px;
width: 20px;
height: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_1 .text_2::before {
width: 20rem;
height: 40rem;
bottom: -80rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 {
width: 400px;
height: 350px;
border: 1px solid #fff;
border-radius: 5px;
margin: 10px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 37px;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 {
position: relative;
width: 600rem;
height: 280rem;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 30rem;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: unset;
padding-top: 60rem;
padding-left: 251rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box {
width: 110px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box {
width: 154rem;
height: 141rem;
position: absolute;
left: 80rem;
top: 99rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_1 {
position: relative;
top: -12px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% - 30px);
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_1 {
width: 96rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_2 {
position: relative;
top: -10px;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_2 {
width: 118rem;
top: -34rem;
left: -27rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_3 {
position: relative;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_3 {
width: 129rem;
top: -34rem;
left: -27rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_4 {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_4 {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 10px);
}
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .image_box .image_4 {
width: 154rem;
top: -34rem;
left: -15rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .text_3 {
text-align: center;
color: #fff;
font-size: 26px;
letter-spacing: 0.125em;
height: 3em;
display: flex;
align-items: center;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .text_3 {
text-align: left;
font-size: 28rem;
margin-bottom: 21rem;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .link_1 {
display: block;
text-align: center;
color: #fff;
font-size: 16px;
margin-left: 1em;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .link_1 {
text-align: left;
font-size: 26rem;
margin-left: unset;
}
}
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .link_1 span {
font-weight: 200;
color: #fff;
font-size: 14px;
margin-left: 0.5em;
}
@media screen and (max-width: 701px) {
body.page-service section.service_content .service_content_box .service_content_box_2 .service_content_box_2_1 .link_1 span {
font-size: 26rem;
}
}
body.page-service-detail section.header {
margin-top: 120px;
padding-top: 113px;
padding-bottom: 160px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.header {
margin-top: 174rem;
padding-top: 100rem;
padding-bottom: 118rem;
}
}
body.page-service-detail section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
font-weight: 500;
text-align: center;
padding-bottom: 8px;
margin-bottom: -5px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
padding-bottom: 1rem;
margin-bottom: -5rem;
}
}
body.page-service-detail section.header .header_box .header_box_1 .text_2 {
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
}
}
body.page-service-detail .bg_style_1 {
position: relative;
padding-top: 420px;
padding-bottom: 152px;
z-index: 0;
}
@media screen and (max-width: 701px) {
body.page-service-detail .bg_style_1 {
padding-top: 270rem;
padding-bottom: 156rem;
}
}
body.page-service-detail .bg_style_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 1200px;
height: 450px;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-service-detail .bg_style_1::before {
width: 100vw;
height: 300rem;
}
}
body.page-service-detail .bg_style_1 > div:first-of-type {
padding-top: 116px;
background: #fff;
}
@media screen and (max-width: 701px) {
body.page-service-detail .bg_style_1 > div:first-of-type {
padding-top: 88rem;
}
}
body.page-service-detail .text_style_1 {
font-size: 14px;
color: #2b82b1;
text-align: center;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_1 {
font-size: 20rem;
}
}
body.page-service-detail .text_style_2 {
font-size: 42px;
text-align: center;
letter-spacing: 0.075em;
margin-bottom: 64px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_2 {
font-size: 42rem;
margin-bottom: 71rem;
}
}
body.page-service-detail .text_style_3 {
width: 100%;
max-width: 800px;
font-size: 16px;
line-height: 2;
margin-left: auto;
margin-right: auto;
margin-bottom: 114px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_3 {
font-size: 24rem;
max-width: 565rem;
margin-bottom: 134rem;
letter-spacing: 0.025em;
}
}
body.page-service-detail .text_style_4 {
font-size: 20px;
text-align: center;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_4 {
font-size: 32rem;
margin-bottom: 40rem;
}
}
body.page-service-detail .text_style_5 {
font-size: 36px;
text-align: center;
margin-bottom: 7px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_5 {
font-size: 42rem;
line-height: 1.4523809524;
margin-bottom: 15rem;
}
}
body.page-service-detail .text_style_6 {
font-size: 12px;
text-align: center;
font-weight: 500;
color: #2b82b1;
margin-bottom: 64px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_6 {
font-size: 20rem;
margin-bottom: 72rem;
}
}
body.page-service-detail .text_style_7 {
width: 100%;
max-width: 640px;
font-size: 16px;
line-height: 2;
margin-left: auto;
margin-right: auto;
margin-bottom: 97px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .text_style_7 {
max-width: 500rem;
font-size: 24rem;
letter-spacing: 0.025em;
margin-bottom: 91rem;
}
}
body.page-service-detail .list_style_1 {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 110px;
}
body.page-service-detail .list_style_1::after {
content: "";
display: block;
width: 38%;
}
@media screen and (max-width: 701px) {
body.page-service-detail .list_style_1 {
margin-bottom: 80rem;
}
}
body.page-service-detail .list_style_1 li {
width: 100%;
max-width: 390px;
height: 110px;
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 7px;
margin: 10px;
font-size: 18px;
line-height: 1.7777777778;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 701px) {
body.page-service-detail .list_style_1 li {
margin-top: 0;
margin-left: 0;
margin-right: 0;
height: 182rem;
border-radius: 7rem;
font-size: 28rem;
line-height: 1.5;
}
}
body.page-service-detail .box_style_1 {
background: #f4f6f7;
padding-top: 150px;
}
@media screen and (max-width: 701px) {
body.page-service-detail .box_style_1 {
padding-top: 100rem;
margin-left: -20rem;
margin-right: -20rem;
}
}
body.page-service-detail section.solar .solar_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_1.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_1_sp.jpg) no-repeat center/cover;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 {
padding-bottom: 57px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 {
padding-top: 100rem;
padding-bottom: 0rem;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1:first-of-type {
margin-bottom: 79px;
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1:first-of-type .item_1 {
border-bottom: 1px solid rgba(112, 112, 112, 0.25);
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 {
width: 220px;
margin-left: 55px;
margin-right: 55px;
height: 340px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 {
width: 100%;
margin-bottom: 121rem;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1::before {
content: "";
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1::before {
position: absolute;
width: 97rem;
height: 29rem;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -70rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_16_sp.svg) no-repeat center/contain;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1:last-of-type::before {
display: none;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1:nth-of-type(1)::before, body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1:nth-of-type(2)::before {
content: "";
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1:nth-of-type(1)::before, body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1:nth-of-type(2)::before {
position: absolute;
right: -71px;
top: 72px;
width: 29px;
height: 97px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_16.svg) no-repeat center/contain;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 {
width: 100px;
height: 125px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 {
width: 150rem;
height: 145rem;
margin-bottom: 27rem;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_1 {
left: 4px;
top: 3px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_1 {
width: 133rem;
height: 145rem;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_2 {
left: 11px;
top: 4px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_2 {
width: 155rem;
height: 145rem;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_3 {
left: 5px;
top: 0;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_3 {
width: 137rem;
height: 145rem;
top: 16rem;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_4 {
left: -7px;
top: 3px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_4 {
top: 26rem;
width: 141rem;
height: 105rem;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_5 {
left: -20px;
top: -7px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_5 {
width: 171rem;
height: 145rem;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_6 {
left: 14px;
top: 2px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .image_1 img.icon_6 {
left: 20rem;
width: 142rem;
height: 145rem;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .text_4 {
font-size: 20px;
text-align: center;
line-height: 1.8;
margin-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .text_4 {
font-size: 32rem;
margin-bottom: 30rem;
margin-bottom: 17rem;
}
}
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .text_5 {
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.solar .solar_box .solar_box_2 .solar_box_2_1 .list_1 .item_1 .text_5 {
font-size: 24rem;
line-height: 2;
}
}
body.page-service-detail section.storage .storage_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_2.jpg?ver=1.1) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.storage .storage_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_2_sp.jpg?ver=1.1) no-repeat center/cover;
}
}
body.page-service-detail section.storage .storage_box .storage_box_2 {
padding-bottom: 136px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.storage .storage_box .storage_box_2 {
padding-bottom: 99rem;
}
}
body.page-service-detail section.storage .storage_box .storage_box_2 .image_1 {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 700px) {
body.page-service-detail section.storage .storage_box .storage_box_2 .image_1 {
margin-top: -8px;
margin-bottom: 90px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.storage .storage_box .storage_box_2 .image_1 {
width: 500rem;
margin-top: -18rem;
margin-bottom: 79rem;
}
}
body.page-service-detail section.storage .storage_box .storage_box_2 .text_4 {
font-size: 12px;
line-height: 1.6666666667;
font-weight: 500;
width: 100%;
max-width: 790px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.storage .storage_box .storage_box_2 .text_4 {
font-size: 24rem;
line-height: 1.75;
max-width: 500rem;
}
}
body.page-service-detail section.all .all_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_4.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_4_sp.jpg) no-repeat center/cover;
}
}
body.page-service-detail section.all .all_box .all_box_2 {
padding-bottom: 135px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 {
padding-bottom: 110rem;
}
}
body.page-service-detail section.all .all_box .all_box_2 .text_4 {
font-size: 28px;
line-height: 1.7857142857;
text-align: center;
margin-bottom: 83px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 .text_4 {
font-size: 32rem;
line-height: 1.4375;
margin-top: 118rem;
margin-bottom: 58rem;
}
}
body.page-service-detail section.all .all_box .all_box_2 .text_4 i {
position: relative;
}
body.page-service-detail section.all .all_box .all_box_2 .text_4 i::before {
content: "※";
position: absolute;
left: 8px;
top: 0;
font-size: 14px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 .text_4 i::before {
font-size: 14rem;
left: 10rem;
}
}
body.page-service-detail section.all .all_box .all_box_2 .all_box_2_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin-bottom: 90px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 .all_box_2_1 {
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin-bottom: 79rem;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.all .all_box .all_box_2 .all_box_2_1 img {
margin-left: 50px;
margin-right: 50px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 .all_box_2_1 .image_1 {
width: 500rem;
left: -10rem;
position: relative;
margin-bottom: 32rem;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 .all_box_2_1 .image_2 {
width: 334rem;
}
}
body.page-service-detail section.all .all_box .all_box_2 .text_5 {
font-size: 12px;
line-height: 1.6666666667;
font-weight: 500;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.all .all_box .all_box_2 .text_5 {
font-size: 24rem;
max-width: 500rem;
line-height: 1.3333333333;
}
}
body.page-service-detail section.general {
padding-bottom: 27px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.general {
padding-bottom: 0rem;
}
}
body.page-service-detail section.general .general_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_7.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.general .general_box::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/service-detail_7_sp.jpg) no-repeat center/cover;
}
}
body.page-service-detail section.general .general_box .general_box_2 {
padding-bottom: 56px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.general .general_box .general_box_2 {
padding-bottom: 27rem;
}
}
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
position: relative;
}
@media screen and (min-width: 700px) {
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1::after {
content: "";
display: block;
width: 324px;
}
}
@media screen and (min-width: 700px) {
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 .item_1 {
margin-left: 47px;
margin-right: 47px;
margin-bottom: 95px;
}
}
@media screen and (max-width: 701px) {
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 .item_1 {
margin-left: 20rem;
margin-right: 20rem;
margin-bottom: 60rem;
}
}
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 .image_1 {
margin-bottom: 13px;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 .image_1 {
margin-bottom: 21rem;
width: 230rem;
}
}
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 .text_4 {
font-size: 16px;
text-align: center;
letter-spacing: 0.125em;
}
@media screen and (max-width: 701px) {
body.page-service-detail section.general .general_box .general_box_2 .general_box_2_1 .list_1 .text_4 {
font-size: 24rem;
}
}
body.page-about section.header {
margin-top: 120px;
}
@media screen and (max-width: 701px) {
body.page-about section.header {
margin-top: 160rem;
}
}
body.page-about section.header .header_box {
width: 100%;
}
body.page-about section.header .header_box .header_box_1 {
position: relative;
display: flex;
}
@media screen and (min-width: 700px) {
body.page-about section.header .header_box .header_box_1 {
justify-content: flex-end;
padding-right: 25px;
height: 41vw;
max-height: 550px;
padding-top: 21vw;
}
}
@media screen and (min-width: 1280px) {
body.page-about section.header .header_box .header_box_1 {
padding-top: 290px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.header .header_box .header_box_1 {
height: 609rem;
padding-top: 65rem;
padding-left: 21rem;
}
}
body.page-about section.header .header_box .header_box_1::before {
content: "";
position: absolute;
right: calc(50% - 160px);
top: 0;
width: calc((50vw + 160px));
height: 100%;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_1.jpg) no-repeat center top/cover;
z-index: -1;
}
@media screen and (max-width: 1141px) {
body.page-about section.header .header_box .header_box_1::before {
width: 737px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.header .header_box .header_box_1::before {
width: 590rem;
height: 410rem;
right: -50rem;
top: 199rem;
}
}
body.page-about section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
letter-spacing: 0.075em;
line-height: 1.5;
margin-bottom: 4px;
}
@media screen and (min-width: 700px) {
body.page-about section.header .header_box .header_box_1 .text_1 {
text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff;
}
}
@media screen and (max-width: 701px) {
body.page-about section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 8rem;
}
}
body.page-about section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
margin-bottom: 113px;
}
@media screen and (min-width: 700px) {
body.page-about section.header .header_box .header_box_1 .text_2 {
text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff;
}
}
@media screen and (max-width: 701px) {
body.page-about section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
}
}
@media screen and (min-width: 700px) {
body.page-about section.our {
padding-top: 210px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our {
padding-top: 138rem;
}
}
body.page-about section.our .our_box .our_box_1 {
position: relative;
margin-bottom: 222px;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 {
margin-bottom: 145rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_1 {
position: relative;
z-index: 10;
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 {
margin-bottom: 123px;
text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 {
padding-left: 20rem;
margin-bottom: 96rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_1 {
font-size: 16px;
letter-spacing: 0.1em;
margin-bottom: 128px;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_1 {
font-size: 24rem;
margin-bottom: 57rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_1 i {
margin-right: 1em;
margin-left: 1em;
position: relative;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_1 i::before {
content: "|";
position: absolute;
font-style: normal;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_2 {
font-size: 36px;
line-height: 1.5;
margin-bottom: 54px;
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_2 {
margin-left: 40px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_2 {
font-size: 42rem;
letter-spacing: 0.125em;
margin-bottom: 41rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_3 {
width: 100%;
line-height: 2;
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_3 {
margin-left: 40px;
max-width: 310px;
font-size: 16px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_1 .text_3 {
font-size: 24rem;
}
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 {
top: -70px;
height: 730px;
position: absolute;
right: 0;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 {
height: 562rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div {
height: 100%;
position: relative;
z-index: 5;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div::before {
content: "";
position: absolute;
right: -100px;
top: 0;
}
@media screen and (min-width: 1140px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div::before {
width: 700px;
height: 100%;
}
}
@media screen and (max-width: 1141px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div::before {
width: 61.4vw;
height: 64vw;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div::before {
width: 628rem;
right: -50rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div.image_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_2.jpg) no-repeat center/cover;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div.image_2::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_3.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div.image_2::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_3_sp.jpg) no-repeat center/cover;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div.image_3::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_4.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_2 > div.image_3::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_4_sp.jpg) no-repeat center/cover;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 {
background: #dff6ff;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
position: relative;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3.odd::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100vw;
height: 100%;
z-index: -1;
background: #dff6ff;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3.even::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100%;
z-index: -1;
background: #dff6ff;
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 {
padding-top: 148px;
padding-bottom: 144px;
padding-left: 53px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 {
flex-direction: column;
padding-top: 86rem;
padding-bottom: 110rem;
position: relative;
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px) !important;
top: unset !important;
bottom: 0;
width: 100vw;
height: calc(100% + 281rem) !important;
background: #dff6ff;
z-index: -1;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 {
margin-right: 73px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 {
margin-bottom: 50rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 img {
margin-bottom: 21px;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 img {
width: 100rem;
margin-bottom: 16rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 .text_4 {
font-size: 16px;
letter-spacing: 0.075em;
color: #2b82b1;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_1 .text_4 {
font-size: 24rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 {
width: 100%;
max-width: 480px;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 {
max-width: 530rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 .text_5 {
font-size: 24px;
line-height: 1.6666666667;
letter-spacing: 0.125em;
margin-bottom: 32px;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 .text_5 {
font-size: 32rem;
text-align: center;
margin-bottom: 67rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 .text_6 {
font-size: 14px;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 .text_6 {
font-size: 24rem;
}
}
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 .text_7 {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1 .our_box_1_3 .our_box_1_3_2 .text_7 {
font-size: 24rem;
}
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_1 {
margin-left: auto;
width: 348px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_1 {
padding-left: 0;
}
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_1 .text_2 {
margin-left: 6px;
}
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_1 .text_3 {
margin-left: 6px;
}
}
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_2 {
left: 0;
}
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_2 > div::before {
content: "";
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_2 > div::before {
left: -100px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_2 > div::before {
width: 650rem;
right: unset;
left: -50rem;
}
}
@media screen and (min-width: 700px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_3 {
padding-left: 270px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.our .our_box .our_box_1:nth-of-type(even) .our_box_1_3 img {
width: 132rem;
position: relative;
left: 13rem;
top: -9rem;
margin-bottom: 7rem;
}
}
@media screen and (min-width: 700px) {
body.page-about section.message {
margin-top: -90px;
padding-bottom: 34px;
}
}
body.page-about section.message .message_box {
position: relative;
z-index: 0;
}
@media screen and (min-width: 700px) {
body.page-about section.message .message_box {
padding-top: 440px;
padding-bottom: 152px;
}
}
@media screen and (min-width: 1280px) {
body.page-about section.message .message_box {
padding-top: calc((440px - 190px) + 20vw);
}
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box {
padding-top: 432rem;
padding-bottom: 164rem;
}
}
body.page-about section.message .message_box::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 100vw;
top: 0;
height: 490px;
z-index: -1;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_5.jpg) no-repeat center/cover;
}
@media screen and (min-width: 1280px) {
body.page-about section.message .message_box::before {
padding-top: calc((490px - 190px) + 20vw);
}
}
@media screen and (max-width: 1281px) {
body.page-about section.message .message_box::before {
width: 1280px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box::before {
width: 100vw;
height: 490rem;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_5_sp.jpg) no-repeat center/cover;
}
}
body.page-about section.message .message_box > div:first-of-type {
padding-top: 116px;
background: #fff;
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box > div:first-of-type {
padding-top: 90rem;
}
}
body.page-about section.message .message_box .message_box_1 .text_1 {
text-align: center;
letter-spacing: 0.075em;
font-weight: 500;
color: #2b82b1;
}
@media screen and (min-width: 700px) {
body.page-about section.message .message_box .message_box_1 .text_1 {
font-size: 60px;
margin-bottom: -4px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box .message_box_1 .text_1 {
font-size: 72rem;
}
}
body.page-about section.message .message_box .message_box_1 .text_2 {
text-align: center;
font-size: 16px;
letter-spacing: 0.075em;
position: relative;
margin-bottom: 114px;
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box .message_box_1 .text_2 {
font-size: 28rem;
margin-bottom: 123rem;
}
}
body.page-about section.message .message_box .message_box_1 .text_2::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -60px;
width: 20px;
height: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/about_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box .message_box_1 .text_2::before {
width: 20rem;
height: 40rem;
bottom: -80rem;
}
}
body.page-about section.message .message_box .message_box_1 .text_3 {
width: 100%;
max-width: 640px;
margin: 0 auto;
font-size: 16px;
line-height: 2;
letter-spacing: 0.1em;
}
@media screen and (min-width: 700px) {
body.page-about section.message .message_box .message_box_1 .text_3 {
margin-bottom: 71px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box .message_box_1 .text_3 {
font-size: 24rem;
max-width: 560rem;
letter-spacing: 0.025em;
margin-bottom: 91rem;
}
}
body.page-about section.message .message_box .message_box_1 .text_4 {
text-align: right;
width: 100%;
margin: 0 auto;
line-height: 1;
letter-spacing: 0.1em;
}
@media screen and (min-width: 700px) {
body.page-about section.message .message_box .message_box_1 .text_4 {
max-width: 640px;
font-size: 24px;
}
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box .message_box_1 .text_4 {
font-size: 32rem;
max-width: 560rem;
}
}
body.page-about section.message .message_box .message_box_1 .text_4 span {
font-size: 16px;
margin-right: 16px;
}
@media screen and (max-width: 701px) {
body.page-about section.message .message_box .message_box_1 .text_4 span {
font-size: 26rem;
margin-right: 20rem;
}
}
body.page-company section.header {
margin-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-company section.header {
margin-top: 160rem;
padding-bottom: 120rem;
}
}
body.page-company section.header .header_box {
width: 100%;
}
body.page-company section.header .header_box .header_box_1 {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-company section.header .header_box .header_box_1 {
height: 41vw;
max-height: 550px;
padding-top: 21vw;
}
}
@media screen and (min-width: 700px) and (min-width: 1280px) {
body.page-company section.header .header_box .header_box_1 {
padding-top: 280px;
}
}
@media screen and (max-width: 701px) {
body.page-company section.header .header_box .header_box_1 {
padding-top: 351rem;
padding-left: 0rem;
}
}
body.page-company section.header .header_box .header_box_1::before {
content: "";
position: absolute;
left: calc(50% - 40px);
top: 0;
width: calc((50vw + 40px));
height: 100%;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_1.jpg) no-repeat center/cover;
z-index: -1;
}
@media screen and (max-width: 1141px) {
body.page-company section.header .header_box .header_box_1::before {
width: 680px;
}
}
@media screen and (max-width: 701px) {
body.page-company section.header .header_box .header_box_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_1_sp.jpg) no-repeat center/cover;
width: 600rem;
height: 400rem;
right: -50rem;
top: 0rem;
left: unset;
}
}
body.page-company section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
letter-spacing: 0.075em;
line-height: 1.5;
margin-bottom: 4px;
}
@media screen and (max-width: 701px) {
body.page-company section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
margin-bottom: -4rem;
}
}
body.page-company section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
margin-bottom: 113px;
}
@media screen and (max-width: 701px) {
body.page-company section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
margin-bottom: 0;
}
}
@media screen and (max-width: 701px) {
body.page-company section.tabs .tabs_box {
margin-left: -50rem;
margin-right: -50rem;
}
}
body.page-company section.tabs .tabs_box .tabs_box_1 {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn {
width: 33.3333333333%;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 0.125em;
height: 90px;
position: relative;
z-index: 1;
cursor: pointer;
}
@media screen and (max-width: 701px) {
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn {
height: 100rem;
font-size: 26rem;
}
}
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn:first-of-type.active::before {
content: "";
position: absolute;
right: calc(100% * -1);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
height: 60px;
width: 1px;
background: rgba(112, 112, 112, 0.5);
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn:first-of-type.active::before {
height: 60rem;
}
}
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn:last-of-type.active::before {
content: "";
position: absolute;
left: calc(100% * -1);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
height: 60px;
width: 1px;
background: rgba(112, 112, 112, 0.5);
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn:last-of-type.active::before {
height: 60rem;
}
}
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn.active {
background: #f5f7f8;
}
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn.active::after {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: 0;
width: 20px;
height: 2px;
background: #2b82b1;
}
@media screen and (max-width: 701px) {
body.page-company section.tabs .tabs_box .tabs_box_1 .tab_btn.active::after {
width: 40rem;
}
}
body.page-company .tab_content {
display: none;
background: #f5f7f8;
}
body.page-company .text_style_1 {
text-align: center;
font-size: 36px;
letter-spacing: 0.125em;
margin-bottom: 8px;
}
@media screen and (max-width: 701px) {
body.page-company .text_style_1 {
font-size: 42rem;
margin-bottom: 1rem;
}
}
body.page-company .text_style_2 {
text-align: center;
font-size: 16px;
letter-spacing: 0.075em;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.page-company .text_style_2 {
font-size: 20rem;
}
}
body.page-company section.philosophy {
padding-top: 150px;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy {
padding-top: 138rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_1 {
margin-bottom: 157px;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_1 {
margin-bottom: 125rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 115px;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 {
margin-bottom: 135rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .philosophy_box_2_1 {
width: 50%;
padding-left: 56px;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .philosophy_box_2_1 {
width: 100%;
padding-left: 46rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .philosophy_box_2_2 {
width: 50%;
padding-left: 92px;
padding-top: 38px;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .philosophy_box_2_2 {
width: 100%;
padding-left: 46rem;
padding-top: 30rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_3 {
font-size: 24px;
margin-bottom: 4px;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_3 {
font-size: 32rem;
margin-bottom: 4rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_4 {
font-size: 54px;
color: #2b82b1;
font-weight: 500;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_4 {
font-size: 57rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_4 i {
position: relative;
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_4 i::before {
content: "";
position: absolute;
left: -43px;
top: -77px;
width: 136px;
height: 129px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_parts_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_4 i::before {
width: 136rem;
height: 129rem;
left: -24rem;
top: -84rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_5 {
width: 100%;
max-width: 408px;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_2 .text_5 {
font-size: 26rem;
line-height: 1.8461538462;
max-width: 500rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_3 .image_1 {
height: 432px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_3 .image_1 {
height: 400rem;
}
}
body.page-company section.philosophy .philosophy_box .philosophy_box_3 .image_1::before {
content: "";
position: absolute;
left: -100px;
top: 0;
width: 1140px;
height: 432px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_2.jpg) no-repeat center/cover;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.page-company section.philosophy .philosophy_box .philosophy_box_3 .image_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_2_sp.jpg) no-repeat center/cover;
width: 650rem;
height: 400rem;
left: -50rem;
}
}
body.page-company section.value {
padding-top: 139px;
padding-bottom: 160px;
background: #fff;
position: relative;
}
@media screen and (min-width: 700px) {
body.page-company section.value::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: -216px;
height: 216px;
width: 100vw;
background: #fff;
}
}
@media screen and (max-width: 701px) {
body.page-company section.value {
padding-top: 142rem;
padding-bottom: 160rem;
}
}
body.page-company section.value .value_box .value_box_1 {
margin-bottom: 45px;
}
@media screen and (max-width: 701px) {
body.page-company section.value .value_box .value_box_1 {
margin-bottom: 52rem;
}
}
body.page-company section.value .value_box .value_box_2 .text_3 {
font-size: 16px;
line-height: 2;
text-align: center;
position: relative;
margin-bottom: 58px;
}
@media screen and (max-width: 701px) {
body.page-company section.value .value_box .value_box_2 .text_3 {
font-size: 26rem;
line-height: 1.8461538462;
margin-bottom: 133rem;
}
}
body.page-company section.value .value_box .value_box_2 .text_3::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -85px;
width: 20px;
height: 40px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_parts_2.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.value .value_box .value_box_2 .text_3::before {
width: 20rem;
height: 40rem;
bottom: -80rem;
}
}
body.page-company section.value .value_box .value_box_2 .image_1 {
display: block;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
body.page-company section.value .value_box .value_box_2 .image_1 {
width: 420rem;
}
}
body.page-company section.video {
padding-top: 140px;
padding-bottom: 180px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-company section.video {
padding-top: 120rem;
padding-bottom: 160rem;
}
}
body.page-company section.video::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: 0;
height: 456px;
width: 200vw;
background: #fff;
z-index: 0;
}
@media screen and (max-width: 701px) {
body.page-company section.video::before {
height: 329rem;
}
}
body.page-company section.video .video_box .video_box_2 {
padding-top: 50px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 701px) {
body.page-company section.video .video_box .video_box_2 {
padding-top: 50rem;
}
}
body.page-company section.video .video_box .video_box_2 .text_3 {
font-size: 16px;
line-height: 2;
text-align: center;
position: relative;
margin-bottom: 50px;
}
@media screen and (max-width: 701px) {
body.page-company section.video .video_box .video_box_2 .text_3 {
font-size: 26rem;
line-height: 1.8461538462;
margin-bottom: 55rem;
}
}
body.page-company section.video .video_box .video_box_2 iframe {
margin: 0 auto;
}
@media screen and (max-width: 701px) {
body.page-company section.video .video_box .video_box_2 iframe {
width: 600rem;
height: 336rem;
}
}
body.page-company section.outline {
padding-top: 150px;
padding-bottom: 150px;
}
@media screen and (max-width: 701px) {
body.page-company section.outline {
padding-top: 142rem;
padding-bottom: 0rem;
}
}
@media screen and (min-width: 700px) {
body.page-company section.outline .outline_box .outline_box_1 {
padding-left: 40px;
margin-bottom: 97px;
}
}
body.page-company section.outline .outline_box .outline_box_1 .text_1 {
text-align: left;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_1 .text_1 {
text-align: center;
}
}
body.page-company section.outline .outline_box .outline_box_1 .text_2 {
text-align: left;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_1 .text_2 {
text-align: center;
}
}
body.page-company section.outline .outline_box .outline_box_2 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row-reverse;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 {
flex-direction: column;
padding-top: 103rem;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 {
width: 600px;
margin-left: auto;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 {
width: 100%;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 {
margin-bottom: 119rem;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 dt {
width: 144px;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 dt {
width: 100%;
font-size: 28rem;
padding-left: 7rem;
margin-bottom: 13rem;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 dd {
width: calc(100% - 144px);
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 dd {
width: 100%;
font-size: 24rem;
line-height: 1.75;
padding-left: 7rem;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 .line_1 {
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-top: 38px;
margin-bottom: 34px;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_1 .list_1 .line_1 {
margin-top: 38rem;
margin-bottom: 49rem;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
@media screen and (min-width: 700px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 {
flex-direction: column;
}
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 {
width: 100vw;
margin-left: -50rem;
margin-right: -50rem;
justify-content: space-between;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_1 {
width: 420px;
height: 566px;
position: relative;
margin-bottom: 5px;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_1 {
width: 346rem;
height: 466rem;
margin-bottom: 0;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_1::before {
content: "";
position: absolute;
right: 100px;
top: 0;
width: 420px;
height: 566px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_3.jpg?ver=1.1) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_3_sp.jpg?ver=1.1) no-repeat center/contain;
width: 346rem;
height: 466rem;
right: 0;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_2 {
width: 420px;
height: 566px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_2 {
width: 346rem;
height: 466rem;
}
}
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_2::before {
content: "";
position: absolute;
right: 100px;
top: 0;
width: 420px;
height: 566px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_4.jpg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.outline .outline_box .outline_box_2 .outline_box_2_2 .image_2::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/company_4_sp.jpg) no-repeat center/contain;
width: 346rem;
height: 466rem;
right: 0;
}
}
body.page-company section.office {
padding-top: 140px;
padding-bottom: 80px;
background: #fff;
}
@media screen and (max-width: 701px) {
body.page-company section.office {
padding-top: 160rem;
padding-bottom: 170rem;
}
}
body.page-company section.office .office_box .office_box_1 {
padding-left: 40px;
margin-bottom: 97px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_1 {
padding-left: 10rem;
margin-bottom: 74rem;
}
}
body.page-company section.office .office_box .office_box_1 .text_1 {
text-align: left;
}
body.page-company section.office .office_box .office_box_1 .text_2 {
text-align: left;
}
body.page-company section.office .office_box .office_box_2 {
padding-left: 40px;
margin-bottom: 120px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_2 {
padding-left: 10rem;
margin-bottom: 0;
flex-direction: column-reverse;
align-items: flex-start;
}
}
body.page-company section.office .office_box .office_box_2 #map_1 {
width: 650px;
height: 400px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_2 #map_1 {
width: 650rem;
height: 400rem;
margin-top: 46rem;
margin-left: -10rem;
}
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_2 #map_1 img {
width: 650rem;
height: 400rem;
}
}
body.page-company section.office .office_box .office_box_2 .text_3 {
font-size: 24px;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_2 .text_3 {
font-size: 32rem;
margin-bottom: 32rem;
padding-left: 54rem;
}
}
body.page-company section.office .office_box .office_box_2 .text_3 i {
position: relative;
}
body.page-company section.office .office_box .office_box_2 .text_3 i::before {
content: "";
position: absolute;
left: -30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/privacy-policy_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_2 .text_3 i::before {
width: 32rem;
height: 32rem;
left: -54rem;
}
}
body.page-company section.office .office_box .office_box_2 .text_4 {
font-size: 16px;
line-height: 1.75;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_2 .text_4 {
font-size: 24rem;
line-height: 2;
}
}
body.page-company section.office .office_box .office_box_3 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-left: 70px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_3 {
padding-left: 7rem;
flex-direction: column;
}
}
body.page-company section.office .office_box .office_box_3 .office_box_3_1 {
width: 45%;
margin-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_3 .office_box_3_1 {
width: 100%;
margin-bottom: -17rem;
padding-top: 116rem;
}
}
body.page-company section.office .office_box .office_box_3 .text_5 {
font-size: 24px;
margin-bottom: 22px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_3 .text_5 {
font-size: 32rem;
margin-bottom: 25rem;
padding-left: 54rem;
}
}
body.page-company section.office .office_box .office_box_3 .text_5 i {
position: relative;
}
body.page-company section.office .office_box .office_box_3 .text_5 i::before {
content: "";
position: absolute;
left: -30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/privacy-policy_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_3 .text_5 i::before {
width: 32rem;
height: 32rem;
left: -54rem;
}
}
body.page-company section.office .office_box .office_box_3 .text_6 {
font-size: 16px;
line-height: 1.75;
margin-bottom: 28px;
}
@media screen and (max-width: 701px) {
body.page-company section.office .office_box .office_box_3 .text_6 {
font-size: 24rem;
line-height: 2;
margin-bottom: 32rem;
}
}
body.page-company section.history {
padding-top: 150px;
padding-bottom: 176px;
}
@media screen and (max-width: 701px) {
body.page-company section.history {
padding-top: 142rem;
padding-bottom: 160rem;
}
}
@media screen and (min-width: 700px) {
body.page-company section.history .history_box .history_box_1 {
padding-left: 40px;
margin-bottom: 81px;
}
}
body.page-company section.history .history_box .history_box_1 .text_1 {
text-align: left;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_1 .text_1 {
text-align: center;
}
}
body.page-company section.history .history_box .history_box_1 .text_2 {
text-align: left;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_1 .text_2 {
text-align: center;
}
}
body.page-company section.history .history_box .history_box_2 {
padding-left: 126px;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 {
padding-left: 0rem;
margin-top: 23rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 {
display: flex;
flex-wrap: wrap;
padding-top: 26px;
padding-bottom: 34px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 .history_box_2_1 {
padding-top: 38rem;
padding-bottom: 46rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1:nth-of-type(even)::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 200vw;
height: 100%;
background: #fff;
z-index: 0;
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_3 {
position: relative;
z-index: 2;
font-size: 38px;
color: #2b82b1;
font-weight: 500;
line-height: 1;
width: 80px;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_3 {
font-size: 52rem;
width: 100%;
padding-left: 43rem;
margin-bottom: 29rem;
margin-top: 7rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_3 i {
position: relative;
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_3 i::before {
content: "";
position: absolute;
left: -35px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 3px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/privacy-policy_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_3 i::before {
width: 25rem;
height: 25rem;
left: -43rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_3.empty {
margin: unset;
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_4 {
position: relative;
z-index: 2;
font-size: 28px;
font-weight: 500;
width: 80px;
text-align: right;
margin-right: 26px;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_4 {
font-size: 42rem;
width: 96rem;
margin-right: 35rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_4 span {
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_4 span {
font-size: 26rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_5 {
position: relative;
z-index: 2;
width: calc(100% - 333px);
font-size: 16px;
line-height: 1.75;
padding-top: 8px;
padding-left: 34px;
padding-bottom: 6px;
letter-spacing: 0.074em;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_5 {
width: calc(100% - 131rem);
font-size: 24rem;
line-height: 1.75;
padding-top: 14rem;
padding-left: 41rem;
padding-bottom: 12rem;
}
}
body.page-company section.history .history_box .history_box_2 .history_box_2_1 .text_5::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 1px;
height: calc(100% - 10px);
background: rgba(0, 0, 0, 0.3);
}
body.post-type-archive-news section.header,
body.tax-news-category section.header,
body.single-news section.header {
margin-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.header,
body.tax-news-category section.header,
body.single-news section.header {
margin-top: 160rem;
padding-bottom: 113rem;
}
}
body.post-type-archive-news section.header .header_box,
body.tax-news-category section.header .header_box,
body.single-news section.header .header_box {
width: 100%;
}
body.post-type-archive-news section.header .header_box .header_box_1,
body.tax-news-category section.header .header_box .header_box_1,
body.single-news section.header .header_box .header_box_1 {
position: relative;
height: 41vw;
max-height: 450px;
padding-top: 21vw;
}
@media screen and (min-width: 1280px) {
body.post-type-archive-news section.header .header_box .header_box_1,
body.tax-news-category section.header .header_box .header_box_1,
body.single-news section.header .header_box .header_box_1 {
padding-top: 245px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.header .header_box .header_box_1,
body.tax-news-category section.header .header_box .header_box_1,
body.single-news section.header .header_box .header_box_1 {
height: 609rem;
padding-top: 65rem;
padding-left: 21rem;
}
}
body.post-type-archive-news section.header .header_box .header_box_1::before,
body.tax-news-category section.header .header_box .header_box_1::before,
body.single-news section.header .header_box .header_box_1::before {
content: "";
position: absolute;
left: calc(50% - 160px);
top: 0;
width: calc((50vw + 160px));
height: 100%;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/news_1.jpg) no-repeat center/cover;
z-index: -1;
}
@media screen and (max-width: 1141px) {
body.post-type-archive-news section.header .header_box .header_box_1::before,
body.tax-news-category section.header .header_box .header_box_1::before,
body.single-news section.header .header_box .header_box_1::before {
width: 800px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.header .header_box .header_box_1::before,
body.tax-news-category section.header .header_box .header_box_1::before,
body.single-news section.header .header_box .header_box_1::before {
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/news_1_sp.jpg) no-repeat center/cover;
width: 650rem;
height: 400rem;
left: -50rem;
top: 199rem;
}
}
body.post-type-archive-news section.header .header_box .header_box_1 .text_1,
body.tax-news-category section.header .header_box .header_box_1 .text_1,
body.single-news section.header .header_box .header_box_1 .text_1 {
font-size: 62px;
letter-spacing: 0.075em;
line-height: 1.5;
margin-bottom: 4px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.header .header_box .header_box_1 .text_1,
body.tax-news-category section.header .header_box .header_box_1 .text_1,
body.single-news section.header .header_box .header_box_1 .text_1 {
font-size: 72rem;
margin-bottom: 8rem;
}
}
body.post-type-archive-news section.header .header_box .header_box_1 .text_2,
body.tax-news-category section.header .header_box .header_box_1 .text_2,
body.single-news section.header .header_box .header_box_1 .text_2 {
font-size: 20px;
letter-spacing: 0.125em;
}
@media screen and (min-width: 700px) {
body.post-type-archive-news section.header .header_box .header_box_1 .text_2,
body.tax-news-category section.header .header_box .header_box_1 .text_2,
body.single-news section.header .header_box .header_box_1 .text_2 {
margin-bottom: 113px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.header .header_box .header_box_1 .text_2,
body.tax-news-category section.header .header_box .header_box_1 .text_2,
body.single-news section.header .header_box .header_box_1 .text_2 {
font-size: 28rem;
}
}
body.post-type-archive-news section.news,
body.tax-news-category section.news,
body.single-news section.news {
padding-top: 60px;
padding-bottom: 150px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news,
body.tax-news-category section.news,
body.single-news section.news {
padding-top: 14rem;
}
}
body.post-type-archive-news section.news .news_box,
body.tax-news-category section.news .news_box,
body.single-news section.news .news_box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 72px;
}
body.post-type-archive-news section.news .news_box .news_box_1,
body.tax-news-category section.news .news_box .news_box_1,
body.single-news section.news .news_box .news_box_1 {
width: calc(100% - 230px);
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1,
body.tax-news-category section.news .news_box .news_box_1,
body.single-news section.news .news_box .news_box_1 {
width: 100%;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 .text_1,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 .text_1,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 .text_1 {
font-size: 18px;
color: #2b82b1;
letter-spacing: 0.075em;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 .text_1,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 .text_1,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 .text_1 {
font-size: 28rem;
margin-bottom: 19rem;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid #eceff1;
padding-bottom: 45rem;
margin-bottom: 60rem;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li {
width: calc(100% / 3);
}
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(1),
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(1),
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(1) {
order: 2;
}
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(2),
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(2),
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(2) {
order: 3;
}
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(3),
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(3),
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li:nth-of-type(3) {
order: 1;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li a,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li a,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li a {
font-size: 16px;
padding-left: 28px;
position: relative;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li a,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li a,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li a {
font-size: 28rem;
padding-left: 46rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li a::before,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li a::before,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li a::before {
content: "";
position: absolute;
left: 0px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 2px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/news_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .news_box_2_1 ul li a::before,
body.tax-news-category section.news .news_box .news_box_1 .news_box_2_1 ul li a::before,
body.single-news section.news .news_box .news_box_1 .news_box_2_1 ul li a::before {
width: 28rem;
height: 28rem;
top: calc(50% + 2rem);
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 {
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #eceff1;
padding-bottom: 50px;
max-width: 700px;
width: 100%;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 {
margin-bottom: 86rem;
width: 600rem;
padding-bottom: 83rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .image_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .image_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .image_1 {
width: 280px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .image_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .image_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .image_1 {
width: 600rem;
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .image_1 img,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .image_1 img,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .image_1 img {
width: 100%;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 {
width: 100%;
max-width: 370px;
padding-top: 50px;
}
@media screen and (min-width: 700px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 {
margin-left: 50px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 {
max-width: 600rem;
padding-top: 51rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 17px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 {
margin-bottom: 10rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .date,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .date,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .date {
line-height: 28px;
margin-right: 18px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .date,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .date,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .date {
font-size: 26rem;
margin-right: 20px;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category {
height: 28px;
text-align: center;
line-height: 28px;
border-radius: 3px;
font-size: 14px;
color: #fff;
}
@media screen and (min-width: 700px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category {
width: 80px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category {
font-size: 24rem;
height: 42rem;
line-height: 42rem;
padding: 0 16rem;
min-width: 120rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category.お知らせ,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category.お知らせ,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category.お知らせ {
background: #afafaf;
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category.ブログ,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category.ブログ,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 .category.ブログ {
background: #b5d3e4;
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title {
width: 100%;
max-width: 320px;
line-height: 2;
margin-bottom: 29px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title {
font-size: 28rem;
line-height: 1.9285714286;
width: 600rem;
padding-bottom: 20rem;
margin-bottom: 25rem;
border-bottom: 1px solid #eceff1;
}
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content {
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content {
font-size: 24rem;
line-height: 2;
letter-spacing: 0.025em;
}
body.post-type-archive-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content p,
body.tax-news-category section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content p,
body.single-news section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .news_content p {
margin-top: 2em;
margin-bottom: 2em;
}
}
body.post-type-archive-news section.news .news_box .news_box_2,
body.tax-news-category section.news .news_box .news_box_2,
body.single-news section.news .news_box .news_box_2 {
width: 230px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2,
body.tax-news-category section.news .news_box .news_box_2,
body.single-news section.news .news_box .news_box_2 {
width: 100%;
display: flex;
flex-direction: column;
}
}
body.post-type-archive-news section.news .news_box .news_box_2 .text_1,
body.tax-news-category section.news .news_box .news_box_2 .text_1,
body.single-news section.news .news_box .news_box_2 .text_1 {
font-size: 18px;
color: #2b82b1;
letter-spacing: 0.075em;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .text_1,
body.tax-news-category section.news .news_box .news_box_2 .text_1,
body.single-news section.news .news_box .news_box_2 .text_1 {
font-size: 28rem;
margin-bottom: 19rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_1,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_1,
body.single-news section.news .news_box .news_box_2 .news_box_2_1 {
margin-bottom: 79px;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_1 ul li,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_1 ul li,
body.single-news section.news .news_box .news_box_2 .news_box_2_1 ul li {
margin-bottom: 13px;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_1 ul li a,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_1 ul li a,
body.single-news section.news .news_box .news_box_2 .news_box_2_1 ul li a {
font-size: 16px;
padding-left: 28px;
position: relative;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_1 ul li a::before,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_1 ul li a::before,
body.single-news section.news .news_box .news_box_2 .news_box_2_1 ul li a::before {
content: "";
position: absolute;
left: 0px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 2px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/news_icon_1.svg) no-repeat center/contain;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 {
margin-bottom: 83px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 {
order: 2;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #eceff1;
width: 100%;
margin-bottom: 66rem;
width: 600rem;
padding-bottom: 43rem;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .image_1,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .image_1,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .image_1 {
width: 600rem;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .image_1 img,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .image_1 img,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .image_1 img {
width: 100%;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 {
width: 100%;
max-width: 600rem;
padding-top: 51rem;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 10rem;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .date,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .date,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .date {
line-height: 28px;
font-size: 26rem;
margin-right: 20px;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category {
text-align: center;
border-radius: 3px;
color: #fff;
font-size: 24rem;
height: 42rem;
line-height: 42rem;
padding: 0 16rem;
min-width: 120rem;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category.お知らせ,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category.お知らせ,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category.お知らせ {
background: #afafaf;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category.ブログ,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category.ブログ,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .detail_1_1 .category.ブログ {
background: #b5d3e4;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .entry_title,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .entry_title,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .item_1 .detail_1 .entry_title {
font-size: 26rem;
line-height: 1.1538461538;
width: 600rem;
margin-bottom: 25rem;
}
}
@media screen and (min-width: 700px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 a,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 a,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 a {
display: flex;
margin-bottom: 20px;
justify-content: space-between;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 a .info,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 a .info,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 a .info {
width: 100%;
max-width: 125px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .text_2,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .text_2,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .text_2 {
font-size: 14px;
color: #cecece;
margin-bottom: 2px;
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_2 .text_3,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_2 .text_3,
body.single-news section.news .news_box .news_box_2 .news_box_2_2 .text_3 {
font-size: 13px;
line-height: 1.7692307692;
margin-bottom: 5px;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 {
order: 1;
padding-top: 64rem;
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid #eceff1;
padding-bottom: 45rem;
margin-bottom: 60rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul li,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul li,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul li {
margin-bottom: 13px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul li,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul li,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul li {
width: calc(100% / 4);
margin-bottom: 20rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul li a,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul li a,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul li a {
font-size: 16px;
position: relative;
padding-left: 30px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul li a,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul li a,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul li a {
font-size: 28rem;
padding-left: 46rem;
}
}
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul li a::before,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul li a::before,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul li a::before {
content: "";
position: absolute;
left: 0px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 2px);
width: 15px;
height: 15px;
background: url(//sunlist.co.jp/wp-content/themes/sunlist/images/news_icon_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box .news_box_2 .news_box_2_3 ul li a::before,
body.tax-news-category section.news .news_box .news_box_2 .news_box_2_3 ul li a::before,
body.single-news section.news .news_box .news_box_2 .news_box_2_3 ul li a::before {
width: 28rem;
height: 28rem;
top: calc(50% + 2rem);
}
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box_3,
body.tax-news-category section.news .news_box_3,
body.single-news section.news .news_box_3 {
padding-bottom: 90rem;
border-bottom: 1px solid #eceff1;
}
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi,
body.tax-news-category section.news .news_box_3 .wp-pagenavi,
body.single-news section.news .news_box_3 .wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi > *,
body.tax-news-category section.news .news_box_3 .wp-pagenavi > *,
body.single-news section.news .news_box_3 .wp-pagenavi > * {
height: 41px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
color: #2b82b1;
margin-left: 42px;
margin-right: 42px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi > *,
body.tax-news-category section.news .news_box_3 .wp-pagenavi > *,
body.single-news section.news .news_box_3 .wp-pagenavi > * {
height: 60rem;
font-size: 32rem;
margin-left: 30rem;
margin-right: 30rem;
}
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .current,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .current,
body.single-news section.news .news_box_3 .wp-pagenavi .current {
color: rgba(0, 0, 0, 0.3);
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .page:hover,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .page:hover,
body.single-news section.news .news_box_3 .wp-pagenavi .page:hover {
color: rgba(43, 130, 177, 0.5);
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .page,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .page,
body.single-news section.news .news_box_3 .wp-pagenavi .page {
margin-bottom: 0;
}
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .nextpostslink {
font-weight: lighter;
color: #fff;
width: 40px;
height: 40px;
background: #2b82b1;
border: 1px solid #2b82b1;
border-radius: 5px;
font-size: 14px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .nextpostslink {
width: 60rem;
height: 60rem;
border-radius: 8ren;
font-size: 22rem;
}
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .previouspostslink:hover,
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .nextpostslink:hover,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .previouspostslink:hover,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .nextpostslink:hover,
body.single-news section.news .news_box_3 .wp-pagenavi .previouspostslink:hover,
body.single-news section.news .news_box_3 .wp-pagenavi .nextpostslink:hover {
color: #2b82b1;
background: #fff;
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .previouspostslink {
margin-left: -83px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .previouspostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .previouspostslink {
margin-left: -80rem;
}
}
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .nextpostslink {
margin-right: -83px;
}
@media screen and (max-width: 701px) {
body.post-type-archive-news section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.tax-news-category section.news .news_box_3 .wp-pagenavi .nextpostslink,
body.single-news section.news .news_box_3 .wp-pagenavi .nextpostslink {
margin-right: -80rem;
}
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .image_1 {
display: none;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 {
margin-left: unset;
padding-top: unset;
max-width: 700px;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .detail_1_1 {
margin-bottom: 47px;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .detail_1 .entry_title {
font-size: 24px;
line-height: 1.75;
max-width: unset;
margin-bottom: 35px;
padding-bottom: 50px;
border-bottom: 1px solid #eceff1;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content p {
margin-top: 2em;
margin-bottom: 2em;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h1,
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h2 {
background: #2b82b1;
color: #fff !important;
font-weight: 900;
line-height: 1.53125;
padding: 8px 20px;
margin: 16px 0 22px;
position: relative;
font-size: 20px;
text-align: center;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h1 span,
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h2 span {
color: #fff !important;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h1 :after,
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h2 :after {
content: "";
position: absolute;
right: 0;
bottom: -16px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #2b82b1 transparent transparent transparent;
border-width: 16px 12px 0 12px;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h3 {
position: relative;
font-weight: bold;
color: #2b82b1 !important;
font-size: 18px;
padding: 4px 0 4px 20px;
margin: 12px 0;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h3::before {
content: "";
position: absolute;
left: -4px;
top: 0;
width: 12px;
height: 100%;
background: #2b82b1;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .item_1 .news_content h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #2b82b1;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .link_box {
width: 100%;
max-width: 700px;
}
body.single-news.single section.news .news_box .news_box_1 .list_1 .link_box .link_1 {
margin: 0 auto;
}
div.pdfemb-viewer {
border: none !important;
background: none !important;
}
.pdfemb-inner-div {
background: none !important;
}
.pdfemb-pagescontainer {
background: none !important;
}
.pdfemb-toolbar {
display: none !important;
}