@charset "UTF-8";

.header_nav{
	z-index:20;
}

.tac{
	text-align:center;
}

p{
	font-size:18px;
	line-height: 1.6;
	color: #434343;
}

.fixed-width{
	padding-left:30px !important;
	padding-right:30px !important;
}

.pt40{
	padding-top:4rem;
}
.ptb{
	padding-top:8rem;
	padding-bottom:4rem;
}

.bg_full{
	overflow: hidden;
}

.bg_sky_full{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background:rgba(255, 255, 255, 0.8);
}



.hero_refund_bg{
	background:#F0F1FB;
	padding: 3rem 3rem;
	position:relative;
}
.hero_refund_bg::before{
	content:"";
	background-image: url('/product/taxfree/images/refund/bg_hero_01.png');
	background-size: cover;
	background-repeat:no-repeat;
	background-position: bottom;
	left:0;
	bottom:0;
	position:absolute;
	display:block;
	height:616px;
	width:333px;
	overflow:hidden;
}
.hero_refund_bg::after{
	content:"";
	background-image: url('/product/taxfree/images/refund/bg_hero_02.png');
	background-size: cover;
	background-repeat:no-repeat;
	background-position: top;
	right:0;
	bottom:0;
	position:absolute;
	display:block;
	height:616px;
	width:497px;
	overflow:hidden;
}


.hero_refund_box{
	background:#fff;
	border-radius: 30px;
	border: 2px solid #444692;
	padding: 2rem;
	margin: 0 auto;
	z-index:1;
	position:relative;
	text-align:center;
}

.hero_refund_box .h1Box{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:2rem;
	flex-direction: row-reverse;
	margin: 0 auto 1rem;
}
.hero_refund_box .h1Box h1{
	font-size:0;
}
.hero_refund_box h2 br{
	display:none;
}


.hero_refund_box .h1Box > p{
	width: 100px;
	height: 100px;
	background:#EBE64D;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222222;
	font-weight:bold;
	font-size: 16px;
	line-height:1.0;
}
.hero_refund_box .h1Box > p big{
	font-size: 34px;
	display:inline;
}


.hero_refund_box h2{
	font-size:46px;
	background:linear-gradient(to right, #667EE8,#764BA0);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 1.5rem;
}
.hero_refund_box h2 small{
	font-size:40px;
}

.hero_refund_box h2 + p{
	font-size:16px;
	line-height: 1.6;
}

.hero_refund_box .h1Img{
	margin: 2rem auto 0;
}
.hero_refund_box .h1Img img{
	width:60%;
}

.bg_main{
	background:url('/product/taxfree/images/refund/bg_main.png') repeat-y center top;
	background-size: cover;
	position:relative;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.2);
	background-blend-mode: lighten;
}
.bg_sky{
	background:rgba(255, 255, 255, 0.8);
}
.bg_blue{
	background:rgba(224, 227, 254, 0.8);
}

.refundList {
	margin: 0 auto 0;
	padding: 3rem 0;
}
.refundList ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
	align-items: center;
}
.refundList li{
  display: grid;
  grid-template-rows: subgrid;
  position:relative;
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}


.refundList li::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        border-radius: 10px;
	background:linear-gradient(to right, #667EE8,#764BA0);
}
.refundList li::after {
        content: "";
        position: absolute;
        /* ボックスのサイズから線として出したい部分の分だけ小さくする */
        /* border-size: 2px; にしたいときは2*2px（上下or左右の分） */
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        top: 2px;
        left: 2px;
        z-index: 0;  /* グラデーションの上に被せる、かつ表示したいテキストより下にする */
        border-radius: 8px;
        background: #fff;
}

.refundList li a{
	z-index:1;
	position:relative;
	width: 100%;
	height: 100%;
	place-content: center;
	text-align: center;
	padding: 2rem;
	font-size:16px;
	color: #434343;
	line-height: 1.4;
}

.refundList li a span {
	font-size: 14px;
	font-weight:bold;
	background: #EBE64D;
	color: #434343;
	padding: 2px 5px;
	display:block;
	width:fit-content;

	margin: 0 auto 5px;
}

.refundList li a:after{
	content: "";
	width: 6px;
	height: 6px;
	border-right: solid 2px #444;
	border-top: solid 2px #444;
	position: absolute;
	bottom: 50%;
	right: 3rem;
	transform: rotate(135deg);
	transition: .3s;
}

.refundList p a{
	z-index:1;
	position:relative;
	place-content: center;
	text-align: center;
	font-size:16px;
	color: #444692;
	line-height: 1.4;
	margin: 4rem auto 0;
	display:block;
	width: fit-content;
}
.refundList p a:after{
	content: "";
	width: 6px;
	height: 6px;
	border-right: solid 2px #444692;
	border-top: solid 2px #444692;
	position: absolute;
	bottom: 50%;
	right: -2rem;
	transform: rotate(135deg);
	transition: .3s;
}

