/* =Reset

.google{display:none;}
-------------------------------------------------------------- */
html,div,a,img,span,table,td,tr,th,header,footer,
p,font,ul,li,oi,p,
h1,h2,h3,h4,h5,h6{margin:0;margin-top:0;padding-top:0;padding:0;font-family: meiryo, sans-serif;
}
img{border:none;margin:0;margin-top:0;padding-top:0;padding:0;}
body{font-size:16px;line-height:20px;background:#fff;
color:#1a1a1a;text-align:left;
font-family: meiryo, sans-serif;
margin:0;padding:0;
background:#FEF8F0;
}
a img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a img:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}
a.link:hover {
text-decoration:none;
}
a.link{
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;
text-decoration:none;
}
div{
    transition:  0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition:   0.6s;
    -ms-transition:  0.6s;
}
.cb{clear:both;}
.google{
display:none;
}
/* =index
-------------------------------------------------------------- */

/* PC */

.sp_area{display:none;}


.top_area{width:100%;height:640px;
background:url(../img/lp5/top_bg.png) no-repeat top center;background-size:1700px;
}

.top_logo{width:1000px;margin:0 auto;padding:15px 0;}

.top_logo .left{float:left;}
.top_logo .right{float:right;}

.menu{width:1000px;margin:0 auto;padding:0;}

.pr_img{width:100%;height:487px;
background:url(../img/lp5/pr_img1.png) no-repeat top center;background-size:1700px;
}


.movie_bg{width:100%;height:auto;
background:url(../img/lp5/movie_bg.png) no-repeat top center;background-size:1700px;
}
.video_item iframe{padding:0;margin-left:15px;}

.movie_area{width:1000px;margin:0 auto;}
.movie_img{width:1000px;margin:0 auto;}

.movie_img2{width:100%;height:497px;
background:url(../img/lp5/movie_img02.png) no-repeat top center;background-size:1400px;
}

.movie_img img{width:100%;}

.flow_title{width:100%;height:185px;
background:url(../img/lp5/flow_title.png) no-repeat top center;background-size:1700px;
}
.flow_text{width:1000px;margin:0 auto;text-align:center;}
.flow_text img{width:100%;}
.flow_text p{font-size:19px;font-weight:bold;line-height:24px;padding-bottom:80px;}


.flow_area{width:100%;height:418px;
background:url(../img/lp5/flow_img.png) no-repeat top center;background-size:1700px;
}

.flow_area2{width:100%;height:398px;
background:url(../img/lp5/flow_img2.png) no-repeat top center;background-size:1700px;
}

