@CHARSET "utf-8";
.line-hi2{line-height: 2.0;}
#main-sp {
text-align:right;
width: 90%;max-width:2000px;
clear: both;
position: relative;
}
#main-sp h2{
	text-align: center;
	width: 374px;height: 215px;
	background: url('../images/main_titbg.png') no-repeat;
	padding: 150px 0 0 0;
	line-height: 1;
	position: absolute;
	top: 0px;left:-70px;
}

.page-template-tmp-concept #main-sp {
	margin-bottom: 50px;
}
.page-template-tmp-staff #main-sp {
text-align: center;
}
.page-template-tmp-staff #main-sp h2{
	position: relative;
	margin: 0px auto;
	left: 0;
}
#page-nlist,#page-ndatail,#page-ndatail-cate{
	width: 58vw;
	margin: 0px 7% 0 auto;
}
#page-ndatail-cate .font-24{
	display:block;
	margin-bottom: 8px;
	position: relative;
	
}
#page-ndatail-cate .font-24::after {
	position: absolute;
	bottom: 16px;
	content: '';
	width: 200px;height: 2px;
	background: #666;
	top: 30px; left: 0px;
}

#page-ndatail h3{
	margin: 10px 0;
}
#page-nlist{
	padding-top: 180px;
}
#page-ndatail,#page-ndatail-cate{
	padding-top: 80px;
}
#page-ncon{
	width: 80%;
	margin: 0px auto;
}
.page-template-tmp-staff #page-ncon{
	margin-top: -180px;
}
.page-template-tmp-contact #page-ncon{
	margin-bottom: 80px;
}
.page-template-tmp-recruit #page-ncon{
	margin-bottom: 180px;
}


#page-ncon .white-box{
	padding:90px 70px;
	text-align:left;
	line-height: 3;
	
}
#simw-ncon{
	width:70%;
	margin: 40px auto 100px;
}
.headreb{
	width: 100%;
	text-align: right;
}
.headreb .more-bt{
	width: 150px;
	letter-spacing: normal;
	background-position: right 0px top -5px;
}
.headreb .more-bt::after { 
	bottom: 60px;
	left: -10px;
	width: 120px;
}

#page-nlist .news-tit{
	font-size: 24px;
}

#page-nlist .news-t{
	font-size: 14px;
}
#page-nlist li{
	text-align:left;
	padding:20px;
	border-bottom: 2px dotted #000;
}
#page-nlist li:nth-child(1) {
	border-top: 2px dotted #000;
}
#page-nlist li .news-date,#page-nlist li .news-tit,,#page-nlist li .news-t{
	margin: 20px;
}

#page-ndatail,#page-ndatail-cate{
	text-align:left;
}
.page-sp{
	clear: both;
	position: relative;
	margin-bottom: 100px;
}
.page-sp .box-l{
	position: absolute;
	bottom: -100px;
	right: 0px;
}
.page-sp .box-r{
	position: absolute;
	bottom: -100px;
	left: 0px;
}
.more-btl{
	background: url('../images/more_bgl.png') no-repeat;
	background-position: left 0px top 10px;
}
.more-btl::after {
	left: 50px;
}

.c01{ top: -200px;left : 100px;width: 5%; }
.c02{ top: -100px;left : -100px;width: 10%; }
.c03{ top: 0px;right : -100px;width: 8%; }
.c04{ top: 100px;left : -90px;width: 5%; }
.c05{ top: 250px;left : -180px;width: 8%; transform: rotate( 150deg );}
.c06{ top: 300px;right : -140px;width: 5%; }
.c07{ top: 340px;right : -100px;width: 8%; }

.c08{ top: 530px;left : 100px;width: 5%; }
.c09{ top: 560px;left : -100px;width: 10%; }
.c10{ top: 660px;right : -100px;width: 8%; }
.c11{ top: 760px;left : -90px;width: 5%; }
.c12{ top: 910px;left : -180px;width: 8%; transform: rotate( 150deg );}
.c13{ top: 960px;right : -140px;width: 5%; }
.c14{ top: 1000px;right : -100px;width: 8%; }

.line-tit{
	width: 100%;height: 80px;
	letter-spacing: 8px;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #666666;letter-spacing:normal;
}
.line-tit::after {
	position: absolute;
	bottom: 16px;
	content: '';
	width: 100%;height: 2px;
	background: #666;
	
}
.pg-concept-spl .line-tit::after {
	left: -30px;
}
.pg-concept-spr .line-tit::after {
	left: -5px;
}
.pg-concept-spr .line-tit{
text-align: left;
text-indent: -40px;
}
.pg-concept-spl{
margin-left: 30px;
}
.pg-concept-spl,.pg-concept-spr{
	position: relative;
	padding-top: 100px;
	min-height: 400px;
}
.pg-concept-spl .left,.pg-concept-spr .right{
	width: 50%;
}
.pg-concept-spl .right{
	margin-right: -8%;
}
.pg-concept-spr .left{
	margin-left: -8%;
}

