@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;800&display=swap');

html {
	font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, "游ゴシック Medium", "Yu Gothic Medium", '游ゴシック', "Yu Gothic", 'メイリオ', sans-serif;
	font-size: calc(100vw / 37.5);
	overflow-x: hidden;
}

body {
	min-width: 100vw;
	margin: 0;
	position: relative;
	-webkit-text-size-adjust: 100%;
	overflow: hidden;
	color: #333;
}

@media (min-width: 992px) {
	html {
		font-size: calc(100vw / 130);
	}

	body {
		width: 100%;
		min-width: unset;
	}

	/*  Site Logo  */
	h1 {
		width: 25.2rem;
		padding: 0 0 0 1rem;
	}

}

@media (min-width: 1321px) {
	html {
		font-size: 10px;
	}
}

/*  reset  */
*,
*:before,
*:after {
	box-sizing: border-box;
	position: relative;
}

dd {
	margin-inline-start: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border: none;
}

header img,
main img {
	max-width: unset;
}

ul,
ol {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

/*  common  */
.clearfix {
	clear: both;
}

.clearfix::after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

.sp-visible {
	display: unset !important;
}
.pc-visible {
	display: none !important;
}
@media (min-width: 992px) {
	.sp-visible {
		display: none !important;
	}
	.pc-visible {
		display: unset !important;
	}
}

a {
	color: #333;
	transition: 0.3s;
	text-decoration: none;
}

a:hover {
	color: #00A0E9;
	text-decoration: none;
}

p {
	font-size: 1.6rem;
	line-height: 2.9rem;
	text-align: justify;
}
table td p {
	line-height: 150%;
}


@media (min-width: 992px) {
	.float-lg-left {
		float: left !important;
	}
	.float-lg-right {
		float: right !important;
	}
	.float-lg-none {
		float: none !important;
	}
}


/* grid over-ride */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding: 0;
}

@media (min-width: 576px) {
	.container,
	.container-sm {
		max-width: unset;
	}
}

/* margin, padding */
.pr-19 {
	padding-right: 1.9rem !important;
}
.pl-19 {
	padding-left: 1.9rem !important;
}
@media (min-width: 992px) {
	.pr-lg-160 {
		padding-right: 16rem !important;
	}
	.pl-lg-160 {
		padding-left: 16rem !important;
	}
}

/* wrapper, container */
.wrapper {
	width: 100%;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 992px) {
	.wrapper {
		max-width: 100%;
		width: 100%;
	}
}
.container {
	/*width: 33.7rem;*/
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
@media (min-width: 992px) {
	.container {
		width: 132rem;
		max-width: 1320px;
	}
}

.row {
	margin: 0;
}

/*  content wrap  */


main {
	width: 100vw;
	overflow: hidden;
}
/* mac os safari 
-::-webkit-full-page-media, -:future, :root main {
	overflow: visible;
}*/
section {
	width: 100%;
}
section:after {
	display: block;
	content: "";
	height: 0;
	clear: both;
}

/* IE用メッセージ */
.ie-alert {
	width: 100vw;
	z-index: 99999;
	background-color: #ff4200;
	color: #fff;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	position: fixed;
	top: 0;
}


/*  Header  */
header {
	height: 6rem;
	z-index: 999;
	top: 0;
	left: 0;
	height: auto;
	overflow: hidden;
	width: 100%;
	position: fixed;
	background: #5271FF;
}

header .container {
	width: 34.5rem;
}

header #pc-header,
header #pc-header-top {
	display: none;
}

header #header-box {
	display: block;
	position: relative;
	height: 6rem;
	padding-top: 1.3rem;
}


/*  Site Logo  */
header #header-box .left-area {
	display: flex;
	align-items: center;
	justify-content: normal;
}

header #header-box h1 {
	/*font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	padding: 0 0 0 0.5rem;*/
	padding: 0;
}

header #header-box img {
	width: auto;
	height: 3.5rem;
}


/*  SP MENUボタン  */
.nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	width: 5rem;
	height: 6rem;
	cursor: pointer;
	z-index: 3;
	text-align: center;
	transition: .35s ease-in-out;
}

.nav-toggle span {
	display: block;
	position: absolute;
	width: 2.0rem;
	border-bottom: solid 0.3rem #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 1.5rem;
}

.nav-toggle span:nth-child(1) {
	top: 1.2rem;
}

.nav-toggle span:nth-child(2) {
	top: 2.0rem;
}

.nav-toggle span:nth-child(3) {
	top: 2.8rem;
}

.nav-toggle.active {
	transition: .35s ease-in-out;
}

.nav-toggle.active span:nth-child(1) {
	top: 2rem;
	left: 1.5rem;
	border-bottom: solid 0.3rem #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-toggle.active span:nth-child(2),
.nav-toggle.active span:nth-child(3) {
	top: 2rem;
	border-bottom: solid 0.3rem #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-toggle .menu {
	margin: 3.4rem auto auto auto;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 500;
}

nav.sp-menu-body.active {
	transform: translateY(0%);
}


/*  SP　ハンバーガー  */
nav.sp-menu-body {
	position: fixed;
	top: 6rem;
	left: 0;
	color: #000;
	text-align: center;
	transform: translateX(100%);
	transition: all 0.6s;
	width: 100%;
	height: calc(100% + 6rem); 
	padding: 0 0 0 0;
	overflow-y: scroll;
	z-index: 100;
}

nav.sp-menu-body .sp-menu {
	opacity: 1;
	position: fixed;
	top: 0;
	position: absolute;
	width: 37.5rem;
	background-color: #fff;
	padding: 2rem 0 2rem 0;
	transition: 0.5s;
	height: 75rem;
	z-index: 101;
}

header #header-box a.bo-mail,
header #header-box a.bo-help {
	position: fixed;
	width: 4.5rem;
	height: 4.5rem;
	text-align: center;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	padding: 2.9rem 0 0 0;
	margin: 0 0.2rem 0 0;
	float: right;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
}

header #header-box a.bo-help {
	right: 4.7rem;
	top: 0.5rem;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.474%22%20height%3D%2220%22%20viewBox%3D%220%200%2011.474%2020%22%3E%3Cpath%20d%3D%22M266.263-826.316a8.824%2C8.824%2C0%2C0%2C1%2C.382-3.066%2C5.986%2C5.986%2C0%2C0%2C1%2C1.618-2.04%2C14.372%2C14.372%2C0%2C0%2C0%2C1.645-1.645%2C2.457%2C2.457%2C0%2C0%2C0%2C.566-1.592%2C2.4%2C2.4%2C0%2C0%2C0-.724-1.79%2C2.751%2C2.751%2C0%2C0%2C0-2.013-.71%2C2.535%2C2.535%2C0%2C0%2C0-2.039.816%2C5.148%2C5.148%2C0%2C0%2C0-.987%2C1.658L262-835.842a6.37%2C6.37%2C0%2C0%2C1%2C2.026-2.921A5.575%2C5.575%2C0%2C0%2C1%2C267.737-840a5.635%2C5.635%2C0%2C0%2C1%2C4.25%2C1.539%2C5.133%2C5.133%2C0%2C0%2C1%2C1.487%2C3.7%2C4.263%2C4.263%2C0%2C0%2C1-.566%2C2.25%2C11.374%2C11.374%2C0%2C0%2C1-1.776%2C2.119%2C7.164%2C7.164%2C0%2C0%2C0-1.566%2C1.881%2C6.142%2C6.142%2C0%2C0%2C0-.276%2C2.2ZM267.737-820a2.027%2C2.027%2C0%2C0%2C1-1.487-.619%2C2.027%2C2.027%2C0%2C0%2C1-.618-1.487%2C2.028%2C2.028%2C0%2C0%2C1%2C.618-1.487%2C2.028%2C2.028%2C0%2C0%2C1%2C1.487-.618%2C2.028%2C2.028%2C0%2C0%2C1%2C1.487.618%2C2.028%2C2.028%2C0%2C0%2C1%2C.618%2C1.487%2C2.027%2C2.027%2C0%2C0%2C1-.618%2C1.487A2.027%2C2.027%2C0%2C0%2C1%2C267.737-820Z%22%20transform%3D%22translate(-262%20840)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 1.1rem auto;
	background-position: 1.8rem 0.7rem;
	background-repeat: no-repeat;
}

header #header-box a.bo-mail {
	right: 9.4rem;
	top: 0.5rem;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20d%3D%22M82-784a1.926%2C1.926%2C0%2C0%2C1-1.412-.588A1.926%2C1.926%2C0%2C0%2C1%2C80-786v-12a1.926%2C1.926%2C0%2C0%2C1%2C.588-1.412A1.926%2C1.926%2C0%2C0%2C1%2C82-800H98a1.926%2C1.926%2C0%2C0%2C1%2C1.412.588A1.926%2C1.926%2C0%2C0%2C1%2C100-798v12a1.926%2C1.926%2C0%2C0%2C1-.588%2C1.412A1.926%2C1.926%2C0%2C0%2C1%2C98-784Zm8-7-8-5v10H98v-10Zm0-2%2C8-5H82Zm-8-3v0Z%22%20transform%3D%22translate(-80%20800)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 2rem auto;
	background-position: 1.5rem 0.9rem;
	background-repeat: no-repeat;
}

header #header-box a.bo-mail:hover,
header #header-box a.bo-help:hover {
	opacity: 0.5;
}

header #header-box a.bo-mail span {
	position: absolute;
	top: 0rem;
	left: 3.5rem;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background: #E22B2B;
}

.sp-menu a,
.sp-menu a img {
	display: block;
}

.sp-menu .menu-logo {
	width: 80%;
	margin: 0 auto;
	-webkit-filter: brightness(999);
	-moz-filter: brightness(999);
	-o-filter: brightness(999);
	-ms-filter: brightness(999);
	filter: brightness(999);
}

