@charset "utf-8";

/***************************************************
	corporate.css
***************************************************/
#headline {
	background-color: #000;
}
#headline h1.htl01 {
	background: url(../img/corporate/index/htl01_bg_pc.jpg) 100% 0 no-repeat;
}

#content #sNav .menu li.cor ul {	display: block;}
#content #sNav .menu li.cor > a {
	background: #14838d url(../img/common/ico_arr09.png) 3% 50% no-repeat;
	color: #fff;
}

@media only screen and (max-width: 767px) {
#headline {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
#headline h1.htl01 {
	background: url(../img/corporate/index/htl01_bg_sp.jpg) 100% 0 no-repeat;
	background-size: auto 100%
}

#content #sNav .menu li.cor a {
	background-image: url(../img/common/ico_arr12.png);
	background-position: 2% 50%;
	background-size: 18px auto;
}
#content #sNav .menu li.cor > a {
	background-color: #14838d;
	color: #fff;
}

}

/* トップページ index.html
------------------------------------------------------------ */
.index #mainCnt #section01 {
	padding: 0 27px;
}
.index #mainCnt #section01 .leadTxt {
	margin-bottom: 40px;
}
.index #mainCnt #section01 .contntsList {	margin-bottom: 0;}
.index #mainCnt #section01 .contntsList li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 6px solid #f1f1f1;
}
.index #mainCnt #section01 .contntsList li:nth-child(3n) {	margin-right: 0;}
.index #mainCnt #section01 .contntsList p {
	margin-bottom: 0;
	padding: 7px 0;
	background: #233694 url(../img/common/ico_arr03.png) 95% 50% no-repeat;
	color: #fff;
	font-size: 15px;
	text-align: center;
}
.index #mainCnt #section01 .contntsList li a {
	display: block;
	text-decoration: none;
}
.index #mainCnt #section01 .contntsList li a:hover {
	opacity: .7;
}
.index #mainCnt #section01 .contntsList li a:hover p {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
.index #mainCnt #section01 {
	padding: 0;
}
.index #mainCnt #section01 .leadTxt {
	margin-bottom: 20px;
}
.index #mainCnt #section01 .contntsList li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 6px solid #f1f1f1;
}
.index #mainCnt #section01 .contntsList li:nth-child(3n) {	margin-right: 2%;}
.index #mainCnt #section01 .contntsList li:nth-child(2n) {	margin-right: 0;}
.index #mainCnt #section01 .contntsList li img {	width: 100%;}
.index #mainCnt #section01 .contntsList p {
	font-size: 12px;
}

}

/* 社長からのご挨拶 message.html
------------------------------------------------------------ */
.message #content #sNav .menu li.cor li.n01 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.message #content #section01 .box01 {
	position: relative;
}
.message #content #section01 .photo {
	float: left;
	width: 264px;
	margin: 0 30px 30px 0;
}
.message #content #section01 .photo img {
	border: 4px solid #f1f1f1;
}
.message #content #section01 .movieLink {
	float: left;
	margin-top: 180px;
}
.message #content #section01 .movieLink img {
	display: block;
	width: 220px;
	margin-bottom: 15px;
}
.message #content #section01 .movieLink a {
	padding-left: 15px;
	background: url(../img/common/ico_arr16.png) 0 50% no-repeat;
}
.message #content #section01 .signature {	text-align: right;}
.message #content #section01 .signature img {	width: 220px;}

@media only screen and (max-width: 767px) {
.message #content #section01 .photo {
	float: left;
	width: 48%;
	margin: 0 0 20px 0;
}
.message #content #section01 .photo img {
	border: 2px solid #f1f1f1;
}
.message #content #section01 .movieLink {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 48%;
}
.message #content #section01 .signature img {	width: 290px;}
	
}

