/*
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 5vw;
}
.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{
width: 30vw !important;
top: -4vw;
right: 0vw;
position: absolute;
}
.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: 10vw 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;
}
}
@media screen and (min-width: 768px) {
#rr_a{
padding: 0vw 0vw 5vw;
}
.rr_a1{
position:relative;
}
.rr_a1 img{
width: 93vw;
}
.rr_a1_1{
position: absolute;
width: 30vw !important;
top: 9vw;
left: 7vw;
}
.rr_a1_2{
position: absolute;
width: 8vw !important;
top: 2vw;
right: 0vw;
}
.rr_a1_2:hover{
opacity: 0.8;
transition:0.8s;
}
.rr_a1_3{
position: absolute;
width: 1.8vw !important;
top: 58vw;
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;
}
}