@charset "UTF-8";



/*吉川さんアドバイスで下記文言を追加*/
@media (min-width: 1024px) {
.lp_h2box {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
}
}
/*吉川さんアドバイスで上記文言を追加*/


img{
	 width:100%;
	 }
 
 
/* 下向き▶の*/
.lp_next_mark {
	 width:30px;
	 text-align:center;
	 /*margin:0.5% auto;*/
	 margin:0 auto;
	 padding:0;
}
 
 
/* メイン画像のやつ*/

.main_img {
	width: 100%;
	position: relative;
}

  	.main_section1 {
/*		background: url(images/bg_main.jpg);
*/

background-color:#000;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		
		text-align:center;
		
		
	}
	
/*		.main_section1 .main_logo {
			position: absolute;
			right: 0;
			top: 0;
			text-align:right;
		}	
	
		.main_section1 .main_logo img {
			padding:10px 10px 0 0;
			width: 30%;
			text-align:right;
		}	*/
	
		.main_img .main_section1 h1 {
			padding: 20px 0 0 10px;/* 
			
/*			padding-top: 64px; */
/*			padding-top: 20px;
			margin-left:20px;*/
/*			margin: auto;
*/			z-index: 3;
			
			position: relative;
			z-index: 2;
			
			
			font-size:30px;
						padding-bottom: 40px;
		}
		


		.main_img .main_section1 h1 img {
			width: 70%;
		
		}
		 

 @media screen and (min-width: 480px) {
	/* こちらPC*/
	
 img{
	 width:auto;}
	 
/*	  .lp_next {
	 width:60px;
 }
 */
 
 .lp_next_mark {
	 width:30px;
	 text-align:center;
/*	 margin:2% auto;
*/}
 
 
		.main_img .main_section1 h1 img {
/*			width: 80%;
*/		
		}
		

		
		
/*		 	.main_section1 {
		background: url(images/bg_main.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
*/
		.main_section1 .main_logo img {
/*			padding:10px 0 0 0;*/
			width: 90%;		
			
			}
		
		.main_img .main_section1 h1 {
			padding: 20px 0 0 10px;/* 
			padding-top: 20px;
			margin-left: 20px;
			padding-left:0;
			*/
			padding-bottom:70px;
			width: 100%;
		}
 
 
 
 
 
 }

.lp_mainvisual {
  width: 100%;
  height: 100vh;

}



h2.lp_h2 {
	/*font-size:120%;*/
	font-size:110%;
	
	
	background-color:#26b3b1;
	padding:2% 0 2% 0;
	color:#FFF;
	text-align:center;
	margin: 2% 0 2% 0;
	line-height:150%;
	font-weight:bold;
	
}
.lp_h2box {
	margin-bottom:30px;
		text-align:center;
	line-height:200%;
	font-family:"游ゴシック Medium";
	font-size:200%;
	letter-spacing:0.02em;


}

.lp_color {
	color:#4ecdc4;

}

.lp_strong {
	font-weight:bold;
}

.lp_h2_textbox {
	text-align:center;
		font-size:70%;

	line-height:150%;
	margin:5% 0 5% 0; 
}

.lp_h2_textbox_strong{
	text-align:center;
	font-size:50%;
	font-weight:bold;

}


.lp_read_textbox {
	text-align:center;
	line-height:150%;
	margin:0px 0 20px 0; 	
}

.lp_h2_imgbox {
	
	margin:10px 0 10px 0;
}

.lp_h2_imgbox img{
	width:95%;
}




/*WHITE BGMなら安心！ここから*/

#lp_read {
	margin:5% 5% 20% 5%;
	color:#000;
}
 
 
#lp_read img{
	margin:4% 0 7% 0;
}
 
#lp_read {
	font-size:150%;
	line-height:160%;
	
}

 @media screen and (min-width: 480px) {
 
/*PCの場合ここから*/
#lp_read {
	margin:5% 5% 5% 5%;
}

#lp_read {
	font-size:210%;
	
}

