*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    //word-break:break-all;
}
img {
	max-width:100%;
	width: 100%;
}
:root {
	--main: #333;
	--red: #d10f31;
	--gold01: #ccac84;
	--gold02: #976843;
	--lightgray:#f3f1f1;
	--beige:#faf6f0;
    --ivory:#fbfaf7;
	--font01: "Sawarabi Gothic", sans-serif;
	--font02:"Poppins", sans-serif;
    --font03:"Zen Old Mincho", serif;
    --font04:"Noto Serif JP", serif;
}


/* --------------------------------------

- js-fade / js-fade-up 

-------------------------------------- */
.js-fade {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.js-fade.is-active {
  opacity: 1;
}
.js-fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.js-fade-up.is-active {
  opacity: 1;
  transform: translateY(0);
}




@media (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none !important;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}
@media (min-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}

main {
    position: relative;
    margin:0 auto;
    text-align: center;
    overflow-x: clip;
    max-width: 100%;
    font-family:var(--font01);
    color: var(--main);
}


/* ------------------------------------

- header

------------------------------------ */
header {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 0;
}
header .idcLogo {
	display: block;
	width: 50%;
	max-width: 200px;
	margin: 0 auto;
}
header .idcLogo a {
	display:flex;
}
header a:focus {
	outline: none !important;
	box-shadow: none !important;
}
header a:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
    

/* ------------------------------------------ 
	
 - SNS FOOOTER

------------------------------------------ */
/*
 snsicon_wrap
---------------------------- */
.snsicon_wrap {
	z-index: 3;
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 4rem 0 1.5rem;
}
.snsicon_wrap img {
	width: 26px;
}
.snsicon_wrap ul {
	text-align: center;
	display: flex;
	flex-flow:row nowrap;
	align-items: center;
	width: 380px;
}
.snsicon_wrap ul li {
	width: 7%;
}
@media only screen and (max-width:599px) {
	.snsicon_wrap {
		padding: 2rem 0 1.5rem;
	}
	.snsicon_wrap ul {
		justify-content: space-evenly;
		padding: 0 26px;
	}	
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.snsicon_wrap {
		padding: 3rem 0 1.5rem;
	}
	.snsicon_wrap ul {
		justify-content:space-around;
		margin: 0.5em auto 0;
	}
}
@media only screen and (min-width:1025px) {	
	.snsicon_wrap ul {
		justify-content:space-around;
		margin: 0.5em auto 0;
	}
}

/*
 footer
---------------------------- */
footer {
	position: absolute;
	width: 100%;
	height:8vh;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
}
 footer p {
    margin: 0 auto;
    text-align: center;
}
footer .copyright {
    font-size:12.8px;
}
@media only screen and (max-width:599px) {
	footer {
        padding-top: 104px;
        padding-bottom: 110px;
    }
	footer .idc_logo img {
        width: 46%;
    }
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	footer {
		padding-top: 120px;
		padding-bottom: 110px;
		height: 25vh;
	}
    footer .idc_logo img {
        width: 24%;
    }
}
@media only screen and (min-width:1025px) {
	footer {
        padding-top: 130px;
        padding-bottom: 110px;
    }
    footer .idc_logo img {
        width: 13%;
    }
}


/* ------------------------------------------ 
	
 - TO TOP

------------------------------------------ */
#page-top {
    position: fixed;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    text-align: right;
}
#page-top a {
    display: block;
    transition:all 0.3s;
}
@media (max-width: 599px) {
    #page-top {
        right: 5%;
        bottom: 10px;
    }
	#page-top a img {
		width: 30%;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    #page-top {
        right: 4%;
        bottom: 24px;
    }
	#page-top a img {
		width: 40%;
	}
}
@media (min-width: 1024px) {
    #page-top {
        right: 1.7%;
        bottom: 14px;
        z-index: 4;
    }
	#page-top a img {
		width: 33%;
	}
}

#page-top.UpMove{
    animation: UpAnime 0.5s forwards;
    pointer-events: auto;
}
@keyframes UpAnime{
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#page-top.DownMove{
    animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(50px);
    }
}



