@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: initial; margin-bottom: initial; font-size: initial; font-weight: initial; }

:root {
	/* color variables */
	--microsoft-pure-white: #fff;
	--copilot-dark-733145: #733145;
	--microsoft-pure-black: #000;
	--microsoft-blue-black: #091f2c;
	--copilot-dark-613a3a: #613a3a;
	--windows-dark-3d5f5e: #3d5f5e;
	--windows-light-c1d6cd: #c1d6cd;
	--color-utilities-partner: #ff31b3;
}
/*
/* section_link
/* -------------------------------------------------- */
.section_header{
    background: #fff;
}
@media screen and (max-width: 699px) {
    .section_header img{
        min-height: 40px;
    }
}

/*
/* section_header
/* -------------------------------------------------- */

.section_header{
    background: url(/contents/event/a1041400/img/header.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 60px;
}

.section_header .header-what-s-your {
    background: linear-gradient(90deg, #000 0%, #3d5f5e 100%) top left / auto auto no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 100px;
}
.section_header p{
    font-size: 45px;
    font-weight: 400;
    color: var(--microsoft-blue-black);
    line-height: normal;
    letter-spacing: 0px;
}
.section_header h1{
    color: var(--microsoft-blue-black);
    font-size: 24px;
    font-weight: 400;
    margin-top:32px ;
}
.section_header .header-windows11{
    width: 260px;
}
.section_header .btn{
    color: var(--microsoft-pure-white);
    background-color: var(--windows-dark-3d5f5e);
    padding:16px 25px;
    border-radius: 16px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    transition: .2s ease;
}
.section_header .btn:hover{
    opacity: 0.7;
}

@media screen and (max-width: 699px) {
    .section_header{
        padding:40px;
    }
    .section_header p{
        font-size: 34px;
        line-height: 44px;
    }
    .section_header .header-what-s-your {
        margin-top: 60px;
    }
    .section_header .header-windows11 {
        width: 200px;
    }
    .section_header h1{
        font-size: 21px;
        margin-top: 28px;
    }
}


/*
/* section_col1
/* -------------------------------------------------- */

.section_col1{
    background-image: linear-gradient(180deg, #c9dff5 0%, #c1d6cd 100%);
    padding: 6em 0;
}
.section_col1 img{
    border-radius: 16px;
}
.section_lineup h2,
.section_col3 h2,
.section_col2 h2,
.section_col1 h2{
    font-size: 45px;
    font-weight: 400;
    color: var(--microsoft-blue-black);
    line-height: normal;
    letter-spacing: 0px;
}
.section_col1 p,
.section_col3 p,
.section_col2 p{
    margin-top: 32px;
    font-size: 20px;
    font-weight: 400;
    color: var(--microsoft-blue-black);
}
.section_col1 .windows-fy27-commr{
    width: 100%;
    min-width: 0;
    flex-grow: 1;
    align-self: center;
    object-fit: cover;
    height: 370px;
}
.section_col1 .windows-fy28-commr{
    width: 100%;
    min-width: 0;
    flex-grow: 1;
    align-self: center;
    object-fit: cover;
    height: 500px;
}
@media screen and (max-width: 699px) {
    .section_col1{
        padding:6em 20px;
    }
    .section_lineup h2,
    .section_col3 h2,
    .section_col2 h2,
    .section_col1 h2{
    font-size: 40px;
    }
}


/*
/* section_col2
/* -------------------------------------------------- */

.section_col2{
    background-image: linear-gradient(180deg, #bec7e4 0%, #dad1ec 100%);
    padding: 6em 0;
}
.section_col2 img{
    border-radius: 16px;
}


.section_col2 .windows-fy26-commr{
    width: 100%;
    min-width: 0;
    flex-grow: 1;
    align-self: center;
    object-fit: cover;
    height: 450px;
}

.section_col2 .windows-fy25-commr{
    width: 100%;
    min-width: 0;
    flex-grow: 1;
    align-self: center;
    object-fit: cover;
    height: 325px;
}
@media screen and (max-width: 699px) {
    .section_col2{
        padding:6em 20px;
    }
}


/*
/* section_col3
/* -------------------------------------------------- */

.section_col3{
    width: 100%;
    height: 450px;
    background-image: url("/contents/event/a1041400/img/windows-fy25-commr5.jpg"), url("/contents/event/a1041400/img/card.png");
    background-size: 50% auto, 50% 100%;
    background-position: left center, right top;
    background-repeat: no-repeat, no-repeat;
}

.section_col3 .txt_area{
    color: var(--microsoft-blue-black);
    padding: 6em 0 6em 4em;
}
@media screen and (max-width: 699px) {
    .section_col3 .txt_area{
        padding:6em 20px;
    }
    .section_col3{
        width: 100%;
        height: auto;
        background-image:url("/contents/event/a1041400/img/card.png");
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    .section_col3 .windows-fy25-commr5{
        width: 100%;
        min-width: 0;
        flex-grow: 1;
        align-self: safe center;
        object-fit: cover;
        height: 100%;
    }
}

/*
/* section_lineup
/* -------------------------------------------------- */

@media screen and (max-width: 699px) {
    .section_lineup{
        padding:0 20px 2em;
    }
    
}


/*
/* section_note
/* -------------------------------------------------- */

.section_note{
    background-color: var(--microsoft-blue-black);
    color: #fff;
}
.section_note ul li{
    margin-bottom: 15px;
}
.section_note .link{
    color: #fff;
    text-decoration: underline;
    transition: ease 0.2s;
}
.section_note .link:hover{
    opacity: 0.7;
}


@media screen and (max-width: 699px) {
    .section_note{
        padding:6em 20px;
    }
    .section_note img{
        width: 217px;
    }
    .section_note ul{
        margin-top: 30px;
    }
    
}