@media (max-width:799px)  {

}
@media (max-width:499px)  {

}

/*-------------------------
  KV
-------------------------*/

@media (max-width:1024px) {

}
@media (max-width:699px)  {


}

/*-------------------------
  policy
-------------------------*/
.policy{
    width:100%;
    position:relative;
    z-index: 2;
    overflow: visible;
    padding-bottom:200px;
}
.dna_cont {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap:20px;
}
.dna_cont.type_col1 .cont_txt {
    grid-column: 4 / 11;
}
.dna_cont.type_col1 figure {width:min(64.64%,598px);}
.dna_cont.type_col1 figure img {
    width:100%;
}
.dna_cont.type_col1 h2 {
    margin-top:130px;
    font-size:4em;
    line-height: 1.4;
    margin-bottom:1em;
}
.dna_cont.type_col1 .lead {
    font-size:1.25em;
    line-height: 2.4
}
.dna_cont + .dna_cont {
    margin-top:130px;
}
.dna_cont.type_col2 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap:20px;
}
.dna_cont.type_col2 .cont_tit {
    grid-column: 1 / 4;
}
.dna_cont.type_col2 .cont_txt {
    grid-column: 4 / 11;
}
.dna_cont.type_col2 .cont_tit span {
    display: block;
}
.dna_cont.type_col2 .cont_tit .en {
    font-size:1.5em;
    line-height: 1.2
}
.dna_cont.type_col2 .cont_tit .ja {
    font-size:1.125em;
    font-weight:500;
    font-family: var(--fontmaru);
}
.dna_cont.type_col2 .cont_txt .strong {
    font-weight:700;
    font-size:3em;
    font-family: var(--font);
    line-height: 1.4;
}
.dot {
    opacity:0.8;
}
.dot01{left:3.125%;top:180px;}
.dot02{right:36.979%;top:340px;}
.dot03{right:0.05%;top:220px;}
.dot04{left:34.375%;bottom:50px;}
.dot05{left:calc(34.375% + 50px);bottom:-50px;}


.dot06{left:calc(34.375% + 150px);top:0;}
.dot07{right:50px;top:50px;}
.dot08{left:21.354%;top:350px;}
.dot09{left:calc(21.354% - 100px);top:400px;}
.dot10{right:13%;top:320px;}
.dot11{left:36.979%;top:990px;}
.dot12{left:5.729%;top:1380px;}
.dot13{right:5.729%;bottom:0;}
.dot14{left:0;bottom:1760px;}
.dot15{right:0;bottom:1480px;}
.dot16{left:38.5%;bottom:910px;}
.dot17{left:calc(38.5% - 100px);bottom:810px;}
.dot18{left:10.9375%;bottom:650px;}
.dot19{left:31.773%;bottom:150px;}

@media (max-width:1024px) {
    .dot01{width:50px;height:50px;left:0;top:100px;}
    .dot04{left:auto;right:0;top:200px;}
    .dot02{left:100px;top:400px;}
    .dot03{left:150px;top:375px;}
    .dot05{width:50px;height:50px;left:auto;right:100px;bottom:0;}
}
@media (max-width:699px)  {

}

/*-------------------------
  message
-------------------------*/

.message {
    padding-top:180px;
    padding-bottom:180px;
    position:relative;
    
}
.message:before {
    content:"";
    display: block;
    width:100%;
    height:100%;
    background: var(--grd, linear-gradient(246deg, #21B8FF 15.86%, #FE39A3 79.98%));
    position:absolute;
    top:0;
    left:0;
    opacity:0.9;
    mix-blend-mode: multiply;
}
.message_cont {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap:20px;
}
.tit_message {
    grid-column: 1 / 4;
}
.tit_message h3 {
    writing-mode:vertical-lr;
}
.tit_message h3 .en {
    color:white;
    mix-blend-mode: overlay;
    opacity:0.9;
    font-size:5vw;
}
.txt_message {
    grid-column: 4 / 10;
    color:white;
    opacity:0.9;
}
.txt_message h4{
    font-size:1.5em;
    font-weight:500;
    margin-bottom:1.5em;
}
.txt_message p {
    line-height: 2.25;
    margin-top:2em;
}
.txt_message .name {
    text-align: right;
}

@media (max-width:1024px) {

}
@media (max-width:768px)  {
    .dna_cont {
        display: block;
        padding-top: 80px;
    }
    .dna_cont.type_col1 figure {
        margin:0 auto;
    }
    .dna_cont.type_col1 h2 {
        font-size: 3.5em;
    }
    .dna_cont.type_col1 .lead {
        font-size: 1.125em;
    }
    .dna_cont.type_col2,.message_cont {
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    .dna_cont.type_col2 .cont_txt .strong {
        font-size: 2.25em;
    }
    .tit_message h3 {
            writing-mode:horizontal-tb;
    }
}