@charset "utf-8";
.secContentArea {
	padding-bottom: 78px;
}

.contentWrap>.boxSkin02 {
	padding-bottom: 40px;
}


/* nav */

.sideNav.cause>li:nth-child(2)>a {
	background: #e2efff;
	background: -moz-linear-gradient(left, #e2efff 0%, #cfe4ff 100%);
	background: -webkit-linear-gradient(left, #e2efff 0%, #cfe4ff 100%);
	background: linear-gradient(to right, #e2efff 0%, #cfe4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2efff', endColorstr='#cfe4ff', GradientType=1);
}


/* headingWrap */

.boxSkin02 .headingWrap {
	margin-bottom: 25px;
}

.headingWrap .inner {
	height: 222px;
	padding: 63px 0 0 7px;
	background: url(../img/bg_head-pc.png) no-repeat 310px 2px;
}

.headingWrap .inner+p {
	padding-bottom: 5px;
	letter-spacing: -0.8px;
}


/* typeCheckBox */

.typeCheckBox {
	margin: 45px 0 40px;
}

.typeCheckBox h3 {
	margin-bottom: 13px;
	color: #1d2088;
	font-size: 1.8rem;
	font-weight: bold;
}

.typeCheck {
	margin: 5px 30px 20px;
	padding: 34px 45px;
	border: 4px solid #d1e5ff;
	background: url(../../../../common/img/bg_check.gif) repeat;
	font-size: 1.5rem;
	font-weight: bold;
}

.typeCheck p {
	margin-bottom: 15px;
}

.typeCheck p:last-child {
	margin-bottom: 0;
}

.checkbox {
	display: none;
}

.checkbox+.checkbox-icon {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -3px 10px 0 0;
	border: 3px solid #1d2088;
	background: #fff;
	vertical-align: middle;
}

.checkbox:checked+.checkbox-icon:before {
	position: absolute;
	left: -1px;
	top: -4px;
	content: '';
	display: inline-block;
	width: 25px;
	height: 18px;
	background: url(../../../../common/img/icon_check2.png);
}

.checkbtn {
	position: relative;
	display: inline-block;
	min-width: 300px;
	padding: 7px;
	border: 1px solid #1d2088;
	border-radius: 3rem;
	color: #1d2088;
	font-size: 1.6rem;
}

.checkbtn:after {
	position: absolute;
	right: 22px;
	top: 50%;
	content: "";
	width: 9px;
	height: 9px;
	transform: translateY(-60%) rotate(-45deg);
	border: 2px solid transparent;
	border-right-color: #1d2088;
	border-bottom-color: #1d2088;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.checkbtn:hover {
	background: #1d2088;
	color: #fff;
}

.checkbtn:hover:after {
	border-right-color: #fff;
	border-bottom-color: #fff;
}


/* boxSkin04 */

.boxSkin04 {
	margin: 0 -10px;
	padding-bottom: 20px;
	font-size: 1.2rem;
	line-height: 1.9;
}


/* related */

.boxRelatedTopicWrap {
	padding-bottom: 57px;
}

.boxRelatedTopic.ttlSkin03 {
	margin-bottom: 15px;
}


/*.boxRelatedLink .ttlSkin03 {
	margin-top: 5px;
}*/

.boxRelatedLinkWrap {
	padding-bottom: 35px;
}

.boxRelatedLink .note {
	margin-top: 85px;
	color: #333333;
	font-size: 1.1rem;
}


/* 結果用 */

.caseResultWrap .secContentArea {
	padding-bottom: 40px;
}

.caseResultWrap .contentWrap>.boxSkin02 {
	padding-top: 20px;
	border-top: 3px solid #1d2088;
}


/*.caseResultWrap .boxSkin02 h2{
  background: #57c4b3;
  border-radius: 3px;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 13px 0;
}*/

.caseResultWrap h2 span {
	font-size: 2rem;
}

.resultTitle {
	border-radius: 3px;
	color: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
}
.resultTitle.result0 {
	margin-bottom: 25px;
	padding: 16px 0 12px 18px;
	background: #f69f74;
	letter-spacing: 1px;
}
.resultTitle.result1 {
	padding: 13px 0;
	background: #57c4b3;
}
.resultTitle.result2 {
	padding: 13px 0;
	background: #b876d7;
}
.resultTitle.result3 {
	padding: 13px 0;
	background: #e47fc6;
}


.caseResultWrap .boxSkin02 .typeAbout p {
	font-size: 1.6rem;
	color: #1d2088;
	font-weight: bold;
}

.caseResultWrap .boxSkin02 .typeAbout>div p {
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: -1.4px;
	font-weight: normal;
}

.caseResultWrap .resultWrap01 {
	height: 214px;
	padding: 26px 0 0 0;
	background: url(../img/bg_result01.png) no-repeat 375px 10px;
	background-size: 183px 163px;
}
.caseResultWrap .resultWrap02 {
	height: 214px;
	padding: 26px 0 0 0;
	background: url(../img/bg_result02-pc.png) no-repeat 390px 2px;
}
.caseResultWrap .resultWrap03 {
	padding: 26px 0 0 0;
	background: url(../img/bg_result03-pc.png) no-repeat 382px 51px;
}
.caseResultWrap .typeAbout .resultWrap03 .subText {
	padding: 22px 189px 0 0;
	color: #222;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 1.6;
}
.caseResultWrap h3.ttlSkin04 {
	font-size: 2.8rem;
	padding: 4px 0 3px;
	margin-bottom: 22px;
}

.caseResultWrap .listSkin03 {
	margin-bottom: 55px;
}

.caseResultWrap .listSkin03 li {
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 0.4px;
}
.caseResultWrap .listSkin03.listResult02 li {
	margin-bottom: 0;
}

.caseResultWrap .listSkin03 li ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2rem;
}

.caseResultWrap .listSkin03 li ul li {
	font-weight: normal;
	margin-bottom: 0;
	padding-left: 0;
	letter-spacing: -0.4px;
}

.caseResultWrap .listSkin03 li ul li:before {
	width: 0;
	height: 0;
	border: none;
}



.caseResultWrap p.preventPoint {
	font-size: 1.4rem;
	letter-spacing: -0.5px;
	font-weight: bold;
}

.caseResultWrap .typeAboutBtn {
	margin: 34px auto 84px;
}

.caseResultWrap .typeAboutBtn.mb35 {
	margin-bottom: 35px;
}

.caseResultWrap .typeAboutBtn .check-button {
	min-width: 360px;
	padding: 7px;
}

.caseResultWrap .typeCheckBox {
	margin: 45px 0 77px;
}
.caseResultWrap .typeCheckBox.result3 {
	margin-top: 30px;
}
.caseResultWrap .typeCheck {
	margin: 5px 0px 20px;
	padding: 34px 25px 13px;
}

.caseResultWrap .typeCheckBox h3 {
	letter-spacing: 0.1px;
	margin-right: 24px;
}

.caseResultWrap .typeCheck div div {
	width: 50%;
	padding-right: 5px;
}

.caseResultWrap .typeCheck p {
	padding-left: 33px;
	letter-spacing: -0.4px;
	line-height: 1.4;
	margin-bottom: 19px;
	color: #333;
	font-weight: bold;
}
.caseResultWrap .typeCheck p.note {
	margin-bottom: 8px;
	padding: 15px 0 0 0;
	font-size: 1.2rem;
	letter-spacing: -0.5px;
}

.caseResultWrap .checkbox+.checkbox-icon {
	margin: -2px 8px 0 -28px;
	border: 3px solid #4c51ea;
}

.caseResultWrap .boxSkin04 {
	margin: 0;
	padding: 15px 10px 20px 20px;
}

.caseResultWrap .boxRelatedLinkWrap {
	padding: 32px 0;
}


/* sp向けスタイル */

@media screen and (max-width: 767px) {
	.secContentArea {
		padding: 16px 0 27px;
	}
	.contentWrap>.boxSkin02 {
		padding-bottom: 27px;
	}

	/* headingWrap */
	.headingWrap {
		padding: 7px 15px 15px;
	}
	.headingWrap .inner {
		height: auto;
		padding: 150px 0 0 0;
		background-image: url(../img/bg_head-sp.png);
		background-position: center top;
		background-size: 197px auto;
	}
	.headingWrap h2 {
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	.boxSkin02 .headingWrap {
		margin-bottom: 15px;
	}

	/* typeCheckBox */
	.typeCheckBox {
		margin: 19px 0 49px;
	}
	.typeCheckBox h3 {
		margin-bottom: 9px;
		font-size: 1.3rem;
		line-height: 1.3;
	}
	.typeCheck {
		margin: 0 0px 17px;
		padding: 19px 5px 19px 13px;
		border: 2px solid #d1e5ff;
		font-size: 1.3rem;
		letter-spacing: -0.5px;
	}
	.typeCheck p {
		margin-bottom: 11px;
		line-height: 1.5;
	}
	.typeCheck label {
		position: relative;
		display: block;
		padding-left: 18px;
	}
	.checkbox+.checkbox-icon {
		position: absolute;
		top: 5px;
		left: 0;
		width: 12px;
		height: 12px;
		margin: -3px 10px 0 0;
		border: 2px solid #1d2088;
	}
	.checkbox:checked+.checkbox-icon:before {
		left: -1px;
		top: -3px;
		width: 17px;
		height: 13px;
		background-size: contain;
	}
	.checkbtn {
		min-width: 250px;
		padding: 6px;
		font-size: 1.5rem;
	}
	.checkbtn:after {
		right: 11px;
		width: 8px;
		height: 8px;
	}
	.boxSkin04 {
		margin: 0;
		padding-bottom: 8px;
		line-height: 1.5;
	}
	/* related */
	.boxRelatedTopic .ttlSkin03,
	.boxRelatedLink .ttlSkin03 {
		margin-bottom: 5px;
		font-size: 2.1rem;
	}
	.boxRelatedTopicWrap {
		padding: 22px 0 20px;
	}
	.boxRelatedLinkWrap {
		padding: 10px 0;
	}
	.breadcrumbs {
		padding: 20px 10px 12px;
		line-height: 1.4;
	}
	.breadcrumbs+.note {
		margin: 12px 10px 0 10px;
		padding-top: 14px;
		padding-left: 2rem;
		padding-bottom: 30px;
		border-top: 1px solid #cccdec;
		text-indent: -1.4rem;
		font-size: 1.1rem;
	}

	/* 結果用 */
	.caseResultWrap .boxSkin02 .typeAbout p {
		font-size: 1.3rem;
		padding-bottom: 5px;
	}
	/*.caseResultWrap .boxSkin02 h2,*/
	.resultTitle {
		border-radius: 2px;
		font-size: 2rem;
	}
	.resultTitle.result0 {
		padding: 14px 0 8px;
		line-height: 1.1;
		letter-spacing: -1px;
	}
	.resultTitle.result1,
	.resultTitle.result2 {
		padding: 19px 0 13px;
		line-height: 0.9;
		letter-spacing: 1px;
	}
	.resultTitle.result3 {
		padding: 10px 0 7px;
		line-height: 1.15;
		letter-spacing: 0;
	}

	.caseResultWrap .secContentArea {
		padding-bottom: 25px;
	}
	.caseResultWrap h2 span {
		font-size: 1.4rem;
		letter-spacing: -0.4px;
	}
	.caseResultWrap .boxSkin02 .typeAbout>div p {
		font-size: 1.5rem;
		width: 56%;
		padding-left: 10px;
		letter-spacing: 0.2px;
		line-height: 1.35;
	}
	.resultWrap00 {
		margin-bottom: -8px;
	}
	.caseResultWrap .typeAbout .tac {
		margin-bottom: 40px;
	}
	.caseResultWrap .boxSkin02 .typeAbout>div.resultWrap00 p {
		width: 100%;
	}
	.caseResultWrap .resultWrap01 {
		height: auto;
		min-height: 183px;
		padding: 18px 0 0 0;
		background: url(../img/bg_result01.png) no-repeat bottom 8px right -12px;
		background-size: 150px auto;
		margin-bottom: 22px;
	}
	.caseResultWrap .resultWrap02 {
		height: auto;
		padding: 19px 0 40px 0;
		background: url(../img/bg_result02-sp.png) no-repeat right 2px;
		background-size: 118px 138px;
	}
	.caseResultWrap .resultWrap03 {
		padding: 22px 0 0 0;
		background: url(../img/bg_result03-sp.png) no-repeat right 34px;
		background-size: 138px auto;
	}
	.caseResultWrap .boxSkin02 .typeAbout .resultWrap02 p {
		width: 195px;
	}
	.caseResultWrap h3.ttlSkin04 {
		font-size: 2rem;
		padding: 12px 0 10px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	.caseResultWrap .listSkin03 {
		margin-bottom: 42px;
		padding-left: 10px;
	}
	.caseResultWrap .listSkin03 li {
		font-size: 1.3rem;
		font-weight: bold;
		margin-bottom: 16px;
		letter-spacing: -1px;
		line-height: 1.4;
	}
	.caseResultWrap .listSkin03.listResult02 li {
		margin-bottom: 5px;
	}
	.caseResultWrap p.preventPoint {
		padding: 0 12px 0 10px;
		letter-spacing: -1.6px;
		line-height: 1.4;
	}
	.caseResultWrap .typeAboutBtn {
		margin: 25px 0 0;
	}
	.caseResultWrap .typeAboutBtn .check-button {
		min-width: 250px;
		line-height: 1;
		padding: 4px;
	}
	.caseResultWrap .typeCheckBox {
		margin: 42px 0 45px;
	}
	.caseResultWrap .typeCheckBox h3 {
		margin-right: 0;
		font-size: 1.4rem;
	}
	.caseResultWrap .typeCheck {
		margin: 5px 0px 20px;
		padding: 20px 8px 6px;
	}
	.caseResultWrap .typeCheck div div {
		width: 100%;
		padding-right: 0;
		float: none;
	}
	.caseResultWrap .typeCheck p {
		padding-left: 24px;
		letter-spacing: -0.7px;
		margin-bottom: 12px;
	}
	.caseResultWrap .checkbox+.checkbox-icon {
		margin: -2px 0px 0 -20px;
		border: 2px solid #4c51ea;
	}
	.caseResultWrap .typeCheck label {
		padding-left: 0;
	}
	.caseResultWrap .boxSkin04 {
		/*margin-bottom: 20px;*/
		padding: 10px;
		line-height: 1.6;
		letter-spacing: -1px;
	}
	.caseResultWrap .boxSkin04.result3 {
		margin-top: 44px;
	}
	.caseResultWrap .boxRelatedLinkWrap {
		padding: 10px 0;
	}

	.caseResultWrap .typeAbout .resultWrap03 .subText {
		width: auto;
		padding: 18px 0px 0 8px;
		color: #222;
		font-size: 1.3rem;
		letter-spacing: 0;
		line-height: 1.4;
	}
	.caseResultWrap .typeAbout .resultWrap03 .subText strong {
		letter-spacing: 0.8px;
	}
	.caseResultWrap .typeCheckBox.result3 {
		margin-top: 37px;
	}
	.caseResultWrap .typeCheck p.note {
		padding: 5px 5px 0 5px;
		font-size: 1.1rem;
		letter-spacing: 1px;
	}

}
