@charset "utf-8";


.section{
    padding-top: 79px;
    padding-bottom: 120px; 
}



.contents_area{
  
    max-width:1400px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
}

.imgfull img {
    width:100%;
}


/*--------------------------------------
ニュース記事一覧
--------------------------------------*/
/*記事の大きな枠*/
#kiji_area{
	position: relative;
    height: 100%;
    margin: 0 auto ;
 /*   left:0;
    right:0;
     max-width:1920px;*/
}


/* aタグをブロック要素にして、.news_boxと同じサイズに */
.news_box a.news_link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.kiji_area{
    
        max-width:1400px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

.news_box{
	position: relative;
   /* height: 280px;*/
    /*width: 360px;*/
    width:30%;
    /*overflow: hidden;*/
    cursor: pointer;
    /*margin-left: 15px;
    margin-right: 15px;*/
    margin-bottom: 50px;
}
.news_hover{
	background-color: rgba(255,255,255,0.7);
	background-size: auto;
    width: 360px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
	z-index: 1;
}
/*日付・タイトル・サムネイル*/
.title{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
    margin-top: 10px;
}
.day{
	font-size: 16px;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
	margin-top: 10px;
}
.day span{
	background: #ffd900;
	padding: 0 3px;
}
.mini_img{
	position: relative;
	top: 0;
	left: 0;
    width:100%;
	/*width: 360px;
	height: 204px;*/
	overflow: hidden;
}
.mini_img img{
    height: auto;
    width: 100%;
}
.kiji_img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: 0 center;
	transition: 0.4s ease; /* ← 反応速度を調整 */
	opacity: 1;
}

/* ロールオーバーで透明度を変える */
.news_box:hover .kiji_img {
	opacity: 0.8;
}






@media screen and (min-width: 0px) and (max-width: 800px) {
    
    
    /*--------------------------------------
	ニュース記事一覧
	--------------------------------------*/
	#kiji_area{
		width: 100%;
		height: 100%!important;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.kiji_area{
        
   max-width:90%;
        
		
	}
	.news_box{
		position: relative;
		height: auto;
        margin: 0;
        padding-bottom: calc(40 / 680* 100%);
        flex-direction: column;
		width: calc(325 / 680* 100%);
	}
	.news_box:nth-child(2n) {
        border-left: none;
    }
	.news_hover{
		width: 100%;
		height: 100%;
		left: 0;
		background-size: 24px auto;
		background-color: rgba(255,255,255,0.7);
	}
	/*日付・タイトル・サムネイル*/
	.mini_img{
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
		height: 0;
		padding-top: calc(188 / 325* 100%);
	}
	.mini_img img {
		position: absolute;
		top: 0;
	}
	.news_box_inwrap{
		margin: calc(20 / 325* 100%) auto 0;
	}
	.day{
		position: relative;
		margin-bottom: 2vw;
		font-size: 11px!important;
		font-weight: 600;
		padding: 0;
	}
	.day span{
		padding: 2px 3px;
	}
	.title{
		margin-top:0;
		font-size: 11px;
		font-weight:bold;
	}
	/*moreボタン*/
	#bt_more_pc{
		display: none!important;
	}
	#bt_more_sp{
		display: none;
		position: relative;
		height: auto;
		margin: calc(60/680*100%) auto 0;
		cursor: pointer;
	}
    
    
    
}





/*---------------
character エリア
-----------------*/
#character_area{
	position: relative;
	width: 100%;
    max-width:1920px;
	
	margin: 0 auto;
}


.character_area_1 {
    position: relative;
 
    background-color: hsla(0,100%,39%,1.00);
}


.character_area_1._blue{
    background-color:#0056b6; 
}


@media screen and (min-width: 0px) and (max-width: 800px) {
    
    	#character_area {
		/*padding-bottom: calc(120 / 780* 100%);*/
	}
    
    
    .section{
    padding-top: 50px;
    padding-bottom: 80px;
}
    
    .contents_area{
        
        
    width:100%;
    position:relative;
}
    
    
  .character_area_1 {
    position: relative;

    background-color: hsla(0,100%,39%,1.00);
}  
       
}






/*slick*/

.slideWrapper{


/*	overflow-x: hidden;
	overflow-y: hidden;*/
    
	/*opacity: 0;*/
	
	margin:auto;
	margin-bottom: 0rem !important;
}

.sliderwaku{
	position: relative;
	display: block;
	padding: 0px 40px 0;
	overflow: hidden;

	}



.slick-arrow {
  position: absolute;
width:5%;
	max-width:60px;
  top: 0;
  bottom: 20px;
  margin: auto;
	cursor:pointer;
	transition: 0.2s ease-in-out;
}

