@charset "UTF-8";

.animation-class {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 1000ms;
}

.animation-class.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.animation-first-view {
  animation-name: first-view-fade-in;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes first-view-fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* グループページフリー
----------------------------------------- */
.wj-group_content {
  margin-bottom: 60px;
}

/* ge01lp
----------------------------------------- */
#ge01lp {
	width: 764px;
	margin:0 0 150px;
}

#ge01lp .title{
	background:url(../../images/lp/ge01_01pc.jpg)center;
	height: 600px;
}

#ge01lp .title h2{
	position: absolute;
	margin-top: 400px;
	margin-left:350px;
	font-size:13px;
	font-weight: 400;
	color:#FFFFFF;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#ge01lp .title p{
	position: absolute;
	margin-top: 420px;
	margin-left:335px;
	font-size:26px;
	font-weight: 400;
	color:#FFFFFF;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#ge01lp p.button {
	margin:50px auto;
	text-align:center;
}

#ge01lp p.button a {
	letter-spacing: 0.075em;
	line-height: 1.8;
	font-family: "Gotham", '游ゴシック Medium', 'Yu Gothic Medium', YuGothic, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
	display: inline-block;
}

#ge01lp p.button a span {
	font-size: 18px;
	letter-spacing: -0.15em;
}

#ge01lp p.button a:hover {
	color:#999;
}

#ge01lp .about{
	text-align:center;
	padding:100px 0;
	background-color:#FAFAFA;
	margin:0 0  120px;
}

#ge01lp .about p{
	font-size:14px;
	line-height: 180%;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#ge01lp .contents .contents_img{
	margin:80px auto 30px;
	padding:0 5%;
}

#ge01lp .contents span{
	margin:5px 5%;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#ge01lp .contents h3{
	margin:5px 5% 20px;
	font-size:20px;
	font-weight: 400;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#ge01lp .contents h3:after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 15px 0 25px;
	background: #28282c;
}

#ge01lp .contents p{
	font-size:13px;
	margin:5px 5% 30px;
	line-height: 170%;
}


/* pearllp
----------------------------------------- */
#pearllp {
	width: 764px;
}

#pearllp .title{
background:url(../../images/lp/pearl_top.jpg)no-repeat;
position: relative;
height: 850px;
}

#pearllp .title h2{
position: absolute;
margin-top: 600px;
margin-left:335px;
font-size:13px;
font-weight: 400;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
color:#FFFFFF;
}

#pearllp .title p{
position: absolute;
margin-top: 640px;
margin-left: 180px;
font-size:26px;
font-weight: 400;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
color:#FFFFFF;
}

#pearllp .about{
text-align:center;
margin:130px 0;
}

#pearllp .about p{
font-size:14px;
}

#pearllp .item .item_img{
text-align:center;
margin:160px 0 0;
}

#pearllp .item h3{
text-align:center;
margin:50px 0 30px;
font-size:26px;
font-weight: 400;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#pearllp .item h3:after {
content: "";
display: block;
width: 25px;
height: 1px;
margin: 20px 0 25px 368px;
background: #28282c;
}

#pearllp .item p{
text-align:center;
font-size:13px;
}

#pearllp .model01{
margin:80px 0 0 38px;
}

#pearllp .model02{
margin:50px 0 0 184px;
}

#pearllp .model03{
margin:50px 0 0 0;
}

#pearllp .btn{
margin:50px 0 0 0;
display: block;	
}

#pearllp .btn{
display:inline-block;
background:#28282c;
padding:10px 50px;
text-align:center;
color:#fff;
text-decoration:none;
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#pearllp .btn:hover{
opacity: 0.6;
}


/* dialp
----------------------------------------- */
#dialp {
	width: 764px;
}

#dialp .title{
background:url(../../images/lp/dia_top.jpg)no-repeat;
position: relative;
height: 850px;
}

#dialp .title h2{
position: absolute;
margin-top: 640px;
margin-left:337px;
font-size:13px;
font-weight: 400;
color:#000000;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#dialp .title p{
position: absolute;
margin-top: 670px;
margin-left:300px;
font-size:26px;
font-weight: 400;
color:#000000;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#dialp .about{
text-align:center;
margin:130px 0;
}

#dialp .about p{
font-size:14px;
}

#dialp .img01{
margin:80px 0 0 0;
}

#dialp .img02{
margin:20px 0 0 0;
}

#dialp .img03{
margin:20px 0;
}

#dialp .item p{
font-size:12px;
}

#dialp .item p a.link{
color:#999999;
}

#dialp .item p a.link:hover{
color:#CCCCCC;
}

#dialp .gift{
margin:80px 0 20px;
}

#dialp .gift .comment{
margin:10px 0 120px;
}


/* wedlp
----------------------------------------- */
#wedlp {
	width: 764px;
	margin: 0 0 150px 0;
}

