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



body#contact .bg_line .line_2,
body#contact .bg_line .line_3,
body#contact .bg_line .line_4{
	display: none;
}

body#contact span.caution{
	color: #FF0000;
}



/*------------------------------------------------------------------------
	PC
------------------------------------------------------------------------*/



@media screen and (min-width:768px){


/*--------------------------------------
	お問い合わせ
--------------------------------------*/
	section.sec_c{
		padding: 230px 0 180px;
	}

	section.sec_c .inner2{
		position: relative;
	}

	section.sec_c .c_wrap{
		width: 900px;
		margin: auto;
	}

	section.sec_c p.contact_sub{
		margin: 0;
   		font-size: 2rem;
    	font-weight: 600;
	}

	section.sec_c ul.step{
		position: absolute;
		top: 60px;
		right: 0;
	}

	section.sec_c ul.step li{
		font-size: 1.4rem;
		font-weight: 700;
		color: rgba(112,112,112,0.35); /*#707070*/
	}

	section.sec_c ul.step li.current{
		color: #333;
	}

	section.sec_c ul.step li:not(:last-of-type)::after{
		content: "";
		display: block;
		background-color: #707070;
		opacity: 0.35;
		width: 1px;
		height: 88px;
		margin: 10px auto;
	}

	section.sec_c p{
		font-size: 1.4rem;
		margin: 230px 0 50px 190px;
	}

	form {

	}

	form *{
		font-size: 1.4rem;
	}

	form dl{
		display: flex;
		margin-bottom: 50px;
	}

	form dt{
		font-weight: 700;
		width: 190px;
		padding: 20px;
    letter-spacing: 1px;
	}

	form dd{
		width: calc(100% - 190px);
	}

	#confirmation form dd{
		padding-top: 20px;
	}

	form dd input,
	form dd textarea{
		display: block;
		background-color: rgba(242,245,249,0.35); /*#F2F5F9*/
		border: 1px solid rgba(112,112,112,0.35); /*#707070*/
		width: 100%;
		height: 100%;
		padding: 5px;
	}

	label.check_btn{
		display: block;
		width: 270px;
		margin: 0 auto 50px;
	}

	label.check_btn input{
		margin-right: 10px;
		width: 23px;
    height: 23px;
    vertical-align: middle;
	}

	form .btn{
		width: 235px;
		height: 56px;
		margin: auto;
	}

	form .btn input{
		display: block;
		background-color: #2ABCA2;
		font-size: 1.6rem;
		font-weight: 500;
		color: #fff;
		width: 100%;
		height: 100%;
		line-height: 45px;
		border: 1px solid #2ABCA2;
		border-radius: 28px;
		text-align: center;
		transition: all 0.3s ease 0s;
	}

	form .btn input:hover{
		background-color: #fff;
		color: #2ABCA2;
	}


}






/*------------------------------------------------------------------------
	SP
------------------------------------------------------------------------*/



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


/*--------------------------------------
	お問い合わせ(SP)
--------------------------------------*/
	section.sec_c{
		padding: 110px 0;
	}

	section.sec_c .inner2{
		position: relative;
	}

	section.sec_c .c_wrap{
		/*width: 900px;
		margin: auto;*/
	}

	section.sec_c p.contact_sub{
    	font-weight: 600;
	}

	section.sec_c ul.step{
		display: flex;
		margin: 40px auto;
	}

	section.sec_c ul.step li{
		font-size: 1.4rem;
		font-weight: 700;
		color: rgba(112,112,112,0.35); /*#707070*/
	}

	section.sec_c ul.step li.current{
		color: #333;
	}

	section.sec_c ul.step li:not(:last-of-type)::after{
		content: "";
		display: inline-block;
		background-color: #707070;
		opacity: 0.35;
		width: 60px;
		height: 1px;
		vertical-align: middle;
		margin: auto 10px;
	}

	section.sec_c p{
		font-size: 1.4rem;
		margin: 0 0 50px 0;
	}

	form *{
		font-size: 1.4rem;
	}

	form dl{
		margin-bottom: 20px;
	}

	form dt{
		font-weight: 700;
		margin-bottom: 5px;
	}

	form dd{
		/*width: calc(100% - 190px);*/
	}

	form dd input,
	form dd textarea{
		display: block;
		background-color: rgba(242,245,249,0.35); /*#F2F5F9*/
		border: 1px solid rgba(112,112,112,0.35); /*#707070*/
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 5px;
	}

	label.check_btn{
		display: block;
		width: 260px;
		margin: 0 auto 50px;
	}

	label.check_btn input{
		margin-right: 5px;
		width: 20px;
    height: 20px;
    vertical-align: middle;
	}

	form .btn{
		width: 235px;
		height: 56px;
		margin: auto;
	}

	form .btn input{
		display: block;
		background-color: #2ABCA2;
		font-size: 1.6rem;
		font-weight: 500;
		color: #fff;
		width: 100%;
		height: 100%;
		line-height: 45px;
		border: 1px solid #2ABCA2;
		border-radius: 28px;
		text-align: center;
		transition: all 0.3s ease 0s;
	}

	form .btn input:hover{
		background-color: #fff;
		color: #004EA2;
	}

}

form span.caution{
  color: #FF0000;
}

.contact-dl {
  align-items: center;
}

.contact-dl dd {
  display: flex;
  align-items: center;
}

.contact-dl dd .horizontal-item {
  margin-left: 0px !important;
  margin-right: 20px;
}

@media screen and (max-width:767px){
  .contact-dl dd {
    flex-direction: column;
    align-items: normal;
  }
}

.contact-dl dd input {
  display: inline;
  width: auto;
}

#contact-charter dt {
  padding: 0 20px;
}

@media screen and (max-width:767px) {
  #contact-charter dt {
    padding: 0;
  }
}