@charset "UTF-8";
@import url("base.css");
/* 共通 */
.tsukuba-bk__section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5em 1em;
}
.tsukuba-bk__section_inner {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 880px;
  max-width: 100%;
  gap: 2.5em;
}
.tsukuba-bk__section-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tsukuba-bk__section-wrapper .tsukuba-bk__section_inner {
  flex-direction: row;
  align-items: stretch;
  gap: 2.5em;
}
.tsukuba-bk__section-wrapper .tsukuba-bk__section_inner .tsukuba-bk_service {
  flex: 1;
}
.tsukuba-bk__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .1em;
  padding-top: .5em;
  width: 5vw;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--main-grad);
  font-size: .9em;
  line-height: 1;
  color: var(--white);
}
.tsukuba-bk__label span {
  font-size: 2.1em;
  white-space: nowrap;
}
.tsukuba-bk__label--large {
  width: 5em;
  font-size: 1em;
}
.tsukuba-bk__label--large span {
  font-size: 2.2em;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__section {
    padding: 2.5em 1em;
  }
  .tsukuba-bk__section_inner {
    gap: 1em;
  }
  .tsukuba-bk__section-wrapper .tsukuba-bk__section_inner {
    flex-direction: column;
  }
  .tsukuba-bk__label {
    width: 12vw;
    font-size: .6em;
  }
  .tsukuba-bk__label span {
    font-size: 3em;
    }
  .tsukuba-bk__label--large {
    width: 20vw;
    font-size: 3vw;
	max-width: 130px;
  }
  .tsukuba-bk__label--large span {
    font-size: 9vw;
  }
}
/* hero */
.tsukuba-bk__hero {
  display: flex;
  flex-direction: column;
  background-image: url(../images/hero_bg.svg);
  background-position: right top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.tsukuba-bk__header {
  padding: 1.5em;
}
.tsukuba-bk__header img {
  width: 480px;
}
.tsukuba-bk__kv {
  position: relative;
  height: 33vw;
}
.tsukuba-bk__kv_content {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 2vw;
  width: 60vw;
  height: 33vw;
  padding: 0 20vw 3vw 0;
  background-image: url(../images/kv_bg.svg);
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.tsukuba-bk_h1 {
  width: 32vw;
}
.tsukuba-bk__kv__button {
  position: relative;
  display: flex;
  width: 28vw;
  height: 70px;
  max-width: 320px;
  align-items: center;
}
.tsukuba-bk__kv__button::after {
  position: absolute;
  top: 50%;
  right: 2.5em;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  width: 3vw;
  height: 3vw;
  max-width: 40px;
  max-height: 40px;
  background-image: url(../images/button_arrow_blue.svg);
  background-size: 100% auto;
  content: "";
  background-repeat: no-repeat;
}
.tsukuba-bk__kv__button:hover {
  opacity: .9;
}
.tsukuba-bk__kv__button:hover::after {
  transform: translate(1vw, -50%);
}
.tsukuba-bk__kv_card {
  position: absolute;
  left: 37vw;
  bottom: 2vw;
  width: 30vw;
}
.tusuba-bk__kv_points {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
}
.tusuba-bk__kv_point {
  display: flex;
  align-items: center;
  gap: .5em;
}
.tusuba-bk__kv_point:nth-child(2) {
  margin-left: 5vw;
}
.tusuba-bk__kv_point:nth-child(3) {
  margin-left: 10vw;
}
.tusuba-bk__kv_point_circle {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 9vw;
  background: var(--grad-main, linear-gradient(129deg, #004EA2 21.75%, #4383C9 68.21%));
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(0, 78, 162, .25);
  color: var(--white);
}
.tusuba-bk__kv_point_circle span {
  display: flex;
  align-items: baseline;
}
.tusuba-bk__kv_point_circle strong {
  font-size: 7vw;
}
.tusuba-bk__kv_point:nth-child(3) .tusuba-bk__kv_point_circle strong {
  margin-left: -.15em;
  margin-right: .12em;
  letter-spacing: -.2em;
}
.tusuba-bk__kv_point_circle small {
  font-size: 1.3vw;
}
.tusuba-bk__kv_point_circle em {
  position: absolute;
  left: 1.4em;
  bottom: 2.2em;
  font-size: .9vw;
  font-style: normal;
  line-height: 1.2;
}
.tusuba-bk__kv_point p {
  font-size: 1.2vw;
  line-height: 1.5;
  white-space: nowrap;
}
.tusuba-bk__kv_point sup {
  position: relative;
  top: -0.3vw;
  left: -.5vw;
  font-size: .7vw;
}
.tsukuba-bk__hero_note {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .8em;
  padding: 24px 0;
  background-color: #FAFAFB;
}
.tsukuba-bk__hero_note .note_num {
  gap: .8em;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__header {
    padding: .5em;
  }
  .tsukuba-bk__header img {
    width: 50vw;
  }
  .tsukuba-bk__kv {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    height: auto;
  }
  .tsukuba-bk__kv_content {
    justify-content: space-evenly;
    align-items: center;
    gap: 3vw;
    width: 110vw;
    height: 45vw;
    padding: 0 40vw 0 0;
    background-size: 300vw 150%;
    background-position: right -100vw top;
  }
  .tsukuba-bk__kv_content {
    position: static;
    gap: 0;
    padding-top: 6vw;
  }
  .tsukuba-bk_h1 {
    width: 50vw;
  }
  .tsukuba-bk__kv__button {
    position: relative;
    width: 53vw;
	height: 45px; 
  }
  .tsukuba-bk__kv__button::after {
    position: absolute;
	top: 48%;
	right: 6vw;
    width: 6vw;
    height: 6vw;
  }
  .tsukuba-bk__kv_card {
    left: 65vw;
    top: 0;
    width: 32vw;
  }
  .tusuba-bk__kv_points {
    position: static;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 1vw;
  }
  .tusuba-bk__kv_point:nth-child(2) {
    margin-left: 0;
  }
  .tusuba-bk__kv_point:nth-child(3) {
    margin-left: 0;
  }
  .tusuba-bk__kv_point {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: .5em;
  }
  .tusuba-bk__kv_point_circle {
    width: 20vw;
    height: 20vw;
  }
  .tusuba-bk__kv_point_circle strong {
    font-size: 13vw;
  }
  .tusuba-bk__kv_point_circle small {
    font-size: 3vw;
  }
  .tusuba-bk__kv_point_circle em {
    left: 1em;
    bottom: 2em;
    font-size: 2.5vw;
    line-height: 1.2;
  }
  .tusuba-bk__kv_point p {
    font-size: 3vw;
    text-align: center;
  }
  .tusuba-bk__kv_point sup {
    top: -.15vw;
    left: -.5vw;
    font-size: 2vw;
  }
  .tsukuba-bk__hero_note {
    padding: 24px 1em;
  }
}
/* campaign */
.tsukuba-bk__campaign {
  position: relative;
}
.tsukuba-bk__campaign_item {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  width: fit-content;
}
.tsukuba-bk__campaign_point {
  display: flex;
  flex-direction: column;
}
.tsukuba-bk__campaign_price,
.sukuba-bk__campaign_point {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
}
.tsukuba-bk__campaign_price .no {
  font-size: 4em;
}
.tsukuba-bk__campaign_price .text {
  font-size: 3em;
  white-space: nowrap;
}
.tsukuba-bk__campaign_price sup {
	font-size: 1.2rem;
	vertical-align: text-top;
}
.tsukuba-bk__campaign_period {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 1em;
  padding: 1em 0;
  border-top: 2px solid #A6C1DE;
  border-bottom: 2px solid #A6C1DE;
  font-size: 1.25em;
  font-weight: 600;
}
.tsukuba-bk__campaign_period > span > span {
  font-size: 2.5em;
}
.tsukuba-bk__campaign_list {
  position: relative;
  display: flex;
  justify-content: space-around;
  gap: 6em;
}
.tsukuba-bk__campaign_list > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
  width: 25vw;
  min-width: 300px;
  aspect-ratio: 1/1;
  background: var(--blue_light-grad);
  border-radius: 100%;
  padding-bottom: 1.5vw;
}
.tsukuba-bk__campaign_list::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 4vw;
  height: 4vw;
  background-image: url(../images/icon_plus.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
.tsukuba-bk__campaign_list .tsukuba-bk__label{
	width: 8vw;
	height: 8vw;
	min-width: 80px;
	min-height: 80px;
}
.tsukuba-bk__campaign_list_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
}
.tsukuba-bk__campaign_list_title {
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
}
.tsukuba-bk__campaign_list_point {
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
}
.tsukuba-bk__campaign_list_point span {
  font-size: 3em;
  font-weight: 700;
}
.tsukuba-bk__campaign .illustration_1 {
  z-index: -1;
  position: absolute;
  right: -1vw;
  top: 10vw;
  width: 20vw;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__campaign_price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 2vw;
  }
  .tsukuba-bk__campaign_price .no {
    font-size: 3em;
  }
  .tsukuba-bk__campaign_price .text {
    font-size: 1.5em;
  }
  .tsukuba-bk__campaign_price sup {
    font-size: 0.9rem;
  }
  .tsukuba-bk__campaign_period {
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: .5em 0;
    font-size: 1em;
  }
  .tsukuba-bk__campaign_period > span > span {
    font-size: 2em;
  }
  .tsukuba-bk__campaign_list {
    justify-content: space-between;
  }
  .tsukuba-bk__campaign_list > li {
    width: 40vw;
	min-width: auto;
    gap: .2em;
  }
  .tsukuba-bk__campaign_list::after {
    width: 8vw;
    height: 8vw;
  }
  .tsukuba-bk__campaign_list_inner {
    gap: 0;
  }
  .tsukuba-bk__campaign_list_point {
    line-height: 1.2;
  }
  .tsukuba-bk__campaign .illustration_1 {
    top: -15vw;
    width: 30vw;
  }
  .tsukuba-bk__campaign_list .tsukuba-bk__label {
	width: 12vw;
	height: auto;
	min-width: 60px;
	min-height: 60px;
  }
  .tsukuba-bk__campaign_list_title {
    font-size: 1.1em;
  }
  .tsukuba-bk__campaign_list_point span {
    font-size: 2em;
  }
  .tsukuba-bk__campaign_item .note-pt{
	padding-top: 0;
  }
}
/* campaign-details */
.tsukuba-bk__campaign-details_list {
  flex-direction: column;
  gap: 6.5em;
}
.tsukuba-bk__campaign-details_list > li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  padding: 2.5em;
  width: 100%;
  background: var(--blue_light-grad);
  border-radius: 2em;
}
.tsukuba-bk__campaign-details_list > li:first-child::after {
  position: absolute;
  left: 50%;
  bottom: -10%;
  transform: translateX(-50%);
  width: 55px;
  height: 55px;
  background-image: url(../images/icon_plus.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
.tsukuba-bk__campaign-details_list > li:nth-child(2)::after {
  position: absolute;
  left: 50%;
  bottom: -22%;
  transform: translateX(-50%);
  width: 55px;
  height: 55px;
  background-image: url(../images/icon_plus.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
.tsukuba-bk__campaign-details_list > li > div {
  width: 100%;
}
.tsukuba-bk__campaign-details_title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid rgb(0,78,162,.5);
  font-weight: 600;
}
.tsukuba-bk__campaign-details_title p {
  font-size: 1.5em;
}
.tsukuba-bk__campaign-details_title p span .point {
  font-size: 0.7em;
}
.tsukuba-bk__campaign-details_title .accent {
  font-size: 2em;
}
.tsukuba-bk__campaign-details_list_inner {
  display: flex;
  justify-content: center;
  width: 100%;
}
.tsukuba-bk__campaign-details_list_inner a {
  width: 100%;
  max-width: 728px;
}
.tsukuba-bk__campaign-details_note {
  flex: 1;
}
.tsukuba-bk__campaign-details_note > dl {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1em;
}
.tsukuba-bk__campaign-details_note dt,
.tsukuba-bk__campaign-details_note dd {
  font-size: 1em;
  color: var(--black70);
}
.tsukuba-bk__campaign-details_note dt {
  width: 20%;
  font-weight: 600;
}
.tsukuba-bk__campaign-details_note dd {
  width: 80%;
}
.tsukuba-bk__campaign-details_note dd span {
  font-size: 1.25em;
}
.tsukuba-bk__campaign-details_note dd > ul {
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.tsukuba-bk__campaign-details_note .list {
  margin-top: .5em;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__campaign-details_list > li {
    gap: 1em;
    padding: 2em 1.5em;
  }
  .tsukuba-bk__campaign-details_list > li:nth-child(2) .tsukuba-bk__section_inner,.tsukuba-bk__campaign-details_list > li:last-child .tsukuba-bk__section_inner {
    align-items: center;
    gap: 1em;
  }
  .tsukuba-bk__campaign-details_list > li:first-child::after{
	bottom: -6.5%;
	height: 40px;
	width: 40px;
  }
  .tsukuba-bk__campaign-details_list > li:nth-child(2)::after{
    bottom: -14%;
    width: 40px;
    height: 40px;
  }
  .tsukuba-bk__campaign-details_title {
    flex-direction: column;
    gap: 1em;
  }
  .tsukuba-bk__campaign-details_title p {
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size: 1.5em;
  }
  .tsukuba-bk__campaign-details_note > dl {
    row-gap: .5em;
  }
  .tsukuba-bk__campaign-details_note dt,
  .tsukuba-bk__campaign-details_note dd {
    width: 100%;
  }
  .tsukuba-bk__campaign-details_note dt:not(:first-child) {
    margin-top: 1em;
  }
  .tsukuba-bk__campaign-details_list_inner img {
    width: 100%;
    max-width: 300px;
  }
  .tsukuba-bk__campaign-details_list_inner a {
    width: 100%;
    max-width: 300px;
  }
}
/* campaign-other */
.tsukuba-bk__campaign-other {
  padding-top: 0;
}
.tsukuba-bk__campaign-other .tsukuba-bk__section_inner {
  display: flex;
  flex-direction: row;
  gap: 2em;
  padding: 2.5em;
  border-radius: 2em;
  background-color: var(--gray);
}
.tsukuba-bk__other .illustration_4 {
  position: absolute;
  right: -1vw;
  top: -15vw;
  width: 30vw;
}
.tsukuba-bk__campaign-other_title{
	text-align: left;
	margin-bottom: 24px;
	border-bottom: 1px solid #333;
	padding: 0 0 24px 0;
	font-size: 1em;
}
.tsukuba-bk__campaign-other_title p{
	font-size: 14px;
	margin: 1em 0;
	
}
.tsukuba-bk__campaign-other_title ul{
	margin-top: 1em;
}
.tsukuba-bk__campaign-other_title .main_title  {
	font-size: 1.2em;
}
.tsukuba-bk__campaign-other_img {
	width: 100%;
	max-width: 300px;
}

@media screen and (max-width: 768px) {
	.tsukuba-bk__campaign-other_img {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.tsukuba-bk__campaign-other_title{
		text-align: center;
	}
}
	

/* tsukuba-bk__applicables */
.tsukuba-bk__applicables {
  position: relative;
  background-color: rgba(242, 243, 245, 0.40);
}
.tsukuba-bk__applicables::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 160px;
  width: 94%;
  height: 20%;
  background-color: var(--graybg);
  content: "";
}
.tsukuba-bk__applicables_item {
  display: flex;
  gap: 2.5em;
}
.tsukuba-bk__applicables_img {
  width: 340px;
  max-width: 100%;
}
.tsukuba-bk__applicables_title {
	font-weight: bold;
}
.tsukuba-bk__applicables_title-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
	line-height: 1;
}
.tsukuba-bk__applicables_content {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__campaign-other .tsukuba-bk__section_inner {
    gap: 1em;
    padding: 2em 1em;
	flex-direction: column;
  }
  .tsukuba-bk__applicables_item {
    flex-direction: column;
    align-items: center;
    gap: 5vw;
    width: 100%;
  }
  .tsukuba-bk__applicables_img {
    width: 60vw;
    max-width: 100%;
  }
  .tsukuba-bk__applicables_content {
    display: flex;
    flex-direction: column;
    gap: 5vw;
  }
  .tsukuba-bk__applicables_title-wrapper {
    text-align: center;
  }
  .tsukuba-bk__other .illustration_4 {
    width: 40vw;
  }
}
/* eligibles-stores */
.tsukuba-bk__eligibles-stores {
  position: relative;
  background: var(--blue_light-grad);
}
.tsukuba-bk__eligibles-stores .tsukuba-bk__headline2 img {
  width: 40px;
}
.tsukuba-bk__eligibles-stores_item {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  padding: 1.25em 1.5em;
  background-color: var(--white);
  border-radius: 2em;
}
.tsukuba-bk__eligibles-stores_img {
  width: 300px;
  max-width: 100%;
}
.tsukuba-bk__eligibles-stores_img.white {
	display: flex;
	align-items: center;
	background-color: var(--white);
    width: 832px;
	margin: 0 auto 1.25em;
}
.tsukuba-bk__eligibles-stores_item_inner {
  display: flex;
  gap: 2.5em;
}
.tsukuba-bk__eligibles-stores_item_inner.shop_logo_area {
  display: block;
}
.tsukuba-bk__eligibles-stores_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.tsukuba-bk__eligibles-stores_title {
  font-weight: 600;
  text-align: center;
}
.tsukuba-bk__eligibles-stores_title .accent span {
  font-size: 36px;
}
.tsukuba-bk__eligibles-stores_item_title {
  font-weight: 600;
}
.tsukuba-bk__eligibles-stores .illustration_2 {
  position: absolute;
  right: -1vw;
  top: -10vw;
  width: 25vw;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__eligibles-stores_item {
    padding: 1em;
  }
  .tsukuba-bk__eligibles-stores_item_inner {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .tsukuba-bk__eligibles-stores_title .accent span {
    font-size: 24px;
  }
  .tsukuba-bk__eligibles-stores .illustration_2 {
	top: -9vw;
	width: 28vw;
  }
}
/* u25 */
.tsukuba-bk__u25 {
  position: relative;
}
.tsukuba-bk__u25_title {
  font-weight: 600;
  font-size: 1.2em;
}
.tsukuba-bk__u25_text {
  display: flex;
  align-items: flex-end;
  gap: .5em;
  line-height: 1;
  font-weight: 600;
}
.tsukuba-bk__u25_text .accent {
  font-size: 3.2em;
}
.tsukuba-bk__u25_text .large {
  font-size: 1.3em;
}
.tsukuba-bk__u25_text img {
  width: 45px;
}
.tsukuba-bk__u25_text_icon {
  display: inline-block;
  margin-left: 2vw;
  width: 64px;
}
.tsukuba-bk__u25_text_icon img {
  width: 100%;
}
.tsukuba-bk__u25_item {
  display: flex;
  gap: 2.5em;
  width: 100%;
}
.tsukuba-bk__u25_item > li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  padding: 1.5em;
  background: var(--blue_light-grad);
  border-radius: 2em;
}
.sukuba-bk__u25_title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
}
.tsukuba-bk__u25_img {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
  max-width: 400px;
}
.tsukuba-bk__u25_button {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
	.tsukuba-bk__u25_text_icon {
	  margin-left: 4vw;
	}
}

/*paypay*/
.tsukuba-bk__paypay_button {
    display: flex;
    justify-content: center;
    width: 100%;
}
.tsukuba-bk__paypay_button .tsukuba-bk__button--outline{
    width: 345px;
}
.tsukuba-bk__paypay {
	display: flex;
	width: 100%;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.tsukuba-bk__paypay_img {
		max-width: 400px;
	}
	.tsukuba-bk__paypay_button .tsukuba-bk__button--outline{
	    width: 310px;
	}
}

/* service */
.tsukuba-bk_service {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tsukuba-bk_service__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  padding: 1.5em;
  height: 100%;
  width: 100%;
  background: var(--blue_light-grad);
  border-radius: 2em;
  min-height: 355px;
}
.tsukuba-bk_service__item.transit_item {
  gap: 2em;
}
.tsukuba-bk_service_title {
  text-align: center;
}
.tsukuba-bk_service_title span {
  font-size: 1.1em;
}
.tsukuba-bk__suguchan {
  width: 200px;
}
.tsukuba-bk_service .tsukuba-bk__button {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
	.tsukuba-bk__section.tsukuba-bk_service {
		padding-bottom: 1.5em;
		padding-top: 2em;
	}
	.tsukuba-bk__section.tsukuba-bk_service:nth-of-type(2) {
		padding-bottom: 5em;
		padding-top: 0;
	}
}
/* highlight */
.tsukuba-bk__highlight {
  background: var(--blue_light-grad);
}
.tsukuba-bk__highlight_item {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
}
.tsukuba-bk__highlight_item > li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  padding: 2.5em;
  width: 100%;
  background-color: var(--white);
  border-radius: 2em;
}
.tsukuba-bk__highlight_title {
  display: flex;
  align-items: center;
  gap: 1em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid var(--main);
}
.tsukuba-bk__highlight_text {
  font-size: 1em;
}
.tsukuba-bk__highlight img {
  position: absolute;
  right: 2vw;
  bottom: 2vw;
  width: auto;
  height: 8vw;
}

@media screen and (max-width: 768px) {
  .tsukuba-bk__u25_title-wrapper {
    text-align: center;
  }
  .tsukuba-bk__u25_text {
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
    gap: 1em;
  }
  .tsukuba-bk__u25_text > span {
    display: flex;
    align-items: flex-end;
  }
  .tsukuba-bk__u25_item {
    flex-direction: column;
    gap: 1em;
  }
  .tsukuba-bk_service .tsukuba-bk__u25_text {
    flex-direction: row;
  }
  .tsukuba-bk__highlight_item > li {
    gap: 1.5em;
    padding: 2em 1.5em 20vw 1.5em;
  }
  .tsukuba-bk__highlight img {
    height: 20vw;
  }
  .tsukuba-bk__highlight_title {
    flex-direction: column;
    gap: 1em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid var(--main);
  }
  .tsukuba-bk__highlight .tsukuba-bk__headline2:before {	
  	top: 71%;
  }
  .tsukuba-bk__section.tsukuba-bk__highlight {
	padding: 2.5em 1em 5em 1em;
	}
}
/* about */
.about-point__can {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  padding: 2.5em;
  background: var(--blue_light-grad);
  border-radius: 2em;
}
.about-point__can_title {
  font-size: 1.25em;
  font-weight: 600;
}
.about-point__item {
  display: flex;
  align-items: center;
  gap: 1em;
}
.about-point__item img {
  width: 96px;
}
.about-point__can .note {
  width: 100%;
}
.about-point__can_button {
  display: flex;
  justify-content: center;
  width: 100%;
}
/* using */
.tsukuba-bk__using .tsukuba-bk__headline3 {
  text-align: center;
}
.tsukuba-bk__using_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2.5em;
}
.tsukuba-bk__using_item > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
  padding: 4em 3em;
  width: calc((100% - 2.5em)/2);
  aspect-ratio: 1/1;
  background: var(--blue_light-grad);
  border-radius: 100%;
  max-width: 400px;
  max-height: max-content;
}
.tsukuba-bk__using_img {
  margin-top: auto;
  height: 80px;
}
.tsukuba-bk__using_img img {
  width: auto;
  height: 100%;
}
.tsukuba-bk__using_text {
  font-size: 1em;
}
.tsukuba-bk__using_button {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .about-point__can {
    gap: 2em;
    padding: 2em 1.5em;
  }
  .about-point__can_title {
    text-align: center;
  }
  .about-point__item {
    flex-direction: column;
    gap: 1em;
  }
  .tsukuba-bk__using_item {
    gap: 5vw 2.5em;
  }
  .tsukuba-bk__using_item > li {
    gap: 1em;
    padding: 2em 1em;
    width: 85%;
  }
  .tsukuba-bk__using_img {
    width: 40%;
    height: auto;
    margin-top: 0;
  }
  .tsukuba-bk__using_img img {
    width: 100%;
    height: auto;
  }
  .tsukuba-bk__section.tsukuba-bk__using {
	padding: 2.5em 1em 5em;
  }
}

