/*
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-bottom: 8vw;
	}
	.rr_a1_ttl{
		padding: 2.5vw 4vw;
		font-size: 3vw;
		color: #232323 !important;
		background: #ebeded;
		letter-spacing: 0.5vw;
	}
	.rr_a1{
		position:relative;
	}
	.rr_a1 img{
		width: 100vw;
		padding: 8vw 4vw;
	}
	.rr_a1_1{
		position: absolute;
		width: 50vw !important;
		left: 4vw;
		bottom: 2vw;
		z-index: 100;
	}
	.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 5vw ;
	}
	.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.5vw;
		letter-spacing: 1vw;
		line-height: 9vw;
		color: #ffffff;
		padding-bottom: 2vw;
	}
	
	#rr_c{
		padding: 15vw 0;
	}
	.rr_c_box{
		padding:0vw 0vw;
		text-align:center;
	}
	.rr_c_box_ttl{
		font-size: 4.5vw;
		letter-spacing: 0.9vw;
		color: #4f4d4e;
		padding-bottom: 3vw;
	}
	.rr_c_box_txt{
		font-size: 2vw;
		letter-spacing: 0.35vw;
		color: #4f4d4e;
		padding-bottom: 6vw;
	}
	.rr_c_box_inner{
		padding: 6vw 6vw;
		width: 53vw;
		position: absolute !important;
		right: 0;
		top: 50%;
		background: #fff;
		transform: translate(0, -50%);
	}
	.rr_c_box_left{
		right: auto;
		left: 0;
	}
	.rr_c_iv{
		padding:2vw 0;
		position: relative;
	}
	.rr_c_iv img{
		width:100%;
	}
	.rr_c_iv_icon1{
		background: #8098b6;
		padding: 1.1vw 0.5vw;
		color: #ffffff;
		font-size: 2vw;
		letter-spacing: 0.2vw;
		text-align: center;
		min-width: 16vw;
		display: inline-block;
	}
	.rr_c_iv_icon2{
		background: #b2a1a1;
		padding: 1.1vw 0.5vw;
		color: #ffffff;
		font-size: 2vw;
		letter-spacing: 0.2vw;
		text-align: center;
		min-width: 16vw;
		display: inline-block;
	}
	.rr_c_iv_icon3 {
		background: #b2b0a1;
		padding: 1.1vw 0.5vw;
		color: #ffffff;
		font-size: 2vw;
		letter-spacing: 0.2vw;
		text-align: center;
		min-width: 16vw;
		display: inline-block;
	}
	.rr_c_iv_icon4 {
		background: #908fb2;
		padding: 1.1vw 0.5vw;
		color: #ffffff;
		font-size: 2vw;
		letter-spacing: 0.2vw;
		text-align: center;
		min-width: 16vw;
		display: inline-block;
	}
	.rr_c_iv_int {
		background: #232323;
		padding: 2.5vw;
		width: 8vw;
		height: 24vw;
		/* writing-mode: vertical-rl; */
		/* -ms-writing-mode: tb-rl; */
		/* -webkit-writing-mode:vertical-rl;  */
		/* white-space: nowrap; */
		font-size: 2.4vw;
		line-height: 1;
		color: #fff;
		letter-spacing: .2vw;
		position: absolute !important;
		top: 2vw;
		left: 0;
		z-index: 1;
		
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 0;
		background: url(img/recruit/icon_interview.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	.rr_c_iv_int_right {
		left: auto;
		right: 0;
	}
	.rr_c_iv_txt{
		font-size: 3.0vw;
		line-height: 5.5vw;
		letter-spacing: 0.15vw;
		color: #232323;
		padding: 3.5vw 0vw;
	}
	a.rr_c_iv_link{
		border-radius: 0.2vw;
		border: 1px solid #232323;
		color: #232323 !important;
		padding: 0.8vw 3vw;
		letter-spacing: 0.8vw;
		font-size: 2.4vw;
		display: inline-block;
		margin-left: 1.5vw;
	}
	a.rr_c_iv_link :hover{
		opacity:0.8;
	}
	
	#rr_d{
		padding:4vw 0vw 5vw;
	}
	.rr_d_box{
		padding:0vw 0vw;
	}
	.rr_d_link{
		padding:0vw 0vw;
		position:relative;
	}
	.rr_d_link img{
		width:100%;
	}
	.rr_d_link_ttl{
		position: absolute;
		bottom: 37vw;
		right: 12vw;
		font-size: 4.6vw;
		letter-spacing: 0.5vw;
		color: #fff;
	}
	.rr_d_link_txt{
		position: absolute;
		bottom: 19vw;
		right: 8.6vw;
		font-size: 3.0vw;
		line-height: 4.5vw;
		letter-spacing: 0.05vw;
		padding-bottom: 1vw;
		color: #fff;
		text-align: center;
	}
	.rr_d_link_more{
		position: absolute;
		bottom: 11.8vw;
		right: 18.5vw;
		border: 1px solid #ffffff;
		color: #ffffff !important;
		padding: 0.8vw 3vw;
		letter-spacing: 0.8vw;
		font-size: 2.4vw;
	}
	
	#rr_e{
		padding:0vw 0vw;
	}
	.rr_e_box{
		padding: 4vw 14vw;
	}
	.rr_e_box_ttl{
		font-size: 4.5vw;
		line-height: 4.5vw;
		letter-spacing: 0.8vw;
		color: #232323;
		padding-bottom: 3vw;
	}
	.rr_e_box_ttl_sub{
		font-size: 3.0vw;
		letter-spacing: 0.3vw;
		margin-left: 1.3vw;
		color: #232323;
	}
	.rr_e_box_txt{
		font-size: 3.0vw;
		line-height: 3vw;
		letter-spacing: 0.05vw;
		color: #232323;
		padding-bottom: 2.5vw;
	}
	.rr_e_box_link{
		border: 1px solid #232323;
		color: #232323 !important;
		padding: 0.8vw 3vw;
		letter-spacing: 0.8vw;
		font-size: 2.4vw;
		border-radius: 0.3vw;
		display: inline-block;
	}
	.rr_e_box_link:hover{
		opacity:0.8;
	}
	.rr_e_box2{
		width: 100%;
		padding: 5vw 0vw 0vw;
		text-align: right;
		float: right;
	}
	.rr_e_box3{
		width: 25vw;
		padding: 8vw 0vw;
	}
	.rr_e_box4{
		width: 45vw;
		padding: 8vw 0vw 0vw;
	}
	.rr_e_box5{
		/* width: 70vw; */
		width: 100%;
		padding: 10vw 0vw 10vw;
	}
	
	#rr_f{
		padding: 10vw 5vw 10vw;
		background: #e8eef1;
		text-align: center;
	}
	.rr_f_box{
		padding: 5vw 5vw 3vw;
		background: #ffffff;
		text-align: center;
		margin-bottom: 2vw;
	}
	.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_f_box2{
		text-align: right;
		font-size: 2.2vw;
		line-height: 1.5;
	}
	.rr_f_txt2{
		font-size: 2.3vw;
		line-height: 1.5;
		letter-spacing: 0.2vw;
		color: #232323;
		text-align: center;
		padding: 3vw 0vw 3vw;
	}
	.rr_f_link2{
		font-size: 2.0vw;
    line-height: 1;
    letter-spacing: 0.15vw;
    color: #000 !important;
    margin-bottom: 1vw;
	}
}
@media screen and (min-width: 768px) {
	#rr_a{
		padding: 0vw 0vw 0vw;
	}
	.rr_a1{
		position:relative;
	}
	.rr_a1 img{
		width: 100vw;
	}
	.rr_a1_1{
		position: absolute;
		width: 23vw !important;
		top: 22.5vw;
		left: 5vw;
		z-index: 100;
	}
	.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;
		bottom: 0vw;
		right: 3vw;
	}
	
	#rr_b{
		padding:5vw 0vw;
	}
	.rr_b1{
		position:relative;
	}
	.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.5vw;
		letter-spacing: 1.00vw;
		line-height: 4vw;
		color: #ffffff;
		padding-bottom: 2vw;
	}
	
	#rr_c{
		padding:10vw 0vw;
	}
	.rr_c_box{
		padding:0vw 0vw;
		text-align:center;
	}
	.rr_c_box_ttl{
		font-size: 3.5vw;
		letter-spacing: 0.5vw;
		color: #4f4d4e;
		padding-bottom: 1vw;
	}
	.rr_c_box_txt{
		font-size: 1.0vw;
		letter-spacing: 0.15vw;
		color: #4f4d4e;
		padding-bottom: 5vw;
	}
	.rr_c_box_inner{
		padding: 3vw 2vw;
		margin-top: -4vw !important;
		background: #fff;
		margin: 0 4vw;
	}
	.rr_c_iv{
		padding:2vw 4vw;
		position: relative;
	}
	.rr_c_iv img{
		width:100%;
	}
	.rr_c_iv_icon1{
		background: #8098b6;
		padding: 0.3vw 0.5vw;
		color: #ffffff;
		font-size: 0.8vw;
		letter-spacing: 0.2vw;
		text-align: center;
		display: inline-block;
	}
	.rr_c_iv_icon2{
		background:#B2A1A1;
		padding: 0.3vw 0.5vw;
		color: #ffffff;
		font-size: 0.8vw;
		letter-spacing: 0.2vw;
		text-align: center;
		display: inline-block;
	}
	.rr_c_iv_icon3{
		background:#B2B0A1;
		padding: 0.3vw 0.5vw;
		color: #ffffff;
		font-size: 0.8vw;
		letter-spacing: 0.2vw;
		text-align: center;
		display: inline-block;
	}
	.rr_c_iv_icon4{
		background:#908FB2;
		padding: 0.3vw 0.5vw;
		color: #ffffff;
		font-size: 0.8vw;
		letter-spacing: 0.2vw;
		text-align: center;
		display: inline-block;
	}
	.rr_c_iv_int{
		background: #232323;
		padding: 1vw;
		height: 10vw;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		font-size: 1vw;
		color: #ffffff;
		letter-spacing: .2vw;
		position: absolute !important;
		top: 2vw;
		left: 4vw;
		z-index: 1;
	}
	.rr_c_iv_txt{
		font-size: 1.3vw;
		line-height: 2.5vw;
		letter-spacing: 0.15vw;
		color: #232323;
		padding: 1.5vw 0vw;
	}
	a.rr_c_iv_link{
		border-radius: 0.2vw;
		border: 1px solid #232323;
		color: #232323 !important;
		padding: 0.4vw 1vw;
		letter-spacing: 0.2vw;
		font-size: 0.8vw;
		display: inline-block;
		margin-left: 0.5vw;
	}
	a.rr_c_iv_link :hover{
		opacity:0.8;
	}
	
	#rr_d{
		padding:4vw 0vw;
	}
	.rr_d_box{
		padding:0vw 0vw;
	}
	.rr_d_link{
		padding:0vw 0vw;
		position:relative;
	}
	.rr_d_link img{
		width:100%;
	}
	.rr_d_link_ttl{
		position: absolute;
		bottom: 14vw;
		left: 4vw;
		font-size: 2.6vw;
		letter-spacing: 0.5vw;
		color: #fff;
	}
	.rr_d_link_txt{
		position: absolute;
		bottom: 7vw;
		left: 4vw;
		font-size: 1.2vw;
		line-height: 2.5vw;
		letter-spacing: 0.05vw;
		padding-bottom: 1vw;
		color: #fff;
	}
	.rr_d_link_more{
		position: absolute;
		bottom: 2.8vw;
		left: 4vw;
		border-radius: 0.3vw;
		border: 1px solid #ffffff;
		color: #ffffff;
		padding: 0.4vw 1.4vw;
		font-size: 1vw;
		letter-spacing: 0.3vw;
	}
	
	#rr_e{
		padding:0vw 0vw 0vw;
	}
	.rr_e_box{
		
	}
	.rr_e_box_ttl{
		font-size: 3vw;
		line-height: 3vw;
		letter-spacing: 0.6vw;
		color: #232323;
		padding-bottom: 2vw;
	}
	.rr_e_box_ttl_sub{
		font-size: 1.5vw;
		letter-spacing: 0.3vw;
		margin-left: 1.3vw;
		color: #232323;
	}
	.rr_e_box_txt{
		font-size:1.5vw;
		line-height:2.5vw;
		letter-spacing:0.05vw;
		color:#232323;
		padding-bottom:2vw;
	}
	a.rr_e_box_link{
		border-radius: 0.3vw;
		border: 1px solid #232323;
		color: #232323;
		padding: 0.4vw 1.2vw;
		font-size: 1vw;
		letter-spacing: 0.3vw;
		display: inline-block;
	}
	a.rr_e_box_link:hover{
		opacity:0.8;
	}
	.rr_e_box2{
		/* width: 100%;
		padding: 0vw 2vw;
		position: absolute;
		top: -1vw;*/
		width: 100%;
		padding-top: 4.5%;
	}
	.rr_e_box3{
		/* width: 25vw;
		padding: 8vw 0vw; */
		width: 100%;
	}
	.rr_e_box4{
		/* width: 45vw;
		padding: 8vw 0vw 0vw; */
		width: 100%;
	}
	.rr_e_box5{
		/* width: 40vw;
		padding: 9vw 0vw 0vw; */
		width: 100%;
	}
	
	#rr_f{
		padding: 6vw 0vw 4vw;
		background: #e8eef1;
		margin-bottom: 6vw;
	}
	.rr_f_box{
		padding: 5vw 5vw 3vw;
		background: #ffffff;
		margin-bottom:1vw;
	}
	.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_f_box2{
		font-size: 0.8vw;
		line-height: 1.4;
		text-align: right;
	}
	.rr_f_txt2{
		font-size: 1.1vw;
		line-height: 1.5;
		letter-spacing: 0.1vw;
		color: #232323;
		float: left;
	}
	.rr_f_link2{
		font-size: 0.8vw;
		letter-spacing: 0vw;
	}
}

