@charset "UTF-8";
.block-text .break {
margin-bottom: 25px; }

.block-text .bold {
font-weight: bold; }

@media screen and (min-width: 768px), print {

/* 3枚表示のbxslider
-------------------------------------*/

.slider-3mai-Box { overflow: hidden; position: relative; width: 95%; margin: 0 auto 1%;}
.slider-3mai-Box .slider-3mai { position: relative; left: 50%; width: 2620px; margin-left: -1310px; }
.slider-3mai-Box .slider-3mai li { width: 100% !important; margin: 0 auto;}
.slider-3mai-Box .sra-txt{width: 95vw; font-size: 2.9em; font-weight: bold; line-height: 1.7; letter-spacing: 6px; color: #fff; text-align: center; position: absolute; left: 0%; top: 71%; z-index: 100}
.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 91.7%; outline: 0; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999; }
.slider-3mai-Box .bx-wrapper .bx-prev { left: 1628px; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; }
.slider-3mai-Box .bx-wrapper .bx-next { right: 870px; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; }


.side-fix { display: none;}

/*page-top-common*/
main a {
color: inherit; }
.contents-wapper {
width: 1200px;
margin-left: auto;
margin-right: auto; }
.block-title {
position: relative; }
.block-title .btn {
position: absolute;
right: 0;
bottom: 0; }
.sections-wapper {
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between;
width: 1000px;
margin-left: auto;
margin-right: auto; }
.sections-wapper.sw-p0-50{padding: 0 50px;}
.sections-wapper.sw-mb45 {
margin-bottom: 45px; }
.sections-wapper.sw-mb55 {
padding-top: 70px;
margin-bottom: 55px; }

.bnr-box{ width: 1100px; margin: 0px auto 140px; }
.bnr-box .list{ display: flex; justify-content: space-between; }

#cafe-box{ width: 1200px; margin: 80px auto 120px; }

/*concept*/
#concept {margin: 80px auto;}
#concept .all-bx{width: 100%; margin: 0 auto; background: url(../images/index/top-concept-bg.png) no-repeat top center; padding: 300px 0 180px;}
#concept .bx{width: 1100px; margin: 0 auto;}
#concept .bx .inner{width: 620px; margin-bottom: 50px; background: url(../images/index/top-all-icon1.png) no-repeat right 20px top 20px #fff; padding: 50px;}
#concept .bx .inner .ttl{margin-bottom: 20px}
#concept .bx .inner .ttl1{font-size: 26px; letter-spacing: 2px; line-height: 2; margin-bottom: 5px;}
#concept .bx .inner .ttl1 span{font-size: 20px;}
#concept .bx .inner .txt-icon{margin-bottom: 15px; margin-left: 20px;}
#concept .bx .inner .txt{font-size: 16px; letter-spacing: 1px; }
#concept .bx .btn{}



/*============================
#balhaus-recomend
============================*/
#balhaus-recomend {
/*------------------------ここまで#balhaus-recomend -----------------------------*/ }
#balhaus-recomend .contents-background { }
#balhaus-recomend .contents-wapper {margin-bottom: 100px;}
#balhaus-recomend .contents-wapper .recomend-icon { text-align: center; margin-bottom: 20px;}
#balhaus-recomend .contents-wapper .title { font-size: 26px; letter-spacing: 2px; margin-bottom: 50px; font-weight: 700; text-align: center; line-height: 2.2}
#balhaus-recomend .contents-wapper .list-recomend {width: 1200px; margin: 0 auto 180px; background: url(../images/index/recomend-bg.png) no-repeat top center; padding: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#balhaus-recomend .contents-wapper .list-recomend li {width: 255px; margin-right: 25px;}
#balhaus-recomend .contents-wapper .list-recomend li:last-child {margin-right: 0px;}
#balhaus-recomend .contents-wapper .list-recomend li a:hover{text-decoration: none;}
/*#balhaus-recomend .contents-wapper .list-recomend li .picture {width: inherit;-webkit-flex-order: -1;-moz-flex-order: -1;-moz-order: -1;-ms-order: -1;order: -1;}
#balhaus-recomend .contents-wapper .list-recomend li .picture img {transform: scale(1);transition: .5s ease-in-out; }
#balhaus-recomend .contents-wapper .list-recomend li .picture img:hover {transform: scale(1.1); }*/
#balhaus-recomend .contents-wapper .list-recomend li .inner{background: url(../images/index/top-all-icon3.png) no-repeat right 10px bottom 10px #fff; padding: 15px 5px;}
#balhaus-recomend .contents-wapper .list-recomend li .inner .in-ttl{font-size: 20px; letter-spacing: 3px; font-weight: bold; text-align: center; margin-bottom: 5px;}
#balhaus-recomend .contents-wapper .list-recomend li .inner .text {font-size: 12px; letter-spacing: 0px; width: inherit;text-align: center; }
/*#balhaus-recomend .contents-wapper .picture {text-align: center; }
#balhaus-recomend .contents-wapper .picture img {transform: scale(1);transition: .5s ease-in-out; }
#balhaus-recomend .contents-wapper .picture img:hover {transform: scale(1.1); }*/


/*============================
#case-newly
============================*/
#case-newly {
/*------------------------ここまで#case-newly -----------------------------*/ }
#case-newly .contents-background {margin-bottom: 100px;}
#case-newly .contents-background .block-title {width: 350px; margin: 0 auto; margin-bottom: 50px; background: url(../images/index/top-all-icon2.png) no-repeat top left 80px; padding-top: 10px;}
#case-newly .contents-background .block-title .ttl {text-align: center; margin-bottom: 10px;}
#case-newly .contents-background .block-title .ttl1 {text-align: center; font-size: 26px; letter-spacing: 3px;}
#case-newly .contents-background .list-case-newly {width: 1600px; max-width: 99%; margin: 0 auto 3%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#case-newly .contents-background .list-case-newly li {margin-right: 0.5%;width: 24.6%; margin-bottom: 1%}
#case-newly .contents-background .list-case-newly li:nth-child(4n) {margin-right: 0; }
#case-newly .contents-background .list-case-newly li article .system-pic {width: 100%;height: 300px;overflow: hidden; }
#case-newly .contents-background .list-case-newly li article .system-pic img {transform: scale(1);transition: .5s ease-in-out; }
#case-newly .contents-background .list-case-newly li article .system-pic img:hover {transform: scale(1.1); }
#case-newly .contents-background .list-case-newly li article .system-pic img {width: 100%;height: 300px; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl {padding: 15px 10px;background-color: #fff; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl .case-newly-date {color: #ffd739; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl .case-newly-date::before {content: '■'; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl .case-newly-title {color: #000; font-size: 14px; font-weight: 500;}
#case-newly .btn {text-align: center;}


