@charset "UTF-8";

.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )"}
button{border:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent none;font-size:inherit}
.link-list li:nth-child(4){display:none;}

.close{display:none !important;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input,textarea {
	border:0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	font-size:13px;
}

body{
	-webkit-text-size-adjust:none;
	font-family: "ヒラギノ角ゴ Pro W3","MS PGothic",Meiryo,メイリオ, "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
	line-height:1.4;
	color:#222222;
	}
html,
body {
  min-width: 100%;
}

ol,ul{list-style:none;}
a{color:#000000; outline:none;}
a:hover{color:#00000; text-decoration:none;}
p{color:#333333;}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.inner {
  padding: 0 4%;
}

header{
  padding: 10px 12px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .main-logo{
  width: 151px;
  float: none;
  margin-right: 15px;
}

header .inner {
  max-width: 980px;
  width: 100%;
  padding: 0;
}
header .inner > h1{
  font-size:9px;
	margin-bottom:8px;
	color:#868686;
}
.header-catch {
  display: none;
}
.header-left-block {
  padding-top: 0;
  float: left;
}

.header-right-block {
  padding-top: 6px;
  float: right;
}

.header-link li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.pc {
  display: none;
}

.info_renewal {
  text-align: center;
  font-size:100%;
  color:#16448d;
}

.description-block {
  padding: 30px 0;
  background-color: #f8f8f8;
}
.description-block + .link-block {
  padding-top: 0;
  background-color: #f8f8f8;
}
.description-block p {
  font-size: 10px;
  color: #676767;
  line-height: 1.4;
  clear:both;
}
.site-link-list02{margin-top:10px;}
footer .site-link-list02 li {
  display: inline-block;
  position: relative;
  margin: 5px 0;
}
footer .site-link-list02 li a {
  font-size: 12px;
  display: inline-block;
  padding: 0 4px 0 10px;
}
footer .site-link-list02 a:before {
  position: absolute;
  top: 27%;
  left: 0;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: 1px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .copyright {
  color: #aaa;
  text-align: center;
  font-size: 9px;
  margin: 20px 0;
}



.wrapper {
  
}

.wrapper img {
  max-width: 100%;
  height: auto;
}

.title01 {
  padding: 4em 0 6em;
  background:url(/images/404_bg.jpg) center no-repeat;
  background-size: cover;
  text-align:center;
}
.title01 h2 {
  font-size: 280%;
  font-weight: normal;
  color: #0f4291;
}
.title01 p {
  margin-top: 1em;
  font-size: 124%;
  font-weight: bold;
  color: #0f4291;
}


.sectionTitle{
  font-size: 30px;
  vertical-align: bottom;
  font-weight: bold;
  line-height: 1;
  margin-bottom: .5em;
  color: #13448f;
  font-family: "游ゴシック", YuGothic;
}
.sectionTitle span{
  font-size: 34%;
  font-weight: inherit;
  color: inherit;
  padding-left: 10px;
}

.categoryList .sectionTitle{
  color: #fff;
}

.categoryList{
  background-color: #13448f;
  padding: 25px 0;
}
.categoryList ul{
  margin-bottom: 0;
}
.categoryList ul:after{
  content: "";
  display: block;
  clear: both;
}
.categoryList ul li{
  width: 31%;
  overflow: hidden;
  border-radius: 6px;
  box-shadow:0px 0px 3px 0px #333;
  -moz-box-shadow:0px 0px 3px 0px #333;
  -webkit-box-shadow:0px 0px 3px 0px #333;
  float: left;
  margin-right: 3.5%;
  margin-bottom: .8em;
}

.categoryList ul li:nth-child(3n){
  margin-right: 0;
}

.categoryList ul li a {
  position: relative;
  display: block;
  height: 21.3vw;
  overflow: hidden;
}
.categoryList ul li a img {
  max-width: inherit;
  width: 100%;
}
.categoryList_caption{
  font-size: 11px;
  color: #fff;
}


.companyList{
  padding: 25px 0;
}
.companyList ul:after{
  content: "";
  display: block;
  clear: both;
}

.companyList ul li{
  float: left;
  width: 32%;
  overflow: hidden;
  border-radius: 6px;
  box-shadow:0px 0px 3px 0px #333;
  -moz-box-shadow:0px 0px 3px 0px #333;
  -webkit-box-shadow:0px 0px 3px 0px #333;
  margin-right: 2%;
  margin-bottom: .7em;
}

.companyList ul li:nth-child(3n){
  margin-right: 0;
}

.companyList ul li a {
  display: block;
  padding: 5px;
  box-sizing: border-box;
}

.companyList ul li img{
  width: 100%;
  height: auto;
}

.link-block {
  padding: 30px 0;
  background-color: #f8f8f8;
}

.link-block {
  width: 100%;
}
.link-list {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link-list li {
  width: 32%;
  margin-bottom: .7em;
}
ul.link-list li:nth-child(6){ display:none !important;}


@media screen and (min-width: 768px), print {
  html {
    line-height: 1.6;
  }
  body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  }
  html,
  body {
    min-width:980px;
  }
  .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  img {
    vertical-align: bottom;
  }
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  br.pc {
    display: inline;
  }
  
  .header-right-block {
    padding-top: 0;
  }
  .main-logo,
  .header-catch {
    display: inline-block;
    margin-right: 10px;
  }
  .info_renewal {
    margin:0 auto 10px auto;
    width:800px;
    font-size:20px;
  }

  .description-block .inner{
    padding: 50px 0 30px;
  }
  .description-block p {
    font-size: 11px;
    color: #676767;
    line-height: 1.4;
  }
  footer .inner {
    padding: 20px 0;
  }
  footer .site-link-list02 {
    display: inline-block;
    margin-top: 0;
  }
  footer .site-link-list02 li {
    margin: 0;
  }
  footer .site-link-list02 a:before {
    content: none;
  }
  footer .copyright {
    float: right;
    margin: 0;
    color: #333;
    font-size: 12px;
  }
  
  .inner {
    width: 980px;
    margin: 0 auto;
  }
  
    
  .title01 {
    padding: 8em 0 24em;
    background:url(/images/404_bg.jpg) center no-repeat;
    background-size: cover;
  }
  .title01 h2 {
    font-size: 360%;
  }
  .title01 p {
    font-size: 192%;
  }
  
  .sectionTitle{
    font-size: 48px;
    margin-bottom: 40px;
  }
  .categoryList{
    padding: 50px 0 40px;
  }
  .categoryList ul{
    margin-bottom: 20px;
  }
  .categoryList ul li{
    width: 150px;
    border-radius: 6px;
    box-shadow:0px 0px 3px 0px #333;
    -moz-box-shadow:0px 0px 3px 0px #333;
    -webkit-box-shadow:0px 0px 3px 0px #333;
    margin-right: 16px;
    margin-bottom: 15px;
  }
  .categoryList ul li:nth-child(3n){
    margin-right: 16px;
  }
  .categoryList ul li:nth-child(6n){
    margin-right: 0;
  }
  .categoryList ul li a {
    height: 112px;
  }
  
  
  .companyList{
    padding: 50px 0;
  }
  .companyList ul li{
    float: left;
    width: 176px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow:0px 0px 3px 0px #333;
    -moz-box-shadow:0px 0px 3px 0px #333;
    -webkit-box-shadow:0px 0px 3px 0px #333;
    margin-right: 23px;
    margin-bottom: 10px;
  }

  .companyList ul li:nth-child(3n){
    margin-right: 23px;
  }
  .companyList ul li:nth-child(5n){
    margin-right: 0;
  }
  
  .link-block {
    width: 100%;
    min-width: 980px;
  }
  .link-list {
    margin: 0 auto;
     display: table;
     table-layout: fixed;
    width: 830px;
  }
  .link-list li {
    display: table-cell;
    width: auto;
    margin-bottom: 0;
  }
}








.pt05{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pt60{padding-top:60px}.pt65{padding-top:65px}.pt70{padding-top:70px}.pt75{padding-top:75px}.pt80{padding-top:80px}.pt85{padding-top:85px}.pt90{padding-top:90px}.pt95{padding-top:95px}.pb05{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.pb60{padding-bottom:60px}.pb65{padding-bottom:65px}.pb70{padding-bottom:70px}.pb75{padding-bottom:75px}.pb80{padding-bottom:80px}.pb85{padding-bottom:85px}.pb90{padding-bottom:90px}.pb95{padding-bottom:95px}.pl05{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}.pl55{padding-left:55px}.pl60{padding-left:60px}.pl65{padding-left:65px}.pl70{padding-left:70px}.pl75{padding-left:75px}.pl80{padding-left:80px}.pl85{padding-left:85px}.pl90{padding-left:90px}.pl95{padding-left:95px}.pr05{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pr55{padding-right:55px}.pr60{padding-right:60px}.pr65{padding-right:65px}.pr70{padding-right:70px}.pr75{padding-right:75px}.pr80{padding-right:80px}.pr85{padding-right:85px}.pr90{padding-right:90px}.pr95{padding-right:95px}.mt05{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mt65{margin-top:65px}.mt70{margin-top:70px}.mt75{margin-top:75px}.mt80{margin-top:80px}.mt85{margin-top:85px}.mt90{margin-top:90px}.mt95{margin-top:95px}.mb05{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb60{margin-bottom:60px}.mb65{margin-bottom:65px}.mb70{margin-bottom:70px}.mb75{margin-bottom:75px}.mb80{margin-bottom:80px}.mb85{margin-bottom:85px}.mb90{margin-bottom:90px}.mb95{margin-bottom:95px}.ml05{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.ml60{margin-left:60px}.ml65{margin-left:65px}.ml70{margin-left:70px}.ml75{margin-left:75px}.ml80{margin-left:80px}.ml85{margin-left:85px}.ml90{margin-left:90px}.ml95{margin-left:95px}.mr05{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr55{margin-right:55px}.mr60{margin-right:60px}.mr65{margin-right:65px}.mr70{margin-right:70px}.mr75{margin-right:75px}.mr80{margin-right:80px}.mr85{margin-right:85px}.mr90{margin-right:90px}.mr95{margin-right:95px}.listCenter{position:relative;overflow:hidden}.listCenter ul{float:left;left:50%;position:relative}.listCenter ul li{float:left;left:-50%;position:relative}