.refundH2{
	text-align:center;
	position:relative;
	font-size: 28px;
	font-weight:bold;
	margin-bottom:6rem;
}
.refundH2:after{
	content: "";
	display: block;
	width: 95px;
	height: 5px;
	position: absolute;
	left: calc( 50% - 47.5px);
	bottom: -30px;
	background-color: #EBE64D;
}
.refundH2 strong{
	font-size: 40px;
	color:#444692;
}
.refundH2 span{
	background:linear-gradient(to right, #667EE8,#764BA0);
	display:block;
	width: fit-content;
	padding: 0.2em 0.8em;
	color:#fff;
	font-size:40px;
	margin: 0.4em auto;
}
.refundH2 big{
	font-size: 40px;
}
.refundH2 small{
	font-size:28px;
}

.refundH2 + p{
	font-size:16px;
	text-align:center;
}


.refundH3{
	text-align:center;
	position:relative;
	font-size: 32px;
	font-weight:bold;
	margin-bottom:3rem;
}
.refundH3 strong{
	font-size: 32px;
	color:#444692;
}

.refundH3 br{
	display:none;
}

.refundH3 + p{
	text-align:center;
}

.featureBox{
	padding: 5rem 0;
}
.featureBox .feature{
	padding: 55px 0 0 35px;
	width: 100%;
	margin: 0 auto 2rem;
	position:relative;
}
.featureBox .feature .featureNum{
	background:#989ACE;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	font-size: 20px;
	font-weight:bold;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	position:absolute;
	top: 0;
	left: 0;
	gap: 1rem;
	
}
.featureBox .feature .featureNum big{
	font-size: 50px;
}
.featureBox .feature .featureIn{
	display: flex;
	justify-content: center;
}
.featureBox .feature .featureTxt{
	padding: 70px 30px;
	background:#fff;
	width:54%;
}
.featureBox .feature .featureTxt h3{
	font-size: 24px;
	margin-bottom:3rem;
}
.featureBox .feature .featureTxt p{
	font-size: 14px;
	font-weight:normal;
}

.featureBox .feature .featureImg{
	width:46%;
	display:flex;
	background:#fff;
}
.featureBox .feature .featureImg img{
	width:100%;
	flex-grow:1;
	object-fit:cover;
}
.featureBox .feature:nth-of-type(1) .featureImg img{
}
.featureBox .feature:nth-of-type(2) .featureImg img{
	object-fit:contain;
}
.featureBox .feature:nth-of-type(3) .featureImg {
	padding: 1rem;
}
.featureBox .feature:nth-of-type(3) .featureImg img{
	object-fit:contain;
}

.featureBox .featureTax{
	width:100%;
	padding-top: 5rem;
}
.featureBox .featureTax img{
	width:100%;
	margin-top: 5rem;
}



.bg_cta{
	background:linear-gradient(-90deg,rgba(67, 69, 133, 0.8) 0%, rgba(102, 126, 232, 0.8) 39%, rgba(68, 70, 146, 0.8) 100%),url('/product/taxfree/images/refund/bg_cta.png') no-repeat center center;
	background-size: cover;
}

.ctaBox{
	padding: 8rem 0;
	display: flex;
	align-items: end;
	gap: 8rem;
}
.ctaBox .ctaTxt{
}
.ctaBox .ctaTxt h2{
	font-size:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(68, 70, 146, 1.0);
	margin-bottom: 5rem;
	line-height:1.4;
}
.ctaBox .ctaTxt h2 small{
	font-size:24px;
}
.ctaBox .ctaTxt h2 b{
	font-size:34px;
}
.ctaBox .ctaTxt h2 strong{
	color:#EBE64D;
}
.ctaBox .ctaTxt h2 + p{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(68, 70, 146, 1.0);
}
.ctaBox .ctaBtn{
	display:flex;
	flex-direction:column;
	gap: 10px;
}
.ctaBox .ctaBtn a.contactBtn{
	background:#00A64E;
	color:#fff;
	font-size: 24px;
	font-weight:bold;
	box-shadow: 0px 0px 20px 0px rgba(7, 8, 44, 0.3);
	border-radius: 10px;
	border: 2px solid #fff;
	padding: 0 4rem;
	display:block;
	min-width: 344px;
	height:100px;
	place-content:center;
}
.ctaBox .ctaBtn a.contactBtn span{
	color:#EBE64D;
	font-size: 18px;
}

.ctaBox .ctaBtn a.seminartBtn{
	background:#fff;
	color:#009965;
	font-size: 24px;
	font-weight:bold;
	box-shadow: 0px 0px 20px 0px rgba(7, 8, 44, 0.3);
	border-radius: 10px;
	border: 2px solid #009965;
	padding: 0 4rem;
	display:block;
	min-width: 344px;
	text-align:center;
	height:100px;
	place-content:center;
	line-height:1.2;
}
.ctaBox .ctaBtn a.seminartBtn span{
	font-size: 18px;
}


.nowBox{
	padding: 8rem 0;
}

.nowH3{
	text-align:center;
	position:relative;
	font-size: 28px;
	font-weight:bold;
	margin-bottom:3rem;
}
.nowH3 br{
	display:none;
}

.nowPlan{
	max-width: 880px;
	margin: 0 auto;
	padding: 3rem 0;
}
.nowPlan .nowFlex{
	display: flex;
	justify-content: center;
	margin: 0 auto 2rem;
}
.nowPlan .nowL{
	background:linear-gradient(to right, #667EE8,#764BA0);
	border-radius: 30px 0 0 0;
	min-width: 256px;
	padding: 2rem 3rem;
	place-content:center;
}
.nowPlan .nowL h4{
	background:#fff;
	border-radius: 0 15px 0 15px;
	padding: 1rem 2rem;
	display:block;
	margin-bottom: 1rem;
}
.nowPlan .nowL h4 img{
	max-width: 156px;
	width: 100%;
}

.nowPlan .nowL p{
	font-size:32px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height: 1.2;
}
.nowPlan .nowL p span{
	color:#EBE64D;
}
.nowPlan .nowL p big{
	font-size:52px;
}
.nowPlan .nowL p sup{
	font-size:20px;
	vertical-align:super;
}


.nowPlan .nowR{
	background:#E0E3FE;
	border-radius: 0 0 30px 0;
	padding: 4rem 3rem;
}
.nowPlan .nowR h4{
	font-size:20px;
	margin-bottom: 2rem;
}
.nowPlan .nowR p{
	font-size:14px;
}

.anno{
	font-size: 12px;
	text-align:right;
}



.nowPlan2{
	margin: 0 auto;
	padding: 3rem 0 0;
}
.nowPlan2 .nowFlex{
	display: flex;
	justify-content: center;
	margin: 0 auto 2rem;
	gap: 2rem;
}

.nowPlan2 .nowF{
	display:flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background:#E0E3FE;
	padding: 2rem 1.5rem;
	flex: 1;
}
.nowPlan2 .nowF h4{
	font-size: 20px;
	line-height:1.4;
/*	flex-grow:1;*/
	text-align:center;
	margin: 0 auto 1rem;
	order:1;
	display: flex;
	align-items: center;
	min-height:3.5em;
}
.nowPlan2 .nowF span{
	display:block;
	font-size:16px;
	font-weight:normal;
	background:#fff;
	padding: 0.4em 0.8em;
	margin: 0 auto 1rem;
	order:0;
}
.nowPlan2 .nowF p{
	flex-grow:1;
	font-size:14px;
	line-height:1.4;
	order:2;
}


.startBox{
	padding: 8rem 0 0;
}
.startBox h2 br{
	display:none;
}

.startFlex{
	display:flex;
	justify-content: center;
	align-items: center;
	padding: 2.5rem;
	background:#fff;
	margin: 4rem auto 8rem;
	gap:2rem;
}
.startH3{
	text-align:left;
	position:relative;
	font-size: 28px;
	font-weight:bold;
	margin-bottom:3rem;
}
.startH3 strong{
	color:#444692;
}
.startH3 + p{
	font-size: 14px;
	line-height:1.6;
}

.startSet{
	margin: 0 auto;
}
.bg_sky_full > .startSet{
	margin: 0 auto 6rem;
	max-width:950px;
}

.startSet .setBoxWrap{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	background:#fff;
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.startSet .setBox1{
	border-radius: 40px 40px 0 0;
	background:#fff;
	padding: 4rem 4rem;
}
.startSet .setBox1 .setFlex{
	gap:3rem;
	display:flex;
	justify-content: start;
	margin-bottom:1rem;
	align-items:start;
}
.startSet .setBox1 .setFlex .setImg{
	width:290px;
	margin-left:0 !important;
}
.startSet .setBox1 .setFlex .setTxt{
	background:#fff !important;
	padding:0 !important;
	width:60%;
}
.startSet .setBox1 h5{
	margin-top:0rem;
	margin-bottom:0;
	line-height:1.4;
}
.startSet .setBox1 ul{
	font-size:1.6rem;
	line-height:1.6;
}
.startSet .setBox1 li{
	text-indent: -0.8em;
	padding-left:1em;
}
.startSet .setBox2{
	border-radius: 0 0 40px 40px;
	background:#F0F1FB;
	padding: 4rem 2rem;
	margin-bottom: unset !important;
}


.startSet .setBox{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	background:#fff;
	padding: 4rem 2rem;
	margin-bottom: 4rem;
}
.startSet .setBox:last-child{
	margin-bottom: 0;
}
.startSet .setH3{
	font-size: 32px;
	line-height:1.4;
	text-align:center;
	margin: 0 auto 2rem;
	color:#434343;
}
.startSet .setH3 span{
	display:block;
	font-size:28px;
	background:#fff;
	padding: 0.8rem 2rem;
	margin: 0 auto 3rem;
	width: fit-content;
	border:1px solid #ccc;
}
.startSet .setH3 br,
.startSet .setH3 span br{
	display:none;
}
.startSet .setH3 a{
	color:#434343;
	text-decoration:underline;
}
.startSet h3+p{
	font-size:1.6rem;
	text-align:center;
	margin-bottom:4rem;
}

.startSet h4{
	background:linear-gradient(to right, #667EE8,#764BA0);
	font-size: 28px;
	line-height:1.4;
	text-align:center;
	margin: 0 auto 3rem;
	padding: 0.8rem 2rem;
	color:#fff;
	width: fit-content;
	display:block;
}


.startSet .setFlex{
	gap:0;
	display:flex;
	justify-content: space-between;
	margin-bottom:1rem;
}

.startSet .setFlex .setImg{
	width:30%;
	max-width: 348px;
	position:relative;
	text-align:center;
	margin-left:1rem;
}
.startSet .setFlex .setImg img{
	width:100%;
}
.startSet .setFlex .setImg .swiper-slide li img{
	width:100%;
	max-width: 348px;
	margin-bottom:1rem;
}
.swiper-container{
	overflow:hidden;
	position:relative;
	text-align:center;
	padding-bottom: 2rem;
	width: 100%;
	height: 100%;
}
.swiper-slide{
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-button-next{
	position:absolute;
	top:42%;
	right: -2rem;
}
.swiper-button-prev{
	position:absolute;
	top:42%;
	left: -2rem;
}

.swiper-button-next:after,
.swiper-button-prev:after{
	color:#444692;
	font-size:30px;
}
.swiper-pagination{
	bottom: 0 !important;
}
.swiper-pagination-bullet-active{
	background:#444692;
}


.setBox .setFlex .setTxt,
.setBox1 .setFlex .setTxt{
	background:#F6F6F6 ;
	padding: 2.5rem 3rem;
	width: 66%;
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.setBox2 .setFlex .setTxt{
	background:#fff !important;
	padding: 2.5rem 3rem !important;
	width: 66%;
}

.startSet .setFlex  dt{
	font-weight:bold;
	margin-bottom:1.5rem;
}

.startSet .setFlex  .priceDl{
	color:#434343;
	margin-bottom:2rem;
grid-area: 1 / 1 / 2 / 3;}
.startSet .setFlex  .priceDl dt{
	font-size:18px;
}
.startSet .setFlex  .priceDl dt sup{
	font-size:14px;
	vertical-align:super;
	font-weight:normal;
}
.startSet .setFlex  .priceDl dd{
	font-size:40px;
	font-weight:bold;
	color:#D33B3A;
}
.startSet .setFlex  .priceDl dd strong{
	font-size:28px;
	color:#434343;
	padding-right: 1rem;
}
.startSet .setFlex  .priceDl dd small{
	font-size:28px;
}
.startSet .setFlex  .priceDl dd span{
	font-size:16px;
	font-weight:normal;
	color:#434343;
}

.startSet .setFlex  .setDl{
grid-area: 2 / 1 / 3 / 2;}
.startSet .setFlex  .setDl dt{
	font-size:16px;
}
.startSet .setFlex  .setDl dd{
	font-size:14px;
	margin-bottom:0.6rem;
	text-indent: -0.8em;
	padding-left:1em;
	line-height:1.4;
}
.startSet .setFlex  .setDl dd:last-child{
	margin-bottom:0rem;
}

.startSet .setFlex  .optionDl{
grid-area: 2 / 2 / 3 / 3;}
.startSet .setFlex  .optionDl dt{
	font-size:18px;
}
.startSet .setFlex  .optionDl dd{
	font-size:14px;
}
.startSet .setFlex  .optionDl dd .optionImg{
	background:#fff;
	padding:1rem;
	margin-top:2rem;
}
.startSet .setFlex  .optionDl dd img{
	max-width:150px;
	margin:0 auto;
	display:block;
}



.startSet .setBox2 .setFlex:nth-of-type(1){
	margin-bottom:3rem;
}

.setFlex .setTxt2{
	width:100%;
}
/* ---- レンタルプラン表示の場合 ---- 
.setFlex .setTxt2{
	width:28.5%;
}
 ---- /レンタルプラン表示の場合 ---- */


.setFlex .setTxt2 p{
	font-size:14px;
}
.setFlex  .setTbl{
	font-size:18px;
	font-weight:bold;
	color:#434343;
	flex: 1;

}
.setFlex h5{
	font-size:20px;
	margin-bottom:1rem;
}
.setFlex  .setTbl table{
	width: 100%;
}
.setFlex  .setTbl th{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background:#444692;
	text-align:center;
	padding: 2rem 3rem;
	width:50%;
}
.setFlex  .setTbl th:last-child{
	border-left:1px solid #DDDDDD;
}
.startSet .setTbl  td {
	text-align:center;
	font-weight:bold;
	background:#fff;
	padding: 2rem 3rem;
	width:50%;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.setFlex  .setTbl tr td:nth-of-type(2){
	color:#D33B3A;
}
.setFlex  .setTbl tr td:last-child{
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.startSet .setTbl  td small{
	font-size:16px;
}
.startSet .setTbl  td span{
	font-size:16px;
	font-weight:normal;
	color:#434343;
}


.bnr_pc{
	display:block;
	max-width:1140px;
	width:96%;
	margin:6rem auto 5rem;
}
.bnr_pc img{
	width:100%;
}
.bnr_sp{
	display:none;
}



.faqH2 {
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.5;
	position: relative;
	margin: 0 0 50px
}

.faqH2 span {
	font-size: 3.4rem
}

.faqH2 span.sub_title {
	font-size: 2.4rem
}

.faqH2 span.sub {
	font-size: 1.5rem;
	font-weight: 400
}

.faqH2::after {
	content: '';
	width: 120px;
	height: 5px;
	background: #EBE64D;
	border-radius: 3px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin: 0 -60px
}

.faq h3{
	position: relative;
	padding-bottom: 1.2em;
	font-size: 15px;
	cursor: pointer;
   transition: transform 0.3s;
}
        .faq h3:hover {
            transform: translateY(-4px);
			opacity:0.7;
        }

.faq h3::before {
	background-image: url(/product/atkessai/images/Q.svg);
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-size: contain;
	vertical-align: -9px;
	margin-left: -10px;
	background-size: contain
}
.faq h3::after {
	content:"\2b";
	font-family:Font Awesome\ 5 Free;
	font-weight:600;	
	right: 20px;
	bottom: 15px;
	font-size: 16px;
	position:absolute;
	width:18px;
	height:18px;
	text-align:center;
	line-height: 18px;
	color:#fff;
	background:#444692;
	border-radius:50%;
	padding: 2px;
}
.faq h3.open::after {
	content:"\f068";
	font-size:14px;
}
.faq p {
	position: relative;
	padding-bottom: 2rem;
	font-size: 15px;
	position: relative;
	margin-left: 30px;
	display: none;
	}


.newtaxBox{
	padding: 8rem 0;
	text-align:center;
	background:#444692;
}
.newtaxBox h2{
	font-size:40px;
	font-weight:bold;
	color:#fff;
	margin-bottom: 3rem;
	line-height:1.4;
}
.newtaxBox h2 small{
	font-size:24px;
}
.newtaxBox h2 + p{
	font-size:16px;
	color:#fff;
}

.taxhowBox{
	padding: 14rem 0 5rem;
	position:relative;
}
.taxhowBox:before{
	content:'●　●　●';
	writing-mode: vertical-rl;
/*	content:'\f142';
	font-family:Font Awesome\ 5 Free;
*/
	font-weight:600;
	
	font-size: 12px;
	color:#AAAAAA;
	left: calc(50% - 0.2em);
	top: 4rem;
	position:absolute;
	text-align:center;
}

.taxhowDl{
	font-size:16px;
	color:#434343;
	display:flex;
	flex-wrap: wrap;
	gap: 3rem 0;
	margin-bottom: 3rem;
}
.taxhowDl dt{
	font-weight:bold;
	text-align:center;
	padding: 1rem;
	background:#E9EAF3;
	line-height: 1.6;
	width: 20%;
	place-content:center;
}
.taxhowDl dd{
	line-height: 1.6;
	padding: 1rem 1rem 1rem 2rem;
	width:80%;
}

.taxGrid .taxhow:nth-of-type(1) label {
	display:none;
}
.taxGrid{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 10%;
}
.taxGrid .taxhow{
	position:relative;
}
.taxGrid .taxhow:nth-of-type(2)::before{
  display: inline-block;
  position:absolute;
  top: 50%;
  right: calc(100% + 10px);
  content:'';
  width: 70px;
  height: 67.9px;
	background:linear-gradient(to right, #667EE8,#764BA0);
  clip-path: polygon(0 22%, 51.5% 22%, 51.5% 0, 100% 50%, 51.5% 100%, 51.5% 78%, 0 78%);
}

.taxGrid .taxhow .howTit{
	background:#989ACE;
	text-align:center;
	padding: 1rem;
}
.taxGrid .taxhow .howTit h3{
	display:flex;
	flex-direction: column;
	align-items: center;
	font-size:24px;
	color:#fff;
	line-height: 1.4;
}
.taxGrid .taxhow .howTit h3 small{
	font-size:12px;
	margin-bottom: 1rem;
}
.taxGrid .taxhow .howTit h3 span{
	display:block;
	width: fit-content;
	font-size:18px;
	padding: 0.6rem 1rem;
	color:#434343;
	background:#fff;
}


.taxGrid .taxhow.change .howTit{
	background:#444692 !important;
}
.taxGrid .taxhow.change .howTit h3{
	color:#EBE64D !important;
}
.taxGrid .taxhow.change .howTit h3 small{
}
.taxGrid .taxhow.change .howTit h3 span{
	color:#444692 !important;
	background:#fff !important;
}


.taxGrid .howTxt{
	background:#E9EAF3;
	display: flex;
	gap: 5rem;
	flex-direction: column;
	padding: 3rem 2rem;
}
.taxGrid .howTxt .how{
	background:#fff;
	border-radius: 15px;
	position:relative;
}
.taxGrid .howTxt .how:after{
	content:'';
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 25px solid #C5C6E1;
  border-bottom: 0;
	position: absolute;
	bottom: -40px;
	left: calc(50% - 20px);
}
.taxGrid .howTxt .how h4{
	display:block;
	background:#C5C6E1;
	color:#434343;
	border-radius: 15px 0 15px 0;
	text-align:center;
	padding: 2rem;
	position:absolute;
	top:0;
	left:0;
}

.taxGrid .howTxt .how .howTxtFlex{
	display:flex;
	align-items: center;
	gap: 2rem;
	padding: 4rem 2rem 1rem;
}
.taxGrid .howTxt .how:nth-of-type(2) .howTxtFlex{
	padding: 8rem 2rem 3rem;
}
.taxGrid .howTxt .how .howTxtFlex p{
	font-size:16px;
	line-height:1.4;
}
.taxGrid .howTxt .how .howTxtFlex p strong{
	font-size:16px;
}
.taxGrid .howTxt .how .howTxtFlex p small{
	font-size:16px;
}

.taxGrid .howTxt .howLast{
	width: 110px;
	height: 110px;
	background:#444692;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius:50%;
	margin: 0 auto;
}
.taxGrid .howTxt .howLast .howTxtlast{
	
}
.taxGrid .howTxt .howLast .howTxtlast p{
	font-size:16px;
	line-height: 1.4;
	color:#fff;
	text-align:center;
}



.diffBox{
background: linear-gradient(0deg,rgba(39, 42, 128, 1) 0%, rgba(68, 70, 146, 1) 100%);
padding: 5rem 0;
}

.diffBox h2{
	position: relative;
	padding-bottom: 1.2em;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	cursor: pointer;
   transition: transform 0.3s;
   text-align:center;
   position:relative;
}
.diffBox h2 small{
	font-size:24px;
}

        .diffBox h2:hover {
            transform: translateY(-4px);
			opacity:0.7;
        }
.diffBox h2::before,
.diffBox h2::after,
.diffBox h2 small{
  pointer-events: none;
}
.diffBox h2::before {
	content: "";
	display: block;
	width: 95px;
	height: 5px;
	position: absolute;
	left: calc( 50% - 47.5px);
	bottom: 0px;
	background-color: #EBE64D;
}
.diffBox h2::after {
	content:"\2b";
	font-family:Font Awesome\ 5 Free;
	font-weight:600;	
	right: 20px;
	bottom: 50px;
	font-size: 40px;
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	line-height: 40px;
	color:#444692;
	background:#EBE64D;
	border-radius:50%;
	padding: 4px;
}

.diffBox.open{
	background:#F0F1FB;
}
.diffBox.open  h2{
	color:#434343;
}
.diffBox.open  h2::after {
	content:"\f068";
	font-size:24px;
	background:#444692;
	color:#fff;
}
.diffBox .diffTbl {
	position: relative;
	padding: 5rem 0 2rem;
	font-size: 16px;
	line-height:1.4;
	position: relative;
	display: none;
	}

.diffBox .diffTbl table{
	width: 100%;
}
.diffBox .diffTbl th{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background:#444692;
	text-align:left;
	padding: 2rem 3rem;
	width:auto;
	text-align:center;
}
.diffBox .diffTbl th:last-child{
	border-left:1px solid #444692;
	color:#EBE64D;
}
.diffBox .diffTbl  td {
	text-align:left;
	background:#fff;
	padding: 2rem 1rem;
	width:auto;
	border-left:1px solid #444692;
	border-right:1px solid #444692;
	border-bottom:1px solid #444692;
}
.diffBox .diffTbl tr:nth-of-type(n+1) td{
	background:#F4F5F8;
}
.diffBox .diffTbl tr td:last-child{
	border-left:1px solid #444692;
	border-right:1px solid #444692;
	border-bottom:1px solid #444692;
}
.diffBox .diffTbl  td small{
	font-size:16px;
}
.diffBox .diffTbl  td span{
	font-size:16px;
	font-weight:normal;
	color:#434343;
}




.flowBox{
	padding-top:8rem;
}
.flowBox h2{
	margin-bottom:9rem;
}

.flowBox .flowCase{
	margin-bottom:5rem;
}
.flowBox .flowCase br{
	display:none;
}

.flowBox .flowCase:nth-of-type(2){
}


.flowBox h3{
	font-size:28px;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
	margin-bottom:3rem;
}

.flowBox .flowCase h3:before{
	color:#444692;
	content:'\f007';
	font-size: 40px;
	margin-right:1.5rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 800;
}
.flowBox .flowCase:nth-of-type(2) h3:before{
	content:'\f54e';
}
.flowBox .flowGrid{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 4%;
	background:#E9EAF3;
	padding: 3rem 2rem;

}
.flowBox .flowGrid .flow{
	background:#fff;
	border-radius:30px;
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
	position:relative;
	padding: 1.5rem;
}
.flowBox .flowGrid .flow::after{
	content:'';
  border-style: solid;
  border-right: 0;
  border-left: 20px solid #C5C6E1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
	position: absolute;
	bottom: calc(50% - 18px);
	left: calc(100% + 9px);
}
.flowBox .flowGrid .flow:last-child::after{
	display:none;
}
.flowBox .flowGrid .flow h4{
	position:relative;
	display: grid;
	align-items: center;
	line-height:1.4;
	grid-template-columns: auto 1fr;
	font-size:16px;
	margin-bottom:1rem;
}
.flowBox .flowGrid .flow h4 span{
	background:linear-gradient(to right, #667EE8,#764BA0);
	display:inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	border-radius:50%;
	text-align:center;
	margin-right:1rem;
}

.flowBox .flowGrid .flow dl{
	display:flex;
	flex-direction: column;
	align-items:center;
	gap:1rem;
}
.flowBox .flowGrid .flow dl dt{
	text-align:center;
}
.flowBox .flowGrid .flow dl dd{
	font-size:14px;
	line-height:1.4;
}





.readyBox{
background: linear-gradient(0deg,rgba(39, 42, 128, 1) 0%, rgba(68, 70, 146, 1) 100%);
padding: 5rem 0;
}

.readyBox h2{
	position: relative;
	padding-bottom: 1.2em;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	cursor: pointer;
   transition: transform 0.3s;
   text-align:center;
}
.readyBox h2 small{
	font-size:24px;
}

        .readyBox h2:hover {
            transform: translateY(-4px);
			opacity:0.7;
        }

.readyBox h2::before {
	content: "";
	display: block;
	width: 95px;
	height: 5px;
	position: absolute;
	left: calc( 50% - 47.5px);
	bottom: 0px;
	background-color: #EBE64D;
}
.readyBox h2::after {
	content:"\2b";
	font-family:Font Awesome\ 5 Free;
	font-weight:600;	
	right: 20px;
	bottom: 50px;
	font-size: 40px;
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	line-height: 40px;
	color:#444692;
	background:#EBE64D;
	border-radius:50%;
	padding: 4px;
}

.readyBox.open{
	background:#F0F1FB;
}
.readyBox.open  h2{
	color:#434343;
}
.readyBox.open  h2::after {
	content:"\f068";
	font-size:24px;
	background:#444692;
	color:#fff;
}
.readyBox .readyWrap {
	padding: 5rem 0 2rem;
	font-size: 16px;
	line-height:1.4;
	position: relative;
	display: none;
	margin: 0 auto;
}
.readyBox .readyWrap .readyFlex {
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-wrap:wrap;
}
.readyBox .readyWrap .readyFlex .ready {
	display: flex;
	background:#fff;
	flex-direction:column;
	gap: 2rem;
	padding: 2rem;
	width:31%;
}

.readyBox .readyWrap .readyFlex .ready h3 {
	color:#434343;
	font-size: 26px;
	font-weight:bold;
	margin-bottom:1rem;
}
.readyBox .readyWrap .readyFlex .ready h3 i{
	font-family:Font Awesome\ 7 Free;
	font-weight:600;
	color:#444692;
	font-size:30px;
	font-style:normal;
	margin-right:1rem;
}
.readyBox .readyWrap .readyFlex .ready .readyDl dt,
.readyBox .readyWrap .readyFlex .ready .readyDl2 dt{
	font-size: 16px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	background:#989ACE;
	display:block;
	width: fit-content;
	padding: 0.6rem 1rem;
	margin-bottom:1rem;
}
.readyBox .readyWrap .readyFlex .ready .readyDl dd,
.readyBox .readyWrap .readyFlex .ready .readyDl2 dd{
	font-size:14px;
	line-height: 1.4;
	color:#434343;
}
.readyBox .readyWrap .readyFlex .ready .readyDl2 {
}
.readyBox .readyWrap .readyFlex .ready .readyDl2 dt {
	background:#444692;
}


@media screen and (max-width:1023px) {
.full-width .fixed-width{
	padding-left:30px !important;
	padding-right:30px !important;
}
.hero_refund_bg .fixed-width{
	padding-left:unset !important;
	padding-right:unset !important;
}
.hero_refund_bg{
	background:#F0F1FB;
	padding: 1rem 0;
	position:relative;
}
.hero_refund_bg::before{
	content:"";
	background-image: url('/product/taxfree/images/refund/bg_hero_01_sp.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: top;
	left:0;
	bottom: unset;
	top: 2vw;
	position:absolute;
	display:block;
	height: 50vh;
	width: 25vw;
	overflow:hidden;
}
.hero_refund_bg::after{
	content:"";
	background-image: url('/product/taxfree/images/refund/bg_hero_02_sp.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: top;
	right:0;
	bottom:0;
	position:absolute;
	display:block;
	height: 50vw;
	width: 30vw;
	overflow:hidden;
}


.hero_refund_box{
	background:unset;
	border-radius: unset;
	border: unset;
	padding: 2rem 2rem 0;
	margin: 0 auto;
	z-index:1;
	position:relative;
	text-align:left;
}

.hero_refund_box .h1Box{
	display: flex;
	justify-content: start;
	align-items: end;
	gap:2rem;
	flex-direction: row;
	margin: 0 auto 2rem;
}

.hero_refund_box .h1Box > p{
	width: 20vw;
	height: 20vw;
	font-size: 2.8vw;
	line-height:1.2;
}
.hero_refund_box .h1Box > p big{
	font-size: 5vw;
	display:inline;
	line-height: 0.6;
}
.hero_refund_box h1 > img{
	width:100%;
	max-width:300px;
}

.hero_refund_box h2{
	font-size:5vw;
}
.hero_refund_box h2 small{
	font-size:4vw;
}

.hero_refund_box h2 + p{
	font-size:16px;
	line-height: 1.6;
}

.hero_refund_box .h1Img{
	margin: 2rem auto 0;
}
.hero_refund_box .h1Img img{
	width:70%;
}


.bg_sky{
	background:#F0F1FB;
	padding: 3rem;
}
.bg_blue{
	background:#F0F1FB;
}

.refundList{
	background:rgba(255, 255, 255, 0.8);
	border-radius:30px;
}

.refundList ul{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
	align-items: center;
}
.refundList li{
  display: grid;
  grid-template-rows: subgrid;
  position:relative;
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
	width:80%;
	margin: 0 auto;
}
.refundList li a{
	z-index:1;
	position:relative;
	width: 100%;
	height: 100%;
	place-content: center;
	text-align: center;
	padding: 1.5rem;
	font-size:14px;
	color: #434343;
	line-height: 1.4;
}
.refundList li:nth-of-type(3) a br{
	display:none;
}
.refundList p a{
	margin: 2rem auto 0;
}


.refundH2{
	font-size: 24px;
	line-height:1.4;
}
.refundH2 strong{
	font-size: 28px;
}
.refundH2 span{
	font-size:24px;
	line-height:1.4;
}
.refundH2 big{
	font-size: 28px;
}
.refundH2 small{
	font-size:18px;
}

.refundH2 + p{
	font-size:14px;
	text-align:left;
}


.refundH3{
	font-size: 20px;
	margin-bottom:2rem;
}
.refundH3 strong{
	font-size: 20px;
}

.refundH3 + p{
	text-align:center;
	font-size:14px;
}

.featureBox{
	padding: 5rem 0;
}
.featureBox .feature{
	padding: 3vw 0 0 0;
	width: 100%;
	margin:0 auto 4rem;
}
.featureBox .feature .featureNum{
	flex-direction:column;
	font-size: 100%;
	width: 20vw;
	height: 20vw;
	max-width:100px;
	max-height:100px;
	border-radius: 100%;
	top: -4vw;
	left: -2vw;
	gap: 0.5rem;
	
}
.featureBox .feature .featureNum big{
	font-size: 270%;
}
.featureBox .feature .featureIn{
	display: flex;
	justify-content: center;
	flex-direction:column;
}
.featureBox .feature .featureTxt{
	padding:50px 20px 20px;
	width:100%;
}
.featureBox .feature .featureTxt h3{
	font-size: 18px;
	margin-bottom:1rem;
}
.featureBox .feature .featureTxt p{
	font-size: 14px;
	font-weight:normal;
}

.featureBox .feature .featureImg{
	width:100%;
	display:flex;
	background:#fff;
}
.featureBox .feature .featureImg img{
	width:100%;
	flex-grow:1;
	object-fit:cover;
}
.featureBox .feature:nth-of-type(1) .featureImg img{
}
.featureBox .feature:nth-of-type(2) .featureImg img{
	object-fit:contain;
}
.featureBox .feature:nth-of-type(3) .featureImg {
	padding: 1rem;
}
.featureBox .feature:nth-of-type(3) .featureImg img{
	object-fit:contain;
}

.featureBox .featureTax{
	width:100%;
	padding-top: 0;
}
.featureBox .featureTax .scrollBox{
	width:100%;
	margin-top: 2rem;
	overflow:hidden;
}
.featureBox .featureTax .scrollBox img{
	width:850px;
	margin-top: unset;
}


.ctaBox{
	padding: 4rem 0;
	display: flex;
	align-items: center;
	gap: 3rem;
	flex-direction:column;
}
.ctaBox .ctaTxt{
}
.ctaBox .ctaTxt h2{
	font-size:28px;
	margin-bottom: 2rem;
	line-height:1.4;
	text-align:center;
}
.ctaBox .ctaTxt h2 small{
	font-size:20px;
}
.ctaBox .ctaTxt h2 b{
	font-size:28px;
}
.ctaBox .ctaTxt h2 strong{

}
.ctaBox .ctaTxt h2 + p{
	font-size:14px;
}

.ctaBox .ctaBtn{
	display:flex;
	flex-direction:row;
	gap: 10px;
}

.ctaBox .ctaBtn a.contactBtn{
	font-size: 18px;
	border-radius: 10px;
	border: 2px solid #fff;
	padding: 2rem 4rem;
	display:block;
	min-width: 280px;
	text-align:center;
}
.ctaBox .ctaBtn a.contactBtn span{
	font-size: 18px;
}


.ctaBox .ctaBtn a.seminartBtn{
	font-size: 18px;
	border-radius: 10px;
	border: 2px solid #009965;
	padding: 0 4rem;
	min-width: 280px;
	text-align:center;
}
.ctaBox .ctaBtn a.seminartBtn span{
	font-size: 18px;
}




.nowBox{
	padding: 4rem 0;
}

.nowBox .refundH2{
	font-size: 28px;
	line-height:1.4;
}

.nowH3{
	font-size: 20px;
	margin-bottom:2rem;
}


.nowPlan{
	max-width: 880px;
	margin: 0 auto;
	padding: 1rem 0;
}
.nowPlan .nowFlex{
	display: flex;
	justify-content: center;
	margin: 0 auto 1rem;
	flex-direction:column;
}
.nowPlan .nowL{
	background:linear-gradient(to right, #667EE8,#764BA0);
	border-radius: 30px 0 0 0;
	min-width: 256px;
	padding: 2rem 3rem;
	place-content:center;
}
.nowPlan .nowL h4{
	padding: 1rem 2rem;
	text-align:center;
	max-width:450px;
	margin:0 auto 1rem;
}
.nowPlan .nowL h4 img{
	max-width: 156px;
	width: 100%;
}

.nowPlan .nowL p{
	font-size:32px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height: 1.2;
}
.nowPlan .nowL p span{
	color:#EBE64D;
}
.nowPlan .nowL p big{
	font-size:52px;
}
.nowPlan .nowL p sup{
	font-size:20px;
	vertical-align:super;
}


.nowPlan .nowR{
	background:#E0E3FE;
	border-radius: 0 0 30px 0;
	padding: 4rem 3rem;
}
.nowPlan .nowR h4{
	font-size:20px;
	margin-bottom: 2rem;
}
.nowPlan .nowR p{
	font-size:14px;
}

.anno{
	font-size: 12px;
	text-align:left;
}


.nowPlan2{
	margin: 0 auto;
	padding: 3rem 0 0;
}
.nowPlan2 .nowFlex{
	display: flex;
	justify-content: center;
	margin: 0 auto 2rem;
	gap: 2rem;
	flex-direction:column;
}

.nowPlan2 .nowF{
	display:flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background:#E0E3FE;
	padding: 2rem 1.5rem;
	flex: 1;
}
.nowPlan2 .nowF h4{
	font-size: 20px;
	line-height:1.4;
	margin: 0 auto 2rem;
	min-height:unset;
}
.nowPlan2 .nowF h4 br{
	display:none;
}

.nowPlan2 .nowF span{
	display:block;
	font-size:16px;
	font-weight:normal;
	background:#fff;
	padding: 0.4em 0.8em;
	margin: 0 auto 1rem;
	order:0;
}
.nowPlan2 .nowF p{
	flex-grow:1;
	font-size:14px;
	line-height:1.6;
	order:2;
}


.startBox{
	padding: 4rem 0 0;
}
.startFlex{
	padding: 2.0rem;
	margin: 2rem auto 4rem;
	gap:2rem;
	flex-direction:column;
}
.startFlex .startImg{
	width:100%;
	text-align:center;
}

.startFlex .startImg img{
	width:100%;
	max-width:600px;
}

.startH3{
	text-align:center;
	font-size: 20px;
	margin-bottom:2rem;
}
.startH3 strong{
}
.startH3 + p{
	font-size: 14px;
	line-height:1.6;
}

.ptb{
	padding-top:4rem;
	padding-bottom:2rem;
}

.startSet{
	margin: 0 ;
}
.bg_sky_full > .startSet{
	margin: 0 3rem 3rem;
}

.startSet .setBoxWrap{
	margin: 2rem auto;
}
.startSet .setBox1{
	padding: 2rem 2rem;
	border-radius:20px 20px 0 0;
}
.startSet .setBox1 .setFlex{
	gap:2rem;
	flex-direction:column;
	display:flex;
	justify-content: start;
	margin-bottom:1rem;
	align-items:start;
}
.startSet .setBox1 .setFlex .setImg{
	width:100%;
	margin:0 auto !important;
}
.startSet .setBox1 .setFlex .setTxt{
	width:100%;
}
.startSet .setBox1 h5{
	margin-top:0.5rem;
	margin-bottom:1rem;
	line-height:1.4;
	font-size:18px;
}
.startSet .setBox1 ul{
	font-size:1.6rem;
	line-height:1.6;
}
.startSet .setBox1 li{
}
.startSet .setBox2{
	padding: 4rem 1rem 2rem;
	border-radius: 0 0 20px 20px;
}


.startSet .setBox{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	border-radius: 20px;
}
.startSet .setBox:last-child{
	margin-bottom: 0;
}
.startSet .setH3{
	font-size: 24px;
	line-height:1.4;
	margin: 0 auto 2rem;
}
.startSet .setH3 span{
	font-size:20px;
	width: fit-content;
	margin: 0 auto 2rem;
}

.startSet .setH3 a{
}
.startSet h3+p{
	font-size:1.4rem;
	text-align:left;
	margin-bottom:2rem;
}

.startSet h4{
	font-size: 20px;
	line-height:1.4;
	margin: 0 auto 2rem;
	padding: 0.8rem 2rem;
}


.startSet .setFlex{
	gap:0;
	display:flex;
	justify-content: space-between;
	margin-bottom:1rem;
	flex-direction: column;
}

.startSet .setFlex .setImg{
	width:90%;
	max-width: 600px;
	margin:0 auto 2rem;
}
.startSet .setFlex .setImg img{
	width:100%;
}
.startSet .setFlex .setImg .swiper-slide li img{
	width:90%;
	max-width: 600px;
	margin-bottom:1rem;
}
.swiper-container{
	padding-bottom: 2rem;
}
.swiper-slide{
	place-content: center;
}

.swiper-button-next{
	top:42%;
	right: -2rem;
}
.swiper-button-prev{
	top:42%;
	left: -2rem;
}

.swiper-button-next:after,
.swiper-button-prev:after{
	font-size:26px;
}
.swiper-pagination{
	bottom: 0 !important;
}
.swiper-pagination-bullet-active{
}


.setBox .setFlex .setTxt,
.setBox1 .setFlex .setTxt{
	padding: 2.5rem 2rem;
	width: 100%;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, auto);
	gap:0;
}
.setBox2 .setFlex .setTxt{
	padding: 2.5rem 2rem !important;
	width: 100%;
}






.startSet .setFlex  dt{
	font-weight:bold;
	margin-bottom:1.0rem;
	position:relative;
}


.startSet .setFlex  .priceDl{
	margin-bottom:2rem;
	grid-area: unset;
	padding-bottom:1rem;
	padding-right:1rem;
	padding-left:1rem;
}
.startSet .setFlex  .priceDl dt{
	font-size:14px;
}
.startSet .setFlex  .priceDl dt sup{
	font-size:12px;
}
.startSet .setFlex  .priceDl dd{
	font-size:28px;
}
.startSet .setFlex  .priceDl dd strong{
	font-size:16px;
	padding-right: 1rem;
}
.startSet .setFlex  .priceDl dd small{
	font-size:16px;
}
.startSet .setFlex  .priceDl dd span{
	font-size:12px;
}

.startSet .setFlex  .setDl{
	grid-area: unset;
	padding-bottom:1rem;
	padding-right:1rem;
	padding-left:1rem;
}
.startSet .setFlex  .setDl dt{
	font-size:14px;
	margin-bottom:1rem;
}
.startSet .setFlex  .setDl dd{
	font-size:12px;
	margin-bottom:0.6rem;
	line-height:1.4;
	display:none;
}
.startSet .setFlex  .setDl dd:last-child{
	margin-bottom:0rem;
}

.startSet .setFlex  .optionDl{
	grid-area: unset;
	padding-bottom:1rem;
	margin-top:2rem;
	padding-right:1rem;
	padding-left:1rem;
}
.startSet .setFlex  .optionDl dt{
	font-size:14px;
	margin-bottom:1rem;
}
.startSet .setFlex  .optionDl dd{
	font-size:12px;
	display:none;
}
.startSet .setFlex  .optionDl dd .optionImg{
	width:fit-content;
}
.startSet .setFlex  .optionDl dd img{
	max-width:150px;
	display:block;
}

.startSet .setFlex dl{
	border-bottom: 1px solid #ddd;
	padding-bottom: 1rem;
}




.startSet .setFlex .setDl dt::after,
.startSet .setFlex .optionDl dt::after{
	content:"\2b";
	font-family:Font Awesome\ 5 Free;
	font-weight:600;	
	right: 0;
	bottom: 0;
	font-size: 16px;
	position:absolute;
	width:18px;
	height:18px;
	text-align:center;
	line-height: 18px;
	color:#fff;
	background:#444692;
	border-radius:50%;
	padding: 2px;
}
.startSet .setFlex .setDl dt.open::after,
.startSet .setFlex .optionDl dt.open::after{
	content:"\f068";
	font-size:14px;
}






.startSet .setBox2 .setFlex:nth-of-type(1){
	margin-bottom:2rem;
}

.setFlex .setTxt2{
	width:100%;
}
/* ---- レンタルプラン表示の場合 ---- 
.setFlex .setTxt2{
	width:28.5%;
}
 ---- /レンタルプラン表示の場合 ---- */


.setFlex .setTxt2 p{
	font-size:14px;
}
.setFlex  .setTbl{
	font-size:18px;
	font-weight:bold;
	color:#434343;
	flex: 1;

}
.setFlex h5{
	font-size:20px;
	margin-bottom:1rem;
}
.setFlex  .setTbl table{
	width: 100%;
}
.setFlex  .setTbl th{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background:#444692;
	text-align:center;
	padding: 2rem 3rem;
	width:50%;
}
.setFlex  .setTbl th:last-child{
	border-left:1px solid #DDDDDD;
}
.startSet .setTbl  td {
	text-align:center;
	font-weight:bold;
	background:#fff;
	padding: 2rem 3rem;
	width:50%;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.setFlex  .setTbl tr td:nth-of-type(2){
	color:#D33B3A;
}
.setFlex  .setTbl tr td:last-child{
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.startSet .setTbl  td small{
	font-size:16px;
}
.startSet .setTbl  td span{
	font-size:16px;
	font-weight:normal;
	color:#434343;
}

.bnr_pc{
	width:90%;
	margin:6rem auto 5rem;
}




.faqH2 {
	font-size: 28px;
	line-height: 1.4;
	margin: 0 0 3rem;
}

.faqH2 span {
	font-size: 28px;
}

.faqH2 span.sub_title {
	font-size: 2.4rem
}

.faqH2 span.sub {
	font-size: 1.5rem;
	font-weight: 400
}

.faqH2::after {
	content: '';
	width: 120px;
	height: 5px;
	background: #EBE64D;
	border-radius: 3px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin: 0 -60px
}

.faq h3{
	font-size: 14px;
	text-indent: -3rem;
	padding: 1rem 3rem;
}
        .faq h3:hover {
            transform: translateY(-4px);
			opacity:0.7;
        }

.faq h3::before {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-size: contain;
	vertical-align: -9px;
	margin-left: -10px;
}
.faq h3::after {
	right: 0;
	bottom: 2.5rem;
	width:18px;
	height:18px;
	line-height: 18px;
	padding: 2px;
	text-indent: 0rem;
}
.faq h3.open::after {
	font-size:14px;
}
.faq p {
	position: relative;
	padding-bottom: 2rem;
	font-size: 15px;
	position: relative;
	margin-left: 30px;
	display: none;
}

.faq_list li:first-of-type {
	padding-top: 20px;
	border-bottom: 1px dotted #0097a7;
	margin: 0;
}

.faq_item{
	padding:0;
}
.next_link {
	margin-top:2rem;
	text-align: right;
}




.newtaxBox{
	padding: 4rem 0;
}
.newtaxBox h2{
	font-size:28px;
	margin-bottom: 2rem;
	line-height:1.4;
}
.newtaxBox h2 small{
	font-size:20px;
}
.newtaxBox h2 + p{
	font-size:14px;
}

.taxhowBox{
	padding: 14rem 0 5rem;
	position:relative;
}
.taxhowBox:before{
	font-weight:600;
	font-size: 12px;
	left: calc(50% - 0.2em);
	top: 4rem;
	position:absolute;
}

.taxhowBox .refundH2{
	font-size:24px;

}
.taxhowBox .refundH2 small{
	font-size:20px;

}
.taxhowDl{
	font-size:16px;
	gap: 1rem 0;
	margin-bottom: 3rem;
	flex-direction:column;
}
.taxhowDl dt{
	padding: 1rem;
	line-height: 1.6;
	width: 100%;
}
.taxhowDl dd{
	line-height: 1.6;
	padding: 1rem 1rem 2rem;
	width:100%;
}


.taxGrid{
	grid-template-columns: 1fr;
	gap: 8rem;
}
.taxGrid .taxhow{
	position:relative;
}
.taxGrid .taxhow:nth-of-type(2)::before{
  bottom: unset;
  top: -7rem;
  right: calc(50% - 25px);
  width: 50px;
  height: 70px;
	background:linear-gradient(to right, #667EE8,#764BA0);
  clip-path: polygon(0 22%, 51.5% 22%, 51.5% 0, 100% 50%, 51.5% 100%, 51.5% 78%, 0 78%);
  transform:rotate(90deg);
}

.taxGrid .taxhow:nth-of-type(1){
    position: relative;
    max-height: 190px;
    margin-bottom: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.taxGrid .taxhow:nth-of-type(1):has(:checked){
max-height: 110vh;
}
.taxGrid .taxhow:nth-of-type(1)::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff);
    content: '';
}


.taxGrid .taxhow:nth-of-type(1):has(:checked)::after {
    content: none;
}
.taxGrid .taxhow:nth-of-type(1) label {
    display: flex;
    align-items: center;
    gap: 0 4px;
    position: absolute;
    bottom: 2rem;
	z-index:1;
    left: 50%;
    transform: translateX(-50%);
    color: #4f96f6;
    font-size: .8em;

	font-size:14px;
	background:linear-gradient(to right, #667EE8,#764BA0);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.taxGrid .taxhow:nth-of-type(1) label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.taxGrid .taxhow:nth-of-type(1):has(:checked) label {
    display: none;
}


.taxGrid .taxhow:nth-of-type(1) input {
    display: none;
}


.taxGrid .taxhow .howTit{
	background:#989ACE;
	text-align:center;
	padding: 1rem;
}
.taxGrid .taxhow .howTit h3{
	display:flex;
	flex-direction: column;
	align-items: center;
	font-size:24px;
	color:#fff;
	line-height: 1.4;
}
.taxGrid .taxhow .howTit h3 small{
	font-size:12px;
	margin-bottom: 1rem;
}
.taxGrid .taxhow .howTit h3 span{
	display:block;

	width: fit-content;
	font-size:18px;
	padding: 0.6rem 1rem;
	color:#434343;
	background:#fff;
}


.taxGrid .taxhow.change .howTit{
	background:#444692 !important;
}
.taxGrid .taxhow.change .howTit h3{
	color:#EBE64D !important;
}
.taxGrid .taxhow.change .howTit h3 small{
}
.taxGrid .taxhow.change .howTit h3 span{
	color:#444692 !important;
	background:#fff !important;
}


.taxGrid .howTxt{
	background:#E9EAF3;
	display: flex;
	gap: 5rem;
	flex-direction: column;
	padding: 3rem 2rem;
}
.taxGrid .howTxt .how{
	background:#fff;
	border-radius: 15px;
	position:relative;
}
.taxGrid .howTxt .how:after{
	content:'';
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 25px solid #C5C6E1;
  border-bottom: 0;
	position: absolute;
	bottom: -40px;
	left: calc(50% - 20px);
}





.taxGrid .howTxt .how h4{
	padding: 1.5rem 2rem;
	top:0;
	left:0;
	font-size:14px;
}

.taxGrid .howTxt .how .howTxtFlex{
	display:flex;
	align-items: center;
	gap: 2rem;
	padding: 4rem 2rem 1rem;
}
.taxGrid .howTxt .how:nth-of-type(2) .howTxtFlex{
	padding: 8rem 2rem 3rem;
}
.taxGrid .howTxt .how .howTxtFlex p{
	font-size:16px;
	line-height:1.4;
}
.taxGrid .howTxt .how .howTxtFlex p strong{
	font-size:16px;
}
.taxGrid .howTxt .how .howTxtFlex p small{
	font-size:16px;
}

.taxGrid .howTxt .howLast{

}
.taxGrid .howTxt .howLast .howTxtlast{
	
}
.taxGrid .howTxt .howLast .howTxtlast p{
	font-size:16px;
	line-height: 1.4;
}



.diffBox{
padding: 2rem 0;
margin-right:auto;
margin-left:auto;
width: 90%;
border-radius:20px;
}

.diffBox h2{
	padding-bottom: 1.2em;
	font-size:28px;
	line-height:1.4;
   text-align:left;
   padding-right:5rem;
}
.diffBox h2 small{
	font-size:24px;
}

        .diffBox h2:hover {
            transform: translateY(-4px);
			opacity:0.7;
        }

.diffBox h2::before {
	width: 95px;
	height: 5px;
	position: absolute;
	left: calc( 50% - 47.5px);
	bottom: 0px;
}
.diffBox h2::after {
	right: 0;
	bottom: calc(50% - 20px);
	font-size: 40px;
	width:40px;
	height:40px;
	line-height: 40px;
	border-radius:50%;
	padding: 4px;
}

.diffBox.open{
	background:#F0F1FB;
	margin:0;
	border-radius:0;
	width:100%;
}
.diffBox.open  h2{
	padding-right:6rem;
}
.diffBox.open  h2::after {
	font-size:24px;
}

.diffBox .diffTbl {
	padding: 2rem 0 2rem;
	font-size: 16px;
	line-height:1.4;
	}
.diffTbl .js-scrollable {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.diffBox .diffTbl .scrollBox{
  width: 100%;
  overflow: visible;
}
.diffBox .diffTbl table{
  width: max-content;
  min-width: 850px;
}





.flowBox{
	padding-top:4rem;
}
.flowBox h2{
	margin-bottom:6rem;
	font-size: 24px;
}
.flowBox h2 small{
	font-size: 20px;
}
.flowBox .flowCase{
	margin-bottom:5rem;
}
.flowBox .flowCase:nth-of-type(2){
}


.flowBox h3{
	font-size:20px;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
	margin-bottom:2rem;
	display: flex;
	justify-content: start;
	align-items:center;
}
.flowBox .flowCase h3:before{
	font-size: 50px;
	margin-right:1.5rem;
}
.flowBox .flowCase:nth-of-type(2) h3:before{
}
.flowBox .flowGrid{
	display:grid;
	grid-template-columns: 1fr;
	gap: 40px;
	padding: 2rem;
	height:auto;
	min-height:0;

}
.flowBox .flowGrid .flow{
}
.flowBox .flowGrid .flow::after{
	bottom: -35px;
	left: calc(50% - 10px);
  transform:rotate(90deg);
}
.flowBox .flowGrid .flow:last-child::after{
	display:none;
}
.flowBox .flowGrid .flow h4{
}
.flowBox .flowGrid .flow h4 br{
	display:none;
}
.flowBox .flowGrid .flow h4 span{
	margin-right:1.0rem;
}

.flowBox .flowGrid .flow dl{
	flex-direction: row;
}
.flowBox .flowGrid .flow dl dt{
	width:50%;
}
.flowBox .flowGrid .flow dl dt img{
	width:100%;
	max-width:160px;
}
.flowBox .flowGrid .flow dl dd{
	width:50%;
	font-size:14px;
	line-height:1.4;
}




/*
.readyBox{
background: linear-gradient(0deg,rgba(39, 42, 128, 1) 0%, rgba(68, 70, 146, 1) 100%);
padding: 5rem 0;
}

.readyBox h2{
	position: relative;
	padding-bottom: 1.2em;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	cursor: pointer;
   transition: transform 0.3s;
   text-align:center;
}
.readyBox h2 small{
	font-size:24px;
}

        .readyBox h2:hover {
            transform: translateY(-4px);
			opacity:0.7;
        }

.readyBox h2::before {
	content: "";
	display: block;
	width: 95px;
	height: 5px;
	position: absolute;
	left: calc( 50% - 47.5px);
	bottom: 0px;
	background-color: #EBE64D;
}
.readyBox h2::after {
	content:"\2b";
	font-family:Font Awesome\ 5 Free;
	font-weight:600;	
	right: 20px;
	bottom: 50px;
	font-size: 40px;
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	line-height: 40px;
	color:#444692;
	background:#EBE64D;
	border-radius:50%;
	padding: 4px;
}

.readyBox.open{
	background:#F0F1FB;
}
.readyBox.open  h2{
	color:#434343;
}
.readyBox.open  h2::after {
	content:"\f068";
	font-size:24px;
	background:#444692;
	color:#fff;
}
.readyBox .readyWrap {
	padding: 5rem 0 2rem;
	font-size: 16px;
	line-height:1.4;
	position: relative;
	display: none;
	margin: 0 auto;
}
.readyBox .readyWrap .readyFlex {
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-wrap:wrap;
}
.readyBox .readyWrap .readyFlex .ready {
	display: flex;
	background:#fff;
	flex-direction:column;
	gap: 2rem;
	padding: 2rem;
	width:31%;
}

.readyBox .readyWrap .readyFlex .ready h3 {
	color:#434343;
	font-size: 26px;
	font-weight:bold;
	margin-bottom:1rem;
}
.readyBox .readyWrap .readyFlex .ready h3 i{
	font-family:Font Awesome\ 7 Free;
	font-weight:600;
	color:#444692;
	font-size:30px;
	font-style:normal;
	margin-right:1rem;
}
.readyBox .readyWrap .readyFlex .ready .readyDl dt,
.readyBox .readyWrap .readyFlex .ready .readyDl2 dt{
	font-size: 16px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	background:#989ACE;
	display:block;
	width: fit-content;
	padding: 0.6rem 1rem;
	margin-bottom:1rem;
}
.readyBox .readyWrap .readyFlex .ready .readyDl dd,
.readyBox .readyWrap .readyFlex .ready .readyDl2 dd{
	font-size:14px;
	line-height: 1.4;
	color:#434343;
}
.readyBox .readyWrap .readyFlex .ready .readyDl2 {
}
.readyBox .readyWrap .readyFlex .ready .readyDl2 dt {
	background:#444692;
}
*/

}

@media screen and (max-width:767px) {
.fixed-width{
	padding-left:20px !important;
	padding-right:20px !important;
}
.full-width .fixed-width{
	padding-left:20px !important;
	padding-right:20px !important;
}
.hero_refund_bg .fixed-width{
	padding-left:unset !important;
	padding-right:unset !important;
}

.hero_refund_bg::before{
	content:"";
	background-image: url('/product/taxfree/images/refund/bg_hero_01_sp.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: top;
	left:0;
	bottom: unset;
	top: 4vw;
	position:absolute;
	display:block;
	height: 50vh;
	width: 40vw;
	overflow:hidden;
}
.hero_refund_bg::after{
	content:"";
	background-image: url('/product/taxfree/images/refund/bg_hero_02_sp.png');
	background-size: cover;
	background-repeat:no-repeat;
	background-position: top;
	right:0;
	bottom: unset;
	top: 12vw;
	position:absolute;
	display:block;
	height: 70vw;
	width: 50vw;
	overflow:hidden;
}
.hero_refund_box .h1Box{
	display: flex;
	justify-content: start;
	align-items: end;
	gap:0;
	flex-direction: row;
	margin: 0 auto;
}
.hero_refund_box .h1Box h1{
}
.hero_refund_box h1 > img{
	max-width:340px;
	padding-bottom:2vw;
}
.hero_refund_box .h1Box > p{
	width: 60%;
	height:unset;
	font-size: 5.2vw;
}
.hero_refund_box .h1Box > p big{
	font-size: 10vw;
}
.hero_refund_box .h1Box > p:before{
 content: '';
 display: block;
 padding-top: 100%;
}
.hero_refund_box h2{
	font-size:9vw;
	line-height:1.4;
}
.hero_refund_box h2 small{
	font-size:7vw;
}
.hero_refund_box h2 br{
	display:block;
}
.hero_refund_box .h1Img img{
	width:100%;
}

.bg_sky{
	padding: 2rem;
}

.refundList li a:after{
	right: 2rem;
}
.featureBox .feature .featureNum{
	top: -6vw;
	left: -2vw;

}

.ctaBox .ctaBtn{
	display:flex;
	flex-direction:column;
	gap: 10px;
}
.ctaBox .ctaBtn a.contactBtn,
.ctaBox .ctaBtn a.seminarBtn{
	height: 90px;
	min-width:310px;
	
}

.refundH3 br{
	display:block;
}

.anno{
	font-size: 12px;
	text-align:left;
	padding-left: 1.5em;
	text-indent:-1.3em;
}

.startSet .anno{
	text-align:right;
}

/*
.startSet .setH3 span br{
	display:block;
}
*/


.bnr_pc{
	display:none;
}
.bnr_sp{
	display:block;
	width:100%;
	margin: 0 auto 2rem;
}
.bnr_sp img{
	width:100%;
}
.diffBox{
margin-right:2rem;
margin-left:2rem;
}
.flowBox .flowCase br{
	display:block;
}

.nowH3 br{
	display:block;
}

.startBox h2 big br{
	display:block;
}

.startH3{
	text-align:left;
}

.startSet{
	margin: 0;
}
.bg_sky_full > .startSet{
	margin: 0 2rem 3rem;
}

.startSet .setH3 br,
.startSet .setH3 span br{
	display:block;
}


}

@media print {}