.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
h1 {
  color: #0c85c0;
  font-size: 4.6rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: .3em;
  text-indent: -.5em;
}
h2 {
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 46px;
  text-align: center;
}
h2 img {
  display: block;
  margin: auto;
}
h3 {
  color: #0c85c0;
  display: flex;
  font-size: 3.2rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1.3;
}

/*notes*/
header .header__top__wrap {
  position: fixed;
  background: #fff;
  width: 100%;
  z-index: 1;
}
header .header__top {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  margin: auto;
  max-width: 1000px;
  padding: 8px 2%;
}
header .header__top div:first-child {
  margin-right: auto;
}
header .header__main__wrap {
  background: top 48px center / cover no-repeat url("../img/0000.svg");
  padding-top: 60px;
}
header .header__main__wrap .b1__wrap {
  margin: auto;
  max-width: 1000px;
  padding: 48px 4% 76px;
}
header .header__main__wrap .b1__wrap .b1 {
  margin-right: auto;
  max-width: 600px;
  text-align: center;
}
header .header__main__wrap .b1__wrap .b1 .t1 {
  position: relative;
  background: #ed5561;
  color: #fff;
  display: inline-block;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: .1em;
  margin-bottom: .5em;
  padding: 0 1em;
}
header .header__main__wrap .b1__wrap .b1 .t1:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #ed5561;
}
header .header__main__wrap .b1__wrap .b1 .t1 span {
  color: #fcec32;
  font-size: 3.2rem;
}
header .header__main__wrap .b1__wrap .b1 .t2 {
  font-size: 2.6rem;
  font-weight: 900;
  margin-bottom: .6em;
}
header .header__main__wrap .b1__wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.5em;
}
header .header__main__wrap .b1__wrap ul li {
  background: #fff;
  border: 1px solid #0ca0c0;
  border-radius: 20px;
  font-weight: 700;
  margin: .2em;
  max-width: 135px;
  width: 100%;
}
header .header__main__wrap .b1__wrap ul li:last-child {
  max-width: 165px;
}

/*notes*/
.s01__wrap {
  background: center center / cover no-repeat url("../img/0100.svg");
  padding: 64px 4% 0;
}
.s01__wrap .b1__wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 840px;
}
.s01__wrap li {
  position: relative;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 12px;
  padding-left: 24px;
}
.s01__wrap li:before {
  position: absolute;
  content: "";
  background: 100% / 100% url(../img/0102.svg) no-repeat;
  width: 20px;
  height: 16px;
  top: .5em;
  left: 0;
}
.s01__wrap li:last-child {
  margin-bottom: 0;
}
.s01__wrap li span {
  color: #de495a;
  font-weight: 900;
}
.s01__wrap .t1 {
  position: relative;
  background: #0c85c0;
  border-radius: 40px;
  color: #fcec32;
  display: block;
  font-size: 3.0rem;
  font-weight: 700;
  margin: 46px auto;
  max-width: 450px;
  padding: .2em 1em;
  text-align: center;
}
.s01__wrap .t1:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #0c85c0;
}
.s01__wrap .b2__wrap {
  background: #fff;
  border-radius: 40px;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.05));
  margin: auto;
  max-width: 580px;
  padding: 40px;
}
.s01__wrap .b2__wrap .t2 {
  position: relative;
  color: #de495a;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 32px 0;
  text-align: center;
}
.s01__wrap .b2__wrap .t2 img {
  position: absolute;
  top: -.5em;
  right: 1.4em;;
}
form {
  margin: 32px auto 0;
  max-width: 500px;
}
form div {
  margin-bottom: 16px;
}
form div .req {
  background: #de495a;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 8px;
  padding: 2px 8px;
}
form input.txt,form textarea.txt {
  background: #f1f1f1;
  border: none;
  border-radius: 10px;
  font-size: 1.6rem;
  margin: 4px 0;
  padding: 8px 2% 12px;
  width: 100%;
}
.radio__wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: .5em 0;
}
.radio__wrap div {
  margin-bottom: .4em;
}
.radio__wrap label {
  margin-right: 1em;
}
.btn__submit {
  background: #de495a;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2.0rem;
  font-weight: 700;
  max-width: 280px;
  margin: auto;
  padding: .6em 0;
  transition: .4s;
  width: 100%;
}
.btn__submit:hover {
  background: #0c85c0;
}
input[type="submit"] {
  -webkit-appearance: none;
}
.s01__wrap .b3__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.s01__wrap .b3__wrap div {
  max-width: 240px;
  width: 100%;
}