#lp_read img{
	width:60%;
	margin:4% 0 4% 0;

	
}



h2.lp_h2 {
	font-size:180%;
	font-weight:bold;
	background-color:#26b3b1;
	color:#FFF;
	text-align:center;
	padding:0.3% 0 0.3% 0;
	margin: 5% 0 5% 0;
	
}





.lp_h2box {
	margin-bottom:30px;
		text-align:center;
	line-height:200%;
	font-family:"游ゴシック Medium";
	font-size:200%;
	letter-spacing:0.02em;


}


.lp_h2_textbox {
		font-size:110%;

	text-align:center;
	line-height:200%;
	margin:5% 0 5% 0; 
}








.lp_h2_textbox_strong{
	text-align:center;
	font-size:200%;
	font-weight:bold;

}


 
 }


/*WHITE BGMなら安心！ここまで*/



 /*導入実績ここから*/
 #lp_jisseki {
	background-color:#000;
	padding:10% 0% 10% 0%;

	
}

 #lp_jisseki img{
	
}




 
 @media screen and (min-width: 480px) {
	 
	 
	 
	 
/*PCの場合ここから*/
#lp_jisseki {
	background-color:#000;
	padding:5% 0% 5% 0%;
	
}

 #lp_jisseki img{
	
}



.grid_jisseki {
	display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:2fr　1fr　1fr;      /* 横向きのグリッドラインを決める */
    grid-template-rows:1fr  1fr ;         /* 縦向きのグリッドラインを決める */

}

.grid_jisseki_child:nth-child(1) img{
	width:50%;
	
	}


.grid_jisseki_child:nth-child(1) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:right;
	}

.grid_jisseki_child:nth-child(2) {
    grid-column: 2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/

}

.grid_jisseki_child:nth-child(3) {
    grid-column:  3 / 4; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
}

.grid_jisseki_child:nth-child(4) {
    grid-column: 2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/

}

.grid_jisseki_child:nth-child(5) {
    grid-column:  3 / 4; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
}
 }
 /*導入実績ここまで*/










 /*実績事例ここから*/
 
 #lp_jirei {
	margin:50px 0 50px 0;
	}
 

#lp_jirei_voice {
/*	background:#e5e5e5;
	padding:30px 20px 30px 20px;*/

	

	
	}




.jirei_voice_box {	
background:#e5e5e5;
	padding:30px 20px 30px 20px;

	
}



.h2_jirei {
	display:table;

	margin-top:10px;
	padding-bottom:10px;
margin:20px auto;	
	
	line-height:120%;
	width:auto;
	font-weight:bold;
}


.h2_jirei {
	border-bottom:1px solid #000;
	padding-bottom:10px;
	line-height:120%;
}



h2.h2_jirei span{
	font-size:30px;
font-weight:700;

display:block;
color:#6a6456;
}





.h2_jirei span:before{
content:normal;
display:block;
width:80%;
border:none;
padding:0;
margin:0px
}





.flex_jirei {
	display: grid;  
    grid-template-columns:1fr　1fr;      
    grid-template-rows:1fr  1fr  1fr 1fr  1fr  1fr ;         


}

.flex_jirei_child:nth-child(n) {
	margin:0;
	padding:0;
	margin-bottom:5px;


	}


.flex_jirei_child:nth-child(1) {
    grid-column:  1 / 2; 
 	grid-row: 1 / 2;  
	margin-right:5px;

	}

.flex_jirei_child:nth-child(2) {
    grid-column:  2 / 3; 
 	grid-row: 1 / 2;  

	}

