@charset "utf-8";
/* CSS Document */
#main {
	background: #111844 no-repeat center center / cover;
	height: 30rem;
	margin: 7rem 0 3rem;
	position: relative;
}
#main.about2 {background-image: url("../img/about/main.jpg")}
#main.keikaku {background-image: url("../img/keikaku/main.jpg")}
#main.about2 {background-image: url("../img/about/main.jpg")}
#main.jss {background-image: url("../img/jss/main.jpg")}
#main.rec {background-image: url("../img/rec/main.jpg"); background-position: 86% 50%; }
#main.news {background-image: url("../img/news/main.jpg")}
#main.service {background-image: url("../img/service/main.jpg")}
#main.english {background-image: url("../img/en/main.jpg")}
#main.jpcon {background-image: url("../img/form/main.jpg")}
#main h2 {
	display: inline-table;
	width: fit-content;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%,50%);
	font-size: 4rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
#main h2.keikaku{color: #111844;} 
#main.about2 h2 {
	display: inline-table;
	width: fit-content;
	position: absolute;
	left: 50%;
	bottom: 60%;
	transform: translate(-50%,-50%);
	font-size: 4rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
@media only screen and ( max-width : 500px ) {
	#main {height: 11rem;}
	#main h2 {font-size: 6vw;}
}
/*-------------------------------------------------

	COMMON

--------------------------------------------------*/
#mainbox {margin-bottom: 12.7rem;text-align: center;overflow: hidden;}
#mainbox.recruit {margin-bottom: 5rem;}
#mainbox h2 {
	font-size: 3rem;
	font-weight: 900;
	letter-spacing: .2em;
	text-align: center;
	margin-bottom: 5.5rem;
}
#mainbox p {font-size: 1.6rem;}
#mainbox p span {display: block;text-align: right;margin-top: 4rem;}
#mainbox p span.emonth{text-align: left; font-weight: bold; margin-top: 2rem;}
#mainbox h3 {font-size: 1.8rem;margin-bottom: 3rem;}
#mainbox.recruit h3 {margin-bottom: 0;}
.breadcrumbs {margin-bottom: 6rem;}
.breadcrumbs span {display: block;}
.breadcrumbs a {padding-right: 1rem;}
.breadcrumbs span:last-child {padding-left: 1rem;}
.wp-pagenavi {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 6rem;
}
.wp-pagenavi a,.wp-pagenavi span {
	background: #111844;
	text-align: center;
	line-height: 1;
	color: #fff;
	border-color: #111844!important;
	padding: 1rem 1.5rem!important;
}
.wp-pagenavi span.current {background: #fff;color: #111844;}
.wp-pagenavi a:hover {background: #fff;color: #111844;}
.articlebox {justify-content: space-between;margin-bottom: 4rem;}
.articlebox a {position: relative;}
.articlebox a::before {
    content: "";
	border: .6rem solid transparent;
	position: absolute;
	bottom: 50%;
	transform: translate(0,50%);
	transition: .4s;
	z-index: 2;
}
.baneer_box {
	max-width: 380px;
	margin: -20px auto 40px;
}
.baneer_box a {cursor: pointer;}
.baneer_box a img {cursor: pointer;}
.baneer_box a:hover {
	opacity: 0.7;
	cursor: pointer;
}
.articlebox a:nth-of-type(1) {padding-left: 3rem;}
.articlebox a:nth-of-type(2) {padding-right: 3rem;}
.articlebox a:nth-of-type(1)::before {left: 0;border-right: .6rem solid #111844;}
.articlebox a:nth-of-type(2)::before {right: 0;border-left: .6rem solid #111844;}
.articlebox a:hover {color: #666;}
@media only screen and ( max-width : 896px ) {
	#mainbox h2 {letter-spacing: .1em;}
}
@media only screen and ( max-width : 500px ) {
	#mainbox .ttlbox {width: 95%;}
	#mainbox {margin-bottom: 10rem;}
	#mainbox h2 {font-size: 2rem;margin-bottom: 3.5rem;}
	#mainbox p {font-size: 1.4rem;}
}
/*-------------------------------------------------

	ENGLISH

--------------------------------------------------*/
#en p {font-size: 1.8rem;line-height: 1.4;}
#en .bottom {margin-bottom: 2rem;}
#en th,#en td {font-size: 1.8rem;}
#en .box1 th {width: 25rem;}
#en .box1 tr:nth-child(5) td{padding-bottom: 3rem;}
#en .box2 th {width: 13.6rem;padding-bottom: 4rem;}
#en .box2 td {vertical-align: top;padding: 0 0 3rem 3rem;}
#en .box2 h3 {font-weight: 700;margin-bottom: 1rem;}
@media only screen and ( max-width : 896px ) {
	#en th {display: block;}
	#en td {display: block;margin-bottom: 3.5rem;}
	#en .box1 td {padding-left: 2rem;}
	#en .box1 tr:nth-child(5) td,
	#en .box1 tr:nth-child(13) td {padding-bottom: 0;}
	#en .box2 th {margin: 0 auto;}
	#en .box2 td {padding-left: 0;}
	#en #entry th {text-align: left;}
	#en #entry td {margin-bottom: 0;}
}
@media only screen and ( max-width : 500px ) {
	#en p,#en th,#en td {font-size: 1.4rem;}
	#en td {margin-bottom: 1.5rem;}
	#en .box2 th {padding-bottom: 2rem;}
}
/*-------------------------------------------------

	ABOUT US

--------------------------------------------------*/
#about .box h3 {font-size: 1.8rem;position: absolute;top: -2rem;left: 5rem;}
#about .box {
	background: #fff;
	width: 100%;
	border: .1rem solid #707070;
	padding: 7rem;
	position: relative;
}
#about table {width: 100%;font-size: 1.6rem;color: #333;}
#about th {width: 11rem;}
#about td p {font-size: 1.4rem;margin-bottom: 2.5rem;}
#about small{display:block;margin-top:20px; font-size: 1.2rem;line-height: 1.8;}
#about .ttltxt {font-size: 1.6rem;margin-bottom: 3.5rem;}
#about .ttlbox {margin-bottom: 3.5rem;}
#about .box2 {background: #fff;border: .1rem solid #707070;padding: 5rem;}
#about .box2 h3 {
    font-size: 2rem;
    font-weight: 700;
    border-bottom: .1rem solid #707070;
    margin-bottom: 3.5rem;
    padding-bottom: 1.5rem;
}
#about .txt {
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 2rem;
}
#about .box2 ul {
    font-size: 1.6rem;
    list-style-type: decimal;
    margin-bottom: 2rem;
    padding: 0 4rem;
}
#about #privacy{text-align: center;}

@media only screen and ( max-width : 896px ) {
}
@media only screen and ( max-width : 500px ) {
	#about .box {padding: 5rem 2rem 2rem;}
	#about th {display: block;}
	#about td {display: block;margin-bottom: 2rem;padding-left: 2rem;}
	#about table {font-size: 1.4rem;}
	#about td p {margin-bottom: 2rem;font-size: 1.4rem;}
	#about .box h3 {left: 3rem;}
	#about .ttltxt {font-size: 1.4rem;margin-bottom: 2rem;}
	#about .ttlbox {margin-bottom: 2.5rem;}
	#about .box2 {padding: 2rem 1rem;}
	#about .box2 h3 {margin-bottom: 1.5rem;}
	#about .box2 ul {padding: 0 1rem 0 2rem;}
	#about .txt {font-size: 1.4rem;}
}
/*-------------------------------------------------

	NEWS ARCHIVE

--------------------------------------------------*/
#news-a .box {background: #fff;padding: 4rem 7rem;}
#news-a a {padding: 2rem 0;border-bottom: .1rem solid #F3F3F3;}
#news-a a:hover {background: #F3F3F3;}
@media only screen and ( max-width : 896px ) {
	#news-a a {padding-right: 2rem;}
	#news-a .b-arrow::before {right: .5rem;}
}
@media only screen and ( max-width : 500px ) {
	#news-a .box {padding: 2rem 2rem;}
	#news-a a {padding: 1rem 2rem 1rem 0;}
	#news-a a span {display: block;}
}
/*-------------------------------------------------

	NEWS SINGLE

--------------------------------------------------*/
#news-s .box {background: #fff;margin-bottom: 3rem;padding: 4rem 6rem 1rem;}
#news-s h2 {
	font-size: 2rem;
	font-weight: 700;
	border-bottom: .1rem solid #333;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
#news-s .inner {padding: 2rem;}
#news-s .inner p {margin-bottom: 2rem;}
#news-s .inner p:last-child {margin-bottom: 0;}
#news-s .inner a{
	display: inline;
    text-decoration: underline;
    font-weight: 700;
    padding: 0 10px;
}
#news-s .inner a:hover{color: #1937f3;;}
#news-s .b-next {margin: 0 auto;}
@media only screen and ( max-width : 896px ) {
	#news-s .box {padding: 3rem 2rem 1rem;}
}
@media only screen and ( max-width : 500px ) {
	#news-s h2 {font-size: 1.8rem;}
	#news-s .inner {padding: 1rem 0 2rem;}
}
/*-------------------------------------------------

	01 RECRUIT│WORK STYLE

--------------------------------------------------*/
#work {overflow: hidden;}
#work .flexbox {justify-content: space-between;margin-bottom: 3.5rem;}
#work .flexbox:last-child {margin-bottom: 0;}
#work .flexbox:nth-of-type(2) {flex-direction: row-reverse;}
#work .flexbox figure,
#work .flexbox div {width: 49%;}
#work .flexbox h3 {margin: 0 0 2rem 1rem;}
@media only screen and ( max-width : 896px ) {
	#work .flexbox {margin-bottom: 2rem;}
	#work .flexbox figure {width: 100%;margin-bottom: 2rem;}
	#work .flexbox div {width: 100%;}
}
@media only screen and ( max-width : 500px ) {
	#work .flexbox div {text-align: center;}
}
/*-------------------------------------------------

	02 RECRUIT│INTERVIEW

--------------------------------------------------*/
#itv .flexbox {justify-content: space-around;}
#itv .flexbox div {
	background: #fff;
	border: .1rem solid #707070;
	padding: 1.5rem;
	width: 32%;
}
#itv figure {margin-bottom: 2rem;}
#itv h4 {font-weight: 900;margin-bottom: 2rem;}
#itv h3 {margin-bottom: 2rem;}
#itv h3 span {font-size: 2rem;font-weight: 900;margin-right: 10px;}
#itv .b-next {margin-left: auto;}
@media only screen and ( max-width : 896px ) {
	#itv .flexbox div {width: 100%;margin-bottom: 3rem;}
}
@media only screen and ( max-width : 500px ) {
}
/*-------------------------------------------------

	03 RECRUIT│REQUIREMENTS

--------------------------------------------------*/
#rec h3 {margin-bottom: 2rem;text-align: center;font-size: 2rem;}
.mv {
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom: 40px;
}
.mv video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.ChangeElem_Btn.is-active {margin-bottom: 0;}
.ChangeElem_Btn_Content {justify-content: space-between;}
.ChangeElem_Btn_Content button {
	background: rgba(127,131,152,.5);
	border: .1rem solid rgba(127,131,152,.5);
	border-bottom: none;
	border-top-left-radius: 1.5rem;
	border-top-right-radius: 1.5rem;
	width: 49%;
	padding: 3.5rem 0;
	font-size: 1.8rem;font-weight: 700;
	letter-spacing: .1em;
	color: #fff;
	position: relative;
	transition: .5s;
}
.ChangeElem_Btn_Content button.is-active {background: #fff;border-color: #707070;color: #111844;}
#mainbox .boxmin{border: .1rem solid #707070;border-radius: 1rem;padding: 1rem 3rem;display: inline-block;margin-bottom: 3rem;}
#mainbox .boxmin a{display: inline-block;}
#rec table {
	border-collapse: inherit;
	background: #fff;
	border: .1rem solid #707070;
	border-top: none;
	border-bottom-left-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
	padding: 4rem 5.5rem 0;
	width: 100%;
	position: relative;
}
#rec table::before {
	content: '';
	position: absolute;
	top: -.1rem;
	left: 0;
	width: 100%;
	border-top: .1rem solid #707070;
	z-index: -1;
}
#rec tr {
	display: inline-table;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: .1rem solid #000;
	width: 100%;
}
#rec th {
	background: #E7E9F3;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	width: 15rem;
	padding: 1.5rem 0;
}
#rec td {padding: 0 1rem 0 5rem;vertical-align: middle;}
#rec .squere {font-size: 1.4rem;}
#rec .boxmin{border: .1rem solid #707070;border-radius: 1rem;padding: 1rem;}
#rec .bottom {margin-bottom: 2.5rem;}
@media only screen and ( max-width : 896px ) {
	.ChangeElem_Btn_Content button {font-size: 1.6rem;padding: 2rem 0;}
	#rec table {padding: 3rem 2rem 0;}
	#rec th {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
		padding: 1rem 0;
	}
	#rec td {
		display: block;
		width: 100%;
		padding: 0;
		border-bottom: none;
	}
	#rec .bottom {margin-bottom: 2rem;}
}
@media only screen and ( max-width : 500px ) {
	#rec table {padding: 2rem 1rem 0;}
}
/*-------------------------------------------------

	SERVICE

--------------------------------------------------*/
#svc section {text-align: center;}
#svc .ttltxt {font-size: 1.8rem;margin-bottom: 3.5rem;}
#svc .ttltxt span {display: block;font-size: 1.4rem;line-height: 1.8;}
#svc .txt {font-size: 1.6rem;color: #000;margin-bottom: 2rem;}
#svc .flexbox {margin-bottom: 5rem;}
#svc .flexbox a {width: 15%;margin-right: 6.2%;margin-bottom: 3rem;}
#svc .flexbox a:nth-child(5) {margin-right: 0;}
#svc .flexbox figure {margin-bottom: 1.5rem;}
#svc .flexbox p {font-size: 1.6rem;font-weight: 700;text-align: center;}
#svc table {color: #000;}
#svc tr {border-bottom: .1rem dashed #111844;}
#svc th {
	width: 13.6rem;
	border-top: .1rem dashed #111844;
	padding: 4.5rem 0;
}
#svc th figure {margin-bottom: 1rem;}
#svc th h4 {
	border: .1rem solid #707070;
	border-radius: 1rem;
	padding: 2rem 1.5rem;
	color: #111844;
	text-align: center;
}
#svc th h4 span {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	margin-top: 1.5rem;
}
#svc td {border-top: .1rem dashed #111844;vertical-align: middle;padding: 6.5rem 0 6.5rem 3rem;}
#svc td h3 {font-size: 2rem;font-weight: 700;color: #111844;margin-bottom: 2rem;}
#svc td h5 {
	border: .1rem solid #000;
	border-radius: 1rem;
	margin-bottom: 3.5rem;
	padding: 1rem;
	text-align: center;
}
#svc td h4 {font-size: 1.6rem;font-weight: 700;margin-bottom: 1rem;}
#svc td .txt span.ttl{
	display: block;
	background: #6F748E;
	color: #fff;
	padding: 10px 50px;
	border-radius: 5px;
	font-size: 2.2rem;
    letter-spacing: 2px;
	margin-bottom: 10px;
	text-align: center;
	}
