@charset "utf-8";
/*header*/
header{
    background-image: url("../images/reform/mainview.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 40px;
}

header .copy_txt{
    clear: both;
    text-align: center;
    color: hsla(0,0%,100%,0.83);
    margin: -25px 0 35px 0;
    text-shadow: 1px 1px 23px hsla(18,91%,9%,1.00);
}

/*reform*/
.reform{
    padding: 50px 0;
}
.reform h2{
    font-size: 2.8em;
    text-align: center;
    letter-spacing: 2px;
    margin: 0 0 40px;
}
.reform h2 span{
    font-size: 0.6em;
}
.reform .title{
    background-image: url("../images/reform/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 415px;
}
.reform .title h3{
    letter-spacing: 2px;
    margin: 0 auto;
    vertical-align: bottom;
    color: #fff;
    text-shadow: 1px 1px 23px hsla(18,91%,9%,1.00);
    line-height: 1.4;
}
.reform p{
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 0 auto;
    text-align: justify;
    line-height: 1.4;
    letter-spacing: 1px;
}
.reform dl{
    text-align: center;
    margin: 35px auto 0;
}
.reform dd{
    display: inline-block;
    background-image: url("../images/reform/reform01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 255px;
    height: 256px;
    text-shadow:3px 3px 2px hsla(0,0%,100%,1.00), -3px 3px 2px hsla(0,0%,100%,1.00), 2px -2px 2px hsla(0,0%,100%,1.00), -2px -2px 2px hsla(0,0%,100%,1.00);
    writing-mode: vertical-rl;
    font-size: 2.1em;
    padding: 0 215px 0 0;
    text-align: left;
}
.reform dd:nth-of-type(2){
    background-image: url("../images/reform/reform02.png");
}
.reform dd:nth-of-type(3){
    background-image: url("../images/reform/reform03.png");
}
.reform dd:nth-of-type(4){
    background-image: url("../images/reform/reform04.png");
}

/*works*/
.works{
    padding: 50px 0 0;
    border-top: dotted 1px #c9c9c9;
    border-bottom: dotted 1px #c9c9c9;
}
.works h2{
    font-size: 2.1em;
    text-align: center;
    margin: 0 0 20px;
}
.works dd{
    display: inline-block;
}
.works dd:nth-of-type(3n){
    margin-right: 0;
}

/*money*/
.money{
    padding: 50px 0 0;
    border-bottom: dotted 1px #c9c9c9;
}
.money h2{
    font-size: 2.1em;
    text-align: center;
    margin: 0 0 40px;
}
.money article{
    margin: 0 auto 55px;
}
.money p{
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}
.money article dl{
    border: solid 1px #e5e5e5;
    padding: 0 10px 5px;
    margin: 0 0 10px;
}
.money article dt{
    text-align: center;
    font-size: 1em;
    margin: -15px auto 15px;
}
.money article dt span{
    font-size: 1.5em;
    background-color: #fff;
    padding: 0 10px;
}
.money article dd{
    float: left;
    margin: 0 20px 10px 0;
    text-align: center;
    line-height: 1.4;
    background-image: url("../images/reform/works_back.jpg");
    background-size:cover;
    background-repeat: no-repeat;
}
.money article dd strong{
    font-size: 2.1em;
}
.money article .all{
    background-image: none;
    background-color: #fff;
    border: solid 2px #b0d88c;
}
.money article .all strong{
    text-indent: -9999px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
}
.money article .all span{
    background: linear-gradient(transparent 60%, #f9db9b 0%);
    color: #d70200;
}
/*1番目*/
.money article:nth-of-type(1) dd{
    padding: 15px 0 0;
}
.money article:nth-of-type(1) dd:nth-of-type(2n){
    margin-right: 0;
}
.money article:nth-of-type(1) .all strong{
    background-image: url("../images/reform/money.png");
    width:150px;
    position: relative;
}
/*2番目*/
.money article:nth-of-type(2) dd{
    font-size: 0.9em;
    padding: 10px 0 0;
}
.money article:nth-of-type(2) dd:nth-of-type(2n){
    margin-right: 0;
}
.money article:nth-of-type(2) dd strong{
    display: inline-block;
    margin-bottom: 10px;
}
.money article:nth-of-type(2) .all{
    width: 100%;
    font-size: 1em;
    text-align: left;
    padding: 10px 15px 0;
}
.money article:nth-of-type(2) .all strong{
    background-image: url("../images/reform/money02.png");
    width:80px;
    margin-bottom: 0;
}
/*3番目*/
.money article:nth-of-type(3) dd{
    font-size: 1em;
}
.money article:nth-of-type(3) dd img{
    float: left;
}
.money article:nth-of-type(3) dd .txt{
    padding: 10px 0 0 0;
    line-height: 1.4;
}
.money article:nth-of-type(3) dd span{
    background: linear-gradient(transparent 60%, #f9db9b 0%);
}

/*item*/
.item{
    margin: 0 auto;
}
.item h2{
    font-size: 2.1em;
    text-align: center;
    margin: 0 0 40px;
}
.item dd{
    height: 326px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 1.2em;
    padding: 10px 15px;
    text-shadow:3px 3px 24px hsla(0,0%,100%,1.00), -3px 3px 4px hsla(0,0%,100%,1.00), 2px -2px 4px hsla(0,0%,100%,1.00), -2px -2px 4px hsla(0,0%,100%,1.00);
}
.item dd span{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #f0d498;
    text-align: center;
    padding: 17px 0 0;
    margin: 0 10px 0 0;
    text-shadow:none;
}
.item dd strong{
    font-size: 2.1em;
}
.item dd:nth-of-type(2n){
    margin-right: 0;
}
.item dd:nth-of-type(1){
    background-image: url("../images/reform/item01.jpg");
}
.item dd:nth-of-type(1) span{
    background-color: #b9cfa5;
}
.item dd:nth-of-type(2){
    background-image: url("../images/reform/item02.jpg");
}
.item dd:nth-of-type(3){
    background-image: url("../images/reform/item03.jpg");
}
.item dd:nth-of-type(4){
    background-image: url("../images/reform/item04.jpg");
}

@media (min-width:641px){
    
    /*header*/
    header .copy_txt{
    font-size: 6em;
    }
    header .txt01,header .txt02{
        margin: 10px 0 145px 0;
    }
    header nav .top_hide{
        display: inline-block;
    }
    
    /*reform*/
    .reform .title h3{
    font-size: 3.1em;
    }
    .reform p{
        width: 740px;
    }
    .reform .title{
        padding: 260px 0 0;
    }
    .reform .title h3{
        width: 1100px;
    }
    .reform dd{
    margin: 0 15px;
    }
    
    /*works*/
    .works dl{
        width: 1100px;
        margin: 50px auto;
    }
    .works dd{
        margin: 0 10px 50px 0;
    }
    
    /*money*/
    .money article{
        width: 1100px;
    }
    .money article:nth-of-type(1) img,.money article:nth-of-type(2) img{
        float: left;
    }
    .money article:nth-of-type(1) dl,.money article:nth-of-type(2) dl{
        float: right;
        width: 500px;
    }
    /*1番目*/
    .money article:nth-of-type(1) dd{
        width: 228px;
        height: 114px;
    }
    .money article:nth-of-type(1) .all strong{
        top: 5px;
    }
    /*2番目*/
    .money article:nth-of-type(2) dd{
        width: 228px;
        height: 124px;
    }
    .money article:nth-of-type(2) .all{
        height: 59px;
    }
    /*3番目*/
    .money article:nth-of-type(3) dd{
        width: 517px;
        height: 143px;
    }
    
    /*item*/
    .item{
        padding: 50px 0;
        width: 1100px;
    }
    .item dd{
    float: left;
    width:526px;
    margin: 0 45px 40px 0;
    }
}

@media (max-width:640px){
    
    /*header*/
    header .copy_txt{
        font-size: 4em;
    }
    header .txt02{
       margin: 5px 0 80px 5px;
    }
    
    /*reform*/
    .reform p{
        padding: 0 20px;
    }
    .reform .title{
        padding: 260px 10px 0;
    }
    .reform .title h3{
        font-size: 2.4em;
    }
    .reform dd{
    margin: 0 20px 30px;
    }
    
    /*works*/
    .works dl{
        width: 640px;
        margin: 50px auto;
        padding: 0 20px;
        }
    .works dd{
        width: 190px;
        margin: 0 5px 25px 0;
    }
    .works dd img{
        width: 100%;
    } 
    
    /*money*/
    .money article{
        padding: 0 20px;
    }
    .money article:nth-of-type(1) img,.money article:nth-of-type(2) img{
        margin: 0 auto 30px;
        width: 100%;
    }
    /*1番目*/
    .money article:nth-of-type(1) dd{
        width: 278px;
        height: 130px;
    }
    .money article:nth-of-type(1) .all strong{
        top: 15px;
    }
    /*2番目*/
    .money article:nth-of-type(2) dd{
        width: 278px;
        height: 160px;
    }
    .money article:nth-of-type(2) .all{
    height: 69px;
    }
    .money article:nth-of-type(2) .all strong{
        position: relative;
        top: 8px;
    }
    /*3番目*/
    .money article:nth-of-type(3) dd{
        width: 100%;
        height: 160px;
    }
    .money article:nth-of-type(3) img{
        height: 100%;
    }
    
    /*item*/
    .item{
        padding: 50px 20px;
    }
    .item dd{
    width:100%;
    margin: 0 0 10px;
    }
}