#wedlp .title{
	background:url(../../images/lp/wed_top2.jpg)no-repeat;
	position: relative;
	height: 850px;
}

#wedlp .title h2{
	position: absolute;
	margin-top: 640px;
	margin-left:340px;
	font-size:13px;
	font-weight: 400;
	color:#FFFFFF;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#wedlp .title p{
	position: absolute;
	margin-top: 670px;
	margin-left:312px;
	font-size:26px;
	font-weight: 400;
	color:#FFFFFF;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#wedlp .about{
	text-align:center;
	margin:130px 0;
}

#wedlp .about p{
	font-size:14px;
}

#wedlp .img01{
	margin:100px 0 0 54px;
}

#wedlp .img02{
	margin:50px 0 0 0;
}

#wedlp .img03{
	margin:50px 0 0 74px;
}

#wedlp .item p{
	font-size:12px;
}

#wedlp .item p.text{
	margin:30px 0 10px 0;
}

#wedlp .item p a.link{
	color:#999999;
}

#wedlp .item p a.link:hover{
	color:#CCCCCC;
}


/* caselp
----------------------------------------- */
#caselp {
	width: 764px;
	margin:0 0 150px;
}

#caselp .title{
	background:url(../../images/lp/case_top.jpg)center;
	height: 600px;
}

#caselp .title h2{
	position: absolute;
	margin-top: 400px;
	margin-left:340px;
	font-size:13px;
	font-weight: 400;
	color:#FFFFFF;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#caselp .title p{
	position: absolute;
	margin-top: 420px;
	margin-left:310px;
	font-size:26px;
	font-weight: 400;
	color:#FFFFFF;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#caselp .about{
	text-align:center;
	padding:100px 0 50px;
	margin:30px 0  0;
}

#caselp .about p{
	font-size:13px;
	line-height: 180%;
}

#caselp .contents .contents_img{
	margin:80px auto 30px;
	padding:0 5%;
}
#caselp .contents2 .contents_img{
	margin:50px auto 100px;
	padding:0 5%;
}

#caselp .contents span{
	margin:5px 5%;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#caselp .contents h3{
	margin:5px 5% 20px;
	font-size:20px;
	font-weight: 400;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#caselp .contents h3:after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 15px 0 25px;
	background: #28282c;
}

#caselp .contents p{
	font-size:13px;
	margin:5px 5% 30px;
	line-height: 170%;
}

/* K10lp
----------------------------------------- */
#k10erlp {
	width: 764px;
	margin:0 0 80px 0;
}

#k10erlp .title{
	background:url(../../images/lp/k10er_t.jpg)no-repeat;
	position: relative;
	height: 820px;
}

#k10erlp .title h2{
position: absolute;
margin-top: 620px;
margin-left:337px;
font-size:14px;
font-weight: 400;
color:#000000;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#k10erlp .title p{
position: absolute;
margin-top: 640px;
margin-left:310px;
font-size:26px;
font-weight: 400;
color:#000000;
font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#k10erlp .about{
	text-align:center;
	margin:100px 0;
}

#k10erlp .about p{
	font-size:13px;
}

#k10erlp .img01{
	margin:80px 0 0 0;
}

/* recruitlp
----------------------------------------- */
#recruitlp {
	width: 100%;
	margin:0 0 80px;
}

#recruitlp .title{
	background:url(../../images/lp/recruit_01.jpg)center;
	background-size: cover;
	width: 100%;
	padding-top: 95%;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 100px;
}

#recruitlp .title h2{
	position: absolute;
	top: 80%;
	left: 43%;
	margin: 0;
	font-size: 30px;
	font-weight: 400;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#recruitlp .title p{
	position: absolute;
	top: 87%;
	left: 42%;
	font-size: 11px;
	font-weight: 400;
}

#recruitlp .contents .contents_img{
	margin:70px auto 70px;
	padding:0 5%;
	text-align: center;
}

#recruitlp .contents span{
	margin:5px 0;
	font-size:10px;
}

#recruitlp .contents h3{
	margin:5px 5% 20px;
	font-size:18px;
	font-weight: 400;
	font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

#recruitlp .contents h3:after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 15px 0 25px;
	background: #28282c;
}

#recruitlp .contents p{
	font-size:12px;
	margin:5px 5% 30px;
	line-height: 170%;
}

#recruitlp table{
	border-collapse:  collapse;
	margin:5%;

}

#recruitlp th, #recruitlp td{
	border:1px solid #000000;
	padding: 10px 20px;
}

#recruitlp .btn {
	width:80% ;
	margin:20px 10% 50px;
	display: inline-block;
	background: #28282c;
	padding: 10px 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media only screen and (max-width: 480px) {
  #recruitlp img { max-width: 100%; }
}