@charset "utf-8";

/****************************************
　センター（中央）タイトルバー
****************************************/

@font-face {
  font-family: "akabara-cinderella";
  src: url('https://av-production.jp/font/akabara-cinderella.ttf')   format('truetype');
}

h3.title_2c_Main {
	font-family: "akabara-cinderella";
	width: 924px;
	padding: 138px 16px 50px 16px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	background-image: url("../img/title_2c_Main.png");
	background-repeat: no-repeat;
}



/****************************************
　センター（中央）コンテンツ
****************************************/
.description{
	z-index:2;
	width:844px;
	margin-bottom: -66px;
	padding:10px;
	border:2px dotted #dadada;
	background-color:#fff;
}



/*******************************
コンテンツ位置・幅・領域等（２カラム：メインコンテンツ）
*******************************/

#content-center {
float: left;
width: 956px;
margin-top:20px;
}



/*************************
/* ボックス（大枠・外枠）（２カラム：センター内BOX）
*************************/

.box2 ul.QA li{
	width:932px;
	margin-bottom:20px;
	padding-bottom:20px;
	display:inline-flex;
	border-bottom:1px dotted #dadada;
}



#QA_left{
	width:147px;
	margin-right:10px;
	float:left;
}

#QA_left img{
	margin-bottom:10px;
	text-align:center;
}

#QA_left .QA_Category{
	width:137px;
	margin-bottom:10px;
	padding:5px;
	color:#fff;
	text-align:center;
	background-color:#f02c8a;
	border-radius:6px;
}

#QA_left .QA_Name{
	margin:0 auto;
	text-align:center;
}

#QA_right{
	width:824px;
	float:right;
}



.box2{
margin:0 0 10px 0;
padding: 10px;
width:932px;
border-right:2px solid #35cccc;
border-bottom:2px solid #35cccc;
border-left:2px solid #35cccc;
background: #fff;
}

.box2:last-child{
margin:0 0 40px 0;
}

.box2 p{
	padding: 0;
	margin-bottom:10px;
}

.box2 p.last{
	margin-bottom:0;
}





.box2 ul.Form li{
	width: 932px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Form li .thanks{
	width: 912px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #35cccc;
	background-color: #ffffaf;
}





.box2 ul.Production_List{
	width:932px;
}

.box2 ul.Production_List li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	display: inline-block;
	list-style: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Production_List li:last-child{
	margin-bottom: 10px;
}

.box2 ul.Production_List li img{
	margin-right: 10px;
}

.box2 ul.Production_List li #Production_Info{
	float:right;
}





.box2 ul.Recruit li{
	display: inline-block;
	width: 932px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	list-style-type: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Recruit li:first-child{
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.box2 ul.Recruit li:last-child{
	margin-bottom: 10px;
	padding-bottom: 20px;
}





.box2 ul.Recruit li #Production{
	width: 932px;
	height: 31px;
	margin-bottom: 10px;
}

.box2 ul.Recruit li #Production .Name{
	display: inline-block;
	width: 534px;
	margin-right: 10px;
	font-size: 18px;
	line-height: 1.75;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.box2 ul.Recruit li #Production .Name a.Name_Link{font-weight:bold; color:#252525; text-decoration:none;}
.box2 ul.Recruit li #Production .Name a.Name_Link:hover{font-weight:bold; color:#f02c8a; text-decoration:none;}
.box2 ul.Recruit li #Production .Name a.Name_Link:active, a:focus {font-weight:bold; color:#f02c8a; outline: 0;}

.box2 ul.Recruit li #Production .Name .middle{
	vertical-align:middle;
}

.box2 ul.Recruit li #Production .Area{
	display: inline-block;
	width: 58px;
	margin-right: 10px;
	padding:5px 10px;
	float: left;
	color:#fff;
	text-align:center;
	background-color: #f02c8a;
	border-radius: 6px;
}

.box2 ul.Recruit li #Production .Time {
	display: inline-block;
	width:278px;
	margin-bottom: 10px;
	padding:4px 10px;
	letter-spacing: 0.5px;
	color:#f02c8a;
	text-align:center;
	float:right;
	background-color: #ffffaf;
	border:1px solid #f02c8a;
}





.box2 ul.Recruit li #Production_Recruit{
	width: 932px;
	margin-top: 10px;
}

.box2 ul.Recruit li #Production_Recruit a{text-decoration:none;}
.box2 ul.Recruit li #Production_Recruit a:hover{text-decoration:none;}
.box2 ul.Recruit li #Production_Recruit a:active, a:focus {font-weight:normal; outline: 0;}

.box2 ul.Recruit li #Production_Recruit .Message{
	display: block;
	width: 910px;
	height: 82px;
	padding: 10px;
	background-color: #ffffaf;
	border:1px solid #35cccc;
	border-radius: 6px;
}

