@charset "UTF-8";
/*--------------------------------------------------------------
	Index
----------------------------------------------------------------
	0. 基本
	1. header
	2. MV
	3. main_cassette共通
	4. 市場全体の動向を把握する ものさし
	5. なぜ支持されている？全世界株式・米国株式
	6. 投資方法のヒント
	7. ファンドラインナップ
	8. 米国株式指数詳細
	9. ボタンデザイン
	10.Disclaimer
	11.footer
---------------------------------------------------------------*/

/*--------------------------------------------------------------
	0. 基本
---------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=M+PLUS+1:wght@500;700&Montserrat:wght@800&display=swap');

html{
	font-size: 0.835vw;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
body .mplus {
	font-family: "M PLUS 1", sans-serif;
	font-weight: 500;
	font-style: normal;
}
body .bold {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
}
body .mplus_bold {
	font-family: "M PLUS 1", sans-serif;
	font-weight: 700;
	font-style: normal;
}
_::-webkit-full-page-media, _:future, :root .bold {font-weight: 600;}
a{cursor: pointer;}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: inherit;
	font-size: inherit;
	font-style: inherit;
	-webkit-tap-highlight-color: transparent;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin: 0 auto;
}
.pc_cnt{display: block;}
.sp_cnt{display: none;}
.sp_cnt_inline{display: none;}
.al_l{text-align: left;}
.al_r{text-align: right;}
.al_c{text-align: center;}
.indent{
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
/*-----スタイル指示-----*/
html.locked {
	overflow: hidden;
}
main{}
:root {
	--color-text: #333;
	--color-secondary-red: #CC0000;
	--color-fill:#ECECEC;
	--color-note-txt:#666666;
	--color-w:#ffffff;
	--color-b:#000000;
}

.section__inner {
	margin: 0 auto;
	max-width: 1180px;
}
.p_basic_design{
	font-size: 2rem;
	margin: 40px 0;
	color: #333333;
}
.note_text{
	color:  var(--color-note-txt);
	font-size: 1.2rem;
	margin: 7px 0 0;
}
.note_text + figure{
	margin-top: 10px;
}
.col_2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.col_2 > *{
	width: 46%;
}
.col_2.between{
	justify-content: space-between;
}
.col_2.between > *{
	width: 48%;
}
.col_2 > .p_basic_design{
	margin-top: 0;
}
.inview_re{
	transform: translateY(50px);
	opacity: 0;
}
.inview_re.is-show{
  animation: slideInB 1s cubic-bezier(0.25, 1, 0.5, 1) 0.4s forwards;
}
@keyframes slideInB {
  0% {
	transform: translateY(50px);
	opacity: 0;
  }
  100% {
	transform: translateY(0);
  }
  70%,100% {
	opacity: 1;
  }
}
.mt00{
	margin-top: 0 !important;
}
.mb00{
	margin-bottom: 0 !important;
}
/*-----デバイス幅が1200px以上-----*/
@media screen and (min-width: 1200px) {
	html {font-size: 10px;}
}
@media (min-width: 768px) {
	.section > .section__inner {
		padding: 0 min(40px, 2.928257687vw) 120px;
	}
}
@media screen and (max-width: 767px){
	html {font-size: 10px;}
	.pc_cnt{display: none;}
	.sp_cnt{display: block;}
	.sp_cnt_inline{display: inline-block;}
	.section__inner {
		padding-right:0;
		padding-left: 0;
	}
	.p_basic_design{
		font-size: 1.4rem;
		margin: 30px 0;
	}
	.col_2 > *{
		width: 90%;
		margin: 0 auto;
	}
	.col_2.between > *{
		width: 100%;
	}
}

/* graph-txt */
.graph-txt {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	width: 240px;
	height: 32px;
	padding: 5px 3px 5px 10px;
	margin: 10px auto;
	border-radius: 10px;
	background: #F5F5F5;
	color: #686D74;
}
.graph-txt > span {
	display: inline-block;
	padding: 0 0 0 24px;
	position: relative;
}
.graph-txt > span:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 16px;
	height: 17px;
	content: "";
	background: url(/special/shizuokabank/index-introduction/images/base/g_icon_01_20260427.svg) no-repeat center center / contain;
}
@media screen and (min-width: 768px) {
	.graph-txt {
		display: none;
	}
}
/* table-txt */
.table-txt {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	width: 250px;
	height: 32px;
	padding: 5px 3px 5px 10px;
	margin: 10px auto;
	border-radius: 10px;
	background: #F5F5F5;
	color: #686D74;
}
.table-txt > span {
	display: inline-block;
	padding: 0 0 0 24px;
	position: relative;
}
.table-txt > span:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 16px;
	height: 17px;
	content: "";
	background: url(/special/shizuokabank/index-introduction/images/base/g_icon_02_20260427.svg) no-repeat center center / contain;
}
@media screen and (min-width: 768px) {
	.table-txt {
		display: none;
	}
}

/* textlink blank */
.txtlink_blank .icon {
	width: 0.875em;
	height: 0.875em;
	display: inline-block;
	position: relative;
	top: 0.375em;
	margin-left: 5px;
}

/*--------------------------------------------------------------
	1. header
---------------------------------------------------------------*/
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	line-height: 1;
}
.header__inner {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: inherit;
	position: relative;
	background: #fff;
	border-top: 4px solid #7D001A;
	padding-inline: 15px;
	height: 70px;
}
/* ヘッダーのロゴ部分 */
.header__title {
	width: 140px;
}
.header__title img {
	display: block;
	width: 100%;
}

