@charset "UTF-8";



/* ----------コンセプト---------- */

/* -----要素----- */

/* 1〜2文目 */

.contents_main ul li:first-child h2 {
	font-size: 23px;
	font-weight: bold;
	line-height: 36px;
	color: #abcd03;
	margin: 0 0 15px 0;
}

/* 3文目 */

.contents_main ul li:last-child {
	width: 500px;
}

.contents_main ul li:last-child span {
	font-size: 12px;
}



/* -----要素と画像の横並び----- */

.contents_main ul,
.index_image {
	display: inline-block;
}



/* -----画像----- */

.index_image {
	float: right;
	transform: rotate(3deg);
}

/* タブレット用無効化 */

.index_image_t {
	display: none;
}



/* ウィンドウ幅が0?479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{



/* ----------コンセプト---------- */

/* -----要素----- */

/* 1文目 */

.contents_main ul li:not(:last-child) h2 {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}

.contents_main ul li:first-child span {
	display: inline-block;
}

/* 2文目 */

.contents_main ul li:last-child {
	width: 100%;
}



/* -----要素と画像の横並び----- */

.contents_main ul,
.index_image {
	display: block;
}



/* -----画像----- */

.index_image_t {
	display: block;
	width: 100%;
	margin: 0 auto 5px;
}

/* PC用無効化 */

.index_image {
	display: none;
}



}