@charset "UTF-8";

/*----------------------------------------------------
	�g���񂵗v�f
----------------------------------------------------*/

.title_box {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/mv_bg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 0 60px;
    margin-top: 130px;
}

@media only screen and (max-width: 1400px) {
    .title_box {
        margin-top: 75px;
    }
}

@media only screen and (max-width: 768px) {
    .title_box {
        padding: 50px 10px 20px;
    }
}

.title_box .page_title {
    font-family: serif;
    font-size: clamp(3.2rem, 3vw, 4.8rem);
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.4;
}

.title_box .catch {
    color: #fff;
    margin-bottom: 10px;
}

.title_box img {
    max-width: 80%;
}

main .title_box + .column {
    padding-top: 60px;
}

@media only screen and (max-width: 1400px) {
    main .title_box + .column {
        padding-top: 75px;
    }
}

@media only screen and (max-width: 768px) {
    main .title_box + .column {
        padding-top: 50px;
    }
}

.single_thum {
    width: 100%;
    margin-bottom: 60px;
}

.inquiry_btn {
    margin: 0 auto;
    font-size: clamp(2rem, 5vw, 2.4rem);
    background: #ee7a00;
    border: 1px solid #ee7a00;
    border-radius: 5px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 15px 30px;
    transition: all 0.3s;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 30px;
    text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
    .inquiry_btn {
        width: 100%;
        text-align: left;
        padding: 10px 5px;
    }
}

.inquiry_btn::before {
    content: "";
    -webkit-mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/inquiry_icon.svg);
    mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/inquiry_icon.svg);
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: all 0.3s;
}

.inquiry_btn:hover {
    background: unset;
    color: #ee7a00 !important;
    opacity: 1;
}

.inquiry_btn:hover:before {
    background-color: #ee7a00;
}

.inquiry_btn.academy {
    text-align: left;
}

.inquiry_btn.academy::before {
    content: "����";
    -webkit-mask: unset;
    mask: unset;
    color: #ee7a00;
    line-height: 35px;
    font-size: 2rem;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
}

.inquiry_btn.academy:hover:before {
    background-color: unset;
    border: 1px solid #ee7a00;
}

.inquiry_btn.consul:before {
    content: "";
    -webkit-mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/contact_icon.svg);
    mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/contact_icon.svg);
    width: 40px;
    height: 30px;
    background-color: #fff;
    transition: all 0.3s;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.inquiry_btn.consul:hover:before {
    background-color: #ee7a00;
}

.dl_link {
    text-align: center;
    color: #fff;
    text-decoration: underline;
    font-size: 2rem;
}

/*----------------------------------------------------
	���C���r�W���A��
----------------------------------------------------*/

.main_visual {
    width: 100%;
    margin-bottom: 60px;
    margin-top: 130px;
    position: relative;
    text-align: center;
}

@media only screen and (max-width: 1400px) {
    .main_visual {
        margin-top: 75px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .main_visual {
        height: 60vh;
    }
}

.main_visual .content_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #fff;
}

@media only screen and (max-width: 1024px) {
    .main_visual .content_wrap {
        width: 100%;
        padding: 0 10px;
    }
}

.main_visual .img_wrap {
    width: 100%;
    max-height: 815px;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .main_visual .img_wrap {
        max-height: unset;
        height: 100%;
    }
}

.main_visual .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 428px) {
    .main_visual .img_wrap img {
        width: auto;
    }
}

.main_visual .title_wrap {
    margin-bottom: 60px;
}

@media only screen and (max-width: 1024px) {
    .main_visual .title_wrap {
        margin: 30px 0;
    }
}

.main_visual .title_wrap h1 {
    font-size: clamp(3rem, 5vw, 6rem);
    font-family: serif;
    color: #fff;
}

.main_visual .title_wrap h1 img {
    margin-bottom: 30px;
    width: 173px;
}

.main_visual .download_wrap p {
    font-family: serif;
    font-size: 2.4rem;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    .main_visual .download_wrap p {
        font-size: 1.8rem;
    }
}

/*----------------------------------------------------
	�t�����g�y�[�W
----------------------------------------------------*/

/*---------�T�[�r�X�Љ�--------------------------------*/

.front_service {
    max-width: 1920px;
    margin: 0 auto;
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/service_img.jpg) no-repeat;
    background-position: top right;
}

@media only screen and (max-width: 768px) {
    .front_service {
        background: unset;
    }
}

.front_service .service_flex {
    display: flex;
    justify-content: space-between;
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
    .front_service .service_flex {
        padding: 0;
    }
}

.front_service .service_flex .service_left {
    width: 60%;
    background: #fff;
    padding: 0 20px 20px 0;
}

@media only screen and (max-width: 768px) {
    .front_service .service_flex .service_left {
        width: 100%;
        padding: 0 15px 20px;
    }
}

.front_service .service_flex .service_left .service_btn {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.front_service .service_flex .service_left .service_btn li {
    width: 49%;
}

@media only screen and (max-width: 768px) {
    .front_service .service_flex .service_left .service_btn li {
        width: 100%;
        margin-bottom: 10px;
    }
}


.front_service .service_flex .service_left .service_btn li a {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    padding: 5px 15px;
    background: #2a5bb5;
    border: 1px solid #2a5bb5;
    border-radius: 4px;
    transition: all 0.3s;
    display: block;
}

.front_service .service_flex .service_left .service_btn li a:after {
    content: "\f105";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: absolute;
    line-height: 1;
    right: 10px;
    top: 25%;
}

.front_service .service_flex .service_left .service_btn li a:hover {
    color: #2a5bb5;
    background: unset;
}

.front_service .service_flex .service_left .lead {
    margin-bottom: 30px;
}

/*---------���₢���킹--------------------------------*/

.front_contact {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/contact_bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}

.front_contact .contact_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .front_contact .contact_flex {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}

.front_contact .contact_flex .contact_left {
    width: 55%;
    margin-right: 5%;
}

@media only screen and (max-width: 768px) {
    .front_contact .contact_flex .contact_left {
        width: 100%;
        margin-right: 0;
    }
}

.front_contact .contact_flex .contact_left h2 {
    font-size: clamp(2.4rem, 3vw, 2.8rem);
    color: #09174e;
    line-height: 1.4;
    margin-bottom: 30px;
}

.front_contact .contact_flex .contact_right {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .front_contact .contact_flex .contact_right {
        width: 100%;
    }
}

.front_contact .contact_flex .contact_right a {
    text-align: center;
    width: 100%;
    height: 88px;
    border-radius: 10px;
    display: block;
    margin-left: auto;
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.front_contact .contact_flex .contact_right a img {
    max-width: 100%;
}

.front_contact .contact_flex .contact_right a.btn_inquiry {
    background: #2a5bb5;
}

.front_contact .contact_flex .contact_right a.btn_mail {
    background: #09174e;
}

/*---------����Љ�--------------------------------*/

.front_case {
    background: #f5f5f5;
    padding-top: 100px;
}

@media only screen and (max-width: 768px) {
    .front_case {
        padding-top: 30px;
    }
}

.front_case .case_title {
    display: flex;
    gap: 0 50px;
    justify-content: flex-start;
    align-items: center;
}

.front_case .case_title .lead {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .front_case .case_title {
        flex-wrap: wrap;
    }

    .front_case .case_title .lead {
        width: 100%;
        margin-bottom: 20px;
    }
}

.front_case .case_wrap {
    max-width: 1920px;
    margin: 0 auto;
}

.front_case .case_wrap .case_list {
    display: flex;
    max-width: 1200px;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
    .front_case .case_wrap .case_list {
        flex-wrap: wrap;
    }
}

.front_case .case_wrap .case_list .case_content {
    aspect-ratio: 1/1;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
}

@media only screen and (max-width: 768px) {
    .front_case .case_wrap .case_list .case_content {
        aspect-ratio: unset;
        width: 100%;
        padding: 30px 20px;
        flex-direction: unset;
    }
}

.front_case .case_wrap .case_list .case_content .sec_title {
    color: #fff;
    font-size: 4rem;
}

.front_case .case_wrap .case_list .case_content .sec_title span {
    color: #fff;
}

.front_case .case_wrap .case_list .case_content p {
    color: #fff;
}

.front_case .case_wrap .case_list .case_content .btn {
    background: none;
    color: #fff;
    border: 0;
    margin: 0;
}

.front_case .case_wrap .case_list .case_content .btn:before {
    content: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/btn_icon_w.png);
}

.front_case .case_wrap .case_list .case_content.case1 {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/case1_bg.jpg) no-repeat;
    background-size: cover;
}

