@charset "utf-8";
/* CSS Document */
body{
        line-height: 1.7;
}

.main_title{
	background: url("../img/mv.png")no-repeat center;
	background-size: cover;
}

.pc_br{
	display: block;
}

.pankuzu{
	margin-bottom: 20px;
}
.link_red{
	margin-bottom: 40px;
}

.card_txt_title{
	color: #334477;
	font-weight: bold;
}
.card_txt{
	padding-left: 10px;
	line-height: 1.5rem;
	margin: 20px auto;
	    width: 50%;
}

.txt_right{
	width: 90%;
	margin-top: 20px;
}

.card_bg{
        background: url("../img/img01.png")no-repeat ;
        background-size: cover;
        max-width: 1280px;
        position: relative;
        height: 388px;
        margin:0 auto 1830px;
}
.card_contents{
        position: absolute;
        top: 250px;
        z-index: 20;
        left:0;
        right: 0;
}
.card_fff{
	width: 80%;
        margin: 0px auto 50px;
        background-color: #FFFFFF;
        padding: 50px 50px 40px;
        box-shadow: 1px 1px 30px 3px rgb(0 0 0 / 30%);
}
.card_title {
    position: relative;
    left: -50px;
    top: -15px;
}

.cardinner{
        background-color:rgba(255,255,255,0.8);
        width: 50%;
        padding: 40px;
}
.card01{
	display: contents;
}
.card_txt_title {
    color: #334477;
    font-weight: bold;
	font-size: 1.1rem;
}
.flex01{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 40px auto;
	    flex-wrap: wrap;
}
.flex02{
	display: flex;
	justify-content:center;
	align-items: center;
	width: 80%;
	margin: 40px auto;
}
.pamph_img{
	margin: 10px
}
.right{
	text-align: center;
	margin: 20px;
}
.btn_black {
    width: 250px;
}
.movie01_box{
	width: 55%;
	margin: 20px auto;
	height: 40vh;
}
.movie02_box{
	width: 55%;
	margin: 20px auto ;
	    height: 35vh;
}
.movie01{
	width: 100%;
}


@media screen and (max-width: 767px) {

	.card_bg{
		background: url("../img/img01_sp.png")no-repeat center;
		background-size: cover;
		width: 90%
	}
	.card_fff {
    padding: 40px 20px 10px;
    width: 80%;
}
	.card_title {
    left: -20px;
    top: -20px;
    width: 100%;
}
	.card.c_01 {
    height: auto;
    margin-top: 20px;
}
	.cardinner {
    width: 80%;
    padding: 15px;
    margin: 10px auto;
}
	.movie01_box {
    width: 90%;
    margin: 13px auto;
		height: 20vh;
}
.pc_br{
	display: none;
}
	.right {
    margin: 20px auto 0px;
}
	.pamph_img {
    margin: 0 auto 10px ;
}

	.flex02 {
    width: 100%;
    margin: 6px auto;
    flex-direction: column-reverse;
}
	.card_txt{
	    width: 80%;
}
	.card_txt_02{
		width: 80%;
    margin: auto;
}
	
.movie02_box{
	width: 95%;
	margin: 20px auto 80px;
	height: 22vh;
}
	.card_bg {
    margin: 0px auto 2375px;
}
	
}
@media print {
        body{
                width: 1040px;
        }
        #main_slider,.mv_text,.circles{
                display: none;
        }
        .print_img{
                display: block;
        }
        .pagelink li a{
                font-size: 12px;
        }
        .card-box {
    flex-wrap: nowrap;
}
}