@charset "shift_jis";

/* ======================================================
 * /common-files/css/roomid/roomid.css
====================================================== */
#roomid #floatingWrap01 .floatingInner{
	width: 940px;
}
#roomid #floatingWrap01 .commonFloating{
	width: 940px;
}
#roomid a:hover {
	color: #0481e1;
}
#roomid.roomidBarErase {
	overflow-x: hidden;
}
/* header
------------------------------------------------------ */
#roomid #headerContainer #header01{
	position: relative;
}
#roomid #headerContainer #siteLogo{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 15px;
}
#roomid #headerContainer #siteLogo a{
	position: relative;
	z-index: 2;
}
#roomid #headerContainer #siteLogo img{
	width: 350px;
}
#roomid #headerContainer .headUtil{
}
#roomid #headerContainer .headUtil .menuBtn{
	display: none;
}
#roomid #headerContainer .headUtil .menuInner{
	border-top: solid 1px #e5e5e5;
}
#roomid #headerContainer .headUtil .menuInner > .menu{
	width: 1200px;
	margin: 0 auto;
}
/* ----- globalNav01 ----- */
#roomid #headerContainer .headUtil .globalNav01{
	width: 1200px;
	margin: 0 auto;
}
#roomid #headerContainer .headUtil .globalNav01 .navList01 li{
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
}
#roomid #headerContainer .headUtil .globalNav01 .navList01 li:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 25px;
	top: 50%;
	margin-top: -12px;
	left: 0;
	background: #e5e5e5;
}
#roomid #headerContainer .headUtil .globalNav01 .navList01 li a{
	display: block;
	padding: 20px 10px 17px;
	color: #222222;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
}
#roomid #headerContainer .headUtil .globalNav01 .navList01 li.on a,
#roomid #headerContainer .headUtil .globalNav01 .navList01 li a:hover{
	color: #222222;
	background: #dae5ed;
}
#roomid #headerContainer .headUtil .globalNav01 .navList01 li a:hover{
	background: #edf3f7;
}

/* ----- globalNav02 ----- */
#roomid #headerContainer .headUtil .globalNav02{
	position: absolute;
	width: 1200px;
	right: 0;
	left: 0;
	top: 28px;
	margin: 0 auto;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02{
	text-align: right;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li{
	position: relative;
	display: inline-block;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li + li{
	margin-left: 25px;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li a{
	padding: 5px 0 5px 20px;
	color: #222222;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li a:hover{
	color: #222222;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li:first-child a{ background: url(/room_id/img/roomid_ic07.png) no-repeat 0 50%; background-size: 15px auto; }
#roomid #headerContainer .headUtil .globalNav02 .navList02 li:nth-child(2) a{ background: url(/room_id/img/roomid_ic01.png) no-repeat 0 50%; background-size: 15px auto; }
#roomid #headerContainer .headUtil .globalNav02 .navList02 li:nth-child(3) a{ background: url(/room_id/img/roomid_ic02.png) no-repeat 0 50%; background-size: 15px auto; }
#roomid #headerContainer .headUtil .globalNav02 .navList02 li:nth-child(4) a{ background: url(/room_id/img/roomid_ic03.png) no-repeat 0 50%; background-size: 18px auto; }
#roomid #headerContainer .headUtil .globalNav02 .navList02 li a[target*="blank"]:after{
	display: inline-block;
	content: "";
	width: 14px;
	height: 12px;
	margin-left: 5px;
	background: url(/room_id/img/roomid_ic05.png) no-repeat 0 0;
	background-size: 14px auto;
	vertical-align: middle;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li.navLogo01{
	margin-left: 15px;
	vertical-align: middle;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li.navLogo01.oioi img{
	width: 58px;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li.navLogo01.oheyaNet img{
	width: 114px;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 li.navLogo01.oheyaNet a{
	padding: 0;

}

#roomid #headerContainer .headUtil .globalNav02 .navList02 li.navLogo01.oheyaNet a[target*="blank"]:after{
	content: none;
}
#roomid #headerContainer .headUtil .menuClose{
	display: none;
}
#roomid #headerContainer .headUtil .globalNav02 .navList02 .noteList01{
	position: absolute;
	white-space: nowrap;
}


/* footer
------------------------------------------------------ */
#roomid #footerContainer{
	margin: 0 0 30px 0;
	padding-top: 30px;
	border-top: solid 1px #bfbfbf;
}
#roomid #footerContainer .ftInner{
	width: 1200px;
	margin: 0 auto;
}
/* pageTopBtn */
#pageTopBtn {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 5%;
}
#pageTopBtn a {
	display: block;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	background: url(/room_id/img/roomid_ic04.png) 0 0 no-repeat;
	background-size: 40px auto;
	outline: 0;
}
#pageTopBtn a:hover {
	background: url(/room_id/img/roomid_ic04.png) 0 0 no-repeat;
	background-size: 40px auto;
}
/* bnList */
#roomid #footerContainer .ftInner .bnList{
	margin: 0 auto 45px;
}
#roomid #footerContainer .ftInner .bnList li{
	float: left;
	width: 18.7%;
	margin-right: 0;
}
#roomid #footerContainer .ftInner .bnList li:last-child{
	margin-right: 0;
}
#roomid #footerContainer .ftInner .bnList li:hover{
	opacity: 0.7;
}
/* ftText01 */
#roomid #footerContainer .ftInner .ftText01{
	margin-bottom: 10px;
	text-align: center;
}
/* ftNav */
#roomid #footerContainer .ftInner .ftNav{
	margin-bottom: 10px;
	text-align: center;
}
#roomid #footerContainer .ftInner .ftNav li{
	display: inline-block;
}
#roomid #footerContainer .ftInner .ftNav li + li{
	margin-left: 10px;
}
#roomid #footerContainer .ftInner .ftNav li:before{
	display: none;
}
/* copyright */
#roomid #footerContainer .ftInner #copyright{
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}

/* Common
------------------------------------------------------ */
/* ----- mainContainer ----- */
#roomid #mainContainer {
	margin-top: 0;
}
/* ----- topWrap ----- */
#roomid .topWrap {
	text-align: center;
}
#roomid .topWrap .topImgInner img {
	width: 100%;
}
/* ----- maintenance ----- */
#roomid #maintenance {
	position: relative;
	padding: 10px 0 20px;
	background: #edf3f7;
}
#roomid #maintenance .maintenanceInner01 {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#roomid #maintenance .maintenanceInner01.open {
	margin: 0 auto 3px;
}
#roomid #maintenance .maintenanceInner01 .maintenanceFloat {
	float: left;
	margin-right: 50px;
}
#roomid #maintenance .maintenanceInner01 .maintenanceFloat .maintenanceHead01 {
	padding-left: 30px;
	background: url(/room_id/img/index_ic01.png) no-repeat 0 50%;
	background-size: 19px auto;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#roomid #maintenance .maintenanceInner01 .maintenanceInner02 {
