/* 共通パーツ

====================================================*/

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #4d4d4d;
  font-size: 1.3rem;
  background: #f0f0f0;
}


textarea {
  border-radius: 5px;
}
html,
body,
ul,
li,
p {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
div {
  box-sizing: border-box;
}
img {
  width: 100%;
  height: auto;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
h3 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 24px;
}
a {
  color: #0066c8;
  text-decoration: none;
}

/* logos */
.logos{
  display: flex;
  justify-content: center;
  align-items: center;
}

.logos a{
width:80%;
height: 100%;
max-width: 360px;
margin-bottom: 16px;
}
.logos a:nth-of-type(1){

}


/* フッター

====================================================*/

.footer {
  background: #093958;
}

.footer p {
  margin-bottom: 1.6rem;
}

.footer a,
.footer span,
.footer p {
  color: #fff;
}

.footer.main {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.footer-block {
  position: relative;
  padding: 0 56px 0 0;
  margin-right: 56px;
  border-right: 1px solid #979797;
  outline: none;
}

.footer-block-nohover {
  outline: none;
}

.footer-block:nth-of-type(3) {
  border-right: none;
  padding: 0;
  margin: 0;
}

.footer-block ul li {
  margin: 0 0 16px;
}

.footer-title {
  padding: 0 0 16px;
  display: block;
  font-weight: 700;
}

.footer .social-media {
  display: flex;
  justify-content: center;
  width: initial;
}

.footer .social-media li a img {
  height: 16px;
  width: auto;
  max-height: 30px;
}

.footer .social-media li {
  padding: 2px 5px;
  margin-right: 5px;
  margin-top: 10px;
}

.footer.bottom {
  background: #fff;
  padding: 10px;
}

.icons.wrapper {
  display: flex;
  justify-content: center;
}

.icons.wrapper img {
  height: 40px;
  width: auto;
  max-height: 70px;
}

.footer .copyrights span,
.footer .copyrights {
  color: rgb(77, 77, 77);
}

.copyrights {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 32px auto 16px;
}

.action.primary {
  background-image: none;
  background: #0066c8;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-family: 'Montserrat-Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 700;
  padding: 16px;
  font-size: 1.3rem;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 700;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 15%), 0 2px 4px 0 rgb(0 0 0 / 15%);
  border-radius: 4px;
width: 100%;

}

.newsletter {
  padding: 16px 0;
  border-bottom: #979797 1px solid;
}

.copyrights p {
  color: #4d4d4d;
  text-align: center;
}

.footer-block a span:last-child {
  display: none;
}

@media only screen and (max-width: 768px) {
  .footer.main {
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer-block {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    border-top: 3px solid white;
    outline: none;
  }
  .footer-block-nohover {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    border-top: 3px solid white;
    outline: none;
  }
  .footer-block a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer-block ul {
    display: none;
  }
  .footer-block a span:last-child {
    display: block;
  }
  .footer-block:focus-within {
    pointer-events: none;
  }

  .footer-block ul {
    pointer-events: auto;
  }

  .footer-block:focus-within ul {
    display: block;
  }
  .footer-block:focus-within a span:last-child {
    transform: rotate(180deg);
  }
}