@charset "UTF-8";

.content-wrap {
	margin: 0 auto;
	max-width: 130rem;
}

main .wrap {
	margin: 0 auto;
	width: 94%;
	max-width: 100rem;
}

main .emphasis {
	font-size: 130%;
}

main .small {
	font-size: 70%;
}

main .bold {
	font-weight: bold;
}

main .colorRed {
	color: #df0320;
}

main .colorBlue {
	color: #1f5e9d;
}

@media (min-width: 768px) {
	a.tel {
		pointer-events: none;
	}
	.sp {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.pc {
		display: none !important;
	}
}

/*==================================================================================
 pc-tablet style
==================================================================================*/
.modalDesk .modalContainer {
	width: 80rem;
	height: 31.5rem;
	border-radius: 1rem;
}
.modalDesk {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.8;
}
.modalDesk p {
	margin-top: 1rem;
}
.modalDesk .tel {
	color: #e60012;
	font-weight: bold;
}
.modalDesk .tel span {
	padding-left: 3rem;
	position: relative;
}
.modalDesk .tel span::before {
	display: block;
	content: '';
	width: 2.6rem;
	height: 2.6rem;
	background-image: url(/financialservices/investment/lp/img/icon_tel.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: calc(50% - 1.3rem);
}

@keyframes loopAnimation01 {
	45% {margin: 0 auto 15px; box-shadow: 0 15px 0 0px #004f16;}
	46% {margin: 15px auto 0; box-shadow: none;}
	55% {margin: 15px auto 0; box-shadow: none;}
	56% {margin: 0 auto 15px; box-shadow: 0 15px 0 0px #004f16;}
}

.siteHeader {
	position: static;
	padding: 20px calc(1% + 10px);
}

.siteHeader .headerLogo {
	line-height: 1;
	max-width: 264px;
}

/* commonAnimationButton01 */
main .commonAnimationButton01 {
	margin: auto;
	max-width: 660px;
	text-align: center;
	font-size: 25px;
}

main .commonAnimationButton01 a {
	display: block;
	position: relative;
	margin: 0 auto 15px;
	padding: 20px 0;
	border-radius: 46px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	background: #00af30;
	box-shadow: 0 15px 0 0px #004f16;
	animation: loopAnimation01 3s linear 2s infinite;
}

main .commonAnimationButton01 a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 28px;
	width: 24px;
	height: 24px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transform: rotate(45deg);
}

main .commonAnimationButton01 a .emphasis {
	display: inline-block;
	padding: 8px 0 3px;
}

/* commonButton01 */
main .commonButton01 {
	margin: auto;
	text-align: center;
	font-size: 23px;
}

main .commonButton01 a,
main .commonButton01 button {
	display: block;
	position: relative;
	width: 100%;
	height: 74px;
	border-radius: 40px;
	line-height: 1;
	text-decoration: none;
	background: #fff;
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
}

main .commonButton01 span {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	line-height: 1.1;
	transform: translateY(-50%);
}

main .commonButton01 a:after,
main .commonButton01 button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 28px;
	width: 18px;
	height: 18px;
	border-top: 4px solid #1f5e9d;
	border-right: 4px solid #1f5e9d;
	transform: rotate(45deg);
}

main .commonButton01 a.colorRed:after {
	border-top-color: #df0320;
	border-right-color: #df0320;
}

/* mainVisual
------------------- */
main .mainVisual {
	padding-bottom: 30px;
}

main .mainVisual h2 {
	line-height: 1;
	padding-bottom: 30px;
}

main .mainVisual h2 img {
	width: 100%;
}

main .mainVisual .mvTxt {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.32;
	text-align: center;
}

main .mainVisual .mv {
	margin-top: 20px;
	padding-top: 23px;
	background: url(/financialservices/investment/lp/img/mv_bg.png) repeat-x;
	background-size: cover;
	margin-bottom: 30px;
}
main .mainVisual .mv > p {
	max-width: 844px;
	margin: 0 auto;
}

/* sections
------------------- */
main .sections h3 {
	position: relative;
	padding-bottom: 20px;
	text-align: center;
	line-height: 1.4;
	font-size: 44px;
}

main .sections h3 .small {
	font-size: 60%;
}

main .sections .ttlBox {
	padding-bottom: 30px;
	text-align: center;
}

main .sections .ttlBox .lead {
	position: relative;
	padding-bottom: 20px;
	line-height: 1.4;
	font-size: 28px;
}

/* section01 */
main .section01 {
	padding: 60px 0 80px;
	background: #f5f5f5;
}

main .section01 .contentsList li {
	padding-right: 14%;
	line-height: 1;
}

main .section01 .contentsList li:nth-child(2n) {
	padding-right: 0;
	padding-left: 14%;
}

main .section01 .contentsList li:not(:last-child) {
	padding-bottom: 40px;
}

/* section02 */
main .section02 {
	position: relative;
	padding: 90px 0 50px;
	color: #fff;
	background: #de4d4d;
}

main .section02:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	border-top: 46px solid #f5f5f5;
	border-right: 48px solid transparent;
	border-left: 48px solid transparent;
	transform: translateX(-50%);
}

main .section02 .contentsList {
	box-sizing: border-box;
	padding: 30px 7%;
	max-width: 1200px;
	border-radius: 20px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	gap: 0 8%;
}

main .section02 .contentsList li {
	width: 30%;
}

main .section02 .contentsList li:last-child {
	width: 33%;
}

main .section02 .commonAnimationButton01 {
	padding-top: 50px;
}

main .section02 .point {
	margin: 50px auto 0;
	max-width: 120.6rem;
	position: relative;
}

main .section02 .point .ttl {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.32;
	text-align: center;
	color: #fff;
	margin-bottom: 1.5rem;
}

main .section02 .point .btn {
	max-width: 108.1rem;
	position: absolute;
	left: calc(50% - 54rem);
	bottom: 36px;
}

/* section03 */
main .section03 {
	position: relative;
	padding: 90px 0 50px;
}

main .section03:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	border-top: 46px solid #1f5e9d;
	border-right: 48px solid transparent;
	border-left: 48px solid transparent;
	transform: translateX(-50%);
}

