@charset "utf-8";


/* ----------------------------------------
	sec01
---------------------------------------- */

.sec01_bg{
	margin: 75px 0 0 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0)65%, rgba(0, 0, 0, 1)100%) ,url(../images/sec_01_img_01.jpg) no-repeat center center;
	background-size:cover;
	height: 800px;
    min-width: 1100px;
}

.sec01_box01{
	padding: 54px 20px 0 20px;
}
.sec01_box02{
	padding: 30px 0 0 0;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	text-shadow: 1px 2px 10px #000000;
}
.sec01_box03{
	padding: 20px 0 0 0;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	text-shadow: 1px 2px 10px #000000;
}
.sec01_box04{
	padding: 200px 0 0 0;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	text-shadow: 1px 2px 10px #000000;
	line-height: 2;
}

@media screen and (max-width: 750px) {
	.sec01_bg{
        margin: 0 0 0 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0)65%, rgba(0, 0, 0, 1)100%) ,url(../images/sp/sec_01_img_01_sp.jpg) no-repeat top center;
        background-size: contain;
        height: auto;
        min-width: auto;
    }
    .sec01_box01{
        padding: 80px 0 0 0;
        width: 90%;
    }
    .sec01_box02{
        padding: 200px 0 0 0;
        text-align: left;

    }
    .sec01_box03{
        padding: 10px 0 0 0;
        text-align: left;
    }
    .sec01_box04{
        padding: 50px 0 0 0;
        text-align: left;
    }
}

/* ----------------------------------------
	sec02
---------------------------------------- */

.sec02_bg{
	margin: 75px 0 0 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1)0%, rgba(0, 0, 0, 0)50%,rgba(0, 0, 0, 1)100%) ,url(../images/sec_02_img_01.jpg) no-repeat center left;
	background-size: 65%;
	height: 700px;
    min-width: 1100px;
}

.sec02_box01{
	padding: 20px 0 0 0;
    font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 80px;
	font-weight: 700;
}
.sec02_box02{
	padding: 0 0 0 0;
    font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
}
.sec02_box03{
	padding: 60px 0 0 50%;
    font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
}
.sec02_box03_ttl{
	padding: 0 0 0 0;
	font-size: 24px;
	font-weight: 800;
}
.sec02_box03_ttl span{
	padding: 0 0 0 20px;
    font-family: 'Roboto', sans-serif;
    color: #AEFF00;
	font-size: 18px;
	font-weight: 700;
}
.sec02_box03_text{
	padding: 30px 0 0 0;
	font-size: 16px;
	font-weight: 500;
    line-height: 2;
}
.sec02_box03_text p{
	padding: 0 0 30px 0;
}
.sec02_box04{
	padding: 20px 0 0 50%;
}


@media screen and (max-width: 750px) {
	.sec02_bg{
        margin: 75px 0 0 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0)65%, rgba(0, 0, 0, 0)100%) ,url(../images/sp/sec_02_img_01_sp.jpg) no-repeat top center;
        background-size: contain;
        height: auto;
        min-width: auto;
    }
    .sec02_box01{
        padding: 20px 0 0 0;
        font-size: 50px;
        line-height: 1;
    }
    .sec02_box02{
        padding: 20px 0 0 0;
        font-size: 24px;
        line-height: 1.2;
    }
    .sec02_box03{
        padding: 40px 0 0 0;
    }
    .sec02_box04{
        padding: 20px 0 0 0;
    }

}


/* ----------------------------------------
	sec03
---------------------------------------- */

.sec03_bg{
	margin: 75px 0 0 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1)0%, rgba(0, 0, 0, 0)50%,rgba(0, 0, 0, 1)100%) ,url(../images/sec_03_img_01.jpg) no-repeat center right;
	background-size: 65%;
	height: 700px;
    min-width: 1100px;
}

.sec03_box01{
	padding: 20px 0 0 0;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 80px;
	font-weight: 700;
    text-align: end;
    line-height: 1.0;
}
.sec03_box02{
	padding: 40px 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
    text-align: end;
}
.sec03_box03{
	padding: 50px 0 0 0;
    font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
}

