/*
Theme Name: SOTSU MEDICAL CO.,LTD.
Author: Sotsu Medical
Author URI: https://recruit.st-medical.jp/
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) {
#rr_a{
padding: 0vw 0vw 0vw;
}
.rr_a1_ttl{
padding: 2.5vw 4vw;
font-size: 3vw;
color: #232323 !important;
background: #ebeded;
letter-spacing: 0.5vw;
}
.rr_a1_ttl2{
padding: .1vw 0vw;
font-size: 6vw;
color: #fff !important;
background: #232323;
letter-spacing: 0.5vw;
display: inline-block;
margin: 0vw 6vw 3vw;
}
.rr_a1{
position:relative;
}
.rr_a1 img{
width: 100vw;
padding: 8vw 0vw 12vw;
}
.rr_a1_1{
position: absolute;
width: 80vw !important;
top: 55vw;
right: 10vw;
}
.rr_a1_2{
position: absolute;
width: 30vw !important;
top: 5vw;
right: 0vw;
padding: 0vw !important;
}
.rr_a1_3{
position: absolute;
width: 1.8vw !important;
bottom: 0vw;
right: 3vw;
}

#rr_b{
padding:0vw 0vw 10vw;
}
.rr_b1{
position: relative;
padding: 0vw 4vw;
}
.rr_b1 img{
width:100%;
height:auto;
}
.rr_b1_inner{
position: absolute;
top: 25vw;
width: 92vw;
text-align: center;
}
.rr_b1_ttl_sub{
font-size: 4.6vw;
letter-spacing: 1.3vw;
color: #ffffff;
padding-bottom: 12vw;
}
.rr_b1_ttl{
font-size: 6.6vw;
letter-spacing: 6.05vw;
color: #ffffff;
padding-bottom: 12vw;
}
.rr_b1_txt{
font-size: 3.2vw;
letter-spacing: 0.5vw;
line-height: 8vw;
color: #232323;
padding: 2vw 4vw;
}
.rr_b1_txt2{
font-size: 3.0vw;
letter-spacing: 1vw;
line-height: 7vw;
color: #232323;
padding: 8vw 4vw 4vw;
}
.rr_b1_txt2_sp{
font-size: 3.5vw;
letter-spacing: 1vw;
line-height: 7vw;
color: #232323;
}
.rr_b1_img{
position: absolute;
left: 25vw;
bottom: 23vw;
}
.rr_b1_img img{
width: 40vw;
}

#rr_g{
padding: 20vw 5vw 20vw;
text-align: center;
}
a.rr_g_iv_link{
border-radius: 0.2vw;
border: 1px solid #232323;
color: #232323 !important;
padding: 0.8vw 4vw;
letter-spacing: 1vw;
font-size: 3vw;
display: inline-block;
}
a.rr_g_iv_link :hover{
opacity:0.8;
}
	
#rr_f{
padding: 10vw 5vw 10vw;
background: #e8eef1;
text-align: center;
}
.rr_f_box{
padding: 5vw 5vw 3vw;
background: #ffffff;
text-align: center;
}
.rr_f_ttl{
position: absolute;
top: -4vw;
width: 50vw;
left: 17vw;
}
.rr_f_txt{
font-size: 2.8vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #232323;
text-align: center;
padding: 3vw 0vw 5vw;
}
.rr_f_link{
background: #232323;
padding: 2.2vw 6vw;
font-size: 2.8vw;
line-height: 1.3vw;
letter-spacing: 0.15vw;
color: #ffffff !important;
display: inline-block;
}
	
#rr_h{
padding:0vw 0vw 25vw;
}
.rr_h_ttl{
font-size: 4.0vw;
padding: 18vw 0 0vw;
line-height: 6.5vw;
letter-spacing: 0.3vw;
text-align: center;
}
.rr_h_ttl > div {
position: relative;
margin-bottom: 7.5vw;
}
.rr_h_logo {
position: absolute;
left: 0;
right: 0;
bottom: 5vw;
margin: auto;
background-color: #ffffff;
width: 32.5vw;
height: 32.5vw;
}
.rr_h_logo figure {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.rr_h_logo img {
width: 16vw;
}
.rr_h_txt {
font-size: 3vw;
}
.rr_h_img img {
width: 100vw;
vertical-align: bottom;
}
.rr_h_box{
padding: 0vw 8vw;
}
.rr_h_box_l{
width: 100%;
padding: 0vw 0vw;
}
.rr_h_box_l img{
width: 100%;
}
.rr_h_box_r{
width: 100%;
padding: 7.5vw 0vw;
}
.rr_h_box_r img{
width: 100%;
}
.rr_h_box_ttl{
font-size: 5.0vw;
letter-spacing: 0.2vw;
line-height: 3.0vw;
padding: 2vw 0vw;
font-weight: 800;
margin-bottom: 5vw;
}
.rr_h_box_txt{
font-size: 3.2vw;
letter-spacing: 0.5vw;
line-height: 5.5vw;
}
#rr_i{
padding: 0vw 0vw 22.5vw;
text-align: left;
}
#rr_i img {
max-width: 100vw;
}
.rr_i_ttl_sub{
font-size: 3.3vw;
letter-spacing: 0.6vw;
padding-bottom: 5vw;
color: #000000;
}
.rr_i_ttl{
font-size: 8vw;
letter-spacing: 1.2vw;
padding-bottom: 4vw;
}
.rr_i_txt{
font-size: 2.2vw;
line-height: 3.7vw;
letter-spacing: 0.2vw;
color: #000000;
text-align: left;
}

#rr_j {
text-align: center;
padding: 0 0vw 0;
}
.rr_j_ttl_sub {
font-size: 7.5vw;
font-weight: 500;
margin-bottom: 2.5vw;
}
.rr_j_txt {
font-size: 3.0vw;
margin-bottom: 10vw;
}
.rr_j_list {
overflow: hidden;
}
.rr_j_list li {
float: left;
width: 50%;
}
.rr_j_list li img {
width: 100%;
vertical-align: bottom;
}
}
@media screen and (min-width: 768px) {
#rr_a{
padding: 0vw 0vw 5vw;
}
.rr_a1{
position:relative;
}
.rr_a1 img{
width: 100vw;
}
.rr_a1_1{
position: absolute;
width: 30vw !important;
top: 9vw;
left: 7vw;
}
.rr_a1_2{
width: 8vw !important;
top: 7vw;
right: 0vw;
position: fixed;
z-index: 999;
}
.rr_a1_2:hover{
opacity: 0.8;
transition:0.8s;
}
.rr_a1_3{
position: absolute;
width: 1.8vw !important;
top: 40vw;
right: 3vw;
}

#rr_b{
padding:5vw 0vw;
}
.rr_b1{

}
.rr_b1 img{
width:100%;
height:auto;
}
.rr_b1_inner{
position:absolute;
top:12vw;
width: 100%;
text-align: center;
}
.rr_b1_ttl_sub{
font-size: 2.6vw;
letter-spacing: .4vw;
color: #ffffff;
padding-bottom: 6vw;
}
.rr_b1_ttl{
font-size: 2.6vw;
letter-spacing: 2.05vw;
color: #ffffff;
padding-bottom: 6vw;
}
.rr_b1_txt{
font-size: 1.1vw;
letter-spacing: .3vw;
line-height: 3.5vw;
color: #232323;
padding-bottom: 2vw;
padding-left: 13vw;
}
.rr_b1_txt2{
font-size: 1.1vw;
letter-spacing: .3vw;
line-height: 3.5vw;
color: #232323;
padding-top:5vw;
padding-bottom: 2vw;
padding-left: 13vw;
}
.rr_b1_img{
position: absolute;
left: 31vw;
bottom: 10vw;
}
.rr_b1_img img{
width:14vw;
}
	
#rr_g{
padding: 5vw 0vw 10vw;
text-align: center;
}
a.rr_g_iv_link{
border-radius: 0.2vw;
border: 1px solid #232323;
color: #232323 !important;
padding: 0.6vw 2vw;
letter-spacing: 0.4vw;
font-size: 1.2vw;
display: inline-block;
margin-left: 0.5vw;
}
a.rr_g_iv_link :hover{
opacity:0.8;
}
	
#rr_f{
padding: 6vw 0vw 4vw;
background: #e8eef1;
margin-bottom: 6vw;
}
.rr_f_box{
padding: 5vw 5vw 3vw;
background: #ffffff;
}
.rr_f_ttl{
position: absolute;
top: -1.0vw;
width: 20vw;
left: 1vw;
}
.rr_f_ttl{
position:absolute;
top:-1vw;
width:20vw;
}
.rr_f_txt{
font-size: 1.3vw;
line-height: 2.5vw;
letter-spacing: 0.1vw;
color: #232323;
float: left;
}
.rr_f_link{
background: #232323;
padding: 0.7vw 4vw;
font-size: 1.3vw;
line-height: 1.3vw;
letter-spacing: 0.15vw;
color: #ffffff !important;
margin-left: 7vw;
float: right;
}

#rr_h{
padding: 5vw 0vw 10vw;
}
.rr_h_ttl{
font-size: 1.3vw;
padding: 2vw 0vw 4vw;
text-align: center;
letter-spacing: 0.1vw;
}
.rr_h_ttl figure img{
max-width: 100%;
}
.rr_h_ttl > div {
position: relative;
}
.rr_h_logo {
background-color: #ffffff;
padding: 3vw;
padding-bottom: 0;
margin-top: -6.5vw !important;
}
.rr_h_logo figure {
margin-bottom: 1.5vw;
}
.rr_h_logo img {
width: 8vw;
}
.rr_h_txt {
font-size: 0.8vw;
background-color: #ffffff;
padding: 3vw;
padding-top: 0;
}
.rr_h_box{
padding:1vw;
}
.rr_h_box_l{
padding: 0vw 1vw;
text-align: center;
}
.rr_h_box_l img{
/* width: 6vw; */
max-width: 100%;
}
.rr_h_box_r{
text-align: left;
padding: 0vw 1vw;
}
.rr_h_box_r img{
width: 6vw;
}
.rr_h_box_ttl{
font-size: 1.5vw;
letter-spacing: 0.02vw;
line-height: 1vw;
padding: 2.0vw 0vw 1.5vw;
font-weight: 500;
}
.rr_h_box_txt{
font-size: 1.0vw;
letter-spacing: 0.06vw;
line-height: 1.5vw;
text-align: left;
}

#rr_i{
text-align: center;
}
.rr_i_ttl_sub{
font-size: 1.3vw;
letter-spacing: 0.3vw;
padding-bottom:2vw;
color:#000000;
}
.rr_i_ttl{
font-size:2.0vw;
letter-spacing:1.2vw;
color:#000000;
padding-bottom:2vw;
}
.rr_i_txt{
font-size: 0.9vw;
line-height: 2.4vw;
letter-spacing: 0.1vw;
color: #000000;
}

#rr_j {
    text-align: center;
    padding: 5vw 0vw 0;
}
.rr_j_ttl_sub {
    font-size: 3vw;
    font-weight: 500;
    margin-bottom: 1.0vw;
}
.rr_j_txt {
    font-size: 1.5vw;
    margin-bottom: 4.5vw;
}
.rr_j_list {
    overflow: hidden; 
    margin-right: -1%; 
    overflow: hidden;
}
.rr_j_list li {
    float: left;
    width: 32.3%;
    margin-right: 1%;
    margin-bottom: 1%;
}
.rr_j_list li img {
    vertical-align: bottom;
    width: 100%;
}
}