/****************************
	* レイアウト・全体
	****************************/
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	html {
		font-family: "Kiwi Maru", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 62.5%;
		line-height: 170%;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
	}

	body {
		font-size: 1.7rem;
		line-height: 180%;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
		color: #4d4d4d;
		background: #fff;
		overflow-x: hidden;
	}

	@media screen and (max-width: 768px) {
		html {
			font-size: 8px;
		}
	}

	a:link {
		transition: 0.5s;
	}

	.pc_only {
		display: block;
	}

	.sp_only {
		display: none;
	}

	aside {
		font-size: 1.7rem;
		color: #555;
		margin-top: 24px;
	}

	aside p {
		display: flex;
		line-height: 1.5;
		margin-bottom: 0.3em;
		letter-spacing: 0;
	}

	aside p:before {
		content: "※";
		display: inline-block;
	}

	aside p:has(span):before {
		content: "　";
		display: inline-block;
	}

	figure {
		margin: 0;
		padding: 0;
	}

	img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		pointer-events: none;
		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
	}

	.wrap {
		position: relative;
		max-width: 1100px;
		width: 100%;
		padding: 0 20px;
		margin: 0px auto 70px;
		text-align: center;
	}

	@media screen and (max-width: 768px) {
		.pc_only {
			display: none;
		}

		.sp_only {
			display: inline-block;
		}

		.wrap {
			width: 100%;
			margin: 0px auto 30px;
		}

		aside p {
			text-align: left;
			padding-inline: 1em;
		}

		aside p:has(span) {
			display: none
		}
	}

	/****************************
	* ヘッダー
	****************************/
	header {
		margin: 0px auto 0px;
		text-align: center;
		background: url(../images/ttl_bg.jpg) no-repeat #f9c9d4;
		background-size: 100% 100%;
	}

	header>div {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 55px;
		max-width: 1200px;
		width: 100%;
		padding: 70px 20px 60px;
		margin: auto;
	}

	header>div figure {
		width: 660px;
		margin: 0;
		padding: 0;
	}

	header>div h1 {
		width: 725px;
		margin: 0;
		padding: 0 0 30px;
	}

	/****************************
	* フッター
	****************************/
	footer {
		font-size: 1rem;
		position: relative;
		z-index: 1;
		height: 50px;
		padding: 5px 0;
		text-align: center;
		color: #fff;
		background: #000;
	}

	@media screen and (max-width: 768px) {
		header>div {
			display: flex;
			flex-direction: column;
			gap: 25px;
			width: 100%;
			padding: 0px 0px 20px;
			margin: auto;
		}

		header>div figure {
			width: 100%;
		}

		header>div h1 {
			width: 85%;
			margin-inline: auto;
			padding: 0 0 10px;
		}
	}

	/****************************
	* read, bookinfo
	****************************/
	main {
		width: 100%;
		display: block;
	}

	.read {
		padding: 50px 0;
		font-size: 2.2rem;
		line-height: 2;
		text-align: left;
		background-color: #fffcd1;
	}

	.read .wrap {
		margin-bottom: 0;
	}

	.read p {
		text-align: left;
		width: fit-content;
		margin-inline: auto;
	}

	@media screen and (max-width: 768px) {
		.read {
			padding: 20px 16px;
			font-size: 2rem;
			line-height: 1.8;
		}
		.read .wrap {
			padding:16px;
		}

		.read p {
			line-height: 1.8;
			text-align: justify;
		}
	}

	.bookinfo {
		width: 100%;
		height: 100%;
		padding: 70px 0 0;
	}

	.bookinfo .wrap {
		margin-bottom: 0;
	}

	.bookinfo.limited .wrap {
		margin-bottom: 70px;
	}

	.bookinfo h2 {
		font-size: 4.5rem;
		padding: 10px 0;
		letter-spacing: 0.15em;
		margin-bottom: 80px;
		position: relative;
		color: #ffa6b4;
		font-weight: 500;
	}

	.bookinfo h2::after {
		content: "";
		width: 1em;
		height: 3px;
		background-color: #ffa6b4;
		border-radius: 2px;
		position: absolute;
		left: 50%;
		bottom: -30px;
		transform: translate(-50%, 0);
		z-index: 999;
	}

	.bookinfo .flex_wrap {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap: 100px;
		width: 100%;
		margin: 70px auto 0;
		padding: 0 30px;
		text-align: center;
	}

	.bookinfo.limited .flex_wrap {
		margin: 30px auto 0;
	}

	.bookinfo .flex_wrap figure {
		width: 255px;
		margin: 0;
		padding: 0;
	}

	.bookinfo.limited .flex_wrap div>figure:first-child {
		margin: 0 0 50px;
	}

	.bookinfo .flex_wrap figure img {
		width: 100%;
		border: 1px solid #d6d6d6;
	}

	.bookinfo .flex_wrap .info_txt {
		width: 400px;
		text-align: left;
	}

	.bookinfo .flex_wrap .info_txt h4 {
		font-size: 2.6rem;
		font-weight: 500;
		margin-bottom: 24px;
	}

	.bookinfo .flex_wrap .info_txt h3 {
		font-size: 4.5rem;
		letter-spacing: 0.1em;
		font-weight: 500;
		margin-left: -0.5em;
		margin-bottom: 40px;
	}

	.bookinfo .flex_wrap .info_txt h3 span {
		font-size: 2.6rem;
		display: block;
		margin-top: 20px;
		margin-left: 0.5em;
	}

	.bookinfo .flex_wrap .info_txt h5 {
		font-size: 2.2rem;
		font-weight: 500;
		margin-bottom: 16px;
	}

	.bookinfo .flex_wrap .info_txt dl {
		font-size: 2rem;
		margin: 0 0 8px;
		display: flex;
		gap: 0.5em;
	}

	.bookinfo .flex_wrap .info_txt dl dt {
		width: 4.5em;
		letter-spacing: 0;
		text-align-last: justify;
		word-break: break-all;
		font-weight: 400;
		position: relative;
	}

	.bookinfo .flex_wrap .info_txt dl dd {
		width: calc(100% - 4.5em - 0.5em);
	}

	.bookinfo .flex_wrap .info_txt dl dt::after {
		content: ":";
		position: absolute;
		right: -16px;
	}

	.bookinfo.limited .wrap>p {
		font-size: 2rem;
		line-height: 1.8;
		text-align: left;
		width: fit-content;
		margin-inline: auto;
	}

	.bookinfo .flex_wrap .info_txt>div {

		width: 100%;
		font-size: 2.4rem;
		padding: 3px 20px;
		text-align: center;
		background-color: #ffa6b4;
		color: #fff;
		border-radius: 17px;
		margin-bottom: 32px;
	}

	@media screen and (max-width: 768px) {
		.bookinfo {
			padding: 40px 0 0;
		}

		.bookinfo .wrap {
			margin-bottom: 0;
		}

		.bookinfo.limited .wrap {
			margin-bottom: 50px;
		}

		.bookinfo .flex_wrap .info_txt h4 {
			font-size: 2.3rem;
			font-weight: 500;
			margin-bottom: 24px;
		}
		.bookinfo h2 {
			font-size: 4rem;
			padding: 10px 0;
			margin-bottom: 30px;
			letter-spacing: 0;
		}

		.bookinfo h2::after {
			bottom: -10px;
		}

		.bookinfo .flex_wrap {
			flex-direction: column;
			gap: 20px;
			width: 100%;
			margin: 30px auto 0;
			padding: 0 10px;
			text-align: center;
		}

		.bookinfo .flex_wrap .info_txt dl {
			font-size:1.8rem;
			margin: 0 0 0px;
		}
		.bookinfo.limited .flex_wrap {
			margin: 10px auto 0;
		}

		.bookinfo .flex_wrap figure {
			width: 100%;
			max-width: 80%;
			margin: 0 auto;
			padding: 0;
		}

		.bookinfo .flex_wrap .info_txt {
			width: 100%;
			margin: 0 auto;
		}

		.bookinfo .flex_wrap .info_txt h4 {
			margin-bottom: 16px;
		}

		.bookinfo .flex_wrap .info_txt h3 {
			margin-bottom: 20px;
		}

		.bookinfo.limited .wrap > p {
			width: 90%;
			margin: 0 auto 20px;
		}

		.bookinfo.limited .flex_wrap div>figure:first-child {
			margin: 0 auto 30px;
		}

		.bookinfo .flex_wrap figure img {
			width: 100%;
			border: 1px solid #d6d6d6;
		}

	}

	/****************************
	* news
	****************************/
	/* .news
	{
		padding: 30px 0;
		width: 100%;
		margin: 0 auto 0px;
		background: url(../images/hd_bk.jpg) no-repeat #222;
		text-align: left;
		border-radius: 3px;
	}
	.news dt
	{
		font-size:2.3rem;
		margin: 50px auto 30px;
		font-weight: 400;
		line-height: 1.5;
		color:#fff;
		padding:20px 50px 10px;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		background:rgba(231, 1, 19, 0.8);
	}
	.news dt h6
	{
		font-size:1rem;
		background: #e70113;
		color: #fff;
		padding:5px 10px;
		margin-bottom:1em;
	}
	.news dt span
	{
		font-size:0.5em;
		width: fit-content;
		display:block;
		margin:0 auto 0.3em;
	}
	.news dt p
	{
		width: fit-content;
		display:block;
		margin:0 auto 0.3em;
	}
	.news dd
	{
		margin: 1em auto;
		text-align: justify;
		line-height: 1.8;
		font-size: 0.8rem;
	    word-break: break-all;
		color: #fff;
		padding:0 50px;
	}
	.news dd a
	{
		display: block;
		width: fit-content;
		margin:30px auto 1em;
		background: #FCE38A;
		color: #111;
		padding: 20px 20px;
		box-shadow: 2px 2px 3px #666;
    	font-size: 1rem;
		font-family: 'Noto Serif JP', serif;
	}
	.news dd a:hover
	{
		text-decoration: none;
		opacity: 0.6;
	} */


	/****************************
	* event
	****************************/
	.event {
		background: url(../images/dot.png) #c5e8f2;
	}

	.event .wrap {
		padding: 70px 0 70px;
		margin: 0px auto 0px;
	}

	.ribbon {
		display: inline-block;
		position: relative;
		height: auto;
		text-align: center;
		box-sizing: border-box;
		margin-bottom: 50px;
	}

	.ribbon:before {
		content: '';
		position: absolute;
		width: 100px;
		bottom: -15px;
		left: -66px;
		border: 40px solid #50adf6;
		border-left-color: transparent;
		z-index: 8;
	}

	.ribbon:after {
		content: '';
		position: absolute;
		width: 100px;
		bottom: -15px;
		right: -66px;
		border: 40px solid #50adf6;
		border-right-color: transparent;
		z-index: 8;
	}

	.ribbon h3 {
		min-width: 550px;
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0 20px;
		line-height: 80px;
		font-size: 4.5rem;
		font-weight: 500;
		color: #FFF;
		background: #0895f6;
		z-index: 10;
	}

	.ribbon h3:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-right: solid 35px #327eb8;
		z-index: 9;
	}

	.ribbon h3:after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-left: solid 35px #327eb8;
		z-index: 9;
	}

	@media screen and (max-width: 768px) {
		.event .wrap {
			padding: 30px 0 30px;
			margin: 0px auto 0px;
		}

		.ribbon {
			width: calc(100% - 100px);
			display: inline-block;
			position: relative;
			height: auto;
			text-align: center;
			box-sizing: border-box;
			margin-bottom: 50px;
		}

		.ribbon h3 {
			min-width: 100%;
			font-size: 3.6rem;
			line-height: 1.3em;
			padding: 10px 10px;
			letter-spacing: 0;
		}

		.ribbon:before {
			content: '';
			position: absolute;
			width: 10px;
			bottom: -15px;
			left: -45px;
			border: 30px solid #50adf6;
			border-left-color: transparent;
			z-index: 8;
		}

		.ribbon:after {
			content: '';
			position: absolute;
			width: 10px;
			bottom: -15px;
			right: -45px;
			border: 30px solid #50adf6;
			border-right-color: transparent;
			z-index: 8;
		}

		.ribbon h3:before {
			position: absolute;
			content: '';
			top: 100%;
			left: 0;
			border: none;
			border-bottom: solid 15px transparent;
			border-right: solid 15px #327eb8;
			z-index: 9;
		}

		.ribbon h3:after {
			position: absolute;
			content: '';
			top: 100%;
			right: 0;
			border: none;
			border-bottom: solid 15px transparent;
			border-left: solid 15px #327eb8;
			z-index: 9;
		}
	}

	.event_box {
		width: 100%;
		max-width: 870px;
		background-color: #fff;
		padding: 50px 30px 30px;
		margin: 0 auto 50px;
		color: #222;
		font-size: 2.4rem;
	}

	.event_box.online {
		margin: 0 auto 0px;
	}

	.event_box ul {
		width: fit-content;
		margin: 0 auto 40px;
		font-size: 2.4rem;
		line-height: 1.8;
		text-align: left;
	}

	.event_box ul li {
		margin-bottom: 16px;
	}

	.event_box ul li a {
		color: #222;
		display: inline-block;
		position: relative;
		padding-bottom: 0px;
		border-bottom: 1px dotted #82d4ed;
	}

	.event_box ul li a::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		content: "\f35d";
		display: inline-block;
		transform: scale(0.8, 0.8);
		padding-left: 0.5em;
		position: relative;
		top: 0.1em;
		right: 0px;
		color: #82d4ed;
	}

	.event_box ul li a:hover {
		text-decoration: none;
		opacity: 1;
		color: #0895f6;
	}

	@media screen and (max-width: 768px) {
		.event_box {
			width: 90%;
			padding: 40px 15px 30px;
			margin: 0 auto 30px;
		}

		.event_box ul li a {
			display: inline;
			text-align: center;
		}
	}

	.event_txt {
		font-size: 2.5rem;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 3px solid #1dd4ff;
	}

	.event_detail .flex_wrap {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		width: 100%;
		padding-inline: 20px;
	}

	.event_detail .flex_wrap>div {
		width: calc(100% - 210px - 30px);
	}

	.event_detail .flex_wrap>div h5 {
		font-size: 2.5rem;
		font-weight: 500;
		background-color: #1dd4ff;
		color: #222;
		padding: 5px 10px;
		margin-bottom: 20px;
	}


	.event_detail .flex_wrap>div.ph_wrap {
		width: 210px;
	}

	.event_detail .flex_wrap>div.ph_wrap figure {
		width: 150px;
		aspect-ratio: 7 / 10;
		margin: 0 auto 30px;
		padding: 0;
	}

	.event_detail .flex_wrap>div.ph_wrap figure.wide {
		height: 150px;
		width: auto;
		aspect-ratio: 10 / 7;
	}

	.event_detail .flex_wrap>div.ph_wrap figure img {
		width: 100%;
		object-fit: contain;
		border: 1px solid #d6d6d6;
	}

	.event_detail .flex_wrap>div.ph_wrap figure.wide img {
		width: auto;
		height: 100%;
		object-fit: contain;
		border: 1px solid #d6d6d6;
	}

	.event_detail .flex_wrap>div.ph_wrap figure figcaption {
		font-size: 1.5rem;
		padding: 0;
		line-height: 1;
		color: #222;
		margin-top: 5px;
		text-align: center;
	}

	.event .wrap aside {
		max-width: 870px;
		margin-inline: auto;
	}

	@media screen and (max-width: 768px) {

		.event_txt {
			text-align: left;
			width: fit-content;
			margin-inline: auto;
		}
		.event_detail .flex_wrap {
			flex-direction: column;
			justify-content: center;
			gap: 10px;
			width: 100%;
			padding-inline: 0px;
		}

		.event_detail .flex_wrap>div {
			width: 100%;
		}

		.event_detail .flex_wrap>div h5 {
			font-size: 2.5rem;
			font-weight: 500;
			background-color: #1dd4ff;
			color: #222;
			padding: 5px 10px;
			margin-bottom: 20px;
		}

		.event_detail .flex_wrap>div.ph_wrap {
			margin-inline: auto;
		}

	}

	/****************************
	* shop
	****************************/
	.shop {
		background-color: #fffcd1;
	}

	.shop .wrap {
		padding: 70px 0 70px;
		margin: 0px auto 0px;
	}

	.shop {
		.ribbon:before {
			border: 40px solid #ffd1a3;
			border-left-color: transparent;
		}

		.ribbon:after {
			border: 40px solid #ffd1a3;
			border-right-color: transparent;
		}

		.ribbon h3 {
			background: #ffbf7f;
		}

		.ribbon h3:before {
			border-right: solid 35px #d89e6a;
		}

		.ribbon h3:after {
			border-left: solid 35px #d89e6a;
		}
	}

	@media screen and (max-width: 768px) {
		.shop .wrap {
			padding: 30px 0 30px;
			margin: 0px auto 0px;
		}

		.shop {
			.ribbon:before {
				border: 30px solid #ffd1a3;
				border-left-color: transparent;
			}

			.ribbon:after {
				border: 30px solid #ffd1a3;
				border-right-color: transparent;
			}

			.ribbon h3 {
				background: #ffbf7f;
			}

			.ribbon h3:before {
				border-right: solid 15px #d89e6a;
			}

			.ribbon h3:after {
				border-left: solid 15px #d89e6a;
			}
		}
	}

	.shop_container {
		max-width: 1200px;
		width: 95%;
		margin: auto;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
		gap: 25px;
	}

	@media screen and (max-width: 768px) {
		.shop_container {
			width: 90%;
			margin: auto;
			display: grid;
			grid-template-columns: 100%;
			gap: 25px;
		}
	}

	.shop_container>div {
		background-color: #fff;
		padding: 0px;
		text-align: left;
		border-left: 3px solid #1dd4ff;
		border-right: 3px solid #1dd4ff;
		border-bottom: 3px solid #1dd4ff;
	}

	.shop_container>div h4 {
		background-color: #1dd4ff;
		padding: 10px 10px;
		text-align: center;
		color: #fff;
		font-size: 2.5rem;
		font-weight: 500;
		letter-spacing: 0;
		white-space: nowrap;
	}

	.shop_container>div dl {
		margin: 0 auto;
		padding: 16px 30px 0;
		font-size: 2rem;
		line-height: 1.8;
	}

	.shop_container>div dl dt {
		width: 55px;
		height: 55px;
		background-color: #ffa6b4;
		border-radius: 50%;
		font-size: 1.5rem;
		letter-spacing: -1px;
		text-align: center;
		line-height: 55px;
		font-weight: 400;
		color: #fff;
		margin-bottom: 8px;
	}

	.shop_container>div dl dd {
		margin-left: 0;
		letter-spacing: 0;
	}

	.shop_container>div figure {
		width: 100%;
		max-width: 280px;
		height: 280px;
		aspect-ratio: 1 / 1;
		margin: 10px auto 10px;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.shop_container>div figure img {
		width: auto;
		height: 100%;
		border: 1px solid #d6d6d6;
		padding: 0;
	}

	.shop_container>div figure.wide img {
		height: auto;
		width: 100%;
	}

	@media screen and (max-width: 768px) {
		.shop_container>div dl {
			padding: 16px 10px 0;
		}

		.shop_container>div dl dd {
			line-height: 1.5;
			text-align: justify;
			margin-bottom: 16px;
		}

		.shop_container>div dl+dl {
			padding-top: 5px;
		}

		.shop_container>div figure.wide {
			width: 100%;
			max-width: 280px;
			height: auto;
			aspect-ratio: 31 / 21;
			object-fit: contain;
		}
	}

	.shop_inner aside {
		padding: 0 30px 10px;
		font-size: 1.5rem;
	}

	.shop_inner .btn_area {
		text-align: center;
		margin: 15px 0 30px;
	}

	.shop_inner .btn_area a {
		background: #1dd4ff;
		border: #1dd4ff solid 1px;
		color: #fff;
		padding: 10px 20px;
		width: 60%;
		max-width: 300px;
		display: block;
		margin: auto;
		font-size: 1.8rem;
		position: relative;
	}

	.btn_area a:after {
		content: "";
		width: 25px;
		height: 25px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		right: 50%;
		transform: translate(95px, -50%);
		mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M535.1 342.6C547.6 330.1 547.6 309.8 535.1 297.3L375.1 137.3C362.6 124.8 342.3 124.8 329.8 137.3C317.3 149.8 317.3 170.1 329.8 182.6L467.2 320L329.9 457.4C317.4 469.9 317.4 490.2 329.9 502.7C342.4 515.2 362.7 515.2 375.2 502.7L535.2 342.7zM183.1 502.6L343.1 342.6C355.6 330.1 355.6 309.8 343.1 297.3L183.1 137.3C170.6 124.8 150.3 124.8 137.8 137.3C125.3 149.8 125.3 170.1 137.8 182.6L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7z"/></svg>');
		mask-position: center;
		mask-size: contain;
		mask-repeat: no-repeat;
		transition: 0.3s;
	}

	.btn_area a:hover {
		text-decoration: none;
		opacity: 0.6;
	}

	.btn_area a:hover:after {
		transform: translate(100px, -50%);
	}

	.shop_container>div.wide {
		grid-column: span 2;
	}

	.shop_container>div.wide .flex_wrap {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
	}

	.shop_container>div.wide .flex_wrap figure {
		width: 280px;
		height: 280px;
		aspect-ratio: 1 / 1;
		margin: 10px 0 10px;
		padding: 0;
	}

	.shop_container>div.wide .flex_wrap+aside {
		width: fit-content;
		margin-inline: auto;
	}

	@media screen and (max-width: 768px) {
		.shop_inner aside {
			padding: 0 10px 10px;
			font-size: 1.5rem;
		}

		.shop_container>div.wide {
			grid-column: 1;
		}

		.shop_container>div.wide .flex_wrap {
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.shop_container>div.wide .flex_wrap figure {
			height: 280px;
			width: auto;
			aspect-ratio: 21 / 31;
			margin: 10px 0 10px;
			padding: 0;
		}

		.shop_container>div.wide .flex_wrap figure.wide {
			width: 100%;
			max-width: 280px;
			height: auto;
			aspect-ratio: 31 / 21;
			object-fit: contain;
			margin: 10px auto 10px;
		}

		.shop_inner .btn_area a {
			width: 80%;
		}

	}

	.other {
		padding: 70px 0 10px;
		display: block;
		background: #ffe4ea;
	}

	.other .wrap>div {
		max-width: 750px;
		border: 3px solid #dd5566;
		margin: 0 auto 45px;
		padding: 30px 20px 40px;
	}

	.other .wrap>div h3 {
		color: #dd5566;
		margin-bottom: 30px;
		font-size: 4.7rem;
		font-weight: 500;
		line-height: 1.3;
	}

	.other .wrap>div p {
		font-size: 2.1rem;
		font-weight: 400;
		line-height: 1.8;
	}

	.other .wrap>div .btn_area {
		text-align: center;
		margin: 40px 0 0px;
	}

	.other .wrap>div .btn_area a {
		background: #dd5566;
		border: #dd5566 solid 1px;
		color: #fff;
		padding: 10px 20px;
		width: 60%;
		max-width: 300px;
		display: block;
		margin: auto;
		font-size: 1.8rem;
		position: relative;
	}

	.other .wrap>div .btn_area a {
		background: #dd5566;
		border: #dd5566 solid 1px;
		color: #fff;
		padding: 10px 20px;
		width: 80%;
		display: block;
		margin: auto;
		font-size: 1.8rem;
		position: relative;
	}

	@media screen and (max-width: 768px) {

		.other {
			padding: 30px 0 10px;
		}

		.other .wrap>div {
			margin: 0 auto 35px;
		}

		.other .wrap>div h3 {
			margin-bottom: 20px;
			font-size: 2.7rem;
			line-height: 1.3;
		}

	}