@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/** 基本レイアウトここから↓ **/
html {
  min-height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  line-height: 1.4;
  color: #333333;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1em;
  height: 100%;
}

/*縮小した画像がぼやける現象対策*/
/* img {
  	image-rendering: -webkit-crisp-edges;
  	image-rendering: -moz-crisp-edges;
  	image-rendering: pixelated;
  	-ms-interpolation-mode: nearest-neighbor;
    border: 0px;
} */
a {
  text-decoration: none;
  color: #17a4d9;
}

.header-inner {
  max-width: 1100px;
  margin: 0 auto;
}

p.header-ad img {
  margin-top: -80px;
  position: fixed;
  margin-left: 820px;
  width: 40px;
}

.logo {
  width: 100%;
  height: 100%;
  margin: 0;
}

.logo img {
  width: 156px;
  margin: 0;
}

.logo-sp {
  width: 100%;
  height: 100%;
  margin: 0;
}

.logo-sp img {
  width: 156px;
  margin: 0;
}

#wrapper {
  max-width: 1100px;
  margin: 0 auto;
  z-index: 2;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px;
  width: 80px;
  height: 50px;
  background-color: #17a4d9;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 46px;
  position: fixed;
  bottom: 60px;
  right: 40px;
  font-size: 1.0em;
}

p#pageTop {
  position: relative;
  z-index: 99;
}

.overwhite {
  /* width: 540px; */
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.overwhite img {
  width: 100%;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

.overwhite img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#main img {
  width: 100%;
  display: block;
}

/** 基本レイアウトここまで↑ **/
/** 追加コンテンツここから↓ **/
#content {
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#side {
  max-width: 270px;
  margin-right: 20px;
}

#main {
  max-width: 820px;
}

#main p {
  font-size: 0.9em;
  position: relative;
  z-index: 3;
}

#main h1 {
  padding: .5em 0;
  position: relative;
  font-size: 2.2rem;
  margin-top: 0;
  padding-top: 0;
}

#main h1 span::after {
  content: "";
  display: block;
  height: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#17a4d9), to(#fcff00));
  background-image: -webkit-linear-gradient(left, #17a4d9, #fcff00);
  background-image: linear-gradient(to right, #17a4d9, #fcff00);
}

#main .head-wrap {
  margin-top: 50px;
  position: relative;
  z-index: 2;
}

#main h2.head-wrap-h2 {
  margin: 0;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: solid 4px #00A38B;
  border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
  color: #333;
}

.head-wrap-link-h3 {
  font-size: 1.2em;
  border-bottom: solid 2px #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold;
  color: #fff;
  background: #00A38B;
  border: 0;
}

#main h4 span {
  color: #00A38B;
  font-size: 1.1em;
}

#main h4 span:before {
  content: "▶";
}

.head-wrap-link-h4 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.head-wrap-h2, .head-wrap-link-h3 h3, .contents-block h4 {
  margin-top: 0;
  margin-bottom: 0;
}

