/*==========================
color
==========================*/

:root {
  --primary-color: #6c5ed3;
  --secondary-color: #f0effb;
  --tertiary-color: #f5f5f5;
  --text-light: #10122a;
  --label-light: #606060;
  --nav-text-light: #7e818e;
  --link-text: #3f8cff;
  --background-light: #fff;
  --border-light: #eaeaea;
}


.p1 {
  color: #ff754c !important;
}

.p2 {
  color: #3f8cff !important;
}

.p3 {
  color: #7dba77 !important;
}

.bnr {
  width: 100%;
  height: auto;
  margin: 0 auto 40px;
}

@media screen and (max-width: 1078px) {
  .bnr {
    width: 325px;
  }
}

.bnr a {
  display: block;
}

.bnr img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 799px) {
  .pc-co {
    display: none;
  }
  .sp-co {
    display: block;
  }
}

@media screen and (min-width: 800px) {
  .pc-co {
    display: block;
  }
  .sp-co {
    display: none;
  }
}


/*==========================
paginate
==========================*/

.pagination {
  clear: both;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 3% 0 0 0
}

.pagination-box {
  margin: 0 auto; }
  .pagination-box:after {
    content: "";
    clear: both;
    display: block; }

.pagination span, .pagination a {
  background-color: #f1f1f1;
  box-sizing: border-box;
  border-radius: 4px;
  color: #10122a;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin-right: 10px;
  transition: .2s;
}

.pagination span:last-child, 
.pagination a:last-child {
  margin-right: 0;
}

.pagination a:hover{
  background-color: #f0effb;
  color: var(--primary-color);
}

.pagination .current{
  background-color: var(--primary-color);
  color: #fff;
  height: 50px;
  line-height: 50px; }

.pagination .page-of {
  display: none; }

@media screen and (max-width: 499px) {
  .pagination span, .pagination a {
    width: 40px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    margin-right: 3px;
  }
  .pagination .current {
    height: 40px;
    line-height: 40px;
  }
}


/*==========================
breadcrumb
==========================*/

