#wrap_recruit{
    width:750px;
    color:#666;
    font-family: "ＭＳＰゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    margin-bottom: 20px;
}

.m-t40{
    margin-top: 40px;
}

.content_recruit{
    margin: 0 20px;
}

.recruit_subtit{
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:500;
    color: #00a800;
    box-shadow: 0 0 0 3px #fff inset;
    padding: .7rem 1rem;
    background-color: #cdfec4;
    border: 1px solid #cdfec4;
}

.recruit_prologue p{
    font-size: 16px;
    line-height: 1.8em;
    padding: 10px 10px 20px;
}

.recruit_prologue2 p{
    font-size: 14px;
    line-height: 1.6em;
    padding: 10px 10px 20px;
}

.content_recruit h3{
    position: relative;
    font-size: 24px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:600;
    color: #fff;
    line-height: 1.6em;
    padding: 3px 0 3px 28px;
    background-color: #00a800;
}

.content_recruit h3::after{
	content: "";
	position: absolute;
    top: 50%;
	left: 12px;
	margin-top: -12px;
	height: 24px;
    border-left: 6px solid #fff;
    box-sizing:border-box;
}

.content_recruit h3 span{
    position: absolute;
    top: 3px;
	right: 12px;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #fff;
    font-weight:100;
}


.sent{
    font-size: 24px;
    line-height: 140%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #00a800;
    font-weight:100;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}

.col-item{
    display:flex;
    -webkit-align-items: center;
    -webkit-justify-content: center; 
    align-items: center; /*上下中央*/
    justify-content: center; /*左右中央*/
    width: 220px;
    height: 220px;
    margin:0 25px 25px 0;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
    text-align: center;
    text-shadow: 0px 0px 1px #fff,
	             0px 0px 2px #fff,
	             0px 0px 3px #fff,
	             0px 0px 4px #fff,
	             0px 0px 5px #fff,
	             0px 0px 6px #fff,
                 0px 0px 7px #fff,
	             0px 0px 8px #fff,
	             0px 0px 9px #fff,
	             0px 0px 10px #fff,
	             0px 0px 11px #fff,
	             0px 0px 12px #fff;
}

.col-item:nth-of-type(3) {
	margin:0;
}

.col-item:nth-of-type(6) {
	margin:0;
}

.col-item:last-child {
	margin:0;
}

/*
.col-item:hover{
    box-sizing: border-box;
    border: 1px solid #00a800;
    -webkit-box-shadow:0 0 0 .2rem rgba(0,168,0,.5);
    box-shadow:0 0 0 .2rem rgba(0,168,0,.5)
}
*/
.col-item.bg_packing:hover{
    box-sizing: border-box;
    border: 1px solid #00a800;
    -webkit-box-shadow:0 0 0 .2rem rgba(0,168,0,.5);
    box-shadow:0 0 0 .2rem rgba(0,168,0,.5)
}

.bg_ec{
	background: url("images/recruit_ca_ec.jpg") no-repeat;
    background-size: contain;
}

