/* ---------------------

         　COMPANY
		 
---------------------- */

#COMPANY{ position: relative; max-width: 1200px; margin: 50px auto;}

#COMPANY_bg{
	position:relative;
	height:auto;
}

.title_bg{
	background:url(../images/company_bg.jpg) no-repeat;
	background-size:cover;
	background-position: center;
	margin:100px 0 0;
	height:400px;
	padding-top:160px;
}


.company_detail{
	display: flex;
	
	margin:0 0 50px;
	font-size:16px;
}


.company_detail_left{ width:40%; padding: 30px;}

.company_detail_left img{ width:80%;}


.company_detail_right{ width:60%; padding: 30px 0;}

.company_detail_right table{
	width:100%;
	border-collapse:collapse;
	line-height: 2em;
}

.company_detail_right tr{
	display: block;
	padding: 15px 0;
	border-bottom: #ddd solid 1px;
}

.company_detail_right th{
	width:120px;
	text-align:left;
	padding-left: 50px;
}

.company_detail_right td{ padding-left:80px;}
.company_detail_right td a{ display: block; text-decoration: underline;}



.greeting{
	width:80%;
	margin: 0 auto;
	margin-top:150px;
}

.greeting_inner{
	display: flex;
	align-items: flex-start;
	justify-content: center;	
}

.greeting_img, .greeting_text{
}

.greeting_img img{ width: 330px;}

.greeting_text{
	width:750px;
	background:rgba(255,255,255,0.5);
	padding: 15px;
}

.greeting_text p{
	padding: 10px 15px 0px 50px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    letter-spacing: 3px;
    line-height: 1.8em;
}

.greeting_text span{
	display:block;
	text-align:right;
	margin-top:50px;
}

.bg_k2{
	background:url(../images/K_2.png) no-repeat;
	background-position:right;
	z-index:-1;
	height: 1030px;
    position: absolute;
    left: 0;
    bottom: -200px;
    width: 100%;
}

.link_pdf{
	width:80%;
	max-width: 600px;
	margin:50px auto 0;
}

.link_pdf:first-child{ margin-top: 100px;}

.link_pdf a{
	border:#c02727 solid 1px;
	padding:20px;
	display:block;
	text-align:center;
	color: #c02727;
    letter-spacing: 0.3em;
	transition:all .2s;
}

.link_pdf a:hover{
	background-color:#c02727;
	color: #fff;
}

#access{margin-top: 50px;}
#access .tit1{ margin-bottom: 100px;}
.access_box{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 100px;
}

.access_box iframe{ width: 60%; height: 400px;}

.access_txt{ width: 40%; padding: 30px;}
.access_txt p:first-child{font-weight: bold; margin-bottom: 30px; font-size: 20px; border-top: #c02727 solid 5px; padding-top: 30px;}

.txt_num{}
.txt_num span{ padding: 2px; border: #000 solid 1px; margin-right: 5px;}

.sp_on{display: none}

@media screen and (max-width: 1200px) {
	#access, #COMPANY{ width: 90%; min-width: auto; overflow-y: hidden;}
	.company_detail_left img{ width: 80%;}
	.sp_on{display: block;}
	.access_txt{ line-height: 1.5em;}
}

@media screen and (max-width: 800px) {
	.company_detail, .access_box, .greeting_inner{display: block;}
	.company_detail_left{ width: 60%; padding: 0; margin-left: 40px;}
	.company_detail_right{ width: 100%;}
	.greeting{ width: 90%;}
	.greeting_img{ text-align: center;}
	.greeting_img img{ width: 280px;}
	.greeting_text{ width: 100%;}
	.greeting_text p{ padding: 15px;}
	.access_box iframe{ width: 100%; height: 300px;}
	.access_txt{ width: 100%; padding: 10px 0;}
}

@media screen and (max-width: 500px) {
	#COMPANY_bg, .company_detail{ font-size: .9em;}
	.company_detail_left{ width: 100%; text-align: center; margin: 0;}
	.company_detail_right th{ width: 100px; padding-left: 30px;}
	.company_detail_right td{ padding-left: 20px;}
	.link_pdf{ width: 100%;}
	.greeting_img img{ width: 250px;}
}