@charset "UTF-8";

/* contents
----------------------------------------*/
.contents.index {
	width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 30px;
	position: static;
}
.index_main {
	order: 1;
	width: 910px;
}
.index_sub {
	order: 0;
	width: 260px;
}
@media only screen and (max-width: 736px) {	
	.contents.index {
		width: auto;
		display: block;
		padding: 0 5%;
	}
	.index_main,
	.index_sub {
		width: auto;
	}
}

/* btn
----------------------------------------*/
.btn_arrow {
	margin-top: 16px;
}
.btn_arrow a {
	display: inline-block;
	background: #00A2AC url(../img/index/icon_btn_arrow.svg) no-repeat right 10px center;
	background-size: 18px auto;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	min-width: 252px;
	max-width: 100%;
	padding: 14px 20px;
	-webkit-transition: background-position 300ms, opacity 300ms;
	transition: background-position 300ms, opacity 300ms;
}
.btn_arrow a:hover {
	background-position: right 5px center;
	opacity: .6;
}
.btn_detail {
	margin-top: 9px;
}
.btn_detail a {
	font-size: 1.3rem;
	color: #1436D9;
	text-decoration: underline;
	display: inline-block;
	padding-left: 19px;
	letter-spacing: .029em;
	background: url(../img/common/icon_arrow_01.svg) no-repeat 2px 3px;
	background-size: 7px auto;
	-webkit-transition: background-position 300ms, opacity 300ms !important;
	transition: background-position 300ms, opacity 300ms !important;
}
.btn_detail.large a {
	font-size: 1.8rem;
	background: url(../img/common/icon_arrow_01.svg) no-repeat 2px 3px;
	background-size: 10px auto;
}
.btn_detail a:hover {
	opacity: .6;
	background-position: 7px 3px;
}
@media only screen and (max-width: 736px) {	
	.btn_arrow a {
		min-width: 100%;
	}
}

/* note_block
----------------------------------------*/
.note_block {
	margin: 0 auto 30px;
	padding: 14px 10px 24px 30px;
	border: solid 1px #F1F1F1;
	border-top: solid 2px #1ECBCA;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.note_block a {
	text-decoration: underline;
	color: #1436D9;
}
.note_close {
	position: absolute;
	top: 12px;
	right: 11px;
	widows: 14px;
	height: 14px;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: none;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	z-index: 1000;
}
.note_close:hover {
	opacity: .6;
}
.note_close::before,
.note_close::after {
	background: #666;
	content: "";
	display: block;
	top: 5px;
	left: 0;
	height: 1px;
	width: 15px;
	position: absolute;
	transform: rotate(-135deg);
}
.note_close::after {
	transform: rotate(135deg);
}
.note_text {
	width: calc(100% - 58px);
	letter-spacing: .02em;
}
.note_block img {
	margin-top: 11px;
}
@media only screen and (max-width: 736px) {	
	.note_block {
		width: auto;
		padding: 16px 5%;
	}
	.note_close:hover {
		opacity: 1;
	}
	.note_text {
		width: calc(100% - 40px);
	}
	.note_block img {
		width: auto;
	}
}

/* seller_block
----------------------------------------*/
.seller_block {
	margin-bottom: 31px;
}
.seller_inner {
	background: #121258;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 30px 30px 65px;
	margin-bottom: -3px;
}
.seller_text {
	width: calc(100% - 310px);
	padding-top: 1px;
}
.seller_text h2 {
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 4px;
}
.seller_text p {
	font-size: 1.1rem;
}
.seller_btn {
	width: 310px;
}
.seller_btn a {
	display: block;
	background: #FFF;
	color: #121258;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	padding: 17px 10px 16px;
	letter-spacing: .01em;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.seller_btn a::before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 22px;
	background: url(../img/index/icon_btn_arrow_01.svg) no-repeat;
	vertical-align: -4px;
	margin-right: 15px;
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
}
.seller_btn a:hover {
	opacity: .6;
}
.seller_btn a:hover::before {
	transform: translateX(5px);
}
@media only screen and (max-width: 736px) {
.seller_block {
	margin-bottom: 31px;
}
	.seller_inner {
		display: block;
		padding: 25px 5%;
		margin-bottom: 0;
	}
	.seller_text {
		width: auto;
	}
	.seller_text h2 {
		font-size: 1.8rem;
	}
	.seller_text p {
		font-size: 1.2rem;
		text-indent: -1em;
		margin-left: 1em;
	}
	.seller_btn {
		width: auto;
		margin-top: 15px;
	}
	.seller_btn a {
		font-size: 1.5rem;
		padding: 14px 10px;
	}
	.seller_btn a:hover {
		opacity: 1;
	}
	.seller_btn a:hover::before {
		transform: translateX(0);
	}
}

