@charset "UTF-8";
@media screen and (min-width: 801px) {}
@media screen and (max-width: 800px) {}
/* =====================================
	全体設定
===================================== */
figure {
	margin: 0;
}
.bold {
	font-weight: bold;
}
.l-container {
	overflow: visible!important;
}
.mb0 {
	margin-bottom: 0!important;
}

@media screen and (min-width: 801px) {
.dsp_pc {
	display: block;
}
.inl_pc {
	display: inline;
}
.dsp_sp {
	display: none;
}
.inl_sp {
	display: none;
}

.rewind_bg {
	z-index: 1;
	position: relative;
	background: #D9F5FC;
}
.rewind_container {
	display: flex;
	width: 100%;
}

.pc_area_l {
	position: relative;
	width: calc( 50% - 231px);
}
.pc_area_l .pc_bg {
	position: sticky;
	top: 180px;
	left: 0;
	width: 100%;
	height: calc( 100vh - 180px);
	background: url(../../../../img/campaign/ttchance/202603/pc_bg01.png) center center no-repeat;
	background-size: cover; 
}
.pc_area_l .container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  	width: 300px;
	height: 340px;
	margin: auto;
}
.pc_area_l .menu {
	box-sizing: border-box;
  	width: 300px;
	height: 260px;
	padding: 17px 21px 0;
	margin: 0 auto 20px;
	border-radius: 25px;
	background: #ffffff;
	/*letter-spacing: -0.05em;*/
}
.pc_area_l .menu .menu_ttl01 {
	position: relative;
  	width: 189px;
	margin: 0 auto 10px;
}
.pc_area_l .menu p {
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #00499f;
}
.pc_area_l .menu .lnav02 {
	display: flex;
	justify-content: space-between;

}
.pc_area_l .menu .lnav02 li {
	width: 58px;
}

	
.pc_area_r {
	position: relative;
	box-sizing: border-box;
	width: calc( 50% - 231px);
}
.pc_area_r img{
	width: auto!important;
}
.pc_area_r .pc_bg {
	position: sticky;
	top: 180px;
	left: 0;
	width: 100%;
	height: calc( 100vh - 180px);
	background: url(../../../../img/campaign/ttchance/202603/pc_bg02.png) center center no-repeat;
	background-size: cover;
}
.pc_area_r .pc_bg .bnr {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 6px;
}
.pc_area_r .pc_bg .container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
  	width: 290px;
	height: 310px;
	margin: auto;
}
.pc_area_r .container .qrbox {
	box-sizing: border-box;
  	width: 140px;
	height: 126px;
	padding: 23px 30px;
	background: #fff;
	border-radius: 16px;
	text-align: center;
}

.pc_area_r .container .img01 {
	position: absolute;
	right: -3px;
	bottom: -3px;
}
.pc_area_r .container #qr_code_div_id {
	position: absolute;
	left: 30px;
	top: 47px;
	width: 80px;
	height: 80px;
}
#qr_code_div_id canvas {
	width: 80px;
	height: 80px;
}

main {
	z-index: 1;
}

#rewind {
	z-index: 6000;
	position: relative;
	font-size: calc(25 * calc(450 / 750)*1px);
	/*font-feature-settings: "palt";*/
	line-height: 1.5;
	color: #000000;
	width: 450px;
	border-left: 6px solid #00499f;
	border-right: 6px solid #00499f;
	overflow: visible;
	background: #ffffff;
	margin: 0 auto;
	font-family: "Noto Sans JP", serif;
	box-sizing: content-box;
}

.cp {
	border-bottom: 2px solid #ddd;
	font-weight: 500;
	color: #000;
}

.navarea {
	padding-top: 180px;
	margin-top: -180px;
}

	
}


