@charset "utf-8";
/* CSS Document */

#staff_keyvj_box { /* background-image:url(../image_page/staff/staff_01.jpg); background-repeat: no-repeat; background-size:cover; background-position: center;*/  text-align:center; padding:3.5% 0; /* margin-bottom:3%; */}
#staff_keyvj_box .inner { width:100%; max-width:1040px; margin:0 auto;}
#staff_keyvj_box .inner h2 { background:none; /* color:#FFF; */ font-size:calc(20px + 1vw); margin-bottom:1%;}
#staff_keyvj_box .inner h3 { background:none; /* color:#FFF; */ font-size:calc(10px + 1vw); margin-bottom:3%;}
#staff_keyvj_box .inner h4 { background:none; /* color:#FFF; */ font-size:calc(12px + 1vw); margin-bottom:3%; line-height:calc(18px + 1vw);}
#staff_keyvj_box .inner p { background:none; color:#FFF; font-size:calc(6px + 1vw); line-height:calc(13px + 1vw); margin-bottom:2%;}

/* アーカイブPC */
#main_contents .staff_page_arc { width:96%; max-width:1040px; margin:0 auto; }
#main_contents .staff_page_arc .one_box { width:29%; margin-bottom:5%; margin-left:1%; margin:1%; display:inline-block;}
#main_contents .staff_page_arc .one_box .pict { width:100%; margin-bottom:4%; }
#main_contents .staff_page_arc .one_box .pict img { width:100%; height:auto; }
#main_contents .staff_page_arc .one_box .data { width:100%; }
#main_contents .staff_page_arc .one_box .data h3 { font-size:calc(18px + 0.2vw); padding:2% 2% 1.6% 2%; border-radius:0.3vw;/* CSS3草案 */-webkit-border-radius:0.3vw;/* Safari,Google Chrome用 */-moz-border-radius:0.3vw;/* Firefox用 */ background:#eee; width:92%; margin-bottom:2%;} 
#main_contents .staff_page_arc .one_box .data h3 span { font-size:calc(10px + 0.2vw);}
#main_contents .staff_page_arc .one_box .data table.noform_table td:nth-of-type(1) { width:10%!important; }

#main_contents .staff_page_arc .one_box .message { font-size:calc(14px + 0.2vw); line-height:calc(22px + 0.2vw); margin-bottom:2%; }

#main_contents .staff_page_arc .block_seko_blog .seko_area { width:43.2%; float:left; margin-right:2%; text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw); }
#main_contents .staff_page_arc .block_seko_blog .seko_area .seko_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#main_contents .staff_page_arc .block_seko_blog .seko_area img { height:16vw; width:auto; margin-bottom:2%; }
#main_contents .staff_page_arc .block_seko_blog .seko_area a { color:#000; font-weight:bold; text-decoration:none;}
#main_contents .staff_page_arc .block_seko_blog .seko_area p.text { font-weight:normal;}

#main_contents .staff_page_arc .block_seko_blog .blog_area { width:43.2%; float:left; text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw);}
#main_contents .staff_page_arc .block_seko_blog .blog_area .blog_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#main_contents .staff_page_arc .block_seko_blog .blog_area img { height:16vw; width:auto; margin-bottom:2%; }
#main_contents .staff_page_arc .block_seko_blog .blog_area a { color:#000; font-weight:bold; text-decoration:none;}
#main_contents .staff_page_arc .block_seko_blog .blog_area p.text { font-weight:normal;word-wrap: break-word;text-align:left;}


#main_contents .staff_page_arc div.more_btn_box { background:none; text-align:right; padding:1vw 0; }
#main_contents .staff_page_arc div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:100%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#main_contents .staff_page_arc div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}

#main_contents .staff_page_arc div.more_btn_box_sec { background:none; text-align:right; padding:1vw 0; }
#main_contents .staff_page_arc div.more_btn_box_sec a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:100%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#main_contents .staff_page_arc div.more_btn_box_sec a.more_btn:hover { background:#fa2d00; color:#FFF;}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


