@charset "UTF-8";
/*共通*/
#pageHead {
  background-color: #f3f4f7;
}

#pageHead .inner {
  height: auto;
  padding: 10px 0;
}

#mainV {
  margin: 30px 0 0;
}

#mainV .inner {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

#mainV .mainImage {
  width: 600px;
  height: 380px;
  position: relative;
  overflow: hidden;
}

#mainV figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#mainV .textBlock {
  height: 380px;
  background-color: #db4e57;
  padding: 55px 50px;
  box-sizing: border-box;
  flex: 1;
}

#mainV .textBlock .nameBox .yago {
  color: #fff;
  font-size: 24px;
}

#mainV .textBlock .nameBox .name {
  color: #fff;
  font-size: 36px;
  line-height: 1.3;
  margin: 10px 0 0;
}

#mainV .textBlock .nameBox .name::before {
  content: '代表者';
  font-size: 14px;
  display: block;
}

#mainV .textBlock .nameBox .name .ownerBlock {
  display: block;
}

#mainV .textBlock .nameBox .name .ownerHide {
  display: none;
}

#mainV .textBlock .detail {
  color: #fff;
  font-size: 12px;
  margin: 75px 0 0;
}

#mainV .textBlock .detail span {
  color: #ef6d76;
  font-weight: bold;
  width: 84px;
  text-align: center;
  background: #fff;
  border-radius: 30px;
  margin-right: 14px;
  padding: 2px 0;
  display: inline-block;
}

#mainV .textBlock ul {
  width: 100%;
  margin: 18px 0 0;
  display: flex;
  flex-wrap: wrap;
}

#mainV .textBlock ul li {
  color: #fff;
  font-size: 13px;
  border: 1px solid #dfff;
  border-radius: 5px;
  margin: 3px 8px 3px 0;
  padding: 0 15px;
}

#kiji {
  margin: 85px 0 0;
  line-height: 1.8;
}

#kiji .inner {
  width: 860px;
}

#kiji h1 {
  color: #cf1404;
  font-size: 32px;
  font-weight: bold;
}

#kiji .quesList {
  margin: 85px 0 0;
}

#kiji .quesList > .item + .item {
  margin: 80px 0 0;
}

#kiji .quesList > .item .ques {
  color: #cf0414;
  font-size: 22px;
  font-weight: bold;
  padding: 0 0 10px;
  position: relative;
}

#kiji .quesList > .item .ques::before {
  content: '';
  width: 140px;
  height: 5px;
  background: #cf0414;
  position: absolute;
  left: 0;
  bottom: 0;
}

#kiji .quesList > .item .ans {
  color: #000;
  font-size: 16px;
  margin: 30px 0 0;
  line-height: 1.6;
  white-space: pre-line;
}

#kiji .quesList > .item .ans h2,
#kiji .quesList > .item .ans h3 {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  margin: 30px 0 0;
}

#kiji .quesList > .item .ans a {
  text-decoration: underline;
}

#kiji .quesList > .item .ans a:hover {
  text-decoration: none;
}

#kiji .quesList > .item .honbun {
  margin: 25px 0 0;
}

#kiji .quesList > .item .ansImage {
  max-width: 800px;
  text-align: center;
  margin: 75px auto 0;
}

#kiji .quesList > .item .ansImage img {
  width: 100%;
  height: auto;
}

.data {
  width: 100%;
  max-width: 860px;
  border: 1px solid #cccccc;
  margin: 55px auto 0;
  padding: 25px 30px 35px;
  box-sizing: border-box;
}

.data h2 {
  color: #cf0414;
  font-weight: bold;
}

.data .dataList {
  margin: 10px 0 0;
}

.data .dataList .item {
  display: flex;
}

.data .dataList .item + .item {
  margin: 10px 0 0;
}

.data .dataList .item dd {
  flex: 1;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 700px) {
  #pageHead {
  }

  #pageHead .inner {
    height: auto;
    padding: 1.4vw 0;
  }

  #mainV {
    margin: 4.2vw 0 0;
  }

  #mainV .inner {
    width: 100vw;
    margin: 0;
    display: block;
  }

  #mainV .mainImage {
    width: 100vw;
    height: 61.3vw;
  }

  #mainV .textBlock {
    width: 100vw;
    height: auto;
    background-position: right -3.7vw bottom -4.3vw;
    background-size: 42.6vw 36.4vw;
    padding: 6.6vw;
  }

  #mainV .textBlock .nameBox .yago {
    font-size: 1.53rem;
  }

  #mainV .textBlock .nameBox .name {
    font-size: 2.34rem;
    margin: 3vw 0 0;
  }

  #mainV .textBlock .nameBox .name::before {
    font-size: 1rem;
    margin-right: 1em;
    display: inline-block;
  }

  #mainV .textBlock .nameBox .name .ownerBlock {
    display: block;
  }

  #mainV .textBlock .nameBox .name .ownerHide {
    display: none;
  }

  #mainV .textBlock .detail {
    font-size: 0.81rem;
    margin: 5vw 0 0;
  }

  #mainV .textBlock .detail span {
    width: 15vw;
    margin-right: 2.6vw;
  }

  #mainV .textBlock ul {
    margin: 4vw 0 0;
  }

  #mainV .textBlock ul li {
    font-size: 0.81rem;
    margin: 0.7vw 1.5vw 0.7vw 0;
    padding: 0 2.6vw;
  }

  #kiji {
    margin: 14vw 0 0;
  }

  #kiji .inner {
    width: auto;
  }

  #kiji h1 {
    font-size: 1.8rem;
  }

  #kiji .quesList {
    margin: 14vw 0 0;
  }

  #kiji .quesList > .item {
  }

  #kiji .quesList > .item + .item {
    margin: 10vw 0 0;
  }

  #kiji .quesList > .item .ques {
    font-size: 1.26rem;
    padding: 0 0 2.1vw;
  }

  #kiji .quesList > .item .ques::before {
    width: 19.6vw;
    height: 1vw;
  }

  #kiji .quesList > .item .ans {
    font-size: 1rem;
    margin: 5.3vw 0 0;
    line-height: 1.6;
    white-space: pre-line;
  }

  #kiji .quesList > .item .ans h2,
  #kiji .quesList > .item .ans h3 {
    font-size: 1.71rem;
    margin: 5.3vw 0 0;
  }

  #kiji .quesList > .item .honbun {
  }

  #kiji .quesList > .item figure {
    width: 100vw;
    text-align: center;
    margin: 10vw 0 0 -4vw;
  }

  #kiji .quesList > .item figure img {
    max-width: 100%;
    width: auto;
  }

  .data {
    width: auto;
    box-sizing: border-box;
    margin: 10vw 4vw 0;
    padding: 4.5vw 5.7vw 4.8vw;
  }

  .data .dataList {
    grid-template-columns: 1fr;
  }
}