/*============================
#event
============================*/
#event { background-color: #fff; margin-bottom: 140px;}
#event .contents-wapper{width: 1200px; margin:50px auto 0px;}
#event .contents-wapper .block-title {width: 550px; margin: 0 auto; margin-bottom: 50px; background: url(../images/index/event-ttl-icon.png) no-repeat top left 80px; padding-top: 40px;}
#event .contents-wapper .block-title .ttl {text-align: center; margin-bottom: 10px;}
#event .contents-wapper .block-title .ttl1 {text-align: center; font-size: 26px; letter-spacing: 3px;}
#event .contents-wapper .event-list {margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#event .contents-wapper .event-list li {width: 380px;line-height: 1.5;margin-right: 24px;}
#event .contents-wapper .event-list li:nth-child(3){margin-right: 0;}
#event .contents-wapper .event-list li:nth-child(4){display: none;}
#event .contents-wapper .event-list li article .system-pic {width: 380px;height: 280px;text-align: center;overflow: hidden;margin-bottom: 20px;}
#event .contents-wapper .event-list li article .system-pic img {transform: scale(1);transition: .5s ease-in-out; }
#event .contents-wapper .event-list li article .system-pic img:hover {transform: scale(1.1); }
#event .contents-wapper .event-list li article .system-pic img {max-width: 100%;height: 280px; }
#event .contents-wapper .event-list li article .event-data {background-color: #9c3535;padding: 5px 8px;margin-bottom: 8px; }
#event .contents-wapper .event-list li article .event-data .date {color: #fff; }
#event .contents-wapper .event-list li article .event-title {font-size: 14px; font-weight: bold; border-bottom: 1px dotted #000; margin: 15px auto 15px; padding-bottom: 15px;}
#event .contents-wapper .event-list li article .date{font-size: 12px; border-bottom: 1px dotted #000; margin: 15px auto 15px; padding-bottom: 15px;}
#event .contents-wapper .event-list li article .event-located{ font-size: 12px;color: #000; border-bottom: 1px dotted #000; margin: 15px auto 15px; padding-bottom: 15px;}
#event .contents-wapper .event-list li article .dt-area{font-weight: bold; background: #fff600; padding: 5px; margin-right: 10px;}
#event .contents-wapper .event-list li article .category{ display: inline-block; color: #fff; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 0.8px; }
#event .contents-wapper .event-list li article .category a{ color: #fff; }
#event .contents-wapper .event-list li article .category .icon01{ background: #577754; padding: 4px 14px; }
#event .contents-wapper .event-list li article .category .icon02{ background: #7D2B23; padding: 4px 14px; }
#event .contents-wapper .event-list li article .category .icon03{ background: #2B8290; padding: 4px 14px; }
#event .btn {text-align: center;}


/*============================
#modelhouse
============================*/
#modelhouse{margin-bottom: 30px;}
#modelhouse .bx{width: 100%; margin: 0 auto; background: url(../images/index/model-bg.png) no-repeat top center; padding: 10px 0 140px;}
#modelhouse .bx .inner{width: 1280px; margin: 0 auto; position: relative;}
#modelhouse .bx .inner .ttl{margin-bottom: 30px; }
#modelhouse .bx .inner .icon1{position: absolute; left: 380px; top: -100px}
#modelhouse .bx .inner .icon2{position: absolute; right: -45px; bottom: 100px}
#modelhouse .bx .inner .icon3{position: absolute; left: 0px; bottom: -10px}
#modelhouse .bx .inner .in-inner{width: 480px; margin-left: 155px; background: url(../images/index/top-all-icon2.png) no-repeat top 15px left 15px #fff; padding: 30px 20px 50px}
#modelhouse .bx .inner .in-inner .in-ttl{font-size: 19px; text-align: center; border-bottom: dotted 1px #000; padding-bottom: 10px; margin-bottom: 20px}
#modelhouse .bx .inner .in-inner ul{padding: 0 40px}
#modelhouse .bx .inner .in-inner li{font-size: 14px; letter-spacing: 1px; font-weight: 500; line-height: 2.4; text-align: left;}
#modelhouse .btn{text-align: right; margin-right: 40px; margin-top: -15px;}


/*============================
#soudan
============================*/
#soudan{margin-bottom: 30px;}
#soudan .all-bx{width: 1200px; margin: 0 auto; background: url(../images/index/soudan-bg.png) no-repeat top center; padding: 50px 0 100px}
#soudan .all-bx .bx{width: 1200px; margin: 0 auto; position: relative;}
#soudan .all-bx .bx .inner{width: 500px; margin-left: 650px;}
#soudan .all-bx .bx .inner .ttl{font-size: 19px; margin-bottom: 30px;}
#soudan .all-bx .bx .inner .ttl span{font-size: 42px;}
#soudan .all-bx .bx .inner .icon{position: absolute; left: 500px; top: -30px; z-index: 1}
#soudan .all-bx .bx .inner .img{position: absolute; left: 50px; top: 0px}
#soudan .all-bx .bx .inner .in-inner{margin-bottom: 60px; font-size: 16px; background: url(../images/index/top-all-icon2.png) no-repeat top 15px left 15px #fff; padding: 35px 40px 60px;}
#soudan .all-bx .bx .inner .in-inner ul{margin-bottom: 20px;}
#soudan .all-bx .bx .inner .in-inner li{line-height: 2.4; font-weight: bold;}
#soudan .all-bx .bx .inner .in-inner .txt{letter-spacing: 1px; font-weight: 500;}
#soudan .btn{text-align: center;}



