@charset "utf-8";

/* -- Base -------------------------------------------------------------- */

/*
 デフォルトフォント
 iOSで向きを変更した際、ユーザーズームを無効にしないままテキストサイズを自動調整させないようにする
 */

html {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html { font-size: 62.5% !important; } 
body{
	overflow-y: scroll;
font:normal 12px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;font-size:1.2rem !important;
	background:url(https://www.attainj.co.jp/company/images/bg-lead.jpg) repeat-x -40px -50px;
	margin: 0px;
	padding: 0px;
}
/* 全てのブラウザ間のフォント関連の統一 */
small {    font-size: 80%;}
em em,
strong strong{		font-size:large;}
b,strong {font-weight: bold;}
i{font-style:normal;}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

   
/* -- HTML5 -------------------------------------------------------------- */

/* IE 8/9向けhtml5要素対応 */

header,hgroup,footer,
nav,aside,details,main,
article,section,
figcaption,figure,
summary {
	display: block;
	}
body,figure {
    margin: 0;
}
audio,canvas,video {
    display: inline-block;
	}

mark {
    background: #ff0;
    color: #000;
}
img {
    border: 0;
}

/* -- Link -------------------------------------------------------------- */

a:focus {
    outline: thin dotted;
}

/* 全てのブラウザでマウスホバーした際に同じ表示となるようにアウトラインを消す */

a:active,
a:hover {
    outline: 0;
}
/* clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

 ul{
	margin:0;
	padding:0;
	list-style:none;}

nav ul li{
		white-space:nowrap;
		display:inline;
		float:left;}
nav ul li a{
		font-size:16px;
		font-weight:600;
		border-right:1px solid #E5EBDC;}

article{
	overflow:hidden;}
.fleft,.box02{
		position:relative;
		float:left;}
		.box02{
			width:48%;
			margin-right:1%;}
header{
	display:block;
		background:url(https://www.attainj.co.jp/company/images/bg-mainvisual.jpg) no-repeat -75px -46px;
	width:100%;
	height:100px;}
hgroup{
		margin:0;
		display:block;}
nav ul{margin-left:5px;
	overflow:visible;
		margin:0;
		display:block;
	white-space:nowrap;
			position:relative;
			}
#sub-nav li{
	display:inline;
	list-style:none;
}
nav li a{
	text-decoration:none;
	font-size:11px;
	color:#8EE4F1;
	background:url(https://www.attainj.co.jp/company/image/common/bg-sub-line.jpg) no-repeat right bottom;
	height:33px;
	line-height:33px;
	padding:0 8px;
	display:block;
	overflow:hidden;
	float:left;
	}
#sub-nav li a:hover,
#sub-nav li a.activ {
	background: url(https://www.attainj.co.jp/image/common/bg-azami001.jpg) no-repeat center -15px;
	color:#fff;
text-shadow: 1px 1px #003;
}

header h1{
	margin:0;
		color:#fff;
	line-height:63px;
	height:63px;
	padding-left:20px;
	float:left;}
article h1{
	padding-left:20px;
	font-size:1.3rem;}
	dd h4{
		font-size:1.6rem;
		margin-bottom:10px;}
nav a{	color:#8EE4F1;
}
nav img{
	height:160px; margin:5px;
	border:3px solid #fff;}
#headline{
	height:63px;
	line-height:63px;
	background:url(https://www.attainj.co.jp/company/images/bg-head-h1.jpg) no-repeat;
		color:#8EE4F1;
	margin:0;
	}h2{
	padding-left:20px;}

dt,.dt{
	font-size:14px;
	line-height:30px;
	color:#fff;
	padding-left:5px;
	margin:15px 0 15px 15px;
		font-weight:600;
		border-left:5px solid #09A7D9;
		text-shadow:1px 1px #000;
		overflow:hidden;
		color:#fff;
		background:#02233A url(../../image/common/bg-azami001.jpg) no-repeat -80px -50px;
}
.h3,
h3{	background:#fff url(https://www.attainj.co.jp/image/common/bg-sec-bl.jpg) no-repeat;
	height: 70px;
	line-height: 45px;
	padding-left:25px;
	margin:0;}

h4 {
	font-size:large;
	margin-top:0;}
p {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.arr01{
	background:url(../../image/icon/arrow02.jpg) no-repeat left center;
	padding-left:15px;
	border-bottom:1px dashed #ccc;
}
.totop{
	clear:left;
	text-align:right;}