@charset "UTF-8";
html {
  font-size: 62.5%; }
  html:focus {
    outline: none; }
  html * {
    box-sizing: border-box; }

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  line-height: 1.6;
  font-size: 16px;
  color: #333; 
background-color: #fff;}

main {
  overflow: hidden; }

img {
  max-width: 100%;
  height: auto; }

.font_serif {
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", serif; }

/* ----------------------------------- */
/* コンテナ
/* ----------------------------------- */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media print, screen and (min-width: 1140px) {
    .container {
      width: 1000px; } }

/* ----------------------------------- */
/* レイアウト
/* ----------------------------------- */
.wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between; }

.ichiran-box {
  width: 100%;
  padding-bottom: 20px;
  -webkit-transition: width 1s ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition: width 1s ease-in-out 0.01s;
  -o-transition: width 1s ease-in-out 0.01s;
  transition: width 1s ease-in-out 0.01s; }
  @media (min-width: 640px) {
    .ichiran-box .ichiran-box {
      width: 48%; } }
  @media (min-width: 1140px) {
    .ichiran-box .ichiran-box {
      width: 31%; } }

.wrap2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}
  .wrap2 .ichiran-box img {
    margin-bottom: 0px !important; }
  .wrap2 .ichiran-box p {
    margin-bottom: 20px;
text-align: justify;
}
  @media (min-width: 640px) {
    .wrap2 .ichiran-box {
      flex-basis: 48%;
      width: 48%; } }

.wrap4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row; }
  .wrap4 .ichiran-box {
    flex-basis: 48%;
    width: 48%; }
  @media (min-width: 1140px) {
    .wrap4 .ichiran-box {
      flex-basis: 23%;
      width: 23%; } }

.flowbox{
	display: flex;
    justify-content: space-between;
	font-weight: normal;
	color: #333;
	font-size: 16px;
}
.flowbox .leftbox{
	width: 240px;
	padding-right: 32px;
}
@media print, screen and (max-width:767px){
  .flowbox .leftbox{
 width: 100%;   
 padding: 0;
  }
}
.flowbox .rightbox{
	width: 698px;
}
@media print, screen and (min-width: 768px){
.imgwrap{
	width: 240px;
	height: 144px;
}
}
.flowbox .rightbox p{
	font-weight: normal;
	color: #333;
	font-size: 16px;
}
.flowbox .rightbox p span{
	font-size: 18px;
	color: #E95383;		
}
.flowbox
/* ----------------------------------- */
/* ----------------------------------- */
.clearfix:before, .clearfix:after, .container:before, .container:after {
  content: " ";
  display: table; }

.clearfix:after, .container:after {
  clear: both; }

/* ----------------------------------- */
/* フォントサイズ・余白 */
/* ----------------------------------- */
.fs12 {
  font-size: 12px !important; }

.fs14 {
  font-size: 14px !important; }

.fs16 {
  font-size: 16px !important; }

.fs18 {
  font-size: 18px !important; }

.fs20 {
  font-size: 20px !important; }

.fs22 {
  font-size: 22px !important; }

.fs24 {
  font-size: 24px !important; }

.mt0 {
  margin-top: 0	 !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.w10p {
  width: 10% !important; }

.w20p {
  width: 20% !important; }

.w30p {
  width: 30% !important; }

.w40p {
  width: 40% !important; }

.w50p {
  width: 50% !important; }

.w60p {
  width: 60% !important; }

.w70p {
  width: 70% !important; }

.w80p {
  width: 80% !important; }

.w90p {
  width: 90% !important; }

.w100p {
  width: 100% !important; }

/* ----------------------------------- */
/* リンク */
/* ----------------------------------- */
a {
  color: #cf451f;
  text-decoration: underline;
  transition: all ease-in-out .3s; }
  a:hover, a:focus {
    color: #a93333;
    text-decoration: none;
    transition: all ease-in-out .3s; }
  a:focus, a:active, a:hover {
    outline: 0;
    text-decoration: none; }

/* ----------------------------------- */
/* リンク付き画像 */
/* ----------------------------------- */
a img:hover {
  -moz-opacity: 0.8 !important;
  opacity: 0.8 !important; }

a:active {
  text-decoration: none; }

/* ----------------------------------- */
/* 配置 */
/* ----------------------------------- */
.alignnone {
  max-width: 100%; }

.alignleft {
  display: inline;
  float: left; }

.alignright {
  display: inline;
  float: right; }

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

/* ----------------------------------- */
/* イメージ */
/* ----------------------------------- */
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  flex-shrink: 0; }
  img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto; }
  img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 30px; }
  img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px; }
  img.alignright {
    display: inline;
    float: right;
    margin-left: 20px; }
  img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px !important; }

/* ----------------------------------- */
/* ボタン */
/* ----------------------------------- */
.btnWrap {
  margin: 40px 0; }

.lpbtn {
  text-align: center;
  /*margin: 100px auto;*/
  display: block !important;
	border-bottom: 1px dotted #CFCFCF;
	border-top: 1px dotted #CFCFCF;
	padding: 50px 15px;
	}
