/* フォント */
	body {
		font-family: Arial, Helvetica, sans-serif;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	/* 共通                                               */
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	
	button {
		cursor: pointer;
		border: none;
		background-color: unset;
		padding: unset;
	}

	a {
		cursor: pointer;
		border: none;
		background-color: unset;
		padding: unset;
	}
	
	.fade {
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
	}

	.fade.show {
		opacity: 1;
		pointer-events: auto;
	}
	
	.fade-slow {
		opacity: 0;
		transition: opacity 0.8s ease;
		pointer-events: none;
	}

	.fade-slow.show {
		opacity: 1;
		pointer-events: auto;
	}
	
	.fade-scale {
		opacity: 0;
		transform: scale(0.5);
		transition: opacity 0.4s ease, transform 0.4s ease;
	}

	.fade-scale.show {
		opacity: 1;
		transform: scale(1);
	}
	
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	/* スマホ用                                               */
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	body {
		display: flex;
		flex-direction: column;
		align-items: center;
		/* 背景画像の設定 */
		background-image: url(../images/back_top_sp_1.png), url(../images/SP_top.svg);
		background-size: 101%, 100%;
		background-position: center top calc(100vw * 0.65), center top;
		background-repeat: no-repeat, no-repeat;
		margin: 0;
		overflow-x: hidden;
	}

	#bg {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	/* 画面トップのエリア用 */
	#top-button-area {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		aspect-ratio: 299 / 500;
	}

	#top-button-area-left-margin {
		width: 0%;
		height: 100px;
	}

	#top-button-area-contents {
		width: 100%;
	}

	#top-button-area-right-margin {
		width: 0%;
		height: 100px;
	}

	/*サービス案内エリア：上部余白*/
	#other-service-links-top-margin {
		width: 100%;
		aspect-ratio: 148 / 100;
	}

	/*サービス案内エリア*/
	#other-service-links {
		width: 100%;
		aspect-ratio: 10 / 1;
	}

	/*サービス案内エリア*/
	#other-service-links-header {
		display: none;
		/*
		opacity: 0;
		width: calc(100% - 10px);
		font-size: 1px;
		aspect-ratio: 50 / 1;
		*/
	}

	/*サービス案内エリア：縦幅がある方の行のスタイル*/
	#other-service-links .row-tall {
		width: 100%;
		aspect-ratio: 1000 / 300;
		display: flex;
		justify-content: center;
	}

	#other-service-links .row-tall a {
		background-repeat: no-repeat;
		background-size: 100%;
		height: 100%;
		width: 43.5%;
	}
	
	#other-service-links .row-tall a:nth-child(1) {
		margin-right: 5px;
	}
	
	#button-icon01 {
		background-image: url(../images/icon01_SP.svg);
	}
	#button-icon01:hover {
		filter: brightness(0.9);
	}
	
	#button-icon02 {
		background-image: url(../images/icon02_SP.svg);
	}
	#button-icon02:hover {
		filter: brightness(0.9);
	}
	
	#button-icon03 {
		background-image: url(../images/icon03_SP.svg);
	}
	#button-icon03:hover {
		filter: brightness(0.9);
	}
	
	#button-icon04 {
		background-image: url(../images/icon04_SP.svg);
	}
	#button-icon04:hover {
		filter: brightness(0.9);
	}
	
	/*サービス案内エリア：行間*/
	#other-service-links .between-the-lines {
		width: 100%;
		aspect-ratio: 1000 / 23;
	}

	/*サービス案内エリア：行間（スマホ表示用）*/
	#other-service-links .between-the-lines-SP {
		height: 0px;
		width: 100%;
	}

	/*サービス案内エリア：縦幅がない方の行のスタイル*/
	#other-service-links .row-short {
		width: 100%;
		aspect-ratio: 5 / 1;
		display: flex;
		justify-content: center;
	}

	#other-service-links .row-short a {
		background-repeat: no-repeat;
		background-size: 100%;
		width: 88%;
		aspect-ratio: 19 / 4;
	}
	
	#button-IS {
		background-image: url(../images/IS_SP.svg);
	}
	#button-IS:hover {
		filter: brightness(0.9);
	}

	/* 説明切り替えラジオボタン */
	#explanation-switch-radio-button-area {
		position: absolute;
		bottom: 0;
		display: flex;
		width: 100%;
		aspect-ratio: 68 / 9;
	}

	/* ラベル本体 */
	.explanation-switch-radio-button {
		all: revert;
		position: relative;
		width: 50%;
		height: 100%;
		cursor: pointer;
		display: block;
		text-align: center;
		color: #009d85;
	}

	#customer-new-PC, #customer-existing-PC {
		display: none;
	}

	#customer-new-SP, #customer-existing-SP {
		display: unset;
	}
	
	input:checked + label svg path:nth-child(1) {
		fill: #009D85;
		transition: fill 0.4s ease;
	}

	input:checked + label svg path:nth-child(2) {
		fill: white;
		transition: fill 0.4s ease;
	}

	/*目的*/
	.explanation-purpose {
		position: sticky;
		top: 0;
		background-color: #009d85;
		color: white;
		width: 100%;
		aspect-ratio: 100 / 9;
		align-content: center;
		font-size: 4.5vw;
		letter-spacing: 3px;
		font-weight: 500;
		unicode-bidi: isolate;
		z-index: 99;
		box-shadow: 0px -2px 1px #009d85;
		text-align: center;
	}

	.explanation-purpose p {
		height: 100%;
		margin: 0px;
		padding-left: 12px;
		display: inline-block;
		align-content: center;
	}
	.explanation-purpose p:nth-child(1) {
		display: none;
	}
	
	#section-merit {
		width: 100%;
		aspect-ratio: 1;
		background-color: white;
		position: relative;
		justify-items: center;
		display: grid;
	}

	#section-merit h1 {
		margin-top: 6vw;
		margin-bottom: 0vw;
		width: 90%;
		padding-bottom: 15px;
		box-shadow: 0px 6px 0px -2px #009d85;
		text-align-last: center;
		font-size: 5vw;
		line-height: 1.2em;
		color: #323232;
		letter-spacing: 0.5vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#section-merit #leaf-01 {
		position: absolute;
		top: 30vw;
		right: 8vw;
		width: 22vw;
	}

	#section-merit > div {
		display: flex;
		justify-content: unset;
		width: 70vw;
		margin-top: 5vw;
		flex-direction: column;
	}

	#section-merit > div > picture > img {
		width: 100%;
	}

	#section-merit > #merit-area > picture:nth-of-type(2),
	#section-merit > #merit-area > picture:nth-of-type(3) {
		margin-top: 5vw;
	}


	#section-how-to-start {
		width: 100%;
		aspect-ratio: 1;
		background-color: white;
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	#section-how-to-start h1 {
		margin-top: 6vw;
		width: 90%;
		padding-bottom: 1.5vw;
		box-shadow: 0px 6px 0px -2px #009d85;
		text-align-last: center;
		font-size: 5vw;
		line-height: 1.2em;
		color: #323232;
		letter-spacing: 0.5vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#section-how-to-start p {
		/* font-size: xx-large; */
		font-size: 3.5vw;
		text-align: center;
	}

	#section-how-to-start #leaf-02 {
		position: absolute;
		left: 0;
		top: -208px;
		top: -10vw;
		width: 26vw;
	}

	#section-how-to-start #step-01 {
		margin-top: 30px;
		height: 28vw;
	}

	#section-how-to-start #things-to-prepare {
		background-image: url(../images/frame_01_SP.svg);
		background-size: 100%;
		margin-top: 15px;
		width: 70%;
		text-align: center;
	}

	#section-how-to-start #things-to-prepare .things-to-prepare-margin {
		width: 100%;
		height: 4vw;
	}
	
	#section-how-to-start #things-to-prepare .image-wrap {
		width: 83%;
		display: inline-block;
		position: relative;
	}
	
	#section-how-to-start #things-to-prepare .image-wrap > img {
		width: 100%;
	}
	#section-how-to-start #things-to-prepare .image-wrap > div {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#my-number-icon {
		height: 36%;
	}
	#bankbook-icon {
		height: 36%;
		margin-bottom: 82px;
		margin-left: 12px;
	}
	#seal-icon {
		height: 36%;
		margin-bottom: 48px;
		margin-left: 2px;
	}

	#section-how-to-start #things-to-prepare .image-wrap > div > img {
		width: 100%;
	}


	#section-how-to-start #separater-01 {
		margin-top: 7vw;
		width: 85vw;
	}

	#section-how-to-start #step-02 {
		margin-top: 70px;
		height: 28vw;
	}

	#how-to-apply {
		width: 83%;
		display: flex;
		flex-direction: column;
		justify-content: unset;
	}

	#how-to-apply > div {
		position: relative;
		width: 100%;
		display: flex;
		align-items: flex-end;
		margin-top: 4.5vw;
	}

	#how-to-apply > div > a {
		position: absolute;
		background-repeat: no-repeat;
		background-size: 100%;
		bottom: calc((100vw * 0.83 / 2 - 75vw / 2) * 12 / 73);
		left: calc(100vw * 0.83 / 2 - 75vw / 2);
		width: 75vw;
		aspect-ratio: 73 / 12;
	}

	#how-to-apply > div > img:nth-child(2) {
		width: 100%;
	}
	
	#how-to-apply > div > img:nth-child(3) {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	#button-raiten {
		background-image: url(../images/raiten.svg);
	}
	#button-raiten:hover {
		background-image: url(../images/raiten_on.svg);
	}

	#button-moushikomi {
		background-image: url(../images/moushikomi.svg);
	}
	#button-moushikomi:hover {
		background-image: url(../images/moushikomi_on.svg);
	}

	#speech-bubble-bg-image {
		display: none;
	}
	
	#triangle-up {
		margin-top: 4vw;
		width: 0;
		height: 0;
		border-left: 12vw solid transparent;
		border-right: 12vw solid transparent;
		border-bottom: 8vw solid #F5F5F5;
	}
	#slider-aria-wrap {
		background-color: #F5F5F5;
	}

	#slider-area {
		display: block;
		width: 100vw;
	}

	.slider-wrap {
		height: 100%;
		overflow: hidden;
		position: relative;
	}

	#slider-area, .slider-wrap {
		aspect-ratio: 4 / 5;
	}

	.slider {
		position: relative;
		display: flex;
		width: 100%;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;

		scrollbar-width: none; /* Firefox */
	}

	.slider::-webkit-scrollbar {
		display: none; /* Chrome / Safari / Edge */
	}      

	.snap-area {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}

	.long-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 800%; /* 8 画面分 */
		object-fit: cover;
		pointer-events: none; /* スクロールを邪魔しない */
	}

	.dots {
		width: 100%;
		bottom: 3vw;
		position: absolute;
		display: flex;
		justify-content: center;
		gap: 2.5vw;
	}

	.dots button {
		width: 3vw;
		height: 3vw;
		border-radius: 50%;
		border: none;
		background: #d9d9d9;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	.dots button.active {
		background: #87caac;
	}
	
	/*
	#slider-button-area {
		display: flex;
		position: absolute;
		top: 0;
		left: 5vw;
		width: calc(100% - 10vw);
		height: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	*/
	
	#slider-button-area-left {
		display: flex;
		position: absolute;
		top: 0;
		left: 5vw;
		width: 15vw;
		height: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#slider-button-area-right {
		display: flex;
		position: absolute;
		top: 0;
		left: unset;
		right: 5vw;
		width: 15vw;
		height: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.slider-wrap #prevBtn {
		width: 15vw;
	}
	.slider-wrap #prevBtn:hover {
		cursor: pointer;
	}
	
	.slider-wrap #nextBtn {
		width: 15vw;
	}
	.slider-wrap #nextBtn:hover {
		cursor: pointer;
	}
	
	#section-how-to-start #slider-aria-bottom-margin {
		width: 100%;
		height: 13vw;
		background-color: #F5F5F5;
	}
	
	#section-how-to-start #leaf-03 {
		position: absolute;
		transform: scaleX(-1);
		bottom: 276vw;
		right: 5vw;
		width: 22vw;
	}
	
	#section-how-to-start #leaf-04 {
		position: absolute;
		transform: scaleX(-1);
		bottom: 128vw;
		left: 6vw;
		width: 22vw;
	}
	
	#section-how-to-start #leaf-05 {
		display: none;
	}
	
	#section-look-for-a-fund {
		width: 100%;
		aspect-ratio: 1;
		background-color: white;
		text-align: center;
		position: relative;
	}
	
	#section-look-for-a-fund #leaf-06 {
		position: absolute;
		left: 8vw;
		top: 14vw;
		width: 22vw;
	}
	
	#section-look-for-a-fund #leaf-07 {
		position: absolute;
		right: 4vw;
		top: 174vw;
		width: 21vw;
	}
	
	#section-look-for-a-fund #leaf-08 {
		position: absolute;
		left: 6vw;
		top: 335vw;
		width: 21vw;
	}
	
	#section-look-for-a-fund #step-01-fund {
		margin-top: 6vw;
		height: 28vw;
	}
	
	#section-look-for-a-fund #how-to-find {
		width: 55%;
	}
	
	/*
	#section-look-for-a-fund #how-to-find > div {
		width: 100%;
	}
	*/
	
	#section-look-for-a-fund #how-to-find > a {
		display: inline-block;
		width: 100%;
		aspect-ratio: 297 / 230;
		background-size: 100%;
		border: none;
		background-color: unset;
		position: relative;
	}
	
	#section-look-for-a-fund #how-to-find > a > img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	
	#button-fund {
		background-image: url(../images/find_fund.svg);
	}
	#button-fund:hover {
		background-image: url(../images/find_fund_on.svg);
	}
	
	#button-toushitaisyou {
		background-image: url(../images/find_fund.svg);
	}
	#button-toushitaisyou:hover {
		background-image: url(../images/find_fund_on.svg);
	}
	
	#button-key-word {
		background-image: url(../images/find_fund.svg);
	}
	#button-key-word:hover {
		background-image: url(../images/find_fund_on.svg);
	}
	
	#section-look-for-a-fund #separater-02 {
		margin-top: 12vw;
		width: 85vw;
	}
	
	#section-look-for-a-fund #step-02-fund {
		margin-top: 10vw;
		height: 28vw;
	}
	
	#section-look-for-a-fund #separater-03 {
		margin-top: 12vw;
		width: 85vw;
	}
	
	#section-look-for-a-fund #step-03-fund {
		margin-top: 10vw;
		height: 28vw;
	}
	
	#section-look-for-a-fund #guidance-wrap {
		margin-top: unset;
	}
	
	#section-look-for-a-fund #guidance {
		font-size: 4vw;
		display: inline-block;
		margin: 5px 0px;
	}
	
	#section-look-for-a-fund #guidance span {
		display: inline-block;
	}
	
	#section-look-for-a-fund #guidance a {
		font-weight: bold;
		color: #009d85;
		text-decoration: none;
	}
	
	#button-sheet {
		background-image: url(../images/sheet.svg);
	}
	#button-sheet:hover {
		background-image: url(../images/sheet_on.svg);
	}
	
	#button-kijun {
		background-image: url(../images/kijun.svg);
	}
	#button-kijun:hover {
		background-image: url(../images/kijun_on.svg);
	}
	
	#button-IS-2 {
		background-image: url(../images/IS_2.svg);
	}
	#button-IS-2:hover {
		background-image: url(../images/IS_2_on.svg);
	}
	
	#title_qa {
		margin-top: 7vw;
		margin-bottom: 4.5vw;
		width: 70%;
	}
	
	.qa-accordion {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		padding-bottom: 4.5vw;
	}

	.accordion-title {
		display: flex;
		width: 85vw;
		border-radius: 2vw;
		background-color: #009d85;
		align-items: center;
	}
	
	.accordion-title > div {
		height: 100%;
	}
	.accordion-title > div:nth-child(1) {
		width: calc(18% - 6px);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.accordion-title > div:nth-child(1) > img {
		/* margin-left: 35px; */
		/*margin-left: 4.5vw;*/
		height: 6vw;
	}
	.accordion-title > div:nth-child(1) > div {
		margin-left: 4px;
		height: 4.7vw;
		display: flex;
		align-items: flex-end;
	}
	.accordion-title > div:nth-child(1) > div > p {
		margin: unset;
		line-height: 0.7;
		/* font-size: 26pt; */
		font-size: 4.5vw;
		font-weight: bold;
		color: #ffffff;
	}
	.accordion-title > div:nth-child(2) {
		display: none;
		width: 0px;
		border-right: dotted white 3px;
	}
	.accordion-title > div:nth-child(3) {
		width: 75%;
		border-left: dotted white 0.5vw;
	}
	.accordion-title > div:nth-child(3) > p {
		font-size: 4vw;
		font-weight: 500;
		margin: 3vw 1vw 3vw 3vw;
		letter-spacing: 1.5px;
		text-align: left;
		color: white;
	}
	.accordion-title > div:nth-child(4) {
		width: 7%;
		display: flex;
		align-items: center;
	}
	
	.accordion-title > div:nth-child(4) > img {
		width: 70%;
	}
	.accordion-title:hover {
		cursor: pointer;
	}
	
	.accordion-content {
		/*height: 120px;*/
		width: 85vw;
		display: flex;
		background-color: white;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
		
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}
	/* 開いた状態 */
	.accordion-content.open {
		max-height: 800px;
	}
	
	.accordion-content > div:nth-child(1) {
		height: 100%;
		width: 18%;
		background-color: white;
	}
	.accordion-content > div:nth-child(1) > div {
		height: 8.5vw;
		width: calc(15% - 3px);
		display: flex;
		align-items: center;
	}
	.accordion-content > div:nth-child(1) > div > img {
		margin-left: 3.5vw;
		height: 5vw;
	}
	.accordion-content > div:nth-child(1) > div > div {
		height: 4.7vw;
		display: flex;
		align-items: flex-end;
	}
	.accordion-content > div:nth-child(1) > div > div > p {
		margin: unset;
		line-height: 0.7;
		font-size: 4vw;
		font-weight: bold;
		color: #009d85;
	}
	.accordion-content > div:nth-child(2) {
		height: 100%;
		width: 82%;
		background-color: white;
	}
	.accordion-content > div:nth-child(2) > p {
		font-size: 4vw;
		margin: 3vw 6vw 3vw 3vw;
		letter-spacing: 1.5px;
		text-align: left;
		color: #323232;
		line-height: 7vw;
	}
	
	#link-to-the-info-site {
		width: 100%;
		aspect-ratio: 48 / 33;
		display: flex;
		background-image: url(../images/INFO_bg_SP.png);
		background-size: cover;
		background-position: top;
		background-repeat: no-repeat;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	#link-to-the-info-site > a {
		margin: 6vw 0.5vw 0vw 0.5vw;
		width: 45%;
		aspect-ratio: 160 / 129;
		background-size: 100%;
	}
	
	#link-to-the-info-site > #info-03 {
		margin: 0vw 0.5vw 6vw 0.5vw;
		width: calc(92% + 1vw);
		aspect-ratio: 331 / 76;
	}
	
	#info-01 {
		background-image: url(../images/INFO_NISA_SP.svg);
	}
	#info-01:hover {
		filter: brightness(0.9);
	}
	#info-02 {
		background-image: url(../images/INFO_tsumitate_SP.svg);
	}
	#info-02:hover {
		filter: brightness(0.9);
	}
	#info-03 {
		background-image: url(../images/INFO_tyui_SP.svg);
	}
	#info-03:hover {
		filter: brightness(0.9);
	}
	
	#footer-height-div {
		width: 100%;
	    height: calc(100vw * 0.13);
	}
	
	#footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		aspect-ratio: 100 / 13;
		padding-bottom: 15px;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		
		transform: translateY(100%);
		transition: transform 0.3s ease;
	}
	
	#footer.is-visible {
		transform: translateY(0);
	}
	
	#footer > a {
		width: 40vw;
		aspect-ratio: 150 / 40;
		background-repeat: no-repeat;
		background-size: 100%;
		border: none;
		padding: unset;
		background-color: unset;
	}
	
	#footer-button-01 {
		background-image: url(../images/footer_btn_1_SP.svg);
	}
	#footer-button-01:hover {
		filter: brightness(0.9);
	}
	
	#footer > div {
		height: 50px;
		width: 40px;
	}

	#footer-button-02 {
		background-image: url(../images/footer_btn_2_SP.svg);
	}
	#footer-button-02:hover {
		filter: brightness(0.9);
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	/* タブレット用                                           */
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	/*@media (min-width: 600px) {*/
	@media (min-width: 768px) {
		
	}
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	/* PC用                                                   */
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	@media (min-width: 1024px) {

		body {
			display: flex;
			flex-direction: column;
			align-items: center;
			/* 背景画像の設定 */
			background-image: url(../images/FV_back_PC_1.png);
			background-size: 1255px;
			background-position: top;
			background-repeat: no-repeat;
		}

		#bg {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 920px;
		}
		
		#top-image {
			position: absolute;
			width: 1180px;
			height: 550px;
			background-size: 1180px;
			background-repeat: no-repeat;
			background-image: url(../images/PC_top.svg);
		}
		
		#top-button-area {
			display: flex;
			justify-content: center;
			width: 100%;
			aspect-ratio: unset;
		}

		#top-button-area > div:nth-child(1) {
			display: flex;
			width: 100%;
			aspect-ratio: 1000 / 631;
		}

		#top-button-area-left-margin {
			width: 61.5%;
			height: 100px;
		}

		#top-button-area-contents {
			width: 35.5%;
		}
		
		#top-button-area-right-margin {
			width: 3%;
			height: 100px;
		}

		/*サービス案内エリア：上部余白*/
		#other-service-links-top-margin {
			aspect-ratio: 1000 / 236;
		}

		/*サービス案内エリア*/
		#other-service-links {
			width: 100%;
			aspect-ratio: 4 / 5;
		}
		/*サービス案内エリア*/
		#other-service-links-header {
			opacity: 1;
			display: block;
			color: white;
			text-align: center;
			align-content: center;
			font-size: 1.05em;
			letter-spacing: 3px;
			font-weight: 500;
			aspect-ratio: 10 / 1;
			width: calc(100% - 10px);
			padding: 0px 5px;
		}

		/*サービス案内エリア：縦幅がある方の行のスタイル*/
		#other-service-links .row-tall {
			width: 100%;
			aspect-ratio: 1000 / 369;
			display: flex;
		}

		#other-service-links .row-tall a {
			background-repeat: no-repeat;
			background-size: 100%;
			height: 100%;
			width: unset;
			aspect-ratio: 185 / 143;
		}
		
		#other-service-links .row-tall a:nth-child(1) {
			margin-right: 5px;
		}
		
		#button-icon01 {
			background-image: url(../images/icon01.svg);
		}
		#button-icon01:hover {
			background-image: url(../images/icon01_on.svg);
		}
		
		#button-icon02 {
			background-image: url(../images/icon02.svg);
		}
		#button-icon02:hover {
			background-image: url(../images/icon02_on.svg);
		}
		
		#button-icon03 {
			background-image: url(../images/icon03.svg);
		}
		#button-icon03:hover {
			background-image: url(../images/icon03_on.svg);
		}
		
		#button-icon04 {
			background-image: url(../images/icon04.svg);
		}
		#button-icon04:hover {
			background-image: url(../images/icon04_on.svg);
		}
		
		/*サービス案内エリア：行間*/
		#other-service-links .between-the-lines {
			width: 100%;
			aspect-ratio: 1000 / 36;
		}

		/*サービス案内エリア：行間（スマホ表示用）*/
		#other-service-links .between-the-lines-SP {
			height: 0px;
			width: 100%;
		}

		/*サービス案内エリア：縦幅がない方の行のスタイル*/
		#other-service-links .row-short {
			width: 100%;
			aspect-ratio: 1000 / 332;
		}

		#other-service-links .row-short a {
			background-repeat: no-repeat;
			background-size: 100%;
			width: 97%;
			aspect-ratio: 73 / 26;
		}
		
		#button-IS {
			background-image: url(../images/IS.svg);
		}
		#button-IS:hover {
			background-image: url(../images/IS_on.svg);
		}

		/* 説明切り替えラジオボタン */
		#explanation-switch-radio-button-area {
			position: absolute;
			top: calc(580px - 57.5px);
			display: flex;
			width: 100%;
			height: 57.5px;
		}

		/* ラベル本体 */
		.explanation-switch-radio-button {
			all: revert;
			position: relative;
			width: 50%;
			height: 57.5px;
			cursor: pointer;
			display: block;
			text-align: center;
			color: #009d85;
		}

		#customer-new-PC, #customer-existing-PC {
			display: unset;
		}

		#customer-new-SP, #customer-existing-SP {
			display: none;
		}
		
		input:checked + label svg path:nth-child(1) {
			fill: #009D85;
			transition: fill 0.4s ease;
		}

		input:checked + label svg path:nth-child(2) {
			fill: white;
			transition: fill 0.4s ease;
		}

		input:checked + label svg path:nth-child(1) {
			fill: url(#paint0_linear_606_4543);
			transition: fill 0.4s ease;
		}

		input:checked + label svg path:nth-child(2) {
			fill: white;
			transition: fill 0.4s ease;
		}

		/*目的*/
		.explanation-purpose {
			position: sticky;
			top: 0;
			background-color: #009d85;
			color: white;
			width: 100%;
			aspect-ratio: 100 / 9;
			align-content: center;
			font-size: 2.3em;
			letter-spacing: 3px;
			font-weight: 500;
			unicode-bidi: isolate;
			z-index: 99;
			box-shadow: 0px -2px 1px #009d85;
			text-align: center;
			
			height: 45px;
			font-size: 1.32em;
			letter-spacing: unset;
			text-align: unset;
		}
		.explanation-purpose p {
			height: 100%;
			margin: 0px;
			padding-left: 12px;
			display: inline-block;
			align-content: center;
		}
		.explanation-purpose p:nth-child(1) {
			display: unset;
			padding-left: 30px;
		}
		
		#section-merit {
			width: 100%;
			aspect-ratio: 1;
			background-color: white;
			position: relative;
			justify-items: unset;
		}

		#section-merit h1 {
			margin-top: 50px;
			width: 100%;
			padding-bottom: unset;
			box-shadow: 0px 4px 0px -2px #009d85;
			text-align-last: center;
			font-size: 21.5pt;
			line-height: 1.5em;
			color: #323232;
			
			letter-spacing: unset;
			display: inline-block;
			flex-wrap: unset;
			justify-content: unset;
		}

		#section-merit #leaf-01 {
			position: absolute;
			top: 80px;
			right: 0;
			width: unset;
		}
		
		#section-merit > div {
			display: flex;
			justify-content: space-evenly;
			margin-top: 50px;
			width: unset;
			flex-direction: unset;
		}

		/*
		#section-merit > div > img {
			width: 25%;
		}
		*/
		#section-merit > div > picture {
			width: 25%;
		}
		#section-merit > div > picture > img {
			width: 100%;
		}
		
		#section-merit > #merit-area > picture:nth-of-type(2),
		#section-merit > #merit-area > picture:nth-of-type(3) {
			margin-top: 0vw;
		}

		#section-how-to-start {
			width: 100%;
			aspect-ratio: 1;
			background-color: white;
			text-align: center;
			margin-bottom: 60px;
			position: relative;
			display: unset;
			align-items: unset;
			flex-direction: unset;
		}

		#section-how-to-start h1 {
			margin-top: 50px;
			width: 100%;
			padding-bottom: unset;
			box-shadow: 0px 4px 0px -2px #009d85;
			text-align-last: center;
			font-size: 21.5pt;
			line-height: 1.5em;
			color: #323232;
			
			letter-spacing: unset;
			display: inline-block;
			flex-wrap: unset;
			justify-content: unset;
		}

		#section-how-to-start p {
			font-size: unset;
			text-align: unset;
		}

		#section-how-to-start #leaf-02 {
			position: absolute;
			left: 0;
			top: 45px;
			width: unset;
		}

		#section-how-to-start #step-01 {
			margin-top: 30px;
			height: 163px;
		}

		#section-how-to-start #things-to-prepare {
			background-image: url(../images/frame_01.svg);
			background-size: 100%;
			margin-top: 15px;
			width: 83%;
			text-align: unset;
		}

		#section-how-to-start #things-to-prepare .things-to-prepare-margin {
			width: 100%;
			height: 10px;
		}
		
		#section-how-to-start #things-to-prepare .image-wrap {
			width: 32%;
			display: inline-block;
			position: relative;
		}

		#section-how-to-start #things-to-prepare .image-wrap > img {
			width: 100%;
		}
		#section-how-to-start #things-to-prepare .image-wrap > div {
			position: absolute;
			left: 0;
			top: 0;
			height: 86%;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		#my-number-icon {
			height: 41%;
			margin-top: 8px;
		}
		#bankbook-icon {
			height: 42%;
			margin-bottom: 21px;
			margin-left: 12px;
		}
		#seal-icon {
			height: 43%;
			margin-bottom: 4px;
			margin-left: 2px;
		}

		#section-how-to-start #separater-01 {
			margin-top: 45px;
			width: 83%;
		}

		#section-how-to-start #step-02 {
			margin-top: 45px;
			height: 163px;
		}

		#how-to-apply {
			width: 83%;
			display: flex;
			flex-direction: unset;
			justify-content: space-between;
		}

		#how-to-apply > div {
			position: relative;
			width: 47.5%;
			display: flex;
			align-items: flex-end;
			margin-top: unset;
			/* display: grid;
			justify-content: center; */

		}

		#how-to-apply > div > a {
			position: absolute;
			background-repeat: no-repeat;
			background-size: 100%;
			bottom: 12px;
			left: 25px;
			width: 313px;
			aspect-ratio: 73 / 12;
		}

		#how-to-apply > div > img:nth-child(2) {
			width: 100%;
		}
		
		#how-to-apply > div > img:nth-child(3) {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
		}

		#button-raiten {
			background-image: url(../images/raiten.svg);
		}
		#button-raiten:hover {
			background-image: url(../images/raiten_on.svg);
		}

		#button-moushikomi {
			background-image: url(../images/moushikomi.svg);
		}
		#button-moushikomi:hover {
			background-image: url(../images/moushikomi_on.svg);
		}

		#speech-bubble-bg-image {
			display: inline;
			height: 325px;
		}
		
		#triangle-up {
			display: none;
		}

		#slider-aria-wrap {
			margin-top: unset;
			background-color: unset;
		}

		#slider-area {
			display: none;
		}

		.slider-wrap {
			height: 90%;
			overflow: hidden;
			position: relative;
		}

		#slider-area, .slider-wrap {
			aspect-ratio: 100 / 45;
		}

		.slider {
			position: relative;
			display: flex;
			width: 100%;
			height: 100%;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scroll-behavior: smooth;

			scrollbar-width: none; /* Firefox */
		}

		.slider::-webkit-scrollbar {
			display: none; /* Chrome / Safari / Edge */
		}      

		.snap-area {
			flex: 0 0 100%;
			scroll-snap-align: start;
		}

		.long-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 800%; /* 8 画面分 */
			object-fit: cover;
			pointer-events: none; /* スクロールを邪魔しない */
		}

		.dots {
			width: 100%;
			bottom: 23px;
			position: absolute;
			display: flex;
			justify-content: center;
			gap: 8px;
		}

		.dots button {
			width: 13px;
			height: 13px;
			border-radius: 50%;
			border: none;
			background: #d9d9d9;
			cursor: pointer;
			transition: background-color 0.3s ease;
		}

		.dots button.active {
			background: #87caac;
		}
		
		#slider-button-area-left {
			display: flex;
			position: absolute;
			top: 0;
			left: unset;
			width: 58px;
			height: 100%;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		
		#slider-button-area-right {
			display: flex;
			position: absolute;
			top: 0;
			left: unset;
			right: 0;
			width: 58px;
			height: 100%;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		
		.slider-wrap #prevBtn {
			width: unset;
		}
		.slider-wrap #prevBtn:hover {
			cursor: pointer;
		}
		
		.slider-wrap #nextBtn {
			width: unset;
		}
		.slider-wrap #nextBtn:hover {
			cursor: pointer;
		}

		
		#section-how-to-start #slider-aria-bottom-margin {
			display: none;
		}
		
		#section-how-to-start #leaf-03 {
			display: none;
		}
		
		#section-how-to-start #leaf-04 {
			display: none;
		}
		
		#section-how-to-start #leaf-05 {
			display: block;
			position: absolute;
			bottom: 179px;
			right: 20px;
			width: 152px;
		}
		
		#section-look-for-a-fund {
			width: 100%;
			aspect-ratio: 1;
			background-color: white;
			text-align: center;
			position: relative;
		}
		
		#section-look-for-a-fund #leaf-06 {
			position: absolute;
			left: 0;
			top: 45px;
			width: unset;
		}
		
		#section-look-for-a-fund #leaf-07 {
			position: absolute;
			left: unset;
			right: 80px;
			top: 1083px;
			width: unset;
		}
		
		#section-look-for-a-fund #leaf-08 {
			display: none;
		}
		
		#section-look-for-a-fund #step-01-fund {
			margin-top: 60px;
			height: 163px;
		}
		
		#section-look-for-a-fund #how-to-find {
			width: 85%;
		}
		
		/*
		#section-look-for-a-fund #how-to-find > div {
			display: inline-block;
			width: 32%;
			aspect-ratio: 297 / 230;
		}
		*/
		
		#section-look-for-a-fund #how-to-find a {
			display: inline-block;
			width: 32%;
			aspect-ratio: 297 / 230;
			background-size: 100%;
			border: none;
			background-color: unset;
		}
		
		#section-look-for-a-fund #how-to-find a > img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
		}
		
		#button-fund {
			background-image: url(../images/find_fund.svg);
		}
		#button-fund:hover {
			background-image: url(../images/find_fund_on.svg);
		}
		
		#button-toushitaisyou {
			background-image: url(../images/find_fund.svg);
		}
		#button-toushitaisyou:hover {
			background-image: url(../images/find_fund_on.svg);
		}
		
		#button-key-word {
			background-image: url(../images/find_fund.svg);
		}
		#button-key-word:hover {
			background-image: url(../images/find_fund_on.svg);
		}
		
		#section-look-for-a-fund #separater-02 {
			margin-top: 45px;
			width: 83%;
		}
		
		#section-look-for-a-fund #step-02-fund {
			margin-top: 45px;
			height: 163px;
		}
		
		#section-look-for-a-fund #separater-03 {
			margin-top: 45px;
			width: 83%;
		}
		
		#section-look-for-a-fund #step-03-fund {
			margin-top: 45px;
			height: 163px;
		}
		
		#section-look-for-a-fund #guidance-wrap {
			margin-top: inherit;
		}
		
		#section-look-for-a-fund #guidance {
			font-size: 10pt;
			display: inline-block;
			margin: 5px 0px;
		}
		
		#section-look-for-a-fund #guidance a {
			font-weight: bold;
			color: #009d85;
			text-decoration: none;
		}
		
		#button-sheet {
			background-image: url(../images/sheet.svg);
		}
		#button-sheet:hover {
			background-image: url(../images/sheet_on.svg);
		}
		
		#button-kijun {
			background-image: url(../images/kijun.svg);
		}
		#button-kijun:hover {
			background-image: url(../images/kijun_on.svg);
		}
		
		#button-IS-2 {
			background-image: url(../images/IS_2.svg);
		}
		#button-IS-2:hover {
			background-image: url(../images/IS_2_on.svg);
		}
		
		#title_qa {
			margin-top: 70px;
			margin-bottom: 45px;
			width: unset;
		}
		
		.qa-accordion {
			width: 100%;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			padding-bottom: 45px;
		}

		.accordion-title {
			display: flex;
			width: 890px;
			height: 85px;
			border-radius: 20px;
			background-color: #009d85;
		}
		
		.accordion-title > div {
			height: 100%;
		}
		.accordion-title > div:nth-child(1) {
			width: calc(15% - 3px);
			display: flex;
			align-items: center;
		}
		.accordion-title > div:nth-child(1) > img {
			margin-left: 35px;
			height: 47px;
		}
		.accordion-title > div:nth-child(1) > div {
			margin-left: 4px;
			height: 47px;
			display: flex;
			align-items: flex-end;
		}
		.accordion-title > div:nth-child(1) > div > p {
			margin: unset;
			line-height: 0.7;
			font-size: 26pt;
			font-weight: bold;
			color: #ffffff;
		}
		.accordion-title > div:nth-child(2) {
			width: 0px;
			border-right: dotted white 3px;"
		}
		.accordion-title > div:nth-child(3) {
			width: 79%;
			border-left: unset;
		}
		.accordion-title > div:nth-child(3) > p {
			font-size: 15pt;
			font-weight: 500;
			margin: 15px 31px;
			letter-spacing: 1.5px;
			text-align: left;
			color: white;
		}
		.accordion-title > div:nth-child(4) {
			width: 6%;
			display: flex;
			align-items: center;
		}
		.accordion-title > div:nth-child(4) > img {
			margin-left: 3px;
			width: unset;
		}
		.accordion-title:hover {
			cursor: pointer;
		}
		
		.accordion-content {
			/*height: 120px;*/
			width: 890px;
			display: flex;
			background-color: white;
			border-bottom-right-radius: 20px;
			border-bottom-left-radius: 20px;
			
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.5s ease;
		}
		/* 開いた状態 */
		.accordion-content.open {
			max-height: 500px;
		}
		
		.accordion-content > div:nth-child(1) {
			height: 100%;
			width: 15%;
			background-color: white;
		}
		.accordion-content > div:nth-child(1) > div {
			height: 85px;
			width: calc(15% - 3px);
			display: flex;
			align-items: center;
		}
		.accordion-content > div:nth-child(1) > div > img {
			margin-left: 35px;
			height: 46px;
		}
		.accordion-content > div:nth-child(1) > div > div {
			height: 47px;
			display: flex;
			align-items: flex-end;
		}
		.accordion-content > div:nth-child(1) > div > div > p {
			margin: unset;
			line-height: 0.7;
			font-size: 26pt;
			font-weight: bold;
			color: #009d85;
		}
		.accordion-content > div:nth-child(2) {
			height: 100%;
			width: 85%;
			background-color: white;
		}
		.accordion-content > div:nth-child(2) > p {
			font-size: 15px;
			margin: 15px 31px;
			letter-spacing: 1.5px;
			text-align: left;
			color: black;
			line-height: 30.5px;
		}
		
		#link-to-the-info-site {
			width: 100%;
			height: 700px;
			display: flex;
			background-image: url(../images/INFO_bg.png);
			background-size: cover;
			background-position: top;
			background-repeat: no-repeat;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			flex-wrap: unset;
		}
		
		#link-to-the-info-site > a {
			margin: unset;
			width: 890px;
			aspect-ratio: 453 / 98;
			background-size: 100%;
		}
		
		#link-to-the-info-site > #info-03 {
			margin: unset;
			margin-top: 20px;
			width: 890px;
			aspect-ratio: 453 / 98;
		}
		
		#info-01 {
			background-image: url(../images/INFO_NISA.svg);
		}
		#info-01:hover {
			filter: brightness(0.9);
		}
		#info-02 {
			background-image: url(../images/INFO_tsumitate.svg);
		}
		#info-02:hover {
			filter: brightness(0.9);
		}
		#info-03 {
			background-image: url(../images/INFO_tyui.svg);
		}
		#info-03:hover {
			filter: brightness(0.9);
		}
		
		#footer-height-div {
			width: 100%;
			height: 80px;
		}
		
		#footer {
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 80px;
			padding-bottom: unset;
			background-color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			
			transform: translateY(100%);
			transition: transform 0.3s ease;
		}
		
		#footer.is-visible {
			transform: translateY(0);
		}
		
		#footer > a {
			width: 420px;
			height: 50px;
			background-repeat: no-repeat;
			background-size: 100%;
			border: none;
			padding: unset;
			background-color: unset;
		}
		
		#footer-button-01 {
			background-image: url(../images/footer_btn_1.svg);
		}
		#footer-button-01:hover {
			filter: brightness(0.9);
		}
		
		#footer > div {
			height: 50px;
			width: 40px;
		}

		#footer-button-02 {
			background-image: url(../images/footer_btn_2.svg);
		}
		#footer-button-02:hover {
			filter: brightness(0.9);
		}
	}