@charset "UTF-8";
#ht-beginner{
	font-size:1.8rem;
}
#ht-beginner #ht-beginnerTtl h1{
	position:relative;
	font-size:3.4rem;
	font-weight:700;
}
#ht-beginner #ht-beginnerTtl h1 p.ttl{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-align-items:center;
	align-items:center;
	position:relative;
	width:100%;
	margin:0 auto;
	padding: 0 30px 15px 60px;
	line-height: 1.4;
	font-weight: 700;
}
#ht-beginner #ht-beginnerTtl h1 p.ttl:before {
	content:"";
	background: url("../../img/guide/beginner/icon_beginner.svg") center center no-repeat;
	background-size:contain;
	background-repeat:no-repeat;
	width: 50px;
	height:50px;
	left: 0;
	position:absolute;
}
#ht-beginner .ht-balloon{
	background-color: #FFF3C1;
	border-radius: 20px;
	font-size:1.6rem;
	line-height: 1.6;
	padding: 2.2rem;
	position: relative;
	width: 450px;
	margin: 0 auto 10px;
}
#ht-beginner .ht-balloon:after {
	content: "";
	position: absolute;
	top: 100%;
	right: 120px;
	transform: translateX(-50%);
	background-color: #FFF3C1;
	width: 1.5rem;
	height: 1.5rem;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}
#ht-beginner .ht-pointMds01{
	background-color: rgba(255, 101, 88, 0.06);
	border-top:1px solid #ff6558;
	border-bottom:1px solid #ff6558;
	padding:50px;
	text-align:center;
}
#ht-beginner .ht-pointMds01 p{
	font-size:3.8rem;
	font-weight:700;
	color:#ff6558;
}
#ht-beginner .ht-pointMds01 p span{
	display: inline;
	background-position: left -100% center;
	padding-bottom: .9em;
	background-size: 200% .2em;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
}
#ht-beginner #ht-Point01 .ht-Point01Box{
	background-color:#fff;
	border:1px solid #ff6558;
	border-radius: 20px;
	padding:15px 15px 20px;
}
#ht-beginner #ht-Point01 .ht-Point01Box dt{
	font-size:2rem;
	font-weight:700;
	color: #ff6558;
	line-height:1.4;
	margin-bottom:10px;
	text-align:center;
}
#ht-beginner #ht-Point01 .ht-Point01Box dd{
	line-height:1.6;
	margin-bottom:20px;
	padding:0 18px;
	font-size:1.6rem;
}
#ht-beginner #ht-Point01 .ht-Point01Box p.icon{
	text-align:center;
	font-size:1.2rem;
	margin-bottom:5px;
}


#ht-beginner #ht-Point01 a{
	text-decoration: none;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#ht-beginner #ht-Point01 a:hover {
	opacity: .4;
}
#ht-beginner #ht-Point01 .ht-Point01Box p.link{
	text-align:right;
	font-size:1.5rem;
	font-weight:700;
}
#ht-beginner #ht-Point01 a:hover p.link span {
	opacity: 0.6;
	text-decoration: none;
	color:#ff6558;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#ht-beginner #ht-Point01 p.link span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	background: url("../../img/guide/beginner/icon_arrow.svg") left 0 no-repeat;
	background-size: auto;
	background-size: 12px auto;
	vertical-align: middle;
}
#ht-beginner #ht-Point01 a:hover p.link span:after {
	background: url("../../img/guide/beginner/icon_arrowOn.svg") left 0 no-repeat;
	background-size: auto;
	background-size: 12px auto;
}