/* アーカイブSP */
#sp_main_contents .staff_page_arc { width:90%;margin:0 auto; }
#sp_main_contents .staff_page_arc .one_box { width:48%; margin-bottom:5%; display:inline-block; margin-right:0.5%;margin-left:0.5%; }
#sp_main_contents .staff_page_arc .one_box .pict { width:100%; text-align:center; margin-bottom:3%; }
#sp_main_contents .staff_page_arc .one_box .pict img { width:100%; height:auto; }
#sp_main_contents .staff_page_arc .one_box .data { width:100%; }
#sp_main_contents .staff_page_arc .one_box .data h3 { font-size:calc(18px + 0.2vw); padding:2% 2% 1.6% 2%; border-radius:0.3vw;/* CSS3草案 */-webkit-border-radius:0.3vw;/* Safari,Google Chrome用 */-moz-border-radius:0.3vw;/* Firefox用 */ background:#eee; width:96%; margin-bottom:2%;} 
#sp_main_contents .staff_page_arc .one_box .data h3 span { font-size:calc(10px + 0.2vw);}
#sp_main_contents .staff_page_arc .one_box .data table.noform_table td {padding:1% 0;}
#sp_main_contents .staff_page_arc .one_box .data table.noform_table td:nth-of-type(1) { width:40%!important; display:table-cell; background:#FFF;font-size:calc(12px + 0.2vw);}
#sp_main_contents .staff_page_arc .one_box .data table.noform_table td:nth-of-type(2) { width:50%!important; display:table-cell; background:#FFF;font-size:calc(12px + 0.2vw);}

#sp_main_contents .staff_page_arc .one_box .message { font-size:calc(14px + 0.2vw); line-height:calc(22px + 0.2vw); margin-bottom:2%; }

#sp_main_contents .staff_page_arc .block_seko_blog .seko_area { width:100%;text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw); margin-bottom:2%; }
#sp_main_contents .staff_page_arc .block_seko_blog .seko_area .seko_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#sp_main_contents .staff_page_arc .block_seko_blog .seko_area img { height:16vw; width:auto; margin-bottom:2%; }
#sp_main_contents .staff_page_arc .block_seko_blog .seko_area a { color:#000; font-weight:bold; text-decoration:none;}
#sp_main_contents .staff_page_arc .block_seko_blog .seko_area p.text { font-weight:normal;}

#sp_main_contents .staff_page_arc .block_seko_blog .blog_area { width:100%;text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw);}
#sp_main_contents .staff_page_arc .block_seko_blog .blog_area .blog_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#sp_main_contents .staff_page_arc .block_seko_blog .blog_area img { height:16vw; width:auto; margin-bottom:2%; }
#sp_main_contents .staff_page_arc .block_seko_blog .blog_area a { color:#000; font-weight:bold; text-decoration:none;}
#sp_main_contents .staff_page_arc .block_seko_blog .blog_area p.text { font-weight:normal;word-wrap: break-word; text-align:left;}

#sp_main_contents .staff_page_arc div.more_btn_box { background:none; text-align:right; padding:1vw 0; }
#sp_main_contents .staff_page_arc div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:100%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#sp_main_contents .staff_page_arc div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}

#sp_main_contents .staff_page_arc div.more_btn_box_sec { background:none; text-align:right; padding:1vw 0; }
#sp_main_contents .staff_page_arc div.more_btn_box_sec a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:100%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#sp_main_contents .staff_page_arc div.more_btn_box_sec a.more_btn:hover { background:#fa2d00; color:#FFF;}

@charset "utf-8";
/* CSS Document */

#staff_keyvj_box { /* background-image:url(../image_page/staff/staff_01.jpg); background-repeat: no-repeat; background-size:cover; background-position: center;*/  text-align:center; padding:3.5% 0; /* margin-bottom:3%; */}
#staff_keyvj_box .inner { width:100%; max-width:1040px; margin:0 auto;}
#staff_keyvj_box .inner h2 { background:none; /* color:#FFF; */ font-size:calc(20px + 1vw); margin-bottom:1%;}
#staff_keyvj_box .inner h3 { background:none; /* color:#FFF; */ font-size:calc(10px + 1vw); margin-bottom:3%;}
#staff_keyvj_box .inner h4 { background:none; /* color:#FFF; */ font-size:calc(12px + 1vw); margin-bottom:3%; line-height:calc(18px + 1vw);}
#staff_keyvj_box .inner p { background:none; color:#FFF; font-size:calc(6px + 1vw); line-height:calc(13px + 1vw); margin-bottom:2%;}