.flex_jirei_child:nth-child(3) {
    grid-column:  1 / 2; 
 	grid-row: 2 / 3;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(4) {
    grid-column:  2 / 3; 
 	grid-row: 2 / 3;  

	}

.flex_jirei_child:nth-child(5) {
    grid-column:  1 / 2; 
 	grid-row: 3 / 4;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(6) {
    grid-column:  2 / 3; 
 	grid-row: 3 / 4;  
	}


.flex_jirei_child:nth-child(7) {
    grid-column:  1 / 2; 
 	grid-row: 4 / 5;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(8) {
    grid-column:  2 / 3; 
 	grid-row: 4 / 5;  
	}

.flex_jirei_child:nth-child(9) {
    grid-column:  1 / 2; 
 	grid-row: 5 / 6;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(10) {
    grid-column:  2 / 3; 
 	grid-row: 5 / 6;  
	}
	
.flex_jirei_child:nth-child(11) {
    grid-column:  1 / 2; 
 	grid-row: 6 / 7;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(12) {
    grid-column:  2 / 3; 
 	grid-row: 6 / 7;  
	}

.flex_jirei_child:nth-child(13) {
    grid-column:  1 / 2; 
 	grid-row: 7 / 8;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(14) {
    grid-column:  2 / 3; 
 	grid-row: 7 / 8;  
	}


.flex_jirei_child:nth-child(15) {
    grid-column:  1 / 2; 
 	grid-row: 8 / 9;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(16) {
    grid-column:  2 / 3; 
 	grid-row: 8 / 9;  
	}


	
.flex_jirei::after {
    content:'';
    display: block; 
    clear:both;
}






.flex_jirei a:hover {
  opacity: .7;
  transition: .3s;
}



 @media screen and (min-width: 480px) {
 /* フロートでやってもうまくいかなかったのでグリッド*/
 
 
/* .flex_jirei {
	 display:block;
	 }

.flex_jirei_child:nth-child(n) {
	 float:left;
	margin:0;
	padding:0;
	margin-bottom:5px;


	}
*/

 
 .flex_jirei {
display: flex;     
justify-content:center;   
flex-wrap: wrap;
}
 
.flex_jirei_child:nth-child(n) {
	margin:0;
	padding:0;
	margin:5px 3px  5px 3px;


	}
 

 
 
/* .flex_jirei {
	display: grid; 
    grid-template-columns:1fr 1fr 1fr 1fr;      
    grid-template-rows:1fr 1fr ;        
}
 
.flex_jirei_child:nth-child(n) {
	margin:0;
	padding:0;
	margin-bottom:10px;


	}
 
 .flex_jirei_child:nth-child(n) img {
	margin:0;
	padding:0; }
 
 
 
.flex_jirei_child:nth-child(1) {
    grid-column:  1 / 2; 
 	grid-row: 1 / 2;  
	margin-right:5px;

	}

.flex_jirei_child:nth-child(2) {
    grid-column:  2 / 3; 
 	grid-row: 1 / 2;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(3) {
    grid-column:  3 / 4; 
 	grid-row: 1 / 2;  
	margin-right:5px;
	}

.flex_jirei_child:nth-child(4) {
    grid-column:  4 / 5; 
 	grid-row: 1 / 2;  
	margin-right:0px;
	}

.flex_jirei_child:nth-child(5) {
    grid-column:  1 / 2; 
 	grid-row: 2 / 3; 
	margin-right:5px;
	}


.flex_jirei_child:nth-child(6) {
    grid-column:  2 / 3; 
 	grid-row: 2 / 3;  
	margin-right:5px;
	}


*/
	
	

 }


 /*実績事例ここまで*/


 /*-おすすめ業種別ここから*/
#lp_recommend {
	background-color:#dbfbfb;
	margin:4% 2% 10% 2%;
	padding:2% 1% 10% 1%;
	text-align: center;
	font-family:"游ゴシック Medium";
border-radius:20px;
line-height:150%;
	
/*	font-family:"小塚ゴシック Pr6N M";
*/	
}

#lp_recommend img {
	width:90%;
}



.lp_recommend_storename {
	text-align:center;
line-height:180%;
width:95%;
/*border:1px solid #000;
*/margin:0 auto;

	font-size:60%;

}



.lp_store_nm {
	margin:0 0 0 10px;
	display:inline-block;
	

	}



.lp_recommend_storename a{
		color:#00F;

}
 @media screen and (min-width: 480px) {
	 
	  /*-おすすめ業種別ここから*/
	  /*PCの場合ここから*/
#lp_recommend {
	background-color:#dbfbfb;
	margin:7% 2% 5% 2%;
	padding:2% 2% 5% 2%;
	text-align: center;
	font-family:"游ゴシック Medium";
border-radius:20px;
line-height:150%;
	
/*	font-family:"小塚ゴシック Pr6N M";
*/	
}

	 
	 
#lp_recommend img {
	width:55%;
	margin:20px 20px 30px 20px;

}

.lp_recommend_storename {
		font-size:80%;
		line-height:170%;
		width:80%;
		font-weight:bold;

}



.lp_store_nm {
	margin:0 7px 0 7px ;
	display:inline-block;
	



	}

.lp_recommend_storename a{

/*	リンクだとわかりづらいのでアンダーバーふっかつさせました

text-decoration:none;
*/
}

.lp_recommend_storename a:hover{
/*	color:#26b3b1;
*/
color:#666;
}



 }

.grid_recommend {
	display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr　10fr;      /* 横向きのグリッドラインを決める */
    grid-template-rows:1fr 2fr;         /* 縦向きのグリッドラインを決める */

}


.grid_recommend_child:nth-child(1) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:right;
	margin:0 30px 0 0;
	}


.grid_recommend_child:nth-child(2) {
    grid-column:  2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:left;
		color:#4ecdc4;
		font-size:150%;
/*	font-family:"小塚ゴシック Pr6N M";*/
	font-weight:bold;
	
	}

.grid_recommend_child:nth-child(3) {
    grid-column:  1 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	line-height:180%;
	font-size:70%;
	}


 /*おすすめ業種別ここまで*/

/*WHITE BGMとはここから*/
.grid_about {
	display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:2fr 1fr 2fr ;      /* 横向きのグリッドラインを決める */
    grid-template-rows:1fr 2fr;         /* 縦向きのグリッドラインを決める */

}

.grid_about_child:nth-child(1) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:right;
	}

.grid_about_child:nth-child(2) {
    grid-column:  2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 2/3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	}

.grid_about_child:nth-child(3) {
    grid-column:  3 / 4; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:left;
	}

.lp_about_strong {
		text-align:center;
	font-size:90%;
	font-weight:bold;
	line-height:150%;
	color:#000;
}






@media screen and (min-width: 480px) {
	
/*PCの場合ここから*/


#lp_about img {
	width:90%;
	margin:0 auto;

	}


.lp_about_strong {
		text-align:center;
	font-size:170%;
	font-weight:bold;
	
	line-height:180%;	 
}
}
	
