@charset "utf-8";

.top_visual { width:100%; position:relative; margin-top:-27px; }
.top_visual .contents { padding:80px 0; }
.top_bg { width:100%; }
.top_visual .maru_top_sp { width:100%; position:absolute; top:0; display:block; z-index:-1; }
.top_visual .maru_top_pc { display:none; }
.top_visual .h1_wrap { width:100%; height:10vh; margin-bottom:40px; text-align:center; background-image: url("/img/library/ribbon.png");background-repeat: no-repeat;background-position: center center; background-size: 100% auto;         }
.top_visual .h1_wrap strong { width:100%; font-size:46px; letter-spacing:0.15em; text-align:center; }
.top_visual .h1_wrap h1 { width:100%; font-size:16px; text-align:center; letter-spacing:0.1em; color:#FC5942; }
.kensaku-form { height:40px; border:1px solid #ccc; display:flex; padding:0 2.5%; border-radius:5px; align-items: center;}
.kensaku-form img { margin-left:-25px;}
.top_bg_pc_wrap { display:none; }
@media (min-width:768px) {
    .top_visual { margin-top:0; }
    .top_visual .maru_top_sp { display:none; }
    .top_visual .maru_top_pc { width:100%; position:absolute; top:0; display:block; z-index:-1; }
    .top_visual p .pc { display:inline-block; }
    .top_bg_pc_wrap { position:relative; margin-top:50px; display:block; }
    .top_bg_pc_wrap .taiyo { width:7%; position:absolute; top:0; left:18%;  animation: spin 8s linear infinite;}
    @keyframes spin {
    to {
        transform: rotate(360deg);
    }
    }
    .top_bg_pc_wrap .kumo1 { width:5%; position:absolute; top:15%; left:12%; }
    .top_bg_pc_wrap .kumo2 { width:5%; position:absolute; top:0; left:30%; }
    .top_bg_pc_wrap .kumo3 { width:5%; position:absolute; top:0; right:50%; }
    .top_bg_pc_wrap .kumo4 { width:5%; position:absolute; top:10%; right:18%; }
    .top_bg_pc_wrap .kumo5 { width:5%; position:absolute; top:0; right:0; }

    .fuwa { animation:fuwa 4s ease-in-out infinite; display:block; }
        @keyframes fuwa {
        0%   { transform: translateY(0px); }
        50%  { transform: translateY(-10px); }
        100% { transform: translateY(0px); }
        }
    .fuwa2 { animation:fuwa2 3s ease-in-out infinite; display:block; }
        @keyframes fuwa {
        0%   { transform: translateY(-10px); }
        50%  { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
    .top_visual p { width:100%; text-align:center; line-height:35px; margin-top:40px; }

}

@media (min-width:768px) and (max-width:1299px) {
  .top_visual .h1_wrap { width:500px;  height:100px; margin:0 auto 0 auto; text-align:center; }
  .top_visual .h1_wrap strong { margin-top:30px; }
  .top_bg_wrap .top_visual .contents { width:100%; background:none; border:0; display:block; }
  .top_bg_wrap .top_visual .contents .pc { display:none; }
  .top_bg_wrap .top_visual .contents p { text-align:center; }

}
@media (min-width:1300px) {
    .top_visual .h1_wrap{ width:650px; height:150px; margin:0 auto; }
    .top_visual .h1_wrap strong { font-size:72px; margin:30px 0 50px 0; }
    .top_visual .h1_wrap h1 { font-size:24px; }
    
}




.top_bg_wrap .top_bg_pc { display:none; }
.top_bg_wrap .section_title_en { display:inline-block; }
@media (min-width:768px) {
    .top_bg_wrap { width:100%; margin:0 auto 80px auto; }
    .top_bg_wrap .top_bg_pc { width:100%; display:block; }

    .top_bg_wrap .section_title_en { width:100%; font-size:20px; color:#FC5942; opacity:1; display:block; text-align:left; line-height:1.7em; margin-top:50px; }

}
@media (min-width:1100px) {
    .top_bg_wrap { width:85%; }
}


.top_bg_wrap .contents .keyword_wrap input:focus {
    outline: none;
    border: 1px solid #fff; /* 好きな色に */
}
@media (min-width:768px) {
    .top_bg_wrap .contents { width:80%; border:2px solid #004680; border-radius:30px; background:#fff; padding:50px 10%; filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.08)); margin-top:-50px; display:flex; }
    .top_bg_wrap .contents  .section_title.bgtext { width:50%; margin-bottom:0; }
    .top_bg_wrap .contents  .section_title.bgtext .section_title_ja.center { width:100%; font-size:30px; text-align:left; line-height:1.7em; }
    .top_bg_wrap .contents .keyword_wrap { width:50%; }
    .top_bg_wrap .contents .keyword_wrap p { margin-bottom:10px; }
     .top_bg_wrap .contents .keyword_wrap input { width:100%; }

}

@media (min-width:768px) and (max-width:1299px) {
    .top_bg_wrap .contents { width:90%; padding:50px 5%; }
    
}
@media (min-width:1100px) {
    .top_bg_wrap .contents  .section_title.bgtext .section_title_ja.center { font-size:36px;}
}


.condition_wrap { width:100%; display:flex; flex-wrap:wrap; gap:24px; }
.condition_wrap li { width:100%; }
.condition_wrap li .img_wrap { width:100%; height:150px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.condition_wrap li .img_wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.condition_wrap li .img_wrap:hover img { transform:scale(1.1); }
.condition_wrap li .img_wrap strong { width:100%; text-align:center; font-weight:bold; color:#fff; position:absolute; font-size:20px; letter-spacing:0.1em; z-index:2; }
.condition_wrap li .img_wrap strong  span { width:100%; display:inline-block; font-weight:normal; }
@media (min-width:768px) {
    .condition_wrap { margin-bottom:100px; }
    .condition_wrap li { width: calc(calc(100% - 48px) / 3);}
    .condition_wrap li .img_wrap { height:216px; }
    .condition_wrap li .img_wrap strong { font-size: min(2.4vw,28px); }
    .condition_wrap li .img_wrap strong  span { font-size:20px; margin-top:10px; font-weight:bold; }
}



.link_lists_title {text-align: center;padding: 8px 0;background-color: #004680;font-size: 18px;font-weight: bold; color:#fff; }
.link_lists a{width: 44vw;display: inline-block;position: relative;}
.link_lists a:hover{text-decoration: underline;transition: 0.3s;}
.link_lists img{width: 5px;height: auto;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.area_button_else a{position: relative;}
.area_button_else img{width: 5px;height: auto;position: absolute;right: -25px;top: 50%;transform: translateY(-50%);}
.area_links {display: flex;flex-direction: row;flex-wrap: wrap;padding:20px 20px;gap: 10px; background:#fff; }
.area_links a{width:100%; position:relative; }
.area_links a:hover { text-decoration: underline;}
@media (min-width:768px) {
    .link_lists{padding-bottom: 0px;width: auto;}
    .link_lists_school{border: 1px solid #DADADA;width: auto;}
    .link_lists_comment{width: 1320px;margin-bottom: 40px;margin-bottom: 60px;margin-top: 60px;}
    .area_links{padding: 20px 50px;}
    .area_links a{width: calc(calc(100% - 20px) / 3);}
    .link_lists img{right: 50px;}
}
@media (min-width:1100px) {
        .area_links a{width: calc(calc(100% - 30px) / 4);}
}
@media (min-width:1300px) {
        .area_links a{width: calc(calc(100% - 40px) / 5); }
}
.area_links a img{width: 5px;height: auto;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
@media (min-width:768px) {
    .area_links a img { right:40px; }
}
.area_links_wrap { width:100%; filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.08));}
.area_links_wrap.chuo { margin-bottom:40px; }