/*notes*/
.s02__wrap {
  background: center center / cover no-repeat url("../img/0100.svg");
  padding: 64px 4%;
}
.s02__wrap .b1__wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 64px;
  max-width: 940px;
}
.s02__wrap .b1__wrap .b1 {
  align-items: center;
  display: flex;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 1.4em 0;
}
.s02__wrap .b1__wrap .b1 img {
  margin-right: .5em;
}
.s02__wrap .b1__wrap .b1 span {
  color: #de495a;
  font-size: 3.4rem;
  font-weight: 900;
}
.s02__wrap .b2__wrap {
  color: #0c85c0;
  display: flex;
  font-size: 3.2rem;
  font-weight: 900;
  justify-content: space-between;
  line-height: 1.2;
  margin: auto;
  max-width: 860px;
  text-align: center;
}

/*notes*/
.s03__wrap {
  padding: 64px 4%;
}
.s03__wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 64px;
  max-width: 800px;
}
.s03__wrap ul li {
  font-size: 1.4rem;
  margin: 5px;
  max-width: 150px;
  text-align: center;
  width: 100%;
}

/*notes*/
.s04__wrap {
  background: center center / cover no-repeat url("../img/0400.svg");
  padding: 64px 4%;
}
.s04__wrap .b1__wrap {
  background: #fff;
  border: 3px solid #0ca0c0;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 20px;
  max-width: 580px;
  padding: 20px;
}
.s04__wrap .b1__wrap img {
  margin-right: 1em;
}
.s04__wrap .b1__wrap .t1 {
  border-left: 3px solid #0c85c0;
  color: #0c85c0;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: .5em;
  padding-left: .5em;
}
.s04__wrap .b1__wrap p:last-child {
  margin-left: 1em;
}