#ht-beginner #ht-Point01 .ht-Point01Box .bld{
	font-weight:700;
}
#ht-beginner .ht-pointMds02{
	background-color: rgba(25, 167, 160, 0.06);
	border-top:1px solid #19a7a0;
	border-bottom:1px solid #19a7a0;
	padding:30px;
	text-align:center;
	line-height: 1.6;
}
#ht-beginner .ht-pointMds02 p span{
	display: inline;
	background-position: left -100% center;
	padding-bottom: .9em;
	background-size: 200% .2em;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	font-size:3.8rem;
	font-weight:700;
	color:#19a7a0;
}
#ht-beginner .ht-iconMds{
	text-align:center;
	margin:60px 0 40px;
}
#ht-beginner .ht-iconMds dt{
	font-size:2.4rem;
	font-weight:700;
	margin:15px;
}
#ht-beginner .ht-iconMds dd{
	color:#c6c6c6;
	font-size:1.5rem;
	font-weight:700;
}
#ht-beginner .ht-BoxList{
	margin:30px 0;
	padding-left: 60px;
}
#ht-beginner .ht-BoxList li{
	display: flex;
	padding-bottom: 15px;
}
#ht-beginner .ht-BoxList li p.num{
	width: 33px;
	height: 33px;
	text-align: center;
	border-radius: 50%;
	border: solid 3px #FF6557;
	font-size: 1.8rem;
	font-weight: 700;
	color: #FF6557;
	line-height: 27px;
	margin-bottom:10px;
	padding-left: 1px;
}
#ht-beginner .ht-BoxList li p.txt{
	font-size:1.6rem;
	line-height:1.6;
	margin-left:10px;
	padding-top: 3px;
	flex: 1;
}
#ht-beginner .ht-balloonPic02{
	text-align:center;
}
#ht-beginner .ht-balloonPic02 img{
	width: 120px;
	margin-left: 300px;
}
#ht-beginner .ht-GButton{
	margin:30px;
}
#ht-beginner .ht-GButton a {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-align-items:center;
	align-items:center;
	padding:30px;
	font-size:1.6rem;
	font-weight:700;
	width:350px;
	color:#333;
	border:1px solid #EBEBEB;
	background:#F7F7F7;
	text-decoration:none;
	-webkit-transition:background .2s ease,color .2s ease;
	-moz-transition:background .2s ease,color .2s ease;
	-o-transition:background .2s ease,color .2s ease;
	transition:background .2s ease,color .2s ease;
	margin:0 auto;
	position:relative;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease
}
#ht-beginner .ht-GButton a:after {
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	width: 11px;
	height: 11px;
	right: 15px;
	position:absolute;
	background-image:url("../../img/guide/beginner/icon_arrowBtn.svg");
}
#ht-beginner .ht-GButton a:hover {
	opacity:.4
}
#ht-beginner .ht-BoxBG{
	background-color:#f7f5f0;
	padding:30px 60px 80px;
	margin-top:100px;
}

#ht-beginner .ht-BoxCap p{
	line-height:2;
	padding-right:50px;
}
#ht-beginner .ht-contactA dt.ttl{
	font-size:2rem;
	font-weight:700;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ebebeb;
}
#ht-beginner .ht-contactA dd.ht-contactAbtn div{
	position:relative;
}
#ht-beginner .ht-contactA p.btn{
	padding:30px;
	background-color:#fff;
	border:1px solid #19a7a0;
	border-radius: 10px;
	font-size:1.8rem;
	font-weight:700;
	text-align:center;
}
#ht-beginner .ht-contactA p.btn span{
	vertical-align: middle;
}
#ht-beginner .ht-contactA p.btnA::before,
#ht-beginner .ht-contactD p.btnA::before {
	content:"";
	background-image:url("../../img/guide/beginner/icon_freedial.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	left:30px;
	top: 25px;
	position:absolute
}
#ht-beginner .ht-contactA p.btnA2::before {
	content:"";
	background-image:url("../../img/guide/beginner/icon_onlinecounseling.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	left:30px;
	top: 20px;
	position:absolute
}
#ht-beginner .ht-contactA p.btnA2{
	font-size:2.2rem;
}
#ht-beginner .ht-contactA p.btnA2::after{
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	width: 31px;
	height: 31px;
	top: 55px;
	right: 0px;
	position:absolute;
	background-image:url("../../img/guide/beginner/icon_arrowbgB.png");
}
#ht-beginner .ht-contactInfo span{
	padding: 6px;
	background-color: #4F4F4F;
	color: #fff;
	font-size: 1.6rem;
	margin-right:10px;
}
#ht-beginner .ht-contactA dd.obc{
	margin-top:50px;
}
#ht-beginner .ht-contactA .Caution{
	font-size:1.6rem;
}
#ht-beginner .ht-Mdstext{
	padding:10px 60px 50px;
	line-height:2;
}
#ht-beginner .ht-TrialInfo dt{
	background-color:#19a7a0;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:1.6rem;
	padding:10px;
	border:1px solid #19a7a0;
}
#ht-beginner .ht-TrialInfo dd{
	border:1px solid #19a7a0;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	padding:20px;
	text-align:center;
}
#ht-beginner .ht-TrialInfo dd img{
	width:80%;
}
#ht-beginner .ht-pointMds03{
	background-color: rgba(237, 81, 122, 0.05);
	border-top:1px solid #ed517a;
	border-bottom:1px solid #ed517a;
	padding:30px;
	text-align:center;
	line-height: 1.6;
}
#ht-beginner .ht-pointMds03 p span{
	display: inline;
	background-position: left -100% center;
	padding-bottom: .9em;
	background-size: 200% .2em;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	font-size:3.8rem;
	font-weight:700;
	color:#ed517a;
}
#ht-beginner .ht-contactB dt.ttl{
	font-size:2rem;
	font-weight:700;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ebebeb;
}
#ht-beginner .ht-contactB dd.txt{
	line-height:1.6;
	margin-bottom:20px;
}
#ht-beginner .ht-contactB dd.ht-contactBbtn div{
	position:relative;
}
#ht-beginner .ht-contactA a,
#ht-beginner .ht-contactB a,
#ht-beginner .ht-contactD a{
	text-decoration: none;
	-webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
