@charset "utf-8";

/*===================================================

    INDEX common

===================================================*/
/*  main slider
---------------------------------------------------*/

.slider{
	overflow: hidden;
}

.slider.fade button[aria-label="Previous"],
.slider.fade button[aria-label="Next"]{
    display:none !important;
    }
.slick-dots{
    position:absolute;
    z-index:10;
    bottom:20px;
    width:100%;
    }

.slick-dots li{
    display:inline-block !important;
    }
.slick-dots li button{
    width:11px;
    height:11px;
    margin:0px 6px;
    padding:0px;
    background:#FFF;
    border:none;
    border-radius:11px;
    text-indent:-999999px;
    box-shadow:none;
    }
.slick-dots li[aria-hidden="false"] button{
    background:#ED7D2C;
    }

/*  contents
---------------------------------------------------*/
.newLife p{
    line-height:180%;
    }

/*  workRec slider
---------------------------------------------------*/
.sliderImg{
    position:relative;
    }
.slider.autoplay button[aria-label="Previous"]{
    position:absolute;
    top:42%;
    left:0;
    z-index:10;
    display:block !important;
    width:68px;
    height:68px;
    border:none;
    background:url(../images/top/arrow_left.png) no-repeat left top;
    text-indent:-99999px;
    }
.slider.autoplay button[aria-label="Next"]{
    position:absolute;
    top:42%;
    right:0;
    z-index:10;
    display:block !important;
    width:68px;
    height:68px;
    border:none;
    background:url(../images/top/arrow_right.png) no-repeat right top;
    text-indent:-99999px;
    }
.slider.autoplay button[aria-label="Previous"]:hover,
.slider.autoplay button[aria-label="Next"]:hover{
    cursor:pointer;
    }

/*  main slider
---------------------------------------------------*/
.slider.fade a{
    display:block;
	width:100%;
    height:auto;
    text-decoration:none;
    }
.slider.fade .sldImg01{
    background:url(../images/slide/slide01.jpg) no-repeat center top;
    background-size:100% auto;
    }
.slider.fade .sldImg02{
    background:url(../images/slide/slide02.jpg) no-repeat center top;
    background-size:100% auto;
    }
.slider.fade .sldImg03{
    background:url(../images/slide/slide03.jpg) no-repeat center top;
    background-size:100% auto;
    }
.slider.fade .sldImg04{
    background:url(../images/slide/slide04.jpg) no-repeat center top;
    background-size:100% auto;
    }
.slider.fade .sldImg05{
    background:url(../images/slide/slide05.jpg) no-repeat center top;
    background-size:100% auto;
    }



/*===================================================

    for PC

===================================================*/
@media(min-width:769px){
/*  main slider
---------------------------------------------------*/
.slider.fade{
    top:104px;
    margin-bottom:104px;
    }
.slider.fade .image{
	width:100%;
	height:auto;
	position:relative;
    }
.slider.fade .image img{
	width:100%;
	height:auto;
	z-index:-111;
    }
.slider.fade .slider_text{
	top:40%;
	width:100%;
	text-align:center;
	z-index:555;
	position:absolute;
    }	
.slider.fade h2{
    margin-bottom:0.4em;
    color:#FFF;
    font-size:40px;
    font-weight:bold;
    line-height:120%;
    text-align:center;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
    }
.slider.fade h2.h2_black{
    color:#000;
    text-shadow:none;
    }
.slider.fade h2 span{
    font-weight:bold;
    }
.slider.fade h2 .t01{
    color:#C2E940;
    }
.slider.fade h2 .t02{
    color:#8AEEFF;
    }
.slider.fade .byReturn{
    font-weight:bold;
    }
.slider.fade p{
    width:350px;
    margin:0 auto;
    padding:0.9em 0 0.8em;
    background:url(../images/slide/bg_btn.png);
    color:#FFF;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    }


/*  contents
---------------------------------------------------*/
.secTit{
    line-height:180%;
    }

.newLife{
    clear:both;
    width:1160px;
    margin:0 auto 95px;
    padding:70px 0 0;
    }
.newLife p{
	font-size:15px;
}
.newLife .items{
    margin-left:-1px;
    padding:24px 0 0;
    }
.newLife .items li{
    float:left;
    width:386px;
    margin-left:1px;
    text-align:left;
    }
.newLife .pic{
    margin-bottom:15px;
    }
.newLife h2{
    margin-bottom:0.8em;
    min-height:2.6em;
    font-size:2.2rem;
    font-weight:bold;
    line-height:130%;
    }
.newLife .items p{
    padding:0 19px;
    border-left:1px solid #E4DCD3;
    color:#555;
    font-size:14px;
    line-height:180%;
    }

.workRec{
    margin-bottom:125px;
    }
.workRec p{
	font-size:15px;
}
.workRec > p{
    margin-bottom:2.5em;
    }
.slideImg{
    position:relative;
    }
.workNav{
    position:absolute;
    top:0;
    left:33.3%;
    z-index:98;
    display:block;
    width:33.45%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    color:#FFF;
    content:"";
    }
.workNav .txt{
    display:block;
    margin-bottom:0.8em;
    padding:26% 0 0;
    font-size:2.2rem;
    font-weight:bold;
    }
.workNav .more{
    }
.workNav .more a{
    display:block;
    width:100px;
    margin:0 auto;
    padding:0.3em 0px 0.45em;
    background:#ED7D2C;
    color:#FFF;
    line-height:100%;
    text-decoration:none;
    }
.workNav .more a:hover{
    opacity:.7;
    }

.contItems{
    width:1160px;
    margin:0 auto 65px;
    }
.contItems .row{
    position:relative;
    float:left;
    width:370px;
    margin:0 0 60px 25px;
    background:#F1EDE9;
    }
.contItems .row a{
    display:block;
    padding-bottom:10px;
    color:#000;
    text-decoration:none;
    }
.contItems .row a:hover{
    opacity:0.6;
    }
#flow, #blog{
    margin-left:0;
    }
.contItems .fig{
    width:100%;
    height:260px;
    overflow:hidden;
    }
.contItems h1{
    padding:20px 20px 0.5em;
    font-size:2rem;
    font-weight:bold;
    line-height:120%;
    text-align:left;
    }
#comNews h1{
    margin-bottom:1em;
    padding:22px 20px 0.8em;
    font-size:1.1rem;
    font-weight:bold;
    }
