@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');

body {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body,html {
	width: 100%;
	height: 1px;
	min-height: 100%;
}
/* 共通パーツ */
p,li,dt,dd,aside,a,small,ins,th,td,button,
h1,h2,h3,h4,h5,h6 {
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	letter-spacing: 0.05em;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #3a3a3a;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 44px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 23px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
}
.flex_items_center {
	display: flex;
	align-items: center;
}
/* 文字揃え */
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_left {
	text-align: left;
}
/* 太文字 */
.font_bold {
	font-weight: bold;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}

/* フォーム部品 */
.form_control {
	width: 100%;
	height: 48px;
	padding: 13px 19px 14px 19px;
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out;
	box-shadow: none;
	color: #818181;
}
input[type="submit"] {
	border: 0;
}
.form_control::placeholder {
	color: #c4c4c4;
	font-weight: normal;
}
input[type="text"].form_control:focus,
input[type="password"].form_control:focus,
textarea.form_control:focus,
select.form_control:focus {
	border-color: #55cf8d;
	caret-color: #55cf8d;
	outline: 0;
	box-shadow: none;
}
select.form_control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input_select {
	position: relative;
}
.input_select::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background-image: url(../img/ico/ico_pulldown.svg);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}
/* ラジオボタン */
input[type="radio"] {
	display: none;
}
.form_radio {
	position: relative;
	font-size: 14px;
	margin-left: 30px;
}
.form_radio::before,
.form_radio::after {
	position: absolute;
}
.form_radio::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #c4c4c4;
	background-color: #fff;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}
.form_radio::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #55cf8d;
	border-radius: 50%;
	top: 50%;
	left: -21px;
	transform: translateY(-50%);
	transition: opacity .15s ease-in-out;
	opacity: 0;
}
input[type="radio"]:checked + .form_radio::after {
	opacity: 1;
}

/* チェックボックス */
input[type="checkbox"] {
	opacity: 0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	margin: 0;
}
.kyc_checkbox {
	display: block;
	position: relative;
	cursor: pointer;
}
.kyc_checkbox_text {
	background-color: #fff;
	border: 1px solid #55cf8d;
	width: 100%;
	height: auto;
	padding: 19px 55px 21px 21px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #1f7245;
}
.kyc_checkbox_text::after {
	display: inline-block;
	content: "";
	width: 26px;
	height: 26px;
	background-color: #fff;
	border: 1px solid #818181;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.kyc_checkbox input[type="checkbox"]:checked + .kyc_checkbox_text {
	background-color: #55cf8d;
	color: #fff;
}
.kyc_checkbox input[type="checkbox"]:checked + .kyc_checkbox_text::after {
	background-image: url(../img/ico/ico_check.svg);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	border-color: #55cf8d;
}
.kyc_checkbox_list li + li {
	margin-top: 10px;
}
.checkbox {
	cursor: pointer;
}
.checkbox input[type="checkbox"] + .checkbox_text,
.checkbox input[type="checkbox"] + .checkbox_text::before {
	vertical-align: middle;
}
.checkbox input[type="checkbox"] + .checkbox_text::before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #55cf8d;
	border-radius: 2px;
	background-color: #fff;
	margin-right: 16px;
}
.checkbox input[type="checkbox"]:checked + .checkbox_text::before {
	background-image: url(../img/ico/ico_check_white.svg);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	background-color: #55cf8d;
}

/* 書類アップロード */
.document_upload h5 {
	margin-bottom: 15px;
}
.document_upload_list {
	display: flex;
}
.document_upload_block {
	width: 294px;
	padding: 12px 12px 17px;
	border: 1px solid #55cf8D;
	border-radius: 5px;
	background-color: #fff;
}
.document_upload_list .document_upload_block + .document_upload_block {
	margin-left: 15px;
}
.drag_area {
	width: 100%;
	border: 1px dashed #bcebd1;
	border-radius: 5px;
	padding: 57px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.drag_area .upload_text {
	font-size: 18px;
	font-weight: bold;
	color: #c4c4c4;
}
.drag_area .upload_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: auto;
}
.drag_area .upload_img img {
	display: block;
	max-width: 264px;
	max-height: 137px;
}
.document_upload_file {
	text-align: center;
	margin-top: 11px;
}
.input_file {
	cursor: pointer;
}
.input_file .input_file_text {
	color: #00c2ff;
	font-weight: bold;
	font-size: 11px;
}
.input_file input[type="file"] {
	display: none;
}
.document_upload + .document_upload {
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	/* 書類アップロード */
	.document_upload h5 {
		font-size: 15px;
		margin-bottom: 7px;
	}
	.document_upload_block {
		width: calc(50% - 10px);
		padding: 5px 5px 6px;
		border: none;
	}
	.document_upload_list .document_upload_block + .document_upload_block {
		margin-left: 20px;
	}
	.drag_area {
		padding: 41px 0;
	}
	.drag_area .upload_text {
		font-size: 14px;
	}
	.document_upload_file {
		margin-top: 6px;
	}
	.document_upload + .document_upload {
		margin-top: 30px;
	}
}

/* アイコン */
.ico {
	background-repeat: no-repeat;
	background-size: cover;
}
.ico.ico_question {
	width: 16px;
	height: 17px;
	display: inline-block;
	background-image: url(../img/ico/ico_question.svg);
}
.ico.ico_exlamation_red {
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(../img/ico/ico_exclamation_red.svg);
}
.ico.ico_exclamation_triangle {
	width: 12px;
	height: 11px;
	display: inline-block;
	background-image: url(../img/ico/ico_exclamation_triangle.svg);
}
/* アイコン付き見出し */
.ico_title {
	padding-left: 77px;
	position: relative;
}
.ico_title::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.ico_title.ico_regist::before,
.ico_title.ico_login::before {
	width: 60px;
	height: 60px;
}
.ico_title.ico_regist::before {
	background-image: url(../img/ico/ico_regist.svg);
}
.ico_title.ico_login::before {
	background-image: url(../img/ico/ico_login.svg);
}
.ico_title .small_text {
	display: block;
	font-size: 14px;
	color: #818181;
}

.wrapper {
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	body,html {
		height: auto;
		min-height: auto;
	}
	.wrapper {
		height: auto;
	}
	.img_responsive {
		width: 100%;
		height: auto;
	}
}

/* 要素ごとのPC/SP表示の切り替え */
.pcN {
	display: none !important;
}
.spN {
	display: block !important;
}
.pcNI{
	display: none !important;
}
.spNI {
	display: inline !important;
}

@media screen and (max-width: 767px) {
	.pcN {
		display: block !important;
	}
	.spN {
		display: none !important;
	}
	.pcNI{
		display: inline !important;
	}
	.spNI {
		display: none !important;
	}
}

/* ボタン */
.btn {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	display: block;
	padding: 0;
	cursor: pointer;
}
.btn.btn_next {
	width: 318px;
	height: 44px;
	line-height: 44px;
	background-color: #55cf8d;
	border-radius: 4px;
	text-align: center;
}
.btn.btn_next:disabled {
	background-color: #c4c4c4;
}
.btn.dark_green {
	background-color: #1f7245;
}
.btn.disabled {
	background-color: #c4c4c4 !important;
}
.btn_wrap_horizontal {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 80px;
}
.btn_wrap_horizontal .btn.btn_back {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}
.btn_wrap_horizontal .btn.btn_next {
	margin-left: 24px;
}
.btn.btn_outline {
	background-color: #fff;
	border: 1px solid #55cf8d;
	color: #55cf8d;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.btn_hidden {
	display: none;
}


@media screen and (max-width: 767px) {
	.btn_wrap_horizontal {
		display: block;
		margin-top: 48px;
		text-align: center;
	}
	.btn.btn_next {
		width: 100%;
		height: 60px;
		line-height: 60px;
	}
	.btn_wrap_horizontal .btn.btn_next,
	.btn_wrap_horizontal .btn.btn_back {
		margin: auto;
	}
	.btn_wrap_horizontal .btn.btn_back {
		display: inline-block;
		margin-top: 31px;
	}
}

