@charset "UTF-8";
/* ***汎用スタイル*** */
h1 *, h2 *, h3, h3 * { font-weight: 700; }
.ikou_contents_inner{
	width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0px 0;
}
@media screen and (max-width: 767px) {
	.ikou_contents_inner{
	  padding: 20px 10px 0;
	}
}
.ikou_contents section {
	padding: 20px 0;
}
.cnw_end-btn_area{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	margin-bottom: 20px;
}
.txt_indent{ text-indent: 1rem; }
._bg_lightyellow{	background: #fffdf3; }
._bg_paleblue{	background: #e3f5ff; }
._bg_lightblue{	padding-bottom: 1px; }
.color_blue{ color: #35a8e3; }
.line_orange{	border-bottom: solid 4px #ff8f20; }
.line_gray{ border-bottom: solid 2px #8f8f8f; }
strong, b{	font-weight: 700; }
@media screen and (min-width: 768px) {
  .sp_br { display: none; }
  .pc_br { display: block; }
}
@media screen and (max-width: 767px) {
  .sp_br { display: block; }
  .pc_br { display: none; }
}
.ikou_contents h2{
	margin-bottom: 20px;
}
.title_lv3, .title_lv4{
	display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
/* 横2-3列カラム */
.cnw_end--mypage_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: stretch;
 }
.cnw_end--mypage_list li {
  position: relative;
  display: flex;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
	.cnw_end--mypage_list {
    flex-direction: column;
	}
	.cnw_end--mypage_list li {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	}
}

.cnw_end--mypage_list li.mypage_list_3col {
  width: calc((100% - 30px * 2) / 3);
}
.cnw_end--mypage_list li.mypage_list_2col {
  width: calc((100% - 30px * 2) / 2);
}

@media screen and (max-width: 767px) {
	.cnw_end--mypage_list li.mypage_list_3col {
		width: 100%;
    padding: 40px 4vw 37px 27px;
	}
	.cnw_end--mypage_list li.mypage_list_2col {
		width: 100%;
		margin-bottom: 20px;
	}
}
a.link_button:hover {
	opacity: 0.75;
}


/* ***セクション別スタイル*** */
/* トップインフォ */
#ikou_info{
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 768px) {
	.title_h1{
	  display: flex;
	  justify-content: center;
	  text-align: center;
	}
}
.ikou_info--figure{
	position:relative;
	margin: 0;
}
.img_title_main{ aspect-ratio: 1000 / 128; }
.ikou_info_btn-box{
	width:40%;
  position: absolute;
  bottom: 10%;
  left: 10%;
}
.img_top_wrap{ aspect-ratio: 1000 / 409; }
.btn_mypage_01{ aspect-ratio: 386 / 146; }
.btn_cnw{ aspect-ratio: 386 / 55; }

/* WELCOMバナー */
.bnr_present_1000{ aspect-ratio: 1000 / 147; }

/* もっと快適に */
.title_kaiteki{ aspect-ratio: 100 / 16; }
.ikou_contents_inner ._bg_lightyellow {
  border-image: linear-gradient(#fffdf3,#fffdf3) fill 0//0 100vw 0 100vw;
}
#kaiteki_tokuten .cnw_end--mypage_list{
	margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
	#kaiteki_tokuten .cnw_end--mypage_list .mypage_list_2col{ width: auto; }
}
@media print, screen and (max-width: 767px) {
	#kaiteki_tokuten .nm10{ margin-bottom: 0; } 
}
#ikou_kaiteki{ padding: 20px 0 0; }


/* 個人のお客さま */
/* オトクな特典 */
/* 簡単3ステップ */
#step { padding-top: 0; }
.explain .cnw_end--mypage_list {
	padding: 40px 0 10px;
}
.explain .cnw_end--mypage_list li {
	gap: 20px;
}
.explain .cnw_end--mypage_list li.mypage_list_item {
    padding: 50px 27px 37px 27px;
    border: 3px solid #35A8E3;
    border-radius: 20px;
    background: white;
}
@media screen and (max-width: 767px) {
	.explain .cnw_end--mypage_list li.mypage_list_item {
    max-width: 86%;
		margin-bottom: 60px;
	}
	.explain .cnw_end--mypage_list li:last-child{
		margin-bottom: 0;
	}
}
.explain .cnw_end--mypage_list li .mypage_list_number {
    position: absolute;
    width: 68px;
    height: 68px;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 9;
}
.explain .cnw_end--mypage_list li .mypage_list_title {
    font-size: 22px;
}
.explain.cnw_end--mypage_list li .mypage_list_text {
    font-size: 16px;
}

/* マイページをご利用いただけない方 */
#touroku_caution {
	padding: 0 .5rem;
}
#touroku_caution p{
	margin-bottom: 1rem;
  font-size: 77.78%;
}
	/* common.cssを上書き */
	.rn2020 #main ul.annotation>li {
	  padding-left: 1em;
	}

/* 法人のお客さま */
.ikou_contents_inner ._bg_paleblue {
  border-image: linear-gradient(#e3f5ff,#e3f5ff) fill 0//0 100vw 0 100vw;
}
.mypage_list_guide{
	justify-content: center;
  gap: 1rem;
}


/* よくあるご質問 */
.cnw_end--qa .qa li {
	margin-bottom: 20px;
}
.cnw_end--qa .qa .question {
    position: relative;
    padding: 32px 120px 32px 96px;
    cursor: pointer;
    background: #fff;
}
.cnw_end--qa .qa .question:before {
    position: absolute;
    content: "";
    width: 35px;
    height: 33px;
    background: url(../img/txt_q.png) no-repeat;
    background-size: contain;
    top: 50%;
    left: 34px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.cnw_end--qa .qa .question::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 32px;
    font-size: 72%;
    content: "開く";
    transform: translateY(-50%);
    font-weight: normal;
}
.cnw_end--qa .qa .question.open::after {
    content: "閉じる";
}

.cnw_end--qa .qa .question span:before, .cnw_end--qa .qa .question.open span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(2.4rem + 32px);
    width: 20px;
    height: 2px;
    background: #FF8F20;
    transform: translateY(-50%);
    font-size: 72%;
}
.cnw_end--qa .qa .question.open span:after {
	display: none;
}
.cnw_end--qa .qa .question span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(2.4rem + 41px);
    width: 2px;
    height: 20px;
    background: #FF8F20;
    transform: translateY(-50%);
    transition: .3s;
    font-size: 72%;
}

