@charset "utf-8";

/* ===================================================================================================
   リセット
 =================================================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}strong,em{font-weight:medium}figure{margin:0;padding:0}input:focus,textarea:focus,select:focus,button:focus{outline:none}input,button,textarea,select{color: #323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none;font-size:100%}

/* ===================================================================================================
   共通
 =================================================================================================== */
html.lock,body.lock{height:calc(var(--window-inner-height) - 1px);overflow:hidden;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.8rem;font-family:futura-pt,Futura,"uddigikyokasho-pro","UDDigiKyokasho R JIS2004",Arial,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",sans-serif;color:#000d44;font-weight:400;line-height:1.5;font-feature-settings:"palt";background:#fff}*{box-sizing:border-box}img{width:100%;height:auto;vertical-align:bottom}input,button,textarea,select{font-family:futura-pt,Futura,"uddigikyokasho-pro","UDDigiKyokasho R JIS2004",Arial,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",sans-serif!important;}

/*  共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a,a:link,a:visited{color:#000d44;text-decoration:underline;transition: opacity .3s,text-decoration .3s}@media screen and (min-width:960px){a:hover,a:active{color:#000d44;text-decoration:none}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{display:inline-flex;align-items:center;font-style:normal;vertical-align:middle;font-weight:400}.m-ico:before{position:relative;top:-1px;font-family:'Material Icons Round';content:attr(data-icon);font-size:100%}


/*  表示・非表示
-----------------------------------------------------------*/
@media screen and (max-width:959px){.pc-only{display:none}.sp-none{display:none;}}@media screen and (min-width:960px){.sp-only{display:none}.pc-none{display:none;}}

/*  ページ全体
-----------------------------------------------------------*/
.siteWrap{position: relative}

/*  パンくず
-----------------------------------------------------------*/
.breadcrumbs {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 4px 10px;
	line-height: 1
}
.breadcrumbs_wrapper {
	display: flex;
	align-items: center
}
.breadcrumbs_contents {
	display: block;
	width: 100%
}
.breadcrumbs_item {
	display: inline-flex;
	align-items: center;
	font-size: 1.2rem;
	line-height: 2;
	vertical-align: middle;
	margin-right: 8px;
}
.breadcrumbs_item.-home {
	flex-shrink: 0;
}
.breadcrumbs_inner {
	margin-bottom: -10px;
	padding-bottom: 10px;
	overflow-x: auto;
	white-space: nowrap;
	width: 76vw
}
.breadcrumbs_item:not(:last-child):after {
	color: #9da7af;
	font-family:'Material Icons Round';
	content:"\e5cc";
	margin-left: 8px;
}
a.breadcrumbs_anchor {
	font-weight: 600
}
@media screen and (min-width:960px) {
	.breadcrumbs {
		padding: 8px 0
	}
	.breadcrumbs_wrapper {
		width: 1400px;
		margin: 0 auto
	}
	.breadcrumbs_item.-home, .breadcrumbs_item {
		margin-right: 8px
	}
	.breadcrumbs_inner {
		width: inherit
	}
	.breadcrumbs_item {
		color: #fff
	}
	a.breadcrumbs_anchor {
		color: #fff
	}
}
@media screen and (max-width:959px) {
	.breadcrumbs {
		position: sticky;
		left: 0;
		top: 0;
		z-index: 100;
		background: #f5f5f5
	}
}