/*============================
#voice
============================*/
#voice { background-color: #fff; margin-bottom: 150px;-ms-align-self: flex-end;align-self: flex-end;}
#voice .contetnts-wapper {margin-bottom: 100px;}
#voice .contetnts-wapper .block-title {width: 350px; margin: 0 auto; margin-bottom: 50px; background: url(../images/index/top-all-icon2.png) no-repeat top left 50px; padding-top: 10px;}
#voice .contetnts-wapper .block-title .ttl {text-align: center; margin-bottom: 10px;}
#voice .contetnts-wapper .block-title .ttl1 {text-align: center; font-size: 26px; letter-spacing: 3px;}
#voice .contetnts-wapper .system-list {margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#voice .contetnts-wapper .system-list li {background: url(../images/index/top-all-icon3.png) no-repeat bottom 15px right 15px #fff; width: 270px; padding: 15px;margin-right: 20px;border: 1px solid #000; }
#voice .contetnts-wapper .system-list li:last-child {margin-right: 0px; }
#voice .contetnts-wapper .system-list li article .system-pic {margin-bottom: 15px;width: 230px;height: 180px; }
#voice .contetnts-wapper .system-list li article .system-pic img {width: 230px;height: 180px; }
#voice .contetnts-wapper .system-list li article .voice-title {font-size: 14px; margin-bottom: 15px}
#voice .contetnts-wapper .system-list li article .voice-date {font-size: 12px;color: #ad3434; }
#voice .contetnts-wapper .system-list li article .voice-date::before {content: '■'; }
#voice .contetnts-wapper .system-list li article .voice-client {font-size: 12px; }
#voice .contetnts-wapper .system-list li article .voice-client .voice-area {display: inline-block;margin-right: 1em; }
#voice .contetnts-wapper .system-list li article .voice-client .voice-name {display: inline-block; }
#voice .btn{text-align: center;}


/*============================
#pickup
============================*/
#pickup { margin-bottom: 50px;}
#pickup .bx{width: 100%; margin: 0 auto; background: url(../images/index/pickup-bg.png) repeat top center; padding: 0 0 100px; background-size: cover;}
#pickup .bx .icon{text-align: center; position: relative; top: -40px;}
#pickup .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#pickup .bx .list li{width: 15%; margin-right: 20px;}
#pickup .bx .list li img{width: 100%; }
#pickup .bx .list li:last-child{margin-right: 0px;}



/*============================
#blog
============================*/
#blog {
/*------------------------ここまで#blog-----------------------------*/ }
#blog {}
#blog .block-title {width: 1200px; margin: 0 auto; background: url(../images/index/top-all-icon2.png) no-repeat top left 480px; padding-top: 10px;}
#blog .block-title .ttl {text-align: center; margin-bottom: 10px;}
#blog .block-title .ttl1 {text-align: center; font-size: 26px; letter-spacing: 3px; margin-bottom: 50px}
#blog .exports-backgroud {width: 100%; margin: 0 auto 100px; background: url(../images/index/blog-bg.png) no-repeat top center; padding: 30px 0}
#blog .exports-backgroud .system-list { width: 1200px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#blog .exports-backgroud .system-list li {padding: 10px;width: 285px;background: url(../images/index/top-all-icon3.png) no-repeat bottom 10px right 10px #fff;margin-right: 20px; }
#blog .exports-backgroud .system-list li:last-child {margin-right: 0; }
#blog .exports-backgroud .system-list li article .system-pic {width: 100px;height: 130px;margin-right: 10px;overflow: hidden; float: left;}
#blog .exports-backgroud .system-list li article .system-pic img {width: 100px;height: 130px; }
#blog .exports-backgroud .system-list li article .system-pic img {transform: scale(1);transition: .5s ease-in-out; }
#blog .exports-backgroud .system-list li article .system-pic img:hover {transform: scale(1.1); }
#blog .exports-backgroud .system-list li article .date {font-size: 12px;}
#blog .exports-backgroud .system-list li article .date::before {content: '■ '; color: #fff600}
#blog .exports-backgroud .system-list li article .system-ttl {line-height: 1.5; font-size: 12px;}
#blog .exports-backgroud .btn {text-align: center; }



/*============================
.side-wapper
============================*/
#side-wapper {width: 430px;
/*============================
#blog02
============================*/
/*------------------------ここまで#side-wapper -----------------------------*/ }
#side-wapper .inner-sections-wrapper {
margin-bottom: 20px;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: distribute;
-moz-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around;}

/*============================
#company
============================*/
#side-wapper .inner-sections-wrapper #company {
-ms-align-self: center;
-ms-grid-row-align: center;
align-self: center; margin-bottom: 30px}
#side-wapper .inner-sections-wrapper #company img {
transform: scale(1);
transition: .5s ease-in-out; }
#side-wapper .inner-sections-wrapper #company img:hover {
transform: scale(1.1); }

/*============================
#sns-link
============================*/
#side-wapper .inner-sections-wrapper #sns-link {-ms-align-self: center;-ms-grid-row-align: center;align-self: center; }
#side-wapper .inner-sections-wrapper #sns-link .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#side-wapper .inner-sections-wrapper #sns-link .list li{margin-right: 20px;}
#side-wapper .inner-sections-wrapper #sns-link .list li:last-child{margin-right: 0px;}
#side-wapper .inner-sections-wrapper #sns-link img {transform: scale(1);transition: .5s ease-in-out; }
#side-wapper .inner-sections-wrapper #sns-link img:hover {transform: scale(1.1); }
#side-wapper .inner-sections-wrapper #flow-bnr img {transform: scale(1);transition: .5s ease-in-out; }
#side-wapper .inner-sections-wrapper #flow-bnr img:hover {transform: scale(1.1); }
#blog02 {
/*------------------------ここまで#blog02 -----------------------------*/ }
#blog02 .contents-wapper {
width: 400px; }
#blog02 .contents-wapper .block-title {
border-bottom: 1px solid #000;
padding-bottom: 15px;
margin-bottom: 15px; }
#blog02 .contents-wapper .block-title .btn {
bottom: 15px; }
#blog02 .contents-wapper iframe#blog01-php {
width: 100%; }