.box2 ul.Recruit li #Production_Recruit .Message:hover{
	background-color: #ffff96;
	border:1px solid #35cccc;
}

.box2 ul.Recruit li #Production_Recruit .Message p.title{
	margin: -3.5px 0 0 0;
	font-size: 18px;
	font-weight:bold;
	color: #35cccc;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.box2 ul.Recruit li #Production_Recruit .Message p.text{
	margin-bottom: 0;
	color: #252525;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
}





.box2 ul.Recruit li #Production_Info{
	float:right;
}

.box2 ul.Recruit li #Production_Info .tel{
	font-size: 24px;
	font-weight: bold;
	color: #35cccc;

	margin-bottom: 3px;

	padding-left: 41px;
	background-image: url("../img/icon_TEL.png");
	background-position: bottom 6px;
	background-repeat: no-repeat;
}

.box2 ul.Recruit li #Production_Info .line{
	font-size: 24px;
	font-weight: bold;
	color: #00b733;

	margin-bottom: 8px;

	padding-left: 41px;
	background-image: url("../img/icon_LINE.png");
	background-repeat: no-repeat;
}

.box2 ul.Recruit li #Production_Info .mail{
	font-size: 18px;
	font-weight: bold;
	color: #f02c8a;

	padding-left: 41px;
	background-image: url("../img/icon_MAIL.png");
	background-repeat: no-repeat;
}





.box2 ul.Interview_List li{
	width:453.5px;
	margin:0 20px 20px 0;
	display:inline-flex
}

.box2 ul.Interview_List li:nth-child(odd){
	margin:0 0 20px 0; /* 一番目にヒット件数列のliがあるため */
}



#Interview_List_left{
	width:158px;
	margin-right: 10px;
	display:inline-block;
	float:left;
}

#Interview_List_left img{
  width: 153px;
  height: 153px;
  object-fit: cover; /* この一行を追加するだけ！ */
  border: 2.5px solid #35cccc;
  border-radius:50%;

	margin-bottom:10px;
	text-align:center;
}

#Interview_List_left .Interview_List_Production{
	width:152px;
	margin-bottom:5px;
	padding:3px;
	font-size:11px;
	color:#fff;
	text-align:center;
	background-color:#35cccc;
	border-radius:6px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#Interview_List_left a{color:#fff;text-decoration:none;}
#Interview_List_left a:hover{color:#fff;text-decoration:none;}

#Interview_List_left .Interview_List_Name{
	margin:0 auto;
	text-align:center;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#Interview_List_right{
	width:316px;
	float:right;
}





.box2 ul.Interview_Member li{
	width:932px;
	margin-bottom: 20px;
	display:inline-flex
}

.box2 ul.Interview_Member li p.Interview_Member_Production_Info_title{
	margin-bottom: 8px;
	display:inline-block
}

.box2 ul.Interview_Member li:nth-child(even){
	margin:0 0 20px 0;
}



#Interview_Member_left{
	width:240px;
	margin-right: 10px;
	display:inline-block;
	float:left;
}

#Interview_Member_left img{
  width: 240px;
  object-fit: cover; /* この一行を追加するだけ！ */

	margin-bottom:10px;
	text-align:center;
}

#Interview_Member_left .Interview_Member_Production{
	width:234px;
	margin-bottom:5px;
	padding:3px;
	color:#fff;
	text-align:center;
	background-color:#35cccc;
	border-radius:6px;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#Interview_Member_left a{color:#fff;text-decoration:none;}
#Interview_Member_left a:hover{color:#fff;text-decoration:none;}

#Interview_Member_left .Interview_Member_Name{
	margin:0 auto;
	text-align:center;
}

#Interview_Member_right{
	width:74%;
	float:right;
}

.box2 #Interview_QA{
	margin-bottom: 20px;
}

.box2 #Interview_QA .Interview_QA_title{
	padding:10px;
	font-size: 18px;
	color: #fff;
	background-color: #f02c8a;
}

.box2 #Interview_QA .Interview_QA_text_Q{
	padding-top: 10px;
	font-weight: bold;
	color: #35cccc;
}

.box2 #Interview_QA .Interview_QA_text_A{
	padding-bottom: 10px;
	border-bottom: 1px dotted #dadada;
}

.box2 #Interview_QA .Interview_QA_text_A_first{
	font-weight: bold;
	color: #f02c8a;
}





.box2 ul.Event li{
	display: flex;
	width: 932px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Event li img{
	width: 320px;
	margin-right: 10px;
	float: left;
}

.box2 ul.Event li #Event_Info{
	display: inline-table;
	width: 602px;
	height: 147px;
	float:right;
}

