@charset "utf-8";

/*============================================================*/
/* Message
/*============================================================*/

	/**
	 *	Top page: ver 2026-02-17
	 */
	h2.t2 {
	  position: relative;
	  display: inline-block;
	  padding: 0 65px;
	  margin-bottom: 2em;
	  font-size: 32px;
	  color: #223174;
	}
	.mystyle-sapporo h2.t2 {
		color: #333;
	}

	h2.t2:before, h2.t2:after {
	  content: '';
	  position: absolute;
	  top: 50%;
	  display: inline-block;
	  width: 45px;
	  height: 1px;
	  background-color: #333;
	}

	h2.t2:before {
	  left:0;
	}
	h2.t2:after {
	  right: 0;
	}

	.flex-block {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 4%;
	}
	.flex-block figure {
		width: 60%;
	}
	.flex-block .message-block {
	  width: 38%;
	  font-size: 15px;
	}
	.flex-right {
	  flex-direction: row-reverse;
	}
	.flex-block figure img {
		width: 100%;
		height: auto;
	}
	.flex-block p {
		line-height: 1.5em;
		padding: 0 0 1em;
	}

	@media screen and (max-width: 768px) {
		h2.t2 {
		  padding: 0 45px;
		  margin-bottom: 1em;
		  font-size: 22px;
		}
		h2.t2:before, h2.t2:after {
		  width: 35px;
		  height: 1px;
		}
	  .flex-block {
	    flex-direction: column;
	  }
	  .flex-right {
	    flex-direction: column;
	  }
	  .flex-block figure,
	  .flex-block .message-block {
	  	width: 100%;
	  	padding: 1em 3%;
	  }
	}