/* Top Page（HOME） */

.message-bar {
	width: 100%;
	height: auto;
	padding: 2rem 1rem;
	background: #fff;
}

.message-bar .message-profile {
	display: block;
	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%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M90-865a.968.968%2C0%2C0%2C0%2C.713-.287A.968.968%2C0%2C0%2C0%2C91-866a.968.968%2C0%2C0%2C0-.287-.713A.968.968%2C0%2C0%2C0%2C90-867a.968.968%2C0%2C0%2C0-.713.287A.968.968%2C0%2C0%2C0%2C89-866a.968.968%2C0%2C0%2C0%2C.287.713A.968.968%2C0%2C0%2C0%2C90-865Zm-1-4h2v-6H89Zm1%2C9a9.738%2C9.738%2C0%2C0%2C1-3.9-.787%2C10.1%2C10.1%2C0%2C0%2C1-3.175-2.138%2C10.1%2C10.1%2C0%2C0%2C1-2.138-3.175A9.738%2C9.738%2C0%2C0%2C1%2C80-870a9.738%2C9.738%2C0%2C0%2C1%2C.787-3.9%2C10.1%2C10.1%2C0%2C0%2C1%2C2.138-3.175%2C10.1%2C10.1%2C0%2C0%2C1%2C3.175-2.138A9.738%2C9.738%2C0%2C0%2C1%2C90-880a9.738%2C9.738%2C0%2C0%2C1%2C3.9.787%2C10.1%2C10.1%2C0%2C0%2C1%2C3.175%2C2.138%2C10.1%2C10.1%2C0%2C0%2C1%2C2.138%2C3.175A9.738%2C9.738%2C0%2C0%2C1%2C100-870a9.738%2C9.738%2C0%2C0%2C1-.787%2C3.9%2C10.1%2C10.1%2C0%2C0%2C1-2.138%2C3.175%2C10.1%2C10.1%2C0%2C0%2C1-3.175%2C2.138A9.738%2C9.738%2C0%2C0%2C1%2C90-860Zm0-2a7.721%2C7.721%2C0%2C0%2C0%2C5.675-2.325A7.721%2C7.721%2C0%2C0%2C0%2C98-870a7.721%2C7.721%2C0%2C0%2C0-2.325-5.675A7.721%2C7.721%2C0%2C0%2C0%2C90-878a7.721%2C7.721%2C0%2C0%2C0-5.675%2C2.325A7.721%2C7.721%2C0%2C0%2C0%2C82-870a7.721%2C7.721%2C0%2C0%2C0%2C2.325%2C5.675A7.721%2C7.721%2C0%2C0%2C0%2C90-862ZM90-870Z%22%20transform%3D%22translate(-80%20880)%22%20fill%3D%22%23e22b2b%22%2F%3E%3C%2Fsvg%3E');
        background-size: 2rem 2rem;
        background-position: 0;
        background-repeat: no-repeat;
	padding: 0 0 0 3rem;
	float: none;
}

.message-bar .message-fix {
	display: block;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.238%22%20height%3D%2220%22%20viewBox%3D%220%200%2015.238%2020%22%3E%3Cpath%20d%3D%22M165.4-868.857l.833-2.714-2.19-1.762h2.714l.857-2.667.857%2C2.667h2.714l-2.214%2C1.762.833%2C2.714-2.19-1.69ZM161.9-860v-7.357a7.34%2C7.34%2C0%2C0%2C1-1.4-2.286%2C7.487%2C7.487%2C0%2C0%2C1-.5-2.738%2C7.353%2C7.353%2C0%2C0%2C1%2C2.214-5.4%2C7.353%2C7.353%2C0%2C0%2C1%2C5.4-2.214%2C7.353%2C7.353%2C0%2C0%2C1%2C5.4%2C2.214%2C7.353%2C7.353%2C0%2C0%2C1%2C2.214%2C5.4%2C7.487%2C7.487%2C0%2C0%2C1-.5%2C2.738%2C7.34%2C7.34%2C0%2C0%2C1-1.4%2C2.286V-860l-5.714-1.9Zm5.714-6.667a5.511%2C5.511%2C0%2C0%2C0%2C4.048-1.667%2C5.511%2C5.511%2C0%2C0%2C0%2C1.667-4.048%2C5.511%2C5.511%2C0%2C0%2C0-1.667-4.048%2C5.511%2C5.511%2C0%2C0%2C0-4.048-1.667%2C5.511%2C5.511%2C0%2C0%2C0-4.048%2C1.667%2C5.511%2C5.511%2C0%2C0%2C0-1.667%2C4.048%2C5.511%2C5.511%2C0%2C0%2C0%2C1.667%2C4.048A5.511%2C5.511%2C0%2C0%2C0%2C167.619-866.667Zm-3.81%2C3.833%2C3.81-.976%2C3.81.976v-2.952a8.028%2C8.028%2C0%2C0%2C1-1.8.75%2C7.329%2C7.329%2C0%2C0%2C1-2.012.274%2C7.329%2C7.329%2C0%2C0%2C1-2.012-.274%2C8.027%2C8.027%2C0%2C0%2C1-1.8-.75ZM167.619-864.31Z%22%20transform%3D%22translate(-160%20880)%22%20fill%3D%22%23f0c40b%22%2F%3E%3C%2Fsvg%3E');
        background-size: 2rem 2rem;
        background-position: 0 0.2rem;
        background-repeat: no-repeat;
	padding: 0 0 0 3rem;
	float: none;
}

.message-bar a.yarukoto {
	display: block;
	text-decoration: underline;
	padding: 1rem 2rem 1rem 0;
	text-align: right;
	float: none;
}

.message-bar a.yarukoto::after {
	position: absolute;
	top: 0.5rem;
	bottom: 0;
	right: 0.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.result-area {
	width: 100%;
	height: auto;
	padding: 2rem;
	background: #F6F7F9;
}

.result-area .main-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	padding: 2rem 0;
}

.result-area .main-box .i-profile {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	margin: 0 auto;
}

.result-area .main-box .profile-score-box {
	display: block;
	width: 100%;
	height: 25rem;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.2rem solid #5270FF;
	padding: 2.5rem 1rem 2.5rem 1rem;
	margin: 3rem 0 0 0;
}

.result-area .main-box .profile-score-box .title {
	text-align: center;
	padding-bottom: 1rem;
}

.result-area .main-box .profile-score-box .title::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	width: 15rem;
	border-bottom: 0.2rem solid #5270FF;
}

.result-area .main-box .profile-score-box .score {
	width: 24rem;
	height: 13rem;
	margin: 0 auto;
}

.result-area .main-box .profile-score-box .score .my-score {
	left: 0;
	top: 0;
	position: absolute;
	width: 15rem;
	height: 6rem;
	text-align: right;
	font-size: 7.5rem;
	font-weight: 700;
}

.result-area .main-box .profile-score-box .score .my-score::after{
	position: absolute;
	top: 8rem;
	bottom: 0;
	right:-0.9rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.5em;
	height: 0.5em;
	border-right: 5px solid #333;
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
}

.result-area .main-box .profile-score-box .score .total-score {
	position: absolute;
	left: 16rem;
	top: 7rem;
	font-size: 4.5rem;
	font-weight: 700;
}

.result-area .ma-top {
	margin: 0 0 0 0;
}

.result-area .col3-box {
	display: block;
	width: 100%;
	height: 32rem;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	padding: 0;
	margin: 2rem 0 0 0;
}

.result-area .col3-box .title {
	padding: 2.5rem 0 2.5rem 6.5rem;
	border-bottom: 0.1rem solid #E0E0E0;
        background-size: 4.0rem 3.5rem;
      	background-position: 2rem;
        background-repeat: no-repeat;
}

.result-area .col3-box .title1 {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235.216%22%20height%3D%2232%22%20viewBox%3D%220%200%2035.216%2032%22%3E%3Cpath%20d%3D%22M57.016-851.2a.71.71%2C0%2C0%2C0%2C.32-.08.932.932%2C0%2C0%2C0%2C.24-.16L70.7-864.56a2.957%2C2.957%2C0%2C0%2C0%2C.7-1.08%2C3.465%2C3.465%2C0%2C0%2C0%2C.22-1.2%2C3.411%2C3.411%2C0%2C0%2C0-.22-1.22%2C2.643%2C2.643%2C0%2C0%2C0-.7-1.02l-6.8-6.8a2.643%2C2.643%2C0%2C0%2C0-1.02-.7%2C3.411%2C3.411%2C0%2C0%2C0-1.22-.22%2C3.465%2C3.465%2C0%2C0%2C0-1.2.22%2C2.957%2C2.957%2C0%2C0%2C0-1.08.7l-.44.44%2C2.96%2C3a3.448%2C3.448%2C0%2C0%2C1%2C.88%2C1.28%2C4.156%2C4.156%2C0%2C0%2C1%2C.28%2C1.52%2C3.83%2C3.83%2C0%2C0%2C1-1.14%2C2.82%2C3.83%2C3.83%2C0%2C0%2C1-2.82%2C1.14%2C4.316%2C4.316%2C0%2C0%2C1-1.54-.28%2C3.641%2C3.641%2C0%2C0%2C1-1.3-.84l-3-2.96-7%2C7a.83.83%2C0%2C0%2C0-.18.26.754.754%2C0%2C0%2C0-.06.3.835.835%2C0%2C0%2C0%2C.24.58.74.74%2C0%2C0%2C0%2C.56.26.71.71%2C0%2C0%2C0%2C.32-.08.929.929%2C0%2C0%2C0%2C.24-.16l5.44-5.44%2C2.24%2C2.24-5.4%2C5.44a.829.829%2C0%2C0%2C0-.18.26.753.753%2C0%2C0%2C0-.06.3.767.767%2C0%2C0%2C0%2C.24.56.767.767%2C0%2C0%2C0%2C.56.24.71.71%2C0%2C0%2C0%2C.32-.08.931.931%2C0%2C0%2C0%2C.24-.16l5.44-5.4%2C2.24%2C2.24-5.4%2C5.44a.48.48%2C0%2C0%2C0-.18.24.906.906%2C0%2C0%2C0-.06.32.768.768%2C0%2C0%2C0%2C.24.56.768.768%2C0%2C0%2C0%2C.56.24.754.754%2C0%2C0%2C0%2C.3-.06.832.832%2C0%2C0%2C0%2C.26-.18l5.44-5.4%2C2.24%2C2.24-5.44%2C5.44a.83.83%2C0%2C0%2C0-.18.26.753.753%2C0%2C0%2C0-.06.3.74.74%2C0%2C0%2C0%2C.26.56A.835.835%2C0%2C0%2C0%2C57.016-851.2Zm-.04%2C3.2a3.9%2C3.9%2C0%2C0%2C1-2.62-.98%2C3.818%2C3.818%2C0%2C0%2C1-1.34-2.46%2C3.944%2C3.944%2C0%2C0%2C1-2.28-1.12%2C3.944%2C3.944%2C0%2C0%2C1-1.12-2.28%2C3.8%2C3.8%2C0%2C0%2C1-2.26-1.14%2C4.069%2C4.069%2C0%2C0%2C1-1.1-2.26%2C3.8%2C3.8%2C0%2C0%2C1-2.48-1.32%2C3.927%2C3.927%2C0%2C0%2C1-.96-2.64%2C4.061%2C4.061%2C0%2C0%2C1%2C.3-1.54%2C3.883%2C3.883%2C0%2C0%2C1%2C.86-1.3l9.28-9.24%2C5.24%2C5.24a.48.48%2C0%2C0%2C0%2C.24.18.906.906%2C0%2C0%2C0%2C.32.06.854.854%2C0%2C0%2C0%2C.6-.22.749.749%2C0%2C0%2C0%2C.24-.58.906.906%2C0%2C0%2C0-.06-.32.48.48%2C0%2C0%2C0-.18-.24l-5.72-5.72a2.643%2C2.643%2C0%2C0%2C0-1.02-.7%2C3.411%2C3.411%2C0%2C0%2C0-1.22-.22%2C3.465%2C3.465%2C0%2C0%2C0-1.2.22%2C2.957%2C2.957%2C0%2C0%2C0-1.08.7l-5.64%2C5.68a3.2%2C3.2%2C0%2C0%2C0-.6.84%2C3.39%2C3.39%2C0%2C0%2C0-.32.96%2C3.021%2C3.021%2C0%2C0%2C0%2C0%2C.98%2C2.908%2C2.908%2C0%2C0%2C0%2C.32.94l-2.32%2C2.32a6.362%2C6.362%2C0%2C0%2C1-1-2.02%2C6.284%2C6.284%2C0%2C0%2C1-.24-2.22%2C6.345%2C6.345%2C0%2C0%2C1%2C.56-2.18%2C6.407%2C6.407%2C0%2C0%2C1%2C1.32-1.9l5.64-5.64a6.752%2C6.752%2C0%2C0%2C1%2C2.14-1.4A6.367%2C6.367%2C0%2C0%2C1%2C51.7-880a6.367%2C6.367%2C0%2C0%2C1%2C2.42.48%2C6.3%2C6.3%2C0%2C0%2C1%2C2.1%2C1.4l.44.44.44-.44a6.752%2C6.752%2C0%2C0%2C1%2C2.14-1.4%2C6.367%2C6.367%2C0%2C0%2C1%2C2.42-.48%2C6.367%2C6.367%2C0%2C0%2C1%2C2.42.48%2C6.3%2C6.3%2C0%2C0%2C1%2C2.1%2C1.4l6.76%2C6.76a6.253%2C6.253%2C0%2C0%2C1%2C1.4%2C2.12%2C6.518%2C6.518%2C0%2C0%2C1%2C.48%2C2.44%2C6.367%2C6.367%2C0%2C0%2C1-.48%2C2.42%2C6.305%2C6.305%2C0%2C0%2C1-1.4%2C2.1L59.816-849.2a4.149%2C4.149%2C0%2C0%2C1-1.3.88A3.841%2C3.841%2C0%2C0%2C1%2C56.976-848ZM53.016-870.4Z%22%20transform%3D%22translate(-39.6%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
}

.result-area .col3-box .title2 {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M120-808v-24.889h7.111V-840h17.778v14.222H152V-808H137.778v-7.111h-3.556V-808Zm3.556-3.556h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Zm7.111%2C7.111h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Zm7.111%2C14.222h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Zm7.111%2C21.333h3.556v-3.556h-3.556Zm0-7.111h3.556v-3.556h-3.556Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
}

.result-area .col3-box .title3 {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.877%22%20height%3D%2232%22%20viewBox%3D%220%200%2034.877%2032%22%3E%3Cpath%20d%3D%22M97.439-822l-2.529-2.267q-4.4-3.967-7.281-6.845a48.235%2C48.235%2C0%2C0%2C1-4.578-5.166%2C16.413%2C16.413%2C0%2C0%2C1-2.376-4.207A11.728%2C11.728%2C0%2C0%2C1%2C80-844.409a9.29%2C9.29%2C0%2C0%2C1%2C2.747-6.845A9.29%2C9.29%2C0%2C0%2C1%2C89.591-854a10.06%2C10.06%2C0%2C0%2C1%2C4.316.959%2C10.339%2C10.339%2C0%2C0%2C1%2C3.531%2C2.7%2C10.339%2C10.339%2C0%2C0%2C1%2C3.531-2.7%2C10.06%2C10.06%2C0%2C0%2C1%2C4.316-.959%2C9.29%2C9.29%2C0%2C0%2C1%2C6.845%2C2.747%2C9.29%2C9.29%2C0%2C0%2C1%2C2.747%2C6.845%2C11.728%2C11.728%2C0%2C0%2C1-.676%2C3.924%2C16.413%2C16.413%2C0%2C0%2C1-2.376%2C4.207%2C48.233%2C48.233%2C0%2C0%2C1-4.578%2C5.166q-2.877%2C2.877-7.281%2C6.845Zm0-4.708q4.185-3.749%2C6.888-6.431A54.328%2C54.328%2C0%2C0%2C0%2C108.6-837.8a14.577%2C14.577%2C0%2C0%2C0%2C2.18-3.531%2C8.33%2C8.33%2C0%2C0%2C0%2C.61-3.074%2C5.915%2C5.915%2C0%2C0%2C0-1.744-4.36%2C5.915%2C5.915%2C0%2C0%2C0-4.36-1.744%2C6.732%2C6.732%2C0%2C0%2C0-3.793%2C1.155%2C5.942%2C5.942%2C0%2C0%2C0-2.4%2C2.943H95.782a5.942%2C5.942%2C0%2C0%2C0-2.4-2.943%2C6.732%2C6.732%2C0%2C0%2C0-3.793-1.155%2C5.915%2C5.915%2C0%2C0%2C0-4.36%2C1.744%2C5.915%2C5.915%2C0%2C0%2C0-1.744%2C4.36%2C8.33%2C8.33%2C0%2C0%2C0%2C.61%2C3.074%2C14.577%2C14.577%2C0%2C0%2C0%2C2.18%2C3.531%2C54.328%2C54.328%2C0%2C0%2C0%2C4.272%2C4.665Q93.253-830.458%2C97.439-826.708ZM97.439-838.61Z%22%20transform%3D%22translate(-80%20854)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
}

.result-area .col3-box .score {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0 auto; 
	width: 100%;
	height: 16rem;
}

.result-area .col3-box .score .no-title {
	display: inline-block;
	position: absolute;
	padding: 2rem;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}

.result-area .main-box .score .no-title .i-key {
	display: block;
	width: 3rem;
	height: 4rem;
	margin: 0 auto;
}

.result-area .col3-box .score .fix {
	display: inline-block;
	width: 100%;
	height: 16rem;
	white-space: nowrap;
}

.result-area .col3-box .score .fix .my-score {
	text-align: center;
}

.result-area .col3-box .score .no-fix {
	display: inline-block;
	width: 100%;
	height: 16rem;
	white-space: nowrap;
	background: #fff;
	opacity: 0.1;
}

.result-area .col3-box .score .no-fix .my-score {
	text-align: center;
}

.list-title {
	width: 100%;
	height: 3.6rem;
}

.list-title h2.title1 {
	height: 3.6rem;
	padding: 0.35rem 0 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%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-280%20-870)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(280%20870)%22%20fill%3D%22%235271ff%22%2F%3E%3Cpath%20d%3D%22M128.444-825.333l7.833-7.833-1.556-1.556-6.278%2C6.278-3.167-3.167-1.556%2C1.556ZM122.222-820a2.14%2C2.14%2C0%2C0%2C1-1.569-.653%2C2.14%2C2.14%2C0%2C0%2C1-.653-1.569v-15.556a2.14%2C2.14%2C0%2C0%2C1%2C.653-1.569%2C2.14%2C2.14%2C0%2C0%2C1%2C1.569-.653h15.556a2.14%2C2.14%2C0%2C0%2C1%2C1.569.653%2C2.14%2C2.14%2C0%2C0%2C1%2C.653%2C1.569v15.556a2.14%2C2.14%2C0%2C0%2C1-.653%2C1.569%2C2.14%2C2.14%2C0%2C0%2C1-1.569.653Zm0-2.222h15.556v-15.556H122.222Zm0-15.556v0Z%22%20transform%3D%22translate(168%201718)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        background-size: 3.6rem 3.6rem;
        background-position: 0;
        background-repeat: no-repeat;
}