.front_case .case_wrap .case_list .case_content.case2 {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/case2_bg.jpg) no-repeat;
    background-size: cover;
}

/*---------�R����--------------------------------*/

.front_column {
    padding-top: 100px;
}

@media only screen and (max-width: 768px) {
    .front_column {
        padding-top: 40px;
    }
}

.front_column .column_title {
    display: flex;
    gap: 0 50px;
    justify-content: flex-start;
    align-items: center;
}

.front_column .column_title .lead {
    width: 60%;
}

@media only screen and (max-width: 768px) {
    .front_column .column_title {
        flex-wrap: wrap;
    }

    .front_column .column_title .lead {
        width: 100%;
        margin-bottom: 20px;
    }
}

.front_column .column_wrap {
    display: flex;
    gap: 30px;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .front_column .column_wrap {
        gap: 30px;
        flex-wrap: wrap;
    }
}

.front_column .column_wrap .column_content {
    width: calc(50% - 15px);
}

@media only screen and (max-width: 768px) {
    .front_column .column_wrap .column_content {
        width: 100%;
    }
}

.front_column .column_wrap .column_content li a {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s;
}

.front_column .column_wrap .column_content li a:hover .btn {
    background: #09174e;
    color: #fff;
    opacity: 1;
}

.front_column .column_wrap .column_content li a:hover .btn::before {
    content: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/btn_icon_w.png);
}

.front_column .column_wrap .column_content li a img {
    margin-bottom: 10px;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
}

.front_column .column_wrap .column_content li a h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    height: 100%;
    min-height: 0%;
    line-height: 1.4;
}

.front_column .column_wrap .column_content li a p {
    font-size: 1.5rem;
    height: 100%;
    min-height: 0%;
    margin-bottom: 15px;
}

.front_column .column_wrap .column_content li a .btn {
    margin-top: auto;
}

/*---------���𗧂��R���e���c�@���w�y�[�W���p--------------------------------*/

.front_contents .sec_title,
.front_contents .meta_title,
.contents .sec_title,
.contents .meta_title {
    text-align: center;
}

.front_contents .contents_wrap,
.contents .contents_wrap {
    display: flex;
    gap: 30px;
}

@media only screen and (max-width: 768px) {
    .front_contents .contents_wrap,
    .contents .contents_wrap {
        flex-wrap: wrap;
    }
}

.front_contents .contents_wrap li,
.contents .contents_wrap li {
    width: calc(25% - 15px);
}

.front_contents .contents_wrap li:hover .btn,
.contents .contents_wrap li:hover .btn {
    background: #09174e;
    color: #fff;
    opacity: 1;
}

.front_contents .contents_wrap li:hover .btn::before,
.contents .contents_wrap li:hover .btn::before {
    content: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/btn_icon_w.png);
}

@media only screen and (max-width: 768px) {
    .front_contents .contents_wrap li,
    .contents .contents_wrap li {
        width: 100%;
    }
}

.front_contents .contents_wrap li img,
.contents .contents_wrap li img {
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .front_contents .contents_wrap li img,
    .contents .contents_wrap li img {
        width: 100%;
    }
}

.front_contents .contents_wrap li .cat,
.contents .contents_wrap li .cat {
    font-size: 1.2rem;
    color: #636363;
    text-decoration: underline;
    margin-bottom: 10px;
}

.front_contents .contents_wrap li .con_title,
.contents .contents_wrap li .con_title {
    color: #444;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

/*---------�Z�~�i�[--------------------------------*/

.front_seminar {
    max-width: 1920px;
    margin: 0 auto;
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/seminar_bg.jpg) no-repeat;
    background-position: top right;
}

@media only screen and (max-width: 768px) {
    .front_seminar {
        background: unset;
        padding-bottom: 0;
    }
}

.front_seminar .seminar_flex {
    display: flex;
    justify-content: space-between;
    max-width: 1024px;
    margin: 0 auto;
}

.front_seminar .seminar_flex .seminar_left {
    width: 55%;
}