/*WHITE BGMとはここまで*/

/*お店でBGMを流す注意点ここから*/




.lp_h2_wait_textbox {
	font-weight:bolder;
	line-height:150%;	 
	margin:5% 5% 5% 5%;
	font-size:60%;
	color:#000;
	
}

.lp_h2_bad_textbox {
	padding:5% 0 5% 0;
	margin:20% 0 0 0px;
	text-align:center;
	font-size:55%;
	font-weight:bold;
	color:#F00;
	line-height:200%;
	
	
	background-color:#cfcfcf;

}

.lp_h2_bad_textbox span{
	font-size:220%;

}



.lp_caution_waitbox {
	background-image:url(images/sp_bg_stop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain; /*背景全体を表示させる*/
  

  
/*  margin:50px 0 0 0px;
*/


  }





.lp_jiken_box {
/*	padding:3% 5% 3% 5%;
	margin:20px 0 0 0;*/
	padding-top:2%;
	background-color:#717171;
	
}

.lp_jiken_innner {
	padding:10px 0 0 0;
	background-color:#FFF;
	
}


.lp_jiken_imgbox {
	padding:0;
	margin:90px 0 0 0;


}

.lp_jiken_textbox {
		padding:0;
	margin:0;
	font-size:110%;
	font-weight:bold;
	line-height:110%;


}


.lp_jiken_jasrac {
	color:#003b83;
	font-weight:bold;
	line-height:100%;
	
	
}



.lp_sp_jasrac_flexbox {
	display: flex;  
  flex-direction:row;         /* 要素の並び順 */
   align-content:center;      /* 折り返し時の配置指定 */ 
	background-color:#cfcfcf;
	padding:5% 2% 5% 2%;

}

.lp_sp_jasrac_flexbox_child {
	  align-self: center;
}


.lp_sp_jasrac_flexbox_child:nth-child(1) {

	
	}

.lp_sp_jasrac_flexbox_child:nth-child(1) img{
	width:50px;
	margin:0 10px;
	text-align:right;

	
	}
		
	

.lp_sp_jasrac_flexbox_child:nth-child(2) {
	font-size:65%;
	color:#003b83;
	text-align:left;
	line-height:180%;
	font-weight:bold;
	padding:10px 0 10px 0px; 
	}



@media screen and (min-width: 480px) {
	
/*PCの場合ここから*/

#lp_buy_cd {
	background-image:url(images/lp_bg_buy_cd.jpg);
	background-repeat:repeat-x;

	width:100%;
	text-align:center;

	
/*	background-color:#b2b2b2;
*//*position:  relative;
*/}


#lp_buy_cd img {
		width:95%;

	}

