@charset "UTF-8";

#ly-Quotation header { text-align:center; }
#ly-Quotation header p:nth-child(1) { font-size:2em; color:#1c1c1e; margin-bottom: 80px; font-weight: 400; }
#ly-Quotation header p:nth-of-type(2) { font-weight: 300;}
#ly-Quotation header p { color:#3a3a3c; line-height:1.6; }
#ly-Quotation header p span { line-height:1.6; }

#ly-Request header { text-align:center; }

#ly-Request div.id-cont div.id-data h3 { font-weight:700; color:#222; }
#ly-Quotation div.id-cont div.id-data dl { color:#444; background-position:center top; background-repeat:no-repeat; }
#ly-Quotation div.id-cont div.id-data dt { font-weight:500; margin-bottom:20px; color:#222; }

#ly-Request div.id-cont p.type-result {text-align:center; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; padding: 80px 0px; font-weight: 300; color: #1c1c1e; font-size: 2rem; margin-top: 60px;  }

#ly-Request div.id-cont form fieldset div.type-multi{ padding-top: 24px;}
#ly-Request div.id-cont form fieldset div.request { padding-top: 24px;}
#ly-Request div.id-cont form fieldset dt { color: #959595; font-size: 1rem; padding:10px 0px; }
#ly-Request div.id-cont form fieldset dd input[type='text']:not(.custom),
#ly-Request div.id-cont form fieldset dd textarea { width:100%; }
#ly-Request div.id-cont form fieldset dd.trio:first-of-type,
#ly-Request div.id-cont form fieldset dd.type-mail div:first-of-type { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; }
#ly-Request div.id-cont form fieldset dd.trio:last-of-type,
#ly-Request div.id-cont form fieldset dd.type-mail div:last-of-type { font-size:.9em; }
#ly-Request div.id-cont form fieldset dd.trio select,
#ly-Request div.id-cont form fieldset dd.trio input { width:28%; }
#ly-Request div.id-cont form fieldset dd.type-mail input { width:46%; }
#ly-Request div.id-cont form fieldset p.proc-select select { width:100%; color: #3a3a3c; background-color: #f9f9f9;}
#ly-Request div.id-cont form fieldset p.proc-button { text-align:center; }
#ly-Request div.id-cont form fieldset select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/_res/img/common/img-common-inputdropdown.png'); background-repeat: no-repeat; background-position: 98%;
	background-size: 16px;}
#ly-Request div.id-cont form fieldset select:focus { background:url('/_res/img/common/img-common-inputdropup.png') ;background-repeat: no-repeat; background-size: 16px; background-position: 98%;}
#ly-Request div.id-cont form fieldset select::-ms-expand { display: none;}
#ly-Request div.id-cont form fieldset select,
#ly-Request div.id-cont form fieldset input[type='text'],
#ly-Request div.id-cont form fieldset textarea { padding:10px 12px; border:1px solid #EAEAEA; border-radius: 5px; color: #3a3a3c; font-size: 1.125rem; height: 56px;}

#ly-Request div.id-cont form fieldset input[type='submit'] { width:206px; height: 56px; padding:12px 16px; color:#fff; border:1px solid #009F4F; background-color:#009F4F; border-radius: 8px;
	font-size: 1.125em; font-weight: 400; }
#ly-Request div.id-cont form fieldset input[type='submit']:focus,
#ly-Request div.id-cont form fieldset input[type='submit']:hover { border:1px solid #008843; background-color:#008843; }

#ly-Request div.id-cont form fieldset div.frame div.frame-child { margin-top: 80px; }
#ly-Request div.id-cont form fieldset div.frame div.frame-child p.header { font-size: 1.5em; padding-bottom:54px; font-weight: 500; color: #3a3a3c;}
#ly-Request div.id-cont form fieldset div.proc-product { min-height:250px; margin-top:16px; border:1px solid #eaeaea; border-radius: 5px; }
#ly-Request div.id-cont form fieldset table col.col-quantity { width:60px; }
#ly-Request div.id-cont form fieldset table col.col-remove { width:60px; }
#ly-Request div.id-cont form fieldset table thead th { padding-bottom:10px; padding-top: 12px; background-color: #f9f9f9; font-weight:400; padding: 16px 0 16px; border-bottom: 1px solid #EAEAEA; }
#ly-Request div.id-cont form fieldset table thead th:nth-of-type(1) { width: 60%; text-align: left; padding-left: 10% ;}
#ly-Request div.id-cont form fieldset table thead th:nth-of-type(2) { width: 20%;}
#ly-Request div.id-cont form fieldset table thead th:nth-of-type(3) { width: 20%;}

#ly-Request div.id-cont form fieldset table tbody td { padding-top:5px; padding-bottom:5px; border-top:1px solid #eaeaea; font-size: 1.125rem; }
#ly-Request div.id-cont form fieldset table tbody td:first-of-type { padding-left: 32px; margin-top: 8px; }
#ly-Request div.id-cont form fieldset table tbody td:not(:first-of-type) { text-align:center; padding-top: 16px; }
#ly-Request div.id-cont form fieldset table tbody td input { text-align:center; font-size:.9em; width: 120px; height: 40px; font-size: .9rem;border: 1px solid #EAEAEA; border-radius: 5px;}
#ly-Request div.id-cont form fieldset table tbody td button { font-size: 18px; border:none; background-color: #fff; }
#ly-Request div.id-cont form fieldset p.proc-agree { margin-top:16px; width: 50%; }
#ly-Request div.id-cont form fieldset p.proc-agree input { margin-right: 6px;}
#ly-Request div.id-cont form fieldset p.proc-agree label a { color:#009F4F; text-decoration:underline; }

