@charset "utf-8";

/* -----------------------------------------------------------
共通パーツ
------------------------------------------------------------- */
html { font-size: 62.5%; /* 10px */ }
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #4b4a48;
	font-size: 1.4rem;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media(max-width:768px){
	.sp_none {
		display: none !important;
	}
}
@media(min-width:769px){
	.pc_none {
		display: none !important;
	}
}

.txtC { text-align: center; }
.txtR{	text-align: right;}
.txtL{	text-align: left;}
.bold{	font-weight: bold;}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {    clear: both; }
.cf {    *zoom: 1; }

.w100{width:100%;}

/*_____フレックス_____*/
.flex{
	display: -ms-flexbox;
	display: flex;
}
.justC{justify-content: center;}
.justB{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.justA{
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flexW{
	flex-wrap: wrap;
}
.alignS{align-items: start; }
.alignC{align-items: center;}
.alignB{align-items: baseline;}
@media (max-width: 768px) {
	.sp_flclear{
		display: block;
	}
}

/*_____余白_____*/
.m0auto{margin: 0 auto}

.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.mar10{margin:10px;}
.mar15{margin:15px;}
.mar20{margin:20px;}
.mar30{margin:30px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

@media (max-width: 768px){
  .sp_mb0{margin-bottom: 0;}
  .sp_mb10{margin-bottom: 10px;}
  .sp_mb15{margin-bottom: 15px;}
  .sp_mb20{margin-bottom: 20px;}
  .sp_mb30{margin-bottom: 30px;}
  .sp_mb0{margin-top: 0;}
  .sp_mt10{margin-top: 10px;}
  .sp_mt15{margin-top: 15px;}
  .sp_mt20{margin-top: 20px;}
  .sp_mt30{margin-top: 30px;}
}

/*_____テキスト_____*/
.tx7 {	font-size: 7px; }
.tx9 {	font-size: 9px;  line-height: 170%; }
.tx10 {	font-size: 10px; line-height: 170%; }
.tx11 {	font-size: 11px; line-height: 170%; }
.tx12 {	font-size: 12px; line-height: 170%; }
.tx13 {	font-size: 13px; line-height: 170%; }
.tx14 {	font-size: 14px; line-height: 170%; }
.tx15 {	font-size: 15px; line-height: 150%; }
.tx16 {	font-size: 16px; line-height: 170%; }
.tx17 {	font-size: 17px; line-height: 170%; }
.tx18 {	font-size: 18px; line-height: 130%; }
.tx19 {	font-size: 19px; line-height: 130%; }
.tx20 {	font-size: 20px; line-height: 130%; }
.tx22 {	font-size: 22px; line-height: 130%; }
.tx24 {	font-size: 24px; line-height: 130%; }
.tx10h {font-size: 10px; line-height: 200%; }
.tx11h {font-size: 11px; line-height: 200%; }
.tx12h {font-size: 12px; line-height: 200%; }
.tx13h {font-size: 13px; line-height: 200%; }
.tx14h {font-size: 14px; line-height: 190%; }
.tx15h {font-size: 15px; line-height: 180%; }
.tx17h {font-size: 17px; line-height: 200%; }
.tx22h {font-size: 22px; line-height: 180%; }
.tx24h {font-size: 24px; line-height: 200%; }

/*_____リンク_____*/
a,
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
	opacity: 0.8;
}




.container{
	max-width:1200px;
	margin: auto;
	padding: 60px 0;
}
h1{
	font-size:3.6rem;
}
.text {
	font-size: 2.0rem;
}
.event_img img{
	display: block;
	width:640px;
	max-width: 100%;
	margin:0 auto 20px;
}

.button a {
    background: #1c69d4;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 auto;
    max-width: 80px;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
		text-decoration: none;
}
.button a:before {
    content: "\f00d";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #fff;
}
.button a:hover {
    background: #4b4a48;
    color: #FFF;
}
@media(max-width:768px){
	.button a {
		max-width:60px;
	}
}