.list-title h2.title2 {
	height: 3.6rem;
	padding: 0.35rem 0 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%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-280%20-1052)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(280%201052)%22%20fill%3D%22%235271ff%22%2F%3E%3Cpath%20d%3D%22M120-820v-15.556h4.444V-840h11.111v8.889H140V-820h-8.889v-4.444h-2.222V-820Zm2.222-2.222h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm4.444%2C4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm4.444%2C8.889h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm4.444%2C13.333h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Z%22%20transform%3D%22translate(168%201900)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        background-size: 3.6rem 3.6rem;
        background-position: 0;
        background-repeat: no-repeat;
}

ul.top-list1 {
	width: 100%;
}

ul.top-list1 li {
	width: 100%;
	margin: 0.7rem 0 0 0;
	padding: 0 0 0 1.5rem;
	font-size: 1.6rem;
	font-weight: 700;
        background-position: 1rem;
	list-style-position: inside;
}

dl.top-list2 {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 0;
}

dl.top-list2 dt {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	height: auto;
	margin: 1rem 0 0 0;
}

dl.top-list2 dd {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	margin: 1rem 0 0 0;
}


/* 共通 */
a.no-bookmark {
	float: right;
	display: inline-block;
	width: 12rem;
	height: 4.5rem;
	text-align: right;
	padding: 1.5rem 3.5rem 0 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.001%22%20height%3D%2234.001%22%20viewBox%3D%220%200%2026.001%2034.001%22%3E%3Cpath%20d%3D%22M-4218%2C34V4a4%2C4%2C0%2C0%2C1%2C4-4h18a4%2C4%2C0%2C0%2C1%2C4%2C4V34l-13.081-8L-4218%2C34Zm13-15.807h0l5.561%2C2.924-1.062-6.194%2C4.5-4.386-6.219-.9L-4205%2C4l-2.781%2C5.635-6.219.9%2C4.5%2C4.386-1.063%2C6.194L-4205%2C18.2Z%22%20transform%3D%22translate(4218.001%200)%22%20fill%3D%22%235270ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 2.6rem 3.4rem;
        background-position: 9.5rem 1rem;
        background-repeat: no-repeat;
}

a.yes-bookmark {
	float: right;
	display: inline-block;
	width: 12rem;
	height: 4.5rem;
	text-align: right;
	padding: 1.5rem 3.5rem 0 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2026%2034%22%20style%3D%22enable-background%3Anew%200%200%2026%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%235270FF%3B%7D%20.st1%7Bfill%3A%23FFF500%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C34V4c0-2.2%2C1.8-4%2C4-4h18c2.2%2C0%2C4%2C1.8%2C4%2C4v30l-13.1-8L0%2C34z%20M13%2C18.2L13%2C18.2l5.6%2C2.9l-1.1-6.2l4.5-4.4%20l-6.2-0.9L13%2C4l-2.8%2C5.6L4%2C10.5l4.5%2C4.4l-1.1%2C6.2L13%2C18.2L13%2C18.2z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M18.6%2C21.1L13%2C18.2l-5.6%2C2.9l1.1-6.2L4%2C10.5l6.2-0.9L13%2C4l2.8%2C5.6l6.2%2C0.9l-4.5%2C4.4L18.6%2C21.1z%22%2F%3E%3C%2Fsvg%3E');
        background-size: 2.6rem 3.4rem;
        background-position: 9.5rem 1rem;
        background-repeat: no-repeat;
}


/* 企業 共通 */
#company h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M120-810v-23.333h6.667V-840h16.667v13.333H150V-810H136.667v-6.667h-3.333V-810Zm3.333-3.333h3.333v-3.333h-3.333Zm0-6.667h3.333v-3.333h-3.333Zm0-6.667h3.333V-830h-3.333ZM130-820h3.333v-3.333H130Zm0-6.667h3.333V-830H130Zm0-6.667h3.333v-3.333H130ZM136.667-820H140v-3.333h-3.333Zm0-6.667H140V-830h-3.333Zm0-6.667H140v-3.333h-3.333Zm6.667%2C20h3.333v-3.333h-3.333Zm0-6.667h3.333v-3.333h-3.333Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

.company-box-up h3 {
	width: 100%;
	padding: 0;
	margin: 0;
}

.company-box-down h4 {
	width: 100%;
	color: #5271FF;
	padding: 0 0 0 1rem;
	margin: 3rem 0 0 0;
 	border-left: solid 0.5rem #5270FF;
}

.company-box-down h5 {
	width: 100%;
	color: #333;
	background: #F6F7F9;
	padding: 1rem;
}

.company-box-up {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem 1rem 0 0;
	background-color: #fff;
	border-top: 0.1rem solid #E0E0E0;
	border-left: 0.1rem solid #E0E0E0;
	border-right: 0.1rem solid #E0E0E0;
	border-bottom: 0.3rem solid #E0E0E0;
	padding: 1.5rem 1.5rem 0 1.5rem;
	margin: 2rem 0 0 0;
}

.company-box-up .bookmark-box {
	width: 100%;
}

.company-box-down {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 0 0 1rem 1rem;
	background-color: #fff;
	border-left: 0.1rem solid #E0E0E0;
	border-right: 0.1rem solid #E0E0E0;
	border-bottom: 0.1rem solid #E0E0E0;
	padding: 1.5rem 1.5rem 4rem 1.5rem;
}

.company-box-up .nav-company {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: 100%;
	margin: 1.5rem 0;
}

.company-box-up .nav-company li.active {
	display: block;
	width: 50%;
	text-align: center;
    	border-radius: 0.5rem 0.5rem 0 0;
	padding: 1rem 0;
	margin: 0 0 0.1rem 0;
	color: #fff;
	background-color: #5271FF;
	border: 0.1rem solid #fff;
}

.company-box-up .nav-company li {
	display: block;
	width: 50%;
	margin: 0 0 0.1rem 0;
}

.company-box-up .nav-company li a {
	display: block;
	width: 100%;
	float: left;
	background: #F6F7F9;
	padding: 1rem 0;
    	border-radius: 0.5rem 0.5rem 0 0;
	text-align: center;
	color: #333;
	cursor: pointer;
	border: 0.1rem solid #fff;
	transition: 0.3s;
}

.company-box-up .nav-company li a:hover {
	background: #5271FF;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
}

.company-box-down .industry {
	width: 100%;
}

.company-box-down .industry .industry-mark {
	width: 5rem;
	text-align: center;
	padding: 0.35rem 0;
	margin: -0.3rem 0 0 0;
	color: #333;
    		border-radius: 1rem;
	background: #fff;
	border: 0.1rem solid #E0E0E0;
}

.company-box-down .industry .industry-name {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.company-box-down .industry .industry-name li {

}

.company-box-down .industry .industry-name li:not(:last-of-type)::after {
	content: "、";
	margin: 0.7rem;
	color: #333;
}


/* 企業を探す */
#company-search h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 4.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M147.667-810l-10.5-10.5a9.933%2C9.933%2C0%2C0%2C1-2.875%2C1.583%2C10.161%2C10.161%2C0%2C0%2C1-3.458.583%2C10.457%2C10.457%2C0%2C0%2C1-7.687-3.146A10.457%2C10.457%2C0%2C0%2C1%2C120-829.167a10.458%2C10.458%2C0%2C0%2C1%2C3.146-7.687A10.457%2C10.457%2C0%2C0%2C1%2C130.833-840a10.457%2C10.457%2C0%2C0%2C1%2C7.688%2C3.146%2C10.458%2C10.458%2C0%2C0%2C1%2C3.146%2C7.688%2C10.159%2C10.159%2C0%2C0%2C1-.583%2C3.458%2C9.935%2C9.935%2C0%2C0%2C1-1.583%2C2.875l10.5%2C10.5Zm-16.833-11.667a7.233%2C7.233%2C0%2C0%2C0%2C5.313-2.187%2C7.233%2C7.233%2C0%2C0%2C0%2C2.187-5.312%2C7.232%2C7.232%2C0%2C0%2C0-2.187-5.312%2C7.232%2C7.232%2C0%2C0%2C0-5.313-2.188%2C7.232%2C7.232%2C0%2C0%2C0-5.313%2C2.188%2C7.232%2C7.232%2C0%2C0%2C0-2.187%2C5.312%2C7.233%2C7.233%2C0%2C0%2C0%2C2.188%2C5.313A7.233%2C7.233%2C0%2C0%2C0%2C130.833-821.667Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#company-search .comp-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 1.5rem 1.5rem 3rem 1.5rem;
}

#company-search .comp-box .comp-photo {
	width: 100%;
	height: 16rem;
	border-radius: 1rem;
	border: 0.1rem solid #E0E0E0;
	padding: 1rem;
	margin: 0 0 2rem 0;
}

#company-search .comp-box .comp-photo img {
	display: block;
	margin: 0 auto;
	width: 18rem;
	height: 14rem;
	object-fit: contain;
}

#company-search .comp-box .comp-detail{
	width: 100%;
	padding: 0;
}

#company-search .comp-box .title {
	display: block;
	width: 100%;
	padding: 2rem;
	border-bottom: 0.1rem solid #E0E0E0;
}

#company-search .comp-box .comp-detail ul {
	list-style: none;
	margin: 1.5rem 0;
}

#company-search .comp-box .comp-detail ul li {
	float; none;
	margin: 1rem 0 0 0;
}

#company-search .comp-box .comp-detail span {
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0.3rem 1rem;
	word-break: keep-all;
	margin: 0 1rem 0 0;
	border: 0.1rem solid #E0E0E0;
	background: #fff;
}

#company-search .comp-box .comp-detail .comp-title {
	width: 100%;
}

#company-search .comp-box .comp-detail p {
	clear: both;
	margin: 2rem 0 0 0;
}

ul.bo-group-right {
	float: none;
	width: auto;
	margin: 1rem 0 1rem 0;
}

ul.bo-group-right li {
	float: left;
	width: 50%;
	text-align: center;
	margin: 0.5rem 0;
}


/* 企業 基本情報 */
#company span.lisence {
	display: inline-block;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0.5rem 1.5rem;
	word-break: keep-all;
	margin: 1rem 0 0 0;
	color: #fff;
	background:#F4911E;
	border: none;
}

.company-box-down .comp-logo {
	width: 100%;
	height: 30rem;
}

.company-box-down .comp-logo img {
	display: block;
	margin: 0 auto;
	width: 30rem;
	height: 30rem;
	object-fit: contain;
}

.company-box-down table {
	width: 100%;
}

.company-box-down table th {
	display: block;
	width: 100%;
	padding: 1.2rem;
	text-align: left;
	vertical-align: top;
	background: #F6F7F9;
 	border: solid 0.1rem #E0E0E0;
}

