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


@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

@media screen and (min-width: 1024px){

.sp{
	display:none;
}

.wrap {
	overflow: hidden;
}

html {
	scroll-padding-top: 80px;
	scroll-behavior: smooth;
}

a {
  color:#004F75;
}

a:hover {
  color:#0CC;
}


body {
	font-family:
        'Open Sans', Georgia,
        "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN",
        Meiryo,
        sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color:#464637;
}



a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.clear{
	clear:both;
}

header  {
	display: block;
	position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
	height:110px;
	background:rgba(255,255,255,0.8);
	margin-top:0px;
}

header #head_cont{
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

header #logo    {
	position:absolute;
	top:0px;
	left:40px;
}

header #logo img {
	height:52px;
}

header #h_adress {
	float:right;
	font-size:110%;
	font-weight:bold;
	color:#464637;
	line-height:130%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.1em;
	margin:1%;
}

header #h_adress span{
	font-size:100%;
}




.is-animation {
  height: 78px;
}

h2.b_box{
	position:absolute;
	background:rgba(0,51,102,0.6);
	color:#FFF;
	text-align:center;
	font-size:32px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:20px 120px;
	display:inline-block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	letter-spacing:0.1em;
}

h2.b_box2{
	position:absolute;
	background:rgba(0,51,102,0.6);
	color:#FFF;
	text-align:center;
	font-size:32px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:20px 120px;
	display:inline-block;
	top:20%;
	left:50%;
	transform:translate(-50%,-50%);
	letter-spacing:0.1em;
}


h3.hyou{
	font-size:32px;
	text-align:center;
}


footer{
	height:224px;
	background:#EEEEEE no-repeat;
	width:100%;
}

#f_cont{
	width:1080px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	
}

#f_cont1{
	width:50%;
	
	}

#f_logo{
	position:absolute;
	top:30px;
	left:30px;
	
}

#f_logo img{
	height:40px;
	
}

#f_info{
	position:absolute;
	top:70px;
	left:10px;
	width:500px;
}

#f_cont2{
	width:50%;
	
	}

#f_info02{
	position:absolute;
	right:2px;
	top:70px;
	width:40%;
	
}

.bold{
	font-weight:bold;
}


address{
	color:#333;
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	margin-top:5px;
	padding:5px 0;
	font-size:15px;
}

#contents{
	margin-bottom:60px;
}

/*トップページ*/

#main_v_area{
	height:680px;
	width:100%;
}


#main_v{
	background-image:url(../../img/mv01.jpg);
	position:relative;
	background-repeat:no-repeat;
	background-position:center top; /*背景画像を、横中央、底辺に配置。*/
	height:680px;
	background-size:cover;
	width:100%;
}


#main_v img{	
	text-align:center;
}

#skytrak_link{
	position:absolute;
	top:30%;
	left:20%;
	width:80%;
}

#skytrak_link img{
	width:45%;
}


#main_copy{
	position:relative;
	padding:40px 0px 40px 0px;
}

#main_copy_cont{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#main_copy_cont p{
	width:60%;
	line-height:180%;
	font-size:140%;
	letter-spacing:0.1em;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

h2.mv_copy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:280%;
	padding:20px 0 10px 0px;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:120%;
}


h2.b_bar{
	border-left:solid 16px #99DDFF;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font-size:260%;
	margin-bottom:50px;
}

h2.b_bar span{
	font-size:60%;
	letter-spacing:0.1em;
}




h2.midashi{
	padding-top:70px;
	padding-bottom:5px;
	font-size:260%;
	text-align:center;
	border-bottom:solid;
	width:24%;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	margin-bottom:80px;
}

h3.green_txt{
	background-color:#015023;
	background-repeat:no-repeat;
	padding:8px;
	color:#FFF;
	text-align:center;
	width:260px;
	margin-left:auto;
	margin-right:auto;
}

#news{
	background-color:#F7F7EE;
	padding-bottom:60px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

#news_cont{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

#news_cont dl{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	border-bottom:dotted;/*下線を点線にする*/
	border-color:#6E6E6E;
	border-width:1px;
	padding-bottom:5px;
	margin-bottom:35px;
	display:flex;
	}

#news_cont dl dt{
	margin-left:20px;
	color:#6E6E6E;
	width:20%;
	font-weight:bold;
	
}	

#news_cont dl dd a{
	color:#444; 
}

#news_cont dl dd a:hover{
	color:#099;
}

#news_cont dd{
	margin-left:50px;
	
}



#news_box{
	background-color:#FFF9E6;
	width:740px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	font-size:19px;
	padding-bottom:20px;
	}

.map_area{
	width:980px;
	margin-bottom:30px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


.map_area p{
	background-color:#F3F3E9;
	padding:25px 15px;
}

.map_area h3{
	background:url(../../img/company/point.png) no-repeat;
	background-position:top% left;
	padding-left:38px;
	padding-top:5px;
	height:40px;
}

h2.midashi02{
	padding-top:70px;
	padding-bottom:5px;
	font-size:260%;
	text-align:center;
	border-bottom:solid;
	width:36%;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	margin-bottom:80px;
}

#service_cont{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#service_cont h3{
	text-align:center;
	font-size:180%;
	font-weight:normal;
	margin-bottom:30px;

}

.img_right {
	margin-top:60px;
}

.img_right img{
	float:right;
	width:40%;
	margin-left:20px;
	margin-bottom:20px;
}

.img_right p{
	font-size:120%;
	line-height:160%;
	overflow: hidden;
}

.img_left {
	margin-top:60px;
}

.img_left img{
	float:left;
	width:40%;
	margin-right:20px;
	margin-bottom:20px;
}

.img_left p{
	font-size:120%;
	line-height:160%;
	overflow: hidden;
}



}