@charset "UTF-8";


/*--------------------------------------------------------------------
共通
---------------------------------------------------------------------*/
.lp-section-header .lp-section-desc {
	margin-top: 0;
	max-width: 100%;
	font-family: "Noto Sans CJK JP", "Noto Sans Japanese", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
.main .lp-section-header .lp-section-title {
	opacity: 1;
}

/*--------------------------------------------------------------------
スライダー
---------------------------------------------------------------------*/
.lp-slider .ripple-path {
	fill: #fff;
}


/*--------------------------------------------------------------------
about
---------------------------------------------------------------------*/
body.home #main .lp-text h2.lp-text-title {
	display: none;
}
#topabout .wrap {
	max-width: 1100px;
	padding: 50px 30px 150px;
	margin: 0 auto;
}
#topabout .flexbox {
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
#topabout .flexbox .ph {
	position: absolute;
	width: 45%;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	text-align: center;
}
#topabout .flexbox .txt {
	position: relative;
	width: 70%;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 50px 0 35px 60px;
	margin-top: 80px;
	font-size: 18px;
}
#topabout ul {
	margin: 0 0 20px 30px;
}
#topabout .linktxt a {
	background: url(images/linkarrow.png) no-repeat left center;
	padding-left: 26px;
	min-height: 22px;
}


/*--------------------------------------------------------------------
PROBLEM
---------------------------------------------------------------------*/
#wrap_topprob {
	padding-bottom: 80px;
}
#wrap_topprob .wrap {
	position: relative;
	max-width: 1200px;
	margin: 50px auto;
	padding: 200px 20px 0;
}
#wrap_topprob #illust {
	text-align: center;
	z-index: 2;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	margin: auto;
}
#top_nayamilist {
	margin-top: 0;
	z-index: 1;
	position: relative;
	top: -50px;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 1200px;
	background-color: #fff;
	border-radius: 50px;
	padding: 100px 60px 60px;
}
#top_nayamilist .inner {
	display: flex;
	flex-wrap: wrap;
}
#top_nayamilist .listbox {
	width: 50%;
	padding: 0 40px;
}
#top_nayamilist .listbox ul {
	margin: 0;
}
#top_nayamilist .listbox ul li {
	list-style-type: none;
	font-size: 20px;
	margin: 10px 0;
	background: url(images/icon_check01.png) no-repeat left center;
	border-bottom: 2px dashed #dfd799;
	padding: 0 0 10px 34px;
}
/*
#top_nayamilist .listbox ul li:before {
	content: url(images/icon_check01.png);
	margin-right: 10px;
}*/



#prob_btm .tbbox {
	display: table;
	width: 100%;
	margin: 0 auto 50px;
	max-width: 1200px;
	
	width: 96%;
}
#prob_btm .tbbox .td {
	vertical-align: middle;
	display: table-cell;
}
#prob_btm .tbbox .ph {
	width: 40%;
	text-align: center;
	padding: 0 30px 30px;
}
#prob_btm .tbbox .txt {
	width: 60%;
	font-size: 20px;
	font-feature-settings: "palt";
	padding-left: 20px;
}
#prob_btm .tbbox .txt p {
	margin-bottom: 10px;
}
#prob_btm .bnrbox {
	max-width: 1200px;
	margin: 0 auto;
}
#prob_btm .bnrbox ul {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#prob_btm .bnrbox ul li {
	width: 33.3%;
	padding: 0 15px 30px;
	margin: 0;
	float: left;
	list-style-type: none;
}
#prob_btm .bnrbox ul li .inner {
	background-color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
}



/*--------------------------------------------------------------------
WORKS
---------------------------------------------------------------------*/
#topworks .wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 80px;
}
#topworks ul {
	margin: 0 auto 30px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
