@charset "UTF-8";


/* -------------------------------------------------

LINEWORKS

------------------------------------------------- */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-weight: 400;
}

/* slider
================================================== */
.main_photo {
 width: 1140px;
 margin: 30px auto 70px;
	position:relative;
}
.main_photo h2 {
	margin: 0;
}

@media screen and (min-width: 899px) and (max-width: 1160px) {
.main_photo	{
 width: 100%;
}
}
@media screen and (max-width: 898px)  {
.main_photo	{
 width: 100%;
}
}
@media screen and (max-width: 768px)  {
.main_photo	{
 width: 100%;
	margin: 30px auto 50px;
}
}

/*  
================================================== */
.lw_wrp	{
	width: 1080px;
 margin: 0px auto 60px !important;
}
@media screen and (max-width: 1140px)  {
.lw_wrp	{
 width: 95%;
}
}
@media screen and (max-width: 768px)  {
	.lw_wrp	{
 width: 93%;
	/*padding:30px 0 0px;*/
}
}

.lw_wrp > h3	{
	width:100%;
	font-size:28px;
	text-align:center;
	margin:0 auto 30px;
	position: relative;
}
.lw_wrp > h3.midashi	{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:26px !important;
	font-weight: 500;
	margin:0 auto 30px;
	position: relative;
}
@media screen and (max-width: 768px)  {
.lw_wrp h3	{
	font-size:20px;
	margin:0 0 10px;
}
.lw_wrp > h3:before {
  bottom: -15px;
  width: 30px;
  height: 2px;
}
.lw_wrp > h3.midashi	{
	font-size:22px !important;
}

}
@media screen and (max-width: 480px)  {
.lw_wrp h3	{
	font-size:18px;
	text-align:left;
}
.lw_wrp > h3.midashi	{
	margin:0 auto 20px;
	font-size:18px !important;
}
}

.lw_inner	{
	width:100%;
	margin: 0 auto 30px;
 box-sizing: border-box;
}
@media screen and (max-width: 768px)  {
.lw_inner:first-child	{
	margin: 30px auto;
}
}
@media screen and (max-width: 480px)  {

}