.contents-block {
  margin-bottom: 20px;
  background-image: -webkit-linear-gradient(left, #bbb, #bbb 4px, transparent 1px, transparent 3px);
  background-image: linear-gradient(to right, #bbb, #bbb 4px, transparent 1px, transparent 3px);
  background-size: 9px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 20px;
}

.side-cat-title {
  height: 40px;
  color: #fff;
  line-height: 2.5;
  padding: 0 5px;
  background: #00A38B;
  font-weight: bold;
}

.side-cat-title a {
  color: #fff;
}

ul.side-cat-list {
  padding: 0;
  margin: 0;
}

ul.side-cat-list li {
  border-bottom: none;
  position: relative;
  height: 40px;
  border-left: 3px solid #ffc900;
  list-style: none;
  line-height: 2.5;
  padding-left: 5px;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul.side-cat-list li a {
  font-size: 0.9em;
  -webkit-transition: .2s;
  transition: .2s;
}

ul.side-cat-list li a:hover {
  opacity: 0.5;
}

.top-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
}

.top-flex li {
  width: 32%;
  margin-bottom: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}

.top-flex h2 {
  border-bottom: #00A38B solid 2px;
  padding: 15px 10px;
  font-size: 1.0em;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.4;
}

.top-flex p {
  line-height: 2.0;
  padding: 0 10px;
}

.top-flex a {
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.top-flex a:hover {
  opacity: 0.5;
}

div.table01 {
  width: 100%;
  position: relative;
  z-index: 3;
}

div.table01 table {
  border-top: 1px solid #00A38B;
  border-left: 1px solid #00A38B;
  background-color: #ffffff;
  width: 100%;
  margin-top: 10px;
}

div.table01 table th {
  background-color: #00A38B;
  color: #FFFFFF;
  width: 160px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  font-size: 0.9em;
  border-bottom: 1px solid #fff;
}

div.table01 table td {
  border-right: 1px solid #00A38B;
  border-bottom: 1px solid #00A38B;
  padding: 10px;
  color: #333333;
  font-size: 0.9em;
}

ul.flex-ul-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0;
}

p.new-line {
  margin-top: 5px;
  margin-bottom: 0px;
}

div.new-line-space {
  margin-bottom: 20px;
}

.caution-guide {
  color: #ff0451;
  font-weight: bold;
}

.table-box {
  width: calc(100% - 10px);
  /* border-top: 2px solid #00A38B; */
  border-left: 2px solid #00A38B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.table-box-title {
  /* font-size: 18px; */
  font-weight: bold;
  background-color: #fffafa;
  width: 22.5%;
}

.bordertop {
  border-top: 2px solid #00A38B;
}

.table-box-items1 {
  font-size: 18px;
  padding: .25rem .25rem .25rem .5rem;
  color: #444;
  border-right: 2px solid #00A38B;
  border-bottom: 2px solid #00A38B;
  background-color: #fff;
  width: 30%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}

.table-box-items2 {
  font-size: 16px;
  padding: .25rem .25rem .25rem .5rem;
  color: #fff;
  border-right: 2px solid #00A38B;
  border-bottom: 2px solid #00A38B;
  background-color: #fff;
  width: 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  background: #FF4F02;
  font-weight: bold;
}

#main ul.ul-circle {
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-size: 0.9em;
  z-index: 2;
}

#main ul.ul-circle li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none !important;
}

#main ul.ul-circle li:before {
  content: "○";
  position: absolute;
  left: 1em;
  color: #333333 !important;
}

#main ul li a {
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

#main ul li a:hover {
  opacity: 0.5;
}

#main .contents-block p span a {
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

#main .contents-block p span a:hover {
  opacity: 0.5;
}

.pankuzu {
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0;
}

.pankuzu li {
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: small;
  color: #333333;
  list-style: none;
}

.pankuzu li:first-child {
  padding-left: 0px;
}

.pankuzu li a {
  font-size: small;
  color: #17a4d9;
  text-align: left;
  line-height: 1.3em;
  text-decoration: none;
}

.pankuzu li::after {
  content: "\03e";
  padding-left: 10px;
}

.pankuzu li:last-child::after {
  content: "";
  padding-left: 0px;
}

.news-wrapper {
  margin-bottom: 20px;
  background-color: #fff5f5;
  max-width: 1200px;
  margin: 0 auto;
}

.news-wrapper ul {
  list-style: none;
  padding-bottom: 10px;
}

.news-wrapper li {
  background-color: #fff5f5;
  padding: 10px;
}

.news-wrapper li a {
  color: #ff0451;
  font-weight: 500;
  background-color: #fff5f5;
}

.info-mark {
  position: relative !important;
  padding: 0px 0px 0px 55px !important;
}

.info-news-title {
  background: #fd5f24;
  height: 25px;
  display: table-cell;
  vertical-align: middle;
  width: 80px;
}