@media screen and (max-width: 800px) {
	.dsp_pc {
		display: none;
	}
	.inl_pc {
		display: none;
	}
	.dsp_sp {
		display: block;
	}
	.inl_sp {
		display: inline;
	}

	.pc_area_l {
		display: none;
	}
	.pc_area_r {
		display: none;
	}

	.rewind_bg {
		z-index: 1;
		position: relative;
		width: 100%;
		background: #ffebf5;
		padding: 0;
	}
	#rewind {
		position: relative;
		width: 100%;
		font-size: calc(25/750*100vw);
		/*font-feature-settings: "palt";*/
		line-height: 1.5;
		color: #000000;
		overflow: visible;
		background: #ffffff;
		font-family: "Noto Sans JP", serif;
	}
	.navarea {
		padding-top: 180px;
		margin-top: -180px;
	}

}
/* =====================================
	header
===================================== */

	.l-container.-wester-portal .c-topic-path {
	  margin: 0 auto 0;
	}
	.l-container.-wester-portal .c-topic-path p {
		margin-bottom: 16px;
	}
	.cp {
		border-bottom: 1px solid #ddd;
		font-weight: 500;
		color: #000;
	}
	.cp img {
		width: 100%;
		
	}
	.mv {
		position: relative;
		width: 100%;
	}

	#following_area {
		position: relative;
	}

	.entry {
		z-index: 75;
		position: sticky;
		/*position: fixed;*/
		left: 0;
		bottom: 0;
	}	
	.entry .entry_btn{
		display:none;
		width: calc(702/750*100%);
		margin: 0 auto;
	}	
	.entry ul {
		/*display: flex;*/
		
	}	
	#rewind a {
		color: #0074c1;
		/*text-decoration: underline;*/
	}
	.red {
		color: #fa3232;
		font-weight: 500;
	}

