@charset "UTF-8";

html, body {
  height: 100% !important;
  margin: 0;
  padding: 0;
}
body {
  font-style: normal;
  letter-spacing: 0.05em;
  min-height: 100vh !important;
  margin: 0;
  font-family: "kozuka-gothic-pr6n", sans-serif;
}
a:hover{
 transition : 0.5s;
 opacity: 0.5 ;
}
@media screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}

/* 768px以下のとき */
@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
}
/****************** ヘッダー ******************/
header {
  width: 100%;
  margin: 0;
  padding: 0.5em 2em;
}
header a {
  width: 40%;
  display: block;
}
header a img{
  width: 100%;
}
/****************** 見出しの設定 ******************/
section h2 {
  position: relative;
  display: inline-block;
  font-size: 2.6vw;
  line-height: 1.2;
  padding: 0 0.6em 0.6em;
  z-index: 1;
  margin: 1em auto 0.5em auto;
  font-weight: 900;
  letter-spacing: 0.2vw;
  white-space: pre-line;
}
section h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.4em;
  background: #e74264;
  z-index: -1;
  clip-path: polygon(
    8px 0,
    100% 0,
    calc(100% - 8px) 100%,
    0 100%
  );
}
section h2::after,border {
  content: "";
  display: block;
  width: 100%;
  height: 0;
}
@media screen and (max-width: 1199px) {
section h2 {
  font-size: 4vw;
}
}
@media screen and (max-width: 767px){
section h2 {
  font-size: 5vw;
}
}

/****************** メインsection ******************/
section {
  width: 100%;
}
section.main{
  height: 0;
  padding-top: 49.5833%;
  background: url("../img/for-person/main_bg.jpg") top center / 100% auto no-repeat;
  position:relative;
}
section.main strong,section.main b {
  font-size: 2vw;
  white-space: pre-line;
  text-align: center;
  font-weight: 900;
  line-height: 1.6em;
  position: absolute;
}
section.main strong {
  top: 46%;
  left: 20%;
}
section.main b {
  top: 76%;
  left: 32%;
}
section.main a,section.one a {
  font-size: 2.3vw;
  position: absolute;
  top: 62%;
  left: 30%;
  white-space: pre-line;
  text-align: center;
  font-weight: 900;
  background: #df5e0e;
  color: #fff;
  padding: 0.2em 1.5em;
  border-radius: 50px;
  text-decoration: none;
}
/****************** セクションone ******************/
section.one {
  text-align: center;
  padding-bottom: 1em;
}
section.one b {
  font-size: 1.5vw;
  display: block;
  white-space: pre-line;
  margin: 1em 0;
  font-weight: 900;
  line-height: 1.8;
}
section.one b span {
  font-size: 2.5vw;
  color: #e84a6a;
  vertical-align: middle;
}
img.s01_1 {
  width:60%;
  margin:0 auto 3em auto;
  display:block;
}
section.one a {
  font-size: 2.3vw;
  position: static;
  margin: 0 auto;
  padding: 0.3em 2em;
  display: inline-block;
}
@media screen and (max-width: 1199px) {
section.one b {
  font-size: 2.5vw;
}
section.one b span {
  font-size: 3.5vw;
}
img.s01_1 {
  width: 80%;
}
section.one a {
  font-size: 3.5vw;
  margin: 0 auto 2em auto;
}
}
@media screen and (max-width: 767px){
section.main{
  width: 100%;
  height: 0;
  padding-top: 100%;
  background: url("../img/for-person/main_smt_bg.jpg") top center / 100% auto no-repeat;
  position:relative;
}
section.main strong, section.main b,section.main a  {
  font-size: 4vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
section.main strong {
  top: 46%;
  width: 100%;
}
section.main b {
  top: 80%;
}
section.main a{
  bottom: 25%;
  top: auto;
  font-size: 4.5vw;
}
section.one b {
  margin: 1em 0 2em 0;
}
section.one b span {
  font-size: 4vw;
}
img.s01_1 {
  width: 90%;
}
section.one a {
  font-size: 4.5vw;
}
.secone_smtcont {
  display: block;
  width: 100%;
}
.secone_smtcont img{
  width: 70%;
  height: auto;
  display: block;
  padding: 0;
}
.secone_smtcont img:nth-child(1) {
  margin: 0 10% 0 20%;
}
.secone_smtcont img:nth-child(2) {
  margin: 0 20% 0 10%;
}
}
/****************** セクションtwo ******************/
section.two {
  text-align: center;
  background-color:#f7b977;
  padding: 3em 0;
}
section.two strong {
  background: url("../img/for-person/titlebg.png") bottom center / 100% auto no-repeat;
  font-size: 3.5vw;
  display: inline-block;
  padding: 0.5em 2em;
  font-weight: 900;
  line-height: 1.4em;
    letter-spacing: 0em;
}
section.two strong span:nth-child(1) {
  font-size: 6vw;
  color:#fff;
}
section.two strong span:nth-child(3) {
  font-size: 4vw;
  color:#e84163;
}
section.two strong span:nth-child(4) {
  font-size: 4vw;
  color:#fff;
}
section.two ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  list-style: none;
  width:60%;
  margin:0 auto;
}
section.two ul li {
  width: 50%;
  text-align: center;
  height: 0;
  padding-top: 50%;
  color:#fff;
  position: relative;
}
section.two ul li:nth-child(1) {
  background: url("../img/for-person/sec02_1.svg") bottom center / 100% auto no-repeat;
}
section.two ul li:nth-child(2) {
  background: url("../img/for-person/sec02_2.svg") bottom center / 100% auto no-repeat;
}
section.two ul li:nth-child(3) {
  background: url("../img/for-person/sec02_3.svg") bottom center / 100% auto no-repeat;
  width: 50%;
  padding-top: 50%;
}
section.two ul li div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
}
section.two ul li h3 {
  font-family: "ads-akari", sans-serif;
  font-size: 2.5vw;
  font-weight: 900;
  letter-spacing: -0.1em;
  margin: 1.2em 0 0 2.5em;
  white-space: pre-line;
}
section.two ul li:nth-child(1) h3 {
  letter-spacing: 0.1em;
}
section.two ul li p {
  font-size: 1.15vw;
  font-weight: 700;
  white-space: pre-line;
  line-height: 1.6em;
}

