@media screen and (min-width: 768px), print {
main {width: 100%; max-width: 2000px; margin: 0 auto;}

#main-bx{}
#main-bx .bx{width: 100%; margin: 0 auto 110px; height: 1065px; background: url(../images/mutenka/main-bg.png) no-repeat top center; padding: 305px 0 0; position: relative;}
#main-bx .bx:after{content: ""; width: 167px; height: 52px; margin: 0 auto; background: url(../images/mutenka/main-bx-icon.svg) no-repeat; position: absolute; bottom: -50px; left: 0; right: 0;}
#main-bx .bx .inner{width: 430px; margin: 0 auto; background: url(../images/mutenka/main-bg1.png) no-repeat top center; padding: 95px 0; text-align: center;}
#main-bx .bx .inner .ttl{text-align: center; margin-bottom: 15px;}
#main-bx .bx .inner .ttl1{font-size: 40px; font-weight: bold; letter-spacing: 1.2px; color: #A27F2B; line-height: 1.4; margin-bottom: 130px;}
#main-bx .in-bx{width: 1100px; margin: 0 auto; position: relative; color: #fff}
#main-bx .in-bx .in-inner{width: 633px; margin-right: 450px; margin-left: auto; text-align: left;}
#main-bx .in-bx .in-inner .in-ttl{font-size: 36px; font-weight: bold; letter-spacing: 3.5px; margin-bottom: 15px;}
#main-bx .in-bx .in-inner .list{}
#main-bx .in-bx .in-inner .list li{font-size: 18px; font-weight: bold; letter-spacing: 1px; background: url(../images/mutenka/main-txt-icon.svg) no-repeat left top 15px; padding: 9px 0px 9px 35px; border-bottom: dotted 1px #fff;}
#main-bx .in-bx .in-inner .in-human{position: absolute; left: -350px; bottom: -72px}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 133px; }
#con1 .bx .ttl1{font-size: 20px; font-weight: bold; letter-spacing: 2px; text-align: center; margin-bottom: 6px;}
#con1 .bx .ttl2{font-size: 36px; font-weight: bold; letter-spacing: 3.5px; text-align: center; margin-bottom: 10px; line-height: 1.65}
#con1 .bx .ttl3{text-align: center; margin-bottom: 40px;}
#con1 .bx .in-bx{width: 100%; max-width: 1440px; margin: 0 auto; background: url(../images/mutenka/con1-bg.jpg) no-repeat top center; padding-top: 515px;}
#con1 .bx .in-bx .in-inner{width: 100%; max-width: 1440px; margin: 0 auto; position: relative;}
#con1 .bx .in-bx .in-inner .in-inner1{width: 660px; margin-right: auto; background: #fff; padding: 45px 70px 50px 170px}
#con1 .bx .in-bx .in-inner .in-inner1 .in-ttl{font-size: 32px; letter-spacing: 3px; font-weight: bold; margin-bottom: 25px; line-height: 1.55}
#con1 .bx .in-bx .in-inner .in-inner1 .in-ttl span{font-size: 46px; letter-spacing: 4.5px}
#con1 .bx .in-bx .in-inner .in-inner1 .in-img{position: absolute; right: 80px; top: 180px;}
#con1 .bx .in-bx .in-inner .in-inner1 .in-txt{font-size: 16px; letter-spacing: 0.8px; margin-bottom: 30px; margin-right: 20px; line-height: 1.9}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #F8F6E9; border-top: 2px solid #A27F2B; padding: 40px 0 100px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{width: 540px; margin: 0 auto; background: #fff; font-size: 32px; font-weight: bold; letter-spacing: 3px; line-height: 1.55; text-align: center; padding: 15px;}
#con2 .bx .inner .ttl2{text-align: center; margin-bottom: 40px;}
#con2 .bx .inner .list{margin-bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: center;}
#con2 .bx .inner .list li{width: 320px; height: 260px; margin-right: 70px; margin-bottom: 52px;}
#con2 .bx .inner .list li:nth-child(3){margin-right: 0}
#con2 .bx .inner .list li:nth-child(n+3){margin-bottom: 0}
#con2 .bx .inner .list li:last-child{margin-right: 0}
#con2 .bx .inner .list li .in-img{margin-bottom: 8px}
#con2 .bx .inner .list li .in-ttl{font-size: 16px; letter-spacing: 0.8px; text-align: center; line-height: 1.55; margin-right: 20px;}
#con2 .bx .inner .list li .in-ttl span{font-size: 20px;}
#con2 .bx .inner .icon{position: absolute; right: -50px; top: 120px}
#con2 .con2-bg{width: 100%; margin: 0 auto; height: 400px; background: url(../images/mutenka/con2-bg.jpg) no-repeat top center;}
#con2 .in-bx{width: 1100px; margin: -20px auto 0; position: relative;}
#con2 .in-bx .in-inner{width: 800px; margin: 0 auto;}
#con2 .in-bx .in-inner .last-ttl{font-size: 22px; letter-spacing: 2px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20px;}
#con2 .in-bx .in-inner .last-ttl .span1{display: inline-block; background: #A27F2B; padding: 3px 15px; margin-bottom: 2px}
#con2 .in-bx .in-inner .last-ttl .span2{display: inline-block; background: #A27F2B; padding: 3px 15px; }
#con2 .in-bx .in-inner .last-txt{font-size: 30px; letter-spacing: 1.5px; font-weight: bold; text-align: center; line-height: 1.6}
#con2 .in-bx .in-inner .last-img1{position: absolute; left: 0; top: 90px;}
#con2 .in-bx .in-inner .last-img2{position: absolute; right: -90px; top: -40px;}

}


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

