@charset "UTF-8";
/* ==========================================================================
 *
 * 複製用ページcss
 * このファイルを複製して頭のアンダーバーを取ってリネームする。該当固定ページのスラッグと同じ名前に変更すると自動的にそのページで読み込まれる
========================================================================== */
/* ==========================================================================
 * import
========================================================================== */
/* ==========================================================================
 *
 * 関数定義ファイル
 *
========================================================================== */
/* ==========================================================================
 * ディレクトリパス
 *
 * 呼び出し方：
 * map-get($paths, 'webfont')
========================================================================== */
/* ==========================================================================
break points
========================================================================== */
/* メディアクエリー
-------------------------------------*/
/* ==========================================================================
 * サイト幅
 *
 * 呼び出し方：
 * map-get($media, 'default')
========================================================================== */
/* inner
 * サイトの基本幅を定義するスペーサー
-------------------------------------*/

.procedure h1{
    line-height: 1.5;
}

.procedure h2{
    margin-bottom: 24px;
    font-size: 26px;
    font-weight: bold;
    border-image: linear-gradient(90deg, #000000 0%, #000000 112px,#ffffff 112px, #ffffff 100%) 1/0 0 0.5px;
    border-style: solid;
    line-height: 1;
    padding-bottom: 16px;
    margin-bottom: 24px;
}


@media screen and (max-width: 768px) {
   .procedure h2{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
    }
}

.procedure p{
    line-height: 2;
}

.procedure ol{
    margin-bottom: 45px;
}

.procedure p span{
    padding-left: 3em;
}

.procedure ol{
    margin-bottom: 45px;
}

.procedure .cnt a {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .procedure p,ol{
        font-size: 15px;
    }
}

.procedure .name{
    text-align: right;
    margin-bottom: 45px;
}

.procedure .intro{
    margin-bottom: 45px;
    line-height: 2;
}

.procedure table{
    margin-top: 24px;
    margin-bottom: 48px;
}

.procedure table,tr,td{
    border-collapse: collapse;
    border:0.5px solid #000000;
}
.procedure td{
    width: 50%;
    padding: 0 5px;
    line-height: 2;
}

.procedure ol{
    list-style-type: decimal;
    padding-left: 1.5em;
}

.cnt{
    margin-bottom: 48px;
}

.cnt-bottom{
    margin-bottom: 120px;
}

@media screen and (max-width: 768px) {
    .cnt-bottom{
        margin-bottom: 56px;
    }
}

.procedure .window{
    display: flex;
    border-image: linear-gradient(90deg, #000000 0%, #000000 200px,#D3D3D4 200px, #D3D3D4 100%) 1/0 0 0.5px;
    border-style: solid;
}

@media screen and (max-width: 768px) {
    .procedure .window{
        display: block;
        border-image: linear-gradient(90deg, #D3D3D4 0px, #D3D3D4 100%) 1/0 0 0.5px;
        border-style: solid;
    }
    .procedure .window p{
        height: 52px!important;
    }
    .procedure .window .detail{
        padding-top: 16px!important;
    }
}

.procedure .window p{
    height: 72px;
}

.procedure .window .title{
    width: 200px;
    padding-top: 20px;
    padding-bottom: 25px;
}

.procedure .window .detail{
    padding-top: 20px;
    padding-bottom: 25px;
}