/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€縲€縲€蜈ｱ騾�
============================================*/

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: "palt" 1;
}

html {
    scroll-behavior: smooth;
}

#page { font-size: 18px;}

.pc { display: block;}

.sp { display: none;}

.wrapper {
    max-width: 1248px;
    width: 75%;
    margin: 0 auto;
    padding: 3% 0 7% 0;
}

.ib {
    display: block;
    content: "";
    margin: 1em 0;
}

main { width: 100%;}

main::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
    background-image: url(/event/kansai_beautyexpo/lib/2025/images/back_pc02.jpg) !important;
    background-size: 100%;
    background-repeat: repeat-y;
}

#main { z-index: 1000;}

.bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.bg div {
    position: absolute;
}

.bg div img { width: 100%;}

.bg .p01 {
    width: 12%;
    top: 0;
    left: 0;
}

.bg .p02 {
    width: 11%;
    top: 38%;
    left: 10%;
}

.bg .p03 {
    width: 9%;
    top: 54%;
    left: 0;
    animation-delay: 2s;
}

.bg .p04 {
    width: 9%;
    bottom: -3%;
    left: 3%;
}

.bg .p05 {
    width: 7.5%;
    top: 29%;
    left: 3%;
}

.bg .p06 {
    width: 4%;
    bottom: 19%;
    left: 14%;
}

.bg .p07 {
    width: 10%;
    top: 0;
    right: 10%;
}

.bg .p08 {
    width: 10%;
    top: 35%;
    right: 12%;
}

.bg .p09 {
    width: 9.8%;
    top: 52%;
    right: 4%;
}

.bg .p10 {
    width: 9%;
    top: 74%;
    right: -1.5%;
}

.bg .p11 {
    width: 4.7%;
    top: 19%;
    right: 10%;
}

.bg .p12 {
    width: 4%;
    bottom: 19%;
    right: 15%;
}

.bg .p13 {
    width: 4%;
    bottom: 1%;
    right: 10%;
}

.bg .p01, .bg .p03, .bg .p07, .bg .p09, .bg .p13 { animation: rotato_r 5s ease-in-out infinite;}

.bg .p02, .bg .p04, .bg .p08, .bg .p10 { animation: rotato_l 5s ease-in-out infinite;}

.bg .p05, .bg .p12 { animation: move_r 8s ease-in-out infinite;}

.bg .p06, .bg .p11 { animation: move_l 8s ease-in-out infinite;}

@keyframes rotato_r {
    0% { transform: rotate(0);}
    50% { transform: rotate(-15deg);}
    100% { transform: rotate(0);}
}

@keyframes rotato_l {
    0% { transform: rotate(0);}
    50% { transform: rotate(15deg);}
    100% { transform: rotate(0);}
}

@keyframes move_r {
    0% { transform: translateX(0) rotate(0);}
    50% { transform: translateX(10%) rotate(-15deg);}
    100% { transform: translateX(0) rotate(0);}
}

@keyframes move_l {
    0% { transform: translateX(0) rotate(0);}
    50% { transform: translateX(-20%) rotate(15deg);}
    100% { transform: translateX(0) rotate(0);}
}

#main::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(/event/kansai_beautyexpo/lib/2025/images/kbe_back_pc.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
}

#main_pre::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(/event/kansai_beautyexpo/lib/2025/images/kbe_back_pc_2025.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
}

.wrapper section {
    width: 100%;
    margin-bottom: 15%;
    padding: 7%;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 0 10px #dde9e8;
}

#intro, #sns, #contact_wrap, #event_link,
#cm_movie, #women_future, #learn_femtech, #news {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.wrapper section h2 {
    position: relative;
    text-align: center;
    font-size: clamp(28px, 3vw, 38px);
    width: 100%;
    color: #3fc5a2;
    margin-bottom: 5%;
}

.wrapper section h2::before,
.wrapper section h2::after {
    content: "";
    position: absolute;
    width: 35%;
    height: 2px;
    background-color: #3fc5a2;
    top: calc(50% - 1px);
}

