html {
margin-top: 0px !important;
}
.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
.owl-nav.disabled {
display: none;
}
img {
object-fit: cover;
display:block;
width: 100%;
padding: 0px;
margin: 0px;
border: 0px;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, div {
margin: 0;
padding: 0;
font-weight:400;
list-style:none;
}
::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
border-radius: 4px;
background: #314789;
border-left: solid 0px #8fbc92;
}
::-webkit-scrollbar-thumb{
background: #fff;
border-radius: 4px;
box-shadow: inset 0 0 0 1px #fff;
}
input, textarea, select {
font-family: inherit;
font-size: 100%;
font-size: 1.2rem;
font-family: 'Noto Sans JP', sans-serif;
}
.grecaptcha-badge {
display: none !important;
}
/*
font-family: "Roboto", sans-serif;
font-family: "Noto Sans JP", sans-serif;
font-family: "Noto Serif JP", serif;
Copperplate Light
font-family: "copperplate", serif;
font-weight: 300;
font-style: normal;
Copperplate Bold
font-family: "copperplate", serif;
font-weight: 700;
font-style: normal;
Copperplate Cond Light
font-family: "copperplate-condensed", serif;
font-weight: 300;
font-style: normal;
Copperplate Cond Bold
font-family: "copperplate-condensed", serif;
font-weight: 700;
font-style: normal;
*/
@media screen and (min-width: 970px){
div#other_consulting {
margin: 0 10rem;
}.other_consulting {
margin: 6rem 0;
}h2.other_consulting_h2 {
background: #2da4c6;
font-weight: bold;
padding: 1rem 2rem;
color: #fff;
letter-spacing: 0.2rem;
}p.other_consulting_p {
margin: 6rem 0;
line-height: 2;
}
a.work_consulting_a.--color_main {
background-color: rgb(49 71 137) !important;
}a.work_creative_a.--color_black {
background-color: rgb(0 0 0) !important;
}
.news_detail_img {
margin: 2rem auto;
width: 50rem;
}
div#achievement {
background-color: #f3f5f9;
margin: 4rem 12rem 10rem;
padding: 4rem;
}h2.achievement_h2 {
line-height: 1.2;
font-size: 3.2rem;
font-weight: bold;
color: #314789;
}ul.achievement_ul {
margin: 2rem 0 0;
line-height: 2;
}ul.achievement_ul li {
padding-left: 3rem;
font-weight: 500;
letter-spacing: 0.1rem;
position: relative;
}ul.achievement_ul li:before {
content: "\003007";
position: absolute;
left: 0.5rem;
}
h3.under_fv_img_h3.--right_text {
right: 8rem;
text-align: right;
left: 0;
}
.openbtn {
display:none;
}
a:hover {
transition: opacity 0.4s ease;
opacity: 0.9;
}
span.link {
width: 1.5rem;
display: block;
position: absolute;
right: 1rem;
top: 1.5rem;
}span.link {
width: 1.5rem;
display: block;
position: absolute;
right: 1rem;
top:1.5rem;
}span.--work_link {
width: 1.5rem;
display: block;
position: absolute;
right: 2rem;
top: 2.2rem;
}
.fadein-target {
filter: blur(0.1rem);
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
}
.fadein {
opacity: 1 !important;
filter: blur(0) !important;
transform: translateY(0) !important; /* 正位置に戻る */
}
:root {
font-size: 1vw;
}
body {
color: #212121;
background: #fff;
font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
line-height: 1.4;
background-size: cover;
width: 100%;
height: 100vh;
background-position: center;
background-attachment: fixed;
}header {
transition: background-color 0.2s ease, box-shadow 0.2s ease;
z-index: 100;
position: fixed;
height: 8rem;
padding: 0 3rem;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
top: 0;
}header.scrolled {
background-color: rgb(255 255 255 / 40%);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}h1#l-header__logo {
width: 16rem;
height: 6rem;
}h1#l-header__logo a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-indent: 101%;
text-align: left;
background-image: url(../img/l-header__logo.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}div#l-siteNavi {
width: 65rem;
}ul#l-siteNavi__ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}ul#l-siteNavi__ul li {
display: block;
color: #000000;
text-decoration: none;
opacity: 1;
transition: all .5s ease;
}ul#l-siteNavi__ul li a {
padding: 0rem 1.3rem 0;
text-decoration: none;
color: #000;
text-align: center;
display: block;
}span.l-siteNavi__ul__item__en {
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 0.8rem;
letter-spacing: 0.1rem;
display: block;
}span.l-siteNavi__ul__item__ja {
display: block;
text-align: center;
line-height: 1;
font-size: 1rem;
}div#l-entryButton a {
display: block;
background-color: #314789;
color: #FFFFFF;
text-decoration: none;
transition: all .5s ease;
padding: 1rem 2.4rem;
}div#l-entryButton a:hover {
display: block;
background-color: #576ba5;
color: #FFFFFF;
text-decoration: none;
transition: all .5s ease;
padding: 1rem 2.4rem;
}
div#fv {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
}h2.fv_h2 {
position: absolute;
z-index: 99;
color: #fff;
font-weight: bold;
font-size: 5rem;
bottom: 12vh;
left: 6rem;
line-height: 1.4;
text-shadow: 0 0 20px rgb(0 0 0 / 50%);
letter-spacing: 0.4rem;
}div#fv_img {
display: flex;
justify-content: space-between;
align-items: center;
}ul.fv_img_left {
overflow: hidden;
width: 50%;
}ul.fv_img_right {
width: 50%;
height: 100vh;
overflow: hidden;
}.fv_img_left_top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}.fv_img_left_top_img {
overflow: hidden;
width: 50%;
height: 50vh;
position: relative;
}.fv_img_left_bottom {
overflow: hidden;
width: 100%;
height: 50vh;
}.fv_img_left_top_img img {
width: 100%;
height: 50vh;
object-fit: cover;
}.fv_img_left_bottom img {
width: 100%;
height: 50vh;
object-fit: cover;
}ul.fv_img_right img {
height: 100vh;
object-fit: cover;
}
.fv_img_left_top_img,
.fv_img_left_bottom_img,
.fv_img_right li {
position: relative;
}
div#top_next_leaders {
padding: 18rem 8rem;
}.next_leaders_word {
width: 70rem;
}ul.top_next_leaders_ul {
padding: 6rem 0 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}li.top_next_leaders_img {
width: 40rem!important;
}ul.top_next_leaders_ul li {
width: 38rem;
}h2.top_next_leaders_h2 {
font-weight: bold;
font-size: 2rem;
line-height: 1.6;
}p.top_next_leaders_p {
margin: 4rem 0;
line-height: 2;
}
a.hover_link {
position: relative;
font-family: "Poppins", sans-serif;
text-decoration: none;
font-size: 1.8rem;
letter-spacing: 0.2rem;
border: solid 1px #314789;
background-color: #314789;
color:#fff;
text-align: center;
display: block;
padding: 1rem 0 0.8rem;
font-weight: 500;
overflow: hidden;
}
div#top_concept {
background: #314789;
color: #fff;
}ul.top_concept {
height: 64rem;
display: flex;
justify-content: space-between;
align-items: center;
}li.copt_concept_left {
width: 60rem;
padding: 18rem 2rem 18rem 8rem;
}li.copt_concept_right {
width: 40rem;
}h2.top_concept_h2 {
font-weight: bold;
line-height: 1.8;
font-size: 2.2rem;
}p.top_concept_p {
margin: 6rem 4rem 0 0;
line-height: 2;
}li.copt_concept_right img {
width: 40rem;
height: 64rem;
object-fit: cover;
}
h3.top_business_text_h3 {
font-size: 3.6rem;
font-weight: bold;
position: relative;
z-index: 1;
color: #fff;
}h3.top_business_text_h3 small {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 1.8rem;
display: table;
margin-bottom: 2rem;
border: solid 1px;
padding: 0 6rem;
border-radius: 10rem;
}h3.top_business_text_h3 small span {
font-size: 2.4rem;
margin-left: 0.4rem;
}
#top_business {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}#top_business li {
position: sticky;
top: 0;
overflow: hidden;
}.top_business_img {
height: 100vh;
position: relative;
}.top_business_img img {
width: 100%;
display: block;
height: 100vh;
}.top_business_text {
position: absolute;
left: 8rem;
bottom: 24vh;
opacity: 1;
transform-origin: bottom center;
line-height: 1.4;
}.top_business_img,
.top_business_text {
opacity: 0;
transition: all 2s ease;
}
.top_business_img {
transform: scale(1.1);
}.inview .top_business_img {
opacity: 1;
transform: scale(1.0);
}.inview .top_business_text {
opacity: 1;
}
div#ceo_message {
background: #48a1cd;
position: relative;
}.ceo_message_img {
position: sticky;
top: 0;
width: 100%;
height: 100vh;
overflow: hidden;
}.ceo_message_img img {
object-fit:cover;
width: 100%;
height: 100vh;
}.ceo_message_text {
color: #fff;
position: relative;
z-index: 1;
height: auto;
padding-bottom: 2rem;
}h2.ceo_message_h2 {
font-family: "Noto Serif JP", serif;
text-align: center;
font-weight: 500;
font-size: 2.6rem;
height: 50vh;
margin-top: -50vh;
}h2.ceo_message_h2 small {
font-size: 9.2rem;
display: block;
margin-bottom: 2rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.2rem;
}p.ceo_message_p {
line-height: 2;
font-size: 1.3rem;
}.ceo_message_img.blur img {
opacity: 0.3;
filter: blur(10px);
transition: opacity 2s ease, filter 2s ease-out;
}
ul.message_ul {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 18rem 10rem;
font-family: "Noto Serif JP", serif;
}ul.message_ul li {
width: 38rem;
position: sticky;
top: 10rem;
}li.message_ul_img_li {
width: 34rem !important;
}h3.message_ul_h3 {
font-size: 2.8rem;
font-weight: 500;
margin-bottom: 6rem;
padding-bottom: 3rem;
position: relative;
}h3.message_ul_h3:after {
content: "";
width: 6rem;
height: 1px;
background: #fff;
position: absolute;
left: 0.5rem;
bottom: 0;
}ul.message_ul.--reverse {
flex-direction: row-reverse;
}img.bottom_margin_img {
margin-bottom: 8rem;
}span.ceo_message_span {
display: block;
margin-top: 4rem;
text-align: right;
}.message_middle_img {
background: #000;
position: relative;
margin-bottom: 26rem;
}.message_middle_img img {
display: block;
height: 26rem;
overflow: hidden;
}h3.message_middle_img_h3 {
font-family: "Noto Serif JP", serif;
position: absolute;
font-weight: 500;
font-size: 1.6rem;
line-height: 1.8;
width: 100%;
text-align: center;
top: 32rem;
z-index: 1;
letter-spacing: 0.2rem;
}
div#youtube {
text-align: center;
padding: 6rem 0;
background: #314789;
}div#youtube iframe {
width: 70rem;
height: 40rem;
}
ul#slide {
padding: 4rem 0;
}.slide_img {
width: 100%;
height: 30rem;
overflow: hidden;
border-radius: 1rem;
}.slide_img img {
width: 100%;
height: 30rem;
object-fit: cover;
}.slide_img.--creative_img {
height: 50rem;
}.slide_img.--creative_img img {
height: 50rem;
}ul#slide li {
padding: 0 1rem;
}p.slide_p {
margin: 1rem 0 0;
font-weight: 500;
}
div#news_content {
padding: 10rem;
}h2.news_content {
font-size: 3.2rem;
display: block;
margin-bottom: 2rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.2rem;
text-align: center;
color: #314789;
}ul.news_content li {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 2rem 0;
border-bottom: 1px solid;
color: #314789;
}time.news_date {
width: 20rem;
padding-left: 2rem;
display: block;
font-family: "Poppins", sans-serif;
}p.news_title {
padding-right: 1rem;
width: 58rem;
line-height: 2;
}p.news_title a {
text-decoration: none;
color: #314789;
}
ul.know_more_ul {
margin: 6rem 10rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
color: #314789;
}ul.know_more_ul li {
width: 37rem;
background: #fff;
}p.know_more_ul_p {
padding: 2rem;
}p.know_more_ul_p {
font-family: "Poppins", sans-serif;
font-size: 2.6rem;
font-weight: 500;
}p.know_more_ul_p small {
display: block;
font-size: 1.2rem;
margin-top: 0.6rem;
}a.know_more_a {
color: #314789;
text-decoration: none;
}div#bottom_entry {
margin: 10rem 0 0;
position: relative;
}.bottom_entry_space {
position: absolute;
left: 50rem;
top: 6rem;
color: #fff;
}h3.bottom_entry_h3 small {
display: block;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 1.6rem;
margin-bottom: 4rem;
}h3.bottom_entry_h3 {
font-size: 4rem;
font-weight: bold;
line-height: 1.2;
}h3.bottom_entry_h3 rt {
font-size: 1.2rem;
margin-bottom: 0.4rem;
letter-spacing: -2.5rem;
padding-left: 2.1rem;
}h3.bottom_entry_h3 ruby:before {
content: "\00300c";
margin-left: -2rem;
}h3.bottom_entry_h3 ruby:after {
content: "\00300d";
margin-left: 0.8rem;
margin-right: -0.8rem;
}a.entry_new_tab {
position: relative;
display: block;
margin-top: 2rem;
padding: 2rem;
text-decoration: none;
color: #fff;
background: #314789;
letter-spacing: 0.3rem;
font-size: 1.69rem;
border: solid 1px #314789;
}a.entry_mid_tab {
position: relative;
border: solid 1px #000;
display: block;
margin-top: 1rem;
padding: 2rem;
text-decoration: none;
color: #fff;
background: #000;
letter-spacing: 0.3rem;
font-size: 1.69rem;
}p.footer_copy {
font-family: "Poppins", sans-serif;
font-size: 1.2rem;
text-align: center;
padding: 2rem 0;
}
div#under_fv {
margin: 16rem 0 0;
text-align: center;
}h2.under_fv {
text-align: center;
font-weight: bold;
font-size: 3rem;
margin-bottom: 4rem;
}h2.under_fv small {
font-family: "Poppins", sans-serif;
font-size: 1.2rem;
text-align: center;
padding: 1rem 0 0;
display: block;
letter-spacing: 0.1rem;
}
.under_contetnts_data {
margin: 10rem 0 0;
}h2.under_contetnts_data_h2 {
text-align: center;
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 4rem;
color: #2e4381;
}ul.under_contetnts_data_ul {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 10rem;
flex-wrap: wrap;
}ul.under_contetnts_data_ul li {
background-color: #F3F5F9;
width: 38rem;
padding: 2rem;
margin-bottom: 3rem;
height: 26rem;
}h3.under_contetnts_data_h3 {
text-align: center;
font-weight: bold;
font-size: 2.2rem;
margin-bottom: 3rem;
color: #2e4381;
}.under_contetnts_data_ul_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
}.under_contetnts_data_ul_icon {
width: 12rem;
margin: 0 auto;
}.under_contetnts_data_ul_text {
width: 17rem;
font-weight: 500;
font-size: 7rem;
margin-bottom: 2rem;
color: #2e4381;
line-height: 1.2;
text-align: center;
}span.under_contetnts_data_num {
font-family: "Bebas Neue", sans-serif;
}span.under_contetnts_data_num small {
font-size: 2rem;
margin: 0 0.5rem;
}p.under_contetnts_data_p {
text-align: center;
font-weight: bold;
color: #2e4381;
margin-top: 2rem;
}.under_contetnts_data_ul_icon.--ic_1 {
width: 10rem;
}.under_contetnts_data_ul_icon.--ic_2 {
width: 10rem;
}.under_contetnts_data_ul_icon.--ic_3 {
width: 4.4rem;
}.under_contetnts_data_ul_icon.--ic_4 {
width: 5.5rem;
}.under_contetnts_data_ul_icon.--ic_5 {
width: 12rem;
}.under_contetnts_data_ul_icon.--ic_6 {
width: 9rem;
}.under_contetnts_data_ul_icon.--ic_7 {
width: 9rem;
}.under_contetnts_data_ul_icon.--ic_8 {
width: 10rem;
}.under_contetnts_data_ul_icon.--ic_9 {
width: 10rem;
}.under_contetnts_data_ul_icon.--ic_10 {
width: 7rem;
margin: 0 auto;
}.under_contetnts_data_ul_icon.--ic_11 {
width: 10rem;
}.under_contetnts_data_ul_icon.--ic_12 {
width: 10rem;
}.under_contetnts_data_ul_icon.--ic_13 {
width: 9rem;
}.under_contetnts_data_ul_icon.--ic_16 {
width: 9rem;
}.under_contetnts_data_ul_icon.--ic_17 {
width: 9rem;
}
.data_middle_img {
margin: 10rem 0 0;
}
ul.work_consulting_bt {
display: flex;
justify-content: center;
align-items: center;
margin: 10rem;
}a.work_consulting_a {
letter-spacing: 0.1rem;
background-color: rgb(45, 164, 198);
color: #fff;
text-decoration: none;
padding: 1.8rem 8rem;
margin: 0 2rem;
position: relative;
overflow: hidden;
font-size: 1.5rem;
}a.work_creative_a {
letter-spacing: 0.1rem;
background-color: rgb(44, 176, 129);
color: #fff;
text-decoration: none;
padding: 1.8rem 8rem;
margin: 0 2rem;
position: relative;
overflow: hidden;
font-size: 1.5rem;
}
div#work_consulting {
margin: 16rem 0 0;
}.work_consulting_data {
margin-bottom: 14rem;
}h2.work_consulting_h2 {
font-family: "Poppins", sans-serif;
font-size: 3rem;
text-align: center;
font-weight: 500;
color: #2da4c6;
margin-bottom: 8rem;
padding-bottom: 8rem;
position: relative;
letter-spacing: 0.2rem;
}h2.work_consulting_h2 small {
display: block;
font-size: 1.4rem;
}h2.work_consulting_h2:after {
content: "";
width: 4rem;
height: 2px;
left: 48rem;
background: #2da4c6 !important;
position: absolute;
bottom: 5rem;
}h2.work_consulting_h2.--creative:after {
content: "";
width: 4rem;
height: 2px;
left: 48rem;
background: #2CB081 !important;
position: absolute;
bottom: 5rem;
}h3.work_consulting_h3 {
font-size: 3.4rem;
font-weight: bold;
color: #2da4c6;
margin: 0 10rem 6rem
}h3.work_consulting_h3 small {
display: block;
font-size: 1.4rem;
padding-left: 0.5rem;
margin-top: 1rem;
}span.number {
font-family: "Bebas Neue", sans-serif;
font-weight: 500;
font-size: 10rem;
margin: 0 0.4rem;
line-height: 1;
}ul.work_consulting_data_ul_img {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 6rem 10rem;
}ul.work_consulting_data_ul_img li:first-child {
width: 37rem;
height: 45rem;
margin-right: 4rem;
}ul.work_consulting_data_ul_img li:last-child {
width: 37rem;
height: 45rem;
margin-top: 8rem;
}ul.work_consulting_data_ul_img li img {
width: 37rem;
height: 45rem;
object-fit: cover;
}p.work_consulting_data_p {
text-align: center;
line-height: 3;
font-weight: 500;
margin: 6rem 0 0;
font-size: 1.4rem;
}p.work_consulting_data_p_list.--first-p_text {
margin: 8rem 10rem 0;
background: #2da4c6;
display: table;
padding: 2rem 8rem;
font-size: 2rem;
letter-spacing: 0.1rem;
color: #fff;
font-weight: 500;
}p.work_consulting_data_p_list.--sec-p_text {
margin: 2rem 16rem 0;
background: #2da4c6;
display: table;
padding: 2rem 8rem;
font-size: 2rem;
letter-spacing: 0.1rem;
color: #fff;
font-weight: 500;
}p.work_consulting_data_p_list.--third-p_text {
margin: 2rem 0rem 0 24rem;
background: #2da4c6;
display: table;
padding: 2rem 8rem;
font-size: 2rem;
letter-spacing: 0.1rem;
color: #fff;
font-weight: 500;
}h3.work_consulting_h3.--center {
margin: 16rem 0 10rem;
text-align: center;
font-size: 2.4rem;
}ul.work_consulting_data_ul {
margin: 0 10rem;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}ul.work_consulting_data_ul li {
width: 24rem;
padding: 2rem;
text-align: center;
margin: 0 1rem 2rem;
border: solid 1px #2da4c6;
}h4.work_consulting_data_ul_h4 {
font-weight: bold;
font-size: 2rem;
letter-spacing: 0.2rem;
}p.work_consulting_data_ul_p {
font-family: "Bebas Neue", sans-serif;
font-size: 8rem;
line-height: 1;
margin-top: 1rem;
color: #2da4c6;
}p.work_consulting_data_ul_p small {
font-family: "Bebas Neue", sans-serif;
font-size: 4rem;
}
.--creative {
color: #2CB081 !important;
text-align: center;
}h2.work_consulting_h2:after {
content: "";
width: 4rem;
height: 2px;
left: 47.8rem;
background: #2CB081;
position: absolute;
bottom: 5rem;
}.work_consulting_data_creative_img {
margin: 0 10rem;
}p.creative_list_p.--creative {
text-align: center;
margin: 4rem 0 0;
line-height: 2;
font-weight: bold;
letter-spacing: 0.2rem;
}
div#culture_top {
margin: 10rem 10rem;
text-align: center;
}h2.culture_top_h2 small {
display: table;
margin: 0 auto 1rem;
color: #fff;
font-weight: bold;
background: #314789;
padding: 0.5rem 4rem;
font-size: 1.8rem;
letter-spacing: 0.2rem;
}h2.culture_top_h2 {
font-weight: bold;
font-size: 4rem;
color: #314789;
}p.culture_p {
font-weight: 500;
margin: 6rem 0;
color: #314789;
line-height: 2;
}
ul.culture_ul li:nth-child(1) {
padding: 6rem 6rem 6rem 10rem;
background: #F3F5F9;
width: 80rem;
}ul.culture_ul li:nth-child(2) {
padding: 6rem 10rem 6rem 6rem;
background: #F3F5F9;
width: 80rem;
margin: 4rem 0 4rem 19rem;
}ul.culture_ul li:nth-child(3) {
padding: 6rem 6rem 6rem 10rem;
background: #F3F5F9;
width: 80rem;
}
h3.culture_ul_h3 {
color: #314789;
font-weight: bold;
font-size: 3rem;
margin-left: -2rem;
margin-bottom: 3rem;
}p.culture_ul_p {
color: #314789;
line-height: 2;
font-size: 1.3rem;
font-weight: 500;
}h3.culture_ul_h3.--margin-none {
margin-left: 0;
}
h2.culture_middle_h2 {
font-weight: bold;
font-size: 3rem;
color: #314789;
text-align: center;
margin: 14rem 10rem 6rem;
}ul.culture_list_ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0 10rem;
background: #314789;
padding: 2rem 2rem 1rem;
}ul.culture_list_ul li {
width: 35rem;
margin: 1rem 1rem 2.5rem;
}
div#nurturing {
margin: 16rem 0;
background: #314789;
padding: 10rem;
}h2.nurturing_h2 {
text-align: center;
font-weight: bold;
font-size: 3rem;
color: #fff;
letter-spacing: 0.2rem;
}ul#nurturing_ul {
margin: 6rem 0;
position: relative;
}ul#nurturing_ul li {
border-left: 1px solid rgb(255 255 255 / 14%);
position: relative;
color: #fff;
margin-left: 20rem;
padding: 4rem 0 4rem 4rem;
}.nurturing {
position: relative;
margin-bottom: 2rem;
}.nurturing:before {
content: "";
position: absolute;
margin-left: -4.6rem;
width: 1rem;
height: 1rem;
background: #314789;
border: 1px solid rgb(255 255 255 / 14%);
border-radius: 10rem;
top: 1rem;
}h3.nurturing_h3 {
width: 24rem;
background: #fff;
text-align: center;
color: #314789;
font-weight: bold;
padding: 0.8rem 0 0.3rem;
font-size: 1.6rem;
font-family: "Bebas Neue", sans-serif;
border-radius: 10rem;
}span.nurturing_type.--new_graduate {
position: absolute;
top: 0.2rem;
margin-left: 26rem;
border-radius: 10rem;
width: 8rem;
text-align: center;
padding: 0.5rem 0;
font-weight: bold;
letter-spacing: 0.1rem;
font-size: 1.4rem;
background: #1b306d;
}span.nurturing_type.--mid_career {
font-weight: bold;
position: absolute;
top: 0.2rem;
margin-left: 35rem;
background: #1b306d;
border-radius: 10rem;
width: 8rem;
text-align: center;
padding: 0.5rem 0;
font-size: 1.4rem;
}span.participate {
font-weight: bold;
display: table;
position: relative;
margin-bottom: 2rem;
letter-spacing: 0.2rem;
font-size: 1.8rem;
}span.participate:before {
content: "";
width: 3rem;
height: 1px;
background: rgb(255 255 255 / 14%);
position: absolute;
top: 1.3rem;
left: -4rem;
}.nurturing_space {
padding: 2rem 0 0;
position: relative;
}p.nurturing_title_img {
width: 30rem;
display: block;
margin: 1rem 0;
}p.nurturing_text {
font-size: 1.2rem;
margin: 2rem 0rem;
line-height: 2;
padding: 1rem 2rem;
border: solid 1px rgb(255 255 255 / 12%);
}p.nurturing_title {
background: #1e3475;
padding: 0.4rem 2rem;
font-weight: bold;
font-size: 1.2rem;
letter-spacing: 0.1rem;
margin-bottom: 0.4rem;
display: inline-block;
}.nurturing_img {
width: 15rem;
height: 15rem;
position: absolute;
left: -22rem;
margin-top: 1.5rem;
border-radius: 0.5rem;
overflow: hidden;
}.nurturing_img img {
width: 15rem;
height: 15rem;
object-fit:cover;
}
li#career_step_space_top {
width: 100%;
height: 50rem;
position: relative;
overflow: hidden;
}.career_step_space_img {
width: 100%;
height: 50rem;
position: relative !important;
overflow: hidden;
}.career_step_space_img img {
object-fit: cover;
width: 100%;
height: 50rem;
}h3.career_step_h3 {
position: absolute;
bottom: 10rem;
left: 10rem;
color: #fff;
font-size: 4rem;
font-family: "Poppins", sans-serif;
letter-spacing: 0.1rem;
}h3.career_step_h3 small {
display: block;
font-size: 1.4rem;
font-weight: bold;
}ul.career_step_ul {
margin: 14rem 10rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}li.career_step_ul_title {
width: 30rem;
position: sticky;
top: 10rem;
}li.career_step_ul_text {
width: 50rem;
}h4.step_title {
font-weight: bold;
color: #2da4c6;
font-size: 2rem;
}span.step_num {
font-family: "Bebas Neue", sans-serif;
font-weight: 500;
display: block;
font-size: 6rem;
}span.step_num small {
margin-right:0.2rem;
font-size: 3rem;
}h4.career_step_ul_text_h4 {
display: table;
margin: 0 0 4rem 0;
background: #2da4c6;
padding: 0.5rem 3rem;
border-radius: 10rem;
color: #fff;
font-weight: bold;
letter-spacing: 0.2rem;
}span.career_step_ul_text_content {
display: block;
position: relative;
padding-left: 2.4rem;
margin: 1rem 0;
font-weight: bold;
color: #2da4c6;
line-height: 1.6;
}span.career_step_ul_text_content:before {
content: "\003007";
position: absolute;
left: 0;
}p.step_p {
margin: 3rem 0;
font-size: 1.2rem;
line-height: 1.6;
}
ul.creative_list_ul {
margin: 2rem 10rem;
text-align: center;
}ul.creative_list_ul li {
background: #2CB081;
display: inline-block;
padding: 1rem 4rem;
color: #fff;
margin: 0.5rem;
font-weight: bold;
font-size: 1.6rem;
}ul.creative_factory {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 10rem;
}ul.creative_factory li {
padding: 4rem 2rem 2rem;
border: solid 1px rgb(44 176 129 / 28%);
width: 25rem;
position: relative;
height: 45rem;
}h3.creative_factory_h3 {
letter-spacing: 0.2rem;
font-weight: bold;
display: block;
color: #2cb081;
text-align: center;
font-size: 1.4rem;
}.creative_factory_img {
width: 12rem;
margin: 2rem auto;
}span.creative_factory_num {
font-family: "Bebas Neue", sans-serif;
font-weight: 500;
position: absolute;
margin: -8rem 0rem 0 -3rem;
font-size: 6rem;
color: #2cb081;
}p.creative_factory_p {
font-size: 1.3rem;
line-height: 1.6;
color: #2CB081;
font-weight: bold;
}
.creative_factory_bottom_p {
margin-bottom: 16rem;
}.--creative_color {
color: #2CB081 !important;
}.--creative_color_bg {
background: #2cb081 !important;
}
ul.people_ul {
margin: 16rem 10rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}ul.people_ul li {
width: 36rem;
position: relative;
}ul.people_ul li:nth-child(even) {
width: 36rem;
position: relative;
margin-top: 6rem;
}ul.people_ul li img {
width: 100%;
height: 48rem;
object-fit: cover;
}h3.people_ul_h3 {
margin: 1rem 0rem;
font-weight: bold;
font-size: 2.4rem;
}p.peple_name {
padding-left: 2rem;
font-size: 1.6rem;
font-weight: bold;
position: relative;
}p.peple_name small {
display: block;
font-size: 1rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
margin: 0.5rem 0 2rem;
}p.peple_name:before {
content: "";
width: 1rem;
height: 1px;
background: #212121;
position: absolute;
top: 1.2rem;
left: 0rem;
}span.position {
position: relative;
font-size: 1.2rem;
display: block;
line-height: 1.4;
}h2.people_h2 {
margin: 16rem 10rem 10rem;
text-align: center;
font-weight: bold;
font-size: 2.4rem;
color: #2e4381;
}
.under_fv_img {
position: relative;
}h3.under_fv_img_h3 {
position: absolute;
top: 22rem;
left: 10rem;
color: #fff;
text-align: left;
font-size: 3rem;
font-weight: bold;
letter-spacing: 0.1rem;
}.under_fv_name {
position: absolute;
text-align: left;
margin: 0;
background-color: #314789;
color: #FFFFFF;
left: 10rem;
bottom: -16rem;
width: 37rem;
padding: 4rem;
}p.under_fv_name_p {
font-size: 2rem;
font-weight: bold;
}p.under_fv_name_p small {
margin-top:0.5rem;
display: block;
font-size: 1rem;
letter-spacing: 0.2rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
}p.under_fv_name_p {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 1rem;
}span.under_fv_name_span {
font-size: 1.2rem;
display: block;
}div#people_detail {
margin: 30rem 0;
}ul.people_detail_ul_top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}ul.people_detail_ul_top li {
width: 46rem;
}ul.people_detail_ul_top li:last-child {
margin-right: 10rem;
width: 36rem;
}h3.people_detail_h3 {
font-weight: bold;
color: #314789;
font-size: 2.4rem;
letter-spacing: 0.2rem;
}p.people_detail_p {
margin: 2rem 0rem 6rem 0;
line-height: 2;
font-size: 1.2rem;
}
ul.people_detail_ul_middle {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row-reverse;
}
ul.people_detail_ul_middle {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row-reverse;
margin: 14rem 0;
}ul.people_detail_ul_middle li {
width: 46rem;
}ul.people_detail_ul_middle li:last-child {
margin-left: 10rem;
width: 36rem;
}.people_detail_bottom {
margin: 0 10rem;
}
ul.people_detail_ul_bottom {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 10rem;
}ul.people_detail_ul_bottom li {
width: 37rem;
}p.people_detail_p_bottom {
margin: 2rem 0rem 0rem 0;
line-height: 2;
font-size: 1.2rem;
}ul.news_detail_ul {
margin: 16rem 10rem;
}ul.news_detail_ul li {
}.news_detail_ul_img {
width: 20rem;
}.news_detail_ul_p {
width: 50rem;
text-align: left;
line-height: 1.6;
padding-right: 8rem;
position: relative;
}.news_detail_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid rgb(49 71 137 / 28%);
padding: 2rem;
}time.news_detail_ul_time {
font-family: "Poppins", sans-serif;
color: #314789;
font-size: 1.2rem;
border-radius: 10rem;
padding: 0.3rem 3rem;
background: #f7f7f7;
margin-bottom: 2rem;
display: table;
font-weight: 500;
}.text_detail {
margin: 4rem 0;
text-align: left;
font-size: 1.2rem;
line-height: 2;
padding: 0 2rem;
}p.news_detail_title {
padding: 2rem;
background: #F3F5F9;
border-left: 5px solid #314789;
color: #314789;
font-weight: 500;
}p.newss_detail_text {
margin-top: 4rem;
}
.detail_plus {
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
right: 0rem;
top: 5rem;
}
.news_detail_ul_plus,
.news_detail_ul_minus {
position: absolute;
background: #314789;
transition: transform 0.3s;
}.news_detail_ul_plus {
top: 50%;
left: 0;
right: 0;
height: 1px;
transform: translateY(-50%);
}.news_detail_ul_minus {
top: 0;
bottom: 0;
left: 50%;
width: 1px;
transform: translateX(-50%);
}.news_detail_list.--detail {
cursor: pointer;
}.detail_plus.open .news_detail_ul_minus {
transform: translateX(-50%) rotate(90deg);
}.text_detail {
display: none;
}
h3.entry_h3 {
margin: 16rem 10rem 0rem;
text-align: center;
font-weight: bold;
font-size: 2.4rem;
color: #2e4381;
}ul.entry_ul {
margin: 10rem;
}ul.entry_ul li {
display: flex;
justify-content: flex-start;
align-items: center;
}p.entry_p_title {
width: 24rem;
}p.entry_p_text {
width: 56rem;
line-height: 2;
}
ul.entry_ul li {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 2rem;
margin: 1rem;
border-bottom: 1px solid #e3e3e3;
}p.entry_p_title {
font-weight: 500;
letter-spacing: 0.2rem;
}
ul.entry_form {
margin: 0 10rem;
}li.entry_form_title_li {
position: relative;
padding: 1rem 1rem 1rem 6rem !important;
font-weight: bold;
letter-spacing: 0.1rem;
}span.required {
background-color: #db2121;
color: #fff;
font-size: 1.1rem;
padding: 0.2rem 0.8rem;
position: absolute;
left: 0;
}input.text {
background: #f4f4f4;
border: none;
padding: 2rem;
width: 24rem;
margin-right: 1rem;
}ul.entry_form li {
padding: 1rem 1rem 4rem 0rem;
}select.select {
background: #f4f4f4;
border: none;
padding: 2rem;
width: 14rem;
margin-right: 1rem;
}select.select.--margin-left {
margin-left: 1rem;
}input.radio {
margin-right: 0.5rem;
}ul.entry_form li label {
padding: 0 1rem;
cursor: pointer;
}input.text2 {
background: #f4f4f4;
border: none;
padding: 2rem;
width: 74.5rem;
}input.submit {
background-color: #314789;
border: none;
color: #fff;
width: 28rem;
font-size: 1.4rem;
font-weight: 500;
padding: 2rem;
margin: 4rem auto 20rem;
display: table;
cursor: pointer;
letter-spacing: 0.1rem;
}
}
@media screen and (max-width: 969px){
div#other_consulting {
margin: 0 1.5rem;
}.other_consulting {
margin: 4rem 0;
}h2.other_consulting_h2 {
background: #2da4c6;
font-weight: bold;
padding: 1rem 2rem;
color: #fff;
letter-spacing: 0.2rem;
}p.other_consulting_p {
margin: 4rem 0;
line-height: 2;
font-size: 1.1rem;
}
h3.under_fv_img_h3 br {
display: none;
}
a.work_consulting_a.--color_main {
background-color: rgb(49 71 137) !important;
}a.work_creative_a.--color_black {
background-color: rgb(0 0 0) !important;
}
.news_detail_img {
margin: 2rem auto;
}
div#achievement {
background-color: #f3f5f9;
margin: 4rem 1.5rem 10rem;
padding: 1.5rem;
}h2.achievement_h2 {
line-height: 1.2;
font-size: 2rem;
font-weight: bold;
color: #314789;
text-align: center;
}ul.achievement_ul {
margin: 2rem 0 0;
line-height: 1.6;
}ul.achievement_ul li {
padding: 0.5rem 0;
padding-left: 2.5rem;
font-weight: 500;
position: relative;
font-size: 1.1rem;
}ul.achievement_ul li:before {
content: "\003007";
position: absolute;
left: 0.5rem;
}
h3.under_fv_img_h3.--right_text {
right: 1.5rem;
text-align: right;
left: 8rem;
}
.panelactive {
display: block !important;
position: fixed;
z-index: 0;
background: #fff;
top: 0;
left: 0;
height: 100vh;
width: 100%;
}
.openbtn {
background: linear-gradient(90deg, rgb(49 71 137 / 73%), rgb(49 71 137 / 73%));
width: 3rem;
height: 3rem;
margin-right: 1rem;
cursor: pointer;
padding: 0.4rem 0;
position: absolute;
z-index: 99;
right: 0rem;
}.openbtn span {
transition: all 0.4s ease;
background: #fff;
width: 2.4rem;
height: 1px;
display: block;
margin: 0.5rem 0.3rem;
}.openbtn span:nth-of-type(1) {
top: 0.9rem;
}.openbtn span:nth-of-type(2) {
top: 1.4rem;
}.openbtn span:nth-of-type(3) {
top: 1.9rem;
}.openbtn.active span:nth-of-type(1) {
margin-top: 0.5rem;
position: fixed;
transform: translateY(6px) rotate(-45deg);
width: 2.4rem;
top: 1.1rem;
}.openbtn.active span:nth-of-type(2) {
opacity: 0;
}.openbtn.active span:nth-of-type(3){
top: 1.4rem;
position: fixed;
transform: translateY(0.05rem) rotate(45deg);
width: 2.4rem;
}
a:hover {
transition: opacity 0.4s ease;
opacity: 0.9;
}
span.link {
width: 1.5rem;
display: block;
position: absolute;
right: 1rem;
top: 1.5rem;
}span.link {
width: 1.5rem;
display: block;
position: absolute;
right: 1rem;
top: 1.2rem;
}span.--work_link {
width: 1.5rem;
display: block;
position: absolute;
right: 2rem;
top: 1.2rem;
}
.fadein-target {
filter: blur(0.1rem);
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
}
.fadein {
opacity: 1 !important;
filter: blur(0) !important;
transform: translateY(0) !important; /* 正位置に戻る */
}
:root {
font-size: 3.24vw;
}
body {
color: #212121;
background: #fff;
font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
font-size: 1.2rem;
line-height: 1.4;
background-size: cover;
width: 100%;
height: 100vh;
background-position: center;
background-attachment: fixed;
}header {
transition: background-color 0.2s ease, box-shadow 0.2s ease;
z-index: 100;
position: fixed;
padding: 0.5rem 1rem;
width: 100%;
top: 0;
}header.scrolled {
background-color: rgb(255 255 255 / 40%);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}h1#l-header__logo {
width: 8rem;
}h1#l-header__logo a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-indent: 101%;
text-align: left;
background-image: url(../img/l-header__logo.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}div#l-siteNavi {
display: none;
}ul#l-siteNavi__ul {
padding: 10vh 0;
}ul#l-siteNavi__ul li {
display: block;
color: #000000;
text-decoration: none;
opacity: 1;
transition: all .5s ease;
padding: 1.4rem 0;
}ul#l-siteNavi__ul li a {
padding: 0rem 1.3rem 0;
text-decoration: none;
color: #000;
text-align: center;
display: block;
}span.l-siteNavi__ul__item__en {
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 0.8rem;
letter-spacing: 0.1rem;
display: block;
}span.l-siteNavi__ul__item__ja {
display: block;
text-align: center;
line-height: 1;
font-size: 1rem;
}div#l-entryButton a {
display: block;
background-color: #314789;
color: #FFFFFF;
text-decoration: none;
transition: all .5s ease;
padding: 1rem 2.4rem;
}div#l-entryButton a:hover {
display: block;
background-color: #576ba5;
color: #FFFFFF;
text-decoration: none;
transition: all .5s ease;
padding: 1rem 2.4rem;
}div#l-entryButton {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
div#fv {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
}h2.fv_h2 {
text-align: center;
position: absolute;
z-index: 99;
color: #fff;
font-weight: bold;
font-size: 2.5rem;
bottom: 42vh;
left: 1rem;
line-height: 1.4;
text-shadow: 0 0 20px rgb(0 0 0 / 50%);
letter-spacing: 0.4rem;
}div#fv_img {
}ul.fv_img_left {
overflow: hidden;
height: 60vh;
}ul.fv_img_right {
height: 40vh;
overflow: hidden;
}.fv_img_left_top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}.fv_img_left_top_img {
overflow: hidden;
width: 50%;
height: 30vh;
position: relative;
}.fv_img_left_bottom {
overflow: hidden;
width: 100%;
height: 30vh;
}.fv_img_left_top_img img {
width: 100%;
height: 30vh;
object-fit: cover;
}.fv_img_left_bottom img {
width: 100%;
height: 40vh;
object-fit: cover;
}ul.fv_img_right img {
height: 40vh;
object-fit: cover;
}
.fv_img_left_top_img,
.fv_img_left_bottom_img,
.fv_img_right li {
position: relative;
}
div#top_next_leaders {
padding: 4rem 2rem;
}.next_leaders_word {
}ul.top_next_leaders_ul {
padding: 2rem 0 0;
}li.top_next_leaders_img {
}ul.top_next_leaders_ul li {
}h2.top_next_leaders_h2 {
font-weight: bold;
font-size: 1.6rem;
line-height: 1.6;
margin: 2rem 0
}p.top_next_leaders_p {
margin: 2rem 0;
line-height: 2;
}
a.hover_link {
position: relative;
font-family: "Poppins", sans-serif;
text-decoration: none;
font-size: 1.4rem;
letter-spacing: 0.2rem;
border: solid 1px #314789;
background-color: #314789;
color: #fff;
text-align: center;
display: block;
padding: 1rem 0 0.8rem;
font-weight: 500;
overflow: hidden;
}
div#top_concept {
background: #314789;
color: #fff;
}br.sp_none {
display: none;
}ul.top_concept {
}li.copt_concept_left {
padding: 2em;
}li.copt_concept_right {
}h2.top_concept_h2 {
font-weight: bold;
line-height: 1.8;
font-size: 1.6rem;
}p.top_concept_p {
margin: 2rem 0rem 0 0;
line-height: 2;
}li.copt_concept_right img {
object-fit: cover;
}
h3.top_business_text_h3 {
font-size: 2rem;
font-weight: bold;
position: relative;
z-index: 1;
color: #fff;
}h3.top_business_text_h3 small {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 1.6rem;
display: block;
margin-bottom: 2rem;
border: solid 1px;
padding: 0 6rem;
border-radius: 10rem;
text-align: center;
}h3.top_business_text_h3 small span {
font-size: 2.4rem;
margin-left: 0.4rem;
}h3.top_business_text_h3 br {
display:none;
}
#top_business {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}#top_business li {
position: sticky;
top: 0;
overflow: hidden;
}.top_business_img {
height: 100vh;
position: relative;
}.top_business_img img {
width: 100%;
display: block;
height: 100vh;
}.top_business_text {
position: absolute;
left: 0;
bottom: 20vh;
opacity: 1;
transform-origin: bottom center;
line-height: 1.4;
padding: 0 1.5rem;
}.top_business_img,
.top_business_text {
opacity: 0;
transition: all 2s ease;
}
.top_business_img {
transform: scale(1.1);
}.inview .top_business_img {
opacity: 1;
transform: scale(1.0);
}.inview .top_business_text {
opacity: 1;
}
div#ceo_message {
background: #48a1cd;
position: relative;
}.ceo_message_img {
position: sticky;
top: 0;
width: 100%;
height: 100vh;
overflow: hidden;
}.ceo_message_img img {
object-fit:cover;
width: 100%;
height: 100vh;
}.ceo_message_text {
color: #fff;
position: relative;
z-index: 1;
height: auto;
padding-bottom: 2rem;
}h2.ceo_message_h2 {
font-family: "Noto Serif JP", serif;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
height: 50vh;
margin-top: -50vh;
}h2.ceo_message_h2 small {
font-size: 3.2rem;
display: block;
margin-bottom: 2rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.2rem;
}p.ceo_message_p {
line-height: 2;
margin-bottom: 6rem;
}.ceo_message_img.blur img {
opacity: 0.3;
filter: blur(10px);
transition: opacity 2s ease, filter 2s ease-out;
}
ul.message_ul {
margin: 0rem 1.5rem;
font-family: "Noto Serif JP", serif;
}ul.message_ul li {
}li.message_ul_img_li {
margin-bottom: 4rem;
}h3.message_ul_h3 {
font-size: 2rem;
font-weight: 500;
margin-bottom: 4rem;
padding-bottom: 2rem;
position: relative;
}h3.message_ul_h3:after {
content: "";
width: 6rem;
height: 1px;
background: #fff;
position: absolute;
left: 0.5rem;
bottom: 0;
}ul.message_ul.--reverse {
flex-direction: row-reverse;
}img.bottom_margin_img {
margin-bottom: 1.5rem;
}span.ceo_message_span {
display: block;
margin-top: 4rem;
text-align: right;
}.message_middle_img {
background: #000;
position: relative;
margin-bottom: 18rem;
}.message_middle_img img {
display: block;
overflow: hidden;
}h3.message_middle_img_h3 {
font-family: "Noto Serif JP", serif;
position: absolute;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.8;
width: 100%;
top: 13rem;
z-index: 1;
padding: 0 1.5rem;
letter-spacing: 0.2rem;
}
div#youtube {
text-align: center;
padding: 1.5rem 1.5rem 1rem;
background: #314789;
}div#youtube iframe {
width: 100%;
height: 16rem;
}
ul#slide {
padding: 4rem 0;
}.slide_img {
width: 100%;
height: 24rem;
overflow: hidden;
border-radius: 1rem;
}.slide_img img {
width: 100%;
height: 24rem;
object-fit: cover;
}.slide_img.--creative_img {
height: 40rem;
}.slide_img.--creative_img img {
height: 40rem;
}ul#slide li {
padding: 0 1rem;
}p.slide_p {
margin: 1rem 0 0;
font-weight: 500;
}
div#news_content {
padding: 4rem 1.5rem;
}h2.news_content {
font-size: 2rem;
display: block;
margin-bottom: 2rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.2rem;
text-align: center;
color: #314789;
}ul.news_content li {
padding: 2rem 0;
border-bottom: 1px solid;
color: #314789;
}time.news_date {
display: block;
font-family: "Poppins", sans-serif;
}p.news_title {
line-height: 1.8;
margin: 0.5rem 0;
}p.news_title a {
text-decoration: none;
color: #314789;
}
ul.know_more_ul {
margin: 2rem 1.5rem 0;
color: #314789;
}ul.know_more_ul li {
background: #fff;
margin-bottom: 1rem;
}p.know_more_ul_p {
padding: 1rem 0;
}p.know_more_ul_p {
font-family: "Poppins", sans-serif;
font-size: 2rem;
font-weight: 500;
}p.know_more_ul_p small {
display: block;
font-size: 1.2rem;
}a.know_more_a {
color: #314789;
text-decoration: none;
}div#bottom_entry {
margin: 6rem 0 0;
position: relative;
}.bottom_entry_space {
color: #314789;
padding: 2rem 1.5rem;
}h3.bottom_entry_h3 small {
display: block;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 1.6rem;
margin-bottom: 2rem;
}h3.bottom_entry_h3 {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.2;
text-align: center;
}h3.bottom_entry_h3 rt {
font-size: 1.2rem;
margin-bottom: 0.4rem;
letter-spacing: 0;
padding-left: 0.1rem;
}h3.bottom_entry_h3 ruby:before {
content: "\00300c";
margin-left: -2rem;
}h3.bottom_entry_h3 ruby:after {
content: "\00300d";
margin-left: 0.8rem;
margin-right: -0.8rem;
}h3.bottom_entry_h3 br {
display: none;
}a.entry_new_tab {
position: relative;
display: block;
margin-top: 2rem;
padding: 1rem 2rem;
text-decoration: none;
color: #fff;
background: #314789;
letter-spacing: 0.3rem;
font-size: 1.4rem;
}a.entry_mid_tab {
position: relative;
display: block;
margin-top: 1rem;
padding: 1rem 2rem;
text-decoration: none;
color: #fff;
background: #000;
letter-spacing: 0.3rem;
font-size: 1.4rem;
}p.footer_copy {
font-family: "Poppins", sans-serif;
font-size: 1rem;
text-align: center;
padding: 2rem 0 8rem;
}
div#under_fv {
margin: 6rem 0 0;
text-align: center;
}h2.under_fv {
text-align: center;
font-weight: bold;
font-size: 2rem;
margin-bottom: 4rem;
}h2.under_fv small {
font-family: "Poppins", sans-serif;
font-size: 1.2rem;
text-align: center;
padding: 0.5rem 0 0;
display: block;
letter-spacing: 0.1rem;
}
.under_contetnts_data {
margin: 6rem 0 0;
}h2.under_contetnts_data_h2 {
text-align: center;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 2rem;
color: #2e4381;
}ul.under_contetnts_data_ul {
margin: 0 1.5rem;
}ul.under_contetnts_data_ul li {
background-color: #F3F5F9;
padding: 1.5rem 1rem;
margin-bottom: 2rem;
}h3.under_contetnts_data_h3 {
text-align: center;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 2rem;
color: #2e4381;
}.under_contetnts_data_ul_box {
display: flex;
justify-content: center;
align-items: flex-start;
}.under_contetnts_data_ul_icon {
width: 10rem;
margin: 0 auto;
}.under_contetnts_data_ul_text {
width: 14rem;
font-weight: 500;
font-size: 5rem;
margin-bottom: 2rem;
color: #2e4381;
line-height: 1.2;
text-align: center;
}span.under_contetnts_data_num {
font-family: "Bebas Neue", sans-serif;
}span.under_contetnts_data_num small {
font-size: 1.4rem;
margin: 0 0.5rem;
}p.under_contetnts_data_p {
text-align: center;
font-weight: bold;
color: #2e4381;
margin-top: 2rem;
}.under_contetnts_data_ul_icon.--ic_1 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_2 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_3 {
width: 4.4rem;
}.under_contetnts_data_ul_icon.--ic_4 {
width: 5.5rem;
}.under_contetnts_data_ul_icon.--ic_5 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_6 {
width: 7rem;
}.under_contetnts_data_ul_icon.--ic_7 {
width: 7rem;
}.under_contetnts_data_ul_icon.--ic_8 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_9 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_10 {
width: 5rem;
margin: 0 auto;
}.under_contetnts_data_ul_icon.--ic_11 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_12 {
width: 8rem;
}.under_contetnts_data_ul_icon.--ic_13 {
width: 7rem;
}.under_contetnts_data_ul_icon.--ic_16 {
width: 7rem;
}.under_contetnts_data_ul_icon.--ic_17 {
width: 7rem;
}
.data_middle_img {
margin: 10rem 0 0;
}
ul.work_consulting_bt {
margin: 4rem 1.5rem;
}a.work_consulting_a {
letter-spacing: 0.1rem;
background-color: rgb(45, 164, 198);
color: #fff;
text-decoration: none;
padding: 1rem 4rem;
margin: 0 0rem 1rem;
position: relative;
overflow: hidden;
font-size: 1.2rem;
display: block;
text-align: center;
}a.work_creative_a {
letter-spacing: 0.1rem;
background-color: rgb(44, 176, 129);
color: #fff;
text-decoration: none;
padding: 1rem 4rem;
margin: 0 0rem 1rem;
position: relative;
overflow: hidden;
font-size: 1.2rem;
display: block;
text-align: center;
}
div#work_consulting {
margin: 6rem 0 0;
}.work_consulting_data {
margin: 4rem 0;
}h2.work_consulting_h2 {
font-family: "Poppins", sans-serif;
font-size: 2.4rem;
text-align: center;
font-weight: 500;
color: #2da4c6;
margin-bottom: 6rem;
padding-bottom: 0rem;
position: relative;
letter-spacing: 0.2rem;
}h2.work_consulting_h2 small {
display: block;
font-size: 1.2rem;
}h2.work_consulting_h2:after {
content: "";
width: 4rem;
height: 2px;
left: 48rem;
background: #2da4c6 !important;
position: absolute;
bottom: 5rem;
}h2.work_consulting_h2.--creative:after {
content: "";
width: 4rem;
height: 2px;
left: 13.5rem;
background: #2CB081 !important;
position: absolute;
bottom: -2rem;
}h3.work_consulting_h3 {
font-size: 2.4rem;
font-weight: bold;
color: #2da4c6;
margin: 0 1.4rem 6rem;
text-align: center;
}h3.work_consulting_h3 small {
display: block;
font-size: 1.4rem;
padding-left: 0.5rem;
margin-top: 1rem;
}span.number {
font-family: "Bebas Neue", sans-serif;
font-weight: 500;
font-size: 6rem;
margin: 0 0.4rem;
line-height: 1;
}ul.work_consulting_data_ul_img {
margin: 2rem 1.5rem;
}ul.work_consulting_data_ul_img li:first-child {
}ul.work_consulting_data_ul_img li:last-child {
margin-top: 2rem;
}ul.work_consulting_data_ul_img li img {
object-fit: cover;
}p.work_consulting_data_p {
line-height: 2;
font-weight: 500;
margin: 2rem 1.5rem 0;
}p.work_consulting_data_p_list.--first-p_text {
margin: 4rem 1.5rem 0;
background: #2da4c6;
display: block;
padding: 1rem;
font-size: 1rem;
letter-spacing: 0.1rem;
color: #fff;
font-weight: 500;
}p.work_consulting_data_p_list.--sec-p_text {
margin: 1rem 1.5rem 0;
background: #2da4c6;
display: block;
padding: 1rem;
font-size: 1rem;
letter-spacing: 0.1rem;
color: #fff;
font-weight: 500;
}p.work_consulting_data_p_list.--third-p_text {
margin: 1rem 1.5rem 0;
background: #2da4c6;
display: block;
padding: 1rem;
font-size: 1rem;
letter-spacing: 0.1rem;
color: #fff;
font-weight: 500;
}h3.work_consulting_h3.--center {
margin: 4rem 0 4rem;
text-align: center;
font-size: 2rem;
}ul.work_consulting_data_ul {
margin: 0 1.5rem;
}ul.work_consulting_data_ul li {
padding: 2rem;
text-align: center;
margin: 0 1rem 2rem;
border: solid 1px #2da4c6;
}h4.work_consulting_data_ul_h4 {
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.2rem;
}p.work_consulting_data_ul_p {
font-family: "Bebas Neue", sans-serif;
font-size: 6rem;
line-height: 1;
margin-top: 1rem;
color: #2da4c6;
}p.work_consulting_data_ul_p small {
font-family: "Bebas Neue", sans-serif;
font-size: 4rem;
}
.--creative {
color: #2CB081 !important;
text-align: center;
}h2.work_consulting_h2:after {
content: "";
width: 4rem;
height: 2px;
left: 13.5rem;
background: #2CB081;
position: absolute;
bottom: -2rem;
}.work_consulting_data_creative_img {
margin: 0 0rem;
}p.creative_list_p.--creative {
text-align: left;
margin: 4rem 1.5rem 0;
line-height: 2;
font-weight: bold;
}
div#culture_top {
margin: 5rem 1.5rem;
text-align: center;
}h2.culture_top_h2 small {
display: block;
margin: 0 auto 1rem;
color: #fff;
font-weight: bold;
background: #314789;
padding: 1rem 1.5rem;
font-size: 1.2rem;
letter-spacing: 0.2rem;
}h2.culture_top_h2 {
font-weight: bold;
font-size: 2rem;
color: #314789;
}p.culture_p {
font-weight: 500;
margin: 4rem 0;
color: #314789;
line-height: 2;
text-align: left;
}
ul.culture_ul li:nth-child(1) {
padding: 3rem 1.5rem 3rem 1.5rem;
background: #F3F5F9;
}ul.culture_ul li:nth-child(2) {
padding: 3rem 1.5rem 3rem 1.5rem;
background: #F3F5F9;
}ul.culture_ul li:nth-child(3) {
padding: 3rem 1.5rem 3rem 1.5rem;
background: #F3F5F9;
}
h3.culture_ul_h3 {
color: #314789;
font-weight: bold;
font-size: 1.4rem;
margin-left: 0rem;
margin-bottom: 2rem;
}p.culture_ul_p {
color: #314789;
line-height: 2;
font-size: 1.2rem;
font-weight: 500;
}h3.culture_ul_h3.--margin-none {
margin-left: 0;
}
h2.culture_middle_h2 {
font-weight: bold;
font-size: 2rem;
color: #314789;
text-align: center;
margin: 4rem 1.5rem 4rem;
}ul.culture_list_ul {
margin: 0 1rem;
background: #314789;
padding: 1rem 1rem 1rem;
}ul.culture_list_ul li {
margin: 1rem 0.5rem 1.5rem;
}ul.culture_list_ul li:last-child {
margin: 1rem 0.5rem 1rem;
}
div#nurturing {
margin: 4rem 0;
background: #314789;
padding: 2rem 0rem;
}h2.nurturing_h2 {
text-align: center;
font-weight: bold;
font-size: 1.4rem;
color: #fff;
letter-spacing: 0.2rem;
}ul#nurturing_ul {
margin: 2rem 0;
position: relative;
overflow: hidden;
}ul#nurturing_ul li {
border-left: 1px solid rgb(255 255 255 / 14%);
position: relative;
color: #fff;
margin-left: 8rem;
padding: 2rem 1rem;
}.nurturing {
position: relative;
margin-bottom: 2rem;
}.nurturing:before {
content: "";
position: absolute;
margin-left: -1.6rem;
width: 1rem;
height: 1rem;
background: #314789;
border: 1px solid rgb(255 255 255 / 14%);
border-radius: 10rem;
top: 0.7rem;
}h3.nurturing_h3 {
background: #fff;
text-align: center;
color: #314789;
font-weight: bold;
padding: 0.4rem 0 0.2rem;
font-size: 1.2rem;
font-family: "Bebas Neue", sans-serif;
border-radius: 10rem;
}span.nurturing_type.--new_graduate {
position: absolute;
top: 0.2rem;
margin-left: 26rem;
border-radius: 10rem;
width: 8rem;
text-align: center;
padding: 0.5rem 0;
font-weight: bold;
letter-spacing: 0.1rem;
font-size: 1.4rem;
background: #1b306d;
}span.nurturing_type.--mid_career {
font-weight: bold;
position: absolute;
top: 0.2rem;
margin-left: 35rem;
background: #1b306d;
border-radius: 10rem;
width: 8rem;
text-align: center;
padding: 0.5rem 0;
font-size: 1.4rem;
}span.participate {
font-weight: bold;
display: table;
position: relative;
margin-bottom: 1rem;
letter-spacing: 0.2rem;
font-size: 1.2rem;
}span.participate:before {
content: "";
width: 3rem;
height: 1px;
background: rgb(255 255 255 / 14%);
position: absolute;
top: 1rem;
left: -4rem;
}.nurturing_space {
padding: 2rem 0 0;
position: relative;
}p.nurturing_title_img {
width: 30rem;
display: block;
margin: 1rem 0;
}p.nurturing_text {
font-size: 1.2rem;
margin: 2rem 0rem;
line-height: 2;
padding: 1rem 2rem;
border: solid 1px rgb(255 255 255 / 12%);
}p.nurturing_title {
background: #1e3475;
padding: 0.4rem 2rem;
font-weight: bold;
font-size: 1.2rem;
letter-spacing: 0.1rem;
margin-bottom: 0.4rem;
display: inline-block;
}.nurturing_img {
width: 7rem;
height: 7rem;
position: absolute;
left: -9rem;
margin-top: -3rem;
border-radius: 0;
overflow: hidden;
z-index: 10;
}.nurturing_img img {
width: 7rem;
height: 7rem;
object-fit:cover;
}
li#career_step_space_top {
width: 100%;
height: 50rem;
position: relative;
overflow: hidden;
}.career_step_space_img {
width: 100%;
height: 30rem;
position: relative !important;
overflow: hidden;
}.career_step_space_img img {
object-fit: cover;
width: 100%;
height: 30rem;
}h3.career_step_h3 {
position: absolute;
bottom: 2rem;
left: 2rem;
color: #fff;
font-size: 3rem;
font-family: "Poppins", sans-serif;
letter-spacing: 0.1rem;
}h3.career_step_h3 small {
display: block;
font-size: 1.2rem;
font-weight: bold;
}ul.career_step_ul {
margin: 4rem 1.5rem;
}h4.step_title {
font-weight: bold;
color: #2da4c6;
font-size: 2rem;
text-align: center;
line-height: 1;
}span.step_num {
font-family: "Bebas Neue", sans-serif;
font-weight: 500;
font-size: 4rem;
display: block;
}span.step_num small {
margin-right:0.2rem;
font-size: 2rem;
}h4.career_step_ul_text_h4 {
margin: 3rem 0 2rem 0;
background: #2da4c6;
padding: 0.5rem 3rem;
border-radius: 10rem;
color: #fff;
font-weight: bold;
letter-spacing: 0.2rem;
display: block;
text-align: center;
}span.career_step_ul_text_content {
display: block;
position: relative;
padding-left: 2.4rem;
margin: 1rem 0;
font-weight: bold;
color: #2da4c6;
line-height: 1.4;
font-size: 1.1rem;
}span.career_step_ul_text_content:before {
content: "\003007";
position: absolute;
left: 0;
}p.step_p {
margin: 3rem 0;
font-size: 1.2rem;
line-height: 1.6;
}
ul.creative_list_ul {
margin: 2rem 1.5rem;
text-align: center;
}ul.creative_list_ul li {
background: #2CB081;
display: block;
padding: 1rem 1rem;
color: #fff;
margin: 0.5rem;
font-weight: bold;
font-size: 1.2rem;
}ul.creative_factory {
margin: 5rem 1.5rem;
}ul.creative_factory li {
margin-bottom:4rem;
padding: 4rem 2rem 2rem;
border: solid 1px rgb(44 176 129 / 28%);
position: relative;
}h3.creative_factory_h3 {
letter-spacing: 0.2rem;
font-weight: bold;
display: block;
color: #2cb081;
text-align: center;
font-size: 1.4rem;
}.creative_factory_img {
width: 12rem;
margin: 2rem auto;
}span.creative_factory_num {
font-family: "Bebas Neue", sans-serif;
font-weight: 500;
position: absolute;
margin: -8rem 0rem 0 -1rem;
font-size: 6rem;
color: #2cb081;
}p.creative_factory_p {
font-size: 1.3rem;
line-height: 1.6;
color: #2CB081;
font-weight: bold;
}
.creative_factory_bottom_p {
margin-bottom: 16rem;
}.--creative_color {
color: #2CB081 !important;
}.--creative_color_bg {
background: #2cb081 !important;
}
ul.people_ul {
margin: 6rem 1.5rem;
}ul.people_ul li {
margin-top: 2rem;
position: relative;
}ul.people_ul li:nth-child(even) {
position: relative;
margin-top: 2rem;
}ul.people_ul li img {
width: 100%;
object-fit: cover;
}h3.people_ul_h3 {
margin: 1rem 0rem;
font-weight: bold;
font-size: 1.6rem;
}p.peple_name {
padding-left: 2rem;
font-size: 1.6rem;
font-weight: bold;
position: relative;
}p.peple_name small {
display: block;
font-size: 1rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
margin: 0.5rem 0 2rem;
}p.peple_name:before {
content: "";
width: 1rem;
height: 1px;
background: #212121;
position: absolute;
top: 1.2rem;
left: 0rem;
}span.position {
position: relative;
font-size: 1rem;
display: block;
line-height: 1.4;
}h2.people_h2 {
margin: 4rem 1.5rem 4rem;
text-align: center;
font-weight: bold;
font-size: 2.4rem;
color: #2e4381;
}
.under_fv_img {
position: relative;
overflow: hidden;
}.under_fv_img img {
width: 100%;
height: 16rem;
overflow: hidden;
object-fit: cover;
}h3.under_fv_img_h3 {
position: absolute;
top: 5rem;
left: 2rem;
color: #fff;
text-align: left;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: 0.1rem;
width: 20rem;
}h3.under_fv_img_h3 br {
display: none;
}.under_fv_name {
text-align: left;
margin: 0;
background-color: #314789;
color: #FFFFFF;
padding: 2rem;
}p.under_fv_name_p {
font-size: 2rem;
font-weight: bold;
}p.under_fv_name_p small {
margin-top: 0.2rem;
display: block;
font-size: 1rem;
letter-spacing: 0.2rem;
font-family: "Poppins", sans-serif;
font-weight: 500;
}p.under_fv_name_p {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}span.under_fv_name_span {
font-size: 1rem;
display: block;
}div#people_detail {
margin: 4rem 0;
}ul.people_detail_ul_top {
margin: 0 1.5rem;
}ul.people_detail_ul_top li {
}ul.people_detail_ul_top li:last-child {
margin-top: 2rem;
}h3.people_detail_h3 {
font-weight: bold;
color: #314789;
font-size: 2rem;
letter-spacing: 0.2rem;
}p.people_detail_p {
margin: 2rem 0rem 2rem 0;
line-height: 1.6;
font-size: 1.1rem;
}
ul.people_detail_ul_middle {
}
ul.people_detail_ul_middle {
margin: 4rem 0;
}ul.people_detail_ul_middle li {
margin: 0 1.5rem 2rem;
}ul.people_detail_ul_middle li:last-child {
}.people_detail_bottom {
margin: 0 1.5rem;
}
ul.people_detail_ul_bottom {
margin: 0 1.5rem;
}ul.people_detail_ul_bottom li {
margin: 2rem 0;
}p.people_detail_p_bottom {
margin: 2rem 0rem 0rem 0;
line-height: 1.6;
font-size: 1.2rem;
}ul.news_detail_ul {
margin: 6rem 1.5rem;
}ul.news_detail_ul li {
}.news_detail_ul_img {
width: 10rem;
}.news_detail_ul_p {
width: 14rem;
text-align: left;
line-height: 1.6;
position: relative;
font-size: 1.1rem;
}.news_detail_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid rgb(49 71 137 / 28%);
padding: 1rem;
}time.news_detail_ul_time {
font-family: "Poppins", sans-serif;
color: #314789;
font-size: 1rem;
border-radius: 10rem;
padding: 0.3rem 2rem;
background: #f7f7f7;
margin-bottom: 1rem;
display: table;
font-weight: 500;
}.text_detail {
margin: 2rem 0;
text-align: left;
font-size: 1.2rem;
line-height: 1.6;
padding: 0 0rem;
}p.news_detail_title {
padding: 1rem;
background: #F3F5F9;
border-left: 5px solid #314789;
color: #314789;
font-weight: 500;
}p.newss_detail_text {
margin-top: 2rem;
font-size: 1.1rem;
}
.detail_plus {
position: absolute;
width: 16px;
height: 16px;
cursor: pointer;
right: -1rem;
top: 0.5rem;
}
.news_detail_ul_plus,
.news_detail_ul_minus {
position: absolute;
background: #314789;
transition: transform 0.3s;
}.news_detail_ul_plus {
top: 50%;
left: 0;
right: 0;
height: 1px;
transform: translateY(-50%);
}.news_detail_ul_minus {
top: 0;
bottom: 0;
left: 50%;
width: 1px;
transform: translateX(-50%);
}.news_detail_list.--detail {
cursor: pointer;
}.detail_plus.open .news_detail_ul_minus {
transform: translateX(-50%) rotate(90deg);
}.text_detail {
display: none;
}
h3.entry_h3 {
margin: 6rem 1.5rem 0rem;
text-align: center;
font-weight: bold;
font-size: 1.4rem;
color: #2e4381;
}ul.entry_ul {
margin: 1.5rem;
}ul.entry_ul li {
}p.entry_p_title {
}p.entry_p_text {
}
ul.entry_ul li {
padding: 1rem 0;
margin: 1rem 0;
border-bottom: 1px solid #e3e3e3;
}p.entry_p_title {
font-weight: 500;
letter-spacing: 0.2rem;
margin-bottom: 0.5rem;
}
ul.entry_form {
margin: 0 1.5rem;
}li.entry_form_title_li {
position: relative;
padding: 1rem 1rem 1rem 6rem !important;
font-weight: bold;
letter-spacing: 0.1rem;
}span.required {
background-color: #db2121;
color: #fff;
font-size: 1.1rem;
padding: 0.2rem 0.8rem;
position: absolute;
left: 0;
}input.text {
background: #f4f4f4;
border: none;
padding: 1rem;
display: block;
width: 100%;
margin-bottom: 1rem;
}ul.entry_form li {
padding: 1rem 1rem 4rem 0rem;
}select.select {
background: #f4f4f4;
border: none;
padding: 1rem;
width: 24rem;
margin-right: 1rem;
margin-bottom: 1rem;
}select.select.--margin-left {
margin-left: 0rem;
}input.radio {
margin-right: 0.5rem;
}ul.entry_form li label {
padding: 0 1rem;
cursor: pointer;
}input.text2 {
background: #f4f4f4;
border: none;
padding: 1rem;
width: 100%;
}input.submit {
background-color: #314789;
border: none;
color: #fff;
width: 27rem;
font-size: 1.2rem;
font-weight: 500;
padding: 1rem;
margin: 4rem 1.5rem 20rem;
display: table;
cursor: pointer;
letter-spacing: 0.1rem;
}
}