@charset "utf-8";
body {animation: bodyFadeIn 2s ease 0s 1 normal;-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}

body {margin:0px 0;padding:0px 0;}


/* Placeholderのスタイル */
input::placeholder, textarea::placeholder {
	color: #ccc;
	font-style: italic;font-size: 100%;line-height:160%;}

.red{color:#AD0002; font-size: 80%;}
input[type="submit"] {
  box-shadow: none; 
  border: none; 
  outline: none; 
  background-color: #00ada9; 
  color: #fff; 
  padding: 10px 20px; 
  border-radius: 5px; 
  font-size: 100%; 
  cursor: pointer; 
  transition: background-color 0.5s ease, transform 0.5s ease; 
}

input[type="button"]{
  box-shadow: none; 
  border: none;
  outline: none;
  background-color: #00ada9; 
  color: #fff; 
  padding: 10px 20px;
  border-radius: 5px; 
  font-size: 100%;
  cursor: pointer; 
  transition: background-color 0.5s ease, transform 0.5s ease;
}

/* ホバー時のスタイル */
input[type="submit"]:hover {
  background-color: #8ed8ff; /* ホバー時の背景色 */
  transform: scale(1.00); /* ホバー時に少し拡大 */
}

/* フォーカス時のスタイル */
input[type="submit"]:focus {
  box-shadow: none; /* フォーカス時も影を削除 */
  outline: none; /* 外枠を削除 */
}

/*必須エラーメッセージ*/
div.error{
	font-size:100%;
	color:#F00;
	padding:2px 18px;
	margin:0;
	line-height:150%;
	background:url(js/images/error.gif) no-repeat 0px 5px;
}
.error-item{
	border:1px solid #ffb7ad;
	background:#ffe8e5;
}


@media print, screen and (min-width:751px){
#formWrap {
	max-width:900px;
	width:90%;
	margin:0 auto;
	color:#000;
	line-height:170%;
	font-size:100%;
}
table.formTable{
	width:100%;
	margin:30px auto 50px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:20px;text-align:left;height:30px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;padding: 20px 0px 20px 20px;
}
	
.input-large {
    font-size: 100%;}
	
	
.p-title {
	width: clamp(300px, 18.0vw, 400px);
	text-align: center;
	margin: 70px auto 50px auto;
	padding: 30px 0px 10px 0px;
	line-height: 150%;
	font-size: clamp(16px, 1.9vw, 22px);
	border-bottom: 2px solid #00ada9;
	color: #00ada9;
}
	
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:50%;
	height:50px;
	background-color:#00ada9;
	color:#fff;border-bottom: 1px solid #fff;font-size:120%;margin: 30px auto 10px auto;
}
.texttop{width:100%;font-size: clamp(12px, 1.0vw, 16px);padding: 50px 0px 30px 0px;color: #000;line-height: 170%;text-align: center;}
.texttop1{width:100%;font-size: clamp(12px, 1.0vw, 16px);padding: 30px 0px 70px 0px;color: #000;line-height: 170%;text-align: center;}

}

/* 簡易版レスポンシブ用CSS */
@media screen and (max-width:750px){
#formWrap {
	width:80%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:100%;
	display:block;text-align:left;margin: 0px auto 10px auto;
}
table.formTable th {
	margin-top:10px;
	border-bottom:0;font-size:100%;
}
form input[type="text"], form textarea, form select {
	width:100%;
	padding:10px 0px 10px;
	font-size:100%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:60%;
	height:50px;margin-top:30px;
}
.p-title {
	width: clamp(300px, 18.0vw, 400px);
	text-align: center;
	margin: 20px auto 40px auto;
	padding: 30px 0px 10px 0px;
	line-height: 150%;
	font-size: clamp(16px, 1.9vw, 22px);
	border-bottom: 2px solid #00ada9;
	color: #00ada9;
}

select {
  -webkit-appearance: none; /* Safari / iOS */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* 標準 */
  border-radius: 0; /* 角丸をなくす */
}
.texttop{width:100%;font-size: clamp(14px, 1.0vw, 14px);padding: 50px 0px 10px 0px;color: #000;line-height: 150%;text-align: left;}
.texttop1{width:100%;font-size: clamp(16px, 1.0vw, 14px);padding: 30px 0px 50px 0px;color: #000;line-height: 150%;text-align: center;margin: 0px auto 0px auto;}
}
	

/*スマホ*/
@media screen and (max-width:750px){
.maintop {
    width: 100%;
    height: 18vh;
    margin: 0px auto;
    padding: 0px;
    background-image: url("../img/bg-s.jpg");
    background-repeat: no-repeat;
    background-size: cover;background-position: center center;
    text-align: center;
    position: relative;
  }
  .title.pc {
    display: none;
  }


.title{margin:0px auto 0px auto; padding: 0px 0px 20px 0px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-weight: 400;}
.copyright{clear:both; width: 100%;height: auto;margin: 10px auto 0px auto;text-align: center;font-size:80%;color:#000;}
hr.space{margin:30px 0px 20px;}
.privacy {max-width:980px;width:80%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 70px 0px;text-align:left;font-size: clamp(12px, 0.9vw, 15px);line-height: 180%;}
.privacy h3{color:#000;text-align:left;padding:0px 0px 0px 0px;margin:0px auto 10px;font-size: clamp(12px, 0.9vw, 16px);ont-weight: 700;}
.privacy1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 20px 0px 0px 0px;text-align: justify;}
.privacy2 {max-width:980px;width:80%;height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;text-align:center;font-size: clamp(12px, 0.9vw, 15px);line-height: 180%;}
.sp { display: block ; }
.pc { display: none ; }}

/*PC*/
@media print, screen and (min-width:751px){

.maintop {
    width: 100%;
    margin: 0px auto 50px auto;
    padding: 130px 0px;
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;background-position: center center;
    text-align: center;
    position: relative;
  }
  .title.sp {
    display: none;
  }

.title{width:200px;margin:0px auto 0px auto; padding: 0px 0px 0px 0px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-weight: 400;}
.copyright{clear:both;width: 100%;height: auto;margin: 0px auto;text-align: center;font-size:90%;color:#000;}
hr.space{margin:50px 0px 30px;}
.privacy {max-width:980px;width:80%;height:auto;margin:0px auto 0px auto;padding: 70px 0px 100px 0px;text-align:left;font-size: clamp(12px, 0.9vw, 15px);line-height: 180%;}
.privacy h3{color:#000;text-align:left;padding:10px 0px 0px 0px;margin:0px auto 10px;font-size: clamp(12px, 0.9vw, 16px);ont-weight: 700;}
.privacy1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;text-align: justify;}
.privacy2 {max-width:980px;width:80%;height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;text-align:center;font-size: clamp(12px, 0.9vw, 15px);line-height: 180%;}

.pc { display: block; }
.sp { display: none; }}