/* 施設ネットワーク network.html
------------------------------------------------------------ */
.network #content #sNav .menu li.cor li.n05 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.network #content .slider {
	width: 87%;
	margin: 0 auto 40px;
	border: 4px solid #f1f1f1;
}
.network #content .slider .bx-wrapper {
	margin-bottom: 0;
}
.network #content .slider ul li p {
	margin-bottom: 0;
	padding: 7px 25px;
	background-color: #233694;
	color: #fff;
	font-size: 15px;
}
.network #content .pager a {
	display: block;
	float: left;
	width: 14.999999%;
	margin-right: 2%;
	margin-bottom: 30px;
	background-color: #233694;
	border: 4px solid #f1f1f1;
/*	overflow: hidden;*/
}
.network #content .pager a:nth-child(6n) {	margin-right: 0;}
.network #content .pager dfn {
	display: block;
}
.network #content .pager a p {
	display: table-cell;
	width: 202px;
	height: 60px;
	margin-bottom: 0;
	padding: 0;
/*	border: 1px solid #233694;*/
	background-color: #233694;
	color: #fff;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
}
.network #content .pager a:hover dfn {	background-color: #fff;}
.network #content .pager a:hover img {	opacity: .7;}
.network #content .pager a:hover p {	text-decoration: underline;}

.network #content #section01 {	margin-bottom: 70px;}

.network #content #section01 .linkTxt,
.network #content #section02 .linkTxt {
	color: #233694;
}

.network #content .bx-wrapper .bx-prev {
	left: -8%;
	background: url(../img/common/slide_arr01.png) no-repeat 0 0;
}

.network #content .bx-wrapper .bx-next {
	right: -8%;
	background: url(../img/common/slide_arr02.png) no-repeat 0 0;
}

.network #content .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.network #content .bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

.network #content .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -63px;
	outline: 0;
	width: 27px;
	height: 126px;
	text-indent: -9999px;
	z-index: 9999;
}

@media only screen and (max-width: 767px) {
.network #content .slider {
	margin-bottom: 20px;
}
.network #content .pager a {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.network #content .pager a img {	width: 100%;}
.network #content .pager a:nth-child(3n) {	margin-right: 0;}
.network #content .pager a p {
	height: 45px;
	font-size: 12px;
}
.network #content #section01 {	margin-bottom: 35px;}

}

/* メディア掲載 media.html
------------------------------------------------------------ */
.media #content #sNav .menu li.cor li.n08 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.media #content #mainCnt .leadTxt span.only_pc_tb {	display: inline;}
.media #content #mainCnt .mediaList {}
.media #content #mainCnt .mediaList li {
	float: left;
	width: 22.75%;
	margin-right: 3%;
	margin-bottom: 30px;
	text-align: center;
}
.media #content #mainCnt .mediaList li.col2 {
	width: 48.5%;
}
.media #content #mainCnt .mediaList li:nth-child(4n),
.media #content #mainCnt .mediaList li:nth-child(15) {	margin-right: 0;}
.media #content #mainCnt .mediaList li img {
	margin-bottom: 20px;
	border: 4px solid #f1f1f1;
}
@media only screen and (max-width: 767px) {
.media #content #mainCnt .leadTxt span.only_pc_tb {	display: none;}
.media #content #mainCnt .leadTxt span.only_sp {	display: inline;}
.media #content #mainCnt .mediaList li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 25px;
	text-align: center;
}
.media #content #mainCnt .mediaList li img {	width: 100%;}
.media #content #mainCnt .mediaList li.col2 {
	width: 100%;
}
.media #content #mainCnt .mediaList li:nth-child(2n),
.media #content #mainCnt .mediaList li:nth-child(15) {	margin-right: 0;}
.media #content #mainCnt .mediaList li:nth-child(14) {	margin-right: 4%;}
}

/* グループ企業 group.html
------------------------------------------------------------ */
.group #content #sNav .menu li.cor li.n07 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.group #section01 p {
	margin-bottom: 40px;
}
.group #section01 table {
	width: 100%;
}
.group #section01 th {
	width: 28%;
	padding: 20px 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	background-color:#cde9ec;
	font-weight: normal;
}
.group #section01 td {
	padding: 20px;
	border-bottom: 2px solid #fff;
	background-color:#f9f7f7;
}

