/* brand -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.brand_c_ttl{
font-size: 5.7vw;
line-height: 8.7vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
padding-top: 6vw;
letter-spacing: 0.5vw;
}
.brand_c_txt{
font-size: 3.6vw;
line-height: 6.6vw;
padding-top: 8vw;
}
.brand_c_listWrap {
width: 100%;
padding-top: 20vw;
}
.brand_c_list{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify
}
.brand_c_list_item {
width: 100%;
padding-bottom: 10vw;
display: inline-table;
}
.brand_c_list_img {
width: 100%;
}
.brand_c_list_item img{
width: 100%;
}
.brand_c_list_ttl {
font-size: 5.2vw;
line-height: 8.2vw;
padding-top: 4vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
letter-spacing: 0.5vw;
}
.brand_c_list_txt {
font-size: 3.6vw;
line-height: 6.6vw;
padding-top: 3vw;
letter-spacing: 0.5vw;
}
.brand_d {
padding-top: 40vw;
}
.brand_d_ttl {
position: relative;
font-size: 5.7vw;
line-height: 8.7vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
letter-spacing: 0.5vw;
}
.brand_d_ttl::after {
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_d_ttl_bg.png);
content: '';
position: absolute;
bottom: 0px;
right: 0;
width: 70vw;
height: 20vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.brand_d_ttl span {
position: relative;
z-index: 1;
}
.brand_d_listWrap {
padding-top: 4vw;
}
.brand_d_list {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.brand_d_list_item {
width: 100%;
padding-top: 12vw;
padding-bottom: 10vw;
display: inline-table;
}
.brand_d_list_img {
width: 100%;
padding-top: 5vw;
}
.brand_d_list_img img {
width: 100%;
}
.brand_d_list_logo {
	width: 45%;
    padding: 7vw 0 2vw;
    margin: 0 auto;
}
.brand_d_list_logo img {
width: 100%;
}
.brand_d_list_ttl {
font-size: 5vw;
line-height: 8.2vw;
padding-top: 4vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
letter-spacing: 0.5vw;
}
.brand_d_list_txt {
font-size: 3.6vw;
line-height: 6.6vw;
padding-top: 3vw;
}
.brand_d_list_linkWrap {
width: 43%;
padding-top: 7vw;
}
.brand_d_list_link {
width: 100%;
font-size: 3.4vw;
border: 1px solid #444446;
border-radius: 3px;
padding: 0.6em 0;
display: block;
text-align: center;
letter-spacing: 0.5vw;
}
.brand_d_list_link:hover{
opacity: 0.8;
}
.brand_d_list_link span {
position: relative;
}
.brand_d_list_link span::after {
content: '';
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/menu/menu_link2.png);
width: 8px;
height: 8px;
position: absolute;
bottom: 5px;
left: 104%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.brand_d_linkWrap {
width: 100%;
margin: auto;
padding-top: 10vw;
padding-bottom: 16vw;
}
.brand_d_link {
width: 100%;
background-color: #333;
color: white;
position: relative;
padding: 5vw 0px;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
border-radius: 8px;
}
.brand_d_link:hover{
opacity: 0.8;
}
.brand_d_link::before {
content: '';
width: 60vw;
height: 5.5vw;
display: block;
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_d_btn_logo.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.brand_d_link span {
display: inline-block;
font-size: 4vw;
letter-spacing: 0.5vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
color: white;
padding-top: 3vw;
}
.brand_d_link span::after {
content: '>';
margin-left: 0.4em;
}
.brand_bottom_area {
width: 100%;
background-color: #edefef;
position: relative;
padding-top: 5vw;
padding-bottom: 7vw;
}
.brand_bottom_area::before{
content: '';
width: 100vw;
height: 6px;
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_e_bg_sp_top.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
bottom: 100%;
}
.brand_bottom_area::after{
content: '';
width: 100vw;
height: 6px;
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_e_bg_sp_bottom.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
bottom: 0;
}
.brand_e {
width: 100%;
padding: 0 4vw;
}
.brand_e_ttlWrap {
width: 100%;
padding-top: 8vw;
}
.brand_e_ttl_deco {
position: relative;
top: -3vw;
left: 0;
font-family: "ヒラギノ明朝 ProN W3",HiraMinProN-W3,HG明朝E,"ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
width: max-content;
font-size: 3vw;
letter-spacing: 0.2vw;
}
.brand_e_ttl_deco:before {
content: '';
display: block;
width: calc(100% + 4vw);
height: 1px;
position: absolute;
bottom: -.5vw;
left: -4vw;
background-color: #444446;
animation: border_anim .6s linear forwards;
}
.brand_e_ttl {
font-size: 5.5vw;
letter-spacing: .2vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_e_listWrap {
width: 100%;
padding-top: 4vw;
}
.brand_e_list {
width: 100%;
}
.brand_e_list_item {
width: 100%;
font-size: 3vw;
line-height: 5vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_e_list_item::before {
content: '・';
}
}
@media screen and (min-width: 768px) {
.brand_c_ttl{
font-size: 2.4vw;
text-align: center;
line-height: 3.4vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_c_txt{
font-size: 1.1vw;
line-height: 2.1vw;
text-align: center;
padding-top: 2vw;
}
.brand_c_listWrap {
width: 100%;
padding-top: 4vw;
}
.brand_c_list{
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.brand_c_list_item {
width: 30%;
padding-bottom: 4vw;
}
.brand_c_list_item img{
width: 100%;
}
.brand_c_list_ttl {
font-size: 1.2vw;
line-height: 2.2vw;
padding-top: 0.6vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_c_list_txt {
font-size: 0.94vw;
line-height: 1.6vw;
padding-top: 0.6vw;
}
.brand_d {
padding-top: 6vw;
}
.brand_d_ttl {
position: relative;
font-size: 2.4vw;
text-align: center;
line-height: 3.4vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_d_ttl::after {
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_d_ttl_bg.png);
content: '';
position: absolute;
bottom: -10px;
left: 53%;
width: 29.17vw;
height: 8.59vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.brand_d_ttl span {
position: relative;
z-index: 1;
}
.brand_d_listWrap {
padding-top: 4vw;
}
.brand_d_list {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.brand_d_list_item {
width: 46%;
}
.brand_d_list_img {
width: 100%;
}
.brand_d_list_img img {
width: 100%;
}
.brand_d_list_logo {
	width: 47%;
    padding: 3vw 0vw 1vw;
}
.brand_d_list_logo img {
width: 100%;
}
.brand_d_list_ttl {
font-size: 2.2vw;
line-height: 3.2vw;
padding-top: 1.2vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_d_list_txt {
font-size: 1.1vw;
line-height: 2.1vw;
padding-top: 1vw;
}
.brand_d_list_linkWrap {
width: 34%;
padding-top: 3.2vw;
}
.brand_d_list_link {
width: 100%;
font-size: 0.94vw;
border: 1px solid #444446;
border-radius: 3px;
padding: 0.6em 0;
display: block;
text-align: center;
letter-spacing: 0.14vw;
}
.brand_d_list_link:hover{
opacity: 0.8;
}
.brand_d_list_link span {
position: relative;
}
.brand_d_list_link span::after {
content: '';
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/menu/menu_link2.png);
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
left: 104%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.brand_d_linkWrap {
width: 26.25vw;
margin: auto;
padding-top: 10vw;
padding-bottom: 5vw;
}
.brand_d_link {
width: 100%;
background-color: #333;
color: white;
position: relative;
padding: 0.8em;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.brand_d_link:hover{
opacity: 0.8;
}
.brand_d_link::before {
content: '';
width: 10vw;
height: 0.78vw;
display: block;
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_d_btn_logo.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-right: 1em;
}
.brand_d_link span {
display: inline-block;
font-size: 0.83vw;
letter-spacing: 0.14vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
color: white;
}
.brand_d_link span::after {
content: '>';
margin-left: 0.4em;
}
.brand_bottom_area {
width: 100%;
background-color: #edefef;
position: relative;
padding-top: 5vw;
padding-bottom: 5vw;
}
.brand_bottom_area::before{
content: '';
width: 100vw;
height: 4px;
background-image: url(https://stg.st-medical.jp/wp-content/themes/sotsu_medical/img/brand/brd_e_bg_pc.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
bottom: 100%;
}
.brand_e {
width: 80%;
margin-left: auto;
}
.brand_e_ttlWrap {
width: 100%;
position: relative;
}
.brand_e_ttl_deco {
position: absolute;
top: 0.6vw;
right: 104%;
font-family: "ヒラギノ明朝 ProN W3",HiraMinProN-W3,HG明朝E,"ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
width: max-content;
font-size: 0.73vw;
letter-spacing: 0.12vw;
}
.brand_e_ttl_deco::before {
content: '';
display: block;
width: calc(100% + 4vw);
height: 1px;
position: absolute;
bottom: -.5vw;
left: -4vw;
background-color: #444446;
animation: border_anim .6s linear forwards;
}
.brand_e_ttl {
font-size: 2.18vw;
letter-spacing: 0.2vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_e_listWrap {
width: 100%;
padding-top: 2vw;
}
.brand_e_list {
width: 100%;
}
.brand_e_list_item {
width: 100%;
font-size: 1.1vw;
line-height: 2.2vw;
letter-spacing: 0.14vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.brand_e_list_item::before {
content: '・';
}
}
/* brand -------------------------------------------------------------- */

