@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

.step_inner_wrap {
margin: 160px auto 160px;
}

.tit_1 {
font-family: 'Inter', sans-serif;
margin-top: 80px;
margin-bottom: 40px;
font-size: 36px;
font-weight: 700;
border-bottom: 1px solid #002f7b;
}

.tit_1 span{
display: inline-block;
background: #000;
padding:3px;
box-sizing: border-box;
color: #FFF;
font-size: 0.45em;
line-height: 1;
margin-left: 15px;
}

.step_his_wrap1 {
background: #F1F1F1;
padding:10px;
box-sizing: border-box;
text-align: right;
font-size: 0.8em;
font-weight: 700;
}

.step_his_wrap2 {
background: #002f7b;
padding:10px 20px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.step_his_wrap3 {
background: #d0d8e4;
padding:10px;
box-sizing: border-box;
}

.step_his_wrap2_box1{
width: 22%;
position: relative;
}

.step_his_wrap2_box2{
width: 78%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #FFF;
padding-top: 1.5%;
box-sizing: border-box;
}

.step_his_wrap2_box1 h3{
font-family: 'Inter', sans-serif;
font-size: 26px;
font-weight: 700;
color: #FFF;
}

.step_his_wrap2_box1 h3 span{
font-size: 0.6em;
font-family: 'Noto Sans JP', sans-serif;
}

.step_his_wrap2_box2_box1{
width: 5%;
position: relative;
text-align: right;
}

.step_his_wrap2_box2_box2{
width: 93%;
position: relative;
}

.step_his_wrap3 h3{
font-size: 16px;
color: #002f7b;
margin: 0 0 15px;
}

.step_his_wrap3 p{
font-size: 0.8em;
}

.txt_b {
font-weight: 700;
}

.step_img01 {
width: 10%;
margin:20px 0 0;
}

.illust_img {
width: 80%;
margin: auto;
}

}


/*sp*/
@media only screen and (max-width: 768px) {

.step_inner_wrap {
margin: 60px auto 60px;
}


.tit_1 {
margin-top: 30px;
margin-bottom: 30px;
font-size: 16px;
font-weight: 700;
border-bottom: 1px solid #002f7b;
font-family: 'Inter', sans-serif;
}

.tit_1 span{
display: inline-block;
background: #002f7b;
padding:3px;
box-sizing: border-box;
color: #FFF;
font-size: 0.6em;
line-height: 1;
margin-left: 15px;
}

.step_his_wrap1 {
background: #F1F1F1;
padding:10px;
box-sizing: border-box;
text-align: right;
font-size: 0.8em;
font-weight: 700;
}

.step_his_wrap2 {
background: #002f7b;
padding:10px 20px;
box-sizing: border-box;
}

.step_his_wrap3 {
background: #d0d8e4;
padding:10px;
box-sizing: border-box;
}

.step_his_wrap2_box1{
width:100%;
position: relative;
}

.step_his_wrap2_box2{
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #FFF;
padding-top: 1.5%;
box-sizing: border-box;
}

.step_his_wrap2_box1 h3{
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 700;
color: #FFF;
}

.step_his_wrap2_box1 h3 span{
font-size: 0.6em;
font-family: 'Noto Sans JP', sans-serif;
}

.step_his_wrap2_box2_box1{
width: 15%;
position: relative;
text-align: right;
}

.step_his_wrap2_box2_box2{
width: 82%;
position: relative;
}

.step_his_wrap3 h3{
font-size: 16px;
color: #002f7b;
margin: 0 0 15px;
}

.step_his_wrap3 p{
font-size: 0.8em;
}

.txt_b {
font-weight: 700;
}

.step_img01 {
width: 60%;
margin:20px auto 0;
}

.illust_img {
width: 100%;
margin: auto;
}

}