/*============================
#seo
============================*/
#seo {padding: 65px 0;}
#seo .title {text-align: center; margin-bottom: 35px;}
#seo .text-block {font-size: 12px; font-weight: 300; letter-spacing: 0.6px; line-height: 1.9; width: 1000px; margin: 0 auto;}


.cb-box{
width: 1100px;
margin: 0 auto 56px;
height: 240px;
overflow-y: scroll;
border: 1px solid #ccc;
padding: 16px;
line-height: 1.65;
}

.cb-box .cb-ttl{
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
}


.cb-box .cb-ttl.line{
text-decoration: underline;
}

.cb-box .p-mb-02{
margin-bottom: 2em;
}

.cb-end{
border-top: 2px solid #ccc;
padding-top: 24px;
}



/*============================
.sections-background
============================*/
.sections-background {
background: url("../images/index/sections-bg.jpg");
padding: 35px 0 50px;
/*===========================
/*------------------------ここまで.sections-background-----------------------------*/ }


/*============================
#case-reform
============================*/
#case-reform {
/*------------------------ここまで#case-reform-----------------------------*/ }
#case-reform .contents-warpper {
width: 316px;
padding: 20px;
background: url("../images/index/case-reform-bg.jpg"); }
#case-reform .contents-warpper .block-title {
margin-bottom: 25px; }
#case-reform .contents-warpper .list-case-reform {
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
#case-reform .contents-warpper .list-case-reform li {
width: 276px; }

#case-reform .contents-warpper .list-case-reform li:nth-child(n + 2){
display: none;
}


#case-reform .contents-warpper .list-case-reform li article .system-pic {
width: 276px;
height: 170px;
background-color: #fff;
padding: 6px; }
#case-reform .contents-warpper .list-case-reform li article .system-pic img {
width: 100%;
height: 100%; }
#case-reform .contents-warpper .list-case-reform li article .system-pic img:nth-child(n+2){display: none!important;}


#case-reform .contents-warpper .list-case-reform li article .block-list-ttl {
padding: 8px 10px;
background-color: #000000; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl .case-reform-date {
font-size: 12px;
color: #ad3434; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl .case-reform-date::before {
content: '■'; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl .case-reform-title {
font-size: 12px;
color: #fff; }
#case-reform .btn{width: 124px;margin: 15px auto;}


/*============================
#case-original
============================*/
#case-original {
/*------------------------ここまで#case-original-----------------------------*/ }
#case-original .contents-warpper {
width: 316px;
padding: 20px;
background: url("../images/index/case-original-bg.jpg"); }
#case-original .contents-warpper .block-title {
margin-bottom: 25px; }
#case-original .contents-warpper .list-case-original {
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
#case-original .contents-warpper .list-case-original li {
width: 276px; }
#case-original .contents-warpper .list-case-original li:nth-child(n + 2){
display: none;
}

#case-original .contents-warpper .list-case-original li article .system-pic {
width: 276px;
height: 170px;
background-color: #fff;
padding: 6px; }
#case-original .contents-warpper .list-case-original li article .system-pic img {
width: 100%;
height: 100%; }
#case-original .contents-warpper .list-case-original li article .system-pic img:nth-child(n+2){display: none!important;}


#case-original .contents-warpper .list-case-original li article .block-list-ttl {
padding: 8px 10px;
background-color: #000000; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl .case-original-date {
font-size: 12px;
color: #ad3434; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl .case-original-date::before {
content: '■'; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl .case-original-title {
font-size: 12px;
color: #fff; }
#case-original .btn{width: 124px;margin: 15px auto;}


/*============================
#reform
============================*/
#reform .contents-wapper {
width: 320px;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap; }
#reform .contents-wapper .title {
margin-bottom: 15px;
width: inherit;
text-align: center; }
#reform .contents-wapper .picture {
-webkit-flex-order: -1;
-moz-flex-order: -1;
-moz-order: -1;
-ms-order: -1;
order: -1;
margin-bottom: 15px;
width: inherit; }
#reform .contents-wapper .picture img {
transform: scale(1);
transition: .5s ease-in-out; }
#reform .contents-wapper .picture img:hover {
transform: scale(1.1); }
#reform .contents-wapper .text {
line-height: 1.8; }

.title-flag.mb0{
margin-bottom: 0;
}
.title-flag-ttl{
text-align: center;
font-weight: 700;
font-size: 32px;
line-height: 1.45;
letter-spacing: 1px;
margin-bottom: 40px;
}






























/*------------------------pcここまで-----------------------------------------------------------------------------------------------------------------------------------------*/ }