.sec03_box03_ttl{
	padding: 0 0 0 0;
	font-size: 24px;
	font-weight: 800;
}
.sec03_box03_ttl span{
	padding: 0 0 0 20px;
    font-family: 'Roboto', sans-serif;
    color: #AEFF00;
	font-size: 18px;
	font-weight: 700;
}
.sec03_box03_text{
	padding: 30px 0 0 0;
	font-size: 16px;
	font-weight: 500;
    line-height: 2;
}
.sec03_box03_text p{
	padding: 0 0 30px 0;
}
.sec03_box04{
	padding: 20px 0 0 0;
}

@media screen and (max-width: 750px) {
    .sec03_bg{
        margin: 75px 0 0 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0)65%, rgba(0, 0, 0, 0)100%) ,url(../images/sp/sec_03_img_01_sp.jpg) no-repeat top center;
        background-size: cover;
        height: auto;
        min-width: auto;
    }
    .sec03_box01{
        padding: 50px 0 0 0;
        font-size: 50px;
        text-align: left;
        line-height: 1.0;
    }
    .sec03_box02{
        padding: 20px 0 0 0;
        font-size: 24px;
        text-align: left;
    }
}


/* ----------------------------------------
	sec04
---------------------------------------- */

.sec04_bg{
	margin: 75px 0 0 0;
	background: url(../images/sec_04_img_01.jpg) no-repeat center center;
	background-size: cover;
	height: 750px;
    min-width: 1100px;
}

.sec04_box01{
	padding: 120px 0 0 0;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 80px;
	font-weight: 700;
    text-align: center;
    line-height: 1.0;
}
.sec04_box02{
	padding: 40px 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
    text-align: center;
}
.sec04_box03{
	padding: 50px 0 0 0;
    font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
    text-align: center;
}

.sec04_box03_ttl{
	padding: 0 0 0 0;
	font-size: 24px;
	font-weight: 800;
}
.sec04_box03_ttl span{
	padding: 0 0 0 20px;
    font-family: 'Roboto', sans-serif;
    color: #AEFF00;
	font-size: 18px;
	font-weight: 700;
}
.sec04_box03_text{
	padding: 30px 0 0 0;
	font-size: 16px;
	font-weight: 500;
    line-height: 2;
}
.sec04_box03_text p{
	padding: 0 0 30px 0;
}
.sec04_box04{
	padding: 20px 0 0 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .sec04_bg{
        margin: 75px 0 0 0;
        background: url(../images/sp/sec_04_img_01_sp.jpg) no-repeat top center;
        background-size: cover;
        height: auto;
        min-width: auto;
    }
    .sec04_box01{
        padding: 50px 0 0 0;
        font-size: 50px;
        text-align: center;
        line-height: 1.0;
    }
    .sec04_box02{
        padding: 20px 0 0 0;
        font-size: 24px;
        text-align: center;
    }

    .sec04_box03{
        text-align: center;
    }
    .sec04_box03_ttl span{
        padding: 0 0 0 0;
    }

    .sec04_box03_text{
        padding: 30px 0 0 0;
        text-align: left;
    }
    .sec04_box04{
        padding: 20px 0 50px 0;
        display: flex;
        justify-content: left;
    }
}


/* ----------------------------------------
	sec05
---------------------------------------- */

.sec05_bg{
	margin: 75px 0 0 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1)0%, rgba(0, 0, 0, 0)50%,rgba(0, 0, 0, 1)100%) ,url(../images/sec_05_img_01.jpg) no-repeat center left;
	background-size: 75%;
	height: 700px;
    min-width: 1100px;
}

.sec05_box01{
	padding: 20px 0 0 0;
    font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 80px;
	font-weight: 700;
    line-height: 1.2;
}

.sec05_box03{
	padding: 60px 0 0 50%;
    font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
}
.sec05_box03_ttl{
	padding: 0 0 0 0;
	font-size: 24px;
	font-weight: 800;
}
.sec05_box03_ttl span{
	padding: 0 0 0 20px;
    font-family: 'Roboto', sans-serif;
    color: #AEFF00;
	font-size: 18px;
	font-weight: 700;
}
.sec05_box03_text{
	padding: 30px 0 0 0;
	font-size: 16px;
	font-weight: 500;
    line-height: 2;
}
.sec05_box03_text p{
	padding: 0 0 30px 0;
}
.sec05_box04{
	padding: 20px 0 0 50%;
}