.lw_inner > h4	{
	width:100%;
	font-weight: 400;
	font-size:20px;
	background-color:#0D9DC0;
	color:	#FFFFFF;
 padding: 12px 10px 12px 20px;
	margin: 0 auto 30px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.lw_inner >	h4.catchcopy	{
	color:#0B8BB0;
	text-align: left;
 font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-weight: 600;
	font-size:24px;
	line-height:1.5;
	margin:0 auto 15px;
	padding: 0;
	background-color:#fff;
	width: 95.5%;
}
@media screen and (max-width: 898px)  {
.lw_inner > h4	{
	font-size:18px;
 padding: 12px 10px;
	}
}
@media screen and (max-width: 768px)  {
.lw_inner >	h4.catchcopy	{
	font-size:18px;
	text-align: left;
	line-height:1.5;
	margin:0 0 15px;
}
}


.lw_inner > p	{
	line-height: 2;
}

.lw_inner > p a	{
	color:#228CAB;
	text-decoration: underline;
}
.lw_inner > p a:hover	{
	color:#228CAB;
	text-decoration: none;
}
@media screen and (max-width: 768px)  {
.lw_inner > p	{
	width: 95%;
 margin: 0px auto;
	font-size: 14px;
	line-height: 180%;
}
}

/* 区切り線
================================================== */
.line_LW {
	width: 90%;
	margin: 100px auto;
	border-bottom: 3px solid #eee;
}
.line_LW02 {
	width: 90%;
	margin: 50px auto;
	border-bottom: 3px solid #eee;
}
@media screen and (max-width: 768px)  {
.line_LW {
	margin: 60px auto;
}
.line_LW02 {
	margin: 30px auto;
}
}
@media screen and (max-width: 480px)  {
.line_LW {
	margin: 40px auto;
}
.line_LW02 {
	margin: 20px auto;
}
}


/* 位置
================================================== */
.left {
	text-align:left !important;
}
.center_LW {
	text-align:center !important;
}

/*  枠
================================================== */
.waku	{
	padding: 40px;
	border: 3px solid #219618;
	border-radius: 10px;
}
@media screen and (max-width: 768px)  {
.waku	{
	padding: 30px;
}
}
@media screen and (max-width: 480px)  {
.waku	{
	padding: 20px;
}
}

/*  文字サイズ
================================================== */
.fs18px	{
	font-size: 18px !important;
}
.fs24px	{
	font-size: 24px !important;
}
@media screen and (max-width: 768px)  {
.fs24px	{
	font-size: 20px !important;
}
}
@media screen and (max-width: 480px)  {
.fs18px	{
	font-size: 16px !important;
}
.fs24px	{
	font-size: 18px !important;
}
}


/*  提供方法
================================================== */
.lw_offer	{
	width:980px;
	margin: 30px auto;
 box-sizing: border-box;
	background:#EDEDB9;
	border-radius:5px;
	padding: 30px 100px;
}
.lw_offer > dl{
	margin:0;
	padding:0;
	border: none;
}
.lw_offer > dl dt	{
	text-align:left;
	font-weight:normal;
 width: 100px;
	padding:2px 10px 2px 0;
 margin: 0;
	box-sizing: border-box;
	float: left;
 clear: both;
	border: none;
	font-weight: bold;
}
.lw_offer > dl dd	{
 margin-left: 100px;
	padding:2px 0 2px 0px;
	width:	auto;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
}
.lw_offer > dl dd > div	{
	font-weight:normal !important;
	font-size: 14px;
	margin-top: 10px;
	padding-left: 10px;
}
@media screen and (min-width: 899px) and (max-width: 1080px) {
.lw_offer	{
 width: 98%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.lw_offer	{
	width: 100%;
}
}
@media screen and (max-width: 768px)  {
.lw_offer	{
	margin: 20px auto;
	padding: 20px 50px;
}
	.lw_offer > dl{
	margin:0;
	padding:0;
}
.lw_offer > dl dt	{
	font-size: 14px;
}
.lw_offer > dl dd	{
	font-size: 14px;
}
}
@media screen and (max-width: 568px)  {
.lw_offer	{
	margin: 20px auto;
	padding: 20px;
}
.lw_offer > dl dt	{
 width: 100%;
	float: none;
}
.lw_offer > dl dd	{
 margin-left: 0px;
}
}



/*  機能一覧他
================================================== */
ul.tab {
	width:100%;
	margin-bottom:20px;
	border-bottom: 3px solid #219618;
	position: relative;
 list-style: none;
}
ul.tab li {
 float: left;
 margin-right: 5px;
	margin-bottom: 3px;
 padding: 13px 10px 10px;
 background-color:#E0E0E0;
 color: #666;
 cursor: pointer;
	width: 20%;
	text-align: center;
	font-weight: bold;
}
ul.tab li:hover {
 color: #219618;
	background-color: #D2E9D1;
}
ul.tab li.active {
 background-color:#219618;
	margin-bottom: 0px !important;
	padding: 13px 10px 14px;
 color: #fff;
}
ul.tab li.active:hover {
 color:#D2E9D1;
}
div.tabContent {
 clear: both;
 width: 100%;
 display: none;
	padding: 10px;
}
div.tabContent a {
	text-decoration: underline;
	color: #219618;
	font-weight: bold;
}
div.tabContent a:hover {
	text-decoration: none;
}
div.active {
 display: block;
}

@media screen and (max-width: 768px)  {
ul.tab li,
div.tabContent {
	font-size: 14px;
}
}
@media screen and (max-width: 480px)  {
ul.tab li {
	width: 30%;
	margin-right: 5px;
}
ul.tab li:last-child {
	margin-right: 0px !important;
}
}


/*  ボタン
================================================== */
.D_Btn03 {	text-align:center;}
.D_Btn03::after {
 content: "";
 display: block;
 clear: both;
}
.D_Btn03 a {
	display:	inline-block;
	position: relative;
	border-radius: 30px;
	padding: 15px 20px;
	text-decoration: none;
	font-size: 18px;
	text-align:center;
}
.D_Btn03 a::before {
	display: block;
	content: "";
	position: absolute;
	width: 23px;
 height: 23px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.D_Btn03 a::after {
	display: block;
	content: "";
	position: absolute;
	top: 54%;
	left: 26px;
	width: 8px;
	height: 8px;
	margin: -6px 0 0 0;
}
.D_Btn03 a {
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	color:#fff;
	background-color:#219618;
	border:1px solid	#219618;
	width:600px;
	margin:30px auto;
}
.D_Btn03 a::before {
 background: #fff;
	border:1px solid	#fff;
}
.D_Btn03 a::after {
	border-top: solid 2px #219618;
	border-right: solid 2px #219618;
	-webkit-transform: rotate(45deg);
									transform: rotate(45deg);
}
.D_Btn03 a:hover {
	background-color: #fff;
	border:1px solid	#666;
	color:#333;
	-webkit-transition: all .3s;
 							 transition: all .3s;
}
.D_Btn03 a:hover::before {
 background: #fff;
	border:1px solid #666;
}
.D_Btn03 a:hover::after {
	border-top: solid 2px #666;
	border-right: solid 2px #666;
	-webkit-transform: rotate(45deg);
									transform: rotate(45deg);
}
@media screen and (max-width: 768px)  {
.D_Btn03 {	text-align:center;}
.D_Btn03 a {
	font-size:	15px;
	width:90%;
	padding: 15px;
	margin: 30px auto;
}

	.D_Btn03 a::before {
	display: block;
	content: "";
	position: absolute;
	width: 20px;
 height: 20px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.D_Btn03 a::after {
	display: block;
	content: "";
	position: absolute;
	top: 55%;
	left: 20px;
	width: 6px;
	height: 6px;
	margin: -6px 0 0 0;
}
}
@media screen and (max-width: 414px)  {
.D_Btn03 {	text-align:center;}
.D_Btn03 a {
	width: 100%;
	font-size: 14px;
}
}


/*  機能紹介
================================================== */
.LW_function {
	display: flex;
	flex-flow: row wrap;
	margin: 30px 0;
}
.LW_function > div	{
	width: calc(50% - 33px);
 margin:0 60px 40px 0;
	box-sizing: border-box;
	position: relative;
	border: 2px solid #219618;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 6px 6px 0px 1px #219618;
	padding: 25px;
	display: flex;
	flex-direction: column;
}

.LW_function > div:nth-child(2n) {
 margin:0 0 40px;
}
.LW_function > div h3	{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 20px !important;
	color: #219618;
	/*margin: 0;*/
	margin-bottom: 15px;
}
.LW_function > div h3 span	{
	display: block;
	font-size: 20px !important;
	margin-top: 20px;
}
.LW_function > div strong	{
margin-bottom: 10px;
}
.LW_function > div p	{
	/*flex-grow: 1;*/
	flex-grow: 0;
	line-height: 2;
}
.LW_function > div ol	{
	margin: 0;
	padding: 0;
	list-style: none;
}
.LW_function > div li	{
	margin: 0 0 10px;
	text-indent: -1em;
 padding-left: 1em;
}
@media screen and (max-width: 898px)  {
.LW_function > div	{
	width: calc(50% - 23px);
 margin:0 40px 40px 0;
}
}
@media screen and (max-width: 768px)  {
.LW_function > div	{
	width: 100%;
 margin:0 0 30px;
}
.LW_function > div:nth-child(2n) {
 margin:0 0 30px;
}
}
@media screen and (max-width: 480px)  {
.LW_function > div	{
	border: 2px solid #219618;
	border-radius: 14px;
	box-shadow: 3px 3px 0px 1px #219618;
	padding: 25px 15px;
}
.LW_function > div p	{
	font-size: 14px;
	line-height: 1.7;
}
.LW_function > div h3	{
	font-size: 18px !important;
	margin-bottom: 10px;
}
.LW_function > div h3 span	{
	font-size: 16px !important;
	margin-top: 10px;
}
.LW_function > div li	{
	font-size: 14px;
}

}

/*  機能紹介2
================================================== */
.LW_function02 {
	display: flex;
	flex-flow: row wrap;
	margin: 30px 0;
}
.LW_function02 > div	{
	width: calc(50% - 33px);
 margin:0 60px 40px 0;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
}
.LW_function02 > div:nth-child(2n) {
 margin:0 0 40px;
}
.LW_function02 > div .Waku	{
	border: 2px solid #219618;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 6px 6px 0px 1px #219618;
	margin: 0 !important;flex-grow: 1;	padding: 25px;

}
.LW_function02 > div .Waku h3	{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 20px !important;
	color: #219618;
	margin: 0;
	margin-bottom: 15px;
}
.LW_function02 > div .Waku h3 span	{
	display: block;
	font-size: 20px !important;
	margin-top: 20px;
}
.LW_function02 > div .Waku strong	{
margin-bottom: 10px;
}
.LW_function02 > div .Waku p	{
	/*flex-grow: 1;*/
	
	line-height: 2;
}
.LW_function02 > div .Waku ol	{
	margin: 0;
	padding: 0;
	list-style: none;
}
.LW_function02 > div .Waku li	{
	margin: 0 0 10px;
	text-indent: -1em;
 padding-left: 1em;
}
@media screen and (max-width: 898px)  {
.LW_function02 > div	{
	width: calc(50% - 23px);
 margin:0 40px 40px 0;
}
}
@media screen and (max-width: 768px)  {
.LW_function02 > div	{
	width: 100%;
 margin:0 0 30px;
}
.LW_function02 > div:nth-child(2n) {
 margin:0 0 30px;
}
.LW_function02 > div:nth-child(3) {
 margin:0;
	margin-bottom: -30px;
}
}
@media screen and (max-width: 480px)  {
.LW_function02 > div	{
	/*padding: 25px 15px;*/
}
.LW_function02 > div .Waku	{
	box-shadow: 3px 3px 0px 1px #219618;padding: 25px 15px;
}
.LW_function02 > div .Waku p	{
	font-size: 14px;
	line-height: 1.7;
}
.LW_function02 > div .Waku h3	{
	font-size: 18px !important;
	margin-bottom: 10px;
}
.LW_function02 > div .Waku h3 span	{
	font-size: 16px !important;
	margin-top: 10px;
}
.LW_function02 > div .Waku li	{
	font-size: 14px;
}

}



/*  補足
================================================== */
.LW_hosoku {
	width: 100%;
	margin: -20px auto 30px;
	display: flex;
	flex-flow: row wrap;
}
.LW_hosoku div {
	width: calc(50% - 33px);
 margin:0 60px 40px 0;
	box-sizing: border-box;
}
.LW_hosoku div:nth-child(2n) {
 margin:0 0 40px;
}
.LW_hosoku div p	{
	/*flex-grow: 0;*/
	line-height: 2;
}
.LW_hosoku div ol	{
	width: 100%;
	margin: 15px 0 0 15px;
	padding: 0;
	list-style: none;
}
.LW_hosoku div li	{
	margin: 0 0 10px !important;
	padding: 0;
}
.LW_hosoku div li .explanation	{
	width: 100%;
	margin: 0;
}
.LW_hosoku div li .explanation p	{
	text-indent: -1em !important;
 padding-left: 1em !important;
	margin-bottom: 0px !important;
}
@media screen and (max-width: 898px)  {
.LW_hosoku div	{
	width: calc(50% - 23px);
 margin:0 40px 40px 0;
}
}
@media screen and (max-width: 768px)  {
.LW_hosoku div	{
	width: 100%;
 margin:0 0 30px;
}
.LW_hosoku div:nth-child(2n) {
 margin:0 0 30px;
}
}
@media screen and (max-width: 480px)  {
.LW_hosoku div li .explanation p	{
	font-size: 14px;
}
}



.LW_hosoku02 {
	width: 100%;
	margin: 30px auto 30px;
}
.LW_hosoku02 p	{
	/*flex-grow: 0;*/
	line-height: 2;
}
.LW_hosoku02 ol	{
	width: 100%;
	margin: 15px 0 0 15px;
	padding: 0;
	list-style: none;
}
.LW_hosoku02 li	{
	margin: 0 0 10px !important;
	padding: 0;
}
.LW_hosoku02 li .explanation	{
	width: 100%;
	margin: 0;
}
.LW_hosoku02 li .explanation p	{
	text-indent: -1em !important;
 padding-left: 1em !important;
	margin-bottom: 0px !important;
}
@media screen and (max-width: 898px)  {
.LW_hosoku02 div	{
	width: calc(50% - 23px);
 margin:0 40px 40px 0;
}
}
@media screen and (max-width: 768px)  {
.LW_hosoku02 div	{
	width: 100%;
 margin:0 0 30px;
}
.LW_hosoku02 div:nth-child(2n) {
 margin:0 0 30px;
}
}
@media screen and (max-width: 480px)  {
.LW_hosoku02 li	{
	font-size: 14px;
}
}

/*  強調
================================================== */
.LW_em {
	font-size: 30px;
	color: #219618;
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 768px)  {
.LW_em {
	font-size: 24px;
}
}
@media screen and (max-width: 480px)  {
.LW_em {
	font-size: 20px;
}
}




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