/* 見出し */
.common_heading {
	font-size: 23px;
	font-weight: bold;
	color: #3a3a3a;
	padding-left: 15px;
	position: relative;
}
.common_heading::before {
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	background-color: #55cf8d;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0;
}
.common_underline_heading {
	font-size: 20px;
	padding-bottom: 16px;
	color: #272727;
	border-bottom: 1px solid #c4c4c4;
}

/* ツールチップ */
.tooltip {
	display: inline-block;
}
.tooltip.question {
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}
.help_tips {
	display: inline-flex;
	align-items: center;
}
.help_tips .help_text {
	color: #55cf8d;
	font-size: 15px;
	margin-left: 8px;
}

/* 文字色 */
.red {
	color: #ff5c00 !important;
}
.green {
	color: #55cf8d;
}

/* 背景色 */
.bk_lightgreen {
	background-color: #f1fcf7;
}
.bk_green {
	background-color: #bcebd1;
}
.bk_darkgreen {
	background-color: #1f7245;
}
.bk_darkgray {
	background-color: #818181;
}
.bk_gray {
	background-color: #c4c4c4;
}
.bk_lightgray {
	background-color: #f1f1f1;
}

/* 補足リンク */
.text_link_blue {
	color: #00c2ff;
	font-weight: bold;
	font-size: 13px;
}
.small_text_link_green {
	font-size: 11px;
	font-weight: bold;
	color: #55cf8d;
}
/* アイコン付きエラーテキスト */
.error_ico_text {
	display: flex;
	align-items: center;
	font-size: 11px;
	font-weight: bold;
	margin-top: 7px;
}
.error_ico_text .ico {
	margin-right: 7px;
}

/* 確認画面パーツ */
.common_data_list {
	margin-top: 15px;
	border-top: 2px solid #c4c4c4;
}
.common_data_list li {
	height: 73px;
	padding: 25px 0;
	border-bottom: 1px solid #c4c4c4;
	display: flex;
}
.common_data_list li .common_data_heading {
	font-size: 14px;
	font-weight: bold;
	width: 180px;
}
.common_data_list li .common_data_value {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	word-wrap: break-word;
}
.common_confirm_item + .common_confirm_item {
	margin-top: 53px;
}
@media screen and (max-width: 767px) {
	.common_data_list li .common_data_heading {
		width: 90px;
	}
	.common_data_list li {
		height: auto;
	}
	.common_data_input {
		margin-left: 30px;
		width: calc(100% - 120px);

	}
}

/* ボーダー付きエリア */
.border_green {
	width: 100%;
	height: auto;
	padding: 13px 10px;
	background-color: #f1fcf7;
	border: 1px solid #55cf8d;
	border-radius: 4px;
}
/* ヘッダー */
header.common_header {
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 4px 10px rgba(188, 188, 188, 0.3);
	min-width: 1152px;
}
.header_container {
	width: 1136px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_container .header_logo {
	line-height: unset;
}
.header_container .header_logo img {
	width: 166px;
}
.header_container form {
	font-size: 0;
}
.header_container .header_right_container {
	display: flex;
}
.header_container .header_right_container nav {
	display: flex;
	align-items: center;
}
.header_container .header_right_container nav ul {
	display: flex;
	margin-right: 40px;
}
.header_container .header_right_container nav ul li {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}
.header_container .header_right_container nav ul li + li {
	margin-left: 16px;
}
.header_login_container .header_login {
	font-size: 14px;
	font-weight: bold;
	color: #c4c4c4;
}
.header_right_container .header_right_container nav ul .content_list::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/union_stroke.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 4px;
}
.header_login_container {
	display: flex;
	align-items: center;
}
.header_login_container form {
	margin-right: 16px;
}
.header_login_container form input[type="email"] {
	width: 175px;
	padding: 9px;
	border: 1px solid #55CF8D;
	border-radius: 5px 0px 0px 5px;
	font-size: 13px;
	font-weight: bold;
	height: 37px;
}
.header_login_container form input::placeholder {
	color: #c4c4c4;
}
.header_login_container form input[type="submit"] {
	background: #55CF8D;
	border-radius: 0px 5px 5px 0px;
	padding: 8px 16px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	height: 37px;
	cursor: pointer;
}
.header_login_container .header_new_message {
	background-color: #f1f1f1;
	padding: 4px 10px;
	position: relative;
	margin-right: 20px;
	font-size: 11px;
}
.header_login_container .header_new_message::after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(241, 241, 241, 0);
	border-left-color: #f1f1f1;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-top: -5px;
}
.header_user_icon {
	position: relative;
}
.header_user_icon .header_new_message_number {
	position: absolute;
	font-weight: bold;
	width: auto;
	min-width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #FF5C00;
	border: 2px solid #ffffff;
	top: -1px;
	left: -16px;
	text-align: center;
	color: #ffffff;
	padding: 0 2px 0 3px;
}
 .header_user_icon img{
	width: 34px;
}
.black-bg {
	opacity: 0;
	visibility: hidden;
	display: none;
}
.header_login_sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.header_newcommer {
		display: none;
	}
	header.common_header {
		min-width: auto;
	}
	.common_header .header_container {
		width: 100%;
		padding: 0 18px 0 16px;
		height: 55px;
	}
	.common_header .header_container .header_logo img {
		width: 126px;
	}
	.header_container .header_right_container nav ul {
		display: none;
	}
	.header_login_container {
		height: 55px;
	}
	.header_new_message {
		display: none;
	}
	.header_user_icon .header_new_message_number {
		font-size: 10px;
		width: 18px;
		height: 18px;
		min-width: auto;
		border-radius: 50%;
		text-align: center;
		line-height: 14px;
		top: -1px;
		left: -12px;
	}
	.header_user_icon img{
		width: 24px;
	}
	.hamburger_menu {
		position: fixed;
		left: -320px; /* これで隠れる */
		top: 0;
		width: 263px; /* スマホに収まるくらい */
		height: 100vh;
		padding: 15px 22px 18px 16px;
		background-color: #ffffff;
		transition: all .2s;
		z-index: 200;
		overflow-y: auto; /* メニューが多くなったらスクロールできるように */
		-webkit-overflow-scrolling: touch;
	}
	.hamburger_menu .hamburger_menu_logo img {
		width: 120px;
	}
	.hamburger_menu nav {
		margin-top: 30px;
	}
	.hamburger_menu nav ul li {
		font-size: 15px;
		font-weight: bold;
	}
	.hamburger_menu nav ul li.nest::before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 8px;
		background-image: url(/web/img/ico/ico_arrow_right.svg);
		background-repeat: no-repeat;
		background-position: center;
		margin-right: 4px;
		transition: ease 0.2s;
	}
	.hamburger_menu nav ul li.nest.active::before {
		transform: rotate(90deg);
	}
	.hamburger_menu nav ul li + li {
		margin-top: 17px;
	}
	.hamburger_menu nav ul li ul {
		margin-left: 14px;
	}
	.hamburger_menu nav ul li ul li {
		font-size: 14px;
		font-weight: normal;
		color: #818181;
	}
	.hamburger_menu nav ul li ul li:first-child {
		margin-top: 13px;
	}
	.hamburger_menu nav ul li.nest ul li a {
		color: #818181;
	}
	.hamburger_menu nav ul li ul li + li {
		margin-top: 10px;
	}
	.hamburger_menu nav ul + ul {
		margin-top: 77px;
	}
	.hamburger_menu nav ul + ul li.mypage_link::before {
		content: "";
		display: inline-block;
		width: 19px;
		height: 19px;
		background-image: url(../img/Vector_black.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-right: 10px;
	}
	.hamburger_menu nav ul + ul li.inquiry_link::before {
		content: "";
		display: inline-block;
		width: 19px;
		height: 20px;
		background-image: url(../img/mail.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-right: 10px;
	}
	.hamburger_menu nav ul + ul li a {
		vertical-align: top;
	}
	.hamburger_menu hr {
		margin: 25px 0 27px 0;
		border-top: 1px solid #818181;
	}
	.hamburger_menu .hamburger_menu_company p {
		font-size: 11px;
		color: #c4c4c4;
		margin-top: 29px;
	}
	.hamburger_menu .hamburger_menu_company p + p {
		color: #c4c4c4;
		margin-top: 3px;
	}
	.black-bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: rgba(0,0,0, .7);
		transition: all .2s;
		cursor: pointer;
	}
	.menu_close {
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 101;
	}
	.nest_items {
		display: none;
	}
	.hamburger_menu_form {
		margin-top: 27px;
	}
	.hamburger_menu_form input[type="text"].form_control {
		border: 0;
		box-shadow: 0px 4px 10px rgba(188, 188, 188, 0.5);
	}
	.btn.btn_newcommer {
		width: 100%;
		padding: 7px 0;
		text-align: center;
		background-color: #55cf8d;
		color: #fff;
		border-radius: 5px;
		margin-top: 6px;
		box-shadow: 0px 4px 10px rgba(188, 188, 188, 0.5);
	}
	.header_login_container .header_login {
		display: none;
	}

	/* メニューが開いた時 */
	.hamburger_menu.nav-open {
		left: 0;
	}
	.nav-open.black-bg {
		opacity: 1;
		visibility: visible;
		display: block;
	}

	/* 背景固定用 */
	.scroll_prevent {
		position: fixed;
		width: 100%;
		height: 100%;
	}

	.header_login_sp {
		display: inline-block;
	}

	.fixed_header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
	}
}