.wrapper section h2::before { left: 0;}

.wrapper section h2::after { right: 0;}

.sec { position: relative;}

.sec img {
    position: absolute;
    width: 35%;
}

.sec img:first-of-type {
    left: -6%;
    bottom: -7%;
    z-index: -1;
}

.sec img:last-of-type {
    right: -6%;
    top: -7%;
}

.sec::before {
    position: absolute;
    display: block;
    background: linear-gradient(90deg, rgba(255,108,188,1) 0%, rgba(255,167,219,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,108,188,1) 0%, rgba(255,167,219,1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Urbanist', sans-serif;
    font-size: clamp(44px, 5vw, 70px);
    left: 3%;
    z-index: 5;
}

#entry {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    filter: drop-shadow(0px 0px 6px rgba(227, 0, 127, .5));
    width: 150px;
    height: 150px;
}

#entry img {
    max-width: 100%;
}

@keyframes anchor_flow {
    0% { transform: translateY(-5%);}
    50% {transform: translateY(5%);}
    100% {transform: translateY(-5%);}
}

.fade {
	transition: all 1000ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(0px, 40px);
    transition-delay: .1s;
}

.fade_left {
	transition: all 1000ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(-60px, 0);
    transition-delay: .2s;
}

.fade_right {
	transition: all 1000ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(60px, 0);
    transition-delay: .3s;
}

.fadein {
	opacity: 1;
	visibility: visible;
	transform: translate(0px, 0px);
}

.page_anchor {
    display: block;
    padding-top: 20%;
    margin-top: -20%;
    z-index: -111;
    position: absolute;
}

/* ---------- kbe_top ---------- */
#kbe_top {
    position: relative;
}

#kbe_top div {
    aspect-ratio: 16 / 9;
    background: url(/event/kansai_beautyexpo/lib/2025/images/kansaibeauty_topimg02.png) no-repeat top / 100%;
}

#kbe_top_pre div, #kbe_top div {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

/* -----莉翫�遘�ｽ�----- */
#kbe_top div p, #kbe_top_pre div p {
    opacity: 0;
    position: absolute;
    z-index: 5;
    font-size: 2vw;
    font-weight: 700;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    top: 23%;
    left: 52%;
    letter-spacing: 0.05em;
    animation: logo_fade 3s ease 1s forwards;
}

/* -----繝ｭ繧ｴ��----- */
#kbe_top .kbe_logo, #kbe_top_pre .kbe_logo {
    position: absolute;
    top: 10%;
    right: 4%;
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 5;
}

svg {
    width: 100%;
    z-index: 3;
    margin-top: -12%;
    margin-left: -5%;
}

#kbe_top img, #kbe_top_pre h1 img { opacity: 0;}

#kbe_top img:first-of-type, #kbe_top_pre h1 img:first-of-type {
    width: 83%;
    animation: logo_fade 1.5s ease 2s forwards;
    z-index: 5;
}

#kbe_top img:nth-of-type(2), #kbe_top_pre h1 img:nth-of-type(2) {
    width: 57%;
    animation: logo_fade 1.5s ease 3.8s forwards;
    margin-top: -10%;
}

#kbe_top img:last-of-type, #kbe_top_pre h1 img:last-of-type {
    width: 85%;
    animation: logo_fade 1.5s ease 3.8s forwards;
    margin-top: 3%;
}

#kbe_top_pre div { 
    aspect-ratio: 1920 / 1080;
    background: url(/event/kansai_beautyexpo/lib/2025/images/kansaibeauty_topimg_2025_3.png) no-repeat top / 100%;
}

.st0{
    fill:none;
    stroke:#fff;
    stroke-width:90;/*邱壹�螟ｪ縺輔ｒ謖�ｮ壹☆繧�*/
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 1500; /* 邱壹�髢馴囈繧呈欠螳壹☆繧� */
    stroke-dashoffset:1500; /* 邱壹�菴咲ｽｮ繧呈欠螳壹☆繧� */
}

@keyframes logo_fade {
    from { opacity: 0;}
    to { opacity: 1;}
}

