@charset "utf-8";

/* visual
-------------------------------------------------------------------*/
@keyframes fedein1 {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes ups {
	0% {
		transform: translateY(20px);
		opacity: 0;
	}
	99% {
		transform: translateY(0px);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes popup {
	0% { transform:translateY(-20px) ; opacity:0 ;}
	60% { transform:translateY(3px); opacity:1;}
	99% { transform:translateY(0px); opacity:1;}
	100% { transform:translateY(0px); opacity:1;}
  }
@media screen {
	.feder {
		opacity: 0;
		transform: translateY(0);
	}
	.once.feder {
		animation: fedein1 1.2s forwards;
	}
	.feders > *{
		opacity:0 ;
	}
	.once.feders > *{
		animation:fedein1 1.8s forwards;
	}
	.ups {
		opacity: 0;
		transform: translateY(-20px);
	}
	.once.ups {
		animation: ups 1.8s forwards;
	}
	.popups > *{
		opacity:0;
		transform:translateY(-20px);
	}
	.once.popups{
		animation:none;
		opacity:1 ;
		transform:translateY(0)
	}
	.once.popups > *{
		animation:popup 1.4s forwards;
	}
	.once.popups > *:nth-child(2){ animation-delay: 0.3s;}
	.once.popups > *:nth-child(3){ animation-delay: 0.6s;}
	.once.popups > *:nth-child(4){ animation-delay: 0.9s;}
	.once.popups > *:nth-child(5){ animation-delay: 1.2s;}
	.once.popups > *:nth-child(6){ animation-delay: 1.5s;}
	.once.popups > *:nth-child(7){ animation-delay: 1.8s;}
	.once.popups > *:nth-child(8){ animation-delay: 2.1s;}
	.once.popups > *:nth-child(9){ animation-delay: 2.4s;}
	.once.popups > *:nth-child(10){ animation-delay: 2.7s;}
	.once.delay_set>*:nth-child(2),
	.once.delay_1 { animation-delay: 0.3s;}
	.once.delay_set>*:nth-child(3),
	.once.delay_2 {	animation-delay: 0.6s;}
	.once.delay_set>*:nth-child(4),
	.once.delay_3 {	animation-delay: 0.9s;}
	.once.delay_set>*:nth-child(5),
	.once.delay_4 {	animation-delay: 1.2s;}
	.once.delay_set>*:nth-child(6),
	.once.delay_5 {	animation-delay: 1.5s;}
	.once.delay_set>*:nth-child(7),
	.once.delay_6 {	animation-delay: 1.8s;}
}
#wrap .fair-present_caution li {
	text-indent: -1.25em;
	padding-left: 1.25em;
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: 500;
}
#wrap .fixed-btn_box {
	position: fixed;
	z-index: 100;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
	padding: 1em;
	bottom: 4%;
	right: 50px;
  }
  #wrap .fixed-btn_box p {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 0.75em;
  }
  #wrap .fixed-btn_box p em {
	font-style: normal;
	background: rgb(252, 236, 130);
	background: linear-gradient(0deg, rgba(252, 236, 130, 1) 15%, rgba(1252, 236, 130, 0) 15%);
	}
  #wrap .fixed-btn_box .fixed-btn_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1em;
  }
  #wrap .fixed-btn_box .fair-btn a {
	width: 240px;
}
#wrap .fair-btn a {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-width: 220px;
	width: fit-content;
	min-height: 3em;
	font-size: 1.6rem;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", serif;
	background: #77B5DB;
	border-radius: 3em;
	padding: 0.5em 1.5em;
	filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
	text-decoration: none;
	transition: transform .4s, filter .4s;
	background: #15b8ae;
	color: #ffffff;
  }
  #wrap .fair-btn a::after {
	position: absolute;
	z-index: 10;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.55em;
	border-color: transparent transparent transparent #ffffff;
	top: 0;
	right: 0.75em;
	bottom: 0;
	margin: auto;
	}
	#wrap .fair-btn.btn-yellow a {
		background: #dadf00;
		color: #282828;
	}
	#wrap .fair-btn.btn-yellow a::after {
		border-color: transparent transparent transparent #282828;
	}
  #wrap .fair-btn a:hover {
	opacity: 1;
	transform: translateY(2px);
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.2));
  }
