@charset "UTF-8";
/* CSS Document */


/* COMPANY */
#company {padding: 100px 0;}
#company * {box-sizing: border-box;}
#company .titH2 {margin-bottom: 80px;}
#company .navAnchor {max-width: 860px; margin: 0 auto;}
#company .navAnchor a { display: block; font-size: 14px; border-radius: 1em; padding: 1.2em 0; background: linear-gradient( to right , #5486b6 , #143066 , #143066); background-size:200% 100%; color: #fff; text-decoration: none; position: relative; transition: all 0.5s linear 0s; width: 30%; text-align: center; font-weight: bold; letter-spacing: 0.1em;}
#company .navAnchor a:after {position: absolute; content: ''; display: block; right:2em; top:50%; background: url("../img/company/arrow_01.svg") center center no-repeat; pointer-events: none; width: 1em; height: 1em; transform: translateY(-50%);}
#company .navAnchor a:hover { text-decoration: none; background-position: 100% 0; color: #fff;}

#company table {width: 100%; border-collapse: collapse; vertical-align: middle;}
#company table td {border: 1px solid #ccc; padding: 20px;}
#company table tr td:nth-of-type(1) {background: linear-gradient( to right , #5486b6 , #143066); color: #fff; width: 20%;}
#company table a {color: #EBA03B; position: relative;}
#company table a:hover {opacity: 0.6;}
#company table a::after {position: absolute; content: ''; display: block; right:-1.2em; top:50%; background: url("../img/company/link.svg") center center no-repeat; pointer-events: none; width: 1em; height: 1em; transform: translateY(-50%);}
#company table a.linkOut::after {position: absolute; content: ''; display: block; right:-1.2em; top:50%; background: url("../img/company/linkout.svg") center center no-repeat; pointer-events: none; width: 1em; height: 1em; transform: translateY(-50%);}
#company table a.mail::after {display: none;}


#box1 {padding-top: 120px;}
#box1 .col1 {width: 42%;}
#box1 .col1 .info {margin: 20px 0 10px; font-weight: bold;}
#box1 .col1 .info span {font-size: 22px;}
#box1 .col2 {width: 53%;}
#box1 .col2 h3 {margin-bottom: 20px; font-weight: bold;}
#box1 .col2 p:not(:last-of-type) {margin-bottom: 20px;}

#box2 {padding-top: 120px;}
#box2 .map {margin-top: 50px;}
#box2 .map .btnMap {text-align: center; margin-top: 50px;}
#box2 .map .btnMap .moreLink::after {background-image: url("../img/company/linkout.svg");}

#box3 {padding-top: 120px;}




@media screen and ( max-width:767px ) {
	#company {padding: 60px 0 100px;}

	#company .titH2 {margin-bottom: 60px;}

	#company .navAnchor a {width: 100%;}
	#company .navAnchor a:not(:last-of-type) {margin-bottom: 10px;}

	#company table {border: 1px solid #ccc;}
	#company table tr td {display: block; width: 100% !important;}
	#company table td {border-top: 0; border-left: 0; border-right: 0;}

	#box1 {padding-top: 60px;}
	#box1 .col1 {width: 100%; margin-bottom: 20px;}
	#box1 .col1 .info span {font-size: 20px;}
	#box1 .col2 {width: 100%;}

	#box2 {padding-top: 60px;}
	#box2 .map {margin-top: 40px;}
	#box2 .map .btnMap {margin-top: 40px;}
	#box3 {padding-top: 60px;}
}