@charset "utf-8";
/* ユースクリニックLP用：ヘッダー、ナビ、バナー、フッターをすべて非表示にする */
header, 
#header, 
.common-header, 
.header-area, 
.top-banner-area, 
footer, 
#footer, 
.footer-area {
    display: none !important;
}

.base-choices {
  list-style-type: none;
  padding-left: 0;
  margin: 1.5rem 0;
}

.base-choices li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.8rem;
}

.base-choices li::before {
  content: "●";
  position: absolute;
  left: 0;
  color: #319795; /* アクセントカラー */
}

.base-concept {
  font-weight: bold;
  margin: 2rem 0;
  padding: 1rem;
  background-color: #f7fafc;
  border-left: 4px solid #319795;
  border-radius: 4px;
}

.base-notes {
  margin-top: 2rem;
  padding: 1.2rem;
  background-color: #fffaf0; /* 少し柔らかい背景色 */
  border-radius: 6px;
  border: 1px solid #feebc8;
}

.base-notes h3 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  color: #c05621;
}

.base-notes ul {
  padding-left: 1.2rem;
  font-size: 0.95rem;
}
#c1 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 h2,
#c3 div {
	text-align: left;
}
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c7 a.itext, #c7 img, #c7 video {
	width: 1195px;
	height: 546px;
}
#c7 h2,
#c7 div {
	text-align: left;
}
#c10 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c14 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c14 a.itext, #c14 img, #c14 video {
	width: 1672px;
	height: 941px;
}
#c14 h2,
#c14 div {
	text-align: left;
}
#c13 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c5 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c5 h3,
#c5 div {
	text-align: left;
}
#c8 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c8 {
	flex-direction: column;
	flex-wrap: wrap;
}
#c8 > div.box {
	border: 1px solid #7fff00;
	box-sizing: border-box;
	overflow: hidden;
}
#c15 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c9 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c9 h3,
#c9 div {
	text-align: left;
}
#c12 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c11 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c11 a.itext, #c11 img, #c11 video {
	width: 300px;
	height: 400px;
}
#c11 h3,
#c11 div {
	text-align: left;
}
#c4 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
#c1 {
}
#c2 {
}
#c3 {
}
#c7 {
}
#c10 {
}
#c14 {
}
#c13 {
}
#c5 {
	display: none;
}
#c8 {
	display: none;
}
#c8 {
}
#c15 {
}
#c9 {
}
#c12 {
}
#c11 {
}
#c4 {
}
}
@media screen and (max-width: 640px) {
#c1 {
}
#c2 {
}
#c3 {
}
#c7 {
}
#c10 {
}
#c14 {
}
#c13 {
}
#c5 {
	display: none;
}
#c8 {
	display: none;
}
#c8 {
}
#c15 {
}
#c9 {
}
#c12 {
}
#c11 {
}
#c4 {
}
}