/* ----------繝｡繝�ぅ繧｢蜊泌鴨---------- */

#kbe_top_pre dl {
    opacity: 0;
    position: absolute;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    align-items: center;
    justify-content: space-between;
    right: 8.5%;
    top: 64%;
    animation: logo_fade 1.5s ease 4.2s forwards;
}

#kbe_top_pre dl dt {
    width: 100%;
    font-size: 1.5vw;
    margin-bottom: 1%;
}

#kbe_top_pre dl dd img {
    max-width: 100%;
}

#kbe_top_pre dl dd:first-of-type,
#kbe_top_pre dl dd:nth-of-type(2),
#kbe_top_pre dl dd:nth-of-type(3),
#kbe_top_pre dl dd:nth-of-type(4) {
    margin-bottom: .5%;
}

#kbe_top_pre dl dd:first-of-type,
#kbe_top_pre dl dd:nth-of-type(3),
#kbe_top_pre dl dd:nth-of-type(4) {
    width: 20%;
}

#kbe_top_pre dl dd:nth-of-type(2) {
    width: 30%;
}

#kbe_top_pre dl dd:nth-of-type(5) {
    width: 40%;
}

#kbe_top_pre dl dd:last-of-type {
    width: 58%;
}

/* =========================================
縲€縲€縲€縲€縲€繧､繝吶Φ繝域ｦりｦ�ｼ育ｾ弱→蛛･蠎ｷ繧抵ｽ橸ｼ�
============================================*/
#intro {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: clamp(18px, 2vw, 28px);
    line-height: 1.5;
    margin-bottom: 8%;
}

#intro p:nth-of-type(2) {
    width: 60%;
    margin: 4% auto;
}

#intro p:nth-of-type(2) img, #intro .intro_catch img { width: 100%;}

#intro p:nth-of-type(4) { margin-bottom: 3%;}

#intro .intro_catch {
    width: 40%;
    margin: 0 auto;
}

#intro p span {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #e3007f;
    font-size: clamp(18px, 3vw, 30px);
}

#intro p span::before,
#intro p span::after {
    width: 1px;
    height: 1.2em;
    content: "";
    background-color: #e3007f;
}

#intro p span::before {
    margin-right: 0.7em;
    transform: rotate(-30deg);
}

#intro p span::after {
    margin-left: 0.7em;
    transform: rotate(30deg);
}

/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€縲€縲€蜑榊屓縺ｮ讒伜ｭ�
============================================*/

.past_photo {
    margin-top: 15%;
    display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.past_photo::after {
    content: "窶ｻ蜑榊屓髢句ぎ縺ｮ讒伜ｭ�";
    display: block;
    margin: 0 0 0 auto;
    font-size: clamp(12px, 2vw, 18px);
}

.past_photo a {
    width: 24.5%;
    margin-bottom: .7%;
}

.past_photo a img {
    max-width: 100%;
}

/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€蜃ｺ螻募供髮�
============================================*/

#recruting {
    margin-bottom: 7%;
    padding: 4% 7%;
}

#recruting p, #recruting h3 { text-align: center;}

#recruting h3, .recruting_txt { font-size: clamp(16px, 2vw, 24px);}

#recruting .recruting_txt,
#recruting .other_genre {
    line-height: 1.5;
    margin-bottom: 7%;
}

#recruting h3 {
    width: 100%;
    color: #3fc5a2;
    position: relative;
    margin-bottom: 4%;
}

#recruting h3::before,
#recruting h3::after {
    position: absolute;
    top: 40%;
    content: "";
    display: block;
    width: 3%;
    padding-top: 1%;
    background: url(/event/kansai_beautyexpo/lib/2025/images/rectangle_deco.png) no-repeat center / 100%;
}

#recruting h3::before { left: 40%;}

#recruting h3::after { right: 40%;}

#recruting div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#recruting div p {
    width: 49%;
    line-height: 2.5;
    font-size: clamp(16px, 2vw, 24px);
}

