@charset "UTF-8";

/* 後で移動　始 */

/* 後で移動　終 */

.home_slide  { position:relative; display: flex; margin-top:10px; height:100%; background:url( "../images/slide/bg_leaf.svg" ) right 2% bottom / 8% no-repeat;}
.home_mascot { position:absolute; width:100%; height:100%;}

.hd_slide_left  { width:65%; }
.hd_slide_right { width:35%; }

@media (min-width: 576px) {
	.home_mascot    { background:url( "../images/slide/slid_mascot.svg" ) right 28% bottom no-repeat; background-size:contain;}
	.hd_slide_left  { margin-bottom:60px;}
	.hd_slide_right { background:url( "../images/slide/slid_moji.svg" ) right 50% / 100% no-repeat;} }
@media (max-width: 575px) {
	.home_mascot    { background:url( "../images/slide/slid_mascot_sp.svg" ) right 28% bottom no-repeat; background-size:contain;}
	.hd_slide_left  { margin-bottom:30px;}
	.hd_slide_right { background:url( "../images/slide/slid_moji_sp.svg" ) right top / 100% no-repeat;} }

.box_news   { text-align:center;}
.box_news_bg  {background:#fff; border-radius:15px; max-width:1400px; margin:0 auto; min-height:381px;}
.box_mm     { max-width:1650px; margin:30px auto;}
.box_report { background:url( "../images/home/bg_report.gif" ); min-height:500px; width:100%; padding:80px 15px 60px;}
.box_report_bg  {max-width:1400px; margin:0 auto; min-height:381px;}

.box_news   h2{ font-size:290%; letter-spacing:0.15em; margin:15px 0 10px; font-family: "Sen", sans-serif; font-weight: 800;}
.box_report h2{ font-size:290%; letter-spacing:0.15em; margin:15px 0 10px; font-family: "Sen", sans-serif; font-weight: 800;}

.Newstab_Btn_Content { display: flex; flex-wrap: wrap; list-style: none; padding:0 10px; }
.Newstab_Btn { font-weight: 500; text-align:center; width: calc(100% / 3); padding: 10px; cursor: pointer; color:#b2b2b2; border-bottom: 3px solid #fffce7; transition: 0.5s;}
.Newstab_Btn.Newstab_Btn_fast { border-bottom: 3px solid #ffb800; color:#3c3c3c;}
.Newstab_Panel { display: none; /*必須*/ }
.Newstab_Panel.Newstab_Panel_show { display: block; /*必須*/ }

/*
.Newstab_Btn_Content { list-style: none; padding:0; display:flex; flex-wrap: nowrap;}
.Newstab_Btn_Content li{ width:100%; padding: 10px; }
.Newstab_Btn_Content a { display: block; width: 100%; text-decoration: none; }
.Newstab_Btn_Content li.newsbtn_fast{border-bottom: 3px solid #ffb800;}
.Newstab_Btn_Content li:hover{border-bottom: 3px solid #ffb800;}
 */


.bgimage {
	background-image   :url( "../images/common/bg-machi_l.svg" ),url( "../images/common/bg-machi_r.svg" ),url( "../images/common/bg-dot2.svg" ) ;
	background-position:top left, bottom right, top right;
	background-repeat  :no-repeat;
}

@media (min-width: 576px) {
	.box_news    { margin:0 30px;}
	.box_news_bg { padding:55px; }
	.box_mm      { padding:0 30px;}
	.Newstab_Btn h3{ font-size:120%; padding:10px 0;}
	.Newstab_Btn h4{ font-size:72%; }
	}
@media (max-width: 575px) {
	.box_news    { margin:0 15px;}
	.box_news_bg { padding:30px; }
	.box_mm      { padding:0 15px;}
	.Newstab_Btn h3{ font-size:100%; padding:10px 0;}
	.Newstab_Btn h4{ font-size:70%; }
	}

@media (min-width: 761px) { 
	.news li { display: flex;} 
	a.news_cat { margin-top:5px; width:150px; height: 25px; }
	.news_title{ width:75%;}
	.box_data img{ max-width:400px; padding:5px 20px;}
	}
@media (max-width: 760px) { 
	.news li   { display: grid; } 
	a.news_cat { margin-left: 110px; margin-top:-5px; width:140px; padding:5px 5px 4px; }
	.news_title{ margin-top:10px; width:85%;}
	.box_data img{ max-width:310px; padding:5px 20px;}
	}

.news      { text-align:left; }
.news ul   { padding-inline-start: 0; }
.news li   { padding:15px 0; position:relative; border-bottom:1px solid #ccc;}
.news li:last-child   { border-bottom:0;}
.news_date { position:relative; width:110px; margin-right:15px;}
.news_date_in { position:absolute; top:50%; transform:translateY(-50%);}

.news_title a { color: #3c3c3c; text-decoration: none; background-color: transparent; font-weight:bold;
  background-image: linear-gradient(90deg, #009a5f, #009a5f); background-repeat: no-repeat; background-position: left bottom; background-size: 0 1px; transition: 0.6s;　}
.news_title a:hover { color: #009a5f; background-size: 100% 1px; }

a.news_cat { display: flex; justify-content: center; align-items: center; border-radius:20px; font-size:75%; font-weight:bold; background: #ffb800; transition-duration: 0.3s; text-decoration: none; color:#fff; }
.news_cat:hover {color:#fff; background-color:#96d040;}

.news_btn_more       {position: relative; display: inline-block; max-width:450px; width:100%; border:1px solid #3c3c3c; color:#3c3c3c; padding: 10px 30px; text-align: center; transition: ease .2s;}
.news_btn_more:hover {background:#fffce7; text-decoration: none; color:#3c3c3c;}
.news_btn_arrow::after       { content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 13px; content: '\f061'; display: inline-block; font-family: FontAwesome; transition: all .3s;}
.news_btn_arrow:hover::after { right: 20px; }

.child3 { position:absolute; top:50%; transform:translateY(-50%); right:0px;}

.box_data {text-align:center; padding:20px 30px;}


@media screen and (min-width:1200px) {

}
@media screen and (min-width: 991px) and (max-width: 1200px) {

}
@media screen and (min-width: 576px) and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

@media screen and (max-width: 576px) {

}