@charset "utf-8";
/* title / mv */
.section_nk {
	margin: auto;
	position: relative;
}
.vc_ttl .vc_profile {
	width: auto;
	display: inline-block;
	background-color: #6f7b81;
}
.vc_ttl .vc_room,
.vc_ttl .vc_room em,
.vc_ttl .vc_catch {
	color: #fff;
	font-family: a-otf-midashi-go-mb31-pr6n,sans-serif;
	font-weight: 600;
	font-style: normal;
}
.vc_ttl .ttl_h1 {	font-family: allura, sans-serif;color: #fff;}
.vc_ttl .vc_catch {text-shadow: 5px 5px 10px rgba(0,0,0,0.6);}
.vc_ttl .vc_room {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.vc_ttl .vc_room em {
	/*color: #d7c447;*/
    color: #d5d747;
	font-style: normal;
	margin-right: 3px;
}
.vc_ttl .vc_name {
	color: #fff;
	line-height: 1.6;
}
.vc_ttl .vc_name i {font-style: normal;}
#nakama01 .vc_ttl .vc_profile .vc_kome,
#nakama02 .vc_ttl .vc_profile .vc_kome {
    color: #fff;
}

.section_vc_01,
.section_vc_02 {position: relative;}
.section_vc_01 .section_nk::after,
.section_vc_02 .section_nk::before,
.section_vc_02::after {
	content: '';
	display: block;
	background-color: #eee;
	position: absolute;
	z-index: 1;
}
.section_nk .vc_subt,
.section_nk .vc_txt {background-color: rgba(255,255,255,0.7);}
.section_nk .vc_txt em {
	font-style: normal;
	padding: 0 2px;
	/*background-color: rgba(215,196,71,0.6);*/
	background-color: rgba(213,215,71,0.6);
}
.section_nk .wrap_txt,
.section_nk .fig_nk {
	position: relative;
	z-index: 2;
}

	
@media screen and (min-width:481px) {
	.pc.vc_mv {display: block;}
	.vc_ttl {
		margin-bottom: 50px;
		position: relative;
	}
	.vc_ttl .wrap_mg_txt,
	.vc_ttl .wrap_mg {
		width: 100%;
		position: absolute;
	}
	.vc_ttl .wrap_mg_txt {top: 5%;}
	.vc_ttl .wrap_mg {bottom: -30px;}
	#nakama01 .vc_ttl .vc_catch,
	#nakama01 .vc_ttl .wrap_mg {text-align: right;}
	#nakama01 .vc_ttl .vc_profile * {text-align: left;}

	.vc_ttl .vc_profile {padding: 15px;}
	.vc_ttl .vc_catch {
		font-size: 4vw;
		margin: auto;
		padding: 0 15px;
	}
	.vc_ttl .ttl_h1 {
		font-size: 2vw;
		margin-bottom: 5px;
	}
	.vc_ttl .vc_room {
		font-size: 1.7vw;
		/*margin-bottom: 15px;*/
	}
    .vc_ttl .vc_kome {
        font-size: 1.2vw;
        margin-bottom: 10px;
    }
	.vc_ttl .vc_name {font-size: 1.6vw;}
	.vc_ttl .vc_name i {font-size: 2.2vw;}
	.vc_ttl .vc_name br.sp {display: none;}
}
@media screen and (min-width:641px) {
	.sp {display: none;}
	.section_vc_01 {margin-bottom: 80px;}
	.section_vc_02 {margin-bottom: 50px;}
	.section_vc_01 .wrap_abs {
		position: relative;
		z-index: 2;
		padding-left: 40%;
	}
	.section_vc_01 .vc_fig_l {
		width: 100%;
		position: absolute;
		top: 20px;
		left: 0;
		z-index: 1;
	}
	.section_vc_01 .nk_fig_img01 {
		width: 45%;
		height: auto;
	}
	.section_nk .vc_subt {
		font-size: 2.4vw;
		padding: 5px 15px;
		margin-bottom: 20px;
	}
	.section_nk .vc_txt {
		font-size: 1.6vw;
		line-height: 1.8;
		padding: 15px 18px;
	}
	.section_vc_02 .flex_wrap {
		-webkit-flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		-o-flex-direction: row-reverse;
		flex-direction: row-reverse;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	.section_vc_02 .wrap_txt {flex-basis: 58%;}
	.section_vc_02 .vc_fig_r {flex-basis: 40%;}

	.section_vc_01 .section_nk::after {
		width: 340px;
		height: 340px;
		right: -55px;
		top: 60%;
	}
	.section_vc_02 .section_nk::before {
		width: 260px;
		height: 260px;
		top: -40px;
		left: -60px;
	}
	.section_vc_02::after {
		height: 120px;
		left: 0;
		right: 55%;
		bottom: -40px;
	}

	.btn_c {margin-bottom: 10px;}

    .nakama_cnt {overflow-x: hidden;}
}

@media screen and (min-width:1001px) {
	.vc_ttl .wrap_mg_txt {top: 10%;}
	.vc_ttl {margin-bottom: 60px;}
	.vc_ttl .vc_catch {font-size: 4rem;}
	.vc_ttl .vc_profile {
		width: 380px;
		padding: 20px;
	}
	.vc_ttl .ttl_h1 {font-size: 2.2rem;}
	.vc_ttl .vc_room {font-size: 1.4rem;}
	.vc_ttl .vc_name {font-size: 1.6rem;}
	.vc_ttl .vc_name i {font-size: 2rem;}
    .vc_ttl .vc_kome {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

	.section_vc_01 {margin-bottom: 100px;}
	.section_vc_01 .vc_fig_l {position: static;}
	.section_vc_01 .wrap_abs {
		width: 52%;
		padding: 0;
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 2;
	}
	.section_nk .vc_subt {
		font-size: 2.8rem;
		margin-bottom: 25px;
	}
	.section_nk .vc_txt {
		font-size: 1.4rem;
	}
	.section_vc_01 .nk_fig_img01 {width: 580px;}

	.section_vc_02 .section_nk::before {
		top: -30px;
		left: -120px;
	}
	.section_vc_02::after {
		height: 150px;
		left: 0;
		right: 60%;
		bottom: 0px;
	}


}
@media screen and (min-width:1280px) {
	.vc_ttl .wrap_mg_txt {top: 50px;}
	.section_nk {width: 1280px;}

	.vc_ttl .vc_catch {
		font-size: 5rem;
		width: 1280px;
		margin: auto;
	}
	.vc_ttl .vc_profile {padding: 30px;}
	.vc_ttl .ttl_h1 {font-size: 2.4rem;}
	.vc_ttl .vc_room {font-size: 1.6rem;}
	.vc_ttl .vc_name {font-size: 1.8rem;}
	.vc_ttl .vc_name i {font-size: 2.2rem;}

	.section_vc_01 {margin-bottom: 100px;}
	.section_vc_02 {margin-bottom: 50px;}
	.section_vc_01 .wrap_abs {width: 730px;}

	.section_nk .vc_subt {font-size: 3rem;}
	.section_nk .vc_txt {font-size: 1.5rem;}

	.section_vc_02 .wrap_txt {width: 700px;}
	.section_vc_02 .vc_fig_r {flex-basis: 540px;}


}

@media screen and (max-width:640px) {
	.pc {display: none;}
	.nk_fig_img01,
	.nk_fig_img02 {margin: auto;}
    .section_vc_02 {margin-bottom: 40px;}
	.section_vc_01 .vc_fig_l,
	.section_vc_02 .vc_fig_r {
		padding: 0 3vw;
		margin-bottom: 20px;
	}
	.section_nk .wrap_txt,
	.section_nk .wrap_abs {
		padding: 0 6vw 25px;
		position: relative;
		z-index: 2;
	}
	.section_nk .vc_subt {
		font-size: 2.8vw;
		margin-bottom: 10px;
	}
	.section_nk .vc_txt {
		font-size: 2.2vw;
		line-height: 1.8;
		padding: 0 5px;
	}
	
	.btn_c {
		margin-bottom: 10px;
		position: relative;
		z-index: 2;
	}

	.section_vc_01 .section_nk::after {
		width: 150px;
		height: 150px;
		top: 30%;
		right: 0;
	}
	.section_vc_02 .section_nk::before {
		width: 150px;
		height: 150px;
		top: -100px;
		left: 0px;
	}
	.section_vc_02::after {
		height: 100px;
		left: 0;
		right: 20%;
		bottom: -20px;
	}
}
@media screen and (max-width:480px) {
	.vc_ttl {
		display: block;
		padding: 70% 6vw 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		margin-bottom: 25px;
	}
	#nakama01 .vc_ttl {background-image: url(/voice/common/images/nakama/o_v01_main_sp.jpg);}
	#nakama02 .vc_ttl {background-image: url(/voice/common/images/nakama/o_v02_main_sp.jpg);}
	.vc_ttl .vc_catch {
		font-size: 6.8vw;
		margin-bottom: 15px;
	}
	#nakama01 .vc_ttl .vc_catch {text-align: right;}
	.vc_ttl .vc_profile {padding: 10px;}
	.vc_ttl .ttl_h1 {
		font-size: 4.2vw;
		margin-bottom: 3px;
	}
	.vc_ttl .vc_room {
		font-size: 4vw;
		padding-top: 3px;
		margin-bottom: 5px;
	}
	.vc_ttl .vc_name {font-size: 3vw;}
	.vc_ttl .vc_name i {font-size: 4.2vw;}
    .vc_ttl .vc_kome {
        font-size: 2.6vw;
        margin-bottom: 10px;
    }

	.section_vc_02 .vc_fig_r {padding: 0 10vw;}
	.section_nk .vc_subt {font-size: 4.2vw;}
	.section_nk .vc_txt {
		font-size: 3vw;
		line-height: 2;
	}

}


