@charset "utf-8";
/* CSS Document */
main.pagemain{
       max-width:750px;margin:0 auto;
        font-family: YuGothic, "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
       background-color: #fff;
    }
    main.pagemain img{
        max-width:100%;
    }
    
    main.pagemain section{
        max-width: 750px;
        margin:0 auto;
        padding:100px 40px;
        background-color:#f7f1ed;
    }
    
    main.pagemain section:nth-child(2n){
        background-color:#efe6dd;
    }
    main.pagemain h1{
        font-size:70px;
        margin:0;
        background-color:#fff;
        text-align: center;
        line-height: 1.2;
        font-weight:bold;
        letter-spacing:-0.05em;
    }
    
    main.pagemain h1 p{
        margin: 0;
    }
    main.pagemain h2{
        font-size:60px;
        text-align: center;
        margin: 0 0 50px;
        padding:0;
        line-height: 1;
        border: none;
    }
    main.pagemain ul,li{
        padding:0;
        margin: 0;
        list-style: none;
    }
    main.pagemain ul li p{
        font-size:30px;
        font-weight:500;
        line-height:1.5;
    }
    
    main.pagemain ul li dl{
        display:flex;
        justify-content: space-between;
    }
    main.pagemain h3{
        text-align:center;
        color:#fff;
        background-color:#746960;
        margin: 0;
        padding:27px 0;
        font-size:38px;
    }
    main.pagemain .work_box ul li{
        font-size:24px;
        font-weight:500;
        letter-spacing: -0.1em;
        font-feature-settings: "palt";
    }
    
    main.pagemain .work_box ul li:last-child{
        margin-left:25px;
    }
    
    main.pagemain .work_box{
        background-color:#fff;
        padding:40px;
        margin-bottom:40px;
    }
    
    main.pagemain .work_box ul{
        display:flex;
        align-items: center;
        margin-bottom:10px;
    }
    main.pagemain .work_box p{
        background-color:#e9e9e9;
        text-align: center;
        color:#333;
        font-size:28px;
        font-weight:bold;
        padding:10px 0;
        margin-bottom: 20px;
    }
    
    main.pagemain .work_box ul li img{
        vertical-align:bottom;
    }
    
    main.pagemain .work_box .recipe_btn{
        display:block;
        width:440px;
        height:70px;
        line-height:70px;
        margin:40px auto;
        border-radius: 40px;
        background-color:#111111;
        color:#fff;
        text-align:center;
        text-decoration: none;
        font-size:26px;
        font-weight:bold;
        position: relative;
    }
    
    main.pagemain .work_box .recipe_btn::before{
        content:"";
        width:24px;
        height:25px;
        position: absolute;
        right:25px;
        background-image: url("https://www.okadaya.co.jp/img/usr/handicraft/detail/btn_icon.png");
        top: 0;
          bottom: 0;
          margin: auto;
    }
    main.pagemain table tr td{
        font-size:24px;
        color:#fff;
        border-right: 0;
        background-color: #746960;
        padding: 17px 10px;
    }
    
    main.pagemain table tr td:last-child{
        color:#333;
        background-color: #fff;
    }
    
    main.pagemain .attention{
        background-color:#fff;
    }
    
    main.pagemain .attention dl{
        display:block;
        border:2px solid #746960;
        margin-bottom:20px;
        padding:35px 60px;
        border-radius:7px;
    }
    main.pagemain .attention dl dt{
            display:flex;
        align-items: center;
        font-size:38px;
        color:#746960;
        font-weight:bold;
        }
    main.pagemain .attention dl dt img{
        margin-right:18px;
    }
    
    main.pagemain .attention dl dd{
        margin:20px 0 0;
        font-size:24px;
        letter-spacing: -0.1em;
    }
    
    
    @media screen and (max-width:520px){
        main.pagemain h1 {
            font-size: 32px;
        }
        main.pagemain h2 {
            font-size: 28px;
            background-color:inherit;
        }
        main.pagemain h3 {
            font-size: 20px;
        }
        main.pagemain section{
            padding:80px 4%;
        }
        main.pagemain ul li p {
          font-size: 16px;
          font-weight: 500;
          line-height: 1.5;
        }
        main.pagemain .work_box ul li:first-child{
            width:20%;
        }
        main.pagemain .work_box ul li {
          font-size: 16px;
          font-weight: 500;
          letter-spacing: -0.1em;
          font-feature-settings: "palt";
        }
        main.pagemain table tr td {
          font-size: 14px;
          padding: 17px 6px;
        }
        main.pagemain .work_box {
          background-color: #fff;
          padding: 40px 5%;
          margin-bottom: 40px;
        }
        

        main.pagemain .work_box p{
            background-color: #e9e9e9;
            text-align: center;
            color: #333;
            font-size: 28px;
            font-weight: bold;
            padding: 10px 0;
            margin-bottom: 20px;
        }
        main.pagemain .work_box .recipe_btn{
            width:100%;
            font-size: 14px;
        }
        main.pagemain .work_box .recipe_btn::before{
        content: "";
        width: 14px;
        height: 15px;
        position: absolute;
        right: 17px;
        background-image: url("https://www.okadaya.co.jp/img/usr/handicraft/detail/btn_icon.png");
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: 100%;
    }
        main.pagemain .attention dl {
          display: block;
          border: 2px solid #746960;
          margin-bottom: 20px;
          padding: 35px 5%;
          border-radius: 7px;
        }
        main.pagemain .attention dl dt {
          display: flex;
          align-items: center;
          font-size: 20px;
          color: #746960;
          font-weight: bold;
        }
        main.pagemain .attention dl dd {
          margin: 20px 0 0;
          font-size: 16px;
          letter-spacing: -0.1em;
        }
    }