@media only screen and (max-width: 767px) {
.group #mainCnt .ttl01 {
	margin-bottom: 25px;
}
.group #section01 p {
	margin: 0 10px 25px;
	font-size: 15px;
}
.group #section01 th {
	width: auto;
	white-space: nowrap;
}
.group #section01 th,
.group #section01 td {
	padding: 10px;
	font-size: 15px;
}
}

/* 沿革 history.html
------------------------------------------------------------ */
.history #content #sNav .menu li.cor li.n04 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.history #mainCnt {
	width: 100%;
}

.history #section01 table {
	float: left;
	width: 73%;
}
.history #section01 th {
	width: 27%;
	padding: 16px 0;
	background-color:#cde9ec;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	white-space: nowrap;
	font-weight: normal;
}
.history #section01 td {
	padding: 16px;
	border-bottom: 2px solid #fff;
	background-color:#f9f7f7;
}

.history #section02 {
	float: right;
	width: 25%;
	padding-bottom: 300px;
}
.history #section02 .historyImg img {
	margin-bottom: 10px;
	border : 4px solid #f1f1f1;
}
.history #section02 ul li {
	padding-bottom: 40px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.history #sNav ul .env a {
	width: 100%;
}
.history #mainCnt .ttl01 {
	margin-bottom: 20px;
}

.history #section01 table {
	float: none;
	width: 100%;
}
.history #section01 {
	padding-bottom: 30px;
}
.history #section01 th,
.history #section01 td {
	padding: 10px;
	font-size: 15px;
}

.history #section02 {
	float: none;
	width: 100%;
	padding-bottom: 10px;
}
.history #section02 .historyImg ul li img {	width: 100%;}
.history #section02 .historyImg ul li.img01,
.history #section02 .historyImg ul li.img03 {
	display: block;
	float: left;
	clear: both;
	width: 49%;
	font-size: 12px;
}
.history #section02 .historyImg ul li.img02,
.history #section02 .historyImg ul li.img04 {
	float: right;
	width: 49%;
	font-size: 12px;
}

}

/* 企業理念 philosophy.html
------------------------------------------------------------ */
.philosophy #content #sNav .menu li.cor li.n02 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}
.philosophy #section01 h3 {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 150%;
}
.philosophy #section01 .photo {
	float: right;
	width: 38%;
}
.philosophy #section01 .photo p {	margin-bottom: 0;}
.philosophy #section01 .text {
	float: left;
	width: 60%;
}
.philosophy .policy {	margin-bottom: 40px;}

@media only screen and (max-width: 767px) {
.philosophy #mainCnt .ttl01 {
	margin-bottom: 20px;
}
.philosophy #section01 .photo {
	float: none;
	width: 100%;
}
.philosophy #section01 .photo p {	margin-bottom: 20px;}
.philosophy #section01 .text {
	float: none;
	width: 100%;
	font-size: 15px;
}
.philosophy #section01 h3 {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 15px;
	font-size: 15px;
}
.philosophy #section01 {	margin-bottom: 20px;}
.philosophy .policy {	margin-bottom: 20px;}

}

/* オフィスワン四条烏丸 office-one.html
------------------------------------------------------------ */
.office-one #content #sNav .menu li.cor li.n06 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.office-one .leadTxt {	margin-bottom: 40px;}

.office-one #section01 h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.office-one #section01 .room,
.office-one #section01 .culture {
	float: left;
	width: 48%;
	
}
.office-one #section01 .office,
.office-one #section01 .tenant {
	float: right;
	width: 48%;
}
.office-one #section01 .office .stl01{	margin-top: 1em;}
.office-one #section01 .image01 {	margin-bottom: 0;}
.office-one #section01 .image01 img {	width: 100%;}
.office-one #section01 .text01 {
	margin-bottom: 0;
	padding: 10px 15px;
}
.office-one #section01 .officeoneImg {
	border: 4px solid #f1f1f1;
	margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
