@charset "utf-8";
.philosophy-section {
    display: flex;
    flex-direction: column; /* 縦に並べる */
    align-items: center;    /* 中央に揃える */
    text-align: center;     /* テキストを中央揃え */
}

.philosophy-section .japanese-title {
    font-size: 2rem;        /* 製品開発理念のフォントサイズ */
    margin-bottom: 10px;    /* 下の英語との間隔を調整 */
}

.philosophy-section .english-title {
    font-size: 1.5rem;      /* Product Development Philosophyのフォントサイズ */
    margin-top: 0;          /* 日本語のタイトルに近づける */
    color: #888;            /* 英語のテキストを少し薄い色に設定（オプション） */
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 h1,
#c3 div {
	text-align: center;
}
#c2 {
	clear: both;
	margin: 10px 0 0 0;
	padding:    ;
}
#c1 {
	clear: both;
	margin:    ;
	padding: 100px 0 0 0;
}
#c1 h2,
#c1 div {
	text-align: left;
}
#c4 {
	clear: both;
	margin:    ;
	padding: 50px 0 0 0;
}
#c4 h3,
#c4 div {
	text-align: left;
}
#c24 {
	clear: both;
	display: none;
	margin:    ;
	padding: 50px 0 0 0;
}
#c24 h3,
#c24 div {
	text-align: left;
}
#c11 {
	clear: both;
	margin:    ;
	padding: 80px 0 0 0;
}
#c5 {
	clear: both;
	display: none;
	background-color: #eeeeee;
	margin:    ;
	padding: 100px 40px 100px 40px;
}
#c9 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c7 h2,
#c7 div {
	text-align: left;
}
#c8 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c8 a.itext, #c8 img, #c8 video {
	width: 680px;
	height: 453px;
}
#c6 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c10 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c16 {
	clear: both;
	display: none;
	margin:    ;
	padding: 80px 0 0 0;
}
#c12 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c13 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c13 h2,
#c13 div {
	text-align: left;
}
#c14 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c14 a.itext, #c14 img, #c14 video {
	width: 680px;
	height: 453px;
}
#c15 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c23 {
	clear: both;
	display: none;
	margin:    ;
	padding: 80px 0 0 0;
}
#c17 {
	clear: both;
	display: none;
	background-color: #eeeeee;
	margin:    ;
	padding: 100px 40px 100px 40px;
}
#c18 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c19 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c19 h2,
#c19 div {
	text-align: left;
}
#c20 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c20 a.itext, #c20 img, #c20 video {
	width: 680px;
	height: 453px;
}
#c21 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c22 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c3 {
}
#c2 {
}
#c1 {
	padding: 50px 0 0 0;
}
#c4 {
	padding: 30px 0 0 0;
}
#c24 {
	display: none;
	padding: 30px 0 0 0;
}
#c11 {
	padding: 50px 0 0 0;
}
#c5 {
	display: none;
	padding: 50px 20px 50px 20px;
}
#c9 {
}
#c7 {
}
#c8 {
}
#c6 {
}
#c10 {
}
#c16 {
	display: none;
	padding: 50px 0 0 0;
}
#c12 {
	display: none;
}
#c13 {
	display: none;
}
#c14 {
	display: none;
}
#c15 {
	display: none;
}
#c23 {
	display: none;
	padding: 50px 0 0 0;
}
#c17 {
	display: none;
	padding: 50px 20px 50px 20px;
}
#c18 {
	display: none;
}
#c19 {
	display: none;
}
#c20 {
	display: none;
}
#c21 {
	display: none;
}
#c22 {
	display: none;
}
}
@media screen and (max-width: 640px) {
#c3 {
}
#c2 {
}
#c1 {
	padding: 30px 0 0 0;
}
#c4 {
	padding: 30px 0 0 0;
}
#c24 {
	display: none;
	padding: 30px 0 0 0;
}
#c11 {
	padding: 30px 0 0 0;
}
#c5 {
	display: none;
	padding: 50px 20px 50px 20px;
}
#c9 {
}
#c7 {
}
#c8 {
}
#c6 {
}
#c10 {
}
#c16 {
	display: none;
	padding: 30px 0 0 0;
}
#c12 {
	display: none;
}
#c13 {
	display: none;
}
#c14 {
	display: none;
}
#c15 {
	display: none;
}
#c23 {
	display: none;
	padding: 30px 0 0 0;
}
#c17 {
	display: none;
	padding: 50px 20px 50px 20px;
}
#c18 {
	display: none;
}
#c19 {
	display: none;
}
#c20 {
	display: none;
}
#c21 {
	display: none;
}
#c22 {
	display: none;
}
}