@charset "utf-8";
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #2F2F2F;
	margin: 0;
	padding: 0;
	letter-spacing: 0.02em;
	font-feature-settings: "palt";
}
.pc{ display: block; }
.sp{ display: none; }

#kv {
	width: 100%;
	text-align: center;
}
	#kv h1 {
		margin: 0 auto;
        width: 100%;
        font-size: 0;
	}
	#kv h1 picture {
        width: 100%;
        position: relative;
	}
	#kv h1 img {
		width: 100%;
		height: auto;
	}

#action {
	width: 94%;
	padding: 20px 3% 10px 3%;
	background-color: #F0D8D5;
	background: linear-gradient(to bottom, #F0D8D5 0%, #F0D8D5 85%, #Ffff 85%, #fff 100%);
	text-align: center;
}
	#action img {
		max-width: 980px;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

#content {
	background-color: #FAF2CF;
	padding: 0;
}
	#content .contents__inner {
		max-width: 1000px;
		margin: 0 auto;
		padding: 1px 20px 50px 20px;
	}
		.frame {
			max-width: 1000px;
			margin: 40px auto 0 auto;
			border: 6px solid #FF8E31;
			border-radius: 15px;
			background-color: #fff;
		}
			.frame .lead {
			  padding: 12px 16px;
			  font-size: 14px;
			  margin-bottom: 24px;
			}
			.frame .lead p {
			  margin: 0 0 4px;
			}
			.frame .lead p:last-child {
			  margin-bottom: 0;
			}

			/* Q&A本体 */
			.frame .qa {
				margin-top: 8px;
				padding: 20px 50px;
			}

			/* 質問部分 */
			.frame .question {
				font-size: 20px;
				font-weight: bold;
				padding: 20px 0;
			}
			.frame .question p {
				padding: 30px 0 30px 110px;
				background-size: 65px;
				background-position: left 35px center;
				background-repeat: no-repeat;
				display: block;
				font-size: 20px;
				font-weight: bold;
			}
				.frame .question p:nth-child(1) {
					background-image: url(../_images/illust01.svg);
				}
				.frame .question p:nth-child(2) {
					background-image: url(../_images/illust02.svg);
				}
				.frame .question p:nth-child(3) {
					background-image: url(../_images/illust03.svg);
				}

			/* Fixed block */
			.frame .qa-head {
			  font-size: 14px;
			}
				.frame .qa-head__q,
				.frame .qa-head__a {
					display: flex;
					align-items: center;
				}
				.frame .qa-head__q .group,
				.frame .qa-head__a .group {
					display: contents;
					align-items: center;
				}
				.frame .qa-head__q {
					border-bottom: 1px solid #FF8E31;
				}
				.frame .qa-head__a {
					margin-top: 10px;
				}
				.frame .qa-head__q .q,
				.frame .qa-head__a .a {
					width: 12%;
				}
				.frame .qa-head__q img,
				.frame .qa-head__a img {
					width: 100%;
					height: auto;
					display: block;
				}
				.frame .qa-head__q .txt {
					width: 68%;
					font-size: 24px;
					line-height: 40px;
					font-weight: bold;
				}
				.frame .qa-head__a .txt {
					width: 68%;
					font-size: 20px;
					line-height: 40px;
				}
				.frame .qa-head__q .illust,
				.frame .qa-head__a .chara {
					width: 20%;
					text-align: center;
				}
				.frame .qa-head__q .q img,
				.frame .qa-head__a .a img {
					max-width: 110px;
				}

				.frame .qa-head__q .illust img {
					max-width: 130px;
					margin: 0 auto;
				}

				.frame .qa-head__a .chara img {
					max-width: 170px;
					margin: 0 auto;
				}

			/* Point */
			.frame .point {
				width: 90%;
				margin: 20px auto 0 auto;
			}

			.frame .point-title {
				font-size: 26px;
				color: #FF8E31;
				font-weight: bold;
				margin: 0 0 15px 0;
				letter-spacing: 0.05em;
				display: inline-block;
			}

			/* Column */
			.frame .column {
				width: 86%;
				margin: 20px auto 0 auto;
				padding: 3%;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #F6F6F6;
			}
				.frame .column .colum-l {
					width: 40%;
				}
					.frame .column .colum-l img {
						width: 100%;
					}
				.frame .column .colum-r {
					width: 60%;
					padding: 3%;
				}
					.frame .column .colum-r .clm-head {
						font-size: 20px;
						line-height: 30px;
						color: #E2001D;
						font-weight: bold;
						margin-bottom: 10px;
					}
					.frame .column .colum-r .clm-read {
						font-size: 15px;
						line-height: 32px;
					}
					.frame .column .colum-r .clm-read span {
						font-weight: bold;
					}

			/* Balloon */
			.balloon01 {
				position: relative;
				max-width: 720px;
				margin: 0 auto 40px 20px;
				padding: 24px 40px;
				background: #fff;
				border: 4px solid #ff8e30;
				border-radius: 24px;
				box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
			}
				.balloon01.balloon--left::before {
					content: "";
					position: absolute;
					width: 70px;
					height: 50px;
					bottom: -50px;
					left: 45px;
					background: #ff8e30;
					clip-path: polygon( 0% 100%, 30% 0, 95% 0 );
					z-index: 1;
				}
				.balloon01.balloon--left::after {
					content: "";
					position: absolute;
					width: 67px;
					height: 47px;
					bottom: -38px;
					left: 54px;
					background: #fff;
					clip-path: polygon( 0% 100%, 32% 0, 92% 0 );
					z-index: 2;
				}
				.balloon01 p {
					font-size: 20px;
					line-height: 30px;
					font-weight: bold;
				}

			.balloon02 {
				position: relative;
				max-width: 520px;
				margin: 0 20px 40px auto;
				/*left: 100px;*/
				padding: 25px 30px;
				background: #fff;
				border: 4px solid #ff8e30;
				border-radius: 24px;
				box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
			}
				.balloon02.balloon--right::before {
					content: "";
					position: absolute;
					width: 63px;
					height: 45px;
					bottom: -46px;
					right: 81px;
					background: #ff8e30;
					clip-path: polygon( 100% 100%, 68% 0%, 0% 0% );
					z-index: 1;
				}
				.balloon02.balloon--right::after {
					content: "";
					position: absolute;
					width: 51px;
					height: 38px;
					bottom: -35px;
					right: 90px;
					background: #fff;
					clip-path: polygon( 100% 100%, 65% 0%, 0% 0% );
					z-index: 2;
				}
				.balloon02 p {
					font-size: 20px;
					line-height: 30px;
					font-weight: bold;
				}

			/* Accordion (default: closed) */
			.frame .answer-contents {
				max-height: 0;
				opacity: 0;
				overflow: hidden;
				transition: max-height .3s ease, opacity .3s ease;
			}

			/* Open state */
			.frame.is-open .answer-contents {
				max-height: 2000px;
				opacity: 1;
			}

			/* Open button */
			.frame .more {
				margin-top: 16px;
				text-align: center;
			}
				.frame .btn-more {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					padding: 14px 0 8px 0;
					font-size: 14px;
					font-weight: 700;
					border-radius: 0 0 7px 7px;
					border: 0;
					background: #ff8e31;
					color: #fff;
					cursor: pointer;
					line-height: 1;
				}

				/* Icon position  */
				.frame .btn-more .icon-chevron {
					position: relative;
					display: inline-block;
					vertical-align: middle;
					width: 12px;
					height: 12px;
					margin-left: 4px;
					left: 15px;
					top: -2px;
				}

				/* Line on each side */
				.frame .btn-more .icon-chevron::before,
				.frame .btn-more .icon-chevron::after {
					content: "";
					position: absolute;
					/*top: 50%;*/
					left: 50%;
					width: 30px;
					height: 5px;
					background-color: currentColor;
					border-radius: 999px;
					transform-origin: 0 50%;
					transition: transform .1s ease;
				}
				/*.frame .btn-more:hover .icon-chevron::before,
				.frame .btn-more:hover .icon-chevron::after {
				}*/

				.frame .btn-more:hover .dli-chevron-down {
					transform:translateY(5px);
					transition: 0.2s all;
				}
				.frame .btn-more:hover .dli-chevron-up {
					transform:translateY(-5px);
					transition: 0.2s all;
				}
				.frame .btn-more:not(:hover) .dli-chevron-down {
					transform:translateY(0);
					transition: 0.2s all;
				}
				.frame .btn-more:not(:hover) .dli-chevron-up {
					transform:translateY(0);
					transition: 0.2s all;
				}

				/* ▼ Down (closed) */
				.dli-chevron-down::before {
					transform: translate(-50%, -50%) rotate(-30deg);
					top: 13px;
				}
				.dli-chevron-down::after {
					transform: translate(-50%, -50%) rotate(210deg);
					top: 13px;
					margin-left: 3px;
				}
				/* ▲ Up (open) */
				.dli-chevron-up::before {
				  transform: translate(-50%, -50%) rotate(30deg);
				}
				.dli-chevron-up::after {
				  transform: translate(-50%, -50%) rotate(150deg);
					margin-left: 3px;
				}

				/* Reverse the when hovering */
				.frame .btn-more:hover .dli-chevron-up::before {
				  transform: translate(-50%, -50%) rotate(30deg);
				}
				.frame .btn-more:hover .dli-chevron-up::after {
				  transform: translate(-50%, -50%) rotate(150deg);
					margin-left: 3px;
				}
				.frame .btn-more:hover .dli-chevron-down::before {
				  transform: translate(-50%, -50%) rotate(-30deg);
				}
				.frame .btn-more:hover .dli-chevron-down::after {
				  transform: translate(-50%, -50%) rotate(210deg);
					margin-left: 3px;
				}

			/* CTA button */
			.frame .cta {
				width: 90%;
				text-align: center;
				margin: 80px auto 20px auto;
			}
			.frame .cta.last {
				margin: 30px auto 20px auto;
			}
				.frame .cta a {
					display: block;
					padding: 25px;
					background-color: #FF8E31;
					border-radius: 100vh;
					text-decoration: none;
					border: 3px solid #FF8E31;
				}
				.frame .cta img {
					max-width: 430px;
				}
				.frame .cta a:hover {
					background-color: #fff;
					border: 3px solid #FF8E31;
				}
				.frame .cta a:hover img {
					filter: brightness(0) saturate(100%) invert(43%) sepia(85%) saturate(500%) hue-rotate(337deg) brightness(100%) contrast(100%);
				}
                