.office-one .leadTxt {
	padding: 0 10px;
	margin-bottom: 30px;
	font-size: 15px;
}
.office-one #section01 h3 {
	font-size: 18px;
}
.office-one #section01 .room,
.office-one #section01 .office,
.office-one #section01 .culture {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.office-one #section01 .tenant {
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
.office-one #section01 .officeoneImg {
	margin-bottom: 0;
}
.office-one #section01 .text01 {
	padding: 5px;
	font-size: 12px;
}

}

/* 企業情報・アクセス profile.html
------------------------------------------------------------ */
.profile #content #sNav .menu li.cor li.n03 a {
	background: #fff url(../img/common/ico_arr15.png) 2% 50% no-repeat;
	color: #14838d;
}

.profile #section01 th {
	width: 28%;
	padding: 20px 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	background-color:#cde9ec;
	font-weight: normal;
}
.profile #section01 td {
	padding: 20px;
	border-bottom: 2px solid #fff;
	background-color:#f9f7f7;
}
.profile #section01 table p {
	margin: 0;
}
.profile #section01 dd p {	float: left;}
.profile #section01 dd p:first-child {	margin-right: 30px;}
.profile #section01 dd p span:first-child {	margin-right: 40px;}
.profile #section01 dd .maplink {
	float: none;
	color: #233694;
}
.profile #section01 .profileImg img {
	margin-bottom: 10px;
	border: 4px solid #f1f1f1;	
}
.profile #section01 .profileImg ul li {
	margin-bottom: 40px;
	font-size: 20px;
}
.profile #section01 .profileImg .img01 {
	float: left;
	width: 48%;
}
.profile #section01 .profileImg .img02 {
	float: right;
	width: 48%;
}

.profile #section02 #access01 {
	margin-bottom: 40px;
	border-bottom: 2px solid #f1f1f1;
}
.profile #section02 .mapBox {
	float: left;
	width: 48%;
}
.profile #section02 .mapBox .map {
	margin-bottom: 20px;
	font-size: 20px;
}
.profile #section02 .mapBox .map iframe {
	width: 100%;
	height: 275px;
	margin-bottom: 5px;
	border: 4px solid #f1f1f1;	
}
.profile #section02 .textBox {
	float: right;
	width: 48%;
	margin-bottom: 40px;
}
.profile #section02 .textBox h3 {
	color: #233694;
	font-size: 18px;
}
.profile #section02 .maplink,
.profile #section02 .maplink a {
	color: #233694;
}
.profile #section02 #access01 .map img,
.profile #section02 #access02 .map img {
	margin-bottom: 5px;
	border: 4px solid #f1f1f1;
}

@media only screen and (max-width: 767px) {
.profile #section01 dd p {	float: none;}
.profile #section01 dd p:first-child {	margin-right: 0;}
.profile #section01 dd p span {
	display: block;
}
.profile #section01 dd p span:first-child {	margin-right: 0;}

.profile #section01 .profileImg .img01,
.profile #section01 .profileImg .img02 {
	float: none;
	width: 100%;
	text-align: center;
}
.profile #section01 .profileImg .img01 img,
.profile #section01 .profileImg .img02 img {	width: 100%;}

.profile #section02 .mapBox {
	float: none;
	width: 100%;
	text-align: center;
}
.profile #section02 .mapBox .map {
	margin-bottom: 10px;
	font-size: 18px;
}
.profile #section02 .mapBox .map iframe {	display: inline-block;}
.profile #section02 .textBox {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.profile #section02 .tel a {
	display: block;
	margin-bottom: 20px;
	padding: 10px 0 5px;
	background: #233694 url(../img/common/ico_tel02.png) 5% 80% no-repeat;
	background-size: 24px auto;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.profile #section02 .tel a:hover {
	text-decoration: underline;
	opacity: .7;
}
.profile #section02 .tel a span {	font-size: 30px;}

}