@charset "utf-8";

.wm_main{position: relative;z-index: 10;background-image: url("../img/wm_main_pc.jpg");height:630px; background-repeat: no-repeat;background-size:auto 100%; background-position: center;}
.wm_main p{position: absolute;z-index: 10;top:3%;}
.wm_main h4{position: absolute;z-index: 10;top:14%;font-size:32px; }
.wm_main h1{position: absolute;z-index: 10;width:575px;top:26%;}
.wm_main h2{position: absolute;z-index: 3;bottom:78%;font-size: 24px;color: #FFF;left:14%;letter-spacing: 0.1em;}
.wm_main h3{position: absolute;z-index: 4;top:30%;font-size: 18px;color: #FFF;left:35%;width: 60%;letter-spacing: 0.1em;}
.wm_main_txt{position: absolute;z-index: 2;bottom:-3%;left:calc(50% + -525px);}
.wm_mainbg{position: absolute;z-index: 1;}

.wm_main01{text-align: center;margin: 50px 0;}
.wm_main01 h6{font-size:24px; text-align: center;letter-spacing: 0.1em;}
.wm_main01 h6:after{content:"";width: 80px; height: 3px; background-color:#CCC;display: block;margin: 20px auto 0 auto;}
.wm_main01 ul{margin-top: 5%;}
.wm_main01 li{float: left;position: relative;width: 48.5%;margin-bottom: 3%;}
.wm_main01 li:nth-child(2n){float: right;}
.wm_main01_txt{position: absolute;color: #FFF; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto; width: 94%;font-size: 24px;letter-spacing: 0.1em;}

.wm_main02{text-align: center;margin: 50px 0;}
.wm_main02 h6{font-size:24px; text-align: center;letter-spacing: 0.1em;}
.wm_main02 h6 span{font-size:42px;letter-spacing: 0.2em;}
.wm_main02 h6:after{content:"";width: 80px; height: 3px; background-color:#CCC;display: block;margin: 20px auto 0 auto;}
.wm_main02 h2{text-align: left;margin: 6% 0 0 20%;font-size: 18px;}
.wm_main02 ul{margin-top: 5%;}
.wm_main02 li{float: left;width: 30%;margin:0 2% 5%; position: relative;}
.wm_main02 li:after{content:url(../img/wm_obj_arrow01.png);width: 5%;float: left;position: absolute;right:0%;top:55%;}
.wm_main02 li:nth-child(2):after{content:url(../img/wm_obj_arrow01.png);width: 5%;float: left;position: absolute;right:-10%;top:55%;}
.wm_main02 li:last-child{float: left;width: 30%;margin:0 0 5%; position: relative;}
.wm_main02 li:last-child:after{content:none;width: auto;float: none;position:static;right:0;top:0;}
.num{float: left;font-size: 92px;font-family: Arial, Helvetica, "sans-serif";line-height: 100%;color:#BEBEBE;font-weight: bold;}
.wm_main02grh{width: 60%; margin: 15px auto;}
.wm_main02grh2{width: 100%; margin: 15px auto;}

.wm_main03{max-width: 900px;background-color: #FFF3CC;border-radius: 22px;padding: 80px 40px 10px 40px;margin: 50px auto; position: relative;}
.wm_main03 h6{position: absolute;right: 40px;font-size: 98px;color:#BEBEBE;top:-50px;line-height: 100%;}
.wm_main03 h2{font-size: 22px;font-weight: bold;padding: 0 0 0 100px;margin: 0 0 20px 0;position: relative;}
.wm_main03 h2:before{content:url(../img/wm_ic01.png);top:-35%; left:2%;position: absolute;}
.wm_main03 h3{font-size: 18px;font-weight: 100;padding: 0 0 0 100px;margin: 0 0 40px 0;position: relative;}
.wm_main03 h3:before{content:url(../img/wm_ic02.png);top:5px; left:4%;position: absolute;}

.pc_float{position: fixed;right: 0;top:30%;width: 55px;z-index: 11;}
.pc_float a:hover{opacity: 0.8;}

@media screen and (max-width: 980px) {
.wm_main_txt{position: absolute;z-index: 2;bottom:-3%;left:2%;}
}


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

.wm_main{position: relative;z-index: 10;background-image:none;height:auto; background-repeat: no-repeat;background-size:auto 100%; background-position: center;}
.wm_main p{position: absolute;z-index: 10;top:3%;width: 30%;}
.wm_main h4{position: absolute;z-index: 10;top:11%;font-size:4.8vw; }
.wm_main h1{position: absolute;z-index: 10;width: 80%;top:29%;}
.wm_main h2{position: absolute;z-index: 3;bottom:76%;font-size: 4.2vw;color: #FFF;left:4%;letter-spacing: 0.1em;}
.wm_main h3{position: absolute;z-index: 4;top:26%;font-size:3.3vw;color: #FFF;left:35%;width: 60%;letter-spacing: 0.1em;}
.wm_main_txt{position: absolute;z-index: 2;bottom:-8%;left:0;margin: 0 2%;}
.wm_mainbg{position: absolute;z-index: 1;}

.wm_main01{text-align: center;margin: 50px 0;}
.wm_main01 h6{font-size:5vw; text-align: center;letter-spacing: 0.1em;}
.wm_main01 h6:after{content:"";width: 80px; height: 3px; background-color:#CCC;display: block;margin: 20px auto 0 auto;}
.wm_main01 ul{margin-top: 5%;}
.wm_main01 li{float: left;position: relative;width: 48.5%;margin-bottom: 3%;}
.wm_main01 li:nth-child(2n){float: right;}
.wm_main01_txt{position: absolute;color: #FFF; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto; width: 100%;font-size: 3.8vw;letter-spacing: 0.1em;}

.wm_main02{text-align: center;margin: 50px 0;}
.wm_main02 h6{font-size:5vw; text-align: center;letter-spacing: 0.1em;}
.wm_main02 h6 span{font-size:10vw;letter-spacing: 0.2em;}
.wm_main02 h6:after{content:"";width: 80px; height: 3px; background-color:#CCC;display: block;margin: 20px auto 0 auto;}
.wm_main02 h2{text-align: left;margin: 2% 0 0 20%;font-size: 5vw;}
.wm_main02 ul{margin-top: 5%; margin-bottom: 5%;}
.wm_main02 li{float: none;width:86%;margin:0 auto 10%; position: relative;}
.wm_main02 li:after{content:"";width: 44px;height: 38px; float: none;position: static;right:auto;left:auto;top:auto;text-align: center;display: block;background-image:url(../img/wm_obj_arrow02.png);background-size: contain;vertical-align: middle;margin: 0 auto;}
.wm_main02 li:nth-child(2):after{content:"";width: 44px;height: 38px; float: none;position: static;right:auto;left:auto;top:auto;text-align: center;display: block;background-image:url(../img/wm_obj_arrow02.png);background-size: contain;vertical-align: middle;margin: 0 auto;}
.wm_main02 li:last-child{float: none;width: 86%;margin:0 auto 5%; position: relative;}
.wm_main02 li:last-child:after{content:none;width: auto;float: none;position:static;right:0;top:0;}
.num{float: left;font-size: 16vw;font-family: Arial, Helvetica, "sans-serif";line-height: 100%;color:#BEBEBE;font-weight: bold;}
.wm_main02grh{width: 60%; margin: 5% auto;}
.wm_main02grh2{width: 100%; margin: 5% auto;}

.wm_main03{max-width: 900px;background-color: #FFF3CC;border-radius: 22px;padding: 10% 5% 10px 5%;margin: 100px 5% 40px; position: relative;}
.wm_main03 h6{position: absolute;right: 40px;font-size: 16vw;color:#BEBEBE;top:-50px;line-height: 100%;}
.wm_main03 h2{font-size: 4.2vw;font-weight: bold;padding: 0 0 0 20%;margin: 0 0 20px 0;position: relative;}
.wm_main03 h2:before{content:url(../img/wm_ic01.png);top:5%; left:0;position: absolute;}
.wm_main03 h3{font-size: 3.8vw;font-weight: 100;padding: 0 0 0 20%;margin: 0 0 40px 0;position: relative;}
.wm_main03 h3:before{content:url(../img/wm_ic02.png);top:5px; left:5%;position: absolute;}

.footer{padding: 0px 0 80px;!important;}

.pc_float{display: none;}

.footcv2{
display: none;
position: fixed;
bottom: 0;
left: 0;
padding: 10px 5% 0;
height: 58px;
width: auto;
z-index: 40;
background: #ccaf71; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ccaf71 0%, #b7965f 35%, #b2905a 57%, #c1a66c 77%, #dbcc8b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #ccaf71 0%,#b7965f 35%,#b2905a 57%,#c1a66c 77%,#dbcc8b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #ccaf71 0%,#b7965f 35%,#b2905a 57%,#c1a66c 77%,#dbcc8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccaf71', endColorstr='#dbcc8b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.footcv a{display:block;}

}


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

}