.sp-menu .menu-container {
	/*width: 33.7rem;*/
	margin: 0 auto;
}

.sp-menu .menu-container .user-photo {
	width: 10.6rem;
	height: 10.6rem;
	margin: 0 auto;
}

.sp-menu .menu-container .user-photo img {
	width: 10.6rem;
	height: 10.6rem;
	border-radius: 50%;
}

.sp-menu .menu-container .user-name {
	width: 100%;
	margin: 1rem 0 0 0;
	text-align: center;
}

.sp-menu .menu-container ul.user-menu {
	width: 100%;
	margin: 2rem 0 2rem 0;
	list-style-type: none;
	overflow:  auto; 
}

.sp-menu .menu-container ul.user-menu li {
	width: 33.3%;
	height: 8rem;
	margin: 2rem 0 0 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	float: left;
}

.sp-menu .menu-container ul.user-menu li img {
	width: auto;
	height: 2.9rem;
	margin: 0 auto 1rem auto;;
}

.sp-menu .menu-container a.s-button {
	width: 16rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
	border: none;
	border-radius: 2rem;
}

.sp-menu .menu-container .logout-button {
	display: block;
	width: 9rem;
	max-width: 28rem;
	color: #333;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	text-align: center;
	margin: 2rem auto 0 auto;
	border: none;

}

.sp-menu .menu-container .close-button {
	display: inline-block;
	width: 8rem;
	max-width: 28rem;
	color: #333;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	text-align: left;
	margin: 2rem auto 0 auto;
	border: none;

}

.sp-menu .menu-container .close-button::after {
	position: absolute;
	top: 0.7rem;
	bottom: 0;
	right: -1rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 2rem;
	height: 0.5rem;
	background: #333;
	transform: translate(-50%,-50%) rotate(-45deg);
}

.sp-menu .menu-container .close-button::before {
	position: absolute;
	top: 0.7rem;
	bottom: 0;
	right: -1rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 2rem;
	height: 0.5rem;
	background: #333;
	transform: translate(-50%,-50%) rotate(45deg);
}


/*  breadcrumb  */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.breadcrumb li a {
	font-size: 1.3rem;
	color: #A0A0A0;
	text-decoration: underline;
}

.breadcrumb li a:hover {
	color: #00A0E9;
	text-decoration: none;
}

.breadcrumb li {
	font-size: 1.3rem;
	color: #A0A0A0;
}

.breadcrumb li:not(:last-of-type)::after {
	content: ">";
	margin: 0.7rem;
	color: #A0A0A0;
}

@media (min-width: 992px) {
	.breadcrumb {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}

	.breadcrumb li a {
		font-size: 1.4rem;
		color: #A0A0A0;
		text-decoration: underline;
	}

	.breadcrumb li a:hover {
		color: #00A0E9;
		text-decoration: none;
	}

	.breadcrumb li {
		font-size: 1.4rem;
		color: #A0A0A0;
	}

	.breadcrumb li:not(:last-of-type)::after {
		content: ">";
		margin: 0.7rem;
		color: #A0A0A0;
	}
}


/*  pagination  */
.pagination {
	width: 100%;
	height: 3rem;
	margin: 2rem 0;
	text-align: center;
}

.pagination span a {
	display: inline-block;
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem;
        border-radius: 50%;
        text-align: center;
        background: #fff;
        margin: 0 0 0 0.5rem;
        font-size: 1.3rem;
        font-weight: 500;
	color: #333;
	border: 0.1rem solid #E0E0E0;
}

.pagination span a:hover {
        background: #5271FF;
	color: #fff;
	border: 0.1rem solid #E0E0E0;
}

.pagination span.active a {
	display: inline-block;
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem;
        border-radius: 50%;
        text-align: center;
        background: #5271FF;
        margin: 0 0 0 0.5rem;
        font-size: 1.4rem;
        font-weight: 500;
	color: #fff;
	border: 0.1rem solid #E0E0E0;
}

.pagination span.next a,
.pagination span.next-inactive a {
	display: inline-block;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        text-align: center;
	margin: 0 0 0 1rem;
        font-size: 1.4rem;
        font-weight: 500;
	color: #333;
        background: none;
	border: none;
}

.pagination span.next a::after,
.pagination span.next-inactive a::after {
	content: ">";
	margin: 0.5rem;
	color: #333;
}

.pagination span.previous a,
.pagination span.previous-inactive a {
	display: inline-block;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        text-align: center;
        margin: 0;
        font-size: 1.4rem;
        font-weight: 500;
	color: #333;
        background: none;
	border: none;
}

.pagination span.previous a::before,
.pagination span.previous-inactive a::before {
	content: "<";
	margin: 0.5rem;
	color: #333;
}

@media (min-width: 992px) {

	.pagination {
		margin: 4rem 0;
	}

	.pagination span a {
		display: inline-block;
	        width: 5rem;
	        height: 5rem;
	        line-height: 5rem;
	        border-radius: 50%;
	        text-align: center;
	        background: #fff;
	        margin: 0 0 0 1rem;
	        font-size: 1.6rem;
	        font-weight: 500;
		color: #333;
		border: 0.1rem solid #E0E0E0;
	}

	.pagination span a:hover {
	        background: #5271FF;
		color: #fff;
		border: 0.1rem solid #E0E0E0;
	}

	.pagination span.active a {
		display: inline-block;
	        width: 5rem;
	        height: 5rem;
	        line-height: 5rem;
	        border-radius: 50%;
	        text-align: center;
	        background: #5271FF;
	        margin: 0 0 0 1rem;
	        font-size: 1.6rem;
	        font-weight: 500;
		color: #fff;
		border: 0.1rem solid #E0E0E0;
	}

	.pagination span.next a,
	.pagination span.next-inactive a {
		display: inline-block;
	        width: 6rem;
	        height: 5rem;
	        line-height: 5rem;
	        text-align: center;
		margin: 0 0 0 1rem;
	        font-size: 1.6rem;
	        font-weight: 500;
		color: #333;
	        background: none;
		border: none;
	}

	.pagination span.next a::after,
	.pagination span.next-inactive a::after {
		content: ">";
		margin: 0.7rem;
		color: #333;
	}

	.pagination span.previous a,
	.pagination span.previous-inactive a {
		display: inline-block;
	        width: 6rem;
	        height: 5rem;
	        line-height: 5rem;
	        text-align: center;
	        margin: 0;
	        font-size: 1.6rem;
	        font-weight: 500;
		color: #333;
	        background: none;
		border: none;
	}

	.pagination span.previous a::before
	.pagination span.previous-inactive a::before {
		content: "<";
		margin: 0.7rem;
		color: #333;
	}

}


@media (min-width: 992px) {

	header {
		position: fixed;
		width: 100%;
		height: 7rem;
		background-color: #5271FF;
		top: 0;
		left: 0;
	}

	header .container {
		width: 132rem;
		max-width: 1320px;
		overflow: visible;
		margin: 0 auto;
	}

	header .nav-toggle {
		display: none;
	}

	header #header-box {
		display: block;
		height: auto;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		padding: 1rem 0 0 0;
	}

	header #header-box h1 {
		/*font-size: 2rem;
		font-weight: 700;
		color: #fff;
		padding: 0 0 0 1rem;*/
		padding: 0;
	}

	header #header-box img {
	        width: auto;
	        height: 5rem;
	}

	header #header-box:after {
		clear: both;
		width: 100%;
		height: 0;
		content: "";
		display: block;
	}

	header #header-box .left-area {
		width: 50%;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: normal;
		justify-content: normal;
	}

	header #header-box .right-area {
		width: 50%;
	}

	body.logined header #header-box .right-area {
		margin-top: -2rem;
	}

	header #header-box a.bo-mail,
	header #header-box a.bo-help {
		position: static;
		width: 5rem;
		height: 5rem;
		text-align: center;
		display: block;
		color: #fff;
		font-size: 1.4rem;
		font-weight: 500;
		padding: 2.9rem 0 0 0;
		margin: 0 2rem 0 0;
		float: right;
		cursor: pointer;
		transition: 0.3s;
	}

	header #header-box a.bo-mail {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20d%3D%22M82-784a1.926%2C1.926%2C0%2C0%2C1-1.412-.588A1.926%2C1.926%2C0%2C0%2C1%2C80-786v-12a1.926%2C1.926%2C0%2C0%2C1%2C.588-1.412A1.926%2C1.926%2C0%2C0%2C1%2C82-800H98a1.926%2C1.926%2C0%2C0%2C1%2C1.412.588A1.926%2C1.926%2C0%2C0%2C1%2C100-798v12a1.926%2C1.926%2C0%2C0%2C1-.588%2C1.412A1.926%2C1.926%2C0%2C0%2C1%2C98-784Zm8-7-8-5v10H98v-10Zm0-2%2C8-5H82Zm-8-3v0Z%22%20transform%3D%22translate(-80%20800)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
		background-size: 2rem auto;
		background-position: 1.5rem 0.9rem;
		background-repeat: no-repeat;
	}

	header #header-box a.bo-help {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.474%22%20height%3D%2220%22%20viewBox%3D%220%200%2011.474%2020%22%3E%3Cpath%20d%3D%22M266.263-826.316a8.824%2C8.824%2C0%2C0%2C1%2C.382-3.066%2C5.986%2C5.986%2C0%2C0%2C1%2C1.618-2.04%2C14.372%2C14.372%2C0%2C0%2C0%2C1.645-1.645%2C2.457%2C2.457%2C0%2C0%2C0%2C.566-1.592%2C2.4%2C2.4%2C0%2C0%2C0-.724-1.79%2C2.751%2C2.751%2C0%2C0%2C0-2.013-.71%2C2.535%2C2.535%2C0%2C0%2C0-2.039.816%2C5.148%2C5.148%2C0%2C0%2C0-.987%2C1.658L262-835.842a6.37%2C6.37%2C0%2C0%2C1%2C2.026-2.921A5.575%2C5.575%2C0%2C0%2C1%2C267.737-840a5.635%2C5.635%2C0%2C0%2C1%2C4.25%2C1.539%2C5.133%2C5.133%2C0%2C0%2C1%2C1.487%2C3.7%2C4.263%2C4.263%2C0%2C0%2C1-.566%2C2.25%2C11.374%2C11.374%2C0%2C0%2C1-1.776%2C2.119%2C7.164%2C7.164%2C0%2C0%2C0-1.566%2C1.881%2C6.142%2C6.142%2C0%2C0%2C0-.276%2C2.2ZM267.737-820a2.027%2C2.027%2C0%2C0%2C1-1.487-.619%2C2.027%2C2.027%2C0%2C0%2C1-.618-1.487%2C2.028%2C2.028%2C0%2C0%2C1%2C.618-1.487%2C2.028%2C2.028%2C0%2C0%2C1%2C1.487-.618%2C2.028%2C2.028%2C0%2C0%2C1%2C1.487.618%2C2.028%2C2.028%2C0%2C0%2C1%2C.618%2C1.487%2C2.027%2C2.027%2C0%2C0%2C1-.618%2C1.487A2.027%2C2.027%2C0%2C0%2C1%2C267.737-820Z%22%20transform%3D%22translate(-262%20840)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
		background-size: 1.1rem auto;
		background-position: 1.8rem 0.7rem;
		background-repeat: no-repeat;
	}

	header #header-box a.bo-mail:hover,
	header #header-box a.bo-help:hover {
		opacity: 0.5;
	}

	header #header-box a.bo-mail span {
		position: absolute;
		top: -0.3rem;
		left: 56.2rem;
		width: 1.4rem;
		height: 1.4rem;
		border-radius: 50%;
		background: #E22B2B;
	}

	/* mac os safari */
	-::-webkit-full-page-media, -:future, :root header {
	}
	-::-webkit-full-page-media, -:future, :root #header-box {
		position: unset;
	}

	-::-webkit-full-page-media, -:future, :root header #header-box:after {
		height: 0;
	}
	-::-webkit-full-page-media, -:future, :root header:after {
		clear: both;
		width: 100%;
		content: "";
		display: block;
	}

}

