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

/**   ここからスマホ**/
@media screen and (max-width:480px),print{
.pc_aaa{
    display: none;
}

#contact_area{
	display: block;
    width: 100%;
	height: 1500px;
	margin: 0 auto;
}


#contact_tl{
	text-align: center;
	padding: 30px 0;
}


.back_tl{
	font-size: 3.5em;
	color: #b89c90;
	font-weight:bold;
	margin: 50px 0 ;
	opacity: 0.3;
}


.front_tl{
	display: block;
	font-size: 2em;
	margin: -85px 0 0 0;
	letter-spacing: 2px;
	font-weight:700;
}

.c-1 {
	margin: 0px 0 30px 25px;
    text-align: center;
}

.c-1 p{
	line-height: 30px;
}


#form_area{
	width: 90%;
	padding: 0px 0;
	margin:0 auto;
	display:block;
}

input,
textarea{
    font-size: 100%;
}

form{
    display: block;
    width: 100%;
}

.ct_box{
	width:100%;
	margin:0 auto;
}

label{
	 display: flex;
	 color:#000;
	 margin:10px 5px;
	 padding: 10px 20PX 0 0;
}

.select{
    width: 50%;
    display: block;
    margin-top: 10px;
}

input{
	width:98%;
	height: 40px;
    margin: 0 auto;
	border: solid 1px #b89c90;
	border-radius: 5px;
    outline: none;
}

select{
	width:100%;
	height: 40px;
    margin: 0 auto;
	border: solid 1px #b89c90;
	border-radius: 5px;
    outline: none;
    font-size: 1.2rem;
}

.kibou_tl{
    display: block;
}

.aaa{
    margin: 0px 0 20px 0px;
    font-size: 1rem;
   
}

input:focus {
    outline: none;
    border: solid 1px #c1a293;
}

textarea{
	width: 98%;
	height: 200px;
	border: solid 1px #b89c90;
	border-radius: 5px;
    outline: none;
}


textarea:focus {
    outline: none;
    border: solid 1px #c1a293;
}


.require{
	color:#ad3623;
	font-size: 0.8rem;
    padding: 2px 0 0 10px;
}

.require2{
	color:#ad3623;
	font-size: 0.8rem;
    padding: 2px 0 0 0px;
}

.f-menu1 {
    display: flex;
    margin: 0px 0 0 0px;
}

.f-menu1 img {
    padding: 0 5px;
}

.f-menu1 p {
    padding-top: 2px;
    color: #6f6c5f;
    font-size: 1rem;
}

.f-menu1 a {
    text-decoration: none;
    color: #6f6c5f;
}


.button{
	margin: 50px 0;
}

button{
	display:block;
	width:200px;
	height:50px;
	margin:0 auto;
	margin-bottom: 30px;
	border:none;
	background-color:#b89c90;
	cursor: pointer;
	text-align: center;
    font-size: 4vw;
	color: #FFFFFF;
	border-radius: 10px;
}

.line_area{
    margin: 0 0 50px 0;
}

.line_area p{
    font-size: 1rem;
}

.line_logo_area{
    display: flex;
}

.line_yajirusi{
    padding: 20px 10px 0 0 ;
}

.line_logo{
    margin: 20px 0;
}

.line_area a{
    transition: 0.5s;
}
.line_area a:hover{
    opacity: 0.6;
    transition: 0.5s;
}
}

/****   ここからPC　　****/
@media screen and (min-width:481px),print{
#contact_area{
	display: block;
	margin: 0 auto;
}


#contact_tl{
	text-align: center;
	padding: 30px 0;
}


.back_tl{
	font-size: 3.5em;
	color: #b89c90;
	font-weight:bold;
	margin: 50px 0 ;
	opacity: 0.3;
}


.front_tl{
	display: block;
	font-size: 2em;
	margin: -85px 0 0 0;
	letter-spacing: 2px;
	font-weight:700;
}

.c-1 {
	text-align: center;
	padding: 30px 0 20px;
}

.c-1 p{
	line-height: 30px;
}

/****　フォームエリア　***/
#form_area{
	width: 60%;
	padding: 20px 0;
	margin:0 auto;
	display:block;
}

form{
    display: block;
    width: 100%;
}

.ct_box{
	width:100%;
	margin:0 auto;
}

.form_item{
	margin:20px 0 0px;
	display: flex;
	padding: 20px 0 0;
}

label{
    display: flex;
	 color:#000;
	 margin:10px 5px;
	 padding: 10px 0PX 0 0;
     width: 30%;
     height: 30px;
}

.kibou_tl{
    display: block;
}

.select{
    display: block;
}

input,
.youken{
	width:100%;
	height: 50px;
	border: solid 1px #b89c90;
	border-radius: 5px;
    outline: none;
}

.aaa{
    margin: 0px 0 0 24%;
    width: 75%;
}

input:focus {
    outline: none;
    border: solid 1px #c1a293;
}

textarea{
	width:100%;
	height: 200px;
	border: solid 1px #b89c90;
	border-radius: 5px;
    outline: none;
}


textarea:focus {
    outline: none;
    border: solid 1px #c1a293;
}

/****#kibou{
    height: 150px;
}***/


.require{
	color:#ad3623;
	font-size: 0.6rem;
    padding: 4px 0 0px 10px;
    width: 30px;
}

.require2{
    font-size: 0.7rem;
    color: #ad3623;
}

.f-menu1{
    margin: 10px 0 0 23%;
    display: flex;
}

.f-menu1 img {
    padding: 5px;
}

.f-menu1 p {
     padding-top: 7px;
    color: #6f6c5f;
}

.f-menu1 a {
    text-decoration: none;
    color: #6f6c5f;
}

.button{
	margin: 50px 0;
}

button{
	display:block;
	width:200px;
	height:50px;
	margin:0 auto;
	margin-bottom: 30px;
	border:none;
	background-color:#b89c90;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	border-radius: 10px;
}

.line_area{
    margin: 50px 0 100px 24%;
}

.line_area p{
}

.line_logo_area{
    display: flex;
}

.line_yajirusi{
    padding: 20px 10px 0 0 ;
}

.line_logo{
    margin: 20px 0;
}

.line_area a{
    transition: 0.5s;
}
.line_area a:hover{
    opacity: 0.6;
    transition: 0.5s;
}


}