@charset "utf-8";
/*
* Noto Sans Japanese licensed under the SIL Open Font License
* https://fonts.google.com/noto/
*/
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 100;
    src: url('./fonts/NotoSansJP-Thin.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 200;
    src: url('./fonts/NotoSansJP-ExtraLight.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/NotoSansJP-Light.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/NotoSansJP-Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/NotoSansJP-Medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/NotoSansJP-SemiBold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/NotoSansJP-Bold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/NotoSansJP-ExtraBold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/NotoSansJP-Black.woff2') format('woff2');
    font-display: swap;
}

/*	Body CSS	*/
body{
	font:1.000em/1.400em 'Noto Sans JP', "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#303744;
	letter-spacing:0;
	text-align:center;
}
a{ 
	position: relative;
	vertical-align: baseline;
	color:#2252C1;
	text-decoration: none;
}
p a{
	text-decoration: underline;
    margin: 0 4px;
}
/* a[target="_blank"] {
	display: flex;
    align-items: center;
	justify-content: center;
}*/
body.index-page a.event-item-wrap[target="_blank"] {
    display: block;
}
a[target="_blank"]::after {
    margin: 0 8px;
    content: url(../img/portal/common/icon_open_b.svg);
    width: 12px;
	display: inline-block;
	text-indent: 0;
}
a.icon_open_k[target="_blank"]::after {
    content: url(../img/portal/common/icon_open_k.svg);
}
a.icon_open_w[target="_blank"]::after {
    content: url(../img/portal/common/icon_open_w.svg);
}
a.icon_open_no[target="_blank"]::after {
	display: none;
}
a:hover {
	opacity: 0.6;
	transition: all .3s ease;
}
a.icon_open_k[target="_blank"]:hover::after {
    content: url(../img/portal/common/icon_open_b.svg);
}
span.icon-winop{
	margin: 0 8px 2px;
    content: url(../img/portal/common/icon_open_b.svg);
    width: 12px;
}
span.icon-winop-k{
	margin: 0 8px 2px;
    content: url(../img/portal/common/icon_open_k.svg);
    width: 12px;
}
a:hover span.icon-winop-k {
    content: url(../img/portal/common/icon_open_b.svg);
}
a.arrownone:before{
	display: none;
}
p {
	display: block;
	font-size: 1em;
	line-height: 2;
	letter-spacing: 0.050em;
	color: #303744;
	text-align: left;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
.pc{display: block;}
.sp{display: none;}

.w100 {width: 100%!important;margin: 0 auto;}
.w90 {width: 90%!important;margin: 0 auto;}
.w80 {width: 80%!important;margin: 0 auto;}
.w70 {width: 70%!important;margin: 0 auto;}
.w60 {width: 60%!important;margin: 0 auto;}
@media screen and (max-width: 1000px) {
	.w100 {width: 100%!important;margin: 0 auto;}
	.w90 {width: 100%!important;margin: 0 auto;}
	.w80 {width: 100%!important;margin: 0 auto;}
	.w70 {width: 100%!important;margin: 0 auto;}
	.w60 {width: 100%!important;margin: 0 auto;}
}

.img img {width: 100%;}
.img.w-auto img {width: auto;}
.img {
    max-width: 800px;
    margin: 0 auto;
}
.img.mw10 {
    max-width: 1000px;
    margin: 0 auto;
}
.img.mw9 {
    max-width: 900px;
    margin: 0 auto;
}
.img.w-s img {width: 300px;}

.video iframe {
    border-top: 1px solid #c8d7e6;
    border-bottom: 1px solid #c8d7e6;
    border-left: 2px solid #c8d7e6;
    border-right: 2px solid #c8d7e6;
}
@media screen and (max-width: 769px) {
	.video iframe{
		width: 352px;
		height: 198px;
	}
}

sup {
	vertical-align: super;
	font-size: 60%;
	margin-right: 4px;
}
aside {
	position: relative;
	margin-top: 24px;
}
aside p {
	font-size: 0.875em;
	line-height: 1.5;
	text-indent: -1em;
	margin: 0px 0px 8px 1em;
	color: #666;
	text-align: left;
}

/*	List CSS	*/
ul.disc {margin-left: 32px;}
ul.disc li {
    list-style: disc outside;
    margin: 0 4px 12px 0;
    text-align: left;
}
ul.disc li:last-child{
	margin-bottom: 0;
}

/*	TextDecoration CSS	*/
.strike {text-decoration: line-through;}
.udline-k{border-bottom: 1px solid #333;}
.udline-b{border-bottom: 4px solid #d5e1ff;}
.udline-y{border-bottom: 4px solid #ffef8a;}
.hl-b {
    background: #E7EEFF;
    padding: 0px 4px 2px;
}
.hl-y {
    background: #ffef8a;
    padding: 0px 4px 2px;
}

/*	FontColor CSS	*/
.red,.erorr{color: #FF0000!important;}
.blu{color: #2252C1!important;}
.color-b{color: #2961E2!important;}
.color-b2{color: #0897DE!important;}
.color-p{color: #634eb9!important;}
.color-e{color: #16B395!important;}
.color-o{color: #F39303!important;}
.color-g{color: #819AB4!important;}
.color-pk{color: #FF557C!important;}
.color-pk2{color: #E3578C!important;}
.color-n{color: #4462A6!important;}
.color-k{color: #303744!important;}
.color-w{color: #fff!important;}
.color-y{color: #FFF940!important;}

/*	BackgroundColor CSS	*/
.bg-g{background: #F4F6F9!important;}
.bg-b{background: #F3F8FF!important;}
.bg-b2{background: #EEF4FB!important;}
.bg-w{background: #fff!important;}
.bg-p{background: #F3F5FF!important;}
.bg-e{background: #F3FBFA!important;}
.bg-o{background: #FCF7EC!important;}
.bg-pk2{background: #FDF5F8!important;}
.bg-n{background: #EDF0F8!important;}
.bg-db{background: #2961E2!important;}
.bg-db2{background: #0897DE!important;}
.bg-dp{background: #634eb9!important;}
.bg-de{background: #16B395!important;}
.bg-do{background: #F39303!important;}
.bg-dpk2{background: #E3578C!important;}
.bg-dn{background: #4462A6!important;}

/*	BorderColor CSS	*/
.bdrc-b:before{border-color: #2961E2!important;}
.bdrc-b2:before{border-color: #0897DE!important;}
.bdrc-p:before{border-color: #634eb9!important;}
.bdrc-e:before{border-color: #16B395!important;}
.bdrc-o:before{border-color: #F39303!important;}
.bdrc-n:before{border-color: #4462A6!important;}

/*	Border CSS	*/
.bdrb-g {border-bottom: 1px solid #C8D7E6;}
.bdrt-g {border-top: 1px solid #C8D7E6;}

/*	Float CSS	*/
.ca 	{ text-align: center!important;}
.la 	{ text-align: left!important;}
.lf 	{ float: left!important;}
.rf 	{ float: right!important;}
.ra 	{ text-align: right!important;}
.clear 	{ clear:both!important;}

/*	Font CSS	*/
.fss { font-size: 0.75em!important;}
.fs { font-size: 0.875em!important;}
.fm { font-size: 1em!important;}
.fl { font-size: 1.25em!important;}
.fll{ font-size: 1.875em!important;}


/*	Align/Float CSS	*/
.ac 	{ text-align: center!important;}
.al 	{ text-align: left!important;}
.lf 	{ float: left!important;}
.ar 	{ text-align: right!important;}
.rf 	{ float: right!important;}
.fn		{ float:none!important;}
.clear 	{ clear:both!important;}

/*	LetterSpacing CSS	*/
.ls0    {letter-spacing: 0em !important;}
.ls05   {letter-spacing: -0.05em !important;}

/*	Margin/Padding CSS	*/

.p0		{ padding: 0px!important;}
.p4		{ padding: 5px!important;}
.p8		{ padding:10px!important;}
.p12	{ padding:15px!important;}
.p16	{ padding:20px!important;}
.p20	{ padding:25px!important;}
.p24	{ padding:30px!important;}
.p28	{ padding:35px!important;}
.p32	{ padding:40px!important;}
.p36	{ padding:45px!important;}
.p40	{ padding:50px!important;}
	
.pt0	{ padding-top: 0px!important;}
.pt4	{ padding-top: 4px!important;}
.pt8	{ padding-top: 8px!important;}
.pt12	{ padding-top:12px!important;}
.pt16	{ padding-top:16px!important;}
.pt20	{ padding-top:20px!important;}
.pt24	{ padding-top:24px!important;}
.pt28	{ padding-top:28px!important;}
.pt32	{ padding-top:32px!important;}
.pt36	{ padding-top:36px!important;}
.pt40	{ padding-top:40px!important;}
.pt48	{ padding-top:48px!important;}
.pt60	{ padding-top:60px!important;}
	
.pr0	{ padding-right: 0px!important;}
.pr4	{ padding-right: 4px!important;}
.pr8	{ padding-right: 8px!important;}
.pr12	{ padding-right:12px!important;}
.pr16	{ padding-right:16px!important;}
.pr20	{ padding-right:20px!important;}
.pr24	{ padding-right:24px!important;}
.pr28	{ padding-right:28px!important;}
.pr32	{ padding-right:32px!important;}
.pr36	{ padding-right:36px!important;}
.pr40	{ padding-right:40px!important;}
.pr48	{ padding-right:48px!important;}
.pr60	{ padding-right:60px!important;}
	
.pb0	{ padding-bottom: 0px!important;}
.pb4	{ padding-bottom: 4px!important;}
.pb8	{ padding-bottom: 8px!important;}
.pb12	{ padding-bottom:12px!important;}
.pb16	{ padding-bottom:16px!important;}
.pb20	{ padding-bottom:20px!important;}
.pb24	{ padding-bottom:24px!important;}
.pb28	{ padding-bottom:28px!important;}
.pb32	{ padding-bottom:32px!important;}
.pb36	{ padding-bottom:36px!important;}
.pb40	{ padding-bottom:40px!important;}
.pb48	{ padding-bottom:48px!important;}
.pb60	{ padding-bottom:60px!important;}
	
.pl0	{ padding-left: 0px!important;}
.pl4	{ padding-left: 4px!important;}
.pl8	{ padding-left: 8px!important;}
.pl12	{ padding-left:12px!important;}
.pl16	{ padding-left:16px!important;}
.pl20	{ padding-left:20px!important;}
.pl24	{ padding-left:24px!important;}
.pl28	{ padding-left:28px!important;}
.pl32	{ padding-left:32px!important;}
.pl36	{ padding-left:36px!important;}
.pl40	{ padding-left:40px!important;}
.pl48	{ padding-left:48px!important;}
.pl60	{ padding-left:60px!important;}
	
.mlfauto{ margin-left: auto!important; margin-right: auto!important;}
.m0		{ margin: 0px!important;}
.m4		{ margin: 5px!important;}
.m8		{ margin:10px!important;}
.m12	{ margin:15px!important;}
.m16	{ margin:20px!important;}
.m20	{ margin:25px!important;}
.m24	{ margin:30px!important;}
.m28	{ margin:35px!important;}
.m32	{ margin:40px!important;}
.m36	{ margin:45px!important;}
.m40	{ margin:50px!important;}
	
.mt0	{ margin-top: 0px!important;}
.mt4	{ margin-top: 4px!important;}
.mt8	{ margin-top: 8px!important;}
.mt12	{ margin-top:12px!important;}
.mt16	{ margin-top:16px!important;}
.mt20	{ margin-top:20px!important;}
.mt24	{ margin-top:24px!important;}
.mt28	{ margin-top:28px!important;}
.mt32	{ margin-top:32px!important;}
.mt36	{ margin-top:36px!important;}
.mt40	{ margin-top:40px!important;}
.mt48	{ margin-top:48px!important;}
.mt60	{ margin-top:60px!important;}
	
.mr0	{ margin-right: 0px!important;}
.mr4	{ margin-right: 4px!important;}
.mr8	{ margin-right: 8px!important;}
.mr12	{ margin-right:12px!important;}
.mr16	{ margin-right:16px!important;}
.mr20	{ margin-right:20px!important;}
.mr24	{ margin-right:24px!important;}
.mr28	{ margin-right:28px!important;}
.mr32	{ margin-right:32px!important;}
.mr36	{ margin-right:36px!important;}
.mr40	{ margin-right:40px!important;}
.mr48	{ margin-right:48px!important;}
.mr60	{ margin-right:60px!important;}
	
.mb0	{ margin-bottom: 0px!important;}
.mb4	{ margin-bottom: 4px!important;}
.mb8	{ margin-bottom: 8px!important;}
.mb12	{ margin-bottom:12px!important;}
.mb16	{ margin-bottom:16px!important;}
.mb20	{ margin-bottom:20px!important;}
.mb24	{ margin-bottom:24px!important;}
.mb28	{ margin-bottom:28px!important;}
.mb32	{ margin-bottom:32px!important;}
.mb36	{ margin-bottom:36px!important;}
.mb40	{ margin-bottom:40px!important;}
.mb48	{ margin-bottom:48px!important;}
.mb60	{ margin-bottom:60px!important;}
	
.ml0	{ margin-left: 0px!important;}
.ml4	{ margin-left: 4px!important;}
.ml8	{ margin-left: 8px!important;}
.ml12	{ margin-left:12px!important;}
.ml16	{ margin-left:16px!important;}
.ml20	{ margin-left:20px!important;}
.ml24	{ margin-left:24px!important;}
.ml28	{ margin-left:28px!important;}
.ml32	{ margin-left:32px!important;}
.ml36	{ margin-left:36px!important;}
.ml40	{ margin-left:40px!important;}
.ml48	{ margin-left:48px!important;}
.ml60	{ margin-left:60px!important;}

/*　scroll　*/
.scroll {
	transition: ease 0.8s;
}

/*　btn-pagetop　*/
.btn-pagetop{
	position: fixed;
	right: 24px;
    bottom: 24px;
	z-index: 85;
}
.btn-pagetop a{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	background: #000;
	border-radius: 50%;
	opacity: 0.3;
	transition: all .3s ease;
}
.btn-pagetop a::before{
	position: absolute;
	content: "";
	top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25%;
    height: 25%;
    margin: auto;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn-pagetop a:hover{
	opacity: 0.6;
}

/*======important info on top======*/
body.IndexPage .wrap #Content #news .wrapper a{
	display: block;
}
body.IndexPage .wrap #Content #news a.news{
	color: #ff0000;;
}
body.IndexPage a.news::before{
	display: none;
}


@media screen and (max-width: 769px) {
	.pc{display: none;}
	.sp{display: block;}
	p {
		font-size: 0.875em;
		line-height: 1.75;
	}
	ul.disc {
		margin-left: 24px;
	}
	ul.disc li {
		font-size: 0.875em;
		line-height: 1.5;
	}
	.img.w-auto img {
		width: 90%;
	}
	img.w80 {
		width: 60%!important;
	}
}