#page_ttl {
	background: url("../images/contact/mv.jpg") no-repeat center;
	background-size: cover;
}
/* --------------------------------------------------- */
#area-1 {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
	border: #1193DE 1px solid;
	padding: 20px 25px;
	border-radius:10px;
}
#area-1 h3 {
	color: #1193DE;
	font-size: 1.1rem;
	font-weight: 600;
}
#area-1 p {
}
#area-1 p a {
	display: inline-block;
	color: #1193DE;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.8rem;
	padding-top: 12px;
	pointer-events: none;
}
#area-1 p a span {
	display: block;
	color: #333;
	font-size: 10px;
	font-weight: 400;
}
/* --------------------------------------------------- */
#area-2 {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 80px;
}
#area-2 h4 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 10px;
}
#area-2 form {
	background-color: #F7F7F7;
	padding: 50px;
}
#area-2 dl {
	width: 100%;
	display: table;
	margin-bottom: 30px;
}
#area-2 dt,
#area-2 dd {
	display: table-cell;
	vertical-align: top;
}
#area-2 dt {
	font-weight: 600;
	width: 230px;
}
#area-2 dt span {
	display: inline-block;
	font-size: 11px;
	margin-right: 5px;
	line-height: 11px;
	padding: 1px 3px 4px;
	border-radius:3px;
}
#area-2 dt .on {
	background-color: #1193DE;
	color: #fff;
}
#area-2 dt .off {
	background-color: #fff;
	color: #ccc;
}
#area-2 dd {
}
#area-2 dd textarea,
#area-2 dd input,
#area-2 dd select {
	width: 100%;
	padding: 13px;
	background-color: #FFFFFF;
	box-shadow:2px 2px 6px -6px #333 inset;
	border: #fff 1px solid;
	margin-bottom: 5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#area-2 dd textarea::placeholder,
#area-2 dd input::placeholder {
	color: rgba(0,0,0,.3);
}
#area-2 dd textarea:hover,
#area-2 dd input:hover,
#area-2 dd select:hover {
}
input[type="submit"] {
  -webkit-appearance: none;
}
input.form_btn {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	display: block;
	max-width: 350px;
	width: 100%;
	margin: 0px auto;
	background-color: #1193DE;
	text-align: center;
	border: none;
	font-size: 110%;
	line-height: 100%;
	padding: 28px 0 28px;
	letter-spacing: 2px;
	color: #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	transition: .4s;
}
input.form_btn:hover {
	cursor: pointer;
	color: rgba(255,255,255,.6);
}
/* --------------------------------------------------- */
#area-3 {
	max-width: 600px;
	width: 90%;
	margin: 0 auto 80px;
}
#area-3 dl {
}
#area-3 dt {
	text-align: center;
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: 3px;
}
#area-3 dd {
}
#area-3 dd p {
	margin-bottom: 20px;
}
#area-3 dd a {
	display: block;
	font-weight: 600;
	max-width: 350px;
	width: 100%;
	margin: 30px auto 0;
	background-color: #1193DE;
	text-align: center;
	border: none;
	font-size: 110%;
	line-height: 100%;
	padding: 28px 0 28px;
	letter-spacing: 2px;
	color: #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	transition: .4s;
}
#area-3 dd a:hover {
	cursor: pointer;
	color: rgba(255,255,255,.6);
}
/* --------------------------------------------------- */

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



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


@media screen and (max-width: 788px) {
	/* ----------------------------------------------- */
	#area-1 {
        margin: 0 auto 50px;
        padding: 15px 20px;
    }
    #area-1 h3 {
        font-size: 1rem;
    }
    #area-1 p a {
		pointer-events: auto;
        font-size: 1.5rem;
        padding-top: 12px;
    }
	/* ----------------------------------------------- */
	
    #area-2 dl,
    #area-2 dt,
    #area-2 dd {
        display: block;
    }
    #area-2 dt {
        width: 100%;
		margin-bottom: 5px;
    }
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
    /* ----------------------------------------------- */
    
	/* ----------------------------------------------- */
	
	
}

@media screen and (max-width: 580px) {
	
	/* ----------------------------------------------- */
	#area-1 {
		display: block;
        margin: 0 auto 40px;
        padding: 15px 20px;
    }
    #area-1 h3 {
		text-align: center;
		color: #333;
		font-size: .9rem;
    }
    #area-1 p,
	#area-1 p a span{
		text-align: center;
    }
	#area-1 p a {
		text-align: center;
        font-size: 1.5rem;
        padding-top: 12px;
    }
    /* ----------------------------------------------- */
	#area-2 {
        margin: 0 auto 50px;
    }
	#area-2 h4 {
        font-size: .9rem;
		text-align: center;
    }
    #area-2 form {
        padding: 20px;
    }
	#area-2 dl {
        margin-bottom: 15px;
    }
	/* ----------------------------------------------- */
	#area-3 {
        margin: 0 auto 40px;
    }
	#area-3 dt {
        margin-bottom: 20px;
        font-size: 1.2rem;
    }
}