.slick-arrow.slick-disabled {
	opacity: 0;
}

.prev-arrow {
  left:32.5%;
  z-index: 5;
}
.next-arrow {
  right:32.5%;
}


.slick-slide {
    display: none;
    float: left;
    height: 100%;
     min-height: 0px; 
   opacity: 0.4;
  transition: opacity 0.3s ease; 
    
}

.slick-center {
  opacity: 1;
}



.slick-slider {
  position: relative; /* 親に相対位置を設定 */
}

.slick-dots {
  position: absolute;
  bottom: -50px; /* スライダーの下からさらに下げる */
  width: 100%;
  text-align: center;
}


.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px ;
    cursor: pointer;
}




.slick-dots li button:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
 opacity: 1;
  border-radius: 50%;
  background: #000;
}


.slick-dots li.slick-active button:before {
	opacity: 1.0;
	background: hsla(51,100%,50%,1.00);
}



@media screen and (min-width: 0px) and (max-width: 800px) {
    
    

    
    
    .sliderwaku{
	position: relative;
	display: block;
	padding: 0px 5px 0;
	overflow: hidden;

	}
	
	.slick-arrow {
  position: absolute;
width:10%;
/*	max-width:20px;*/
  top: 0px;
  bottom: 0;
}
	
.prev-arrow {
  left:1%;
}
.next-arrow {
  right:1%;
}
    
    
    .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 2px ;
    cursor: pointer;
}




.slick-dots li button:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
 opacity: 1;
  border-radius: 50%;
  background: #000;
}

	
}




/*---------------
about2 エリア
-----------------*/
#about2_area{
	position: relative;
	width: 100%;
      height: 100%;
    max-width:1920px;
	/*padding-bottom: 120px;*/
	margin: 0 auto;
  /*  min-height: 100vh;*/
      overflow: hidden;
    
    background-color: #000000;
}


.about2_area {
    position: relative;
  z-index: 1;
}


/*video*/


.bg-wrapper{
	position: fixed;
	width: 100%;
	top: 0;
/*	background-image: url(../img/about/about_base2.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
	background-size: cover;
	background-color: hsla(0,0%,0%,0);
	/*background-attachment: fixed;*/
	height: 100vh;
	z-index: 0;
}


.covervid-wrapper {
position: relative;
  width: 100%;
  overflow: hidden;
}

.covervid-overlay {
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.covervid-video{
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translateX(-50%);
  object-fit: cover;
  z-index: 0;
    
    opacity: 0.7;
}





@media screen and (min-width: 0px) and (max-width: 800px) {
	
	
	#about2_area {
		/*padding-bottom: calc(120 / 780* 100%);*/
	}
	
	
	.covervid-wrapper {

		
}
	
	

    
    
}



/*---------------
voice エリア
-----------------*/
#voice_area{
	position: relative;
	width: 100%;
      height: 100%;
    max-width:1920px;
	/*padding-bottom: 120px;*/
	margin: 0 auto;
  /*  min-height: 100vh;*/
      overflow: hidden;
    
    background-color: hsla(0,0%,0%,0.40);
}


@media screen and (min-width: 0px) and (max-width: 800px) {
	
	
	#voice_area {
		/*padding-bottom: calc(120 / 780* 100%);*/
	}
	
	
	.covervid-wrapper {

		
}
	
	

    
    
}



/*special*/


.special_page{
    position: relative;
    width: 96%;
    padding: 2rem;
    margin: 0 auto;
   /* background-color: hsla(0,0%,100%,0.8);*/
    background-color: rgba(255, 255, 255, 0.85); /* 半透明の白 */
  backdrop-filter: blur(10px);                /* 背景をぼかす */
  -webkit-backdrop-filter: blur(10px);        /* Safari対応 */
	}


.text_center{
    text-align: center;
}

.special_waku{
    padding: 1.5rem 0;
    border-top: 1px solid hsla(0,0%,60%,1.00);
}

.special_waku:last-of-type {
  border-bottom: 1px solid hsla(0,0%,60%,1.00);
}

.special_title{
    color: #0084C6;
    line-height: 1.6;
    font-size:clamp(0.8rem, 0.727rem + 0.36vw, 1rem);
        font-weight: bold;
}

.special_img{
    max-width: 800px;
    margin: auto;
}


@media screen and (min-width: 0px) and (max-width: 800px) {
    
  .special_page{
    position: relative;
    width: 98%;
    padding: 1rem;
    }
    
    
    .special_waku{
    padding: 1rem 0;

}
}


/*margin-top*/