@media (max-width:1400px) {
	#wrap .fair-present_item{
		width:calc(100% - 30px);
	}
	#wrap .fair-present_item .fair-present_name {
		top: -38px;
		left: -1.25%;
		width: 17%;
	}
}
@media (max-width: 768px) {
	#wrap .fair-commitment_box {
		padding-top: 5.25em;
	}
	#wrap .fair-commitment_box.no-circle{
		padding-top:3em;
	}
	#wrap .fair-commitment_box .fair-commitment_slider{
		padding-block: 10px 20px;
	}
	#wrap .fair-commitment_box:last-child {
		padding-bottom: 6em;
	}
	#wrap .fair-commitment_box .fair-commitment_inner,
	#wrap .fair-commitment_box.image-left .fair-commitment_inner {
		flex-direction: column;
		gap: 1em 0;
	}
	#wrap .fair-commitment_box .fair-commitment_text,
	#wrap .fair-commitment_box.image-bottom .fair-commitment_text {
		width: 100%;
	}
	#wrap .fair-commitment_box .fair-commitment_ttl {
		font-size: 2.2rem;
		margin-bottom: 1.5em;
	}
	#wrap .fair-commitment_box .fair-commitment_text p {
		font-size: 1.4rem;
	}
	#wrap .fair-commitment_box .fair-commitment_inner02 {
		margin-top: 2em;
	}
	#wrap .fair-commitment_box .fair-commitment_subttl {
		font-size: 1.8rem;
		margin-bottom: 1em;
	}
	#wrap .fair-commitment_box .fair-commitment_subttl:before{
		width: 170%;
		animation: 80s linear infinite rotation2;
	}
	#wrap .fair-commitment_box .fair-commitment_sublead,
	#wrap .fair-commitment_box.fair-commitment_box05 .fair-commitment_sublead {
		width: 100%;
		font-size: 1.4rem;
		margin: 0 auto 1.5em;
	}
	#wrap .fair-commitment_box .fair-flex_box {
		max-width: 100%;
		flex-direction: column;
		gap: 3em 0;
	}
	#wrap .fair-commitment_box .fair-flex_box::after {
		border-width: 8px 0 8px 14px;
		transform: translate(-50%, -50%) rotate(90deg);
	}
	#wrap .fair-commitment_box .fair-flex_box .fair-flex_item {
		gap: 0.5em;
	}
	#wrap .fair-commitment_box .fair-flex_box .fair-flex_item p {
		font-size: 1.4rem;
	}
	#wrap .fair-commitment_box .fair-commitment_image01 {
		max-width: 280px;
		gap: 1.5em;
		margin: 2em auto 0;
	}
	#wrap .fair-commitment_box .fair-commitment_image01 span {
		max-width: 100%;
		line-height: 1.4;
		margin-top: 0.56em;
	}
	#wrap .fair-commitment_slidebox {
		width: 800vw;
		margin-top: 2em;
	}
	#wrap .fair-slide_box {
		margin-top: 0;
	}
	#wrap .fair-slide_box .fair-slide_item {
		margin: 0;
		text-decoration: none;
		transform: none;
	}
	#wrap .fair-slide_box .fair-slide_text {
		font-size: 1.6rem;
	}
	#wrap .bg-blue {
		padding: 5em 0;
	}
	#wrap .fair-present_item {
		max-width: 100%;
		flex-direction: column;
		border-radius: 10px;
		margin: 0 auto;
		width: calc(100% - 30px);
	}
	#wrap .fair-present_item .fair-present_name {
		width: 110px;
		top: -58px;
		right: auto;
		left: -10px;
	}
	#wrap .fair-present_item .fair-present_image {
		border-radius: 10px 10px 0 0;
		position: relative;
		width: 100%;
		right: 0;
		bottom: 0;
	}
	#wrap .fair-present_item .fair-present_text {
		width: 100%;
		padding: 0;
	}
	#wrap .fair-present_item .fair-present_ttl {
		margin-bottom: 0;
		padding: 1em;
		font-size: 2rem;
		text-align: center;
	}
	#wrap .fair-present_item .fair-present_ttl em {
		font-size: 2rem;
		margin-top: 0;
	}
	#wrap .fair-present_item .fair-present_text p {
		font-size: 1.4rem;
	}
	#wrap .fair-present_item .fair-present_text p em {
		font-size: 1.6rem;
	}
	#wrap .fair-present_item .fair-present_txt{
		flex-wrap:wrap;
		padding: 20px 15px;
		gap: 3.5em;
	}
	#wrap .fair-present_item .fair-present_image:before{
		width: 61px;
		height: 76px;
		right: -3%;
		top: -32%;
		margin:auto;
		z-index: 0;
	}
	#wrap .fair-present_item .fair-present_wrap{
		border-radius:8px;
		padding:15px;
	}
	#wrap .fair-present_item .fair-present_text p.fair-present_dimension,
	#wrap .fair-present_caution li {
		font-size: 1.2rem;
	}
	#wrap .fixed-btn_box {
		border-radius: 6px 6px 0 0;
		padding: 1em 0.5em 1.5em;
		bottom: 0;
		left:0;
		right: 0;
		}
	  #wrap .fixed-btn_box p {
		font-size: min(1.6rem,3.5vw);
		line-height: 1.4;
	  }
	  #wrap .fixed-btn_box .fixed-btn_flex {
		flex-direction: row;
		gap: 0.5em;
	  }
	  #wrap .fixed-btn_box .fair-btn a {
		width: 100%;
		min-width: 0;
		font-size: min(1em,3.25vw);
	  }
}
#wrap .fair-sitewrap {
  max-width: calc(1200px + 4%);
  width: 100%;
  padding: 0 2%;
  margin: auto;
}
#wrap .txt_indent{
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 767px) {
	#wrap .fair-sitewrap {
		max-width: 100%;
		padding: 0 15px;
	}
}
#wrap .mv_wrap{
	position: relative;
	z-index: 0;
	display: flex;
	overflow: hidden;
}
#wrap .mv_wrap .mv_img{
	display: flex;
	list-style: none;
	padding: 0;
	filter: brightness(0.7);
	animation: infinity-scroll-left 120s infinite linear 0.5s both;
}
#wrap .mv_wrap .mv_img .img{
	width: 960px;
	border-right: 8px solid #dadf00;
}
#wrap .mv_wrap .mv_img .img img{
	height: calc(100% + 8px)
}
@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(calc(-960px * 9));
	}
}
#wrap .mv_wrap .mv_ttl{ 
	position: absolute;
	z-index:1;
	margin: auto;
	inset: 0;
	width: fit-content;
	height: fit-content;
}
@media screen and (max-width:1400px){
	#wrap .mv_wrap .mv_img .img{
		width: 860px;
	}
	@keyframes infinity-scroll-left {
		from {
		  transform: translateX(0);
		}
		  to {
		  transform: translateX(calc(-860px * 9));
		}
	}
}
@media screen and (max-width:767px){
	#wrap .mv_wrap .mv_img .img{
		width: 470px;
		border-right: 4px solid #dadf00;
	}
	#wrap .mv_wrap .mv_img .img img{
		height: calc(100% + 4px)
	}
	@keyframes infinity-scroll-left {
		from {
		  transform: translateX(0);
		}
		  to {
		  transform: translateX(calc(-500px * 9));
		}
	}
	#wrap .mv_wrap .mv_ttl{
		width: 83%;
	}
}
#wrap .lead_wrap{
	text-align: center;
	padding-block: 8em 14em;
	position: relative;
	z-index: 0;
}
#wrap .lead_wrap .lead_ttl{ 
	font-size: 3.6rem;
	line-height: 1.6;
	margin-bottom: 1em;
}
#wrap .lead_wrap .lead_text{ 
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2;
	margin-bottom: 5em;
}
#wrap .lead_wrap::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 114px;
	background-image: url(image/img_karimoku.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-size: 1320px auto;
	animation: flow-font01 55s linear infinite;
	z-index: 1;
	inset: auto 0 5em;
}
@keyframes flow-font01 {
	0%   { background-position: 0 0;}
	100% { background-position: -1320px 0;}
}
@media screen and (max-width:767px){
	#wrap .lead_wrap{
		padding-block: 3em 3em;
	}
	#wrap .lead_wrap .lead_ttl{ 
		font-size: 2.2rem;
		margin-bottom: 1em;
	}
	#wrap .lead_wrap .lead_text{ 
		font-size: 1.6rem;
		line-height: 1.8;
	}
	#wrap .lead_wrap::before{
		height: 38px;
		background-size: 440px auto;
		animation: flow-font01 55s linear infinite;
		inset: auto 0 3em;
	}
}
#wrap .desk_wrap .desk_area{
	display: flex;
	border-bottom: 8px solid #dadf00;
	position: relative;
	z-index: 0;
}
#wrap .desk_wrap .desk_area:nth-child(even){
	flex-direction: row-reverse;
}
#wrap .desk_wrap .desk_area:first-child{
	border-top: 8px solid #dadf00;
}
#wrap .desk_wrap .desk_area .img_area{
	width: 59%;
}
#wrap .desk_wrap .desk_area .img_area .desk_slide_img img{
	max-width:inherit;
	width:100%;
}
#wrap .desk_wrap .desk_area .img_area .slick-dotted.slick-slider{
	margin-bottom: 0;
}
#wrap .desk_wrap .desk_area .img_area .icon{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: 8% 0 auto;
	width:fit-content;
	height: fit-content;
}
#wrap .desk_wrap .desk_area .img_area .icon_new{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: -8px auto auto 0;
	width:fit-content;
	height: fit-content;
}
#wrap .desk_wrap .desk_area .text_area{
	width: 41%;
	padding: 7em 6em;
	border-inline: 8px solid #dadf00;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#wrap .desk_wrap .desk_area .text_area .desk_ttl{
	font-size: 4.2rem;
	margin-bottom: 1em;
	line-height: 1.2;
}
#wrap .desk_wrap .desk_area .text_area .desk_ttl span{
	display: block;
	margin: 0.25em 0.1em;
	font-size: 2rem;
}
#wrap .desk_wrap .desk_area .text_area .desk_text{
	font-size: 1.6rem;
	margin-bottom: 2.5em;
}
#wrap .desk_wrap .desk_area .text_area a.bnr_steel{
	max-width: 597px;
	text-decoration: none;
	background: #fbebec;
	border: 1px solid #a84f55;
	border-radius: 1em 1em 0 1em;
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6%;
	font-weight: 600;
	margin-bottom: 1.8em;
	padding: 1.5em 1em 1.5em 2em;
	transition: transform 0.3s;
	opacity: 1;
}
#wrap .desk_wrap .desk_area .text_area a.bnr_steel .img{
	width: 42%;
	text-align: center;
}
#wrap .desk_wrap .desk_area .text_area a.bnr_steel .text{
	width: 50%;
	font-size: 2.4rem;
	font-size: min(2.4rem , 1.25vw);
	word-break: auto-phrase;
	line-height: 1.6;
	color: #a84f55;
}
#wrap .desk_wrap .desk_area .text_area a.bnr_steel .att{
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 1.6rem;
	background: #a84f55;
	border-radius: 1em 0 0 0;
	inset: auto 0 0 auto;
	padding: 0.25em 3em 0 2.5em;
}
#wrap .desk_wrap .desk_area .text_area a.bnr_steel .att::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #FFFFFF transparent transparent transparent;
    position: absolute;
    margin: auto;
    inset: auto 1.75em 0.7em auto;
}
@media (any-hover: hover) {
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel:hover{
		transform: translateY(5px);
	}
}
#wrap a.desk_buntton{
	display:flex;
	width: fit-content;
	max-width: 300px;
	min-width: 260px;
	color: #FFF;
	background: #282828;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 10px 3em;
	min-height: 48px;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index: 0;
	opacity: 1;
	text-decoration:none;
	border-radius: 3em;
	margin: 1em 0;
	transition: filter 0.3s , transform 0.3s;
	filter: drop-shadow(6px 6px 0px rgb(196 203 0));
}
#wrap  a.desk_buntton::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFFFFF;
    position: absolute;
    margin: auto;
    inset: 0 1em 0 auto;
}
@media (any-hover: hover) {
	#wrap a.desk_buntton:hover{
		filter: none;
		transform: translateY(3px) translateX(3px);
	}
}
@media screen and (max-width: 1600px){
	#wrap .desk_wrap .desk_area .img_area .icon{
		inset: 4% 0 auto;
		max-width: 10em;
	}
	#wrap .desk_wrap .desk_area .text_area{
		padding: 4em 3em;
	}
}
@media screen and (max-width: 1400px){
	#wrap .desk_wrap .desk_area .slick-slide img{
		max-height: 640px;
		aspect-ratio: 1126 / 770;
		width: auto;
	}
	#wrap .desk_wrap .desk_area .img_area .icon_new{
		position: absolute;
		z-index: 1;
		margin: auto;
		inset: -8px auto auto 0;
		width: 10em;
		height: fit-content;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel .text{
		width: 60%;
		font-size: 1.8rem;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel .att{
		font-size: 1.4rem;
		padding: 0.1em 3em 0 1.5em;
	}
}
@media screen and (max-width:767px){
	#wrap .desk_wrap .desk_area{
		border-bottom: 4px solid #dadf00;
		flex-direction: column !important;
	}
	#wrap .desk_wrap .desk_area:first-child{
		border-top: 4px solid #dadf00;
	}
	#wrap .desk_wrap .desk_area .img_area{
		width: 100%;
		border-inline: 4px solid #dadf00;
	}
	#wrap .desk_wrap .desk_area .img_area .icon{
		inset: 0.5em 0.5em auto auto;
		width:20%;
	}
	#wrap .desk_wrap .desk_area .img_area .icon_new{
		inset: -4px auto auto 0;
		width: 20%;
	}
	#wrap .desk_wrap .desk_area .slick-slider .slick-track, .slick-slider .slick-list{
		padding: 0 !Important;
	}
	#wrap .desk_wrap .desk_area .text_area{
		width: 100%;
		padding: 2em 2em;
		border-inline: 4px solid #dadf00;
	}
	#wrap .desk_wrap .desk_area .text_area .desk_ttl{
		font-size: 2.4rem;
		margin-bottom: 0.5em;
	}
	#wrap .desk_wrap .desk_area .text_area .desk_ttl span{
		font-size: 1.4rem;
	}
	#wrap .desk_wrap .desk_area .text_area .desk_ttl img{
		max-height: 1.4em;
		width: auto;
	}
	#wrap .desk_wrap .desk_area .text_area .desk_text{
		font-size: 1.4rem;
		margin-bottom: 1em;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel{
		gap: 4%;
		margin-bottom: 2em;
		padding: 1.5em 1em 2em;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel .img{
		width: 40%;
		text-align: center;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel .text{
		width: 56%;
		font-size: 1.6rem;
		word-break: unset;
		line-height: 1.4;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel .att{
		font-size: 1.2rem;
		inset: auto 0 0 auto;
		padding: 0 2em 0 1.5em;
	}
	#wrap .desk_wrap .desk_area .text_area a.bnr_steel .att::after{
		border-width: 6px 4px 0 4px;
	    inset: auto 0.75em 0.8em auto;
	}
	#wrap a.desk_buntton{
		min-width: 220px;
		font-size: 1.4rem;
		padding: 10px 2.5em;
		margin: 1em auto;
	}
}
#wrap .bnr_area{
	padding-block: 4em;
	background: #ede9da;
}
#wrap .bnr_area .bur_area_inner{
	display: flex;
	justify-content: space-between;
	gap: 1.6%;
}
#wrap .bnr_area .bur_area_inner a{
	display: block;
	width: 49.2%;
	position: relative;
	z-index: 0;
	transition: transform 0.3s;
}
#wrap .bnr_area .bur_area_inner a.bur_item::before{
    content: "";
    width: 31.2%;
    aspect-ratio: 184 / 183;
    display: block;
    background: url(image/bnr_shindan_item.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin: auto;
    inset: auto -1.1em 0 auto;
}
@media (any-hover: hover) {
	#wrap .bnr_area .bur_area_inner a:hover{
		transform: translateY(5px);
	}
}
	@media screen and (max-width:767px) {
	#wrap .bnr_area{
		padding-block: 2em;
	}
	#wrap .bnr_area .bur_area_inner{
		gap: 1em;
		flex-direction: column;
		align-items: center;
	}
	#wrap .bnr_area .bur_area_inner a{
		width: 90%;
	}
	#wrap .bnr_area .bur_area_inner a.bur_item::before{
	    content: "";
	    width: 31.2%;
	    aspect-ratio: 184 / 183;
	    display: block;
	    background: url(image/bnr_shindan_item.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    position: absolute;
	    margin: auto;
	    inset: auto -1.1em 0 auto;
	}

	
}