display: flex;
flex-direction: column;
	font-size: 16px;
	font-size: 1.6rem;
}
#roomid #maintenance .maintenanceInner01 .maintenanceInner02 dl + dl,
#roomid #maintenance .maintenanceInner01 .maintenanceInner02 .maintenanceMore dl:first-child{
	margin-top: 0.5em;
}
#roomid #maintenance .maintenanceInner01 .maintenanceInner02 dl dt {
	display: inline-block;
	width: 8em;
	margin-right: 18px;
	text-align: left;
	float: left;
}
#roomid #maintenance .maintenanceInner01 .maintenanceInner02 dl dd {
	display: inline-block;
	max-width: 860px;
	text-align: left;
}
#roomid #maintenance .maintenanceInner01 .maintenanceInner02 dl dd a:hover {
	color: #0481e1;
}
#roomid #maintenance .maintenanceInner01 .maintenanceMore {
	display: none;
}
#roomid #maintenance .maintenanceClose {
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -73px;
	cursor: pointer;
}
#roomid #maintenance .maintenanceInner01.open .maintenanceClose {
	bottom: -24px;
}
#roomid #maintenance .maintenanceClose.pcOnly a {
	position: relative;
}
#roomid #maintenance .maintenanceClose.pcOnly span::before ,
#roomid #maintenance .maintenanceClose.pcOnly span::after {
	content: "";
	position: absolute;
	width: 9px;
	height: 1px;
	margin-top: 1px;
	background: #fff;
}
#roomid #maintenance .maintenanceClose.pcOnly span::before {
	top: 0.65em;
	right: 2.5em;
}
#roomid #maintenance .maintenanceClose.pcOnly span::after {
	top: 0.65em;
	right: 2.5em;
	transform: rotate(90deg);
}
#roomid #maintenance .maintenanceInner01.open .maintenanceClose.pcOnly span::after {
	display: none;
}

#roomid #maintenance .maintenanceClose.spOnly {
	display: none;
}


/* ----- mainWrap ----- */
#roomid .mainWrap{
	width: 1200px;
	margin: 20px auto;
}
#roomid .mainWrap.wrap01{
	margin: 20px auto;
}
#roomid .mainWrap.wrap02{
	margin: 90px auto 100px;
}

/* ----- infoWrap ----- */
#roomid .infoWrap{
	padding: 90px 0 95px;
	background: url(/room_id/img/pc_roomid_bg01.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#roomid .infoWrap section{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

/* ----- contactWrap ----- */
#roomid .contactWrap{
	padding: 90px 0 100px;
	background: #edf3f7;
}
#roomid .contactWrap.type-white{
	background: #ffffff;
}
#roomid .contactWrap section{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

/* ----- serviceWrap ----- */
#roomid .serviceWrap{
	padding: 65px 0 90px;
}
#roomid .serviceWrap.wrap01{
	background: url(/room_id/img/pc_about_bg02.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#roomid .serviceWrap.wrap02{
	padding: 65px 0 75px;
	background: #edf3f7 url(/room_id/img/pc_about_bg03.jpg) no-repeat 50% 100%;
}
#roomid .serviceWrap.wrap03{
	padding: 75px 0 65px;
	background: url(/room_id/img/pc_about_bg04.jpg) no-repeat 50% 100%;
}
#roomid .serviceWrap.wrap04{
	padding: 75px 0 80px;
	background: #edf3f7;
}
#roomid .serviceWrap.wrap05{
	padding: 80px 0 80px;
}
#roomid .serviceWrap .serviceWrapInner{
	width: 1200px;
	margin: 0 auto;
}


/* ----- head ----- */
/* mainHeader & contactHeader */
#roomid .mainHeader,
#roomid .contactHeader{
	position: relative;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
}
#roomid .mainHeader.typeMim{
	font-size: 25px;
	font-size: 2.5rem;
}
#roomid .mainHeader .subHead{
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
}
#roomid .infoWrap .mainHeader,
#roomid .serviceWrap .mainHeader{
	margin-bottom: 50px;
}
#roomid .mainWrap.wrap02 .mainHeader{
	margin-bottom: 60px;
}
#roomid .mainHeader.typeWideMt{
	margin-top: 25px;
}
#roomid .contactHeader{
	margin-bottom: 55px;
}
#roomid .mainHeader:after,
#roomid .contactHeader:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	bottom: -20px;
	left: 50%;
	margin-left: -50px;
	background: #49a748;
}
#roomid .mainHeader.typeMim:after{
	width: 30px;
	bottom: -10px;
	margin-left: -15px;
}
/* heading01Contents */
#roomid .heading01Contents{
	padding: 45px 0 45px;
	background: url(/room_id/img/pc_about_bg01.jpg) no-repeat 0 0;
	background-size: cover;
}
#roomid .heading01Contents .heading01Whap{
	width: 1200px;
	margin: 0 auto;
}
#roomid .heading01Contents .heading01Whap h1{
	color: #ffffff;
	font-size: 35px;
	font-size: 3.5rem;
}
/* heading03 */
#roomid .serviceWrap .heading03{
	margin-bottom: 25px;
	padding: 0 0 5px;
	border-bottom: solid 1px #a6a6a6;
	font-size: 20px;
	font-size: 2.0rem;
}
#roomid .serviceWrap .heading03:before{
	display: none;
}


/* ----- text ----- */
/* infoText */
#roomid .infoText{
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 2.2;
}
/* contact text */
#roomid .contactWrap p{
	font-size: 18px;
	font-size: 1.8rem;
}
/* cvTel */
#roomid .contactWrap .cvTel .area{
	padding: 5px 0 3px;
	margin-bottom: 10px;
	color: #ffffff;
	background: #0a2a8d;
}
/* telLink */
#roomid .contactWrap .telLink{
	font-size: 48px;
	font-size: 4.8rem;
	line-height: 1.2;
	font-weight: bold;
}
#roomid .contactWrap .cvTime{
	font-size: 14px;
	font-size: 1.4rem;
}

/* serviceWrap p */
#roomid .serviceWrap p{
	font-size: 18px;
	font-size: 1.8rem;
}
#roomid .serviceWrap p.noteList01{
	margin-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
}
#roomid .serviceWrap.wrap01 p{
	line-height: 2.2;
}
#roomid .serviceWrap.wrap01 p + p{
	margin-top: 0.5em;
}


/* ----- colLayout ----- */
/* mainWrap col */
#roomid .mainWrap.wrap01 .colLayout .col{
	position: relative;
	width: 30.6%;
	margin-right: 4%;
	padding: 15px 0 0;
}
#roomid .mainWrap.wrap01 .colLayout .col + .col:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: 0;
	left: -20px;
	background: #b6dcb6;
}
/* pickupCol */
.colLayout.col3 > .col.pickupCol {
	width: 29.8%;
	margin-right: 5.3%;
}
/* contactWrap colLayout */
#roomid .contactWrap .colLayout{
	width: 880px;
	margin: 30px auto 35px;
}
#roomid .contactWrap .colLayout.col2 > .col {
	width: 44%;
	margin-right: 12%;
}
/* rightColBox */
#roomid .rightColBox {
	width: 48%;
	float: right;
}
/* tabTextImg */
#roomid .tabTextImg {
	margin: 40px 0 30px;
	text-align: center;
}