@media screen and (max-width: 375px) {
	.video-container .video-wrap {
		width: 120%;
		height: 82vh;
	}
}

@media screen and (max-width: 767px) {
	/* video {
	object-fit: cover;
	width: 1440px;
	height: 960px;
	} */
	.video-container .video-wrap {
		width: 113%;
		height: 100vh;
		position: relative;
		overflow: hidden;
	}
	.video-container video {
		object-fit: cover;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	.is-wide-iphone .video-container .video-wrap {
		width: 115%;
		height: 83vh;
	}
	.is-wide-android .video-container .video-wrap {
		width: 115%;
		height: 83vh;
	}
}


/*  */
html {-webkit-overflow-scrolling: touch;}

.rr_a1_img {
	width: 100vw;
	overflow: hidden;
}
.rr_a1_img.is-active img {
	height: auto;
	animation: zoomAnime 6s ease-in-out forwards;
}
@keyframes zoomAnime {
	100% { transform: scale(1.1);}
}

.rr_b1 img {
	opacity: 0;
}
.rr_b1.is-active img {
	animation-name: smoothAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	transform-origin: left;
}
@keyframes smoothAnime{
	from {
		transform: translate3d(0, 100%, 0) skewY(0);
		opacity: 0;
	}
	to {
		transform: translate3d(0, 0, 0) skewY(0);
		opacity: 1;
	}
}

.rr_c_iv > * {
	position: relative;
}
.rr_c_iv::after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	transition: 1s ease 1s;
	content: "";
	display: block;
	background: #ffffff;
	z-index: 1;
}
.rr_c_iv.is-active::after {
	width: 0%;
}
.rr_c_box {
	opacity: 0;
	-moz-transition: opacity 1s ease 0s, -moz-transform 1s ease 0s;
	-o-transition: opacity 1s ease 0s, -o-transform 1s ease 0s;
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: opacity 1s ease 0s, transform 1s ease 0s;
}
.rr_c_box.is-active {
	opacity: 1;
}