#lp_buy_cdimg {
	width:100%;
/*position:  absolute; 
*/
}


#lp_buy_cdimg img{
/*	width:95%;
*/}




.lp_caution_waitbox {
	text-align:center;
	background-image:url(images/bg_stop.jpg);
  background-repeat: no-repeat;
/*  background-position: top center;
*/  margin:120px 0 0 0px;
background-size:contain;



/*background-size: contain; *//*背景全体を表示させる*/
padding:0 0 0 0;

  }





.lp_caution_waitbox img{
	width:80%;
	margin-bottom:20px;
	
}


.lp_h2_wait_textbox {
	font-weight:bold;
	margin:0 0 250px 0px;
	font-size:120%;
	color:#000;
	
}


.lp_h2_bad_textbox {
	background-color:#FFF;
	margin:50px 0 2% 0px;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	color:#F00;
	line-height:200%;

}

.lp_h2_bad_textbox span{
	font-size:180%;

}

.lp_jiken_box {
	text-align:center;
/*	background-color:#c5c5c5;
*/	margin:2% 0 10% 0;
	background-color:#c5c5c5;

/*	padding:3% 5% 3% 5%;
	margin:20px 0 0 0;*/
}

.lp_sp_jasrac_flexbox_child:nth-child(2) {
	font-size:65%;
	color:#003b83;
	text-align:left;
	line-height:200%;
	font-weight:bold;
	padding:10px 0 10px 0px; 
	}



}
	


/*お店でBGMを流す注意点ここまで*/


/*こんな使い方はNGここから*/


.grid_useng {
	display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr;      /* 横向きのグリッドラインを決める */
    grid-template-rows:1fr  1fr 1fr 1fr;         /* 縦向きのグリッドラインを決める */

}

.grid_useng_child {
	margin:10px;
}


.grid_useng_child:nth-child(1) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	}

.grid_useng_child:nth-child(2) {
    grid-column: 1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/

}

.grid_useng_child:nth-child(3) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 3 / 4;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
}

.grid_useng_child:nth-child(4) {
    grid-column: 1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 4 / 5;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/

}

#anshin  img{
	margin:7% 0 7% 0;
}






.flex_useng {
	display: flex;  
	justify-content:space-around; /*全ての要素を均等に配置*/
	flex-direction:column; /*子要素（Flexアイテム）を上から下に配置*/
	align-content:space-around; /*全ての要素を均等に間を空けて配置*/
}


.flex_useng_child {
	margin:10px;
}




