@media screen and (min-width:769px) {
	html {
		font-size: 62.5%;
	}

	*,
	::before,
	::after {
		box-sizing: inherit;
	}

	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 1.0rem;
		color: #000000;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		scroll-behavior: smooth;
	}

	#main {
		/* padding: 20px 0 0; */
	}

	#commonSectionArea {
		width: 100%;
		max-width: 1140px;
		padding: 0 10px;
		margin: 0 auto;
		line-height: 1.4;
	}

	#mainWrap .ttlMain,
	#main .ttlMain {
		display: block;
		text-align: left;
		margin: 0 auto 25px auto;
		font-size: 28px;
		color: #000000;
		font-weight: 700;
	}

	.btnTextBoxList {
		/* padding: 0 calc(30 * (100vw / 1120)); */
	}

	.btnTextBoxList {
		display: block;
		width: 100%;
		/* border: 1px solid #dbdbdb; */
		margin-bottom: 40px;
	}

	.btnTextBoxList>.helpMenuTitle {
		display: table;
		width: 100%;
		padding: 30px 0;
		border-bottom: 1px dotted rgba(255, 255, 255, 0);
	}

	.btnTextBoxList>dl {
		display: table;
		width: 100%;
		padding: 30px 0;
		border-bottom: 1px dotted #d2d2d2;
	}

	.btnTextBoxList>dl>dt {
		display: table-cell;
		width: 60%;
		font-size: 14px;
		vertical-align: middle;
		text-align: left;
		padding-left: 20px;
		line-height: 1.4;
	}

	.btnTextBoxList>dl>dt>span {
		display: block;
		width: 100%;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	/**************************************
	help menu
	**************************************/
	.btnTextBoxList>.helpMenuTitle {
		display: table;
		width: 100%;
		padding: 30px 0;
		border-bottom: 1px dotted rgba(255, 255, 255, 0);
	}

	.helpMenu div {
		/* padding: 0 3%; */
		position: relative;
		word-break: break-word;
	}

	.helpMenu dt {
		display: block;
		width: auto;
		height: auto;
		line-height: 5rem;
		text-align: left;
		border-top: 1px solid #d2d2d2;
		cursor: pointer;
		position: relative;
		font-size: 1.6rem;
		font-weight: 700;
	}

	.helpMenu dt p {
		width: calc(100% - 15%);
		padding: 10px;
		line-height: initial;
	}

	.helpMenu dt .btnPlus {
		display: inline-block;
		width: 32px;
		height: 32px;
		border: 1px solid #1b4494;
		background: url(../../images/helpmenu/icon_accordion_plus.svg) center center no-repeat;
		background-size: 50%;
		position: absolute;
		right: 1rem;
		top: 25%;
		margin-top: -0.1rem;
	}

	.helpMenu dt.active .btnPlus {
		background: url(../../images/helpmenu/icon_accordion_minus.svg) center center no-repeat;
		background-size: 50%;
	}

	.helpMenu dd {
		background: #f2f2f2;
		width: auto;
		height: auto;
		min-height: calc(15 * (100vw / 320));
		line-height: 1.4;
		letter-spacing: -0.015em;
		display: none;
		font-size: 1.4rem;
		padding: 1em 2em;
		margin-inline-start: 0px;
	}
}