/* シングルPC */
#main_contents .staff_page_single { width:96%; max-width:1040px; margin:0 auto; }
#main_contents .staff_page_single .one_box { width:100%; margin-bottom:5%; }
#main_contents .staff_page_single .one_box .pict { float:left; width:24%; padding-right:2%; margin-bottom:4%; }
#main_contents .staff_page_single .one_box .data { float:left; width:74%; }
#main_contents .staff_page_single .one_box .data h3 { font-size:calc(18px + 0.2vw); padding:2% 2% 1.6% 2%; border-radius:0.3vw;/* CSS3闕画｡・*/-webkit-border-radius:0.3vw;/* Safari,Google Chrome逕ｨ */-moz-border-radius:0.3vw;/* Firefox逕ｨ */ background:#eee; width:92%; margin-bottom:2%;} 
#main_contents .staff_page_single .one_box .data h3 span { font-size:calc(14px + 0.2vw);}
#main_contents .staff_page_single .one_box .data table.noform_table td:nth-of-type(1) { width:10%!important; }

#main_contents .staff_page_single .one_box .message { font-size:calc(14px + 0.2vw); line-height:calc(22px + 0.2vw); margin-bottom:2%; }

#main_contents .staff_page_single .block_seko_blog .seko_area { width:43.2%; float:left; margin-right:2%; text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw); }
#main_contents .staff_page_single .block_seko_blog .seko_area .seko_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#main_contents .staff_page_single .block_seko_blog .seko_area img { height:16vw; width:auto; margin-bottom:2%; }
#main_contents .staff_page_single .block_seko_blog .seko_area a { color:#000; font-weight:bold; text-decoration:none;}
#main_contents .staff_page_single .block_seko_blog .seko_area p.text { font-weight:normal; text-align: left;}

#main_contents .staff_page_single .block_seko_blog .blog_area { width:43.2%; float:left; text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw);}
#main_contents .staff_page_single .block_seko_blog .blog_area .blog_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#main_contents .staff_page_single .block_seko_blog .blog_area img { height:16vw; width:auto; margin-bottom:2%; }
#main_contents .staff_page_single .block_seko_blog .blog_area a { color:#000; font-weight:bold; text-decoration:none;}
#main_contents .staff_page_single .block_seko_blog .blog_area p.text { font-weight:normal;word-wrap: break-word;text-align:left;}


#main_contents .staff_page_single div.more_btn_box { background:none; text-align:right; padding:1vw 0; }
#main_contents .staff_page_single div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:30%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#main_contents .staff_page_single div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}

#main_contents .staff_page_single div.more_btn_box_sec { background:none; text-align:right; padding:1vw 0; }
#main_contents .staff_page_single div.more_btn_box_sec a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:30%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#main_contents .staff_page_single div.more_btn_box_sec a.more_btn:hover { background:#fa2d00; color:#FFF;}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


/* シングルSP */
#sp_main_contents .staff_page_single { width:80%;margin:0 auto; }
#sp_main_contents .staff_page_single .one_box { width:100%; margin-bottom:5%; }
#sp_main_contents .staff_page_single .one_box .pict { width:100%; text-align:center; margin-bottom:3%; }
#sp_main_contents .staff_page_single .one_box .pict img { width:100%; height:auto; }
#sp_main_contents .staff_page_single .one_box .data { width:100%; }
#sp_main_contents .staff_page_single .one_box .data h3 { font-size:calc(18px + 0.2vw); padding:2% 2% 1.6% 2%; border-radius:0.3vw;/* CSS3闕画｡・*/-webkit-border-radius:0.3vw;/* Safari,Google Chrome逕ｨ */-moz-border-radius:0.3vw;/* Firefox逕ｨ */ background:#eee; width:96%; margin-bottom:2%;} 
#sp_main_contents .staff_page_single .one_box .data h3 span { font-size:calc(14px + 0.2vw);}
#sp_main_contents .staff_page_single .one_box .data table.noform_table td {padding:1% 0;}
#sp_main_contents .staff_page_single .one_box .data table.noform_table td:nth-of-type(1) { width:40%!important; display:table-cell; background:#FFF;font-size:calc(12px + 0.2vw);}
#sp_main_contents .staff_page_single .one_box .data table.noform_table td:nth-of-type(2) { width:50%!important; display:table-cell; background:#FFF;font-size:calc(12px + 0.2vw);}

