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

html {min-height:100%; }
body {margin: 0px; padding: 0px; font-size: 13px; font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; line-height: 150%; -webkit-text-size-adjust: none; color: #222;}
.highlight a:hover *{ filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}  
.clearfix {display: inline-table; overflow: hidden;}  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
img {max-width: 100%;height: auto;width /***/: auto;border: none;vertical-align: bottom;}
img.miniimage { display: none; }
@media screen and (min-width: 1024px) {
   img.spimage { display: none; } /* miniを表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
@media screen and (max-width: 1023px) {
   img.spimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
p { margin: 0; padding: 0; }
ul { margin: 0; padding:0; }
li { margin: 0; padding:0; }
h1 {font-size: 11px; font-weight: normal; margin:0; padding:5px 10px; line-height: 15px; display: inline-block; background: #FFF;}
a:link { color: #0055AA; text-decoration: none; }
a:visited { color: #0055AA; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
a:active { color: #0055AA; text-decoration: none; }
strong { font-weight: normal; }
.txtC { text-align:center; }
.txtR { text-align:right; }
.txtB { font-weight:bold; }
.txtRD { color: #FF0000; }
.txt12 { font-size: 12px; line-height: 150%; }
.txt14 { font-size: 14px; line-height: 150%; }
.txt15 { font-size: 15px; line-height: 150%; }
.txt21 { font-size:21px; line-height: 150%; }
.txt25 { font-size:25px; line-height: 150%; }
.txt40 { font-size:40px; line-height: 150%;}
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.pcbr {display: block;}
.spbr {}
#page-top {position: fixed;bottom: 10px;right: 10px;width: 30px; z-index:400;}

#navigation {clear:both; width: 100%;}
#navigation a {color: #FFF;}
#navigation a:hover {color: #0055AA;}
#navigation .alignleft {width: 320px; float:left; text-align: center; font-size: 18px;}
#navigation .alignright {width: 320px; float:right; text-align: center; font-size: 18px;}

.wp-pagenavi {clear: both;text-align:center; margin-bottom: 50px;}
.wp-pagenavi a, .wp-pagenavi span {color: #fff;background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );background-color:#3d94f6;border:1px solid #3d94f6;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration:none;}
.wp-pagenavi a:hover{color:#3d94f6; background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );background-color:#dfdfdf;}
.wp-pagenavi span.current{color: #FFF;background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );background-color:#1e62d0;border-color: #3d94f6;font-weight: bold;}

#spNav {height: 30px;width: 30px;padding: 8px 8px;margin: 40px 0 0 0; background: #2E4791;}
.drawer-menu {background:#222;}
.drawer-menu ul {padding:0; margin: 0;}
.drawer-menu li {border-bottom:1px solid #000; border-top: 1px solid #333; line-height:50px;}
.drawer-menu a {color: #FFF; width: 96%; display: block; padding: 5px 2%;}
.drawer-menu:hover,
.drawer-menu:focus,
.drawer-menu:active,
.drawer-menu.active {color: #FFF;}
.drawer-hamburger-icon{position:relative;display:block;margin-top:14px;}
.drawer-dropdown-menu li {border-bottom:1px solid #000; border-top: 1px solid #333; line-height:50px;}
.drawer-dropdown-menu a {color: #FFF; width: 96%; display: block; padding: 5px 2%; background: #222;}
#spTel {width: 46px; margin: 40px 46px 0 0; right: 0; position: fixed; z-index: 5;}

.btnBL {display: inline-block;text-indent: 1em; text-decoration: none;line-height: 38px;outline: none; width:100%; background-color: #FFF; border: 1px solid #2E4791;}
.btnBL::before,
.btnBL::after {position: absolute;z-index: -1;display: block;content: '';}
.btnBL,
.btnBL::before,
.btnBL::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.btnBL {position: relative;z-index: 2; background-color: #FFF; border: 1px solid #2E4791;color: #FFF;line-height: 38px;overflow: hidden;}
.btnBL:hover {color: #FFF;border: 1px solid #2E4791;}
.btnBL::after {top: -100%;width: 100%; height: 100%;}
.btnBL:hover::after {top: 0; background: #2E4791; color: #FFF;}

.btnGR {display: inline-block;text-indent: 1em; text-decoration: none;line-height: 38px;outline: none; width:100%; background-color: #FFF; border: 1px solid #5A9B0E;}
.btnGR::before,
.btnGR::after {position: absolute;z-index: -1;display: block;content: '';}
.btnGR,
.btnGR::before,
.btnGR::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.btnGR {position: relative;z-index: 2; background-color: #FFF; border: 1px solid #5A9B0E;color: #FFF;line-height: 38px;overflow: hidden;}
.btnGR:hover {color: #FFF;border: 1px solid #5A9B0E;}
.btnGR::after {top: -100%;width: 100%; height: 100%;}
.btnGR:hover::after {top: 0; background: #5A9B0E; color: #FFF;}

.btnBL60 {display: inline-block;text-indent: 1em; text-decoration: none;line-height: 58px;outline: none; width:100%; background-color: #FFF; border: 1px solid #2E4791;}
.btnBL60::before,
.btnBL60::after {position: absolute;z-index: -1;display: block;content: '';}
.btnBL60,
.btnBL60::before,
.btnBL60::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.btnBL60 {position: relative;z-index: 2; background-color: #FFF; border: 1px solid #2E4791;color: #FFF;line-height: 58px;overflow: hidden;}
.btnBL60:hover {color: #FFF;border: 1px solid #2E4791;}
.btnBL60::after {top: -100%;width: 100%; height: 100%;}
.btnBL60:hover::after {top: 0; background: #2E4791; color: #FFF;}

.btnWH {display: inline-block;text-indent: 1em; text-decoration: none;line-height: 38px;outline: none; width:100%; border: 1px solid #FFF;}
.btnWH::before,
.btnWH::after {position: absolute;z-index: -1;display: block;content: '';}
.btnWH,
.btnWH::before,
.btnWH::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.btnWH {position: relative;z-index: 2; border: 1px solid #FFF;color: #FFF;line-height: 38px;overflow: hidden;}
.btnWH:hover {color: #FFF;border: 1px solid #2E4791;}
.btnWH::after {top: -100%;width: 100%; height: 100%;}
.btnWH:hover::after {top: 0; background: #2E4791; color: #FFF;}

.btnWH2 {display: inline-block;text-indent: 1em; text-decoration: none;line-height: 38px;outline: none; width:100%; border: 1px solid #FFF;}
.btnWH2::before,
.btnWH2::after {position: absolute;z-index: -1;display: block;content: '';}
.btnWH2,
.btnWH2::before,
.btnWH2::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.btnWH2 {position: relative;z-index: 2; border: 1px solid #5A9B0E;color: #FFF;line-height: 38px;overflow: hidden;}
.btnWH2:hover {color: #FFF;border: 1px solid #5A9B0E;}
.btnWH2::after {top: -100%;width: 100%; height: 100%;}
.btnWH2:hover::after {top: 0; background: #5A9B0E; color: #FFF;}

.ratioBox {position: relative;width: 100%;height: auto;}
.ratioBox1-14:before {content: "";display: block;padding-top: 139.5%; /* 1:1.4 */}
.ratioBox1-1:before {content: "";display: block;padding-top: 100%; /* 1:1 */}
.ratioBox2-1:before {content: "";display: block;padding-top: 50%; /* 2:1 */}
.ratioBox3-2:before {content: "";display: block;padding-top: 66%; /* 3:2 */}
.ratioBox4-3:before {content: "";display: block;padding-top: 75%; /* 4:3 */}
.ratioBox4-3:before {content: "";display: block;padding-top: 75%; /* 4:3 */}
.ratioBox5-3:before {content: "";display: block;padding-top: 60%; /* 5:3 */}
.ratioBoxInner {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

#header {width: 100%; position: absolute; z-index: 1;}
#headW {width: 100%; margin: 0 auto;}
#headLogo {width: 153px; float: left; background: #2E4791;}
#headLogo h2 {font-size: 10px; margin: 0; padding: 0; font-weight: normal;}
#headNavi {display: none;}
#headIcn {float: left; width: 55px; border-bottom: 5px solid #000B4B;}
.naviArea {display: none;}

#footer {background:#2E4791; padding: 40px 0; color: #FFF;}
#footerW {width: 90%; margin: 0 auto; color: #FFF;}
.footNavi {width: 100%;}
.footIn {padding: 20px 0; margin-top: 20px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#footCon {padding: 20px 0;}
#footCon .title {font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 30px; text-align: left;}
#footCon .txt {font-size: 13px; line-height: 20px; margin-bottom: 10px; text-align: left;}
#footCon .tel {font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 30px; text-align: left;}
#footCon .tel a {color: #FFF;}
#footCon .tel a:hover {color: #FFF;}
#footCon .mail {width: 200px; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 30px; text-align: center; border: 1px solid #FFF;}
#footCon .mail a {color: #FFF;} 
#footCon .mail a:hover {color: #FFF;} 
.fnavi li {list-style: none; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 30px;}
.fnavi li span {list-style: none; font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px; margin-left: 1em;}
.fnavi li.under {margin-left: 1em;}
.fnavi li a {color: #FFF;}
.fnavi li a:hover {color: #90C9FF;}
#footAddress {clear: both; padding-top: 25px;}
#footL {}
#footAddress h2 {width:182px; margin: 0 0 15px; padding: 0;}
#footR {margin-top: 57px; font-family: 'Raleway', sans-serif; font-weight: 600;}
#footR a {color: #FFF;} 
#footR a:hover {color: #FFF;} 

#wrapper {width: 100%; position: relative; z-index: 0; height: 100%;}
.wrapper {height: 100%;}
#topMain {position: relative; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */ transform: translateY(-50%);}
#topCopy {right: 0; text-align: right;text-shadow:2px 1px 2px #ffffff,-2px -1px 2px #ffffff,-2px 1px 2px #ffffff,2px -1px 2px #ffffff;}
#topCopyEN {font-family: 'Raleway', sans-serif; font-weight: 800; padding: 0 10px 20px 10px; border-bottom: 1px solid #222; font-size: 30px; line-height: 150%; display: inline-block;}
#topCopy h2 {padding: 10px 20px 0 0; margin: 0; font-size: 20px; font-family: "Sawarabi Mincho"; font-weight: normal; text-align: right;}
#headConcept {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_concept.jpg) no-repeat center; background-size: cover;}
#headService {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_service.jpg) no-repeat center; background-size: cover;}
#headMedical {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_medical.jpg) no-repeat center; background-size: cover;}
#headHousing {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_housing.jpg) no-repeat center; background-size: cover;}
#headStore {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_store.jpg) no-repeat center; background-size: cover;}
#headApartment {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_apartment.jpg) no-repeat center; background-size: cover;}
#headGallery {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_gallery.jpg) no-repeat center; background-size: cover;}
#headCompany {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_company.jpg) no-repeat center; background-size: cover;}
#headContact {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_contact.jpg) no-repeat center; background-size: cover;}
#headNews {width: 100%; position: relative; z-index: 0; height: 260px; background: url(image/head_news.jpg) no-repeat center; background-size: cover;}
#headTitleW {width: 100%; margin: 0 auto;}
#headTitle {background: #2E4791;padding: 10px 35px 5px; color: #FFF; float: right; margin-top: 175px;}
#headTitle .EN {font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: 600; line-height: 30px; background: url(image/linewh.png) center bottom no-repeat; padding-bottom: 10px;}
#headTitle h2 {font-size: 13px; line-height: 30px; text-align: center; padding: 0; margin: 0;}

.containerWide {width: 100%;; margin-left: auto; margin-right: auto; padding: 50px 0 0;}
.bgBL {width: 100%; background: #2E4791;}
.container {width: 90%; margin-left: auto; margin-right: auto;}
.container2 {width: 100%; margin-left: auto; margin-right: auto;}
.btn {width: 100%; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 800;}
.btn span {font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px;float: right; margin-right: 1em;}
.btn a {color: #2E4791;}
.btn a:hover {color: #FFF;}

#topImg {width: 100%;}
#topCon {width: 100%; margin: 0 auto 20px; position: relative; z-index: 2; background: #FFF;}
#topCon .inner {padding: 30px 20px;}
#topCon h2 {padding: 0; margin: 0; font-size: 20px; font-family: "Sawarabi Mincho"; font-weight: normal; text-align: center; line-height: 30px;}
#topCon .EN {font-family: 'Raleway', sans-serif; font-weight: 800; padding-bottom: 20px; text-align: center; background: url(image/line.png) no-repeat center bottom; margin-bottom: 10px;}
#topCon .icn {width: 100px; margin: 0 auto 20px;}
#topCon h3 {padding: 0; margin: 0 0 10px; font-size: 17px; line-height: 30px;}
#topCon p {margin: 0 0 10px;}
#topCon .btn,#topCon .btn2 {width: 100%; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 800;}
#topCon .btn span,#topCon .btn2 span {font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px;float: right; margin-right: 1em;}
#topCon .btn a {color: #2E4791;}
#topCon .btn a:hover {color: #FFF;}
#topCon .btn2 a {color: #5A9B0E;}
#topCon .btn2 a:hover {color: #FFF;}

#topSer {width: 100%; position: relative; z-index: 0; margin: -110px 0 0; background: #2E4791; padding: 120px 0 40px;}
#topSer .wrap {width: 100%; margin: 0 auto;}
#topSer .catBtn {width: 47%; margin: 10px 1.5%; float: left;}
#topSer .catBtn h3 {background: #FFF; padding: 5px 0; margin: 0; text-align: center; font-size: 17px; line-height: 30px;}
#topSer .catBtn h3 a {color: #222;}
#topSer .catBtn h3 a:hover {color: #2E4791;}

#topGL {width: 100%; margin-top: 30px; margin-bottom: 20px}
#topGL .EN {font-size: 30px; line-height: 40px; color: #2E4791; font-family: 'Raleway', sans-serif; font-weight: 800; margin-bottom: 10px;}
#topGL h2 {font-size: 17px; line-height: 25px; margin: 0 0 25px; padding: 0;}
#topGL h3 {font-size: 17px; line-height: 25px; margin: 0 0 25px; padding: 0;}
#topGL .txt {margin-bottom: 30px;}
#topGR {width: 100%; margin-bottom: 10px;}
#topGallery {width: 100%;}
.gBox {position:relative;width:50%;height:auto;float:left;}
.gBoxIn:before {content:"";display:block;padding-top:100%;}
.gInner {position:absolute;top:0;left:0;width:100%;height:100%; z-index: 0;}
.overlay {width: 100%;height: 100%;position: absolute;background: url(image/overlay.png) repeat;top: 0;left: 0;opacity: 0;-webkit-transition: opacity .3s linear;-moz-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;filter: alpha(opacity=0);}
.overlay:hover {opacity:1;filter:alpha(opacity=100);}
.gBoxD {height:80px; width:80px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border: 1px solid #FFF; border-radius: 40px; text-align: center; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 14px; line-height: 80px;}
.gBoxD a {background: none; display: block; color: #FFF; border-radius: 50px;}
.gBoxD a:hover {background: #FFF; display: block; color: #222; border-radius: 50px;}
.gBoxT {font-size: 17px; line-height: 20px; background: #FFF; display: inline-block; float: right; position: relative;z-index: 1;}
.gBoxT a {background: #FFF; display: block; padding: 10px 15px; color: #222;}
.gBoxT a:hover {background: #2E4791; display: block; padding: 10px 15px; color: #FFF;}

#topNews {background: url(image/bg_news.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
#topNewsW {width: 90%; margin: 0 auto;}
#topNewsWin {border: 5px solid #666; padding: 25px 20px 35px; background: #FFF;}
#topNewsWin .EN {font-size: 30px; line-height: 30px; color: #2E4791; font-family: 'Raleway', sans-serif; font-weight: 800; margin: 0 0 0 1.5%; float: left;}
#topNewsWin h2 {font-size: 17px; line-height: 20px; color: #2E4791; margin: 20px 1.5% 15px 0; float: right; padding: 0;}
#topNewsWin .box {width: 97%; float: left; margin: 0 1.5% 30px;}
#topNewsWin h3 {font-size: 15px; margin: 10px 0; padding: 0;}
#topNewsWin .date {color: #666; margin-bottom: 5px;}
#topNewsWin .txt a {color: #2E4791;}
#topNewsWin .txt a:hover {color: #222;}
#topNewsWin .btn {width: 100%; margin: 0 auto; clear: both; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 800;}
#topNewsWin .btn span {font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px;float: right; margin-right: 1em;}
#topNewsWin .btn a {color: #2E4791;}
#topNewsWin .btn a:hover {color: #FFF;}

#headA {width: 100%; background: url(image/bg_wh.jpg) bottom repeat-x #2E4791;}
#headAW {width: 90%;  margin: 0 auto; background: #FFF;}
#headAL {width: 100%; color: #FFF;}
#headAL .concept {background: url(image/bg_concept.jpg) no-repeat center; background-size: cover; padding: 0 20px 50px;}
#headAL .service {background: url(image/bg_service.jpg) no-repeat center; background-size: cover; padding: 0 20px 50px;}
#headAL .company {background: url(image/bg_company.jpg) no-repeat center; background-size: cover; padding: 0 20px 50px;}
#headAL .EN {border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 28px; line-height: 35px; padding: 40px 20px 0; display: inline-block; margin-bottom: 20px;}
#headAL h2 {font-size: 20px; padding: 0 0 25px; margin: 0 0 30px; line-height: 30px; background: url(image/linewh.png) no-repeat left bottom;}
#headAL h3 {font-size: 18px; font-family: "Sawarabi Mincho"; font-weight: normal; padding: 0; margin: 0 0 15px; line-height: 30px;}
#headAL .txt {width: 100%; margin-bottom: 20px;}
#headAL .box {width: 90px; margin-right: 20px; border: 1px solid #FFF; border-radius: 45px; text-align: center; float: left; margin-bottom: 20px;}
#headAL .box h4 {font-size: 15px; text-align: center; line-height: 30px; padding: 17px 0; margin: 0;}
#headAL .box h4 span {font-size: 13px; text-align: center; line-height: 26px; font-family: 'Raleway', sans-serif; font-weight: 600; display: block;}
#headAL .btn,#headAL .btn2 {width: 320px; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 800;}
#headAL .btn span,#headAL .btn2 span {font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px;float: right; margin-right: 1em;}
#headAL .btn a {color: #FFF;}
#headAL .btn a:hover {color: #FFF;}
#headAL .btn2 a {color: #5A9B0E;}
#headAL .btn2 a:hover {color: #FFF;}
#headAR {width: 100%;}
#headAWH {width: 100%; background: url(image/bg_bl.png) top repeat-x;}
#headAW2 {width: 90%;  margin: 0 auto 50px; background: #FFF;}
#headAW2 .EN {border-bottom: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #222; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 28px; line-height: 35px; padding: 40px 20px 0 20px; display: inline-block; margin-bottom: 20px; margin-left: 20px;}
#headAW2 h2 {font-size: 20px; padding: 0 0 25px 0; margin: 0 0 30px 20px; line-height: 30px; background: url(image/linebk.png) no-repeat left bottom;}
#headAW2 h3 {font-size: 18px; font-family: "Sawarabi Mincho"; font-weight: normal; padding: 0; margin: 0 0 15px 20px; line-height: 30px;}
#headAW2 .txt {margin: 0 20px 20px;}
#headAL2 {width: 100%; color: #FFF;}
#headAL2 .medical {background: url(image/bg_medical.jpg) no-repeat center; background-size: cover; padding: 20px;}
#headAL2 .housing {background: url(image/bg_housing.jpg) no-repeat center; background-size: cover; padding: 20px;}
#headAL2 .store {background: url(image/bg_store.jpg) no-repeat center; background-size: cover; padding: 50px;}
#headAL2 .apartment {background: url(image/bg_apartment.jpg) no-repeat center; background-size: cover; padding: 50px;}
#headAL2 .EN {font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 28px; line-height: 35px; padding: 0 0 15px; display: inline-block; margin-bottom: 10px; background: url(image/linewh.png) no-repeat left bottom;}
#headAL2 h2 {font-size: 20px; padding: 0; margin: 0 0 25px; line-height: 30px;}
#headAR2 {width: 100%;}
#headAW3 {width: 90%;  margin: 0 auto; background: #FFF;}
#headAW3 h2 {border-bottom: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #222; font-size: 28px; line-height: 35px; padding: 40px 20px 0 20px; display: inline-block; margin: 0 0 30px 20px; float: left;}
#headAW3 h3 {font-size: 20px; padding: 10px 20px; margin: 40px 20px 30px 0; line-height: 30px; float: right; background: #2E4791; color: #FFF;}

#concBcon {background: url(image/bg_concept2.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
#concBmedi {background: url(image/bg_medical2.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
#concBsto {background: url(image/bg_store2.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
#concBhou {background: url(image/bg_housing2.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
#concBapar {background: url(image/bg_apartment2.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
#concBW {background: url(image/bg_wh.png) repeat top; padding: 50px 0 0;}
#concBL {width: 100%; margin-bottom: 20px;}
#concBR {width: 100%; margin-bottom: 20px;}
#concBR h3 {font-size: 18px; line-height: 30px; margin: 0 0 10px; padding: 0; font-family: "Sawarabi Mincho"; font-weight: normal;}
#concBW .photoS {width: 100%;}
#concBW .photoC {width: 100%; margin: 10px 0;}

#serW {padding: 50px 0 20px;}
.serL {width: 100%; margin: 0 0 30px;}
.serR {width: 100%; margin: 0 0 30px;}
#serW .title {background: #2E4791; padding: 0 20px; display: inline-block; color: #FFF; margin: -40px 0 20px;}
#serW .EN {font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 24px; line-height: 45px;}
#serW h2 {padding: 0; margin: 0; font-size: 17px; line-height: 35px;}
#serW .txt {margin-bottom: 20px;}

#gTitle {width: 100%; background: #2E4791;}
#gTitleW {width: 95%; margin: 0 auto; color: #FFF;}
#gTitleW .EN {float: left; font-family: 'Raleway', sans-serif; font-size: 30px; font-weight: 800; line-height: 60px;}
#gTitleW h2 {float: left; font-size: 17px; margin: 0; padding: 28px 0 0 10px; line-height: 20px; margin: 0;}
#gTitleW .btn {width: 320px; float: right; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 800;}
#gTitleW .btn span {font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px;float: right; margin-right: 1em;}
#gTitleW .btn a {color: #2E4791;}
#gTitleW .btn a:hover {color: #FFF;}

.contTel {font-size: 20px; font-weight: bold; line-height: 150%; color: #2E4791; margin: 0 20px 20px;}
.TELJA {font-size: 13px; margin-right: 10px; font-weight: normal; color: #222;}
.TELtime {font-size: 13px; margin-left: 10px; font-weight: normal; color: #222;}

#comp .EN {font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 28px; line-height: 35px; padding: 50px 0 10px;}
#comp h2 {font-size: 20px; padding: 0 0 25px 0; margin: 0 0 30px 0; line-height: 30px; background: url(image/linebk.png) no-repeat left bottom;}
#comp .txt {width: 100%; border-bottom: 1px solid #FFF;}
#comp .txtL {width: 100%; text-align: center; padding: 15px 0; color: #FFF; float: left; background: #2E4791;}
#comp .txtR {width: 96%; float: left; padding: 15px 2%; background: #EEE; text-align: left;}
#comp h3 {width: 60%; font-size: 24px; line-height: 150%; font-family: "Sawarabi Mincho"; font-weight: normal; padding: 0; margin: 0 0 15px;}
#comp .txt60 {width: 70%; border-bottom: 1px solid #FFF; margin-bottom: 30px;}
#comp .photoL {width: 100%; margin: 50px 0;}
#comp .photoR {width: 100%; 0 0 50px 0;}
#map {width: 100%;}

#newsW {margin: 0 20px;}
#newsW h2 {font-size: 20px; padding: 10px 10px; margin: 0 0 30px 0; line-height: 150%; background: #2E4791; color: #FFF; display: inline-block;}
#newsW .date {color: #666; padding: 0 0 25px 0; margin: 0 0 30px 0; line-height: 30px; background: url(image/linebk.png) no-repeat left bottom;}
#newsW .txt {border-bottom: 1px dotted #666; padding: 0 10px 30px; margin: 0 0 50px 0;}

#gallery {margin-bottom: 50px; clear: both;}
#gallerySlide .sp-selected-thumbnail {border: 4px solid #222;}
.bwWrapper {position:relative;display:block;}
.sp-thumbnail {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);}
.sp-thumbnail:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);}
@media all and (-ms-high-contrast:none){
	.sp-thumbnail {opacity: 0.5;}
	.sp-thumbnail:hover {opacity: 1;}
}