@charset "utf-8";
/* CSS Document */

/* 768px以上 */
@media screen and (min-width : 768px){
	
	.LP_influencer {
		font-size: 16px;
		line-height: 1.8em;
	}
	
	.pc { display: block; }
	.sp { display: none; }	
	
/* header
   ========================================================================== */	
	.LP_influencer header {
		padding-left: 40px; 
	}
	
	.LP_influencer header h1 {
		width: 150px;
		margin: 30px 0 23px;
		float: left;
	}
	
	.LP_influencer navi {
		display: block;
		float: right;
		width: 671px;
		margin-right: 40px;
	}
	

	.LP_influencer navi ul {
		display: inline-block;
		vertical-align: middle;
	}
	
	
	.LP_influencer .mainimagese .pc {
		padding: 0 40px;
		
	}
	

/* introduction
   ========================================================================== */
	.LP_influencer .introduction {
		width: 800px;
		margin:50px auto;
		text-align: left;
		font-size: 16px;
	}

	.LP_influencer .introduction img {
		width: 296px;
		margin:0 0 0 50px;
		float: left;
	}
	
	.LP_influencer .introduction .text {
		float: left;
		margin: 30px 0 0 50px;
	}
	
	
/* privilege
   ========================================================================== */
	.LP_influencer .privilege {
		background: url(../images/privilege_bg.jpg) center top repeat;
		background-size: auto;
		padding:2% 6%; 
	}	
	
	.LP_influencer .privilege .stitle {
		background: #9ff8de;
		border-radius: 30px;
		width: 90px;
		padding: 3px 40px;
		text-align: center;
		margin: 50px auto 15px;
		font-size: 18px;
	}
	
	.LP_influencer .privilege h2 {
		width: 385px;
		margin: 0 auto;
	}
	
	.LP_influencer .privilege .read_text {
		text-align: center;
		font-size: 16px;
		margin: 12px 0 30px;
	}

	.LP_influencer .privilege .box-wrapper {
		width: 1100px;
    	margin: 0 auto;
	}	
	
	.LP_influencer .privilege .box {
		background: #fff;
		border-radius: 20px;
		padding: 20px 17px;
		margin-bottom: 0;
		width: 300px;
		float: left;
	}
	.LP_influencer .privilege .box2nd {
		margin: 0px 40px;
	}

	.LP_influencer .privilege .box h3 {
		font-size: 20px;
		margin: 2% auto 4%;
	}

	.LP_influencer .privilege .box p {	
		margin-top: 5%;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.LP_influencer .privilege .btn,
	.LP_influencer .fqa .btn{
		margin: 3% auto;
		width: 340px;
	}
	
/* fqa
   ========================================================================== */
	.LP_influencer .fqa {
		padding: 2% 6% 6%;
	}

	.LP_influencer .fqa .stitle {
		background: #9ff8de;
		border-radius: 30px;
		width: 126px;
		padding: 3px 40px;
		text-align: center;
		margin: 50px auto 15px;
		font-size: 18px;
	}

	.LP_influencer .fqa h2 {
		width: 407px;
		margin: 0 auto 30px;
	}
	
	.LP_influencer .fqa .box {
		width: 860px;
		border-radius: 20px;
		border: solid 3px #9ff8de;
		padding: 30px;
		margin:0 auto 10px;
	}

	.LP_influencer .fqa .box .question img,
	.LP_influencer .fqa .box .answer img {
		margin-right: 8px;
	}

	.LP_influencer .fqa .box .question {
		margin-bottom: 10px;
		font-size: 20px;
	}
	

	/* form
	   ========================================================================== */
	.LP_influencer .form {
		background: #fff1f3;
		padding: 2% 6% 6%;
	}

	.LP_influencer .form .stitle {
		background: #ffb8c4;
		border-radius: 30px;
		width: 126px;
		padding: 3px 40px;
		text-align: center;
		margin: 50px auto 15px;
		font-size: 18px;
	}
	
	.LP_influencer .form h2 {
		width: 400px;
		margin: 0 auto;
	}

	.LP_influencer .form .read_text {
		text-align: center;
		font-size: 16px;
		margin: 12px 0 30px;
	}
	
	
	.LP_influencer .form .entry-content {
		width:800px;
		margin: 0 auto;
	}
	
	.LP_influencer .form .entry-content .item {
		margin-top: 30px;
		line-height: 1.5em;
	}
	
	.LP_influencer .form .entry-content .item span {
		font-size: 13px;
	}
	
	.LP_influencer .form .entry-content .item .item_free {
		height:250px;
	}
	
	.LP_influencer .form .entry-content .item span .text_radio {
		font-size:18px;
		vertical-align: center;
		margin-right: 10px;
	}
	
	.LP_influencer .form .check-box {
		text-align: center;
		margin-top: 20px;
	}
	
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	width:100%;
	font-size:15px;
	color: #767676;
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    height: 50px;
    padding: 4px 20px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
	
	.form_btn {
    border-color: #ff8a9e;
	position: relative;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    padding: 12px 34px;
    color: #fff;
    text-transform: uppercase;
	border-radius:4px;
	background: #ff8a9e;
	width: 300px;
	margin: 30px 0 0 250px;
	}
	.form_btn:hover {
		background: #fff;
		color: #ff8a9e;	
	}
	
	
/* footer
   ========================================================================== */
	.LP_influencer footer {
		font-size: 13px;
		line-height: 1.5em;
		margin-top: 0px;
	}

	.LP_influencer footer h1 {
		width: 15opx;
		float: left;
		margin:0 50px 0 0;
	}
	
	.LP_influencer footer .box {
		margin: 50px auto;
    	width: 1040px;
	}

	.LP_influencer footer .company {
		float: left;
		padding: 0 0 0 50px;
		border-left: solid 1px #04ac97;
	}

	.LP_influencer footer .company p {
		margin-bottom: 15px;	
	}

	.LP_influencer footer span {
		display: inline-block;
    	font-weight: bold;
    	width: 80px;
	}

	.LP_influencer .copyrite {
		background: #04ac97;
		color: #fff;
		font-size: 10px;
		text-align: center;
		padding: 3px 0;
	}
	
	
	
}