@charset "utf-8";
/* CSS Document */

#toaru .nextContents .toaruNameWrap {
	background: #e6e6e6;
	padding-left: calc(50% + 270px) ;
}

#toaru .toaruNameWrap .toaruNameBox {
	width: 100%;
	overflow: visible;
}

#toaru .nameBoxMuroi {
	background: url(../../staff/interview/toaru/images/toaru_hs/bg_toaru_hs_main.jpg) no-repeat center;
	width: 100%;
	background-size: cover;
	position: relative;
}

#toaru .nameBoxKushiro {
	background: url(../../staff/interview/toaru/images/toaru_kn/bg_toaru_kn_main.jpg) no-repeat center;
	width: 100%;
	background-size: cover;
	position: relative;
}

#toaru .toaruNameWrap .toaruNameCon {
	width: 770px;
	padding: 60px 0;
	margin-left: -770px;
}

#toaru .toaruNameWrap .toaruNameConL {
	width: 220px;
	position: relative;
	float: left;
	margin-right: 20px;
}

#toaru .toaruNameWrap .toaruNameCon .oneday {
	width: 76px;
	height: auto;
	position: absolute;
	top: 0;
	right: 40px;
}

#toaru .toaruNameWrap .toaruNameCon .oneday img {
	width: 76px;
	height: auto;
}

#toaru .toaruNameWrap .toaruNameBox .toaruClass {
	width: 80px;
	background: #00a7ac;
	padding: 10px 0;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 18px;
}

#toaru .toaruNameWrap .toaruNameBox .toaruName {
	font-size: 240%;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 12px;
	letter-spacing: 0.1em;
}

#toaru .toaruNameWrap .toaruNameBox .toaruRubi {
	font-size: 90%;
	line-height: 1;
	margin-bottom: 30px;
}

#toaru .toaruNameWrap .toaruNameBox .belong {
	font-size: 90%;
	line-height: 1.6;
}

#toaru .toaruNameWrap .toaruNameBox .toaruLead {
	font-size: 130%;
	font-weight: bold;
	color: #00a7ac;
	padding-top: 50px;
}

#toaru .toaruNameWrap .toaruNameBox #Muroi {
	width: 355px;
	height: 780px;
	background: url(../../staff/interview/toaru/images/toaru_hs/pic_main_hs.png) no-repeat left top;
	position: absolute;
	top: -98px;
	left: -146px;
}
#toaru .toaruNameWrap .toaruNameBox #Kushiro {
	width: 360px;
	height: 780px;
	background: url(../../staff/interview/toaru/images/toaru_kn/pic_main_kn.png) no-repeat left top;
	position: absolute;
	top: -93px;
	left: -161px;
}


#toaru .nextContents .timelineWrap.timelineMuroi {
	width: 1000px;
	background: url(../../staff/interview/toaru/images/toaru_hs/bg_toaru_hs_line.png) no-repeat center bottom;
	margin: 40px auto 100px;
	padding-top: 280px;
}

#toaru .nextContents .timelineWrap.timelineKushiro {
	width: 1000px;
	background: url(../../staff/interview/toaru/images/toaru_kn/bg_toaru_kn_line.png) no-repeat center bottom;
	margin: 40px auto 100px;
	padding-top: 280px;
}

#toaru .timelineWrap .timelineBoxL {
	width: 525px;
	float: left;
	padding: 35px 105px 0 0;
	margin-top: -180px;
	box-sizing: border-box;
	position: relative;
}

#toaru .timelineWrap .timelineBoxR {
	width: 525px;
	float: right;
	padding: 35px 0 0 105px;
	margin-top: -180px;
	box-sizing: border-box;
	position: relative;
}

#toaru .timelineWrap .timelineBoxL > p.time {
	width: 180px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}

#toaru .timelineWrap .timelineBoxR > p.time {
	width: 180px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

#toaru .timelineWrap .timeTtl {
	font-size: 130%;
	font-weight: bold;
	line-height: 1;
	margin: 20px 0 10px;
}


/* 営業部門社員TIMELINE */

.muroi_0820 {
	position: relative;
}

.muroi_1000 .balloon {
	width: 132px;
	height: auto;
	position: absolute;
	top: -28px;
	right: 2px;
}
.muroi_1000 .balloon img {
	width: 100%;
	height: auto;
}

.muroi_1700 .balloon {
	width: 132px;
	height: auto;
	position: absolute;
	top: 64px;
	left: 340px;
}
.muroi_1700 .balloon img {
	width: 100%;
	height: auto;
}

