
/* --------------------------------------------------- */
.company01 {
	margin-bottom: 40px;
	height: 295px;
	background: url("../images/company/gaiyou_main.jpg") no-repeat center;
	background-size: cover;
	position: relative;
}
.company01 a {
	display: block;
	position: absolute;
	width: 250px;
	background-color: rgba(255,255,255,1);
	left: 55px;
	bottom: 45px;
	font-weight: 500;
	padding: 5px 15px;
	border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.company01 a:hover {
	background-color: rgba(255,255,255,.8);
	color: #000;
}
.company01 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.company01 a:hover:after {
	right: 15px;
}
.company01 .ttl {
	display: none;
}
/* --------------------------------------------------- */
.company02 {
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	margin-bottom: 40px;
}
.company02 dl {
	width: 100%;
	display: table;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.company02 dt,
.company02 dd {
	display: table-cell;
	vertical-align: top;
	padding: 10px 15px;
}
.company02 dt {
	width: 200px;
	background-color: #f1f1f1;
	font-weight: 500;
}
.company02 dd {
}
.company02 dd a {
	text-decoration: underline;
}
/* --------------------------------------------------- */
.company03 {
	margin-bottom: 50px;
	background-color: #EFEDED;
	color: #fff;
	padding: 20px;
}
.company03 p {
	text-align: center;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 110%;
	color: black;
}
.company03 p br {
	display: none;
}
.company03 a {
	display: block;
	text-align: center;
	max-width: 300px;
	width: 100%;
	margin: 0px auto;
	padding: 15px 5px;
	border: #fff 2px solid;
	color: #fff;
	font-weight: 500;
	line-height: 100%;
	background-color: #ED6F2C;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.company03 a::before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 17px;
	background-image: url(../images/common/icon03.png);
	background-size: contain;
	margin-right: 10px;
	margin-bottom: -2px;
}
.company03 a:hover {
	background-color: rgba(255,206,0,.5);
}
/* --------------------------------------------------- */
.ohta2 {
	margin-bottom: 50px;
}
.ohta2 strong {
	margin-bottom: 10px;
	display: block;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 500;
	font-size: 2rem;
	color: #103362;
}
/* --------------------------------------------------- */
.ohta3 {
	margin-bottom: 50px;
}
.ohta3 p {
	margin-bottom: 30px;
}
.ohta3 p strong {
	font-family: 'Shippori Mincho B1', serif;
	font-weight: 500;
	font-size: 150%;
	color: #103362;
	line-height: 170%;
}




@media screen and (max-width: 600px) {
	
	/* ----------------------------------------------- */
	.company01 {
		margin-bottom: 30px;
        height: 295px;
        background: url("../images/company/gaiyou_main2.jpg") no-repeat center;
        background-size: cover;
    }
    .company01 a {
        width: 90%;
        left: 5%;
        bottom: 5%;
    }
	.company01 .ttl {
		display: block;
		position: absolute;
		top: 5%;
		left: 5%;
		width: 60%;
	}
	/* ----------------------------------------------- */
	.company02 {
		margin-bottom: 30px;
	}
	.company02 dl,
	.company02 dt,
	.company02 dd {
		display: block;
		width: 100%;
	}
	/* ----------------------------------------------- */
	.company03 p br {
		display: block;
	}
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
}