/* =====================================
	content
===================================== */
	#lead {
		padding: calc(85/750*100%) 0 calc(60/750*100%);
		text-align: center;
		background: #e5f8fd;
	}
	#lead .img01{
		width: calc(618/750*100%);
		margin: 0 auto calc(95/750*100%);
	}
	#lead p.txt {
		font-size: calc(42 / 25 * 1em);
		font-weight: 700;
		line-height: calc(54/42);
		color: #00499f;
	}

	.tabarea {
		background: #e5f8fd;
		text-align: center;
	}
	.tabarea .tab_btn{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.tabarea .tab_btn li{
		width: calc(350/750*100%);
		margin-bottom: calc(60/750*100%);
		cursor: pointer;
	}
	.tabarea .tab_btn li .tab_img{
		width: calc(280/350*100%);
		margin: 0 auto calc(15/350*100%);
	}
	.tabarea .tab_btn li p{
		font-size: calc(36 / 25 * 1em);
		font-weight: 700;
		color: #00499f;
	}

	.tabs__body {
		display: none;
	}
	.tabs__body.is-active {
		display: block;
	}


	.l0101 {
		position: relative;
		/*padding: calc(40/750*100%) 0 calc(50/750*100%);*/
		padding: calc(200/750*100%) 0 0;
		background:
			/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
			url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(210/750*100vw) no-repeat,
			url("../../../../img/campaign/ttchance/202603/l01_bg01.png") left top repeat
		;
		background-size: 100% auto;
		text-align: left;
	}
	.start {
		width: calc(226/750*100%);
		margin: 0 auto calc(25/750*100%);
	}
	.chara {
		position: sticky;
		top: 50%;
		left: 0;
		/*transform: translateY(-50%);*/
		width: 100%;
		/*height: calc(276/750*100vw);*/
		height: calc(254/750*100vw);
		/*margin: 0 auto calc(395/750*100%);*/
		margin: 0 auto calc(675/750*100%);
	}
	.chara.last {
		position: sticky;
		top: 50%;
		left: 0;
		/*transform: translateY(-50%);*/
		width: 100%;
		height: calc(254/750*100vw);
		margin: 0 auto calc(675/750*100%);
	}
	.chara .chara01 {
		width: calc(118/750*100%);
		margin: 0 auto;
	}
	.chara .chara02 {
		width: calc(148/750*100%);
		margin: 0 auto;
	}
	.chara .chara03 {
		width: calc(144/750*100%);
		margin: 0 auto;
	}
	.chara .chara04 {
		width: calc(170/750*100%);
		margin: 0 auto;
	}
	.chara .chara05 {
		width: calc(292/750*100%);
		margin: 0 auto;
	}
	.chara .chara06 {
		width: calc(186/750*100%);
		margin: 0 auto;
	}
	.l0101 .chara .chara05 {
		width: calc(186/750*100%);
		margin: 0 auto;
	}
	.l0101 .chara .chara06 {
		width: calc(292/750*100%);
		margin: 0 auto;
	}

	.l0101 .voice01 {
		position: relative;
		margin-top: calc(-280/750*100%);
		margin-bottom: calc(45/750*100%);
	}
	.l0101 .icoca .txt01 {
		position: relative;
		margin-bottom: calc(20/750*100%);
	}
	.l0101 .icoca .btn01 {
		position: relative;
		width: calc(660/750*100%);
		margin: 0 auto calc(30/750*100%);
	}
	.l0101 .balloon01 {
		position: relative;
		width: calc(670/750*100%);
		margin: 0 auto calc(27/750*100%);
	}
	.l0101 .question {
		width: calc(508/750*100%);
		margin: 0 auto calc(130/750*100%);
	}
	.l0101 .voice02 {
		position: relative;
		margin-bottom: calc(70/750*100%);
	}
	.l0101 .wesmo {
		position: relative;
		margin-bottom: calc(360/750*100%);
	}
	.l0101 .wesmo .w_ttl {
		width: calc(262/750*100%);
		margin: 0 0 calc(210/750*100%) calc(70/750*100%);
	}
	.l0101 .wesmo .icon {
		position: absolute;
		top: 0;
		right: calc(130/750*100%);
		width: calc(161/750*100%);
		margin-top: calc(10/750*100%);

	}
	.l0101 .level02 {
		position: relative;
		margin-bottom: calc(110/750*100%);
	}
	.l0101 .wesmo .balloon {
		width: calc(434/750*100%);
		margin: 0 0 calc(55/750*100%) calc(40/750*100%);
	}
	.l0101 .wesmo .img01 {
		width: calc(230/750*100%);
		margin: 0 0 calc(90/750*100%) calc(495/750*100%);
	}
	.l0101 .wesmo .txt02 {
		position: relative;
		margin-bottom: calc(35/750*100%);
	}
	.l0101 .wesmo .btn {
		position: relative;
		padding: 0 calc(40/750*100%);
		margin-bottom: calc(15/750*100%);
	}
	.l0101 .wesmo .txt03 {
		padding: 0 calc(40/750*100%);
	}
	.l0101 .linearea {
		background: url("../../../../img/campaign/ttchance/202603/l01_bg03.png") left top repeat;
		background-size: 100% auto;
	}
	.l0101 .linearea .voice03 img {
		position: relative;
		margin: calc(-20/750*100%) 0 calc(70/750*100%) 0;
	}
	.l0101 .jwest {
		position: relative;
	}
	.l0101 .jwest .txt01 {
		margin-bottom: calc(20/750*100%);
	}
	.l0101 .jwest .level03 {
		margin-bottom: calc(12/750*100%);
	}
	.l0101 .jwest .txt02 {
		margin-bottom: calc(260/750*100%);
		padding: 0 calc(40/750*100%); 
	}
	.l0101 .jwest .txt03 {
		margin-bottom: calc(85/750*100%);
		padding: 0 calc(40/750*100%); 
	}
	.l0101 .wpoint .txt01 {
		margin-bottom: calc(260/750*100%);
	}
	.l0101 .wpoint .level04 {
		margin-bottom: calc(120/750*100%);
	}
	.l0101 .wpoint .img01 {
	}
	.l0101 .wpoint .txt02 {
		padding: 0 calc(40/750*100%) calc(-200/750*100%);
	}

	.l0201 {
		position: relative;
		/*padding: calc(40/750*100%) 0 calc(50/750*100%);*/
		padding: calc(200/750*100%) 0 0;
		background:
			/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
			url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(210/750*100vw) no-repeat,
			url("../../../../img/campaign/ttchance/202603/l02_bg01.png") left top repeat
		;
		background-size: 100% auto;
		text-align: left;
	}

	.l0201 .lead {
		position: relative;
	}
	.l0201 .lead .txt01 {
		width: calc(670/750*100%);
		margin: 0 auto calc(35/750*100%);
	}
	.l0201 .lead .txt02 {
		margin-bottom: calc(85/750*100%);
	}
	.l0201 .point {
		position: relative;
	}
	.l0201 .point .balloon01 {
		width: calc(624/750*100%);
		margin: 0 0 calc(20/750*100%) calc(40/750*100%);
	}
	.l0201 .point .question {
		width: calc(508/750*100%);
		margin: 0 auto calc(215/750*100%);
	}
	.l0201 .wesmo {
		position: relative;
		margin-bottom: calc(360/750*100%);
	}
	.l0201 .wesmo .w_ttl {
		width: calc(262/750*100%);
		margin: 0 0 calc(210/750*100%) calc(70/750*100%);
	}
	.l0201 .wesmo .icon {
		position: absolute;
		top: 0;
		right: calc(130/750*100%);
		width: calc(161/750*100%);
		margin-top: calc(10/750*100%);
	}
	.l0201 .level02 {
		margin-bottom: calc(110/750*100%);
	}
	.l0201 .wesmo .txt01 {
		margin-bottom: calc(105/750*100%);
	}
	.l0201 .voice01 {
		margin-bottom: calc(120/750*100%);
	}
	.l0201 .wesmo .balloon {
		width: calc(434/750*100%);
		margin: 0 0 calc(55/750*100%) calc(40/750*100%);
	}
	.l0201 .wesmo .img01 {
		width: calc(230/750*100%);
		margin: 0 0 calc(90/750*100%) calc(495/750*100%);
	}
	.l0201 .wesmo .txt02 {
		position: relative;
		margin-bottom: calc(45/750*100%);
	}
	.l0201 .wesmo .txt02 .btn {
		position: absolute;
		top: 0;
		left: calc(440/750*100%);
		width: calc(274/750*100%);
		margin-top: calc(295/750*100%);
	}

	.l0201 .wesmo .txt03 {
		padding: 0 calc(40/750*100%);
	}
	.l0201 .linearea {
		background: url("../../../../img/campaign/ttchance/202603/l02_bg03.png") left top repeat;
		background-size: 100% auto;
	}
	.l0201 .linearea .voice02 img {
		position: relative;
		margin: calc(-20/750*100%) 0 calc(70/750*100%) 0;
	}
	.l0201 .jwest {
	}
	.l0201 .jwest .txt01 {
		position: relative;
		margin-bottom: calc(20/750*100%);
	}
	.l0201 .jwest .level03 {
		position: relative;
		margin-bottom: calc(130/750*100%);
	}
	.l0201 .jwest .img01 {
	}
	.l0201 .jwest .txt02 {
		padding: 0 calc(40/750*100%) 0;
	}


	.l0202 {
		position: relative;
		padding: calc(105/750*100%) 0 0;
		background: url("../../../../img/campaign/ttchance/202603/l02_bg03.png") left top repeat;
		background-size: 100% auto;
		text-align: left;
	}

	.chara02 {
		position: sticky;
		top: 50%;
		left: 0;
		/*transform: translateY(-50%);*/
		width: calc(186/750*100%);
		/*height: calc(254/750*100vw);*/
		margin: 0 auto calc(120/750*100%);
	}
	.l0202 .icoca .voice03 {
		position: relative;
	}

	.l0202 .icoca .txt01 {
		position: relative;
		margin-bottom: calc(260/750*100%);
	}
	.l0202 .icoca .level04 {
		position: relative;
		margin-bottom: calc(12/750*100%);
	}
	.l0202 .icoca .txt02 {
		position: relative;
		width: calc(670/750*100%);
		margin: 0 auto 0;
	}

	.l0301 {
		position: relative;
		/*padding: calc(40/750*100%) 0 calc(50/750*100%);*/
		padding: calc(200/750*100%) 0 0;
		background:
			/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
			url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(210/750*100vw) no-repeat,
			url("../../../../img/campaign/ttchance/202603/l03_bg01.png") left top repeat
		;
		background-size: 100% auto;
		text-align: left;
	}

	.l0301 .lead {
		position: relative;
	}
	.l0301 .lead .voice01 {
		margin-bottom: calc(35/750*100%);
	}
	.l0301 .lead .txt01 {
		width: calc(670/750*100%);
		margin: 0 auto calc(30/750*100%);
	}
	.l0301 .lead .txt02 {
		width: calc(670/750*100%);
		margin: 0 auto calc(120/750*100%);
	}
	.l0301 .point {
		position: relative;
	}
	.l0301 .point .balloon01 {
		width: calc(624/750*100%);
		margin: 0 0 calc(20/750*100%) calc(40/750*100%);
	}
	.l0301 .point .question {
		width: calc(508/750*100%);
		margin: 0 auto calc(120/750*100%);
	}
	.l0301 .wesmo {
		position: relative;
		margin-bottom: calc(360/750*100%);
	}
	.l0301 .wesmo .voice02 {
		margin-bottom: calc(80/750*100%);
	}
	.l0301 .wesmo .w_ttl {
		width: calc(262/750*100%);
		margin: 0 0 calc(210/750*100%) calc(70/750*100%);
	}
	.l0301 .wesmo .icon {
		position: absolute;
		top: 0;
		right: calc(130/750*100%);
		width: calc(161/750*100%);
		margin-top: calc(10/750*100%);
	}
	.l0301 .level02 {
		margin-bottom: calc(50/750*100%);
	}
	.l0301 .wesmo .txt01 {
		width: calc(670/750*100%);
		margin: 0 auto calc(120/750*100%);
	}
	.l0301 .wesmo .txt02 {
		margin-bottom: calc(120/750*100%);
	}
	.l0301 .wesmo .balloon {
		width: calc(670/750*100%);
		margin: 0 auto calc(15/750*100%);
	}
	.l0301 .wesmo .question {
		width: calc(508/750*100%);
		margin: 0 auto calc(75/750*100%);
	}
	.l0301 .wesmo .txt03 {
		position: relative;
		margin-bottom: calc(45/750*100%);
	}

	.l0301 .wesmo .btn {
		margin-bottom: calc(15/750*100%);
		padding: 0 calc(40/750*100%);
	}
	.l0301 .wesmo .txt04 {
		margin-bottom: calc(350/750*100%);
		padding: 0 calc(40/750*100%);
	}
	.l0301 .linearea {
		background: url("../../../../img/campaign/ttchance/202603/l03_bg03.png") left top repeat;
		background-size: 100% auto;
	}
	.l0301 .linearea .voice02 img {
		position: relative;
		margin: calc(-20/750*100%) 0 calc(70/750*100%) 0;
	}
	.l0301 .wester_app {
	}
	.l0301 .wester_app .txt01 {
		position: relative;
		margin-bottom: calc(100/750*100%);
		padding: 0 calc(40/750*100%);
	}
	.l0301 .wester_app .txt02 {
		position: relative;
		margin-bottom: calc(260/750*100%);
	}
	.l0301 .wester_app .level03 {
		position: relative;
		margin-bottom: calc(130/750*100%);
	}
	.l0301 .wester_app .img01 {
	}
	.l0301 .wester_app .txt03 {
		padding: 0 calc(40/750*100%) 0;
	}


	.l0302 {
		position: relative;
		padding: calc(105/750*100%) 0 0;
		background: url("../../../../img/campaign/ttchance/202603/l03_bg03.png") left top repeat;
		background-size: 100% auto;
		text-align: left;
	}

	.chara02 {
		position: sticky;
		top: 50%;
		left: 0;
		/*transform: translateY(-50%);*/
		width: calc(186/750*100%);
		/*height: calc(254/750*100vw);*/
		margin: 0 auto calc(120/750*100%);
	}
	.l0302 .icoca .voice03 {
		position: relative;
	}

	.l0302 .icoca .txt01 {
		position: relative;
		margin-bottom: calc(260/750*100%);
	}
	.l0302 .icoca .level04 {
		position: relative;
		margin-bottom: calc(12/750*100%);
	}
	.l0302 .icoca .txt02 {
		position: relative;
		width: calc(670/750*100%);
		margin: 0 auto 0;
	}



	.l0401 {
		position: relative;
		/*padding: calc(40/750*100%) 0 calc(50/750*100%);*/
		padding: calc(200/750*100%) 0 0;
		background:
			/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
			url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(210/750*100vw) no-repeat,
			url("../../../../img/campaign/ttchance/202603/l04_bg01.png") left top repeat
		;
		background-size: 100% auto;
		text-align: left;
	}
	.l0401 .wesmo {
		position: relative;
		margin-bottom: calc(110/750*100%);
	}
	.l0401 .wesmo .voice01 {
		margin-bottom: calc(90/750*100%);
	}
	.l0401 .wesmo .w_ttl {
		width: calc(262/750*100%);
		margin: 0 0 calc(210/750*100%) calc(70/750*100%);
	}
	.l0401 .wesmo .icon {
		position: absolute;
		top: 0;
		right: calc(130/750*100%);
		width: calc(161/750*100%);
		margin-top: calc(10/750*100%);
	}
	.l0401 .level01 {
		margin-bottom: calc(50/750*100%);
	}
	.l0401 .wesmo .txt01 {
		position: relative;
		margin-bottom: calc(50/750*100%);
	}
	.l0401 .wesmo .btn01 {
		margin-bottom: calc(10/750*100%);
		padding: 0 calc(40/750*100%);
	}
	.l0401 .wesmo .btn02 {
		padding: 0 calc(40/750*100%);
	}

	.l0401 .wesmo .voice02 {
		margin-bottom: calc(55/750*100%);
	}
	.l0401 .linearea {
		background: url("../../../../img/campaign/ttchance/202603/l04_bg03.png") left top repeat;
		background-size: 100% auto;
	}
	.l0401 .linearea .voice02 img {
		position: relative;
		margin: calc(-20/750*100%) 0 calc(70/750*100%) 0;
	}
	.l0401 .jwest .txt01 {
		margin-bottom: calc(25/750*100%);
	}
	.l0401 .jwest .level02 {
		margin-bottom: calc(12/750*100%);
	}
	.l0401 .jwest .txt02 {
		margin-bottom: calc(125/750*100%);
		padding: 0 calc(40/750*100%);
	}
	.l0401 .jwest .balloon01 {
		margin-bottom: calc(320/750*100%);
		padding: 0 calc(40/750*100%);
	}
	.l0401 .jwest .txt03 {
		margin-bottom: calc(85/750*100%);
		padding: 0 calc(40/750*100%);
	}

	.l0401 .wester_app {
	}
	.l0401 .wester_app .txt02 {
		position: relative;
		margin-bottom: calc(260/750*100%);
	}
	.l0401 .wester_app .level03 {
		position: relative;
		margin-bottom: calc(130/750*100%);
	}
	.l0401 .wester_app .img01 {
	}
	.l0401 .wester_app .txt03 {
		padding: 0 calc(40/750*100%) 0;
	}


	.l0402 {
		position: relative;
		padding: calc(105/750*100%) 0 0;
		background: url("../../../../img/campaign/ttchance/202603/l04_bg03.png") left top repeat;
		background-size: 100% auto;
		text-align: left;
	}

	.chara03 {
		position: sticky;
		top: 50%;
		left: 0;
		/*transform: translateY(-50%);*/
		width: calc(228/750*100%);
		/*height: calc(254/750*100vw);*/
		margin: calc(-100/750*100%) auto calc(40/750*100%);
	}
	.l0402 .icoca .voice03 {
		position: relative;
		margin-bottom: calc(125/750*100%);
	}

	.l0402 .icoca .txt01 {
		z-index: 2;
		position: relative;
		margin-bottom: 0;
	}
	.l0402 .icoca .level04 {
		position: relative;
		margin-bottom: calc(12/750*100%);
	}
	.l0402 .icoca .txt02 {
		position: relative;
		width: calc(670/750*100%);
		margin: 0 auto 0;
	}



	.goal {
		position: relative;
		padding: calc(50/750*100%) 0 calc(123/750*100%);
		background: url("../../../../img/campaign/ttchance/202603/goal_bg01.png") left bottom no-repeat #fff;
		background-size: 100% auto;
	}
	.goal .chara_goal {
		position: absolute;
		left: calc(270/750*100%);
		bottom: 0;
		width: calc(212/750*100%);
		margin-bottom: calc(60/750*100%);
	}
	.goal .arrow {
		margin-bottom: calc(30/750*100%);
	}
	.goal .txt {
		margin-bottom: calc(55/750*100%);
	}


	.pipe {
		padding: calc(80/750*100%) 0 calc(120/750*100%);
		background: #e5c527;
	}
	.pipe .dl_area {
		padding: 0 calc(55/750*100%);
	}
	.pipe .dl_area .ttl{
		margin-bottom: calc(50/640*100%);
		text-align: center;
		font-size: calc(42 / 25 * 1em);
		font-weight: 600;
		color: #00499f;
	}
	.pipe .dl_area .btn{
		margin-bottom: calc(30/640*100%);
	}
	.pipe .dl_area .icoca{
		padding: calc(25/640*100%) calc(20/640*100%);
		background: #5bc2d9;
		border-radius: calc(23/750*100vw);
	}
	.pipe .dl_area .icoca ul{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.pipe .dl_area .icoca .ttl_icoca{
		width: calc(364/640*100%);
		margin: 0 auto calc(25/640*100%);
	}
	.pipe .dl_area .icoca ul li:first-child{
		width: calc(271/590*100%);
	}
	.pipe .dl_area .icoca ul li{
		width: calc(305/590*100%);
	}
	.pipe .dl_area .btn.last{
		margin-bottom: calc(100/640*100%);
	}

	.pipe .note_area {
		padding: calc(100/750*100%) calc(40/750*100%);
		text-align: left;
		font-size: calc(24 / 25 * 1em);
	}
	.pipe .note_area a {
		color: #0074c1;
	}
	.wesmocp {
		padding: calc(115/750*100%) 0 calc(80/750*100%);
	}
	.wesmocp .ttl01 {
		margin-bottom: calc(50/750*100%);
	}
	.wesmocp dl {
		margin-bottom: calc(40/750*100%);
		padding: 0 calc(55/750*100%);
	}
	.wesmocp dl dt {
		margin-bottom: calc(15/640*100%);
	}
	.wesmocp dl dd {
		font-size: calc(20 / 25 * 1em);
	}
	.othercp {
		padding: calc(20/750*100%) 0 calc(200/750*100%);
	}
	.othercp .ttl01 {
		margin-bottom: calc(80/750*100%);
	}
	.othercp .ttl02 {
		margin-bottom: calc(30/750*100%);
		text-align: center;
		font-size: calc(42 / 25 * 1em);
		font-weight: bold;
		color: #00499f;
	}
	.othercp dl {
		margin-bottom: calc(40/750*100%);
		padding: 0 calc(55/750*100%);
	}
	.othercp dl.payment {
		margin-bottom: calc(70/750*100%);
	}
	.othercp dl dt {
		margin-bottom: calc(15/640*100%);
	}
	.othercp dl dd {
		font-size: calc(20 / 25 * 1em);
	}
	.appli {
		padding: calc(90/750*100%) 0 0;
		background: #3473B5;
		background-size: 100% auto;
	}
	.appli .inner {
		padding: 0 calc(40/750*100%);
		
	}
	.appli h2 {
		margin-bottom: calc(90/690*100%);
		line-height: 1.75;
		font-size: calc(50 / 25 * 1em);
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.06em;
	}
	.appli .fbox {
		display: none;
	}
	.appli .btn01 {
		margin-bottom: calc(80/690*100%);
	}
	.appli .note {
		margin-bottom: calc(40/690*100%);
		line-height: 1.75;
		font-size: calc(26 / 25 * 1em);
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	.appli .asei {
		width: calc(634/690*100%);
		margin-left: calc(27/690*100%);
	}

	.element {
		opacity: 0;
		visibility: hidden;
		/*transform: translateY(calc(80/750*100vw));*/
		transition: opacity 1s, visibility 1s, transform 1s;
	}
	.is-fadein {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
	.element2 {
		opacity: 0;
		visibility: hidden;
		transform: scale(0.7);
		transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
		transition-delay: 0.5s;
	}
	.is-fadein2 {
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
	}
	.element3 {
		opacity: 0;
		visibility: hidden;
		transform: scale(0.7);
		transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
		transition-delay: 0.5s;
	}
	.is-fadein3 {
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
	}
	.element_last {
		opacity: 0;
		visibility: hidden;
		transform: translateY(calc(-80/750*100vw));
		transition: opacity 1s, visibility 1s, transform 1s;
	}
	.is-fadein5 {
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
	}

	.off {
		display: none;
		transition: display 1s;
	}
	.on {
		display: block;

	}
	.l0101 .chara .chara02 {
		display: none;
		transition: display 1s;
	}
	.l0101 .chara .chara02.on {
		display: block;
	}


@media screen and (min-width: 801px) {
.entry_pc {
}
.entry {
	display: none;
}	

.l0101 {
	background:
	/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
	url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(450/750*210px) no-repeat,
	url("../../../../img/campaign/ttchance/202603/l01_bg01.png") left top repeat
	;
	background-size: 100% auto;
}
.l0201 {
	background:
	/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
	url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(450/750*210px) no-repeat,
	url("../../../../img/campaign/ttchance/202603/l02_bg01.png") left top repeat
	;
	background-size: 100% auto;
}
.l0301 {
	background:
	/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
	url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(450/750*210px) no-repeat,
	url("../../../../img/campaign/ttchance/202603/l03_bg01.png") left top repeat
	;
	background-size: 100% auto;
}
.l0401 {
	background:
	/*url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(50/750*100%) no-repeat,*/
	url("../../../../img/campaign/ttchance/202603/l01_bg02.png") left calc(450/750*210px) no-repeat,
	url("../../../../img/campaign/ttchance/202603/l04_bg01.png") left top repeat
	;
	background-size: 100% auto;
}
	
.chara {
	height: calc(450/750*254px);
}
.pipe .dl_area .icoca{
	border-radius: calc(450/750*23px);
}
	
.element {
	opacity: 0;
	visibility: hidden;
	/*transform: translateY(80px);*/
	transition: opacity 1s, visibility 1s, transform 1s;
}
.is-fadein {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

}



	/*モーダルを開くボタン*/
	.modal-open01,
	.modal-open02,
	.modal-open03{
		cursor: pointer;
	}
	/*モーダル本体の指定 + モーダル外側の背景の指定*/
	.modal-container{
		z-index: 1200;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(100,100,100,50%);
		/*padding: 40px 20px;*/
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	/*モーダル本体の擬似要素の指定*/
	.modal-container:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	/*モーダル本体に「active」クラス付与した時のスタイル*/
	.modal-container.active{
		opacity: 1;
		visibility: visible;
	}
	/*モーダル枠の指定*/
	.modal-container .modal-body{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		/*max-width: 620px;*/
		width: calc(670 / 750 * 100%);
		font-size: calc(25/750*100vw);
	}
	/*モーダルを閉じるボタンの指定*/
	.modal-container .modal-close{
		position: absolute;
		right: calc(-5 / 670 * 100%);
		top: 0;
		width: calc(79 / 670 * 100%);
		margin-top: calc(-35 / 670 * 100%);
		height: auto;
		cursor: pointer;
	}
	/*モーダル内のコンテンツの指定*/
	.modal-container .modal-content{
		/*background: #000000;*/
		/*border-radius: calc(40 / 750 * 100vw);*/
		position: relative;
		box-sizing: border-box;
		text-align: center;
		padding: calc(70 / 670 * 100%) 0;
		background: #ffffff;
		border-radius: calc(20 / 750 * 100vw);
	}

	.modal-content .txt01 {
		margin-bottom: calc(50 / 670 * 100%);
		font-size: calc(42 / 25 * 1em);
		font-weight: bold;
		line-height: calc(54 / 42);
		color: #00b29c;
	}
	.modal-content .txt02 {
		margin-bottom: calc(40 / 670 * 100%);
		font-size: calc(24 / 25 * 1em);
		line-height: calc(44 / 24);
	}
	.modal-content .img01 {
		margin-bottom: calc(50 / 670 * 100%);
	}
	.modal-content .link {
		text-align: center;
	}
	.modal-content .link a {
		padding-right: calc(45 / 670 * 100%);
		background:url("../../../../img/campaign/ttchance/202603/icon_blank.png") right center no-repeat;
		background-size: calc(31 / 750 * 100vw);
		font-size: calc(32 / 25 * 1em);
		font-weight: 600;
		color: #00b29c!important;
		text-decoration: underline;
	}

@media screen and (min-width: 801px) {

.modal-container .modal-body{
	width: calc(450/750*670px);
	font-size: calc(25 * calc(450 / 750)*1px);
}
.modal-content .link a {
	background-size: calc(450/750*31px);
}
.modal-container .modal-content{
	border-radius: 20px;
}

}