@charset "UTF-8";
/*===============================================================
	shiftkey - aluteck - common
===============================================================*/
/*

*/
@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
	font-weight: 400;
	font-display: swap;
    src: local('Noto Sans CJK JP Bold'),
         url('../font/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSansCJKjp.woff') format('woff'),
		 url('../font/NotoSansCJKjp.otf') format('opentype');
}

.object-fit-contain{
	object-fit: contain;
	font-family: 'object-fit: contain;'
}
.object-fit-cover{
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

/* layout
===============================================================*/
#wrapper{width: 100%; position: relative;}
.wrap{width: 100%; margin: 0 auto; padding-right: 10px; padding-left: 10px;}
.wrap-l{max-width: 1220px;}
.wrap-m{max-width: 1020px;}
.wrap-s{max-width: 820px;}

/*article*/
.article{font-size: 1.4rem; line-height: 1.7;}

/* classes
===============================================================*/
/*sp-pc*/
.sp-only{display: none;}
.pc-only{display: block;}

/*display: flex;*/
.fl_w_sb{display: flex; flex-wrap: wrap; justify-content: space-between;}
.fl_w_fs{display: flex;	flex-wrap: wrap; justify-content: flex-start;}

/*clearfix*/
.clearfix {width:100%;}
.clearfix:after{content: ""; display: block; clear: both;}

/*display:none*/
.display-none, .hidden, .h-hidden{display: none !important;}
/*position*/
.position-relative{position: relative !important;}

/*col*/
.w-100{width: 100%;}
.w-80{width:80%;}
.w-75{width: 75%;}
.w-70{width: 70%;}
.w-66{width: 66%;}
.w-65{width: 65%;}
.w-60{width: 60%;}
.w-55{width: 55%;}
.w-50{width: 50%;}
.w-49_75{width: 49.75%;}
.w-49_5{width: 49.5%;}
.w-49{width: 49%;}
.w-48{width: 48%;}
.w-45{width: 45%;}
.w-40{width: 40%;}
.w-33{width: 33%;}
.w-32{width: 32%;}
.w-30{width: 30%;}
.w-28{width: 28%;}
.w-25{width: 25%;}
.w-24{width: 24%;}
.w-20{width: 20%;}
.w-15{width: 15%;}
.w-10{width: 10%;}

/*text-align*/
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

/*font*/
.serif{font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Sawarabi Mincho', serif !important;}
.gothic{font-family: 'Noto Sans JP', BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;}
.bold{font-family: 'NotoSansCJKjp','Noto Sans JP', BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-family: 'NotoSansCJKjp','Noto Sans JP', BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}

.fw-bold{font-weight: bold;}

/*font-size*/
.f-xxsmall{font-size: .4em !important;}
.f-xsmall{font-size: .6em !important;}
.f-small{font-size: .8em !important;}
.f-middle{font-size: 1em !important;}
.f-large{font-size: 1.2em !important;}
.f-xlarge{font-size: 1.4em !important;}
.f-xxlarge{font-size: 1.6em !important;}
.f-xxxlarge{font-size: 1.8em !important;}
.f-xxxxlarge{font-size: 2em !important;}

.fs-10{font-size: 1rem !important;}
.fs-12{font-size: 1.2rem !important;}
.fs-14{font-size: 1.4rem !important;}
.fs-16{font-size: 1.6rem !important;}
.fs-18{font-size: 1.8rem !important;}
.fs-20{font-size: 2rem !important;}
.fs-22{font-size: 2.2rem !important;}
.fs-24{font-size: 2.4rem !important;}
.fs-26{font-size: 2.6rem !important;}
.fs-28{font-size: 2.8rem !important;}
.fs-30{font-size: 3rem !important;}


/*font-color*/
.fc-white{color: #fff !important;}
.fc-black{color: #000 !important;}

/*background*/
.bg-black{background-color: #000 !important;}
.bg-gray{background-color: #eee !important;}
.bg-white{background-color: #fff !important;}

/*margin*/
.mg0{margin: 0 !important;}
.mg10{margin: 1rem !important;}
.mg20{margin: 2rem !important;}
.mg30{margin: 3rem !important;}
.mg40{margin: 4rem !important;}
.mg50{margin: 5rem !important;}

.mgT0{margin-top: 0px !important;}
.mgT10{margin-top: 1rem !important;}
.mgT20{margin-top: 2rem !important;}
.mgT30{margin-top: 3rem !important;}
.mgT40{margin-top: 4rem !important;}
.mgT50{margin-top: 5rem !important;}

.mgB0{margin-bottom: 0px !important;}
.mgB10{margin-bottom: 1rem !important;}
.mgB20{margin-bottom: 2rem !important;}
.mgB30{margin-bottom: 3rem !important;}
.mgB40{margin-bottom: 4rem !important;}
.mgB50{margin-bottom: 5rem !important;}

.mgL0{margin-left: 0 !important;}
.mgL10{margin-left: 1rem !important;}
.mgL20{margin-left: 2rem !important;}
.mgL30{margin-left: 3rem !important;}
.mgL40{margin-left: 4rem !important;}
.mgL50{margin-left: 5rem !important;}

.mgR0{margin-right: 0 !important;}
.mgR10{margin-right: 1rem !important;}
.mgR20{margin-right: 2rem !important;}
.mgR30{margin-right: 3rem !important;}
.mgR40{margin-right: 4rem !important;}
.mgR50{margin-right: 5rem !important;}

/*padding*/
.pa0{padding: 0 !important;}
.pa5{padding: .5rem !important;}
.pa10{padding: 1rem !important;}
.pa20{padding: 2rem !important;}
.pa30{padding: 3rem !important;}
.pa40{padding: 4rem !important;}
.pa50{padding: 5rem !important;}

.paT0{padding-top: 0 !important;}
.paT10{padding-top: 1rem !important;}
.paT20{padding-top: 2rem !important;}
.paT30{padding-top: 3rem !important;}
.paT40{padding-top: 4rem !important;}
.paT50{padding-top: 5rem !important;}

.paB0{padding-bottom: 0 !important;}
.paB10{padding-bottom: 1rem !important;}
.paB20{padding-bottom: 2rem !important;}
.paB30{padding-bottom: 3rem !important;}
.paB40{padding-bottom: 4rem !important;}
.paB50{padding-bottom: 5rem !important;}

.paL0{padding-left: 0 !important;}
.paL10{padding-left: 1rem !important;}
.paL20{padding-left: 2rem !important;}
.paL30{padding-left: 3rem !important;}
.paL40{padding-left: 4rem !important;}
.paL50{padding-left: 5rem !important;}

.paR0{padding-right: 0 !important;}
.paR10{padding-right: 1rem !important;}
.paR20{padding-right: 2rem !important;}
.paR30{padding-right: 3rem !important;}
.paR40{padding-right: 4rem !important;}
.paR50{padding-right: 5rem !important;}

/*indent*/
.indent_1{text-indent: -1em; margin-left:1em;}
.indent_2{text-indent: -2em; margin-left:2em;}
.indent_3{text-indent: -3em; margin-left:3em;}
.indent_4{text-indent: -4em; margin-left:4em;}
.indent_5{text-indent: -5em; margin-left:5em;}

/*anchor*/
.anchor{padding-top: 100px; margin-top: -100px;}

/*label*/
.lv-bg-gray{
	padding: 20px;
	background: #eee;
	font-size: 3rem;
}
.lv-bd-bottom{
	border-bottom: 1px solid #000;
	font-size: 2.2rem;
	padding-bottom: 10px;
	font-weight: normal;
}
.lv-bd-bottom span{
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 20px;
	font-weight: normal;
}

.lv-plain{
	font-size: 2.2rem;
	font-weight: normal;
}
.lv-plain-mini{
	font-size: 2rem;
	font-weight: normal;
}



.lv-bd-short{
	font-size: 2.8rem;
	font-weight: normal;
	position: relative;
	padding-bottom: 4rem;
}
.lv-bd-short span{
    color:#000;
    font-size:1.6rem;
    display: block;
	position: absolute;
	bottom: 2rem;
	font-weight: normal;
}

.lv-bd-short::after {
    content: "";
    display: block;
    width: 8rem;
    height: 1px;
	background: #666;
	position: absolute;
	bottom: 0;

}
/*button*/

/*link*/
.lnk-border-black{
	display: inline-block;
	border: 1px solid #000;
	min-width: 160px;
	text-align: center;
	padding: 15px;
	color: #000;
	position: relative;
	overflow: hidden;
	transition: .5s all;
}
.lnk-border-black::before{
	content: "";
	background: #000;
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s all;
	z-index: -1;
}
.lnk-border-black:hover{
	color: #fff;
	cursor: pointer;
	opacity: 1 !important;
}
.lnk-border-black:hover::before{
	left: 0;
}
.lnk-border-black:hover img{
	-webkit-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	-o-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.lnk-bg-white{
	display: inline-block;
	border: 1px solid #000;
	min-width: 160px;
	text-align: center;
	padding: 15px;
	color: #fff;
	position: relative;
	overflow: hidden;
	transition: .5s all;
	z-index: 10;
	background: #000;
}
.lnk-bg-white::before{
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s all;
	z-index: -1;
}
.lnk-bg-white:hover{
	color: #000;
	cursor: pointer;
	opacity: 1 !important;
}
.lnk-bg-white:hover::before{
	left: 0;
}

.lnk-border-gray-round{
	display: inline-block;
	border-width: 1px;
	border-color: rgb(170, 170, 170);
	border-style: solid;
	border-radius: 5px;
	min-width: 150px;
	padding: 15px;
	color: #000;
	background: #fff;
	transition: .5s all;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.lnk-border-gray-round::after{
	content: "＞";
	margin-left: 10px;
}
.lnk-border-gray-round:hover{
	color: #fff;
	cursor: pointer;
	opacity: 1 !important;
}
.lnk-border-gray-round::before{
	content: "";
	margin-right: 10px;
	background: #000;
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s all;
	z-index: -1;
}
.lnk-border-gray-round:hover::before{
	left: 0;
}

.lnk-bg-gray{
	display: inline-block;
	padding: 15px;
	min-width: 200px;
	background: #eee;
	color: #000;
	text-align: center;
	transition: .5s all;
}
.lnk-bg-gray:hover{
	background: #000;
	color: #fff;
	opacity: 1 !important;
}

.lnk-border-black-thin{
	display: inline-block;
	border: 1px solid #000;
	text-align: center;
	padding: 10px 50px;
	color: #000;
	position: relative;
	overflow: hidden;
	transition: .5s all;
	z-index: 10;
	background: #fff;
}
.lnk-border-black-thin::before{
	content: "";
	background: #000;
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s all;
	z-index: -1;
}
.lnk-border-black-thin:hover{
	color: #fff;
	cursor: pointer;
	opacity: 1 !important;
}
.lnk-border-black-thin:hover::before{
	left: 0;
}

/*block*/
.bl-border-gray{
	border: 1px solid #ccc;
	padding: 20px 30px;
}
.bl-border-red{
	border:1px solid #a00;
}
/*border*/
.bd-black-short{
	border-bottom: 1px solid #000;
	height: 0;
	width: 8rem;
}
.bd-gray{
	border-bottom: 1px solid #ddd;
	height: 0;
}
.bd-gray-dot{
	height: 0;
	border-top: 1px dotted #ccc;
}

/*ul*/
ul.list-disc li{list-style: disc; margin-left: 20px;}
ul.list-square li::before{
	content: "■";
	margin-right: .5rem;
}
ul.list-circle li{list-style: circle; margin-left: 20px;}

/*display*/
.display-none{display: none;}
.display-block{display: block;}
.display-flex{display: flex;}

.article table{
	border: 1px solid #ccc;
	width: 100%;
}
.article th{
	font-weight: bold;
	color: #fff;
	background: #000;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: left;
	vertical-align: middle;
}
.article td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.article th:last-child, .article td:last-child{
	border-right: 0;
}
.article tr:last-child th, .article tr:last-child td{
	border-bottom: 0;
}

/* インデント */
.indent{
    text-indent: -1.5em;
    margin-left: 1.5em;
}

/* dl-yoko */
.dl-yoko {
	display: flex;
	border-bottom: 1px dotted #ccc
}

.dt-yoko {
	margin: 2rem 5rem 2rem 0;
	font-size: 16px;
	width: 25%;
}

.dd-yoko {
	font-size: 16px;
	margin: 2rem;
	width: 75%;
}

/**/