/*! ========================================
このCSSファイルはSassから生成しております。
編集する際はSassファイルより編集を行ってください。
========================================= */#mainImgArea .mainImgTatami{background:url("/tatami/img/mainimg.jpg") no-repeat center center;background-size:cover}.tatamiConceptArea01{margin-top:80px;padding-top:90px;padding-bottom:200px;background:url("/img/common/bg_pattern01.jpg") no-repeat center center;background-size:cover;position:relative;z-index:80}.tatamiConceptArea01 .tatamiConceptBox{width:990px;margin-left:auto;margin-right:auto}.tatamiConceptArea01 .tatamiConceptBox .leftArea{width:520px}.tatamiConceptArea01 .tatamiConceptBox .rightArea{width:450px;position:relative}.tatamiConceptArea01 .tatamiConceptBox .rightArea h2{letter-spacing:10px;position:absolute;right:40px}.tatamiConceptArea01 p{line-height:200%}.tatamiConceptArea02{width:1150px;margin-top:-120px;margin-left:auto;margin-right:auto;position:relative;z-index:81}.tatamiConceptArea02 .leftArea{width:740px}.tatamiConceptArea02 .rightArea{width:410px}.tatamiConceptArea02 .rightArea h2{width:100%;font-size:32px;font-weight:400;line-height:140%;letter-spacing:10px;color:#fff;background:#466021;padding:35px;box-sizing:border-box}.tatamiConceptArea02 .rightArea h2 span{font-size:80%}.tatamiConceptArea02 .rightArea .txtArea{padding:40px 0px 0px 35px;background:#fff}.tatamiConceptArea02.chosei{margin-top:80px}.tatamiConceptArea03{width:1150px;margin-left:auto;margin-right:auto}.tatamiConceptArea03 .tatamiConceptBox{width:540px;position:relative;z-index:80}.tatamiConceptArea03 .tatamiConceptBox h3{width:100%;padding:80px 50px;font-size:38px;font-weight:400;letter-spacing:8px;color:#fff;background:#466021;box-sizing:border-box}.tatamiConceptArea03 .tatamiConceptBox .txtArea{padding:30px 0 0 30px}.tatamiConceptArea03 .tatamiConceptBox .photo{position:absolute;right:0;bottom:0;z-index:81}.tatamiConceptArea04{width:100%;padding-top:90px;background:url("/img/bg02.png") repeat-x top left;position:relative;z-index:80}.tatamiConceptArea04 .tatamiConceptBox{width:1100px;margin-left:auto;margin-right:auto}.tatamiConceptArea04 .tatamiConceptBox .leftArea{width:400px}.tatamiConceptArea04 .tatamiConceptBox .rightArea{width:630px;position:relative;z-index:80}.tatamiConceptArea04 .tatamiConceptBox .rightArea h2{font-weight:400;letter-spacing:15px;position:absolute;top:0;right:0;z-index:80}.tatamiConceptArea04 .tatamiConceptBox .rightArea p.fontMincho.txtTate{padding-right:60px;letter-spacing:2px;line-height:200%}.tatamiConceptArea04 .tatamiConceptBox_02{width:1040px;margin-left:auto;margin-right:auto;background:#fff;padding:60px}@media (max-width: 700px){.tatamiConceptArea01{margin-top:0px;padding-top:50px;padding-bottom:100px;background:url("/img/common/bg_pattern01.jpg") no-repeat center center;background-size:cover;position:relative;z-index:80}.tatamiConceptArea01 .tatamiConceptBox{width:96%;margin-left:auto;margin-right:auto}.tatamiConceptArea01 .tatamiConceptBox .leftArea{width:100%;order:2;margin-top:20px}.tatamiConceptArea01 .tatamiConceptBox .rightArea{width:100%;position:relative;order:1}.tatamiConceptArea01 .tatamiConceptBox .rightArea h2{letter-spacing:10px;position:absolute;right:20px;font-size:30px !important}.tatamiConceptArea01 .tatamiConceptBox .rightArea p.font_24{font-size:22px}.tatamiConceptArea01 p{line-height:200%}.tatamiConceptArea02{width:94%;margin-top:40px;z-index:81}.tatamiConceptArea02 .leftArea{width:100%;order:2}.tatamiConceptArea02 .rightArea{width:100%;order:1}.tatamiConceptArea02 .rightArea h2{width:100%;font-size:28px;padding:20px;text-align:center}.tatamiConceptArea02 .rightArea h2 span{font-size:80%}.tatamiConceptArea02 .rightArea .txtArea{padding:15px;background:#fff}.tatamiConceptArea02 .rightArea .txtArea .font_22{font-size:18px}.tatamiConceptArea02.chosei{margin-top:40px}.tatamiConceptArea02.chosei .leftArea{display:none}.tatamiConceptArea03{width:94%}.tatamiConceptArea03 .tatamiConceptBox{width:100%}.tatamiConceptArea03 .tatamiConceptBox h3{width:100%;padding:20px;font-size:28px}.tatamiConceptArea03 .tatamiConceptBox .txtArea{padding:15px}.tatamiConceptArea03 .tatamiConceptBox .txtArea .font_22{font-size:18px}.tatamiConceptArea03 .tatamiConceptBox .photo{width:40%}.tatamiConceptArea03 .tatamiConceptBox .photo img{width:100%;height:auto}.tatamiConceptArea04{width:100%;padding-top:40px;background:url("/img/bg02.png") repeat-x top left;position:relative;z-index:80}.tatamiConceptArea04 .tatamiConceptBox{width:94%}.tatamiConceptArea04 .tatamiConceptBox .leftArea{width:100%;order:2}.tatamiConceptArea04 .tatamiConceptBox .rightArea{width:100%;order:1}.tatamiConceptArea04 .tatamiConceptBox .rightArea h2.font_40{font-size:30px}.tatamiConceptArea04 .tatamiConceptBox .rightArea p.fontMincho.txtTate.font_28{font-size:18px;padding-right:60px;letter-spacing:2px;line-height:180%}.tatamiConceptArea04 .tatamiConceptBox_02{width:100%;padding:15px;box-sizing:border-box}.tatamiConceptArea04 .tatamiConceptBox_02 .wakuT{font-size:20px;box-sizing:border-box;padding:15px;letter-spacing:5px}.tatamiConceptArea04 .tatamiConceptBox_02 .w680{width:100%}.tatamiConceptArea04 .tatamiConceptBox_02 .sp_font_s{font-size:16px}}