@charset "UTF-8";

#page_header{background-image:url("../img/header_back_pc.webp");height: 460px;padding-top:  10%;}

.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}

/* section_01 */
.section_01,.bg_breadcrumb{background-color: #ffffff;}
.flexbox a{
  position: relative;
  display: block;
  padding: 0;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  text-align: left;
}
.news_ttl{font-size: 1.2em;margin-bottom: 0.6em;}
.news_body{font-size: 0.84em;}
.box-item03{width: 30%;display: inline-block;margin:1% 0 3%;height: auto;}
.news-bk-img{
    width: 100%;
    height: 280px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}

.news_h2{font-size: 1.8em;border-bottom: solid 1px #000000;margin-bottom: 2em;}
.wp_contents img{width: 100%;margin: 3% 0;}
.wp_contents p{line-height: 2;margin: 3% 0;}
.wp_contents p.date{line-height: 1.4em;margin: 0;}
.news_contens,.page_navi{margin-bottom: 5em;}
.page_navi a{color: #000000;}
.page_navi .f-left{float: left;}
.page_navi .f-right{float: right;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 300px;padding-top:  10%;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image:url("../img/header_back_sp.webp");height: 200px;padding-top:  10%;}
	
.mt100{margin-top: 30px;}
	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}
.box-item03{width: 100%;display: inline-block;margin:1% 0 6%;height: auto;}
.news_h2{font-size: 1.4em;border-bottom: solid 1px #000000;margin-bottom: 0.6em;}
.news_ttl{font-size: 1.2em;margin-bottom: 0.4em;}
.news-bk-img{
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}
}