@charset "utf-8";
/* CSS Document */


/* header --------------*/

#bgHeader {
	background:url(../img/strength/top_bg_title.jpg) right top repeat-y;
	-moz-background-size:cover;
	background-size:cover;
}
#bgHeader .ttArea_bg.recruit {
	background:url(../img/recruit/bg_title_recruit.jpg) no-repeat bottom right;
	width:100%;
	-moz-background-size:cover;
	background-size:cover;
}
#bgHeader .ttArea_bg.recruit_contact {
	background:url(../img/recruit_contact/bg_title_recruit_contact.jpg) no-repeat bottom right;
	width:100%;
	-moz-background-size:cover;
	background-size:cover;
}
#ttlArea{
padding: 75px 15px;
}
#ttlArea h1 span{
	font-size:3.0rem;
}


/* mains --------------*/

#main {
	background:#EAEFF2;
	padding-bottom:145px;
}

#main .contentIn {
	max-width:1200px;
	margin:0 auto;
}

#main .contentIn #mainContents {
	width:100%;
	max-width:1200px;
	margin:0;
	background:#fff;
	padding:70px 100px;
}

@media screen and (max-width:1130px) {
#main .contentIn #mainContents {
	padding:40px 50px;
}
}

#mainContents p+.ttl,
#mainContents dl+.ttl{
	margin-top:40px;
}
#mainContents .ttl{
	position:relative;
	font-size:1.563rem;
	font-weight:bold;
	color:#00566e;
	padding:0 0 0 27px;
	margin:0 0 10px 0;
}
#mainContents .ttl::before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:16px;
	height:16px;
	background:#00566e;
	margin-top:-8px;
}
#mainContents .telbox{
	width:690px;
	line-height:1.0;
	overflow:hidden;
	border:1px solid #00566e;
}
#mainContents .telbox dt{
	clear:left;
	float:left;
	width:475px;
	text-align:center;
	border-right:1px solid #00566e;
	background:#e9eff2;
	padding:15px 0;
}
#mainContents .telbox dt span{
	color:#00566e;
	font-weight:bold;
	font-size:1.25rem;
	vertical-align:initial;
}
#mainContents .telbox dd{
	text-align:center;
	padding:17px 0 17px 475px;
}
#mainContents .red{
	color:#c30d23;
}
#mainContents table{
	width: 100%;
	border-bottom:1px solid #00566e;
	margin:30px 0 35px 0;
}
#mainContents table th{
	width:260px;
	background:#e9eff2;
	color:#00566e;
	border-top:1px solid #00566e;
	padding:20px 18px;
	vertical-align:top;
}
#mainContents table th.dashed{
	border-top:1px dashed #00566e;
}
#mainContents table th .comment{
	display:inline-block;
	float:right;
	width:140px;
}
#mainContents table th .red{
	margin-left:10px;
}
#mainContents table th p{
	font-size:0.75rem;
	letter-spacing:-0.03rem;
}
#mainContents table td{
	border-top:1px solid #00566e;
	vertical-align:middle;
	padding:20px 30px;
}
#mainContents table td input+p{
	display:inline-block;
	font-size:0.875rem;
	vertical-align:bottom;
}
#mainContents table td input[type="text"],
#mainContents table td input[type="tel"],
#mainContents table td textarea{
	border:1px solid #595757;
	box-shadow:2px 2px 0 0 #dcdddd inset;
}
#mainContents table td input[type="text"]{
	width:395px;
	margin:0 20px 0 0;
}
#mainContents table td .name li{
	display:inline-block;
	color:#00566e;
	margin:0 10px 0 0;
}
#mainContents table td .name li span{
	display:inline-block;
	width:35px;
	text-align:center;
	margin:0 5px 0 0;
	vertical-align:middle;
	color: #000;
}
#mainContents table td .name li input[type="text"]{
	width:195px;
	margin:0;
}

