#merit .detail h3 img.sp {
    display: none;
}

#merit .sp_image {
    display: none;
}

#merit .merit_01 .detail,
#merit .merit_02 .detail,
#merit .merit_03 .detail,
#merit .merit_04 .detail,
#merit .merit_05 .detail {
    margin: 0 auto;
    width: 1050px;
    position: relative;
}

#merit .merit_01 {background: #bfc0c7;}
#merit .merit_01 .wrap {
    background: url("../img/merit_bg_01.jpg") center center no-repeat;
    min-width: 1100px;
    height: 782px;
    width: 100%;
}

#merit .merit_01 .detail h3 img {
    height: 126px;
    width: auto;
    margin-top: 185px;
    box-sizing: border-box;
}

#merit .merit_01 .detail h4 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: .3rem;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 15px;
}

#merit .merit_01 .detail p {
    line-height: 2;
    width: 500px;
    letter-spacing: .1rem;
    margin-top: 15px;
}

#merit .merit_01 .detail iframe {
    position: absolute;
    top: 64px;
    left: 564px;
}

#merit .merit_02 {background: #fff;}
#merit .merit_02 .wrap {
    background: url("../img/merit_bg_02.jpg") center center no-repeat;
    min-width: 1100px;
    height: 863px;
    width: 100%;
}

#merit .merit_02 .detail h3 img {
    height: 126px;
    width: auto;
    margin-top: 238px;
    box-sizing: border-box;
    margin-left: 525px;
}

#merit .merit_02 .detail h4 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: .3rem;
    font-size: 2rem;
    margin-top: 15px;
    line-height: 1.4;
    margin-left: 525px;
}

#merit .merit_02 .detail p {
    line-height: 2;
    width: 500px;
    letter-spacing: .1rem;
    margin-top: 15px;
    margin-left: 525px;
}

#merit .merit_02 .detail iframe {
    position: absolute;
    top: 206px;
    left: 10px;
}

#merit .merit_03 {background: #bfc0c7;}
#merit .merit_03 .wrap {
    width: 100%;
    height: 811px;
    background: url("../img/merit_bg_03.jpg") center center no-repeat;
    min-width: 1100px;
}

#merit .merit_03 .detail h3 img {
    height: 126px;
    width: auto;
    margin-top: 190px;
    box-sizing: border-box;
}

#merit .merit_03 .detail h4 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: .3rem;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 15px;
}

#merit .merit_03 .detail h4 span {
    font-size: 1.5rem;
    display: inline-block;
    padding-left: 10px;
    vertical-align: .15rem;
}

#merit .merit_03 .detail p {
    line-height: 2;
    width: 530px;
    letter-spacing: .1rem;
    margin-top: 15px;
}

#merit .merit_03 .detail iframe {
    position: absolute;
    top: 0;
    left: 611px;
}

#merit .merit_04 {background: #fff;}
#merit .merit_04 .wrap {
    width: 100%;
    height: 1068px;
    background: url("../img/merit_bg_04.jpg") center center no-repeat;
    min-width: 1100px;
}

#merit .merit_04 .detail h3 img {
    height: 126px;
    width: auto;
    margin-top: 140px;
    box-sizing: border-box;
    margin-left: 525px;
}

#merit .merit_04 .detail h4 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: .3rem;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 15px;
    margin-left: 525px;
}

#merit .merit_04 .detail p {
    line-height: 2;
    width: 470px;
    letter-spacing: .1rem;
    margin-top: 360px;
}

#merit .merit_04 .detail .sp_layout .image {
    display: none;
}

#merit .merit_04 .detail iframe {
    position: absolute;
    top: 145px;
    left: 57px;
}
#merit .merit_05 {background: #bfc0c7;}
#merit .merit_05 .wrap {
    width: 100%;
    height: 882px;
    background: url("../img/merit_bg_05.jpg") center center no-repeat;
    min-width: 1100px;
    position: relative;
}

#merit .merit_05 .detail h3 img {
    height: 126px;
    width: auto;
    margin-top: 230px;
    box-sizing: border-box;
}

#merit .merit_05 .detail h4 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: .3rem;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 15px;
}

#merit .merit_05 .detail p {
    line-height: 2;
    width: 530px;
    letter-spacing: .1rem;
    margin-top: 15px;
}

#merit .merit_05 .detail iframe {
    position: absolute;
    top: 226px;
    left: 493px;
}

#merit .merit_05 .btn {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform : translate(-54%, 0);
}

#merit .merit_05 .btn img {
    display: block;
    margin-top: 5px;
    max-width: 250px;
}


@media only screen and (max-width: 1280px) {

#merit .merit_01 .detail,
#merit .merit_02 .detail,
#merit .merit_03 .detail,
#merit .merit_04 .detail,
#merit .merit_05 .detail {
    max-width: 1050px;
    width: 100%;
    padding: 0 3%;
}
#merit .merit_01 .wrap {
    width: 100%;
    min-width: auto;
}
#merit .merit_01 .detail h3 img {
    margin-top: 135px;
    height: auto;
    max-width: 420px;
}
    