main .section03 .contentsList li {
	padding: 30px 0;
	border-top: 1px solid #000;
}

/* section04 */
main .section04 {
	position: relative;
	padding: 70px 0 50px;
	color: #fff;
	background: #1f5e9d;
}

main .section04:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	border-top: 46px solid #df0320;
	border-right: 48px solid transparent;
	border-left: 48px solid transparent;
	transform: translateX(-50%);
}

main .section04 h3 {
	font-size: 60px;
	line-height: 1;
}

main .section04 h3 .small {
	font-size: 34px;
}

main .section04 .contentsArea {
	box-sizing: border-box;
	padding: 60px 4% 20px;
	border-radius: 10px;
	color: #000;
	background: #fff;
}

main .section04 .contentsArea h4 {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

main .section04 .contentsArea .text {
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
}

main .section04 .contentsArea .ex {
	margin-top: 40px;
	text-align: center;
}

main .section04 .contentsArea .ex dt {
	display: inline-block;
	padding: 10px 20px;
	font-size: 26px;
	font-weight: bold;
	color: #1f5e9d;
	border: solid 1px #1f5e9d;
	line-height: 1;
}

main .section04 .contentsArea .ex dd p {
	margin: 25px auto 0;
	width: 533px;
}

main .section04 .contentsArea h5 {
	margin-top: 90px;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
}

main .section04 .contentsArea .chengePoint {
	margin-top: 20px;
}

main .section04 .contentsArea .chengePoint dt {
	font-size: 20px;
	line-height: 1.5;
}

main .section04 .contentsArea .chengePoint dd p {
	margin: 35px auto 0;
	width: 85%;
}

main .section04 .contentsArea .chengePoint dd .note {
	margin-top: 15px;
	line-height: 1.5;
}

main .section04 .contentsArea .startGuide {
	margin-top: 50px;
	margin-bottom: 40px;
	padding-top: 50px;
	padding-bottom: 40px;
	border-top: 2px solid #1f5e9d;
	border-bottom: 2px solid #1f5e9d;
	text-align: center;
	position: relative;
}

main .section04 .contentsArea .startGuide::before {
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	border-right: 2px solid #1f5e9d;
	border-bottom: 2px solid #1f5e9d;
	background: #fff;
	transform: rotate(45deg) skew(10deg, 10deg);
}

main .section04 .contentsArea .startGuide dt {
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
}
main .section04 .contentsArea .startGuide dd {
	margin-top: 10px;
	line-height: 1.7;
	font-size: 20px;
}

main .section04 .contentsArea .attentions {
	display: flex;
	justify-content: space-between;
}

main .section04 .contentsArea .attentions dl {
	box-sizing: border-box;
	padding: 25px 2.5% 20px;
	width: 49%;
	border-radius: 5px;
	background: rgba(96, 96, 96, .06);
}

main .section04 .contentsArea .attentions dt {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #df0320;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}

main .section04 .contentsArea .attentions dd,
main .section04 .contentsArea .attentions dd li {
	line-height: 2;
	font-size: 15px;
}

main .section04 .contentsArea .notice {
	margin-top: 50px;
	margin-bottom: 30px;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}
main .section04 .contentsArea .notice span {
	padding-left: 32px;
	position: relative;
}
main .section04 .contentsArea .notice span::before {
	display: block;
	content: '';
	width: 27px;
	height: 24px;
	background-image: url(/financialservices/investment/common/img/icon_notice.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
}
main .section04 .contentsArea .notice a {
	border-bottom: solid 0.2rem #ff0000;
}

/* section05 */
main .section05 {
	position: relative;
	padding: 100px 0 80px;
	background: #f9f9f9;
}

main .section05:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	border-top: 46px solid #df0320;
	border-right: 48px solid transparent;
	border-left: 48px solid transparent;
	transform: translateX(-50%);
}
main .section05 .contents .list li {
	float: left;
	width: 20%;
}
main .section05 .contents .list li:last-child {
	width: 18.9%;
}

main .section05 .contents .list-sp {
	font-size: 0;
	text-align: center;
}
main .section05 .contents .list-sp li {
	display: inline-block;
	width: 33.3333%;
	margin-bottom: 25px;
}
main .section05 .contents .list-sp li:last-child {
	width: 30.93%;
}
main .section05 h3 {
	display: inline-block;
}

main .section05 h3 .step {
	display: block;
	position: relative;
	padding: 0 0 10px 28px;
	text-align: left;
	color: #000;
}

main .section05 h3 .step:before {
	content: '';
	display: block;
	position: absolute;
	top: -28px;
	left: -6px;
	width: 35px;
	height: 39px;
	background: url('/financialservices/investment/lp/img/icon-ornament01.png') no-repeat center center;
	background-size: 100% 100%;
}
main .section05 a {
	display: block;
}

/* section06 */
main .section06 {
	position: relative;
	margin-bottom: 60px;
	padding: 90px 0 60px;
	color: #fff;
	background: #de4d4d;
}

main .section06:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	border-top: 46px solid #fff;
	border-right: 48px solid transparent;
	border-left: 48px solid transparent;
	transform: translateX(-50%);
}

main .section06 .links {
	padding-top: 40px;
	text-align: center;
}
main .section06 .links li {
	width: 100%;
	box-sizing: border-box;
	padding: 15px 1.5% 20px;
	background: #fff;
	border-radius: 10px;
}
main .section06 .links li + li {
	margin-top: 30px;
}

@media (min-width: 1025px) {
	main .section06 .links {
		display: flex;
		justify-content: space-between;
	}
	
	main .section06 .links li {
		width: 48%;
	}
	main .section06 .links li + li {
		margin-top: 0;
	}
}

main .section06 .links p {
	padding-bottom: 10px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
}

main .section06 .links li:first-child p {
	line-height: 50px;
	height: 50px;
}

main .section06 .links p.note {
	margin-top: 10px;
	font-size: 16px;
	padding-bottom: 0;
}

/* faqArea */
main .faqArea {
	padding-bottom: 80px;
}

@media (min-width: 1025px) {
	main .faqArea .faqList {
		float: left;
		width: 47%;
	}
	main .faqArea .faqList.list02 {
		float: right;
	}
}

main .faqArea .faqList dl:not(:last-of-type) {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 2px dashed #9f9f9f;
}

main .faqArea .faqList.list02 dl:not(:last-of-type) {
	margin-bottom: 30px;
	padding-bottom: 30px;
}

main .faqArea .faqList dt {
	padding-bottom: 10px;
	line-height: 1.4;
	font-size: 22px;
	font-weight: bold;
}

main .faqArea .faqList dd {
	line-height: 2;
	font-size: 16px;
}

main .faqArea .faqList dd img {
	padding-top: 40px;
	width: 100%;
}

/* guideArea */
main .guideArea {
	margin-bottom: 70px;
	padding: 100px 0 50px;
	background: #f3f3f3;
}

main .guideArea .guideSections:not(:last-of-type) {
	margin-bottom: 40px;
}

main .guideArea .guideSections .annotation {
	padding: 30px 0 40px;
	text-align: center;
	line-height: 1.4;
	font-size: 15px;
}

main .guideArea .guideSections .accordionHeader {
	width: 100%;
	padding: 12px 0;
	line-height: 1.4;
	font-size: 21px;
	color: #fff;
	text-align: center;
	background: #0c5ca3;
	cursor: pointer;
	position: relative;
}
@media (min-width: 1025px) {
	main .guideArea .guideSections .accordionHeader:hover {
		opacity: .7;
	}
}

main .guideArea .guideSections .accordionHeader .accordionIcon:before {
	content: '＋';
	display: block;
	position: absolute;
	top: 50%;
	right: 6px;
	font-size: 40px;
	font-weight: normal;
	color: #000;
	transform: translateY(-50%);
	z-index: 2;
}

main .guideArea .guideSections .accordionHeader[aria-expanded="true"] .accordionIcon:before {
	content: 'ー';
	top: 50%;
	right: 6px;
}

main .guideArea .guideSections .accordionHeader .accordionIcon:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 6px;
	width: 41px;
	height: 41px;
	background: #fff;
	transform: translateY(-50%);
}