@media screen and (min-width: 480px) {
	
/*PCの場合ここから*/

#anshin  img{
	width:75%;
	margin-top:50px;
	
}





.grid_useng {

	
	display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr　1fr;      /* 横向きのグリッドラインを決める */
    grid-template-rows:1fr  1fr ;         /* 縦向きのグリッドラインを決める */
width:90%;
margin:0 0 0 0;
text-align:center;


}


.grid_useng_child {
	margin:10px;
}


.grid_useng_child:nth-child(1) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:right;
	}

.grid_useng_child:nth-child(2) {
    grid-column: 2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:left;

}

.grid_useng_child:nth-child(3) {
    grid-column:  1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:right;
}

.grid_useng_child:nth-child(4) {
    grid-column: 2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:left;

}



.flex_useng {
	display: flex;  
	/*justify-content:space-around; 全ての要素を均等に配置*/
	justify-content:center; 	/*中央揃えで配置*/
	flex-direction:row; /*子要素（Flexアイテム）を上から下に配置*/
	align-content:space-around; /*全ての要素を均等に間を空けて配置*/
	flex-wrap:wrap;
}

.flex_useng_child {
	margin:1%;

}


.flex_useng_child img {
}






}
	







/*こんな使い方はNGここまで*/




/*3つの約束ここから*/

.lp_promise3 {
	background-color:#000;

}
.grid_promise3 {
	background-color:#000;
	background-image:url(images/promise3_02.jpg);
	  background-repeat: no-repeat;
  background-position: top left;
  
  
	display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr　1fr 1fr;      /* 横向きのグリッドラインを決める */
    grid-template-rows:1fr  1fr 1fr;         /* 縦向きのグリッドラインを決める */
	

}

.grid_promise3_child:nth-child(1) {
    grid-column:  1 / 4; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 1 / 2;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	}

.grid_promise3_child:nth-child(2) {
    grid-column: 1 / 2; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:right;
}

.grid_promise3_child:nth-child(3) {
    grid-column:  2 / 3; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/	
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
}

.grid_promise3_child:nth-child(4) {
    grid-column: 3 / 4; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 2 / 3;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	text-align:left;
}

.grid_promise3_child:nth-child(5) {
    grid-column: 1 / 4; /*アイテムの配置位置を「列方向：ライン番号2から3の間」に指定*/		
 	grid-row: 3 / 4;  /*アイテムの配置位置を「行方向：ライン番号1から3の間」に指定*/
	color:#d5b979;

}


.lp_sp_promise3_flexbox {
		display: flex;  
  flex-direction:row;         /* 要素の並び順 */
      justify-content:center; /*横の揃えを中央揃え*/

   align-content:center;      /* 折り返し時の配置指定 */ 
/*   	padding:5% 1% 5% 5%;
*/
text-align:center;
margin:5% auto;

}

.lp_sp_promise3_flexbox_child{
		  align-self: center;

}



.lp_sp_promise3_flexbox_child:nth-child(1) {
	font-size:60%;
	text-align:left;
	line-height:150%;
	font-weight:bold;
	padding:10px 0 10px 0px; 
	}






.lp_sp_promise3_flexbox_child:nth-child(2) img{
	width:80px;

	
	}
		
	

.anshinanzen_box {
	background-color:#000;
	background-image:url(images/sp_bg_onpu.jpg);
	background-repeat: no-repeat;
	background-size: contain; /*背景全体を表示させる*/	
	background-position: bottom left;
	  
	  
/*  background-position: top center;
*/  
	/*width:100%;
	
	
	
	padding:5% 5% 5% 5%; 
	*/
 /*padding:10px 10px 10px 10px; 
 color:#d5b979;
*/  
}

.anshinanzen_box img{
	padding:0 0% 10% 0%;

  
}





#lp_anshinbox {
	margin:5% 2% 2% 2%;
	border:1px solid #000;

}

#lp_anshinbox img{

	margin:5% 2% 2% 2%;
	width:80%;
	
}


