body{
background: #F9B9C0;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-size: 16px;
  color: #1F2772;
  margin: 0;
}

*{
box-sizing: border-box;
}

a{
color: #0f70e5;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

.sp{
display: none;
}
.pc{
display: block;
}

.yellow{
color: #FCF466;
}

.Header{
display: flex;
width: 96%;
margin: 2% 2% 2% 2%;
  justify-content: space-between;
 align-items: center;
  img.logo{
  width: 12%;
  }
    img.logo-ippin{
  width: 30%;
  }
}

.Cont{
width: 1000px;
margin: 0 auto 0px auto;
}

.margin-btm{
margin-bottom: 100px;
}

.Cont-bg{
background: #fff;
width: 100%;
padding: 5% 0;


}

.Cont-bg2{
background: #ffdcdf;
width: 100%;
padding: 5% 0;

}

.Cont-bg3{
background:#F9B9C0;
width: 100%;
padding: 5% 0;
}


.Mv{
display: flex;
justify-content: center;
img{
width: 60%;
}
}

h1{
padding: 0 0 1.5rem 0;
margin: 0;
font-size: clamp(1.5rem, 0.389rem + 2.31vw, 2.125rem);
font-weight: 900;
letter-spacing: 0.05rem;
}
p{
line-height: 1.8;
padding: 0;
margin: 0;
font-size: clamp(0.938rem, 0.826rem + 0.23vw, 1rem);
font-weight: 500;
strong{
display: block;
padding: 1rem 0 0 0;
font-size: 110%;
display: inline-block;
}
}

.highlight {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(245, 151, 159, 0.7); 
  text-underline-offset: -0.2em; 
  text-decoration-skip-ink: none; 
}

.highlight2 {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(31, 39, 114, 1); 
  text-underline-offset: 0.5em; 
  text-decoration-skip-ink: none; 
strong{
font-size: 130%;
font-weight: 600;
 vertical-align:-5%;
}
}

.About{
border: 5px solid #1C2A6E;
padding: 3% 3% 5% 3%;
margin: 5% auto;
text-align: center;
border-radius: 8px;
p{
line-height: 2;
font-size: clamp(0.938rem, 0.604rem + 0.69vw, 1.125rem);
font-weight: 500;
strong{
font-size: 110%;
}
}
}
.box{
margin: 0% auto;
width: 800px;
}
h2{
font-size: clamp(1.5rem, 0.389rem + 2.31vw, 2.125rem);
position: relative;
text-align: center;
letter-spacing: 0.05rem;
font-weight: 900;
margin: 0;
padding: 5% 0 2.5% 0;
&::before{
content: "";
position: absolute;
top: 0;
left: 50%;
background: #1F2772;
width: 5px;
height: 30px;
}
}


dl{
margin: 2% auto;
display: block;
text-align: center;
dt{
display: block;
font-weight: 900;
padding: 0 0 1rem 0;
font-size:clamp(1.25rem, 0.806rem + 0.93vw, 1.5rem);


}
dd{
display: block;
font-weight: 600;
margin: 0;
line-height: 2;
padding: 0 0 1.5rem 0;
font-size:clamp(1rem, 0.778rem + 0.46vw, 1.125rem);

}
}

.oubo{
text-align: left;
dt{
font-size: clamp(0.938rem, 0.604rem + 0.69vw, 1.125rem);
padding: 0 0 .2rem 0;
font-weight: 800;
line-height: 2;
}
dd{
font-weight: 500;
font-size: clamp(0.875rem, 0.542rem + 0.69vw, 1.063rem);
strong{
font-size: 110%;
font-weight: 800;
}
ul{
padding: 0 0 .5rem 1.5rem;
li{
list-style-type:decimal;
padding: .2rem 0;
line-height: 1.8;
}
}
}
}

.cta{
margin: 2% auto 2% auto;
text-align: center;
width: 800px;
.close{
display: block;
border: 2px solid #1C2A6E;
padding: 2% 2%;
background: rgba(255, 255, 255, 0.3);
border-radius: 5px;
span{
display: block;
font-weight: 600;
padding: 0 0 .2rem 0;
font-size:clamp(0.875rem, 0.764rem + 0.23vw, 0.938rem);
}
strong{
font-size: clamp(1rem, 0.556rem + 0.93vw, 1.25rem);
letter-spacing: .05rem;
font-weight: 700;
opacity: 0.4;
}
}
}
.textC{
text-align: center;
}
.triangle {
  height: 18px;
  aspect-ratio: cos(50deg);
  clip-path: polygon(0 0,100% 50%,0 100%);
  background: #0f70e5;
  display: inline-block;
  margin: 0 .2rem;
}
.ft{
background: #1F2772;
text-align: center;
padding: 4% 0 2% 0;
color: #fff;}
h3{
font-size: clamp(1.5rem, 0.389rem + 2.31vw, 2.125rem);
position: relative;
text-align: center;
letter-spacing: 0.05rem;
font-weight: 800;
padding: 0% 0 1rem 0;
margin: 0;
}
.ft-form{
padding: 1% 0 2% 0;
}

.Contact{
display: block;
border: 5px solid #fff;
padding: 2% 0 3% 0%;
width: 800px;
margin: 2% auto;
border-radius: 5px;
display: flex;
  justify-content: space-around;

}

.Contact__item{
  width: 50%;
  strong{
  font-size: clamp(1.5rem, 0.389rem + 2.31vw, 2.125rem);
    color: #FCF466;
  display: block;
  padding: .5rem 0;
  a{
  color: #FCF466;
  }
  }
 
  p{
    font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
  }
  span{
  font-size: clamp(0.813rem, 0.701rem + 0.23vw, 0.875rem);
  line-height: 1.6;
  }
  }
  .Contact--1{
  
  }
  
    .Contact--2{
    border-left: 5px solid #fff;
     strong{
    font-size: clamp(1.25rem, 0.806rem + 0.93vw, 1.5rem);
    }
    
    
  }



   .Contact__item--2{
  }

.f-banner{
display: flex;
width: 800px;
margin: 20px auto;
gap:20px;
justify-content: space-evenly;
a{
max-width: 50%;
display: flex;
align-items: center;
img{
height: 60px;
padding: 0 .5rem 0 0;
}
p{
  font-size: clamp(0.813rem, 0.771rem + 0.14vw, 0.875rem);
  color: #fff;
  text-align: left;
  
}
&:hover{
text-decoration: underline;
}
}
}

.copy{
font-size: .7rem;
color: #fff;
display: inline-block;
padding: 1rem 0 0 0;
line-height: 2.2;
a{
color: #fff;
text-decoration: underline;
&:hover{
text-decoration: none;
}
}
}

.steps{
  margin: 5% 0;
} 
.step {
  margin: 1% 0;
}

.step__item{
width: 100%;
 display: flex;
 align-items: center;

strong{
 font-size:clamp(1.125rem, 0.681rem + 0.93vw, 1.375rem);
 padding: 0 0 0 1rem;
 vertical-align: middle;
 display: block;
 line-height: 1.8;
}
}

.step__number {
 font-size: clamp(1.875rem, 1.319rem + 1.16vw, 2.188rem);
color: #1C2A6E;
font-weight: 700;
display: inline-block;
 vertical-align: middle;
}



.step__content {
border-left: 2px solid #1C2A6E;
margin: 0 0 0 .5rem;
height: 100%;
font-size: clamp(0.875rem, 0.723rem + 0.32vw, 1rem);
p{

padding: .5rem 0 1rem 2rem;
line-height: 2;
font-weight: 400;
}
}
.apply{
background: #F9B9C0;
padding: 0 0 5% 0;
color: #000;
form{}
.button {
        display: inline-block;
input{
  display       : inline-block;
  border-radius : 5px; 
  font-size     : clamp(1rem, 0.848rem + 0.32vw, 1.125rem);
  text-align    : center; 
  cursor        : pointer;
  padding       : .8rem 3rem;
  background    : #000066;
  color         : #ffffff;
  transition    : .3s; 
  border        : 2px solid #000066;
  margin: 10px auto 10px auto;
  }
}
.button:hover {
input{
  color         : #000066; 
  background    : #ffffff;
  }

}

.buttonbk {
input{
  display       : inline-block;
  border-radius : 5px; 
  font-size     : clamp(1rem, 0.848rem + 0.32vw, 1.125rem);
  text-align    : center; 
  cursor        : pointer;
  padding       : .8rem 3rem;
  background    : #fff;
  color         : #000066;
  transition    : .3s; 
  border        : 2px solid #000066;
  margin: 30px auto 20px auto;
  }
}
.buttonbk:hover {
input{
  background    : #a2a6cb;
  }

}

.confirm-submit{
margin: 20px 0 0 0;
}

.confirm-submit__button{
display: flex;
justify-content: center;
margin: 0px 0 0 0;
gap:30px;
}

.box{
background: #fff;
width: 1000px;
padding: 3%;
text-align: center;
}
h1{
text-align: center;
padding: 0 0 0 0;
color: #1F2772;
}
h2{
text-align: left;
font-size: clamp(1.125rem, 0.903rem + 0.46vw, 1.25rem);
padding: 2rem 0 1rem 0;
color: #1F2772;
&::before{
content: none;
}
}
.ouboshikaku{
padding: 0;
margin: 0;
text-align: left;
li{
line-height: 1.6;
padding: 0 0 .5rem 0;
list-style: none;
}
}
.hissu{
background:#ec2f46;
display: inline-block;
margin: 0 .5rem;
text-align: center;
font-size: clamp(0.813rem, 0.737rem + 0.16vw, 0.875rem);
color: #fff;
padding: .4rem .4rem;
font-weight: 400;
line-height: 1;

}
.condition{
font-size: ;
background: #f7f7ff;
margin: 2% auto 3% auto;
padding:2% 3%;
text-align: left;
strong{
display: block;
margin: 0% 0 2% 0;
font-size: clamp(0.938rem, 0.862rem + 0.16vw, 1rem);

}
li{
list-style:decimal;
padding: 0 0 0 0.5rem;
margin: 0 0 .6rem 1rem;
line-height: 1.6;
font-size: clamp(0.938rem, 0.862rem + 0.16vw, 1rem)

}
}

table{
width: 100%;
border-collapse: collapse;
text-align: left;
line-height: 1.6;
tr{
border-top:1px solid #c5c6d4;
border-bottom: 1px solid #c5c6d4;


}
th{
font-weight: normal;
padding: .8rem 1rem;
width: 30%;
background: #f7f7f7;
font-size: clamp(0.938rem, 0.862rem + 0.16vw, 1rem);
vertical-align: top;
}

td{
font-weight: normal;
padding: .8rem 1rem;
font-size: clamp(0.938rem, 0.862rem + 0.16vw, 1rem);
p{
font-weight: normal;
padding: 0 0 .5rem 0;
font-size:clamp(0.938rem, 0.862rem + 0.16vw, 1rem);
}
}

}

input[type=text],textarea,input[type=tel],input[type=email] ,input[type=url]{
padding:.2rem .5rem;
font-size:clamp(0.938rem, 0.862rem + 0.16vw, 1rem); 
width: 100%;


}

input, select, button, textarea {
            font-family: inherit;
        }

input[type=file] {
margin: .25rem 0;
}

input[type="checkbox"] {
  transform: scale(1.5);
}


.width30{
width: 30%!important;
}

.width20{
width: 20%!important;
}

.width10{
width: 10%!important;
}
.genre{
display: inline-block;
padding: 0 .5rem 0 0;
}
.yoko{
margin: 20px 0 20px 0;
padding: 20px 10px;
background: #f7f7ff;
}
.yokopp{
padding: 20px 0 20px 0;
font-weight: normal;
font-size: clamp(0.813rem, 0.701rem + 0.23vw, 0.875rem);
a{
color: #000;
text-decoration: underline;
&:hover{
text-decoration: none;
}
}
}

.wpcf7-list-item{
margin: 0;
}
.wpcf7-not-valid-tip{
display: inline;
}
.wpcf7-not-valid-tip{
font-size: clamp(0.875rem, 0.764rem + 0.23vw, 0.938rem);
}
.wpcf7-spinner{
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
  color: #dc3232!important;
   border-color: #dc3232!important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
      color: #dc3232!important;
      border-color: #dc3232!important;
      padding: .5rem 1rem!important;
}


.yokolink{
display: inline-block;
padding: .2rem 0;
font-size:clamp(1.188rem, 0.965rem + 0.46vw, 1.313rem);
text-decoration: underline;
&::before{
  content: "▶︎▶︎▶︎";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 3.3em 0 0;
  /*border: 7px solid transparent;
  border-right: 0 solid transparent;
  border-left: 8px solid #2470e5;*/

}
&:hover{
text-decoration: none;
}
}


}


@media screen and (max-width: 768px) {

.yokopp{
padding: 20px 0 10px 0;
}

.f-banner{
flex-direction: column;
width: 100%;
margin: 20px auto;
gap:20px;
justify-content: space-evenly;
a{
max-width: 100%;
justify-content: center
}
}


.apply{
.condition{
padding:5%;
}

.confirm-submit__button{
flex-direction: column;
gap:30px;
}

table{
th,td{
display: block;
width: 100%;
}
}
.box{
width: 90%;
padding: 3% 3% 5% 3%;
h1{
padding: 0 0 1rem 0;
}
h2{

}
}
}

h2{
padding: 10% 0 0 0;
}
.sp{
display: block;
}
.pc{
display:none;
}
.Mv{
img{
width: 100%;
}
}
.cta{
width: 90%;
padding: 0% 0%;
}

.About{
padding: 5% 5% 8% 5%;
p{
strong{
font-size: 105%;
}}
}

.Cont{
width: 90%;
margin: 0 auto;
padding: 0 0 10% 0;
}

.box{
width: 90%;
margin: 5% auto;
}

.Header{
align-items: center;
  img.logo{
  width: 20%;
  }
img.logo-ippin{
    width:40%;
}
}
.ft{
width: 100%;
margin: 0 auto;
padding: 8% 5%;
}

.Contact{
width: 100%;
padding: 0% 0;
margin: 8% 0 4% 0;
flex-direction: column;
strong{
padding: 0% 0;
}
}
.Contact__item{
width: 90%;
padding: 3% 2% 5% 2%;
margin: 0 auto;
a{
color: 
}
}
 .Contact--2{
 border-top: 5px solid #fff;
 border-left: none;
 }


}