@charset "utf-8";
/* CSS Document */
/* ----------------------------------------
	ふぉーむのアイテム装飾
------------------------------------------ */
*{
	-webkit-appearance:none;
}
#inquiryForm input[type="radio"] {
	margin: 0;
	vertical-align: baseline;
}
#inquiryForm input[type="text"],
#inquiryForm input[type="number"],
#inquiryForm input[type="email"] {
	border: 1px solid #888888;
	box-sizing: border-box;
	font-family: "yugoth", sans-serif;
	font-size: 1.25em;
	padding: 0 0.5em;
	width: 100%;
	border-radius: 0;
	background-color: #565656;
	height: 13.5vw;
}
#inquiryForm select {
	border: 1px solid #2b6ce2;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	height: 40px;
	padding: 0 10px;
	width: 100%;
}
#inquiryForm option {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	padding: 0 10px;
}
#inquiryForm textarea {
	border: 1px solid #888888;
	resize: none;
	box-sizing: border-box;
	font-family: "yugoth", sans-serif;
	font-size: 1.25em;
	height: 16em;
	line-height: 1.3;
	padding: 0.5em;
	width: 100%;
	border-radius: 0;
	background-color: #565656;
}
/*-- placeholderの設定 --*/
input::placeholder, textarea::placeholder {
  color: #ffffff;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ffffff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ffffff;
}
 /*-- ここまで --*/
/* ----------------------------------------
	ふぉーむ
------------------------------------------ */
#inquiryForm{
	/* padding-bottom: 5%; */
	background-color: #2f2f2f;
	padding: 3% 2.8% 8%;
	font-size: 1em;
}
#inquiryForm:not(.inquiryResultWrap) .requiredText:before,
#inquiryForm:not(.inquiryResultWrap) .requiredItem th:after {
	content: "必須";
	display: inline-block;
	background-color: #ff59a0;
	font-size: 0.6em;
	width: 2.4em;
	text-align: center;
	line-height: 1.3;
	font-weight: 500;
	margin-left: 0.7em;
}
#inquiryForm tr {
	display: block;
	width: 100%;
	line-height: 1.5;
	margin-bottom: 6%;
}
#inquiryForm tr:last-of-type {
  margin-bottom: 0;
}
#inquiryForm  th,
#inquiryForm  td {
	box-sizing: border-box;
}
#netbookForm tr:last-child td {
	border:1px solid #2b6ce2;
}
#inquiryForm  th {
	/* background-color: #eaf6ff; */
	/* display: block; */
	font-size: 1.35em;
	font-weight: 700;
	/* padding: 3.125%; */
	width: 100%;
	/* color: #2b6ce2; */
	display: flex;
	align-items: center;
	line-height: 2;
}
#inquiryForm  th p {
	clear: both;
	font-size: 85%;
	margin: 1% 0 0;
}
#inquiryForm  th p a,
#inquiryForm  td p a {
	font-size: 100%;
}
#inquiryForm  td {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* padding: 3.35%; */
	width: 100%;
	/* background: #ffffff; */
}
#inquiryForm  td p {
	font-size: 85%;
	line-height: 1.5;
	margin: 0 0 1%;
}
#inquiryForm tr.usedDetails td:nth-of-type(n + 2){
	width:33.33333%;
	float:left;
}
#inquiryForm tr.usedDetails td:nth-of-type(2){
	padding: 0 1.5625% 5% 3.125% ;
}
#inquiryForm tr.usedDetails td:nth-of-type(3){
	padding: 0 1.5625% 5% ;
}
#inquiryForm tr.usedDetails td:nth-of-type(4){
	padding: 0 3.125% 5% 1.5625% ;
}
#inquiryForm tr.usedDetails td .inquiryMonthWrap:after{
	content:"月";
	color: #2b6ce2;
}
#inquiryForm tr.usedDetails td .inquiryDayWrap:after{
	content:"日";
	color: #2b6ce2;
}
#inquiryForm tr.usedDetails td .inquiryTimeWrap:after{
	content:"時頃";
	color: #2b6ce2;
}
#inquiryForm tr.usedDetails td .inquiryMonthWrap input{
	width:70%;
}
#inquiryForm tr.usedDetails td .inquiryDayWrap input{
	width:70%;
}
#inquiryForm tr.usedDetails td .inquiryTimeWrap input{
	width:60%;
}
/* ----------------------------------------
	index
------------------------------------------ */
body{
	line-height: 1.2em;
}
.inquiryBox{
	width: 94.4%;
	margin: 0 auto 7%;
	font-size: 1.25em;
	line-height: 1.75;
}
#inquiryTextBox .inquiryBox p{
	font-size: 1em;
	margin-bottom: 8%;
	/* font-weight: bold; */
}
#inquiryTextBox .inquiryBox .inquiryFoamTextBox p{
	font-weight: initial;
	margin-bottom: 1.5%;
	letter-spacing: -1px;
	font-weight: normal;
}
#inquiryTextBox .inquiryBox p span {
	font-size: 0.85em;
}
.inquiryFoamTextBox li{
	margin-bottom: 1%;
	font-size: 86%;
	text-indent: -1em;
	padding-left: 1em;
}
.inquiryTextBox, .inquiryTextBox ul, .inquiryTextBox li {
  font-size: 1em;
}
/*-- フォーム --*/
#inquiryFormBox .inquiryBox .requiredText{
	font-weight: bold;
	width: 94.4%;
	margin: 3.125% auto 1.5%;
}
#inquiryFormBox .inquiryBox .requiredText:before{
content: "※";
color: #ff7b1a;
display: inline;
font-size: 100%;
margin-right: 1%;
}
#inquiryFormBox .requiredItem:before{
	content: "※必須";
    color: #ff7b1a;
    display: inline;
    float: right;
    margin: 3.125% 3.125% 0 0;
	font-size: 85%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.entryBtnWrap p{
	/* margin-bottom: 3.125%; */
	font-size: 0.8em;
	/* border-top: 1px dashed #6abbff; */
	/* padding: 3vw 5vw; */
}
.entryBtnWrap span{
	color: #2b6ce2;
	font-size: inherit;
	font-weight: bold;
	text-decoration: underline;
}
.entryBtnWrap ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 6%;}
.entryBtnWrap li {width: 48%;height: 11vw;}
.entryBtnWrap li input {width: 100%;height: 100%;border-radius: 5.5vw;border: 0;font-size: 1.1em;font-weight: 700;color: #ffffff;background-color: #1c1c1e;}
/*-- 利用規約 --*/
.serviceBack{/* width: 94.4%; */margin: 15% auto 0;background-color: #2f2f2f;padding: 5% 0 1%;font-size: 1em;}
.serviceBack .serviceWrap{
	/* border: solid #2b6ce2 1px; */
	/* padding:3.125%; */
	font-size: 1em;
}
.serviceWrap h4{
	/* color: #2b6ce2; */
	margin-bottom: 5%;
	font-weight: 700;
	font-size: 1.5em;
	width: 94.4%;
	margin: 0 auto 3%;
	line-height: 1.2;
	border-left: 0.2em solid;
	padding-left: 0.25em;
	box-sizing: border-box;
}
.serviceWrap .inquiryBox p{
	margin-bottom: 8%;
	font-size: 1em;
}
.serviceWrap .inquiryTextBox li{
	/* margin-bottom: 5%; */
	font-size: 0.85em;
	/* text-indent: -1em; */
	/* padding-left: 1em; */
}
.serviceWrap .inquiryTextBox li:last-child{
	margin-bottom: 0;
}
/* ----------------------------------------
	他
------------------------------------------ */
#inquiryForm.inquiryfinishWrap {padding: 4% 2.8% 7%;}
#inquiryForm.inquiryfinishWrap p {
  font-size: 1.25em;
  line-height: 1.75;
}
#inquiryForm.inquiryfinishWrap .entryBtnWrap {
  margin-top: 6%;
}
#inquiryForm.inquiryfinishWrap .entryBtnWrap ul {
  width: 80%;
  margin: 0 auto;
}
#inquiryForm.inquiryfinishWrap .entryBtnWrap li {
  width: 100%;
  height: 13vw;
}
#inquiryForm.inquiryfinishWrap .entryBtnWrap li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.35em;
  border-radius: 6.5vw;
}