/* --- ページ下に追加のため --- */
		.exBtn {
			max-width: 1000px;
			margin: 0 auto 0 auto;
            padding-bottom:80px;
		}
            .exBtn .cta {
                width: 90%;
                text-align: center;
                margin: 80px auto 0 auto;
            }
				.exBtn .cta a {
					display: block;
					padding: 25px;
					background-color: #FF8E31;
					border-radius: 100vh;
					text-decoration: none;
					border: 3px solid #FF8E31;
				}
				.exBtn .cta img {
					max-width: 430px;
				}
				.exBtn .cta a:hover {
					background-color: #fff;
					border: 3px solid #FF8E31;
				}
				.exBtn .cta a:hover img {
					filter: brightness(0) saturate(100%) invert(43%) sepia(85%) saturate(500%) hue-rotate(337deg) brightness(100%) contrast(100%);
				}
                

			/* Style */
			.frame p.fs01 {
				font-size: 20px;
				font-weight: bold;
				margin: 0 0 10px 0;
			}
			.frame p.fs02 {
				font-size: 26px;
				font-weight: bold;
				margin: 20px 0 0 0;
				color: #C50018;
				text-align: center;
				display: inline-block;
				width: 100%;
			}
			.frame p.fs03 {
				font-size: 26px;
				line-height: 36px;
				font-weight: bold;
				margin: 20px 0 0 0;
				text-align: center;
				display: inline-block;
				width: 100%;
				color: #FF8E31;
			}
			.frame p.read {
				font-size: 20px;
				line-height: 35px;
				margin: 0 0 10px 0;
				display: inline-block;
			}
			.frame .caption {
				margin: 20px auto;
			}
			.frame .caption p {
				font-size: 16px;
				line-height: 25px;
				text-indent: -1em;
				padding-left: 1em;
			}
			.frame .image {
				text-align: center;
				width: 100%;
				margin: 30px auto 30px auto;
			}
			.frame .image img {
			  width: 100%;
			}
			.frame .voice {
				width: 100%;
			}
				.frame .voice-title {
					margin: 0 auto 35px auto;
					text-align: center;
				}

			.frame .recommend .image {
				margin: 0 auto;
			}

			.frame .attention {
				background-color: #FF8E31;
				font-size: 26px;
				line-height: 36px;
				color: #fff;
				padding: 30px;
				text-align: center;
				font-weight: bold;
				margin: 30px auto 30px auto;
				width: 88%;
			}
			.frame .bnr {
				width: 96%;
				padding: 2%;
				display: block;
			}
			.frame .bnr img {
				width: 100%;
				box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
				border-radius: 10px;
			}

			.frame .koudokei {
				border: 3px solid #C40019;
				margin: 10px auto 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 15px 30px;
			}
				.frame .koudokei figure {
					width: 22%;
					margin-block-start: 0;
					margin-block-end: 0;
				}
				.frame .koudokei figure img {
					width: 100%;
				}
				.frame .koudokei div p:nth-of-type(1) {
					font-size: 22px;
					letter-spacing: 0.1rem;
				}
				.frame .koudokei div p:nth-of-type(1) span {
					font-size: 26px;
					font-weight: bold;
					color: #C40019;
				}
				.frame .koudokei  div p:nth-of-type(2) {
					text-align: center;
					font-size: 22px;
					line-height: 36px;
					padding: 10px;
					margin-top: 20px;
				}


			/* Chains */
			.chains {
				display: flex;
				gap: 32px;
				justify-content: space-between;
				max-width: 1200px;
				margin: 40px auto 60px auto;
			}
			.ttl-chains {
				font-size: 26px;
				color: #FF8E31;
				font-weight: bold;
				text-align: center;
				margin: 15px 0 0 0;
			}
			.chain {
				flex: 1 1 0;
				min-width: 0;
			}
			.chain-inner {
				position: relative;
				height: 100%;
				background: #fff;
				border: 2px solid #FF8E31;
				border-radius: 15px;
				box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
				padding: 15px 15px 0 15px;
				display: flex;
				flex-direction: column;
			}
			.chain-head {
				position: relative;
				padding: 15px;
				color: #fff;
			}
			.chain--fabric .chain-head { background: #662c3b; }
			.chain--nonmetal .chain-head { background: #3b4f72; }
			.chain--metal .chain-head { background: #405fb4; }

			.chain-ttl {
				margin: 0;
				font-size: 18px;
				font-weight: bold;
			}
			.chain-img {
				position: absolute;
				right: -10px;
				bottom: 5px;
				margin: 0;
			}
			.chain-img img {
				display: block;
				width: 80px;
				height: auto;
			}
			.chain-body {
				padding-top: 15px;
				display: flex;
				flex-direction: column;
				flex: 1;
			}
			.chain-list {
				margin: 0 0 0 1em;
				padding-left: 5px;
				font-size: 14px;
				line-height: 1.5;
			}
				.chain-list li::before {
					content: "・";
					text-indent: -1em;
					display: inline-block;
				}
				.chain-list li + li {
					margin-top: 4px;
				}
			.chain-cta {
				margin-top: auto;
				margin-bottom: 15px;
			}
				.chain-cta a {
					display: block;
					width: 100%;
					text-align: center;
					padding: 6px 0;
					background: #ff8e30;
					color: #fff;
					font-size: 20px;
					font-weight: bold;
					text-decoration: none;
					border-radius: 10px;
				}
				.chain-cta a:hover {
				  filter: brightness(1.05);
				}


			/* Floating banner */
			.bnr-float {
				/*position: sticky;*/
				bottom: 30px;
				z-index: 99;
				/*max-width: 1000px;*/
				width: 100%;
				margin: 0 auto;
				text-align: center;
				padding: 30px 0 30px 0;
    			background-color: #004098;
			}
				.bnr-float a {
					display: inline-block;
					text-decoration: none;
					max-width: 1000px;
				}
				.bnr-float a:hover {
					opacity: 1;
					transition: filter 0.1s ease;
					filter: brightness(1.05);
				}
				.bnr-float a img {
					max-width: 100%;
					height: auto;
					display: block;
					border-radius: 10px;
					box-shadow: 0 3px 8px rgba(0,0,0,.4);
				}


@media only screen and (max-width: 1160px) {
	#content .contents__inner {
		padding: 1px 0.7rem 1.4rem 0.7rem;
	}
	.bnr-float {
		width: auto;
		padding: 1.4rem 0.7rem 1.2rem 0.7rem;
	}
	.frame {
		margin: .8rem auto 0 auto;
		border: .3rem solid #FF8E31;
		border-radius: 1rem;
	}
	.frame .question {
		font-size: 20px;
		padding: 1rem 1rem 1rem 0;
	}
		.frame .question p {
			font-size: 1rem;
			padding: 1rem 0 1rem 5.5rem;
			background-size: 4rem;
			background-position: left 1rem center;
		}
	
	
	/*.chains {
	flex-wrap: wrap;
	}
	.chain {
	flex: 1 1 calc(50% - 16px);
	}
	.chain-img img {
	width: 150px;
	}*/
}

@media only screen and (max-width: 767px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	
	#content {
		padding: 0 0 1rem;
	}
	#action {
		width: auto;
		padding: 1rem .5rem 0 .5rem;
		background: linear-gradient(to bottom, #F0D8D5 0%, #F0D8D5 90%, #Ffff 90%, #fff 100%);
	}
	.frame .qa-head__q .group,
	.frame .qa-head__a .group {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.frame .qa-head__q, .frame .qa-head__a {
		display: block;
	}
	.frame .qa-head__q .q, .frame .qa-head__a .a {
		width: 30%;
	}
		.frame .qa-head__q .q img, .frame .qa-head__a .a img {
			max-width: 5.5rem;
		}
	.frame .qa-head__q .illust, .frame .qa-head__a .chara {
		width: 40%;
	}
		.frame .qa-head__q .illust img {
			max-width: 6rem;
		}
		.frame .qa-head__a .chara img {
			max-width: 10rem;
		}
	.frame .qa-head__q .txt {
		width: 100%;
		font-size: 1.2rem;
		line-height: 2rem;
		padding: 1rem 0;
	}
	.frame .qa-head__a .txt {
		width: 100%;
		font-size: 1rem;
		line-height: 1.8rem;
	}
	.frame .point {
		width: 100%;
		margin: 1rem auto 0 auto;
	}
		.frame .point-title {
			font-size: 1.3rem;
			margin: 0px 0px 0.7rem;
		}
	.frame .qa {
		margin-top: 0;
		padding: 1rem 1rem;
	}
	.frame .voice-title {
		margin: 0 auto 1.0rem auto;
	}
	.frame .voice-title img {
		width: 80%;
	}
	.frame p.read {
		font-size: 1rem;
		line-height: 1.7rem;
		margin: 0 0 0.5rem;
	}
	.frame .caption {
		margin: 0.5rem auto;
	}
		.frame .caption p {
			font-size: 0.8rem;
			line-height: 1.25rem;
		}
	.frame p.fs01 {
		font-size: 1.2rem;
		line-height: 2rem;
		margin: 0 0 0.5rem;
	}
	.frame p.fs02 {
		font-size: 1.3rem;
		margin: 0.1rem 0 0 0;
	}
	.frame p.fs03 {
		font-size: 1.2rem;
		line-height: 1.7rem;
		margin: 1.2rem 0 0.5rem;
	}
	.frame .attention {
		font-size: 1.1rem;
		line-height: 1.7rem;
		padding: 0.5rem 0;
		margin: 1.0rem auto;
		width: auto;
	}
	.frame .image {
		margin: 1rem auto;
	}

/* CTA button */
	.frame .cta {
		width: 100%;
		margin: 2.5rem auto 0;
	}
	.frame .cta.last {
		margin: 0.5rem auto 0;
	}
	.frame .cta a {
		padding: 1.2rem;
		border: 0.15rem solid rgb(255, 142, 49);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.frame .cta a:hover {
		background-color: inherit;
		border: 0.15rem solid rgb(255, 142, 49);
	}
	.frame .cta img {
		width: 90%;
	}

/* --- ページ下に追加のため --- */
	.exBtn {
        width:84vw;
		margin: 0 auto;
        padding-bottom:2rem;
	}
	.exBtn .cta {
		width: 100%;
		margin: 2.5rem auto 0;
	}
	.exBtn .cta a {
		padding: 1.2rem;
		border: 0.15rem solid rgb(255, 142, 49);
		display: flex;
		justify-content: center;
		align-items: center;
        color:#fff;
	}
	.exBtn .cta a:hover {
		background-color: #FF8E31;
		border: 3px solid #FF8E31;
        color:#fff;
	}
	.exBtn .cta img {
		width: 90%;
	}
    .exBtn .cta a:hover img {
        filter: none;
    }




	.frame .more {
		margin-top: 0.4rem;
	}
	.frame .btn-more {
		padding: 0.7rem 0 0.4rem 0;
		border-radius: 0 0 0.3rem 0.3rem;
	}
	.frame .btn-more .icon-chevron::before,
	.frame .btn-more .icon-chevron::after {
		width: 1.5rem;
		height: 0.25rem;
	}
	
	.frame .recommend .image {
		margin: 0 auto;
	}
	
	.frame .column {
		width: auto;
		margin: 0.1rem auto 0px;
		display: block;
	}
		.frame .column .colum-l {
			width: auto;
			text-align: center;
		}
			.frame .column .colum-l img {
				width: 90%;
			}
		.frame .column .colum-r {
			width: auto;
		}
			.frame .column .colum-r .clm-head {
				font-size: 1.1rem;
				line-height: 1.5rem;
				margin-bottom: 0.5rem;
			}
			.frame .column .colum-r .clm-read {
				font-size: 0.9rem;
				line-height: 1.5rem;
			}
	.frame .bnr {
		width: 94%;
		padding: 3%;
	}
	.frame .bnr img {
		width: 100%;
		box-shadow: rgba(0, 0, 0, 0.25) 0 0 0.7rem 0;
		border-radius: 0.5rem;
	}
	
	.frame .koudokei {
		border: 0.15rem solid #C40019;
		margin: 0.5rem auto 0;
		display: block;
		text-align: center;
		padding: 1rem;
	}
		.frame .koudokei figure {
			width: 50%;
			margin: 0 auto;
		}
		.frame .koudokei div p:nth-of-type(1) {
			font-size: 1.1rem;
		}
			.frame .koudokei div p:nth-of-type(1) span {
				font-size: 1.3rem;
			}
		.frame .koudokei div p:nth-of-type(2) {
			font-size: 0.9rem;
			line-height: 1.4rem;
			padding: 0;
			margin-top: 0.6rem;
		}

	.balloon01 {
		margin: 0 auto 2rem 1rem;
		padding: 1rem 1.2rem;
		border: 0.2rem solid rgb(255, 142, 48);
		border-radius: 1.0rem;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0.3rem 0.2rem;
	}
		.balloon01 p {
			font-size: 1rem;
			line-height: 1.5rem;
		}
		.balloon01.balloon--left::before {
			width: 3.0rem;
			height: 2.0rem;
			bottom: -2.0rem;
			left: 2.2rem;
		}
		.balloon01.balloon--left::after {
			width: 3.0rem;
			height: 2.0rem;
			bottom: -1.5rem;
			left: 2.65rem;
		}
	.balloon02 {
		margin: 0 1rem 2rem auto;
		padding: 1rem 1.2rem;
		border: 0.2rem solid rgb(255, 142, 48);
		border-radius: 1.0rem;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0.3rem 0.2rem;
	}
		.balloon02 p {
			font-size: 1rem;
			line-height: 1.5rem;
			font-weight: bold;
		}
	.balloon02.balloon--right::before {
		width: 3rem;
		height: 2rem;
		bottom: -2rem;
		right: 2rem;
	}
	.balloon02.balloon--right::after {
		width: 3rem;
		height: 2rem;
		bottom: -1.5rem;
		right: 2.40rem;
	}
	
	
	.ttl-chains {
		font-size: 1.3rem;
		margin: 0.7rem 0 0 0;
	}
	.chains {
		display: block;
		gap: 1.2rem;
		margin: 1.2rem auto 1rem auto;
	}
	.chain {
		margin-bottom: 1rem;
	}
	.chain-inner {
		padding: 1.0rem 0.8rem 0.1rem;
	}
	.chain-head {
		margin: 0;
		padding-right: initial;
	}
	.chain-img {
		right: -1rem;
		bottom: -0.55rem;
		margin: 0;
	}
		.chain-img img {
			width: 4.8rem;
		}
	.chain-list {
		margin: 0 0 0 1em;
		padding-left: 0.25rem;
		font-size: 0.9rem;
	}
	.chain-cta {
		margin-bottom: 0.7rem;
		margin-top: 0.7rem;
	}
	.chain-cta a {
		padding: 0.6rem 0;
		font-size: 1rem;
		border-radius: 0.5rem;
	}
	.chain-ttl {
		font-size: 1rem;
	}
	.chain-btn {
		font-size: 20px;
		padding: 16px 0;
	}
	
	
	
	.bnr-float {
		bottom: 1rem;
		padding: 1.4rem 0.7rem 1.2rem 0.7rem;
        width: auto;
	}
}