@charset "UTF-8";
/* 文字コードの指定 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap");
html {
  font-size: 62.5%;
}

*, h1, h2 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  color: #383b40;
  background-color: #ffffff;
}
body #contents {
  width: 75rem;
  margin: 0 auto;
  background-color: #e4f2f5;
}

p {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #383b40;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.header {
  background-color: #ffffff;
  padding: 2.6rem 0;
  position: relative;
}
.header .header_note {
  font-size: 1.5rem;
  position: absolute;
  right: 20px;
  top: 5px;
}
.header .header-container {
  text-align: center;
}
.header .header-container .header-logo {
  cursor: pointer;
  width: 32rem;
  margin: 0 auto;
}

.first-view {
  width: 71rem;
  margin: 5rem auto 0;
}

.search-query  h3 {
  color: #666666;
  font-size: 2.6rem;
  border-bottom: solid 2px #20858f;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.search-query .search-query-list{
  color: #666666;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.search-query .search-query-list .search-query-list-span {
  color: #20858f;
}

.search-query-btn-wrapper .search-query-btn {
  text-align: center;
  background-color: #20858f;
  border-radius: 40px;
  color: #fff;
  display: block;
  font-size: 3rem;
  margin: 60px auto;
  padding: 15px 0;
  width: 70%;
}

.search-query-btn-wrapper .search-query-btn span::before {
  content: url(../images/icon_search.png);
  position: relative;
  top: 0.8rem;
  right: 1rem;
}

.search-query-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.search-query-result {
    font-size: 2.5rem;
    font-weight: bold;
}

.search-query-result_span {
  color: #fd9c30;
  font-size: 4rem;
}

.search-query-sort select {
  background-color: #fff;
  border: solid 1px #bcc7c8;
  border-radius: 6px;
  font-size: 2rem;
  font-weight: 700;
  height: 4.8rem;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  width: 30rem
}

.search-view .detail {
  width: 71rem;
  margin: 5rem auto 0;
  border: 0.3rem solid #909bd7;
  border-radius: 1rem;
  background-color: #ededed;
  padding-bottom: 7rem;
}

.search-view .search-container .title {
  background: linear-gradient(180deg, #3096a0 0%, #3096a0 50%, #20858f 50%, #20858f 100%);
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  width: 100%;
}

.search-view .search-container .title p::before {
  content: url(../images/icon_card_serch.png);
  vertical-align: -5px;
}

.search-view .search-container form .search-select {
  background-color: #ffffff;
  border: solid 1.5px #aaaaaa;
  border-radius: 1rem;
  box-shadow: 0 5px 5px 0 rgba(150, 150, 150, .5);
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  padding: 10px 10px 10px 10px;
  width: 90%;
}

.search-view .search-container form .search-select-top {
  margin-top: 50px;
}

.search-view .search-container form .search-select label {
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 50px;
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.search-view .search-container form .search-select select {
  appearance: none;
  background-image: url("../images/icon_down.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  border: none;
  color: #383b40;
  cursor: pointer;
  font-size: 2.3rem;
  height: 50px;
  outline: none;
  padding-left: 300px;
  position: relative;
  width: 100%;
}

.select-outline {
  animation: flash 0.5s ease infinite alternate;
}

@keyframes flash {
  0% {
    outline: 6px solid rgb(255, 106, 0);
  }

  100% {
    outline: 6px solid rgb(250, 182, 139);
  }
}

.search-view .search-container .search-table {
  margin: 30px auto;
  width: 90%;
  box-shadow: 0 3px 3px 0 rgba(150, 150, 150, .5);
}

.search-view .search-container .search-table caption {
  background-color: #eca049;
  border-radius: 1rem 1rem 0 0;
  color: #ffffff;
  font-size: 2.3rem;
  padding-top: 10px;
  padding-bottom: 10px;  
}

.search-view .search-container .search-table tr {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor: pointer;
  background-color: #ffffff;
}

.search-view .search-container .search-table tr td input {
  height: 2.3rem;
  margin-right: 20px;
  width: 2.3rem;
}

.search-view .search-container .search-table tr td {
  padding-left: 15px;
  vertical-align: middle;
  width: 33%;
}

.search-view .search-container #world_brand tr td:nth-of-type(2) img {
  padding: 5px;
  width: 36%;
}

.search-view .search-container #world_brand tr td:nth-of-type(2) input {
  vertical-align: 13px;
}

.search-view .search-container #world_brand tr td:nth-of-type(3) input {
  vertical-align: 18px;
}

.search-view .search-container #world_brand tr:nth-of-type(2) td:nth-of-type(2) input {
  vertical-align: 21px;
}

.search-view .search-container #world_brand tr td:nth-of-type(3) img {
  padding: 5px;
}

.search-view .search-container #world_brand tr td img {
  width: 40%;
}

.search-view .search-container #electronic-money tr:nth-of-type(1) td:nth-of-type(1) img {
  width: 114px;
}

.search-view .search-container #electronic-money tr:nth-of-type(1) td:nth-of-type(1) input {
  vertical-align: 18px;
}

.search-view .search-container #electronic-money tr:nth-of-type(1) td:nth-of-type(2) img {
  width: 114px;
}

.search-view .search-container #electronic-money tr:nth-of-type(1) td:nth-of-type(2) input {
  margin-right: unset;
  vertical-align: 25px;
}

.search-view .search-container #electronic-money tr:nth-of-type(1) td:nth-of-type(3) input {
  margin-right: 10px;
  vertical-align: 8px;
}

.search-view .search-container #electronic-money tr:nth-of-type(2) td:nth-of-type(1) input {
  vertical-align: 18px;
}

.search-view .search-container #electronic-money tr:nth-of-type(2) td:nth-of-type(1) img {
  padding: 10px;
  width: 83px;
}

.search-view .search-container #electronic-money tr:nth-of-type(2) td:nth-of-type(2) input {
  margin-right: 15px;
  vertical-align: 9px;
}

.search-view .search-container #electronic-money tr:nth-of-type(2) td:nth-of-type(2) img {
  width: 83px;
}

.search-view .search-container #electronic-money tr:nth-of-type(2) td:nth-of-type(3) input {
  margin-right: 10px;
  vertical-align: 8px;
}

.search-view .search-container #electronic-money tr:nth-of-type(2) td:nth-of-type(3) img {
  width: 83px;
}

.search-view .search-container #electronic-money tr:nth-of-type(3) td:nth-of-type(1) input {
  margin-right: 2px;
  vertical-align: 27px;
}

.search-view .search-container #electronic-money tr:nth-of-type(3) td:nth-of-type(1) img {
  padding: 5px;
  width: 123px;
}

.search-view .search-container #search_advanced tr td p,
.search-view .search-container #search_advanced tr td input {
  display: inline-block;
  vertical-align: middle;
}

.search-view .search-container #search_advanced tr td input {
  margin-right: 10px;
}

.search-view .search-container #search_advanced tr td {
  font-size: 2.3rem;
  font-weight: bold;
  height: 80px;
}

.action-check-background-color {
  background-color: #e4f2f5;
}

.search-view .search-container .btn-container {
  background: linear-gradient(#ff9d3e, #ff6600);
  box-shadow: 0 0.5rem 0 #cf6906;
  border: 0.2rem solid #ff5a00;
  border-radius: 5rem;
  display: block;
  margin: 5rem auto 0;
  padding: 3.5rem 5rem 3rem;
  position: relative;
  text-align: center;
  width: 70%;
}

.search-view .search-container .btn-container .btn-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 3rem;
  margin-left: 4rem;
}

.search-view .search-container .btn-container .btn-text:before {
  content: url(../images/icon_search.png);
  position: absolute;
  left: 8rem;
  top: 3rem;
}

.search-view .search-container .btn-container .btn-text:after {
  border-top: 0.4rem solid #ffffff;
  border-right: 0.4rem solid #ffffff;
  content: "";
  height: 1.2rem;
  position: absolute;
  right: 3rem;
  top: 4.2rem;
  transform: rotate(45deg);
  width: 1.2rem;
}

.search-view .search-container .btn-container .searchForm_iconSearch {
  width: 1.4rem;
  height: 1.4rem;
}

.announce {
    font-size: 12px;
}

.og {
    color: #ff5a00;
}

.second-view {
  margin-top: 5.5rem;
}

.second-view .snd-container .msg-container {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #20858f;
  padding: 4rem 0;
}
.second-view .snd-container .msg-container .msg {
  position: relative;
  display: inline-block;
  padding-left: 8rem;
  letter-spacing: 0.03em;
}
.second-view .snd-container .msg-container .msg .icon {
  position: absolute;
  top: -0.6rem;
  left: 1rem;
  width: 5rem;
}
.second-view .snd-container .detail {
  width: 71rem;
  margin: 5rem auto 0;
  border: 0.3rem solid #20858f;
  border-radius: 1rem;
  background-color: #ffffff;
  padding-bottom: 7rem;
}
.second-view .snd-container .detail .title {
  font-size: 2.5rem;
  font-weight: bold;
  padding: 2.5rem 0;
  letter-spacing: 0.05em;
}
.second-view .snd-container .detail .title .heading {
  padding-left: 13rem;
  position: relative;
  display: inline-block;
}
.second-view .snd-container .detail .title .heading .crow {
  position: absolute;
  top: -2.5rem;
  left: 2.2rem;
  width: 8rem;
}
.second-view .snd-container .detail .title .heading a {
  color: #ffffff;
}
.second-view .snd-container .detail .title .heading a:hover {
  text-decoration: underline;
}
.second-view .snd-container .detail .detail-inner {
  width: 66rem;
  margin: 0 auto;
}
.second-view .snd-container .detail .detail-inner .card-img {
  width: 36rem;
  margin: 3rem auto 0;
  display: block;
}
.second-view .snd-container .detail .detail-inner .card-img img {
  width: 100%;
}
.second-view .snd-container .detail .detail-inner .outline {
  position: relative;
}
.second-view .snd-container .detail .detail-inner .outline .feature-img {
  position: absolute;
  width: 13rem;
  top: -13rem;
  right: 0;
}
.second-view .snd-container .detail .detail-inner .recommend {
  margin-top: 5.5rem;
  border: 0.2rem solid #ff9228;
  border-radius: 1rem;
  background-color: #fff7ee;
  position: relative;
  width: 100%;
  padding: 3.5rem 2.2rem 2rem;
}
.second-view .snd-container .detail .detail-inner .recommend::before {
  content: attr(data-text);
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -2.5rem;
  text-align: center;
  background-color: #ff9228;
  width: 24rem;
  padding: 1rem 0;
  border-radius: 4rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 2rem;
}
.second-view .snd-container .detail .detail-inner .recommend .point-list li {
  position: relative;
  font-size: 2.9rem;
  font-weight: bold;
  padding-left: 5.5rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
.second-view .snd-container .detail .detail-inner .recommend .point-list li::before, .second-view .snd-container .detail .detail-inner .recommend .point-list li::after {
  content: "";
  display: block;
  position: absolute;
}
.second-view .snd-container .detail .detail-inner .recommend .point-list li::before {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: #ff9228;
  left: 0.5rem;
  top: 0.7rem;
}
.second-view .snd-container .detail .detail-inner .recommend .point-list li::after {
  border-left: 0.3rem solid #ffffff;
  border-bottom: 0.3rem solid #ffffff;
  width: 1.2rem;
  height: 0.6rem;
  transform: rotate(309deg);
  left: 1.5rem;
  top: 1.7rem;
}
.second-view .snd-container .detail .detail-inner .recommend .point-list li:nth-of-type(n + 2) {
  margin-top: 1.2rem;
}
.second-view .snd-container .detail .detail-inner .feature {
  margin-top: 3.2rem;
  width: 100%;
  border-radius: 1rem;
  border: 0.2rem solid #20858f;
}
.second-view .snd-container .detail .detail-inner .feature .feature-title {
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #20858f;
  text-align: center;
  padding: 2.5rem 1rem;
  border-radius: 0.3rem 0.3rem 0 0;
}
.second-view .snd-container .detail .detail-inner .feature .inner {
  padding: 3rem;
}
.second-view .snd-container .detail .detail-inner .feature .inner .inner-heading {
  font-size: 3rem;
  color: #20858f;
  background: linear-gradient(transparent 70%, #fffa7b 0%);
  display: inline;
}
.second-view .snd-container .detail .detail-inner .feature .inner .inner-text {
  font-size: 2.8rem;
  line-height: 1.9;
  margin-top: 2rem;
}
.second-view .snd-container .detail .detail-inner .boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.8rem;
  margin-top: 2.5rem;
}
.second-view .snd-container .detail .detail-inner .note_position {
  position: relative;
  row-gap: 2.4rem;
}
.second-view .snd-container .detail .detail-inner .boxes .box {
  width: 32%;
  min-height: 17rem;
  text-align: center;
  border-radius: 1rem;
  border: 0.2rem solid #dfe3e3;
}
.second-view .snd-container .detail .detail-inner .boxes .box .box-title {
  color: #20858f;
  text-align: center;
  padding: 1.5rem 0;
  background-color: #f6f9f9;
  border-radius: 0.9rem 0.9rem 0 0;
}
.second-view .snd-container .detail .detail-inner .boxes .box .box-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 69%;
  padding: 0 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.second-view .snd-container .detail .detail-inner .boxes .box .box-inner-text {
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.3;
}
.second-view .snd-container .detail .detail-inner .boxes .box:nth-of-type(n + 4) {
  width: 49%;
}
.second-view .snd-container .detail .detail-inner .boxes .box:nth-of-type(n + 4) .box-inner-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 1rem;
}
.second-view .snd-container .detail .detail-inner .boxes .box:nth-of-type(n + 4) .box-inner-logos li {
  width: 5rem;
}
.second-view .snd-container .detail .detail-inner .boxes .box:nth-of-type(n + 4):last-child .box-inner-logos {
  width: 70%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.second-view .snd-container .detail .detail-inner .campaign {
  margin-top: 3rem;
  width: 100%;
  border: solid 0.2rem #ff9228;
  border-radius: 1rem;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-title {
  background-color: #ff9228;
  text-align: center;
  color: #ffffff;
  padding: 1.4rem 0;
  font-size: 4rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text {
  text-align: center;
  background-color: #fff7ee;
  padding: 2rem 0.5rem;
  border-radius: 0 0 1rem 1rem;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text p {
  font-weight: bold;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text .highlight {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: linear-gradient(transparent 70%, #fffa7b 0%);
  display: inline-block;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text .highlight::before, .second-view .snd-container .detail .detail-inner .campaign .campaign-text .highlight::after {
  content: "";
  width: 0.2rem;
  height: 2.5rem;
  background-color: #383b40;
  position: absolute;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text .highlight::before {
  margin-left: -2rem;
  transform: rotate(-20deg);
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text .highlight::after {
  margin-left: 2rem;
  transform: rotate(20deg);
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text .snd-line {
  margin-top: 1rem;
  font-size: 2.9rem;
}
.trd-line {
  position: relative;
  font-size: 1.4rem;
  padding-left: 2rem;
  text-align: left;
  line-height: 1.25;
}
.trd-line::before {
  content: "・";
  position: absolute;
  left: 0;
}
.second-view .snd-container .detail .detail-inner .campaign .campaign-text .og {
  color: #ff5a00;
}
.second-view .snd-container .detail .detail-inner .btn-container {
  text-align: center;
  margin-top: 3.2rem;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn-msg-container {
  color: #ff5a00;
  font-weight: bold;
  font-size: 2.6rem;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn-msg-container p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn-msg-container p::before, .second-view .snd-container .detail .detail-inner .btn-container .btn-msg-container p::after {
  content: "";
  width: 0.2rem;
  height: 3rem;
  background-color: #ff5a00;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn-msg-container p::before {
  margin-right: 2.5rem;
  transform: rotate(-20deg);
}
.second-view .snd-container .detail .detail-inner .btn-container .btn-msg-container p::after {
  margin-left: 2.5rem;
  transform: rotate(20deg);
}
.second-view .snd-container .detail .detail-inner .btn-container .btn {
  width: 100%;
  display: block;
  border-radius: 5rem;
  padding: 3.5rem 5rem 3rem;
  position: relative;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn::after {
  content: "";
  position: absolute;
  right: 3rem;
  top: 4.2rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(45deg);
}
.second-view .snd-container .detail .detail-inner .btn-container .btn .btn-text {
  font-weight: bold;
  font-size: 3rem;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:first-of-type {
  background: linear-gradient(#ff9d3e, #ff6600);
  box-shadow: 0 0.5rem 0 #cf6906;
  border: 0.2rem solid #ff5a00;
  margin-top: 2rem;
  text-align: left;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:first-of-type::after {
  border-top: 0.4rem solid #ffffff;
  border-right: 0.4rem solid #ffffff;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:first-of-type .btn-text {
  color: #ffffff;
  margin-left: 4rem;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:first-of-type .btn-text span {
  color: #ff9228;
  background-color: #ffffff;
  border-radius: 5rem;
  padding: 1.5rem 2.5rem;
  font-size: 2.4rem;
  margin-right: 1.5rem;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:nth-of-type(2) {
  text-align: center;
  background-color: #ffffff;
  border: 0.2rem solid #ff9228;
  margin-top: 3rem;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:nth-of-type(2)::after {
  border-top: 0.4rem solid #ff9228;
  border-right: 0.4rem solid #ff9228;
}
.second-view .snd-container .detail .detail-inner .btn-container .btn:nth-of-type(2) .btn-text {
  color: #ff9228;
}
.second-view .snd-container .detail:first-of-type {
  border: 0.3rem solid #eba80d;
}
.second-view .snd-container .detail:first-of-type .title {
  background: linear-gradient(180deg, #f0b824 0%, #f0b824 50%, #eba80d 50%, #eba80d 100%);
}
.second-view .snd-container .detail:first-of-type .boxes .box:first-of-type .box-inner {
  background-image: url(../images/double-circle.png);
}
.second-view .snd-container .detail:first-of-type .boxes .box:nth-of-type(2) .box-inner {
  background-image: url(../images/double-circle.png);
}
.second-view .snd-container .detail:nth-of-type(2) {
  border: 0.3rem solid #959595;
}
.second-view .snd-container .detail:nth-of-type(2) .title {
  background: linear-gradient(180deg, #afafaf 0%, #afafaf 50%, #959595 50%, #959595 100%);
}
.note-list {
  counter-reset: number 0;
}
.note_text {
  font-size: 12px;
  position: absolute;
  top: 47%;
}
.note-list .note {
  display: block;
  line-height: 1.25;
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.4rem;
  color: #9ea4af;
}
.note-list .note:first-of-type {
  margin-top: 1rem;
}
.note-list .note::before {
  position: absolute;
  left: 0;
  counter-increment: number 1;
  content: "※" counter(number) ".";
}

.double-circle {
  background-image: url(../images/double-circle.png);
}

.circle {
  background-image: url(../images/circle.png);
}

.triangle {
  background-image: url(../images/triangle.png);
}

.second-view .snd-container .detail:nth-of-type(3) {
  border: 0.3rem solid #b16d3c;
}
.second-view .snd-container .detail:nth-of-type(3) .title {
  background: linear-gradient(180deg, #c78352 0%, #c78352 50%, #b16d3c 50%, #b16d3c 100%);
}

.second-view .snd-container .detail:nth-of-type(8) .box:nth-of-type(1) {
  height: 20rem;
}

.second-view .snd-container .detail:nth-of-type(8) .box:nth-of-type(2) {
  height: 20rem;
}
.second-view .snd-container .detail:nth-of-type(8) .box:nth-of-type(3) {
  height: 20rem;
}
.second-view .snd-container .detail:nth-of-type(9) .box:nth-of-type(1) {
  height: 20rem;
}
.second-view .snd-container .detail:nth-of-type(9) .box:nth-of-type(2) {
  height: 20rem;
}
.second-view .snd-container .detail:nth-of-type(9) .box:nth-of-type(2) .box-inner .box-inner-text li:nth-of-type(2) {
  font-size: 1.2rem;
}
.second-view .snd-container .detail:nth-of-type(9) .box:nth-of-type(3) {
  height: 20rem;
}
.second-view .snd-container .detail:nth-of-type(n + 4) {
  border: 0.3rem solid #20858f;
}
.second-view .snd-container .detail:nth-of-type(n + 4) .title {
  background: linear-gradient(180deg, #3096a0 0%, #3096a0 50%, #20858f 50%, #20858f 100%);
}
.second-view .snd-container .detail:nth-of-type(n + 4) .title .heading .crow {
  position: absolute;
}
.second-view .snd-container .detail:nth-of-type(n + 4) .title .heading .crow::before {
  content: "";
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0.7rem;
}
.second-view .snd-container .detail:nth-of-type(n + 4) .title .heading .crow::after {
  content: "";
  font-size: 4.8rem;
  position: absolute;
  color: #20858f;
  font-weight: bold;
  left: 2.2rem;
  top: 2rem;
}
.second-view .snd-container .detail:nth-of-type(4) .title .heading .crow {
  position: absolute;
  top: -2.5rem;
  left: 2.2rem;
}

.second-view .snd-container .detail:nth-of-type(4) .title .heading .crow::after {
  content: "4";
  font-size: 4.8rem;
  position: absolute;
  color: #20858f;
  font-weight: bold;
  left: 2rem;
}
.second-view .snd-container .detail:nth-of-type(5) .title .heading .crow {
  position: absolute;
}
.second-view .snd-container .detail:nth-of-type(5) .title .heading .crow::after {
  content: "5";
}
.second-view .snd-container .detail:nth-of-type(6) .title .heading .crow {
  position: absolute;
}
.second-view .snd-container .detail:nth-of-type(6) .title .heading .crow::after {
  content: "6";
}
.second-view .snd-container .detail:nth-of-type(7) .title .heading .crow {
  position: absolute;
  top: -2.5rem;
  left: 2.2rem;
}
.second-view .snd-container .detail:nth-of-type(7) .title .heading .crow::after {
  content: "7";
  font-size: 4.8rem;
  position: absolute;
  color: #20858f;
  font-weight: bold;
  left: 2rem;
}
.second-view .snd-container .detail:nth-of-type(8) .title .heading .crow {
  position: absolute;
}
.second-view .snd-container .detail:nth-of-type(8) .title .heading .crow::after {
  content: "8";
}
.second-view .snd-container .detail:nth-of-type(9) .title .heading .crow {
  position: absolute;
}
.second-view .snd-container .detail:nth-of-type(9) .title .heading .crow::after {
  content: "9";
}
.second-view .snd-container .detail:nth-of-type(10) .title .heading .crow {
  position: absolute;
}
.second-view .snd-container .detail:nth-of-type(10) .title .heading .crow::after {
  content: "10";
  left: 3px;
}

.footer {
  border-top: 0.6rem solid #20858f;
  background-color: #ffffff;
  margin-top: 10rem;
}
.footer .footer-container {
  width: 58rem;
  margin: 7.5rem auto 4.5rem;
}
.footer .footer-container .footer-logo {
  width: 370px;
  margin: 0 auto;
}
.footer .footer-container .heading-container {
  margin-top: 5.2rem;
}
.footer .footer-container .heading-container a {
  color: #9ea4af;
}
.footer .footer-container .heading-container .heading {
  display: inline-block;
  font-size: 2.2rem;
  position: relative;
  font-weight: 300;
}
.footer .footer-container .heading-container .heading::after {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: #9ea4af;
  position: absolute;
  bottom: 0rem;
  left: 0;
}
.footer .footer-container .mng-info {
  font-size: 2rem;
  margin-top: 2.4rem;
  font-weight: 300;
  letter-spacing: 0.15rem;
  line-height: 3.3rem;
  color: #9ea4af;
}
.footer .footer-container .site-info {
  margin-top: 1.5rem;
  color: #8e96a5;
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: baseline;
}
.footer .footer-container .site-info .site-info-heading {
  font-size: 2.3rem;
  font-family: "Poppins";
  font-weight: bold;
  letter-spacing: 0.3rem;
}
.footer .footer-container .site-info .site-info {
  font-size: 2.2rem;
  position: relative;
}
.footer .footer-container .site-info .site-info a {
  color: #8e96a5;
}
.footer .footer-container .site-info .site-info::after {
  content: "";
  position: absolute;
  height: 0.1rem;
  width: 100%;
  background: #8e96a5;
  bottom: 0;
}
.footer .copy-right {
  text-align: center;
  padding: 3.8rem 0;
  letter-spacing: 0.12em;
}
.footer .copy-right span {
  color: #9ea4af;
}/*# sourceMappingURL=style.css.map */

