@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 h1 {float:none!important;}
header h2 { display:block!important; float:none!important; text-align:right; padding:10px 15px 10px 0; clear:left; margin-top:-50px;}
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:15px 20px; font-size:1em; }
header li { display:block; padding:0; border:0; margin-bottom:2px; }
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; }


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

/* その他共通利用 */
.br_sp { display:block!important; }
.topicpath {margin-left:15px!important;}

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

/* index.html */

#top_image .normal { display:none; }
#top_image .sp { display:inline; }
#top_image iframe {width:100%!important;height:100% !important;}
#index #main { top:-60px; margin-bottom:0px; padding:0 20px; }
#top_block1, #top_block2, #top_block3 { width:auto; margin:0 0 20px; float:none; }
#index section .img { text-align:center; }
#top_block1 section { width:100%; } 
#index #panel_message { margin-bottom:20px; }
#top_block2 section { width:100%; }
#index #panel_news ul { height:160px; } 
#top_block3 { width:auto!important; }
#top_block1 .clear {width:auto!important; padding-bottom:20px;}
#top_block1 .clear li { width:100%;  }
#top_block1 .clearli a { padding:1em; }
#top_block4 { width:100%; margin:0 0 60px; float:right; }
#index footer {top:-75px;}
#index #panel_recruit img {max-width:none!Important; width:530px;}
#index #panel_recruit h2 {overflow:hidden;}
#index #panel_recruit p {width:auto!important;}
#index #panel_recruit .nav {width:60%!important;}
#index #panel_recruit .nav a {padding:0.2em 1em; font-size:1.2em!important;}
#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 iframe {width:100%!important;}

/* recruit.html */

#rec_image {background:none;}
#rec_image .normal, #rec_image .sp1 { display:none; }
#rec_image .sp2 { display:inline; }
#recruit #main { padding:0 20px; }
#rec_block1, #rec_block2, #rec_block3 { width:auto; margin:0 0 20px; float:none; }
#recruit section .img { text-align:center; }
#rec_block1 section { width:100%; } 
#panel_message { margin-bottom:20px; }
#rec_block2 section { width:100%; }
#panel_news ul { height:160px; } 
#rec_block3 { padding:0; }
#rec_block3 ul {padding-top:20px;}
#rec_block3 li { width:100%; }
#rec_block3 li a { padding:1em; }
#rec_block5 { width:100%; position:static; margin:0; padding:30px 0; float:none; }
#rec_block5 iframe {width:100%;}
#rec_block4 { width:100%; margin:0 0 60px; float:right; }
#panel_image div {text-align:center; background:url(../../images/recruit/rec_image2_bg.jpg) repeat-x 0 0;}

/* ::::::::::::::::::::::::: 新デザイン */
#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:auto; margin:0 0 2px; float:none;}
#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 .pc {display:none;}
#recnew_block2 .sp {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 .left img {display:none;}
#recnew_block4 .exp .right {float:none; width:auto; text-align:center;}
#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; }
#company th, #company td {display:block; margin-bottom:-1px;}
#company #section03 th {padding-left:0!important; font-weight:bold;}
#company #section03 td {border-left:6px #ddd solid!important; padding:0.1em 0.6em; margin-bottom:1em;}
#kyoten tr {display:block; margin-bottom:-1px;}
/*#kyoten td {display:table-cell;}*/
#kyoten td img {width:70px; max-width:70px!important;}
#kyoten td.cap {display:none;}

/* interview.html */
#interview #section00 {height:300px; position:relative; background-position:0 140%;}
#interview #interview_01 { position:absolute; top:-70px; left:-30px; z-index:10; }
#interview #riplus_earth { position:absolute; top:40px; right:0; z-index:0; width:170px; height:170px; overflow:hidden;}
#interview #riplus_earth img {width:130%; max-width:none!important; opacity:0.90; -moz-opacity:0.90; margin-top:80px;}
#interview .body_text { margin:80px 15px 0 15px; width:auto!important; padding:0; color:#666; position:relative; z-index:30; color:#000; }
#interview #section01 li { float:none; margin:10px 0 0 0;text-align:center;}

