@charset "utf-8";
.features {
    display: flex; /* Flexboxで横並びにする */
    justify-content: space-between; /* アイテム間に余白を作る */
    align-items: flex-start; /* 上揃えにする */
}

.item {
    padding: 10px; /* アイテムに余白を追加（任意） */
    margin: 10px; /* アイテム間のマージン（任意） */
    background-color: #f0f8ff; /* 視覚的にわかりやすくするための背景色（任意） */
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c8 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c8 h2,
#c8 div {
	text-align: left;
}
#c16 {
	clear: both;
	margin: 20px 0 0 0;
	padding:    ;
}
#c16 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c16 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c17 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c17 h3,
#c17 div {
	text-align: left;
}
#c10 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c10 h3,
#c10 div {
	text-align: left;
}
#c31 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c31 a.itext, #c31 img, #c31 video {
	width: 640px;
	height: 480px;
}
#c31 h3,
#c31 div {
	text-align: left;
}
#c18 {
	clear: both;
	margin: 80px 0 0 0;
	padding:    ;
}
#c18 h2,
#c18 div {
	text-align: left;
}
#c32 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c34 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c34 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c34 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c35 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c35 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c35 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c36 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c36 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c36 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c37 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c37 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c38 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c38 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c38 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c39 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c39 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c39 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c40 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c40 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c40 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c33 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c30 {
	clear: both;
	display: none;
	background-color: #fbf3f5;
	margin: 60px 0 0 0;
	padding: 80px 40px 80px 40px;
}
#c20 {
	clear: both;
	display: none;
	margin:  0 0 0;
	padding:    ;
}
#c20 h2,
#c20 div {
	text-align: left;
}
#c21 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c21 h3,
#c21 div {
	text-align: left;
}
#c22 {
	clear: both;
	display: none;
	margin: 60px 0 0 0;
	padding:    ;
}
#c22 h3,
#c22 div {
	text-align: left;
}
#c23 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c23 h3,
#c23 div {
	text-align: left;
}
#c24 {
	clear: both;
	display: none;
	margin: 60px 0 0 0;
	padding:    ;
}
#c24 h3,
#c24 div {
	text-align: left;
}
#c25 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c25 h3,
#c25 div {
	text-align: left;
}
#c26 {
	clear: both;
	display: none;
	margin: 60px 0 0 0;
	padding:    ;
}
#c26 h3,
#c26 div {
	text-align: left;
}
#c27 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c27 h3,
#c27 div {
	text-align: left;
}
#c29 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
#c2 {
}
#c3 {
}
#c8 {
}
#c16 {
}
#c16 {
}
#c17 {
}
#c10 {
	display: none;
}
#c31 {
}
#c18 {
}
#c32 {
}
#c34 {
}
#c34 {
}
#c35 {
}
#c35 {
}
#c36 {
}
#c36 {
}
#c37 {
}
#c37 {
}
#c38 {
}
#c38 {
}
#c39 {
}
#c39 {
}
#c40 {
}
#c40 {
}
#c33 {
	display: none;
}
#c30 {
	display: none;
	padding: 80px 40px 80px 40px;
}
#c20 {
	display: none;
}
#c21 {
	display: none;
}
#c22 {
	display: none;
}
#c23 {
	display: none;
}
#c24 {
	display: none;
}
#c25 {
	display: none;
}
#c26 {
	display: none;
}
#c27 {
	display: none;
}
#c29 {
	display: none;
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c3 {
}
#c8 {
}
#c16 {
}
#c16 {
}
#c17 {
}
#c10 {
	display: none;
}
#c31 {
}
#c18 {
}
#c32 {
}
#c34 {
}
#c34 {
}
#c35 {
}
#c35 {
}
#c36 {
}
#c36 {
}
#c37 {
}
#c37 {
}
#c38 {
}
#c38 {
}
#c39 {
}
#c39 {
}
#c40 {
}
#c40 {
}
#c33 {
	display: none;
}
#c30 {
	display: none;
	padding: 80px 20px 80px 20px;
}
#c20 {
	display: none;
}
#c21 {
	display: none;
}
#c22 {
	display: none;
}
#c23 {
	display: none;
}
#c24 {
	display: none;
}
#c25 {
	display: none;
}
#c26 {
	display: none;
}
#c27 {
	display: none;
}
#c29 {
	display: none;
}
}