.lpbtn a {
    text-align: center;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 720px;
    background: #81B852;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
    box-shadow: 2px 5px 5px gray;
    text-decoration: none;
    border-radius:120px; }
    .lpbtn a:hover {
      background: #5eb7e8;
      color: #fff !important;
      text-decoration: none; }
  .lpbtn.small a {
    max-width: 300px;
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    background: #81B852 url("../../../private/var/folders/z1/l1__8cws4z9bs_3k3904lp940000gn/T/8d342615-7d3c-43ba-950d-eb5f34f0b11f/tubominoko.com/public_html/site/wp-content/themes/tubomi/recruit/css/wp採用LP/images/recruit/click.png") 30px center no-repeat;
    background-size: 30px auto; }
    .lpbtn.small a:hover {
      background: #81B852 url("../images/click.png") 30px center no-repeat;
      background-size: 30px auto; }
  @media (min-width: 840px) {
    .lpbtn a {
      text-decoration: none;
      height: 120px;
      font-size: 28px; }
      .lpbtn a:hover {
        background: #5eb7e8; }
    .lpbtn.small a {
      height: 100%; } }

.btn2 {
  text-align: center;
  padding: 26px 15px 6px; }
  .btn2 a {
    text-align: center;
    width: 100%;
    height: 60px;
    line-height: 60px;
    max-width: 290px;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    border: 1px solid #333; }
    .btn2 a:hover {
      background: #333;
      color: #fff; }
	  
.arrow {
    margin: 30px 0;
}

.mtb30 {
    margin: 30px 0;
}

/* ----------------------------------- */
/* タイトルバー
/* ----------------------------------- */

.titlebar{
	background: url("../images/title_bk.jpg") no-repeat center / cover;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.titlebar p{
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding: 25px;
	font-weight: 700;
}

/* ----------------------------------- */
/* ヘッダー
/* ----------------------------------- */
#header {
  width: 100%;
  min-height: 90px; }
  #header #headerInner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    #header #headerInner h1 {
      flex-basis: 100%;
      width: 100%;
      font-size: 12px;
      margin: 0;
      padding: 6px 0 0;
      font-weight: normal; }
    #header #headerInner #logo {
      width: 200px;
      height: auto;
      padding: 0;
      margin: 0; }
    #header #headerInner #contactWrap {
      display: none;
      margin-left: auto;
      padding: 6px 0 0; }
  @media (min-width: 880px) {
    #header {
      padding: 0 0 5px; }
      #header #headerInner {
        max-width: 1000px; }
        #header #headerInner #logo {
          padding: 6px 0 0;
          margin: 5px 0 15px; }
        #header #headerInner #contactWrap {
          flex-basis: 340px;
          width: 340px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #header #headerInner #contactWrap #tel {
            flex-basis: 139px;
            height: auto;
            padding: 0; }
          #header #headerInner #contactWrap #entryBtn {
            flex-basis: 180px;
            width: 180px;
            height: 50px; }
            #header #headerInner #contactWrap #entryBtn a {
              width: 100%;
              height: 100%;
              text-decoration: none;
              border-radius: 25px;
              font-size: 18px;
              font-weight: bold;
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff;
              background-color: #81B852;
              transition: all ease-in-out .3s;
              position: relative; }
              #header #headerInner #contactWrap #entryBtn a:after {
                border-right: 2px solid #fff;
                border-top: 2px solid #fff;
                border-radius: 2px;
                content: "";
                height: 5px;
                right: 20px;
                position: absolute;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                top: 45%;
                width: 5px;
                transition: all ease-in-out .3s; }
              #header #headerInner #contactWrap #entryBtn a:hover {
                background-color: #5eb7e8; } }

/* ----------------------------------- */
/* フッター
/* ----------------------------------- */
#footer {
  width: 100%;
  background: #fff !important;
  clear: both;
  text-align: center;
  padding: 40px 0 90px !important;
  border-top: 1px dotted #CFCFCF !important; }
  #footer p {
    margin-bottom: 10px !important;
    margin-top: 30px;
    font-size: 14px; }
    #footer p:nth-of-type(1) {
      font-size: 16px; }
  #footer a {
    text-decoration: none; }
  #footer img {
    width: 200px;
    height: auto; }
  @media (min-width: 640px) {
    #footer {
      padding-bottom: 10px; } }

/* ----------------------------------- */
/* メインイメージ
/* ----------------------------------- */
#mainImg {
  background: url("../images/main_sp.jpg") no-repeat center center;
  background-size: auto 100%;
  padding-top: 150%;
  width: 100%; }
  @media (min-width: 640px) {
    #mainImg {
      background: url("../images/main_pc.jpg") no-repeat center center;
      background-size: 100% auto;
	  padding-top: 40%;} }

