@charset "UTF-8";
/******************************

楽ペン　ランディングページCSS

******************************/

/*page width*/
.page-id-4514 .container {width: 100%;padding: 0;}/*container widthを100%に*/
.page-id-4514 .featured-post {display: none;}/*featured area 非表示*/
.page-id-4514 .col-md-12.page-title-container {display: none;}/*breadcrumb area 非表示*/

/******************************

section 定義

<section class="lp-section">
<section class="lp-section ls-h"> heading
<section class="lp-section lsc"> contents area
<section class="lp-section lsc lsc-1"> 1~x

******************************/
/*section base*/
section.lp-section {padding-left:22%;padding-right: 22%;}

/*section heading*/
section.lp-section.ls-h {position: relative;background: #3dbd85;padding-top: 30px;padding-bottom: 30px;clear: both;}
section.lp-section.ls-h:before{/*下　吹き出し*/
	content: "";
	position: absolute;
	top: 99%;
	left: 50%;
 	margin-left: -15px;
	border: 25px solid transparent;
	border-top: 20px solid #3dbd85;
}
section.lp-section.ls-h h2,
section.lp-section.ls-h h3 { padding: 0;margin: 0;border: none;color: #fff;font-size: 37px;font-family: "Rounded Mplus 1c";line-height: 1.2;margin-left: -3px;font-weight: 400;}/*google fonts 使用*/
section.lp-section.ls-h h2 span {font-family: "Rounded Mplus 1c";line-height: 1.5;}
section.lp-section.ls-h p {margin: 0;color: #fff;font-weight: 500;font-size: 22px;}

@media only screen and (max-width:799px){
	section.lp-section.ls-h h2,
	section.lp-section.ls-h h3{font-size: 25px;}
	section.lp-section.ls-h{padding-top: 10px;padding-bottom: 15px;padding-left: 15px;}
	section.lp-section.ls-h:before {top: 98%;left: 46%;}
	section.lp-section.ls-h p{font-size: 18px;}
}

/*section contents area*/
section.lp-section.lsc {padding-top: 30px;padding-bottom: 30px;}

/*section bg*/
section.lp-section.lsc.lsc-1 {background-image: url(/wp-content/uploads/2018/04/bg-sky.png);}

/*section内 h3*/
section.lp-section.lsc h3 {border: none;padding: 0;margin: 0;}/*reset style*/
section.lp-section.lsc h3{font-family: "Rounded Mplus 1c";line-height: 1.5;}


/*section レスポンシブ*/
@media only screen and (max-width:1730px){/*widthが1840px以下になったら*/
	section.lp-section {padding-left:10%;padding-right: 10%;}
}
@media only screen and (max-width:1360px){/*widthが1360px以下になったら*/
	section.lp-section {padding-left:5%;padding-right: 5%;}
}
@media only screen and (max-width:900px){/*widthが900px以下になったら = mobile */
	section.lp-section {padding-left:10px;padding-right: 10px;}
}

/*非表示*/
.page-id-4514 .mainnav,/*nav menu*/
.page-id-4514 .est-banner,/*est banner*/
.page-id-4514 .head_est,
.page-id-4514 div#estimate-fixed/*est banner fixed*/ {display: none;}