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

*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
  font-size: 62.5%;
}
body{
font-size: 1.8rem;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt" 1;
background: url("/img/main_back.jpg") no-repeat top center / cover;
letter-spacing: 0.1rem;
}

/*
font-family: 'Nanum Myeongjo', serif;78
font-family: 'Noto Sans JP', sans-serif;3456789
font-family: 'Zen Antique', serif;4
*/

.title{
width: 100%;
padding: 2rem 2rem 0;
margin: auto;
text-align: right;
position: relative;
}
.title h1 img{
max-width: 300px;
}
.title a{
display: block;
position: absolute;
top: 0;
left: 1rem;
max-width: 200px;
}
.title a img{
max-width: 200px;
}
#title .text{
margin: 1rem auto 0;
padding: 2rem 2rem;
background:rgba(0,0,0,0.7);
}
#title .text2{
margin: 5rem auto 0;
padding: 2rem 2rem;
background:rgba(255,255,255,0.7);
text-align: center;
}
#title span{
display: block;
max-width: 1040px;
margin: 0 auto;
color: #fff;
line-height: 180%;
font-family: 'Zen Antique', serif;
font-size: 400;
}
#title .text2 span{
color: #7D1719;
font-size: 3rem;
}

.poster{
width: 100%;
padding: 0 2rem 0;
max-width: 600px;
margin: auto;
}
.poster p{
border: 3px solid #fff;
}
.poster img{
width: 100%;
}
@media (max-width: 768px) {
body{font-size: 1.6rem;}
.title{padding: 1rem 1.5rem 0;}
.title h1 img{max-width: 180px;}
.title a{max-width: 120px;}
.title a img{max-width: 120px;}
}

body > h2{
margin: 5rem 0 0;
color: #fff;
font-family: 'Nanum Myeongjo', serif;
font-size: 4rem;
font-weight: 800;
letter-spacing: 0.8rem;
text-align: center;
}
#program{
max-width: 1040px;
margin: 1rem auto 5rem;
background:rgba(255,255,255,0.8);
padding: 0 3rem 2rem;
}
#program h3{
background: #2c4d77;
width: 100%;
padding: 1rem;
font-size: 2rem;
text-align: center;
margin: 2rem 0 0.5rem;
color: #fff
}
#program img{
width: 100%;
}
#program .col-md-12 img{
width: 75%;
}

@media (max-width: 768px) {
body > h2{font-size: 2.5rem;}
#program img{width: 80%;}
#program .col-md-3{text-align: center;}
#program .col-md-3 img{width: 50%;}
#program p{margin-top: 1rem;}
}

#kisei{
background-image: url("/img/kisei_line_top.png"), url("/img/kisei_line_bottom.png"),url("/img/kisei_back.jpg");
background-position: top left,bottom left,top left;
background-size: 100% auto, 100% auto ,cover;
background-repeat: no-repeat,no-repeat,no-repeat;
padding: 5rem 3rem 8rem;
}
#kisei .box{
max-width: 1040px;
margin: 0 auto;
}
#kisei img{
width: 100%;
}
#kisei h3{
background: #792b27;
width: 100%;
padding: 1rem 1rem 1.2rem;
font-size: 2rem;
text-align: center;
margin: 2rem 0 0.5rem;
color: #fff
}
#kisei h4{
width: 100%;
font-size: 3rem;
text-align: center;
margin: 4rem 0 2rem;
font-family: 'Zen Antique', serif;
font-weight: 400;
}
@media (max-width: 768px) {
#kisei{padding: 3rem 1.5rem;}
#kisei h3{font-size: 1.6rem;text-align: left;}
#kisei h4{font-size: 2.2rem;text-align: left;margin: 3rem 0 2rem;}
}

#kaijou{
background-image: url("/img/kisei_line_top.png"), url("/img/kisei_line_bottom.png"),url("/img/kisei_back.jpg");
background-position: top left,bottom left,top left;
background-size: 100% auto, 100% auto ,cover;
background-repeat: no-repeat,no-repeat,no-repeat;
padding: 8rem 3rem 5rem;
margin-top: 5rem;
}
#kaijou .box{
max-width: 1040px;
margin: 0 auto;
}
#kaijou img{
width: 100%;
}
#kaijou h2{
width: 100%;
font-size: 2.5rem;
text-align: center;
margin: 2rem 0 0.5rem;
}
#kaijou h3{
background: #792b27;
width: 100%;
padding: 1rem 1rem 1.2rem;
font-size: 2rem;
text-align: center;
margin: 2rem 0 0;
color: #fff
}
#kaijou .col-md-6{
margin-top: 1.5rem;
}
@media (max-width: 768px) {
#kaijou{padding: 3rem 1.5rem;}
#kaijou h2{font-size: 1.6rem;text-align: left;}
#kaijou h3{font-size: 1.6rem;text-align: left;}
}

