@charset "utf-8";
/* CSS Document */

.fv {
	background-image: url("../contact/images/fv.jpg");
	position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
	padding-top: 120px;
}
.fvTxt01 {
	font-size: 36px;
	font-weight: bold;
	color: #dc0012;
	line-height: 1.4;
	background-color: rgba( 255, 255, 255, 0.8 );
	padding: 8px 12px 6px;
	position: absolute;
	top: 225px;
	left: 60%;
}
.fvTxt02 {
	font-size: 17px;
	color: #fff;
	line-height: 1.8;
	background-color: #dc0012;
	padding: 8px 12px 8px;
	width: 453px;
	position: absolute;
	top: 303px;
	left: 60%;
}
.conCont {
	width: 60%;
	margin: 0 auto;
}
.hissu {
	color: #DC0012;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 13px;
	margin-top: -30px;
}
.formTable {
	border-top: #E0E0E0 1px solid;
	border-right: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;
	width: 100%;
	margin-bottom: 50px;
}
.formTable input, .formTable textarea {
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.formTable th {
	width: 22%;
	border-bottom: #E0E0E0 1px solid;
	background-color: #F7F7F7;
	padding: 3% 4%;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
}
.thLast {
	line-height: 1.4;
}
.formTable td {
	border-bottom: #E0E0E0 1px solid;
	padding: 3% 5%;
	text-align: left;
}
.formTable td input {
	width: 98%;
	padding: 1%;
	font-size: 16px;
	font-weight: bold;
}
.formTable td textarea {
	width: 98%;
	padding: 1%;
	font-size: 16px;
	font-weight: bold;
}
.mark {
	color: #DC0012;
}
.detail01 {
	text-align: center;
	margin-bottom: 100px;
}
.detail01 input {
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: none;
    background-color: #DF0012;
    font-size: 16px;
	cursor: pointer;
	padding: 10px 0 8px;
	width: 220px;
	line-height: 1.3;
}
.detail01 input:hover {
    box-shadow: 0 6px 10px #ccc;
	transition: box-shadow .5s;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
#formWrap {
    padding: 200px 0 120px;
    border-top: 1px solid #ccc;
	margin-top: 68px;
}
#formWrap02 {
    border-top: 1px solid #ccc;
	margin-top: 68px;
}
#formWrap03 {
    padding: 80px 0 50px;
	width: 50%;
    margin: 0 auto;
}
.formTxt01 {
	margin-bottom: 30px;
}
.error_messe {
	margin-bottom: 5px;
	color: red;
}
/*ナビ下線アニメーション*/
.header .gnavi li:first-child {
	border-bottom: 2px #df0012 solid;
	padding-bottom: 0;
}
.header .gnavi li:first-child::after {
	height: 0;
}
/*ナビ下線アニメーション*/
::-webkit-input-placeholder {
  color: #aaa;
  font-weight: normal;
}
::-moz-placeholder {
  color: #aaa;
  font-weight: normal;
}
:-ms-input-placeholder {
  color: #aaa;
  font-weight: normal;
}

/*1800px以下*/
@media screen and (max-width: 1800px){
.fv {
	padding-top: 80px;
}
}

/*1700px以下*/
@media screen and (max-width: 1700px){
#formWrap03 {
	width: 70%;
}
}

/*1600px以下*/
@media screen and (max-width: 1600px){
.fv {
	padding-top: 40px;
}
.conCont {
	width: 70%;
	margin: 0 auto;
}
}

/*1240px以下*/
@media screen and (max-width: 1240px){
.fv {
	padding-top: 0;
}
.conCont {
	width: 80%;
	margin: 0 auto;
}
.fvTxt01 {
	left: 54%;
}
.fvTxt02 {
	left: 54%;
}
#formWrap03 {
    padding: 60px 0 10px;
	width: 80%;
    margin: 0 auto;
}
}

/*1000px以下*/
@media screen and (max-width: 1000px){
#formWrap {
	margin-top: 0;
}
#formWrap02 {
	margin-top: 0;
}
}

/*900px以下*/
@media screen and (max-width: 900px){
.conCont {
	width: 90%;
	margin: 0 auto;
}
#formWrap {
	padding: 140px 0 60px;
}
.error_messe {
	padding: 0 20px;
}
}

/*700px以下*/
@media screen and (max-width: 700px){
.formTable th {
    font-size: 13px;
	line-height: 1.6;
	padding: 5% 4%;
}
.formTable td {
    padding: 5% 5%;
}
.formTable td input {
    font-size: 13px;
}
.formTable td textarea {
    font-size: 13px;
}
.hissu {
    margin-top: -10px; 
}
}

/*600px以下*/
@media screen and (max-width: 600px){
#formWrap {
	padding: 80px 0 10px;
}
}

/*500px以下*/
@media screen and (max-width: 500px){
.formTable {
    margin-bottom: 30px;
}
.formTable th {
    font-size: 12px;
	width: 30%;
}
.formTable td input {
    font-size: 12px;
}
.formTable td textarea {
    font-size: 12px;
}
.hissu {
    margin-top: -5px; 
}
.detail01 {
    margin-bottom: 60px;
}
.formTable td input {
    width: 96%;
    padding: 2%;
}
#formWrap03 {
    padding: 40px 0 0;
	width: 90%;
    margin: 0 auto;
}
.formTxt01 {
	margin-bottom: 20px;
}
}
.fvSwiper{
	margin-bottom: 70px;
}

@media screen and (max-width: 700px){
	.fvSwiper {
		margin-bottom: 42px;
	}
}