@charset "UTF-8";

@media screen and (min-width: 768px),print {

#main-ttlframe{ padding: 80px 0 112px 0;}
#main-ttlframe .main-ttl-inner{width: 1140px;margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;align-items: center;}
#main-ttlframe .main-ttl-inner .photo{width: 500px;margin: -17px 69px 0 29px;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe{width: 540px;padding: 18px 0 0 0;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe .subt{font-size:20px;line-height:1.6;letter-spacing: 7.3px;margin: 0 0 28px 0;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe .main-ttl{margin: 0 0 34px 0; font-size: 46px; font-weight: 500; line-height: 1.6; letter-spacing: 4.6px;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe .txt{font-size:16px;line-height: 2.2;letter-spacing: 4.5px;}

#con-ttl{padding: 220px 0 81px 0;
    background-image:url(../images/orderconcept/con01ttl-pohoto.png);
    background-repeat:no-repeat; background-position:center top 0px; }

#con-ttl .ttl-frame{padding: 53px 0 73px 0;width: 1100px;margin: 0 auto;background-color:#fff;}
#con-ttl .ttl-frame .ttl-en{text-align:center;margin: 0 0 16px 0;}
#con-ttl .ttl-frame .ttl{
    text-align:center;
    font-size:33px;
    line-height:1.6;
    letter-spacing: 5px;
    padding: 0px 0px 25px 5px;
    margin: 0px 0px 30px 0px;
    background-image:url(../images/orderconcept/conttl-line.svg);
    background-repeat:no-repeat;
    background-position:center bottom 0px;
    }

#con-ttl .meritto-ttl{
    padding: 145px 0 0 0;
    background-image:url(../images/orderconcept/conttl-line02.svg);
    background-repeat:no-repeat;
    background-position:center top 0px;
    }
