@charset "utf-8";


.cm-wrap{

}

.cm-wrap img{
	max-width: 100%;
	height: auto;
}

.cm-menu{
	background: linear-gradient(to right, #EBE9DC, #E6DFB1);
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding:5% 2.5%;
}

.cm-menu-item{
	display: flex;
	flex-wrap: nowrap;
	width:100%;
}
.cm-menu-item:nth-of-type(1){
	flex-direction: row-reverse;
}
.cm-menu-item:nth-of-type(2){
	margin-top:2%;
	margin-bottom:1%;
}
.cm-menu-item:nth-of-type(3){
	margin-left: 6%;
	width: 52%;
}
.cm-menu-item:nth-of-type(4){
	width: 42%;
	flex-direction: column;
	text-align: center;
}
.cm-menu-item:nth-of-type(5){
	margin-top:1%;
	margin-left: 15%;
}
.cm-menu-item:nth-of-type(6){
	margin-top: 2%;
	justify-content: center;
}

.cm-menu-item-ph,.cm-menu-item-txt{
	display: inline-block;
	width: auto;
}

.cm-menu-item:nth-of-type(1) .cm-menu-item-txt{
  margin-top:1%;
  margin-right:3%;
}
.cm-menu-item:nth-of-type(1) .cm-menu-item-ph{
  order: 1;
}

.cm-menu-item:nth-of-type(3) .cm-menu-item-ph{
	margin-right: 3%;
}
.cm-menu-item:nth-of-type(3) .cm-menu-item-txt{
  margin-top:9%;
}

.cm-menu-item:nth-of-type(2) .cm-menu-item-ph{
  order: 2;
}
.cm-menu-item:nth-of-type(2) .cm-menu-item-txt{
  margin-top:2%;
  margin-left:3%;
}

.cm-menu-item:nth-of-type(5) .cm-menu-item-ph{
  margin-right:4%;
}

.cm-menu-item:nth-of-type(6) .cm-menu-item-ph{
  margin-right:4%;
}
.cm-menu-item:nth-of-type(6) .cm-menu-item-txt{
  margin-top:4%;
}


.cm-note{
	margin:32px 16px 0;
	text-align: left;
	font-size:0.8em !important;
	color:#666;
}


.cm-btn{
	margin:47px auto 0;
}
.cm-btn a{
	display: block;
	width:70%;
	margin: auto;
	padding:26px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
	background: #03AFD8;
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
.cm-btn a:hover{
	opacity: 0.8;
}

.cm-attention{
	margin: 54px 1% 0;
	font-size: 0.85em !important;
}






@media only screen and (max-width: 640px) {

	.cm-menu{
		padding:10% 4%;
	}

	.cm-menu-item,
	.cm-menu-item:nth-of-type(1),
	.cm-menu-item:nth-of-type(2),
	.cm-menu-item:nth-of-type(3),
	.cm-menu-item:nth-of-type(4),
	.cm-menu-item:nth-of-type(5),
	.cm-menu-item:nth-of-type(6)
	{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width:100%;
		margin:0;
	}

	.cm-menu-item:nth-of-type(n+2){
		margin-top:15%;
	}

	.cm-menu-item-ph,.cm-menu-item-txt{
		margin:0 !important;
	}
	.cm-menu-item-ph{
	  order: 1 !important;
	  text-align: center !important;
	  width:100% !important;
	}
	.cm-menu-item-txt{
	  order: 2 !important;
	}

	.cm-menu-item:nth-of-type(1) .cm-menu-item-txt{
	  width:100%
	}
	.cm-menu-item:nth-of-type(2) .cm-menu-item-txt{
	  width:90%
	}
	.cm-menu-item:nth-of-type(3) .cm-menu-item-txt{
	  width:75%
	}
	.cm-menu-item:nth-of-type(4) .cm-menu-item-txt{
	  width:85%
	}
	.cm-menu-item:nth-of-type(5) .cm-menu-item-txt{
	  width:100%
	}
	.cm-menu-item:nth-of-type(6) .cm-menu-item-txt{
	  width:85%
	}


	.cm-note{
		margin:15px 0 0;
	}


	.cm-btn{
		margin:30px auto 0;
	}
	.cm-btn a{
		padding: 20px 10px;
		width:100%;
		font-size: 1em;
	}



}