@media only screen and (max-width: 1024px) {
    .front_seminar .seminar_flex .seminar_left {
        width: 70%;
    }

    .front_seminar .seminar_flex .seminar_left .sec_title {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .front_seminar .seminar_flex .seminar_left {
        width: 100%;
    }
}

.front_seminar .seminar_flex .seminar_left .seminar_list {
    margin-bottom: 20px;
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a {
    display: flex;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    background: #fff;
    transition: all 0.5s;
}

@media only screen and (max-width: 1024px) {
    .front_seminar .seminar_flex .seminar_left .seminar_list li a {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .front_seminar .seminar_flex .seminar_left .seminar_list li a {
        flex-wrap: wrap;
    }
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a:hover {
    background: #fafafa;
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a .thum {
    width: 50%;
    aspect-ratio: 16/9;
}

@media only screen and (max-width: 768px) {
    .front_seminar .seminar_flex .seminar_left .seminar_list li a .thum {
        width: 100%;
    }
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a .thum img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a .title_wrap {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .front_seminar .seminar_flex .seminar_left .seminar_list li a .title_wrap {
        width: 100%;
    }
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a .title_wrap h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.front_seminar .seminar_flex .seminar_left .seminar_list li a .title_wrap p {
    font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
    .front_seminar .seminar_flex .seminar_left .btn {
        margin-right: 15px;
    }
}

/*---------���₢���킹--------------------------------*/

.front_footer_contact {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/contact_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}

.front_footer_contact .contact_wrap {
    max-width: 900px;
    margin: 0 auto;
}

.front_footer_contact .contact_wrap .contact_title {
    text-align: center;
    margin-bottom: 30px;
}

.front_footer_contact .contact_wrap .contact_title h2 {
    font-size: clamp(2.4rem, 3vw, 2.8rem);
    color: #fff;
    margin-bottom: 20px;
}

.front_footer_contact .contact_wrap .contact_title p {
    color: #fff;
}

.front_footer_contact .contact_wrap .contact_btn_flex {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .front_footer_contact .contact_wrap .contact_btn_flex {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
}

.front_footer_contact .contact_wrap .contact_btn_flex a {
    width: 48%;
    background: #fff;
    border-radius: 5px;
    color: #09174e;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 20px;
    transition: all 0.3s;
}

.front_footer_contact .contact_wrap .contact_btn_flex a:hover {
    background: #ffffff8c;
}

@media only screen and (max-width: 768px) {
    .front_footer_contact .contact_wrap .contact_btn_flex a {
        width: 100%;
    }
}

.front_footer_contact .contact_wrap .contact_btn_flex a.btn_mail img {
    width: 32px;
}

/*---------SNS--------------------------------*/

.sns_box {
    padding-top: 40px;
    padding-bottom: 0;
}

.sns_box .inner {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.sns_box .inner div {
    width: calc(50% - 30px);
    text-align: center;
}

@media only screen and (max-width: 428px) {
    .sns_box .inner div {
        width: 100%;
    }
}

.sns_box .inner div .title {
    background: #888;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.4;
    padding: 5px;
    margin-bottom: 10px;
}

.sns_box .inner div .title span {
    display: block;
    font-size: 1.6rem;
}

.sns_box .inner .facebook iframe {
    max-width: 340px;
    margin: 0 auto;
}

.sns_box .inner .facebook iframe html body div ._2p3a {
    width: 100% !important;
    max-width: 100% !important;
}

/*----------------------------------------------------
	���₢���킹
----------------------------------------------------*/

.footer_contact {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/contact_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}

.footer_contact .contact_wrap {
    max-width: 900px;
    margin: 0 auto;
}

.footer_contact .contact_wrap .contact_title {
    text-align: center;
    margin-bottom: 30px;
}

.footer_contact .contact_wrap .contact_title h2 {
    font-size: clamp(2.4rem, 3vw, 2.8rem);
    color: #fff;
    margin-bottom: 20px;
}

.footer_contact .contact_wrap .contact_title p {
    color: #fff;
}

.footer_contact .contact_wrap .contact_btn {
    margin-bottom: 30px;
}

/*----------------------------------------------------
	�T�[�r�X�Љ�
----------------------------------------------------*/

/*------------column�ꗗ�g���܂킵�p-------------------*/

.column_list {
    margin-bottom: 30px;
}

.column_list li {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.column_list li a {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .column_list li a {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.column_list li:first-child {
    padding-top: 0;
}

@media only screen and (max-width: 768px) {
    .column_list li {
        padding: 15px 0;
    }

    .column_list li:first-child {
        padding-top: 0;
    }
}

.column_list li .thum {
    width: 25%;
    aspect-ratio: 16/9;
}

@media only screen and (max-width: 768px) {
    .column_list li .thum {
        width: 100%;
    }
}

.column_list li .thum img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.column_list li .title_wrap {
    flex: 1;
}

.column_list li .title_wrap h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.column_list li .title_wrap .date {
    font-size: 1.5rem;
    color: #a9a9a9;
}

.column_list li .title_wrap .read {
    text-align: right;
    text-decoration: underline;
    color: #09174e;
}

.service_list ul {
    /* display: flex;
    justify-content: center; */

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}

/* @media only screen and (max-width: 992px) {
    .service_list ul {
        grid-template-columns: repeat(2, 1fr);
    }
} */

@media only screen and (max-width: 768px) {
    .service_list ul {
        /* flex-wrap: wrap;
        gap: 20px; */

        grid-template-columns: repeat(1, 1fr);
    }
}

.service_list ul li {
    /* width: 33.3333333333%; */
    text-align: center;
    /* margin-top: 10px; */
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
    .service_list ul li {
        width: 100%;
    }
}

/* .service_list ul li:nth-child(2) {
    margin: 10px 30px 0;
} */

/* @media only screen and (max-width: 768px) {
    .service_list ul li:nth-child(2) {
        border: 0;
        margin: 0;
        padding: 0;
    }
} */

.service_list ul li h3 {
    font-size: 1.7rem;
    font-weight: 500;
    color: #09174e;
    border-bottom: 2px solid #9cb2db;
    text-align: center;
    position: relative;
    padding: 5px 0;
    margin-bottom: 30px;
    background: #f5f5fc;
}

.service_list ul li h3:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50%;
    height: 2px;
    content: "";
    background: #2a5bb5;
}

.service_list ul li img {
    margin-bottom: 20px;
    max-width: 80%;
}

.service_list ul li p {
    text-align: left;
    flex: 1;
}

.service_list ul li a {
    text-align: right;
    display: block;
    text-decoration: underline;
    color: #09174e;
}

.service_column_wrap {
    padding-bottom: 0;
}

.tab_wrap {
    position: relative;
}

.tab_wrap .js-tab-btn {
    width: 30%;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: #f5f5fc;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    .tab_wrap .js-tab-btn {
        width: 50%;
    }
}

.tab_wrap .js-tab-btn:hover {
    cursor: pointer;
}

.tab_wrap .js-tab-btn.current {
    background: #2a5bb5;
    color: #fff;
}

.tab_wrap .js-tab-btn:last-child {
    margin-right: 0px;
}

.tab_wrap .tab_list {
    max-width: 1024px;
    position: relative;
    justify-content: center;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .tab_wrap .tab_list {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px) {
    .tab_wrap .tab_list li {
        width: 48%;
    }
}

.tab_wrap .panel_area {
    position: relative;
    background: #f5f5fc;
    padding: 60px 0;
    border-top: 2px solid #2a5bb5;
}

.tab_wrap .js-tab-contents {
    display: none;
}

.tab_wrap .js-tab-contents.current {
    display: block;
}

@media only screen and (max-width: 414px) {
    .tab_wrap .js-tab-btn {
        width: 50%;
        text-align: center;
        padding: 10px 0;
        font-size: 1.4rem;
        margin-right: 0;
    }

    .tab_wrap .js-tab-btn.current {
        padding: 10px 0;
    }
}

.about_us .bnr_mm {
    padding: 0 0 80px 0;
    display: block;
}

@media only screen and (max-width: 768px) {
    .about_us .bnr_mm {
        padding: 0 0 40px 0;
    }
}

.about_us .meta_title {
    text-align: center;
    padding-bottom: 10px;
}

.about_us .meta_title:before {
    width: 100px;
    height: 5px;
    text-align: center;
    background: #2a5bb5;
}

.about_us ul {
    max-width: 900px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 15px;
    background: #ffffff78;
}

.about_us ul li {
    width: 100%;
    padding: 10px 0 10px 40px;
    position: relative;
}

.about_us ul li::before {
    content: "�E";
    font-family: "Font Awesome 5 free";
    color: #2a5bb5;
    font-weight: 900;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*----------------------------------------------------
	�T�[�r�X�Љ�@IPO�x���ETPM�x��
----------------------------------------------------*/

.service_ipo_about p {
    margin-bottom: 1em;
}

.service_ipo_about .flow_box {
    margin-bottom: 60px;
}

.service_ipo_about .flow_box .function {
    font-size: 1.5rem;
    transition: all 0.5s;
}

.service_ipo_about .flow_box:hover .function {
    color: #2a5bb5;
}

.service_tpm_about p {
    margin-bottom: 1em;
}

.service_tpm_about p.function {
    border: 1px solid #2a5bb5;
    padding: 10px;
    font-size: 1.7rem;
    background: #fff;
}

.service_tpm_about p.function .red {
    color: #c51131;
}

.service_tpm_about p.function .big {
    font-size: clamp(1.8rem, 2vw, 2rem);
    text-decoration: underline;
}

.service_tpm_about .tpm_feature {
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
}

.service_tpm_about .tpm_feature th {
    background: #2a5bb5;
    color: #fff;
}

.service_tpm_about .tpm_feature td {
    background: #fff;
}

.service_tpm_about .tpm_feature th,
.service_tpm_about .tpm_feature td {
    padding: 1em;
    border: 1px solid #ccc;
    text-align: center;
}

.service_tpm_about .tpm_process {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.service_tpm_about .tpm_process li {
    width: 400px;
    background: #2a5bb5;
    font-size: 1.8rem;
    color: #fff;
    padding: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .service_tpm_about .tpm_process li {
        width: 100%;
    }
}

.service_tpm_about .tpm_process li:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #2a5bb5 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.service_tpm_about .tpm_process li:last-child {
    margin-bottom: 0;
}

.service_tpm_about .tpm_process li:last-child::after {
    content: none;
}

.service_tpm_about .tpm_process li p {
    margin-bottom: 0;
}

.service_tpm_about .tpm_process li p.sub {
    position: absolute;
    left: 105%;
    top: 0;
    width: 570px;
    background: #fff;
    color: #09174e;
    border: 1px solid #09174e;
    padding: 10px;
    font-size: 1.6rem;
    line-height: 1.4;
}

@media only screen and (max-width: 768px) {
    .service_tpm_about .tpm_process li p.sub {
        position: relative;
        left: unset;
        width: 100%;
    }
}

.service_tpm_about .tpm_process li p.sub:before {
    content: "";
    display: inline-block;
    width: 21px;
    border: 1px solid #2a5bb5;
    position: absolute;
    left: -22px;
    top: 50%;
}

@media only screen and (max-width: 768px) {
    .service_tpm_about .tpm_process li p.sub:before {
        content: none;
    }
}

.service_ipo_member {
    background: #fafafa;
}

.service_ipo_member ul {
    margin: 30px auto 60px;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service_ipo_member ul li {
    width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .service_ipo_member ul li {
        flex-wrap: wrap;
        padding: 0 20px;
    }
}

.service_ipo_member ul li figure {
    margin-right: 30px;
    width: 20%;
}

@media only screen and (max-width: 768px) {
    .service_ipo_member ul li figure {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .service_ipo_member ul li figure img {
        width: 70%;
    }
}

.service_ipo_member ul li .member_detail {
    flex: 1;
}

.service_ipo_member ul li .member_detail .member_name {
    color: #09174e;
    font-weight: 700;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    .service_ipo_member ul li .member_detail .member_name {
        text-align: center;
        margin: 5px 0;
    }
}

.service_ipo_member ul li .member_detail .member_name.jqs:after {
    content: "J-QS";
    color: #fff;
    background: #c51131;
    padding: 0 5px;
    font-size: 1.4rem;
    border-radius: 5px;
    margin-left: 10px;
    order: 2;
}

.service_ipo_member ul.official {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .service_ipo_member ul.official {
        gap: 10px;
    }
}

.service_ipo_member ul.official li {
    width: 48%;
}

@media only screen and (max-width: 768px) {
    .service_ipo_member ul.official li {
        padding: 0;
    }
}

.service_ipo_member ul.official li .member_name span {
    display: inline-block;
    color: #333;
    font-size: 1.8rem;
    line-height: 1.2;
}

.service_case dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.service_case dl dt {
    background: #f5f5fc;
    font-weight: 700;
    text-align: center;
    width: 33.3333333333%;
    padding: 10px 15px;
}

.service_case dl dd {
    width: 33.3333333333%;
    padding: 10px 1em;
    border: 1px solid #f5f5fc;
    font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
    .service_case dl dd {
        padding: 10px;
    }
}

.service_ipo_column_wrap {
    background: #f5f5fc;
    padding: 60px 0;
    margin-bottom: 60px;
}

.service_ipo_column_wrap li:hover {
    background: #fafafe;
}

.ipoacademy_intro {
    width: 90%;
    margin: 0 5%;
}

.ipoacademy_intro .inner {
    background: #fff;
    padding: 30px;
    margin-top: 10px;
    box-shadow: 0 0 5px #bac6db;
    border: 10px solid #fafafa;
    transition: all 0.5s;
}

.ipoacademy_intro .inner:hover {
    box-shadow: 0 0 15px #ccc;
}

@media only screen and (max-width: 1200px) {
    .ipoacademy_intro .inner {
        padding: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .ipoacademy_intro .inner {
        padding: 10px;
    }
}

.ipoacademy_intro .inner .meta_title {
    font-size: 4rem;
}

.ipoacademy_intro .inner .flex {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_intro .inner .flex {
        flex-wrap: wrap;
        gap: 30px;
    }
}

.ipoacademy_intro .inner .flex .txt {
    width: 60%;
    z-index: 2;
    background: #fff;
    padding: 0 30px 20px;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_intro .inner .flex .txt {
        width: 100%;
        padding: 20px 0 0;
    }

    .ipoacademy_intro .inner .flex .txt p {
        margin-bottom: 20px;
    }
}

.ipoacademy_intro .inner .flex figure {
    flex: 1;
    z-index: 1;
    margin-left: -50px;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_intro .inner .flex figure {
        width: 100%;
        flex: unset;
        margin-left: 0%;
    }
}

/*----------------------------------------------------
	�T�[�r�X�Љ�@���ȉ�
----------------------------------------------------*/

.aca_title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 70px;
    position: relative;
    color: #4f4f4f;
}

.aca_title span {
    font-size: clamp(2.4rem, 5vw, 3rem);
    display: block;
    color: #09174e;
}

.aca_title::before {
    position: absolute;
    bottom: -20px;
    left: calc(50% - 30px);
    width: 60px;
    height: 2px;
    content: "";
    background: #2a5bb5;
}

.academy_intro ul {
    display: flex;
    margin-bottom: 50px;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .academy_intro ul {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.academy_intro ul li {
    width: calc(33.3333333333% - 10px);
    text-align: center;
}

.academy_intro ul li img {
    margin-bottom: 20px;
    width: 150px;
}

.academy_intro ul li p {
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .academy_intro ul li {
        width: 100%;
    }
}

.academy_intro .reccomend {
    background: #2a5bb5;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    font-size: clamp(2rem, 5vw, 2.2rem);
    border-radius: 10px;
    position: relative;
}

.academy_intro .reccomend::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #2a5bb5 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.academy_feature .feature_box {
    display: flex;
    position: relative;
    margin-bottom: 80px;
    align-items: center;
}

.academy_feature .feature_box:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .academy_feature .feature_box {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.academy_feature .feature_box figure {
    width: 300px;
}

.academy_feature .feature_box .txt {
    flex: 1;
    top: 0;
    right: 0;
    background: #fff;
    padding-left: 30px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .academy_feature .feature_box .txt {
        position: relative;
        width: 100%;
        padding: 0;
    }
}

.academy_feature .feature_box .txt h3 {
    padding-left: 60px;
    color: #ee7a00;
    font-size: clamp(2rem, 5vw, 2.8rem);
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .academy_feature .feature_box .txt h3 {
        padding-left: 60px;
    }
}

.academy_feature .feature_box .txt h3:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    left: 30px;
    top: -5px;
    background-color: #ee7a00;
}

@media only screen and (max-width: 768px) {
    .academy_feature .feature_box .txt h3:before {
        width: 50px;
        height: 50px;
        left: 0;
        top: 0;
    }
}

.academy_feature .feature_box .txt h3.title1:before {
    -webkit-mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/feature_icon1.svg);
    mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/feature_icon1.svg);
}

.academy_feature .feature_box .txt h3.title2:before {
    -webkit-mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/feature_icon2.svg);
    mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/feature_icon2.svg);
}

.academy_feature .feature_box .txt h3.title3:before {
    -webkit-mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/feature_icon3.svg);
    mask: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/feature_icon3.svg);
}

.academy_movie .aca_title {
    background: #09174e;
    padding: 20px;
    color: #fff;
    position: relative;
}

.academy_movie .aca_title span {
    color: #fff;
}

.academy_movie .aca_title::before {
    content: none;
}

.academy_movie .aca_title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #09174e transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.academy_movie .youtube_box {
    width: 100%;
    margin-bottom: 30px;
    aspect-ratio: 16/9;
}

.academy_movie .youtube_box iframe {
    width: 100%;
    height: 100%;
}

.academy_movie .inquiry_btn {
    width: 440px;
}

@media only screen and (max-width: 768px) {
    .academy_movie .inquiry_btn {
        width: 100%;
    }
}

.academy_service {
    background: #f5f5fc;
    padding: 60px 0;
    overflow: unset;
    margin-bottom: 50px;
}

.academy_service::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: 50vw solid transparent;
    border-top: 50px solid #f5f5fc;
    height: 0;
    width: 0;
    z-index: -1;
}

@media only screen and (max-width: 768px) {
    .academy_service {
        padding: 40px 0;
    }
}

.academy_service ul {
    border-radius: 10px;
    display: flex;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .academy_service ul {
        flex-wrap: wrap;
    }
}

.academy_service ul li {
    width: 33.3333333333%;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .academy_service ul li {
        width: 100%;
        padding: 20px 0;
    }
}

.academy_service ul li:nth-child(2) {
    border-right: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
}

@media only screen and (max-width: 768px) {
    .academy_service ul li:nth-child(2) {
        border-top: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
        border-right: 0;
        border-left: 0;
    }
}

.academy_service ul li figure {
    aspect-ratio: 1/1;
    width: 80px;
    margin: 0 auto;
}

.academy_service ul li .txt_wrap {
    padding: 20px;
}

.academy_service ul li .txt_wrap h3 {
    font-size: clamp(2rem, 5vw, 2.2rem);
    margin-bottom: 10px;
}

.academy_service ul li .txt_wrap p {
    text-align: left;
}

.academy_speaker .seminar_speaker_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.academy_speaker .seminar_speaker_list li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fafafa;
    padding: 20px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .academy_speaker .seminar_speaker_list li {
        flex-wrap: wrap;
        text-align: center;
    }
}

.academy_speaker .seminar_speaker_list li figure {
    margin-right: 20px;
    width: 160px;
}

@media only screen and (max-width: 768px) {
    .academy_speaker .seminar_speaker_list li figure {
        width: 100%;
        margin: 0 0 20px;
    }
}

.academy_speaker .seminar_speaker_list li .speaker_detail {
    flex: 1;
}

@media only screen and (max-width: 768px) {
    .academy_speaker .seminar_speaker_list li .speaker_detail {
        width: 100%;
    }
}

.academy_speaker .seminar_speaker_list li .speaker_detail .speaker_laber1 {
    background: #09174e;
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.academy_speaker .seminar_speaker_list li .speaker_detail .speaker_laber2 {
    color: #2a5bb5;
    font-size: 1.6rem;
    margin-bottom: 1em;
}

.academy_speaker .seminar_speaker_list li .speaker_detail .speaker_name span {
    font-size: 2rem;
}

.academy_speaker .seminar_speaker_list li.sumi:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/sumi.png) no-repeat;
    width: 120px;
    height: 121px;
    background-size: contain;
}

@media only screen and (max-width: 768px) {
    .academy_speaker .seminar_speaker_list li.sumi:before {
        width: 80px;
        height: 80px;
        top: -20px;
    }
}

.academy_speaker .seminar_speaker_list li.w50 {
    width: 49%;
}

.academy_speaker .seminar_speaker_list li.w50 figure {
    width: 120px;
}

@media only screen and (max-width: 768px) {
    .academy_speaker .seminar_speaker_list li.w50 figure {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .academy_speaker .seminar_speaker_list li.w50 {
        width: 100%;
    }
}

.academy_speaker .seminar_speaker_list li.w50.sumi:before {
    width: 80px;
    height: 80px;
}

.ipoacademy_guidance .seminar_speaker_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ipoacademy_guidance .seminar_speaker_list li {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fafafa;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_guidance .seminar_speaker_list li {
        flex-wrap: wrap;
        text-align: left;
        font-size:14px;
    }
}

.ipoacademy_guidance .seminar_speaker_list li figure {
    margin-right: 20px;
    width: 160px;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_guidance .seminar_speaker_list li figure {
        width: 100%;
        margin: 0 0 20px;
    }
}

.ipoacademy_guidance .seminar_speaker_list li .speaker_detail {
    flex: 1;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_guidance .seminar_speaker_list li .speaker_detail {
        width: 100%;
    }
}

.ipoacademy_guidance .seminar_speaker_list li .speaker_detail .speaker_laber1 {
    background: #09174e;
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.ipoacademy_guidance .seminar_speaker_list li .speaker_detail .speaker_laber2 {
    color: #2a5bb5;
    font-size: 1.6rem;
    margin-bottom: 1em;
}

.ipoacademy_guidance .seminar_speaker_list li .speaker_detail .speaker_name span {
    font-size: 2rem;
}


@media only screen and (max-width: 768px) {
    .ipoacademy_guidance .seminar_speaker_list li.sumi:before {
        width: 80px;
        height: 80px;
        top: -20px;
    }
}

.ipoacademy_guidance .seminar_speaker_list li.w50 {
    width: 49%;
}

.ipoacademy_guidance .seminar_speaker_list li.w50 figure {
    width: 120px;
}

@media only screen and (max-width: 768px) {
    .ipoacademy_guidance .seminar_speaker_list li.w50 figure {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .ipoacademy_guidance .seminar_speaker_list li.w50 {
        width: 100%;
    }
}



.academy_privilege {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/privilege_bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.academy_privilege article {
    width: 100%;
    counter-reset: number 0;
}

.academy_privilege article div {
    display: block;
    background: #fff;
    padding: 30px;
    padding-left: 120px;
    border-radius: 10px;
    margin-bottom: 60px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .academy_privilege article div {
        padding-left: 30px;
    }
}

.academy_privilege article div:before {
    counter-increment: number 1;
    content: counter(number);
    position: absolute;
    font-size: 4rem;
    color: #2a5bb5;
    height: 100%;
    border: 2px solid #2a5bb5;
    background: #fff;
    font-family: serif;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .academy_privilege article div:before {
        bottom: unset;
        top: -30px;
        left: -10px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}

.academy_privilege article h3 {
    font-size: clamp(2rem, 5vw, 2.2rem);
    color: #2a5bb5;
}

.academy_voice .voice_box {
    width: 100%;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .academy_voice .voice_box {
        width: 100%;
    }

    .academy_voice .voice_box img {
        width: 40px;
        height: 40px;
    }
}

.academy_voice .voice_box p {
    border: 1px solid #2a5bb5;
    padding: 20px;
    width: 80%;
    border-radius: 10px;
    position: relative;
}

.academy_voice .voice_box p:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #2a5bb5;
}

.academy_voice .voice_box p span {
    font-size: 2rem;
    font-weight: 700;
    display: block;
}

.academy_price {
    background: #f5f5fc;
}

.academy_price table {
    width: 100%;
    border-collapse: collapse;
}

.academy_price table th {
    background: #2a5bb5;
    color: #fff;
}

.academy_price table td {
    background: #fff;
}

.academy_price table th,
.academy_price table td {
    padding: 1em;
    border: 1px solid #ccc;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .academy_price table th,
    .academy_price table td {
        padding: 4px;
    }
}

.academy_price table span {
    color: #d51212;
    font-size: 2.8rem;
    font-weight: 700;
}

.academy_schedule table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.academy_schedule table th {
    background: #2a5bb5;
    color: #fff;
}

.academy_schedule table th,
.academy_schedule table td {
    width: 33%;
    padding: 1em;
    border: 1px solid #ccc;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .academy_schedule table th,
    .academy_schedule table td {
        padding: 1em 0;
    }
}

.academy_schedule table tr:nth-child(odd) td {
    background: #fafafa;
}

/*----------------------------------------------------
	���[���}�K�W��
----------------------------------------------------*/

@media only screen and (max-width: 768px) {
    .mm_head .flex {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.mm_head .mm_catch {
    font-size: clamp(2rem, 5vw, 2.8rem);
    color: #fff;
    font-family: serif;
}

.mail_merit_list ul {
    display: flex;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .mail_merit_list ul {
        flex-wrap: wrap;
        gap: 50px 0;
    }
}

.mail_merit_list ul li {
    width: calc(50% - 15px);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
}

@media only screen and (max-width: 768px) {
    .mail_merit_list ul li {
        width: 100%;
    }
}

.mail_merit_list ul li .mm_title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mail_merit_list ul li .merit_laber {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #2a5bb5;
}

.mail_merit_list ul li .merit_laber .txt1 {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
}

.mail_merit_list ul li .merit_laber .txt2 {
    font-size: 3.2rem;
    display: block;
}

.mail_merit_list ul li h3 {
    font-size: 2rem;
    font-weight: 500;
    color: #09174e;
    text-align: center;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .mail_merit_list ul li h3 {
        text-align: left;
    }
}

.mail_merit_list ul li img {
    width: 200px;
    margin: 15px auto;
}

@media only screen and (max-width: 768px) {
    .mail_merit_list ul li img {
        width: 100px;
    }
}

.mail_merit_list ul li .merit_lead {
    width: 100%;
}

.mail_detail .meta_title {
    font-size: clamp(2.6rem, 5vw, 3rem);
    padding-bottom: 10px;
    position: relative;
}

.mail_detail .meta_title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    background-image: -webkit-repeating-linear-gradient(135deg, #ccc, #ccc 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mail_detail .flex {
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .mail_detail .flex {
        flex-wrap: wrap;
    }
}

.mail_detail .flex p,
.mail_detail .flex figure {
    width: 48%;
}

@media only screen and (max-width: 768px) {
    .mail_detail .flex p,
    .mail_detail .flex figure {
        width: 100%;
    }
}

.mailmagazine {
    background: url(/study/wp-content/uploads/2026/016224-vi-ipo/img/mailmagaine.jpg);
    background-size: cover;
    background-position: center;
    padding: 60px 0 70px;
}

@media only screen and (max-width: 1200px) {
    .mailmagazine {
        padding: 30px 0 40px;
    }
}

.mailmagazine .flex {
    justify-content: center;
    align-items: center;
    gap: 60px;
}

@media only screen and (max-width: 768px) {
    .mailmagazine .flex {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.mailmagazine .flex h2 {
    font-size: 2.8rem;
    color: #fff;
    font-family: serif;
}

@media only screen and (max-width: 768px) {
    .mailmagazine .flex h2 {
        width: 100%;
        text-align: center;
    }
}

.mm_btn {
    border: 0;
    padding: 0;
    background: none;
}

.mm_btn a {
    border-radius: 5px;
    padding: 8px 20px;
    background: #9a031e;
    color: #fff;
    font-size: 1.8rem;
    border: 1px solid #9a031e;
    transition: all 0.3s;
    display: block;
    font-weight: 700;
}

@media only screen and (max-width: 1024px) {
    .mm_btn a {
        padding: 10px 60px;
    }
}

.mm_btn a:hover {
    background: unset;
    color: #9a031e;
    opacity: 1;
}

/*----------------------------------------------------
	�R�����S�L���ꗗ
----------------------------------------------------*/

.archives_tab .js-tab-btn {
    width: 50%;
}

.archives_tab .panel_area {
    padding: 20px 0;
    transition: all 0.3s;
    background: unset;
}

/*----------------------------------------------------
	��������
----------------------------------------------------*/

.performance_list_box .wrap {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    border-left: 3px solid #2a5bb5;
    padding: 20px 0 0 20px;
}

.performance_list_box .wrap:nth-child(even) {
    border-left: 3px solid #09174e;
}

.performance_list_box h2 {
    font-size: 2.2rem;
}

.performance_list_box .company_name {
    font-size: 1.8rem;
    margin: 10px 0;
    color: #666;
}

.performance_list_box .tag_txt {
    display: inline-block;
    font-size: 1.4rem;
    color: #444;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

/*----------------------------------------------------
	�悭���鎿��y�[�W
----------------------------------------------------*/

.faq_cat_list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.faq_cat_list li {
    width: calc(50% - 10px);
    background: #2a5bb5;
    text-align: center;
    font-size: 2rem;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .faq_cat_list li {
        width: 100%;
    }
}

.faq_cat_list li a {
    display: block;
    color: #fff;
    padding: 10px;
    position: relative;
}

.faq_cat_list li a::after {
    content: "\f103";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: absolute;
    right: 20px;
}

.faq_list {
    background: #f5f5fc;
}

.accordion_one {
    margin-bottom: 30px;
}

.accordion_one .accordion_header {
    position: relative;
    background: #2a5bb5;
    font-size: 1.8rem;
    color: #fff;
    padding: 1em;
    border-radius: 10px;
}

.accordion_one .accordion_header:hover {
    cursor: pointer;
}

.accordion_one .accordion_header:before {
    content: "Q";
    font-size: 3rem;
    line-height: 1;
    padding-right: 10px;
}

.accordion_one .accordion_header:after {
    content: "\f13a";
    font-family: "Font Awesome 5 free";
    color: #fff;
    font-weight: 900;
    position: absolute;
    transition: all 0.3s;
    right: 10px;
    padding: 0 10px;
    font-size: 1.8rem;
}

.accordion_one .accordion_header.open:after {
    transform: rotate(180deg);
}

.accordion_one .accordion_inner {
    display: none;
    background: #fff;
    padding: 20px;
    border-radius: 0 0 10px 10px;
}

.accordion_one .accordion_inner .box_one {
    position: relative;
    padding-left: 30px;
}

.accordion_one .accordion_inner .box_one:before {
    content: "A";
    font-size: 3rem;
    line-height: 1;
    position: absolute;
    left: 0;
    color: #e73e5c;
}

/*----------------------------------------------------
	�������ʃy�[�W
----------------------------------------------------*/

.search_page li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.search_page li a {
    display: block;
}

.search_page li a .title {
    margin-bottom: 10px;
}

.search_page li a .title::before {
    content: "\f138";
    font-family: "Font Awesome 5 free";
    color: #ccc;
    font-weight: 900;
    margin-right: 10px;
}

.search_page li a .excerpt {
    font-size: 1.4rem;
    color: #666;
    padding-left: 2em;
    line-height: 1.4;
}

.search_page li a span.search-highlight {
    background: yellow;
}

/*----------------------------------------------------
	404�y�[�W
----------------------------------------------------*/

.error-404 {
    text-align: center;
    padding: 300px 0 200px;
    color: #5c5c5c;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .error-404 {
        padding: 200px 15px 100px;
    }
}

.error-404 .back_btn {
    border: 1px solid #09174e;
    color: #09174e;
    font-size: 1.8rem;
    padding: 15px 30px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 30px;
    transition: all 0.3s;
}

.error-404 .back_btn:hover {
    background: #09174e;
    color: #fff;
}

.error-404 .icon_404 {
    background: #fff;
    font-size: 9rem;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
    .error-404 .icon_404 {
        font-size: 7rem;
    }
}

.error-404 .icon_404 span {
    text-shadow:
        2px 0 0 #09174e,
        0 2px 0 #09174e,
        -2px 0 0 #09174e,
        0 -2px 0 #09174e;
    color: #fff;
}

/*# sourceMappingURL=style.css.map */
.academy_schedule_image table th,
.academy_schedule_image table td {
    width: 20%;
}

/* 20220920 */
.j-adviser_btn_orange {
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
    .j-adviser_btn_orange {
        margin-top: 50px;
    }
}

.j-adviser_btn_orange_under {
    margin: 50px auto;
}

.column .inquiry_btn {
    width: 440px;
}

@media screen and (max-width: 768px) {
    .column .inquiry_btn {
        width: 100%;
    }
}

.academy_price .inquiry_btn {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .academy_price .inquiry_btn {
        margin-top: 10px;
    }
}

.top_btn_orange {
    width: 440px;
}

@media screen and (max-width: 768px) {
    .top_btn_orange {
        width: 100%;
    }
}

.top_btn_box {
    margin-top: 40px;
    width: 100%;
}

.service_btn_orange {
    margin-top: 40px;
}

.service_btn_box {
    margin-bottom: 40px;
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .service_btn_box {
        width: 100%;
        padding: 0 15px;
    }
}

/* �g�b�v�y�[�W */
/* ���C���r�W���A���{�^�� */
.main_visual .download_wrap {
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .main_visual .download_wrap {
        width: 100%;
    }
}

/* �g�b�v�y�[�W�R�����{�^�� */
.front_column .download_wrap {
    width: 50%;
    margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
    .front_column .download_wrap {
        width: 100%;
    }
}

/* �T�[�r�X���C���r�W���A���{�^�� */
.service_download_wrap {
    width: 35%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .service_download_wrap {
        width: 100%;
    }
}

/*  */
.service_list .contact_btn {
    width: 50%;
    margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
    .service_list .contact_btn {
        width: 100%;
    }
}

/* �R�����{�^�� */
.service_contact_btn {
    width: 30%;
    margin: 40px auto;
}

.service_contact_btn img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .service_contact_btn {
        width: 90%;
    }
}

/* IPO�x�� */
/* ���C���r�W���A���{�^�� */
.ipo_download_wrap {
    width: 35%;
    margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
    .ipo_download_wrap {
        width: 100%;
    }

    .ipo_download_wrap img {
        max-width: 100%;
    }
}

.service_ipo_about .contact_btn {
    width: 50%;
    margin: 40px auto 0;
}

.service_ipo_about .contact_btn img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .service_ipo_about .contact_btn {
        width: 90%;
    }
}

.service_ipo_member .contact_btn {
    width: 50%;
    margin: 40px auto 0;
}

.service_ipo_member .contact_btn img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .service_ipo_member .contact_btn {
        width: 90%;
    }
}

.ipo_contact_btn {
    max-width: 1024px;
    margin: 0 auto 40px;
}

.ipo_contact_btn img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 768px) {
    .ipo_contact_btn {
        width: 90%;
    }
}

.j-adviser_download_wrap {
    width: 35%;
    margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
    .j-adviser_download_wrap {
        width: 100%;
    }

    .j-adviser_download_wrap img {
        max-width: 100%;
    }
}

.j-adviser_btn {
    width: 50%;
    margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
    .j-adviser_btn {
        width: 100%;
    }
}

.j-adviser_btn2 {
    max-width: 1024px;
    margin: 0 auto 40px;
}

.j-adviser_btn2 img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 768px) {
    .j-adviser_btn2 {
        width: 90%;
    }

    .j-adviser_btn2 img {
        width: 100%;
    }
}

.ipoacademy_download_wrap {
    width: 35%;
    margin: 0 auto 30px;
}

.ipoacademy_download_wrap img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .ipoacademy_download_wrap {
        width: 100%;
    }

    .ipoacademy_download_wrap img {
        max-width: 100%;
    }
}

.ipoacademy_contact_btn {
    width: 45%;
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .ipoacademy_contact_btn {
        width: 100%;
    }
}

.ipoacademy_contact_btn2 {
    width: 45%;
    margin: 40px auto;
}

@media screen and (max-width: 768px) {
    .ipoacademy_contact_btn2 {
        width: 100%;
    }
}

/* IPO*/

.column {
    padding: 0 0 50px 0;
}

.dl-2023 {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 50px;
}

.dl-2023 img {
    width: 90%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 768px) {
    .dl-2023 {
        width: 100%;
    }
}

/* �t�b�^�[�o�i�[�ݒu */
.bnr_ma {
    max-width: 1300px;
}

@media screen and (max-width: 768px) {
    .bnr_ma_image {
        margin-bottom: 30px;
        width: 100%;
    }
    .bnr_ma_image img {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
}

.ipoacademy_guidance {
    padding: 20px 0 60px;
}

.ipoacademy_guidance-title {
    background-color: #09174e;
    color: #ffffff;
    text-align: center;
    padding: 30px 20px;
    font-size: 36px;
    position: relative;
}

.ipoacademy_guidance-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #09174e transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.ipoacademy_guidance-schedule {
    margin-top: 40px;
    font-size: 36px;
    color: #e6b422;
}

.ipoacademy_guidance-schedule-link {
    color: #e6b422;
    text-decoration: underline;
}

.ipoacademy_guidance-status {
    display: block;
    margin-top: 24px;
    font-size: 24px;
    background-color:  #ee7800;
    color: #ffffff;
    width: fit-content;
    padding: 10px 20px;
    margin-right: auto;
    margin-left: auto;
}

.ipoacademy_guidance-status-text {
}

.ipoacademy_guidance-course {
    margin-top: 20px;
}

.ipoacademy_guidance-course-time {
    color: #09174e;
    margin-top: 24px;
    font-size: 18px;
    font-weight: bold;
}

.ipoacademy_guidance-course-title {
    margin-top: 24px;
    background-color: #2a5bb5;
    color: #ffffff;
    width: 100%;
    padding: 0 10px;
}

.ipoacademy_guidance-course-blue {
    margin-top: 24px;
    color: #09174e;
    font-weight: bold;
}

.ipoacademy_guidance-course-text {
    margin-top: 24px;
}

/* 20240917�lj� */
.ipoacademy_guidance-course-img {
    display: flex;
    margin: 30px auto 0;
    width: 80%;
}
.ipoacademy_guidance-course-link {
    color: #2a5bb5;
    border-bottom: solid 1px #2a5bb5;
    font-weight: bold;
}

/* 768px�ȉ��̎� */
@media screen and (max-width: 768px) {
    .ipoacademy_guidance-title {
        font-size: 24px;
    }

    .ipoacademy_guidance-course-img {
    display: flex;
    margin: 30px auto 0;
    width: 60%;
}


    .ipoacademy_guidance-schedule {
        font-size: 24px;
    }

    .ipoacademy_guidance-status {
        font-size: 18px;
    }

    .ipoacademy_guidance-course {
        font-size: 18px;
    }

    .ipoacademy_guidance-course-time {
        font-size: 14px;
    }

    .ipoacademy_guidance-course-title {
        font-size: 14px;
    }

    .ipoacademy_guidance-course-blue {
        font-size: 14px;
    }

    .ipoacademy_guidance-course-text {
        font-size: 14px;
    }
}

.investigation img {
    width: min(100%, 800px);
}

.investigation__fv-text {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .investigation__fv-text {
        font-size: 14px;
    }
}
.investigation__fv-list {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    counter-reset: number 0;
}
.investigation__fv-list-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .investigation__fv-list-item {
        flex-direction: column;
        gap: 10px;
    }
}
.investigation__fv-list-item:before {
    counter-increment: number 1;
    content: counter(number);
    font-size: 20px;
    font-weight: 700;
    background-color: #ee7800;
    color: #fff;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .investigation__fv-list-item:before {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .investigation__fv-list-item-title {
        text-align: center;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .investigation__fv-list-item-title:before {
        counter-increment: number 1;
        content: counter(number);
        font-size: 20px;
        font-weight: 700;
        background-color: #ee7800;
        color: #fff;
        min-width: 40px;
        min-height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.investigation__fv-list-item-content {
    margin-top: 10px;
}
.investigation__fv-list-item-content-text {
    display: flex;
}
@media screen and (max-width: 768px) {
    .investigation__fv-list-item-content-text {
        font-size: 14px;
    }
}
.investigation__fv-list-item-content-text:before {
    content: "�E";
}
.investigation__position {
    margin-top: 60px;
}
.investigation__position-title {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.1;
}
.investigation__position-title-text {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #444444;
}
@media screen and (max-width: 768px) {
    .investigation__position {
        margin-top: 40px;
    }
    .investigation__position-title {
        font-size: 20px;
    }
    .investigation__position-text {
        font-size: 14px;
    }
    .investigation__position-title-text{
        font-size: 14px;
    }
}
.investigation__position-image {
    margin-top: 20px;
    text-align: center;
}
.investigation__flow {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .investigation__flow {
        margin-top: 40px;
    }
    .investigation__flow-title {
        font-size: 20px;
    }
}
.investigation__flow-image {
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .investigation__flow-list {
        font-size: 14px;
    }
}
.investigation__flow-list-item {
    display: flex;
}
.investigation__flow-list-item:before {
    content: "�E";
}
.investigation__flow-list-item-title {
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .investigation__flow-list-item-text {
        font-size: 14px;
    }
}
.investigation__flow-list-item-content-text {
    display: flex;
    gap: 5px;
}
.investigation__flow-list-item-content-text:before {
    content: "-";
}
.investigation__report {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .investigation__report {
        margin-top: 40px;
    }
    .investigation__report-title {
        font-size: 20px;
    }
}
.investigation__report-image {
    margin-top: 20px;
    text-align: center;
}
.investigation__report-text {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .investigation__report-text,
    .investigation__report-list {
        font-size: 14px;
    }
}
.investigation__banner {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .investigation__banner {
        margin-top: 40px;
    }
}
.investigation__banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.investigation__consultation {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .investigation__consultation {
        margin-top: 40px;
    }
    .investigation__consultation-title {
        font-size: 20px;
    }
}
.investigation__consultation-text {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .investigation__consultation-text,
    .investigation__consultation-list {
        font-size: 14px;
    }
}

.investigation__fv-image {
    margin-bottom: 40px;
    text-align: center;
}

.investigation__fv-image img {
    width: 100%;
}

.investigation__flow-image-text {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 120%;
}

.page_title-sub {
    font-size: 50%;
}

/* 20240827 */
.click_btn {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 220px;
    height: 54px;
}


@media only screen and (max-width: 768px) {
    .click_btn {
        position:static;
        width: 100%;
        height: auto;
    }
    .click_btn a {
        max-width: 200px;
        display: block;
        margin: 0 auto;
    }
}

p.member_name.jqs.fqs {
    display: flex;
    align-items: center;
}

p.member_name span {
    order: 1;
}

@media only screen and (max-width: 768px) {
    p.member_name.jqs.fqs {
        justify-content: center;
    }
}

.service_ipo_member ul li .member_detail .member_name.fqs:before {
    content: "F-QS";
    color: #fff;
    background: #4F81BD;
    padding: 0 5px;
    font-size: 1.4rem;
    border-radius: 5px;
    margin-left: 10px;
    order: 3;
}


/* 20241007 */
.construction-business-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* �e�L�X�g�ƃ{�^���̊ԂɃX�y�[�X��lj� */
    margin: 10px 0;
  }
  @media screen and ( max-width:600px ){
      .construction-business-button-container {
          flex-direction: column;
        }
  }
  
  .construction-business-text-left {
    color: #f48024;
    font-size: 16px;
    font-weight: bold;
  }
  
  .construction-business-button {
    background-color: #f48024;
    color: white!important;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
  }
  @media screen and ( max-width:320px ){
      .construction-business-button {
          font-size: 14px;
        }
  }
  
  .construction-business-button:hover {
    background-color: #d9691d;
  }
  
  .construction-business-text-right {
    color: #f48024;
    font-size: 16px;
    font-weight: bold;
  }
  
/*** 2025�lj����� ***/
@media screen and (max-width: 768px) {
    .fltbtn_2025 {
        width: 160px;
    }
    
}

/* �f�t�H���g�ł͔�\�� */
.post_meta {
    display: none;
}

/* .column �̔z���ɂ��� .post_meta �̂ݕ\�����ĉE�� */
.column .post_meta {
    display: block;
    text-align: right;
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
}

/* �X��span�������тɂ��‚—]���� */
.column .post_meta span {
    display: inline-block;
    margin-left: 10px;
}