@media screen and (max-width: 767px) {


#bx-sra {width: 100vw; margin: 0 auto; position: relative;}
#bx-sra .sra-txt{width: 95vw; font-size: 4.5vw; font-weight: bold; line-height: 1.6; letter-spacing: 0.5vw; color: #fff; text-align: center; position: absolute; left: 3%; top: 75%; z-index: 100}


/*page-top-common*/
main a {
color: inherit; }
.contents-wapper {
padding: 0;
width: 100%; }
.block-title {
position: relative; }
.block-title .btn {
display: none;
position: absolute;
right: 0;
bottom: 0; }
.sections-wapper {
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
.sections-wapper.sw-mb45 {
margin-bottom: 5%; }
.sections-wapper.sw-mb55 {
margin-bottom: 5%; }

.bnr-box{ margin: 0vw 5vw 24vw; }
.bnr-box li{ margin-bottom: 6vw; }

#cafe-box{ margin: 10vw 5vw 12vw; }

/*concept*/
#concept {margin: 10vw auto 15vw;}
#concept .all-bx{width: 100vw; margin: 0 auto; background: url(../images/index/sp-top-concept-bg.png) no-repeat top center; padding: 40vw 0 15vw; background-size: 100%}
#concept .bx{width: 95vw; margin: 0 auto;}
#concept .bx .inner{width: 85vw; margin-bottom: 5vw; background: url(../images/index/top-all-icon1.png) no-repeat right 3vw top 3vw #fff; background-size: 5vw; padding: 3vw;}
#concept .bx .inner .ttl{width: 10vw; margin-bottom: 3vw; margin-left: 3vw}
#concept .bx .inner .ttl1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 1vw; font-weight: bold;}
#concept .bx .inner .ttl1 span{font-size: 3.2vw;}
#concept .bx .inner .txt-icon{width: 0.15vw; margin-bottom: 2vw; margin-left: 3vw;}
#concept .bx .inner .txt{font-size: 3vw; letter-spacing: 0vw; }
#concept .bx .btn{width: 80vw; margin-left: 2vw}


/*============================
#balhaus-recomend
============================*/
#balhaus-recomend {
/*------------------------ここまで#balhaus-recomend -----------------------------*/ }
#balhaus-recomend .contents-background { }
#balhaus-recomend .contents-wapper {margin-bottom: 10vw;}
#balhaus-recomend .contents-wapper .recomend-icon {width: 0.2vw; margin: 0 auto 3vw;}
#balhaus-recomend .contents-wapper .title { font-size: 5vw; letter-spacing: 0.2vw; margin-bottom: 5vw; font-weight: 700; text-align: center; line-height: 2}
#balhaus-recomend .contents-wapper .list-recomend {width: 100vw; margin: 0 auto; background: url(../images/index/sp-recomend-bg.png) no-repeat top center; padding: 8vw 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#balhaus-recomend .contents-wapper .list-recomend li {width: 42.5vw; margin-right: 5vw; margin-bottom: 5vw}
#balhaus-recomend .contents-wapper .list-recomend li:nth-child(2n) {margin-right: 0;}
#balhaus-recomend .contents-wapper .list-recomend li:nth-child(n+3) {margin-bottom: 0}
#balhaus-recomend .contents-wapper .list-recomend li a:hover{text-decoration: none;}
/*#balhaus-recomend .contents-wapper .list-recomend li .picture {width: inherit;-webkit-flex-order: -1;-moz-flex-order: -1;-moz-order: -1;-ms-order: -1;order: -1;}
#balhaus-recomend .contents-wapper .list-recomend li .picture img {transform: scale(1);transition: .5s ease-in-out; }
#balhaus-recomend .contents-wapper .list-recomend li .picture img:hover {transform: scale(1.1); }*/
#balhaus-recomend .contents-wapper .list-recomend li .inner{background: url(../images/index/top-all-icon3.png) no-repeat right 1.5vw bottom 1.5vw #fff; padding: 3vw; background-size: 2vw}
#balhaus-recomend .contents-wapper .list-recomend li .inner .in-ttl{font-size: 4.2vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; margin-bottom: 1vw;}
#balhaus-recomend .contents-wapper .list-recomend li .inner .text {font-size: 3.2vw; letter-spacing: 0; width: inherit;text-align: center; line-height: 1.6}
/*#balhaus-recomend .contents-wapper .picture {text-align: center; }
#balhaus-recomend .contents-wapper .picture img {transform: scale(1);transition: .5s ease-in-out; }
#balhaus-recomend .contents-wapper .picture img:hover {transform: scale(1.1); }*/



/*============================
#case-newly
============================*/
#case-newly {
/*------------------------ここまで#case-newly -----------------------------*/ }
#case-newly .contents-background {margin-bottom: 15vw;}
#case-newly .contents-background .block-title {width: 85vw; margin: 0 auto; margin-bottom: 5vw; background: url(../images/index/top-all-icon2.png) no-repeat top 3vw left 25vw; padding-top: 1vw; background-size: 5vw}
#case-newly .contents-background .block-title .ttl {width: 10vw; margin: 0 auto 1vw;}
#case-newly .contents-background .block-title .ttl1 {text-align: center; font-size: 5.6vw; letter-spacing: 0.3vw; font-weight: bold;}
#case-newly .contents-background .list-case-newly {width: 95vw;margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#case-newly .contents-background .list-case-newly li {width: 45.5vw; margin-bottom: 5vw; font-size: 1.2rem; margin-right: 3vw}
#case-newly .contents-background .list-case-newly li:nth-child(2n){margin-right: 0}
#case-newly .contents-background .list-case-newly li:nth-child(n+9) {display: none; }
#case-newly .contents-background .list-case-newly li article .system-pic {width: 100%; height: 40vw;text-align: center;margin-bottom: 2vw}
#case-newly .contents-background .list-case-newly li article .system-pic img {max-width: 100%; height: 40vw; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl {font-size: 1.2rem; line-height: 1.5; letter-spacing: 0.2vw}
#case-newly .contents-background .list-case-newly li article .block-list-ttl .case-newly-date {color: #ffd739; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl .case-newly-date::before {content: '■'; }
#case-newly .contents-background .list-case-newly li article .block-list-ttl .case-newly-title {color: #000; }
#case-newly .btn {width: 80vw; margin: 0 auto;}


