@charset "UTF-8";

/* CSS Document */
.xs_none {
    display: none !important;
}

.xs_only {
    display: block;
}

.txt50xs {
    font-size: 50% !important;
}

.txt60xs {
    font-size: 60% !important;
}

.txt70xs {
    font-size: 70% !important;
}

.txt80xs {
    font-size: 80% !important;
}

.txt90xs {
    font-size: 90% !important;
}

.txt100xs {
    font-size: 100% !important;
}

.txt110xs {
    font-size: 110% !important;
}

.txt120xs {
    font-size: 120% !important;
}

.txt130xs {
    font-size: 130% !important;
}

.txt140xs {
    font-size: 140% !important;
}

.txt150xs {
    font-size: 150% !important;
}

.txt160xs {
    font-size: 160% !important;
}

.txt170xs {
    font-size: 170% !important;
}

.txt180xs {
    font-size: 180% !important;
}

.txt190xs {
    font-size: 190% !important;
}

.txt200xs {
    font-size: 200% !important;
}

.txt240xs {
    font-size: 240% !important;
}

.txt280xs {
    font-size: 280% !important;
}

.xs_mb0 {
    margin-bottom: 0 !important;
}

.xs_mb05 {
    margin-bottom: 5px !important;
}

.xs_mb10 {
    margin-bottom: 10px !important;
}

.xs_mb20 {
    margin-bottom: 20px !important;
}

.xs_mb30 {
    margin-bottom: 30px !important;
}

.xs_mb40 {
    margin-bottom: 40px !important;
}

.xs_mb50 {
    margin-bottom: 50px !important;
}

.xs_mb60 {
    margin-bottom: 60px !important;
}

.xs_mb80 {
    margin-bottom: 80px !important;
}

.xs_mb100 {
    margin-bottom: 100px !important;
}

.xs_mt0 {
    margin-top: 0 !important;
}

.xs_mt10 {
    margin-top: 10px !important;
}

.xs_mt20 {
    margin-top: 20px !important;
}

.xs_mt30 {
    margin-top: 30px !important;
}

.xs_mt40 {
    margin-top: 40px !important;
}

.xs_mt50 {
    margin-top: 50px !important;
}

.xs_mt60 {
    margin-top: 60px !important;
}

.xs_mt80 {
    margin-top: 80px !important;
}

.xs_mt100 {
    margin-top: 100px !important;
}

.xs_ml0 {
    margin-left: 0 !important;
}

.xs_ml10 {
    margin-left: 10px !important;
}

.xs_mr0 {
    margin-right: 0 !important;
}

.xs_mr10 {
    margin-right: 10px !important;
}

/*------------------------------*/


.pickup_list_container .pickup_link .img_container {
    width: 60px;
    height: 60px;
}

.common_card_link {
    padding: 20px 20px 50px;
}

.subpage_main_title {
    padding: 80px 0 60px;
}

.page_h2_title {
    margin-top: 30px;
}


.concept_section_content2025 .item a .txt_container {
    position: inherit;
    width: 100%;
    max-width: none;
    padding: 10px;
}

.concept_section_content2025 .item a .txt_container .angle_right:after {
    width: 25px;
    height: 25px;
}

.concept_section_content2025 .item a .txt_container .icon {
    width: 20%;
}

.concept_section_content2025 .item a .txt_container h2 {
    font-size: 20px;
}


.pankuzu li{
    font-size: 12px;
}

.pankuzu li:after{
    margin-left: 6px;
    margin-right: 6px;
}

.page_top_title {
    padding: 40px 0;
}

.page_top_title .container {
    padding: 20px 15px;
    flex-direction: column;
    max-width: 300px;
    margin: auto;
}

.page_top_title .container .icon img{
    max-width: 60px;
}

.page_top_title .txt{
    margin-left: 0;
    text-align: center;
    margin-top: 15px;
}

.page_top_title .txt .jp{
    font-size: 2.8rem;
}

.guidance_flow .item .title {
    width: 100%;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    align-items: flex-start;
    border-right: none;
    border-bottom: 1px solid var(--gray4);
}

.guidance_flow .item .content {
    padding: 0;
}

.guidance_flow .item .container {
    flex-direction: column;
}

.guidance_flow .item:after {
    left: 50%;
    transform: translate(-50%, 50%);
}

.page_h2_title .jp {
    font-size: 2.8rem;
}

.page_title_wrap h1 {
    font-size: 2.8rem;
    margin-bottom: 30px;
}

.box_large {
    padding: 40px 25px;
}


.faq_container dt .q_mark, .faq_container dd .a_mark{
    width: 40px;
    height: 40px;
    font-size: 20px;
}