#wrap .limited_wrap{
	background: #ede9da;
	padding-block:6em 4em;
}
#wrap .limited_wrap .limited_inner{
	background: #fff;
	border-radius: 2em;
	border: 3px solid #a84e55;
	padding: 4em 2em 3em;
	position: relative;
	z-index: 0;
	display: flex;
	gap: 2%;
}
#wrap .limited_wrap .limited_ttl{
	font-size: 2.5rem;
	color: #fff;
	background: #a84e55;
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: -0.875em 0 auto 0;
	width: fit-content;
	padding: 0.2em 2em;
	border-radius: 2em;
	letter-spacing: 2px;
}
#wrap .limited_wrap .text_area{
	width: 49%;
}
#wrap .limited_wrap .text_area .limited_lead{
	color: #a74d54;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.5em;
}
#wrap .limited_wrap .text_area .limited_lead span{
	background: linear-gradient(transparent 60%, #ffff00 60%);
}
#wrap .limited_wrap .text_area .img{
	text-align: center;
}
#wrap .limited_wrap .img_area{
	width: 49%;
}
#wrap .limited_wrap .img_area img{
	border-radius: 2em;
}
@media screen and (max-width:767px){
	#wrap .limited_wrap{
		padding-block: 4em 3em;
	}
	#wrap .limited_wrap .limited_inner{
		border-radius: 1em;
		border: 2px solid #a84e55;
		padding: 3em 1em 2em;
		flex-direction: column;
		gap: 1em;
	}
	#wrap .limited_wrap .limited_ttl{
		font-size: 2rem;
		padding: 0.2em 2em;
	}
	#wrap .limited_wrap .text_area{
		width: 100%;
	}
	#wrap .limited_wrap .text_area .limited_lead{
		font-size: 1.8rem;
		text-align: center;
		margin-bottom: 1em;
	}
	#wrap .limited_wrap .text_area .img{
		text-align: center;
		width: 80%;
		margin-inline: auto;
	}
	#wrap .limited_wrap .img_area{
		width: 100%;
	}
	#wrap .limited_wrap .img_area img{
		border-radius: 1em;
	}
}


