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

#mainvisual{
	width:100%;
	margin: 80px  auto 0;
	height: 200px!important;
	height: 100%;
	position:relative;
	z-index:10;
    -webkit-clip-path: content-box; /* workaround for Safari border-radius issue */
	/*border-radius:20px;*/
    background: url(../img/mainvisual_01.png) center top no-repeat;
}

#main_back {
    width:100%;
	margin:0 auto;
	max-height: 200px;
	height: 100%;
    background: url(../img/mainvisual_03.png) center top no-repeat;
    position: relative;
    z-index: 999;
}

.main_title{
	position: absolute;	
	top: 88px;
	left: 46%;
	font-size: 200%;
	text-align: center;
	line-height: 0.8;
}

.main_title span{
	font-size: 70%;
}

/*--====== パンくずリスト ======--*/



#pan_box{
	width:100%;
	height:	40px;
	background:#fff;
	color:#535353;
}


#pan_list{
	width:1100px;
	height:30px;
	color:#535353;
	margin:0 auto;
}

/* リスト */
ol.topic-path {
list-style-type: none; /* リストマーク非表示 */
line-height:30px;
font-size:100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
display: inline; /* 項目を横並び */
}

ol.topic-path li.first{
	padding-left:30px;
}


ol.topic-path li.second{
	padding-left:5px;
}


ol.topic-path li.first {
	background-image:url(../img/top_pan.png) ;
	background-position:5% 0%; /*リストマーク左5％　上から５０％*/
	background-repeat:no-repeat;
}

/* リンクエリア */
ol.topic-path li a {
padding-right: 20px; /* 右パディング */
background: url(../img/navi-marker.gif) no-repeat right ; /* 矢印記号（※） */
padding-bottom: 5px;
}
/* リンク色 */
ol.topic-path li a {
	font-size: 20px;
	color:#f5a24d;
	text-decoration:underline;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover{
	color:#F60;
}


/*--====== ここまでパンくずリスト ======--*/


.company{
	background: #fdf9e7;	
	padding: 20px 0;
}


.concept{
	width: 800px;
	padding: 15px 30px 25px;
	margin: 60px auto;
	background: #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.concept h3{
	margin: 2px auto 15px;
    font-size: 160%;
    width: 160px;
    border-bottom: 2px solid #f5a24d;
    text-align: center;	
}

.concept span{
	border-bottom: 1px dashed #f5a24d;	
	font-size: 105%;
	line-height: 2;
}

.about{
	padding: 10px 30px;
	width: 800px;
	background: #fff;
	margin: 60px auto 20px;	
}

.about h2{
	width: 110px;
	border-bottom: 2px solid #ffeb93;
	text-align: center;
	margin: 20px auto;
}


.about table{
	font-size: 110%;
	width: 700px;
	margin: 0 auto 20px;	
}

.about table tr{
	border-bottom: 1px dashed #ffeb93;
}

.about table th{
	padding: 10px;
	width: 200px; 	
}

.about table td{
	padding: 10px;
}

.map-btn{
	margin-left: 30px;
	border: 1px solid #f5a24d;
	padding: 2px 10px;
	border-radius: 25px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	transition: .4s;
}

.map-btn:hover{
	color: #fff !important;
	background: #f5a24d;
	box-shadow: none;	
}

.about table td a{
	color: #f5a24d;	
	border-bottom: 1px solid #f5a24d;
}

.about table td a:hover{
	color: #F60;	
	border-bottom: 1px solid #f60;
}