html {
line-height: 1.15; -webkit-text-size-adjust: 100%; overflow-x:hidden;
}  body {
margin: 0;
overflow-x:hidden;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}body {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
background-color: #F4F4F0;
}
ul {
margin: 0;
padding: 0;
}
header {
height: 68px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
position: fixed;
top: 0;
z-index: 999;
width: 100%;
}
header img {
padding: 10px 20px;
}
.h_r a {
margin-right: 50px;
text-decoration: none;
color: #231815;
font-weight: bold;
}
.h_r a {
display: inline-block;
position: relative;
cursor: pointer
}
.h_r a::after {
content: '';
position: absolute;
left: 50%;
bottom: -3px;
width: 60%;
height: 3px;
opacity: 0;
background: linear-gradient(90deg, #FDD000 0%, #F2662A 100%);
transform: translate(-50%, 0);
transition: all .3s ease-in-out
}
.h_r a:hover::after {
width: 100%;
opacity: 1
}
.mv::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//wiz-tech.jp/cms/wp-content/themes/corp_master/img/recruit_img/taiman/5px_wt_dot.png) repeat;
opacity: 0.15;
border-radius: 0 0 40px 40px;
z-index: 1;
}
.mv {
height: 630px;
width: 100%;
background: linear-gradient(270deg, #F2662A 0%, #FDD000 100%);
position: relative;
display: flex;
justify-content: center;
border-radius: 0 0 40px 40px;
z-index: 1;
margin-top: 60px;
}
.mv_sp::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//wiz-tech.jp/cms/wp-content/themes/corp_master/img/recruit_img/taiman/5px_wt_dot.png) repeat;
opacity: 0.15;
border-radius: 0 0 40px 40px;
z-index: 1;
}
.mv_sp {
width: 100%;
background: linear-gradient(270deg, #F2662A 0%, #FDD000 100%);
position: relative;
display: none;
justify-content: center;
border-radius: 0 0 40px 40px;
}
.mv_img_pc {
max-width: 1000px;
z-index: 2;
width: -webkit-fill-available;
height: fit-content;
}
.mv_img {
z-index: 2;
}
.mv_icons {
position: absolute;
display: flex;
flex-direction: column;
bottom: 20px;
right: 20px;
z-index: 2;
}
.mv_icon_1 {
margin-bottom: 10px;
cursor: pointer;
}
.mv_icons img {
max-width: 100px;
height: 100px;
cursor: pointer;
}
.about_container {
background-color: #F4F4F0;
padding: 0 10px;
margin: 80px 0px;
}
.about {
max-width: 1000px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.sec_title {
display: flex;
}
.sec_title_name {
font-family: futura-pt-bold, sans-serif;
font-size: 50px;
font-weight: 700;
letter-spacing: 0.25em;
text-align: center;
margin: 0px 50px;
color: #231815;
}
.sec_title_border {
border-bottom: 1px solid #231815;
width: 100%;
margin-bottom: 10px;
}
.sec_title_about {
padding: 8px;
background: linear-gradient(90deg, #FDD000 -0.42%, #F2662A 99.58%);
font-size: 16px;
font-weight: 700;
display: inline-block;
margin: 0 auto;
margin-bottom: 30px;
border-radius: 4px;
color: white;
letter-spacing: 0.05em;
}
.about_text {
background: linear-gradient(90deg, #F2662A 0%, #ED1B24 100%);
font-size: 20px;
font-weight: 700;
color: white;
display: inline;
padding: 5px;
letter-spacing: 0.05em;
line-height: 44px;
}
.about_text_container {
display: flex;
justify-content: space-between;
}
.about_container_l {
width: 41%;
}
.about_container_r {
width: 56%;
}
.about_text_bottom {
font-size: 16px;
font-weight: 700;
line-height: 29px;
letter-spacing: 0.05em;
text-align: left;
margin-top: 30px;
color: #231815;
}
.step {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.sec2_title {
display: flex;
padding: 0 10px;
}
.sec2_title_name {
font-family: futura-pt-bold, sans-serif;
font-size: 50px;
font-weight: 700;
letter-spacing: 0.25em;
text-align: center;
color: #231815;
}
.sec2_title_border {
border-bottom: 1px solid #231815;
width: 100%;
margin-bottom: 15px;
}
.sec2_title_about {
padding: 8px;
background: linear-gradient(90deg, #FDD000 -0.42%, #F2662A 99.58%);
font-size: 16px;
font-weight: 700;
display: inline-block;
margin-bottom: 30px;
margin-left: 40px;
color: white;
border-radius: 4px;
letter-spacing: 0.05em;
}  .step_container_wrap {
position: absolute;
top: 0px;
width: 100%;
margin-top: 70px;
}
.step_bg {
display: flex;
height: 100%;
}
.step_bg_container {
position: relative;
height: 2px;
}
.step_back_bg {
position: absolute;
max-width: 1440px;
width: 100%;
height: 100%;
top: 40px;
right: 0px;
border-radius: 40px 0px 0px 40px;
background: linear-gradient(90deg, rgba(253, 208, 0, 0.7) 0%, rgba(242, 102, 42, 0.7) 104%);
z-index: -5;
}
@media (max-width: 1550px) {
.step_back_bg {
max-width: 1200px;
}
}
.step_container_l {
position: relative;
background-color: white;
padding: 80px 0;
max-width: 320px;
transition: width 0.5s ease;
}
.step_container_l::before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url(//wiz-tech.jp/cms/wp-content/themes/corp_master/img/recruit_img/taiman/5px_or_dot.png) repeat;
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
width: 100%;
height: 100%;
}
.step_container_r {
max-width: 1280px;
width: 100%;
background-color: white;
border-radius: 0px 40px 40px 0px;
margin-right: 80px;
}
.step_contents {
display: flex;
justify-content: space-between;
}
.step_content {
max-width: 280px;
width: 100%;
padding: 20px;
border-radius: 20px;
margin: 0px 10px;
padding-bottom: 10px;
}
.step_content {
display: flex;
flex-direction: column;
}
.step_content img {
max-width: 110px;
height: 110px;
margin: 0 auto;
margin-bottom: 20px;
}
.step_content_1 {
text-align: center;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 0.05em;
}
.step_content_2 {
text-align: center;
font-size: 24px;
font-weight: 700;
color: #231815;
margin-bottom: 15px;
letter-spacing: 0.05em;
}
.step_content_3 {
font-size: 18px;
line-height: 27px;
margin-bottom: 20px;
color: #231815;
letter-spacing: 0.05em;
}
@media (max-width: 1920px) and (min-width: 1280px) {
.step_container_l {
width: calc(320px - (1920px - 100vw) * (320 / 640));
}
}
@media (max-width: 1279px) {
.step_container_l {
display: none;
}
}
@media (max-width: 1260px) {
.step {
margin: 0 auto;
}
.step_container_r {
max-width: unset;
width: 100%;
margin-right: 40px;
}
}
@media (max-width: 1100px) {
.step {
margin: 0 auto;
}
.step_container_r {
max-width: unset;
width: 100%;
margin-right: unset;
}
}
.comment_text {
max-width: 790px;
padding: 50px 105px 20px 105px;
background-color: #FFF9E2;
margin: 0 auto;
border-radius: 200px;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.05em;
}
.comment_text div {
display: inline;
font-weight: bold;
color: #231815;
}
.comment {
padding: 0px 10px;
}
.comment img {
margin: 0 auto;
display: block;
position: relative;
top: 40px;
}
.qa_container {
background-color: #F4F4F0;
padding: 80px 0px;
margin-top: 40px;
}
.qa_content {
margin-bottom: 30px;
}
.qa {
max-width: 1000px;
padding: 70px 60px 50px 60px;
background-color: white;
margin: 0 auto;
border-radius: 40px;
display: flex;
flex-direction: column;
}
.qa_name {
width: 100%;
margin: 0;
}
.qa_q {
padding: 15px 20px 15px 20px;
border-radius: 10px;
background: #FFF9E2;
font-weight: 700;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 700;
color: #231815;
cursor: pointer;
justify-content: space-between;
line-height: 24px;
letter-spacing: 0.05em;
}
.qa_a {
padding: 15px 20px 15px 20px;
border-radius: 10px;
font-weight: 700;
display: flex;
font-size: 16px;
font-weight: 700;
color: #231815;
line-height: 24px;
letter-spacing: 0.05em;
}
.qa_q_flex {
display: flex;
align-items: center;
}
.qa_q_t {
margin-right: 10px;
min-width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: white;
background-color: #231815;
}
.qa_a_t {
margin-right: 10px;
min-width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: white;
background-color: #ED1B24;
}
.qa_txt {
font-weight: 500;
}
.app_button {
display: table;
margin: 0 auto;
padding: 30px 50px;
font-size: 28px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.05em;
text-align: center;
color: white;
background: linear-gradient(270deg, #ED1B24 0.13%, #F2662A 100.13%);
border-radius: 60px;
margin-bottom: 80px;
cursor: pointer;
border: 2px solid #ED1B24;
text-decoration: unset;
}
.app_button span {
font-size: 22px;
}
.app_button:hover {
color: #ED1B24;
background: white;
border: 2px solid #ED1B24;
}
.footer_container {
max-width: 1000px;
width: 100%;
margin: 80px 0px;
display: flex;
flex-direction: column;
padding: 0 10px;
}
footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//wiz-tech.jp/cms/wp-content/themes/corp_master/img/recruit_img/taiman/5px_wt_dot.png) repeat;
opacity: 0.15;
border-radius: 40px 40px 0px 0px;
z-index: -1;
}
footer {
height: 480px;
width: 100%;
background: linear-gradient(270deg, #F2662A 0%, #FDD000 100%);
position: relative;
display: flex;
justify-content: center;
border-radius: 40px 40px 0px 0px;
z-index: 0;
}
.inf {
color: white;
}
.inf_sec {
background: none;
background-color: white;
}
.inf_sec div {
font-size: 16px;
font-weight: 700;
background: linear-gradient(90deg, #FDD000 2.5%, #F2662A 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
letter-spacing: 0.05em;
}
.inf_about {
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.05em;
}
.inf_bottom {
padding: 40px;
border-radius: 40px;
background-color: white;
margin: 0 auto;
display: flex;
align-items: center;
}
.inf_bottom_l {
margin-right: 20px;
}
.inf_bottom_l_l span {
font-family: futura-pt-bold, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 33px;
color: #231815;
}
.inf_bottom_l_l div {
font-size: 14px;
font-weight: 500;
color: #231815;
letter-spacing: 0.05em;
}
.inf_border {
border-color: white;
margin-bottom: 10px;
}
.inf_bottom_r {
margin-left: 20px;
display: flex;
padding: 10px 30px;
align-items: center;
background: #231815;
border: 2px solid #231815;
border-radius: 5px;
cursor: pointer;
}
.inf_bottom_r_r {
display: flex;
flex-direction: column;
color: white;
text-decoration: none;
}
.inf_bottom_r_r div {
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
line-height: 1.37;
}
.inf_bottom_r:hover {
background: white;
color: #231815;
border: 2px solid #231815;
}
.inf_bottom_r:hover .inf_bottom_r_r,
.inf_bottom_r:hover .inf_bottom_r_r div,
.inf_bottom_r:hover i.fa-envelope {
color: #231815;
}
.fa-envelope {
font-size: 26px;
color: white;
margin-right: 21px;
}
.footer_about {
height: 21px;
padding: 10px 20px;
display: flex;
justify-content: space-between;
background-color: #231815;
color: white;
align-items: center;
}
.footer_about_l {
display: flex;
}
.footer_about_l a {
margin-right: 20px;
color: white;
text-decoration: none;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.footer_about_c {
font-size: 10px;
font-weight: 700;
}
.int_bg_container {
margin-top: 120px;
position: relative;
height: 896px;
}
.int_back_bg {
position: absolute;
max-width: 1440px;
width: 100%;
top: 40px;
left: 0px;
border-radius: 0px 40px 40px 0px;
background: linear-gradient(90deg, rgba(253, 208, 0, 0.7) 0%, rgba(242, 102, 42, 0.7) 104%);
z-index: -5;
height: 100%;
}
@media (max-width: 1550px) {
.int_back_bg {
max-width: 1200px;
}
}
.int_title {
display: flex;
}
.int_bg {
display: flex;
justify-content: end;
height: 100%;
}
.int_container_r {
position: relative;
background-color: white;
padding: 80px 0;
max-width: 320px;
transition: width 0.5s ease;
}
.int_container_r::before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url(//wiz-tech.jp/cms/wp-content/themes/corp_master/img/recruit_img/taiman/5px_or_dot.png) repeat;
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
width: 100%;
height: 100%;
}
.int_modal_up_sp {
display: flex;
}
@media (max-width: 1920px) and (min-width: 1280px) {
.int_container_r {
width: calc(320px - (1920px - 100vw) * (320 / 640));
}
}
@media (max-width: 1279px) {
.int_container_r {
display: none;
}
}
.int_container_l {
max-width: 1280px;
width: 100%;
background-color: white;
border-radius: 40px 0px 0px 40px;
margin-left: 80px;
}
.int_container_wrap {
width: 100%;
position: absolute;
top: 0;
margin-top: 70px;
}
.int {
max-width: 1000px;
margin: 0 auto;
}
.int_sec_title_name {
font-family: futura-pt-bold, sans-serif;
font-size: 50px;
font-weight: 700;
letter-spacing: 0.15em;
text-align: center;
margin-left: 50px;
color: #231815;
}
.int_title_border {
border-bottom: 1px solid #231815;
width: 100%;
margin-bottom: 15px;
}
.int_title_about {
padding: 8px;
background: linear-gradient(90deg, #FDD000 -0.42%, #F2662A 99.58%);
font-size: 16px;
font-weight: 700;
display: inline-block;
margin-bottom: 30px;
color: white;
border-radius: 4px;
margin-left: auto;
width: fit-content;
display: block;
position: relative;
letter-spacing: 0.05em;
margin-right: 10px;
}
.int_content {
display: flex;
align-items: center;
}
.int_content_member {
display: flex;
align-items: center;
}
.int_content_member_info_up {
display: flex;
background-color: #F2662A;
justify-content: center;
padding: 45px 10px;
border-radius: 40px 40px 0px 0px;
}
.int_content_member_info {
max-width: 840px;
width: 100%;
height: 586px;
border-radius: 40px;
}
.int_content_member_info_up_quo {
font-size: 22px;
font-weight: 700;
line-height: 33px;
text-align: center;
color: white;
}
.int_content_member_info_down_content {
display: flex;
}
.int_content_member_info_down {
display: flex;
flex-direction: column;
align-items: center;
background-color: #FBEFE9;
padding: 40px 0px;
border-radius: 0px 0px 40px 40px;
}
.int_content_member_info_down_content_icon {
margin-right: 50px;
}
.int_content_member_info_down_about_button {
color: white;
padding: 18px 78px 18px 78px;
border-radius: 42px;
background: #ED1B24;
font-size: 24px;
font-weight: 700;
cursor: pointer;
letter-spacing: 0.05em;
border: 2px solid #ED1B24;
}
.int_content_member_info_down_about_button:hover {
color: #ED1B24;
background: white;
border: 2px solid #ED1B24;
}
.int_content_member_info_down_content {
margin-bottom: 30px;
}
.int_content_member_info_down_content_about_1 {
font-size: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
color: #231815;
letter-spacing: 0.05em;
}
.int_content_member_info_down_content_about_2 {
font-size: 28px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
color: #231815;
letter-spacing: 0.05em;
}
.int_content_member_info_down_content_about_status {
padding: 30px 20px 20px 20px;
background-color: white;
display: flex;
justify-content: space-evenly;
border-radius: 10px
}
.int_content_member_info_down_content_about_status_txt {
text-align: justify;
}
.int_content_member_info_down_content_about_status_txt div {
font-size: 18px;
font-weight: 500;
color: #231815;
margin-bottom: 10px;
margin-right: 5px;
letter-spacing: 0.05em;
}
.int_content_member_info_down_content_about_star div {
margin-bottom: 10px;
}
.fa-circle-chevron-left {
font-size: 40px;
}
.fa-circle-chevron-right {
font-size: 40px;
}
.int_content_member_info_up_quo_mark_l {
width: 33px;
height: 24px;
margin-right: 10px;
}
.int_content_member_info_up_quo_mark_r {
width: 33px;
height: 24px;
transform: rotate(180deg);
margin-top: auto;
margin-left: 10px;
}
.fa-sm {
vertical-align: 0em;
}
.pc_d_f {
display: flex !important;
}
.pc_d_b {
display: block !important;
}
.sp_d_f {
display: none !important;
}
.sp_d_b {
display: none !important;
}
.slide-wrapper {
position: relative;
overflow: hidden;
}
.int_content_member_info_down_content_about_star div {
margin-bottom: 13px;
}
.arrow_wrap {
position: relative;
}
.next {
position: absolute;
right: -80px;
top: 50%;
z-index: 10;
cursor: pointer;
}
.prev {
position: absolute;
left: -80px;
top: 50%;
z-index: 10;
cursor: pointer;
}
.indicator {
width: 100%;
position: absolute;
bottom: -40px;
display: flex;
column-gap: 12px;
z-index: 10;
justify-content: center;
align-items: center;
}
.indicator li {
width: 10px;
height: 10px;
border-radius: 50%;
list-style: none;
background-color: #D9D9D9;
cursor: pointer;
}
.indicator li:first-of-type {
background-color: #E3BB02;
}
.slide {
width: 400%;
height: 100%;
display: flex;
transition: all 0.3s;
}
.slide .int_wrap_content {
width: 25%;
height: 100%;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.slide1 {
transform: translateX(0);
}
.slide2 {
transform: translateX(-25%);
}
.slide3 {
transform: translateX(-50%);
}
.slide4 {
transform: translateX(-75%);
}
.int_modal_container {
display: none;
justify-content: center;
align-items: center;
background-color: #23181599;
position: fixed;
z-index: 20;
left: 0;
top: 0;
height: 100%;
overflow: auto;
}
.int_modal {
flex-direction: column;
}
.int_modal_wrap_content {
max-width: 1000px;
width: 100%;
position: fixed;
}
.int_modal_up {
width: 100%;
padding: 35px 0px;
border-radius: 40px 40px 0px 0px;
background-color: #F2662A;
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.int_modal_close {
position: absolute;
top: 26px;
right: 15px;
cursor: pointer;
}
.int_modal_icon {
width: 132px;
height: 132px;
margin-right: 40px;
margin-left: 10px;
}
.int_modal_about {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 40px;
}
.int_modal_about_1 {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.05em;
color: white;
}
.int_modal_about_2 {
font-size: 30px;
font-weight: 700;
letter-spacing: 0.05em;
color: white;
}
.int_modal_stat {
padding: 15px;
border-radius: 10px;
background-color: white;
padding-bottom: 5px;
display: flex;
margin-right: 10px;
text-align: justify;
}
.int_modal_stat_txt_container,
.int_modal_stat_star_container {
display: flex;
flex-direction: column;
}
.int_modal_stat_txt_container div {
font-size: 18px;
margin-right: 5px;
margin-bottom: 10px;
}
.ham_taiman {
margin-top: 30px;
width: 100%;
}
.ham_line {
width: 100%;
}
.int_modal_stat_star_container div {
margin-bottom: 13px;
}
.int_modal_down {
background-color: #FBEFE9;
width: 100%;
display: flex;
align-self: center;
flex-direction: column;
padding: 40px 0px;
border-radius: 0px 0px 40px 40px;
max-height: 561px;
height: 481px;
align-items: center;
}
.sec_title_and {
font-size: 36px;
}
.int_modal_down_wrap {
max-width: 615px;
width: 95%;
display: flex;
justify-content: center;
align-self: center;
flex-direction: column;
}
.int_modal_mess1 {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.int_modal_mess1 div {
color: #F2662A;
font-size: 22px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
}
.int_modal_mess2 {
font-size: 18px;
line-height: 27px;
letter-spacing: 0.05em;
text-align: justify;
}
.int_modal_down_page {
display: flex;
justify-content: space-between;
max-width: 615px;
width: 100%;
margin: 0 auto;
position: absolute;
bottom: 40px;
}
.int_modal_back,
.int_modal_next {
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
.modal_prev,
.modal_next {
font-size: 18px;
color: #F2662A;
}
.element { opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: opacity 1s, visibility 1s, transform 1s;
}
.is-fadein {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.element_left { opacity: 0;
visibility: hidden;
transform: translateX(-100px);
animation: fadeIn 5s ease 1s 1 normal backwards;
}
.is-fadein_left {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.element_right { opacity: 0;
visibility: hidden;
animation-name: fadeInAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.is-fadein_right {
opacity: 1;
visibility: visible; }
.element_left2 { opacity: 0;
visibility: hidden;
transform: translateX(-100px);
animation: fadeIn 5s ease 1s 1 normal backwards;
}
.is-fadein_left2 {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.element_right2 { opacity: 0;
visibility: hidden;
animation-name: fadeInAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.is-fadein_right2 {
opacity: 1;
visibility: visible; }
.step3_line {
width: 100%;
height: auto !important;
}
@media (max-width: 1260px) {
.int {
margin: 0 auto;
}
.int_bg {
width: auto;
}
.int_container_l {
max-width: unset;
width: -webkit-fill-available;
margin-left: 40px;
}
.prev {
left: 0;
}
.next {
right: 0;
}
}
@media (max-width: 1100px) {
.int_container_l {
margin-left: unset;
}
.prev {
left: 10px;
}
.next {
right: 10px;
}
.int_title_border {
margin-left: 10px;
}
.int_contents {
margin: 0 10px;
}
}
@media (max-width: 1050px) {
.int_modal_wrap_content {
max-width: 900px;
}
}
@media (max-width: 950px) {
.int_modal_wrap_content {
max-width: 780px;
}
.int_modal_icon {
margin-right: 20px;
}
.int_modal_about {
margin-left: 20px;
}
}
@media (max-width: 850px) {
.int_modal_wrap_content {
max-width: 780px;
}
}
@media (max-width: 600px) {
.mv_img img {
border-radius: 0 0 40px 40px;
width: 100%;
}
.mv_img {
height: 100%;
width: 100%;
}
.mv_sp {
display: flex;
}
.mv {
display: none;
}
.inf_bottom {
width: auto !important;
}
}
@media (max-width: 800px) {
.mv_icons {
display: none;
}
.pc_d_f {
display: none !important;
}
.pc_d_b {
display: none !important;
}
.sp_d_f {
display: flex !important;
}
.sp_d_b {
display: block !important;
}
header {
align-items: none;
position: unset;
top: unset;
z-index: unset;
width: auto;
}
.header img {
padding: 10px;
}
#g-nav {
position: fixed;
z-index: 998;
top: 0;
right: -120%;
width: 100%;
height: 100vh;
background: white;
transition: all 0.6s;
}
#g-nav.panelactive {
right: 0;
}
#g-nav.panelactive #g-nav-list {
position: fixed;
z-index: 998;
width: 100%;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
display: flex;
justify-content: center;
}
#g-nav ul {
position: absolute;
z-index: 998;
margin: 83px 25px 35px 25px;
}
#g-nav li {
list-style: none;
text-align: center;
}
#g-nav li:hover {
opacity: 0.5;
}
#g-nav li a {
color: #231815;
text-decoration: none;
padding: 10px;
display: block;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: bold;
border-bottom: 1px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #231815;
padding-bottom: 4px;
margin-bottom: 30px;
align-items: baseline;
}
.g_nav_a_1 {
font-size: 22px;
font-weight: 700;
color: #231815;
letter-spacing: 0.05em;
font-family: futura-pt-bold, sans-serif;
}
.g_nav_a_2 {
font-size: 14px;
font-weight: 700;
letter-spacing: 0em;
}
.openbtn {
position: relative;
cursor: pointer;
width: 21px;
padding: 0 20px;
height: 100%;
background-color: #231815;
border-radius: 0px 0px 0px 10px;
z-index: 999;
}
.openbtn span {
display: inline-block;
transition: all .4s;
position: absolute;
left: 18px;
height: 3px;
border-radius: 2px;
background-color: white;
width: 45%;
}
.openbtn span:nth-of-type(1) {
top: 24px;
}
.openbtn span:nth-of-type(2) {
top: 32px;
}
.openbtn span:nth-of-type(3) {
top: 40px;
}
.openbtn.active span:nth-of-type(1) {
top: 18px;
left: 22px;
transform: translateY(14px) rotate(-45deg);
width: 30%;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
top: 30px;
left: 22px;
transform: translateY(2px) rotate(45deg);
width: 30%;
}
.sec_title_name {
font-size: 30px;
margin: 0 10px;
margin-bottom: 8px;
}
.sec2_title_name {
font-size: 30px;
margin: 0px;
margin-right: 10px;
margin-bottom: 8px;
}
.about_text_container {
display: block;
}
.about_container_l {
width: 100%;
}
.about_container_r {
width: 100%;
}
.about_text {
font-size: 18px;
}
.about_text_bottom {
margin: 30px 0px;
}
.about_container {
margin: 40px 0px;
}
.step_back_bg,
.int_back_bg {
display: none;
}
.step {
width: 100%;
margin: 0;
}
.sec2_title_about {
margin: 0px;
margin-bottom: 20px;
}
.step_contents {
display: block;
}
.step_container {
margin: 0 10px;
}
.step_container_r {
margin: 0;
width: 100%;
}
.step_content {
max-width: none;
width: auto;
margin: 0 0 20px 0;
margin-bottom: 20px;
height: auto;
}
.comment_text {
padding: 108px 20px 20px 20px;
border-radius: 40px;
}
.comment img {
top: 95px;
width: 100%;
max-width: 500px;
}
.int_bg {
width: auto;
}
.int_bg_container {
margin-top: 40px;
}
.qa {
padding: 40px 10px 10px 10px;
}
.app_button {
padding: 29.5px 27px;
margin: 0 auto;
margin-bottom: 40px;
font-size: 22px;
}
footer {
padding: 40px 0px;
height: auto;
width: -webkit-fill-available;
}
.footer_container {
margin: 0px;
}
.inf_border {
display: none;
}
.sec_title {
justify-content: center;
}
.inf_about {
margin-bottom: 20px;
text-align: justify;
}
.inf_bottom {
align-items: center;
justify-content: center;
flex-direction: column;
padding: 40px 29px;
max-width: 420px;
width: 100%;
}
.inf_bottom_l {
margin: 0;
margin-bottom: 20px;
}
.inf_bottom_r {
margin: 0;
}
.footer_about_l {
flex-direction: column;
}
.footer_about {
height: 28px;
padding: 10px 8px;
}
.footer_about_l a:nth-child(1) {
margin-bottom: 4px;
}
.int_container_l {
box-sizing: border-box;
margin-left: 0;
}
.int {
margin: 0;
width: 100%;
}
.int_container_l {
max-width: 100%;
}
.int_sec_title_name {
font-size: 30px;
margin-left: 10px;
}
.int_content_member_info {
width: 100%;
height: auto;
}
.int_content_member {
position: relative;
}
.prev {
position: absolute;
top: 50%;
left: 10px;
}
.next {
position: absolute;
right: 10px;
top: 50%;
}
.qa_container {
padding: 0px 0px 40px 0px;
}
.int_content_member_info_down {
padding: 20px 0px;
}
.int_content_member_info_down_content {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
.comment {
margin-top: -75px;
}
.int_content_member_info_down_content_icon {
width: 120px;
height: 120px;
margin: 0;
margin-bottom: 20px;
}
.int_content_member_info_down_content_about_1 {
font-size: 18px;
}
.int_content_member_info_down_content_about_2 {
font-size: 24px;
}
.int_content_member_info_down_content_about_status {
padding: 10px 20px 0px 20px;
}
.int_content_member_info_up_quo {
font-size: 16px;
}
.int_content_member_info_up_quo_mark_l,
.int_content_member_info_up_quo_mark_r {
width: 19px;
height: 14px;
}
.int_content_member_info_up {
padding: 15px 10px;
border-radius: 20px 20px 0px 0px;
}
.int_modal_up {
flex-direction: column;
}
.int_modal {
margin: 0px 10px;
}
.int_modal_wrap_content {
height: 100%;
display: contents;
}
.int_modal_icon {
width: 80px;
height: 80px;
margin-right: 10px;
}
.int_modal_about_1 {
font-size: 16px;
}
.int_modal_about_2 {
font-size: 22px;
}
.int_modal_about {
margin-right: 10px;
}
.int_modal_stat {
margin: 10px 0px 0px 0px;
max-width: 295px;
width: 100%;
justify-content: space-around;
}
.int_modal_up {
padding: 20px 0px;
}
.int_modal_stat_txt_container div {
font-size: 14px;
margin-bottom: 4px;
}
.int_modal_stat_star_container div {
margin-bottom: 1px;
}
.int_modal_mess1 div {
font-size: 16px;
line-height: 24px;
letter-spacing: 0em;
}
.int_modal_down {
padding: 10px 0px;
max-height: 400px;
position: relative;
justify-content: unset;
}
.int_modal_mess1 {
margin-bottom: 10px;
}
.int_modal_mess2 {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
}
.int_modal_down_page {
justify-content: space-around;
bottom: 10px;
position: absolute;
width: 100%;
}
.step_container_wrap {
margin-top: 40px;
}
.sec_title_and {
font-size: 24px;
}
.qa_q_flex {
margin-right: 10px;
}
.int_container_wrap {
margin-top: 40px;
}
.int_modal_down_wrap {
overflow-y: scroll;
justify-content: unset;
height: 90%;
}
.fa-circle-xmark {
font-size: 30px !important;
position: relative;
top: -10px;
right: -4px;
}
}
.fixed {
position: fixed;
bottom: 50px;
right: 20px;
}
.rotate-icon {
transform: rotate(180deg);
}
.fa-chevron-up {
transition: transform 0.3s ease;
}
.hover-image1,
.hover-image2,
.hover-image3,
.hover-image4 {
display: none;
}
.slide_container {
width: 100%;
position: relative;
height: 1000px;
}
.slide_content_l,
.slide_content_r {
max-width: 1600px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0;
}
.int_back_bg,
.int_bg,
.step_back_bg,
.step_bg {
position: absolute;
opacity: 0;
width: 100%;
}
.step_bg,
.int_back_bg {
left: -100%;
}
.step_back_bg,
.int_bg {
right: -100%;
}
.inner_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0 auto;
}
.inaaa {
height: 1000px;
width: 100%;
background-color: black;
margin-top: 100px;
} .fa-angles-right {
font-size: 28px;
line-height: 100%;
letter-spacing: 0.05em;
vertical-align: unset !important;
}
.inf_a {
font-size: 14px;
font-weight: normal !important;
}
html,
body {
width: 100%;
overflow-x: hidden;
}
.step_icons_1,
.step_icons_2 {
margin-top: auto;
display: flex;
justify-content: center;
}
.step_icons_1_b {}
.normal-image3,
.normal-image4,
.normal-image5 {
width: 100% !important;
max-width: 280px !important;
height: auto !important;
margin-bottom: 0px !important;
}
.hover-image3,
.hover-image4,
.hover-image5 {
width: 100% !important;
max-width: 280px !important;
height: auto !important;
margin-bottom: 0px !important;
display: none;
}
.pc_zoom {
display: block;
}
.sp_zoom {
display: none;
}
@media (max-width: 450px) {
.step_content_3 {
margin-bottom: 20px;
}
.normal-image3,
.normal-image4 {
max-width: 100% !important;
}
.hover-image3,
.hover-image4 {
max-width: 100% !important;
}
}