/* ヘッダーのナビ部分 */
.header__nav {
	position: absolute;
	right: 0;
	left: 0;
	top: -4px;
	width: 100%;
	height: 100vh;
	transform: translateX(100%);
	background-color: #3CA3AE;
	transition: ease .4s;
	color: #ffffff;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
@media screen and (min-width: 768px) {
	.header__inner {
		padding: 0 20px 0 50px;
		border-width: 6px;
		height: 76px;

	}
	.header__title {
		width: 190px;
	}
	.header__nav {
		position: static;
		transform: initial;
		background-color: unset;
		height: inherit;
		display: flex;
		justify-content: end;
		width: 50%;
		backdrop-filter: blur(0);
		-webkit-backdrop-filter: blur(0);
	}
	.nav__items {
		width: 100%;
		display: flex;
		align-items: center;
		height: initial;
		justify-content: flex-end;
		font-weight: 700;
	}
}
.nav-items {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.nav-items {
		position: inherit;
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}
}

/* ナビのリンク */
.nav-items__item:last-child {
	border-right: none;
}
.nav-items__item a {
	color: #ffffff;
	width: 100%;
	display: block;
	text-align: left;
	font-size: 2rem;
	line-height: 1;
	margin: 40px;
}
.nav-items__item:last-child a {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.nav-items__item a {
		font-family: "M PLUS 1", sans-serif;
		font-weight: 500;
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 8px;
		text-decoration-color: #FFEF36;
	}
}
@media screen and (min-width: 768px) {
	.nav-items__item {
		padding: 0 20px;
		border-right: 1px solid #333333;
		color: #333333;
	}
	.nav-items__item a {
		font-size: 1.6rem;
		color: #333333;
		text-align: center;
		margin: 0;
		white-space: nowrap;
	}
}
/* ハンバーガーメニュー */
.header__hamburger {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.hamburger {
	/* border-color: transparent; */
	z-index: 9999;
	background-color: #3CA3AE;
}
@media screen and (min-width: 768px) {
  .hamburger {
	display: none;
  }
}
/* ハンバーガーメニューの線 */
.hamburger span {
	width: 20px;
	height: 2px;
	background-color: #ffffff;
	position: relative;
	transition: ease .4s;
	display: block;
	margin-left: 14px;
}
.hamburger span:nth-child(1) {
	top: 0;
}
.hamburger span:nth-child(2) {
	margin: 4px 0 4px 14px;
}
.hamburger span:nth-child(3) {
	top: 0;
}
/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
	transform: translateX(0);
}
.hamburger.active span:nth-child(1) {
	top: 6px;
	transform: rotate(45deg);
}
.hamburger.active span:nth-child(2) {
	opacity: 0;
}
.hamburger.active span:nth-child(3) {
	top: -6px;
	transform: rotate(-45deg);
}

/*--------------------------------------------------------------
	2. MV
---------------------------------------------------------------*/
.mv {
	overflow: hidden;
	background: #FFFFC9;
	padding: 120px 0 240px;
	position: relative;
}
.mv_inner {
	position: relative;
	max-width: 995px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	border: 5px solid #3CA3AE;
}
.mv_inner_inner {
	border: 2px solid #3CA3AE;
	padding: 50px 20px 45px;
}
.mv h1 {
	line-height: 1.35;
	text-align: center;
	margin-bottom: 24px;
}
.mv h1 .small {
	display: block;
	font-size: 3.2rem;
	text-decoration: underline;
	text-decoration-thickness: 12px;
	text-underline-offset: -6px;
	text-decoration-color: #FFEF36;
}
.mv h1 .small > em {
	position: relative;
}
.mv h1 .small > em::before {
	content: "";
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #3CA3AE;
	left: 50%;
	transform: translateX(-50%);
	top: -6px;
}
.mv h1 .large {
	display: block;
	font-size: 8rem;
}
.mv h1 .circle {
	display: flex;
	justify-content: center;
	gap: 14px;
	margin-top: 15px;
}
.mv h1 .circle > span {
	width: 128px;
	flex: 0 0 128px;
	background: #3CA3AE;
	padding: 5px;
}
.mv h1 .circle > span > em {
	border: 1px solid rgba(255, 255, 255, 0.7);
	font-size: 9.2rem;
	font-weight: 500;
	line-height: 1;
	display: flex;
	justify-content: center;
	padding: 6px 0 14px;
	color: #FFEF36;
}
.mv .lead_text {
	font-size: 2.0rem;
	text-align: center;
}

.mv .mv_note_text {
	max-width: 1200px;
	margin: 35px auto 20px;
}
.mv .mv_illust {
	position: absolute;
}
.mv .mv_illust_01 {
	width: 274px;
	top: 62px;
	left: calc(50% - 586px);
}
.mv .mv_illust_02 {
	width: 287px;
	bottom: -80px;
	left: calc(50% + 308px);
}
.mv .mv_illust_03 {
	width: 118px;
	top: -22px;
	left: calc(50% - 292px);
}
.mv .mv_illust_04 {
	width: 135px;
	top: 63px;
	left: calc(50% + 269px);
}
.mv .mv_illust_05 {
	width: 124px;
	bottom: 56px;
	left: calc(50% - 420px);
}
.mv .mv_illust_06 {
	width: 129px;
	bottom: 135px;
	left: calc(50% + 306px);
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
	.mv {
		padding-inline: 30px;
	}
	.mv_inner_inner {
		min-height: 470px;
	}
	.mv .mv_illust_01 {
		width: 185px;
		top: -19px;
		left: -10px;
	}
	.mv .mv_illust_02 {
		width: 212px;
		bottom: -38px;
		right: -6px;
		left: unset;
	}
	.mv .mv_illust_03 {
		width: 93px;
		top: -32px;
		left: calc(50% - 141px);
	}
	.mv .mv_illust_04 {
		width: 110px;
		top: 27px;
		left: calc(50% + 30%);
	}
	.mv .mv_illust_05 {
		width: 101px;
		bottom: 27px;
		left: calc(50% - 40%);
	}
	.mv .mv_illust_06 {
		width: 101px;
		bottom: -28px;
		left: calc(50% + 16px);
	}
}

@media screen and (min-width: 940px) and (max-width: 1280px) {
	.mv .mv_illust_06 {
		bottom: 200px;
		left: 85%;
	}
}

@media screen and (max-width: 767px) {
	.mv {
		padding: 120px 15px 80px;
	}
	.mv_inner {
		border-width: 3px;
		margin: 0;
	}
	.mv h1 {
		margin-bottom: 15px;
	}
	.mv h1 .small {
		font-size: 2.0rem;
	}
	.mv h1 .small > em::before {
		width: 7px;
		height: 7px;
	}
	.mv h1 .large {
		font-size: 3.8rem;
	}
	.mv h1 .circle {
		gap: 4px;
	}
	.mv h1 .circle > span {
		width: 70px;
		flex: 0 0 70px;
		padding: 3px;
	}
	.mv h1 .circle > span > em {
		font-size: 5.0rem;
		padding: 2px 0 10px;
	}
	.mv .lead_text {
		font-size: 1.2rem;
	}
	.mv .mv_note_text {
		margin: 55px auto 20px;
		font-size: 1.0rem;
	}
	.mv .mv_illust_01 {
		width: 120px;
		top: -32px;
		left: -10px;
	}
	.mv .mv_illust_02 {
		width: 148px;
		bottom: -38px;
		right: -6px;
		left: unset;
	}
	.mv .mv_illust_03 {
		width: 55px;
		top: -16px;
		left: calc(50% - 42px);
	}
	.mv .mv_illust_04 {
		width: 62px;
		top: -13px;
		left: calc(50% + 75px);
	}
	.mv .mv_illust_05 {
		width: 54px;
		bottom: 0;
		left: calc(50% - 138px);
	}
	.mv .mv_illust_06 {
		width: 62px;
		bottom: -13px;
		left: calc(50% - 50px);
	}

}

/*--------------------------------------------------------------
	3.  main_cassette共通
---------------------------------------------------------------*/
.main_cassette {
	background: #FFFFE6;
	padding-bottom: 120px;
}
.main_cassette_outer {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 10px 30px rgba(85, 78, 0, 0.1);
}
.main_cassette_inner {
	width: 100%;
	padding-inline: 50px;
	padding-bottom: 90px;
}
.main_cassette_inner.--small {
	padding-inline: 110px;
}
.main_cassette_inner.--middle {
	padding-bottom: 0;
}
.main_cassette_title {
	width: 100%;
	text-align: center;
	border-bottom: 6px solid #3CA3AE;
}
.main_cassette_title span {
	font-family: "M PLUS 1", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 4rem;
	color: #6D7176;
	padding: 45px 7rem 24px;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.main_cassette_title span.pre_text {
	padding-bottom: 0;
}
.main_cassette_title span.pre_text + span {
	padding-top: 10px;
}
.main_cassette_title strong {
	font-size: 6rem;
	color: #721B23;
	text-decoration: underline;
	text-decoration-thickness: 12px;
	text-underline-offset: -4px;
	text-decoration-color: #FFEF36;
	display: inline-block;
	transform: translateY(-6px);
}
.main_cassette .read_txt {
	max-width: 980px;
	margin: 50px auto 0;
	line-height: 2;
}
.main_cassette .read_txt span {
	color: #7D001A;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.main_cassette {
		padding-bottom: 64px;
	}
	.main_cassette_title {
	}
	.main_cassette_title span {
		font-size: 2.2rem;
		padding: 20px 20px 15px;
		flex-direction: column;
		gap: 2px;
	}
	.main_cassette_title strong {
		font-size: 4rem;
		text-decoration-thickness: 9px;
		transform: unset;
	}
	.main_cassette_outer {
		margin: 0 15px;
	}
	.main_cassette_inner,
	.main_cassette_inner.--small {
		padding: 0 15px 48px;
	}
	.main_cassette_inner.--middle {
		padding-bottom: 0;
	}
}
/*--------------------------------------------------------------
	4.  　市場全体の動向を把握する ものさし
---------------------------------------------------------------*/
.ruler .main_cassette_outer {
	/* padding-bottom: 100px; */
	margin-top: -240px;
	position: relative;
	z-index: 2;
}
.ruler_txt{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 50px 0;
}
.ruler_txt figure {
	width: 30%;
}
.ruler_txt p.read_txt {
	width: 66%;
	margin: 0;
	line-height: 2;
}
.ruler_cassette {
	border-radius: 20px;
	padding: 68px 40px 40px;
	background-color: #ffffff;
	margin: 60px 0;
	border: 5px solid #D1D5DB;
}
.ruler_cassette h3 {
	max-width: 390px;
	margin: -102px auto 30px;
	padding: 2px;
	color: #7D001A;
	text-align: center;
	font-size: 2.2rem;
	border-radius: 10px;
	background-color: #fff;
	border: 2px solid currentColor;
}
.ruler_cassette h3 span {
	display: block;
	border-radius: 6px;
	border: 1px solid currentColor;
	padding: 8px 0;
}
.ruler .accordion {
	border: 5px solid #D1D5DB;
	border-radius: 20px;
}
.ruler .accordion-title {
	position: relative;
	font-size: 2.8rem;
	font-weight: bold;
	padding: 17px 40px;
	color: #7D001A;
	text-align: left;
	cursor: pointer;
}
.ruler .accordion-title::after {
	border-right: solid 4px #7D001A;
	border-top: solid 4px #7D001A;
	content: "";
	display: block;
	height: 18px;
	position: absolute;
	right: 40px;
	top: 36%;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	width: 18px;
}
.ruler .accordion-title.open::after {
	top: 45%;
	transform: rotate(-45deg);
}
.ruler .accordion-content {
	display: none;
	padding: 0 40px 40px;
}
.ruler .accordion-content_inn {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.ruler .accordion-content_inn > div {
	width: 43%;
}
.ruler .accordion-content_inn > div > div {
	font-size: 1.6rem;
	font-weight: 600;
	border-bottom: 2px solid #DDDDDD;
	margin-bottom: 15px;
}
.ruler .accordion-content_inn > p {
	width: 52%;
	margin: 0;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	.ruler .main_cassette_outer {
		margin-top: -80px;
	}
	.ruler_txt {
		display: block;
		margin: 30px 0;
	}
	.ruler_txt figure {
		width: 70%;
		margin: 0 auto;
	}
	.ruler_txt p.read_txt {
		width: 100%;
		margin-top: 20px;
	}
	.ruler_cassette {
		padding: 60px 15px 15px;
		margin: 60px 0 40px;
		border-width: 2px;
		border-radius: 10px;
	}
	.ruler_cassette h3 {
		max-width: 230px;
		font-size: 1.4rem;
		margin: -80px auto 10px;
	}
	.ruler_cassette h3 span {
		padding: 5px 0;
	}
	.ruler .accordion {
		border-width: 2px;
		border-radius: 10px;
	}
	.ruler .accordion-title {
		font-size: 1.4rem;
		padding: 17px 15px;
	}
	.ruler .accordion-title::after {
		right: 20px;
		height: 13px;
		width: 13px;
		border-width: 2px;
	}
	.ruler .accordion-content_inn {
		display: block;
		border-top: 2px solid #D1D5DB;
		padding-top: 20px;
	}
	.ruler .accordion-content_inn > p {
		font-size: 1.4rem;
		width: 100%;
	}
	.ruler .accordion-content {
		padding: 0 15px 15px;
	}
	.ruler .accordion-content_inn > div {
		width: 100%;
		margin-top: 20px;
	}
	.ruler .accordion-content_inn > div > div {
		font-size: 1.4rem;
		padding: 10px 0;
	}
}
/*--------------------------------------------------------------
	5.  なぜ支持されている？全世界株式・米国株式
---------------------------------------------------------------*/
.about .col_2.between.about_point {
	margin: 96px 0 0;
}
.about_point > div {
	border-radius: 10px;
	position: relative;
}
.about_point > div:nth-child(1) {
	background: #FFFFC9;
}
.about_point > div:nth-child(2) {
	background: #FFEDDD;
}
.about_point_title_wrap {
	position: relative;
	padding: 150px 20px 20px;
}
.about_point_title_wrap > figure {
	position: absolute;
	width: 220px;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}
.about_point_title_wrap > span {
	font-size: 3.2rem;
	color: #333;
	display: block;
	text-align: center;
}
.about_point > div ul {
	padding: 24px 30px 30px;
}
.about_point > div ul li {
	padding-left: 1.2em;
	font-size: 1.8rem;
	font-weight: 600;
	position: relative;
}
.about_point > div ul li::before {
	position: absolute;
	top: 0.5rem;;
	left: 0;
	content: "● ";
	font-size: 1.2rem;
}
.about_point > div:nth-child(1) ul {
	border-top: 4px dotted #3A902C;
}
.about_point > div:nth-child(1) ul li::before {
	color: #3A902C;
}
.about_point > div:nth-child(2) ul {
	border-top: 4px dotted #7D001A;
}
.about_point > div:nth-child(2) ul li::before {
	color: #7D001A;
}
.about h3 {
	text-align: center;
	position: relative;
	padding: 40px 0 0;
	margin: 60px 0 0;
}
.about h3 > span {
	display: block;
	position: relative;
}
.about h3 > span > span {
	font-weight: 700;
	font-style: normal;
	display: inline-block;
	color: #7D001A;
	padding: 4px;
	font-size: 4rem;
	background-color: #fff;
	border: 2px solid currentColor;
	border-radius: 10px;
	position: relative;
	z-index: 10;
}
.about h3 > span > span > em {
	display: block;
	border-radius: 6px;
	border: 1px solid currentColor;
	padding: 6px 30px;
}
.about h3 > span::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	border-top: 4px dotted #7D001A;
	left: 0;
	top: calc(50% - 2px);
	z-index: 9;
}
.about h4 {
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	margin: 60px 0 30px;
}
.about .col_2.between {
	margin: 20px 0;
}
.about .col_2.between table {
	border-collapse: collapse;
}
.about .col_2.between table th,.about .col_2.between table td {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
}
.about .col_2.between table th {
	font-weight: 600;
	background-color: #EFEFEF;
}
.graph_title {
	font-size: 1.8rem;
	text-align: center;
	font-weight: 600;
	text-indent: 6em;
}
table.about_table02 {
	border-collapse: collapse;
	height: 100%;
	margin-bottom: 30px;
}
table.about_table02 thead th div {
	border-radius: 4px 4px 0 0;
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	margin: 0 0 0 4px;
}
table.about_table02 thead th:nth-child(2) div {
	background-color: #1A3878;
}
table.about_table02 thead th:nth-child(3) div {
	background-color: #0A5FBC;
}
table.about_table02 thead th:nth-child(4) div {
	background-color: #1C8DD4;
}
table.about_table02 thead th:nth-child(5) div {
	background-color: #22ABC9;
}
table.about_table02 tbody th,table.about_table02 tbody td {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
}
table.about_table02 tbody th {
	font-weight: 600;
	background-color: #EFEFEF;
	width: 8%;
}
table.about_table02 tbody td {
	width: 22.75%;
	height: 100%;
}
table.about_table02 tbody td div {
	margin: 0 0 0 4px;
	height: 100%;
	padding: 10px;
}
table.about_table02 tbody tr:nth-child(1) td div {
	text-align: left;
}
table.about_table02 tbody td:nth-child(2) div {
	border-left: 2px solid #1A3878;
	border-right: 2px solid #1A3878;
}
table.about_table02 tbody td:nth-child(3) div {
	border-left: 2px solid #0A5FBC;
	border-right: 2px solid #0A5FBC;
}
table.about_table02 tbody td:nth-child(4) div {
	border-left: 2px solid #1C8DD4;
	border-right: 2px solid #1C8DD4;
}
table.about_table02 tbody td:nth-child(5) div {
	border-left: 2px solid #22ABC9;
	border-right: 2px solid #22ABC9;
}
table.about_table02 tbody tr:nth-child(5) td:nth-child(2) div {
	border-bottom: 2px solid #1A3878;
}
table.about_table02 tbody tr:nth-child(5) td:nth-child(3) div {
	border-bottom: 2px solid #0A5FBC;
}
table.about_table02 tbody tr:nth-child(5) td:nth-child(4) div {
	border-bottom: 2px solid #1C8DD4;
}
table.about_table02 tbody tr:nth-child(5) td:nth-child(5) div {
	border-bottom: 2px solid #22ABC9;
}
table.about_table02 tbody tr:nth-child(2) td div {
	display: flex;
	justify-content: center;
}
.about .note_text.attention a {
	text-decoration: underline;
}
.about .note_text.attention a:hover {
	text-decoration: none;
}
.about .note_text.attention a .icon {
	width: 0.875em;
	height: 0.875em;
	display: inline-block;
	position: relative;
	top: 0.375em;
	margin-left: 5px;
}
@media (max-width: 767px) {
	.about .col_2.between.about_point {
		margin: 50px 0;
	}
	.about_point_title_wrap {
		padding: 24px 20px 24px 140px;
	}
	.about_point_title_wrap > figure {
		width: 111px;
		top: -22px;
		left: 12px;
		transform: unset;
	}
	.about_point_title_wrap > span {
		font-size: 2.1rem;
		text-align: left;
	}
	.about_point > div ul {
		padding: 20px;
	}
	.about_point > div ul li {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
	.about_point > div:nth-child(1) {
		margin-bottom: 52px;
	}
	.about h3 {
		padding-top: 20px;
		margin-top: 60px;
	}
	.about h3 > span > span {
		font-size: 2.4rem;
		border-width: 2px;
		padding: 2px;
	}
	.about h3 > span > span > em {
		padding: 3px 12px;
	}
	.about h3 > span::before {
		width: 100%;
		height: 2px;
	}
	.about h4 {
		font-size: 1.8rem;
		margin: 30px 0 20px;
	}
	.main_cassette .read_txt {
		margin: 30px 0 0;
	}
	.graph_title {
		font-size: 1.6rem;
		text-indent: 0;
		margin-top: 40px;
	}
	.graph_title + figure {
		width: 70%;
		margin: 0 auto;
	}
	.about .col_2.between table th, .about .col_2.between table td {
		font-size: 1.2rem;
	}
	.about .col_2.between table th {
		width: 40%;
	}
	.about .col_2.between table td {
		text-align: left;
		width: 60%;
		padding: 10px;
	}
	.about_table02_wraepper {
		width: 100%;
		overflow: scroll;
	}
	.about_table02 {
		width: 900px;
	}
	.about h3.red {
		margin-top: 50px;
	}
	table.about_table02 tbody td div {
		padding: 12px 10px;
	}
	.about .btn_base.green a::after,.about .btn_base.red a::after {
		top: 48%;
	}
	.about_point > div ul li::before {
		line-height: 1;
	}
	table.about_table02 tbody th {
		width: 9%;
		font-size: 1.3rem;
	}
}

/*--------------------------------------------------------------
	6. 投資方法のヒント
---------------------------------------------------------------*/
.tips .col_2.between {
	margin-top: 50px;
}
.tips .col_2.between li {
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 4px solid #D1D5DB;
}
.tips .col_2.between li h3 {
	width: 20%;
	background-color: #3CA3AE;
	border-radius: 10px;
	padding: 4px;
	font-weight: 600;
	transform: translate(-4px, -4px);
	height: calc(100% + 8px);
}
.tips .col_2.between li h3 > span {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #FFF855;
	font-size: 1.6rem;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 6px;
}
.tips .col_2.between li h3 strong {
	font-size: 4.8rem;
	display: block;
	line-height: 1;
	font-weight: 400;
}
.tips .col_2.between li dl {
	width: 80%;
	padding: 15px;
}
.tips .col_2.between li dl dt {
	font-size: 2.2rem;
	color: #3CA3AE;
	margin-bottom: 15px;
}
.tips .col_2.between li dl dd {
	font-size: 1.6rem;
}

.tips_point {
	border-radius: 10px;
	border: 4px solid #7D001A;
	margin: 50px 0
}
.tips_point h3 {
	text-align: center;
	color: #7D001A;
	font-size: 2.8rem;
	justify-content: center;
	border-radius: 5px 5px 0 0;
	font-weight: 600;
	padding: 14px 10px;
	margin: 5px;
	border: 1px solid #7D001A;
}
.tips_point_inner {
	border-top: 4px solid #7D001A;
	padding: 50px;
}
.tips_point_inner figure {
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.tips .col_2.between li {
		margin-bottom: 20px;
	}
	.tips .col_2.between li:last-child {
		margin-bottom: 0;
	}
	.tips .col_2.between li h3 > span {
		justify-content: flex-start;
		padding-top: 15px;
		font-size: 1rem;
	}
	.tips .col_2.between li h3 strong {
		font-size: 3.3rem;
	}
	.tips .col_2.between li dl dt {
		font-size: 1.8rem;
	}
	.tips .col_2.between li dl dd {
		font-size: 1.4rem;
	}
	.tips_point {
		border-width: 2px;
		border-radius: 8px;
	}
	.tips_point_inner {
		border-width: 2px;
		padding: 20px 10px;
	}
	.tips_point h3 {
		margin: 3px;
		border-radius: 4px 4px 0 0;
		font-size: 1.8rem;
	}
	.tips_point_inner figure {
		margin: 0;
	}
}
/*--------------------------------------------------------------
	7. ファンドラインナップ
---------------------------------------------------------------*/
.fund_lineup {
	padding-inline: 30px;
}
.fund_lineup h2 {
	color: #721B23;
	text-align: center;
	font-size: 5rem;
	margin-bottom: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.fund_lineup h2::before {
	content: "";
	display: block;
	width: 88px;
	height: 83px;
	background: url(/special/shizuokabank/index-introduction/images/base/g_icon_06_20260427.png) no-repeat center center / contain;
}
.fund_lineup .leadtxt {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}
.fund_lineup table {
	border-collapse: collapse;
	max-width: 1100px;
	width: 100%;
	margin: 60px auto;
}
.fund_lineup table thead th {
	font-weight: 600;
	color: #fff;
	background: #4A4A4A;
	text-align: center;
}
.fund_lineup table th,.fund_lineup table td {
	padding: 10px;
	font-size: 1.6rem;
	border: 1px solid #DDDDDD;
}
.fund_lineup table tbody th {
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.fund_lineup table tbody th.table_title_globalStocks {
	background-color: #F3F09A;
	color: #000;
}
.fund_lineup table tbody th.table_title_sp500 {
	background-color: #1A3878;
}
.fund_lineup table tbody th.table_title_NYdow {
	background-color: #0A5FBC;
}
.fund_lineup table tbody th.table_title_NASDAQ100 {
	background-color: #1C8DD4;
}
.fund_lineup table tbody th.table_title_FANG {
	background-color: #22ABC9;
}
.fund_lineup table tbody td {
	background: #fff;
}
.fund_lineup table tbody td a {
	color: #006BC7;
	font-weight: 600;
	text-decoration: underline;
	font-size: 1.6rem;
}
.fund_lineup .txtlink a {
	text-decoration: underline;
	color: #006BC7;
}
.fund_lineup .txtlink.fz-small {
	text-align: center;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.fund_lineup {
		padding-inline: 30px;
	}
	.fund_lineup h2 {
		font-size: 2.4rem;
		margin-bottom: 50px;
	}
	.fund_lineup h2::before {
		width: 60px;
		height: 56px;
	}
	.fund_lineup_table_wreapper {
		width: 100%;
		overflow: scroll;
	}
	.fund_lineup table {
		width: 620px;
		margin: 0 0 30px;
	}
	.fund_lineup table th,.fund_lineup table td {
		padding: 7px;
	}
	.fund_lineup table thead th {
		font-size: 1.2rem;
	}
	.fund_lineup table tbody th {
		font-size: 1rem;
	}
	.fund_lineup table tbody td {
		font-size: 1.3rem;
	}
	.fund_lineup table tbody td a {
		font-size: 1.3rem;
	}
	.fund_lineup .txtlink.fz-small {
		font-size: 1.4rem;
	}
}
/*--------------------------------------------------------------
	8. 米国株式指数詳細
---------------------------------------------------------------*/
.us_stock_index_cassette {
	border-radius: 20px;
	padding: 68px 56px 60px;
	background-color: #ffffff;
	margin: 100px 0 0;
	border: 4px solid currentColor;
}
.us_stock_index_cassette.cassette01 {
	color: #1A3878;
}
.us_stock_index_cassette.cassette02 {
	color: #0A5FBC;
}
.us_stock_index_cassette.cassette03 {
	color: #1C8DD4;
}
.us_stock_index_cassette.cassette04 {
	color: #22ABC9;
}
.us_stock_index_cassette h3 {
	max-width: 460px;
	margin: -116px auto 56px;
	padding: 0;
	background: currentColor;
	border: 4px solid currentColor;
	border-radius: 10px;
}
.us_stock_index_cassette h3 > span {
	display: block;
	color: #fff;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	text-align: center;
	font-size: 4rem;
	padding-block: 6px;
}

.us_stock_index ul.col_2.between {
	margin-bottom: 20px;
	position: relative;
}
.us_stock_index ul.col_2.between::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #DDDDDD;
	position: absolute;
	top: 0;
	left: 50%;
}
.us_stock_index ul.col_2.between h4,
.us_stock_index_cassette.cassette04 h4 {
	border-radius: 5px;
	background-color: #EFEFEF;
	padding: 10px;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #333;
}
.us_stock_index_cassette.cassette02 figure {
	max-width: 600px;
	margin-inline: auto;
}

.note_text.attention::before {
	display: inline;
	content: "※";
}

/* about-02 */
.about-02-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6.5px;
	margin-right: -6.5px;
}
.about-02-list > li {
	width: 50%;
	padding: 0 6.5px;
	margin: 0 0 13px 0;
	color: #333333;
	display: flex;
	flex-direction: column;
}
.about-02-list-item-box {
	border: solid 4px #E9ECF0;
	flex-grow: 1;
}
@media screen and (max-width: 767.99px) {
	.about-02-list {
		margin-bottom: 11px;
	}
	.about-02-list > li:nth-of-type(-n+4) {
		width: 100%;
	}
	.about-02-list-item-box {
		padding: 20px 0;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box {
		padding: 12px 20px 12px 20px;
		display: flex;
		justify-content: center;
	}
	.about-02-list-item-box-01 {
		text-align: center;
	}
	.about-02-list-item-box-01 img {
		width: 50px;
		height: 50px;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box img {
		width: 80px;
		height: 80px;
	}
	.about-02-list-item-box-02 {
		padding: 8px 0 0 0;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02 {
		padding: 0 0 0 17px;
		display: flex;
		align-items: center;
	}
	.about-02-list-item-box-02-txt-01 {
		font-family: 'Montserrat', sans-serif;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 800;
		text-align: center;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-01 {
		font-size: 2.4rem;
	}
	.about-02-list-item-box-02-txt-01 > span {
		color: #1265D6;
	}
	.about-02-list-item-box-02-txt-02 {
		font-size: 1.2rem;
		line-height: 20px;
		font-weight: bold;
		margin: 2px 0 0 0;
		text-align: center;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-02 {
		font-size: 1.4rem;
	}
	.us_stock_index_cassette {
		padding: 30px 15px 40px;
		margin: 60px 0 0;
		border-width: 2px;
		border-radius: 10px;
	}
	.us_stock_index_cassette h3 {
		max-width: 230px;
		margin: -53px auto 30px;
		border-radius: 8px;
	}
	.us_stock_index_cassette h3 > span {
		border-radius: 4px;
		font-size: 2.0rem;
		padding-block: 3px;
	}
	.us_stock_index ul.col_2.between h4,
	.us_stock_index_cassette.cassette04 h4 {
		font-size: 1.6rem;
	}
	.us_stock_index ul.col_2.between > li {
		margin-bottom: 20px;
	}
	.us_stock_index ul.col_2.between > li:last-child {
		margin-bottom: 0;
	}
	.us_stock_index ul.col_2.between::before {
		content: none;
	}
}
@media screen and (min-width: 768px) {
	.about-02-list {
		margin-left: -14px;
		margin-right: -14px;
		margin-bottom: 7px;
	}
	.about-02-list > li {
		padding: 0 14px;
		margin: 0 0 25px 0;
	}
	.about-02-list-item-box {
		padding: 12px 10px;
		display: flex;
		align-items: center;
	}
	.about-02-list-item-box-01 {
		text-align: center;
		min-width: 80px;
	}
	.about-02-list-item-box-01 img {
		width: 80px;
		height: 80px;
	}
	.about-02-list-item-box-02 {
		padding: 0 0 0 10px;
	}
	.about-02-list-item-box-02-txt-01 {
		font-family: 'Montserrat', sans-serif;
		font-size: 2.8rem;
		line-height: 34px;
		font-weight: 800;
	}
	.about-02-list-item-box-02-txt-01 > span {
		color: #3C9EEB;
	}
	.about-02-list-item-box-02-txt-02 {
		font-size: 1.4rem;
		line-height: 20px;
		font-weight: bold;
		margin: 3px 0 0 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023.99px) {
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box {
		flex-wrap:wrap;
		padding: 20px;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-01 {
		order: 1;
		width: 100%;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02 {
		order: 0;
		width: 100%;
		padding: 12px 0 0 0;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-01 {
		text-align: center;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-02 {
		text-align: center;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279.99px) {
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box {
		flex-wrap:wrap;
		padding: 20px;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-01 {
		order: 1;
		width: 100%;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02 {
		order: 0;
		width: 100%;
		padding: 12px 0 0 0;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-01 {
		text-align: center;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-02 {
		text-align: center;
	}
}
@media screen and (min-width: 1280px) {
	.about-02-list > li:nth-of-type(-n+4) {
		width: 25%;
	}
	.about-02-list > li:nth-of-type(n+5) {
		width: 33.3333%;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box {
		flex-wrap:wrap;
		padding: 20px;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-01 {
		order: 1;
		width: 100%;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02 {
		order: 0;
		width: 100%;
		padding: 12px 0 0 0;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-01 {
		text-align: center;
	}
	.about-02-list > li:nth-of-type(-n+4) .about-02-list-item-box-02-txt-02 {
		text-align: center;
	}
}
/*--------------------------------------------------------------
	9. ボタンデザイン
---------------------------------------------------------------*/
.btn_base.w_860 {
	max-width: 860px;
	margin-top: 48px;
	margin-inline: auto;
}
.btn_base.w_600 {
	max-width: 600px;
	margin-top: 48px;
	margin-inline: auto;
}
.btn_base a {
	display: block;
	width: 100%;
	border-radius: 10px;
	background-color: #7D001A;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	transition: all .3s ease;
	position: relative;
}
.btn_base a::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
	background-color: #ffffff;
}
.btn_base a::after {
	border-right: solid 2px #7D001A;
	border-top: solid 2px #7D001A;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	right: 22px;
	top: 53%;
	transform: translateY(-50%) rotate(-45deg);
	width: 10px;
}
.btn_base.bottom a::after {
	top: 47%;
	transform: translateY(-50%) rotate(135deg);
}
.btn_base.blank a::before {
	width: 20px;
	height: 20px;
	background: url(/special/shizuokabank/index-introduction/images/base/g_icon_03_20260427.svg) no-repeat center center / contain;
	border-radius: 0;
}
.btn_base.blank a::after {
	content: none;
}
.btn_base a:hover {
	opacity: 0.8;
	transition: all .3s ease;
}
@media (max-width: 767px) {
	.btn_base.w_600 {
		margin-top: 30px;
	}
	.btn_base a {
		font-size: 1.4rem;
		padding: 15px;
	}
	.btn_base a::before {
		width: 20px;
		height: 20px;
		right: 15px;
		top: 50%;
	}
	.btn_base a::after {
		height: 8px;
		width: 8px;
		right: 21px;
		top: 52%;
	}
	.btn_base.bottom a::after {
		top: 48%;
	}
	.btn_base.blank a::before {
		width: 16px;
		height: 16px;
	}
}
/*--------------------------------------------------------------
	10. Disclaimer
---------------------------------------------------------------*/
.information {
	background:#ffffff;
	font-size: 1.4rem;
	padding-top: 80px;
}
.information .section__inner{
	max-width: 1060px;
}
.information p{
	margin: 15px 0;
}
.information__heading-lv2 {
	font-size: 2.4rem;
	font-weight: 700;
}
.information__heading-lv3 {
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: 700;
}
.information__heading-lv4 {
	margin-top: 20px;
	font-weight: 700;
}
.information__datalist dt {
	margin-top: 20px;
	font-weight: 700;
}
.information__datalist dt::before {
	display: inline;
	content: "●";
}
.information__notelist {
	margin-top: 1.6em;
}
.information__squarelist > li{
	padding-left: 1em;
	text-indent: -1em;
}
.information__squarelist > li::before {
	display: inline;
	content: "■";
}
.information__squarelist > li + li {
	margin-top: 20px;
}
.information__squarelist > li > ul {
	margin-top: 16px;
}
.information__squarelist > li > ul > li {
	padding-left: 1em;
	text-indent: -1em;
}
.information__squarelist > li > ul > li::before {
	display: inline;
	content: "・";
}
.information__squarelist > li > ul > li.attention {
	padding-left: 0;
	text-indent: 0;
}
.information__squarelist > li > ul > li.attention::before {
	content: "※";
}
.information__squarelist > li > ul > li + li {
	margin-top: 8px;
}
.u-color-red {
	color: var(--color-secondary-red) !important;
}
.disclaimer_note02{
	padding-left: 1em;
	text-indent: -1em;
	margin: 16px 0 !important;
}
.information__content .txtlink a {
	text-decoration: underline;
}
.information__content .accordion{
	border-radius: 2px;
	border: 1px solid #AFAFAF;

}
.information__content .accordion-title {
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 17px;
	cursor: pointer;
}
.information__content .accordion-title::after {
	border-right: solid 2px #222222;
	border-top: solid 2px #222222;
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	right: 30px;
	top: 32%;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	width: 15px;
}
.information__content .accordion-title.open::after {
	top: 45%;
	transform: rotate(-45deg);
}
.information__content .accordion-content {
	display: none;
	padding: 0 17px 17px;
}
.information__content .accordion-content a{
	text-decoration: underline;
}
.information__content .accordion-content a.color_blue {
	color: #006BC7;
}

@media (max-width: 767px) {
	.information {
		padding: 50px 5% 60px;
		font-size: 1.2rem;
	}
	.information__content + .information__content {
		margin-top: 40px;
	}
	.information__heading-lv2 {
		margin-bottom: 18px;
		font-size: 2rem;
	}
	.information__heading-lv3 {
		margin-top: 20px;
		font-size: 1.4rem;
	}
	.information__squarelist > li{
		font-size: 1.2rem;
	}
}
@media (min-width: 768px) {
	.information__content + .information__content {
		margin-top: 80px;
	}
	.information__heading-lv2 {
		margin-bottom: 25px;
	}
	.information__heading-lv3 {
		margin-top: 25px;
	}
}
/*--------------------------------------------------------------
	11. footer
---------------------------------------------------------------*/
.main-footer {
	background: #7D001A;
	padding: 30px 60px;
	color: #fff;
	font-size: 1.4rem;
}
.main-footer__inner {
	max-width: 1100px;
	margin: 0 auto;
}
.trade_info {
	text-align: center;
}
.copyright {
	margin-top: 20px;
	text-align: center;
}
.follow_button {
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 3;
}
.follow_button > div {
	display: flex;
}
.follow_button a {
	writing-mode: vertical-rl;
	background-color: #7D001A;
	display: inline-block;
	border-radius: 20px 0 0 20px;
	padding: 20px 10px 40px;
	color: #ffffff;
	font-weight: 600;
	font-size: 1.6rem;
	transition: all .3s ease;
	letter-spacing: 2px;
}
.follow_button a:hover {
	opacity: 0.8;
	transition: all .3s ease;
}
.follow_button a::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: 15px;
	border-radius: 100%;
	background-color: #ffffff;
}
.follow_button a::after {
	border-right: solid 1px #7D001A;
	border-top: solid 1px #7D001A;
	content: "";
	display: block;
	height: 7px;
	position: absolute;
	right: 50%;
	bottom: 22px;
	transform: translateX(50%) rotate(135deg);
	width: 7px;
}

@media screen and (max-width: 767px) {
	.main-footer {
		font-size: 1.2rem;
		padding: 30px 10px;
	}
	.follow_button {
		top: 43%;
	}
	.follow_button a {
		font-size: 1rem;
		padding: 10px 5px 25px;
		border-radius: 10px 0 0 10px;
	}
	.follow_button a::before {
		width: 10px;
		height: 10px;
		bottom: 11px;
	}
	.follow_button a::after {
		height: 4px;
		bottom: 15px;
		width: 4px;
	}
}