
#contentsWrap a { }
#contentsWrap a:hover img { opacity: .6}

@media screen and (min-width: 769px) { 
#cm-contentsWrap {
	width: 100%;
	max-width:980px;
	margin:auto
}

#cm-contentsWrap a { display:inline;}

#cm-contentsWrap h1 {
	display:inline-block;
	width: 100%;
	max-width:980px;
	border:1px solid #eb5505
}
#cm-contentsWrap h1 p {
	font-size:1.3rem;
	padding:10px 0 10px 20px;
	color:#eb5505
}
#cm-contentsWrap h2 {
	display:inline-block;
	width: 100%;
	max-width:980px;
	border-bottom:solid 3px #eb5505
}
#cm-contentsWrap h2 p {
	font-size:1.3rem;
	padding:30px 0 15px 20px;
	color:#000
}

#cm-contentsWrap h2 span {
	font-size:1.0rem;
	font-weight: normal;
}

#cm-contentsWrap .cm-menuContainer {
	width: 100%;
	max-width:980px;
	text-align: center;
}
#cm-contentsWrap .cm-menuContainer img {
	/*width: 19%;*/
    width: 24%;
    /* width: 16%; */
    margin-top: 20px;
    margin-right: .5%;
    margin-left: .5%;
}
#cm-contentsWrap .cm-container {
	width:100%;
	text-align:center;
	background-color:#eee
}
#cm-contentsWrap .cm-container .cm-menu {
	float:left;
	width:24.5%;
	min-height:333px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
	color:#fff;
	background-color:#eb5505
}

#cm-contentsWrap .cm-container.cm-container1 .cm-menu {
	/*min-height:410px;*/
}

#cm-contentsWrap .cm-container .cm-menu:hover{ text-decoration: underline;  }

#cm-contentsWrap .cm-container .cm-menu .cm-image {
	background-color:#fff
}
#cm-contentsWrap .cm-container .cm-menu img {
	width:100%;
	height:auto
}
#cm-contentsWrap .cm-container .cm-menu h3 {
	font-size:90%;
	font-weight:700;
	line-height:1.5em;
	min-height:36px;
	margin-top:16px;
	margin-right:14px;
	margin-left:14px
}
#cm-contentsWrap .cm-container .cm-menu p {
	font-size:76%;
	font-weight:400;
	line-height:1.7em;
	margin-top:16px;
	margin-right:14px;
	margin-left:14px;
	/*text-align:justify*/
}
#cm-contentsWrap .cm-container .cm-menu2 {
	margin-left:.6%;
}
#cm-contentsWrap .cm-container .cm-menu3 {
	margin-left:.6%;
}
#cm-contentsWrap .cm-container .cm-menu4 {
	margin-left:.6%;
}

#cm-contentsWrap .cm-container4 .cm-menu3,
#cm-contentsWrap .cm-container4 .cm-menu4 { margin-left: .3%; }

#cm-contentsWrap .cm-container .cm-button_l{
	float:left;
	width: 50%;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px
}
	
#cm-contentsWrap .cm-container .cm-button_r {
	float:left;
	width: 50%;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:20px;
}
	
#cm-contentsWrap .cm-container .cm-button_c {
	margin:auto auto 20px;
	width: 50%;
}
#cm-contentsWrap .cm-container4 .cm-menu h3 {
	min-height:20px
}
#cm-contentsWrap .cm-container5 {
	margin-bottom:30px
}
#cm-contentsWrap .cm-container5 .cm-menu h3 {
	min-height:60px
}
.cm-clearfix {
	clear:both
}
.ml7{ margin-left: 7px!important;}

.photoBox { margin: 20px 0; width: 50.4%; float: left;}
.photoBox img { width: 100%; }

	.nomtPC { margin-top: 0!important;}
}


