@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : group_contact.css
 author     : Ability Consultant
 style info : グループ・団体　お問い合わせ
=================================================================== */
/*----------------------------------------------//*/
/* *Media Queries								//*/
/*----------------------------------------------//*/
/*tab*/
/*sp*/
/*----------------------------------------------//*/
/* *Variable									//*/
/*----------------------------------------------//*/
/* メインカラム*/
/* フォントのベースサイズ*/
/* フォントのベーカラー*/
/*----------------------------------------------//*/
/* *Placeholder									//*/
/*----------------------------------------------//*/
/* コンテンツ幅 - baceWidth*/
/* クリアフィックス - clearFix*/
/*----------------------------------------------//*/
/* *Function									//*/
/*----------------------------------------------//*/
/* %計算*/
/*----------------------------------------------//*/
/* *mixin										//*/
/*----------------------------------------------//*/
/* フォントサイズ*/
/* @include fsz(任意のサイズ,親要素のサイズ); ※px不要*/
/* 値を振り分け - choiceValue*/
/* @include cV(プロパティ,pc幅,tab~sp幅); or @include cV(プロパティ,pc幅,tab幅,sp幅);*/
/* ホバー*/
/* @include hover {*/
/*		style*/
/* }*/
/* 幅を決めて中央寄せ - choiceWidth*/
/* @include cW(任意の幅px);*/
/* 画像を拡大*/
/* @include zoomImg(拡大率,x軸基点);*/
/* リンクの下線を逆にする*/
/* @include reverseDecoration;*/
/* 縦方向のグラデーション(IE8対応)*/
/* @include gradient(上側のカラー,下側のカラー);*/
/*icon style*/
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/*@include dots(#color1,#color2,width);*/
/*@include btn_slider(#color1,#color2,size);*/
/*Keyframes srcoll*/
@-moz-keyframes srcoll {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -moz-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes srcoll {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes srcoll {
  0% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }

  100% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
/* -----------------------------------------------------------
	box_tabs
----------------------------------------------------------- */
.box_tabs ul li {
  width: 33%;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .box_tabs ul li {
    width: 49%;
  }
}

/* -----------------------------------------------------------
	con_intro_fac
----------------------------------------------------------- */
.box_form .area {
  min-width: 230px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .box_form .area {
    min-width: 100%;
  }
}
.box_form .tbl_contact td .box_ymd {
  display: inline-block;
  margin-right: 2em;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .box_form .tbl_contact td .box_ymd {
    margin-right: 0;
  }
}
.box_form .tbl_contact td .box_ymd .input_form.wtel {
  width: 81px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .box_form .tbl_contact td .box_ymd .input_form.wtel {
    width: 26%;
  }
}
.box_form .tbl_contact td .box_human {
  display: inline-block;
  margin-top: 0;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form .tbl_contact td .box_human {
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 767px) {
  .box_form .tbl_contact td .box_human {
    margin-top: 0;
  }
}
.box_form .tbl_contact td .box_human .input_form.wtel {
  margin-top: 0;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form .tbl_contact td .box_human .input_form.wtel {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_form .tbl_contact td .box_human .input_form.wtel {
    margin-top: 0.4em;
  }
}
.box_form .tbl_contact td .tab_space {
  margin-top: 0;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form .tbl_contact td .tab_space {
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 767px) {
  .box_form .tbl_contact td .tab_space {
    margin-top: 0;
  }
}
.box_form .tbl_contact td .sp_space {
  margin-top: 0;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form .tbl_contact td .sp_space {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_form .tbl_contact td .sp_space {
    margin-top: 0.4em;
  }
}
.box_form .input_form.wtel {
  width: 81px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .box_form .input_form.wtel {
    width: 28%;
  }
}
