@charset "UTF-8";
/* CSS Document */
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: HiraKakuProN-W3;
	background:url(/img/recruit//bg_dot2.jpg) repeat;
	color:#804713;
}

* ul,li{
margin:0;
padding:0;
list-style:none;
}
* dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}

img{
border:0;
vertical-align:bottom;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
* figure,figcaption{
margin:0;
padding:0;
}

.clear {
	clear:both;
}




a:link{	text-decoration:none;}

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

#wrap{
	width:100%;
	margin-bottom: 100px;
}

h1{
	margin:0;
	font-size: 14px;
	text-align: center;
	background-color: #F598CD;
	color: #FFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h2{
	font-size:16px;
	text-align:center;
	margin: -7px  auto 0px auto;
	padding:5px auto;
	line-height: 2.2;
	color:#fff;
	text-shadow: 0 -1px 0 #e61d68;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb9d3), color-stop(0.5, #ff80af), color-stop(0.5, #ff5594), color-stop(1, #ff2274));
}


h5{
	font-size: 10pt;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #F09;
	color: #FFF;
	text-align: center;
	margin:0;
	padding:0;
}

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

.line1,.line2,.line3,.line4{
	width: 100%;
	margin:0px auto;
}

.line1{
	height:12px;
	background:url(/img/recruit/line1.jpg) repeat-x;
}

.line2{
	height:15px;
	background:url(/img/recruit/line2.jpg) repeat-x;
}

.line3{
	height:15px;
	background:url(/img/recruit/line3.jpg) repeat-x;
}

.line4{
	height:21px;
	background:url(/img/recruit/line4.jpg) repeat-x;
}

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

.caption{
	padding:3px 7px;
	background: -webkit-gradient(linear,left top,left bottom,from(#fffac2),to(#fffe48));
	font-size:16px;
	color:#109ec7;
	font-weight:bold;
}

.content{
	width:85%;
	margin:15px auto;
	padding:10px;
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 0 4px #ffabc1;
	-moz-box-shadow: 0 0 4px #ffabc1;
	overflow:hidden;
}

.list_content{
	width:90%;
	margin:0 auto;
}
.list_content li{
	margin:15px auto;
	padding:10px;
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 0 4px #ffabc1;
	-moz-box-shadow: 0 0 4px #ffabc1;
	overflow:hidden;
}

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

.button{
	width:90%;
	display: block;
	margin:15px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	text-shadow: #eff6fb 0 1px 0;
	font-weight:bold;
	padding:5px 0px;
	font-size:16px;
	text-align:center;
}
.button img{
	margin-right:5px;
}

.blue_bt{
	border: solid 1px #AED4EB;
	color:#1d79b4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E3FBFF), color-stop(0.5, #BBEDFC), color-stop(0.5, #A8E9FA), color-stop(1, #53DDED));
}

.green_bt{
	border: solid 1px #00D941;
	color:#348e18;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E5FFE3), color-stop(0.5, #87FF8F), color-stop(0.5, #54F75F), color-stop(1, #00D941));
}

.pink_bt{
	border: solid 1px #DE0487;
	text-shadow: #e7007d 0 -1px 0;
	color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFABD2), color-stop(0.5, #FF4FB3), color-stop(0.5, #FF30A5), color-stop(1, #DE0487));
}

.orange_bt{
	border: solid 1px #ff8b0e;
	text-shadow: #ff6700 0 -1px 0;
	color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb96d), color-stop(0.5, #fe9c32), color-stop(0.5, #ff8b0e), color-stop(1, #e37d0f));
}

.yellow_bt{
	border: solid 1px #efd600;
	text-shadow: #fff38d 0 1px 0;
	color:#804713;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff38d), color-stop(0.5, #ffee62), color-stop(0.5, #ffe400), color-stop(1, #efd600));
}

.pink_grad_bt{
	border: solid 1px #f84f8a;
	text-shadow: #dd004d 0 0 3px;
	color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #f84f8a), color-stop(1, #fdd1a2));
}


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

.bottom_bt{
	width:47%;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow: #eff6fb 0 1px 0;
	font-weight:bold;
	margin:10px 0 10px 5px;
	padding:5px 0px;
	font-size:16px;
	text-align:center;
	border: solid 1px #DE0487;
	color:#fff;
	text-shadow: 0 -1px 0 #e61d68;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb9d3), color-stop(0.5, #ff80af), color-stop(0.5, #ff5594), color-stop(1, #ff2274));
	float:left;
}

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

.contact{
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0;
	background-color:#ffeeee;
}
.contact img{
	margin-right:3px;
}
a.tel{
	font-size:24px;
	text-decoration: none;
	padding:5px;
	color:#ff427c;
}
a.mail{
	font-size:16px;
	text-decoration: none;
	padding:5px;
	color:#57b4f6;
}

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

#copyright{
	padding:5px 0 5px 0;
	text-align:center;
	height:20px;
	background: -webkit-gradient(linear,left top,left bottom,from(#ff9bab),to(#f34f6a));
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.cf:before,.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}




/* GP */

.bt img{ width:100%; max-width:960px;}
#gpsite{
	border-radius: 10px;		
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	margin: 10px;
	background-color: #fde9ef;
	padding: 10px;
}

#gpsite .title{
	background:#FFCCCC;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	font-size: 16px;
}


#gpsite .site{
	color: #333;
	text-align: left;
	font-size: 13px;
	padding: 0.5em;
	line-height: 1.7em;
	background-color: #FFF;
}

