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

#t_h1{
  color:#fff;
  font-size: 12px;
  text-align:right;
}

/* TOP */
main{
	height:100%
}
#home #top{
	/*
	background:url(../images/index/top1.jpg);
	background-size:cover;
	*/
	height: 100%;
	position:relative;
	padding:5px 15px 15px;
	box-sizing:border-box;
		background:url(../images/index/top1.jpg);
		background-size: cover;
}

#home #top p.lgg{
	text-align: center;
	margin: 11% auto;
}

#home #top ul{
	padding:20px 0;
	display:block;
    text-align:center;
	width: 1046px;
	margin: 0 auto;
}

#home #top li{
	/*padding:0 30px;*/
	position: relative;
}



/* -　■■■　トップ・ナビホバーアクションデザイン　- */

#home #top li:before,
#home #top li:after
{
	position: absolute;
  top: 6em;
	/*
  left: 25px;
	*/
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #ffffff;
  transition: .3s;
}

#home #top li:before{
  left: 50%;
}

#home #top li:after{
  right: 50%;
}



/* -　ナビホバーアクション：office　- */

#home #top li:hover:nth-child(1):before,
#home #top li:hover:nth-child(1):after{
  width: 30%;
}



/* -　ナビホバーアクション：practices　- */

#home #top li:hover:nth-child(2):before,
#home #top li:hover:nth-child(2):after{
  width: 35%;
}



/* -　ナビホバーアクション：ロゴ部分　- */

#home #top li:nth-child(4):before,
#home #top li:nth-child(4):after
{
  position: absolute;
  top: 6em;
  left: 25px;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #ffffff;
  transition: .3s;
}

#home #top li:hover:nth-child(4):before,
#home #top li:hover:nth-child(4):after
{
  width: 60%;
}

#home #top li:hover:nth-child(5):before,
#home #top li:hover:nth-child(5):after
{
  width: 40%;
}



/* -　ナビホバーアクション：recruit　- */

#home #top li:hover:nth-child(5):before,
#home #top li:hover:nth-child(5):after{
  width: 32.5%;
}

/* -　ナビホバーアクション：news　- */

#home #top li:hover:nth-child(6):before,
#home #top li:hover:nth-child(6):after{
  width: 30%;
}

/* -　ナビホバーアクション：contact　- */

#home #top li:hover:nth-child(7):before,
#home #top li:hover:nth-child(7):after{
  width: 35%;
}



#home #top li img{
	/*height: 70px;
	width: auto;*/
	    padding: 20px 50px;
}
#home #top #content{
	position: relative;
	border:2px solid #fff;
	height:100%;
	box-sizing:border-box;
	z-index: 2;

}



/* トップスクロール */

#home #top #scroll{
	position:absolute;
	top:93%;
	left:50%;
    margin:-74px 0 0 -4px;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 70px;
}


div#scroll img{
	width: 65%;
	height: auto;
}




/* トップスクロール　縦線 */

#scroll span {
	position: absolute;
	top: 110px;
	left: 25%;

	display: inline-block;
    width: 1px;
    height: 80px;
    background-color:#ffffff;
	/*
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-left: -12px;
	*/
	-webkit-transform: rotate(-45deg);
	transform: rotate(0deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 3s infinite;
	box-sizing: border-box;
}




/* トップスクロールのアニメーション */


@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(0deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(0deg) translate(0px, 40px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(0deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(0deg) translate(0px, 40px);
		opacity: 0;
	}
}




.cautionary_note{
	width: 700px;
	margin: 30px auto;
	text-align: center;
}

/* -企業理念- */
#home #philosophy{
    background-image:url(../images/index/background_1.jpg);
	background-size:cover;
	padding:90px 0;
}
#home #philosophy #philosophy_text{
	background-color:#FFFFFF;
	width:600px;
	margin:0 auto;
	padding:30px;
	position:relative;
}
#philosophy_text:after{
	content: "";
    display: block;
    border: 2px solid #fff;
    width: calc(660px + 14px);
    height: calc(460px + 24px);
	position: absolute;
	top: -9px;
    left:-9px;
}

#home #philosophy h2{
	margin:42px 0;
}
#home #philosophy p{
	text-align:center;
	font-size: 1.7em;
	line-height: 2.4em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	padding-top: 27px;
	letter-spacing: 0.008em;
}
#home #philosophy h3{
	font-size:25px;
	font-family:YuMincho, '游明朝', serif;
	font-weight:400;
	text-align:center;
	margin:30px 0;
}
#philosophy_text{
	height: 410px;
}



/* -取扱い業務- */
#contents_pra{
	display: flex;
	justify-content: space-around;
	background-color: #0074AD;
	padding: 58px 58px 58px 73px;
}

#practices ul li{
	width: 90%;
}

#practices ul li img{
	width: 90%;
}



/* -地図- */

#home #access h3{
	margin:30px 0;
}

#home #access #map{
	margin-top:-300px;
	background-color:#E7E7E7;
	height:300px;
	overflow: hidden;
}

#home #access #address{
	background-color:#0074ad;
	width:370px;
	height:290px;
	color:white;
	padding:5px;
	position:relative;
	z-index: 10;
}

#home #access #address:before{
	content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    margin: auto;
    border: 1px solid #fff;
}
#home #access #ad_text_1{
	width:227px;
	margin:0 auto;
	margin-top:70px;
	letter-spacing:0.03em;
	display: block !important;
}
#home #access #ad_text_1 p{
	margin-bottom:15px;
}

#home #access #map_2{
	margin-top:-300px;
	background-color:#E7E7E7;
	height:300px;
	overflow: hidden;
}
#home #access #address_2{
	background-color:#0074ad;
	width:370px;
	height:290px;
	color:white;
	padding:5px;
	position:relative;
	z-index: 10;
	margin: 0 0 0 auto;
}
#home #access #address_2:before{
	content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    margin: auto;
    border: 1px solid #fff;
}
#home #access #ad_text_2{
	width:227px;
	margin:0 auto;
	margin-top:70px;
	letter-spacing:0.03em;
	display: block !important;
}
#home #access #ad_text_2 p{
	margin-bottom:15px;
}




/* -フッター- */
footer{
	background-color:#838789;
	text-align:center;
	color:white;
}
footer a{
	color:white;
	text-decoration:none;
	font-size:12px;
	display:block;
	margin-bottom:20px;
}
footer #footerlogo{
	padding-top:50px;
}
footer p{
	text-align:center;
	margin-top:40px;
}
footer ul{
	width:980px;
	height:auto;
	margin:30px 0 30px -20px;
}
footer li{
	padding:0 20px;
}
footer #copy{
	background-color:#6c7174;
	display:block;
	position:relative;
	height:54px;
	width:100%
}
footer #copy p{
	font-size:12px;
	padding-top:18px;
}
footer #copy #pagetop a{
	margin-bottom:-20px;
	display:block;
	width:54px;
	position:absolute;
	top:0;
	right:0;
}