main .guideArea .guideSections .accordionPanel {
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	visibility: hidden;
}

main .guideArea .accordionItem.open .accordionPanel {
	max-height: 100rem;	/* 大きめに設定。実際の高さはjsで取得 */
	visibility: visible;
}

main .guideArea .guideSections .accordionPanel:focus {
	outline: none;
}

main .guideArea .guideSections .guides {
	padding: 40px 5%;
	border: 1px solid #acacac;
	background: #fff;
}

main .guideArea .guideSections .guides dl:not(:last-of-type) {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #9f9f9f;
}

main .guideArea .guideSections .guides dt {
	padding-bottom: 10px;
	line-height: 1.4;
	font-size: 21px;
	font-weight: bold;
}

main .guideArea .guideSections .guides dd,
main .guideArea .guideSections .guides p {
	line-height: 2;
	font-size: 16px;
}

main .guideArea .guideSections .guides p .small {
	font-size: 86%;
}

main .guideArea .guideSections .guides a {
	color: #0c5ca3;
}

/* pageAttention */
main .pageAttention {
	padding-bottom: 60px;
	text-align: center;
}

main .pageAttention h4 {
	display: inline-block;
	position: relative;
	margin: 0 0 30px 40px;
	padding-bottom: 5px;
	border-bottom: 3px solid #e60113;
	line-height: 1;
	font-size: 24px;
	color: #e60113;
}
main .pageAttention h4 a {
	color: #e60113;
	text-decoration: none;
}

