@charset "utf-8";
.support_tile {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 5px;
-webkit-box-shadow: #999 3px 3px 3px;
-moz-box-shadow: #999 3px 3px 3px;
box-shadow: #999 3px 3px 3px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

@media(max-width:767px) {
.support_tile { width: 95%; }
}
.support_tile-background {
display: block;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
-moz-transition: -moz-transform 0.2s ease-in-out;
-ms-transition: -ms-transform 0.2s ease-in-out;
-o-transition: -o-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.support_tile:hover .support_tile-background {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.support_tile-title {
display: block;
text-align: center;
font-size: 0.9em;
margin-bottom: 30px;
height: 2em;
}
#tile_Section a:hover, a:focus {
text-decoration: none !important;
font-weight: bold !important;
}
.information .h-style02 {
color: #fff;
margin: 0;
width: 22em;
height: 0;
border-bottom: 2.4em solid #0C9B52;
border-right: 1em solid transparent;
z-index: 2;
}
.h-style02 h3 { padding: 5px 0 0 10px; }
.information .h-style02 span {
font-family: OCRB;
color: #fff;
font-size: 12px;
font-weight: 400;
padding-left: 10px;
}
.info_bdr {
border-bottom: 2px solid #70B994;
z-index: 1;
margin-bottom: 20px;
}
.support_contact { text-align: center; }
.support_contact hr {
padding: 0;
margin: 3px 0;
border-color: #70B994;
}
.tabmain figure a { cursor: pointer; }
/*  overlay unit */
/*.overlayunit a:hover img,
.overlayunit a:focus img,
.overlayunit a:active img {
	opacity:.6;
	filter: opacity=60;
}*/
.overlayunit .close01 {
position: absolute;
top: 5px;
right: 5px;
}
.overlayunit .close02 { text-align: center; }
.overlayunit .close03 {
text-align: center;
margin-top: 10px;
}
.overlayunit .list {
margin: 12px 0 0;
padding: 16px 0 0;
}
.overlayunit .first-child {
margin: 0;
padding: 0;
background: none;
}
.overlayunit .list li {
float: left;
width: 177px;
margin-bottom: 15px;
}
.overlayunit .list a {
display: block;
padding: 0 8px 0 0;
}
.overlayunit .list a img { float: left; }
.overlayunit .list a img:hover {
-webkit-transform: scale(2.6);
-moz-transform: scale(2.6);
-o-transform: scale(2.6);
-ms-transform: scale(2.6);
transform: scale(2.6);
opacity: 1.0;
filter: opacity= 100;
border: 1px solid #E5E5E5;
}
.overlayunit .list a span {
display: block;
float: right;
/*	width: 125px;*/
word-wrap: break-word;
}
.overlayunit .list a span.txt {
float: none;
padding-left: 66px;
}
#imgprev {
position: absolute;
z-index: 1000;
}
ul.spt-sub-menu { border-top: 13px solid #009966 !important; }

/*-------------------------------------------------------*/
@media (min-width: 1200px) {
.product-image {
/*margin: 0 50px;*/
margin: 0 30px;
padding: 10px;
}
}
.media .media-left img {
/*-webkit-box-shadow: #999 3px 3px 3px;
-moz-box-shadow: #999 3px 3px 3px;
box-shadow: #999 3px 3px 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
margin-right: 10px;
}
#right_area { margin-top: 50px !important; }
/*-------------------------------------------------------*/
.badge-blue { background-color: #3851A0; }
.result-title { border-bottom: 2px solid #009966; }
.faq_q { font-weight: bold; }
.faq_q:before {
background-color: #3851A0;
content: "Q";
color: #fff;
font-size: 1.2em;
padding: 2px 8px;
margin-right: 10px;
border-radius: 5px;
}
.faq_a { font-weight: bold; }
.faq_a:before {
background-color: #C32446;
content: "A";
color: #fff;
font-size: 1.2em;
padding: 2px 8px;
margin-right: 10px;
border-radius: 5px;
}
#software{margin-bottom: 40px}
#software .table tr th {
text-align: center;
font-size: 1.4rem;
}
#software .table tr td { padding : 0em 0.5em 0em 1em;}
@media (max-width: 479px) {
#software .table tr td { padding : 0; }
.table>tbody>tr>th,.table>tbody>tr>td  { padding : 0!important; }
}
.software_title {
font-weight: bold;
font-size: 1.4rem;
}
#software table p {
margin: 10px 0;
padding: 0;
font-size: 1.4rem;
}
.han {
padding-left: 0em!important;
padding-right: 0em!important;
text-align: center;
}
.infobox {
height: 11em;
line-height: 1.8em;
overflow: auto;
background-color: #fcf8e3;
}
/*-----------------------------------------------------------*/
.media.viaform, .media.viatel { margin-bottom: 40px !important; }
.media.viaform p, .media.viatel p { margin-bottom: 0 !important; }

@media (min-width: 768px) {
.media.viatel h3 {
margin-bottom: 0px !important;
font-size: 2.8rem !important;
font-weight: 700;/*color:#118011;*/
}
}
.media.viatel h3 {
margin-bottom: 0px !important;
font-weight: 700;/*color:#118011;*/
}
.media.viatel h3 span {
padding: 3px;
margin-right: 10px;
background-color: #118011;
color: #fff;
font-size: 1.3rem;
font-weight: 400;
vertical-align: middle;
border-radius: 4px;
}
.media.viatel h3 .name {
background-color: transparent;
color: #666;
padding-left: 10px;
}
/*-----------------------------------------------------------*/

div.subject {
text-align: left;
font-size: 2.2rem;
float: left;
margin-top: 8px;
}
div.category { text-align: right; }
div.bg_bar {
margin-left: 1em;
margin-right: 2em;
margin-bottom: 10px;
padding: 0.1em;
border-bottom: 5px solid #3E5F7B;
}
.bg_bar2 {
margin-left: 1em;
margin-right: 2em;
margin-bottom: 10px;
padding: 0.1em;
border-bottom: 5px solid #3E5F7B;
}
.bg_bar2 h3 {
padding: 0;
margin: 0;
}
/*-----------------------------------------------------------*/
.step { margin-bottom: 20px; }
.step .step_box {
display: block;
width: 100%;
padding: 10px 5px;
margin: 0;
text-align: center;
background-color: #E6E6E6;
border-radius: 6px;
}
.step span i {
display: block;
position: absolute;
top: 50%;
right: -10px;
}
.step_box h5 {
font-size: 1.8rem;
line-height: 2.1rem;
min-height: 2.4em;
}
.step_box p { min-height: 2.4em; }
.step_box img {
max-height: 180px;
width: auto;
}
/*-----------------------------------------------------------

taiou OS

-----------------------------------------------------------*/
table.taiou {
width: 95%;
font-size: 1.2rem;
}
table.taiou tr td {
display: table-cell;
vertical-align: middle;
}
/*-----------------------------------------------------------

stop

-----------------------------------------------------------*/
table.stop { width: 95%; }
table.taiou tr td {
display: table-cell;
vertical-align: middle;
}
/*-----------------------------------------------------------

Download

-----------------------------------------------------------*/
.dl_s h5 {
border-bottom: 1px dotted #A4A4A4;
margin-bottom: 0;
}
.dl_s p { margin: 0.5em 0 1.5em 0 !important; }
/*-----------------------------------------------------------

FAQ

-----------------------------------------------------------*/
#search { z-index: 999 !important; }

@media (min-width: 1200px) {
#results {
margin-top: -130px;
padding-top: 130px;
z-index: 10 !important;
}
}

@media (max-width: 1199px) {
#results {
margin-top: -155px;
padding-top: 155px;
z-index: 10 !important;
}
}
/*-----------------------------------------------------------

kiyaku(SSP_rule)

-----------------------------------------------------------*/
.policy-text { padding: 10px 60px 10px 30px; }
.policy-text ol li h3, .policy-text ul li h3, aside.topolicy h3, .polcy li h3, .sitemap-text h3 {
margin-bottom: 20px;
padding-bottom: 11px;
border-bottom: 1px solid #aaa;
line-height: 1.4;
font-size: 1.8rem;
font-weight: bold;
}
.policy-text ol li p, .policy-text ul li p {
margin-bottom: 2em;
margin-top: -8px;
padding-right: 20px;
word-wrap: break-word;
/*margin-left: 1em;*/
}
ol.list-rule {
padding-left: 2em;
list-style: outside;
list-style-type: decimal !important;
}
ol.list-rule li p{margin-left: 0}
ol.list_round-brackets {
padding: 0 0 0 3em;
list-style-position: outside;
list-style-type: none;
}
ol.list_round-brackets > li { counter-increment: cnt; }
ol.list_round-brackets > li:before {
display: inline-block;
content: "(" counter(cnt) ") ";
margin-left: -2.5em;
width: 2.5em
}

/*-----------------------------------------------------------

修理の流れ

-----------------------------------------------------------*/


h3.step01 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step01:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP01';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step02 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step02:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP02';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step03 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step03:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP03';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step04 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step04:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP04';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step05 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step05:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP05';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step06 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step06:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP06';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step07 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step07:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP07';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
#flow .eq p{padding-bottom: px;}
.select {
	background-image: -webkit-linear-gradient(270deg, #fefefe 0%, #ebebeb 100%)!important;
	background-image: -moz-linear-gradient(270deg, #fefefe 0%, #ebebeb 100%)!important;
	background-image: -o-linear-gradient(270deg, #fefefe 0%, #ebebeb 100%)!important;
	background-image: linear-gradient(180deg, #fefefe 0%, #fff0c6 100%)!important;
}
.contact_sct01 {
    overflow: hidden;
    border: 3px solid #c1def5;
    background: #e8effb;
    padding: 0.5em;
    margin-top:30px    
}
.contact_sct02 {
    overflow: hidden;
    border: 3px solid #c6d9d4;
    background: #ebfbe873;
    padding: 0.5em;
    margin:30px 0 80px
    
}
.contact_sct01 i,.contact_sct02 i{padding: 0.3em}
.contact_sct01 .btn, .contact_sct02 .btn {
    font-size: 1.8rem;
    font-weight: 600;
    width:60%;
    margin-bottom:20px;
    white-space:normal!important;
}
.contact_sct01 .btn a,.contact_sct02 .btn a,.contact_sct01 .btn a i:hover,.contact_sct02 .btn a i:hover{text-decoration:none;color:#fff;}
.contact_sct01 .btn{background-color: #0d41dc;}
.contact_sct01 .btn:hover, .contact_sct01 .btn:focus{background-color: #264e87;color: #fff}
.contact_sct02 .btn{background-color: #00956E;}
.contact_sct02 .btn:hover, .contact_sct02 .btn:focus{background-color: #118164;color: #fff}