main {
	padding-top: 6rem;
	width: 100%;
}

@media (min-width: 992px) {
	main {
		padding-top: 7rem;
		width: 100%;
	}
}

/* footer */
footer {
	width: 100%;
	padding: 4rem 0 2rem;
	z-index: 0;
}

footer ul {
	list-style-type: none;
	width: 70%;
	margin: 1rem auto 0;
}
footer ul li {
	text-align: center;
}
footer ul li a {
	color: #232323;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 180%;
}
footer p.copy {
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.8rem;
}

#backtotop {
	content: "";
	bottom: 2rem;
	cursor: pointer;
	display: block;
	position: fixed;
	right: 2rem;
	z-index: 9999;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.5);
}
#backtotop::after {
	display: block;
	content: "";
	position: relative;
	left: 1.25rem;
	top: 1.4rem;
	width: 1.5rem;
	height: 1.5rem;
	border-top: 0.5rem solid #fff;
	border-right: 0.5rem solid #fff;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


@media (min-width: 992px) {
	footer {
		padding: 6rem 0 2rem;
	}
	footer::before {
		width: 13.1rem;
		height: 11.1rem;
		background-size: 13.1rem 11.1rem;
		left: 4rem;
	}
	footer ul {
		list-style-type: none;
		width: 50%;
		margin: 0 auto 4rem;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content:         space-between;
	}

	footer ul li {
		text-align: center;
	}
	footer ul li a {
		font-weight: 700;
		font-size: 1.6rem;
	}

	footer ul li a::after {
		position: absolute;
		bottom: -0.5rem;
		left: 50%;
		content: '';
		width: 0;
		border-bottom: solid 0.1rem #000;
		transition: 0.2s;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	footer ul li a:hover::after {
		width: 100%;
	}
	footer p.copy {
		text-align: center;
		font-size: 1rem;
		line-height: 1.8rem;
	}

	footer img.isms {
		position: absolute;
		width: 20rem;
		top: -3rem;
		right: 0;
	}

	#backtotop {
		content: "";
		bottom: 2rem;
		cursor: pointer;
		display: block;
		position: fixed;
		right: 2rem;
		z-index: 9999;
		width: 5rem;
		height: 5rem;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.5);
	}
	#backtotop::after {
		display: block;
		content: "";
		position: relative;
		left: 1.55rem;
		top: 1.85rem;
		width: 1.75rem;
		height: 1.75rem;
		border-top: 0.5rem solid #fff;
		border-right: 0.5rem solid #fff;
		border-radius: 2px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

}

h2.blue-line {
	color: #036eb8;
	font-size: 2rem;
	line-height: 130%;
	padding-left: 2rem;
}
h2.blue-line::after {
	display: inline-block;
	content: "";
	width: 0.5rem;
	height: 130%;
	background-color: #036eb8;
	top: -0.5rem;
	left: 0;
	position: absolute;
}
h3.square {
	font-size: 1.6rem !important;
	color: #172a88 !important;
	margin-bottom: 1rem !important;
	background-color: transparent !important;
}
h3.square::before {
	content: "■ " !important;
	display: inline-block !important;
}
h3.underline {
	padding-bottom: 0.5rem !important;
	border-bottom: #074483 1px solid !important;
}

img.p60x50 {
	display: block;
	margin: 0 auto;
	width: 60rem;
	max-height: 50rem;
	object-fit: contain;
}

@media (max-width:992px) {
	img.p60x50 {
		width: 30rem;
		max-height: 25rem;
	}
}


.maincategory {
	width: 90%;
	margin: 2rem auto 2rem;
}
.maincategory span {
	display: inline-block;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.8rem;
	border-radius: 0.5rem;
	padding: 2px 2px;
	word-break: keep-all;
	margin-bottom: 2px;
}
.maincategory span.colomun-815,	/* 記事 */
.maincategory span.colomun-176,	/* 動画 */
.maincategory span.colomun-175	/* クイズ */
{
	background:#004f84;
}
.maincategory span.colomun-170,	/* インターンシップ対策 */
.maincategory span.colomun-174,	/* 自己分析 */
.maincategory span.colomun-169,	/* 選考対策 */
.maincategory span.colomun-173	/* 内定後について */
{
	background:#067750;
}
.maincategory span.colomun-171	/* 業界を学ぶ */
{
	background:#93b027;
}
.maincategory span.colomun-172	/* メーカー系職種を学ぶ */
{
	background:#e99130;
}
.maincategory span.colomun-816	/* IT系職種を学ぶ */
{
	background:#dc4532;
}

.job-description {
	display: block;
	text-align: center;
	padding: 0.5rem 1rem;
	text-align: center;
	background-color: #eb0000;
	color: #fff;
	font-weight: 500;
}

.blue-button-s,
white-button,
.blue-button,
.blue-button-non,
.blue-button-rev {
	width: 29rem;
	max-width: 100%;
	height: 4rem;
	padding: 0.6rem 2.5rem;
	background: linear-gradient(-135deg,#00A0E9,#0078F0);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
}
.blue-button::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	position: absolute;
	right: 1rem;
	top: 26%;
	font-size: 1.8rem;
	color: #fff;
}
.blue-button-rev::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0d9";
	font-weight: 900;
	position: absolute;
	left: 1rem;
	top: 26%;
	font-size: 1.8rem;
	color: #fff;
}
.blue-button-s:hover,
.white-button:hover,
.blue-button:hover,
.blue-button-non:hover,
.blue-button-rev:hover {
	background: #2064A8;
	color: #fff;
}
.white-button {
	background: #fff;
	color: #044484;
}
.blue-button-s {
	padding-top: 0.3rem;
	width: auto;
	max-width: 14rem;
	height: 2.5rem;
	font-size: 1.2rem;
}

a.arrow {
	padding-left: 2rem;
}
a.arrow::before {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	color: #00A0E9;
	font-weight: 900;
	margin-right: 0.5rem;
}

@media (min-width: 1401px) {
	.swiper-wrapper {
		width: 1400px;
	}
}

.morelink {
	border: 1px #0078F0 solid;
	background-color: #0078F0;
	display: block;
	width: 6rem;
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
}


/* エラー表示 */
#err .err-box {
	width: 100%;
	padding: 1rem 2rem 2rem;
	background-color: #fff0f0;
	border-radius: 1rem;
}

#err .err-box ul {
	margin-left: 3rem;
	font-size: 1.4rem;
	line-height: 180%;
	color: #d00707;
}


/* 入力フォーム パーツ */
.required {
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 0.2rem 0.8rem;
	background: #E22B2B;
	border-radius: 1rem;
	margin: 0 0 0 1rem;
}

input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="time"],
select,
textarea {
	font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, "游ゴシック Medium", "Yu Gothic Medium", '游ゴシック', "Yu Gothic", 'メイリオ', sans-serif;
	border: #cdcdcd 1px solid;
	padding: 1rem 0.5rem;
	font-size: 1.6rem;
	color: #333;
	font-family: inherit;
	width: 100%;
}
input::placeholder {
	color: #cdcdcd;
}

input[type="checkbox"].custom-check {
	display: none;
}

input[type="checkbox"].custom-check + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

input[type="checkbox"].custom-check + label::before {
	position: absolute;
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 2px;
	left: 0;
	top: 0;
}

input[type="checkbox"].custom-check + label::after {
	position: absolute;
	content: '';
	display: block;
	width: 1.2rem;
	height: 1.6rem;
	transform: rotate(45deg);
	border-right: 3px solid #2064A8;
	border-bottom: 3px solid #2064A8;
	left: 0.4rem;
	top: -0.2rem;
	opacity: 0;
	transition: 0.3s;
}