.c-btn {
    display: block;
    background: #d4cd60;
    color: #fff;
    border: 2px solid #d4cd60;
    overflow: hidden;
    position: relative;
    transition-duration: .4s;
    z-index: 2;
}

.c-btn::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 100%;
    height: 0;
    z-index: -1;
    transform: translateY(-50%) scale(0.1);
    transition: opacity .5s, transform 0s;
    transition-delay: 0s, .4s;
}

#recruting .limit {
    font-size: 22px;
    padding: 1.5%;
    border: solid 1px #000;
}

#recruting ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3%;
}

#recruting ul li {
    width: 16%;
    margin-right: 3%;
}

#recruting ul li:nth-child(5) { margin-right: 0;}

#recruting ul li img {
    width: 100% !important;
    position: static !important;
}

/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€繝√こ繝�ヨ
============================================*/

#ticket_wrap::before {
    content: "Ticket";
    top: -4%;
}

#ticket_wrap table {
    width: 80%;
    margin: 0 auto 2% auto;
    border: solid 1px #000;
}

#ticket_wrap tr { border-bottom: solid 1px #000;}

#ticket_wrap tr:last-of-type { border-bottom: none;}

#ticket_wrap th, #ticket_wrap td {
    padding: 5%;
    vertical-align: middle;
    text-align: center;
}

#ticket_wrap th {
    width: 35%;
    border-right: solid 1px #000;
    font-size: clamp(20px, 3vw, 26px);
    font-weight: 500;
}

#ticket_wrap td {
    width: 65%;
    font-size: clamp(30px, 3vw, 36px);
    font-weight: 700;
}

#ticket_wrap td small { font-size: clamp(18px, 2vw, 22px);}

#ticket_wrap .ticket_caution {
    width: 100%;
    font-size: clamp(14px, 3vw, 18px);
    text-align: center;
    margin-bottom: 5%;
    line-height: 1.5em;
}

#ticket_wrap .ticket_item {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 800px;
}

#ticket_wrap .ticket_item li {
    text-align: center;
    transition: all .2s;
}

#ticket_wrap .ticket_item li:first-of-type {
    width: 60%;
    margin-bottom: 5%;
}

#ticket_wrap .ticket_item li:nth-of-type(2),
#ticket_wrap .ticket_item li:last-of-type {
    width: 47%;
}

#ticket_wrap .ticket_item li:nth-of-type(2) {
    margin-right: 5%;
}

#ticket_wrap .ticket_item li img {
    width: 100% !important;
    position: relative !important;
    z-index: 50;
    left: 0;
    top: 0;
}

#ticket_wrap .ticket_item li a {
    display: block;
    filter: drop-shadow(3px 3px 5px rgba(6, 6, 6, 0.05));
    transition: all .2s;
}

#ticket_wrap .ticket_item p {
    margin-top: 4%;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 1.5em;
}

#ticket_wrap .ticket_item p span {
    font-weight: 500;
}


/* #ticket_wrap .ticket_caution li { margin-bottom: 0.5%;} */

#ticket_wrap .ticket_caution li:last-child { margin-bottom: 0;}

/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€髢句ぎ讎りｦ�
============================================*/

#outline_wrap {
    margin-bottom: 0;
    margin-top: 15%;
}

#outline_wrap dl {
    width: 100%;
    font-size: clamp(14px, 2.5vw, 22px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#outline_wrap dt, #outline_wrap dd {
    padding-top: 2%;
    padding-bottom: 2%;
    border-bottom: solid 1px #000;
    line-height: 1.5;
}

#outline_wrap dt {
    width: 30%;
    font-weight: normal;
    padding-left: 45px;
    display: flex;
    align-items: center;
}

#outline_wrap dd { width: 70%;}

#outline_wrap dd div {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5em;
}

#outline_wrap dd div img {
    position: static !important;
    width: 100% !important;
}

#outline_wrap dd div img { margin-right: 5%;}

#outline_wrap dd div img:last-of-type { margin-right: 0;}

#outline_wrap dd > a {
    text-decoration: underline;
    color: blue;
}

