@charset "UTF-8";

.cont_ttl_02 .cont_ttl_02_in{
  display: inline-flex;
  padding: 59px 0 0 107px;
}
.cont_ttl_02 .cont_ttl_02_in .txt_sub {
  font-size: 1.7rem;
    color: #005400;
    margin: 10px 0 0 10px;
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.cont_ttl_02 .cont_ttl_02_in{
  display: block;
  padding: 8% 0 7% 0;
}
.cont_ttl_02 .cont_ttl_02_in p{
  text-align: center;
}
.cont_ttl_02 .cont_ttl_02_in .txt_sub {
    margin: 1% 0 0 0;
}
.cont_ttl_02 .cont_ttl_02_in .txt_sub span{
  display: none;
}
}
@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される */

}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.sp_sub_txt {
  margin: 7% 0 3%;
}
.sp_sub_txt .sub_txt{
  font-size: 1.4rem;
  color: #005400;
  text-align: center;
  line-height: 1.5em;
}
}

.news {
  margin: 40px 0;
}

.news_cont {
  margin: 0 0 30px;
}
.news .news_cont a{
  color: #666464;
  text-decoration: none;
}
.news .news_cont li {
  font-size: 1.2rem;
  margin: 0 0 10px;
  display: flex;
}
.news .news_cont li a+a {
  line-height: 2.8rem;
}
.news .news_cont .cat {
  border-radius: 15px;
  width: 60px;
  display: block;
  background: #f4f4f6;
  padding: 2px 20px 1px;
  margin: 0 10px 0 0;
  line-height: 2em;
  text-align: center;
}
.news .news_cont .date {
  margin: 0 25px 0 0;
}
.news .news_cont .news_link {
  margin: 15px 0 0;
}
.news .news_cont .news_link p{
  font-size: 2rem;
  margin: 0 0 0 15px;
  text-align: center;
}
.news .news_cont li a {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.news .news_cont li a:hover {
  opacity: 0.6;
}
.news .news_link a:hover,.news li a+a:hover{
  text-decoration: underline;
  opacity: 0.6;
}


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

.news .news_cont li a+a {
  position: relative;
  padding-left: 115px;
}
.news .news_cont .cat {
  width: 65px;
}
.news .news_cont .date {
  margin: 0 0 0 0;
  width: 105px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.news {
  margin: 0 0 4% 0;
}
.news .main{
  margin: 0 0 4% 0;
}
.news .news_cont .news_link {
  margin: 0 0 0 0;
}
.news .news_cont .news_link p{
  text-align: center;
}
.news .news_cont li {
    margin: 0 0 1em;
    display: inherit;
}
.news .news_cont li a:first-child {
    float: left;
}
.news .news_cont li a+a span {
    display: block;
}
}

.sec01 {
  padding: 50px 0 60px;
}

.sec01_img ul{
  display: flex;
}
.sec01_img ul li{
  margin: 0 10px 0 0;
}
.sec01_img ul li:last-child{
  margin: 0 0 0 0;
}

.cont_ttl p{
  font-size: 2.3rem;
  margin: 0 0 5px 30px;
  text-align: left;
  color: #005400;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.cont_ttl p, .news .news_link p{
  line-height: 1em;
  padding: 1.5rem 0;
}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.cont_ttl {
  width: 108%;
  margin: 0 -4%;
}
.cont_ttl p {
  font-size: 1.5rem;
  margin: 0 0 20px 0;
  text-align: left;
  color: #005400;
  background: #f4f4f6;
  text-align: center;
  border-top: 2px solid #005400;
}
}





@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */

}
@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される */

}