@media screen and (max-width: 768px) and (min-width: 0px) { 


#cm-contentsWrap {
	width:100%;
	margin:auto;
	text-align:center
}
#cm-contentsWrap a {
	text-decoration:none
}
#cm-contentsWrap h1 {
	display:inline-block;
	width:96%;
	margin:auto;
	text-align:left;
	border:1px solid #eb5505
}
#cm-contentsWrap h1 p {
	font-size:1.3rem;
	padding:15px 0 15px 5%;
	color:#eb5505
}
#cm-contentsWrap h2 {
	display:inline-block;
	width:100%;
	text-align:left;
	border-bottom:solid 5px #eb5505
}
#cm-contentsWrap h2 p {
	font-size:1.2rem;
	padding:6% 0 15px 5%;
	color:#000;
}

#cm-contentsWrap h2#cm6  p,
#cm-contentsWrap h2#cm4  p {
	line-height: 1.1!important;
}

#cm-contentsWrap h2 span {
	font-size:.8rem;
	font-weight: normal;
}

#cm-contentsWrap .cm-menuContainer {
	width:100%;
	margin:30px auto auto 1.5%;
	text-align:left;
}
#cm-contentsWrap .cm-menuContainer img {
	width:47.5%;
	/*width: 31.4%;*/
    margin: 0 .4% .8%;
	height:auto
}
#cm-contentsWrap .cm-menuContainer a { display: inline!important; } 

#cm-contentsWrap .cm-container {
	width:100%;
	background-color:#eee
}
#cm-contentsWrap .cm-container .cm-menu {
	width:46%;
	min-height:300px;
	margin-top:5%;
	text-align:left;
	color:#fff;
	background-color:#eb5505;
	padding-bottom: 5%;
}
#cm-contentsWrap .cm-container.cm-container1 .cm-menu1,
#cm-contentsWrap .cm-container.cm-container1 .cm-menu2{
	/*min-height:480px;*/
}
#cm-contentsWrap .cm-container .cm-menu img {
	width:100%;
	height:auto
}
#cm-contentsWrap .cm-container .cm-menu h3 {
	font-size:85%;
	font-weight:700;
	line-height:1.3em;
	min-height:50px;
	margin-top: 5%;
	margin-right: 5%;
	margin-left: 5%;
}
#cm-contentsWrap .cm-container .cm-menu p {
	font-size:80%;
	font-weight:400;
	line-height:1.5em;
	margin-top: 5%;
	margin-right: 5%;
	margin-left: 5%;
}
#cm-contentsWrap .cm-container.cm-container1 .cm-menu1 p,
#cm-contentsWrap .cm-container.cm-container1 .cm-menu2 p{
	padding-bottom: 5px;
}
#cm-contentsWrap .cm-container .cm-menu1 {
	float:left;
	margin-left:3%;
	margin-right:1%;
}
#cm-contentsWrap .cm-container .cm-menu2 {
	float:right;
	margin-right:3%;
	margin-left:1%;
}
#cm-contentsWrap .cm-container .cm-menu3 {
	clear: both;
	float:left;
	margin-left:3%;
	margin-right:1%;
}
#cm-contentsWrap .cm-container .cm-menu4 {
	float:right;
	margin-right:3%;
	margin-left:1%;
}
#cm-contentsWrap .cm-container .cm-button_c, #cm-contentsWrap .cm-container .cm-button_l, #cm-contentsWrap .cm-container .cm-button_r {
	width:94%;
	height:auto;
	margin:auto
}
#cm-contentsWrap .cm-container .cm-button_l {
	margin-top:6%;
	margin-bottom:3%;
}
#cm-contentsWrap .cm-container .cm-button_r {
	margin-bottom:7%;
}
#cm-contentsWrap .cm-container .cm-button_c {
	margin-top:6%;
	margin-bottom:7%;
}
#cm-contentsWrap .cm-container4 .cm-menu h3 {
	min-height:50px
}
#cm-contentsWrap .cm-container5 {
	padding-bottom:60px
}
#cm-contentsWrap .cm-container5 .cm-menu h3 {
	min-height:80px
}
.cm-clearfix {
	clear:both
}
.photoBox {
	padding: 3%;
	padding-bottom: 0;
}
.photoBox img {
	width: 100%;
}

}

@media screen and (min-width: 769px) { 
	.pc-Hide { display: none; }
	.sp-Hide { display: block; }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
	.pc-Hide { display: block; }
	.sp-Hide { display: none; }
}