@charset "UTF-8";
/*
Theme Name: BRICKS LLP
パス：ルート相対パス
*/
* {
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #2b2727;
  font-family: "Noto Serif JP", serif;
  font-family: "Noto Sans JP", sans-serif;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: #2b2727;
  font-size: inherit;
}
a.underline {
  text-decoration: underline;
}

ul {
  list-style: none;
  padding-left: 0;
}

.centerMode {
  text-align: center;
}

.mb8 {
  margin-bottom: 8px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb40 {
  margin-bottom: 40px;
}

.mY30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt40 {
  margin-top: 40px;
}

.imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .imgBox.two img {
    width: 50%;
  }
}
.imgBox img {
  -o-object-fit: cover;
     object-fit: cover;
}

.tRed {
  color: red;
}

.tBold {
  font-weight: bold;
}

.moreLink {
  font-size: initial;
}

.grid {
  width: 1260px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  background-color: transparent;
}
@media screen and (max-width: 1260px) {
  .grid {
    width: 100%;
  }
}
.grid.free {
  width: auto;
  margin: 0 auto;
}

.section {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media (max-width: 980px) {
  .section {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (max-width: 768px) {
  .section {
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 5%;
    padding-bottom: 8%;
  }
}
@media (max-width: 500px) {
  .section {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
.section.excep {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (max-width: 1260px) {
  .section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.section.page {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section.page.typeAboutus h2 {
  font-size: 40px;
  margin-bottom: 80px;
  text-align: center;
  color: #707070;
}
@media (max-width: 980px) {
  .section.page.typeAboutus h2 {
    font-size: 4.5vw;
  }
}
@media (max-width: 768px) {
  .section.page.typeAboutus h2 {
    font-size: 5vw;
  }
}
@media (max-width: 500px) {
  .section.page.typeAboutus h2 {
    font-size: 6.5vw;
  }
}
.section.page h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 980px) {
  .section.page h2 {
    font-size: 4.5vw;
  }
}
@media (max-width: 768px) {
  .section.page h2 {
    font-size: 5vw;
  }
}
@media (max-width: 500px) {
  .section.page h2 {
    font-size: 6.5vw;
  }
}
.section.page p.plusList {
  margin-bottom: 30px;
}
.section.page .listPlus {
  margin-bottom: 80px;
}
.section.page .listPlus li {
  font-size: 21px;
  margin-bottom: 20px;
}

h1 {
  font-size: 32px;
  line-height: 1.3;
  color: #2b2727;
  background-color: transparent;
}
@media (max-width: 500px) {
  h1 {
    font-size: 24px;
  }
}
h1.iconSet {
  padding-left: 60px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
h1 span {
  display: block;
  font-size: 14px;
}
h1.center {
  text-align: center;
}

h2 {
  font-size: 45px;
  line-height: 1.7;
  color: #2b2727;
  background-color: transparent;
}
@media (max-width: 500px) {
  h2 {
    font-size: 20px;
  }
}
h2.iconSet {
  padding-left: 60px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
h2.center {
  text-align: center;
}
h2 span {
  display: block;
  font-size: 14px;
}

h3 {
  font-size: 20px;
  line-height: 1.7;
  color: #2b2727;
  background-color: transparent;
}
@media (max-width: 500px) {
  h3 {
    font-size: 18px;
  }
}
h3.iconSet {
  padding-left: 60px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
h3.center {
  text-align: center;
}
h3 span {
  display: block;
  font-size: 14px;
}

@media (max-width: 500px) {
  .pankuzu {
    font-size: 10px;
  }
  .pankuzu span {
    font-size: 10px;
  }
}

.columnBox {
  display: flex;
  justify-content: space-between;
}
.columnBox .left {
  width: 50%;
}
@media (max-width: 980px) {
  .columnBox .left {
    margin-bottom: 5%;
  }
}
.columnBox .left.img {
  width: 150px;
}
.columnBox .right {
  width: 50%;
}
.columnBox .right.text {
  width: 85%;
}
.columnBox.reverse {
  display: flex;
  flex-direction: row-reverse;
}

.noColumn {
  display: block !important;
}

.imgContent {
  text-align: center;
}
.imgContent.normal {
  text-align: left;
}
.imgContent.reverse {
  text-align: right;
}
@media (max-width: 980px) {
  .imgContent {
    font-size: 2vw;
  }
}
@media (max-width: 768px) {
  .imgContent {
    font-size: 3vw;
  }
}
@media (max-width: 500px) {
  .imgContent {
    font-size: 4vw;
  }
}

.normalBtn {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  background-color: #9ac1f1;
  color: #ffffff;
}
.normalBtn a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.normalBtn a:hover {
  opacity: 0.7;
}

.normalBtn_blue {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  background-color: #4370c3;
  color: #ffffff;
}
.normalBtn_blue a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.normalBtn_blue a:hover {
  opacity: 0.7;
}
.normalBtn_blue .smalltext {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.normalBtnNonLink {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  font-size: 20px;
  padding: 10px 15px 10px 15px;
  color: white;
  background-color: #4370c3;
}
.normalBtnNonLink:hover {
  opacity: 0.7;
}
@media (max-width: 980px) {
  .normalBtnNonLink {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .normalBtnNonLink {
    width: 30%;
  }
}
@media (max-width: 500px) {
  .normalBtnNonLink {
    width: 65%;
  }
}
.normalBtnNonLink.skyblue {
  background-color: #9ac1f1;
  color: #ffffff;
}

.buttonArea {
  display: flex;
  justify-content: center;
}
.buttonArea .formButton {
  font-size: 24px;
  font-weight: bold;
  padding: 15px;
  border-radius: 15px;
  line-height: 1;
  border: 0;
  cursor: pointer;
  background-color: #4370c3;
  color: #ffffff;
  width: 250px;
  margin-right: 150px;
}
.buttonArea .formButton.skyblue {
  background-color: #9ac1f1;
  color: #ffffff;
}
.buttonArea .formButton:last-child {
  margin-right: 0;
}
.buttonArea .formButton.aLink {
  text-align: center;
}
.buttonArea .formButton .normalBtn_blue {
  display: inline-block;
}
.buttonArea .formMiniButton {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  background-color: #4370c3;
  color: #ffffff;
  width: auto;
  margin-right: 150px;
}
@media (max-width: 500px) {
  .buttonArea .formMiniButton {
    font-size: 16px;
  }
}
.buttonArea .formMiniButton.skyblue {
  background-color: #9ac1f1;
  color: #ffffff;
}
.buttonArea .formMiniButton:last-child {
  margin-right: 0;
}
.buttonArea .formMiniButton.aLink {
  text-align: center;
}
.buttonArea.leftStyle {
  justify-content: flex-start;
}
.buttonArea.leftStyle .formButtonLink {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
}
.buttonArea.leftStyle .formButtonLink a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.buttonArea.leftStyle .formButtonLink a:hover {
  opacity: 0.7;
}

.btnA250 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
}
.btnA250 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.btnA250 a:hover {
  opacity: 0.7;
}
.btnA250 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnA300 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 300px;
  background-color: #9ac1f1;
  color: #ffffff;
}
.btnA300 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.btnA300 a:hover {
  opacity: 0.7;
}
.btnA300 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnA500 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 500px;
  background-color: #9ac1f1;
  color: #ffffff;
}
.btnA500 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.btnA500 a:hover {
  opacity: 0.7;
}
.btnA500 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnIB250 {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  border: 0;
  cursor: pointer;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
}

.btnSimpleA250 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.btnSimpleA250 a {
  font-weight: bold;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  display: block;
  width: 100%;
}
.btnSimpleA250 a:hover {
  opacity: 0.7;
}
.btnSimpleA250 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnSimpleIB250 {
  font-weight: bold;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.btnArea {
  display: flex;
  justify-content: center;
}

.checkedBtn {
  display: inline-block;
  position: relative;
}
.checkedBtn input {
  opacity: 0;
  position: absolute;
  left: 0;
}
.checkedBtn input:focus + label {
  box-shadow: 0 0 4px #4370c3;
}
.checkedBtn input:checked + label {
  background: #4370c3;
  color: #fff;
  background-image: url("/img/checked.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 15px center;
}
.checkedBtn label {
  padding: 10px 20px 10px 60px;
  border-radius: 20px;
  background: #9ac1f1;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  transition: 0.5s;
  background-image: url("/img/option.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 15px center;
}
.checkedBtn label:hover {
  background: #4370c3;
  color: #fff;
  background-image: url("/img/checked.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 15px center;
}

header {
  background-color: #2c3357;
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid {
  padding-left: 0px;
  padding-right: 0px;
}

.headerStyle .columnBox .left {
  width: auto;
}
.headerStyle .columnBox .right {
  width: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1260px) {
  .headerStyle .columnBox {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 980px) {
  .headerStyle .columnBox {
    display: block;
  }
  .headerStyle .columnBox .left {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .headerStyle .columnBox .right {
    width: 100%;
  }
}

.pankuzu {
  margin-top: 30px;
}

.eye {
  height: 90vh;
  background-image: url("img/eye1.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.eye .grid {
  height: 100%;
  display: flex;
  align-items: center;
}
.eye .grid p {
  text-align: left;
  font-size: 65px;
  color: white;
  font-weight: 800;
  margin-bottom: 0;
  line-height: 1.2;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 1260px) {
  .eye .grid p {
    font-size: 5vw;
  }
}
@media (max-width: 980px) {
  .eye .grid p {
    font-size: 5.5vw;
  }
}
@media (max-width: 768px) {
  .eye .grid p {
    font-size: 6vw;
  }
}
@media (max-width: 500px) {
  .eye .grid p {
    font-size: 6.5vw;
  }
}
.eye .grid p span {
  font-size: 40px;
  color: white;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 980px) {
  .eye .grid p span {
    font-size: 4vw;
  }
}
@media (max-width: 768px) {
  .eye .grid p span {
    font-size: 3vw;
  }
}
@media screen and (max-width: 1260px) {
  .eye {
    height: 70vh;
  }
}
@media (max-width: 980px) {
  .eye {
    height: 60vh;
  }
}
@media (max-width: 768px) {
  .eye {
    height: 50vh;
  }
}
@media (max-width: 500px) {
  .eye {
    height: 40vh;
  }
}
.eye.flow {
  height: 220px;
  background-image: url("img/eyeFlow.png");
}
.eye.ida {
  height: 220px;
  background-image: url("img/eyeIda.png");
}
.eye.aboutus {
  height: 480px;
  background-image: url("img/eyeAboutus.png");
}
.eye.aboutus.section {
  padding-top: 0px;
  padding-bottom: 0px;
}
.eye.aboutus .grid {
  justify-content: center;
}
.eye.aboutus .grid p {
  text-align: center;
}
.eye.people {
  height: 480px;
  background-image: url("img/eyePeople.png");
}
.eye.people.section {
  padding-top: 0px;
  padding-bottom: 0px;
}
.eye.people .grid {
  justify-content: center;
}
.eye.people .grid p {
  text-align: center;
}
.eye.pp {
  height: 480px;
  background-image: url("img/eyePrivacyPolicy.png");
}
.eye.pp.section {
  padding-top: 0px;
  padding-bottom: 0px;
}
.eye.pp .grid {
  justify-content: center;
}
.eye.pp .grid p {
  text-align: center;
}
.eye.capabilities {
  height: 480px;
  background-image: url("img/eyeCapabilities.png");
}
.eye.capabilities.section {
  padding-top: 0px;
  padding-bottom: 0px;
}
.eye.capabilities .grid {
  justify-content: center;
}
.eye.capabilities .grid p {
  text-align: center;
}
.eye.contact {
  height: 480px;
  background-image: url("img/eyeContact.png");
}
.eye.contact.section {
  padding-top: 0px;
  padding-bottom: 0px;
}
.eye.contact .grid {
  justify-content: center;
}
.eye.contact .grid p {
  text-align: center;
}
.eye.price {
  height: 220px;
  background-image: url("img/eyePrice.png");
}
.eye.news {
  height: 480px;
  background-image: url("img/eyeNews.png");
}
.eye.news.section {
  padding-top: 0px;
  padding-bottom: 0px;
}
.eye.news .grid {
  justify-content: center;
}
.eye.news .grid p {
  text-align: center;
}

.top_capa {
  height: 80vh;
  background-image: url("img/top_capabilities.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.top_capa.section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.top_capa .grid {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  height: 100%;
}
.top_capa h2 {
  color: #ffffff;
}
.top_capa .jumpBtn {
  margin: 0;
  width: 375px;
}
@media (max-width: 500px) {
  .top_capa .jumpBtn {
    width: 80%;
  }
}
.top_capa .top_capa_text_l {
  position: absolute;
  top: 0;
  left: -80px;
}
.top_capa .top_capa_text_r {
  position: absolute;
  bottom: 0;
  right: -80px;
}
@media screen and (max-width: 1260px) {
  .top_capa .top_capa_text_r {
    right: 0px;
  }
}

.top_aboutus {
  height: 80vh;
  background-image: url("img/top_aboutus.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.top_aboutus.section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.top_aboutus .grid {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  height: 100%;
}
.top_aboutus h2 {
  color: #ffffff;
  text-align: right;
}
.top_aboutus .btnArea {
  justify-content: right;
}
.top_aboutus .jumpBtn {
  margin: 0;
  width: 375px;
}
@media (max-width: 500px) {
  .top_aboutus .jumpBtn {
    width: 80%;
  }
}
.top_aboutus .top_capa_text_l {
  position: absolute;
  top: 0;
  left: -80px;
}
.top_aboutus .top_capa_text_r {
  position: absolute;
  bottom: 0;
  right: -80px;
}
@media screen and (max-width: 1260px) {
  .top_aboutus .top_capa_text_r {
    right: 0px;
  }
}

.top_people {
  height: 80vh;
  background-image: url("img/top_people.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.top_people.section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.top_people .grid {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  height: 100%;
}
.top_people h2 {
  color: #ffffff;
}
.top_people .jumpBtn {
  margin: 0;
  width: 375px;
}
@media (max-width: 500px) {
  .top_people .jumpBtn {
    width: 80%;
  }
}
.top_people .top_people_text_l {
  position: absolute;
  top: 0;
  left: -80px;
}
.top_people .top_people_text_r {
  position: absolute;
  bottom: 0;
  right: -80px;
}
@media screen and (max-width: 1260px) {
  .top_people .top_people_text_r {
    right: 0px;
  }
}

@media (max-width: 980px) {
  .columnBox.reverse {
    display: block;
  }
}
.columnBox.reverse .left {
  padding-right: 0;
}
.columnBox.reverse .right {
  padding-right: 30px;
}
@media (max-width: 980px) {
  .columnBox.reverse .right {
    padding-right: 0;
  }
}
.columnBox.topOnly .jump {
  margin-bottom: 6vw;
}
@media (max-width: 980px) {
  .columnBox {
    display: block;
  }
}
.columnBox .left {
  padding-right: 30px;
}
@media (max-width: 980px) {
  .columnBox .left {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 1260px) {
  .columnBox img {
    width: 100%;
  }
  .columnBox img.logo {
    width: inherit;
  }
}
.columnBox .right.center {
  display: flex;
  justify-content: center;
}
@media (max-width: 980px) {
  .columnBox .right.center {
    justify-content: flex-start;
  }
}
@media (max-width: 980px) {
  .columnBox .right {
    width: 100%;
  }
}

h2 {
  margin-bottom: 70px;
  color: #1a699a;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 1260px) {
  h2 {
    font-size: 3.6vw;
  }
}
@media (max-width: 980px) {
  h2 {
    font-size: 6vw;
    margin-bottom: 6vw;
  }
}
@media (max-width: 768px) {
  h2 {
    font-size: 7vw;
  }
}
h2 span {
  display: inline;
  font-size: 20px;
  border-radius: 10px;
  padding-left: 40px;
  padding-right: 40px;
  color: #1a699a;
  font-family: "Noto Serif JP", serif;
}
h2 span.blue {
  background-color: #0c25e6;
}
h2 span.red {
  background-color: #e60c0c;
}
h2 span.green {
  background-color: #36e60c;
}
h2 span.orange {
  background-color: #edb04d;
}
h2 span.skyBlue {
  background-color: #6bc1ef;
}
h2.reverse {
  text-align: right;
}
h2.flowList {
  padding-left: 100px;
  background-image: url("img/flowIcon01.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
@media (max-width: 980px) {
  h2.flowList {
    font-size: 3vw;
    padding-left: 7%;
  }
}
@media (max-width: 768px) {
  h2.flowList {
    font-size: 4vw;
    padding-left: 10%;
  }
}
@media (max-width: 500px) {
  h2.flowList {
    font-size: 4.5vw;
    padding-left: 13%;
  }
}
h2.idaList {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #727272;
  position: relative;
  background-color: #cecbcb;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding-left: 210px;
}
@media (max-width: 980px) {
  h2.idaList {
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  h2.idaList {
    font-size: 4vw;
    padding-left: 120px;
  }
}
@media (max-width: 500px) {
  h2.idaList {
    font-size: 4.5vw;
  }
}
h2.aaList {
  padding-left: 100px;
  background-image: url("img/aaIcon.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto;
}
h2.auctionStar {
  background-image: url("img/auctionStar.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-align: center;
  color: #727272;
  line-height: 3;
}
@media (max-width: 980px) {
  h2.auctionStar {
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  h2.auctionStar {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  h2.auctionStar {
    font-size: 4.5vw;
  }
}
h2.priceList {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #727272;
  position: relative;
  background-color: #cecbcb;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-left: 210px;
}
@media screen and (max-width: 1260px) {
  h2.priceList {
    padding-left: 15vw;
  }
}
@media (max-width: 980px) {
  h2.priceList {
    padding-left: 18vw;
  }
}
@media (max-width: 768px) {
  h2.priceList {
    padding-left: 24vw;
  }
}
@media (max-width: 500px) {
  h2.priceList {
    padding-left: 27vw;
  }
}
h2 ruby {
  font-size: 45px;
}
h2 ruby rt {
  font-size: 16px;
}

p {
  font-size: 21px;
  margin-bottom: 70px;
  line-height: 1.9;
}
@media (max-width: 980px) {
  p {
    font-size: 2.4vw;
  }
}
@media (max-width: 768px) {
  p {
    font-size: 3.1vw;
  }
}
@media (max-width: 500px) {
  p {
    font-size: 3.8vw;
  }
}
p.reverse {
  text-align: right;
}
p.right {
  text-align: right;
}

.slogan {
  text-align: center;
  font-size: 45px;
  margin-bottom: 0;
}
@media (max-width: 980px) {
  .slogan {
    font-size: 6vw;
  }
}

.section.bgStyle1 {
  background-color: #e5e3e3;
}

.subTitle {
  margin-bottom: 30px;
}
.subTitle.reverse {
  text-align: right;
}

.imgContent {
  margin-bottom: 30px;
}
.imgContent.excep {
  margin-bottom: 70px;
}
.imgContent.marginCut {
  margin-top: 0px;
  margin-bottom: 0;
}
.imgContent.widthMax img {
  width: 100%;
}

.btnForm.jump {
  margin-top: 90px;
}
@media (max-width: 980px) {
  .btnForm.jump {
    margin-top: 0;
  }
}
.btnForm.jump li {
  margin-bottom: 20px;
}
.btnForm.jump li a {
  font-size: 21px;
  display: block;
  padding-left: 30px;
  background-image: url("img/icon_jump.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.btnForm.jump.inner {
  margin-top: 20px;
  width: 100%;
}
.btnForm.threeBtn {
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 980px) {
  .btnForm.threeBtn {
    display: block;
  }
}
.btnForm.threeBtn li {
  width: 30%;
  background-color: #dddddd;
  border-radius: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 980px) {
  .btnForm.threeBtn li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.btnForm.threeBtn li a {
  display: block;
  padding-left: 40%;
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1260px) {
  .btnForm.threeBtn li a {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .btnForm.threeBtn li a {
    font-size: 3.5vw;
  }
}
@media (max-width: 500px) {
  .btnForm.threeBtn li a {
    font-size: 5vw;
  }
}
.btnForm.threeBtn li a span {
  font-size: 20px;
}
@media screen and (max-width: 1260px) {
  .btnForm.threeBtn li a span {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .btnForm.threeBtn li a span {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  .btnForm.threeBtn li a span {
    font-size: 3.5vw;
  }
}
.btnForm.threeBtn li a.line {
  background-image: url("img/icon_line.png");
  background-repeat: no-repeat;
  background-position: left 7% center;
  background-size: auto;
}
@media (max-width: 768px) {
  .btnForm.threeBtn li a.line {
    background-size: contain;
  }
}
.btnForm.threeBtn li a.mail {
  background-image: url("img/icon_mail.png");
  background-repeat: no-repeat;
  background-position: left 7% center;
  background-size: auto;
}
.btnForm.threeBtn li a.entry {
  background-image: url("img/icon_moushikomi.png");
  background-repeat: no-repeat;
  background-position: left 7% center;
  background-size: auto;
}
.btnForm.twoBtn {
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 980px) {
  .btnForm.twoBtn {
    display: block;
  }
}
.btnForm.twoBtn li {
  width: 49%;
  background-color: #dddddd;
  border-radius: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 980px) {
  .btnForm.twoBtn li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.btnForm.twoBtn li a {
  display: block;
  padding-left: 40%;
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1260px) {
  .btnForm.twoBtn li a {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .btnForm.twoBtn li a {
    font-size: 3.5vw;
  }
}
@media (max-width: 500px) {
  .btnForm.twoBtn li a {
    font-size: 5vw;
  }
}
.btnForm.twoBtn li a span {
  font-size: 20px;
}
@media screen and (max-width: 1260px) {
  .btnForm.twoBtn li a span {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .btnForm.twoBtn li a span {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  .btnForm.twoBtn li a span {
    font-size: 3.5vw;
  }
}
.btnForm.twoBtn li a.line {
  background-image: url("img/icon_line.png");
  background-repeat: no-repeat;
  background-position: left 7% center;
  background-size: auto;
}
@media (max-width: 768px) {
  .btnForm.twoBtn li a.line {
    background-size: contain;
  }
}
.btnForm.twoBtn li a.mail {
  background-image: url("img/icon_mail.png");
  background-repeat: no-repeat;
  background-position: left 7% center;
  background-size: auto;
}
.btnForm.twoBtn li a.entry {
  background-image: url("img/icon_moushikomi.png");
  background-repeat: no-repeat;
  background-position: left 7% center;
  background-size: auto;
}
.btnForm.img {
  display: flex;
  flex-wrap: wrap;
}
.btnForm.img li {
  width: 250px;
  margin-right: 36px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1260px) {
  .btnForm.img li {
    width: 45%;
    margin-right: 3%;
  }
  .btnForm.img li .inner li {
    width: 100%;
  }
  .btnForm.img li .inner li a {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 1260px) and (max-width: 980px) {
  .btnForm.img li .inner li a {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 1260px) and (max-width: 768px) {
  .btnForm.img li .inner li a {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 1260px) and (max-width: 500px) {
  .btnForm.img li .inner li a {
    font-size: 3.7vw;
  }
}
@media (max-width: 980px) {
  .btnForm.img li {
    width: 48%;
    margin-right: 3%;
  }
  .btnForm.img li:nth-child(2n) {
    margin-right: 0;
  }
  .btnForm.img li .inner li {
    width: 100%;
  }
}

.bgStyle1 .threeBtn li {
  background-color: #ffffff;
}
.bgStyle1 .twoBtn li {
  background-color: #ffffff;
}

.listForm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .listForm {
    display: block;
  }
}
.listForm li {
  width: 47%;
  font-size: 21px;
  padding-bottom: 70px;
}
@media screen and (max-width: 1260px) {
  .listForm li img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .listForm li {
    width: 100%;
  }
}
.listForm li p {
  margin-bottom: 10px;
}

ul.curcle {
  list-style: disc;
  padding-left: 30px;
}
ul.curcle li {
  margin-bottom: 10px;
  padding-bottom: 0;
}

.listForm.noColumn li {
  width: 100%;
}
@media (max-width: 768px) {
  .listForm.noColumn li {
    margin-bottom: 10%;
  }
}
.listForm.noColumn li:first-child {
  background-image: url("img/qa01.png");
  background-repeat: no-repeat;
  background-position: right 30% top;
  background-size: auto;
}
@media (max-width: 980px) {
  .listForm.noColumn li:first-child {
    background-position: right 10% top;
  }
}
@media (max-width: 768px) {
  .listForm.noColumn li:first-child {
    background-position: right top;
  }
}
.listForm.noColumn li:nth-child(2) {
  background-image: url("img/qa02.png");
  background-repeat: no-repeat;
  background-position: right 30% top;
  background-size: auto;
}
@media (max-width: 980px) {
  .listForm.noColumn li:nth-child(2) {
    background-position: right 10% top;
  }
}
@media (max-width: 768px) {
  .listForm.noColumn li:nth-child(2) {
    background-position: right top;
  }
}
.listForm.noColumn li:last-child {
  background-image: url("img/qa03.png");
  background-repeat: no-repeat;
  background-position: right 30% top;
  background-size: auto;
}
@media (max-width: 980px) {
  .listForm.noColumn li:last-child {
    background-position: right 10% top;
  }
}
@media (max-width: 768px) {
  .listForm.noColumn li:last-child {
    background-position: right top;
  }
}
.listForm.noColumn li p {
  padding-left: 150px;
  line-height: 4;
}
@media (max-width: 768px) {
  .listForm.noColumn li p {
    padding-left: 8vw;
    font-size: 3vw;
    line-height: 1.7;
  }
}
.listForm.noColumn li p.question {
  font-weight: bold;
  background-image: url("img/icon_q.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.btnForm.news li {
  padding-bottom: 15px;
  padding-top: 35px;
  color: #707070;
  border-bottom: 2px solid #a6cde5;
}
.btnForm.news li:first-child {
  border-top: 2px solid #a6cde5;
}
.btnForm.news li span {
  font-size: 12px;
  background-color: #a6cde5;
  color: #ffffff;
  padding: 3px 15px 5px 15px;
  margin-right: 20px;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .btnForm.news li span {
    font-size: 2vw;
  }
}
.btnForm.news li span.auction {
  background-color: skyblue;
}
.btnForm.news li span.management {
  background-color: orange;
}
.btnForm.news li a {
  display: flex;
  align-items: center;
  font-size: 25px;
  line-height: 2.9;
  color: #707070;
}
@media (max-width: 980px) {
  .btnForm.news li a {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .btnForm.news li a {
    font-size: 3vw;
  }
}

.btnArea {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.btnArea .button {
  margin-left: 10px;
}
.btnArea .button:first-child {
  margin-left: 0px;
}
.btnArea button {
  margin-left: 10px;
}
.btnArea button:first-child {
  margin-left: 0px;
}

.jumpBtn {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  width: 720px;
  background-color: #1a699a;
  border-radius: 0;
}
.jumpBtn a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.jumpBtn a:hover {
  opacity: 0.7;
}
.jumpBtn a {
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .jumpBtn a {
    font-size: 3.5vw;
  }
}

footer {
  background-color: #2c3357;
}
footer .grid {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
  font-weight: bold;
}
footer .grid .columnBox {
  margin-top: 50px;
  text-align: left;
}
@media screen and (max-width: 1260px) {
  footer .grid .columnBox {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  footer .grid .columnBox {
    display: block;
  }
}
@media (max-width: 768px) {
  footer .grid .columnBox .left {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
footer .grid .columnBox .left p {
  color: white !important;
  margin-bottom: 0px;
}
footer .grid .columnBox .left p.excepSmall {
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
}
footer .grid .columnBox .left.map img {
  width: 100%;
}
footer .grid .columnBox .left .mapSubTitle {
  font-size: 16px;
}
@media (max-width: 980px) {
  footer .grid .columnBox .left .mapSubTitle {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  footer .grid .columnBox .left .mapSubTitle {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  footer .grid .columnBox .left .mapSubTitle {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  footer .grid .columnBox .right {
    width: 100%;
  }
}
footer .grid .columnBox .right .btnForm {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
footer .grid .columnBox .right .nonLink {
  border-bottom: solid white 1px;
  line-height: 1.7;
  width: 100%;
}
footer .grid .columnBox .right li {
  color: white !important;
  margin-bottom: 10px;
  width: 50%;
}
footer .grid .columnBox .right li a {
  color: white !important;
  line-height: 1.7;
}
@media (max-width: 500px) {
  footer .grid .columnBox .right li a {
    font-size: 2.6vw;
  }
}
footer .grid .copyright {
  margin-top: 20px;
  margin-bottom: 0;
  color: white !important;
  font-weight: normal;
  font-size: 12px;
}
@media (max-width: 500px) {
  footer .grid .copyright {
    font-size: 1.8vw;
  }
}

.typePeople h2 {
  color: #707070;
  background-color: #a6cde5;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.typePeople h3 {
  margin-bottom: 20px;
}
.typePeople img {
  width: 100%;
}
.typePeople table tr th {
  color: #707070;
  font-size: 24px;
  width: 30%;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 980px) {
  .typePeople table tr th {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .typePeople table tr th {
    font-size: 3.5vw;
  }
}
@media (max-width: 500px) {
  .typePeople table tr th {
    font-size: 4vw;
  }
}
.typePeople table tr td {
  color: #707070;
  font-size: 24px;
  width: 70%;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 980px) {
  .typePeople table tr td {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .typePeople table tr td {
    font-size: 3.5vw;
  }
}
@media (max-width: 500px) {
  .typePeople table tr td {
    font-size: 4vw;
  }
}

.typeAboutus table {
  border-collapse: collapse;
  width: 100%;
}
.typeAboutus table th {
  background-color: #d5d0d0;
  color: white;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  width: 20%;
  border: 1px solid #707070;
}
.typeAboutus table td {
  color: #727272;
  font-size: 20px;
  background-color: #f2eded;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  width: 80%;
  border: 1px solid #707070;
}
.typeAboutus table tr th {
  color: #707070;
  font-size: 24px;
  width: 30%;
  background-color: #a6cde5;
}
@media (max-width: 980px) {
  .typeAboutus table tr th {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .typeAboutus table tr th {
    font-size: 3vw;
  }
}
.typeAboutus table tr td {
  color: #707070;
  font-size: 24px;
  width: 70%;
}
@media (max-width: 980px) {
  .typeAboutus table tr td {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .typeAboutus table tr td {
    font-size: 3vw;
  }
}
.typeAboutus .lastUpdate {
  text-align: right;
  padding-top: 15px;
}
.typeAboutus img {
  width: 100%;
  margin-bottom: 80px;
}
.typeAboutus .acceSubTitless {
  background-color: #a6cde5;
  font-size: 24px;
  color: #707070;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin-bottom: 40px;
}
@media (max-width: 980px) {
  .typeAboutus .acceSubTitless {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .typeAboutus .acceSubTitless {
    font-size: 3vw;
  }
}
@media (max-width: 500px) {
  .typeAboutus .acceSubTitless {
    font-size: 4.5vw;
  }
}

.typeAboutus .columnBoxAicWr {
  display: flex;
  flex-wrap: wrap;
}
.typeAboutus .columnBoxAicWr .box {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 80px;
}
.typeAboutus .columnBoxAicWr .box:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 980px) {
  .typeAboutus .columnBoxAicWr .box {
    width: 47%;
  }
  .typeAboutus .columnBoxAicWr .box:nth-child(3n) {
    margin-right: 5%;
  }
  .typeAboutus .columnBoxAicWr .box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .typeAboutus .columnBoxAicWr .box {
    width: 100%;
    margin-right: 0;
  }
}
.typeAboutus .columnBoxAicWr .box img {
  margin-bottom: 30px;
}
.typeAboutus .columnBoxAicWr .box p {
  margin-bottom: 30px;
  font-size: 24px;
}
.typeAboutus .columnBoxAicWr .box ul li {
  font-size: 20px;
  margin-bottom: 20px;
}
.typeAboutus .columnBoxAicWr .box ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .typeAboutus .accessSubTitle {
    margin-bottom: 2vw;
    font-weight: bold;
  }
}

.introTxt {
  font-size: 16px;
}
@media (max-width: 980px) {
  .introTxt {
    font-size: 1.8vw;
  }
}
@media (max-width: 768px) {
  .introTxt {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  .introTxt {
    font-size: 3.2vw;
  }
}
.introTxt.center {
  text-align: center;
}

@media (max-width: 768px) {
  .flowList + .columnBox {
    display: block;
  }
}
.flowList + .columnBox.reverse .left {
  padding-left: 30px;
  padding-right: 0;
}
@media (max-width: 768px) {
  .flowList + .columnBox.reverse .left {
    width: 100%;
    padding-left: 0px;
  }
}
.flowList + .columnBox .left {
  width: 48%;
}
@media (max-width: 768px) {
  .flowList + .columnBox .left {
    width: 100%;
    padding-right: 0px;
  }
}
.flowList + .columnBox .right {
  width: 48%;
}
@media (max-width: 768px) {
  .flowList + .columnBox .right {
    width: 100%;
  }
}
.flowList + .columnBox img {
  width: 100%;
}
.flowList + .columnBox p {
  margin-bottom: 40px;
}
.flowList + .columnBox .curcle li {
  font-size: 21px;
}
@media (max-width: 980px) {
  .flowList + .columnBox .curcle li {
    font-size: 2.4vw;
  }
}
@media (max-width: 768px) {
  .flowList + .columnBox .curcle li {
    font-size: 3.1vw;
  }
}
@media (max-width: 500px) {
  .flowList + .columnBox .curcle li {
    font-size: 3.8vw;
  }
}
.flowList + .columnBox + .threeBtn {
  margin-top: 70px;
}
.flowList + .columnBox + .twoBtn {
  margin-top: 70px;
}

.imgContent.imgRight {
  text-align: right;
}
@media (max-width: 980px) {
  .imgContent.arrow img {
    width: 15vw;
  }
}

.idaList::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 150px;
  height: 120px;
  background-image: url("img/idaPoint01.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: -20px;
  left: 5px;
}
@media (max-width: 980px) {
  .idaList::before {
    width: 100px;
    top: -13px;
  }
}

@media (max-width: 980px) {
  .idaList + .columnBox {
    display: block;
  }
}
.idaList + .columnBox.reverse .left {
  padding-left: 30px;
  padding-right: 0;
}
@media (max-width: 980px) {
  .idaList + .columnBox.reverse .left {
    width: 100%;
    padding-left: 0px;
  }
}
.idaList + .columnBox .left {
  width: 48%;
}
@media (max-width: 980px) {
  .idaList + .columnBox .left {
    width: 100%;
    padding-right: 0px;
  }
}
.idaList + .columnBox .left img {
  width: 100%;
}
.idaList + .columnBox .right {
  width: 48%;
}
@media (max-width: 980px) {
  .idaList + .columnBox .right {
    width: 100%;
  }
}
.idaList + .columnBox img + img {
  margin-top: 25px;
}
.idaList + .columnBox p {
  margin-bottom: 0;
}
.idaList + .columnBox p + p {
  margin-top: 30px;
}
.idaList + .columnBox p + p:last-child {
  margin-bottom: 70px;
}

.typeAuctionAgent .columnBox img {
  width: 100%;
}
@media (max-width: 980px) {
  .typeAuctionAgent .columnBox {
    display: block;
  }
  .typeAuctionAgent .columnBox .left {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .typeAuctionAgent .columnBox .right {
    width: 100%;
  }
}
.typeAuctionAgent .columnBox.reverse .left {
  padding-left: 30px;
  padding-right: 0;
}
@media (max-width: 980px) {
  .typeAuctionAgent .columnBox.reverse .left {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.typeAuctionAgent .columnBox + .threeBtn {
  margin-top: 80px;
}
.typeAuctionAgent .columnBox + .twoBtn {
  margin-top: 80px;
}
.typeAuctionAgent h2 {
  margin-bottom: 40px;
}

.headerStyleS1 {
  font-size: 30px;
  margin-bottom: 40px;
  color: #727272;
  line-height: 2;
  background-color: #cecbcb;
  border-radius: 10px;
  padding: 7px 0px 7px 35px;
  background-image: url("img/s1Bg.png");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: auto;
}
@media screen and (max-width: 1260px) {
  .headerStyleS1 {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) {
  .headerStyleS1 {
    font-size: 3.2vw;
  }
}
@media (max-width: 768px) {
  .headerStyleS1 {
    font-size: 4.4vw;
  }
}
@media (max-width: 500px) {
  .headerStyleS1 {
    font-size: 5.4vw;
  }
}
.headerStyleS1.turningAround {
  font-size: 20px;
  color: #ffffff;
  background-color: #2c3357;
  background-image: url("img/s1BgTA.png");
}
@media screen and (max-width: 1260px) {
  .headerStyleS1.turningAround {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) {
  .headerStyleS1.turningAround {
    font-size: 3.2vw;
  }
}
@media (max-width: 768px) {
  .headerStyleS1.turningAround {
    font-size: 4.4vw;
    line-height: 1.5;
  }
}
@media (max-width: 500px) {
  .headerStyleS1.turningAround {
    font-size: 5.4vw;
  }
}

.typeQa .accordion {
  margin-bottom: 40px;
}
.typeQa .accordion + .threeBtn {
  margin-top: 80px;
}
.typeQa .accordion + .twoBtn {
  margin-top: 80px;
}
.typeQa .accordion.lastChild {
  margin-bottom: 80px;
}
.typeQa .accordion .accordion-title {
  font-size: 30px;
  line-height: 1.8;
  font-weight: bold;
  background-color: #ebebeb;
  border-radius: 10px;
  padding: 10px 0 10px 100px;
  background-image: url("img/iconQaTitle.png");
  background-repeat: no-repeat;
  background-position: left 30px center;
  background-size: auto;
}
@media screen and (max-width: 1260px) {
  .typeQa .accordion .accordion-title {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) {
  .typeQa .accordion .accordion-title {
    font-size: 3.2vw;
  }
}
@media (max-width: 768px) {
  .typeQa .accordion .accordion-title {
    font-size: 4.4vw;
  }
}
@media (max-width: 500px) {
  .typeQa .accordion .accordion-title {
    font-size: 5.4vw;
  }
}
.typeQa .accordion .accordion-content {
  padding: 15px 0 15px 100px;
  font-size: 27px;
  line-height: 1.8;
  color: #727272;
}
@media screen and (max-width: 1260px) {
  .typeQa .accordion .accordion-content {
    font-size: 2vw;
  }
}
@media (max-width: 980px) {
  .typeQa .accordion .accordion-content {
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  .typeQa .accordion .accordion-content {
    font-size: 4.2vw;
  }
}
@media (max-width: 500px) {
  .typeQa .accordion .accordion-content {
    font-size: 5.2vw;
  }
}

/* アコーディオン01 */
/* アコーディオンのタイトル部分 */
.accordion-title {
  padding: 6px;
  margin: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  cursor: pointer;
}

/* アコーディオンじゃない部分のポインター無効 */
.accordion-title.excep {
  cursor: default;
}

/* アコーディオンのコンテンツ部分 */
.accordion-content {
  display: none; /* 初期状態は非表示 */
  padding: 12px 6px;
}

/* 初期状態を表示するとき用のクラス */
.accordion-content-active {
  display: block;
}

/* アコーディオン01ここまで */
.typePp ul {
  line-height: 1.7;
  padding-left: 30px;
  margin-bottom: 50px;
}
@media (max-width: 980px) {
  .typePp ul {
    padding-left: 0;
  }
}
.typePp ul > li {
  margin-top: 40px;
}
@media (max-width: 980px) {
  .typePp ul > li {
    font-size: 2.4vw;
  }
}
@media (max-width: 768px) {
  .typePp ul > li {
    font-size: 3.1vw;
  }
}
@media (max-width: 500px) {
  .typePp ul > li {
    font-size: 3.8vw;
  }
}
.typePp ul > li ul > li {
  margin-top: 20px;
}
.typePp ul.num {
  list-style: decimal;
}
.typePp ul.alpha {
  list-style: lower-alpha;
}
.typePp ul.curcle {
  list-style: disc;
}

.columnBox.freeTable {
  line-height: 1.7;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.columnBox.freeTable div {
  margin-bottom: 30px;
  font-size: 20px;
}
@media (max-width: 980px) {
  .columnBox.freeTable div {
    font-size: 2.4vw;
  }
}
@media (max-width: 768px) {
  .columnBox.freeTable div {
    font-size: 3.1vw;
  }
}
@media (max-width: 500px) {
  .columnBox.freeTable div {
    font-size: 3.8vw;
  }
}
.columnBox.freeTable div.lastChild {
  margin-bottom: 0;
}
.columnBox.freeTable .tableLeft {
  width: 20%;
  font-weight: bold;
}
.columnBox.freeTable .tableRight {
  width: 80%;
}

.caption.right {
  text-align: right;
}

/* お問合せフォーム１ */
.typeContact .centerMode {
  margin-bottom: 0;
}
.typeContact .section {
  padding-top: 20px;
  padding-bottom: 100px;
}

.screen-reader-response p {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.contact p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.headline {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .headline {
    display: block;
  }
}

.headline input span {
  height: 100%;
}

input::-moz-placeholder {
  color: #707070;
}

input::placeholder {
  color: #707070;
}

input.wpcf7-form-control.wpcf7-date {
  /* color: #707070!important; */
}

.headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-date,
.headline p select {
  width: 100%;
  height: 80px;
  font-size: 1.5em;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 1260px) {
  .headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-date,
.headline p select {
    width: 100%;
  }
}

textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.5em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1260px) {
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
  }
}

.headline .title {
  width: 25%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .headline .title.hissu p {
    margin-bottom: 2%;
  }
}
.headline .title.hissu + p {
  width: 80%;
}
@media (max-width: 768px) {
  .headline .title.hissu + p {
    width: 100%;
  }
}
@media screen and (max-width: 1260px) {
  .headline .title {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .headline .title {
    width: 100%;
  }
}

.wpcf7 .button {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.wpcf7-submit {
  width: 680px;
  height: 80px;
  border-radius: 15px;
  border: 0px solid gray;
  background: linear-gradient(white, #4d97c4);
  color: #6f6f6f;
  cursor: pointer;
}
@media screen and (max-width: 1260px) {
  .wpcf7-submit {
    width: 50vw;
  }
}
@media (max-width: 980px) {
  .wpcf7-submit {
    width: 70vw;
  }
}

.wpcf7-submit:hover {
  color: black;
}

.mailblock {
  margin: 50px 0px;
}

.wpcf7 h2 {
  margin-bottom: 20px;
  color: #707070;
}

.mailchoice {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.mailchoice a {
  margin-right: 30px;
  color: #707070;
}

.mailchoice a:hover {
  color: black;
}

.mailchoice a:last-child {
  margin-right: 0px;
}

.mailchoice .button {
  width: 280px;
  height: 60px;
  border-radius: 15px;
  border: 1px solid gray;
  background: linear-gradient(#dedada, #b1adad);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mailchoice .button.current {
  font-weight: 900;
  background: linear-gradient(#b1adad, #7c7f82);
  color: white;
}

.wpcf7 a.kojin {
  text-decoration: underline;
  color: blue;
  margin-left: 10px;
}

.headline .title label,
.headline select {
  color: #707070;
}
@media (max-width: 980px) {
  .headline .title label,
.headline select {
    font-size: 1.8vw;
  }
}
@media (max-width: 768px) {
  .headline .title label,
.headline select {
    font-size: 2.8vw;
  }
}
@media (max-width: 500px) {
  .headline .title label,
.headline select {
    font-size: 3.8vw;
  }
}

.headline.kojin {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .headline.kojin {
    display: block;
  }
}

.headline.kojin .wpcf7-list-item-label {
  color: #707070;
}

.hissu label::after {
  /* position: absolute; */
  content: "必須";
  width: 50px;
  height: 30px;
  background-color: red;
  color: white;
  margin-left: 15px;
  border-radius: 5px;
  font-size: 0.8em;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 980px) {
  .hissu label::after {
    font-size: 1.8vw;
    margin-left: 0.7vw;
  }
}
@media (max-width: 768px) {
  .hissu label::after {
    font-size: 3vw;
    margin-left: 2vw;
  }
}
@media (max-width: 350px) {
  .hissu label::after {
    font-size: 5vw;
    margin-left: 2vw;
  }
}

.wpcf7-list-item {
  margin-right: 30px;
}

.wpcf7-response-output {
  /* background-color: orange; */
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-top: 20px;
}

.screen-reader-response p,
.screen-reader-response ul li {
  text-align: center;
}

.screen-reader-response p {
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
}

/* .wpcf7-form.invalid {
	display: none;
} */
.wpcf7-not-valid-tip {
  display: block;
  color: red;
}

.screen-reader-response ul {
  display: none;
}

.excepLine {
  border: 1px #767676 solid;
  padding: 0 20px 0px 20px;
  height: 80px;
  line-height: 1.7;
}

.columnBox.style4-6 .left {
  width: 40%;
}
.columnBox.style4-6 .right {
  width: 60%;
}
.columnBox.styleThree {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .columnBox.styleThree {
    display: block;
  }
}
.columnBox.styleThree .boxThree {
  width: 30%;
}
@media (max-width: 768px) {
  .columnBox.styleThree .boxThree {
    width: 100%;
    margin-bottom: 5%;
  }
}
.columnBox.styleThree .boxThree img {
  width: 100%;
}
.columnBox.styleThreeMaxWidth {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.columnBox.styleThreeMaxWidth .boxThree {
  width: 33%;
  height: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  color: #ffffff;
  padding: 35px 0 40px 0;
}
@media screen and (max-width: 1260px) {
  .columnBox.styleThreeMaxWidth .boxThree {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) {
  .columnBox.styleThreeMaxWidth .boxThree {
    font-size: 3.2vw;
  }
}
@media (max-width: 768px) {
  .columnBox.styleThreeMaxWidth .boxThree {
    font-size: 4.4vw;
  }
}
@media (max-width: 500px) {
  .columnBox.styleThreeMaxWidth .boxThree {
    font-size: 5.4vw;
  }
}
.columnBox.styleThreeMaxWidth .boxThree.kakumaru {
  border-radius: 10px;
}
.columnBox.styleThreeMaxWidth .boxThree.blue {
  background-color: #6bc1ef;
}
.columnBox.styleThreeMaxWidth .boxThree.green {
  background-color: #35e60e;
}
.columnBox.styleThreeMaxWidth .boxThree.brown {
  background-color: #edb04d;
}
.columnBox.styleThreeMaxWidth .boxThree.skyblue1 {
  background-color: #6bc1ef;
}
.columnBox.styleThreeMaxWidth .boxThree.skyblue2 {
  background-color: #6be0ef;
}
.columnBox.styleThreeMaxWidth.smallTxt .boxThree {
  height: 100%;
  padding: 35px 25px 40px 25px;
  text-align: left;
  font-size: 20px;
}
.columnBox.styleTwoMaxWidth {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.columnBox.styleTwoMaxWidth .boxThree {
  width: 49.7%;
  height: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  color: #ffffff;
  padding: 35px 0 40px 0;
}
@media screen and (max-width: 1260px) {
  .columnBox.styleTwoMaxWidth .boxThree {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) {
  .columnBox.styleTwoMaxWidth .boxThree {
    font-size: 3.2vw;
  }
}
@media (max-width: 768px) {
  .columnBox.styleTwoMaxWidth .boxThree {
    font-size: 4.4vw;
  }
}
@media (max-width: 500px) {
  .columnBox.styleTwoMaxWidth .boxThree {
    font-size: 5.4vw;
  }
}
.columnBox.styleTwoMaxWidth .boxThree.kakumaru {
  border-radius: 10px;
}
.columnBox.styleTwoMaxWidth .boxThree.blue {
  background-color: #6bc1ef;
}
.columnBox.styleTwoMaxWidth .boxThree.green {
  background-color: #35e60e;
}
.columnBox.styleTwoMaxWidth .boxThree.brown {
  background-color: #edb04d;
}
.columnBox.styleTwoMaxWidth .boxThree.skyblue1 {
  background-color: #6bc1ef;
}
.columnBox.styleTwoMaxWidth .boxThree.skyblue2 {
  background-color: #6be0ef;
}
.columnBox.styleTwoMaxWidth.smallTxt .boxThree {
  height: 100%;
  padding: 35px 25px 40px 25px;
  text-align: left;
  font-size: 20px;
}

table tr td {
  color: #ffffff;
}
table tr td.boxThree {
  width: 33%;
  text-align: center;
  font-size: 20px;
  padding: 35px 25px 40px 25px;
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width: 1260px) {
  table tr td.boxThree {
    font-size: 1.8vw;
  }
}
@media (max-width: 980px) {
  table tr td.boxThree {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  table tr td.boxThree {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  table tr td.boxThree {
    font-size: 4.8vw;
  }
}
table tr td.boxThree.kakumaru {
  border-radius: 10px;
}
table tr td.boxThree.blue {
  background-color: #6bc1ef;
}
table tr td.boxThree.green {
  background-color: #35e60e;
}
table tr td.boxThree.brown {
  background-color: #edb04d;
}
table tr td.boxThree.skyblue1 {
  background-color: #6bc1ef;
}
table tr td.boxThree.skyblue2 {
  background-color: #6be0ef;
}

.priceList::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 150px;
  height: 120px;
  background-image: url("img/osusumePoint.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: -45px;
  left: -3px;
}

.priceList + .columnBox {
  margin-bottom: 70px;
}
.priceList + .columnBox.reverse .left {
  padding-left: 30px;
  padding-right: 0;
}
@media (max-width: 980px) {
  .priceList + .columnBox.reverse .left {
    padding-left: 0;
  }
}
.priceList + .columnBox .left {
  width: 38%;
}
@media (max-width: 980px) {
  .priceList + .columnBox .left {
    width: 100%;
  }
}
.priceList + .columnBox .right {
  width: 58%;
}
@media (max-width: 980px) {
  .priceList + .columnBox .right {
    width: 100%;
  }
}
.priceList + .columnBox img + img {
  margin-top: 25px;
}
.priceList + .columnBox p {
  margin-bottom: 0;
}
.priceList + .columnBox p + p {
  margin-top: 30px;
}
.priceList + .columnBox p + p:last-child {
  margin-bottom: 70px;
}
.priceList.point1 {
  background-image: url("img/osusumePoint1.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left 20px center;
}
.priceList.point2 {
  background-image: url("img/osusumePoint1.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left 20px center;
}
.priceList.point3 {
  background-image: url("img/osusumePoint1.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left 20px center;
}

.newsList.single li {
  border-bottom: 0;
}
.newsList li {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 2px solid #1a699a;
}
.newsList li::first-child {
  padding-top: 0;
}
.newsList li .day {
  color: #707070;
}
.newsList li h3 {
  color: #707070;
  font-weight: normal;
}
.newsList p {
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .newsList p {
    font-size: 2.5vw;
  }
}
.newsList p .newsCat {
  margin-right: 30px;
  margin-left: 30px;
  color: #707070;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px;
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  .newsList p .newsCat {
    font-size: 1.8vw;
    margin-right: 4vw;
    margin-left: 4vw;
  }
}
.newsList p .newsCat.news {
  background-color: skyblue;
}
.newsList p .newsCat.management {
  background-color: orange;
}
.newsList.single img {
  width: 100%;
  height: auto;
}
.newsList.single .date {
  text-align: right;
  font-size: 16px;
}
@media (max-width: 768px) {
  .newsList.single .date {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  .newsList.single .date {
    font-size: 3vw;
  }
}
.newsList.single .newsCat {
  margin-left: 0;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px;
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  .newsList.single .newsCat {
    font-size: 1.8vw;
    margin-right: 4vw;
  }
}
.newsList.single .newsCat.auction {
  background-color: skyblue;
}
.newsList.single .newsCat.management {
  background-color: orange;
}
.newsList.single .singleContent {
  margin-top: 50px;
}

.c-hamburger-menu {
  position: relative;
}

.c-hamburger-menu__list {
  background-color: #2c3357; /* カスタマイズしてください */
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 2rem; /* カスタマイズしてください */
  position: absolute;
  transform: translateX(-100%);
  transition: 0.3s; /* カスタマイズしてください */
  top: 100%;
  width: 100%;
  height: 95vh;
}
.c-hamburger-menu__list li {
  margin-bottom: 20px;
  font-weight: bold;
}
.c-hamburger-menu__list li a {
  color: white;
}

#hamburger:checked ~ .c-hamburger-menu__list {
  transform: translateX(0%);
  transition: 0.3s;
}

.c-hamburger-menu__input {
  display: none;
}

.c-hamburger-menu__bg {
  background-color: #000; /* カスタマイズしてください */
  cursor: pointer;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.4; /* カスタマイズしてください */
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#hamburger:checked ~ .c-hamburger-menu__bg {
  display: block;
}

.c-hamburger-menu__button {
  display: none;
}

.c-hamburger-menu__button {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 7px; /* カスタマイズしてください */
  height: 32px; /* カスタマイズしてください */
  justify-content: center;
  width: 32px; /* カスタマイズしてください */
}

.c-hamburger-menu__button-mark {
  background-color: white; /* カスタマイズしてください */
  display: block;
  height: 2px; /* カスタマイズしてください */
  transition: 0.3s; /* カスタマイズしてください */
  width: 25px; /* カスタマイズしてください */
}

@media (max-width: 980px) {
  #hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(1) {
    transform: translate(2px, 1px) rotate(45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
  #hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
  }
  #hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(3) {
    transform: translate(2px, 3px) rotate(-45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
}
.hamNaviLogo {
  text-align: right;
  margin-top: 30px;
}
/*# sourceMappingURL=style.css.map */