.company-box-down table td {
	display: block;
	width: 100%;
	padding: 1.2rem;
	background: #fff;
 	border: solid 0.1rem #E0E0E0;
}

.company-box-down table.col2 {
	width: 100%;
}

.company-box-down table.col2 th {
	width: 100%;
}

.company-box-down table.col2 td {
	width: 100%;
}


/* 企業 製品・サービス */
.company-box-down .comp-chart {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.company-box-down .comp-chart .mychart {
	position: relative;
	overflow: hidden;
}

.company-box-down .comp-chart .graph-data {
	display: none;
}

.company-box-down .inner-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	padding: 0;
	margin: 2rem 0 0 0;
}

.company-box-down .inner-box .photo {
	position: relative;
}

.company-box-down .inner-box .kanren {
	padding: 1rem 1rem 0 1rem;
}

.company-box-down .inner-box .photo img {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height; auto;
	object-fit: contain;
	border-radius: 1rem 1rem 0 0;
}

.company-box-down .inner-box .photo p {
	/*position: absolute;*/
	width: 100%;
	height: 7rem;
	bottom: 0;
	left: 0;
	padding: 3.0rem 0 0 2rem;
	margin: -5rem 0 0 0;
	border-radius: 0 0 1rem 1rem;
	background: linear-gradient(0, #5270FF ,#5270FF, rgba(0,0,0,0));
}

.company-box-down .product {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.company-box-down .product li {
	padding: 0 1rem;
	margin: 0 1rem 1rem 0;
	color: #333;
    		border-radius: 1rem;
	background: #fff;
	border: 0.1rem solid #E0E0E0;
}


/* 企業 職種 */
.inner-box-col2 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
}

.inner-box-col2:nth-child(2n) {
	margin: 2rem 0 0 0;
}

.inner-box-col2 .photo {
	position: relative;
	width: 100%;
	height: 25rem;
	max-height: 28rem;
	overflow: hidden;
}

.inner-box-col2 .photo img {
	width: 100%;
	height; auto;
	border-radius: 1rem 1rem 0 0;
	object-fit: cover;
}

.inner-box-col2 .photo iframe {
	width: 100%;
	height: 25rem;
	border-radius: 1rem 1rem 0 0;
	object-fit: cover;
}

.inner-box-col2 .photo .dep-name {
	position: absolute;
	top: 1.5rem;
	left: 1rem;
	padding: 0.5rem 1.2rem;
	margin: 0;
	border-radius: 1rem;
        background: #fff;
}

.inner-box-col2 .photo .job-name {
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	padding: 0.5rem 1.2rem;
	margin: 0;
	border-radius: 1rem;
       	background: #F4911E;
}

.inner-box-col2 .under-box {
	width: 100%;
	padding: 1rem;
}

.inner-box-col2 .under-box .job-mark {
	width: 100%;
	text-align: center;
	padding: 0.5rem;
	color: #333;
    	border-radius: 1rem;
	background: #fff;
	border: 0.1rem solid #E0E0E0;
}

.inner-box-col2 .under-box .job-mark-2 {
	padding: 0.5rem 0 0 0;
}


/* 企業 働く環境 */
.inner-box-col3 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
}

.inner-box-col3:nth-child(3n) {
	margin: 2rem 0 0 0;
}

.inner-box-col3 .work-title {
	display: table-cell;
	width: 100%;
	height: 6.5rem;
	vertical-align: middle;
	padding: 0.5rem 2rem 0.5rem 2rem;
}

.inner-box-col3 .work-number {
	padding: 2.5rem 2rem;
	border-top: 0.1rem solid #E0E0E0;
}

.company-box-down .eval-img {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.company-box-down .eval-img li {
	width: 50%;
        height: auto;
	padding: 0 0.5rem;
}

.company-box-down .eval-img li img {
	display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        object-fit: contain;
}

.company-box-down .eval-img li iframe {
	display: block;
        margin: 0 auto;
        width: 100%;
        height: 6.5rem;
        object-fit: contain;
}


/* 企業 前年度採用情報 */
.inner-box-2 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	margin: 2rem 0 0 0;
}

.inner-box-2:nth-child(2n) {
	margin: 2rem 0 0 0;
}

.company-box-down ul.flow li {
	list-style: none;
	margin: 2rem 0 0 0;
}

.company-box-down ul.flow li div {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	padding: 2rem;
}

.company-box-down ul.flow li:after {
	display: block;
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%3E%3Cpath%20d%3D%22M5.5%2C0%2C11%2C10H0Z%22%20transform%3D%22translate(11%2010)%20rotate(180)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.1rem;
	height: 1rem;
	margin: 2rem auto 0 auto;
}

.company-box-down ul.flow li:last-child::after{
	display: none;
}


/* コンテンツ 共通 */
#contents h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2230.6%22%20viewBox%3D%220%200%2034%2030.6%22%3E%3Cpath%20d%3D%22M83.4-809.4a3.274%2C3.274%2C0%2C0%2C1-2.4-1%2C3.274%2C3.274%2C0%2C0%2C1-1-2.4V-840l2.848%2C2.848%2C2.8-2.848%2C2.847%2C2.848L91.348-840l2.805%2C2.848L97-840l2.847%2C2.848L102.653-840l2.847%2C2.848L108.347-840l2.805%2C2.848L114-840v27.2a3.274%2C3.274%2C0%2C0%2C1-1%2C2.4%2C3.274%2C3.274%2C0%2C0%2C1-2.4%2C1Zm0-3.4H95.3V-823H83.4Zm15.3%2C0h11.9v-3.4H98.7Zm0-6.8h11.9V-823H98.7Zm-15.3-6.8h27.2v-5.1H83.4Z%22%20transform%3D%22translate(-80%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#contents h3 {
	width: 100%;
	padding: 0;
	margin: 0;
}

#contents h4 {
	width: 100%;
	padding: 0;
	margin: 0;
}


/* 検索機能 */
.search-box .title {
	padding: 2rem;
}

.search-box-condition {
	padding: 2rem;
}

.search-box-condition dl.detail {
	width: calc(100% - 20rem);
	margin: 0;
}

.search-box-condition dl.detail dt {
        width: 15rem;
}

.search-box-condition dl.detail dd {
	width: calc(100% - 15rem);
}

.search-box-condition .search-bo {
	display: flex;
	align-items: flex-end;
	width: 20rem;
}

.search-box-condition-open {
	padding: 0 4rem 4rem 4rem;
}

dl.accordion dt {
	padding: 2rem 1rem;
}

dl.accordion dt::after {
	right: 3rem;
}

dl.accordion dd {
	padding: 2rem;
}

.search-box-condition .search-detail-bo {
	width: 30rem;
}

.search-box-condition input[type="text"] {
	padding: 2rem 1rem;
}


/* コンテンツ */
#contents .inner-box-col3:hover {
	background: #effaff;
	color: #333;
}

#contents .contents-box-up {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem 1rem 0 0;
	background-color: #fff;
	border-top: 0.1rem solid #E0E0E0;
	border-left: 0.1rem solid #E0E0E0;
	border-right: 0.1rem solid #E0E0E0;
	padding: 1.5rem 1.5rem 0 1.5rem;
}

#contents .contents-box-down {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 0 0 1rem 1rem;
	background-color: #fff;
	border-left: 0.1rem solid #E0E0E0;
	border-right: 0.1rem solid #E0E0E0;
	border-bottom: 0.1rem solid #E0E0E0;
	padding: 1.5rem;
}

#contents .contents-box-up .date {
	width: 100%;
}

#contents .contents-box-up .up-inner {
	width: 100%;
}

#contents .contents-box-up .up-inner .cat {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 1rem 0;
}

#contents .contents-box-up .up-inner .bookmark-box {
	flex-wrap: wrap;
	width: 100%;
	margin: 1rem 0;
}

#contents .contents-box-photo {
	width: 100%;
}

#contents .contents-box-photo img {
	width: 100%;
	height: auto;
	border-left: 0.1rem solid #E0E0E0;
	border-right: 0.1rem solid #E0E0E0;
}

#contents .connection-title {
	padding: 0.8rem 0 0.8rem 4.5rem;
        background-size: 4.0rem 3.5rem;
      	background-position: 0rem;
        background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-280%20-1478)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(280%201478)%22%20fill%3D%22%235271ff%22%2F%3E%3Cpath%20d%3D%22M82.222-820a2.14%2C2.14%2C0%2C0%2C1-1.569-.653A2.14%2C2.14%2C0%2C0%2C1%2C80-822.222V-840l1.861%2C1.861L83.694-840l1.861%2C1.861L87.417-840l1.833%2C1.861L91.111-840l1.861%2C1.861L94.806-840l1.861%2C1.861L98.528-840l1.833%2C1.861L102.222-840v17.778a2.14%2C2.14%2C0%2C0%2C1-.653%2C1.569A2.14%2C2.14%2C0%2C0%2C1%2C100-820Zm0-2.222H90v-6.667H82.222Zm10%2C0H100v-2.222H92.222Zm0-4.444H100v-2.222H92.222Zm-10-4.444H100v-3.333H82.222Z%22%20transform%3D%22translate(207%202326)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#contents .contents-img {
	border-radius: 1rem 1rem 0 0;
	max-height: 16rem;
	overflow: hidden;
}

#contents .contents-img img {
	transition: 0.3s;
	object-fit: cover;
	width: 100%;
	height: auto;
	object-fit: cover;
}

#contents a:hover .contents-img img {
	transform: scale(1.2);
	opacity: 0.6;
}

#contents .under-box {
	width: 100%;
	height: auto;
	padding: 1rem;
}

#contents .under-box .title {
	width: 100%;
	padding: 0 0 1rem 0;
}

#contents .mark-box {
	width: 100%;
	height: auto;
	margin: 1rem 0 0 0;
}

#contents .mark-box span.mark {
	display: inline-block;
	border-radius: 0.5rem;
	padding: 0.3rem 0.5rem;
	word-break: keep-all;
	margin: 0 1rem 1rem 0;
	border: 0.1rem solid #E0E0E0;
	background: #fff;
}



