/* 画面全体の横幅の調整 */
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 80%; 
}

/* タブレット以下のサイズでは、横幅100%で表示 */
@media screen and (max-width: 1024px){
    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%; 
    }
}

.form-sec .title {
    padding: 10px 0 10px 0;
    color: #fff;
    background-color: #663c00;
    font-size: 24px;
    letter-spacing: 5px;
    text-indent: -5px;
}

/* スマホサイズで進捗ステータスの幅を変更したい */
.form-flow{
    display:flex;
    width:100%;
    margin:0;
} 
.form-flow>div{
    width:48%;
    margin:0 1%;
}

/* 該当する進捗の場合、色を付ける */
.form-flow-active {
    background-color: #FFE6C9;
}

/* 進捗の箱のデザイン */

/* 進捗番号 */
.form-flow-list-wrap .form-flow-list-no {
    /* 親要素に対して、絶対位置を指定 */
    position: absolute;

    top: 1px;
    left: 0%;
    width: 30px;
    height: 30px;
    padding: 0 0 0 2.5px;
    border-radius: 50%;
    color: #fff;
    background-color: #663c00;
    line-height: 1.3;
    font-size: 24px;
}

.form-flow-list-wrap .form-flow-list-content {
    /* 親要素に対して、絶対位置を指定 */
    /* position: absolute; */
    text-align: center;
}
@media screen and (max-width: 460px){
    .form-flow-list-wrap .form-flow-list-content {
        position: absolute;
        left: 40%;
    }
}


/* 進捗箱 */
.form-flow-list-wrap {
    /* 親要素であるため */
    position: relative;

    height: 30px;
    margin: 0 15px;
    font-size: 18px;
    font-weight: 600;

    /* 一文字の鷹さ */
    line-height: 1.8;

    /* 文字間の隙間 */
    letter-spacing: 3px;
}



.f120{
    font-size:120%;
}
.f200{
    font-size:200%;
}




.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.main-img {
    width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

.main-area {
    position: relative;
    overflow: hidden;
}
.main-sec h1 {
    height: 74px;
    margin: 0;
    padding: 18px 0 0 0;
    box-sizing: border-box;
    background-color: #d90000;  
    color: #FFF;
}

.float-left {
	float: left;
}

.float-right {
	float: left;
}
.cb{
  /* floatを解除 */
  clear: both;
}

.font-midium{
	font-size: medium;
}

.row-web{
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
}

/* .form-flow-list-allow {
    position: relative;
}
.form-flow-list-allow::after {
    position: absolute;
    top: 0px;
    left: 43%;
    width: 0px;
    height: 0px;
    display: block;
    content: "";
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 15px solid transparent;
    border-left-color: #FFE6C9;
} */

/* .col-ori-4{flex:0 0 auto;width:20%} */
  /* 460px以下の場合に適用するCSS */
  /* @media screen and (max-width: 460px){
    .navigation-head {display:none}
    .col-ori-sm-4{flex:0 0 auto;width:30%}
  } */

  /* .navigation-head {
    display: flex;
  } */


/** ５行ピッタシに調整 */
.row-5 {
    height: calc( 1.3em * 5 );
    line-height: 1.3;
}