@media screen and (max-width: 1199px) {
section.two ul {
  width: 80%;
}
section.two ul li h3 {
  font-size: 3.5vw;
  margin: 1.2em 0 0 1.5em;
}
section.two ul li p {
  font-size: 1.55vw;
}
}
@media screen and (max-width: 767px){
section.two strong {
  font-size: 5vw;
}
section.two strong span:nth-child(1) {
  font-size: 9vw;
}
section.two strong span:nth-child(3),section.two strong span:nth-child(4) {
  font-size: 6vw;
}
section.two ul {
  display: block;
}
section.two ul li,section.two ul li:nth-child(3) {
  width: 100%;
  padding-top: 100%;
}
section.two ul li h3 {
  font-size: 7vw;
  margin: 2em 0 0 1.5em;
}
section.two ul li:nth-child(1) h3 {
  margin-left: 0.5em;
}
section.two ul li p {
  font-size: 3vw;
  margin: 1em 0 0 0;
}
}
/****************** セクションthree ******************/
section.three {
  text-align: center;
  padding: 3em 0;
}
section.three .sec_inner {
  width: 70%;
  margin: 3em auto;
  position: relative;
}
section.three h3 {
  font-weight: 900;
  font-size: 2.5vw;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  letter-spacing: -0.04em;
  white-space: pre-line;
  text-align: left;
  line-height: 1.3em;
}
section.three h3::before {
  content: "";
  width: 3em;
  height: 4em;
  flex-shrink: 0
}
section.three > div > div:nth-of-type(1) h3::before {
  background: url("../img/for-person/step1.svg") center / contain no-repeat;
}
section.three > div > div:nth-of-type(2) h3::before {
  background: url("../img/for-person/step2.svg") center / contain no-repeat;
}
section.three > div > div:nth-of-type(3) h3::before {
  background: url("../img/for-person/step3.svg") center / contain no-repeat;
}
section.three > div > div:nth-of-type(4) h3::before {
  background: url("../img/for-person/step4.svg") center / contain no-repeat;
}
section.three > div > div:nth-of-type(5) h3::before {
  background: url("../img/for-person/step5.svg") center / contain no-repeat;
}
section.three > div > div:nth-of-type(6) {
  padding-top: 10vw;
}
section.three > div > div:nth-of-type(6) h3 {
  position:relative;
}
section.three > div > div:nth-of-type(6) h3::before {
  background: url("../img/for-person/step6.svg") center / contain no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 65%;
  height: 50%;
  transform: rotate(-10deg);
  margin-top: -3.5em;
}
section.three > div > div {
  width:55%;
}
/* 奇数：左寄せ */
section.three > div > div:nth-of-type(odd) {
  margin-right: auto;
}
/* 偶数：右寄せ */
section.three > div > div:nth-of-type(even) {
  margin-left: auto;
}
section.three > div > div img {
  width:70%;
  margin:0 auto;
}
section.three > div > div:nth-of-type(1) img {
  margin: -2em auto 0 auto;
  padding-bottom: 2em;
}
section.three > div > div:nth-of-type(2) img,
section.three > div > div:nth-of-type(4) img,
section.three > div > div:nth-of-type(5) img {
  padding-bottom: 2em;
}
section.three > div > div:nth-of-type(3) img {
  width: 65%;
}
section.three > div > div:nth-of-type(3) b {
  font-size: 1.2vw;
}
section.three > div > div:nth-of-type(odd) {
  background: url("../img/for-person/bg01.svg") top center / 100% auto no-repeat;
}