@media screen and (max-width: 750px) {
	.sec05_bg{
        margin: 40px 0 0 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0)65%, rgba(0, 0, 0, 0)100%) ,url(../images/sp/sec_05_img_01_sp.jpg) no-repeat top center;
        background-size: contain;
        height: auto;
        min-width: auto;
    }
    .sec05_box01{
        padding: 20px 0 0 0;
        font-size: 50px;
        line-height: 1;
    }
    .sec05_box03{
        padding: 60px 0 0 0;
    }
    .sec05_box03_ttl span{
        padding: 0 0 0 0;
    }
    .sec05_box04{
        padding: 20px 0 0 0;
    }

}

/* ----------------------------------------
	sec06
---------------------------------------- */

.sec06_flex_box{
    margin: 60px 0 35px 0;
    padding: 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.sec06_flex_box_01{
    padding: 0;
    font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 80px;
	font-weight: 400;
    line-height: 1.2;
}
.sec06_flex_box_01 span{
    padding: 0 10px 0 20px;
	font-size: 50px;
}
.sec06_flex_box_02{
    padding: 0 90px 10px 0;
    font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
    font-size: 24px;
	font-weight: 800;
}
.sec06_flex_box_03{
    padding: 0;
}

.sec06_box_01{
    padding: 0;
    border-top: solid 1px #4D4D4D;
}

.sec06_nt_flex_box{
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #4D4D4D;
}
.sec06_nt_flex_img{
    margin: 0;
    padding: 0;
    width: 150px;
}
.sec06_nt_flex_cate{
    margin: 0;
    padding: 0;
    width: 100px;
    font-family: 'Noto Sans JP', sans-serif;
}
.sec06_nt_flex_cate_01{
    padding: 5px 0;
    font-size: 14px;
    font-weight: 800;
}
.sec06_nt_flex_cate_02{
    padding: 5px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}
.sec06_nt_flex_text{
    margin: 0;
    padding: 0 100px 0 0;
    width: 680px;
    font-family: 'Noto Sans JP', sans-serif;
}
.sec06_nt_flex_text_01{
    padding: 5px 0;
    font-size: 18px;
    font-weight: 800;
}
.sec06_nt_flex_text_02{
    padding: 5px 0;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

.sec06_nt_spbtnbox{
    display: none;
}





@media screen and (max-width: 750px) {
	.sec06_flex_box{
        margin: 80px 0 25px 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .sec06_flex_box_01{
        padding: 0;
        font-size: 50px;
        width: 100%;
    }
    .sec06_flex_box_01 span{
        padding: 0 8px 0 10px;
        font-size: 30px;
    }
    .sec06_flex_box_02{
        padding: 10px 0 0 0;
        width: 100%;
    }
    .sec06_flex_box_03{
        display: none;
    }


    .sec06_nt_flex_box{
        margin: 0 0 0 0;
        padding: 15px 0 15px 0;
        display: flex;
        flex-wrap: wrap;
        border-bottom: solid 1px #4D4D4D;
    }
    .sec06_nt_flex_img{
        margin: 0;
        padding: 0;
        width: 40%;
    }
    .sec06_nt_flex_cate{
        margin: 0;
        padding: 0 0 0 15px;
        width: 60%;
        box-sizing: border-box;
    }

    .sec06_nt_flex_text{
        margin: 0;
        padding: 10px 0 0 0;
        width: 100%;
    }

    .sec06_nt_spbtnbox{
        display: block;
        padding: 40px 0 0 0;
    }
}



/* ----------------------------------------
	topQandA
---------------------------------------- */



.topQandA__box{
    color:#fff;
}
.topQandA__flexbox{
    display: flex;
    justify-content: space-between;
    padding: 100px 0 0 0;
}
.topQandA__catbox{
    display: flex;
    align-items: center;
}
.topQandA__cat{
    padding: 0 20px;
    font-size: 18px;
    position: relative;
}
.topQandA__cat input{
    display: none;
}
.topQandA__cat label{
    position: relative;
}
.topQandA__cat input:checked + label::after{
    position: absolute;
    width: 100%;
    bottom: -10px;
    content:"";
    height: 1px;
    left: 0;
    background: #AEFF00;
}
.topQandA__ttl-en{
    font-size: 80px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.topQandA__ttl-en span{
    font-size: 50px;
}
.topQandA__ttl-jp{
    padding: 10px 20px;
}
.topQandA__ttl{
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
}
.topQandA__ttl img{
    padding-right: 15px;
}
.topQandA__more-pc{
    padding-left: 30px
}

.topQandA__box01{
    margin: 30px 0 100px;
    border-bottom: solid 1px #4D4D4D;
}

.topQandA__box-content{
    border-top: solid 1px #4D4D4D;
    transition-duration: 2s;
}
.cat-all,
.cat-kako,
.cat-Hako{
display: none;
}
.cat-allopen .cat-all,
.cat-kakoopen .cat-kako,
.cat-Hakoopen .cat-Hako{
    display: block;
}
.topQandA__box-content label{
    padding: 20px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.topQandA__box-content label img{
    padding-right: 20px;
}
.topQandA__box-content .answer{
    display: flex;
    align-items: center;
    opacity: 0;
    height: 0;
    padding: 0;
}
.topQandA__box-content input{
    display: none;
}
.topQandA__box-content input:checked + label + .answer{
    opacity: 1;
    height: auto;
    padding-bottom : 20px;
}
.topQandA__box-content01 img,
.topQandA__box-content .answer img {
    padding-right: 20px
}
.topQandA__box-content label::after{
    position: absolute;
    top: 50%;
    right: 20px;
    background:#AEFF00;
    transform: translate(0,-50%);
    content: "";
    width: 20px;
    height: 2px;
    transition-duration: 0.2s;
}
.topQandA__box-content label::before{
    position: absolute;
    top: 50%;
    right: 21px;
    background:#AEFF00;
    transform: rotate(90deg) translate(0,-50%);
    content: "";
    width: 20px;
    height: 2px;
    transition-duration: 0.2s;
}
.topQandA__box-content input:checked + label::before{
    transform: translate(0,-50%);
    right: 20px;
}
.topQandA__box-content label,
.topQandA__box-content .answer{
    font-size: 14px;
}
.topQandA__more-sp{
    display: none;
}
    @media all and (max-width: 768px) {
        .topQandA__flexbox{
            flex-wrap: wrap;
        }
        .topQandA__ttl{
            font-size: 24px;
        }
        .topQandA__ttl-en{
            font-size: 50px;
            line-height: 1;
            font-family: 'Roboto', sans-serif;
        }
        .topQandA__ttl-en span{
            font-size: 30px;
        }
        .topQandA__ttl-jp{
            padding: 5px 15px;
        }
        .topQandA__catbox{
            width: 100%;
        }
        .topQandA__more-pc{
            display: none;
        }
        .topQandA__cat{
            padding: 20px 20px 0 0;
        }
        .topQandA__box-content label img,
        .topQandA__box-content .answer img{
            width: 40px;
        }

        .topQandA__box-content label .text,
        .topQandA__box-content .answer .text{
            padding: 0 50px 0 0;
        }

        .topQandA__box-content label,
        .topQandA__box-content .answer{
            align-items: flex-start;
            font-size: 16px;
        }
        .topQandA__box01{
            margin: 50px 0;
        }
        .topQandA__more-sp{
            display: block;
						margin-bottom: 100px;
        }
    }

/* ----------------------------------------
	sec08
---------------------------------------- */

.sec08_bg{
	margin: 75px 0 0 0;
	border-top: solid 1px #4D4D4D;
    border-bottom: solid 1px #4D4D4D;
}

.sec08_box01{
	margin: 0 0 0 0;
    padding: 30px 0 30px 0;
	border-left: solid 1px #4D4D4D;
    border-right: solid 1px #4D4D4D;
    display: flex;
    justify-content: center;
}

.sec08_box01 img{
	max-width: 600px;
}


@media screen and (max-width: 750px) {
	.sec08_box01{
        margin: 0 0 0 0;
        padding: 30px 0 30px 0;
        border-left: solid 0px #4D4D4D;
        border-right: solid 0px #4D4D4D;
    }
    .sec08_box01 img{
        width: 100%;
    }

}