@charset "utf-8";
/* ------------------------------------------------------------ fonts */
@font-face {
font-family: 'Noto-Sans-JP-Regular';
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
/* ------------------------------------------------------------ common */
body { min-width: 1200px; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; }
a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }
a:hover,
a:hover img,
input[type="submit"]:hover { color: #111; text-decoration: none; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; border-radius: inherit; outline: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; border: none; }

.inner 	{ width: 1200px; margin: 0 auto; }
.SP { display: none; }
.left { float: left; }
.right { float: right; }
/* ------------------------------------------------------------ header */
header { position: fixed; right: 0; top: 0; z-index: 1000; width: 100%; min-width: 1200px; }
header nav { float: right; }
header nav ul { float: left; background: #fff; padding: 25px 0 30px 40px; }
header nav ul li { float: left; padding: 0 40px 0 0; }
header nav ul li a { font-size: 14px; font-weight: 500; }
header .search { float: left; display: block; background: url(../images/common/search_icon.svg) no-repeat center 28px #004ea2; background-size: 25px auto; color: #fff; font-size: 15px; padding: 80px 25px 25px; transition: 0.6s; color: #fff !important; }
header .search.on { background: url(../images/common/search_icon.svg) no-repeat 14px center #004ea2; background-size: 18px auto; font-size: 14px; padding: 27px 15px 27px 40px; width: 155px; height: 71px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: 0.6s; }
/* ------------------------------------------------------------ search */
.search_wrap { display: none; position: fixed; width: 100%; top: 71px; right: 0; left: 0; bottom: 0; margin: auto; z-index: 10; overflow-y: scroll; }
.close_search { display: none; }
#search { background: url(../images/index/map.gif) no-repeat center center #eee; padding: 55px 0 40px; margin-top:100px;}
#search .inner { position: relative; }
#search .intro { line-height: 30px; padding: 40px 0 0; }
#search #properties { position: absolute; right: 0; top: -25px; }
#search #properties dl { display: table; background: #fff; padding: 8px; margin: 0 0 2px; }
#search #properties dl dt { display: table-cell; color: #fff; padding: 5px 7px 7px; vertical-align: middle; }
#search #properties dl:nth-of-type(1) dt { background: #bb080a; }
#search #properties dl:nth-of-type(2) dt { background: #47b1a6; }
#search #properties dl dd { display: table-cell; font-size: 14px; vertical-align: middle; text-align: right; min-width: 80px; }
#search #properties dl dd strong { font-size: 25px; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; padding: 0 6px; vertical-align: top; }
#search #members_only { background: #fff; display: table; width: 100%; margin: 220px 0 0; }
#search #members_only p { display: table-cell; background: url(../images/index/member_only.gif) no-repeat center center/cover; width: 130px; vertical-align: middle; text-align: center; font-size: 21px; font-weight: 200; line-height: 25px; color: #fff; padding: 20px 0 25px; }
#search #members_only h3 { display: table-cell; font-size: 35px; width: 330px; text-align: center; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; vertical-align: middle; }
#search #members_only h4 { display: table-cell; font-size: 22px; border-top: 15px solid #fff; border-bottom: 15px solid #fff; background: #eee; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; vertical-align: middle; text-align: center; }
#search #members_only h4 strong { font-size: 36px; padding: 0 8px; }
#search #members_only small { display: table-cell; vertical-align: middle; font-weight: 300; padding: 0 0 0 20px; }
#search .link { background: #fff; display: inline-block; *display: inline; *zoom: 1; position: absolute; font-size: 14px; font-family: 'Noto-Sans-JP-Regular'; min-width: 110px; text-align: center; padding: 10px 28px 10px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#search .link::before { position: absolute; top: 0; bottom: 0; margin: auto 0; right: 10px; display: block; width: 10px; height: 10px; border-top: solid 1px #004ea2; border-right: solid 1px #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
#search .gifu { left: 480px; top: 0; }
#search .owarieast { left: 567px; top: 110px; }
#search .owariwest_ama { left: 372px; top: 180px; }
#search .nagoya { left: 525px; top: 260px; }
#search .mikawa { left: 706px; top: 370px; }
/* ------------------------------------------------------------ footer */
footer #footer_bnr { background: #004ea2; padding: 70px 0 60px; }
footer #footer_bnr ul { padding: 0 20px; }
footer #footer_bnr ul li { width: 300px; }
footer #footer_bnr ul li div { margin: 0 7px; }
footer #footer_bnr ul li a { display: block; }
footer #footer_bnr ul li a img { width: 100%; height: auto; }
footer #footer_bnr ul li a p { font-size: 13px; line-height: 24px; color: #fff; font-weight: 200; padding: 15px 0 0; }
footer #footer_bnr ul .slick-prev,
footer #footer_bnr ul .slick-next { width: 40px; height: 40px; z-index: 1; top: 32%; }
footer #footer_bnr ul .slick-prev { left: 0; }
footer #footer_bnr ul .slick-next { right: 0; }
footer #footer_bnr ul .slick-prev img,
footer #footer_bnr ul .slick-next img { width: 100%; height: auto; }
footer #footer_info { padding: 40px 0 35px; }
footer #footer_info .box { float: left; width: 50%; }
footer #footer_info .box img { float: left; }
footer #footer_info .box:nth-of-type(1) img { padding: 10px 0 0; }
footer #footer_info .box:nth-of-type(2) img { padding: 16px 0 0; }
footer #footer_info .box p { font-size: 12px; line-height: 26px; font-weight: 300; padding: 25px 0 0; }
footer #footer_info .box .info { float: left; font-size: 16px; padding: 0 0 0 40px; }
footer small { background: #eee; display: block; font-size: 12px; font-weight: 300; text-align: center; padding: 15px 0; }
/* ------------------------------------------------------------ title */
.title { font-size: 16px; position: relative; }
.title.bar::before { position: absolute; content: ""; width: 9px; height: 120px; transform: skewX(15deg); background: #004ea2; bottom: 0; left: -65px; }
.title span { display: block; font-size: 76px; font-family: "Cormorant", serif; padding: 0 0 10px; }
.title2 { font-size: 16px; text-align: center; }
.title2 span { display: block; font-size: 35px; font-family: "Cormorant", serif; padding: 0 0 10px; }
/* ------------------------------------------------------------ btn */
/*
.btn { text-align: center; }
.btn a { min-width: 380px; font-family: inherit; font-weight: 500; line-height: 27px; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; text-align: center; padding: 20px 110px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.border_blue a { border: 1px solid #004ea2; color: #004ea2 !important; background: url(../images/common/arrow_blue.svg) no-repeat 94% center; }
.white a { background: url(../images/common/arrow_blue.svg) no-repeat 94% center #fff; color: #004ea2 !important; }
*/


/* ----------------------------- mobile ---------------------------- */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
body { min-width: 100%; }
.inner 	{ width: 90%; margin: 0 auto; }
.PC { display: none; }
.SP { display: block; }
.left { float: none; }
.right { float: none; }
/* ------------------------------------------------------------ header */
header { min-width: 100%; background: #fff; z-index: 1000; padding: 0 0 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
header .left { float: left; }
header .right { float: right; }
header .logo { width: 80px; padding: 12px 0 0 !important; }
header .logo img { width: 100%; height: auto; }
header .search { float: left; background: url(../images/common/search_icon.svg) no-repeat 10px center #004ea2; background-size: 20px auto; font-size: 12px; line-height: 18px; padding: 10px 15px 15px 40px !important; }
header .qa { float: left; }
/* ------------------------------------------------------------ search */
.search_wrap { display: none; top: 61px; }
.close_search { position: absolute; width: 25px; height: 25px; right: 20px; top: 20px; z-index: 50; }
#search { background: none; padding: 0; }
#search .inner { width: 100%; }
#search .inner .white { background: #fff; padding: 40px 0; }
#search h2 { text-align: center; }
#search .intro { display: none; }

#search .bgbox { background: url(../images/index/map_sp.gif) no-repeat center -380px; background-size: 650px; padding: 330px 0 20px; position: relative; }

#search #properties { position: absolute; right: 15px; top: 15px; }
#search #properties dl { display: table; background: #fff; padding: 5px; margin: 0 0 2px; }
#search #properties dl dt { font-size: 12px; padding: 5px 7px 7px; }
#search #properties dl dd { font-size: 12px; }
#search #properties dl dd strong { font-size: 18px; padding: 0 4px; }

#search #members_only { background: #fff; display: block; width: 90%; margin: 0 auto; text-align: center; }
#search #members_only p { display: block; background: #b30b0d; width: 100%; text-align: center; font-size: 16px; line-height: 24px; padding: 5px 0 7px; }
#search #members_only h3 { display: block; font-size: 18px; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#search #members_only h4 { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; border: none; padding: 10px; }
#search #members_only h4 strong { font-size: 18px; padding: 0 4px; }
#search #members_only small { display: block; font-size: 11px; padding: 10px; }

#search .linkarea { position: relative; width: 320px; margin: 0 auto; }
#search .link { font-size: 11px; min-width: 60px; text-align: center; padding: 10px 20px 10px 10px; z-index: 10; }
#search .link::before { position: absolute; top: 0; bottom: 0; margin: auto 0; right: 10px; display: block; width: 6px; height: 6px; }
#search .gifu { left: 50px; top: 100px; }
#search .owarieast { left: 120px; top: 150px; }
#search .owariwest_ama { left: 15px; top: 180px; }
#search .nagoya { left: 90px; top: 230px; }
#search .mikawa { left: 210px; top: 280px; }
/* ------------------------------------------------------------ sp_menu */
.fixed { position: fixed !important; top: 0; width: 100%; }
#mask { background: #000; height: 100%; width: 100%; min-height: 100%; position: fixed; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.70; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: none; }
#open_modal { cursor: pointer; display: block; }

#menu-btn { width: 60px; height: auto; float: right; }
#menu-btn img { display: inline !important; width: 100%; height: auto; }

#navigation { position: fixed; text-align: center; margin: 0; top: 0; right: 0; left: 0; z-index: 1000; display: none; height: 100%; overflow-y: scroll; background: #004ea2; }
#menu-header { background: #004ea2; padding: 30px 0; position: fixed; z-index: 1000; width: 100%; }
#menu-header .close_modal { position: absolute; right: 6%; top: 0; }
#menu-header .close_modal img { width: 25px; height: 25px; padding: 15px 0 0; }
#navigation #menu-header a { display: block; width: 120px; margin: 0 auto; }
#navigation #menu-header a img { width: 100%; height: auto; margin: 0 auto; padding: 0; }
#navigation ul { font-size: 14px; z-index: 1000; width: 94%; background: #004ea2; padding: 111px 3% 0; }
#navigation ul li { background: #004ea2; text-align: left; border-bottom: #fff solid 1px; }
#navigation ul li:first-child { border-top: #fff solid 1px; }
#navigation ul li a { font-size: 16px; color: #fff; display: block; width: 100%; padding: 16px 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
#navigation ul li a::before { position: absolute; top: 0; bottom: 0; margin: auto 0; right: 20px; display: block; width: 8px; height: 8px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }

#navigation .qa { text-align: center; padding: 20px 0; background: #fff; position: absolute; bottom: 0; width: 100%; }
#navigation .qa a { display: inline-block; *display: inline; *zoom: 1; background: url(../images/common/qa.svg) no-repeat 14px center #a70006; background-size: 25px; color: #fff; min-width: 150px; padding: 15px 30px 17px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
/* ------------------------------------------------------------ footer */
footer .inner { width: 100%; }
footer #footer_bnr { padding: 30px 0 20px; }
footer #footer_bnr ul { padding: 0; }
footer #footer_bnr ul .slick-slide { width: 180px !important; }
footer #footer_bnr ul li { width: 100%; }
footer #footer_bnr ul li div { margin: 0 7px; }
footer #footer_bnr ul li a { display: block; }
footer #footer_bnr ul li a img { width: 100%; height: auto; }
footer #footer_bnr ul li a p { font-size: 11px; line-height: 18px; padding: 10px 0 0; }

footer #footer_info { padding: 40px 5% 0; }
footer #footer_info .box { float: none; width: 100%; padding: 0 0 40px; }
footer #footer_info .box img { float: none; }
footer #footer_info .box:nth-of-type(1) img { padding: 0; width: 120px; height: auto; }
footer #footer_info .box:nth-of-type(2) img { padding: 0; width: 120px; height: auto; }
footer #footer_info .box p { font-size: 11px; line-height: 18px; padding: 10px 0 0; }
footer #footer_info .box .info { float: none; font-size: 13px; line-height: 22px; padding: 15px 0 0; }
footer small { font-size: 11px; padding: 10px 0; }
/* ------------------------------------------------------------ title */
.title { font-size: 14px; padding: 0; line-height: 20px; }
.title.bar { padding: 0 0 0 30px; }
.title.bar::before { width: 5px; height: 70px; left: 7px; top: 0; }
.title span { font-size: 38px; padding: 0 0 5px; }
.title2 { font-size: 13px; text-align: center; }
.title2 span { display: block; font-size: 30px; padding: 0 0 10px; }
/* ------------------------------------------------------------ btn */
/*
.btn a { min-width: 200px; font-size: 14px; line-height: 27px; padding: 10px 60px 15px; }
.border_blue a { background: url(../images/common/arrow_blue.svg) no-repeat 94% center/30px; }
.white a { background-size: 30px; }
*/
}