#gpsite .site a{ color:#996633;}

/* 共通 */
.box {
width: 90%;
margin: 0 auto;
margin-bottom: 0px;
background-color: #FFFFFF;
line-height: 1.8em;
margin-bottom: 15px;
padding: 10px;
}
.box span.pink {
color: #e51875;
}
.box span.purple {
color: #1d2088;
}
.red {
color: #C00;
}

/* 新着 */
.news {
width: 90%;
margin: 15px auto;
}
.news_title {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ffa8c8), color-stop(0.5, #ff7bac), color-stop(1, #ff7bac));
border-top: 1px solid #ffa9cc;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
padding: 5px 0 2px 6px;
text-shadow: #dd004d 0 0 3px;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.news_content {
border: 1px solid #ffa9cc;
padding: 10px;
color: #804713;
font-size: 13px;
font-weight: bold;
background-color: #fff;
background-position: right bottom;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
height: 250px;
overflow-y: scroll;
}

/* about */
.list_content h3 {
margin: 0 0 5px 0;
padding: 0;
color: #ff7e00;
}
.list_content li img {
float: left;
margin-right: 5px;
}
.attention_title {
width: 85%;
background-color: #f00;
font-size: 16px;
color: #FFF;
font-weight: bold;
margin: 15px auto 0 auto;
padding: 7px 10px;
}
.attention {
width: 85%;
margin: 0 auto 15px auto;
padding: 10px;
background-color: #fff;
}
.attention ul.red li {
padding-left: 16px;
background: url("/img/recruit/attention.jpg") no-repeat;
margin: 2px 0;
}
.about h4{
color: #c00;
margin: 5px 0;
font-size: 16px;
}
.attention ul.red {
color: #C00;
font-size: 13px;
}
.attention_content {
font-size: 12px;
margin: 10px auto;
}

/* byte */
.byte .list_content h3 {
color: #ff4893;
}

/* salary */
.salary .list_content a:link{
text-decoration:underline;
color:#ff4893
}

.salary h5{
font-size: 10pt;
font-weight: normal;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #F09;
color: #FFF;
text-align: center;
margin:0;
padding:0;
}

.salary .list_content{
color:#804713;
}
.salary .list_content li img {
float: none;
margin-right:0;
}
.salary .list_content h3{
margin:0;
padding:0;
}

