body{
  font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
  font-weight: 500;
  margin:0;
  background-color: #fafafa;
}
.top_deco{
  position: absolute;
  top:0;
  left:0;
  z-index:100;
}
.top_deco img{
width:600px;
}
@media screen and (max-width: 1300px){
  .top_deco img{
    width:500px;
    }
}
@media screen and (max-width: 1000px){
  .top_deco img{
    width:400px;
    }
}
@media screen and (max-width: 480px){
  .top_deco img{
    width:350px;
    }
}
@media screen and (min-width: 767px){	
  .wrap_pc { display:block; }
  .wrap_sp { display:none; }
}
@media screen and (max-width: 767px){	
  .wrap_pc { display:none; }
  .wrap_sp { display:block; }
}
.slide-img {
  position: relative;
  margin: 0 auto;
}
.slide-img img{
  display: block;
  width:100%;
  height:100vh;
  object-fit: cover;
}
.s-fade-text{
  position: absolute;
  top: 50%;
  right: 8%;
  color:#fff533;
  font-size: 48px;
  line-height: 1.4;
  text-align: right;
  font-weight:600;
}
.s-fade-text_sp{
  position: absolute;
  top: 50%;
  right: 5%;
  color:#fff533;
  font-size: 28px;
  line-height: 1.4;
  text-align: right;
  font-weight:600;
}
.rang_btn{
  position: absolute;
  top:20px;
  right:50px;
  z-index:200;
}
.rang_btn_ul{
  list-style: none;
  display:flex;
}
.btn01 {
  display:block;  
  width: 100px;
  border: 2px solid #fff;
  font-size: 16px;
  color: #fff;
  padding:5px 10px;
  text-align: center;
  transition: .4s;
  text-decoration: none;
  letter-spacing: 0.1em;
  margin-left:15px;
}
.btn01:hover {
  background-color: #fff;
  border-color: #fff;
  color: #333;
}
@media screen and (max-width: 767px){	
  .rang_btn{
    position: absolute;
    top:20px;
    right:20px;
  }
}
.top_img_yellow{
  position: absolute;
  top:0;
  width:100%;
  background-image: url("../img/news_topimg.png"); 
  height: 450px;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    z-index: 100;
    opacity:0.5;
}
#content_wrap{
  position:absolute;
  height: 150vh;
  width: 100vw;
z-index: 10;
}
#content_wrap2{
  position:absolute;
  height: 100vh;
  width: 100vw;