/* レスポンシブ */
#inquiryTextBox .inquiryBox:nth-child(3) {
	width: 100%;
}
#inquiryTextBox .inquiryBox p.requiredText {
	width: 95%;
	margin: 2vw auto;
}
.requiredText::before {
	content: "※";
	color: #ff7b1a;
}
#inquiryForm .entryBtnWrap {
	/* background-color: #ffffff; */
	width: 100%;
	font-size: 1.25em;
	margin-top: 4%;
	line-height: 1.35;
}
#inquiryForm td span:nth-of-type(1) {
  width: 100%;
  margin-bottom: 5%;
}
#inquiryForm td span:nth-of-type(n+2) {
	width: calc(100% / 3);
	position: relative;
}
#inquiryForm td span:nth-of-type(n+2)::after {
	/* color: #2b6ce2; */
	/* position: absolute; */
	/* top: 50%; */
	/* right: -1em; */
	/* bottom: 0; */
	/* transform: translate(0, -50%); */
	/* z-index: 1; */
	display: inline-block;
	font-size: 1.2em;
	vertical-align: bottom;
	margin-left: 0.15em;
}
#inquiryForm td span:nth-of-type(2)::after {
	content: "月";
}
#inquiryForm td span:nth-of-type(3)::after {
	content: "日";
}
#inquiryForm td span:nth-of-type(4)::after {
	content: "時頃";
	right: -4.5vw;
}
#inquiryForm td span:nth-of-type(n+2) input {
  width: 70%;
  text-align: right;
}
.requiredItem {
	/* background-color: #ffffff; */
}
#inquiryForm table tr:nth-of-type(5) {
	display: flex;
	flex-wrap: wrap;
}

/* ヘッダー調整 */
.boysRecruitBtn > a, .girlsRecruitBtn > a {
	padding: 8% 0;
}