@charset "UTF-8";
/*==========================================================================
  変数
==========================================================================*/
/*==========================================================================
  基本設定
==========================================================================*/
* {
  margin: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html {
  height: 100%;
  font-size: 62.5%;
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
  animation: fadeIn 1.5s ease 0s 1 normal;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*==============================================
  よくつかう設定
===============================================*/
/*文字
-------------------*/
h1, h2, h3, h4, h5, h6, ul, ol, li, dl {
  line-height: 1.6; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0 0 1em; }

h4, h5, h6 {
  margin: 0 0 .5em; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.8rem; }

h4 {
  font-size: 2.4rem; }

h5 {
  font-size: 2rem; }

h6 {
  font-size: 1.8rem;
  font-weight: bold; }

p {
  font-size: 1.6rem;
  line-height: 1.6; }
  p:last-child {
    margin-bottom: 0; }

a {
  color: #001A43;
  margin: 0 0.2em;
  transition: all 0.3s ease; }
  a:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.3s ease; }

ul {
  font-size: 1.6rem;
  line-height: 1.6; }

/*注意文
-----------------*/
ul.note_list {
  list-style: none;
  padding-left: 1em;
  margin-left: 0.1em; }
  ul.note_list li {
    text-indent: -1.4em;
    list-style-type: none;
    font-size: 90%; }
    ul.note_list li:before {
      content: "※";
      margin-right: 0.4em; }
  ul.note_list.red li, ul.note_list.red a {
    color: #EC6955; }
  ul.note_list.small li, ul.note_list.small a {
    font-size: smaller; }
  ul.note_list.marginT1 {
    margin-top: 1em; }
  ul.note_list.marginT05 {
    margin-top: 0.5em; }

/*リスト
-----------------*/
dl.right_border {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6em; }
  dl.right_border dt {
    width: 20%;
    border-right: 1px solid #9d9d9d;
    padding: 1em;
    text-align: right;
    font-weight: bold; }
  dl.right_border dd {
    width: 80%;
    padding: 1em 1em 0.5em 2em; }

/*==========================================================================
  レスポンシブ設定
==========================================================================*/
/*for SP*/
@media (max-width: 768px) {
  h2 {
    font-size: 2.6rem; }

  h3 {
    font-size: 2.2rem; }

  h4 {
    font-size: 2rem; }

  h5 {
    font-size: 1.8rem; }

  h6 {
    font-size: 1.6rem; }

  p {
    font-size: 1.4rem; }

  ul {
    font-size: 1.4rem; }

  dl.right_border {
    font-size: 1.4em; }
    dl.right_border dt {
      width: 100%;
      text-align: left; }
    dl.right_border dd {
      width: 100%;
      padding: 1em; } }