/* キーノートについて */
.footer_contact {
	width: 100%;
	min-width: 1152px;
	height: auto;
	padding-top: 42px;
	padding-bottom: 45px;
	background-color: #57d691;
}
.footer_contact_block {
	width: 1136px;
	margin: 0 auto;
	display: flex;
}
.footer_contact_description {
	width: 550px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 13px rgba(188, 188, 188, 0.38);
	margin-top: -86px;
	padding: 28px 0 25px 34px;
}
.footer_contact_description h4 {
	font-size: 18px;
	margin-top: 5px;
}
.footer_contact_form {
	align-items: center;
}
.footer_contact_tel,
.footer_contact_inquiry {
	display: flex;
	align-items: center;
}
.footer_contact_number,
.footer_contact_inquiry a {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #3a3a3a;
}
.footer_contact_inquiry a,
.footer_contact_inquiry a img,
.footer_contact_number {
	margin-left: 5px;
}
.footer_contact_tel {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}
.footer_contact_company {
	padding-right: 14px;
	margin-left: 47px;
}
.footer_contact_company_desc h5,
.footer_contact_company_desc p,
.footer_contact_inquiry_time h5,
.footer_contact_inquiry_time p {
	font-size: 11px;
}
.footer_contact_company_desc p,
.footer_contact_inquiry_time h5,
.footer_contact_inquiry_time p {
	color: #818181;
}
.footer_contact_aboutme {
	margin-left: 98px;
	width: 488px;
	display: flex;
	align-items: center;
}
.footer_contact_aboutme h4,
.footer_contact_aboutme p {
	color: #fff;
}
.footer_contact_aboutme h4 {
	font-size: 14px;
}
.footer_contact_aboutme p {
	font-size: 13px;
}
.footer_contact_data {
	display: flex;
	margin-top: 44px;
}
.footer_contact_inquiry_time {
	margin-top: 10px;
}
.footer_contact_logo_image {
	display: block;
	margin-top: 24px;
}
@media screen and (max-width: 767px) {
	.footer_contact {
		width: 100%;
		min-width: auto;
		padding-bottom: 30px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.footer_contact_block {
		width: 100%;
		display: block;
	}
	.footer_contact_description {
		width: 100%;
		margin-top: -153px;
		padding: 16px 16px 16px 19px;
	}
	.footer_contact_description h4 {
		font-size: 18px;
		margin-top: 5px;
	}
	.footer_contact_form {
		display: block;
		margin-top: 27px;
	}
	.footer_contact_number,
	.footer_contact_inquiry a {
		font-size: 18px;
	}
	.footer_contact_inquiry a,
	.footer_contact_inquiry a img,
	.footer_contact_number {
		margin-left: 5px;
	}
	.footer_contact_tel {
		margin-top: 7px;
	}
	.footer_contact_inquiry {
		margin-left: 0;
	}
	.footer_contact_company {
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}
	.footer_contact_aboutme {
		margin-left: 0;
		width: 100%;
		margin-top: 26px;
	}
	.footer_contact_aboutme p {
		margin: 9px 16px 0;
	}
	.footer_contact_data {
		display: block;
		margin-top: 10px;
	}
	.footer_contact_inquiry_time {
		margin-top: 10px;
	}
	.footer_contact_logo_image {
		width: 196px;
		margin-top: 36px;
	}

}

/* フッター */
.footer {
	width: 100%;
	min-width: 1152px;
	padding-top: 62px;
	background-color: #1f7245;
	color: #ffffff;
	position: relative;
}
.footer .footer_container {
	width: 1136px;
	margin: auto;
	display: flex;
}
.footer_company {
	width: 344px;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}
.footer_company p,
.footer_company_data dt,
.footer_company_data dd,
.footer_certification li,
.footer_copyright {
	color: #fff;
}
.footer_certification li {
	font-size: 11px;
}
.footer_certification li + li {
	margin-top: 3px;
}
.footer_company p {
	font-weight: bold;
	margin-bottom: 21px;
	font-size: 12px;
}
.footer_company_data {
	display: flex;
	flex-wrap: wrap;
	width: 280px;
	margin-bottom: 26px;
}
.footer_company_data dt,
.footer_company_data dd {
	font-size: 11px;
	margin-bottom: 5px;
}
.footer_company_data dt {
	font-weight: bold;
	width: 60px;
}
.footer_company_data dd {
	width: 190px;
	margin-left: 22px;
}

.footer .footer_links {
	width: 752px;
	display: flex;
	padding-left: 116px;
	margin-left: 70px;
	border-left: 2px solid #fff;
	position: relative;
}
.footer .footer_links .footer_links_row {
	width: 200px;
}
.footer .footer_links .footer_links_row.footer_links_newcommer {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}
.footer .footer_links .footer_links_row + .footer_links_row {
	margin-left: 18px;
}
.footer .footer_links .footer_links_row ul + ul {
	margin-top: 23px;
}
.footer .footer_links .footer_links_row .footer_links_header a {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}
.footer .footer_links .footer_links_row li.footer_image {
	margin-top: 25px;
}
.footer .footer_links .footer_links_row li a {
	color: #fff;
	font-size: 11px;
}
.footer .footer_links .footer_links_row .footer_links_header {
	margin-bottom: 12px;
}
.footer .footer_links .footer_links_row li + li {
	margin-top: 2px;
}
.footer_pagetop {
	position: absolute;
	top: auto;
	right: 50px;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	box-shadow: 0px 4px 10px rgba(66, 66, 66, 0.3);
	border-radius: 50%;
}
.footer_pagetop img {
	display: block;
}

.footer .footer_copyright {
	text-align: center;
	padding: 56px 0 34px;
	font-size: 11px;
}
@media screen and (max-width: 767px) {
	.footer {
		min-width: auto;
		padding-top: 23px;
	}
	.footer .footer_container {
		width: 100%;
		display: block;
	}
	.footer .footer_company {
		width: 100%;
		margin-top: 48px;
		padding: 0 16px;
	}
	.footer .footer_company p {
		margin-bottom: 21px;
		padding-top: 54px;
		border-top: 1px solid #fff;
		font-size: 11px;
	}
	.footer .footer_company_data {
		width: 100%;
		margin-bottom: 26px;
	}
	.footer .footer_company_data dt {
		font-weight: bold;
		width: 60px;
	}
	.footer .footer_company_data dd {
		width: calc(100% - 82px);
		margin-left: 22px;
	}

	.footer .footer_links {
		width: 100%;
		display: block;
		padding-left: 32px;
		padding-right: 32px;
		margin-left: 0;
		border-left: 0;
	}
	.footer .footer_links .footer_links_row {
		width: 100%;
	}
	.footer .footer_links .footer_links_row.footer_links_newcommer {
		margin-top: 35px;
	}
	.footer .footer_links .footer_links_row + .footer_links_row {
		margin-left: 0;
	}
	.footer .footer_links .footer_links_row ul {
		margin-top: 25px;
		position: relative;
	}
	.footer .footer_links .footer_links_row .footer_links_header a {
		font-size: 14px;
	}
	.footer .footer_links .footer_links_row li.footer_image {
		margin-top: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 160px);
	}
	.footer .footer_links .footer_links_row li.footer_image img {
		width: 100%;
	}
	.footer .footer_links .footer_links_row .footer_links_header {
		margin-bottom: 12px;
	}
	.footer .footer_links .footer_links_row li + li {
		margin-top: 2px;
	}
	.footer_pagetop {
		right: 20px;
	}
	.footer .footer_copyright {
		font-size: 11px;
	}
}

