@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

ol.breadcrumbs {
    z-index: 2;
    position: relative;
}

main:before {
    background: url(../../images/bg.gif) repeat;
    content: "";
    width: 100%;
    height: 360px;
    position: absolute;
    left: 0;
}

.accentArea {
    position: relative;
    height: 454px;
    display: none;
}

.contents main > section{
    margin-top: -100px;
}

.contents .wide .container {
    width: 1100px;
    border-radius: 20px;
    padding: 50px 0 115px;
    position: relative;
}

section .container div.visual{
	position:relative;
}

section .container p.visual{
	margin:80px 0;
	text-align: center;
}

section .container div.visual:before{
	position: absolute;
    content: "";
    background: url(../../images/company/left_bg.png) no-repeat;
    width: 270px;
    height: 378px;
    left: 0;
    top: 0;
}

section .container div.visual:after{
	position: absolute;
    content: "";
    background: url(../../images/company/right_bg.png) no-repeat;
    width: 232px;
    height: 346px;
    right: 0;
    top: 0;
}

section .container .visual p.txt{
	text-align: center;
	margin: 65px 0 85px;
	font-size:150%;
	line-height: 2;
}

section .container .boxarea{
	border:15px solid #fbf0ed;
	padding:75px 0;
	margin-bottom:65px;
}

section .container .boxarea dl{
	text-align:center;
}

section .container .boxarea dl dt{
	margin-bottom:30px;
}

section .container .boxarea dl dd{
	font-size:106%;
	line-height:2;
}

section .container .overview{
	background:url(../../images/bg.gif);
	border-radius:20px;
	padding:80px 110px;
}

section .container .overview table{
	width:100%;
	background: #fff;
}

section .container .overview table tr{
	border-bottom: dotted 2px #333;
	display: block;
}

section .container .overview table tr:first-child{
	border-top: dotted 2px #333;
}

section .container .overview table th{
	text-align:center;
	color:#e55934;
	width: 10em;
}

section .container .overview table th,
section .container .overview table td{
	padding:15px;
}

section .container .overview table td span{
	display: block;
    border-left: dotted 2px #333;
    line-height: 1.4;
    padding: 15px 0 15px 30px;
}

@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 
.contents main > section {
    margin-top: 0;
}

.accentArea {
    display: block;
    height: auto;
}

.accentArea .wrap {
    height: auto;
}

.contents .wide .container {
    width: auto;
	padding-bottom: 10%;
	padding-top: 0;
}

main:before {
    height: 270px;
}

section .container div.visual {
    margin-bottom: 5%;
}

section .container p.visual {
    margin: 20px 0;
}

section .container p.visual img{
	width: 70%;
}

section .container div.visual p.txt {
    text-align: center;
    margin: 10% 0;
    font-size: 106%;
    line-height: 1.5;
}

section .container div.visual:before {
	background:none;
}

section .container div.visual:after {
	background:none;
}

section .container .boxarea {
    border:15px solid #fbf0ed;
    padding:30px;
    margin-bottom: 7%;
}

section .container .boxarea dl {
    text-align: left;
}

section .container .boxarea dl dt img{
	width: 80%;
    margin: auto;
    display: block;
}

section .container .overview {
    border-radius: 0;
    padding: 10% 2%;
    margin: 0 -2%;
}

section .container .overview table th{
	width: 6em;
}

section .container .overview table td span {
    display: block;
    border:none;
    padding: 0;
}






















}