#liberty *, #liberty *:before, #liberty *:after {
    box-sizing: content-box;
}
#liberty {
    background: #ffffff;
}

/*PC TB*/
h1,h2,h3,h4,h5,p{
    line-break: normal;
    hanging-punctuation: allow-end;
}
a{
    text-decoration: none;
    transition: 0.15s ease 0s;
}
.more_btn:hover,.select_btn:hover{
    opacity: 0.7;
    transition: 0.15s ease 0s;
}
a:hover img{
    opacity: 0.7;
    transition: 0.15s ease 0s;
}
/* @media screen and (min-width: 981px){ */
    /* メインビジュアル */
    #main_visual{
        display: block;
        width: 100%;
        height: 480px;
        background-image: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/mv_bg.jpg");
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .main_visual_wrapper {
        width: 100%;
    }
    .main_visual_img {
        margin: 95px auto 0;
    }


    /* 目次 */
    #toc{
        display: block;
        width: 100%;
        background-color: #eee9e2;
        padding: 70px 0;
    }

    /* 共通テンプレート */

    /*タイトル*/
    .toc_title{
        display: block;
        width: 100%;
        margin: 0 0 80px 0;
        padding: 0;
        color: #672700;
        font-family: dnp-shuei-gothic-gin-std,sans-serif;
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
        text-align: center;
    }
    #toc .toc_title{
        margin: 0 0 40px 0;
    }
    .toc_title .sub_title_item{
        font-size: 34px;
        line-height: 34px;
    }

    /*タイトル装飾*/
    .toc_title::before{ /*上下に5pxの隙間がある*/
        content: attr(data-en);
        display: block;
        width: 100%;
        margin: 0 0 5px 0;
        color: #672700;
        font-size: 26px;
        line-height: 26px;
        font-family: alisha,sans-serif;
        font-weight: 400;
        letter-spacing: 0.075em;/*トラッキング75*/
        text-indent: 6px;/*フォントの先頭空白修正*/
        font-style: normal;
        text-align: center;
    }
    #section01 .toc_title::before,#section04 .toc_title::before{
        margin: 0 0 10px 0;
    }

    /*目次*/
    .toc_list{
        display: block;
        width: 750px;
        margin: 0 auto;
    }
    .select{
        display: flex;
        border-radius: 5px;
    }
    .select.type,.select.use{
        width: 750px;
        height: 70px;
        background-color: #ffffff;
    }
    .select.color{
        width: 100%;
        height: 60px;
    }
    .select + .select{
        margin: 10px 0 0 0;
    }

    .select_list{
        display: flex;
        justify-content: space-between;
    }
    .type .select_list,.use .select_list{
        width: calc(100% - 205px);
        height: 70px;
        gap: 0 4px;
        background-color: #ffffff;
    }
    .color .select_list{
        width: 100%;
        height: 60px;
        gap: 0 10px;
    }
    /*目次カテゴリ*/
    .select_title {
        width: 195px;
        height: 70px;
        font-size: 22px;
        font-family: dnp-shuei-gothic-gin-std,sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #1d1d1d;
        line-height: 70px;
        text-align: center;
        
    }
    /*目次ボタン*/
    .select_btn{
        width: 100%;
        position: relative;
    }
    .select.type .select_btn,.select.use .select_btn {
        height: 44px;
        margin: 13px 0;
        background: #672700;
        border-radius: 5px;
    }
    .select.color .select_btn{
        width: 100%;
        background: #ffffff;
        color: #111111;
        font-size: 22px;
        font-family: dnp-shuei-gothic-gin-std,sans-serif;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
    }
    .select_btn::after{
        content:"";
    }
    .select.type .select_btn::after,.select.use .select_btn::after{
        border-left: 8px solid transparent;
        border-bottom: 8px solid #ffffff;
        position: absolute;
        right: 8px;
        bottom: 8px;
        z-index: 1;
    }
    .select.color .select_btn::after{
        border-left: 10px solid transparent;
        border-bottom: 10px solid #672700;
        position: absolute;
        right: 7px;
        bottom: 7px;
        z-index: 1;
    }
    /*ボタンの文字*/
    .select_btn_p{
        font-size: 18px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        line-height: 44px;
        font-style: normal;
        color: #ffffff;
        text-align: center;
    }

    /*セクション*/
    .section{
        display: block;
        width: 100%;
        margin: 122px 0 0 0;
    }
    .section_wrapper{
        width: 980px;
        margin: 0 auto;
    }
    /*小見出しを置く場所*/
    .sub_title{
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 37px;
        padding: 9px 0;
        margin: 0 0 60px 0;
        border-bottom: 1px solid #cccccc;
    }
    .sub_title_h3{
        font-size: 24px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: bold;
        color: #1d1d1d;
        line-height: 37px;
    }
    .sub_title_item{
        position: relative;
        display: inline-block;
        text-align: center;
    }
    /*小見出し*/
    .sub_title_item:before,
    .sub_title_item:after {
        width: 98px;
        height: 20px;
        content: '';
        background: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/title_sub.png")no-repeat;
        position: absolute;
        bottom: 6.5px;
    }
    .sub_title_item:before {
        left: -128px;
    }
    .sub_title_item:after {
        right: -128px;
    }
    .more_btn{
        width: 158px;
        height: 35px;
        line-height: 33px;
        color: #ffffff;
        text-align: center;
        font-size: 16px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        border-radius: 18.5px;
        border-width: 1px;
        border-color: #111111;
        border-style: solid;
        background: #111111;
        position: relative;
    }
    .more_btn_link{
        color: #ffffff;
    }
    .more_btn::after{
        content:"";
        border-style: solid;
        border-width: 5.5px 0 5.5px 7px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        right: 10px;
        bottom: 13px;
        z-index: 1;
    }
    .toc_title + .sub_title{
        margin: 72px 0 60px 0;
    }
    .description{
        width: 100%;
    }
    /*3カラムの場合*/
    .column_3{
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 0 25px;
    }
    #section04 .column_3{
        flex-wrap:wrap;
    }
    .column_3_item{
        display: block;
        width: 310px;
    }
    #section04 .column_3_item:nth-child(n + 1):not(:nth-child(n + 4)){
        margin-top: 58px;
    }
    #section04 .column_3_item:nth-child(n + 3):not(:nth-child(n + 7)){
        margin-bottom: 120px;
    }
    .column_3_item_title {
        font-size: 18px;
        letter-spacing: 0.05em;/*トラッキング5*/
        font-feature-settings: "palt" 1;/*メトリクス*/
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(29, 29, 29);
        margin: 0 0 20px 0;
        padding-left:1.4em;
	    text-indent:-1.4em;
    }
    .column_3_item_text{
        font-size: 14px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(17, 17, 17);
        line-height: 1.714;
        margin: 20px 0 0 0;
    }

    /*2カラムの場合*/
    .column_2{
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 0 25px;
    }
    .column_2_item{
        
    }
    .column_2_item_title {
        font-size: 18px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(29, 29, 29);
        margin: 0 0 20px 0;
    }
    .column_2_item_text{
        font-size: 14px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(17, 17, 17);
        line-height: 1.714;
        margin: 20px 0 0 0;
    }

    .section_item + .section_item{
        margin-top: 75px;
    }

    .section_description{
        width: 100%;
        font-size: 14px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        color: rgb(29, 29, 29);
        line-height: 1.714;
        padding: 31px 0;
        margin: 0 0 80px 0;
        text-align: center;
        border-radius: 10px;
        background-color: rgb(238, 233, 226);
    }
