@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700&subset=japanese");
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese');
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap");
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px;
  /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mv-note {
    background: rgba(255,255,255,0.80);
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
    padding: 30px 35px 18px;
}

.foot-links {
     position: relative;
     display: block;
     width: 100%;
}
.foot-links ul {
     position: relative;
     width: 100%;
}
.foot-links ul li {
     position: relative;
     width: 33.333%;
     float: left;
}

.foot-links ul li .image {
      position: relative;
      width: 100%;
      text-align: center;
}

.foot-links ul li .image img {
       width: 100%;
       height: auto;
}

.foot-links ul li .text {
      position: absolute;
     width: 90%;
         top: 50%;
    left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
     text-align: center;
     color: #18273e;
     font-size: 25px;
  font-size: 2.5rem;
  font-family: "Lato", sans-serif;
   font-weight: 700;
  line-height: 1.8;
       letter-spacing: 0.2rem;
}
.foot-links ul li .text span {
      display: block;
        font-size: 12px;
  font-size: 1.2rem;
  font-family: "Þ⥴¥·¥Ã¥¯ÂÎ", "Yu Gothic", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "¥á¥¤¥?ª", "MS P¥´¥·¥Ã¥¯", Arial, Helvetica, Verdana, sans-serif;
   font-weight: bold;
      line-height: 1;
      letter-spacing: 0.04rem;
}

.foot-links ul li .text:hover {
       color: #007bcb;
}

.bg-skyblue {
       background: #007bcb;
}

@media screen and (max-width: 834px) {
	
.sec-spec .btn.btn-white{
	display: table;
	margin: 0 auto;
}	
	
	
.foot-links ul li .text {
     font-size: 20px;
  font-size: 2.0rem;
  font-family: "Lato", sans-serif;
   font-weight: 700;
  line-height: 1.5;
       letter-spacing: 0.15rem;
}
.foot-links ul li .text span {
        font-size: 10px;
  font-size: 1.0rem;
      letter-spacing: 0.04rem;
}
.foot-links ul li {
     position: relative;
     width: 50%;
     float: left;
}
.foot-links ul li .text:hover {
       color: #555;
}
}

.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden; 
}

.cf:after {
  clear: both; 
}

.cf {
  zoom: 1; 
}