section.three > div > div:nth-of-type(even) {
  background: url("../img/for-person/bg02.svg") top center / 100% auto no-repeat;
}

section.three > div > div:nth-of-type(2),
section.three > div > div:nth-of-type(3),
section.three > div > div:nth-of-type(4),
section.three > div > div:nth-of-type(5),
section.three > div > div:nth-of-type(6){
  margin-top: -5em;
}
section.three > div.sec_inner img.bgimg01,
section.three > div.sec_inner img.bgimg02,
section.three > div.sec_inner img.bgimg03,
section.three > div.sec_inner img.bgimg04,
section.three > div.sec_inner img.bgimg05,
section.three > div.sec_inner img.bgimg06,
section.three > div.sec_inner img.bgimg07,
section.three > div.sec_inner img.bgimg08 {
  position:absolute;
  width:8%;
}
section.three > div.sec_inner img.bgimg01 {
  top: 33%;
  right: 25%;
  width: 10%;
}
section.three > div.sec_inner img.bgimg02 {
  top: 0;
  right: 25%;
}
section.three > div.sec_inner img.bgimg03 {
  top: 64%;
  right: 28%;
  transform: rotate(-12deg);
}
section.three > div.sec_inner img.bgimg04 {
  top: 20%;
  left: 20%;
  width: 10%;
}
section.three > div.sec_inner img.bgimg05 {
  bottom: 5%;
  left: 10%;
  width: 10%;
}
section.three > div.sec_inner img.bgimg06 {
  top: 7%;
  right: 10%;
  width: 10%;
}
section.three > div.sec_inner img.bgimg07 {
  top: 65%;
  right: 8%;
  width: 12%;
}
section.three > div.sec_inner img.bgimg08 {
  bottom: 15%;
  left: 20%;
  width: 15%;
  transform: rotate(14deg);
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px){
section.three .sec_inner {
  width: 90%;
}
section.three > div > div {
  width: 85%;
}
section.three h3 {
  font-size: 5vw;
}
section.three > div > div:nth-of-type(1),
section.three > div > div:nth-of-type(2),
section.three > div > div:nth-of-type(3),
section.three > div > div:nth-of-type(4),
section.three > div > div:nth-of-type(5),
section.three > div > div:nth-of-type(6){
  margin-top: 0;
  margin-bottom: 2em;
}
section.three > div > div:nth-of-type(3) b {
  font-size: 3vw;
}
section.three > div.sec_inner img.bgimg01 {
  top: 33%;
  right: 2%;
  width: 15%;
}
section.three > div.sec_inner img.bgimg02 {
  top: 0;
  right: 0;
  width: 12%;
}
section.three > div.sec_inner img.bgimg03 {
  top: 62%;
  right: 28%;
  width: 10%;
}
section.three > div.sec_inner img.bgimg04 {
  top: 14%;
  left: 0;
  width: 14%;
}
section.three > div.sec_inner img.bgimg05 {
  bottom: 5%;
  left: 10%;
  width: 14%;
}
section.three > div.sec_inner img.bgimg06 {
  top: 10%;
  right: 0;
  width: 16%;
}
section.three > div.sec_inner img.bgimg07 {
  top: 65%;
  right: 0%;
  width: 18%;
}
section.three > div.sec_inner img.bgimg08 {
  bottom: 15%;
  left: 0;
  width: 20%;
}
section.three > div > div:nth-of-type(6) h3 {
  width: 80%;
  margin: 0 auto;
}
}
/****************** セクションfour ******************/
section.four {
  text-align: center;
  background-color:#f7b977;
  padding: 3em 0;
}
section.four strong {
  background: url("../img/for-person/titlebg.png") center center / 100% auto no-repeat;
  font-size: 3.5vw;
  display: inline-block;
  padding: 0.5em 2em;
  font-weight: 900;
  line-height: 1.6em;
  letter-spacing: 0em;
  white-space: pre-line;
}
section.four strong span {
  color: #e84163;
  font-size: 4.5vw;
}
section.four b {
  font-size: 1.8vw;
  display: block;
  white-space: pre-line;
  font-weight: 900;
  margin: 0.5em auto;
  line-height: 1.7em;
}