@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500&display=swap&subset=japanese");
.c5-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1240px;
  margin: 50px auto;
  padding: 0 20px;
  font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Noto Sans JP',sans-serif; }
  .c5-wrap * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .c5-wrap a {
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
    .c5-wrap a:hover {
      opacity: .6; }
    .c5-wrap a.mouseover:hover {
      opacity: 1; }
  .c5-wrap ul {
    list-style: none; }
  .c5-wrap img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }

.pc {
  display: inline-block; }

.sp {
  display: none; }

.c5__flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c5-wrap h1 {
  margin-bottom: 70px; }

.c5__top_link {
  display: block; }
  .c5__top_link img {
    width: 47.417%;
    margin-left: 0; }

.c5__foot_link {
  max-width: 1000px;
  margin: 100px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .c5__foot_link a {
    width: 20%; }
    .c5__foot_link a:first-child {
      width: 40%; }

.c5__window {
  display: inline-block;
  vertical-align: middle;
  padding-left: 6px; }

@media screen and (max-width: 768px) {
  .pc {
    display: none; }
  .sp {
    display: inline-block; }
  .c5-wrap {
    padding: 0; }
  .c5__contents_wrap {
    padding: 0 20px; }
  .sec__tips .tips__ttl {
    font-size: 28px; }
  .c5__top_link img {
    width: 50%;
    margin-left: 15px;
    margin-bottom: 15px; }
  .c5__foot_link a {
    width: 17.3271%; }
    .c5__foot_link a:first-child {
      width: 30.748%; } }

@media screen and (max-width: 640px) {
  .c5__contents_wrap {
    padding: 0 15px; }
  .c5-wrap h1 {
    margin-bottom: 35px; }
  .c5__top_link img {
    width: 75%;
    margin-left: auto;
    margin-right: auto; }
  .c5__foot_link {
    margin: 50px auto 0; }
    .c5__foot_link a {
      width: 20%; }
      .c5__foot_link a:first-child {
        width: 35.4%; }
  .c5__window {
    width: 18px;
    height: auto; } }