@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style: none;
	margin: 0;
}

blockquote, q {
    quotes:none;
}

blockquote::before, blockquote::after,
q:before, q::after {
    content:'';
    content:none;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select, textarea {
	font-size: inherit;
    vertical-align:middle;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides::after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff; padding: 2px; border:2px solid #ccc; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 60%; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -30px; }
.flex-direction-nav .flex-prev {left: -30px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -35px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 21px; height: 21px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

a {
	color: #0c7ac7; 
    font-size:100%;
	text-decoration: none;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background: transparent;
}

img {
	max-width: 100%; 
	height: auto; 
	vertical-align: top;
}

strong {
	color: #f00; 
	font-weight: bold;
}

h2 {
	/*color: #4BB4E7;*/
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 14px 10px;
	border-bottom: 2px solid #0090ea;
}

h2[class^="icon-"] {
	padding-left: 50px;
	border-bottom: 0;
}

.partner h2 {
	color: #4BB4E7;
}

h3 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 18px 0 8px;
	padding: 8px 10px;
	background: #32c3fa;
}

h3[class^="icon-"] {
	padding-left: 40px;
}

h2 + .container h3:first-child {
	margin-top: 10px;
}

h4 {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	margin: 14px 0 10px;
	padding: 4px 8px;
	background: #ffaa33;
}

h3 + * h4:first-child,
p + h4  {
	margin-top: 0;
}

h5 {
	color: #46bee4;
	font-size: 14px;
	margin: 14px 0 10px;
}

h4 + h5 {
	margin-top: 0;	
}

h6 {
	margin: 10px 0;
}

.img-title {
	padding: 0;
	border: 0;
	background: 0;	
}

input[type="text"],
input[type="email"],
textarea {
	max-width: 90%;
	padding: 4px;
}

.btn {
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 14px 0;
	padding: 12px 10px;
	background: #d2691e;
}

.inline-btn {
	display: inline-block;
	color: #fff;	
	font-size: 16px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 14px 0;
	padding: 10px 15px;
	background: #d2691e;
}

.inline-btn.left {
	padding: 10px 15px 10px 0;	
}

.inline-btn.right {
	padding: 10px 0 10px 15px;
}

.inline-btn.left span {
	padding-left: 25px;	
}

.inline-btn.right span {
	padding-right: 25px;
}

input.btn,
input.inline-btn {
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

h3 + p .btn {
	margin-top: 8px;
}

small, .small, .note {
	font-size: 11px; 
	letter-spacing: -0.001em;
}

.big {
	font-size: 18px;
}

.bordered-table + .note {
	margin-top: -15px;
}

.underline {
	text-decoration: underline;
}

/* Clearfix */
.clearfix::after,
.content::after,
.container::after,
.acc-con::after,
.global-header-inner::after,
.global-nav ul::after,
.main-menu::after {
	content: ""; 
	display: block; 
	clear: both;
}

/* Float */
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

img.left {
	margin: 0 10px 10px 0;
}

img.right {
	margin: 0 0 10px 10px;
}

/* Text-align */
.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

/* List */
ol, ul {
	margin: 0 0 1.2em 1.8em;
}

ul {
	list-style: square;
}

.inline-list li {
	display: inline; 
	margin-right: 10px;
}

.check {
	list-style: none;
	margin: 0 0 14px 0;
}

.check li,
span.check {
	display: inline-block; 
	margin: 0 4px 4px 0; 
}

.check li::before,
span.check::before {
	content: "\002713";
	color: #f00;
	font-size: 18px;
}

.check li a {
	text-decoration: underline;	
}

/* width 100% */
.full-width {
	width: 100% !important; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

/* display */
.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

/* blockquote */
blockquote {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	border: 2px solid #eee;
	overflow: hidden;
}

blockquote::after {
	content: "\00201C";
	position: absolute;
	top: -90px;
	left: -20px;
	color: #eee;
	font-size: 300px;
	z-index: -1;
}

blockquote p:last-child {
	margin-bottom: 0;
}

/* Table */
.bordered-table {
	margin-bottom: 20px;
}

.bordered-table th,
.bordered-table td {
	text-align: left;
	vertical-align: middle;
	padding: 4px;
	border: 1px solid #bbb;
	background-color: #fff;
}

.bordered-table th {
	font-weight: normal;
	white-space: nowrap;
	background-color: #f2f2f0;
}

.section-price .bordered-table td {
	text-align: center;
}

.bordered-table .price {
	text-align: right;
}

.bordered-table.list th,
.bordered-table.list td {
	display: block;
	padding: 5px;
}

.bordered-table.list th {
	border-top-width: 0;
	border-bottom-width: 0;
}

.bordered-table.list tr:first-child th {
	border-top-width: 1px;
}

.bordered {
	margin-bottom: 14px;
	padding: 4px;
	border: 2px solid #ffe185;
	background: #fffbee;
}

.bordered h4:first-child {
	margin-top: 0;	
}

.col2 {
	width: 48%;
	float: left;
	margin: 0 4% 14px 0;
}

.col2:last-child {
	margin-right: 0;
}

.bordered p:last-child,
.col2 p:last-child,
.col2 .bordered-table:last-child {
	margin-bottom: 0;
}

.mb0 {margin-bottom: 0 !important;}

body {
	color: #333;
	font: 13px/1.4 "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	-webkit-text-size-adjust: 100%;
	background: #fff;
}

.container {
	padding: 0 10px;
}

p {
	margin-bottom: 1.2em;
}

/* アコーディオン */
span.arrow {
	display: block;
	padding: 4px 24px 4px 0;
	background: url(../images/arrow_acc_right.png) right center no-repeat;
}

.open span.arrow {
	background: url(../images/arrow_acc_bottom.png) right center no-repeat;
}

span.arrow,
.open span.arrow {
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
}

.acc-list > section {
	margin: 0;	
}

.acc-list .acc-tog {
	display: block;
	color: #555;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	border-top: 1px solid #bbb;
	border-bottom: 0;
	padding: 14px 0;
	background-color: #fff;
}

.acc-list .acc-tog[class^="icon-"] {
	padding-left: 40px;
}

.acc-list .acc-tog.open,
.acc-list .acc-tog:last-of-type {
	border-bottom: 1px solid #bbb;
}

.acc-list .acc-tog.open {
	margin-bottom: 10px;
}

.acc-list .acc-con {
	margin-bottom: 20px;
}


/* 通常リンク矢印 */
.inline-btn span,
.arrow-list li a,
.slide-list li a,
.store-list li a,
.sitemap li a,
.global-menu .main-menu li a {
	position: relative;
}

.inline-btn.right span::after,
.arrow-list li a::after,
.slide-list li a::after,
.store-list li a::after,
.sitemap li a::after,
.global-menu .main-menu li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.container .arrow-list li a::after {
	right: 0;	
}

.inline-btn.left span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.inline-btn.right span::after,
.inline-btn.left span::after {
	border-color: #fff;	
}

/* 矢印付きリスト */
.arrow-list ul {
	list-style: none;
	margin: 0 0 14px 0;	
}

.arrow-list ul li a {
	display: block;
	color: #333;
	font-size: 16px;
	padding: 14px 10px;
	border-bottom: 1px dashed #ccc;
}

.arrow-list ul li:first-child a {
	border-top: 1px dashed #ccc;	
}

.arrow-list ul li[class^="icon-"] a {
	padding-left: 50px;	
}

.arrow-list ul li a p {
	color: #333;
	font-size: 12px;
	margin: 4px 0 0;
}

.arrow-list h3 {
	margin: 0;
}

/*==================================================

.global-header

==================================================*/
.global-header {
	margin-bottom: 14px;
}

.page-home .global-header {
	margin-bottom: 4px;
}

.global-header-inner {
	margin-bottom: 10px;
	padding: 10px 0 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

.global-header .header-top {
	display: table;	
}

.global-header .logo {
	display: table-cell;
	width: 72%;
	padding-right: 2%;
}

.global-nav-btn {
	display: table-cell;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #3594fa;
}

.global-nav-btn.current {
	color: #fff;
	background: #f64000;
}

.global-nav ul {
	position: absolute;
	top: 55px;
	left: 0;
	display: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	z-index: 50;
	background: rgba(0,0,0,.7);
}

.global-nav ul li {
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
}

.global-nav ul li:nth-child(3n) {
	margin-right: 0;
}

.global-nav ul li:nth-child(10n),
.global-nav ul li:nth-child(11n),
.global-nav ul li:nth-child(12n) {
	margin-bottom: 0;
}

.global-nav ul li a {
	display: block;
	height: 100%;
	float: left;
}

.global-header h1 {
	clear: both;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
}

/*==================================================

.social

==================================================*/
.social {
	height: 25px;
	margin: 10px;
	overflow: hidden;
}
.social .social-item {
	float: left;
	margin-right: 10px;
}

.fb-like {
 	height: 20px !important;   
}

/*==================================================

#main-visual

==================================================*/
#main-visual {
	margin-bottom: 2px;
}

#main-visual img {
	width: 100%;
}

/*==================================================

.breadcrumbs

==================================================*/
.breadcrumbs {
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 8px 10px;
	background: #f4f4f4;
}

/* (portrait)12em以上は... */
.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs li::after {
	content: " \003E";
}

.breadcrumbs li:last-child::after {
	content: "";
}

/*==================================================

.content

==================================================*/
.content, section {
	margin-bottom: 20px;
}

section section {
	margin-bottom: 14px;
}

.section-list > section {
	margin-bottom: 0 !important;
}

.section-list > section h2 {
	position: relative;
	margin-bottom: 0;
	padding: 14px 10px 14px 60px;
	border-top: 1px solid #bbb;
	background-color: #fff;
}

.page-services .section-list > section h2,
.page-trouble .section-list > section h2 {
	border-top: 0;	
}

.page-home .section-list > section:last-child h2 {
	border-bottom: 1px solid #bbb;
}

/*==================================================

アイコン

==================================================*/
/* 各種サービス */
.icon-services-b {
	background: url(../images/icons-settei.png) 10px center no-repeat;
}

/* 料金について */
.icon-flowprice-b {
	background: url(../images/icons-price.png) 10px center no-repeat;
}

/* お知らせ */
.icon-news-b {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* トラブル事例 */
.icon-trouble-b {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* パソコン修理の実績 */
.icon-works-b {
	background: url(../images/icons-jisseki.png) 10px center no-repeat;
}

/*  お客様の声 */
.icon-voice-b {
	background: url(../images/icons-voice.png) 10px center no-repeat;
}

.section-list > section .icon-services-b,
.section-list > section .icon-flowprice-b,
.section-list > section .icon-news-b,
.section-list > section .icon-trouble-b,
.section-list > section .icon-works-b,
.section-list > section .icon-voice-b {
	-webkit-background-size: 40px auto;
	background-size: 40px auto;
}


/* サポートの流れ */
.icon-flow-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 料金一覧 */
.icon-price-s {
	background: url(../images/icons-price2.png) 10px center no-repeat;
}

/* サービスの特長 */
.icon-feature-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* よくある質問 */
.icon-faq-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 会社概要 */
.icon-company-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 対応地域 */
.icon-area-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 店舗 */
.icon-store-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* お客さまの声 */
.icon-voice-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

.acc-list .icon-voice-s {
	background-position: left center;
}

/* お問い合わせ */
.icon-contact-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 動画 */
.icon-tv-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 動作・起動系トラブル */
.icon-pc-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* インターネット系トラブル */
.icon-internet-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* データ復旧 */
.icon-data-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* ウイルス駆除 */
.icon-virus-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 内蔵・周辺機器トラブル */
.icon-printer-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* スマートフォントラブル */
.icon-smartphone-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* サポートの流れ */
.section-list .icon-flow-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 料金一覧 */
.section-list .icon-price-s {
	background: url(../images/icons-price2.png) 10px center no-repeat;
}

/* 高いサービス満足度 */
.icon-repeater-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 年間6万件以上のサポート実績 */
.icon-support-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 初めてでも安心のサポート体制 */
.icon-system-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 即日対応・即日訪問 */
.icon-map-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* PCならどんな機種でも大丈夫 */
.icon-pc2-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* スーツ着用の正社員がご訪問 */
.icon-staff-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 年中無休の電話受付 */
.icon-tel-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* データを保護しながら修理 */
.icon-data2-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 事前見積もりで安心会計 */
.icon-estimate-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 数々の提携が、高い技術力と信頼の証 */
.icon-alliance-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 持込サポート */
.icon-store2-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 宅配サポート */
.icon-delivery-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 早朝 */
.icon-earlymorning-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 夜間 */
.icon-night-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 深夜 */
.icon-midnight-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 再訪問 */
.icon-visitagain-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* 検査入院 */
.icon-hospitalization-s {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}

/* Question */
.icon-q-s,
.arrow-list.faq ul li a {
	background: url(../images/icons-btn.png) 10px center no-repeat;
}



[class^="icon-"]:not([class$="-b"]),
.faq h3.acc-tog,
.arrow-list.faq ul li a {
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}

.icon-earlymorning-s,
.icon-night-s,
.icon-midnight-s,
.icon-visitagain-s,
.icon-hospitalization-s {
	min-height: 30px;
	padding-left: 40px !important;
	-webkit-background-size: 30px auto !important;
	background-size: 30px auto !important;
}

/* 
flexslider
==================================================*/
.container-flexslider {
	margin-bottom: 20px;
	padding: 10px 30px 0;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.5);
	box-shadow: inset 0 0 3px rgba(0,0,0,.5);
	background: #f1f1f1;
}

.slide-list {
	font-size: 12px;
	margin: 10px -30px 0 -30px; 
}

.slide-list li:not(:last-child) {
	border-bottom: 1px dashed #ccc;
}

.slide-list li a {
	display: block;
	padding: 10px;
}

/* 
お知らせ
==================================================*/
.list-news {
	padding: 0 10px 10px 10px;
}

.list-news p {
	margin: 0;
	padding: 10px 0;
}

.list-news p:not(:last-child) {
	border-bottom: 1px dashed #ccc;
}

.list-news p a {
	text-decoration: underline;
}

/* 
料金案内
==================================================*/
.container-price {
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 25px;
}

.price-total {
	padding-bottom: 0;
	background: none;
}

.container-price .inner {
	padding: 5px;
	border: 1px solid #ffab30;
}

.price-work .inner {
	border-color: #0078f1;
}

.price-total .inner {
	border-color: #ff1b1b;
}

.container-price h3 {
	color: #fff;
	text-align: center;
	margin-top: 0 !important;
	padding: 5px;
	background: #ffab32;
}

.price-work h3 {
	background: #0078f4;
}

.price-total h3 {
	background: #ff1b1b;
}

/* プラス・イコール */
.price-base .inner::before,
.price-base .inner::after,
.price-check .inner::before,
.price-check .inner::after,
.price-work .inner::before,
.price-work .inner::after {
	position: absolute;
	content: "";
	display: block;
	background: #888;	
}

.price-base .inner::before,
.price-check .inner::before {
	left: 50%;
	bottom: 0;
	width: 5px;
	height: 21px;
	margin-left: -2px;
}

.price-base .inner::after,
.price-check .inner::after {
	left: 50%;
	bottom: 8px;
	width: 21px;
	height: 5px;
	margin-left: -10px;
}

.price-work .inner::before,
.price-work .inner::after {
	left: 51.5%;
	bottom: 0;
	width: 5px;
	height: 21px;
	margin-left: -2px;
}

.price-work .inner::after {
	left: 48.5%;
}

.price {
	color: #e60000;
	font-size: 16px;
}

.container-price .price {
	margin: 0 0 8px;
}

.container-price .price-exp {
	margin-bottom: 0;
	padding-top: 4px;
	border-top: 1px dashed #ccc;
}

.price-example {
	margin-bottom: 14px;
}

/* 
サポートの流れ
==================================================*/
.flow {
	list-style: none;
	margin: 0;
}

.flow li {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

.flow li:last-child {
	padding-bottom: 0;
	background: none;	
}

/* 矢印 */
.flow li:not(:last-child)::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top-color: #ffcc00
}

/* 
よくある質問
==================================================*/
.faq .acc-con {
	position: relative;
}

.faq .acc-con::after {
	content: "A";
	position: absolute;
	top: -10px;
	left: 0;
	color: #eee;
	font-size: 50px;
	font-weight: bold;
	font-family: Arial;
	z-index: -1;
}

.arrow-list.faq ul li a {
	padding-left: 40px;	
}


/* 
お客さまの声
==================================================*/
.evaluation {
	margin-bottom: 20px;
}

.evaluation th,
.evaluation td {
	position: relative;
}

.evaluation th {
	color: #9c9c9c;
	font-size: 30px;
	text-align: left;
}

.evaluation tr:first-child th {
	color: #e87a01;
}

.evaluation td {
	color: #888;
	font-size: 25px;
}

.evaluation th::after {
	content: attr(title); 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #dcdcdc;
	-webkit-mask-image: url(../images/star_gradation.png);
	mask-image: url(../images/star_gradation.png);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.evaluation tr:first-child th::after {
	color: #ffc057;
}

.evaluation td::before {
	content: "…";
}

.evaluation tr:first-child td {
	color: #ff9416;
}

/* 
トラブル事例
==================================================*/
.trouble-example {
	font-size: 11px;
}

/* 
お問い合わせ
==================================================*/
.form dt {
	font-size: 15px;
	margin-bottom: 3px;
	padding: 5px;
	border-left: 3px solid #ddd;;
	background: #f9f9f9;
}

.form dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.form input[type="text"],
.form input[type="tel"],
.form input[type="number"],
.form textarea {
	padding: 10px;	
}

.error {
	border-color: #f00;	
}


/* 
サイトマップ
==================================================*/
.sitemap,
.sitemap li ul {
	list-style: none;
	margin: 0;
}

.sitemap li {
	font-size: 15px;
	margin-top: 2px;	
}

.sitemap li a {
	display: block;
	padding: 16px 10px;
	border: 1px solid #ccc;
}

.sitemap li ul li {
	font-size: 13px;
	margin-top: -1px;
	padding-left: 1.5em;	
}

.sitemap li ul li a {
	background-color: #fff;
}

.sitemap li ul li a::before {
	content: "\00251C";
}

.sitemap li ul li:last-child a::before {
	content: "\002514";	
}

.sitemap li ul li a .note {
	padding-left: 1.5em;
}

/*==================================================

.global-menu

==================================================*/
.global-menu {
	margin-top: 20px;
	padding: 0;
}

.global-menu .main-menu {
	list-style: none;
	margin: 0 0 10px 0;
	border-top: 1px solid #bbb;
}

.global-menu .main-menu li {
	width: 50%;
	float: left;
}

.global-menu .main-menu li a {
	display: block;
	color: #555;
	padding: 14px 10px;
	border-bottom: 1px solid #bbb;
}

.global-menu .main-menu li:nth-child(odd) a {
	border-right: 1px solid #bbb;
}

.global-menu .copyright {
	margin-bottom: 0;
	padding: 10px;
	background: #eee;
}

.global-menu #to-top.btn {
	font-size: 12px;
	margin-bottom: 0;
}

/*==================================================

landscape

==================================================*/
@media screen and (orientation: portrait) {
	.breadcrumbs li:nth-child(3) {
		max-width: 12em;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

/****************************************
             TICKER
*****************************************/
#con_ticker {
	padding: 0px 0;
	width: 100%;
	text-align: center;
}

.ticker {
	margin: 0 auto;
	padding: 0px;
	width: 350px;
	text-align: left;
	border: #ccc 1px solid;
	position: relative;
	overflow: hidden;
}

.ticker ul {
	width: 100%;
	position: relative;
}

.ticker ul li {
	width: 100%;
	display: none;
}

/*==================================================

WordPress

==================================================*/
.wp-pagenavi {
	clear: both;
	margin: 20px 0;
	overflow: hidden;
}

.wp-pagenavi a,
.wp-pagenavi span {
	float: left;
	font-size: 100%;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 10px 12px;
	margin: 2px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.more-btn a {
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 14px 0;
	padding: 12px 10px;
	background: #d2691e;
}

.voice-box .enq-img {
	padding: 5px;
	border: 1px solid #ccc;	
}

article {
	margin-bottom: 20px;	
}

article .article-store {
	margin: 30px 0 0;
	border-top: 1px dashed #ccc; 
	overflow: hidden;
}

article .article-header {
	padding-bottom: 10px;
}

article .article-header h3 a {
	color: #fff;	
}

article .article-content {
	padding-top: 10px;
	border-top: 1px dashed #ccc; 
	border-bottom: 1px dashed #ccc; 
}

article .tags {
	margin: 10px 0 0;	
}

article .tags li {
	display: inline-block;
	margin: 0 5px 10px 0;
}

article .tags li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	background: #aaa;	
}