main .pageAttention h4:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -40px;
	width: 32px;
	height: 32px;
	background: url(/financialservices/investment/lp/img/icon-exclamation.png) no-repeat center center;
	background-size: 100% 100%;
}

main .pageAttention .attentions {
	text-align: left;
	font-size: 13px;
}

main .pageAttention .attentions li {
	line-height: 1.4;
}

main .pageAttention .attentions li:not(:last-child) {
	padding-bottom: 1.5em;
}

footer.copyright {
	padding: 30px 0 80px;
	border-top: 5px solid #ededed;
	text-align: center;
	font-size: 12px;
}


/*==================================================================================
sp style
==================================================================================*/

@media (max-width: 767px) {
	.modalDesk .modalContainer {
		width: 90%;
		height: auto;
	}
	.modalDesk {
		font-size: 2.6rem;
		text-align: left;
		line-height: 1.6;
	}
	.modalDesk p {
		margin-top: 1rem;
	}
	.modalDesk .tel {
		margin-left: 3rem;
	}
	.modalDesk .tel span {
		padding-left: 4.7rem;
	}
	.modalDesk .tel span::before {
		width: 4.2rem;
		height: 4.2rem;
		top: calc(50% - 2.1rem);
	}

	@keyframes loopAnimation01 {
		45% {margin: 0 auto 10px; box-shadow: 0 10px 0 0px #004f16;}
		46% {margin: 10px auto 0; box-shadow: none;}
		55% {margin: 10px auto 0; box-shadow: none;}
		56% {margin: 0 auto 10px; box-shadow: 0 10px 0 0px #004f16;}
	}

	.siteHeader {
		padding: 10px calc(1% + 10px);
	}

	.siteHeader .headerLogo {
		max-width: 132px;
	}

	/* commonButton01 */
	main .commonAnimationButton01 {
		margin: auto;
		max-width: 300px;
		font-size: 15px;
	}

	main .commonAnimationButton01 a {
		margin: 0 auto 10px;
		padding: 15px 0;
		border-radius: 30px;
		box-shadow: 0 10px 0 0px #004f16;
	}

	main .commonAnimationButton01 a:after {
		margin-top: -9px;
		right: 24px;
		width: 18px;
		height: 18px;
		border-top-width: 3px;
		border-right-width: 3px;
	}

	main .commonAnimationButton01 a .emphasis {
		padding: 6px 0 2px;
	}

	/* commonButton01 */
	main .commonButton01 {
		font-size: 14px;
	}

	main .commonButton01 a {
		height: 56px;
		border-radius: 30px;
	}

	main .commonButton01 a:after {
		margin-top: -7px;
		right: 18px;
		width: 14px;
		height: 14px;
		border-top-width: 3px;
		border-right-width: 3px;
	}

	/* mainVisual
	------------------- */
	main .mainVisual .mvTxt {
		margin-top: 0;
		font-size: 350%;
	}
	main .mainVisual .mv {
		margin-top: 4%;
		padding-top: 0;
		background: none;
		margin-bottom: 7%;
	}
	main .mainVisual .mv > p {
		max-width: 686px;
	}
	main .mainVisual .mv > p img {
		margin:	auto;
	}

	/* sections
	------------------- */
	main .sections h3 {
		padding-bottom: 20px;
		font-size: 30px;
	}

	main .sections .ttlBox {
		padding-bottom: 20px;
	}

	main .sections .ttlBox .lead {
		padding-bottom: 15px;
		font-size: 14px;
	}

	/* section01 */
	main .section01 {
		padding: 40px 0 60px;
	}

	main .section01 .contentsList li {
		padding-right: 0;
	}

	main .section01 .contentsList li:nth-child(2n) {
		padding-left: 0;
	}

	main .section01 .contentsList li:not(:last-child) {
		padding-bottom: 20px;
	}

	/* section02 */
	main .section02 {
		padding: 50px 0 40px;
	}

	main .section02:before {
		border-top-width: 22px;
		border-right-width: 24px;
		border-left-width: 24px;
	}

	main .section02 .contentsList {
		padding: 10%;
	}

	main .section02 .contentsList {
		flex-direction: column;
	}

	main .section02 .contentsList li + li {
		margin-top: 10%;
	}
	main .section02 .contentsList li,
	main .section02 .contentsList li:last-child {
		width: 100%;
	}

	main .section02 .commonAnimationButton01 {
		padding-top: 30px;
	}

	main .section02 .point {
		margin: 30px auto 0;
		width: 94%;
	}

	main .section02 .point .ttl {
		font-size: 185%;
	}

	main .section02 .point .btn {
		width: 90%;
		left: calc(50% - 45%);
		bottom: 3%;
	}

	/* section03 */
	main .section03 {
		padding: 40px 0 40px;
	}

	main .section03:before {
		border-top-width: 22px;
		border-right-width: 24px;
		border-left-width: 24px;
	}

	main .section03 .contentsList li {
		padding: 20px 0;
	}

	/* section04 */
	main .section04 {
		padding: 50px 0 40px;
	}

	main .section04:before {
		border-top-width: 22px;
		border-right-width: 24px;
		border-left-width: 24px;
	}

	main .section04 h3 {
		font-size: 30px;
	}

	main .section04 h3 .small {
		font-size: 18px;
	}

	main .section04 .contentsArea {
		padding: 30px 3% 20px;
	}

	main .section04 .contentsArea h4 {
		font-size: 23px;
	}

	main .section04 .contentsArea .text {
		margin-top: 20px;
		font-size: 13px;
	}

	main .section04 .contentsArea .ex {
		margin-top: 30px;
	}

	main .section04 .contentsArea .ex dt {
		padding: 10px 15px;
		font-size: 17px;
		line-height: 1.3;
	}

	main .section04 .contentsArea .ex dd p {
		margin: 20px auto 0;
		width: 100%;
	}

	main .section04 .contentsArea h5 {
		margin-top: 60px;
		font-size: 20px;
	}

	main .section04 .contentsArea .chengePoint {
		margin-top: 20px;
	}

	main .section04 .contentsArea .chengePoint dt {
		font-size: 13px;
	}

	main .section04 .contentsArea .chengePoint dd p {
		margin: 20px auto 0;
		width: 100%;
		max-width: 623px;
	}

	main .section04 .contentsArea .startGuide {
		margin-top: 40px;
		margin-bottom: 30px;
		padding-top: 40px;
		padding-bottom: 30px;
	}

	main .section04 .contentsArea .startGuide::before {
		top: -10px;
		margin-left: -10px;
		width: 20px;
		height: 20px;
	}

	main .section04 .contentsArea .startGuide dt {
		padding-bottom: 15px;
		font-size: 30px;
	}

	main .section04 .contentsArea .startGuide dd {
		line-height: 1.6;
		font-size: 16px;
	}
	
	main .section04 .contentsArea .attentions {
		flex-direction: column;
	}

	main .section04 .contentsArea .attentions dl {
		width: 100%;
	}

	main .section04 .contentsArea .attentions dl + dl {
		margin-top: 15px;
	}

	 main .section04 .contentsArea .attentions dt {
		margin-bottom: 8px;
		padding-left: 3px;
		border-left-width: 3px;
		font-size: 16px;
	}
	main .section04 .contentsArea .attentions dd,
	main .section04 .contentsArea .attentions dd li {
		line-height: 1.7;
		font-size: 12px;
	}
	main .section04 .contentsArea .notice {
		margin-top: 50px;
		font-size: 16px;
	}
	main .section04 .contentsArea .notice span {
		padding-left: 50px;
	}
	main .section04 .contentsArea .notice span::before {
		width: 40px;
		height: 35px;
		top: calc(50% - 17px);
	}
	main .section04 .contentsArea .notice a {
		border-width: 3px;
	}

	/* section05 */
	main .section05 {
		padding: 60px 0 50px;
	}

	main .section05:before {
		border-top-width: 22px;
		border-right-width: 24px;
		border-left-width: 24px;
	}

	main .section05 h3 .step {
		padding: 0 0 10px 28px;
		text-align: center;
	}

	main .section05 h3 .step:before {
		top: -22px;
		left: 71px;
		width: 25px;
		height: 29px;
	}
	main .section05 h3 br {
		display: inline-block;
	}

	/* section06 */
	main .section06 {
		margin-bottom: 40px;
		padding: 60px 0 40px;
	}

	main .section06:before {
		border-top-width: 22px;
		border-right-width: 24px;
		border-left-width: 24px;
	}

	main .section06 .links {
		padding-top: 30px;
	}

	main .section06 .links li {
		padding: 15px 3% 20px;
	}

	main .section06 .links li:first-of-type {
		margin-bottom: 30px;
	}

	main .section06 .links p {
		padding-bottom: 8px;
		font-size: 14px;
	}

	main .section06 .links li:first-child p {
		line-height: 40px;
		height: 40px;
	}

	main .section06 .links p.note {
		font-size: 12px;
	}

	/* faqArea */
	main .faqArea {
		padding-bottom: 50px;
	}

	main .faqArea .faqList.list01 dl:last-of-type,
	main .faqArea .faqList dl:not(:last-of-type) {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 2px dashed #9f9f9f;
	}

	main .faqArea .faqList dt {
		padding-bottom: 8px;
		font-size: 16px;
	}

	main .faqArea .faqList dd {
		line-height: 1.7;
		font-size: 13px;
	}

	main .faqArea .faqList dd img {
		padding-top: 20px;
	}

	/* guideArea */
	main .guideArea {
		margin-bottom: 50px;
		padding: 50px 0 40px;
	}

	main .guideArea .guideSections:not(:last-of-type) {
		margin-bottom: 30px;
	}

	main .guideArea .guideSections .annotation {
		padding: 20px 0 20px;
		font-size: 12px;
	}

	main .guideArea .guideSections .accordionHeader {
		padding: 10px 30px 10px 0;
		font-size: 15px;
	}

	main .guideArea .guideSections .accordionHeader .accordionIcon:before {
		right: 4px;
		font-size: 30px;
	}

	main .guideArea .guideSections .accordionHeader[aria-expanded="true"] .accordionIcon:before {
		right: 3px;
	}

	main .guideArea .guideSections .accordionHeader .accordionIcon:after {
		right: 3px;
		width: 31px;
		height: 31px;
	}

	main .guideArea .guideSections .guides {
		padding: 20px 5%;
	}

	main .guideArea .guideSections .guides dl:not(:last-of-type) {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	main .guideArea .guideSections .guides dt {
		padding-bottom: 8px;
		font-size: 16px;
	}

	main .guideArea .guideSections .guides dd,
	main .guideArea .guideSections .guides p {
		line-height: 1.6;
		font-size: 13px;
	}

	/* pageAttention */
	main .pageAttention {
		padding-bottom: 40px;
	}

	main .pageAttention h4 {
		margin: 0 0 20px 28px;
		border-bottom-width: 2px;
		font-size: 16px;
	}

	main .pageAttention h4:before {
		left: -28px;
		width: 22px;
		height: 22px;
	}

	main .pageAttention .attentions {
		font-size: 12px;
	}

	main .pageAttention .attentions li:not(:last-child) {
		padding-bottom: 1.5em;
	}

	footer.copyright {
		padding: 20px 0 40px;
		border-top-width: 3px;
		font-size: 10px;
	}
}