@charset "UTF-8";
/* CSS Document */

html.noscroll,
body.noscroll{
	height: 100%;
	overflow:hidden;
	width: 100%;
	position:fixed;
}

/* MV
---------------------------------------------------------------------------- */
.ex-mv-wrap{
	width:100%;
	margin:0 auto;
}
.ex-mv-wrap-inner{
	background: url("../img/origin/exhibition/ex-mv.png") no-repeat bottom;
	background-size:cover;
	padding:300px 0;
}
.ex-mv-catch{
    font-family: 'Arial Black', Gadget, sans-serif;
	font-weight: 600;
    text-align: center;
}
.ex-mv-sub{
    font-size:2.9rem;
    color: #8A682A;
    text-shadow: 0px 0px 20px rgba(255,255,255,1),0px 0px 20px rgba(255,255,255,1); 
}
.ex-mv-head{
	font-size:5.3rem;
	color: #164582;
	font-weight: bold;
	text-shadow: 0px 0px 20px rgba(255,255,255,1),0px 0px 20px rgba(255,255,255,1); 
}
.ex-mv-head span{
    display: inline-block;
    padding:1rem;
}
.ex-mv-about{
    background:#2274B6;
    margin-top:-7%;
    padding:130px 5% 60px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: -1;
}
.ex-mv-about-head{
    font-size:2.5rem;
    margin-bottom:20px;
}
@media screen and (min-width: 1201px) {
   .ex-mv-about{padding:9.5vw 5% 60px;} 
}

@media screen and (max-width: 768px) {
    .ex-mv-wrap-inner{padding:30vw 0;}
    .ex-mv-sub{font-size: 7.733vw;}
    .ex-mv-head{
        font-size:11vw;
        line-height: 1.5;
     }
    .ex-mv-head span{padding:0;
    }
    .ex-mv-about{
        background:#2274B6;
        margin-top:-7%;
        padding:15% 5% 10%;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: -1;
    }
    .ex-mv-about-head{
        font-size: 5.067vw;
        margin-bottom:3%;
    }
}

/* contents
---------------------------------------------------------------------------- */
.ex-con-wrap{
    width:100%;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    padding:130px 0;
}
.ex-con-wrap-bg{
    position: absolute;
    z-index:-1;
    top:-130px;
    transform: skewX(-20deg);
    width: 82%;
    height: 23.5%;
    margin:0 0 0 16%;
    background-color:#F2F2F2;
}
@media screen and (min-width: 769px) {
.ex-con-wrap-bg:nth-of-type(2){top:21.5%}
.ex-con-wrap-bg:nth-of-type(3){top:42.5%}
.ex-con-wrap-bg:nth-of-type(4){top:64%}
.ex-con-wrap-bg:nth-of-type(5){top:83.5%}
.ex-con-item{margin-bottom:10%;}
.ex-con-item:nth-of-type(2){text-align: right;}
.ex-con-item:nth-of-type(1),
.ex-con-item:nth-of-type(8){margin-bottom:7%;}
.ex-con-item:last-of-type{margin-bottom:0;}
.ex-con-item:nth-of-type(odd){padding-left:4%;}
.ex-con-item:nth-of-type(even){padding-right:4%;}
.ex-con-item-inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ex-con-item:nth-of-type(odd) .ex-con-item-l{width:40%;}
.ex-con-item:nth-of-type(even) .ex-con-item-l{width:57%;}
.ex-con-item:nth-of-type(2) .ex-con-item-l,
.ex-con-item:nth-of-type(6) .ex-con-item-l{width:63%;}
.ex-con-item:nth-of-type(3) .ex-con-item-l{width:34%;}
.ex-con-item-age{display: inline-block;
	font-size:80px;
	font-weight: 700;
	color:#9ec6d6;
	line-height: 1;
	}
.ex-con-item-age img{
    height:67px;
    width:auto;
}
.ex-con-item-age span{
    display: block;
    border-bottom:1px solid #2274B6;
    margin-top:10px;
}
.ex-con-item:nth-of-type(odd) .ex-con-item-age span{margin-left: calc(50% - 50vw);}
.ex-con-item:nth-of-type(even) .ex-con-item-age span{margin-right: calc(50% - 50vw);}
.ex-con-item-ttl{
    margin-top:30px;
    font-size:3rem;
    color:#2274B6;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
}
.ex-con-item-image{margin-top:30px;}
.ex-con-item:nth-of-type(odd) .ex-con-item-r{width:57%;}
.ex-con-item:nth-of-type(even) .ex-con-item-r{
    width:40%;
    text-align: right;
}
.ex-con-item:nth-of-type(2) .ex-con-item-r,
.ex-con-item:nth-of-type(6) .ex-con-item-r{width:34%;}
.ex-con-item:nth-of-type(3) .ex-con-item-r{width:63%;}
}
@media screen and (min-width: 1201px) {
   .ex-con-item:nth-of-type(odd){padding-left:10%;}
   .ex-con-item:nth-of-type(even){padding-right:10%;}
}
@media screen and (max-width: 768px) {
    .ex-con-wrap{
        width:100%;
        margin:0 auto;
        position: relative;
        overflow: hidden;
        padding:10% 0;
    }
    .ex-con-wrap-bg{
        position: absolute;
        z-index:-1;
        top:-9%;
        transform: skewX(-20deg);
        width: 82%;
        height: 18%;
        margin:0 0 0 53%;
        background-color:#F2F2F2;
    }
    .ex-con-wrap-bg:nth-of-type(2){top:8.5%;margin:0 0 0 15%;height: 14%;}
    .ex-con-wrap-bg:nth-of-type(3){top:16%;margin:0 0 0 40%;height: 18%;}
    .ex-con-wrap-bg:nth-of-type(4){top: 34%;margin: 0 0 0 30%;height: 9%;}
    .ex-con-wrap-bg:nth-of-type(5){top: 43%;margin: 0 0 0 25%;height: 11%;}
    .ex-con-wrap-bg:nth-of-type(6){top: 53%;margin: 0 0 0 22%;height: 13%;}
    .ex-con-wrap-bg:nth-of-type(7){top: 66%;margin: 0 0 0 25%; height: 11%;}
    .ex-con-wrap-bg:nth-of-type(8){top: 76%;margin: 0 0 0 26%; height: 11%;}
    .ex-con-wrap-bg:nth-of-type(9){top: 87%;margin: 0 0 0 16%;height: 13%;}
    .ex-con-item-inner{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        }
    .ex-con-item{
        width:90%;
        margin:0 auto 10%;
    }
    .ex-con-item:last-of-type{ margin:0 auto;}
    .ex-con-item .ex-con-item-l,
    .ex-con-item .ex-con-item-r{
        width:100%;
        margin-bottom:5%;
    }
    .ex-con-item:nth-of-type(even) .ex-con-item-inner{ flex-direction: column-reverse;}
    .ex-con-item-age{display: inline-block;
		font-size:10vw;
		font-weight: 700;
		color:#9ec6d6;
		line-height: 1;
	}
    .ex-con-item-age img{
        height:40px;
        width:auto;
    }
    .ex-con-item-age span{
        display: block;
        border-bottom:1px solid #2274B6;
        margin-top:10px;
    }
    .ex-con-item-age span{margin-left: calc(50% - 50vw);}
    .ex-con-item-ttl{
        margin-top:5%;
        font-size: 5.867vw;
        color:#2274B6;
        font-weight: bold;
        text-align: left;
        line-height: 1.5;
        margin-bottom:2%;
    }
    .ex-con-item-image{margin-top:5%;
    }
}