@charset "UTF-8";

#ly-Quotation header { text-align:center; }
#ly-Quotation header p:nth-child(1) { font-size:2rem; color:#1c1c1e; margin-bottom: 80px; }
#ly-Quotation header p { color:#3a3a3c; line-height:1.6; }
#ly-Quotation header p:nth-child(2) {font-weight: 300; }
#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 { padding:10px; margin-bottom:10px; text-align:center; border:1px solid #0a0; background-color:#f0fff0; }

#ly-Request div.id-cont form fieldset div.frame div.frame-child h3 { font-size: 1.5rem; font-weight: 500; color: #3a3a3c;}
#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.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.type-mail div:last-of-type { margin-top:5px; font-size:.9rem; }
#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%;}
#ly-Request div.id-cont form fieldset p.proc-select select optgroup,
#ly-Request div.id-cont form fieldset p.proc-select select option { font-size: 1rem; width: 100%;}
#ly-Request div.id-cont form fieldset p.proc-button { text-align:center; }

#ly-Request div.id-cont form fieldset input[type='submit'] { width:206px; height: 56px; padding:10px 5px; color:#fff; border:1px solid #009F4F; background-color:#009F4F;
	border-radius: 8px; font-weight: 400; font-size: 1.125rem; }
#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 p.proc-select select { background: #F9F9F9 0% 0% no-repeat padding-box; border: 1px solid #EAEAEA; height: 56px;
	border-radius: 5px; font-size: 1.125rem; color: #3a3a3c; background-image:url('../../img/common/img-common-dropdown.png'); -webkit-appearance: none; background-repeat: no-repeat;
	background-size: 32px; background-position: 98%;}
#ly-Request div.id-cont form fieldset p.proc-select select:focus { background-image:url('../../img/common/img-common-dropup.png'); }
#ly-Request div.id-cont form fieldset div.proc-product { min-height:250px; border:1px solid #EAEAEA; border-radius: 5px; }
#ly-Request div.id-cont form fieldset table.online-table thead th:nth-of-type(1) {width:60%; text-align:left; padding-left:300px;}
#ly-Request div.id-cont form fieldset table.online-table thead th:nth-of-type(2) {width:20%;}
#ly-Request div.id-cont form fieldset table.online-table thead th:nth-of-type(3) {width:20%;}
#ly-Request div.id-cont form fieldset table col.col-quantity { width:60px; }
#ly-Request div.id-cont form fieldset table col.col-rremove { width:60px; }
#ly-Request div.id-cont form fieldset table thead th { border-bottom:1px solid #EAEAEA; border-radius: 5px 5px 0 0; background-color: #F9F9F9;}
#ly-Request div.id-cont form fieldset table thead th { padding-bottom:10px; font-weight:350; font-size: 1rem; padding: 15px 0;}
#ly-Request div.id-cont form fieldset table tbody td { font-size:.9rem; padding: 24px 16px; font-weight:normal; font-size: 1.125rem; }
#ly-Request div.id-cont form fieldset table tbody td.order-img-name { display: flex; align-items: center; justify-content: flex-start;}
#ly-Request div.id-cont form fieldset table tbody td span { padding:0 24px; font-size: 1.125rem; font-weight: 350; line-height: 1.4;}
#ly-Request div.id-cont form fieldset table tbody td:not(:first-of-type) { text-align:center; }
#ly-Request div.id-cont form fieldset table tbody td img.online-order { width:200px; padding:8px;}
#ly-Request div.id-cont form fieldset table tbody td input { width:120px; height: 40px; text-align:center; font-size:.9rem; border:1px solid #EAEAEA; border-radius: 5px; }
#ly-Request div.id-cont form fieldset table tbody td button { font-size: 18px; background-color:#fff; border: none;}
#ly-Request div.id-cont form fieldset p.proc-agree { margin-top:10px; }
#ly-Request div.id-cont form fieldset p.proc-agree label a { color:#00b833; 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.6rem; }
	#ly-Quotation header p { font-size:.875rem; }
	#ly-Quotation header p:nth-child(1) { font-weight: 400;}

	#ly-Request div.id-cont { margin-top:80px; }
	#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.proc-product { margin-top: 20px;}
	#ly-Request div.id-cont form fieldset table tbody td span { padding: 0px; }
	#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 img.online-order {display: none;}
	#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 { margin-top:20px; }
	#ly-Request div.id-cont form fieldset table.online-table thead th:nth-of-type(1) {padding-left: 0px; text-align: center;}
	#ly-Request div.id-cont form fieldset p.proc-select select { padding-left: 8px;}
	#ly-Request div.id-cont form fieldset p.proc-button { margin-bottom: 80px;}
	#ly-Request div.id-cont form fieldset input[type='submit'] { width: 100%;}

	#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.2rem; }
	#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.1rem; }

	#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.8rem; }

	#ly-Request header h2 { font-size:1.8rem; }
	#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 { width:100%; }
	#ly-Request div.id-cont form fieldset dl { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Request div.id-cont form fieldset dl:not(:first-of-type) { border-top:1px solid #e9e9e9; }
	#ly-Request div.id-cont form fieldset dt { width:160px; padding:10px 20px; background-color:#fafafa; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
	#ly-Request div.id-cont form fieldset dd { -ms-flex:1; flex:1; padding:10px; }
	#ly-Request div.id-cont form fieldset dd label { margin-right:15px; }
	#ly-Request div.id-cont form fieldset p.proc-select select { margin-top:32px; padding: 0 24px; margin-bottom: 48px;}
	#ly-Request div.id-cont form fieldset p.proc-button { margin-top:100px; }
}

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

	#ly-Request { padding-bottom:80px; }
	#ly-Request div.id-cont { width:1200px; margin-left:auto; margin-right:auto; }
	#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.25rem; }
	#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.1rem; }

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