#ht-beginner .ht-contactA a:hover,
#ht-beginner .ht-contactB a:hover,
#ht-beginner .ht-contactD a:hover{
	text-decoration: none;
	opacity: .4;
}
#ht-beginner .ht-contactB p.btn,
#ht-beginner .ht-contactD p.btn{
	padding:30px;
	background-color:#fff;
	border:1px solid #19a7a0;
	border-radius: 10px;
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
}
#ht-beginner .ht-contactB p.btnB::before {
	content:"";
	background-image:url("../../img/guide/beginner/icon_guide.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width: 60px;
	height: 60px;
	left: 30px;
	top: 10px;
	position:absolute
}
#ht-beginner .ht-contactB p.btnC::before {
	content:"";
	background-image:url("../../img/guide/beginner/icon_qanda.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width: 60px;
	height: 60px;
	left: 30px;
	top: 15px;
	position:absolute
}
#ht-beginner .ht-contactB p.btnB::after,
#ht-beginner .ht-contactB p.btnC::after{
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	width: 11px;
	height: 11px;
	top: 35px;
	right: 15px;
	position:absolute;
	background-image:url("../../img/guide/beginner/icon_arrowBtn.svg");
}
#ht-beginner .ht-ContactDmds{
	text-align: center;
	margin-top:40px;
}
#ht-beginner .ht-ContactDtxt{
	color:#825046;
	font-weight:700;
	font-size:2rem;
	line-height:1.6;
	text-align:center;
}
#ht-beginner .ht-ContactDtxt{
	padding-left: 100px;
	background: url("../../img/guide/beginner/icon_contact.svg")no-repeat;
	display: inline-block;
	height: 80px;
}
#ht-beginner .ht-contactD dt.ttl{
	font-size:2rem;
	font-weight:700;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-top:50px;
	border-bottom:1px solid #ebebeb;
}
#ht-beginner .ht-contactD dd.ht-contactDbtn div{
	position:relative;
}
#ht-beginner .ht-contactD p.btn span{
vertical-align: middle;
}
#ht-beginner .ht-contactD p.btnD::before {
	content:"";
	background-image:url("../../img/guide/beginner/icon_mail.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	left:30px;
	top: 22px;
	position:absolute
}
#ht-beginner .ht-contactInfo span{
	padding: 6px;
	background-color: #4F4F4F;
	color: #fff;
	font-size: 1.6rem;
}
#ht-beginner .ht-contactD .Caution{
	font-size:1.6rem;
}
#ht-beginner .ht-contactD p.btn span:nth-child(1){
	font-size:1.8rem;
}
#ht-beginner .ht-contactD p.btnD::after{
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	width: 31px;
	height: 31px;
	top: 55px;
	right: 0px;
	position:absolute;
	background-image:url("../../img/guide/beginner/icon_arrowbgA.png");
}
#ht-beginner #ht-BrandBox p.txt{
	font-size:1.4rem;
	line-height:1.6;
	margin:20px 0;
}
#ht-beginner #ht-BrandBox ul li{
	padding: 15px;
	border: 1px solid #ccc;
}