/* } */
.tb{
    display: none;
}
.sp{
    display: none;
}
.sp2{
    display: none;
}
.sp3{
    display: none;
}
.sp6{
    display: none;
}
.sp7{
    display: none;
}
.sp8{
    display: none;
}
.sp9{
    display: none;
}
.sp10{
    display: none;
}
/*PSAスエード*/
@media screen and (min-width: 541px) and (max-width: 749px){
    .sp6{
        display: inline-block;
    }
}
@media screen and (max-width: 442px){
    .sp6{
        display: inline-block;
    }
}
/*湿式ストレッチレザー*/
@media screen and (min-width: 541px) and (max-width: 633px){
    .sp7{
        display: inline-block;
    }
}
/*サニパン*/
@media screen and (min-width: 541px) and (max-width: 566px){
    .sp8{
        display: inline-block;
    }
}
/*エナメル*/
@media screen and (min-width: 541px) and (max-width: 606px){
    .sp9{
        display: inline-block;
    }
}
/*エナメル*/
@media screen and (min-width: 541px) and (max-width: 577px){
    .sp10{
        display: inline-block;
    }
}
/*TB*/
@media screen and (max-width: 979px){
    .section_wrapper{
        width: 750px;
    }
    /*目次*/
    .toc_list{
        display: block;
        width: 750px;
        margin: 0 auto;
    }
    .column_3 {
        gap: 0;
    }
    .column_3_item{
        width: 240px;
    }
    .column_3_img{
        width: 100%;
    }
    .column_2 {
        gap: 0;
    }
    .column_2_item{
        width: 365px;
    }
    .column_2_img{
        width: 100%;
    }
    #section04 .column_3_item:nth-child(n + 1):not(:nth-child(n + 4)){
        margin-top: 0;
    }
    #section04 .column_3_item:nth-child(n + 3):not(:nth-child(n + 7)){
        margin-bottom: 61px;
    }
    #section04 .column_3_item{
        width: 362.5px;
        margin-bottom: 61px;
    }

    #section04 .column_3_item:nth-child(n + 5):not(:nth-child(n + 7)){
        margin-bottom: 96px;
    }
    .section_description{
        font-size: 24px;
        margin: 0 0 96px 0;
        padding: 48px 0;
    }
    .tb{
        display: inline-block;
    }
    .column_3_item_title{
        font-size: 17px;
    }
}

