@charset "UTF-8";

/*notfound_sect*/
.notfound_sect{
  width:100%;
}
.notfound_sect .notfound_innr{
  margin:0 auto;
  padding:100px 100px 170px 100px;
  width:100%;
  max-width:1280px;
}
.notfound_sect .notfound_ttl{
  margin-bottom:30px;
  font-size:3.2rem;
  line-height:1.6;
  font-weight:bold;
  color:#000;
}
.notfound_sect .notfound_txt{
  margin-bottom:70px;
  font-size:1.6rem;
  line-height:1.6;
  font-weight:normal;
  color:#000;
}
.notfound_sect .notfound_btn{
  display:block;
  margin:0;
  margin-top:50px;
  width:240px;
  height:40px;
  font-size:1.6rem;
  font-weight:bold;
  line-height:38px;
  color:#000;
  text-align:center;
  background-color:#fff;
  border:1px solid #000;
  box-sizing:border-box;
  transition:0.4s ease;
  opacity:1;
}
.notfound_sect .notfound_btn:hover{
  opacity:1;
  color:#fff;
  background-color:#000;
}
@media screen and (max-width:768px){
  .notfound_sect .notfound_innr{
    padding:13vw 0 30vw 0;
    width:90vw;
  }
  .notfound_sect .notfound_ttl{
    margin-bottom:4vw;
  }
  .notfound_sect .notfound_txt{
    margin-bottom:9vw;
    font-size:1.4rem;
  }
  .notfound_sect .notfound_btn{
    margin:8.4vw auto 0 auto;
    width:240px;
    height:40px;
    font-size:1.6rem;
    line-height:38px;
  }
}

/*----------articles_list----------*/
.articles_list{
  list-style:none;
  display:flex;
  width:100%;
}
.articles_list li{
  margin-right:30px;
  width:33.333%
}
.articles_list li:nth-child(3),.articles_list li:nth-child(4),
.articles_list li:last-child{
  margin-right:0;
}
.articles_list .thumb_img{
  position:relative;
  margin-bottom:15px;
  width:100%;
  opacity:1;
  overflow:hidden;
}
.articles_list .thumb_img img{
  transition:0.4s ease;
}
.articles_list .thumb_img:hover img{
  transform:scale(1.2,1.2);
}
.articles_list .thumb_date{
  margin-bottom:10px;
  font-size:1.4rem;
  color:#000;
}
.articles_list .thumb_ttl{
  margin-bottom:10px;
  font-size:1.7rem;
  font-weight:bold;
  line-height:1.4;
  color:#000;
}
/*list_link*/
.list_link{
  display:block;
  margin:0 auto;
  margin-top:50px;
  width:240px;
  height:40px;
  font-size:1.6rem;
  font-weight:bold;
  line-height:38px;
  color:#000;
  text-align:center;
  background-color:#fff;
  border:1px solid #000;
  box-sizing:border-box;
  transition:0.4s ease;
  opacity:1;
}
.list_link:hover{
  opacity:1;
  color:#fff;
  background-color:#000;
}
@media screen and (max-width:768px){
  .articles_list{
    display:block;
    width:100%;
  }
  .articles_list li{
    margin-right:0;
    margin-bottom:9vw;
    width:100%;
  }
  .articles_list li:last-child{
    margin-bottom:0;
  }
  .list_link{
    margin-top:8.4vw;
    width:240px;
    height:40px;
    font-size:1.6rem;
    line-height:38px;
  }
}

/*----------section_cnts----------*/
.section_cnts{
  position:relative;
  margin:0 auto;
  width:100%;
}