#topworks ul li {
	list-style-type: none;
	width: 25%;
	margin: 0;
	padding: 0 10px 20px;
}
#topworks ul li .ph {
	border-radius: 50px;
	text-align: center;
	overflow: hidden;
}
#topworks ul li .ph img {
	object-fit: cover;
	height: 280px;
	width: 100%;
}
.main #topworks h3 {
	line-height: 1.5;
	font-size: 17px;
	letter-spacing: 0;
	text-align: center;
}
#topworks .morebtn {
	text-align: center;
}
#topworks .morebtn .inner {
	display: inline-block;
	background-color: #56a34c;
	padding: 10px 80px;
	border-radius: 50px;
}
#topworks .morebtn a {
	color: #fff;
	letter-spacing: 0;
	font-weight: 600;
}


/*--------------------------------------------------------------------
PROMISE
---------------------------------------------------------------------*/
#lp-text-two {
	background-color: #f8f8f8;
}

#topprom .wrap {
	max-width: 1200px;
	padding: 0 20px 50px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
#topprom .wrap .box {
	width: 33.3%;
	padding: 0 10px 30px;
}
#topprom .ph {
	text-align: center;
}
#topprom .txt {
	background-color: #56a34c;
	color: #fff;
	padding: 20px 20px 10px;
	min-height: 430px;
}
#main #topprom .txt h3 {
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin: 0 auto 20px;
	color: #fff;
	line-height: 1.5;
	letter-spacing: 0;
}
#main #topprom .txt p {
	text-align: justify;
	line-height: 1.5;
	margin: 0;
}
#topprom .txt .inner {
}


/*--------------------------------------------------------------------
FLOW
---------------------------------------------------------------------*/
#lp-text-three {
	background-color: #f6f2d3;
}

#topflow .wrap {
	max-width: 1200px;
	padding: 0 20px 80px;
	margin: 0 auto;
}
#topflow .iconbox {
}
#main #topflow .iconbox ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0;
}
#main #topflow .iconbox ul li {
	list-style-type: none;
	margin: 0;
	width: 20%;
	padding: 0 10px 30px;
}

#topcontact {
	background-color: #fff;
	padding: 30px;
}
#topcontact .inner {
	display: table;
	width: 100%;
}
#topcontact .inner .td {
	vertical-align: middle;
	display: table-cell;
}
#topcontact .inner .ph {
	width: 18%;
	text-align: center;
}
#topcontact .inner .txt {
	width: 64%;
	padding: 0 20px;
}
#topcontact .inner .txt p {
	/*text-align: justify;*/
	font-size: 18px;
	margin-bottom: 10px;
}
.main #topcontact .btnbox ul {
	margin: 0;
	text-align: center;
	overflow: hidden;
}
.main #topcontact .btnbox ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
	padding: 10px;
}


/*--------------------------------------------------------------------
BLOG
---------------------------------------------------------------------*/
.lp-box-image::before {
	/*content: url(../../../images/noimg.png);*/
}
.lpbox-rnd8 {
	background-color: #addfab;
}
#lp-boxes-2 {
	padding-bottom: 80px;
}
#lp-boxes-2 .lp-boxes-inside {
	margin-bottom: 0;
	padding-top: 0;
}

#blgtop.morebtn {
	text-align: center;
}
#blgtop.morebtn .inner {
	display: inline-block;
	background-color: #56a34c;
	padding: 10px 80px;
	border-radius: 50px;
}
#blgtop.morebtn a {
	color: #fff;
	letter-spacing: 0;
	font-weight: 600;
}

/*--------------------------------------------------------------------
NEWS
---------------------------------------------------------------------*/
#wrap_topnews {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #f8f8f8;
	background-color: #f3f7ff;
}
#wrap_topnews .lp-section-header {
	margin-top: 0;
}
#wrap_topnews .wrap {
	max-width: 800px;
	width: 60%;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto 50px;
}
div.whatsnew a {
	padding: 10px;
}
div.whatsnew dt {
	margin-left: 0;
	width: auto;
	margin-right: 10px;
}


#wrap_topnews .morebtn {
	text-align: center;
}
#wrap_topnews .morebtn .inner {
	display: inline-block;
	background-color: #56a34c;
	padding: 10px 80px;
	border-radius: 50px;
}
#wrap_topnews .morebtn a {
	color: #fff;
	letter-spacing: 0;
	font-weight: 600;
}