/*
Theme Name: super-j
Template: lightning
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');


/*reset*/
/*******************************************************************/
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button;appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none;appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}img{width:auto;max-width:100%;height:auto;border-style:none;vertical-align:middle}i{vertical-align:middle}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none}i,em{font-style:normal}
html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
a { color: #222; text-decoration: none;}
@media only screen and (min-width: 769px){ a { transition: all .2s ease-out;} a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}}
*:focus { outline: none;}


/*LAYOUT*/
/*******************************************************************/
html { font-size: 62.5%;}
body { -webkit-text-size-adjust: 100%; touch-action: manipulation; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; line-height: 1.2; word-break: normal; color: #222;}
#container { position: relative; width: 100%; overflow: clip;}
figure { margin: 0;}
h1, h2, h3, h4, h5, .serif { font-family: "Noto Serif JP", serif; font-weight: 500;}
i, .en { font-family: "Cormorant Garamond", serif;}


/*HEADER*/
/*******************************************************************/
#header { position: sticky; top: 0; left: 0; display: flex; justify-content: space-between; gap: 12px; min-height: 76px; background: #FFF; z-index: 1000;}
#logo { width: 195px; align-self: center; margin-left: 12px;}
@media screen and (min-width: 992px) {
	#nav { flex: 1; display: grid; grid-template-columns: 1fr auto; justify-content: flex-end; gap: 4px 24px;}
	.menu { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px 24px; margin: 0; white-space: nowrap;}
	#menu-sub { order: -1;}
	.menu-sub a { font-size: 1.2rem; color: #6A6A6A;}
	.nav-btns { grid-column: 2 / 3; grid-row: 1 / 3; display: flex; background: #F00;}
	.nav-btns a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-width: 134px; padding: 8px; background: #F58A31; font-size: 1.2rem; font-weight: 700; color: #FFF;}
	.nav-btns a.alt { background-color: #003FA3;}
	#open { display: none;}
}
@media only screen and (max-width: 991px){
	#header { justify-content: center;}
	#nav { display: none;}
}


/*FOOTER*/
/*******************************************************************/
#footer { padding: 40px 0; background: #222; color: #FFF;}
#footer a { color: #FFF;}
#sitemap, #info { width: 92%; max-width: 1000px; margin: 0 auto;}
#sitemap .menu { justify-content: center;}
#info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 40px; padding-top: 40px;}
.company { display: grid; gap: 16px;}
.company .serif { display: block; font-size: clamp(1.4rem,1.8vw,1.8rem);}
.link { display: grid; gap: 16px}
.sns { flex-direction: row; justify-content: flex-end;}
#copyright { padding: 40px 4% 0; text-align: center; font-size: clamp(1rem,1.4vw,1.4rem);}
@media only screen and (max-width: 991px){
	#footer { text-align: center;}
	#footer .menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;}
	#info { flex-direction: column; align-items: center;}
	.sns { justify-content: center;}
}


/*CONTENTS*/
/*******************************************************************/
h1 { font-size: clamp(2.4rem,3.2vw,3.2rem) !important; font-weight: 600 !important;}
h2 { font-size: clamp(2rem,3.2vw,3.2rem) !important;}
h3 { font-size: clamp(1.8rem,2.4vw,2.4rem) !important;}
h4 { font-size: clamp(1.5rem,1.7vw,1.7rem) !important;}
h5 { font-size: clamp(1.4rem,1.6vw,1.6rem) !important;}
.wp-block-buttons { margin-top: 2em !important;}
.wp-block-button { width: 100%; max-width: 800px;}
.wp-block-button .wp-block-button__link { position: relative; display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 80px; padding: 0.5em 3em 0.5em 1em; background: #003FA3 url(img/arrow.svg) right 20px center no-repeat; border-radius: 10px; font-size: clamp(1.8rem,2.4vw,2.4rem); font-weight: 500; text-decoration: none !important; color: #FFF !important;}
.wp-block-buttons.round .wp-block-button { width: auto;}
.wp-block-buttons.round .wp-block-button .wp-block-button__link { width: auto; min-height: 54px; padding: 0.5em 2em; background-image: none; border-radius: 40px; font-size: clamp(1.6rem,2vw,2rem); letter-spacing: 0;}
.wp-block-buttons.round.invertion .wp-block-button .wp-block-button__link { background: #FFF; border: 1px solid #777; font-family: "Noto Serif JP", serif; font-weight: 500; color: #222 !important;}
ul.wp-block-list, .wp-block-advgb-list ul { display: grid; gap: 0.5em; margin-left: 1.5em; list-style: disc;}
ol.wp-block-list, .wp-block-advgb-list ol { display: grid; gap: 0.5em; margin-left: 1.5em; list-style: decimal;}
.localNavi>div>ul li, .localNavi>ul li, .widget .localNavi>div>ul li, .widget .localNavi>ul li, .widget_archive>div>ul li, .widget_archive>ul li, .widget_categories>div>ul li, .widget_categories>ul li, .widget_link_list>div>ul li, .widget_link_list>ul li, .widget_nav_menu>div>ul li, .widget_nav_menu>ul li, .widget_pages>div>ul li, .widget_pages>ul li, .widget_postlist>div>ul li, .widget_postlist>ul li { font-size: 1.4rem;}
.wp-block-table:where(:not([class*=font-size])), :where(:not(.wp-block-table))>table :is(th,td) { font-size: inherit;}
.wp-block-advgb-table, .advgb-table-frontend { border: none; border-collapse: collapse !important;}
.wp-block-advgb-table tr td:first-child { width: 20%;}
table.advgb-table-frontend tr { border-bottom: none !important;}
.vk_button .vk_button_link.btn, .editor-styles-wrapper .vk_button .vk_button_link.btn { font-size: inherit;}
.vk_outer_separator { display: none;}
.wp-block-quote { background: none !important; border: 1px solid #E3EFEF !important; border-radius: 10px;}


@media only screen and (max-width: 991px){
	.wp-block-buttons { justify-content: center;}
	.wp-block-advgb-table:not(.noblock) th, .wp-block-advgb-table:not(.noblock) td { display: block; width: 100% !important;}
	table.advgb-table-frontend tr { border: none;}
	.scroll { width: 100%; overflow-x: auto;}
	.scroll table { min-width: 640px;}
}


/*TOP*/
.vk_heading { margin-bottom: 2em;}
.vk_heading_title { margin-bottom: 0 !important; font-weight: 500 !important;}
.vk_heading_subtext { font-family: "Cormorant Garamond", serif; font-size: clamp(1.6rem,2vw,2rem);}
#mv { display: flex; align-items: flex-end; min-height: calc(100svh - 76px); margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 0;}
#mv .wp-block-cover__inner-container { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 40px;}
.mv-title { width: 47%; margin: 0 0 0 4% !important;}
.mv-title img { width: 100%;}
.mv-btn { max-width: 440px; margin: 0 0 0 2% !important;}
.news-list { margin: 0 !important; list-style: none !important;}
.news-list li { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 24px; padding: 16px 0; border-bottom: 1px solid #DDDDDD;}
.news-list li:first-child { padding-top: 0;}
.news-list a { text-decoration: none;}
.news-list p { font-size: clamp(1.4rem,1.6vw,1.6rem);}
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px;}
.meta time { min-width: 100px; font-size: clamp(1.4rem,1.6vw,1.6rem);}
.cat { display: flex; flex-wrap: wrap; gap: 8px;}
.cat a { display: inline-block; min-width: 160px; padding: 4px 8px; text-align: center; background: #EDF5F0; border-radius: 3px; font-size: 1.4rem; color: #FFF; white-space: nowrap; overflow: hidden;}
.about .wp-block-cover__inner-container { display: flex; justify-content: flex-start; max-width: initial !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}
.about.reverse .wp-block-cover__inner-container { justify-content: flex-end;}
.about .contents { width: 41%; min-width: 564px; margin: 0 !important;}
.about .contents h2::after { content: ''; display: block; width: 60%; height: 3px; margin-top: 1em; background: #F58A31;}

@media only screen and (max-width: 991px){
	#mv { min-height: calc(60svh - 76px);}
	.mv-title { width: 72%;}
	.news-list li { grid-template-columns: 1fr;}
	.about .wp-block-cover__inner-container { display: block; padding-top: 30vw;}
	.about .wp-block-cover__image-background { height: 50vw;}
	.about .contents { width: 100%; max-width: initial; min-width: initial; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}
}


/*PAGE*/
.site-body { padding-bottom: 0;}
.main-section.main-section--col--two, .sub-section.sub-section--col--two { padding-bottom: 3.5rem;}
.page-header { min-height: 280px; background: url(img/header.webp) center no-repeat; color: #333;}
.page-header-inner { justify-content: center; text-align: center !important;}
.page-header-en { position: absolute; top: 50%; left: 50%; transform: translate(-50%,calc(-50% - 0.4em)); font-family: "Cormorant Garamond", serif; font-size: clamp(6rem,6vw,9rem); font-weight: 500; white-space: nowrap; opacity: 0.1;}
.page-header-title, h1.page-header-title { font-size: clamp(2.4rem,3.6vw,3.6rem); font-weight: 600;}
.breadcrumb { border: none !important;}
.breadcrumb .container { padding: 1em;}
.wp-block-heading em { font-family: "Cormorant Garamond", serif;}

.is-style-vk-heading-solid_bottomborder_black, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-solid_bottomborder_black { position: relative; display: flex; gap: 8px; border-bottom: none !important; font-size: clamp(2rem,2.8vw,2.8rem) !important;}
.is-style-vk-heading-solid_bottomborder_black::after, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-solid_bottomborder_black::after { content: '' !important; position: absolute; bottom: 0; left: 0; display: block; width: 60%; max-width: 250px; height: 3px; margin-top: 1em; background: #F58A31; border: none !important;}
.is-style-vk-heading-solid_bottomborder_black span, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-solid_bottomborder_black span { font-size: clamp(5rem,5vw,10rem); opacity: 0.1;}
.is-style-vk-heading-solid_bottomborder_blue { padding: 1em 0 0.5em; background: none; border-bottom: 1px solid #D2DBDB; border-radius: 0; font-size: clamp(2rem,2.8vw,2.8rem) !important;}
.is-style-vk-heading-dotted_bottomborder { margin-bottom: 0.5em; padding: 1em 0 0.5em; border-bottom: 1px dotted #DDDDDD; font-size: clamp(1.6rem,2vw,2rem) !important;}
.is-style-vk-heading-both_ends, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends { margin-bottom: 0 !important;}
.col-img { display: flex; gap: 24px 40px;}
.col-img > * { flex: 1;}
.col-img > figure { width: 42%;}
.col-img.reverse > figure { order: -1;}
.side-title { display: flex; gap: 24px 40px;}
.side-title .wp-block-heading  { writing-mode: vertical-rl;}
.side-title .is-style-vk-heading-solid_bottomborder_black { padding: 0 1em 0 0;}
.side-title .is-style-vk-heading-solid_bottomborder_black::after { bottom: auto; top: 0; right: 0; width: 3px; height: 200px; margin-top: 0;}
.side-title.reverse .wp-block-heading  { order: 1;}
.side-title.reverse .is-style-vk-heading-solid_bottomborder_black { padding: 0 0 0 1em;}
.side-title.reverse .is-style-vk-heading-solid_bottomborder_black::after { right: auto; left: 0;}
.l-fit { margin-left: calc(50% - 50vw) !important;}
.r-fit { margin-right: calc(50% - 50vw) !important;}
.side-title .wp-block-image { max-width: initial !important;}
.vk_faq .vk_faq_title { padding-left: 40px; font-weight: 500;}
.vk_faq .vk_faq_content { padding-left: 40px;}
.vk_faq .vk_faq_title:before { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: #F58A31; font-family: "Cormorant Garamond", serif;}
.vk_faq .vk_faq_content:before { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: #003FA3; font-family: "Cormorant Garamond", serif;}
.list-text strong { border-bottom: 1px solid #003FA3; color: #003FA3;}
.faq .wp-block-vk-blocks-faq2 { margin-bottom: 1em !important; padding: 1em; background: #FFF; border: 1px solid #E3EFEF; border-radius: 10px;}
.faq .vk_faq-body { margin-bottom: 0 !important;}
.faq .vk_faq .vk_faq_title { border-bottom: none;}
.faq .vk_faq .vk_faq_title:before { background: none; font-size: 3.2rem; color: #003FA3;}
.faq .vk_faq .vk_faq_content:before { background: none; font-size: 3.2rem; color: #B4B4B4;}
.flow {  list-style: none; counter-reset: num; margin: 0 !important; padding: 0 !important;}
.flow li { counter-increment: num; display: flex; align-items: center; gap: 1em; padding: 1em; background: #FFF; border: 1px solid #E3EFEF; border-radius: 10px; font-family: "Noto Serif JP", serif; font-size: clamp(1.4rem,1.6vw,1.6rem); font-weight: 500; font-style: normal;}
.flow ::before { content: counter(num, decimal-leading-zero); font-size: clamp(4rem,5vw,5rem); opacity: 0.1;}
.border-box .box { padding: 1.5em 2em; border: 1px solid #E3EFEF; border-radius: 10px;}
.border-box .wp-block-heading { display: flex; align-items: center;}
.border-box .wp-block-heading span { flex: 1; padding-bottom: 4px; border-bottom: 1px solid #003FA3;}
.border-box .wp-block-heading i { font-size: clamp(4rem,6vw,6rem); color: #003FA3;}



@media only screen and (max-width: 991px){
	.page-header { min-height: 160px;}
	.col-img { flex-direction: column;}
	.col-img > figure { width: auto;}
	.col-img.reverse > figure { order: 1;}
	.side-title { gap: 1em;}
}




.post .wp-block-columns + .wp-block-columns { margin-top: 56px;}
.post .wp-block-button .wp-block-button__link { min-height: 56px; font-size: clamp(1.4rem,1.7vw,1.7rem);}