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

.paint-bnr{
 width: 980px;
 margin: 0 auto;  
}


#main-bx {}
#main-bx .bx{width: 100%; margin: 0 auto; background: url(../images/reform_menu_painting/main-bg.png) no-repeat top center; padding: 160px 0 176px}
#main-bx .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx{width: 680px; margin-right: auto; margin-bottom: 192px;}
#main-bx .bx .inner .in-bx .ttl{font-size: 36px; font-weight: bold; letter-spacing: 1.9px; background: #FECF2E; padding: 28px 50px;}
#main-bx .bx .inner .in-bx .in-inner{background: #fff; padding: 43px 0px 70px 50px;}
#main-bx .bx .inner .in-bx .in-inner .ttl1{font-size: 28px; font-weight: bold; letter-spacing: 1.5px; margin-bottom: 10px; line-height: 1.5}
#main-bx .bx .inner .in-bx .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-right: 50px}

#main-bx .bx .inner .in-bx1{width: 980px; margin: 0 auto; color: #fff; position: relative; background: url(../images/reform_menu_painting/main-bg-icon.svg) no-repeat left top,url(../images/reform_menu_painting/main-bg-icon.svg) no-repeat right bottom,#0D6533; padding: 45px 35px 50px;}
#main-bx .bx .inner .in-bx1 .ttl1{font-size: 30px; font-weight: bold; letter-spacing: 1.5px;}
#main-bx .bx .inner .in-bx1 .txt1{font-size: 18px; font-weight: bold; letter-spacing: 0.9px;}
#main-bx .bx .inner .in-bx1 .human{position: absolute; right: 20px; bottom: 0}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/reform_menu_painting/con1-bg.jpg) no-repeat top center; padding: 65px 0 100px; position: relative;z-index: 1}
#con1 .bx .inner{width: 1280px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{font-size: 28px; letter-spacing: 1.5px; line-height: 1.55; font-weight: bold; color: #fff; text-align: center; margin-bottom: 25px;}
#con1 .bx .inner .ttl span{font-size: 36px; letter-spacing: 1.5px; color: #FECF2E; margin-right: 10px}
#con1 .bx .inner .icon1{position: absolute; right: 90px; top: -110px}
#con1 .bx .inner .in-inner{width: 1100px; margin: 0 auto; position: relative; background: #fff; padding: 55px 63px 38px; border: 5px solid #A87640;}
#con1 .bx .inner .in-inner .list{}
#con1 .bx .inner .in-inner .list li{font-size: 22px; letter-spacing: 1.2px; background: url(../images/reform_menu_painting/con1-txt-icon.svg) no-repeat top left,url(../images/reform_menu_painting/con1-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 5px; margin-bottom: 19px; padding-left: 55px;}
#con1 .bx .inner .in-inner .list li span{font-weight: bold;}
#con1 .con1-last-bx{background: #FFDE64; padding: 200px 0 90px; margin-top: -190px;}
#con1 .con1-last-bx .con1-last-inner{width: 1200px; margin: 0 auto; text-align: center;}
#con1 .con1-last-bx .con1-last-inner .last-icon1{margin-top: -60px; margin-bottom: 13px; position: relative; z-index: 2}
#con1 .con1-last-bx .con1-last-inner .last-ttl1{font-size: 32px; letter-spacing: 1.5px; font-weight: bold; line-height: 1.55}
#con1 .con1-last-bx .con1-last-inner .last-ttl1 .span1{font-size: 48px; letter-spacing: 2.2px; }
#con1 .con1-last-bx .con1-last-inner .last-ttl1 .span2{font-size: 48px; letter-spacing: 2.8px; background: linear-gradient(transparent 60%, #fff 50%);}



#con3 {}
#con3 .con3-top{height: 300px; background: url(../images/reform_menu_painting/con3-top-bg.jpg) no-repeat top center; padding: 150px 0;}
#con3 .bx{width: 100%; margin: 0 auto; background: #F1F1E8; padding-top: 110px; padding-bottom: 195px;}

#con3 .bx .in-bx{width: 1100px; margin: 0 auto; }
#con3 .bx .in-bx .in-top-ttl{font-size: 32px; font-weight: bold; text-align: center; letter-spacing: 1.5px; margin-bottom: 20px; background: url(../images/reform_menu_painting/con3-icon2.png) no-repeat top 8px left 248px; padding: 20px 20px 20px 120px;}