/*  ページトップ
-----------------------------------------------------------*/
.page-top{position:fixed;right:0;bottom:57px;margin:0 auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.page-top a{display:flex;justify-content:center;align-items:center;margin-left:auto;padding:3px;color:#fff;line-height:1;font-size:3rem;text-decoration:none;background-color:rgba(0,0,0,.3)}.page-top.ac{visibility:visible;opacity:1}.page-top.absolute{position:absolute;bottom:100%}@media screen and (min-width:960px){.page-top{right:0;bottom:0}.page-top a{padding:10px}.page-top a:hover{opacity:.6}}

/*  レイアウト
-----------------------------------------------------------*/
@media screen and (max-width:959px){.inner{margin:0 16px}.pc-only{display:none}}@media screen and (min-width:960px){.inner{margin:0 auto;width:100%;max-width:1400px}.sp-only{display:none}}

/*  ロゴセット
-----------------------------------------------------------*/
.LogoWp.-row .logoset{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.LogoWp.-column .logoset{
	display: flex;
	flex-direction: column;
}
.logosetImg{
	margin: 0 auto;
	width: 50%;
}
.logosetTxt{
	color: #000d44;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
}
.LogoWp.-row .logosetTxt{
	flex: 1;
}
.LogoWp.-column .logosetTxt{
	margin-top: 4px;
	line-height: 1;
}
.logosetTxt span{
	font-size: 80%;
	font-weight: normal;
}

/* ※印 */
ul.kome li, p.kome{
	display: flex;
	font-size: 1.2rem;
}
ul.kome li:before,
p.kome:before{
	content: "※";
	padding-right: .2em;
}
@media screen and (min-width: 1000px) {
	ul.kome li, p.kome{
		font-size: 1.4rem;
	}
}

/*  HEADER
-----------------------------------------------------------*/
/* gnav */
.navLogo{
	display: block;
	margin: 0 auto;
	padding: 8px 0;
	width: 160px;
}
.navLogo a{
	text-decoration: none;
}
.navLogo .logosetImg{
	width: 40px;
}

.navLogo .logoClr{
	fill: #171C61;
}
.navLogo .logoClr2{
	fill: #183F6C;
}
.navLogo .logoClr3{
	fill: #E5E5E5;
}
.navLogo .logoClr4{
	fill: #FFFFFF;
}

.nvList_item{
	margin-top: 24px;
}
.nvList_item.-search{
	display: none;
}
.nvList_item a{
	text-decoration: none;
}
.nvList_itemlink, a.nvList_itemlink{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	font-weight: 600;
}
.nvList_itemlink .m-ico{
	font-size: 3.0rem;
	line-height: 1;
}
.nvList_itemlink .m-ico.-arrow{
	margin-left: auto;
}
.nvList_itemtxt{
	margin-left: 16px;
	font-size: 2.4rem;
}
.nvList_item.-search{
	display: none;
}

.nvList_box{
	cursor: pointer;
	display: block;
}

/* ナビパネル */
.nvsubPnl{
	display: none;
}
.nvList_item .m-ico.-arrow{
	position: relative;
	transition: transform .4s ease;
}
.nvList_item[aria-subnav=false] .m-ico.-arrow{
	transform: rotate(0deg);
}
.nvList_item[aria-subnav=true] .m-ico.-arrow{
	top: -5px;
	transform: rotate(180deg);
}
.nvsubList{
	margin-left: 40px;
}
.nvsubList_item{
	margin-top: 16px;
}
.nvsubList_item a{
	display: block;
	text-decoration: none;
	color: #fff;
}
.searchBox{
	margin-top: 40px;
}
.searchInput{
	background: #fff;
}
.searchBox form{
	display: flex;
}
.searchInput{
	padding: 8px;
	width: 100%;
}
.searchBt input{
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 8px;
	padding: 8px;
	height: 100%;
	color: #fff;
	border: solid 1px #fff;
	transition: opacity 0.2s;
}

@media screen and (max-width:959px){
	/* gnav */
	.gnav{
		position: fixed;
		left: 0;
		top: 100%;
		z-index: 1000;
		padding: 40px 32px 80px;
		width: 100%;
		height: 100%;
		background: #000d44;
		transition: top .4s ease;
		overflow: auto;
	}
	.gnav.is-open{
		top: 0;
	}
	
	.nvLogo{
		margin: 0 auto;
		padding: 8px 0;
		width: 180px;
	}
	.nvLogo .logoset{
		flex-direction: column;
	}
	.nvLogo .logosetImg{
		width: 40px;
	}
	.nvLogo .logosetTxt{
		margin: 4px 0 0 0;
		color: #fff;
	}
	.nvLogo .logoClr{
		fill: #FFFFFF;
	}
	.nvLogo .logoClr2{
		fill: #E5E5E5;
	}
	.nvLogo .logoClr3{
		fill: #183F6C;
	}
	.nvLogo .logoClr4{
		fill: #171C61;
	}
	

	/* ハンバーガーメニュー */
	.menu{
		position: relative;
		z-index: 11;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding-bottom: 4px;
		width: 20px;
		height: 25px;
	}
	.menuBar, .menuBar:before, .menuBar:after{
		position: absolute;
		content: '';
		display: block;
		height: 2px;
		width: 100%;
		border-radius: 2px;
		background: #9da7af;
		transition: 0.5s;
	}
	.menuBar:before { bottom: 7px; }
	.menuBar:after { top: 7px; }

	.jsMenu.is-open .menuBar{
		background: rgba(255, 255, 255, 0);
	}
	.jsMenu.is-open .menuBar::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	.jsMenu.is-open .menuBar::after {
		top: 0;
		transform: rotate(-45deg);
	}
	
	/* SP用ナビ */
	.spGnavList{
		display: flex;
	}
	.spGnavList_item{
		flex: 1;
	}
	.lock .spGnavList_item:not(.-menu){
		opacity: 0;
		visibility: hidden;
	}
	.spGnavList_item a{
		text-decoration: none;
	}
	.spGnavList_itemtxt{
		font-size: 1.0rem;
		text-align: center;
		line-height: 1.2;
	}
	.spGnavList_itemlink{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		text-align: center;
		padding: 8px 4px;
		height: 100%;
	}
	.spGnavList_itemlink .m-ico{
		justify-content: center;
		color: #9da7af;
		font-size: 2.5rem;
		line-height: 1;
	}
	.spGnavList_item.-search span{
		display: none;
	}	
	
}

@media screen and (min-width:960px){
	/* SP用ナビ */
	.spGnav{ display: none; }
	
	/* hd */
	.hd{
	}

	/* nav */
	.nvLogo{
		display: none;
	}
	.nav{
		position: sticky;
		left: 0;
		top: 0;
		z-index: 1000;
		background: #fff;
		box-shadow: 0 0 1.5rem rgba(0,0,0,.2);
	}
	.navInr{
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0;
		max-width: 1400px;
		min-height: 70px;
	}
	.navLogo{
		margin: 0;
		width: 230px;
	}
	.navLogo a{
		text-decoration: none;
	}	
	.navLogo .logosetImg{
		width: 60px;
	}
	.navLogo .logosetTxt{
		font-size: 2.4rem;
		line-height: 1;
	}	
	.gnav{
		position: relative;
		margin-left: auto;
	}
	.gnvInr{
		height: 100%;
	}
	.nvList{
		display: flex;
		height: 100%;
		border-bottom: solid 1px #fff;
	}
	.nvList_item{
		position: relative;
		flex: 1 0 auto;
		margin-top: 0;
	}
	.nvList_item.-home{
		display: none;
	}
	.nvList_item.-search{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nvList_item.-search .nvList_box{
		padding: 0 16px;
	}
	.nvList_item.-search .m-ico{
		padding: 8px;
		font-size: 3.0rem;
		line-height: 1;
		border-radius: 5px;
		transition: background 0.2s;
	}
	.nvList_item.-search:hover .m-ico,
	.nvList_item.-search.is-active .m-ico{
		color: #fff;
		background: #000d44;
	}
	
	.nvList_item.-search span{
		display: none;
	}
	
	.nvList_box{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		white-space: nowrap;
		padding: 12px 32px;
	}
	.nvList_itemlink, a.nvList_itemlink{
		color: #000d44;
	}
	.nvList_itemlink:before{
		position: absolute;
		left: 50%;
		bottom: 15px;
		width: 0;
		height: 2px;
		content: "";
		transform: translateX(-50%);
		border-radius: 50vw;
		background: #000d44;
		transition: -webkit-width .2s ease;
		transition: width .2s ease;
		transition: width .2s ease, -webkit-width .2s ease;
	}
	.nvList_item[aria-subnav="true"] .nvList_itemlink,
	.nvList_item:not(.js-navdown) .nvList_itemlink:hover{
	}
	.nvList_item[aria-subnav="true"] .nvList_itemlink:before,
	.nvList_item:not(.js-navdown) .nvList_itemlink:hover:before{
		width: 50%;
	}
	.nvList_itemlink .m-ico{
		display: none;
	}
	.nvList_itemtxt{
		margin-left: 0;
		font-size: 2.0rem;
	}
	
	/* ナビパネル */
	.nvsubPnl{
		position: absolute;
		left: -10%;
		top: 100%;
		z-index: 1000;
		visibility: hidden;
		opacity: 0;
		display: block;
		padding: 20px;
		width: 120%;
		border-radius: 0 0 5px 5px;
		background-color: rgba(255,255,255,0.9);
		transition: transform 0.2s ease 0s;
		transform-origin: center top;
		transform: scaleY(0);	
	}
	.nvList_item[aria-subnav=true] .nvsubPnl{
		visibility: visible;
		opacity: 1;
		transform: scaleY(1);
	}
	
	.nvsubList{
		margin-left: 0;
	}	
	.nvsubList_item{	
		margin-top: 0;
		text-align: center;
	}
	.nvsubList_item:not(:first-child){
		margin-top: 8px;
	}
	.nvsubList_item a{
		display: inline-block;
		position: relative;
		color: #000d44;
	}
	.nvsubList_item a:before{
		position: absolute;
		left: 50%;
		bottom: -1px;
		width: 0;
		height: 1px;
		content: "";
		transform: translateX(-50%);
		border-radius: 50vw;
		background: #000d44;
		transition: -webkit-width .2s ease;
		transition: width .2s ease;
		transition: width .2s ease, -webkit-width .2s ease;
	}
	.nvsubList_item a:hover:before{
		width: 100%;
	}
	.searchBox{
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		padding: 16px;
		width: 100%;
		margin-top: 0;
		background: #000d44;
	}
	.searchBox:before{
		position: absolute;
		right: 25px;
		bottom: 100%;
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #000d44;
		
		transition: border 0.2s;
	}
	.searchBox form{
		justify-content: flex-end;
	}
	.searchBt input:hover{
		opacity: .6;
	}
}



/*  section
-----------------------------------------------------------*/
.contents{
	margin: 30px auto;
	max-width: 1400px;
}
.sect{
	margin-top: 30px;
}
.sectWrap{
	margin-top: 30px;
}
@media screen and (min-width:960px){
	.contents{
		margin-top: 50px;
	}
	.sect{
		margin-top: 80px;
	}
}
.ttl{
	font-size: 3.2rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
}
@media screen and (min-width:960px){
	.ttl{
		font-size: 4.0rem;
	}
}


.pageMain{
	position: relative;
}
.pageMv{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
	background: #000d44;
}
.pageTtl{
	text-align: center;
	color: #fff;
	font-size: 3.0rem;
}
.pageTtl span{
	display: inline-block;
	width: 100%;
	font-size: 70%;
	border-bottom: solid 1px #ccc;
}
.pageBd{
	margin-top: 24px;
}

@media screen and (min-width:960px){
	.pageMv{
		height: 250px;
	}
	.pageBd{
		margin-top: 40px;
	}
}


/*  マーカー
-----------------------------------------------------------*/
em.red{
	padding: 0 .2em;
	background: linear-gradient(transparent 60%, #f9c3e3 60%);
}
em.blue{
	padding: 0 .2em;
	background: linear-gradient(transparent 60%, #c6ecf5 60%);
}
em.green{
	padding: 0 .2em;
	background: linear-gradient(transparent 00%, #dcffe1 0%);
}



/*  FORM
-----------------------------------------------------------*/
/* input text */
.inputbox{
	border: solid 1px #ddd;
}
.inputtext{
	padding: 8px;
	width: 100%;
	height: 40px;
	background: #fff;
}
.inputtext::placeholder{
	color: #ccc;
	font-size: 1.3rem;
}
.selectbox{
	position: relative;
    border: 1px solid #ccc;
}
.selectbox .m-ico{
	pointer-events: none;
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2.0rem;
}
.selectbox select{
	cursor: pointer;
    padding: 0 8px;
    width: 100%;
	height: 40px;
    background: #fff;
}

@media screen and (min-width: 960px){
	.inputtext{
		height: 50px;
	}
	.inputtext::placeholder{
		font-size: 1.4rem;
	}
	.selectbox select{
		height: 50px;
	}
}

/* input radio */
.radioBox{
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-top: -3px;
}
.radioBoxInput{
	display: none;
}
.radioBox span{
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 48px;
}
.radioBox span::before, .radioBox span::after {
	content: "";
	border-radius: 50%;
}
.radioBox span::before {
	display: block;
	margin-right: 8px;
	width: 12px;
	height: 12px;
	border: solid 1px #eee;
	background: #fff;
}
.radioBox span::after {
	position: absolute;
	left: 4px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #000d44;
}

.radioBox span::before{
	background: #fff;
}

.radioBox span::after {
	display: none;
}

.radioBoxInput:checked + span::after {
	display: block;
}
.radioBoxInput.is-valid + span::before {
	background-color: #fff;
}







/*  ページトップ
-----------------------------------------------------------*/
.spGnav{
	position: sticky;
	left: 0;
	bottom: 0;
	z-index: 1001;
	box-shadow: 0 0 1.5rem rgba(0,0,30,.2);
	background: #fff;
}
.lock .spGnav{
	box-shadow: none;
	background: none;
}




@media screen and (min-width:960px){
}



/*  ブログランキング
-----------------------------------------------------------*/
.blogranking{margin-top:50px;padding-top:20px;border-top:solid 1px #ccc}.blogranking-list{display:flex;justify-content:center;margin-left:-10px}.blogranking-list_item{margin-left:10px}.blogranking-list_item img{width:auto; height:30px}@media screen and (min-width:960px){.blogranking{margin-top:100px;padding-top:0;border-top:none}.blogranking-list{justify-content:flex-start}.blogranking-list_item img{height:45px}.blogranking-list_item a:hover{opacity:.6}}

/*  Footer
-----------------------------------------------------------*/
.footer{position:relative;margin-top:24px;padding:32px 0 16px;color:#fff;background:#000d44}.fLogo{margin:0 auto;width:110px}.fLogo .logosetImg{width: 40px;}.fLogo .logoClr{fill: #FFFFFF}.fLogo .logoClr2{fill: #E5E5E5}.fLogo .logoClr3{fill: #183F6C}.fLogo .logoClr4{fill: #171C61}.fLogo .logosetTxt{color: #fff}.fbox{margin-top:24px}.fboxWrap:not(:first-of-type){margin-top:24px}.fboxTtl{font-size:1.4rem}.fboxBd{margin:8px 0 0 16px}.fnvList{display:flex;flex-wrap:wrap;margin:-8px 0 0 -24px}.fnvList+.fnvList{margin-top:0}.fnvList_item{margin:8px 0 0 24px}.fnvList_item a{color:#fff;font-weight:600;text-decoration:none}.fsearch{margin-top:24px;width:100%}.fsearch form{display:flex}.fTag{margin-top:24px}.fTagTtl{font-size:1.4rem}.fTagBd{margin-top:8px}.tagList{display:flex;flex-wrap:wrap;margin:-10px 0 0 -3px}.tagItem{margin:10px 0 0 3px}.tagItem a{display:block;padding:5px 5px 5px 10px;text-decoration:none;font-size:1.4rem;border-radius:50vw;background:#fff;transition:opacity .2s}.modal-content .tagItem a{background:#f5f5f5}.tagItem a:before{content:"#"}.tagItem span{margin-left:5px;font-size:1.2rem}.side-sect_tag-more{cursor:pointer;margin-top:15px;text-align:center;transition:opacity .2s}.footer-copy{margin-top:40px;text-align:center;font-size:1.3rem}@media screen and (min-width:960px){.footer{margin-top:32px;padding:64px 0 24px}.fwrap{display:flex;justify-content:space-between}.fLogo{margin:-40px 0 0;width:120px}.fbox{flex:1;margin:0 0 0 48px}.fboxWrap{display:flex}.fboxWrap:not(:first-of-type){margin-top:16px}.fboxTtl{padding-top:4px;width:8em}.fboxBd{flex:1;margin:0 0 0 24px;padding-left:24px;border-left:solid 1px #fff}.fnvList_item a{position:relative}.fnvList_item a:before{position:absolute;left:50%;bottom:-1px;width:0;height:1px;content:"";transform:translateX(-50%);border-radius:50vw;background:#fff;transition:-webkit-width .2s ease;transition:width .2s ease;transition:width .2s ease,-webkit-width .2s ease}.fnvList_item a:hover:before{width:100%}.fsearch{margin:24px 0 0 auto;width:calc(30% - 40px)}.fTagTtl{display:none}.fTag{margin:0 0 0 40px;width:calc(30% - 40px)}.tagList{margin:-10px 0 0 -5px}.tagItem{margin:10px 0 0 5px}.tagItem a{padding:2px 10px 2px 15px}.tagItem a:hover{opacity:.6}.side-sect_tag-more:hover{opacity:.6}.footer-copy{margin-top:40px;text-align:center;font-size:1.3rem}}

/* =============================================================================
    JS
============================================================================= */

/*  カセット表示切り替え
-----------------------------------------------------------*/
.cassetteSwich{display:flex;justify-content:flex-end;align-items:center}.cassetteSwich_item{padding:8px;line-height:1;border-top:solid 1px #000d44;border-bottom:solid 1px #000d44;border-right:solid 1px #000d44;background:#fff}.cassetteSwich_item.is-active{color:#fff;background:#000d44}.cassetteSwich_item:first-child{border-radius:8px 0 0 8px;border-left:solid 1px #000d44}.cassetteSwich_item:last-child{border-radius:0 8px 8px 0}@media screen and (min-width:960px){.cassetteSwich{display:none}.cassetteSwich_item{padding:16px}}

/*  modal
-----------------------------------------------------------*/
/* MODAL -------------------------- */
@media screen and (max-width:959px){body.modal-lock{height:var(--viewport-height,100%);overflow:hidden;box-sizing:border-box;position: fixed;width: 100%;left: 0;}}@media screen and (min-width:960px){body.modal-lock{position:fixed;width:100%;height:100%;left:0;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.modal{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 8px 8px 0;width:calc(100% - 32px);max-height:90%;border-radius:8px;background:#fff}.modal-wrap *{box-sizing:border-box}.modal-wrap{z-index:1002;display:none;position:fixed;top:0;left:0;width:100%;height:100%}.modal-overlay{z-index:1001;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-close{position:absolute;right:0;top:-30px;z-index:2;padding:0;color:#fff;font-size:2.5rem;cursor:pointer;transition:opacity 0.4s ease,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.modal-close:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(255,255,255,.25)}.modal-close .m-ico{margin:0}.modal-block{}.modal-header{position: absolute;width:1px;height:1px;padding: 0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.modal-content{padding:8px 8px 8px 16px;overflow-y:auto;height:100%}.modal-content::-webkit-scrollbar{background:#ccc;width:3px;border-radius:50vw}.modal-content::-webkit-scrollbar-thumb{border-radius:50vw;background:#aaa}@media print,screen and (min-width:960px){.modal{width:1200px}.modal-close{right:-30px}.modal-content{padding:16px 16px 16px 24px}.modal-content::-webkit-scrollbar{width:8px}.modal-close:hover{opacity:.6}}


/*  slide
-----------------------------------------------------------*/
.slide{position:relative;overflow:hidden}.slidewrap{position:relative;left:0;display:flex;transition:left 0.4s ease}.slidedot{display:flex;justify-content:center;margin:24px 0 0 -16px}.slidedotItem{cursor:pointer;margin-left:8px;width:40px;font-size:0;line-height:0}.slidedotItem span{display:inline-block;width:100%;height:6px;border-radius:50vw;background:#d2d2d2}.slidedotItem.is-active span{background:#000d44}@media screen and (min-width:960px){.slidedot{margin:56px 0 0 -16px}.slidedotItem{margin-left:16px;width:80px}}.slidebtn{cursor:pointer;position:absolute;top:50%;margin:-123px 0 0;display:flex;justify-content:center;align-items:center;width:30px;height:40px;color:#fff;font-weight:700;border:solid 3px #000;background:#000}@media screen and (min-width:960px){.slidebtn{margin-top:-123px;width:50px;height:50px}}.slidebtn.-prev{left:0}.slidebtn.-next{right:0}.slidebtn .m-ico{font-size:2.5rem;line-height:1;font-weight:700;margin:0 -5px}.slidebtn:disabled{pointer-events:none;opacity:.3}@media screen and (min-width:960px){.slidebtn .m-ico{font-size:3rem;}}}


/*  Slick
-----------------------------------------------------------*/
.slider{display:none}.slider.slick-initialized{display:block}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:100%}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{cursor:pointer;position:absolute;top:50%;z-index:1;margin:-30px 0;padding:0;font-size:0;line-height:0}.slick-prev{left:0}.slick-next{right:0}.slick-prev:before,.slick-next:before{display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;font-size:2.5rem;line-height:1;font-weight:700;border:solid 3px #000;background:#000;font-family:'Material Icons Round'}.slick-prev:before{content:"\e5c4"}.slick-next:before{content:"\e5c8"}@media screen and (min-width:960px){.slick-prev,.slick-next{margin-top:-123px}.slick-prev:before,.slick-next:before{width:50px;height:50px;font-size:3rem}}.slick-prev.slick-disabled,.slick-next.slick-disabled{pointer-events:none;opacity:.3}.slick-dots{display:flex;justify-content:center;margin:0 0 0 -16px}.slick-dots li{margin:24px 0 0 8px;width:40px}.slick-dots li button{cursor:pointer;display:block;width:100%;height:6px;font-size:0;line-height:0;border-radius:50vw;background:#d2d2d2}.slick-dots li.slick-active button{background:#000d44}.slick-dots>li:first-child:last-child{display:none}@media screen and (min-width:960px){.slick-dots{margin:0 0 0 -16px}.slick-dots li{margin:56px 0 0 16px;width:80px}}