.info-news-title span {
  color: #fff;
  font-weight: bold;
}

.info-mark:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u50163470/pc/common/css/../images/contents/caution.png);
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -4px;
  left: 20px;
}

.news-title {
  background: #fd5f24;
  height: 25px;
  display: table-cell;
  vertical-align: middle;
  width: 80px;
}

.news-title span {
  color: #fff;
  font-weight: bold;
}

.mark {
  position: relative;
  padding: 0px 0px 0px 55px;
}

.mark:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u50163470/pc/common/css/../images/contents/caution.png);
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -4px;
  left: 20px;
}

.panel-heading p {
  margin: 5px;
  margin-bottom: 10px;
}

span.emp {
  font-size: 20px;
}

#section {
  border: 1px solid #fd5f24;
  margin-bottom: 20px;
  min-height: 180px;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 0.9em;
}

.section {
  border: 1px solid #fd5f24;
  margin-bottom: 20px;
  min-height: 180px;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 0.9em;
}

.caution {
  color: #ff0451;
}

.caution-title {
  font-size: 1.5em;
}

.important-content {
  background-color: #fff;
}

.head2 {
  font-size: 20px;
  border-bottom: solid 2px #ccc;
  padding-bottom: 5px;
  margin-bottom: 15px;
  position: relative;
  padding: 5px 15px;
  font-weight: bold;
  color: #fff;
  background: #00A38B;
  border: 0;
}

.box-title-parts {
  font-size: 18px;
  font-weight: bold;
  background-color: #fffafa;
  width: 215px;
  border: 2px solid #00A38B;
  padding: 5px;
  text-align: center;
  margin-top: 30px;
}

#section img {
  width: 100%;
}

.section img {
  width: 100%;
}

/** 追加コンテンツここまで↑ **/
/*メディアスクリーン*/
@media screen and (max-width: 1400px) {
  /* 表示領域が1400px以下の場合に適用するスタイル */
}

@media screen and (min-width: 1400px) {
  /* 表示領域が1400px以上の場合に適用するスタイル */
  .content-sp, .sp-title {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  /* 表示領域が1000px以上の場合に適用するスタイル */
  .logo-sp {
    display: none;
  }
}

@media screen and (max-width: 1025px) {
  /* 表示領域が1000px以下の場合に適用するスタイル */
  .logo {
    display: none;
  }
  .header-inner {
    max-width: 100%;
  }
  p.header-ad img {
    margin-left: 87%;
  }
  #pageTop a {
    bottom: 70px;
    right: 0px;
  }
  p#pageTop img {
    width: 95px;
  }
  .eff-link a:hover {
    -webkit-transform: scale(1);
    /*transform: scale(2.0);*/
    /*color: #2ecc71;*/
  }
  .eff-link-span {
    font-size: 10px;
  }
  #side {
    display: none;
  }
  .pankuzu {
    padding-top: 140px;
    margin: 0px 0px 10px 0px !important;
  }
  .info-news-title {
    display: none;
  }
  .news-wrapper {
    padding-top: 120px;
    margin-bottom: -140px;
  }
  .news-wrapper ul {
    list-style: none;
    padding: 0;
  }
  #main {
    max-width: 100%;
    width: 100%;
  }
  .top-flex {
    display: inline;
    padding: 0px;
  }
  .top-flex li {
    width: 100%;
  }
  #main p {
    padding: 5px;
  }
  .table01 .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .table01 table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .table01 th,
  .table01 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  div.table01 table th, div.table01 table td {
    width: 100%;
    padding: 10px 0px 10px 0px;
  }
  #main ul.ul-circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.table01 table th {
    text-align: center;
  }
  div.table01 table td {
    border: none;
  }
  .head-wrap-h2, .head-wrap-link-h3 h3, .contents-block h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 130px;
    margin-top: -130px !important;
  }
}