/* mainv
----------------------------------------*/
.mainv_block {
	margin: 0 auto 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.mainv_block h2 {
	width: 300px;
	min-height: 300px;
	background: #1ecbca;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 2.9rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.mainv_text {
	width: calc(100% - 300px);
	background: #f1f1f1;
	color: #121157;
	padding: 32px 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.mainv_text h3 {
	width: 100%;
	font-size: 2.8rem;
	font-weight: bold;
	color: #121157;
	letter-spacing: .02em;
	margin-bottom: 24px;
	text-align: center;
}
.mainv_text.complete h3 {
	font-size: 2.35rem;
}
.mainv_text.complete > p {
	font-size: 1.6rem;
}
.mainv_text h4 {
	width: 100%;
	font-size: 2rem;
	font-weight: bold;
	color: #121157;
	margin-bottom: 9px;
	text-align: center;
}
.mainv_text p {
	width: 100%;
}
.mainv_text p + p {
	margin-top: 20px;
}
.mainv_text p a {
	text-decoration: underline;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.mainv_text p a:hover {
	opacity: .6;
}
.list_flow {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	counter-reset: content-main-ol-default;
	font-size: 1.3rem;
	margin-bottom: 17px;
}
.list_flow:last-child {
	margin-bottom: 0;
}
.list_flow li {
	width: 106px;
	text-align: center;
}
.list_flow::before {
	content: "";
	background: #00a2ac;
	height: 2px;
	width: 320px;
	display: block;
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -160px;
}
.list_flow li::before {
	content: counter(content-main-ol-default, decimal);
	counter-increment: content-main-ol-default;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: solid 2px #00a2ac;
	background: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 32px;
	margin: 0 auto 11px;
}
.list_flow li.current::before {
	color: #fff;
	background: #00a2ac;
}
.list_check {
	margin: 27px 0 8px;
	width: 100%;
	color: #666;
	font-size: 1.3rem;
}
.list_check > li {
	padding-left: 25px;
	margin-bottom: 6px;
}
.list_check > li::before {
	content: "";
	width: 13px;
	height: 13px;
	display: block;
	border: solid 2px #1ECBCA;
	position: absolute;
	top: 1px;
	left: 2px;
}
.list_check > li.checked::before {
	background: #1ECBCA;
}
.list_check > li.checked::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 8px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.list_disc {
	text-align: left;
	width: 100%;
}
.list_disc > li {
	margin-left: 1em;
	text-indent: -1em;
}
.list_disc > li::before {
	content: "・";
}
.mainv_block .asterisk {
	font-size: 1.3rem;
	letter-spacing: .5px;
	text-indent: -1em;
	margin-left: 1em;
}
.mainv_block .main_btn {
	width: 100%;
	text-align: center;
	margin-top: 24px;
}
.mainv_text .main_btn a {
	min-width: 300px;
	background: #fff url(../img/index/icon_btn_arrow_blue.svg) no-repeat right 10px center;
	background-size: 18px auto;
	border: solid 1px #121157;
	color: #121157;
	font-size: 1.4rem;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	padding: 13px 20px;
	-webkit-transition: background-position 300ms, opacity 300ms;
	transition: background-position 300ms, opacity 300ms;
}
.mainv_text .main_btn a:hover {
	background-position: right 5px center;
	opacity: .6;
}
.mainv_block .btn_arrow a {
	background-image: none;
	text-align: center;
}
.main_welcome {
	width: 100%;
	margin: 20px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.main_welcome:first-child {
	margin-top: 0;
}
.main_welcome_text {
	width: 619px;
	background: #f1f1f1;
	color: #121157;
	text-align: center;
	font-weight: bold;
	font-size: 2.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.main_welcome figure {
	width: calc(100% - 620px);
}
.main_welcome figure img {
	display: block;
}
@media only screen and (max-width: 736px) {	
	.mainv_block {
		width: 100%;
		margin: 0 auto 35px;
		display: block;
	}
	.mainv_block h2 {
		width: 100%;
		min-height: 0;
		font-size: 2.2rem;
		padding: 26px 5%;
	}
	.mainv_text {
		width: 100%;
		padding: 25px 8% 30px;
	}
	.mainv_text h3 {
		font-size: 2rem;
		margin-bottom: 15px;
	}
	.mainv_text.complete h3 {
		font-size: 2rem;
	}
	.mainv_text.complete > p {
		font-size: 1.4rem;
	}
	.mainv_text p.align_c {
		text-align: left !important;
	}
	.list_flow {
		width: 100%;
		font-size: 1.2rem;
	}
	.list_flow li {
		width: 25%;
	}
	.list_flow::before {
		width: auto;
		left: 10%;
		right: 10%;
		margin-left: 0;
	}
	.mainv_text .main_btn a {
		min-width: 100%;
	}
	.main_welcome {
		display: block;
	}
	.main_welcome_text {
		width: 100%;
		padding: 20px 8%;
		font-size: 2rem;
		display: block;
	}
	.main_welcome figure {
		width: 100%;
	}
}

/* first_block
----------------------------------------*/
.first_block {
	margin: 0 auto 22px;
	background: #e7f4fd;
}
.first_block h2 {
	padding: 28px 20px 28px 0;
	text-align: center;
	font-size: 2.8rem;
	color: #121157;
	font-weight: bold;
	background: url(../img/index/icon_plus.svg) no-repeat right 49px top 33px;
	background-size: 34px auto;
	cursor: pointer;
}
.first_block h2.open {
	background-image: url(../img/index/icon_close.svg);
}
.first_block h2::before {
	content: "";
	width: 30px;
	height: 44px;
	display: inline-block;
	background: url(../img/index/icon_first_title.svg) no-repeat left top / 30px auto;
	background-size: 100% auto;
	vertical-align: -11px;
	margin-right: 22px;
}
.first_inner {
	padding: 0 30px 60px;
}
.first_inner > p {
	text-align: center;
	line-height: 1.3;
	font-size: 1.6rem;
}
.first_inner ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 39px 0 0;
}
.first_inner li {
	width: 252px;
	text-align: center;
}
.first_inner li + li {
	margin-left: 47px;
}
.first_inner li + li::before {
	content: "";
	width: 27px;
	height: 48px;
	display: block;
	background: url(../img/index/icon_first_arrow.svg) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 159px;
	left: -37px;
}
.first_inner li h3 {
	background: #fff;
	border: solid 2px #1ECBCA;
	color: #121157;
	font-size: 2.15rem;
	font-weight: bold;
	padding: 9px 10px 11px;
	margin-bottom: 44px;
}
.first_inner li h3::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 13.5px 0 13.5px;
	border-color: #1ECBCA transparent transparent;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -13.5px;
}
.first_inner li h3::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10.5px 0 10.5px;
	border-color: #fff transparent transparent;
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -10.5px;
}
.first_inner li figure {
	margin-bottom: 31px;
}
.first_inner li p {
	font-size: 1.4rem;
	text-align: center;
}
.first_movie {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 50px;
}
.first_movie figure,
.first_movie .first_movie_embed {
	width: 47.9%;
	padding-top: 26.98%;
	margin-right: 4%;
}
.first_movie .first_movie_embed iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.first_movie_text {
	width: 48%;
	font-size: 1.6rem;
	padding-top: 20px;
}
.first_movie_text p + p {
	margin-top: 30px;
}
.first_movie_text .btn_arrow {
	text-align: center;
	margin-top: 60px;
}
@media only screen and (max-width: 736px) {
	.first_block {
		width: 100%;
		margin: 0 auto 30px;
	}
	.first_block h2 {
		padding: 25px 10px 25px 0;
		font-size: 2rem;
		background-position: right 5% top 32px;
		background-size: 20px auto;
	}
	.first_block h2::before {
		width: 22px;
		height: 33px;
		background-size: 100% auto;
		vertical-align: -8px;
		margin-right: 13px;
	}
	.first_inner {
		padding: 0 7.5% 40px;
	}
	.first_inner > p {
		text-align: left;
		line-height: 1.5;
		font-size: 1.6rem;
	}
	.first_inner ul {
		display: block;
		margin: 20px 0 0;
	}
	.first_inner li {
		width: 100%;
	}
	.first_inner li + li {
		margin-left: 0;
		margin-top: 60px;
	}
	.first_inner li + li::before {
		top: -50px;
		left: 50%;
		margin-left: -13px;
		transform: rotate(90deg);
	}
	.first_inner li h3 {
		font-size: 1.8rem;
		padding: 9px 10px;
		margin-bottom: 30px;
	}
	.first_inner li figure {
		width: 120px;
		margin: 0 auto 20px;
	}
	.first_inner li p {
		font-size: 1.5rem;
		text-align: center;
	}
	.first_movie {
		display: block;
	}
	.first_movie figure,
	.first_movie .first_movie_embed {
		width: 100%;
		padding-top: 56.25%;
		margin-right: 0;
	}
	.first_movie_text {
		width: 100%;
		font-size: 1.5rem;
	}
	.first_movie_text p + p {
		margin-top: 20px;
	}
	.first_movie_text .btn_arrow {
		margin-top: 30px;
	}
}

/* correspondence_block
----------------------------------------*/
.correspondence_block {
	margin-bottom: 30px;
}
.correspondence_block ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.correspondence_block ul li {
	border: 2px solid #F1F1F1;
	width: 143px;
	padding: 24px 0 6px;
}
.correspondence_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
}
.correspondence_count {
	text-align: center;
	font-size: 6.4rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 17px;
	color: #F7B100;
}
.correspondence_count.none {
	color: #121258;
}
.correspondence_count.max {
	color: #E53238;
}
.correspondence_block ul li > .btn_detail {
	margin-left: 13px;
}
.correspondence_block .tips_block {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
@media only screen and (max-width: 736px) {
	.correspondence_block ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.correspondence_block ul li {
		width: 48%;
		margin-bottom: 20px;
		padding: 15px 0 6px;
	}
	.correspondence_count {
		margin-bottom: 5px;
	}
	.correspondence_block ul li > .btn_detail {
		margin-left: 10px;
	}
}

/* tips_block
----------------------------------------*/
.tips_block {
	font-weight: normal;
	font-size: 1.4rem;
	color: #333;
}
.tips_block > a {
	display: block;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.tips_block > a:hover {
	opacity: .6;
}
.tips_block img {
	display: block;
}
.tips_balloon {
	display: none;
	position: absolute;
	background: #FFF;
	border-radius: 10px;
	bottom: 30px;
	left: -30px;
	width: 200px;
	z-index: 1100;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	padding: 10px;
}
.tips_balloon > p {
	z-index: 10;
}
.tips_balloon.overflow {
	left: -165px;
}
.tips_balloon::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	transform: rotate(45deg);
	position: absolute;
	bottom: -8px;
	left: 30px;
	pointer-events: none;
}
.tips_balloon::after {
	content: "";
	display: block;
	width: 50px;
	height: 20px;
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: 10px;
	pointer-events: none;
}
.tips_balloon.overflow::before {
	left: auto;
	right: 20px;
}
.tips_balloon.overflow::after {
	left: auto;
	right: 10px;
}

/* setting_block
----------------------------------------*/
.setting_block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 58px;
}
.setting_toggle {
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 13px;
	right: 14px;
	border: none;
	width: 27px;
	height: 27px;
	border: none;
	background: url(../img/index/icon_close.svg) no-repeat left top / 27px auto;
	cursor: pointer;
	z-index: 10;
}
.setting_toggle:focus {
	outline: none;
}
.close .setting_toggle {
	background: url(../img/index/icon_plus.svg) no-repeat left top / 27px auto;
}
.setting_item {
	width: 50%;
	border: 2px solid #F1F1F1;
	padding: 32px 10px 0;
	-webkit-transition: max-height 500ms;
	transition: max-height 500ms;
}
.close.setting_block,
.close .setting_item,
.setting_item.overhide {
	overflow: hidden;
}
.close .setting_item {
	max-height: 96px !important;
}
.setting_item:first-child {
	border-right-width: 1px;
}
.setting_item + .setting_item {
	border-left-width: 1px;
}
.setting_item h2 {
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 4px;
	pointer-events: none;
}
.setting_tab {
	position: absolute;
	top: 188px;
	left: -2px;
	right: -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	text-align: center;
	z-index: 10;
}
.setting_tab li {
	width: 144px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.setting_tab li > a {
	width: 100%;
	display: block;
	font-weight: bold;
	color: #121157;
	padding: 9px 5px 8px;
	background: #DCEFEF;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.setting_tab li.current > a {
	background: #1FCBCA;
	color: #FFF;
}
.setting_tab li > a:hover {
	opacity: .6;
}
.setting_tab li.current > a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 9px 0;
	border-color: #1FCBCA transparent transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -9px;
}
.setting_graph {
width: 150px;
height: 150px;
border-radius: 50%;
background: #DCEFEF;
margin: 0 auto 91px;
top: 28px;
}
.setting_graph::after {
	content: "";
	display: block;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
}
.setting_graph > span {
	position: absolute;
	display: block;
	line-height: 150px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 3rem;
	font-weight: 800;
	text-align: center;
	color: #1FCBCA;
	z-index: 100;
}
.setting_graph > span::after {
	content: "%";
	font-size: 1.8rem;
}
.setting_graph .slice {
	font-size: 150px;
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0em, 1em, 1em, 0.5em);
}
.setting_graph[data-percent="51"] .slice, .setting_graph[data-percent="52"] .slice, .setting_graph[data-percent="53"] .slice, .setting_graph[data-percent="54"] .slice, .setting_graph[data-percent="55"] .slice, .setting_graph[data-percent="56"] .slice, .setting_graph[data-percent="57"] .slice, .setting_graph[data-percent="58"] .slice, .setting_graph[data-percent="59"] .slice, .setting_graph[data-percent="60"] .slice, .setting_graph[data-percent="61"] .slice, .setting_graph[data-percent="62"] .slice, .setting_graph[data-percent="63"] .slice, .setting_graph[data-percent="64"] .slice, .setting_graph[data-percent="65"] .slice, .setting_graph[data-percent="66"] .slice, .setting_graph[data-percent="67"] .slice, .setting_graph[data-percent="68"] .slice, .setting_graph[data-percent="69"] .slice, .setting_graph[data-percent="70"] .slice, .setting_graph[data-percent="71"] .slice, .setting_graph[data-percent="72"] .slice, .setting_graph[data-percent="73"] .slice, .setting_graph[data-percent="74"] .slice, .setting_graph[data-percent="75"] .slice, .setting_graph[data-percent="76"] .slice, .setting_graph[data-percent="77"] .slice, .setting_graph[data-percent="78"] .slice, .setting_graph[data-percent="79"] .slice, .setting_graph[data-percent="80"] .slice, .setting_graph[data-percent="81"] .slice, .setting_graph[data-percent="82"] .slice, .setting_graph[data-percent="83"] .slice, .setting_graph[data-percent="84"] .slice, .setting_graph[data-percent="85"] .slice, .setting_graph[data-percent="86"] .slice, .setting_graph[data-percent="87"] .slice, .setting_graph[data-percent="88"] .slice, .setting_graph[data-percent="89"] .slice, .setting_graph[data-percent="90"] .slice, .setting_graph[data-percent="91"] .slice, .setting_graph[data-percent="92"] .slice, .setting_graph[data-percent="93"] .slice, .setting_graph[data-percent="94"] .slice, .setting_graph[data-percent="95"] .slice, .setting_graph[data-percent="96"] .slice, .setting_graph[data-percent="97"] .slice, .setting_graph[data-percent="98"] .slice, .setting_graph[data-percent="99"] .slice, .setting_graph[data-percent="100"] .slice {
	clip: rect(auto, auto, auto, auto);
}
.setting_graph .slice .bar,
.setting_graph[data-percent="51"] .fill,
.setting_graph[data-percent="52"] .fill,
.setting_graph[data-percent="53"] .fill,
.setting_graph[data-percent="54"] .fill,
.setting_graph[data-percent="55"] .fill,
.setting_graph[data-percent="56"] .fill,
.setting_graph[data-percent="57"] .fill,
.setting_graph[data-percent="58"] .fill,
.setting_graph[data-percent="59"] .fill,
.setting_graph[data-percent="60"] .fill,
.setting_graph[data-percent="61"] .fill,
.setting_graph[data-percent="62"] .fill,
.setting_graph[data-percent="63"] .fill,
.setting_graph[data-percent="64"] .fill,
.setting_graph[data-percent="65"] .fill,
.setting_graph[data-percent="66"] .fill,
.setting_graph[data-percent="67"] .fill,
.setting_graph[data-percent="68"] .fill,
.setting_graph[data-percent="69"] .fill,
.setting_graph[data-percent="70"] .fill,
.setting_graph[data-percent="71"] .fill,
.setting_graph[data-percent="72"] .fill,
.setting_graph[data-percent="73"] .fill,
.setting_graph[data-percent="74"] .fill,
.setting_graph[data-percent="75"] .fill,
.setting_graph[data-percent="76"] .fill,
.setting_graph[data-percent="77"] .fill,
.setting_graph[data-percent="78"] .fill,
.setting_graph[data-percent="79"] .fill,
.setting_graph[data-percent="80"] .fill,
.setting_graph[data-percent="81"] .fill,
.setting_graph[data-percent="82"] .fill,
.setting_graph[data-percent="83"] .fill,
.setting_graph[data-percent="84"] .fill,
.setting_graph[data-percent="85"] .fill,
.setting_graph[data-percent="86"] .fill,
.setting_graph[data-percent="87"] .fill,
.setting_graph[data-percent="88"] .fill,
.setting_graph[data-percent="89"] .fill,
.setting_graph[data-percent="90"] .fill,
.setting_graph[data-percent="91"] .fill,
.setting_graph[data-percent="92"] .fill,
.setting_graph[data-percent="93"] .fill,
.setting_graph[data-percent="94"] .fill,
.setting_graph[data-percent="95"] .fill,
.setting_graph[data-percent="96"] .fill,
.setting_graph[data-percent="97"] .fill,
.setting_graph[data-percent="98"] .fill,
.setting_graph[data-percent="99"] .fill,
.setting_graph[data-percent="100"] .fill {
	border: 15px solid #1FCBCA;
	clip: rect(0em, 0.5em, 1em, 0em);
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform: rotate(0deg);
}
.setting_graph[data-percent="51"] .fill,
.setting_graph[data-percent="52"] .fill,
.setting_graph[data-percent="53"] .fill,
.setting_graph[data-percent="54"] .fill,
.setting_graph[data-percent="55"] .fill,
.setting_graph[data-percent="56"] .fill,
.setting_graph[data-percent="57"] .fill,
.setting_graph[data-percent="58"] .fill,
.setting_graph[data-percent="59"] .fill,
.setting_graph[data-percent="60"] .fill,
.setting_graph[data-percent="61"] .fill,
.setting_graph[data-percent="62"] .fill,
.setting_graph[data-percent="63"] .fill,
.setting_graph[data-percent="64"] .fill,
.setting_graph[data-percent="65"] .fill,
.setting_graph[data-percent="66"] .fill,
.setting_graph[data-percent="67"] .fill,
.setting_graph[data-percent="68"] .fill,
.setting_graph[data-percent="69"] .fill,
.setting_graph[data-percent="70"] .fill,
.setting_graph[data-percent="71"] .fill,
.setting_graph[data-percent="72"] .fill,
.setting_graph[data-percent="73"] .fill,
.setting_graph[data-percent="74"] .fill,
.setting_graph[data-percent="75"] .fill,
.setting_graph[data-percent="76"] .fill,
.setting_graph[data-percent="77"] .fill,
.setting_graph[data-percent="78"] .fill,
.setting_graph[data-percent="79"] .fill,
.setting_graph[data-percent="80"] .fill,
.setting_graph[data-percent="81"] .fill,
.setting_graph[data-percent="82"] .fill,
.setting_graph[data-percent="83"] .fill,
.setting_graph[data-percent="84"] .fill,
.setting_graph[data-percent="85"] .fill,
.setting_graph[data-percent="86"] .fill,
.setting_graph[data-percent="87"] .fill,
.setting_graph[data-percent="88"] .fill,
.setting_graph[data-percent="89"] .fill,
.setting_graph[data-percent="90"] .fill,
.setting_graph[data-percent="91"] .fill,
.setting_graph[data-percent="92"] .fill,
.setting_graph[data-percent="93"] .fill,
.setting_graph[data-percent="94"] .fill,
.setting_graph[data-percent="95"] .fill,
.setting_graph[data-percent="96"] .fill,
.setting_graph[data-percent="97"] .fill,
.setting_graph[data-percent="98"] .fill,
.setting_graph[data-percent="99"] .fill,
.setting_graph[data-percent="100"] .fill {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.setting_graph[data-percent="1"] .bar { transform: rotate(3.6deg); }
.setting_graph[data-percent="2"] .bar { transform: rotate(7.2deg); }
.setting_graph[data-percent="3"] .bar { transform: rotate(10.8deg); }
.setting_graph[data-percent="4"] .bar { transform: rotate(14.4deg); }
.setting_graph[data-percent="5"] .bar { transform: rotate(18deg); }
.setting_graph[data-percent="6"] .bar { transform: rotate(21.6deg); }
.setting_graph[data-percent="7"] .bar { transform: rotate(25.2deg); }
.setting_graph[data-percent="8"] .bar { transform: rotate(28.8deg); }
.setting_graph[data-percent="9"] .bar { transform: rotate(32.4deg); }
.setting_graph[data-percent="10"] .bar { transform: rotate(36deg); }
.setting_graph[data-percent="11"] .bar { transform: rotate(39.6deg); }
.setting_graph[data-percent="12"] .bar { transform: rotate(43.2deg); }
.setting_graph[data-percent="13"] .bar { transform: rotate(46.8deg); }
.setting_graph[data-percent="14"] .bar { transform: rotate(50.4deg); }
.setting_graph[data-percent="15"] .bar { transform: rotate(54deg); }
.setting_graph[data-percent="16"] .bar { transform: rotate(57.6deg); }
.setting_graph[data-percent="17"] .bar { transform: rotate(61.2deg); }
.setting_graph[data-percent="18"] .bar { transform: rotate(64.8deg); }
.setting_graph[data-percent="19"] .bar { transform: rotate(68.4deg); }
.setting_graph[data-percent="20"] .bar { transform: rotate(72deg); }
.setting_graph[data-percent="21"] .bar { transform: rotate(75.6deg); }
.setting_graph[data-percent="22"] .bar { transform: rotate(79.2deg); }
.setting_graph[data-percent="23"] .bar { transform: rotate(82.8deg); }
.setting_graph[data-percent="24"] .bar { transform: rotate(86.4deg); }
.setting_graph[data-percent="25"] .bar { transform: rotate(90deg); }
.setting_graph[data-percent="26"] .bar { transform: rotate(93.6deg); }
.setting_graph[data-percent="27"] .bar { transform: rotate(97.2deg); }
.setting_graph[data-percent="28"] .bar { transform: rotate(100.8deg); }
.setting_graph[data-percent="29"] .bar { transform: rotate(104.4deg); }
.setting_graph[data-percent="30"] .bar { transform: rotate(108deg); }
.setting_graph[data-percent="31"] .bar { transform: rotate(111.6deg); }
.setting_graph[data-percent="32"] .bar { transform: rotate(115.2deg); }
.setting_graph[data-percent="33"] .bar { transform: rotate(118.8deg); }
.setting_graph[data-percent="34"] .bar { transform: rotate(122.4deg); }
.setting_graph[data-percent="35"] .bar { transform: rotate(126deg); }
.setting_graph[data-percent="36"] .bar { transform: rotate(129.6deg); }
.setting_graph[data-percent="37"] .bar { transform: rotate(133.2deg); }
.setting_graph[data-percent="38"] .bar { transform: rotate(136.8deg); }
.setting_graph[data-percent="39"] .bar { transform: rotate(140.4deg); }
.setting_graph[data-percent="40"] .bar { transform: rotate(144deg); }
.setting_graph[data-percent="41"] .bar { transform: rotate(147.6deg); }
.setting_graph[data-percent="42"] .bar { transform: rotate(151.2deg); }
.setting_graph[data-percent="43"] .bar { transform: rotate(154.8deg); }
.setting_graph[data-percent="44"] .bar { transform: rotate(158.4deg); }
.setting_graph[data-percent="45"] .bar { transform: rotate(162deg); }
.setting_graph[data-percent="46"] .bar { transform: rotate(165.6deg); }
.setting_graph[data-percent="47"] .bar { transform: rotate(169.2deg); }
.setting_graph[data-percent="48"] .bar { transform: rotate(172.8deg); }
.setting_graph[data-percent="49"] .bar { transform: rotate(176.4deg); }
.setting_graph[data-percent="50"] .bar { transform: rotate(180deg); }
.setting_graph[data-percent="51"] .bar { transform: rotate(183.6deg); }
.setting_graph[data-percent="52"] .bar { transform: rotate(187.2deg); }
.setting_graph[data-percent="53"] .bar { transform: rotate(190.8deg); }
.setting_graph[data-percent="54"] .bar { transform: rotate(194.4deg); }
.setting_graph[data-percent="55"] .bar { transform: rotate(198deg); }
.setting_graph[data-percent="56"] .bar { transform: rotate(201.6deg); }
.setting_graph[data-percent="57"] .bar { transform: rotate(205.2deg); }
.setting_graph[data-percent="58"] .bar { transform: rotate(208.8deg); }
.setting_graph[data-percent="59"] .bar { transform: rotate(212.4deg); }
.setting_graph[data-percent="60"] .bar { transform: rotate(216deg); }
.setting_graph[data-percent="61"] .bar { transform: rotate(219.6deg); }
.setting_graph[data-percent="62"] .bar { transform: rotate(223.2deg); }
.setting_graph[data-percent="63"] .bar { transform: rotate(226.8deg); }
.setting_graph[data-percent="64"] .bar { transform: rotate(230.4deg); }
.setting_graph[data-percent="65"] .bar { transform: rotate(234deg); }
.setting_graph[data-percent="66"] .bar { transform: rotate(237.6deg); }
.setting_graph[data-percent="67"] .bar { transform: rotate(241.2deg); }
.setting_graph[data-percent="68"] .bar { transform: rotate(244.8deg); }
.setting_graph[data-percent="69"] .bar { transform: rotate(248.4deg); }
.setting_graph[data-percent="70"] .bar { transform: rotate(252deg); }
.setting_graph[data-percent="71"] .bar { transform: rotate(255.6deg); }
.setting_graph[data-percent="72"] .bar { transform: rotate(259.2deg); }
.setting_graph[data-percent="73"] .bar { transform: rotate(262.8deg); }
.setting_graph[data-percent="74"] .bar { transform: rotate(266.4deg); }
.setting_graph[data-percent="75"] .bar { transform: rotate(270deg); }
.setting_graph[data-percent="76"] .bar { transform: rotate(273.6deg); }
.setting_graph[data-percent="77"] .bar { transform: rotate(277.2deg); }
.setting_graph[data-percent="78"] .bar { transform: rotate(280.8deg); }
.setting_graph[data-percent="79"] .bar { transform: rotate(284.4deg); }
.setting_graph[data-percent="80"] .bar { transform: rotate(288deg); }
.setting_graph[data-percent="81"] .bar { transform: rotate(291.6deg); }
.setting_graph[data-percent="82"] .bar { transform: rotate(295.2deg); }
.setting_graph[data-percent="83"] .bar { transform: rotate(298.8deg); }
.setting_graph[data-percent="84"] .bar { transform: rotate(302.4deg); }
.setting_graph[data-percent="85"] .bar { transform: rotate(306deg); }
.setting_graph[data-percent="86"] .bar { transform: rotate(309.6deg); }
.setting_graph[data-percent="87"] .bar { transform: rotate(313.2deg); }
.setting_graph[data-percent="88"] .bar { transform: rotate(316.8deg); }
.setting_graph[data-percent="89"] .bar { transform: rotate(320.4deg); }
.setting_graph[data-percent="90"] .bar { transform: rotate(324deg); }
.setting_graph[data-percent="91"] .bar { transform: rotate(327.6deg); }
.setting_graph[data-percent="92"] .bar { transform: rotate(331.2deg); }
.setting_graph[data-percent="93"] .bar { transform: rotate(334.8deg); }
.setting_graph[data-percent="94"] .bar { transform: rotate(338.4deg); }
.setting_graph[data-percent="95"] .bar { transform: rotate(342deg); }
.setting_graph[data-percent="96"] .bar { transform: rotate(345.6deg); }
.setting_graph[data-percent="97"] .bar { transform: rotate(349.2deg); }
.setting_graph[data-percent="98"] .bar { transform: rotate(352.8deg); }
.setting_graph[data-percent="99"] .bar { transform: rotate(356.4deg); }
.setting_graph[data-percent="100"] .bar { transform: rotate(360deg); }
.setting_box {
	display: none;
	padding-bottom: 20px;
}
#account_beginner,
#sales_beginner {
	display: block;
}
.setting_box ul {
	font-size: 1.3rem;
	margin: 0 9px;
	padding-top: 12px;
}
.setting_box ul li {
	padding: 0 19px;
}
.setting_box ul li::before {
	content: "";
	width: 13px;
	height: 13px;
	display: block;
	border: 2px solid #F1F1F1;
	position: absolute;
	top: 3px;
	left: -3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.setting_box ul li.checked::after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: #00A2AC;
	position: absolute;
	top: 6px;
	left: 0;
}
.setting_box ul li + li {
	margin-top: 5px;
}
.setting_box ul li > a {
	text-decoration: underline;
	color: #1436D9;
	letter-spacing: .02em;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.setting_box ul li > a:hover {
	opacity: .6;
}
.setting_box > .btn_detail {
	text-align: right;
	margin: 28px 8px 0;
}
.setting_box .tips_block {
	position: absolute;
	right: 0;
	top: 1px;
}
.setting_note {
	width: 100%;
	font-size: 1.3rem;
	margin-top: 9px;
	letter-spacing: .025em;
}
@media only screen and (max-width: 736px) {
	.setting_block {
		display: block;
		margin-bottom: 30px;
		border: none;
	}
	.setting_toggle {
		display: none;
	}
	.setting_item {
		width: auto;
		padding: 15px 10px 5px;
		border: 2px solid #F1F1F1 !important;
		margin-bottom: 20px;
	}
	.close.setting_block,
	.close .setting_item {
		overflow: visible;
	}
	.setting_item.overhide,
	.setting_item.close {
		overflow: hidden;
	}
	.setting_inner {
		-webkit-transition: max-height 500ms;
		transition: max-height 500ms;
	}
	.close > .setting_item {
		max-height: none !important;
	}
	.close > .setting_inner {
		max-height: 0 !important;
	}
	.setting_item h2 {
		font-size: 1.7rem;
		background: url(../img/index/icon_close.svg) no-repeat right 2px / 20px auto;
		padding-right: 10px;
		margin-bottom: 0;
		padding-bottom: 7px;
		pointer-events: auto;
	}
	.setting_item.close h2 {
		background-image: url(../img/index/icon_plus.svg);
	}
	.setting_tab {
		top: 206px;
	}
	.setting_tab li {
		width: calc(33% - .5px);
	}
	.setting_tab li > a:hover {
		opacity: 1;
	}
	.setting_box ul {
		margin: 0;
	}
	.setting_box ul li > a:hover {
		opacity: 1;
	}
}

/* news_block
----------------------------------------*/
.news_block {
	margin: 0 auto 73px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.news_item {
	padding: 0 40px 0 0;
	width: 50%;
}
.news_item.scroll dl {
	padding-right: 10px;
	height: 164px;
	overflow: auto;
}
.news_item + .news_item {
	border-left: solid 1px #666;
	padding: 0 0 0 40px;
}
.news_block:first-child {
	margin-top: 49px;
}
.news_block h2 {
	text-align: center;
	font-size: 2.4rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 41px;
}
.news_block dl {
	margin: 0;
	color: #666;
}
.news_block dt {
	font-weight: bold;
	margin-bottom: 5px;
}
.news_block .inline dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 1.3rem;
}
.news_block .inline dt {
	width: 135px;
}
.news_block .inline dd {
	width: calc(100% - 135px);
}
.news_block dd {
	margin-bottom: 28px;
}
.news_block dd a {
	display: inline-block;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.news_block dd a[target="_blank"]::after {
	content: "";
	width: 12px;
	height: 12px;
	margin-bottom: 4px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/common/icon_external.svg) no-repeat left top / 100% auto;
	margin-left: 5px;
}
.news_block dd a:hover {
	opacity: .6;
}
@media only screen and (max-width: 736px) {
	.news_block {
		width: auto;
		margin: 0 0 37px;
		padding: 0 0;
		display: block;
	}
	.news_item {
		padding: 15px 0 0;
		width: 100%;
	}
	.news_item.scroll dl {
		height: 250px;
		padding-bottom: 30px;
	}
	.news_item_inner::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 5px;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		height: 70px;
	}
	.news_item + .news_item {
		border-left: none;
		border-top: solid 1px #666;
		padding: 25px 0 0;
		margin-top: 25px;
	}
	.news_block:first-child {
		margin-top: 35px;
	}
	.news_block h2 {
		margin-bottom: 20px;
		font-size: 2.1rem;
	}
	.news_block dl {
		margin: 0;
		display: block;
	}
	.news_block dt {
		width: 100%;
		margin-bottom: 8px;
	}
	.news_block dd {
		width: 100%;
		margin-bottom: 25px;
	}
	.news_block dd a {
		display: block;
	}
	.news_block dd a:hover {
		opacity: 1;
	}
	.news_block .inline dl {
		display: block;
		font-size: 1.4rem;
	}
	.news_block .inline dt {
		width: 100%;
	}
	.news_block .inline dd {
		width: 100%;
	}
}

