@charset "utf-8";


html, body {
    margin: 0;
    padding: 0;
}
body {
    color: #232323;
    font-size: 62.5%;
    background-color:#f9f9f9;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/****************************************
         TEXT
*****************************************/

/* margin */
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb14{ margin-bottom:14px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}

/* position */
.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }

/* indent */
.list-indent{ padding-left:1em; text-indent:-1em; line-height:130%; }
.list-indent2em{ padding-left:1.3em; text-indent:-1.3em; line-height:130%; }

/* size */
.text-small { font-size:11px; }
.text-middle { font-size:14px; }
.text-big{ font-size:18px; }

.font-size10{ font-size:10px; font-size:1.0rem; }
.font-size11{ font-size:11px; font-size:1.1rem; }
.font-size12{ font-size:12px; font-size:1.2rem; }
.font-size14{ font-size:14px; font-size:1.4rem; }
.font-size16{ font-size:16px; font-size:1.6rem; }
.font-size18{ font-size:18px; font-size:1.8rem; }
.font-size20{ font-size:20px; font-size:2.0rem; }
.font-size22{ font-size:22px; font-size:2.2rem; }
.font-size24{ font-size:24px; font-size:2.4rem; }
.font-size26{ font-size:26px; font-size:2.6rem; }
.font-size28{ font-size:28px; font-size:2.8rem; }
.font-size30{ font-size:30px; font-size:3.0rem; }
.font-size32{ font-size:32px; font-size:3.2rem; }
.font-size34{ font-size:34px; font-size:3.4rem; }
.font-size36{ font-size:36px; font-size:3.6rem; }
.font-size38{ font-size:38px; font-size:3.8rem; }
.font-size40{ font-size:40px; font-size:4.0rem; }