a.bg_ec:hover{
    color: #ff6000 !important;
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_writer{
	background: url("images/recruit_ca_writer.jpg") no-repeat;
    background-size: contain;
}

a.bg_writer:hover{
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_designer{
	background: url("images/recruit_ca_designer.jpg") no-repeat;
    background-size: contain;
}

a.bg_designer:hover{
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_illustrator{
	background: url("images/recruit_ca_illustrator.jpg") no-repeat;
    background-size: contain;
}

a.bg_illustrator:hover{
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_sales{
	background: url("images/recruit_ca_sales.jpg") no-repeat;
    background-size: contain;
}

a.bg_sales:hover{
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_packing{
	background: url("images/recruit_ca_packing.jpg") no-repeat;
    background-size: contain;
}

a.bg_packing:hover{
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_movie{
	background: url("images/recruit_ca_movie.jpg") no-repeat;
    background-size: contain;
}

a.bg_movie:hover{
	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.bg_ec,.bg_writer,.bg_designer,.bg_movie,.bg_sales,.bg_packing{
    position: relative;
    z-index: 3;
    pointer-events: none;
}
.bg_ec:after,.bg_writer:after,.bg_designer:after,.bg_movie:after,.bg_sales:after,.bg_packing:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #333;
    opacity: .6;
}

row5:before, row5:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#wrap_recruit table {
  border-collapse: collapse;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#wrap_recruit table th,
#wrap_recruit table td {
  font-size: 16px;
  line-height: 160%;
  padding: 10px;
  border: 1px solid #00a800;
  color: #666;
}
#wrap_recruit table th {
  font-weight: bold;
  color: #00a800;
  background-color: #f8fff7;
  text-align: left;
  width: 25%;
  vertical-align: middle;
}

.row5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-13 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17.5%;
    flex: 0 0 17.5%;
    max-width: 17.5%;
}
.card3 {
    box-shadow: 0 0 0 3px #fff inset;
    border: 1px solid #fe9900;
    border-radius: 0;
    padding: .2rem;
    background-repeat: repeat;
    background-color: #fe9900;
}
.card3,.card3:before, .card3:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.card-body {
    padding: .8rem;
    flex: 1 1 auto;
}
.card-title4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 2.5rem;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.card-text {
    font-size: 12px;
    line-height: 150%;
    color: #666;
    margin-top: 5px;
}
.col-14 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.5%;
    flex: 0 0 8.5%;
    max-width: 8.5%;
    margin-top: 1.5rem;
}
.arrow {
    width: 25px;
    height: 25px;
    border: 2px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #999 #999 transparent transparent;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    align-items: center;
}

/* ----------　ECサイト運営スタッフ　-------- */

.tit_ec{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_ec.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//ECサイト運営スタッフ　-------- */


/* ----------　ライター　-------- */

.tit_writer{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_writer.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//ライター　-------- */


/* ----------　WEBデザイナー・コーダー　-------- */

.tit_designer{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_designer.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//WEBデザイナー・コーダー　-------- */


/* ----------　イラスト・パッケージデザイナー　-------- */

.tit_illustrator{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_illustrator.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//イラスト・パッケージデザイナー　-------- */


/* ----------　営業スタッフ（海外）　-------- */

.tit_sales{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_sales.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//営業スタッフ（海外）　-------- */


/* ----------　梱包スタッフ　-------- */

.tit_packing{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_packing.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//梱包スタッフ　-------- */


/* ----------　動画制作　-------- */

.tit_movie{
    display: flex;
    align-items:center;
    height: 100px;
	background: url("images/recruit_tit_movie.jpg") no-repeat;
    background-size: cover;
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.4em;
    color: #ff6000 !important;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight:bold;
}

/* ----------　//動画制作　-------- */


.wpcf7-radio .wpcf7-list-item input[type=radio] {
	display: none;		/* 標準スタイル */
}

.wpcf7-list-item-label {
	position: relative;		/* ボックスの位置を指定する */
	padding: 0 0 0 30px;	/* ボックス内側の余白を指定する */
	display: inline;		/* ブロックレベル要素化する */ 
}
.wpcf7-list-item-label:after,  .wpcf7-list-item-label:before {
	position: absolute;	/* ボックスの位置を指定する */
	content: "";		/* ボックスのコンテンツ */ 
	display: block;		/* ブロックレベル要素化する */ 
	top: 50%;			/* 上部から配置の基準位置を決める */ 
}
.wpcf7-list-item-label:after {
	left: 3px;			/* 左から配置の基準位置を決める */ 
	margin-top: -12px;	/* チェック枠の位置 */
	width: 20px;		/* ボックスの横幅を指定する */
	height: 20px;		/* ボックスの高さを指定する */
	border: 2px solid #ccc;	/* ボックスの境界線を実線で指定する */
	border-radius: 50%;		/* ボックスの角丸を指定する */
    
}
.wpcf7-list-item-label:before {
	left: 10px;			/* 左から配置の基準位置を決める */ 
	margin-top: -5px;	/* チェックマークの位置 */
	width: 10px;		/* ボックスの横幅を指定する */
	height: 10px;		/* ボックスの高さを指定する */
	background: #00a800;/* ボックスの背景色を指定する */
	border-radius: 50%;	/* ボックスの角丸を指定する */
	opacity: 0;			/* 要素を透過指定する */
}
input[type=radio]:checked + .wpcf7-list-item-label:before {
	opacity: 1;		/* 要素を表示する */
}
.wpcf7-list-item-label:hover:after {
	border-color: #ccc;	/* ボックスの境界線を実線で指定する */
}

.wpcf7 input[type=email],.wpcf7 input[type=file],.wpcf7 input[type=month],.wpcf7 input[type=number],.wpcf7 input[type=range],.wpcf7 input[type=search],.wpcf7 input[type=submit],.wpcf7 input[type=tel],.wpcf7 input[type=text],.wpcf7 input[type=time],.wpcf7 input[type=url],.wpcf7 input[type=week],.wpcf7 select,.wpcf7 textarea {
 display:inline-block;
 width:100%;
 padding:.375rem .75rem;
 font-size:16px;
 line-height:150%;
 color:#666;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #ccc;
 -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
 transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
 transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

.wpcf7 input:focus[type=email],.wpcf7 input:focus[type=file],.wpcf7 input:focus[type=month],.wpcf7 input:focus[type=number],.wpcf7 input:focus[type=range],.wpcf7 input:focus[type=search],.wpcf7 input:focus[type=submit],.wpcf7 input:focus[type=tel],.wpcf7 input:focus[type=text],.wpcf7 input:focus[type=time],.wpcf7 input:focus[type=url],.wpcf7 input:focus[type=week],.wpcf7 select:focus,.wpcf7 textarea:focus {
 color:#666;
 background-color:#fff;
 border-color:#00a800;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(0,168,0,.25);
 box-shadow:0 0 0 .2rem rgba(0,168,0,.25)
}

.file_up{
  display: inline-block;
  background-color: #3EB904;
  color: #fff;
  padding: 5px 10px;
}

.file_up:hover{
  	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}

.text-center {
    text-align: center;
}

.btn-width input[type="submit"] {
    width: 40%;
}

input#btn-submit{
    padding: 15px;
    font-size: 24px;
    font-weight: bold;
    background-color: #ff7c42;
    color: #fff;
    border-style: none;
}
input#btn-submit:hover{
  	filter: alpha(opacity=0.7);
    -moz-opacity:0.7;
    opacity:0.7;
    opacity:0.7;
    text-decoration: none;
}
input#btn-submit:not(:disabled):not(.disabled)[type="submit"] {
    cursor: pointer;
}