/*-----------------------------------------------*/
/* top */
/*-----------------------------------------------*/

#body { background: url(../img/company/com_back01.png); _display: inline; _zoom: 1; -webkit-text-size-adjust: 100%; background-position: top center; background-attachment: fixed; background-size: cover; }

.top_box01 { width: 100%; margin: auto; padding: 60px 0px 100px 0px; }
.top_box_in01 { width: 1160px; margin: auto; }

.top_box02 { width: 100%; margin: 0px auto 0px auto; background: url(../img/top/top_movie_back03.png); background-position: top center; background-attachment: fixed; background-size: cover; }
.top_box_bg02 { width: 100%; margin: auto; background: url(../img/overlays/01.png); -webkit-text-size-adjust: 100%; }
.top_box_in02 { width: 1160px; margin: 0px auto; padding: 100px 0px 100px 0px; color: #FFF; }
.top_box_in02 a { text-decoration: none; color: #FFF; }

.top_box03 { width: 100%; margin: auto; background: rgba(240,240,241,0.8); padding: 60px 0px 60px 0px;  }
.top_box_in03 { width: 1160px; margin: auto; }

.top_box04 { width: 100%; margin: auto; background: #B51616 url(../img/top/top_tok_img01.jpg) no-repeat left top; margin-bottom: 0px; }
.top_box_bg04 { width: 100%; margin: 0px auto; padding: 110px 0px 110px 0px; background: url(../img/top/top_back04.png) no-repeat right; }
.top_box_in04 { width: 1160px; margin: auto; }
.top_box_inr04 { width: 600px; float: right; }

.top_topi_box01 { padding: 0px; }

/*-----------------------------------------------*/
/* info */
/*-----------------------------------------------*/

.top_info { width: 100%; }
.top_topics_tit01 { width: 100%; margin: 0px auto; font-family: 'Fjalla One', sans-serif; font-size: 45px; font-weight: 600; text-align: center; color: #B51616; padding: 0px 0px 0px 0px; }
.top_topics_tit02 { width: 120px; text-align: center; font-size: 14px; font-weight: 400; color: #555; padding: 15px 0px 15px 0px; margin: 0px auto 0px auto; letter-spacing: 1px; }

.top_topics_line01 { width: 100px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.top_info_t { width: 100%; }
.top_info_m { width: 100%; }
.top_info_b { width: 100%; height: 12px; }

.top_info_tit { width: 90%; padding: 14px 0px 14px 20px; float: right; }
.top_info_tit img{ margin-right: 15px;}
.top_info_tit a { text-decoration: none; font-size: 14px; font-weight: 400; color: #B51616; transition: .2s linear; -webkit-transition: .2s linear; }
.top_info_tit a:hover { text-decoration: none; font-size: 14px; font-weight: 400; color: #7F0D0D; }
.top_info_day { width: 8%; font-size: 14px; float: left; padding: 14px 0px; letter-spacing: 1px; color: #777; }

.top_info_bkn_btn1 { display: block; width: 240px; height: 50px; margin: 0px auto; margin-top: 15px; } 
.top_info_bkn_btn1 a { display: block; width: 100%; line-height: 50px; background: #B51616; border: 1px #CCC solid; text-align: center; text-decoration: none; color: #FFF; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; } 
.top_info_bkn_btn1 a:hover { background: #7F0D0D; color: #FFF; }

.top_info_bkn_btn1_ict { display: block; width: 240px; height: 50px; margin: 0px auto; margin-top: 15px; } 
.top_info_bkn_btn1_ict a { display: block; width: 100%; line-height: 50px; background: #1c995d; border: 1px #CCC solid; text-align: center; text-decoration: none; color: #FFF; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; } 
.top_info_bkn_btn1_ict a:hover { background: #147145; color: #FFF; }


.top_l_box { width: 100%; margin: 0px auto; padding: 15px 0px 20px 0px; }
.top_l_line { width: 100%; margin: 0px auto; border-bottom: 1px #CCC solid; }

.top_mov_l_box01 { width: 250px; float: left; padding-top: 10px; }
.top_mov_r_box01 { width: 870px; float: right; }

.top_mov_txt01 { width: 640px; float: left; font-size: 60px; padding-bottom: 20px; font-family: 'Fjalla One', sans-serif; line-height: 70px; }
.top_mov_txt02 { font-size: 28px; font-weight: 600; padding-bottom: 30px; }
.top_mov_txt03 { font-size: 15px; line-height: 28px; }

.top_mov_btn01 { display: block; width: 220px; height: 45px; margin-top: 13px; float: right; }
.top_mov_btn01 a { display: block; width: 100%; line-height: 45px; border: 1px #FFF solid; text-align: center; text-decoration: none; color: #FFF; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; }
.top_mov_btn01 a:hover { background: #FFF; color: #444; }

.top_mov_btn02 { display: none; }

/* 新スライダー */

.swiper-container{ width:100%; height: auto; }
.swiper-button-next::after{ color: #FFFFFF; }
.swiper-button-prev::after{ color: #FFFFFF; }
.swiper-slide img{ width: 100%; }

/*#wideslider_box1 { width: 100%; text-align: center; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; }
.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden; }

.wideslider ul,.wideslider ul li { float: left; display: inline; overflow: hidden; text-align: center; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; }
.wideslider ul li img { width: 100%; display: none; text-align: center; }
.wideslider_base { top: 0; position: absolute; }
.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }

.slider_prev,.slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100px; cursor: pointer; }
.slider_prev { background: #FFF url(../img/prev.jpg) no-repeat right center; }
.slider_next { background: #FFF url(../img/next.jpg) no-repeat left center; }

.pagination { bottom: 50px; left: 0; width: 100%; height: 30px; text-align: center; position: absolute; z-index: 500; }
.pagination a { margin: 0 5px; width: 30px; height: 30px; display: inline-block; overflow: hidden; }*/

/* =======================================
	ClearFixElements
======================================= */

.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.wideslider ul { display: inline-block; overflow: hidden; }

/* #wrapper */

#wrapper { margin: 0 auto; padding: 0 40px; text-align: left; }
#wrapper p { padding: 0 0 20px 0; font-size: 100%; line-height: 180%; }

#top_btm1 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: center; background-color: rgba(238,238,238,1); }
.top_btm_box1 { width: 1020px; max-width: 1020px; padding: 0px 0px; margin: 0 auto; background-color: rgba(238,238,238,1); color: #444; font-size: 11px; }
.top_btm_box1 a { transition: .1s linear; -webkit-transition: .1s linear; }
.top_btm_box1 a:hover { opacity: 0.7; }

#top_conte1 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: center; padding: 30px 0px; }
.top_conte_box1 { width: 1160px; max-width: 1160px; padding: 0px 0px; margin: 0 auto; color: #444; font-size: 11px; }
.top_conte_tit01 { font-size: 45px; font-weight: 600; text-align: center; font-family: 'Fjalla One', sans-serif; color: #B51616; padding-bottom: 10px; border-bottom: 1px #CCC solid; margin-bottom: 20px; }

.top_conte_sbox01 { width: 350px; float: left; margin-right: 55px; text-align: center; }
.top_conte_sbox02 { width: 350px; float: left; text-align: center; }

.top_conte_sname01 { font-size: 22px; color: #111; letter-spacing: 0px; font-weight: 600; line-height: 35px; padding-bottom: 5px; }
.top_conte_sname02 { font-size: 13px; padding-bottom: 7px; letter-spacing: 0.5px; color: #777; font-family: 'Fjalla One', sans-serif; line-height: 20px; }
.top_conte_sname03 { color: #666; padding: 5px 0px; }

.top_conte_line01 { width: 50px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.top_conte_btn1 { display: block; width: 80%; float: none; margin: 0px auto; margin-top: 20px; letter-spacing: 0px; } 
.top_conte_btn1 a { 
	display: block;
	width: 100%;
	line-height: 45px;
	background: url(../img/top/ser_btn01.png) no-repeat right;
	border-radius: 0px;
	border: 1px #B51616 solid;
	text-align: center;
	text-decoration: none;
	color: #444;
	font-size: 13px;
	transition: .2s linear;
	-webkit-transition: .2s linear;
} 
.top_conte_btn1 a:hover { background: url(../img/top/ser_btn02.png) no-repeat right; border: 1px #B51616 solid; color: #FFF; }

.top_conte_line1 { height: 395px; float: left; margin-right: 19px; border-left: 1px #CCC solid; }

.top_conte_txt01 { font-size: 16px; color: #333; margin-bottom: 50px; padding-top: 20px; line-height: 30px; font-weight: 500; text-align: center; }

.top_conte_img01 { border-bottom: 0px #097B7B solid; margin-bottom: 18px; }
.top_conte_img02 { border-bottom: 0px #1D6DB5 solid; margin-bottom: 18px; }
.top_conte_img03 { border-bottom: 0px #C03039 solid; margin-bottom: 18px; }

.top_conte_img01 img { width: 100%; }
.top_conte_img02 img { width: 100%; }
.top_conte_img03 img { width: 100%; }

/* トップ OCL */

.top_ocl_box01 { width: 1160px; margin: 0px auto; }

.t_ocl_box01 { width: 230px; float: left; border: 1px #B51616 solid; padding: 14px; }
.t_ocl_box02 { width: 230px; float: left; margin-left: 40px; border: 1px #B51616 solid; padding: 14px; }
.t_ocl_box03 { width: 230px; float: left; margin-left: 40px; border: 1px #B51616 solid; padding: 14px; }
.t_ocl_box04 { width: 230px; float: left; margin-left: 40px; border: 1px #B51616 solid; padding: 14px; }

.t_ocl_img01 { line-height: 0px; margin-bottom: 20px; }
.t_ocl_img01 img { width: 230px; }

.t_ocl_txt01 { color: #333; font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.t_ocl_txt02 { color: #B51616; font-size: 12px; }

.t_ocl_tit01 { width: 100%; margin: 0px auto; font-family: 'Fjalla One', sans-serif; font-size: 45px; font-weight: 600; text-align: center; color: #111; padding: 0px 0px 0px 0px; }
.t_ocl_tit02 { width: 240px; text-align: center; font-size: 14px; font-weight: 400; color: #555; padding: 15px 0px 15px 0px; margin: 0px auto 0px auto; letter-spacing: 1px; }

.t_ocl_line01 { width: 100px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.t_ocl_btn1 { display: block; width: 240px; height: 50px; margin: 0px auto; margin-top: 50px; border: 1px #B51616 solid; } 
.t_ocl_btn1 a { display: block; width: 100%; line-height: 50px; background: #FFF; text-align: center; text-decoration: none; color: #B51616; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; } 
.t_ocl_btn1 a:hover { background: #B51616; color: #FFF; }

/* トップ チームオカムラ */

.t_tok_icon01 { text-align: center; margin-bottom: 30px; }

.t_tok_tit01 { width: 100%; margin: 0px auto; font-family: 'Fjalla One', sans-serif; font-size: 45px; font-weight: 600; text-align: center; color: #111; padding: 0px 0px 0px 0px; }
.t_tok_tit02 { width: 400px; text-align: center; font-size: 14px; font-weight: 400; color: #555; padding: 15px 0px 15px 0px; margin: 0px auto 0px auto; letter-spacing: 1px; }

.t_tok_line01 { width: 100px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.t_tok_btn1 { display: block; width: 240px; height: 50px; margin: 0px auto; margin-top: 30px; border: 1px #FFF solid; } 
.t_tok_btn1 a { display: block; width: 100%; line-height: 50px; background: #FFF; text-align: center; text-decoration: none; color: #B51616; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; } 
.t_tok_btn1 a:hover { background: #B51616; color: #FFF; }

.t_tok_img1 { width: 275px; height: 275px; float: left; margin-right: 20px; background: url(../img/top/team_oka_img1.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }
.t_tok_img2 { width: 275px; height: 275px; float: left; margin-right: 20px; background: url(../img/top/team_oka_img2.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }
.t_tok_img3 { width: 275px; height: 275px; float: left; margin-right: 20px; background: url(../img/top/team_oka_img3.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }
.t_tok_img4 { width: 275px; height: 275px; float: left; background: url(../img/top/team_oka_img04.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }

/* AUTHENTICATION */

.aut_img01 { width: 360px; float: left; line-height: 0px; margin-top: 20px; }
.aut_img02 { width: 360px; float: left; line-height: 0px; margin-top: 20px; margin-left: 40px; }
.aut_img03 { width: 360px; float: left; line-height: 0px; margin-top: 20px; margin-left: 40px; }

.aut_img01 img { width: 360px; }
.aut_img02 img { width: 360px; }
.aut_img03 img { width: 360px; }

/* Dream Lab */

.top_dl_box01 { width: 1160px; margin: 25px auto; }
.top_dl_box01 img { width: 100%; }

.top_space01 { clear: both; height: 25px; }
.top_space02 { clear: both; height: 30px; }
.top_space03 { clear: both; height: 100px; }

/* OBSのcomicバナー追加 */

.obs_comic_pc { width: 100%; margin: 80px auto 0px; }
.obs_comic_sp { display: none; }


@media only screen and (max-width:1100px){
	
	/* top */
	.top_box_in01 { width: 90%; max-width: 1160px; }
	.top_conte_sbox01 { width: 30%; margin-right: 5%; }
	.top_conte_sbox02 { width: 30%; }
	.top_conte_sname01 { font-size: 1.3em; }
	
	.top_box_in02 { width: 90%; max-width: 1160px; }
	.top_mov_l_box01 { display: none; }
	.top_mov_r_box01 { width: 100%; float: none; }
	
	.top_box_in03 { width: 90%; max-width: 1160px; }
	.top_info_day { box-sizing: border-box; }
	.top_info_tit { box-sizing: border-box; }
	
	.top_box_in04 { width: 90%; max-width: 1160px; }
	
	.top_ocl_box01 { width: 90%; max-width: 1160px; }
	.t_ocl_box01 { width: 22%; box-sizing: border-box; }
	.t_ocl_box02 { width: 22%; margin-left: 4%; box-sizing: border-box; }
	.t_ocl_box03 { width: 22%; margin-left: 4%; box-sizing: border-box; }
	.t_ocl_box04 { width: 22%; margin-left: 4%; box-sizing: border-box; }
	.t_ocl_img01 img { width: 100%; }
	.t_ocl_img02 img { width: 100%; }
	.t_ocl_img03 img { width: 100%; }
	.t_ocl_img04 img { width: 100%; }
	
	.aut_img01 { width: 30%; }
	.aut_img02 { width: 30%; }
	.aut_img03 { width: 30%; }
	.aut_img01 img { width: 100%; }
	.aut_img02 img { width: 100%; }
	.aut_img03 img { width: 100%; }
	
	.footer_link_box .sns { margin-top: 30px; }
	
}

@media only screen and (max-width:640px){

#body { background: url(../img/company/com_back01.png); _display: inline; _zoom: 1; -webkit-text-size-adjust: 100%; background-position: top center; background-attachment: fixed; background-size: cover; }

.top_box01 { width: 100%; margin: auto; padding: 30px 0px 30px 0px; }
.top_box_in01 { width: 94%; margin: auto; }

.top_box02 { width: 100%; margin: 0px auto 0px auto; background: url(../img/top/top_movie_back03.png); background-position: top center; background-attachment: fixed; background-size: cover; }
.top_box_bg02 { width: 100%; margin: auto; background: url(../img/overlays/01.png); -webkit-text-size-adjust: 100%; }
.top_box_in02 { width: 94%; margin: 0px auto; padding: 30px 0px 30px 0px; color: #FFF; }
.top_box_in02 a { text-decoration: none; color: #FFF; }

.top_box03 { width: 100%; margin: auto; background: rgba(240,240,241,0.8); padding: 30px 0px 30px 0px; margin-bottom: 30px; }
.top_box_in03 { width: 94%; margin: auto; }

.top_box04 { width: 100%; margin: auto; background: #B51616 url(../img/top/top_tok_img01.jpg) no-repeat left top; margin-bottom: 0px; }
.top_box_bg04 { width: 100%; margin: 0px auto; padding: 50px 0px 50px 0px; background: url(../img/top/top_back04.png) no-repeat right; }
.top_box_in04 { width: 94%; margin: auto; }
.top_box_inr04 { width: 100%; float: right; }

.top_topi_box01 { padding: 0px; }

/*-----------------------------------------------*/
/* info */
/*-----------------------------------------------*/

.top_info { width: 100%; }
.top_topics_tit01 { width: 100%; margin: 0px auto; font-family: 'Fjalla One', sans-serif; font-size: 30px; font-weight: 600; text-align: center; color: #B51616; padding: 0px 0px 0px 0px; }
.top_topics_tit02 { width: 120px; text-align: center; font-size: 13px; font-weight: 400; color: #555; padding: 10px 0px 10px 0px; margin: 0px auto 0px auto; letter-spacing: 1px; }

.top_topics_line01 { width: 100px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.top_info_t { width: 100%; }
.top_info_m { width: 100%; }
.top_info_b { width: 100%; height: 12px; }

.top_info_tit { width: 100%; padding: 5px 0px 10px 0px; float: none; text-align: left; }
.top_info_tit a { text-decoration: none; font-size: 13px; font-weight: 400; color: #B51616; transition: .2s linear; -webkit-transition: .2s linear; }
.top_info_tit a:hover { text-decoration: none; font-size: 13px; font-weight: 400; color: #7F0D0D; }
.top_info_day { width: 100%; font-size: 12px; float: none; padding: 14px 0px 0px 0px; letter-spacing: 1px; color: #777; text-align: left; }

.top_info_bkn_btn1 { display: block; width: 60%; height: 40px; margin: 0px auto; margin-top: 15px; } 
.top_info_bkn_btn1 a { display: block; width: 100%; line-height: 40px; background: #B51616; border: 1px #CCC solid; text-align: center; text-decoration: none; color: #FFF; font-size: 13px; transition: .2s linear; -webkit-transition: .2s linear; } 
.top_info_bkn_btn1 a:hover { background: #7F0D0D; color: #FFF; }

.top_l_box { width: 100%; margin: 0px auto; padding: 0px 0px 20px 0px; }
.top_l_line { width: 100%; margin: 0px auto; border-bottom: 1px #CCC solid; }

.top_mov_l_box01 { display: none; width: 100%; float: left; padding-top: 10px; margin-bottom: 20px; }
.top_mov_l_box01 img { width: 40%; }

.top_mov_r_box01 { width: 100%; float: right; }

.top_mov_txt01 { width: 100%; float: left; font-size: 30px; padding-bottom: 20px; font-family: 'Fjalla One', sans-serif; }
.top_mov_txt02 { font-size: 19px; font-weight: 600; padding-bottom: 10px; }
.top_mov_txt03 { display: none; font-size: 13px; line-height: 23px; }

.top_mov_btn01 { display: none; }

.top_mov_btn02 { display: block; width: 60%; height: 40px; margin: 10px auto 0px auto; float: none; }
.top_mov_btn02 a { display: block; width: 100%; line-height: 40px; border: 1px #FFF solid; text-align: center; text-decoration: none; color: #FFF; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; }
.top_mov_btn02 a:hover { background: #FFF; color: #444; }

/*#wideslider_box1 { width: 100%; text-align: center; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; }
.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden; }

.wideslider ul,.wideslider ul li { float: left; display: inline; overflow: hidden; text-align: center; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; }
.wideslider ul li img { width: 100%; display: none; text-align: center; }
.wideslider_base { top: 0; position: absolute; }
.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }

.slider_prev,.slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100px; cursor: pointer; }
.slider_prev { background: #FFF url(../img/prev.jpg) no-repeat right center; }
.slider_next { background: #FFF url(../img/next.jpg) no-repeat left center; }

.pagination { bottom: 15px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 10; }
.pagination a { margin: 0 3px; width: 12px; height: 12px; display: inline-block; overflow: hidden; background: #333; }
.pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }*/

/* =======================================
	ClearFixElements
======================================= */

.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.wideslider ul { display: inline-block; overflow: hidden; }

/* #wrapper */

#wrapper { margin: 0 auto; padding: 0 40px; text-align: left; }
#wrapper p { padding: 0 0 20px 0; font-size: 100%; line-height: 180%; }

#top_btm1 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: center; background-color: rgba(238,238,238,1); }
.top_btm_box1 { width: 94%; max-width: 94%; padding: 0px 0px; margin: 0 auto; background-color: rgba(238,238,238,1); color: #444; font-size: 11px; }
.top_btm_box1 a { transition: .1s linear; -webkit-transition: .1s linear; }
.top_btm_box1 a:hover { opacity: 0.7; }

#top_conte1 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: center; padding: 30px 0px; }
.top_conte_box1 { width: 94%; max-width: 94%; padding: 0px 0px; margin: 0 auto; color: #444; font-size: 11px; }
.top_conte_tit01 { font-size: 30px; font-weight: 600; text-align: center; font-family: 'Fjalla One', sans-serif; color: #B51616; padding-bottom: 10px; border-bottom: 1px #CCC solid; margin-bottom: 20px; }

.top_conte_sbox01 { width: 100%; float: none; margin-right: 0px; text-align: center; margin-bottom: 1px; background: #B51616; padding: 10px 0px 20px 0px; }
.top_conte_sbox01 img { display: none; }
.top_conte_sbox02 { width: 100%; float: none; text-align: center; background: #B51616; padding: 10px 0px 20px 0px; }
.top_conte_sbox02 img { display: none; }

.top_conte_sname01 { font-size: 17px; color: #FFF; letter-spacing: 0px; font-weight: 600; line-height: 30px; padding-bottom: 0px; }
.top_conte_sname02 { display: none; }
.top_conte_sname03 { color: #FFF; padding: 5px 0px; }

.top_conte_line01 { width: 50px; height: 2px; margin: 10px auto 10px auto; background: #FFF; }

.top_conte_btn1 { display: block; width: 60%; float: none; margin: 0px auto; margin-top: 10px; letter-spacing: 0px; } 
.top_conte_btn1 a {
	display: block;
	width: 100%;
	line-height: 36px;
	background: url(../img/top/ser_btn03.png) no-repeat right;
	border-radius: 0px;
	border: 0px #B51616 solid;
	text-align: center;
	text-decoration: none;
	color: #B51616;
	font-size: 13px;
	transition: .2s linear;
	-webkit-transition: .2s linear;
} 
.top_conte_btn1 a:hover { background: url(../img/top/ser_btn04.png) no-repeat right; border: 0px #B51616 solid; color: #B51616; }

.top_conte_line1 { height: 395px; float: left; margin-right: 19px; border-left: 1px #CCC solid; }

.top_conte_txt01 { font-size: 12px; color: #333; margin-bottom: 30px; padding-top: 0px; line-height: 22px; font-weight: 500; text-align: center; }

.top_conte_img01 { display: none; border-bottom: 0px #097B7B solid; margin-bottom: 18px; }
.top_conte_img02 { display: none; border-bottom: 0px #1D6DB5 solid; margin-bottom: 18px; }
.top_conte_img03 { display: none; border-bottom: 0px #C03039 solid; margin-bottom: 18px; }

.top_conte_img01 img { width: 100%; }
.top_conte_img02 img { width: 100%; }
.top_conte_img03 img { width: 100%; }

/* トップ OCL */

.top_ocl_box01 { width: 100%; margin: 0px auto; }

.t_ocl_box01 { display: none; width: 230px; float: left; border: 1px #B51616 solid; padding: 14px; }
.t_ocl_box02 { display: none; width: 230px; float: left; margin-left: 40px; border: 1px #B51616 solid; padding: 14px; }
.t_ocl_box03 { display: none; width: 230px; float: left; margin-left: 40px; border: 1px #B51616 solid; padding: 14px; }
.t_ocl_box04 { display: none; width: 230px; float: left; margin-left: 40px; border: 1px #B51616 solid; padding: 14px; }

.t_ocl_img01 { line-height: 0px; margin-bottom: 20px; }
.t_ocl_img01 img { width: 230px; }

.t_ocl_txt01 { color: #333; font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.t_ocl_txt02 { color: #B51616; font-size: 12px; }

.t_ocl_tit01 { width: 100%; margin: 0px auto; font-family: 'Fjalla One', sans-serif; font-size: 30px; font-weight: 600; text-align: center; color: #111; padding: 0px 0px 0px 0px; }
.t_ocl_tit02 { width: 240px; text-align: center; font-size: 13px; font-weight: 400; color: #555; padding: 10px 0px 10px 0px; margin: 0px auto 0px auto; letter-spacing: 1px; }

.t_ocl_line01 { width: 100px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.t_ocl_btn1 { display: block; width: 60%; height: 40px; margin: 0px auto; margin-top: 30px; border: 1px #B51616 solid; } 
.t_ocl_btn1 a { display: block; width: 100%; line-height: 40px; background: #FFF; text-align: center; text-decoration: none; color: #B51616; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; } 
.t_ocl_btn1 a:hover { background: #B51616; color: #FFF; }

/* トップ チームオカムラ */

.t_tok_icon01 { text-align: center; margin-bottom: 20px; }
.t_tok_icon01 img { width: 80px; }

.t_tok_tit01 { width: 100%; margin: 0px auto; font-family: 'Fjalla One', sans-serif; font-size: 30px; font-weight: 600; text-align: center; color: #111; padding: 0px 0px 0px 0px; }
.t_tok_tit02 { width: 100%; text-align: center; font-size: 13px; font-weight: 400; color: #555; padding: 10px 0px 10px 0px; margin: 0px auto 0px auto; letter-spacing: 1px; }

.t_tok_line01 { width: 100px; height: 2px; margin: 10px auto 17px auto; background: #B51616; }

.t_tok_btn1 { display: block; width: 60%; height: 40px; margin: 0px auto; margin-top: 30px; border: 1px #FFF solid; } 
.t_tok_btn1 a { display: block; width: 100%; line-height: 40px; background: #FFF; text-align: center; text-decoration: none; color: #B51616; font-size: 14px; transition: .2s linear; -webkit-transition: .2s linear; } 
.t_tok_btn1 a:hover { background: #B51616; color: #FFF; }

.t_tok_img1 { width: 275px; height: 275px; float: left; margin-right: 20px; background: url(../img/top/team_oka_img1.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }
.t_tok_img2 { width: 275px; height: 275px; float: left; margin-right: 20px; background: url(../img/top/team_oka_img2.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }
.t_tok_img3 { width: 275px; height: 275px; float: left; margin-right: 20px; background: url(../img/top/team_oka_img3.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }
.t_tok_img4 { width: 275px; height: 275px; float: left; background: url(../img/top/team_oka_img04.jpg) no-repeat; background-size: auto 275px; border-radius: 180px; }

/* AUTHENTICATION */

.aut_img01 { width: 100%; float: left; line-height: 0px; margin-top: 0px; }
.aut_img02 { width: 100%; float: left; line-height: 0px; margin-top: 0px; margin-left: 0px; }
.aut_img03 { width: 100%; float: left; line-height: 0px; margin-top: 0px; margin-left: 0px; }

.aut_img01 img { width: 80%; }
.aut_img02 img { width: 80%; }
.aut_img03 img { width: 80%; }

/* Dream Lab */

.top_dl_box01 { width: 1160px; margin: 25px auto; }
.top_dl_box01 img { width: 100%; }

.top_space01 { clear: both; height: 10px; }
.top_space02 { clear: both; height: 0px; }
.top_space03 { clear: both; height: 30px; }
	
.obs_comic_pc { display: none; }
.obs_comic_sp { display: block; width: 100%; margin: 60px auto 0px; }

}

@media only screen and (max-width:320px){

.top_conte_sname03 { color: #FFF; padding: 5px 20px; }

}


/* top movie make box */

.make_movie_box {
	width: 100%;
	margin: 0px auto 0px auto;
	background: url(../img/top/top_movie_back03.png);
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}
.make_movie_box .inner-bg {
	width: 100%;
	background-image: url(../img/overlays/01.png);
	-webkit-text-size-adjust: 100%;
}
.make_movie_box .inner {
	width: 90%;
	max-width: 1160px;
	margin: 0px auto;
	padding: 100px 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	color: #FFF;
}

.make_movie_box .inner .box01 { width: 30%; }
.make_movie_box .inner .box02 { width: 65%; }

.make_movie_box .txt01 { font-size: 3.7em; font-family: 'Fjalla One', sans-serif; line-height: 1.2em; text-align: right; margin-top: 20px; }
.make_movie_box .txt02 { font-size: 3.7em; font-weight: 800; margin-bottom: 20px; line-height: 1.4em; }
.make_movie_box .txt03 { font-size: 1.15em; font-weight: 500; line-height: 2em; }

.make_movie_box .button { width: 300px; margin: 40px auto 0; text-align: center; border: 2px #fff solid; }
.make_movie_box .button a { display: block; padding: 1em; font-size: 1.2em; font-weight: 500; color: #fff; text-decoration: none; transition: .3s; }
.make_movie_box .button a:hover { color: #B51616; background: #fff; }

@media only screen and (max-width:1050px){
	
	.make_movie_box .txt02 { font-size: 3em; }
	
}

@media only screen and (max-width:768px){
	
	.make_movie_box .inner { padding: 50px 0px; }
	
	.make_movie_box .inner .box01 { width: 100%; text-align: center; }
	.make_movie_box .inner .box01 img { width: 50%; }
	.make_movie_box .inner .box02 { width: 100%; }
	
	.make_movie_box .txt01 { font-size: 2.3em; text-align: center; margin-bottom: 30px; }
	.make_movie_box .txt02 { font-size: 1.6em; font-weight: 600; }
	.make_movie_box .txt03 { font-size: 1em; text-align: left; }
	
	.make_movie_box .button { width: 70%; }
	.make_movie_box .button a { padding: 1em; font-size: 1em; }
	
}