/* ----------------------------------- */
/* CTAボタン
/* ----------------------------------- */
.footer_ftr {
  bottom: 0px;
  position: fixed;
  z-index: 10000;
  width: 100%;
  opacity: 0;
  z-index: 1;
  bottom: -50px;
  transition: .6s; }
  .footer_ftr.fixed {
    opacity: 1;
    transition: .6s;
    top: auto;
    bottom: 0 !important; }
  .footer_ftr ul {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding: 0px;
    background: #a93333;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center; }
    .footer_ftr ul li {
      list-style: none;
      padding: 0px;
      margin: 0px;
      flex-basis: 50%;
      width: 50%;
      height: 100%; }
    .footer_ftr ul a {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-right: 1px solid #fff;
      background: #81b852;
      text-decoration: none;
      color: #fff;
      font-size: 10px;
      padding-top: 5px; }
      .footer_ftr ul a i {
        display: block;
        font-size: 20px;
        margin-bottom: 5px; }
  @media (min-width: 640px) {
    .footer_ftr {
      display: none; } }

/* ---------------------------------------------------------------- */
/* 採用ページ */
/* ---------------------------------------------------------------- */
.btn {
  padding: 30px 15px;
  border-top: 1px dotted #CFCFCF;
  border-bottom: 1px dotted #CFCFCF; }
  @media (min-width: 840px) {
    .btn {
      padding: 60px 15px; } }

h3.hukidasi {
  color: #333;
  padding-top: 20px;
  padding-bottom: 30px;
  font-weight: bold; }

h3.f_text {
  color: #333;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 24px;
	width: 100%;
}

h3.f_text2 {
  color: #333333;
  padding-top: 50px;
  font-weight: normal;
  font-size: 24px;
  text-align: center; 
margin: 0;}
.textWrap{
	font-size: 16px;
	font-weight: normal;
	text-align: justify;
}
h3.titleBg {
  font-size: 28px;
  background: #bdc4bc url("../images/title_bk.jpg") no-repeat top center;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 15px;
  color: #fff;
  font-weight: bold; }

.g_text {
  border: 1px solid #acb5ab;
  max-width: 970px;
  width: 100%;
  margin: 0 auto; }
  .g_text p {
    font-size: 24px;
    padding: 20px 15px;
    margin: 0px; }
    .g_text p span:nth-child(1) {
      color: #cf451f; }

.v_text {
  font-size: 24px;
  color: #cf451f;
  text-align: center !important; }
  .v_text span {
    font-size: 24px;
    color: #333;
    display: block; }

.k_list {
  margin: 0px;
  padding: 0px 0 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
  .k_list .k_list_box {
    margin: 0px;
    flex-basis: 100%;
    width: 100%;
    list-style: none;
    background: #E95383;
    color: #fff;
    font-size: 16px; }
    .k_list .k_list_box + .k_list_box {
      border-top: 1px solid #fff; }
    .k_list .k_list_box .k_list_box_inner {
      padding: 10px 5px; }
  @media (min-width: 840px) {
    .k_list {
      padding-bottom: 60px; }
      .k_list .k_list_box {
        flex-basis: 50%;
        width: 50%; }
        .k_list .k_list_box + .k_list_box {
          border-top: 0; }
        .k_list .k_list_box:nth-child(n+3) {
          border-top: 1px solid #fff; }
        .k_list .k_list_box .k_list_box_inner {
          border-left: 1px solid #fff; } }

.c_list {
  margin: 0px;
  padding: 0px 0px 80px; }
  .c_list .c_list_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .c_list img {
    vertical-align: bottom; }
  @media (min-width: 640px) {
    .c_list .c_list_box {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .c_list .c_list_box .imgBox {
        flex-basis: 240px;
        width: 240px;
        height: auto; }
      .c_list .c_list_box .textBox {
        flex-basis: calc(100% - 240px);
        width: calc(100% - 240px);
        border-bottom: 1px dotted #CFCFCF; }
        .c_list .c_list_box .textBox .textBoxInner {
          padding-left: 30px; }
      .c_list .c_list_box h4 {
        padding: 0;
        margin: 0; }
      .c_list .c_list_box p {
        margin: 0;
        padding-bottom: 10px;
        text-align: left; } }

.textBoxInner p {
  text-align: justify;
  margin: 0;
}
.c2_list {
  margin: 0;
  padding: 0 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .c2_list li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    flex-basis: 100%;
    width: 100%; }
    .c2_list li + li {
      margin-top: 30px; }
    .c2_list li a {
      height: 60px;
      padding: 10px;
      color: #fff;
      text-decoration: none;
      border-radius: 12px;
      background-color: #336699;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 4px 3px 0 #2C587C;
      font-size: 22px;
      line-height: 1.2;
      position: relative; }
      .c2_list li a:after {
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        border-radius: 2px;
        content: "";
        height: 10px;
        right: 20px;
        position: absolute;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 50%;
        width: 10px;
        margin-top: -5px;
        transition: all ease-in-out .3s; }
      .c2_list li a:hover {
        background: #5eb7e8;
        color: #fff;
        border-color: #5eb7e8;
        box-shadow: 4px 3px 0 #4994c4; }
        .c2_list li a:hover:after {
          border-right: 2px solid #fff;
          border-top: 2px solid #fff; }
  @media (min-width: 640px) {
    .c2_list li {
      flex-basis: 48%;
      width: 48%; }
      .c2_list li + li {
        margin-top: 0; }
      .c2_list li:nth-child(n+3) {
        margin-top: 30px; } }
  @media (min-width: 840px) {
    .c2_list li {
      flex-basis: 31%;
      width: 31%; }
      .c2_list li:nth-child(n+3) {
        margin-top: 0; } }

.x_text {
  border-top: 1px dotted #CFCFCF;
  border-bottom: 1px dotted #CFCFCF;
  padding: 30px 0; }
  .x_text p {
    font-size: 20px;
    color: #333;
    text-align: center !important; }
  .x_text + .btn {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 40px; }

.a_list {
  margin: 0;
  padding: 0px 0 30px; }
  .a_list li {
    list-style: none;
    text-align: left;
    border-bottom: 1px dotted #CFCFCF;
    font-size: 18px;
    padding: 5px 0;
    margin: 0; }

table {
  border-collapse: collapse; }
  table.type2 {
    margin: 0px 0 50px;
    width: 100%; }
    table.type2 tbody {
      width: 100%; }
    table.type2 th, table.type2 td {
      padding: 10px 20px;
      font-size: 16px;
      width: 100%;
      text-align: left;
      display: block; }
    table.type2 th {
      background: #E95383;
      color: #fff; }
  @media (min-width: 1000px) {
    table.type2 {
      border: 1px solid #E95383; }
      table.type2 th, table.type2 td {
        border-bottom: 1px solid #E95383;
        display: table-cell; }
      table.type2 th {
        width: 20%;
        text-align: right; }
      table.type2 td {
        width: 80%; }
      table.type2 tr:last-child th,
      table.type2 tr:last-child td {
        border-bottom: none; } }
@media print, screen and (max-width: 767px){
.hidden_box {
  margin: 2em 0;
  padding: 0; }
  }
  .hidden_box label {
    padding: 15px 20px;
    font-weight: bold;
    background: #81b852;
    cursor: pointer;
    transition: .5s;
    width: 100%;
    display: block;
    position: relative;
    text-align: left;
    font-size: 24px;
    color: #fff; }
    .hidden_box label span {
      padding: 0px 25px; }
    .hidden_box label:hover {
      background: #5eb7e8; }
    .hidden_box label::after {
      display: inline-block;
      content: '+';
      font-family: 'FontAwesome';
      padding-right: 5px;
      transition: 0.2s;
      position: absolute;
      right: 10px; }
  .hidden_box input {
    display: none; }
    .hidden_box input:checked ~ label:after {
      content: '－';
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      color: #fff; }
    .hidden_box input:checked ~ label ~ .hidden_show {
      padding: 10px 0;
      height: auto;
      opacity: 1; }
  .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden !important;
    opacity: 0;
    transition: 0.8s; }
  @media (min-width: 640px) {
    .hidden_box {
      margin-bottom: 100px; }
      .hidden_box label {
        display: none; }
      .hidden_box input:checked + label + .hidden_show {
        padding: 0; }
      .hidden_box .hidden_show {
        height: auto !important;
        opacity: 10;
        padding-bottom: 0; } }

.contents_1 {
  background: #fff;
  padding: 50px 0; }
/*.contents_1 img {
    margin: 15px 0; }*/
  .contents_1 .contents_inner1 {
    width: 100%;
    max-width: 970px;
    padding: 0 15px;
	  margin: 0 auto;
    text-align: center; }
    .contents_1 .contents_inner1 h3 {
      font-size: 24px;
      margin: 0;
      font-weight: normal;
color: #333333;
}
.contents_1 .contents_inner1 h3 span{
	color: #E95383;
}
    .contents_1 .contents_inner1 p {
      font-size: 16px;
      margin: 0;
      color: #333; }
.contents_1 .contents_inner1 h3 span{
	color: #E95383;
}.contents_1 .contents_inner1 p img{
	text-align: center;
	padding: 30px;
}
      .contents_1 .contents_inner1 p.name_p {
        font-size: 22px;
        padding: 20px 0 10px;
        margin-bottom: 0; }
/*.contents_1 .contents_inner1 .wrap2 {
      padding-top: 45px; } */
      .contents_1 .contents_inner1 .wrap2 .ichiran-box:nth-child(1) {
        margin-bottom: 20px; }
  .contents_1 .btn {
    margin-bottom: 25px; }
  @media (min-width: 640px) {
    .contents_1 .contents_inner1 p.name_p {
      padding: 30px 0 10px; }
/*.contents_1 .contents_inner1 .wrap2 {
      padding-top: 60px; } */
      .contents_1 .contents_inner1 .wrap2 .ichiran-box:nth-child(1) {
        margin-bottom: 0; }
    .contents_1 .btn {
      margin-bottom: 50px; } }

.contents_2 {
  padding: 0; }
  .contents_2 h3 {
    margin-top: 0; }
    .contents_2 h3:first-child {
      margin: 0 0 60px; }
  .contents_2 p {
    margin: 0; }
  .contents_2 .contents_inner2 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .contents_2 .contents_inner2 .titleBox {
      padding: 0 0 15px; }
    .contents_2 .contents_inner2 .syugou_01_img {
      margin: 20px auto 30px;
      display: block; }
    .contents_2 .contents_inner2 .wrap4 {
      padding-bottom: 45px; }
      .contents_2 .contents_inner2 .wrap4 .ichiran-box:nth-child(n+3) {
        margin-top: 20px; }
    .contents_2 .contents_inner2 .type2 {
      margin-bottom: 0; }
  @media (min-width: 640px) {
    .contents_2 h3:first-child {
      margin: 0 0 90px; }
    .contents_2 .contents_inner2 .titleBox {
      padding: 0 0 20px; }
    .contents_2 .contents_inner2 .wrap4 {
      padding-bottom: 60px; }
      .contents_2 .contents_inner2 .wrap4 .ichiran-box:nth-child(n+3) {
        margin-top: 0; } }
.contents_2 .contents_inner2{
	 display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contents_2 .contents_inner2 img{
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 15px
}
@media print, screen and (min-width: 992px){
.contents_2 .contents_inner2 img{
	width: 30%;
}
}
.contents_2 .contents_inner2　br{
	display: none;
}

.content_works_wrap {
  padding: 55px 0 60px;
}

.content_works_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
}
.content_works_wrap h3.titleBg {
  font-size: 28px;
  background: #ed759b url('../recruit/images/title_bk.jpg') no-repeat top center;
  height: 120px;
  display: flex;
  align-items: center; 
  justify-content: center;
  text-align: center;
  padding: 0 15px;
  color: #fff;
}
.content_works_wrap .content_works_inner img {
  vertical-align: bottom;
}
.content_works_wrap h3.titleBg {
  font-size: 28px;
  background: #339AB1 url(../../recruit/images/title_bk.jpg) no-repeat top center;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 15px;
  color: #fff;
}
.content_works_wrap .content_works_inner h4 {
  font-size: 18px;
  color: #E95383;
  padding: 10px 0;
  margin: 0;
  text-align: left;
  font-weight: normal;
}

.content_works_wrap .content_works_inner .c_list {
  margin-top: 50px;
  padding-bottom: 0;
}

/*.content_works_wrap .content_works_inner .c_list p {
  text-align: left;
  margin: 0;
}*/

.content_works_wrap .content_works_inner .c_list .c_list_box+.c_list_box {
  padding-top: 40px;
}

.content_works_wrap .entryBtn {
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .content_works_wrap {
    padding: 100px 0 90px;
  }

  .content_works_wrap .content_works_inner .c_list {
    margin-top: 90px;
    padding-bottom: 30px;
  }

  .content_works_wrap .content_works_inner .c_list .c_list_box+.c_list_box {
    padding-top: 0;
  }
}


.contents_3 {
  padding: 0 0 60px; }
  .contents_3 h3.titleBg {
    margin: 0; }
  .contents_3 .flexWrap {
    background-color: #E95383; }
    .contents_3 .flexWrap .flexWrapInner {
      max-width: 1000px;
      padding: 20px 15px 30px;
      margin-bottom: 30px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
margin: 0 auto;
}
      .contents_3 .flexWrap .flexWrapInner .flexBox {
        flex-basis: 100%;
        width: 100%; }
        .contents_3 .flexWrap .flexWrapInner .flexBox:first-child {
          padding-bottom: 30px; }
        .contents_3 .flexWrap .flexWrapInner .flexBox p {
          font-size: 20px;
			font-weight: bold;
          margin: 0;
          color: #fff;
          padding: 15px 10px 15px 10px;
          text-align: left;
          border-bottom: 1px solid #fff;}
          .contents_3 .flexWrap .flexWrapInner .flexBox p.top_text {
            background: url("../images/profile.png") no-repeat center left 10px;
            padding-left: 60px;
            font-weight: normal;
   }
          .contents_3 .flexWrap .flexWrapInner .flexBox p:nth-child(3) {
            font-size: 18px;
            font-weight: normal; }
          .contents_3 .flexWrap .flexWrapInner .flexBox p span {
            padding-left: 30px;
            font-size: 14px;
            font-weight: normal; }
  .contents_3 .contents_inner3 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
   color: #333;
	  font-weight: normal;
}
  .contents_3 .wrap2Box {
    padding: 25px 15px 35px;
    background: #F9F5E5;
margin-top: 90px;
}
    .contents_3 .wrap2Box h4 {
      font-size: 18px;
      color: #E95383;
      padding: 0 0 0;
      margin: 0 0 25px;
      text-align: left; }
    .contents_3 .wrap2Box .wrap2 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
color: #333333}
      .contents_3 .wrap2Box .wrap2 .flexBox {
        flex-basis: 100%;
      }
        .contents_3 .wrap2Box .wrap2 .flexBox:nth-child(1) {
          margin-bottom: 30px; }
  .contents_3 .link_btn_wrap {
    padding: 0 15px;
    margin-top: 50px; }
  .contents_3 .btn {
    margin-bottom: 0; }
  @media (min-width: 640px) {
    .contents_3 {
      padding-bottom: 80px; }
      .contents_3 .flexWrap .flexWrapInner {
        padding: 50px 15px;
        flex-wrap: nowrap; }
        .contents_3 .flexWrap .flexWrapInner .flexBox {
          flex-basis: 48%;
          width: 48%; }
          .contents_3 .flexWrap .flexWrapInner .flexBox:first-child {
            padding-bottom: 0; }
      .contents_3 .wrap2Box {
        padding: 55px 0; }
        .contents_3 .wrap2Box .wrap2 .flexBox h4 {
          margin-bottom: 15px;
	  font-size: 18px;
	  font-weight: normal;
			color: #E95383;
	  }
	  contents_3 .wrap2Box .wrap2 .flexBox p{
		  font-size: 16px;
	  font-weight: normal;
		  color: #333;
	  }
        .contents_3 .wrap2Box .wrap2 {
          max-width: 1000px;
          margin: 0 auto;
          flex-wrap: nowrap; }
          .contents_3 .wrap2Box .wrap2 .flexBox {
            flex-basis: 49%;
            width: 49%; }
            .contents_3 .wrap2Box .wrap2 .flexBox:nth-child(1) {
              margin-bottom: 0; }
      .contents_3 .link_btn_wrap {
        padding: 0 15px;
        margin-top: 180px; }
        .contents_3 .link_btn_wrap .link_btn {
          max-width: 1000px;
          margin: 0 auto 0; } }

.contents_4 {
  margin-top: 0px;
  padding: 0 0 0px; }
  .contents_4 h3.titleBg {
    margin: 0; }
  .contents_4 .contents_inner4 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 15px 90px;
    text-align: center; }
  .contents_4 img {
    margin-top: 10px; }
  .contents_4 .wrap2Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .contents_4 .wrap2Box .wrap2 {
      flex-basis: 100%;
      width: 100%; }
      .contents_4 .wrap2Box .wrap2.imgBox {
        margin-bottom: 30px; }
        .contents_4 .wrap2Box .wrap2.imgBox img {
          margin: 0 auto; }
  @media (min-width: 640px) {
    .contents_4 {
      padding: 0; }
      .contents_4 img {
        margin-top: 10px;
        width: auto; }
      .contents_4 .contents_inner4 {
        padding: 60px 15px 90px; }
      .contents_4 .wrap2Box {
        flex-wrap: nowrap;
        margin-bottom: 60px; }
        .contents_4 .wrap2Box .wrap2 {
          flex-basis: 48%;
          width: 48%; }
          .contents_4 .wrap2Box .wrap2.imgBox {
            margin-bottom: 0; } }

.contents_7 {
  padding: 0px 0 100px; }
  .contents_7 h3 {
    margin: 0; }
  .contents_7 .contents_inner7 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 15px 0;
    text-align: center; }
  .contents_7 img {
    margin-top: 10px; }
  .contents_7 .recruitFlow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0; }
    .contents_7 .recruitFlow .recruitFlowBox {
      flex-basis: 20%;
      width: 100%;
      background-color: transparent;
      margin-bottom: 35px;
      position: relative;
      text-align: center;
      border: 1px solid #E95383;
      color: #E95383;
      font-size: 20px;
      padding: 10px 10px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      list-style-type: none; }
      .contents_7 .recruitFlow .recruitFlowBox::after {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 0;
        left: 48%;
        border-right: 2px solid #E95383;
        border-top: 2px solid #E95383;
        border-radius: 2px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        top: 60px; }
      .contents_7 .recruitFlow .recruitFlowBox:last-child::after {
        display: none; }
      .contents_7 .recruitFlow .recruitFlowBox:last-child {
        margin-right: 0px;
        border: 1px solid #81B852;
        color: #fff;
        background: #81B852; }

  @media (min-width: 640px) {
    .contents_7 {
      padding: 0 0 100px; }
      .contents_7 img {
        width: auto; }
      .contents_7 .contents_inner7 {
        padding: 60px 15px 0; }
      .contents_7 .recruitFlow {
        flex-wrap: nowrap; }
        .contents_7 .recruitFlow .recruitFlowBox {
          flex-basis: 20%;
          width: 210px;
          height: 60px;
          margin-bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          .contents_7 .recruitFlow .recruitFlowBox::after {
            display: none; }
          .contents_7 .recruitFlow .recruitFlowBox + .recruitFlowBox::before {
            display: block;
            content: "";
            width: 15px;
            height: 15px;
            border-right: 2px solid #E95383;
            border-top: 2px solid #E95383;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            position: absolute;
            top: 36%;
            left: -36px; } }
  @media print, screen and (min-width: 1140px) {
    .contents_7 .recruitFlow .recruitFlowBox + .recruitFlowBox::before {
      left: -45px; } }
@media (max-width: 640px){
	.contents_7 .recruitFlow .recruitFlowBox{
		flex-basis: 100%;
	}
}
.contents_8 {
  padding: 0; }
  .contents_8 h3 {
    margin: 0; }
  .contents_8 .contents_inner8 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 15px;
    text-align: center; }
  .contents_8 img {
    margin-top: 10px; }
  .contents_8 .c2_list {
    padding-bottom: 60px; }
  .contents_8 .link_btn {
    border-bottom: 0; }
  .contents_8 .btn {
    margin-bottom: 0; }
  @media (min-width: 640px) {
    .contents_8 {
      padding: 0; }
      .contents_8 img {
        margin-top: 10px;
        width: auto; }
      .contents_8 .c2_list {
        padding-bottom: 80px; }
        .contents_8 .c2_list li:nth-child(n+4) {
          padding-top: 30px; } 
	  contents_8 .x_text{
		  font-weight: normal;
	  }}

.effectFade {
  position: relative; }
  .effectFade.effectFirst {
    opacity: 0;
    transform: translateY(100px);
    transition: all 1.2s ease; }
  .effectFade.effectFadeIn {
    opacity: 0;
    transition: all 1.2s ease; }
  .effectFade.effectFadeUp {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.2s ease; }
  .effectFade.effectFadeDown {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 1.2s ease; }
  .effectFade.effectFadeZ {
    opacity: 0;
    transform: translateZ(20px);
    transform: scale(0.8);
    transition: all 1s ease; }
  .effectFade.effectLeft {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 1.2s ease; }
  .effectFade.effectRight {
    opacity: 0;
    transform: translateX(20px);
    transition: all 1.2s ease; }
  .effectFade.effectActive {
    opacity: 1;
    transform: translate(0, 0); }
  .effectFade.td1 {
    transition-delay: .1s; }
  .effectFade.td2 {
    transition-delay: .2s; }
  .effectFade.td3 {
    transition-delay: .3s; }
  .effectFade.td4 {
    transition-delay: .4s; }
  .effectFade.td5 {
    transition-delay: .5s; }
  .effectFade.td6 {
    transition-delay: .6s; }

/* ---------------------------------------------------------------- */
/* コンテンツ共通 */
/* ---------------------------------------------------------------- */
/* ---------------------------- */
/* 詳細ページ */
/* ---------------------------- */
#recruitmentPage #postCnt {
  margin: 20px 0;
  min-height: 300px; }
#recruitmentPage h2 {
  font-weight: bold;
  font-size: 26px;
  color: #000; }
#recruitmentPage h3 {
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
  margin: 20px 0;
  background-color: #cf451f;
  color: #fff; }
#recruitmentPage h4 {
  font-weight: bold;
  font-size: 18px;
  padding: 0 0 5px 5px;
  margin-bottom: 20px;
  color: #cf451f;
  border-bottom: 1px solid #cf451f; }
#recruitmentPage h1, #recruitmentPage h2, #recruitmentPage h3, #recruitmentPage h4, #recruitmentPage h5, #recruitmentPage h6 {
  line-height: 1.2; }
#recruitmentPage p {
  margin: 0 0 20px;
  text-align: justify;
  text-align: inter-ideograph; }
  #recruitmentPage p img {
    max-width: 100%;
    margin-bottom: 0; }
  #recruitmentPage p.tableAtt {
    margin: -20px 0 20px; }
#recruitmentPage .bold {
  font-weight: bold; }
#recruitmentPage .coming {
  text-align: center;
  margin: 50px 0;
  font-size: 16px; }
#recruitmentPage .small {
  font-size: 14px; }
#recruitmentPage .linkWrap {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0;
  align-items: flex-start; }
#recruitmentPage .imgWrap {
  margin: 5px; }
#recruitmentPage .box {
  margin-bottom: 50px; }
#recruitmentPage .textLeft {
  text-align: left; }
#recruitmentPage .textCenter {
  text-align: center; }
#recruitmentPage .textRight {
  text-align: right; }
#recruitmentPage pre {
  overflow: auto;
  background: #eee;
  padding: 5px;
  border-radius: 8px; }
#recruitmentPage a {
  position: relative; }
  #recruitmentPage a:hover, #recruitmentPage a:focus {
    text-decoration: none;
    color: #a93333; }
  #recruitmentPage a.textBlank {
    position: relative;
    margin-right: 30px;
    display: inline-block; }
    #recruitmentPage a.textBlank:before {
      content: '\f08e';
      position: absolute;
      display: block;
      font: 14px/1 FontAwesome;
      right: -25px;
      top: 5px; }
  #recruitmentPage a.textArrow {
    text-decoration: none;
    color: #cf451f; }
    #recruitmentPage a.textArrow:hover {
      color: #cf451f;
      text-decoration: underline; }
    #recruitmentPage a.textArrow:after {
      display: inline-block;
      content: '\f0a9';
      font: 16px/1 FontAwesome;
      margin-left: 10px;
      text-decoration: none; }
  #recruitmentPage a.textArrowR {
    text-decoration: none;
    color: #cf451f; }
    #recruitmentPage a.textArrowR:hover, #recruitmentPage a.textArrowR:focus {
      color: #cf451f;
      text-decoration: underline; }
    #recruitmentPage a.textArrowR:after {
      display: inline-block;
      content: '\f0a9';
      font: 16px/1 FontAwesome;
      margin-left: 10px;
      text-decoration: none; }
