@charset "utf-8";

.mainVisual h1 {
	margin-top: 5rem;
	font-size: 4.5rem;
	font-weight: bold;
	text-align: center;
}
.contentsArea {
	margin-top: 7.5rem;
	background: #BFDEF5;
	padding: 4rem 0 5rem;
}
.contentsArea h2 {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.contentsArea .contentsBox {
	margin: 5rem auto 0;
	max-width: 75rem;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contentsArea .contentsBox .contents {
	position: relative;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.mainVisual h1 {
		margin-top: 2.5rem;
		font-size: 3.84rem;
	}
	.contentsArea {
		margin-top: 3rem;
		padding: 2.5rem 0;
		font-size: 2.04rem;
	}
	.contentsArea h2 {
		font-size: 3.07rem;
		font-family: 'TsukuARdGothic-Regular',sans-serif;
		color: #595757;
		line-height: 1.5;
	}
	.contentsArea h2 .border {
		display: inline-block;
		font-size: 3.41rem;
		color: #00A0E9;
		background: linear-gradient(transparent 40%, #FEFBCC 40%);
		line-height: 1;
	}
	.contentsArea .contentsBox {
		margin: 3rem auto 0;
		max-width: 56.75rem;
		flex-direction: column;
	}
	.contentsArea .contentsBox .contents::before {
		width: 14.8rem;
		height: 14.7rem;
	}
}
/*==================================================================================
contents
contents01
==================================================================================*/
.contentsArea .contentsBox .contents .contentsTtl {
	display: block;
	width: 49%;
	background: #fff;
	border-radius: 1rem;
	box-shadow: 0.4rem 0.5rem #B1C7DB;
	padding: 1.5rem 0 1.5rem 5.5rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.contentsArea .contentsBox .contents .contentsTtl::before {
	content: '';
	width: 8rem;
	height: 8rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.contentsArea .contentsBox .contents.contents01 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/1.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents.contents02 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/2.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents.contents03 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/3.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents.contents04 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/4.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents.contents05 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/5.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents.contents06 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/6.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents.contents07 .contentsTtl::before {
	background: url("/financialservices/investment/point_guide/img/7.png") no-repeat;
	background-size: contain;
}
.contentsArea .contentsBox .contents .contentsTtl::after {
	content: '';
	display: none;
	position: absolute;
	right: -38.5rem;
	bottom: 0.5rem;
	width: 102%;
	height: 1rem;
	background: #BFDEF5;
	z-index: 5;
}
.contentsArea .contentsBox .contents .contentsTtl[aria-expanded="true"] {
	box-shadow: none;
	overflow: visible;
}
.contentsArea .contentsBox .contents .contentsTtl[aria-expanded="true"]::after {
	display: block;
}
.contentsArea .contentsBox .contents .contentsTtl span {
	display: block;
	text-align: left;
}
.contentsArea .contentsBox .contents .contentsTtl .ttl {
	font-size: 2.5rem;
	font-weight: bold;
	color: #0A3E86;
	position: relative;
}
.contentsArea .contentsBox .contents .contentsTtl .ttl::before {
	content: '';
	width: 2rem;
	height: 2rem;
	background: #F5D7CD;
	border-radius: 50%;
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.contentsArea .contentsBox .contents .contentsTtl .ttl::after {
	content: '';
	width: 0.5rem;
	height: 0.5rem;
	border-bottom: solid 2px #000;
	border-right: solid 2px #000;
	transform: rotate(45deg);
	position: absolute;
	top: 1.5rem;
	right: 1.6rem;
}
.contentsArea .contentsBox .contents .contentsTtl[aria-expanded="true"] .ttl::after {
	content: '';
	width: 0.5rem;
	height: 0.5rem;
	border-top: solid 2px #000;
	border-left: solid 2px #000;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
	position: absolute;
	top: 1.7rem;
	right: 1.6rem;
}
.contentsArea .contentsBox .contents01 .contentsTtl .contentsLead {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	max-width: 21rem;
}
.contentsArea .contentsBox .contents .contentsTtl[aria-expanded="true"] .contentsLead {
	display: none;
}
.contentsArea .contentsBox .contents01 .contentsTtl .contentsLead::after {
	content: '';
	width: 7.8rem;
	height: 7.7rem;
	background: url("/financialservices/investment/point_guide/img/icn01.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: -1rem;
	right: -9.5rem;
}
.contentsArea .contentsBox .contents .contentsLead {
	font-size: 2rem;
}
.contentsArea .contentsBox .contents .accordionPanel {
	display: block;
	max-height: 0;
	overflow: hidden;
	/* transition: max-height 0.3s ease-out; */
	visibility: hidden;
}
.contentsArea .contentsBox .contents .accordionPanel > div {
	padding-top: 4rem;
	background: #fff;
	border-radius: 0 1rem 0 0;
	padding-bottom: 3.5rem;
	margin-bottom: 6rem;
	position: relative;
	z-index: 10;
}
.contentsArea .contentsBox .accordionItem.open .accordionPanel {
	max-height: 100rem;	/* 大きめに設定。実際の高さはjsで取得 */
	visibility: visible;
	margin-top: -1rem;
}
.contentsArea .contentsBox .contents .accordionPanel:focus {
	outline: none;
}
.contentsArea .contentsBox .contents .accordionPanel .contentsInner {
	max-width: 68.5rem;
	margin: 0 auto;
}
.contentsArea .contentsBox .contents01 .contentsLead {
	position: relative;
}
.contentsArea .contentsBox .contents01 .contentsLead::after {
	content: '';
	width: 7.8rem;
	height: 7.7rem;
	background: url("/financialservices/investment/point_guide/img/icn01.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
}
.contentsArea .contentsBox .contents01 .box01 {
	margin: 3.5rem 0 3rem;
	display: flex;
	justify-content: space-between;
}
.contentsArea .contentsBox .contents01 .box01 > div {
	width: 50%;
}
.contentsArea .contentsBox .contents01 .box01 .pic {
	width: 60%;
	margin: 0 auto;
}
.contentsArea .contentsBox .contents01 .box01 ul {
	width: 75%;
	margin: 1.5rem auto 0;
}
.contentsArea .contentsBox .contents01 .box01 > div:last-child ul {
	width: 50%;
}
.contentsArea .contentsBox .contents01 .box01 ul li {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 1em;
	text-indent: -1em;
}
.contentsArea .contentsBox .contents01 .box01 .bold {
	margin-top: 1rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.contentsArea .contentsBox .contents01 .box01 .bold .red {
	font-size: 3rem;
	font-weight: bold;
	color: red;
}
.contentsArea .contentsBox .contents01 .picBox {
	margin-top: 3.5rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.contentsArea .contentsBox .contents01 .picBox > p {
	max-width: 16.7rem;
}
.contentsArea .contentsBox .txt {
	margin-top: 2.5rem;
}
.contentsArea .contentsBox .txt.mt1 {
	margin-top: 1rem;
}
.contentsArea .contentsBox .contents01 .orangeBox {
	margin: 0.5rem auto 0;
	background: #F5D7CD;
	padding: 1rem 0 1rem 2rem;
	border-radius: 3rem;
	display: flex;
	gap: 0 6.5rem;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBold {
	max-width: 17rem;
	font-weight: bold;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBox {
	max-width: 42rem;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBox ul + ul {
	margin-top: 2rem;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBox ul li {
	padding-left: 1em;
	text-indent: -1em;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBox ul li span {
	font-weight: bold;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBox ul li span.red {
	font-size: 2.3rem;
	font-weight: bold;
	color: #E60012;
}
.contentsArea .contentsBox .contents01 .orangeBox .txtBox .border {
	display: inline-block;
	color: #E60012;
	background: linear-gradient(transparent 40%, #fff27d 40%);
	padding-left: 0.1em;
	line-height: 1;
}
.contentsArea .contentsBox .stepBox {
	margin-top: 0.5rem;
	display: flex;
	justify-content: space-between;
}
.contentsArea .contentsBox .stepBox .step {
	width: 28%;
	border: 4px solid #0092E0;
	border-radius: 2rem;
	padding: 1rem;
	text-align: center;
	position: relative;
}
.contentsArea .contentsBox .stepBox .step.arrow::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.8rem 0 1.8rem 1.6rem;
	border-color: transparent transparent transparent #00A0E9;
	position: absolute;
	top: calc(50% - 1.8rem);
	right: -4rem;
} 
.contentsArea .contentsBox .stepBox .step .stepTtl {
	display: inline-block;
	font-size: 1.7rem;
	font-weight: bold;
	color: #00A0E9;
	border-bottom: 2px solid #00A0E9;
}
.contentsArea .contentsBox .stepBox .step .stepTxt {
	margin-top: 0.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: #00A0E9;
}
.contentsArea .contentsBox .contents01 .stepBox .step03 .stepTxt {
	margin-top: 2.5rem;
}
.contentsArea .contentsBox .contents01 .stepBox .step .pic01 {
	margin: 2.5rem auto 0;
	max-width: 10.4rem;
}
.contentsArea .contentsBox .contents01 .stepBox .step .pic02 {
	margin: 2rem auto 0;
	max-width: 8.5rem;
}
.contentsArea .contentsBox .contents01 .stepBox .step .pic03 {
	margin: 1rem auto 0;
	max-width: 6.7rem;
}
.contentsArea .contentsBox .stepBox .step .txt {
	text-align: left;
}
.contentsArea .contentsBox .stepBox .step .txt.mg {
	margin-top: .5rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents .contentsTtl {
		width: 100%;
		border-radius: 2rem;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
		padding: 2rem 0 2rem 10rem;
	}
	.contentsArea .contentsBox .contents .contentsTtl::before {
		width: 12.6rem;
		height: 12.5rem;
	}
	.contentsArea .contentsBox .contents .contentsTtl::after {
		right: auto;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2rem;
		background: #fff;
		z-index: 1;
	}
	.contentsArea .contentsBox .contents .contentsTtl .ttl {
		font-size: 3.07rem;
	}
	.contentsArea .contentsBox .contents .contentsTtl .ttl::before {
		width: 2.81rem;
		height: 2.81rem;
		top: 0.7rem;
		right: 2rem;
	}
	.contentsArea .contentsBox .contents .contentsTtl .ttl::after {
		width: 0.8rem;
		height: 0.8rem;
		border-bottom: solid 0.3rem #000;
		border-right: solid 0.3rem #000;
		top: 1.5rem;
		right: 2.8rem;
	}
	.contentsArea .contentsBox .contents .contentsTtl[aria-expanded="true"] .ttl::after {
		width: 0.8rem;
		height: 0.8rem;
		border-top: solid 0.3rem #000;
		border-left: solid 0.3rem #000;
		top: 1.7rem;
		right: 2.8rem;
	}
	.contentsArea .contentsBox .contents01 .contentsTtl .contentsLead {
		margin-top: 2.5rem;
		font-size: 2.04rem;
		line-height: 1.5;
		max-width: 33rem;
	}
	.contentsArea .contentsBox .contents01 .contentsTtl .contentsLead::after {
		width: 14.3rem;
		height: 9.13rem;
		background: url("/financialservices/investment/point_guide/img/icn01_sp.png") no-repeat;
		background-size: contain;
		top: 0;
		right: -13.5rem;
	}
	.contentsArea .contentsBox .contents .contentsLead {
		font-size: 2.04rem;
		line-height: 1.5;
	}
	.contentsArea .contentsBox .contents .accordionPanel > div {
		padding-top: 3rem;
		border-radius: 0 0 2rem 2rem;
		padding-bottom: 3.5rem;
		margin-bottom: 5.5rem;
		z-index: 1;
	}
	.contentsArea .contentsBox .contents .accordionPanel .contentsInner {
		max-width: 49.5rem;
	}
	.contentsArea .contentsBox .contents01 .accordionPanel .contentsLead {
		max-width: 32rem;
		font-size: 2.04rem;
		margin-left: 5rem;
	}
	.contentsArea .contentsBox .contents01 .contentsLead::after {
		width: 14.3rem;
		height: 9.13rem;
		background: url("/financialservices/investment/point_guide/img/icn01_sp.png") no-repeat;
		background-size: contain;
		top: -0.5rem;
		right: -14rem;
	}
	.contentsArea .contentsBox .contents01 .box01 {
		flex-direction: column;
		gap: 5rem 0;
		margin: 6rem 0 3.5rem;
	}
	.contentsArea .contentsBox .contents01 .box01 > div {
		width: 100%;
	}
	.contentsArea .contentsBox .contents01 .box01 .pic {
		width: 60%;
		margin: 0 auto;
	}
	.contentsArea .contentsBox .contents01 .box01 ul {
		width: 95%;
		margin: 1.5rem auto 0;
	}
	.contentsArea .contentsBox .contents01 .box01 > div:last-child ul {
		width: 70%;
	}
	.contentsArea .contentsBox .contents01 .box01 ul li {
		font-size: 2rem;
		padding-left: 1em;
		text-indent: -1em;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBox ul li span.red {
		font-size: 3rem;
	}
	.contentsArea .contentsBox .contents01 .box01 .bold {
		margin-top: 1rem;
		font-size: 2.5rem;
	}
	.contentsArea .contentsBox .contents01 .box01 .bold .red {
		font-size: 3.5rem;
	}
	.contentsArea .contentsBox .contents01 .picBox {
		margin: 1rem auto 0;
		max-width: 26.03rem;
		flex-direction: column;
		gap: 3rem 0;
	}
	.contentsArea .contentsBox .contents01 .picBox > p {
		max-width: 100%;
	}
	.contentsArea .contentsBox .txt {
		margin-top: 2rem;
	}
	.contentsArea .contentsBox .contents01 .orangeBox {
		margin: 1rem auto 0;
		padding: 2rem 1.5rem;
		flex-direction: column;
		gap: 1rem 0;
		max-width: 47.8rem;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBold {
		max-width: 100%;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBox.pc {
		display: none;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBox {
		max-width: 100%;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBox .box {
		display: flex;
		gap: 0 3rem;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBox .year {
		width: 20%;
	}
	.contentsArea .contentsBox .contents01 .orangeBox .txtBox .point {
		width: 80%;
	}
	.contentsArea .contentsBox .stepBox {
		margin: 1rem auto 0;
		max-width: 47.8rem;
		flex-direction: column;
		gap: 6.5rem 0;
	}
	.contentsArea .contentsBox .stepBox .step {
		width: 100%;
		border: 0.6rem solid #0092E0;
		border-radius: 2rem;
		padding: 0.5rem 1rem 1rem;
		text-align: left;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step01 {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.contentsArea .contentsBox .stepBox .step.arrow::after {
		border-width: 2.5rem 2.7rem 0 2.7rem;
		border-color: #00A0E9 transparent transparent transparent;
		top: auto;
		bottom: -5.5rem;
		right: calc(50% - 2.7rem);
	}
	.contentsArea .contentsBox .stepBox .step .stepTtl {
		font-size: 2.31rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step01 .stepTtl {
		max-width: 8.5rem;
	}
	.contentsArea .contentsBox .stepBox .step .stepTxt {
		font-size: 2.4rem;
		line-height: 1.5;
		text-align: center;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step01 .stepTxt {
		margin-top: 2rem;
		max-width: 33.5rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step .box {
		display: flex;
		justify-content: flex-end;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step02 .stepTxt {
		margin-top: 1.5rem;
		max-width: 32rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step03 .stepTxt {
		margin-top: 0;
		max-width: 31rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step .pic01 {
		margin: 0;
		max-width: 7rem;
		margin-top: 3rem;
		margin-right: 0.5rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step .pic02 {
		margin: 2.5rem 0 0 -2rem;
		max-width: 10.069rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step .pic03 {
		margin: -2rem 0 0 5rem;
		max-width: 9rem;
	}
	.contentsArea .contentsBox .stepBox .step .txt {
		max-width: 31rem;
		margin: 0 auto;
	}
	.contentsArea .contentsBox .stepBox .step .txt.mg {
		margin-top: 1.5rem;
	}
	.contentsArea .contentsBox .contents01 .stepBox .step03 .txt.mg {
		margin-top: -1rem;
		max-width: 31rem;
	}
}
/*==================================================================================
contents01
table
==================================================================================*/
.contentsArea .contentsBox table {
	margin-top: 0.5rem;
	font-size: 1.4rem;
}
.contentsArea .contentsBox table , td {
	border: 1px solid #231815;
	border-collapse: collapse;
}
.contentsArea .contentsBox td {
	padding: 1rem;
	width: 82%;
	vertical-align: top;
}
.contentsArea .contentsBox td.ttl {
	width: 18%;
	vertical-align: top;
}
.contentsArea .contentsBox td.tableHeader {
	font-size: 1.6rem;
}
.contentsArea .contentsBox td .bold {
	font-weight: bold;
}
.contentsArea .contentsBox .table02 .tableHeader {
	font-size: 1.4rem;
	border-top: 2px solid #231815;
	border-bottom: 2px solid #231815;
	background: #DBDCDC;
}
.contentsArea .contentsBox table .table02 {
	border: none;
	width: 95%;
}
.contentsArea .contentsBox .table02 td {
	width: 50%;
}
.contentsArea .contentsBox .table02 td:first-child {
	border-left: none;
}
.contentsArea .contentsBox .table02 td:last-child {
	border-right: none;
}
.contentsArea .contentsBox .table02 td.big {
	width: 70%;
}
.contentsArea .contentsBox .table02 td.bold {
	font-weight: bold;
}
.contentsArea .contentsBox .table02 .blue {
	background: #DFEBF6;
}
.contentsArea .contentsBox .table02 tr:last-child {
	border-bottom: 2px solid #231815;
}
.contentsArea .contentsBox table ul {
	margin-top: 0.5rem;
}
.contentsArea .contentsBox table ul li {
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox table {
		max-width: 47.8rem;
		margin: 1rem auto 0;
		font-size: 1.46rem
	}
	.contentsArea .contentsBox td {
		width: 82.7%;
		vertical-align: top;
	}
	.contentsArea .contentsBox td.ttl {
		width: 17.3%;
	}
	.contentsArea .contentsBox td.tableHeader {
		font-size: 1.46rem;
	}
	.contentsArea .contentsBox .table02 .tableHeader {
		font-size: 1.46rem;
	}
	.contentsArea .contentsBox table .table02 {
		width: 100%;
		margin: 0.5rem 0 0 0;
	}
	.contentsArea .contentsBox table ul {
		margin-top: 2rem;
	}
}
/*==================================================================================
contents02
==================================================================================*/
.contentsArea .contentsBox .contents.contents02 .contentsTtl {
	margin: -15.2rem 0 1.5rem auto;
}
.contentsArea .contentsBox .contents.contents02 .contentsTtl::after ,
.contentsArea .contentsBox .contents.contents04 .contentsTtl::after ,
.contentsArea .contentsBox .contents.contents06 .contentsTtl::after {
	right: auto;
	left: -38.5rem;
}
.contentsArea .contentsBox .contents02 .contentsTtl .contentsLead {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	max-width: 17rem;
	margin-left: 0;
}
.contentsArea .contentsBox .contents02 .contentsTtl[aria-expanded="true"] .contentsLead {
	display: none;
}
.contentsArea .contentsBox .contents02 .contentsTtl .contentsLead::after {
	content: '';
	width: 7.6rem;
	height: 5.6rem;
	background: url("/financialservices/investment/point_guide/img/icn02.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: -0.5rem;
	right: -10rem;
}
.contentsArea .contentsBox .contents02 .accordionPanel > div ,
.contentsArea .contentsBox .contents04 .accordionPanel > div ,
.contentsArea .contentsBox .contents06 .accordionPanel > div {
	border-radius: 1rem 0 0 0;
}
.contentsArea .contentsBox .contents02.accordionItem.open .accordionPanel ,
.contentsArea .contentsBox .contents04.accordionItem.open .accordionPanel ,
.contentsArea .contentsBox .contents06.accordionItem.open .accordionPanel {
	margin-top: -2.5rem;
}
.contentsArea .contentsBox .contents02 .contentsLead {
	position: relative;
	margin-left: 2rem;
}
.contentsArea .contentsBox .contents02 .contentsLead::after {
	content: '';
	width: 7.6rem;
	height: 5.6rem;
	background: url("/financialservices/investment/point_guide/img/icn02.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 2rem;
}
.contentsArea .contentsBox .contents02 .picBox {
	margin-top: 5rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.contentsArea .contentsBox .contents02 .picBox > p:not(:nth-child(2)) {
	max-width: 18.3rem;
}
.contentsArea .contentsBox .contents02 .picBox > p:nth-child(2) {
	max-width: 20rem;
}
.contentsArea .contentsBox .contents02 .orangeBox {
	margin: 0.5rem auto 0;
	background: #F5D7CD;
	padding: 1rem 0 1rem 2rem;
	border-radius: 3rem;
}
.contentsArea .contentsBox .contents02 .orangeBox .txtBold {
	font-weight: bold;
}
.contentsArea .contentsBox .contents02 .orangeBox .txt {
	margin-top: 0;
}
.contentsArea .contentsBox .contents02 .orangeBox .border {
	display: inline-block;
	color: #E60012;
	background: linear-gradient(transparent 40%, #fff27d 40%);
	padding-left: 0.1em;
	line-height: 1;
}
.contentsArea .contentsBox .note {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 2rem;
	padding-left: 1em;
	text-indent: -1em;
}
.contentsArea .contentsBox .note.mt0 {
	margin-top: 0;
}
.contentsArea .contentsBox .txt.mg {
	margin-top: 7rem;
}
.contentsArea .contentsBox .stepBox .btn a {
	margin-top: 5.5rem;
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	color: #E60012;
	border: 1px solid #E60012;
	border-radius: 0.5rem;
	padding: 0.3rem 2rem 0rem 0.3rem;
	position: relative;
}
.contentsArea .contentsBox .stepBox .btn a::before {
	content: '';
	width: 1.3rem;
	height: 1.3rem;
	background: #E60012;
	border-radius: 50%;
	position: absolute;
	top: 1.5rem;
	right: 0.5rem;
}
.contentsArea .contentsBox .stepBox .btn a::after {
	content: '';
	width: 0.3rem;
	height: 0.3rem;
	border-top: solid 0.2rem #fff;
	border-right: solid 0.2rem #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 1.9rem;
	right: 1rem;
}
.contentsArea .contentsBox .contents02 .stepBox .step.step02 .stepTxt {
	margin-top: 2rem;
}
.contentsArea .contentsBox .contents02 .stepBox .step .pic01 {
	margin: 3.5rem auto 6rem;
	max-width: 8.9rem;
}
.contentsArea .contentsBox .contents .stepBox .step .stepTxt .red , .contentsArea .contentsBox .contents .stepBox .step .txt .red {
	color: #E60012;
}
.contentsArea .contentsBox .contents02 .stepBox .step .pic02 {
	margin: 1rem auto 0;
	max-width: 6rem;
}
.contentsArea .contentsBox .contents .stepBox .step .txt .small {
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents.contents02 .contentsTtl {
		margin: 2rem 0;
	}
	.contentsArea .contentsBox .contents.contents02 .contentsTtl::after ,
	.contentsArea .contentsBox .contents.contents04 .contentsTtl::after ,
	.contentsArea .contentsBox .contents.contents06 .contentsTtl::after {
		right: auto;
		left: 0;
	}
	.contentsArea .contentsBox .contents02 .contentsTtl .contentsLead {
		margin-top: 2.5rem;
		font-size: 2.04rem;
		max-width: 33rem;
	}
	.contentsArea .contentsBox .contents02 .contentsTtl[aria-expanded="true"] .contentsLead {
		display: none;
	}
	.contentsArea .contentsBox .contents02 .contentsTtl .contentsLead::after {
		width: 12.21rem;
		height: 8.9rem;
		top: -2.8rem;
		right: -11rem;
	}
	.contentsArea .contentsBox .contents02 .accordionPanel > div ,
	.contentsArea .contentsBox .contents04 .accordionPanel > div ,
	.contentsArea .contentsBox .contents06 .accordionPanel > div {
		border-radius: 0 0 2rem 2rem;
	}
	.contentsArea .contentsBox .contents02.accordionItem.open .accordionPanel ,
	.contentsArea .contentsBox .contents04.accordionItem.open .accordionPanel ,
	.contentsArea .contentsBox .contents06.accordionItem.open .accordionPanel {
		margin-top: -3.5rem;
	}
	.contentsArea .contentsBox .contents02 .contentsLead {
		margin-left: 5.5rem;
	}
	.contentsArea .contentsBox .contents02 .contentsLead::after {
		width: 12.21rem;
		height: 8.9rem;
		top: -2rem;
		right: 1rem;
	}
	.contentsArea .contentsBox .contents02 .picBox {
		margin-top: 4rem;
		flex-direction: column;
		gap: 1.5rem 0;
	}
	.contentsArea .contentsBox .contents02 .picBox > p:not(:nth-child(2)) {
		max-width: 26.6rem;
	}
	.contentsArea .contentsBox .contents02 .picBox > p:nth-child(2) {
		max-width: 29.26rem;
	}
	.contentsArea .contentsBox .contents02 .orangeBox {
		margin: 1rem auto 0;
		padding: 2rem 2rem;
		max-width: 47.8rem;
	}
	.contentsArea .contentsBox .contents02 .orangeBox .txt {
		margin-top: 0.5rem;
		font-size: 1.79rem;
		line-height: 3rem;
	}
	.contentsArea .contentsBox .contents02 .orangeBox .border {
		font-size: 2.39rem;
	}
	.contentsArea .contentsBox .note {
		margin-top: 2rem;
		font-size: 1.46rem;
		line-height: 2.5rem;
	}
	.contentsArea .contentsBox .txt.mg {
		margin-top: 4rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step01 .stepTxt {
		margin-top: -2rem;
	}
	.contentsArea .contentsBox .stepBox .btn a {
		margin: 2rem auto 0;
		font-size: 1.87rem;
		padding: 1rem 3rem 1rem 2rem;
		max-width: 36rem;
	}
	.contentsArea .contentsBox .stepBox .btn a::before {
		width: 1.5rem;
		height: 1.5rem;
		top: 1.5rem;
		right: 1.2rem;
	}
	.contentsArea .contentsBox .stepBox .btn a::after {
		width: 0.4rem;
		height: 0.4rem;
		top: 2rem;
		right: 1.7rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step .box {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step.step02 .box {
		margin-top: -3.5rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step.step03 .box {
		margin-top: -3rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step02 .box .txtBox {
		max-width: 31rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step03 .box .txtBox {
		max-width: 29.8rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step02 .stepTxt {
		margin-top: 0;
		margin-left: 6rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step03 .stepTxt {
		margin-left: 2rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step02 .txt {
		margin-top: 1rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step .pic01 {
		margin: 2rem 0 0;
		max-width: 9.65rem;
	}
	.contentsArea .contentsBox .contents02 .stepBox .step .pic02 {
		margin: 0;
		max-width: 10rem;
		margin-bottom: 3rem;
	}
	.contentsArea .contentsBox .contents .stepBox .step .txt .small {
		font-size: 1.8rem;
	}
}
/*==================================================================================
contents02
table
==================================================================================*/
.contentsArea .contentsBox table .txt:first-of-type {
	margin-top: 0;
}
/* .contentsArea .contentsBox table td.borderN {
	border-top: none;
	border-bottom: none;
} */
.contentsArea .contentsBox .contents02 .table02 td {
	width: 20%;
}
.contentsArea .contentsBox .contents02 .table02 td.right {
	width: 30%;
	border-right: 2px solid #231815;
}
.contentsArea .contentsBox table .link a {
	margin-top: 1rem;
	display: inline-block;
	color: #00A0E9;
	text-decoration: underline;
	padding-left: 1.5rem;
	position: relative;
}
.contentsArea .contentsBox table .link a::before {
	content: '';
	width: 1.25rem;
	height: 1.2rem;
	background: url("/financialservices/investment/point_guide/img/icn05.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.5rem;
	left: 0;
}
.contentsArea .contentsBox table td .red {
	font-size: 1.6rem;
	color: #E60012;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents02 .table02 {
		width: 100%;
	}
	.contentsArea .contentsBox .contents02 .table02 td {
		width: 28%;
		font-size: 1.28rem;
	}
	.contentsArea .contentsBox .contents02 .table02 td.right {
		width: 37%;
		border-right: none;
	}
	.contentsArea .contentsBox .contents02 .table02 td.right.small {
		font-size: 1.02rem;
	}
	.contentsArea .contentsBox table .link a {
		margin-top: 1rem;
		padding-left: 2rem;
	}
	.contentsArea .contentsBox table .link a::before {
		width: 1.45rem;
		height: 1.45rem;
		top: 0.4rem;
		left: 0;
	}
	.contentsArea .contentsBox .contents02 table ul {
		margin-top: 1rem;
	}
	.contentsArea .contentsBox .contents table ul.mg {
		margin-top: 0;
	}
	.contentsArea .contentsBox table td.borderN {
		border: 1px solid #231815;
	}
	.contentsArea .contentsBox table td .red {
		font-size: 1.71rem;
	}
}
/*==================================================================================
contents03
==================================================================================*/
.contentsArea .contentsBox .contents03 .pic {
	margin: 1rem auto 0;
	max-width: 37rem;
}
.contentsArea .contentsBox .contents03 .stepBox .step.step01 .stepTxt {
	margin-top: 2.5rem;
}
.contentsArea .contentsBox .contents03 .stepBox .step.step02 .stepTxt , .contentsArea .contentsBox .contents03 .stepBox .step.step03 .stepTxt {
	margin-top: 1.5rem;
}
.contentsArea .contentsBox .contents03 .stepBox .step .pic01 {
	margin: 1rem auto 0;
	max-width: 4.2rem;
}
.contentsArea .contentsBox .contents03 .stepBox .step .pic02 {
	margin: 4.5rem auto 0;
	max-width: 7.6rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents.contents03 .contentsLead {
		max-width: 44rem;
		margin-left: 5.5rem;
	}
	.contentsArea .contentsBox .contents03 .pic {
		margin: 4.5rem auto 0;
		max-width: 45.39rem;
	}
	.contentsArea .contentsBox .contents03 .txt.mgSp {
		margin-top: 7.5rem;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step.step01 .box {
		margin-top: -3rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step.step01 .box .txtBox {
		max-width: 30rem;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step.step01 .stepTxt {
		margin-top: 0;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step .pic01 {
		margin: 0;
		margin-top: 1rem;
		max-width: 5.8rem;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step.step02 .stepTxt {
		margin-top: -2rem;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step.step03 .box {
		margin-top: -1rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step.step03 .stepTxt {
		margin-top: 0;
		max-width: 19.5rem;
		margin-right: 4rem;
	}
	.contentsArea .contentsBox .contents03 .stepBox .step .pic02 {
		margin: 0;
		max-width: 8.5rem;
	}
}
/*==================================================================================
contents04
==================================================================================*/
.contentsArea .contentsBox .contents.contents04 .contentsTtl {
	margin: -6.8rem 0 1.5rem auto;
}
.contentsArea .contentsBox .contents04 .box {
	margin-top: 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.contentsArea .contentsBox .contents04 .box .pic {
	max-width: 38.8rem;
}
.contentsArea .contentsBox .contents04 .box .txt {
	margin-top: 0;
	max-width: 25rem;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 2.8rem;
	color: #0A3E86;
	text-align: center;
}
.contentsArea .contentsBox .contents04 .box .txt .red {
	margin-top: 3rem;
    display: inline-block;
	font-size: 2.9rem;
	color: #E60012;
	line-height: 4rem;
}
.contentsArea .contentsBox .contents04 .box .txt .red .big {
	font-size: 8.2rem;
	font-family: 'Helvetica',sans-serif;
}
.contentsArea .contentsBox .contents04 .box .txt .red .middle {
	font-size: 4.6rem;
}
.contentsArea .contentsBox .contents04 .box .txt .red .small {
	font-size: 2rem;
	margin-left: 0.2em;
}
.contentsArea .contentsBox .contents04 .txt.mg {
    margin-top: 5rem;
}
.contentsArea .contentsBox .contents04 .stepBox .step01 .stepTxt , .contentsArea .contentsBox .contents04 .stepBox .step03 .stepTxt{
	margin-top: 1.5rem;
}
.contentsArea .contentsBox .contents04 .stepBox .step02 .stepTxt {
	margin-top: 2rem;
}
.contentsArea .contentsBox .contents04 .stepBox .step .pic01 {
	margin: 2.5rem auto 0;
	max-width: 9rem;
}
.contentsArea .contentsBox .contents04 .stepBox .step .pic02 {
	margin: 0.5rem auto 0;
	max-width: 6rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents.contents04 .contentsTtl {
		margin: 2rem 0;
	}
	.contentsArea .contentsBox .contents.contents04 .contentsLead {
		max-width: 51rem;
		margin-left: 6.5rem;
	}
	.contentsArea .contentsBox .contents04 .box {
		margin-top: 1rem;
		flex-direction: column;
	}
	.contentsArea .contentsBox .contents04 .box .pic {
		max-width: 43.69rem;
	}
	.contentsArea .contentsBox .contents04 .box .txt {
		margin-top: 3rem;
		max-width: 100%;
		font-size: 2.47rem;
		line-height: 3.6rem;
	}
	.contentsArea .contentsBox .contents04 .box .txt .red {
		margin-top: 3rem;
		font-size: 3.24rem;
		line-height: 5.2rem;
	}
	.contentsArea .contentsBox .contents04 .box .txt .red .big {
		font-size: 9.13rem;
	}
	.contentsArea .contentsBox .contents04 .box .txt .red .middle {
		font-size: 5.9rem;
	}
	.contentsArea .contentsBox .contents04 .box .txt .red .small {
		font-size: 2.3rem;
		margin-left: 0.2em;
	}
	.contentsArea .contentsBox .contents04 .txt.mgSp {
		margin-top: 5rem;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step01 .stepTxt {
		margin-top: -2rem;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step02 .stepBox02 {
		margin-top: -2rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step02 .stepBox02 .txtBox {
		max-width: 37rem;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step02 .stepTxt , .contentsArea .contentsBox .contents04 .stepBox .step03 .stepTxt {
		margin-top: 0;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step02 .stepBox02 .txt , .contentsArea .contentsBox .contents04 .stepBox .step03 .stepBox02 .txt {
		margin-top: 1rem;
		font-size: 2.04rem;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step .pic01 {
		margin: 0;
		max-width: 7.67rem;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step03 .stepBox02 {
		margin-top: -3rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step03 .stepBox02 .txtBox {
		max-width: 37rem;
	}
	.contentsArea .contentsBox .contents04 .stepBox .step .pic02 {
		margin: 0;
		max-width: 8.53rem;
	}
}
/*==================================================================================
contents05
==================================================================================*/
.contentsArea .contentsBox .contents05 .pic {
	margin: 4.5rem auto 0;
	max-width: 39.5rem;
}
.contentsArea .contentsBox .contents05 .orangeBox {
	margin: 0.5rem auto 0;
	background: #F5D7CD;
	padding: 1rem 0 1rem 2rem;
	border-radius: 3rem;
}
.contentsArea .contentsBox .contents05 .orangeBox .txtBold {
	font-weight: bold;
}
.contentsArea .contentsBox .contents05 .orangeBox .txt {
	margin-top: 0;
}
.contentsArea .contentsBox .contents05 .orangeBox .border {
	display: inline-block;
	color: #E60012;
	background: linear-gradient(transparent 40%, #fff27d 40%);
	padding-left: 0.1em;
	line-height: 1;
}
.contentsArea .contentsBox .contents05 .stepBox .step01 .stepTxt , .contentsArea .contentsBox .contents05 .stepBox .step03 .stepTxt{
	margin-top: 1.5rem;
}
.contentsArea .contentsBox .contents05 .stepBox .btn a {
	margin-top: 4rem;
}
.contentsArea .contentsBox .contents05 .stepBox .step02 .stepTxt {
	margin-top: 2rem;
}
.contentsArea .contentsBox .contents05 .stepBox .step .pic01 {
	margin: 4.5rem auto 4rem;
	max-width: 6.7rem;
}
.contentsArea .contentsBox .contents05 .stepBox .step .pic02 {
	margin: 0 auto 1rem;
	max-width: 6rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents.contents05 .contentsLead {
		max-width: 51rem;
		margin-left: 6.5rem;
	}
	.contentsArea .contentsBox .contents05 .pic {
		margin: 2rem auto 0;
		max-width: 55.7rem;
	}
	.contentsArea .contentsBox .contents05 .orangeBox {
		margin: 1rem auto 0;
		padding: 2rem 3rem;
		max-width: 56rem;
	}
	.contentsArea .contentsBox .contents05 .orangeBox .txt {
		margin-top: 0.5rem;
		font-size: 2.1rem;
		line-height: 3.6rem;
	}
	.contentsArea .contentsBox .contents05 .orangeBox .border {
		font-size: 2.8rem;
	}
	.contentsArea .contentsBox .contents05 .txt.mgSp {
		margin-top: 5rem;
	}	
	.contentsArea .contentsBox .contents05 .stepBox .step01 .stepTxt {
		margin-top: -2rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .btn a {
		margin-top: 2.5rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step.step02 .box {
		margin-top: -2rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-right: 1rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step.step02 .box .txtBox {
		max-width: 35rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step02 .stepTxt {
		margin-top: 0;
		margin-left: 7rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step.step02 .box .txt {
		margin-top: 1rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step .pic01 {
		margin: 0;
		max-width: 10.6rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step.step03 .box {
		margin-top: -3rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step.step03 .box .txtBox {
		max-width: 37rem;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step03 .stepTxt {
		margin-top: 0;
	}
	.contentsArea .contentsBox .contents05 .stepBox .step .pic02 {
		margin: 0;
		max-width: 8.53rem;
	}
}
/*==================================================================================
contents06
==================================================================================*/
.contentsArea .contentsBox .contents.contents06 .contentsTtl {
	margin: -6.8rem 0 1.5rem auto;
}
.contentsArea .contentsBox .contents06 .box {
	margin-top: 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.contentsArea .contentsBox .contents06 .box .pic {
	max-width: 38.8rem;
}
.contentsArea .contentsBox .contents06 .box .txt {
	margin-top: 0;
	max-width: 25rem;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 2.8rem;
	color: #0A3E86;
	text-align: center;
}
.contentsArea .contentsBox .contents06 .box .txt .red {
	margin-top: 3rem;
    display: inline-block;
	font-size: 2.9rem;
	color: #E60012;
	line-height: 4rem;
}
.contentsArea .contentsBox .contents06 .box .txt .red .big {
	font-size: 8.2rem;
	font-family: 'Helvetica',sans-serif;
}
.contentsArea .contentsBox .contents06 .box .txt .red .middle {
	font-size: 4.6rem;
}
.contentsArea .contentsBox .contents06 .box .txt .red .small {
	font-size: 2.3rem;
	margin-left: 0.2em;
}
.contentsArea .contentsBox .contents06 .stepBox .step01 .stepTxt , .contentsArea .contentsBox .contents06 .stepBox .step03 .stepTxt{
	margin-top: 1.5rem;
}
.contentsArea .contentsBox .contents06 .stepBox .btn a {
	margin-top: 2.5rem;
}
.contentsArea .contentsBox .contents06 .stepBox .step02 .stepTxt {
	margin-top: 2rem;
}
.contentsArea .contentsBox .contents06 .stepBox .step .pic01 {
	margin: 3rem auto 0;
	max-width: 9rem;
}
.contentsArea .contentsBox .contents06 .stepBox .step .pic02 {
	margin: 0.5rem auto 0;
	max-width: 6rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents.contents06 .contentsTtl {
		margin: 2rem 0;
	}
	.contentsArea .contentsBox .contents.contents06 .contentsLead {
		max-width: 43rem;
		margin-left: 5.5rem;
	}
	.contentsArea .contentsBox .contents06 .box {
		margin-top: 2.5rem;
		flex-direction: column;
	}
	.contentsArea .contentsBox .contents06 .box .pic {
		max-width: 43.69rem;
	}
	.contentsArea .contentsBox .contents06 .box .txt {
		margin-top: 4.5rem;
		max-width: 100%;
		font-size: 2.56rem;
		line-height: 3.6rem;
	}
	.contentsArea .contentsBox .contents06 .box .txt .red {
		margin-top: 3rem;
		font-size: 3.24rem;
		line-height: 5.2rem;
	}
	.contentsArea .contentsBox .contents06 .box .txt .red .big {
		font-size: 9.13rem;
	}
	.contentsArea .contentsBox .contents06 .box .txt .red .middle {
		font-size: 5.03rem;
	}
	.contentsArea .contentsBox .contents06 .box .txt .red .small {
		font-size: 2.5rem;
		margin-left: 0.2em;
	}
	.contentsArea .contentsBox .contents06 .txt.mgSp {
		margin-top: 5rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step01 .stepTxt {
		margin-top: -2rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .btn a {
		margin-top: 2.5rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step02 .stepBox02 {
		margin-top: -2rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step02 .stepBox02 .txtBox {
		max-width: 30.5rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step02 .stepTxt {
		margin-top: 0;
		margin-left: 2rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step02 .txt {
		margin-top: 1rem;
		font-size: 1.9rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step .pic01 {
		margin: 0;
		max-width: 7.68rem;
		margin-left: 1rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step03 .stepBox02 {
		margin-top: -3rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step03 .stepBox02 .txtBox {
		max-width: 37rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step03 .stepTxt {
		margin-top: 0;
		margin-left: 2rem;
	}
	.contentsArea .contentsBox .contents06 .stepBox .step .pic02 {
		margin: 0;
		max-width: 8.53rem;
	}
}
/*==================================================================================
contents07
==================================================================================*/
.contentsArea .contentsBox .contents07 .box {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 5rem;
}
.contentsArea .contentsBox .contents07 .box .circle {
	width: 19.4rem;
	height: 19.4rem;
	font-size: 2.3rem;
	font-weight: bold;
	color: #19337A;
	text-align: center;
	border: solid 0.4rem #19337A;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.contentsArea .contentsBox .contents07 .box .txt {
	margin-top: 0;
	max-width: 25rem;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 2.8rem;
	color: #0A3E86;
	text-align: center;
}
.contentsArea .contentsBox .contents07 .box .txt .red {
	margin-top: 3rem;
    display: inline-block;
	font-size: 2.9rem;
	color: #E60012;
	line-height: 4rem;
}
.contentsArea .contentsBox .contents07 .box .txt .red .big {
	font-size: 8.2rem;
	font-family: 'Helvetica',sans-serif;
}
.contentsArea .contentsBox .contents07 .box .txt .red .middle {
	font-size: 4.6rem;
}
.contentsArea .contentsBox .contents07 .box .txt .red .small {
	font-size: 2rem;
	margin-left: 0.2em;
}
.contentsArea .contentsBox .contents07 .stepBox .btn a {
	margin-top: 3rem;
}
.contentsArea .contentsBox .contents07 .stepBox .step .pic01 {
	margin: 3rem auto;
}
.contentsArea .contentsBox .contents07 .stepBox .step .pic02 {
	margin: 0.5rem auto 0;
	max-width: 6rem;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox .contents07 .box {
		margin-top: 2rem;
		flex-direction: column;
	}
	.contentsArea .contentsBox .contents07 .box .circle {
		width: 21.845rem;
		height: 21.845rem;
		font-size: 2.5rem;
		border: solid 0.5rem #19337A;
	}
	.contentsArea .contentsBox .contents07 .box .txt {
		margin-top: 3rem;
		max-width: 100%;
		font-size: 2.47rem;
		line-height: 3.6rem;
	}
	.contentsArea .contentsBox .contents07 .box .txt .red {
		margin-top: 3rem;
		font-size: 3.24rem;
		line-height: 5.2rem;
	}
	.contentsArea .contentsBox .contents07 .box .txt .red .big {
		font-size: 9.13rem;
	}
	.contentsArea .contentsBox .contents07 .box .txt .red .middle {
		font-size: 5.9rem;
	}
	.contentsArea .contentsBox .contents07 .box .txt .red .small {
		font-size: 2.3rem;
		margin-left: 0.2em;
	}
	.contentsArea .contentsBox .contents07 .stepBox .btn a {
		margin: 2rem auto 0;
	}
	.contentsArea .contentsBox .contents07 .stepBox .step02 .stepBox02 {
		margin-top: -2rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents07 .stepBox .step02 .txt {
		max-width: 30rem;
	}
	.contentsArea .contentsBox .contents07 .stepBox .step .pic01 {
		margin: 0;
		max-width: 7.67rem;
	}
	.contentsArea .contentsBox .contents07 .stepBox .step03 .stepBox02 {
		margin-top: -3rem;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contentsArea .contentsBox .contents07 .stepBox .step .pic02 {
		margin: 0;
		max-width: 8.53rem;
	}
}
/*==================================================================================
bnr
==================================================================================*/
.contentsArea .bnrTtl {
	margin-top: 7rem;
}
.contentsArea .bnr {
	margin: 2.5rem auto 0;
	max-width: 74.2rem;
}
.contentsArea .bnrBtn a {
	display: block;
	margin: 1.5rem auto 0;
	max-width: 23.5rem;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	color: #E60012;
	background: #fff;
	border: 1px solid #E60012;
	border-radius: 3rem;
	padding: 1rem;
	position: relative;
}
.contentsArea .bnrBtn a::before {
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	background: #E60012;
	border-radius: 50%;
	position: absolute;
	top: 1.3rem;
	right: 5rem;
}
.contentsArea .bnrBtn a::after {
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	border-top: solid 0.2rem #fff;
	border-right: solid 0.2rem #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 1.7rem;
	right: 5.5rem;
}
.contentsArea .boldTxt {
	margin-top: 3rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.contentsArea .bnrTtl {
		margin-top: 5rem;
	}
	.contentsArea .bnr {
		margin: 6rem auto 0;
		max-width: 75rem;
	}
	.contentsArea .bnrBtn a {
		margin: 1.5rem auto 0;
		max-width: 20.1rem;
		font-size: 1.2rem;
		padding: 1rem 4rem;
	}
	.contentsArea .bnrBtn a::before {
		width: 1.3rem;
		height: 1.3rem;
		top: 1.1rem;
		right: 3.5rem;
	}
	.contentsArea .bnrBtn a::after {
		width: 0.3rem;
		height: 0.3rem;
		top: 1.5rem;
		right: 4rem;
	}
}
/*==================================================================================
tab style
==================================================================================*/
.contentsArea .contentsBox.contentsOpen1 .contents.contents02 {
	position: absolute;
	top: 15.2rem;
	right: 0;
	width: 100%;
}
.contentsArea .contentsBox.contentsOpen1 .contents.contents02 .contentsTtl {
	opacity: .7;
	box-shadow: none;
}
.contentsArea .contentsBox.contentsOpen2 .contents.contents01 .contentsTtl {
	opacity: .7;
	box-shadow: none;
}
.contentsArea .contentsBox.contentsOpen3 .contents04 {
	position: absolute;
	top: 23.5rem;
	right: 0;
	width: 100%;
}
.contentsArea .contentsBox.contentsOpen3 .contents.contents04 .contentsTtl {
	opacity: .7;
	box-shadow: none;
}
.contentsArea .contentsBox.contentsOpen4 .contents.contents03 .contentsTtl {
	opacity: .7;
	box-shadow: none;
}
.contentsArea .contentsBox.contentsOpen5 .contents06 {
	position: absolute;
	top: 31.8rem;
	right: 0;
	width: 100%;
}
.contentsArea .contentsBox.contentsOpen5 .contents.contents06 .contentsTtl {
	opacity: .7;
	box-shadow: none;
}
.contentsArea .contentsBox.contentsOpen6 .contents.contents05 .contentsTtl {
	opacity: .7;
	box-shadow: none;
}
@media screen and (max-width: 768px) {
	.contentsArea .contentsBox.contentsOpen1 .contents.contents02 {
		position: static;
		top: auto;
		right: auto;
	}
	.contentsArea .contentsBox.contentsOpen1 .contents.contents02 .contentsTtl {
		opacity: 1;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
	}
	.contentsArea .contentsBox.contentsOpen2 .contents.contents01 .contentsTtl {
		opacity: 1;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
	}
	.contentsArea .contentsBox.contentsOpen3 .contents04 {
		position: static;
		top: auto;
		right: auto;
	}
	.contentsArea .contentsBox.contentsOpen3 .contents.contents04 .contentsTtl {
		opacity: 1;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
	}
	.contentsArea .contentsBox.contentsOpen4 .contents.contents03 .contentsTtl {
		opacity: 1;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
	}
	.contentsArea .contentsBox.contentsOpen5 .contents06 {
		position: static;
		top: auto;
		right: auto;
	}
	.contentsArea .contentsBox.contentsOpen5 .contents.contents06 .contentsTtl {
		opacity: 1;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
	}
	.contentsArea .contentsBox.contentsOpen6 .contents.contents05 .contentsTtl {
		opacity: 1;
		box-shadow: 0.6rem 0.7rem #B1C7DB;
	}
}