#merit .merit_02 .detail {
    max-width: 100% !important;
    width: 100%;
    padding: 0 3%;
}

#merit .merit_02 .wrap {
    background: url("../img/merit_bg_02.jpg") -380px center no-repeat;
    height: 863px;
    width: 100%;
    min-width: auto;
}

#merit .merit_02 .detail iframe {
    position: absolute;
    top: 206px;
    left: 67px;
}

#merit .merit_02 .detail h3 img {
    margin-left: 500px;
    height: auto;
    max-width: 350px;
}

#merit .merit_02 .detail h4 {
    margin-left: 500px;
}

#merit .merit_02 .detail p {
    padding-left: 500px;
    margin-left: 0;
    width: 100%;
}

#merit .merit_03 .wrap {
    height: 811px;
    background: url("../img/merit_bg_03.jpg") 58% center no-repeat;
    width: 100%;
    min-width: auto;
}

#merit .merit_03 .detail h3 img {
    width: auto;
    margin-top: 140px;
    box-sizing: border-box;
    height: auto;
    max-width: 350px;
}

#merit .merit_03 .detail h4 span {
    display: block;
}

#merit .merit_03 .detail p {
    width: 50%;
}

#merit .merit_03 .detail iframe {
    position: absolute;
    top: 0;
    left: 50%;
}
    
    
#merit .merit_04 .detail {
    max-width: 100% !important;
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
}

#merit .merit_04 .wrap {
    height: 1068px;
    background: #ccc url("../img/merit_bg_04.jpg") -400px center no-repeat;
    width: 100%;
    min-width: auto;
}

#merit .merit_04 .detail h3 {
    background: #fff;
    margin-left: 44%;
    padding-left: 2%;
    position: absolute;
    z-index: 3;
}

#merit .merit_04 .detail h3 img {
    margin-left: 0;
    max-width: 400px;
    height: auto;
}

#merit .merit_04 .detail h4 {
    margin-left: 49%;
    padding-top: 280px;
}

#merit .merit_04 .detail p {
    line-height: 2;
    width: 480px;
    letter-spacing: .1rem;
    margin-top: 360px;
}

#merit .merit_04 .detail .sp_layout .image {
    display: none;
}

#merit .merit_04 .detail iframe {
    position: absolute;
    left: 0;
    width: 100% !important;
    padding-left: 92px;
}
    
#merit .merit_05 .detail {
    max-width: 100% !important;
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
}

#merit .merit_05 .wrap {
    height: 882px;
    background: #ccc url("../img/merit_bg_05_tb.jpg") right center no-repeat;
    width: 100%;
    min-width: auto;
}

#merit .merit_05 .detail h3 img {
    height: auto;
    max-width: 330px;
    margin-top: 200px;
}

#merit .merit_05 .detail h4 {
    margin-top: 15px;
    width: 100%;
    padding-right: 500px;
}

#merit .merit_05 .detail p {
    width: 100%;
    margin-top: 15px;
    padding-right: 500px;
}

#merit .merit_05 .detail iframe {
    position: absolute;
    top: 226px;
    left: auto;
    right: 55px;
}

#merit .merit_05 .btn {
    position: absolute;
    bottom: 40px;
    left: auto;
    right: 463px;
    transform : translate(0, 0);
}

#merit .merit_05 .btn img {
    display: block;
    margin-top: 5px;
    max-width: 250px;
}


}

@media only screen and (max-width: 834px) {

#merit .sp_image {
    display: block;
}

#merit .sp_image img {
    width: 100%;
    vertical-align: bottom;
}

#merit .detail h3 img.pc {
    display: none;
}
#merit .detail h3 img.sp {
    display: block;
}

#merit .merit_01 {
    background: #bfc0c7;
    background: -moz-linear-gradient(top,  #bfc0c7 0%, #d1d2d7 100%);
    background: -webkit-linear-gradient(top,  #bfc0c7 0%,#d1d2d7 100%);
    background: linear-gradient(to bottom,  #bfc0c7 0%,#d1d2d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc0c7', endColorstr='#d1d2d7',GradientType=0 );
    overflow: hidden;
}

#merit .merit_01 .wrap {
    background: none;
    min-width: 100%;
    height: auto;
    width: 100%;
}

#merit .merit_01 .detail h3 img {
    height: 63px;
    width: auto;
    margin-top: 0;
    box-sizing: border-box;
}

#merit .merit_01 .detail h4 {
    letter-spacing: .2rem;
    font-size: 1.5rem;
    margin-top: 20px;
}

#merit .merit_01 .detail p {
    width: 100%;
}

#merit .merit_02 {
    overflow: hidden;
}
    
#merit .merit_02 .wrap {
    background: none;
    min-width: 100%;
    height: auto;
    width: 100%;
}

