@charset "utf-8";

/******************************************
				記述順
	body↓
	header↓
	section↓
	main↓
	contents↓
	footer↓
	各pageの共通
*******************************************/
.bg_blue{
	background:#d3ecfb;
}
.bg_gray{
	background:#eeefef;
}

.title-bg{
	margin-bottom: 25px;
	padding: 5px 13px;
	background: #d3ecfb;
}
.top_title{
	font-size: 20px;
	padding: 0 0 30px 0;
}

.vid_title{
	color : #595757;	
	margin-bottom: 10px;	
	font-weight: bold;
}



#contents.top section{
	padding: 25px 20px 30px 20px;
	margin-bottom: 30px;
	text-align: center;
}
#contents.top section:last-child{
	margin-bottom: 0;
}
#contents.top section h3{
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 15px;
}
#contents.top section h3 a{
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
	border-left:2px solid #00a0e8;
	border-right:2px solid #00a0e8;
}
#contents.top section ul{
	margin-top:25px;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#contents.top section ul li{
	padding: 0 5px;
}

/*---------------------------------
		company
---------------------------------*/
#company{
	padding:37px;
	border:1px solid #595757;
}
#company table:nth-of-type(1) th:before,
#company table:nth-of-type(2) th:before{
	content: '●';
}
#company table th,
#company table td{
	padding-bottom: 13px;
	line-height: 20px;
}
#company table tr:last-child th,
#company table tr:last-child td{
	padding-bottom: 0;
}
#company table th{
	padding-right: 20px;
}
#company section.left,
#company section.right{
	width: 534px;
}
.map-inner{
	width: 100%;
	overflow: hidden;
	height:280px;
	width:100%;
	margin: 17px 0;
}
.img-col2{
	overflow: hidden;
	margin-bottom: 50px;
}
.img-col2 .img-col2-box:first-child img{
	margin-right: 13px;
}
.img-col2-box{
	float: left;
}
.img-col2-box span{
	font-size: 12px;
	color: #595757;
	text-align: center;
	display: block;
}
/*---------------------------------
		business
---------------------------------*/
.print-parts{
	margin-bottom: 25px;
	padding: 20px;
	background: url(../images/business/bg.jpg) #d3ecfb no-repeat center right;
	background-size: auto 100%;
}
.print-parts .top_title{
	margin-bottom: 10px;
	padding-bottom: 0;
}
#business section:first-child{
	padding-bottom: 25px;
	border-bottom: 1px solid #00a0e8;
}
.img-list .title{
	padding: 7px;
	text-align: center;
	margin-bottom: 23px;
	font-size: 16px;
}
#business section:first-child .img-list .left{
	width: 804px;
	padding-right: 40px;
	border-right: 2px dashed #dcdddd;
	box-sizing: border-box;
}
.img-list .left ul{
	display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.img-list .left ul li{
	width: 340px;
}
#business section:first-child .img-list .left ul li:first-child{
	padding-right: 40px;
	border-right: 2px dashed #dcdddd;
}
#business section:first-child .img-list .left ul li:last-child{
	padding-left: 40px;
}
.img-list .right{
	width: 376px;
	padding-left: 40px;
	box-sizing: border-box;
}
#business section img{
	margin-bottom: 18px;
}
#business section:last-child{
	margin-top: 25px;
}
#business section:last-child .left{
	width: 340px;
}
#business section:last-child .bg_blue{
	margin-bottom: 25px;
	padding: 7px;
	min-height: 130px;
}
#business section:last-child span.title{
	display: block;
	text-align: left;
	margin-bottom: 13px;
	padding: 0;
}
#business section:last-child small{
	font-size: 17px;
}
#business section:last-child .img-list .left:first-child{
	margin-right: 40px;
}
#business section:last-child .img-list .left:nth-of-type(2){
	padding: 0 38px;
	border-right: 2px dashed #dcdddd;
	border-left: 2px dashed #dcdddd;	
}

.empty_div{
	height: 38em;
	margin-left: -1;
}

#business section:last-child .img-list .left:last-child{
	margin-left: 40px;
}

#business section:nth-child(2){
	padding-bottom: 25px;
	border-bottom: 1px solid #00a0e8;
}

#business section:nth-child(2){
	margin-top: 25px;
}

#business section:nth-child(2) .left{
	width: 340px;
}

#business section:nth-child(2) .bg_blue{
	margin-bottom: 25px;
	padding: 7px;
	min-height: 130px;
}

