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

/* ============================

フォーム

=============================*/
input, button, textarea, select {
   width: 100%;
}
input#checkbox { width: auto;}
input::placeholder{opacity: 0.7;}

.aform-content{
	width: 85%;
	margin: 0 auto;
}
.aform-header{
	display: none;
}
/*必須マーク*/
.aform-required{
	background: #ee0111;
    color: #ffffff;
    padding: 2px 8px 1px 8px;
    display: inline-block;
	font-size: 10px;
	margin-left: 5px;
}
/*エラーメッセージ*/
.error.validation-advice{
	color: #ee0111;
}
/*入力例文字色*/
.aform-input-example{
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	color: #666;
}
.aform-button-area {text-align: center;}

/* ============================

リスト

=============================*/

/* dl */
.aform-content dl{
	display: flex;
    flex-wrap: wrap;
	border-left: 1px solid #C8C8C8;
	border-top: 1px solid #C8C8C8;
}
.aform-content dl:last-of-type{
	border-bottom: 1px solid #C8C8C8;
}

.aform-content dl > dt,
.aform-content dl > dd{
	padding: 10px;
	border-right: 1px solid #C8C8C8;
	margin: 0;
}
.aform-content dl > dt{
	width: 30%;
	background: #EAF8FE;
}
.aform-content dl > dd {
    width: 70%;
    padding-left: 2%;
    line-height: 1.5;
}
.aform-content dl > dd ul{margin: 0;}

.aform-content dl > dd ul li {
    padding-right: 15px;
    text-align: left;
	margin-bottom: 5px;
}
.aform-content dl > dd ul li input{width: auto;}

.aform-content dl label {
    display: inline-block;
}



/* ============================

ライニング、配管洗浄、インテリジェントピグ、入管検査・補修に関するお問い合わせ
=============================*/
#aform-8 dl.dl_parts-7{border-bottom: 1px solid #C8C8C8;}

.aform-input.aform-hdln.parts-title,
#aform-8 .aform-input.aform-hdln.parts-1,
#aform-8 .aform-input.aform-hdln.parts-8{
    font-size: 2.2rem;
    color: #016adf;
    font-weight: normal;
    margin: 2rem 0 0.5rem 0;
}
#aform-8 dl.dl_parts-13,
#aform-8 dl.dl_parts-14,
#aform-8 dl.dl_parts-15,
#aform-8 dl.dl_parts-16,
#aform-8 dl.dl_parts-17,
#aform-8 dl.dl_parts-19,
#aform-8 dl.dl_parts-22,
#aform-8 dl.dl_parts-24,
#aform-8 dl.dl_parts-26,
#aform-8 dl.dl_parts-29,
#aform-8 dl.dl_parts-31,
#aform-8 dl.dl_parts-34,
#aform-8 dl.dl_parts-36,
#aform-8 dl.dl_parts-41,
#aform-8 dl.dl_parts-43,
#aform-8 dl.dl_parts-45,
#aform-8 dl.dl_parts-47,
#aform-8 dl.dl_parts-49,
#aform-8 dl.dl_parts-51,
#aform-8 dl.dl_parts-53{
	border-top: none;
}


/* ============================

個人情報保護方針

=============================*/
.aform-content dl.dl_parts-kojin{
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
}
.aform-content dl.dl_parts-kojin dt{
	display: none;
}
.aform-content dl.dl_parts-kojin dd{
	width: 100%;
	text-align: center;
	border: none!important;
}
.aform-content dl.dl_parts-kojin > dd ul li{
	text-align: center;
    margin: 20px 0;
}
.aform-content dl.dl_parts-kojin .aform-input-example{
	color: #000;
	margin: 15px 0 0 0;
}

.aform-content dl.dl_parts-kojin input{
	width: auto;
}

.aform-content dl.dl_parts-kojin-en{
	margin-bottom:20px;
}

/* ============================

エラー

=============================*/
.aform-content dl.dl_parts-kojin{
	border-left: none!important;
/*	border-right: none!important;*/
	border-bottom: none!important;
}
.aform-content dl.aform-error-list dt{
	width: 100%;
	border-bottom: 1px solid #C8C8C8;
/*	display: none;*/
}
.aform-content dl.aform-error-list dd{
	width: 100%;
	text-align: center;
/*	border: none!important;*/
	border-right: 1px solid #C8C8C8;
}
.aform-content dl.aform-error-list .aform-input-example{
	color: #000;
}

.aform-content dl.aform-error-list input{
/*	width: auto;*/
}


