@charset "UTF-8";

#ht-guideCont{
	font-size: 1.4rem;
}
#ht-guideCont img{
	vertical-align: bottom;
}
#ht-guideContHdr,
#ht-guideContBox02{
	background-color:#EFEFE7;
}
#ht-guideContBox01 .Box{
	text-align:center;
}
#ht-guideContBox01 .BoxPcSp{
	text-align:center;
}
#ht-guideContBox03{
	background-color:#FFE0DD;
	margin-bottom: 20px;
	padding-top: 30px;
}
#ht-guideContBox04{
	background-color:#19A7A0;
}
#ht-guideContBox02 #ht-guideContList .mds{
	color: #19A7A0;
	font-weight:700;
	display: flex;
}
#ht-guideContBox02 #ht-guideContList .mdstxt{
	font-weight: 700 !important;
}

@media screen and (min-width:769px){
	.sp_br{
		display: none;
	}
	#ht-guideCont .onlyforSP{display:none !important;}

	#ht-guideContHdrBox{
		width: 1200px;
		margin: 20px auto 0;
		padding-top:40px;
		padding-bottom:10px;
	}
	#ht-guideContHdrBox .guideContHdrBoxTxt{
		width:750px;
		margin:40px auto;
	}
	#ht-guideContHdrBox .guideContHdrBoxTxt p{
		color:#033333;
		font-size:1.8rem;
		line-height:1.8;
	}
	#ht-guideContHdrBox .guideContHdrBoxTxt p span{
		color:#19A7A0;
		font-weight:700;
	}
	#ht-guideContBox01{
		width: 1200px;
		margin: 0 auto;
		padding-top:60px;
		padding-bottom:40px;
	}
	#ht-guideContBox02 > div{
		width: 1200px;
		margin: 0 auto;
	}
	#ht-guideContBox03 > div,
	#ht-guideContBox04 > div{
		width: 1200px;
		margin: 0 auto;
	}
	#ht-guideContBox05,
	#ht-guideContBox06{
		width: 1200px;
		margin: 0 auto;
	}
	#ht-guideContBox01 .BoxPcSp ul{
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#ht-guideContBox01 .BoxPcSp .mds{
		font-size: 3.2rem;
		line-height: 1.6;
		margin-right: 20px;
	}
	#ht-guideContBox01 .BoxPcSp .mds span {
		color:#FF6558;
		font-size:5rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox01 .point{
		position:relative;
	}
	#ht-guideContBox01 .point .point01icon,
	#ht-guideContBox01 .point .point02icon,
	#ht-guideContBox01 .point .point03icon{
		position: absolute;
		top: -20px;
		left: 150px;
		width: 130px;
	}
	#ht-guideContBox01 .point .pointBox{
		width: 900px;
		margin: 0 auto;
		text-align: center;
	}
	#ht-guideContBox01 .point .pointTxt{
		width: 820px;
		margin-left: 80px;
		border-radius: 8px;
		padding: 30px 100px;
		text-align: left;
	}
	#ht-guideContBox01 .point .pointTxt.point01{
		border: 2px solid #FF6558;
		margin-bottom: 50px;
		margin-top:50px;
	}
	#ht-guideContBox01 .point .pointTxt.point02{
		border: 2px solid #19A7A0;
		margin-bottom: 50px;
	}
	#ht-guideContBox01 .point .pointTxt.point03{
		border: 2px solid #ED517A;
		margin-bottom: 80px;
	}
	#ht-guideContBox01 .point .pointTxt .txtA{
		font-size: 2rem;
		padding-bottom: 20px;
	}
	#ht-guideContBox01 .point .pointTxt .txtB{
		font-size: 3rem;
	}
	#ht-guideContBox01 .point .pointTxt.point01 .txtB{
		color: #FF6558;
	}
	#ht-guideContBox01 .point .pointTxt.point02 .txtB{
		color: #19A7A0;
	}
	#ht-guideContBox01 .point .pointTxt.point03 .txtB{
		color: #ED517A;
	}
	#ht-guideContBox01 .point .pointTxt .txtB span.pc{
		font-weight:700;
	}
	#ht-guideContBox02{
		padding-top:40px;
	}
	#ht-guideContBox02 .text01,
	#ht-guideContBox02 .text02{
		background-color:#fff;
		padding:20px;
		text-align:center;
		font-size:2rem;
		line-height:2;
	}
	#ht-guideContBox02 .text03{
		background-color: #fff;
		text-align: center;
		line-height: 1.6;
		font-size: 1.8rem;
	}
	#ht-guideContBox02 .text03 .txtA{
		color:#ED517A;
		font-size:2rem;
		margin-bottom:10px;
	}
	#ht-guideContBox02 .text03 .txtB span{
		color:#ED517A;
		font-weight:700;
	}
	#ht-guideContBox02 .text03 .txtC{
		margin-top:10px;
		font-size:1.4rem;
	}
	#ht-guideContBox02 #ht-guideContList{
		background-color:#FFF;
		padding: 0 160px 50px;
		font-size:1.8rem;
		line-height:2;
		border-radius: 0 0 20px 20px;
	}
	#ht-guideContBox02 #ht-guideContList .mds .num{
		color: #fff;
		font-weight: 700;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		text-align: center;
		margin:5px 10px 0 -30px;
		background-color: #19A7A0;
		line-height: 1.5;
		font-size: 1.6rem;
	}
	#ht-guideContBox02 #ht-guideContList li.number{
		padding-bottom: 20px;
	}
	#ht-guideContBox02 #ht-guideContList ul.caution{
		font-size:1.4rem;
	}
	#ht-guideContBox02 #ht-guideContList ul.caution li{
		padding-left: 1em;
		text-indent: -1em;
	}
	#ht-guideContBox02 .pointMds,
	#ht-guideContBox03 .pointMds{
		background-color: #fff;
		border-radius: 20px 20px 0 0;
		margin-top:70px;
	}
	#ht-guideContBox02 .pointMdsTxt,
	#ht-guideContBox03 .pointMdsTxt{
		width:600px;
		margin:0 auto;
		padding:60px 0 40px;
		text-align:center;
		font-size: 3.6rem;
		line-height:1.4;
	}
	#ht-guideContBox02 .pointMds,
	#ht-guideContBox03 .pointMds{
		position:relative;
		margin-top: 100px;
	}
	#ht-guideContBox02 .pointMds .point01icon,
	#ht-guideContBox02 .pointMds .point02icon,
	#ht-guideContBox02 .pointMds .point03icon,
	#ht-guideContBox03 .pointMds .pointmore{
		position: absolute;
		top: -30px;
		left: 120px;
		width: 200px;
	}
	#ht-guideContBox02 .pointMdsTxt .point01txt span,
	#ht-guideContBox02 .pointMdsTxt .point02txt span,
	#ht-guideContBox02 .pointMdsTxt .point03txt span,
	#ht-guideContBox03 .pointMdsTxt .pointmore span{
		font-size: 5rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox02 .pointMdsTxt .point01txt span{
		color:#FF6558;
	}
	#ht-guideContBox02 .pointMdsTxt .point02txt span{
		color:#19A7A0;
	}
	#ht-guideContBox02 .pointMdsTxt .point03txt span{
		color:#ED517A;
	}
	#ht-guideContBox03 .mds{
		background-color:#fff;
		text-align: center;
		padding: 0 200px 20px;
	}
	#ht-guideContBox03 .txt04 {
		font-size: 2.8rem;
		color:#84534C;
		font-weight:700 !important;
		line-height:1.6;
		position: relative;
		display: inline-block;
		padding: 0 60px;
	}
	#ht-guideContBox03 .txt04:before,
	#ht-guideContBox03 .txt04:after{
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 15%;
		height: 3px;
		background-color: #84534C;
	}
	#ht-guideContBox03 .txt04:before {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		left:-30px;
	}
	#ht-guideContBox03 .txt04:after {
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		right: -30px;
	}
	#ht-guideContBox03 .txt04 .text span{
		color:#FF6558;
		font-size:3.2rem;
	}
	#ht-guideContBox03 .txt05{
		background-color: #fff;
		text-align: center;
		padding: 0 200px 20px;
		font-size:2.6rem;
		font-weight:700;
		color:#84534C;
		line-height:1.6;
	}
	#ht-guideContBox03 .txt05 span{
		color:#FF6558;
	}
	#ht-guideContBox03 .txt06{
		background-color: #fff;
		text-align: center;
		padding: 50px 20px 40px;
		font-size:2.6rem;
		line-height:1.8;
	}
	#ht-guideContBox03 .txt06 span{
		color: #FF6558;
		font-size: 3.2rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox03 .pointMdsTxt .pointmoretxt{
		font-size:2rem;
	}
	#ht-guideContBox03 .pointMdsTxt .pointmoretxt span{
		color:#FF6558;
		font-size: 5rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox04{
		padding:80px 0;
	}
	#ht-guideContBox04 .text{
		margin-top:70px;
		margin-bottom:30px;
		text-align:center;
		color:#fff;
		font-weight:700;
		font-size:2.2rem;
		line-height:2;
	}
	#ht-guideContBox04 .btn01 {
		width: 720px;
		margin: 0 auto;
	}
	#ht-guideContBox04 .btn01 a{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		background: #FCE879;
		max-width: 760px;
		height:80px;
		width: 100%;
		padding: 10px 20px;
		font-size: 2.6rem;
		font-weight: 700;
		border-radius: 10px;
		text-align: center;
		color: #19A7A0;
		position: relative;
		font-weight: bold;
		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;
	}
	#ht-guideContBox04 .btn01 a::after {
		background: url("../../../../contents/img/guide/aboutperiodic_renewal/arrow.svg") right 0 no-repeat;
		background-repeat: no-repeat;
		background-size: auto;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: 20px;
		width: 35px;
		height: 35px;
		content: "";
		display: inline-block;
	}
	#ht-guideContBox04 .btn01 a:hover{
		background: #fff;
		color: #19A7A0;
	}
	#ht-guideContBox05 {
		text-align: center;
		padding-top:70px;
		padding-bottom:50px;
	}
	#ht-guideContBox05 .GuideBtn a {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		-webkit-justify-content:center;
		justify-content:center;
		width:900px;
		height:190px;
		color:#333;
		border:1px solid #999;
		border-radius:10px;
		background:#fff;
		text-align:center;
		text-decoration:none;
		cursor:pointer;
		box-shadow:2px 2px 0 #d6d6d6;
		-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-guideContBox05 .GuideBtn a:hover {
		opacity:.4
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt .BtnTtl {
		font-size:3rem
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt .BtnTxt {
		font-size:2.4rem;
		padding-top:20px
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt::before {
		content:"";
		background-image:url(../../../../contents/img/guide/aboutperiodic_renewal/QandA.svg);
		background-size:contain;
		background-repeat:no-repeat;
		width:120px;
		height:120px;
		left:50px;
		top: 60px;
		position:absolute
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt::after {
		content:'';
		display:inline-block;
		width:34px;
		height:34px;
		border-radius:17px;
		background:url(../../../../contents/img/guide/aboutperiodic_renewal/icon_arrow.svg) center center no-repeat #999;
		background-size:auto;
		background-size:auto 16px;
		position:absolute;
		left:820px;
		top:75px
	}
	#ht-guideContBox06 .btnCat {
		margin-bottom:80px;
		font-size:0;
		display:flex
	}
	#ht-guideContBox06 .btnCat,
	#ht-guideContBox06 .btnCat {
		margin-top:50px;
		margin-bottom:100px;
		font-size:0;
		text-align:center
	}
	#ht-guideContBox06 .btnCat a {
		margin-right:12px;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease
	}
	#ht-guideContBox06 .btnCat a:last-child {
		margin-right:0
	}
	#ht-guideContBox06 .btnCat a:hover {
		opacity:.4
	}
	#ht-guideContBody .cautionScrn{
		font-size: 1.2rem;
		width: 1200px;
		margin: 0 auto;
		padding: 0 0 20px;
	}
}

