@charset "utf-8";
/*product*/
table, td, th {
  border: 1.5px #000000 solid;
}
th {
  background-color: #CDE4FF;
  text-align: center;
  vertical-align: middle;
}
td {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  line-height: 150%;
}
/*button*/
.btn {
  display: block;
  text-decoration: none !important;
  padding: 30px !important;
  max-width: 500px;
  border-radius: 12px !important;
  font-weight: bold !important;
  font-size: 28px !important;
  color: white !important; /* ボタンの文字色 */
  background-color: #0C0CFF; /* ボタンの背景色 */
  box-shadow: 0 8px #1B0B54; /* ボタンの影の色 */
  transition: transform 0.3s;
  text-align: center;
}
.btn :hover {
  margin-top: 10px;
  box-shadow: 0px !important; /* ボタンの影の色 */
}
a.btn {
  display: block;
  max-width: 500px;
  padding: 30px !important;
  font-weight: bold !important;
  font-size: 28px !important;
  color: white !important;
  background-color: #0029C7;
  border-bottom: 8px solid #1B0B54;
  text-align: center;
}
a.btn:hover {
  margin-top: 6px;
  color: #fff;
  background: #0C0CFF;
  border-bottom: 2px solid #1B0B54;
}
a.btn {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
/*tab*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 670px;
}
.tab-label {
  color: #606060;
  font-size: 18px;
  cursor: pointer;
  flex: 1;
  font-weight: bold;
  order: -1;
  padding: 10px 0px 5px;
  margin: 0 3%;
  position: relative;
  text-align: center;
  user-select: none;
  background-image: linear-gradient(#ffffff 30%, #e6e6e6);
  border-radius: 10px 10px 0 0;
  border: 1px solid #83828F;
  border-bottom: none;
}
.tab-label::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 125%; /* 下線の幅 */
  height: 2px; /* 下線の太さ */
  background-color: #0A004C; /* 下線の色 */
}
.tab-label:hover {
  background: #ACD3FF;
}
.tab-switch:checked + .tab-label {
  color: black;
  background-image: linear-gradient(#E1EFFF 70%, #ffffff);
  border-radius: 10px 10px 0 0;
  border: 2px solid #0A004C;
  border-bottom: none;
}
.tab-switch:checked + .tab-label::before {
  content: '';
  display: block;
  position: absolute;
  left: -6.5%; /* 位置調整 */
  transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 12.5%; /* 下線の幅 */
  height: 2px; /* 下線の太さ */
  background-color: #0A004C; /* 下線の色 */
}
.tab-switch:checked + .tab-label::after {
  content: '';
  display: block;
  position: absolute;
  left: 106.5%; /* 位置調整 */
  transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 12.5%; /* 下線の幅 */
  height: 2px; /* 下線の太さ */
  background-color: #0A004C; /* 下線の色 */
}
/*
.tab-label::after {
	background: blue;
	bottom: 0; 
	content: '';
	display: block;
	height: 4px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}
*/
.tab-switch:checked + .tab-label::after {
  opacity: 1;
}
.tab-content {
  position: relative;
  margin-top: -2px;
  height: 0;
  opacity: 0;
  padding: 0px 20px;
  pointer-events: none;
  transform: translateX(0%);
  transition: transform .3s 80ms, opacity .3s 80ms;
  width: 100%;
}
.tab-switch:checked ~ .tab-content {
  transform: translateX(0%);
}
.tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  opacity: 1;
  order: 1;
  pointer-events: auto;
  transform: translateX(0);
}
.tab-wrap::after {
  content: '';
  order: -1;
  width: 100%;
}
.tab-switch {
  display: none;
}
a.image {
  clear: both;
  font-size: 15px;
  color: #000080;
  line-height: 1.5rem;
  display: inline-block;
  padding: 0 0 0 15px;
  text-decoration: underline;
}
@media print {
  .tab-label {
    margin-top: -20px !important;
  }
  footer, .leftwrapper, .contenttl, .tab-label {
    display: none !important;
  }
}
@page {
  size: A4
}