#outline_wrap dd small {
    font-size: clamp(12px, 2vw, 18px);
    line-height: 1.5em;
    margin: 1% 0 2% 0;
    display: block;
}

#outline_wrap p {
    display: inline-block;
    color: #fff;
    background-color: #3fc5a2;
    border: solid 2px #3fc5a2;
    text-align: center;
    margin-top: 0.5%;
    padding: 0.1% 1%;
    transition: all .2s;
}


#outline_wrap::before { 
    content: "Outline";
    top: -5%;
}

/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€SNS
============================================*/

#sns {
    margin: 7% 0;
}

#sns p {
    width: 55%;
    margin: 0 auto 3% auto;
}

#sns ul {
    width: 25%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

#sns ul li {
    width: 25%;
    transition: all .2s;
}

#sns ul li:first-of-type {
    margin-right: 20%;
}

#sns ul li img, #sns p img { width: 100%;}

/* =========================================
縲€縲€縲€縲€縲€縲€縲€縲€縺雁撫縺�粋繧上○
============================================*/

#contact_wrap { margin-bottom: 0;}

#contact_wrap h2 {
    color: #000 !important;
    font-size: clamp(20px, 3vw, 30px);
    width: 85% !important;
    margin: 0 auto 3.5% auto;
}

#contact_wrap h2::before,
#contact_wrap h2::after { background-color: #000 !important;}

#contact_wrap ul {
    width: 100%;
    text-align: center;
    font-size: clamp(18px, 3vw, 26px);
}

#contact_wrap ul li { margin-bottom: 2%;}

#contact_wrap ul li:last-child { margin-bottom: 0;}

#contact_wrap ul li a {
    text-decoration: underline;
    color: blue;
}

/* =========================================
                逡ｪ螳｣蜍慕判
============================================*/

.movie_wrap {
    width: 80%;
    max-width: 900px;
    margin: 0 auto 10% auto;
}

#movie {
    position: relative;
    width: 100%;
    padding-top: calc(9 / 16 * 100%);
    margin: 0 auto;
    overflow: hidden;
}

#movie span {
    -webkit-text-stroke: 0px #fff;
}

.tvo-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.movie_wrap small {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    color: #000;
    font-size: clamp(14px, 2vw, 16px);
    display: block;
    margin-top: 5%;
}

/* =========================================
                蝠�刀蜀咏悄�医さ繝ｳ繝�Φ繝�ｼ�
============================================*/

.contents ul {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
}

.contents ul li {
    width: 25%;
}

.contents ul li:not(:last-of-type) {
    margin-right: 10%;
}

.contents ul li img {
    max-width: 100%;
    filter: drop-shadow(0px 0px 10px rgba(221, 233, 232, 1));
}

.contents_2 {
    justify-content: flex-end;
    margin: 0 0 0 auto;
}

.contents p {
    content: "";
    display: block;
    background: url(/event/kansai_beautyexpo/lib/2025/images/contents_text_pc.png) no-repeat center center / 100%;
    aspect-ratio: 748 / 147;
    width: 80%;
    min-width: 450px;
    margin: 4% auto 0 auto;
}

/* =========================================
        縲€  蜃ｺ螻戊€�ｸ€隕ｧ縺ｯ繧ｳ繝√Λ��
============================================*/

.page_link_btn,
.page_link_btn_2 {
    margin-top: 6%;
}

.page_link_btn_2 {
    display: flex;
    flex-wrap: wrap;
}

.page_link_btn a {
    width: 100%;
}

.page_link_btn_2 a {
    width: 49%;
}

.page_link_btn a,
.page_link_btn_2 a {
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    background: #3fc5a2;
    color: #fff;
    border: 3px solid #3fc5a2;
    overflow: hidden;
    position: relative;
    transition-duration: .4s;
    z-index: 2;
    font-size: clamp(16px, 3vw, 30px);
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 3% 0;
    letter-spacing: .05em;
}

