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

.main_catch{
	background-image: url("../img/maintenance.jpg");
	background-repeat: no-repeat;
	width: 100%;
	height: 295px;
	background-size: cover;
	position: relative;
	background-position: center;
}
.main_catch h1{
	color: #FFF;
    letter-spacing: 0.1em;
    position: absolute;
    top: 50%;
    left: 15%;
    font-size: 2.2em;
	text-shadow:0 0 10px #000;
}
.contents{
	margin: 4% 0;
}
.contents:after{
	display: block;
	content:"";
	clear: both;
}
.contents_title{
	display: inline-block;
	float: left;
}
.contents_title h2{
	color: #FFF;
	background-color: #393A3A;width: 590px;
	width: 590px;
    height: 50px;
    text-align: center;
	padding-top: 3%;
}
.contents_text{
	border: 1px #434343 solid;
	width: 590px;
	height: 300px;
    float: right;
}
.contents_text h3{
	text-align: center;
    padding-top: 4%;
    font-size: 1.2em;
}
.contents_text p{
	line-height: 2.3em;
    font-size: 0.9em;
    padding: 5% 6%;
}
.contents_text_02{
	border: 1px #434343 solid;
	width: 400px;
    margin: 0 auto 6%;
    padding: 3% 0;
}
.contents_text_02 p{
	font-size: 1em;
	color: #444444;
	line-height: 2.3em;
	padding-left: 17%;
}

@media(max-width:767px){
.maintenance_inner{
    width: 95%;
    margin: 0 auto;
}
.main_catch h1{
	color: #FFF;
    letter-spacing: 0.1em;
    position: absolute;
    top: 28%;
    left: 15%;
    font-size: 1.5em;
    background-color: rgba(0,0,0,0.5);
    padding: 14% 5%;
}
.contents_title h2{
	color: #FFF;
	background-color: #393A3A;width: 590px;
	width: 100%;
    height: 50px;
    text-align: center;
	padding-top: 5%;
}
.contents{
	margin: 10% 0;
}
.contents_title img{
	width: 100%;	
}
.contents_text{
	border: 1px #434343 solid;
	width: 100%;
	height: auto;
    float: right;
}
.contents_text_02{
	border: 1px #434343 solid;
	width: 100%;
    margin: 0 auto 10%;
    padding: 3% 0;
}
.contents_title{
	display: inline-block;
	float: left;
	margin-bottom: 2%;
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1200px){
.contents {
    margin: 4% auto;
    text-align: center;
}
.contents_title {
    display: inline-block;
    float: none;
}
.contents_text {
    border: 1px #434343 solid;
    width: 590px;
    height: 300px;
    float: none;
    margin: 0 auto;
}
}