@charset "utf-8";
/*renewal2026 base*/
body.tku-home {
	width: 100%;
	min-width: inherit;
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	font-size: clamp(14px, 1.2vw, 16px);
	line-height: 1.8;
	color: #222;
	background: #fff;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0;
}
.tku-home *,
.tku-home *::before,
.tku-home *::after {
	box-sizing: border-box;
}
.tku-home img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.tku-home img.full{
	width: 100%;
}
.tku-home a {
	color: inherit;
	text-decoration: none;
}
.tku-home ul,
.tku-home ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tku-home h1,
.tku-home h2,
.tku-home h3,
.tku-home h4,
.tku-home p,
.tku-home figure {
	margin: 0;
}
.tku-home p:last-child{
	margin-bottom: 0;
}
.tku-home .wrapper{
	width: 90%;
	margin-inline: auto !important;
}
.tku-home .wrap{
	width: 90%;
	max-width: 1280px;
	margin-inline: auto !important;
}
:root {
    --black: rgba(51, 51, 51, 1);
    --gray: rgba(170, 170, 170, 1);
    --dgray: rgba(131, 131, 131, 1);
    --yellow: rgba(242, 232, 0, 1);
    --blue: rgba(0, 68, 191, 1);
    --back: rgba(240, 240, 240, 1);
    --lgray: #f7f7f7;
}


.renew-header{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1000;
}
.renew-header_title{
	width: clamp(200px, 22vw, 280px);
	padding: 1em 1.5em 1em 3.5em;
	position: relative;
}
.renew-header_title:before,
.renew-header_title:after{
	content: "";
	display: block;
	width: 2em;
	position: absolute;
	left: 0;
}
.renew-header_title:before{
	background: var(--yellow);
	top: 0;
	bottom: calc(2em + 0.3em);
}
.renew-header_title:after{
	background: var(--blue);
	bottom: 0;
	aspect-ratio: 1 / 1;
}
.renew-header_cta{
	width: 260px;
	display: flex;
	justify-content: flex-end;
	gap: 2px;
}
.renew-header_cta a,
.renew-header_trigar{
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	width: 50px;
	background: var(--blue);
	padding: 0.1em 0;
	aspect-ratio: 1 / 1;
	text-align: center;
	transition: 0.3s all;
	position: relative;
	cursor: pointer;
}
.renew-header_cta img{
	object-fit: contain;
	aspect-ratio: 1 / 1;
	width: 47%;
	margin: 0 auto;
	filter: brightness(0) invert(1);
}
.renew-header_search img{
	width: 42%;
}
.renew-header_cta a p{
	font-size: 11px;
	color: #fff;
}
.renew-header_cta a:hover{
	background: var(--yellow);
}
.renew-header_cta a:hover img{
	filter: none;
}
.renew-header_cta a:hover p{
	color: var(--black);
	font-weight: 500;
}
.renew-header_trigar span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 1.4px;
	background: #fff;
	transform: translateX(-50%) translateY(-50%);
	transition: 0.3s ease;
}
.renew-header_trigar span:nth-of-type(1) {
	top: 34%;
}
.renew-header_trigar span:nth-of-type(3) {
	top: 66%;
}
.renew-header_trigar:hover{
	background: var(--yellow);
}
.renew-header_trigar:hover span{
	background: var(--black);
}
.renew-header_trigar.clicked span:nth-of-type(1) {
	transform: rotate(405deg);
    top: 50%;
    left: 20%;
}
.renew-header_trigar.clicked span:nth-of-type(2) {
	opacity: 0;
}
.renew-header_trigar.clicked span:nth-of-type(3) {
	transform: rotate(-405deg);
    top: 50%;
    left: 20%;
}