.page_link_btn a::after,
.page_link_btn_2 a::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 100%;
    height: 0;
    z-index: -1;
    transform: translateY(-50%) scale(0.1);
    transition: opacity .5s, transform 0s;
    transition-delay: 0s, .4s;
}



/* =========================================
                繧ｲ繧ｹ繝�
============================================*/

.wrapper article {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    max-width: 1100px;
    margin: 0 auto 10% auto;
}

.wrapper article h2 {
    margin-bottom: 6%;
    position: relative;
}

.guest h2 img {
    width: 25%;
    max-width: 235px;
}

.contents h2 img {
    width: 30%;
    max-width: 320px;
}

.guest h2::before,
.guest h2::after {
    width: 35%;
}

.contents h2::before,
.contents h2::after {
    width: 30%;
}

.wrapper article h2::before,
.wrapper article h2::after {
    background-color: #e3007f;
    content: "";
    position: absolute;
    height: 2px;
    top: calc(50% - 1px);
}

.wrapper article h2::before {
    left: 0;
}

.wrapper article h2::after {
    right: 0;
}

.guest div:first-of-type {
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2% 3%;
    background-color: rgba(227, 0, 127, .9);
    box-shadow: 0 0 10px #dde9e8;
}

.guest div dl {
    width: 24%;
}

.guest div dl dt {
    margin-bottom: 5%;
}

.guest div dl dt img {
    max-width: 100%;
}

.guest div dl dd,
.guest div dl dd small {
    font-size: clamp(11px, 1.2vw, 18px);
    color: #fff;
}

.guest div dl dd span {
    font-size: clamp(18px, 1.5vw, 24px);
    margin-top: 2%;
    display: block;
}

.guest small {
    margin-top: 2%;
    color: #000;
    font-size: clamp(14px, 2vw, 18px);
}

.page_link_btn small {
    display: block;
    margin-top: 2%;
}

/* =========================================
                譛€譁ｰ諠��ｱ
============================================*/

#news .tvo-report {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4% 2%;
}

#news .tvo-report-thumbnail-wrapper img { 
    width: 100%;
    margin-bottom: 2%;
}

#news .tvo-report-thumbnail-wrapper { transition: all .2s;}

#news .tvo-report-time {
    display: block;
    margin-bottom: 2%;
    font-size: clamp(16px, 2vw, 20px);
}

#news .tvo-report-title { 
    line-height: 1.3;
    font-size: clamp(14px, 2vw, 18px);
}



/* =========================================
            譚･蝣ｴ閠��繝ｬ繧ｼ繝ｳ繝医�繧ｿ繝ｳ
============================================*/

    
.present_btn {
    /* width: 45%; */
    margin: 0 auto 7% auto;
}

.present_btn img {
    max-width: 100%;
}


.present_btn a {
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    background: #3fc5a2;
    color: #fff;
    border: 3px solid #3fc5a2;
    overflow: hidden;
    position: relative;
    transition-duration: .4s;
    z-index: 2;
    font-size: clamp(16px, 3vw, 34px);
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 3% 0;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.present_btn a::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url('/event/kansai_beautyexpo/lib/2025/images/present_icon.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1%;
}

.present_btn a::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 100%;
    height: 0;
    z-index: -1;
    transform: translateY(-50%) scale(0.1);
    transition: opacity .5s, transform 0s;
    transition-delay: 0s, .4s;
}


/* =========================================
           譛ｬ繧､繝吶Φ繝医�邨ゆｺ�＠縺ｾ縺励◆縲ゑｽ�
============================================*/

.end {
    text-align: center;
    margin: 0 auto 8% auto;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 0 10px #dde9e8;
    padding: 5%;
    max-width: 900px;
    box-sizing: border-box;
}

.end p {
    margin-bottom: 2%;
    color: #e3007f;
    font-size: clamp(18px, 2.5vw, 30px);
    line-height: 1.5em;
}

.end dl {
    line-height: 1.5em;
    font-size: clamp(16px, 2vw, 24px);
}

.end dl dt {
    font-weight: normal;
}

.end dl dd a {
    text-decoration: underline;
    color: blue;
}