/* ローディングモーダル */
.isLoading .scoped-list li {
	width: 100%;
	text-align: center;
}

.p-backtotop {
  right: 1.6rem;
  bottom: 1.5rem;
  position: fixed;
  z-index: 1300;
  width: 10rem;
  height: 10rem;
  background-color: rgba(5, 71, 168, 0.4);
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.p-backtotop.is-active {
    pointer-events: auto;
    opacity: 1;
}

.p-backtotop a img {
  display: block;
  margin: 25px auto;
}

/* ========================================
    modal
======================================== */
aside {
	position: fixed;
	z-index: 3000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.7);
}
aside.isDarker {
	background-color: #313131;
}

.modal-Content {
	position: relative;
	z-index: 0;
	padding: 0;
	width: 100%;
	margin: 12px;
	max-width: 500px;
}
.modal-Content-Segment {
	position: relative;
	z-index: 0;
	padding: 0;
	width: 100%;
	margin: 12px;
	max-width: 690px;
}

.scoped-content {
	padding: 1.5rem;
	width: 100%;
	max-width: 500px;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}

.scoped-icon {
	position: relative;
	height: 6rem;
	color: #0c5ed4;
}

.scoped-title {
	font-size: 2.5rem;
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 1.8;
}
.scoped-title strong {
	font-size: 125%;
}
.scoped-title.topTitle {
	padding-top: 20px;
}
.scoped-title_beginnerImage {
	width: 2rem;
	display: inline-block;
	top: -0.2em;
	position: relative;
}

