@charset "UTF-8";
/* スカイライブ株式会社様 コーポレートサイト */
/* PC用スタイル お問合せ */

html {
  font-size:100%;
  margin:0;
  padding:0;
}
* {
  box-sizing:border-box;
}
body {
  min-width:1280px;
  font-size:100%;
  font-family:"游ゴシック体","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",'Oswald',sans-serif;
  text-align:center;
  color:#333;
}
a:link,a:visited,a:hover,a:active {
  text-decoration:none;
}
a:hover {
  opacity:0.7;
}
ul {
  list-style:none;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

header

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
header {
  width:100%;
  height:243px;
  background:url("../images/contact_header.jpg") center top;
  background-size:auto;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

グローバルナビゲーション

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.gNavi {
  width:100%;
  height:101px;
  background:linear-gradient(to right,#fff,#fff,#0f64ca,#0f64ca);
}
div.navWrap {
  width:1228px;
  height:100%;
  margin:0 auto;
  background:#aff;
}
div.logoWrap {
  float:left;
  width:351px;
  height:101px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding-left:90px;
}
div.logoWrap img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
div.logoWrap:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
nav {
  width:877px;
  height:100%;
  background:#0f64ca;
  float:left;
}
nav ul {
  padding-left:40px;
}
nav ul li {
  float:left;
  width:143px;
  padding-top:28px;
}
nav ul li img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
nav ul li:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

NEW INFORMATION

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section.info {
  width:100%;
  height:45px;
  background:#054087;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

pageTitle

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section.pageTitle {
  width:100%;
  height:249px;
}
section.pageTitle h1 {
  font:400 40px Oswald;
  color:#0d59b5;
  line-height:171px;
}
section.pageTitle h1 span {
  font-size:20px;
  margin-left:2em;
}
section.pageTitle p {
  font-size:13px;
}
section.pageTitle hr {
  width:798px;
  height:1px;
  margin:13px auto;
  border-top:solid 1px #333;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

mainContent

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
article.mainContent {
  width:100%;
  height:831px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:url("../images/bg_pattern.jpg");
}

form {
  width:960px;
  margin:0 auto 90px auto;
  position:relative;
  height:731px;
  padding:70px 100px;
}

form p {
  margin-bottom:30px;
  font-size:14px;
  padding-bottom:20px;
  text-align:center;
  border-bottom: 1px solid #738f9d;
}

form table {
  width:650px;
  margin:0 auto 10px auto;
  border-collapse:separate;
  border-spacing:9px;
  text-align:left;
  font-size:14px;
}
form input[type="text"],form input[type="tel"],form input[type="email"],textarea {
  font-size:18px;
  padding:3px;
  width:100%;
}
form input[type="submit"] {
  background-image: url(../images/submit.jpg);
  width:330px;
  height:80px;
  border:none;
  margin:0 auto;
  padding:0;
  display:block;
  text-indent:-9999px;
  cursor:pointer;
}
form input[type="submit"]:hover {
  opacity:0.6;
  transition:all 0.2s ease-in;
}
form textarea {
  width:100%;
}
form table tr th {
  width:220px;
  font-weight:normal;
  border-left:4px solid #0d59b5;
  line-height:30px;
  padding-left:10px;
  vertical-align:top;
  position:relative;
  text-align:left;
}
form table tr td {
  width:330px;
  line-height:41px;
}
form table tr th.hissu:after {
  content:"必須";
  display:inline-block;
  font-size:12px;
  line-height:1.8;
  background-color:#0d59b5;
  color:#fff;
  padding:0px 10px;
  margin-left:10px;
}
form table tr:last-child th {
  border:none;
}
form table tr:last-child td p {
  font-size:14px;
  line-height:1.8;
  text-align:left;
  border-bottom:none;
  margin-bottom:0;
  padding:0;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

aside crossing_image

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
aside.crossing {
  width:100%;
  height:180px;
  background:url("../images/crossing_image.jpg") center top;
  background-size:cover;
  background-repeat:no-repeat;
  margin-top:159px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

article links

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
article.links {
  width:100%;
  height:153px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:url("../images/bg_pattern.jpg");
}
div.linksWrap {
  width:755px;
  height:80px;
}
div.linksWrap img#imgLeft {
  display:block;
  float:left;
}
div.linksWrap img#imgRight {
  display:block;
  float:right;
}
div.linksWrap img:hover {
  opacity:0.7;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

aside bridging

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
aside.bridging {
  width:100%;
  height:149px;
  background:url("../images/bridge.jpg") center bottom;
  background-size:auto;
  background-repeat:no-repeat;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

footer

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
footer {
  width:100%;
  height:150px;
  background:#054087;
  color:#fff;
  padding-top:39px;
}
footer ul li {
  display:inline-block;
  font-size:13px;
  margin-right:3em;
}
footer ul li:last-child {
  margin:0;
}
footer ul a {
  color:#fff;
}
footer p {
  font-size:13px;
  
  margin-top:57px;
}
footer p span {
  font-size:1.7em;
  vertical-align:-18%;
}