.rr_d_box > * {
	position: relative;
}
.rr_d_box:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	transition: .7s ease .7s;
	content: "";
	display: block;
	background: #ffffff;
	z-index: 1;
}
.rr_d_box.is-active::after {
	width: 0%;
}

#rr_e,
#rr_e > * {
	position: relative;
}
#rr_e:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: auto;
	bottom: auto;
	right: 0;
	transition: 1s ease 1s;
	content: "";
	display: block;
	background: #ffffff;
	z-index: 1;
}
#rr_e.is-active::after {
	width: 0%;
}

#rr_f {
	opacity: 0;
	-moz-transition: opacity 1s ease 0s, -moz-transform 1s ease 0s;
	-o-transition: opacity 1s ease 0s, -o-transform 1s ease 0s;
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: opacity 1s ease 0s, transform 1s ease 0s;
}
#rr_f.is-active {
	opacity: 1;
}

.slidein {
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
.slidein.is-active {
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.slidein {
	opacity: 0;
	-moz-transition: opacity 1s ease 0s, -moz-transform 1s ease 0s;
	-o-transition: opacity 1s ease 0s, -o-transform 1s ease 0s;
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: opacity 1s ease 0s, transform 1s ease 0s;
}
.slidein.is-active {
	opacity: 1;
}

.slidein {
	-moz-transition-delay: 0.1s, 0.1s;
	-o-transition-delay: 0.1s, 0.1s;
	-webkit-transition-delay: 0.1s, 0.1s;
	transition-delay: 0.1s, 0.1s;
}

.swiper-slide img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.rr_a1_img {
		width: auto;
		overflow: hidden;
		margin: 8vw 0vw !important;
	}
	.rr_a1_img.is-active img {
		height: auto;
		animation: zoomAnime 6s ease-in-out forwards;
	}
	.rr_a1 img {
		width:100%;
	}
	.rr_a1 img {
		padding: 0;
	}
	@keyframes zoomAnime {
		100% { transform: scale(1.1);}
	}
	.rr_e_box4 {
		width: 100%;
	}
}

/*  */
.rr_a_sld {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.rr_a_sld1, .rr_a_sld2, .rr_a_sld3, .rr_a_sld4, .rr_a_sld5, .rr_a_sld6 {
	width: 100%;
	position: absolute;
	top: 0;
	background: center center no-repeat;
	animation: anime 12s 0s infinite;
	z-index: 0;
	opacity: 0;
}

@media screen and (max-width: 767px) {
	.rr_a_sld {
		height: 69vw;
	}
	.rr_a_sld1, .rr_a_sld2, .rr_a_sld3, .rr_a_sld4, .rr_a_sld5 {
		height: 69vw;
	}
	.rr_a_sld1 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_005_s.jpg);
		animation-delay: 0s;
		background-size: contain;
	}
	.rr_a_sld2 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_001_s.jpg);
		animation-delay: 2s;
		background-size: contain;
	}
	.rr_a_sld3 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_002_s.jpg);
		animation-delay: 4s;
		background-size: contain;
	}
	.rr_a_sld4 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_003_s.jpg);
		animation-delay: 6s;
		background-size: contain;
	}
	.rr_a_sld5 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_004_s.jpg);
		animation-delay: 8s;
		background-size: contain;
	}
	.rr_a_sld6 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_005_s.jpg);
		animation-delay: 10s;
		background-size: contain;
	}
}
@media screen and (min-width: 768px) {
	.rr_a_sld {
		height: 36vw;
	}
	.rr_a_sld1, .rr_a_sld2, .rr_a_sld3, .rr_a_sld4, .rr_a_sld5 {
		height: 36vw;
	}
	.rr_a_sld1 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_005_p.jpg);
		animation-delay: 0s;
	}
	.rr_a_sld2 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_001_p.jpg);
		animation-delay: 2s;
	}
	.rr_a_sld3 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_002_p.jpg);
		animation-delay: 4s;
	}
	.rr_a_sld4 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_003_p.jpg);
		animation-delay: 6s;
	}
	.rr_a_sld5 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_004_p.jpg);
		animation-delay: 8s;
	}
	.rr_a_sld6 {
		background-image: url(https://stg-recruit.st-medical.jp/wp-content/themes/recruit/img/slide_top/sld_005_p.jpg);
		animation-delay: 10s;
	}
}