#ly-Support { background-color:#f9f9f9; }
#ly-Support header { text-align:center; }
#ly-Support header h2 { margin-bottom:20px; }
#ly-Support div.id-cont { text-align:center; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	#ly-Quotation header h2 { font-size:1.6em; }
	#ly-Quotation header p { font-size:.9em; }
	#ly-Quotation header p:nth-of-type(2) { font-size: 1.125rem; font-weight: 350;}
	
	#ly-Request div.id-cont { margin-top:30px; }
	#ly-Request div.id-cont p.type-result { width: 92%; margin: 0 auto;}
	#ly-Request div.id-cont div.id-data { padding:30px 20px; text-align:center; }
	#ly-Request div.id-cont div.id-data dt { margin-bottom:20px; color:#222; }
	#ly-Request div.id-cont form fieldset div.frame div.frame-child { padding-top:20px; padding-bottom:20px; margin-top: 0px; }
	#ly-Request div.id-cont form fieldset div.frame div.frame-child span { flex-direction: column; padding-bottom: 32px; font-size: .8rem; font-weight: 300;}
	#ly-Request div.id-cont form fieldset p { margin-top: 20px;}
	#ly-Request div.id-cont form fieldset dl { margin-top:20px; }
	#ly-Request div.id-cont form fieldset dt { margin-bottom:5px; }
	#ly-Request div.id-cont form fieldset p.proc-agree { width: 100%;}
	#ly-Request div.id-cont form fieldset input[type='submit'] { width: 100%; margin-bottom: 80px;}
	#ly-Request div.id-cont form fieldset div.frame div.frame-child p.header { padding-bottom: 0px;}
	#ly-Request div.id-cont form fieldset div.type-multi { padding-top: 0px;}
	
	#ly-Support { padding-top:40px; padding-bottom:40px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219px) {
	#ly-Quotation header { margin-left:20px; margin-right:20px; }
	#ly-Quotation header p { margin-top:20px; }

	#ly-Request header { margin-bottom:20px; }
	#ly-Request div.id-cont div.id-data { border-top:1px solid #e9e9e9; }
	#ly-Request div.id-cont div.id-data h3 { font-size:1.2em; }
	#ly-Request div.id-cont div.id-data dl { margin-top:30px; padding-top:90px; }
	#ly-Request div.id-cont div.id-data dt { font-size:1.1em; }

	#ly-Request div.id-cont form { padding:20px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1219px) {
	#ly-Quotation header h2 { font-size:1.8em; }

	#ly-Request header h2 { font-size:1.8em; }
	#ly-Request div.id-cont { margin-top:50px; }
	#ly-Request div.id-cont div.id-data { width:50%; padding:20px; }
	#ly-Request div.id-cont div.id-data:nth-of-type(even) { border-left:1px solid #e9e9e9; }
	#ly-Request div.id-cont div.id-data:last-of-type { width:100%; }
	/* html[lang='en'] #ly-Distributor div.id-cont div.id-data:last-of-type { width:100%; } */

	#ly-Request div.id-cont form { border-top:2px solid #e9e9e9; }
	#ly-Request div.id-cont form fieldset div.frame div.frame-child:last-of-type { margin-top:30px; }

	#ly-Support { padding-top:60px; padding-bottom:60px; }
}

/* Tablet & Desktop */
@media screen and (min-width:640px) {
	#ly-Request div.id-cont form fieldset dt { width:160px;}
	#ly-Request div.id-cont form fieldset dd { -ms-flex:1; flex:1; padding:10px 0; }
	#ly-Request div.id-cont form fieldset dd label { margin-right:15px; font-size: 1.125em; }
	#ly-Request div.id-cont form fieldset p.proc-button { margin-top:80px; }
	#ly-Request div.id-cont form fieldset div.type-multi { width:576px; }
	/* #ly-Request div.id-cont form fieldset div.type-multi { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } */
	#ly-Request div.id-cont form fieldset div.frame div.form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between;
	}
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Quotation { padding-bottom:20px; }
	#ly-Quotation header { margin-top: 140px; }
	#ly-Quotation header h2 { font-size:2em; }
	#ly-Quotation header p { margin-top:30px; font-size:1.25em; }
	#ly-Quotation header p span { display:block; }

	#ly-Request { padding-bottom:160px; }
	#ly-Request div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px; }
	#ly-Request div.id-cont div.id-data { width:32.3%; padding:30px 25px; border:1px solid #e9e9e9; }
	#ly-Request div.id-cont div.id-data:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) { margin-top:20px; }
	#ly-Request div.id-cont div.id-data:hover { border-color:#333; }
	#ly-Request div.id-cont div.id-data h3 { font-size:1.25em; }
	#ly-Request div.id-cont div.id-data dl { margin-top:50px; padding-top:110px; }
	#ly-Request div.id-cont div.id-data dt { font-size:1.1em; }	

	#ly-Support { padding-top:80px; padding-bottom:80px; }
	#ly-Support header h2 { font-size:2em; }
	#ly-Support div.id-cont { width:1200px; margin-left:auto; margin-right:auto; }
}