#blog h1{
    display:none;
    /*position:absolute;
    top:0;
    width:100%;
    height:147px;
    padding:113px 0 0 !important;
    color:#FFF;
    font-size:3rem;
    text-align:center;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.6);*/
    }
#blog h2{
    padding:20px 20px 0.5em;
    font-size:1.3rem;
    font-weight:bold;
    line-height:160%;
    text-align:left;
    }
#blog .date{
    display:block;
    margin-bottom:1em;
    padding:0.2em 0 0;
    font-size:1.1rem;
    font-weight:bold;
    }
.contItems .row p{
    margin-bottom:0px;
    padding:0px 20px;
    font-size:1.4rem;
    line-height:160%;
    text-align:left;
    }
#blog p{
    color:#777;
    }

/*  google maps
---------------------------------------------------*/
#map_canvas{
    width:100%;
    height:400px;
    border:none;
    overflow:hidden;
    }
.appBtn{
    display:none;
    }

}


/*===================================================

    for SP

===================================================*/
@media(max-width:768px){
/*  main slider
---------------------------------------------------*/
.slider.fade{
    top:104px;
    margin-bottom:0;
    }
.slider.fade .image{
	width:100%;
	height:auto;
	position:relative;
    }
.slider.fade .image img{
	width:100%;
	height:auto;
	z-index:-111;
    }

	
.slider.fade .slider_text{
	top:35%;
	width:100%;
	text-align:center;
	z-index:555;
	position:absolute;
}	
.slider.fade .image h2{
    margin-bottom:0.4em;
    color:#FFF;
    font-size:2.4rem;
    font-weight:bold;
    line-height:120%;
    text-align:center;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
    }
.slider.fade h2.h2_black{
    color:#000;
    text-shadow:none;
    }
.slider.fade .image h2 span{
    display:block;
    font-weight:bold;
    }
.slider.fade h2 span.t01{
    display:inline;
    color:#C2E940;
    }
.slider.fade h2 span.t02{
    display:inline;
    color:#8AEEFF;
    }
.slider.fade .byReturn{
    font-weight:bold;
    }
.slider.fade .image p{
    width:14em;
    margin:0 auto;
    padding:0.9em 0 0.8em;
    background:url(../images/slide/bg_btn.png);
    color:#FFF;
    font-size:1.1rem;
    font-weight:bold;
    text-align:center;
    }

/*  contents
---------------------------------------------------*/
.newLife{
    margin:0 4% 4em;
    padding:140px 0 0;
    }
.newLife p{
    text-align:left;
    }
.newLife .items{
    margin-left:0px;
    padding:24px 0 0;
    }
.newLife .items li{
    margin-bottom:2.5em;
    text-align:left;
    }
.newLife .pic{
    margin-bottom:10px;
    }
.newLife h2{
    margin-bottom:0.5em;
    font-size:2rem;
    font-weight:bold;
    line-height:130%;
    text-align:center;
    }

.workRec{
    margin:0 4% 4em;
    }
.slider.autoplay button[aria-label="Previous"]{
    left:10px;
    width:30px;
    height:30px;
    background-size:100%;
    }
.slider.autoplay button[aria-label="Next"]{
    right:10px;
    width:30px;
    height:30px;
    background-size:100%;
    }
.workRec > p{
    margin-bottom:24px;
    line-height:180%;
    text-align:left;
    }
.slideImg .slider{
    margin-bottom:1.5em;
    }
.workNav .txt{
    font-size:1.8rem;
    font-weight:bold;
    }
.workNav .more{
    display:block;
    margin-top:0.5em;
    text-align:center;
    }
.workNav .more a{
    display:block;
    width:100px;
    margin:0 auto;
    padding:0.3em 0px 0.45em;
    background:#ED7D2C;
    color:#FFF;
    line-height:100%;
    text-decoration:none;
    }

.contItems{
    margin:0 4% 4em;
    }
.contItems .row{
    margin-bottom:1em;
    background:#F1EDE9;
    text-align:left;
    }
.contItems .row a{
    display:block;
    padding:20px 10px;
    color:#000;
    overflow:hidden;
    }
.contItems .fig{
    float:left;
    width:50%;
    margin:0 3% 0 0;
    }
.contItems h1{
    padding:0 10px 0.3em 0;
    color:#EB7D2C;
    font-size:1.8rem;
    line-height:130%;
    }
.contItems h2, .contItems p{
    padding:0 10px 0 0;
    font-size:1.2rem;
    line-height:160%;
    }
.contItems .date{
    display:block;
    }
#blog p{
    color:#777;
    }