#mainContents table td .age{
	display: flex;
	gap: 20px;
}
#mainContents table td .age li{
	white-space: nowrap;
}
#mainContents table td .age li input[type="text"]{
	margin: 0 5px 0 0;
	width: 6em;
}
#mainContents table td .age li:nth-last-of-type(1){
	margin-left: 30px;
}
#mainContents table td .age li:nth-last-of-type(1) input[type="text"]{
	margin: 0 5px;
}
#mainContents table td .zip{
	display: flex;
	gap: 0;
}
#mainContents table td .zip li{
	white-space: nowrap;
	position: relative;
}
#mainContents table td .zip li input[type="text"]{
	margin: 0 20px 0 0;
	width: 5em;
}
#mainContents table td .zip li:nth-of-type(1)::after{
	content:'';
	width:10px;
	height:1px;
	background:#666;
	position:absolute;
	top:50%;
	right:5px;
}
#mainContents table td .address{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#mainContents table td .address li{
	white-space: nowrap;
	position: relative;
}
#mainContents table td .address li span{
	white-space: nowrap;
	display: inline-block;
	width: 7em;
}
#mainContents table td .address li select{
	border: 1px solid #595757;
	box-shadow: 2px 2px 0 0 #dcdddd inset;
	background: #FFF;
	font-size: 16px;
}
#mainContents table td .address li input[type="text"]{
	margin: 0 20px 0 0;
	width: 500px;
}
#mainContents table td .academic{
	display: flex;
	gap: 20px;
}
#mainContents table td .academic li{
	white-space: nowrap;
	position: relative;
}
#mainContents table td .academic li input[type="radio"]{
	vertical-align:text-top;
	margin:-1px 5px 0 0;
}


#mainContents table td .tel{
	font-size:0;
}
#mainContents table td .tel li{
	position:relative;
	display:inline-block;
	color:#00566e;
	font-size:1.0rem;
}
#mainContents table td .tel li::after{
	content:'';
	width:10px;
	height:1px;
	background:#666;
	position:absolute;
	top:50%;
	right:5px;
}
#mainContents table td .tel li:last-child::after{
	content:none;
}
#mainContents table td .tel li:last-child input[type="tel"]{
	margin:0;
}
#mainContents table td .tel li input[type="tel"]{
	width:110px;
	margin:0 20px 0 0;
}
#mainContents table td .contact li{
	display:inline-block;
	margin:0 35px 0 0;
}
#mainContents table td .contact li input[type="radio"]{
	vertical-align:text-top;
	margin:-1px 5px 0 0;
}
#mainContents table td .kind li input[type="radio"]{
	vertical-align:text-top;
	margin:-1px 5px 0 0;
}
#mainContents table td .kind li+li{
	margin-top:10px;
}
#mainContents table td textarea{
	width:100%;
	height:280px;
}
#mainContents .policy{
	counter-reset:number;
}
#mainContents .policy dt{
	color:#00566e;
	font-weight:bold;
	font-size:1.25rem;
	margin:25px 0 8px 0;
}
#mainContents .policy dt:before {
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	width:25px;
	text-align:center;
	color:#fff;
	font-size:1.0rem;
	background:#00566e;
	margin:0 10px 0 0;
	vertical-align:text-top;
}
#mainContents .ac{
	text-align:center;
	background:#e9eff2;
	padding:10px 0;
	margin:30px 0 0 0;
}
#mainContents .agree{
	text-align:center;
	margin:0 0 25px 0;
}
#mainContents .agree input[type="radio"]{
	vertical-align:text-top;
	margin:-1px 5px 0 0;
}
#mainContents input[type="submit"],#mainContents input[type="button"]{
	display:block;
	width:230px;
	color:#fff;
	font-weight:bold;
	background:#00566e;
	text-align:center;
	font-size:1.125rem;
	line-height:1.0;
	border-radius:8px;
	padding:15px 0;
	box-shadow:0px 2px 5px 2px rgba(35,24,21,0.2);
	cursor:pointer;
	margin:0 auto;
}
#mainContents .submit_wrap{
	text-align:center;
	font-size:0;
}
#mainContents .submit_wrap li{
	display:inline-block;
}
#mainContents .submit_wrap li+li{
	margin:0 0 0 20px;
}


/* notes */

#mainContents h2{
	font-size:1.6rem;
	border-left:6px solid #00566e;
	font-weight:bold;
	line-height:2.0;
	color:#00566e;
	background: #eaeff2;
	background: -moz-linear-gradient(left, #eaeff2 50%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #eaeff2 50%,#ffffff 100%);
	background: linear-gradient(to right, #eaeff2 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeff2', endColorstr='#ffffff',GradientType=1 );
	margin:50px 0 15px 0;
	padding:0 0 0 20px;
}
#mainContents h2 a{
	color:#00566e;
}
#mainContents .intro+.intro{
	margin-top:25px;
}
#mainContents .link{
	font-size:1.25rem;
	margin:5px 0;
}
#mainContents .link a{
	color:#00566e;
	text-decoration:underline;
}
#mainContents .link a:hover{
	text-decoration:none;
}

/* policy */

#mainContents section>.ac{
	width:710px;
	margin:30px auto 0 auto;
}

/* sitemap */