/* ----- link ----- */
/* roomidLink */
#roomid .roomidLink{
	margin-bottom: 35px;
}
#roomid .roomidLink a{
	position: relative;
	display: block;
	padding: 14px 20px 10px 45px;
	color: #222222;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-decoration: none;
}
#roomid .roomidLink.icon01 a{ background: url(/room_id/img/index_ic08.png) no-repeat 0 50%; background-size: 27px auto; }
#roomid .roomidLink.icon02 a{ background: url(/room_id/img/index_ic09.png) no-repeat 5px 50%; background-size: 32px auto; }
#roomid .roomidLink.icon03 a{ background: url(/room_id/img/index_ic10.png) no-repeat 8px 50%; background-size: 27px auto; }
#roomid .roomidLink a:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 18px;
	top: 50%;
	right: 0;
	margin-top: -7px;
	background: url(/room_id/img/index_ic04.png) no-repeat 0 0;
	background-size: 10px auto;
}
#roomid .roomidLink a:hover{
	margin-bottom: -1px;
	color: #0481e1;
	border-bottom: dotted 1px #2c71a7;
}
/* infoBtn01 */
#roomid .infoBtn01 {
	margin-top: 30px;
}
#roomid .infoBtn01 a{
	display: inline-block;
	width: 355px;
	position: relative;
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 19px 60px 17px 50px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	background: #0a2a8d url(/room_id/img/about_ic03.png) no-repeat 96% 50%;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
#roomid .infoBtn01 a:hover {
	margin-top: 4px;
	margin-bottom: -2px;
	margin-right: -2px;
	margin-left: 4px;
	box-shadow: none;
	background-color: #0c34ae;
	color: #ffffff;
}
#roomid .linkTxt01.typeRoomid{
	margin-top: 30px;
}
#roomid .linkTxt01.typeRoomid a{
	padding-left: 13px;
}
#roomid .linkTxt01.typeRoomid a:before{
	top: 0.6em;
	border-top: solid 4px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 4px transparent;
	border-left: solid 10px #886956;
}
#roomid .linkTxt01.typeRoomid a[target*="blank"]:after{
	display: inline-block;
	content: "";
	width: 13px;
	height: 11px;
	margin-left: 5px;
	background: url(/room_id/img/roomid_ic05.png) no-repeat 0 0;
	background-size: 13px auto;
	vertical-align: middle;
}
/* pickupCol */
.sliderWrap .colLayout.col4 .col.pickupCol a,
.sliderWrap .colLayout.col3 .col.pickupCol a,
.colLayout.col4 > .col.pickupCol a,
.colLayout.col3 > .col.pickupCol a {
	display: block;
	background: #edf3f7;
	box-shadow: 3px 3px 0px 1px #c7c7c7;
	color: #222222;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
}
.sliderWrap .colLayout.col3 .col.pickupCol a:hover,
.sliderWrap .colLayout.col3 .col.pickupCol a:hover,
.colLayout.col4 > .col.pickupCol a:hover,
.colLayout.col3 > .col.pickupCol a:hover {
	margin-top: 3px !important;
	margin-left: 3px;
	margin-bottom: -3px;
	margin-right: -3px;
	color: #222222 !important;
	box-shadow: none;
}
.sliderWrap .colLayout.col4 .col.pickupCol .pickupColText,
.sliderWrap .colLayout.col3 .col.pickupCol .pickupColText,
.colLayout.col4 > .col.pickupCol .pickupColText,
.colLayout.col3 > .col.pickupCol .pickupColText {
	padding: 15px 40px 15px 20px;
	background: url(/room_id/img/index_ic04.png) no-repeat 94% 50%;
	background-size: 10px auto;
}
.sliderWrap .colLayout.col4 .col.pickupCol .pickupColText p + p,
.sliderWrap .colLayout.col3 .col.pickupCol .pickupColText p + p,
.colLayout.col4 > .col.pickupCol .pickupColText p + p,
.colLayout.col3 > .col.pickupCol .pickupColText p + p {
	margin-top: 0.5em;
}
.sliderWrap .colLayout.col4 .col.pickupCol .pickupColText p.bold,
.sliderWrap .colLayout.col3 .col.pickupCol .pickupColText p.bold,
.colLayout.col4 > .col.pickupCol .pickupColText p.bold,
.colLayout.col3 > .col.pickupCol .pickupColText p.bold {
	position: relative;
}
.sliderWrap .colLayout.col4 .col.pickupCol a[target$="_blank"] .pickupColText p.bold:after,
.sliderWrap .colLayout.col3 .col.pickupCol a[target$="_blank"] .pickupColText p.bold:after,
.colLayout.col4 > .col.pickupCol a[target$="_blank"] .pickupColText p.bold:after,
.colLayout.col3 > .col.pickupCol a[target$="_blank"] .pickupColText p.bold:after {
	display: inline-block;
	content: "";
	width: 12px;
	height: 11px;
	margin-left: 5px;
	background: url(/common-files/img/com_blank_ic01.png) no-repeat 0 0;
	background-size: 12px 11px;
	vertical-align: middle;
}
.sliderWrap .colLayout.col4 .col.pickupCol a[href$=".pdf"] .pickupColText p.bold:after,
.sliderWrap .colLayout.col3 .col.pickupCol a[href$=".pdf"] .pickupColText p.bold:after,
.colLayout.col4 > .col.pickupCol a[href$=".pdf"] .pickupColText p.bold:after,
.colLayout.col3 > .col.pickupCol a[href$=".pdf"] .pickupColText p.bold:after {
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background: url(/common-files/img/com_pdf_ic02.png) no-repeat 0 0;
	background-size: 16px auto;
	vertical-align: middle;
}
/* tabBtnLayout */
#roomid .tabBtnLayout li{
	float: left;
	width: 48.5%;
}
#roomid .tabBtnLayout li + li{
	margin-left: 3%;
}
#roomid .tabBtnLayout li a{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 17px 60px 17px 50px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
#roomid .tabBtnLayout li a:hover{
	margin: 4px 0 0 4px;
	box-shadow: 0 0 0px 0 #696b6b;
}
#roomid .tabBtnLayout li a .subText{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}
#roomid .tabBtnLayout li a .mainText{
	display: table;
	width: 100%;
}
#roomid .tabBtnLayout li.link02 a .mainText{
	font-size: 28px;
	font-size: 2.8rem;
}
#roomid .tabBtnLayout li a .mainText span{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
#roomid .tabBtnLayout li.link01 a{
	background: url(/room_id/img/about_bg05.png) repeat 0 0;
}
#roomid .tabBtnLayout li.link02 a{
	background: url(/room_id/img/about_bg06.png) repeat 0 0;
}
#roomid .tabBtnLayout li a:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 18px;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	background: url(/room_id/img/about_ic03.png) no-repeat 0 0;
	background-size: 10px auto;
}
#roomid .tabBtnLayout li a[target*="blank"]:after{
	position: absolute;
	content: "";
	width: 20px;
	height: 18px;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	background: url(/room_id/img/about_ic04.png) no-repeat 0 0;
	background-size: 20px auto;
}
#roomid .table01{
	background: #ffffff;
}


