@charset "UTF-8";


/*--------------------------------------------------------------------------------
　▼ contents01
--------------------------------------------------------------------------------*/

#contents01 {
	width: 1200px;
	margin: 0 auto;
	background-image: url("img/bg01.gif");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	border: 16px solid #e85f9d;
}

#contents01 .inner_box {
	width: 1000px;
  margin: 0 auto;
	background-image: none;
}


#contents01 ul li { vertical-align: top;}
ul.ul04 li {
	width: 23.5%;
	margin-left: 2%;
	padding-bottom: 20px;
}
ul.ul04 li:first-child {
	margin-left: 0;
}
.title01 {
	text-align: center;
	padding: 40px;
}
.title02,
.title03 {
	padding: 0 0 15px;
}


/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    /*--------------------------------------------------------------------------------
    　▼ 共通　
    --------------------------------------------------------------------------------*/
		#contents01 { width: 90%;}
    #contents01 .inner_box { width: 90%;}
		.tab-block { display: block;}
		

    /*--------------------------------------------------------------------------------
     ▼ contents01
    --------------------------------------------------------------------------------*/
		ul.ul04 li {
			padding-bottom: 15px;
		}

}



/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
  
		.pc-block { display: none;}
		.sp-block { display: block;}
		
    /*--------------------------------------------------------------------------------
    　▼ contents01
    --------------------------------------------------------------------------------*/
		#contents01 {
			border: 5px solid #e85f9d;
			padding: 0;
		}
		.title01 {
			text-align: center;
			padding: 20px 20px;
		}
		ul.ul04 li {
			width: 100%;
			margin-left: 0;
			padding-bottom: 10px;
			text-align: center;
		}
		ul.ul04 li img { width: 100%;}
		.title02 {
			padding: 0 0 15px;
		}
		.title03 {
			padding: 20px 0 15px;
		}


}