/* ============================

ボタン

=============================*/
/* フォームボタン */
.btn.form{
	display: inline-block;
	padding: 10px;
	width: 200px;
	cursor: pointer;
}
.btn.form:disabled{
	border-color: #707070;
	color: #707070;
	cursor: default;
}
.btn.form:disabled:hover:before{
	content: none;
}
input.btn.form{
	background: #ffffff;
}
input.btn.form:hover{
	background: #ee0111;
}

/* 個人情報の取扱いに同意しました。 */
.aform-content ul {
    list-style: none;
    padding-left: 0;
}
/*確認のためもう一度入力してください*/
label.aform-twice-note{display: block!important;margin: 5px;}

/*確認、送信ボタン*/
.aform-content input[type="submit"]{
	background: #fff;
	display: inline-block;
    padding: 10px;
    width: 200px;
    cursor: pointer;
	text-align: center;
    transition: all 0.3s;
    border: 1px solid #ee0111;
    color: #ee0111;
    max-width: 350px;
    position: relative;
}
.aform-content input[type="submit"]:hover{
	background: #ee0111;
	color: #fff;
}
/*input[type="submit"]{
	background: transparent;
	color: transparent;
	border: transparent;
}*/

/*確認ページ　戻るボタン*/
#aform_btn_back{
	border: none;
    color: #000000;
    background: #E2E2E2;
    padding: 13px 20px;
    max-width: 290px;
    font-size: 90%;
	width: 200px;
	display: block;
	margin: 30px auto;
	cursor: pointer;
}
#aform_btn_back:hover{
	  background: #CDCDCD;   
}

#aform_confirm_msg{
    text-align: center;
}

@media screen and (max-width: 1199px) {
/*
============================ TB CSS ============================

TB専用CSS ipadpro 1200px

================================================================
*/

}/* end 1200px */

@media screen and (max-width: 1023px) {
/*
============================ TB CSS ============================

TB専用CSS ipadpro 1024px

================================================================
*/

}/* end 1024px */


@media screen and (max-width: 767px) {
/*
============================ sp CSS ============================

SP専用CSS 横スマホ　ipad 768px

================================================================

/* ============================

フォーム 768px

=============================*/
/* チェックボックス */
input[type="checkbox"] {
    width: 15px!important;
    /* min-width: 30px; */
    height: 15px;
    margin: 10px 5px;
    vertical-align: middle;
}
.title-middle.line-bottom{font-size: 2rem;}	
		
.aform-content{width: 100%;}
.dl_registration_parts-10 dt{display: none;}
.dl_registration_parts-32 dd{padding: 0!important;}	 
.aform-checkbox-ul{margin: 20px 0!important;}

/* ============================

リスト　767px

=============================*/
.aform-content dl dt{
    width: 100%!important;
	border-bottom: 1px solid #C8C8C8;
	font-size: 1.6rem;
}
.aform-content dl dd {
    width: 100%!important;
	font-size: 1.6rem;
	padding: 20px 10px;
}
.aform ul{
	display: inherit;
	margin: 0;
}
.clear_upload{margin-top: 20px;}
	
.aform-input-example {
    font-size: 1.4rem;
    margin: 15px 0 3px 0;
}

/* ============================

ライニング、配管洗浄、インテリジェントピグ、入管検査・補修に関するお問い合わせ
=============================*/
	
#aform-8 .aform-input.aform-hdln.parts-1, 
#aform-8 .aform-input.aform-hdln.parts-8{
	font-size: 1.8rem;
}
	
#aform-8 dl.dl_parts-34,
#aform-8 dl.dl_parts-36{
	border-top: none;
}		
#aform-8 dl.dl_parts-13 dt,	
#aform-8 dl.dl_parts-14 dt,	
#aform-8 dl.dl_parts-15 dt,	
#aform-8 dl.dl_parts-16 dt,
#aform-8 dl.dl_parts-17 dt,
#aform-8 dl.dl_parts-34 dt,
#aform-8 dl.dl_parts-36 dt{
	display: none;
}
#aform-8 dl.dl_parts-19 dt,
#aform-8 dl.dl_parts-22 dt,
#aform-8 dl.dl_parts-26 dt,
#aform-8 dl.dl_parts-41 dt,
#aform-8 dl.dl_parts-43 dt{
	border-top: 1px solid #C8C8C8;
}
	
	
	
}/* end 767px */

/*
============================ sp CSS ============================

SP専用CSS 縦スマホ

====================================================================
*/
@media screen and (max-width: 479px) {

}