.transit_wrapper .sp-only {
	display: none;
}
.transit_wrapper .sp-only .note {
    padding-top: 120px;
}
@media screen and (max-width: 768px) {
	.transit_wrapper .pc-only {
		display: none;
	}
	.transit_wrapper .sp-only {
		display: block;
	}
}
/* flow */
.tsukuba-bk__flow_title {
  font-size: 1.25em;
  font-weight: 600;
}
.tsukuba-bk__flow_title .no {
  font-size: 2em;
}
.tsukuba-bk__flow_item {
  display: flex;
  gap: 2em;
}
.tsukuba-bk__flow_item > li {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
  aspect-ratio: 1/1;
  background: var(--blue_light-grad);
  border-radius: 100%;
}
.tsukuba-bk__flow_item > li:nth-child(4) {
  padding-top: 1em;
  }
  
.tsukuba-bk__flow_item > li:not(:last-child)::after {
  position: absolute;
  right: -20%;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 25px;
  background-image: url(../images/arrow.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
.tsukuba-bk__flow_item > li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: var(--main-grad);
  border-radius: 100%;
  font-size: 2em;
  color: var(--white);
}
.tsukuba-bk__flow_item > li p {
  font-size: .9em;
  text-align: center;
}
.p-flowTabMenu__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.c-tabList {
  flex: 1;
  padding: 1em;
  background-color: var(--black50);
  opacity: .6;
  text-align: center;
  color: var(--white);
}
.c-tabList .is-active-img {
  display: none;
}
.c-tabList.is-active .is-active-img {
  display: inline-block;
}
.c-tabList.is-active .is-inactive-img {
  display: none;
}
.p-flowTab1 {
  width: 100%;
}
.c-tabContent.is-active {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.tsukuba-bk__flow_content {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tsukuba-bk__flow_content li {
  position: relative;
}
.tsukuba-bk__flow_content li .flow-vector {
  width: 100%;
}
.tsukuba-bk__flow_content li .flow-vector .vect-numberbox {
  width: 40px;
  margin: 0 auto;
  height: 45.2px;
  display: flex;
  flex-direction: column;
}
.tsukuba-bk__flow_content li .flow-vector span {
  font-size: 20px;
  color: var(--lightblue);
  display: inline-block;
  translate: 0 -35px;
  margin: 0 auto;
  line-height: 1;
}
.tsukuba-bk__flow_content li .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 1em;
  border: 4px solid #FFFFFF;
  border-radius: 10px;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  background-color: var(--lightblue);
  color: #FFFFFF;
  box-shadow: 4px 4px 2px 0px #00000040;
  margin-top: -20px;
}
.tsukuba-bk__flow_content li .text:not(:last-child) {
  min-height: 80px;
}
.tsukuba-bk__flow_content li:last-child .text {
  font-size: 18px;
  background-color: var(--blue);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.tsukuba-bk__flow_content li p {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__flow_item {
    flex-direction: column;
    align-items: center;
    gap: 5.7em;
  }
  .tsukuba-bk__flow_item > li {
    width: 60vw;
    gap: 1.5em;
	max-width: 220px;
  }
  .tsukuba-bk__flow_item > li:not(:last-child)::after {
	right: auto;
	left: 50%;
	top: 107%;
	bottom: -11vw;
	transform: translate(-50%, 0) rotate(90deg);
	width: 8vw;
	height: 9vw;
  }
  .tsukuba-bk__flow_item > li p {
    font-size: 1.1em;
  }
}
/* vtrip */
.tsukuba-bk__vtrip .tsukuba-bk__item > li {
  padding: 24px 24px 80px 24px;
  background-color: var(--graybg);
  background-size: auto 106px;
}
.tsukuba-bk__vtrip .tsukuba-bk__item>li:nth-child(1) {
  background-image: url(../images/vtrip_icon01.svg);
}
.tsukuba-bk__vtrip .tsukuba-bk__item>li:nth-child(2) {
  background-image: url(../images/vtrip_icon02.svg);
}
.tsukuba-bk__vtrip .tsukuba-bk__item>li:nth-child(3) {
  background-image: url(../images/vtrip_icon03.svg);
  background-size: auto 80px;
}
@media screen and (max-width: 768px) {
  .tsukuba-bk__vtrip .tsukuba-bk__item>li {
    padding: 1em 1em 80px 1em;
    background-size: auto 80px;
  }
  .tsukuba-bk__vtrip .tsukuba-bk__item>li:nth-child(3) {
    background-size: auto 64px;
  }
}
/* moneyforward */
.tsukuba-bk__investment_exp_img {
  width: 330px;
}
/* about */
.tsukuba-bk__about_item {
  display: flex;
  gap: 2.5em;
}
.tsukuba-bk__about_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2.5em;
}
.tsukuba-bk__about_img {
  width: 424px;
  max-width: 100%;
}
.tsukuba-bk__about_appli {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  padding: 24px;
  background-color: var(--graybg);
}
.tsukuba-bk__about_appli_inner {
  display: flex;
  gap: 2.5em;
}
.tsukuba-bk__appli_logo {
  width: 143px;
}
.tsukuba-bk__appli_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tsukuba-bk__about_appli__button_text {
  font-size: 14px;
}
.tsukuba-bk__about .illustration_3 {
  z-index: -1;
  position: absolute;
  right: -1vw;
  top: 8vw;
  width: 35vw;
}
.tsukuba-bk__about span {
	font-size: 1.2em;
}
@media screen and (max-width: 768px) {
	.tsukuba-bk__section.tsukuba-bk__about{
		padding: 4.5em 1em 2.5em;
	}
}

/* tsukuba-bk__info */
.tsukuba-bk__information::after {
  height: 540px;
}
.tsukuba-bk__information .tsukuba-bk__section_inner {
	gap: 2.5em;
}
.tsukuba-bk__applicables_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1px;
  padding: 1px;
  background-color: rgba(0,0,0,.1);
}
.tsukuba-bk__applicables_note {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.tsukuba-bk__applicables_note02 {
  align-items: center;
}
.tsukuba-bk__applicables_button {
  display: flex;
  justify-content: center;
}
.tsukuba-bk__applicables_list dt,
.tsukuba-bk__applicables_list dd {
  padding: 8px 1em;
  font-size: .9em;
  align-content: center;
}
.tsukuba-bk__applicables_list dt {
  width: 30%;
  background-color: var(--gray);
}
.tsukuba-bk__applicables_list dd {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 70%;
  background-color: var(--white);
}
.tsukuba-bk__applicables_text {
	font-size: 0.9em;
}
.tsukuba-bk__info .tsukuba-bk__box_content {
  gap: 0;
}
.p-flow-infoTabMenu__img {
  width: 200px;
}
.tsukuba-bk__info__headline3 {
  text-align: center;
  font-size: 1em;
  font-weight: 600;
}
.p-flow__informationTable {
  width: 100%;
}
.p-flow__informationTable tr {
  display: flex;
  flex-direction: column;
}
.p-flow__informationTable th,
.p-flow__informationTable td {
  display: block;
  padding: 8px 1em;
  width: 100%;
  font-size: 14px;
}
.p-flow__informationTable th {
  color: #fff;
}
.p-flow__informationTable--NL th {
  background: var(--green);
}
.p-flow__informationTable--GOLD th {
  background: var(--gold);
}
.p-flow__informationTable--PP th {
  background: #4D4D4D;
}
.p-flow__informationTable td {
  background-color: #fff;
}
.p-flow__informationTable .c-circle12 {
  font-size: 14px;
}
.p-flow__informationTable .c-circle12 .c-linkIcon02::after {
  margin-left: 22px;
}
.p-flow-infoTabMenu__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
  border-top: 1px solid #ccc;
}
/* p-flow__wrap */
.p-flow__wrap {
  max-width: 1120px;
  padding: 48px 64px;
  border-top: 1px solid #ccc;
  background: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-flow__wrap {
    padding: 6.4vw 4.2vw;
  }
  .tsukuba-bk__applicables_list dt,
  .tsukuba-bk__applicables_list dd {
    width: 100%;
  }
}
.p-flow__wrap .p-flow__informationVendor a {
  display: block;
  font-size: 13px;
}
/* スライダー */
.slider-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.swiper-container {
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical>.swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  text-align: center;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide img {
  vertical-align: bottom;
  max-width: 72%;
  box-shadow: 0px 4px 4px 0px #00000040;
}
@media screen and (max-width: 768px) {
  .swiper-slide img {
    width: 300px;
  }
  .tsukuba-bk__about .illustration_3 {
    top: -7vw;
    width: 55vw;
  }
}
.swiper-slide {
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 15px;
  z-index: 9999;
  cursor: pointer;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    top: 40%;
    width: 32px;
    height: 32px;
  }
}
.swiper-button-prev {
  left: 0;
  background-image: url(/camp/tsukubabank_numberless_oc/assets/images/swiper-button-prev.svg);
}
.swiper-button-next {
  right: 0;
  background-image: url(/camp/tsukubabank_numberless_oc/assets/images/swiper-button-next.svg);
}
/* l-footer */
.tsukuba-bk__footer-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.l-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  padding: 24px 0;
  background-color: var(--black70);
  color: #fff;
  text-align: center;
  width: 100%;
  padding-bottom: 120px;
}
.l-footer * {
  font-size: 10px !important;
}
.l-footer-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.l-footer-link a {
  color: var(--white);
}
/* 追従ボタン */
.p-cardBtnWrap {
  z-index: 30;
  position: fixed;
  bottom: 0;
  left: 0;
  justify-content: center;
  gap: 8px;
  padding: 1em 8px;
  width: 100%;
  background-color: var(--white);
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, .1);
}
.c-cardBtn02 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 72px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.c-cardBtn02--NL {
  background-color: var(--green);
}
.c-cardBtn02--GOLD {
  background-color: var(--gold);
}

