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


/*sp版非表示ここから*/


.contact-sectiion__title-lead__sp{
	display: none;
}


/*sp版非表示ここまで*/


/*フォームリセットここから*/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

/*矢印復帰*/
select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

select::-ms-expand {
    display: block;
}
/*矢印復帰*/

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;

}

select,input{
	margin-top: -4px;
	padding: 0;
}

/*フォームリセットここまで*/



main{
	background:linear-gradient(90deg,#eeebe4 0%,#eeebe4 10%,#fff 10%,#fff 90%,#eeebe4 90%,#eeebe4 100%);
	animation: bgAnime 4s; 
	animation-iteration-count:1;
	overflow: hidden;
}

.contact-sectiion{
	width: 70%;
	margin:  0 auto;
	
}

.contact-sectiion__title-content{
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0 auto;
}

.contact-sectiion__title{
	text-align: center;
	content: ' ';
	width: 392px;
	height: 392px;
	border-radius: 50%;
	background-color: #cf142b;
	position: absolute;
	top: -65px;
	left: 30%;
	z-index: 0;
	animation: bgAnime 4s; 
	animation-iteration-count:1;
}


@keyframes bgAnime {
   0% { opacity: 0; transform: scale(1, 1);z-index: 10 }
   10% { opacity: 0.5; transform: scale(1, 1);z-index: 10 }
  40% { opacity: 0.75; transform: scale(1, 1);z-index: 9 }
  
 100% { opacity: 1; }
}


.contact-sectiion__title img{
	padding-top: 160px;
	
}

.contact-sectiion__title h1{
	font-size: 2.6rem;
	
}



.contact-sectiion__title-lead__block{
	padding-top: 405px;
	
}

.contact-sectiion__title-lead__pc{
	font-size: 2rem;
	line-height: 3.5rem;
}

.contact-sectiion__title-lead__block small{
	font-size: 1.3rem;
	padding-top: 17px;
}

.formTable th,.formTable td{
	width: 100%;
	display: block;
}

.formTable{
	padding-top: 38px;
	
}

.formTable th{
	font-size: 1.8rem;
	font-weight: normal;
	padding-bottom: 16px;
	padding-top: 32px;
}

.formTable td{
	box-sizing: border-box;
	width: 410px;
	height: 41px;
	font-size: 1.8rem;
	padding-left: 12px;
	border: 1px solid #000;
	vertical-align: middle;
	line-height: 41px;
	background-color: #fff;
}


/*safari-select-boxの罫線外し*/

_::-webkit-full-page-media, _:future, :root .formTable tr:first-child td {
border: none;
	background-color: transparent;
	padding-left: 0;
}

/*select-boxの罫線外し*/


.form_textarea td{
	width: 850px;
	height: 300px;
}

form p input{
	margin: 90px 20px;
	font-size: 2.2rem;
	width: 180px;
	height: 58px;
	background-color: #00247d;
	border-radius: 10px;
	color: #fff;
	box-shadow: rgba(17, 17, 26, 0.2) 0px 4px 16px, rgba(17, 17, 26, 0.2) 0px 8px 24px, rgba(17, 17, 26, 0.2) 0px 16px 56px;
}

form p input:nth-child(2){
	background-color: #808080;
}


/*ボタン動かす記述ここから*/
form p input{
    animation-name: form-button-move;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}

@keyframes form-button-move {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}

/*ボタン動かす記述ここまで*/


/*sp表示ここから*/
@media (max-width: 519px){
	
	main{
	background:linear-gradient(90deg,#eeebe4 0%,#eeebe4 7%,#fff 7%,#fff 93%,#eeebe4 93%,#eeebe4 100%);
}
	
	.contact-sectiion{
	width: 70%;
	margin:  0 auto;
	
}

.contact-sectiion__title-content{
	position: relative;
	z-index: 0;
}

.contact-sectiion__title{
	text-align: center;
	content: ' ';
	width: 196px;
	height: 196px;
	border-radius: 50%;
	background-color: #cf142b;
	position: absolute;
	z-index: 0;
	top: -32px;
	left: 15%;
}

.contact-sectiion__title img{
	padding-top: 87px;
	width: 70%;
	
}

.contact-sectiion__title h1{
	font-size: 1.6rem;
	margin-top: -10px;
}

	.contact-sectiion__title-lead__pc{
		display: none;
	}
	
	.contact-sectiion__title-lead__block{
		text-align: center;
		padding-top: 200px;
		width: 80%;
		margin: 0 auto;
	}
	
	.contact-sectiion__title-lead__sp{
		display: block;
		font-size: 1.3rem;
		line-height: 3rem;
		width: 100%;
		letter-spacing: -0.08rem;
	}
	
	
	.contact-sectiion{
		width: 80%;
		margin: 0 auto;
	}
	
	
	.formTable{
		width: 100%;
		margin: 0 auto;
	}
	
	
	.formTable th,.formTable td{
	width: 100%;
	display: block;
}
	
	
	/*safariフォームはば調整*/
/*
_::-webkit-full-page-media, _:future, :root .formTable th,.formTable td {
width: 60%;
}
*/
/*safariフォームはば調整*/
	
	
	.formTable th{
		font-size: 1.4rem;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	
	.formTable td{
	
		font-size: 1.4rem;
}
	
	form p input{
		font-size: 1.6rem;
		margin: 50px 10px;
		width: 90px;
		height: 40px;
	}
	
}



/*レスポンシブ調整ここから*/
@media (max-width: 1050px) and (min-width: 600px) { #css {width:98%;margin:0 1%;} 
.form_textarea td{
	width: 100%;
	height: 320px;
}
	
	#form_submit{
	margin: 100px 25%;
}
	
}



@media (max-width: 1050px) and (min-width: 700px) { #css {width:98%;margin:0 1%;} 
.contact-sectiion__title{
		left:15%;
}

}

@media (max-width: 699px) and (min-width: 519px) { #css {width:98%;margin:0 1%;} 
.contact-sectiion__title{
		left:5%;
	
}
	
	.contact-sectiion{
		width: 75%;
		margin: 0 auto;
	}
	
	form p input{
		font-size: 1.6rem;
		margin: 50px 10px;
		width: 90px;
		height: 40px;
	}
}

/*レスポンシブ調整ここまで*/