.muroi_0820 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_0820.png) no-repeat center;
}
.muroi_0830 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_0830.png) no-repeat center;
}
.muroi_0900 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_0900.png) no-repeat center;
}
.muroi_1000 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1000.png) no-repeat center;
}
.muroi_1100 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1100.png) no-repeat center;
}
.muroi_1300 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1300.png) no-repeat center;
}
.muroi_1330 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1330.png) no-repeat center;
}
.muroi_1500 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1500.png) no-repeat center;
}
.muroi_1700 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1700.png) no-repeat center;
}

/* 営業部門社員H.S　写真無バージョンTIMELINE */
#toaru .timelineWrap.timelineMuroi2 .timelineBoxR.muroi_0830 {
	width: 525px;
	float: right;
	padding: 35px 0 0 105px;
	margin-top: 66px;
	box-sizing: border-box;
	position: relative;
}

#toaru .timelineWrap.timelineMuroi2 .timelineBoxL.muroi_1100 {
	width: 525px;
	float: left;
	padding: 35px 105px 0 0;
	margin-top: -130px;
	box-sizing: border-box;
	position: relative;
}

#toaru .timelineWrap.timelineMuroi2 .timelineBoxR.muroi_1300 {
	width: 525px;
	float: right;
	padding: 35px 0 0 105px;
	margin-top: 66px;
	box-sizing: border-box;
	position: relative;
}

/* サービス部門社員TIMELINE */

.kushiro_0825 {
	position: relative;
}

.kushiro_0825 .balloon {
	width: 132px;
	height: auto;
	position: absolute;
	top: -30px;
	right: 166px;
}

.kushiro_1200 {
	position: relative;
}

.kushiro_1200 .balloon {
	width: 132px;
	height: auto;
	position: absolute;
	top: 73px;
	right: 55px;
}

.kushiro_0825 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0825.png) no-repeat center;
}
.kushiro_0830 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0830.png) no-repeat center;
}
.kushiro_0845 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0845.png) no-repeat center;
}
.kushiro_0900 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0900.png) no-repeat center;
}
.kushiro_1000 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1000.png) no-repeat center;
}
.kushiro_1100 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1100.png) no-repeat center;
}
.kushiro_1200 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1200.png) no-repeat center;
}
.kushiro_1500 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1500.png) no-repeat center;
}
.kushiro_1800 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1800.png) no-repeat center;
}



/* とある別ページへリンク */

.btnToaruWrap {
	display: block;
	width: 1000px;
	margin: 0 auto 60px;
	border-top: #00a7ac 3px solid;
	border-bottom: #00a7ac 3px solid;
	text-decoration: none;
	color: #101010;
}
.btnToaruWrap:hover {
	opacity: 0.8;
}
.btnToaru {
	display: table;
	width: 100%;
	padding: 40px 0;
	position: relative;
}
.btnToaru .conL {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding-left: 250px;
	border-right: #333f48 solid 1px;
	font-size: 90%;
}
.btnToaru .conR {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding-left: 50px;
	font-weight: bold;
	background: url(../../staff/interview/toaru/images/toaru_km/ico_btn_toaru.png) no-repeat right 30px center;
}
.btnToaru .conR span {
	color: #00a7ac;
	font-size: 150%;
	font-weight: bold;
}
.btnToaru .btnKushiro {
	width: 170px;
	height: 200px;
	position: absolute;
	left: 60px;
	bottom: 0;
}
.btnToaru .btnKushiro img {
	width: 170px;
	height: 200px;
}
.btnToaru .btnMuroi {
	width: 170px;
	height: 200px;
	position: absolute;
	left: 60px;
	bottom: 0;
}
.btnToaru .btnMuroi img {
	width: 170px;
	height: 200px;
}


/* 関連リンク */

.connectLinkWrap {
	background: #e6e6e6;
	padding: 35px 0 30px;
}

.connectLinkWrap .connectTtl {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 25px;
	background: url(../../staff/interview/toaru/images/toaru_km/bg_connectLink_ttl.gif) no-repeat center bottom;
}

.connectLinkM,
.connectLinkK {
	width: 1000px;
	margin: 0 auto;
}

.connectLinkM a,
.connectLinkK a {
	display: table;
	width: 320px;
	height: 100px;
	float: left;
	margin-right: 20px;
	padding-left: 25px;
    margin-bottom: 10px;
	box-sizing: border-box;
	text-decoration: none;
	color: #00a7ac;
	font-weight: bold;
}
.connectLinkM a.connect_01 {
	background: #fff url(../../staff/interview/toaru/images/toaru_hs/btn_connect_01.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkM a.connect_02 {
	background: #fff url(../../staff/interview/toaru/images/toaru_hs/btn_connect_02.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkM a.connect_03 {
	background: #fff url(../../staff/interview/toaru/images/toaru_hs/btn_connect_03.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkM a.connect_04 {
	background: #fff url(../../staff/interview/toaru/images/toaru_hs/btn_connect_04.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkM a.connect_05 {
	background: #fff url(../../staff/interview/toaru/images/toaru_km/btn_connect_05.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkM a.connect_06 {
	background: #fff url(../../staff/interview/toaru/images/toaru_km/btn_connect_06.jpg) no-repeat right center;
	background-size: contain;
}

