body{
 margin: 0;
}

video {
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%; min-height: 100%;
 width: auto; height: auto;
 z-index: 1;
 }

p {
 font-size:1.2em;
}

h3 {
 font-size:1.3em !important;
 color:#ec117d !important;
 font-weight:700 !important;
}

/* ロゴ部分 */
.logo-box {
 position: relative;
 width:80%;
 margin: 0 auto;
 margin-top: 150px;
 margin-bottom: 150px;
 z-index: 2;
}

/* 背景構成 */
.back-frame {
 position: relative;
 padding:20px;
 margin: 0 auto;
 margin-bottom: 0px;
 background-color:#fff;
 padding: 50px 20px 80px;
 color: #222;
 z-index: 3;
}

.back-frame h1 {
 margin-bottom:50px;
 text-align: center !important;
 font-weight:800;
}

.back-frame2 {
 position: relative;
 padding:20px;
 margin: 0 auto;
 margin-bottom: 0px;
 background-color:rgba(0,50,88,0.7);
 padding: 80px 20px 30px;
 color: #fff;
 z-index: 3;
}

.back-frame2 h1 {
 margin-bottom:50px;
 font-weight:800;
}

.back-frame2 h2 {
 margin-bottom:50px;
}

.back-frame2 h3 {
 margin-bottom:20px;
}



.back-frame3 {
 position: relative;
 padding:20px;
 margin: 0 auto;
 margin-bottom: 0px;
 background-color:rgba(0,50,88,0.7);
 padding: 80px 20px 30px;
 color: #fff;
 z-index: 3;
}

.back-frame3 h1 {
 margin-bottom:50px;
 font-weight:800;
 text-align:center;
}

.back-frame3 h2 {
 margin-bottom:50px;
}

.back-frame3 h3 {
 margin-bottom:20px;
 color: #fff !important;
}




.footer {
 position: relative;
 padding:20px;
 margin: 0 auto;
 margin-bottom: 0px;
 background-color:#fff;
 text-align:center;
 z-index: 3;
}

.footer p{
 font-size:0.7em;
 color:#666;
}

.no-video {
 position: fixed;
 min-height: 300px;
 z-index: 0;
}

.no-video img{
 width:100%;
}


.ex-img-only {
 position: relative;
 min-height: 300px;
 z-index: 3;
}

.ex-img-only img{
 opacity: 0.7;
 width:100%;
}

.ex-img-only2 {
 position: relative;
 min-height: 10px;
 z-index: 3;
}

.ex-img-only2 img{
 width:100%;}

.ex-img-only3 {
 position: relative;
 min-height: 300px;
 z-index: 3;
}

.ex-img-only3 img{
 width:100%;
}

.small-p{
 font-size:0.7em;
}


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

h1 {
 font-size:1.2em !important;
}

h2 {
 font-size:1.1em !important;
}

h3 {
 font-size:1.1em !important;
}

.logo-box {
 width:90%;
 margin-top: 50px;
 margin-bottom: 50px;
}

.back-frame2 h1 {
 margin-bottom: 10px;
}

.back-frame2 h2 {
 margin-bottom: 10px;
}

.ex-img-only {
 display:none;
}

.ex-img-only2 {
 display:none;
}

.ex-img-only3 {
 display:none;
}

video {
 display:none;
 }

}