@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;
}

.fv {
    min-height: 580px;
}

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

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

/**********************************
　ファーストビュー
**********************************/
	
section.sec_c{
  letter-spacing: 0.05em;

}
section .c_inner{
  margin: 0 auto 160px;
  width: 1300px;
  background: #fff;
}

section.sec_c .c_wrap{
  max-width:1300px; 
  margin: 0 -50px 0 0;
  padding: 50px 168px 121px 90px;
}

section .reverse{
  width: 100%;
  justify-content: space-between;
  max-width: 1180px;
}
section.sec_c p{
  line-height: 2;
  margin-bottom: 134px;
  text-align: center;
}
section.sec_c p.memo{
  width: 14.5%;
  text-align: left;
  padding-left: 12px;
  line-height: 1.6;
}
.form{
  width: 100%;
}

form {
}

form *{
  font-size: 1.4rem;
}

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

form dt{
  width: 240px;
  padding: 20px;
}
.caution{
  color: #FF0000;
}
form span.caution{
  color: #FF0000;
}

form dd{
  width: calc(100% - 190px);
}
.select,
  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: 300px;
  margin: 20px auto 50px;
}

label.check_btn input{
  margin-right: 10px;
  width: 23px;
  height: 23px;
  vertical-align: middle;
}
form .btn1 {
    width: 174px;
    height: 49px;
    margin: auto;
}
	
	form .btn1 input{
		display: block;
		background-color: #BE0000;
		font-size: 1.6rem;
		font-weight: 500;
		color: #fff;
		width: 100%;
		height: 100%;
		line-height: 45px;
		border: 1px solid #BE0000;
		border-radius: 5px;
		text-align: center;
		transition: all 0.3s ease 0s;
	}
	
	form .btn1 input:hover{
		background-color: #fff;
		color: #BE0000;
	}


}
/* 基本のセレクトボックスのカスタマイズ */
.select {
  position: relative;
  z-index: 1;
}

.select::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 3px solid #333333;
  border-right: 3px solid #333333;
  z-index: -1;
}

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
.p-form__frame {
  overflow-y: scroll;
  max-width: 800px;
  height: 150px;
  margin: 0 auto;
  padding: 16px 16px 16px 8px;
  border: 1px solid #C4C4C4;
  margin-top: 10px;
}
.p-form__frame .c-txt {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;

}
.p-form__frame .c-txt:not(:last-child) {
    margin-bottom: 24px;
}
.c-bold {
    font-weight: bold;
}

.p-form__frame::-webkit-scrollbar {
    width: 8px;
}
.p-form__frame::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: #767676;
}
.p-form__frame::-webkit-scrollbar-track {
    background-color: #c4c4c4;
}




/*------------------------------------------------------------------------
	SP
------------------------------------------------------------------------*/
@media(max-width: 768px) {
  
  
  
.fv {
    height: 290px;
    min-height: 290px;

}  
.fv .pic-wrap {
    width: 51%;
}  
.fv::before {
    display: none;
}
  section.sec_c{
    padding: 50px 0;
  }

  section.sec_c .inner2{
    position: relative;
  }

  section.sec_c .c_wrap{
    width: 94%;
    margin: auto;
  }

  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.3rem;
    margin: 0 auto 78px;
    text-align: center;
    width: 90%;
    line-height: 1.5;
  }
  form * {
    font-size: 1.2rem;
  }
  form * span{
    color: red;
  }
  form dl{
    margin-bottom: 20px;
  }

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

  form dd{
    /*width: calc(100% - 190px);*/
  }
  .select,
  form dd input,
  form dd textarea{
    display: block;
    background-color: #F2F5F9; /*#F2F5F9*/
    border: 1px solid rgba(112,112,112,0.35); /*#707070*/
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 0px;
  }
  form dd textarea {
    height: 140px;
}
  .p-form__frame .c-txt {
    font-size: 0.9rem;
}
  .p-form__frame {
    overflow-y: scroll;
    max-width: 800px;
    height: 142px;
    margin: 0 3%;
    padding: 12px;
    border: 1px solid #C4C4C4;
    margin-top: 10px;
}
  label.check_btn {
    display: block;
    width: 270px;
    margin: 20px auto 32px;
  }
  label.check_btn input{
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
form .btn1 {
    width: 102px;
    height: 29px;
    margin: auto;
}
form .btn1 input{
  display: block;
  background-color: #BE0000;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  width: 100%;
  height: 100%;
  line-height: 27px;
  border: 1px solid #BE0000;
  border-radius: 5px;
  text-align: center;
  transition: all 0.3s ease 0s;
}

form .btn1 input:hover{
  background-color: #fff;
  color: #BE0000;
}
.p-form__frame * span {
  color: #333;
}

	
}