@media screen and (min-width: 480px) {

.lp_useng_text {
	font-size:80%;
	
	}


	
/*PCの場合ここから*/
}



/*3つの約束ここまで*/


/*スタートここから*/


#lp_unnecessary_box{
	background-color:#d5e1f3;
border-radius:20px;
margin:10% 3% 3% 3%;
padding:3%;
font-size:70%;
line-height:180%;
font-weight:bold;
color:#000;
	
	
}



.lp_gyoushu_img {
	background-image:url(images/sp_bg_gyoushu.jpg);
	  background-repeat: no-repeat;
	/*background-size: contain;*/ /*背景全体を表示させる*/	
  background-position: bottom center;
  		background-size: contain;
		height:120%;
		padding-bottom:10%;

}







.prayer img{
	width:90%;
	margin-bottom:20px;
	
	
}





 .mitukaru {
font-size:70%;
line-height:150%;
margin:5% 0 20% 0; 
		color:#000;
		padding-bottom:20%;
		font-weight:bold;

	 
	 
 }
 
 
 

.lp_sp_start_flexbox {
		display: flex;  
  flex-direction:row;         /* 要素の並び順 */
      justify-content:center; /*横の揃えを中央揃え*/

   align-content:center;      /* 折り返し時の配置指定 */ 
/*   	padding:5% 1% 5% 5%;
*/
text-align:center;
margin:5% auto;

}

.lp_sp_start_flexbox_child{

}



/*.lp_sp_start_flexboxx_child:nth-child(1) {
	font-size:60%;
	text-align:left;
	line-height:150%;
	font-weight:bold;
	padding:10px 0 10px 0px; 
	}






.lp_sp_promise3_flexbox_child:nth-child(2) img{
	width:80px;

	
	}
		
*/




@media screen and (min-width: 480px) {
	
#lp_unnecessary_box{
	background-color:#d5e1f3;
border-radius:20px;
margin:10% 3% 3% 3%;
padding:3%;
font-size:150%;
line-height:150%;
font-weight:bold;
color:#000;
	
	
}
	
	
	
	
/*PCの場合ここから*/

.start img{
	width:80%;
	
}


.prayer img{
	width:70%;
	
}


 .mitukaru {
font-size:	90%;
line-height:150%;
margin:5% 0 20% 0; 
		color:#000;
		padding-bottom:20%;
		font-weight:bold;

	 
	 
 }
 
 .kochira {
font-size:	140%;
font-weight:bold;
line-height:150%;
color:#000;

 }
 .kochira span{
font-size:	170%;
font-weight:bold;
line-height:150%;

 }


}
	
	
	
	
	
/*スタートここまで*/


/*業種別CDの紹介ここから*/


.lp_footerlink_btn  {
	width:90%;
}

.lp_footerlink_btn a{

background:#26b3b1;	
/*background-image:url(../common/images/navicon_next_white.png);
background-repeat:no-repeat;
background-position:10px center;*/
text-align:center;
color:#fff;
text-decoration:none;
padding:8px 12px 8px 10px;
margin:0 5px 0 10px ;
/*font-size:medium;
*/font-size:80%;
}



.lp_footerlink_btn a:hover {
  opacity: .7;
  transition: .3s;
}





/*こちらPC版*/
#lp_selectmusic{
	margin-top:0px;
	text-align:center;
overflow:hidden;
	font-size:14px;
		line-height:200%;

}

#lp_selectmusic li{

border:1px solid #000;


margin-bottom:10px
}

#lp_selectmusic li a{
/*padding:10px;
*/text-decoration:none;
display:table;
overflow:hidden
}

/*	SP版はこちらを読む*/
#lp_selectmusic li img{
/*	width:100%;*/
width:153px;
height:153px;
float:left;
}

#lp_selectmusic li p{
width:70%;
padding-left:10px;
box-sizing:border-box;


/*font-weight:70;*/
/*color:#4bb3af;*/
display:table-cell;
vertical-align:middle;
		text-align:left;
}