/* ----- list ----- */
/* roomidList */
#roomid .roomidList{
	margin-top: 0;
}
#roomid .roomidList li{
	padding-left: 20px;
	font-size: 16px;
	font-size: 1.6rem;
}
#roomid .roomidList .noteList01 li{
	margin-left: -20px;
	font-size: 12px;
	font-size: 1.2rem;
}
#roomid .serviceWrap .roomidList li{
	font-size: 18px;
	font-size: 1.8rem;
}
#roomid .roomidList.normalList01.floatList > li {
	width: calc((100% - 10px)/2);
	margin-right: 10px;
}
#roomid .roomidList.normalList01.floatList > li:nth-child(2n) {
	margin-right: 0;
}
#roomid .roomidList li:nth-child(n+3) {
	margin-top: 35px;
}
#roomid .roomidList li:before {
	height: 9px;
	width: 9px;
	top: 0.5em;
	background-color: #49a748;
}
#roomid .serviceWrap .roomidList li:before {
	height: 8px;
	width: 8px;
}
#roomid .roomidList li.type02:before {
	background-color: #0a2a8d;
}
/* roomidList02 */
#roomid .roomidList02 {
	margin-top: 10px;
}
#roomid .roomidList02 li {
	position: relative;
	padding-left: 14px;
	font-size: 1.4rem;
}
#roomid .roomidList02 li + li {
	margin-top: 4px;
}
#roomid .roomidList02 li::before {
	content: '';
	position: absolute;
	height: 7px;
	width: 7px;
	top: 6px;
	left: 0;
	background-color: #49a748;
	border-radius: 50%;
}
/* nav_roomidList02 */
#roomid .nav_roomidList02 {
	margin-top: 10px;
}
#roomid .nav_roomidList02 li {
	position: relative;
	padding-left: 14px;
	font-size: 1.4rem;
	margin-left: 0!important;
}
#roomid .nav_roomidList02 li + li {
	margin-top: 4px;
}
#roomid .nav_roomidList02 li::before {
	content: '';
	position: absolute;
	height: 7px;
	width: 7px;
	top: 6px;
	left: 0;
	background-color: #49a748;
	border-radius: 50%;
}
#roomid .nav_roomidList02 li a {
	background-image: none!important;
	padding: 0!important;
	color: #003399!important;
}
/* normalList01 type02 */
#roomid .serviceWrap .normalList01.type02 li + li {
	margin-top: 10px;
}
/* roomidIconList */
#roomid .roomidIconList li{
	padding-left: 35px;
	font-size: 18px;
	font-size: 1.8rem;
}
#roomid .roomidIconList li:before{
	top: 0;
	width: 42px;
	height: 36px;
	background-color: unset;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}
#roomid .roomidIconList li.icon01:before{ background: url(/room_id/img/about_ic05.png) no-repeat 0 0; background-size: 25px auto;}
#roomid .roomidIconList li.icon02:before{ background: url(/room_id/img/about_ic06.png) no-repeat 2px 0; background-size: 22px auto;}
#roomid .roomidIconList li.icon03:before{ background: url(/room_id/img/about_ic07.png) no-repeat 0 0; background-size: 26px auto;}
#roomid .roomidIconList li.icon04:before{ background: url(/room_id/img/about_ic08.png) no-repeat 6px 2px; background-size: 17px auto;}
#roomid .roomidIconList li.icon05:before{ background: url(/room_id/img/about_ic09.png) no-repeat 0 0; background-size: 27px auto;}
#roomid .roomidIconList li.icon06:before{ background: url(/room_id/img/about_ic10.png) no-repeat 3px 1px; background-size: 21px auto;}
#roomid .roomidIconList li.icon07:before{ background: url(/room_id/img/about_ic11.png) no-repeat 0 0; background-size: 25px auto;}
#roomid .roomidIconList li.icon08:before{ background: url(/room_id/img/about_ic12.png) no-repeat 0 0; background-size: 27px auto;}
#roomid .roomidIconList li + li {
	margin-top: 23px;
}

/* ----- extla ----- */
/* roomidBalloon */
#roomid .roomidBalloon:not(.hover) {
	display: none;
}
#roomid .roomidBalloon {
	position: absolute;
	top: 33px;
	right: -30px;
	width: 220px;
	border-radius: 14px;
	padding: 16px 14px 20px;
	background-color: #edf3f7;
	text-align: left;
	z-index: 5;
	font-size: 1.4rem;
	box-shadow: 0px 0px 10px 1px #777777;
}
#roomid .roomidBalloon::before {
	content: '';
	position: absolute;
	top: -19px;
	left: 50%;
	margin-left: -5px;
	width: 1px;
	height: 10px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #edf3f7;
	border-left: 10px solid transparent; 
}
#roomid .balloon_popup_text {
	padding-bottom: 11px;
}
/* nav_roomidBalloon */
#roomid .nav_roomidBalloon:not(.hover) {
	display: none;
}
#roomid .nav_roomidBalloon {
	position: absolute;
	top: 32px;
	right: -15px;
	width: 220px;
	border-radius: 20px;
	padding: 16px 14px 20px;
	background-color: #edf3f7;
	text-align: left;
	z-index: 5;
	font-size: 1.4rem;
	box-shadow: 0px 0px 10px 1px #777777;
}
#roomid .nav_roomidBalloon::before {
	content: '';
	position: absolute;
	top: -19px;
	left: 50%;
	margin-left: -5px;
	width: 1px;
	height: 10px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #edf3f7;
	border-left: 10px solid transparent; 
}
#roomid .nav_balloon_popup_text {
	padding-bottom: 11px;
}
/* bnList */
#roomid .bnList li img {
	margin: 0 auto;
}
#roomid .slide-arrow {
	display: block;
	position: absolute;
	top: 0;
	width: 35px;
	height: 80px;
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#roomid .slide-arrow.prev-arrow{
	left: 0;
	cursor: pointer;
}
#roomid .slide-arrow.next-arrow{
	right: 0;
	cursor: pointer;
}
#roomid .slick-arrow{
	z-index:10;
}
#roomid .slick-list{
	width: 80%;
	margin: 0 auto;
}
/* sliderWrap */
#roomid .sliderWrap .colLayout.col3 .col {
	margin: 0 13px 4px 0;
	width: 355px;
}
#roomid .sliderWrap.slide-arrow {
	display: block;
	position: absolute;
	top: 0;
	width: 35px;
	height: 80px;
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#roomid .sliderWrap .slide-arrow.prev-arrow{
	height: auto !important;
	top: 50%;
	left: 0;
	margin-top: -40px;
	cursor: pointer;
}
#roomid .sliderWrap .slide-arrow.next-arrow{
	height: auto !important;
	top: 50%;
	right: 0;
	margin-top: -40px;
	cursor: pointer;
}
#roomid .sliderWrap .slick-arrow{
	z-index:10;
}
#roomid .sliderWrap .slick-list{
	width: calc(100% - 100px);
	margin: 0 auto;
}
/* ----- tab ----- */
/* roomidTab */
#roomid .roomidTab {
	margin-top: 0;
}
#roomid .roomidTab .tabLayout01 {
	padding: 0;
}
#roomid .roomidTab .tabLayout01.col2 li {
	width: 49.3%;
	margin-right: 1.4%;
}
#roomid .roomidTab .tabLayout01.col2 li:last-child {
	margin-right: 0;
}
#roomid .roomidTab .tabLayout01 li a {
	display: table-cell;
	padding: 30px 23px 15px;
	vertical-align: middle;
	border: solid 1px #a4d3a3;
	border-bottom: none;
	background-color: #ffffff;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	color: #222222;
	font-size: 23px;
	font-size: 2.3rem;
	text-align: center;
	text-decoration: none;
}
#roomid .roomidTab .tabLayout01 li.active a {
	border: none;
	border-top: solid 3px #49a748;
	background-color: #f2fcf1;
}
#roomid .roomidTab .tabLayout01 li a span {
	position: relative;
	padding-left: 35px;
}
#roomid .roomidTab .tabLayout01 li:nth-child(2) a span {
	padding-left: 75px;
}
#roomid .roomidTab .tabLayout01 li a span:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	margin-top: -18px;
}
#roomid .roomidTab .tabLayout01 li:first-child a span:before {
	width: 27px;
	height: 33px;
	margin-top: -18px;
	background: url(/room_id/img/about_ic01.png) no-repeat 0 0;
	background-size: 27px auto;
}
#roomid .roomidTab .tabLayout01 li:nth-child(2) a span:before {
	width: 62px;
	height: 32px;
	margin-top: -16px;
	background: url(/room_id/img/about_ic02.png) no-repeat 0 0;
	background-size: 62px auto;
}
#roomid .roomidTab .tabContents01 {
	margin-top: 0;
	padding: 70px 30px;
	border-top: none;
	background-color: #f2fcf1;
}
/* ----- roomidContact ----- */
#roomid p.roomidContactTxt {
	text-align: left;
	font-size: 1.6rem;
}
#roomid p.roomidContactTxt.type02 {
	text-align: left;
	font-size: 1.8rem;
	display: inline-block;
}
#roomid .roomidContactBtnWrap {
	margin-top: 30px;
}
#roomid .roomidContactBtnWrap a {
	display: inline-block;
	width: 355px;
	position: relative;
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 19px 60px 17px 50px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	background: #3c4563 url(/room_id/img/about_ic03.png) no-repeat 96% 50%;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
#roomid .roomidContactBtnWrap a[target*="blank"] {
	background: #3c4563 url(/room_id/img/about_ic04.png) no-repeat 96% 50%;
}
#roomid .roomidContactBtnWrap a:hover {
	margin-top: 4px;
	margin-bottom: -2px;
	margin-right: -2px;
	margin-left: 4px;
	box-shadow: none;
	background-color: #3c4563 ;
	color: #fff;
}
#roomid p.roomidContactSub {
	font-size: 1.2rem;
	text-align: right;
	margin-top: 5px;
	padding-right: 12px;
}
#roomid p.roomidContactSub.type-col1 {
	width: 355px;
	margin: 5px auto 0;
	padding-right: 0;
}
/* /room_id/companies.html
------------------------------------------------------ */
/*common*/
#roomid.companies .serviceWrap p{
	line-height: 1.8em;
}
#roomid.companies .serviceWrap .infoBtn01.typeWide a{
	width: 390px;
}
#roomid.companies .serviceWrap .bnr a:hover img{
	opacity: 0.6;
}
#roomid.companies .typeWhite{
	background: #ffffff;
}
#roomid.companies .serviceWrap .appBtn01 a{
	position: relative;
	display: inline-block;
	background: #a7001f;
	padding: 14px 50px 14px 27px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