#con-ttl .meritto-ttl .subt{text-align:center;font-size:22px;line-height:1.6;letter-spacing: 2.2px;padding-left: 5px;}
#con-ttl .meritto-ttl .main-ttl{text-align:center;font-size:33px;line-height: 0.7;letter-spacing: 3px;padding-left: 5px;}
#con-ttl .meritto-ttl .main-ttl span{font-size:79px;position:relative;top: 18px;}


 .gray{background-color:#F8F8F8;}

#con01{width: 1280px;margin: 0 auto 12px;padding: 86px 0 100px 0;}
#con01 .con-ttlframe{width: 1200px;margin: 0 auto 40px;border-bottom:1px solid #B6BCC0;}
#con01 .con-ttlframe .con-en01{text-align: center;margin: 0 0 40px 0;}
#con01 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 22px 0;font-size:33px;line-height:1.6;letter-spacing: 5px;padding-left: 5px;}
#con01 .con-ttlframe .con-en02{text-align: center;margin: 0 0 20px 0;padding: 0 0 34px 0;}
#con01 .con-txt-frame{width: 1100px; margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con01 .con-txt-frame .photo{width: 600px;padding: 0 0px 0 0;margin: 0 48px 0 0;}
#con01 .con-txt-frame .con-txt-inner{width: 450px;padding-left: 3px;padding-top: 3px;}
#con01 .con-txt-frame .con-txt-inner .txt{font-size:16px;line-height: 2;letter-spacing: 0.8px;}

#con02{width: 1280px;margin: 0 auto 12px;padding: 86px 0 100px 0;}
#con02 .con-ttlframe{width: 1200px;margin: 0 auto 40px;border-bottom:1px solid #B6BCC0;}
#con02 .con-ttlframe .con-en01{text-align: center;margin: 0 0 40px 0;}
#con02 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 22px 0;font-size:33px;line-height:1.6;letter-spacing: 5px;padding-left: 5px;}
#con02 .con-ttlframe .con-en02{text-align: center;margin: 0 0 20px 0;padding: 0 0 34px 0;}
#con02 .con-txt-frame{width: 1100px; margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con02 .con-txt-frame .photo{width: 600px;padding: 0 0px 0 0;margin: 0 48px 0 0;}
#con02 .con-txt-frame .con-txt-inner{width: 450px;padding-left: 3px;padding-top: 3px;}
#con02 .con-txt-frame .con-txt-inner .txt{font-size:16px;line-height: 2;letter-spacing: 0.8px;}

#con03{width: 1280px;margin: 0 auto 11px;padding: 86px 0 100px 0;}
#con03 .con-ttlframe{width: 1200px;margin: 0 auto 40px;border-bottom:1px solid #B6BCC0;}
#con03 .con-ttlframe .con-en01{text-align: center;margin: 0 0 40px 0;}
#con03 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 22px 0;font-size:33px;line-height:1.6;letter-spacing: 5px;padding-left: 5px;}
#con03 .con-ttlframe .con-en02{text-align: center;margin: 0 0 20px 0;padding: 0 0 34px 0;}
#con03 .con-txt-frame{width: 1100px; margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con03 .con-txt-frame .photo{width: 600px;padding: 0 0px 0 0;margin: 0 48px 0 0;}
#con03 .con-txt-frame .con-txt-inner{width: 450px;padding-left: 3px;padding-top: 3px;}
#con03 .con-txt-frame .con-txt-inner .txt{font-size:16px;line-height: 2;letter-spacing: 0.8px;}

#con04{width: 1280px;margin: 0 auto 12px;padding: 86px 0 100px 0;}
#con04 .con-ttlframe{width: 1200px;margin: 0 auto 40px;border-bottom:1px solid #B6BCC0;}
#con04 .con-ttlframe .con-en01{text-align: center;margin: 0 0 40px 0;}
#con04 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 22px 0;font-size:33px;line-height:1.6;letter-spacing: 5px;padding-left: 5px;}
#con04 .con-ttlframe .con-en02{text-align: center;margin: 0 0 20px 0;padding: 0 0 34px 0;}
#con04 .con-txt-frame{width: 1100px; margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con04 .con-txt-frame .photo{width: 600px;padding: 0 0px 0 0;margin: 0 48px 0 0;}
#con04 .con-txt-frame .con-txt-inner{width: 450px;padding-left: 3px;padding-top: 3px;}
#con04 .con-txt-frame .con-txt-inner .txt{font-size:16px;line-height: 2;letter-spacing: 0.8px;}

#con05{width: 1280px;margin: 0 auto 179px;padding: 86px 0 100px 0;}
#con05 .con-ttlframe{width: 1200px;margin: 0 auto 40px;border-bottom:1px solid #B6BCC0;}
#con05 .con-ttlframe .con-en01{text-align: center;margin: 0 0 40px 0;}
#con05 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 22px 0;font-size:33px;line-height:1.6;letter-spacing: 5px;padding-left: 5px;}
#con05 .con-ttlframe .con-en02{text-align: center;margin: 0 0 20px 0;padding: 0 0 34px 0;}
#con05 .con-txt-frame{width: 1100px; margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con05 .con-txt-frame .photo{width: 600px;padding: 0 0px 0 0;margin: 0 48px 0 0;}
#con05 .con-txt-frame .con-txt-inner{width: 450px;padding-left: 3px;padding-top: 3px;}
#con05 .con-txt-frame .con-txt-inner .txt{font-size:16px;line-height: 2;letter-spacing: 0.8px;}


#gallery-frame{width: 1200px;margin: 0 auto 122px;}
#gallery-frame .ttl{padding: 0px 0px 29px 51px;}
#gallery-frame .photo{}

#end-con{}
#end-con .ttl{text-align:center;font-size:23px;font-weight: 500; line-height: 2.05;letter-spacing: 8.5px;margin: 0 0 23px 0px;padding-left: 9px;}
#end-con .name{text-align:center;margin: 0 0px 50px 0;}
#end-con .photo{text-align:center;margin: 0 0 151px 0;}


#end-bunner-frame{ margin: 0 0 0 0;}
#end-bunner-frame .end-bunner-single{text-align: center;margin: 0 0 39px 0;}

#end-bunner-frame .end-bunner{width: 320px;margin: 0 auto 20px;}
#end-bunner-frame .end-bunner .end-bunner-list{
    -webkit-box-orient: horizontal;-webkit-box-direction: normal;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    display:-webkit-box;display:-ms-flexbox;display:flex;}
#end-bunner-frame .end-bunner-list li{}
#end-bunner-frame .end-bunner-list li:last-child{display: none;}

}





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


