<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

@media screen and (min-width: 769px) {
	.sec_kv .box{
		/* padding: 10px 52px; */
		margin: -1.4vw 0 0 240px;
		margin-left: 11vw;
	}
}

.sec_kv .box{
	padding: 6vw 5.8vw 6vw 5.6vw;
}
.sec_kv .box{
	padding: 5vw 5.8vw 5vw 5.6vw;
}

.sec_kv .ttl{
	font-size: 12.4vw;
	line-height: 0.95;
	/* line-height: 0.8; */
}

.sec_kv .box dt{
	line-height: 1.56;
}


@media screen and (min-width: 1600px)  {
	.sec_kv .img{
		height: 680px;
	}
}


@media screen and (max-width: 1024px)  {
	.sec_kv .img{
		height: 420px;
	}
}
@media screen and (min-width: 769px)  {
	.sec_kv .img{
		width: 82.5%;
	}
}


.sec_kv{
	padding-bottom: 80px;
}
@media screen and (max-width: 769px)  {
	.sec_kv {
    padding: calc(60px + 10.5%) 0 7.55%;
}
.sec_kv .ttl{
	font-size: 15.6vw;
}
}



.wrap{
	/* max-width: 1024px; */
	width: 88%;
}

@media screen and (max-width: 1280px)  {
	.wrap{
		width: 94%;
		max-width: 1024px;
	}
}
@media screen and (max-width: 767px){
.wrap {
    width: 85%;
}
}


/* career
--------------------------------*/
.sec_info .table{
	/* margin-top: 50px; */
	margin-top: 8rem;
}
@media screen and (max-width: 768px) {
	.sec_info .table{
		margin-top: 6%;
	}
}

.table_type2 table tr th{
	line-height: 1.8;
}

.table_type2 table tr:first-child th{
	width: 22%;
	line-height: 1.8;
}

.table_type2 table td{
	padding: 26px 130px 22px 30px;
}

.sec_contact {
	padding-top: 0;
}

.sec_contact .img{
	width: 45%;
}

.sec_contact .img img{
	width: 100%;
}
.sec_contact .flex{
	align-items: center;
}

.sec_contact .box_txt{
	width: 46%;
	padding-top: 2.4rem;
}

.sec_contact dl{
	display: block;
	margin-top: 7rem;
}

.sec_contact dl dt{
	font-size: 2rem;
	width: 100%;
	margin-bottom: 4rem;
}

.sec_contact dl dd{
	width: 100%;
	padding-left: 0;
}

.sec_contact dl dd::before{
	display: none;
}

.sec_contact dl dd div{
	justify-content: flex-start;
}

.sec_contact dl dd p.fax{
	margin-left: 4rem;
}

.sec_contact .btn a{
	max-width: 390px;
}

.sec_contact a.btn_more.btn_white:hover{
	color: #021C5D;
}


@media screen and (max-width: 768px) {
	.table_type2 table td{
		padding: 3.5% 0;
	}
}

@media screen and (max-width: 1500px) {
	.sec_contact dl dt{
		font-size: 1.8rem;
	}
	.sec_contact dl dd p{
		font-size: 1.8rem;
	}
	.sec_contact dl dd .icon{
		font-size: 1rem;
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.sec_contact .wrap{
		width: 96%;

	}
	.sec_contact .box_txt{
		width: 52%;
	}
	.sec_contact dl dd p.fax{
		margin-left: 2rem;
	}
}


@media screen and (max-width: 767px) {
	.sec_contact .wrap{
		max-width: 1600px;
		margin: 0 auto;
	}
	.sec_contact .flex{
		display: block;
	}
	.sec_contact .box_txt{
		max-width: 100%;
		width: auto;
		margin: 6% auto 0;
	}


	.sec_contact dl{
		margin-top: 6%;
		align-items: flex-start;
		display: flex;
	}
	.sec_contact dl dt{
		font-size: 3.9vw;
		line-height: 1.6;
		width: auto;
		margin-right: 4vw;
	}
	.sec_contact dl dd{
		width: auto;
		padding-left: 4vw;
		position: relative;
	}
	.sec_contact dl dd::before{
	}
	.sec_contact dl dd div{
		display: block;
	}
	.sec_contact dl dd div+div{
		margin-top: 5vw;
	}
	.sec_contact dl dd p{
		font-size: 3.9vw;
		line-height: 1.5;
		align-items: flex-start;
	}
	.sec_contact dl dd p+p{
		margin-top: 5vw;
	}
	.sec_contact dl dd p a{
		transition: color .4s;
	}
	.sec_contact dl dd p a:hover{
		color: #4AFF88;
	}
	.sec_contact dl dd .icon{
		font-size: 1.8vw;
		width: 6.5vw;
		height: 6.5vw;
		margin-right: 3vw;
	}
	.sec_contact .btn{
		margin-top: 8%;
	}
	.sec_contact .btn a{
		font-size: 3.26vw;
		width: 65vw;
		height: 14.8vw;
	}

	.sec_contact dl dd::before {
    content: '';
		display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: calc(100% - .2em);
    background: #fff;
    transform: translateY(-50%);
}

	
	
.sec_contact .img{
	width: 100%;
}

.sec_contact dl dd p.fax{
	margin-left: 0;
}

}


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

	br.sp{
		display: none!important;
	}
	
}


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

	br.sp{
		display: block!important;
	}
	
}

</pre></body></html>