/*
Theme Name: OLTANA-003 Child
Version: 1.0.0
Template: oltana-003
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

/* --------------------------- TOP--------------------------- */
.home .ol-header__title-anchor.ol-logo-small .ol-header__title-logo {
    width: clamp(165px, 18vw, 195px) !important;
}
@media (max-width: 640px) {
    .ol-header__title-anchor img {
      width: 100px;
    }

    .ol-firstview__title-maincopy3,
    .ol-firstview__title-maincopy4 {
      font-size: clamp(calc(32px * 7 * 0.1), calc(1vw * 7), calc(44px * 7 * 0.1)) !important;
    }
}


/* --------------------------- お問い合わせフォーム--------------------------- */
/* デザインカスタマイズ */
#contact-form_area p{
  margin-top: 0;
}
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:11px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
  display:block;
  padding-block: .5rem;
  margin:0 auto;
  min-width:50%;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  color:#fff;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background:#333;
}
div.wpcf7 input.wpcf7-submit:hover {
  background:#006080;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8;
}
.wpcf7 input.wpcf7-submit:active {
  position:relative;
  bottom:-2px;
  box-shadow:none;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
  border:1px solid #009de1;
}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/*エラー表示は一度で行い、訂正箇所が分かりやすいようにする*/
.wpcf7 .wpcf7-not-valid{
  border-color: #ffb6c1;
}
.wpcf7 input[type="text"].wpcf7-not-valid,
.wpcf7 input[type="email"].wpcf7-not-valid{
  border-color: #ffb6c1;
}


.wpcf7 .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
}