/* other -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.other_c{
width:100%;
}
.other_c_listWrap{
width: 100%;
}
.other_c_list {
width: 100%;
}
.other_c_list_item {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
padding-top: 6vw;
padding-bottom: 10vw;
}
.list_item_logo {
width: 39.25vw;
margin: auto;
}
.list_item_logo img {
width: 100%;
}
.other_c_list_item_first {
width: 100%;
padding-top: 2vw;
}
.list_item_first_top {
width: 100%;
position: relative;
}
.list_item_first_top img {
width: 100%;
}
.list_item_first_top_ttl {
position: absolute;
top: 6vw;
left: 54%;
font-size: 3.0vw;
line-height: 5vw;
letter-spacing: 0.14vw;
}
.list_item_first_bottom {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.list_item_first_bottom_img {
width: 50%;
}
.list_item_first_bottom_img img {
width: 100%;
}
.other_c_list_item_second {
width: 100%;
padding-top: 5vw;
}
.list_item_second_type {
background-color: #edefef;
padding: 1vw 0;
text-align: center;
font-size: 3.5vw;
line-height: 4.5vw;
letter-spacing: 0.5vw;
margin-bottom: 2vw;
}
.item_second_list {
width: 92%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
padding-top: 1vw;
margin: auto;
}
.item_second_list_ttl {
width: 36%;
font-size: 3vw;
line-height: 5vw;
}
.item_second_list_desc {
width: 64%;
font-size: 3vw;
line-height: 5vw;
}
.list_item_second_comment {
width: 92%;
margin: auto;
font-size: 3vw;
line-height: 5vw;
padding-top: 4vw;
}
.other_d {
width: 100%;
padding-bottom: 10vw;
}
.other_d_listWrap {
width: 90%;
margin: auto;
}
.other_d_list {
width: 100%;
padding-top: 10vw;
}
.other_d_list_item {
width: 100%;
padding-bottom: 8vw;
}
.other_d_list_item a{
display: block;
}
.other_d_list_item a:hover{
opacity: 0.8;
}
.other_d_list_item img {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.other_c{
width: 100%;
}
.other_c_listWrap{
width: 100%;
}
.other_c_list {
width: 100%;
}
.other_c_list_item {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
padding-top: 4vw;
padding-bottom: 4vw;
}
.other_c_list_item_first {
width: 48%;
}
.list_item_first_top {
width: 100%;
}
.list_item_first_top img {
width: 100%;
}
.list_item_first_bottom {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.list_item_first_bottom_img {
width: 50%;
}
.list_item_first_bottom_img img {
width: 100%;
}
.other_c_list_item_second {
width: 46%;
}
.list_item_second_logo {
width: 14.063vw;
height: auto;
}
.list_item_second_logo img{
width: 100%;
}
.list_item_second_ttl {
font-size: 1.3vw;
line-height: 1.6vw;
padding-top: 3vw;
padding-bottom: 1vw;
}
.list_item_second_type {
background-color: #edefef;
padding: 0.4vw 0;
text-align: center;
font-size: 1.3vw;
line-height: 1.6vw;
}
.item_second_list {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
padding-top: 0.8vw;
}
.item_second_list_ttl {
width: 30%;
font-size: 1.05vw;
line-height: 2vw;
}
.item_second_list_desc {
width: 70%;
font-size: 1.05vw;
line-height: 2vw;
}
.list_item_second_comment {
font-size: 0.8vw;
padding-top: 4vw;
}
.other_d {
width: 100%;
padding-top: 6vw;
padding-bottom: 6vw;
}
.other_d_listWrap {
width: 84%;
margin: auto;
}
.other_d_list {
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.other_d_list_item {
width: 30%;
}
.other_d_list_item a{
display: block;
}
.other_d_list_item a:hover{
opacity: 0.8;
}
.other_d_list_item img {
width: 100%;
}
}

/* other -------------------------------------------------------------- */