#mainContents .col3+.col3{
	margin-top:50px;
}
#mainContents .col3 div{
	float:left;
	width:35%;
}
#mainContents .col3 div:last-child{
	width:30%;
}
#mainContents .col3 ul{
	padding:0 25px;
}
#mainContents .col3 ul li{
	position:relative;
	padding:0 0 0 15px;
}
#mainContents .col3 ul li::before{
	content:'';
	position:absolute;
	top:6px;
	left: 0;
	box-sizing: border-box;
	border: 6px solid transparent;
	border-left: 10px solid #00566e;
}
#mainContents .col3>ul{
	float:left;
	width:25%;
	padding:0 0 0 25px;
}
#mainContents .col3>ul li+li{
	margin-top:5px;
}
#mainContents .col3>ul li ul li+li{
	margin-top:0;
}
#mainContents .col3>ul:last-child{
	width:35%;
}
#mainContents .col3 ul li ul{
	padding:0;
}
#mainContents .col3 ul li ul li{
	position:relative;
	padding:0 0 0 15px;
}
#mainContents .col3 ul li ul li::before{
	content:'';
	position:absolute;
	top:11px;
	left: 0;
	width:10px;
	height:1px;
	background:#000;
	border:none;
}
#mainContents .col3 h2{
	margin-top:0;
}

.sp{
	display:none;
}

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

.recruit {	width: 100%; margin: 0 auto 80px;}
.recruit .movie { width: 100%; margin: auto;}
.recruit .movie video { width: 100%; aspect-ratio: 16/9; cursor: pointer;}

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


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

#main .contentIn #mainContents {
	padding:30px 30px 50px 30px;
}
#mainContents table th .comment{
	display:inline-block;
	float:right;
	width:100px;
}
#mainContents table th{
	width:200px;
	padding:20px 13px;
}
#mainContents table td{
	padding:20px 15px;
}
#mainContents table td textarea{
	height:200px;
}
#mainContents table td .name li input[type="text"]{
	width:150px;
}
#mainContents .ac{
	padding:15px;
}

/* policy */

#mainContents section>.ac{
	width:600px;
	margin:30px auto 0 auto;
}

/* sitemap */

#mainContents .col3 div{
	width:33%;
}
#mainContents .col3 div:last-child{
	width:33%;
}
#mainContents .col3>ul{
	width:33%;
}
#mainContents .col3>ul:last-child{
	width:33%;
}

}

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

input[type="text"],input[type="submit"]{
	-webkit-appearance:none;
}

.pc{
	display:none;
}

.sp{
	display:block;
}


#ttlArea{
	padding: 40px 6%;
}
#main{
	padding:30px 0 40px 0;
}

/* section --------------*/


#main .contentIn #mainContents {
	padding:5% 5% 10% 5%;
}
#mainContents p+.ttl,
#mainContents dl+.ttl{
	margin-top:7%;
}
#mainContents .ttl{
	font-size:0.93rem;
	padding:0 0 0 15px;
	margin:0 0 3% 0;
}
#mainContents .ttl::before{
	width:12px;
	height:12px;
	margin-top:-6px;
}
#mainContents .telbox{
	width:100%;
}
#mainContents .telbox dt{
	float:none;
	width:100%;
	font-size:0.875rem;
	border-right:0;
	border-bottom:1px solid #00566e;
	padding:4%;
}
#mainContents .telbox dt span{
	display:block;
	font-size:0.875rem;
	margin-bottom:2%;
}
#mainContents .telbox dd{
	padding:3%;
}
#mainContents table{
	margin:7% 0;
}
#mainContents table th{
	display:block;
	width:100%;
	padding:4% 3%;
}
#mainContents table td{
	display:block;
	padding:5% 3%;
}
#mainContents table td input[type="text"]{
	width:100%;
	font-size:1.0rem;
}
#mainContents table th .sp{
	display:inline;
}
#mainContents table th .comment{
	float:none;
	width:auto;
	margin:0 0 0 3%;
}
#mainContents table td .name{
	font-size:0;
}
#mainContents table td .name li{
	display:inline-block;
	width:50%;
	font-size: 0.75rem;
	margin:0;
}
#mainContents table td .name li+li{
	margin:0;
}
#mainContents table td .name li span{
	vertical-align:super;
	margin:0;
}
#mainContents table td .name li input[type="text"]{
	width : calc(100% - 35px) ;
}
#mainContents table td input+p{
	font-size:0.75rem;
	margin:1% 0 0 0;
}

