@charset "UTF-8";

/* =====
 * 共通
============================================================================= */

@media screen and (max-width: 899.9999px) {
	.sp_none {
		display: none !important;
	}
}
@media(min-width:900px){
	.pc_none {
		display: none !important;
	}
}

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

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

.w20{width:22%}
.w30{width:29%;}
.w40{width:38%;}
.w50{width:48%;}
.w60{width:58%;}
.w70{width:68%;}
.w80{width:76%}
.w90{width:95%}
.w100{width:100%;}
@media screen and (max-width: 899.9999px) {
  .w20,.w30,.w40,.w50,
	.w60,.w70,.w80,.sp_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;
}
.flex-reverse {
    flex-direction: row-reverse;
}
.alignS{align-items: start; }
.alignC{align-items: center;}
.alignB{align-items: baseline;}
@media screen and (max-width: 899.9999px) {
	.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;}
.mb60{margin-bottom: 60px;}

.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;}
.mt60{margin-top: 60px;}

.mr0{margin-right: 0;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.ml0{margin-left: 0;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}

.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 screen and (max-width: 899.9999px) {
  .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_mt0{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%; }








/* =====
 * イベント
============================================================================= */
.event_inner{
    width:98%;
    max-width: 1200px;
    margin:0 auto;
}
.event_link-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 80px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #F19396;
}
.event_link-button::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border: 1px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
}
.contents-block.event02::after {
    /* 背景の花束削除 */
    content: none;
}
@media screen and (min-width: 900px) {
    .event_contents-block{
        background-color: transparent!important;
        width: auto!important;
    }
    .event_txt{
        position: relative;
    }
    .event_txt:before{
        position: absolute;
        content: '';
        top: -20%;
        bottom: 0;
        /* left: -5000px;
        width: 5720px; */
        left: -100%;
        width: 205%;
        height: 140%;
        z-index: -100;
        background-color: rgba(54,171,181,0.3);
    }
    .event_txt_op:before{
        top: -20%;
        bottom: 0;
        right: -100%;
        left:auto;
        width: 205%;
        height: 220%;
    }
    .event_img{
        position: relative;
        text-align: right;
    }
    .event_img:before{
        position: absolute;
        content: '';
        top: -40px;
        right: -40px;
        /* width: 400px; */
        width:90%;
        height: 430px;
        z-index: -100;
        background-color: rgba(54,171,181,0.3);
    }
    .event_img_s:before{
        width: 330px;
        height: 260px;
    }
    .event_img_op1,.event_img_op2{
        position: relative;
    }
    .event_img_op1:before{
        position: absolute;
        content: '';
        top: 40px;
        left: -100%;
        width: 205%;
        height: 580px;
        z-index: -100;
        background-color: rgba(54,171,181,0.3);
    }
    .event_img_op2:before{
        position: absolute;
        content: '';
        top: 200px;
        right: -100%;
        width: 205%;
        height: 350px;
        z-index: -100;
        background-color: rgba(54,171,181,0.3);
    }
    .event_line{
        position: absolute;
        top: 0;
        left:6%;
        height: 100%;
        border-left: 1px solid #36aab4;
    }
}

@media screen and (max-width: 1400px) {
    .event_inner{
        width:92%;
        margin:0 10px 0 auto;
    }
}