@charset "utf-8";
/* margin + padding */
.mgt72 {margin-top:72x;}

/* contents wrap */
.page-wrap {max-width:100%; height:100vh; margin:0 auto;}

@media screen and (max-width: 926px) {
	.page-wrap {max-width:100%; padding:6.25em 1.5rem 10em;}
}

.point_word {color:var(--main-color);}

/* sub title */
.s-tt {font-weight:700; font-size:2em; text-transform:uppercase;margin-bottom:2rem;}
.s-stt {font-size:1.125em; color:#515852; padding:8px 0 2px;}
.s-stt-contact {font-size:1.125em; color:#515852; padding:8px 0 20px;}
.s-tt24b {font-weight:700; font-size:1.5em; color:var(--black-color); line-height:1.4; white-space:pre-line;}
.sub_title {position:fixed; top:1.2rem; left:50%; margin-left:-125px; width: 250px; z-index: 10; text-align: center;}
.sub_title h2 {
    font-weight: 500;
    font-size: 2.5em;
    color: #252525;
    font-family: 'minerva-modern', sans-serif;
}


/* Sub-page-bottom */
.sec_title {
    font-size: 42px;
    font-weight: 800;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.sec_title .left {
    width: 125px;
}

.sec_title .right {
    padding: 0 5rem;
    width: 100%;
}

.sec_title .right span {
    position: relative;
}

.sec_title .right .sec_sub_txt {
    font-size: 20px;
    font-weight: 400;
    padding-top: 1rem;
    line-height: 1.5;
}

.cont_inner {
    padding: 2rem 0rem 2rem 0;
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
}
.sec_text {
    padding: 2rem 5rem 0 5rem;
    width: 100%;
}

.sec_text .title {
    font-size: 28px;
    font-weight: 700;
}

.sec_text p {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 1rem;
    line-height: 1.5;
}

.sec_text .more_b {
    font-size: 40px;
    display: flex;
    justify-content: ;
}

.sec_text .small_b {
    display: flex;
    justify-content: space-between;
}

.sec_text .small_b  .left {
    width: 60%;
}

.sec_text .small_b p {
    font-size: 28px;
}

.sec_text p strong {
    font-weight: 800;
}


.sec_text .big_txt {
    font-size: 200px;
    font-weight: 800;
    line-height: 1;
    padding-bottom: 2rem;
}

.sec_text .direction_txt {
    max-width: 600px;
    word-break: break-word;
    padding: 1.5rem 0 0 0.5rem;
}

.sec_text .direction_txt p {
    line-height: 2;
}


.main_sec_05 .right .contact_btn {
    font-size: 20px;
    line-height: 1.5;
    padding: 1rem 2.5rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-weight: 600;
    border-radius: 4rem;
    transition: all 0.3s;
    cursor: pointer;

    &:hover {
        color: #000;
        border: 1px solid #000;
        background: #f9f9f9;
        transition: all 0.3s;
    }
}



.main_sec_05 {
    display: flex;
    align-items: center;
    background:#f9f9f9;
}

.main_sec_05 .sec_inner2 {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 8rem 5rem 5rem;
    position: relative;
}

.main_consulting_bg {
    background: url('../image/main/consulting_bg.jpg') no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 1440px;
    height: 20rem;
    background-attachment: fixed;
    margin: 5rem auto 0 auto;
}

.consulting_how {
    padding: 2rem 0 0 1rem;
}

.consulting_how p {
    font-size: 18px;
    display: flex;
    align-items: center;
}

.consulting_how .phone {
    background: url('../image/common/phone.svg') no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    margin-right: 5px;
}

.consulting_how .map {
    background: url('../image/common/map.svg') no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    margin-right: 5px;
}



/* sub-page CONTACT */


.sub-page-top {width: 100%; padding:14rem 0 4rem 0;}
.sub-page-top .sub-page-inner {max-width: 1440px; width: 100%; height:100%; margin:0 auto; padding:0 5rem 0 5rem; display: flex; flex-direction: column; justify-content: center; gap:1.5rem; font-size:50px; font-weight:800;}


/* sub-page Works */

.category {display: flex; padding-top:3rem; gap:30px;}
.category li {list-style: none; font-size:32px; font-weight:600; color:#999;}
.category li.active {
    font-weight:800;
    position:relative;
    color:#333;
}
.category li.active::after {content: ''; position:absolute; width: 8px; height:8px; border-radius: 50%; background:#333; top:-3px; right:-12px;}
.category span {width: 1px; height:20px; display: block; background:#333; margin-top:6px;}
.category li a {position:relative; transition:all 0.3s;}
.category li a::after {content: ''; position:absolute; width: 8px; height:8px; border-radius: 50%; background:var(--main-color); opacity: 0; top:-3px; right:-12px; transition:all 0.3s;}
.category li a:hover::after {content: ''; position:absolute; width: 8px; height:8px; border-radius: 50%; background:var(--main-color); opacity:1; top:-3px; right:-12px; transition:all 0.3s;}





@media screen and (max-width:926px) {
    .sub-page-top {padding:8rem 0 2rem 0;}
    .sub-page-top .sub-page-inner {padding:0 25px; font-size:36px;gap:0.5rem;line-height: 1.2;}


    .main_sec_05 .sec_inner2 {padding:5rem 25px 5rem;}
    .sec_title .right {padding:0; line-height: 1.3;}
    .main_consulting_bg {background-attachment: initial;margin-top:2rem; }
    .sec_text {padding:0;}
    .sec_text .small_b {flex-direction: column;}
    .sec_text .small_b .left {width: 100%;}
    .sec_text .small_b .right {width: 100%; padding-top:1rem;}
    .sec_text .small_b p {font-size:20px;}
    .main_sec_05 .right .contact_btn {padding:0.7rem 2rem;}

    .consulting_how {padding:2rem 0 0 0;}
    .consulting_how p {flex-direction: column; align-items: flex-start; font-size: 15px; gap:7px;}
    .consulting_how .phone {width: 23px; height:23px; background-size:23px;}
    .consulting_how .map {width: 25px; height:25px; background-size:25px;}
    .sec_title {font-size:36px;}

    .sec_text .big_txt {font-size:75px;}
    .sec_text .direction_txt {padding:0 0 0 0.5rem;}
    .sec_text .direction_txt p {line-height: 1.6; font-size:16px;}

    .category {gap:1.5rem;}
    .category li {font-size:24px;}
    .category span {display: none;}
    .category li.active::after {width: 7px; height:7px; right: -8px;}
}