.breadcrumb-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.breadcrumb-item {
  background-image: url(../images/icons/chevron-right.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  padding: 0 24px 0 0;
  position: relative;
}

.breadcrumb-item:last-child {
  background-image: none;
}

.breadcrumb-item a,
.breadcrumb-item span {
  font-size: 12px;
  line-height: 18px;
  display: block;
}

.breadcrumb-item > span {
  max-height: 18px;
  overflow: hidden;
  display: block;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}

.breadcrumb-item a span {
  color: var(--link-text);
  white-space: nowrap;
}

.breadcrumb .icon-home {
  width: 18px;
  height: 18px;
  position: relative;
}

.breadcrumb .icon-home svg {
  fill: var(--link-text);
  width: 18px;
  height: 18px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 799px) {
  .breadcrumb {
    border-bottom: 1px solid var(--border-light);
    padding: 15px;
  }
}

@media screen and (max-width: 499px) {
  .breadcrumb {
    padding: 10px 15px;
  }
}

/*==========================
tag-list
==========================*/

.tag-item {
  float: left;
  margin-right: 10px;
}

.tag-item:last-child {
  margin-right: 0;
}

.tag-item a {
  background-color: #f5f6f9;
  border-radius: 4px;
  color: #221f20;
  display: block;
  font-size: 13px;
  padding: 8px 20px;
}

.tag-item.is-active a {
  background-color: #d2e6ff;
  color: #1f88fc;
  font-weight: bold;
}

/*==========================
btn
==========================*/

.l-container_main__btn {
  width: 40%;
  margin: 40px auto 30px;
}

.sub-block_btn {
  display: none;
  width: 100%;
  margin: 40px auto 20px;
}

.l-container_main__btn a,
.l-container_main__btn input,
.sub-block_btn a {
  background-repeat: no-repeat;
  background-position: right 30px center;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 20px 0;
  position: relative;
  transition: .2s;
}

@media screen and (min-width: 500px) and (max-width: 799px) {
  .l-container_main__btn {
    width: 60%;
    margin: 20px auto 40px;
  }
}


@media screen and (max-width: 499px) {
  .l-container_main__btn {
    width: 100%;
    margin: 20px auto 30px;
  }
  .l-container_main__btn a,
  .l-container_main__btn input,
  .sub-block_btn a {
    border-radius: 999px;
    font-size: 14px;
    padding: 18px 0;
  }
  .sub-block_btn {
    display: block;
  }
}

.l-container_main__btn a:hover,
.l-container_main__btn input:hover {
  background-color: #000;
}

.btn-primary {
  color: #fff;
  background-color: var(--primary-color);
}

.btn-secondary {
  color: #10122a;
  background-color: var(--primary-color);
}

.btn-arrow {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="M17.2928932,13 L7.5,13 C7.22385763,13 7,12.7761424 7,12.5 C7,12.2238576 7.22385763,12 7.5,12 L17.2928932,12 L14.1464466,8.85355339 C13.9511845,8.65829124 13.9511845,8.34170876 14.1464466,8.14644661 C14.3417088,7.95118446 14.6582912,7.95118446 14.8535534,8.14644661 L18.8535534,12.1464466 C19.0488155,12.3417088 19.0488155,12.6582912 18.8535534,12.8535534 L14.8535534,16.8535534 C14.6582912,17.0488155 14.3417088,17.0488155 14.1464466,16.8535534 C13.9511845,16.6582912 13.9511845,16.3417088 14.1464466,16.1464466 L17.2928932,13 Z"/></svg>');
}

.btn-external {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="M19.2928932,4 L16.5,4 C16.2238576,4 16,3.77614237 16,3.5 C16,3.22385763 16.2238576,3 16.5,3 L20.5,3 C20.7761424,3 21,3.22385763 21,3.5 L21,7.5 C21,7.77614237 20.7761424,8 20.5,8 C20.2238576,8 20,7.77614237 20,7.5 L20,4.70710678 L14.8535534,9.85355339 C14.6582912,10.0488155 14.3417088,10.0488155 14.1464466,9.85355339 C13.9511845,9.65829124 13.9511845,9.34170876 14.1464466,9.14644661 L19.2928932,4 L19.2928932,4 Z M20,11.5 C20,11.2238576 20.2238576,11 20.5,11 C20.7761424,11 21,11.2238576 21,11.5 L21,18.5 C21,19.8807119 19.8807119,21 18.5,21 L5.5,21 C4.11928813,21 3,19.8807119 3,18.5 L3,5.5 C3,4.11928813 4.11928813,3 5.5,3 L12.5,3 C12.7761424,3 13,3.22385763 13,3.5 C13,3.77614237 12.7761424,4 12.5,4 L5.5,4 C4.67157288,4 4,4.67157288 4,5.5 L4,18.5 C4,19.3284271 4.67157288,20 5.5,20 L18.5,20 C19.3284271,20 20,19.3284271 20,18.5 L20,11.5 Z"/></svg>');
}

.btn-contact {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="M3.84674576,17.8602756 C4.0442161,17.955959 4.26584099,18.0096122 4.49999728,18.0096122 L19.5,18.0096122 C19.734157,18.0096122 19.9557825,17.9559587 20.1532533,17.8602747 L14.2446247,12.2992125 L12.3178536,13.8859651 C12.1332257,14.0380116 11.8667743,14.0380116 11.6821464,13.8859651 L9.75537533,12.2992125 L3.84674576,17.8602756 L3.84674576,17.8602756 Z M3.1430925,17.1498223 C3.1477226,17.1451097 3.15246435,17.1404678 3.15731765,17.1359 L8.97720082,11.6583629 L3.18214637,6.88596512 C3.16950983,6.87555855 3.15751523,6.86466152 3.14616744,6.85332433 C3.05246763,7.04913384 2.99999728,7.26843937 2.99999728,7.5 L2.99999728,16.5096122 C2.99999728,16.7386275 3.05132045,16.9556556 3.1430925,17.1498223 L3.1430925,17.1498223 Z M20.8569057,17.1498204 C20.9486772,16.9556542 21,16.7386268 21,16.5096122 L21,7.5 C21,7.26844009 20.94753,7.04913522 20.8538307,6.85332617 C20.8424835,6.86466269 20.8304895,6.87555911 20.8178536,6.88596512 L15.0227992,11.6583629 L20.8426823,17.1359 C20.847535,17.1404672 20.8522762,17.1451085 20.8569057,17.1498204 L20.8569057,17.1498204 Z M20.1444281,6.14509696 C19.9491886,6.05206979 19.7306751,6 19.5,6 L4.49999728,6 C4.26932289,6 4.05080997,6.05206949 3.85557086,6.14509614 L12,12.8522731 L20.1444281,6.14509696 L20.1444281,6.14509696 Z M4.49999728,5 L19.5,5 C20.8807119,5 22,6.11928813 22,7.5 L22,16.5096122 C22,17.8903241 20.8807119,19.0096122 19.5,19.0096122 L4.49999728,19.0096122 C3.11928541,19.0096122 1.99999728,17.8903241 1.99999728,16.5096122 L1.99999728,7.5 C1.99999728,6.11928813 3.11928541,5 4.49999728,5 Z"/></svg>');
}

.btn-secondary {
  color: #10122a;
  background-color: #e4e4e4;
}

.l-container_main__btn a.sp-margin,
.sub-block_btn a.sp-margin  {
  width: 80%;
  margin: 0 auto;
}

/*==========================
select-content
==========================*/

.select-content {
  padding: 20px 15px;
}

.select-content select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path fill="%2310122a" d="M15.1746043,10.1203717 C15.3842672,9.94066062 15.6999172,9.96494139 15.8796283,10.1746043 C16.0593394,10.3842672 16.0350586,10.6999172 15.8253957,10.8796283 L12.3253957,13.8796283 C12.1381508,14.0401239 11.8618492,14.0401239 11.6746043,13.8796283 L8.17460431,10.8796283 C7.96494139,10.6999172 7.94066062,10.3842672 8.1203717,10.1746043 C8.30008277,9.96494139 8.61573277,9.94066062 8.82539569,10.1203717 L12,12.8414611 L15.1746043,10.1203717 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: top 13px right 10px;
  background-color: var(--tertiary-color);
  border-radius: 10px;
  color: var(--label-light);
  width: 100%;
  font-size: 13px;
  height: 56px;
  padding: 15px;
}