#roomid.companies .serviceWrap .appBtn01 a:hover{
	margin: 4px 0 0 4px;
	box-shadow: 0 0 0px 0 #696b6b;
}
#roomid.companies .serviceWrap .appBtn01 a[target*="blank"]:after {
	position: absolute;
	content: "";
	width: 17px;
	height: 14px;
	top: 50%;
	right: 8px;
	margin-top: -7px;
	background: url(/room_id/img/about_ic04.png) no-repeat 0 0;
	background-size: 17px auto;
}

/*contents*/
#roomid.companies .heading01Contents{
	background: url(/room_id/img/pc_companies_bg01.jpg) no-repeat 0 0;
	background-size: cover;
}
#roomid.companies .lead{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-top: 30px !important;
	line-height: 2.2;
}
#roomid.companies .leadNote{
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
#roomid.companies .heading01{
	border-bottom: none;
	margin: 35px auto 50px !important;
}
#roomid.companies .heading01.hasNav.fixed{
	background: rgba(255, 255, 255, 0.9);
	padding: 10px 0;
	margin-top:0 !important;
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
}
#roomid.companies .heading01.hasNav .lnav{
	float: none;
	display: table;
	width: 100%;
	max-width:1200px;
	margin: 0 auto;
}
#roomid.companies .heading01.hasNav.fixed .lnav{
	width:100%;
}
#roomid.companies .heading01.hasNav .lnav > li{
	display: table;
	width: 16.6%;
	text-align: center;
	border-left: solid 1px #e5e5e5;
}
#roomid.companies .heading01.hasNav .lnav > li:last-child{
	border: solid 1px #49a748;
	border-bottom-width: 3px;
}
#roomid.companies .heading01.hasNav .lnav > li:last-child:hover{
	margin-top: 2px;
	border-bottom-width: 1px;
}
#roomid.companies .heading01.hasNav .lnav > li:before{
	display: none;
}
#roomid.companies .heading01.hasNav .lnav > li a{
	position: relative;
	display: table-cell;
	color: #003399;
	width: 100%;
	height: 50px;
	padding: 5px 5px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	vertical-align: middle;
}
#roomid.companies .heading01.hasNav .lnav > li:last-child a{
	padding: 0 8px 0;
	color: #222222;
	font-size: 15px;
	font-size: 1.5rem;
	background: #f1f8f1 url(/room_id/img/roomid_ic06.png) no-repeat 98% 50%;
	text-align: left;
}
#roomid.companies .heading01.hasNav .lnav li a:after{
	content: "";
	position: absolute;
	margin-top: 0;
	top: 100%;
	left: 50%;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-top: 4px solid #003399;
}
#roomid.companies .heading01.hasNav .lnav > li:last-child a:after{
	display: none;
}
#roomid.companies .heading01.hasNav .lnav > li a:hover{
	color: #0481e1;
	border: none;
}
#roomid.companies .heading01.hasNav .lnav li a:hover:before{
	border: 4px solid transparent;
	border-top: 4px solid #0481e1;
}
#roomid.companies .serviceWrap{

}
#roomid.companies .serviceWrap.wrap01,
#roomid.companies .serviceWrap.wrap03,
#roomid.companies .serviceWrap.wrap05{
	background:#edf3f7;
}
#roomid.companies .serviceWrap.wrap02,
#roomid.companies .serviceWrap.wrap04{
	background: #ffffff;
}
#roomid.companies .serviceWrap.wrap01 .colLayout .col:first-child{
	width:69%;
}
#roomid.companies .serviceWrap.wrap02 .figureCol{
	position: relative;
	min-height: 300px;
	margin-top: 70px;
	padding: 30px 40px 58px 40px;
	border: solid 2px #0a2a8d;
}
#roomid.companies .serviceWrap.wrap02 .figureCol.typeImgL{
	margin-left: 50px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol.typeImgR{
	margin-right: 50px;
	padding-right: 380px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol.typeImgL figure{
	position: absolute;
	top: -20px;
	left: -48px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol.typeImgR figure{
	position: absolute;
	top: -20px;
	right: -48px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol .roomidImg01 img{
width: 410px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol .txt h3{
	margin-top: 15px;
	margin-bottom: 18px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol .txt h3 img{
	margin-top: -15px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol .txt h3 span{
	color: #0a2a8d;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-left: 16px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol.typeImgL .txt{
	margin-left:360px;
}
#roomid.companies .serviceWrap.wrap02 .figureCol.typeImgR .txt{

}
#roomid.companies .serviceWrap.wrap03 .companiesList{
	margin: 30px 0 0;
}
#roomid.companies .serviceWrap.wrap03 .companiesList li{
	display: inline-block;
	padding: 6px 0 0 40px;
	margin-right: 50px;
	font-size: 16px;
	font-size:1.6rem;
}
#roomid.companies .serviceWrap.wrap03 .companiesList li.icon01{
	background: url(/room_id/img/companies_ic01.png) no-repeat 0 50%;
	background-size: 28px auto;
}
#roomid.companies .serviceWrap.wrap03 .companiesList li.icon02{
	background: url(/room_id/img/companies_ic02.png) no-repeat 0 50%;
	background-size: 28px auto;
}
#roomid.companies .serviceWrap.wrap03 .stepList01{
	position: relative;
}
#roomid.companies .serviceWrap.wrap03 .stepList01:before{
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	left: 40px;
	background-color: #bfbfbf;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol{
	margin-top: 20px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol + .stepCol{
	margin-top: 30px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div{
	display: table;
	width: 100%;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLead{
	position: relative;
	display: table-cell;
	width: 83px;
	background: #0a2a8d;
	text-align: center;
	vertical-align: middle;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLead:after{
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -8px;
	right: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #0a2b8d;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox{
	display: block;
	margin-left: 20px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLayout01 .col + .col .textBox{
	margin-left: 25px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox .textBoxInner{
	position: relative;
	display: table-cell;
	padding: 15px 10px 13px 55px;
	vertical-align: middle;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol:first-child > div .textBox .textBoxInner{
	padding: 25px 10px 23px 55px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div > .textBox > .textBoxInner,
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol .stepLayout01 .textBoxInner{
	width: 535px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox .textBoxInner:before{
	position: absolute;
	content: "";
	top: 50%;
	width: 28px;
	height: 30px;
	margin-top: -14px;
	left: 20px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox.icon01 .textBoxInner:before{
	background: url(/room_id/img/companies_ic01.png) no-repeat 0 0;
	background-size: 28px auto;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox.icon02 .textBoxInner:before{
	background: url(/room_id/img/companies_ic02.png) no-repeat 0 0;
	background-size: 28px auto;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox.icon01 .textBoxInner{
	background-color: #fffbc9;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox.icon02 .textBoxInner{
	background-color: #ffffff;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .textBox.last .textBoxInner{
	background: #ffffff url(/room_id/img/companies_bn02.png) no-repeat 98% 50%;
	background-size: 80px auto;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLayout01 .col{
	display: block;
	float: left;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLayout01 .col + .col .textBoxInner{
	position: relative;
	margin-left: 25px;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLayout01 .col + .col .textBoxInner:after{
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -8px;
	left: -18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #0a2b8d;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLayout01 p{
	line-height: 1.5em;
}
#roomid.companies .serviceWrap.wrap03 .stepList01 > .stepCol > div .stepLayout01 .noteText01{
	font-size: 14px;
	font-size: 1.4rem;
}
#roomid.companies .serviceWrap.wrap04 .serviceWrapInner p{
	margin-top: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
#roomid.companies .serviceWrap.wrap05 .roomidList li:nth-child(n+3) {
	margin-top: 5px;
}
#roomid.companies .contactWrap{
	padding: 90px 0 60px;
	border-bottom: none;
}
#roomid.companies .contactWrap .colLayout{
	width:100%;
	text-align: center;
}
#roomid.companies .contactWrap .colLayout .col{
	float:none;
}
#roomid.companies .contactWrap .cvTel .area{
	width: 32%;
	margin: 0 auto 10px;
}
#roomid.companies .roomidBanner01{
	text-align: center;
}
#roomid.companies .roomidBanner01 a{
	display: inline-block;
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 30px;
}
#roomid.companies .roomidBanner01 a img{
	width: 100%;
	box-shadow: 3px 3px 0px 1px #696b6b;
	text-align: center;
}
#roomid.companies .roomidBanner01 a img:hover{
	margin-top: 3px;
	margin-bottom: -3px;
	margin-left: 3px;
	box-shadow: none;
}

/* /room_id/download.html
------------------------------------------------------ */
/*common*/
#roomid.download .serviceWrap p{
	line-height: 1.8em;
}
/*contents*/
#roomid.download .heading01Contents{
	background: url(/room_id/img/pc_download_bg01.jpg) no-repeat 0 0;
	background-size: cover;
}
#roomid.download .lead{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-top: 30px !important;
	line-height: 2.2;
}
#roomid.download .leadNote{
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}
/* downloadContents */
#roomid.download .downloadContents{
	margin: 35px auto 0;
}
#roomid.download .downloadContents .downloadList{
	width: 1200px;
	margin: 0 auto 65px;
}
#roomid.download .downloadContents .downloadList li{
	float: left;
	width: 32%;
}
#roomid.download .downloadContents .downloadList li + li{
	margin-left: 2%;
}
#roomid.download .downloadContents .downloadList li a{
	display: block;
	padding: 45px 10px 40px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	background: url(/room_id/img/download_ic02.gif) repeat 0 0;
	color: #003399;
	font-size: 24px;
	font-size: 2.4rem;
	text-decoration: none;
	text-align: center;
}
#roomid.download .downloadContents .downloadList li a:hover{
	margin: 4px -4px -4px 4px;
	box-shadow: 0 0 0px 0 #696b6b;
}
#roomid.download .downloadContents .downloadList li.active a{
	position: relative;
	background: url(/room_id/img/download_ic03.gif) repeat 0 0;
	color: #ffffff;
	font-weight: bold;
}
#roomid.download .downloadContents .downloadList li.active a:after{
	position: absolute;
	content: "";
	width: 34px;
	height: 18px;
	bottom: -18px;
	left: 50%;
	margin-left: -13px;
	background: url(/room_id/img/download_bg04.png) no-repeat 0 0;
}
/* downloadDetail */
#roomid.download .downloadContents .downloadDetail .downloadDetailBox{
	padding: 65px 0 50px;
	background: #edf3f7;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner{
	width: 1200px;
	margin: 0 auto;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner section + .planWrap{
	margin: 80px 0 0;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader{
	margin: 60px 0 30px;
	padding: 5px;
	background: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader .type01,
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader .type02{
	display: inline-block;
	margin-right: 10px;
	padding: 7px 25px 1px;
	font-size: 20px;
	font-size: 2.0rem;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader .type01{
	background: #fceac5;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader .type02{
	background: #dbedda;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader .roomidLogo{
	margin-right: 10px;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .planHeader .roomidLogo img{
	width: 142px;
	vertical-align: middle;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .heading03{
	margin: 55px 0 30px;
	padding: 0 0 5px;
	border-bottom: solid 1px #a6a6a6;
	font-size: 20px;
	font-size: 2.0rem;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .heading03:before{
	display: none;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadSubText{
	margin: 50px 0 20px;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li{
	float: left;
	width: 31%;
	margin-right: 3.5%;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li:nth-child(3n){
	margin-right: 0;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li:nth-child(n+4){
	margin-top: 30px;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li a{
	display: table;
	position: relative;
	width: 100%;
	height: 70px;
	padding: 5px 10px 5px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	background: #0a2a8d url(/room_id/img/download_ic01.gif) no-repeat 10px 50%;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
}

#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li a:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 18px;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	background: url(/room_id/img/about_ic03.png) no-repeat 0 0;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li a > span{
	display: table-cell;
	vertical-align: middle;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li a > span span{
	font-size: 14px;
	font-size: 1.4rem;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li a:hover{
	margin: 4px -4px -4px 4px;
	box-shadow: 0 0 0px 0 #696b6b;
}
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01 li .note01{
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	font-size: 1.2rem;
}
/* contactWrap */
#roomid.download .contactWrap{
	border-top: solid 1px #eeeeee;
	background: #ffffff;
}
#roomid.download .contactWrap .colLayout{
	width:100%;
	text-align: center;
}
#roomid.download .contactWrap .colLayout .col{
	float:none;
}
#roomid.download .contactWrap .cvTel .area{
	width: 32%;
	margin: 0 auto 10px;
}

/* /room_id/qa.html
------------------------------------------------------ */
#roomid.qa #headerContainer{
	border-bottom: solid 1px #e5e5e5;
}
#roomid.qa .serviceWrapInner{
	width: 1200px;
	margin: 0 auto 80px;
}
#roomid.qa .serviceWrapInner .mainHeader{
	margin: 50px 0;
}
#roomid.qa .qaBox.typeInquiry .question,
#roomid.qa .qaBox.typeInquiry .answer{
	padding: 12px 0;
	border-bottom: solid 1px #939393;
	font-size: 18px;
	font-size :1.8rem;
	color: #222222;
}
#roomid.qa .qaBox.typeInquiry .answer{
	border-bottom: none;
}
#roomid.qa .qaBox.typeInquiry .answer .colLayout > .col{
	max-width: 1130px;
}
#roomid.qa .qaBox.typeInquiry .question .iconQ,
#roomid.qa .qaBox.typeInquiry .answer .iconA{
	display: inline-block;
	padding: 6px 0;
	margin-left: 12px;
	width: 37px;
	height: 37px;
	background: #0a2a8d;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
#roomid.qa .qaBox.typeInquiry .answer .iconA{
	background: #49a748;
}
#roomid.qa .qaBox.typeInquiry .question.toggleTrigger .toggleIcon{
	width: 22px;
	height: 22px;
	top: 60%;
	left: 97%;
	background: url(/room_id/img/pc_residents_toggle01.png) 0 0 no-repeat;
}
#roomid.qa .qaBox.typeInquiry .question.toggleTrigger.open .toggleIcon{
	background: url(/room_id/img/pc_residents_toggle01_open.png) 0 100% no-repeat;
}
#roomid.qa .qaBox.typeInquiry .appBtn01{
}
#roomid.qa .qaBox.typeInquiry .appBtn01 a{
	position: relative;
	display: inline-block;
	background: #a7001f;
	padding: 14px 50px 14px 27px;
	margin-bottom: 4px;
	box-shadow: 3px 3px 0px 1px #696b6b;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
