@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

div#conts table.comTable tbody tr td table.subTable tbody tr td.sen{
    padding: 0 50px 0 0;
    text-align: right;
}
.only_pc{
	display: block;
}
.only_sp{
	display: none;
}
#main{
	min-height: 880px;
}
#gNavi .about a {
	background: url(/en/common/images/img_navi01_over.png) no-repeat center top;
}

#sideBar .imgBox {
	padding-top: 10px;
}

#sideBar .imgBox .photoBox {
	float: left;
}

#sideBar .imgBox .textBox {
	margin-top: 46px;
	width: 189px;
	float: right;
}

#sideBar .imgBox .textBox .pTitle {
	margin-bottom: 15px;
	color: #559594;
	font-size: 1.4em;
	line-height: 1.8;
}

#sideBar .imgBox .textBox p {
	font-size: 1.2em;
	line-height: 2;
}


#conts h3 {
	margin-bottom: 21px;
}

#conts p {
	margin-bottom: 25px;
	font-size: 1.2em;
	line-height: 2;
}

#conts .aboutList {
	margin-bottom: 7px;
}

#conts .linkList li {
	width: 80px;
}

#conts .linkList .menu_1 {
	width:70px;
}

#conts .linkList .menu_2 {
	width:108px;
}

#conts .linkList .menu_3 {
	width:90px;
}

#conts .comLink {
	margin: 0 !important;
	font-size: 1.2em !important;
}

#conts .comLink a {
}

#conts .comLink.on,
#conts .comLink:hover {
	background:#007984;
}

#conts .comLink.on a,
#conts .comLink a:hover {
	color: #FFF;
	background:#007984;
}

#conts .comTable td {
	padding: 17px 0 17px 10px;
}

#conts .comTable td a {
	color: #0065a5;
}

#conts .comTable th {
	padding: 17px 0 17px 10px;
}

#conts .comTable .dlText01 dt {
	float: left;
}

#conts .comTable .dlText01 dd {
	padding-left: 13em;
}

#conts .comTable .dlText02 {
	width: 155px;
}

#conts .comTable .dlText02 dt {
	width: 100px;
	float: left;
}

#conts .comTable .dlText02 dd {
	width: 55px;
	float: right;
	text-align: right;
}

#conts .comTable .subTable {
	width: 100%;
}

#conts .comTable .subTable th,
#conts .comTable .subTable td {
	padding: 0;
	font-size: 1em;
	background: none;
}

#conts .comTable .subTable .tdList {
	padding-bottom: 18px;
}

#conts .pTtl {
	margin: 44px 0 15px;
	color: #559594;
	font-size: 1.6em;
	line-height: 1.2;
	font-weight: bold;
}

#conts .mapBox {
	padding: 1px;
	margin-top: -10px;
	position: relative;
	background: url(../images/bg_access.gif) no-repeat left top;
}

#conts .organizationBox {
	margin-top: 21px;
	background: url(../images/bg_btm_organization.gif) no-repeat left bottom;
}

#conts .organizationBox .subBox {
	padding: 15px 30px 35px 24px;
	min-height: 400px;
	background: url(../images/bg_top_organization.gif) no-repeat left top;
}

#conts .organizationBox ul {
	margin-left: 80px;
}

#conts .organizationBox li {
	padding: 10px 0 10px 83px;
	position: relative;
	font-size: 1.2em;
	line-height: 1.2;
	background: url(../images/img_line_organization02.gif) no-repeat left center;
}

#conts .organizationBox .liTop {
	background: url(../images/img_line_organization01.gif) no-repeat left center;
}


#conts .organizationBox li span {
	display: block;
	text-align: center;
}

#conts .organizationBox li .back {
	width: 152px;
	background: url(../images/bg_btm_organization01.gif) no-repeat left bottom;
}
#conts .organizationBox li .back_snsc {
    width: 121px;
    background: url(../images/bg_btm_organization02.gif) no-repeat left bottom;
}

