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

/*PC*/
@media print, screen and (min-width: 769px) {

/*business_line
------------------------------------------*/

#business_line header { background: #FFF; color: #000;}
#business_line header a { color: #000;}
#business_line header a img #logoImg { background: #005bac;}
#business_line header a img:nth-of-type(2) { color: #000;}


#business_line {}
#business_line main {}
#business_line main .w1000 { padding: 150px 0 90px;}
#business_line .subtxtIndex { font-size: 16px; line-height: 28px; text-align: center; margin: auto auto 30px;}
#business_line main ul { margin: 0; padding: 0 0 70px; list-style: none;}
#business_line main ul li { width: 465px; float: left; margin: 0 auto 20px 0; position: relative;}
#business_line main ul li:nth-child(2n+1) { margin: 0 70px 20px 0;}
#business_line main ul li a { display: block; text-decoration: none;}
#business_line main ul li a figure { width: 465px; height: 180px; overflow: hidden; margin: auto auto 30px;}
#business_line main ul li a figure img {}
#business_line main ul li a h3 { width: 200px; height: 40px; line-height: 40px; background: #005bac; color: #FFF; text-align: center; margin: auto; z-index: 100; position: absolute; top: 160px; left: 0; right: 0;}
#business_line main ul li a p { font-size: 17px; color: #000;}

#business_line main ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.glow { text-shadow: -1px -1px 0px rgba(255,255,255,1.0), 1px -1px 0px rgba(255,255,255,1.0), 1px 1px 0px rgba(255,255,255,1.0), -1px 1px 0px rgba(255,255,255,1.0);}

/*header
------------------------------------------*/


#business_detail {}
#business_detail main {}
#business_detail main .w1000 { padding: 0 0 90px;}

#business_detail .hedImg { position: relative; padding: 0;}
#business_detail .hedImg .hedImgL { float: left; position: absolute; margin: 190px 0 0;}
#business_detail .hedImg .hedImgL p:nth-of-type(1) { font-family: 'Noto Serif JP', serif; font-size: 20px; margin: 0 0 15px;}
#business_detail .hedImg .hedImgL h2 { /*font-family: 'Linden Hill', serif;*/ font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 50px; margin: 0;}
#business_detail .hedImg .hedImgL p:nth-of-type(2) { font-family: 'Noto Serif JP', serif; font-size: 33px; line-height: 55px; margin: 0 0 20px;}
#business_detail .hedImg .hedImgL p:nth-of-type(2) .fs { font-size: 0.8em;}
#business_detail .hedImg .hedImgL p:nth-of-type(2) .marker { background: linear-gradient(transparent 50%, #fff33f 50%);}
#business_detail .hedImg .hedImgL p:nth-of-type(3) { font-family: 'Noto Serif JP', serif; font-size: 18px; line-height: 38px; margin: 0;}
#business_detail .hedImg .hedImgR { float: right; margin: 60px 0 0;}

#business_detail main .bnrSubdivision { margin: 0 0 120px;}

#business_detail main .listImg { margin: 0; padding: 0; list-style: none;}
#business_detail main .listImg li { width: 325px; float: left; margin: 0 12.5px 46px 0; text-align: center;}
#business_detail main .listImg li:nth-child(3n) { margin: 0 0 46px 0;}
#business_detail main .listImg li a { display: block; text-decoration: none;}
#business_detail main .listImg li figure { width: 325px; height: 215px; overflow: hidden; position: relative;}
#business_detail main .listImg li p { color: #000; font-size: 16px; line-height: 21px;}

/*#business_detail main .listImg li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}*/

#business_detail main .jyutaku { text-align: center; font-family: 'Noto Serif JP', serif;}
#business_detail main .jyutaku h3 { position: relative; display: inline-block; padding: 0 350px; font-size: 30px; letter-spacing: 0.2em;}
#business_detail main .jyutaku h3:before,
#business_detail main .jyutaku h3:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 300px; height: 1px; background-color: black;}
#business_detail main .jyutaku h3:before { left:0;}
#business_detail main .jyutaku h3:after { right: 0;}

#business_detail main .mansion { text-align: center; font-family: 'Noto Serif JP', serif; font-size: 20px; line-height: 35px; margin: 0 0 85px;}

#business_detail main .jyutaku p:nth-of-type(1) { font-size: 20px; line-height: 35px; margin: 0 0 65px;}
#business_detail main .jyutaku p:nth-of-type(2) { margin: 0 0 75px;}
#business_detail main .jyutaku p:nth-of-type(3) {}


.mT070 { margin-top: 70px;}
.mT100 { margin-top: 100px;}
.mT150 { margin-top: 150px;}
.mT200 { margin-top: 200px;}
.mT250 { margin-top: 250px;}




}



