/*
クラス名の前に必ず「ill-」とつけてください
例：.ill-example {}
 */
 
 /* support */
/* Media Queries */
@media screen and (max-width: 767px) {
  h2.ill-support{font-size:24px; margin:0 auto 20px auto;}

  .ill-float_support_a {width:95% !important; float:none; vertical-align:top; margin:0px auto 20px; padding:5px; font-size:16px;}
  .ill-float_support_b {width:95% !important; float:none; vertical-align:top; margin:0px auto 20px; padding:5px; font-size:16px;}

  p.ill-supform{width: 95%; margin: -40px auto 20px;padding: 0 5px;}

  .ill-supformtxt{width:95%; margin:0 auto; line-height: 1.7; text-align:center;}
  .ill-supformremark{width:95%; margin:0 auto 70px auto; line-height: 1.7; text-align:left;}
  .ill-supformremark br.ill-pc{display: none;}
  .ill-supteltxt{width:95%; margin:0 auto; line-height: 1.7; text-align:center;}
}
@media screen and (min-width: 768px) {
  h2.ill-support{font-size:32px; margin:0 0 30px 39px;}

  .ill-float_support_a {width: 50% !important; float: left; vertical-align: top; padding: 10px 31px 10px 39px;}
  .ill-float_support_b {width: 50% !important; float: left; vertical-align: top; padding: 10px 39px 10px 31px;}

  p.ill-supform{width: 100%; margin: 5px 0 20px;padding: 0 39px;}

  .ill-supformtxt{width:34%; margin:0 auto; line-height: 1.7; text-align:center;}
  .ill-supformremark{width:93%; border:1px dotted #aaa; margin:0 auto 70px auto; padding: 10px 11% 30px 11%; line-height: 1.7; text-align:left;}
  .ill-supteltxt{width:36%; margin:0 auto; padding:0 50px 0 60px; border-left:1px dashed #000; border-right:1px dashed #000; line-height: 1.7; text-align:left;}
}


/* als */
@media screen and (max-width: 767px) {
	.ill-als_buttons{margin: 20% 0 0 0;}
	.ill-btns{display: block; margin: 0 auto 5%;font-size:16px;text-align:center;}
}
@media screen and (min-width: 768px) {
	.ill-als_buttons{margin: 60px 0 0 0;}
	.ill-btns{display: inline-block; margin: 0 30px 0 0; width: auto; font-size:16px; padding:10px 25px;}
}

/* alsポップアップ（モーダル）のスタイル */
.ill-modal {
    display: none; /* 初期状態では非表示 */
    position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.6); /* 半透明の背景 */
    justify-content: center; align-items: center;
}

.ill-modal-content {background-color: #ffffff; margin: auto; padding: 25px; border-radius: 5px; width: 90%; max-width: 500px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); text-align: center; position: relative; transform: translateY(-50px); /* 登場時のアニメーション用 */
    opacity: 0; transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.ill-modal-content h2 {font-size: 1.1em; border-bottom:1px dotted #000;}

/* alsモーダル表示時のアニメーション */
.ill-modal.show .ill-modal-content {transform: translateY(0); opacity: 1;}
.ill-checkbox-container {margin-top: 25px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center;}
.ill-checkbox-container input[type="checkbox"] {margin-right: 10px; transform: scale(1.4); /* チェックボックスを少し大きくする */}
.ill-checkbox-container label {font-size: 1.1em; color: #444; cursor: pointer;}
.ill-link-button {background-color: #000; color: white; padding: 12px 25px; border: 1px solid #000; font-size: 1.1em; cursor: not-allowed; /* 初期状態では無効 */ transition: background-color 0.3s ease, opacity 0.3s ease; opacity: 0.6;}
.ill-link-button:not([disabled]) {cursor: pointer; background-color: #ff5aa0; border:1px solid #ff5aa0; opacity: 1;}
.ill-link-button:not([disabled]):hover {background-color: #fff; color:#ff5aa0; border:1px solid #ff5aa0;}


/* News */
p.ill-newscenterul{text-align:center; vertical-align:top; font-size:24px; text-decoration:underline;}
p.ill-newssubhead{font-size:20px; font-weight:bold;}
a.ill-news{font-size:18px;}
a.ill-news:hover{color:#ff5aa0;}
@media screen and (max-width: 767px) {
	p.ill-newsstart{margin: 5px 5% 0 5%;}
	p.ill-newsshikiten{margin: 5px 5% 0 5%;}
	p.ill-newskeigu{text-align:right;}
	p.ill-newsshirusu{text-align:center;}
	p.ill-newssubsentence{font-size:14px; margin: -2px auto 0 auto;}
	p.ill-newsleftul{font-size:20px; text-decoration:underline; margin-bottom:-5px;}
	br.ill-spnone{display:none;}
}
@media screen and (min-width: 768px) {
	p.ill-newsstart{margin: 10px 12% 0 23%;}
	p.ill-newsshikiten{margin: 10px 10% 0 17%;}
	p.ill-newskeigu{text-align:right;}
	p.ill-newsshirusu{text-align:center;margin-bottom:10px;}
	p.ill-newssubsentence{font-size:14px; margin: -5px 6% 0 24%;}
	p.ill-newsleftul{font-size:20px; text-decoration:underline; margin-bottom:-12px;}
	br.ill-pcnone{display:none;}
}


/* WEBseikyusho */
  h2.ill-webledger{font-size:20px; border-bottom:1px dotted #000; padding-bottom:2px; line-height:1.7;}
  h3.ill-webseikyu{background-color:#dddddd; padding:8px;}
  a.ill-ws:hover{color:#ff5aa0;}
  p.ill-wsimage{text-align:center; vertical-align:top;}

/* guide 1st pass */
  h2.ill-guide{font-size:20px; border-bottom:1px dotted #000; padding-bottom:2px; line-height:1.7;}
  h3.ill-guidepass{background-color:#dddddd; padding:8px; margin-bottom:24px; font-size:18px;}
  h4.ill-guidepoint{font-size:18px;}
  p.ill-gpimage{text-align:center; vertical-align:top; margin-bottom:30px;}