input[type="checkbox"].custom-check:checked + label::after {
	opacity: 1;
}

input[type="radio"].custom-radio {
	margin: 0.5rem;
}
input[type="radio"].custom-radio {
	position: absolute;
	opacity: 0;
}
input[type="radio"].custom-radio + label {
	cursor: pointer;
	width: 100%;
	/*display: inline-block;*/
}
input[type="radio"].custom-radio + label:before {
	content: "";
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	position: relative;
	top: 0.2rem;
	margin-right: 1rem;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
input[type="radio"].custom-radio:checked + label {
	color: #0078F0;
}
input[type="radio"].custom-radio:checked + label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
input[type="radio"].custom-radio:focus + label:before {
	outline: none;
	border-color: #3197EE;
}
input[type="radio"].custom-radio:disabled + label {
	cursor: unset;
}
input[type="radio"].custom-radio:disabled + label:before {
	/*box-shadow: inset 0 0 0 4px #f4f4f4;*/
	border-color: #b4b4b4;
	background: #b4b4b4;
}
input[type="radio"].custom-radio + label:empty:before {
	margin-right: 0;
}


.table-wrap {
	width: 100%;
	height: auto;
	overflow-x: scroll;
}

table.search {
	border-collapse: separate;
	border: none;
	width: 100%;
	border-spacing: 0;
}
table.search tr {
	width: 100%;
}
table.search th,
table.search td {
	padding: 1rem 1.5rem;
	text-align: left;
	font-size: 1.6rem;
	vertical-align: middle;
	display: block;
	width: 100%;
}
table.search th {
	background-color: #f5fafe;
	font-weight: 500;
	position: relative;
}
table.search td {
	padding: 1rem;
}
table.search th span.required {
	width: 4rem;
	font-size: 1rem;
	font-weight: 400;
	color: #d00707;
	text-align: center;
	display: inline-block;
	border: #d00707 1px solid;
	padding: 0 0.5rem;
	position: absolute;
	top: 1.5rem;
	right: 1rem;
}
table.search td select {
	max-width: 30.5rem !important;
}

@media (min-width: 992px) {
	.morelink {
		border: 1px #0078F0 solid;
		background-color: #0078F0;
		display: block;
		width: 6rem;
		text-align: center;
		transition: 0.2s;
		font-size: 1.2rem;
		color: #fff;
	}
	.morelink:hover {
		transform: translateY(-3px);
		color: #0078F0;
		background-color: #fff;
	}
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="date"],
	input[type="time"],
	select,
	option,
	textarea {
		font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, "游ゴシック Medium", "Yu Gothic Medium", '游ゴシック', "Yu Gothic", 'メイリオ', sans-serif;
		border: #cdcdcd 1px solid;
		padding: 1rem;
		font-size: 1.6rem;
		color: #333;
		font-family: inherit;
		width: 100%;
		border-radius: 0.5rem;
	}
	input::placeholder {
		font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, "游ゴシック Medium", "Yu Gothic Medium", '游ゴシック', "Yu Gothic", 'メイリオ', sans-serif;
		color: #cdcdcd;
		font-size: 1.4rem;
	}
	input[type="checkbox"].custom-check {
		display: none;
	}
	input[type="checkbox"].custom-check + label {
		display: unset;
		position: relative;
		cursor: pointer;
	}
	input[type="checkbox"].custom-check + label::before {
		position: absolute;
		content: "";
		display: block;
		width: 2rem;
		height: 2rem;
		background: #fff;
		border: 1px solid #aaa;
		border-radius: 2px;
		left: 0;
		top: 0.1rem;
		margin: 0.1rem 0 0 0;
	}
	input[type="checkbox"].custom-check + label::after {
		position: absolute;
		content: '';
		display: block;
		width: 1.2rem;
		height: 1.6rem;
		transform: rotate(45deg);
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		left: 0.4rem;
		top: 0rem;
		opacity: 0;
		transition: 0.3s;
	}
	input[type="checkbox"].custom-check:checked + label::after {
		opacity: 1;
	}

	input[type="checkbox"].custom-check:checked + label::before {
		background: #5270FF;
	}


	.table-wrap {
		width: unset;
		height: unset;
		overflow-x: unset;
	}


	table.search {
		border-collapse: separate;
		border: none;
		width: 100%;
		border-spacing: 1rem;
	}
	table.search th,
	table.search td {
		padding: 1rem 1.5rem;
		text-align: left;
		font-size: 1.6rem;
		vertical-align: middle;
		display: table-cell;
	}
	table.search th {
		background-color: #f5fafe;
		font-weight: 500;
		width: 20%;
		position: relative;
	}
	table.search td {
		width: auto;
	}
	table.search th span.required {
		width: 4rem;
		font-size: 1rem;
		font-weight: 400;
		color: #d00707;
		text-align: center;
		display: inline-block;
		border: #d00707 1px solid;
		padding: 0 0.5rem;
		position: absolute;
		top: 2rem;
		right: 1rem;
	}

	table.search td input[type="email"],
	table.search td input[type="tel"],
	table.search td input[type="text"],
	table.search td input[type="password"],
	table.search td textarea {
		width: 100%;
	}
}

/* ボックス */
.featured-box {
	width: 100%;
	border: 1px solid #d6dde1;
	padding: 0.5rem;
	border-radius: 3px;
}
.featured-box h2.blue,
h2.search-featured,
.featured-box h2 {
	width: 100%;
	background-color: #ff7878;
	padding: 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0;
	border-radius: 3px 3px 0 0;
	color: #fff;
}
.featured-box h2.blue {
	background-color: #0BA8D9;
}
.featured-box h3,
.featured-box h2.grey {
	width: 100%;
	background-color: #d6dde1;
	padding: 1.5rem 2rem;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0 !important;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
}
.featured-box h3::before {
	display: none;
}

.featured-box h3.no-color,
.featured-box h2.no-color {
	width: 100%;
	background-color: unset;
	padding: unset;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0;
	border-radius: 0;
	color: #333;
	border-bottom: unset;
}

.featured-box p.ttl {
	width: 100%;
	background-color: #f5fafe;
	padding: 1.5rem 2rem;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0 !important;
	border-radius: 3px 3px 0 0;
	border-bottom: none !important;
}

table.search-results {
	width: 120rem;
	border-collapse: collapse;
}
table.search-results thead th {
	background-color: #f5fafe;
	padding: 0.5rem 0;
	font-size: 1.5rem;
	border-right: #fff 0.5rem solid;
}
table.search-results thead th:last-child {
	border-right: none;
}
table.search-results tbody tr {
	border-top: #fff 0.5rem solid;
}
table.search-results tbody tr:nth-child(2n) {
	background-color: #f3f5f5;
}
table.search-results tbody th,
table.search-results tbody td {
	color: #333;
	font-size: 1.5rem;
}
table.search-results tbody td {
	padding: 1rem;
}
table.search-results td.company-category {
	width: 20%;
	text-align: center;
	font-size: 1.4rem;
}
table.search-results td.company-category a {
	color: #333;
	font-size: 1.2rem;
}
table.search-results td span::before {
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	display: inline;
	margin: 0 0.5rem;
}
table.search-results td.company-page {
	width: 5%;
	text-align: center;
}
table.search-results td.company-name {
	width: 40%;
}
table.search-results td.company-website {
	width: 35%;
	word-break: break-all;
}
table.search-results td.company-website a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35d";
	color: #0078F0;
	margin-right: 0.5rem;
}


/* 記事 */
#page-header-navy,
#article-header {
	background-color: #074483;
	padding: 2rem;
}
#page-header-navy h1,
#article-header h1 {
	color: #fff;
	font-size: 2rem;
	margin: 0;
}
#article-main {
	margin-top: 4rem;
}
.entry-datetime .entry-day {
	/*font-size: 4rem;*/
	font-size: 2rem;
}
.entry-datetime {
	color: #898989;
}
.entry-title {
	font-size: 1.8rem;
	margin: 0;
}
.entry-content {
	margin: 4rem 0;
}

.entry-content h2 {
	font-size: 1.8rem;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-left: 1.5rem;
	padding-bottom: 1rem;
	margin-top: 3rem;
	margin-bottom: 2rem;
	letter-spacing: 0.1em;
}
.entry-content h2::after {
	content: "";
	display: block;
	width: 5px;
	background-color: #0078F0;
	height: 90%;
	position: absolute;
	left: 0;
	top: 0;
}

.entry-content h3 {
	font-size: 1.8rem;
	position: relative;
	margin-top: 3rem;
	padding: 1rem;
	border-bottom: 3px solid #074483;
}
.entry-content h3:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 20%;
	height: 3px;
	content: '';
	background: #0078F0;
}

.entry-content h4 {
	font-size: 1.6rem;
	position: relative;
	margin-top: 3rem;
	padding: 1rem;
	border-bottom: 1px solid #ccc;
}
.entry-content h5 {
	font-size: 1.6rem;
	margin-top: 3rem;
	position: relative;
	padding: 1rem;
}

/* コラム追加ヘッダー */
.entry-content h3.title-1 {
	position: static;
	padding: 1rem 2rem;
	color: #fff;
	background: #094;
	-webkit-box-shadow: 5px 5px 0 #007032;
	box-shadow: 5px 5px 0 #007032;
	border-bottom: none;
}

.entry-content h3.title-2 {
	position: relative;
	padding: 0 65px;
	text-align: center;
	color: #000;
	border-bottom: none;
}

.entry-content h3.title-2:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #000;
}

.entry-content h3.title-2 span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}

.entry-content h3.title-3 {
	position: static;
	padding: 1rem 3rem;
	color: #fff;
	border-radius: 100vh;
	border-bottom: none;
	background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
	background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
	background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
}