/* マイページ関連 共通 */
#mypage h2.fa-ob {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2221.818%22%20viewBox%3D%220%200%2030%2021.818%22%3E%3Cpath%20d%3D%22M40-778.182V-782a4%2C4%2C0%2C0%2C1%2C.6-2.131%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585-1.483%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3-1.585%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432-.528%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432.528%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3%2C1.585%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585%2C1.483%2C4%2C4%2C0%2C0%2C1%2C.6%2C2.131v3.818Zm24.545%2C0v-4.091a5.487%2C5.487%2C0%2C0%2C0-.835-2.881%2C7.369%2C7.369%2C0%2C0%2C0-2.369-2.369%2C17.219%2C17.219%2C0%2C0%2C1%2C3.273.7%2C17.074%2C17.074%2C0%2C0%2C1%2C2.864%2C1.21%2C6.044%2C6.044%2C0%2C0%2C1%2C1.875%2C1.517A2.913%2C2.913%2C0%2C0%2C1%2C70-782.273v4.091ZM50.909-789.091a5.252%2C5.252%2C0%2C0%2C1-3.852-1.6%2C5.252%2C5.252%2C0%2C0%2C1-1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852-1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852A5.252%2C5.252%2C0%2C0%2C1%2C50.909-789.091Zm13.636-5.454a5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-3.852%2C1.6%2C6.818%2C6.818%2C0%2C0%2C1-.955-.085%2C8.293%2C8.293%2C0%2C0%2C1-.955-.188%2C8.109%2C8.109%2C0%2C0%2C0%2C1.415-2.42%2C7.861%2C7.861%2C0%2C0%2C0%2C.494-2.761%2C7.862%2C7.862%2C0%2C0%2C0-.494-2.761%2C8.111%2C8.111%2C0%2C0%2C0-1.415-2.42%2C4.155%2C4.155%2C0%2C0%2C1%2C.955-.222%2C8.994%2C8.994%2C0%2C0%2C1%2C.955-.051%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6A5.253%2C5.253%2C0%2C0%2C1%2C64.545-794.546ZM42.727-780.909H59.091V-782a1.282%2C1.282%2C0%2C0%2C0-.188-.682%2C1.326%2C1.326%2C0%2C0%2C0-.494-.477%2C17.771%2C17.771%2C0%2C0%2C0-3.716-1.381%2C15.815%2C15.815%2C0%2C0%2C0-3.784-.46%2C15.815%2C15.815%2C0%2C0%2C0-3.784.46%2C17.772%2C17.772%2C0%2C0%2C0-3.716%2C1.381%2C1.326%2C1.326%2C0%2C0%2C0-.494.477%2C1.282%2C1.282%2C0%2C0%2C0-.187.682Zm8.182-10.909a2.626%2C2.626%2C0%2C0%2C0%2C1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0%2C.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0-1.926.8%2C2.626%2C2.626%2C0%2C0%2C0-.8%2C1.926%2C2.626%2C2.626%2C0%2C0%2C0%2C.8%2C1.926A2.626%2C2.626%2C0%2C0%2C0%2C50.909-791.818ZM50.909-780.909ZM50.909-794.546Z%22%20transform%3D%22translate(-40%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.be-mind {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M120-810v-23.333h6.667V-840h16.667v13.333H150V-810H136.667v-6.667h-3.333V-810Zm3.333-3.333h3.333v-3.333h-3.333Zm0-6.667h3.333v-3.333h-3.333Zm0-6.667h3.333V-830h-3.333ZM130-820h3.333v-3.333H130Zm0-6.667h3.333V-830H130Zm0-6.667h3.333v-3.333H130ZM136.667-820H140v-3.333h-3.333Zm0-6.667H140V-830h-3.333Zm0-6.667H140v-3.333h-3.333Zm6.667%2C20h3.333v-3.333h-3.333Zm0-6.667h3.333v-3.333h-3.333Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.message {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M87.5-856a1.451%2C1.451%2C0%2C0%2C1-1.069-.431A1.451%2C1.451%2C0%2C0%2C1%2C86-857.5v-3h19.5V-874h3a1.451%2C1.451%2C0%2C0%2C1%2C1.069.431A1.451%2C1.451%2C0%2C0%2C1%2C110-872.5V-850l-6-6ZM80-857.5v-21a1.451%2C1.451%2C0%2C0%2C1%2C.431-1.069A1.451%2C1.451%2C0%2C0%2C1%2C81.5-880H101a1.451%2C1.451%2C0%2C0%2C1%2C1.069.431%2C1.451%2C1.451%2C0%2C0%2C1%2C.431%2C1.069V-865a1.451%2C1.451%2C0%2C0%2C1-.431%2C1.069A1.451%2C1.451%2C0%2C0%2C1%2C101-863.5H86Zm19.5-9V-877H83v10.5Zm-16.5%2C0v0Z%22%20transform%3D%22translate(-80%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.mypage {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M176-784a7.7%2C7.7%2C0%2C0%2C1-5.65-2.35A7.7%2C7.7%2C0%2C0%2C1%2C168-792a7.7%2C7.7%2C0%2C0%2C1%2C2.35-5.65A7.7%2C7.7%2C0%2C0%2C1%2C176-800a7.7%2C7.7%2C0%2C0%2C1%2C5.65%2C2.35A7.7%2C7.7%2C0%2C0%2C1%2C184-792a7.7%2C7.7%2C0%2C0%2C1-2.35%2C5.65A7.7%2C7.7%2C0%2C0%2C1%2C176-784Zm-16%2C16v-5.6a5.858%2C5.858%2C0%2C0%2C1%2C.875-3.125A5.832%2C5.832%2C0%2C0%2C1%2C163.2-778.9a29.693%2C29.693%2C0%2C0%2C1%2C6.3-2.325A27.517%2C27.517%2C0%2C0%2C1%2C176-782a27.517%2C27.517%2C0%2C0%2C1%2C6.5.775%2C29.693%2C29.693%2C0%2C0%2C1%2C6.3%2C2.325%2C5.832%2C5.832%2C0%2C0%2C1%2C2.325%2C2.175A5.858%2C5.858%2C0%2C0%2C1%2C192-773.6v5.6Zm4-4h24v-1.6a1.88%2C1.88%2C0%2C0%2C0-.275-1%2C1.946%2C1.946%2C0%2C0%2C0-.725-.7%2C26.07%2C26.07%2C0%2C0%2C0-5.45-2.025A23.2%2C23.2%2C0%2C0%2C0%2C176-778a23.2%2C23.2%2C0%2C0%2C0-5.55.675A26.07%2C26.07%2C0%2C0%2C0%2C165-775.3a1.946%2C1.946%2C0%2C0%2C0-.725.7%2C1.88%2C1.88%2C0%2C0%2C0-.275%2C1Zm12-16a3.852%2C3.852%2C0%2C0%2C0%2C2.825-1.175A3.852%2C3.852%2C0%2C0%2C0%2C180-792a3.852%2C3.852%2C0%2C0%2C0-1.175-2.825A3.852%2C3.852%2C0%2C0%2C0%2C176-796a3.852%2C3.852%2C0%2C0%2C0-2.825%2C1.175A3.852%2C3.852%2C0%2C0%2C0%2C172-792a3.852%2C3.852%2C0%2C0%2C0%2C1.175%2C2.825A3.852%2C3.852%2C0%2C0%2C0%2C176-788ZM176-792ZM176-772Z%22%20transform%3D%22translate(-160%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.exper {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.273%22%20height%3D%2230%22%20viewBox%3D%220%200%2027.273%2030%22%3E%3Cpath%20d%3D%22M80-850v-5.455h27.273V-850Zm5.455-10.909h1.909L98-871.511l-.989-.989-.955-.955-10.6%2C10.636Zm-2.727%2C2.727v-5.8L98-879.216a2.651%2C2.651%2C0%2C0%2C1%2C.869-.579%2C2.693%2C2.693%2C0%2C0%2C1%2C1.04-.2%2C2.821%2C2.821%2C0%2C0%2C1%2C1.057.2%2C2.723%2C2.723%2C0%2C0%2C1%2C.92.614l1.875%2C1.909a2.228%2C2.228%2C0%2C0%2C1%2C.6.886%2C3.046%2C3.046%2C0%2C0%2C1%2C.188%2C1.057%2C2.814%2C2.814%2C0%2C0%2C1-.187%2C1.006%2C2.556%2C2.556%2C0%2C0%2C1-.6.9L88.523-858.182Zm19.091-17.182-1.909-1.909ZM98-871.511l-.989-.989-.955-.955Z%22%20transform%3D%22translate(-80%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.selection {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.333%22%20height%3D%2230%22%20viewBox%3D%220%200%2033.333%2030%22%3E%3Cpath%20d%3D%22M83.333-810a3.21%2C3.21%2C0%2C0%2C1-2.354-.979A3.21%2C3.21%2C0%2C0%2C1%2C80-813.333v-23.333a3.21%2C3.21%2C0%2C0%2C1%2C.979-2.354A3.21%2C3.21%2C0%2C0%2C1%2C83.333-840H110a3.21%2C3.21%2C0%2C0%2C1%2C2.354.979%2C3.21%2C3.21%2C0%2C0%2C1%2C.979%2C2.354v23.333a3.21%2C3.21%2C0%2C0%2C1-.979%2C2.354A3.21%2C3.21%2C0%2C0%2C1%2C110-810Zm0-3.333H110v-23.333H83.333ZM85-816.667h8.333V-820H85ZM100.917-820l8.25-8.25-2.375-2.375-5.875%2C5.917-2.375-2.375-2.333%2C2.375ZM85-823.333h8.333v-3.333H85ZM85-830h8.333v-3.333H85Zm-1.667%2C16.667v0Z%22%20transform%3D%22translate(-80%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.scout {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.015%22%20height%3D%2230%22%20viewBox%3D%220%200%2033.015%2030%22%3E%3Cpath%20d%3D%22M55.927-853a.665.665%2C0%2C0%2C0%2C.3-.075.87.87%2C0%2C0%2C0%2C.225-.15l12.3-12.3a2.772%2C2.772%2C0%2C0%2C0%2C.656-1.012%2C3.25%2C3.25%2C0%2C0%2C0%2C.206-1.125%2C3.2%2C3.2%2C0%2C0%2C0-.206-1.144%2C2.479%2C2.479%2C0%2C0%2C0-.656-.956l-6.375-6.375a2.478%2C2.478%2C0%2C0%2C0-.956-.656A3.2%2C3.2%2C0%2C0%2C0%2C60.277-877a3.25%2C3.25%2C0%2C0%2C0-1.125.206%2C2.772%2C2.772%2C0%2C0%2C0-1.012.656l-.413.412%2C2.775%2C2.813a3.232%2C3.232%2C0%2C0%2C1%2C.825%2C1.2%2C3.9%2C3.9%2C0%2C0%2C1%2C.262%2C1.425%2C3.591%2C3.591%2C0%2C0%2C1-1.069%2C2.644%2C3.591%2C3.591%2C0%2C0%2C1-2.644%2C1.069%2C4.047%2C4.047%2C0%2C0%2C1-1.444-.262%2C3.415%2C3.415%2C0%2C0%2C1-1.219-.787L52.4-870.4l-6.563%2C6.563a.777.777%2C0%2C0%2C0-.169.244.707.707%2C0%2C0%2C0-.056.281.783.783%2C0%2C0%2C0%2C.225.544.694.694%2C0%2C0%2C0%2C.525.244.662.662%2C0%2C0%2C0%2C.3-.075.866.866%2C0%2C0%2C0%2C.225-.15l5.1-5.1%2C2.1%2C2.1-5.063%2C5.1a.777.777%2C0%2C0%2C0-.169.244.7.7%2C0%2C0%2C0-.056.281.719.719%2C0%2C0%2C0%2C.225.525.719.719%2C0%2C0%2C0%2C.525.225.665.665%2C0%2C0%2C0%2C.3-.075.863.863%2C0%2C0%2C0%2C.225-.15l5.1-5.062%2C2.1%2C2.1-5.062%2C5.1a.449.449%2C0%2C0%2C0-.169.225.849.849%2C0%2C0%2C0-.056.3.719.719%2C0%2C0%2C0%2C.225.525.72.72%2C0%2C0%2C0%2C.525.225.707.707%2C0%2C0%2C0%2C.281-.056.781.781%2C0%2C0%2C0%2C.244-.169l5.1-5.062%2C2.1%2C2.1-5.1%2C5.1a.776.776%2C0%2C0%2C0-.169.244.7.7%2C0%2C0%2C0-.056.281.694.694%2C0%2C0%2C0%2C.244.525A.783.783%2C0%2C0%2C0%2C55.927-853Zm-.037%2C3a3.658%2C3.658%2C0%2C0%2C1-2.456-.919%2C3.58%2C3.58%2C0%2C0%2C1-1.256-2.306%2C3.7%2C3.7%2C0%2C0%2C1-2.138-1.05%2C3.7%2C3.7%2C0%2C0%2C1-1.05-2.137%2C3.562%2C3.562%2C0%2C0%2C1-2.119-1.069A3.815%2C3.815%2C0%2C0%2C1%2C45.84-859.6a3.565%2C3.565%2C0%2C0%2C1-2.325-1.237%2C3.682%2C3.682%2C0%2C0%2C1-.9-2.475%2C3.807%2C3.807%2C0%2C0%2C1%2C.281-1.444%2C3.638%2C3.638%2C0%2C0%2C1%2C.806-1.219l8.7-8.663%2C4.912%2C4.913a.449.449%2C0%2C0%2C0%2C.225.169.85.85%2C0%2C0%2C0%2C.3.056.8.8%2C0%2C0%2C0%2C.563-.206.7.7%2C0%2C0%2C0%2C.225-.544.849.849%2C0%2C0%2C0-.056-.3.45.45%2C0%2C0%2C0-.169-.225l-5.362-5.363a2.478%2C2.478%2C0%2C0%2C0-.956-.656A3.2%2C3.2%2C0%2C0%2C0%2C50.94-877a3.249%2C3.249%2C0%2C0%2C0-1.125.206%2C2.772%2C2.772%2C0%2C0%2C0-1.012.656l-5.288%2C5.325a3.006%2C3.006%2C0%2C0%2C0-.562.788%2C3.179%2C3.179%2C0%2C0%2C0-.3.9%2C2.832%2C2.832%2C0%2C0%2C0%2C0%2C.919%2C2.724%2C2.724%2C0%2C0%2C0%2C.3.881l-2.175%2C2.175a5.962%2C5.962%2C0%2C0%2C1-.937-1.894%2C5.892%2C5.892%2C0%2C0%2C1-.225-2.081%2C5.95%2C5.95%2C0%2C0%2C1%2C.525-2.044%2C6.008%2C6.008%2C0%2C0%2C1%2C1.237-1.781l5.287-5.287a6.329%2C6.329%2C0%2C0%2C1%2C2.006-1.312A5.971%2C5.971%2C0%2C0%2C1%2C50.94-880a5.971%2C5.971%2C0%2C0%2C1%2C2.269.45%2C5.91%2C5.91%2C0%2C0%2C1%2C1.969%2C1.313l.412.412.412-.412a6.33%2C6.33%2C0%2C0%2C1%2C2.006-1.312%2C5.971%2C5.971%2C0%2C0%2C1%2C2.269-.45%2C5.971%2C5.971%2C0%2C0%2C1%2C2.269.45%2C5.91%2C5.91%2C0%2C0%2C1%2C1.969%2C1.313l6.337%2C6.338a5.864%2C5.864%2C0%2C0%2C1%2C1.313%2C1.988%2C6.111%2C6.111%2C0%2C0%2C1%2C.45%2C2.288%2C5.969%2C5.969%2C0%2C0%2C1-.45%2C2.269%2C5.911%2C5.911%2C0%2C0%2C1-1.313%2C1.969l-12.3%2C12.262a3.888%2C3.888%2C0%2C0%2C1-1.219.825A3.6%2C3.6%2C0%2C0%2C1%2C55.89-850ZM52.177-871Z%22%20transform%3D%22translate(-39.6%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#mypage h2.favorite {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.877%22%20height%3D%2232%22%20viewBox%3D%220%200%2034.877%2032%22%3E%3Cpath%20d%3D%22M97.439-822l-2.529-2.267q-4.4-3.967-7.281-6.845a48.235%2C48.235%2C0%2C0%2C1-4.578-5.166%2C16.413%2C16.413%2C0%2C0%2C1-2.376-4.207A11.728%2C11.728%2C0%2C0%2C1%2C80-844.409a9.29%2C9.29%2C0%2C0%2C1%2C2.747-6.845A9.29%2C9.29%2C0%2C0%2C1%2C89.591-854a10.06%2C10.06%2C0%2C0%2C1%2C4.316.959%2C10.339%2C10.339%2C0%2C0%2C1%2C3.531%2C2.7%2C10.339%2C10.339%2C0%2C0%2C1%2C3.531-2.7%2C10.06%2C10.06%2C0%2C0%2C1%2C4.316-.959%2C9.29%2C9.29%2C0%2C0%2C1%2C6.845%2C2.747%2C9.29%2C9.29%2C0%2C0%2C1%2C2.747%2C6.845%2C11.728%2C11.728%2C0%2C0%2C1-.676%2C3.924%2C16.413%2C16.413%2C0%2C0%2C1-2.376%2C4.207%2C48.233%2C48.233%2C0%2C0%2C1-4.578%2C5.166q-2.877%2C2.877-7.281%2C6.845Zm0-4.708q4.185-3.749%2C6.888-6.431A54.328%2C54.328%2C0%2C0%2C0%2C108.6-837.8a14.577%2C14.577%2C0%2C0%2C0%2C2.18-3.531%2C8.33%2C8.33%2C0%2C0%2C0%2C.61-3.074%2C5.915%2C5.915%2C0%2C0%2C0-1.744-4.36%2C5.915%2C5.915%2C0%2C0%2C0-4.36-1.744%2C6.732%2C6.732%2C0%2C0%2C0-3.793%2C1.155%2C5.942%2C5.942%2C0%2C0%2C0-2.4%2C2.943H95.782a5.942%2C5.942%2C0%2C0%2C0-2.4-2.943%2C6.732%2C6.732%2C0%2C0%2C0-3.793-1.155%2C5.915%2C5.915%2C0%2C0%2C0-4.36%2C1.744%2C5.915%2C5.915%2C0%2C0%2C0-1.744%2C4.36%2C8.33%2C8.33%2C0%2C0%2C0%2C.61%2C3.074%2C14.577%2C14.577%2C0%2C0%2C0%2C2.18%2C3.531%2C54.328%2C54.328%2C0%2C0%2C0%2C4.272%2C4.665Q93.253-830.458%2C97.439-826.708ZM97.439-838.61Z%22%20transform%3D%22translate(-80%20854)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}


/* マイページ関連 トップ */
#mypage .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 15rem;
	margin: 0 auto;
}


/* マイページ 気になるされた企業・プロフィール閲覧企業*/
#mypage .comp-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 1.5rem 1.5rem 3rem 1.5rem;
	transition: 0.3s;
}

#mypage .comp-box:hover {
	background: #effaff;
}

#mypage .comp-box .comp-photo {
	width: 100%;
	height: 16rem;
	border-radius: 1rem;
	border: 0.1rem solid #E0E0E0;
	padding: 1rem;
	margin: 0 0 2rem 0;
}

#mypage .comp-box .comp-photo img {
	display: block;
	margin: 0 auto;
	width: 18rem;
	height: 14rem;
	object-fit: contain;
}

#mypage .comp-box .comp-detail{
	width: 100%;
	padding: 0 0 0 1rem;
}

#mypage .comp-box .title {
	display: block;
	width: 100%;
	padding: 2rem;
	border-bottom: 0.1rem solid #E0E0E0;
}

#mypage .comp-box .comp-detail span {
	display: inline-block;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0.3rem 1rem;
	word-break: keep-all;
	margin: 0.5rem 1rem 0 0;
	border: 0.1rem solid #E0E0E0;
	background: #fff;
}

