.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
body {
  letter-spacing: .1em;
}

/*notes*/
header {
  padding: 0;
}
.header__main__wrap {
  background: center center / cover url(../faq/img/0000.png) no-repeat;
  padding: 180px 4% 90px;
}
h1 {
  background: center center / 708px url(../faq/img/h101.png) no-repeat;
  font-size: 4.0rem;
  font-weight: 400;
  margin: 0 auto 1em;
  max-width: 708px;
  padding: 1em;
  text-align: center;
}
.header__main__wrap .txt {
  font-size: 2.0rem;
  letter-spacing: .2em;
  margin-bottom: 2em;
  text-align: center;
}
.header__main__wrap .box__wrap {
  align-items: center;
  border-top: 1px solid #C4C0C0;
  border-bottom: 1px solid #C4C0C0;
  display: flex;
  font-size: 2.0rem;
  justify-content: space-around;
  letter-spacing: .1em;
  margin: auto;
  max-width: 900px;
  padding: 1.5em 0;
  text-align: center;
}
.header__main__wrap .box__wrap p:nth-of-type(1) {
  font-size: 2.5rem;
}
.header__main__wrap .box__wrap p:nth-of-type(2) {
  align-items: center;
  display: flex;
}
.header__main__wrap .box__wrap span {
  font-size: 4.0rem;
  margin-left: .25em;
}

/*notes*/
.s01__wrap {
  background: center center / cover url(../about/img/0300.png) repeat-y;
}
.s01__wrap h3 {
  font-size: 3.0rem;
  font-weight: 400;
  letter-spacing: .2em;
  margin-bottom: 1em;
  text-align: center;
}
.s01__wrap .txt {
  font-family: "游ゴシック体", YuGothic, sans-serif;
  font-size: 1.8rem;
  letter-spacing: .2em;
  margin: 0 auto 5em;
  padding: 0 4%;
  max-width: 740px;
}
form {
  font-family: "游ゴシック体", YuGothic, sans-serif;
  font-size: 2.5rem;
  letter-spacing: .1em;
}
.box1__wrap {
  margin: auto;
  max-width: 900px;
  padding: 0 4%;
}
form .item__wrap {
  align-items: flex-start;
  display: flex;
  margin-bottom: 50px;
}
form .item__wrap .item {
  align-items: center;
  display: flex;
  line-height: 1.3;
  padding-top: .5em;
  width: 30%;
}
form .item__wrap2 .item {
  align-items: center;
  display: flex;
  line-height: 1.3;
  padding-top: .5em;
  width: 100%;
}
form .item span {
  background: #937F41;
  color: #fff;
  font-size: 1.7rem;
  margin-right: .5em;
  text-align: center;
  width: 3.5em;
}
form input[type=text] {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  font-size: 2.5rem;
  padding: 1.5%;
  width: 70%;
}
form input[type=text].short {
  margin-right: 2%;
  width: 30%;
}
form textarea {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  font-family: "游ゴシック体", YuGothic, sans-serif;
  font-size: 2.5rem;
  height: 440px;
  margin-bottom: 100px;
  padding: 1.5%;
  width: 97%;
}
form select {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  color: #C9C9C9;
  font-family: "游ゴシック体", YuGothic, sans-serif;
  font-size: 2.5rem;
  padding: 1.5%;
  width: 66%;
}
::-webkit-input-placeholder {
  color: #C9C9C9;
}
.box2__wrap {
  background: #fff;
  padding: 100px 4%;
}
.box2 {
  margin: auto;
  max-width: 900px;
}
h4 {
  border: 1px solid #C4C0C0;
  display: table;
  font-family: "游明朝体", "Yu Mincho", serif!important;
  font-size: 3.0rem;
  font-weight: 400;
  margin: 0 0 1em;
  padding: 0 1em;
}
article {
  background: #fff;
  border: 1px solid #C4C0C0;
  box-sizing: border-box;
  font-size: 2.0rem;
  margin: 2em auto;
  padding: 60px;
}
article h5 {
  border-bottom: 2px solid #937F41;
  font-size: 3.0rem;
  font-weight: 400;
  margin-bottom: 1.5em;
}
article h6 {
  font-size: 2.5rem;
  font-weight: 400;
  margin-top: 1em;
}
form .item__wrap3 {
  background: #E5E0D0;
  margin: auto;
  max-width: 600px;
  padding: .5em;
  text-align: center;
}
.txt2 {
  margin: 1em;
  text-align: center;
}
form .submit__wrap {
  position: relative;
  margin: 0 auto;
  max-width: 380px;
}
form .submit__wrap:before {
  position: absolute;
  content: '';
  top: 50%;
  left: -3em;
  background: #333;
  height: 1px;
  transform: translateY(-50%);
  transition: 0.3s;
  width: 109px;
  z-index: 1;
}
form input[type=submit] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  background: #fff;
  border: none;
  border: 1px solid #333;
  color: #333;
  display: block;
  font-family: "游明朝体", "Yu Mincho", serif;
  font-size: 2.5rem;
  letter-spacing: .1em;
  padding: .5em 0;
  text-align: center;
  width: 100%;
}

