@charset "UTF-8";
/*===============================================================
	shiftkey - static - common
	https://www.shiftkey.jp/
===============================================================*/
/* clear
===============================================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, a, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html, body{height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
*, *::before, *::after { box-sizing: border-box; }
i, u, abbr, code, pre, address{font-weight: normal; font-style: normal; text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
input, select {vertical-align:middle;}
button:hover img{opacity: .85;}
button {display: inline-block; text-align: center; text-decoration: none;	outline: none;}
button::before,button::after {position: absolute;	z-index: -1; display: block;	content: '';}
button,button::before,button::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	-webkit-transition: all .3s;	transition: all .3s;}
button:hover{cursor: pointer;}
ul, ol, li{list-style: none;}
table {border-collapse:collapse; border-spacing:0;}
img{max-width: 100%; height: auto;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

/* reset
===============================================================*/
html{
	width: 100%;
	font-size: 62.5%;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	line-height:1;
}
h1, h2, h3, h4, h5, h6{word-break: break-all; font-weight: normal; font-size: 1.4rem; margin: 0;}
a{
	color: #0090d2;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a:hover{opacity: .85;}
a:hover img{opacity: .85;}

sup {vertical-align: super; font-size: smaller;}
sub {vertical-align: sub; font-size: smaller;}
img{image-rendering: -webkit-optimize-contrast;}

/* layout
===============================================================*/
.wrap{width: 100%; max-width: 1000px; margin: 0 auto; padding: 0;}

/*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;}

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

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

/*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: BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;}

.fw-bold{font-weight: bold !important;}
.fw-normal{font-weight: normal !important;}
.td-under{text-decoration: underline !important;}
.td-wavy{text-decoration: underline wavy !important;}
.td-over{text-decoration: underline overline !important;}
.td-dot{text-decoration: underline dotted !important;}
.td-middle{text-decoration: line-through !important;}

/*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;}

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

/*background*/
.bg-white{background: #fff !important;}

/*margin*/
.mg0{margin: 0 !important;}
.mg10{margin: 10px !important;}
.mg20{margin: 20px !important;}
.mg30{margin: 30px !important;}
.mg40{margin: 40px !important;}
.mg50{margin: 50px !important;}
.mg60{margin: 60px !important;}
.mg70{margin: 70px !important;}
.mg30{margin: 80px !important;}
.mg90{margin: 90px !important;}
.mg100{margin: 100px !important;}

.mgT0{margin-top: 0px !important;}
.mgT10{margin-top: 10px !important;}
.mgT20{margin-top: 20px !important;}
.mgT30{margin-top: 30px !important;}
.mgT40{margin-top: 40px !important;}
.mgT50{margin-top: 50px !important;}
.mgT60{margin-top: 60px !important;}
.mgT70{margin-top: 70px !important;}
.mgT80{margin-top: 80px !important;}
.mgT90{margin-top: 90px !important;}
.mgT100{margin-top: 100px !important;}

.mgB0{margin-bottom: 0px !important;}
.mgB10{margin-bottom: 10px !important;}
.mgB20{margin-bottom: 20px !important;}
.mgB30{margin-bottom: 30px !important;}
.mgB40{margin-bottom: 40px !important;}
.mgB50{margin-bottom: 50px !important;}
.mgB60{margin-bottom: 60px !important;}
.mgB70{margin-bottom: 70px !important;}
.mgB80{margin-bottom: 80px !important;}
.mgB90{margin-bottom: 90px !important;}
.mgB100{margin-bottom: 100px !important;}

.mgL0{margin-left: 0px !important;}
.mgL10{margin-left: 10px !important;}
.mgL20{margin-left: 20px !important;}
.mgL30{margin-left: 30px !important;}
.mgL40{margin-left: 40px !important;}
.mgL50{margin-left: 50px !important;}
.mgL10{margin-left: 10px !important;}
.mgL20{margin-left: 20px !important;}
.mgL30{margin-left: 30px !important;}
.mgL40{margin-left: 40px !important;}
.mgL50{margin-left: 50px !important;}
.mgR60{margin-right: 60px !important;}
.mgR70{margin-right: 70px !important;}
.mgR80{margin-right: 80px !important;}
.mgR90{margin-right: 90px !important;}
.mgR100{margin-right: 100px !important;}

/*padding*/
.pa0{padding: 0 !important;}
.pa5{padding: 5px !important;}
.pa10{padding: 10px !important;}
.pa20{padding: 20px !important;}
.pa30{padding: 30px !important;}
.pa40{padding: 40px !important;}
.pa50{padding: 50px !important;}
.pa60{padding: 60px !important;}
.pa70{padding: 70px !important;}
.pa80{padding: 80px !important;}
.pa90{padding: 90px !important;}
.pa100{padding: 100px !important;}

.paT0{padding-top: 0px !important;}
.paT10{padding-top: 10px !important;}
.paT20{padding-top: 20px !important;}
.paT30{padding-top: 30px !important;}
.paT40{padding-top: 40px !important;}
.paT50{padding-top: 50px !important;}
.paT60{padding-top: 60px !important;}
.paT70{padding-top: 70px !important;}
.paT80{padding-top: 80px !important;}
.paT90{padding-top: 90px !important;}
.paT100{padding-top: 100px !important;}

.paB0{padding-bottom: 0px !important;}
.paB10{padding-bottom: 10px !important;}
.paB20{padding-bottom: 20px !important;}
.paB30{padding-bottom: 30px !important;}
.paB40{padding-bottom: 40px !important;}
.paB50{padding-bottom: 50px !important;}
.paB60{padding-bottom: 60px !important;}
.paB70{padding-bottom: 70px !important;}
.paB80{padding-bottom: 80px !important;}
.paB90{padding-bottom: 90px !important;}
.paB100{padding-bottom: 100px !important;}

.paL0{padding-left: 0px !important;}
.paL10{padding-left: 10px !important;}
.paL20{padding-left: 20px !important;}
.paL30{padding-left: 30px !important;}
.paL40{padding-left: 40px !important;}
.paL50{padding-left: 50px !important;}
.paL60{padding-left: 60px !important;}
.paL70{padding-left: 70px !important;}
.paL80{padding-left: 80px !important;}
.paL90{padding-left: 90px !important;}
.paL100{padding-left: 100px !important;}

.paR0{padding-right: 0px !important;}
.paR10{padding-right: 10px !important;}
.paR20{padding-right: 20px !important;}
.paR30{padding-right: 30px !important;}
.paR40{padding-right: 40px !important;}
.paR50{padding-right: 50px !important;}
.paR60{padding-right: 60px !important;}
.paR70{padding-right: 70px !important;}
.paR80{padding-right: 80px !important;}
.paR90{padding-right: 90px !important;}
.paR100{padding-right: 100px !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*/
.lv1{
	text-align: center;
	color: #006e9f;
	font-weight: bold;
	font-size: 2.8rem;
}

/*button*/

/*link*/

/*block*/

/*border*/

/*ul*/
ul.list-disc li{list-style: disc; margin-left: 20px;}
ul.list-square li{list-style: square; margin-left: 20px;}
ul.list-circle li{list-style: circle; margin-left: 20px;}

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