@keyframes scrollbar { 0% { height: 0; }
  15% { height: 0; }
  30% { height: 0; }
  75% { height: 100%; }
  100% { height: 100%; } }
@keyframes scrollbar2 { 0% { height: 100%; }
  15% { height: 0%; }
  50% { height: 0%; }
  100% { height: 0%; } }
@keyframes extend { 0% { transform: scaleY(0); }
  100% { transform: scaleY(1); } }
@keyframes hidden { 0% { transform: scaleY(1); }
  100% { transform: scaleY(0); } }
#container01 #mailform dl select, #container01 #mailform dl textarea, #container01 #mailform dl input { border: 1px solid #ccc; width: 100%; }
#container01 #mailform .agree { color: #161719; }
#container01 #mailform .agree a span { position: relative; padding-right: 1.5em; }
#container01 #mailform .agree a span::after { content: ""; display: block; background: url("../images/common/icon_blank_red.png") no-repeat; background-size: 100% auto; position: absolute; right: 0.3em; bottom: 0.1em; }
#container01 #mailform .btn-send { position: relative; }
#container01 #mailform .btn-send::after { content: ""; display: block; background: url("../images/contact/send_btn_arrow.png"); background-size: 100% auto; position: absolute; top: 50%; }
#container01 #mailform .btn-send input { width: 100%; border: 1px solid #161719; background: #161719; color: #f8f8f8; letter-spacing: 0.15em; }

@media screen and (min-width: 568px) { #container01 #mailform { display: flex; }
  #container01 #mailform div { width: 45vw; min-width: 510px; padding: 0 40px 0 0; }
  #container01 #mailform div + div { padding: 0 0 0 40px; }
  #container01 #mailform div dl { letter-spacing: 0.08em; }
  #container01 #mailform div dl dt { font-weight: bold; font-size: 16px; line-height: 1; margin-bottom: 10px; }
  #container01 #mailform div dl dd + dt { margin-top: 30px; }
  #container01 #mailform div dl dd select, #container01 #mailform div dl dd input { height: 30px; padding: 0 15px; font-size: 16px; }
  #container01 #mailform div dl dd textarea { height: 378px; padding: 7.5px 15px; font-size: 16px; }
  #container01 #mailform div .agree { margin-top: 30px; }
  #container01 #mailform div .agree a span::after { width: 13.5px; height: 13px; }
  #container01 #mailform div .btn-send { margin-top: 40px; }
  #container01 #mailform div .btn-send::after { width: 11.5px; height: 18px; right: 30px; margin-top: -9px; }
  #container01 #mailform div .btn-send input { height: 75px; font-size: 20px; border-radius: 5px; }
  #container01 #mailform div .btn-send input:hover { background: #d71b2a; border: 1px solid #d71b2a; }
  .thanks h4 { font-size: 0; background: url("../images/contact/find_thanks_txt@pc.png"); background-size: 100% auto; width: 589px; height: 33.5px; } }
@media screen and (max-width: 567px) { #container01 #mailform div { width: 84vw; margin: 0 auto; }
  #container01 #mailform div + div { margin-top: 8vw; }
  #container01 #mailform div dl { letter-spacing: 0.08em; }
  #container01 #mailform div dl dt { font-weight: bold; font-size: 3.2vw; line-height: 1; margin-bottom: 3vw; }
  #container01 #mailform div dl dd + dt { margin-top: 8vw; }
  #container01 #mailform div dl dd select, #container01 #mailform div dl dd input { height: 8vw; padding: 0 3vw; font-size: 3.2vw; }
  #container01 #mailform div dl dd textarea { height: 65vw; padding: 1.5vw 3vw; font-size: 3.2vw; }
  #container01 #mailform div .agree { margin-top: 8vw; }
  #container01 #mailform div .agree a span::after { width: 2.7vw; height: 2.6vw; }
  #container01 #mailform div .btn-send { margin-top: 8vw; }
  #container01 #mailform div .btn-send::after { width: 2.3vw; height: 3.6vw; right: 6vw; margin-top: -1.8vw; }
  #container01 #mailform div .btn-send input { height: 15vw; font-size: 4vw; border-radius: 1vw; }
  .thanks h4 { font-size: 0; background: url("../images/contact/find_thanks_txt@sp.png"); background-size: 100% auto; width: 76.1vw; height: 15.4vw; } }