@charset "utf-8";
/* -----------------------------------------------------------------
LAYOUT CSS
LAST UPDATE:
--------------------------------------------------------------------*/
html{
  color: #111;
  font-family: "Noto Sans JP","メイリオ",Meiryo, "ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
  font-size: 62.5%;/*10px*/
  line-height: 1.4;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

body{font-size: 1.0rem;height: 100%; overflow-x: hidden;}
input, textarea,select {font-family: "Noto Sans JP","メイリオ",Meiryo, "ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;}
input:focus{outline: 0;}

@media screen and (max-width: 1280px) {
  body{ overflow-x: visible;}
}

/*--------------------------------
LINk
---------------------------------*/
body a,
body input{ color:#0087ca; text-decoration:none;}
body a:hover{ color:#0087ca; text-decoration:underline;}
body a:focus {outline: none;}
.skipLink{ opacity: 0 !important;}

/*--------------------------------
deviceTtl
---------------------------------*/
main section .lead{ font-size: 2rem; text-align: center; line-height: 1.8; margin-top: 24px;}
main section .deviceTtl02{ font-size: 4rem; font-weight: bold; text-align: center; line-height: 1.6;}

@media screen and (max-width: 768px) {
  main section .lead{ font-size: 1.4rem; margin-top: 15px;}
  main section .deviceTtl02{ font-size: 2.8rem; line-height: 1.6;}
}

/*--------------------------------
section
---------------------------------*/
main{ width: 100vw; min-width: 1200px;}
main section{ background: #fff; min-width: 1200px;}
main section .red{ color: #AD0026;}
main section .inner{ width: 1200px; margin: 0 auto; padding: 160px 0 80px; margin-top: -80px;}

@media screen and (max-width: 1200px) {
  main section .inner{ width: 100%;}
}

@media screen and (max-width: 768px) {
  main{ width: 100%; min-width: 0;}
  main section{ min-width: 0;}
  main section .inner{ width: auto; margin: 0 15px; padding: 110px 0 50px; margin-top: -60px;}
}