.cnw_end--qa .qa .answer {
    background-color: #fcfafa;
    border-radius: 0 0 20px 20px;
    padding: 32px 32px 32px 96px;
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
}
.cnw_end--qa .qa .answer p, #cnw_end--qa .qa .answer dd {
    line-height: 1.8;
}
.cnw_end--qa .qa .anser_dl dt{
	margin-top: 1rem;
}
.cnw_end--qa .qa .anser_dl dt::before{
	content: "■";
}
.cnw_end--qa .qa .answer:before {
    position: absolute;
    content: "";
    width: 31px;
    height: 28px;
    background: url(../img/txt_a.png) no-repeat;
    background-size: contain;
    top: 50px;
    left: 34px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.cnw_end--qa .qa .anser_dl dd{
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.cnw_end--qa .qa {
		font-size: 0.9rem;
	}
	.cnw_end--qa .qa .question {
		padding: 10px 20px 40px 100px;
	}
	.cnw_end--qa .qa .question span::before, #cnw_end--qa .qa .question.open span::after {
	  top: calc(100% - 18px);
	  bottom: 18px;
	  left: calc(50% - 2rem);
	}
	.cnw_end--qa .qa .question span::after {
	  top: calc(100% - 18px);
	  bottom: 0;
	  left: calc(50% + 9px - 2rem);
	}
  .cnw_end--qa .qa .question::after {
      left: 50%;
      top: calc(100% - 21px);
      bottom: 10px;
  }
}
/* 各種問い合わせ先 */
.cnw_end--toi {
  width: 98%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 40px 40px
}
@media screen and (max-width: 767px) {
	.cnw_end--toi {
		width: 100%;
		margin: 0 auto;
	  padding: 20px 10px;
	}
}
.cnw_end--toi .toi li {
	margin-bottom: 20px;
}