.connectLinkK a.connect_01 {
	background: #fff url(../../staff/interview/toaru/images/toaru_kn/btn_connect_01.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkK a.connect_02 {
	background: #fff url(../../staff/interview/toaru/images/toaru_kn/btn_connect_02.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkK a.connect_03 {
	background: #fff url(../../staff/interview/toaru/images/toaru_kn/btn_connect_03.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkK a.connect_04 {
	background: #fff url(../../staff/interview/toaru/images/toaru_kn/btn_connect_04.jpg) no-repeat right center;
	background-size: contain;
}
.connectLinkK a.connect_05 {
	background: #fff url(../../staff/interview/toaru/images/toaru_kn/btn_connect_05.jpg) no-repeat right center;
	background-size: contain;
}


.connectLinkM a:nth-child(3n),
.connectLinkK a:nth-child(3n) {
	margin-right: 0;
}

.connectLinkM a:hover,
.connectLinkK a:hover {
	opacity: 0.8;
}

.connectLinkM a p,
.connectLinkK a p {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding-left: 25px;
	background: url(../images/ico_arrow.png) no-repeat left center;
	background-size: 15px 15px;
}


@media screen and (max-width: 767px){

#toaru .nextContents {
	overflow: hidden;
}
	
#toaru .nextContents .toaruNameWrap {
	background: #e6e6e6;
	padding: 25px 20px 30px;
}

#toaru .toaruNameWrap .toaruNameBox {
	width: 100%;
	background: none;
	overflow: visible;
}

#toaru .toaruNameWrap .toaruNameCon {
	width: 100%;
	padding: 0;
	margin-left: 0;
}

#toaru .toaruNameWrap .toaruNameConL {
	width: 53%;
	float: none;
	margin-right: 0;
}

#toaru .toaruNameWrap .toaruNameCon .oneday {
	width: 52px;
	height: auto;
	position: absolute;
	top: 10px;
	left: 80px;
}

#toaru .toaruNameWrap .toaruNameCon .oneday img {
	width: 52px;
	height: auto;
}

#toaru .toaruNameWrap .toaruNameBox .toaruClass {
	width: 70px;
	padding: 7px 0;
	font-size: 75%;
	margin-bottom: 10px;
}

#toaru .toaruNameWrap .toaruNameBox .toaruName {
	font-size: 200%;
	margin-bottom: 10px;
}

#toaru .toaruNameWrap .toaruNameBox .toaruRubi {
	font-size: 75%;
	margin-bottom: 15px;
}

#toaru .toaruNameWrap .toaruNameBox .belong {
	font-size: 80%;
}

#toaru .toaruNameWrap .toaruNameBox .toaruLead {
	font-size: 90%;
	padding-top: 20px;
}	

#toaru .toaruNameWrap .toaruNameBox #Muroi {
	width: 47%;
	height: 380px;
	background: url(../../staff/interview/toaru/images/toaru_hs/pic_main_hs_sp.png) no-repeat left top;
	background-size: auto 380px;
	position: absolute;
	top: -86px;
	right: -35px;
	left: auto;
}

#toaru .toaruNameWrap .toaruNameBox #Kushiro {
	width: 47%;
	height: 380px;
	background: url(../../staff/interview/toaru/images/toaru_kn/pic_main_kn_sp.png) no-repeat left top;
	background-size: auto 380px;
	position: absolute;
	top: -96px;
	right: -35px;
	left: auto;
}

#toaru .nextContents .timelineWrap.timelineMuroi {
	width: 100%;
	background: none;
	margin: 20px auto 50px;
	padding: 0 20px;
	box-sizing: border-box;
}

#toaru .nextContents .timelineWrap.timelineKushiro {
	width: 100%;
	background: none;
	margin: 20px auto 50px;
	padding: 0 20px;
	box-sizing: border-box;
}

#toaru .timelineWrap .timelineBoxL {
	width: 100%;
	float: none;
	padding: 18px 0 0;
	margin-top: 30px;
	box-sizing: border-box;
	position: relative;
}

#toaru .timelineWrap .timelineBoxR {
	width: 100%;
	float: none;
	padding: 18px 0 0;
	margin-top: 30px;
	box-sizing: border-box;
	position: relative;
}

#toaru .timelineWrap .timelineBoxL > p.time {
	width: 80px;
	height: 35px;
	position: absolute;
	left: -20px;
	top: 0;
}

