@charset "utf-8";
/* -----------------------------------------------------------------
LAYOUT CSS
LAST UPDATE:
--------------------------------------------------------------------*/
html{
  color: #111;
  font-family: "Hiragino Sans","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",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%;}
input, textarea,select {font-family: "Hiragino Sans","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo, "ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
}
input:focus{outline: 0;}

/*--------------------------------
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.8; font-family: "Noto Sans JP","メイリオ",Meiryo, "ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;}

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

/*--------------------------------
section
---------------------------------*/
main{ width: 100%;}
main section{ background: #fff; min-width: 1200px;}
main section:nth-child(odd){ background: #F6F6F6;}
main section .red{ color: #AD0026;}

main section .inner{ width: 1200px; margin: 0 auto; padding: 140px 0;}

@media screen and (max-width: 768px) {
  main section{ min-width: 0;}
  main section .inner{ width: auto; margin: 0 15px; padding: 40px 0;}
}