.box2 ul.Event li #Event_Info .Area{
	display: inline-block;
	width: 84px;
	margin:0 10px 10px 0;
	padding: 5px 10px;
	float: left;
	color:#fff;
	text-align:center;
	background-color: #f02c8a;
	border-radius: 6px;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.box2 ul.Event li #Event_Info .Place{
	display: inline-block;
	max-width: 261px;
	margin:0 10px 10px 0;
	line-height: 2.25;
	float:left;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.box2 ul.Event li #Event_Info .Place a{color:#f02c8a;text-decoration:none;}
.box2 ul.Event li #Event_Info .Place a:hover{color:#f02c8a;text-decoration:underline;}
.box2 ul.Event li #Event_Info .Place a:active, a:focus {outline: 0;}

.box2 ul.Event li #Event_Info .Schedule {
	display: inline-block;
	width:217px;
	margin-bottom: 10px;
	line-height: 2.25;
	color:#969696;
	text-align:right;
	float:right;
}

.box2 ul.Event li #Event_Info .Information{
	display: block;
	width: 582px;
	margin-bottom: 10px;
	padding: 10px;
	float: right;
	background-color: #ffffaf;
	border:1px solid #35cccc;
	border-radius: 6px;
}

.box2 ul.Event li #Event_Info .Information p.title{
	margin: 0;
	font-size: 18px;
	font-weight:bold;
	color: #35cccc;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.box2 ul.Company li{
	width:690px;
	margin:0;
	display:inline-flex
}



.box2 ul.Sponsor{
	font-size:0;
}

.box2 ul.Sponsor li{
	display: inline-block;
	width:165px;
	height:140px;
	margin:0 10px 10px 0;
	font-size:11px;
	text-align:center;
}

.box2 ul.Sponsor li:nth-child(4n){
	margin:0 0 10px 0;
}

.box2 ul.Sponsor li a{
	display:block;
	width:165px;
	padding:20px 0;
	color:#252525;
	border:1px solid #dadada;
	text-decoration:none;
}

.box2 ul.Sponsor li a:hover{
	color:#2eb4b4;
	border:1px solid #2eb4b4;
	text-decoration:none;
}

.box2 ul.Sponsor li img{
	width:140px;
	height:80px;
	margin-bottom:5px;
}



/*******************************
テーブル
*******************************/

table.QA {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.QA th {
	width: 88px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.QA td {
	width: 643px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}





.box2 ul.Form li table {
width: 932px;
margin: -10px 0 5px 0;
border-collapse: separate;
border-spacing: 0 10px;
}

.box2 ul.Form li table tr {
	margin-bottom:10px;
}

.box2 ul.Form li table th,
.box2 ul.Form li table td {
padding: 10px;
}

.box2 ul.Form li table th {
background: #35cccc;
vertical-align: middle;
text-align: center;
width: 232px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
}

.box2 ul.Form li table th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #35cccc;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
.box2 ul.Form li table th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #35cccc 10px solid;
margin-top: -10px;
}
}

.box2 ul.Form li table td {
background: #f8f8f8;
width: 700px;
padding-left: 20px;
}





table.Interview_List {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Interview_List th {
	width: 70px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Interview_List td {
	width: 171px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.Interview_List td .text {
	width: 171px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





table.Interview_Member {
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #f02c8a;
	border-left: 1px solid #f02c8a;
	float:right;
}
table.Interview_Member th {
	width: 70px;
	padding: 10px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #f02c8a;
	border-bottom: 1px solid #fff;
	background: #f02c8a;
}
table.Interview_Member td {
	width: 568px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #f02c8a;
	border-bottom: 1px solid #f02c8a;
}

table.Interview_Member td .text {
	width: 568px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





table.Interview_Member_Production_Info {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Interview_Member_Production_Info th {
	width: 140px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Interview_Member_Production_Info td {
	width: 498px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.Interview_Member_Production_Info td .text {
	width: 498px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





table.Event {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Event tr:nth-child(5) td {
	height:56px;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: unset;
	    overflow-x: hidden;
	    overflow-y: scroll;
}
table.Event th {
	width: 88px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Event td {
	width: 468px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}





table.Company {
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Company th {
	width: 190px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Company td {
	width: 500px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



.box2 ul.Production_List li #Production_Info table {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.box2 ul.Production_List li #Production_Info table th {
	width: 112px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
.box2 ul.Production_List li #Production_Info table td {
	width: 550px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.box2 ul.Production_List li #Production_Info table td .text {
	width: 550px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}






.box2 ul.Recruit li #Production_Info table {
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.box2 ul.Recruit li #Production_Info table th {
	width: 56px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
.box2 ul.Recruit li #Production_Info table td {
	width: 288px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.box2 ul.Recruit li #Production_Info table td .text {
	width: 288px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/*******************************
table.contact {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.contact th {
	width: 185px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.contact td {
	width: 460px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.order-plan {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.order-plan th {
	width: 200px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.order-plan td {
	width: 445px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.order {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.order th {
	width: 225px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.order td {
	width: 420px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
*******************************/