@charset "UTF-8";
/*
Theme Name: wlb2026
Author: 株式会社メックコミュニケーションズ
Author URI: https://www.mec-com.co.jp
Date: 2026-04
*/

/*parts
-----------------------------------------------------------------------------------------*/
body{
/*特色*/
	--color_mido:#008539;
	--color_mido2:#005B26;
	--color_mido3:#D9F0E4;
	--color_ao:#006be9;
	--color_ao2:#0B5CA3;
	--color_ao3:#DEEDF5;
	--color_ki:#F6D36A;
	--color_aka:#e42c65;
	--color_hai:#F5F5EB;
	--color_XXXXX:#000000;/*未使用*/
/*リンクの色*/
	--color_link:#164ba0;
/*em*/
	--color_notice:var(--color_aka);
/*-------------------------base*/
/*text*/
	--tx_sen:var(--color_mido);
	--tx_waku:var(--color_mido);
	--tx_kiji:var(--color_mido);
	--tx_belt:var(--color_mido);
	--tx_line:var(--color_mido);
	--tx_bar:var(--color_mido);
	--tx_maru:var(--color_mido);
/*ya*/
	--ya_tri:var(--color_mido);
	--ya_sen:var(--color_mido);
	--ya_maru:var(--color_mido);
/*btn*/
	--btn:var(--color_mido);
	--btn_line:var(--color_mido);
/*list*/
	--list_line:#000;
	--list_box:#FFF;
	--list_mark:var(--color_mido);
/*sitemap*/
	--sitemap:var(--color_mido);
	--sitemap_ya:var(--color_mido);
/*parts*/
	--flow_no:#CCCCCC;
	--dtbox:#CCCCCC;
	--tab_btn:var(--color_mido);
/*etc*/
	--sya:var(--color_mido);
}
/*種別の色*/
.oshirase{--color_cat:#006be9;--color_cat2:#006be9;}/*お知らせ*/
.bosyu{--color_cat:#FB87A5;--color_cat2:#FB87A5;}/*募集*/
.event{--color_cat:#e42c65;--color_cat2:#e42c65;}/*イベント*/
.seminar{--color_cat:#6FC533;--color_cat2:#6FC533;}/*セミナー*/
.keyperson{--color_cat:#2E9D8D;--color_cat2:#2E9D8D;}/*キーパーソン*/
.festa{--color_cat:#FA7B38;--color_cat2:#FA7B38;}/*フェスタ*/
.kiso{--color_cat:#005FA9;--color_cat2:#005FA9;}/*基礎講座*/
.tour{--color_cat:#A08DCF;--color_cat2:#A08DCF;}/*見学ツアー*/
.manabi{--color_cat:#9E936A;--color_cat2:#9E936A;}/*学び合い*/



/*-------------------------------------------------------------------------------------------------parts*/
/*-------------------------kagebtn*/
.kagebtn{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	background:#FFF;
	border-radius:8px;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
	overflow:hidden;
}
.kagebtn:hover{
	top:1px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	filter:brightness(95%);
}
@media screen and (max-width: 739px) {
	.kagebtn{border-radius:6px;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
}
/*-------------------------tx_maru_ya*/
.tx_maru_ya{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#000 url(images/ya_w.svg) right 10px center no-repeat;;
	color:#FFF;
	font-weight:bold;
	width:300px;
	height:50px;
	margin:0 auto;
	border-radius:10em;
}
@media screen and (max-width: 739px) {
	.tx_maru_ya{width:240px;height:40px;}
}
/*-------------------------title_hata*/
.title_hata{
	display:flex;
	align-items:center;
	gap:0.2em;
	white-space: nowrap;
}
.title_hata::before{
	content:"";
	display:block;
	width:1.5em;
	height:2em;
	background:url(images/title_hata.svg) left top no-repeat;
	background-size:contain;
	flex-shrink:0;
	margin:-0.5em -0.75em 0 -0.25em;
}
.title_hata::after{
	content:"";
	display:block;
	height:2px;
	width:100%;
	background:var(--color_mido);
}
/*-------------------------list_topics*/
.list_topics a{
	position:relative;
	display:flex;
	align-items:center;
	padding:20px;
	width:100%;
	background:#FFF;
	border-radius:8px;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
	color:#000;
	text-align:left;
	gap:1em;
}
.list_topics a:hover{
	top:1px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	filter:brightness(95%);
}
.list_topics figure{
	width:90px;
	height:90px;
	flex-shrink:0;
}
.list_topics figure img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.list_topics p{
	width:100%;
	display:flex;
	align-items:center;
	gap:0.3em 0.6em;
	flex-wrap:wrap;
	font-size:inherit;
	font-size:1.8rem;
	line-height:1.66;
	font-weight:bold;
}
.list_topics p::before{
	content:"お知らせ";
	font-size:0.75em;
	color:#FFF;
	background:var(--color_cat);
	width:7.5em;
	text-align:center;
	line-height:1.75;
	border-radius:2em;
}
.list_topics li.oshirase p::before{content:"お知らせ";}
.list_topics li.bosyu p::before{content:"募集";}
.list_topics li.event p::before{content:"イベント";}
.list_topics li.seminar p::before{content:"セミナー";}
.list_topics li.keyperson p::before{content:"キーパーソン";}
.list_topics li.festa p::before{content:"フェスタ";}
.list_topics li.kiso p::before{content:"基礎講座";}
.list_topics li.tour p::before{content:"見学ツアー";}
.list_topics li.manabi p::before{content:"学び合い";}
.list_topics .date{
	letter-spacing:1px;
	font-weight:500;
	margin-right:auto;
}
.list_topics .jotai{
	font-size:0.85em;
}
.list_topics .title{
	width:100%;
}
@media screen and (max-width: 739px) {
	.list_topics a{padding:15px 20px;border-radius:0;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
	.list_topics p{font-size:1.6rem;}
}
@media screen and (max-width: 599px) {
	.list_topics figure{display:none;}
}


/*search_item
-----------------------------------------------------------------------------------------*/
.search_item_form{
	height:60px;
	width:700px;
	background:#FFF;
	overflow:hidden;
	border-radius:10px;
	border:2px solid var(--color_mido);
}
.search_item input[type="text"]{
	width:calc(100% - 60px);
	height:100%;
	border:none;
	border-radius:2px;
	float:left;
	text-indent:15px;
	background:none;
}
.search_item [type="text"]:focus {
	outline: 0;
}
.search_item input[type="submit"]{
	width:60px;
	height:100%;
	border:none;
	border-radius:0;
	background:var(--color_mido) url(../images/nav_search.svg) center center no-repeat;
	cursor:pointer;
	flex-shrink:0;
}
.search_item input[type="submit"]:hover{
	filter:brightness(125%);
}

/*home
-----------------------------------------------------------------------------------------*/
/*-------------------------mainimg_slider*/
.mainimg_slider{
	position:relative;
	overflow:hidden;
}
.mainimg_slider::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:url(images/mainimg_sp.svg);
	background-size:cover;
	aspect-ratio:8 / 1;
}
.mainimg_slider button{
	border:none;
	text-indent:-9999em;
	cursor:pointer;
	border-radius:100em;
}
.mainimg_slider .slick-dots{
	position:absolute;
	top:5px;
	left:5px;
	padding:10px;
	padding:5px;
	width:100%;
	display:flex;
	justify-content:start;
	gap:10px;
}
.mainimg_slider .slick-dots button{
	width:10px;
	height:10px;
	background:#FFF;
	border:1px solid #FFF;
}
.mainimg_slider .slick-active button,
.mainimg_slider .slick-dots button:hover{
	background:var(--color_mido);
}
.mainimg_slider figcaption{
	position:absolute;
	font-size:max(3.2vw , 1em);
	font-weight:bold;
	line-height:1.4;
	width:100%;
	min-height:4.5em;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	z-index:10;
	bottom:0;
	background: linear-gradient(
  to top, 
  rgba(0, 0, 0, 0.5) 50%, 
  rgba(0, 0, 0, 0.3) 80%, 
  rgba(0, 0, 0, 0) 100%
);
}
@media print, screen and (min-width: 740px) {
.mainimg_slider{
	height:480px;
	width:50%;
	max-width:780px;
	flex-shrink:0;
}
.mainimg_slider div{
	width:100%;
	height:100%;
}
.mainimg_slider img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.mainimg_slider::after{
	bottom:-1px;
	right:-1px;
	left:auto;
	width:auto;
	height:calc(100% + 2px);
	aspect-ratio:1 / 8;
	background-image:url(images/mainimg_pc.svg);
}
.mainimg_slider figcaption{
	font-size:1.25em;
	min-height:3em;
	justify-content:start;
	text-align:left;
	padding:0.8em 3em 0.8em 0.8em;
}
}
/*-------------------------mainimg_copy*/
.mainimg_copy{
	margin:0 auto;
}
/*-------------------------home_cand*/
.home_cand .kagebtn{
	padding:40px 30px 30px 30px;
	gap:20px;
}
@media screen and (max-width: 739px) {
.home_cand .kagebtn{
	padding:10px;
	gap:10px;
	height:110px;
}
.home_cand .kagebtn figure{
	width:135px;
	margin-left:10px;
	flex-shrink:0;
}
.home_cand .kagebtn > span{
	width:100%;
}
}
/*-------------------------home_kigyo_block*/
.home_kigyo_block a{
	padding:10px;
	border-radius:30px;
}
.home_kigyo_block a > h2 strong{
	font-size:40px;
	padding:1em 0.5em;
	flex-shrink:0;
	font-weight:900;
}
.home_kigyo_block a > h2 > span{
	width:40%;
}
.home_kigyo_block a > p{
	padding:20px;
	border-radius:20px;
}
@media screen and (max-width: 739px) {
@media screen and (min-width: 500px) {
	.home_kigyo_block a > h2 strong{padding-bottom:1.4em;}
	.home_kigyo_block a > h2 strong br{display:none;}
}
.home_kigyo_block a{
	padding:8px;
	border-radius:20px;
}
.home_kigyo_block a > h2 > span{
	width:135px;
}
.home_kigyo_block a > h2 strong{
	font-size:28px;
	padding:0.6em 0.5em;
}
.home_kigyo_block a > p{
	padding:15px;
	border-radius:12px;
	text-align:left;
}
.home_kigyo_block a > p br{
	display:none;
}
}
/*-------------------------home_guide_title*/
.home_guide_title::before,
.home_guide_title::after{
	display:block;
	content:"";
	height: 5px;
	width:100%;
	background-image: repeating-linear-gradient(90deg, #777 0px, #777 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 4px);
}
/*-------------------------home_guide*/
.home_guide section,
.home_guide li{
	width:100%;
	text-align:center;
}
.home_guide li a{
	border:2px solid #FFF;
	height:120px;
	color:#000;
	justify-content:space-around;
	padding:5px 30px;
	gap:5px;
}
.home_guide li a p{
	font-weight:bold;
	font-size:2.8rem;
	line-height:1.3;
	width:100%;
}
.home_guide li a p em{
	color:var(--color_aka);
}
.home_guide li a p strong{
	font-weight:500;
	font-size:1.8rem;
	display:block;
	padding:0.25em 0;
}
.home_guide li a figure{
	flex-shrink:0;
}
@media print, screen and (min-width: 740px) {
	.home_guide li a.pc_h185{height:185px;}
}
@media screen and (max-width: 739px) {
	.home_guide li a{height:100px;padding:5px 15px;}
	.home_guide li a p{font-size:2.1rem;}
	.home_guide li a p strong{font-size:1.4rem;}
	.home_guide li a figure{width:80px;}
}


/*-------------------------------------------------------------------------------------------------特色border_color*/
body .sen_mido{border-color:var(--color_mido);}
body .sen_mido2{border-color:var(--color_mido2);}
body .sen_ao{border-color:var(--color_ao);}
body .sen_ao2{border-color:var(--color_ao2);}
body .sen_ao2{border-color:var(--color_ao2);}
body .sen_ki{border-color:var(--color_ki);}
body .sen_aka{border-color:var(--color_aka);}
body .sen_hai{border-color:var(--color_hai);}
body .sen_link{border-color:var(--color_link);}
body .sen_XXXXX{border-color:var(--color_XXXXX);}
/*-------------------------------------------------------------------------------------------------特色bg*/
body .bg_mido{background-color:var(--color_mido);}
body .bg_mido2{background-color:var(--color_mido2);}
body .bg_mido3{background-color:var(--color_mido3);}
body .bg_ao{background-color:var(--color_ao);}
body .bg_ao2{background-color:var(--color_ao2);}
body .bg_ao3{background-color:var(--color_ao3);}
body .bg_ki{background-color:var(--color_ki);}
body .bg_aka{background-color:var(--color_aka);}
body .bg_hai{background-color:var(--color_hai);}
body .bg_link{background-color:var(--color_link);}
body .bg_XXXXX{background-color:var(--color_XXXXX);}
/*-------------------------------------------------------------------------------------------------特色text_color*/
body .tx_mido{color:var(--color_mido);}
body .tx_mido2{color:var(--color_mido2);}
body .tx_ao{color:var(--color_ao);}
body .tx_ao2{color:var(--color_ao2);}
body .tx_ki{color:var(--color_ki);}
body .tx_aka{color:var(--color_aka);}
body .tx_hai{color:var(--color_hai);}
body .tx_link{color:var(--color_link);}
body .tx_XXXXX{color:var(--color_XXXXX);}
/*-------------------------------------------------------------------------------------------------特色ya*/
body .ya_mido::before{border-color:var(--color_mido);background-color:var(--color_mido);}
body .ya_mido2::before{border-color:var(--color_mido2);background-color:var(--color_mido2);}
body .ya_ao::before{border-color:var(--color_ao);background-color:var(--color_ao);}
body .ya_ao2::before{border-color:var(--color_ao2);background-color:var(--color_ao2);}
body .ya_ki::before{border-color:var(--color_ki);background-color:var(--color_ki);}
body .ya_aka::before{border-color:var(--color_aka);background-color:var(--color_aka);}
body .ya_hai::before{border-color:var(--color_hai);background-color:var(--color_hai);}
body .ya_link::before{border-color:var(--color_link);background-color:var(--color_link);}
body .ya_XXXXX::before{border-color:var(--color_XXXXX);background-color:var(--color_XXXXX);}
/*-------------------------------------------------------------------------------------------------utility*/
body .tx_400{font-weight:400;}
body .tx_900{font-weight:900;}
body .frameL{max-width:1240px;padding-left:40px;padding-right:40px;margin:0 auto;}
@media screen and (max-width: 739px) {body .frameL{padding-left:20px;padding-right:20px;}}
body .bg_eme{background-color:#00a6a1;}
body .bg_pur{background-color:#7979b4;}
body .bg_pale_pnk{background-color:#faf0f0;}
body .bg_pale_ki{background-color:#faf5d7;}
body .bg_pale_mido{background-color:#ecf9eb;}
body .bg_pale_blue{background-color:#e9f6f6;}
/*body .tx_zen{font-family: "Zen Kaku Gothic New", sans-serif;}
body .mb3{margin-bottom:3px;}
body .mt3{margin-top:3px;}
body .fsp175{font-size:175%}
body .deg180{rotate: 180deg;}
.dot_maru li:before{transform: scale(0.8) translateY(0.15em);}
.dot_aka li:before{background:var(--color_aka);}
.w370{width:370px;}
.mw1000{max-width:1000px;margin-left:auto;margin-right:auto;}
.mw900{max-width:900px;margin-left:auto;margin-right:auto;}
.btn.hv_k:hover{background:#000;filter:brightness(100%);}
.tran a{transition:all 0.3s;}
.row240{display:grid;grid-template-columns: repeat( auto-fill, minmax(240px,1fr) ) ;}
.mh5{min-height:5.5em;}
@media screen and (max-width: 550px) {.mh5{min-height:3em;}}*/