#main-bx{}
#main-bx .bx{width: 100vw; margin: 0 auto 10vw; background: url(../images/mutenka/sp-main-bg.png) no-repeat top center; padding: 15vw 0 0; position: relative; background-size: 102%}
#main-bx .bx:after{content: ""; width: 15vw; height: 10vw; margin: 0 auto; background: url(../images/mutenka/main-bx-icon.svg) no-repeat; position: absolute; bottom: -8vw; left: 0; right: 0; background-size: 15vw}
#main-bx .bx .inner{width: 90vw; margin: 0 auto; background: url(../images/mutenka/main-bg1.png) no-repeat top center; padding: 8vw 0; text-align: center; background-size: 54vw}
#main-bx .bx .inner .ttl{width: 30vw; margin: 0 auto 3vw;}
#main-bx .bx .inner .ttl1{font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; color: #A27F2B; line-height: 1.4; margin-bottom: 15vw;}
#main-bx .in-bx{width: 90vw; margin: 0 auto; position: relative; color: #fff}
#main-bx .in-bx .in-inner{ text-align: left;}
#main-bx .in-bx .in-inner .in-ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.5vw; margin-bottom: 3vw; margin-left: 10vw}
#main-bx .in-bx .in-inner .list{}
#main-bx .in-bx .in-inner .list li{font-size: 3.4vw; font-weight: bold; letter-spacing: 0.2vw; background: url(../images/mutenka/main-txt-icon.svg) no-repeat left top 1vw; padding: 2vw 0 2vw 8vw; border-bottom: dotted 1px #fff; background-size: 5vw}
#main-bx .in-bx .in-inner .in-human{width: 25vw; position: absolute; right: 10vw; top: -13vw}