.scoped-list {
	padding: 1.25rem;
	background-color: #f0f0f0;
	border-radius: 4px;
	text-align: left;
}
.scoped-list li {
	font-size: 2rem;
	margin-bottom: 1rem;
}
.scoped-list li:last-child {
	margin-bottom: 0;
}

/* ========================================
    spinner
======================================== */
.scoped-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
	width: 0;
	height: 0;
	z-index: 9999;
}
.scoped-line {
	position: absolute;
	top: -1px;
	opacity: 0;
	will-change: opacity, transform;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.scoped-line::before {
	content: "";
	position: absolute;
	width: 0.81rem;
	height: 0.27rem;
	background-color: currentColor;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(0deg) translate(0.9rem, 0);
	transform: rotate(0deg) translate(0.9rem, 0);
	border-radius: 10px;
}
.scoped-line:nth-child(1) {
	-webkit-animation-name: animeSpinnerLine1;
	animation-name: animeSpinnerLine1;
}
.scoped-line:nth-child(1)::before {
	-webkit-transform: rotate(27.55102deg) translate(0.9rem, 0);
	transform: rotate(27.55102deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine1 {
	0% {
		opacity: 0.07143;
	}
	7.15286% {
		opacity: 0.1;
	}
	7.16286% {
		opacity: 1;
	}
	100% {
		opacity: 0.07143;
	}
}
@keyframes animeSpinnerLine1 {
	0% {
		opacity: 0.07143;
	}
	7.15286% {
		opacity: 0.1;
	}
	7.16286% {
		opacity: 1;
	}
	100% {
		opacity: 0.07143;
	}
}
.scoped-line:nth-child(2) {
	-webkit-animation-name: animeSpinnerLine2;
	animation-name: animeSpinnerLine2;
}
.scoped-line:nth-child(2)::before {
	-webkit-transform: rotate(55.10204deg) translate(0.9rem, 0);
	transform: rotate(55.10204deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine2 {
	0% {
		opacity: 0.14286;
	}
	14.29571% {
		opacity: 0.1;
	}
	14.30571% {
		opacity: 1;
	}
	100% {
		opacity: 0.14286;
	}
}
@keyframes animeSpinnerLine2 {
	0% {
		opacity: 0.14286;
	}
	14.29571% {
		opacity: 0.1;
	}
	14.30571% {
		opacity: 1;
	}
	100% {
		opacity: 0.14286;
	}
}
.scoped-line:nth-child(3) {
	-webkit-animation-name: animeSpinnerLine3;
	animation-name: animeSpinnerLine3;
}
.scoped-line:nth-child(3)::before {
	-webkit-transform: rotate(82.65306deg) translate(0.9rem, 0);
	transform: rotate(82.65306deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine3 {
	0% {
		opacity: 0.21429;
	}
	21.43857% {
		opacity: 0.1;
	}
	21.44857% {
		opacity: 1;
	}
	100% {
		opacity: 0.21429;
	}
}
@keyframes animeSpinnerLine3 {
	0% {
		opacity: 0.21429;
	}
	21.43857% {
		opacity: 0.1;
	}
	21.44857% {
		opacity: 1;
	}
	100% {
		opacity: 0.21429;
	}
}
.scoped-line:nth-child(4) {
	-webkit-animation-name: animeSpinnerLine4;
	animation-name: animeSpinnerLine4;
}
.scoped-line:nth-child(4)::before {
	-webkit-transform: rotate(110.20408deg) translate(0.9rem, 0);
	transform: rotate(110.20408deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine4 {
	0% {
		opacity: 0.28571;
	}
	28.58143% {
		opacity: 0.1;
	}
	28.59143% {
		opacity: 1;
	}
	100% {
		opacity: 0.28571;
	}
}
@keyframes animeSpinnerLine4 {
	0% {
		opacity: 0.28571;
	}
	28.58143% {
		opacity: 0.1;
	}
	28.59143% {
		opacity: 1;
	}
	100% {
		opacity: 0.28571;
	}
}
.scoped-line:nth-child(5) {
	-webkit-animation-name: animeSpinnerLine5;
	animation-name: animeSpinnerLine5;
}
.scoped-line:nth-child(5)::before {
	-webkit-transform: rotate(137.7551deg) translate(0.9rem, 0);
	transform: rotate(137.7551deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine5 {
	0% {
		opacity: 0.35714;
	}
	35.72429% {
		opacity: 0.1;
	}
	35.73429% {
		opacity: 1;
	}
	100% {
		opacity: 0.35714;
	}
}
@keyframes animeSpinnerLine5 {
	0% {
		opacity: 0.35714;
	}
	35.72429% {
		opacity: 0.1;
	}
	35.73429% {
		opacity: 1;
	}
	100% {
		opacity: 0.35714;
	}
}
.scoped-line:nth-child(6) {
	-webkit-animation-name: animeSpinnerLine6;
	animation-name: animeSpinnerLine6;
}
.scoped-line:nth-child(6)::before {
	-webkit-transform: rotate(165.30612deg) translate(0.9rem, 0);
	transform: rotate(165.30612deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine6 {
	0% {
		opacity: 0.42857;
	}
	42.86714% {
		opacity: 0.1;
	}
	42.87714% {
		opacity: 1;
	}
	100% {
		opacity: 0.42857;
	}
}
@keyframes animeSpinnerLine6 {
	0% {
		opacity: 0.42857;
	}
	42.86714% {
		opacity: 0.1;
	}
	42.87714% {
		opacity: 1;
	}
	100% {
		opacity: 0.42857;
	}
}
.scoped-line:nth-child(7) {
	-webkit-animation-name: animeSpinnerLine7;
	animation-name: animeSpinnerLine7;
}
.scoped-line:nth-child(7)::before {
	-webkit-transform: rotate(192.85714deg) translate(0.9rem, 0);
	transform: rotate(192.85714deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine7 {
	0% {
		opacity: 0.5;
	}
	50.01% {
		opacity: 0.1;
	}
	50.02% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}
@keyframes animeSpinnerLine7 {
	0% {
		opacity: 0.5;
	}
	50.01% {
		opacity: 0.1;
	}
	50.02% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}
.scoped-line:nth-child(8) {
	-webkit-animation-name: animeSpinnerLine8;
	animation-name: animeSpinnerLine8;
}
.scoped-line:nth-child(8)::before {
	-webkit-transform: rotate(220.40816deg) translate(0.9rem, 0);
	transform: rotate(220.40816deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine8 {
	0% {
		opacity: 0.57143;
	}
	57.15286% {
		opacity: 0.1;
	}
	57.16286% {
		opacity: 1;
	}
	100% {
		opacity: 0.57143;
	}
}
@keyframes animeSpinnerLine8 {
	0% {
		opacity: 0.57143;
	}
	57.15286% {
		opacity: 0.1;
	}
	57.16286% {
		opacity: 1;
	}
	100% {
		opacity: 0.57143;
	}
}
.scoped-line:nth-child(9) {
	-webkit-animation-name: animeSpinnerLine9;
	animation-name: animeSpinnerLine9;
}
.scoped-line:nth-child(9)::before {
	-webkit-transform: rotate(247.95918deg) translate(0.9rem, 0);
	transform: rotate(247.95918deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine9 {
	0% {
		opacity: 0.64286;
	}
	64.29571% {
		opacity: 0.1;
	}
	64.30571% {
		opacity: 1;
	}
	100% {
		opacity: 0.64286;
	}
}
@keyframes animeSpinnerLine9 {
	0% {
		opacity: 0.64286;
	}
	64.29571% {
		opacity: 0.1;
	}
	64.30571% {
		opacity: 1;
	}
	100% {
		opacity: 0.64286;
	}
}
.scoped-line:nth-child(10) {
	-webkit-animation-name: animeSpinnerLine10;
	animation-name: animeSpinnerLine10;
}
.scoped-line:nth-child(10)::before {
	-webkit-transform: rotate(275.5102deg) translate(0.9rem, 0);
	transform: rotate(275.5102deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine10 {
	0% {
		opacity: 0.71429;
	}
	71.43857% {
		opacity: 0.1;
	}
	71.44857% {
		opacity: 1;
	}
	100% {
		opacity: 0.71429;
	}
}
@keyframes animeSpinnerLine10 {
	0% {
		opacity: 0.71429;
	}
	71.43857% {
		opacity: 0.1;
	}
	71.44857% {
		opacity: 1;
	}
	100% {
		opacity: 0.71429;
	}
}
.scoped-line:nth-child(11) {
	-webkit-animation-name: animeSpinnerLine11;
	animation-name: animeSpinnerLine11;
}
.scoped-line:nth-child(11)::before {
	-webkit-transform: rotate(303.06122deg) translate(0.9rem, 0);
	transform: rotate(303.06122deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine11 {
	0% {
		opacity: 0.78571;
	}
	78.58143% {
		opacity: 0.1;
	}
	78.59143% {
		opacity: 1;
	}
	100% {
		opacity: 0.78571;
	}
}
@keyframes animeSpinnerLine11 {
	0% {
		opacity: 0.78571;
	}
	78.58143% {
		opacity: 0.1;
	}
	78.59143% {
		opacity: 1;
	}
	100% {
		opacity: 0.78571;
	}
}
.scoped-line:nth-child(12) {
	-webkit-animation-name: animeSpinnerLine12;
	animation-name: animeSpinnerLine12;
}
.scoped-line:nth-child(12)::before {
	-webkit-transform: rotate(330.61224deg) translate(0.9rem, 0);
	transform: rotate(330.61224deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine12 {
	0% {
		opacity: 0.85714;
	}
	85.72429% {
		opacity: 0.1;
	}
	85.73429% {
		opacity: 1;
	}
	100% {
		opacity: 0.85714;
	}
}
@keyframes animeSpinnerLine12 {
	0% {
		opacity: 0.85714;
	}
	85.72429% {
		opacity: 0.1;
	}
	85.73429% {
		opacity: 1;
	}
	100% {
		opacity: 0.85714;
	}
}
.scoped-line:nth-child(13) {
	-webkit-animation-name: animeSpinnerLine13;
	animation-name: animeSpinnerLine13;
}
.scoped-line:nth-child(13)::before {
	-webkit-transform: rotate(358.16327deg) translate(0.9rem, 0);
	transform: rotate(358.16327deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine13 {
	0% {
		opacity: 0.92857;
	}
	92.86714% {
		opacity: 0.1;
	}
	92.87714% {
		opacity: 1;
	}
	100% {
		opacity: 0.92857;
	}
}
@keyframes animeSpinnerLine13 {
	0% {
		opacity: 0.92857;
	}
	92.86714% {
		opacity: 0.1;
	}
	92.87714% {
		opacity: 1;
	}
	100% {
		opacity: 0.92857;
	}
}
.scoped-line:nth-child(14) {
	-webkit-animation-name: animeSpinnerLine14;
	animation-name: animeSpinnerLine14;
}
.scoped-line:nth-child(14)::before {
	-webkit-transform: rotate(385.71429deg) translate(0.9rem, 0);
	transform: rotate(385.71429deg) translate(0.9rem, 0);
}
@-webkit-keyframes animeSpinnerLine14 {
	0% {
		opacity: 1;
	}
	100.01% {
		opacity: 0.1;
	}
	100.02% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes animeSpinnerLine14 {
	0% {
		opacity: 1;
	}
	100.01% {
		opacity: 0.1;
	}
	100.02% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
/* ========================================
    search
======================================== */

/*離脱ポップアップ*/
#ald_element_html {
    display: block;
    height: 100%;
    line-height: 0;
}
#ald_modal-content {
    margin: 0 auto;
    max-width: 820px;
    padding: 10px 10px;
    z-index: 10000;
    position: fixed;
    top: 20px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
}
#ald_modal-p{
    margin-top:1em;
}
#ald_modal-p:first-child{
    margin-top:0;
		}
		#ald_button-link{
    color:#00f;
    text-decoration:underline;
}
#ald_button-link:hover{
    cursor:pointer;
    color:#f00;
}
#ald_modal-overlay {
    z-index:9999;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
}
#ald_modal_bg {
    /*max-width: 620px;*/
    line-height: 0;
}
#ald_modal_bg img {
    width: 100%;
    vertical-align:bottom;
}