#recruitmentPage table {
  margin: 0 0 30px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cf451f; }
  #recruitmentPage table caption {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0; }
  #recruitmentPage table tr th, #recruitmentPage table tr td {
    display: block;
    min-height: 30px;
    padding: .5em .8em;
    width: auto;
    line-height: 1.4; }
  #recruitmentPage table tr th {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    background-color: #F6F1E9; }
  #recruitmentPage table.type2 {
    border: 1px solid #C5BBAE; }
    #recruitmentPage table.type2 tr:nth-child(odd) {
      background: #F6F1E9; }
    #recruitmentPage table.type2 tr th, #recruitmentPage table.type2 tr td {
      display: table-cell;
      border-collapse: collapse; }
    #recruitmentPage table.type2 tr th {
      background: #C5BBAE;
      text-align: center;
      color: #fff;
      vertical-align: middle; }
      #recruitmentPage table.type2 tr th + th {
        border-left: 1px solid #fff; }
    #recruitmentPage table.type2 tr td {
      border-left: 1px solid #C5BBAE; }
      #recruitmentPage table.type2 tr td:nth-of-type(1) {
        border: none; }
#recruitmentPage blockquote {
  background: #ccc;
  width: 100%;
  border-radius: 8px;
  padding: 30px;
  margin: 0 0 60px;
  position: relative; }
  #recruitmentPage blockquote:before {
    content: '\f10d';
    position: absolute;
    display: block;
    font: 20px/1 FontAwesome;
    color: #cf451f;
    left: 10px;
    top: 10px; }
  #recruitmentPage blockquote:after {
    content: '\f10e';
    position: absolute;
    display: block;
    font: 20px/1 FontAwesome;
    color: #cf451f;
    right: 10px; }
  #recruitmentPage blockquote p {
    margin: 0 0 15px; }
    #recruitmentPage blockquote p:last-child {
      margin-bottom: 0; }