#mypage .comp-box .comp-detail .comp-title {
	width: 100%;
}

#mypage .comp-box .comp-detail .comp-day-after {
	width: 100%;
	text-align: right;
}

#mypage .comp-box .comp-detail ul {
	list-style: none;
}


/* マイページ メッセージ */
#mypage .message-bo-group {
	text-align: center;
	margin: 2rem 0 8rem 0;
}

#mypage .message-bo-group-right {
	text-align: right;
	margin: 2rem 0;
}

#mypage .message-title {
	padding: 0.8rem 0 0.8rem 4.5rem;
        background-size: 4.0rem 3.5rem;
      	background-position: 0rem;
        background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-287%20-624)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(287%20624)%22%20fill%3D%22%235271ff%22%2F%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(215%201513)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#mypage .no-message-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #E0E0E0;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 2rem 1.5rem;
}

#mypage .contact-title {
	display: block;
	width: 28rem;
	height: 4rem;
	position: relative;
	border-radius: 3rem;
	text-align: center;
	background-color: #E0E0E0;
	border: 0.1rem solid #E0E0E0;
	margin: -4.5rem auto 0 auto;
	padding: 0.7rem 1.5rem;
}


/* マイページ メッセージ トーク画面パーツ */
.message-container {
	padding:0;
	overflow: hidden;
	margin: 0 auto 0 auto;
}

.message-container .message-left {
	position: relative;
	display: block;
	margin: 1rem 0;
	max-width: 100%;
	float: left;
	clear: both;
}

.message-container .message-left figure {
	width: 3rem;
	height: 3rem;
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.message-container .message-left figure img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	object-fit: cover;
	border: 0.1rem solid #E0E0E0;
}

.message-container .message-left .message-left-text {
	margin-left: 4rem;
}

.message-container .message-left .message-left-text .name {
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0 0 1rem 1rem;
}

.message-container .message-left .message-left-text .text {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0;
	display: inline-block;
	position: relative;
	padding: 0.5rem;
	border-radius: 0.5rem;
	border: 0.1rem solid #E0E0E0;
	background-color: #fff;
}

.message-container .message-left .date {
	width: 100%;
	position: static;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: right;
	margin: 0.5rem 0;
}

.message-container .message-left .date br {
	display: none;
}

.message-container .message-right {
	position: relative;
	display: block;
	margin: 1rem 0;
	max-width: 100%;
	float: right;
	margin-right: 4rem;
	clear: both;
}

.message-container .message-right figure {
	width: 3rem;
	height: 3rem;
	display: flex;
	position: absolute;
	top: 0;
	right: -4.5rem;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.message-container .message-right figure img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	object-fit: cover;
	border: 0.1rem solid #E0E0E0;
}

.message-container .message-right .text {
	width: 100%;
	padding: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	border-radius: 0.5rem;
	background-color: #fff;
	margin: 0;
	margin-left: 0;
	border: 0.1rem solid #E0E0E0;
}

.message-container .message-right .name {
	font-size: 1.6rem;
	font-weight: 500;
	text-align: right;
	margin: 0 1rem 1rem 0;
}

.message-container .message-right .date {
	width: 100%;
	position: static;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	width: 100%;
	text-align: left;
	left: 0;
	bottom: 0;
}

.message-container .message-right .date br {
	display: none;
}



/* 検索機能 */
.search-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem 1rem 0 0;
	background-color: #fff;
	border-top: 0.1rem solid #E0E0E0;
	border-left: 0.1rem solid #E0E0E0;
	border-right: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 0;
}

.search-box .title {
	display: block;
	width: 100%;
	padding: 1.5rem;
	border-bottom: 0.1rem solid #E0E0E0;
}

.search-box-condition {
	width: 100%;
	padding: 1.5rem;
	border-radius: 0 0 1rem 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
}

.search-box-condition dl.detail {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 1rem 0;
	padding: 0 0 0 0;
}

.search-box-condition dl.detail dt {
        text-align: right;
        width: 50%;
        margin: 0 0 0.5rem 0;
}

.search-box-condition dl.detail dd {
	justify-content: left;
	width: 50%;
        margin: 0 0 0.5rem 0;
}

.search-box-condition .search-bo {
	display: flex;
	align-items: flex-end;
	height: auto;
	margin-left: auto
}

.search-box-condition-open {
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 1rem 3rem 1rem;
	width: 100%;
	height: auto;
	border-radius: 0 0 1rem 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	transition: 0.5s;
}

.search-box-condition-open.active {
	display: block;
	transform: translateY(0%);
	overflow: hidden;
	height: auto;
	transition: 0.5s;
}

dl.accordion {
	width: 100%;
	margin: 0.5rem auto;
}

dl.accordion dt {
	cursor: pointer;
	padding: 1rem 3rem 1.5rem 1rem;
	border-radius: 1rem;
	border: 0.1rem solid #E0E0E0;
	background: #fff;
}

dl.accordion dt::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 1rem;
	height: 1rem;
	border-top: 0.2rem solid #333;
	border-right: 0.2rem solid #333;
	transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	transition: .5s;
}

dl.accordion dt.open {
	border-radius: 1rem 1rem 0 0;
	border: 0.1rem solid #E0E0E0;
}

dl.accordion dt.open::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: .5s;
}

dl.accordion dd {
	padding: 1rem;
	border-radius: 0 0 1rem 1rem;
	border: 0.1rem solid #E0E0E0;
	background: #fff;
}

dl.accordion dd ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

dl.accordion dd ul li {
	float: left;
	margin: 1rem;
}

.search-box-condition .search-detail-bo {
	display: flex;
	width: 100%;
	height: auto;
	margin: 0;
}

.search-box-condition input[type="text"] {
	border: #cdcdcd 0.1rem solid;
	padding: 1rem 0.5rem;
	font-size: 1.6rem;
	color: #333;
	font-family: inherit;
	width: 100%;
	border-radius: 0.5rem;
}


/* マイページ メッセージ一覧 パーツ */
#mypage .comp-box .comp-detail .comp-title span.comp {
	padding: 0.5rem 1.5rem;
	border-radius: 0;
	border: 0.1rem solid #5270FF;
}

#mypage .comp-box .comp-detail .comp-title span.obog {
	padding: 0.5rem 0.8rem;
	border-radius: 0;
	border: 0.1rem solid #b83000;
}

#mypage .comp-box .comp-detail .comp-title span.operation {
	padding: 0.5rem 0.8rem;
	border-radius: 0;
	border: 0.1rem solid #9D9D9D;
}

#mypage .comp-box .comp-detail .message-date {
	width: 80%;
	padding: 0.5rem 0 0 0;
	text-align: left;
}

#mypage .comp-box .comp-detail .message-mark {
	width: 20%;
	text-align: right;
}

#mypage .comp-box .comp-detail .message-mark {
	width: 10%;
	text-align: right;
}

#mypage .comp-box .comp-detail .message-mark span.unread {
	padding: 0.5rem 0.8rem;
	margin: 0;
	border-radius: 1rem;
	color: #fff;
	background-color: #E22B2B;
	border: none;
}

#mypage .comp-box .comp-detail .message-mark span.read {
	padding: 0.5rem 0.8rem;
	margin: 0;
	border-radius: 1rem;
	color: #fff;
	background-color: #9D9D9D;
	border: none;
} 

#mypage .nav-message {
	display: inline-block;
	list-style: none;
	width: 100%;
	margin: 0;
	border-bottom: none;
}

#mypage .nav-message li.active {
	display: inline-block;
	float: left;
	width: 33%;
	text-align: center;
    	border-radius: 0.5rem 0.5rem 0 0;
	padding: 1rem 0;
	margin: 0 0 0.1rem 0;
	color: #fff;
	background-color: #5271FF;
	border-bottom: none;
}

#mypage .nav-message li a {
	display: inline-block;
	width: 33%;
	float: left;
	background: #fff;
	margin: 0 0 0.1rem ;
	padding: 1rem 0;
    	border-radius: 0.5rem 0.5rem 0 0;
	text-align: center;
	color: #333;
	cursor: pointer;
	border-bottom: none;
	transition: 0.3s;
}

#mypage .nav-message li a:hover {
	background: #5271FF;
	color: #fff;
	cursor: pointer;
	border-bottom: 0.2rem solid #3A51BE;
	transition: 0.3s;
}

#mypage .nav-message li.active span {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height:2.5rem;
	border-radius: 50%;
	text-align: center;
	background: #fff;
	color: #5271FF;
	margin: 0 0 0 1rem;
	font-size: 1.3rem;
}

#mypage .nav-message li a span {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height:2.5rem;
	border-radius: 50%;
	text-align: center;
	background: #000;
	color: #fff;
	margin: 0 0 0 1rem;
	font-size: 1.3rem;
}


/* マイページ 就職体験記 */
#mypage .inner-box-col3:hover {
	background: #effaff;
	color: #333;
}

#mypage .exper-inner {
	height: 40rem;
	padding: 1.5rem;
}

#mypage .exper-inner .title {
	padding: 1rem 0;
	border-bottom: 0.2rem solid #5271FF;
}

#mypage .exper-inner .cover {
	position: absolute;
        width: 100%;
        height: 17rem;
        bottom: 0;
        left: 0;
        padding: 11rem 0 0 0;
        margin: 0;
        border-radius: 0 0 1rem 1rem;
        background: linear-gradient(0, #fff, rgba(0, 0, 0, 0));
}


/* 就活体験記 詳細*/
#mypage .exp-detail-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 1.5rem;
}


/* マイページ 選考管理一覧 */
#mypage .selection-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 4rem 0 0 0;
	padding: 1rem 0.5rem 1rem 0.5rem;
	overflow: hidden;
	overflow-x: scroll;
}

.selection-box table {
	width: 100rem;
	white-space: nowrap;

}

.selection-box table tr {
 	border-bottom: solid 0.1rem #E0E0E0;
}

.selection-box table tr:nth-child(2n) {
 	background: #F6F7F9;
}

.selection-box table th {
	padding: 0.5rem;
	text-align: center;
 		/*border: solid 0.1rem #E0E0E0;*/
}

.selection-box table td {
	padding: 2rem 0;
	text-align: center;
}


/* 選考管理 カレンダー */
#calendar-area ul.calendar-title {
	list-style-type: none;
	width: 100%;
}

#calendar-area ul.calendar-title li.current {
	width: 100%;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
	text-align: left;
}

#calendar-area ul.calendar-title li.g-common {
	width: 70%;
	padding: 1.25rem 0 0 1rem;
	text-align: left;
}

#calendar-area ul.calendar-title li {
	float: left;
	width: 15%;
	margin: 0;
	text-align: center;
}

#calendar-area ul.calendar-title li a {
	font-size: 1.8rem;
	display: inline-block;
	width: 4rem;
	height: 4rem;
	padding: 0.5rem;
	border: #d6dde1 1px solid;
	border-radius: 0.5rem;
}

#calendar-area,
#calendar-area .calendar-row {
	width: 100%;
}
#calendar-area .calendar-head {
	display: none;
}
#calendar-area .calendar-row {
	border: none;
	height: auto;
}
#calendar-area .calendar-row:last-child {
	box-shadow: none;
}
#calendar-area .calendar-row::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#calendar-area .calendar-row > div {
	width: 100%;
	height: auto;
	float: none;
	border: none;
	padding: 4rem 1rem 1rem 1rem;
	display: block;
	border-bottom: 0.1rem solid #E0E0E0;
}
#calendar-area .calendar-row > div:first-child {
	box-shadow: none;
}
#calendar-area .calendar-row > div  > span.calendar-day {
	position: absolute;
	width: 3rem;
	height: 2rem;
	font-size: 1.8rem;
	bottom: auto;
	right: auto;
	top: 1rem;
	left: 1rem;
	text-align: left;
}
#calendar-area .calendar-row > div  > span.calendar-weekday {
	display: block;
	position: absolute;
	left: 4rem;
	top: 2rem;
	font-size: 1rem;
}
#calendar-area .calendar-row > div.today {
	background-color: rgba(255,141,141,0.1);
}
#calendar-area .calendar-body {
	width: 100%;
	padding: 0;
	background-color: #fff;
	border-top: 0.1rem solid #E0E0E0;
}

#calendar-area span.event,
.schedule span.event {
	width: 100%;
	display: inline-block;
	text-align: left;
	font-size: 1.0rem;
	border-radius: 1rem;
	padding: 0.5rem 1rem;
	margin: 0 0 0.5rem 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: linear-gradient(90deg, #52E4FF, #5270FF);
	color: #fff;
}

#calendar-area span.event a {
	color: #fff;
}

#calendar-area span.event:hover {
	background: #2064A8;
}


/* マイページ 選考管理一覧 */
#mypage .selection-detail-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        border: 0.1rem solid #E0E0E0;
        margin: 2rem 0 0 0;
        padding: 0;
	border-radius: 1rem;
}

#mypage .selection-detail-box .inner-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        padding: 1.5rem 1.5rem 3rem 1.5rem;
	border-radius: 1rem;
}

#mypage .selection-detail-box h3 {
	padding: 1.5rem;
	border-bottom: 0.1rem solid #E0E0E0;
}

#mypage .selection-detail-box textarea {
	height: 24rem;
}

#mypage .selection-detail-box span.link {
	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%22M121.778-824a1.712%2C1.712%2C0%2C0%2C1-1.256-.522%2C1.712%2C1.712%2C0%2C0%2C1-.522-1.256v-12.444a1.712%2C1.712%2C0%2C0%2C1%2C.522-1.256%2C1.712%2C1.712%2C0%2C0%2C1%2C1.256-.522H128v1.778h-6.222v12.444h12.444V-832H136v6.222a1.712%2C1.712%2C0%2C0%2C1-.522%2C1.256%2C1.712%2C1.712%2C0%2C0%2C1-1.256.522Zm4.178-4.711-1.244-1.244%2C8.267-8.267h-3.2V-840H136v6.222h-1.778v-3.2Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.6rem;
	height: 1.6rem;
	top: 0.3rem;
	left: 0.5rem;
}

#mypage .selection-detail-box span.id {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.6%22%20height%3D%2216%22%20viewBox%3D%220%200%2013.6%2016%22%3E%3Cpath%20d%3D%22M124.8-867.2a1.541%2C1.541%2C0%2C0%2C1-1.13-.47%2C1.541%2C1.541%2C0%2C0%2C1-.47-1.13v-9.6a1.54%2C1.54%2C0%2C0%2C1%2C.47-1.13%2C1.54%2C1.54%2C0%2C0%2C1%2C1.13-.47H132a1.54%2C1.54%2C0%2C0%2C1%2C1.13.47%2C1.54%2C1.54%2C0%2C0%2C1%2C.47%2C1.13v9.6a1.54%2C1.54%2C0%2C0%2C1-.47%2C1.13%2C1.541%2C1.541%2C0%2C0%2C1-1.13.47Zm0-1.6H132v-9.6h-7.2Zm-3.2%2C4.8a1.541%2C1.541%2C0%2C0%2C1-1.13-.47%2C1.54%2C1.54%2C0%2C0%2C1-.47-1.13v-11.2h1.6v11.2h8.8v1.6Zm3.2-4.8v0Z%22%20transform%3D%22translate(-120%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.6rem;
	height: 1.6rem;
	top: 0.3rem;
	left: 0.5rem;
}


