@charset "UTF-8";

/** common **/
.l-main {
  width: 100%;
  max-width: 1400px;
  padding: 0;
}
.l-main {
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-top: 50px;
}
.l-main::-webkit-scrollbar {
  display: none;
}
.l-header--popup {
  position: fixed;
  z-index: 99999;
  width: 100%;
  min-width: initial;
  margin-bottom: 0.2%;
  background: #fff;
}
.l-header--popup .lc-logo {
  width: 100%;
}
.l-footerWrap {
  min-width: initial;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
.l-copyright {
  margin: 0;
}
.l-content .sp_view {
  display: none;
}

/*mv*/
.l-content .mv {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: min(2.86vw,40px);
  width: 85.8%;
  max-width: 1200px;
  background-color: #0f218b;
  box-sizing: border-box;
  padding: min(0.36%,5px);
  margin: 0 auto;
}
.l-content .mv .txt {
  width: 45.4%;
  max-width: 540px;
}
.l-content .mv .txt h1 {
  border-top: solid 3px #ffcc00;
  border-bottom: solid 3px #ffcc00;
  color: #fff;
  font-size: min(2.29vw,32px);
  padding: min(5.6%,30px) 0;
}
.l-content .mv .txt h1 span {
  font-size: min(1.72vw,24px);
}
.l-content .mv .txt .btn {
  margin-top: min(5.6%,30px);
}
.l-content .mv .txt .btn a {
  width: 66.7%;
  max-width: 360px;
  font-size: min(1.22vw,17px);
  padding: min(1vw,14px) 0 min(0.72vw,10px);
}
.l-content .mv .img {
  width: 45.8%;
  max-width: 545px;
}
.l-content .mv .img img {
  width: 100%;
  height: auto;
}
.l-content .mv .img .block:nth-of-type(2) {
  margin-left: min(5.33%,29px);
}
.l-content .mv .img .block:nth-of-type(3) {
  float: right;
}
.l-content .mv .img .block {
  position: relative;
  width: 89.36%;
  max-width: 487px;
  margin-top: min(0.36vw,5px);
}
.l-content .mv .img .block:first-of-type {
  margin-top: 0;
}
.l-content .mv .img .block .ttl .deco {
  position: absolute;
  top: min(0.22vw,3px);
  left: min(0.36vw,5px);
  width: 93.3%;
  max-width: 454px;
}
.l-content .mv .img .block .ttl .category {
  position: absolute;
  top: min(0.22vw,3px);
  left: min(0.36vw,5px);
  width: 21.8%;
  max-width: 106px;
  color: #fff;
  font-size: min(1.08vw,15px);
  text-align: center;
}

/*anc*/
.l-content .anc {
  margin: min(4.3%,60px) auto min(5%,70px);
}
.l-content .anc h2 {
  width: 56.45%;
  max-width: 790px;
  display: flex;
  align-items: center;
  color: #0f218b;
  font-size: min(1.72vw,24px);
  text-align: center;
  margin: 0 auto min(1.8%,25px);
}
.l-content .anc h2 span {
  font-size: min(2.15vw,30px);
  line-height: 1;
}
.l-content .anc h2::before,
.l-content .anc h2::after {
  content: "";
  height: 1px;
  border-top: solid 3px #0f218b;
  flex-grow: 1;
}
.l-content .anc h2::before{
  margin-right: min(3.2%,25px);
}
.l-content .anc h2::after{
  margin-left: min(3.2%,25px);
}
.l-content .anc .box {
  display: flex;
  justify-content: center;
  gap: min(1.43vw,20px);
}
.l-content .anc .box .item {
  width: 18%;
  max-width: 250px;
  border: solid 1px #ccc;
  box-sizing: border-box;
  padding: min(1.1%,15px) 0 min(1.8%,25px);
}
.l-content .anc .box .item p {
  color: #0f218b;
}
.l-content .anc .box .item p:first-of-type {
  font-size: min(1.43vw,20px);
  line-height: 1;
}
.l-content .anc .box .item p:first-of-type span {
  font-size: min(2.15vw,30px);
}
.l-content .anc .box .item p:nth-of-type(2) {
  font-size: min(1.22vw,17px);
  margin: min(8.1%,20px) auto;
}
.l-content .anc .box .item a.m-btn--down {
  width: 81%;
  max-width: 200px;
  font-size: min(0.93vw,13px);
  padding: min(3.6%,9px) 0 min(3.2%,8px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.l-content .anc .box .item a.m-btn--down::before {
  width: 8.1%;
  max-width: 16px;
  height: 1.15vw;
  max-height: 16px;
  background-size: contain;
}

/*.l-content common*/
.l-content .wrap {
  width: 78.6%;
  max-width: 1100px;
  margin: 0 auto;
}
.l-content .point,
.l-content .regist {
  margin-top: min(2.8%,30px);
  padding-top: 50px;
}
.l-content .regist {
  margin-bottom: min(9.1%,100px);
}
.l-content .point .item {
  margin-top: min(5.46%,60px);
}
.l-content .point:first-of-type {
  margin-top: -50px;
}
.l-content .point .item:first-of-type {
  margin-top: 0;
}
.l-content .point h2,
.l-content .regist h2 {
  border-top: solid 5px #0f218b;
  color: #0f218b;
  font-size: min(1.43vw,20px);
  padding-top: min(2.28%,25px);
  margin-bottom: min(3.64%,40px);
}
.l-content .point h2 span,
.l-content .regist h2 span {
  font-size: min(2.15vw,30px);
}
.l-content .point .item h3 {
  background-color: #f2f2f2;
  font-size: min(1.72vw,24px);
  padding: min(1.46%,16px) 0 min(0.91%,10px);
  margin-bottom: min(3.25%,30px);
}
.l-content .point .item .image img {
  width: 100%;
  height: auto;
}
.l-content .point .item .btn p {
  font-size: min(1.72vw,24px);
  margin-bottom: min(1.82%,20px);
}
.l-content .point .item .btn a,
.l-content .regist .btn a {
  width: 35.8vw;
  max-width: 500px;
  font-size: min(1.36vw,19px);
  padding: min(1vw,14px) 0 min(0.72vw,10px);
}

/*point_01*/
.l-content .point_01 .item:first-of-type .image {
  width: 98.8%;
  max-width: 1086px;
  margin: 0 auto;
}
.l-content .point_01 .item:nth-of-type(2) .image {
  width: 100%;
}
.l-content .point_01 .item .img_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: min(4.55%,50px);
}
.l-content .point_01 .item .img_flex .image {
  width: 48.2%;
  max-width: 530px;
}
.l-content .point_01 .item:first-of-type .btn,
.l-content .point_01 .item:nth-of-type(2) .btn {
  margin-top: min(2.8%,30px);
}

/*point_02*/
.l-content .point_02 .item:first-of-type div {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: min(0.91%,10px);
}
.l-content .point_02 .item:first-of-type div p.image {
  width: 12.91%;
  max-width: 142px;
}
.l-content .point_02 .item:first-of-type div p {
  font-size: min(1.72vw,24px);
  line-height: 1.6;
}
.l-content .point_02 .item:first-of-type div p.txt span.color {
  color: #dd0000;
}
.l-content .point_02 .item:first-of-type div p.txt span.size_l {
  font-size: min(3.22vw,45px);
  line-height: 1;
}
/*table*/
.l-content .point_02 .tableBlockList--guide {
  width: 79.4%;
  max-width: 920px;
  border-top: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
  margin: 0 auto;
}
.l-content .point_02 .tableBlockList--guide:first-child {
  margin: 0;
}
.l-content .point_02 .tableBlockList--guide thead .cols__1 {
  width: 25%;
}
.l-content .point_02 .tableBlockList--guide thead .cols__3 {
  width: 30%;
}
.l-content .point_02 .tableBlockList--guide th {
  padding: min(1.4%,12px) min(1.2%,10px);
  border-right: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  background-color: #e6e6e6;
  font-size: min(1.08vw,15px);
  text-align: left;
  font-weight: bold;
}
.l-content .point_02 .tableBlockList--guide td {
  padding: min(1.4%,12px) min(1.2%,10px);
  border-right: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  background-color: #fff;
  font-size: min(1.08vw,15px);
  text-align: left;
}
.l-content .point_02 .tableBlockList--guide td.imgStrok img {
  width: 35.8%;
  max-width: 86px;
  height: auto;
}
/**/
.l-content .point_02 .item:nth-of-type(3) p.txt {
  font-size: min(1.36vw,19px);
  margin-bottom: min(0.91%,10px);
}
.l-content .point_02 .item:nth-of-type(3) p.image {
  width: 72.8%;
  max-width: 800px;
  margin: 0 auto;
}

/*point_03*/
.l-content .point_03 .item:first-of-type p.image {
  width: 60%;
  max-width: 660px;
  margin: 0 auto;
}
.l-content .point_03 .item:first-of-type > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(7.28%,80px);
  margin-top: min(4.55%,50px);
}
.l-content .point_03 .item:first-of-type div:first-of-type > p.image {
  width: 42.9%;
  max-width: 460px;
  margin: 0;
}
.l-content .point_03 .item:nth-of-type(2) p.image {
  width: 81.9%;
  max-width: 900px;
  margin: 0 auto min(4.55%,50px);
}
.l-content .point_03 .item:nth-of-type(3) p.image {
  width: 45.8%;
  max-width: 503px;
  margin: 0 auto min(3.7%,40px);
}
.l-content .point_03 .item:nth-of-type(3) .btn:nth-of-type(2) {
  margin-top: min(1.9%,20px);
}

/*regist*/
.l-content .regist .list {
  width: 90%;
  max-width: 990px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: min(1.82vw,20px) 0;
  margin: 0 auto min(2.8%,30px);
}
.l-content .regist .list .item {
  width: 33.3%;
  max-width: 330px;
  height: 18.7vw;
  max-height: 250px;
  box-sizing: border-box;
  padding: 0 min(2.1%,20px);
  border-right: dotted 1px #bfbfbf;
}
.l-content .regist .list .item:nth-of-type(3),
.l-content .regist .list .item:last-of-type {
  border-right: none;
}
.l-content .regist .list .item:nth-of-type(4),
.l-content .regist .list .item:last-of-type {
  height: 14.3vw;
  max-height: 200px;
}
.l-content .regist .list .item > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: min(3.1%,10px);
}
.l-content .regist .list .item .ttl,
.l-content .regist .list .item .txt,
.l-content .regist .list .item ul {
  text-align: left;
}
.l-content .regist .list .item .icon {
  width: 23.6%;
  max-width: 68px;
}
.l-content .regist .list .item .icon img {
  width: 100%;
  height: auto;
}
.l-content .regist .list .item .ttl {
  font-size: min(1.22vw,17px);
}
.l-content .regist .list .item .txt {
  font-size: min(0.93vw,13px);
  margin-top: min(3.1%,10px);
}
.l-content .regist .list .item ul li {
  font-size: min(0.93vw,13px);
}
.l-content .regist .liststyle--li {
	list-style-position: inside;
	list-style-type: disc;
}
.l-content .regist .login {
  display: inline-block;
  font-size: min(0.93vw,13px);
  margin-top: min(0.91%,10px);
  text-align: left;
}