/*----------kv_section----------*/
.kv_section{
  position:relative;
  margin-bottom:100px;
  width:100%;
  max-width:1280px
}
.kv_section .kv_sect_list{
  position:relative;
  margin:0 auto;
  display:flex;
  width:100%;
  max-width:1280px;
}
.kv_section .kv_sect_left{
  margin-right:40px;
  width:calc(50% - 20px);
}
.kv_section .kv_sect_right{
  width:calc(50% - 20px);
}
.kv_section .kv_main_cnts{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
}
.kv_section .kv_main_ph{
  position:relative;
  width:50%;
  height:100%;
  overflow:hidden;
}
.kv_section .kv_main_ph a{
  display:block;
  height:100%;
  background-image:url("../imgs/index/kv_thumb28.jpg");/*mainkvpc*/
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  transition:0.4s ease;
}
.kv_section .kv_main_ph a:hover{
  opacity:1;
  transform:scale(1.2,1.2);
}
/*kv_main_detail*/
.kv_section .kv_main_detail{
  width:50%;
}
.kv_section .kv_thumb{
  margin-top:auto;
  margin-left:30px;
  margin-right:20px;
}
.kv_section .kv_thumb_date{
  margin-bottom:10px;
  font-size:1.4rem;
  color:#000;
}
.kv_section .kv_thumb_ttl{
  margin-bottom:10px;
  font-size:2.3rem;
  line-height:1.4;
  font-weight:bold;
  color:#000;
}
.kv_section .kv_thumb_ttl .kv_main_sub_ttl{
  display:block;
  font-size:1.5rem;
}
.kv_section .kv_thumb_ttl .kv_sub_ttl{
  display:block;
  padding-top:10px;
  font-size:1.7rem;
}
/*kv_sub_list*/
.kv_section .kv_sub_list{
  margin-bottom:40px;
  padding-right:0;
  display:flex;
  width:100%;
}
.kv_section .kv_sub_list:last-child{
  margin-bottom:0;
}
.kv_section .kv_sub_list a{
  display:block;
}
.kv_section .kv_sub_detail{
  margin:0 auto;
}
.kv_section .kv_main_ph2{
  margin-right:15px;
  width:196px;
  opacity:1;
  overflow:hidden;
}
.kv_section .kv_main_ph2 img{
  transition:0.4s ease;
}
.kv_section .kv_main_ph2 a:hover{
  opacity:1;
}
.kv_section .kv_main_ph2:hover img{
  opacity:1;
  transform:scale(1.2,1.2);
}
.kv_section .kv_thumb2{
  width:calc(100% - 211px);
}
.kv_section .kv_thumb_ttl2{
  margin-bottom:10px;
  font-size:1.7rem;
  line-height:1.4;
  font-weight:bold;
  color:#000;
  font-feature-settings:'palt';
}
@media screen and (max-width:1280px){
  .kv_section .kv_sub_list{
    padding-right:20px;
  }
}
@media screen and (max-width:768px){
  .kv_section{
    margin-bottom:0;
    width:100%;
  }
  .kv_section .kv_sect_list{
    display:block;
    width:100%;
  }
  .kv_section .kv_sect_left{
    margin-right:0;
    width:100vw;
    height:auto;
  }
  .kv_section .kv_sect_right{
    padding:9vw 0;
    width:100vw;
  }
  .kv_section .kv_main_cnts{
    height:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    flex-direction:row;
  }
  .kv_section .kv_main_ph{
    width:100vw;
    height:83.33vw;
  }
  .kv_section .kv_main_ph a{
    height:100%;
    background-image:url("../imgs/index/kv_thumb_sp28.jpg");/*mainkvsp*/
    background-position:top 0 center;
    background-size:100% auto;
  }
  .kv_section .kv_main_ph a:hover{
    opacity:1;
    transform:none;
  }
  .kv_section .kv_main_detail{
    margin:0 auto;
    padding:5.2vw 0;
    width:90vw;
  }
  .kv_section .kv_thumb{
    margin:0 auto;
  }
  .kv_section .kv_thumb_date{
    margin-bottom:10px;
    font-size:1.4rem;
  }
  .kv_section .kv_thumb_ttl{
    margin-bottom:10px;
    font-size:2.3rem;
  }
  .kv_section .kv_thumb_ttl .kv_main_sub_ttl{
    font-size:1.7rem;
  }
  .kv_section .kv_thumb_ttl .kv_sub_ttl{
    padding-top:10px;
    font-size:1.7rem;
  }
  .kv_section .kv_sub_list{
    margin-bottom:9vw;
    padding-right:0;
    display:block;
    width:100%;
  }
  .kv_section .kv_sub_list:last-child{
    margin-bottom:0;
  }
  .kv_section .kv_sub_list a{
    display:block;
  }
  .kv_section .kv_sub_detail{
    margin:0 auto;
    width:90vw;
  }
  .kv_section .kv_main_ph2{
    margin-right:0;
    margin-bottom:5.8vw;
    width:90vw;
  }
  .kv_section .kv_main_ph2:hover img{
    opacity:1;
    transform:scale(1.2,1.2);
  }
  .kv_section .kv_thumb2{
    width:90vw;
  }
  .kv_section .kv_thumb_ttl2{
    margin-bottom:10px;
    font-size:1.7rem;
  }
}

