#sec1 #sec1_1 {
    position: relative;
    background: url("../img/shared/bg2.jpg") repeat center top;
}
#sec1_2 {
    background: url("../img/shared/bg3.jpg") repeat center top;
    box-shadow: 0px 1px 12.87px 1px rgba(4, 0, 0, 0.7) inset;
    color: #fff;
}
#sec1_2 dl dt {
    color: #ddb06c;
    letter-spacing: 0.15em;
    line-height: 1.4;
    text-align: center;
    background: url("../img/course/s1_line.png") no-repeat center bottom;
}
#sec2 h3 {
    position: relative;
}
#sec2 h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/shared/bgbody.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
#sec2 h4 {
    font-weight: 500;
}
#sec2 .txt {
    border-bottom: 3px double #000;
}
#sec2 .inner {
    border-bottom: 3px double #000;
}
#sec6 {
    background-image: url("../img/shared/bg1.jpg");
    background-position: center top;
    background-repeat: repeat;
}
@media only screen and (min-width: 1000px) {
    #sec1 #sec1_1 {
        padding: 120px 0 81px;
    }
    #sec1 #sec1_1:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-image: url("../img/course/s1_bg.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        width: 100%;
    }
    #sec1 #sec1_1 .wrap {
        z-index: 0;
    }
    #sec1 #sec1_1 .wrap:before {
        content: "";
        position: absolute;
        top: 300px;
        left: -250px;
        background-image: url("../img/course/s1_deco_01.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 585px;
        height: 375px;
        z-index: -1;
    }
    #sec1 #sec1_1 .wrap:after {
        content: "";
        position: absolute;
        top: 0;
        left: -100px;
        right: -100px;
        background-image: url("../img/course/s1_img.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        height: 500px;
        z-index: -1;
    }
    #sec1 #sec1_1 h2 {
        position: relative;
        z-index: 0;
    }
    #sec1 #sec1_1 h2:before {
        content: "";
        position: absolute;
        top: -258px;
        right: -16px;
        background-image: url("../img/course/s1_deco_02.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 514px;
        height: 597px;
        z-index: -1;
    }
    #sec1 #sec1_1 .inner .txt {
        width: 565px;
        float: left;
        margin: 28px 0 0 50px;
    }
    #sec1 #sec1_1 .inner .map {
        float: right;
        margin: 39px 83px 0 0;
    }
     #sec1_2 {
        padding: 70px 0 140px;
    }
    #sec1_2 .note {
        line-height: 32px;
        font-size: 15px;
        margin-bottom: 35px;
    }
    #sec1_2 dl dt {
        font-size: 38px;
		font-weight: bold;
        padding-bottom: 21px;
        margin-bottom: 21px;
    }
	#sec1_2 dl .row3 {
        font-size: 34px;
		font-weight: bold;
        padding-bottom: 21px;
        margin-bottom: 21px;
    }
   #sec1_2 dl dt span {
        font-size: 25px;
    }
    #sec1_2 dl dd {
        text-align: center;
        line-height: 32px;
    }
	#sec1_2 dl dd span {
        font-size: 20px;
    }
    #sec1_2 .row + .row {
        margin-top: 65px;
    }
    #sec2 {
        position: relative;
        padding-top: 34px;
    }
    #sec2:before {
        content: "";
        position: absolute;
        top: -80px;
        left: 0;
        background-image: url("../img/course/s2_img.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        width: 100%;
        height: 600px;
    }
    #sec2 .wrap:before {
        content: "";
        position: absolute;
        top: -208px;
        left: -200px;
        background-image: url("../img/course/s2_deco.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 746px;
        height: 254px;
    }
    #sec2 h2 {
        margin-bottom: 105px;
    }
	#sec2 .txt2 {
		font-size: 30px;
        text-align: center;
        padding-bottom: 46px;

    }
    #sec2 .txt {
        text-align: center;
        padding-bottom: 46px;
        margin: 0 100px 48px;
        position: relative;
    }
    #sec2 .txt:before {
        content: "";
        position: absolute;
        bottom: 30px;
        right: -165px;
        background-image: url("../img/course/s2_deco_02.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 252px;
        height: 152px;
    }
    #sec2 .txt:after {
        content: "";
        position: absolute;
        top: -123px;
        left: -33px;
        background-image: url("../img/course/s2_deco_01.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 134px;
        height: 146px;
    }
    #sec2 h3 {
        margin-bottom: 17px;
    }
    #sec2 h3:before {
        top: -45px;
        width: 600px;
        margin: 0 auto;
    }
    #sec2 h4 {
        font-size: 22px;
        margin-bottom: 6px;
    }
    #sec2 .inner {
        padding-bottom: 45px;
        margin: 0 100px;
        position: relative;
    }
    #sec2 .inner:before {
        content: "";
        position: absolute;
        left: -222px;
        bottom: 76px;
        background-image: url("../img/course/s2_deco_03.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 257px;
        height: 143px;
    }
    #sec2 .detail {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
    }
    #sec2 .detail ul {
        width: 340px;
    }
    #sec2 .detail .colL {
        margin-left: 61px;
    }
    #sec2 .detail .colR {
        margin-right: 30px;
    }
    #sec3 .row1 {
        padding: 93px 0 29px;
        position: relative;
    }
    #sec3 .row1:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -200px;
        background-image: url("../img/course/s3_deco.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 742px;
        height: 251px;
    }
    #sec3 .row1 .colL {
        float: left;
    }
    #sec3 .row1 h2 {
        position: relative;
        z-index: 1;
    }
    #sec3 .row1 .txt {
        width: 390px;
        margin: 20px 0 0 50px;
    }
    #sec3 .row1 .s3_img {
        float: right;
        width: 558px;
        margin: 69px -58px 0 -134px;
    }
    #sec3 .row2 {
        position: relative;
        color: #fff;
        padding: 90px 0 72px;
    }
    #sec3 .row2:before {
        content: "";
        position: absolute;
        top: 0;
        left: -200px;
        right: -200px;
        background-image: url("../img/course/s3_bg.jpg");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 648px;
        z-index: -1;
    }
    #sec3 .row2 .txt {
        width: 350px;
        margin: 26px 0 0 18px;
        text-align: justify;
    }
    #sec3 .row2 .detail {
        margin-left: 563px;
    }
    #sec4 .row1 {
        padding: 92px 0 63px;
        position: relative;
    }
    #sec4 .row1 .colR {
        float: right;
        position: relative;
        z-index: 1;
        width: 450px;
    }
    #sec4 .row1 h2 {
        margin-left: 20px;
    }
    #sec4 .row1 .txt {
        width: 445px;
        margin: 30px 0 25px 0;
    }
    #sec4 .row1 .s4_img {
        float: left;
        width: 560px;
        margin-left: -60px;
    }
    #sec4 .row1 .s4_img2 {
        position: absolute;
        top: -44px;
        right: -178px;
    }
    #sec4 .row2 {
        position: relative;
        color: #fff;
        padding: 108px 0 100px;
    }
    #sec4 .row2:before {
        content: "";
        position: absolute;
        top: 0;
        left: -200px;
        right: -200px;
        background-image: url("../img/course/s4_bg.jpg");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 648px;
        z-index: -1;
    }
    #sec4 .row2 .txt {
        width: 350px;
        margin: 21px 0 0 13px;
        text-align: justify;
    }
    #sec4 .row2 .detail {
        margin-left: 57px;
    }
    #sec5 .wrap {
        padding-bottom: 99px;
    }
    #sec5 .wrap:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -250px;
        background-image: url("../img/course/s5_bg.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 974px;
        height: 541px;
    }
    #sec5 .colL {
        margin-left: 44px;
        float: left;
    }
    #sec5 .colL h2 {
        margin-top: -32px;
        position: relative;
        z-index: 1;
    }
    #sec5 .colL .txt {
        width: 390px;
        margin: 29px 0 0 6px;
        text-align: justify;
    }
    #sec5 .s5_img {
        float: right;
        margin: 137px -110px 0 -140px;
    }
    #sec6 {
        position: relative;
    }
    #sec6:before {
        content: "";
        position: absolute;
        top: -65px;
        left: 0;
        background-image: url("../img/course/s6_deco.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 100%;
        height: 749px;
        z-index: 1;
    }
    #sec6 .wrap {
        padding: 70px 0 70px;
    }
    #sec6 .txt {
        float: left;
        width: 240px;
        height: 430px;
        margin: 90px 0 0 0;
        cursor: vertical-text;
        writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -moz-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        text-orientation: upright;
        word-wrap: break-word;
    }
    #sec6 .txt .int {
        writing-mode: lr-tb;
        -o-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        -moz-writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
    }
    #sec6 .txt .txt-latin {
        cursor: vertical-text;
        direction: rtl;
        writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -moz-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        text-orientation: sideways-right;
        -o-text-orientation: sideways-right;
        -ms-text-orientation: upright;
        -ms-text-orientation: sideways-right;
        -moz-text-orientation: sideways-right;
        -webkit-text-orientation: sideways-right;
        letter-spacing: 0;
    }
    #sec6 .colR {
        float: right;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 415px;
        margin-right: 64px;
    }
    #sec6 .s6_img {
        float: left;
        margin: 90px 0 0 -126px;
        width: 600px;
    }
    #sec7 {
        background-image: url("../img/course/s7_bg.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 275px;
        position: relative;
        z-index: 1;
    }
}
@media only screen and (max-width: 999px) {
    #sec1 #sec1_1 {
        padding-bottom: 50px;
    }
    #sec1 #sec1_1:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background-image: url("../img/course/s1_bg_sp.png");
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        width: 100%;
    }
    #sec1 #sec1_1 h2 {
        margin: 0 -5.5%;
    }
    #sec1 #sec1_1 .s1_img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    #sec1 #sec1_1 .txt {
        margin: 15px 0 30px;
        text-align: justify;
    }
    #sec1 #sec1_1 .txt br {
        display: none;
    }
    #sec1 #sec1_1 .map {
        margin: 0 10%;
    }
    #sec1_2 {
        padding: 40px 0 10vw;
    }
    #sec1_2 .note {
        margin-bottom: 20px;
    }
    #sec1_2 dl dt {
        font-size: 26px;
		font-weight: bold;
        letter-spacing: 0.05em;
        background-size: 100% auto;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
	#sec1_2 dl .row3 {
        font-size: 22px;
		
    }
    #sec1_2 dl dt span {
        font-size: 16px;
    }
    #sec1_2 dl dd {
        text-align: justify;
    }
	#sec1_2 dl dd span {
        font-size: 18px;
    }
    #sec1_2 .row + .row {
        margin-top: 30px;
    }
    #sec2 h2 {
        margin: 0 -5.5% -8vw;
        transform: translateY(-8vw);
    }
    #sec2 h3 {
        margin-bottom: 10px;
        right: 0;
    }
    #sec2 h3:before {
        top: -7vw;
        width: auto;
    }
    #sec2 h3:after {
        content: "";
        position: absolute;
        top: 0;
        left: -5.5%;
        right: -5.5%;
        bottom: 0;
        background-image: url("../img/course/s2_deco_sp.png");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    #sec2 h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #sec2 .txt {
        padding-bottom: 20px;
        text-align: justify;
    }
	 #sec2 .txt2 {
		 font-size: 24px;
        padding-top: 20px;
        text-align: center;
    }
    #sec2 .txt br {
        display: none;
    }
    #sec2 .inner {
        padding: 30px 0 20px;
        text-align: center;
        background: url("../img/course/s2_deco2_sp.png") no-repeat center top;
        background-size: 100% auto;
    }
    #sec3 .row1 {
        position: relative;
        z-index: 1;
    }
    #sec3 .row1 h2 {
        margin: 0 -5.5%;
    }
    #sec3 .row1 .txt {
        margin: 0 0 25px;
        text-align: justify;
    }
    #sec3 .row1 .txt br{
        display: none;
    }
    #sec3 .row2 {
        background: #1d0700;
        color: #fff;
        margin: -7vw -5.5% 0;
        padding-bottom: 40px;
    }
    #sec3 .row2 h3 {
        margin-bottom: 15px;
    }
    #sec3 .row2 .txt {
        margin: 0 8%;
        text-align: justify;
    }
    #sec4 .row1 {
        position: relative;
        z-index: 1;
    }
    #sec4 .row1 h2 {
        margin: 0 -5.5%;
    }
    #sec4 .row1 .txt {
        margin: 10px 0 15px;
        text-align: justify;
    }
    #sec4 .row1 .txt br {
        display: none;
    }
    #sec4 .row1 .colR {
        margin-bottom: 30px;
    }
    #sec4 .row2 {
        background: #b87339;
        color: #fff;
        margin: -7vw -5.5% 0;
        padding-bottom: 10vw;
    }
    #sec4 .row2 h3 {
        margin-bottom: 15px;
    }
    #sec4 .row2 .txt {
        margin: 0 8%;
        text-align: justify;
    }
    #sec5 {
        padding-bottom: 115px;
        background-image: url("../img/course/s5_bg_sp.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    #sec5 h2 {
        margin: 0 -5.5% -6vw;
        transform: translateY(-6vw);
    }
    #sec5 .txt {
        text-align: justify;
        margin-top: 15px;
    }
    #sec5 .txt br {
        display: none;
    }
    #sec6 {
        padding-bottom: 50px;
    }
    #sec6 h2 {
        margin: 0 -5.5% -9vw;
        transform: translateY(-9vw);
    }
    #sec6 .txt {
        text-align: justify;
        margin: 30px 0 20px;
    }
    #sec6 .txt br {
        display: none;
    }
    #sec7 h2 {
        margin: 0 -5.5%;
    }
}