#con1 {}
#con1 .bx{width: 100vw; margin: 0 auto 10vw; }
#con1 .bx .ttl1{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 3vw;}
#con1 .bx .ttl2{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 3vw; line-height: 1.65}
#con1 .bx .ttl3{width: 40vw; margin: 0 auto 3vw;}
#con1 .bx .in-bx{width: 100vw; margin: 0 auto; padding-top: 5vw;}
#con1 .bx .in-bx .in-inner{width: 90vw; margin: 0 auto; position: relative;}
#con1 .bx .in-bx .in-inner .in-inner1{background: #fff; padding: 0}
#con1 .bx .in-bx .in-inner .in-inner1 .in-ttl{font-size: 4.4vw; letter-spacing: 0.2vw; font-weight: bold; margin-bottom: 3vw; line-height: 1.55}
#con1 .bx .in-bx .in-inner .in-inner1 .in-ttl span{font-size: 7vw; letter-spacing: 0.5vw}
#con1 .bx .in-bx .in-inner .in-inner1 .bg{margin: 0 auto 3vw;}

#con1 .bx .in-bx .in-inner .in-inner1 .in-img{width: 70vw; margin: 0 auto 3vw;}
#con1 .bx .in-bx .in-inner .in-inner1 .in-txt{font-size: 3.8vw; letter-spacing: 0.2vw; margin-bottom: 5vw; line-height: 1.9}


#con2 {}
#con2 .bx{width: 100vw; margin: 0 auto 5vw; background: #F8F6E9; border-top: 2px solid #A27F2B; padding: 8vw 0 10vw;}
#con2 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{width: 80vw; margin: 0 auto; background: #fff; font-size: 5vw; font-weight: bold; letter-spacing: 0.5vw; line-height: 1.55; text-align: center; padding: 3vw 0;}
#con2 .bx .inner .ttl2{width: 70vw; margin: 0 auto 10vw;}
#con2 .bx .inner .list{width: 100vw; margin: 0 auto 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: center;}
#con2 .bx .inner .list li{width: 42vw; margin-right: 5vw; margin-bottom: 5vw;}
#con2 .bx .inner .list li:nth-child(2n){margin-right: 0}
#con2 .bx .inner .list li:last-child{margin-right: 0}
#con2 .bx .inner .list li .in-img{margin-bottom: 3vw}
#con2 .bx .inner .list li .in-ttl{font-size: 3.6vw; letter-spacing: 0.2vw; text-align: center; line-height: 1.55; }
#con2 .bx .inner .list li .in-ttl span{font-size: 3.8vw;}
#con2 .bx .inner .icon{width: 15vw; position: absolute; right: 3vw; top: 30vw}
#con2 .con2-bg{width: 100vw; margin: 0 auto; background: url(../images/mutenka/sp-con2-bg.jpg) no-repeat top center; padding: 40vw 0; background-size: 100%}
#con2 .in-bx{width: 100vw; margin: -25vw auto 0; position: relative;}
#con2 .in-bx .in-inner{ margin: 0 auto;}
#con2 .in-bx .in-inner .last-ttl{font-size: 4.2vw; letter-spacing: 0.3vw; font-weight: bold; color: #fff; text-align: center; margin-bottom: 5vw;}
#con2 .in-bx .in-inner .last-ttl .span1{display: inline-block; background: #A27F2B; padding: 1vw 5vw; margin-bottom: 0.5vw}
#con2 .in-bx .in-inner .last-ttl .span2{display: inline-block; background: #A27F2B; padding: 1vw 5vw; }
#con2 .in-bx .in-inner .last-txt{font-size: 4.6vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.6}
#con2 .in-bx .in-inner .last-img1{width: 13vw; position: absolute; left: 1vw; top: 20vw;}
#con2 .in-bx .in-inner .last-img2{width: 13vw; position: absolute; right: 1vw; top: 45vw;}

}



@media screen and (min-width:768px) and ( max-width:1440px) {

#con1 .bx .in-bx .in-inner .in-inner1{width: 660px; margin-right: auto; background: #fff; padding: 45px 140px 50px 80px}
#con1 .bx .in-bx .in-inner .in-inner1 .in-img{position: absolute; right: 0px; top: 180px;}


}