#wrap .new_wrap{
	padding-block: 6em 4em;
	text-align: center;
}
#wrap .new_wrap .new_ttl{
	margin-bottom: 3em;
	position: relative;
	z-index: 0;
	background: #fff; 
}
#wrap .new_wrap .new_ttl::before{
	display: block;
	content: "";
	background: #a84e55;
	width: 100%;
	height: 0.5em;
	position: absolute;
	z-index: -1;
	margin: auto;
	border-radius: 1em;
	inset: auto 1em 15% auto;
}
#wrap .new_wrap .new_ttl .img01{
	width: fit-content;
	margin: auto;
	background: #fff;
	padding-inline: 0 2em;
}
#wrap .new_wrap .new_ttl .img02{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: -3.3em auto auto calc(50% + 20em);
	width: fit-content;
}
#wrap .new_wrap .new_lead{
	padding-bottom: 0.5em;
	border-bottom: 2px dotted;
	width: fit-content;
	margin: 0 auto 0.5em;
	font-size: 2.8rem;
	font-weight: 600;
	color: #a64d54;
}
#wrap .new_wrap .new_text{
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 2em;
}
#wrap .new_wrap .new_text span{
	display: block;
	font-size: 1.4rem;
}
#wrap .new_wrap .img_area{
	display: flex;
	gap: 2%;
	justify-content: center;
	margin-bottom: 3em;
}
#wrap .new_wrap a.desk_buntton{
	margin-inline: auto;
}
@media screen and (max-width:767px) {
	#wrap .new_wrap{
		padding-block: 5em 2em;
	}
	#wrap .new_wrap .new_ttl{
		margin-bottom: 1.5em;
	}
	#wrap .new_wrap .new_ttl::before{
		height: 0.2em;
		inset: auto 0 15% 0;
	}
	#wrap .new_wrap .new_ttl .img01{
		width: 92%;
		margin: auto;
		background: #fff;
		padding-inline: 0 1em;
	}
	#wrap .new_wrap .new_ttl .img02{
		inset: -3.5em 0 auto auto;
		width: 26%;
	}
	#wrap .new_wrap .new_lead{
		padding-bottom: 0.25em;
		font-size: 2rem;
	}
	#wrap .new_wrap .new_text{
		font-size: 1.4rem;
		text-align: left;
	}
	#wrap .new_wrap .new_text span{
		font-size: 1.2rem;
	}
	#wrap .new_wrap .img_area{
		gap: 1em;
		margin-bottom: 2em;
		flex-direction: column;
	}
}
#wrap .present_wrap{
	background: #15b8ae;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#wrap .present_wrap .text_area{
	width: 65%;
	padding-block: 4em;
}
#wrap .present_wrap .text_area .present_ttl{
	transform: translateX(-1em);
	background: #ffff00;
	border-radius: 3em;
	font-size: 2.8rem;
	width: fit-content;
	padding: 0.75em 0.75em 0.5em;
	margin-bottom: 0.75em;
	letter-spacing: -0.5px;
}
#wrap .present_wrap .text_area .present_ttl span{
  position: relative;
}
#wrap .present_wrap .text_area .present_ttl span::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -0.2em;
  transform: translateX(-50%);
  width: 0.2em;
  height: 0.2em;
  background: #15b8ae;
  border-radius: 50%;
  display: block;
}
#wrap .present_wrap .text_area .present_ttl em{
	font-style: unset;
	font-size: 3.2rem;
}