/* ログイン / 投資家登録時 */
.footer_gray {
	background-color: #F1F1F1;
	width: 100%;
	min-width: 1436px;
	height: 44px;
	position: relative;
	z-index: 10;
}
.footer_gray .footer_container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1345px;
	height: 44px;
	margin: 0 auto;
}
.footer_gray .footer_container .footer_links {
	display: flex;
	align-items: center;
}
.footer_gray .footer_container .footer_links li a {
	font-size: 11.5px;
	color: #818181;
	line-height: 17px;
	letter-spacing: 0.1em;
}
.footer_gray .footer_container .footer_links li + li {
	margin-left: 32px;
}
.footer_gray .footer_copyright {
	font-size: 11px;
	color: #c4c4c4;
	line-height: 150%;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
	.footer_gray {
		width: 100%;
		height: auto;
		min-width: auto;
	}
	.footer_gray .footer_container {
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0 auto;
		padding: 16px;
	}
	.footer_gray .footer_container .footer_links {
		display: block;
	}
	.footer_gray .footer_container .footer_links li a {
		font-size: 11.5px;
		line-height: 17px;
		letter-spacing: 0.1em;
	}
	.footer_gray .footer_container .footer_links li + li {
		margin-left: 0;
		margin-top: 10px;
	}
	.footer_gray .footer_copyright {
		margin-top: 25px;
		text-align: center;
	}
}

/* パンくずリスト */
.bread_crumb {
	width: 100%;
	height: auto;
	background-color: #f1f1f1;
}
.bread_crumb_block {
	width: 1136px;
	height: auto;
	margin: auto;
	padding: 19px 0 20px 40px;
}
.bread_crumb_block ul {
	display: flex;
	align-items: center;
}
.bread_crumb_block ul li {
	display: inline-block;
	position: relative;
}
.bread_crumb_block ul li a {
	color: #818181;
	font-size: 11px;
}
.bread_crumb_block ul li + li {
	margin-left: 35px;
}
.bread_crumb_block ul li + li::before {
	display: block;
	content: '';
	width: 12px;
	height: 13px;
	background-image: url(../img/ico/ico_arrow_gray.svg);
	position: absolute;
	top: 50%;
	left: -24px;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.bread_crumb_block {
		width: 100%;
		height: 36px;
		padding: 9px 0 10px 26px;
	}
	.bread_crumb_block {
		width: 100%;
		padding: 9px 0 10px 26px;
	}
}

/* ページタイトル */
.page_header {
	width: 100%;
	height: auto;
}
.page_header_block {
	width: 944px;
	height: auto;
	margin: 0 auto;
	padding: 80px 0 46px;
	text-align: center;
}
.page_header_category {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 20px;
	border-radius: 15px;
	color: #fff;
	background-color: #55cf8d;
	margin: auto;
}
.page_header_text {
	display: block;
	font-size: 30px;
	color: #3a3a3a;
}
.page_header_block .page_header_category {
	margin-bottom: 40px;
	line-height: normal;
}
@media screen and (max-width: 767px) {
	.page_header {
		background-color: #fff;
	}
	.page_header_block {
		width: 100%;
		padding: 48px 0;
	}
	.page_header_category {
		font-size: 11px;
	}
	.page_header_text {
		display: block;
		font-size: 30px;
		color: #3a3a3a;
		padding: 0 16px;
	}
	.page_header_block .page_header_category {
		margin-bottom: 40px;
	}
}

/* キャッチコピー 英字 */
.catch_copy_eng {
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 138px;
	color: #55cf8d;
}
@media screen and (max-width: 767px) {
	.catch_copy_eng {
		font-size: 16vw;
	}
}

/* メインコンテンツ */
.main_contents {
	width: 100%;
	height: auto;
}
.main_contents .inner_area {
	width: 944px;
	height: auto;
	margin: 0 auto 150px auto;
}
.about_container .title_container {
	margin-bottom: 82px;
}
@media screen and (max-width: 767px) {
	.main_contents .inner_area {
		width: 100%;
		margin: 0 auto 255px auto;
		padding: 0 16px;
	}
}

/* Todoリスト */
.todo_list {
	margin-top: 58px;
}
.todo_list ul li {
	display: block;
	padding: 5px 0 5px 6px;
	background-color: #fff0f0;
	border-radius: 4px;
}
.todo_list ul li .todo_category {
	padding: 3px 8px 2px 6px;
	border-radius: 4px;
	background-color: #ff0101;
	display: inline-flex;
	align-items: center;
}
.todo_list ul li .todo_category_text {
	color: #fff;
	margin-left: 3px;
	font-size: 11px;
}
.todo_list ul li a {
	color: #ff0000;
	text-decoration: underline;
	margin-left: 17px;
}
.todo_list ul li a:hover {
	text-decoration: none;
}
.todo_list ul li + li {
	margin-top: 4px;
}
@media screen and (max-width: 767px) {
	.todo_list {
		margin-top: 0;
	}
	.todo_list ul li {
		display: flex;
		align-items: center;
		padding: 7px 16px 7px;
	}
	.todo_list ul li .todo_category {
		width: 53px;
	}
	.todo_list ul li a {
		margin-left: 13px;
		display: inline-block;
		width: calc(100% - 64px);
		font-size: 13px;
	}
	.mypage .todo_list {
		margin-bottom: 40px;
	}
}