#merit .merit_02 .detail h3 img {
    height: 63px;
    width: auto;
    margin-top: 0;
    box-sizing: border-box;
    margin-left: 0;
}

#merit .merit_02 .detail h4 {
    letter-spacing: .2rem;
    font-size: 1.5rem;
    margin-top: 20px;
    margin-left: 0;
}

#merit .merit_02 .detail p {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}

#merit .merit_03 {
    background: #bfc0c7;
    background: -moz-linear-gradient(top,  #bfc0c7 0%, #d1d2d7 100%);
    background: -webkit-linear-gradient(top,  #bfc0c7 0%,#d1d2d7 100%);
    background: linear-gradient(to bottom,  #bfc0c7 0%,#d1d2d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc0c7', endColorstr='#d1d2d7',GradientType=0 );
    overflow: hidden;
}

#merit .merit_03 .wrap {
    background: none;
    min-width: 100%;
    height: auto;
    width: 100%;
}

#merit .merit_03 .detail h3 img {
    height: 63px;
    width: auto;
    margin-top: 0;
    box-sizing: border-box;
}

#merit .merit_03 .detail h4 {
    letter-spacing: .2rem;
    font-size: 1.5rem;
    margin-top: 20px;
}

#merit .merit_03 .detail h4 span {
    font-size: 1.5rem;
    display: block;
    padding-left: 0;
}

#merit .merit_03 .detail p {
    width: 100%;
}

#merit .merit_04 {
    overflow: hidden;
}
#merit .merit_04 .wrap {
    background: none;
    min-width: 100%;
    height: auto;
    width: 100%;
}

#merit .merit_04 .detail h3 {
    background: none;
    margin-left: 0%;
    padding-left: 0%;
    position: relative;
}

#merit .merit_04 .detail h3 img {
    margin-left: 0;
    max-width: 450px;
    height: auto;
    margin-top: 0;
}

#merit .merit_04 .detail h4 {
    letter-spacing: .2rem;
    font-size: 1.5rem;
    margin-top: 20px;
    margin-left: 0;
    padding-top: 0;
}

#merit .merit_04 .detail p {
    width: 100%;
    margin-top: 15px;
}

#merit .merit_04 .detail p .sp_layout {
    position: relative;
    display: block;
    margin: 0 -3%;
}
#merit .merit_04 .detail p .sp_layout .image {
    display: block;
}
#merit .merit_04 .detail p .sp_layout .image img {
    width: 100%;
}
#merit .merit_04 .detail p .sp_layout .txt {
    position: absolute;
    top: 0;
    width: 52%;
    right: 0;
    padding: 0 1rem 1rem;
    background: #fff;
}
#merit .merit_04 .detail p .bottom {
    display: inline-block;
    padding: 20px 0 30px;
}


#merit .merit_05 {
    background: #bfc0c7;
    background: -moz-linear-gradient(top,  #bfc0c7 0%, #d1d2d7 100%);
    background: -webkit-linear-gradient(top,  #bfc0c7 0%,#d1d2d7 100%);
    background: linear-gradient(to bottom,  #bfc0c7 0%,#d1d2d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc0c7', endColorstr='#d1d2d7',GradientType=0 );
    overflow: hidden;
}

#merit .merit_05 .wrap {
    background: none;
    min-width: 100%;
    height: auto;
    width: 100%;
}

#merit .merit_05 .detail h3 img {
    height: 63px;
    width: auto;
    margin-top: 0;
    box-sizing: border-box;
    margin-left: 0;
}

#merit .merit_05 .detail h4 {
    letter-spacing: .2rem;
    font-size: 1.5rem;
    margin-top: 20px;
}

#merit .merit_05 .detail p {
    width: 100%;
    margin-top: 15px;
}

#merit .merit_05 .btn {
    display: none;
}

#merit .merit_05 .detail h3 img {
    height: auto;
    max-width: 330px;
    margin-top: 0;
}

#merit .merit_05 .detail h4 {
    padding-right: 0;
}

#merit .merit_05 .detail p {
    width: 100%;
    margin-top: 15px;
    padding-right: 0;
}
    
    
#merit .merit_01 .detail,
#merit .merit_02 .detail,
#merit .merit_03 .detail,
#merit .merit_04 .detail,
#merit .merit_05 .detail {
    width: 100%;
    padding: 50px 3% 0;
}
    
#merit .merit_01 .detail iframe,
#merit .merit_02 .detail iframe,
#merit .merit_03 .detail iframe,
#merit .merit_04 .detail iframe,
#merit .merit_05 .detail iframe{
    display: none;
}

}


@media only screen and (max-width: 479px) {

#merit .merit_01 .detail h3 img,
#merit .merit_02 .detail h3 img,
#merit .merit_03 .detail h3 img,
#merit .merit_04 .detail h3 img,
#merit .merit_05 .detail h3 img {
    height: 50px;
}

}