#conts .organizationBox li .back span {
	padding: 11px 5px 10px;
	background: url(../images/bg_top_organization01.gif) no-repeat left top;
}
#conts .organizationBox .subBox .lilast_snsc  .back_snsc span{
	padding: 5px 0;
    background: url(../images/bg_top_organization02.gif) no-repeat left top;
}
#conts .organizationBox .marine {
	padding: 35px 0 35px 83px;
	background: url(../images/img_line_organization06.gif) no-repeat left center;
}

#conts .organizationBox li .back01 {
	margin-left: -163px;
	position: relative;
	zoom: 1;
	width: 160px;
	color: #FFF;
	font-weight: bold;
	background: url(../images/bg_btm_organization03.gif) no-repeat left bottom;
}

#conts .organizationBox li .back01 span {
	padding: 20px 5px 19px;
	background: url(../images/bg_top_organization03.gif) no-repeat left top;
}

#conts .organizationBox .subUl {
	background: none;
	left: 183px;
	top: -74px;
	position: absolute;
}

#conts .organizationBox .subUl li {
	padding-left: 42px;
	font-size: 1em;
}
#conts .organizationBox .lilast_snsc {
    background: url(../images/img_line_organization07.gif) no-repeat left 235px top 118px;
    padding: 140px 0 1px 305px;
}

#conts .organizationBox .subUl .back {
	width: 121px;
	background: url(../images/bg_btm_organization02.gif) no-repeat left bottom;
	position: relative;
	z-index: 2;
}

#conts .organizationBox .subUl .back span {
	padding-bottom: 9px;
	background: url(../images/bg_top_organization02.gif) no-repeat left top;
}
#conts .organizationBox .subUl .lilast_admin{
	background: url(../images/img_line_organization03.gif) no-repeat left 
}
p.datecopy{
	float:right;
	padding:10px 0 0 0;
}
/*------------------------------------------------------------
	福利厚生
------------------------------------------------------------*/
#group_facilities{
	width:540px;
}
.facilities_left,.facilities_right{
	width:270px;
	float:left;
}
.facilities_left{
	width:240px;
	margin:0 15px;
	
}
.facilities_right img{
	width:100%;
	max-width:270px;
}
#group_facilities h1{
	margin:44px 0 15px;
	color:#559594;
	font-size:1.6em;
	line-height:1.2;
	font-weight:bold;
}
#group_facilities h2{
	font-size:1.6em;
	color:#559594;
}
#group_facilities h3{
	font-size:1.4em;
	background:none;
	/*margin-left:15px;*/
}
#syataku{
	height:307px;
}
#syataku .facilities_left h3{
	color:#161616;
	font-weight:normal;
}
#group_facilities p{
	font-size:1.2em;
	/*margin-left:15px;*/
}
#villa{
	margin:40px 0;
}

#villa #villa_hakone{
	height:179px;
}
#villa #villa_katuura{
	height:121px;
	margin:40px 0;
}

