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

/* reset css
==============================================================*/
body, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd, form, figure {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
table, td, th, tr, thead, tbody {
	border: none;
}
table th {
	text-align: left;
	font-weight: normal;
}
table {
	border-collapse: collapse;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}
img {
	vertical-align: bottom;
}
textarea {
	font-size: 1em;
}
header, footer, section, nav, figure, fugcaption {
	display: block;
}
input[type="submit"], input[type="image"] {
	border: none;
	margin: 0;
}
input[type="button"], input[type="submit"] {
	padding: 0;
	-webkit-appearance: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor: pointer;
}
textarea, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], input[type="search"], input[type="url"],select {
	padding: 0 10px;
	border: 1px solid #999999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 2px;
	font-size: 15px;
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
::-webkit-input-placeholder {
color:#999999;
opacity:1;
}
::-moz-placeholder {
color:#999999;
opacity:1;
}
:-moz-placeholder {
color:#999999;
opacity:1;
}
input:-ms-input-placeholder {
color:#999999;
opacity:1;
}
/* template */
html {
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	color: #333;
	background: #fff;
    font-size: 1.0rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
}


.pc{ display: block!important; }
.pc_in{ display: inline-block!important; }
.sp{ display: none!important; }

a { color: #333; }


/*	clearfix  */
.clearfix:after { content: ""; height: 0px; display: block; clear: both; }

.tx_min{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }
.tx_kak{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }



#wrapper { min-width: 1080px; }


/* header gloval navi*/
/*#siteHead { width: 1080px; margin: 0 auto; }*/
#siteHead {
	max-width: 1440px; height: 614px; height: 94px !important; margin: 0 auto;
    /*background-image: url(/images/bg_top1.jpg);*/
    background-repeat: no-repeat;
    background-size: 100%;
    height: 68px !important;
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    left: 0;
}

#toppage #siteHead {
	max-width: 1440px; height: 614px; height: 94px !important; margin: 0 auto;
    /*background-image: url(/images/bg_top1.jpg);*/
    background-repeat: no-repeat;
    background-size: 100%;
    height: 68px !important;
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    left: 0;
}


/* header_inner (3block float) */
#header_inner{ width: 1080px; width: 1044px; margin: 0 auto; }

    #header_logo{ width: 129px; width: 93px; float: left; } 
    #header_navi{ width: 769px; padding-top: 25px;  padding-top: 12px; float: left; }
    #header_tel{ width: 182px; padding-top: 20px; padding-top: 12px; float: left; }


#navi_height{ height: 63px; } /* 20170705 add marukin */



/* gloval navi */
#gNav {}
#gNav li { width: 16.6%; text-align: center; }
#gNav li a { display: block; font-size: 12px; font-size: 10.5px; font-weight: bold; }
#gNav li a span { display: block; }

    .gNavIn { display: flex; }



/* Top */

#wrp {
    /*width:1000px;*/
    /*height:500px;*/
    height: 430px;
    z-index: -1;
    /*background-color:rgba(0,0,0,0.5);*/
}
 
#mainImg {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#mainImg img {
    top: 0;
    left: 0;
    position: absolute;
}

.mainvisual{
	position: relative;
}

.mainvisual-topic{
    width: 20%;
    max-width: 230px;	
	position: absolute;
    top: 38%;
    z-index: 120;
    left: 25.7%;
}

.mainvisual-topic img{
	width: 100%;
}

