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


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

PC Style

----------------------------------------------------------------------*/

/**********************************************************/
/* メイン画像 */
/**********************************************************/

.main_img {
	width:100%;
	height:400px;
	position:relative;
}

.main_img img {
	width:100%;
	height:400px;
	object-fit:cover;
}


/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
	background:#000;
}

.contact_info {
	background:#000;
	padding:60px 0 90px;
	color:#FFF;
}

.contact_info .inner {
	width:780px;
}

.contact_info h1 {
	font-size:4.4rem;
	font-weight:700;
	text-align:center;
}

.contact_info .inner p {
}

form dl {
    margin: 60px auto;
}

form dl dt {
    width: 23%;
    padding: 15px 0;
    border-top: dotted 1px #DDD;
    float: left;
    clear: both;
}

form dl dt span {
	color:#F00;
}

form dl dd {
    width: 75%;
    padding: 15px 0;
    border-top: dotted 1px #DDD;
    float: left;
}

p.submit_btn {
	border-bottom: dotted 1px #DDD;
    padding-bottom: 50px;
	text-align:center;
}

input[type="submit"],
input[type="reset"] {
    display: inline-block;
    width: 200px;
	font-family: 'Noto Serif JP', serif;
	font-size:1.8rem;
    color: #FFF;
    text-align: center;
    letter-spacing: 1px;
	cursor:pointer;
    background-color: #FF0000;
    padding:5px 20px;
    border-radius: 3px;
    border: none;
    box-shadow: #666 2px 2px 2px;
    margin: 20px auto 0;
}

input[type="submit"]:hover,
input[type="reset"]:hover {
	background: #FF5353;
	transition:0.3s;
}

input[type="text"],
input[type="email"] {
	width:60%;
	padding:5px;
}

textarea {
	width:90%;
    height: 180px;
	padding:5px;
}



}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

----------------------------------------------------------------------*/

/**********************************************************/
/* メイン画像 */
/**********************************************************/

.main_img {
	width:100%;
	position:relative;
}

.main_img img {
	width:100%;
}

/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
	background:#000;
}

.contact_info {
	background:#000;
	padding:30px 0 50px;
	color:#FFF;
}

.contact_info .inner {
	width:94%;
	margin:0 auto;
}

.contact_info h1 {
	font-size:3rem;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
}

.contact_info h2 {
	font-size:2rem;
	margin-bottom:15px;
}

.contact_info .inner p {
}

form dl {
    margin: 40px auto;
}

form dl dt {
    padding: 15px 0;
    border-top: dotted 1px #DDD;
}

form dl dt span {
	color:#F00;
}

form dl dd {
    padding: 0 0 15px 0;
}

p.submit_btn {
	border-bottom: dotted 1px #DDD;
    padding-bottom: 50px;
	text-align:center;
}

input[type="submit"],
input[type="reset"] {
    display: inline-block;
    width: 200px;
	font-family: 'Noto Serif JP', serif;
	font-size:1.8rem;
    color: #FFF;
    text-align: center;
    letter-spacing: 1px;
	cursor:pointer;
    background-color: #FF0000;
    padding:5px 20px;
    border-radius: 3px;
    border: none;
    box-shadow: #666 2px 2px 2px;
    margin: 20px auto 0;
}

input[type="text"],
input[type="email"] {
	padding:5px;
	width:90%;
}

textarea {
	width:90%;
    height: 120px;
	padding:5px;
}




}