.main.cc_yanase_char {
	background: url(parts/bk1.svg) center / cover no-repeat fixed;
	section {
		margin-bottom: 6rem;
		> h2 {
			font-size: 1.2rem;
			text-align: center;
			color: #A08801;
		}
	}
	span {
		display: inline-block;
		margin: .3rem 1rem;
	}
}

ul.m_list1 {
	padding: 0 10px;
	list-style: none;
	margin: 0;
	text-align: center;
	li {
		transition: all .3s 0s ease;
		display: inline-block;
		margin: 3vw;
		padding: 0;
		width: 33vw;
		height: 33vw;
		max-width: 180px;
		max-height: 180px;
		cursor: pointer;
		> img {
			object-fit: contain;
			width: 100%;
			height: 100%;
		}
		@media (min-width: 750px) {
			margin: 30px;
			&:hover {
				background: #FFF;
				border-color: #CCC;
				box-shadow: 0 0 12px #DDD;
				border-radius: 10px;
				Transform: scale(1.1);
			}
		}
	}
}

.c_info {
	max-width: 680px;
	line-height: 1.6;
	h3 {
		margin: 0 0 .5rem 0;
		padding-left: 1.3em;
		background: url('parts/info1.svg') left center no-repeat;

	}
	hr {
		border: none;
		display: block;
		height: 10px;
		margin: 1.7rem 0;
		background: url(parts/hr1.svg) center center repeat-x;
	}
	@media (min-width: 640px) {
		padding: 1rem;
	}
}
.i_chara {
	> div:first-child {
		text-align: center;
		margin-bottom: 1.5rem;
	}
	@media (min-width: 640px) {
		display: table;
		> div{
			display: table-cell;
			vertical-align: top;
			&:first-child{
				width:47%;
				padding-right: 2rem;
			}
		}
	}
}
.i_topic {
	> div:first-child {
		margin-bottom: .5rem;
	}
	@media (min-width: 640px) {
		display: table;
		> div{
			display: table-cell;
			vertical-align: top;
			&:first-child{
				width:60%;
				margin-bottom: 0;
				padding-right: 1rem;
			}
		}
	}
}

img {
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-select: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
	pointer-events: none;
}