/* importer item -------------------------------------------------------------- */
@media screen and (min-width: 768px) {
    .importer_ttl {
        margin-bottom: 3vw;
    }
    .importer_ttl img {
        width: 22vw;
        display: block;
        margin: auto;
        padding-top: 1.7vw;
    }
    .importer_item {}
    .importer_item_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .importer_item_list li {
        width: 38vw;
        display: flex;
        margin-bottom: 4vw;
    }
    .importer_item_img {
        width: 10vw;
        padding-right: 0.7vw;
        padding-top: 1.5vw;
    }
    .importer_item_img img {
        width: 100%;
        height: 9vw;
        object-fit: contain;
    }
    .importer_item_id {
        margin-top: 1vw !important;
        background-color: #a0a0a0;
        color: #fff;
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.7vw 0.5vw;
        text-align: center;
    }
    .importer_item_detail {
        width: calc(38vw - 10vw);
    }
    .importer_item_name {
        font-size: 1.2vw;
        font-weight: bold;
        letter-spacing: 0.2vw;
        line-height: 1.2;
        margin-bottom: 1.5vw;
        border-bottom: 1px solid;
        padding-bottom: 0.4vw;
        display: inline-block;
    }
    .importer_item_table {
        margin-bottom: 0.3vw;
    }
    .importer_item_dl {
        font-size: 0.8vw;
        letter-spacing: 0.1vw;
        line-height: 1.1vw;
        display: flex;
        /* margin-bottom: 0.5vw; */
    }
    .importer_item_dl:last-child {
        margin-bottom: 0;
    }
    .importer_item_dl dt {
        width: 6vw;
    }
    .importer_item_dl dd {
        text-indent: -1em;
        margin-left: 1em;
        width: calc(100% - 6vw);
    }
    .importer_item_txt {
        font-size: 0.7vw;
        line-height: 1.0vw;
        margin-bottom: 1vw;
    }
    .importer_item_price {
        font-size: 1.0vw;
        font-weight: bold;
        margin-bottom: 0.7vw;
        letter-spacing: 0.2vw;
    }
    .importer_item_price strong {
        font-size: 1.2vw;
    }
    .importer_item_set {
        font-size: 0.9vw;
        font-weight: bold;
        letter-spacing: 0.2vw;
    }
    .taxin {
        font-size: 0.5vw;
    }
}
@media screen and (max-width: 767px) {
    .importer_ttl {
        margin-bottom: 8vw;
    }
    .importer_ttl .brand_c_ttl {
        text-align: center;
    }
    .importer_ttl img {
        width: 52vw;
        display: block;
        margin: auto;
        padding-top: 4.5vw;
    }
    .importer_item_list li {
        display: flex;
        /* flex-wrap: wrap; */
        margin-bottom: 9vw;
    }
    .importer_item_img {
        width: 25vw;
        padding-right: 1.5vw;
        padding-top: 3.8vw;
    }
    .importer_item_img img {
        width: 100%;
    }
    .importer_item_id {
        background-color: #a0a0a0;
        padding: 1.8vw 0;
        color: #fff;
        font-size: 2.2vw;
        /* letter-spacing: -0.1vw; */
        /* white-space: nowrap; */
        margin-top: 4.5vw !important;
        text-align: center;
        font-weight: bold;
    }
    .importer_item_detail {
        width: calc(100% - 25vw);
    }
    .importer_item_name {
        font-size: 2.8vw;
        letter-spacing: 0.5vw;
        line-height: 1.2;
        font-weight: bold;
        display: inline-block;
        border-bottom: 1px solid;
        padding-bottom: 0.5vw;
        margin-bottom: 5vw;
    }
    .importer_item_table {
        margin-bottom: 2vw;
    }
    .importer_item_dl {
        display: flex;
        font-size: 2.0vw;
        line-height: 3vw;
        letter-spacing: 0.1vw;
        margin-bottom: 0.5vw;
    }
    .importer_item_dl:last-child {
        margin-bottom: 0;
    }
    .importer_item_dl dt {
        width: 14vw;
        /* white-space: nowrap; */
    }
    .importer_item_dl dd {
        text-indent: -1.0em;
        margin-left: 1.0em;
        width: calc(100% - 14vw);
    }
    .importer_item_txt {
        font-size: 2.0vw;
        line-height: 3vw;
        letter-spacing: 0.2vw;
        margin-bottom: 2vw;
    }
    .importer_item_price {
        font-size: 2.6vw;
        font-weight: bold;
        margin-bottom: 1.8vw;
        letter-spacing: 0.5vw;
    }
    .importer_item_price strong {
        font-size: 2.8vw;
    }
    .importer_item_set {
        font-size: 2.4vw;
        font-weight: bold;
        letter-spacing: 0.5vw;
    }
    .taxin {
        font-size: 1.2vw;
    }
}
/* importer item -------------------------------------------------------------- */