/*============================
#event
============================*/
#event { background-color: #fff; margin-bottom: 22vw; margin-top: 7vw;}
#event .contents-wapper{width: 100vw; margin: 0 auto;}
#event .contents-wapper .block-title {width: 85vw; margin: 0 auto; margin-bottom: 5vw; background: url(../images/index/sp-event-ttl-icon.png) no-repeat top 0vw left 15vw; padding-top: 5vw; background-size: 15vw}
#event .contents-wapper .block-title .ttl {width: 15vw; margin: 0 auto 1vw;}
#event .contents-wapper .block-title .ttl1 {text-align: center; font-size: 5.6vw; letter-spacing: 0.3vw; font-weight: bold;}
#event .contents-wapper .event-list {margin-bottom: 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#event .contents-wapper .event-list li {width: 45vw; line-height: 1.4; margin-right: 2vw; margin-left: 2vw}
#event .contents-wapper .event-list li:nth-child(2){margin-right: 0vw; margin-left: 2vw}
#event .contents-wapper .event-list li:nth-child(n+3){display: none;}
#event .contents-wapper .event-list li article .system-pic {text-align: center;max-width: 100%;height: 40vw;overflow: hidden;margin-bottom: 5%; }
#event .contents-wapper .event-list li article .system-pic img {transform: scale(1);transition: .5s ease-in-out; }
#event .contents-wapper .event-list li article .system-pic img:hover {transform: scale(1.1); }
#event .contents-wapper .event-list li article .system-pic img {max-width: 100%;height: 40vw;margin-bottom: 5%; }
#event .contents-wapper .event-list li article .event-data {background-color: #9c3535;padding: 1vw;margin-bottom: 3vw; }
#event .contents-wapper .event-list li article .event-data .date {color: #fff; }
#event .contents-wapper .event-list li article .event-title {font-size: 1.2rem; font-weight: bold; border-bottom: 1px dotted #000; margin: 3vw auto 3vw; padding-bottom: 3vw; max-height: 30vw;overflow-y: hidden;}
#event .contents-wapper .event-list li article .date{font-size: 1.2rem; border-bottom: 1px dotted #000; margin: 3vw auto 3vw; padding-bottom: 3vw; line-height: 1.6}
#event .contents-wapper .event-list li article .event-located{ font-size: 1.2rem;color: #000; border-bottom: 1px dotted #000; margin: 3vw auto 3vw; padding-bottom: 3vw; line-height: 1.6}
#event .contents-wapper .event-list li article .dt-area{font-weight: bold; background: #fff600; padding: 0.5vw; margin-right: 1vw;}
#event .contents-wapper .event-list li article .category{ display: inline-block; color: #fff; font-size: 3.2vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.2vw; }
#event .contents-wapper .event-list li article .category a{ color: #fff; }
#event .contents-wapper .event-list li article .category .icon01{ background: #577754; padding: 0.8vw 1.8vw; }
#event .contents-wapper .event-list li article .category .icon02{ background: #7D2B23; padding: 0.8vw 1.8vw; }
#event .contents-wapper .event-list li article .category .icon03{ background: #2B8290; padding: 0.8vw 1.8vw; }
#event .btn {width: 80vw; margin: 0 auto;}


/*============================
#modelhouse
============================*/
#modelhouse{margin-bottom: 5vw;}
#modelhouse .bx{width: 100vw; margin: 0 auto; background: url(../images/index/sp-model-bg.png) no-repeat top center; padding: 3vw 0 5vw; background-size: 100%}
#modelhouse .bx .inner{width: 95vw; margin: 0 auto; position: relative;}
#modelhouse .bx .inner .ttl{width: 65vw; margin-bottom: 25vw}
#modelhouse .bx .inner .icon1{width: 40vw; position: absolute; left: 10vw; top: 55vw}
#modelhouse .bx .inner .icon2{width: 40vw; position: absolute; left: 57vw; top: 66vw}
#modelhouse .bx .inner .icon3{width: 45vw; position: absolute; left: 55vw; top: 112vw}
#modelhouse .bx .inner .in-inner{width: 75vw; background: url(../images/index/top-all-icon2.png) no-repeat top 2vw left 2vw #fff; padding: 5vw; background-size: 4vw; margin-bottom: 20vw;}
#modelhouse .bx .inner .in-inner .in-ttl{font-size: 3.4vw; letter-spacing: 0.1vw; font-weight: bold; text-align: center; border-bottom: dotted 1px #000; padding-bottom: 2vw; margin-bottom: 2vw}
#modelhouse .bx .inner .in-inner ul{padding: 0 2vw}
#modelhouse .bx .inner .in-inner li{font-size: 3vw; letter-spacing: 0.2vw; font-weight: 500; line-height: 2; text-align: left;}
#modelhouse .bx .inner .in-inner li span{position: relative; left: 3vw}
#modelhouse .btn{width: 80vw; margin: 0 auto;}



/*============================
#soudan
============================*/
#soudan{margin-bottom: 10vw;}
#soudan .all-bx{width: 100vw; margin: 0 auto; background: url(../images/index/sp-soudan-bg.png) no-repeat top center; padding: 8vw 0 10vw}
#soudan .all-bx .bx{width: 100vw; margin: 0 auto; position: relative;}
#soudan .all-bx .bx .inner{width: 85vw; margin: 0 auto;}
#soudan .all-bx .bx .inner .ttl{font-size: 3vw; margin-bottom: 3vw; text-align: center; font-weight: bold;}
#soudan .all-bx .bx .inner .ttl span{font-size: 5vw; text-align: center;}
#soudan .all-bx .bx .inner .icon{width: 18vw; position: absolute; left: 10vw; top: 15vw; z-index: 1}
#soudan .all-bx .bx .inner .img{margin-bottom: 5vw}
#soudan .all-bx .bx .inner .in-inner{margin-bottom: 10vw; font-size: 3.4vw; background: url(../images/index/top-all-icon2.png) no-repeat top 1.5vw left 1.5vw #fff; padding: 5vw; background-size: 5vw}
#soudan .all-bx .bx .inner .in-inner ul{margin-bottom: 3vw;}
#soudan .all-bx .bx .inner .in-inner li{line-height: 1.8; font-weight: bold;}
#soudan .all-bx .bx .inner .in-inner .txt{font-size: 3.3vw; letter-spacing: 0; font-weight: 500;}
#soudan .btn{width: 80vw; margin: 0 auto -15vw}


