body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100vw;
    overflow-x: hidden;
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
}

p{
    margin: 0;
}

main{
    max-width: 1800px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.top_container{
    display: flex;
    justify-content: space-between;
}
.logo {
    display: flex;
    width: max-content;
    align-items: center;
}
.bg-red{
    background-color: #ee0028;
    max-width: 1800px;
    margin: 0 auto;
}
.bg-pink{
    background-color: #fcd9df;
    max-width: 1800px;
    margin: 0 auto;
}

/* commom */
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.c{
    text-align: center;
}
.bold_800{
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 900;
    font-style: normal;
}
.hidden{
    display: none !important;
}
/* color */
.white{
    color: white;
}
.yellow{
    color: #ffff00;
}
.red{
    color: red;
}
/* font */
.font_regular{
    font-size: 30px;
}
.font_large{
    font-size: 40px;
}
.font_small{
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    margin-top: -15px;
}

/* margin */
.margin_t20{
    margin-top: 20px;
}
.ts_04_txt{
    line-height: 156%;
}
.ts_01{
    top: 0%;
    z-index: 2;
}
.ts_03{
    top: 0%;
}
.ts_04{
    margin-top: -5%;
}
.ts_04_img{
    margin-top: -11%;
}
.ts_05{
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ts_05_txt {
    top: 35%;
    left: 29%;
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    line-height: 168%;
}

.ts_06_txt1{
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 35px;
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    
}
.dummy1 {
    width: 15.3%;
    height: 9%;
    top: 32.4%;
    left: 26.1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy2 {
    width: 15.3%;
    height: 9%;
    top: 42.1%;
    left: 26.1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy3 {
    width: 15.3%;
    height: 9%;
    top: 51.7%;
    left: 26.1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy4 {
    width: 15.3%;
    height: 12.6%;
    top: 61.4%;
    left: 26.1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy5 {
    width: 14.6%;
    height: 8.6%;
    top: 32.7%;
    left: 42%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy6 {
    width: 14.6%;
    height: 8.6%;
    top: 42.1%;
    left: 42%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy7 {
    width: 14.6%;
    height: 8.6%;
    top: 51.7%;
    left: 42%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy8 {
    width: 14.6%;
    height: 12.6%;
    top: 61.4%;
    left: 42%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy9 {
    width: 15.1%;
    height: 8.5%;
    top: 32.7%;
    left: 57.9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy10 {
    width: 15.1%;
    height: 8.6%;
    top: 42.1%;
    left: 57.9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.dummy11 {
    width: 15.1%;
    height: 8.6%;
    top: 51.7%;
    left: 57.9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dummy12{
    width: 15.1%;
    height: 12.6%;
    top: 61.4%;
    left: 57.9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.ts_06_txt2{
    color: white;
    font-size: 31px;
}
.ts_06_txt3{
    color: white;
    font-size: 34px;
}
.ts_06_txt4{
    font-size: 40px;
}
.ts_06_txt5 {
    font-size: 32px;
    line-height: 116%;
    padding: 10px;
}
.ts_06_txt5_3 {
    font-size: 26px;
    line-height: 116%;
    padding: 10px;
    font-weight: 900;
}
.ts_06_txt5_2 {
    font-size: 40px;
    line-height: 94%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 4%;
}
.txt5_small{
    font-size: 23px;
}
.txt_06_6 {
    font-size: 44px;
    bottom: 9.9%;
    right: 33.5%;
}
.ts_07_txt{
    font-size: 29px;
    line-height: 139%;
    text-align: center;
}
.ts_07_txt_2{
    font-size: 25px;
    line-height: 139%;
    text-align: center;
}
.ts_08_txt{
    font-size: 30px;
    line-height: 136%;
    text-shadow: 4px 4px 4px #fff, -4px -4px 4px #fff,
    -4px 4px 4px #fff,  4px -4px 4px #fff,
    4px 0 4px #fff, -4px  0 4px #fff,
    0 4px 4px #fff,  0 -4px 4px #fff;
  
}
.ts_08_txt2{
    font-size: 27px;
}
.padding{
    margin-top: 2%;
}
.padding2{
    margin-top: -9%;
}
.position_07_1 {
    top: 31%;
    left: 28.5%;
}
.position_07_2 {
    top: 32%;
    left: 53%;
}
.position_07_3 {
    top: 58.9%;
    left: 28.7%;
}
.position_07_4 {
    top: 58.9%;
    left: 54.2%;
}
.position_07_5 {
    top: 81.8%;
    right: 33.3%;
}
.position_08_1 {
    top: 19.3%;
    right: 34%;
}
.position_08_2 {
    top: 36.3%;
    right: 50%;
}
.position_08_3 {
    top: 54.3%;
    right: 50%;
}
.position_08_4 {
    top: 71.3%;
    right: 47%;
}
.position_08_5 {
    top: 86.3%;
    right: 46.8%;
}

/* q&a */
.question_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: red;
    width: 40%;
    margin: auto;
    padding: .5% 2%;
    border: 5px solid black;
    border-radius: 15px;
    cursor: pointer;
}
.answer_container{
    display: flex;
    width: 40%;
    margin: auto;
    padding: 2% 2% 0% 2%;
    align-items: start;
    gap: 2%;
}
.question_txt{
    color: white;
    font-size: 27px;
    line-height: 150%;
}
.question_txt2{
    font-size: 27px;
    line-height: 146%;
}
.quesion_area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.answer_area{
    height: 0px;
    overflow: hidden;
    transition: height .3s linear;
}
.question_area{
    margin-top: 1.4%;
}
.alert_area{
    margin-top: 5%;
    margin-bottom: 5%;
}
.alert_txt_container{
    width: 43%;
    margin: 0 auto;
}
.alert_txt_container2{
    width: 43%;
    margin: 3% auto;
}
.alert_txt{
    font-size: 26px;
    line-height: 156%;
}
.alert_txt2{
    font-size: 30px;
    font-weight: 900;
    line-height: 156%;
}
.message {
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 28px;
    line-height: 179%;
    width: 40%;
}
.msg_span{
    font-weight: 900;
    font-size: 34px;
}
.explanation{
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: red;
    font-size: 20px;
}


.position_bar {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
}

.btn{
    background-color: rgba(0, 0, 0, 0.514);
    width: 100%;
    position: fixed;
    bottom: 0%;
    opacity: 0;
    transform: translateY(10px);
    transition: .5s linear;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0.5%;
    max-width: 1800px;
}
.active{
    transform: translateY(0px);
    opacity: 1;
}
.copyright{
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    margin: 1% 0;
}
.footer-txt{
    margin-left: 2%;
    font-size: 27px;
    margin-top: -1%;
}
.btn_img{
    padding-right: 2%;
}

a{
    text-decoration: none;
    color: black;
}

footer{
    position: relative;
    z-index: 12;
}