/*
Theme Name: SOTSU MEDICAL CO.,LTD.
Author: Sotsu Medical
Author URI: https://www.st-medical.jp/reserch-develop/
Description:
Version: 1.0
*/

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

.fs{
font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fg{
font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif !important;
}

@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
}


/* A -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.a1_ttl{
padding: 4vw 2vw 4vw;
text-align: center;
font-size: 2.4vw;
line-height: 3vw;
letter-spacing: .6vw;
color: #444446;
}
.a1_img{
padding:1vw 0vw;
}
.a1_img img{
width:100%;
}
.a1_txt_area{
padding: 4vw 6vw 10vw;
}
.a1_txt{
text-align: left;
font-size: 2.8vw;
line-height: 5.5vw;
letter-spacing: .2vw;
color: #444446;
}
.b1{
padding: 0vw;
border-top: #edefef solid 3vw;
}
.b1 img{
width:100%;
}
.b1_inner{

}
.b1_box{
padding: 8vw 6vw 6vw;
}
.b1_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #444446;
padding-bottom: 5vw;
}
.b1_txt{
font-size: 3vw;
line-height: 6vw;
letter-spacing: .1vw;
color: #444446;
}
.b1_box2 img{
width: 100%;
}
.b2_b3{
padding: 12vw 6vw;
}
.b2_b3_box{
padding: 8vw 0vw 10vw;
}
.b2_b3_img img{
width:100%;
}
.b2_b3_ttl{
padding: 4.0vw 0;
font-size: 4.5vw;
line-height: 3.5vw;
letter-spacing: 0.8vw;
color: #444446;
text-align: left;
}
.b2_b3_txt{
font-size: 2.7vw;
line-height: 5.5vw;
letter-spacing: .2vw;
color: #444446;
}
.b4{
background:#edefef;
padding: 20vw 6vw;
}
.b4_box{

}
.b4_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.2vw;
color: #444446;
text-align: center;
padding-bottom: 4vw;
}
.b4_link_area{
padding: 2vw 0 10vw;
text-align: left;
}
.b4_link{
font-size: 2.9vw;
line-height: 6vw;
letter-spacing: .05vw;
color: #444446 !important;
border-bottom: #444446 solid 1px;
margin-bottom: 5vw;
padding-bottom: 3vw;
display: block;
}
.b4_link_area2{
padding: 4vw 0vw 0vw;
text-align: center;
}
.b4_link:hover{
opacity:0.8;
}
.b4_link_all{
padding: 3.1vw 10vw;
border: #444446 solid 1px;
background: #fff;
font-size: 3vw;
letter-spacing: 1.2vw;
color: #444446 !important;
}
.b4_link_all:hover{
opacity:0.8;
}
}
@media screen and (min-width: 768px) {
.a1_ttl{
padding: 4vw 2vw 4vw;
text-align: center;
font-size: 2.4vw;
line-height: 3vw;
letter-spacing: .6vw;
color: #444446;
}
.a1_img{
padding:1vw 0vw;
}
.a1_img img{
width:100%;
}
.a1_txt_area{
padding: 4vw 2vw 10vw;
}
.a1_txt{
text-align: center;
font-size: 1.3vw;
line-height: 3vw;
letter-spacing: .2vw;
color: #444446;
}
.b1{
position:relative;
}
.b1 img{
width:100%;
}
.b1_inner{
position: absolute;
top: 8vw;
}
.b1_box{
padding: 0 4vw 0vw 5vw;
}
.b1_ttl{
font-size: 2.0vw;
line-height: 2.0vw;
letter-spacing: .2vw;
color: #444446;
padding-bottom: 2vw;
}
.b1_txt{
font-size: 1.0vw;
line-height: 2.0vw;
letter-spacing: .05vw;
color: #444446;
}
.b1_box2 img{
width: 43.5vw;
position: absolute;
right: 12vw;
top: 6vw;
}
.b2_b3{
padding: 8vw 0;
}
.b2_b3_box{
padding: 1vw 2.5vw;
}
.b2_b3_img img{
width:100%;
}
.b2_b3_ttl{
padding: 1.5vw 0;
font-size: 1.5vw;
line-height: 1.5vw;
letter-spacing: .3vw;
color: #444446;
text-align: center;
}
.b2_b3_txt{
font-size: 0.9vw;
line-height: 1.45vw;
letter-spacing: .05vw;
color: #444446;
}
.b4{
background:#edefef;
padding: 8vw 0;
}
.b4_box{

}
.b4_ttl{
font-size: 2.0vw;
line-height: 2.0vw;
letter-spacing: .5vw;
color: #444446;
text-align: center;
padding-bottom: 4vw;
}
.b4_link_area{
padding: 1vw 0;
text-align: center;
}
.b4_link{
font-size: .9vw;
line-height: 2vw;
letter-spacing: .05vw;
color: #444446 !important;
border-bottom: #444446 solid 1px;
margin-bottom: .6vw;
padding-bottom: 0.4vw;
}
.b4_link_area2{
padding: 4vw 0vw 0vw;
text-align: center;
}
.b4_link_all{
padding: 1.1vw 3vw;
border: #444446 solid 1px;
background: #fff;
font-size: 1.0vw;
letter-spacing: 0.2vw;
color: #444446 !important;
}
.b4_link_all:hover{
opacity:0.8;
}
}


/* A -------------------------------------------------------------- */