@charset"utf-8";

/*お問い合わせメイン*/
.title{
	padding:65px 0 65px 0;
	background:#fff;
}
.title p{
	font-size:1.75em;
	font-weight:bold;
	color:#31948d;
	margin:0 auto;
	text-align:center;
}
#titleue{
	width:280px;
	border-bottom: 4px dotted #31948d;
	letter-spacing:0.1em;
	padding-bottom:5px;
}
#titlesita{
	padding-top:10px;
	font-size:1em;
	font-weight:bold;
	color:#31948d;
	letter-spacing:0.1em;
}

/*main*/
#main3{
       background-color:#fff;
       padding-bottom:20px;
	width:100%;
}

#contact{
       background-color:#31948d;
       width:80%;
       max-width:1300px;
       border-radius:10px;
       color:#fff;
       margin:auto;
       padding:10px;
}
#contact table{
       margin:50px;
}
.top{
       width:100%;
       margin:0 auto;
       text-align:center;
}
.top p{
       background-color:#31948d;
       color:#fff;
       font-size:20px;
       font-weight:700;
       width:70%;
	max-width:1300px;
       height:36px;
       text-align:center;
       margin:auto;
       line-height:1em;
       border-radius:10px;
       padding-top:18px;
}
.b{
       font-size:13px;
       color:#31948d;
       margin:10px;
       white-space: nowrap;
}
.sp-2{
       display:none;
}
.form{
       width:100%;
}

textarea{
        width:70%;
        height:100px;
        border-radius:10px;
        vertical-align:top;
        margin-left:60px;
}
th{

    text-align:left;
    font-size:14px;
    font-weight:600;
    color:#fff;
    white-space:nowrap;
}
td{
	width:100%;
	padding:5px;
	text-align:left;
}
.br{
      display:none;
}

#button{
       clear:both;
       text-align:center;
       justify-content:center;
       margin:auto;
}
#mousikomu{
       margin:40px;
       background-color:#fff;
       color:#31948d;
       border-radius:5px;
       width:250px;
       height:40px;
       font-size:18px;
       font-weight:600;
       border:none;
}

#mousikomu:hover{
       box-shadow: 5px 5px 5px rgba(0,0,0,0.3) inset;
}

#name,#yomi,#email,#tel{
       background-color:#f8c5ac;
       border:1px solid #575757;
       border-radius:5px;
	width:50%;
       height:20px;
}
#button img{
       height:100px;
       width:150px;
       text-align:center;
       display:inline-block;
       animation: animation 1s linear 0s infinite normal both;
}
@keyframes animation{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width:768px){
      	.top p{
		width:80%;
	}
        .form{
                width:100%;
        }
	.form_naiyou{
		width:55%;
	}
	.youbou{
		float:left;
		margin-top:-50px;
		margin-left:10px;
	}
	.youbou textarea{
		width:250px;
                height:180px;
		margin-left:20px;
	}
        .br{
                display:block;
        }
        th{
                 vertical-align:top
         }
}
/*スマホ版 390px*/
@media screen and (max-width:480px){
      	.top p{
                margin-top:-30px;
		font-size:16px;
	}
	.b{
		margin:0;
		color:#31948d;
		width:80%;
	}
	.top img{
		display:none;
	}
	.sp-2{
                padding-top:20px;
		display:block;
	}
	#main{
		background-color:#fff;
	}
        #contact{
                margin-top:10px;
                margin-bottom:10px;
        }
        #contact table{
               width:100%;
                margin:0 auto;
        }
        
	.youbou{
		width:100%;
		margin-left:10px;
                margin-top:30px;
	}
	.youbou textarea{
		width:80%;
		margin-left:20px;
	}
	th,td{
		display:block;
		text-align:left;
	}
	th{
		margin-top:30px;
		font-size:16px;
	}
	td{
		width:100%;
		margin-left:10px;
	}
	tr{
		width:80%;
	}
        .br{
               display:block;
        }
        #button{
                padding:30px;
        }
	#mousikomu{
		width:200px;
	        margin:0 auto;
	}
}