#global-wrap #search-wrap .search-section{
    padding: 0 3%;
}

#global-wrap #search-wrap .search-section header{
    background-color: #f8f8f8;
    text-align: center;
    padding: 2% 0;
    font-size: 2em;
    margin-bottom:2%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#global-wrap #search-wrap .search-section header img{
    display: inline-block;
    margin-right: 1%;
    height: 3em;
    vertical-align: middle;
}
#global-wrap #search-wrap .search-section header h2{
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2%;
    flex: 0 0 auto;
}
#global-wrap #search-wrap .search-section header p{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}
.header-spacer{
    flex: 1 1 auto;
}
.header-title-text {
    display: flex;
}
.search-header-text {
  font-size: 0.7em;
  margin-bottom: 0%;
}

#global-wrap #search-wrap .search-section .search-form .search-row .search-col .search-title{
    font-size: 1.2em;
    margin-bottom: 0.5%;
}
#global-wrap #search-wrap .search-section .search-form .search-row{
    font-size: 1.4em;
    margin-bottom: 2%;
}
/* 非表示の検索条件 */
#global-wrap #search-wrap .search-section .search-form .search-row.display-none{
    display: none;
}
#global-wrap #search-wrap .search-section .search-form .search-button.request-button{
    width: auto;
    padding: 1.2% 8% 0.5% 8%;
}
#global-wrap #search-wrap .search-section .search-form .search-button.request-button:after{
    right:3%
}
#global-wrap #search-wrap .search-section .search-form .button-area{
    text-align: center;
}
#global-wrap #search-wrap .search-section .search-form .search-col.between .date-between{
    display: flex;
    justify-content: space-between;
}
#global-wrap #search-wrap .search-section .search-form .search-col.between .search-content{
    flex:0.48;
}
#global-wrap #search-wrap .search-section .search-form .search-col.between .search-content > span{
    position:relative
}
#global-wrap #search-wrap .search-section .search-form .search-col.between .between-spacer{
    padding:1% 0;
}
#global-wrap #search-wrap #search-result .result-content .image-area{
    position: relative;
    border-radius: 10px;
    margin-bottom: 3%;
    overflow: hidden;
}
#global-wrap #search-wrap #search-result .result-content .image-area img{
    width: 100%;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
}
#global-wrap #search-wrap #search-result .result-content .hold-date{
    background-color: #fffcdd;
    margin-bottom: 1%;
}
#global-wrap #search-wrap #search-result .result-content .hold-date span{
    margin-right: 1%;
    display: inline-block;
    padding: 1% 3% 0 3%;
    line-height: 1em;
    background-color: #fef154;
}
#global-wrap #search-wrap #search-result .result-content .stage-precenter{
    background-color: #fffcdd;
    margin-bottom: 1%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#global-wrap #search-wrap #search-result .result-content .stage-precenter span{
    margin-right: 1%;
    display: inline-block;
    padding: 2% 3% 1% 3%;
    line-height: 1em;
    background-color: #fef154;
}
#global-wrap #search-wrap #search-result .result-content .title{
    width: 100%;
    overflow: hidden;
    margin-bottom: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; 
}
#global-wrap #search-wrap .search-section .search-form .search-button{
    font-size: 1.7em;
}
#global-wrap #search-wrap .search-section .search-form .search-button.request-button{
    width: auto;
    padding: 1.2% 8% 0.5% 8%;
    color:#000;
}
#global-wrap #search-wrap .search-section .search-form .search-button.request-button:after{
    right:3%
}
/* 体験のとびら検索ボタン */
#global-wrap #search-wrap .search-section .search-form .search-button.search-button-exp{
    flex: 0.24;
    padding: 1.2% 3% 0.5% 3%;
}
#global-wrap #search-wrap .search-section .search-form .button-area{
    text-align: center;
}
#global-wrap #search-wrap #search-result .result-content .lesson-row span{
    display: inline-block;
    margin-right: 1%;
    padding:1% 2% 0.5% 2%;
    background-color: #fffcdd;
}
#global-wrap #search-wrap #search-result .result-content .school{
    margin-bottom: 3%;
}
#global-wrap #search-wrap #search-result .result-content .school span{
    background-color: #fef154;
    padding: 1% 3% 0 3%;
}
#global-wrap #search-wrap #search-result .result-content .job-class span{
    background-color: #fffcdd;
}
#global-wrap #search-wrap .search-section .search-form{
    margin-bottom: 4%;
}
.not_contents{
    letter-spacing: normal;
    padding: 5% 0;
    text-align: center;
}
span.clear-text{
    display:block;
    position: absolute;
    top: -1px;
    right: 6px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #aaa;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
}