/* 共通 */
.lead-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 1.5rem;
}


/* Q&A */
#qa h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M94.925-856a1.811%2C1.811%2C0%2C0%2C0%2C1.331-.544%2C1.81%2C1.81%2C0%2C0%2C0%2C.544-1.331%2C1.81%2C1.81%2C0%2C0%2C0-.544-1.331%2C1.811%2C1.811%2C0%2C0%2C0-1.331-.544%2C1.811%2C1.811%2C0%2C0%2C0-1.331.544%2C1.81%2C1.81%2C0%2C0%2C0-.544%2C1.331%2C1.81%2C1.81%2C0%2C0%2C0%2C.544%2C1.331A1.811%2C1.811%2C0%2C0%2C0%2C94.925-856Zm-1.35-5.775H96.35a5.457%2C5.457%2C0%2C0%2C1%2C.281-1.95%2C6.564%2C6.564%2C0%2C0%2C1%2C1.594-1.95%2C11.242%2C11.242%2C0%2C0%2C0%2C1.537-1.856%2C3.855%2C3.855%2C0%2C0%2C0%2C.563-2.119%2C3.754%2C3.754%2C0%2C0%2C0-1.537-3.225A5.992%2C5.992%2C0%2C0%2C0%2C95.15-874a5.191%2C5.191%2C0%2C0%2C0-3.469%2C1.125%2C5.953%2C5.953%2C0%2C0%2C0-1.856%2C2.7l2.475.975a4.08%2C4.08%2C0%2C0%2C1%2C.844-1.462%2C2.463%2C2.463%2C0%2C0%2C1%2C2.006-.788%2C2.319%2C2.319%2C0%2C0%2C1%2C1.8.656%2C2.1%2C2.1%2C0%2C0%2C1%2C.6%2C1.444%2C2.441%2C2.441%2C0%2C0%2C1-.45%2C1.406%2C6.033%2C6.033%2C0%2C0%2C1-1.125%2C1.219%2C9.33%2C9.33%2C0%2C0%2C0-2.025%2C2.212A6.83%2C6.83%2C0%2C0%2C0%2C93.575-861.775ZM95-850a14.606%2C14.606%2C0%2C0%2C1-5.85-1.181%2C15.147%2C15.147%2C0%2C0%2C1-4.763-3.206%2C15.147%2C15.147%2C0%2C0%2C1-3.206-4.763A14.606%2C14.606%2C0%2C0%2C1%2C80-865a14.606%2C14.606%2C0%2C0%2C1%2C1.181-5.85%2C15.147%2C15.147%2C0%2C0%2C1%2C3.206-4.763%2C15.147%2C15.147%2C0%2C0%2C1%2C4.763-3.206A14.606%2C14.606%2C0%2C0%2C1%2C95-880a14.606%2C14.606%2C0%2C0%2C1%2C5.85%2C1.181%2C15.147%2C15.147%2C0%2C0%2C1%2C4.763%2C3.206%2C15.147%2C15.147%2C0%2C0%2C1%2C3.206%2C4.763A14.606%2C14.606%2C0%2C0%2C1%2C110-865a14.606%2C14.606%2C0%2C0%2C1-1.181%2C5.85%2C15.147%2C15.147%2C0%2C0%2C1-3.206%2C4.763%2C15.147%2C15.147%2C0%2C0%2C1-4.763%2C3.206A14.606%2C14.606%2C0%2C0%2C1%2C95-850Zm0-3a11.581%2C11.581%2C0%2C0%2C0%2C8.512-3.487A11.582%2C11.582%2C0%2C0%2C0%2C107-865a11.582%2C11.582%2C0%2C0%2C0-3.488-8.513A11.581%2C11.581%2C0%2C0%2C0%2C95-877a11.581%2C11.581%2C0%2C0%2C0-8.512%2C3.487A11.582%2C11.582%2C0%2C0%2C0%2C83-865a11.582%2C11.582%2C0%2C0%2C0%2C3.488%2C8.513A11.581%2C11.581%2C0%2C0%2C0%2C95-853ZM95-865Z%22%20transform%3D%22translate(-80%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}


/* プライバシーポリシー・利用規約 */
#rule h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.325%22%20height%3D%2230%22%20viewBox%3D%220%200%2029.325%2030%22%3E%3Cpath%20d%3D%22M138.75-891.612l-6.375-6.375%2C2.1-2.1%2C4.275%2C4.275%2C8.475-8.475%2C2.1%2C2.1ZM147-906.5h-3V-914h-3v4.5H126V-914h-3v21h9v3h-9a2.889%2C2.889%2C0%2C0%2C1-2.119-.881A2.889%2C2.889%2C0%2C0%2C1%2C120-893v-21a2.889%2C2.889%2C0%2C0%2C1%2C.881-2.119A2.889%2C2.889%2C0%2C0%2C1%2C123-917h6.262a4.09%2C4.09%2C0%2C0%2C1%2C1.613-2.156A4.467%2C4.467%2C0%2C0%2C1%2C133.5-920a4.5%2C4.5%2C0%2C0%2C1%2C2.681.844A4.119%2C4.119%2C0%2C0%2C1%2C137.775-917H144a2.889%2C2.889%2C0%2C0%2C1%2C2.119.881A2.889%2C2.889%2C0%2C0%2C1%2C147-914ZM133.5-914a1.451%2C1.451%2C0%2C0%2C0%2C1.069-.431A1.451%2C1.451%2C0%2C0%2C0%2C135-915.5a1.451%2C1.451%2C0%2C0%2C0-.431-1.069A1.451%2C1.451%2C0%2C0%2C0%2C133.5-917a1.451%2C1.451%2C0%2C0%2C0-1.069.431A1.451%2C1.451%2C0%2C0%2C0%2C132-915.5a1.451%2C1.451%2C0%2C0%2C0%2C.431%2C1.069A1.451%2C1.451%2C0%2C0%2C0%2C133.5-914Z%22%20transform%3D%22translate(-120%20920)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#rule .lead-box h4,
#regist .regist-box .inner-box .kiyaku-box h4 {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	color: #5271FF;
	padding: 0 0 0 1.5rem;
	margin: 4rem 0 0 0;
 		border-left: solid 0.5rem #5270FF;
}

#rule .lead-box p,
#regist .regist-box .inner-box .kiyaku-box p {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 3.2rem;
}

#rule .lead-box ul,
#rule .lead-box ol,
#regist .regist-box .inner-box .kiyaku-box ul,
#regist .regist-box .inner-box .kiyaku-box ol {
	padding-inline-start: 2em;
	margin: 2rem 0 0 0;
}
#rule .lead-box ul li,
#rule .lead-box ol li,
#regist .regist-box .inner-box .kiyaku-box ul li,
#regist .regist-box .inner-box .kiyaku-box ol li {
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
	font-weight: 500;
	line-height: 3.2rem;
}
#rule .lead-box ul li:last-child,
#rule .lead-box ol li:last-child,
#regist .regist-box .inner-box .kiyaku-box ul li:last-child,
#regist .regist-box .inner-box .kiyaku-box ol li:last-child {
	margin-bottom: 0;
}


/* お問い合わせ */
#inquiry h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.5%22%20height%3D%2230%22%20viewBox%3D%220%200%2025.5%2030%22%3E%3Cpath%20d%3D%22M133.5-850l-.375-4.5h-.375a12.3%2C12.3%2C0%2C0%2C1-9.037-3.713A12.3%2C12.3%2C0%2C0%2C1%2C120-867.25a12.3%2C12.3%2C0%2C0%2C1%2C3.713-9.037A12.3%2C12.3%2C0%2C0%2C1%2C132.75-880a12.42%2C12.42%2C0%2C0%2C1%2C4.969.994%2C12.876%2C12.876%2C0%2C0%2C1%2C4.05%2C2.737%2C12.877%2C12.877%2C0%2C0%2C1%2C2.738%2C4.05%2C12.421%2C12.421%2C0%2C0%2C1%2C.994%2C4.969%2C16.018%2C16.018%2C0%2C0%2C1-.919%2C5.4%2C19.11%2C19.11%2C0%2C0%2C1-2.512%2C4.8%2C21.247%2C21.247%2C0%2C0%2C1-3.788%2C4.013A23.477%2C23.477%2C0%2C0%2C1%2C133.5-850Zm3-5.475a18.678%2C18.678%2C0%2C0%2C0%2C4.331-5.269%2C13.234%2C13.234%2C0%2C0%2C0%2C1.669-6.506%2C9.412%2C9.412%2C0%2C0%2C0-2.831-6.919A9.412%2C9.412%2C0%2C0%2C0%2C132.75-877a9.412%2C9.412%2C0%2C0%2C0-6.919%2C2.831A9.412%2C9.412%2C0%2C0%2C0%2C123-867.25a9.412%2C9.412%2C0%2C0%2C0%2C2.831%2C6.919%2C9.412%2C9.412%2C0%2C0%2C0%2C6.919%2C2.831h3.75Zm-3.788-3.562a1.482%2C1.482%2C0%2C0%2C0%2C1.088-.45%2C1.482%2C1.482%2C0%2C0%2C0%2C.45-1.088%2C1.482%2C1.482%2C0%2C0%2C0-.45-1.087%2C1.481%2C1.481%2C0%2C0%2C0-1.088-.45%2C1.481%2C1.481%2C0%2C0%2C0-1.087.45%2C1.482%2C1.482%2C0%2C0%2C0-.45%2C1.087%2C1.482%2C1.482%2C0%2C0%2C0%2C.45%2C1.088A1.482%2C1.482%2C0%2C0%2C0%2C132.712-859.037Zm-1.087-4.763h2.25a3.861%2C3.861%2C0%2C0%2C1%2C.225-1.575%2C8.9%2C8.9%2C0%2C0%2C1%2C1.425-1.65%2C6.922%2C6.922%2C0%2C0%2C0%2C1.125-1.462%2C3.346%2C3.346%2C0%2C0%2C0%2C.45-1.687%2C3.337%2C3.337%2C0%2C0%2C0-1.294-2.869A5%2C5%2C0%2C0%2C0%2C132.75-874a4.244%2C4.244%2C0%2C0%2C0-2.775.919%2C4.887%2C4.887%2C0%2C0%2C0-1.575%2C2.231l2.1.825a3.473%2C3.473%2C0%2C0%2C1%2C.712-1.256%2C1.9%2C1.9%2C0%2C0%2C1%2C1.538-.619%2C1.94%2C1.94%2C0%2C0%2C1%2C1.519.563%2C1.811%2C1.811%2C0%2C0%2C1%2C.506%2C1.238%2C1.873%2C1.873%2C0%2C0%2C1-.375%2C1.144%2C9.306%2C9.306%2C0%2C0%2C1-.9%2C1.031%2C6.032%2C6.032%2C0%2C0%2C0-1.594%2C1.781A6.679%2C6.679%2C0%2C0%2C0%2C131.625-863.8ZM132.75-866.237Z%22%20transform%3D%22translate(-120%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#inquiry .input-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        border: 0.1rem solid #E0E0E0;
        margin: 2rem 0 0 0;
        padding: 1.5rem 1.5rem 4rem 1.5rem;
	border-radius: 1rem;
}

#inquiry textarea {
	height: 24rem;
}

#inquiry .confirm-box {
	padding: 2.5rem 0;
        border-bottom: 0.1rem solid #E0E0E0;
}

#inquiry .ss-input {
	width: 6rem!important;
}


/* プログレスバー */
#inquiry .progress-bar-area {
	width: 30rem;
	margin: 0 auto;
}

ol.progress-bar {
	display: flex;
	position: relative;
	padding: 0;
	justify-content: space-between;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

ol.progress-bar li {
	list-style: none;
	position: relative;
	color: #B5B5B5;
	font-size: 1.4rem;
	font-weight: 700;
}

ol.progress-bar li.current {
	color:  #333;
}

ol.progress-bar li:after {
	border-bottom: #B5B5B5 0.2rem solid;
	content: "";
	height: 0.2rem;
	right: 5rem;
	position: absolute;
	top: 2.5rem;
	width: 7.6rem;
}

ol.progress-bar li:first-child {
	padding-left: 0;
}

ol.progress-bar li span {
	background-color: #cdcdcd;
	color: #fff;
	display: inline-block;
	margin-bottom: 0.5rem;
	text-align: center;
	width: 5.0rem;
	height: 5.0rem;
	line-height: 5.0rem;
	font-size: 2.4rem;
	font-weight: 700;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

ol.progress-bar li.current:after {
	border-bottom: #5271FF 0.2rem solid;
}

ol.progress-bar li.current:first-child:after {
	border-bottom: none;
}

ol.progress-bar li.done span {
	background-color: #B5B5B5;
	margin-bottom: 0.8rem;
}

ol.progress-bar li.current span {
	width: 5rem;
	height: 5rem;
	line-height: 5.0rem;
	margin-bottom: 0.8rem;
	background-color: #5271FF;
}


/* 仮登録完了 */
#regist h2 {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#regist .regist-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        margin: 2rem auto;
        padding: 0;
}

#regist .regist-box .inner-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        margin: 2rem 0 0 0;
        padding: 1.5rem 1.5rem 4rem 1.5rem;
	border-radius: 1rem;
}

#regist .regist-box .inner-box .input-area {
        width: 50%;
}

#regist .regist-box .inner-box .domein-area {
	display: flex;
        width: 50%;
	font-size: 1.6rem;
	padding: 0 0 0 0.5rem;
	align-items: center;
}

#regist .regist-box .inner-box .kiyaku-box {
	width: 100%;
	border: 1px solid #d6dde1;
	padding: 2rem;
	height: 50rem;
	overflow-y: scroll;
}

#legal-terms label {
	display: block;
	font-size: 1.6rem;
	width: 10rem;
	margin: 3rem auto;
	padding: 0 0 0 3rem;
}

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

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

input[type="checkbox"].agree-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.3rem;
}

input[type="checkbox"].agree-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.1rem;
	opacity: 0;
	transition: 0.3s;
}

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

#legal-terms #agree + label + input {
	pointer-events: none;
	background: #ccc;
}

#legal-terms #agree:checked + label + input {
	pointer-events: auto;
	background: linear-gradient(-135deg,#00A0E9,#0078F0);
}

#legal-terms #agree:checked + label + input:hover {
	background: #2064A8;
}


/* 404 */
#404 h2 {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}


