/*
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{
position: relative;
height: 295vw;
}
.a1 img{
width: 17vw;
position: absolute;
top: 52vw;
right: 0vw;
}
.a1_inner{
position: absolute;
top: 114vw;
width: 100%;
}
.a1_box{
width: 100%;
padding-bottom: 1.5vw;
}
.a1_ttl{
font-size: 3vw;
line-height: 3.2vw;
letter-spacing: 0.2vw;
color: #444446;
padding-bottom: 0.7vw;
border-bottom: solid 1px #c4cacd;
width: 22vw;
padding-left: 6.5vw;
}
.a2_box{
width: 100%;
padding: 0 6vw;
}
.a2_txt{
font-size: 3.0vw;
line-height: 5.4vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 2vw;
}
.a2_txt2{
font-size: 3vw;
line-height: 3vw;
letter-spacing: .05vw;
color: #444446;
text-align: right;
padding: 4vw 0vw;
}
.a1_box2 img{
width: 88vw;
position: absolute;
left: 0;
top: 0vw;
}
.a1_box3 img{
width: 67vw;
position: absolute;
left: 6vw;
top: 88vw;
}
.b1{
/* padding: 10vw 0vw;
text-align: center;
height: 27vw; */
padding: 10vw 0;
    text-align: center;
    height: 27vw;
    position: relative;
    margin-top: 17vw !important;
}
.b1a{
padding: 10vw 0;
text-align: center;
height: 47.8vw;
}
.b1_link_cp{
position: absolute;
width:100%;
left: 0;
overflow:hidden;
}
.b1_link_cp img{
width:100%;
}
.b1_link_cp img:hover{
opacity:0.8;
transition:1s all;
vertical-align: bottom;
transform:scale(1.2,1.2);
}
.b1_link_cp_txt{
position: absolute;
top: 17.5vw;
font-size: 4.4vw;
line-height: 4.4vw;
letter-spacing: 1.4vw;
color: #fff;
width: 100%;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) {
.a1{
position: relative;
height: calc(110vw - 7vw);
}
.a1 img{
width: 11vw;
position: absolute;
top: calc(18vw - 7vw);
right: 10vw;
}
.a1_inner{
position: absolute;
top: calc(47vw - 7vw);
width: 100%;
}
.a1_box{
width: 100%;
padding-bottom: 1.5vw;
}
.a1_ttl{
font-size: 1.0vw;
line-height: 1.2vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 0.3vw;
border-bottom: solid 1px #c4cacd;
width: 12vw;
padding-left: 6.5vw;
}
.a2_box{
width: 100%;
padding: 0vw 6.5vw;
}
.a2_txt{
font-size: 1.1vw;
line-height: 2.4vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 2vw;
}
.a2_txt2{
font-size: 1vw;
line-height: 2vw;
letter-spacing: .05vw;
color: #444446;
text-align: right;
padding-right: 7vw;
padding-bottom: 10vw;
}
.a1_box2 img{
width: 75vw;
position: absolute;
left: 0;
top: calc(7vw - 7vw);
}
.a1_box3 img{
width: 24vw;
position: absolute;
right: 10vw;
top: calc(14vw - 7vw);
}
.b1{
padding: 2vw 4vw;
text-align: center;
height: 14vw;
}
.b1a{
padding: 2vw 4vw;
text-align: center;
height: 18vw;
}
.b1_link_cp{
position: absolute;
width:100%;
left: 0;
overflow: hidden;
}
.b1_link_cp img{
width:100%;
}
.b1_link_cp img:hover{
opacity:0.8;

transition:1s all;
vertical-align: bottom;
transform:scale(1.2,1.2);
}
.b1_link_cp_txt{
position: absolute;
top: 5.2vw;
font-size: 1.4vw;
line-height: 1.4vw;
letter-spacing: .4vw;
color: #fff;
left: 12.5vw;
}
}

