@charset "UTF-8";
/* CSS Document */
/* SEC 0 : メイン */

/* SEC 1 : 店舗検索 */#section1 {min-height:680px;background-color:#00A3D9;color:white;overflow:hidden;}#section1 .title {position:absolute;top:15%;left:10%;text-align:left;z-index:1;width:100%;}#section1 .title p {text-align:left;font-size:280%;}#section1 .title span {font-family:'APJ';font-size:250%;}#section1 .wrapper {width:100%;max-width:1200px;height:100%;max-height:680px;margin:0 auto;overflow:hidden;z-index:0;}#section1 .maplist select {position:absolute;left:10%;top:30%; padding:5px;}/* SEC 2 : ムービー１ */#section2, #section3 {min-height:680px;position:relative;background-image:url(../images/bg_sec2.gif);}#section2 .wrapper, #section3 .wrapper {margin:0 auto; width:100%;}#section2 .wrapper {background-image:url(../images/bg_sec2.png);background-position:top center;background-size:100% auto;background-repeat:no-repeat; min-height:680px;}#section2 .wrapper img {width:80%;max-width:330px;margin-top:5%;}#section2 ul {width:100%;height:300px;position:absolute;bottom:0;}#section2 ul li {float:left;list-style-type:none;width:33%;height:100%;background-color:white;position:relative;}#section2 ul li p, #section3 ul li p {width:90%;color:#001966;font-size:1.2rem;line-height:130%;font-family:'bold';text-align:center;white-space:pre;padding:0;}#section2 ul li:nth-child(2n), #section3 ul li:nth-child(2n) {width:34%;}#section2 ul li:first-child {background-image:url(../images/bg_sec2left.gif);background-position:center center;background-repeat:no-repeat;}#section2 ul li:last-child {background-image:url(../images/bg_sec2right.gif);background-position:center center;background-repeat:no-repeat;}#section2 ul li:first-child p {position:absolute;top:55%;left:0;right:0;line-height:1.4;margin-top:-2.1em;}#section2 ul li:last-child p {position:absolute;top:50%;left:0;right:0;line-height:1.4;margin-top:-4.9em;text-align:center;}/* SEC 3 : ムービー２ */#section3 .wrapper {width:100%;max-width:1300px;position:absolute;top:100px;left:0;right:0;overflow:hidden;}#section3 ul {width:100%;}#section3 ul li {width:33%;list-style-type:none;float:left;padding:0;}#section3 ul li.half{width:50%;}#section3 ul li img {max-width:196px;}#section3 ul li a img {width:80%; max-width:196px;margin-top:2%;}#section3 ul li p {margin:0 auto;}#section3 div.clear {height:30px;}/* SEC 4 : エコランドリー */#section4 {min-height:640px;}#section4, #section5, #section6, #section6 .space {background-color:#2DB200;}#section4 .wrapper {width:100%;position:relative;padding-top:5%;}#section4 p {width:90%;max-width:1200px;color:white;font-size:150%;}#section4 .wrapper img {width:90%;max-width:700px;}#section4 .boy {width:100%;max-width:1200px;z-index:2;display:block;vertical-align:bottom;}#section4 .blank {display:none;}/* SEC 5 : エコランドリー１ */#section5, #section6 {min-height:680px;}#section5 .wrapper {width:100%;max-width:1200px;height:100%;background-color:#EEE;text-align:center;}#section5 .wrap {width:95%;height:95%;max-width:1000px;border:3px solid white;margin-bottom:3%;position:relative;}#section5 .wrap .title {margin:3% auto;width:60%;max-width:450px;position:relative;}#section5 .wrapper .wrap p {max-width:90%;position:relative;left:0;color:#333326;text-align:left;font-size:110%;white-space:normal;line-height:1.5em;margin-bottom:1%;}#section5 .wrapper .wrap p span {font-family:'APJ';font-size:200%;line-height:1.6em;background-image:url(../images/line_sec5.png);background-repeat:repeat-x;background-position:bottom left;backgorund-size:100% auto;padding:0 0 20px 0;display:block;}#section5 .wrap {background-image:url(../images/bg_sec5.jpg);background-repeat:no-repeat; background-position:top center; height:90%;}#section5 .pc {position:absolute;left:-92px;bottom:10%;z-index:99;}#section5 .space {position:absolute;bottom:0;width:100%;height:20px;background-color:#2DB200;}
/* SEC 7 : トピックス１ */#section7, #section8 {width:100%;min-height:680px;background-image:url(../images/bg_sec7.gif);}#section7 .title {position:relative;margin-top:3%;}#section7 .wrapper {width:90%;}#section7 ul {position:relative;top:0;width:100%;height:20%;margin:20px 0 0 0;}#section7 a li:hover {position:relative;top:1px;left:1px;}#section7 ul li {width:33%;float:left;list-style-type:none;margin:1% auto;}#section7 ul li:nth-child(2n) {width:33%;}#section7 ul li:nth-child(2n) div {width:90%;}#section7 ul li div {width:90%;height:100%;max-height:10em;border:2px solid #686859;background-color:#F0F0E1;padding:3px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position:relative;}#section7 ul li div:hover {box-shadow:none;}#section7 ul li p {color:#1F1F1F;font-size:82%;padding:5%;border:1px solid #686859;height:9.2em;}#section7 ul li p img {width:100%;max-width:200px;max-height:30px;margin-bottom:10px;}#section7 .pic {position:absolute;left:-10px;bottom:-5px;max-width:40px;width:13%;}/* SEC 8 : FB＆TWITTER */#section8 .wrapper {width:100%;max-width:1200px;position:relative;margin:50px auto;}#section8 .wrapper .box {width:47%;margin:0 1%;height:560px;}#section8 .wrapper .box:nth-child(1) {background-color:#F6F7F9;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;float:left;}#section8 .wrapper .box:nth-child(2) {float:right;}#section8 p.title {font-size:160%;color:#D90000;border-bottom:1px solid black;padding:5px 0;display:inline;}#section8 .wrap {width:90%;max-width:1000px;}#section8 img.pic {width:50%;max-width:550px;float:left;}#section8 .text {margin-top:20px;width:40%;border:3px solid #575748;padding:10px;text-align:left;}#section8 .text p {text-align:left;color:#d90000;}/* SEC 9 : FCオーナー募集 */#section9 {width:100%;height:100%;background-image:url(../images/bg_sec9_2.jpg);background-size:100% auto;background-position:center center;padding:5% 0;}#section9 .wrapper {width:60%;height:80%;}#section9 img {width:80%;max-width:400px;}#section9 a {width:60%;max-width:300px;background-image:url(../images/btn_sec9.png);background-size:100% auto;background-repeat:no-repeat;background-position:top center;display:block;}#section9 a img {width:100%;max-width:300px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition: all  0.3s ease;}#section9 a img:hover, #section10 a img:hover {opacity:0;}#section9 p {width:70%;max-width:360px;background-color:black;color:white;padding:1% 0;font-size:120%;font-family:'bold';margin:5% auto;}#section9 p span {color:yellow;font-family:'bold';}/* SEC 10 : 物件募集 */#section10 {min-height:680px;background-color:rgba(0,217,217,0.3);background-size:100% 55%;background-position:center bottom;overflow:hidden;position:relative;}#section10 h2 {font-size:1200%;color:#00678C;font-family:'bold';text-align:center;margin-top:5%;padding:0;line-height:110%;background-color:white;}#section10 h2 span {color:#FF7F00;font-family:'bold';}#section10 h3 {color:#00678C;font-size:200%;line-height:220%;text-align:center;font-family:'medium';text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,0 -1px 1px white,-1px 0 1px white,-1px -1px 1px white,2px 0 1px white,0 2px 1px white,0 -2px 1px white,-2px 0 1px white,1px 2px 1px white,-1px 2px 1px white,1px -2px 1px white,-1px -2px 1px white,2px 1px 1px white,-2px 1px 1px white,2px -1px 1px white,-2px -1px 1px white,2px 2px 1px white,-2px 2px 1px white,2px -2px 1px white,-2px -2px 1px white;}#section10 .wrap {width:100%;height:55%;position:relative;bottom:0;overflow:hidden;background-color:rgba(0,217,217,0.3);}#section10 .circle {margin:3% 2% 0 3%;width:110px;height:110px;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;background-color:#00678C;float:left;}#section10 .circle p {width:80%;padding-top:15px;color:white;font-family:'bold';font-size:200%;line-height:130%;}#section10 .text {color:black;font-size:150%;line-height:160%;text-align:left;font-family:'bold';margin:2%;}#section10 .area {width:100%;text-align:left;padding:0 0 0 13%;margin:0;}#section10 .article {width:35%;position:absolute;right:-5%;bottom:0;}#section10 a {width:90%;max-width:500px;background-image:url(../images/btn_sec10.png);background-repeat:no-repeat;background-position:center center; background-size:100% auto;display:block;margin:0;padding:0;}#section10 a img {width:100%;max-width:500px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;display:blcok;vertical-align:bottom;}/* SEC 11 : LINK */#section11 {width:100%;position:relative;margin:5% 0;}#section11 .wrapper {width:80%;}#section11 ul {list-style:none;max-width:810px;}#section11 ul li {width:48%;min-height:300px;float:left; position:relative;margin:0 1%;}#section11 ul li img {width:100%;max-width:400px;}#section11 a {text-decoration:none;}#section11 .hoshino {color:red;height:100%;min-height:390px;}#section11 .hoshino img {margin:15% auto;}/* SEC12 セミナー */#section12 {padding:20px 0;}#section12 .wrapper {max-width:1000px;text-align:left;}#section12 a img {margin:10px auto;width:100%;max-width:1000px;position:relative;display:block;vertical-align:bottom;}#section12 a:hover {position:relative;top:1px;left:1px;}#section12 .pickup {width:20%;max-width:120px;height:120px;float:left;color:white;background-color:navy;font-size:200%;line-height:100%;padding-top:2%;}#section12 .right {width:75%;text-align:left;max-width:860px;margin-right:20px;}

