@charset "UTF-8";
/*
 * 共通
 */
.maincontainer {
  padding: 0;
}

h2 {
  text-indent: 0;
  background-color: #62c6f1;
  color: #ffffff;
  padding: 20px 0;
  font-size: calc(112.5% + 0.5vw);
  height: 100%;
  line-height: 1.75em;
  font-weight: bold;
}

.interview-header {
  margin-top: 20px;
  margin-bottom: 20px;
}

/*
 * インデックスページ
 */
body#index h3 {
  text-indent: 0;
  color: #b52340;
  text-align: left;
  font-weight: bold;
  font-size: 1.5em;
  padding: 10px 0 10px 2em;
  margin: 10px 0 0 0;
  text-indent: -2em;
  line-height: 1.5em;
}

body#index .interview-header .intervier-text {
  padding: 10px 0;
  text-align: left;
  font-size: 0.9em;
}

body#index .interview-item {
  margin: 10px 0;
}

body#index .interview-item .intervier-name {
  text-align: left;
  padding: 10px;
  font-size: 1.25em;
  font-weight: bold;
}

body#index .interview-item .intervier-name a {
  color: #000000;
}

body#index .interview-item .intervier-name a:visited {
  color: #000000;
}

body#index .interview-item .intervier-name a:hover {
  color: #666666;
}

/*
 * インタビュー各ページ
 */
body#interview h3 {
  text-align: left;
  font-weight: bold;
  font-size: 1.25em;
}

body#interview h3#title1 {
  color: #b52340;
}

body#interview h3#title2 {
  color: #000000;
}

body#interview #chatch-image {
  margin: 10px 0;
}

body#interview .qa {
  margin: 20px 0;
}

body#interview .qa .image-qa {
  width: 75px;
  float: left;
  padding: 0 10px 10px 0;
}

body#interview .qa .question {
  text-align: left;
  margin: 20px 0;
  font-weight: bold;
}

body#interview .qa .answer {
  text-align: left;
  margin: 10px 0;
}

body#interview .messege {
  margin: 20px 0 20px 0;
}

body#interview .messege .messege-title {
  text-align: left;
  font-weight: bold;
  padding: 10px 0;
}

body#interview .messege .messege-text {
  text-align: left;
}

body#interview #company-name {
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}

body#interview #company-logo {
  width: 33%;
  margin: 10px 0;
  display: block;
}

body#interview #company-logo2 {
  width: 25%;
  margin: 10px 0;
  display: flex;
	align-items: flex-start;
}

body#interview #company-logo3 {
  width: 150%;
  margin: 0;
  display: flex;
}

body#interview #company-text {
  text-align: left;
  margin: 10px 0;
}

body#interview #interview-link {
  margin: 20px 0 20px 0;
}

body#interview #interview-link div figure figcaption {
  padding: 10px 0;
  font-size: 0.9em;
}

@media screen and (max-width: 768px) {
  /*
   * 共通
   */
  .container {
    padding: 0 10px;
    width: 100%;
  }
  .container .interview-header {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  /*
   * インデックスページ
   */
  body#index .interview-item .intervier-name {
    text-align: center;
  }
  /*
   * インタビュー各ページ
   */
  body#interview #interview-link div {
    padding-left: 5px;
    padding-right: 5px;
  }
  body#interview #interview-link div figure figcaption {
    font-size: 0.6em;
    margin-right: -10px;
    margin-left: -10px;
  }
}