/* プロフィール入力 */
#profile h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M174-786a6.741%2C6.741%2C0%2C0%2C1-4.944-2.056A6.74%2C6.74%2C0%2C0%2C1%2C167-793a6.741%2C6.741%2C0%2C0%2C1%2C2.056-4.944A6.741%2C6.741%2C0%2C0%2C1%2C174-800a6.74%2C6.74%2C0%2C0%2C1%2C4.944%2C2.056A6.741%2C6.741%2C0%2C0%2C1%2C181-793a6.74%2C6.74%2C0%2C0%2C1-2.056%2C4.944A6.74%2C6.74%2C0%2C0%2C1%2C174-786Zm-14%2C14v-4.9a5.126%2C5.126%2C0%2C0%2C1%2C.766-2.734%2C5.1%2C5.1%2C0%2C0%2C1%2C2.034-1.9%2C25.984%2C25.984%2C0%2C0%2C1%2C5.512-2.034A24.08%2C24.08%2C0%2C0%2C1%2C174-784.25a24.08%2C24.08%2C0%2C0%2C1%2C5.688.678%2C25.984%2C25.984%2C0%2C0%2C1%2C5.512%2C2.034%2C5.1%2C5.1%2C0%2C0%2C1%2C2.034%2C1.9A5.126%2C5.126%2C0%2C0%2C1%2C188-776.9v4.9Zm3.5-3.5h21v-1.4a1.645%2C1.645%2C0%2C0%2C0-.241-.875%2C1.7%2C1.7%2C0%2C0%2C0-.634-.612%2C22.809%2C22.809%2C0%2C0%2C0-4.769-1.772A20.3%2C20.3%2C0%2C0%2C0%2C174-780.75a20.3%2C20.3%2C0%2C0%2C0-4.856.591%2C22.809%2C22.809%2C0%2C0%2C0-4.769%2C1.772%2C1.7%2C1.7%2C0%2C0%2C0-.634.612%2C1.645%2C1.645%2C0%2C0%2C0-.241.875Zm10.5-14a3.37%2C3.37%2C0%2C0%2C0%2C2.472-1.028A3.37%2C3.37%2C0%2C0%2C0%2C177.5-793a3.37%2C3.37%2C0%2C0%2C0-1.028-2.472A3.37%2C3.37%2C0%2C0%2C0%2C174-796.5a3.37%2C3.37%2C0%2C0%2C0-2.472%2C1.028A3.37%2C3.37%2C0%2C0%2C0%2C170.5-793a3.37%2C3.37%2C0%2C0%2C0%2C1.028%2C2.472A3.37%2C3.37%2C0%2C0%2C0%2C174-789.5ZM174-793ZM174-775.5Z%22%20transform%3D%22translate(-160%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

/*#profile .img-block{
	width: 100%;
	height: auto;
	margin: 0 0 4rem 0;
	text-align: center;
}

#profile .img-block img {
	width: 20rem;
	height: 20rem;
}*/

#profile .img-block{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4rem auto 0 auto;
}

#profile .img-block img {
	width: 20rem;
	height: 20rem;
	border-radius:50%;
	object-fit: cover;
}

#profile dd {
	padding: 1rem;
}

#profile table {
	width: 100%;
	padding: 1rem;
}

#profile table th {
	width: 27%;
	text-align: left;
	padding: 0.2rem 0.2rem 0.2rem 0;
}

#profile table th.v-top {
	vertical-align: top;
}

#profile table td {
	width: 65%;
	padding: 0.2rem;
}

#profile .l-input {
	width: 84rem!important;
}

#profile .m-input {
	width: 100%!important;
}

#profile .s-input {
	width: 9rem!important;
}

#profile .ss-input {
	width: 8rem!important;
}

#profile .tel-input {
	width: 6rem!important;
}

#profile textarea {
	height: 20rem!important;
}

#profile textarea {
	height: 20rem!important;
}

#profile table.setsumei {
	width: 100%;
}

#profile .tekisei-photo,
#profile .gpa-photo {
	width: 20rem;
	height: 20rem;
	object-fit: cover;
}

#profile span.pdf {
	display: inline-block;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0.5rem 1.5rem;
	word-break: keep-all;
	margin: 1rem 1rem 0 0;
	color: #fff;
	background: #F4911E;
}


/* ログイン */
#login h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M135-810v-3.333h11.667v-23.333H135V-840h11.667a3.21%2C3.21%2C0%2C0%2C1%2C2.354.979%2C3.21%2C3.21%2C0%2C0%2C1%2C.979%2C2.354v23.333a3.21%2C3.21%2C0%2C0%2C1-.979%2C2.354%2C3.21%2C3.21%2C0%2C0%2C1-2.354.979Zm-3.333-6.667-2.292-2.417%2C4.25-4.25H120v-3.333h13.625l-4.25-4.25%2C2.292-2.417L140-825Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#login .login-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        border: 0.1rem solid #E0E0E0;
        margin: 2rem 0 0 0;
        padding: 0;
	border-radius: 1rem;
}

#login .login-box .inner-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        padding: 1.5rem;
	border-radius: 1rem;
}

#login .login-box .inner-box .input-area {
        width: 50%;
}

#login .login-box .inner-box .domein-area {
	display: flex;
        width: 50%;
	font-size: 1.6rem;
	padding: 0 0 0 0.5rem;
	align-items: center;
}

#login h3 {
	padding: 1.5rem 0 1.5rem 1.5rem;
	border-bottom: 0.1rem solid #E0E0E0;
}

#login .login-box .inner-box a.forget {
	display: block;
	width: 27rem;
	margin: 0 auto;
	text-decoration: underline;
}

#login .login-box .inner-box a.forget::after {
	position: absolute;
	top: 0.5rem;
	bottom: 0;
	right: -0.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#err .err-box {
	width: 100%;
	padding: 1rem 2rem 2rem;
	background-color: #fff0f0;
}

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


/* CITジョブマッチでできること */
#whats h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2232%22%20viewBox%3D%220%200%2029%2032%22%3E%3Cg%20transform%3D%22translate(-288%20-148)%22%3E%3Crect%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%221%22%20transform%3D%22translate(288%20148)%22%20fill%3D%22%235270ff%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%2210%22%20rx%3D%221%22%20transform%3D%22translate(288%20159)%22%20fill%3D%22%235270ff%22%2F%3E%3Crect%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%221%22%20transform%3D%22translate(288%20170)%22%20fill%3D%22%235270ff%22%2F%3E%3Crect%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%221%22%20transform%3D%22translate(303%20170)%22%20fill%3D%22%235270ff%22%2F%3E%3Crect%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%221%22%20transform%3D%22translate(296%20159)%22%20fill%3D%22%235270ff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#whats h3 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 20rem;
    	margin: 0 auto;
	padding: 0!important;
	border-radius: 1rem 1rem 0 0;
	background-image: linear-gradient(rgba(82, 112, 255, 0.8), rgba(82, 112, 255, 0.8)), url(../../images/user/whats/bk_title.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 3.0rem;
}

#whats .lead-box {
	border-radius: 0 0 1rem 1rem;
	margin: 0 0 0 0;
	padding: 5rem 1.5rem;
}

#whats .lead-box .illust-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:auto;
	border-radius: 0 0 1rem 1rem;
	margin: 5rem 0;
}

#whats .lead-box .illust-box img {
	width: 100%;
	height: auto;
}

#whats h4 {
	width: 100%;
	padding: 0 0 0 1.5rem;
 	border-left: solid 0.5rem #5270FF;
}

#whats h5 {
	width: 100%;
}

#whats .flow-box-left {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	margin: 4rem 0 0 0;
}

#whats .flow-box-left img {
	width: 100%;
	height: auto;
}

#whats .flow-box-right {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	margin: 4rem 0 0 0;
	padding: 0;
	align-items: center;
}

#whats .flow-box-right .block-num {
	display: inline-block;
	padding: 0.3rem 1.2rem;
	word-break: keep-all;
	margin: 0 0.5rem 1rem 0;
	background: #5270FF;
}

































.inner-box-col1 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 2rem;
}

.company-box-down .arrow {
	display: block;
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%3E%3Cpath%20d%3D%22M5.5%2C0%2C11%2C10H0Z%22%20transform%3D%22translate(11%2010)%20rotate(180)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
	width: 1.1rem;
	height: 1rem;
	margin: 2rem auto 0 auto;
}


/* 企業 卒業生 */
.obog:hover {
	background: #effaff;
	color: #333;
}

.obog-img {
	border-radius: 1rem 1rem 0 0;
	max-height: 18rem;
	overflow: hidden;
}

.obog-img img {
	transition: 0.3s;
	object-fit: cover;
	width: 100%;
	height: auto;
	object-fit: cover;
}

a:hover .obog-img img {
	transform: scale(1.2);
	opacity: 0.6;
}

.obog .under-box {
	width: 100%;
	height: auto;
	padding: 1rem;
}

a:hover .obog-img img {
	transform: scale(1.2);
	opacity: 0.6;
}

.obog .under-box .title {
	width: 100%;
	padding: 0 0 1rem 0;
}

.obog .under-box .comp-name {
	width: 100%;
	padding: 0 0 1rem 0;
}

.obog .under-box .industry {
	width: 100%;
	padding: 0 0 1rem 0;
}

.obog .under-box .detail {
	width: 100%;
	padding: 0 0 1rem 2rem;
	border-bottom: 0.1rem solid #E0E0E0;
}

.obog .under-box .hash-tag {
	width: 100%;
	padding: 1rem 0 1rem 0;
}

.mark-box {
	/*display: block;*/
	display: inline-block;
	width: 100%;
	/*height: 9rem;*/
}

.mark-box .yes-mark {
	float:left;
	width: 9rem;
	text-align: center;
	padding: 0.5rem 0 0.5rem 1.1rem;
	margin: 1rem 0.2rem 0 0;
	color: #333;
    	border-radius: 1rem;
	background: #5271FF;
	border: 0.1rem solid #5271FF;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.106%22%20height%3D%2218.171%22%20viewBox%3D%220%200%2019.106%2018.171%22%3E%3Cpath%20d%3D%22M-81.829-91.457l-3.1%2C5.9%2C3.1%2C5.9L-88.4-80.776-93.059-76l-.959-6.6L-100-85.553l5.981-2.952.959-6.6%2C4.656%2C4.776Z%22%20transform%3D%22translate(-76%20100)%20rotate(90)%22%20fill%3D%22%23fff500%22%2F%3E%3C%2Fsvg%3E');
        background-size: 1.3rem 1.3rem;
        background-position: 0.2rem 0.7rem;
        background-repeat: no-repeat;

}

.mark-box .no-mark {
	float:left;
	width: 9rem;
	text-align: center;
	padding: 0.5rem 0 0.5rem 1.1rem;
	margin: 1rem 0.2rem 0 0;
	color: #333;
    	border-radius: 1rem;
	background: #fff;
	border: 0.1rem solid #5271FF;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.106%22%20height%3D%2218.171%22%20viewBox%3D%220%200%2019.106%2018.171%22%3E%3Cpath%20d%3D%22M-81.829-91.457l-3.1%2C5.9%2C3.1%2C5.9L-88.4-80.776-93.059-76l-.959-6.6L-100-85.553l5.981-2.952.959-6.6%2C4.656%2C4.776Z%22%20transform%3D%22translate(-76%20100)%20rotate(90)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 1.3rem 1.3rem;
        background-position: 0.2rem 0.7rem;
        background-repeat: no-repeat;

}


/* 卒業生詳細 */
#ob h2 {
	width: 100%;
	height: auto;
	padding: 0 0 0 3.5rem;
	margin: 1rem 0 2rem 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2221.818%22%20viewBox%3D%220%200%2030%2021.818%22%3E%3Cpath%20d%3D%22M40-778.182V-782a4%2C4%2C0%2C0%2C1%2C.6-2.131%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585-1.483%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3-1.585%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432-.528%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432.528%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3%2C1.585%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585%2C1.483%2C4%2C4%2C0%2C0%2C1%2C.6%2C2.131v3.818Zm24.545%2C0v-4.091a5.487%2C5.487%2C0%2C0%2C0-.835-2.881%2C7.369%2C7.369%2C0%2C0%2C0-2.369-2.369%2C17.219%2C17.219%2C0%2C0%2C1%2C3.273.7%2C17.074%2C17.074%2C0%2C0%2C1%2C2.864%2C1.21%2C6.044%2C6.044%2C0%2C0%2C1%2C1.875%2C1.517A2.913%2C2.913%2C0%2C0%2C1%2C70-782.273v4.091ZM50.909-789.091a5.252%2C5.252%2C0%2C0%2C1-3.852-1.6%2C5.252%2C5.252%2C0%2C0%2C1-1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852-1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852A5.252%2C5.252%2C0%2C0%2C1%2C50.909-789.091Zm13.636-5.454a5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-3.852%2C1.6%2C6.818%2C6.818%2C0%2C0%2C1-.955-.085%2C8.293%2C8.293%2C0%2C0%2C1-.955-.188%2C8.109%2C8.109%2C0%2C0%2C0%2C1.415-2.42%2C7.861%2C7.861%2C0%2C0%2C0%2C.494-2.761%2C7.862%2C7.862%2C0%2C0%2C0-.494-2.761%2C8.111%2C8.111%2C0%2C0%2C0-1.415-2.42%2C4.155%2C4.155%2C0%2C0%2C1%2C.955-.222%2C8.994%2C8.994%2C0%2C0%2C1%2C.955-.051%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6A5.253%2C5.253%2C0%2C0%2C1%2C64.545-794.546ZM42.727-780.909H59.091V-782a1.282%2C1.282%2C0%2C0%2C0-.188-.682%2C1.326%2C1.326%2C0%2C0%2C0-.494-.477%2C17.771%2C17.771%2C0%2C0%2C0-3.716-1.381%2C15.815%2C15.815%2C0%2C0%2C0-3.784-.46%2C15.815%2C15.815%2C0%2C0%2C0-3.784.46%2C17.772%2C17.772%2C0%2C0%2C0-3.716%2C1.381%2C1.326%2C1.326%2C0%2C0%2C0-.494.477%2C1.282%2C1.282%2C0%2C0%2C0-.187.682Zm8.182-10.909a2.626%2C2.626%2C0%2C0%2C0%2C1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0%2C.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0-1.926.8%2C2.626%2C2.626%2C0%2C0%2C0-.8%2C1.926%2C2.626%2C2.626%2C0%2C0%2C0%2C.8%2C1.926A2.626%2C2.626%2C0%2C0%2C0%2C50.909-791.818ZM50.909-780.909ZM50.909-794.546Z%22%20transform%3D%22translate(-40%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 3rem 3rem;
        background-position: 0 1rem;
        background-repeat: no-repeat;
}

#ob .ob-detail-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem 0 0 0;
	padding: 1.5rem 1.5rem 3rem 1.5rem;
}

#ob .ob-detail-box .ob-photo {
	width: 100%;
	height: auto;
}

#ob .ob-detail-box .ob-photo img {
	display: inline-block;
	width: 100%;
	height: auto;
        margin: 0 auto;
	object-fit: contain;
	border-radius: 1rem;
}

#ob .ob-detail-box .ob-detail {
	width: 100%;
	padding: 0;
}

#ob .ob-detail-box h3 {
	display: block;
	width: 100%;
}