/*----------about----------*/
.about_sect{
  margin-bottom: 150px;
  width:100%;
  height:445px;
  background-image:url("../imgs/index/bg_about_pc.jpg");
  background-repeat:no-repeat;
  background-position:center right 0;
  background-size:auto 100% ;
  background-color:#e10d7d;
}
.about_sect .about_innr{
  margin:0 auto;
  width:100%;
  max-width:1280px;
}
.about_sect .ttl_about{
  padding-top:83px;
  padding-bottom:50px;
  width:290px;
}
.about_sect .txt_upliftuing{
  padding-bottom:10px;
  width:263px;
}
.about_sect .about_cnts_txt{
  padding-bottom:40px;
  font-size:3.2rem;
  font-weight:bold;
  color:#fff;
  font-feature-settings:"palt";
}
.about_sect .about_link{
  position:relative;
  font-size:1.6rem;
  font-weight:bold;
  opacity:1;
  color:#fff;
}
.about_sect .about_link:hover{
  opacity:1;
}
.about_sect .about_link::after{
  content:'';
  position:absolute;
  width:8px;
  height:14px;
  top:50%;
  right:-27px;
  transform:translate(0,-50%);
  background-image:url("../imgs/common/icon_wh_arw.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% auto;
  transition:0.4s ease;
  opacity:1;
  z-index:2;
}
.about_sect .about_link:hover::after{
  right:-32px;
}
@media screen and (max-width:1280px){
  .about_sect .about_innr{
    padding:0 40px;
  }
}
@media screen and (max-width:768px){
  .about_sect{
    margin-bottom: 31vw;
    width:100%;
    height:80.72vw;
    background-image:url("../imgs/index/bg_about_sp.jpg");
  }
  .about_sect .about_innr{
    padding:0;
    width:90vw;
  }
  .about_sect .ttl_about{
    padding-top:13vw;
    padding-bottom:13vw;
    width:36.71vw;
  }
  .about_sect .txt_upliftuing{
    padding-bottom:3vw;
    width:70vw;
  }
  .about_sect .about_cnts_txt{
    padding-bottom:7vw;
    font-size:3rem;
  }
  .about_sect .about_link{
    font-size:1.6rem;
  }
}

/*----------latestarticles----------*/
.latestarticles_sect{
  width:100%;
  background-color:#f2f2f2;
}
.latestarticles_sect .latestarticles_innr{
  margin:0 auto;
  padding:100px 0;
  width:100%;
  max-width:1280px;
}
.latestarticles_sect .ttl_latestarticles{
  margin-bottom:50px;
  width:680px;
}
@media screen and (max-width:1280px){
  .latestarticles_sect .latestarticles_innr{
    padding-left:40px;
    padding-right:40px;
  }
}
@media screen and (max-width:768px){
  .latestarticles_sect .latestarticles_innr{
    padding:13vw 0;
    width:90vw;
  }
  .latestarticles_sect .ttl_latestarticles{
    margin-bottom:7.4vw;
    width:88vw;
  }
}

/*----------tags----------*/
.tags_sect{
  width:100%;
  background-color:#95c62a;
}
.tags_sect.tags_index{
  margin-bottom:130px;
}
.tags_sect .tags_innr{
  margin:0 auto;
  padding:130px 0 100px 0;
  width:100%;
  max-width:1280px;
}
.tags_sect .ttl_tags{
  margin-bottom:50px;
  width:217px;
}
/*alltagsee*/
.tags_sect .alltagsee{
  position:relative;
  margin-top:35px;
}
.tags_sect .alltag_link{
  position:relative;
  font-size:1.6rem;
  font-weight:bold;
  opacity:1;
  color:#000;
}
.tags_sect .alltag_link:hover{
  opacity:1;
}
.tags_sect .alltag_link::after{
  content:'';
  position:absolute;
  width:8px;
  height:14px;
  top:50%;
  right:-27px;
  transform:translate(0,-50%);
  background-image:url("../imgs/common/icon_blk_arw.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% auto;
  transition:0.4s ease;
  opacity:1;
  z-index:2;
}
.tags_sect .alltag_link:hover::after{
  right:-32px;
}
@media screen and (max-width:1280px){
  .tags_sect .tags_innr{
    padding-left:40px;
    padding-right:40px;
  }
}
@media screen and (max-width:768px){
  .tags_sect .tags_innr{
    padding:13vw 0;
    width:90vw;
  }
  .tags_sect .ttl_tags{
    margin-bottom:13vw;
    width:27.47vw;
  }
  .tags_sect .alltagsee{
    margin-top:5.2vw;
  }
  .tags_sect .alltag_link{
    font-size:1.6rem;
  }
}

/*----------recom_sect----------*/
.recom_sect{
  width:100%;
}
.recom_sect .recom_innr{
  margin:0 auto;
  padding:100px 0;
  width:100%;
  max-width:1280px;
}
.recom_sect .recom_cnts{
  position:relative;
  margin-bottom:100px;
}
.recom_sect .recom_cnts:last-child{
  margin-bottom:0;
}
.recom_sect .ttl_recom_tags{
  margin-bottom:50px;
  font-size:5.4rem;
  line-height:1.4;
  font-weight:bold;
  font-feature-settings:"palt";
}
@media screen and (max-width:1280px){
  .recom_sect .recom_innr{
    padding-left:40px;
    padding-right:40px;
  }
}
@media screen and (max-width:768px){
  .recom_sect .recom_innr{
    padding:13vw 0;
    width:90vw;
  }
  .recom_sect .recom_cnts{
    margin-bottom:11.7vw;
  }
  .recom_sect .ttl_recom_tags{
    margin-bottom:7.8vw;
    font-size:2.8rem;
  }
}