#sp_main_contents .staff_page_single .one_box .message { font-size:calc(14px + 0.2vw); line-height:calc(22px + 0.2vw); margin-bottom:2%; }

#sp_main_contents .staff_page_single .block_seko_blog .seko_area { width:100%;text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw); margin-bottom:2%; }
#sp_main_contents .staff_page_single .block_seko_blog .seko_area .seko_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#sp_main_contents .staff_page_single .block_seko_blog .seko_area img { height:16vw; width:auto; margin-bottom:2%; }
#sp_main_contents .staff_page_single .block_seko_blog .seko_area a { color:#000; font-weight:bold; text-decoration:none;}
#sp_main_contents .staff_page_single .block_seko_blog .seko_area p.text { font-weight:normal; text-align: left;}

#sp_main_contents .staff_page_single .block_seko_blog .blog_area { width:100%;text-align:center; padding:2%; border:1px solid #999;line-height:calc(22px + 0.2vw);}
#sp_main_contents .staff_page_single .block_seko_blog .blog_area .blog_tit { font-size:calc(16px + 0.2vw); line-height:calc(22px + 0.2vw); border-bottom:0.2vw solid #d20000; padding-bottom:0.2%; margin-bottom:2%; text-align:left;}
#sp_main_contents .staff_page_single .block_seko_blog .blog_area img { height:16vw; width:auto; margin-bottom:2%; }
#sp_main_contents .staff_page_single .block_seko_blog .blog_area a { color:#000; font-weight:bold; text-decoration:none;}
#sp_main_contents .staff_page_single .block_seko_blog .blog_area p.text { font-weight:normal;word-wrap: break-word; text-align:left;}

#sp_main_contents .staff_page_single div.more_btn_box { background:none; text-align:right; padding:1vw 0; }
#sp_main_contents .staff_page_single div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:100%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#sp_main_contents .staff_page_single div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}

#sp_main_contents .staff_page_single div.more_btn_box_sec { background:none; text-align:right; padding:1vw 0; }
#sp_main_contents .staff_page_single div.more_btn_box_sec a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:100%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; float:right; }
#sp_main_contents .staff_page_single div.more_btn_box_sec a.more_btn:hover { background:#fa2d00; color:#FFF;}



.new_staff_page_arc{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.new_staff_page_arc *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.new_staff_page_arc .flex-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.new_staff_page_arc .flex-wrap::after{
	content:"";
	display:block;
	width:32%;
}

.new_staff_page_arc .flex-wrap a{
	display:block;
	width:32%;
	margin-bottom:45px;
	color:#000;
	text-decoration:none;
}

.new_staff_page_arc .flex-wrap a .img{
	margin-bottom:15px;
	position:relative;
}

.new_staff_page_arc .flex-wrap a .img .label{
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-weight:700;
	padding:15px 20px;
}

.new_staff_page_arc .flex-wrap a .img .img-trim{
	position: relative;
	overflow: hidden;
	padding-top: 100%;
	border-radius:30px;
}

.new_staff_page_arc .flex-wrap a .img .img-trim img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s;
}

.new_staff_page_arc .flex-wrap a:hover .img img{
	transform: translate(-50%, -50%) scale(1.1);
}

.new_staff_page_arc .flex-wrap a h3{
	font-size:1.25rem;
}

.new_staff_page_arc .flex-wrap a h3 span{
	font-size:1rem;
	margin-left:1em;
}

#sp_main_contents .new_staff_page_arc .flex-wrap a{
	width:48%;
}

#sp_main_contents .new_staff_page_arc .flex-wrap a .img{
	margin-bottom:10px;
}

#sp_main_contents .new_staff_page_arc .flex-wrap a .img .img-trim{
	padding-top: 125%;
}

#sp_main_contents .new_staff_page_arc .flex-wrap a .img .label{
	padding:10px;
	font-size:0.7rem;
	bottom:20px;
}

#sp_main_contents .new_staff_page_arc .flex-wrap a h3{
	font-size:1rem;
	line-height:1.4;
}

#sp_main_contents .new_staff_page_arc .flex-wrap a h3 span{
	display:block;
	font-size:0.8rem;
	margin-left:0;
}