#ob .ob-detail-box h4 {
	width: 100%;
	color: #5271FF;
	padding: 0 0 0 1.5rem;
	margin: 3rem 0 0 0;
	border-left: solid 0.5rem #5270FF;
}

#ob .ob-detail-box h5 {
	width: 100%;
	color: #333;
	padding: 2rem;
	margin: 2rem 0 0 0;
	background-color: #F6F7F9;
}

#ob .ob-detail-box .ob-detail span.lisence {
	display: inline-block;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0.5rem 1.5rem;
	word-break: keep-all;
	margin: 0;
	color: #fff;
	background:#F4911E;
	border: none;
}

#ob .ob-detail-box .ob-detail span {
	display: inline-block;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0.3rem 1rem;
	word-break: keep-all;
	margin: 0 1rem 0 0;
	border: 0.1rem solid #E0E0E0;
}

#ob .mark-box {
	width: 100%;
	height: auto;
	margin: 2rem 0;
}

#ob .mark-box span {
	display: inline-block;
	border-radius: 0.7rem;
	font-size: 1.6rem;
	font-weight: 500;
	padding: 0.5rem 1rem;
	word-break: keep-all;
	margin: 0.5rem 0.5rem 0.1rem 0;
	border: 0.1rem solid #E0E0E0;
}

#ob .etc-ob-title {
	padding: 0.8rem 0 0.8rem 4.5rem;
        background-size: 4.0rem 3.5rem;
      	background-position: 0rem;
        background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-280%20-2393)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(280%202393)%22%20fill%3D%22%235271ff%22%2F%3E%3Cpath%20d%3D%22M40-785.455V-788a2.663%2C2.663%2C0%2C0%2C1%2C.4-1.42%2C2.652%2C2.652%2C0%2C0%2C1%2C1.057-.989%2C13.509%2C13.509%2C0%2C0%2C1%2C2.864-1.057%2C12.51%2C12.51%2C0%2C0%2C1%2C2.955-.352%2C12.51%2C12.51%2C0%2C0%2C1%2C2.955.352%2C13.509%2C13.509%2C0%2C0%2C1%2C2.864%2C1.057%2C2.652%2C2.652%2C0%2C0%2C1%2C1.057.989%2C2.663%2C2.663%2C0%2C0%2C1%2C.4%2C1.42v2.545Zm16.364%2C0v-2.727a3.658%2C3.658%2C0%2C0%2C0-.557-1.92%2C4.911%2C4.911%2C0%2C0%2C0-1.58-1.579%2C11.475%2C11.475%2C0%2C0%2C1%2C2.182.466%2C11.383%2C11.383%2C0%2C0%2C1%2C1.909.807%2C4.029%2C4.029%2C0%2C0%2C1%2C1.25%2C1.012A1.941%2C1.941%2C0%2C0%2C1%2C60-788.182v2.727Zm-9.091-7.273A3.5%2C3.5%2C0%2C0%2C1%2C44.7-793.8a3.5%2C3.5%2C0%2C0%2C1-1.068-2.568%2C3.5%2C3.5%2C0%2C0%2C1%2C1.068-2.568A3.5%2C3.5%2C0%2C0%2C1%2C47.273-800a3.5%2C3.5%2C0%2C0%2C1%2C2.568%2C1.068%2C3.5%2C3.5%2C0%2C0%2C1%2C1.068%2C2.568%2C3.5%2C3.5%2C0%2C0%2C1-1.068%2C2.568A3.5%2C3.5%2C0%2C0%2C1%2C47.273-792.727Zm9.091-3.636A3.5%2C3.5%2C0%2C0%2C1%2C55.3-793.8a3.5%2C3.5%2C0%2C0%2C1-2.568%2C1.068%2C4.536%2C4.536%2C0%2C0%2C1-.636-.057%2C5.525%2C5.525%2C0%2C0%2C1-.636-.125%2C5.405%2C5.405%2C0%2C0%2C0%2C.943-1.614%2C5.241%2C5.241%2C0%2C0%2C0%2C.33-1.841%2C5.241%2C5.241%2C0%2C0%2C0-.33-1.841%2C5.406%2C5.406%2C0%2C0%2C0-.943-1.614%2C2.769%2C2.769%2C0%2C0%2C1%2C.636-.148%2C5.975%2C5.975%2C0%2C0%2C1%2C.636-.034%2C3.5%2C3.5%2C0%2C0%2C1%2C2.568%2C1.068A3.5%2C3.5%2C0%2C0%2C1%2C56.364-796.364Zm-14.545%2C9.091H52.727V-788a.855.855%2C0%2C0%2C0-.125-.455.884.884%2C0%2C0%2C0-.33-.318%2C11.848%2C11.848%2C0%2C0%2C0-2.477-.92A10.544%2C10.544%2C0%2C0%2C0%2C47.273-790a10.544%2C10.544%2C0%2C0%2C0-2.523.307%2C11.848%2C11.848%2C0%2C0%2C0-2.477.92.884.884%2C0%2C0%2C0-.33.318.855.855%2C0%2C0%2C0-.125.455Zm5.455-7.273a1.751%2C1.751%2C0%2C0%2C0%2C1.284-.534%2C1.751%2C1.751%2C0%2C0%2C0%2C.534-1.284%2C1.751%2C1.751%2C0%2C0%2C0-.534-1.284%2C1.751%2C1.751%2C0%2C0%2C0-1.284-.534%2C1.751%2C1.751%2C0%2C0%2C0-1.284.534%2C1.751%2C1.751%2C0%2C0%2C0-.534%2C1.284%2C1.751%2C1.751%2C0%2C0%2C0%2C.534%2C1.284A1.751%2C1.751%2C0%2C0%2C0%2C47.273-794.546ZM47.273-787.273ZM47.273-796.364Z%22%20transform%3D%22translate(248%203204)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}


/* リードページ */
#lead header {
	width: 100%;
	height: auto;
	position: relative;
      	background-position: -23.5rem -1.5rem;
	background-image: url("../../images/user/lead/bk_head.png");
        background-repeat: repeat;
	background-color: #F6F7F9;
	box-shadow: none;
}

#lead header .inner-box {
	width: 100%;
	margin: 0;
	padding: 1rem;
}

#lead header .inner-box h1 img {
	width: 50%;
	height: auto;

}

#lead header .inner-box .left-box  {
	width: 100%;
	font-size: 2.95rem;
	text-align: justify;
	font-weight: bold;
	line-height: 130%;
	margin: 5rem 0 0 0;
}

#lead header .inner-box .button-box  {
	width: 100%;
	display: table;
	margin: 5rem 0;
}

#lead header .inner-box .button-box .inner-box {
	display: table-cell;
	vertical-align: middle;
}

#lead main {
	width: 100%;
	position: relative;
	padding: 0;
	background-color: #F6F7F9;
}

#lead main h2.upper{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin: 3rem 0 0 0;
}

#lead main h2.under{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin: 3rem 0 0 0;
}

#lead main .lead-box {
	display: block;
	width: 95%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem auto 0 auto;
	padding: 1.5rem;
}

#lead main .lead-box img.illust {
	display: block;
	width: 100%;
	height: auto;
	margin: 3rem auto;
}

#lead main .lead-box .text-box-1 {
	display: block;
	width: 100%;
	height: auto;
	margin: 3rem auto;
}

#lead main .lead-box-0 {
	display: block;
	width: 95%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem auto 0 auto;
	padding: 2rem 0;
}

#lead main .lead-box-0 .left-box  {
	width: 100%;
}

#lead main .lead-box-0 .left-box img {
	width: 100%;
	margin: 0 0 3rem 0;
}

#lead main .lead-box-0 .right-box  {
	width: 100%;
	padding: 1.5rem;
}

#lead main .lead-box-1 {
	display: block;
	width: 95%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 2rem auto 0 auto;
	padding: 2rem 0;
}

#lead main .lead-box-1 .left-box-photo  {
	width: 100%;
}

#lead main .lead-box-1 .left-box-photo img {
	width: 100%;
	margin: 0 0 3rem 0;
}

#lead main .lead-box-1 .right-box  {
	width: 100%;
	display: table;
	padding: 0 1.5rem 3rem 1.5rem;
}

#lead main .lead-box-1 .right-box .inner-box,
#lead main .lead-box-1 .left-box .inner-box {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

#lead main .lead-box-1 .left-box  {
	width: 100%;
	display: table;
	padding: 0 1.5rem 3rem 1.5rem;
}

#lead main .lead-box-1 .right-box-photo  {
	width: 48.8rem;
}

#lead main .lead-box-1 h3.flow1  {
	padding: 3rem 0 3rem 9rem;
        background-size: 8rem 8rem;
      	background-position: 0rem;
        background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.948%22%20y1%3D%220.558%22%20x2%3D%220%22%20y2%3D%220.556%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e4ff%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235270ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-885%20-2153)%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20transform%3D%22translate(885%202153)%22%20fill%3D%22url(%23a)%22%2F%3E%3Cg%20transform%3D%22translate(-10%20-4)%22%3E%3Ctext%20transform%3D%22translate(915%202190)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2216%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20transform%3D%22translate(921%202216)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2224%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E01%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#lead main .lead-box-1 h3.flow2  {
	padding: 3rem 0 3rem 9rem;
        background-size: 8rem 8rem;
      	background-position: 0rem;
        background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.948%22%20y1%3D%220.558%22%20x2%3D%220%22%20y2%3D%220.556%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e4ff%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235270ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-885%20-2153)%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20transform%3D%22translate(885%202153)%22%20fill%3D%22url(%23a)%22%2F%3E%3Cg%20transform%3D%22translate(-10%20-4)%22%3E%3Ctext%20transform%3D%22translate(915%202190)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2216%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20transform%3D%22translate(921%202216)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2224%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E02%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#lead main .lead-box-1 h3.flow3  {
	padding: 3rem 0 3rem 9rem;
        background-size: 8rem 8rem;
      	background-position: 0rem;
        background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.948%22%20y1%3D%220.558%22%20x2%3D%220%22%20y2%3D%220.556%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e4ff%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235270ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-885%20-2153)%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20transform%3D%22translate(885%202153)%22%20fill%3D%22url(%23a)%22%2F%3E%3Cg%20transform%3D%22translate(-10%20-4)%22%3E%3Ctext%20transform%3D%22translate(915%202190)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2216%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20transform%3D%22translate(921%202216)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2224%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E03%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#lead footer {
	text-align: center;
	margin: 0;
}

#lead footer .text-box {
	width: 90%;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 200%;
	margin: 1rem auto 0 auto;
	text-align: left;
}

#lead footer .text-box br {
	display: none;
}

#lead footer .bo-center-lead {
	width: 100%;
	margin: 4rem auto 6rem auto;
}

#lead footer .bo-center-lead .bo {
	width: 100%;
	margin: 1rem auto;
}


/* マイページ　パスワード変更・アカウント休止 */
.password-box {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	padding: 0;
}

.password-box .title {
	padding: 1.5rem;
	border-bottom: 0.1rem solid #E0E0E0;
	background-size: 4.0rem 3.5rem;
	background-position: 2rem;
	background-repeat: no-repeat;
}

.password-box .under-box {
	padding: 1.5rem;
}


/* マイページ　お気に入り企業 */
#mypage .favorite-detail-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        border: 0.1rem solid #E0E0E0;
        margin: 2rem 0 0 0;
        padding: 1.5rem;
	border-radius: 1rem;
}

#mypage .favorite-detail-box .inner-box {
	display: block;
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        padding: 2.5rem 4rem 4rem 4rem;
	border-radius: 1rem;
}

#mypage .favorite-detail-box ul {
	list-style: none;
	margin: 0 1rem;
}

#mypage .favorite-detail-box ul li {
	float: none;
	width: 100%;
	margin: 0 0 0 0;
}

#mypage .favorite-detail-box ul li label img {
	display: none;
}

#company-area {
	overflow-x: hidden;
	padding-right: 2rem;
}
ul.company-list {
	list-style-type: none;
}
ul.company-list li {
	height: 8rem;
}
ul.company-list li input[type="checkbox"] + label {
	display: flex;
	align-items: center;
	height: 8rem;
	font-size: 1.4rem;
}
ul.company-list li input[type="checkbox"] + label > img {
	width: 25%;
	height: auto;
	object-fit: contain;
	display: inline-block;
	margin: 0 0.5rem 0 0;
}
ul.company-list li input[type="checkbox"].custom-check + label {
	margin-left: 0;
}
ul.company-list li input[type="checkbox"].custom-check + label::before {
	top: 3rem;
}
ul.company-list li input[type="checkbox"].custom-check + label::after {
	top: 2.8rem;
}

.hikaku-option label {
	font-size: 1.3rem;
	padding: 1rem;
}

#compare-area {
	width: 100%;
	overflow-x: auto;
	cursor: grab;
	height: auto;
	overflow-y: auto;
}
#compare-area:active {
	cursor: grabbing;
}
.scroll-wrapper {
	width: 100%;
	max-width: 9999px;
	overflow-x: unset;
	overflow-y: unset;
}

#compare-area .data-area {
	display: block;
	width: 32rem;
	float: left;
	height: auto;
	position: relative;
	background-color: #fff;
	border: 0.1rem solid #E0E0E0;
	margin: 0 1rem 0 0;
	padding: 1rem;
	border-radius: 1rem;
	text-align: center;
}

#compare-area .data-area .name-block {
	width: 100%;
	height: 17rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
	color: #0078F0;
	padding: 0 1rem;
	position: sticky;
	top: 0;
	z-index: 3;
	background-color: #fff;
}
#compare-area .data-area .link-block {
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	padding: 0 1rem;
	background-color: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 17rem;
	z-index: 2;
}

#compare-area .data-area .name-block img {
	display: block;
	margin: 0 auto 1rem;
	width: 13rem;
	max-height: 13rem;
	height: 10rem;
	object-fit: contain;
}
#compare-area .data-area .data-block,
#compare-area .side-area .data-block {
	width: 100%;
	font-size: 1.6rem;
	align-items: center;
	padding:0;
	word-break: break-all;
}
#compare-area .data-area .data-block {
	border-bottom: none;
	text-align: center;
	padding: 1rem 0 1.5rem 0;
}
#compare-area .data-area .title-block {
	left: 0;
	position: sticky;
}

#compare-area .data-area .title-block {
	width: 100%;
	position: sticky;
	padding: 1.5rem 0 0 0;
	border-top: #ccc 1px solid;
	font-size: 1.6rem;
	font-weight: 500;
	color: #0078F0;
}

#compare-area .data-area .data-block.long-text,
#compare-area .data-area .data-block.long-text {
	height: auto;
	text-align: left;
}
#compare-area .data-area .data-block.graph-block {
	height: auto;
}
#compare-area .data-area .data-block.graph-block img {
	display: block;
	margin: 0 auto;
	width: 100%;
	object-fit: contain;
}
.data-area canvas {
	width: 20rem;
	height: 20rem;
}
#compare-area canvas {
	display: none !important;
}

#hidden-area {
	width: 30rem;
	height: 0;
	visibility: hidden;
}