@charset "Shift_JIS";
/*@charset "UTF-8";*/

/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
body {}
/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-tb,.only-sp,.no-pc { display: none !important;}
.no-tb {}
.no-sp {}
/* tb
---------------------------------------------------------- */
@media screen and (max-width: 1024px) {
.only-pc,
.no-tb    { display: none !important;}
.only-tb,
.no-pc    { display: block !important;}
img.only-tb,
img.no-pc { display: inline-block !important;}
}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.only-pc,
.no-sp,   
.only-tb,
img.only-tb  { display: none !important;}
.only-sp,
.no-pc,
.no-tb     { display: block !important;}
img.only-sp,
img.no-pc,
img.no-tb  { display: inline-block !important;}
}
/* header
---------------------------------------------------------- */
.sthelp .header{
	background: #fff;
	min-height: 52px;
	border-bottom: 1px solid #f2f2f2;
	text-align: left;
	display: flex;
	align-items: center;
}
	.sthelp .header-in{
		width: 950px;
		margin: 0 auto;
		display: flex;
	}
		.sthelp .header-in a{
			display: inline-flex;
			align-items: center;
		}

/* banner
---------------------------------------------------------- */
.sthelp.section-bnr-01{
	background: #f6f6f6 url(/share/doc/auto/sthelp/img/bg_bnr_01.gif) repeat-x;
}
	.sthelp .section-bnr-in{
		width: 950px;
		margin: 0 auto;
	}

