@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html,body{	height:100%;}
html {
  font-size:62.5%;
  overflow-y: scroll;
}
body {
  position: relative;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
}
main {
  display: block;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1.8rem;
  line-height: 1.8em;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'Noto Sans JP', "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
  text-align: left;
  color: #000;
}
.serif {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* iOS button リセット */
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="date"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="date"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="text"]::focus,
input[type="date"]::focus {
  outline-offset: -2px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0;
}
button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0;
}
input[type="radio"] {
  display: none;
}
input[type="radio"]:checked + label {
  /*background: #ff0000;*/
}
/* iOS button リセット */
input,textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
input {
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'Noto Sans JP', "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
}

a {
  display: inline-block;
  color: #000;
  text-decoration: none;
}
a img {
  transition: opacity 0.3s ease-out;
}
.mouseover:hover {
  opacity: .7;
}

figure {
  margin: 0;
  line-height: 0;
}
figure a {
  display: block;
  line-height: 1;
}
img {
  max-width: 100%;
  height: auto;
}
strong {
  font-weight: bold;
}
blockquote {
  margin: 0;
}
blockquote cite {
  display: block;
  margin-top: 20px;
  font-size: 1.3rem;
  font-style: normal;
  text-align: center;
}
table {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
  border-collapse:  collapse;
}
table td {
  padding: 20px 25px;
}

ol li {
  margin-bottom: 30px;
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
  line-height: 2.5rem;
}
_:-ms-lang(x), ol li {
  text-indent: -2.5rem;
}

.column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.column-jc-start {
  justify-content: flex-start;
}
.column-jc-sa {
  justify-content: space-around;
}
.column-ai-start {
  align-items: flex-start;
}
.column-ai-end {
  align-items: flex-end;
}
.column-wrap {
  flex-wrap: wrap;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}

.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}

.sp,
.sp_block {
  display: none;
}


/* ------------------------------
    clearfix
------------------------------ */
.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */


/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  body {
    min-width: 0;
    width: 100%;
    background-size: 50% auto, 50% auto;
      
  }
  body, h1, h2, h3, h4, h5, h6, p, address,
  ul, ol, li, dl, dt, dd,
  table, th, td, img, form {
    font-size: 1.6rem;
    line-height: 1.6em;
  }
  figure {
    width: 100%;
    text-align: center;
  }

  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }
  .sp_block {
    display: block;
  }
  .column-pc {
    display: block;
  }
}