@charset "UTF-8";

body{
    font-family:"Arial",san-serif;
    margin:0;
    padding:0;
}

a{
    color:#B5CDE5; /*�����N�̐F��ς�����*/
    text-decoration:none;
}

b{
    border-bottom:1px solid #1ea4f7;/*b�^�O�ň͂����Ƃ��̉����̐F��ς�����*/
    margin-bottom: 50px;
}

u{
    text-decoration:yellow underline;
    border-bottom:1px  rgb(255, 55, 0);/*u�^�O�ň͂����Ƃ��̉����̐F��ς�����*/
}

h1 {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    font-size:30px;
}

h1:before, h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    border-top: solid 2px #f4d384;/*���o���̐F������ς�����*/
    border-bottom: solid 2px #f4d384;/*���o���̐F������ς�����*/
}

h1:before {
    left:0;
}

h1:after {
    right: 0;
}

h2 {
    position: relative;
    display: inline-block;
    padding: 0 50px;
    font-size:20px;
}

h2:before, h2:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 2px;
    background-color: #f4d384;/*���o���̐F������ς�����*/
}

h2:before {
    left:0;
}
h2:after {
    right: 0;
}

#loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #292823;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.loading-in {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -100%);
}
.loaded {
    opacity: 0;
    visibility: hidden;
}

.titlebox-out{
    height:30vh;
    position:relative;
}

.intro{
    font-weight:bold;
    font-size:5.3vw;
    color:#fcfcfc;/*�Љ�̕����F*/
    text-shadow:0 0 5px #484ac8,0 0 5px #484ac8,0 0 10px #6B621F,0 0 10px #6B621F,0 0 10px #6B621F;/*�Љ�̕����̉e�̐F*/
    
}



.fade-left{
    opacity: 0;
    transform : translate(50px, 0);
    transition : all 750ms;
}

.fade-right{
    opacity: 0;
    transform : translate(-50px, 0);
    transition : all 750ms;
}

.fade{
    opacity: 0;
    transform : translate(0, 20px);
    transition : all 1500ms;
}



.fade-left.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}

.fade-right.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}

.fade.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}

.content-top{
    padding-top:20px;
    padding-bottom:10px;
}

.content-mid{
    padding-top:10px;
    padding-bottom:10px;
}

.content-bot{
    padding-top:10px;
    padding-bottom:50px;
}
     
.para1{
    background-image:none;
    min-height:90vh;
}

.para1a{
    background-image:none;
    min-height:40vh;
}

.para1:before{
    content:"";
    display:block;
    background-image:url("フライヤー表_文字なし.jpg");
    background-size:cover;
    background-position:center center;
	min-height:100vh;
	min-width:100vw;
    background-repeat:no-repeat;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    
}
.para1a:before{
    content:"";
    display:block;
    background-image:url("フライヤー表_文字なし.jpg");
    background-size:cover;
    background-position:center center;
	min-height:50vh;
	min-width:100vw;
    background-repeat:no-repeat;
    position:fixed;
    top:0;
    left:0;
    z-index:-2;
    
}
.back2 {
    margin-left:auto;
    margin-right:auto;
    width:100%;
    color:#ffffff;
    padding:0 0 0 0;
    height:auto;
    overflow:auto;
}

.back1 {
    text-align:center;
    width:100%;
}

.para2{
    background-color:#292823;/*�����̏��G���A�̔w�i�F*/
    padding:0 5vw;
    min-height: 80vh;
    z-index: -1;
}

.para2a{
    background-color:#f4d284b8;/*�����̏��G���A�̔w�i�F*/
    padding:0 5vw;
    width: 80vw;
    border-radius: 10px;
    z-index: -1;
}

.under{
    position:absolute;
    bottom:0;
}

.shiro-out{
    min-height:80vh;
    display:table;
}

.shiro-in{
    font-weight:700;
    font-size:16px;
    color:#ffffff;/*���낿���Љ�̕����F*/
    padding:0 10vw;
    text-shadow:0 0 10px #11152d,0 0 10px #11152d,0 0 10px #11152d,0 0 10px #11152d,0 0 10px #11152d,0 0 10px #11152d;/*���낿���Љ�̉e�̐F*/
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 0px) and (max-width: 799px) and (min-height: 480px){
    .titlebox-in{
	height:17.5vw;
	margin:0;
	position:absolute;
	top: 35%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -70%);
    }
    .title-sub{
	font-size:5vw;
	font-weight:bolder;
	color:#ffffff;/*�^�C�g�������F*/
	text-shadow:0 0 10px #292929;/*�^�C�g�������̉e�̐F*/
    }
    
    .title{
	margin-top:2.5vw;
	width:90vw;
	color:#ffffff;/*�^�C�g�������F*/
	text-shadow:0 0 20px #000000,0 0 20px #000000,0 0 20px #000000,0 0 20px #000000,0 0 20px #000000;/*�^�C�g�������̉e�̐F*/
    }

    .introbox-out{	
	min-height:60vh;
	position:relative;
    }

    .introbox-in{
	height:64.5vw;
	margin:0;
	top: 50%;
	left: 50%;
    }

    .para3{
	background-image:none;
	min-height:100vh;
	position:relative;
    }

    .para3::before{
	content:"";
	display:block;
	background-image:url("フライヤー表_文字なし.jpg");
	background-size:cover;
	background-position:center center;
	min-height:100vh;
	min-width:100vw;
	background-repeat:no-repeat;
	position:fixed;
	top:0;
	left:0;
	z-index:-2; 
    }
     
}

@media (min-width: 0px) and (max-width: 799px) and (max-height: 479px){
    .titlebox-in{
	height:17.5vh;
	margin:0;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -70%);
    }
    .title-sub{
	font-size:5vh;
	font-weight:bold;
	color:#ffffff;/*�^�C�g�������F*/
	text-shadow:0 0 10px #292929,0 0 10px #292929,0 0 10px #292929,0 0 10px #292929,0 0 10px #292929;/*�^�C�g�������̉e�̐F*/
    }
    
    .title{
	margin-top:2.5vh;
	height:10vh;
	color:#ffffff;/*�^�C�g�������F*/
	text-shadow:0 0 20px #000000,0 0 20px #000000,0 0 20px #000000,0 0 20px #000000,0 0 20px #000000;/*�^�C�g�������̉e�̐F*/
    }

    .introbox-out{	
	min-height:120vw;
	position:relative;
    }

    .introbox-in{
        min-height:100vw;
	margin:0;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
    }

    .para3{
	background-image:none;
	min-height:100vw;
	position:relative;
    }

    .para3::before{
	content:"";
	display:block;
	background-image:url("フライヤー表_文字なし.jpg");
	background-size:cover;
	background-position:center center;
	min-height:100vw;
	min-width:100vw;
	background-repeat:no-repeat;
	position:fixed;
	top:0;
	left:0;
	z-index:-2; 
    }
     
}

@media (min-width: 800px) and (max-width: 959px) {

}

@media (min-width: 960px) {

}
.subject{
    font-weight:bold;
    font-size: 10vw;
    color:#ffffff;/*�Љ�̕����F*/
    text-shadow:0 0 5px #484ac8,0 0 5px #484ac8,0 0 10px #6B621F,0 0 10px #6B621F,0 0 10px #6B621F;/*�Љ�̕����̉e�̐F*/
}