#con3 .bx .in-bx .in-bx1{width: 1100px; margin: 0 auto 60px; position: relative;}
#con3 .bx .in-bx .in-bx1 .in-inner1{width: 550px; margin-right: auto; margin-top: 48px; background: #fff; padding: 45px 50px 80px; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx1 .in-inner1 .in-num{position: absolute; left: 3px; top: -35px}
#con3 .bx .in-bx .in-bx1 .in-inner1 .in-ttl{font-size: 24px; letter-spacing: 1.2px; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 22px; margin-bottom: 13px;}
#con3 .bx .in-bx .in-bx1 .in-inner1 .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.95}
#con3 .bx .in-bx .in-bx1 .in-img{position: absolute; right: 0; top: -25px}

#con3 .bx .in-bx .in-bx2{width: 1100px; margin: 0 auto 60px; position: relative;}
#con3 .bx .in-bx .in-bx2 .in-inner2{width: 550px; margin-left: auto; margin-top: 88px; background: #fff; padding: 45px 50px 50px; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx2 .in-inner2 .in-num{position: absolute; right: 3px; top: -35px}
#con3 .bx .in-bx .in-bx2 .in-inner2 .in-ttl{font-size: 24px; letter-spacing: 1.2px; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 22px; margin-bottom: 13px;}
#con3 .bx .in-bx .in-bx2 .in-inner2 .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.95}
#con3 .bx .in-bx .in-bx2 .in-img{position: absolute; left: 0; top: -25px}

#con3 .bx .in-bx .in-bx3{width: 1100px; margin: 0 auto 60px; position: relative;}
#con3 .bx .in-bx .in-bx3 .in-inner3{width: 550px; margin-right: auto; margin-top: 85px; background: #fff; padding: 45px 50px 50px; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx3 .in-inner3 .in-num{position: absolute; left: 3px; top: -35px}
#con3 .bx .in-bx .in-bx3 .in-inner3 .in-ttl{font-size: 24px; letter-spacing: 1.2px; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 23px; margin-bottom: 13px;}
#con3 .bx .in-bx .in-bx3 .in-inner3 .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.95}
#con3 .bx .in-bx .in-bx3 .in-img{position: absolute; right: 0; top: -25px}

#con3 .bx .in-bx .in-bx4{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .in-bx .in-bx4 .in-inner4{width: 550px; margin-left: auto; margin-top: 85px; background: #fff; padding: 45px 50px 50px; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx4 .in-inner4 .in-num{position: absolute; right: 3px; top: -35px}
#con3 .bx .in-bx .in-bx4 .in-inner4 .in-ttl{font-size: 24px; letter-spacing: 1.2px; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 24px; margin-bottom: 13px;}
#con3 .bx .in-bx .in-bx4 .in-inner4 .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.95}
#con3 .bx .in-bx .in-bx4 .in-img{position: absolute; left: -50px; top: -25px}

#last-bx {}
#last-bx .bx{width: 100%; margin: 0 auto 70px; background: url(../images/reform_menu_painting/last-bg.png) no-repeat top center; padding: 375px 0 180px}
#last-bx .bx .inner{width: 1200px; margin: 0 auto; position: relative; font-weight: bold;}
#last-bx .bx .inner .ttl{font-size: 18px; letter-spacing: 1px; background: #FFDE64; padding: 6px 50px; display: inline-block; margin-bottom: 30px;}
#last-bx .bx .inner .ttl1{font-size: 42px; line-height: 1; letter-spacing: 2px; background: #fff; display: inline; padding: 13px 0px; }
#last-bx .bx .inner .ttl1 .span1{width: 770px; display: inline-block; margin-bottom: 50px; position: relative; left: 50px;}
#last-bx .bx .inner .ttl1 .span2{width: 710px; display: inline-block; position: relative; left: 50px;}


#menu li:nth-child(4){display: none;}


}

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

	.paint-bnr{
		width: 91.787vw;
		margin: 0 auto;
		position: relative;
		left: -0.966vw;
	}