:root {
  --mt-sp:1.5; /*marginのSP設定*/
    
}

.mt-0 {margin-top: 0rem !important;}
.mt-05 {margin-top: 0.5rem !important;}
.mt-1 {margin-top: 1rem !important;}
.mt-2 {margin-top: 2rem !important;}
.mt-3 {margin-top: 3rem !important;}
.mt-4 {margin-top: 4rem !important;}
.mt-5 {margin-top: 5rem !important;}
.mt-6 {margin-top: 6rem !important;}
.mt-7 {margin-top: 7rem !important;}
.mt-8 {margin-top: 8rem !important;}
.mt-9 {margin-top: 8rem !important;}
.mt-10 {margin-top: 8rem !important;}

.mb-2{margin-bottom: 2rem !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-05 {margin-bottom: 0.5rem !important;}
.mb-1 {margin-bottom: 1rem !important;}
.mb-2 {margin-bottom: 2rem !important;}
.mb-3 {margin-bottom: 3rem !important;}
.mb-4 {margin-bottom: 4rem !important;}
.mb-5 {margin-bottom: 5rem !important;}
.mb-6 {margin-bottom: 6rem !important;}
.mb-7 {margin-bottom: 7rem !important;}
.mb-8 {margin-bottom: 8rem !important;}
.mb-9 {margin-bottom: 8rem !important;}
.mb-10 {margin-bottom: 8rem !important;}


.pt-1 {padding-top: 1rem !important;}
.pt-2 {padding-top: 2rem !important;}
.pt-3 {padding-top: 3rem !important;}
.pt-4 {padding-top: 4rem !important;}
.pt-5 {padding-top: 5rem !important;}

.pb-1 {padding-bottom: 1rem !important;}
.pb-2 {padding-bottom: 2rem !important;}
.pb-3 {padding-bottom: 3rem !important;}
.pb-4 {padding-bottom: 4rem !important;}
.pb-5 {padding-bottom: 5rem !important;}

@media screen and (min-width: 0px) and (max-width: 800px) {
	
	
 .mt-1 {margin-top: calc(1rem / var(--mt-sp)) !important;}
 .mt-2 {margin-top: calc(2rem / var(--mt-sp)) !important;}
 .mt-3 {margin-top: calc(3rem / var(--mt-sp)) !important;}
 .mt-4 {margin-top: calc(4rem / var(--mt-sp)) !important;}
 .mt-5 {margin-top: calc(5rem / var(--mt-sp)) !important;}
 .mt-6 {margin-top: calc(6rem / var(--mt-sp)) !important;}
 .mt-7 {margin-top: calc(7rem / var(--mt-sp)) !important;}
 .mt-8 {margin-top: calc(8rem / var(--mt-sp)) !important;}	
 .mt-9 {margin-top: calc(9rem / var(--mt-sp)) !important;}	
 .mt-10 {margin-top: calc(10rem / var(--mt-sp)) !important;}	

 .mb-2 {margin-bottom: calc(2rem / var(--mt-sp)) !important;}
 .mb-3 {margin-bottom: calc(3rem / var(--mt-sp)) !important;}
 .mb-4 {margin-bottom: calc(4rem / var(--mt-sp)) !important;}
 .mb-5 {margin-bottom: calc(5rem / var(--mt-sp)) !important;}
 .mb-6 {margin-bottom: calc(6rem / var(--mt-sp)) !important;}
 .mb-7 {margin-bottom: calc(7rem / var(--mt-sp)) !important;}
 .mb-8 {margin-bottom: calc(8rem / var(--mt-sp)) !important;}	
 .mb-9 {margin-bottom: calc(9rem / var(--mt-sp)) !important;}	
 .mb-10 {margin-bottom: calc(10rem / var(--mt-sp)) !important;}
	
	
.pt-1 {padding-top: calc(1rem / var(--mt-sp)) !important;}
.pt-2 {padding-top: calc(2rem / var(--mt-sp)) !important;}
.pt-3 {padding-top: calc(3rem / var(--mt-sp)) !important;}
.pt-4 {padding-top: calc(4rem / var(--mt-sp)) !important;}
.pt-5 {padding-top: calc(5rem / var(--mt-sp)) !important;}

.pb-1 {padding-bottom: calc(1rem / var(--mt-sp)) !important;}
.pb-2 {padding-bottom: calc(2rem / var(--mt-sp)) !important;}
.pb-3 {padding-bottom: calc(3rem / var(--mt-sp)) !important;}
.pb-4 {padding-bottom: calc(4rem / var(--mt-sp)) !important;}
.pb-5 {padding-bottom: calc(5rem / var(--mt-sp)) !important;}
	

	
}