#roomid.qa .qaBox.typeInquiry .appBtn01.type02 a{
	background: #0a2a8d;
}
#roomid.qa .qaBox.typeInquiry .appBtn01 a:hover{
	margin: 4px 0 0 4px;
	box-shadow: 0 0 0px 0 #696b6b;
}
#roomid.qa .qaBox.typeInquiry .appBtn01 a[target*="blank"]:after {
	position: absolute;
	content: "";
	width: 17px;
	height: 14px;
	top: 50%;
	right: 8px;
	margin-top: -7px;
	background: url(/room_id/img/about_ic04.png) no-repeat 0 0;
	background-size: 17px auto;
}
#roomid.qa #footerContainer {
	padding-top: 30px;
	border-top: solid 1px #bfbfbf;
}

/* /room_id/inquiry.html
------------------------------------------------------ */
#roomid.inquiry .contactWrap{
	padding: 50px 0 50px;
}
#roomid.inquiry .contactWrap.typeWhite{
	background: #ffffff;
	border-top: solid 1px #e5e5e5;
}
#roomid.inquiry .contactWrap.typeSub .contactHeader02{
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
}
#roomid.inquiry .contactWrap .cvTel .area.type02 {
	padding: 5px 0 3px;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	background: #49a748;
}
#roomid.inquiry .contactWrap.typeSub .telLink {
	font-size: 31px;
	font-size: 3.1rem;
	line-height: 1.2;
	font-weight: bold;
}