#main-bx {}
#main-bx .bx{width: 100vw; margin: 0 auto; background: url(../images/reform_menu_painting/sp-main-bg.png) no-repeat top center; padding: 52vw 0 5vw; background-size: 100%}
#main-bx .bx .inner{width: 90vw; margin: 0 auto 6vw; position: relative;}
#main-bx .bx .inner .in-bx{text-align: center; margin-bottom: 5vw}
#main-bx .bx .inner .in-bx .ttl{font-size: 5.6vw; font-weight: bold; letter-spacing: 0.2vw; background: #FECF2E; padding: 3vw 0; line-height: 1.4}
#main-bx .bx .inner .in-bx .in-inner{background: #fff; padding: 5vw}
#main-bx .bx .inner .in-bx .in-inner .ttl1{font-size: 4.4vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw; }
#main-bx .bx .inner .in-bx .in-inner .txt{font-size: 3.4vw;letter-spacing: 0.2vw;line-height: 1.7;}


#main-bx .bx .inner .in-bx1{width: 90vw; margin: 0 auto; color: #fff; position: relative; background: url(../images/reform_menu_painting/main-bg-icon.svg) no-repeat left top,url(../images/reform_menu_painting/main-bg-icon.svg) no-repeat right bottom,#0D6533; padding: 5vw; background-size: 10vw}
#main-bx .bx .inner .in-bx1 .ttl1{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 2vw}
#main-bx .bx .inner .in-bx1 .txt1{font-size: 3.4vw; font-weight: bold; letter-spacing: 0.1vw;}
#main-bx .bx .inner .in-bx1 .human{width: 25vw; position: absolute; right: 0; bottom: 0}

#con1 {}
#con1 .bx{width: 95vw; margin: 0 auto; background: url(../images/reform_menu_painting/sp-con1-bg.jpg) no-repeat top center; padding: 10vw 0 15vw; position: relative;z-index: 1; background-size: 150%}
#con1 .bx .inner{width: 95vw; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.55; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20vw;}
#con1 .bx .inner .ttl span{font-size: 5.6vw; letter-spacing: 0.2vw; color: #FECF2E; margin-right: 1vw}
#con1 .bx .inner .icon1{width: 28vw; position: absolute; right: 5vw; top: 17vw}
#con1 .bx .inner .in-inner{width: 90vw; margin: 0 auto; position: relative; background: #fff; padding: 5vw; border: 3px solid #A87640;}
#con1 .bx .inner .in-inner .list{}
#con1 .bx .inner .in-inner .list li{font-size: 3.6vw; letter-spacing: 0.1vw; background: url(../images/reform_menu_painting/con1-txt-icon.svg) no-repeat top 0.5vw left,url(../images/reform_menu_painting/con1-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 3vw; margin-bottom: 3vw; padding-left: 8vw; background-size: 5vw,2vw}
#con1 .bx .inner .in-inner .list li span{font-weight: bold;}
#con1 .con1-last-bx{background: #FFDE64; padding: 30vw 0 10vw; margin-top: -30vw;}
#con1 .con1-last-bx .con1-last-inner{width: 100vw; margin: 0 auto; text-align: center;}
#con1 .con1-last-bx .con1-last-inner .last-icon1{width: 50vw; margin: -5vw auto 5vw; position: relative; z-index: 2}
#con1 .con1-last-bx .con1-last-inner .last-ttl1{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; line-height: 1.55}
#con1 .con1-last-bx .con1-last-inner .last-ttl1 .span1{font-size: 5.6vw; letter-spacing: 0.2vw; }
#con1 .con1-last-bx .con1-last-inner .last-ttl1 .span2{font-size: 5.6vw; letter-spacing: 0.2vw; background: linear-gradient(transparent 60%, #fff 50%);}



#con3 {}
#con3 .con3-top{background: url(../images/reform_menu_painting/sp-con3-top-bg.jpg) no-repeat top center; padding: 12vw 0; background-size: 100%}
#con3 .bx{width: 100vw; margin: 0 auto; background: #F1F1E8; padding-bottom: 10vw}

#con3 .bx .in-bx{width: 100vw; margin: 0 auto; padding-top: 10vw}
#con3 .bx .in-bx .in-top-ttl{font-size: 5vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 3vw; background: url(../images/reform_menu_painting/con3-icon2.png) no-repeat top center; padding: 15vw 5vw 3vw; background-size: 13vw}

