@charset "UTF-8";

section {
  text-align: center;
  padding-bottom: calc(52px + (104 - 52) * ((100vw - 320px) / (767 - 320)));
}
section p {
  font-weight: bold;
}
section a {
  color: #00aafa;
  text-decoration: underline;
}
.breadcrumb {
  white-space: nowrap;
  overflow-x: scroll;
  margin-top: calc(56px + (136.25 - 56) * ((100vw - 320px) / (767 - 320)));
}
section {
  background: #eef0f5;
}
section .container {
  text-align: left;
}
section .container .title {
  font-size: calc(11px + (26 - 11) * ((100vw - 320px) / (767 - 320)));
  font-weight: bold;
  background: #00aafa;
  padding: 2% 3.6vw;
}
section .container .box {
  line-height: 2;
  background: #fff;
  padding: 4.2vw 3.6vw;
}
.bg_white {
  background: #fff;
  padding-bottom: calc(52px + (104 - 52) * ((100vw - 320px) / (767 - 320)));
}
.news07_bg {
  background-color: #eef5fb;
  padding: 2% 4%;
  margin: 1em auto;
}
section .btn {
  margin-top: 0;
}
section .btn a {
  text-decoration: none;
}
.ttl02 {
  font-size: 110%;
  font-weight: bold;
  line-height: 1.6;
  padding: 2%;
  border-bottom: 1px solid #c1c1c2;
  border-left: 5px solid #59a1d4;
  margin-bottom: 15px;
}
.wp_table-2clm {
  border-collapse: collapse;	
}
.wp_table-2clm th {
	background: #D9D9D9;
}
.wp_table-2clm th, .wp_table-2clm td {
	font-size: calc(11px + (26 - 11) * ((100vw - 320px) / (767 - 320)));
	padding: 10px;
	text-align: center;
	border: 1px solid #000;
	vertical-align: middle;
}

@media screen and (min-width:768px) {
  .breadcrumb {
    overflow-x: hidden;
    margin-top: 90px;
  }
  .breadcrumb ul {
    overflow: hidden;
  }
  .bg_gray .container {
    width: 808px !important;
    padding: 0 !important;
  }
  .bg_white {
    padding-bottom: 80px;
  }

  section {
    padding-bottom: 80px;
  }
  section .container {
    padding-bottom: 60px;
  }
  section .container .title {
    font-size: 16px;
    padding: 7px 30px 9px;
  }
  section .container .box {
    padding: 30px;
  }
  .news07_bg {
    padding: 20px;
  }
  section .btn {
    margin-top: 0;
  }
  .ttl02 {
    font-size: 22px;
    line-height: 1.2em;
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 17px;
  }
  .wp_table-2clm {
    width: 800px;
  }
  .wp_table-2clm th, .wp_table-2clm td {
	width: 400px;
	font-size: 16px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 768px) {
}

.btn.black a {
  line-height: 1;
  padding: calc(17px + (43 - 17) * ((100vw - 320px) / (767 - 320)));
}
@media screen and (max-width:767px) {
  .btn.secondary {
    margin-top: calc(100vw / var(--viewport) * 44);
  }
}
@media screen and (min-width:768px) {
  .btn.black a {
    padding: 24px 0;
  }
  .pc_flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pc_flex .btn {
    margin: 0;
  }
  .pc_flex .btn.secondary {
    margin-left: 25px;
  }
}