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

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */


/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	text-decoration: none;
}

h1.MyClass01 a:link {
	color: #fff;
}
h1.MyClass01 a:visited {
	color: #fff;
}
h1.MyClass01 a:hover {
	color: #fff;
}
h1.MyClass01 a:active {
	color: #fff;
}

/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
	
/*フッダー画像*/
.top_img2	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 12px;
}					
	

/* サイド画像 */
.sideimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-top: 16px;
}

.sideimg2 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-top: 8px;
}

.resize {
	width:100%;
}

	
	
/* スマホ画像 */
.sp_img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}	
	
	
/* タブレット画像 */
.tablet_img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}		
	

	
/* パソコン画像 */
.pc_img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}	
	


/*イメージ画像のCSS*/
a img:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease 0s;
	background-color: #FFF;
}


/*clearfix*/
.cf {
	zoom: 1;
}

.cf:before,.cf:after {
	content: "";
	display: table;
	text-align: left;
}

.cf:after{
	clear: both;
}

/*パンくずリスト*/
/* [ul] */
.syncer-brcb {
	overflow: hidden ;
	list-style-type: none ;
}

/* [li] */
.syncer-brcb li {
	float: left ;
	font-weight: 700 ;
}

/* [>] */
.syncer-brcb li:after {
	content: ">" ;
	padding: 0 8px ;
	font-weight: 400 ;
}

/* 一番最後の[li] */
.syncer-brcb li:last-child:after {
	content: none ;
}
</style>

/*アイコン*/
.fa.fa-home {
	margin-right: 3px;
}

.fa.fa-wrench {
	margin-right: 3px;
}
.fa.fa-desktop {
	margin-right: 3px;
}
.fa.fa-jpy {
	margin-right: 3px;
}
.fa.fa-building {
	margin-right: 3px;
}

.fa.fa-ambulance {
	margin-right: 3px;
}

.fa.fa-envelope-o {
	margin-right: 3px;
}
.fa.fa-info-circle {
	margin-right: 3px;
}

.fa.fa-thumbs-o-up {
	margin-right: 3px;
}
.fa.fa-cogs {
	margin-right: 3px;
}

.fa.fa-hand-o-right {
	margin-right: 3px;
}
.fa.fa-phone-square {
	margin-right: 8px;
    margin-left: 8px;
}

.fa.fa-check-square-o {
	margin-right: 8px;
	color: #FE0000;
}

.fa.fa-angle-double-right {
	margin-right: 6px;
	margin-left: 6px;
	color: #2B81D7;
}