#global-wrap #search-wrap #search-result .category-wrap+.category-wrap {
    margin-top: 32px;
}

#global-wrap #search-wrap #search-result .category-wrap .category {
    font-size: 20px;
    letter-spacing: normal;
}

#global-wrap #search-wrap #search-result .category-wrap .articles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 4px;
}

#global-wrap #search-wrap #search-result .category-wrap .articles .result-content {
    width: calc((100% - 20px * 3) / 4);
    margin: 0;
}

#global-wrap #search-wrap #search-result .category-wrap .articles .result-content .title {
    height: inherit;
}

/* PCタブレット用スタイル */
@media screen and (min-width: 768px) {
    #global-wrap #search-wrap #search-result .result-content .title{
        height: 4.5em;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row.col-2{
        display: flex;
        justify-content: space-between;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row.col-2>*{
        flex:0.48;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .checkbox-row{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 0.7%;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .checkbox-row.after-row:after {
        content: "";
        display: block;
        flex:0.32;  
        height: 0;
        padding: 2% 1% 1% 1%;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .checkbox-row label{
        flex:0.32;
        background-color: #f8f8f8;
        padding: 2% 1% 1% 1%;
        font-size: 1.2em;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .checkbox-row .col-f{
        flex: 1;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .checkbox-row label input[type=checkbox]{
        margin-right: 1%;
    }
    #global-wrap #search-wrap .search-section .search-form .checkbox-col{
        font-size: 1.4em;
        flex: 0.24;
        background-color: #f8f8f8;
        padding: 1.2% 1% 0.5% 1%;
    }
    #global-wrap #search-wrap .search-section .search-form .checkbox-col .checkbox-label{
        flex: 1;
        padding: 2% 1% 1% 1%;
        font-size: 1.2em;
        display: flex;
    }
    #global-wrap #search-wrap .search-section .search-form .checkbox-col .checkbox-label input[type=checkbox]{
        margin-right: 1%;
    }

    #global-wrap #search-wrap #search-result{
        letter-spacing: -1em;
    }
    #global-wrap #search-wrap #search-result .result-content .school{
        text-align: right;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row.col-3{
        display: flex;
        justify-content: space-between;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row.col-3 .col-h{
        flex:0.49;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row.col-3 .col-q{
        flex:0.24;
    }
    #global-wrap #search-wrap #search-result .result-content .job-class{
        display: flex;
        justify-content: space-between;
    }
    #global-wrap #search-wrap #search-result .result-content .job-class div{
        padding: 1% 1% 0 1%;
        font-size: 1vw;
    }
    #global-wrap #search-wrap #search-result .result-content .image-area{
        /* aspect-ratio: 5 / 3; */
        padding-top: 56.25%; /* safari対応 */
    }
    #global-wrap #search-wrap #search-result .result-content .hold-date{
        font-size: 0.9vw;
    }
    #global-wrap #search-wrap #search-result .result-content .stage-precenter{
        font-size: 0.9vw;
    }
    /* 体験のとびら検索ボタンエリア */
    #global-wrap #search-wrap .search-section .search-form .button-area.button-area-exp{
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #global-wrap #search-wrap #search-result .result-content{
        display: inline-block;
        width: 30%;
        vertical-align: top;
        margin-right: 3%;
        margin-bottom: 2%;
        letter-spacing: 0;
    }
    #global-wrap #search-wrap #search-result .category-wrap .articles .result-content {
        width: calc((100% - 20px * 2) / 3);
        margin: 0;
    }
    /* 検索画面説明部 */
    .header-spacer{
        flex: none;
    }
    .header-title-text {
        display: block;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1399px) {
    #global-wrap #search-wrap #search-result .result-content{
        display: inline-block;
        width: 23%;
        vertical-align: top;
        margin-right: 2%;
        margin-bottom: 2%;
        letter-spacing: 0;
    }
}
@media screen and (min-width: 1400px) {
    #global-wrap #search-wrap #search-result .result-content{
        display: inline-block;
        width: 19%;
        vertical-align: top;
        margin-right: 1%;
        margin-bottom: 2%;
        letter-spacing: 0;
    }
}