#villa #villa_kyukaruizawa{
	height:152px;
}
#tokyu{
	margin:40px 0;
}
#tokyu ul{
	margin-left:30px;
}
#tokyu ul li{
	font-size:1.4em;
	/*font-weight:bold;*/
	list-style-type:disc;
}
#sideBar .photoList li:first-child .img_access_sp{
	display: none;
}
/*for tablet*/
@media only screen and (min-width:768px) and (max-width: 1079px) {
	.only_pc{
		display: none;
	}
	.only_tb{
		display: block;
	}
	.only_sp{
		display: none;
	}
	#conts .linkList li {
	    width: auto;
	    margin: 0 2% 2% 0;
	}
	#conts .linkList .menu_1{
		width: 12.86%;
	}
	#conts .linkList li,
	#conts .linkList .menu_1,
	#conts .linkList .menu_2,
	#conts .linkList .menu_3{
		width: auto;
	}
	#group_facilities{
		width: 100%;
	}
	.facilities_left{
		width: 45%;
		margin: 0;
	}
	.facilities_right{
		width: 55%;
	}
	.facilities_right>img{
		width: 100%;
	}
	#conts .mapBox{
		background-size: 100% 100%;
	}
	#conts .mapBox iframe{
		width: 100%;
		height: 358px;
	}
	#conts .organizationBox>img{
		width: 100%;
		height: auto;
	}
}
/*for sp*/
@media only screen and (max-width:767px){
	.only_pc{
		display: none;
	}
	.only_tb{
		display: none;
	}
	.only_sp{
		display: block;
	}
	#conts .aboutList{
		margin: 0;
	}
	#conts h3{
		width: 87.2%;
		font-size: 3.73vw;
		margin: 64px auto 32px;
		margin: 8.53% auto 4.26%;
	}
	#conts p{
		font-size: 3.466vw;
	}
	#conts .linkList li,
	#conts .linkList .menu_1,
	#conts .linkList .menu_2,
	#conts .linkList .menu_3{
		width: 248px;
		width: 33.33%;
	}
	#main .comLink a{
		padding: 35px 0;
		padding: 14.11% 0;
	}
	#main .comLink a span{
		font-size: 3.466vw;
	}
	#conts .comTable .dlText02{
		width: 100%;
	}
	#conts .comTable .dlText02 dt,
	#conts .comTable .dlText02 dd{
		width: 50%;
        font-size: 1em;
	}
	div#conts table.comTable tbody tr td table.subTable tbody tr td.sen{
		padding: 0;
	}
	#conts .comTable th {
		padding: 30px 0 17px;
		padding: 4.58% 0 2.59% 0;
		font-size: 4.3vw;
	}
	#conts .comTable td{
		padding-left: 0;
		font-size: 3.46vw;
		padding-top: 0;
	}
	
	p#datecopy{
		margin: 0;
	}
	#conts .organizationBox{
		width: 655px;
		width: 87.33%;
		margin: 0 auto;
		background: transparent;
	}
	#conts .organizationBox .subBox{
		background: transparent;
	}
	#conts .organizationBox>img{
		width: 100%;
		height: auto;
	}
	#group_facilities{
		width: 100%;
	}
	#group_facilities h2 {
		font-size: 3.73vw;
		color: #559594;
	}
	.facilities_left, 
	.facilities_right{
		width: 100%;
		margin: 10px 0;
		float: none;
	}
	#syataku,
	#villa #villa_hakone,
	#villa #villa_katuura,
	#villa #villa_kyukaruizawa{
		height: auto;
	}
	#syataku .facilities_left h3,
	#villa_hakone .facilities_left h3,
	#villa_katuura .facilities_left h3,
	#villa_kyukaruizawa .facilities_left h3{
		margin: 0;
		color: #007984;
	}
    
    #group_facilities #syataku h3.shimazu{
        color: #161616;
    }
    
	.facilities_right img{
		width: 100%;
		max-width: 648px;
		height: auto;
		margin: 10px 0;
	}
	#group_facilities p{
		font-size: 3.46vw;
	}
	#tokyu {
		margin: 40px 0 0;
	}
	#tokyu ul li{
		font-size: 3.46vw;
	}
	#conts .pTtl{
		font-size: 3.733vw;
	}
	#conts .mapBox {
		width: 87.33%;
		margin: 0 auto;
		background: url(/about/images/bg_access_sp.jpg) no-repeat left top;
		-webkit-background-size: 100% 100%;
		     -o-background-size: 100% 100%;
		        background-size: 100% 100%;
		overflow: hidden;
		padding: 4px 6px 6px;
	}
	#conts .mapBox iframe{
		width: 655px;
		width: 100%;
		height: 425px;
		height: 64.88vw;
	}
	#sideBar .photoList li:first-child .img_access_sp{
		width: 100%;
		height: auto;
		display: block;
	}
	#sideBar .photoList li:first-child .img_access_pc{
		display: none;
	}
	#sideBar .photoList li:first-child>img.access_sp_size{
		width: 145%;
		margin-left: -24%;
	}
}