@media screen and (max-width:1200px) {#section1 {overflow:hidden;}#section1 .title {font-size:70%;}#section4 {min-height:inherit;}} 
@media screen and (max-width:1000px) {#section2 .wrapper {background-image:url(../images/bg_sec2.png);background-position:2% 10%;background-size:100% auto;background-repeat:no-repeat;}#section2 .wrapper img {width:35%;max-width:330px;margin-top:3%;}#section2 ul {height:55%;background-color:white;}#section2 ul li:first-child p, #section2 ul li:last-child p {font-size:2vw;}#section11 .hoshino {height:100%;min-height:300px;}} 
@media screen and (max-width:920px) {#section10 h2 {font-size:20vw;}#section10 h3 {font-size:3.5vw;}#section10 .text {font-size:3vw;}#section10 .area {text-align:center;padding:0 0 0 5%;margin:0 auto;}} 
@media screen and (max-width:900px) {#main {background-size:auto 100%;background-position:bottom center;}} 
@media screen and (min-height:1001px) { #main .menu_bg {background-color:rgba(0,25,102,1);height:20%;}}
@media screen and (max-width:640px) {/* SEC 0 : メイン */#main container {background-size:auto 100%;background-position:top center;position:relative;} #main .menu_bg {background-color:rgba(0,25,102,1);height:60%;} #main .menu_bg li {height:80%;} #main .main_img2 {position:absolute;top:50px;right:0; } #main .main_img1 {position:absolute;top:50px;width:60%;}/* SEC 1 : 店舗検索 */#section1 {min-height:380px;background-image:url(../images/map1.png);background-size:auto 90%;background-position:70% center;background-repeat:no-repeat;}#content {display:none;}#section1 .title {position:absolute;top:10%;left:10%;font-size:1.5vw;}#searchmap .center-wrapper img {width:100%;}/* SEC 2 : ムービー１ */#section2 .wrapper {background-position:center top;}#section2 ul {height:70%;}#section2 ul li:first-child, #section2 ul li:last-child {width:50%;height:45%;background-size:auto 100%;}#section2 ul li:first-child p, #section2 ul li:last-child p {font-size:80%;}#section2 ul li:last-child {float:right;}#section2 ul li:nth-child(2) {width:80%;height:60%;position:absolute;top:45%;left:0;right:0;float:none;margin:0 auto;}#section2 img.smt {width:80%;}/* SEC 3 : ムービー２ */#section3 .wrapper {position:absolute;top:5%;overflow:hidden;}#section3 ul {width:50%;height:29%;float:left;}#section3 ul li.half {width:auto;}#section3 ul li, #section3 ul li:nth-child(2n) {width:100%;list-style:none;float:none;}#section3 ul li .tittle {width:30%;}#section3 ul li a img {margin-top:10px;}#section3 ul li p {margin:0 auto;}#section3 div.clear {display:none;}/* SEC 4 : エコランドリー */#section4 {min-height:inherit;}#section4 p {text-align:left;}/* SEC 5 : エコランドリー１ */#section5 .wrap {height:85%;background-size:100% auto;background-position:top center;padding-top:5%;}#section5 .title { padding-top:5%;}#section5 .wrapper .wrap p {font-size:3vw;}#section5 .wrapper .wrap p span {display:block;text-align:left;}/* SEC 7 : トピックス１ */#section7 .title {width:80%;}#section7 ul li, #section7 ul li:nth-child(2n) {width:50%;margin:1% 0;}#section7 ul li div p br {display:none;}#section7 .pic {width:13%;}/* SEC 8 : FB＆TWITTER */#section8 {border-top:1px solid rgba(0,0,0,0);}#section8 .wrapper {width:90%;position:relative;margin:3% auto;}#section8 .wrapper .box {width:90%;margin:0 auto;}#section8 .wrapper .box:nth-child(1) {margin-bottom:2%;}#section8 .wrapper .box:nth-child(1), #section8 .wrapper .box:nth-child(2) {float:none;}#section8 .pc {display:none;}#section8 .smt {display:block;}#section8 .text, #section8 img.pic {float:none;width:90%;}/* SEC 9 : FCオーナー募集 */#section9 .wrapper {width:60%; height:60%;}#section9 {background-position:left top;}/* SEC 10 : 物件募集 */#section10 {min-height:inherit;}#section10 .article {width:30%;right:-5%;bottom:0;}#section10 a {width:80%;margin-top:10%;}

/* SEC 11 : LINK */#section11 .wrapper {top:0;}#section11 ul li.bnr1 p, #section11 ul li.book div p {font-size:2vw;margin:0;padding:0;}#section11 .bnr1 img { border-top:10px solid white;}#section11 ul li {float:none;width:100%;min-height:150px;}#section11 .book div {height:30%;}/* SEC 12 : セミナー*/#section12 .text {width:;}}


/* season */
.season {padding:2em 0;margin:0 auto;max-width:1000px;overflow:hidden;}
.season img.title {width:90%;max-width:673px;}
.season ul.doctor {margin:2em auto;}
.season ul:after {content:'';display:block;clear:both;}
.season ul li {float:left;list-style:none;font-size:90%;}
.season ul.doctor li.s_left {width:30%;}
.season ul.doctor li.s_right {width:67%;text-align:left;font-size:110%;padding-left:3%;}
.season ul.doctor li p {font-size:130%;font-weight:bold;text-align:left;padding:0;margin:0;}
.season ul.doctor li p.text {background-color:navy;color:white;padding:.2em .3em;margin:.5em 0;width:90%;text-align:center;}
.season img.doctor {width:100%;max-width:400px;}
.season ul.wrap {width:100%;padding:0;margin:0;}
.season ul.wrap li {margin:0;padding:0;position:relative;left:1em;}
.season ul.wrap ul li:nth-child(1) {width:15.1%;}
.season ul.wrap ul li:nth-child(2) {width:11.4%;}
.season ul.wrap ul li:nth-child(3) {width:11.2%;}
.season ul.wrap ul li:nth-child(4) {width:12.4%;}
.season ul.wrap li img {width:90%;}
.season ul.wrap li a:hover,.futon .wrap img.btn:hover {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.season img.spring {max-width:161px;}
.season img.summer {max-width:124px;}
.season img.autumn {max-width:122px;}
.season img.winter {max-width:134px;}
/* futon */
.futon {background-image:url(../images/futon_bg.png);width:100%;}
.futon section {background-image:url(../images/futon_head.png);background-repeat:no-repeat;background-position:top center;background-size:100% 220px;padding:2em 0 5em 0;}
.futon section .title {width:45%;max-width:526px;float:left;}
.futon .wrap {width:100%;max-width:1000px;background-image:url(../images/futon_img.png);background-size:100% auto;background-repeat:no-repeat;background-position:bottom center;position:relative;}
.futon .wrap img.image {clear:both;width:60%;margin-top:2em;margin-left:2em;}
.futon .wrap div {width:50%;float:right;font-size:100%;white-space:pre-wrap;text-align:left;line-height:130%;}
.futon .wrap div span {font-size:140%;line-height:120%;font-weight:bold;}
.futon .wrap img.btn {position:absolute;bottom:-3em;left:50%;margin-left:-20%;width:50%;max-width:342px;display:block;}
@media screen and (max-width:800px) {
.season ul.doctor li.s_left, .season ul.doctor li.s_right {float:none;width:100%;}
.season ul.wrap {width:100%;}
.season ul.doctor li p {text-align:center;}
.futon .wrap .title, .futon .wrap div {float:none;width:90%;}
.futon .wrap div {text-align:center;white-space:normal;margin-top:2em;}
.futon .wrap div span {display:block;line-height:140%;}
.futon .wrap img.btn {margin-left:-25%;}
.fb-page {width:100%;overflow:hidden;}
}