/* Contact Form (Base Design) */
form .asterisk-mark{margin-bottom:20px}
.contact-form{width:auto;margin:70px auto 0;padding:50px 25px 75px}
.contact-form .normal{font-size:95%}
.form-group{margin-bottom:25px}
.form-group label{display:block;font-size:90%;margin-bottom:6px}
.form-group input,.form-group textarea{width:100%;padding:10px}
.form-group input,.form-label,.form-group textarea{font-size:90%}
.form-group textarea{height:150px}
.form-submit{text-align:center}
.form-submit button{border:none;cursor:pointer}

.form-group label{font-weight:700;margin-bottom:8px;cursor:pointer}
.form-group input[type="radio"]{margin-right:8px}
.form-label{display:block;margin-bottom:10px;font-weight:bold}
.form-group .radio-label{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}

.form-group input[type="date"]{width:auto;padding:10px}

.form-group select{width:100%;padding:10px}
.form-group .radio-label,.normal{font-weight:400}
.radio-label input{width:auto;margin-right:10px}

.btn-arrow{width:230px;position:relative;display:inline-block;margin:50px 0 75px;padding:14px 20px;letter-spacing:.08em;font-size:90%;transition:background .4s ease,color .4s ease}
.btn-arrow::after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #FFF;transition:.3s}

.form-submit .btn-arrow{margin-bottom:0}
.form-submit .guide-button{margin-top:25px}
.form-submit .guide-button a{border:1px solid #5A4402}

input:focus,textarea:focus{outline:none}

/* Confirmation Page */
.confirm-wrap{max-width:700px;margin:70px auto;padding:30px;border-radius:8px}
.confirm-title{width:100%;margin:0 0 20px}
.confirm-lead{text-align:left;margin-bottom:25px}
.confirm-table{width:100%;border-collapse:collapse;font-size:90%}
.confirm-table th,.confirm-table td{padding:12px;text-align:left;vertical-align:top}
.confirm-table th{width:30%;font-weight:600}

/* Button */
.confirm-buttons{display:flex;justify-content:center;gap:30px;margin-top:0;flex-wrap:wrap}

/* Right Arrow */
.guide-button.next .arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #FFF;transition:.3s}
.line-color a{background:#06C755}
.line-color a:hover{color:#06C755}
.line-color a:hover::after{border-left-color:#06C755}

/* Left Arrow */
.guide-button.back .arrow{position:absolute;left:16px;top:50%;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:15px solid #FFF;transition:.3s}

/* Softly (button) */
.confirm-buttons .guide-button button:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.15)}

/* Common (button) */
.confirm-buttons .guide-button button{position:relative;padding:14px 50px;border:none;cursor:pointer;font-size:14px;transition:transform 0.4s cubic-bezier(.16,1,.3,1),box-shadow 0.4s ease,background 0.3s ease,color 0.3s ease}

/* SEO */
#lita-life,#lita-air{position:relative;margin:70px auto 40px;text-align:center}
#lita-life a,#lita-air a{height:auto;display:inline-block;margin:0 auto;padding-bottom:10px;text-decoration:none;transition:transform 0.3s ease,opacity 0.3s ease}
#lita-life a:hover,#lita-air a:hover{opacity:.6;transform:translateY(-4px) scale(1.04)}
#lita-life .medium,#lita-air .medium{display:block;margin-top:110px;text-indent:0;white-space:normal;text-decoration:underline}
#lita-life a:hover .medium,#lita-air a:hover .medium{text-decoration:none}

#lita-life{padding-top:75px!important}
#lita-air{padding-top:60px!important}

#SEO .solid-over{padding-top:70px}
.search{margin-bottom:70px}
.search .main_image{margin:0 auto}
.search img{box-shadow:5px 5px 10px #999}

/* MEO */
#MEO .two-rows p{font-size:90%;text-align:center}
#MEO .two-rows{margin:70px auto 50px;box-shadow:none}
#MEO .two-rows img{display:block;box-shadow:5px 5px 10px #999}
#MEO .two-rows,#MEO .two-rows li{border:none}
#MEO .two-rows .line01,#MEO .two-rows .line02{width:48%}
#MEO .two-rows .line02{margin-left:4%}
#MEO .two-rows li{text-decoration:underline}
#MEO .two-rows li:hover{text-decoration:none}
#MEO .slide-down{margin-bottom:5px}

/*     Smartphone Portrait (Bootstrap 5)
----------------------------------------*/
@media (max-width:575.98px){

.contact-form{padding:50px 20px 75px}

/* Confirmation Page */
.confirm-wrap{width:auto;margin:0 auto;padding:30px 20px;border:none;border-radius:0}
.confirm-table th{width:40%}

}

/*     390px (iPhone13 Pro 390x844)
----------------------------------------*/
@media screen and (max-width:390px){

.contact-form{padding:5px 15px 0}
.contact-form{padding:50px 15px 75px}

}

/*     360px (Xperia 10 360x840)
----------------------------------------*/
@media screen and (max-width:360px){

.contact-form{padding:50px 10px 75px}

}