.entry-content h3.title-4 {
	position: relative;
	padding: 1.5rem 2rem;
	color: #fff;
	border-radius: 10px;
	background: #094;
	border-bottom: none;
}

.entry-content h3.title-4:after {
	position: absolute;
	bottom: -9px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #094 transparent transparent transparent;
}

.entry-content h3.title-4:before {
	background: none;
}

.entry-content h3.title-5 {
	position: static;
	color: #000;
}

.entry-content h3.title-1:before,
.entry-content h3.title-3:before,
.entry-content h3.title-5:before {
	background: #fff;
}

.entry-content h3.title-5:first-letter {
	font-size: 150%;
	color: #eb6100;
}

/* 新セミナー */
.seminar-body {
	margin: 4rem 0;
}

.seminar-body h2 {
	font-size: 1.8rem;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-left: 1.5rem;
	padding-bottom: 1rem;
	margin-top: 3rem;
	margin-bottom: 2rem;
	letter-spacing: 0.1em;
}
.seminar-body h2::after {
	content: "";
	display: block;
	width: 5px;
	background-color: #0078F0;
	height: 90%;
	position: absolute;
	left: 0;
	top: 0;
}

.seminar-body h3 {
	font-size: 1.8rem;
	position: relative;
	margin-top: 3rem;
	padding: 1rem;
	border-bottom: 3px solid #074483;
}
.seminar-body h3:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 20%;
	height: 3px;
	content: '';
	background: #0078F0;
}

.seminar-body h4 {
	font-size: 1.6rem;
	position: relative;
	margin-top: 3rem;
	padding: 1rem;
	border-bottom: 1px solid #ccc;
}
.seminar-body h5 {
	font-size: 1.6rem;
	margin-top: 3rem;
	position: relative;
	padding: 1rem;
}


ul.search-condition,
ul.conts {
	width: 100%;
	list-style-type: none;
}
ul.search-condition > li .tcheck {
	display: none;
}
ul.search-condition > li .tlabel {
	width: 100%;
	display: block;
	padding: 1rem 3.5rem 1rem 2rem;
	font-size: 1.6rem;
	font-weight: 700;
	cursor: pointer;
	position: relative;
	border: #d6dde1 1px solid;
}
ul.search-condition > li .tlabel.noborder {
	padding: 1rem 3rem 1rem 1rem;
	font-size: 1.5rem;
	font-weight: 500;
	border: none;
}
ul.search-condition > li .tlabel::before,
ul.search-condition > li .tlabel::after {
	content: "";
	display: inline-block;
	width: 2.3rem;
	height: 0.3rem;
	/*background-color: #108186;*/
	background-color: #0078F0;
	position: absolute;
	top: 2.1rem;
	right: 1.5rem;
	transition: 0.3s;
}


#sp-filter + .tlabel {
	background-color: #0078F0;
	color: #fff;
}
#sp-filter + .tlabel::before,
#sp-filter + .tlabel::after {
	background-color: #fff;
}

ul.search-condition > li .tlabel.noborder::before,
ul.search-condition > li .tlabel.noborder::after {
	width: 2rem;
	top: 2.5rem;
	right: 1.8rem;
}
ul.search-condition > li .tlabel::after {
	transform: rotate(90deg);
	transform-origin: 50% 50%;
}
ul.search-condition li .conts {
	width: 100%;
	padding: 1rem 0 1rem 1rem;
	font-size: 1.6rem;
	line-height: 170%;
}
ul.search-condition > li::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: #d9d9d9 2px solid;
}
ul.search-condition > li .tcheck:checked + .tlabel::after {
	transform: rotate(0);
	transform-origin: 50% 50%;
}

ul.search-condition > li .conts li:last-child::after {
	border-bottom: none;
}
ul.search-condition li .conts .custom-check + label {
	margin-left: 0;
}
ul.search-condition li .conts .custom-check + label::before {
	top: 0.3rem;
}
ul.search-condition li .conts .custom-check + label::after {
	top: 0;
}
ul.search-condition li .conts .custom-check + label span {
	display: inline-block;
	top: 0;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 130%;
}

.search-condition-box {
	width: 100%;
	display: block;
	padding: 2rem 2rem 1rem;
	font-size: 1.6rem;
	font-weight: 700;
	cursor: pointer;
	position: relative;
	border: #d6dde1 1px solid;
}


ul.results-order {
	list-style-type: none;
	width: 100%;
}
ul.results-order li {
	display: block;
	border-bottom: #d6dde1 1px solid;
	text-align: left;
	font-size: 1.3rem;
	line-height: 2rem;
	width: 100%;
	padding: 1rem;
}
.results-row {
	width: 100%;
}

.results-box {
	border: #ccc 1px solid;
	margin: 2.5rem 0;
}
.results-box .results-item,
.results-box .results01,
.results-box .results02,
.results-box .results03,
.results-box .results04,
.results-box .results05,
.results-box .results06 {
	display: block;
	font-size: 1.6rem;
	padding: 1rem;
	border-bottom: #ccc 1px dotted;
	text-align: center;
}
.results-box .results-item.border-right {
	border-right: #ccc 1px solid;
}
.results-box .results-item:first-child img,
.results-box .results01 img {
	display: block;
	margin: 0 auto;
	width: 90%;
	height: auto;
	object-fit: contain;
}
.results-box .results-item:nth-child(2) img {
	display: block;
	margin: 0 auto;
	width: 90%;
	height: auto;
	object-fit: contain;
}
.results-box .results01,
.results-box .results02,
.results-box .results03 {
	width: 100%;
}
.results-box .results04,
.results-box .results05,
.results-box .results06 {
	width: 50%;
	float: left;
}
.results-box .results06 {
	border-right: none;
}

.results-box .view-point p {
	padding: 2rem 1rem 1rem;
	font-size: 1.5rem;
}
.results-box .sp-ttl {
	display: block;
	background-color: #d9d9d9;
	margin: -1rem -1rem 1rem -1rem;
	text-align: center;
	padding: 1rem;
	font-size: 1.3rem;
}

/* ページャー */
ul.results-pager {
	list-style-type: none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
ul.results-pager li {
	display: block;
	width: 4rem;
	height: 4rem;
	text-align: center;
	font-size: 1.6rem;
	margin-right: 0.5em;
	padding: 0;
	float: left;
}
ul.results-pager li a {
	display: block;
	width: 4rem;
	height: 4rem;
	text-align: center;
	font-size: 1.6rem;
	padding: 0.7rem 0;
	transition: 0.3s;
	border: #ccc 1px solid;
}
ul.results-pager li:hover {
	border: none;
}
ul.results-pager li a:hover {
	border: #0078f0 1px solid;
}
ul.results-pager li.noborder {
	padding: 0.7rem 0;
}
ul.results-pager li.noborder a {
	border: none;
}
ul.results-pager li.noborder a:hover {
	border: none;
}


table.left-head {
	border-collapse: separate;
	border: none;
	width: 100%;
	border-spacing: 0;
}
table.left-head tr {
	width: 100%;
}
table.left-head th,
table.left-head td {
	padding: 1rem 1.5rem;
	text-align: left;
	font-size: 1.6rem;
	vertical-align: middle;
	display: block;
	width: 100%;
}
table.left-head th {
	background-color: #f5fafe;
	font-weight: 500;
	position: relative;
}
table.left-head tr:first-child th:first-child {
	border-top: 1px solid #d6dde1;
}
table.left-head td {
	padding: 1rem;
	word-break: break-all;
}

.border-bottom-dotted {
	border-bottom: #d6dde1 1px dotted !important;
}
.border-bottom-none {
	border-bottom: none !important;
}

table.upper-head {
	width: 100%;
	border-collapse: collapse;
}
table.upper-head thead {
	display: none;
}
table.upper-head tbody {
	border-top: #f3f5f5 2px solid;
	border-bottom: #f3f5f5 2px solid;
}
table.upper-head tbody tr:nth-child(2n) {
	background-color: #f3f5f5;
}
table.upper-head tbody th,
table.upper-head tbody td {
	width: 100%;
	font-size: 1.6rem;
	display: block;
	padding: 2rem;
}

@media (min-width: 992px) {

	#page-header-navy,
	#article-header {
		padding: 3rem;
	}

	ul.search-condition,
	ul.conts {
		width: 100%;
		list-style-type: none;
	}
	ul.search-condition > li .tcheck {
		display: none;
	}
	ul.search-condition > li .tlabel {
		width: 100%;
		display: block;
		padding: 1rem 3.5rem 1rem 2rem;
		font-size: 1.6rem;
		font-weight: 700;
		cursor: pointer;
		position: relative;
		border: #d6dde1 1px solid;
	}
	ul.search-condition > li .tlabel.noborder {
		padding: 1rem 3rem 1rem 1rem;
		font-size: 1.5rem;
		font-weight: 500;
		border: none;
	}
	ul.search-condition > li .tlabel::before,
	ul.search-condition > li .tlabel::after {
		content: "";
		display: inline-block;
		width: 2.3rem;
		height: 0.3rem;
		/*background-color: #108186;*/
		background-color: #0078F0;
		position: absolute;
		top: 2.1rem;
		right: 1.5rem;
		transition: 0.3s;
	}
	ul.search-condition > li .tlabel.noborder::before,
	ul.search-condition > li .tlabel.noborder::after {
		width: 2rem;
		top: 2.5rem;
		right: 1.8rem;
	}
	ul.search-condition > li .tlabel::after {
		transform: rotate(90deg);
		transform-origin: 50% 50%;
	}
	ul.search-condition li .conts {
		width: 100%;
		padding: 1rem 0 1rem 1rem;
		font-size: 1.6rem;
		line-height: 170%;
/*		max-height: 0;
		opacity: 0;*/
		margin: 0;
		transition: max-height 0.3s;
	}
	ul.search-condition > li::after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		border-bottom: #d9d9d9 2px solid;
	}