/*  google maps
---------------------------------------------------*/
#map_canvas{
    width:90%;
    height:300px;
    margin:0 5%;
    border:none;
    }
.appBtn{
    width:90%;
    margin:1em 5% 2em;
    }
.appBtn a{
    display:block;
    padding:2.2em 0;
    border-radius:8px;
    background:#444;
    color:#FFF;
    font-size:1.6rem;
    font-weight:bold;
    }

}

/*===================================================

    for SP

===================================================*/
@media(max-width:519px){
/*  main slider
---------------------------------------------------*/
.slider.fade{
    top:86px;
}
.slider.fade .image{
	width:100%;
	hight:100%;
	min-height:200px !important;
	background-repeat:no-repeat;
	background-position: center top;
	background-size: auto 100% ;
	position:relative;
	text-align:center;
}

.slider.fade .image1{
	background-image:url(../images/slide/slide01_sp.jpg);
}

.slider.fade .image2{
	background-image:url(../images/slide/slide02_sp.jpg);
}

.slider.fade .image3{
	background-image:url(../images/slide/slide03_sp.jpg);
}

.slider.fade .image4{
	background-image:url(../images/slide/slide04_sp.jpg);
}

.slider.fade .image5{
	background-image:url(../images/slide/slide05_sp.jpg);
}

.slider.fade .image img{
	display:none;
}

}

/*===================================================

    for vertical SP

===================================================*/
@media(max-width:480px){
/*  main slider
---------------------------------------------------*/
.slider.fade{
    top:85px;
    }
.slick-dots{
    bottom:-20px;
    }
.slick-dots li button{
    background:#CCC;
    }
.slider.fade .image{
	width:100%;
	height:auto;
	position:relative;
}
.slider.fade .image img{
	width:100%;
	height:auto;
	z-index:-111;
}
.slider.fade .slider_text{
	top:28%;
	width:100%;
	text-align:center;
	z-index:555;
	position:absolute;
}	
.slider.fade .image h2{
    margin-bottom:0.4em;
    color:#FFF;
    font-size:2.1rem;
    font-weight:bold;
    line-height:120%;
    text-align:center;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
    }
.slider.fade h2.h2_black{
    color:#000;
    text-shadow:none;
    }
.slider.fade .byReturn{
    display:block !important;
    font-weight:bold;
    }

/*  google maps
---------------------------------------------------*/
#map_canvas{
    display:none !important;
    }
.appBtn{
    width:80%;
    margin:-2em 10% 2em;
    }
.appBtn a{
    padding:2em 0;
    }

}