/* /room_id/epospoint.html
------------------------------------------------------ */
#roomid.epospoint .heading01Contents {
	padding: 15px 0;
	background: url(/room_id/img/pc_epospoint_bg01.jpg) no-repeat 50% 0;
	background-size: cover;
}
#roomid.epospoint .lead {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-top: 40px !important;
	line-height: 2.2;
}
#roomid.epospoint .serviceWrap.wrap01,
#roomid.epospoint .serviceWrap.wrap02,
#roomid.epospoint .serviceWrap.wrap03 {
	background: none;
}
#roomid.epospoint .serviceWrap .serviceWrapInner {
	width: 100%;
	margin: 0 auto;
}
/* tabnavi */
#roomid.epospoint .roomidTab .tabLayout01 {
	width: 1200px;
	margin: 0 auto;
	padding: 0 28px;
}
#roomid.epospoint .roomidTab .tabLayout01.col2 li {
	font-size: 22px;
	font-size: 2.2rem;
	border-bottom: solid 2px #0a2a8d;
}
#roomid.epospoint .roomidTab .tabLayout01.col2 li.active {
	border-bottom: none;
}
#roomid.epospoint .roomidTab .tabLayout01 li a {
	padding: 22px 23px !important;
	border: none !important;
	background-color: #a5e1f0;
	color: #0a2a8d;
	font-size: 20px;
	font-size: 2.0rem;
}
#roomid.epospoint .roomidTab .tabLayout01 li.active a {
	border: none;
	border-top: solid 3px #0a2a8d !important;
	background-color: #edf3f7 !important;
}
#roomid.epospoint .roomidTab .tabLayout01.col2 li strong {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: normal;
}
#roomid.epospoint .roomidTab .tabLayout01.col2 li.active strong {
	font-weight: bold;
}
#roomid.epospoint .leadLine {
	position: relative;
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
}
#roomid.epospoint .roomidTab .tabLayout01 li:nth-child(2) a span {
	padding-left: 0;
}
#roomid.epospoint .roomidTab .tabLayout01 li:nth-child(2) a span:before {
	background: none;
}
#roomid.epospoint .leadLine span {
	font-weight: bold;
	background: linear-gradient(transparent 70%, #a5e1f0 0%);
}
#roomid.epospoint .leadLine .sub {
	position: relative;
	font-size: 25px;
	font-size: 2.5rem;
}
#roomid.epospoint .link02 {
	margin: 50px 0;
}
#roomid.epospoint .link02 a {
	position: relative;
	display: inline-block;
	width: 600px;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 40px 60px 40px 50px;
	background: url(/room_id/img/about_bg06.png) repeat 0 0;
	box-shadow: 3px 3px 0px 1px #696b6b;
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
#roomid.epospoint .link02 a:hover {
	margin: 4px 0 0 4px;
	box-shadow: 0 0 0 0 #696b6b;
}
#roomid.epospoint .link02 a[target*="blank"]:after {
	position: absolute;
	content: "";
	width: 20px;
	height: 18px;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	background: url(/room_id/img/about_ic04.png) no-repeat 0 0;
	background-size: 20px auto;
}
/* tabContents01 */
#roomid.epospoint .roomidTab .tabContents01 {
	padding: 70px 0;
	background-color: #edf3f7;
	border-top: solid 2px #0a2a8d;
	margin-top: -2px;
}
#roomid.epospoint .roomidTab .tabContents01 section {
	width: 1200px;
	margin: 0 auto;
}
#roomid.epospoint .tabContents01 .typeMim {
	margin: 78px 0 0;
}
#roomid.epospoint .tabContents01 .infoBtn01 a {
	width: 360px;
}
/*tab01*/
#roomid.epospoint .roomidTab #tab01.tabContents01 .leadLine:before {
	position: absolute;
	content: "";
	width: 97px;
	height: 104px;
	top: -6px;
	left: 10px;
	background: url(/room_id/img/pc_epospoint_bg02.png) no-repeat 0 0;
	background-size: 97px auto;
}
#roomid.epospoint .roomidTab #tab01.tabContents01 .leadLine:after {
	position: absolute;
	content: "";
	width: 97px;
	height: 104px;
	top: -6px;
	right: 10px;
	background: url(/room_id/img/pc_epospoint_bg03.png) no-repeat 0 0;
	background-size: 97px auto;
}
#roomid.epospoint #tab01.tabContents01 .colLayout {
}
/* tab02 */
#roomid.epospoint .roomidTab #tab02.tabContents01 .leadLine span.sub {
	font-weight: normal;
	background: none;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .leadLine:before {
	position: absolute;
	content: "";
	width: 156px;
	height: 100px;
	top: 35px;
	left: 10px;
	background: url(/room_id/img/pc_epospoint_bg04.png) no-repeat 0 0;
	background-size: 156px auto;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .leadLine:after {
	position: absolute;
	content: "";
	width: 124px;
	height: 111px;
	top: 24px;
	right: 10px;
	background: url(/room_id/img/pc_epospoint_bg05.png) no-repeat 0 0;
	background-size: 124px auto;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .pointArea {
	margin-top: 45px;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 ul.normalList01.type03 > li {
	color: #49a748 !important;
	font-size: 18px;
	font-size: 1.8rem;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 ul.normalList01.type03 > li:before {
	background-color: #49a748;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .section03 {
	margin: 50px 0 !important;
	padding: 28px 20px;
	background-color: #ffffff;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .pointArea .normalList01 > li:before {
	background-color: #49a748;
}
/*stepList*/
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 {
	position: relative;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 p {
	line-height: 1.8;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	left: 40px;
	background-color: #bfbfbf;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol {
	margin-top: 20px;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol + .stepCol {
	margin-top: 30px;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div {
	display: table;
	width: 100%;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div .stepLead {
	position: relative;
	display: table-cell;
	width: 83px;
	background: #0a2a8d;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div .stepLead:after {
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -8px;
	right: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #0a2b8d;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div .textBox {
	display: block;
	padding: 15px 10px 13px 55px;
	background-color: #ffffff;
	z-index: 1;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div .stepLayout01 .col + .col .textBox {
	margin-left: 25px;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div .stepLayout01 p {
	line-height: 1.5em;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .serviceWrap.wrap02 .stepList01 > .stepCol > div .stepLayout01 .noteText01 {
	font-size: 14px;
	font-size: 1.4rem;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .link02 {
	margin: 40px 0 20px;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .link02 a {
	width: 740px;
	padding: 20px 0;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .tabBtnLayout {
	width: 740px;
	margin: 0 auto;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .tabBtnLayout li a {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	padding: 17px 50px 17px 50px;
	background: none;
	background-color: #3c4563 !important;
}
#roomid.epospoint .roomidTab #tab02.tabContents01 .link02 {
	margin: 15px 0;
}
#roomid.epospoint .roomidTab #tab02 .serviceWrap.wrap03 {
	padding: 30px 0 0;
}
/* commonArea */
#roomid.epospoint .commonArea .bnrArea {
	margin-top: 100px;
	text-align: center;
}
#roomid.epospoint .commonArea .bnrArea h4 {
	position: relative;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	display: inline;
	padding: 0 100px;
}
#roomid.epospoint .commonArea .bnrArea h4:before {
	position: absolute;
	content: "";
	width: 78px;
	height: 54px;
	left: 0;
	margin-top: -26px;
	background: url(/room_id/img/epospoint_bg01.png) no-repeat 0 0;
	background-size: 78px auto;
}
#roomid.epospoint .commonArea .bnrArea h4:after {
	position: absolute;
	content: "";
	width: 78px;
	height: 54px;
	right: 0;
	margin-top: -26px;
	background: url(/room_id/img/epospoint_bg02.png) no-repeat 0 0;
	background-size: 78px auto;
}
#roomid.epospoint .commonArea .bnrArea .colLayout.mt40 a {
	display: inline-block;
	margin-bottom: 2px;
	margin-right: 2px;
	box-shadow: 3px 3px 0px 1px #696b6b;
}
#roomid.epospoint .commonArea .bnrArea .colLayout.mt40 a:hover {
	margin-top: 4px;
	margin-bottom: -2px;
	margin-right: -2px;
	margin-left: 4px;
	box-shadow: none;
}

/* contactWrap */
#roomid.epospoint .contactWrap .colLayout {
	width: 100%;
	text-align: center;
}
#roomid.epospoint .contactWrap .colLayout .col {
	float: none;
}
#roomid.epospoint .contactWrap .cvTel .area {
	width: 32%;
	margin: 0 auto 10px;
}


/* /room_id/pg_present.html
------------------------------------------------------ */
#roomid.pg_present .serviceWrap.wrap01{
	padding: 0 0 90px;
	background: none !important;
	background-color: #0a2a8d !important;
}
#roomid.pg_present .serviceWrap.wrap01 .normalList01{
	margin-top: 50px;
		font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #ffffff;
}
#roomid.pg_present .normalList01 > li:before {
	top: 0.7em;
	background-color: #ffffff;
}
#roomid.pg_present .serviceWrap.wrap01 .txtNote01{
	margin-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}
