@charset "utf-8";

.l_contents{ padding: 10px 10px 0 10px; }

.l_header_img{overflow: hidden;}
.l_header_img .flexslider{border:none;-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.l_header_img .flex-control-paging li a,
.l_header_img .flex-control-paging li a:hover{}
.l_header_img .flex-control-paging li a.flex-active{}
.l_header_img .flexslider ul li span{display:block;background-size:cover;background-position:center;background-repeat:no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;padding-top:56%;height:0;
}

.area_top_menu{padding: 20px 0;}
.area_top_menu ul li{margin-bottom: 10px;}


/*.area_news .scroll{ height:400px;overflow-y:scroll;}*/
.area_news .scroll ul li{padding-bottom:20px;}
.area_news .scroll ul li .image span{display:block;padding-top:90%;}

.area_news .inner{padding:40px 10px;}
.area_news .come_btn{padding:20px 20px 0;}
.area_news .come_btn a{padding-left:0;letter-spacing:0;}

.bg_g{margin: 0 -10px;}




/**/
.area_m_menu{padding:35px 5px 25px;}
.area_m_menu ul{display:flex;flex-wrap:wrap;font-size:0;}
.area_m_menu li{display:inline-block;margin-bottom:10px;}
.area_m_menu a{display:block;margin:0 5px;}
.mn_voice,.mn_sys,.mn_health,.mn_pira{width:100%;}
.mn_voice a{background:url(../images/top_menu_medical_sp.jpg) no-repeat center top;background-size:contain;padding-top:47%;margin-bottom:10px;}
.mn_trip,.mn_bus{width:50%;}
.mn_trip a{background:url(../images/top_menu_trip.jpg) no-repeat center top;background-size:contain;padding-top:100%;}
.mn_bus a{background:url(../images/top_menu_bus.jpg) no-repeat center top;background-size:contain;padding-top:100%;}
.mn_sys a{background:url(../images/top_menu_system.jpg) no-repeat center top;background-size:contain;padding-top:47%;}
.mn_health a{background:url(../images/top_menu_health.jpg) no-repeat center top;background-size:contain;padding-top:47%;}
.mn_pira a{background:url(../images/top_menu_pira.jpg) no-repeat center top;background-size:contain;padding-top:47%;}

/**** blog ****/
.area_blog{padding:30px 10px;}
.area_blog .come_btn{padding:0 24px;}
.area_blog .l_2col{margin:5.5px -5px 0;}
.area_blog .l_2col .box .inner span.title{text-decoration:underline;display:block;line-height:20px;
}
/* tagの色 */
.area_blog .l_2col .icon_category{display:inline-block;background:#333;font-size:80%;color:#fff;padding:2px 10px;line-height:16px;position:absolute;left:5px;top:5px;z-index:20;
}
.area_blog .l_2col .icon_category.id_0{background-color:#ee7948;}
.area_blog .l_2col .icon_category.id_1{background-color:#959595;}
.area_blog .l_2col .icon_category.id_2{background-color:#116caf;}
.area_blog .l_2col .icon_category.id_3{background-color:#10813c;}
.area_blog .l_2col .icon_category.id_4{background-color:#e9546b;}
.area_blog .l_2col .icon_category.id_5{background-color:#c92737;}
.area_blog .l_2col .icon_category.id_6{background-color:#4757aa;}
.area_blog .l_2col .icon_category.id_7{background-color:#94bf2c;}

.area_blog a.longtxt{padding:12px 20px;letter-spacing:0;font-size:98%;}

/****/
.area_cash{padding: 0 0 30px;}
.area_cash h2{padding-right: 100px;padding-top: 51px;}
.area_cash h2::after{content: "";display:block;width:72px;height:80px;position:absolute;right:20px;bottom:1px;
background:url(../images/title_home_cash.png) no-repeat center top;background-size: contain;
}
.area_cash p{padding:15px 0;font-size:15px;line-height:1.6;}
.area_cash p span{display:block;color:#116caf;font-size:130%;padding:10px 0;}
.area_cash .come_btn{padding:15px 20px 10px;}

/********* 緊急のお知らせ **************/
.home_information{border:1px solid #cdcdcd;margin:20px auto;padding:20px;}
.home_information li{border-bottom:1px dashed #cdcdcd;padding:10px;}
.home_information li > span.cate{font-size:13px;text-align:center;min-width:48px;padding:1px 8px;color:#fff;background-color:#126dad;display:inline-block;margin-right:5px;}
.home_information li > time{font-weight:bold;display:inline-block;font-size:15px;margin-right:5px;}

/**/
.l_panel{ width:100%;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:800; }
.l_urgent_notice{ position:fixed;top:25%;left:10%;width:80%;padding:30px 20px 20px;background:#fff;font-size:13px;line-height:1.5;
-webkit-box-sizing: border-box;box-sizing: border-box;text-align:center;z-index:810; }
.l_urgent_notice h2{ font-size:16px;font-weight:bold; }
.l_urgent_notice p{ margin:20px 0;    text-align: left;}
.l_urgent_notice a.btn{ display:block;text-align:center;color:#fff;background:#124db9;padding:7px 10px;-webkit-border-radius: 5px;border-radius: 5px; }
.l_urgent_notice span.u_text{ color:#124db9;font-size:90%;text-decoration:underline;display:inline-block;margin-top:20px; }
.l_urgent_notice span.circle{ position:absolute;top:-25px;right:-25px;display:block;font-weight:bold;font-size:22px;line-height:50px;width:50px;height:50px;background:#99c5f7;-webkit-border-radius: 50%;border-radius: 50%; }
.l_panel,.l_urgent_notice span.circle{ transition: all ease-in .2s; }
.l_urgent_notice span.u_text:hover,.l_panel:hover,.l_urgent_notice span.circle:hover{ cursor:pointer; }
.l_panel:hover{ background:rgba(0,0,0,0.6); }
.l_urgent_notice span.circle:hover{ background:#124db9;color:#fff; }

/*1日体験リンク*/
#home_taiken{padding: 20px 10px;background: #f9f9f9;margin: 0px -10px;}
#home_taiken h2{position: relative;color: #333;text-align: center;padding: 0;font-size: 18px;font-weight: bold;}
#home_taiken ul.taiken_list{display: flex;flex-wrap: wrap;margin: 10px -5px 0;}
#home_taiken ul.taiken_list li{width: 50%;text-align: center;font-size: 11px;padding: 5px;box-sizing: border-box;}
#home_taiken ul.taiken_list li a{height: 45px;color: #fff;position: relative;display: block;border-radius: 5px;font-size: 14px;letter-spacing: 0;font-weight: bold;padding: 10px 20px 8px 40px;line-height: 26px;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box;}
#home_taiken ul.taiken_list li.k_swim a{background: #0099d2;}
#home_taiken ul.taiken_list li.k_dance a{background: #e9546b;}
#home_taiken ul.taiken_list li.k_run a{background: #3abe00;}
#home_taiken ul.taiken_list li.adult a{background: #e38000;}
#home_taiken ul.taiken_list li span::before,#home_taiken ul.taiken_list li a::after,#home_banners .link_list li a::after{
    content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);
}
#home_taiken ul.taiken_list li a::after,#home_banners .link_list li a::after{
    width: 7px;height: 10px;background-image: url(../images/arrow_next_w.png);background-repeat: no-repeat;background-size: cover;right: 10px;
}
#home_taiken ul.taiken_list li.k_swim span::before{
    width: 22px;height: 17px;left: 10px;background-image: url(../images/swim.svg);background-size: contain;background-repeat: no-repeat;
}
#home_taiken ul.taiken_list li.k_dance span::before{
    width: 14px;height: 28px;left: 15px;background-image: url(../images/dance.svg);background-size: contain;background-repeat: no-repeat;
}
#home_taiken ul.taiken_list li.k_run span::before{
    width: 24px;height: 23px;left: 10px;background-image: url(../images/run.svg);background-size: contain;background-repeat: no-repeat;
}
#home_taiken ul.taiken_list li.adult span::before{
    width: 25px;height: 20px;left: 10px;background-image: url(../images/culture.svg);background-size: contain;background-repeat: no-repeat;
}
#home_banners{display: none;width: 100%;height: 80px;position: fixed;bottom: 0;left: 0;z-index: 100;background: #fff;}
#home_banners.on_scroll{display: block;}
#home_banners .link_list {display: grid;max-width: 680px;height: 100%;margin: 0 auto;padding: 0 5px;grid-template-columns: 42% 1fr 1fr;grid-template-rows: 1fr 1fr;
    gap: 0px;grid-auto-flow: row;grid-template-areas: "bn_menu1 bn_menu2 bn_menu2" "bn_menu1 bn_menu3 bn_menu4";      
}
#home_banners .link_list li{padding: 4px;}
#home_banners .link_list li,#home_banners .link_list li a{display: grid;height: 100%;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
#home_banners .link_list li a{position: relative;padding-left: 10px;border-radius: 3px;color: #fff;font-size: 15px;}
#home_banners .link_list li.bn_menu1{grid-area: bn_menu1;}
.bn_menu1 a{height: 100%;display: flex;align-items: center;background: #0099d2;}
#home_banners .link_list li.bn_menu2{grid-area: bn_menu2;padding-bottom: 2px;}
.bn_menu2 a{background: #e9546b;}
#home_banners .link_list li.bn_menu3{grid-area: bn_menu3;padding-top: 2px;}
.bn_menu3 a{background: #e38000;}
#home_banners .link_list li.bn_menu4{grid-area: bn_menu4;padding-top: 2px;}
.bn_menu4 a{background: #3abe00;}

body.scrolled{padding-bottom: 80px;}