/* サイドメニューありのコンテンツ */
.content_attached_sidemenu {
	display: flex;
	margin-top: 60px;
}
.content_attached_sidemenu .content_sidemenu {
	width: 206px;
	height: auto;
}
.content_attached_sidemenu .content_sidemenu ul li {
	display: block;
}
.content_attached_sidemenu .content_sidemenu ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #3a3a3a;
	display: block;
	padding: 10px 7px;
}
.content_attached_sidemenu .content_sidemenu ul li a:hover {
	background-color: #f1fcf7;
}
.content_attached_sidemenu .content_sidemenu ul li.active a {
	border-left: 3px solid #55cf8d;
	background-color: #f1fcf7;
}
.content_attached_sidemenu .content_block {
	width: 708px;
	height: auto;
	margin-left: 30px;
}
.content_header {
	background-color: #fafafa;
	color: #3a3a3a;
	padding: 15px 18px 14px;
	font-size: 23px;
	font-weight: bold;
	border-top: 3px solid #55cf8d;
	margin-bottom: 23px;
}
.content_attached_sidemenu .content_block .content + .content {
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	.content_attached_sidemenu {
		display: none;
		margin-top: 0;
	}
	.mypage .content_attached_sidemenu {
		display: block;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu {
		width: 100%;
		background-color: #f1fcf7;
		margin: 0 -16px;
		padding: 15px 20px 13px;
		position: absolute;
		top: 0;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu ul {
		display: flex;
		align-items: center;
		overflow-x: auto;
		white-space: nowrap;
		margin: 0 -20px;
		padding: 0 20px;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu ul li {
		display: block;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu ul li + li {
		margin-left: 20px;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu ul li a {
		font-size: 13px;
		font-weight: normal;
		color: #1f7245;
		padding: 0;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu ul li a:hover {
		background-color: transparent;
	}
	.content_attached_sidemenu .content_sidemenu.mypage_sidemenu ul li.active a {
		border-left: 0;
		background-color: #55cf8d;
		padding: 6px 8px;
		border-radius: 16px;
		color: #fff;
		font-weight: bold;
	}

	.content_attached_sidemenu .content_block {
		width: 100%;
		margin-left: 0;
	}
	.content_attached_sidemenu .content_block .content + .content {
		margin-top: 45px;
	}
}

/* お知らせ一覧 */
.message_list ul li + li {
	margin-top: 4px;
}
.message_list ul li a {
	display: block;
	padding: 16px 29px 14px 30px;
	background-color: #f1fcf7;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.message_list ul li a:hover .message_header .message_title_text {
	text-decoration: none;
}
.message_list ul li.done a {
	background-color: #fafafa;
}
.message_list ul li.done a .message_status {
	color: #818181;
	font-weight: normal;
}
.message_list ul li a .message_header .message_title {
	display: inline-flex;
	align-items: center;
}
.message_list ul li a .message_header .message_date,
.message_list ul li a .message_header .message_title_text,
.message_list ul li a .message_status {
	font-size: 13px;
}
.message_list ul li a .message_header .message_date,
.message_list ul li a .message_status {
	font-weight: bold;
}
.message_list ul li a .message_header .message_title_text {
	margin-left: 12px;
	text-decoration: underline;
	width: 518px;
	display: block;
}
.message_list ul li a .message_status {
	color: #55cf8d;
}
@media screen and (max-width: 767px) {
	.message_list ul li a {
		display: block;
		padding: 6px 10px;
		display: flex;
		align-items: flex-end;
	}
	.message_list ul li a .message_header {
		margin-right: 10px;
		width: calc(100% - 73px);
	}
	.message_list ul li a .message_header .message_title {
		display: block;
	}
	.message_list ul li a .message_header .message_date,
	.message_list ul li a .message_header .message_title_text,
	.message_list ul li a .message_status {
		font-size: 15px;
	}
	.message_list ul li a .message_header .message_date {
		font-weight: normal;
	}
	.message_list ul li a .message_header .message_title_text {
		margin-left: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		margin-top: 6px;
	}
	.message_list ul li a .message_status {
		width: 63px;
		text-align: right;
	}
}

/* テーブル */
.table_lightgreen {
	width: 100%;
	border: 1px solid #bcebd1;
}
.table_lightgreen tr + tr {
	border-top: 1px solid #bcebd1;
}
.table_lightgreen tr th {
	width: 240px;
	padding: 16px 20px;
	background-color: #f1fcf7;
	color: #ff5c00;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}
.table_lightgreen tr td {
	padding: 15px 24px;
	text-align: right;
	color: #1f7245;
	font-weight: normal;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.table_lightgreen tr th {
		width: 125px;
		padding: 15px 10px;
		color: #3a3a3a;
		font-weight: normal;
		font-size: 15px;
	}
	.table_lightgreen tr td {
		padding: 10px;
		color: #55cf8d;
	}
}

/* ファンド一覧 - リストタイプ */
.fund_list_heading {
	width: 100%;
	margin-bottom: 15px;
}
.fund_list_heading ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fund_list_title {
	width: 254px;
	font-weight: bold;
}
.fund_list_heading .fund_list_title {
	padding-left: 4px;
}
.fund_list_heading .fund_list_amount,
.fund_list_heading .fund_list_invest_date,
.fund_list_heading .fund_list_status,
.fund_list_heading .list_title_bold {
	font-weight: bold;
}

.fund_list_amount,
.fund_list_invest_date,
.fund_list_status {
	width: 120px;
	text-align: center;
}
.fund_list_items {
	border-top: 2px solid #57d691;
}
.fund_list_items ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 0 19px 12px;
	border-bottom: 1px solid #55cf8d;
}
.fund_list_items ul li:nth-child(even){
	background-color: #f1fcf7;
}
.fund_list_items .fund_list_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fund_list_items .fund_list_title:hover .fund_list_title_text {
	text-decoration: none;
}
.fund_list_items .fund_list_title .fund_list_title_image {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
}
.fund_list_items .fund_list_title .fund_list_title_image img {
	display: block;
	width: 150%;
	height: auto;
}
.fund_list_items .fund_list_title .fund_list_title_text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: 184px;
	overflow: hidden;
	text-decoration: underline;
}
.fund_list_items .fund_list_status {
	font-weight: bold;
}
.fund_list_items .fund_list_status a {
	color: #55cf8d;
	text-decoration: underline;
}
.fund_list_items .fund_list_status a:hover {
	text-decoration: none;
}
.fund_list_items .fund_list_item_data {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mypage_invested_funds .mypage_btn_block {
	margin-top: 57px;
}
@media screen and (max-width: 767px) {
	.fund_list_heading {
		display: none;
	}
	.fund_list_title {
		width: 100%;
	}

	.fund_list_amount,
	.fund_list_invest_date,
	.fund_list_status {
		width: 80px;
	}
	.fund_list_items {
		border-top: 2px solid #57d691;
	}
	.fund_list_items ul li {
		display: block;
		padding: 10px 6px 17px 6px;
	}
	.fund_list_items .fund_list_amount,
	.fund_list_items .fund_list_invest_date,
	.fund_list_items .fund_list_status {
		font-size: 13px;
	}
	.fund_list_items ul li:nth-child(even){
		background-color: #f1fcf7;
	}
	.fund_list_items .fund_list_title {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.fund_list_items .fund_list_title .fund_list_title_text {
		-webkit-line-clamp: 2;
		width: calc(100% - 67px);
		height: 42px;
	}
	.fund_list_items .fund_list_items_subtitle {
		font-size: 11px;
		color: #818181;
		margin: 1px auto 7px;
	}
	.fund_list_items .fund_list_status .fund_list_items_subtitle {
		font-weight: normal;
	}
	.fund_list_items .fund_list_item_data {
		width: 100%;
		padding-left: 67px;
	}
	.mypage_invested_funds .mypage_btn_block {
		margin-top: 23px;
	}
}

/* ページャー */
.pagenation ul {
	display: inline-flex;
	align-items: center;
}
.pagenation ul li a {
	font-family: 'Roboto', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.pagenation ul li .pager_btn {
	display: inline-block;
	width: 17px;
	height: 21px;
	text-align: center;
}
.pagenation ul li.pager_btn_prev .pager_btn,
.pagenation ul li.pager_btn_next .pager_btn {
	width: 8px;
	height: 11px;
	background-repeat: no-repeat;
	background-size: contain;
}
.pagenation ul li.pager_btn_prev .pager_btn {
	background-image: url(../img/ico/ico_pager_arrow_left.svg);
	margin-right: 17px;
}
.pagenation ul li.pager_btn_next .pager_btn {
	background-image: url(../img/ico/ico_pager_arrow_right.svg);
	margin-left: 17px;
}
.pagenation ul li.active .pager_btn {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #55cf8d;
	color: #fff;
	font-weight: bold;
}
.pagenation ul li.pager_btn_num + .pager_btn_num {
	margin-left: 25px;
}
.pagenation ul li.pager_btn_reader .pager_btn {
	margin: 0 5px;
}
@media screen and (max-width: 767px) {
	.pagenation ul li.pager_btn_num + .pager_btn_num {
		margin-left: 20px;
	}
}

/* コンボメニュー */
.combo_menu {
	text-align: center;
}
.combo_menu ul {
	display: inline-flex;
	align-items: center;
}
.combo_menu ul li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	width: 220px;
	height: 32px;
	color: #55cf8d;
	background-color: #fff;
	border-top: 1px solid #55cf8d;
	border-bottom: 1px solid #55cf8d;
}
.combo_menu ul li.active a {
	color: #fff;
	background-color: #55cf8d;
}
.combo_menu ul li + li a {
	border-left: 1px solid #55cf8d;
}
.combo_menu ul li:first-child a {
	border-left: 1px solid #55cf8d;
	border-top-left-radius: 16px;
	-webkit-border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
.combo_menu ul li:last-child a {
	border-right: 1px solid #55cf8d;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-right-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}

@media screen and (max-width: 767px) {
	.combo_menu ul li a {
		display: block;
		padding: 5px 0;
		width: 100%;
		min-width: 114px;
	}
	.combo_menu {
		overflow-x: scroll;
		white-space: nowrap;
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* 取引履歴一覧 */
.fund_trading_heading ul{
	display: inline-flex;
	align-items: center;
	width: 100%;
	background-color: #f1f1f1;
	border: 1px solid #c4c4c4;
}
.fund_trading_heading ul li + li {
	border-left: 1px solid #c4c4c4;
}
.fund_trading_date,
.fund_trading_fundname,
.fund_trading_about {
	font-size: 15px;
	padding: 16px 20px 17px;
}
.fund_trading_heading .fund_trading_date,
.fund_trading_heading .fund_trading_fundname,
.fund_trading_about {
	font-weight: bold;
}
.fund_trading_date {
	width: 210px;
}
.fund_trading_fundname {
	width: 349px;
}
.fund_trading_about {
	width: 147px;
}
.fund_trading_items ul {
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}
.fund_trading_items ul li {
	border-bottom: 1px solid #c4c4c4;
	display: inline-flex;
	align-items: center;
}
.fund_trading_items ul li .fund_trading_fundname,
.fund_trading_items ul li  .fund_trading_about {
	border-left: 1px solid #c4c4c4;
}
.fund_trading_items ul li .fund_trading_data {
	display: inline-flex;
	align-items: center;
}
.fund_trading_items ul li .fund_trading_fundname {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
	.fund_trading_heading {
		display: none;
	}
	.fund_trading_date,
	.fund_trading_fundname,
	.fund_trading_about {
		padding: 0;
	}
	.fund_trading_date,
	.fund_trading_fundname {
		width: auto;
	}
	.fund_trading_about {
		width: 80px;
	}
	.fund_trading_items ul {
		border-left: none;
		border-right: none;
	}
	.fund_trading_items ul li {
		display: flex;
		padding: 12px 14px;
	}
	.fund_trading_items ul li .fund_trading_fundname,
	.fund_trading_items ul li .fund_trading_about {
		border-left: none;
	}
	.fund_trading_items ul li .fund_trading_about {
		order: 0;
	}
	.fund_trading_items ul li .fund_trading_data {
		order: 1;
		display: block;
		margin-left: 16px;
		width: calc(100% - 96px);
	}
	.fund_trading_items ul li .fund_trading_date {
		color: #818181;
		margin-bottom: 3px;
	}
}

/* メッセージ詳細・お知らせ詳細 */
.article_style header,
.article_header {
	margin-top: 51px;
	margin-bottom: 60px;
}
.article_style h4,
.article_title {
	font-size: 23px;
	font-weight: bold;
	padding-left: 16px;
	position: relative;
}
.article_style h4::before,
.article_title::before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background-color: #55cf8d;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0;
}
.article_style time,
.article_style h5,
.article_date,
.article_subtitle {
	font-size: 16px;
	color: #55cf8d;
	font-weight: bold;
}
.article_style time,
.article_date {
	display: inline-block;
	margin-top: 17px;
}
.article_style aside,
.article_attention {
	background-color: #f1fcf7;
	color: #1f7245;
	padding: 22px 28px;
	font-weight: bold;
}
.article_style p,
.article_text {
	font-size: 15px;
	font-weight: bold;
}
.article_style h5,
.article_style aside,
.article_style p,
.article_style img,
.article_subtitle,
.article_attention,
.article_text {
	margin-bottom: 40px;
}
.article_label {
	margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
	.article_style aside,
	.article_attention {
		padding: 9px 14px;
	}
	.article_style time,
	.article_date {
		font-size: 14px;
		margin-top: 1px;
	}
	.article_style h5,
	.article_style aside,
	.article_style p,
	.article_style img,
	.article_subtitle,
	.article_attention,
	.article_text {
		margin-bottom: 20px;
	}
}

/* ラベル */
.label {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background-color: #55cf8d;
	padding: 5px 8px 4px;
}
.label.label_radius {
	border-radius: 100px;
}
.label.label_square {
	border-radius: 3px;
}
.label.label_small {
	display: inline-block;
	padding: 2px 8px;
	font-size: 11px;
	color: #55cf8d;
	border: 1px solid #55cf8d;
	background-color: transparent;
	border-radius: 100px;
}


/* テーブル マイページアカウント情報等 */
.table.table_gray {
	width: 100%;
	border: 1px solid #c4c4c4;
}
.table.table_gray th,
.table.table_gray td {
	padding: 16px 18px 18px;
	font-weight: normal;
	color: #3a3a3a;
	font-size: 15px;
}
.table.table_gray th {
	background-color: #f1f1f1;
	text-align: left;
}
.table.table_gray th + th,
.table.table_gray th + td {
	border-left: 1px solid #c4c4c4;
}
.table.table_gray tr + tr {
	border-top: 1px solid #c4c4c4;
}
@media screen and (max-width: 767px) {
	.table.table_gray th,
	.table.table_gray td {
		padding: 20px 13px 17px 12px;
		font-size: 14px;
	}
}

/* 登録情報変更 */
.userinfo {
	margin-top: 43px;
}
.userinfo_list li {
	display: flex;
}
.userinfo_list li + li {
	margin-top: 21px;
}
.userinfo .userinfo_heading {
	width: 114px;
	padding-top: 15px;
	font-weight: bold;
}
.userinfo_input {
	width: calc(100% - 136px);
	margin-left: 22px;
}
.userinfo_input .flex_items_center {
	display: flex;
	align-items: center;
}
.userinfo_input small {
	display: block;
	font-size: 13px;
	color: #818181;
	margin-top: 7px;
}
.userinfo_input .flex_items_center input[type="text"] + input[type="text"] {
	margin-left: 14px;
}
.userinfo_input .form-control.large {
	width: 370px;
}
.userinfo_input .form-control.medium {
	width: 188px;
}
.userinfo_input .form-control.short {
	width: 120px;
}
.userinfo_input .birth_text {
	font-size: 14px;
	font-weight: bold;
	margin: 0 14px 0 13px;
}
.userinfo_sex {
	padding-left: 23px;
	height: 48px;
}
.userinfo_input .flex_items_center .radio_group + .radio_group {
	margin-left: 40px;
}
.userinfo .userinfo_input .input_select {
	width: 370px;
}
.btn.btn_postnum {
	width: 170px;
	height: 48px;
	line-height: 45px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 1px solid #55cf8d;
	border-radius: 4px;
	color: #55cf8d;
	margin-left: 20px;
}

@media screen and (max-width: 767px) {
	.userinfo {
		margin-top: 43px;
	}
	.userinfo_list li {
		display: block;
	}
	.userinfo_list li + li {
		margin-top: 40px;
	}
	.userinfo .userinfo_heading {
		width: 100%;
		padding-top: 0;
	}
	.userinfo_input {
		width: 100%;
		margin-left: 0;
		margin-top: 13px;
	}
	.userinfo_input .flex_items_center {
		display: block;
		width: 100%;
	}
	.userinfo_input .flex_items_center.user_info_postnum,
	.userinfo_input .flex_items_center.userinfo_sex {
		display: flex;
	}
	.flex_items_center.user_info_postnum input[type="text"] {
		width: 48%;
		max-width: 152px;
	}
	.userinfo_input small {
		font-size: 13px;
		margin-top: 7px;
	}
	.userinfo_input .flex_items_center input[type="text"] + input[type="text"] {
		margin-left: 0;
		margin-top: 16px;
	}
	.userinfo_input .form-control.large {
		width: 100%;
	}
	.userinfo_input .form-control.medium {
		width: 100%;
	}
	.userinfo_input .form-control.short {
		width: 100%;
	}
	.userinfo_input .birth_text {
		display: none;
	}
	.userinfo_sex {
		padding-left: 23px;
		height: 48px;
	}
	.userinfo_input .flex_items_center .radio_group + .radio_group {
		margin-left: 40px;
	}
	.userinfo .userinfo_input .input_select {
		width: 100%;
	}
	.btn.btn_postnum {
		width: 144px;
		margin-left: 16px;
	}
	.userinfo_input .birth_m,
	.userinfo_input .birth_d {
		margin-top: 16px;
	}
}

/* ファンドサムネイル表示時 */
section .title_container {
	margin-bottom: 240px;
	text-align: center;
}
section .title_container img {
	margin-bottom: 20px;
}
section .title_container p {
	color: #3a3a3a;
	font-weight: bold;
	font-size: 16px;
}
.button_type01 {
	display: inline-block;
	line-height: 60px;
	padding: 0 90px;
	background-color: #55cf8d;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.card_pattern02 {
	display: flex;
	flex-wrap: wrap;
}
.card_pattern02 > li {
	width: 360px;
}
.card_pattern02 > li + li {
	margin-left: 28px;
}
.card_pattern02 li img {
	margin-bottom: 10px;
}
.card_pattern02 li p {
	font-weight: bold;
	margin-bottom: 12px;
	height: 44px;
	font-size: 16px;
}
.card_pattern02 li .text_content01 {
	padding: 24px 24px 20px 24px;
	height: 400px;
	background-color: #ffffff;
	border-radius: 5px 5px 0 0;
}
.card_pattern02 li .text_content01 .fund_category {
	display: flex;
	margin-bottom: 12px;
	justify-content: center;
}
.card_pattern02 li .text_content01 .fund_category li {
	border: 0.8px solid #55cf8d;
	box-sizing: border-box;
	border-radius: 100px;
	color: #55cf8d;
	padding: 2px 8px;
	font-weight: bold;
	text-align: center;
}
.card_pattern02 li .text_content01 .fund_category li + li {
	margin-left: 10px;
}
.card_pattern02 li .text_content01 .disc01 {
	display: flex;
	justify-content: space-between;
}
.card_pattern02 li .text_content01 .disc01 li dl dt {
	color: #818181;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 6px;
}
.card_pattern02 li .text_content01 .disc01 li dl dd {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	line-height: 47px;
}
.card_pattern02 li .text_content01 .disc01 li dl dd span {
	font-size: 40px;
}
.card_pattern02 li .text_content02 {
	padding: 19px 24px 24px 24px;
	background: #F1F1F1;
}
.card_pattern02 li .text_content02 .disc02 {
	margin-bottom: 24px;
}
.card_pattern02 li .text_content02 .disc02 li + li {
	margin-top: 5px;
}
.card_pattern02 li .text_content02 .disc02 li dl {
	display: flex;
	justify-content: space-between;
}
.card_pattern02 li .text_content02 .disc02 li dl dt {
	color: #818181;
	font-size: 13px;
}
.card_pattern02 li .text_content02 .disc02 li dl dd {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0;
}
.card_pattern02 li .text_content02 a {
	background: #55CF8D;
	border-radius: 5px;
	border: 0;
	width: 100%;
	line-height: 40px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.card_pattern02 {
		padding: 0 16px;
		margin-bottom: 80px;
		flex-direction: column;
	}
	.card_pattern02 > li {
		width: 100%;
	}
	.card_pattern02 > li + li {
		margin: 30px 0 0 0;
	}
	.card_pattern02 li img {
		margin-bottom: 7px;
	}
	.card_pattern02 li p {
		margin-bottom: 16px;
	}
	.card_pattern02 li .text_content01 {
		padding: 23px 22px 7px;
		height: auto;
	}
	.card_pattern02 li .text_content01 .fund_category li {
		font-size: 9px;
	}
	.card_pattern02 li .text_content01 .fund_category {
		margin-bottom: 10px;
	}
	.card_pattern02 li .text_content01 .disc01 li dl dt {
		margin-bottom: 5px;
	}
	.card_pattern02 li .text_content01 .disc01 li dl dd span {
		font-size: 38px;
	}
	.card_pattern02 li .text_content02 {
		padding: 19px 24px 34px 24px;
	}
}

.validate-red {
	color: #ff5c00;
	font-size: 11px;
}

/* 各種申請・手続き */
.gray_arrow_list {
	font-size: 0;
}
.gray_arrow_list li {
	margin: 14px 24px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.btn_gray_arrow_right {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	min-width: 171px;
}
.btn_gray_arrow_right:hover {
	text-decoration: underline;
}
.btn_gray_arrow_right::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("/web/img/ico/ico_gray_arrow_circle_right.svg");
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
}
@media screen and (max-width: 767px) {
	.gray_arrow_list li {
		margin: 10px 0 0 16px;
		display: block;
	}
	.btn_gray_arrow_right {
		display: block;
		min-width: auto;
	}
}
/* お問い合わせ */
.common_input_list li {
	display: flex;
}
.common_input_list li + li {
	margin-top: 24px;
}
.common_input_list li .common_input_heading {
	width: calc(100% - 460px);
	font-weight: bold;
	margin-top: 13px;
}
.common_input_list li .common_input {
	width: 460px;
}
@media screen and (max-width: 767px) {
	.common_input_list li {
		display: block;
	}
	.common_input_list li + li {
		margin-top: 40px;
	}
	.common_input_list li .common_input_heading {
		width: 100%;
		margin-top: 0;
		margin-bottom: 8px;
	}
	.common_input_list li .common_input {
		width: 100%;
	}
}

/* アカウント情報の変更申請 / お問い合わせ 完了 */
.apply_commit {
	padding: 35px 22px;
	background-color: #f1fcf7;
	margin-bottom: 58px;
	border-radius: 5px;
}
.apply_commit img {
	display: block;
	width: 141px;
	height: auto;
	margin: 0 auto 25px;
}
.apply_commit p {
	font-size: 15px;
	color: #000;
}
.apply_commit small {
	display: block;
	font-size: 11px;
}
@media screen and (max-width: 767px) {
	.apply_commit {
		padding: 46px 15px 32px;
		margin-bottom: 40px;
	}
	.apply_commit img {
		margin: 0 auto 30px;
	}
	.apply_commit small {
		font-size: bold;
	}
}

/* 見出しが緑のリスト */
.list_heading_green ul li {
	display: flex;
}
.list_heading_green ul li + li {
	margin-top: 24px;
}
.list_heading_green ul li .list_heading {
	width: 128px;
	margin-right: 44px;
	font-size: 16px;
	font-weight: bold;
	color: #55cf8d;
}
.list_heading_green ul li .list_item {
	width: calc(100% - 172px);
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.list_heading_green ul li {
		display: block;
	}
	.list_heading_green ul li .list_heading {
		width: 100%;
		margin-right: 0;
		margin-bottom: 6px;
		font-size: 15px;
	}
	.list_heading_green ul li .list_item {
		width: 100%;
	}
}
/* stepレイアウト */
.step_container {
	display: flex;
	width: 100%;
	min-height: calc(100% - 44px);
	margin: auto;
}
.step_main {
	width: calc(100% - 300px);
	min-width: 1136px;
	background-color: #f1fcf7;
	margin-left: 300px;
}
/* 左メニュー */
.step_menu {
	width: 300px;
	height: 100%;
	color: #fff;
	background-color: #fff;
	box-shadow: 4px 0px 10px rgba(188, 188, 188, 0.3);
	position: fixed;
	z-index: 5;
}
.step_logo {
	margin: 68px auto 0 auto;
	width: 141px;
	height: auto;
}
.step_logo img {
	width: 140px;
}
.step_menu nav {
	width: 162px;
	height: 140px;
	margin: 277px auto 0 auto;
}
.step_menu nav ul li {
	display: flex;
	align-items: center;
	position: relative;
}
.step_menu nav ul li + li {
	margin-top: 18px;
}
.step_menu nav ul li + li::before {
	content: "";
	display: block;
	width: 2px;
	height: 23px;
	background-color: #c4c4c4;
	position: absolute;
	top: -20px;
	left: 8px;
}
.step_menu nav ul li span {
	display: block;
	color: #c4c4c4;
}
.step_menu nav ul li .step_number {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 10px;
	line-height: 15px;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 2px solid #c4c4c4;
	border-radius: 9px;
	text-align: center;
}
.step_menu nav ul li .step_heading {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.05em;
	padding-left: 10px;
}
/* active時 */
.step_menu nav ul li.active .step_number {
	border-color: #55cf8d;
	background-color: #55cf8d;
	color: #fff;
}
.step_menu nav ul li.active .regist_heading {
	color: #55cf8d;

}
@media screen and (max-width: 767px) {
	/* 左メニュー */
	.step_menu {
		width: 100%;
		height: auto;
		padding: 14px 0 13px 16px;
		color: #fff;
		position: static;
		box-shadow: 0px 4px 10px rgba(188, 188, 188, 0.3);
	}
	.step_logo {
		margin: 0;
		width: 125px;
		height: auto;
	}
	.step_logo img {
		width: 126px;
	}
	.step_menu nav {
		display: none;
	}
	/* 右コンテンツ */
	.step_main {
		width: 100%;
		min-width: auto;
		margin: 0;
	}
	.step_container {
		display: block;
		min-height: auto;
		height: auto;
		margin: auto;
	}
}

/* Q&A */
.inquiry_list .question {
	padding: 24px 89px 18px 57px;
	background-color: #fafafa;
	cursor: pointer;
	position: relative;
}
.inquiry_list .question_title {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #3a3a3a;
}
.inquiry_list .question_title::before,
.inquiry_list .question_title::after {
	content: "";
	display: block;
}
.inquiry_list .question_title::before {
	width: 21px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 16px;
	background-image: url(../img/ico/ico_fund_question.svg);
	background-repeat: no-repeat;
	margin-top: -10px;
}
.inquiry_list .question_title::after {
	width: 20px;
	height: 21px;
	position: absolute;
	top: 50%;
	right: 28px;
	background-image: url(../img/ico/ico_fund_question_plus.svg);
	background-repeat: no-repeat;
	margin-top: -10px;
}
.inquiry_list .answer {
	display: none;
	padding: 34px 89px 57px 57px;
	background-color: #f1fcf7;
	position: relative;
}
.inquiry_list .answer::before {
	content: "";
	display: block;
	width: 20px;
	height: 22px;
	background-image: url(../img/ico/ico_fund_answer.svg);
	background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	left: 16px;
}
.inquiry_list li + li {
	margin-top: 5px;
}
.inquiry_list li:hover .question,
.inquiry_list li.active .question {
	background-color: #55CF8D;
}
.inquiry_list li:hover .question .question_title,
.inquiry_list li.active .question .question_title {
	color: #fff;
}
.inquiry_list li:hover .question_title::before,
.inquiry_list li.active .question_title::before {
	background-image: url(../img/ico/ico_question_active.svg);
}
.inquiry_list li.active .question_title::after {
	background-image: url(../img/ico/ico_question_minus.svg);
}
@media screen and (max-width: 767px) {
	.inquiry_list .question {
		padding: 18px 89px 18px 57px;
	}
}

/* 用語集 */
.glossary_list {
	background-color: #fafafa;
	padding: 23px 14px;
}
.glossary_list ul {
	font-size: 0;
}
.glossary_list ul li {
	display: inline-block;
	cursor: pointer;
	width: 33.33333%;
}
.glossary_list ul li .glossary_name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	height: 42px;
	overflow: hidden;
	position: relative;
	padding-left: 32px;
	font-weight: bold;
}
.glossary_list ul li .glossary_name::before {
	top: 2px;
	margin-top: 0;
}
.glossary_list ul li .glossary_name.active {
	color: #55cf8d;
}
.glossary_list ul li .glossary_name.active::before {
	background-image: url("/web/img/ico/ico_arrow_down_green.svg");
}
.glossary_item {
	display: none;
	margin-top: 69px;
}
.glossary_item.active {
	display: block;
}
.glossary_item .glossary_yomi {
	margin-top: 38px;
	margin-bottom: 40px;
	display: flex;
}
.glossary_item .glossary_yomi_heading,
.glossary_item .glossary_kana {
	padding: 23px 21px;
	font-weight: bold;
	color: #1f7245;
}
.glossary_item .glossary_yomi_heading {
	width: 86px;
	background-color: #f1f1f1;
	font-size: 14px;
}
.glossary_item .glossary_kana {
	width: calc(100% - 86px);
	background-color: #f1fcf7;
	font-size: 15px;
}
.glossary_item .glossary_item_mean {
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.glossary_list {
		padding: 13px 9px;
	}
	.glossary_list ul li {
		width: 50%;
	}
	.glossary_list ul li .glossary_name {
		height: 46px;
		padding-right: 3px;
	}
	.glossary_item {
		margin-top: 56px;
	}
	.glossary_item .glossary_yomi {
		margin-top: 29px;
		margin-bottom: 29px;
		padding: 0 16px;
	}
	.glossary_item .glossary_yomi_heading {
		width: 86px;
		background-color: #f1f1f1;
		font-size: 14px;
		display: flex;
		align-items: center;
	}
	.glossary_item .glossary_item_mean {
		padding: 0 16px;
	}
}
/* 投資家情報入力系 */
#name_last_kanji,
#name_first_kanji,
#name_last_kana,
#name_first_kana,
#zip {
	width: 180px;
}
#name_first_kanji,
#name_first_kana {
	margin-left: 14px;
}
#birth_y,
#birth_m,
#birth_d {
	width: 120px;
}
.regist_userinfo_sex {
	height: 48px;
}

input[type="text"].form_control.large {
	width: 370px;
}
@media screen and (max-width: 767px) {
	#name_last_kanji,
	#name_first_kanji,
	#name_last_kana,
	#name_first_kana,
	#zip {
		width: 100%;
	}
	#name_first_kanji,
	#name_first_kana {
		margin-left: 0;
		margin-top: 12px;
	}
	#birth_y,
	#birth_m,
	#birth_d {
		width: 100%;
	}
	#birth_m,
	#birth_d {
		margin-top: 12px;
	}
	input[type="text"].form_control.large {
		width: 100%;
	}
	.regist_userinfo_sex {
		height: 21px;
	}
}