#recruitmentPage dl {
  margin: 0 0 30px; }
  #recruitmentPage dl dt {
    font-weight: bold; }
  #recruitmentPage dl dd {
    margin: 0;
    margin-bottom: 15px; }
#recruitmentPage ul {
  margin: 0 0 20px 20px;
  padding: 0; }
  #recruitmentPage ul li {
    position: relative;
    padding: 0;
    list-style-type: disc; }
    #recruitmentPage ul li ul {
      padding: 0; }
  #recruitmentPage ul.numList {
    margin: 0 0 30px;
    padding: 0; }
    #recruitmentPage ul.numList li {
      list-style: none;
      position: relative;
      padding: 0;
      display: flex;
      margin-bottom: 15px; }
      #recruitmentPage ul.numList li .num {
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin-right: 15px;
        color: #fff;
        background: #009C6F;
        border-radius: 100%; }
      #recruitmentPage ul.numList li span:nth-of-type(2) {
        flex-basis: calc( 100% - 55px );
        align-self: center; }
      #recruitmentPage ul.numList li:before {
        display: none; }
#recruitmentPage ol {
  margin: 0 0 20px;
  padding: 0 0 0 25px; }
  #recruitmentPage ol li {
    margin: 0;
    padding: 0; }
    #recruitmentPage ol li:last-child {
      margin: 0 0 10px; }
    #recruitmentPage ol li ol {
      margin: 10px 0;
      padding: 0 0 0 20px; }