.btn_top{ display: block; padding: 10px 0; background: #4f4138; color: #fff; text-align: center; /*font-size: 14px;*/ font-size: 12.5px; }

#topBox2{
	height: 430px !important;
	/*max-width: 1440px;*/
	/*height: 640px;*/ margin: 0 auto;
    /*background-image: url(/images/bg_top2.jpg);*/
    background-image: url(/images/bg_topNew.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    /*background-size: cover;*/
    background-position: center center;
}


    #topBox2_inner{ /*padding: 110px 18%;*/ padding: 40px 24%; }

    .h2_top{ margin-bottom: 9%; margin-bottom: 6%; font-size: 24px; font-size: 22px; font-weight: bold; text-align: center; }

    #top_textLR{}

    #top_textLR h3{ margin-bottom: 5%; font-size: 18px; font-size: 16px; font-weight: bold; }
    #top_textLR p{ font-size: 12px; line-height: 1.8em; }

        .top_textLR, #top_btnBox a{ width: 45%; }
        .top_textLR h3{ text-align: center; }

        #top_textL, #btnL{ float: left; }  
        #top_textR, #btnR{ float: right; }  

    #top_btnBox{ margin-top: 3%; }


/* pinpoint Responsive (TOP) */
@media (max-width: 1130px) {
    .h2_top{ margin-bottom: 5%; }
    #top_textLR h3{ font-size: 17px; }
    #top_textLR p{ font-size: 12px; line-height: 1.6em; }
}



/*member list*/
.member_list{ padding: 30px 0; text-align: center; }
.member_list h2{ font-size:1.2rem; color: #767676; padding:20px 0 24px; }

.ul_member.tab-menu, ul.tab-menu2 { padding: 0; margin: 0; }


.ul_member{ display: inline-block; width: 1080px; padding: 20px 0 36px; text-align: left; }
.ul_member li{ width: 140px; height: 200px; margin: 0 16px 16px 0; background: #f3f3f3; overflow: hidden; float: left; }
.ul_member li:nth-child(7n){ margin-right: 0; }


/*pick up member*/
#pmember_list{ padding-top: 50px; background: #23180d; }

.tab_style { display: inline-block; width: 1080px;  }
.tab_style li{ margin-right: 11.4px; border: solid 4px #23180d; float: left; }
.tab_style li:last-child{ margin-right: 0; }
.tab_style li a span{ display: block; width: 162px; padding: 9px 0; font-size: 1.4em; font-weight: bold; }


.member_list .select_btn{ background: #fff; color: #23180d; }
.member_list .select_btn_active{ background: #23180d; color: #fff; }

    .tab-panel{ min-height: 500px; }



/*column & works*/
#column_box{ padding: 40px 0; background: #e4dfd9; text-align: center; }
#column_box h2{ margin-bottom: 50px; font-size: 1.2rem; color: #767676; text-align: center; }


/* cast_box3 */
.casting{ background:#bee6ff; padding:32px 0 50px; text-align:center; }
.casting h2{ font-size:1.2rem; color:#767676; padding:20px 0 57px; }
.cast_box4{ text-align:center; }
.cast_info_arrow{ display: inline-block; width: 16px; height: 216px; line-height: 100px; padding: 20px 22px; text-align: center; box-sizing: border-box; transform: rotate(-90deg); }
.cast_info_arrow{ margin-right:14px; }

.cast_info_box{ display:inline-block; width:216px; height:216px; background:#fff; padding:20px 10px; border:solid 1px #e7e7e7; border-radius:10px; box-sizing:border-box; margin-bottom:2px; vertical-align: top; }
.cast_info_box p{ color:#46b7ff; font-size:1.6rem; }
.cast_info_box span{ border-top:solid 1px #46b7ff; margin-top:4px; padding-top:8px; display:block; color:#767676; font-size:1.2rem; text-align:left; }



/*bottom links*/
.bottom_link_box{ background: #3f3327; text-align: center; }

.bottom_link_box *{ color: #fff !important; }

.bottom_content_wrap{ min-width: 1080px; display:inline-block; width:1080px; text-align:center; }
.bottom_link_box .flogo{ float:left; width:auto; height:150px; text-align: left; display:inline-block; box-sizing:border-box; margin-top:55px; }
.bottom_link_box .flogo span{ text-align:center; color:#584a3b; }
.bottom_link_box .flogo img{ margin-bottom: 20px; width:150px; }
.bottom_link_box ul{ float:right; width:370px; text-align:left; display:inline-block; box-sizing:border-box; margin-top:55px; }
.bottom_link_box ul li a{ line-height: 1.4rem; }
.bottom_link_box ul li{ background: url(../images/footer_arrow_icon.png) 2px 5px no-repeat; text-indent:2.0rem; font-size:1.2rem; line-height:2.4rem; color:#000; }
.bottom_link_box .flex {
    width: 370px;
    margin-bottom: 50px;
    float: right;
}
/* .bottom_link_box ul li:nth-of-type(2){ width: 180px; }
.bottom_link_box ul li:nth-of-type(4){ width: 180px; }
.bottom_link_box ul li:nth-of-type(6){ width: 180px; }
.bottom_link_box ul li:nth-of-type(8){ width: 180px; }
.bottom_link_box ul li:nth-of-type(10){ width: 180px; } */
/*.bottom_link_box ul li:nth-of-type(9){ width: 340px; }*/



/* siteFoot */
#siteFoot { background: #23180d; height:45px; line-height:45px; }
.siteFootCopy { text-align: center; font-size: 1.2rem; color:#fff; }
.pageTop { position: fixed; bottom: 30px; right: 20px; z-index: 11; }
.pageTop a { display: block; width: 50px; height: 50px; background: url(../images/btn_pagetop.png) 0 0 no-repeat; overflow: hidden; text-indent: -999px; font-size: 0; }
.pageTop a:hover { background-position: 0 -50px; }





/* 下層
==========================================================*/
.contents_sub { width: 1080px; margin:0 auto; /*padding-top: 30px;*/ text-align:center; }

.nagare, .nagare02 { width:980px; margin:0 auto; padding-top: 30px; text-align:center; }

.nagare02 ul{ margin-bottom: 50px; }

h2.title_h2{ margin-top: 10px; padding: 20px 0; background: #23180d; text-align: center; font-size: 20px; font-weight: bold; color:#fff; line-height: 1em; }
h2.title_h2 span{ font-size: 10px; font-weight: normal; line-height: 1em; }

h2.title2_h2{ margin: 50px auto 20px; padding-top: 46px; text-align: center; font-size: 30px; font-weight: bold; color: #23180d; display:block; }


/*特徴・キャスティング対応案件*/
#tx_tokucho p{  font-size: 14px; color:#767676; text-align:center; }
#sec_tokucho #tx_tokucho span{  font-size: 14px; color: #3f3327; }
#sec_tokucho ul{ margin-top: 10px; }
#sec_tokucho ul li{ width: 210px; /*width: 139px;*/ /*height: 141px;*/ margin-right: 30px; text-align: center; float: left; position: relative; cursor: pointer;}
#sec_tokucho ul li:last-child{ margin-right: none; }
#sec_tokucho ul li h3{ margin: 20px 0 15px; /*margin: 36px auto; line-height: 1.2;*/ color: #00ccff; text-align: center; font-size: 11.7px; font-size: 16px; border: 3px solid #00ccff; border-radius: 10px; background-color:#FFFFFF; padding:10px; }
#sec_tokucho ul li p{  font-size: 14px; text-align: left; color:#767676; }

.casting-menu-area{ /*width: 676px; margin: 0 auto 130px;*/}

.entry-item-list, .about-item-list{
	width: 980px;
	margin: 0 auto;
}

.new_contents_sub{
	width: auto !important;
}

#new_sec_tokucho ul li{
    width: 139px;
    height: 141px;
    margin: 0 30px -30px 0;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer;
}

#new_sec_tokucho ul li:nth-of-type(5),
#new_sec_tokucho ul li:nth-of-type(6),
#new_sec_tokucho ul li:nth-of-type(7),
#new_sec_tokucho ul li:nth-of-type(8){
	-webkit-transform: translateX(86px);
	-ms-transform: translateX(86px);
	-o-transform: translateX(86px);
	transform: translateX(86px);
}


#new_sec_tokucho ul li h3{
	/*margin: 20px 0 15px;*/
	margin: 36px auto;
	line-height: 1.2;
	/*color: #00ccff;*/
	text-align: center;
	font-size: 11.7px;
	/*border: 3px solid #00ccff;*/
	/*border-radius: 10px;
	background-color:#FFFFFF;*/
	padding:10px; 
}

#new_sec_tokucho .trouble-item{
	width: 216px !important;
	height: auto !important;
    padding: 0 53.6px 30px 53.6px !important;
    margin-right: 0 !important;
}

#new_sec_tokucho ul li p{
    font-size: 14px;
    color: #767676;
}

#sec_tokucho .casting-area{
    width: 960px;
    margin: 0 auto;
}

#new_sec_tokucho .casting-area{
	width: 865px;
	margin: 37px auto 67px auto;
	position: relative;
}

#new_sec_tokucho .new-casting-menu-area{
    width: 677px;
    margin: 0 auto 160px;
}

#new_sec_tokucho .casting-menu-area li:nth-of-type(1){
	background: url("../contact_test/images/casting_item_active.png");
}

#new_sec_tokucho .casting-menu-area li:nth-of-type(1) span{
	color: #ffffff;	
}

#new_sec_tokucho .casting-menu-area li span{
    display: inline-block;
    font-size: 25px;
	color: #00ccff;
}

#new_sec_tokucho .casting-menu-area li:after{
	content: "";
	display: block;
    margin: auto;
	position: absolute;
    right: 0;
    left: 0;
	bottom: 31px;
	width: 8px;
    height: 8px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#new_sec_tokucho .casting-area:before,.casting-area:after{
	content: "";
	display: block;
	width: 51px;
	height: 50px;
	position: absolute;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

#new_sec_tokucho .casting-area:before{
	top: 0;
	left: 0;
	background: url("../contact/images/kakko_start.png");
}

#new_sec_tokucho .casting-area:after{
	bottom: 0;
	right: 0;
	background: url("../contact/images/kakko_finish.png");
}

#new_sec_tokucho .casting-menu-area li{
	background: url("../contact/images/casting_item.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.casting-item-area{
	width: 760px;
	margin: 0 auto;
}

.casting-item:not(:last-of-type){
    margin-bottom: 119px;
}

.casting-item:nth-of-type(1) .casting-item__textBlock,
.casting-item:nth-of-type(3) .casting-item__textBlock,
.casting-item:nth-of-type(5) .casting-item__textBlock,
.casting-item:nth-of-type(7) .casting-item__textBlock,
.casting-item:nth-of-type(9) .casting-item__textBlock,
.casting-item:nth-of-type(11) .casting-item__textBlock{

	float: left;
}

.casting-item:nth-of-type(2) .casting-item__textBlock,
.casting-item:nth-of-type(4) .casting-item__textBlock,
.casting-item:nth-of-type(6) .casting-item__textBlock,
.casting-item:nth-of-type(8) .casting-item__textBlock,
.casting-item:nth-of-type(10) .casting-item__textBlock,
.casting-item:nth-of-type(12) .casting-item__textBlock{
	float: right;
}

.casting-item:nth-of-type(1) .casting-item__imgBlock,
.casting-item:nth-of-type(3) .casting-item__imgBlock,
.casting-item:nth-of-type(5) .casting-item__imgBlock,
.casting-item:nth-of-type(7) .casting-item__imgBlock,
.casting-item:nth-of-type(9) .casting-item__imgBlock,
.casting-item:nth-of-type(11) .casting-item__imgBlock{
	float: right;
}

.casting-item:nth-of-type(2) .casting-item__imgBlock,
.casting-item:nth-of-type(4) .casting-item__imgBlock,
.casting-item:nth-of-type(6) .casting-item__imgBlock,
.casting-item:nth-of-type(8) .casting-item__imgBlock,
.casting-item:nth-of-type(10) .casting-item__imgBlock,
.casting-item:nth-of-type(12) .casting-item__imgBlock{
	float: left;
}

.casting-item__textBlock{
	width: 324px;
	/*margin-top: 11%;*/
	margin-top: 8%;
}

.casting-item:nth-of-type(1) .casting-item__imgBlock,
.casting-item:nth-of-type(3) .casting-item__imgBlock,
.casting-item:nth-of-type(5) .casting-item__imgBlock,
.casting-item:nth-of-type(7) .casting-item__imgBlock,
.casting-item:nth-of-type(9) .casting-item__imgBlock,
.casting-item:nth-of-type(11) .casting-item__imgBlock{
	/*width: 436px;*/
    margin-left: 3.2%;
}

.casting-item:nth-of-type(2) .casting-item__imgBlock,
.casting-item:nth-of-type(4) .casting-item__imgBlock,
.casting-item:nth-of-type(6) .casting-item__imgBlock,
.casting-item:nth-of-type(8) .casting-item__imgBlock,
.casting-item:nth-of-type(10) .casting-item__imgBlock,
.casting-item:nth-of-type(12) .casting-item__imgBlock{
	/*width: 436px;*/
    margin-right: 3.2%;
}

.casting-item__imgBlock{
    width: 53%;
}

.casting-item__headline{
	padding: 7px;
	background: #22180e;
	color: #ffffff;
	font-size: 18.5px;
}

.casting-item__text{
    padding-top: 10px;
	font-size: 13px;
	text-align: center;
}

.casting-item__imgBlock{
	position: relative;
}

.casting-item__img img{
	width: 100%;
}

.casting-item__num{
	position: absolute;
}

.casting-item:nth-of-type(1) .casting-item__num,
.casting-item:nth-of-type(3) .casting-item__num,
.casting-item:nth-of-type(5) .casting-item__num,
.casting-item:nth-of-type(7) .casting-item__num,
.casting-item:nth-of-type(9) .casting-item__num,
.casting-item:nth-of-type(11) .casting-item__num,
.casting-item:nth-of-type(13) .casting-item__num{
    top: -79px;
    left: -17%;
}

.casting-item:nth-of-type(2) .casting-item__num,
.casting-item:nth-of-type(4) .casting-item__num,
.casting-item:nth-of-type(6) .casting-item__num,
.casting-item:nth-of-type(6) .casting-item__num,
.casting-item:nth-of-type(8) .casting-item__num,
.casting-item:nth-of-type(10) .casting-item__num,
.casting-item:nth-of-type(12) .casting-item__num{
    top: -74px;
    right: -76px;
}

.subttl01 { color:#ffba00; font-size: 26px; margin:20px 0 0 0; text-align: center; }

#sec_tokucho .riyuu { margin-top: 10px; width:980px; margin:0 auto; }
#sec_tokucho .riyuu li{ width: 280px; margin-right: 30px; text-align: center; float: left; }
#sec_tokucho .riyuu li:last-child{ margin-right: none; }
#sec_tokucho .riyuu li h3{ margin: 20px 0 15px; color:  #3f3327; text-align: center; font-size: 16px;  border: 1px solid #FFFFFF; border-radius: 3px; background-color:#FFFFFF; width:280px; display:block; }
#sec_tokucho .riyuu li p{  font-size: 14px; text-align: left; color:#767676 }



/*導入事例*/
.nagare ul li { margin:15px 0; text-align:left; font-size:14px; }
.nagare ul li h3 { background-color: #3f3327; border-radius: 3px; color:#FFFFFF; padding:20px 10px 20px 10px; margin:10px 0 10px 0; }
.nagare ul li span { background-color:#FFFFFF;; border-radius: 3px; color: #3f3327; padding:10px; margin:10px 10px 0 0; }



/*機能一覧*/
#tx_tokucho02 p{  font-size: 14px; color:#666; text-align:center; }
#tx_tokucho02 span{  font-size: 14px; color: #3f3327; }
.nagare02 ul li { margin:15px 0; text-align:left; font-size:14px; }
.nagare02 ul li h3 { background-color:#ffba00; border-radius: 3px; color:#FFFFFF; padding:20px 10px 20px 10px; margin:10px 0 10px 0; text-align:left; font-size:14px; }
.nagare02 ul li span { background-color:#FFFFFF; border-radius: 3px; color:#ffba00; padding:10px; margin:10px 10px 0 0;  font-size:14px; text-align:left;}

.entry_main { background-image:url(../entry/images/visual.jpg); background-repeat:repeat; text-align:center; }

.entry_main_in { width:700px; margin:0 auto; }

.entry_box { margin-bottom:10px; }



.title_cap_sub{　margin:20px 0;　display:block;　text-align:center; color:#ffa2b6; font-size:2.4rem; }
.title_cap_sub_s{ display:block; text-align:center; color:#ffa2b6; font-size:1.2rem; font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.title_cap_sub_s2{ display:block; text-align:center; color:#ffa2b6; font-size:2.4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }



#contact_box01 { width:700px; margin:40px auto 0 auto; }



/* contactページ 新規追加分 ここから*/

.target-item img{
	width: 100%;
}

.newCatch{
	/*height: 531px;*/
	height: 774px;
	height: 54vw;
	background: url("../contact/images/catch_bg.png");
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.newCatch-item{
    width: 44%;
    height: 273px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 37%;
}

.newCatch-item img{
	width: 100%;
}


/* コンバージョン関連 */

.cv-area{
	/*height: 200px;*/
    padding-top: 14.5%;

	background: url("../contact/images/cv_bg.png");
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.cv-inner{
	width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	letter-spacing: 0;
}

/*
.cv-middle .cv-inner{
	height: 195px;
}
*/

.cv-lead{
	/*padding-top: 23px;*/
	position: absolute;
    right: 0;
    left: 0;
    top: 13%;

	font-size: 14px;
    color: #63c6ce;
    font-style: italic;
    letter-spacing: .1em;
}

.cv-tel{
	width: 21%;
    /*height: 37px;*/
    margin: auto;
    position: absolute;
    /* top: 0; */
    right: 0;
    left: 0;

    /*top: 53px;*/
    top: 25%;
}

.cv-small{
	/*margin-top: 46px;*/
    position: absolute;
    right: 0;
    left: 0;
    top: 45%;

    color: #ffffff;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
}

.cv-mail{
	width: 25%;
	height: 62px;
    margin: 5px auto;
    top: 113px;
	right: 0;
	left: 0;

	position: absolute;
    right: 0;
    left: 0;
    top: 54%;
}

.cv-middle{
    /*height: 257px;*/
	padding-top: 14%;

    /*margin: 25px auto;*/
    background: url(../contact/images/cv_middle.png);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.trouble-area{
	padding: 43px 0;
	border: 2px solid #000000;
}

.trouble-ttl{
	width: 54%;
	margin: 0 auto 60px;
}

.trouble-ttl img{
	width: 100%;
}

.newCommon-inner{
	width: 90%;
	max-width: 980px;
	margin: 65px auto 30px;
}

/*
.trouble-item-list{
	width: 83%;
	margin: 0 auto;
}
*/

.trouble-item{
	width: 216px !important;
	padding: 0 55px !important;
	margin-right: 0 !important;
}

.trouble-item:nth-of-type(2){
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.trouble-item__tll{
	width: 37%;
	margin: 0 auto 17px;
}

.trouble-item__tll img{
	width: 100%;
}

.trouble-item__text{
	text-align: center !important;
}

.cf:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}


/* お任せセクション */

.omakase-area{
	width: 980px;
	margin: auto;
	position: relative;
}

.omakase-area:before, .omakase-area:after{
	content: "";
	display: block;
	width: 51px;
	height: 50px;
	position: absolute;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.omakase-area:before{
	top: 0;
	left: 0;
	background: url("../contact/images/kakko_start.png");
}

.omakase-area:after{
	bottom: 0;
	right: 0;
	background: url("../contact/images/kakko_finish.png");
}

.omakase-ttl{
    width: 74%;
    margin: 30px auto 10px auto;
    padding-top: 53px;
}

.omakase-ttl img{
	width: 100%;
}

.omakase-txt{
    width: 75%;
    margin: 0 auto;
	font-size: 14px;
	text-align: center;
}

.casting-flow-area{
	/*width: 760px;*/
	width: 960px;
	margin: 65px auto 50px;
	position: relative;
}

.casting-flow-area:before, .casting-flow-area:after{
	content: "";
	display: block;
	width: 51px;
	height: 50px;
	position: absolute;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.casting-flow-area:before{
	top: 0;
	left: 0;
	background: url("../contact/images/kakko_start.png");
}

.casting-flow-area:after{
    bottom: -60px;
	right: 0;
	background: url("../contact/images/kakko_finish.png");
}

.flow-item-list{
	width: 760px;
	margin: 0 auto;
}

.flow-item{
	/*width: 273px;*/
    width: 341px;
    margin-bottom: 35px;
	/*padding: 40px 32px;*/
	float: left;
}

.flow-item:nth-of-type(odd){
	margin-right: 78px;
}

.flow-item__step{
	width: 60px;
    padding: 9px 30px 4px;
    margin-bottom: 8px;
	font-style: italic;
	border: 2px solid #000000;
	font-size: 14px;
}

.flow-item__step span{
	display: inline-block;
	font-weight: bold;
}

.flow-item__detail{
    height: 152px;
    padding: 30px 29px;	
	border: 2px solid #000000;
}

.flow-item:last-of-type .flow-item__step{
	background: #22180e;
	color: #ffffff;
}

.flow-item:last-of-type .flow-item__step span{
}

.flow-ttl{
	font-size: 20px;
	font-weight: bold;
}

.flow-ttl span{
	display: block;
	margin-bottom: 10px;
    padding-bottom: 5px;
	border-bottom: 1px solid #000000;
	line-height: 1.3;
}

.flow-text{
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}

.irai-ttl{
	margin-top: 110px;
}

.cv-last{
	width: 980px;
	margin: 0 auto;

	/*height: 257px;*/
    /*padding-top: 19%;*/
    height: 20vw;
    max-height: 307px;

	background: url("../contact/images/cv_last.png");
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.cv-last *{
	color: #ffffff;
}

.cv-last-btn{
	width: 28%;
    /*height: 37px;*/
    margin: 5px auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 31%;
}

.cv-last .cv-lead{
    /*padding-top: 49px;*/
    position: absolute;
    top: 19%;
}

.cv-last .cv-last-lead{
	/*padding-top: 10px;*/
    top: 63%;
}


/* contactページ 新規追加分 ここまで*/


.news_box { width:980px; margin:0 auto; }
.news_title_h2, .news_title_h2 a{ margin: 0 auto 5px; text-align: center; font-size: 18px; color: #23180d; display:block; text-align:left; }
.news_date { text-align:right; border-bottom:1px dashed  #23180d; margin-bottom:5px; }
.news_text { text-align:left; font-size:14px; margin-bottom:30px; color:#767676;}
.news_box_img {  margin-bottom:30px; }
.news_text_img_l { width:400px; float:left; }
.news_text_img_l a img{ width: 100% !important; height: auto !important; }

.news_text_img_r, .news_text_img_r a{ float:right; width:560px; text-align:left; font-size:14px; color:#767676; }

/*.about_title_h2 { margin: 0 auto 5px; text-align: center; font-size: 18px; color: #23180d; display:block; text-align:center; }*/

.about_title_h2{
    margin: 50px auto 20px;
    padding-top: 46px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #23180d;
    display: block;
}

.about_title02_h2 { margin: 0 auto 5px; text-align: center; font-size: 18px; color:#7cc985; display:block; text-align:center; }
.about_text { text-align:center; font-size:14px; margin-bottom:30px; color:#767676; }

.about_ttl{ float:left; display:inline-block; width:300px; height:320px; background:#fff; padding:25px; border:solid 1px #e7e7e7; border-radius:10px; box-sizing:border-box; margin:10px 12px 10px 12px; text-align:left; font-size:14px; color:#767676; }
.about_ttl span { margin: 0 auto 5px; text-align: center; font-size: 16px; color: #23180d; display:block; text-align:center; display:block; }
.about_icon { width:100px; display:block; margin:0 auto; }


.company_box table { width:980px; margin-bottom:40px; }
.company_box table tr { border-bottom:1px dashed  #23180d; font-size:14px; color:#767676; }
.company_box table tr th { width:200px; padding:10px; }
.company_box table tr td { text-align:left; padding:10px;  }


.member_ditail { width:980px; margin:0 auto; }
.model_list_img_l { width:23%; float:left; margin:0 1%; }

.prof-table { margin:20px 0; width:980px;}
.prof-table tr  { border-bottom:1px dashed  #23180d; font-size:14px; color:#767676; }
.prof-table tr th { width:200px; padding:10px; }
.prof-table tr td { text-align:left; padding:10px;  }

.contact_btn01 { width:96%; padding:2%; margin:40px 0; background-color:#7fc7ff; text-align:center; display:block;  border-radius:10px; }
.contact_btn01 a { color:#FFFFFF; text-align:center; font-size:25px; }



/* ▽ marukin ▽ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.hero_wrap_XX{ width: 1080px; min-width: 1080px; margin: 0 auto; }

.contents_sub_XX { width:980px; margin:0 auto; padding-top:30px; }


/*　トップ、「もっとみるボタン」　*/
p.btn_more{ text-align: center; }
p.btn_more a{ display: inline-block; max-width: 100%; width: 400px; padding: 8px 0; background: #23180d; color: #fff; font-size: 14px; text-align: center; }


/*お問い合わせフォーム*/
#contact_text p{ text-align: center; font-size: 16px; }
#contact_text p:first-child{ margin-bottom: 20px; }
#contact_text p a{ font-size: 16px; font-weight: bold; color:  #23180d; }


.must{ color:  #23180d; font-size: 14px; }
.formBox{ width: 980px; margin: 30px auto 50px; }

.formBox table{ width: 100%; border-bottom: 1px solid  #23180d; }
.formBox table caption{ padding-left: 10px; text-align: left; font-size: 11px; }
.formBox table caption{ font-size: 14px; }
.formBox table th, .formBox table td{ padding: 10px 20px; border: 1px solid  #23180d; font-size: 14px; }
.formBox table th{ width: 40%; background: #fff8f1; }
.formBox table td{ text-align: left; }

.formBox .caution{ font-size: 12px; color: #dc1444; }

.formBox [type='text'], .formBox [type='email'], .formBox [type='tel'], .formBox [type='number'], .formBox [type='url'], .formBox textarea, .formBox select{ width: 98%; padding: 5px 2% !important; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 14px !important; }
.formBox textarea{ height: 250px; }

.formBox input::-webkit-input-placeholder{ color: #ccc; font-weight: 400; }
.formBox input::-ms-input-placeholder{ color: #ccc; font-weight: 400; }
.formBox input::-moz-placeholder{ color: #ccc; font-weight: 400; }

.formBox .btnBox{ margin-top: 50px; text-align: center; }
.formBox .btnBox .cssBtn{ display: inline-block; padding: 10px 50px; background:  #23180d; border-radius: 3px; color: #fff; font-size: 14px; }
.formBox .btnBox .cssBtn:hover{ background: #3f3327; }

p.thanks{ text-align: center; font-size: 14px; }


/*登録フォーム*/
[name='email2'], [name='email_pc2']{ margin-top: 10px; }
[name='photo']{ display: inline-block; width: 350px; height: 40px; margin-bottom: 5px; padding: 10px 20px; border: 5px dashed #999; background: #f3f3f3; line-height: 1em; }
[name='age']{ width: 170px !important; }
[name='birth_y']{ width: 80px !important; }
[name='birth_m'], [name='birth_d']{ width: 50px !important; }


/*　NEWS共通　*/
/*　カテゴリー表示　*/
.category{ display: inline-block; width: 120px; margin-right: 10px; padding: 2px 0; text-align: center; color: #fff; }


#ul_newsList_top{ display: inline-block; max-width: 1080px; }
#ul_newsList_top li{ width: 510px; margin: 0 60px 60px 0; overflow: hidden; float: left; }
#ul_newsList_top li:nth-child(2n){ margin-right: 0; }

#ul_newsList_top li *{ font-size: 12px; }
#ul_newsList_top li p{ text-align: left; }

#ul_newsList_top li .newsImgBox{ width: 190px; margin-right: 15px; float: left; }

#ul_newsList_top li .newsR{ width: 300px; float: right; }

#ul_newsList_top li .cate_date{ margin-bottom: 15px; color: #949494; }

#ul_newsList_top li .newsTitle{ margin-bottom: 20px; }
#ul_newsList_top li .newsTitle a{ font-size: 14px; font-weight: bold; }
#ul_newsList_top li .newsTitle a:hover{ text-decoration: underline; }


/* column&work 新規追加分 ここから */

#column_box .contents_sub>.clearfix{
    width: 1080px;
    margin: 0 auto;
}

#column_box .contents_sub>.clearfix .clearfix{
    width: 510px;
    width: 44%;
    margin: 0 60px 60px 0;
    overflow: hidden;
    float: left;
}

#column_box .contents_sub .newsImgBox{
	width: 190px;
    margin-right: 15px;
    margin-right: 10px;
    float: left;
}

#column_box .contents_sub .newsR{
    width: 300px;
    width: 57%;
    float: right;
}

#column_box .contents_sub .newsTitle{
	margin-bottom: 20px;
	font-weight: bold;
}

#column_box .contents_sub .newsTitle a{
	font-size: 14px;
}


/* column&work 新規追加分 ここまで */


/*　（NEWSページ用）NEWS一覧　*/
#ul_newsList{}
#ul_newsList li{ width: 209px; height: 350px; margin-right: 48px; overflow: hidden; float: left; }
#ul_newsList li:nth-child(4n){ margin-right: 0; }

#ul_newsList li *{ font-size: 12px; }
#ul_newsList li p{ text-align: left; }

#ul_newsList li .newsImgBox{ margin-bottom: 12px; }
#ul_newsList li .cate_date{ margin-bottom: 7px; color: #7b7d7a; }
	.newsTitle a:hover{ text-decoration: underline; }



/*　NEWS詳細（ここだけ2カラム）　*/
#newsDetail_l{ width: 750px; float: left; }
    .newsDetailTitle{ margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dashed #23180d; font-size: 20px; text-align: center; }
    #detail_cate_date{ margin-bottom: 30px; text-align: right; }


#newsDetail_r{ width: 210px; float: right; }
	.h2NewsLeft{ margin-bottom: 20px; padding-bottom: 5px; font-size: 20px; text-align: center; }

	#h2NewsLeft_info{ border-bottom: 1px dashed #23180d; color: #23180d; }
	#h2NewsLeft_colmun{ border-bottom: 1px dashed #68bdff; color: #68bdff; }

	.ul_newsLeft{ margin-bottom: 40px; }
	.ul_newsLeft li{ margin-bottom: 20px; }
	.ul_newsLeft .newsLeft_l{ width: 62px; float: left; }
	.ul_newsLeft .leftDate{ margin: 3px auto; font-size: 12px; color: #949494; }
	.ul_newsLeft .newsLeft_r{ width: 139px; float: right; }


/*（20221210）プライバシーポリシー */
.privacy_box *{ font-size: 14px; text-align: left; line-height: 1.7em; }
.privacy_box{ padding: 20px 0; }
.privacy_box .mgn_b_20{ margin-bottom: 20px; }
.privacy_box .tx_r{ text-align: right; }
.privacy_box dl{}
.privacy_box dl dt{}
.privacy_box dl dd{ margin: 0 0 25px 60px; }
.privacy_box dl dd ul ul{}

.privacy_box dl dd ul.ul_num{ list-style-type: decimal; }
.privacy_box dl dd ul.ul_num > li{ padding-left: 10px; }

.privacy_box dl dd ul.ul_kakko{ margin-left: 3em; }
.privacy_box dl dd ul.ul_kakko li{ counter-increment: cnt; }
.privacy_box dl dd ul.ul_kakko li:before{ margin-left: -3em; content: "（" counter(cnt) "） "; }
/* △ marukin △ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/





/* MEDIA QUERY
==========================================================*/
@media only screen and (min-width: 1080px;1200px) {
.indexSample .sampleList li {
	width: 18.1%;
}
}
 @media only screen and (max-width: 1037px) {
.indexKv {
	height: auto;
}
.indexKv img {
	position: static;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	margin: auto;
}
}

@media screen and (min-width: 1080px){

	.sp-mask{
		height: 30.8vw !important;
	    min-height: 320px;
	}

	.sp-image-container{
		height: 30.8vw !important;
	    min-height: 320px;
	}
}


/* add 20210202 */
.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex_around{
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex_wrap{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
}
.flex_center{
    align-items: center;
}