.meisai_name{
font-weight:bold;
color:#ff75ad;
margin-bottom:5px;
}
table.salary_detail{
text-align:center;
border-collapse: collapse;
font-size:12px;
width:100%;
}
table.salary_detail tr.table_top{
background-color:#d9f6fa;
border: 1px #fff solid;
}
table.salary_detail tr.work1{
background-color:#fff9d9;
border: 1px #fff solid;
}
table.salary_detail tr.work2{
background-color:#ffd9d9;
border: 1px #fff solid;
}
table.salary_detail th,td{
border: 1px #fff solid;
}
.meisai_txt{
margin:5px 0;
font-weight:bold;
}
.meisai_txt2{
margin-top:5px;
padding:7px;
font-size:11px;
background-color:#f7f4ee;
-webkit-border-radius: 8px;
}
.salary h3{
color:#ff75ad;
}

/* faq */
.qa li{
margin: 5px 0;
}
.faq .list_content h3 {
height: 40px;
color: #603813;
font-weight: bold;
font-size: 14px;
padding-left: 45px;
background: url(/img/recruit//q.jpg) no-repeat;
margin:1rem 0;
}
.faq .list_content p{
color: #ed1e79;
font-size: 12px;
padding-left: 45px;
background: url(/img/recruit/a.jpg) no-repeat;
}

/*  guideline */
.guideline .list_content h3 {
margin: 0 0 5px 0;
padding: 3px 0;
text-indent: 8px;
color: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
text-shadow: 0 -1px 1px #e61d68;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffbcd2), color-stop(1, #fe6f9d));
}

/* message */
.message .content img {
float: left;
margin-right: 5px;
}

/* interview */
.interview {
background-color: #fff;
}
.interview li a {
display: block;
overflow: hidden;
padding: 7px;
background: url("/img/recruit/arrow_menu1.png") no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: right center;
border-bottom: 1px solid #ffe9ef;
}
.interview li img {
float: left;
-webkit-box-shadow: 0 0 5px #ccc;
margin-right: 10px;
width:64px;
height:64px;
}
.interview_name {
color: #804713;
font-weight: bold;
}
.interview_content {
color: #ff609b;
}
.intv_wrap{
width: 85%;
margin: 15px auto;
padding: 10px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0 0 4px #ffabc1;
-moz-box-shadow: 0 0 4px #ffabc1;
overflow: hidden;
}
.intv_wrap .prof{
display:flex;
gap:0 10px;
background:#ffe0e1;
padding:6px;
border-radius:4px;
margin-bottom:16px;
}
.intv_wrap .prof .name{
font-size:16px;
font-weight:bold;
}
.intv_wrap .prof .day{
color:#ff4893;
}
.intv_wrap .prof img{
min-width:100px;
}
.intv_wrap .intv dl:not(:last-child){
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px dotted #ccc;
}
.intv_wrap .intv dt{
color:#ff4893;
}
.other_intv {
border: 2px solid #ff7893;
border-radius: 6px;
overflow: hidden;
margin-top:32px;
}
.other_intv dt {
background: #ff7893;
color: #fff;
font-weight: bold;
font-size: 15px;
padding:5px 10px;
}
.other_intv dd a {
display: block;
padding:6px 10px;
position: relative;
color:#804713;
font-size:14px;
}
.other_intv dd a:not(:last-child){
border-bottom:1px dotted #ccc;
}
.other_intv dd a::after {
content: "";
display: block;
width: 6px;
height: 6px;
border-top: 2px solid #ff7893;
border-right: 2px solid #ff7893;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
transform: rotate(45deg);
}

/* フッターボタン */
#footerFloatingMenu {
    display: flex;
    position: sticky;
    bottom: 10px;
    z-index: 9999;
    text-align: center;
    padding: 0 2%;
    margin-top:24px;
}
#footerFloatingMenu a{
width:25%;
display:block;
}
#footerFloatingMenu img {
}
.copyright{
text-align:center;
padding:32px 0;
}

@media screen and (min-width: 640px) {
.wrapper{
width:480px;
margin:32px auto 56px;
padding:16px;
background:#fff;
border-radius:10px;
box-shadow:0 10px 10px rgba(0,0,0,.1);
}
}