@charset "UTF-8";

*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
	all: unset;
	display: revert
}

*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

ol,
ul {
	list-style: none
}

a {
	cursor: pointer;
	text-decoration: underline;
	color: #2f7ec4
}

a:active,
a:hover {
	color: #008eff
}

img {
	border: none;
	vertical-align: bottom;
	max-width: 100%
}

table {
	border-collapse: collapse
}

textarea {
	white-space: revert
}

html {
	overflow-y: scroll
}

@media only screen and (max-width:600px) {
	html {
		font-size: 1.1875rem
	}
}

body {
	background-color: #fff;
	color: #000;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 0.875rem
}

main {
	padding-top: 50px
}

.bold {
	font-weight: bold
}

.center {
	text-align: center
}

.fb_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	color: #ffffff;
	background-color: #2f7ec4
}

header .headbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 50px;
	width: 100%;
	margin: 0 auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)
}

header .sitename {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 205px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 40px;
	border-right: solid 1px #5998d0;
}

header .sitename img {
	width: 125px;
	height: auto
}

header .nav_set {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

header .nav_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header .nav_list-item {
	text-align: center;
	position: relative;
	border-right: solid 1px #5998d0
}

header .nav_list-item .icon_member {
	display: inline-block;
	background-image: url(../img/icon_member.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px;
	padding-left: 32px
}

header .nav_list-item .icon_logout {
	display: inline-block;
	background-image: url(../img/icons8-logout.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 18px;
	border: none;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 20px;
	background-color: transparent;
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

header .nav_list-item .icon_logout:hover {
	background-color: transparent
}

header .nav_list-item:last-child {
	margin-left: inherit;
	border-right: none;
	min-width: 220px
}

@media only screen and (max-width:960px) {
	header .nav_list-item:last-child {
		min-width: none
	}
}

header .nav_list-item:last-child .nav_a_main {
	color: #ffffff;
	background-color: #222
}

header .nav_list-item:nth-last-child(2) {
	margin-left: auto;
	border-inline: solid 1px #5998d0;
	min-width: 220px
}

header .nav_list-item:last-child .nav_a_main:hover {
	background-color: #555
}

header .nav_a_main {
	position: relative;
	z-index: 10;
	display: block;
	text-decoration: none;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	color: #ffffff;
	background-color: #2f7ec4;
	-webkit-transition: 0.1s;
	transition: 0.1s;
	cursor: pointer;
}

header .nav_a_main:hover {
	background-color: #008eff
}

header .nav_set-sub {
	display: none;
	position: absolute;
	z-index: 8;
	overflow: hidden;
	top: 50px;
	left: 0;
	width: 100%;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0);
	-webkit-animation: anim_pulldown 0.3s ease both;
	animation: anim_pulldown 0.3s ease both
}

header .nav_set-sub .nav_a_sub {
	display: block;
	line-height: 1.5;
	padding: 10px 20px;
	color: #666;
	z-index: 9;
	text-decoration: none;
	background-color: #e6f6ff;
	border-bottom: solid 1px #ddd;
	-webkit-transition: 0.1s;
	transition: 0.1s
}

header .nav_set-sub .nav_a_sub:hover {
	color: #000;
	background-color: #f2fdff
}

header .nav_set-sub.open {
	display: block
}

@-webkit-keyframes anim_pulldown {
	from {
		opacity: 0;
		-webkit-transform: translateY(-120px);
		transform: translateY(-120px);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)
	}
}

@keyframes anim_pulldown {
	from {
		opacity: 0;
		-webkit-transform: translateY(-120px);
		transform: translateY(-120px);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)
	}
}

@media only screen and (max-width:960px) {
	.cover {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 90
	}

	header .headbar {
		-webkit-box-shadow: none;
		box-shadow: none
	}

	header .sitename {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 20px;
		border-right: none;
		position: relative;
		z-index: 100;
		width: 100%;
		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)
	}

	header .sitename img {
		width: 115px;
		height: auto
	}

	header .nav_set {
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		padding: 0;
		background-color: #444;
		max-width: 320px;
		width: 80vw;
		z-index: 100
	}

	header .nav_set.open {
		display: block;
		-webkit-animation: sp_anim_nav_open 0.3s ease both;
		animation: sp_anim_nav_open 0.3s ease both
	}

	header .nav_set.close {
		display: block;
		-webkit-animation: sp_anim_nav_close 0.3s ease both;
		animation: sp_anim_nav_close 0.3s ease both
	}

	@-webkit-keyframes sp_anim_nav_open {
		0% {
			-webkit-transform: translateX(100vw);
			transform: translateX(100vw)
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
	}

	@keyframes sp_anim_nav_open {
		0% {
			-webkit-transform: translateX(100vw);
			transform: translateX(100vw)
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
	}

	@-webkit-keyframes sp_anim_nav_close {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}

		to {
			-webkit-transform: translateX(100vw);
			transform: translateX(100vw)
		}
	}

	@keyframes sp_anim_nav_close {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}

		to {
			-webkit-transform: translateX(100vw);
			transform: translateX(100vw)
		}
	}

	header .nav_list {
		display: none;
		margin: 0 auto;
		padding-bottom: 180px;
		overflow: auto;
		height: 100vh;
		-webkit-overflow-scrolling: touch
	}

	header .nav_list.open {
		display: block
	}

	header .nav_list-item {
		padding: 0;
		position: relative;
		border-left: none;
		border-right: none
	}

	header .nav_list-item+.nav_list-item {
		border-top: solid 1px #7788ee
	}

	header .nav_list-item:last-child {
		margin-left: 0;
		border-left: none;
		border-top: none
	}

	header .nav_list-item:last-child .nav_a_main {
		color: #ffffff;
		background-color: #222
	}

	header .nav_list-item:last-child .nav_a_main:hover {
		background-color: #222
	}

	header .nav_a_main {
		display: block;
		font-weight: normal;
		height: 60px;
		line-height: 60px;
		padding: 0 20px;
		white-space: nowrap;
		color: #f5f5f5;
		background-color: #0044aa;
		background-image: none;
		-webkit-transition: 0.2s;
		transition: 0.2s
	}

	header .nav_list-item .nav_a_main:hover {
		color: #f5f5f5;
		background-color: #0044aa
	}

	header .nav_list-item.pulldown span.nav_a_main {
		background-image: none
	}

	header .nav_list-item.pulldown:hover .nav_set-sub {
		display: none
	}

	header .nav_set-sub {
		display: none;
		position: relative;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		padding: 0;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-animation: none;
		animation: none
	}

	header .nav_set-sub.is-open {
		display: block
	}

	header .nav_list-sub {
		display: block;
		max-width: none;
		margin: 0;
		-webkit-animation: none;
		animation: none
	}

	header .nav_list-sub li {
		margin-bottom: 0px
	}

	header .nav_list-sub .nav_a_sub {
		display: block;
		line-height: 1.5;
		font-weight: normal;
		padding: 15px 20px;
		color: #333;
		background-color: #fff;
		border-top: none;
		border-bottom: solid 1px #ccc
	}

	header .nav_list-sub .nav_a_sub:hover {
		color: #333;
		padding: 15px 20px;
		background-color: #fff
	}

	@-webkit-keyframes fadeIn {
		0% {
			opacity: 0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px)
		}

		from {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
	}

	@keyframes fadeIn {
		0% {
			opacity: 0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px)
		}

		from {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
	}

	@-webkit-keyframes fadeOut {
		0% {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}

		99% {
			opacity: 0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px)
		}

		100% {
			opacity: 0;
			visibility: hidden;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
	}

	@keyframes fadeOut {
		0% {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}

		99% {
			opacity: 0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px)
		}

		100% {
			opacity: 0;
			visibility: hidden;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
	}
}

.menu-btn-sp {
	display: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 0;
	right: 0px;
	width: 60px;
	height: 50px;
	z-index: 100
}

@media only screen and (max-width:960px) {
	.menu-btn-sp {
		display: block
	}
}

.menu-btn-sp .btn-block {
	width: 60px;
	height: 50px;
	cursor: pointer
}

.menu-btn-sp .btn-block .btn-trigger {
	position: absolute;
	top: 16px;
	left: 18px;
	width: 26px;
	height: 19px;
	cursor: pointer
}

.menu-btn-sp .btn-block .btn-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	height: 3px;
	background-color: #ffffff;
	border-radius: 4px
}

.menu-btn-sp .btn-block .btn-trigger,
.menu-btn-sp .btn-block .btn-trigger span {
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.menu-btn-sp .btn-block .btn-trigger span:first-of-type(1) {
	top: 0
}

.menu-btn-sp .btn-block .btn-trigger span:nth-of-type(2) {
	top: 8px
}

.menu-btn-sp .btn-block .btn-trigger span:nth-of-type(3) {
	bottom: 0
}

.menu-btn-sp .btn-trigger.active span:first-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg)
}

.menu-btn-sp .btn-trigger.active span:nth-of-type(2) {
	opacity: 0;
	-webkit-animation: active-btn-bar02 0.8s forwards;
	animation: active-btn-bar02 0.8s forwards
}

.menu-btn-sp .btn-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg)
}

@-webkit-keyframes active-btn-bar02 {
	100% {
		height: 0
	}
}

@keyframes active-btn-bar02 {
	100% {
		height: 0
	}
}

footer {
	text-align: center;
	color: #666;
	border-top: solid 1px #ccc;
	padding: 8px
}

label {
	cursor: pointer
}

input[type=password],
input[type=text],
select {
	padding: 8px;
	border-radius: 3px;
	text-align: left;
	width: 100%;
	background-color: #fff;
	border: solid 1px #ccc
}

@media only screen and (max-width:600px) {

	input[type=password],
	input[type=text],
	select {
		padding: 12px 8px
	}
}

input[type=password]:focus,
input[type=text]:focus,
select:focus {
	border: solid 1px #000
}

.error input[type=password],
.error input[type=text],
.error select {
	border: solid 1px #ff0000
}

.error input[type=password]:focus,
.error input[type=text]:focus,
.error select:focus {
	border: solid 1px #ff0000
}

textarea {
	padding: 8px;
	border-radius: 3px;
	text-align: left;
	width: 100%;
	background-color: #fff;
	border: solid 1px #ccc
}

textarea:focus {
	border: solid 1px #000
}

select {
	background-image: url(../img/select_arrow.svg);
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px;
	padding-right: 40px
}

input[type=checkbox] {
	position: relative;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: solid 1px #aaa;
	cursor: pointer;
	vertical-align: bottom
}

input[type=checkbox]:active {
	border: solid 1px #2f7ec4
}

input[type=checkbox]:checked:after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	width: 16px;
	height: 16px;
	background-color: #2f7ec4;
	background-image: url(../img/icon_check.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px
}

input[type=checkbox].favorite {
	background-color: transparent;
	background-image: url(../img/icon_favorite_off.svg);
	background-size: 19px 18px;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	width: 19px;
	height: 18px
}

input[type=checkbox].favorite:checked {
	background-image: url(../img/icon_favorite_on.svg)
}

input[type=checkbox].favorite:checked:after {
	top: 0px;
	left: 0px;
	width: 19px;
	height: 18px;
	background-color: transparent;
	background-image: none
}

input[type=checkbox].favorite+.add {
	padding-left: 3px;
	color: #2f7ec4;
	display: inline-block
}

input[type=checkbox].favorite+.add:hover {
	color: #008eff;
	text-decoration: underline
}

input[type=checkbox].favorite+.add:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

input[type=checkbox].heart {
	border: none;
	background-color: transparent;
	background-image: url(../img/icon_heart_off.svg);
	background-repeat: no-repeat;
	background-position: center bottom 3px;
	background-size: 16px;
	width: 16px;
	height: 16px;
	margin-left: 2px
}

@media only screen and (max-width:600px) {
	input[type=checkbox].heart {
		background-size: 20px;
		width: 20px;
		height: 20px
	}
}

input[type=checkbox].heart:checked {
	background-image: url(../img/icon_heart_on.svg)
}

input[type=checkbox].heart:checked:after {
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-image: none
}

@media only screen and (max-width:600px) {
	input[type=checkbox].heart:checked:after {
		width: 20px;
		height: 20px
	}
}

input[type=checkbox].heart+.add {
	padding-left: 3px;
	color: #2f7ec4;
	display: inline-block
}

input[type=checkbox].heart+.add:hover {
	color: #008eff;
	text-decoration: underline
}

input[type=checkbox].heart+.add:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

