@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

* {
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:"Shippori Mincho","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

img{width:100%;}
a{color:#eee;}

li{list-style:none;}

.open_title{cursor:pointer;}

.youtube iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;}


/*--------------------*/

.tbl { display:none;}
.tb { display:none;}
.phone { display:none;}

@media only screen and (max-width: 1100px) {
	.tbl{ display:inline;}
	.no_tbl{display:none;}
}

@media only screen and (max-width: 767px) {
	.no_tb{display: none;}
	.tb {display:inline;}
}

@media only screen and (max-width: 580px) {
	.no_phone{display: none;}
	.phone{display:inline;}
}

/*------------------------------------*/

body.tenguren{
	position:relative;
	background-color:#d0111a;
}

.tenguren_topframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:40;
	display:flex;
	justify-content:space-between;
}
.tenguren_topframe > div{width:max(140px,10vw);}
.tenguren_topframe > div:nth-child(2){transform: scale(-1,1);}

@media only screen and (max-width:1100px) {
	.tenguren_topframe > div{width:calc((100vw - 800px)/ 2);}
}
@media screen and (max-width: 980px) {
	.tenguren_topframe{display:none;}
}


/*------------------------------------*/

.header{
	position: fixed;
	top:0;
	width:100%;
	z-index:50;
	transition:.2s;
}
.header.is-scrolled {
	background-color: #d0111a;
	filter:drop-shadow(0 0 5px rgba(0,0,0,.15));
}

.header_nav{
	position:relative;
	display: flex;
	justify-content:center;
	width:100%;
	padding:0 0 12px;
	text-align:center;
	letter-spacing:3px;
}

.header_nav ul{
	position:relative;
	display: flex;
	flex-wrap: wrap;
	gap:0 20px;
	justify-content: center;
}

.header_nav li{
	margin: auto 0 0;
	list-style: none;
}

li.header_logo{padding:0 10px;}
.header_logo img{margin:10px 0 -15px;max-width:300px;}

.header_nav a{
	font-size:15px;
	font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight:bold;
	text-decoration:none;
	position: relative;
	display: inline-block;
	transition:.2s;
}
.header_nav a img{
	transition:.2s;
}
@media only screen and (min-width:768px) {
	.header_nav a:hover{
		color:rgba(0,0,0,.4);
	}
	.header_nav a img:hover{
		opacity:.7;
	}
}

.header_nav a img[src*="x_w"]{
	width:32px;
	margin-bottom:-9px;
}

.header_nav .apply{
	position:relative;
	display: flex;
	flex-wrap: wrap;
	padding:0 15px;
}
.header_nav .apply a{
	margin:auto auto -2px;
	border:2px #fff solid;
	background-color:#fff;
	color:#d0111a;
	letter-spacing:-0.04em;
	padding:0 10px;
	border-radius:3px;
	filter:drop-shadow(2px 2px 5px rgba(0,0,0,.35));
}
.header_nav .apply.campaign_date_out{display:none;}