/*============================
#voice
============================*/
#voice { background-color: #fff; margin-bottom: 20vw;}
#voice .contetnts-wapper{width: 90vw; margin: 0 auto;}
#voice .contetnts-wapper .block-title {width: 90vw; margin: 0 auto; margin-bottom: 5vw; background: url(../images/index/top-all-icon2.png) no-repeat top 8vw left 20vw; padding-top: 5vw; background-size: 5vw}
#voice .contetnts-wapper .block-title .ttl {width: 15vw; margin: 0 auto 1vw;}
#voice .contetnts-wapper .block-title .ttl1 {text-align: center; font-size: 5.6vw; letter-spacing: 0.3vw; font-weight: bold;}
#voice .contetnts-wapper .system-list {margin-bottom: 5vw;  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#voice .contetnts-wapper .system-list li {background: url(../images/index/top-all-icon3.png) no-repeat bottom 2vw right 2vw #fff; width: 43vw; padding: 3vw;margin-right: 4vw;margin-bottom: 5vw; border: 1px solid #000; background-size: 2vw}
#voice .contetnts-wapper .system-list li:nth-child(2n){margin-right: 0}
#voice .contetnts-wapper .system-list li:nth-child(n+5) {display: none;}
#voice .contetnts-wapper .system-list li article .system-pic {margin-bottom: 3vw;width: 100%;height: 30vw;overflow: hidden;}
#voice .contetnts-wapper .system-list li article .system-pic img {width: 100%;height: 30vw; }
#voice .contetnts-wapper .system-list li article .voice-title {font-size: 3.4vw; margin-bottom: 3vw; line-height: 1.6; max-height: 30vw;overflow-y: hidden;}
#voice .contetnts-wapper .system-list li article .voice-date {font-size: 3.4vw;color: #ad3434; }
#voice .contetnts-wapper .system-list li article .voice-date::before {content: '■'; }
#voice .contetnts-wapper .system-list li article .voice-client {font-size: 2.6vw; }
#voice .contetnts-wapper .system-list li article .voice-client .voice-area {display: inline-block;margin-right: 0.8em; }
#voice .contetnts-wapper .system-list li article .voice-client .voice-name {display: inline-block; }
.title-flag.mb0{margin-bottom: 0;}
.title-flag-ttl{text-align: center;font-weight: 700;font-size: 2rem;line-height: 1.45;letter-spacing: 1px;margin-bottom: 6%;}
#voice .btn{width: 80vw; margin: 0 auto}


/*============================
#pickup
============================*/
#pickup { margin-bottom: 5vw;}
#pickup .bx{ width: 100vw; margin: 0 auto; background: url(../images/index/sp-pickup-bg.png) no-repeat top center; padding: 10vw 0; background-size: 100%}
#pickup .bx .icon{width: 45vw; margin: 0 auto -13vw; text-align: center; position: relative; top: -18vw;}
#pickup .bx .list{width: 100vw; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#pickup .bx .list li{width: 45vw; margin-right: 4vw; margin-bottom: 5vw}
#pickup .bx .list li:nth-child(2n){margin-right: 0;}


/*============================
#blog
============================*/
#blog {
/*------------------------ここまで#blog-----------------------------*/ }
#blog { background-color: #fff; margin-bottom: 30vw;}
#blog .block-title {width: 85vw; margin: 0 auto; margin-bottom: 5vw; background: url(../images/index/top-all-icon2.png) no-repeat top 5vw left 20vw; padding-top: 5vw; background-size: 5vw}
#blog .block-title .ttl {width: 12vw; margin: 0 auto 1vw;}
#blog .block-title .ttl1 {text-align: center; font-size: 5.6vw; letter-spacing: 0.3vw; font-weight: bold;}
#blog .exports-backgroud {width: 100vw; margin: 0 auto 10vw; background: url(../images/index/sp-blog-bg.png) no-repeat top center; padding: 8vw 0 10vw}
#blog .exports-backgroud .system-list { width: 95vw; margin: 0 auto 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#blog .exports-backgroud .system-list li {padding: 3vw;width: 43vw; background: url(../images/index/top-all-icon3.png) no-repeat bottom 2vw right 2vw #fff;margin-right: 3vw; margin-bottom: 5vw; margin-left: 2vw; background-size: 2vw}
#blog .exports-backgroud .system-list li:nth-child(2n) {margin-right: 0; }
#blog .exports-backgroud .system-list li article .system-pic {margin-bottom: 5%;width: 100%;height: 30vw;overflow: hidden;}
#blog .exports-backgroud .system-list li article .system-pic img {width: 100%;height: auto;}
#blog .exports-backgroud .system-list li article .date {font-size: 3.2vw;}
#blog .exports-backgroud .system-list li article .date::before {content: '■ '; color: #fff600}
#blog .exports-backgroud .system-list li article .system-ttl {line-height: 1.5; font-size: 3.4vw; max-height: 30vw;overflow-y: hidden;}
#blog .exports-backgroud .btn {width: 80vw; margin: 10vw auto -28vw}


/*============================
.side-wapper
============================*/
#side-wapper {width: 80vw; margin: 0 auto;
/*============================
#blog02
============================*/
/*------------------------ここまで#side-wapper -----------------------------*/ }
#side-wapper .inner-sections-wrapper {
margin-bottom: 10vw;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: distribute;
-moz-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around;}

/*============================
#company
============================*/
#side-wapper .inner-sections-wrapper #company {
-ms-align-self: center;
-ms-grid-row-align: center;
align-self: center; margin-bottom: 5vw}
#side-wapper .inner-sections-wrapper #company img {
transform: scale(1);
transition: .5s ease-in-out; }
#side-wapper .inner-sections-wrapper #company img:hover {
transform: scale(1.1); }

