@charset "utf-8";
/*========================================================

リスト

=========================================================*/
.timeline01 {
    margin: 0 0 0 .7rem;
}

.timeline01 .item1 {
    color: #ac9797;
    padding: 0em 0em 0 25px;
    position: relative;
    white-space: nowrap;
    line-height: 1.2;
}
.timeline01 .item1::before {
    content: "\f111";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top:0;
    left: -28px;
    color: #737a93;
    padding: 0em 0em 0 23px;
    align-items: center;
    font-size: 1em;
    color: #d3804c;
}

/*.timeline01 .item1:first-child::before,*/
.timeline01 .item1:last-child::before {
    content: "\f192";
}

.timeline01 .item2-box {
    margin-left: 3px;
    padding: 0 0 2px 20px;
    border-left: 2px solid #e3dedd;
}
.timeline01 .item2 {
    padding: 3px 0 0 0;
}
.timeline01 .item2-1 {
    margin: 0em 0 .5em 0;
    color: #a35639
}

.timeline01 .item2-2 {
    border-bottom:dashed .1rem rgba(0, 0, 0, 0.2);
    padding: 0 0 0em 0;
    margin-bottom: 2em;
}

/*------------------------------*/

/*目次*/
.mokuji1-hh {
    font-weight: bold;
    position: relative;
    color: #7c5d17;
    font-size: 1.5em;
    font-weight: bold;
    border: .2rem solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 0px 0px;
    padding: .5em;
}

.mokuji1-hh span {
    font-size: 1.5em;
    font-weight: bold;
}

.mokuji1{
    border: .2rem solid rgba(0, 0, 0, 0.1);
    border-top: none;
    padding: 1.2em 1.2em .7em;
    border-radius:0px 0px 5px 5px ;
}

.mokuji1 ol li a{
    transition: .2s ease-out;
    color: #9a8b39;
}
.mokuji1 li a:hover{
    color: #74640f;
}
.mokuji1 > ol{
    counter-reset: item;
    list-style: none;
}
.mokuji1 > ol > li{
    margin-bottom: .5em
}


/*第一階層*/
.mokuji1 > ol > li > a{
    display: inline-block;
    padding: .4em .5em .4em 0em;
    position: relative;
    font-weight: bold;
}

.mokuji1 > ol > li > a::before{
    counter-increment: item;
    content: counter(item)'.';
    padding-right: .5em;
    color: #9a8b39;
}

/*第二階層*/
.mokuji1 > ol > li > ul > li{
    list-style: none;
    margin-left: 1.5em;
}
.mokuji1 > ol > li > ul > li > a{
    display: inline-block;
    padding: .4em .5em .4em .7em;
    position: relative;
    list-style: none;
}
.mokuji1 > ol > li > ul > li > a::before {
    position: absolute;
    content: "・";
    /*font-weight: bold;*/
    top: 50%;
    left: -.3em;
    transform: translate(0, -50%);
    /*font-size: .5em;*/
    color: #a35639;
}


/*プレーンなリスト
---------------------------------------------------------*/
ul.list01 li{
    line-height: 1.5;
    padding: 0 0 .2em 1.2em;
    margin-bottom: .5em;
    position: relative;
}
ul.list01 li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-style: none;
}

ul.list01 li::before{
    position: absolute;
    content: "・";
    top:0em;
    left: 0em;
    transform: scale(1.6);
    color: #98691d;
}
ul.list01 li.type1::before{
    content: "−";
    font-weight: bold;
    transform: scale(1.3);
    left: 0.14em;
}
ul.list01 li.type-kome::before{
    content: "※";
    transform: scale(1);
    color: #000
}

/*プレーンな番号リスト
---------------------------------------------------------*/
ol.list01 {
}

ol.list01 li{
    line-height: 1.5;
    padding: 0 0 .5em .3em;
    margin-bottom: .5em;
    position: relative;
    margin-left: 1em;
}
ol.list01 li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}




/*リスト:下線付き
---------------------------------------------------------*/

ul.list02 {
}

ul.list02 li{
    line-height: 1.5;
    padding: 0 0 .5em 1em;
    margin-bottom: .5em;
    position: relative;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
ul.list02 li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-style: none;
}

ul.list02 li::before{
    position: absolute;
    content: "・";
    top:0em;
    left: 0em;
    transform: translate(0,0);
    color: #d3804c;
}

/*プレーンな説明リスト：リストタイプ
---------------------------------------------------------*/

dl.d-list01 {
}

dl.d-list01 dt {
/*    color: #a35639;*/
}
dl.d-list01 dd {
    line-height: 1.5;
    padding: 0 0 .5em 1em;
    margin-bottom: .5em;
    position: relative;
    font-weight: bold;
}
dl.d-list01 dd:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-style: none;
}
dl.d-list01 dd::before{
    position: absolute;
    content: "■";
    top:.6em;
    left: 0em;
    transform: translate(0,0);
    color: #a2a2a2;
    font-size: .5em;
}
/*
料金表など
----------------------------------------------------------------------*/
.d-list03 {
}

.d-list03 div {
    display: flex;
    line-height: 1.3;
    margin-bottom: 5px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    max-width: 21em;
    padding: .5em;
}
.d-list03 div:first-child {
    display: flex;
    line-height: 1.3;
    margin-bottom: 5px;
    border-bottom: double 3px rgba(0, 0, 0, 0.2);
    max-width: 21em;
    padding: .2em .5em;
}

.d-list03 dt {
    display: flex;
    width: 8em;
    align-items: center;
}

.d-list03 dd {
    flex: 1;
    line-height: 1.5;
    text-align: justify;

}
/*-------------------------------*/
/*
画像＆本文：区切り線-点線
-----------------------------------------*/
.d-list04{
    padding: 2em 0 2em;
    border-top:dotted .2rem rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
}
.d-list04 dt{
    position: relative;
    width: 40%;
    margin-right: 1.5em;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.d-list04 .title{
    position: absolute;
    top: 0;
    left: 0;
    padding: .3em;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
}
.d-list04 dt img{
    width: 100%;
}
.d-list04 dd{
    flex: 1;
    width: 100%;
    margin-bottom: 0;
}
@media print,screen and (max-width: 678px) {
    .d-list04{
        flex-direction: column;

    }
    .d-list04 dt{
        max-width: 414px;
        width: 100%;
        margin: 0 auto 1em;
    }
}

/*プレーンな説明リスト：リストタイプ
---------------------------------------------------------*/
dl.d-list05 {
}
dl.d-list05 dt {
    line-height: 1.5;
    padding: 1em 0 .5em 1em;
    margin-top: .5em;
    position: relative;
    font-weight: bold;
    border-top:dashed .1rem rgba(0, 0, 0, 0.2);
}
dl.d-list05 dt::before{
    position: absolute;
    content: "■";
    top:2.5em;
    left: 0;
    transform: translate(0,0);
    color: #017652;
    font-size: .5em;
}
dl.d-list05 dd {
    line-height: 1.5;
    padding: 0 0 .5em 1em;
    position: relative;
}
dl.d-list05 dd:last-child {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom:dashed .1rem rgba(0, 0, 0, 0.2);
}