#svc td dl{
	margin-bottom: 10px;
    background: #fff;
    border-radius: 10px;
    padding: 2rem 4rem;
}
#svc td dl dt{
	font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 10px;
    color: #111844
}
#svc td dl dd{
	font-size: 1.6rem;
    margin-bottom: 15px;
    padding-left: 20px;
}
#svc td dl dd:last-child{margin-bottom: 0;}
#svc td p.list-ttl{display: block;color: #111844;font-weight: 700;font-size: 2rem;text-align: center;}
#svc td .flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#svc td .flexbox .box{padding: 1.5rem 0;margin: 5px;width: 15rem;text-align: center;}
#svc td .flexbox .box .name{display: block;color: #111844;font-size: 2rem;font-weight: 700;text-align: center;}
#svc td .flexbox .box ul{
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 auto 5px;}
#svc td .flexbox .box ul li{text-align: center;}
#svc td .problem,#svc td .action{
	position: relative;
	left: 7rem;
	margin-bottom: 10px;
	width: 80%;
}
#svc td .problem::before{
	content: "内容：";
	position: absolute;
	color: #fff;
	background: #a5abc7;
	padding: 0 10px;
	border-radius: 3px;
	left: -7rem;
	top: 0;
}
#svc td .action::before{
	content: "対応：";
	position: absolute;
	color: #fff;
	background: #6F748E;
	padding: 0 10px;
	border-radius: 3px;
	left: -7rem;
	top: 0;
}
#svc td .left {margin-left: 1.5rem;}
#svc td .bottom {margin-bottom: 2.5rem;}
#svc td .bottom a{display: inline-block;text-decoration: underline;}
#svc td li {font-size: 1.4rem;}
#svc td .triangle {position: relative;padding-left: 1.5rem;}
#svc td .triangle::before {
	counter-increment: list;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 0;
	width: 0;
	border-top: .7rem solid transparent;
	border-bottom: .7rem solid transparent;
	border-left: 1rem solid #000;
	transform: translateY(-50%);
}
#svc .ttlbox {margin-bottom: 3.5rem;}
#svc .box {background: #fff;border: .1rem solid #707070;padding: 5rem;}
#svc .box h3 {
	font-size: 2rem;
	font-weight: 700;
	border-bottom: .1rem solid #707070;
	margin-bottom: 3.5rem;
	padding-bottom: 1.5rem;
}
#svc .box ul {font-size: 1.6rem;list-style-type: decimal;margin-bottom: 2rem;padding: 0 4rem;}
@media only screen and ( max-width : 896px ) {
	#svc .flexbox a {width: 20%;}
	#svc .flexbox a:nth-child(4) {margin-right: 0;}
	#svc .flexbox a:nth-child(5) {margin-right: 6.2%;}
}
@media only screen and ( max-width : 725px ) {
	#svc td .flexbox{justify-content: space-between;}
	#svc td .flexbox .box {width: 45%;}
}
@media only screen and ( max-width : 500px ) {
	#svc .title span {width: 5rem;}
	#svc .ttltxt {font-size: 1.4rem;margin-bottom: 2rem;}
	#svc .ttltxt span {font-size: 1.2rem;}
	#svc .flexbox a {width: 29.2%;margin-bottom: 1.5rem;}
	#svc .flexbox a:nth-child(3),
	#svc .flexbox a:nth-child(6) {margin-right: 0;}
	#svc .flexbox a:nth-child(4),
	#svc .flexbox a:nth-child(5) {margin-right: 6.2%;}
	#svc .flexbox figure {margin-bottom: 1rem;}
	#svc .flexbox p {font-size: 1.2rem;}
	#svc .txt {font-size: 1.4rem;}
	#svc th {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 2rem;
	}
	#svc th figure {width: 13.6rem;margin: 0 auto 1rem;}
	#svc th h4 {display: inline-block;padding: 1rem;}
	#svc th h4 span {display: inline;margin-left: 2rem;}
	#svc td {display: block;padding: 0 0 3rem;border: none;}
	#svc .ttlbox {margin-bottom: 2.5rem;}
	#svc .box {padding: 2rem 1rem;}
	#svc .box h3 {margin-bottom: 1.5rem;}
	#svc .box ul {padding: 0 1rem 0 2rem;}
}
/*-------------------------------------------------

	JSS CLUB

--------------------------------------------------*/
#jss {position: relative;}
#jss .box,#mainbox .box-member {
	background: #fff;
	width: 100%;
	border: .1rem solid #707070;
	padding: 5.5rem 3.5rem 3rem;
	position: relative;
}
#mainbox .box-member{margin-bottom:5.5rem;}
#mainbox .box-member td{padding-left:2rem;}
#jss h3,#mainbox .box-member h3 {font-size: 1.8rem;position: absolute;top: -2rem;left: 3.5rem;}
#jss .boxmin {
	border: .1rem solid #707070;
	border-radius: 1rem;
	margin-bottom: 2.5rem;
	padding: 2.5rem 2rem;
}
#jss h4 {font-weight: 700;margin-bottom: 2rem;}
#jss h4 span {font-size: 1.8rem;margin-left: 2rem;}
#jss .boxmin:nth-last-of-type(1) h4,
#jss .boxmin:nth-last-of-type(2) h4 {margin-bottom: 0;}
#jss h5 {
	display: inline-block;
	background: #7F8398;
	border-radius: 2rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 2rem;
	padding: .5rem 1.5rem;
}
#jss .boxmin div {display: flex;flex-wrap: wrap;justify-content: space-between;}
#jss ul {width: 55%;}
#jss li {position: relative;padding-left: 2.5rem;}
#jss li::before {
	content: '';
	background: #111844;
	height: .4rem;
	width: .4rem;
	border-radius: 50%;
	position: absolute;
	top: 1rem;
    left: .5rem;
}
#jss .boxmin figure {width: 40%;}
#jss p {border-bottom: .1rem dashed #7F8398;margin-bottom: 2.5rem;padding-bottom: 2.5rem;}
#jss p:last-child {border: none;margin: 0;padding: 0;}
@media only screen and ( max-width : 500px ) {
	#jss .box,#mainbox .box-member {padding: 5.5rem 1rem 3rem;}
	#mainbox .box-member{margin-top:5.5rem;}
	#mainbox .box-member td {padding-bottom: 2rem;}
	#jss h3 {
		width: 90%;
		top: -4rem;
		left: 50%;
		transform: translate(-50%,0) skewX(-20deg);
	}
	#mainbox .box-member h3 {
		width: 90%;
		top: -2.5rem;
		left: 50%;
		transform: translate(-50%,0) skewX(-20deg);
	}
	#jss h4 {margin-bottom: 1rem;}
	#jss .boxmin {padding: 1rem;}
	#jss .boxmin div {flex-direction: column-reverse;}
	#jss ul {width: 100%;}
	#jss li {padding-left: 2rem;}
	#jss .boxmin figure {width: 100%;margin-bottom: 1rem;}
}
/*-------------------------------------------------

	ENTRY

--------------------------------------------------*/
#entry .bg {
	background: #fff;
	border: .1rem solid #707070;
	margin-bottom: 9.5rem;
	padding: 5rem;
}
#entry h3 {
	background: rgba(127,131,152,.2);
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 3rem;
	padding: 1.5rem;
}
#entry table {
	border-collapse: inherit;
	border-spacing: 0 2rem;
	width: 100%;
	font-size: 1.6rem; 
	margin-bottom: 1.5rem;
}
#entry th {
	font-size: 1.6rem;
	width: 24rem;
	vertical-align: top;
	padding: 1rem 0;
}
#entry td {vertical-align: middle;}
input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
	background: #fff;
	line-height: 1.8;
	border: .1rem solid #707070;
	border-radius: 1rem;
	width: 100%;
	padding: 1rem;
	resize: vertical;
	vertical-align: bottom;
}
input:focus,select:focus {outline: none;}
.stbox {position: relative;}
.stbox::after {
	content: '';
	position: absolute;
	right: 2rem;
	bottom: 50%;
	transform: translate(0,50%);
	width: 0;
	height: 0;
	padding: 0;
	border-top: 1rem solid #111844;
	border-left: .7rem solid transparent;
	border-right: .7rem solid transparent;
	pointer-events: none;
}
#entry .pbox {
	overflow: auto;
	height: 12.8rem;
	border: .1rem solid #707070;
	margin-bottom: 1rem;
	padding: 2rem;
}
#entry .pbox ul {list-style-type: decimal;font-size: 1.1rem;}
#entry .pbox li {font-size: 1.2rem;margin: 0 0 1rem 1.5rem;}
#entry .pbox p {font-size: 1.2rem;}
#entry .ttl {
	font-size: 1.4rem;
	font-weight: 700;
	border-bottom: .1rem solid #7F8398;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}
