@charset "utf-8";

h2 { font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 1px; padding: 0 0 2vw; }
.header_nav li > a { position: relative; display: block; text-decoration: none; font-size: 16px; line-height: 25px; font-weight: bold; padding: 5px 2vw; transition: all 0.3s; }

.main_catch { width: 100%; margin: 0 auto; position: relative; padding: 20px 0; border-bottom: 1px solid #B3C795; }
.main_catch .main_slider { width: 100%; margin: 0 auto; }
.main_catch .main_slider .slide { width: 100%; height: 100%; margin: 0 auto; padding: 0 20px; border-right: 1px solid #B3C795; }
.main_catch .main_slider .slide a { display: block; transition: all 0.3s; }
.main_catch .main_slider .slide a:hover { opacity: 0.8; }
.main_catch .main_slider .slide dl { padding: 20px 0 0; }
.main_catch .main_slider .slide .thumb { width: 100%; }
.main_catch .main_slider .slide .thumb img { width: 100%; }
.main_catch .main_slider .slide .sub_title { display: inline-block; font-size: 13px; font-weight: bold; line-height: 16px; }
.main_catch .main_slider .slide dt { font-size: 22px; font-weight: bold; line-height: 1.5; }
.main_catch .main_slider .slide dt small { display: inline-block; line-height: 1.5; font-size: 85%; color: rgba(0, 0, 0, .4); }

.content { background: #F8F9F4; }
.main_content { border-right: 1px solid #B3C795; }

.column_cont { border-bottom: 1px solid #B3C795; }
.column_list { display: flex; flex-wrap: wrap; gap: 2vw 1vw; padding: 0 0 2vw; }
.column_list li { width: calc(( 100% / 3 ) - ( 2vw / 3 )); }
.column_list li .thumb img { width: 100%; }
.column_list li dt { font-size: 14px; font-weight: bold; line-height: 1.4; padding: 10px 0; font-feature-settings: "palt"; }
.column_list li dt small { font-size: 12px; font-weight: bold; line-height: 1.4; display: inline-block; color: rgba(0, 0, 0, .4); margin: .5em 0 0; font-feature-settings: "palt"; }
.column_list li dd { display: flex; }
.column_list li dd .type { width: 50%; font-size: 11px; line-height: 1.5; border-left: 1px solid #B3C795; padding: 0 0 0 10px; }

.series_cont { position: relative; display: flex; border-bottom: 1px solid #B3C795; padding: 2vw 0; }
.series_cont h2 { width: 140px; font-size: 14px; font-weight: bold; text-align: left; }
.series_cont ul { width: calc( 100% - 140px ); }
.series_cont ul li a { font-size: 14px; font-weight: bold; transition: all 0.3s; }
.series_cont ul li a:hover { opacity: 0.8; }
.series_cont ul li a:before { display: inline-block; content: ''; background: #008366; height: 10px; width: calc(tan(60deg) * 10px / 2); clip-path: polygon(0 0, 100% 50%, 0 100%); margin-right: 10px; transition: all 0.3s; }
.series_cont ul li a:hover:before { margin: 0 6px 0 4px; }
.series_cont .more_btn { position: absolute; bottom: 0; right: 0; }

/*
.koushitsu { padding: 2vw 0; border-bottom: 1px solid #B3C795; }
.koushitsu a { display: block; display: flex; }
.koushitsu .thumb { width: 40%; }
.koushitsu .thumb img { width: 100%; }
.koushitsu dl { width: 60%; padding: 0 0 0 1vw; }
.koushitsu dt { font-size: 18px; font-weight: bold; line-height: 1.5; padding: 10px 0 0; }
.koushitsu dd { font-size: 14px; font-weight: bold; line-height: 1.5; padding: 10px 0 0; }

.bnr_area { padding: 2vw 0; border-bottom: 1px solid #B3C795; }
.bnr_area a { display: block; margin: 0 0 2vw; }
.bnr_area a:last-child { margin: 0; }
.bnr_area dl { display: flex; align-items: center; background: #67AD28; }
.bnr_area dt { width: 40%; }
.bnr_area dt img { width: 100%; }
.bnr_area dd { width: 60%; font-size: 14px; font-weight: bold; color: #fff; padding: 0 0 0 1vw; }

.bnr_list {}
.bnr_list li { border-bottom: 1px solid #B3C795; }
.bnr_list li a { display: block; font-size: 16px; font-weight: bold; line-height: 20px; padding: 40px 0; text-align: center; transition: all 0.3s; }
.bnr_list li a:hover { opacity: 0.8; }
.bnr_list li a img { width: 50px; margin-right: 10px; }
.bnr_list li.line_img a { line-height: 50px; padding: 25px 0; }
.bnr_list li.line2 a { padding: 30px 0; }
*/



@media screen and (max-width:1200px){
  .header_nav { padding: 10px 0 20px 0; }
  .header_nav li > a { font-size: 15px; }

}


/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1000px){
  .header_nav li > a { font-size: 14px; padding: 5px 10px; }
  .column_list { gap: 2vw; }
  .column_list li { width: calc( 50% - 1vw ); }
  .series_cont { display: block; }
  .series_cont h2 { width: 100%; padding: 0 0 10px; }
  .series_cont ul { width: 100%; }
  /*
  .bnr_area dd { font-size: 13px; line-height: 1.4; }
  .bnr_list li a { font-size: 14px; padding: 30px 0; }
  .bnr_list li.line_img a { padding: 15px 0; }
  .bnr_list li.line2 a { padding: 20px 0; }
  */
}


@media screen and (max-width:767px){
  h2 { padding: 0 0 5vw; }
  .main_content { width: 100%; padding: 0; border-right: none; }
  .sub_content { padding: 0; }
  .main_catch .main_slider .slide .tag { font-size: 10px; }
  .main_catch .main_slider .slide .sub_title { font-size: 12px; }
  .main_catch .main_slider .slide dt { font-size: 16px; }
  .column_cont { padding: 5vw 0 0; }
  .column_list { gap: 6vw 2vw; }
  .series_cont { padding: 5vw 0 0; }
  .series_cont h2 { font-size: 20px; padding: 0 0 5vw; text-align: center; }
  .series_cont ul li { padding: 0 0 5px; }
  .series_cont .more_btn { position: static; }
  /*
  .koushitsu { padding: 5vw 0; }
  .koushitsu dl { padding: 0 0 0 5vw; }
  .bnr_area { padding: 5vw 0; }
  .bnr_area dd { padding: 0 0 0 5vw; font-size: 14px; line-height: 1.5; }
  .bnr_list li a { font-size: 16px; padding: 30px 0; }
  */
  .news_cont { padding: 5vw 0 0; border-bottom: 1px solid #B3C795; }
  .news_list { border-bottom: none; }

}