@media screen and (min-width:769px){
	.sp_br{
		display: none;
	}
	.onlyforPC{display:block !important;}
	.onlyforSP{display:none !important;}
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
	#ht-beginner #ht-beginnerCont{
		width:1200px;
		margin:70px auto 0;
	}
	#ht-beginner #ht-beginnerContBox01{
		margin-top:30px;
		display: grid;
		grid-template-columns: 600px auto;
		grid-template-rows: auto;
	}
	#ht-beginner #ht-beginnerContBox01 img{
		margin-left: 380px;
		width: 120px;
	}
	#ht-beginner .ht-pointMds01{
		position: relative;
		margin-top: 60px;
	}
	#ht-beginner .ht-pointMds02,
	#ht-beginner .ht-pointMds03{
		position: relative;
		margin-top: 140px;
	}
	#ht-beginner .ht-pointMds01 .ht-point01icon,
	#ht-beginner .ht-pointMds02 .ht-point02icon,
	#ht-beginner .ht-pointMds03 .ht-point03icon{
		position: absolute;
		top: -30px;
		left: 250px;
		width: 200px;
	}
	#ht-beginner #ht-Point01 p.pic{
		padding-left: 20px;
		padding-top: 40px;
	}
	#ht-beginner #ht-Point01{
		background-color:#f7f5f0;
		padding:60px 80px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
		column-gap: 10px;
		row-gap: 15px;
	}
	#ht-beginner .ht-BoxCap{
		margin-top:30px;
		margin-bottom:50px;
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: auto;
	}
	#ht-beginner .ht-contactA dd.ht-contactAbtn{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		column-gap: 20px;
		margin-bottom:20px;
	}
	#ht-beginner .ht-contactA p.btn span:nth-child(3){
		font-size:3rem;
	}
	#ht-beginner .ht-TrialInfo{
		width:640px;
		margin:0 auto 50px;
	}
	#ht-beginner .ht-contactBbtnBox{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		column-gap: 60px;
		margin:90px 60px;
	}
	#ht-beginner .ht-contactD p.btn span:nth-child(3){
		font-size:3rem;
	}
	#ht-beginner .ht-contactD dd.ht-contactDbtn{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		column-gap: 20px;
		margin-bottom:20px;
	}
	#ht-beginner .ht-contactD .ht-contactInfo span:nth-child(4){
		margin-left:80px;
	}
	#ht-BrandBox{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 50px auto 100px;
	}
	#ht-BrandBox ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	#ht-BrandBox ul li{
		display: block;
		width: 30.83333333333333%;
		margin-right: 3.75%;
	}
	#ht-BrandBox ul li:nth-child(3) {
		margin-right: 0;
	}
	#ht-BrandBox ul.ht-BrandInBox02{
		margin-top: 50px;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.flexContainer {
		display: -wekit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 150px auto 0;
		max-width: 1200px;
		width: 100%;
	}
	.mainTTL:first-child{
		padding-top: 0;
	}
	.flexContainer .flexInner {
		width: calc((100% - 50px) / 2);
	}
	.flexContainer .flexInner > .mainTTL:first-child {
		padding-top: 0;
	}
	.smallTTLL{
		display: block;
		width: 100%;
		max-width: 1200px;
		padding: 0 0 40px;
		margin: 0 auto;
		font-size: 2.2rem;
		line-height: 1.6;
		font-weight: 700;
	}
	.fontBold {
		font-weight: bold;
	}
	.fontM {
		font-size: 1.6rem !important;
		line-height: 1.7;
	}
	.fontS {
		font-size: 1.4rem !important;
		line-height: 1.7;
	}
	.btnContainer {
		margin: 50px auto 0;
		width: 400px;
	}
}