/*notes*/
.ty__wrap {
  text-align: center;
}
.ty__wrap .t1 {
  font-size: 4.0rem;
  letter-spacing: .2em;
  margin-bottom: 2em;
}
.ty__wrap p {
  margin-bottom: 5em;
}

/*notes*/
footer .box1__wrap ul {
  align-items: center;
  padding: 50px 4%;
}
footer .box1__wrap .t1 {
  font-family: "游明朝体", "Yu Mincho", serif!important;
  font-size: 5.0rem!important;
  line-height: 1.3;
  margin-bottom: .75em;
}
footer .box1__wrap .t2 {
  font-size: 2.2rem!important;
  line-height: 2!important;
}
footer .box1__wrap a {
  position: relative;
  border: 1px solid #fff;
  display: block;
  font-size: 2.5rem;
  margin-top: 1em;
  margin-left: auto;
  max-width: 360px;
  padding: .25em 0;
  text-align: center;
}
footer .box1__wrap a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: -3em;
  background: #fff;
  height: 1px;
  transform: translateY(-50%);
  transition: 0.3s;
  width: 98px;
}
footer .box1__wrap a:link,
footer .box1__wrap a:visited {
  color: #fff;
}

@media screen and (max-width:720px){
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
body {
  font-size: 1.5rem;
}

/*notes*/
header {
  padding: 0;
}
.header__main__wrap {
  padding: 90px 4% 40px;
}
h1 {
  background: center center / 100% url(../faq/img/h101.png) no-repeat;
  font-size: 2.5rem;
}
.header__main__wrap .txt {
  font-size: 1.8rem;
}
.header__main__wrap .box__wrap {
  display: block;
  font-size: 1.6rem;
}
.header__main__wrap .box__wrap p:nth-of-type(1) {
  font-size: 2.0rem;
}
.header__main__wrap .box__wrap p:nth-of-type(2) {
  justify-content: center;
}
.header__main__wrap .box__wrap span {
  font-size: 3.2rem;
}

/*notes*/
.s01__wrap h3 {
  font-size: 2.4rem;
}
.s01__wrap .txt {
  font-size: 1.5rem;
}
form {
  font-size: 1.8rem;
}
form .item__wrap {
  display: block;
  margin-bottom: 20px;
}
form .item__wrap .item {
  width: 100%;
}
form .item span {
  font-size: 1.3rem;
}
form input[type=text] {
  font-size: 1.8rem;
  padding: 3%;
  width: 94%;
}
form input[type=text].short {
  width: 40%;
}
form textarea {
  font-size: 1.8rem;
  height: 150px;
  margin-bottom: 50px;
  padding: 3%;
  width: 94%;
}
form select {
  font-size: 1.8rem;
  padding: 3%;
}
.box2 {
  font-size: 1.5rem;
}
h4 {
  font-size: 2.0rem;
}
article {
  font-size: 1.3rem;
  padding: 20px;
}
article h5 {
  font-size: 2.0rem;
}
article h6 {
  font-size: 1.7rem;
}
form .submit__wrap {
  max-width: 280px;
}
form .submit__wrap:before {
  left: -2em;
  width: 69px;
}
form input[type=submit] {
  font-size: 2.0rem;
}

/*notes*/
.ty__wrap .t1 {
  font-size: 2.0rem;
  letter-spacing: .1em;
  margin-bottom: 2em;
}
}