@charset "utf-8";
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=13v0u0k++DGwdZIWL+V+Wse+em0 */

/* Feel free to copy&paste color codes to your application */

html {
  scroll-behavior: smooth;
}
/* As hex codes */

.color-primary-0 { color: #0072BC }	/* Main Primary color */
.color-primary-1 { color: #0F9EFB }
.color-primary-2 { color: #029BFF }
.color-primary-3 { color: #005790 }
.color-primary-4 { color: #004470 }



/* As RGBa codes */

.rgba-primary-0 { color: rgba(  0,114,188,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba( 15,158,251,1) }
.rgba-primary-2 { color: rgba(  2,155,255,1) }
.rgba-primary-3 { color: rgba(  0, 87,144,1) }
.rgba-primary-4 { color: rgba(  0, 68,112,1) }



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com 
---------------------------------------------------------------------------------*/
/* CSS Document */

  span.newIcon::after{
 /* display        : inline-block;   */    /* インラインボックス定義  */
  content        : "NEW";              /* 表示する文字            */
  color          : #ff0000;            /* 文字色                  */
  font-weight    : bold;               /* 太字                    */
  /*font-size      : 10pt; */              /* ベースの文字サイズ      */
  letter-spacing : -1px;               /* 文字間隔詰め            */
  line-height    : 1;                  /* 1行の高さ               */
  vertical-align : 0;                /* 基準の高さ位置          */
  margin         : 0;                  /* 外余白なし              */
 /* padding        : 1px; */               /* 反転時の内余白          */
  transform      : scale(0.9)          /* 文字サイズ変更          */
                   translateX(2%)     /* 横位置調整              */
                   translateY(24%);    /* 縦位置調整              */
                                       /* ブリンクのアニメ指定    */
  animation:newIcon 1.5s ease-in-out infinite alternate;}
@keyframes newIcon {
   0% { color      : #ff0000;          /* ブリンク時の文字色      */
        background : #ffffff;          /* ブリンク時の背景色      */
      }
 100% { color      : #ffffff;          /* ブリンク時の文字色      */
        background : #ff0000;          /* ブリンク時の背景色      */
      }
}

/* 先頭に※マークなどを使った場合インデントを入れる */
p.commonNotice {
	margin-left: 1em;
	margin-bottom: 0.8em;
	text-indent: -1em;
	line-height: 1.4;
	}
	
	.Img_ct{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.fs11px{font-size:11px!important;}
.fs12px{font-size:12px!important;}
.fs13px{font-size:13px!important;}
.fs14px{font-size:14px!important;}
.fs15px{font-size:15px!important;}
.fs16px{font-size:16px!important;}
.fs17px{font-size:17px!important;}
.fs18px{font-size:18px!important;}
.fs19px{font-size:19px!important;}
.fs20px{font-size:20px!important;}

/* 2重アンダーライン */
.underline_p {
	color: #fd909b;
	font-weight: normal;
	font-size: 2.2rem;
	padding: 0 0 .8rem 0;
	margin: 2rem 0 1.6rem 0;
	border-bottom: #fd909b 5px solid;
	position: relative;
}
.underline_p::before {
	content: '';
	width: 100%;
	border-bottom: #f7c3b8 solid 4px;
	position: absolute;
	left: 0px;
	bottom: -8px;
}

.underline_b {
	position: relative;
	padding: 0em 0.5em 0.2em;
	font-size: 100%;
	font-weight: bold;
	color: #005790;
	margin-bottom: 10px;
	border-bottom: 2px dotted #0F9EFB ;
}
.underline_b::before {
	content: '';
	width: 100%;
	border-bottom: 2px solid #0F9EFB;
	position: absolute;
	left: 0px;
	bottom: -5px;
}

.underline_g {
	position: relative;
	padding: 0em 0.5em 0.2em;
	font-size: 100%;
	font-weight: bold;
	color: #669000;
	margin-bottom: 10px;
	border-bottom: 2px dotted #C6E970;
}
.underline_g::before {
	content: '';
	width: 100%;
	border-bottom: 2px solid #ECFFBD;
	position: absolute;
	left: 0px;
	bottom: -5px;
}

.underline_o {
	line-height: 1.2;
	padding: 3px 2px 0px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #FFD084;
	position: relative;
}
.underline_o::before {
	content: '';
	width: 100%;
	border-bottom: 2px solid #FCC997;
	position: absolute;
	left: 0px;
	bottom: -5px;
}
.marker_p{
background:linear-gradient(transparent 65%, #FD99ED 65%);
	font-weight:bold; }

.insta_sp{display: none;}

/* 先頭に※マークなどを使った場合インデントを入れる */
.flex_2col{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex_item_2col{width: 48%; margin-bottom: 10px;}
@media only screen and (max-width: 960px) {
		.flex_item_2col iframe{min-height: 280px;}

}
@media only screen and (max-width: 768px) {
	.insta_sp{display: inline-block;}
}
@media only screen and (max-width: 520px) {
	.flex_2col{flex-wrap: wrap;}
	.flex_item_2col{width: 100%;}
	.flex_item_2col iframe{min-height: 240px;}


}