/*
Theme Name: Homia Official Site
Author: Sotsu Medical
Author URI: https://homia.jp/
Description:
Version: 1.0
*/

/***************************************************************
*
* ブラウザのデフォルトCSSをリセットします
*
***************************************************************/

.br_clear{
clear: both;
}
@media screen and (max-width: 767px) {
.pc{
display:none;
}
}
@media screen and (min-width: 768px) {
.sp{
display:none;
}
}

@media screen and (max-width: 767px) {
.support_product_spec_area{

}
.support_product_qa_ttl {
font-size: 5vw;
letter-spacing: 0.5vw;
line-height: 5vw;
text-align: center;
padding-bottom: 4vw;
}
.support_product_spec_box {
padding: 0vw 5vw 5vw;
}
.support_product_spec th {
padding: 3.5vw;
font-size: 3.0vw;
letter-spacing: .5vw;
line-height: 1;
}
.support_product_spec td {
padding: 3.5vw 0 3.5vw 4vw;
font-size: 3.0vw;
letter-spacing: .4vw;
line-height: 1.4;
text-align: left;
}
.support_product_spec_sub {
font-size: 2.4vw;
line-height: 1.7;
letter-spacing: .1vw;
padding: 0vw 5vw 10vw;
}
.support_product_spec_sub2 {
font-size: 2.4vw;
line-height: 1.7;
letter-spacing: 0.1vw;
padding: 0vw 5vw 10vw;
}

.support_product_shop{
font-size: 5vw;
letter-spacing: 0.5vw;
line-height: 5vw;
text-align: center;
padding-bottom: 4vw;
}
.support_product_shop_link{
padding: 0vw 5vw 10vw;
}
.support_product_shop_link_r{
float: left;
width: 50%;
padding-right: 1vw;
padding-bottom: 1vw;
}
.support_product_shop_link_r a{
border: 2px solid #000;
padding: 2vw 1vw;
font-size: 3.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_r a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.support_product_shop_link_p{
float: left;
width: 50%;
padding-left: 1vw;
padding-bottom: 1vw;
}
.support_product_shop_link_p a{
border: 2px solid #000;
padding: 2vw 1vw;
font-size: 3.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_p a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.support_product_shop_link_a{
float: left;
width: 50%;
padding-right: 1vw;
}
.support_product_shop_link_a a{
border: 2px solid #000;
padding: 2vw 1vw;
font-size: 3.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_a a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.support_product_shop_link_s{
float: left;
width: 50%;
padding-left: 1vw;
}
.support_product_shop_link_s a{
border: 2px solid #000;
padding: 2vw 1vw;
font-size: 3.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_s a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}

.support_product_pdf{
width: 100%;
padding: 0vw 5vw 10vw;
}
a.support_product_pdf_link {
width: 100%;
display: block;
background-color: white;
text-align: center;
padding: 2vw 4vw;
border-radius: 1.6vw;
border: 1px solid #231815;
font-size: 3.4vw;
}
a.support_product_pdf_link:hover{
color: #9dc814;
}
a.support_product_pdf_link:focus{
text-decoration: none;
}
a.support_product_pdf_link::before{
display: inline-block;
content: '';
width: 3.2vw;
height: 3.2vw;
background-image: url(./img/icon/icon_dl.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-right: 1.4vw;
}
a.support_product_pdf_link:hover::before{
background-image: url(./img/icon/icon_dl_hover.png);
}
}
@media screen and (min-width: 768px) {
.support_product_spec_area{

}
.support_product_qa_ttl {
font-size: 1.8vw;
letter-spacing: 0.5vw;
line-height: 1;
padding-bottom: 1vw;
}
.support_product_spec_box {
padding: 0vw 0vw 2vw;
}
.support_product_spec th {
padding: 1.6vw;
font-size: 1.2vw;
letter-spacing: .4vw;
line-height: 1;
}
.support_product_spec td {
padding: 1.6vw 0 1.6vw 4vw;
font-size: 1.2vw;
letter-spacing: .4vw;
line-height: 1.5;
}
.support_product_spec_sub {
font-size: 1.0vw;
line-height: 1.5;
letter-spacing: .1vw;
padding-bottom: 5vw;
}
.support_product_spec_sub2 {
font-size: 1.0vw;
line-height: 1.4;
letter-spacing: .1vw;
padding: 3vw 0vw 4vw;
}


.support_product_shop{
font-size: 1.8vw;
letter-spacing: 0.5vw;
line-height: 1;
padding-bottom: 1vw;
}
.support_product_shop_link{
padding-bottom:4vw;
}
.support_product_shop_link_r{
float:left;
width:25%;
padding-right: 1vw;
}
.support_product_shop_link_r a{
border: 2px solid #000;
padding: 1vw;
font-size: 1.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_r a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.support_product_shop_link_p{
float:left;
width:25%;
padding: 0vw 0.5vw;
}
.support_product_shop_link_p a{
border: 2px solid #000;
padding: 1vw;
font-size: 1.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_p a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.support_product_shop_link_a{
float:left;
width:25%;
padding: 0vw 0.5vw;
}
.support_product_shop_link_a a{
border: 2px solid #000;
padding: 1vw;
font-size: 1.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_a a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.support_product_shop_link_s{
float:left;
width:25%;
padding-left:1vw;
}
.support_product_shop_link_s a{
border: 2px solid #000;
padding: 1vw;
font-size: 1.0vw;
letter-spacing: 0.1vw;
text-align: center;
text-decoration: none;
display: block;
border-radius: 4px;
font-weight: 600;
}
.support_product_shop_link_s a:hover{
opacity:0.8;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}

.support_product_pdf{
width: 100%;
padding: 0vw 0vw 4vw;
}
a.support_product_pdf_link {
width: 100%;
display: block;
background-color: white;
text-align: center;
padding: 1vw 2vw;
border-radius: 5px;
border: 1px solid #231815;
font-size: 1.2vw;
}
a.support_product_pdf_link:hover{
color: #9dc814;
}
a.support_product_pdf_link:focus{
text-decoration: none;
}
a.support_product_pdf_link::before{
display: inline-block;
content: '';
width: 1vw;
height: 1vw;
background-image: url(./img/icon/icon_dl.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-right: 0.45vw;
}
a.support_product_pdf_link:hover::before{
background-image: url(./img/icon/icon_dl_hover.png);
}
}