#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:280px; height:160px;}
#interview_inner #section02 { margin:30px 0; width:auto!important;}
#ask_staff {margin-left:100px;}
#interview_inner #section02 .staff_photo { position:absolute; z-index:0;}
#interview_inner #section02 .staff_photo img {width:70%;}
#interview_inner #section02 .qa { float:none!important; margin-left:0px!important; width:auto!important; position:relative; top:20px; z-index:10;}
.qa_body {background:#fff; padding:1px 0 0; margin-top:80px;}
#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;}
#office #info_rinen_02a:after {content:url(../../images/rep/info_rinen_02b_alt.gif); max-width:100%;}
#office #info_rinen_02b {display:none;}
#office #section02 h3 {background:url(../../images/office/office_03_bg.jpg) no-repeat 50% 0!important; height:165px; margin-bottom:0!important;}
#office #section02 h3 img {display:none;}
#office .video-box7 {max-height:none!important;}
#office .video-box7 #thumb {position:static!important; max-width:100%!important; display:block; margin:0 auto 10px!important; width:300px!important; height:165px!important;}



/* message */
#message #movie {text-align:left;}
#message iframe { width:280px!important; height:162px!important;}
#message .frame { text-align:center; }
#message #movie ul {margin-top:-220px; line-height:2.7em;}
#message #movie a.active {border-width:0!important; color:#d11!important;}
#message #text {background:#fff;}


/* entry */
#entry th, #entry td {display:block; width:auto!important; margin-bottom:-1px;}
#entry th {border-bottom:0;}
#entry td {border-top:0; padding-bottom:0.8em;}
#entry table td:last-child {border-bottom:0;}


/* form */
#form section p br {display:none;}
#form table {border:0!important; width:100%;}
#form th, #form td {display:block; width:auto!important; margin-bottom:-1px; border-color:#ccc;}
#form th {border-bottom:0; text-align:left;}
#form td {border-top:0; padding-bottom:0.8em;}
#form input, #form textarea {width:98%!important;}

#form2 #enq_02 {margin-bottom:30px;}
#form2 #enq_02 img {display:none;}
#form2 p#enq_02:after {content:"更なるサービスの向上・改善のため、ご利用いただいたお客様から、忌憚のないご意見をお待ちしております。サービスの品質や担当者の接客対応、今後ご希望される新サービスなど、ぜひ思いのままに感じたことをお書きください。お寄せいただいたご意見は社員全員でしっかり拝読し今後のサービス向上・改善に生かして参ります。 ";}
#form2 section p br {display:none;}
#form2 table {border:0!important; width:100%;}
#form2 th, #form2 td {display:block; width:auto!important; margin-bottom:-1px; border-color:#ccc;}
#form2 th {border-bottom:0; text-align:left;}
#form2 th br {display:none;}
#form2 td {border-top:0; padding-bottom:0.8em;}
#form2 input, #form2 textarea {width:98%!important;}
#form2 input[type="radio"] {width:1em!important;}


/* training */
#training section ul {margin-top:20px;}
#training section li {position:relative; margin-bottom:20px; padding:10px 0 0!important; border-top:1px #aaa dotted;}
#training section li img {float:left; margin:2.2em 10px 10px 0!important;}
#training section li h3 {float:none!important; width:auto!important; margin:0!important; position:absolute; top:10px; left:0;}
#training section li p {float:none!important; width:auto!important; padding-top:1.8em;}



/* event */
#event .image {height:200px; width:100%; overflow:hidden; text-align:center; margin-bottom:15px;}
#event .text {display:block!important; width:auto!important; float:none!important; clear:both;} 
#event .text h3 {clear:both;}


/* recovery */
#recovery .image {}
#recovery #intro .text {float:none!important; width:auto!important;}
#recovery #details article {width:92%; float:none!important; display:block!important;}
#recovery br.sp {display:none;}
#recovery #episode h1 {margin-bottom:0!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:180px!important; margin:20px auto 0;  background:none!important; font-size:0.8em;}
.gray_inner_left2 ul {clear:both; padding:10px 0;}
.gray_inner_left li, .gray_inner_left2 li {display:block; float:none!important; width:180px; margin:3px auto 15px;}
.img_and_cap_3 li, .img_and_cap_2 li {display:block; width:auto!important; float:none!important; clear:both; padding:10px;}
.img_and_cap_3 img, .img_and_cap_3 iframe,
.img_and_cap_2 img, .img_and_cap_2 iframe {display:block; max-width:100%; height:auto!important;}

#business article nav {display:block; margin:15px 0 0; height:8em;}
#business article nav li {display:block; border:0;}
#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; padding-bottom:2.2em;}
#business_index article .odd p,
#business_index article .even p {margin-left:0;}
#business_index article img {display:none;}
#business_index article section .odd:nth-child(2) .text:after {content:url(../../images/company/ent01.jpg); display:block; margin:0.6em 0;}
#business_index article section .even:nth-child(3) .text:after {content:url(../../images/company/ent02.jpg); display:block; margin:0.6em 0;}
#business_index article section .odd:nth-child(4) .text:after {content:url(../../images/company/ent03.jpg); display:block; margin:0.6em 0;}
#business_index article section .even:nth-child(5) .text:after {content:url(../../images/company/ent04.jpg); display:block; margin:0.6em 0;}
#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; text-align:center; margin:20px 15px; padding-top:15px; background:none; border-top:1px #ccc solid;}
#bcp_photo {float:none;}
#bcp_bio span {margin-top:1em;}

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