input[type=checkbox].thumb_up {
	border: none;
	background-color: transparent;
	background-image: url(../img/icon_thumb_up_off.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	width: 20px;
	height: 20px
}

@media only screen and (max-width:600px) {
	input[type=checkbox].thumb_up {
		background-size: 24px;
		width: 24px;
		height: 24px
	}
}

input[type=checkbox].thumb_up:checked {
	background-image: url(../img/icon_thumb_up_on.svg)
}

input[type=checkbox].thumb_up:checked:after {
	top: 0px;
	left: 0px;
	background-color: transparent;
	background-image: none
}

input[type=checkbox].thumb_down {
	border: none;
	background-color: transparent;
	background-image: url(../img/icon_thumb_down_off.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	width: 20px;
	height: 20px
}

@media only screen and (max-width:600px) {
	input[type=checkbox].thumb_down {
		background-size: 24px;
		width: 24px;
		height: 24px
	}
}

input[type=checkbox].thumb_down:checked {
	background-image: url(../img/icon_thumb_down_on.svg)
}

input[type=checkbox].thumb_down:checked:after {
	top: 0px;
	left: 0px;
	background-color: transparent;
	background-image: none
}

input[type=radio] {
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: solid 1px #aaa;
	cursor: pointer
}

input[type=radio]:active {
	border: solid 1px #2f7ec4
}

input[type=radio]:checked:after {
	position: absolute;
	top: 2px;
	left: 2px;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #2f7ec4
}

a.button,
button,
input[type=button],
input[type=submit],
span.button {
	display: inline-block;
	border-radius: 3px;
	padding: 12px 25px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	background-color: #2f7ec4;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media only screen and (max-width:600px) {

	a.button,
	button,
	input[type=button],
	input[type=submit],
	span.button {
		padding: 16px 25px
	}
}

a.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
span.button:hover {
	background-color: #008eff
}

@media only screen and (max-width:600px) {

	a.button:hover,
	button:hover,
	input[type=button]:hover,
	input[type=submit]:hover,
	span.button:hover {
		background-color: #2f7ec4
	}
}

a.button:active,
button:active,
input[type=button]:active,
input[type=submit]:active,
span.button:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

a.button.large,
button.large,
/*input[type=button].large,*/
input[type=submit].large,
span.button.large {
	padding: 12px 60px
}

a.button.small,
button.small,
input[type=button].small,
input[type=submit].small,
span.button.small {
	padding: 8px 15px
}

a.button.btn_cancel,
button.btn_cancel,
input[type=button].btn_cancel,
input[type=submit].btn_cancel,
span.button.btn_cancel {
	color: #666;
	border: solid 1px #aaa;
	background-color: #fff;
	padding: 11px 24px
}

a.button.btn_cancel:hover,
button.btn_cancel:hover,
input[type=button].btn_cancel:hover,
input[type=submit].btn_cancel:hover,
span.button.btn_cancel:hover {
	color: #000;
	border: solid 1px #000;
	background-color: #fff
}

@media only screen and (max-width:600px) {

	a.button.btn_cancel:hover,
	button.btn_cancel:hover,
	input[type=button].btn_cancel:hover,
	input[type=submit].btn_cancel:hover,
	span.button.btn_cancel:hover {
		color: #666;
		border: solid 1px #aaa
	}
}

.btn_search,
a.btn_search,
button.btn_search,
input[type=button].btn_search,
input[type=submit].btn_search {
	display: inline-block;
	width: 240px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #2f7ec4;
	border-radius: 3px;
	padding: 12px 25px;
	background-image: url(../img/icon_search_white.svg);
	background-repeat: no-repeat;
	background-position: left 15px center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.btn_search:hover,
a.btn_search:hover,
button.btn_search:hover,
input[type=button].btn_search:hover,
input[type=submit].btn_search:hover {
	background-color: #008eff
}

@media only screen and (max-width:600px) {

	.btn_search:hover,
	a.btn_search:hover,
	button.btn_search:hover,
	input[type=button].btn_search:hover,
	input[type=submit].btn_search:hover {
		background-color: #2f7ec4
	}
}

.btn_search:active,
a.btn_search:active,
button.btn_search:active,
input[type=button].btn_search:active,
input[type=submit].btn_search:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_fileupload,
a.btn_fileupload,
button.btn_fileupload,
input[type=button].btn_fileupload,
input[type=submit].btn_fileupload {
	width: 45px;
	height: 45px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	background-image: url(../img/icon_fileupload.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f5f5f5;
	border: solid 1px #ddd;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.btn_fileupload:hover,
a.btn_fileupload:hover,
button.btn_fileupload:hover,
input[type=button].btn_fileupload:hover,
input[type=submit].btn_fileupload:hover {
	background-color: #fff;
	border: solid 1px #ccc
}

@media only screen and (max-width:600px) {

	.btn_fileupload:hover,
	a.btn_fileupload:hover,
	button.btn_fileupload:hover,
	input[type=button].btn_fileupload:hover,
	input[type=submit].btn_fileupload:hover {
		background-color: #f5f5f5;
		border: solid 1px #ddd
	}
}

.btn_fileupload:active,
a.btn_fileupload:active,
button.btn_fileupload:active,
input[type=button].btn_fileupload:active,
input[type=submit].btn_fileupload:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_delete,
a.btn_delete,
button.btn_delete,
input[type=button].btn_delete,
input[type=submit].btn_delete {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	color: #666;
	background-color: #f5f5f5;
	border: solid 1px #f5f5f5;
	width: 30px;
	height: auto;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

@media only screen and (max-width:600px) {

	.btn_delete,
	a.btn_delete,
	button.btn_delete,
	input[type=button].btn_delete,
	input[type=submit].btn_delete {
		width: 20px
	}
}

.btn_delete:hover,
a.btn_delete:hover,
button.btn_delete:hover,
input[type=button].btn_delete:hover,
input[type=submit].btn_delete:hover {
	color: #f00;
	background-color: #ffeeee;
	border: solid 1px #faa
}

@media only screen and (max-width:600px) {

	.btn_delete:hover,
	a.btn_delete:hover,
	button.btn_delete:hover,
	input[type=button].btn_delete:hover,
	input[type=submit].btn_delete:hover {
		color: #666;
		background-color: #f5f5f5;
		border: solid 1px #f5f5f5
	}
}

.btn_delete:active,
a.btn_delete:active,
button.btn_delete:active,
input[type=button].btn_delete:active,
input[type=submit].btn_delete:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_more,
a.btn_more,
button.btn_more,
input[type=button].btn_more,
input[type=submit].btn_more {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #2f7ec4;
	background-color: #fff;
	border-radius: 3px;
	border: solid 1px #ddd;
	padding: 8px 50px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.btn_more:hover,
a.btn_more:hover,
button.btn_more:hover,
input[type=button].btn_more:hover,
input[type=submit].btn_more:hover {
	color: #008eff;
	border: solid 1px #008eff
}

@media only screen and (max-width:600px) {

	.btn_more:hover,
	a.btn_more:hover,
	button.btn_more:hover,
	input[type=button].btn_more:hover,
	input[type=submit].btn_more:hover {
		color: #2f7ec4;
		border: solid 1px #ddd
	}
}

.btn_more:active,
a.btn_more:active,
button.btn_more:active,
input[type=button].btn_more:active,
input[type=submit].btn_more:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_transition,
a.btn_transition,
button.btn_transition,
input[type=button].btn_transition,
input[type=submit].btn_transition,
span.btn_transition {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #2f7ec4;
	background-color: #fff;
	border-radius: 3px;
	border: solid 1px #ddd;
	cursor: pointer
}

.btn_transition:hover,
a.btn_transition:hover,
button.btn_transition:hover,
input[type=button].btn_transition:hover,
input[type=submit].btn_transition:hover,
span.btn_transition:hover {
	color: #008eff;
	border: solid 1px #008eff
}

@media only screen and (max-width:600px) {

	.btn_transition:hover,
	a.btn_transition:hover,
	button.btn_transition:hover,
	input[type=button].btn_transition:hover,
	input[type=submit].btn_transition:hover,
	span.btn_transition:hover {
		color: #2f7ec4;
		border: solid 1px #ddd
	}
}

.btn_transition:active,
a.btn_transition:active,
button.btn_transition:active,
input[type=button].btn_transition:active,
input[type=submit].btn_transition:active,
span.btn_transition:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_transition.icon_arrow_l,
a.btn_transition.icon_arrow_l,
button.btn_transition.icon_arrow_l,
input[type=button].btn_transition.icon_arrow_l,
input[type=submit].btn_transition.icon_arrow_l,
span.btn_transition.icon_arrow_l {
	background-image: url(../img/icon_arrow_left.svg);
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 12px;
	padding: 15px 80px
}

@media only screen and (max-width:600px) {

	.btn_transition.icon_arrow_l,
	a.btn_transition.icon_arrow_l,
	button.btn_transition.icon_arrow_l,
	input[type=button].btn_transition.icon_arrow_l,
	input[type=submit].btn_transition.icon_arrow_l,
	span.btn_transition.icon_arrow_l {
		background-position: left 5px center;
		background-size: 7px;
		padding: 15px 10px 15px 20px
	}
}

.btn_transition.icon_arrow_r,
a.btn_transition.icon_arrow_r,
button.btn_transition.icon_arrow_r,
input[type=button].btn_transition.icon_arrow_r,
input[type=submit].btn_transition.icon_arrow_r,
span.btn_transition.icon_arrow_r {
	background-image: url(../img/icon_arrow_right.svg);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 12px;
	padding: 15px 80px
}

@media only screen and (max-width:600px) {

	.btn_transition.icon_arrow_r,
	a.btn_transition.icon_arrow_r,
	button.btn_transition.icon_arrow_r,
	input[type=button].btn_transition.icon_arrow_r,
	input[type=submit].btn_transition.icon_arrow_r,
	span.btn_transition.icon_arrow_r {
		background-position: right 5px center;
		background-size: 7px;
		padding: 15px 20px 15px 10px
	}
}

span.btn_transition {
	color: #eee;
	border: solid 1px #eee
}

span.btn_transition:hover {
	color: #eee;
	border: solid 1px #eee;
	cursor: default
}

span.btn_transition:active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

span.btn_transition.icon_arrow_l,
span.btn_transition.icon_arrow_r {
	background-image: none
}

.btn_add,
a.btn_add,
button.btn_add,
input[type=button].btn_add,
input[type=submit].btn_add {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #2f7ec4;
	border: solid 1px #ddd;
	background-color: #fff;
	border-radius: 3px;
	padding: 8px 25px 8px 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.btn_add:hover,
a.btn_add:hover,
button.btn_add:hover,
input[type=button].btn_add:hover,
input[type=submit].btn_add:hover {
	color: #008eff;
	border: solid 1px #008eff
}

@media only screen and (max-width:600px) {

	.btn_add:hover,
	a.btn_add:hover,
	button.btn_add:hover,
	input[type=button].btn_add:hover,
	input[type=submit].btn_add:hover {
		color: #2f7ec4;
		border: solid 1px #ddd
	}
}

.btn_add:active,
a.btn_add:active,
button.btn_add:active,
input[type=button].btn_add:active,
input[type=submit].btn_add:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_detail,
a.btn_detail,
button.btn_detail,
input[type=button].btn_detail,
input[type=submit].btn_detail {
	display: inline-block;
	color: #2f7ec4;
	background-color: #fff;
	border-radius: 3px;
	border: solid 1px #ddd;
	text-align: center;
	text-decoration: none;
	padding: 8px 20px 8px 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.btn_detail:hover,
a.btn_detail:hover,
button.btn_detail:hover,
input[type=button].btn_detail:hover,
input[type=submit].btn_detail:hover {
	color: #008eff;
	border: solid 1px #008eff
}

.btn_detail:active,
a.btn_detail:active,
button.btn_detail:active,
input[type=button].btn_detail:active,
input[type=submit].btn_detail:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.btn_download,
a.btn_download,
button.btn_download,
input[type=button].btn_download,
input[type=submit].btn_download {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #2f7ec4;
	border-radius: 3px;
	padding: 8px 15px 8px 38px;
	background-image: url(../img/icon_download.svg);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

@media only screen and (max-width:600px) {

	.btn_download,
	a.btn_download,
	button.btn_download,
	input[type=button].btn_download,
	input[type=submit].btn_download {
		padding: 6px 12px;
		background-image: none
	}
}

.btn_download:hover,
a.btn_download:hover,
button.btn_download:hover,
input[type=button].btn_download:hover,
input[type=submit].btn_download:hover {
	background-color: #008eff
}

.btn_download:active,
a.btn_download:active,
button.btn_download:active,
input[type=button].btn_download:active,
input[type=submit].btn_download:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.sns_twitter a {
	display: block;
	background-image: url(../img/icon_sns_tw.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	width: 20px;
	height: 20px
}

.sns_twitter span {
	display: none
}

.two_column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 1.8;
	gap: 50px
}

@media only screen and (max-width:800px) {
	.two_column {
		gap: 30px
	}
}

@media only screen and (max-width:600px) {
	.two_column {
		display: block;
		line-height: 1.6
	}
}

.two_column .col80 {
	width: 80%
}

.two_column .col70 {
	width: 70%
}

.two_column .col60 {
	width: 60%
}

.two_column .col50 {
	width: 50%
}

.two_column .col40 {
	width: 40%
}

.two_column .col30 {
	width: 30%
}

.two_column .auto {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.two_column p+p {
	margin-top: 2em
}

@media only screen and (max-width:600px) {
	.two_column p+p {
		margin-top: 1.2em
	}
}

@media only screen and (max-width:600px) {

	.two_column .col30,
	.two_column .col40,
	.two_column .col50,
	.two_column .col60,
	.two_column .col70,
	.two_column .col80 {
		width: auto;
		margin-bottom: 30px
	}

	.two_column .auto {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-bottom: 30px
	}
}

.member_pulldown_menu {
	display: none;
	position: absolute;
	top: 50px;
	right: 0px;
	padding: 0 0 16px;
	background-color: #333333;
	text-align: left;
	min-width: 220px
}

@media only screen and (max-width:960px) {
	.member_pulldown_menu {
		position: relative;
		top: 0px;
		min-width: none
	}
}

.member_pulldown_menu .heading {
	padding: 12px 16px 0;
	font-size: 12px;
	color: #aaa;
	background-color: #333333;
	border-top: solid 1px #444
}

.member_pulldown_menu ul.main a {
	padding: 6px 0 6px 48px;
	display: block;
	color: #ddd;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../img/icon_li.svg);
	background-position: left 24px center;
	background-repeat: no-repeat;
	background-size: 4px
}

.member_pulldown_menu ul.main a:hover {
	color: #ddd;
	background-color: #444
}

.member_pulldown_menu ul.sub {
	border-top: solid 1px #444;
	padding-top: 10px
}

.member_pulldown_menu ul.sub a {
	padding: 4px 0 4px 48px;
	display: block;
	color: #ddd;
	font-size: 12px;
	text-decoration: none;
	background-color: #333333;
	background-image: url(../img/icon_li.svg);
	background-position: left 24px center;
	background-repeat: no-repeat;
	background-size: 4px
}

.member_pulldown_menu ul.sub a:hover {
	color: #ddd;
	background-color: #444
}

.dragdrop {
	background-image: url(../img/dragdrop.svg);
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 24px
}

.main_title {
	padding: 80px 60px 0;
	text-align: center
}

@media only screen and (max-width:960px) {
	.main_title {
		padding: 60px 60px 0
	}
}

@media only screen and (max-width:600px) {
	.main_title {
		padding: 40px 60px 0
	}
}

.main_title h1 {
	font-size: 0.875rem
}

@media only screen and (max-width:600px) {
	.main_title h1 {
		font-size: 4vw;
		padding-bottom: 1vw
	}
}

.main_title img {
	width: 80%;
	max-width: 395px
}

.formblock_login {
	padding: 40px 20px;
	max-width: 440px;
	margin: 0 auto
}

.formblock_login .form_label {
	margin-bottom: 5px
}

.formblock_login .form_item+.form_label {
	margin-top: 10px
}

/*
.formblock_login .form_item.icon-view{
	position: absolute;
	top: 1px;
	right: 1px;
	background-image: url("../img/icon-eye-open.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px;
	border: none;
	cursor: pointer;
	width: 40px;
	height: 38px;
}

.formblock_login .form_item .icon-view.close {
	background-image: url("../img/icon-eye-close.png");
	background-color: transparent;
}
*/

input[type=password].icon-view {
	position: absolute;
	top: 1px;
	right: 1px;
	background-image: url("../img/icon-eye-open.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px;
	border: none;
	cursor: pointer;
	width: 40px;
	height: 38px;
}

input[type=password].icon-view.close {
	background-image: url("../img/icon-eye-close.png");
	background-color: transparent;
}



.formblock_login .form_button {
	margin-top: 30px
}

.formblock_login .form_button .btn_blue {
	width: 100%
}

.formblock_search-number {
	padding: 40px 20px;
	max-width: 650px;
	margin: 0 auto
}

.formblock_search-number .form_radiogroup {
	margin: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px
}

.formblock_search-number .form_radiogroup label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.formblock_search-number .form_radiogroup span {
	display: inline-block;
	padding: 2px 0 0 5px
}

.formblock_search-number .form_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px
}

.formblock_search-number .form_item input:first-child {
	width: calc(100% - 54px)
}

.formblock_search-number .form_item input.btn_fileupload {
	width: 46px
}

.formblock_search-number .form_button {
	margin-top: 30px;
	text-align: center
}

.formblock_search-cond {
	padding: 40px 5px;
	/*max-width: 880px;*/
	max-width: 1240px;
	margin: 0 auto
}

.formblock_search-cond .about_enzanshi {
	font-weight: bold;
	text-align: right;
	padding-bottom: 5px;
	color: #666
}

.formblock_search-cond .about_enzanshi span {
	display: inline-block;
	background-image: url(../img/icon_about.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 18px;
	padding: 0 5px 5px 25px;
	cursor: pointer
}

@media only screen and (max-width:600px) {
	.formblock_search-cond .about_enzanshi span {
		background-position: left top 5px
	}
}

.formblock_search-cond .about_enzanshi span:hover {
	opacity: 0.7
}

.formblock_search-cond .form_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	margin-top: 2px;
	background-color: #f5f5f5;
	padding: 10px 10px 10px 30px;
	background-image: url(../img/icon_handle.svg);
	background-repeat: no-repeat;
	background-position: left 10px center
}

@media only screen and (max-width:600px) {
	.formblock_search-cond .form_item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.formblock_search-cond .cond1 {
	width: 70px;
	text-align: center
}

.formblock_search-cond .cond2 {
	/*width: 35%*/
	width: 20%
}

@media only screen and (max-width:600px) {
	.formblock_search-cond .cond2 {
		width: calc(100% - 75px)
	}
}

.formblock_search-cond .cond3 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media only screen and (max-width:600px) {
	.formblock_search-cond .cond3 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(100% - 30px)
	}
}

.formblock_search-cond .form_item_add {
	margin-top: 15px;
	text-align: right
}

.formblock_search-cond .form_button {
	margin-top: 20px;
	text-align: center
}

.page_title {
	font-size: 1.25rem;
	border-bottom: solid 2px #ddd
}

.page_title span {
	display: inline-block;
	font-weight: bold;
	border-bottom: solid 2px #2f7ec4;
	margin-bottom: -2px;
	padding: 5px 0px
}

.page_title span.icon_search {
	background-image: url(../img/icon_search_blue.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 26px;
	padding: 10px 5px 5px 35px
}

.page_title span.icon_comment {
	background-image: url(../img/icon_comment.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 35px;
	padding: 5px 5px 10px 45px
}

@media only screen and (max-width:600px) {
	.page_title span.icon_comment {
		background-position: left top 3px
	}
}

.search_result-list {
	padding: 0 20px;
	max-width: 1240px;
	margin: 0 auto
}

.search_result-list .hitnumber {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 15px 0 10px
}

.search_result-list .hitnumber span #hitnumber {
	font-size: 1rem;
	padding-right: 4px
}

.search_result-list .table_header {
	color: #fff;
	background-color: #555;
	font-weight: normal;
	line-height: 1
}

@media only screen and (max-width:960px) {
	.search_result-list .table_header {
		border-radius: 3px;
		background-color: #aaa
	}
}

.search_result-list .table_header .data_item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 6px 0
}

.search_result-list .table_header .data_item .info {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 0;
	font-size: 0.8125rem;
	text-align: center;
}

@media only screen and (max-width:960px) {
	.search_result-list .table_header .data_item .info {
		display: none
	}
}

.search_result-list .table_header .data_item .info .btn_sort {
	cursor: pointer
}

.search_result-list .table_header .data_item .info .sort_up {
	background-image: url(../img/icon_sort_up.svg);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	padding-right: 10px
}

.search_result-list .table_header .data_item .info .sort_down {
	background-image: url(../img/icon_sort_down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	padding-right: 10px;
	cursor: pointer
}

@media only screen and (max-width:960px) {
	.search_result-list .table_header .data_item .checkbox {
		width: 100%;
		text-align: left;
		padding-left: 12px
	}
}

.search_result-list .table_header .data_item .checkbox span {
	display: none
}

@media only screen and (max-width:960px) {
	.search_result-list .table_header .data_item .checkbox span {
		display: inline-block;
		padding-left: 10px
	}
}

.search_result-list .table_body {
	line-height: 1.5
}

.search_result-list .table_body .data_item {
	padding: 20px 0 5px 0
}

@media only screen and (max-width:960px) {
	.search_result-list .table_body .data_item {
		padding: 10px 0 5px;
		background-color: #2f7ec4;
		border: solid 1px #aaa;
		margin: 10px 0 15px;
		position: relative;
		border-radius: 6px;
		-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
		box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1)
	}
}

@media only screen and (max-width:960px) {
	.search_result-list .table_body .data_item .info {
		display: block;
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 0 10px 10px 5px
	}
}

.search_result-list .table_body .data_item:nth-child(odd) {
	background-color: #fdfdfd
}

@media only screen and (max-width:960px) {
	.search_result-list .table_body .data_item:nth-child(odd) {
		background-color: #fff
	}
}

.search_result-list .table_body .data_item:nth-child(even) {
	background-color: #f8f8f8
}

@media only screen and (max-width:960px) {
	.search_result-list .table_body .data_item:nth-child(even) {
		background-color: #fff
	}
}

.search_result-list .table_body .data_item:hover {
	background-color: #fffeee
}

.search_result-list .table_body .number {
	font-weight: bold;
	font-size: 1rem
}

@media only screen and (max-width:960px) {
	.search_result-list .table_body .number {
		font-weight: normal
	}
}

.search_result-list .data_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: solid 1px #ccc
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item {
		border-bottom: none
	}
}

.search_result-list .data_item .checkbox {
	width: 40px;
	text-align: center
}

.search_result-list .data_item .info {
	width: calc(100% - 0px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 5px
}

/*.search_result-list .data_item .detail {
	width: 100px;
	padding: 0 10px;
	text-align: center
}*/

@media only screen and (max-width:960px) {
	.search_result-list .data_item .detail {
		width: auto;
		padding: 0;
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 0;
		display: inline-block
	}

	.search_result-list .data_item .detail .btn_detail {
		width: auto;
		padding: 10px
	}
}

.search_result-list .data_item .number {
	width: 100px;
	padding: 0 10px
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item .number {
		width: auto;
		padding: 0;
		margin-bottom: 10px
	}
}

.search_result-list .data_item .applicant {
	width: 20%;
	padding: 0 10px
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item .applicant {
		width: auto;
		padding: 0;
		margin-bottom: 10px
	}
}

.search_result-list .data_item .date {
	width: 120px;
	padding: 0 10px
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item .date {
		width: auto;
		padding: 0;
		margin-bottom: 10px
	}
}

.search_result-list .data_item .summary {
	width: calc(80% - 220px);
	padding: 0 10px
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item .summary {
		width: 100%;
		padding: 0;
		margin-bottom: 10px
	}
}

.search_result-list .data_item .remarks {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-top: 20px;
	margin-left: 10px
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item .remarks {
		display: block;
		padding: 0;
		margin-left: 0
	}
}

.search_result-list .data_item .remarks .tags {
	width: 100%
}

.search_result-list .data_item .etc {
	line-height: 1;
	white-space: nowrap
}

@media only screen and (max-width:960px) {
	.search_result-list .data_item .etc {
		text-align: right
	}
}

.search_result-list .more {
	text-align: center;
	padding-top: 30px
}

.search_result-list .pagination {
	text-align: center;
	margin: 50px 0;
	color: #aaa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px
}

.search_result-list .pagination a,
.search_result-list .pagination span {
	font-weight: bold;
	display: inline-block;
	padding: 8px 12px;
	text-decoration: none;
	background-color: #fff;
	border: solid 1px #fff;
	border-radius: 3px
}

.search_result-list .pagination a:hover {
	color: #008eff;
	border: solid 1px #008eff
}

@media only screen and (max-width:600px) {
	.search_result-list .pagination a:hover {
		color: #2f7ec4;
		border: solid 1px #fff
	}
}

.element_hit {
	display: inline-block;
	background-image: url(../img/icon_hit.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 10px 0 16px
}

.element_authority {
	color: #666;
	margin-left: 20px;
	white-space: nowrap
}

.w100 {
	width: 100%
}

.tags {
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 3px
}

@media only screen and (max-width:960px) {
	.tags {
		padding: 0;
		margin-bottom: 15px
	}
}

.tags span {
	font-size: 0.6875rem;
	color: #000;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 20px;
	display: inline-block;
	padding: 4px 10px;
	cursor: pointer;
	white-space: nowrap
}

.tags span:hover {
	border: solid 1px #666
}

.tags span.edit {
	color: #fff;
	background-color: #666;
	border: none;
	cursor: pointer
}

.tags span.edit:hover {
	background-color: #333
}

.tags span.edit_end {
	color: #fff;
	background-color: #666;
	border: none;
	cursor: pointer
}

.tags span.edit_end:hover {
	background-color: #333
}

.tags span.end_edit {
	color: #fff;
	background-color: #2f7ec4;
	border: none;
	cursor: pointer
}

.tags span.end_edit:hover {
	background-color: #008eff
}

.tags .tag_edit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	padding: 0 10px 10px 0;
	width: 100%
}

.tags .tag_edit .tag_editform {
	width: 100%
}

.tags .tag_edit .tag_editform textarea {
	margin-bottom: 8px;
	height: 80px;
	width: 760px;
}

.tags .tag_edit .tag_editform p {
	font-size: 12px
}

.search_result-detail {
	padding: 0 20px 40px;
	max-width: 1240px;
	margin: 0 auto
}

.search_result-detail .page_navi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	padding: 50px 0
}

@media only screen and (max-width:600px) {
	.search_result-detail .page_navi {
		padding: 30px 0
	}
}

.search_result-detail .page_navi .page_navi-number {
	line-height: 1.5;
	white-space: nowrap
}

.search_result-detail .page_navi .page_navi-number p {
	padding-bottom: 5px
}

.detail_block-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0 5px
}

.detail_block-header .fav_add {
	margin-left: 10px;
	padding-top: 4px
}

.detail_block-header .fav_add label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media only screen and (max-width:600px) {
	.detail_block-body {
		border-top: solid 1px #ccc
	}
}

.detail_block-body .item_group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.detail_block-body .item_group .item_name {
	padding: 5px 10px;
	color: #777;
	white-space: nowrap;
	background-color: #f3f3f3;
	text-align: center;
}

@media only screen and (max-width:600px) {
	.detail_block-body .item_group .item_name {
		display: none
	}
}

.detail_block-body .item_group .w1 {
	width: 200px
}

.detail_block-body .item_group .w2 {
	width: 240px
}

.detail_block-body .item_group .w3 {
	width: 120px
}

.detail_block-body .item_group .w4 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.detail_block-body .item_group .item_data {
	padding: 20px 10px 25px;
	border-bottom: solid 1px #ccc
}

@media only screen and (max-width:600px) {
	.detail_block-body .item_group .item_data {
		padding: 10px 0;
		width: 100%
	}
}

.detail_block-body .item_group .item_data .sp_name {
	display: none
}

@media only screen and (max-width:600px) {
	.detail_block-body .item_group .item_data .sp_name {
		font-size: 12px;
		color: #555;
		display: inline-block;
		background-color: #f2f2f2;
		padding: 2px 5px;
		margin-bottom: 7px
	}
}

.detail_block-body .item_group ul {
	text-align: left
}

.detail_block-body .item_group li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.detail_block-body .item_group li p:first-child {
	padding-right: 6px
}

.detail_block-body .item_group li a {
	font-weight: bold
}

.detail_block-body .item_group li+li {
	margin-top: 15px
}

.detail_block-bottom {
	padding: 10px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (max-width:600px) {
	.detail_block-bottom {
		display: block;
		text-align: right
	}
}

.patent_block {
	margin-top: 30px;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 40px
}

@media only screen and (max-width:600px) {
	.patent_block {
		padding: 20px
	}
}

.everyone_block {
	padding: 50px 20px 100px;
	max-width: 1240px;
	margin: 0 auto
}

@media only screen and (max-width:600px) {
	.everyone_block {
		padding: 30px 20px 50px
	}
}

.everyone_block .everyone_block-header {
	padding: 15px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.everyone_block .everyone_block-header .summary_number {
	color: #333
}

.everyone_block .everyone_block-header .summary_number span {
	font-size: 1rem;
	padding-right: 3px
}

.everyone_block .summary_group {
	margin-top: 10px;
	border-bottom: dotted 1px #bbb
}

.everyone_block .summary_group .summary_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	border-top: dotted 1px #bbb;
	padding: 20px 0
}

.everyone_block .summary_group .summary_item .summary_item-left {
	width: 50px
}

.everyone_block .summary_group .summary_item .summary_item-left .photo {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	overflow: hidden
}

.everyone_block .summary_group .summary_item .summary_item-right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.everyone_block .summary_group .summary_item .summary_item-right .name {
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.everyone_block .summary_group .summary_item .summary_item-right .delete_comment {
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}



.everyone_block .summary_group .summary_item .summary_item-right .comment {
	margin-top: 10px;
	line-height: 1.5
}

.everyone_block .summary_group .summary_item .summary_item-right .eval {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-top: 20px;
	width: 100%;
}

@media only screen and (max-width:960px) {
	.everyone_block .summary_group .summary_item .summary_item-right .eval {
		display: block
	}
}

.everyone_block .summary_group .summary_item .summary_item-right .eval .good {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	font-size: 0.8125rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/*
�E��E��E��E��E��E��E�炢�E��E��E�˃{�E�^�E��E��E��E�CSS�E�ƂȂ�܂� �E��E�

*/

input[type=checkbox].hart_bt {
	display: inline-block;
	display: block;
	/*�E�l�E�p�E��E��E�g�E��E��E�Ȃ��E��E�*/
	border: none;
	background-image: url(../img/icon_heart_off.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px;
	padding-left: 16px
}

input[type=checkbox].hart_bt:checked {
	background-image: url(../img/icon_heart_on.svg);

}

input[type=checkbox].hart_bt:checked:after {
	top: 0px;
	left: 0px;
	width: 19px;
	height: 18px;
	background-color: transparent;
	background-image: none
}

input[type=checkbox].hart_bt+.add_h {
	padding-left: 3px;
	color: #2f7ec4;
	display: inline-block
}

input[type=checkbox].hart_bt+.add_h:hover {
	color: #008eff;
	text-decoration: underline
}

input[type=checkbox].hart_bt+.add_h:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

/*
�E��E��E��E��E�܂ł��E��E��E�˃{�E�^�E��E��E��E�CSS�E�ƂȂ�܂� �E��E�

*/

#err_msg_loginId {

	color: #FF0000;
	text-align: center
}


@media only screen and (max-width:960px) {
	.everyone_block .summary_group .summary_item .summary_item-right .eval .tags {
		margin-bottom: 0;
		margin-top: 10px
	}
}

.everyone_block .more {
	margin-top: 20px;
	text-align: center
}

.everyone_block .post_summary {
	margin-top: 50px;
	background-color: #f5f5f5;
	padding: 50px;
	border-radius: 5px;
	text-align: center
}

@media only screen and (max-width:600px) {
	.everyone_block .post_summary {
		margin-top: 30px;
		padding: 30px 20px 40px
	}
}

.everyone_block .post_summary .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px
}

@media only screen and (max-width:600px) {
	.everyone_block .post_summary .title {
		display: block
	}
}

@media only screen and (max-width:600px) {
	.everyone_block .post_summary .title .login {
		padding-top: 5px;
		text-align: right
	}
}

.everyone_block .post_summary .title span {
	display: inline-block;
	line-height: 1.3;
	font-weight: bold;
	font-size: 1.25rem;
	background-image: url(../img/icon_comment.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 32px;
	padding: 5px 0 5px 45px;
	text-align: left
}

@media only screen and (max-width:600px) {
	.everyone_block .post_summary .title span {
		font-size: 1rem
	}
}

.everyone_block .post_summary .post_summary-forms {
	max-width: 600px;
	margin: 20px auto 0
}

.everyone_block .two_column {
	padding-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20px
}

@media only screen and (max-width:600px) {
	.everyone_block .two_column {
		display: block
	}
}

.everyone_block .two_column .cell {
	width: calc(50% - 10px)
}

@media only screen and (max-width:600px) {
	.everyone_block .two_column .cell {
		width: auto;
		padding-bottom: 10px;
		text-align: left
	}
}

.everyone_block .terms {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20px;
	padding: 30px 0
}

@media only screen and (max-width:600px) {
	.everyone_block .terms {
		padding: 10px 0 30px;
		display: block
	}
}

.everyone_block .terms label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px
}

@media only screen and (max-width:600px) {
	.everyone_block .terms label {
		padding: 10px 0
	}
}

.float_btn-minna {
	position: fixed;
	right: 10px;
	bottom: 30px;
	z-index: 5
}

.float_btn-minna a.button {
	padding-left: 36px;
	background-image: url(../img/icon_comment_w.svg);
	background-repeat: no-repeat;
	background-position: left 10px top 8px;
	background-size: 20px
}

@media only screen and (max-width:600px) {
	.float_btn-minna a.button {
		background-position: left 10px center
	}
}

.formblock_regist {
	padding: 60px 20px;
	max-width: 540px;
	margin: 0 auto 40px
}

.formblock_regist .title {
	font-size: 1.25rem;
	font-weight: bold;
	border-bottom: solid 2px #ddd;
	margin-bottom: 30px
}

.formblock_regist .title span {
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: -2px;
	border-bottom: solid 2px #2f7ec4
}

.formblock_regist .form_label {
	margin-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 10px;
	font-weight: bold
}

.formblock_regist .form_item {
	margin-bottom: 20px
}

.formblock_regist .form_item_confirm {
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: solid 1px #ccc
}

.formblock_regist .form_notice {
	color: #666;
	font-size: 0.75rem;
	line-height: 1.5;
	
	/*-1em*/
	text-indent: 0em;
	
	/*1em*/
	padding-left: 0em;
	font-weight: normal
}

.formblock_regist .label_hissu {
	color: #f00;
	background-color: #ffeeee;
	font-size: 0.6875rem;
	display: inline-block;
	padding: 1px 4px;
	font-weight: normal;
	white-space: nowrap;
}

.formblock_regist .form_button {
	margin-top: 25px
}

.formblock_regist .fb_center+.center {
	padding-top: 20px;
	line-height: 1.5
}

.formblock_regist .error_text {

	color: rgb(255, 0, 0);

	display: none
}

.formblock_regist .error {
	border-color: #f00
}

.formblock_regist .error .error_text {
	display: block;
	font-size: 0.75rem;
	color: #f00;
	background-image: url(../img/icon_error.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;
	padding: 5px 0px 5px 28px
}

.layout_member {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width:600px) {
	.layout_member {
		display: block
	}
}

.layout_member .layout_member-left {
	width: 206px;
	padding-bottom: 5rem;
	background-color: #333
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-left {
		width: 180px
	}
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-left {
		width: auto;
		padding-bottom: 0;
		background-color: #fff
	}
}

.layout_member .layout_member-left .member_title {
	color: #e5e5e5;
	margin: 0;
	padding: 1.5rem 1.5rem 1rem;
	border-bottom: dotted 1px #666
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-left .member_title {
		padding: 1rem 1.5rem 1rem;
		background-image: url(../img/icon_membermenu.svg);
		background-position: left 1rem center;
		background-repeat: no-repeat;
		background-size: 1.5rem;
		background-color: #333;
		padding-left: 3rem;
		cursor: pointer
	}
}

.layout_member .layout_member-left .member_nav {
	padding-bottom: 1rem;
	display: block
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-left .member_nav {
		background-color: #444;
		display: none
	}
}

.layout_member .layout_member-left .member_ul-main {
	padding-top: 0px
}

.layout_member .layout_member-left li.member_li {
	text-align: left;
	color: #ccc;
	text-decoration: none;
	padding-top: 1rem
}

.layout_member .layout_member-left li.member_li span {
	display: block;
	padding: 0.3rem 1rem 0.3rem 2.8rem
}

.layout_member .layout_member-left a {
	text-align: left;
	color: #eee;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 0.4rem 1rem 0.4rem 2.8rem;
	background-image: url(../img/icon_li.svg);
	background-position: right 1.5rem center;
	background-repeat: no-repeat;
	background-size: 4px;
	-webkit-transition: background-color 0.1s;
	transition: background-color 0.1s
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-left a {
		background-position: right 1rem center
	}
}

.layout_member .layout_member-left a:hover {
	background-color: #4a4a4a
}

.layout_member .layout_member-left a.current {
	background-color: #2f7ec4
}

.layout_member .layout_member-left .member_ul-sub {
	padding-top: 2rem;
	font-size: 0.6875rem
}

.layout_member .layout_member-left .member_ul-sub li a {
	padding: 0.4rem 1rem 0.4rem 1.4rem
}

.layout_member .layout_member-right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	/* flex: 1; */
	/* 画面を小さくしたときに左を崩す */
	flex: none;
	width: 1240px;
	max-width: 1240px;
	padding: 4rem 5rem 5rem
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right {
		padding: 2rem 2rem 3rem
	}
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right {
		padding: 2rem 1rem 3rem
	}
}

.layout_member .layout_member-right .member_subtitle {
	font-size: 1.25rem;
	font-weight: bold;
	border-bottom: solid 2px #ddd
}

.layout_member .layout_member-right .member_subtitle span {
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: -2px;
	border-bottom: solid 2px #2f7ec4
}

.layout_member .layout_member-right .member_info-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: solid 1px #ddd;
	padding-bottom: 5px;
	margin-bottom: 1rem;
	margin-top: 3rem
}

.layout_member .layout_member-right .member_info-header.no_line {
	border-bottom: none;
}

.layout_member .layout_member-right .member_info-header.no_line p {
	line-height: 1.8;
}


.layout_member .layout_member-right .heading {
	font-weight: bold
}

.layout_member .layout_member-right th {
	padding: 5px 20px 5px 0px
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right th {
		display: block;
		color: #888
	}
}

.layout_member .layout_member-right td {
	padding: 5px
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right td {
		display: block;
		padding: 5px 0 10px
	}
}

.layout_member .layout_member-right .fb_center {
	margin-top: 3rem
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right .fb_center .large {
		padding: 12px 40px;
		white-space: nowrap
	}
}

.layout_member .icon_user {
	background-image: url(../img/icon_user.svg);
	background-position: left 1.3rem center;
	background-repeat: no-repeat;
	background-size: 1rem
}

.layout_member .icon_org {
	background-image: url(../img/icon_org.svg);
	background-position: left 1.3rem center;
	background-repeat: no-repeat;
	background-size: 1rem
}

.layout_member .icon_config {
	background-image: url(../img/icon_config.svg);
	background-position: left 1.3rem center;
	background-repeat: no-repeat;
	background-size: 1rem
}

.layout_member .icon_edit {
	background-image: url(../img/icon_edit.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1em;
	display: inline-block;
	padding-left: 1.5rem
}

.layout_member .icon_delete {
	background-image: url(../img/icon_delete.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1em;
	display: inline-block;
	padding-left: 1.2rem
}

.layout_member .icon_folder {
	background-image: url(../img/icon_folder.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.5em;
	display: inline-block;
	padding-left: 1.5rem
}

.layout_member .layout_member-right .member_content {
	max-width: 1160px;
	margin: 0 auto
}

.layout_member .layout_member-right h1.title_member {
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: 0.04em
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right h1.title_member {
		font-size: 24px;
		letter-spacing: 0
	}
}

.layout_member .layout_member-right .folder_set {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	font-size: 14px;
	padding: 20px 0
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .folder_set {
		gap: 14px
	}
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right .folder_set {
		display: block;
		padding: 32px 0 40px
	}
}

.layout_member .layout_member-right .folder_set .folder_name {
	font-size: 12px
}

.layout_member .layout_member-right .folder_set .folder_set-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px
}

@media only screen and (max-width:600px) {
	.layout_member .layout_member-right .folder_set .folder_set-item {
		gap: 10px;
		padding-top: 8px
	}
}

.layout_member .layout_member-right .folder_set a {
	display: inline-block;
	white-space: nowrap
}

.layout_member .layout_member-right .memo_block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	padding-top: 48px;
	max-width: 1060px;
	margin: 0 auto
}

@media only screen and (max-width:1124px) {
	.layout_member .layout_member-right .memo_block {
		gap: 30px
	}
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .memo_block {
		display: block;
		padding-top: 24px
	}
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .memo_block .memo_block-item+.memo_block-item {
		padding-top: 24px
	}
}

.layout_member .layout_member-right .memo_block .memo_block-item {
	width: 50%
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .memo_block .memo_block-item {
		width: auto
	}
}

.layout_member .layout_member-right .memo_block .memo_block-item .memo_title {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 25px;
	margin-top: 10px;
	height: 25px
}

.layout_member .layout_member-right .memo_block .memo_block-item .memo_size1 {
	height: 80px
}

.layout_member .layout_member-right .memo_block .memo_block-item .memo_size2 {
	height: 200px
}

.layout_member .layout_member-right .memo_block .memo_block-item .tags {
	margin-top: 10px
}

.layout_member .layout_member-right .search_result-list {
	padding: 0;
	max-width: none
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .search_result-list .table_header {
		display: none
	}
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .search_result-list .data_item {
		padding: 24px
	}
}

.layout_member .layout_member-right .search_result-list .data_item .info {
	width: 100%
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .search_result-list .etc {
		padding-top: 16px
	}
}

.layout_member .layout_member-right .search_result-list .table_body .data_item,
.layout_member .layout_member-right .search_result-list .table_body .data_item:hover {
	background-color: transparent
}

.layout_member .layout_member-right .search_result-list .attention {
	text-align: right;
	padding: 8px 0 8px 0
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .search_result-list .attention {
		padding: 8px 0 0 0
	}
}

.layout_member .layout_member-right .everyone_block {
	padding: 150px 0 0;
	max-width: none
}

@media only screen and (max-width:960px) {
	.layout_member .layout_member-right .everyone_block {
		padding: 100px 0 0
	}
}

.layout_member .layout_member-right .everyone_block .everyone_block-header {
	padding: 8px 0 0
}

.layout_member .page_title {
	font-size: 1.1rem
}

.layout_member .page_title .icon_folder {
	background-size: 30px;
	padding-left: 35px
}

.layout_member .page_title span.icon_comment {
	background-size: 28px;
	padding: 2px 5px 5px 35px
}

@media only screen and (max-width:600px) {
	.layout_member .page_title span.icon_comment {
		background-position: left top;
		padding: 5px 5px 5px 35px
	}
}

.ranking_list {
	padding: 30px 20px;
	max-width: 1240px;
	margin: 0 auto
}

.ranking_list .page_title {
	margin-bottom: 15px
}

.ranking_list .page_title span.icon_ranking {
	background-image: url(../img/icon_ranking.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 28px;
	padding: 10px 5px 5px 36px
}

.ranking_list .rank_category_select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	padding-top: 16px;
	border-bottom: solid 3px #2f7ec4
}

.ranking_list .rank_category_select a {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	padding: 16px 24px 12px 32px;
	color: #2f7ec4;
	border: solid 1px #2f7ec4;
	background-repeat: no-repeat;
	background-position: left 6px center;
	background-size: 20px;
	text-decoration: none;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: 0.2s;
	transition: 0.2s
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_category_select a {
		padding: 12px 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center
	}
}

@media only screen and (max-width:767px) and (max-width:420px) {
	.ranking_list .rank_category_select a {
		padding: 8px 0
	}
}

.ranking_list .rank_category_select a span {
	display: inline-block
}

@media only screen and (max-width:420px) {
	.ranking_list .rank_category_select a span {
		display: block
	}
}

.ranking_list .rank_category_select a:hover {
	color: #fff;
	border: solid 1px #008eff;
	background-color: #008eff
}

.ranking_list .rank_category_select a.current {
	color: #fff;
	border: solid 1px #2f7ec4;
	background-color: #2f7ec4;
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}

.ranking_list .rank_category_select a:nth-child(1) {
	background-image: url(../img/icon_ranking_patent1.svg)
}

.ranking_list .rank_category_select a:nth-child(1):hover,
.ranking_list .rank_category_select a:nth-child(1).current {
	background-image: url(../img/icon_ranking_patent2.svg);
}

.ranking_list .rank_category_select a:nth-child(2) {
	background-image: url(../img/icon_ranking_user1.svg)
}

.ranking_list .rank_category_select a:nth-child(2).current,
.ranking_list .rank_category_select a:nth-child(2):hover {
	background-image: url(../img/icon_ranking_user2.svg)
}

.ranking_list .rank_class {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	padding-top: 24px
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_class {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.ranking_list .rank_class a {
	font-size: 13px;
	line-height: 1;
	display: inline-block;
	padding: 8px 15px;
	color: #444;
	border: solid 1px #aaa;
	text-decoration: none;
	-webkit-transition: 0.1s;
	transition: 0.1s
}

.ranking_list .rank_class a:hover {
	color: #2f7ec4;
	border: solid 1px #2f7ec4;
	background-color: #f1f8ff
}

.ranking_list .rank_class a.current {
	color: #2f7ec4;
	border: solid 1px #2f7ec4;
	background-color: #f1f8ff
}

.ranking_list .rank_list_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 40px
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header {
		display: block;
		padding-bottom: 0px
	}
}

.ranking_list .rank_list_header .rank_fi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 4px;
	padding-top: 24px
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 8px 4px
	}
}

.ranking_list .rank_list_header .rank_fi p {
	font-size: 13px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	color: #2f7ec4
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi p {
		width: 100%
	}
}

.ranking_list .rank_list_header .rank_fi a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	border: solid 1px #2f7ec4;
	text-decoration: none;
	position: relative;
	border-radius: 6px;
	padding: 0 16px;
	-webkit-transition: 0.1s;
	transition: 0.1s
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi a {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(20% - 4px)
	}
}

.ranking_list .rank_list_header .rank_fi a:hover {
	color: #fff;
	border: solid 1px #008eff;
	background-color: #008eff
}

.ranking_list .rank_list_header .rank_fi a.current {
	color: #fff;
	border: solid 1px #2f7ec4;
	background-color: #2f7ec4
}

.ranking_list .rank_list_header .rank_fi a.current:after {
	content: "";
	color: #2f7ec4;
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 15px;
	height: 7px;
	background-image: url(../img/rank_arrow.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 15px 7px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi a.current:after {
		display: none
	}
}

.ranking_list .rank_list_header .total_date {
	font-size: 13px;
	text-align: right;
	white-space: nowrap
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .total_date {
		font-size: 12px;
		padding-top: 16px;
		text-align: left
	}
}

.ranking_list .data_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding: 5px 0
}

@media only screen and (max-width:767px) {
	.ranking_list .data_item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5px
	}
}

.ranking_list .data_rank_jyuni {
	width: 80px;
	display: block;
	text-align: center
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_jyuni {
		margin: 0 auto;
		font-size: 20px
	}
}

.ranking_list .data_rank_number {
	width: 120px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_number {
		width: 100px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_number {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_number:before {
		content: "特許番号";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_user {
	width: calc((100% - 390px) * 1 / 2);
	display: block;
	padding: 0 40px 0 20px !important
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_user {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ranking_list .data_rank_user a,
	.ranking_list .data_rank_user span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_user:before {
		content: "ニックネーム";
		display: block;
		width: 100px
	}
}

.ranking_list .data_rank_soshiki {
	width: calc((100% - 390px) * 1 / 2);
	display: block
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_soshiki {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ranking_list .data_rank_soshiki a,
	.ranking_list .data_rank_soshiki span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_soshiki:before {
		content: "組織";
		display: block;
		width: 100px
	}
}

.ranking_list .data_rank_kenrisha {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	padding: 0 10px !important
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_kenrisha {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ranking_list .data_rank_kenrisha a,
	.ranking_list .data_rank_kenrisha span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_kenrisha:before {
		content: "権利者";
		display: block;
		width: 100px
	}
}

.ranking_list .data_rank_point {
	width: 120px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_point {
		width: 100px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_point {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_point:before {
		content: "ポイント";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_shubetsu {
	width: 90px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_shubetsu {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_shubetsu {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_shubetsu:before {
		content: "ランク種別";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_hp {
	width: 90px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_hp {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_hp {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_hp:before {
		content: "HP";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_patent {
	width: 90px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_patent {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_patent {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_patent:before {
		content: "+Patent";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_zenkai {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px;
	text-align: center;
	width: 100px
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_zenkai {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_zenkai {
		width: 100%;
		text-align: left;
		gap: 0px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.ranking_list .data_rank_zenkai span {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_zenkai span {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		text-align: left
	}
}

.ranking_list .data_rank_zenkai i {
	display: block;
	width: 30px;
	height: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px
}

.ranking_list .data_rank_zenkai i.rank_up {
	background-image: url(../img/icon_rank_up.svg)
}

.ranking_list .data_rank_zenkai i.rank_down {
	background-image: url(../img/icon_rank_down.svg)
}

.ranking_list .data_rank_zenkai i.rank_keep {
	background-image: url(../img/icon_rank_keep.svg)
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_zenkai:before {
		content: "前回順位";
		display: inline-block;
		width: 100px
	}
}

.table_header {
	color: #eee;
	background-color: #555;
	font-weight: normal;
	line-height: 1;
	font-size: 12px;
	margin-top: 16px
}

@media only screen and (max-width:767px) {
	.table_header {
		display: none
	}
}

.table_header .data_item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0
}

.table_body {
	line-height: 1.5;
	font-size: 14px
}

@media only screen and (max-width:767px) {
	.table_body .data_item {
		padding: 15px;
		border: solid 1px #aaa;
		margin: 10px 0 15px;
		position: relative;
		border-radius: 6px;
		-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
		box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1)
	}
}

.table_body .data_item li {
	padding: 8px 0
}

@media only screen and (max-width:767px) {
	.table_body .data_item li {
		padding: 0
	}
}

.table_body .data_item.rank1 {
	background-color: #ffffdd
}

.table_body .data_item.rank1 .data_rank_jyuni {
	color: #e7ad00;
	font-weight: bold;
	padding: 24px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/icon_rank1.svg)
}

.table_body .data_item.rank2 {
	background-color: #fafafa
}

.table_body .data_item.rank2 .data_rank_jyuni {
	color: #8899aa;
	font-weight: bold;
	padding: 24px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/icon_rank2.svg)
}

.table_body .data_item.rank3 {
	background-color: #fcf8f4
}

.table_body .data_item.rank3 .data_rank_jyuni {
	color: #c9aa66;
	font-weight: bold;
	padding: 24px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/icon_rank3.svg)
}

.pagination {
	text-align: center;
	margin: 50px 0;
	color: #aaa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px
}

.pagination a,
.pagination span {
	font-weight: bold;
	display: inline-block;
	padding: 8px 12px;
	text-decoration: none;
	background-color: #fff;
	border: solid 1px #fff;
	border-radius: 3px
}

.pagination a:hover {
	color: #008eff;
	border: solid 1px #008eff
}

@media only screen and (max-width:600px) {
	.pagination a:hover {
		color: #2f7ec4;
		border: solid 1px #fff
	}
}



.ranking_list {
	padding: 30px 20px;
	max-width: 1240px;
	margin: 0 auto
}

.ranking_list .page_title {
	margin-bottom: 15px
}

.ranking_list .page_title span.icon_ranking {
	background-image: url(../img/icon_ranking.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 28px;
	padding: 10px 5px 5px 36px
}

.ranking_list .rank_category_select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	padding-top: 16px;
	border-bottom: solid 3px #2f7ec4
}

.ranking_list .rank_category_select a {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	padding: 16px 24px 12px 32px;
	color: #2f7ec4;
	border: solid 1px #2f7ec4;
	background-repeat: no-repeat;
	background-position: left 6px center;
	background-size: 20px;
	text-decoration: none;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: 0.2s;
	transition: 0.2s
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_category_select a {
		padding: 12px 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center
	}
}

@media only screen and (max-width:767px) and (max-width:420px) {
	.ranking_list .rank_category_select a {
		padding: 8px 0
	}
}

.ranking_list .rank_category_select a span {
	display: inline-block
}

@media only screen and (max-width:420px) {
	.ranking_list .rank_category_select a span {
		display: block
	}
}

.ranking_list .rank_category_select a:hover {
	color: #fff;
	border: solid 1px #008eff;
	background-color: #008eff
}

.ranking_list .rank_category_select a.current {
	color: #fff;
	border: solid 1px #2f7ec4;
	background-color: #2f7ec4;
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}

.ranking_list .rank_category_select a:first-child {
	background-image: url(../img/icon_ranking_patent1.svg)
}

.ranking_list .rank_category_select a:first-child.current,
.ranking_list .rank_category_select a:first-child:hover {
	background-image: url(../img/icon_ranking_patent2.svg)
}

.ranking_list .rank_category_select a:nth-child(2) {
	background-image: url(../img/icon_ranking_user1.svg)
}

.ranking_list .rank_category_select a:nth-child(2).current,
.ranking_list .rank_category_select a:nth-child(2):hover {
	background-image: url(../img/icon_ranking_user2.svg)
}

.ranking_list .rank_class {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	padding-top: 24px
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_class {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.ranking_list .rank_class a {
	font-size: 13px;
	line-height: 1;
	display: inline-block;
	padding: 8px 15px;
	color: #444;
	border: solid 1px #aaa;
	text-decoration: none;
	-webkit-transition: 0.1s;
	transition: 0.1s
}

.ranking_list .rank_class a:hover {
	color: #2f7ec4;
	border: solid 1px #2f7ec4;
	background-color: #f1f8ff
}

.ranking_list .rank_class a.current {
	color: #2f7ec4;
	border: solid 1px #2f7ec4;
	background-color: #f1f8ff
}

.ranking_list .rank_list_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 40px
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header {
		display: block;
		padding-bottom: 0px
	}
}

.ranking_list .rank_list_header .rank_fi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 4px;
	padding-top: 24px
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 8px 4px
	}
}

.ranking_list .rank_list_header .rank_fi p {
	font-size: 13px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	color: #2f7ec4
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi p {
		width: 100%
	}
}

.ranking_list .rank_list_header .rank_fi a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	border: solid 1px #2f7ec4;
	text-decoration: none;
	position: relative;
	border-radius: 6px;
	padding: 0 16px;
	-webkit-transition: 0.1s;
	transition: 0.1s
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi a {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(20% - 4px)
	}
}

.ranking_list .rank_list_header .rank_fi a:hover {
	color: #fff;
	border: solid 1px #008eff;
	background-color: #008eff
}

.ranking_list .rank_list_header .rank_fi a.current {
	color: #fff;
	border: solid 1px #2f7ec4;
	background-color: #2f7ec4
}

.ranking_list .rank_list_header .rank_fi a.current:after {
	content: "";
	color: #2f7ec4;
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 15px;
	height: 7px;
	background-image: url(../img/rank_arrow.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 15px 7px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .rank_fi a.current:after {
		display: none
	}
}

.ranking_list .rank_list_header .total_date {
	font-size: 13px;
	text-align: right;
	white-space: nowrap;
	margin: 0 0 0 auto
}

@media only screen and (max-width:767px) {
	.ranking_list .rank_list_header .total_date {
		font-size: 12px;
		padding-top: 16px;
		text-align: left
	}
}

.ranking_list .data_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding: 5px 0
}

@media only screen and (max-width:767px) {
	.ranking_list .data_item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5px
	}
}

.ranking_list .data_rank_jyuni {
	width: 80px;
	display: block;
	text-align: center
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_jyuni {
		margin: 0 auto;
		font-size: 20px
	}
}

.ranking_list .data_rank_number {
	width: 120px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_number {
		width: 100px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_number {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_number:before {
		content: "特許番号";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_user {
	width: calc((100% - 390px) * 1 / 2);
	display: block;
	padding: 0 40px 0 20px !important
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_user {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ranking_list .data_rank_user a,
	.ranking_list .data_rank_user span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_user:before {
		content: "ニックネーム";
		display: block;
		width: 100px
	}
}

.ranking_list .data_rank_soshiki {
	width: calc((100% - 390px) * 1 / 2);
	display: block
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_soshiki {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ranking_list .data_rank_soshiki a,
	.ranking_list .data_rank_soshiki span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_soshiki:before {
		content: "組織";
		display: block;
		width: 100px
	}
}

.ranking_list .data_rank_kenrisha {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	padding: 0 10px !important
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_kenrisha {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ranking_list .data_rank_kenrisha a,
	.ranking_list .data_rank_kenrisha span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_kenrisha:before {
		content: "権利者";
		display: block;
		width: 100px
	}
}

.ranking_list .data_rank_point {
	width: 120px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_point {
		width: 100px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_point {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_point:before {
		content: "ポイント";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_shubetsu {
	width: 90px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_shubetsu {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_shubetsu {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_shubetsu:before {
		content: "ランク種別";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_hp {
	width: 90px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_hp {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_hp {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_hp:before {
		content: "HP";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_patent {
	width: 90px;
	display: block;
	text-align: center
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_patent {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_patent {
		width: 100%;
		text-align: left
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_patent:before {
		content: "+Patent";
		display: inline-block;
		width: 100px
	}
}

.ranking_list .data_rank_zenkai {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px;
	text-align: center;
	width: 100px
}

@media only screen and (max-width:960px) {
	.ranking_list .data_rank_zenkai {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_zenkai {
		width: 100%;
		text-align: left;
		gap: 0px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.ranking_list .data_rank_zenkai span {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_zenkai span {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		text-align: left
	}
}

.ranking_list .data_rank_zenkai i {
	display: block;
	width: 30px;
	height: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px
}

.ranking_list .data_rank_zenkai i.rank_up {
	background-image: url(../img/icon_rank_up.svg)
}

.ranking_list .data_rank_zenkai i.rank_down {
	background-image: url(../img/icon_rank_down.svg)
}

.ranking_list .data_rank_zenkai i.rank_keep {
	background-image: url(../img/icon_rank_keep.svg)
}

@media only screen and (max-width:767px) {
	.ranking_list .data_rank_zenkai:before {
		content: "前回順位";
		display: inline-block;
		width: 100px
	}
}

.table_header {
	color: #eee;
	background-color: #555;
	font-weight: normal;
	line-height: 1;
	font-size: 12px;
	margin-top: 16px
}

@media only screen and (max-width:767px) {
	.table_header {
		display: none
	}
}

.table_header .data_item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0
}

.table_body {
	line-height: 1.5;
	font-size: 14px
}

@media only screen and (max-width:767px) {
	.table_body .data_item {
		padding: 15px;
		border: solid 1px #aaa;
		margin: 10px 0 15px;
		position: relative;
		border-radius: 6px;
		-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
		box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1)
	}
}

.table_body .data_item li {
	padding: 8px 0
}

@media only screen and (max-width:767px) {
	.table_body .data_item li {
		padding: 0
	}
}

.table_body .data_item.rank1 {
	background-color: #ffffdd
}

.table_body .data_item.rank1 .data_rank_jyuni {
	color: #e7ad00;
	font-weight: bold;
	padding: 24px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/icon_rank1.svg)
}

.table_body .data_item.rank2 {
	background-color: #fafafa
}

.table_body .data_item.rank2 .data_rank_jyuni {
	color: #8899aa;
	font-weight: bold;
	padding: 24px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/icon_rank2.svg)
}

.table_body .data_item.rank3 {
	background-color: #fcf8f4
}

.table_body .data_item.rank3 .data_rank_jyuni {
	color: #c9aa66;
	font-weight: bold;
	padding: 24px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/icon_rank3.svg)
}

.pagination {
	text-align: center;
	margin: 50px 0;
	color: #aaa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px
}

.pagination a,
.pagination span {
	font-weight: bold;
	display: inline-block;
	padding: 8px 12px;
	text-decoration: none;
	background-color: #fff;
	border: solid 1px #fff;
	border-radius: 3px
}

.pagination a:hover {
	color: #008eff;
	border: solid 1px #008eff
}

@media only screen and (max-width:600px) {
	.pagination a:hover {
		color: #2f7ec4;
		border: solid 1px #fff
	}
}

@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
	content: '';
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 10000;
	-ms-flex-order: 9999;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.slidebody {
	padding: 80px 50px
}

@media only screen and (max-width:560px) {
	.slidebody {
		padding: 40px 30px 80px
	}
}

.item img {
	width: 100%
}

.swiper-area {
	max-width: 1204px;
	margin: 0 auto;
	position: relative
}

.swiper-slide {
	background-color: #eee;
	height: auto
}

.swiper-button-next,
.swiper-button-prev {
	display: -ms-grid;
	display: grid;
	place-content: center;
	width: 50px;
	height: 50px;
	cursor: pointer
}

@media only screen and (max-width:560px) {

	.swiper-button-next,
	.swiper-button-prev {
		width: 30px
	}
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.3
}

.swiper-button-prev {
	left: -50px
}

@media only screen and (max-width:560px) {
	.swiper-button-prev {
		left: -30px
	}
}

.swiper-button-next {
	right: -50px
}

@media only screen and (max-width:560px) {
	.swiper-button-next {
		right: -30px
	}
}

.swiper-button-next:after,
.swiper-button-prev:after {
	width: 25px;
	height: 25px;
	content: "";
	border: solid #2f7ec4;
	border-width: 2px 2px 0 0
}

@media only screen and (max-width:560px) {

	.swiper-button-next:after,
	.swiper-button-prev:after {
		width: 15px;
		height: 15px
	}
}

.swiper-button-prev:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.swiper-button-next:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: 1
}

.swiper-button-disabled {
	pointer-events: none;
	opacity: 0
}

.swiper-pagination {
	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;
	margin-top: 30px;
	text-align: center
}

@media only screen and (max-width:560px) {
	.swiper-pagination {
		margin-top: 20px
	}
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0 5px;
	border-radius: 50%;
	background-color: #ccc
}

@media only screen and (max-width:560px) {
	.swiper-pagination-bullet {
		width: 6px;
		height: 6px
	}
}

.swiper-pagination-bullet-active {
	background-color: #2f7ec4
}


#err_msg {
	text-align: center;
	color: red;
	font-size: 20px;
}

.summary {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	/* -webkit-line-clamp: 3;
	/* 行数 */
}


#item_shown {
	width: 164.86px;

}

.table_body {
	overflow: auto;
	width: auto;
	/*height: 675px;*/

}

.organization_name {

	font-size: 40px;

}

.layout_member .search_result-list {
	margin-top: 100px;
	margin-bottom: 100px;
}

.layout_member .search_result-list .table_body {
	margin-bottom: 100px;
}

.layout_member .search_result-list .addfolder {
	font-size: 20px;
}

.shown_right {
	text-align: right;
	padding: 10px 0 0
}

#pagebox,
#pagebox_top {
	padding: 0;
	width: 36px;
	text-align: center;
}


#loading_detail {
	font-size: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5000px;

}

#disabled_radio {
	color: #bdc3c7;
}

#disabled_title {
	color: #bdc3c7;
}

.modal.open {
	display: block;
}

.modal {
	display: none;
}

.modal .overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;
	background-color: rgba(180, 180, 180, 0.8);
	width: 100%;
	height: 100vh;
}

.modal .overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;
	background-color: rgba(180, 180, 180, 0.8);
	width: 100%;
	height: 100vh;
}

.modal .modal-body {
	position: fixed;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 31;
	width: 90%;
	padding: 40px 20px;
	max-width: 450px;
	background-color: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
	-webkit-animation: fadein 0.2s ease both;
	animation: fadein 0.2s ease both;
}

.modal .modal-body .modal-text {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: center;
}

.modal .modal-body .modal-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 260px;
	margin: 0 auto;
}

.modal .modal-body .modal-btn .btn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 5px;
}

.modal .modal-body .modal-btn.single {
	display: block;
	max-width: 100px;
}

.modal .modal-body .modal-btn.single .btn {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.modal.loading .modal-body {
	max-width: 260px;
	background-image: url("../img/loader.svg");
	background-position: center top 30px;
	background-size: 38px;
	background-repeat: no-repeat;
	padding: 80px 20px 25px;
}

.modal.loading .modal-text {
	font-size: 14px;
	margin-bottom: 0px;
	text-align: center;
}

.modal.login-error .modal-body {
	padding: 0px 0px 30px;
	overflow: hidden;
}

.modal.login-error .modal-text-error1 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
	padding: 0 15px;
	background-color: #ee3033;
}

.modal.login-error .modal-text-error1 span {
	display: inline-block;
	background-image: url("../img/icon-alert.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 16px 20px 12px 40px;
}


.modal.login-error .modal-text-error2 {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 20px;
	padding: 0 30px;
	text-align: center;
}

.modal.login-error .modal-text-error2 span {
	color: #ee3033;
}



#popup {
	position: absolute;
	z-index: 50;
}

#popup span {
	padding: 0 4px;
}


#popup .upblock {
	display: none;
	background: #fff;
	border: 1px solid #333;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*.img_count {
	font-weight: bold;
}*/

.loading_font_size {
	font-size: 2em;
}

.fav_mdl_btn,
.abst_mdl_btn {
	display: flex;
	justify-content: space-around;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	width: fit-content;
	gap: 1rem;
}

.folder_checkbox {
	display: flex;
	flex-direction: column;
	margin: 0px 0px 20px;
	gap: 1em;
}

.folder_checkbox {
	display: flex;
	flex-direction: column;
	margin: 0px 75px 20px;
	width: fit-content;
	gap: 1em;
}


#logpopup {
	position: absolute;
	z-index: 50;
}

#logpopup span {
	padding: 0 4px;
}

#logpopup .upblock {
	display: none;
	background: #fff;
	border: 1px solid #333;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.fav_decide,
.fav_cancel,
.abst_decide,
.abst_cancel {
	width: 130px;
}



.folder {
	font-weight: bold;
	font-size: 1.5rem;
	padding-right: 1rem;
}

.folders {
	display: flex;
}

.make_new_folder {
	margin-bottom: 20px;
	text-align: center;
}

.sbs {
	display: flex;
}

.make_new_folder_box {
	width: calc(100% - 130px);
	width: calc(100% - 110px);
	padding: 10px 0px 10px 20px;
	padding: 10px 15px 30px 75px;
}


.make_new_folder_button {
	padding: 10px 0px 10px 30px;
	padding: 10px 75px 30px 0px;
}

.new_button {
	height: 39px;
	padding: 0px 25px
}

.new_folder_error {
	font-size: 18px;
	text-align: center;
	color: red;
	padding-bottom: 30px
}

.modal .modal-body .versatility_modal-text {
	margin-bottom: 0px;
}

.fav_new_folder {
	font-size: 1rem;
	padding-right: 0.5rem
}

.fav_make_new_folder_box {
	width: calc(100% - 60px);
	padding: 10px 15px 30px 75px;
}

.make_folder_error {
	font-size: 18px;
	text-align: center;
	color: red;
	padding-bottom: 30px
}

.del_folder_checkbox {
	display: flex;
	flex-direction: column;
	margin: 0px 75px 20px;
	width: fit-content;
	gap: 1em;
}

.thumb_up_label {
	float: right
}

.thumb_down_label {
	float: right
}

.scaling_area {
	margin: 0 0 0 auto;
}

.textarea_opener {
	width: 100%;
	position: relative;
	display: inline-block;
}

.textarea_opener:after {
	content: '';
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #ffffff transparent transparent transparent;
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.textarea_closer {
	width: 100%;
	position: relative;
	display: inline-block;
}

.textarea_closer:after {
	content: '';
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent #ffffff transparent;
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-60%);
}


input#agree_checkbox2 {

	margin: 1px 0px 0px 0px;
}

.terms {
	text-align: center;
}

/*.terms_label{
	  display: flex;
  align-items: center;
}*/

#agree_checkbox1 {
	margin: 0px 6px 1px 0px;
}

.reg_decide {
	width: 130px
}

.reg_cancel {
	width: 130px
}

.tos {
	margin: 0 auto;
}

.ai_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai_flex+.ai_flex {
	margin-top: 20px;
}

.ai_flex_item1 {
	flex: 1;
}

.ai_flex_item2 {
	width: 70px;
	text-align: right;
}

.first_stage {
	padding-left: 14px;
}

.second_stage {
	padding-left: 28px;
}

.third_stage {
	padding-left: 42px;
}

.img_modal-body {
	max-height: 450px;
	overflow-y: scroll;
}

/*------------- ここのCSSはログインのお目目マークのCSSです-----------------*/

input.Password_text {
	width: 92%;
	/* padding: 0 10px; */

	/*background-image: url(../img/icon-eye-open.png);*/
	border: none;

}


input.test {
	position: absolute;
	/* top: 1px; */
	/* right: 1px; */
	display: none;
	background-image: url(../img/icon-eye-open.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 25px;
	border: none;
	cursor: pointer;
	width: 31px;
	height: 37px;
	appearance: none;
	margin: 0;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: none;
	display: inline-block;
}


input.test[type=checkbox]:checked:after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	width: 31px;
	height: 37px;
	background-color: transparent;
	background-image: url(../img/icon-eye-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;

}

/* ------------------------------------------------------------------ */


/*------------- ここのCSSはログインのお目目マークパスワード再確認専用のCSSです-------------*/





input.Password_text2 {
	width: 92%;
	/* padding: 0 10px; */

	/*background-image: url(../img/icon-eye-open.png);*/
	border: none;

}


input.test2 {
	position: absolute;
	/* top: 1px; */
	/* right: 1px; */
	display: none;
	background-image: url(../img/icon-eye-open.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 25px;
	border: none;
	cursor: pointer;
	width: 31px;
	height: 37px;
	appearance: none;
	margin: 0;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: none;
	display: inline-block;
}


input.test2[type=checkbox]:checked:after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	width: 31px;
	height: 37px;
	background-color: transparent;
	background-image: url(../img/icon-eye-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;

}

/* -------------------------------------------------------------------------------------- */



/* --------このCSSはアカウント画面のお目目マークパスワードのCSSです------------- */


input.member_account_eyes {
	
	position: absolute;
	/*
	なぜかこのコードは使えなかった(眼が動かない)
	position: relative;*/
	top: 269px;
	left: 356px; 
	
	
	display: none;
	background-image: url(../img/icon-eye-open.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 20px;
	border: none;
	cursor: pointer;
	width: 31px;
	height: 37px;
	appearance: none;
	margin: 0;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: none;
	display: inline-block;
}


input.member_account_eyes[type=checkbox]:checked:after {


	position: absolute;
	/*
	なぜかこのコードは使えなかった(眼が動かない)
	position: relative;*/
	
	top: 0px;
	right: 0px; 

	content: "";
	width: 31px;
	height: 37px;
	background-color: transparent;
	background-image: url(../img/icon-eye-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;

}


/* -------------------------------------------------------------------------------------- */


.formblock_search-cond .cond4 {
	width: 15%;

	/*中央寄りにする*/
	text-align: center;
	
	/*マウスで近づけた際に指マークを記載*/
	cursor : pointer;
}

#opepopup {
	position: absolute;
	z-index: 50;
}

#opepopup span {
	padding: 0 4px;
}

#opepopup .upblock {
	display: none;
	background: #fff;
	border: 1px solid #333;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.current_folder {
	background-image: url(../img/folder_black.svg);
	background-repeat: no-repeat;
	background-position: right 28px center;
	background-size: 1.5rem;
	padding-top: 5px;
}

.not_current_folder {
	background-image: url(../img/folder_blue.svg);
	background-repeat: no-repeat;
	background-position: right 28px center;
	background-size: 1.5rem;
	padding-top: 5px;
}

.counter_big_img {
	max-height: 40rem;
}

/*.follow_img {
	position: fixed;
	left: 870px;
	height: 265px;
	top: 50px;
}*/

.imgs {
	position: sticky;
	top: 50px;
}

.ensure_height {
	height: 100%;
}

#detail_img {
	height: 100%;
	display: block;
}

.claims,
.description,
#select_img {
	display: inline-block;
	padding-top: 50px;
	margin-top: -50px;
	content: "";
}

.areacss {
	padding: 0 2.1rem 1.1rem 2.1rem;
}

.float_btn-top {
	position: fixed;
	right: 10px;
	bottom: 30px;
	z-index: 5;
}

.float_btn-top a.button {
	padding-left: 36px;
	padding-right: 15px;
	background-image: url(../img/up_arrow.svg);
	background-repeat: no-repeat;
	background-position: left 12px top 10px;
	background-size: 16px;
}

.search_result-list .hitnumber .pagination {
	font-size: 14px;
	margin: 0;
}

.kill_a {
	text-decoration: none;
	color: #000;
}

.kill_a:hover {
	color: rgb(0, 0, 0)
}

.sayu {
	justify-content: space-between;
}

.formblock_search-cond .cond2.command_box {
	width: 385.5px;
	height: 39px;
	overflow: hidden;
	text-align: center;
}

.formblock_search-cond .form_item.command_boxes {
	background-image: none;
	padding: 10px;
}

.formblock_search-cond .cond4.command_hit {
	width: 160px;
}

.form_item_add {
	margin-bottom: 15px;
}

.command_cond3 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.page_title span.whats_new_icon {
	background-image: url(../img/icon_information.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 26px;
	padding: 10px 5px 5px 35px;
}

.whats_new {
	padding: 0 20px;
	max-width: 1240px;
	margin: 0 auto;
}

.whats_new_list {
	background-color: #ddd;
	margin: 20px 0px;
	padding: 20px;
}

.new_info {
	color: red
}

.info_text {
	margin-left: 14px;
}

.notice_default {
	position: relative;
	z-index: 10;
	display: block;
	text-decoration: none;
	/*	min-width: 180px;*/
	padding: 0 20px;
	height: 50px;
	/*    line-height: 50px;*/
	margin-top: -50px;
	cursor: pointer;
	/*    transition: 0.1s;	*/
}

/*.notice_default:hover {
    background-color: #008eff;
}
*/
.notice {
	background-image: url(../img/icon_notice.svg);
	background-repeat: no-repeat;
	/*	background-position: top 1px right 40px;*/
	background-position: top -4px right -4px;
	background-size: 1.8rem;
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
	position: relative;
	z-index: 10;
	display: block;
	text-decoration: none;
	/*	min-width: 180px;*/
	padding: 0 20px;
	height: 50px;
	margin-top: -50px;
	cursor: pointer;
}

@-webkit-keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

.center_img {
	text-align: center;
	margin: 30px;
}

.data_rank_kenrisha_head,
.data_rank_user_head,
.data_rank_soshiki_head {
	text-align: center;
}

/*.command_cond4 {
	width: 15%;
}*/

.formblock_search-cond .command_cond4.command_hit {
	width: 160px;
}

.ranking_list .rank_category_select #cron:hover {
	color: #fff;
	border: #3ad6b2;
	background-color: #3ad6b2;
}

.ranking_list .rank_category_select #reset:hover {
	color: #fff;
	border: #F987C5;
	background-color: #F987C5;
}

.everyone_block .report_block {
	padding-left: 5px;
	position: relative;
}

@media only screen and (max-width: 960px) {
	.everyone_block .report_block {
		padding-top: 10px;
		padding-left: 0px;
	}
}

.everyone_block .report_block .text_report {
	font-size: 12px;
	color: #2f7ec4;
	text-decoration: underline;
	cursor: pointer;
}

@media only screen and (max-width: 960px) {
	.everyone_block .report_block .text_report {
		font-size: 14px;
	}
}

.everyone_block .report_block .text_report:hover {
	color: #008eff;
}

.everyone_block .report_form {
	display: none;
	z-index: 5;
	position: absolute;
	top: 24px;
	right: 0;
	background-color: #fafafa;
	padding: 24px;
	min-width: 500px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.layout_member .layout_member-right .contact_member_content {
	max-width: 680px;

}

/* ------------------------------------------------ 

お問い合わせ 2023/10/18追加

---------------------------------------------------*/
.formblock_regist.contact_form {
	padding: 0;
	max-width: 680px;
	margin: 0 auto;
}

.formblock_regist.contact_form .msg {
	padding: 40px 0;
	line-height: 1.8;
}

.formblock_regist.contact_form textarea {
	min-height: 15em;
}

.formblock_regist.contact_form .fb_center {
	margin: 24px 0 0;
}

@media only screen and (max-width: 600px) {
	.formblock_regist.contact_form .fb_center .large {
		padding: 12px 56px;
		white-space: nowrap;
	}
}

.formblock_regist.contact_form .terms {
	padding-top: 10px;
}

.formblock_regist.contact_form .terms label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

@media only screen and (max-width: 600px) {
	.formblock_regist.contact_form .terms label {
		font-size: 15px;
	}
}

/* ------------------------------------------------ 

報告入力フォーム 2023/10/18追加

---------------------------------------------------*/
.everyone_block .report_block {
	padding-left: 5px;
	position: relative;
}

@media only screen and (max-width: 960px) {
	.everyone_block .report_block {
		padding-top: 10px;
		padding-left: 0px;
	}
}

.everyone_block .report_block .text_report {
	font-size: 12px;
	color: #2f7ec4;
	text-decoration: underline;
	cursor: pointer;
	border: unset;
}

@media only screen and (max-width: 960px) {
	.everyone_block .report_block .text_report {
		font-size: 14px;
	}
}

.everyone_block .report_block .text_report:hover {
	color: #008eff;
}

.everyone_block .report_form {
	display: none;
	z-index: 5;
	position: absolute;
	top: 24px;
	right: 0;
	background-color: #fafafa;
	padding: 24px;
	min-width: 500px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 960px) {
	.everyone_block .report_form {
		min-width: 0;
		-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
		width: calc(100% - 70px);
		left: 0px;
		top: 10px;
		right: auto;
	}
}

@media only screen and (max-width: 600px) {
	.everyone_block .report_form {
		width: calc(100% + 70px);
		left: -70px;
	}
}

.everyone_block .report_form .report_form_title {
	font-weight: bold;
	color: #2f7ec4;
}

.everyone_block .report_form .form_label {
	padding: 20px 0 3px;
}

/*.everyone_block .report_form .report_form_item {
	padding-bottom: 10px;
}
*/

.everyone_block .report_form .terms {
	gap: 10px;
	font-size: 0.75rem;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0 0 0px;
}

@media only screen and (max-width: 600px) {
	.everyone_block .report_form .terms {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.everyone_block .report_form input.btn_report {
	padding: 5px 25px;
	font-size: 0.8125rem;
}

.everyone_block .report_form input.btn_cancel {
	padding: 4px 10px;
	font-size: 0.8125rem;
	background-color: transparent;
}

/**
 * Swiper 8.2.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 10, 2022
 */
@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, 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');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: '';
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 10000;
	-ms-flex-order: 9999;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

/* スライドCSS */
.slidebody {
	padding: 80px 50px;
}

@media only screen and (max-width: 560px) {
	.slidebody {
		padding: 40px 30px 80px;
	}
}

.item img {
	width: 100%;
}

/* Swiper CSS */
.swiper-area {
	max-width: 1204px;
	margin: 0 auto;
	position: relative;
}

.swiper-slide {
	background-color: #eee;
	height: auto;
}

.swiper-button-next,
.swiper-button-prev {
	display: -ms-grid;
	display: grid;
	place-content: center;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

@media only screen and (max-width: 560px) {

	.swiper-button-next,
	.swiper-button-prev {
		width: 30px;
	}
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.3;
}

.swiper-button-prev {
	left: -50px;
}

@media only screen and (max-width: 560px) {
	.swiper-button-prev {
		left: -30px;
	}
}

.swiper-button-next {
	right: -50px;
}

@media only screen and (max-width: 560px) {
	.swiper-button-next {
		right: -30px;
	}
}

.swiper-button-next::after,
.swiper-button-prev::after {
	width: 25px;
	height: 25px;
	content: "";
	border: solid #2f7ec4;
	border-width: 2px 2px 0 0;
}

@media only screen and (max-width: 560px) {

	.swiper-button-next::after,
	.swiper-button-prev::after {
		width: 15px;
		height: 15px;
	}
}

.swiper-button-prev::after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.swiper-button-next::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: 1;
}

.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}

.swiper-pagination {
	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;
	margin-top: 30px;
	text-align: center;
}

@media only screen and (max-width: 560px) {
	.swiper-pagination {
		margin-top: 20px;
	}
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0 5px;
	border-radius: 50%;
	background-color: #ccc;
}

@media only screen and (max-width: 560px) {
	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}
}

.swiper-pagination-bullet-active {
	background-color: #2f7ec4;
}

#send_mail {
	padding: 12px 60px;
}

#privacy_policy,
#terms_of_service {
	text-align: left
}

.contact_ToS,
.contact_PP {
	margin: 0px 6px 1px 0px;
}

.rep_err {
	padding-bottom: 10px;
	color: red;
}

.rep_agr_err {
	padding-bottom: 20px
}

.lawyer {
	padding: 5px 10px;
	color: #777;
	white-space: nowrap;
	background-color: #f3f3f3;
	text-align: center;
}

/*a.lawyer_name {
	font-size: 1.25rem;
	font-weight: bold;
}

p.lawyer_name {
	font-size: 1.25rem;
}*/

.data_rank_kenrisha_head {
	width: 390px
}

.data_rank_dairinin {
	width: 210px;
	display: block;
	text-align: center;
}


.emphasis{
	/*background-color: #FFEEEE;*/

	/*↓アンダーライン*/
	/*background:linear-gradient(transparent 75%, #ffadad 75%);*/

	background-color: #ffb4fa;
	padding: 1px 4px;
	font-weight: normal;
	white-space: nowrap;
}


/* ------------------------------------------------------------- 

条件検索 - 条件保存・読出POPUP 2023/12/06追加
search_conditional_popup.html

--------------------------------------------------------------*/
.terms_fb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 20px;
}
@media only screen and (max-width: 960px) {
  .terms_fb {
    display: block;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  .terms_fb {
    padding: 0 5px;
  }
}
.terms_fb .terms_fb_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 960px) {
  .terms_fb .terms_fb_inner {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .terms_fb .terms_fb_inner {
    display: block;
  }
}
.terms_fb .terms_fb_inner .terms_fb_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  border-bottom: solid 1px #aaa;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 600px) {
  .terms_fb .terms_fb_inner .terms_fb_name {
    gap: 5px;
  }
}
.terms_fb .terms_fb_inner .terms_fb_name .label {
  padding: 5px 10px;
  font-size: 12px;
  margin-right: 5px;
  border-radius: 2px;
  color: #000;
  background-color: #eee;
}
.terms_fb .terms_fb_inner .terms_fb_name .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 600px) {
  .terms_fb .terms_fb_inner .btn {
    text-align: right;
    margin-bottom: 10px;
  }
}
.terms_fb .terms_fb_inner .btn input {
  font-size: 13px;
  padding: 8px 20px;
}
@media only screen and (max-width: 600px) {
  .terms_fb .terms_fb_inner .btn input {
    font-size: 16px;
    padding: 8px 10px;
  }
}
.terms_fb .about_enzanshi {
  padding-bottom: 0;
  width: 160px;
}
@media only screen and (max-width: 960px) {
  .terms_fb .about_enzanshi {
    text-align: right;
    width: auto;
  }
}
#cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100svh;
  background-color: rgba(0, 0, 0, 0.5);
}
#popup_tems {
  display: none;
  width: 525px;
  padding: 30px 15px 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 20px;
  background-color: #f5f5f5;
  border: solid 1px #2f7ec4;
  -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 600px) {
  #popup_tems {
    width: 90%;
    padding: 30px 15px 15px;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
  }
}
#popup_tems .btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  padding: 0px 30px 20px 0;
}
@media only screen and (max-width: 600px) {
  #popup_tems .btn_group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
    padding: 0px 0px 20px 0;
  }
}
#popup_tems .btn_group .btn_blue {
  padding: 5px 20px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .btn_group .btn_blue {
    padding: 5px 18px;
    font-size: 14px;
  }
}
#popup_tems .btn_group .btn_gray {
  padding: 5px 20px;
  background-color: #555;
}
#popup_tems .btn_group .btn_gray:hover {
  background-color: #888;
}
@media only screen and (max-width: 600px) {
  #popup_tems .btn_group .btn_gray {
    padding: 5px 10px;
    font-size: 14px;
    margin-left: auto;
  }
}
#popup_tems .list_block {
  max-height: 240px;
  overflow-y: scroll;
  padding: 12px 0;
  margin: 15px 0 15px;
  background-color: #fafafa;
  border: solid 1px #ccc;
}
@media only screen and (max-width: 600px) {
  #popup_tems .list_block {
    padding: 12px 5px;
    border-radius: 0px;
  }
}
#popup_tems .layout_fb + .layout_fb {
  padding-top: 10px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb + .layout_fb {
    padding-top: 5px;
  }
}
#popup_tems .layout_fb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb {
    gap: 2px;
  }
}
#popup_tems .layout_fb .label {
  font-size: 12px;
  padding: 4px;
}
#popup_tems .layout_fb .fb1 {
  width: 30px;
  text-align: right;
  margin-right: 5px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb .fb1 {
    width: 25px;
    margin-right: 0;
    text-align: center;
  }
}
#popup_tems .layout_fb .fb2 {
  width: 140px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb .fb2 {
    width: 110px;
  }
}
#popup_tems .layout_fb .fb2 input {
  height: 38px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb .fb2 input {
    font-size: 12px;
    height: 40px;
  }
}
#popup_tems .layout_fb .fb3 {
  width: 280px;
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb .fb3 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 12px;
    width: auto;
  }
}
@media only screen and (max-width: 600px) {
  #popup_tems .layout_fb .fb3 input {
    font-size: 12px;
    padding: 10px 5px;
    height: 40px;
  }
}
#popup_tems .popup_close {
  text-align: center;
}
#popup_tems .popup_close span#btn_popup_close {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #888;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 600px) {
  #popup_tems .popup_close span#btn_popup_close {
    font-size: 16px;
  }
}
#popup_tems .popup_close span#btn_popup_close:hover {
  color: #000;
}
#popup_tems .popup_close span#btn_popup_close:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
/**
 * Swiper 8.2.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 10, 2022
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
/* スライドCSS */
.slidebody {
  padding: 80px 50px;
}
@media only screen and (max-width: 560px) {
  .slidebody {
    padding: 40px 30px 80px;
  }
}
.item img {
  width: 100%;
}
/* Swiper CSS */
.swiper-area {
  max-width: 1204px;
  margin: 0 auto;
  position: relative;
}
.swiper-slide {
  background-color: #eee;
  height: auto;
}
.swiper-button-next,
.swiper-button-prev {
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 560px) {
  .swiper-button-next,
.swiper-button-prev {
    width: 30px;
  }
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.3;
}
.swiper-button-prev {
  left: -50px;
}
@media only screen and (max-width: 560px) {
  .swiper-button-prev {
    left: -30px;
  }
}
.swiper-button-next {
  right: -50px;
}
@media only screen and (max-width: 560px) {
  .swiper-button-next {
    right: -30px;
  }
}
.swiper-button-next::after,
.swiper-button-prev::after {
  width: 25px;
  height: 25px;
  content: "";
  border: solid #2f7ec4;
  border-width: 2px 2px 0 0;
}
@media only screen and (max-width: 560px) {
  .swiper-button-next::after,
.swiper-button-prev::after {
    width: 15px;
    height: 15px;
  }
}
.swiper-button-prev::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.swiper-button-next::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}
.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.swiper-pagination {
  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;
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 560px) {
  .swiper-pagination {
    margin-top: 20px;
  }
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #ccc;
}
@media only screen and (max-width: 560px) {
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
}
.swiper-pagination-bullet-active {
  background-color: #2f7ec4;
}

/*不足していたCSS_12_11*/


input[type=date] {
  padding: 7px;
  border-radius: 3px;
  text-align: left;
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
}
@media only screen and (max-width: 600px) {
  input[type=date] {
    padding: 11px 8px;
  }
}
input[type=date]:focus {
  border: solid 1px #000;
}
.error select,
.error input[type=text],
.error input[type=date],
.error input[type=password] {
  border: solid 1px #ff0000;
}
.error select:focus,
.error input[type=text]:focus,
.error input[type=date]:focus,
.error input[type=password]:focus {
  border: solid 1px #ff0000;
}


/*# sourceMappingURL=style-dist.css.map */