@media screen and (max-width:768px){
	#ht-beginner{
		font-size:1.6rem;
		line-height:1.4;
	}
	.pc_br{
		display: none;
	}
	.onlyforPC{display:none !important;}
	.onlyforSP{display:block !important;}
	#ht-beginner .onlyforPC{display:none !important;}
	#ht-beginner .onlyforSP img{
		width:100%;
	}
	#ht-beginner #ht-beginnerTtl h1{
		font-size:2.2rem;
		margin:20px;
	}
	#ht-beginner #ht-beginnerTtl h1 p.ttl{
		padding: 40px;
	}
	#ht-beginner #ht-beginnerTtl h1 p.ttl:before {
		width: 32px;
		height:32px;
	}
	#ht-beginner #ht-beginnerContBox01 .ttlTxt{
		margin-left:20px;
		margin-right:20px;
		font-size: 1.8rem;
	}
	#ht-beginner .ht-balloonBox{
		margin-left:20px;
		margin-right:20px;
	}
	#ht-beginner .ht-balloon{
		margin-top:30px;
		width: 100%;
	}
	#ht-beginner .ht-balloonPic{
		text-align:right;
	}
	#ht-beginner .ht-balloonPic img{
		width:120px;
		margin-right:20px;
	}
	#ht-beginner .ht-pointMds01,
	#ht-beginner .ht-pointMds02,
	#ht-beginner .ht-pointMds03{
		position: relative;
		margin-top: 50px;
	}
	#ht-beginner .ht-pointMds01 .ht-point01icon,
	#ht-beginner .ht-pointMds02 .ht-point02icon,
	#ht-beginner .ht-pointMds03 .ht-point03icon{
		position: absolute;
		top: -30px;
		left: 10px;
		width: 80px;
	}
	#ht-beginner .ht-pointMds01 p{
		font-size:3.2rem;
	}
	#ht-beginner .ht-pointMds01{
		padding: 40px;
	}
	#ht-beginner #ht-Point01{
		background-color:#f7f5f0;
		padding:40px 20px;
		margin-bottom: 120px;
	}
	#ht-beginner #ht-Point01 .ht-Point01Box{
		margin-bottom:10px;
	}
	#ht-beginner #ht-Point01 .ht-Point01Box{
		display: grid;
	grid-template-columns: 100px auto;
		grid-template-rows: auto;
	}
	#ht-beginner #ht-Point01 .ht-Point01Box p.icon{
		margin-right:20px;
	}
	#ht-beginner #ht-Point01 .ht-Point01Box p.link{
		font-size:1.4rem !important;
	}
	#ht-beginner #ht-Point01 .ht-Point01Box dt{
		margin-bottom:10px;
		text-align:left;
	}
	#ht-beginner #ht-Point01 .ht-Point01Box dd{
		padding:0;
		margin-bottom:10px;
	}
	#ht-beginner #ht-Point01 p.pic{
		text-align:center;
		margin-top:30px;
	}
	#ht-beginner #ht-Point01 p.pic img{
		width:110%;
	}
	#ht-beginner .ht-iconMds{
		margin: 40px 0 30px;
	}
	#ht-beginner .ht-iconMds dt{
		font-size: 2.4rem;
	}
	#ht-beginner .ht-iconMds dd{
		font-size:1.4rem;
	}
	#ht-beginner .ht-BoxList {
		margin: 30px 20px;
		padding-left:0;
	}
	#ht-beginner .ht-balloonPic02 img{
		margin-left: 0;
	}
	#ht-beginner .ht-GButton{
		margin: 0 20px 60px;
	}
	#ht-beginner .ht-GButton a{
		padding: 20px;
		font-size: 1.8rem;
	}
	#ht-beginner .ht-Gline{
		border-top:1px solid #19a7a0;
		border-bottom:1px solid #19a7a0;
		margin-bottom:80px;
	}
	#ht-beginner .ht-BoxBG{
		background-color:#f7f5f0;
		padding:30px 20px 50px;
		margin-top:0;
	}
	#ht-beginner .ht-BoxCap p{
		line-height: 1.6;
		padding-right: 0;
	}
	#ht-beginner .ht-BoxCap figure{
		text-align:center;
		margin:40px auto;
	}
	#ht-beginner .ht-contactA p.btn{
		padding:12px;
		text-align:left;
		padding-left:80px;
		font-size: 1.6rem;
		margin-bottom:10px;
		height: 76px;
	}
	#ht-beginner .ht-contactA p.btnA::before,
	#ht-beginner .ht-contactD p.btnA::before{
		left: 20px;
		width: 35px;
		height: 35px;
		top: 20px;
	}
	#ht-beginner .ht-contactInfo span{
		padding: 6px;
		background-color: #4F4F4F;
		color: #fff;
		font-size: 1.3rem;
		line-height: 2.8;
	}
	#ht-beginner .ht-contactA p.btnA2::before {
		width: 40px;
		height: 40px;
		left: 25px;
		top: 19px;
	}
	#ht-beginner .ht-contactAbtn.obc p.btn{
		padding-top:15px;
		padding-bottom:15px;
	}
	#ht-beginner .ht-contactA p.btnA2::after{
		top: 47px;
	}
	#ht-beginner .ht-contactA .ht-contactAbtnp.btnA::after{
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 31px;
		height: 31px;
		top: 55px;
		right: 0px;
		position:absolute;
		background-image:url("../../img/guide/beginner/icon_arrowbgB.png");
	}
	#ht-beginner .ht-contactA .iconforSP::after,
	#ht-beginner .ht-contactD .iconforSP::after{
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 31px;
		height: 31px;
		top: 47px;
		right: 0px;
		position:absolute;
		background-image:url("../../img/guide/beginner/icon_telephone.png");
	}
	#ht-beginner .ht-contactD .iconforSP::after{
		top: 45px;
	}
	#ht-beginner .ht-contactA .Caution{
		font-size:1.4rem;
	}
	#ht-beginner .ht-Mdstext{
		padding:0 20px;
		line-height:1.6;
		margin-bottom:30px;
	}
	#ht-beginner .ht-TrialInfo{
		margin:0 20px 60px;;
	}
	#ht-beginner .ht-TrialInfo dt{
		font-size:1.4rem;
	}
	#ht-beginner .ht-TrialInfo dd img{
		width:100%;
	}
	#ht-beginner .ht-GButton a{
		width:100%;
	}
	#ht-beginner .ht-pointMds03{
		margin-top:120px;
	}
	#ht-beginner .ht-contactBbtnBox{
		margin:50px 20px;
	}
	#ht-beginner .ht-contactB p.btn,
	#ht-beginner .ht-contactD p.btn{
		padding:20px 20px 20px 80px;
		font-size:1.6rem;
	}
	#ht-beginner .ht-contactB p.btnB::before{
		width: 50px;
		height: 50px;
		left: 20px;
		top: 10px;
	}
	#ht-beginner .ht-contactB p.btnC::before {
		width: 50px;
		height: 50px;
		left: 20px;
		top: 13px;
	}
	#ht-beginner .ht-contactB p.btnB::after,
	#ht-beginner .ht-contactB p.btnC::after{
		top: 30px;
	}
	#ht-beginner .ht-contactB p.btn{
		text-align:left;
	}
	#ht-beginner .ht-contactB{
		margin-bottom:50px;
	}
	#ht-beginner .ht-ContactDtxt{
		padding-top: 100px;
		background: url("../../img/guide/beginner/icon_contact.svg")no-repeat center top;
		padding-left: 0;
		text-align:center;
		font-size:1.8rem;
	}
	#ht-beginner .ht-contactD p.btnD::before{
		left:20px;
		top: 16px;
	}
	#ht-beginner .ht-contactB p.btn{
		text-align:left;
		padding:25px 20px 25px 80px;
	}
	#ht-beginner .ht-contactD p.btnD::after{
		top: 45px;
	}
	#ht-beginner .ht-contactD p.btn span:nth-child(1){
		font-size:1.6rem;
	}
	#ht-beginner .ht-contactD p.btn{
		padding:25px 20px 25px 70px;
		text-align:left;
	}
	#ht-beginner .ht-contactD .btnforSP p.btn{
		padding:12px 12px 12px 70px;
		text-align:left;
	}
	#ht-beginner .ht-contactD dd.ht-contactDbtn div{
		margin-bottom:10px;
	}
	#ht-BrandBox{
		margin-top: 50px;
	}
	#ht-BrandBox ul li{
		margin-bottom: 20px;
	}
	.smallTTLL{
		display: block;
		width: 100%;
		padding: 80px 0 30px;
		margin: 0 auto;
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: 700;
	}
	.fontBold {
		font-weight: bold;
	}
	.fontM {
		font-size: 1.5rem !important;
		line-height: 1.6;
	}
	.fontS {
		font-size: 1.4rem !important;
		line-height: 1.6;
	}
	.ht-beginnerOldforSp{
		margin:0 20px 30px;
	}
	.flexContainer .flexInner + .flexInner {
		margin-top: 30px;
	}
	.btnContainer {
		margin: 30px 20px 0;
		width: calc(100% - 40px);
	}
	#ht-BrandBox{
		margin-top: 50px;
	}
	#ht-BrandBox ul li{
		margin-bottom: 20px;
	}
	#ht-BrandBox ul li{
		padding: 15px;
		border: 1px solid #ccc;
	}
	#ht-BrandBox p.txt{
		font-size:1.4rem;
		line-height:1.6;
		margin:20px 0;
	}
}