#main-ttlframe{padding: 10vw 0 18vw 0;}
#main-ttlframe .main-ttl-inner{width: 100%; margin: 0 auto;}
#main-ttlframe .main-ttl-inner .photo{width: 100%;margin: 0 auto 5.5vw auto;text-align: center;padding: 0 5vw 0 5vw;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe{width: 100%;padding: 5vw 0 0 0;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe .subt{font-size:4.831vw;line-height: 1.9;letter-spacing: 1.8vw;margin: 0 0 3vw 0;padding: 0 14vw 0 14vw;text-align: center;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe .main-ttl{margin: 0 auto 8vw auto;width: 72%; font-size: 7.8vw; font-weight: 500; letter-spacing: 0.48vw; line-height: 1.8;text-align: center;}
#main-ttlframe .main-ttl-inner .main-ttltxtframe .txt{font-size:3.865vw;line-height: 2.15;text-align: center;padding: 0 0 0 1.5vw;letter-spacing: 1.1vw;}

#con-ttl{
    padding: 54.5vw 0 14vw 0;
    background-image:url(../images/orderconcept/sp-conttl-pohoto.png);
    background-repeat:no-repeat;
    background-position:center top 0px;
    background-size: contain;
    }

#con-ttl .ttl-frame{padding: 7vw 0 12.5vw 0;width: 90%;margin: 0 auto;background-color:#fff;}
#con-ttl .ttl-frame .ttl-en{text-align:center;margin: 0 0 4vw 0;}
#con-ttl .ttl-frame .ttl{
    text-align:center;
    font-size:5.297vw;
    line-height:1.6;
    letter-spacing: 0.9vw;
    padding: 0px 0px 5.5vw 4.5vw;
    margin: 0px 0px 3vw 0px;
    background-image:url(../images/orderconcept/conttl-line.svg);
    background-repeat:no-repeat;
    background-position:center bottom;
    }

#con-ttl .meritto-ttl{
    padding: 28.5vw 0 0 0;
    background-image:url(../images/orderconcept/conttl-line02.svg);
    background-repeat:no-repeat;
    background-position:center top;background-size: 0.2%;
    }

