@charset "UTF-8";
.main_view{
    background:url(../images/mv.png);
    background-size:cover;
    background-position:center;
    width:100%;
    margin:0 auto 5%;
    padding:20% 0 10%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}
.main_view h1{
    background:rgba(34,34,34,0.6);
    color:#fff;
    font-size:1.8em;
    text-align:center;
    padding:2% 2%;
    margin:0 auto 5%;
}
.main_view h1 span{
    display:inline-block;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-size:1.6em;
}
.main_view p{
    color:#fff;
    font-size:1.4em;
    text-align:center;
    width:100%;
}
#reformcaption {
    margin: 0 auto 8%;
}
#reformpromise{
    margin: 0 auto 12%;
}
.main_content_inner_wrap{
    background:#ffdeb5;
    padding: 3% 2% 4%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin: 0 auto 4%;
}
.main_content_inner p{
    line-height:1.6em;
    padding:0 2%;
}
.main_content_inner .left,
.main_content_inner_wrap .left{
    width:58%;
    margin:0 2% 2% 0;
}
.main_content_inner_wrap .left{
    background:#fff;
    padding: 3% 2%;
}
.main_content_inner .right,
.main_content_inner_wrap .right{
    width:40%;
    margin:0 0 2% 0;
}
.main_content_inner .plain{
    width:100%;
    margin:0 0 2% 0;
}
.main_content_inner .right img{
    display:block;
    margin: 0 auto;
    width:100%;
}
.main_content_inner_wrap h3{
    width:100%;
    font-size:1.6em;
    font-weight:500;
    margin: 0 auto 3%;
}
.main_content_inner_wrap .right img{
    height:100%;
    object-fit:cover;
}
#reformcaption,
#reformmenu ul{
    display:flex;
    flex-wrap:wrap;
}
#reformcaption h2{
    border-bottom: 4px solid #f95706;
    font-size:1.4em;
    text-align:center;
    margin: 5% auto;
    padding:0 0 1%;
    width:100%;
}
#reformcaption h3{
    background:#262626;
    color:#fff;
    font-size:1.6em;
    font-weight:500;
    text-align:center;
    margin: 0 auto 5%;
    padding:2% 0;
    width:100%;
}
#reformpromise h2{
    font-size:1.6em;
    font-weight:500;
    position:relative;
    margin: 0 auto 5%;
    padding: 0;
}
#reformpromise h2:before,
#reformpromise h2:after{
    content:"";
    background:#f95706;
    width:100%;
    height:4px;
    position:absolute;
    z-index:-1;
}
#reformpromise h2:before{
    top:10px;
    left:0;
}
#reformpromise h2:after{
    bottom:10px;
    left:0;
}
#reformpromise h2 span{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:fit-content;
    margin:0 auto;
    padding: 0 0 0 50px;
    position: relative;
}
#reformpromise h2 span:before{
    content:"";
    background:url(/images/common/icon_title01.svg);
    background-repeat:no-repeat;
    background-size:100%;
    width:40px;
    height:72px;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
}
#reformpromise h2 span b,
.main_content_inner_wrap h3 b{
    background:#fff;
    border:4px solid #f95706;
    border-radius:100px;
    font-size:1.4em;
    padding: 5px 20px;
    margin: 0 8px;
}
#reformmenu h2{
    font-size:1.6em;
    text-align:center;
    margin: 5% auto;
    width:100%;
    position:relative;
}
#reformmenu h2:before{
    content: "";
    background: #222;
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: -1;
    top: -12px;
    left: 0;
}
#reformmenu h2 span{
    display:block;
    padding: 0 0 0 80px;
    width:fit-content;
    margin:0 auto;
    position:relative;
}
#reformmenu h2 span:before{
    content:"";
    background:url(/images/common/icon_title02.svg);
    background-repeat:no-repeat;
    background-size:100%;
    width:70px;
    height:90px;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
}
#reformmenu ul li{
    width:48%;
}
#reformmenu ul li img{
    width:100%;
}
#reformmenu ul li:nth-child(odd){
    margin:0 2% 2% 0;
}
#reformmenu ul li:nth-child(even){
    margin:0 0 2% 2%;
}
@media screen and (min-width:769px){}

@media screen and (max-width:768px){
    
    .main_content_inner_wrap{
        padding: 8% 4% 2%;
    }
    .main_content_inner .left{
        width: 100%;
        margin: 0 0 5% 0;
        order: 2;
    }
    .main_content_inner .right{
        width: 100%;
        margin: 0 0 5% 0;
        order: 1;
    }
    .main_content_inner .right img{
        width:70%;
    }
    .main_content_inner_wrap .left{
        padding: 6% 6%;
    }
    #reformpromise h2{
        margin: 0 auto 12%;
    }
    #reformpromise h2 span{
        display:block;
        line-height: 1.8em;
    }
    #reformpromise h2:before{
        top:-6px;
    }
    #reformpromise h2:after{
        bottom:-16px;
    }
    #reformmenu h2 span:before{
        width: 60px;
        height: 80px;
    }
    #reformpromise h2 span b, .main_content_inner_wrap h3 b{
        font-size: 1.5rem;
        padding: 5px 15px;
    }
    .main_content_inner_wrap h3{
        line-height: 1.5em;
        text-indent: -65px;
        padding: 0 0 0 55px;
    }
    #reformmenu ul li{
        width:100%;
    }
    #reformmenu ul li:nth-child(odd),
    #reformmenu ul li:nth-child(even){
        margin:0 auto 4%;
    }
}