#entry article {margin: 3rem 0;}
.checkbox {display: none;}
.mwform-checkbox-field-text {padding-left: 3rem;position:relative;cursor: pointer;}
.mwform-checkbox-field-text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2rem;
	height: 2rem;
	border: .1rem solid #707070;
}
.checkbox:checked + .mwform-checkbox-field-text {color: #707070;}
.checkbox:checked + .mwform-checkbox-field-text::after {
	content: "";
	display: block;
	position: absolute;
	top: .2rem;
    left: .7rem;
    width: .5rem;
    height: 1rem;
	transform: rotate(40deg);
	border-bottom: .3rem solid #707070;
	border-right: .3rem solid #707070;	
}
input[type="submit"],
#entry a {
	display: block;
	background: #111844;
	border: .1rem solid #111844;
	border-radius: 4rem;
	max-width: 38rem;
	width: 100%;
	margin: 0 auto;
	padding: 1.5rem 0;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	transition: .5s;
}
input[type="submit"]:hover,
#entry a:hover {background: #fff;color: #111844;}
::placeholder {color: #C6C8D4;}
#entry .info {max-width: 51rem;margin: 0 auto;}
#entry .info h4 {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	border-bottom: .1rem solid #707070;
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
}
#entry .info h5 {font-size: 1.6rem;color: #333;}
#entry .info .flexbox {justify-content: space-between;}
#entry .info li {font-size: 1.6rem;color: #333;width: 65%;}
#entry .info li:nth-child(even) {text-align: right;font-weight: 700;width: 35%;}
#entry .bottom {margin-bottom: 2rem;}
.form-div p.error-pink input[type="text"],
.form-div p.error-pink input[type="email"],
.form-div p.error-pink input[type="tel"],
.form-div p.error-pink input[type="url"] {background: pink !important;}
@media only screen and ( max-width : 896px ) {
	#entry .bg {padding: 2rem 1rem;margin-bottom: 6rem;}
	#entry table {border-spacing: 0;}
	#entry th {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	#entry td {
		display: block;
		width: 100%;
		padding: .5rem 0 2rem;
	}
	#entry h3 {font-size: 1.4rem;margin-bottom: 2rem;padding: 1rem;}
	.stbox {width: 100%;}
	.check + label {font-size: 1.4rem;}
}
@media only screen and ( max-width : 500px ) {
}
/* ------------------------------------------------------------

　   CONFIRM

--------------------------------------------------------------*/
.confirm .pbox,
.confirm .stbox::after {display: none;}
/* ------------------------------------------------------------

　   THANKS

--------------------------------------------------------------*/
#entry .bg h2 {
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 4rem;
}
#entry .bg .txt {font-size: 1.6rem;text-align: center;margin-bottom: 6rem;}

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

　   KEIKAKU

--------------------------------------------------------------*/
strong {
	font-weight: bold;
	font-size: 1.4em;
}
.mg30{
	margin: 30px 0;
}