#con-ttl .meritto-ttl .subt{text-align:center;font-size:5.314vw;line-height:1.6;letter-spacing: 0.5vw;padding: 0 0 0 1vw;}
#con-ttl .meritto-ttl .main-ttl{text-align:center;font-size:7.971vw;line-height: 0.7;letter-spacing: 1vw;padding: 0 2vw 0 3vw;}
#con-ttl .meritto-ttl .main-ttl span{font-size: 18.285vw;position:relative;top: 4vw;padding: 0 0vw 0 0;}


 .gray{background-color:#F8F8F8;}

#con01{width: 100%;margin: 0 auto 4vw;padding: 18vw 0 13vw 0;}
#con01 .con-ttlframe{width: 90%;margin: 0 auto 9vw;padding: 0 0 0vw 0;border-bottom:1px solid #B6BCC0;}
#con01 .con-ttlframe .con-en01{text-align: center;margin: 0 0 9vw 0;}
#con01 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 2vw 0;padding: 0 0 0 1vw;font-size:6vw;line-height: 1.65;letter-spacing: 1.1vw;}
#con01 .con-ttlframe .con-en02{text-align: center;width: 90%;margin: 0px auto 3.3vw auto;padding: 0px 0 10vw 0;}
#con01 .con-txt-frame{width: 90%;margin: 0 auto;}
#con01 .con-txt-frame .photo{width: 100%;padding: 0 0px 0 0;margin: 0 0 6vw 0;}
#con01 .con-txt-frame .con-txt-inner{width: 100%;}
#con01 .con-txt-frame .con-txt-inner .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.2vw;}

#con02{width: 100%;margin: 0 auto 14vw;padding: 18vw 0 6vw 0;}
#con02 .con-ttlframe{width: 89%;margin: 0 auto 9vw;border-bottom:1px solid #B6BCC0;}
#con02 .con-ttlframe .con-en01{text-align: center;margin: 0 0 9vw 0;}
#con02 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 2.8vw 0;font-size:6vw;line-height: 1.65;letter-spacing: 1.2vw;padding: 0 0 0 1vw;}
#con02 .con-ttlframe .con-en02{text-align: center;width: 90%;margin: 0px auto 3vw auto;padding: 0px 0 9.8vw 0;}
#con02 .con-txt-frame{width: 90%;margin: 0 auto;}
#con02 .con-txt-frame .photo{width: 100%;padding: 0 0px 0 0;margin: 0 0 6vw 0;}
#con02 .con-txt-frame .con-txt-inner{width: 100%;}
#con02 .con-txt-frame .con-txt-inner .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.2vw;}

#con03{width: 100%;margin: 0 auto 4vw;padding: 17vw 0 13vw 0;}
#con03 .con-ttlframe{width: 91%;margin: 0 auto 9vw;border-bottom:1px solid #B6BCC0;}
#con03 .con-ttlframe .con-en01{text-align: center;margin: 0 0 10vw 0;}
#con03 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 3vw 0;padding: 0 0 0 1vw;font-size:6vw;line-height: 1.6;letter-spacing: 1.1vw;}
#con03 .con-ttlframe .con-en02{text-align: center;width: 90%;margin: 0px auto 3vw auto;padding: 0px 0 9.5vw 0;}
#con03 .con-txt-frame{width: 90%;margin: 0 auto;}
#con03 .con-txt-frame .photo{width: 100%;padding: 0 0px 0 0;margin: 0 0 6vw 0;}
#con03 .con-txt-frame .con-txt-inner{width: 100%;}
#con03 .con-txt-frame .con-txt-inner .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.2vw;}

#con04{width: 100%;margin: 0 auto 14vw;padding: 18vw 0 6vw 0;}
#con04 .con-ttlframe{width: 90%;margin: 0 auto 9vw;border-bottom:1px solid #B6BCC0;}
#con04 .con-ttlframe .con-en01{text-align: center;margin: 0 0 10vw 0;}
#con04 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 2vw 0;padding: 0 0 0 0vw;font-size:6vw;line-height: 1.6;letter-spacing: 1vw;}
#con04 .con-ttlframe .con-en02{text-align: center;width: 90%;margin: 0px auto 3.5vw auto;padding: 0px 0 10vw 0;}
#con04 .con-txt-frame{width: 90%;margin: 0 auto;}
#con04 .con-txt-frame .photo{width: 100%;padding: 0 0px 0 0;margin: 0 0 6vw 0;}
#con04 .con-txt-frame .con-txt-inner{width: 100%;}
#con04 .con-txt-frame .con-txt-inner .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.2vw;}

#con05{width: 100%;margin: 0 auto 24vw;padding: 17.5vw 0 13vw 0;}
#con05 .con-ttlframe{width: 90%;margin: 0 auto 9vw;border-bottom:1px solid #B6BCC0;}
#con05 .con-ttlframe .con-en01{text-align: center;margin: 0 0 9vw 0;}
#con05 .con-ttlframe .con-mainttl{text-align: center;margin: 0 0 2.5vw 0;font-size:6vw;line-height: 1.65;letter-spacing: 1.2vw;padding: 0 0 0 1vw;}
#con05 .con-ttlframe .con-en02{text-align: center;width: 90%;margin: 0px auto 3.5vw auto;padding: 0px 0 9.5vw 0;}
#con05 .con-txt-frame{width: 90%;margin: 0 auto;}
#con05 .con-txt-frame .photo{width: 100%;padding: 0 0px 0 0;margin: 0 0 6vw 0;}
#con05 .con-txt-frame .con-txt-inner{width: 100%;}
#con05 .con-txt-frame .con-txt-inner .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.2vw;}


#gallery-frame{width: 100%;margin: 0 auto 26vw;}
#gallery-frame .ttl{padding: 0px 0px 9.5vw 0;text-align: center;}
#gallery-frame .photo{}

#end-con{}
#end-con .ttl{text-align:center;font-size:5.556vw;font-weight: 500; line-height: 2.05;letter-spacing: 2vw;margin: 0 0 9.5vw 1.8vw;}
#end-con .name{text-align:center;margin: 0 0px 9.8vw 0;padding: 0 8vw 0 8vw;}
#end-con .photo{text-align:center;margin: 0 0 24vw 0;padding: 0 5vw 0 4vw;}


#end-bunner-frame .end-bunner{width: 100%;padding: 0 11vw 0 11vw;margin: 0 auto 23.5vw;}
#end-bunner-frame .end-bunner-single{text-align: center;margin: 0 0 7vw 0;padding: 0 5vw 0 5vw;}
#end-bunner-frame .end-bunner .end-bunner-list{}
#end-bunner-frame .end-bunner .end-bunner-list li{margin: 0px 0 4.5vw 0px;}
#end-bunner-frame .end-bunner .end-bunner-list li:last-child{display: none;}



}