@media screen and (min-width: 768px) {
	.header_nav .apply a:hover{color:#fff;background-color:#d0111a;filter:drop-shadow(2px 2px 5px rgba(0,0,0,0));}
}

.header_bottom{height:80px;}


@media screen and (max-width: 920px) {
	.header_nav li:last-child{display:none;}
}
@media screen and (max-width: 900px) {
	.header_nav .apply{display:none;}
}
@media screen and (max-width: 767px) {
	.header_nav {padding: 0 0 6px;}
	li.header_logo{width:100%;}
	.header_logo img{margin:0 0 -10px;max-width: 240px;}
}
@media screen and (max-width: 580px) {
	.header_nav li:nth-last-child(2){display:none;}
}

/*------------------------------------*/


.mv_box{
	background-image:url("../img/tenguren/top_bk.webp");
	background-position:center bottom;
	background-size: 106%;
	background-repeat: no-repeat;
}

.mv_box h1{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:15px 0;
	text-align:center;
	margin:auto;
	max-width:1100px;
	line-height:0;
	padding:20px 30px 20px;
}
.mv_box h1 img[src*="yonosuke"]{width:26%;}

.mv_title{
	text-align: center;
	padding: 0 0 30px;
	font-size:38px;
	font-weight: 800;
	color: #fff;
	letter-spacing: .2em;
}

.top_img{
	margin:auto;
	max-width:1300px;
	line-height:0;
}


@media only screen and (max-width:1100px) {
	.mv_box {background-size: 131%;}
	.top_img{overflow-x:hidden;}
	.top_img img{margin-left: -10%;width:120%;}
}

@media only screen and (max-width:767px) {
	.mv_box {background-size: 240%;}
	.mv_box h1 img[src*="yonosuke"] {width: 38%;}
	.top_img img{margin-left:0;width:100%;}
	.mv_title{padding: 0 0 20px;font-size:32px;}
}
@media screen and (max-width: 580px) {
	.mv_box {background-size: 312%;}
	.mv_box h1{gap:3vw 0;padding:3vw 2vw;}
	.mv_box h1 img[src*="yonosuke"] {width: 53%;}
	.mv_title{font-size:7vw;padding:0 0 1vw;padding-left:.7em;}
}



/*------------------------------------*/
/*ボタン*/

.btn{
	width:100%;
	background-color:#d0111a;
	margin:-1px auto 0;
}

.btn ul{
	display:flex;
	width:50%;
	min-width:700px;
	margin:40px auto;
}

.btn ul li{
	margin:auto;
	list-style-type:none;
}

.btn ul li a{
	position:relative;
	text-decoration:none;
	padding:10px 42px 10px 30px;
	color:#fff;
	border:3px solid #fff;
	outline:3px solid #fff;
	outline-offset: 3px;
	border-radius:1px;
	font-size:23px;
	font-weight:bold;
	letter-spacing:0.2em;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	transition: .2s;
}

.btn ul li a::after{
	position: absolute;
    content: "▶︎";
    font-size:70%;
    top:50%;
    right: 12px;
	transform: translateY(-50%);
}



@media screen and (max-width:767px) {
	.btn ul{
		width:96%;
		min-width:200px;
	}
	.btn ul li a{
		font-size:33px;
		letter-spacing:0em;
		padding:10px 30px;
	}
}

@media screen and (min-width:768px) {
	.btn ul li a:hover{
		color:#d0111a;
		background-color:#fff;
		outline:8px solid #fff;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0);
	}
}


/*------------------------------------*/

.news_area{
	padding:0 30px;
}

.news_box{
	max-width:900px;
	margin:auto;
	padding:30px 0 50px;
}

.news_box h2{
	text-align: center;
	padding:0 0 10px;
	font-size:30px;
	font-weight:800;
	color:#fff;
	letter-spacing:.3em;
}

.news_box a{
	display:block;
	line-height: 0;
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
	transition:.2s;
}
@media only screen and (min-width:768px) {
	.news_box a:hover{
		opacity:.75;
		box-shadow:1px 1px 4px rgba(0, 0, 0, 0);
	}
}

@media screen and (max-width:580px) {
	.news_area{padding:0 5vw;}
	.news_box{padding:5vw 0;}
	.news_box h2{padding:0 0 2vw;font-size: 7vw;}
}

/*------------------------------------*/

.intro_box{padding-top:30px;}

.intro_first{
	background-image: url("../img/tenguren/rakugoka_bk.webp");
	background-position: center;
	background-size:40%;
	background-repeat: repeat;
	text-align: center;
	color:#fff;
    font-size: 44px;
	font-weight: 800;
    line-height: 1.6em;
	letter-spacing:0.05em;
	padding:8px 0;
}
.intro_first_inner{
	background: url("../img/tenguren/member_bk_front.webp");
    background-repeat: repeat;
    background-size: 50%;
}
.intro_first span{font-size:80%;}
.intro_first i{font-family:"游明朝","Yu Mincho","游明朝体","YuMincho",serif;font-style:normal;}

.intro_bkmv{
	position: relative;
	aspect-ratio: 2 / 1;
	width: 100%;
	height:auto;
	overflow: hidden;
}
.intro_bkmv_red{
	position: relative;
	z-index: 2;
	width: 100%;
	height:100%;
	background-color:rgba(226,0,0,.5);
}
.intro_bkmv video{
	position: absolute;
	top: -3%;
    left: 50%;
    transform: translateX(-50%);
	width: 100%;
}

.intro_main{
	position: relative;
}
.intro_main_bk{
	position: absolute;
	top:120px;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.intro_main_bk > div{
	width:14%;
}

.intro_text_box{
	position:relative;
	z-index:4;
	background-color: #d0111a;
	padding:40px 30px;
	margin: -120px auto 0;
	border-radius:35px;
	max-width:760px;
}
.intro_h2 h2{
	text-align: center;
	color: #fff;
    font-size: 70px;
    line-height: 1em;
	padding-bottom:40px;
}
.intro_h2 h2 span{font-size:70%;}
.intro_text h3{
	text-align: center;
	color: #fff;
    font-size: 25px;
    line-height: 1.6em;
	letter-spacing:0.05em;
	padding-bottom:40px;
}
.intro_text p{
	color: #fff;
	font-size:18px;
	letter-spacing:0.05em;
	padding-bottom:35px;
}

.intro_textinner_slider_box{
    display: flex;
    align-items: center;
    overflow: hidden;
	padding-bottom: 35px;
}
.intro_textinner_slider_imgline{
    display: flex;
    width: min-content;
    animation: 80s linear infinite sliderAnimation;
}
.slider_imgline_inner{
    width: 200px;
    position: relative;
	line-height:0;
}

@keyframes sliderAnimation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}



@media only screen and (max-width:1100px) {
	
}
@media only screen and (max-width:980px) {
	.intro_bkmv{aspect-ratio:3 / 2;}
	.intro_bkmv video{width:120%;}
}
@media only screen and (max-width:800px) {
	.intro_main_bk{display:none;}
}
@media only screen and (max-width:767px) {
	.intro_first{font-size: 37px;}
	.intro_h2 h2{font-size:65px;}
	.intro_text h3{font-size:22px;}
	.intro_text_box{padding: 40px 30px 0;}
}
@media only screen and (max-width:580px) {
	.intro_first {font-size:9vw;line-height:1.1em;padding: 2.5vw 0;}
	.intro_bkmv{aspect-ratio:5 / 4;}
	.intro_bkmv video{width:180%;}
	.intro_text_box{margin:-6.2vw auto 0;padding:10vw 0 0;}
	.intro_h2 h2{font-size:12.5vw;padding-bottom:6vw;letter-spacing:-0.05em;}
	.intro_text h3{font-size:5.6vw;padding-bottom:8vw;}
	.intro_text p{font-size:16px;padding:0 7vw 30px;}
	.intro_text p.sp_center{text-align:center;font-size:5vw;padding:0 7vw 20px;}
	.intro_textinner_slider_box{padding-bottom:28px;}
}

/*---------------------*/
.intro_line_img{
	display:none;
}

.intro_first_box{
	position: relative;
	padding:30px 30px 140px;
}

.intro_first_wrap{
	position:relative;
	display:flex;
	flex-wrap: wrap;
	gap:40px;
	margin: auto;
	max-width:1100px;
	z-index:4;
}
.intro_first_img{
	position: relative;
	width:calc(40% - 40px);
	height:auto;
	overflow-y: hidden;
}
.intro_first_img img {
    position: absolute;
    top:-7%;
    left: 50%;
    transform: translateX(-50%);
}
.intro_first_text{
	width:60%;
	padding: 0 0 30px;
}
.intro_first_text h3{
	text-align: center;
	color: #fff;
    font-size: 30px;
    line-height: 1.6em;
	letter-spacing:0.05em;
	padding-bottom:30px;
}
.intro_first_text h3 span{
	font-size:80%;
}
.intro_first_text p{
	color: #fff;
	font-size:16px;
	letter-spacing:0.05em;
	padding-bottom:35px;
}

.intro_first_bk{
	position:absolute;
	line-height:0;
	bottom:0;
	left:0;
	width:70%;
	z-index:1;
}

@media only screen and (max-width:1100px) {
	.intro_first_box{overflow:hidden;}
	.intro_first_bk{width:90%;}
}
@media only screen and (max-width:767px) {
	.intro_first_box{padding: 30px 30px 70px;}
	.intro_first_img img{top: 0;}
	.intro_first_text h3{font-size:25px;}
	.intro_first_bk{margin-left:-30%;margin-bottom:-60px;width:120%;}
}
@media only screen and (max-width:580px) {
	.intro_line_img{display:block;margin:auto;max-width:30px;}
	.intro_first_box{padding:5vw;}
	.intro_first_wrap{gap:0;}
	.intro_first_img{width:100%;aspect-ratio:10 / 8;order:2;}
	.intro_first_img img {top:-16%;}
	.intro_first_text{display:contents;}
	.intro_first_text h3{order:1;width:100%;font-size:8vw;line-height:1.1em;padding-bottom:4.5vw;}
	.intro_first_paragraph{order:3;padding-top:4vw;}
	.intro_first_text p{padding-bottom:25px;}
	.intro_first_bk {margin-bottom:-13vw;width:170%;}
}


/*------------------------------------*/

.first_area{
	background: url("../img/tenguren/member_bk_front.webp");
    background-repeat: repeat;
    background-size: 50%;
}
.first_box{
	background-color: rgba(22, 0, 0, .3);
	padding:50px 30px 70px;
}

.first_main h2{
	text-align: center;
	color:#fff;
    font-size: 44px;
	font-weight: 800;
    line-height: 1.6em;
	letter-spacing:0.05em;
	padding-bottom:10px;
	filter:drop-shadow(2px 2px 5px rgba(0,0,0,.35));
}
.first_main h2 span{font-size:80%;}
.first_main h2 i{font-family:"游明朝","Yu Mincho","游明朝体","YuMincho",serif;font-style:normal;}

.first_intro{
	padding-bottom:35px;
}
.first_intro p{
	text-align:center;
	color:#fff;
	font-size:18px;
	letter-spacing:0.04em;
	font-weight:700;
	filter:drop-shadow(2px 2px 5px rgba(0,0,0,.35));
}

.first_link_area{
	display:flex;
	flex-wrap:wrap;
	gap:50px 30px;
	margin:auto;
	max-width:900px;
}
.first_link_area a{
	display:block;
	line-height:0;
	filter:drop-shadow(2px 2px 5px rgba(0,0,0,.35));
	transition:.2s;
}
.first_link_area a:nth-child(1){width:100%;}

.first_link_area a:nth-child(1) img{border-radius:20px;}
.first_link_area a:nth-child(2){width:calc(43% - 15px);}
.first_link_area a:nth-child(3){width:calc(57% - 15px);}

@media only screen and (min-width:768px) {
	.first_link_area a:hover{
		opacity:.55;
		filter:drop-shadow(2px 2px 5px rgba(0,0,0,0));
	}
}
@media only screen and (max-width:767px){
	.first_main h2{font-size:38px;}
}
@media only screen and (max-width:580px){
	.first_box{padding:7vw 5vw;}
	.first_main h2{font-size: 9vw;line-height: 1.1em;padding-bottom: 5vw;}
	.first_intro{padding-bottom:5vw;}
	.first_intro p{font-size:16px;padding-bottom:15px;}
	.first_link_area{gap:6vw;justify-content:center;}
	.first_link_area a:nth-child(1) img {border-radius:10px;}
	.first_link_area a:nth-child(2){width:70%;}
	.first_link_area a:nth-child(3){width:100%;}
}

/*------------------------------------*/

.member_title{display:none;}
@media only screen and (max-width:580px) {
	.member_title{
		display:block;
		padding:30px 0;
	}
	.member_title span{
		position:relative;
		display:block;
		text-align: center;
		font-size: 9vw;
        line-height: 1.1em;
		letter-spacing:.1em;
		color:#fff;
		font-weight: 800;
	}
	.member_title span::before,.member_title span::after{
		content:"";
		position:absolute;
		display:block;
		width:20vw;
		height:100%;
		top:0;
		background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 5px, #fff 0, #fff 7px);
	}
	.member_title span::before{left:0;}
	.member_title span::after{right:0;}
}

/*------------------------------------*/

.rakugoka_area{
	background-image: url("../img/tenguren/rakugoka_bk.webp");
	background-position: center;
	background-size:60%;
	background-repeat: repeat;
}

.rakugoka_box{
	padding:120px 30px 100px;
}

.rakugoka_wrap{
	display:flex;
	flex-wrap: wrap;
	gap:30px;
	margin:auto;
	max-width:1200px;
	padding: 0 0 70px;
}
.rakugoka_wrap.komahei{
	padding: 0 0 20px;
}

.rakugoka_img{width:calc(50% - 30px);line-height:0;}
.rakugoka_textbox{width:50%;color:#fff;}
.rakugoka_textbox h2{
	position:relative;
	line-height:1em;
    font-size:26px;
	margin-bottom:30px;
}
.rakugoka_textbox h2::before{
	content:"";
	position:absolute;
	display:block;
	top:0;
	left:-34px;
	width:5px;
	height:100%;
	border-left:5px solid #fff;
	border-right:15px solid #fff;
}

.rakugoka_h3box{border-bottom:1px solid #fff;}

.rakugoka_h3box h3{
	line-height:1em;
    font-size:40px;
	font-weight:800;
	padding-bottom:5px;
}

.rakugoka_h3sns{
	display:flex;
	flex-wrap: wrap;
	gap:10px;
	padding:6px 0 0;
}
.rakugoka_h3sns a{
	text-decoration:none;
	display: block;
	line-height:0;
	width:40px;
	transition: 0.2s;
}
.rakugoka_h3sns a img{
	transition: 0.2s;
}
.rakugoka_h3sns a.profile{
	position:relative;
	margin: auto 0;
	width:fit-content;
	font-size:20px;
	font-weight:600;
	line-height:1em;
	border:#fff 2px solid;
	padding:3px 23px 6px 8px;
}
.rakugoka_h3sns a.profile:after {
    position: absolute;
    content: "";
    width:7px;
    height:7px;
    border-bottom: #fff 2px solid;
    border-right: #fff 2px solid;
    top:50%;
    right:5px;
    transform: rotate(-45deg) translateY(-50%);
    transition: 0.2s;
}
@media only screen and (min-width:768px) {
	.rakugoka_h3sns a:hover img{
		opacity:.5;
	}
	.rakugoka_h3sns a.profile:hover{
		background-color:#fff;
		color:#96241f;
	}
	.rakugoka_h3sns a.profile:hover:after{
		border-color: #96241f;
	}
}

.rakugoka_text{
	padding:18px 0 0;
}
.rakugoka_text p{
	letter-spacing:0.04em;
	line-height: 1.65em;
	padding-bottom:20px;
}

.rakugoka_episode_box{
	display:flex;
	flex-wrap: wrap;
	margin:auto;
	max-width:1200px;
	gap:30px;
}

.rakugoka_episode_img{
	width:30%;
}
.rakugoka_episode_text{
	color:#fff;
	width:calc(70% - 30px);
}
.rakugoka_episode_text p{
	padding-bottom:15px;
}


@media only screen and (max-width:1300px) {
	.rakugoka_textbox h2{padding-left:34px;}
	.rakugoka_textbox h2::before{left:0;}
}

@media only screen and (max-width:1100px) {
	.rakugoka_box{padding: 100px 30px 80px;}
	.rakugoka_wrap{justify-content:center;}
	.rakugoka_img{width:100%;max-width:500px;margin: auto;}
	.rakugoka_textbox{width:100%;}
	.rakugoka_wrap.komahei{flex-direction:column-reverse;}
}
@media only screen and (max-width:580px) {
	.rakugoka_box{padding:0 5vw 8vw;}
	.rakugoka_wrap{padding:0 0 5vw;}
	.rakugoka_wrap.komahei{padding:0 0 3vw;}
	.rakugoka_textbox h2{font-size:6.8vw;margin-bottom:4vw;}
	.rakugoka_h3box h3{font-size:12vw;}
	.rakugoka_episode_img{width:100%;line-height:0;}
	.rakugoka_episode_text{width:100%;}
	.rakugoka_episode_text p{padding-bottom: 25px;}
}


/*------------------------------------*/

.director_box{
	padding:50px 30px 0;
}

.director_wrap{
	background:url("../img/tenguren/white_bk.webp");
	background-repeat: repeat-y;
	background-size: 100%;
	margin:auto;
	max-width:1200px;
	padding:30px 50px;
	border-radius:15px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.director_title{
	display:flex;
	flex-wrap: wrap;
	gap:20px;
}
.director_img{width:100px;margin:auto 0;}
.director_name{width:calc(100% - 120px);}
.director_name h2{
	color:#231815;
	line-height: 1em;
    font-size: 20px;
    font-weight: 800;
}
.director_name h2 span{
	font-size:70%;
}
.director_name h3{
	color:#231815;
	line-height: 1em;
    font-size: 36px;
    font-weight: 800;
    padding-bottom: 5px;
}
.director_namesub{
	font-size:15px;
}

.director_text{padding-top:15px;}
.director_text p{
	padding-bottom: 15px;
    color: #231815;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55em;
    letter-spacing: 0.04em;
}
.director_text a{
	color:#222;
}

@media only screen and (max-width:1100px) {
	.director_box{padding:50px 0 0;}
	.director_name h2 span{display:block;}
}
@media only screen and (max-width:580px) {
	.director_box{padding:6vw 0 0;}
	.director_wrap{padding:7vw 6vw;}
	.director_title{gap:5px 10px;}
	.director_name{display:contents;}
	.director_img{width:60px;order:1;}
	.director_namemain{order:2;width:calc(100% - 70px);}
	.director_name h2{order:3;}
}

/*------------------------------------*/
.tenguren_area{
	background:url("../img/tenguren/white_bk.webp");
	background-repeat: repeat-y;
	background-size: 100%;
}
.tenguren_box{
	background:url("../img/tenguren/member_bk_front.webp");
	background-repeat: repeat-y;
	background-size: 100%;
}

.tenguren_main{
	position:relative;
	padding:60px 30px;
}

.tenguren_main::before,.tenguren_main::after{
	content:"";
	position:absolute;
	display:block;
	top:0;
	width:100px;
	height:100%;
	background-image: url("../img/tenguren/member_frame.webp");
	background-position: left;
	background-size: 100%;
	background-repeat: repeat-y;
}
.tenguren_main::before{
	left:0;
}
.tenguren_main::after{
	right:0;
	transform: scale(-1,1);
}

.tenguren_wrap{
	position:relative;
	z-index:10;
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	margin: auto;
	max-width:1200px;
	padding:0 0 70px;
}
.tenguren_wrap.rtl{flex-direction:row-reverse;}

.tenguren_memberimg{width:calc(50% - 30px);margin-top:auto;line-height:0;}
.tenguren_membertext{width:50%;}

.tenguren_member_title{
	padding:20px 35px 10px;
	background-color:#c31a1f;
	font-size:30px;
	line-height:1.2em;
	font-weight:800;
}

.tenguren_name{
	color:#231815;
	position:relative;
	width:fit-content;
}
.tenguren_name::after{
	content:"";
	position:absolute;
	bottom:0;
	right:-55px;
	display:block;
	width:auto;
	height:calc(100% + 15px);
	aspect-ratio:1 / 1;
	background-image: url("../img/tenguren/aratame.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.tenguren_member_title h3{color:#fff;font-size:1.5em;padding-top:.15em;}
.tenguren_sub{color:#fff;font-size:.5em;}

.tenguren_member_detail{
	background-color:rgba(250,241,233,.8);
	padding:15px 35px 20px;
}
.tenguren_member_detail h4{
	padding-bottom:5px;
	color:#231815;
	font-size:28px;
	font-weight:800;
	letter-spacing:-0.07em;
}
.tenguren_member_tag{
	display: flex;
	flex-wrap: wrap;
	gap:3px 6px;
	padding:4px 0 13px;
}
.tenguren_member_tag span{
	display:block;
	color:#231815;
	font-size:13px;
	border:1px solid #231815;
	padding:0 10px 1px;
	line-height:1.2em;
	border-radius:10px;
}
.tenguren_member_tag span::before{
	content:"#";
	
}

.tenguren_member_detail p{
	padding-bottom:15px;
	color:#231815;
	font-size:14px;
	font-weight:600;
	line-height:1.55em;
	letter-spacing:0.04em;
}

@media only screen and (max-width:1100px) {
	.tenguren_main{padding:60px 30px 0;}
	.tenguren_wrap{gap:0;padding: 0 0 30px}
	.tenguren_memberimg{width:100%;max-width:550px;margin:auto;}
	.tenguren_membertext{width:100%;}
}
@media only screen and (max-width:580px) {
	.tenguren_main{padding:8vw 5vw;}
	.tenguren_main::before, .tenguren_main::after {width:60px;}
	.tenguren_wrap{padding:0 0 8vw;}
	.tenguren_member_title{padding:5vw 5vw 2vw;font-size:7vw;}
	.tenguren_name::after {right:-14vw;}
	.tenguren_name.long{letter-spacing:-.1em;}
	.tenguren_member_detail{padding:3vw 5vw;}
	.tenguren_member_detail h4{font-size:7vw;line-height:1.25em;}
}


/*------------------------------------*/

.article_area{
	background:url("../img/tenguren/white_bk.webp");
	background-repeat: repeat-y;
	background-size: 100%;
}

.article_box{
	background-color: rgba(225, 211, 186, .7);
}

/*------------------------------------*/

.pickup_box{
	margin:auto;
	max-width:1400px;
}

.pickup_box h3{
	text-align: center;
	padding:0 0 10px;
	font-size:28px;
	color:#fff;
	letter-spacing:.2em;
}

.pickup_wrap {
	display: flex;
	flex-wrap:wrap;
	gap:15px;
	padding:10px 20px 30px;
}
.pickup_inner{
	text-align:center;
	width:calc((100% - (15px * 3)) / 4);
}
.pickup_inner iframe{
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
}
.pickup_inner a.youtube_img{display:none;}

@media screen and (max-width:980px) {
	.pickup_inner{
		width:calc((100% - (15px * 1)) / 2);
		padding-bottom:10px;
	}
}

@media screen and (max-width:767px) {
	.pickup_inner iframe{display:none;}
	.pickup_inner a.youtube_img{display:block;}
	.pickup_inner a.youtube_more{display:none;}
}
@media screen and (max-width:580px) {
	.pickup_box{padding-bottom:3vw;}
	.pickup_box h3{padding:0 0 3vw;font-size:6vw;}
	.pickup_wrap{padding:0 5vw;gap:2vw;}
	.pickup_inner{padding-bottom:0;width: calc((100% - 2vw) / 2);}
}



/*------------------------------------*/
/*アーカイブ*/

.archive_topframe{
	display:none;
}

.archive_box{
	width:100%;
	padding:100px 0 60px;
}
.archive_box h2{
	margin: auto;
	max-width:1140px;
	padding:0 20px 20px;
}

.archive_box h3.open_title{
	position:relative;
	margin:0 auto;
	width: fit-content;
	text-align: center;
	color:#fff;
	border:#fff 2px solid;
	font-size:28px;
	padding:0 50px 2px;
	transition: 0.2s;
}
.archive_box h3.open_title::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: #fff 2px solid;
    border-right: #fff 2px solid;
    bottom: 16px;
    right:20px;
    transform: rotate(45deg);
    transition: 0.2s;
}

.archive_box h3.open_title.open{
	border-color:rgba(255,255,255,0);
}

.archive_box h3.open_title.open::after {
	bottom:20px;
	width: 20px;
	border-right:0px solid rgba(255,255,255,0);
	transform: rotate(0deg);
}
@media only screen and (min-width:768px) {
	.archive_box h3.open_title:hover{
		color:#d0111a;
		background-color: #fff;
	}
	.archive_box h3.open_title:hover::after{
		border-color:#d0111a;
	}
}


.archive_wrap_box{
	display: none;
}

.archive_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin: auto;
	max-width:1100px;
	gap:10px;
	padding:30px 0;
}

.archive_wrap a{
	line-height:0;
	width:calc((100% - (10px * 3))/ 4);
}

@media screen and (max-width:1100px) {
	.archive_box h3.open_title{font-size:24px;}
	.archive_wrap{justify-content:center;}
	.archive_wrap a{width:40%;}
}

@media screen and (max-width:767px) {
	.archive_box h2 img{width:96%;}
	.archive_wrap a{width:46%;}
}

@media screen and (max-width:580px) {
	.archive_topframe{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.archive_topframe > div {width:30%;}
	.archive_topframe > div:nth-child(2) {transform: scale(-1, 1);}
	.archive_box{padding:0 0 6vw;}
	.archive_box h2{margin:-8vw auto 0;padding:0 2vw 2vw;}
	.archive_box h2 img{width:100%;}
	.archive_box h3.open_title.open::after{bottom:17px;}
	.archive_wrap{padding:4vw 0;}
}

/*------------------------------------*/
/*記事*/

.article_box{
	padding:0 30px;
}

.article_main{
	margin: auto;
	max-width:900px;
	padding:30px 0;
}

.article_main h3{
	text-align:center;
	color:#231815;
	font-size:34px;
	letter-spacing:0.08em;
	margin:20px auto 0;
}

.article_main h4{
	position:relative;
	color:#231815;
	font-size:20px;
	line-height: 1em;
	margin:20px auto 0;
	padding:0 30px;
}
.article_main h4::before{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left:0;
	width: 5px;
	height: 100%;
	border-left: 3px solid #231815;
	border-right: 13px solid #231815;
}

.media_item{
	display:flex;
	flex-wrap: wrap;
	gap:20px;
	padding:10px 0;
	border-bottom:solid 1px #231815;
}
.media_item time{
	display:flex;
	flex-wrap: wrap;
	width:100px;
}
.media_item time span{
	margin: auto;
	font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.media_item a{
	width:calc(100% - 120px);
	font-weight:800;
	font-size:14px;
	color:#111;
	letter-spacing:0.05em;
	text-align:left;
	font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	transition:.2s;
}
@media only screen and (min-width:768px) {
	.media_item a:hover{
		color:rgba(0,0,0,.5);
	}
}
@media screen and (max-width:580px) {
	.article_box{padding:0 5vw;}
	.article_main{padding:0;}
	.article_main h3{margin:0 auto;padding:6vw 0 5vw;font-size:8vw;}
	.article_main h4{margin:0 auto;}
	.media_item{gap:0;}
	.media_item time{display:block;width:100%;}
	.media_item time{}
	.media_item a{width:100%;}
}

/*------------------------------------*/
.engmovie_area {
    margin: 50px auto;
    max-width: 1300px;
}
.engmovie_area h2 {
    text-align: center;
    margin: auto;
    line-height: 1.2em;
}
.engmovie_area h2 span {
    display: block;
    font-size: 16px;
    padding-top: 10px;
}

.youtube_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.youtube_box .inner {
    width: 49.5%;
}
.youtube_box .inner h3{
	text-align:center;
	padding: 5px 0;
	font-size:20px;
	letter-spacing:0.08em;
	color: #fff;
	font-weight:700;
	background-color:#d0111a;
}

@media screen and (max-width:580px){
	.engmovie_area{margin:9vw auto;}
	.youtube_box .inner{width:100%;}
}


/*------------------------------------*/

.topick_box{
	margin: auto;
	max-width:1300px;
	padding-bottom:50px;
}

.topick_box h4{
	width:100%;
	margin:20px auto 10px;
	padding:0 30px;
	border-bottom:solid 1px #231815;
	color:#231815;
	font-size:24px;
	line-height:1em;
	text-align:left;
}

.topick_box h4 a{
	display:block;
	width:fit-content;
	position:relative;
	color:#231815;
	text-decoration:none;
	line-height:1em;
	padding:0 5px 2px 0;
}
.topick_box h4 a::before{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: -30px;
	width: 5px;
	height: 100%;
	border-left: 3px solid #231815;
	border-right: 13px solid #231815;
}
.topick_box h4 a::after{
	content: "";
	position: absolute;
	display:block;
	width:20px;
	height:20px;
	top:50%;
	right:-25px;
	transform:translateY(-50%);
	background-image: url("../img/tenguren/link_icon.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.topick_box h4 img{
	width:20px;
	margin:0 0 -2px 30px;
}

.topick_box h4 span{
	display:block;
	width:fit-content;
	font-size:60%;
	font-weight:500;
	padding:2px 0;
}

.topick_wrap{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin:auto;
	padding:0 0 10px;
}

.topick_wrap a{
	display: block;
	line-height: 0;
	width:calc(100% / 8);
	transition: .2s;
}
.topick_wrap a.is-hidden {display: none;}

.moreBtn{
	cursor:pointer;
	width:fit-content;
	margin:0 auto;
	padding:2px 15px;
	color:#231815;
	font-size:18px;
	font-weight:600;
	border:2px solid #231815;
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	border-radius:10px;
	transition:.2s;
}
@media only screen and (min-width:768px) {
	.topick_wrap a:hover{
		opacity:.5;
	}
	.moreBtn:hover{
		color: #d0111a;
		border-color: #d0111a;
		padding:2px 25px;
	}
}

@media only screen and (max-width:1100px) {
	.topick_wrap a {width: calc(100% / 6);}
	.moreBtn{font-size:16px;}
}

@media only screen and (max-width:767px) {
	.topick_wrap a {width: calc(100% / 4);}
}

@media only screen and (max-width:580px) {
	.topick_box{padding:0 0 8vw;}
	.topick_wrap a {width: calc(100% / 3);}
	.topick_box h4{font-size: 18px;}
	.topick_box h4 a{line-height:1.2em;}
	.topick_box h4 span {font-size:85%;}
}


/*------------------------------------*/

.faq_area{
	background:url("../img/tenguren/white_bk.webp");
	background-repeat: repeat-y;
	background-size: 100%;
}
.faq_box{
	padding:80px 30px;
}
.faq_main{
	margin: auto;
	max-width:900px;
}

.faq_main h2{
	text-align:center;
	color:#231815;
	font-size:34px;
	letter-spacing:0.08em;
	line-height:1.4em;
	margin:20px auto 0;
	padding-bottom:5px;
}
.faq_h2sub{
	text-align:center;
}

.faq_list{
	padding:40px 30px 30px;
}

.faq_item{
	padding-bottom:10px;
}

.faq_item h3{
	position: relative;
	text-align: left;
	font-size:16px;
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	padding:10px 55px 10px 60px;
	border-bottom:#231815 1px solid;
	transition: .2s;
}
.faq_item h3::before{
	position: absolute;
	top:50%;
	left:20px;
	content: "Ｑ.";
	font-size:1.3em;
	font-weight:600;
	transform: translateY(-50%);
}
.faq_item h3 .toggle_icon {
    position: absolute;
    top: 20%;
    right: 20px;
    width: auto;
    height: 60%;
    aspect-ratio: 1 / 1;
}
.faq_item h3 .toggle_icon span{
	display: block;
	height: 2px;
	width:80%;
	border-radius: 10px;
	background-color:#231815;
	transition: .35s;
}
.faq_item h3 .toggle_icon span:nth-child(1){
	margin: 50% 0px 0px;
}
.faq_item h3 .toggle_icon span:nth-child(2){
	margin: -2px 0 0 0;
	transform: rotate(-90deg);
}
.faq_item h3.open .toggle_icon span:nth-child(2){
	margin:0;
	transform: rotate(0deg);
	opacity: 0;
}

.faq_item .open_box{
	position:relative;
	display: none;
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	padding:10px 20px 10px 60px;
}
.faq_item .open_box::before{
	position: absolute;
	top:5px;
	left:20px;
	content: "Ａ.";
	font-size:1.3em;
	font-weight:600;
}
.faq_item .open_box *{font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
.faq_item .open_box p{
	font-size:15px;
	padding-bottom:12px;
}
.faq_item .open_box p span{
	font-weight:600;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 0, .8) 50%);
}
.faq_item .open_box ul{padding-left:10px;}
.faq_item .open_box ul li{
	position:relative;
	font-size: 15px;
	margin-bottom:10px;
}
.faq_item .open_box ul li::before{
	content:"・";
	position: absolute;
	left:-1em;
	top:0;
}

@media only screen and (max-width:767px) {
	.faq_list {padding: 40px 0 20px;}
}
@media only screen and (max-width:580px) {
	.faq_box{padding:9vw 5vw;}
	.faq_main h2{margin:0 auto 0;font-size: 9vw;}
	.faq_list{padding:6vw 0 0;}
	.faq_item h3 {padding: 10px 40px 10px 35px;}
	.faq_item h3::before{top:20px;left:0;}
	.faq_item h3 .toggle_icon {right: 0px;height: 48%;}
	.faq_item .open_box{padding: 13px 10px 10px 35px;}
	.faq_item .open_box::before{left:0;}
}


/*------------------------------------*/

.bottom_apply{
	position: fixed;
	bottom: 0;
	left:50%;
	transform: translateX(-50%);
	max-width:500px;
	width: 90%;
	z-index: 50;
	overflow:hidden;
	transition: .2s;
}
.bottom_apply a{
	position:relative;
	text-align: center;
	display: block;
	width: 100%;
	text-decoration: none;
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #231815;
	font-size:17px;
	font-weight:600;
	padding:18px 0 10px;
	background: url("../img/tenguren/white_bk.webp");
    background-repeat: repeat-y;
    background-size: 100%;
	filter:drop-shadow(0 0 5px rgba(0,0,0,.15));
	border-radius:10px 10px 0 0;
	transition: .2s;
}
.bottom_apply a::after{
	content:"";
	position:absolute;
	display:block;
	bottom:-10px;
	left:50%;
	transform: translateX(-50%);
	width:calc(100% - 16px);
	height:100%;
	border:2px solid #231815;
	border-radius: 8px;
	z-index: 52;
}
.bottom_apply a svg{width:26px;margin-bottom:-2px;}
.bottom_apply a svg path{fill:#231815;}

.bottom_apply.campaign_date_out{display:none;}

@media only screen and (min-width:767px) {
	.bottom_apply{display:none;}
}

/*------------------------------------*/

#page_top {
	opacity: 0;
	position: fixed;
	bottom:20px;
	right:20px;
	transition: all .5s ease;
	z-index: 40;
}

#page_top.show {
    opacity: 1;
 }
#page_top a{
	display: inline-block;
	text-align:center;
	width:80px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:800;
	border-radius:6px;
	padding:8px 0 12px;
	background: rgba(0,0,0,.5);
}

@media only screen and (max-width:580px) {
	#page_top{display:none;}
}

/*------------------------------------*/

footer{
	padding:10px 0;
}

.footer_logo{
	text-align:center;
}
.footer_logo a{
	display:inline-block;
	margin:0 auto -3px;
	width:200px;
	line-height:0;
	transition: .2s;
}

.footer_links{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:2px;
}
.footer_links a{
	text-decoration:none;
	font-size:12px;
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	transition: .2s;
}
.footer_links a::after{
	content:"|";
	color:#fff;
	padding:0 20px;
}
.footer_links a:last-child::after{
	content:"";
	padding:0;
}

@media only screen and (min-width:768px) {
	.footer_logo a:hover{
		opacity:.75;
		box-shadow:1px 1px 4px rgba(0, 0, 0, 0);
	}
	.footer_links a:hover{color:rgba(0,0,0,.4);}
	.footer_links a:hover::after{color:#fff;}
}

.footer{
    width:100%;
    text-align:center;
    bottom:0px;
    clear:left;
    margin-top: auto;
}

address {
	font-style:normal;
	font-size:75%;
	color:#eee;
}




/*------------------------------------*/