@charset "utf-8";

:root {
	
	--color-text: #333;
	--color-text-rgb: 51,51,51;
	
	--color-primary: #09c;
	--color-primary-rgb: 0,153,204;

	--color-strong: #ff2918;
	--color-strong-rgb: 255,41,24;

	--color-linkbutton: #fcee21;
	--color-linkbutton-rgb: 252,238,33;
    --color-linkbutton-hover: #ffd74c;
    --color-linkbutton-hover-rgb: 255,215,76;

    --color-attention: #ef5350;
	--color-attention-rgb: 239,83,80;

}

html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	font-size: 16px;
	color: var(--color-text, #000);
    scroll-behavior: smooth;
}

/* reset */
em.kif-em { display: inline-block; font-style: normal; }
dl.kif-dlReset { margin: 0; }
dl.kif-dlReset dt { margin: 0; }
dl.kif-dlReset dd { margin: 0; }

/* lightning 上書き */
.page-header { margin: 0; padding: 5rem 2rem; text-align: center; color: var(--color-text, #000); background-color: var(--color-linkbutton); }
.page-header .page-header-inner { margin-top: 0; margin-bottom: 0; }
.page-header h1.page-header-title { font-size: 1.5em; }
.breadcrumb { margin: 5px 0 10px; font-size: 0.9rem; border: 0; }
body.page .site-body { padding: 0; }
body.single .widget.widget_block { margin: 0; }
body.single h2.wp-block-heading { margin: 0 0 0.5rem; padding: 1rem 0 0; border-bottom: none; }
a { color: var(--color-primary, #09c); }
/* display: none; */
body.archive .vk_post_imgOuter.media-img,
body.single .vk_posts.next-prev,
#vk-mobile-nav-menu-btn,
#vk-mobile-nav-menu-btn #vk-mobile-nav,
.entry-meta span.entry-meta-item-author { display: none; }

@media print {
    html, body { overflow-x: visible; }
}

@media only screen and (max-width: 590px){ /***** SP *****/
    .kif-col2wrap-sp .kif-col { float: left; width: 50%; box-sizing: border-box; }
    .kif-col2wrap-sp .kif-col.kif-pad { padding-right: 1rem; padding-left: 1rem; }
}
@media print, screen and (min-width: 591px){ /***** PC & Tablet *****/
    .kif-col2wrap-tab .kif-col { float: left; width: 50%; box-sizing: border-box; }
    .kif-col2wrap-tab .kif-col.kif-pad { padding-right: 1rem; padding-left: 1rem; }
}
@media only screen and (max-width: 1023px){
	.kif-pcOnly { display: none; }
    .kif-sectionWrap { padding-top: 3rem; padding-bottom: 3rem; }
	.kif-inner,
    .kif-inner-sp { padding-right: 1rem; padding-left: 1rem; }
}
@media print, screen and (min-width: 1024px){
	.kif-spOnly { display: none; }
    .kif-sectionWrap { padding-top: 5rem; padding-bottom: 5rem; }
	.kif-inner,
    .kif-inner-pc { margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; width: 100%; max-width: 1200px; box-sizing: border-box; }
    .kif-inner .kif-inner { max-width: 800px; margin-right: auto; margin-left: auto; }
    .kif-col { float: left; box-sizing: border-box; }
    .kif-col.kif-pad.kif-col-left { padding-left: 0; }
    .kif-col.kif-pad.kif-col-right { padding-right: 0; }
    .kif-col.kif-pad { padding-right: 1rem; padding-left: 1rem; }
    .kif-col2wrap .kif-col { width: 50%; }
    .kif-col3wrap .kif-col { width: 33.3333%; }
    .kif-col4wrap .kif-col { width: 25%; }
    .kif-col5wrap .kif-col { width: 20%; }
    .kif-col6wrap .kif-col { width: 16.6666%; }
}

/* image */
img.kif-imageFull { width: 100% !important; height: auto !important; }
img.kif-imageMax { max-width: 100% !important; height: auto !important; }

/* header */
header #kif-header .kif-sitename { margin: 0; padding: 0; line-height: 0; }
header #kif-header { background-color: rgba(var(--color-primary-rgb),0.8); }
body.wp-singular header #kif-header { background-color: rgba(var(--color-primary-rgb),1.0); }
body.home header #kif-header + .kif-secondPageOnly.matchHeight { display: none; }
body.home header #kif-header,
body.wp-singular header #kif-header.kif-headerScroll { box-shadow: 0px 10px 10px 0px rgba(9,9,9,0.1); }
header #kif-header.kif-headerScroll { background-color: var(--color-primary); transition: background .5s; }
header #kif-header .kif-iconArea ul { display: table; margin: 2rem 0 0 !important; width: 100%; font-size: 0.8em; }
header #kif-header .kif-iconArea ul li { display: table-cell; vertical-align: middle; width: 25%; border: 1px solid #fff; border-left: none; box-sizing: border-box; }
header #kif-header .kif-iconArea ul li:first-child { border-left: 1px solid #fff; }
header #kif-header .kif-iconArea ul li a { padding: 1rem !important; text-align: center; }
header #kif-header .kif-iconArea ul li a span { display: block; margin-top: 5px; font-size: 0.8em; line-height: 1.3; }
header #kif-header .kif-iconArea i { font-size: 2em; }
@media only screen and (max-width: 1023px){
    header #kif-header { padding: 1rem 0; }
    header #kif-header .kif-sitename img { max-width: calc(100% - 5rem) !important; height: auto; }
    /*hamburgerMenu*/
    header #kif-header #kif-hamburgerMenu button { position: fixed; top: 5px; right: 15px; z-index: 99; width: 50px; height: 49px; background-color: transparent; cursor: pointer; border: none; border-radius: 3px; transition: all .5s; }
    header #kif-header #kif-hamburgerMenu button.kif-hamburgerMenuScroll:not(button.kif-active) { background-color: #fff; box-shadow: 0px 0px 5px 5px rgba(var(--color-primary-rgb),0.1); transition: all .5s; }
    header #kif-header #kif-hamburgerMenu button span { position: absolute; left: 7px; width: 36px; }
    header #kif-header #kif-hamburgerMenu button .kif-hamburger__line { height: 1px; background-color: #fff; transition: all .5s; }
    header #kif-header #kif-hamburgerMenu button.kif-hamburgerMenuScroll:not(button.kif-active) .kif-hamburger__line { background-color: var(--color-primary, #000); }
    header #kif-header #kif-hamburgerMenu button .kif-hamburger__line:nth-of-type(1) { top: 9px; }
    header #kif-header #kif-hamburgerMenu button .kif-hamburger__line:nth-of-type(2) { top: 17px; }
    header #kif-header #kif-hamburgerMenu button .kif-hamburger__line:nth-of-type(3) { top: 25px; }
    header #kif-header #kif-hamburgerMenu button span.kif-menu { top: 31px; color: #fff; font-size: 12px; line-height: 1; text-align: center; }
    header #kif-header #kif-hamburgerMenu button.kif-hamburgerMenuScroll:not(button.kif-active) span.kif-menu { color: var(--color-primary, #000); }
    header #kif-header #kif-hamburgerMenu button.kif-active .kif-hamburger__line:nth-of-type(1) { transform: translateY(6px) rotate(-30deg); }
    header #kif-header #kif-hamburgerMenu button.kif-active .kif-hamburger__line:nth-of-type(2) { opacity: 0; }
    header #kif-header #kif-hamburgerMenu button.kif-active .kif-hamburger__line:nth-of-type(3) { transform: translateY(-10px) rotate(30deg); }
    header #kif-header #kif-menuBody { position: fixed; top: 0; left: 0; z-index: 90; padding: 1rem; width: 100%; height: 100vh; background-color: var(--color-primary, #000); box-sizing: border-box; transform: translateX(200%); transition: transform .5s; }
    header #kif-header #kif-menuBody > div { padding-bottom: 10rem; height: calc(100vh - 2rem); box-sizing: border-box; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    header #kif-header #kif-menuBody > div::-webkit-scrollbar { display: none; }
    header #kif-header #kif-menuBody.kif-active { transform: translateX(0); }
    header #kif-header #kif-menuBody ul { list-style: none; margin: 0; padding: 0; }
    header #kif-header #kif-menuBody ul.kif-globalNavi { margin-top: 2rem; }
    header #kif-header #kif-menuBody ul li { position: relative; border-bottom: 1px solid #fff; }
    header #kif-header #kif-menuBody ul li:first-child { border-top: 1px solid #fff; }
    header #kif-header #kif-menuBody ul li:not(.kif-iconArea ul li)::after { letter-spacing: 0; font-family: "Font Awesome 7 Free"; content: "\f061"; position: absolute; right: 1.5rem; top: calc(50% - 0.5em); color: #fff; font-size: 0.6rem; font-weight: 900; }
    header #kif-header #kif-menuBody ul li a { display: block; padding: 1rem 2rem 1rem 1rem; box-sizing: border-box; width: 100%; color: #fff; text-decoration: none; position: relative; cursor: pointer; }
}
@media print, screen and (min-width: 1024px){
    header #kif-header #kif-menuBody .kif-sitename { display: none; }
    header #kif-header { position: fixed; top: 0; z-index: 110; width: 100%; min-height: 75px; padding: 1rem 0 0.8rem; font-size: 0.9rem; box-sizing: border-box; }
    header #kif-header h1 { float: left; }
    header #kif-header nav { float: right; padding-top: 0.5rem; }
    header #kif-header #kif-hamburgerMenu button { display: none; }
    header #kif-header ul.kif-globalNavi { display: flex; justify-content: space-between; list-style: none; margin: 0 0 0 -2rem; }
    header #kif-header ul.kif-globalNavi li { margin-left: 2rem; }
    header #kif-header ul.kif-globalNavi li a { color: #fff; text-decoration: none; }
    header #kif-header ul.kif-globalNavi li a:hover { text-decoration: underline; }
}

/* footer */
footer#kif-inquiry { color: #fff; background-color: #000; background-image: url("images/footer_back_image-pc.jpg"); background-size: cover; background-position: center; }
footer#kif-inquiry p { margin: 0 0 5px; }
footer#kif-inquiry #kif-address { margin-bottom: 1rem; }
footer#kif-inquiry .kif-linkButton a { color: var(--color-text); font-weight: normal; border: none; background-color: #fff; }
footer#kif-inquiry .kif-linkButton a:hover { color: #000; background-color: rgba(255,255,255,0.8); }
footer#kif-inquiry #kif-copyright { margin: 3rem 0 0; padding: 1.5rem 0; font-size: 0.85rem; border-top: 1px solid rgba(221,221,221,0.3); }
@media only screen and (max-width: 1023px){
    footer#kif-inquiry { padding: 3rem 0 4rem; }
    footer#kif-inquiry #kif-address span { display: block; }
}
@media print, screen and (min-width: 1024px){
    footer#kif-inquiry { padding: 8rem 0 0; }
    footer#kif-inquiry #kif-address span { display: inline-block; margin-left: 1rem; }
}

#kif-turnUp { display: none; }
#kif-turnUp a { display: block; position: fixed; right: 10px; bottom: 10px; z-index: 70; padding: 1em 2em; color: #fff; text-decoration: none; font-size: 0.9em; text-align: center; line-height: 1; background-color: var(--color-primary, #000); border: 2px solid #fff; }
#kif-turnUp a:hover { background-color: var(--color-text); }

/* text */
.kif-textStyle00 { margin: 5rem 0 3rem; text-align: center; font-weight: bold !important; border: 0; }
.kif-textStyle00 span { padding: 0 0.3em 0; color: var(--color-strong, red); background:linear-gradient(transparent 70%, var(--color-linkbutton, yellow) 70%); }
.kif-textStyle01 { position: relative; margin: 1rem 0; padding: 0; font-size: 2rem; text-align: center; border: none; }
.kif-textStyle01::after { position: absolute; bottom: -8px;	left: 50%; content: ""; width: 3rem; height: 1px; /* 線の太さ */ transform: translateX(-50%); background-color: #000; }
.kif-fontMin { font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 500; }
.kif-wordBreak { word-break: auto-phrase; }
.kif-lineHeight { line-height: 1.7; }
.kif-title-obi { padding: 1rem; background-color: var(--color-primary, #000); }
.kif-title-obi .kif-textStyle01 { color: #fff; }
.kif-title-obi.kif-title-obi01 .kif-textStyle01 { font-size: clamp(20px,3vw,25px); }
.kif-title-obi .kif-textStyle01 span { font-size: 0.8em; }
.kif-textIndent1 { padding-left: 1em; text-indent: -1em; }
.kif-textIndent2 { padding-left: 2em; text-indent: -2em; }
.kif-textIndent3 { padding-left: 3em; text-indent: -3em; }
.kif-textIndent4 { padding-left: 4em; text-indent: -4em; }
@media only screen and (max-width: 1023px){
    .kif-textStyle00 { font-size: 1.5rem; }
}
@media print, screen and (min-width: 1024px){
    .kif-textStyle00 { font-size: 2rem; }
}

/* link */
a:hover { transition: all .4s; }
a img:hover { opacity: 0.9; transition: opacity .4s; }
.kif-linkButton { text-align: center; }
.kif-linkButton a { position: relative; display: inline-block; padding: 2rem; color: var(--color-text); font-weight: bold; text-align: center; text-decoration: none; background-color: var(--color-linkbutton); border-radius: 3px; box-sizing: border-box; }
.kif-linkButton a:hover { background-color: var(--color-linkbutton-hover); }
.kif-linkButton a::after { font-family: "Font Awesome 7 Free"; content: "\f061"; position: absolute; right: 2rem; top: calc(50% - 0.5em); font-size: 0.8rem; font-weight: 900; }
.kif-linkButton.kif-newTab a::after { content: "\f35d"; }
@media only screen and (max-width: 1023px){
    .kif-linkButton a { width: 90%; }
}
@media print, screen and (min-width: 1024px){
    .kif-linkButton a { min-width: 480px; }
    a[href*="tel:"] { pointer-events: none; cursor: default; }
}

/* お知らせ全般 */
#kif-infoWrap #kif-info-attention,
#kif-infoWrap #kif-info-blog { padding: 0 8px; }
#kif-infoWrap dl,
#kif-infoWrap dl dt,
#kif-infoWrap dl dd { margin: 0; padding: 0; box-sizing: border-box; }
#kif-infoWrap dl dt { padding: 1rem; color: #fff; font-size: 1.2em; background-color: var(--color-primary, #000); }
#kif-infoWrap .kif-info-content { margin: 0 0 1rem; }
#kif-infoWrap .kif-info-content i { margin-right: 5px; font-size: 0.95em; }
#kif-infoWrap dl dd .kif-info-content:last-child { margin-bottom: 0; }
#kif-infoWrap .kif-info-date { padding-right: 1em; }
#kif-infoWrap .kif-info-content a { color: var(--color-text); text-decoration: none; }
#kif-infoWrap .kif-info-content a:hover { color: var(--color-primary); }
/* 重要なお知らせ */
#kif-info-attention dl { margin-bottom: 2rem; background-color: #fff; border: 2px solid var(--color-attention); }
#kif-info-attention dl dt { background-color: var(--color-attention); }
#kif-info-attention dl dt i { color: #ff0; }
#kif-info-attention dl dd { display: table-cell; padding: 1rem; }
/* 九国ブログ＆News */
#kif-info-blog dl dt { margin-bottom: 1rem; }
#kif-info-blog p.kif-info-content a { display: block; padding: 1rem; width: 100%; background-color: var(--color-comp03); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-sizing: border-box; }
#kif-info-blog p.kif-info-content a:hover { background-color: #eee; }
#kif-info-blog .kif-linkButton { margin-top: 2rem; }
@media only screen and (max-width: 590px){ /***** SP（日付＆タイトル） *****/
    #kif-infoWrap dl dt { text-align: center; }
    #kif-infoWrap .kif-info-content .kif-info-date,
    #kif-infoWrap .kif-info-content .kif-info-date + .kif-info-title { display: block; }
}
@media print, screen and (min-width: 591px){ /***** PC & Tablet（日付＆タイトル） *****/
    #kif-infoWrap .kif-info-content { display: table; width: 100%; }
    #kif-infoWrap .kif-info-content .kif-info-date { display: table-cell; width: 5em; white-space: nowrap; }
    #kif-infoWrap .kif-info-content .kif-info-date + .kif-info-title { display: table-cell; }
}
@media only screen and (max-width: 1023px){}
@media print, screen and (min-width: 1024px){
    #kif-info-attention dl { display: table; width: 100%; }
    #kif-info-attention dl dt { display: table-cell; width: 13em; text-align: center; vertical-align: middle; white-space: nowrap; }
    #kif-info-attention dl dd { display: table-cell; }
}

/***** indexPage *****/
body.home .kif-supportWrap .kif-col { margin-bottom: 1rem; }
body.home .kif-supportWrap p { margin: 0; padding: 2rem 1rem; color: #fff; font-size: 1.2rem; text-align: center; background-color: var(--color-primary, #000); }
@media only screen and (max-width: 1023px){
    body.home #kif-aboutWrap #kif-aboutArea { position: relative; margin: -4.5rem auto 3rem; padding: 1rem 0; width: 90%; background-color: #fff; border: 1px solid var(--color-primary, #000); box-sizing: border-box; }
}
@media print, screen and (min-width: 1024px){
    body.home .kif-supportWrap { margin-bottom: 2rem; }
    body.home #kif-aboutWrap { position: relative; }
    body.home #kif-aboutWrap #kif-aboutImage { margin: 0; line-height: 0; }
    body.home #kif-aboutWrap #kif-aboutArea { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
    body.home #kif-aboutWrap #kif-aboutArea > .kif-inner { padding-top: 5rem; padding-bottom: 5rem; width: 80%; background-color: rgba(255,255,255,0.6); }
}

/***** secondPage *****/
.kif-googleMapWrap iframe { width: 100%; border: 0; }
dl.kif-admissionData { margin: 0; padding: 0; }
dl.kif-admissionData dt { margin: 0; padding: 1rem 2rem; color: #fff; font-size: 1.5rem; text-align: center; background-color: var(--color-primary, #000); }
dl.kif-admissionData dd { padding: 2rem 0; }
.kif-admissionData table { margin: 0 0 1rem; width: 100%; border-top: 1px solid var(--color-primary, #000); border-left: 1px solid var(--color-primary, #000); border-collapse: collapse; }
.kif-admissionData table th,
.kif-admissionData table td { padding: 1.5rem 1rem; font-weight: normal; border-right: 1px solid var(--color-primary, #000); border-bottom: 1px solid var(--color-primary, #000); }
.kif-admissionData table th { background-color: rgba(var(--color-primary-rgb),0.1); }
.kif-dlTableStyle { margin: 0 0 0 1.5em; }
.kif-dlTableStyle dl dt { float: left; padding: 0; width: 3em; color: var(--color-text); font-size: 1em; text-align: left; background-color: transparent; }
.kif-dlTableStyle dl dd { float: left; margin: 0; padding: 0px !important; width: calc(100% - 3em); }
.kif-about3point dl { margin: 0; padding: 2rem 2rem; color: #fff; font-size: 0.95rem; text-align: center; background-color: var(--color-primary, #000); }
.kif-about3point dl dt { margin: 0; padding: 0 0 0.5em; font-size: 1.3em; }
.kif-about3point dl dt img { width: 30%; }
.kif-about3point dl dd { margin: 0; padding: 0; }
.kif-about2course dl { margin: 0; padding: 2rem 2rem; color: #fff; font-size: 0.95rem; text-align: center; background-color: var(--color-primary, #000); }
.kif-about2course dl { border-radius: 20px; }
.kif-about2course dl dt { margin: 0; padding: 0 0 0.5em; font-size: 1.3em; }
.kif-about2course dl dd { margin: 0; padding: 0; text-align: left; }
.kif-about4point dl { margin: 0; font-size: 0.95rem; text-align: center; }
.kif-about4point dl dt { margin: 0; padding: 1rem 2rem; font-size: 1.3em; color: #fff; background-color: var(--color-primary, #000); border-radius: 10px 10px 0 0; }
.kif-about4point dl dt img { width: 30%; }
.kif-about4point dl dd { margin: 0; padding: 1rem; text-align: center; border: 1px solid var(--color-primary, #000); }
.kif-about4point dl dd p { margin: 0; }
.kif-aboutPoint > .kif-col2wrap > p { text-align: center; }
.kif-aboutPoint > .kif-col2wrap > div dl { margin: 0; padding: 0; }
.kif-aboutPoint > .kif-col2wrap > div dl dt { margin: 1.5rem 0 2rem; padding: 0; color: var(--color-primary); font-size: 1.5rem; font-weight: normal; text-align: center; }
.kif-aboutPoint > .kif-col2wrap > div dl dt p { margin: 0; }
.kif-aboutPoint > .kif-col2wrap > div dl dt p:first-child { font-size: 2.5em; }
.kif-aboutPoint > .kif-col2wrap > div dl dd { display: table; margin: 0 auto; padding: 0; }
.kif-aboutPoint > .kif-col2wrap > div dl dd ul li { margin-bottom: 0.5em; }
@media only screen and (max-width: 1023px){
    .kif-googleMapWrap iframe { height: 350px; }
    dl.kif-admissionData dd { margin-left: 0; margin-right: 0; }
    .kif-admissionData table th,
    .kif-admissionData table td { display: block; }
    .kif-about3point dl,
    .kif-about2course dl,
    .kif-about4point dl { margin-bottom: 1rem; }
}
@media print, screen and (min-width: 1024px){
    .kif-googleMapWrap iframe { height: 500px; }
    .kif-admissionData table th { width: 25%; white-space: nowrap; }
    .kif-aboutPoint > .kif-col2wrap:nth-child(odd) > p.kif-col { float: left; }
    .kif-aboutPoint > .kif-col2wrap:nth-child(odd) > div.kif-col { float: right; }
}

/***** mainvisual *****/
#kif-mainvisual > div#kif-mainvisual01 { background-image: url("images/main_image01-pc.jpg?ver=001"); }
@media only screen and (max-width: 1023px){
    #kif-mainvisual > div { height: 66.65vh; background-size: cover; background-position: center top; background-repeat: no-repeat; }
    #kif-be_yourself { position: absolute; bottom: calc(1.2rem * 2); width: 100%; text-align: center; }
}
@media print, screen and (min-width: 1024px){
    #kif-mainvisual > div { height: 100vh; background-size: cover; background-position: center top; background-repeat: no-repeat; }
    #kif-be_yourself { position: absolute; top: 80%; -webkit-transform: translateY(-80%); transform: translateY(-80%); width: 100%; text-align: center; }
}

/***** box202604 *****/
#kif-box202604 { padding: 1rem 2rem; text-align: center; background-color: #fff; border: 2px solid #000; }
#kif-box202604 p { margin: 0; }
@media only screen and (max-width: 1023px){
    #kif-box202604 { position: relative; z-index: 51; width: 80%; margin: calc(-1.2rem * 2) auto 0; font-size: 1.2rem; }
}
@media print, screen and (min-width: 1024px){
    #kif-box202604 { display: inline-block; position: relative; z-index: 51; margin: calc(-1.8rem * 2) 0 0 1rem; font-size: 1.8rem; }
}

/* reuse */
dl.kif-dlBox dd { margin-top: -4.5em; }

/* align */
.kif-left { text-align: left !important; }
.kif-center { text-align: center !important; }
.kif-right { text-align: right !important; }
.kif-centerBox { display: table; margin-right: auto; margin-left: auto; }
@media only screen and (max-width: 1023px){
	.kif-left-sp { text-align: left !important; }
	.kif-center-sp { text-align: center !important; }
	.kif-right-sp { text-align: right !important; }
	.kif-centerBox-sp { display: table; margin-right: auto; margin-left: auto; }
}
@media print, screen and (min-width: 1024px){
	.kif-left-pc { text-align: left !important; }
	.kif-center-pc { text-align: center !important; }
	.kif-right-pc { text-align: right !important; }
	.kif-centerBox-pc { display: table; margin-right: auto; margin-left: auto; }
}

/* margin */
.kif-margin00 { margin: 0; }
.kif-mb00 { margin-bottom: 0; }
.kif-mb1r { margin-bottom: 1rem; }
.kif-mb2r { margin-bottom: 2rem; }
.kif-mb3r { margin-bottom: 3rem; }
@media only screen and (max-width: 1023px){}
@media print, screen and (min-width: 1024px){}

/* clearfix */
.kif-clearfix { zoom: 1; overflow: hidden; }
.kif-clearfix:after { content: ""; display: block; clear: both; }

