@charset "utf-8";


body,input,select,textarea{font:16px/1.75 'swis721','nsans','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;color:#000;}
body{min-width:100%;background:#fff;}


/* index */
#index1{}
#index1 h2{background: url(../images/ico-pkuplist.png) center top no-repeat;text-align: center;font-family: 'fl',sans-serif;font-style: italic;line-height: 0.75;position: relative;}
#index1 h2 small{display: block;font-family: 'nsans',sans-serif;font-style: normal;line-height: 1;}
#index1 h2:before{content: "";position: absolute;left: 50%;right: 50%;background: linear-gradient(to right, #2ecc71 0%,#2ecc71 50%,#3498db 51%,#3498db 100%);height: 2px;}

#index1 .btn-list{display: block;}

#index1 h3{line-height: 1;}

.art-box dl{font-size: 12px;display: table;width: 100%;}
.art-box dt,.art-box dd{display: table-cell;vertical-align: top;line-height: 1.5;padding: 3px 0;font-weight: normal;}
.art-box dt{width: 5em;}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {cursor: pointer;cursor: hand;width: 5vw;height: 5vw;position: absolute;top: 30vw;}

.owl-carousel .owl-nav .owl-next{left: -5px;text-align: left;}
.owl-carousel .owl-nav .owl-prev{right: -5px;text-align: right;}

.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-prev:before{font-family: Font Awesome\ 5 pro;font-size: 5vw;font-weight: bold;color:rgba(0,0,0,.25);}

.owl-carousel .owl-nav .owl-next:before{content: "\f137";}
.owl-carousel .owl-nav .owl-prev:before{content: "\f138";}


#index2{position: relative;background: linear-gradient(to right, #fff 0%,#fff 50%,#a7d7f7 50%,#a7d7f7 100%);padding: 0;}
#index2:before{content: "";background: url(../images/bg-townline.png) left bottom repeat-x;position: absolute;left: 0;right: 0;}

.bg-contents{background: #a7d7f7;margin:0 -15px;}

#index2 h2{font-family: 'fl',sans-serif;font-style: italic;line-height: 0.75;position: relative;color:#fff;}
#index2 h2:before{content: "";position: absolute;left: 0;background: #fff;height: 2px;}



.cnt-box{position: relative;display: block;}
.cnt-box h3{position: absolute;color:#fff;text-align: center;line-height: 1;}
.cnt-box h3 small{font-size: 10px;display: block;margin-top: 5px;}



.i-biz1{background-image: url(../images/ico-index-contents1.png);}
.i-biz2{background-image: url(../images/ico-index-contents2.png);}

.i-biz1,.i-biz2{background-color: rgba(46,204,113,.66);background-repeat: no-repeat;transition:.6s;}
.i-biz1:hover,.i-biz2:hover{background-color: rgba(46,204,113,.9);transition:.6s;}



/* news */





/* case */
.article-box{border: 1px solid #ddd;}

h4.tit-article-box{text-align: center;font-weight: bold;}






/* company */






/* page-bg */
.bg-business{background-image: url(../images/cmn/h2-bg.jpg);}
.bg-article{background-image: url(../images/cmn/h2-bg.jpg);}
.bg-company{background-image: url(../images/cmn/h2-bg.jpg);}
.bg-contact{background-image: url(../images/cmn/h2-bg.jpg);}



/* iPhone SE vertical Only */
@media (max-width:575px){
	/* index */


	.carousel-control-prev,.carousel-control-next{width: 5vw;}
	.carousel-control-prev{left: -5px;}
	.carousel-control-next{right: -5px;}
	.carousel-control-prev i,.carousel-control-next i{font-size: 5vw;color:rgba(0,0,0,.25);}



}

/* iPhone 6s horizontal Only */
@media (min-width:576px) and (max-width:767px){
	/* index */

	#index4:after{right: 50%;width: 400px;margin-right: 40px;}

}

/* iPhone all */
@media (max-width:767px){
	body{font-size: 14px;}

	/* index */
	#index1 h2{padding-top: 48px;font-size: 30px;margin-bottom: 15px;background-size:42px;}
	#index1 h2 small{font-size: 12px;margin-top: 18px;}
	#index1 h2:before{top: 81px;width: 100px;margin:0 -50px;}

	#index1 .btn-list{margin-bottom: 30px;}

	#index1 h3{font-size: 15px;margin: 15px 0 10px;}

	#index2{margin-top: 45px;}
	#index2:before{height: 30px;top: -30px;background-size:620px;}

	.bg-contents{padding: 30px 30px 30px 15px;}

	#index2 h2{font-size: 40px;margin-bottom: 30px;}
	#index2 h2:before{top: 43px;width: 100px;}

	.cnt-box h3{width: 120px;right: -15px;bottom: -15px;font-size: 18px;min-height:120px;}
	.cnt-box:hover h3{right: -5px;}

	.i-biz1,.i-biz2{background-position: center 15px;padding: 60px 5px 20px;background-size:36px;}



	/* case */
	.article-box{padding: 14px;background: #fff;}
	.article-box + .article-box{margin-top: 15px;}
	.mobile-section .article-box{margin-bottom: 15px;}

	h4.tit-article-box{margin: -15px -15px 15px;padding: 10px 15px;font-size: 16px;background: #999;color:#fff;}


}
/* tablet,PC */
@media (min-width:768px){
	body,input,select,textarea{font-size: 15px;line-height: 1.8;}

	/* index */
	#index1 h2{padding-top: 65px;font-size: 40px;margin-bottom: 45px;}
	#index1 h2 small{font-size: 14px;margin-top: 25px;}
	#index1 h2:before{top: 110px;width: 100px;margin:0 -50px;}

	#index1 .btn-list{position: absolute;top: 85px;right: 0;}

	#index1 h3{font-size: 17px;margin: 25px 0 15px;}

	#index2{margin-top: 45px;}
	#index2:before{height: 45px;top: -45px;}

	.bg-contents{padding: 50px 70px;margin:0 -70px;}

	#index2 h2{font-size: 54px;margin-bottom: 45px;}
	#index2 h2:before{top: 53px;width: 100px;}

	.cnt-box h3{width: 140px;right: -15px;bottom: -15px;font-size: 20px;}
	.cnt-box:hover h3{right: -5px;}

	.i-biz1,.i-biz2{background-position: center 25px;padding: 85px 5px 20px;}



	/* case */
	.article-box{padding: 24px;background: #fff;}
	.article-box + .article-box{margin-top: 30px;}
	.mobile-section .article-box{margin-bottom: 30px;}

	h4.tit-article-box{margin: -25px -25px 25px;padding: 15px 25px;font-size: 18px;background: #999;color:#fff;}







}
/* tablet vertical Only */
@media (min-width:768px) and (max-width:991px){
	/* index */


}
/* iPhone all, tablet vertical */
@media (max-width:991px){
}

/* tablet horizontal, PC */
@media (min-width:992px){

}
/* tablet horizontal Only */
@media (min-width:992px) and (max-width:1199px){



}
/* PC Only */
@media (min-width:1200px){
	/* index */


	section .container{padding:0 70px;}
	#index1 .btn-list{right: 70px;}

	#index2:before{height: 45px;top: -45px;margin-left: -570px;left: 50%;}


	.cnt-box h3{width: 140px;right: -30px;bottom: -25px;font-size: 20px;}
	.cnt-box:hover h3{right: -40px;}

}