.font8 { font-size:8px; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font20 { font-size:20px; }
.font22 { font-size:22px; }
.font24 { font-size:24px; }
.font26 { font-size:26px; }
.font28 { font-size:28px; }
.font30 { font-size:30px; }

/* color */
.text-emp{ color:#ff2f56; }
.text-example { color:#666666; }

.glay { color:#666; }
.pink { color:#ff5e7c; }
.red { color:#FF0000; }
.blue { color:#79afe3; }
.green { color:#6bbb00;}

.title-color{ color:#70323b; }

/* other */
.sp-view{ display:none; }

@media screen and (max-width:640px){
.break{ display:block; margin-bottom:1em; }
.sp-display-text { display:block; margin-bottom:15px; }
}



input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
    margin: 0;
    margin-bottom: 20px;
    padding: 6px 4px;
    max-width: 100%;
/*
    width: 290px;
*/
    outline: none;
    border: 1px solid #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
/*
    background-color: #faffbd;
    color: #777;
*/
    vertical-align: bottom;
    font-size: 13px;
}
input[type="tel"]{
    margin: 0;
    margin-bottom: 20px;
    padding: 6px 4px;
    max-width: 100%;
    outline: none;
    border: 1px solid #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
select{
padding:5px;
}

/****************************************
          Table
*****************************************/

/* common */
.pinkTable,
.blueTable,
.greenTable { border-collapse:collapse; } 

.pinkTable th { vertical-align:top; }
.pinkTable th,.pinkTable td,
.blueTable th,.blueTable td,
.greenTable th,.greenTable td { font-weight:normal; }


.pinkTable-noresp,
.blueTable-noresp,
.greenTable-noresp { border-collapse:collapse; }

.pinkTable-noresp th { vertical-align:top; }

.pinkTable-noresp th,.pinkTable-noresp td,
.blueTable-noresp th,.blueTable-noresp td,
.greenTable-noresp th,.greenTable-noresp td { font-weight:normal; padding:0; }


/* pink */
.pinkTable-noresp { border:solid 1px #f8cad2; }
.pinkTable-noresp th { background-color:#ffe4e8; border-right:solid 1px #f8cad2; }
.pinkTable-noresp th,.pinkTable-noresp td{ border-bottom:solid 1px #f8cad2; }

.pinkTable { border:solid 1px #f8cad2; }
.pinkTable th { background-color:#ffe4e8; border-right:solid 1px #f8cad2; }
.pinkTable th,.pinkTable td{ border-bottom:solid 1px #f8cad2; padding:12px;  }

/* blue */
.blueTable { border:solid 1px #cad2f8; }
.blueTable th { background-color:#e4e8ff; border-right:solid 1px #cad2f8; }
.blueTable th,.blueTable td{ border-bottom:solid 1px #cad2f8; padding:12px;  }

/* green */
.greenTable { border:solid 1px #b7e6a2; }
.greenTable th { background-color:#d6f8ca; border-right:solid 1px #b7e6a2; }
.greenTable th,.greenTable td{ border-bottom:solid 1px #b7e6a2; padding:12px;  }



.basicTable input[type="tel"],
.basicTable input[type="text"],
.basicTable input[type="password"],
.basicTable input[type="email"],
.basicTable input[type="search"],
.basicTable textarea { margin-bottom:0; }

@media screen and (max-width: 640px){
/* common */

.fullTable { width:100%; }
.pinkTable th,.pinkTable td,
.blueTable th,.blueTable td,
.greenTable th,.greenTable td{ display:block; }

.pinkTable th,
.blueTable th,
.greenTable th { border-right:none; border-bottom:none; }

.pinkTable { border:none;border-top:solid 1px #efbace;border-right:solid 1px #efbace;border-left:solid 1px #efbace; }
.pinkTable td { border-bottom:solid 2px #efbace; }

.blueTable { border:none;border-top:solid 1px #cad2f8;border-right:solid 1px #cad2f8;border-left:solid 1px #cad2f8; }
.blueTable td { border-bottom:solid 2px #cad2f8; }

.greenTable { border:none;border-top:solid 1px #b7e6a2;border-right:solid 1px #b7e6a2;border-left:solid 1px #b7e6a2; }
.greenTable td { border-bottom:solid 2px #b7e6a2; }

.basicTable input[type="text"],
.basicTable input[type="password"],
.basicTable input[type="email"],
.basicTable input[type="search"],
.basicTable textarea { width:97%; }

}

/****************************************
          LIST
*****************************************/

.li-none,
.li-none li{ margin:0; padding:0; list-style-type:none; }

.li-disc { padding:0 0 0 1.7em; list-style-type:disc; }


/****************************************
          BOX
*****************************************/
.boxType1 { border:solid 1px #dadad7; background-color:#f0f0e7; padding:10px; }
.boxpink { border:solid 1px #f0dadd; background-color:#FFF8F9; padding:10px; }
.boxred { border:solid 1px #ff0000; padding:10px; }

#listblocks span.wpcf7-list-item{
display:block;
}

body { background-color:#ffe4e8; }
.pinkTable { margin:0 auto; width:100%; }
.pinkTable th{ text-align:left; width:150px;}
.pinkTable td{ line-height:140%; }

#contactbox{
padding:10px 20px 0 20px; width:700px; margin:0 auto;
}

#wrapper { font-size:10px; font-size:0.8rem; background-color:#FFF; }
#wrapper-in { padding:10px; width:700px; margin:0 auto; }
.header{ text-align:center; padding:10px; line-height:100%; }
.titles { background-color:#ffe4e8; text-align:center; padding:10px; line-height:100%; }
#footer { padding:20px; text-align:center; } 
p { margin:0; padding:0; }
.em{color:#FF0000;}
#contact-submit{ text-align: center; }
#contact-submit input{ font-size:2em; }

.text-emp{
font-size:10px;
background-color:#FF0000;
color:#FFF;
padding:2px 3px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.listtxt{
float:left;
display:block;
padding-right:5px;
}
.listtxt2{
padding-top:5px;
}

#jyuyojikou{
border:solid 3px #FF0000;
padding:10px;
margin-bottom:20px;
}
#jyuyojikou-tl{
margin-bottom:10px;
}
#jyuyojikou-tl strong{
font-size:1.5em;
display:block;
text-align:center;
color:#FF0000;
}
#jyuyojikou ul,#jyuyojikou li{
list-style-type:none;
padding:0;
margin:0;
}
#jyuyojikou li{
color:#FF0000;
padding-left:1em; text-indent:-1em;line-height:130%;
text-decoration:underline;
font-size:1.3em;
margin-bottom:0.5em;
}

#jyuyojikou input[type=checkbox] {
  transform: scale(2.0);
  margin-right:5px;
}
#jyuyojikou #kakunin{
text-align:center;
font-weight:bold;
font-size:1.2em;
}
span.wpcf7-list-item{
margin:0 1.5em 0 0 !important;
}
#listblocks span.wpcf7-list-item{
margin:0 0 0.5em 0 !important;
padding:5px;
}
#listblocks span.wpcf7-list-item label{
display:block;
position:relative;
padding: 0 0 0 1.8em;
}
#listblocks span.wpcf7-list-item label input{
position:absolute;
left:0;
top:-1px;
}
#listblocks .wpcf7-free-text{
margin: 2px 0 0 1.8em !important;
}

#maeoki{
	border:solid 2px #CCC;
	padding:10px;
	margin-bottom:15px;
}

div.wpcf7-validation-errors{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	border:2px solid #FF0000;
	background-color:#FFF;
}


@media screen and (max-width: 640px){
.sp-view{ display:inline; }
	.pinkTable th{ width:auto;}
	.header img { width:100%; }
	.titles img { /*width:100%;*/ }

	#wrapper-in { width:auto; margin:0 0; }
	#contactbox{
		width:auto;
	}
	#listblocks .wpcf7-free-text{
		width:80%;
	}


	input[type="text"]#syain-salary,
	input[type="text"]#syain-kinmuday,
	input[type="text"]#syain-time{ width: 200px; }



}



.clearfix::after,
.cf::after{
  content: "";
  display: block;
  clear: both;
}