/*	ul.search-condition > li .tcheck:checked + .tlabel + .conts {
		height: auto;
		max-height: 200rem;
		opacity: 1;
		margin-bottom: 3rem;
	}*/
	ul.search-condition > li .tcheck:checked + .tlabel::after {
		transform: rotate(0);
		transform-origin: 50% 50%;
	}
	ul.search-condition > li .conts li:last-child::after {
		border-bottom: none;
	}
	ul.search-condition li .conts .custom-check + label {
		margin-left: 0;
	}
	ul.search-condition li .conts .custom-check + label::before {
		top: 0;
	}
	ul.search-condition li .conts .custom-check + label::after {
		top: 0;
	}
	ul.search-condition li .conts .custom-check + label span {
		width: calc(100% - 4rem);
		display: inline-block;
		top: 0;
		vertical-align: top;
		font-size: 1.4rem;
		line-height: 130%;
		margin-bottom: 0.5rem;
	}

	.search-condition-box {
		width: 100%;
		display: block;
		padding: 2rem 2rem 1rem;
		font-size: 1.6rem;
		font-weight: 700;
		cursor: pointer;
		position: relative;
		border: #d6dde1 1px solid;
	}

	ul.results-order {
		list-style-type: none;
		width: 100%;
	}
	ul.results-order li {
		display: block;
		background-color: #d6dde1;
		text-align: left;
		font-size: 1.3rem;
		float: left;
		padding: 1rem 0.5rem 1rem 1rem;
		line-height: 2rem;
		border-right: #fff 1px solid;
	}
	ul.results-order li.order01 {
		width: 40%;
	}
	ul.results-order li.order03,
	ul.results-order li.order04 {
		width: 15%;
	}
	ul.results-order li.order02,
	ul.results-order li.order05,
	ul.results-order li.order06 {
		width: 10%;
	}
	ul.results-order li:last-child {
		border-right: none;
	}
	.results-row {
		width: 100%;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.results-box {
		border: #ccc 1px solid;
		margin: 1.5rem 0;
	}
	.results-box .results-item,
	.results-box .results01,
	.results-box .results02,
	.results-box .results03,
	.results-box .results04,
	.results-box .results05,
	.results-box .results06 {
		display: flex;
		font-size: 1.4rem;
		padding: 1rem;
		border-right: #ccc 1px solid;
		border-bottom: #ccc 1px dotted;
		align-items: center;
		justify-content: center;
	}
	.results-box .results-item:first-child,
	.results-box .results01 {
		text-align: left;
		width: 40%;
	}
	.results-box .results-item:first-child img,
	.results-box .results01 img {
		width: 25%;
		height: auto;
		object-fit: contain;
		display: inline-block;
		margin: 0 2rem 0 0;
	}
	.results-box .results-item:nth-child(2) img {
		display: block;
		margin: 0 auto;
		width: 50%;
		height: auto;
		object-fit: contain;
	}
	.results-box .results03,
	.results-box .results04 {
		width: 15%;
	}
	.results-box .results02,
	.results-box .results05,
	.results-box .results06 {
		width: 10%;
	}
	.results-box .results06 {
		border-right: none;
	}
	.results-box .results-item:last-child {
		border-right: none;
	}

	
	.results-box .view-point p {
		padding: 1rem;
		font-size: 1.3rem;
		line-height: 180%;
	}
	.results-box .sp-ttl {
		display: none;
	}

	ul.results-pager {
		list-style-type: none;
	}
	ul.results-pager li {
		display: block;
		width: 4rem;
		height: 4rem;
		text-align: center;
		font-size: 1.6rem;
		margin-right: 0.7em;
		padding: 0;
		float: left;
	}
	ul.results-pager li a {
		display: block;
		width: 4rem;
		height: 4rem;
		text-align: center;
		font-size: 1.6rem;
		padding: 0.7rem 0;
		transition: 0.3s;
		border: #ccc 1px solid;
	}
	ul.results-pager li:hover {
		border: none;
	}
	ul.results-pager li a:hover {
		border: #0078f0 1px solid;
	}
	ul.results-pager li.noborder {
		padding: 0.7rem 0;
	}
	ul.results-pager li.noborder a {
		border: none;
	}
	ul.results-pager li.noborder a:hover {
		border: none;
	}

	table.left-head {
		border-collapse: separate;
		border: none;
		width: 100%;
		border-spacing: 1rem;
	}
	table.left-head tr {
		width: 100%;
	}
	table.left-head tr:first-child th:first-child {
		border-top: none;
	}
	table.left-head th,
	table.left-head td {
		padding: 1rem 1.5rem;
		text-align: left;
		font-size: 1.6rem;
		vertical-align: middle;
		display: table-cell;
	}
	table.left-head th {
		background-color: #f5fafe;
		font-weight: 500;
		width: 20%;
		position: relative;
	}
	table.left-head td {
		width: auto;
		border-bottom: #d6dde1 1px solid;
	}
	.border-lg-bottom-dotted {
		border-bottom: #d6dde1 1px dotted !important;
	}
	.border-lg-bottom-none {
		border-bottom: none !important;
	}


	table.upper-head {
		width: 100%;
		border-collapse: collapse;
	}
	table.upper-head thead {
		display: table-row-group;
	}
	table.upper-head thead th {
		background-color: #f5fafe;
		padding: 1rem;
		font-size: 1.6rem;
		font-weight: 500;
		border-right: #fff 0.5rem solid;
		display: table-cell;
	}
	table.upper-head thead th:last-child {
		border-right: none;
	}
	table.upper-head tbody {
		border: none;
	}
	table.upper-head tbody tr {
		border-top: #fff 0.5rem solid;
	}
	table.upper-head tbody tr:nth-child(2n) {
		background-color: #f3f5f5;
	}
	table.upper-head tbody th,
	table.upper-head tbody td {
		width: unset;
		font-size: 1.6rem;
		display: table-cell;
		padding: 1rem 2rem;
	}


}

/* ボタン設置位置 */
.bo-center-group-single {
	text-align: center;
}

.bo-center-group {
	width: 100%;
	display: flex;
	margin: 0 auto;
}

.bo-center-group .left{
	width: 100%;
	padding: 0;
	margin: 1rem auto;
	text-align: center;
}

.bo-center-group .right{
	width: 100%;
	padding: 0;
	margin: 1rem auto;
	text-align: center;
}

@media (min-width: 992px) {

	.bo-center-group .left{
		width: 50%;
		text-align: right;
		padding: 0 1rem 0 0;
	}

	.bo-center-group .right{
		width: 50%;
		text-align: left;
		padding:  0 0 0 1rem;
	}

}

.bo-right-group {
	text-align: right;
	margin: 0;
}