/*============================
#sns-link
============================*/
#side-wapper .inner-sections-wrapper #sns-link {-ms-align-self: center;-ms-grid-row-align: center;align-self: center; }
#side-wapper .inner-sections-wrapper #sns-link .list{width: 100vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#side-wapper .inner-sections-wrapper #sns-link .list li{width: 40vw; margin-right: 2vw;}
#side-wapper .inner-sections-wrapper #sns-link .list li:last-child{margin-right: 0px;}
#side-wapper .inner-sections-wrapper #sns-link img {transform: scale(1);transition: .5s ease-in-out; }
#side-wapper .inner-sections-wrapper #sns-link img:hover {transform: scale(1.1); }

#blog02 { width: 80vw; margin: 0 auto;margin-bottom: 5%; position: relative;}
#blog02 #blog01-php { width: 80vw; margin: 0 auto;margin-bottom: 5%; }
#blog02 .contents-wapper {}
#blog02 .contents-wapper .block-title {border-bottom: 1px solid #000; position: relative;padding-bottom: 3vw;margin-bottom: 5vw; }
#blog02 .contents-wapper .block-title .title{width: 35vw;}
#blog02 .contents-wapper .list-blog {margin-bottom: 5%; }
#blog02 .contents-wapper .list-blog li {border-bottom: 1px dotted #000;padding: 3%; }
#blog02 .contents-wapper .list-blog li article .blog-date {font-size: 12px;color: #ad3434; }
#blog02 .contents-wapper .list-blog li article .blog-date::before {content: '■'; }
#blog02 .block-title .btn {width: 20vw; position: absolute;right: 0;bottom: 1vw; display: block;}


/*============================
#seo
============================*/
#seo {width: 95vw; margin: 0 auto 5vw; padding: 5vw 0 5vw}
#seo .title {width: 20vw; margin: 0 auto 10vw;}
#seo .text-block {font-size: 3.2vw; font-weight: 300; letter-spacing: 0.2vw; line-height: 1.9;}



.cb-box{
width: 94%;
margin: 0 auto 8%;
height: 240px;
overflow-y: scroll;
border: 1px solid #ccc;
padding: 4%;
line-height: 1.85;
}

.cb-box .cb-ttl{
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 3%;
}


.cb-box .cb-ttl.line{
text-decoration: underline;
}

.cb-box .p-mb-02{
margin-bottom: 2em;
}

.cb-end{
border-top: 2px solid #ccc;
padding-top: 6%;
}







/*============================
.sections-background
============================*/
.sections-background {
background: url("../images/index/sections-bg.jpg");
padding: 5% 0;
/*===========================
/*------------------------ここまで.sections-background-----------------------------*/ }



/*============================
#case-reform
============================*/
#case-reform {
padding: 0 3%;
/*------------------------ここまで#case-reform-----------------------------*/ }
#case-reform .contents-warpper {
margin-bottom: 10%;
padding: 5% 3%;
background: url("../images/index/case-reform-bg.jpg"); }
#case-reform .contents-warpper .block-title {
margin-bottom: 5%; }
#case-reform .contents-warpper .list-case-reform {
margin-bottom: 5%;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
#case-reform .contents-warpper .list-case-reform li {
width: 48%;
font-size: 1.2rem; }

#case-reform .contents-warpper .list-case-reform li article .system-pic {
width: 100%;
height: 30vw;
background-color: #fff;
padding: 2%; }
#case-reform .contents-warpper .list-case-reform li article .system-pic img {
width: 100%;
height: 100%; }

#case-reform .contents-warpper .list-case-reform li article .system-pic img:nth-child(n+2) {
display: none !important; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl {
padding: 8px 10px;
background-color: #000000; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl .case-reform-date {
color: #ad3434; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl .case-reform-date::before {
content: '■'; }
#case-reform .contents-warpper .list-case-reform li article .block-list-ttl .case-reform-title {
color: #fff; }



/*============================
#case-original
============================*/
#case-original {
padding: 0 3%;
/*------------------------ここまで#case-original-----------------------------*/ }
#case-original .contents-warpper {
margin-bottom: 10%;
padding: 5% 3%;
background: url("../images/index/case-original-bg.jpg"); }
#case-original .contents-warpper .block-title {
margin-bottom: 5%; }
#case-original .contents-warpper .list-case-original {
margin-bottom: 5%;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
#case-original .contents-warpper .list-case-original li {
width: 48%;
font-size: 1.2rem; }
#case-original .contents-warpper .list-case-original li article .system-pic {
width: 100%;
height: 30vw;
background-color: #fff;
padding: 2%; }
#case-original .contents-warpper .list-case-original li article .system-pic img {
width: 100%;
height: 100%; }
#case-original .contents-warpper .list-case-original li article .system-pic img:nth-child(n+2) {
display: none !important; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl {
padding: 8px 10px;
background-color: #000000; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl .case-original-date {
color: #ad3434; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl .case-original-date::before {
content: '■'; }
#case-original .contents-warpper .list-case-original li article .block-list-ttl .case-original-title {
color: #fff; }



/*============================
#reform
============================*/
#reform .contents-wapper {
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
flex-wrap: wrap; }
#reform .contents-wapper .title {
margin-bottom: 3%;
width: inherit;
text-align: center; }
#reform .contents-wapper .picture {
-webkit-flex-order: -1;
-moz-flex-order: -1;
-moz-order: -1;
-ms-order: -1;
order: -1;
margin-bottom: 3%;
width: inherit; }

#reform .contents-wapper .text {
width: 100%;
text-align: center;
line-height: 1.5;
font-size: 1.2rem;
margin: 0 0 5vh 0; }




/*------------------------ここまでSP---------------------------------------------------------------------------------------------------------------------------------------------*/ }

@media screen and (max-width: 380px) {
#case .system-list .system-pic {
height: 120px; }
#case .system-list .system-pic img {
height: 120px; }
#blog .system-list .system-pic {
height: 106px;
position: relative; }
#blog .system-list .system-pic img {
height: 106px; } }

@media screen and (max-width: 321px) {
#case .system-list .system-pic {
height: 90px; }
#case .system-list .system-pic img {
height: 90px; }
#blog .system-list .system-pic {
height: 90px; }
#blog .system-list .system-pic img {
height: 90px; } }