z-index: 10;
}
@media screen and (max-width: 767px){	
  #content_wrap{
    position:absolute;
    height: 250vh;
  }
}
.news{
  width:960px;
  margin:0 auto;
  margin-top:80px;
  margin-bottom:80px;
  position: relative;
    z-index: 50;
}
.news h1{
  font-size:24px;
text-align:center;
font-weight: normal;
color:#333;
}
.news_hr{
  border-top:1px dotted #333;
}
.news table{
  width:600px;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:50px;
}
.news_span{
  font-size:14px;
  font-weight:lighter;
}
.news_td{
  line-height: 1.4;
}
.news td{
  padding-top:8px;
  padding-bottom: 8px;
}
.news_td_span{
  margin-right:5px;
}
.news_td a{
  color:#333 !important;
}
.news_td a:hover{
  color:#333 !important;
  opacity: 0.6; 
  filter: brightness(110%);
}
@media screen and (max-width: 960px){	
  .news{
    width:90%;
  }
}
@media screen and (max-width: 600px){	
  .news table{
    width:100%;
  }
}
@media screen and (min-width: 550px){	
  .pc_br{ display:block; }
  .sp_br { display:none; }
}
@media screen and (max-width: 550px){	
  .pc_br { display:none; }
  .sp_br { display:block;}
}
.content1{
  width:800px;
  margin:0 auto;
  position: relative;
    z-index: 50;
}
.content1 h1{
  font-size:24px;
  text-align:center;
  font-weight: normal;
  margin:0 auto;
  color:#333;
  line-height:1.4;
}
.content1_hr{
  width:300px;
  border-top:1px solid #000;
  margin:0 auto;
  margin-top:30px;
  margin-bottom:50px;
}
.content1_p{
  color:#333;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
.content1_cont{
  width:640px;
  margin:0 auto;
  margin-top:50px;
  border-left:8px solid #f90505;
}
.content1_cont_p{
  margin-left:8px;
  color:#333;
  line-height: 1.8;
}
.content1_cont2{
  width: 300px;
  margin: 0 auto;
  margin-top:50px;
  display: flex;
  justify-content: space-between;
}
.content1_cont2_pdf a:hover{
  opacity: 0.8; 
  color:#fff;
}
@media screen and (max-width: 800px){	
  .content1{
    width:90%;
  }
  .content1_cont{
    width:100%;
  }
}
@media screen and (min-width: 960px){	
  .content2_flex2_pc{ display:block; margin-top: 30px;}
  .content2_flex2_sp { display:none; }
}
@media screen and (max-width: 960px){	
  .content2_flex2_pc { display:none; }
  .content2_flex2_sp { display:block;margin-top: 50px; }
}
.content2{
  width:100%;
  margin-top:80px;
  padding-top:80px;
  padding-bottom: 80px;
  background-color: #E7EAEA;
  z-index: 50;
    position: relative;
}
.content2 h1{
  font-size:24px;
  margin: 0 auto;
  text-align: center;
  color:#333;
  font-weight: normal;
}
.content2_hr{
  width:960px;
  border-top:1px solid #333;
  margin:0 auto;
  margin-top:30px;
  margin-bottom:30px;
}
.content2_flex{
  width:900px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.content2_flex_p1{
  font-size:15px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  color:#333;
}
.content2_flex_p2{
  font-size:15px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  color:#333;
}
.content2_flex2{
  width:960px;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
  margin-top:20px;
}
.content2_flex2 img{
width:225px;
}
@media screen and (max-width: 960px){	
  .content2_hr{
    width:90%;
  }
  .content2_flex{
    width:90%;
    margin: 0 auto;
    display: block;
    justify-content: space-between;
  }
  .content2_flex2_sp2{
    display:flex;
    justify-content: space-between;
    width:470px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .content2_flex2_sp2 img{
    width:225px;
  }
}
.content2_flex2_img_a{
	width:225px;
	height:122px;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}
.content2_flex2_img_b{
	width:225px;
	height:122px;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}
.content2_flex2_img_a .caption {
	font-size:14px;
	text-align: center;
	padding-top:30px;
	color:#fff;
  line-height: 1.4;
}
.content2_flex2_img_a .caption2 {
	font-size:14px;
	text-align: center;
	padding-top:40px;
	color:#fff;
  line-height: 1.4;
}
.content2_flex2_img_a .caption3 {
	font-size:14px;
	text-align: center;
	padding-top:55px;
	color:#fff;
  line-height: 1.4;
}
.content2_flex2_img_a .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.8);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:all 0.2s ease;
  border-radius: 5px;
}
.content2_flex2_img_a:hover .mask {
	opacity:1;	/* マスクを表示する */
}
@media screen and (max-width: 480px){	
  .content2_flex2_sp2{
    display:block;
    justify-content: space-between;
    width:100%;
    margin: 0 auto;
    text-align:center;
  }
  .content2_flex2_sp2 img{
    margin-bottom:15px;
  }
  .content2_flex2_sp2_display_none{
    display:none;
  }
  .content2_flex2_img_a{
margin:0 auto;
margin-top:20px;
  }
  .content2_flex2_img_b{
display:none;
  }
}
.content_footer{
  width:100%;
  padding-top:50px;
  padding-bottom: 50px;
  background-color: #BBC1C2;
  position: relative;
  z-index: 50;
}
.content_footer2{
  width:100%;
  padding-top:50px;
  padding-bottom: 50px;
  background-color: #BBC1C2;
/*  position: absolute;*/
/*  bottom:0;*/
/*  z-index: 50;*/
}
.footer_flex{
  width:960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.content_footer_cont1{
  border-left:8px solid #f90505;
}
.content_footer_cont1_p{
  line-height: 2.8;
  color:#333;
  margin-left:15px;
}
.content_footer_cont2{
  border-left:8px solid #fff;
}
.content_footer_cont1_p2_a{
  font-size:13px;
  line-height: 1.8;
  color:#333;
  margin-left:15px;
}
.content_footer_cont1_p2{
  font-size:13px;
  line-height: 1.8;
  color:#333;
  margin-top:5px;
  margin-left:15px;
}
.footer_flex_right_img{
  text-align: right;
}
.content_footer_cont1_p3{
  font-size:11px;
  line-height: 1.8;
  color:#333;
  margin-top:7px;
  margin-left:15px;
  text-align: right;
}
.content_footer_cont1_p2 a{
  color:#333 !important;
  text-decoration:none;
}
@media screen and (max-width: 960px){	
  .content_footer2{
    position: relative;
  }
  .footer_flex{
    width:90%;
  }
}
@media screen and (max-width: 840px){	
  .footer_flex{
    width:90%;
    display:block;
  }
  .footer_flex_right{
    margin-top:30px;
  }
  .footer_flex_right_img{
    text-align: left;
  }
  .content_footer_cont1_p3{
    text-align: left;
  }
}
/* ここからnews.html */
.wrap-news{
  width:100%;
  background-image: url("../img/news_topimg.png"); 
  height: 450px;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    z-index: 50;
}
.wrap-news h1{
  font-size:24px;
  text-align:center;
  font-weight: bold;
  color:#333;
  padding-top:180px;
}
.wrap-news_hr{
  width:960px;
  border-top:1px solid #333;
  margin:0 auto;
  margin-top:30px;
  margin-bottom:50px;
}
.news_top{
  position: absolute;
  top:20px;
  left:50px;
  z-index: 100;
}
.news_top img{
width:100px;
}

.news_section{
  width:800px;
  margin:0 auto;
/*  margin-top:-170px;*/
  margin-top:30px;
  padding:30px;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
    z-index: 60;
}
.news_section_ttl{
  display:flex;
  justify-content: space-between;
  border-left:8px solid #fff533;
  line-height: 1.8;
}
.news_section_ttl_p{
  font-size:24px;
  font-weight:bold;
  margin-left:12px;
  color:#333;
  letter-spacing: 0.1em;
}
.news_section_ttl_p2{
  font-size:14px;
  font-weight:normal;
  margin-top:12px;
  color:grey;
  letter-spacing: 0.1em;
}
.news_section_ttl_p3{
  font-weight:normal;
  padding:0px 0px 0px 30px;
  color:#333;
  letter-spacing: 0.1em;
  line-height: 1.9;
  display: inline-block;
  vertical-align: top;
}
.news_section_ttl_img{
  padding:0px 0px 0px 0px;
  width:180px;
  display: inline-block;
  vertical-align: top;
}
.news_section2{
  width:800px;
  margin:0 auto;
  margin-top:30px;
  padding:30px;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
    z-index: 50;
}
.hollow{
  width:100%;
  height:10px;
  margin-bottom:80px;
}
@media screen and (max-width: 960px){	
  .wrap-news_hr{
    width:95%;
  }
  .news_section{
    width:80%;
    margin:0 auto;
    margin-top:-100px;
    padding:30px;
    background-color: #fff;
    border-radius: 3px;
  }
  .news_section_ttl{
    display:block;
    line-height: 1.4;
  }
  .news_section_ttl_p{
    font-size:20px;
  }
  .news_section_ttl_p2{
margin-left:12px;
  }
  .news_section2{
    width:80%;
    margin:0 auto;
    margin-top:30px;
    padding:30px;
    background-color: #fff;
    border-radius: 3px;
  }
}
/* ここからen.html */
.s-fade-text-en{
  position: absolute;
  top: 50%;
  right: 3%;
  color:#fff533;
  font-size: 42px;
  line-height: 1.4;
  text-align: right;
  font-weight:600;
}
.content1-en{
  width:800px;
  margin:0 auto;
  margin-top:80px;
  position: relative;
    z-index: 50;
}
.content1-en h1{
  font-size:24px;
  text-align:center;
  font-weight: normal;
  margin:0 auto;
  color:#333;
  line-height:1.4;
}
@media screen and (max-width: 800px){	
  .content1-en{
    width:90%;
  }
}
.footer_flex_right_en{
  width:160px;
}
@media screen and (max-width: 840px){	
  .footer_flex_right_en{
    margin-top:30px;
  }
}