/*notes*/
.s05__wrap {
  background: center center / cover no-repeat url("../img/0500.svg");
  padding: 64px 4%;
}
.s05__wrap .b1__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  max-width: 880px;
}
.s05__wrap .b1__wrap div {
  background: #fff;
  border-radius: 20px;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.05));
  font-size: 1.4rem;
  margin: 5px;
  max-width: 240px;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.s05__wrap .b1__wrap .b1 {
  position: relative;
  border: 4px solid #de495a;
}
.s05__wrap .b1__wrap .t1 {
  font-weight: 700;
}
.s05__wrap .b1__wrap .t2 {
  color: #0c85c0;
  font-size: 2.6rem;
  font-weight: 900;
}
.s05__wrap .b1__wrap .t2b {
  color: #de495a;
}
.s05__wrap .b1__wrap .t3 {
  font-size: 2.0rem;
  font-weight: 700;
}
.s05__wrap .b1__wrap .t3 span {
  font-size: 4.2rem;
}
.s05__wrap .b1__wrap ul {
  display: inline-block;
  margin-top: 1.5em;
  text-align: left;
}
.s05__wrap .b1__wrap li {
  position: relative;
  margin-bottom: 4px;
  padding-left: 16px;
}
.s05__wrap .b1__wrap li:before {
  position: absolute;
  content: "";
  background: 100% / 100% url(../img/0102.svg) no-repeat;
  width: 12px;
  height: 9px;
  top: .5em;
  left: 0;
}
.s05__wrap .b1__wrap .t4 {
  position: absolute;
  top: -1.5em;;
  left: 0;
  right: 0;
  background: #de495a;
  border-radius: 6px;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin: auto;
  max-width: 100px;
  padding: .2em;
  text-align: center;
}
.s05__wrap .b1__wrap .t4:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #de495a;
}
.s05__wrap .b2__wrap {
  background: #fff;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.05));
  margin: 64px auto 0;
  max-width: 780px;
}
.s05__wrap .b2__wrap p {
  background: #0c85c0;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
.s05__wrap .b2__wrap ul {
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  padding: 1em 2em;
}
.s05__wrap .b2__wrap li {
  width: 25%;
}

/*notes*/
.s06__wrap {
  background: #fafafa;
  padding: 64px 4%;
}
.s06__wrap .b1__wrap {
  display: flex;
  margin: 0 auto 32px;
  max-width: 540px;
}
.s06__wrap .b1__wrap:last-child {
  margin: auto;
}
.s06__wrap .b1__wrap img {
  margin-right: .5em;
}
.s06__wrap .b1__wrap .t1 {
  font-size: 2.4rem;
  font-weight: 700;
}
.s06__wrap .b1__wrap__b {
  position: relative;
}
.s06__wrap .b1__wrap__b .i1 {
  position: absolute;
  top: -180px;
  right: -360px;
}

/*notes*/
.s07__wrap {
  background: center center / cover no-repeat url("../img/0700.svg");
  padding: 64px 4%;
}
.s07__wrap ul {
  margin: auto;
  max-width: 620px;
}
.s07__wrap li {
  border-bottom: 1px solid #aaa;
  font-weight: 700;
  margin-bottom: 1em;
  padding: 0 2em 1em;
}
.s07__wrap li .t1 {
  color: #0c85c0;
  font-size: 2.0rem;
}
.s07__wrap li .t1 span {
  font-size: 2.2rem;
}
.s07__wrap li .t2 {
  padding-left: 1.7em;
  text-indent: -1.7em;
}
.s07__wrap li .t3 {
  color: #de495a;
  font-size: 2.2rem;
  font-weight: 700;
}

/*notes*/
.s08__wrap {
  background: center center / cover no-repeat url("../img/0800.svg");
  padding: 64px 4%;
}
.s08__wrap ul {
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 600px;
}
.s08__wrap ul li {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 600;
  text-align: center;
}
.s08__wrap ul li img {
  margin-top: .2em;
}

/*notes*/
.s09__wrap {
  padding: 64px 4%;
}
.s09__wrap dl div {
  border-bottom: 1px solid #aaa;
  overflow: hidden;
  margin: auto;
  max-width: 400px;
  padding: 12px 0;
}
.s09__wrap dt {
  clear: left;
  float: left;
  width: 20%;
  font-weight: 700;
  margin-left: 1em;
}
.s09__wrap dd {
  float: left;
  margin-left: 2em;
}
.s09__wrap dl div:last-child {
  border-bottom: none;
}

/*notes*/
.s10__wrap {
  background: center center / cover no-repeat url("../img/0100.svg");
  padding: 128px 4% 96px;
}
.s10__wrap .b1__wrap {
  background: #fff;
  border-radius: 40px;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.05));
  margin: auto;
  max-width: 580px;
  padding: 60px 40px;
}
.s10__wrap .b1__wrap p {
  font-size: 2.0rem;
  margin-top: 2em;
  text-align: center;
}

/*notes*/
footer {
  padding: 32px 4% 8px;
  text-align: center;
}
footer div {
  display: flex;
  justify-content: center;
  margin: auto;
}
footer div p {
  margin: 0 1em;
}
footer p {
  margin-top: 2em;
}

