@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.sp{
display: none;
}

img{
max-width: 100%;
}

#mv{
width: 100%;
min-height:500px; 
background-image: url("../img/mv.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
margin-bottom: 100px
}

#mv h1{
    z-index: 2;
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    color: #612897;
    text-shadow    : 
       2px  2px 8px #ffffff,
      -2px  2px 8px #ffffff,
       2px -2px 8px #ffffff,
      -2px -2px 8px #ffffff,
       2px  0px 8px #ffffff,
       0px  2px 8px #ffffff,
      -2px  0px 8px #ffffff,
       0px -2px 8px #ffffff; 
    font-size: 90px;
    letter-spacing: .1em;
    line-height: 1.3;
	font-family:"Sawarabi Mincho",'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	}
	
#mv h1 span{
font-size:60px;
font-family:"Sawarabi Mincho",'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;

}

#wrapper {
}

#wrapper .open24{
font-family:"Sawarabi Mincho",'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
font-size:52px;
color: #612897;
text-align: center;
margin-bottom: 40px;
letter-spacing: 1;
}

#wrapper .catch2{
font-size:38px;
color: #000000;
text-align: center;
margin-bottom: 60px;
letter-spacing: 1;
font-weight:bold;
}

#wrapper .catch2 span{
font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
background: linear-gradient(transparent 70%, #ffed66 0%);
}

#wrapper h2{
font-family:"Sawarabi Mincho";
font-size:32px;
text-align: center;
margin-bottom: 20px;
letter-spacing: 1;
}

#wrapper p.catch{
font-family:"Sawarabi Mincho";
font-size:18px;
text-align: center;
line-height: 3;
}

#wrapper .access {
margin: 100px 0;
padding: 50px 0 0;
background-color: #947EC3;
}

#wrapper .access h2{
color: #FFFFFF;
font-size:32px;
}

#wrapper .access h2 span{
display: block;
color: #FFFFFF;
font-size:16px;
padding: 10px;
letter-spacing: 5px;
}

#wrapper .access dl{
width: 420px;
margin: 0 auto 50px;
}

#wrapper .access dt{
width:50px;
color: #FFFFFF;
font-size:18px;
padding: 20px 0;
line-height: 1.5;
font-family:"Sawarabi Mincho";
}

#wrapper .access dd{
width:calc(100% - 50px);
color: #FFFFFF;
font-size:18px;
padding: 20px 0;
line-height: 1.5;
font-family:"Sawarabi Mincho";
text-align: center
}

#wrapper .access dd p{
margin-top: -5px;
}

#wrapper .access dd a{
display: block;
margin-top: -15px;
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
font-size:40px;
padding:0;
}

#wrapper .access .map{
line-height: 0;
}

#wrapper .bnr{
margin: 50px auto 100px;
text-align: center;
}

footer{
background: #612897;
padding: 10px;
text-align: center;
color: #FFFFFF;
font-size:14px;
}

@media screen and (max-width: 980px) {
#mv h1{
font-size:72px;
}

#mv h1 span{
font-size:36px;
}
}

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

.pc{
display: none;
}

#mv{
min-height:200px; 
margin-bottom: 40px
}

#mv h1{
    bottom: 40px;
    font-size: 48px;
	letter-spacing: 0;
	}
	
#mv h1 span{
    font-size: 24px;
	}
	
#wrapper .open24{
font-size:36px;
margin-bottom: 30px;
}

#wrapper .catch2{
font-size:28px;
margin-bottom: 40px;
}

#wrapper h2{
font-size:24px;
}

#wrapper p.catch{
font-size:16px;
line-height: 2
}

#wrapper .access {
margin: 60px 0 50px;
padding: 30px 0 0;
}

#wrapper .access h2{
font-size:24px;
}

#wrapper .access h2 span{
font-size:14px;
}

#wrapper .access dl{
width: 94%;
margin: 0 auto 30px;
}

#wrapper .access dt{
font-size:16px;
padding: 0 0 20px 0;
}

#wrapper .access dd{
font-size:16px;
text-align: left;
padding: 0 0 20px 0;
}

#wrapper .access dd a{
margin-top: -10px;
font-size:30px;
}

#wrapper .bnr{
margin: 20px 3% 30px;
}

footer{
background: #612897;
padding: 10px;
text-align: center;
color: #FFFFFF;
font-size:14px;
}


}