#roomid.pg_present .serviceWrap .campaignEnd{
	position: relative;
	width: 80%;
	border: solid 5px #ffff00;
	padding: 1em 1em;
	margin: 5% auto;
	color: #ffff00;
	text-align: center;
}
#roomid.pg_present .serviceWrap .campaignEnd:before{
	content: "";
	position: absolute;
	border-top: 1em solid #ffff00;
	border-right: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #ffff00;
	top: 0;
	left: 0;
}
#roomid.pg_present .serviceWrap .campaignEnd:after{
	content: "";
	position: absolute;
	border-top: 1em solid transparent;
	border-right: 1em solid #ffff00;
	border-bottom: 1em solid #ffff00;
	border-left: 1em solid transparent;
	bottom: 0;
	right: 0;
}
#roomid.pg_present .serviceWrap .campaignEnd > p{
	margin-top: 0;
}
#roomid.pg_present .serviceWrap .campaignEnd .txtLead01{
	color: #ffff00;
	font-size: 26px;
	font-size: 2.6rem;
}

#roomid.pg_present .serviceWrap .campaignEnd-small{
	width: 80%;
	border: solid 1px #ffff00;
	padding: 1em 1em;
	margin: 60px auto;
	color: #ffff00;
	text-align: center;
}
@media screen and (min-width: 1621px) {
	.colLayoutWrap{
		margin: 0 calc(((100vw - 100%) / 2) * -1);
	}
	.colLayout.type02 {
		width: 1640px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1620px) {
	.colLayoutWrap{
		margin: 0 calc(((100vw - 100%) / 2) * -1);
	}
	.colLayout.type02 {
		width: 100%;
		margin: 0 auto;
	}
}
/* Clearfix
------------------------------------------------------ */
#roomid #headerContainer .headUtil .globalNav01 .navList01:after,
#roomid #maintenance .maintenanceInner01:after,
#roomid #footerContainer .ftInner .bnList:after,
#roomid .serviceWrapInner:after,
#roomid .tabBtnLayout:after,
#roomid.download .downloadContents .downloadList:after,
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01:after{
	content: "";
	display: block;
	clear: both;
}
#roomid #headerContainer .headUtil .globalNav01 .navList01,
#roomid #maintenance .maintenanceInner01,
#roomid #footerContainer .ftInner .bnList,
#roomid .serviceWrapInner,
#roomid .tabBtnLayout,
#roomid.download .downloadContents .downloadList,
#roomid.download .downloadContents .downloadDetail .downloadDetailBox .serviceWrapInner .downloadList01{
	zoom: 1;
}