@charset "utf-8";

/* ==================================================
contents
================================================== */
.format_top #wrapper_content_area .content_area .content_box {
	width: 800px;
	margin:0 auto;
	padding: 40px 0;
}
.format_top #wrapper_content_area .content_area .content_area_txt {
    text-align: left;
    width: 45%;
    text-orientation: upright;
    font-weight: bold;
    float: left;
}
.format_top #wrapper_content_area .content_area:nth-child(2n+1) .content_area_txt {
	float: right;
}
.format_top #wrapper_content_area .content_area .content_box .img {
	/* float:left; */
	/* margin: 0 8% 30px 2%; */
	/* width: 30%; */
	height: 100%;
	margin: 0;
	width: 50%;
	position: absolute;
    right: 0;
    left: 50%;
	top: 0;
}
.format_top #wrapper_content_area .content_area:nth-child(2n+1) .content_box .img {
    /* float: right; */
    /* margin: 0 2% 30px 8%; */
    height: 100%;
    margin: 0;
    width: 50%;
    position: absolute;
	right: 50%;
	left: 0;
    top: 0;
}
.format_top #wrapper_content_area .content_area .content_box .img.img01 {
    background: url(../images/content/content01.jpg) no-repeat scroll center top / cover;
}
.format_top #wrapper_content_area .content_area .content_box .img.img02 {
    background: url(../images/content/content02.jpg) no-repeat scroll center bottom / cover;
}
.format_top #wrapper_content_area .content_area .content_box .img img {
	/* max-width:100%; */
	/* height:auto; */
	/*height: 100%;
	width: auto;*/
	display:none;
}
.format_top #wrapper_content_area .content_area .content_box .bnr {
}
.format_top #wrapper_content_area .content_area .content_box .bnr img {
}
.format_top #wrapper_content_area .content_area .content_box .map {
    height: 100%;
    margin: 0;
    width: 50%;
    position: absolute;
	right: 50%;
	left: 0;
    top: 0;
}
.format_top #wrapper_content_area .content_area .content_box .map iframe {
    width: 100%;
    height: 100%;
}
.format_top #wrapper_content_area .content_area .content_area_txt.no_img {
    width: 100%;
    height: 400px;
}
.format_top #wrapper_content_area h2 {
    font-size: 228.5%;
}
.format_top #wrapper_content_area h3 {
    font-size: 178.5%;
}
.format_top #wrapper_content_area p {
    font-size: 142.8%;
    margin: 1em 0 0 0.8em;
}
.format_top #wrapper_content_area p.txt {
    margin: 0 0.8em 0 0.8em;
}

/*clearfix
================================================== */
.format_top #wrapper_content_area .content_area .content_box:after {
    content: "";
    display: table;
    clear: both;
}