/* スマホ用スタイル */
@media screen and (max-width: 767px) {
    #global-wrap #search-wrap .search-section .search-form .search-row{
        margin-bottom: 5%;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .search-col{
        margin-bottom: 5%;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .search-col .search-title{
        margin-bottom: 1%;
    }
    #global-wrap #search-wrap .search-section .search-form .search-row .checkbox-row label{
        display: block;
        background-color: #f8f8f8;
        padding: 2% 1% 1% 1%;
        margin-bottom: 2%;
        font-size: 1.2em;
    }
    #global-wrap #search-wrap .search-section .search-form .checkbox-col{
        font-size: 1.4em;
        flex: 0.24;
        background-color: #f8f8f8;
        padding: 1.2% 1% 0.5% 1%;
    }
    #global-wrap #search-wrap .search-section .search-form .checkbox-col .checkbox-label{
        flex: 1;
        padding: 2% 1% 1% 1%;
        font-size: 1.2em;
        display: flex;
    }
    #global-wrap #search-wrap .search-section .search-form .checkbox-col .checkbox-label input[type=checkbox]{
        margin-right: 1%;
    }
    #global-wrap #search-wrap #search-result .result-content{
        margin-bottom: 3%;
    }
    #global-wrap #search-wrap .search-section .search-form .search-button.request-button{
        width: auto;
        padding: 3% 8% 0.5% 8%;
        margin: 1% 0 1% 0;
    }
    #global-wrap #search-wrap #search-result .result-content .image-area{
        /* aspect-ratio: 5 / 3; */
        padding-top: 56.25%; /* safari対応 */
    }
    #global-wrap #search-wrap #search-result .result-content .hold-date{
        font-size: 1.2em;
    }
    #global-wrap #search-wrap #search-result .result-content .stage-precenter{
        font-size: 1.0em;
    }
    #global-wrap #search-wrap #search-result .category-wrap .category {
        font-size: 18px;
    }

    #global-wrap #search-wrap #search-result .category-wrap .articles {
        gap: 16px 12px;
        margin-top: 8px;
    }

    #global-wrap #search-wrap #search-result .category-wrap .articles .result-content {
        width: 100%;
        margin: 0;
    }

    #global-wrap #search-wrap #search-result .category-wrap .articles .result-content .title {
        font-size: 14px;
    }
    /* 検索画面説明部 */
    .header-spacer{
        flex: none;
    }
    .header-title-text {
        display: block;
    }
    /* 体験のとびら検索ボタンエリア */
    #global-wrap #search-wrap .search-section .search-form .button-area.button-area-exp{
        display: grid;
    }
}

/* PC（hover 可能デバイス）専用の半透明化 */
@media (hover: hover) {
    #global-wrap #search-wrap #search-result .category-wrap .articles .result-content a:hover .image-area img,
    #global-wrap #search-wrap #search-result.exp-result .result-content a:hover .image-area img,
    #global-wrap #search-wrap #search-result.lesson-result .result-content a:hover .image-area img,
    #search-wrap .section-content.exp-result .result-content a:hover .image-area img,
    #global-wrap #search-wrap #search-result .study-result .result-content a:hover .image-area img,
    #global-wrap #search-wrap #search-result.stage-result .result-content a:hover .image-area img,
    #search-wrap .section-content.study-result .result-content a:hover .image-area img,
    #site-search #search-wrap .articles li .content-link:hover .image-area img {
        opacity: 0.7;
        transition: opacity 0.3s ease-out;
    }
}

/* スマホ（hover なしデバイス）専用のタップ時半透明化 */
@media (hover: none) {
    #global-wrap #search-wrap #search-result .category-wrap .articles .result-content a:active .image-area img,
    #global-wrap #search-wrap #search-result.exp-result .result-content a:active .image-area img,
    #global-wrap #search-wrap #search-result.lesson-result .result-content a:active .image-area img,
    #search-wrap .section-content.exp-result .result-content a:active .image-area img,
    #global-wrap #search-wrap #search-result .study-result .result-content a:active .image-area img,
    #global-wrap #search-wrap #search-result.stage-result .result-content a:active .image-area img,
    #search-wrap .section-content.study-result .result-content a:active .image-area img,
    #site-search #search-wrap .articles li .content-link:active .image-area img {
        opacity: 0.7;
        transition: opacity 0.3s ease-out;
    }
}

/* ===== 検索結果アイコン（動画・PDF）左下表示 ===== */
#global-wrap #search-wrap #search-result .image-area {
    position: relative; /*親要素*/
}

#global-wrap #search-wrap #search-result .content-icon {
    position: absolute; /*子要素*/
    bottom: 0px;
    left: 0px;          /*左下配置*/
    width: 3em;
    height: 3em;        /*アイコンサイズ*/
}