@media screen and (max-width:768px){
	.pc_br{
		display: none;
	}
	#ht-guideContHdr,
	#ht-guideContBox01{
		padding:40px 0 0;
	}
	#ht-guideCont .onlyforPC{display:none !important;}

	#ht-guideContHdr{
		padding-top:40px;
	}
	#ht-guideContHdr .onlyforSP{
		padding:0 30px;
	}
	#ht-guideContHdr .onlyforSP img{
		width:100%;
	}
	#ht-guideContHdrBox .guideContHdrBoxTxt{
		padding: 0 20px 40px;
	}
	#ht-guideContHdrBox .guideContHdrBoxTxt p{
		color:#033333;
		font-size:1.4rem;
		line-height:1.6;
		margin:40px 20px 0;
	}
	#ht-guideContHdrBox .guideContHdrBoxTxt p span{
		color:#19A7A0;
		font-weight:700;
	}
	#ht-guideContBox01 .BoxPcSp .mds{
		font-size: 2rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	#ht-guideContBox01 .BoxPcSp .mds span {
		color:#FF6558;
		font-size:3rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox01 .point{
		position:relative;
	}
	#ht-guideContBox01 .point .point01icon,
	#ht-guideContBox01 .point .point02icon,
	#ht-guideContBox01 .point .point03icon{
		position: absolute;
		top: -20px;
		left: 20px;
		width: 60px;
	}
	#ht-guideContBox01 .point .pointBox{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#ht-guideContBox01 .point .pointTxt{
		width: calc(100% - 70px);
		border-radius: 8px;
		padding: 20px;
		text-align: left;
	}
	#ht-guideContBox01 .point .pointTxt.point01{
		border: 2px solid #FF6558;
		margin-left: 40px;
		margin-bottom:30px;
		margin-top:30px;
	}
	#ht-guideContBox01 .point .pointTxt.point02{
		border: 2px solid #19A7A0;
		margin-left: 40px;
		margin-bottom:30px;
	}
	#ht-guideContBox01 .point .pointTxt.point03{
		border: 2px solid #ED517A;
		margin-left: 40px;
		margin-bottom:60px;
	}
	#ht-guideContBox01 .point .pointTxt .txtA{
		font-size: 1.5rem;
		padding-bottom: 10px;
		text-align:center;
		margin-left: 7px;
	}
	#ht-guideContBox01 .point .pointTxt .txtB{
		font-size: 1.7rem;
		text-align:center;
		line-height:1.4;
	}
	#ht-guideContBox01 .point .pointTxt.point01 .txtB{
		color: #FF6558;
	}
	#ht-guideContBox01 .point .pointTxt.point02 .txtB{
		color: #19A7A0;
	}
	#ht-guideContBox01 .point .pointTxt.point03 .txtB{
		color: #ED517A;
	}
	#ht-guideContBox01 .point .pointTxt.point01 span.sp,
	#ht-guideContBox01 .point .pointTxt.point02 span.sp,
	#ht-guideContBox01 .point .pointTxt.point03 span.sp{
		font-size: 1.8rem;
		font-weight:700;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox01 .point .pointTxt.point01 span.sp{
		color: #FF6558;
	}
	#ht-guideContBox02 .point .pointTxt.point02 span.sp{
		color: #19A7A0;
	}
	#ht-guideContBox03 .point .pointTxt.point03 span.sp{
		color: #ED517A;
	}
	#ht-guideContBox02{
		padding-top: 1px;
	}
	#ht-guideContBox02 > div{
		margin:0 40px;
	}
	#ht-guideContBox02 .text03{
		background-color: #fff;
		text-align: center;
		line-height: 1.6;
		font-size: 1.6rem;
		padding: 0 15px;
	}
	#ht-guideContBox02 .text03 .txtA{
		color:#ED517A;
		font-size:1.6rem;
		margin-bottom:10px;
	}
	#ht-guideContBox02 .text03 .txtB,
	#ht-guideContBox02 .text03 .txtC{
		text-align:left;
	}
	#ht-guideContBox02 .text03 .txtB span{
		color:#ED517A;
		font-weight:700;
	}
	#ht-guideContBox02 .text03 .txtC{
		margin-top:10px;
		font-size:1.4rem;
	}
	#ht-guideContBox02 .text03 ul li{
		padding-left: 1em;
		text-indent: -1em;
	}
	#ht-guideContBox02 .onlyforSP img,
	#ht-guideContBox03 .onlyforSP img{
		width:100%;
	}
	#ht-guideContBox02 .pointMds,
	#ht-guideContBox03 .pointMds{
		background-color: #fff;
		border-radius: 8px 8px 0 0;
		margin-top:70px;
	}
	#ht-guideContBox02 .pointMdsTxt,
	#ht-guideContBox03 .pointMdsTxt{
		margin:0 auto;
		padding:50px 20px 20px;
		text-align:center;
		font-size: 1.8rem;
		line-height:1.4;
	}
	#ht-guideContBox02 .pointMds,
	#ht-guideContBox03 .pointMds{
		position:relative;
	}
	#ht-guideContBox02 .pointMds .point01icon,
	#ht-guideContBox02 .pointMds .point02icon,
	#ht-guideContBox02 .pointMds .point03icon,
	#ht-guideContBox03 .pointMds .pointmore{
		position: absolute;
		top: -30px;
		left: 20px;
		width: 80px;
	}
	#ht-guideContBox02 .pointMdsTxt .point01txt span,
	#ht-guideContBox02 .pointMdsTxt .point02txt span,
	#ht-guideContBox02 .pointMdsTxt .point03txt span,
	#ht-guideContBox03 .pointMdsTxt .pointmoretxt span{
		font-size: 2.4rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox02 .pointMdsTxt .point01txt span{
		color:#FF6558;
	}
	#ht-guideContBox02 .pointMdsTxt .point02txt span{
		color:#19A7A0;
	}
	#ht-guideContBox02 .pointMdsTxt .point03txt span{
		color:#ED517A;
	}
	#ht-guideContBox02 #ht-guideContList{
		background-color:#FFF;
		padding: 0 20px 20px 50px;
		font-size:1.4rem;
		line-height:1.6;
		border-radius: 0 0 8px 8px;
	}
	#ht-guideContBox02 #ht-guideContList .mdstxt{
		font-size: 1.6rem;
	}
	#ht-guideContBox02 #ht-guideContList .mds .num{
		color: #fff;
		font-weight: 700;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		text-align: center;
		margin: 3px 8px 0 -30px;
		background-color: #19A7A0;
		line-height: 1.5;
		font-size: 1.4rem;
	}
	#ht-guideContBox02 #ht-guideContList li.number{
		padding-bottom: 20px;
	}
	#ht-guideContBox02 #ht-guideContList ul.caution{
		font-size:1.4rem;
	}
	#ht-guideContBox02 #ht-guideContList ul.caution li{
		padding-left: 1em;
		text-indent: -1em;
	}
	#ht-guideContBox03{
		padding-top: 1px;
	}
	#ht-guideContBox03 > div,
	#ht-guideContBox04 > div{
		margin:0 40px;
	}
	#ht-guideContBox03 .mds{
		background-color:#fff;
		text-align: center;
		padding: 0 15px 20px;
	}
	#ht-guideContBox03 .txt04 {
		font-size: 1.4rem;
		color:#84534C;
		font-weight:700;
		line-height:1.6;
		position: relative;
		display: inline-block;
		padding:0 20px;
		margin:0 20px;
	}
	#ht-guideContBox03 .txt04:before,
	#ht-guideContBox03 .txt04:after{
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 20%;
		height: 2px;
		background-color: #84534C;
	}
	#ht-guideContBox03 .txt04:before {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		left:-30px;
	}
	#ht-guideContBox03 .txt04:after {
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		right: -30px;
	}
	#ht-guideContBox03 .txt04 .text span{
		color:#FF6558;
		font-size:1.5rem;
	}
	#ht-guideContBox03 .txt05{
		background-color: #fff;
		text-align: center;
		padding: 0 20px 20px;
		font-size:1.4rem;
		font-weight:700;
		color:#84534C;
		line-height:1.6;
	}
	#ht-guideContBox03 .txt05 span{
		color:#FF6558;
	}
	#ht-guideContBox03 .txt06{
		background-color: #fff;
		text-align: center;
		padding: 30px 20px 0;
		font-size:1.6rem;
		line-height:1.6;
	}
	#ht-guideContBox03 .txt06 span{
		color: #FF6558;
		font-size: 2.2rem;
		display: inline;
		background-position: left -100% center;
		padding-bottom: .9em;
		background-size: 200% .4em;
		background-repeat: repeat-x;
		background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,rgb(255,244,198) 50%);
	}
	#ht-guideContBox03 .pointMdsTxt .pointmoretxt span{
		color:#FF6558;
	}
	#ht-guideContBox04{
		padding:40px 0;
	}
	#ht-guideContBox04 .text{
		margin-top:40px;
		margin-bottom:30px;
		text-align:center;
		color:#fff;
		font-weight:700;
		font-size:1.6rem;
		line-height:1.4;
	}
	#ht-guideContBox04 .btn01 {
		margin: 0 auto;
	}
	#ht-guideContBox04 .btn01 a{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		background: #FCE879;
		max-width: 760px;
		height:60px;
		width: 100%;
		padding: 10px 20px;
		font-size: 1.6rem;
		font-weight: 700;
		border-radius: 8px;
		text-align: center;
		color: #19A7A0;
		position: relative;
		font-weight: bold;
		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;
	}
	#ht-guideContBox04 .btn01 a::after {
		background: url("../../../../contents/img/guide/aboutperiodic_renewal/arrow.svg") right 0 no-repeat;
		background-repeat: no-repeat;
		background-size: auto;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: 15px;
		width: 25px;
		height: 25px;
		content: "";
		display: inline-block;
	}
	#ht-guideContBox04 .btn01 a:hover{
		background: #fff;
		color: #19A7A0;
	}
	#ht-guideContBox05 {
		text-align: center;
		padding-top:30px;
		padding-bottom:50px;
	}
	#ht-guideContBox05 .GuideBtn a {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		-webkit-justify-content:center;
		justify-content:center;
		width:86%;
		height:100px;
		color:#333;
		border:1px solid #999;
		border-radius:10px;
		background:#fff;
		text-align:center;
		text-decoration:none;
		cursor:pointer;
		box-shadow:2px 2px 0 #d6d6d6;
		-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-guideContBox05 .GuideBtn a:hover {
		opacity:.4
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt .BtnTtl {
		font-size:1.6rem
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt::before {
		content:"";
		background-image:url(../../../../contents/img/guide/aboutperiodic_renewal/QandA.svg);
		background-size:contain;
		background-repeat:no-repeat;
		width:60px;
		height:60px;
		left:10px;
		top: 30px;
		position:absolute
	}
	#ht-guideContBox05 .GuideBtn .GuideBtnTxt::after {
		content:'';
		display:inline-block;
		width:20px;
		height:20px;
		border-radius:17px;
		background:url(../../../../contents/img/guide/aboutperiodic_renewal/icon_arrow.svg) center center no-repeat #999;
		background-size:auto;
		background-size:auto 11px;
		position:absolute;
		right:16px;
		top:40px
	}
	#ht-guideContBox05,
	#ht-guideContBox06{
		margin:0 40px;
	}
	#ht-guideContBox06 .btnCat{
		margin-bottom: 60px;
	}
	#ht-guideContBox06 .btnCat img {
		width:100%;
		margin-bottom:20px
	}
	#ht-guideContBody .cautionScrn{
		font-size: 1.2rem;
		padding: 0 40px 20px;
	}
}