@charset "UTF-8";


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

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



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

img { max-width:100%; }

/* 配置 */
header, #main, footer { width:auto; }

/* ヘッダ内 */
header h2 { display:block!important; text-align:right; padding:10px 15px;}
header nav { display:none; position:absolute; top:50px; left:0; height:100%; width:100%; filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95;  background:#333; z-index:100; color:#fff; }
header nav:before { content:"menu"; display:block; margin:15px 15px 0; border-bottom:1px #fff dotted; }
header ul { float:none; text-align:left; padding:20px; font-size:1em; }
header li { display:block; padding:0; border:0; float:left; width:50%;}
header li a:before { content:"» "; }
header li a { line-height:2.5em; padding-left:20px; text-decoration:none; color:#fff; font-weight:bold; }
#header_fb a:after { content:"Facebookページ"; }
#header_fb img {display:none; }
.topicpath {margin-left:15px!important;}

/* フッタ内 */
footer p { float:left; }
footer nav { clear:left; }
footer nav ul { margin-right:150px; }
footer nav li { white-space:nowrap; }

/* その他共通利用 */
.br_sp { display:block!important; }

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

/* index.html */
#top_image .normal { display:none; }
#top_image .sp { display:inline; }
#index #main { top:-90px; margin-bottom:-50px; padding:0 20px; }
#top_block1 { width:auto; margin:0 0 20px; float:none; }
#top_block2 { width:auto!important; margin:0; float:none!important; }
#top_block3 { width:auto!important; margin:0; float:none!important; }
#top_block4 { width:100%; margin:0 0 60px; float:right; }
#index section .img { text-align:center; }
#top_block1 section p { height:6em; }
#top_block1 section { width:48%; } 
#top_block2 section { width:100%; } 
#top_block3 { padding:0; clear:both; float:none; display:block;}
#top_block1 .clear {width:auto!important; margin:0; padding:10px 0 25px;}
#top_block1 .clear li {width:31%; margin:0 3px; white-space:nowrap; overflow:hidden;}
#top_block1 .clear li:nth-child(1) {width:26%!important;}
#top_block1 .clear li:nth-child(2) {width:35%!important;}
#index footer {top:0px;}
#index #panel_recruit img {max-width:none!Important; width:530px;}
#index #panel_recruit h2 {overflow:hidden;}
#index #panel_recruit p {width:69%;}
#index #panel_recruit .nav {width:27%;}
#index #panel_recruit .nav br {display:block;}
#index #panel_image {width:auto!important; background:url(../../images/index/graph_bg.jpg) repeat-x 50% 0!important;display: none;}
#index #panel_image img {visibility:hidden;}
#top_fb {clear:both; width:auto!important; padding-bottom:20px;}
#top_fb iframe {width:100%;}


/* recruit.html */
#rec_image {background:none;}
#rec_image .normal, #rec_image .sp2 { display:none; }
#rec_image .sp1 { display:inline; }
#recruit #main { padding:0 20px; }
#rec_block1 { width:auto; margin:0 0 20px; float:none; }
#rec_block2 { width:58%; margin:0; float:left; }
#rec_block3 { width:39%; margin:0; float:right; }
#rec_block5 { width:58%; top:-90px; float:left; }
#rec_block4 { width:100%; margin:0 0 60px; padding-top:50px; float:none; display:block; clear:both; }
#recruit section .img { text-align:center; }
#rec_block1 section p { height:6em; }
#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 0.6em; }
#rec_block5 iframe {width:100%;}
#recruit footer {top:-75px;}

/* ::::::::::::::::::::::::: 新デザイン */
#recnew_image .pc {display:none;}
#recnew_image .sp {display:block; margin:0 auto;}
#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:48%; 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%;}

/* トップ以外共通 */
h2.page_title {background-image:url(../../images/bg/page_title_bg_sp.jpg);}
article { margin:20px 10px!important; }
article section { margin:20px 8px!important; }
.inside_menu ul { border-radius:5px; background:#f2f2f2; margin-top:15px; padding:0.4em 0; }
.inside_menu a { display:block; background:none; border:0; margin:0; padding:0.3em 0.8em; color:#555; text-decoration:none; }

/* company */

#company #section00 * { float:none!Important; }
#company #section00 p { width:auto!important; }
#company #section00 p img { max-width:100%!important; margin:0!important;}
#kyoten tr, #kyoten th {display:block; margin-bottom:-1px;}
#kyoten td img {width:70px; max-width:70px!important;}

/* interview.html */
#interview #section00 {height:300px; position:relative; background-position:0 140%;}
#interview #interview_01 { position:absolute; top:-50px; left:-30px; z-index:10; }
#interview #riplus_earth { position:absolute; top:00px; right:0; z-index:0; width:170px; overflow:hidden; }
#interview #riplus_earth img {width:130%; max-width:none!important;}
#interview .body_text { margin:120px 190px 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 0; padding:0 0 2em 1.5em;}
#interview_inner iframe {width:380px; height:240px;}
#interview_inner #section02 { margin:30px 0; width:auto!important;}
#interview_inner #section02 .staff_photo { position:absolute;}
#interview_inner #section02 .staff_photo img {width:70%;}
#interview_inner #section02 .qa { float:right; margin-left:130px!important; width:auto!important;}
#interview_inner #section03 { margin:0 10px;}
#interview_inner #section03 ul {margin:10px auto; text-align:center;}



/* office */
#office h2.page_title {margin:20px 0!important;}


/* message */
#message iframe { width:400px!important; height:256px!important;}
#message #movie ul {margin-top:-130px; line-height:2.7em;}



/* training */
#training section ul {margin-top:20px;}
#training section li {position:relative; margin-bottom:20px;}
#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:170px!important;}


/* event */
#event .image {height:230px; overflow:hidden; margin-bottom:15px;}
#event .text {width:auto!important; float:none!important;} 
#event .text h3 {clear:both;}


/* recovery */
#recovery .image {width:40%; margin-left:10px;}
#recovery #intro .text {float:none!important; width:auto!important;}
#recovery #details article {width:92%; float:none!important; display:block!important;}
#recovery #episode h1 {margin-bottom:0;}
#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:40%; margin:3px;}
.img_and_cap_3 li, .img_and_cap_2 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,
.img_and_cap_2 img, .img_and_cap_2 iframe {float:left; margin-right:10px; width:50%; height:auto!important;}

#business article nav {display:block; margin:15px 0 0; height:3.5em;}
#business article nav ul {margin:0!Important;}
#business article nav li {display:block; border:0; float:left; width:46%;}
#business article nav li a {display:block; padding:0.35em 1em;}
#business article nav li a:before {content:"» ";}
.gray_inner_right {width:auto!important;}
.gray_inner h2 {margin:25px 15px 15px!important;}
.subimg {display:none!Important;}
.gray_inner_right p img {height:auto!important;}
#company_b01_01 img, #company_b02_01 img {display:none;}
#company_b01_01:after {content:"出張実績＋受付拠点数＋24時間対応 全国No.1"; text-align:left!important; text-indent:0!important; color:#000;}
#company_b02_01:after {content:"災害・トラブルに備える 二度とデータを失いたくない"; text-align:left!important; text-indent:0!important; color:#000;}

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

/* privacy */
#privacy .pmark {float:none!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;}