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

#contact .main-img {
	background: url("../images/about/main.jpg") no-repeat;
    background-size: cover;
}
#contact .sec_intro {
    max-width: 980px;
	margin: 0 auto 100px;
}
#contact .sec_intro .txt {
	margin-bottom: 50px;
}
#contact .sec_intro .tel{
	width: 100%;
	margin-bottom: 50px;
	padding: 30px 0;
	border: 1px #005df6 solid;
	font-weight: bold;
	text-align: center;
}
#contact .sec_intro .tel .tel_icon {
	display: inline-block;
	margin: 0 5px 10px 0;
}
#contact .sec_intro .tel .tel_icon img {
	margin: 0 0 5px 0;
}
#contact .sec_intro .tel .reception_time {
	margin-top: 10px;
}
#contact .sec_intro .tel .reception_time span {
	font-size: 20px;
}
#contact .sec_contact .box_contact {
	background-color: #eff5ff;
	padding: 50px 90px;
	letter-spacing: 2px;
	margin-bottom: 100px
}
#contact .sec_contact .box_contact .note {
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #959595;
	margin-bottom: 50px;
}
#contact .sec_contact .box_contact table,
#contact .sec_contact .box_contact table tr {
	width: 100%;
}
#contact .sec_contact .box_contact table {
	margin-bottom: 10px;
}
#contact .icon {
	font-size: 14px;
	color: #fff;
	padding: 2px 6px;
	margin-right: 10px;
}
#contact .icon1 {
	background-color: #005df6;
}
#contact .icon2 {
	background-color: #6fc7ca;
}
#contact .sec_contact .box_contact table tr {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
#contact .sec_contact .box_contact th {
	width: 35%;
	display: block;
}
#contact .sec_contact .box_contact td {
	width: 65%;
	display: block;
}
#contact .sec_contact .box_contact td .form1 {
	border: none;
	width: 100%;
	height: 38px;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 5%);
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
#contact .sec_contact .box_contact td .el_note {
	font-size: 14px;
	color: #8c8c8c;
}
select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
	padding-left: 15px;
}
select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}
select {
	background: url("../images/contact/arrow.png") 95% 50% no-repeat #fff;
}
textarea {
	height: 240px!important;
}
#contact .sec_contact .box_contact .note span {
	font-weight: normal!important;
}
#contact .sec_contact .box_contact .note2 {
	margin-bottom: 20px!important;
}
#contact .sec_contact .box_contact .privacy {
	margin: 0 0 50px;
	text-align: center;
}
#contact .sec_contact .box_contact .privacy .el_checkbox .check {
	margin-right: 5px;
}
.alpha{
	transition:all 0.2s ease-in-out;
	opacity:0.7;
	color: #000;
	display: inline-block;
}
.btn {
	width: 48%;
	margin: 0 auto;
}
.btn a {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	padding: 24px 0;
	display: block;
	text-align: center;
	opacity:1;
}
#btn {
	width: 48%;
	margin: 30px auto 0;
	text-align: center;
	padding: 24px 0;
}
#btn a {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	padding: 24px 0;
	display: block;
	text-align: center;
	opacity:1;
}
#btn.sad-btn {
	background-color: #0c36af;
	background-image: url(../images/common/arrow01.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: #fff;
	font-weight: bold;
}
#btn.sad-btn:after {
 content:" ";
 display:inline-block;
 width:10px;
 height:17px;
 background: url("../images/common/arrow.png") no-repeat;
 background-size:contain;
 vertical-align:middle;
 position: absolute;
 top: 50%;
 right: 5%;
 -webkit-transform : translate(-50%,-50%);
 transform : translate(-50%,-50%);
}
#btn.sad-btn:hover {
    opacity: 0.7;
}
#btn.disable {
  background-color: #aaa;
  cursor: not-allowed;
}
#btn.disable:hover {
  background-color: #666;
}
.check-read {
    margin: 0 0 50px;
}
@media only screen and (max-width: 768px){
#contact .main-img {
	background: url("../images/about/main_sp.jpg") no-repeat;
    background-size: cover;
}
#contact .sec_intro {
	margin: 0 auto 50px;
}
#contact .sec_intro .txt {
	margin-bottom: 25px;
}
#contact .sec_intro .tel{
	width: 100%;
	margin-bottom: 25px;
	padding: 15px 0;
}
#contact .sec_intro .tel .tel_icon {
	margin: 0 5px 10px 0;
}
#contact .sec_intro .tel .tel_icon img {
	margin: 0 0 3px 0;
}
#contact .sec_intro .tel .reception_time {
	margin-top: 10px;
}
#contact .sec_intro .tel .reception_time span {
	font-size: 16px;
}
#contact .sec_contact .box_contact {
	padding: 25px 5%;
	margin-bottom: 50px;
}
#contact .sec_contact .box_contact .note {
	padding-bottom: 10px;
	margin-bottom: 25px;
}
#contact .sec_contact .box_contact table,
#contact .sec_contact .box_contact table tr {
	width: 100%;
}
#contact .sec_contact .box_contact table {
	margin-bottom: 10px;
}
#contact .icon {
	font-size: 10px;
	padding: 2px 6px;
}
#contact .sec_contact .box_contact table tr {
	margin-bottom: 15px;
	display: block;
}
#contact .sec_contact .box_contact th {
	width: 100%;
	margin-bottom: 5px;
}
#contact .sec_contact .box_contact td {
	width: 100%;
	display: block;
}
#contact .sec_contact .box_contact td .form1 {
	font-size: 12px;
	margin-bottom: 2px;
	height: 30px;
}
#contact .sec_contact .box_contact td .el_note {
	font-size: 11px;
}
textarea {
	height: 120px!important;
}
#contact .sec_contact .box_contact .note2 {
	margin-bottom: 20px!important;
}
#contact .sec_contact .box_contact .privacy {
	margin: 0 0 25px;
}
#contact .sec_contact .box_contact .privacy .el_checkbox .check {
	margin-right: 5px;
}
.btn {
	width: auto;
}
.btn a {
	padding: 12px 15% 12px 5%;
	width: 80%;
	font-size: 13px;
}
#btn {
	width: 50%;
}
#btn a {
	padding: 12px 15% 12px 5%;
	width: 80%;
	font-size: 13px;
}
}



/*　お問い合わせ確認ページ　*/
#contact .formTable {
	width:100%;
	margin-bottom: 50px;
}
#contact .formTable tr {
	width:100%;
	margin-bottom: 40px;
	display: block;
}
#contact .formTable th {
	width: 25%;
	display: block;
	float: left;
}
#contact .formTable td {
	width: 75%;
	display: block;
	float: right;
}
#contact .sec-btn {
	max-width: 580px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#contact .sec-btn .btn:nth-child(1) a {
	background-image: url("../images/common/arrow01.png");
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-color: #777;
}
#contact .sec-btn .btn:nth-child(2) a {
	background-image: url("../images/contact/icon_send.png");
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-color: #0c36af;
}
@media only screen and (max-width: 768px){
#contact .formTable {
    width: 100%;
}
#contact .formTable tr:last-child {
	margin-bottom: 0;
}
#contact .formTable th {
    width: 100%;
    float: none;
}
#contact .formTable td {
	width: 100%;
	float: none;
}
#contact .sec-btn {
	display: block;
}
#contact .sec-btn .btn:nth-child(1) {
	margin: 0 auto 10px;
}
#contact .sec-btn .btn:nth-child(1) a {
	background-position: 95% 50%;
}
#contact .sec-btn .btn:nth-child(2) a {
	background-position: 95% 50%;
}
}