#toaru .timelineWrap .timelineBoxR > p.time {
	width: 80px;
	height: 35px;
	position: absolute;
	left: -20px;
	top: 0;
}

#toaru .timelineWrap .timeTtl {
	color: #00a7ac;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	margin: 10px 0 10px;
}


/*室井さんTIMELINE*/
.muroi_0820 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_0820_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_0830 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_0830_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_0900 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_0900_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1000 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1000_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1100 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1100_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1300 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1300_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1330 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1330_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1500 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1500_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1700 .time {
	background: url(../../staff/interview/toaru/images/toaru_hs/ico_time_1700_sp.png) no-repeat center;
	background-size: cover;
}
.muroi_1000 {
	position: relative;
}
.muroi_1000 .balloon {
	width: 100px;
	height: auto;
	position: absolute;
	top: -28px;
	left: 40%;
}
.muroi_1000 .balloon img {
	width: 100%;
	height: auto;
}
.muroi_1700 .balloon {
	width: 105px;
	height: auto;
	position: absolute;
	top: -5px;
	left: 63%;
}
.muroi_1700 .balloon img {
	width: 100%;
	height: auto;
}

/* 営業写真無しバージョンTIMELINE */
#toaru .timelineWrap.timelineMuroi2 .muroi_0820 .timeTtl {
        margin: 32px 0 10px;
}

#toaru .timelineWrap.timelineMuroi2 .muroi_1100 .timeTtl {
        margin: 32px 0 10px;
}

#toaru .timelineWrap.timelineMuroi2 .timelineBoxR.muroi_0830 {
	width: 100%;
	float: none;
	padding: 18px 0 0;
	margin-top: 30px;
}

#toaru .timelineWrap.timelineMuroi2 .timelineBoxL.muroi_1100 {
	width: 100%;
	float: none;
	padding: 18px 0 0;
	margin-top: 30px;
}

#toaru .timelineWrap.timelineMuroi2 .timelineBoxR.muroi_1300 {
	width: 100%;
	float: none;
	padding: 18px 0 0;
	margin-top: 30px;
}
	
/* 久城さんTIMELINE */

.kushiro_0825 {
	position: relative;
}

.kushiro_0825 .balloon {
	width: 105px;
	height: auto;
	position: absolute;
	top: 30px;
	left: 66%;
}

.kushiro_1200 {
	position: relative;
}

.kushiro_1200 .balloon {
	width: 105px;
	height: auto;
	position: absolute;
	top: -5px;
	left: 20%;
}
.kushiro_0825 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0825_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_0830 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0830_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_0845 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0845_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_0900 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0900_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_0930 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_0930_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_1000 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1000_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_1100 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1100_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_1200 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1200_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_1500 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1500_sp.png) no-repeat center;
	background-size: cover;
}
.kushiro_1800 .time {
	background: url(../../staff/interview/toaru/images/toaru_kn/ico_time_1800_sp.png) no-repeat center;
	background-size: cover;
}


/* とある別ページへリンク */

.btnToaruWrap {
	width: calc(100% - 40px) ;
	margin: 0 20px 30px;
	border-top: #00a7ac 2px solid;
	border-bottom: #00a7ac 2px solid;
}
.btnToaru {
	display: table;
	width: 100%;
	padding: 15px 0;
	position: relative;
}
.btnToaru .conL {
	display: none;
}
.btnToaru .conR {
	width: 100%;
	padding-left: 130px;
	background: url(../../staff/interview/toaru/images/toaru_km/ico_btn_toaru.png) no-repeat right 10px center;
	background-size: 7px 14px;
	font-size: 75%;
}
@media screen and (max-width: 320px){
.btnToaru .conR {
	padding-left: 120px;
	font-size: 70%;
}
}
.btnToaru .conR span {
	font-size: 130%;
}
.btnToaru .btnKushiro {
	width: 100px;
	height: 118px;
	position: absolute;
	left: 10px;
	bottom: 0;
}
.btnToaru .btnKushiro img {
	width: 100px;
	height: 118px;
}
.btnToaru .btnMuroi {
	width: 100px;
	height: 118px;
	position: absolute;
	left: 10px;
	bottom: 0;
}
.btnToaru .btnMuroi img {
	width: 100px;
	height: 118px;
}


/* 関連リンク */

.connectLinkWrap {
	background: #e6e6e6;
	padding: 20px 0 25px;
}

.connectLinkWrap .connectTtl {
	font-size: 100%;
	margin-bottom: 20px;
}

.connectLinkM,
.connectLinkK {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.connectLinkM a,
.connectLinkK a {
	display: table;
	width: 100%;
	height: 80px;
	float: none;
	margin-right: 0;
	margin-bottom: 5px;
	padding-left: 20px;
}

.connectLinkM a p,
.connectLinkK a p {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding-left: 25px;
}

	
}