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

@import url(format.css);

@media screen and (max-width:480px){

html{
	font-size:62.5%;
}
body{ 
	font-size: 10px; 
	font-size: 1.0rem;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

/* レスポンシブ表示 */
.container{
	width:96%;
	margin:0 auto 0;
	padding:0 0 4% 0;
}

/************ ヘッダー ************/
#header{
	width:100%;
	padding:2% 0 2% 0;
	background:#014099;
	border-bottom:#c5ad3f 2px solid;
}
#header .head_wrap{
	width:96%;
	margin:0 auto;
}
#header .head_wrap h2{
	font-size:7px;
	line-height:1.0rem;
	color:#fff;
}

/************ フッター ************/
#footer{
	width:100%;
	padding:2% 0 2% 0;
	background:#014099;
	border-bottom:#078ed6 10px solid;
}
#footer .foot_wrap{
	width:95%;
	margin:0 auto;
}
#footer .foot_wrap p{
	font-size:1.1rem;
	line-height:1.1rem;
	color:#fff;
	text-align:center;
}

#logo{
	width:100%;
	background:url(../images/top/img_bg_head.jpg) top left no-repeat;
	background-size: cover;
	height:80px;
}
#logo h1.logo{
	width:30%;
	padding:15px 0 0 15px;
}
.copy{
	background:url(../images/top/img_bg_copy.jpg) top left repeat-y;	
	padding:2%;
}
.copy h3{
	font-size:1.2rem;
	line-height:1.4em;
	color:#5d2d10;
	text-shadow: 1px 1px 3px #cfcfcf; 
	padding:0;
	margin:0;
}

/************ メインコンテンツ ************/
#main{
	width:96%;
	margin:2% 2% 0 ;
}
#main .main_img{
	width:100%;
	overflow:hidden; 
	margin:0;
	position: relative;
}
#main .main_img img{
	margin:-60px 0 -20px 0;　/* 位置コントロール */
}

/* 業務内容 */
#main .info_text{
	width:100%;
	margin:8% 0 0 0;
}
#main .info_text h4{
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.8rem;
	color:#003366;
}
#main .info_text .text_wrap{
	margin:1% 0 8% 0;
}
#main .info_text h4 span{
	font-size:1.4rem;
	font-weight:bold;
	color:#000;
}
#main .info_text p{
	font-size:1.4rem;
	line-height:1.8rem;
	padding:2% 0 2% 0;
	border-bottom:#d3d5d4 1px dotted;
}
#main .info_text .info_wrap{
	padding:4% 0 2% 0;
}
#main .info_text p.info{
	font-size:1.2rem;
	line-height:1.4rem;
	padding:0 0 0 0;
	border:none;
}

/* ボタン */
#main .info_text .btn_wrap{
	height:auto;
}
#main .info_text .btn_wrap .btn_mail{
	position:static;
	padding:0 0 4% 0;
}
#main .info_text .btn_wrap .btn_tell{
	position:static;
	padding:0 0 2% 0;
}
#main .info_text .area p {
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.4rem;
	padding:0;
}
#main .info_text .area p {
	border:none;
}
#main .info_text .area p.title {
	padding:0 0 1% 0;
}
#main .info_text .area p.title,
#main .info_text .area p.text{
	width:100%;
}

/************ 会社概要 ************/
#outline{
	margin:8% 2% 0;
}
#outline h4{
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.8rem;
	color:#5e2e11;
	padding:4% 0 0 0;
}
#outline ul.outline_wrap{
	margin:4% 0 0 0;
	border:#bfb7b2 1px solid;
}
#outline ul.outline_wrap li{
	font-size:1.2rem;
	line-height:2.0rem;
/*	-webkit-text-size-adjust: none;  */
}

/* ラベル基本 */
#outline ul.outline_wrap li .label_wrap,
#outline ul.outline_wrap li .label_wrap_top,
#outline ul.outline_wrap li .label_wrap_under{
	width:100%;
	background:#f3efea;
}
#outline ul.outline_wrap li .label_wrap p.label,
#outline ul.outline_wrap li .label_wrap_top p.label,
#outline ul.outline_wrap li .label_wrap_under p.label{
	width:25%;
	padding:4px 5px 4px 5px;	
}

/* コント基本 */
#outline ul.outline_wrap li .cont,
#outline ul.outline_wrap li .cont_top,
#outline ul.outline_wrap li .cont_under{
	width:70%;
	background:#f9f7f5;
}
#outline ul.outline_wrap li .cont p,
#outline ul.outline_wrap li .cont_top p,
#outline ul.outline_wrap li .cont_under p{
	padding:4px 5px 4px 5px;
}
#outline ul.outline_wrap li p{
	margin:0 0 2px 0;
}

}