@keyframes anime {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0;
		transform: scale(1.2);
		z-index: 10;
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}

/*  */


@media screen and (max-width: 767px) {
	#rr_e2{
		padding:10vw 0vw;
	}
	.rr_e2_box{
		padding: 4vw 8vw 10vw;
	}
	.rr_e2_box_ttl{
		font-size: 5vw;
		line-height: 1.3;
		letter-spacing: 0.8vw;
		color: #232323;
		padding-bottom: 5vw;
		text-align: center;
	}
	.rr_e2_box_ttl_sub{
		font-size: 3.0vw;
		letter-spacing: 0.3vw;
		margin-left: 1.3vw;
		color: #232323;
	}
	.rr_e2_box_txt{
		font-size: 3.5vw;
		line-height: 1.6;
		letter-spacing: .15vw;
		color: #232323;
		padding-bottom: 2.5vw;
	}
	.rr_e2_box2{
		width: 64%;
		margin: 0 auto;
		padding-bottom: 7vw;
	}
	.rr_e2_box2 img{
		width:100%;
		height:auto;
	}
	
	.mySwiper4,
	.mySwiper6 {
		width: 100%;
	}
	
	.mySwiper4 .swiper-slide,
	.mySwiper6 .swiper-slide {
		height: auto;
	}
	
	.mySwiper4 img,
	.mySwiper6 img {
		width: 100%;
		height: auto;
		display: block;
	}
	#rr_g{
		padding:0% 0%;
	}
	.rr_g_link img{
		width: 100%;
		height: auto;
	}

	.brand_mytrex img{
		width: 100%;
		height: auto;
	}
	.rr_mt_link_more{
		display: table;
		border-radius: 0.3vw;
		border: 1px solid #000000;
		color: #000000 !important;
		padding: 0.8vw 5vw;
		letter-spacing: 0.8vw;
		font-size: 2.4vw;
		margin: 1vw auto 0vw !important;
	}
	.rr_e_ttl{
		text-align: center;
		font-size: 5.4vw;
		padding-bottom: 4vw;
		line-height: 1;
		letter-spacing: 0.07em;
	}
}
@media screen and (min-width: 768px) {
	#rr_e2{
		padding: 0vw 0vw 6vw;
	}
	.rr_e2_box{
		
	}
	.rr_e2_box_ttl{
		font-size: 3vw;
		line-height: 1.3;
		letter-spacing: 0.6vw;
		color: #232323;
		padding-bottom: 2vw;
	}
	.rr_e2_box_ttl_sub{
		font-size: 1.5vw;
		letter-spacing: 0.3vw;
		margin-left: 1.3vw;
		color: #232323;
	}
	.rr_e2_box_txt{
		font-size: 1.4vw;
		line-height: 1.7;
		letter-spacing: .05vw;
		color: #232323;
		padding-bottom: 2vw;
	}
	.rr_e2_box2{
		width: 100%;
		padding: 0vw 2vw;
	}
	.rr_e2_box2 img{
		width:100%;
		height:auto;
	}
	#rr_g{
		padding:0% 0%;
	}
	.rr_g_link img{
		width: 100%;
		height: auto;
	}

	.brand_mytrex img{
		width: 100%;
		height: auto;
	}
	.rr_mt_link_more{
display: table;
    border-radius: 0.2vw;
    border: 1px solid #000;
    color: #000;
    padding: 0.4vw 4.3vw;
    font-size: 1.4vw;
    letter-spacing: 0.3vw;
    margin-top: 0.5vw !important;
    margin: 0 auto;
	}
	.rr_e_ttl{
		text-align: center;
		font-size: 2.4vw;
		padding-bottom: 2vw;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	
}