@media screen and (max-width: 768px) {
	.sthelp .section-bnr-in{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.sthelp .section-bnr-in img{
		max-width: 100%;
		height: auto;
	}	
}
.sthelp.section-bnr-02 {
  width: 950px;
  margin: 0 auto;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .sthelp.section-bnr-02 {
    width: 100%;
  }
}
  .sthelp.section-bnr-02 .section-bnr-in {
    padding: 50px 0;
    text-align: center;
    font-size: 39px;
    font-weight: bold;
    color: #f33926;
}
  @media screen and (max-width: 768px) {
    .sthelp.section-bnr-02 .section-bnr-in {
      padding: 25px 0;
      font-size: 112.5%;
    }
  }

/* section-cmn-01
---------------------------------------------------------- */
.sthelp .contents{
	width: 950px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.sthelp .contents{
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
}

/* box-cmn-01
---------------------------------------------------------- */
	.sthelp .contents .box-cmn-01{
		padding-top: 31px;
		padding-bottom: 24px;
	}
	@media screen and (max-width: 768px) {
		.sthelp .contents .box-cmn-01{
			margin: 0 auto;
			padding-top: 0;
			padding-bottom: 12px;
			max-width: 500px;
		}
	}

	.sthelp .contents .box-cmn-01::after{
		content: " ";
		width: 100%;
		display: table;
	}
/* box-cmn-02
---------------------------------------------------------- */
	.sthelp .box-cmn-02{

	}
		.sthelp .box-cmn-02 .box-arrow-01{
			height: 52px;
			position: relative;
		}
		@media screen and (max-width: 768px) {
			.sthelp .box-cmn-02 .box-arrow-01{
				height: 38px;
			}
		}

		.sthelp .box-cmn-02 .box-contents-01{

		}
		.sthelp .box-cmn-02 .box-contents-02{

		}
	.sthelp .box-cmn-02 .txt-01{
		width: 950px;
		min-height: 176px;
		position: relative;
		margin-bottom: 34px;
		background: #fff;
		text-align: left;
		padding: 28px 28px 0;
		border-radius: 0 0 5px 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .txt-01{
			width: 100%;
			padding: 16px 18px 21px;
			min-height: auto;
			margin-bottom: 45px;
			text-align: center;
		}
	}

	.sthelp .box-cmn-02 .box-step-02 > .txt-01{
		min-height: 150px;
	}
/* box-cmn-03
---------------------------------------------------------- */
.sthelp .box-cmn-03{
	position: relative;
}
.sthelp .box-cmn-03.box-step-01{
	margin-bottom: 71px;
}
.sthelp .box-cmn-03.box-step-02,
	.sthelp .box-cmn-03.box-step-03{
	margin-bottom: 72px;
}
.sthelp .box-cmn-03.box-step-04{
	margin-bottom: 51px;
}
	.sthelp .box-cmn-03.box-step-01::after,
	.sthelp .box-cmn-03.box-step-02::after,
	.sthelp .box-cmn-03.box-step-03::after{
		width: 94px;
		height: 30px;
		content: " ";
		background: url(/share/doc/auto/sthelp/img/bg_arrow_01_pc.png) no-repeat;
		position: absolute;
		z-index: 100;
		left: 50%;
		margin-left: -47px;
		margin-top: -14px;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-03.box-step-01::after,
		.sthelp .box-cmn-03.box-step-02::after,
		.sthelp .box-cmn-03.box-step-03::after{
			width: 70px;
			height: 23px;
			content: " ";
			background: url(/share/doc/auto/sthelp/img/bg_arrow_01_sp.png) no-repeat;
			background-size: 70px 23px;
			margin-left: -35px;
			margin-top: -32px;
		}
	}

.box-cmn-03.box-step-02::after{
	margin-top: -13px;
}
.box-cmn-03.box-step-03::after{
	margin-top: -13px;
}
/* box-img-01
---------------------------------------------------------- */
.sthelp .box-cmn-03 .box-img-01{
	display: inline-block;
	float: left;
	position: relative;
	z-index: 200;
}

@media screen and (max-width: 768px) {
	.sthelp .box-cmn-03 .box-img-01{
		float: none;
	}
	.sthelp .box-cmn-03 .box-img-01 img{
		max-width: 100%;
		height: auto;
		margin: 4px auto 14px;
	}	
}


/* box-txt-01
---------------------------------------------------------- */
.sthelp .box-cmn-03 .box-txt-01{
	display: inline-block;
	float: right;
	width: 417px;
}
@media screen and (max-width: 768px) {
	.sthelp .box-cmn-03 .box-txt-01{
		display: inline-block;
		float: none;
		width: 100%;
		text-align: left;
	}
}

/* box-faq-02
---------------------------------------------------------- */
.sthelp .box-faq-02{
	margin-bottom: 40px;
	background: url("/share/doc/auto/sthelp/img/bg_box_faq_mdl.gif") repeat-y 0 56px;
	text-align: left;
}

.sthelp .box-faq-02 .title{
	padding: 0 20px 10px;
	background: url("/share/doc/auto/sthelp/img/bg_box_faq_title_btm.gif") no-repeat 0 100%;
	font-size: 12px;
}

.sthelp .box-faq-02 .title h2{
	margin: 0 -20px 0px;
	padding: 10px 20px 10px;
	background: url("/share/doc/auto/sthelp/img/bg_box_faq_title_top.gif") no-repeat 0 0;
}

.sthelp .box-faq-02-inner{
	padding: 1px 20px 23px;
	background: url("/share/doc/auto/sthelp/img/bg_box_faq_02_btm.gif") no-repeat 0 100%;
}

.sthelp .box-faq-02 .list-faq-01{
	margin: 5px 0 0 0;
}

.sthelp .box-faq-02 .list-faq-01 li{
	margin-bottom: -1px;
	padding-left: 20px;
	background: url("/share/doc/auto/sthelp/img/ico_q_01.gif") no-repeat 0;
	line-height: 1.5;
}
.sthelp .box-faq-02 .list-faq-01 li a{
	font-size: 14px;
	color: #00c;
	text-decoration: underline;
}
/* Title
---------------------------------------------------------- */
.sthelp .box-cmn-01 .ttl-01{
	min-height: 45px;
	padding: 12px 54px 30px;
	background: url(/share/doc/auto/sthelp/img/ico_correct_01_pc.png) no-repeat;
	text-align: left;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.sthelp .box-cmn-01 .ttl-01{
		padding: 9px 7px 10px 35px;
		line-height: 1.45;
		background: url(/share/doc/auto/sthelp/img/ico_correct_01_sp.png) 0px 17px no-repeat;
		background-size: 29px 28px;
		text-align: left;
		font-weight: bold;
		font-size: 16px;
	}
}
	
	.sthelp .box-cmn-02 .ttl-02{
		width: 950px;
		min-height: 49px;
		background: #2636aa;
		text-align: left;
		color: #fff;
		border-radius: 5px 5px 0px 0px;
		position: relative;
		font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .ttl-02{
			width: 100%;
			min-height: 39px;
		}
	}

	.sthelp .box-cmn-02 .ttl-02 span{
		display: inline-block;
		width: 29px;
		height: 29px;
		background: url(/share/doc/auto/sthelp/img/ico_circle_01.png) center top no-repeat;
		color: #2636aa;
		font-size: 18px;
		position: absolute;
		text-align: center;
		left: 11px;
		top: 10px;
		line-height: 1.8;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .ttl-02 span{
			display: inline-block;
			width: 26px;
			height: 26px;
			background-size: 26px 26px;
			font-size: 18px;
			position: absolute;
			left: 20px;
			top: 7px;
			line-height: 1.6;
		}
	}

	.sthelp .box-cmn-02 .ttl-02.type-01{
		color: #fff;
		font-size: 22px;
		padding-left: 21px;
		padding-top: 9px;
		background-image: none;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .ttl-02.type-01{
			font-size: 20px;
			padding-left: 21px;
			padding-top: 5px;
			background-image: none;
		}
	}

	.sthelp .box-cmn-02 .ttl-02.type-02{
    color: #2bafa3;
    font-size: 24px;
    min-height: 23px;
    background: url(/share/doc/auto/sthelp/img/ico_pencil_01.png) left 7px no-repeat;
    padding-left: 32px;
    margin-bottom: 23px;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .ttl-02.type-02{
			color: #2bafa3;
			font-size: 20px;
			min-height: 23px;
			background: url(/share/doc/auto/sthelp/img/ico_pencil_01_sp.png) left 5px no-repeat;
			background-size: 19px 19px;
			padding-left: 22px;
			margin-bottom: 6px;
		}
	}

	.sthelp .box-cmn-02 .ttl-02.type-03{
		color: #fff;
		font-size: 22px;
		padding-left: 48px;
    padding-top: 8px;
    letter-spacing: -0.03em;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .ttl-02.type-03{
			color: #fff;
			font-size: 20px;
			padding-left: 51px;
			padding-top: 5px;
			letter-spacing: -0.03em;
			min-height: 40px;
		}
	}

	.sthelp .box-cmn-03 .btn-02 .ttl-03{
		font-size: 17px;
		color: #e25403;
		padding: 6px 0 0 26px;
		background: url(/share/doc/auto/sthelp/img/ico_correct_02.png) no-repeat left center;
		background-size: 24px 23px;
		font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-03 .btn-02 .ttl-03{
			font-size: 16px;
			background-size: 21px 20px;
			padding: 5px 0 0 22px;
		}
	}

/* Text
---------------------------------------------------------- */
	.sthelp .box-cmn-02 .txt-01 p{
		color: #000000;
		font-size: 16px;
		font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-02 .txt-01 p{
			line-height: 1.45;
			text-align: left;
		}
	}

	.sthelp .box-cmn-02 .txt-01 p span,
		.sthelp .box-cmn-03 .box-txt-01 > p span{
			color: #e25403;
		}
		.sthelp .box-cmn-03 .box-txt-01 > p{
			padding-bottom: 14px;
		}
		@media screen and (max-width: 768px) {
			.sthelp .box-cmn-03 .box-txt-01 > p{
				padding-bottom: 0px;
				line-height: 1.4;
			}
		}

		.sthelp .box-cmn-03 .box-txt-01 > p:nth-child(2){
			line-height: 1.7;
		}
		@media screen and (max-width: 768px) {
				.sthelp .box-cmn-03 .box-txt-01 > p:nth-child(2){
					line-height: 1.5;
				}
		}

	.sthelp .box-cmn-03 .btn-02 .txt-02{
		font-size: 14px;
		padding: 8px 0 0;
		font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-03 .btn-02 .txt-02{
			font-size: 12px;
			padding: 4px 0 0;
			font-weight: bold;
		}
	}

	.sthelp .box-cmn-03 .btn-02 .btn-05{
		margin-top: 1em;
		text-align: center;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-03 .btn-02 .btn-05 img{
			max-width: 100%;
		}
	}

		.sthelp .box-cmn-03 .btn-02 .txt-02 span{
			color: #e25403;
		}
/* Link
---------------------------------------------------------- */
.sthelp{
	
}
/* Image
---------------------------------------------------------- */
.sthelp .box-cmn-03 .img-step-01{
	margin-left: -10px;
	margin-top: -14px;
}
.sthelp .box-cmn-03 .img-step-02,
.sthelp .box-cmn-03 .img-step-03,
.sthelp .box-cmn-03 .img-step-04{
	margin-top: -13px;
	margin-left: -10px;
}

/* Button
---------------------------------------------------------- */
.sthelp .btn-checkbox-01{
	display: inline-block;
	width: 465px;
	height: 107px;
	font-weight: bold;
	background: #ebfafe;
	position: relative;
	float: left;
	border: 2px solid #49b9bb;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75);
	-webkit-transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
	-o-transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
	transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;	
	text-align: center;
}
@media screen and (max-width: 768px) {
	.sthelp .btn-checkbox-01{
		display: block;
		width: 100%;
		min-height: 80px;
		height: auto;
		text-align: center;
	}
}

.sthelp .btn-checkbox-01:hover{
	opacity: 0.8;
}
.sthelp .btn-checkbox-01::before{
	content: " ";
	width: 27px;
	height: 24px;
	background: url(/share/doc/auto/sthelp/img/bg_checkbox_01_no.png) no-repeat;
	position: absolute;
	z-index: 100;
	left: 37px;
	top: 38px;
}
@media screen and (max-width: 768px) {
	.sthelp .btn-checkbox-01::before{
		content: " ";
		width: 18px;
		height: 17px;
		background: url(/share/doc/auto/sthelp/img/bg_checkbox_01_no_sp.png) no-repeat;
		background-size: 18px 17px;
		position: absolute;
		z-index: 100;
		left: 18px;
		top: 26px;
	}
}

.sthelp .btn-checkbox-01.active::before{
	background: url(/share/doc/auto/sthelp/img/bg_checkbox_01_on.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.sthelp .btn-checkbox-01.active::before{
		background: url(/share/doc/auto/sthelp/img/bg_checkbox_01_on_sp.png) no-repeat;
		background-size: 18px 17px;
		width: 18px;
		height: 17px;
		left: 18px;
		top: 28px;
	}
}

.sthelp .btn-checkbox-01::after{
	content: " ";
	width: 100%;
	display: table;
}
.sthelp .btn-checkbox-01.type-01{
	margin-right: 10px;
}
.sthelp .btn-checkbox-01.type-02{
	margin-left: 10px;
}
@media screen and (max-width: 768px) {
.sthelp .btn-checkbox-01.type-01{
	margin: 0 auto 9px;
}
.sthelp .btn-checkbox-01.type-02{
	margin: 0 auto;
}
}

	.sthelp .btn-checkbox-01 span{
		display: inline-block;
		font-size: 24px;
		margin-left: -25px;
		margin-top: 13px;
		line-height: 1.4;
		color: #162b98;
	}
	@media screen and (max-width: 768px) {
		.sthelp .btn-checkbox-01 span{
			margin: 0;
			font-size: 20px;
			line-height: 1.2;
			margin-top: 10px;
			margin-left: -7px;
		}
	}

		.sthelp .btn-checkbox-01 span strong{
			display: inline-block;
			font-size: 16px;
			font-weight: bold;
		}
		@media screen and (max-width: 768px) {
			.sthelp .btn-checkbox-01 span strong{
				font-size: 12px;
				line-height: 1.3;
			}
		}

		.sthelp .box-cmn-02 .box-arrow-01 .box-arrow-01{
			position: relative;
		}
			.sthelp .box-cmn-02 .box-arrow-01 .arrow-01{
				width: 94px;
				height: 30px;
				background: url(/share/doc/auto/sthelp/img/bg_arrow_01_pc.png) no-repeat;
				position: absolute;
				z-index: 100;
				display: none;
			}
			@media screen and (max-width: 768px) {
				.sthelp .box-cmn-02 .box-arrow-01 .arrow-01{
					width: 70px;
					height: 23px;
					background: url(/share/doc/auto/sthelp/img/bg_arrow_01_sp.png) no-repeat;
					background-size: 70px 23px;
					position: absolute;
					z-index: 100;
					display: none;
				}
			}

				.sthelp .box-cmn-02 .box-arrow-01 .arrow-01.type-01{
					left: 181px;
				}
				@media screen and (max-width: 768px) {
					.sthelp .box-cmn-02 .box-arrow-01 .arrow-01.type-01{
						left: 50%;
						margin-left: -35px;
					}
				}

				.sthelp .box-cmn-02 .box-arrow-01 .arrow-01.type-01.active,
				.sthelp .box-cmn-02 .box-arrow-01 .arrow-01.type-02.active{
					display: inline-block
				}
				.sthelp .box-cmn-02 .box-arrow-01 .arrow-01.type-02{
					left: 662px;
				}
				@media screen and (max-width: 768px) {
					.sthelp .box-cmn-02 .box-arrow-01 .arrow-01.type-02{
						left: 50%;
						margin-left: -35px;
					}
				}

	.sthelp .wrapper-btn-01 .btn-01{
		width: 570px;
		height: 72px;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		background: url(/share/doc/auto/sthelp/img/bg_btn_02_pc.png) center top no-repeat;
		display: block;
		margin: 25px auto 0;
		padding: 18px 0 0;
		letter-spacing: -0.03em;
		-webkit-transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
		-o-transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
		transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
		text-align: center;
		text-decoration: none;
	}
	@media screen and (max-width: 768px) {
		.sthelp .wrapper-btn-01 .btn-01{
			max-width: 300px;
			padding: 0;
			width: 100%;
			height: 50px;
			font-size: 16px;
			background: url(/share/doc/auto/sthelp/img/bg_btn_02_sp.png) center top no-repeat;
			background-size: contain;
			margin: 14px auto 0;
		}
		.sthelp .wrapper-btn-01 .btn-01 span{
			display: block;
			padding: 4% 0 0;
		}
	}

	.sthelp .wrapper-btn-01 .btn-01:hover{
		opacity: 0.7;
	}
	.sthelp .box-cmn-03 .btn-02{
		font-size: 24px;
		border: 1px solid #e5d9ae;
		border-radius: 6px;
		background: #fff8de;
		margin-top: 15px;
		padding: 10px 15px 15px;
	}
	@media screen and (max-width: 768px) {
		.sthelp .box-cmn-03 .btn-02{
			font-size: 24px;
			color: #000;
			margin: 15px auto 0;
		}
	}

/* Form
---------------------------------------------------------- */
.sthelp{
	
}
/* List
---------------------------------------------------------- */
.list-cmn-01 {
	text-align: right;
	margin-top: 45px;
	margin-bottom: 24px;
	line-height: 1.9;
}

.list-cmn-01 a {
	background-image: url(/share/doc/auto/sthelp/img/ico_bullet_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	color: #00c;
	font-size: 14px;
	text-decoration: underline;
}
/* Footer
-------------------------------------*/
.footer-in img{
	display:inline;
}

.footer-in a{
	text-decoration:underline;
}

.footer-in a:link{
	color:#00c;
}

.footer-in a:visited{
	color:#639;
}

.footer-in a:hover,
.footer-in a:focus,
.footer-in a:active{
	text-decoration:none;
}

.footer-in .nav-utility-01{
	margin-bottom:20px;
	background:url("/share/doc/auto/sthelp/img/bg_footer_nav_utility.gif") repeat-x 0 100%;
	min-height: 36px;
}

.footer-in .nav-utility-01 ul{
	margin: 0 auto;
	padding: 10px 0 12px;
	width: 950px;
	line-height: 0.8;;
}

.footer-in .nav-utility-01 ul li{
	margin-left:10px;
	padding-left:10px;
	border-left:#999 1px solid;
	float:left;
}
.footer-in .nav-utility-01 ul li.home{
	margin-left:0;
	padding-left:20px;
	border-left:0 none;
	background:url("/share/doc/auto/sthelp/img/ico_home_01.gif") no-repeat 0;
}
.footer-in .nav-utility-01 ul li a{
	font-size: 12px;
	color: #00c;
}
.nav-utility-02{
	margin: 0 auto;
	width: 950px;
	line-height: 1.5;
	font-size: 10px;
}
.nav-utility-02::after{
	content: " ";
	width: 100%;
	display: table;
}
.nav-utility-02 #logo-slogan{
	padding:5px 0px;
	float:right;
}

.nav-utility-02 ul{
	margin-bottom:18px;
	line-height:1.2;
	float:left;
}

.nav-utility-02 ul li{
	margin-left:10px;
	padding-left:10px;
	border-left:#999 1px solid;
	float:left;
}
.nav-utility-02 ul li.first-child{
	margin-left:0;
	padding-left:0;
	border-left:0 none;
}
.nav-utility-02 ul li a{
	font-size: 10px;
}
.nav-utility-02 ul li a:link,
.nav-utility-02 ul li a:visited{
	color:#666;
}

.nav-utility-02 #copyright{
	float:left;
	clear:left;
	margin-top: 6px;
}

.box-cmn-02 + .linkList01.typeR {
	margin-top: 50px;
}
.header-content {
	/*padding-bottom: 0;*/
  padding-top: 18px;
}
@media screen and (max-width: 768px) {
  .header-content {
    padding-top: 0;
  }
}
.sthelp .box-cmn-02 .txt-01 .list-question01{
	margin-top:1em;
	text-align: left;
}
.sm-sitenavi .autotop,
.sm-sitenavi .estimate {
	display:none;
}

/* box-cmn-04
---------------------------------------------------------- */
.sthelp .box-cmn-04 {}
@media screen and (max-width: 768px) {}
  .sthelp .box-cmn-04 .ttl-01 {
    position: relative;
    margin: 55px 0 20px;
    text-align: center;
    font-size: 28px;
    color: #333;
  }
  @media screen and (max-width: 768px) {
  .sthelp .box-cmn-04 .ttl-01 {
    margin: 20px 0 15px;
    font-size: 93.75%;
  }
}
  .sthelp .box-cmn-04 .ttl-01:before {
    content: "";
    width: 32px;
    height: 77px;
    background: url(/share/doc/auto/sthelp/img/ico_ttl_01.png) no-repeat left top;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 225px;
  }
  @media screen and (max-width: 768px) {
    .sthelp .box-cmn-04 .ttl-01:before {
      content: "";
      width: 16px;
      height: 40px;
      background: url(/share/doc/auto/sthelp/img/ico_ttl_01.png) no-repeat left top;
      -webkit-background-size: cover;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 10%;
    }
  }
  .sthelp .box-cmn-04 .ttl-01:after {
    content: "";
    width: 32px;
    height: 77px;
    background: url(/share/doc/auto/sthelp/img/ico_ttl_02.png) no-repeat left top;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 225px;
  }
  @media screen and (max-width: 768px) {
    .sthelp .box-cmn-04 .ttl-01:after {
      content: "";
      width: 16px;
      height: 40px;
      background: url(/share/doc/auto/sthelp/img/ico_ttl_02.png) no-repeat left top;
      -webkit-background-size: cover;
      background-size: cover;
      position: absolute;
      top: 0;
      right: 10%;
    }
  }
  .sthelp .box-cmn-04 .ttl-01 span {
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {}
    .sthelp .box-cmn-04 .ttl-01 span em {
      color: #f33926;
      font-weight: bold;
    }
    @media screen and (max-width: 768px) {}
    .sthelp .box-cmn-04 .ttl-01 span.small-01 {
      font-size: 50%;
    }

.sthelp .box-cmn-04 .list-notice {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sthelp .box-cmn-04 .list-notice {
    margin-top: 10px;
    font-size: 50%;
  }
}
.sthelp .box-cmn-04 .btn-type08 {
  width: 480px;
  margin: 0 auto;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .sthelp .box-cmn-04 .btn-type08 {
    width: 87.5%;
    margin: 0 auto;
    font-size: 100%;
  }
}
  .sthelp .box-cmn-04 .btn-type08 span {
    padding-top: 8px;
  }
  @media screen and (max-width: 768px) {
    .sthelp .box-cmn-04 .btn-type08 span {
      padding-top: 4.5%;
    }
  }
.sthelp.section-modal {}
@media screen and (max-width: 768px) {}

.sthelp.section-modal h3 span.small-01 {
  font-size: 50%;
}
@media screen and (max-width: 768px) {}

.section-modal .area-modal .grid-col2 {}
@media screen and (max-width: 768px) {
  .section-modal .area-modal .grid-col2 {
    width: 50%;
  }
}
.sthelp.section-modal .area-modal .area-btn li a span {
  font-size: 150%;
}
@media screen and (max-width: 768px) {
  .sthelp.section-modal .area-modal .area-btn li a span {
    height: 70px;
    font-size: 93.75%;
  }
}
.sthelp.section-modal .note03 {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sthelp.section-modal .note03 {
    margin-top: 20px;
  }
}