@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
* {
  box-sizing: border-box;
}

a {
  color: #138496;
}

.snsItem {
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
}
.snsItem i {
  display: block;
  width: 1em;
  height: 1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0.5em;
}

body {
  overflow-x: hidden;
}
body > nav {
  background-color: #f5f5f5;
}
body > main .mypage {
  padding: 0;
  overflow: hidden;
}
body > main .mypage .card-header {
  padding: 0;
  overflow: hidden;
}
body > main .mypage .prof {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 2rem;
}
body > main .mypage .prof img.icon {
  display: block;
  width: 10%;
  border-radius: 100rem;
  margin-right: 1rem;
}
body > main .acf-form {
  font-size: 0.9rem;
}
body > main .acf-form .acf-form-submit input {
  padding: 0.5em 0;
  width: 100%;
  border-radius: 5px;
  background-color: #138496;
  color: white;
  text-align: center;
}
body > main .acf-form .acf-fields .acf-field {
  padding-left: 0;
  padding-right: 0;
}
body > main .acf-form .acf-fields .acf-field .acf-table td label, body > main .acf-form .acf-fields .acf-field .acf-table th label {
  font-size: 0.8rem;
}
body > main .acf-form .acf-fields .acf-field .acf-label label {
  display: inline;
}
body > main .acf-form .acf-fields .acf-field textarea {
  border: 1px solid #f5f5f5;
}
body > main .acf-form .acf-fields .acf-switch .acf-switch-on {
  text-shadow: none !important;
}
body > main .acf-form .acf-fields .acf-switch:hover .acf-switch-slider, body > main .acf-form .acf-fields .acf-switch.-focus .acf-switch-slider {
  border-color: #999;
}
body > main .acf-form .acf-fields .acf-switch:hover, body > main .acf-form .acf-fields .acf-switch.-focus {
  border-color: #999;
}
body > main .acf-form .acf-fields .acf-switch.-on {
  background: #999;
  border-color: #999;
}
body > main .acf-form .acf-fields .acf-switch.-on .acf-switch-slider {
  border-color: #999;
}
body > main .acf-form .acf-fields .acf-switch-off {
  border-color: #999;
}
body > main .acf-form .acf-fields .acf-switch-off:hover {
  border-color: #999;
}
body > main .acf-form .acf-fields .acf-switch-off .acf-switch-slider {
  border-color: #999;
}