#mainContents table td .age{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
#mainContents table td .age li{
	white-space: nowrap;
}
#mainContents table td .age li input[type="text"]{
	margin: 0 5px 0 0;
	width: 90%;
}
#mainContents table td .age li:nth-last-of-type(1){
	margin-left: 0;
}
#mainContents table td .age li:nth-last-of-type(1) input[type="text"]{
	margin: 0 5px;
}
#mainContents table td .zip{
	display: flex;
	gap: 0;
}
#mainContents table td .zip li{
	white-space: nowrap;
	position: relative;
}
#mainContents table td .zip li input[type="text"]{
	margin: 0 20px 0 0;
	width: 5em;
}
#mainContents table td .zip li:nth-of-type(1)::after{
	content:'';
	width:10px;
	height:1px;
	background:#666;
	position:absolute;
	top:50%;
	right:5px;
}
#mainContents table td .address{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#mainContents table td .address li{
	white-space: nowrap;
	position: relative;
}
#mainContents table td .address li span{
	white-space: nowrap;
	display: block;
	width: 7em;
}
#mainContents table td .address li select{
	border: 1px solid #595757;
	box-shadow: 2px 2px 0 0 #dcdddd inset;
	background: #FFF;
	font-size: 1.0rem;
}
#mainContents table td .address li input[type="text"]{
	margin: 0 20px 0 0;
	width: 100%;
}
#mainContents table td .academic{
	display: flex;
	gap: 20px;
}
#mainContents table td .academic li{
	white-space: nowrap;
	position: relative;
}
#mainContents table td .academic li input[type="radio"]{
	vertical-align:text-top;
	margin:-1px 5px 0 0;
}


#mainContents table td .tel{
	display:flex;
}
#mainContents table td .tel li{
}
#mainContents table td .tel li input[type="tel"]{
	width:calc(100% - 20px);
}
#mainContents table td .tel li:last-child input[type="tel"]{
	width:90%;
}
#mainContents .policy dt{
	position:relative;
	font-size:0.93rem;
	padding:0 0 0 35px;
	margin:5% 0 2% 0;
}
#mainContents .policy dt:before{
	position:absolute;
	top:0;
	left:0;
	font-size:0.93rem;
	vertical-align:inherit;
}
#mainContents .ac{
	padding:5%;
	margin:5% 0 0 0;
}
#mainContents .agree{
	margin:0 0 7% 0;
}
#mainContents .submit_wrap{
	text-align:center;
	font-size:0;
}
#mainContents .submit_wrap li{
	display:block;
}
#mainContents .submit_wrap li+li{
	margin:4% 0 0 0;
}
#mainContents input[type="submit"],
#mainContents input[type="reset"] {
	font-size:0.875rem;
}

/* notes */

#mainContents h2{
	font-size: 0.93rem;
	border-left:3px solid #00566e;
	margin:7% 0 2% 0;
	padding:0 0 0 10px;
}
#mainContents .intro+.intro{
	margin-top:3%;
}
#mainContents .link{
	font-size:0.875rem;
}
#mainContents .link a{
	color:#00566e;
}

#mainContents section>.ac{
	width:100%;
	margin:5% 0 0 0;
}

/* sitemap */

#mainContents .col3+.col3{
	margin-top:5%;
}
#mainContents .col3 div{
	float:none;
	width:100%;
	padding:0 0 5% 0;
}
#mainContents .col3 div:last-child{
	width:100%;
	padding:0;
}
#mainContents .col3 ul{
	padding:0 15px;
}
#mainContents .col3 ul li{
	padding:0 0 0 10px;
}
#mainContents .col3 ul li::before{
	top:5px;
	left: 0;
	box-sizing: border-box;
	border: 4px solid transparent;
	border-left: 8px solid #00566e;
}
#mainContents .col3>ul{
	float:none;
	width:100%;
	padding:0 15px;
}
#mainContents .col3>ul li+li{
	margin-top:5px;
}
#mainContents .col3>ul li ul li+li{
	margin-top:0;
}
#mainContents .col3>ul:last-child{
	width:100%;
}
#mainContents .col3 ul li ul{
	padding:0;
}
#mainContents .col3 ul li ul li{
	position:relative;
	padding:0 0 0 15px;
}
#mainContents .col3 ul li ul li::before{
	content:'';
	position:absolute;
	top:11px;
	left: 0;
	width:10px;
	height:1px;
	background:#000;
	border:none;
}
#mainContents .col3 h2{
	margin-top:0;
}


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

.recruit { width: 100%; margin: 0 auto 6.1538vw;}
.recruit .movie { width: 100%; margin: auto;}
.recruit .movie video { width: 100%; aspect-ratio: 16/9; cursor: pointer;}


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


}