@media screen and (max-width:720px){
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
body {
  font-size: 1.6rem;
}
h2 {
  font-size: 2.4rem;
  margin-bottom: 32px;
}
h3 {
  align-items: flex-end;
  font-size: 2.2rem;
  text-align: center;
}
h3 img {
  width: 6%;
}

/*notes*/
header .header__top .i1 {
  width: 30%;
}
header .header__main__wrap {
  background: bottom center / contain no-repeat url("../img/0000_sp.svg");
  padding-top: 20px;
}
header .header__main__wrap .b1__wrap {
  padding: 32% 4% 32%;
}
header .header__main__wrap .b1__wrap .b1 .t1 {
  font-size: 2.0rem;
  letter-spacing: 0;
  padding: 0 .5em;
}
header .header__main__wrap .b1__wrap .b1 .t1 span {
  font-size: 2.2rem;
}
header .header__main__wrap .b1__wrap .b1 .t2 {
  font-size: 1.8rem;
}
header .header__main__wrap .b1__wrap .b1 .i2 {
  width: 70%;
}
header .header__main__wrap .b1__wrap ul {
  margin-top: .6em;;
}
header .header__main__wrap .b1__wrap ul li {
  font-size: 1.2rem;
  margin: .2em;
  max-width: 100px;
  width: 100%;
}
header .header__main__wrap .b1__wrap ul li:last-child {
  max-width: 135px;
}

/*notes*/
.s01__wrap {
  padding: 46px 4% 0;
}
.s01__wrap .b1__wrap {
  display: block;
}
.s01__wrap ul {
  margin: auto;
  margin-top: 1em;
  width: 80%;
}
.s01__wrap li {
  font-size: 1.8rem;
}
.s01__wrap .t1 {
  font-size: 2.0rem;
  margin: 32px auto;
  max-width: 450px;
}
.s01__wrap .b2__wrap {
  border-radius: 30px;
  padding: 20px;
}
.s01__wrap .b2__wrap .t2 {
  font-size: 1.8rem;
  margin: 16px 0;
}
.s01__wrap .b2__wrap .t2 img {
  top: 1.2em;
  right: -.8em;
  width: 22%;
}
.s01__wrap .b3__wrap {
  display: block;
}
.s01__wrap .b3__wrap div {
  max-width: 96%;
}

/*notes*/
.s02__wrap {
  padding: 46px 4% 0;
}
.s02__wrap .b1__wrap {
  display: block;
  margin: 0 auto 46px;
}
.s02__wrap .b1__wrap .i1 {
  display: block;
  margin: auto;
  width: 70%;
}
.s02__wrap .b1__wrap .b1 {
  font-size: 2.0rem;
  margin: .8em auto;
  width: 90%;
}
.s02__wrap .b1__wrap .b1 img {
  width: 10%;
}
.s02__wrap .b1__wrap .b1 span {
  font-size: 2.8rem;
}
.s02__wrap .b2__wrap {
  display: block;
  font-size: 2.2rem;
}
.s02__wrap .i2 {
  margin: 1em auto 0;
}

/*notes*/
.s03__wrap {
  padding: 46px 4%;
}
.s03__wrap ul li {
  font-size: 1.0rem;
  margin: 5px 2px;
  max-width: 110px;
}

/*notes*/
.s04__wrap {
  padding: 46px 4%;
}
.s04__wrap .b1__wrap {
  display: block;
}
.s04__wrap .b1__wrap img {
  display: block;
  margin-right: 0;
  margin: 0 auto 1em;
}
.s04__wrap .b1__wrap .t1 {
  font-size: 2.0rem;
}

/*notes*/
.s05__wrap {
  padding: 46px 4%;
}
.s05__wrap .b1__wrap div {
  margin: 10px auto;
}
.s05__wrap .b2__wrap {
  margin: 32px auto 0;
}
.s05__wrap .b2__wrap p {
  font-size: 2.0rem;
}
.s05__wrap .b2__wrap ul {
  font-size: 1.4rem;
  justify-content: space-around;
  padding: 1em;
}
.s05__wrap .b2__wrap li {
  width: 40%;
}

/*notes*/
.s06__wrap {
  padding: 46px 4%;
}
.s06__wrap .b1__wrap {
  margin: 0 auto 16px;
}
.s06__wrap .b1__wrap img {
  width: 30%;
}
.s06__wrap .b1__wrap .t1 {
  font-size: 2.0rem;
}
.s06__wrap .b1__wrap__b .i1 {
  display: none;
}

/*notes*/
.s07__wrap {
  background: none;
  padding: 46px 4%;
}
.s07__wrap li .t1 {
  font-size: 1.8rem;
}

/*notes*/
.s08__wrap {
  padding: 32px 4%;
}
.s08__wrap ul {
  display: block;
}
.s08__wrap ul li {
  margin-bottom: 1em;
}
.s08__wrap ul li:last-child {
  margin-bottom: 0;
}

/*notes*/
.s09__wrap {
  padding: 46px 4%;
}
.s09__wrap dt {
  width: 24%;
}
.s09__wrap dd {
  margin-left: 1em;
}

/*notes*/
.s10__wrap {
  padding: 96px 4% 64px;
}
.s10__wrap .b1__wrap {
  border-radius: 30px;
  padding: 40px 20px;
}
.s10__wrap .b1__wrap p {
  font-size: 1.6rem;
}

/*notes*/
footer div {
  display: block;
}
footer div p {
  margin: 1em;
}
}