/* eBay and EC News Paging
----------------------------------------*/
.news_block_second {
	width: 1200px;
	margin: 0 auto 37px;
	padding: 0 40px;
	display: -ms-flexbox;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.news_block_second:first-child {
	margin-top: 49px;
}
.news_block_second h2 {
	text-align: center;
	font-size: 2.4rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 27px;
}
.news_block dl {
	margin: 0;
	color: #666;
}
.news_block_second dt {
	font-weight: bold;
	margin-bottom: 5px;
}
.news_block_second dd {
	margin-bottom: 21px;
}
.news_block_second dd a {
	display: inline-block;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.news_block_second dd a:hover {
	opacity: .6;
}
@media only screen and (max-width: 736px) {
	.news_block_second {
		width: auto;
		margin: 0 8% 37px;
		padding: 0 0;
		display: block;
	}
	.news_block_second:first-child {
		margin-top: 35px;
	}
	.news_block_second h2 {
		margin-bottom: 20px;
		font-size: 2.1rem;
	}
	.news_block_second dl {
		margin: 0;
		display: block;
	}
	.news_block_second dt {
		width: 100%;
		margin-bottom: 8px;
	}
	.news_block_second dd {
		width: 100%;
		margin-bottom: 25px;
	}
	.news_block_second dd a {
		display: block;
	}
	.news_block_second dd a:hover {
		opacity: 1;
	}
}

/* blog_block
----------------------------------------*/
.blog_block {
	margin-bottom: 64px;
}
.blog_block h2 {
	text-align: center;
	color: #121157;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: .02em;
	margin-bottom: 34px;
}
.blog_block .blog_helpful {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.blog_block .blog_helpful a {
	display: block;
}
.blog_block .blog_helpful span:first-child {
	display: inline-block;
	border: 2px solid #121157;
	color: #121157;
	font-weight: bold;
	padding: 3px 8px 2px;
	font-size: 1.3rem;
	-webkit-transition: background 300ms, color 300ms;
	transition: background 300ms, color 300ms;
}
.blog_block .blog_helpful span:last-child {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	color: #121157;
	background: #F1F1F1;
	border-radius: 5px;
	padding: 3px 9px 2px;
	margin-left: 15px;
}
.blog_block .blog_helpful a:hover span:first-child {
	background: #121157;
	color: #fff;
}
.blog_block .blog_helpful span:last-child::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 6px 12px;
	border-color: transparent transparent #F1F1F1;
	position: absolute;
	top: 9px;
	left: -12px;
}
.blog_block .blog_category {
	margin: 0 0 -5px 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.blog_block .blog_category span,
.blog_block .blog_category a {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	color: #00A2AC;
	border: 1px solid #00A2AC;
	border-radius: 14px;
	padding: 2.5px 20px;
	margin-bottom: 5px;
	-webkit-transition: color 300ms, background 300ms;
	transition: color 300ms, background 300ms;
}
.blog_block .blog_category a:hover {
	color: #fff;
	background: #00A2AC;
}
.blog_block .blog_category span + span,
.blog_block .blog_category a + a {
	margin-left: 5px;
}
.blog_block .blog_ttl {
	width: 100%;
	color: #121157;
	font-weight: bold;
	margin: 18px 0 9px;
	line-height: 1.75;
	letter-spacing: .03em;
}
.blog_block .blog_ttl a {
	display: block;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.blog_block .blog_ttl a:hover {
	opacity: .6;
}
.blog_block .blog_consultant {
	width: 100%;
	font-size: 1.5rem;
	color: #1436D9;
	font-weight: bold;
	margin: 0 0 5px;
}
.blog_block .blog_consultant a {
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.blog_block .blog_consultant a:hover {
	opacity: .6;
}
.blog_block .blog_date {
	margin: 0 0 4px;
	font-size: 1.2rem;
	color: #666;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .02em;
}
.blog_block ul {
	margin-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.blog_block ul li {
	width: 23.583%;
	margin: 0 0 30px 1.889%;
}
.blog_block ul li:nth-child(4n+1) {
	margin-left: 0;
}
.blog_block ul li figure {
	margin-bottom: 18px;
	overflow: hidden;
}
.blog_block ul li figure img {
	width: 100%;
	display: block;
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
}
.blog_block ul li figure a:hover img {
	transform: scale(1.1);
}
.blog_block .blog_post_txt {
	margin: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.blog_block .btn_detail {
	width: 100%;
}
@media only screen and (max-width: 736px) {
	.blog_block {
		margin-bottom: 30px;
	}
	.blog_block h2 {
		font-size: 1.8rem;
	}
	.blog_block .blog_helpful span:first-child {
		font-size: 1.2rem;
	}
	.blog_block .blog_helpful span:last-child {
		font-size: 1.1rem;
	}
	.blog_block .blog_category {
		margin: 0 0 10px;
	}
	.blog_block .blog_category span,
	.blog_block .blog_category a {
		padding: 2px 10px;
	}
	.blog_block .blog_category a:hover {
		color: #00A2AC;
		background: none;
	}
	.blog_block .blog_ttl {
		margin: 10px 0 2px;
	}
	.blog_block .blog_ttl a:hover {
		opacity: 1;
	}
	.blog_block .blog_consultant a:hover {
		opacity: 1;
	}
	.blog_block ul li {
		width: 47.5%;
		margin: 0 0 30px 5%;
	}
	.blog_block ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	.blog_block ul li figure {
		margin-bottom: 10px;
		overflow: hidden;
	}
	.blog_block ul li figure a:hover img {
		transform: scale(1);
	}
	.blog_block .blog_post_txt {
		margin: 0;
	}
}

/* seek_block
----------------------------------------*/
.seek_block h2 {
	text-align: center;
	color: #121157;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: .02em;
	margin-bottom: 34px;
}
.seek_block ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.seek_block li {
	width: 214px;
	margin: 0 0 0 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.seek_block li:nth-child(4n+1) {
	margin-left: 0;
}
.seek_block li a {
	display: block;
	width: 100%;
	background: #F1F1F1;
	padding: 30px 0 0;
	text-align: center;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.seek_block li a:hover {
	opacity: .6;
}
.seek_block h3 {
	background: #121258;
	color: #FFF;
	margin-top: 25px;
	font-size: 1.2rem;
	padding: 12px 26px 11px 10px;
	line-height: 1.7;
}
.seek_block h3::after {
	content: "";
	display: block;
	width: 15px;
	height: 13px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	background: url(../img/index/icon_btn_arrow.svg) no-repeat left top / 15px auto;
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
}
.seek_block li a:hover h3::after {
	transform: translateX(5px);
}
@media only screen and (max-width: 736px) {
	.seek_block h2 {
		font-size: 1.8rem;
	}
	.seek_block ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.seek_block li {
		width: 47.5%;
		margin: 0 0 30px 5%;
	}
	.seek_block li:nth-child(2n+1) {
		margin-left: 0;
	}
	.seek_block li a {
		padding: 20px 0 0;
	}
	.seek_block li a figure {
		margin: 0 10%;
	}
	.seek_block li a:hover {
		opacity: 1;
	}
	.seek_block h3 {
		margin-top: 20px;
	}
	.seek_block li a:hover h3::after {
		transform: translateX(0);
	}
}

/* index_sub
----------------------------------------*/
.sub_event_embed {
	background: #FFF;
	padding: 30px;
}
.sub_event a iframe {
	pointer-events: none;
}
.sub_event p:not(.btn_detail) a {
	display: block;
}
.sub_event iframe {
	border: none !important;
}
.sub_event_embed img {
	display: block;
	margin: 0 auto;
}
.sub_event_embed iframe {
	height: 600px !important;
}
@media only screen and (max-width: 736px) {
	.index_sub {
		display: none;
	}
	.sub_sp_dashboard {
		width: 90vw;
		background: #FFF;
		padding: 20px 5%;
	}
	.sub_event {
		margin-bottom: 40px;
		text-align: center;
	}
	.sub_event > iframe {
		width: 100%;
		height: 90vw;
		display: block;
		box-sizing: border-box;
	}
	.sub_event h2 {
		color: #121157;
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: .02em;
		margin-bottom: 34px;
	}
	.sub_event img {
		width: 100%;
	}
}

/* sub_sales
----------------------------------------*/
.sub_sales {
	border: 2px solid #F1F1F1;
	padding: 0 10px;
	margin-bottom: 20px;
}
.sub_sales li {
	padding: 27px 0 26px;
	text-align: center;
}
.sub_sales li + li {
	border-top: 2px solid #F1F1F1;
	padding-top: 29px;
}
.sub_sales h2 {
	font-size: 2.2rem;
	color: #121258;
	font-weight: bold;
	margin-bottom: 18px;
}
.sub_sales h2 img {
	margin-right: 11px;
}
.sub_sales h2::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background: #121157;
	margin: 26px auto 0;
}
.sub_sales_date {
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.sub_sales_amount {
	font-size: 2.6rem;
	font-weight: bold;
	color: #121258;
	margin-bottom: 5px;
}
.sub_sales_amount a {
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.sub_sales_amount a:hover {
	opacity: .6;
}
.sub_sales_amount span {
	font-size: 3.6rem;
}
.sub_sales_fluctuation {
	font-size: 2rem;
	font-weight: bold;
	color: #121258;
}
.sub_sales_fluctuation img {
	margin-left: 5px;
}
@media only screen and (max-width: 736px) {
	.sub_sales {
		border: none;
		padding: 0;
	}
	.sub_sales ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.sub_sales li {
		border: 2px solid #F1F1F1;
		border-right-width: 1px;
		width: 50%;
		padding: 15px 0;
	}
	.sub_sales li + li {
		border-left-width: 1px;
		border-right-width: 2px;
		padding: 15px 0;
	}
	.sub_sales h2 {
		font-size: 1.8rem;
	}
	.sub_sales h2::after {
		margin: 10px auto 0;
	}
	.sub_sales_date {
		font-size: 1.3rem;
	}
	.sub_sales_amount {
		font-size: 1.8rem;
	}
	.sub_sales_amount span {
		font-size: 2.2rem;
	}
	.sub_sales_fluctuation {
		font-size: 1.8rem;
	}
	.sub_sales_amount a:hover {
		opacity: 1;
	}
}

/* sub_performance
----------------------------------------*/
.sub_performance {
	background: #F1F1F1;
	padding: 39px 20px 20px;
	margin-bottom: 38px;
}
.sub_performance h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #121157;
	margin-bottom: 20px;
}
.sub_performance h2::after {
	content: "";
	width: 50px;
	height: 2px;
	display: block;
	background: #121157;
	margin: 18px auto 0;
}
.sub_performance_warning {
	background: #FCF2BD;
	border: 1px solid #FBCD25;
	text-align: center;
	padding: 9px 20px 12px;
	margin-bottom: 20px;
}
.sub_performance_warning > p {
	font-weight: bold;
	color: #AA5404;
	font-size: 1.5rem;
	line-height: 1.35;
}
.sub_performance_warning .tips_block {
	position: absolute;
	bottom: 12px;
	right: 10px;
	text-align: left;
}
.sub_performance_metrics {
	background: #FFF;
	padding: 21px 20px 10px;
	margin-bottom: 20px;
}
.sub_performance_metrics h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 20px;
}
.sub_performance_metrics dl {
	font-size: 1.6rem;
	font-weight: bold;
}
.sub_performance_metrics dd {
	margin-top: 6px;
	color: #B03005;
	margin-bottom: 17px;
}
.sub_performance_metrics .tips_block {
	display: inline-block;
	margin-left: 7px;
	vertical-align: -1px;
}
.sub_performance_level {
	background: #FFF;
	padding: 21px 18px 30px;
}
.sub_performance_level h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 18px;
}
.sub_performance_level li {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 4px;
}
.sub_performance_metrics dd a,
.sub_performance_level li a {
	display: inline-block;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.sub_performance_level li a > span {
	vertical-align: 2px;
	display: inline-block;
	width: 37px;
	height: 27px;
	line-height: 27px;
	margin-right: 10px;
	text-align: center;
}
.sub_performance_level li a > span img {
	vertical-align: middle;
	max-width: 36px;
}
.sub_performance_level li a > span::before {
	content: "";
	width: 1px;
	height: 27px;
	display: inline-block;
	vertical-align: middle;
}
.level_top,
.level_above {
	color: #00A2AC;
}
.level_below {
	color: #E53238;
}
.sub_performance_level li .tips_block {
	position: absolute;
	right: 0;
	top: 7px;
}
.sub_performance_metrics dd a:hover,
.sub_performance_level li a:hover {
	opacity: .6;
}
@media only screen and (max-width: 736px) {
	.sub_performance {
		padding: 20px 5% 20px;
		margin-bottom: 0;
	}
	.sub_performance h2 {
		font-size: 1.8rem;
	}
	.sub_performance h2::after {
		margin: 10px auto 0;
	}
	.sub_performance_warning {
		padding: 9px 3% 12px;
	}
	.sub_performance_warning > p {
		font-size: 1.4rem;
		padding-right: 18px;
	}
	.sub_performance_metrics {
		padding: 21px 5% 10px;
	}
	.sub_performance_metrics h3 {
		font-size: 1.7rem;
	}
	.sub_performance_metrics dl {
		font-size: 1.4rem;
		text-align: left;
	}
	.sub_performance_metrics dl::after {
		content: "";
		clear: both;
	}
	.sub_performance_metrics dt {
		float: left;
		clear: both;
	}
	.sub_performance_metrics dd {
		margin-top: 0;
	}
	.sub_performance_level {
		padding: 21px 5% 30px;
		text-align: left;
	}
	.sub_performance_level h3 {
		font-size: 1.7rem;
	}
	.sub_performance_metrics dd a:hover,
	.sub_performance_level li a:hover {
		opacity: 1;
	}
	.sub_performance_warning .tips_block {
		right: 8px;
	}
}

/* sub_event
----------------------------------------*/
.sub_event h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}

/* subpage
----------------------------------------*/
.subpage {
	max-width: 600px;
	margin: 0 auto;
}
.subpage .header {
	position: relative;
	padding: 20px 30px;
	border: none;
}
.subpage main {
	padding-top: 0;
}
.subpage .footer {
	padding-top: 20px;
	display: block;
	width: 100%;
}
.subpage .footer .logo {
	text-align: center;
	margin: 0 auto;
}
.subpage .footer_inner {
	display: block;
	text-align: center;
	border-top: none;
	margin-top: 0;
}
.subpage .copyright {
	padding-top: 10px;
}
.subpage .list_flow br {
	display: none;
}
@media only screen and (max-width: 736px) {
	.subpage .contents {
		padding: 0 7.5%;
	}
	.subpage .footer {
		margin: 0;
	}
}
@media only screen and (max-width: 375px) {
	.subpage .list_flow br {
		display: block;
	}
}

/* step_block
----------------------------------------*/
.step_block h2 {
	background: #1ecbca;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 30px;
	margin-bottom: 30px;
}
.text_step {
	font-size: 1.6rem;
	text-align: center;
    font-weight: bold;
}
.step_block h3 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 30px 0 20px;
}
.step_block h4 {
	margin: 15px 0;
	font-weight: bold;
}
.step_block a {
	text-decoration: underline;
	color: #00a2ac;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.step_block a:hover {
	opacity: .6;
}
.step_block ul.asterisk {
	margin: 10px 0;
	text-indent: 0;
}
.step_block ul.asterisk li {
	margin-left: 1em;
	text-indent: -1em;
}
.step_block table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.step_block th {
	text-align: left;
	border: solid 1px #dedede;
	background: #f1f1f1;
	padding: 10px;
	font-weight: bold;
}
.step_block td {
	text-align: left;
	padding: 10px;
	border: solid 1px #dedede;
}
@media only screen and (max-width: 736px) {
	.step_block h2 {
		margin: 0 -8.823% 30px;
		font-size: 1.9rem;
		padding: 30px 5%;
	}
}

/* report_block
----------------------------------------*/
.report_block {
	width: 1200px;
	margin: 0 auto 20px;
	text-align: center;
}
.report_block h2 {
	font-size: 2.8rem;
	color: #121157;
	font-weight: bold;
	margin-bottom: 27px;
}
.report_block p {
	font-size: 1.8rem;
	margin-bottom: 36px;
}
.report_block ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.report_block ul li {
	width: 180px;
	margin: 0 0 36px 24px;
}
.report_block ul li:nth-child(6n+1) {
	margin-left: 0
}
.report_block ul li figcaption {
	font-size: 1.6rem;
	margin-top: 5px;
}
.report_block ul li a {
	display: block;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.report_block ul li a:hover {
	opacity: .6;
}
@media only screen and (max-width: 736px) {
	.report_block {
		width: auto;
		margin: 0 8% 20px;
	}
	.report_block h2 {
		font-size: 2.1rem;
		margin-bottom: 20px;
	}
	.report_block p {
		font-size: 1.5rem;
		text-align: left;
		margin-bottom: 30px;
	}
	.report_block ul li {
		width: 30%;
		margin: 0 0 36px 5%;
	}
	.report_block ul li:nth-child(3n+1) {
		margin-left: 0
	}
	.report_block ul li figcaption {
		font-size: 1.2rem;
	}
	.report_block ul li a:hover {
		opacity: 1;
	}
}

/* feedback_block
----------------------------------------*/
.feedback_block {
	position: absolute;
	top: 50vh;
	right: 0;
	margin-top: -85px;
	z-index: 1100;
}
.contact_btn {
	width: 50px;
	display: block;
	margin-bottom: 1px;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}
.contact_btn img,
.feedback_btn img {
	display: block;
}
.feedback_btn {
	width: 50px;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	overflow: hidden;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}
.contact_btn:hover,
.feedback_btn:hover,
.feedback_close:hover,
.feedback_submit:hover {
	opacity: .6;
}
.contact_btn.scroll,
.feedback_btn.scroll {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}
.feedback_form {
	position: fixed;
	top: 50%;
	margin-top: -85px;
	bottom: 20px;
	right: 50px;
	width: 250px;
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,.5);
	border: solid 1px #121157;
	text-align: left;
}
.feedback_form.modal {
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 5px;
	border: none;
}
.feedback_wrap {
	overflow: auto;
	height: 100%;
}
.feedback_form h2 {
	background: #121157;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 2px 10px;
}
.feedback_form.modal h2 {
	background: none;
	border-bottom: solid 1px #121157;
	color: #121157;
	padding: 10px 10px 6px;
	margin: 0 20px;
	font-size: 1.6rem;
}
.feedback_close {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 1px;
	z-index: 10;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	text-align: center;
	border: none;
	cursor: pointer;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.feedback_form.modal .feedback_close {
	width: 33px;
	height: 33px;
	position: absolute;
	top: 3px;
	left: 86%;
	right: auto;
	z-index: 1100;
}
.feedback_close::before,
.feedback_close::after {
	background: #fff;
	content: "";
	display: block;
	top: 12px;
	left: 5px;
	padding-top: 2px;
	width: 15px;
	position: absolute;
}
.feedback_close::before {
	transform: rotate(-135deg);
}
.feedback_close::after {
	transform: rotate(135deg);
}
.feedback_form.modal .feedback_close::before,
.feedback_form.modal .feedback_close::after {
	background: #aaa;
	width: 20px;
	top: 17px;
	left: 6px;
}
.feedback_inner {
	overflow: auto;
	height: calc(100% - 25px);
	width: 100%;
}
.feedback_form.modal .feedback_inner {
	overflow: visible;
	height: auto;
}
.feedback_form form {
	padding: 20px;
}
.feedback_form dl {
	font-size: 1.3rem;
}
.feedback_form dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.feedback_form dd {
	margin-bottom: 20px;
}
.feedback_form dd label {
	display: inline-block;
}
.feedback_scale {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.feedback_scale li {
	min-width: 20%;
	text-align: center;
}
.feedback_scale.feedback_radio {
	background: #aaa;
	padding: 4px 0;
}
.feedback_scale.feedback_radio input[type="radio"] {
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
}
.feedback_scale.feedback_radio input[type="radio"]:checked::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #121157;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
}
.feedback_form input[type="checkbox"] {
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border: solid 1px #ccc;
	border-radius: 2px;
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	margin-right: 3px;
}
.feedback_form input[type="checkbox"]:checked {
	background: #121157;
	border: solid 1px #121157;
}
.feedback_form input[type="checkbox"]:checked::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 1px;
	width: 8px;
	height: 3px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.feedback_check li label {
	padding-left: 17px;
	text-indent: -17px;
}
.feedback_check li + li {
	margin-top: 5px;
}
.feedback_form textarea {
	resize: none;
	width: 100%;
	height: 50px;
	border: solid 1px #121157;
}
.feedback_submit {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	background: #121157;
	color: #fff;
	border: none;
	font-family: inherit;
	padding: 5px 25px;
	cursor: pointer;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
.feedback_submit[disabled] {
	cursor: default;
	background: #ccc;
}
.feedback_submit[disabled]:hover {
	opacity: 1;
}
.feedback_msg {
	padding: 20px 15px;
	text-align: center;
}
.feedback_form.modal .feedback_msg {
	padding: 30px;
}
.feedback_agree {
	margin-left: 17px;
	text-indent: -17px;
	font-size: 1.3rem;
}
.feedback_agree * {
	text-indent: 0;
}
.feedback_agree a {
	color: #1436D9;
	text-decoration: underline;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}
.feedback_agree a:hover {
	opacity: .6;
}
@media only screen and (max-width: 736px) {
	.feedback_btn:hover,
	.feedback_close:hover,
	.feedback_submit:hover {
		opacity: 1;
	}
}

/* colobox
----------------------------------------*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19999;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height:100%;
}
#cboxMiddleLeft,
#cboxBottomLeft{
	clear:left;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle{
	margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
#cboxLoadedContent {
	overflow: visible !important;
	text-align: center;
	display: inline-block;
}
#cboxOverlay {
	background: #000;
	opacity: .96;
	filter: alpha(opacity = 96);
}
#colorbox,
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}
#cboxContent {
	overflow: visible;
	margin: 0;
	height: auto !important;
}
#cboxContent iframe {
	width: 100% !important;
	height: 100%;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000;
}
#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
}
#cboxClose {
	background: none;
	top: -33px;
	right: 0;
	z-index: 1100;
	width: 33px;
	height: 33px;
	position: absolute;
}
#cboxClose::before,
#cboxClose::after {
	background: #aaa;
	content: "";
	display: block;
	top: 17px;
	left: 7.5px;
	padding-top: 2px;
	width: 20px;
	position: absolute;
}
#cboxClose::before {
	transform: rotate(-135deg);
}
#cboxClose::after {
	transform: rotate(135deg);
}