/* グラデーションボタン */
.l-button {
	width: 32rem;
	max-width: 32rem;
	height: 4rem;
	padding: 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.l-button::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.m-button {
	width: 28rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.m-button::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.m-button.talk::before {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.737%22%20height%3D%2220%22%20viewBox%3D%220%200%2014.737%2020%22%3E%3Cpath%20d%3D%22M207.368-867.368a3.045%2C3.045%2C0%2C0%2C1-2.237-.921%2C3.045%2C3.045%2C0%2C0%2C1-.921-2.237v-6.316a3.045%2C3.045%2C0%2C0%2C1%2C.921-2.237%2C3.045%2C3.045%2C0%2C0%2C1%2C2.237-.921%2C3.045%2C3.045%2C0%2C0%2C1%2C2.237.921%2C3.045%2C3.045%2C0%2C0%2C1%2C.921%2C2.237v6.316a3.045%2C3.045%2C0%2C0%2C1-.921%2C2.237A3.045%2C3.045%2C0%2C0%2C1%2C207.368-867.368ZM207.368-873.684ZM206.316-860v-3.237a7.015%2C7.015%2C0%2C0%2C1-4.526-2.447A7.2%2C7.2%2C0%2C0%2C1%2C200-870.526h2.105a5.073%2C5.073%2C0%2C0%2C0%2C1.539%2C3.724%2C5.072%2C5.072%2C0%2C0%2C0%2C3.724%2C1.539%2C5.072%2C5.072%2C0%2C0%2C0%2C3.724-1.539%2C5.073%2C5.073%2C0%2C0%2C0%2C1.539-3.724h2.105a7.2%2C7.2%2C0%2C0%2C1-1.789%2C4.842%2C7.015%2C7.015%2C0%2C0%2C1-4.526%2C2.447V-860Zm1.053-9.474a1.019%2C1.019%2C0%2C0%2C0%2C.75-.3%2C1.019%2C1.019%2C0%2C0%2C0%2C.3-.75v-6.316a1.019%2C1.019%2C0%2C0%2C0-.3-.75%2C1.018%2C1.018%2C0%2C0%2C0-.75-.3%2C1.018%2C1.018%2C0%2C0%2C0-.75.3%2C1.019%2C1.019%2C0%2C0%2C0-.3.75v6.316a1.019%2C1.019%2C0%2C0%2C0%2C.3.75A1.019%2C1.019%2C0%2C0%2C0%2C207.368-869.474Z%22%20transform%3D%22translate(-200%20880)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.47rem;
	height: 2rem;
	top: 0.4rem;
	left: -1rem;

}

.m-button.chat::before {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M85-864a.967.967%2C0%2C0%2C1-.713-.288A.967.967%2C0%2C0%2C1%2C84-865v-2H97v-9h2a.968.968%2C0%2C0%2C1%2C.713.287A.968.968%2C0%2C0%2C1%2C100-875v15l-4-4Zm-5-1v-14a.968.968%2C0%2C0%2C1%2C.287-.713A.968.968%2C0%2C0%2C1%2C81-880H94a.968.968%2C0%2C0%2C1%2C.713.287A.968.968%2C0%2C0%2C1%2C95-879v9a.967.967%2C0%2C0%2C1-.287.712A.967.967%2C0%2C0%2C1%2C94-869H84Zm13-6v-7H82v7Zm-11%2C0v0Z%22%20transform%3D%22translate(-80%20880)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	width: 2rem;
	height: 2rem;
	top: 0.4rem;
	left: -1rem;

}

.m-button-gray {
	width: 28rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.8rem 2.5rem;
	background: linear-gradient(90deg,#808080,#404040);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.m-button-gray::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.m-button-close {
	width: 28rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.m-button-close::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 1em;
	height: 0.1em;
	background: #fff;
	transform: translate(-50%,-50%) rotate(45deg);
}

.m-button-close::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 1em;
	height: 0.1em;
	background: #fff;
	transform: translate(-50%,-50%) rotate(-45deg);
}

.m-bu-button {
	width: 28rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.m-bu-button::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.m-bu-button[disabled] {
	background: #ccc;
	cursor: not-allowed;
}

.m-bu-button-gray {
	width: 28rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.8rem 2.5rem;
	background: linear-gradient(90deg,#808080,#404040);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.m-bu-button-gray::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.s-mo-button {
	width: 14rem;
	max-width: 14rem;
	height: 4rem;
	padding: 0.8rem 3.5rem 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.s-mo-button::after {
	position: absolute;
	top: 0.4rem;
	bottom: 0;
	right: 0.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 1em;
	height: 0.1em;
	background: #fff;
	transform: translate(-50%,-50%) rotate(-45deg);
}

.s-mo-button::before {
	position: absolute;
	top: 0.4rem;
	bottom: 0;
	right: 0.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 1em;
	height: 0.1em;
	background: #fff;
	transform: translate(-50%,-50%) rotate(45deg);
}

.s-mo-button-gray {
	width: 14rem;
	max-width: 14rem;
	height: 4rem;
	padding: 0.8rem 2.5rem 0.8rem 3.5rem;
	background: linear-gradient(90deg,#808080,#404040);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.s-mo-button-gray::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.s-button {
	width: 15rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.6rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.end-button-cancel {
	width: 20rem;
	height: 4rem;
	padding: 0.6rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.s-button-red {
	width: 15rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.6rem 2.5rem;
	background: linear-gradient(90deg,#ff9b52,#ff5252);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.s-button-red::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.s-button-gray {
	width: 15rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.6rem 2.5rem;
	background: linear-gradient(90deg,#808080,#404040);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.ss-button {
	display: inline-block;
	width: 14rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 2rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.ss-button-gray {
	display: inline-block;
	width: 14rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 2rem;
	background: linear-gradient(90deg,#808080,#404040);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.ss-button-red {
	display: inline-block;
	width: 14rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 2rem;
	background: linear-gradient(90deg,#FF5252,#E22B2B);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.end-button-red {
	display: inline-block;
	width: 20rem;
	max-width: 20rem;
	height: 4rem;
	padding: 0.6rem 2.5rem;
	background: linear-gradient(90deg,#FF5252,#E22B2B);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.ss-button-arrow {
	width: 14rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.ss-button-arrow::after {
	position: absolute;
	top: 0.4rem;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.no-ss-button {
	width: 14rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 2.5rem;
	background: linear-gradient(90deg,#c9f2fb,#c4cdfa);
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.search-button {
	width: 19rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.7rem 0 0.7rem 3rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.search-button::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M134.756-824l-5.6-5.6a5.3%2C5.3%2C0%2C0%2C1-1.533.844%2C5.42%2C5.42%2C0%2C0%2C1-1.844.311%2C5.577%2C5.577%2C0%2C0%2C1-4.1-1.678%2C5.577%2C5.577%2C0%2C0%2C1-1.678-4.1%2C5.577%2C5.577%2C0%2C0%2C1%2C1.678-4.1%2C5.577%2C5.577%2C0%2C0%2C1%2C4.1-1.678%2C5.577%2C5.577%2C0%2C0%2C1%2C4.1%2C1.678%2C5.578%2C5.578%2C0%2C0%2C1%2C1.678%2C4.1%2C5.418%2C5.418%2C0%2C0%2C1-.311%2C1.844%2C5.3%2C5.3%2C0%2C0%2C1-.844%2C1.533l5.6%2C5.6Zm-8.978-6.222a3.857%2C3.857%2C0%2C0%2C0%2C2.833-1.167%2C3.857%2C3.857%2C0%2C0%2C0%2C1.167-2.833%2C3.858%2C3.858%2C0%2C0%2C0-1.167-2.833%2C3.857%2C3.857%2C0%2C0%2C0-2.833-1.167%2C3.857%2C3.857%2C0%2C0%2C0-2.833%2C1.167%2C3.857%2C3.857%2C0%2C0%2C0-1.167%2C2.833%2C3.857%2C3.857%2C0%2C0%2C0%2C1.167%2C2.833A3.858%2C3.858%2C0%2C0%2C0%2C125.778-830.222Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.6rem;
	height: 1.6rem;
	top: 0.2rem;
	right: -1.5rem;
}

.search-s-button {
	width: 15rem;
	max-width: 28rem;
	height: 4rem;
	/*padding: 0.7rem 0 0.7rem 3rem;*/
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.search-s-button::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M134.756-824l-5.6-5.6a5.3%2C5.3%2C0%2C0%2C1-1.533.844%2C5.42%2C5.42%2C0%2C0%2C1-1.844.311%2C5.577%2C5.577%2C0%2C0%2C1-4.1-1.678%2C5.577%2C5.577%2C0%2C0%2C1-1.678-4.1%2C5.577%2C5.577%2C0%2C0%2C1%2C1.678-4.1%2C5.577%2C5.577%2C0%2C0%2C1%2C4.1-1.678%2C5.577%2C5.577%2C0%2C0%2C1%2C4.1%2C1.678%2C5.578%2C5.578%2C0%2C0%2C1%2C1.678%2C4.1%2C5.418%2C5.418%2C0%2C0%2C1-.311%2C1.844%2C5.3%2C5.3%2C0%2C0%2C1-.844%2C1.533l5.6%2C5.6Zm-8.978-6.222a3.857%2C3.857%2C0%2C0%2C0%2C2.833-1.167%2C3.857%2C3.857%2C0%2C0%2C0%2C1.167-2.833%2C3.858%2C3.858%2C0%2C0%2C0-1.167-2.833%2C3.857%2C3.857%2C0%2C0%2C0-2.833-1.167%2C3.857%2C3.857%2C0%2C0%2C0-2.833%2C1.167%2C3.857%2C3.857%2C0%2C0%2C0-1.167%2C2.833%2C3.857%2C3.857%2C0%2C0%2C0%2C1.167%2C2.833A3.858%2C3.858%2C0%2C0%2C0%2C125.778-830.222Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	top: 0.2rem;
	right: -2.0rem;
}

.cancel-button {
	width: 15rem;
	max-width: 28rem;
	height: 4rem;
	padding: 0.6rem 0 0.6rem 3rem;
	display: block;
	color: #333;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.cancel-button::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.4%22%20height%3D%2212%22%20viewBox%3D%220%200%207.4%2012%22%3E%3Cpath%20d%3D%22M324.6-714l-4.6-4.6%2C1.4-1.4%2C6%2C6-6%2C6-1.4-1.4Z%22%20transform%3D%22translate(327.4%20-708)%20rotate(180)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E');
	width: 0.75rem;
	height: 1.2rem;
	top: 0;
	left: -10rem;
}

.no-fa-button {
	width: 20rem;
	max-width: 28rem;
	height: 2rem;
	padding: 0.6rem 0 0.6rem 3rem;
	display: block;
	color: #5271FF;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.no-fa-button::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.728%22%20height%3D%2212.728%22%20viewBox%3D%220%200%2012.728%2012.728%22%3E%3Cpath%20d%3D%22M-11306.636-3213.222l-4.95%2C4.95-1.414-1.414%2C4.95-4.95-4.95-4.95%2C1.414-1.414%2C4.95%2C4.95%2C4.949-4.95%2C1.414%2C1.414-4.95%2C4.95%2C4.95%2C4.95-1.414%2C1.414Z%22%20transform%3D%22translate(11313%203221)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.25rem;
	height: 1.25rem;
	top: 0.1rem;
	left: -15rem;
}

.plus-button {
	display: inline-block;
	width; auto;
	height: 4rem;
	padding: 0.8rem 4.5rem 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.plus-button::after {
	position: absolute;
	top: 0.5rem;
	right: 2rem;
	content: "+";
	font-size: 2rem;
}

.plus-button-left {
	display: inline-block;
	width; auto;
	height: 4rem;
	padding: 0.8rem 2.5rem 0.8rem 4.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.plus-button-left::after {
	position: absolute;
	top: 0.5rem;
	left: 2rem;
	content: "+";
	font-size: 2rem;
}

.s-button-left {
	display: inline-block;
	width; auto;
	height: 4rem;
	padding: 0.8rem 2.5rem 0.8rem 4.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.s-button-left::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.sort-button {
	display: inline-block;
	width; auto;
	height: 4rem;
	padding: 0.8rem 3.5rem 0.8rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	font-size: 1.6rem;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.sort-button::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.8%22%20height%3D%2216%22%20viewBox%3D%220%200%2012.8%2016%22%3E%3Cpath%20d%3D%22M163.2-871.2v-5.74l-2.06%2C2.06L160-876l4-4%2C4%2C4-1.14%2C1.12-2.06-2.06v5.74Zm5.6%2C7.2-4-4%2C1.14-1.12%2C2.06%2C2.06v-5.74h1.6v5.74l2.06-2.06L172.8-868Z%22%20transform%3D%22translate(-160%20880)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	top: 0.2rem;
	left: 1rem;
}

.lead-button {
	width: 22rem;
	max-width: 22rem;
	height: 5.6rem;
	padding: 1.2rem 2.5rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 3rem;
}

.delete-image {
	display: inline-block;
	width: 12rem;
	max-width: 12rem;
	height: 3rem;
	padding: 0.5rem 2rem;
	background: linear-gradient(90deg,#52E4FF,#5270FF);
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 2rem;
}

.l-button:hover,
.m-button:hover,
.m-button-gray:hover,
.m-button-close:hover,
.m-bu-button:hover,
.m-bu-button-gray:hover,
.s-button:hover,
.s-button-red:hover,
.s-button-gray:hover,
.s-mo-button-gray:hover,
.s-mo-button:hover,
.ss-button:hover,
.ss-button-arrow:hover,
.ss-button-gray:hover,
.ss-button-red:hover,
.search-button:hover,
.search-s-button:hover,
.plus-button:hover,
.plus-button-left:hover,
.sort-button:hover,
.s-button-left:hover,
.lead-button:hover,
.delete-image:hover {
	background: #2064A8;
	color: #fff;
}

.cancel-button:hover {
	color: #00A0E9;
}


@media (min-width: 992px) {

	a.m-button {
		padding: 0.7rem 2.5rem;
	}


	a.s-button {
		width: 16rem;
		max-width: 28rem;
		height: 4rem;
		padding: 0.7rem 2.5rem;
		background: linear-gradient(90deg,#52E4FF,#5270FF);
		display: block;
		color: #fff;
		text-align: center;
		font-size: 1.6rem;
		position: relative;
		margin: 0 auto;
		border: none;
		transition: 0.3s;
		cursor: pointer;
		border-radius: 2rem;
	}

}


/* モーダル */
.modal-container-stop,
.modal-container-yes,
.modal-container-no,
.modal-container-1,
.modal-container-2,
.modal-container-3,
.modal-container-4,
.modal-container-5,
.modal-container-6,
.modal-container-7,
.modal-container-8,
.modal-container-9,
.modal-container-10,
.modal-container-11,
.modal-container-12,
.modal-container-13,
.modal-container-14,
.modal-container-15,
.modal-container-16,
.modal-container-17,
.modal-container-18,
.modal-container-19,
.modal-container-20,
.modal-container-21,
.modal-container-22,
.modal-container-23,
.modal-container-24,
.modal-container-25,
.modal-container-26,
.modal-container-27,
.modal-container-28,
.modal-container-29,
.modal-container-30 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,30%);
	padding: 4rem 2rem;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 1000;
}

.modal-container-stop:before,
.modal-container-yes:before,
.modal-container-no:before,
.modal-container-1:before,
.modal-container-2:before,
.modal-container-3:before,
.modal-container-4:before,
.modal-container-5:before,
.modal-container-6:before,
.modal-container-7:before,
.modal-container-8:before,
.modal-container-9:before,
.modal-container-10:before,
.modal-container-11:before,
.modal-container-12:before,
.modal-container-13:before,
.modal-container-14:before,
.modal-container-15:before,
.modal-container-16:before,
.modal-container-17:before,
.modal-container-18:before,
.modal-container-19:before,
.modal-container-20:before,
.modal-container-21:before,
.modal-container-22:before,
.modal-container-23:before,
.modal-container-24:before,
.modal-container-25:before,
.modal-container-26:before,
.modal-container-27:before,
.modal-container-28:before,
.modal-container-29:before,
.modal-container-30:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.modal-container-stop.active,
.modal-container-yes.active,
.modal-container-no.active,
.modal-container-1.active,
.modal-container-2.active,
.modal-container-3.active,
.modal-container-4.active,
.modal-container-5.active,
.modal-container-6.active,
.modal-container-7.active,
.modal-container-8.active,
.modal-container-9.active,
.modal-container-10.active,
.modal-container-11.active,
.modal-container-12.active,
.modal-container-13.active,
.modal-container-14.active,
.modal-container-15.active,
.modal-container-16.active,
.modal-container-17.active,
.modal-container-18.active,
.modal-container-19.active,
.modal-container-20.active,
.modal-container-21.active,
.modal-container-22.active,
.modal-container-23.active,
.modal-container-24.active,
.modal-container-25.active,
.modal-container-26.active,
.modal-container-27.active,
.modal-container-28.active,
.modal-container-29.active,
.modal-container-30.active {
	opacity: 1;
	visibility: visible;
}

.modal-body-stop,
.modal-body-yes,
.modal-body-1,
.modal-body-2,
.modal-body-3,
.modal-body-4,
.modal-body-5,
.modal-body-6,
.modal-body-7,
.modal-body-8,
.modal-body-9,
.modal-body-10,
.modal-body-11,
.modal-body-12,
.modal-body-13,
.modal-body-14,
.modal-body-15,
.modal-body-16,
.modal-body-17,
.modal-body-18,
.modal-body-19,
.modal-body-20,
.modal-body-21,
.modal-body-22,
.modal-body-23,
.modal-body-24,
.modal-body-25,
.modal-body-26,
.modal-body-27,
.modal-body-28,
.modal-body-29,
.modal-body-30 {
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 100%;
	top: -50rem;
}

.modal-body-no {
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 100%;
	top: -70rem;
}

.modal-cont-stop,
.modal-cont-yes,
.modal-cont-no,
.modal-cont-1,
.modal-cont-2,
.modal-cont-3,
.modal-cont-4,
.modal-cont-5,
.modal-cont-6,
.modal-cont-7,
.modal-cont-8,
.modal-cont-9,
.modal-cont-10,
.modal-cont-11,
.modal-cont-12,
.modal-cont-13,
.modal-cont-14,
.modal-cont-15,
.modal-cont-16,
.modal-cont-17,
.modal-cont-18,
.modal-cont-19,
.modal-cont-20,
.modal-cont-21,
.modal-cont-22,
.modal-cont-23,
.modal-cont-24,
.modal-cont-25,
.modal-cont-26,
.modal-cont-27,
.modal-cont-28,
.modal-cont-29,
.modal-cont-30 {
	width: 100%;
	background: #fff;
	padding: 1rem;
	border: 0.1rem solid #E0E0E0;
	border-radius: 1rem;
}

.modal-cont-no ul {
	list-style: none;
}

.modal-cont-no ul li {
	text-align: left;
	margin: 0.5rem 0 0 0;
}

.modal-cont-no ul li input[type="checkbox"].custom-check + label {
	display: unset;
	position: relative;
	cursor: pointer;
	padding: 0 0 0 3rem;
}

@media (min-width: 992px) {

	/* モーダル */
	.modal-container-stop,
	.modal-container-yes,
	.modal-container-1,
	.modal-container-2,
	.modal-container-3,
	.modal-container-4,
	.modal-container-5,
	.modal-container-6,
	.modal-container-7,
	.modal-container-8,
	.modal-container-9,
	.modal-container-10,
	.modal-container-11,
	.modal-container-12,
	.modal-container-13,
	.modal-container-14,
	.modal-container-15,
	.modal-container-16,
	.modal-container-17,
	.modal-container-18,
	.modal-container-19,
	.modal-container-20,
	.modal-container-21,
	.modal-container-22,
	.modal-container-23,
	.modal-container-24,
	.modal-container-25,
	.modal-container-26,
	.modal-container-27,
	.modal-container-28,
	.modal-container-29,
	.modal-container-30 {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0,0,0,30%);
		padding: 4rem 2rem;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
		z-index: 1000;
	}

	.modal-body-stop,
	.modal-body-yes,
	.modal-body-no,
	.modal-body-1,
	.modal-body-2,
	.modal-body-3,
	.modal-body-4,
	.modal-body-5,
	.modal-body-6,
	.modal-body-7,
	.modal-body-8,
	.modal-body-9,
	.modal-body-10,
	.modal-body-11,
	.modal-body-12,
	.modal-body-13,
	.modal-body-14,
	.modal-body-15,
	.modal-body-16,
	.modal-body-17,
	.modal-body-18,
	.modal-body-19,
	.modal-body-20,
	.modal-body-21,
	.modal-body-22,
	.modal-body-23,
	.modal-body-24,
	.modal-body-25,
	.modal-body-26,
	.modal-body-27,
	.modal-body-28,
	.modal-body-29,
	.modal-body-30 {
		max-width: 50rem;
		width: 90%;
		vertical-align: middle;
		top:0;
	}

	.modal-cont-stop,
	.modal-cont-yes,
	.modal-cont-no,
	.modal-cont-1,
	.modal-cont-2,
	.modal-cont-3,
	.modal-cont-4,
	.modal-cont-5,
	.modal-cont-6,
	.modal-cont-7,
	.modal-cont-8,
	.modal-cont-9,
	.modal-cont-10,
	.modal-cont-11,
	.modal-cont-12,
	.modal-cont-13,
	.modal-cont-14,
	.modal-cont-15,
	.modal-cont-16,
	.modal-cont-17,
	.modal-cont-18,
	.modal-cont-19,
	.modal-cont-20,
	.modal-cont-21,
	.modal-cont-22,
	.modal-cont-23,
	.modal-cont-24,
	.modal-cont-25,
	.modal-cont-26,
	.modal-cont-27,
	.modal-cont-28,
	.modal-cont-29,
	.modal-cont-30 {
		width: 50rem;
		background: #fff;
		padding: 5rem;
		border: 0.1rem solid #E0E0E0;
		border-radius: 1rem;
	}

}

/* プロフィール モーダル */
.modal {
 	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 50% auto 0 auto;
	padding: 2rem;
	border: 0.1rem solid #888888;
	width: 80%;
}

@media (min-width: 992px) {

	.modal-content {
		margin: 20% auto 0 auto;
		width: 40%;
	}

}