.contact_area{width:100%;height:348px;margin-top:10px;
background:url(../img/lp5/contact_area_bg.png) no-repeat top center;background-size:1700px;
}
.contact_bt_area{width:1000px;margin:0 auto;}
.contact_bt_right{width:500px;float:right;text-align:center;}
.contact_bt_right img{width:80%;margin-top:115px;}
.contact_bt_text{margin-top:40px;text-align:left;font-size:19px;font-weight:600;color:#555555;line-height:26px;}

.contact_bt_img01{width:100%;height:206px;
background:url(../img/lp5/contact_bt_img01.png) no-repeat top center;background-size:1700px;
}
.contact_bt_img02{width:100%;height:160px;
background:url(../img/lp5/contact_bt_img02.png) no-repeat top center;background-size:1700px;
}
.contact_bt_img020{width:100%;
  text-align: center;
  margin-bottom: 40px;
}

.reason_title{width:100%;height:206px;
background:url(../img/lp5/reason_title.png) no-repeat top center;background-size:1700px;
}

.reason_img01{width:100%;height:300px;
background:url(../img/lp5/reason_img01.png) no-repeat top center;background-size:1700px;
}

.reason_img02{width:100%;height:120px;
background:url(../img/lp5/reason_img02.png) no-repeat top center;background-size:1700px;
}

.reason_img03{width:100%;height:680px;
background:url(../img/lp5/reason_img03.png) no-repeat top center;background-size:1700px;
}



.reward_img{width:100%;height:154px;
background:url(../img/lp5/reward_img.png) no-repeat top center;background-size:1700px;
}

.reward_img01{width:100%;height:240px;margin-top:40px;
background:url(../img/lp5/reward_img01.png) no-repeat top center;background-size:1700px;
}

.application_title{width:100%;height:165px;margin-top:40px;
background:url(../img/lp5/application_title.png) no-repeat top center;background-size:1700px;
}

.quali_img01{width:100%;height:200px;margin-top:40px;
background:url(../img/lp5/quali_img01.png) no-repeat top center;background-size:1700px;
}

.quali_img02{width:100%;height:265px;margin-top:40px;
background:url(../img/lp5/quali_img02.png) no-repeat top center;background-size:1700px;
}

.quali_text{width:980px;margin:0 auto;padding-top:85px;line-height:30px;
font-family: "�l�r ����","MS Mincho";
}


.faq_title{width:100%;height:130px;
background:url(../img/lp5/faq_title.png) no-repeat top center;background-size:1700px;
}

.faq_img01{width:100%;height:405px;
background:url(../img/lp5/faq_img01.png) no-repeat top center;background-size:1700px;
}
.faq_img02{width:100%;height:422px;
background:url(../img/lp5/faq_img02.png) no-repeat top center;background-size:1700px;
}
.faq_img03{width:100%;height:418px;
background:url(../img/lp5/faq_img03.png) no-repeat top center;background-size:1700px;
}
.faq_img04{width:100%;height:235px;
background:url(../img/lp5/faq_img04.png) no-repeat top center;background-size:1700px;
}

.workroom_title{width:100%;height:131px;
background:url(../img/lp5/workroom_title.png) no-repeat top center;background-size:1700px;
}

.workroom_text{width:100%;height:135px;
background:url(../img/lp5/workroom_text.png) no-repeat top center;background-size:1700px;
}

.workroom_img{width:100%;height:441px;
background:url(../img/lp5/workroom_img.png) no-repeat top center;background-size:1700px;
}

.workroom_box{width:100%;height:210px;
background:url(../img/lp5/workroom_box.png) no-repeat top center;background-size:1700px;
}
.work_text{width:1000px; margin:0 auto;text-align:center;}
.work_text p{font-size:16px;font-weight:bold;line-height:24px;padding:15px 0;color:#585858;
font-family: "�l�r ����","MS Mincho";
}

.button_area{width:830px;margin:0 auto;background:#FFCC99;padding:10px;text-align:center;}
.button_area img{margin:5px 0;}

.foot_bg{width:100%;margin:0 auto;background:#FFCCCC;text-align:center;padding-top:25px;}
.foot_bg h2{padding:5px 0;width:100%;text-align:center;font-size:24px;line-height:36px;color:#484343;
font-family: "�l�r ����","MS Mincho";}

footer{margin:0;padding:0;}

.foot_bt{width:830px;margin:0 auto;text-align:center;}
.foot_bt img {width:45%;margin:0;padding:2%;}

.foot_logo{width:100%;height:47px;
background:url(../img/lp5/foot_logo.png) no-repeat top center;background-size:1700px;
}
h4{width:100%;text-align:center;color:#343434;padding:10px 0;}
h4 a{color:#343434;text-decoration:none;}
h4 a:hover{color:#343434;text-decoration:none;}


.copy{wudth:100%;margin:0 auto;background:#CC6666;height:16px;padding:5px;}
.copy h3{font-size:14px; line-height:16px;text-align:center;color:#fff;font-weight:normal;}


/* =law
-------------------------------------------------------------- */
.law_area{width:1000px;margin:0 auto;}
.law_area h2{border-bottom:2px dotted #333;
text-align:center;font-size:24px;line-height:42px;
}

.law_area span{margin-right:20px;}

.law_area .text{width:80%;margin:40px auto;line-height:28px;}

/* =privacy
-------------------------------------------------------------- */
.privacy_area{width:1000px;margin:0 auto;}
.privacy_area h2{border-bottom:2px dotted #333;
text-align:center;font-size:24px;line-height:42px;
}

.privacy_area span{margin-right:20px;}

.privacy_area .text{width:90%;margin:40px auto;line-height:28px;}





/* sp */

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

.pc_area{display:none;}

body {width:100%;margin:0 auto;}
.sp_area{width:100%;margin:0 auto;padding:0 ;display:block;}
.sp_main img{width:100%;}
.top{width:100%;}
.top img{width:50%;margin:0 auto;padding:0 ;}


.menu_sp{width:100%;margin:0 auto;padding:0;text-align:center;}
.menu_sp img{width:33.3333%;}

.video_item{width:100%;text-align:center;}
.video_item iframe{padding:0;margin-left:0;}


.button_area{width:100%;padding:10px 0;text-align:center;}

.button_area img{width:98%;}

.foot_bg{width:100%;margin:0 auto;background:#FFCCCC;}
.foot_bg h2{padding:5px 0;width:100%;text-align:center;font-size:12px;line-height:18px;color:#484343;
font-family: "�l�r ����","MS Mincho";}

footer{margin:0;padding:0;}

.foot_bt{width:100%;margin:0 auto;text-align:center;}
.foot_bt img {width:45%;margin:0;padding:2%;}

.foot_logo{width:100%;height:47px;
background:url(../img/lp5/foot_logo.png) no-repeat top center;background-size:1500px;
}

img.bottom_title{width:100%;}

.copy{wudth:100%;margin:0 auto;background:#CC6666;height:16px;padding:5px;}
.copy h3{font-size:10px; line-height:16px;text-align:center;color:#fff;font-weight:normal;}

/* =law
-------------------------------------------------------------- */
.law_area{width:95%;margin:0 auto;}
.law_area h2{border-bottom:2px dotted #333;
text-align:center;font-size:18px;line-height:26px;
}

.law_area span{margin-right:20px;}

.law_area .text{width:100%;margin:40px auto;font-size:10px;line-height:20px;}

/* =privacy
-------------------------------------------------------------- */

.privacy_area{width:95%;margin:0 auto;}
.privacy_area h2{border-bottom:2px dotted #333;
text-align:center;font-size:18px;line-height:26px;
}

.privacy_area span{margin-right:20px;}

.privacy_area .text{width:100%;margin:40px auto;font-size:14px;line-height:20px;}


/* mail
-------------------------------------------------------------- */
.mail_contain{width:90%; margin:20px auto;}


.mail_form{width:100%;margin:0 ;padding:0;}
.row1{width:98%;padding:1%;float:left;display:inline-block;min-height:0px;clear:both;
border-bottom:1px dotted #444;}
.row2{width:98%;padding:1%;float:left;display:inline-block;min-height:0px;
background:#fff;border-bottom:1px dotted #444;
position:relative;}

.row1 span{color:red;font-weight:bold;}

.year,
.month,
.day{float:none;display:inline-block;width:50%;font-size:90%;}

.year span,
.month span,
.day span{margin:0 0 0 20px;}
.check_area,
.check_area2,
.check_area3{min-height:0px;}

.wpcf7-form span.channel label{display:inline-block;width:100%;}

.wpcf7-form select{min-width:80px;}


.wpcf7-form input.second_area,
.wpcf7-form input.mail,
.wpcf7-form input.tel,
.wpcf7-form input.kana,
.wpcf7-form input.identification_other,
.wpcf7-form input.name{width:93%;}


.wpcf7-form .environment{font-size:90%;}

.wpcf7 span.wpcf7-not-valid-tip {
position:static;
	font-size: 80%;
display:inline-block;width:100%;
text-align:right;
}


.mail_form .sub_area{
width:100%;
text-align:center;
margin:40px 0;
}

.mail_form .sub_area input#sub{
width:100%;
padding:15px 0;
margin-top:10px;
font-family: '���C���I', 'meiryo', 'sans-serif';
}
.mail_form h2{
font-family: '���C���I', 'meiryo', 'sans-serif';
width:100%;margin:20px 0;text-align:center;line-height:32px;
}
.mail_form h2 span{font-size:80%;font-weight:normal;margin-left:20px;}


.bottom_text{width:100%;text-align:center;}

h4{width:100%;text-align:center;color:#343434;padding:10px 0;font-size:70%;}
h4 a{color:#343434;text-decoration:none;}
h4 a:hover{color:#343434;text-decoration:none;}

/* end
-------------------------------------------------------------- */
}



/* contact_area
====================================================*/

.contact_area2{
	background:#FFCCCC;
	position:relative;
	width:100%;
	padding-bottom:30px;
	height:auto;
}

.contact_title{
	display:block;
	width:320px;
	margin:0 auto;
}
.contact_title img{
	width:100%;
}

.contact_area2 .row{
	width:800px;
	margin:0 auto;
}

.contact_area2 .row p{
	display:inline-block;
	font-size:1.4rem;
	line-height:2rem;
	padding:2%;
	color:#663300;

}
.contact_area2 .row p font{
	display:inline-block;
	float:right;
}



.wpcf7 input{
	font-size:1.3rem;
	line-height:2rem;
	width:98% !important;
	border:none;
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:1px 1px 1px #ddd inset;
	padding-left:2%;
	font-weight:normal;
}
.wpcf7 select {
    font-size: 1.1rem;
    line-height: 2rem;
    border: none;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #eee inset;
    font-weight: normal;
    width: 30%;
    padding: 1%;
}

.contact_area2 .row p.col1{
	width:200px;
	font-weight:bold;
}
.contact_area2 .row p.col2{
	width:440px;
	font-weight:normal;
	text-align: left;
}
.check{
	width:100%;
	text-align:center;
	margin:30px 0;
}
.wpcf7 .check input[type="checkbox"]{
	width:35px !important;
	borer:none;
	box-shadow:none;
	border-radius:none;
}
.wpcf7 .check label{
	cursor:pointer;

}
.sub{
	margin-bottom:30px;
}

.wpcf7 .sub input[type="submit"]{
	display:block;
	width:280px !important;
	padding:1%;
	margin:0 auto;
	background:#fff;
	box-shadow:none;
	border:1px solid #fff;
	color:#4d4d4d;
	cursor:pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
	text-decoration:none;
}

.wpcf7 .sub input[type="submit"]:hover{
	border:1px solid #8d8d8d;
	color:#8d8d8d;

}

.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: pink;
}

.screen-reader-response ul{
 display:none;
}

.wpcf7 .wpcf7-validation-errors{
background: #fff;
}

.wpcf7 .wpcf7-mail-sent-ok{
background: #fff;
}


/*  �{�^�� #contact
=======================================*/
.btn1{
	width:380px;
	margin:auto;
	position:absolute;
	top:-80px;
	left:0;
	right:0;
}

.btn2{
	width:380px;
	margin:auto;
	position:absolute;
	top:-50px;
	left:0;
	right:0;
}

.btn3{
	width:380px;
	margin:40px auto;
	position:relative;
}

.btn4{
	width:380px;
	margin:0px auto;
	position:relative;
	top:-40px;
}

.btn5{
	width:380px;
	margin:40px auto;
	position:relative;
	top:0px;
}
.btn1 a img,
.btn2 a img,
.btn3 a img,
.btn4 a img,
.btn5 a img{
	width:100%;
}


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


/* contact_area
====================================================*/

.contact_area2{
	background:#FFCCCC;
	position:relative;
	width:100%;
	padding-bottom:30px;
}

.contact_area2 .row{
	width:98%;
	margin:0 auto;
}

.contact_area2 .row p{
	display:inline-block;
	font-size:1.4rem;
	line-height:2rem;
	padding:2%;
	color:#663300;

}
.contact_area2 .row p font{
	display:inline-block;
	float:right;
}



.wpcf7 input{
	font-size:1.3rem;
	line-height:2rem;
	width:98%;
	border:none;
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:1px 1px 1px #ddd inset;
	padding-left:2%;
	font-weight:normal;
}
.wpcf7 select{
	font-size:1.1rem;
	line-height:2rem;
	border:none;
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:1px 1px 1px #eee inset;
	font-weight:normal;
}

.contact_area2 .row p.col1{
	width:26%;
	font-weight:bold;
font-size:0.9rem;
}
.contact_area2 .row p.col2{
	width:58%;
	font-weight:normal;
}
.check{
	width:100%;
	text-align:center;
	margin:30px 0;
}
.wpcf7 .check input[type="checkbox"]{
	width:25px;
	borer:none;
	box-shadow:none;
	border-radius:none;
}
.wpcf7 .check label{
	cursor:pointer;

}
.sub{
	margin-bottom:30px;
}

.wpcf7 .sub input[type="submit"]{
	display:block;
	width:40%;
	padding:1%;
	margin:0 auto;
	background:#fff;
	box-shadow:none;
	border:1px solid #fff;
	color:#4d4d4d;
	cursor:pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
	text-decoration:none;
}

.wpcf7 .sub input[type="submit"]:hover{
	border:1px solid #8d8d8d;
	color:#8d8d8d;

}
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: pink;
}

}