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



/*  パララックス（背景画像固定）
-----------------------------------------*/
.fixed-background1 {
  position: relative;
  padding: 0;
  z-index: -4;
  height: 5vh;
}

.fixed-background1:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 65vh;
  background: url("../img/top.jpg") no-repeat center / cover;
  z-index: -5;
}

.line-01{
	border-bottom: dashed 1px #F39700;
}

/* ボタン　 */
#btn-cust-c {
	margin: 0px 0px 0px 70px;
	padding: 0 25%;
	max-width:640px;
	float:left;
}

#btn-cust-l {
	margin: 0px 0px 0px 70px;
	padding: 0 ;
	max-width:640px;
	float:left;
}

/*--------お問い合わせフォーム-----------*/
#sel-date {
	width:100%;
	float: left;
}

#sel-date span {
	margin: 7px 15px;
	padding: 0px;
	float: left;
}

/*--------select01-----------*/
.sel-01 {
	overflow: hidden;
	width: 30%;
	margin: 0;
	text-align: left;
	float:left;
}
.sel-01 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sel-01 select::-ms-expand {
    display: none;
}
.sel-01.sel-btn {
	position: relative;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
}
.sel-01.sel-btn::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.sel-01.sel-btn:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.sel-01.sel-btn select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/*--------select02-----------*/
.sel-02 {
	overflow: hidden;
	width: 15%;
	margin: 0;
	text-align: left;
	float:left;
}
.sel-02 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sel-02 select::-ms-expand {
    display: none;
}
.sel-02.sel-btn {
	position: relative;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
}
.sel-02.sel-btn::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.sel-02.sel-btn:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.sel-02.sel-btn select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/*--------input1-----------*/
.inp-01 input {
	width:40%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input2-----------*/
.inp-02 input {
	width:15%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input3-----------*/
.inp-03 input {
	width:50%;
	height: 35px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input3-----------*/
.inp-03left input {
	margin-left:2%;
	width:60%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input4-----------*/
.inp-04 input {
	width:30%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------textarea1-----------*/
.tex-01 textarea {
	width:90%;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}







/*==================================================
1180px以下の形状
===================================*/
@media screen and (max-width:1180px){
/* イラスト */
.pict02,.pict03 {
	width: 100%;
}
}


/*==================================================
770px以下の形状
===================================*/	
@media screen and (max-width:770px) {

/*--------お問い合わせフォーム-----------*/
#sel-date {
	width:100%;
	float: left;
}

#sel-date span {
	margin: 7px 15px;
	padding: 0px;
	float: left;
}

/*--------select01-----------*/
.sel-01 {
	overflow: hidden;
	width: 35%;
	margin: 0;
	text-align: left;
	float:left;
}
.sel-01 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sel-01 select::-ms-expand {
    display: none;
}
.sel-01.sel-btn {
	position: relative;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
}
.sel-01.sel-btn::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.sel-01.sel-btn:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.sel-01.sel-btn select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/*--------select02-----------*/
.sel-02 {
	overflow: hidden;
	width: 15%;
	margin: 0;
	text-align: left;
	float:left;
}
.sel-02 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sel-02 select::-ms-expand {
    display: none;
}
.sel-02.sel-btn {
	position: relative;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
}
.sel-02.sel-btn::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.sel-02.sel-btn:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.sel-02.sel-btn select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/*--------input1-----------*/
.inp-01 input {
	width:80%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input2-----------*/
.inp-02 input {
	width:40%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input3-----------*/
.inp-03 input {
	width:100%;
	height: 35px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input3left-----------*/
.inp-03left input {
	margin-top:20px;
	margin-left:0;
	width:96%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input4-----------*/
.inp-04 input {
	width:70%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------textarea1-----------*/
.tex-01 textarea {
	width:100%;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}






}

/*==================================================
580px以下の形状
===================================*/
@media screen and (max-width:580px) {




/* ボタン 　 */
#btn-cust-l {
	margin: 0;
	padding: 20px 0 20px 10%;
	max-width:240px;
	/*float:left;*/
}

#btn-cust-c {
	margin: 0;
	padding: 20px 0 20px 10%;
	max-width:240px;
	/*float:left;*/
}

/*--------お問い合わせフォーム-----------*/
#sel-date {
	width:100%;
	float: left;
}

#sel-date span {
	margin: 7px 15px;
	padding: 0px;
	float: left;
}

/*--------select01-----------*/
.sel-01 {
	overflow: hidden;
	width: 50%;
	margin: 0;
	text-align: left;
	float:left;
}
.sel-01 select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sel-01 select::-ms-expand {
    display: none;
}
.sel-01.sel-btn {
	position: relative;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
}
.sel-01.sel-btn::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.sel-01.sel-btn:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.sel-01.sel-btn select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/*--------select02-----------*/
.sel-02 {
	overflow: hidden;
	width: 35%;
	margin: 0;
	text-align: left;
	float:left;
}
.sel-02 select {
	width: 100%;
	padding-right: 0;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sel-02 select::-ms-expand {
    display: none;
}
.sel-02.sel-btn {
	position: relative;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
}
.sel-02.sel-btn::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.sel-02.sel-btn:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.sel-02.sel-btn select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/*--------input1-----------*/
.inp-01 input {
	width:70%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input2-----------*/
.inp-02 input {
	width:40%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input3-----------*/
.inp-03 input {
	width:100%;
	height: 35px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input3left-----------*/
.inp-03left input {
	margin-top:20px;
	margin-left:0;
	width:96%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------input4-----------*/
.inp-04 input {
	width:70%;
	height: 35px;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}

/*--------textarea1-----------*/
.tex-01 textarea {
	width:100%;
	padding: 5px;
	border: 1px solid #bbbbbb;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background: #ffffff;
	float:left;
}






}

/*==================================================
480px以下の形状
===================================*/
@media screen and (max-width:480px) {
#box-cust04 {
	/*margin: 0px auto 40px auto;*/
	margin: 0px 11% 40px 11%;
	padding: 0;
	width:78%;
	/*width:98.828125%;*/
	/*max-width: 1012px;*/
	/*max-height: 620px;*/
	background-repeat:repeat;
	box-shadow:5px 5px 5px rgba(0,0,0,.3);
	/*float:left;*/
}


}

/*==================================================
360px以下の形状
===================================*/
@media screen and (max-width:360px) {
/*--------select01-----------*/
.sel-01 {
	overflow: hidden;
	width: 70%;
	margin: 0;
	text-align: left;
	float:left;
}

#box-cust04 {
	/*margin: 0px auto 40px auto;*/
	margin: 0px 5% 40px 5%;
	padding: 0;
	width:90%;
	/*width:98.828125%;*/
	/*max-width: 1012px;*/
	/*max-height: 620px;*/
	background-repeat:repeat;
	box-shadow:5px 5px 5px rgba(0,0,0,.3);
	/*float:left;*/
}

}