/*SP*/
@media screen and (max-width: 750px){
    /*メインビジュアル*/
    .main_visual_wrapper{
        width: 100%;
        height: auto;
        background: none;
    }
    .main_visual_wrapper img {
        width: 100%;
        margin: 0;
    }
    #main_visual{
        height: auto;
    }
    .section_wrapper{
        width: calc(100% - 39px);
    }
    .toc_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: calc(100% - 39px);
    }
    .select.type,.select.use{
        /* width: calc(50% - 10px); */
        width: 49%;
        height: auto;
        flex-direction: column;
    }
    .select{
        align-items:flex-start
    }
    .select + .select{
        margin: 0;
    }
    .select_title {
        width: 100%;
        height: auto;
        font-size: 30px;
        line-height: 30px;
        padding: 30px 0;
    }
    .type .select_list, .use .select_list {
        width: 38.7vw;
        height: auto;
        /* gap: 0 2.7vw; */
        margin: 0 auto;
        background-color: #ffffff;
        flex-wrap: wrap;
    }
    .select.type .select_btn, .select.use .select_btn {
        width: 18.7vw;
        height: 18.7vw;
        margin: 0 0;
        background: #672700;
        border-radius: 5px;
    }
    .select.type, .select.use{
        padding-bottom: 4vw;
    }

    .select.type .select_btn:nth-child(n + 1):not(:nth-child(n + 3)){
        margin-bottom: 1.3vw;
    }
    .sp{
        display: inline-block;
    }
    /*ボタンの文字*/
    .select_btn_p{
        font-size: 24px;
        line-height: 30px;
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        white-space: nowrap
    }
    .toc_title {
        margin: 0 0 50px 0;
        font-size: 44px;
        line-height: 44px;
    }
    .toc_title .sub_title_item{
        font-size: 48px;
    }
    .toc_title::before {
        font-size: 34px;
        margin: 0 0 10px 0;
    }
    #section01 .toc_title::before, #section04 .toc_title::before {
        margin: 0 0 16px 0;
    }
    .select.color{
        margin-top:2.7vw;
    }
    .sub_title {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 60px;
        padding: 30px 0;
        margin: 0 0 60px 0;
        border-bottom: 1px solid #cccccc;
    }
    .sub_title_h3 {
        font-size: 34px;
        line-height: 60px;
    }
    .more_btn {
        width: 218px;
        height: 58px;
        line-height: 56px;
        font-size: 24px;
        border-radius: 30px;
    }
    .more_btn::after {
        content: "";
        border-style: solid;
        border-width: 7.5px 0 7.5px 11px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        right: 10px;
        bottom: 23px;
        z-index: 1;
    }
    .column_3{
        flex-wrap: wrap;
    }
    .column_3_item,#section04 .column_3_item {
        width: 48%;
    }
    .column_3_item_title {
        font-size: 26px;
        letter-spacing: 0.05em;
        font-feature-settings: "palt" 1;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(29, 29, 29);
        margin: 0 0 20px 0;
        white-space: normal;
      }
      .column_3_item_text {
        font-size: 22px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(17, 17, 17);
        line-height: 1.636;
        margin: 20px 0 0 0;
    }
    .column_3_item:nth-child(n + 3):not(:nth-child(n + 4)){
        margin-top: 57px;
    }
    .column_2 {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .column_2_item {
        width: 100%;
        margin-bottom: 62px;
    }
    .column_2_item:nth-child(n + 2):not(:nth-child(n + 2)){
        margin-bottom: 100px;
    }
    .column_2_item_title {
        font-size: 26px;
        margin: 0 0 30px 0;
    }
    .sub_title_item:before, .sub_title_item:after {
        width: 148px;
        height: 35px;
        content: '';
        background: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/title_sub.png")no-repeat;
        position: absolute;
        bottom: 0px;
        background-size: contain;
    }
    .sub_title_item:before {
        left: -180px;
    }
    .sub_title_item:after {
        right: -180px;
    }
}
/*SP*/
@media screen and (max-width: 700px){
    .sub_title_item:before, .sub_title_item:after {
        width: 128px;
        height: 35px;
        content: '';
        background: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/title_sub.png")no-repeat;
        position: absolute;
        bottom: 0px;
        background-size: contain;
    }
    .sub_title_item:before {
        left: -140px;
    }
    .sub_title_item:after {
        right: -140px;
    }
    .select_btn_p {
        font-size: 20px;
        line-height: 24px;
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        white-space: nowrap;
    }
}

