@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sono:wght@600&display=swap');/*Google Fonts Sono*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&family=Sono:wght@500&display=swap');

.Cts02{
    background: rgba(255,255,255,0.98);
    border-radius: 0px 0px 10px 10px;
    width: 960px;
/*    height: 360px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding-top: 20px;
    padding-left: auto;
    padding-right: auto;
}

.Cts02 h3{
    color: #555555;
    font-size: large;
	text-align: center;
}
.Cts02 p{
    color: #555555;
    font-size: small ;
    text-align: center;
}

#formWrap {
    width: 800px;
	margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 10px;
    padding: 10px;
    background: rgba(255,255,255,0.9);
    color: #555;
    line-height: 120%;
    font-size: 90%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

p.Hissu{
	color: #ff0000;
    font-size: small;
    text-align: left;
}

table.formTable{
    width: 100%;
    border-collapse: collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#ffffff;
	text-align:right;
    vertical-align: middle;
}

table.formTable td{
	font-weight:normal;
	background:#ffffff;
}

input.Sub{
    width: 100px;
    padding: 10px;
    margin: 10px;
    color:#333;
    font-size:large;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    border: #333 1px solid;
    transition: all 1.0s;
}

.Sub:hover{
	background: rgba(77,171,255,0.9);
	color: #ffffff;
    border: #fff 1px solid;
    cursor: pointer;
}

input.Res{
    width: 100px;
    padding: 10px;
    margin: 10px;
    color:#333;
    font-size:medium;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    border: #333 1px solid;
    transition: all 1.0s;
}

.Res:hover{
	background: rgba(77,171,255,0.9);
	color: #ffffff;
    border: #fff 1px solid;
    cursor: pointer;
}

p.MailCaution{
    padding: 10px;
    color: #ff0000;
    font-size: small;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
/*
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}
*/