@charset "utf-8";

html {
	overflow: auto;
}
body {
	overflow: hidden;
	min-width: 964px;
}

#txtList{ 
	display:none;
}
.sec-m .VB_3cols_a_2018 .col2-l {
	color: #333;
}

/*===================================================
	ブラウザハック
===================================================*/

	/*Chrome、Safariのみに適用*/
	@media screen and (-webkit-min-device-pixel-ratio:0){
		.tx-only-edge{
			display:none;
		}
		.tx-only-ff{
			display:none;
		}
		.tx-only-chrome{
			display:block;
		}
	}
	
	/*FireFoxにのみ適用*/
	@-moz-document url-prefix(){
		.tx-only-edge{
			display:none;
		}
		.tx-only-ff{
			display:block;
		}
		.tx-only-chrome{
			display:none;
		}
	}

	/*古いバージョンのEdgeに適用*/
	@supports (all:unset) {
		_:host-context(x)::-ms-clear, .tx-only-edge{
			display:block;
		}
		_:host-context(x)::-ms-clear, .tx-only-ff{
			display:none;
		}
		_:host-context(x)::-ms-clear, .tx-only-chrome{
			display:none;
		}

	}
	/*新しいバージョンのEdgeに適用*/
	@supports (aspect-ratio:1) {
		_:host-context(x)::-ms-clear, .tx-only-edge{
			display:block;
		}
		_:host-context(x)::-ms-clear, .tx-only-ff{
			display:none;
		}
		_:host-context(x)::-ms-clear, .tx-only-chrome{
			display:none;
		}
	}
/*===================================================
	How to
	===================================================*/
	#howto{height:950px;}

	/* ガイドテキスト */
	#howto .sptxtlist
	{
		position: relative;
		width: 100%;
	}
	#howto .sptxtlist .sptxt
	{
		position: absolute;
		top: 17px;
		width: 302px;
		height: 200px;
		line-height: 200px;
		color: #7e7e7e;
	}
	#howto .sptxtlist .sptxt.left
	{
		left: 20px;
		text-align: right;
	}
	#howto .sptxtlist .sptxt.right
	{
		right: 35px;
		text-align: left;
	}
	#howto .sptxtlist .sptxt > div
	{
		display: inline-block;
		line-height: 35px;
		vertical-align: middle;
		text-align: left;
		color: #333;
	}
	#howto .sptxtlist .sptxt .hashtag
	{
		display: inline-block;
		padding: 10px 0px;
/*	font-size: 36px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 50px;*/
}
#howto .sptxtlist .sptxt .notice
{
	font-size: 13px;
	line-height: 20px;
}

/* パソコン画面 */
#howto .pcbase
{
	width: 715px;
	height: 464px;
	padding: 35px 68px 83px;
	margin: 0px auto;
	background: url(/jp/forHome/trial/trialthanks/assets/images/2022/trialthanks_bg_pc.png) center top no-repeat;
}
#howto .pcbase .pcscreen
{
	width: 566px;
	height: 355px;
	overflow: hidden;
}
#howto .pcbase .pcviewlist
{
	width: 10000px;
	height: 355px;
}
#howto .pcbase .pcviewlist .pcview
{
	float: left;
	width: 566px;
	height: 355px;
}

/* STEPボタン */
.stepbtns
{
	display: inline-block;
	margin: 0px auto;
}
.stepbtns li
{
	float: left;
	width: 120px;
	height: 100px;
	margin-left: 14px;
}
.stepbtns li:first-child
{
	margin-left: 0px;
}

.btn.step a
{
	display: block;
	width: 126px;
	height: 46px;
	margin: 0px auto;
	background: url(/jp/forHome/trial/trialthanks/assets/images/2022/trialthanks_btn_step.png) no-repeat;
}
.btn.step.step1 a{background-position: -30px 0px;}
.btn.step.step2 a{background-position: -175px 0px;}
.btn.step.step3 a{background-position: -310px 0px;}
.btn.step.step4 a{background-position: -450px 0px;}
.btn.step.step5 a{background-position: -590px 0px;}
.btn.step.step6 a{background-position: -730px 0px;}
.btn.step.step7 a{background-position: 0px -118px;}
.btn.step.step8 a{background-position: -132px -118px;}
.btn.step.step9 a{background-position: -266px -117px;}
.btn.step.step10 a{background-position: -397px -117px;}
.btn.step.step11 a{background-position: -527px -117px;}
.btn.step.step12 a{background-position: -660px -117px;}
.btn.step.step13 a{background-position: -788px -117px;}
.btn.step.step14 a{background-position: -917px -117px;}
.btn.step.step15 a{background-position: -1046px -117px;}
.btn.step.step1.on a, .btn.step.step1 a:hover{background-position: -30px -55px;}
.btn.step.step2.on a, .btn.step.step2 a:hover{background-position: -175px -55px;}
.btn.step.step3.on a, .btn.step.step3 a:hover{background-position: -310px -55px;}
.btn.step.step4.on a, .btn.step.step4 a:hover{background-position: -450px -55px;}
.btn.step.step5.on a, .btn.step.step5 a:hover{background-position: -590px -55px;}
.btn.step.step6.on a, .btn.step.step6 a:hover{background-position: -730px -55px;}
.btn.step.step7.on a, .btn.step.step7 a:hover{background-position: 0px -173px;}
.btn.step.step8.on a, .btn.step.step8 a:hover{background-position: -132px -173px;}
.btn.step.step9.on a, .btn.step.step9 a:hover{background-position: -266px -172px;}
.btn.step.step10.on a, .btn.step.step10 a:hover{background-position: -398px -172px;}
.btn.step.step11.on a, .btn.step.step11 a:hover{background-position: -527px -172px;}
.btn.step.step12.on a, .btn.step.step12 a:hover{background-position: -660px -172px;}
.btn.step.step13.on a, .btn.step.step13 a:hover{background-position: -788px -172px;}
.btn.step.step14.on a, .btn.step.step14 a:hover{background-position: -917px -172px;}
.btn.step.step15.on a, .btn.step.step15 a:hover{background-position: -1046px -172px;}
.stepbtns .btn.step a + span
{
	display: inline-block;
	margin-top: 7px;
	font-size: 12px;
	color: #ccc;
}
.stepbtns .btn.step.on a + span, .stepbtns .btn.step a:hover + span
{
	color: #333;
}

/* 背景 */
.bg.white     {background:url(/jp/forHome/trial/trialthanks/assets/images/2022/trialthanks_main_bg.png) no-repeat;
	width: 100%;}

	/* 文字色 */
	.fcgray     {color: #333;}
	.fcsoftgray {color: #7e7e7e;}
	.fclightgray{color: #ccc;}
	.fcwhite    {color: #fff;}
	.fcgold     {color: #b99862;}
	.fcbrown    {color: #665544;}

	/* 書体・ウェイト */
	.serif{font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	.bold{font-weight: bold;}

	/* 字間・インデント */
	.tracking{letter-spacing: -0.1em;}
	.kerning {margin-right: -0.5em; margin-left: -0.5em;}
	.indent  {text-indent: -1em; margin-left: 1em;}

	/* テキストシャドウ */
	.txtshadow{text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}

	/* 幅100% */
	.inner_fff {
		background: #fff;
		position: fixed;
		width: 100%;
		top: 0;
	}
	.inner_center {
		width: 964px;
		margin: 0 auto;
		text-align: center;
	}
	.inner_center_02 {
		width: 1058px;
		margin: 0 auto;
		text-align: center;
	}
	.inner_slidecontent {
		width: 1330px;
		margin: 0 auto;
	}
	.lh25 {
		line-height: 25px;
	}