body,
html {
font-size: 10px !important;
font-family: 'Noto Sans JP', sans-serif !important;
overflow-x: unset !important;
}
h1.dark {
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/common_h_dot_dark.png) no-repeat bottom center;
padding-bottom: 2.6rem;
background-size: 2.8rem 0.5rem;
}
h1.light {
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/common_h_dot_light.png) no-repeat bottom center;
padding-bottom: 2.6rem;
background-size: 2.8rem 0.5rem;
}
.sp_only {
display: none;
}
@media screen and (max-width: 768px) {
body,html {
font-size: 2.415vw !important;
}
.sp_only {
display: block;
}
h1.dark {
padding-bottom: 1.4rem;
background-size: 1.4rem 0.25rem;
}
h1.light {
padding-bottom: 1.4rem;
background-size: 1.4rem 0.25rem;
}
.siteHeader {
min-height: 6rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.vk-mobile-nav-menu-btn {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0rem;
position: absolute;
width: 4rem;
height: 4rem;
left: 0;
background: #FFFFFF;
border: 1px solid #DDDDDD;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
border-radius: 1rem;
position: fixed;
top: 1.1rem;
left: 1.1rem;
background: var(--vk-mobile-nav-menu-btn-bg-src) center center no-repeat rgba(255, 255, 255, .8);
background-size: 75%;
}
}
.siteHeader {
min-height: unset;
}
.siteHeader .container {
padding-top: 0.2rem;
padding-bottom: 0;
}
.h_line {
font-family: "LINE Seed JP", sans-serif;
font-weight: 800;
font-style: normal;
}
section.hero {
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/hero_bg_master_pc.jpg) no-repeat top center;
position: relative;
background-size: 100% auto;
}
section.hero:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/hero_bg_sub_pc.png) no-repeat top center;
background-size: 100% auto;
margin: 0 auto;
max-width: 1440px;
}
section.hero .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.6rem;
}
section.hero h1 {
width: 70%;
max-width: 558px;
margin: 0 auto;
padding: 10rem 0 2rem;
}
section.hero h1 picture {
width: 100%;
height: auto;
}
section.hero h1 picture img {
width: 100%;
height: auto;
}
section.hero p {
font-size: 1.6rem;
font-weight: 400;
text-align: center;
border-top: 1px solid #393939;
border-bottom: 1px solid #393939;
padding: 1.4rem 0;
line-height: 160%;
margin-bottom: 60rem;
}
section.hero p strong {
color: #26178F;
}
@media screen and (max-width: 1430px) and (min-width: 769px) {
section.hero p {
margin-bottom: 46rem;
}
}
@media screen and (max-width: 768px) {
section.hero {
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/hero_bg_master_sp.jpg) no-repeat top center;
background-size: 100% auto;
}
section.hero:before {
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/hero_bg_sub_sp.png) no-repeat top center;
background-size: 100% auto;
}
section.hero .container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
section.hero h1 {
width: 68%;
margin: unset;
padding: 13rem 0 1rem;
}
section.hero p {
font-size: 1.4rem;
padding: 0;
text-align: left;
border: unset;
margin-bottom: 32rem;
}
}
section.clients {
margin-top: -37rem;
position: relative;
z-index: 1;
padding-bottom: 10rem;
}
section.clients .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3.2rem;
}
section.clients h1 {
font-size: 4rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.4rem;
}
section.clients h1:after {
content: "CLIENTS";
display: block;
font-size: 1.6rem;
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
line-height: 100%;
color: #141F73;
opacity: 0.3;
}
section.clients p {
font-size: 1.6rem;
font-weight: 400;
text-align: center;
line-height: 160%;
}
section.clients .clients_list {
display: flex;
flex-direction: column;
gap: 2rem;
max-width: 926px;
width: 90%;
margin: 0 auto;
}
section.clients .clients_splide {
width: 100%;
}
section.clients .clients_list p {
width: 100%;
font-size: 1.4rem;
font-weight: 400;
text-align: right;
line-height: 100%;
color: #333333;
} @media screen and (min-width: 769px) { section.clients .clients_splide.splide {
visibility: visible;
}
section.clients .clients_splide .splide__track {
overflow: visible;
}
section.clients .clients_splide .splide__list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 4rem;
width: 100%;
}
section.clients .clients_list_item {
width: 30%;
}
}
@media screen and (max-width: 768px) {
section.clients {
padding-bottom: 6rem;
margin-top: -24rem;
}
section.clients .container {
gap: 1.6rem;
padding-left: 0;
padding-right: 0;
}
section.clients h1 {
font-size: 3.2rem;
gap: 1.4rem;
}
section.clients h1:after {
font-size: 1.4rem;
}
section.clients p {
font-size: 1.4rem;
}
section.clients .clients_list {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
width: 100%;
}
section.clients .clients_list p {
font-size: 1.2rem;
text-align: center;
}
}
section.about {
padding: 10rem 0;
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/about_bg_pc.jpg) #3726AA no-repeat top center;
background-size: 100% auto;
}
section.about .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3.2rem;
}
section.about h1 {
font-size: 4rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.4rem;
color: #FFFFFF;
}
section.about h1:after {
content: "ABOUT US";
display: block;
font-size: 1.6rem;
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
line-height: 100%;
color: #FFFFFF;
opacity: 0.3;
}
section.about p {
font-size: 1.6rem;
font-weight: 400;
text-align: center;
line-height: 160%;
color: #FFFFFF;
}
section.about p strong {
display: inline-block;
background-color: #fff;
color: #130957;
margin: 1rem;
padding: 1rem 2rem;
font-size: 2.6rem;
font-weight: 800;
line-height: 100%;
}
section.about p span {
font-weight: 700;
}
section.about .about_img {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
section.about .about_img img {
width: 100%;
height: auto;
}
section.about .about_subcontents {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4rem 2rem;
gap: 3rem;
width: 90%;
max-width: 488px;
margin: 2rem auto 0;
background: rgba(255, 255, 255, 0.04);
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
backdrop-filter: blur(20px);
}
section.about .about_subcontents h2 {
font-size: 2.4rem;
font-weight: 700;
line-height: 100%;
color: #FFFFFF;
text-align: center;
padding: 0;
border: unset;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
margin: 0;
}
section.about .about_subcontents h2:after {
content: "POLICIES";
display: block;
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-size: 1.2rem;
line-height: 100%;
color: #FFFFFF;
opacity: 0.4;
}
section.about .about_subcontents ul {
list-style: none;
padding: 0;
margin: 0;
width: 90%;
max-width: 312px;
}
section.about .about_subcontents ul li {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2rem;
background: #FFFFFF;
width: 100%;
font-weight: 700;
font-size: 1.6rem;
line-height: 100%;
color: #180F56;
}
section.about .about_subcontents p {
margin: 0;
}
@media screen and (max-width: 768px) {
section.about {
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/about_bg_sp.jpg) no-repeat top center #3726AA;
background-size: 100% auto;
padding: 6rem 0;
}
section.about .container {
gap: 1.6rem;
}
section.about h1 {
font-size: 3.2rem;
gap: 1.4rem;
}
section.about h1:after {
font-size: 1.4rem;
}
section.about p {
font-size: 1.4rem;
line-height: 180%;
}
section.about .about_img {
width: 90%;
}
section.about .about_subcontents {
gap: 2rem;
padding: 4rem 2rem;
}
section.about .about_subcontents h2 {
font-size: 2rem;
gap: 1rem;
}
section.about .about_subcontents h2:after {
font-size: 1.2rem;
}
section.about .about_subcontents ul {
width: 100%;
}
section.about .about_subcontents ul li {
font-size: 1.4rem;
padding: 1.8rem;
}
section.about .about_subcontents ul li:last-child {
margin-bottom: 0;
}
}
section.staff {
padding: 10rem 0 50rem;
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/staff_bg_pc.jpg) no-repeat top left;
background-size: 100% auto;
}
section.staff .container {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 3.2rem;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
section.staff h1 {
width: 100%;
text-align: right;
}
section.staff h1 img {
width: 90%;
max-width: 628px;
height: auto;
}
section.staff p {
width: 100%;
text-align: right;
margin: 0;
font-size: 1.8rem;
}
section.staff p strong {
font-weight: 700;
line-height: 100%;
color: #180F56;
}
section.staff .btn_wrap {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1rem;
}
section.staff .btn_wrap a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2rem 0;
width: 24rem;
background: #180F56;
color: #FFFFFF;
font-size: 1.8rem;
font-weight: 600;
line-height: 100%;
text-decoration: none;
border: 1px solid #180F56;
position: relative;
border-radius: 0;
}
section.staff .btn_wrap a:after {
content: "";
display: block;
width: 0.7rem;
height: 1.4rem;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
background-color: currentColor;
-webkit-mask: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/icon_arrow_white.svg) no-repeat center center;
mask: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/icon_arrow_white.svg) no-repeat center center;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
}
section.staff .btn_wrap a:hover {
background: #FFFFFF;
color: #180F56;
}
section.staff .btn_wrap .attention {
font-size: 1.4rem;
font-weight: 400;
line-height: 100%;
color: #939393;
text-align: center;
}
@media screen and (max-width: 1300px) {
section.staff {
background-size: auto 80%;
}
}
@media screen and (max-width: 768px) {
section.staff {
padding: 19rem 0 6rem;
background: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/staff_bg_sp.jpg) no-repeat top center #fff;
background-size: 100% auto;
}
section.staff h1 img {
width: 100%;
}
section.staff p {
font-size: 1.4rem;
}
}
section.service {
display: flex;
flex-direction: column;
align-items: center;
padding: 10rem 4rem;
gap: 4rem;
max-width: 1060px;
width: 90%;
margin: -40rem auto 2rem;
background: #FFFFFF;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
}
section.service .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3.2rem;
padding: 0;
}
section.service h1 {
font-size: 4rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.4rem;
}
section.service h1:after {
content: "SERVICES";
display: block;
font-size: 1.6rem;
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
line-height: 100%;
color: #180F56;
opacity: 0.3;
}
section.service p {
font-size: 1.6rem;
font-weight: 400;
text-align: center;
line-height: 160%;
}
section.service .service_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
display: flex;
align-items: stretch;
gap: 2rem;
}
section.service .service_item {
flex: 1 0 0;
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 2.2rem;
padding: 4rem 2rem;
background: linear-gradient(137.784deg, #232381 0%, #180F56 100%);
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}
section.service .service_item_icon {
display: flex;
align-items: center;
justify-content: center;
height: 5.3rem;
}
section.service .service_item_icon img {
width: auto;
height: 100%;
}
section.service .service_item_ttl {
margin: 0;
font-size: 2.4rem;
font-weight: 800;
color: #FFFFFF;
text-align: center;
border: unset;
padding: 0;
height: 6rem;
display: flex;
align-items: center;
}
section.service .service_item_divider {
display: flex;
align-items: center;
justify-content: center;
width: 2.1rem;
height: 1rem;
}
section.service .service_item_divider img {
transform: rotate(-90deg);
}
section.service .service_item_text {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6;
color: #FFFFFF;
text-align: left;
}
@media screen and (max-width: 768px) {
section.service {
padding: 6rem 2rem;
gap: 2rem;
margin: 2rem auto;
}
section.service .container {
gap: 2rem;
}
section.service h1 {
font-size: 3.2rem;
gap: 0.8rem;
}
section.service h1:after {
font-size: 1.2rem;
}
section.service p {
font-size: 1.4rem;
}
section.service .service_list {
flex-direction: column;
gap: 1rem;
}
section.service .service_item {
padding: 3rem;
gap: 1rem;
}
section.service .service_item_icon {
height: 4rem;
}
section.service .service_item_ttl {
font-size: 1.8rem;
height: unset;
}
section.service .service_item_divider {
width: 1rem;
height: 2rem;
}
section.service .service_item_divider img {
width: 100%;
height: 100%;
object-fit: contain;
}
section.service .service_item_text {
font-size: 1.4rem;
}
}
section.projects {
padding: 10rem 0;
background: #FFFFFF;
}
section.projects .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3.2rem;
}
section.projects h1 {
font-size: 4rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.4rem;
}
section.projects h1:after {
content: "PROJECTS";
display: block;
font-size: 1.6rem;
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
line-height: 100%;
color: #180F56;
opacity: 0.3;
}
section.projects p {
font-size: 1.6rem;
font-weight: 400;
text-align: center;
line-height: 160%;
}
section.projects .projects_splide {
width: 100%;
}
section.projects .projects_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
} @media screen and (min-width: 769px) { section.projects .projects_splide.splide {
visibility: visible;
}
section.projects .projects_splide .splide__track {
overflow: visible;
}
section.projects .projects_list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: 2rem;
}
}
section.projects .projects_item {
width: 32rem;
height: 100%;
background: #FFFFFF;
border: 1px solid #180F56;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
overflow: hidden;
}
section.projects .projects_item_visual {
position: relative;
width: 100%;
height: 18rem;
}
section.projects .projects_item_visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.projects .projects_item_overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28rem;
display: flex;
flex-direction: column;
align-items: center;
}
section.projects .projects_item_client {
margin: 0;
width: 100%;
box-sizing: border-box;
padding: 1.5rem 3rem;
background: #180F56;
opacity: 0.9;
font-size: 1.6rem;
font-weight: 900;
line-height: 100%;
color: #FFFFFF;
text-align: center;
}
section.projects .projects_item_tags {
margin: 0;
width: 100%;
box-sizing: border-box;
padding: 1.5rem 0;
background: #FFFFFF;
opacity: 0.9;
display: flex;
align-items: flex-start;
justify-content: center;
gap: 1.4rem;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.6;
color: #3F3F3F;
text-align: center;
}
section.projects .projects_item_body {
width: 100%;
box-sizing: border-box;
padding: 2rem;
flex: 1 1 auto;
}
section.projects .projects_item_body p {
margin: 0;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.6;
color: #000000;
text-align: left;
height: 8em;
}
@media screen and (max-width: 768px) {
section.projects {
padding: 6rem 0;
} 
section.projects .container {
padding: 0;
gap: 2rem;
}
section.projects h1 {
font-size: 3.2rem;
gap: 0.8rem;
}
section.projects h1:after {
font-size: 1.2rem;
}
section.projects p {
font-size: 1.4rem;
}
section.projects .splide__pagination {
position: static;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-top: 2.4rem;
padding: 0;
}
section.projects .splide__pagination li {
line-height: 0;
}
section.projects .splide__pagination__page {
display: block;
width: 1rem;
height: 1rem;
margin: 0;
padding: 0;
border: none;
border-radius: 50%;
background: #C9C9C9;
opacity: 1;
transition: background-color 0.2s ease;
}
section.projects .splide__pagination__page.is-active {
background: #D97A00;
transform: none;
}
}
section.company {
padding: 10rem 0;
background: #F6F7FE;
}
section.company .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6rem;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
section.company h1 {
font-size: 4rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.4rem;
color: #2B2B2B;
}
section.company h1:after {
content: "COMPANY";
display: block;
font-size: 1.6rem;
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
line-height: 100%;
color: #141F73;
opacity: 0.3;
}
section.company .company_table {
box-sizing: border-box;
width: 100%;
display: flex;
gap: 4rem;
padding: 4rem;
background: #FFFFFF;
box-shadow: 0px 1px 4.5px rgba(0, 0, 0, 0.15);
border-bottom: 1rem solid #26178F;
border-image: linear-gradient(90deg, #180F56 0%, #2E1F8F 40%, #6E55A8 65%, #E0A93B 100%) 1;
}
section.company .company_table_col {
flex: 1 0 0;
min-width: 0;
}
section.company .company_table_row {
display: flex;
align-items: center;
margin: 0;
padding: 2rem 0;
color: #2B2B2B;
font-size: 1.6rem;
flex-direction: row;
}
section.company .company_table_row:first-child {
padding-top: 0;
}
section.company .company_table_row:last-child {
padding-bottom: 0;
}
section.company .company_table_row + .company_table_row {
border-top: 1px solid #D1D3E5;
}
section.company .company_table_col:first-child .company_table_row {
gap: 1rem;
}
section.company .company_table_col:last-child .company_table_row {
gap: 5rem;
}
section.company .company_table_row dt {
flex: 0 0 auto;
min-width: 6.4rem;
font-weight: 700;
line-height: 1.5;
border: unset;
margin: 0;
padding: 0;
}
section.company .company_table_row dd {
flex: 1 1 auto;
margin: 0;
font-weight: 400;
line-height: 1.5;
border: unset;
padding: 0;
}
@media screen and (max-width: 768px) {
section.company {
padding: 6rem 0;
}
section.company .container {
gap: 2rem;
padding: 2rem;
}
section.company h1 {
font-size: 3.2rem;
gap: 0.8rem;
}
section.company h1:after {
font-size: 1.2rem;
}
section.company p {
font-size: 1.4rem;
}
section.company .company_table {
flex-direction: column;
gap: 2rem;
padding: 4rem;
}
section.company .company_table_col {
display: flex;
flex-direction: column;
gap: 2rem;
}
section.company .company_table_row,
section.company .company_table_col:first-child .company_table_row,
section.company .company_table_col:last-child .company_table_row {
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
padding: 0;
}
section.company .company_table_row + .company_table_row {
border-top: none;
}
section.company .company_table_row dt {
min-width: 0;
line-height: 1;
}
}
.cta {
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: stretch;
margin-bottom: 6rem;
}
section.contact,
section.recruit {
flex: 1 0 0;
min-width: 0;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10rem 2rem;
text-align: center;
}
section.contact .cta_bg,
section.recruit .cta_bg {
position: absolute;
inset: 0;
z-index: 0;
}
section.contact .cta_bg img,
section.recruit .cta_bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.contact .cta_bg:after,
section.recruit .cta_bg:after {
content: "";
position: absolute;
inset: 0;
}
section.contact .cta_bg:after {
background: #180F56;
mix-blend-mode: lighten;
}
section.recruit .cta_bg:after {
background: rgba(255, 255, 255, 0.84);
}
section.contact .cta_inner,
section.recruit .cta_inner {
position: relative;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 4rem;
}
.cta_head {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.cta_ttl {
margin: 0;
padding: 0;
border: unset;
font-family: "LINE Seed JP", sans-serif;
font-weight: 800;
font-size: 4rem;
line-height: 1.2;
}
.cta_en {
margin: 0;
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-size: 1.6rem;
line-height: 100%;
text-transform: uppercase;
opacity: 0.3;
}
.cta_text {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.8;
}
section.contact .cta_ttl,
section.contact .cta_en,
section.contact .cta_text {
color: #FFFFFF;
}
section.recruit .cta_ttl {
color: #2B2B2B;
}
section.recruit .cta_en {
color: #141F73;
}
section.recruit .cta_text {
color: #000000;
}
.cta_btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3rem 7rem;
font-size: 2rem;
font-weight: 700;
line-height: 1.8;
text-decoration: none;
border: 1px solid transparent;
transition: background-color 0.3s ease, color 0.3s ease;
}
.cta_btn:hover {
text-decoration: none;
}
.cta_btn:after {
content: "";
display: block;
width: 0.7rem;
height: 1.4rem;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
background-color: currentColor;
-webkit-mask: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/icon_arrow_white.svg) no-repeat center center;
mask: url(//bts-japan.co.jp/wp/wp-content/themes/lightning-child/assets/frontpage/images/icon_arrow_white.svg) no-repeat center center;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
}
.cta_btn_contact {
background: #FFFFFF;
color: #180F56;
border-color: #180F56;
}
.cta_btn_contact:hover {
background: #180F56;
color: #FFFFFF;
border-color: #FFFFFF;
}
.cta_btn_recruit {
background: #FF4000;
color: #FFFFFF;
border-color: #FF4000;
}
.cta_btn_recruit:hover {
background: #FFFFFF;
color: #FF4000;
}
@media screen and (max-width: 768px) {
.cta {
flex-direction: column;
}
section.contact,
section.recruit {
flex: unset;
padding: 6rem 2rem;
}
section.contact .cta_inner,
section.recruit .cta_inner {
gap: 2rem;
}
section.contact h2,
section.recruit h2 {
font-size: 3.2rem;
gap: 0.8rem;
}
section.contact h2:after,
section.recruit h2:after {
font-size: 1.2rem;
}
.cta_head {
gap: 1rem;
}
section.contact .cta_text,
section.recruit .cta_text {
font-size: 1.4rem;
}
.cta_btn {
padding: 2rem 4rem;
}
}
.palt {
font-feature-settings: "palt";
}