/* PC版
------------------------------------------------*/
@media(min-width:940px){

	*{
		margin:0; padding:0;
	}

	a{
		text-decoration: none;
	}

	img{
		border:none;
	}

	#content{
		margin: 0;
	}

	ul,ol{
		list-style-type:none;
	}

	.clearMe{
		clear:both;
	}

	/*clearfix*/
	.clearfix:after{
		clear:both;
	}

	/*Hides from MacIE \*/
	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	}
	/*Hides from MacIE */

	/* グローバルナビ
	------------------------------------------------*/
	.globalNav a:nth-child(4) {
		background-color: #666;
		color: #fff;
	}

	/*****contents*****/

	#kireimama{
		margin: 0 auto; 
		width:940px;
		color:#1f282f;
		font-size:14px;
		line-height:26px;
		letter-spacing:normal;
		background: url(../img/sp_kireiMama_bgImg.png) repeat;
		padding-bottom: 38px;
	}

	#kireimama a{
		text-decoration:underline;
	}

	#kireimama a:hover{
		text-decoration:none;
	}
		
	#kireimama h1{
		margin: 0;
	}

	#kireimama .navi{
		height:106px;
	}

	#kireimama .navi ul {
		display: flex;
		gap: 38px;
		justify-content: center;
		padding: 0;
		margin: 0 30px;
	}

	#kireimama .navi li:first-of-type{
		margin-left: -70px;
	}

	#kireimama .navi .naviImg{
		display: block;
		height: 106px;
		transition: 0.3s ease;
	}

	#kireimama .navi .imgover1{
		width: 292px;
		background-image: url('../img/navi_01.jpg');
		background-repeat: no-repeat;
	}

	#kireimama .navi .imgover1:hover{
		background-image: url('../img/navi_01_o.jpg');
	}

	#kireimama .navi .imgover2{
		width: 240px;
		background-image: url('../img/navi_02.jpg');
		background-repeat: no-repeat;
	}

	#kireimama .navi .imgover2:hover{
		background-image: url('../img/navi_02_o.jpg');
	}

	#kireimama .navi .imgover3{
		width: 131px;
		background-image: url('../img/navi_03.jpg');
		background-repeat: no-repeat;
	}
	
	#kireimama .navi .imgover3:hover{
		background-image: url('../img/navi_03_o.jpg');
	}

	#kireimama #what{
		background:url(../img/kireiMama_02.jpg) no-repeat top center;
		height:426px;
	}

	#kireimama #what .txt{
		padding:160px 0 0 425px;
		margin-right:20px;
	}

	#kireimama #why{
		background:url(../img/kireiMama_03.jpg) no-repeat top center;
		height:258px;
	}

	#kireimama #why .txt{
		padding:160px 0 0 240px;
		margin-right:20px;
	}

	#kireimama #reason img{
		width: 260px;
		box-shadow: 2px 2px 4px #ccc;
	}

	#kireimama #reason ul{
		display: flex;
		justify-content: center;
	}

	#kireimama #reason li{
		width: 260px;
		padding: 10px 20px 0 20px;
	}

	#kireimama #review .review01, #kireimama #review .review02, #kireimama #review .review03{
		position: relative;
	}

	#kireimama .tape{
		position: absolute;
		width: 160px;
		left: 24%;
	}

	#kireimama #review .tape01{
		top: -35px;
		transform: rotate(-5deg);
	}

	#kireimama #review .tape02{
		top: -35px;
		transform: rotate(3deg);
	}

	#kireimama #review .tape03{
		top: -35px;
		transform: rotate(-8deg);
	}

	#kireimama #review ul{
		overflow: hidden;
		display: flex;
		gap: 10px;
		justify-content: center;
		padding-bottom: 10px;
	}

	#kireimama #review li{
		width: 250px;
		padding: 20px;
		background-color: #fff;
		height: 100%;
		box-shadow: 2px 2px 4px #ccc;
	}

	#kireimama #review li.review01{
		margin-top: 50px;
		padding-bottom: 60px;
	}

	#kireimama #review li.review02{
		margin-top: 20px;
		padding-bottom: 50px;
	}

	#kireimama #review li.review03{
		margin-top: 60px;
		padding-bottom: 20px;
	}

	#kireimama #review .reviewTitle{
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: normal;
		font-size: 16px;
		margin-bottom: 12px;
	}

	#kireimama #review .reviewTitle img{
		width: 100px;
		border-radius: 100px;
	}

	#kireimama #join{
		background:url(../img/kireiMama_11.jpg) no-repeat top center;
		height:490px;
	}

	#kireimama #join .txt{
		padding:320px 0 0 330px;
	}

	#kireimama #contact{
		background:url(../img/kireiMama_12.jpg) no-repeat top center;
		height:188px;
	}

	#kireimama #contact .btn{
		padding:30px 0 0 198px;

	}
	/********************/
}


/* スマホ版
------------------------------------------------*/
@media(max-width:940px){

	*{
		box-sizing: border-box;
		text-align: justify;
		color: #333;
		font-size: 15px;
	}

	body{
		margin: 0;
	}

	#main{
		max-width: 500px;
		width: 100%;
	}

	#main img{
		width: 100%;
		height: auto;
	}

	#content{
		margin: 0 !important;
	}

	p{
		font-size: 15px;
	}

	.br_sp{
		display: block;
		margin-bottom: 8px;
	}

	.bt20{
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}

	body{
		background: url(../img/sp_kireiMama_bgImg.png) repeat;
	}

	#kireimama h1{
		margin: 0;
	}

/* what
------------------------------------------------*/
	#what{
		text-align: center;
		padding: 0 19px;
	}

	#what .spTopImg{
		max-width: 350px;
		margin-top: 12px;
	}

	#what .txt{
		text-align: center;
		font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
		line-height: 1.8;
		margin: 38px 0;
	}

	#what .br_sp{
		text-align: center;
		margin: 0;
	}

	#why .txt{
		padding: 0 19px;
	}

	#kireimama #reason{
		background-size: 500px;
		max-width: 500px;
		width: 100%;
	}

	#reason{
		padding: 38px 19px 19px 19px;
		text-align: center;
	}

	#kireimama #reason ul{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 38px;
		margin: 0;
		padding: 0;
	}

	#kireimama #reason li{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		list-style: none;
	}

	#kireimama #reason img{
		max-width: 350px;
	}

	#kireimama #review{
		padding: 0 19px;
	}

	#kireimama #review ul{		
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 38px;
		justify-content: center;
		padding: 38px 0;
		margin: 0;
	}

	#kireimama #review li{
		padding: 20px;
		background-color: #fff;
		max-width: 350px;
		height: 100%;
		box-shadow: 2px 2px 4px #ccc;
		list-style: none;
	}
	
	#kireimama #review .reviewTitle{
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: normal;
		font-size: 16px;
		margin-bottom: 12px;
	}

	#kireimama #review .reviewTitle img{
		width: 100px;
		border-radius: 100px;
	}

	#kireimama #review .review01, #kireimama #review .review02, #kireimama #review .review03{
		position: relative;
	}

	#kireimama .tape{
		position: absolute;
		width: 160px;
		left: 25%;
	}

	#kireimama #review .tape01{
		top: -35px;
		transform: rotate(-5deg);
	}

	#kireimama #review .tape02{
		top: -35px;
		transform: rotate(3deg);
	}

	#kireimama #review .tape03{
		top: -35px;
		transform: rotate(-8deg);
	}

	footer p{
		margin: 0;
	}

}