@charset "shift_jis";
/* ======================================================
 * /common-files/css/introduction/index_sp.css
 * ------------------------------------------------------
 * SECTION PARTS
 * HEADING PARTS
 * BOX PARTS
 * LAYOUT PARTS
 * TABLE PARTS
 * LIST PARTS
 * LINK PARTS
 * BUTTON PARTS
 * TEXT PARTS
 * EXTRA
 * Clearfix
====================================================== */

@media screen and (max-width: 750px) {
	body{
		font-size: 13px;
		font-size: 1.3rem;
		color: #444444;
	}
	
	#mainContents {
		padding-bottom: 120px;
	}
	
	.sp_none{
		display: none !important;
	}
	#footerContainer #footerRights{
		margin-bottom: 70px !important;
	}
	/* SECTION PARTS
	------------------------------------------------------ */
	
	
	
	/* HEADING PARTS
	------------------------------------------------------ */
	/*introduction-heading01*/
	.introduction-heading01__wrap {
		padding: 30px 0 25px;
	}
	.introduction-heading01__wrap .introduction-heading01{
		position: relative;
		margin: 0px 30px;
		padding-bottom: 15px;
		font-weight: bold;
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1;
		text-align: center;
		color: #262626;
	}
	.introduction-heading01__wrap .introduction-heading01::after{
		position: absolute;
		content: '';
		width: 100%;
		height: 6px;
		left: 0;
		bottom: 0;
		background: url("/introduction/img-files/index_ex01.png") repeat-x left 0 bottom 0/auto 6px;
	}
	/*introduction-heading02*/
	[class*="introduction-heading02__wrap"] {
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-flow: column nowrap;
		min-height: 50px;
		margin-top: 10px;
		padding: 17px 10px 12px 12px;
		border-radius: 10px;
		background: #ddbc9e;
		color: #333333;
	}
	[class*="introduction-heading02__wrap"].js-introduction-toggle__trigger{
		position: relative;
		cursor: pointer;
	}
	[class*="introduction-heading02__wrap"].js-introduction-toggle__trigger::after {
		position: absolute;
		top: 50%;
		right: 10px;
		height: 20px;
		width: 20px;
		margin-top: -10px;
		background: url("/introduction/img-files/index_ic01_1.png") 0 0/100% no-repeat;
		content: '';
	}
	[class*="introduction-heading02__wrap"].js-introduction-toggle__trigger.open::after {
		background-image: url("/introduction/img-files/index_ic01_2.png");
	}
	.introduction-heading02__wrap--reissue {background-color: #f3adc6;}
	.introduction-heading02__wrap--introduction {background-color: #a8d1d6;}
	.introduction-heading02__wrap--safe {background-color: #c8eafa;}
	.introduction-heading02__wrap--flow {background-color: #c7d529;}
	.introduction-heading02__wrap--point {background-color: #e0bd3a;}
	.introduction-heading02__wrap--more {background-color: #f3adad;}
	.introduction-heading02__wrap--special {background-color: #c0a4d2;}
	.introduction-heading02__wrap--gold {background-color: #ea94c9;}
	.introduction-heading02__wrap--trouble {background-color: #ffd490;}
	.introduction-heading02__wrap--support {background-color: #bad68a;}
	[class*="introduction-heading02__wrap"].js-introduction-toggle__trigger + .js-introduction-toggle__content{
		padding: 20px 0 55px;
	}
	.introduction-heading02__wrap--theft_loss {
		padding-left: 75px;
		background: #cde4e1 url("/introduction/img-files/index_ic01.png") left 10px center no-repeat;
		background-size: 55px auto;
	}
	.introduction-heading02__wrap--prevent_abuse {
		padding-left: 75px;
		background: #f4e2ee url("/introduction/img-files/index_ic02.png") left 10px center no-repeat;
		background-size: 55px auto;
	}
	.introduction-heading02__wrap--aleat {
		padding-left: 75px;
		background: #dbf2f4 url("/introduction/img-files/index_ic03.png") left 10px center no-repeat;
		background-size: 55px auto;
	}
	.introduction-heading02__wrap--travel {
		padding-left: 75px;
		background: #cdcee3 url("/introduction/img-files/index_ic04.png") left 10px center no-repeat;
		background-size: 55px auto;
	}
	.introduction-heading02__wrap--shopping {
		padding-left: 75px;
		background: #f5ebc4 url("/introduction/img-files/index_ic10.png") left 10px center no-repeat;
		background-size: 55px auto;
	}
	[class*="introduction-heading02__wrap"] .introduction-heading02{
		font-weight: bold;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1;
	}
	[class*="introduction-heading02__wrap"] .introduction-heading02 .introduction-heading02--small {
		font-size: 12px;
		font-size: 1.2rem;
	}
	/*introduction-heading03*/
	.introduction-heading03{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 60px 0 10px;
		border-bottom: solid 1px #d9d9d9;
		padding-bottom: 5px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.introduction-heading03.type03 {
		margin-top: 30px!important;
	}
	.introduction-heading03 .introduction-heading03__img {
		width: 25px;
	}
	.introduction-heading03 .introduction-heading03__img > img {
		width: 20px;
		vertical-align: middle;
	}
	.introduction-heading03 .introduction-heading03__text {
		line-height: 1.3;
	}
	.introduction-heading03__number--wrap,
	.introduction-heading03__number--wrap--shopping{
		position: relative;
		padding: 2px 0 5px 33px;
	}
	.introduction-heading03__number--wrap .introduction-heading03__number{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 27px;
		height: 27px;
		border-radius: 50%;
		padding: 7px 3px;
		background: #f4e2ee;
		text-align: center;
		color: #333333;
		line-height: 1;
	}
	.introduction-heading03__number--wrap--shopping .introduction-heading03__number{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 27px;
		height: 27px;
		border-radius: 50%;
		padding: 7px 3px;
		background: #f5ebc4;
		text-align: center;
		color: #333333;
		line-height: 1;
	}
	.introduction-heading03__bordertop{
		margin: 30px 0 0;
		padding: 30px 0 0;
		border-top: solid 2px #bfbfbf;
		font-weight: bold;
		font-size: 16px; 
		font-size: 1.6rem;
		text-align: center;
	}
	.introduction-heading03__bordernone{
		margin: 30px 0 0;
		font-weight: bold;
		font-size: 16px; 
		font-size: 1.6rem;
		text-align: center;
	}
	/*introduction-heading04*/
	.introduction-heading04__wrap{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: row wrap;
		margin: 32px 0 15px;
	}
	.introduction-heading04__icon{
		width: 36px;
		margin-right: 10px;
	}
	.introduction-heading04{
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.introduction-heading04__icon + .introduction-heading04{
		max-width: calc(100% - 46px)
	}
	/*introduction-heading05*/
	.introduction-heading05{
		margin-top: 40px;
		text-align: center;
		font-weight: bold;
		font-size: 13px;
		font-size: 1.3rem;
	}
	/* BOX PARTS
	------------------------------------------------------ */
	.introduction-figure-box01{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.introduction-figure-box02,
	.introduction-figure-box03,
	.introduction-figure-box04{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.introduction-figure-box03 .introduction-figure-box03__image,
	.introduction-figure-box04 .introduction-figure-box04__image{
		width: 55%;
	}
	.introduction-figure-box03 .introduction-figure-box03__text,
	.introduction-figure-box04 .introduction-figure-box04__text {
		width: 45%;
	}
	.introduction-figure-box02.type02{
		gap: 0 10px;
	}
	.introduction-figure-box02.type03{
		position: relative;
		gap: 0 10px;
		margin-top: -15px;
		z-index: -1;
	}
	.introduction-figure-box02.type02 .introduction-img-link,
	.introduction-figure-box02.type03 .introduction-img-link {
		width: calc(100% / 3 - 20px / 3);
		text-align: center;
	}
	/*introduction-box*/
	.introduction-box {
		margin-top: 20px;
		padding: 20px;
		border: 1px solid #d9d9d9;
	}
	.introduction-box >:first-child {
		margin-top: 0 !important;
	}
	.introduction-box .introduction-boxTitle {
		margin-top: 15px;
		text-align: center;
		font-size: 1.5rem;
	}
	.introduction-box .introduction-boxCol {
		display: flex;
		flex-flow: column;
		gap: 10px 10px;
		margin-top: 15px;
	}
	.introduction-box .introduction-boxCol .introduction-boxColItem {
		display: flex;
		align-items: center;
		gap: 10px 15px;
	}
	.introduction-box .introduction-boxCol .introduction-boxColItem >:first-child {
		margin-top: 0!important;
	}
	.introduction-box .introduction-boxImage {
		flex-shrink: 0;
		width: 60px;
	}
	.introduction-box .introduction-boxText {
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.introduction-box .introduction-boxText .small {
		font-size: 1.3rem;
	}
	/*introduction-box-layout01*/
	.introduction-box-layout01{
		margin-top: 45px;
		padding: 20px 10px;
		border-radius: 10px;
		border: solid 1px #d4d4d4;
		background: #fff;
	}
	
	/*introduction-box--small*/
	.introduction-box--small{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	
	/*introduction-arrow*/
	.introduction-arrow {
		width: 0;
		height: 0;
		margin: 30px auto;
		border-top: 18px solid #a6a6a6;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
	}
	.introduction-arrow + section .introduction-heading03 {
		margin-top: 30px;
	}
	/*introduction-column*/
	.introduction-column {
		display: flex;
		flex-flow: wrap;
		gap: 10px 10px;
		margin-top: 20px;
	}
	.introduction-column .introduction-columnItem {
		width: calc(100% / 3 - 20px / 3);
		text-align: center;
	}
	.introduction-column .introduction-columnItem >:first-child {
		margin-top: 0 !important;
	}
	.introduction-column .introduction-columnImage {
		margin-top: 15px;
	}
	.introduction-column .introduction-columnImage img {
		width: auto;
	}
	.introduction-column .introduction-columnText {
		margin-top: 10px;
		font-size: 1.3rem;
	}
	/*appliDLBox*/
	.appliDLBox {
		margin-right: 20px;
	}
	
	/*introduction-gold-box*/
	.introduction-gold-box-Wrap {
		display: flex;
	}
	.introduction-gold-box-Wrap > * {
		width: 45%;
		margin-top: 0;
	}
	.introduction-gold-box-Wrap >:first-child {
		position: relative;
		margin-right: 10%;
	}
	.introduction-gold-box-Wrap.arrow >:first-child::before{
		content: '';
		position: absolute;
		top: 50%;
		right: -27px;
		width: 16px;
		height: 28px;
		margin-top: -14px;
		background: url("/introduction/img-files/index_jq_ic01.png") no-repeat 0 0 / cover;
	}
	.introduction-gold-box {
		width: 100%;
		margin-top: 20px;
	}
	.introduction-gold-box[data-type="01"] {
		border: 2px solid #ea94c9;
	}
	.introduction-gold-box[data-type="01"] .introduction-gold-box__head {
		width: 100%;
		padding: 10px;
		background-color: #fbeaf4;
	}
	.introduction-gold-box[data-type="02"] {
		border: 2px solid #e6e6e6;
	}
	.introduction-gold-box[data-type="02"] .introduction-gold-box__head {
		width: 100%;
		padding: 10px;
		background-color: #e6e6e6;
	}
	.introduction-gold-box .introduction-gold-box__head[data-column="2"] {
		display: flex;
	}
	.introduction-gold-box .introduction-gold-box__head[data-column="2"] >* {
		width: 45%;
	}
	.introduction-gold-box .introduction-gold-box__head[data-column="2"] >:first-child {
		margin-right: 10%;
	}
	.introduction-gold-box.type02 .introduction-gold-box__head[data-column="2"] >:nth-child(2) {
		width: 70%;
	}
	.introduction-gold-box.type02 .introduction-gold-box__head[data-column="2"] >:first-child {
		width: 25%;
		margin-right: 5%;
	}
	.introduction-gold-box .introduction-gold-box__body {
		width: 100%;
		padding: 5px;
	}
	.introduction-gold-box .introduction-gold-box__body.type02 {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.introduction-gold-box .introduction-gold-box__body[data-content="none"] {
		position: relative;
	}
	.introduction-gold-box .introduction-gold-box__body[data-content="none"]::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		width: 29px;
		height: 2px;
		margin: -1px auto 0;
		background-color: #bfbfbf;
	}
	.introduction-gold-box .introduction-gold-box__body[data-column="2"] {
		display: flex;
	}
	.introduction-gold-box .introduction-gold-box__body[data-column="2"] >* {
		width: 45%;
	}
	.introduction-gold-box .introduction-gold-box__body[data-column="2"] >:first-child {
		position: relative;
		margin-right: 10%;
	}
	.introduction-gold-box .introduction-gold-box__body[data-column="2"] >:first-child::before {
		content: '';
		position: absolute;
		top: 50%;
		right: -25px;
		width: 16px;
		height: 28px;
		margin-top: -14px;
		background: url("/introduction/img-files/index_jq_ic01.png") no-repeat 0 0 / cover;
	}
	.introduction-gold-box .introduction-gold-box__title01 {
		padding: 4px 0;
		text-align: center;
		font-size: 1.2rem;
	}
	.introduction-gold-box .introduction-gold-box__title02 {
		text-align: center;
		font-size: 1.2rem;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap {
		display: flex;
		align-items: center;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap >:first-child {
		width: 29%;
		margin-right: 1%;
		text-align: right;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap >:nth-child(2) {
		width: 70%;
		text-align: right;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap02 {
		display: flex;
		align-items: center;
		position: relative;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap02 + .introduction-gold-box__text-wrap02::before {
		content: '';
		position: absolute;
		top: 0;
		left: -5px;
		width: calc(100% + 10px);
		height: 1px;
		background-color: #ea70bb;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap02 >* {
		width: 49%;
		text-align: center;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap02:not(:first-child) {
		padding-top: 5px;
	}

	.introduction-gold-box .introduction-gold-box__text-wrap02:not(:last-child) {
		padding-bottom: 5px;
	}
	.introduction-gold-box .introduction-gold-box__text-wrap >:nth-child(2) {
		margin-left: 2%;
	}
	.introduction-gold-box .introduction-gold-box__text {
		padding: 10px 0;
		text-align: center;
		font-size: 1.8rem;
	}
	.introduction-gold-box .introduction-gold-box__text > .large {
		font-size: 3rem;
	}
	.introduction-gold-box .introduction-gold-box__text02 {
		padding: 10px 0;
		text-align: center;
		font-size: 1.8rem;
		color: #ea70bb;
	}
	.introduction-gold-box .introduction-gold-box__text02 > .large {
		font-size: 3rem;
	}
	.introduction-gold-box .introduction-gold-box__text03 {
		font-size: .9rem;
	}
	.introduction-gold-box .introduction-gold-box__text03 > .large {
		font-size: 1.5rem;
	}
	.introduction-gold-box .introduction-gold-box__text04 {
		font-size: .9rem;
		color: #ea70bb;
	}
	.introduction-gold-box .introduction-gold-box__text04 > .large {
		font-size: 2.5rem;
	}
	.introduction-gold-box .introduction-gold-box__text05 {
		font-size: 1.2rem;
		color: #000000;
	}
	.introduction-gold-box .introduction-gold-box__text06 {
		font-size: 1.5rem;
		color: #ea70bb;
	}
	.introduction-gold-box .introduction-gold-box__text06 > .large {
		font-size: 2rem;
	}
	.introduction-gold-box .introduction-gold-box__text07 {
		font-size: 1.2rem;
		color: #ea70bb;
	}
	.introduction-gold-box .introduction-gold-box__text07 > .large {
		font-size: 2.1rem;
	}
	
	/* LAYOUT PARTS
	------------------------------------------------------ */
	/*introduction-heroImage*/
	.introduction-heroImage__wrap{
		padding-top: 11%;
		margin-bottom: 30px;
		background-color: #fffdeb;
	}
	.introduction-heroImage__wrap .introduction-heroImage {
		margin: 0 21%;
	}
	/*introduction-movieContents*/
	.introduction-movieContents__wrap {
		padding: 20px 0 25px;
		margin-bottom: 30px;
		background-color: #fffdeb;
	}
	.introduction-movieContents__wrap .introduction-movieContents__heading {
		margin-bottom: 15px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #000000;
		text-align: center;
	}
	.introduction-movieContents__wrap .introduction-movieContents {
		margin: 0 45px;
	}
	/*introduction-col*/
	.introduction-col01 > .introduction-col01__inner + .introduction-col01__inner,
	.introduction-col02 > .introduction-col02__inner + .introduction-col02__inner,
	.introduction-col02 + .introduction-col02{
		margin-top: 40px;
	}
	.introduction-col03 {
		display: flex;
		justify-content: flex-start;
		flex-flow: wrap
	}
	.introduction-col03 .introduction-col03__item {
		width: 20%;
		margin-left: 6%;
	}
	.introduction-col03 .introduction-col03__item:nth-of-type(4n+1) {
		margin-left: 0;
	}
	.introduction-col03 .introduction-col03__item__text {
		margin-top: 10px;
		text-align: center;
		font-size: 1.2rem;
	}
	.introduction-col03 .introduction-col03__item__image {
		text-align: center;
	}
	.introduction-col03 .introduction-col03__item__list {
		margin-top: 15px;
	}
	.introduction-col03 .introduction-col03__item__list > li {
		position: relative;
		padding-left: 4px;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.introduction-col03 .introduction-col03__item__list > li::before{
		content: '';
		position: absolute;
		top: 8px;
		left: -3px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background-color: #595757;
	}
	.introduction-colHead > :first-child {
		margin-top: 0 !important;
	}
	.introduction-colBody > :first-child {
		margin-top: 0 !important;
	}
	.introduction-colBody {
		margin-top: 20px;
	}
	.introduction-col04 .introduction-colImage img {
		width: 135px;
	}
	.introduction-col04 + .introduction-button-link01 {
		margin-top: 22px;
	}
	.introduction-colImage02 {
		text-align: center;
	}
	.introduction-colImage02 img {
		width: calc((566 / 720) * 100vw);
	}
	.introduction-colImage03 img {
		width: calc((126 / 720) * 100vw);
	}
	.introduction-colText {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.1;
		margin-top: 19px;
	}
	.introduction-colUnderLine {
		position: relative;
	}
	.introduction-colUnderLine::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 5px;
		left: 0;
		bottom: 8px;
		background: url("/introduction/img-files/index_bg01.png") repeat-x left 0 bottom 0/100%;
		z-index: -1;
	}
	.introduction-colTextLarge {
		font-size: 2.3rem;
	}
	
	/* TABLE PARTS
	------------------------------------------------------ */
	
	
	
	/* LIST PARTS
	------------------------------------------------------ */
	.introduction-list-box--center{
		text-align: center;
	}
	.introduction-list-box--right{
		text-align: right;
	}
	[class*="introduction-list-box"] > ul,
	[class*="introduction-list-box"] > ol{
		display: inline-block;
		text-align: left;
	}
	/*introduction-note-list*/
	.introduction-note-list--01{
		margin-top: 1em;
	}
	.introduction-note-list--01 > li {
		position: relative;
		padding-left: 1.2em;
	}
	.introduction-note-list--01 > li > .ast {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	/*introduction-list*/
	.introduction-list-wrap02 .introduction-list--01 {
		display: flex;
		flex-flow: wrap;
	}
	.introduction-list-wrap02 .introduction-list--01 > li {
		width: 49%;
		margin-left: 2%;
	}
	.introduction-list-wrap02 .introduction-list--01 > li:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.introduction-list-wrap02 .introduction-list--01 > li:nth-of-type(n+3) {
		margin-top: 10px;
	}
	.introduction-list--01 {
		margin-top: 15px;
	}
	.introduction-list--01 > li {
		position: relative;
		padding-left: 11px;
	}
	.introduction-list--01 > li::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #e97d67;
	}
	/* LINK PARTS
	------------------------------------------------------ */
	
	
	
	
	/* BUTTON PARTS
	------------------------------------------------------ */
	.introduction-button-link01,
	.introduction-button-link01_3{
		margin-top: 15px;
		text-align: center;
	}
	.introduction-button-link01_1{
		margin-top: 10px;
		text-align: center;
	}
	.introduction-button-link01_2{
		margin-top: 20px;
		text-align: center;
	}
	[class*="introduction-button-link01"] + [class*="introduction-button-link01"]{
		margin-top: 10px;
	}
	[class*="introduction-button-link01"] a{
		position: relative;
		display: inline-block;
		justify-content: center;
		min-width: 120px;
		min-height: 33px;
		margin: 0 auto;
		border-radius: 5px;
		border: solid 1px #a6a6a6;
		padding: 9px 13px 5px 30px;
		background: #fff;
		text-align: center;
		text-decoration: none;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.2;
		color: #666666;
	}
	.introduction-button-link01_3 a {
		width: 200px;
	}
	[class*="introduction-button-link01"] a span{
		margin: 0 5px;
	}
	[class*="introduction-button-link01"] a::after {
		position: absolute;
		content: '';
		top: 50%;
		left: 22px;
		width: 8px;
		height: 9px;
		margin-top: -4px;
		background: url("/introduction/img-files/index_ic03.png") center center/100% no-repeat;
}
	[class*="introduction-button-link01"] a > .small{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.introduction-button-link01--login a::after{
		position: absolute;
		top: 50%;
		right: 9px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		background: url("/introduction/img-files/index_ic07.png") center center no-repeat;
		background-size: 100% auto;
		content: '';
	}
	.introduction-button-link01.type01{
		margin-top: 35px;
	}
	[class*="introduction-button-link02"]{
		margin-top: 40px;
	}
	[class*="introduction-button-link02"] a{
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		border-radius: 5px;
		border: solid 2px #e8e8e8;
		padding: 10px 40px;
		background: #e8e8e8;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
		color: #333333;
		line-height: 1.1;
	}
	[class*="introduction-button-link02"] a::after{ 
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		border-radius: 50%;
		background: url("/introduction/img-files/index_ic09.png") 0 0 no-repeat;
		background-size: 100% auto;
		content: '';
	}
	.btnList01.loungeList01 {
		display: flex;
		flex-flow: wrap;
	}
	.btnList01.loungeList01 > li {
		width: calc((100% - 10px)/ 2);
		margin-left: 10px;
	}
	.btnList01.loungeList01 > li:nth-child(4n+1) {
		margin-left: 0;
	}
	.btnList01.loungeList01 > li:nth-child(2n+1) {
		margin-left: 0;
	}

	.btnList01.loungeList01 > li + li,
	.btnList01.loungeList01 > li:nth-child(n+5) {
		margin-top: 5px;
	}
	.btnList01.loungeList01 > li:nth-child(-n+2) {
		margin-top: 0;
	}
	.btnList01.loungeList01 > li > a {
		width: 100%;
		padding: 15px 8px 13px;
		border-top: 1px solid #a5a5a5;
		border-right: 1px solid #a5a5a5;
		border-left: 1px solid #a5a5a5;
		border-bottom-color: #a5a5a5;
		background: #ffffff;
		font-size: 12px;
		font-size: 1.2rem;
		color: #222222;
			display: flex;
	justify-content: center;
	align-items: center;
	}
	.btnList01.loungeList01 > li > a:after {
		right: 5px;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background-position-x: center;
		background-image: url("/introduction/img-files/index_jq_ic02.png");
		background-size: 100% 100%;
	}
	/* 流用ボタン
	------------------------------------------------------ */
		.security-button-link01--login a::after{
		position: absolute;
		top: 50%;
		right: 9px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		background: url("/security/img-files/index_ic07.png") center center no-repeat;
		background-size: 100% auto;
		content: '';
	}
	
	[class*="security-button-link02"]{
		margin: 30px 0 0;
	}
	[class*="security-button-link02"] a{
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		border-radius: 5px;
		border: solid 2px #e8e8e8;
		padding: 10px 40px;
		background: #e8e8e8;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
		color: #333333;
		line-height: 1.1;
	}
	[class*="security-button-link02"] a::after{ 
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		border-radius: 50%;
		background: url("/security/img-files/index_ic09.png") 0 0 no-repeat;
		background-size: 100% auto;
		content: '';
	}
	
	/* TEXT PARTS
	------------------------------------------------------ */
	.introduction-text--normal01{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.introduction-text--small01{
		font-size: 11px;
		font-size: 1.1rem;
	}
	.introduction-text--small01 .introduction-text--normal01{
		line-height: 1.2;
	}
	.introduction-text--color01{
		color: #dc322c;
	}
	.introduction-text--bg01{
		margin: 20px 0;
	}
	.introduction-text--bg01 > p {
		position: relative;
		display: inline-block;
		padding: 0 5px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.introduction-text--bg01 > p::after{
		position: absolute;
		content: '';
		width: 100%;
		height: 5px;
		left: 0;
		bottom: 3px;
		background: url("/introduction/img-files/index_bg01.png") repeat-x left 0 bottom 0/100%;
		z-index: -1;
	}

	
	/* EXTRA
	------------------------------------------------------ */
	/*introduction-slider*/
	.introduction-slider__wrap{
		position: relative;
		margin: 15px -10px 0;
		padding-bottom: 30px;
	}
	.introduction-slider__wrap .slick-list{
		padding: 10px 0;
	}
	.introduction-slider__wrap .slick-arrow{
		position: absolute;
		display: block;
		bottom: 0;
		width: 8px !important;
		height: 15px !important;
		border: none;
		background: url("/introduction/img-files/index_ex02.png") no-repeat 0 0;
		background-size: 8px 15px;
		text-indent: -999px;
		overflow: hidden;
		z-index: 3;
	}
	.introduction-slider__wrap .slick-arrow.slick-prev{
		left: 15px;
	}
	.introduction-slider__wrap .slick-arrow.slick-next{
		right: 15px;
		transform: rotateZ(180deg);
	}
	.introduction-slider__wrap .slick-dots{
		position: absolute;
		bottom: 0;
		display: flex;
		justify-content: center;
		flex-flow: row nowrap;
		width: 100%;
		height: 15px !important;
		padding: 3px 25px 2px;
		z-index: 2;
	}
	.introduction-slider__wrap .slick-dots > li{
		line-height: 1;
		margin: 0 10px;
	}
	.introduction-slider__wrap .slick-dots button{
		width: 10px;
		height: 10px;
		border-radius: 50%;
		border: solid 1px #9d9d9d;
		padding: 0;
		background: #fff;
		overflow: hidden;
		text-indent: -999px;
	}
	.introduction-slider__wrap .slick-dots .slick-active button{
		background: #e0bd3a;
	}
	
	
	.introduction-slider__wrap .introduction-slider__item{
		width: 300px;
		margin: 0 10px;
		border-radius: 10px;
		padding: 22px 5px;
		text-align: left;
		box-shadow: 0px 0 5px 0px #cccaca
	}
	.introduction-slider__wrap .introduction-slider__item:nth-child(3n){
		margin-right: 0;
	}
	.introduction-slider__item .introduction-slider__heading{
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		margin-left: 20px;
		padding-left: 33px;
		font-weight: bold;
		font-size: 17px;
		font-size: 1.7rem;
	}
	.introduction-slider__item .introduction-slider__heading .num{
		position: absolute;
		top: 50%;
		left: 0;
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1;
		transform: translateY(-50%);
	}
	.introduction-slider__item .introduction-slider__image{
		margin-top: 12px;
		text-align: center;
	}
	.introduction-slider__item .introduction-slider__image img{
		display: inline !important;
		width: 195px;
	}
	
	
	/*introduction-app-box*/
	.introduction-app-box{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: row wrap;
		margin: 15px 0 10px;
		height: 37px;
	}
	.introduction-app-box img{
		height: 37px;
		width: auto;
	}
	/*introduction-modal*/
	.introduction-modal{
		margin-top: 50px;
	}
	/*introduction-media*/
	.introduction-media-wrap {
		display: flex;
		margin-top: 20px;
	}
	.introduction-media-wrap .introduction-media {
		width: 49%;
	}
	.introduction-media-wrap .introduction-media:first-child {
		margin-right: 2%;
	}
	.introduction-media {
		display: flex;
		align-items: center;
	}
	.introduction-media .introduction-media__head {
		flex-shrink: 0;
		width: 29%;
		margin-right: 1%;
	}
	.introduction-media .introduction-media__body {
		width: 70%;
	}
	#cboxClose, 
	#cboxClose:hover {
		position: absolute;
		bottom: auto;
		top: -12px;
		right: -14px;
		width: 36px;
		height: 36px;
		background: url(/newcard/img/index_ic07.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#cboxContent{
		overflow: visible !important;
	}
	#colorbox.cb-ytWrap .cb_close a:after{
		-webkit-background-size: 14px 14px;
		background-size: 14px 14px;
	}
	.cboxIframe{
		max-height: 190px;
	}
	
	/*----------------流用箇所----------------*/
	/*contact*/
	.if-contact{
		padding: 0;
		margin: 0;
	}
	.if-contact-lead{
		padding: 9px 40px 9px 78px;
		font-size: 19px;
		font-size: 1.9rem;
	}
	.if-contact-lead::before{
		width: 56px;
		height: 50px;
		left: 6px;
		background-size: 100% auto;
	}
	.if-contact.type-01{
		margin-top:33px;
	}
	.if-contact.type-02{
		margin-top:35px;
		padding-top: 30px;
	}
	.if-contact.type-03{
		margin-top:25px;
		padding-top: 30px;
	}
	.if-contact.type-01 .if-contact-lead::before{background-image: url("/info/img/sp_index_ic04.png");}
	.if-contact.type-02 .if-contact-lead::before{background-image: url("/info/img/sp_index_ic05.png");}
	.if-contact.type-03 .if-contact-lead::before{background-image: url("/info/img/sp_index_ic06.png");}
	.if-contact.type-03 .txtNote01{
		font-size: 11px;
		font-size: 1.1rem;
	}
	.if-contact-lead.toggleTrigger::after{
		background-size: 14px auto;
	}
	.if-contact-Con{
		margin-top: 13px;
	}
	/*hover*/
	.if-contact-lead.toggleTrigger.open:before,
	.if-contact-lead:hover:before{top: 0;}
	
	/*leadtxt*/
	.if-leadtxt {margin-top: 18px;}
	.if-leadtxt a{padding-right: 8px;font-size: 14px;font-size: 1.4rem;}
	.if-leadtxt a .icon {line-height: 20px;}
	.if-leadtxt a .icon img{width: 8px;margin: 0 auto;}
	.if-leadtxt02{
		padding-top: 16px;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.if-tel{
		margin-top: 10px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	/*cvWrap*/
	.cv-colLayout{margin-top: 35px;}
	.cv-colLayout .col + .col{margin-top: 0;}
	.cvWrap02 .cvInner{padding: 15px 10px 30px;}
	.cvWrap02 .cvHeading01{
		padding-top: 10px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.cvWrap02 .cvTel{
		font-size: 27px;
		font-size: 2.7rem;
		line-height: 20px;
	}
	.jiO-cvTxt,.cvWrap02 .cvTime{
		font-size: 13px;
		font-size: 1.3rem;
		margin-top: 21px;
	}
	.cvWrap02 .cvTel .area{
		width: 40px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 16px;
	}
	.cvWrap02 .cvTel + .cvTel {margin-top: 20px;}	/*toggleWrap*/
	.if-toggleWrap01{
		padding-left: 0;
		margin-top: 13px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.if-toggleWrap01 + .if-toggleWrap01{margin-top: 4px;}
	.if-toggleContent01{margin: 7px 0 0 1em;}
	.if-toggleTrigger01{
		display: inline-block;
		position: relative;
		padding-right: 15px;
	}
	.if-toggleTrigger01::after{
		width: 10px;
		height: 19px;
		top: 0;
		margin-top: 0;
		background-size: 100% auto;
		background-position: center right;
	}
	.if-btnLink03 a{
		position: relative;
		width: 100%;
		min-width:100%;
		padding: 12px 33px 13px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.if-btnLink03 a::after{
		width: 21px;
		height: 21px;
		right: 11px;
		margin-top: -11px;
	}
	.if-btnLink03 span.ic01{
		position: absolute;
		padding: 3px 10px;
		margin-right: 23px;
		left: 11px;
		top: 50%;
		margin-top: -10px;
		font-size: 12px;
		font-size: 1.2rem;
		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
	}
	.if-btnLink03.type-free a{padding-left: 60px;}
	.if-btnLink03.type-long{margin-top: 15px;}
	.if-btnLink03.type-long a {
		min-width: 100%;
		padding: 13px 40px 12px 15px;
		font-weight: normal;
	}
	.introduction-figure-box02.type02{
		padding: 0 5%;
		margin-top: 30px;
	}
	.introduction-figure-box02__inner.type02{
		margin-right: 60px;
	}
	.linkTxt01.introduction-parts-link{
		font-size: 1.4rem;
	}
	.introduction-gift-wrap {
		display: flex;
		flex-flow: column;
		justify-content: center;
		width: min(374px, calc((374 / 720) * 100vw));
		margin: min(50px, calc((50 / 720) * 100vw)) 0;
	}
	.introduction-gift-wrap >:first-child {
		margin-top: 0 !important;
	}
	.introduction-gift-wrap .introduction-gift-item {
		display: flex;
		align-items: center;
		width: 100%;
		margin: min(14px, calc((14 / 720) * 100vw)) auto 0;
		gap: 0 min(24px, calc((24 / 720) * 100vw));
	}
	.introduction-gift-wrap .introduction-gift-image {
		flex-shrink: 0;
		width: min(122px, calc((122 / 720) * 100vw));
	}
	.introduction-gift-wrap .introduction-gift-text {
		font-size: min(1.8rem, calc((18 / 720) * 100vw));
		color: #888888;
	}
	.introduction-logo-Wrap {
		display: flex;
		gap: min(20px, calc((20 / 720) * 100vw)) min(30px, calc((30 / 720) * 100vw));
		align-items: center;
		width: min(374px, calc((374 / 720) * 100vw));
		margin: 0 auto;
	}
	.introduction-logo-Wrap .introduction-logo-inner {
		display: flex;
		gap: min(20px, calc((20 / 720) * 100vw)) min(30px, calc((30 / 720) * 100vw));
		flex-flow: wrap;
		align-items: center;
	}
	.introduction-logo-Wrap .introduction-logo-item img {
		height: min(40px, calc((40 / 720) * 100vw));
	}
	/*-----------------------------------------*/
}