#kyousan{
padding: 0;
}
#kyousan h4{
margin: 3rem auto 0;
color: #fff;
text-align: center;
font-size: 3rem;
letter-spacing: 0.2rem;
font-family: 'Nanum Myeongjo', serif;
}
#kyousan .row{
max-width: 1040px;
margin:  1.5rem auto 0;
}
#kyousan .row div{
margin: 1.5rem auto;
}
#kyousan img{
width: 100%;
}
#kyousan span{
display: block;
margin: 3rem auto 0;
text-align: center;
}
#kyousan span a{
display: inline-block;
background: #fff;
border-radius: 4rem;
padding: 1.5rem 3rem;
font-size: 2rem;
color: #2c4d77;
letter-spacing: 0.2rem;
font-family: 'Nanum Myeongjo', serif;
transition: 1.0s ;
}
#kyousan span a:hover{
text-decoration: none;
background-color: #9ea9bd;
}
@media (max-width: 768px) {
#kyousan .row div{padding: 0 0.5rem;}
#kyousan span a{padding: 1.5rem 2rem;font-size: 1.8rem;letter-spacing: 0.1rem;}
}


#live{
padding: 3rem;
}
#live .box{
max-width: 1040px;
margin: 0 auto;
padding: 3rem 0 0!important;
}
#live img{
width: 100%;
}
#live a{
display: block;
border: 2px solid #fff;
}


#oubo{
text-align: center;
}
#oubo h3{
margin-top: 50px;
font-size: 150%;
font-weight: 700;
color: #fff;
}
#oubo a{
margin: 5rem auto;
display: inline-block;
background: #51BEA9;
color: #fff;
padding: 2rem 5rem;
border-radius: 5rem;
font-size: 3rem;
letter-spacing: 0.2rem;
font-weight: 800;
transition: 0.5s;
}
#oubo a:hover{
background:#92DDD5;
text-decoration: none;
}

footer .container{
border: none;
color: #fff;
}


/*--kyousan---*/
#kyousan.page{
background: rgba(255,255,255,0.7);
padding: 3rem 0;
}
#kyousan.page h4{
color: #2c4d77;
}
#kyousan.page .e-type{
margin: 1.5rem auto;
}
#kyousan.page .e-type > div{
max-width: 1040px;
margin: 0 auto;
text-align: center;
vertical-align: top;
}
#kyousan.page .e-type span{
width: 30%;
display: inline-block;
margin: 1.5rem 0.5rem 0;
font-size: 1.6rem;
line-height: 120%;
vertical-align: top;
}
#kyousan.page .f-type{
margin: 4rem auto;
}
#kyousan.page .f-type > div{
max-width: 1040px;
margin: 0 auto;
text-align: center;
vertical-align: top;
}
#kyousan.page .f-type span{
width: 22%;
display: inline-block;
margin: 1.5rem 0.5rem 0;
font-size: 1.4rem;
line-height: 120%;
vertical-align: top;
}
@media (max-width: 768px) {
#kyousan.page .e-type span{width: 46%;font-size: 1.4rem;text-align: left;}
#kyousan.page .f-type span{width: 29%;font-size: 1.2rem;text-align: left;}
}


/*--LIVE---*/
body#live {
background: url("/img/main_back_live.jpg") no-repeat top center / cover;
padding: 0;
}
body#live a{
border: none;
}
body#live .box {
padding: 15% 0 20%;
text-align: center;
color: #fff;
font-family: 'Zen Antique', serif;
font-size: 5rem;
letter-spacing: 2rem;
font-weight: 400;
}
body#live .youtube{
width: 100%;
aspect-ratio: 16/9;
}
body#live .youtube iframe{
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
body#live .title{padding: 1rem 1.5rem 0;}
body#live .title h1 img{max-width: 180px;}
body#live .title > img{max-width: 120px;}
}


.sp-dn{display: block;}
.pc-dn{display: none;}

@media only screen and (max-width: 768px ){
.sp-dn{display: none;}
.pc-dn{display: block;}
}