.concept-text{
	text-align:left;
	margin: 0 60px 0 10px;
}
.concept-text .font-14{
	line-height: 3.0;
}
.pg-concept-spl h3,.pg-concept-spr h3{
padding: 0;
margin: 0;
}
.pg-concept-spl img,.pg-concept-spr img{
	width: 54%;
}
.nd-bellt{
	line-height: 0.8;
	margin-bottom: 70px;
}
.nd-bellt .bell-l{
	color:#666;
}
#menu dl{
	top: 0px;
}
#menu dt{
	margin-top: 80px;
	margin-bottom: 50px;
}
.menu-description{
	margin: 20px 0 50px 0;
	font-weight: normal;
}
.page-template-tmp-menu #main-sp{margin-bottom: 80px;}
#gallery-sp{
	width: 100%;
	margin-top: 100px;
}
#gallery-sp li{
	width: 20%;
	margin: 0px 6.5%; 
	position: relative;
	min-height: 32vw;
	float: left;
}
.galleryp{
	width: 94%;
	position: absolute;
	top: 2%;;left: 2%;
}
.gallerypw{
	width: 100%;
	position: absolute;
	top: 0;left: 0;
}

#gallery-sp .galtxt{
	width: 100%;
	position: absolute;
	top: 22vw;left: 0;
	text-align: left;
}
.page-template-tmp-staff #gallery-sp li{
	min-height: 30vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 16vw;
}
#gallery-sp li strong{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#gallery-spd .left{
width:30vw;
min-height:50vw;position:relative;
margin-right: 100px;
}
#gallery-spd .galleryp{
	width: 95%;
}
#gallery-spd .gallerypw{
	width: 100%;
}
#gallery-spd .dspr{
position:relative;
padding-top: 100px;
text-align: left;
min-height: 600px;
}
#waku-datail{
	width: 50vw;
	margin: 0 auto;
	text-align: left;
	padding: 80px 0 0;
}
#waku-datail h3{
	width: 100%;
	font-weight:bold;
	text-align: center;
	margin-bottom: 30px;
}
#waku-datail hr{
border:none;
border-top: dotted 2px #000;
margin: 80px auto;
}
.black-bt-sp{
	width: 100%;
	text-align: center;
	margin-top: 80px 0 0;
}
.black-bt{
	padding: 10px 8%;
    font-size: 1.2em;
    background-color: #333333;
    border-style: none;
	cursor: pointer;
	margin: 0 auto;
}
.black-bt span{
    color: #fff;
}
@media only screen and (max-width:1200px){
#page-ndatail{
	width: 58vw;
	margin: 0px 0 0 auto;	
}
#page-nlist{
	width: 100%;
	padding-top: 350px;
}
#page-ncon{
	width: 90%;
}
#page-ncon .white-box{
	padding: 20px;
}
#page-nlist ul{
	margin-top: -80px;
}
#page-ndatail-cate{
	width: 50vw;
}
#gallery-sp li{
	min-height: 36vw;
}
#gallery-sp .galtxt{
	top: 24vw;
}
.page-template-tmp-staff #gallery-sp li{
	min-height: 38vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 18vw;
}
}
@media only screen and (max-width:1020px){
#gallery-sp li{
	width: 25%;
	margin: 0px 4.1%; 
	min-height: 45vw;
}
#gallery-sp .galtxt{
	top: 30vw;
}
.page-template-tmp-staff #gallery-sp li{
	min-height: 44vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 22vw;
}
}
@media only screen and (max-width:940px){
#page-ndatail{
	width: 50vw;
}
#page-ndatail-cate{
	width: 40vw;
}