#business section:nth-child(2) span.title{
	display: block;
	text-align: left;
	margin-bottom: 13px;
	padding: 0;
}
#business section:nth-child(2) small{
	font-size: 17px;
}

#business section:nth-child(2) .img-list .left:first-child{
	margin-right: 40px;
}
#business section:nth-child(2) .img-list .left:nth-of-type(2){
	padding: 0 38px;
	border-right: 2px dashed #dcdddd;
	border-left: 2px dashed #dcdddd;	
}
#business section:nth-child(2) .img-list .left:last-child{
	margin-left: 40px;
}

/*-----------------------------------------
		所有設備
-----------------------------------------*/
#facilities section{
	padding: 44px;
	border:1px solid #595757;
	box-sizing: border-box;
}
#facilities ul{
	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;
}
#facilities ul li{
	/* width: 340px; */
	margin-bottom: 35px;
	box-sizing: border-box;
}
#facilities ul li:nth-child(3n+2){
	margin: 0 34px 34px 34px;
}
/* #facilities ul li:last-child{
	width: 680px;
	margin-right: 50px;
	margin-left: auto;
} */

#facilities .vid_title_container img,
#facilities .vid_title_container h3{
	display: inline;
	vertical-align: middle;
}

.img-cap{
	color: #595757;
	margin-top: 17px;
	text-align: center;
	position: relative;
}
.img-cap:before{
	content: '';
	position: absolute;
	right:0;
	left:0;
	bottom:-5px;
	height: 2px;
	width: 100%;
	margin: auto;
	background: radial-gradient(circle, #9fa0a0 60px, #ffffff 100px);
}
#facilities ul li:nth-of-type(6) .img-cap{
	font-size: 12px;
}
#facilities ul li:nth-of-type(1) .img-cap:before{
	background: radial-gradient(circle, #E60013 60px, #ffffff 100px);
}
#facilities ul li:nth-of-type(2) .img-cap:before,
#facilities ul li:nth-of-type(3) .img-cap:before{
	background: radial-gradient(circle, #54c3f1 60px, #ffffff 100px);
}

#facilities ul li:nth-of-type(4) .img-cap:before{
	background: radial-gradient(circle, #F19EC2 60px, #ffffff 100px);
}
#facilities ul li:nth-of-type(5) .img-cap:before,
#facilities ul li:nth-of-type(6) .img-cap:before,
#facilities ul li:nth-of-type(7) .img-cap:before{
	background: radial-gradient(circle, #8fc31f 60px, #ffffff 100px);
}
#facilities ul li:nth-of-type(8) .img-cap:before,
#facilities ul li:nth-of-type(9) .img-cap:before{
	background: radial-gradient(circle, #6B1785 60px, #ffffff 100px);
}
#facilities ul li:nth-of-type(10) .img-cap:before,
#facilities ul li:nth-of-type(11) .img-cap:before{
	background: radial-gradient(circle, #f39800 60px, #ffffff 100px);

}

.list_center{
	justify-content: center;
}

/*-----------------------------------------
		Net Fellow
-----------------------------------------*/
#netfellow{
	padding: 37px;
    border: 1px solid #595757;
}
#netfellow .netp{
	margin:10px 0 20px 0;
}
#netfellow .title-bg{
	font-weight:bold;
	font-size: 17px;
}
#netfellow .list-fellow-bullet{
	margin-left: 0px;
}
#netfellow .list-fellow-bullet span{
	position: relative;
	left: 0px;
	line-height:2em;
}
#netfellow .list-fellow-bullet li{
	margin-bottom: 2em;
}
#netfellow .list-fellow-bullet li:before{
	 content: "●" ;
	 
}
#netfellow .list-fellow-asteris{
	margin-left:8px;
}
#netfellow .list-fellow-asteris li{
	list-style-type: none;
	margin-left: 0px;
    text-indent: -8px;
	margin-bottom:0px;
}
#netfellow .list-fellow-asteris li:before {
	content: "※" ;
	 
}
#netfellow .netfellow-btn-pnk{
	display:block;
	text-align:center;
	margin-top:5em;
	margin-bottom: 3em;
}
#netfellow .netfellow-btn-pnk a{
	margin:0 auto;
	background-color:#595857;
	color:#ffffff;
	padding:8px 55px;
	font-weight:bold;
}
#netfellow .netfellow-btn-pnk a:hover{
	background-color:#FAD5E5;
	color:#595857;
}
strong { font-weight: bold; }