@charset "utf-8";

.company_content .inner{
	max-width:1040px;
	padding-bottom:55px;
}

.txt_right{
	margin-top:20px;
	margin-bottom:50px;
}
.txt_right p{
	line-height:1.5;
}
.txt_right span{
	font-size:2.0rem;
}

.bg_gray_box{
	background:#F8F8F8;
	padding:60px 55px;
}

.bg_gray_box p{
	margin-bottom:0;
}

.sdgs_txt_right {
    text-align: right;
}

.sdgs_list {
    padding: 15px 0 0;
}

.sdgs_item {
    padding: 30px 30px 30px 16px;
    border-bottom: 1px solid #CCCCCC;
}

.sdgs_item:last-child {
    padding-bottom: 15px;
    border-bottom: none;
}

.sdgs_item h3 {
    margin-top: 0;
}

.access_head{
	display:flex;
	margin-bottom:30px;
}
.access_img{
	width:24%;
	margin-right:3%;
}
.access_info{
	width:73%;
}
.access_info p{
	margin-bottom:0;
}

.access_map{
	position: relative;
	height: 0;
    overflow: hidden;
    padding-bottom:52%;
	margin-bottom:60px;
}

.access_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.qualification_table dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
.qualification_table dt {
	flex-basis: 85%;
	padding: 20px;
	border-top: 1px solid #ccc;
	max-height: 100%;
}
.qualification_table dd {
	flex-basis: 15%;
	padding: 20px 55px 20px 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
	max-height: 100%;
	text-align: right;
}




@media screen and (max-width: 767px) {
	.txt_right{
		margin-bottom:40px;
	}
	.txt_right span{
		font-size:1.4rem;
	}
	
	.bg_gray_box{
		padding:30px 20px;
	}
	
	.sdgs_txt_right {
        margin-bottom:40px;
    }
    
    .sdgs_list {
        padding: 0;
    }
    
    .sdgs_item {
        padding: 15px 10px 10px 10px;
    }
    
    .sdgs_item:last-child {
        padding-bottom: 0;
    }
	
	.access_head{
		margin-bottom:20px;
	}
	
	.access_map{
		margin-bottom:40px;
	}
	
	.qualification_table dt {
		padding:10px;
	}
	.qualification_table dd {
		padding:10px;
	}

}




/*  table   */

/* .table_no_bg table th{
	background: transparent;
    position: relative;
	line-height:2.0;
	width:25.3%;
	padding:20px 17px;
}
.table_no_bg table th:after{
	position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    background: #DDDDDD;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.table_no_bg table td{
	line-height:2.0;
}

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

	.table_no_bg table th{
		width: 100%;
    	display: block;
		padding:10px;
		background:#F8F8F8;
	}
	.table_no_bg table td{
		width: 100%;
    	display: block;
		padding:10px;
	}

} */