#page-ncon .white-box{
	line-height:2;
}
.pg-concept-spl .left,.pg-concept-spr .right{
	width: 90%;
}
.pg-concept-spl .right,.pg-concept-spr .left{
	width: 80%;
}
.concept-text .font-24{
	font-size: 20px;
}
.concept-text .font-14{
	line-height:2;
}
.pg-concept-spl,.pg-concept-spr{
	min-height: 700px;
}
#waku-datail{
	width: 80%;
}
#gallery-sp li{
	width: 28%;
	margin: 0px 2.6%; 
	min-height: 52vw;
}
#gallery-sp .galtxt{
	top: 35vw;
}
/*
#gallery-sp li{
	width: 30%;
	margin: 0px 10%; 
	min-height: 52vw;
}



#gallery-sp .galtxt{
	top: 35vw;
	border: 1px solid red;
}
*/
#menu dt{
	margin-top: 40px;
	margin-bottom: 40px;
}
#gallery-spd .left{
	margin-right: 50px;
}
.page-template-tmp-staff #gallery-sp li{
	min-height: 50vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 26vw;
}
}
@media only screen and (max-width:740px){
#main-sp ,.single-list_gallery #page-ndatail{
width: 94%;
}
#page-ncon{width: 100%;}
#page-ndatail{
	width: 44vw;
	margin: 0px 2% 0 auto;
}
#page-nlist li{
	padding:20px 0;
}
.more-bt,.more-btl{
	width:100px;
}

.more-bt::after,.more-btl::after {
	bottom: 30px;left: -30px;
}

.page-sp .box-r::after {
	bottom: 30px;left: 30px;
}
.more-bt{
	background-position: right 0px top 30px;
}
.more-btl{
	background-position: left 0px top 30px;
}
#page-ndatail-cate{
	width: 25vw;
	padding-top: 20px;
}
#main-sp h2{
	z-index: 10;
}
#page-ndatail-cate a,#page-ndatail-cate strong{
	position:relative;
	width: 100%;
	display: block;
	margin-left: 20px;
	line-height: 1;
	z-index: 20;
}
#gallery-sp li{
	min-height: 62vw;
}
#gallery-sp .galtxt{
	top: 40vw;
}
#gallery-spd .left{
width:100%;
min-height:100vw;
margin-left: 15%;
}

#gallery-spd .galleryp{
	width: 65%;
}
#gallery-spd .gallerypw{
	width: 70%;
}
}

@media only screen and (max-width:640px){
#page-ndatail{
	width: 100%;
	padding-top: 250px;
}
.single-list_gallery #page-ndatail{
	padding-top: 0px;
}
.nd-bellt{
	margin-bottom: 20px;
}
.pg-concept-spr .line-tit::after {
	left: 50px;
}
.line-tit{
line-height: 1.0;
font-size: 50px;
}
.pg-concept-spr .line-tit{
text-indent: 0px;
}
.line-tit::after {
	bottom: 40px;

}
.concept-text{
width: 95%;
}
.pg-concept-spl .left,.pg-concept-spr .right{
	width: 100%;
}
.pg-concept-spl .right,.pg-concept-spr .left{
	width: 120%;
	margin: 0 -10%;
	
}
.pg-concept-spl,.pg-concept-spr{
	min-height: 550px;
}
.pg-concept-spl{
	margin-left: 0px;
}

/*
#gallery-sp li{
	width: 28%;
	margin: 0px 2.6%; 
	min-height: 68vw;
}
#gallery-sp .galtxt{
	top: 40vw;
}
*/
#gallery-sp li{
	width: 40%;
	margin: 0px 5%; 
	min-height: 80vw;
}
#gallery-sp .galtxt{
	top: 54vw;
}
.page-template-tmp-staff #gallery-sp li{
	min-height: 90vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 44vw;
}


/*
#main-sp h2{
top: -90px;
}

#page-ndatail{
margin-top: -90px;
}*/
#main-sp h2{
position: absolute;
top: -90px;
}
/*
#page-ndatail{
position: absolute;
top: -90px;
}
#page-ncon{
padding-top: 480px;
}

.page-template-tmp-staff #main-sp h2{
position: absolute;
top: 0px;left:-70px;
}
.page-template-tmp-staff #page-ncon{
padding-top: 180px;
}
*/
.page-template-tmp-staff #main-sp h2{
left:-70px;
}
}

@media only screen and (max-width:440px){
#gallery-sp li{
	width: 46%;
	margin: 0px 2%; 
	min-height: 110vw;
}
#gallery-sp .galtxt{
	top: 64vw;
}

.page-template-tmp-staff #gallery-sp li{
	min-height: 100vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 44vw;
}
}
@media only screen and (max-width:400px){
#gallery-sp li{
	width: 70%;
	margin: 0 15%; 
	min-height: 150vw;
}
#gallery-sp .galtxt{
	top: 100vw;
}
.page-template-tmp-staff #gallery-sp li{
	min-height: 120vw;
}
.page-template-tmp-staff #gallery-sp .galtxt{
	top: 68vw;
}
}