.fa.fa-check-square {
	margin-right: 8px;
	margin-left: 10px;
	color: #2778D1;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
.catchcopy {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2374CD;
		/*Other Browser*/
	background: #91bae4;
	background: #91bae4;
	/*safri*/
	background: -webkit-linear-gradient( top, #FFFFFF 0%, #2374CD 5%, #2D83D9 100% );
	/*他プラウザ*/
	background: linear-gradient( to bottom, #FFFFFF 0%, #2374CD 5%, #2D83D9 100% );
}

.catchcopy h1 {
	padding-top: 4px;
	color: #FFF;
	padding-bottom: 4px;
	padding-left: 14px;
}


/*ナビゲーション*/
.navigation {
	background-color: #287BD3;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #8FC3EA;
}

/*スライドショー
---------------------------------------------------------------------------*/
#stage {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.pic img {
    position:absolute;
    width: 100%;
    top:0;
    left:100%;
    -moz-animation: imgTrans 24s infinite;
    -webkit-animation: imgTrans 24s infinite;
    animation: imgTrans 24s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo3 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo4 img {
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

@-webkit-keyframes imgTrans {
 0% { left:100%; }
 5% { left:0%; }
 20% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}
@-moz-keyframes imgTrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 40% { left:-100%; }
 100% { left:-100%; }
}
 
@keyframes imgTrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}


/*コンテンツ
---------------------------------------------------------------------------*/
.content {
	margin-top: 16px;
	margin-bottom: 32px;
}

/*メイン*/
.main {
	text-align: center;
	margin-top: 4px;
	
}


/*バナースタイル*/

.pctrouble {
	margin-bottom: 18px;
}


/*サービス詳細*/
.pcservice {
	clear: both;
}

.service01 {
	border: 2px solid #2B81D7;
	margin-bottom: 15px;
}
.service02 {
	border: 2px solid #2B81D7;
	margin-bottom: 15px;
	
}
.service-design {
	background-color: #2B81D7;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	/*Other Browser*/
	background: #91bae4;
	/*safri*/
	background: -webkit-linear-gradient( top, #2374CD 0%, #2D83D9 100% );
	/*他プラウザ*/
	background: linear-gradient( to bottom, #2374CD 0%, #2D83D9 100% );
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 8px;
	margin-left: 3px;
}

.service-design2{
	text-align: left;
	padding: 5px;
	line-height: 1.6em;
}

/*ウイルスソフトエリア*/
.clean-virus {
	margin-top: 32px;
	margin-bottom: 32px;
}

.check-item p {
	font-size: 28px;
}
.check-item ul {
	font-size: 24px;
	line-height: 1.6em;
	margin-top: 12px;
	text-align: left;
	padding-left: 45px;
}

/*3つの修理方法*/
.repair-method {
	margin-bottom: 24px;
	text-align: left;
}

.hedding-design01{
	font-size: 20px;
	color: #FFF;
	/*Other Browser*/
	background: #91bae4;
	/*safri*/
	background: -webkit-linear-gradient( top, #2D83D9 0%, #2374CD 100% );
	/*他プラウザ*/
	background: linear-gradient( to bottom, #2D83D9 0%, #2374CD 100% );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	margin-bottom: 16px;
	clear: both;
	padding-right: 16px;
	text-align: left;
}

.type-repair-design {
	line-height: 1.7em;
	margin-top: 12px;

}



/*修理事例*/
.repair-buner {
	margin-bottom: 15px;
}


.hedding-design02{
	font-size: 18px;
	color: #FFF;
	/*Other Browser*/
	background: #91bae4;
	/*safri*/
	background: -webkit-linear-gradient( top, #2D83D9 0%, #2374CD 100% );
	/*他プラウザ*/
	background: linear-gradient( to bottom, #2D83D9 0%, #2374CD 100% );
	padding-top: 8px;
	padding-bottom: 8px;
	clear: both;
	padding-left: 16px;
	margin-bottom: 16px;
	padding-right: 16px;
	text-align: left;
}

/*お問い合わせ*/
.contact-design {
	color: #FFF;
	/*Other Browser*/
	background: #91bae4;
	/*safri*/
	background: -webkit-linear-gradient( top, #2D83D9 0%, #2374CD 100% );
	/*他プラウザ*/
	background: linear-gradient( to bottom, #2D83D9 0%, #2374CD 100% );
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	clear: both;
}

.contact-matome {
	margin-bottom: 32px;
	border: 2px solid #2D83D9;
}

.contact-design2 {
	padding: 8px;
	line-height: 1.7em;
	text-align: left;
}



/*サイドバー*/
.sidebar {
	background-color: #2B81D7;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 10px;
}	

/*対応エリア*/

.sidebar-area {
	background-color: #FFF;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 20px;
	margin-left: 8px;
	padding-top: 0.5px;
	padding-bottom: 0.5px;
}

.box-boder {
	margin: 3px;
	border: 1px solid #277AD2;
}



.sideber-heading {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	/*Other Browser*/
	background: #91bae4;
	/*safri*/
	background: -webkit-linear-gradient( top, #2374CD 0%, #2D83D9 100% );
	/*他プラウザ*/
	background: linear-gradient( to bottom, #2374CD 0%, #2D83D9 100% );
	font-size: 18px;
	color: #FFF;	
}


.text-left{
	line-height: 1.7em;
	text-align: justify;
    text-justify: inter-ideograph;
	margin-bottom: 16px;
	font-size: 15px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.box-images {
	margin-top: 16px;
	margin-bottom: 16px;
}

.manufacturer {
	margin-top: 24px;
	margin-bottom: 32px;
}

/*フッター
---------------------------------------------------------------------------*/
.footer {
	background-color: #2679D1;
}

.footer-design {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6E6F8;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin-bottom: 16px;
	margin-right: 16px;
	font-size: 17px;
}

.footer-design2 {
	padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    line-height: 1.8em;
    color: #FFF;
}

.footer-design2 a:link {
	color: #fff;
}
.footer-design2 a:visited {
	color: #fff;
}
.footer-design2 a:hover {
	color: #fff;
}
.footer-design2 a:active {
	color: #fff;
}

.footer-adress {
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	background-color: #1F61A9;
	color: #FFF;
	margin-top: 42px;
}

/*ページ先頭へ戻る*/
.page-back {
 position: fixed;
 bottom: 10px;
 right: 10px;
}

/* IE6用ハック */
* html, * html body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow-y: hidden;
}
 * html div#body-inner {
 height: 100%;
 overflow-y: scroll;
}
 * html div.page-back {
 position: absolute;
 right: 30px;
}



/*テンプレート用CSS
---------------------------------------------------------------------------*/
.breadcrumb-list {
	background-color: #F2F9FD;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
}

.page-image {
	margin-bottom: 32px;
}

.side-menu {
	background-color: #FFF;
	text-align: left;
	padding: 8px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 20px;
	margin-left: 8px;
	border-radius: 8px;
}



.menu-design {
    font-size: 20px;
    color: #4C4C4C;
    font-weight: bold;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #287BD3;
    padding-bottom: 2px;
    padding-left: 8px;
    margin-bottom: 5px;
}
.side-menu ul {
	line-height: 2em;
	padding-left: 8px;
}



/* 会社概要CSS
---------------------------------------------------------------------------*/
.company-profile {
	text-align: left;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.company-profile table {
	margin-bottom: 20px;
	border-collapse: collapse;
	width:100%;
}


th.t_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2B81D7;
}
th {
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color: #D6E8F8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

.td-color {
	background-color: #F4F9FD;	
}


/*グーグルマップ*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* プライバシーポリシー
---------------------------------------------------------------------------*/
.privacy-policy {
	text-align: left;
	margin-bottom: 45px;
}

.privacy_hedding{
	font-size: 24px;
	color: #2B81D7;
	margin-top: 35px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2B81D7;
}

.privacy-policy p {
	line-height: 1.8em;
	text-align: justify;
    text-justify: inter-ideograph;
}

.privacy-policy ul {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.7em;
}

/* 出張対応エリア
---------------------------------------------------------------------------*/
.offical_era {
	text-align: left;
	border: 1px dotted #D7D7CC;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 24px;
	margin-left: 10px;
}

.offical_era ul {
	line-height: 1.6em;
	margin-top: 5px;
}

.offical_era2 {
	margin-top: 20px;
	margin-bottom: 30px;
}

.offical_era2 table {
	width: 100%;
	border: 1px solid #2B81D7;
	padding: 8px;
}
.offical_era2 table tr td {
	width: 30%;
	padding: 10px;
	border: 1px solid #8fc3ea;
}

.offical-design {
	background-color: #f3f9fe;	
	 vertical-align: middle;
}

.offical-design2 {
	color: #F00;
}


/*お問い合わせ*/
.contact_form {
	text-align: left;
	padding: 8px;
}

.contact-layout {
	width: 100%;
	margin: 0 auto;
	border-bottom: none;
	background-color: #fff;
	
}
.contact-layout dt,.contact-layout dd
 {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	 
}
.contact-layout dt {
	background-color: #f7f7f7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e3e3e3;
	border-left-color: #e3e3e3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
}
.contact-layout dd {
	padding-top: 10px;
	padding-bottom: 20px;
	border: 1px solid #e3e3e3;
}

.contact-layout dd textarea {
	 width:100%;
}



.contact-layout .w300 {
	 width:100%;	
     height:24px;
}


p.btn {
  text-align: center;
  padding: 25px 0;
}
p.btn input {
  width:198px;
}

.contact-notes {
	margin-bottom: 24px;
	border: 2 solid #2B81D7;
	padding: 8px;
	background-color: #EAF2FB;
	line-height: 1.8em;
}

/* 料金案内
---------------------------------------------------------------------------*/
.rates-guidance {
	text-align: left;
}

.rates-guidance ul {
	margin-top: 15px;
	margin-bottom: 30px;
	line-height: 1.7em;
}

.rates_design{
	font-size: 20px;
	color: #2B81D7;
	margin-bottom: 8px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2B81D7;
	padding-bottom: 8px;
}

.rates_design02{
	line-height: 1.7em;
	margin-bottom: 24px;
}

.repair-price {
	margin-top: 32px;
	margin-bottom: 20px;
}

.repair-design {
	font-size: 24px;
	color: #4D4D4D;
	padding: 8px;
}

.repair-price table {
	width: 100%;
	border: 1px solid #C7C7C7;
	padding: 6px;
	margin-bottom: 24px;
}

.repair-price table tr th {
	text-align: center;
	background-color: #C1DBF4;
	font-size: 18px;
}


.table-design01 {
	width: 40%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #C7C7C7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
}

.table-design02 {
	width: 15%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #C7C7C7;
	border-bottom-color: #C7C7C7;
}

.table-design03 {
	width: 45%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
}


/*はじめての方へ*/
.beginners-content {
	margin-bottom: 40px;
}

.beginners-content h2 {
	line-height: 1.7em;
	text-align: left;
	word-wrap: break-word;
}


.beginners-content p {
	line-height: 1.7em;
	text-align: left;
	word-wrap: break-word;
}

.introdution .image {
	text-align: center;	
}


.comparison {
	margin-top: 32px;
	margin-bottom: 32px;
	
}

.repair-beginners {
	margin-top: 24px;
	margin-bottom: 32px;
	clear: both;
}

.method-image {
	text-align: center;
}

.method-image h4 {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 8px;
}
.method-image p {
	margin-top: 6px;
	background-color: #C7DDF3;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: center;
}



/*初めての方へ　表*/
.comparison table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.comparison table tr{
	border:1px solid #ddd;
	padding:5px;
}

.comparison table th, table td{
	padding: 10px;
	text-align: left;
	border-right: #e3e3e3 1px dotted;
}

.comparison table th{
	font-size:14px;
	letter-spacing:1px;
}



/*豆知識*/


.widom-img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	text-align: center;
	margin-bottom: 8px;
}

.wisdom {
	text-align: left;
	margin-bottom: 40px;
}

.wisdom-waku {
    margin-top: 24px;
    padding-top: 16px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #2B81D7;
    border-bottom-color: #2B81D7;
}

	
.wisdom-bottan01 {
	margin-bottom: 16px;	
}
.wisdom-bottan02 {
	margin-bottom: 16px;
}	
	
	
.widom-design {
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666;
    padding: 8px;
    background: #E8F1FB;
    background: -webkit-linear-gradient( top, #E8F1FB 0%, #D2E3F7 100% );
    background: linear-gradient( to bottom, #E8F1FB 0%, #D2E3F7 100% );
    font-size: 18px;
    color: #FFF;
}

.wisdom2 {
	border: 3px solid #69a21d;
	background-color: #FFFFE8;
	text-align: left;
	line-height: 1.7em;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	margin-bottom: 48px;
}
.wisdom2 h3 {
	font-size: 24px;
	background-color: #69a21d;
	color: #FFF;
	padding: 6px;
	margin-bottom: 16px;
	text-align: center;
}

.widom2-design{
	font-size: 20px;
	margin-top: 16px;
	margin-bottom: 8px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #86CD25;
	font-weight: bold;
}


/*お客様の声*/
.impression {
	text-align: left;
}


.voice-content {
	margin-bottom: 20px;
	}
	
.voice01 {
	border: 5px double #67B6E4;
}

.voice02 {
	border: 5px double #67B6E4;
}

.voice-description {
	padding: 8px;
	text-align: center;
}
.voice-description2 {
	padding: 8px;
	text-align: center;
}

.voice-design {
	text-align: left;
	line-height: 1.7em;
	margin-top: 8px;
}


/*よくあるご質問*/

.question {
	margin-top: 16px;
	margin-bottom: 24px;
	text-align: left;
	line-height: 1.7em;
}

.question h3 {
	position: relative;
	border-left: 6px solid #3498db;
	margin-top: 16px;
	padding-top: 0.15em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 0.75em;
	font-size: 18px;
	margin-bottom: 16px;
}
.question h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}


.question-waku {
	border: 2px dotted #66B1E3;
	margin-bottom: 32px;
	font-size: 15px;
}

.question01 ul {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 1.8em;
}

.question-desin{
	background-color: #E6F0FB;
	color: #2B81D7;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.question-content {
	margin-bottom: 32px;
	clear: both;
	padding: 8px;
}

/*中古販売*/
.computer-store {
	margin-top: 16px;
	margin-bottom: 32px;
}

.computer-store p {
	line-height: 1.7em;
	text-align: left;
	margin-top: 16px;
	padding-right: 8px;
	padding-left: 8px;
}

/*microsoft-refurbisher*/
.refubisher {
	margin-bottom: 32px;
}

.refubisher-design {
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
	line-height: 1.8em;
}


.refubisher h3 {
	position: relative;
    padding-bottom: 0.2em;
    border-bottom: 4px solid #ccc;
    font-size: 20px;
    text-align: left;
    padding-left: 15px;
	margin-bottom: 16px;
}

.refubisher h3::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
    background-color: #2A7FD6;
}

/*5つの安心安全*/
.safety-content {
	margin-top: 24px;
	margin-bottom: 32px;
	width: auto;
}

.safety-content p {
	text-align: left;
}

.safety-content h3 {
	position: relative;
	padding-bottom: 0.3em;
	margin-top: 32px;
	padding-left: 0.3em;
	font-size: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E3F7FE;
	text-align: left;
}
.safety-content h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #2B81D7;
}


/*パソコン修理*/
.repair-method2 {
	margin-bottom: 32px;
	text-align: left;
}
.repair-method2 h3 {
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #ccc;
	font-size: 20px;
	padding-left: 1em;
	margin-bottom: 16px;
}

.repair-method2 h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}

.repair-pickup { 
margin-bottom: 32px;
text-align: center}


/*持込修理*/
.repair-method-content {
	margin-top: 24px;
	margin-bottom: 32px;
	text-align: left;
}
	
.method-image {
	text-align: center;
}

.method-description p {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1.7em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.method-description ul {
	padding: 8px;
	line-height: 1.6em;
	margin: 8px;
	border: 1px dotted #3A88D6;
}
.method-content2 {
	margin-top: 32px;
	margin-bottom: 24px;
}

.method-design {
	background-color: #5097DE;
	padding: 8px;
	border-radius: 3px;
	color: #FFF;
	font-size: 17px;
	margin-bottom: 8px;
}

.method-design2 {
	font-weight: bold;
	color: #B5EBF4;
	margin-right: 5px;
	margin-left: 8px;
}

.method-waku {
	border: 1px solid #629FDE;
	padding: 8px;
	border-radius: 8px;
	margin-bottom: 18px;
}

.next {
	text-align: center;
	font-size: 60px;
	color: #E29854;
	margin-bottom: 18px;
}

/*リユースの流れ*/
.reuse-content {
	margin-bottom: 32px;
	border: 1px solid #207BC1;
	padding: 10px;
}

.reuse-content h3 {
	position: relative;
    color: #FFF;
    font-size: 20px;
    line-height: 1;
    border-radius: 22px 0 0 22px;
    text-align: left;
    background: rgb(105,170,218);
    background: -moz-linear-gradient(top, rgba(105,170,218,1) 0%, rgba(70,145,202,1) 52%, rgba(70,145,202,1) 52%, rgba(34,125,198,1) 52%, rgba(103,169,219,1) 100%);
    background: -webkit-linear-gradient(top, rgba(105,170,218,1) 0%,rgba(70,145,202,1) 52%,rgba(70,145,202,1) 52%,rgba(34,125,198,1) 52%,rgba(103,169,219,1) 100%);
    background: linear-gradient(to bottom, rgba(105,170,218,1) 0%,rgba(70,145,202,1) 52%,rgba(70,145,202,1) 52%,rgba(34,125,198,1) 52%,rgba(103,169,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aada', endColorstr='#67a9db',GradientType=0 );
    margin-top: 16px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 50px;
}

.reuse-content h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: inset 1px 1px 1px #EBF0F6;
    background-color: #FFFFFF;
}

.reuse-content2 {
	margin-top: 20px;
	margin-bottom: 32px;
}



.reuse-description p {
	padding: 8px;
	text-align: justify;
    text-justify: inter-ideograph;
	line-height: 1.7em;
}

/*よくある修理事例*/
.repair-case-design {
	text-align: left;
	font-size: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2B81D7;
	margin-right: 6px;
	margin-left: 6px;
}

.repair_case {
	margin-top: 16px;
	margin-bottom: 32px;
}

.repair_case2 {
	text-align: left;
	margin-top: 32px;
	margin-bottom: 40px;
}

.case2-content {
	margin-top: 16px;
	margin-bottom: 32px;
}

.case3-content {
	margin-top: 16px;
	margin-bottom: 32px;
}



.case-design {
	line-height: 1.7em;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: left;
	word-wrap: break-word;
}

.case-design1 {
	font-size: 14px;
	line-height: 1.3em;
	padding-bottom: 8px;
	text-align: left;
}


.case-design2 {
	line-height: 1.3em;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: left;
	margin-bottom: 32px;
}

.case-design3 {
	line-height: 1.7em;
	padding-right: 8px;
	padding-bottom: 16px;
	padding-left: 8px;
	text-align: left;
}

.case-design4 {
	line-height: 2.2em;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
	background-color: #E0F0FA;
	border: 3px solid #347EC7;
	border-radius: 8px;
	padding-top: 12px;
}

.case-design5 {
	line-height: 1.85em;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: left;
}

.pc-question {
	margin-bottom: 40px;
	width: auto;
	border: 2px solid #5b9add;
}
.pc-question h3 {
	text-align: left;
	padding: 8px;
	background-color: rgba(40, 123, 211, 0.76);
	color: #FFF;
	margin-top: 24px;
	margin-bottom: 4px;
}
.pc-question p {
	text-align: left;
	padding: 8px;
}
.caseimage {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
.case2-content p {
	line-height: 1.8em;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	letter-spacing: 0.03em;
	text-align: left;
}


/*中古パソコンを選ぶポイント*/
.pick-point {
	margin-top: 12px;
	margin-bottom: 40px;
}

.performance {
	margin-top: 32px;
	margin-bottom: 32px;
}
.performance2 {
	margin-bottom: 32px;
	background-image: url(image/pick-point06.jpg);
	position: relative;
	background-repeat: no-repeat;
}

.performance2.con{
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;	
}

.performance2.con:before {
  content:"";
  display: block;
  padding-top:38%;
  
}
.performance2.con p{
  position: absolute;
  left: 0;
  top: 0;
}

.performance3 {
	background-image: url(image/pc-point01.jpg);
	position: relative;
	background-repeat: no-repeat;
}

.performance3.con{
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;	
}

.performance3.con:before {
  content:"";
  display: block;
  padding-top:38%;
  
}
.performance3.con p{
  position: absolute;
  left: 0;
  top: 0;
}


.performance01 {
	text-align: left;
}

.perfomance-design {
	font-size: 20px;
	margin-top: 16px;
	color: #E7960F;
	font-weight: bold;
	letter-spacing: 0.15em;
	margin-bottom: 4px;
	
}

.perfomance-design2 {
	line-height: 1.6em;
	
}



.perfomance-design3 {
	font-size: 20px;
	margin-top: 16px;
	color: #2D9B28;
	font-weight: bold;
	letter-spacing: 0.15em;
	margin-bottom: 4px;
	line-height: 1.6em;
}

.perfomance-design4 {
	line-height: 1.6em;
	text-align: left;
	
}

.perfomance-design5 {
	line-height: 1.6em;
	text-align: left;
	
}


.performance-content {
	margin-bottom: 24px;
	border: 2px solid #5DAB45;
}

.content02 {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #5DAB45;
	border-left-color: #5DAB45;
}


.content-design01 {
	margin-top: 12px;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: bold;
	color: #E0910E;
		
}

.content-design02{
	text-align: left;
	padding-left: 24px;
	font-size: 18px;
	margin-bottom: 16px;
	line-height: 1.6em;
		
}

.content-design03{
	color: #6DA734;
	font-size: 18px;
	padding: 8px;

		
}

.content-design04{
	font-size: 17px;
	text-align: left;
	line-height: 1.6em;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;		
}

.content04 {
	margin-bottom: 32px;
	border: 2px solid #51963D;
	background-color: #FFFFE3;
}

.content-design05{
	text-align: left;
	padding-left: 18px;
	font-size: 18px;
	margin-bottom: 16px;
	line-height: 1.7em;
	margin-top: 16px;
		
}

.content-design06{
	font-weight: bold;
	color: #F90;	
		
}



.liquid-crystal {
	margin-top: 24px;
	margin-bottom: 32px;
}


.case-mokuzi {
	font-size: 19px;
	color: #2B81D7;
	font-weight: bold;
}
.case-mokuzi .fa.fa-check-square-o {
	color: #C1BD11;
	margin-left: 10px;
}

.footer-navi {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	color: #FFF;
}

.buner-center {
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: center;
}

.emphasis {
	font-weight: bold;
	color: #F00;
}


.case-image2 {
	text-align: center;	
}


.repair-case{
	margin-bottom: 24px;
	}
	
.repair-case1{
	margin-bottom: 24px;
	}
	
	
.system-content {
	margin-top: 16px;
	margin-bottom: 32px;
}

/*企業向け*/
.service-plan {
	margin-top: 16px;
	margin-bottom: 32px;
}

.service-plan1 {
	background-color: #DFEBF9;
	}
	
	

/*ここからパソコン用（960px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width : 960px){



	
/* 全体の横幅を固定 */
.catchcopy h1, .inner, .menu, .content, .slideshow, .breadcrumb-list, .page-image,footer-content,.footer_content
	{width: 960px;
	margin-left: auto;
	margin-right: auto}	


/* スマホ画像非表示 */
.sp_img	{
	display: none;
}	

.tel_box2 {
	display: none;
}
	
}





/*ここからパソコン用（769px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width : 769px){
	
	
	
	
	
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
.inner:after {content: "";
	display: block;
	clear: both}

.logo {
	float: left;
	width: 38%;
}
.imagecharacter {
	float: left;
	width: 18.7%;
}
.contact01 {
	float: left;
	width: 43.3%;
}


/*ヘッダーイメージ非表示*/

.contact02 {
	display:none;
}



/* スマホ画像非表示 */
.sp_img	{
	display: none;
}	


.tel_box2 {
	display: none;
}


.type-repair2 {
	display:none;	
}	


/*ナビゲーション
---------------------------------------------------------------------------*/

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.menu li a:hover	{
	background-color: #E4F1FA;
	color: #287BD3;
}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: 16.65%; 
	}



/*メインコンテンツ
---------------------------------------------------------------------------*/

/* メインとサイドバーを横に並べる設定 */

.content:after {content: "";
	display: block;
	clear: both}
	
.main {
	float: right;
	width: 68.6%;
	
}
.sidebar {
	float: left;
	width: 30%;
    margin-right: 1.4%;
	
}	


/*バナーデザイン*/
.pctrouble:after {content: "";
	display: block;
	clear: both}

.trouble01 {
	float: left;
	width: 25%;
}
.trouble02 {
	float: left;
	width: 25%;
}

.trouble03 {
	float: left;
	width: 25%;
}

.trouble04 {
	float: left;
	width: 25%;
}



/*サービスの詳細まとめ*/

.pcservice:after {content: "";
	display: block;
	clear: both}


.service01 {
	float: left;
	width: 48%;
}
.service02 {
	float: right;
	width: 48%;
}

/*修理方法まとめ*/
.type-repair:after {content: "";
	display: block;
	clear: both}


.method01 {
	float: left;
	width: 32%;
	margin-right: 2%;
	
}
.method02 {
	float: left;
	width: 32%;
	
}
.method03 {
	float: left;
	width: 32%;
	margin-left: 2%;
	
}

/*修理事例バナー*/
.repair-buner:after {content: "";
	display: block;
	clear: both}
	
.repair-buner01 {
	float: left;
	width: 32%;
}
.repair-buner02 {
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-right: 2%;
}
.repair-buner03 {
	float: left;
	width: 32%;
}


/*そのほか修理項目*/
.repair-topic:after {content: "";
	display: block;
	clear: both}

.topic01 {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.topic02 {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.repair-topic1:after {content: "";
	display: block;
	clear: both}

.topic03 {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.topic04 {
	float: left;
	width: 48%;
	margin-left: 2%;
}



.repair-topic {
	margin-bottom: 20px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/

.footer_content:after {content: "";
	display: block;
	clear: both}



/*会社概要*/
.buner-era:after {content: "";
	display: block;
	clear: both}


.beginners {
	float: left;
	width: 50%;
	margin-bottom: 15px;	
}
.corporation {
	float: right;
	width: 50%;
	margin-bottom: 15px;
	
}

/*はじめての方*/

.introdution:after {content: "";
	display: block;
	clear: both}

.introdution .image {
	float: left;
	width: 50%;
	
}
.description {
	float: left;
	width: 50%;
}

.repair-beginners:after {content: "";
	display: block;
	clear: both}
	
.method-image {
	float: left;
	width: 35%;
}
.method-description {
	float: left;
	width: 65%;
}


/*豆知識*/
.wisdom01:after {content: "";
	display: block;
	clear: both}
	
.wisdom-bottan01 {
	float: left;
	width: 49%;
	margin-right: 1%;
}
.wisdom-bottan02 {
	float: left;
	width: 49%;
	margin-left: 1%;
}
	
/*お客様の声*/
.voice-content:after {content: "";
	display: block;
	clear: both}
	
.voice01 {
	float: left;
	width: 47%;
	margin-right: 0.75%;
}

.voice02 {
	float: left;
	width: 47%;
	margin-left: 0.75%;
}
	


/*トップページ　お問い合わせ*/
.contact-matome:after {content: "";
	display: block;
	clear: both}
	
.contact-tell {
	float: left;
	width: 60%;
}

.contact-mail {
	float: left;
	width: 40%;
}

/*パソコン修理*/
.repair-pickup:after {content: "";
	display: block;
	clear: both}
	
.repair01 {
	float: left;
	width: 50%;
}
.repair02 {
	float: left;
	width: 50%;
	text-align: left;
}

/*持込修理*/
.method-repair:after {content: "";
	display: block;
	clear: both}
	
.method-image {
	float: left;
	width: 36%;
}

.method-description {
	float: left;
	width: 62%;
    padding-right: 2%;
}

/*リユースの流れ*/
.reuse-content2:after {content: "";
	display: block;
	clear: both}
	
.reuse-image {
	float: left;
	width: 40%;	
}

.reuse-description {
	float: left;
	width: 60%;	
}


/*フッダー
---------------------------------------------------------------------------*/
.footer_menu:after {content: "";
	display: block;
	clear: both}
	
.footer_menu1 {
	float: left;
	width: 33.333%;	
}

.footer_menu2 {
	float: left;
	width: 33.333%;	
}

.footer_menu3 {
	float: left;
	width: 33.333%;	
}



/*よくある修理事例
---------------------------------------------------------------------------*/

/*ウイルス感染と駆除*/

.case2-content:after {content: "";
	display: block;
	clear: both}
	
.case-image {
	float: left;
	width: 40%;
}

.case-description {
	float: left;
	width: 60%;
	height: auto;
}

.case3-content:after {content: "";
	display: block;
	clear: both}
	
.case-image2 {
	float: left;
	width: 50%;
}

.case-description2 {
	float: left;
	width: 50%;
	height: auto;
}



/*パソコンを選ぶポイント*/
.performance:after {content: "";
	display: block;
	clear: both}
	
.performance-image {
	float: left;
	width: 50%;
}

.performance01 {
	float: left;
	width: 50%;
}


.performance-content:after {content: "";
	display: block;
	clear: both}
	
.content01 {
	float: left;
	width: 32%;
	margin-right: 1%;
	
}
.content02 {
	float: left;
	width: 33%;
	
}
.content03 {
	float: left;
	width: 32%;
	margin-left: 1%;
	
}

.perfomance-design5 {
	display: none;
	
}

/*企業のお客様*/
.service-plan1 {content: "";
	display: block;
	clear: both}
	
.service-image {
	float: left;
	width: 62%;
}
.service-plan01 {
	float: left;
	width: 38%;
}


}



/*ここからタブレット用（481px～767px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:768px){

.main-content {
	padding: 8px;
}
	
/*ヘッタ－イメージ非表示*/
.imagecharacter {
	display: none;
	
}

/*タブレット非表示*/
.type-repair2 {
	display:none;	
}	



/* スマホ画像非表示 */
.sp_img	{
	display: none;
}	


.tel_box2 {
	display: none;
}	

/*ヘッダーイメージサイズ変更*/
.logo {
	float: left;
	width: 50%;
}

.contact01 {
	float: left;
	width: 50%;
}

/*ヘッダーイメージ非表示*/

.contact02 {
	display:none;
}


/*ナビゲーション*/
.navigation {
	clear: both;
}


/* トグルボタン */
#menubtn	{display: none;}


.menu ul	{margin: 0;
	padding: 0;
	list-style: none;}

.menu li a	{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.menu li a:hover	{
	background-color: #E4F1FA;
	color: #287BD3;
}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: 16.65%}

/*バナーデザイン*/


.trouble01 {
	float: left;
	width: 24%;
    margin-right: 1%;
}
.trouble02 {
	float: left;
	width: 24%;
    margin-right: 1%;
	
}
.trouble03 {
	float: left;
	width: 24%;
    margin-right: 1%;
	margin-bottom: 18px;	
}
.trouble04 {
	float: left;
	width: 24%;
    margin-right: 1%;
	margin-bottom: 18px;
	
}


.beginners {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
.corporation {
	float: right;
	width: 50%;
	margin-bottom: 15px;
}


/*修理設定とその他サービス*/

.service01 {
	float: left;
	width: 48%;
}
.service02 {
	float: right;
	width: 48%;
}


/*3つの修理方法*/
.method01 {
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align: center;	
}
.method02 {
	float: left;
	width: 32%;
	text-align: center;	
	
}
.method03 {
	float: left;
	width: 32%;
	margin-left: 2%;
	text-align: center;	
	
}

/*修理事例*/

.repair-buner:after {content: "";
	display: block;
	clear: both}
	
	
.repair-buner01 {
	float: left;
	width: 32%;
}
.repair-buner02 {
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-right: 2%;
}
.repair-buner03 {
	float: left;
	width: 32%;
}




/*サイドバー*/
.sidebar {
	clear: both;	
	
}	

/*サイトポリシー/プライバシーポリシー*/
.privacy-policy {
	padding: 10px;	
}


/*料金案内*/
.rates-guidance {
	text-align: left;
}


/*お客様の声*/

.voice-content {
	margin-top: 24px;
	margin-bottom: 20px;
	}

.voice-content:after {content: "";
	display: block;
	clear: both}


.voice01 {
	float: left;
	width: 47%;
	margin-right: 0.75%;
}

.voice02 {
	float: left;
	width: 47%;
	margin-left: 0.75%;
}


/*パソコン修理*/

.repair-pickup:after {content: "";
	display: block;
	clear: both}

.repair01 {
	float: left;
	width: 50%;
}
.repair02 {
	float: left;
	width: 50%;
}


/*リユースの流れ*/
.reuse-content2:after {content: "";
	display: block;
	clear: both}
	
.reuse-image {
	float: left;
	width: 40%;	
}

.reuse-description {
	float: left;
	width: 60%;	
}


/*持込修理*/
.method-repair:after {content: "";
	display: block;
	clear: both}
	
.method-image {
	float: left;
	width: 38%;
	margin-bottom: 25px;
}

.method-description {
	float: left;
	width: 62%;
	margin-bottom: 25px;
}


/*はじめての方*/

.introdution:after {content: "";
	display: block;
	clear: both}

.introdution .image {
	float: left;
	width: 50%;
	
}
.description {
	float: left;
	width: 50%;
}

/*豆知識*/

.wisdom01:after {content: "";
	display: block;
	clear: both}

.wisdom-bottan01 {
	float: left;
	width: 49%;
	margin-right: 1%;
}
.wisdom-bottan02 {
	float: left;
	width: 49%;
	margin-left: 1%;
}

/*ウイルス感染と駆除*/

.case2-content:after {content: "";
	display: block;
	clear: both}
	
.case-image {
	float: left;
	width: 40%;
	text-align: center;
}

.case-description {
	float: left;
	width: 60%;
}




/*フッダー*/
.footer-design2 li {
	color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
}


/*追加*/

.type-repair:after {content: "";
	display: block;
	clear: both}


.performance-content:after {content: "";
	display: block;
	clear: both}
	
.content01 {
	float: left;
	width: 32%;
	margin-right: 1%;
	
}
.content02 {
	float: left;
	width: 33%;
	
}
.content03 {
	float: left;
	width: 32%;
	margin-left: 1%;
	
}


/*そのほか修理項目*/
.repair-topic:after {content: "";
	display: block;
	clear: both}

.topic01 {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.topic02 {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.perfomance-design5 {
	display: none;
	
}

.case-image2 {
	margin-bottom: 16px;
}


.case3-content:after {content: "";
	display: block;
	clear: both}
	
.case-image2 {
	float: left;
	width: 50%;
}

.case-description2 {
	float: left;
	width: 50%;
	height: auto;
}

.contact-design2 {
	text-align: center;
}

/*企業のお客様*/
.service-plan1 {content: "";
	display: block;
	clear: both}
	
.service-image {
	float: left;
	width: 62%;
}
.service-plan01 {
	float: left;
	width: 38%;
}

.repair-topic1:after {content: "";
	display: block;
	clear: both}

.topic03 {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.topic04 {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.sidebar-area {
	display:none;
}

	}





/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
	
/*スマホで非表示*/
.contact03 {
	display:none;	
}

.repair-case	{
	display:none;	
}

.type-repair {
	display:none;	
}	
	
/* パソコン画像非表示 */
.pc_img	{
	display: none;
}			
.tel_box1 {
	display: none;
}	
	
.main-content {
	padding: 8px;
}	
	
/*ヘッタ－イメージ非表示*/
.imagecharacter {
	display: none;
	
}

.contact01 {
	display: none;
}

/*ヘッダーイメージ位置調整*/
.logo {
	float: left;
	width: 80%;
}

.contact02 {
	text-align: center;
	margin-top: 10px;
}


/*キャッチコピー位置調整*/

.catchcopy {
	margin-bottom: 3px;	
	line-height: 1.4em;
    font-size: 15px;
}

.catchcopy h1 {
	text-align: left;
	padding: 6px;
}



/*ナビゲーション*/
.navigation {
	background-color: #FFF;
	border-top-style: none;	
}


#menu {
	clear: both;
	display: none;
}

.menu ul	{
	padding: 20px;
	background-color: #E4F1FA;
}

.menu li {
	padding: 8px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #67b6e4;
}


.menu li a	{
	text-decoration: none;
	
}


/* トグルボタン */
#menubtn	{
	margin-top: 15px;
	height: 35px;
	}



/*スライドショー非表示*/
.slideshow {
	display: none;
}

/*コンテンツ位置調整*/
.content {
	clear: both;
	margin-top: 0px;
}




/*バナースタイル*/

.buner-era {
	margin-bottom: 24px;
}

.trouble01 {
	float: left;
	width: 49%;
    margin-right: 1%;
}
.trouble02 {
	float: left;
	width: 49%;
    margin-right: 1%;
}
.trouble03 {
	float: left;
	width: 49%;
    margin-right: 1%;
	    margin-top: 5px;
	margin-bottom: 15px;
}
.trouble04 {
	float: left;
	width: 49%;
    margin-right: 1%;
	    margin-top: 5px;
	margin-bottom: 15px;
	
}

.beginners {
	margin-bottom: 15px;	
}

/*3つの修理方法*/
.method01 {
	text-align: center;	
	margin-bottom: 10px;
}
.method02 {
	margin-bottom: 10px;
	text-align: center;	
	
}
.method03 {
	text-align: center;	
	
}


/*修理事例バナー*/
.repair-buner02 {
	margin-top: 15px;
	margin-bottom: 15px;	
}


/*サイトポリシー/プライバシーポリシー*/
.privacy-policy {
	padding: 10px;
}



/*お客様の声*/

.voice01 {
	margin-bottom: 24px;
}
/*はじめての方へ*/
.comparison table{
		border:0;
	}

	.comparison table thead{
		display:none;
	}

	.comparison table tr{
		margin-bottom:10px;
		display:block;
		border-bottom:2px solid #ddd;
	}

	.comparison table td{
		display:block;
		text-align:right;
		font-size:13px;
		border-bottom:1px dotted #ccc;
		border-right: none;
}


	.comparison table td:last-child{
		border-bottom:0;
	}

	.comparison table td:before {
		content:attr(data-label);
		float:left;
		font-weight: bold;
	}
	
	
	
/*ウイルス感染と駆除*/

	
.case-image {
	text-align: center;
	margin-bottom: 16px;
}	

.check-item p {
	text-align: left;
}
.check-item ul {
	margin-left: 10px;
	padding-left: 0px;
}	
	
	
	/*フッダー*/
	
.footer_menu2 {
	margin-top: 20px;
	margin-bottom: 20px;   
}
	
.footer-design2 li {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 6px;
}


/*追加*/
.caseimage {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}


.content02 {
	border-right-style: none;
	border-left-style: none;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #5DAB45;
	border-bottom-color: #5DAB45;
	margin-top: 8px;
	margin-bottom: 8px;
}



.content-design05 {
	padding: 10px;
}

.content-design05 li {
	margin-bottom: 12px;
}

.content-design02{
	margin-top: 12px;	
		
}

.method-image {
	margin-bottom: 15px;    
}
	
.performance2 {
	display: none;
}

.performance2.con{
display: none;
}

.performance2.con:before {
 display: none;
  
}
.performance2.con p{
  display: none;
}

.performance3 {
	display: none;
}

.performance3.con{
display: none;
}

.performance3.con:before {
 display: none;
  
}
.performance3.con p{
  display: none;
}

.case-image2 {

}

.repair01 {
	margin-bottom: 12px;	
}

.sp-tell {
	margin-bottom: 32px;
}	
	
}