@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/

/* レイアウト確認用 ※iを消して使用 */
i div {border:1px #f00 solid;}	/* divのみにボーダー表示 */
i * {border:1px #f00 solid;}	/* 全要素にボーダー表示 */



/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/

img { max-width:100%!important; }

/* 配置 */
header, #main, footer { width:auto; }
header nav { display:block !important; }

/* ヘッダ内 */

/* フッタ内 */
footer p { float:left; }
footer nav { clear:left; }

/* その他共通利用 */


/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/

/* index.html */

#index #main { top:-100px; margin-bottom:0; padding:0 20px; }
#top_block1 { float:none!important;}
#top_block2 { float:none!important;}
#top_block3 { margin:0; float:none!important; width:auto!important; padding-top:25px;}
#top_block4 { width:100%; margin:0 0 60px; float:right; }
#index section .img { text-align:center; }
#top_block1 section { width:48%; } 
#top_block2 section { width:100%; } 
#top_block3 { padding:0; }
#top_block1 .clear {width:auto!important; margin:0 1%; padding:10px 0 25px;}
#top_block1 .clear li {width:30.8%; margin:0 1%;}
#index footer {top:-75px;} 
#top_image iframe {width:100%;height: 100%;}

#index #panel_recruit h2 {height:auto!important; background:url(../../images/index/top_img_recruit_bg.jpg) no-repeat 0 0!important;;}
#index #panel_recruit p {width:64%;}
#index #panel_recruit .nav {width:32%;}

#index #panel_news,#index #top_movie {width: 100%;}
#index #panel_image {margin:-260px 0 50px;display: none;}

#top_fb {clear:both; width:auto!important; padding-bottom:20px;}
#top_fb iframe {width:100%;}

/* recruit.html */

#rec_image {background:none!important;}
#recruit #main { padding:0 20px; }
#rec_block1 { width:auto; margin:0 0 20px; float:none;}
#rec_block2 { width:48%; margin:0; float:left; }
#rec_block3 { width:48%; margin:0; float:right; }
#rec_block4 { width:100%; margin:0 0 60px; float:none; display:block; padding-top:60px; clear:both; }
#recruit section .img { text-align:center; }
#panel_image div {text-align:center; background:url(../../images/recruit/rec_image2_bg.jpg) repeat-x 0 0;}
#rec_block1 section { width:48%; } 
#rec_block2 section { width:100%; } 
#rec_block3 { padding:0; }
#rec_block3 li { width:100%; }
#rec_block3 li a { padding:1.24em 1em; }
#recruit footer {top:-75px;}
#rec_block5 {top:-90px; width:48%; float:left;}
#rec_block5 iframe {width:100%;}

/* ::::::::::::::::::::::::: 新デザイン */
#recnew_block1 {width:100%; margin:0; position:relative;}
#recruit #panel_news {width:auto;}
#recruit #panel_news ul {height:130px;}
#panel_recnav {width:100%;}
#panel_recnav li {width:32%; margin:0 0.4% 8px;}
#panel_recbanners {margin-bottom:50px;}
#panel_recbanners li {display:inline;}
#recnew_block2 {width:100%; margin:0; float:none; text-align:center; display:block;}
#recnew_block2 .exp {max-width:529px; margin:1px auto 20px; box-sizing:border-box;}
#recnew_block2 .exp img {margin:0 0 6px;}
#recnew_block4 {margin:0;}
#recnew_block4 .exp .left {float:none; width:auto;}
#recnew_block4 .exp .right {display:none;}
#recnew_block4 .buttons {text-align:center;}
#recnew_block4 .buttons a.first {padding:0;}
#recnew_block4 .buttons img {margin-bottom:8px;}
#recnew_block4 .normal {display:none;}
#recnew_block3 {width:auto!important; float:none; display:block; margin:0;}
#recnew_block3 iframe {width:100%;}

/* company.html */
#company #section00 .center {width:500px; margin:20px auto;}
#kyoten tr, #kyoten th {display:block; margin-bottom:-1px;}
#kyoten td img {width:70px; max-width:70px!important;}

/* message */
#message iframe { width:460px!important; height:290px!important;}
#message #movie ul {margin-top:-90px;}


/* interview */

#interview #section00 {height:322px; position:relative;}
#interview #interview_01 { position:absolute; top:-30px; left:-30px; z-index:10; }
#interview #riplus_earth { position:absolute; top:0; right:0; z-index:0; }
#interview .body_text { margin:140px 300px 0 20px; width:auto!important; padding:0; color:#666; }
#interview #section01 li { width:48%; margin:0 1% 20px; }
#interview #section01 li img {width:100%;}

#interview_inner #section01 { margin:0!important; text-align:center;}
#interview_inner h3.division { background:url("../../images/interview/division_bg.png") 0 0 repeat-x; margin:1em 1em; padding:0 0 2em 1.5em;}
#interview_inner iframe {width:480px; height:300px;}
#interview_inner #section02 { margin:30px 0; width:auto!important;}
#interview_inner #section02 .staff_photo { position:absolute;}
#interview_inner #section02 .staff_photo img {width:80%;}
#interview_inner #section02 .qa { float:right; margin-left:160px!important; width:auto!important;}
#interview_inner #section03 ul {margin:10px auto; width:400px; text-align:center;}


/* training */
#training section li {position:relative; margin-bottom:40px;}
#training section li img {position:absolute; top:10px; left:0;}
#training section li h3, #training section li p {float:none!important; width:auto!important; margin-left:180px!important;}


/* event */
#event section {position:relative;}
#event section .image {display:block; float:none!important; position:absolute; width:180px!important; margin:0!important;}
#event section .text {width:auto!important; margin:0 0 0 195px;}


/* recovery */
#recovery .image {width:40%; margin-left:10px;}
#recovery #intro .text {float:none!important; display:block!important; width:auto!important; margin-right:42%;}
#recovery #details article {width:43%; margin:1%!important;}
#recovery #examples li {display:block; float:left; width:48%; margin:1%;}
#recovery #episode article {margin:0!important; position:relative;}
#recovery #episode h1 {float:none!important;}
#recovery #episode div img {margin:-1em 0 10px 18px;}
#recovery #episode h2 {clear:none!important;}
#recovery #episode article p {margin-right:0!important;}


/* business */
.gray_inner {width:auto!Important;}
.gray_inner_left, .gray_inner_right, .gray_inner_left2 {float:none!important; display:block!important; margin:0 auto; padding:0 15px;}
.gray_inner_left, .gray_inner_left2 {width:372px!important; margin-top:20px;  background:none!important; font-size:0.8em;}
.gray_inner_left2 ul {clear:both; padding:30px 0;}
.gray_inner_left li, .gray_inner_left2 li {display:inline; float:left; width:180px; margin:3px;}
.img_and_cap_3 li {display:block; width:auto!important; float:none!important; clear:both; margin:0 20px; padding-top:10px;}
.img_and_cap_3 img, .img_and_cap_3 iframe {float:left; margin-right:10px;}

/* 事業紹介（独立後） */
#business_index article .odd,
#business_index article .even {float:none; width:auto;}
#business .gray_outer {margin-left:0!important; margin-right:0!important;}


/* bcp */
#bcp_intro {width:auto; float:none;}
#bcp_kawamura {float:none;}


/* blog */
#blog .box {width:auto; float:none;}
#blog aside {width:auto; float:none;}