#wrap .present_wrap .text_area .present_lead{
	font-size: 2.8rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 0.875em;
}
#wrap .present_wrap .text_area .present_lead span{
	color: #ffff00;
}
#wrap .present_wrap .text_area .present_lead em{
	font-style: unset;
	font-size: 3.2rem;
}
#wrap .present_wrap .text_area .present_text{
	font-size: 1.4rem;
	font-weight: 600;
	color: #fff;
}
#wrap .present_wrap .text_area .present_text span{
	position: relative;
	z-index: 0;
	margin-right: 1em;
	padding-left: 1.25em;
}
#wrap .present_wrap .text_area .present_text span::before{
	content: '';
	position: absolute;
	width: 1em;
	height: 1em;
	inset: 0.1em auto auto 0;
	background: #ffff00;
	border-radius: 50%;
	display: block;
}
#wrap .present_wrap .img_area .img{
	position: absolute;
	margin: auto;
}
#wrap .present_wrap .img_area .img01{
	z-index: -1;
	transform: translateX(53.2vw);
	inset: 0 auto 0 0;
}
#wrap .present_wrap .img_area .img02{
	z-index: -1;
	height: fit-content;
	inset: 20% 80% auto auto;
	transform: translateX( calc(-50% - 31em));
	inset: -10% 50% 0 auto;
}
@media screen and (max-width: 1500px) {
	#wrap .present_wrap .text_area{
		width: 48%;
		padding-block: 3em;
	}
	#wrap .present_wrap .text_area .present_ttl{
		transform: none;
		font-size: 2.2rem;
		min-width: 570px;
	}
	#wrap .present_wrap .text_area .present_ttl em{
		font-style: unset;
		font-size: 2.6rem;
	}
	#wrap .present_wrap .text_area .present_lead em{
		font-size: 2.8rem;
	}
	#wrap .present_wrap .text_area .present_lead{
		font-size: min(2.2rem , 1.7vw);
	}
	#wrap .present_wrap .img_area .img01{
		z-index: -1;
		transform: translateX(13vw);
		inset: 0 0 0 auto;
		width: 58%;
		min-width: 800px;
		height: 100%;
	}
}
@media screen and (max-width: 1300px) {
	#wrap .present_wrap .img_area .img01{
		transform: translateX(15vw);
		min-width: 800px;
		height: 100%;
	}
	#wrap .present_wrap .text_area .present_lead{
		font-size: 1.9rem;
	}
	#wrap .present_wrap .text_area .present_text{
		word-break: auto-phrase;
	}
}
@media screen and (max-width: 1000px) {
	#wrap .present_wrap .text_area{
		padding-block: 2em;
	}
}
@media screen and (max-width: 767px){
	#wrap .present_wrap{
	}
	#wrap .present_wrap .text_area{
		width: 100%;
		padding-block: 0px 2em;
	}
	#wrap .present_wrap .text_area .present_ttl{
		font-size: 1.6rem;
		padding: 0.75em 1em 0.5em;
		text-align: center;
		width: 100%;
		min-width: unset;
	}
	#wrap .present_wrap .text_area .present_ttl em{
		font-style: unset;
		font-size: 2rem;
	}
	
	#wrap .present_wrap .text_area .present_lead{
		font-size: 1.6rem;
		line-height: 1.4;
	}
	#wrap .present_wrap .text_area .present_lead em{
		font-size: 2rem;
	}
	#wrap .present_wrap .text_area .present_text{
		font-size: 1.3rem;
		line-height: 1.6;
	}
	#wrap .present_wrap .img_area .img{
		position: absolute;
		margin: auto;
	}
	#wrap .present_wrap .img_area .img01{
		transform: none;
		inset: 0;
		position: relative;
		min-width: 420px;
		margin-left: 1em;
	}
	#wrap .present_wrap .img_area .img01 img{
		width: 34em;
		width: 120vw;
	}
	#wrap .present_wrap .img_area .img02{
		inset: auto auto 0 2%;
		width: 40%;
		opacity: 0.8;
	}
}