@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap');

:root{--MainColor:#df89b5;--MainPaleColor:#ffc3e2;--BackPaleColor:#ecf1f6;--BackDarkColor:#2a678e;--PaleGrade:linear-gradient(135deg, rgba(249,194,235,1) 0%,rgba(168,194,238,1) 100%);--textShadow: 0 0 4px rgb(0 0 0 / 100%);--textPaleShadow: 0 0 4px rgb(0 0 0 / 70%);--DarkGrade:linear-gradient(135deg, rgba(238,167,220,1) 0%,rgba(112,146,203,1) 100%);--MainWidth:1000px;--topicColor:#fdfca6;--MainPadding: 50px 0 70px 0;}


/*-----------------------------------*/
.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;background-color: #fff;}
.header_change .Sub{
display: none !important;
}
.header_change.show{top: 0;border-top: none;border-bottom: 1px solid #ccc;}
.header_change.show:after{}

article{ color: #333}
article a{color: #333}
article img{ width: 100%;height: auto}

.FontEn{font-family: "Vujahday Script", cursive;font-weight: 400;font-style: normal;letter-spacing: 0;}

br.pc{
	display: block;
}
br.smp{display:none;}

article .btn{}
article .btn a{
	background: var(--PaleGrade);
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 15px 20px;
	border-radius: 100px;
	box-shadow: 2px 3px 0px #9499b0;
	font-size: 16px;
}
article .btn a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f101";font-family:FontAwesome;line-height: 1;font-weight: normal;font-size: 190%;}
article .btn a:hover{opacity: 0.7;}

article .commonTtl{
	text-align: center;
	color: var(--MainColor);
	line-height: 1;
	margin-bottom: 50px;
}
article .commonTtl .sub{
	font-size: 60px;
}
article .commonTtl .main{}

/*---------------------Menu*/
.menuArea{
	border-bottom: 3px solid #ccc;
	padding: 15px 0px;
	border-top: 3px solid #ccc;
}
.menuArea .humb{
	display: none;
}
.menuArea .Inner{
}
.menuArea .Inner ul{width: var(--MainWidth);margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.menuArea .Inner li{position: relative;font-size: 15px;/* flex: 1; */font-weight: bold;text-align: center;}
.menuArea .Inner li a{
	text-decoration: none;
}
.menuArea .Inner li a:hover,
.menuArea .Inner li a.active{
	color: var(--MainColor);
}
.menuArea .Inner li + li{}
.menuArea .Inner li + li{
}
.menuArea .Inner li + li:before{
    content:
    "";
    transform: rotate(-60deg);
    width: 1em;
    border-top: 1px solid #747474;
    margin: 0;
    padding: 0;
    transform-origin: 0% 0%;
    display: block;
    position: absolute;
    top: 18px;
    left: -60px;
    }