body {
	max-width: 144rem;
  }
  
  /* お知らせ詳細　全体コンテンツ */
  .single_main {
	margin: 0 auto;
	padding: 0;
	max-width: 96.0rem;
	color: #333333;
	margin-bottom: 10rem;
	}
  
  
  /* セクション　日付、タイトル、画像 */
  .single_top {
	margin-top: 6.5rem;
  }
  
  .single_date {
	font-size: 2.0rem;
	font-weight: bold;
  }
  
  .single_title {
	font-size: 3.2rem;
	font-weight: bold;
	margin-top: 0.4rem;
  }
  
  .single_image_box {
	margin-top: 4.0rem;
	max-width: 96rem;
	/* max-height: 54rem; */
	width: 100%;
	/* height: auto; */
	border-radius: 2rem;
	overflow: hidden;
	margin-bottom: 4rem;
	}
  
  .single_mainimg {


  }
  
  
  /* セクション　サブタイトル、テキスト本文 */
  .single_content {
	font-size: 1.6rem;
	font-weight:500;
  }
  
  .single_subtitle,
  .single_content h2,
  .single_content h3 {
	margin-top: 4.0rem;
	font-size: 2.0rem;
	font-weight: bold;
	/* display: inline-block; 横幅を指定できるようにする */
	border-bottom: 0.5rem dotted #EF857D; /* ドット線の下線 */
	/* background-image : linear-gradient(to right, #000 1px, transparent 1px); */
	/* background-size: 5rem 5rem; ドットのサイズと間隔 */
	max-width: 96rem; /* 最大横幅 */
	width: 100%;
	padding-bottom: 0.5rem; /* テキストと下線の間のスペース */
  }
  
  .single_text,
  .single_content p{
	line-height: 3.0rem;
	margin-top: 2.4rem;
  }
  
  /* セクション　TOP戻るボタン */
  .single_bottom {
	margin-top: 4.0rem;
  }
  
  .single_backbtn {
	display: block;
	margin: 0 auto;
	color: #FFFFFF;
	background-color: #7AC5D7;
	padding: 1.1rem 3.45rem;
	border-radius: 2.3rem;
	font-size: 1.6rem;
	font-weight: bold;
	max-width: 20.5rem;
	width: 100%;
	position: relative;
	text-align: center;
	border: 0.1rem solid #fff;
	transition: all 0.3s;
	}

  .single_backbtn::before {
	content: "";
	position: absolute;
	left: 3.45rem;
	aspect-ratio: 9 / 8;
	width: .9rem;
	background-color: white;
	mask-image: url(../img/arrow.svg);
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/arrow.svg);
	-webkit-mask-repeat: no-repeat;
	transition: easeall .3s;
	top: 50%;
	transform: translateY(-50%);
	height: 1.1rem;
	}

	.single_backbtn:hover{
		background-color: #fff;
		color: #7AC5D7;
		border-color: #7AC5D7;
	}

	.single_backbtn:hover::before{
		background-color: #7AC5D7;
	}

  .single_backbtn:hover::before {
	}
  
  .single_btnicon {
	position: absolute;
	top: 35%;
	left: 3.45rem;
	transform: rotate(90deg);
	transform-origin: center;
	font-size: 0.9rem;
  }
  
  
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  /* スマホサイズ　700以下 */
  @media screen and (max-width: 699.98px) {
  
		.single_main {
			padding-left: 2rem;
			padding-right: 2rem;
			margin-bottom: 5rem;
		}

		.single_top {
			margin-top: 4.2rem;
		}
		
		.single_date {
			font-size: 1.6rem;
		}
		
		.single_title {
			font-size: 2.4rem;
			margin-top: 1.6rem;
		}
		
		.single_image_box {
			margin-top: 3.0rem;
			max-width: 33.5rem;
			width: 100%;
		}
		
		.single_content {
			margin-top: 1.5rem;
		}
		
		.single_subtitle {
			font-size: 2.0rem;
			margin-top: 0.0rem;
			padding-bottom: 0.9rem;
		}

		.single_subtitle_sp {
			margin-top: 4.3rem;
		}
		
		.single_text {
			font-size: 1.6rem;
			line-height: 3.2rem;
			margin-top: 2.0rem;
		}

		.single_bottom {
			margin-top: 2.0rem;
		}

		.single_text, .single_content p{
			width: 31.5rem;
			margin: 2.4rem auto 0;
		}
		
  }