@media screen and (max-width: 767px) {
.c1{
bottom: 5vw;
}
.c1_inner{
}
.c1_img{
width:100%;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
width: 88vw;
margin: 0 auto;
}
.slick-slide img {
padding: 0 4vw;
width: 100%;
}
.d1{
padding: 18vw 0vw 4vw;
}
.d1_box{
width: 100%;
padding-bottom: 1.5vw;
}
.d1_ttl{
font-size: 3vw;
line-height: 3.2vw;
letter-spacing: 0.2vw;
color: #444446;
padding-bottom: 0.7vw;
border-bottom: solid 1px #c4cacd;
width: 22vw;
padding-left: 6.5vw;
}
.d2_box{
width: 100%;
padding: 0vw 6.5vw;
}
.d2_txt{
padding: 4vw 0vw;
}
.d2_txt2{
font-size: 1vw;
line-height: 2vw;
letter-spacing: .05vw;
color: #444446;
text-align: right;
padding-right: 7vw;
padding-bottom: 10vw;
}
.d1_box2 img{
width: 75vw;
position: absolute;
left: 0;
top: 7vw;
}
.d1_box3 img{
width: 24vw;
position: absolute;
right: 10vw;
top: 14vw;
}
.d2_table{
width:100%;
}
.d2_tr{
display: flex;
padding-bottom: 1vw;
}
.d2_01{
width: 100%;
font-size: 2.7vw;
letter-spacing: 1.1vw;
line-height: 6vw;
padding-bottom: 1vw;
}
.d2_02{
width: 100%;
font-size: 2.7vw;
letter-spacing: .1vw;
padding-bottom: 3vw;
border-bottom: 1px solid #444446;
margin-bottom: 4vw;
}
.e1{
padding: 4vw 0vw 8vw;
}
.e1_box{
width: 100%;
padding-bottom: 6.5vw;
}
.e1_ttl{
font-size: 3vw;
line-height: 3.2vw;
letter-spacing: 0.2vw;
color: #444446;
padding-bottom: 0.7vw;
border-bottom: solid 1px #c4cacd;
width: 42vw;
padding-left: 6.5vw;
}
.e2_box{
width: 100%;
padding: 0vw 6.5vw 10vw;
}
.e2_txt{
font-size: 1.1vw;
line-height: 2.4vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 2vw;
}
.e2_txt2{
font-size: 1vw;
line-height: 2vw;
letter-spacing: .05vw;
color: #444446;
text-align: right;
padding-right: 7vw;
padding-bottom: 10vw;
}
.e1_box2 img{
width: 75vw;
position: absolute;
left: 0;
top: 7vw;
}
.e1_box3 img{
width: 24vw;
position: absolute;
right: 10vw;
top: 14vw;
}
}
@media screen and (min-width: 768px) {
.c1{
position: relative;
height: 5vw;
bottom: 5vw;
}
.c1_inner{
position: absolute;
width: 39vw;
right: 6vw;
}
.c1_img{
width: 100vw;
padding-left: 14vw;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
width: 88vw;
margin: 0 auto;
}
.slick-slide img {
padding: 0 4vw;
width: 100%;
}
	
.d1{
padding: 8vw 0vw 4vw;
}
.d1_box{
padding: 2vw 0vw 2vw;
}
.d1_ttl{
font-size: 1.0vw;
line-height: 1.2vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 0.3vw;
border-bottom: solid 1px #c4cacd;
width: 12vw;
padding-left: 6.5vw;
}
.d2_box{
width: 100%;
padding: 2vw 6.5vw;
}
.d2_txt{
font-size: 1.1vw;
line-height: 2.4vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 2vw;
}
.d2_txt2{
font-size: 1vw;
line-height: 2vw;
letter-spacing: .05vw;
color: #444446;
text-align: right;
padding-right: 7vw;
padding-bottom: 10vw;
}
.d1_box2 img{
width: 75vw;
position: absolute;
left: 0;
top: 7vw;
}
.d1_box3 img{
width: 24vw;
position: absolute;
right: 10vw;
top: 14vw;
}
.d2_table{
width:100%;
}
.d2_tr{
display: flex;
padding-bottom: 1vw;
}
.d2_01{
width:30%;
font-size: 1.2vw;
letter-spacing: 0.1vw;
}
.d2_02{
width:70%;
font-size: 1.2vw;
letter-spacing: 0.1vw;
line-height: 1.3;
}
.e1{
padding: 4vw 0vw 8vw;
}
.e1_box{
padding: 2vw 0vw 2vw;
}
.e1_ttl{
font-size: 1.0vw;
line-height: 1.2vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 0.3vw;
border-bottom: solid 1px #c4cacd;
width: 19vw;
padding-left: 6.5vw;
}
.e2_box{
width: 100%;
padding: 2vw 6.5vw;
}
.e2_txt{
font-size: 1.1vw;
line-height: 2.4vw;
letter-spacing: .1vw;
color: #444446;
padding-bottom: 2vw;
}
.e2_txt2{
font-size: 1vw;
line-height: 2vw;
letter-spacing: .05vw;
color: #444446;
text-align: right;
padding-right: 7vw;
padding-bottom: 10vw;
}
.e1_box2 img{
width: 75vw;
position: absolute;
left: 0;
top: 7vw;
}
.e1_box3 img{
width: 24vw;
position: absolute;
right: 10vw;
top: 14vw;
}
}


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