#recruitmentPage address {
  font-style: normal; }
#recruitmentPage hr.red {
  border-bottom: 1px solid #C65871 !important;
  margin-bottom: 50px; }
#recruitmentPage .gmapWrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden; }
  #recruitmentPage .gmapWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#recruitmentPage .youtubeWrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden; }
  #recruitmentPage .youtubeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#recruitmentPage .btn {
  margin: 60px auto; }
@media print, screen and (min-width: 640px) {
  #recruitmentPage table tr:nth-child(odd) {
    background-color: #F6F1E9; }
  #recruitmentPage table tr th, #recruitmentPage table tr td {
    display: table-cell;
    width: inherit; }
  #recruitmentPage table tr th {
    background-color: inherit; }
  #recruitmentPage table tr td {
    border-left: 1px solid #cf451f; }
  #recruitmentPage table tr:last-child td {
    border-bottom: 0; } }

/* ---------------------------------------------------------------- */
/* フォーム設定 */
/* ---------------------------------------------------------------- */
/* フォームナビ */
/* ---------------------------- */
ul.formFlow {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin: 0 0 30px;
  padding: 0; }
  ul.formFlow li {
    display: inline-flex;
    justify-content: center;
    flex-basis: 33.333%;
    background: #EEEEEE;
    color: #cf451f;
    list-style: none;
    padding: 0;
    margin: 0 !important;
    height: 100%;
    font-size: 14px;
    align-items: center;
    position: relative; }
    ul.formFlow li:before {
      display: none; }
    ul.formFlow li.active {
      background: #cf451f;
      color: #fff;
      position: relative; }
      ul.formFlow li.active:after {
        position: absolute;
        content: '';
        right: -40px;
        top: 0;
        z-index: 1;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-left: 20px solid #cf451f; }
    ul.formFlow li.second.active:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      z-index: 3;
      width: 0;
      height: 0;
      border: 20px solid transparent;
      border-left: 20px solid #cf451f; }
    ul.formFlow li.third.active {
      background: #cf451f !important;
      color: #fff; }
      ul.formFlow li.third.active:after {
        display: none; }
      ul.formFlow li.third.active:before {
        background: none;
        display: inline;
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        z-index: 2;
        width: 0;
        height: 0;
        border-radius: 0;
        border: 20px solid transparent;
        border-left: 20px solid #EEEEEE; }

/* ---------------------------- */
/* フォームエレメント */
/* ---------------------------- */
#lp_entry,
#lp_confirm,
#lp_thanks {
  margin-top: 50px; }
  #lp_entry #formArea,
  #lp_confirm #formArea,
  #lp_thanks #formArea {
    padding: 30px 0 60px; }
  #lp_entry .btn_wrap,
  #lp_confirm .btn_wrap,
  #lp_thanks .btn_wrap {
    text-align: center;
    margin-top: 30px;
    display: block !important; }
    #lp_entry .btn_wrap input[type="submit"],
    #lp_entry .btn_wrap input[type="reset"],
    #lp_entry .btn_wrap input[type="button"],
    #lp_confirm .btn_wrap input[type="submit"],
    #lp_confirm .btn_wrap input[type="reset"],
    #lp_confirm .btn_wrap input[type="button"],
    #lp_thanks .btn_wrap input[type="submit"],
    #lp_thanks .btn_wrap input[type="reset"],
    #lp_thanks .btn_wrap input[type="button"] {
      display: block;
      max-width: 290px;
      width: 100%;
      height: 50px;
      cursor: pointer;
      background-color: #cf451f;
      border: 1px solid #cf451f;
      color: #fff;
      font-size: 16px;
      padding: 15px; }
      #lp_entry .btn_wrap input[type="submit"]:hover,
      #lp_entry .btn_wrap input[type="reset"]:hover,
      #lp_entry .btn_wrap input[type="button"]:hover,
      #lp_confirm .btn_wrap input[type="submit"]:hover,
      #lp_confirm .btn_wrap input[type="reset"]:hover,
      #lp_confirm .btn_wrap input[type="button"]:hover,
      #lp_thanks .btn_wrap input[type="submit"]:hover,
      #lp_thanks .btn_wrap input[type="reset"]:hover,
      #lp_thanks .btn_wrap input[type="button"]:hover {
        background-color: #cf451f;
        border: 1px solid #cf451f; }
    #lp_entry .btn_wrap input[type="reset"],
    #lp_confirm .btn_wrap input[type="reset"],
    #lp_thanks .btn_wrap input[type="reset"] {
      margin-top: 30px; }
    #lp_entry .btn_wrap .submit.btn,
    #lp_confirm .btn_wrap .submit.btn,
    #lp_thanks .btn_wrap .submit.btn {
      background-color: #cf451f;
      border: 1px solid #cf451f;
      display: block;
      margin-top: 30px; }
      #lp_entry .btn_wrap .submit.btn:hover,
      #lp_confirm .btn_wrap .submit.btn:hover,
      #lp_thanks .btn_wrap .submit.btn:hover {
        background-color: #fff;
        color: #cf451f;
        border: 1px solid #cf451f; }
  #lp_entry table,
  #lp_confirm table,
  #lp_thanks table {
    margin-top: 20px; }
  #lp_entry form,
  #lp_confirm form,
  #lp_thanks form {
    margin-top: 20px; }
    #lp_entry form table,
    #lp_confirm form table,
    #lp_thanks form table {
      width: 100%;
      border: 1px dotted #cf451f;
      border-collapse: collapse; }
      #lp_entry form table th, #lp_entry form table td,
      #lp_confirm form table th,
      #lp_confirm form table td,
      #lp_thanks form table th,
      #lp_thanks form table td {
        padding: 10px;
        display: block;
        vertical-align: middle;
        border-bottom: 1px dotted #cf451f;
        font-size: 16px; }
      #lp_entry form table th,
      #lp_confirm form table th,
      #lp_thanks form table th {
        width: 100%;
        text-align: left;
        font-weight: bold;
        background-color: #cf451f;
        color: #fff; }
      #lp_entry form table td,
      #lp_confirm form table td,
      #lp_thanks form table td {
        width: 100%; }
        #lp_entry form table td input,
        #lp_confirm form table td input,
        #lp_thanks form table td input {
          width: 100%;
          height: 35px; }
        #lp_entry form table td input[type="radio"],
        #lp_confirm form table td input[type="radio"],
        #lp_thanks form table td input[type="radio"] {
          width: auto;
          height: auto; }
      #lp_entry form table input, #lp_entry form table select,
      #lp_confirm form table input,
      #lp_confirm form table select,
      #lp_thanks form table input,
      #lp_thanks form table select {
        padding: 5px; }
      #lp_entry form table textarea,
      #lp_confirm form table textarea,
      #lp_thanks form table textarea {
        width: 100%;
        height: 100px;
        padding: 5px;
        border: 1px solid #cf451f; }
  #lp_entry span.att,
  #lp_confirm span.att,
  #lp_thanks span.att {
    color: crimson;
    padding: 2px 5px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold; }
  #lp_entry input[type=text],
  #lp_confirm input[type=text],
  #lp_thanks input[type=text] {
    border: 1px solid #cf451f;
    width: 100%;
    height: 2em;
    padding: 0;
    resize: none; }
  #lp_entry input[type=text]:focus,
  #lp_confirm input[type=text]:focus,
  #lp_thanks input[type=text]:focus {
    border: solid 1px #cf451f; }
  #lp_entry input[type=text], #lp_entry select,
  #lp_confirm input[type=text],
  #lp_confirm select,
  #lp_thanks input[type=text],
  #lp_thanks select {
    outline: 0;
    padding: 0 10px; }
  @media (min-width: 640px) {
    #lp_entry .btn_wrap,
    #lp_confirm .btn_wrap,
    #lp_thanks .btn_wrap {
      max-width: 650px;
      width: 100%;
      margin: 30px auto;
      display: flex;
      justify-content: space-between; }
      #lp_entry .btn_wrap input[type="submit"],
      #lp_entry .btn_wrap input[type="reset"],
      #lp_entry .btn_wrap input[type="button"],
      #lp_confirm .btn_wrap input[type="submit"],
      #lp_confirm .btn_wrap input[type="reset"],
      #lp_confirm .btn_wrap input[type="button"],
      #lp_thanks .btn_wrap input[type="submit"],
      #lp_thanks .btn_wrap input[type="reset"],
      #lp_thanks .btn_wrap input[type="button"] {
        width: 300px;
        height: 50px;
        margin: 0 auto; }
      #lp_entry .btn_wrap input[type="reset"],
      #lp_confirm .btn_wrap input[type="reset"],
      #lp_thanks .btn_wrap input[type="reset"] {
        margin-top: 0; }
    #lp_entry form table th, #lp_entry form table td,
    #lp_confirm form table th,
    #lp_confirm form table td,
    #lp_thanks form table th,
    #lp_thanks form table td {
      width: auto;
      display: table-cell; }
    #lp_entry form table th,
    #lp_confirm form table th,
    #lp_thanks form table th {
      width: 280px; }
    #lp_entry form table td,
    #lp_confirm form table td,
    #lp_thanks form table td {
      width: 440px; }
      #lp_entry form table td input,
      #lp_confirm form table td input,
      #lp_thanks form table td input {
        width: auto;
        height: auto; }
    #lp_entry form table textarea,
    #lp_confirm form table textarea,
    #lp_thanks form table textarea {
      width: 500px; } }

#lp_thanks {
  margin-top: 50px; }