@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;
  border-left: 1px solid #ec6d34;
  border-top: 1px solid #ec6d34;
}
table td {
  padding: 20px 25px;
  border-right: 1px solid #ec6d34;
  border-bottom: 1px solid #ec6d34;
}
table tr td:first-of-type {
  width: 44%;
}
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;
  }
}