/* ----------------------------------------------

 - mv

---------------------------------------------- */
.mv_area {
    width:100%;
    position: relative;
}
.mv {
    animation-name: mvAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    position:relative;
    //height: 85vh !important;
}
@media only screen and (max-width: 599px) {
    .mv {
        height: 36vh !important;
    }
}
@keyframes mvAnime{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 599px) {
    .mv_img {
        background: url("https://www.idc-otsuka.jp/fair/ariake_30th/images/mv_sp.webp");
        background-position: 45% bottom;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 599px;
        height: 77vmin;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .mv_img {
        background: url("https://www.idc-otsuka.jp/fair/ariake_30th/images/mv_pc.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 1023px;
        height: 76vmin;
        margin:0 auto;
    }
}
@media only screen and (min-width: 1024px) {
    .mv_img {
        background: url("https://www.idc-otsuka.jp/fair/ariake_30th/images/mv_pc.webp");
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 1920px;
        height: 85vmin;
        margin:0 auto;
        position: relative;
    }
}
/* =======================
 mv animation
======================= */
.delay-time1{
    animation-delay: 1s;
}
.change-time2{
    animation-duration: 2s;
}


/*
 main_tit
---------------------- */
@media only screen and (max-width: 599px) {
    .main_tit {
        position:absolute;
        top: 12%;
        left: 50%;
        width: 61%;
        transform: translateX(-50%);
    }
    .main_tit img {
        width: 100%;
    }
    .fadeIn {
        animation-name: fadeInAnime;
        animation-fill-mode:forwards;
        opacity:0;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .main_tit {
        position:absolute;
        font-size:6rem;
        top: 14%;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }
    .main_tit img {
        width: 56%;
    }
    .fadeIn {
        animation-name: fadeInAnime;
        animation-fill-mode:forwards;
        opacity:0;
    }
}
@media only screen and (min-width: 1025px) {
    .main_tit {
        position:absolute;
        top: 10%;
        left: 50%;
        width: 72vmin;
        transform: translateX(-50%);	
    }
    .main_tit img {
        width: 100%;
    }
    .fadeIn {
        animation-name: fadeInAnime;
        animation-fill-mode:forwards;
        opacity:0;
    }
}
@keyframes fadeInAnime{
    from {
        opacity: 0;
    }
    to {
    opacity: 1;
    }
}
@keyframes fadeOutAnime{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeUpAnime{
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}



/* ------------------------------------------ 
	
 - lead_area

------------------------------------------  */
.sub_lead {
	font-family: var(--font02);
    color: var(--gold02);
	font-weight: 500;
}
.lead_tit {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
    color: var(--red);
}
.lead_tit .thirty {
	font-family: var(--font02);
	font-weight: 600;
}
.lead_day {
	font-family: var(--font02);
	font-style: italic;
	font-weight: 500;
}
@media (max-width: 599px) {
    .lead_area {
		padding: 40px 0 40px;
		margin: 0 20px;
	}
    .sub_lead {
        font-size: 10px;
        letter-spacing: 3px;
        margin-bottom: 25px;
        line-height: 2;
 }
    .lead_tit {
		flex-wrap: wrap;
		margin-bottom: 24px;
		justify-content: center;
		line-height: 1.2;
	}
    .lead_tit .thirty {
        font-size: 40px;
        letter-spacing: -2px;
        padding-top: 2px;
        font-weight: 600;
    }
    .lead_tit .year {
        letter-spacing: 1px;
        font-size: 24px;
        padding-top: 4px;
        padding-right: 3px;
        padding-left: 4px;
    }
	.lead_tit .title {
		width: 100%;
		font-size: 31px;
		letter-spacing: 0.5px;
	}
	 .lead_tit .title > span {
		letter-spacing: -1px; 
	 }
    .lead_day {
        font-size: 24px;
        margin-bottom:20px;
    }
	.lead_day > span {
		font-size: 15px;
		padding-left:4px;
	}
	.lead_text {
		font-size: 14px;
		line-height: 2;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .lead_area {
		padding: 60px 20px 60px;
	}
    .sub_lead {
        font-size: 11px;
        letter-spacing: 3px;
        margin-bottom: 30px;
 }
    .lead_tit {
		font-size: 38px;
		margin-bottom: 12px;
		letter-spacing: 4px;
	}
    .lead_tit .thirty {
        font-size: 50px;
        letter-spacing: -3px;
        padding-top: 2px;
    }
    .lead_tit .year {
        letter-spacing: 2px;
        font-size: 24px;
        padding-top: 6px;
        padding-right: 10px;
        padding-left: 3px;
    }
    .lead_day {
        font-size: 30px;
        margin-bottom: 28px;
    }
	.lead_day > span {
		font-size: 20px;
		padding-left:4px;
	}
	.lead_text {
		font-size: 16px;
		line-height: 1.7;
	}
}
@media (min-width: 1024px) {
	.lead_area {
		padding: 90px 20px;
        max-width: 1310px;
        margin: 0 auto;
	}
    .sub_lead {
        font-size: 12px;
        letter-spacing: 3px;
        margin-bottom: 40px;
	}
    .lead_tit {
		font-size: 48px;
		margin-bottom: 26px;
		letter-spacing: 4px;
	}
    .lead_tit .thirty {
        font-size: 60px;
        letter-spacing: -3px;
        padding-top: 2px;
    }
    .lead_tit .year {
        letter-spacing: 2px;
        font-size: 34px;
		padding:7px 10px 0 5px;
    }
    .lead_tit .title > span {
        letter-spacing: -2px;
    }
    .lead_day {
        font-size: 40px;
        margin-bottom: 30px;
    }
	.lead_day > span {
		font-size: 30px;
		padding-left: 7px;
	}
	.lead_text {
		font-size: 26px;
		line-height: 2;
	}
}



/* ------------------------------------------------------- 
	
 - COMMON
/ flat_price_area 
/ special_price_area

------------------------------------------------------- */
/* ==============================
 area_head_image / area_head
============================== */
@media (max-width: 599px) {
	.area_head_image {
        margin-bottom: 20px;
    }
    .area_head_image img {
       width: 60%;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.area_head_image {
        margin-bottom: 20px;
    }
    .area_head_image img {
       width: 30%;
    }
}
@media (min-width: 1024px) {
	.area_head_image {
        margin-bottom: 20px;
    }
    .area_head_image img {
       width: 20%;
    }
	.lightarium_interior_area .area_head {
		padding-top: 80px;
	}
}


/* ==============================
 area_head 
============================== */
/*
thirty_tit
------------------------ */
.thirty_tit .other {
    color: var(--gold02);
}
.thirty_tit .thirty {
    font-family: var(--font02);
    color: var(--red);
}
@media (max-width: 599px) {
	.thirty_tit .thirty {
		 padding: 0 2px;
		 font-size: 31px;
		 letter-spacing: -1px;
		 font-weight: 600;
	}
	.thirty_tit {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        line-height: 1.2;
    }
	.thirty_tit .other {
		font-size: 22px;
		padding-bottom: 2px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.area_head .thirty_tit {
        display: inline-flex;
        flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
    }
    .thirty_tit .thirty {
        font-size: 42px;
        letter-spacing: -2px;
        padding-right: 4px;
        font-weight: 600;
    }
    .thirty_tit .other {
        font-size: 26px;
    }
}
@media (min-width: 1024px) {
	.area_head .thirty_tit {
        display: inline-flex;
        flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
    }
    .thirty_tit .thirty {
        font-size: 59px;
        letter-spacing: -2px;
		font-weight: 600;
    }
    .thirty_tit .other {
        font-size: 34px;
        padding-top: 4px;
    }
}


/*
area_tit
------------------------ */
.area_head .area_tit {
    color: var(--gold02);
}
.area_tit .thirty {
	font-family: var(--font02);
}
@media (max-width: 599px) {
	.area_head .area_tit {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	.area_tit .thirty {
		width: 60%;
		font-size: 22px;
		text-align: left;
		letter-spacing: 1px;
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}
	.flat_price_area .area_tit .thirty {
		width: 60%;
	}
	.flat_price_area .area_tit .thirty > span:first-child {
	    color: var(--red);
	    padding: 0 2px 3px;
	    font-size: 31px;
	    letter-spacing: -1px;
	}
	.flat_price_area .area_tit .other:first-child {
		font-size: 22px;
		text-align: right;
		letter-spacing: 1px;
		padding-top: 2px;
	}
	.flat_price_area .area_tit .other:first-child {
		width: 40%;
	}
	.area_tit .other:last-child {
		width:100%;
		font-size: 25px;
		letter-spacing: 1px;
	}
	.area_tit .other:last-child > span {
		font-size: 16px;
		letter-spacing: 0;
	}
	.area_tit .other:last-child > span > span {
		font-family: var(--font02);
		letter-spacing: -0.5px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.area_head {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: center;
    }
	.area_head .area_tit {
        display: inline-flex;
        flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
    }
	.area_tit .thirty {
        color: var(--red);
        font-weight: 600;
        font-size: 42px;
        letter-spacing: -2px;
        padding-right: 4px;
    }
    .area_tit .other {
        font-size: 26px;
        /* padding-top: 4px; */
        letter-spacing: 2px;
    }
	.area_tit .other > span {
		font-family: var(--font02);
		letter-spacing: -0.5px;
	}
}
@media (min-width: 1024px) {
	.area_head {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: center;
    }
	.area_head .area_tit {
        display: inline-flex;
        flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
    }
	.area_tit .thirty {
        color: var(--red);
        font-weight: 600;
        font-size: 58px;
        letter-spacing: -2px;
        padding-right: 4px;
    }
    .area_tit .other {
        font-size: 34px;
        padding-top: 4px;
        letter-spacing: 2px;
    }
	.area_tit .other > span {
		font-family: var(--font02);
	}
}


/* ==============================
 product_col_wrap 
============================== */
.product_col_wrap {
	margin: 0 auto;
}
.product_col {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product_item {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	}
.product_item_image {
	width: 100%;
}
.product_item_text {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.special_price_area .product_item_text {
	background: #fff;
}
.item_type {
	border-bottom: 1px dotted var(--main);
}
.item_type .thirty {
	font-family: var(--font02);
	font-weight: 600;
}
.item_price_head {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.item_price_head .price {
	font-family: var(--font02);
}
.item_price_head .special {
	color: var(--red);
}
.item_price {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	color: var(--red);
}
.item_price .arrow {
	font-weight: bold;
}
 .item_price .price {
	font-family: var(--font02);
	font-weight: 600;
}
.item_price .yen {
	font-weight: bold;
}
@media (max-width: 599px) {
    .product_col {
		gap: 30px;
	}
    .product_item {
		width: 100%;
		}
    .product_item_image {
        display: flex;
		width: 100%;
	}
    .product_item_text {
		width: 100%;
		padding: 14px 0;
	}
	.special_price_area .product_item_text {
		background: #fff;
	}
    .item_type {
        width: 100%;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        letter-spacing: 1px;
        border-bottom: 1px dotted var(--main);
        padding-bottom: 10px;
        margin: 0 auto 12px;
    }
    .item_type .thirty {
        font-size: 20px;
        letter-spacing:-1px;
        padding: 0 1px;
    }
    .item_name {
        font-size: 20px;
        margin-bottom: 9px;
        letter-spacing: -0.5px;
    }
	.special_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name {
		font-size: 20px;
		letter-spacing: -2px;
	}
    .item_name .sub {
        font-size: 14px;
        letter-spacing: -0.5px;
    }
	.flat_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name .sub {
		letter-spacing: -1.5px;
	}
	.special_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name .sub {
		letter-spacing: -1.5px;
	}
	.item_price_head .price {
		font-size: 20px;
		letter-spacing: -0.5px;
		padding:0 5px 0 0;
	}
	.item_price_head .yen {
		font-size: 14px;
	}
    .item_price_head .special {
		font-size: 20px;
		padding: 0 0 3px 5px;
	}
    .item_price {
        line-height: 1.6;
		padding-left: 6px;
        margin-top: -8px;
	}
    .item_price .arrow {
        font-size: 24px;
		padding: 0 5px 3px 0;
    }
	 .item_price .price {
		font-size: 36px;
		letter-spacing: -1px;
	}
    .item_price .yen {
        font-size: 18px;
		padding: 8px 0 0 5px;
    }
	.item_note {
		font-size:12px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .product_col_wrap {
		max-width: 1023px;
		padding: 20px 0;
	}
    .product_col {
		gap: 30px 10px;
	}
    .product_item {
		width: 48%;
		}
    .product_item_image {
        display: flex;
		width: 100%;
	}
    .product_item_text {
		width: 100%;
		padding: 14px 8px;
	}
	.special_price_area .product_item_text {
		background: #fff;
	}
    .item_type {
        width: 90%;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        border-bottom: 1px dotted var(--main);
        padding-bottom: 10px;
        margin: 0 auto 12px;
    }
    .item_type .thirty {
        font-size: 22px;
        letter-spacing:-1px;
        padding: 0 2px 0;
    }
    .item_name {
        font-size: 19px;
        margin-bottom: 9px;
        letter-spacing: -0.5px;
    }
	.special_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name {
		font-size: 20px;
		letter-spacing: -3px;
	}
    .item_name .sub {
        font-size: 14px;
        letter-spacing: -0.5px;
    }
	.flat_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name .sub {
		letter-spacing: -1.5px;
	}
	.special_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name .sub {
		letter-spacing: -1px;
	}
	.item_price_head .price {
		font-size: 22px;
		letter-spacing:-1px;
		padding: 0px 4px 0 0;
	}
	.item_price_head .yen {
		font-size: 14px;
	}
    .item_price_head .special {
		font-size: 22px;
		padding: 0 0 3px 5px;
	}
    .item_price {
        line-height: 1.6;
		padding-left: 6px;
        margin-top: -10px;
	}
    .item_price .arrow {
        font-size: 24px;
		padding: 0 5px 3px 0;
    }
	 .item_price .price {
		font-size: 36px;
		letter-spacing:-1px;
	}
    .item_price .yen {
        font-size: 18px;
		padding: 5px 0 0 5px;
    }
	.item_note {
		font-size:12px;
	}
}

@media (min-width: 1024px) {
	.product_col_wrap {
		max-width: 1340px;
		padding: 50px 30px 70px;
	}
    .product_col {
		gap: 40px 10px;
	}
    .product_item {
		width: 32%;
	}
    .product_item_image {
        display: flex;
		width: 100%;
	}
    .product_item_text {
		width: 100%;
		padding: 14px 8px;
	}
	.special_price_area .product_item_text {
		background: #fff;
	}
    .item_type {
        width: 90%;
        font-size: 18px;
        border-bottom: 1px dotted var(--main);
        padding-bottom: 10px;
        margin: 0 auto 12px;
    }
    .item_type .thirty {
        font-size: 24px;
		letter-spacing:-1px;
        padding: 0 3px;
    }
    .item_name {
        font-size: 22px;
        margin-bottom: 9px;
        letter-spacing: -0.5px;
    }
	.special_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name {
		font-size: 22px;
		letter-spacing: -3px;
	}
    .item_name .sub {
        font-size: 16px;
        letter-spacing: -0.5px;
    }
	.special_price_area .product_col_wrap .product_col 
	.product_item:last-of-type .item_name .sub {
		letter-spacing: -1px;
	}
	.item_price_head .price {
		font-size: 22px;
		letter-spacing:-1px;
		padding:2px 5px 0 0;
	}
	.item_price_head .yen {
		font-size: 15px;
	}
    .item_price_head .special {
		font-size: 26px;
		padding: 0 0 3px 5px;
	}
    .item_price {
        line-height: 1.6;
		padding-left: 6px;
        margin-top: -11px;
	}
    .item_price .arrow {
        font-size: 24px;
		padding: 0 5px 3px 0;
    }
	 .item_price .price {
		font-size: 42px;
		letter-spacing:-1px;
	}
    .item_price .yen {
        font-size: 21px;
		padding: 5px 0 0 5px;
    }
	.item_note {
		font-size:12px;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	.product_item {
		width: 48%;
	}
}

/* ==============================
 reserve_btn_area 
============================== */
.reserve_btn_area {
	margin: 0 auto;
}
.reserve_btn_01,
.reserve_btn_02 {
	margin: 0 auto;
}
.reserve_btn_01 a {
	display: block;
	background: var(--red);
	color: #fff;
    border:1px solid var(--red);
}
.reserve_btn_02 a {
	display: block;
	background: #fff;
	color: var(--red);
    border:1px solid var(--red);
}
@media (max-width: 599px) {
	.reserve_btn_area {
		padding: 30px 20px;
	}
	.reserve_btn_01,
    .reserve_btn_02 {
		width: 100%;
	}
	.reserve_btn_02 {
        margin-top: 20px;
    }
	.reserve_btn_01 a,
    .reserve_btn_02 a {
		padding: 10px 0;
		font-size: 16px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .reserve_btn_area {
		max-width: 1023px;
		padding: 50px 20px;
	}
	.reserve_btn_01,
    .reserve_btn_02 {
		width: 70%;
	}
	 .reserve_btn_02 {
        margin-top: 20px;
    }
	.reserve_btn_01 a,
    .reserve_btn_02 a {
		padding: 10px 0;
		font-size: 16px;
	}
}
@media (min-width: 1024px) {
	.reserve_btn_area {
		//max-width: 1360px;
		padding: 50px 70px 50px;
	}
	.reserve_btn_01,
    .reserve_btn_02 {
		width: 50%;
	}
    .reserve_btn_02 {
        margin-top: 20px;
    }
	.reserve_btn_01 a,
    .reserve_btn_02 a {
		padding: 20px 0;
		font-size: 20px;
	}
}



/* ------------------------------------------------------- 
	
 - COMMON
/ hokuoh_interior_area
/ carpet_interior_area
/ lightarium_interior_area

------------------------------------------------------- */
/* ==============================
 special_contents_head 
============================== */
.special_contents_head {
    position: relative;
    margin: 0 auto;
}
@media (max-width: 599px) {
	.special_contents_head {
		max-width:100%;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .special_contents_head {
		margin:0 auto;
	}
}
@media (min-width: 1024px) {
    .special_contents_head {
	    max-width: 1340px;
    }
}

/* ======================
special_contents_tit_wrap
====================== */
.special_contents_tit_wrap {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: linear-gradient(90deg, #b19d6e, var(--gold02));
    justify-content: center;
}
.special_contents_tit {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: #fff;
    line-height: 1;
}
.special_contents_tit:first-child {
    position:relative;
}
.special_contents_tit:first-child::after {
    position:absolute;
    content:"";
    background-color: #fff;
}
.special_contents_tit .thirty {
    font-family: var(--font02);
    font-weight: 600;
}
    
@media (max-width: 599px) {
    .special_contents_tit_wrap {
		flex-direction: column;
		gap: 11px;
		padding: 10px 0 11px;
		margin-bottom: 30px;
		width: 100%;
	}
	.lightarium_interior_area 
	.special_contents_tit_wrap {
		
	}
    .special_contents_tit {
        font-size: 22px;
        letter-spacing: 1px;
    }
	.special_contents_tit:first-child {
		padding-bottom: 4px;
		font-size: 18px;
		letter-spacing: 2px;
	}
	.special_contents_tit:first-child::after {
		width: 140px;
		height: 2px;
		bottom: -3px;
		left: -4%;
	}
    .special_contents_tit .thirty {
        font-size: 22px;
        letter-spacing: 0;
        padding: 2px 2px 0 0;
    }
    .special_contents_tit .th {
        font-size: 14px;
        padding-right: 2px;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .special_contents_tit_wrap {
		width: 95%;
		gap: 20px;
		padding: 5px 0 4px;
	}
    .special_contents_tit {
        font-size: 28px;
        letter-spacing:2px;
    }
	.special_contents_tit:first-child {
		padding-right: 16px;
	}
	.special_contents_tit:first-child::after {
		width: 2px;
		height: 24px;
		bottom: 8px;
		left: 100%;
	}
    .special_contents_tit .thirty {
        font-size: 40px;
        letter-spacing: -2px;
        padding: 0 5px 0 0;
    }
    .special_contents_tit .th {
        font-size: 28px;
        padding-right: 3px;
    }
    
}
@media (min-width: 1024px) {
    .special_contents_tit_wrap {
		width: 900px;
		gap: 24px;
		padding: 2px 0 2px;
	}
    .special_contents_tit {
        font-size: 37px;
        letter-spacing:2px;
    }
	.special_contents_tit:first-child {
		padding-right:20px;
	}
	.special_contents_tit:first-child::after {
		width: 2px;
		height: 39px;
		bottom: 5px;
		left: 100%;
	}
    .special_contents_tit .thirty {
        font-size: 50px;
        letter-spacing: -2px;
        padding: 3px 6px 0 0;
    }
    .special_contents_tit .th {
        font-size: 35px;
        padding-right: 4px;
    }
}

/* ======================
special_contents_subtit
====================== */
.special_contents_subtit {
    position:absolute;
    font-weight:normal;
    text-align: left;
    font-family: var(--font03);
    color: var(--gold02);
    writing-mode: vertical-rl;
}
.special_contents_subtit .line {
    display: block;
}
.special_contents_subtit .indent {
    margin-top: 1em;
}
.special_contents_subtit span span {
    display: inline-block;
    opacity: 0;
    filter: blur(4px);
    transform: translateY(20px);
}
.special_contents_subtit.is-active span span {
    animation: charFade 0.8s ease forwards;
}

@keyframes charFade {
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
    }
}

@media (max-width: 599px) {
    .special_contents_subtit {
        font-size: 25px;
    }
    .hokuoh_interior_area 
    .special_contents_subtit {
        height: 323px;
        top: 100px;
        left: 2%;
        background: #fff;
        padding: 20px 0 0;
    }
    .carpet_interior_area 
    .special_contents_subtit {
        height: 360px;
        top: 94px;
        right: 0%;
        background: #fff;
        padding: 20px 0 0;
        line-height: 1.2;
    }
    .lightarium_interior_area 
    .special_contents_subtit {
        height: 410px;
        top: 96px;
        left: 2%;
        background: #fff;
        padding: 20px 0 0;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .special_contents_subtit {
        font-size: 34px;
    }
    .hokuoh_interior_area 
    .special_contents_subtit {
        height: 465px;
        top: 64px;
        left: 4%;
    }
    .carpet_interior_area 
    .special_contents_subtit {
        height: 440px;
        top: 110px;
        right: 1%;
        line-height: 1.1;
    }
    .lightarium_interior_area 
    .special_contents_subtit {
        height: 524px;
        top: 68px;
        left: 4%;
    }
}
@media (min-width: 1024px) {
    .special_contents_subtit {
        font-size: 62px;
    }
    .hokuoh_interior_area 
    .special_contents_subtit {
        height: 800px;
        top: 20px;
        left: 7%;
    }
    .carpet_interior_area 
    .special_contents_subtit {
        height: 800px;
        top: 20px;
        right: 0%;
    }
    .lightarium_interior_area 
    .special_contents_subtit {
        height: 950px;
        top: -42px;
        left: 7%;
    }
}



/* ==============================
 event_contents_wrap 
============================== */
.event_contents_wrap {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
}
.center_image {
    width: 100%;
    display: flex;
    /* box-shadow: 6px 5px 0 var(--gold02); */
}
.event_contents_col {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}
.event_contents_col_text {
    text-align: left;
}
.event_contents_col_text > span {
    font-family: var(--font02);
    text-decoration-line: underline;
    text-decoration-color: #FFEB3B;
    text-decoration-skip-ink: none;
}
.event_contents_col_image {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(90deg, #b19d6e, var(--gold02));
}
.pickup_head {
    font-family: var(--font03);
    color: #fff;
}
.pickup_text {
    text-align: left;
    border-top: 1px solid #fff;
    color: #fff;
 }
.pickup_text .t01 {
    line-height: 1.4;
    display: inline-block;
    font-family: var(--font03);
}
.pickup_text .t02 {
    line-height: 1.4;
    display: inline-block;
    font-family: var(--font03);
}
.pickup_text .t02 > span {
		display:block;
}
.pickup_text > p > span {
	font-family:var(--font03);
}
@media (max-width: 599px) {
	.event_contents_wrap {
		width:100%;
		margin: 0 auto;
		gap: 18px;
	}
	.hokuoh_interior_area 
	.event_contents_wrap {
		align-items: flex-end;
	}
	.carpet_interior_area 
	.event_contents_wrap {
		align-items: flex-start;
	}
	.lightarium_interior_area 
	.event_contents_wrap {
		align-items: flex-end;
	}
    .center_image {
        width: 83%;
        display: flex;
        flex-direction: row;
    }
	.carpet_interior_area 
	.center_image {
        width: 80%;
	}
    .event_contents_col {
        gap: 20px;
        margin-bottom: 40px;
        flex-direction: column;
        flex-wrap: wrap;
    }
	.hokuoh_interior_area 
	.event_contents_col {
		align-items: flex-end;
	}
	.carpet_interior_area 
	.event_contents_col {
		align-items: flex-start;
	}
	.lightarium_interior_area 
	.event_contents_col {
		align-items: flex-end;
	}
    .event_contents_col_text {
        width: 83%;
        font-size: 14px;
        line-height: 2;
        align-items: flex-start;
    }
	.carpet_interior_area 
	.event_contents_col_text {
		width: 80%;
	}
	.event_contents_col_text > span {
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0;
		text-decoration-thickness: 10px;
		text-underline-offset: -7px;
	}
    .event_contents_col_image {
        width: 99%;
    }
    .pickup_head {
        font-size: 20px;
        padding: 20px 0 0;
        letter-spacing: 3px;
    }
    .pickup_image {
        width: 75%;
        padding: 10px 0;
    }
    .pickup_text {
        width: 85%;
        font-size: 14px;
        line-height: 1.5;
        padding: 20px 0px 16px;
    }
    .pickup_text .t01 {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .pickup_text .t02 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .hokuou_contents .pickup_text .t02 {
        letter-spacing: 1px;
    }
	.lightarium_contents .pickup_text .t02 {
        letter-spacing: -0.5px;
    }
    .pickup_text .t02 > span {
		font-size: 16px;
	}
    .pickup_text p {
        font-size: 13px;
        margin-bottom: 14px;
    }
    .pickup_text > p > span {
		font-size: 17px;
		padding-right:3px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.event_contents_wrap {
        margin: 0 auto;
        padding: 50px 0px 20px;
    }
    .center_image {
        width: 75%;
    }
    .event_contents_col {
        gap: 5px;
        margin-top: -50px;
    }
	.carpet_contents .event_contents_col {
		flex-direction: row-reverse;
	}
    .event_contents_col_text {
        width: 50%;
        font-size: 14px;
        line-height: 2.2;
        padding: 50px 40px 20px;
        margin-top: 100px;
        word-break: auto-phrase;
    }
    .event_contents_col_text > span {
		font-size: 17px;
		font-weight: 600;
		letter-spacing: -1px;
		text-decoration-thickness: 12px;
		text-underline-offset: -6px;
	}
    .event_contents_col_image {
        width: 44%;
    }
    .pickup_head {
        font-size: 17px;
        letter-spacing: 4px;
        padding: 18px 0 5px;
    }
    .pickup_image {
        width: 80%;
        padding: 10px 0;
    }
    .pickup_text {
        width: 80%;
        padding: 16px 3px 30px;
    }
    .pickup_text .t01 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .pickup_text .t02 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .pickup_text .t02 > span {
		font-size: 16px;
	}
    .pickup_text p {
        font-size: 13px;
        line-height: 1.6;
    }    
	.pickup_text > p > span {
		font-size:18px;
		padding-right:3px;
	}
    .lightarium_contents .pickup_text p:last-child {
		margin-top:8px;
    }
}
@media (min-width: 1024px) {
    .event_contents_wrap {
        max-width: 1340px;
        margin: 0 auto;
        padding: 50px 30px 70px;
    }
	.lightarium_interior_area 
	.event_contents_wrap {
		padding: 40px 30px 70px;
	}
    .center_image {
        width: 70%;
    }
    .event_contents_col {
        gap: 80px;
        margin-top: -90px;
    }
	.carpet_contents .event_contents_col {
		flex-direction: row-reverse;
	}
    .event_contents_col_text {
        width: 60%;
        font-size: 20px;
        line-height: 2.2;
        padding: 50px 50px 50px;
        margin-top: 220px;
		word-break: auto-phrase;
    }
    .event_contents_col_text > span {
		font-size: 24px;
		font-weight: 600;
		letter-spacing: -1px;
		text-decoration-thickness: 12px;
		text-underline-offset: -6px;
	}
    .event_contents_col_image {
        width: 39%;
    }
    .pickup_head {
        font-size: 24px;
        letter-spacing: 6px;
        padding: 24px 0 8px;
    }
    .pickup_image {
        width: 80%;
        padding: 10px 0;
    }
    .pickup_text {
        width: 80%;
        padding: 24px 16px 40px;
    }
    .pickup_text .t01 {
        font-size: 13px;
    }
    .pickup_text .t02 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .pickup_text .t02 > span {
		font-size:18px;
	}
    .pickup_text p {
        font-size: 14px;
        line-height: 1.6;
    }
    .pickup_text > p > span {
		font-size:18px;
		padding-right:3px;
	}
	.lightarium_contents .pickup_text p:last-child {
	    margin-top:10px;
	}
}


/* ==============================
 recommend_wrap 
============================== */
.recommend_wrap {
        
}
.recommend_col {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 0 auto;
}
.recommend_item {
	display: flex;
	flex-direction: column;
}
.recommend_image {
	display: flex;
}
.recommend_item_logo {
	margin: 0 auto;
}
.recommend_item_brand {
	font-weight:bold;
	font-family:var(--font03);
	text-align: center;
}
.recommend_item_text {
	text-align: left;
	border-bottom: 1px dotted var(--gold02);
}
.recommend_item_name_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.recommend_item_name {
	font-family: var(--font03);
	justify-content: flex-end;
	display: flex;
	flex-direction: column;
	margin-top: auto;
	font-weight: bold;
	text-align: left;
}
.recommend_item_name ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.recommend_item_price {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
}
.recommend_item_price > span {
	font-family: var(--font03);
}
@media (max-width: 599px) {
	.recommend_col {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px;
        padding: 10px 20px;
    }
    .recommend_item {
        width: 100%;
        gap: 12px;
    }
    .recommend_item_logo {
        width: 60%;
        padding-top: 10px;
    }
	.recommend_item_brand {
        padding: 0 14px;
	}
	.recommend_item_text {
        line-height: 1.6;
        font-size: 13px;
        margin: 0;
        padding-bottom: 13px;
    }
	.recommend_item_name_wrap {
		gap: 10px;
		margin: 0 8px;
	}
    .recommend_item_name {
        padding-top: 10px;
    }
    .recommend_item_name > span {
        font-size: 15px;
    }
    .recommend_item_name ul {
        gap: 5px;
        margin-top: 0;
    }
    .recommend_item_name ul li {
        font-size: 20px;
    }
	.recommend_item_name ul li:last-child {
    }
    .recommend_item_name ul li span.fs{
        font-size: 13px;
        letter-spacing: -1px;
    }
	.recommend_item_price {
		font-size:12px;
	}
	.recommend_item_price > span {
		font-size: 18px;
		padding: 0 3px 7px;
		letter-spacing: -0.3px;
	}
	.recommend_item_note {
	    font-size: 12px;
        text-align: left;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.recommend_col {
        max-width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 50px 26px;
        padding: 20px;
    }
    .recommend_item {
        width: 48%;
        gap: 16px;
    }
    .recommend_item_logo {
        width: 40%;
    }
	.recommend_item_brand {
        padding: 0 14px;
	}
	.recommend_item_text {
        line-height: 1.6;
        font-size: 13px;
        margin: 0 14px;
        padding-bottom: 14px;
    }
	.hokuoh_interior_area 
	.recommend_item_text {
        min-height: 88px;
 }
	.carpet_interior_area 
	.recommend_item_text {
		min-height: 98px;
	}
	.lightarium_interior_area 
	.recommend_item_text {
		min-height: 120px;
	}
	.recommend_item_name_wrap {
		gap: 10px;
		margin: 0 14px;
	}
    .recommend_item_name {
        min-height: 60px;
    }
	.lightarium_interior_area 
	.recommend_item_name {
       min-height: 62px;
    }
    .recommend_item_name > span {
        font-size: 13px;
    }
    .recommend_item_name ul {
        gap: 10px;
        margin-top: 0px;
    }
    .recommend_item_name ul li {
        font-size: 18px;
    }
    .recommend_item_name ul li span.fs{
        font-size: 14px;
    }
	.recommend_item_price {
		flex-wrap:wrap;
		font-size: 12px;
	}
	.recommend_item_price > span {
		font-size: 18px;
		padding: 0 3px 7px;
		letter-spacing: -0.3px;
	}
	.recommend_item_note {
	    font-size: 11px;
	    text-align: left;
	}
}
@media (min-width: 1024px) {
    .recommend_col {
        max-width: 1340px;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 40px;
        padding: 20px 30px;
    }
    .recommend_item {
        width: 32%;
        gap: 20px;
    }
    .recommend_item_logo {
        width: 40%;
    }
	.recommend_item_brand {
        padding: 0 14px;
	}
	.recommend_item_text {
        line-height: 1.6;
        font-size: 14.8px;
        margin: 0 14px;
        padding-bottom: 14px;
    }
	.hokuoh_interior_area 
	.recommend_item_text {
        min-height: 88px;
	}
	.carpet_interior_area 
	.recommend_item_text {
		min-height: 112px;
	}
	.lightarium_interior_area 
	.recommend_item_text {
		min-height: 134px;
	}
	.recommend_item_name_wrap {
		gap: 10px;
		margin: 0 14px;
	}
    .recommend_item_name {
        min-height: 65px;
    }
	.lightarium_interior_area 
	.recommend_item_name {
       min-height: 65px;
    }
    .recommend_item_name > span {
        font-size: 16px;
    }
    .recommend_item_name ul {
        gap: 10px;
    }
    .recommend_item_name ul li {
        font-size: 22px;
    }
    .recommend_item_name ul li span.fs{
        font-size: 16px;
    }
	.recommend_item_price > span {
		font-size: 22px;
		padding: 0 3px 7px;
		letter-spacing: -0.3px;
	}
	.recommend_item_note {
	    font-size: 12px;
        text-align: left;
	}
}


/* ==============================
 special_contents_note
============================== */
 .special_contents_note {
    text-align: right;
    margin:0 auto;
}
.special_contents_note ul {
    display: inline-block;
    text-align: left;
}
@media (max-width: 599px) {
    .special_contents_note ul li {
        font-size: 11px;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.special_contents_note {
        padding: 0px 20px;
    }
	.special_contents_note ul li {
        font-size: 11px;
    }
}
@media (min-width: 1024px) {
    .special_contents_note {
        max-width:1340px;
        padding: 50px 30px 0px;
    }
    .special_contents_note ul {
    }
    .special_contents_note ul li {
        font-size: 12px;
    }
}


 /* ------------------------------------------ 
	
 - flat_price_area / sec_01
 
------------------------------------------  */
.flat_price_area {
    background: var(--ivory);
}
@media (max-width: 599px) {
	.flat_price_area {
	    padding: 40px 20px 20px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.flat_price_area {
        padding: 70px 20px 30px;
    }
}
@media (min-width: 1024px) {
    .flat_price_area {
	    padding: 90px 20px 0;
	}
}





 /* ------------------------------------------ 
	
 - special_price_area / sec_02

------------------------------------------  */
.special_price_area {
	background: var(--lightgray);
}
@media (max-width: 599px) {
	.special_price_area {
	    padding: 50px 20px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .special_price_area {
        padding: 70px 20px 50px;
    }
}
@media (min-width: 1024px) {
    .special_price_area {
	    padding: 90px 20px 40px;
	}
}




/* ------------------------------------------ 
	
 - hokuoh_interior_area / sec_03

------------------------------------------  */
.hokuoh_interior_area {
    background: var(--beige);
}
@media (max-width: 599px) {
	.hokuoh_interior_area {
	    padding: 50px 20px 40px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.hokuoh_interior_area {
        padding: 70px 20px 50px;
    }
}
@media (min-width: 1024px) {
    .hokuoh_interior_area {
	    padding: 120px 20px 100px;
	}
}





/* ------------------------------------------ 
	
 - carpet_interior_area / sec_04

------------------------------------------  */

@media (max-width: 599px) {
	.carpet_interior_area {
	    padding: 60px 20px 40px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.carpet_interior_area {
        padding: 70px 20px 50px;
    }
}
@media (min-width: 1024px) {
	.carpet_interior_area {
	    padding: 120px 20px 100px;
	}
}



/* ------------------------------------------ 
	
 - lightarium_interior_area / sec_05

------------------------------------------  */
.lightarium_interior_area {
    background: var(--beige);
}
@media (max-width: 599px) {
	.lightarium_interior_area {
	    padding: 60px 20px 40px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.lightarium_interior_area {
        padding: 70px 20px 50px;
    }
}
@media (min-width: 1024px) {
	.lightarium_interior_area {
	    padding: 120px 20px 100px;
	}
}




/* ------------------------------------------ 
	
 - campaign_area / sec_06

------------------------------------------  */
.campaign_area {
	margin: 0 auto;
}
.campaign_head {
	display: flex;
	flex-direction: column;
}
.campaign_head_image {
	margin: 0 auto;
	display: flex;
}
.campaign_text {
	text-align:left;
	margin: 0 auto;
}
@media (max-width: 599px) {
	.campaign_area {
		padding: 62px 30px 20px;
	}
    .campaign_head {
        gap: 26px;
    }
    .campaign_head_image {
        max-width: 860px;
    }
    .campaign_image {
        max-width: 100%;
        margin: 0 auto 22px;
    }
    .campaign_text {
        max-width: 860px;
    }
    .campaign_text p {
        margin-bottom: 14px;
        line-height: 1.8;
        font-size: 13px;
    }
    .campaign_text .note {
        font-size: 12px;
        line-height: 1.6;
        text-indent: -12px;
        padding-left: 12px;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.campaign_area {
		max-width: 100%;
		padding: 70px 60px 30px;
	}
    .campaign_head {
        gap: 40px;
    }
    .campaign_head_image {
        max-width: 860px;
    }
    .campaign_image {
        max-width: 860px;
        margin: 0 auto 30px;
    }
    .campaign_text {
        max-width: 860px;
		font-size:14px;
    }
    .campaign_text p {
        margin-bottom:20px;
        line-height: 1.8;
    }
    .campaign_text .note {
        font-size: 12px;
        text-indent: -12px;
        padding-left: 12px;
    }
}
@media (min-width: 1024px) {
    .campaign_area {
		max-width: 1340px;
		padding: 120px 20px 60px;
	}
    .campaign_head {
        gap: 40px;
    }
    .campaign_head_image {
        max-width: 860px;
    }
    .campaign_image {
        max-width: 860px;
        margin: 0 auto 30px;
    }
    .campaign_text {
        max-width: 860px;
    }
    .campaign_text p {
        margin-bottom:20px;
        line-height: 1.8;
    }
    .campaign_text .note {
        font-size: 12px;
        text-indent: -12px;
        padding-left: 12px;
    }
}



/* ------------------------------------------ 
	
 - dx_price_area / sec_00

------------------------------------------  */
.dx_price_area {
    background: #c7e4e7;
}
/* -------------------------------
 price_container
------------------------------- */
.price_container{
	position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.price_container{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background: #fbfafa;
}
.price_container .price_wrap{
	position: relative;
    display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 1280px;
	margin: 0 auto;
	padding: 5%;
}
.price_container .price_wrap h2{
	padding: 0 0 4%;
	font-size: 32px;
	font-family: "M PLUS 2", sans-serif;
	font-weight: 900;
	color: #222;
	line-height: 1.8;
}
.price_container .price_wrap h2 img{
	max-width: 200px;
    margin-bottom: -15px;
}
.price_container .price_wrap p{
	padding: 0 0 2%;
    font-family: "M PLUS 2", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.8;
}
.price_container .price_wrap .price_head{
	width: 77%;
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px solid;
}
.price_container .price_wrap p .small{
	font-size: 13px;
}
.price_container .price_wrap .p_note{
	font-size: 13px;
	font-weight: 400;
}
@media only screen and (max-width: 599px) {
    .price_container .price_wrap {
		width: 90%;
		margin: 5% auto;
		padding: 2%;
	}
	.price_container .price_wrap h2 {
		font-size: 16px;
	}
	.price_container .price_wrap h2 img {
		max-width: 160px;
	}
	.price_container .price_wrap .price_head {
		width: 100%;
	}
	.price_container .price_wrap p {
		font-size: 14px;
		text-align: left;
	}
}
/* ----------------------------------------------------
 air_container
---------------------------------------------------- */
.air_container{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 83px;
}
.air_container .air_wrap{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.air_container img{
	width: 80%;
}
.air_container h2{
	position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    padding: 1%;
    padding-right: 4%;
    font-size: 2.4vw;
    font-family: "M PLUS 2", sans-serif;
    font-weight: 800;
    color: #222;
    background: #fff;
}
.air_container h2 span{
	color: #08917f;
	font-size: 1.4em;
	font-weight: 900;
}
.air_container .air_wrap .air_text{
	position: absolute;
	bottom: -10%;
	right: 0;
	width: 50%;
	padding: 4% 5% 3%;
	background: #fff;
	z-index: 10;
}
.air_container .air_wrap .air_text h3{
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 16px;
	color: #d10f31;
	font-family: "M PLUS 2", sans-serif;
	font-weight: 800;
	border-bottom: 1px solid #222;
}
.air_container .air_wrap .air_text p{
	font-size: 15px;
	font-family: "M PLUS 2", sans-serif;
	text-align: left;
	line-height: 1.7;
	margin-bottom: 20px;
}
.air_container .air_wrap .air_text .p_note {
	font-size: 12px;
	text-indent: -12px;
	padding-left: 12px;
}
.air_container .air_wrap .air_text p > a {
	font-size: 13px;
	font-weight: 700;
	border-bottom: 1px solid var(--main);
}
.air_container .air_wrap .air_text .air_note{
	padding-top: 20px;
	font-size: 13px;
}
.air_container .air_wrap .air_text .air_note a{
	padding-top: 10px;
	font-size: 1.1em;
	border-bottom: 1px solid;
}
@media only screen and (max-width: 599px) {
	.air_container{
		padding-bottom:0;
	}
	.air_container .air_wrap{
		flex-direction: column;
	}
	.air_container img {
		width: 90%;
		margin-top: 20px;
	}
	.air_container h2{
		position: initial;
		width: 90%;
		padding: 4% 3% 1%;
		font-size: 22px;
	}
	.air_container .air_wrap .air_text {
		position: initial;
		width: 90%;
	}
	.air_container .air_wrap .air_text h3 {
		font-size: 17px;
	}
	.air_container .air_wrap .air_text p {
		font-size: 14px;
	}
	.air_container .air_wrap .air_text .air_note {
		font-size: 13px;
	}
	.air_container .air_wrap .air_text::after {
		content: "";
		position: absolute;
		top: 0%;
		left: 3%;
		width: 130px;
		height: 60px;
	}
}
@media (min-width: 600px) and (max-width: 1300px) {
	.air_container{
		padding-bottom:0;
	}
	.air_container .air_wrap{
		flex-direction: column;
	}
	.air_container img {
		width: 90%;
		margin-top: 50px;
	}
	.air_container h2{
		position: initial;
		width: 90%;
		padding: 1% 3%;
		font-size: 33px;
	}
	.air_container .air_wrap .air_text {
		position: initial;
		width: 90%;
	}
	.air_container .air_wrap .air_text h3 {
		font-size: 28px;
	}
	.air_container .air_wrap .air_text p {
		font-size: 16px;
	}
	.air_container .air_wrap .air_text .air_note {
		font-size: 13px;
	}
	.air_container .air_wrap .air_text::after {
		content: "";
		position: absolute;
		top: 0%;
		left: 3%;
		width: 130px;
		height: 60px;
	}
}





/* ------------------------------------------ 
	
 - service_introduction_area / sec_07

------------------------------------------  */
/* 
 service_introduction_area
======================= */
.service_introduction_area {
	position: relative;
    width: 100%;
    display: flex;
    margin: 0 auto;
	align-items: center;
    flex-direction: column;
    background: var(--beige);
}
.service_intro_title {
    position: relative;
    width: 100%;
    text-align: right;
    font-weight: 200;
    font-family: var(--font02);
    color: var(--gold02);
}
.service_intro_subtitle {
	position: absolute;
    font-weight: 500;
}
@media (max-width: 599px) {
	.service_introduction_area {
	    padding: 40px 20px 56px;
	    gap: 50px;
	}
	.service_intro_title {
	    font-size: 36px;
	    padding: 30px 10px 0;
	    letter-spacing: 1px;
	    line-height:1;
	}
	.service_intro_subtitle {
		top: 10px;
		right: 14px;
		font-size: 12px;
		letter-spacing: 0;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.service_introduction_area {
	    padding: 70px 20px 90px;
	    gap: 50px;
	}
	.service_intro_title {
	    font-size: 50px;
	    padding: 30px 10px 0;
	    letter-spacing: 1px;
	    line-height:1;
	}
	.service_intro_subtitle {
		top: 10px;
		right: 14px;
		font-size: 12px;
		letter-spacing: 0;
	}	
}
@media (min-width: 1024px) {
	.service_introduction_area {
	    padding: 5% 3% 0;
	}
	.service_intro_title {
	    max-width: 1340px;
	    font-size: 80px;
	    padding: 20px 30px;
	    margin-bottom: 50px;
	    letter-spacing: 5px;
	}
	.service_intro_subtitle {
		top: 10px;
	    right: 36px;
	    font-size: 16px;
	    letter-spacing: 0;
	}
}


/* ======================
 coordinate_col / reverse
====================== */
.coordinate_col {
    width: 100%;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.coordinate_col li {
    z-index: 2;
    color: var(--gold02);
}
.coordinate_col li:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.coordinate_col.reverse {
    flex-direction: row-reverse !important;
}
.coordinate_col.reverse li:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
@media (max-width: 599px) {
   .coordinate_col {
	    padding: 0 10px;
	    flex-direction: column;
	}
	.coordinate_col li {
	    width: 100%;
	}
	.coordinate_col li:last-child {
	    width: 100%;
	    align-items: center;
	}
	.coordinate_col.reverse li:last-child {
		width: 100%;
	    align-items: center;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.coordinate_col {
	    padding: 0 48px;
	    flex-direction: column;
	}
	.coordinate_col li {
	    width: 100%;
	}
	.coordinate_col li:last-child {
	    width: 100%;
	    align-items: center;
	}
	.coordinate_col.reverse li:last-child {
		width: 100%;
	    align-items: center;
	}
}
@media (min-width: 1024px) {
	.coordinate_col {
	    max-width: 1340px;
	    padding: 20px 30px;
	    margin-bottom: 25px;
	}
	.coordinate_col li {
	    width: 44%;
	}
	.coordinate_col li:last-child {
	    width: 50%;
	}
}


/* 
 coordinate_col li  /img-frame
======================== */
.img-frame {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    margin: 0 auto;
}
.img-01, .img-02, .img-03,.img-04, .img-05, .img-06,.img-07, .img-08, .img-09, .img-10, .img-11, .img-12{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transform: scale(1); 
}

/*-------------- 1 ----------------*/
.img-01 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24134923/image01.webp);
    animation: slide-animation 12s infinite;
}
.img-02 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24134934/image02.webp);
    animation: slide-animation 12s infinite 4s;
}
.img-03 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24134944/image03.webp);
    animation: slide-animation 12s infinite 8s;
}

/*-------------- 2 ----------------*/
.img-04 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24153955/image04.webp);
    animation: slide-animation 12s infinite;
}
.img-05 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/08/12135120/adviser01.jpg);
    animation: slide-animation 12s infinite 4s;
}
.img-06 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24154017/image06.webp);
    animation: slide-animation 12s infinite 8s;
}

/*-------------- 3 ----------------*/
.img-07 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25111610/image07.webp);
    animation: slide-animation 12s infinite;
}
.img-08 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25111621/image08.webp);
    animation: slide-animation 12s infinite 4s;
}
.img-09 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25111630/image09.webp);
    animation: slide-animation 12s infinite 8s;
}

/*-------------- 4 ----------------*/
.img-10 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25123642/image10.webp);
    animation: slide-animation 12s infinite;
}
.img-11 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25123653/image11.webp);
    animation: slide-animation 12s infinite 4s;
}
.img-12 {
    background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25123702/image12.webp);
    animation: slide-animation 12s infinite 8s;
}

@keyframes slide-animation {
    0% { opacity: 0; transform: scale(1); }
    25% { opacity: 1;}
    33.33% { opacity: 1;}
    50% { opacity: 0;}
    100% { opacity: 0; transform: scale(1.1); }
}


/* 
 coordinate_col li  / img
================== */
.coordinate_col li img {
    width: 100%;
}
.coordinate_col li:last-child > img {
    width: 100%;
    transition: 2s;
}
@media (max-width: 599px) {
    .coordinate_col .img-frame {
        min-height: 280px;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.coordinate_col .img-frame {
        min-height: 550px;
    }
}
@media (min-width: 1024px) {
  
}

/* 
 coordinate_col li  / text
================== */
.coordinate_col li .sub_head {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.coordinate_col li .sub_head h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300 !important;
    font-style: normal;
    background: var(--gold02);
    color: #fff;
}
.coordinate_col li .main_head {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300 !important;
    font-style: normal;
    text-align: right;
}
.coordinate_col li p {
    width: 100%;
    text-align: left;
}
.coordinate_col li .notice_area {
    position: relative;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    background: #fdebb599;
}
.coordinate_col li .notice_area h4 {
    position: relative;
    width: 100%;
    z-index: 10;
    font-family: "Noto Sans JP", sans-serif;
}
.coordinate_col li .notice_area p {
    position: relative;
    z-index: 10;
}
.coordinate_col li .notice_area .textcenter {
    left: 50%;
    transform: translateX(-50%);
}
.coordinate_col li .notice_area img {
    position: absolute;
    object-fit: cover;
    z-index: 0;
    opacity: 0.3;
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%);
    mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 0) 75%);
}
.coordinate_col li .notice_area .m_logo {
    position: relative;
    max-width: 100%;
    bottom: initial;
    right: initial;
    -webkit-mask-image: initial;
    mask-image: initial;
    opacity: 1;
}
@media (max-width: 599px) {
    .coordinate_col li .sub_head {
	    padding: 25px 0 5px;
	    justify-content: center;
	}
	.coordinate_col li .sub_head h3 {
	    font-size: 16px !important;
	    padding: 3px 10px;
	}
	.coordinate_col li .sub_head h3 span {
	    font-size: 12px !important;
	}
	.coordinate_col li .main_head {
	    font-size: 25px;
	    line-height: 1.7;
	    text-align: center;
	}
	.coordinate_col li p {
	    font-size: 15px !important;
	    line-height: 1.8;
	    padding: 16px 0 30px;
	}
	.coordinate_col li .notice_area {
	    min-height: 220px;
	    padding: 28px 16px;
	}
	.coordinate_col li .notice_area h4 {
	    font-size: 16px;
	}
	.coordinate_col li .notice_area p {
	    width: 80%;
	    font-size: 13px !important;
	    padding: 14px 10px 0;
	    line-height: 1.8;
	}
	.coordinate_col li .notice_area .textcenter {
		width: 100%;
		padding-bottom: 16px;
	}
	.coordinate_col li .notice_area img {
	    max-width: 260px;
	    max-height: 220px;
	    bottom: 5%;
	    right: -2%;
	}
	.coordinate_col li .notice_area .m_logo {
	    padding: 0 2%;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.coordinate_col li .sub_head {
	    padding: 35px 0 15px;
	    justify-content: center;
	}
	.coordinate_col li .sub_head h3 {
	    font-size: 16px !important;
	    padding: 3px 10px;
	}
	.coordinate_col li .sub_head h3 span {
	    font-size: 12px !important;
	}
	.coordinate_col li .main_head {
	    font-size: 30px;
	    line-height: 1.7;
	    text-align: center;
	}
	.coordinate_col li p {
	    font-size: 15px !important;
	    line-height: 1.8;
	    padding: 16px 0 30px;
	}
	.coordinate_col li .notice_area {
	    min-height: 220px;
	    padding: 28px 16px;
	}
	.coordinate_col li .notice_area h4 {
	    font-size: 16px;
	}
	.coordinate_col li .notice_area p {
	    width: 61%;
	    font-size: 13px !important;
	    padding: 14px 10px 0;
	    line-height: 1.8;
	}
	.coordinate_col li .notice_area .textcenter {
		width: 100%;
		padding-bottom: 16px;
	}
	.coordinate_col li .notice_area img {
	    max-width: 260px;
	    max-height: 220px;
	    bottom: 5%;
	    right: -2%;
	}
	.coordinate_col li .notice_area .m_logo {
	    padding: 0 2%;
	}
}
@media (min-width: 1024px) {
	.coordinate_col li .sub_head {
	    padding: 5% 0 1%;
	}
	.coordinate_col li .sub_head h3 {
	    font-size: 16px !important;
	    padding: 3px 10px;
	}
	.coordinate_col li .sub_head h3 span {
	    font-size: 12px !important;
	}
	.coordinate_col li .main_head {
	    font-size: 44px;
	    line-height: 1.7;
	}
	.coordinate_col li p {
	    font-size: 16px !important;
	    line-height: 1.8;
	    padding: 32px 0;
	}
	.coordinate_col li .notice_area {
	    min-height: 220px;
	    padding: 28px 16px;
	}
	.coordinate_col li .notice_area h4 {
	    font-size: 18px;
	}
	.coordinate_col li .notice_area p {
	    width: 80%;
	    font-size: 14px !important;
	    padding: 14px 10px 0;
	}
	.coordinate_col li .notice_area img {
	    max-width: 260px;
	    max-height: 220px;
	    bottom: 5%;
	    right: -2%;
	}
	.coordinate_col li .notice_area .m_logo {
	    padding: 2%;
	}
}

/* 
 example_head
================== */
.example_head {
    width: 100%;
}
.example_head p {
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--gold02);
}
.example_head p::before {
    content: "";
    position: absolute;
    background: var(--gold01);
}
.example_head p::after {
    content: "";
    position: absolute;
    background: var(--gold01);
}
@media (max-width: 599px) {
    .example_head {
        padding: 0;
        margin: 26px auto;
    }
	.example_head p {
        font-size: 20px;
    }
    .example_head p::before {
        display: none;
    }
    .example_head p::after {
        display: none;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.example_head {
        padding: 0;
        margin: 34px auto;
    }
	.example_head p {
        font-size: 20px;
    }
    .example_head p::before {
        display: none;
    }
    .example_head p::after {
        display: none;
    }
}
@media (min-width: 1024px) {
	.example_head {
	    max-width: 1340px;
	    padding: 20px 30px 30px;
	}
	.example_head p {
	    font-size: 22px;
	}
	.example_head p::before {
	    width: 28%;
	    height: 1px;
	    top: 50%;
	    left: 0%;
	}
	.example_head p::after {
	    width: 28%;
	    height: 1px;
	    top: 50%;
	    right: 0%;
	}
}



/* 
 example_col
================== */
/* example_col
------------------------ */
.example_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
}
.example_col li {
    position: relative;
    background: rgba(255, 255, 255, .7);
    color: #222;
    border: 1px solid var(--gold01);
}
.example_col li h4 {
    position: relative;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
}
.example_col li p {
	text-align: left;
	line-height: 1.7;
}
.example_col li .c_obi {
    position: absolute;
    font-weight: bold;
    font-family: var(--font02);
    color: #fff;
    background: var(--gold01);
    border: 1px solid var(--gold01);
    border-left: none;
}
@media (max-width: 599px) {
	.example_col {
	    max-width: 100%;
	    padding: 20px 30px;
	    gap: 15px;
	}
	.example_col li h4 {
	    font-size: 19px !important;
	    padding: 34px 19px 0;
	}
	.example_col li p {
	    font-size: 14px !important;
	    padding: 14px 21px 26px;
	}
	.example_col li .c_obi {
	    top: -24%;
	    left: 0;
	    font-size: 14px !important;
	    padding: 7px 25px 5px 6px;
	    border-radius: 0px 24px 24px 0;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.example_col {
	    max-width: 100%;
	    padding: 0 30px;
	    gap: 26px;
	}
	.example_col li h4 {
	    font-size: 19px !important;
	    padding: 34px 19px 0;
	}
	.example_col li p {
	    font-size: 14px !important;
	    padding: 14px 21px 26px;
	}
	.example_col li .c_obi {
	    top: -24%;
	    left: 0;
	    font-size: 14px !important;
	    padding: 7px 25px 5px 6px;
	    border-radius: 0px 24px 24px 0;
	}
}
@media (min-width: 1024px) {
	.example_col {
	    max-width: 1340px;
	    padding: 20px 30px;
	    gap: 15px;
	}
	.example_col li h4 {
	    font-size: 19px !important;
	    padding: 34px 19px 0;
	}
	.example_col li p {
	    font-size: 14px !important;
	    padding: 14px 21px 26px;
	}
	.example_col li .c_obi {
	    top: -24%;
	    left: 0;
	    font-size: 14px !important;
	    padding: 7px 25px 5px 6px;
	    border-radius: 0px 24px 24px 0;
	}
}

/* example_col02
------------------------ */
.example_col02 li {
    display: flex;
}
.example_col02 li:last-child {
    display: flex;
}
.example_col02 li > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.example_col02 li img,
.example_col02 li:last-child img {
    object-fit: cover;
}
.example_col02 li h4 {
	text-align: left;
}
@media (max-width: 599px) {
	.example_col02 {
		flex-direction: column;
		flex-wrap: wrap;
		padding: 0 10px;
		gap: 20px;
	}
    .example_col02 li {
	    width: 100%;
	    flex-direction: column;
	    flex-wrap: wrap;
	    position: relative;
	}
	.example_col02 li:last-child {
	    width: 100%;
	}
	.example_col02 li > div {
	    padding: 2%;
	}
	.example_col02 li img,
	.example_col02 li:last-child img {
	    width: 100%;
	}
	.example_col02 li p {
	    font-size: 14px !important;
	}
	.example_col02 li .c_obi {
	    left: 0;
	    top: 54.5%;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.example_col02 li {
	    width: 50%;
	    flex-flow: column wrap;
	}
	.example_col02 li:last-child {
	    /* width: 50%; */
	}
	.example_col02 li > div {
	    padding: 2%;
	}
	.example_col02 li img,
	.example_col02 li:last-child img {
	    width: 100%;
	}
	.example_col02 li p {
	    font-size: 13px !important;
	}
	.example_col02 li .c_obi {
	    left: 0;
	    top: 58%;
	}
}
@media (min-width: 1024px) {
	.example_col02 li {
	    width: 48%;
	}
	.example_col02 li:last-child {
	    width: 50%;
	}
	.example_col02 li > div {
	    padding: 2%;
	}
	.example_col02 li img,
	.example_col02 li:last-child img {
	    width: 57%;
	}
	.example_col02 li p {
	    font-size: 14px !important;
	}
	.example_col02 li .c_obi {
	    left: 0;
	    top: 61%;
	}
}

/* example_col04
------------------------ */
.example_col04 li img,
.example_col04 li:last-child img {
    width: 100%;
    transform: translateY(0);
    opacity: 1 !important;
}
@media (max-width: 599px) {
	.example_col04 {
		flex-direction: column;
		flex-wrap: wrap;
		padding: 0 10px;
		gap: 20px;
	}
    .example_col04 li {
	    width: 100%;
	    flex-direction: column;
	    flex-wrap: wrap;
	}
	.example_col04 li:last-child {
	    width: 100%;
	}
	.example_col04 li h4 {
	    font-size: 19px !important;
	    padding: 34px 19px 0;
	}
	.example_col04 li p {
	    font-size: 14px !important;
	    padding: 14px 21px 26px;
	}
	.example_col04 li .c_obi {
	    top: -24%;
	    left: 0;
	    font-size: 14px !important;
	    padding: 7px 9% 5px 11%;
	    border-radius: 0 24px 24px 0;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.example_col04 {
	    /* flex-direction: row; */
	    flex-wrap: wrap;
	    max-width: 100%;
	    padding: 0 30px;
	    gap: 26px;
	}
	.example_col04 li {
	    width: 48%;
	}
	.example_col04 li img,
	.example_col04 li:last-child img {
	}
	.example_col04 li h4 {
	    font-size: 17px !important;
	    padding: 30px 19px 0;
	}
	.example_col04 li p {
	    font-size: 14px !important;
	    padding: 14px 21px 26px;
	}
	.example_col04 li .c_obi {
	    top: -30%;
	    left: 0;
	    font-size: 14px !important;
	    padding: 7px 27px 5px 24px;
	    border-radius: 0px 24px 24px 0;
	}
}
@media (min-width: 1024px) {
	.example_col04 {
	    max-width: 1340px;
	    padding: 20px 30px;
	    gap: 15px;
	}
	.example_col04 li {
	    width: 25%;
	}
	.example_col04 li:last-child {
	    width: 25%;
	}
	.example_col04 li img,
	.example_col04 li:last-child img {
	}
	.example_col04 li h4 {
	    font-size: 19px !important;
	    padding: 34px 19px 0;
	}
	.example_col04 li p {
	    font-size: 14px !important;
	    padding: 14px 21px 26px;
	}
	.example_col04 li .c_obi {
	    top: -24%;
	    left: 0;
	    font-size: 14px !important;
	    padding: 7px 25px 5px 20px;
	    border-radius: 0px 24px 24px 0;
	}
}


/* ----------------------------------------------- 
 - total_planning - sleep_adviser
 - cartain_coordinate - lighting_coordinate
----------------------------------------------  */

@media (max-width: 599px) {
    .total_planning,
    .sleep_adviser,
    .cartain_coordinate {
        margin-bottom: 39px;
        position:relative;
    }
    .lighting_coordinate {
        margin-bottom: 30px;
	}
	.total_planning::after,
	.sleep_adviser::after,
	.cartain_coordinate::after {
		 position:absolute;
		 content:"";
		 width: 94%;
		 height: 1px;
		 background: var(--gold01);
		 bottom: -46px;
		 left: 50%;
		 transform: translateX(-50%);
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.total_planning,
    .sleep_adviser,
    .cartain_coordinate {
        margin-bottom: 41px;
        position:relative;
    }
    .lighting_coordinate {
        margin-bottom: 30px;
	}
	.total_planning::after,
	.sleep_adviser::after,
	.cartain_coordinate::after {
		 position:absolute;
		 content:"";
		 width: 94%;
		 height: 1px;
		 background: var(--gold01);
		 bottom: -46px;
		 left: 50%;
		 transform: translateX(-50%);
	}
}
@media (min-width: 1024px) {
    .total_planning,
    .sleep_adviser,
    .cartain_coordinate,
    .lighting_coordinate {
          margin-bottom: 120px;
    }
}


/* ======================
 service
====================== */
.service {
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 599px) {
    .service {
	    width: 100%;
	    padding: 0 10px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.service {
	    width: 100%;
	    padding: 0 20px;
	}
}
@media (min-width: 1024px) {
	.service {
	    max-width: 1340px;
	    padding: 20px 30px;
	}
}
/* 
 service_head
-------------------------------- */
.service_head {
    
}
.service_head .small_tit {
    font-weight: bold;
    text-align: center;
}
@media (max-width: 599px) {
    .service_head {
        width: 100%;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.service_head .small_tit {
	    font-size: 14px;
	    letter-spacing: 2px;
	    line-height: 16px;
	    margin-bottom: 36px;
	}
}
@media (min-width: 1024px) {
   .service_head {
    
	}
	.service_head .small_tit {
	    font-size: 12px;
	    letter-spacing: 1px;
	    line-height: 16px;
	    margin-bottom: 36px;
	}
}

/* 
 service_line
-------------------------------- */
.small_tit .service_line {
    position: relative;
    width: 100%;
    font-family: "Urbanist", sans-serif;
    color: var(--gold02);
}
.small_tit .service_line::before {
    content: "";
    display: block;
    background-color: var(--gold02);
    position: absolute;
}
.small_tit .service_line::after {
    content: "";
    display: block;
    background-color: var(--gold02);
    position: absolute;
}
@media (max-width: 599px) {
    .small_tit .service_line {
	    font-size: 15px;
	    letter-spacing: 6px;
	}
	.small_tit .service_line::before {
	    width: 80px;
	    height: 1px;
	    top: 50%;
	    left: 0%;
	}
	.small_tit .service_line::after {
	    width: 80px;
	    height: 1px;
	    top: 50%;
	    right: 0%;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.small_tit .service_line {
	    font-size: 16px;
	    letter-spacing: 3px;
	}
	.small_tit .service_line::before {
	    width: 38%;
	    height: 1px;
	    top: 50%;
	    left: 0%;
	}
	.small_tit .service_line::after {
	    width: 38%;
	    height: 1px;
	    top: 50%;
	    right: 0%;
	}
}
@media (min-width: 1024px) {
	.small_tit .service_line {
	    font-size: 18px;
	    letter-spacing: 3px;
	}
	.small_tit .service_line::before {
	    width: 460px;
	    height: 1px;
	    top: 50%;
	    left: 0%;
	}
	.small_tit .service_line::after {
	    width: 460px;
	    height: 1px;
	    top: 50%;
	    right: 5%;
	}
}

/* 
 service_text_wrap
-------------------------------- */
.service_text_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.service_text_wrap .service_text {
    position: relative;
    text-align: center;
    z-index: 0;
}
.service_text_wrap .service_text > h3 {
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300 !important;
    font-style: normal;
    z-index: 10;
}
.service_text_wrap .service_text > p {
    position: relative;
    text-align: center;
    z-index: 10;
}
.service_text_wrap .service_text .bg_object {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.12;
	-webkit-mask-image: radial-gradient(
	    ellipse at center,
		rgba(0,0,0,1) 55%,
	    rgba(0,0,0,0) 100%
	);
	mask-image: radial-gradient(
		ellipse at center,
		rgba(0,0,0,1) 55%,
		rgba(0,0,0,0) 100%
	);
}

@media only screen and (max-width:599px) {
    .service_text_wrap .service_text {
        padding: 50px 0 0;
    }
    .service_text_wrap .service_text > h3 {
        font-size: 21px;
    }
    .service_text_wrap .service_text > p {
        max-width: 100%;
        font-size: 14px;
        text-align: left;
        line-height: 1.8;
        margin: 33px auto 20px;
    }
	.service_text_wrap .service_text .bg_object {
        overflow: hidden;
        top: 3%;
        left: 0;
        opacity: 0.4;
    }	
}
 @media screen and (min-width: 600px) and (max-width: 1023px){
    .service_text_wrap .service_text {
        padding: 50px 0 60px;
    }
    .service_text_wrap .service_text > h3 {
        font-size: 32px;
        margin-bottom: 30px;
    }
	 .service_text_wrap .service_text > p {
		 font-size:14px;
		 line-height:1.8;
	 }
}
@media (min-width: 1024px) {
	.service_text_wrap {
	    margin-bottom: 100px;
	}
	.service_text_wrap .service_text {
	    padding: 100px;
	}
	.service_text_wrap .service_text > h3 {
	    font-size: 48px;
	    line-height: 1.4;
	}
	.service_text_wrap .service_text > p {
	    max-width: 820px;
	    font-size: 18px;
	    line-height: 1.8;
	    margin: 36px auto 0;
	}
}   
    
    
 /* 
 service_container
-------------------------------- */   
.service_container {
    width: 100%;
    margin: 0 auto;
}
.service_container > ul {
    display: flex;
    margin: 0 auto;
}
.service_container > ul li {
    position: relative;
    background: #fff;
}
.service_container > ul li img {
    width: 100%;
}
.service_container_col_text {
}
.service_container_col_text h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300 !important;
    font-style: normal;
}
.service_container_col_text h4 {
    width: 100%;
    font-weight: normal;
    background: #eee;
}
.service_container_col_text p {
    text-align: left;
}
@media (max-width: 599px) {
	.service_container {
	    padding-bottom: 0;
	}
	.service_container > ul {
		flex-direction: column;
		justify-content: center;
		margin: 0 auto;
		gap: 20px;
	}
	.service_container > ul li {
	    width: 100%;
	    padding: 0%;
	}
	.service_container_col_text {
	    padding: 0 16px 24px;
	}
	.service_container_col_text h3 {
	    font-size: 20px;
	    padding-top: 20px;
	}
	.service_container_col_text h4 {
	    font-size: 14px;
	    line-height: 1;
	    padding: 7px;
	    margin-top: 14px;
	}
	.service_container_col_text p {
	    font-size: 14px;
	    padding: 14px 0;
	    line-height: 1.6;
	}
	.service_container_col_text p > span {
	    font-size: 12px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.service_container {
	    max-width: 100%;
	    /* padding-bottom: 130px; */
	}
	.service_container > ul {
	    flex-flow: row wrap;
	    justify-content: center;
	    align-items: stretch;
	    margin: 0 auto;
	    gap: 26px;
	}
	.service_container > ul li {
	    width: 48%;
	    padding: 1%;
	}
	.service_container_col_text {
	    padding: 0 16px 24px;
	}
	.service_container_col_text h3 {
	    font-size: 20px;
	    padding-top: 20px;
	}
	.service_container_col_text h4 {
	    font-size: 14px;
	    line-height: 1;
	    padding: 7px;
	    margin-top: 14px;
	}
	.service_container_col_text p {
	    font-size: 14px;
	    padding: 14px 0;
	    min-height: 176px;
	    line-height: 1.7;
	}
	.service_container_col_text p > span {
	    font-size: 12px;
	}
}
@media (min-width: 1024px) {
	.service_container {
	    max-width: 1340px;
	    padding-bottom: 130px;
	}
	.service_container > ul {
	    flex-flow: nowrap;
	    justify-content: center;
	    align-items: stretch;
	    margin: 0 auto;
	    gap: 30px;
	}
	.service_container > ul li {
	    width: 33%;
	    padding: 1%;
	}
	.service_container_col_text {
	    padding: 0 16px 24px;
	}
	.service_container_col_text h3 {
	    font-size: 20px;
	    padding-top: 20px;
	}
	.service_container_col_text h4 {
	    font-size: 14px;
	    line-height: 1;
	    padding: 7px;
	    margin-top: 14px;
	}
	.service_container_col_text p {
	    font-size: 14px;
	    padding: 14px 0;
	    min-height: 154px;
	    line-height: 1.7;
	}
	.service_container_col_text p > span {
	    font-size: 12px;
	}
}    
    
  

/* ------------------------------------------ 
	
 - showroom_area

------------------------------------------  */
.showroom_area {
	margin: 0 auto;
}
.showroom_col_wrap {
	background-image: url(/fair/ariake_30th/images/showroom_bg.webp);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.showroom_col {
	margin: 0 auto;
	background: #fff;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.showroom_col_text {
	background: #fff;
	font-family: var(--font03);
}
.showroom_col_text .logo {
	margin:0 auto 10px;
}
@media (max-width: 599px) {
	.showroom_area {
        padding: 10px 20px 20px;
    }
	.showroom_col_wrap {
		padding: 10px;
	}
    .showroom_col {
        max-width: 100%;
        padding: 10px;
        flex-flow: column wrap;
    }
    .showroom_col_image {
        width: 100%;
        display: flex;
    }
    .showroom_col_text {
        width: 100%;
        padding: 30px 20px 20px;
    }
	.showroom_col_text .logo {
		width: 40%;
		margin: 0 auto 8px;
	}
    .showroom_col_text .name {
	    font-size: 24px;
	    margin-bottom: 20px;
	    line-height: 1.3;
	}
	.showroom_col_text .name span {
		font-size:20px;
	}
    .showroom_col_text .address {
	    font-size: 14px;
	    margin-bottom: 6px;
	}
    .showroom_col_text .hour {
	    font-size: 14px;
	    margin-bottom: 6px;
	}
    .showroom_col_text .tel {
	    font-size: 14px;
	    margin-bottom: 0;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.showroom_area {
        padding: 0 30px 20px;
    }
	.showroom_col_wrap {
		padding: 24px;
	}
    .showroom_col {
        max-width: 100%;
        padding: 24px;
        flex-flow: column wrap;
    }
    .showroom_col_image {
        width: 100%;
        display: flex;
    }
    .showroom_col_text {
        width: 100%;
        padding: 34px 20px 10px;
    }
	.showroom_col_text .logo {
		width: 28%;
		margin: 0 auto 8px;
	}
    .showroom_col_text .name {
	    font-size: 28px;
	    margin-bottom: 20px;
	    line-height: 1.3;
	}
	.showroom_col_text .name span {
		font-size: 24px;
	}
    .showroom_col_text .address {
	    font-size: 16px;
	    margin-bottom: 6px;
	}
    .showroom_col_text .hour {
	    font-size: 16px;
	    margin-bottom: 6px;
	}
    .showroom_col_text .tel {
	    font-size: 16px;
	    margin-bottom: 0;
	}
}
@media (min-width: 1024px) {
    .showroom_area {
        max-width: 1340px;
        padding: 30px 20px 30px;
    }
	.showroom_col_wrap {
		padding: 30px;
	}
    .showroom_col {
        max-width: 1286px;
        padding: 50px;
    }
    .showroom_col_image {
        width: 48%;
    }
    .showroom_col_text {
        width:48%;
    }
	.showroom_col_text .logo {
		width:30%;
		margin:0 auto 10px;
	}
    .showroom_col_text .name {
	    font-size: 33px;
	    margin-bottom: 20px;
	}
	.showroom_col_text .name > span {
		font-size:31px;
	}
    .showroom_col_text .address {
	    font-size: 22px;
	    margin-bottom: 10px;
	}
    .showroom_col_text .hour {
	    font-size: 22px;
	    margin-bottom: 10px;
	}
    .showroom_col_text .tel {
	    font-size: 22px;
	    margin-bottom: 0;
	}
}