@media screen and (max-width:768px) {

	html {
		font-size: calc(.78125vw + 7.5px);
	}

	@media(max-width: 320px) {
		html {
			font-size: 62.5%;
		}
	}

	@media(min-width: 768px) {
		html {
			font-size: 100%;
		}
	}

	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 1.0rem;
		color: #000000;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	*,
	::before,
	::after {
		box-sizing: inherit;
	}

	#main {
		padding: calc(10 * (100vw / 320)) 0 0;
	}

	#commonSectionArea {
		width: 100%;
		margin: calc(10 * (100vw / 320)) auto;
		padding: 0 3%;
		line-height: 1.4;
	}

	#mainWrap .ttlMain {
		display: block;
		text-align: left;
		margin: 0 auto calc(15 * (100vw / 320)) auto;
		font-size: 2.0rem;
		line-height: 1.3;
		color: #000000;
		font-weight: 700;
	}

	.btnTextBoxList {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: calc(25 * (100vw / 320));
		border-top: 1px solid #dbdbdb;
	}

	.btnTextBoxList>.helpMenuTitle {
		border-bottom: 1px dotted rgba(255, 255, 255, 0);
	}

	.btnTextBoxList>dl {
		display: block;
		width: 100%;
		padding: calc(20 * (100vw / 320)) 0;
		border-bottom: 1px dotted #d2d2d2;
	}

	.btnTextBoxList>dl>dt {
		display: block;
		font-size: 1.6rem;
		line-height: 1.4;
		letter-spacing: -0.015em;
		text-align: left;
	}

	.btnTextBoxList>dl>dt>span {
		font-weight: 700;
		display: block;
		margin-bottom: calc(10 * (100vw / 320));
	}

	/**************************************
	help menu
	**************************************/
	.btnTextBoxList>.helpMenuTitle {
		border-bottom: 1px dotted rgba(255, 255, 255, 0);
	}

	.helpMenu div {
		padding: 0 3%;
		position: relative;
		word-break: break-word;
	}

	.helpMenu dt {
		display: block;
		width: auto;
		min-height: calc(45 * (100vw / 320));
		line-height: 5rem;
		text-align: left;
		border-top: 1px solid #d2d2d2;
		cursor: pointer;
		position: relative;
		font-size: 1.6rem;
		font-weight: 700;
	}

	.helpMenu dt p {
		width: calc(100% - 20%);
		padding: 10px;
		line-height: initial;
	}

	.helpMenu dt .btnPlus {
		display: inline-block;
		width: calc(30 * (100vw / 320));
		height: calc(30 * (100vw / 320));
		background: url(../../images/helpmenu/icon_accordion_plus.svg) center center no-repeat;
		background-size: calc(20 * (100vw / 320)) auto;
		position: absolute;
		right: 10px;
		top: 25%;
		bottom: 1rem;
		margin-top: -0.3rem;
	}

	.helpMenu dt.active .btnPlus {
		background: url(../../images/helpmenu/icon_accordion_minus.svg) center center no-repeat;
		background-size: calc(20 * (100vw / 320)) auto;
	}

	.helpMenu dd {
		background: #f2f2f2;
		width: auto;
		height: auto;
		min-height: calc(45 * (100vw / 320));
		line-height: 1.4;
		letter-spacing: -0.015em;
		display: none;
		font-size: 1.6rem;
		padding: 0.5em;
		margin-inline-start: 0px;
	}
}

ul{
	    padding-inline-start: unset;
}

/* トップへ戻る */
.totop{
	position: fixed;
	right: 0;
	bottom: 10%;
	z-index: 9999999;
}

.totop a{
	text-decoration: none;
}

.totop_btn{
	background-color: #fff;
	color: #3cc;
	border: solid 2px #3cc;
	border-radius: 30px;
	height: 50px;
	width: 50px;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;s
}

/* サービス部分 */

.service_box_h {
	padding: 0 0 1em;
	font-size: 24px;
	text-align: center;
}

.service_box {
	margin: 0 auto 40px;
	max-width: 700px;
}

.service_box ul {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
}

.service_box ul a {
	color: #3cc;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.service_btn {
	width: 150px;
	height: 111px;
	background-color: #fff;
	color: #3cc;
	border: solid 2px #3cc;
	border-radius: 15px;
	margin: .3em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service_h {
	font-size: 25px;
	width: 97%;
	background-color: #3cc;
	color: #fff;
	padding: .4em 0 .4em .7em;
}

.service_qa_box {
	background-color: #fff;
}

/* カテゴリ部分 */

.helpCategoryName {
	color: #222;
	font-weight: bold;
	font-size: 20px;
	padding: 1em 0 1em 1em;
	position: relative;
}

.helpCategoryName::before {
	content: '';
	background-color: #3cc;
	height: 2.5em;
	width: 5px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	position: absolute;
}

.qa_subnav_area {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
}

.qa_subnav_area li {
	color: #fff;
	background-color: #3cc;
	font-weight: bold;
	width: 135px;
	font-size: 15px;
	margin: 5px 5px;
	padding: .7em .3em;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qa_subnav_area li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.helpMenu dd img {
	max-width: 400px;
}