@charset "utf-8";html{overflow-y:scroll}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}caption,th{text-align:left}q:after,q:before{content:''}embed,object{vertical-align:top}legend{display:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym,fieldset,img{border:0}li{list-style-type:none;vertical-align:bottom}strong{font-weight:400}a{text-decoration:none}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}a{text-decoration:none;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
img{
    max-width: 100%;
    width: 100%;
}
body {
	width: 100%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
.pc_lp {
    margin: 0 auto;
    display: block!important;
}
.sp_lp {
    display: none!important;
}
/* fade in */
.fadein{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
	transition-delay: 0.5s;
}
.fadein-block.delay1 {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
    transition-delay: 0.5s;
}

.fadein-block.delay2 {
    opacity: 0;
    -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px);
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
    transition-delay: 0.1s;
}
.fadein-block.delay3 {
    opacity: 0;
    -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px);
    -webkit-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
	transition-delay: 0.7s;
	transition-duration: 1000ms;
}

.fadein-block {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
}
.fadein-block.scrollin {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fadein-block.late {
    opacity: 0;
    -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px);
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
    transition-delay: 1s;
}
.fadein-block.scrollin.late {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fadein-block.down {
    opacity: 1;
    -webkit-transform: translate(0, -100px);
    -ms-transform: translate(0, -100px);
    transform: translate(0, -100px);
   /* -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;*/
}
.fadein-block.down.scrollin {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.fadein-block-on {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
}
.fadein-block-on.scrollin {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 20px 0 0 0;
  background-color: #00000080;
}
.banner_btn{ width:70%; margin: 0 auto;}

#banner{display:none;}

#ToTopIcon {
	background: #c7a776;
	line-height: 13px;
	width: 45px;
	height: 45px;
	padding: 10px;
	border-radius: 50%;
	text-decoration: none;
	text-align: center;
	font-size: 70%;
	color: #ffffff;
	right: 30px;
	bottom: 30px;
	z-index: 200;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 13px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	font-size: 12px;
}
#ToTopIcon:hover{
    cursor: pointer;
}
.pc_lp {
	margin: 0 auto;
	display: block!important;
}
.sp_lp {
	display: none!important;
}
a:hover {
	opacity: 0.7;
}
.container {
	max-width: 1000px;
    width: 100%;
    margin: 0 auto;
	height: 3000px;
}
.a_link{
    display: block;
}
.wrap{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.cv2 .wrap{
    position: relative;
}
.sec_box{
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}
.sec01{
   background-image: url(../img/sec01_bg.png);
   margin-bottom: -7px;
}
.sec02{
   background-image: url(../img/sec02_bg.png);
}
.sec03{
   background-image: url(../img/sec03_bg.png);
}
.sec04{
   background-image: url(../img/sec04_bg.png);
}
.sec05{
   background-image: url(../img/sec05_bg.png);
   top: -293px;
   z-index: -50;
}
.sec06{
   background-image: url(../img/sec06_bg.png);
   top: -412px;
   z-index: -100;
}
.sec07{
   background-image: url(../img/sec07_bg.png);
   top: -412px;
}
.sec08{
   background-image: url(../img/sec08_bg_dummy.png);
   top: -412px;
}
.sec09{
   background-image: url(../img/sec09_bg.png);
   top: -412px;
}
.sec10{
   background-image: url(../img/sec10_bg.png);
   top: -412px;
}
.sec11{
   background-image: url(../img/sec11_bg_dummy.png);
   top: -413px;
}
.sec12{
   background-image: url(../img/sec08_bg.png);
   top: -412px;
}
.posirel{
    position: relative;
}
.posiabs{
    position: absolute;
}

.sec01_01{
    top: 1%;
    left: 0;
}
.sec01_02{
    top: 7%;
    left: 0;
}
.sec01_03{
    top: 7%;
    left: 0;
    z-index: 101;
}
.sec01_03_txt{
	top: 8%;
    left: 0;
    z-index: 101;
}
.sec01_04{
    top: 44%;
    left: 0;
    z-index: 101;
}
.sec01_05{
    top: 51%;
    left: 0;
    z-index: 101;
}
.sec01_06{
    bottom: 42%;
    left: 0;
    z-index: 101;
}
.sec01_07{
    bottom: 25%;
    left: 0;
    z-index: 101;
}
.sec01_08{
    bottom: 11%;
    left: 0;
    z-index: 101;
}
.sec01_09{
    bottom: 3.5%;
    left: 0;
    z-index: 101;
}

.sec02_ttl{
    top: 1%;
    left: 0;
}
.sec02_01{
    top: 9%;
    left: 0;
}
.sec02_02{
    top: 9.1%;
    left: 0;
}
.sec02_03{
    top: 11.5%;
    left: 0;
}
.sec02_04{
    top: 18.5%;
    left: 0;
}
.sec02_05{
    top: 25%;
    left: 0;
}
.sec02_06{
    top: 28.6%;
    left: 0;
}
.sec02_07{
    top: 31.2%;
    left: 0;
}
.sec02_08{
    top: 39.2%;
    left: 0;
}

.sec02_09{
    bottom: 49%;
    left: 0;
}
.sec02_10{
    bottom: 11%;
    left: 0;
}
.sec02_11{
    bottom: 37%;
    left: 0;
}
.sec02_12{
    bottom: 11%;
    left: 0;
}
.sec02_13{
    bottom: 1%;
    left: 0;
}

.sec03_01{
    top: 5%;
    left: 0;
}
.sec03_02{
    top: 23.5%;
    left: 0;
}
.sec03_03{
    top: 43.5%;
    left: 0;
}
.sec03_04{
    top: 47%;
    left: 0;
}
.sec03_05{
    bottom: 0%;
    left: 0;
}
.sec03_06{
    bottom: 28%;
    left: 0;
}
.sec03_07{
    bottom: 13.5%;
    left: 0;
}
.sec03_08{
    bottom: 5.5%;
    left: 0;
}

.sec04_01{
    top: 1%;
    left: 0;
}
.sec04_02{
    top: 7.5%;
    left: 0;
}
.sec04_03{
    top: 25%;
    left: 0;
}
.sec04_04{
    top: 34%;
    left: 0;
}
.sec04_05{
    top: 43%;
    left: 0;
}
.sec04_06{
    top: 52%;
    left: 0;
}
.sec04_07{
    top: 61%;
    left: 0;
}
.sec04_08{
    top: 70%;
    left: 0;
}
.sec04_09{
    top: 79%;
    left: 0;
}
.sec04_10{
    bottom: 0%;
    left: 0;
}
.sec04_11{
    bottom: 5%;
    left: 0;
}

.sec05_01{
    top: 13%;
    left: 0;
}
.sec05_02{
    bottom: 14%;
    left: 0;
}
.sec05_03{
    top: 34%;
    left: 0;
}
.sec05_04{
    top: 33%;
    left: 0;
}
.sec05_05{
    top: 48%;
    left: 0;
}
.sec05_06{
    bottom: 16%;
    left: 0;
}
.sec05_07{
    bottom: 5%;
    left: 0;
}

.sec06_01{
    top: 6%;
    left: 0;
}
.sec06_02{
    top: 19%;
    left: 0;
}
.sec06_03{
    top: 60%;
    left: 0;
}
.sec06_04{
    bottom: 0%;
    left: 0;
}

.sec07_01{
    top: 0%;
    left: 0;
}
.sec07_02{
    top: 15%;
    left: 0;
}
.sec07_03{
    top: 29%;
    left: 0;
}

.sec08_01{
    top: 0%;
    left: 0;
}
.sec08_02{
    top: 16%;
    left: 0;
}
.sec08_03{
    top: 14.4%;
    left: 0;
}
.sec08_04{
    top: 20%;
    left: 0;
}
.sec08_05{
    top: 33.5%;
    left: 0;
}
.sec08_06{
    top: 35.5%;
    left: 0;
}
.sec08_07{
    top: 62.5%;
    left: 0;
}
.sec08_08{
    bottom: 20.5%;
    left: 0;
}
.sec08_09{
    bottom: 12.5%;
    left: 0;
}
.sec08_10{
    bottom: 5%;
    left: 0;
}

.sec09_01{
    top: 2%;
    left: 0;
}
.sec09_02{
    top: 6.5%;
    left: 0;
}
.sec09_03{
    top: 26%;
    left: 0;
}
.sec09_04{
    top: 45%;
    left: 0;
}
.sec09_05{
    bottom: 19%;
    left: 0;
}
.sec09_06{
    bottom: 6%;
    left: 0;
}
.sec09_07{
    bottom: 1%;
    left: 0;
}

.sec10_01{
    top: 2%;
    left: 0;
}
.sec10_02{
    top: 41%;
    left: 0;
}

.sec11_01{
    bottom: 0%;
    left: 0;
}
.sec11_02{
    top: 7%;
    left: 0;
}

.sec12_01{
    top: 0%;
    left: 0;
}
.sec12_02{
    top: 15%;
    left: 0;
}
.sec12_03{
    top: 13.4%;
    left: 0;
}
.sec12_04{
    top: 19%;
    left: 0;
}
.sec12_05{
    top: 32.5%;
    left: 0;
}
.sec12_06{
    top: 34.5%;
    left: 0;
}
.sec12_07{
    top: 61.5%;
    left: 0;
}
.sec12_08{
    bottom: 21.5%;
    left: 0;
}
.sec12_09{
    bottom: 13.5%;
    left: 0;
}
.sec12_10{
    bottom: 6%;
    left: 0;
}


@media screen and (max-width: 414px){
	.pc_lp {
        margin: 0 auto;
        display: none!important;
    }
    .sp_lp {
        display: block!important;
    }
	.sec01_02{top:5%;}
	.sec01_03{top:5%;}
	.sec01_03_txt{top:6%;}
	.sec01_04{top:30%;}
	.sec01_05{top:35%;}
	.sec01_06{bottom:60%;}
	.sec01_07{bottom:20%;}
	.sec01_08{bottom:10%;}
	.sec01_09{bottom:4.5%;}
	
	.sec10_02{top:26%;}
	
	.sec05 {top: -130px;}
	.sec06, .sec07, .sec08, .sec09, .sec10, .sec11, .sec12{top: -178px;}
}

@media screen and (min-width:415px) and ( max-width:640px){
    .pc_lp {
        margin: 0 auto;
        display: none!important;
    }
    .sp_lp {
        display: block!important;
    }

    .sec01_01{
        top: 1%;
    }
    .sec01_02{
        top: 5.1%;
    }
    .sec01_03{
        top: 5.1%;
    }
	.sec01_03_txt{
        top: 6%;
    }
	.sec01_04{
        top: 30.5%;
    }
	.sec01_05{
        top: 35.5%;
    }
	.sec01_06{
        bottom: 59.5%;
    }
	.sec01_07{
        bottom: 19%;
    }
	.sec01_08{
        bottom: 9.5%;
    }
	.sec01_09{
        bottom: 4%;
    }
	
    .sec02_ttl{
        top: 1%;
    }
    .sec02_01{
        top: 10%;
    }
    .sec02_02{
        top: 10%;
    }
    .sec02_03{
        top: 12.5%;
    }
    .sec02_04{
        top: 19.5%;
    }
	.sec02_05{
        top: 26%;
    }
	.sec02_06{
        top: 29.5%;
    }
	.sec02_07{
        top: 32.5%;
    }
	.sec02_08{
        top: 40%;
    }
	

    .sec03_01{
        top: 5%;
    }
    .sec03_02{
        top: 23.5%;
    }
    .sec03_03{
        top: 43%;
    }
    .sec03_04{
        top: 46.2%;
    }

	.sec05{
		top:-214px;
	}
    .sec05_01{
        top:13%
    }
	.sec05_02{
        bottom:12%
    }
	
	.sec06{
		top:-289px;
	}
    .sec06_02{
        top: 18%;
    }
	
	.sec07{
		top:-289px;
	}
    .sec07_01{
        top: 0%;
    }
    .sec07_02{
        top: 15%;
    }
	.sec08{
		top:-289px;
	}
    .sec08_01{
        top: 0%;
    }
    .sec08_02{
        top: 16%;
    }
    .sec08_03{
        top: 15%;
    }
    .sec08_04{
        top: 20%;
    }
	
	.sec10_02{
        top: 26%;
    }
	.sec09, .sec10, .sec11, .sec12{
		top:-289px;
	}
}

@media screen and (min-width:641px) and ( max-width:768px){
	.sec05{top:-230px;}
	.sec06, .sec07, .sec08, .sec09, .sec10, .sec11, .sec12{top: -322px;}
}