.tsukuba-bk__cv__item {
  padding: 1em;
  background-color: var(--white);
}

/*ハンバーガー*/
.p-flow-infoTabMenu {
  width: 100%;
  padding-top: 1px;
}
.p-flow-infoTabMenu__top {
  color: #FFF;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  margin-top: 17.0666666667vw;
  background: #000;
  padding: 3.2vw 0;
}
@media (min-width: 768px) {
  .p-flow-infoTabMenu__top {
    font-size: 24px;
    margin-top: 85px;
    padding: 1em 0;
    padding-top: 1em;
  }
}
.p-flowTabMenu {
  width: 100%;
}
.p-flowTabMenu__title {
  text-align: center;
  color: #161514;
  font-size: 4.8vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .p-flowTabMenu__title {
    font-size: 24px;
  }
}
.p-flowTabMenu__text {
  text-align: center;
  font-size: 3.4666666667vw;
}
@media (min-width: 768px) {
  .p-flowTabMenu__text {
    font-size: 14px;
  }
}
.p-flowTabMenu__lists {
  display: flex;
}
.p-flowTabMenu__listNunber {
  background: #BE9733;
  color: #fff;
  text-align: center;
  padding: 2.1333333333vw;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .p-flowTabMenu__listNunber {
    padding: 8px 1em;
  }
}
.p-flowTabMenu__listText {
  background: #FAF8F0;
  width: 100%;
  padding: 2.9333333333vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .p-flowTabMenu__listText {
    padding: 1em;
  }
}
@media (min-width: 768px) {
  .p-flowTabMenu__listText p {
    font-size: 18px;
  }
}
.c-tabContent {
  display: none;
}
.p-flowTabMenu02 {
  width: 100%;
  max-width: 600px;
}
.p-flowTabMenu02__list {
  display: flex;
  list-style: none;
}
.c-tabList02 {
  flex-grow: 1;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
}
.p-flowTabMenu02__content {
  padding: 20px;
}
.c-tabContent02 {
  display: none;
}
.c-tabContent02.is-active {
  display: block;
}
.c-tabContent {
  display: none;
}
.c-flowTabContent {
  display: none;
  width: 100%;
  border-radius: 0 0 20px 20px;
}
.c-flowTabContent.is-flowactive {
  display: flex;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .p-flow-infoTabMenuText {
    max-width: 1120px;
    margin: 0 auto;
  }
}
.p-flow__informationsTitle {
  font-weight: bold;
  color: #242527;
  font-size: 14px;
  margin-top: 21px;
}
@media screen and (max-width: 768px) {
  .p-flow__informationsTitle {
    margin-top: 2.1vw;
  }
}
.p-flow__informationTexts {
  font-size: 12px !important;
  color: #242527 !important;
}
.c-linkIcon::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url(../images/icon_link_blank_white.svg);
  background-size: contain;
  vertical-align: middle;
  margin-left: 4px;
  display: inline-block;
}
.cp-tokuten-info .c-linkIcon02 {
  display: block;
}
.c-alis_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.note-list {
  font-size: 12px;
}
.c-alist {
  margin-top: 8px;
  font-size: 12px;
  color: #5E5E5E;
  display: block;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.c-alist::before {
  content: "※";
  margin-right: 4px;
}
.c-alist1 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist1::before {
  content: "※1";
  margin-right: 4px;
}
.c-alist2 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist2::before {
  content: "※2";
  margin-right: 4px;
}
.c-alist3 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist3::before {
  content: "※3";
  margin-right: 4px;
}
.c-alist4 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist4::before {
  content: "※4";
  margin-right: 4px;
}
.c-alist5 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist5::before {
  content: "※5";
  margin-right: 4px;
}
.c-alist6 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist6::before {
  content: "※6";
  margin-right: 4px;
}
.c-alist7 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist7::before {
  content: "※7";
  margin-right: 4px;
}
.c-alist8 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist8::before {
  content: "※8";
  margin-right: 4px;
}
.c-alist9 {
  font-size: 12px;
  margin-top: 8px;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist9::before {
  content: "※9";
  margin-right: 4px;
}
.c-alistLink01 {
  margin-left: 2rem;
  margin-top: 4px;
}
.c-arrow2::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  background-image: url(../img/icon_link_btn_self.svg);
  background-size: contain;
  vertical-align: middle;
  right: 4%;
  top: 40%;
}
@media (min-width: 768px) {
  .c-arrow2::after {
    width: 11px;
    height: 11px;
  }
}
.c-fontbold {
  font-weight: bold;
}
.c-circle10 {
  font-size: 12px;
  text-indent: -1.3em;
  padding-left: 1em;
  display: block;
}
.c-circle10::before {
  content: "・";
  margin-right: 9px;
}
.c-circle11 {
  font-size: 2.9333333333vw;
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
@media (min-width: 768px) {
  .c-circle11 {
    font-size: 14px;
  }
}
.c-circle11::before {
  content: "・";
  margin-right: 4px;
}
.c-circle12 {
  font-size: 3.2vw;
  text-indent: -1.3em;
  padding-left: 1em;
  display: block;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .c-circle12 {
    font-size: 1em;
  }
}
.c-circle12::before {
  content: "・";
  margin-right: 4px;
}
.c-circle13 {
  font-size: 3.4666666667vw;
  text-indent: -1em;
  padding-left: 1em;
  color: #242527;
  display: block;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .c-circle13 {
    font-size: 17px;
  }
}
.c-circle13::before {
  content: "・";
  margin-right: 4px;
}
.c-hover:hover {
  opacity: 0.5;
  cursor: pointer;
}
.p-modal__cardbodyInquiry {
  height: fit-content;
}
.contact_content .inner {
  color: rgb(38, 22, 11);
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  border-radius: 1.2821vw;
  padding: 5.1282vw;
  gap: 5.1282vw;
}
@media screen and (min-width: 768px) {
  .p-modal__cardbodyInquiry {
    width: 70%;
    height: fit-content;
  }
  .contact_content .inner {
    border-radius: 5.7692px;
    padding: 57.6923px 115.3846px;
    gap: 23.0769px;
  }
  .contact_content h3 {
    font-size: 23.0769px;
  }
}
@media screen and (min-width: 1050px) {
  .p-modal__cardbodyInquiry {
    width: 50%;
  }
}
.telbtn {
  color: #26160B;
  font-size: 34.6154px;
  font-weight: 900;
}
.modal-txt {
  font-size: 14px;
}
/* tsukuba-bk__attention */
.tsukuba-bk__attention_wrapper {
  padding: 0 1em;
  background-color: var(--white);
}
.tsukuba-bk__attention {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
  font-size: 12px;
}
.attention-title {
  font-weight: bold;
  font-size: 14px
}
.tsukuba-bk__attention .c-circle12 {
  font-size: 12px;
}
.tsukuba-bk__attention .attention-column {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.tsukuba-bk__attention .attention-text .c-alist {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.goldfree-link {
  position: absolute;
  left: 15em;
  top: 90em;
  width: 18em;
}
@media (max-width: 489px) {
  .goldfree-link {
    left: 33vw;
    top: 188vw;
    width: 14em;
  }
}
@media (max-width: 489px) {
  .additional-present {
    padding: 0 24px 120px 24px;
  }
}
/* campaign end */
.cp__endcover {
  height: 101%;
  bottom: -24px;
}
.cp__endcover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-size: 18px;
  width: 100%;
  position: absolute;
  background-color: rgba(40, 40, 40, 0.8);
  color: #fff;
  font-weight: bold;
  z-index: 1;
  letter-spacing: 0.48px;
  text-align: center;
  padding: 1em;
  line-height: 175%;
}
.cp__endcover p:first-child {
  font-size: 23px;
}
.kv_wrap {
  position: relative;
  max-width: 699px;
  width: 100%;
  margin: 0 auto 70px;
}
.cv-button-gray {
  background-color: #282828cc;
  color: #FFFFFF;
  border: none;
  pointer-events: none;
}
/* modal */
.modal-overlay {
  position: fixed;
  display: none;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.modal-box {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  background-color: #fff;
  padding: 2.5em;
  border-radius: 8px;
  width: 90%;
  max-width: 640px;
  max-height: 98vh;
  transition: all .25s ease;
}
.modal-box.show {
  opacity: 1;
  display: flex;
}
.modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background-color: var(--black20);
  border-radius: 24px;
  border: none;
  font-size: 20px;
  color: var(--white);
  cursor: pointer;
}
.modal__title {
  font-size: 20px;
  font-weight: 600;
}
.modal__button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.modal__button-wrapper>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.modal__button-wrapper>li p {
  font-size: 14px;
  text-align: center;
}
.modal_tsukuba-bk__button {
	justify-content: flex-start;
	padding-left: 50px;
}
.modal-box__inner {
  overflow-y: auto;
  padding: 24px;
  border-radius: 10px;
  background-color: var(--graybg);
  height: 40vh;
}
.modal-box__inner dl {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: 14px;
}
.modal-box__inner dt {
  font-weight: bold;
  align-items: center;
  display: flex;
}
.modal-box__inner dt::before {
  content: "";
  display: inline-block;
  background: #242527;
  margin-right: 12px;
  width: 4px;
  height: 18px;
}
.modal-box__inner dt:not(:first-child) {
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .modal-box {
    padding: 24px 1em;
  }
}
.mg-0 {
  margin: 0 auto;
}
.link_decor {
  color: #5E5E5E;
}
.sp {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}
.modal__text {
  font-size: 14px;
}
.hide {
  display: none !important;
}
.show {
  display: flex;
}
.contact-box {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
  gap: 1em;
  background-color: #fff;
  padding: 2.5em;
  border-radius: 8px;
  width: 90%;
  max-width: 640px;
  max-height: 98vh;
  transition: all .25s ease;
}
@media screen and (max-width: 768px) {
	.select-btn-wrp{
		max-width: 100%;
	}
	.contact-box {
		padding: 2.5em 10px;
	}
}
.p-modal__title {
  font-size: 26px;
  font-weight: bold;
}
.p-modal__titleSub {
  font-size: 15px;
}
.p-modal__cardWrapNG03ImgText {
  margin-top: 1em;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .p-modal__title {
    font-size: 5.3333333333vw;
  }
  .p-modal__titleSub {
    font-size: 3.2vw;
  }
  .p-modal__cardWrapNG03ImgText {
    font-size: 2.7vw;
  }
}
.p-modal__cardWrapNG03Img02 {
  position: relative;
  display: flex !important;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #231816;
  height: 59px;
  line-height: 59px;
}
.p-modal__cardWrapNG03Img02 img {
  max-width: 20px;
  margin-right: 35px;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-modal__cardWrapNG03Img02 {
    height: 11vw;
    line-height: 11vw;
  }
  .p-modal__cardWrapNG03Img02 img {
    max-width: 4vw;
    margin-right: 6vw;
    margin-left: 4vw;
  }
}
.p-modal__cardWrapNG03Img02 p {
  background: #231816;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin: 0 auto;
}
.p-modal__areas a {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .banner-sp {
    display: block;
  }
  .banner-pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .banner-sp {
    display: none;
  }
  .banner-pc {
    display: block;
  }
}
.p-flow__mt {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .p-flow__mt {
    margin-top: 1.0666666667vw;
  }
}
.pc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
/* pagination */
.otherCampaignSlider-pagination {
  text-align: center;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .otherCampaignSlider-pagination {
    margin-top: 15px;
  }
}
.otherCampaignSlider-pagination .swiper-pagination-bullet {
  height: 3px;
  width: 20px;
  background-color: #008837;
  margin: 0 5px;
  border-radius: 0;
  opacity: 0.3;
}
.otherCampaignSlider-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.tsukuba-bk__label_02 {
  left: 42px;
}
.tsukuba-bk__headline_pl {
  padding-left: 32px;
}
.sup_sp {
  font-size: 8px;
}
.p-modal__cardWrapNG03Img02::after {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #231816;
  border-bottom: 2px solid #231816;
  transform: translateY(-50%) rotate(-45deg);
  content: "";
}
.note-pt{
  padding-top: 1em;
}
.tsukuba-bk__campaign_present {
  display: inline-block;
}
.tsukuba-bk__infoTabMenu__list {
  position: relative;
  display: flex;
  gap: 1em;
  width: 100%;
}
.tsukuba-bk__infoTabMenu__list-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
  height: 80px;
  background-color: var(--gray);
  border-radius: 0 3em 0 0;
}
.tsukuba-bk__infoTabMenu__list-item.is-flowactive {
  border-bottom: 5px solid var(--green, #6EBA44);
  background: rgba(215, 242, 210, 0.50);
}
.tsukuba-bk__infoTabMenu__list-item.tsukuba-bk__infoTabMenu__list-item_gold.is-flowactive {
  border-bottom: 5px solid var(--nlg, #D3BC7C);
  background: rgb(242 231 210 / 50%);
}
.tsukuba-bk__infoTabMenu__list-item p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.tsukuba-bk__infoTabMenu__list-item img {
  margin-top: auto;
  width: 80px;
  max-width: 80%;
}
.tsukuba-bk__infoTabMenu__contentainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
	max-width: 100%;
}
.tsukuba-bk__infoTabMenu__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5em;
}
.tsukuba-bk__infoTabMenu__content-item {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 1.5em;
	padding: 2.5em;
}
@media screen and (max-width: 768px) {
	.tsukuba-bk__applicables_section {
		display: flex;
		overflow-x: auto;
		justify-content: left;
	}
  .tsukuba-bk__infoTabMenu__list {
      gap: 8px;
  }
  .tsukuba-bk__infoTabMenu__list-item {
    gap: 8px;
    padding: 8px 0;
  }
  .tsukuba-bk__infoTabMenu__list-item p {
    font-size: 0.9em;
  }
  .tsukuba-bk__infoTabMenu__content-item {
    gap: 1em;
    padding: 2em 1em;
  }
}
.tsukuba-bk__card-spec {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5em;
	max-width: 100%;
}
.tsukuba-bk__card-spec .sp-only {
	display: none;
}
.tsukuba-bk__card-spec_title-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
  gap: 4px;
	font-weight: 500;
}
.tsukuba-bk__card-spec_catch {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 3em;
  font-size: 14px;
}
.tsukuba-bk__card-spec table {
	width: 100%;
	height: 100%;
	border-collapse: separate;
  	border-spacing: 1em;
	table-layout: fixed;
}
.tsukuba-bk__card-spec table td {
	vertical-align: top;
	padding: 1em;
	text-align: center;
  font-size: .9em;
  border-radius: 1em;
}
.tsukuba-bk__card-spec_inner,
.tsukuba-bk__card-spec_inner2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	height: 100%;
}
.tsukuba-bk__card-spec_inner2 {
	justify-content: center;
	gap: 4px;
}
.tsukuba-bk__card-spec .main-color {
	font-weight: 700;
	color: #008837;
}
.tsukuba-bk__card-spec .large01 {
	font-size: 20px;
}
.tsukuba-bk__card-spec .large02 {
	font-size: 32px;
	letter-spacing: -.04em;
}
.tsukuba-bk__card-spec_cardname {
	font-weight: 500;
  	font-size: 1.2em;
}
.tsukuba-bk__card-spec_text {
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}
.tsukuba-bk__card-spec_title {
  background: var(--blue_light-grad);
}
.tsukuba-bk__card-spec_nl {
  background: var(--green-grad);
}
.tsukuba-bk__card-spec_nlg {
	background: rgba(211, 188, 124, .2);
}
.tsukuba-bk__card-spec_nl span sup,.tsukuba-bk__card-spec_nlg span sup,.tsukuba-bk__eligibles-stores_item_title sup,.tsukuba-bk__card-spec_catch span sup{
  font-size: .7rem;
}
.tsukuba-bk__card-spec_inner img {
	width: 240px;
}
.tsukuba-bk__card-spec_inner a {
	width: 240px;
	height: 56px;
	margin-top:	auto;
}
@media (max-width: 768px) {
	.tsukuba-bk__card-spec {
		padding: 0px;
	}
	.tsukuba-bk__card-spec_inner,
	.tsukuba-bk__card-spec_inner2 {
		gap: 8px;
	}
	.tsukuba-bk__card-spec_inner2 {
		font-size: 1em;
	}
	.tsukuba-bk__card-spec_inner2 span {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: baseline;
	}
	.tsukuba-bk__card-spec_inner2 span sup {
		vertical-align: top!important;
	}
	.tsukuba-bk__card-spec_inner img {
		width: 160px;
	}
	.tsukuba-bk__card-spec_catch {
		font-size: 14px;
	}
	.tsukuba-bk__card-spec_cardname {
		font-size: 1.2em;
	}
	.tsukuba-bk__card-spec_text {
		font-size: 12px;
	}
	.tsukuba-bk__card-spec .tsukuba-bk__section_inner {
		padding: 0;
	}
	.tsukuba-bk__card-spec_wrapper {
		padding-bottom: 1em;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.tsukuba-bk__card-spec table td {
		padding: 1em .5em;
	}
	.tsukuba-bk__card-spec .large01 {
		font-size: 1.45em;
	}
	.tsukuba-bk__card-spec .large02 {
		font-size: 2em;
	}
}
.txt_after_none::after {
	position: absolute;
	background-image: none;
}
.tsukuba-bk__applicables_list .list li{
	font-size: 1em!important;
}

.tsukuba-bk__campaign_list .pc_only {
 display: flex;
}
.black {
	color: #000000;
	font-weight: normal;
}