#lp_selectmusic li p span{
	font-weight:bold;
	color:#000;
	

}






@media screen and (min-width: 480px){

.lp_footerlink_btn  {
	width:90%;
}

.lp_footerlink_btn a{

background:#26b3b1;	
/*background-image:url(../common/images/navicon_next_white.png);
background-repeat:no-repeat;
background-position:10px center;*/
text-align:center;
color:#fff;
text-decoration:none;
padding:10px 15px 10px 10px;
margin:0 10px 0 10px ;
font-size:medium;
}




#lp_selectmusic{
		margin-top:2%;

	
overflow:hidden;
width:1010px;
margin-right:-10px
}

#lp_selectmusic li{
float:left;
/*width:190px;
*/

width:48%;
margin-right:10px;
text-align:center
}

#lp_selectmusic li:hover{
background:#4bb3af
}

#lp_selectmusic li:hover a p{
color:#fff!important
}

#lp_selectmusic li a{
display:table
}


/*	PC版はこちらを読む*/
#lp_selectmusic li img{
/*float:none;
*/width:153px;
height:153px;



}

#lp_selectmusic li p{
width:100%;
/*padding-left:0;
*/margin-top:10px;
/*display:block
*/}
	
	
	}
	
	/*業種別CDの紹介ここまで*/




/* ▼モーダル */
.modal__close {
  border: none;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

/* Button */
.link_open {
  cursor: pointer;
}

/* Modal */
.modal {
}
.modal__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.modal__container {
  max-width: 800px;
  max-height: 100vh;
  padding: 30px;
  background-color: #fff;
  overflow-y: auto;
}

.modal__close::before {
	content: "\2715";
	position: absolute;
	top:10px;
	right: 20px;
}
.modal__content {
	display: flex;
}
.modal__contentL {
	width: 55%;
	margin-right: 5%;
}
.modal__contentL img {
	width: 100%;
}
.modal__contentR {
	width: 40%;
}

.modal__content_noimg {
	width: 100%;
}



@media only screen and (max-width: 767px) {
.modal__overlay {
  align-items: flex-start;
}
.modal__container {
	margin: 30px;
	max-height: 80vh;
}
.modal__content {
	display: block;
}
.modal__contentL {
	width: 100%;
	margin-right: 0;
}
.modal__contentR {
	width: 100%;
	margin-top: 10px;
}


.modal__content_noimg{
	width: 100%;
	margin-top: 10px;
}
}

.voice_logo {
	margin-bottom: 20px;
}
.voice_logo img {
	height: 40px;
}

.voice_logo_square {
	margin-bottom: 20px;
}

.voice_logo_square img {
	height: 75px;
}
.modal__contentR h3 {
	font-size: 24px;
	font-weight: bolder;
	margin-bottom: 10px;
}	

.modal__content_noimg h3 {
	font-size: 24px;
	font-weight: bolder;
	margin-bottom: 10px;
}	



.voice_url {
	margin-bottom: 20px;
}	
.modal__contentR dl dt {
	font-weight: bolder;
	margin-bottom: 5px;
}
.modal__contentR dl dd {
	margin-bottom: 10px;
}

.modal__content_noimg dl dt {
	font-weight: bolder;
	margin-bottom: 5px;
}
.modal__content_noimg dl dd {
	margin-bottom: 10px;
}



.modal__content2 {
	margin-top: 10px;
}
.modal__content2 dl dt {
	font-weight: bolder;
	margin-bottom: 5px;
}
	
/* 吹き出し */
.balloon-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 0px;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 3px #4ecdc4;
  box-sizing: border-box;
  border-radius: 10px;
}
.balloon-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}
.balloon-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #4ecdc4;
  z-index: 1;
}
.balloon-top p {
  margin: 0;
  padding: 0;
}

.bgm_comment {
  margin: 1.5em 0 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  background: #f2f2f2;
  border-radius: 10px;
}


/* Animation */
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
/* ▲モーダル */