@charset "utf-8";

html {
  font-size: 62.5%;
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", Meiryo, sans-serif;
  letter-spacing: 0.05rem;
  line-height: 1.5;
  color: #111;
}

dt {
  font-weight: normal;
}

/*コンテンツ幅-------------------*/

.mv_inner,
.section_inner,
.link_area,
.contact_inner,
.footer_inner,
.detail_list_wrapper {
  max-width: 860px;
  margin: 0 auto;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

/*sp-------------------------------*/

@media screen and (max-width: 960px) {
  .mv_inner,
  .section_inner,
  .link_area,
  .contact_inner,
  .footer_inner {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  .mv_inner,
  .section_inner,
  .link_area,
  .contact_inner,
  .footer_inner {
    max-width: 860px;
    min-width: 100%;
    padding: 0 3vw;
    margin: 0 auto;
  }

  img {
    width: 100%;
    max-width: 860px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

/*共通--------------------------*/

.section_title {
  text-align: center;
  font-size: 4rem;
}

@media screen and (max-width: 960px) {
  .section_title {
    font-size: 3.5rem;
  }
}

/*cv部分------------------------*/

.sp_link_wrapper {
  display: none;
}

.link_wrapper {
  margin-top: 48px;
  padding: 48px 0;
  background: rgba(17, 17, 17, 0.7);
}

.link_area {
  display: flex;
  justify-content: center;
}

.cv_btn {
  max-width: 310px;
  width: 100%;
  height: 70px;
  display: block;
  text-align: center;
}

.cv_btn01 span,
.cv_btn02 {
  font-size: 2.4rem;
}

.cv_btn01 {
  margin-right: 70px;
  padding: 1.1rem;
  border: 1px solid #c2c0c0;
  font-size: 1.4rem;
  line-height: 1.3;
}

.cv_btn02 {
  padding: 1.6rem;
  background-color: #aa8222;
  border: 1px solid;
  border-image: linear-gradient(90deg, rgba(216, 182, 112, 1) 0%, rgba(242, 226, 177, 1) 100%);
  border-image-slice: 1;
}

.cv_note {
  margin-top: 20px;
  text-align: center;
  font-size: 1.6rem;
}

.cv_note a {
  color: #007fcb;
  text-decoration: underline;
}

/*sp-------------------------------*/

@media screen and (max-width: 767px) {
  .cv_btn01 {
    margin-right: 30px;
  }

  .link_wrapper {
    display: none;
  }

  .sp_link_wrapper {
    padding: 36px 0;
    display: block;
    background: rgba(17, 17, 17, 0.7);
  }

  .link_area {
    display: block;
  }

  .cv_btn {
    margin: 0 auto;
  }

  .cv_note {
    padding-left: 2.4rem;
    font-size: 1.1rem;
    text-indent: -2.4rem;
  }

  .cv_btn02 {
    margin-top: 24px;
  }
}

/*mv---------------------------*/

.sp_mv_contents_before,
.sp_mv_txt_bottom,
.sp_mv_main_img_wrapper {
  display: none;
}

.mv {
  background-image: url(/creditcard/use/t-premium/images/mv_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

.mv_inner {
  padding-top: 30px;
}

.mv_main_wrapper {
  margin-top: 56px;
}

.mv_main_img_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-family: "Noto Sans CJK JP";
  font-size: 2.8rem;
}

.mv_main_img_wrapper img {
  display: block;
}

.mv_txt_wrapper {
  margin-top: 20px;
}

.mv_txt {
  position: relative;
}

.mv_txt::before {
  content: url(/creditcard/use/t-premium/images/mv_contents_before.png);
  width: 113px;
  height: 113px;
  position: absolute;
  left: -30%;
  top: 26px;
}

.mv_txt span {
  font-size: 5.4rem;
  line-height: 1;
}

.mv_txt_wrapper img {
  margin-top: 24px;
}

@media screen and (max-width: 960px) {
  .mv_txt::before {
    background-image: url(/creditcard/use/t-premium/images/mv_contents_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 80px;
    content: "";
    width: 100%;
    position: absolute;
    left: -20%;
    top: 30px;
  }
}

/*sp-------------------------------*/

@media screen and (max-width: 767px) {
  .mv {
    background-image: url(/creditcard/use/t-premium/images/sp/sp_mv_bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
  }

  .logo {
    width: 30%;
  }

  .mv_main_img_wrapper_l {
    display: none;
  }

  .mv_main_img_wrapper,
  .sp_mv_txt_bottom {
    display: block;
  }

  .sp_mv_main_img_wrapper {
    height: auto;
    width: 100%;
    margin: 10px auto 45px auto;
	display: block;
    /* t-premiumと合わせて修正20231114
	  display: flex; */
    align-items: flex-start;
  }
.sp_mv_main_img_wrapper img {
    /*max-width: 300px;*/
    width: 50%;
	margin: 0 auto;
    /*min-width: 100px;*/
  }
	
  /* t-premiumと合わせて修正20231114
	.sp_mv_main_img_wrapper img {
    max-width: 300px;
    width: 80%;
    min-width: 100px;
	margin: 0 auto;
  } */

  .mv_contents_lead {
    margin: -30px auto 0 auto;
  }

  .mv_txt,
  .mv_txt::before {
    display: none;
  }

  .sp_mv_contents_before {
    margin-top: -10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .sp_mv_contents_before img {
    width: 26%;
    display: block;
  }
/* t-premiumと表示合わせる用に231124追加 */
	.sp_mv_contents_before {
		display: none;
	}
	
  .sp_mv_txt {
    font-size: 5.5vw;
  }

  .sp_mv_txt_bottom {
    text-align: center;
    font-size: 5.5vw;
    letter-spacing: -0.05rem;
  }

  .sp_mv_txt_bottom span {
    font-size: 16vw;
  }

  .mv_txt_wrapper img {
    margin: 0;
  }
}

/*section共通---------------------*/

.section_inner {
  position: relative;
}

.contents_txt span {
  color: #d2b05f;
  font-size: 3.2rem;
  font-weight: bold;
}

.contents_txt {
  font-size: 2.4rem;
}

/*-----------sp------------------------*/

@media screen and (max-width: 767px) {
  .section_title {
    font-size: 2.2rem;
  }

  .contents_txt {
    font-size: 1.4rem;
  }

  .contents_txt span {
    font-size: 1.9rem;
  }
}

/*section01-------------------------*/

.sp_section02_list_number {
  display: none;
}

.section01 {
  padding: 80px 0 16px;
  background-color: #111;
  color: #fff;
}

.campaign_number {
  text-align: right;
  font-size: 1.6rem;
}

.section01 .section_title {
  margin-top: 36px;
}

.section01_contents img {
  margin: 0 auto;
  display: block;
}

.section01_contents_txt {
  margin-top: -80px;
  text-align: center;
}

.link_wrapper02 {
  margin-top: 82px;
}

/*-----------sp------------------------*/

@media screen and (max-width: 767px) {
  .section01_title {
    position: relative;
  }

  .section01_title::after {
    content: "";
    max-width: 210px;
    min-width: 30%;
    height: 1px;
    display: block;
    position: absolute;
    left: 35%;
    top: 96px;
    background-color: #fff;
  }

  .section02_list_number {
    display: none;
  }

  .campaign_number {
    font-size: 1.1rem;
  }

  .section01 {
    padding: 30px 0 0;
  }
	
  .sp_section02_list_number {
    max-width: 134px;
    width: 100%;
    margin: 32px auto 0 auto;
    display: block;
  }

  .section01_contents_txt {
    margin-top: -20px;
  }
}

/*section02------------------------------*/

.section02 {
  padding: 64px 0 72px 0;
  background-image: url(/creditcard/use/t-premium/images/section02_bg.jpg);
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

.section02_contents_wrapper {
  display: flex;
  align-items: flex-start;
}

.section02_contents_list:last-child {
  margin-top: 64px;
}

.section02_txt_wrapper {
  margin-left: 36px;
}

.section02_contents_note {
  margin-top: 48px;
  padding-left: 1.6rem;
  font-size: 1.6rem;
  text-indent: -1.6rem;
}

.section02_contents_note ul {
  text-indent: -1.6rem;
}

.section02_contents_note a {
  color: #007fcb;
  text-decoration: underline;
}

/*sp-------------------------*/

@media screen and (max-width: 767px) {
  .section02 {
    padding: 32px 0;
    background-image: url(/creditcard/use/t-premium/images/sp/sp_section02_bg.png);
    color: #fff;
  }

  .section02_contents_wrapper {
    display: block;
  }

  .section02_txt_wrapper {
    margin-left: 0;
  }

  .section02_img_wrapper {
    max-width: 100px;
    margin: 0 auto;
  }

  .section02_contents_txt {
    margin-top: 25px;
    text-align: center;
  }

  .section02_contents_note {
    margin-top: 12px;
    padding-left: 1.1rem;
    font-size: 1.1rem;
    text-indent: -1.1rem;
  }

  .section02_contents_list:last-child {
    margin-top: 24px;
  }
}

/*section03----------------------------*/

.section03 {
  padding: 64px 0;
  background-color: #dadada;
}

.section03_title::after {
  content: "";
  max-width: 210px;
  min-width: 30%;
  height: 2px;
  display: block;
  position: absolute;
  left: 35%;
  top: 180px;
  background-color: #111;
}

.contents_title {
  margin-top: 80px;
  position: relative;
  text-align: center;
  font-size: 2.4rem;
}

.section03_contents_title {
  text-indent: 3.6rem;
}

.contents_title::after {
  content: "";
  max-width: 640px;
  min-width: 80%;
  height: 5px;
  display: block;
  position: absolute;
  left: 10%;
  top: 82px;
  background-color: #737373;
}

.section03_card {
  margin: 50px auto 0;
  text-align: center;
}

.section03_catch {
  margin-top: -40px;
  text-align: center;
  color: #aa8222;
  font-size: 2.4rem;
}

.section03_detail_title {
  margin: 32px 0 12px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}

.section03_detail_title_intro {
  margin-right: 10px;
  padding: 0.5rem 1rem;
  display: block;
  border-radius: 5px;
  background-color: #111;
  color: #fff;
  font-size: 1.6rem;
}

.section03_detial01 {
  width: 100%;
  max-width: 860px;
  display: block;
}

.detail_list_wrapper {
  max-width: 860px;
  min-width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #111;
  background-color: #fff;
}

.detail_list_wrapper04,
.detail_list_title04 {
  height: 245px;
}

.detail_list_title04 {
  display: flex;
  align-items: center;
}

.detail_list_title {
  width: 21%;
  padding: 1.5rem;
  padding-right: 4.5rem;
  background-color: #111;
  color: #fff;
  font-size: 1.6rem;
}

.detail_list_txt {
  margin: 0 auto;
  position: relative;
  text-align: center;
  font-size: 1.8rem;
}

.detail_list_txt_last {
  width: 50%;
}

.detail_list_txt_last img {
  width: 100%;
}

.detail_list_number {
  font-size: 3.4rem;
}

.detail_list_point.-before {
  position: relative;
  margin-left: 24px;
  padding-left: 48px;
  font-size: 3.2rem;
  font-weight: bold;
}

.detail_list_point.-before::before {
  content: "";
  background-image: url(/creditcard/use/t-premium/images/t-point_logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom left;
  width: 9%;
  height: 200%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.detail_list_point.-before .detail_list_number {
  font-size: 4.6rem;
}

.detail_list_point {
  margin-left: 1.6rem;
  color: #aa8222;
  font-size: 2.4rem;
}

.detail_list_point_before {
  font-size: 2.6rem;
}

.detail_list_catch_position {
  display: block;
}

.sp_detail_list_catch_position {
  display: none;
}

.detail_list_catch {
  height: 44px;
  width: 240px;
  position: relative;
  top: -20px;
  float: right;
  background-color: #505050;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  line-height: 44px;
}

.detail_list_catch::after {
  content: "";
  background-image: url(/creditcard/use/t-premium/section03_detail_list_catch_after.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  left: 30px;
  bottom: -12px;
}

.detail_txt_wrapper {
  margin: 0 auto;
}

.detail_txt_wrapper img {
  margin-top: 12px;
}

.detail_txt_wrapper img:nth-of-type(2) {
  width: 34px;
  margin: 14px auto 8px auto;
  display: block;
}

.detail_list04 {
  display: block;
}

.sp_detail_list04 {
  display: none;
}

.detail_list_note {
  text-align: right;
  color: #aa8222;
  font-size: 1.6rem;
}

.detail_list_note:last-of-type {
  margin-top: 12px;
  color: #111;
}

.detail_note_list {
  margin-top: 12px;
  color: #111;
  font-size: 1.6rem;
}

.detail_list_title03 {
  height: 245px;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
}

.section03_arrow {
  margin: 30px 0;
  text-align: center;
}

.section03_list04_arrow {
  text-align: center;
}

.section03_plus {
  margin: 30px 0 -20px 0;
  text-align: center;
}

/*section03_tertiary----------------------*/

.section03_tertiary_wrapper {
  margin-top: 60px;
  padding: 80px 40px 60px 40px;
  background-color: #fff;
}

.section03_tertiary_wrapper .contents_title {
  margin: 0;
  text-indent: 3.6rem;
}

.section03_tertiary_wrapper .contents_txt {
  margin-top: 64px;
  text-align: center;
  font-size: 1.8rem;
}

.section03_tertiary_wrapper img {
  display: block;
}

.logo02 {
  margin: 88px auto 0 auto;
}

.tertiary_icon {
  margin: 60px auto 0 auto;
}

.tertiary_detail_title {
  margin-top: 60px;
  text-align: center;
  font-size: 3.2rem;
}

.tertiary_detail_title span {
  display: block;
  font-size: 1.6rem;
}

.tertiary_detail_list_wrapper {
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
}

.tertiary_detail_list_l {
  width: 438px;
  margin-right: 2%;
}

.tertiary_detail_list_r {
  width: 294px;
}

.tertiary_detail_list_title_wrapper {
  margin-bottom: 24px;
  padding-bottom: 10px;
  display: flex;
  border-bottom: 1px solid #6e6e6e;
}

.tertiary_detail_list_title {
  padding: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6e6e6e;
  border-radius: 5px;
  color: #fff;
  font-size: 2.2rem;
}

.tertiary_detail_list_txt {
  margin-left: 8px;
  font-size: 1.8rem;
}

.cont03 {
  margin-top: 36px;
}

.tertiary_detail_note {
  margin-top: 40px;
  padding-left: 1.6rem;
  font-size: 1.6rem;
  text-indent: -1.6rem;
}

.tertiary_detail_note a {
  color: #007fcb;
  text-decoration: underline;
}

.shop-list01,
.shop-list02,
.shop-list03 {
  display: block;
}

/*max-width:960px------------------------*/

@media screen and (max-width: 960px) {
  .detail_list04 {
    width: 96%;
    margin: 0 auto;
  }

  .detail_list04 img {
    width: 100%;
  }

  .section03_tertiary_wrapper {
    padding: 80px 30px 60px 30px;
  }
}

/*section03_sp----------------------------*/

@media screen and (max-width: 767px) {
  .section03 {
    padding: 32px 0;
  }

  .section03_title::after {
    height: 1px;
    top: 121px;
  }

  .contents_title {
    margin-top: 69px;
    font-size: 1.6rem;
    text-indent: 1.8rem;
  }

  .contents_title::after {
    min-width: 90%;
    height: 2px;
    left: 5%;
    top: 55px;
  }

  .section03_card {
    width: 80%;
    margin-top: 32px;
  }

  .section03_detail_title_intro {
    width: 56%;
    padding: 1rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .section03_catch {
    margin-top: 0;
    font-size: 1.4rem;
  }

  .section03_detail_title {
    font-size: 1.4rem;
  }

  .section03_arrow {
    width: 10%;
    min-width: 25px;
    margin: 20px auto;
  }

  .section03_list04_arrow {
    width: 8%;
    min-width: 20px;
    margin: 0 auto;
    text-align: center;
  }

  .section03_plus {
    width: 9%;
    min-width: 25px;
    margin: 20px auto;
  }

  .detail_list_wrapper {
    height: 50px;
  }

  .detail_list_wrapper04 {
    min-height: 280px;
    max-height: 300px;
    height: 100%;
  }

  .detail_list_title04 {
    min-height: 300px;
    height: 100%;
  }

  .detail_list_title {
    height: 100%;
    max-width: 90px;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
  }

  .detail_list_catch_position {
    display: none;
  }

  .sp_detail_list_catch_position {
    min-width: 80px;
    width: 19vw;
    display: block;
    position: relative;
    top: 120px;
    left: 70%;
  }

  .sp_detail_list_catch_position img {
    width: 76%;
  }

  .detail_txt_wrapper {
    padding: 0 3px;
  }

  .detail_list_txt {
    font-size: 1.2rem;
  }

  .detail_list_txt_last {
    width: 60%;
  }

  .detail_list_number {
    font-size: 3rem;
  }

  .detail_list_point {
    margin-left: 0;
    font-size: 2.1rem;
  }

  .detail_list_note {
    font-size: 1rem;
  }

  .detail_list_note04 {
    padding: 0 5%;
  }

  .detail_note_list {
    font-size: 1rem;
  }

  .detail_txt_wrapper img {
    margin: 0;
  }

  .detail_list04 {
    display: none;
  }

  .sp_detail_list04 {
    width: 90%;
    max-width: 280px;
    min-width: 200px;
    margin-top: 16px;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .detail_list_note:last-of-type {
    margin-top: 0;
  }

  .detail_list_point.-before {
    margin-left: 12px;
    padding-left: 32px;
    font-size: 1.6rem;
    font-size: 2.0rem;
  }
  
  .detail_list_point.-before::before {
    max-width: 48px;
    width: 9.6%;
    bottom: 0;
    left: 0;
  }

  .detail_list_point.-before .detail_list_number {
    font-size: 3.2rem;
  }
  /*    sp_tertiary-----------------*/

  .section03_tertiary_wrapper {
    margin-top: 40px;
    padding: 30px 12px 40px 12px;
  }

  .tertiary_detail_list_wrapper {
    margin-top: 36px;
    display: block;
  }

  .contents_title::after {
    min-width: 90%;
    height: 2px;
    left: 5%;
    top: 67px;
  }

  .t-point_logo02 {
    width: 50%;
    margin: 0 auto;
  }

  .logo02 {
    margin: 57px auto 0 auto;
  }

  .section03_tertiary_wrapper .contents_txt {
    margin-top: 24px;
    font-size: 1.4rem;
  }

  .tertiary_icon {
    margin: 40px auto 0 auto;
  }

  .tertiary_detail_title {
    margin-top: 36px;
    font-size: 2.4rem;
  }

  .tertiary_detail_title span {
    font-size: 1.2rem;
  }

  .tertiary_detail_list_txt {
    margin-left: 4px;
    font-size: 1.6rem;
  }

  .tertiary_detail_list_title_wrapper {
    margin-bottom: 16px;
  }

  .tertiary_detail_list_title {
    padding: 0.5rem;
    font-size: 1.7rem;
  }

  .cont01 .tertiary_detail_list_title {
    width: 80%;
    letter-spacing: -0.9px;
  }

  .cont02 .tertiary_detail_list_title,
  .cont03 .tertiary_detail_list_title {
    width: 40%;
  }

  .cont02 .tertiary_detail_list_title {
    padding: 0.5rem 1.5rem;
  }

  .cont03 .tertiary_detail_list_title {
    padding: 0.5rem 1.5rem;
  }

  .tertiary_detail_list_l,
  .tertiary_detail_list_r {
    width: 100%;
  }

  .cont02 {
    margin-top: 36px;
  }

  .shop-list01,
  .shop-list02,
  .shop-list03 {
    display: block;
  }

  .sp_shop-list03 {
    width: 40%;
  }

  .tertiary_detail_note {
    margin-top: 36px;
    padding-left: 1.1rem;
    font-size: 1.1rem;
    text-indent: -1.1rem;
  }
}

/*    小さいサイズ調整用-------------*/

@media screen and (max-width: 400px) {
  .detail_list_point.-before {
    margin-left: 8px;
    padding-left: 24px;
    font-size: 1.6rem;
  }
  
  .detail_list_point.-before::before {
    width: 8.8%;
  }

  .detail_list_point.-before .detail_list_number {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 360px) {
  .detail_list_point {
    font-size: 1.6rem;
  }

  .detail_list_number {
    font-size: 2.4rem;
  }
  
  .detail_list_point.-before {
    margin-left: 6px;
    padding-left: 20px;
    font-size: 1.4rem;
  }
  .detail_list_point.-before::before {
    bottom: 2px;
  }

  .detail_list_point.-before .detail_list_number {
    font-size: 2rem;
  }
}

/*section04--------------------------------------*/

/*section04,section05共通---------------*/
.section04_detail_txt,
.section05_detail_txt {
  margin: 72px 0 36px;
  padding: 2rem 3.5rem;
  background: rgba(17, 17, 17, 0.7);
  border: 2px dotted #777;
  font-size: 1.6rem;
}

.detail_txt a {
  color: #007fcb;
  text-decoration: underline;
}

/*sp------------------*/

@media screen and (max-width: 767px) {
  .section04_detail_txt,
  .section05_detail_txt {
    margin: 69px 0 36px;
    padding: 2rem 2.4rem;
    background: rgba(17, 17, 17, 0.7);
    border: 1px dotted #777;
    font-size: 1.4rem;
  }

  .section04_detail_txt span,
  .section05_detail_txt span {
    font-weight: bold;
  }
}

/*-----section04----------*/

.section04_main_img {
  display: block;
}

.sp_section04_main_img {
  display: none;
}

.section04 {
  padding: 64px 0;
  background-image: url(/creditcard/use/t-premium/images/section04_bg.png);
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

/* .section04_title::after {
  content: "";
  max-width: 210px;
  min-width: 30%;
  height: 2px;
  display: block;
  position: absolute;
  left: 35%;
  top: 133px;
  background-color: #fff;
} */

.section04_contents_wrapper {
  max-width: 640px;
  margin: 0 auto;
}

/*sp---------------*/

@media screen and (max-width: 767px) {
  .section04_main_img {
    display: none;
  }

  .sp_section04_main_img {
    display: block;
  }

  .section04 {
    padding: 32px 0;
    background-image: url(/creditcard/use/t-premium/images/sp/sp_section04_bg.png);
  }

  .section04_title::after {
    top: 122px;
  }
}

/*section05------------------------*/

.section05 {
  padding: 64px 0 100px 0;
  background-image: url(/creditcard/use/t-premium/images/section05_bg.png);
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

/* .section05_title::after {
  content: "";
  max-width: 210px;
  min-width: 30%;
  height: 2px;
  display: block;
  position: absolute;
  left: 35%;
  top: 133px;
  background-color: #fff;
} */

.section05_detail_txt {
  max-width: 640px;
  margin: 72px auto 64px auto;
}

.section05_contents_title,
.section05_contents_txt {
  text-align: center;
}

.section05_contents_title {
  font-size: 3.2rem;
}

.section05_contents_title:nth-of-type(2) {
  margin-top: 48px;
}

.section05_contents_txt {
  margin-top: 24px;
  font-size: 1.8rem;
}

.section05_contents_txt span {
  color: #d2b05f;
}

/*section04 section05  20231116追加 ------------------------*/
.section04_title {
	  font-size: 3.5rem;
  }

.section05_title {
	  font-size: 3.5rem;
  }

.section_border {
    border:5px solid #FFF;
	  padding: 50px;
}

/*sp--------------------*/

@media screen and (max-width: 767px) {
  .section05 {
    padding: 32px 0 36px 0;
    background-image: url(/creditcard/use/t-premium/images/sp/sp_section05_bg.png);
  }

  .section05_title::after {
    top: 158px;
  }

  .section05_detail_txt {
    margin: 72px auto 30px auto;
  }

  .section05_contents_title {
    font-size: 2rem;
  }

  .section05_contents_txt {
    margin-top: 12px;
    font-size: 1.4rem;
  }

  .section05_contents_title:nth-of-type(2) {
    margin-top: 36px;
  }
	
	/*section04 section05 20231116追加 ------------------------*/
  .section04_title {
    font-size: 2rem;
  }
	
 .section05_title {
    font-size: 2rem;
  }
  .section05_detail_txt {
    margin: 52px auto 30px auto;
  }
	.section05_contents_title {
  font-size: 2rem;
}
}



/*section06-------------------*/

.section06 {
  padding: 64px 0;
  background-color: #111;
  color: #fff;
  font-size: 1.6rem;
}

.section06_txt_wrapper {
  margin-top: 48px;
}

.section06_txt {
  padding-left: 1.6rem;
  text-indent: -1.6rem;
}

.section06_txt:nth-of-type(5) {
  color: #ff1e00;
  text-decoration: underline;
}

.section06_detail {
  margin-top: 48px;
}

.section06_detail dt {
  font-size: 2.2rem;
}

.section06_detail dd {
  margin-top: 22px;
}

.section06_detail a {
  color: #007fcb;
  text-decoration: underline;
}

.link_wrapper03 {
  margin-top: 102px;
}

/*section06 card list 20231121追加 -------------------*/

  .card_base{
	padding: 30px 0 44px 0;
  }
  .section06_txt_card {
  padding-left: 1.6rem;
  text-indent: -1.6rem;
	font-size: 1.8rem;
	text-align: center;
  }

  .card_list_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 30px 40px 40px 40px;
  }

  .card_list_l {
  width: 45%;
  margin-right: 10%;
  }

  .card_list_r {
  width: 45%;
  }

  .card_list_ttl {
  margin-bottom: 0;
  padding: 0 0 20px 0;
  width: 100%;
  border-bottom: 2px solid #FFF;
  text-align: center;
  color: #FFF;
  font-size: 2.2rem;
  }

  .card_list_img {
	width: 100%;
	height: 100%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	align-self: stretch;
  }

  .card_list_img img {
	width: 100%;
	display: block;
	margin: auto;
  }


/*sp-------------------------*/

@media screen and (max-width: 767px) {
  .section06 {
    padding: 64px 0 36px;
  }

  .section06_txt {
    padding-left: 1.1rem;
    text-indent: -1.1rem;
  }

  .section06_txt_wrapper {
    margin-top: 24px;
    font-size: 1.1rem;
  }

  .section06_detail {
    margin-top: 18px;
  }

  .section06_detail dt {
    font-size: 1.4rem;
  }

  .section06_detail dd {
    margin-top: 12px;
    font-size: 1.1rem;
  }

  .section06 .sp_link_wrapper {
    padding: 75px 0 0;
  }
}

/*sp card list 20231121追加 -------------------*/
@media screen and (max-width: 767px) {
   .section06_txt_card {
	padding-left: 1.1rem;
	text-indent: -1.1rem;
	font-size: 1.1rem;
  }
	
  .card_list_wrapper {
	display: flex;
	flex-direction: column;
	padding: 30px 40px 0 40px;
  }

  .card_list_l {
	width: 80%;
	margin-right: 0;
	margin: 0 auto 30px auto;
  }

.card_list_r {
	width: 80%;
	margin: 0 auto 10px auto;

}
	
  .card_list_ttl {
	font-size: 1.4rem;
	padding: 0 0 10px 0;

  }

  .card_list_img {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

  .card_list_img img {
	margin: 0 auto;
	width: 80%;
  }
}

/*section07-----------------*/

.section07 {
  padding: 74px 0 46px;
  background-color: #dadada;
  font-size: 1.6rem;
}

.section07 dl:not(:nth-of-type(1)) {
  margin-top: 36px;
}

.section07 dd {
  padding-left: 1.6rem;
  text-indent: -1.6rem;
}

/*sp-----------------------*/

@media screen and (max-width: 767px) {
  .section07 {
    padding: 36px 0;
  }

  .section07 .section_inner {
    font-size: 1.1rem;
  }

  .section07 dd {
    padding-left: 1.1rem;
    text-indent: -1.1rem;
  }

  .section07 dl:not(:nth-of-type(1)) {
    margin-top: 24px;
  }
}

/*contact--------------------*/

.contact {
  padding: 58px 0;
}

.contact_title,
.contact_name,
.info-time_box {
  font-size: 1.8rem;
}

.contact_note,
.sub_contact_box,
.sub_contact_alert {
  font-size: 1.6rem;
}

.contact_title,
.contact_name,
.tel_number {
  font-weight: bold;
}

.contact_title {
  text-indent: -10px;
}

.tel_number_box {
  margin-top: 10px;
  display: flex;
}

.tel_number {
  margin-left: 12px;
  font-size: 3rem;
}

.info-time_box {
  margin: 10px 0;
  display: flex;
  align-items: center;
}

.info-time_second_box {
  display: none;
}

.info-time_title {
  padding: 0.5rem;
  background-color: #014099;
  border-radius: 5px;
  color: #fff;
}

.info-time {
  margin: 0 30px 0 12px;
}

.sub_contact_box {
  max-width: 516px;
  margin: 30px auto 0 auto;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
}

.sub_contact_title {
  position: relative;
}

.sub_contact_title::after {
  content: "";
  background-image: url(/creditcard/use/t-premium/images/contact_sub-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 1px;
  right: 74px;
}

.sub_contact_alert {
  margin-top: 10px;
  text-align: center;
  color: #4a9647;
  font-weight: bold;
}

/*sp-------------------*/

@media screen and (max-width: 767px) {
  .contact {
    padding: 48px 0 32px;
  }

  .sub_contact_box {
    margin: 24px auto 0 auto;
  }

  .contact_title,
  .contact_name,
  .info-time_box {
    font-size: 1.4rem;
  }

  .tel_number_box {
    height: auto;
    align-items: flex-start;
  }

  .tel_number_box img {
    width: 50px;
  }

  .tel_number {
    margin-left: 12px;
    font-size: 2.5em;
  }

  .info-time_box {
    display: block;
  }

  .info-time_second_box {
    display: flex;
    align-items: center;
  }

  .info-time_title,
  .info-time {
    display: none;
  }

  .sp_info-time {
    margin: 0 30px 0 12px;
    font-weight: bold;
  }

  .sp_info-time_title {
    padding: 0.5rem 1rem;
    background-color: #014099;
    border-radius: 5px;
    color: #fff;
  }

  .info-time_note {
    margin-top: 12px;
  }

  .contact_note {
    padding-left: 1.4rem;
    font-size: 1.4rem;
    text-indent: -1.4rem;
  }

  .sub_contact_box,
  .sub_contact_alert {
    font-size: 1.1rem;
  }

  .sub_contact_title {
    text-align: center;
  }

  .sub_contact_title::after {
    width: 11px;
    height: 11px;
    top: 2px;
    right: 24px;
  }

  .sub_contact_txt {
    margin-top: 8px;
  }
}

/*footer---------------------*/

.footer {
  padding: 1rem;
  text-align: center;
  background-color: #111;
  color: #a0a0a0;
  font-size: 1.6rem;
}

/*sp---------------*/

@media screen and (max-width: 767px) {
  .footer {
    font-size: 1.1rem;
  }
}