@media screen and (max-width: 670px){
    .column_2_item_title {
        font-size: 22px;
        margin: 0 0 30px 0;
    }
    .sub_title_item:before, .sub_title_item:after {
        width: 98px;
        height: 28px;
        content: '';
        background: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/title_sub.png")no-repeat;
        position: absolute;
        bottom: 0px;
        background-size: contain;
    }
    .sub_title_item:before {
        left: -120px;
    }
    .sub_title_item:after {
        right: -120px;
    }
    .sub_title_h3 {
        font-size: 28px;
        line-height: 50px;
    }
    .toc_title {
        margin: 0 0 50px 0;
        font-size: 38px;
        line-height: 38px;
    }
    .toc_title .sub_title_item{
        font-size: 42px;
    }
    .more_btn {
        width: 198px;
        height: 48px;
        line-height: 46px;
        font-size: 20px;
        border-radius: 30px;
    }
    .more_btn::after {
        content: "";
        border-style: solid;
        border-width: 5.5px 0 5.5px 9px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        right: 10px;
        bottom: 18px;
        z-index: 1;
    }
    .column_3_item, #section04 .column_3_item {
        width: calc((100% - 19.5px) / 2);
    }
}

@media screen and (max-width: 600px){
    .sub_title_item:before, .sub_title_item:after {
        width: 70px;
        height: 24px;
        content: '';
        background: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/title_sub.png")no-repeat;
        position: absolute;
        bottom: 0px;
        background-size: contain;
    }
    .sub_title_item:before {
        left: -90px;
    }
    .sub_title_item:after {
        right: -90px;
    }
    .section_description {
        font-size: 24px;
        margin: 0 0 96px 0;
        padding: 38px 14px;
        box-sizing: border-box;
    }
    .sub_title_h3 {
        font-size: 24px;
        line-height: 50px;
    }
    .column_3_item, #section04 .column_3_item {
        width: calc((100% - 19.5px) / 2);
    }
}
@media screen and (max-width: 540px){
/* @media screen and (max-width: 414px){ */
    #toc {
        padding: 50px 0;
    }
    .toc_title {
        margin: 0 0 50px 0;
        font-size: 24px;
        line-height: 24px;
    }
    .toc_title .sub_title_item{
        font-size: 26px;
        line-height: 26px;
    }
    .toc_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: calc(100% - 20px);
    }
    .select_title {
        width: 100%;
        height: auto;
        font-size: 18px;
        line-height: 18px;
        padding: 18px 0;
    }
    .select_btn_p {
        font-size: 12px;
        line-height: 18px;
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        white-space: nowrap;
    }
    .select.color .select_btn {
        width: 100%;
        background: #ffffff;
        color: #111111;
        font-size: 18px;
        font-family: dnp-shuei-gothic-gin-std,sans-serif;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
    }
    .more_btn {
        width: 90px;
        height: 34px;
        line-height: 32px;
        font-size: 13px;
        border-radius: 30px;
        text-align: left;
        padding: 0 0 0 12px;
    }
    .more_btn::after {
        content: "";
        border-style: solid;
        border-width: 3.5px 0 3.5px 6px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        right: 10px;
        bottom: 14px;
        z-index: 1;
    }
    .sub_title_h3 {
        font-size: 20px;
        line-height: 34px;
    }
    .sub_title {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 40px;
        padding: 10px 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #cccccc;
    }
    .column_3_item_title {
        font-size: 14px;
        letter-spacing: 0.05em;
        font-feature-settings: "palt" 1;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: bold;
        color: rgb(29, 29, 29);
        margin: 0 0 10px 0;
        white-space: normal;
    }
    .column_3_item_text {
        font-size: 10px;
        font-family: dnp-shuei-gothic-kin-std,sans-serif;
        font-weight: 400;
        color: rgb(17, 17, 17);
        line-height: 1.636;
        margin: 10px 0 0 0;
    }
    .column_3_item, #section04 .column_3_item {
        width: calc((100% - 15px)/2);
    }

    .section_description {
        font-size: 14px;
        margin: 0 0 96px 0;
        padding: 38px 0px;
        box-sizing: border-box;
    }
    .section_wrapper {
        width: calc(100% - 30px);
    }
    .column_2_item_title {
        font-size: 16px;
        margin: 0 0 16px 0;
    }
    .toc_title::before {
        font-size: 24px;
    }
    .sub_title_item:before, .sub_title_item:after {
        width: 70px;
        height: 20px;
        content: '';
        background: url("https://www.okadaya.co.jp/img/usr/handicraft/event/lather/title_sub.png")no-repeat;
        position: absolute;
        bottom: 0px;
        background-size: contain;
    }
    .section {
        display: block;
        width: 100%;
        margin: 72px 0 0 0;
    }
}

@media screen and (max-width: 375px){
    .sp2{
        display: inline-block;
    }
}

.more_btn.big_btn{
    margin: 0 auto 120px;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
}
.more_btn.big_btn::after {
    content: "";
    border-style: solid;
    border-width: 6.5px 0 6.5px 8px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 16px;
    bottom: 19px;
    z-index: 1;
}

.section2{
    padding: 0 0 1px 0;
}