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

#recruit h2{/*リクルート予約*/
}

#recruit #layout dl{
padding:10px;
margin-bottom:20px;
margin-right:15px;
}
#recruit #container #layout dl dt{
	text-align:center;
	font-size:20px;
	padding:5px 0;
	font-weight:bold;
}
#recruit #container #layout #qanda dl dt{
	text-align:left;
}
#recruit #container #layout dl.inquiryBox dt,
#recruit #layout #qanda h3{
font-size:20px;
font-weight:bold;
}
#recruit #layout dl dd{
text-align:left;
overflow:hidden;
}
#recruit #layout dl dd img{
display:block;
/*float:left;*/
margin-right:10px;
}
#recruit #layout dl dd > img{
max-width:100%;
margin:auto;
}
#recruit #layout dl dd p{
font-size:14px;
line-height:1.3;
padding:4px;
text-align:left;
}

#recruit #layout dl dd div{
text-align:left;
}

#recruit #layout dl dd table{
}
#recruit #layout dl dd table.twocell{
font-size:14px;
width:100%;
}
#recruit #layout dl dd table.twocell th{
display:block;
text-align:left;
padding:5px;
font-size:14px;
font-weight:normal;
color: #888888 !important;
 background: linear-gradient(135deg,  rgba(179,239,240,.68) 0%,rgba(68,162,238,.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#recruit #layout dl dd table.twocell td{
display:block;
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px;
}

#recruit #layout dl dd table.fourcell{
font-size:14px;
width:100%;
}
#recruit #layout dl dd table.fourcell th{
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px;
width:25%;
}
#recruit #layout dl dd table.fourcell td{
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px;
width:25%;
}
#recContact{
font-size:0;
padding:5px;
}
#recContact li{
font-size:14px;
display:inline-block;
width:calc(100%/3 - 14px);
margin:5px;
}
#recContact li a:link,
#recContact li a:hover,
#recContact li a:visited{
border-top:2px solid rgba(255,255,255,.7);
border-right:2px solid rgba(0,0,0,.3);
border-bottom:2px solid rgba(0,0,0,.3);
border-left:2px solid rgba(255,255,255,.7);
border-radius:8px;
color:#ffffff;
text-align:center;
position:relative;
	padding:20px 0px;
	display:block;
color:#ffffff;
}
#recContact li#phoneBox a{
	background-color:#ff7fb6;
}
#recContact li#mailBox a{
	background-color:#8eb3f2;
}
#recContact li#lineBox a{
	background-color:#00B900;
}
#recContact li span{
	display:block;
	text-align:center;
}
#recContact li i{
	font-size:300%;
	margin:auto;
}
#recContact li > span {
    font-size: 12px;
    display: block;
    text-align: left;
    margin-top: 10px;
    padding: 0 5px;
}
#recruit #container #layout #qanda{
	font-size:14px;
}
#recruit #container #layout #qanda dl{
	padding:20px;
}
#recruit #container #layout #qanda dt{
	padding:5px 0;
text-align:left;
margin-top:10px;
cursor:pointer;
font-weight:normal;
color:inherit;
	font-size:14px;
}
#recruit #container #layout #qanda dd{
text-align:left;
	padding:5px 0;
padding-left:2em;
display:none;
cursor:pointer;
}
#recruit #layout #qanda dt:before{
content: 'Q.';
    display: inline-block;
color: #888888 !important;
background: linear-gradient(135deg,  rgba(179,239,240,.68) 0%,rgba(68,162,238,.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size: 130%;
    width: 1.5em;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 1.5;
    vertical-align: bottom;
	}
#recruit #layout #qanda dd:before{
	content:'A.';
	display:inline-block;
}

@media screen and (max-width: 667px) {
#recruit #layout dl {
    margin: 5px;
    padding: 0px;
}
#recruit #layout dl dd img {
    display: block;
    float: none;
    margin-right: 0;
    max-width: 100%;
	height:auto;
}
#recruit #layout dl dd iframe {
	width:100%;
	height:calc(56.3vw);
}
#recruit #layout dl dd table.twocell th{
}
#recruit #layout dl dd table.twocell td{
}
#recContact li{
display:block;
width:calc(100%/1 - 14px);
}
#recContact li a:link,
#recContact li a:hover,
#recContact li a:visited{
	padding:5px 0px;
}
#recContact li span {
    display: inline-block;
}
#recContact li i {
    font-size: 140%;
    margin-right: 5px;
    vertical-align: middle;
}
#recContact li > span {
    font-size: 11px;
    display: block;
}
#recruit #layout #qanda dl{
	padding:10px;
}
#recruit #layout #qanda dd{
padding-left:1em;
}
#recruit #layout #qanda h3,
#recruit #container #layout dl dt{
font-size:18px;
/*text-align:left;*/
font-weight:bold;
padding: 2px 5px;
}
#recruit #container #layout dl dt{
	font-weight:normal;
font-size: 18px;
 font-weight:bold;
   padding: 5px 0;
	}

#recruit #layout dl dd p{
font-size:14px;
line-height:1.3;
padding:4px;
text-align:left;
}


}