@media screen and (max-width:1300px) {
    .header_panel .logo{
        width: 20vw;
        min-width: 20vw;
        margin-right: 2vw;
    }
    .header_panel .right_part .button_part .btn_gesi{
        width: 220px;
    }
    .header_panel .right_part .button_part .btn_consult{
        width: 220px;
    }
}

/* Tablet */
@media screen and (max-width:1100px) {
    .header_panel .right_part{
        align-items: center;
    }
    .header_panel .right_part .top_menu{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .header_panel .right_part .top_menu li:nth-child(2n){
        border-right: 0;
    }
    .header_panel .right_part .top_menu li a{
        display: flex;
        word-break: break-word;
    }    
    #search_from_category .search_item_list  a{
        word-break: break-word;
        text-align: center;
        white-space: normal;
    }
    #search_from_category .subpart_title    
    {
        display: inline-block;
       
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #search_from_issue .search_issue_list .content ul li
    {
        display: block;
       
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #sect05 .seminar_panel .seminar_list .bottom_txts .small_txt,
    #sect05 .service_panel .service_list .right .small_txt
    {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #search_from_issue .search_issue_list .content li{
        max-width: 30ch;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #search_from_category .subpart_list .single-column .subpart_title{
        font-size: 16px;
    }
    #sect03 .contact_panel  img,
    #sect05 .contact_panel  img{
        width: 25vw;
    }
    .service_panel .service_list .item {
        width: calc((100% - 20px));
    }
    .header-fix .header_panel .right_part .top_menu li a{
        font-size: 13px;
    }
}
/* SP */
@media screen and (max-width: 768px) {
    body,
    html{
        overflow-x: hidden;
    }
    .header_panel .logo{
        width: initial;
        min-width: unset;
        max-width: 35vw;
    }
    .header_panel .right_part .top_menu{
        display: none;
    }
    .header_panel{
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .header_panel .right_part{
        padding-right: 20px;
    }
    .header_panel .right_part .button_part .btn_gesi{
        margin-top: 10px;
        margin-bottom: 5px;
        max-width: 45vw;
        text-align: center;
    }
    .header_panel .right_part .button_part .btn_consult{
        max-width: 45vw;
        text-align: center;
        height: 30px;
        border-radius: 15px;
        margin-bottom: 1vw;
    }
    .header-fix #topbar .header_panel .right_part .button_part .btn_consult{
        height: 30px;
        border-radius: 15px;
    }
    #topbar .button_part .btn_gesi{
        margin-top: 1vw;
        margin-bottom: 1vw;
        height: 30px;
        border-radius: 15px;
    }

    .part01{
        flex-direction: column;
    }
    .part01 .top_banner{
        width: 100%;
        padding-right: 0;
        margin-bottom: 10vw;
    }
    .part01 .top_banner .text01{
        font-size: min(60px, 11.5vw);
        white-space: wrap;
        margin-bottom: 10vw;
    }
    .part01 .search_category_list{
        width: 100%;
        padding-left: 0;
    }
    .part01 .search_category_list .item .title {
        font-size: 14px;
        text-align: center;
    }
    .footer_panel .right_part .links_list .col {
        margin-right: 20px;
    }
    .contact_panel .title {
        position: relative;
        z-index: 2;
        line-height: 1.2;
    }
    .contact_panel {
        padding: 35px 30px;
    }
    #sect03 .btn_free_consulting img{
        width: 30vw;
    }
    .rel_topic .topic_list .item {
        width: calc((100% - 40px) / 2);
        margin-right: 10px;
    }
    .rel_topic .topic_list .item:nth-child(2n) {
        margin-right: 0px;
    }
    .rel_topic .topic_list .item:nth-child(3n) {
        margin-right: 10px;
    }
    .search_issue_list .item {
        width: 100%;
        margin-bottom: 20px;
    }
    .search_issue_list .item:nth-child(2n+1) {
        margin-right: 0px;
    }
    .favor_find .favor_items {
        display: flex;
        flex-direction: column;
    }
    .favor_find .favor_items .item {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .rel_topic .topic_list .item {
        width: 100%;
        margin-right: 0px;
    }
    .rel_topic .topic_list .item:nth-child(3n) {
        margin-right: 0px;
    }
    .rel_topic .topic_list .item .right .text {
        margin-bottom: 15px;
    }
    .seminar_panel .seminar_list {
        flex-direction: column;
    }
    .seminar_panel .seminar_list .item {
        margin-bottom: 20px;
        width: 100%;        
    }
    .out_site_logo_list .item{
        height: 14vw;
    }
    #topbar .right_part {
        margin-right: 2vw;
        margin-bottom: 0;
    }
    #sect01{
        padding-top: 15vw;
    }
    .part01 .top_banner .text02{
        font-size: min(22px, 4.8vw);
        line-height:2.2;
        letter-spacing: unset;
    }

    .btn_free_consulting{
        width: 100%;
        height: 13vw;
        border-radius: 6.5vw;
        font-size: 4vw;
        margin: 6.5vw auto 7.8vw auto;
    }
    .btn_free_consulting::after{
        right: 6.5vw;
        top: 5vw;
        width: 1.3vw;
        height: calc(1.3vw * 21 / 10);
        background-size: cover;
    }
    .sect_title{
        font-size: 26px;
    }
    .sect_sub_title{
        font-size: 20px;
    }
    .subpart_list .subpart_item .subpart_title{
        font-size: 16px;
    }
    .btn_favor_list{
        width: 90%;
        height: 13vw;
        border-radius: 6.5vw;
        font-size: 4vw;
        margin: 6.5 auto 12.7vw auto;
    }
    .btn_favor_list::after{
        right: 6.5vw;
        top: 5vw;
        width: 1.3vw;
        height: calc(1.3vw* 21 / 10);
        background-size: cover;
    }
    .btn_seminar_list{
        width: 90%;
        height: 13vw;
        border-radius: 6.5vw;
        font-size: 4vw;
        margin: 6.5 auto 12.7vw auto;
    }
    .btn_seminar_list::after{
        right: 6.5vw;
        top: 5vw;
        width: 1.3vw;
        height: calc(1.3vw* 21 / 10);
        background-size: cover;
    }
}
@media screen and (max-width: 600px) {
    #sect03 .contact_panel  img,
    #sect05 .contact_panel  img{
        width: 30vw;
    }
    .footer_panel .right_part .links_list .col {
        margin-right: 5px;
    }
    .subpart_list .subpart_item.two-column {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .subpart_list .subpart_item.four-column .column {
        width: calc((100% - 10px) / 2);
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .subpart_list .subpart_item.four-column .column:nth-child(2n) {
        margin-right: 0;
    }
    .subpart_list .subpart_item.three-column {
        width: 100%;
        margin-right: 0;
    }
    .subpart_list .subpart_item.one-column {
        width: 50vw;
    }
    .search_issue_list .item {
        width: 100%;
    }
    .search_issue_list .item:nth-child(2n+1) {
        margin-right: 0px;
    }
    .subpart_list .subpart_item.three-column .column{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .subpart_list .subpart_item.three-column .column:nth-child(2){
        margin-right: 0;
    }
    #search_from_category .subpart_list .single-column{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    #search_from_category .subpart_list .single-column:nth-child(2n){
        margin-right: 0;
    }
    #search_from_category .search_item_list a{
        max-width: unset;
    }

    .search_from_keyword{
        flex-direction: column;
    }
    .search_from_keyword .left {
        border-right: none;
    }
    .search_from_keyword .left,.search_from_keyword .right {
        width: 100%;
    }
    .search_from_keyword .title {
        padding-bottom: 0px;
    }
    .search_from_keyword .right {
        margin-top: 20px;
        padding-left: 0;
    }
    
    .footer_panel{
        flex-direction: column;
    }
    .footer_panel .left_part{
        width: 100%;
        text-align: center;
    }
    .footer_panel .left_part > a{
        display: block;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .footer_panel .right_part{
        width: 100%;
    }
    .footer_panel .right_part .links_list{
        flex-direction: column;
    }
    .out_site_logo_list .item{
        height: 30vw;
    }

}
@media screen and (max-width: 510px) {
    .header_panel .right_part .button_part .btn_gesi{
        font-size: 12px;
    }
    .header_panel .right_part .button_part .btn_consult{
        font-size: 12px;
    }
    .part01 .search_category_list .item .title {
        font-size: 12px;
    }
    .search_from_keyword .left {
        padding-right: 10px;
    }
    .search_from_keyword {
        padding: 20px 10px;
    }
}
@media screen and (max-width: 375px) {
    .btn_favor_list,
    .btn_seminar_list{
        word-wrap: break-word;
        display: inline-block;
        white-space: normal;
        text-align: center;
        padding: 2px 3px;
        border-radius: 15px;
        /* max-width: 18ch; */
        width: 90%;
    }
    .btn_seminar_list::after,
    .btn_favor_list::after,
    .btn_seminar_list::after {
        right: 20px;
        top: 47px;
    }
    #sect01 .part01 .top_banner .text02{
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    #sect02 {
        padding-top:30px;
    }
    .subpart_list {
        margin-bottom: 20px;
    }
    .subpart_list .subpart_item {
        margin-right: 0px;
    }
    .subpart_list .subpart_item.four-column .column {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .subpart_list .subpart_item.four-column .column:nth-child(2n) {
        margin-right: 0;
    }
    #search_from_category .search_item_list  a:nth-child(odd) {
        margin-right: 0px;
    }
    .subpart_item.single-column,
    .subpart_item.one-column,
    .subpart_item.two-column,
    .subpart_item.three-column,
    .subpart_item.four-column{
        text-align: left;
    }
    .subpart_item.one-column .search_item_list,
    .subpart_item.single-column .search_item_list,
    .subpart_item.three-column .search_item_list{
        text-align: center;
    }
    .search_issue_list .item {
        width: 100%;
    }
    #search_from_issue {
        padding-top: 35px;
    }
    #sect02 {
        padding-bottom: 30px;
    }
    .contact_panel .title {
        text-align: left;
    }
    .contact_panel .bg-icon {
        right: 17px;
        bottom: 35px;
    }
    #sect04 {
        padding-top: 30px;
    }
    .favor_find .title {
        font-size: 28px;
    }
    .rel_topic {
        padding-top: 30px;
    }
    .btn_favor_list {        
        margin: 30px auto 38px auto;
    }
    .btn_favor_list, .btn_seminar_list {
        font-size: 5.25vw;
    }
    .btn_favor_list{
        padding-top: 23px;
    }
    .btn_favor_list::after {
        right: 28px;
        top: 28px;
    }
    #sect05 {
        padding-top: 30px;
    }
    .seminar_panel .title_note {
        margin-bottom: 15px;
        text-align: left;
    }
    .btn_seminar_list {
        margin: 0px auto 28px auto;
    }
    .btn_free_consulting::after {
        right: 23px;
    }
    .service_panel .title_note {
        margin-bottom: 30px;
    }
    .service_panel {
        margin-top: 25px;
    }
    .service_panel .title {
        margin-bottom: 10px;
    }
    .service_panel .service_list .item {
        width: 100%;
        margin-right: 0px;
    }
    .service_panel .btn_seminar_list {
        margin-top: 0px;
    }
    .faq_panel {
        margin-top: 10px;
        padding-bottom: 16px;
    }
    .faq_panel .title_note {
        margin-bottom: 20px;
        text-align: left;
    }
    .faq_panel .faq_list {
        padding: 15px;
    }
    .faq_panel .faq_list .item .answer .text {
        text-align: left;
    }
    footer .copyright {
        padding-top: 30px;
    }
    .search_issue_list .item .content .detail {
        text-align: left;
    }
    .rel_topic .title,.seminar_panel .title {
        margin-bottom: 15px;
    }
    .service_panel .service_list .item .left .img {
        width: 100px;
        height: 100px;
    }
    .service_panel .service_list .item .left {
        width: 150px;
    }
    .service_panel .service_list .item .right {
        width: calc( 100% - 150px );
    }
    .btn_seminar_list{  
        padding-top: 20px;
    }
    .btn_seminar_list::after{  
        top: 25px;
    }
    .btn_favor_list::after {
        right: 17px;
    }
    .sect_title {
        margin-bottom: 15px;
    }
    #sect03 .btn_free_consulting::after,#sect05 .btn_free_consulting::after {
        top: 12vw;
    }
}