#con3 .bx .in-bx .in-bx1{width: 90vw; margin: 0 auto 10vw; position: relative;}
#con3 .bx .in-bx .in-bx1 .in-inner1{margin-top: 5vw; background: #fff; padding: 13vw 5vw 5vw; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx1 .in-inner1 .in-num{width: 17vw; position: absolute; left: 3vw; top: -3vw}
#con3 .bx .in-bx .in-bx1 .in-inner1 .in-ttl{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 4vw; margin-bottom: 4vw; background-size: 2vw}
#con3 .bx .in-bx .in-bx1 .in-inner1 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.9}
#con3 .bx .in-bx .in-bx1 .in-img{margin: 0 auto 3vw;}

#con3 .bx .in-bx .in-bx2{width: 90vw; margin: 0 auto 10vw; position: relative;}
#con3 .bx .in-bx .in-bx2 .in-inner2{margin-top: 5vw; background: #fff; padding: 13vw 5vw 5vw; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx2 .in-inner2 .in-num{width: 17vw; position: absolute; left: 3vw; top: -3vw}
#con3 .bx .in-bx .in-bx2 .in-inner2 .in-ttl{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 4vw; margin-bottom: 4vw; background-size: 2vw}
#con3 .bx .in-bx .in-bx2 .in-inner2 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.9}
#con3 .bx .in-bx .in-bx2 .in-img{margin: 0 auto 3vw;}

#con3 .bx .in-bx .in-bx3{width: 90vw; margin: 0 auto 10vw; position: relative;}
#con3 .bx .in-bx .in-bx3 .in-inner3{margin-top: 5vw; background: #fff; padding: 13vw 5vw 5vw; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx3 .in-inner3 .in-num{width: 17vw; position: absolute; left: 3vw; top: -3vw}
#con3 .bx .in-bx .in-bx3 .in-inner3 .in-ttl{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 4vw; margin-bottom: 4vw; background-size: 2vw}
#con3 .bx .in-bx .in-bx3 .in-inner3 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.9}
#con3 .bx .in-bx .in-bx3 .in-img{margin: 0 auto 3vw;}

#con3 .bx .in-bx .in-bx4{width: 90vw; margin: 0 auto 10vw; position: relative;}
#con3 .bx .in-bx .in-bx4 .in-inner4{margin-top: 5vw; background: #fff; padding: 13vw 5vw 5vw; position: relative; z-index: 1}
#con3 .bx .in-bx .in-bx4 .in-inner4 .in-num{width: 17vw; position: absolute; left: 3vw; top: -3vw}
#con3 .bx .in-bx .in-bx4 .in-inner4 .in-ttl{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: bold; background: url(../images/reform_menu_painting/con3-txt-bb-icon.png) repeat-x bottom center; padding-bottom: 4vw; margin-bottom: 4vw; background-size: 2vw}
#con3 .bx .in-bx .in-bx4 .in-inner4 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.9}
#con3 .bx .in-bx .in-bx4 .in-img{margin: 0 auto 3vw; position: relative; left: 2vw}

#last-bx {}
#last-bx .bx{width: 100vw; margin: 0 auto 5vw; background: url(../images/reform_menu_painting/sp-last-bg.png) no-repeat top center; padding: 43vw 0 15vw; background-size: 100%}
#last-bx .bx .inner{width: 90vw; margin: 0 auto; position: relative; font-weight: bold;}
#last-bx .bx .inner .ttl{font-size: 3.6vw; letter-spacing: 0.2vw; background: #FFDE64; padding: 1vw 1vw 1vw 3vw; display: inline-block; margin-bottom: 4vw}
#last-bx .bx .inner .ttl1{font-size: 5.2vw; line-height: 1; letter-spacing: 0.2vw; background: #fff; display: inline; padding: 2vw 0; }
#last-bx .bx .inner .ttl1 .span1{width: 70vw; display: inline-block; margin-bottom: 7vw; position: relative; left: 3vw;}
#last-bx .bx .inner .ttl1 .span2{width: 88vw; display: inline-block; position: relative; left: 3vw;}


#menu li:nth-child(4){display: none;}
#example .inner-Box1 .example-ttl2{font-size: 5vw!important; font-weight: bold; text-align: center; margin-bottom: 3vw; line-height: 1.4!important}
#example .inner-Box1 .example-human3{width: 13vw; position: absolute; left: 5vw; top: 15vw!important;}
#example .inner-Box1 .example-human4{width: 15vw; position: absolute; right: 5vw; top: 15vw!important;}


}