/*sp*/
@media only screen and (max-width: 768px) {

/*business_line
------------------------------------------*/

#business_line header { background: #FFF; color: #000;}
#business_line header a { color: #000;}
#business_line header a img #logoImg { background: #005bac;}
#business_line header a img:nth-of-type(2) { color: #000;}


#business_line {}
#business_line main {}
#business_line main .w1000 { padding: 20% 0 15%;}
#business_line .subtxtIndex { font-size: 14px; line-height: 24px; text-align: center; margin: auto auto 30px;}
#business_line main ul { margin: 0; padding: 0 0 0; list-style: none;}
#business_line main ul li { max-width: 465px; float: none; margin: 0 auto 10%; position: relative;}
#business_line main ul li:nth-child(2n+1) { margin: 0 auto 10%;}
#business_line main ul li a { display: block; text-decoration: none;}
#business_line main ul li a figure { max-width: 465px; max-height: 180px; overflow: hidden; margin: auto auto 30px;}
#business_line main ul li a figure img {}
#business_line main ul li a h3 { max-width: 465px; height: 40px; line-height: 40px; background: #005bac; color: #FFF; text-align: center; margin: -30px auto 0; auto; z-index: 100; position: inherit; top: 0; left: 0; right: 0;}
#business_line main ul li a p { font-size: 14px; color: #000;}

#business_line main ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.glow { text-shadow: -1px -1px 0px rgba(255,255,255,1.0), 1px -1px 0px rgba(255,255,255,1.0), 1px 1px 0px rgba(255,255,255,1.0), -1px 1px 0px rgba(255,255,255,1.0);}


/*header
------------------------------------------*/


#business_detail {}
#business_detail main {}
#business_detail main .w1000 { padding: 0 0 40px;}

#business_detail .hedImg { position: relative; padding: 0;}
#business_detail .hedImg .hedImgL { float: none; position: relative; margin: 10px 0 0; z-index: 5;}
#business_detail .hedImg .hedImgL p:nth-of-type(1) { font-family: 'Noto Serif JP', serif; font-size: 20px; margin: 0 0 15px;}
#business_detail .hedImg .hedImgL h2 { /*font-family: 'Ropa Sans', sans-serif; */ font-family: "Times New Roman", Times, serif; font-size: 26px; margin: 0;}
#business_detail .hedImg .hedImgL p:nth-of-type(2) { font-family: 'Noto Serif JP', serif; font-size: 20px; line-height: 40px; margin: 0 0 20px;}
#business_detail .hedImg .hedImgL p:nth-of-type(2) .fs { font-size: 0.8em;}
#business_detail .hedImg .hedImgL p:nth-of-type(2) .marker { background: linear-gradient(transparent 50%, #fff33f 50%);}
#business_detail .hedImg .hedImgL p:nth-of-type(3) { font-family: 'Noto Serif JP', serif; font-size: 14px; line-height: 34px; margin: 0;}
#business_detail .hedImg .hedImgR { float: none; margin: 0 0 0;}

#business_detail main .bnrSubdivision { margin: 0 0 60px;}

#business_detail main .listImg { width:100% margin: 0; padding: 0; list-style: none;}
#business_detail main .listImg li { width: 48%; float:left; margin: 0 2% 4% 0; text-align: center;}
#business_detail main .listImg li:nth-child(2n+2) { margin-right:0;}
#business_detail main .listImg li a { display: block; text-decoration: none;}
#business_detail main .listImg li figure { width: 100%; height: auto; overflow: hidden; position: relative; margin: auto;}
#business_detail main .listImg li p { color: #000; font-size: 12px; line-height: 21px;}

#business_detail main .listImg li figure:hover img {/* -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);*/}

#business_detail main .jyutaku { text-align: center; font-family: 'Noto Serif JP', serif;}
#business_detail main .jyutaku h3 { position: relative; display: inline-block; padding: 0 80px; font-size: 22px; letter-spacing: 0.2em;}
#business_detail main .jyutaku h3:before,
#business_detail main .jyutaku h3:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 50px; height: 1px; background-color: black;}
#business_detail main .jyutaku h3:before { left:0;}
#business_detail main .jyutaku h3:after { right: 0;}

#business_detail main .mansion { text-align: center; font-family: 'Noto Serif JP', serif; font-size: 20px; line-height: 35px; margin: 0 0 85px;}

#business_detail main .jyutaku p:nth-of-type(1) { font-size: 14px; line-height: 34px; margin: 0 0 35px; text-align:left;}
#business_detail main .jyutaku p:nth-of-type(2) { margin: 0 0 30px;}
#business_detail main .jyutaku p:nth-of-type(3) {}


.mT070 { margin-top: 70px;}
.mT100 { margin-top: 40px;}
.mT150 { margin-top: 80px;}
.mT200 { margin-top: 80px;}
.mT250 { margin-top: 80px;}




}