@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

body { font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
a { text-decoration: none; color: #000000; word-wrap: break-word;}

#video {
  display: none;
}

/* pc */
@media screen and (min-width: 641px) {
body,html{
min-width:1300px;
}

	.movies { width: 1200px; margin: 0 auto; text-align: right;}
	.movies p { display: inline-block; margin-bottom: 10px;}
	.m01 { margin-right: -50px; padding-bottom: 20px; vertical-align: bottom;}
	.m02 {}
	
	/* WEB */
	#work {
	overflow: hidden;
	position: relative;
	}
	.web {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
	.web h3 { text-align: center; margin-bottom: 50px;}
	.web h3 img { width: 420px; height: auto;}
	.web p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.web h4 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #005aab;
	border-bottom: dotted 1px #005aab;
	padding-bottom: 10px;
	margin-top: 40px;
	clear: both;
}
	.web ul { margin-top: 30px;}
	.web ul li {
	float: left;
	width: 19%;
	margin-right: 1.25%;
	margin-bottom: 20px;
	min-height: 260px;
	overflow: hidden;
}
	.web ul li img {
	width: 100%;
	height: auto;
}
	.web ul li:nth-child(5n) { margin-right: 0;}
.web h5 { margin-bottom: 10px; color: #005aab; padding-bottom: 10px; font-weight: bold; font-size: 20px; margin-top: 20px;}
	.web .worksBox { line-height: 1.5em; margin-bottom: 1em; font-size: 11px !important;}
	
	/* 映像編集 */
	.movie { width: 900px; margin: 0 auto;}
	.movie h3 { text-align: center; margin-bottom: 50px;}
	.movie h3 img { width: 420px; height: auto;}
	.movie p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.movie h4 { margin-bottom: 10px; color: #005aab; padding-bottom: 10px; font-weight: bold; font-size: 20px;}
	.movie ul { margin-top: 30px;}
	.movie ul p { margin-top: 10px; font-size: 14px; height: 4em;}
	.movie ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px;}
	.movie ul li img { width: 100%; height: auto; display: block;}
	.movie ul li:nth-child(3n) { margin-right: 0;}
	.centers { text-align: center; padding-top: 20px;}
	.centers a:hover { text-decoration: underline;}
	
	/* 広告・パンフレット */
	.print { width: 900px; margin: 0 auto;}
	.print h3 { text-align: center; margin-bottom: 50px;}
	.print h3 img { width: 420px; height: auto;}
	.print p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.print h4 { font-size: 18px; margin-bottom: 10px; color: #005aab; border-bottom: dotted 1px #005aab; padding-bottom: 10px; margin-top: 40px;}
	.print ul { margin-top: 30px;}
	.print ul li {
	float: left;
	width: 19%;
	margin-right: 1.25%;
	margin-bottom: 20px;
	min-height: 130px;
	height: 130px;
	overflow: hidden;
}
	.print ul li img { width: 100%; height: auto; display: block;}
	.print ul li:nth-child(5n) { margin-right: 0;}
.print h5 { margin-bottom: 10px; color: #005aab; padding-bottom: 10px; font-weight: bold; font-size: 20px; margin-top: 20px;}
	

	
	
	/* CG */
	.cg { width: 750px; margin: 0 auto;}
	.cg p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.cg h3 { font-size: 18px; margin-bottom: 20px; color: #005aab; font-weight: bold;}
	.cg h3 img { width: 420px; height: auto;}
	#sample {}
	#sample ul { width: 100%; margin-bottom: 20px;}
	#sample ul li { width: 23%; margin-right: 2.3%; float: left;}
	#sample ul li:nth-child(4) { margin-right: 0;}
	#sample ul li img { width: 100%; height: auto;}
	
	/* 採用情報 */
	.recruit { width: 750px; margin: 0 auto;}
	.recruit p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.recruit table { width: 100%; font-size: 14px;}
	.recruit th { width: 20%; vertical-align: top; padding: 10px; text-align: left; line-height: 1.5em; font-weight: bold;}
	.recruit td { width: 80%; vertical-align: top; padding: 10px; line-height: 1.5em;}
	.recruit th span { float: right;}
	
	.recruit h3 { margin-bottom: 15px; color: #005aab; background: #FFFFFF; margin-top: 80px; border-bottom: solid 3px #005aab; border-top: solid 1px #005aab; padding:20px 10px; font-size: 18px; }
	.recruit dd { display: inline-block; margin-right: 10px;}
	.recruit dt { margin-bottom: 10px;}
	.recruit dl { margin-bottom: 20px;}
	
	/* お問い合わせ */
	.contact { width: 750px; margin: 0 auto;}
	.contact p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.contact table { width: 100%; font-size: 14px;}
	.contact th { width: 30%; vertical-align: middle; padding: 20px; text-align: left; line-height: 1.5em;}
	.contact td { width: 70%; vertical-align: middle; padding: 20px; line-height: 1.5em;}
	.contact th span { float: right;}


	
	
	/* システム開発 */
	.development { width: 900px; margin: 0 auto;}
	.development h3 { text-align: center; margin-bottom: 50px;}
	.development h3 img { width: 420px; height: auto;}
	.development p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.development h4 { font-size: 18px; margin-bottom: 10px; color: #005aab;}
	.development .link { text-align: center; padding: 20px 0 40px;}
	.development table { width: 100%; margin-top: 40px;}
	.development th { width: 20%; padding: 20px; vertical-align: middle; text-align: center; line-height: 1.8em;}
	.development th img { width: 90%; height: auto;}
	.development td { width: 78%; padding: 20px; vertical-align: middle;}
	

/* 代表挨拶 */
.message { width: 900px; margin: 0 auto;}
.message .left { float: left; width: 25%;}
.message .left img { width: 100%;}
.message .right { float: right; width: 73%;}
.message .right img { width: 100%; height: auto; margin-top: 10px;}
.message p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
.message .sec01 { margin-bottom: 40px;}
.message {}

/* 企業情報 */
.profile { width: 750px; margin: 0 auto;}
.profile table { width: 100%;background: #FFFFFF; font-size: 14px;}
.profile table th { background: #005aab; background-size: cover; color: #FFFFFF; vertical-align: middle; text-align: left; width: 25.5%; padding: 15px; border: dotted 1px #EBEBEB;}
.profile table td { vertical-align: middle; text-align: left; width: 74.5%; padding: 15px; color: #545454; line-height: 1.5em; border: dotted 1px #EBEBEB;}
	.profile table td span { background: #005aab; color: #FFFFFF; margin-left: 1em; padding: 10px 15px; font-size: 12px;  border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.profile table td span a { color: #FFFFFF;}
.profile h3 { margin-bottom: 15px; color: #005aab; background: #FFFFFF; margin-top: 80px; border-bottom: solid 3px #005aab; border-top: solid 1px #005aab; padding:20px 10px; font-size: 18px; }
.profile a:hover { text-decoration: underline;}
.profile ul.gallery li { display: inline-block;}
.profile ul.gallery li img { height: 190px;}
	.profile p.map a { text-decoration: underline; margin-top: 10px; display: inline-block;}


/* 下層 */
.under-page { padding: 150px 0 80px; background: url(images/main_bg.png) no-repeat top; background-size: cover;}
.under-page .inner { width: 1200px; margin: 0 auto; border: solid 1px #E4E4E4; background: rgba(255,255,255,0.8); padding: 80px 0;}
.under-page .inner h2 { text-align: center; margin-bottom: 50px;}

  /* TOP */
  header {
	box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
	width: 100%;
	position: fixed;
	top: 0;
	background: rgba(255,255,255,1);
	z-index: 9999;
	display: block;
}
  header .inner { width: 1200px; margin: 0 auto; padding: 30px 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
  header .inner .left { float: left;}
  header .inner .right { float: right;}
  header .inner ul {}
  header .inner ul li { display: inline-block; margin-left: 40px; text-align: center; line-height: 1.1em;}
  header .inner ul li a {}
  header .inner ul li a:hover {}
  header .inner ul li span { font-size: 12px;}
  header .inner ul li a span { color: #00a4e3;}
  header .inner ul li a span:hover {}

  #sky-area { background: url(images/main_bg.png) no-repeat top; background-size: cover; padding: 310px 0 200px;}
  #sky-area .main-text { width: 1000px; margin: 0 auto;}
  #sky-area .movie { width: 1200px; margin: 0 auto; text-align: right;}
  #sky-area table.news {
	width: 1200px;
	margin: 0 auto;
	border: solid 1px #E4E4E4;
	background: rgba(255,255,255,0.6);
	margin-bottom: 70px;
	display: table;
}
  #sky-area table.news th { background: url(images/top_news_bg.png) no-repeat left; background-size: cover; color: #FFFFFF; vertical-align: middle; text-align: left; width: 21.5%; padding: 30px; font-size: 18px;}
  #sky-area table.news td {
	vertical-align: top;
	text-align: left;
	width: 75.5%;
	color: #545454;
	line-height: 1.5em;
	font-size: 15px;
	display: table-cell;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 3%;
}
  #sky-area table.news td p {
	margin-bottom: 15px;
	line-height: 1.5em;
  }
  #sky-area table.news td p b {
	font-weight: bold;
  }
  #sky-area table.news td span {
	font-size: 13px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
  #sky-area table.news td a {
	color: #039;
	text-decoration: underline;
  }
  #sky-area table.news td a:hover {
	color: #666;
  }
  #sky-area .service { width: 1200px; margin: 0 auto; border: solid 1px #E4E4E4; background: rgba(255,255,255,0.6); padding: 50px 0;}
  #sky-area .service h2 { text-align: center; margin-bottom: 10px;}
  #sky-area .service table { width: 900px; margin:  0 auto;}
  #sky-area .service th { width: 360px; text-align: left; vertical-align: middle; padding: 50px 0;}
  #sky-area .service th img { width: 80%;}
  #sky-area .service td { vertical-align: middle; padding: 50px 0;}
  #sky-area .service h3 { color: #005aab; font-size: 22px; margin-bottom: 0.5em;}
  #sky-area .service td p { font-size: 14px; color: #444444; line-height: 1.8em; margin-bottom: 2.5em; text-align: justify;}

  .blue-area { background: #005aab; color: #FFFFFF; padding: 75px 0;}
  .blue-area .inner { width: 1000px; margin: 0 auto;}
  .blue-area .left { float: left; width: 630px;}
  .blue-area .right { float: right; text-align: right; padding-top: 20px;}
  .blue-area h2 {}
  .blue-area h3 { font-size: 18px; line-height: 1.8em; margin-bottom: 50px;}
  .blue-area h4 { font-size: 14px; line-height: 1.8em; margin-bottom: 40px;}
  .blue-area p { font-size: 14px; margin: 15px 0 50px;}

  .footer-link { background: #008cc2; color: #008cc2; padding: 70px 0;}
  .footer-link .inner { width: 1200px; margin: 0 auto;}
  .footer-link a { color: #FFFFFF;}
  .footer-link .mail { background: url(images/icon_mail.png) no-repeat left; padding: 15px 0 15px 40px; display: inline-block; margin-right: 15px;}
  .footer-link .box { border: solid 1px #FFFFFF; background: url(images/icon_footer_arrow.png) no-repeat; background-size: 20px; padding: 15px 45px; background-position: 5% 50%; display: inline-block; margin-right: 15px; width: 195px; text-align: left;}
  .footer-link ul { text-align: center;}
  .footer-link ul li { display: inline-block;}

  .footer { width: 1200px; margin: 0 auto; padding: 50px 0;}
  .footer ul { text-align: center;}
  .footer ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	border-right: solid 1px #9A9A9A;
	text-align: center;
	padding: 3px 5px 1px;
}
  .footer ul li img { width: 70px; margin-left: 40px;}
  .footer ul li:last-child { border: none;}
  .footer ul li a:hover { color: #005aab;}

  .copy { background: #005aab; color: #FFFFFF; text-align: center; padding: 20px 0; font-size: 10px;}

}






/* smartPhone */
@media screen and (max-width: 640px) {
	
	.movies { width: 95%; margin: 0 auto; text-align: right; margin-bottom: 10px;}
	.movies p { display: inline ; margin-bottom: 10px; vertical-align: bottom; padding-bottom: 10px;}
	.m01 { margin-right: -40px; padding-bottom: 20px;}
	.m02 img { width: 30%;}
	.m01 img { width: 37%; margin-bottom: 10px;}
	
	/* WEB */
	.web { width: 95%; margin: 0 auto;}
	.web h3 { text-align: center; margin-bottom: 50px;}
	.web h3 img { width: 80%; height: auto;}
	.web p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.web h4 { font-size: 18px; margin-bottom: 10px; color: #005aab; border-bottom: dotted 1px #005aab; padding-bottom: 10px; margin-top: 40px;}
	.web ul { margin-top: 30px; text-align: center;}
	.web ul li { display: inline-block; width: 46%; margin: 0 1%; margin-bottom: 20px; vertical-align: top;}
	.web ul li img { width: 100%; }
	.web ul li:nth-child(3n) { margin-right: 0;}
.web h5 { margin-bottom: 10px; color: #005aab; padding-bottom: 10px; font-weight: bold; font-size: 20px; margin-top: 20px;}
	.web .worksBox { line-height: 1.5em; margin-bottom: 1em; font-size: 10px !important;}
	
	/* 映像編集 */
	.movie { width: 95%; margin: 0 auto;}
	.movie h3 { text-align: center; margin-bottom: 50px;}
	.movie h3 img { width: 80%; height: auto;}
	.movie p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.movie h4 { margin-bottom: 10px; color: #005aab; padding-bottom: 10px; font-weight: bold; font-size: 20px;}
	.movie ul { margin-top: 30px;}
	.movie ul p { margin-top: 10px; font-size: 14px; height: 5.8em;}
	.movie ul li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.movie ul li img { width: 100%; height: auto; display: block;}
	.movie ul li:nth-child(2n) { margin-right: 0;}
	.centers { text-align: center; padding-top: 20px; font-size: 12px !important;}
	.centers a:hover { text-decoration: underline;}
	
	/* 広告・パンフレット */
	.print h3 img { max-width: 80%;}
	.print h2 img { height: 25px;}
	.print { width: 95%; margin: 0 auto;}
	.print h3 { text-align: center; margin-bottom: 50px;}
	.print p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.print h4 { font-size: 18px; margin-bottom: 10px; color: #005aab; border-bottom: dotted 1px #005aab; padding-bottom: 10px; margin-top: 40px;}
	.print ul { text-align: center;}
	.print ul li {display: inline-block; width: 45%; margin: 0 1%; margin-bottom: 20px;}
	.print ul li img { width: 100%; height: auto;}
	.print h5 { margin-bottom: 10px; color: #005aab; padding-bottom: 10px; font-weight: bold; font-size: 20px; margin-top: 20px;}
	
	
	/* CG */
	.cg { width: 95%; margin: 0 auto;}
	.cg h3 img { width: 80%; height: auto;}
	.cg p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.cg h3 { font-size: 18px; margin-bottom: 20px; color: #005aab; font-weight: bold;}
	#sample {}
	#sample ul { width: 100%; margin-bottom: 20px;}
	#sample ul li { width: 48%; margin-right: 4%; float: left;}
	#sample ul li:nth-child(2n) { margin-right: 0;}
	#sample ul li img { width: 100%; height: auto;}
	
	/* 採用情報 */
	.recruit { width: 95%; margin: 0 auto;}
	.recruit p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.recruit table { width: 100%; font-size: 12px;}
	.recruit th { display: block; width: 100%; vertical-align: top; padding: 10px 0 5px; text-align: left; line-height: 1.5em; font-weight: bold; font-size: 14px;}
	.recruit td { display: block; width: 100%; vertical-align: top; padding: 10px 0; line-height: 1.5em;}
	.recruit th span { float: right;}
	.recruit textarea { width: 90%;}
	.recruit input[type="text"] { width: 90%;}
	.recruit .submit { text-align: center; padding-top: 30px; margin-top: 30px;}
	.recruit .submit input { display: inline-block; border: none; background: #005aab; color: #FFFFFF; font-size: 18px; padding: 15px 0; width: 80%;}
	.recruit h3 { margin-bottom: 15px; color: #005aab; background: #FFFFFF; margin-top: 80px; border-bottom: solid 3px #005aab; border-top: solid 1px #005aab; padding:20px 10px; font-size: 18px; }
	.recruit #form {}
	.recruit #form th { display: block; width: 100%; vertical-align: middle; padding: 20px 0 10px; text-align: left; line-height: 1.5em; font-weight: normal;}
	.recruit #form td { display: block; width: 100%; vertical-align: middle; padding: 20px 0; line-height: 1.5em;}
	.recruit dd { display: inline-block; margin-right: 10px;}
	.recruit dt { margin-bottom: 10px;}
	.recruit dl { margin-bottom: 20px;}
	
	/* お問い合わせ */
	.contact { width: 95%; margin: 0 auto;}
	.contact h2 img { height: 25px;}
	.contact p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.contact table { width: 100%; font-size: 12px;}
	.contact th { width: 100%; vertical-align: middle; padding: 20px 0 10px; text-align: left; line-height: 1.5em; display: block;font-size: 14px;}
	.contact td { width: 100%; vertical-align: middle; padding: 10px 0 20px; line-height: 1.5em; display: block; border-bottom: dotted 1px #4D4D4D;}
	.contact th span { float: right;}
	.contact .submit { text-align: center; padding-top: 30px; margin-top: 30px;}
	.contact .submit input { display: inline-block; border: none; background: #005aab; color: #FFFFFF; font-size: 18px; padding: 15px 0; width: 80%;}
	
	
	/* システム開発 */
	.development { width: 95%; margin: 0 auto;}
	.development h3 { text-align: center; margin-bottom: 50px;}
	.development h3 img { max-width: 80%;}
	.development h2 img { height: 25px;}
	.development p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
	.development h4 { font-size: 18px; margin-bottom: 10px; color: #005aab;}
	.development .link { text-align: center; padding: 20px 0 40px;}
	.development table { width: 100%; margin-top: 40px;}
	.development th { width: 30%; padding: 20px; vertical-align: middle; text-align: center; line-height: 1.8em;}
	.development th img { width: 90%; height: auto;}
	.development td { width: 70%; padding: 20px; vertical-align: middle;}

  /* 代表挨拶 */
  .message { width: 95%; margin: 0 auto;}
  .message .left { text-align: center; margin-bottom: 20px;}
  .message .left img { width: 50%;}
  .message .right { font-size: 14px;}
  .message .right img { width: 100%; height: auto; margin-top: 10px;}
  .message p { line-height: 1.8em; margin-bottom: 1em; font-size: 15px;}
  .message .sec01 { margin-bottom: 40px;}
  .message img { max-width: 100%; height: auto;}

  /* 企業情報 */
  .profile { width: 95%; margin: 0 auto;}
  .profile table { width: 100%;background: #FFFFFF; font-size: 14px;}
  .profile table th { line-height: 1.5em; background: #005aab; background-size: cover; color: #FFFFFF; vertical-align: middle; text-align: left; width: 25.5%; padding: 15px; border: dotted 1px #EBEBEB;}
  .profile table td { vertical-align: middle; text-align: left; width: 74.5%; padding: 15px; color: #545454; line-height: 1.5em; border: dotted 1px #EBEBEB;}
  .profile h3 { line-height: 1.4em; margin-bottom: 15px; color: #005aab; background: #FFFFFF; margin-top: 80px; border-bottom: solid 3px #005aab; border-top: solid 1px #005aab; padding:20px 10px; font-size: 18px; }
  .profile ul.gallery { text-align: center;}
  .profile ul.gallery li { margin: 0 1%; margin-bottom: 10px; display: inline-block; width: 30%; vertical-align: middle;}
  .profile ul.gallery li img { width: 100%;}
		.profile table td span { background: #005aab; color: #FFFFFF; margin-left: 1em; padding: 10px 15px; font-size: 12px;  border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
	.profile table td span a { color: #FFFFFF;}
	.profile p.map a { text-decoration: underline; margin-top: 10px; display: inline-block;}


  /* 下層 */
  .under-page { padding: 200px 0 80px; background: url(images/main_bg.png) no-repeat top; background-size: cover;}
  .under-page .inner { width: 95%; margin: 0 auto; border: solid 1px #E4E4E4; background: rgba(255,255,255,0.8); padding: 80px 0;}
  .under-page .inner h2 { text-align: center; margin-bottom: 50px;}
.under-page .inner h2 img { height: 60px;}

  header {
	box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
	width: 100%;
	position: fixed;
	top: 0;
	background: rgba(255,255,255,1);
	display: block;
	z-index: 9999;
}
  header .inner { margin: 0 auto; padding: 10px 0 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
  header .inner .left { text-align: center; margin-bottom: 15px;}
  header .inner .left img { width: 40%; height: auto;;}
  header .inner .right {}
  header .inner ul {}
  header .inner ul li { float: left; width: 50%;  text-align: center; line-height: 1.1em;}
  header .inner ul li a {
	background: #00a4e3;
	color: #FFFFFF;
	width: 100%;
	display: block;
	font-size: 13px;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	line-height: 1.1em;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
header .inner ul li a.nob { border-left: none;}
  header .inner ul li a:hover {}
  header .inner ul li span { font-size: 10px;}
  header .inner ul li a span {}
  header .inner ul li a span:hover {}

  #sky-area { background: url(images/main_bg.png) no-repeat top; background-size: cover; padding: 200px 0 50px;}
  #sky-area .main-text { width: 95%; margin: 0 auto; margin-bottom: 30px;}
  #sky-area .main-text img { width: 90%; height: auto;}
  #sky-area .movie { width: 95%; margin: 0 auto; text-align: right; margin-bottom: 20px;}
  #sky-area .movie img { width: 50%;}
  #sky-area table.news { width: 95%; margin: 0 auto; border: solid 1px #E4E4E4; background: rgba(255,255,255,0.6); margin-bottom: 70px;}
  #sky-area table.news th { background: #005aab; background-size: cover; color: #FFFFFF; vertical-align: middle; text-align: left; width: 25.5%; padding: 15px; font-size: 14px;}
  #sky-area table.news td { vertical-align: middle; text-align: left; width: 74.5%; padding: 15px; color: #545454; line-height: 1.5em; font-size: 12px;}
  #sky-area table.news td p {
	margin-bottom: 10px;
  }
  #sky-area table.news td span {
	font-size: 12px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
  #sky-area table.news td a {
	color: #039;
	text-decoration: underline;
  }
  #sky-area table.news td a:hover {
	color: #666;
  }
  

  #sky-area .service { width: 95%; margin: 0 auto; border: solid 1px #E4E4E4; background: rgba(255,255,255,0.6); padding: 50px 0;}
  #sky-area .service h2 { text-align: center; margin-bottom: 10px;}
    #sky-area .service h2 img { width: 40%;}
  #sky-area .service table { width: 95%; margin:  0 auto;}
  #sky-area .service th { width: 100%; text-align: left; vertical-align: middle; padding: 50px 0 0; display: block; text-align: center;;}
	#sky-area .service th img { width: 100%;}
  #sky-area .service td { vertical-align: middle; padding: 50px 0; display: block;}
  #sky-area .service td img { display: block; margin: 0 auto;}
  #sky-area .service h3 { color: #005aab; font-size: 16px; margin-bottom: 0.5em; font-weight: bold;}
  #sky-area .service td p { font-size: 14px; color: #444444; line-height: 1.8em; margin-bottom: 2.5em; text-align: justify;}

  .blue-area { background: #005aab; color: #FFFFFF; padding: 75px 0;}
  .blue-area .inner { width: 95%; margin: 0 auto;}
  .blue-area .left .link img { display: block;; margin: 0 auto; margin-bottom: 30px;}
  .blue-area .right { text-align: right; padding-top: 20px; text-align: center;}
  .blue-area .right img { width: 60%;}
  .blue-area h2 img { width: 90%;}
  .blue-area h3 { font-size: 16px; line-height: 1.8em; margin-bottom: 50px;}
  .blue-area h4 { font-size: 13px; line-height: 1.8em; margin-bottom: 40px;}
  .blue-area p { font-size: 13px; margin: 15px 0 50px; line-height: 1.6em;}

  .footer-link { background: #008cc2; color: #008cc2; padding: 30px 0;}
  .footer-link .inner { width: 95%; margin: 0 auto;}
  .footer-link a { color: #FFFFFF; font-size: 14px; display: block;}
  .footer-link .mail { background: url(images/icon_footer_arrow.png) no-repeat; background-size: 20px; padding: 15px 38px; background-position: 2% 50%; text-align: left;}
  .footer-link .box { background: url(images/icon_footer_arrow.png) no-repeat; background-size: 20px; padding: 15px 38px; background-position: 2% 50%; text-align: left;}
  .footer-link ul { text-align: center;}
  .footer-link ul li { width: 100%; border: solid 1px #FFFFFF; margin: -1px; padding: 5px 0;}

  .footer { width: 95%; margin: 0 auto; padding: 30px 0;}
  .footer ul {
	text-align: center;
	overflow: hidden;
	position: relative;
}
  .footer ul li {
	line-height: 2em;
	border-bottom: dotted 1px #626262;
	margin: -1px;
	font-size: 14px;
	float: left;
	width: 50%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
  .footer ul li img {
	width: 30%;
	margin-top: 30px;
	display: block;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto
}
.footer ul li.logo {
	clear: both;
	float: none;
	text-align: center;
	width: 100%;
}
  .footer ul li:last-child { border: none;}
  .footer ul li a:hover { color: #626262;}
.footer ul li a {
	color: #626262;
	display: block;
	padding-top: 5px;
}
  .copy { background: #005aab; color: #FFFFFF; text-align: center; padding: 20px 0; font-size: 10px;}

}


@media screen and (max-width: 640px) { 
	.pc-style { display: none !important;}
}
@media screen and (min-width: 641px) {
	.sp-style { display: none !important;}
}


/* コメント入れられる */