.c-filterLayer__img,.c-gnav .sub-menu .c-gnav__a:before,.c-submenuToggleBtn:after{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}figcaption{color:inherit;display:block;font-size:.8rem;line-height:1.5;margin-bottom:0;margin-top:.75rem;opacity:var(--ark-opacity--thin);text-align:center}.c-bottomSection__title,.c-secTitle,.c-widget>.wp-block-group>.wp-block-group__inner-container>h2,.c-widget__title,h2.widgettitle{font-size:1.4em;font-weight:700;margin-bottom:1em;position:relative}.c-commentList,.c-drawerNav,.c-gnav,.c-gnav .sub-menu,.c-pnNav,.has-child--acc .children,.has-child--acc .sub-menu,.l-footer__nav,.p-postList,.widget_categories>ul,.widget_nav_menu .menu,.widget_recent_entries__list,.wp-block-archives-list,.wp-block-categories-list,.wp-block-categories-list .children,.wp-block-latest-comments,.wp-block-latest-posts:not(.is-grid),.wp-block-page-list,.wp-block-page-list .submenu-container,.wp-block-social-links{--ark-list-padding:0;list-style:none}.c-drawerNav,.widget_categories>ul,.widget_nav_menu .menu,.widget_recent_entries__list,.wp-block-archives-list,.wp-block-categories-list,.wp-block-latest-comments,.wp-block-latest-posts:not(.is-grid),.wp-block-page-list{border-bottom:var(--ark-menulist_border);border-top:var(--ark-menulist_border)}.c-drawerNav .menu-item,.widget_categories li,.widget_nav_menu .menu-item,.widget_recent_entries__li,.wp-block-archives-list li,.wp-block-categories-list li,.wp-block-latest-comments__comment,.wp-block-latest-posts:not(.is-grid) li,.wp-block-pages-list__item{border-bottom:var(--ark-menulist_border);line-height:1.5;margin:0!important;position:relative}.c-drawerNav__a,.c-gnav .sub-menu .c-gnav__a,.widget_categories a,.widget_nav_menu a,.widget_recent_entries__a,.wp-block-archives-list a,.wp-block-categories-list a,.wp-block-pages-list__item__link{color:inherit;display:block;font-size:var(--ark-nav_fz,1em);padding:var(--ark-nav-padding--Y,.75rem) var(--ark-nav-padding--R,.5rem) var(--ark-nav-padding--Y,.75rem) var(--ark-nav-padding--L,.5rem);position:relative;text-decoration:none}.c-drawerNav__a:hover,.widget_categories a:hover,.widget_nav_menu a:hover,.widget_recent_entries__a:hover,.wp-block-archives-list a:hover,.wp-block-categories-list a:hover,.wp-block-pages-list__item__link:hover{background-color:var(--ark-color--gray--hover)}.has-child--acc .children,.has-child--acc .sub-menu,.wp-block-categories-list .children,.wp-block-page-list .submenu-container{--ark-nav-padding--L:1.5rem;--ark-nav_fz:.925em;border-top:1px dashed var(--ark-color--border)}.has-child--acc .children ul,.has-child--acc .sub-menu ul,.wp-block-categories-list .children ul,.wp-block-page-list .submenu-container ul{--ark-nav-padding--L:2.25rem}.has-child--acc .children,.has-child--acc .sub-menu{border-top:1px dashed var(--ark-color--border);height:0;list-style:none;margin:0;opacity:0;padding:0;position:relative;visibility:hidden}.has-child--acc .is-opened.children,.has-child--acc .is-opened.sub-menu{height:auto;opacity:1;visibility:visible}[class*=arkhe-svg-]:not([width]){height:1em;width:1em}*{box-sizing:border-box;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:after,:before{box-sizing:inherit;text-decoration:inherit;vertical-align:inherit}b,strong{font-weight:700}main{display:block}ruby>rt{font-size:50%}img{border-style:none;height:auto;max-width:100%}video{outline:none}svg:not([fill]){fill:currentColor}[hidden]{display:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;cursor:pointer;display:inline-block}[role=button]{cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}button,input,select,textarea{border:1px solid var(--ark-color--border);border-radius:0;color:#333;padding:.25em .5em}[type=color]{padding:0}[type=range]{vertical-align:middle}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}:root{--ark-mt:2rem;--ark-mt--s:1rem;--ark-mt--h:2.5em;--ark-font_family:"Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;--ark-font_size:min(16px,4vw);--ark-line_height:1.8;--ark-letter_spacing:.025em;--ark-padding--container:min(48px,4vw);--ark-color--border:#c8c8c880;--ark-color--border--table:#ededed;--ark-color--gray--hover:#9696960d;--ark-opacity--thin:.75;--ark-header_height:0px;--ark-header_height--fixed:0px;--ark-adminbar_height:0px;--ark-scrollbar_width:0px;--ark-100vh:100vh;--ark-fz--xs:.75em;--ark-fz--s:.9em;--ark-fz--n:1rem;--ark-fz--m:1.1em;--ark-fz--l:1.25em;--ark-fz--xl:1.5em;--ark-fz--xxl:2em;--ark-fz--huge:3em;--ark-submenu_btn_size:1.75rem}html{font-size:var(--ark-font_size);letter-spacing:var(--ark-letter_spacing)}body{--ark-offset--y:calc(var(--ark-adminbar_height) + var(--ark-header_height--fixed));--ark-height--full:calc(var(--ark-100vh, 100vh) - var(--ark-offset--y))}body.admin-bar{--ark-adminbar_height:var(--wp-admin--admin-bar--height,32px)}@supports (height:100svh){.l-main__body>.c-postContent>:first-child{--ark-100vh:100svh}}.l-header[data-overlay="1"]+.l-content .l-main__body>.c-postContent>:first-child{--ark-height--full:calc(var(--ark-100vh, 100vh) - var(--ark-adminbar_height))}.l-header:not([data-overlay])+.l-content .l-main__body>.c-postContent>:first-child{--ark-height--full:calc(var(--ark-100vh, 100vh) - var(--ark-adminbar_height) - var(--ark-header_height))}body{--ark-color_main:var(--ark-color--main);--ark-color_text:var(--ark-color--text);--ark-color_link:var(--ark-color--link);--ark-color_bg:var(--ark-color--bg);--ark-color_gray:var(--ark-color--gray);--ark-hover_gray:var(--ark-color--gray--hover);--ark-color_border:var(--ark-color--border);--ark-pad--container:var(--ark-padding--container);--ark-container_width:var(--ark-width--container);--ark-article_width:var(--ark-width--article);--ark-slim_width:var(--ark-width--article--slim);word-wrap:break-word;-webkit-text-size-adjust:100%;background-color:var(--ark-color--bg);color:var(--ark-color--text);font-family:var(--ark-font_family);font-size:1rem;font-weight:400;line-height:1.5;max-width:100%;min-width:100%;overflow-wrap:break-word;overflow-x:hidden;position:relative}a{color:var(--ark-color--link)}h1,h2,h3,h4,h5,h6{--ark-mt:var(--ark-mt--h);font-weight:700;line-height:1.5}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.1em}h6{font-size:1em}blockquote{background:none;border-left:2px solid var(--ark-color--border);padding:.25em 1em;quotes:none}blockquote cite{display:block;font-size:.8em;margin-top:1em;opacity:.75}table{border:none;border-collapse:collapse;border-right:1px solid var(--ark-color--border--table);border-spacing:0;border-top:1px solid var(--ark-color--border--table);max-width:100%;text-align:left;width:100%}table caption{font-size:.9rem;margin-top:.75rem;opacity:var(--ark-opacity--thin)}td,th{border-bottom:1px solid var(--ark-color--border--table);border-left:1px solid var(--ark-color--border--table);padding:var(--ark-padding--cell,.5em .75em)!important;vertical-align:top;word-break:break-all}:where(thead) td,:where(thead) th{background-color:var(--ark-color--main);color:#fff}:where(tbody) th{background-color:var(--ark-color--gray);font-weight:700}code,pre{tab-size:4}pre{background-color:var(--ark-color--gray);overflow-x:auto;padding:1rem}:where(pre code){font-family:Menlo,Consolas,monaco,monospace;font-size:.9rem}hr:not(.wp-block-separator){border:none;border-bottom:1px solid #0000001a}:not(pre)>code,kbd{background:#edf0f3;border-radius:3px;color:#3f3f3f;display:inline-block;font-family:Menlo,Consolas,Hiragino Kaku Gothic ProN,Hiragino Sans,メイリオ,sans-serif;font-size:.9em;letter-spacing:0;line-height:1.5;margin:0 .25em;padding:.2em .5em;text-decoration:inherit}kbd{background-color:#fbfbfb;box-shadow:0 1px 0 1px #00000026,0 0 1px #0000001a}small{opacity:var(--ark-opacity--thin)}small,sub,sup{font-size:.75em}ol,ul{margin:0;padding:var(--ark-list-padding,0 0 0 1.5em)}ol.has-background,ul.has-background{padding:var(--ark-list-padding--has_bg,1em 1em 1em 2.25em)}iframe{display:block;margin-left:auto;margin-right:auto;max-width:100%}.page-template-one-column-slim,.post-template-default,.post-template-one-column-slim{--ark-width--article:var(--ark-width--article--slim)}.l-article{max-width:var(--ark-width--article)}[data-sidebar=off] .l-article{margin-left:auto;margin-right:auto}.c-bottomSection{margin-top:4rem}.l-container{margin-left:auto;margin-right:auto;max-width:calc(var(--ark-width--container) + var(--ark-padding--container)*2);padding-left:var(--ark-padding--container);padding-right:var(--ark-padding--container);width:100%}.l-content{flex:1 0 auto;position:relative;z-index:0}.l-content__body{margin:3rem auto}.home.page .l-content__body{margin-bottom:0;margin-top:0}.l-footer{background:var(--ark-color--footer_bg,#fff);color:var(--ark-color--footer_txt,#333);position:relative;z-index:0}.l-footer a,.l-footer span{color:inherit}.l-footer__widgets{padding:2rem 0}.l-footer__foot{padding-bottom:1rem;padding-top:1rem}.l-footer__nav{margin-bottom:1rem}.l-footer__nav a{color:inherit;display:block;font-size:.8rem;padding:0 .5rem}.l-footer__nav a:not(:hover){text-decoration:none}.l-footer__nav .sub-menu{display:none}.c-copyright{font-size:.8rem;text-align:center}.l-header{background:var(--ark-color--header_bg,#fff);color:var(--ark-color--header_txt,#333);top:var(--ark-adminbar_height,0);width:100%;z-index:100}.l-header__body{align-items:center;column-gap:0;display:grid;position:relative;width:100%;z-index:1}:root{--ark-drawerW:40px;--ark-searchW:40px}[data-has-drawer=""]{--ark-drawerW:0px}[data-has-drawer=""] .l-header__drawerBtn{display:none}[data-has-search=""]{--ark-searchW:0px}[data-has-search=""] .l-header__searchBtn{display:none}[data-btns=l-r] .l-header__body{grid-template-areas:"menu left center right search";grid-template-columns:var(--ark-drawerW) calc(25% - var(--ark-drawerW)) 50% calc(25% - var(--ark-searchW)) var(--ark-searchW)}[data-btns=r-l] .l-header__body{grid-template-areas:"search left center right menu";grid-template-columns:var(--ark-searchW) calc(25% - var(--ark-searchW)) 50% calc(25% - var(--ark-drawerW)) var(--ark-drawerW)}[data-btns=rl-rr] .l-header__body{grid-template-areas:"left center right menu search";grid-template-columns:25% 50% auto var(--ark-drawerW) var(--ark-searchW)}[data-btns=rr-rl] .l-header__body{grid-template-areas:"left center right search menu";grid-template-columns:25% 50% auto var(--ark-searchW) var(--ark-drawerW)}.l-header__left{align-items:center;display:flex;grid-area:left;justify-self:start}.l-header__right{align-items:center;align-self:stretch;display:flex;grid-area:right;justify-self:end}.l-header__center{grid-area:center;padding:8px 0}[data-logo=center] .l-header__center{text-align:center}.l-header__center .c-tagline{font-size:.75rem;letter-spacing:.2px;line-height:1.5}.l-header__center .has-image+.c-tagline{margin-top:.25em}.l-header__drawerBtn{grid-area:menu;z-index:2}.l-header__searchBtn{grid-area:search;z-index:1}.l-header__customBtn,.l-header__drawerBtn,.l-header__searchBtn{flex-shrink:0;height:40px;line-height:1.25;position:relative;text-align:center;width:40px}.l-main{position:static!important;width:100%}.l-main__body>:first-child{margin-top:0!important}.l-main__body>:last-child{margin-bottom:0!important}.l-scrollObserver{display:block;height:1px;left:0;pointer-events:none;position:absolute;top:100px;visibility:hidden;width:100%;z-index:1000}.l-sidebar{position:relative}[data-sidebar=on]{--ark-width--sidebar:280px;--ark-gap--container:32px}.p-topArea{align-items:center;display:flex;margin:0;min-height:32vh;overflow:hidden;padding:2rem 0;position:relative;text-align:center;width:100%}.p-topArea.-noimg{background:#555}.p-topArea__body{color:#fff;position:relative;text-shadow:1px 1px 0 #0000001a;width:100%;z-index:3}.p-topArea__excerpt{font-size:.9em}.l-wrapper{display:flex;flex-direction:column;min-height:100vh}.l-header__bar{position:relative}.l-header__bar .l-header__barInner{display:flex;justify-content:flex-end}.l-header__bar .c-tagline{font-size:11px;letter-spacing:.2px;margin-right:auto;overflow:hidden;padding:4px 0;white-space:nowrap;width:50%}.l-header__logo{align-items:center;display:flex;justify-content:center;line-height:1}.c-headLogo{color:inherit;display:block;font-weight:400;text-decoration:none}.has-text>.c-headLogo{font-size:.75em;line-height:1.5}.c-headLogo__img{height:100%;object-fit:contain;width:auto}.l-headerUnder{--the-color--txt:var(--ark-color--header_txt,#333);--the-color--bg:var(--ark-color--header_bg,#fff);background:var(--the-color--bg);color:var(--the-color--txt);width:100%;z-index:1}.l-headerUnder .c-gnav{justify-content:center;width:100%}.l-headerUnder .c-gnav>.menu-item>a{padding:16px 24px}.l-headerUnder[data-fix]{position:sticky;top:0}[data-pcfix="1"]+.l-headerUnder[data-fix]{top:var(--ark-header_height)}.admin-bar .l-headerUnder[data-fix]{top:var(--ark-adminbar_height)}.admin-bar [data-pcfix="1"]+.l-headerUnder[data-fix]{top:calc(var(--ark-header_height) + var(--ark-adminbar_height))}.p-searchModal__inner{background:#ffffff1a;left:50%;max-width:600px;padding:1em;position:absolute;top:calc(50% + 16px);transform:translateX(-50%) translateY(-50%);transition:top .5s;width:96%;z-index:1}.is-open>.p-searchModal__inner{top:50%}.p-searchModal__inner .c-searchForm{box-shadow:0 0 4px #fff3}.p-searchModal__inner .s{font-size:1rem}.p-searchModal__close{color:#fff;left:50%;margin-top:1em;position:absolute;top:100%;transform:translateX(-50%)}.c-filterLayer{z-index:0}.c-filterLayer:after,.c-filterLayer:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.c-filterLayer:before{z-index:1}.c-filterLayer:after{z-index:2}.c-filterLayer.-filter-none:after,.c-filterLayer.-filter-none:before{content:none}.c-filterLayer.-filter-dot:after{background-color:#0000001a;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);background-size:2px;opacity:.5}.c-fixBtn{background:var(--ark-color--main);border-radius:1px;box-shadow:0 2px 8px #0003,0 4px 4px -4px #00000026;color:#fff;cursor:pointer;height:42px;line-height:1;opacity:.5;overflow:hidden;transition:opacity .25s;width:42px}.c-fixBtn__icon{display:block;font-size:16px}.c-gnavWrap{height:100%}.l-header__body .c-gnavWrap{position:relative;z-index:1}.c-gnav{align-items:center;display:flex;font-size:.9rem;height:100%;text-align:center}.c-gnav .__mainText{font-size:inherit}.c-gnav .__mainText,.c-gnav .__subText{color:inherit;display:block;line-height:1}.c-gnav .__subText{font-size:10px;opacity:.6;position:relative;top:4px}.c-gnav__a{font-size:1em;text-decoration:none}.c-gnav__li,.c-gnav__li>.c-gnav__a{height:100%;position:relative}.c-gnav__li>.c-gnav__a{color:inherit;display:flex;flex-direction:column;justify-content:center;padding:16px 12px;transition:color .25s;white-space:nowrap}.c-gnav__li.-current,.c-gnav__li.focus,.c-gnav__li:hover{color:var(--ark-color--main)}.c-gnav .sub-menu{background:var(--ark-color--main);color:#fff;text-align:left;visibility:hidden}.c-gnav .sub-menu>.menu-item:not(:last-child){border-bottom:1px solid var(--ark-color--border)}.c-gnav .sub-menu .c-gnav__a:before{background-color:initial;content:""}.c-gnav .sub-menu .c-gnav__a:hover:before{background-color:#ffffff1a}.c-gnav__depth1{--ark-color--border:#fff3;--ark-nav-padding--Y:1rem;--ark-nav-padding--R:.75rem;--ark-nav-padding--L:.75rem;--ark-nav_fz:.9em;box-shadow:0 4px 12px -2px #00000026;left:50%;min-width:240px;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .5s,visibility .35s;visibility:hidden;width:100%;z-index:1}.c-gnav__li.focus>.c-gnav__depth1,.c-gnav__li:hover>.c-gnav__depth1{opacity:1;visibility:visible}.c-gnav__depth1:before{background-color:var(--ark-color--main);bottom:100%;-webkit-clip-path:polygon(0 100%,100% 100%,50% 60%);clip-path:polygon(0 100%,100% 100%,50% 60%);content:"";height:1em;left:calc(50% - .5em);position:absolute;width:1em;z-index:1}.c-iconBtn{background:none;border:none;color:inherit;cursor:pointer;height:100%;padding:0;text-decoration:none;width:100%}.c-iconBtn .-menuBtn{z-index:1}.c-iconBtn__icon{display:block;font-size:24px;height:24px;line-height:1;position:relative;width:24px}.c-iconBtn__icon svg{display:block;height:100%!important;width:100%!important}.c-iconBtn__icon .__close,.c-iconBtn__icon .__open{transform-origin:50% 50%;transition:.25s}.c-iconBtn__icon .__close{left:0;opacity:0;position:absolute;top:0;transform:rotate(180deg);z-index:1}[data-drawer=opened] .c-iconBtn__icon .__close{opacity:1;transform:rotate(0)}[data-drawer=opened] .c-iconBtn__icon .__open{opacity:0;transform:rotate(-180deg)}.c-iconBtn__label{display:block;font-size:10px;transform:scale(.9);width:100%}.c-modal{height:100%;left:0;opacity:0;position:fixed;top:0;transition-duration:.5s;transition-property:visibility,opacity;visibility:hidden;width:100%;z-index:1000}[data-loaded=false] .c-modal{display:none}.c-modal.is-open{opacity:1;visibility:visible}.c-overlay{background:#000000bf;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.c-pageTitle__main{font-size:2rem;font-weight:700;line-height:1.5;position:relative}.c-pageTitle__sub{font-size:.9rem;font-style:italic;font-weight:400;position:relative;vertical-align:middle}.c-pageTitle__sub:after,.c-pageTitle__sub:before{content:"–";margin:0 1em;vertical-align:initial}.p-page__title .c-pageTitle__sub{margin-left:.5em}.p-archive__title,.p-page__title{margin-bottom:2.5rem}.p-404__title{font-size:1.5rem;padding-top:2rem;text-align:center}.pagination{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;justify-content:center;margin:3rem 0;position:relative}.pagination .dots{margin:0;opacity:var(--ark-opacity--thin)}.pagination .next,.pagination .prev{display:none}.page-numbers,.post-page-numbers{box-sizing:initial;color:inherit;display:block;font-size:14px;height:32px;line-height:32px;margin:0 2px;min-width:32px;padding:0;position:relative;text-align:center;text-decoration:none;transition:color .25s,background-color .25s;width:auto}.page-numbers:not(.dots).current,.page-numbers:not(.dots):hover,.post-page-numbers:not(.dots).current,.post-page-numbers:not(.dots):hover{background-color:var(--ark-color--main);color:#fff}.c-searchForm{position:relative}.c-searchForm__s{line-height:2;padding:4px 44px 4px 8px;width:100%}.c-searchForm__submit{background:none;border:none;font-size:16px;height:100%;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .25s;width:40px}.c-searchForm__submit:hover{opacity:.75}.c-submenuToggleBtn{background:none!important;border:none!important;box-shadow:none!important;color:inherit;cursor:pointer;height:var(--ark-submenu_btn_size);outline-offset:-1px;padding:0;position:absolute;right:8px;text-align:center;top:50%;transform:translateY(-50%);width:var(--ark-submenu_btn_size);z-index:1}.c-submenuToggleBtn:focus{outline-style:solid;outline-width:2px}.c-submenuToggleBtn .c-submenuToggleBtn__svg{display:block;height:100%;padding:25%;transform:rotate(0deg);transition:transform .25s;width:100%}.c-submenuToggleBtn:after{box-shadow:inset 0 0 0 1px currentColor;content:"";opacity:.2}.c-submenuToggleBtn.is-opened .c-submenuToggleBtn__svg{transform:rotate(-180deg)}.skip-link{left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute!important;text-decoration:none;top:0;z-index:999}.skip-link:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;left:8px;opacity:1;padding:16px 24px;pointer-events:auto;top:8px;width:auto;z-index:1000}.screen-reader-text{word-wrap:normal!important;clip:rect(1px,1px,1px,1px);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-postAuthor{color:inherit;text-decoration:none}a.c-postAuthor:hover{text-decoration:underline}.c-postAuthor__figure{border-radius:50%;height:16px;margin:0 .25em 0 1px;overflow:hidden;width:16px}.c-postMetas>.c-postAuthor,.c-postMetas>div{margin-bottom:.25rem}.c-postMetas__icon{display:block}.c-postMetas__icon,.c-postTerms__item,.c-postTerms__link{margin-right:.25rem}.c-postTerms__link{color:inherit;display:block}.p-entry__head .c-postTerms__link:not(:hover){text-decoration:none}.p-entry__head .c-postTerms__link:not(:last-child):after{content:","}.p-entry__foot .c-postTerms{margin-bottom:0}.p-entry__foot .c-postTerms__item{margin-bottom:.25rem;margin-right:.5rem}.p-entry__foot .c-postTerms__link{background:#f7f7f7;border:none;color:#333;display:block;line-height:1;padding:6px 8px;position:relative;text-decoration:none;transition:opacity .25s}.p-entry__foot .c-postTerms__link:hover{opacity:.75}.c-postThumb{overflow:hidden;position:relative;vertical-align:middle}.c-postThumb__figure{margin:0;overflow:hidden;padding-top:var(--ark-thumb_ratio);position:relative;width:100%;z-index:0}.c-postThumb__img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .25s;width:100%}.c-postTimes__item{margin-right:.5rem}.p-archive__desc{margin-bottom:2rem}.p-entry__thumb{margin:2rem 0 0;text-align:center;width:100%}.p-entry__thumb__img{display:block;width:100%}.p-authorBox{background-color:var(--ark-color--gray);padding:1.5rem}.author .p-authorBox{margin-bottom:4rem}.p-authorBox__avatar{flex:1 0 auto;margin:0}.p-authorBox__avatar .avatar{border-radius:50%;display:block;height:100px;object-fit:cover;width:100px}.p-authorBox__name{color:inherit;display:block;font-weight:700;text-decoration:none}.p-authorBox__position{display:block;font-size:.75rem;margin-top:.25rem}.p-authorBox__description{font-size:.9rem;margin-top:.75rem}.p-authorBox__footer{font-size:.9rem;margin-top:1rem}.p-authorBox__weblink .arkhe-svg-link{margin-right:2px}.p-authorBox__archivelink a{box-shadow:0 0 0 1px currentColor;color:inherit;display:block;letter-spacing:1px;margin:0 auto;opacity:var(--ark-opacity--thin);text-align:center;text-decoration:none;transition:opacity .25s}.p-authorBox__archivelink a:hover{opacity:1}.p-breadcrumb{margin:0 auto;padding:8px 0;position:relative;width:100%}.p-breadcrumb__list{display:flex;flex-wrap:wrap;list-style:none;overflow:hidden;width:100%}.p-breadcrumb__item{margin-right:10px;max-width:100%;padding-right:12px;position:relative}.p-breadcrumb__item:after{border-right:1px solid;border-top:1px solid;color:inherit;content:"";display:block;height:4px;opacity:var(--ark-opacity--thin);position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);width:4px}.p-breadcrumb__item:last-child:after{content:none}.p-breadcrumb__text{color:inherit;display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-breadcrumb__text:where(:not(:hover)){text-decoration:none}.p-breadcrumb__item:first-child>.p-breadcrumb__text{align-items:center;display:flex}.p-breadcrumb__item:first-child .arkhe-svg-home{margin-bottom:1px;margin-right:4px}.c-commentList{font-size:.9rem;margin:2rem 0 0}.c-commentList .comment{margin-top:1rem}.c-commentList>.comment{background-color:var(--ark-color--gray);padding:1rem}.c-commentList .children{border-left:1px solid var(--ark-color--border);list-style:none;margin-left:1rem;padding:0 0 0 1rem}.c-commentList .reply{margin-top:.5rem}.comment-body{padding:8px}.comment-author{align-items:center;display:flex}.comment-author .avatar{border-radius:50%}.comment-author .fn{font-size:1.1em;margin-left:1rem}.comment-author .url{color:inherit;text-decoration:none}.comment-author .says{display:none}.comment-metadata{margin-top:.25rem}.comment-metadata a{color:inherit;font-size:11px;opacity:var(--ark-opacity--thin)}.comment-metadata a:where(:not(:hover)){text-decoration:none}.comment-content{line-height:1.5;margin-top:1rem}.comment-content>:first-child{margin-top:0}.comment-content p{margin-top:1rem}.comment-awaiting-moderation{display:block;font-weight:700;margin-top:1rem}.comment-respond{margin-top:2.5rem}.comment-reply-title{font-size:1rem;font-weight:700}.comment-notes{font-size:.75rem}.comment-form,.comment-form p{margin-top:1rem}.comment-form label{display:block;font-weight:700;margin-bottom:.5rem}.comment-form .comment-form-comment label{display:none}.comment-form [for=wp-comment-cookies-consent]{font-weight:400}.comment-form #author,.comment-form #comment,.comment-form #email,.comment-form #url{width:100%}.comment-form .form-submit{margin-top:2rem}.comment-form .submit{background-color:var(--ark-color--main);border:none;color:#fff;padding:.5rem 1.5rem;transition:opacity .25s}.comment-form .submit:hover{opacity:.75}#cancel-comment-reply-link{font-size:.9em;font-style:italic;margin-left:1em}.comment-form-cookies-consent{align-items:center;display:flex}.comment-form-cookies-consent label{margin-bottom:0;margin-left:.5em}#wp-comment-cookies-consent{margin:0}[data-drawer=closed] .p-drawer{opacity:0;pointer-events:none;visibility:hidden}[data-drawer=opened] body{overflow-y:hidden;touch-action:none}.p-drawer,[data-drawer=opened] .l-header__center,[data-drawer=opened] .l-header__left,[data-drawer=opened] .l-header__right,[data-drawer=opened] .l-header__searchBtn{pointer-events:none}.p-drawer{--ark-color--border:#ffffff26;--ark-nav-padding--Y:1rem;background:#000000eb;color:#fff;font-size:.9rem;height:100%;left:0;padding:var(--ark-header_height) 0 1rem;position:fixed;top:0;transition:opacity .5s,visibility .5s;width:100%;z-index:1}[data-loaded=false] .p-drawer{display:none}.admin-bar .p-drawer{height:calc(100% - var(--ark-adminbar_height));top:var(--ark-adminbar_height)}.p-drawer__inner{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;pointer-events:auto;position:relative;width:100%;z-index:1}.p-drawer__body{margin:0;padding:4vw 6vw;position:relative}.c-drawerNav .__subText{font-size:.75em;margin-left:1em;opacity:.6}[data-drawer-move=fade] .p-drawer__inner{margin:0 auto;max-width:600px}[data-drawer-move=fade][data-drawer=opened] .l-header__drawerBtn{color:#fff}.c-modalClose{background:none;border:none}.c-modalClose .arkhe-svg-close{margin-right:.5em}.p-drawer__close{color:inherit;margin:1rem auto .5em}.p-drawerUnderlayer{background:none;height:100%;left:0;opacity:0;overflow:hidden;position:fixed;position:absolute;top:0;transition:opacity .5s,visibility .5s;visibility:hidden;width:100%;z-index:99}[data-loaded=false] .p-drawerUnderlayer{display:none}[data-drawer=opened] .p-drawerUnderlayer{opacity:1;visibility:visible}.p-entry__head .c-postMetas{font-size:.75rem;letter-spacing:.1px;margin-top:1rem}.p-entry__content.c-postContent{margin-bottom:4rem}.p-entry__foot>.c-postMetas{font-size:.8rem}.p-fixBtnWrap{align-items:flex-end;bottom:6%;display:flex;flex-direction:column;opacity:0;position:fixed;right:3%;text-align:center;transition:opacity .5s,visibility .5s;visibility:hidden;z-index:10}[data-scrolled=true] .p-fixBtnWrap{opacity:1;visibility:visible}.c-pnNav{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0}.c-pnNav__item{flex:1 0 auto;font-size:.8rem;max-width:100%;position:relative}.c-pnNav__item .c-pnNav__svg{display:block;position:absolute;top:50%;transform:translateY(-50%)}.c-pnNav__item.-prev .c-pnNav__link{padding-left:1.5em}.c-pnNav__item.-prev .c-pnNav__svg{left:0}.c-pnNav__item.-next .c-pnNav__link{justify-content:flex-end;padding-right:1.5em}.c-pnNav__item.-next .c-pnNav__svg{right:0}.c-pnNav__link{color:inherit;height:100%;line-height:1.5;padding:.5rem .75rem;position:relative;text-decoration:none;transition:.25s;width:100%}.c-pnNav__link:hover{opacity:.75}.c-pnNav__title{left:0;position:relative;transition:all .25s}.p-postList.-type-simple{border-top:1px solid var(--ark-color--border)}.p-postList.-type-card{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}.p-postList.-type-simple .p-postList__item{margin-bottom:0;margin-top:0}.p-postList.-type-list .p-postList__item{margin-bottom:2rem;margin-top:0}.p-postList.-type-card .p-postList__item{flex-basis:100%;margin-bottom:2.5rem;margin-top:0;padding:0 .75rem}.p-postList__link{display:block;position:relative;z-index:0}.p-postList .p-postList__link{color:inherit;text-decoration:none}.p-postList__link:hover .c-postThumb:before{opacity:.1}.p-postList__link:hover .c-postThumb__img{transform:scale(1.15)}.p-postList.-type-card .p-postList__link{height:100%}.p-postList.-type-simple .p-postList__link{border-bottom:1px solid var(--ark-color--border);display:block;padding:.75rem .5rem;transition:background-color .25s}.p-postList.-type-simple .p-postList__link:hover{background-color:var(--ark-color--gray)}.p-postList.-type-list .p-postList__link{align-items:flex-start;display:flex}.p-postList.-type-card .p-postList__thumb{width:100%}.p-postList.-type-list .p-postList__thumb{flex-shrink:0;max-width:280px;width:36%}.p-postList__thumb:before{background:#000;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s;width:100%;z-index:1}.p-postList__body{position:relative;transition:opacity .25s}.p-postList.-type-card .p-postList__body{padding-top:1rem}.p-postList.-type-list .p-postList__body{flex:1 1 auto;padding-left:1rem}.-type-card>.p-postList__item:hover .p-postList__body,.-type-list>.p-postList__item:hover .p-postList__body{opacity:.75}.p-postList .p-postList__title{font-size:1.1rem;font-weight:700;line-height:1.6;margin:0}.p-postList.-type-simple .p-postList__title{font-size:1rem}.-related .p-postList__title{font-size:.9rem}.p-postList__excerpt{font-size:.8rem;line-height:1.6;margin-top:.5rem}.p-postList__meta{font-size:10px;letter-spacing:.1px;margin-top:.5rem;position:relative}.p-postList__title+.p-postList__meta{margin-top:.25rem}.p-postList.-type-simple .p-postList__meta{margin:2px 0 0}.p-postList__category{margin-right:.5rem}.p-postList.-type-simple .p-postList__author{padding:0}.p-postList.-related.-type-card .p-postList__item{margin-bottom:1.5rem;width:50%}.p-postList.-related.-type-list .p-postList__thumb{max-width:240px}.dump_data{background:#fafafa;border:1px solid #ddd;display:block;font-family:Arial,sans-serif;font-size:13px;padding:16px;white-space:pre-wrap}.alignfull{left:calc(50% - 50vw + var(--ark-scrollbar_width)/2);max-width:100vw!important;position:relative;width:calc(100vw - var(--ark-scrollbar_width))}.alignfull+.alignfull{margin-top:0}:where(.c-postContent>div) .alignfull{left:0;width:100%}.alignfull.wp-block-cover,.alignfull.wp-block-group.has-background{padding:4em var(--ark-padding--container,48px)}.alignfull.has-background>.wp-block-group__inner-container,.alignfull>.wp-block-cover__inner-container{margin:0 auto;max-width:var(--ark-width--article)}.alignfull.has-background>.wp-block-group__inner-container>.alignfull,.alignfull:not([data-inner=full])>.ark-block-section__body>.ark-block-section__bodyInner>.alignfull,.alignfull>.ark-block-container__inner>.alignfull,.alignfull>.wp-block-cover__inner-container>.alignfull{left:calc(50% - 50vw + var(--ark-padding--container));width:calc(100vw - var(--ark-padding--container)*2)}.alignfull.has-background>.wp-block-group__inner-container>.alignwide,.alignfull:not([data-inner=full])>.ark-block-section__body>.ark-block-section__bodyInner>.alignwide,.alignfull>.ark-block-container__inner>.alignwide,.alignfull>.wp-block-cover__inner-container>.alignwide{--ark-alignwide_ex_width:revert}.alignwide{left:calc(var(--ark-alignwide_ex_width)*-1);max-width:unset!important;position:relative;width:calc(100% + var(--ark-alignwide_ex_width)*2)}:where(.c-postContent>div) .alignwide{--ark-alignwide_ex_width:0px}[data-sidebar=on] .l-main .alignwide{left:0;width:100%}.u-cf{clear:both!important}.u-cf--after:after{clear:both;content:"";display:block;height:0;visibility:hidden}.u-color-thin{opacity:var(--ark-opacity--thin)}.u-display-none{display:none!important}.u-display-block{display:block!important}.u-flex{display:flex}.u-flex--aic,.u-flex--aicw{align-items:center;display:flex}.u-flex--aicw,.u-flex--c{flex-wrap:wrap}.u-flex--c{align-content:center;align-items:center;display:flex;justify-content:center}.has-xsmall-font-size,.u-fz-xs{font-size:var(--ark-fz--xs,.75em)!important}.has-small-font-size,.u-fz-s{font-size:var(--ark-fz--s,.9em)!important}.has-normal-font-size,.u-fz-n{font-size:var(--ark-fz--n,1rem)!important}.u-fz-m{font-size:var(--ark-fz--m,1.1em)!important}.has-large-font-size,.u-fz-l{font-size:var(--ark-fz--l,1.25em)!important}.has-xlarge-font-size,.u-fz-xl{font-size:var(--ark-fz--xl,1.5em)!important}.has-xxlarge-font-size,.u-fz-xxl{font-size:var(--ark-fz--xxl,2em)!important}.has-huge-font-size{font-size:var(--ark-fz--huge,2.75em)!important}.u-fw-bold{font-weight:700!important}.u-fw-normal{font-weight:400!important}.u-fw-lighter{font-weight:lighter!important}.u-fullheight{height:var(--ark-height--full,100vh)!important}.u-lh-10{line-height:1!important}.u-lh-12{line-height:1.2!important}.u-lh-14{line-height:1.4!important}.u-lh-15{line-height:1.5!important}.u-lh-16{line-height:1.6!important}.u-lh-18{line-height:1.8!important}.u-lh-20{line-height:2!important}.u-mb-0{margin-bottom:0!important}.u-mb-5{margin-bottom:.5rem!important}.u-mb-10{margin-bottom:1rem!important}.u-mb-15{margin-bottom:1.5rem!important}.u-mb-20{margin-bottom:2rem!important}.u-mb-25{margin-bottom:2.5rem!important}.u-mb-30{margin-bottom:3rem!important}.u-mb-40{margin-bottom:4rem!important}.u-mb-50{margin-bottom:5rem!important}.u-mb-60{margin-bottom:6rem!important}.u-mb-80{margin-bottom:8rem!important}.u-mt-0{margin-top:0!important}.u-mt-5{margin-top:.5rem!important}.u-mt-10{margin-top:1rem!important}.u-mt-15{margin-top:1.5rem!important}.u-mt-20{margin-top:2rem!important}.u-mt-25{margin-top:2.5rem!important}.u-mt-30{margin-top:3rem!important}.u-mt-40{margin-top:4rem!important}.u-mt-50{margin-top:5rem!important}.u-mt-60{margin-top:6rem!important}.u-mt-80{margin-top:8rem!important}.u-obf-cover{object-fit:cover}.u-obf-contain,.u-obf-cover{display:block;height:100%!important;width:100%!important}.u-obf-contain{object-fit:contain}.u-ta-c{text-align:center!important}.u-ta-l{text-align:left!important}.u-ta-r{text-align:right!important}.alignleft{float:left}.alignright{float:right}.sticky{display:block}.bypostauthor{color:inherit}.calendar_wrap,.wp-block-calendar:where(:not(.alignfull):not(.alignwide)){font-size:min(3.6vw,14px);margin-inline:auto;max-width:400px;width:100%}.wp-calendar-table.wp-calendar-table{background:#fff;border:1px solid var(--ark-color--border);color:#333;width:100%}.wp-calendar-table caption{background:none;line-height:1.5;opacity:1;padding:.25em}.wp-calendar-table td,.wp-calendar-table th{color:inherit;line-height:2.5;padding:0;text-align:center}.wp-calendar-table th{background-color:var(--ark-color--gray);border:none;font-weight:700}.wp-calendar-table td{border:1px solid var(--ark-color--border);font-family:arial,sans-serif}.wp-calendar-table td a{display:block;height:100%}.wp-calendar-table #today{--ark-color--link:#fff;background-color:var(--ark-color--main);color:#fff}.wp-calendar-table .pad{background:none}.wp-calendar-table #next,.wp-calendar-table #prev{padding-top:8px;text-transform:uppercase}.wp-calendar-table #prev{text-align:left}.wp-calendar-table #next{text-align:right}.wp-calendar-nav{display:flex;justify-content:space-between;margin-top:8px}.wp-calendar-nav a{color:inherit}.widget_archive select,.widget_categories select,.wp-block-archives-dropdown select,.wp-block-categories-dropdown select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,');background-position:100%;background-repeat:no-repeat;background-size:24px 24px;border:1px solid var(--ark-color--border);border-radius:2px;color:#333;cursor:pointer;display:block;height:auto;line-height:32px;padding:4px 24px 4px 12px;width:100%}.widget_archive select::-ms-expand,.widget_categories select::-ms-expand,.wp-block-archives-dropdown select::-ms-expand,.wp-block-categories-dropdown select::-ms-expand{display:none}.wp-block-archives-dropdown select,.wp-block-categories-dropdown select{max-width:400px}.widget_search .c-widget__title{display:none}.tagcloud,.wp-block-tag-cloud{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.wp-block-tag-cloud.is-style-outline .tag-cloud-link{background:none}.tag-cloud-link{background:#f7f7f7;border:none;color:#333!important;display:block;line-height:1;margin:0;padding:6px 8px!important;position:relative;text-decoration:none;transition:opacity .25s}.tag-cloud-link.tag-cloud-link.tag-cloud-link{font-size:.75rem!important}.tag-cloud-link:before{content:"#";margin-right:.25em;opacity:.75}.tag-cloud-link:hover{opacity:.75}:where(.wp-block-tag-cloud.is-style-outline) .tag-cloud-link{border:1px solid}.w-drawerBottom{margin-top:2rem}:root{--ark-menulist_border:solid 1px var(--ark-color--border)}li:last-child{--ark-menulist_border:none}.has-child--acc{--ark-nav-padding--R:calc(var(--ark-submenu_btn_size) + 16px)}.wp-block-latest-comments__comment,.wp-block-latest-posts:not(.is-grid) li{padding:var(--ark-padding--nav,.75rem .5rem)}.c-widget+.c-widget{margin-top:2.5rem}.textwidget a{transition:opacity .25s}.textwidget a:hover{opacity:.75;text-decoration:underline}.widget_categories label,.wp-block-categories label{display:none}.c-postCount,.tag-link-count.tag-link-count{color:inherit;display:inline-block;font-family:arial;font-size:.9em;margin-left:.25em;opacity:var(--ark-opacity--thin);position:relative}.wp-block-rss .wp-block-rss__item{margin:0;padding:.25em 0}.c-postContent{line-height:var(--ark-line_height,1.8);margin:0;padding:0}.c-postContent>*{margin-bottom:0;margin-top:var(--ark-mt)}.l-main__body>.c-postContent{margin-top:4rem}.c-pageTitle+.c-postContent{margin-top:0}:where(.c-postContent) li{--ark-list-padding--has_bg:.5em .5em .5em 2em;margin:.2em 0}:where(.c-postContent) li ol,:where(.c-postContent) li ul{line-height:1.6}:where(.c-postContent) li ul{list-style:circle}.c-postContent>:first-child{margin-top:0!important}:is(.wp-block-details,.wp-block-quote,.wp-block-column,.wp-block-media-text__content,.wp-block-cover__inner-container,.wp-block-group__inner-container:where(:not(.is-layout-grid)))>:not(:first-child){margin-bottom:0;margin-top:var(--ark-mt--inner,var(--ark-mt--s))}:is(.wp-block-details,.wp-block-quote,.wp-block-column,.wp-block-media-text__content,.wp-block-cover__inner-container,.wp-block-group__inner-container:where(:not(.is-layout-grid)))>:first-child{margin-top:0}.alignfull{--ark-mt--inner:var(--ark-mt)}.has-ark-main-color{color:var(--ark-color--main)!important}.has-ark-text-color{color:var(--ark-color--text)!important}.has-ark-link-color{color:var(--ark-color--link)!important}.has-ark-bg-color{color:var(--ark-color--bg)!important}.has-ark-gray-color{color:var(--ark-color--gray)!important}.has-ark-main-background-color{background-color:var(--ark-color--main)!important}.has-ark-text-background-color{background-color:var(--ark-color--text)!important}.has-ark-link-background-color{background-color:var(--ark-color--link)!important}.has-ark-bg-background-color{background-color:var(--ark-color--bg)!important}.has-ark-gray-background-color{background-color:var(--ark-color--gray)!important}.wp-block-columns.has-background,.wp-block-group.has-background,p.has-background{padding:1.5rem 1.75rem}.has-drop-cap{min-height:3rem}.has-drop-cap:not(:focus):first-letter{font-size:4rem}.wp-block-audio audio{display:block}.wp-block-buttons{--wp--style--block-gap:1rem}.wp-block-buttons.wp-block-buttons{gap:var(--wp--style--block-gap)}.wp-block-button.wp-block-button{display:block;margin:0;padding:0}.wp-block-button.wp-block-button .wp-block-button__link{font-size:inherit;line-height:1.5;padding:.75em 1.5em;transition:opacity .25s}.wp-block-button.wp-block-button .wp-block-button__link:hover{opacity:.75}.wp-block-button:not(.is-style-outline) .wp-block-button__link{background-color:var(--ark-color--main)}.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color){color:#fff}.wp-block-button.is-style-outline>.wp-block-button__link{border-width:1px}.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:var(--ark-color--main)}.wp-block-columns{--wp-column-gap:2rem;gap:var(--wp-column-gap)!important}.wp-block-columns .wp-block-column{margin:0!important}.wp-block-cover{padding:1.5rem 1.75rem}.c-postContent blockquote.wp-embedded-content{display:none}.c-postContent iframe.wp-embedded-content{max-width:100%;position:relative!important}.wp-block-embed{max-width:100%}.wp-block-embed-facebook,.wp-block-embed-instagram,.wp-block-embed-twitter{max-width:100%;overflow:hidden;text-align:center}.wp-block-embed.aligncenter iframe{display:block!important;margin:0 auto!important}.instagram-media-rendered,.twitter-tweet-rendered{margin-left:auto!important;margin-right:auto!important}.wp-has-aspect-ratio{position:relative}.wp-has-aspect-ratio .wp-block-embed__wrapper{position:relative;width:100%}.wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.78%}.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file.wp-block-file{font-size:.9em}.wp-block-file .wp-block-file__button{background:var(--ark-color--main);border-radius:2em;color:#fff;display:inline-flex;font-size:.9em;line-height:1.5;padding:.5em 1em;text-decoration:none}.wp-block-gallery{--wp--style--gallery-gap-default:1em}.wp-block-gallery .blocks-gallery-grid{list-style:none;padding:0;width:100%}.wp-block-gallery figure{margin:0}.blocks-gallery-caption,.gallery-caption{font-size:.8rem;opacity:var(--ark-opacity--thin);text-align:center;width:100%}.wp-block-image{text-align:center}.wp-block-image img{vertical-align:bottom}.wp-block-image a{transition:opacity .25s}.wp-block-image a:hover{opacity:.75}.wp-caption{max-width:100%;text-align:center;width:100%}.wp-caption-text{font-size:.8rem;margin-top:.75rem;opacity:var(--ark-opacity--thin)}img.aligncenter{display:block;margin-left:auto;margin-right:auto}figure.wp-block-image.wp-lightbox-container{display:table;margin-inline:auto;max-width:-moz-fit-content;max-width:fit-content}figure.wp-block-image.wp-lightbox-container .wp-element-caption{caption-side:bottom;display:table-caption}.wp-block-latest-comments__comment-excerpt p{margin:.5em 0 0}.wp-block-latest-posts>li:after{clear:both;content:"";display:block;height:0}.wp-block-latest-posts__featured-image>img{display:block;width:100%}.wp-block-latest-posts__featured-image.alignleft,.wp-block-latest-posts__featured-image.alignright{max-width:40%}.recent_entries_date{display:block;margin-top:2px}.wp-block-media-text{--ark-mediatext--space:1.5rem;--ark-mediatext--gap:var(--ark-mediatext--space);--ark-mediatext--offsetX:var(--ark-mediatext--space);--ark-mediatext--offsetY:var(--ark-mediatext--space);gap:var(--ark-mediatext--gap)}.wp-block-media-text .wp-block-media-text__content{padding:0}.wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content{margin-right:var(--ark-mediatext--offsetX)}.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content{margin-left:var(--ark-mediatext--offsetX)}.wp-block-media-text.has-background{--ark-mediatext--gap:0;--ark-mediatext--offsetX:0;--ark-mediatext--offsetY:0}.wp-block-media-text.has-background .wp-block-media-text__content{padding:var(--ark-mediatext--space)}.wp-block-media-text__media img{display:block}.is-image-fill>.wp-block-media-text__content{margin-bottom:var(--ark-mediatext--offsetY);margin-top:var(--ark-mediatext--offsetY)}.is-vertically-aligned-top>.wp-block-media-text__content{margin-top:var(--ark-mediatext--offsetY)}.is-vertically-aligned-bottom>.wp-block-media-text__content{margin-bottom:var(--ark-mediatext--offsetY)}.wp-block-preformatted{white-space:pre-wrap}.wp-block-code{background-color:var(--ark-color--gray);border:none;font-family:Menlo,Consolas,monaco,monospace;font-size:min(3.5vw,14px);overflow-x:auto;padding:1rem}.wp-block-code code{font-family:inherit;font-size:inherit}.wp-block-pullquote.wp-block-pullquote{font-size:1.25em}.wp-block-pullquote{border-bottom:2px solid;border-top:2px solid;padding:2rem 0;text-align:center}.wp-block-pullquote.alignleft{float:none;max-width:100%;text-align:left}.wp-block-pullquote.alignright{float:none;max-width:100%;text-align:right}.wp-block-pullquote>blockquote{background:none;border-left:none!important;margin:0;padding:.5rem}.wp-block-quote{--ark-mt--inner:.5em}.wp-block-quote.has-text-align-center{border-left:none}.wp-block-quote.has-text-align-right{border-left:none;border-right:2px solid var(--ark-color--border)}.wp-block-quote.is-style-large{background:var(--ark-color--gray);border:none;position:relative}.wp-block-quote.is-style-large.is-style-large{margin:var(--ark-mt) auto 0;padding:2.5rem 3rem}.wp-block-quote.is-style-large.is-style-large p{font-size:1.25rem}.wp-block-quote.is-style-large.is-style-large cite{font-size:1rem}.wp-block-quote.is-style-large:after,.wp-block-quote.is-style-large:before{color:#000;content:"\00201c";display:inline-block;font-family:Arial,sans-serif;font-size:5rem;line-height:1;opacity:.1;position:absolute;z-index:0}.wp-block-quote.is-style-large:before{left:.5rem;top:.25rem}.wp-block-quote.is-style-large:after{bottom:.25rem;right:.5rem;transform:rotate(180deg)}.wp-block-quote.is-style-plain{border:none;padding:0}.wp-block-quote.has-background{padding:1.5rem 1.75rem}.wp-block-search{font-size:16px}.wp-block-search .wp-block-search__label{font-weight:400}.wp-block-search .wp-block-search__button{background:var(--ark-color--gray);border-radius:2px;line-height:1.5}.wp-block-search .wp-block-search__button:hover{opacity:.75}.wp-block-search .wp-block-search__input{line-height:1.5;padding:.325em .5em}.wp-block-search__inside-wrapper{padding:0}.wp-block-search .wp-block-search__input,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{border:1px solid var(--ark-color--border);border-radius:2px}.wp-block-search__button.has-icon{align-items:center;display:flex;justify-content:center;min-width:var(--iconbtn-size);padding:.25em}.wp-block-search__button.has-icon .search-icon{height:1.625em;width:1.625em}.wp-block-search__button:not(.has-icon){font-size:.9em}.wp-block-search__button-inside .wp-block-search__input{border:none;border-radius:0}.wp-block-search__button-inside .wp-block-search__button{background:none;box-shadow:none}.wp-block-separator{background-color:currentColor;border:none;height:1px;opacity:.5}.wp-block-separator.has-background{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){height:2px;margin-left:auto;margin-right:auto;max-width:6em}.wp-block-separator.is-style-wide{height:1px}.wp-block-separator.is-style-dots{height:auto}.wp-block-social-links{align-items:center;gap:.5em}.wp-block-social-links .wp-block-social-link{margin:0!important}.wp-block-social-links a{color:inherit}.wp-block-social-links.is-style-logos-only a{padding:0}.wp-block-table,.wp-block-table>table{margin-bottom:0}.wp-block-table td,.wp-block-table th{border-bottom:1px solid var(--ark-color--border--table);border-left:1px solid var(--ark-color--border--table);border-right:none;border-top:none}.is-style-stripes table,.wp-block-table tfoot,.wp-block-table thead,.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border:none}.is-style-stripes figcaption{border-top:1px solid #ededed;margin-top:0;padding:.5rem 0}.wp-block-video{text-align:center}.wp-block-video video{display:block;width:100%}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}}@media screen and (max-width:782px){body.admin-bar{--ark-adminbar_height:var(--wp-admin--admin-bar--height,46px)}}@media not all and (min-width:1000px){.l-content{overflow-x:hidden}.l-footer__inner{padding-bottom:calc(env(safe-area-inset-bottom)*.5)}.l-footer__widgets .w-footer+.w-footer{margin-top:2rem}.l-header[data-spfix="1"]{position:sticky}.l-headerUnder,.l-header__bar,.l-header__left,.l-header__right{display:none}.l-header__body{padding-left:2vw;padding-right:2vw}[data-has-drawer=pc]{--ark-drawerW:0px}[data-has-drawer=pc] .l-header__drawerBtn{display:none}[data-has-search=pc]{--ark-searchW:0px}[data-has-search=pc] .l-header__searchBtn{display:none}.l-header__center{flex-basis:100%}.l-header__center .c-tagline{font-size:10px;text-align:center;width:100%}.l-sidebar{margin-top:4rem}.l-header__logo{font-size:var(--ark-logo_size--sp)}.has-image>.c-headLogo{height:var(--ark-logo_size--sp)}.p-fixBtnWrap{padding-bottom:calc(env(safe-area-inset-bottom)*.5)}.u-hide-sp,.u-only-pc{display:none!important}}@media (min-width:1000px){.l-footer__widgets .wp-block-columns,.l-footer__widgets.has-columns{font-size:.9rem}.l-footer__widgets>.l-container{display:flex}.l-footer__widgets .w-footer{flex-basis:100%}.l-footer__widgets .w-footer+.w-footer{margin-left:2rem}.l-header[data-pcfix="1"]{position:sticky}[data-has-drawer=sp]{--ark-drawerW:0px}[data-has-drawer=sp] .l-header__drawerBtn{display:none}[data-has-search=sp]{--ark-searchW:0px}[data-has-search=sp] .l-header__searchBtn{display:none}[data-btns=l-r][data-logo=left] .l-header__body,[data-btns=r-l][data-logo=left] .l-header__body{grid-template-columns:min-content auto 1fr auto min-content}[data-btns=rl-rr][data-logo=left] .l-header__body,[data-btns=rr-rl][data-logo=left] .l-header__body{grid-template-columns:auto 1fr auto min-content min-content}.l-sidebar{font-size:.9rem}[data-sidebar=on] .l-sidebar{width:var(--ark-width--sidebar)}[data-sidebar=on] .l-main{max-width:100%;width:calc(100% - var(--ark-width--sidebar) - var(--ark-gap--container))}[data-sidebar=on] .l-content__body{display:flex;flex-wrap:wrap;justify-content:space-between}.l-header__logo{font-size:var(--ark-logo_size--pc)}[data-logo=left] .l-header__logo{justify-content:flex-start}.has-image>.c-headLogo{height:var(--ark-logo_size--pc)}.c-fixBtn:hover{opacity:1}.p-drawer{padding-bottom:var(--ark-header_height)}.p-drawer__body{padding:2rem}[data-sidebar=off] .p-postList.-type-card .p-postList__item{flex-basis:33.3%}.l-sidebar .p-postList.-type-card .p-postList__item{flex-basis:100%}.p-postList.-related.-type-card .p-postList__item{width:33.33%}[data-sidebar=on] .l-main .alignfull{left:0!important;width:100%!important}.u-hide-pc,.u-only-sp{display:none!important}}@media (min-width:600px){.l-footer__nav a{padding:0 .75em}.page-numbers,.post-page-numbers{height:40px;line-height:40px;min-width:40px}.p-authorBox{align-items:center;display:flex;padding:1.5rem 2rem}.p-authorBox__body{flex:1 1 100%;margin-left:1.5em}.p-authorBox__footer{align-items:center;display:flex}.p-authorBox__links{margin-right:1rem}.p-authorBox__archivelink{align-self:flex-end;margin-left:auto}.p-authorBox__archivelink a{font-size:.8rem;padding:.5rem 1.5rem}.p-breadcrumb__text{font-size:11px}.c-pnNav__item{width:50%}.p-postList.-type-card .p-postList__item{flex-basis:50%}.p-postList.-type-list .p-postList__body{padding-left:1.5rem}.p-postList__excerpt{font-size:.8rem}.p-postList__meta{font-size:11px}.wp-calendar-table #next,.wp-calendar-table #prev{font-size:13px}}@media (min-width:1100px){[data-sidebar=on]{--ark-width--sidebar:300px}}@media (min-width:1200px){[data-sidebar=on]{--ark-width--sidebar:312px;--ark-gap--container:48px}.p-authorBox__links{display:flex;flex-wrap:wrap}.p-authorBox__weblink+.p-authorBox__iconList{margin-left:1em}.wp-block-media-text.alignfull{--ark-mediatext--space:2rem}}@media (max-width:340px){.page-numbers,.post-page-numbers{height:28px;line-height:28px;min-width:28px}}@media (max-width:360px){.page-numbers[data-apart="2"]{display:none}}@media (hover:hover){.c-submenuToggleBtn:hover{outline:2px solid}}@media not all and (min-width:600px){.p-authorBox__avatar{margin-bottom:.75em}.p-authorBox__avatar .avatar{margin:0 auto}.p-authorBox__name,.p-authorBox__position,.p-authorBox__weblink{text-align:center}.p-authorBox__archivelink{margin-top:1.25rem}.p-authorBox__archivelink a{padding:.75rem 1rem}.p-postList.-type-list .p-postList__title{font-size:4vw}.p-postList.-related.-type-card{margin-left:-.5rem;margin-right:-.5rem}.p-postList.-related.-type-card .p-postList__item{padding:0 .5rem}}@media (max-width:1199px){.p-authorBox__weblink+.p-authorBox__iconList{margin-top:8px}}@media (max-width:600px){.wp-block-media-text{--ark-mediatext--space:1rem}.is-image-fill>.wp-block-media-text__media{min-height:56vw}.wp-block-media-text.is-stacked-on-mobile{--ark-mediatext--gap:0;--ark-mediatext--offsetX:0;--ark-mediatext--offsetY:0}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-row:1!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-row:2!important;padding:var(--ark-mediatext--space)}} /* ------------ reset ------------ */ html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td,input,select,textarea { margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { width: 100%; height: auto; } input[type="submit"], input[type="buttom"], input[type="reset"]{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; } article, header, footer, aside, figure, figcaption, nav, section { display:block; } body { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } ol, ul { list-style: none; list-style-type: none; } html, body { margin: 0; width: 100%; height: 100%; } /* ------------ / reset ------------ */ :root { --ark-width--container: 100%!important; --ark-width--article: 100%!important; --ark-width--article--slim:100%!important; --ark-alignwide_plus_width: 100%!important; } .l-content__body { margin: 0rem auto; } .l-container { padding-left: 0!important; padding-right:0!important; } .l-header { padding: 0 1.5em; background:rgba(255,255,255,0.9); } header { box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .3); } html { /* font-size: 62.5%; 62.5% = 16px; */ } body { font-family:"Montserrat", "Noto Sans JP", sans-serif; line-height: 1.7; background-color: #DCBFDE; } #page-top { position: fixed; bottom: 50px; right: 18px; width: 67px; height: 67px; display: block; } #page-top a { transition: opacity 0.3s; } #page-top a:hover { opacity: 0.8; } a:hover { opacity: 0.8; } img a:hover { opacity: 0.8; } section.wrapper{ margin: 0 auto 0; background: #fff; width: 100%; max-width: 1200px; margin: 0 auto 0; border-radius: 10px; padding: 30px 30px 30px; } section.wrapper h2{ font-family:"montserrat", "Noto Sans JP", sans-serif; font-size:3.125rem; color: #000; font-weight: 700; line-height: 1.2; margin-bottom: 60px; } section.wrapper h2 span{ display: block; font-family:"Noto Sans JP", sans-serif; font-size:1.625rem; color: #000; font-weight: 400; } .btn__01{ color: #fff; text-align: center; font-weight: 700; background: #761B7C; padding: 10px 10px 10px; border-radius: 30px; width: 100%; max-width: 446px; display: block; margin: 10px auto 10px; text-decoration: none; } .btn__02{ color: #fff; text-align: center; font-weight: 700; background: #761B7C; padding: 10px 10px 10px; border-radius: 30px; width: 100%; max-width: 446px; display: block; margin: 20px 0 40px; text-decoration: none; } .c-gnav__li.-current, .c-gnav__li.focus, .c-gnav__li:hover { color: var(--ark-color--main); background: #761B7C!important; color: #fff; font-weight: 600; } .gnav .btn-contact{ background: #761B7C!important; } @media screen and (max-width: 960px) { section.wrapper{ margin: 0 auto 0; background: #fff; width: 94%; max-width: 100%; margin: 0 auto 0; border-radius: 10px; padding: 30px 30px 30px; } section.wrapper h2{ font-family:"montserrat", "Noto Sans JP", sans-serif; font-size:1.25rem; color: #000; font-weight: 700; line-height: 1.2; margin-bottom: 30px; } section.wrapper h2 span{ display: block; font-family:"Noto Sans JP", sans-serif; font-size:1rem; color: #000; font-weight: 400; } .btn__01{ color: #fff; text-align: center; font-weight: 700; background: #761B7C; padding: 10px 10px 10px; border-radius: 30px; width: 100%; max-width: 446px; display: block; margin: 10px auto 10px; text-decoration: none; } } /* 共通 メインビジュアル */ .swiper { position: relative; } .identity { position: absolute; top:18%; /* bottom: 0; */ margin: auto; display: inline-table; /* margin: 0 auto; */ max-width: 608px; width: 47.5%; z-index: 100; left: 0; right: 0; } .identity h1 { margin: 0 auto 0; width: 50vw; background-color: rgba(255, 255, 255, 0.8); font-size: 2.5rem; color: #08519F; padding: 20px; text-align: center; font-family: "Oswald", "Noto Sans JP", sans-serif; } .identity h1 span { display: block; font-size: 1.75rem; font-weight: 700; color: #000; /* margin-top: 16px; */ font-family: "montserrat", "Noto Sans JP", sans-serif; letter-spacing: 5px; } @media screen and (max-width: 960px) { .identity { /* top: 18%; */ width: 86.5%; max-width: 372px; top: -10px; bottom: 0; } .identity h1 { margin: 0 auto 0; font-size: 1rem; width: 80vw; padding: 10px 0; } .identity h1 span { display: block; font-size: 1rem; font-weight: 700; color: #000; font-family: "montserrat", "Noto Sans JP", sans-serif; letter-spacing: 5px; } } /* / 共通メインビジュアル */ /* / TOPメインビジュアル */ #p_home.swiper { position: relative; } section.service{ position: relative; top: -100px; z-index: 9; } @media screen and (max-width: 960px) { section.service{ position: relative; top: -30px; } } /* ------------ フッター ------------ */ .footer_top{ background: #A17CA4; padding: 10px; width: 100%; margin: 100px auto 0; } .footer_top .footer_inner{ display: flex; width: 100%; max-width: 900px; margin: 0px auto 0; text-align: center; justify-content: space-between; padding: 14px 0; } .footer_top .footer_inner a{ display: inline-block; width: 100%; max-width: 386px; margin: 0 auto 0; text-align: center; background: #761B7C; border-radius: 30px; padding: 20px 20px; color: #fff; font-weight: 700; text-decoration: none; } @media screen and (max-width: 960px) { .footer_top{ background: #E5F5EE; padding: 10px; width: 100%; margin: 40px auto 0; } .footer_top .footer_inner{ display: flex; width: 100%; max-width: 100%; margin: 0px auto 0; text-align: center; justify-content: space-between; padding: 14px 0; } .footer_top .footer_inner a{ display: inline-block; width: 100%; max-width: 160px; margin: 0 auto 0; text-align: center; background: #761B7C; border-radius: 30px; padding: 10px 10px; color: #fff; font-weight: 700; text-decoration: none; } } /* ------------ / フッター ------------ */ /* ------------ TOP-タブ サービス ------------ */ /*input要素は非表示*/ .service input { display: none; } /*タブエリアの設定*/ .service .tab_area { display: flex; flex-wrap: wrap; } /*タブボタン部分*/ .service label { display: block; padding: 0.5em 1em; margin-right: 30px; border-radius: 10px 10px 0 0; background: #DCBFDE; float: left; cursor: pointer; order: -1; width: 100%; max-width: 240px; text-align: center; color: #761B7C; } /*コンテンツ部分*/ .service .content { display: none; width: 100%; padding: 30px 0 30px; background: #fff; border-top: 2px solid #761B7C; } /*フェイドインアニメーションのために透明度を０に*/ .service .inner { opacity: 0; } /*タブを選択したとき*/ .service input:checked + .btn_tab { background: #761B7C; color: #fff; font-weight: 700; } section.service input:checked + .btn_tab + .content { display: block; } /*コンテンツをフェイドインするアニメーション*/ .service input:checked + .btn_tab + .content .inner { animation: fadeIn 1.5s forwards; } @keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} } .tab_area .flex_box { display: flex; justify-content: space-between; text-align: center; margin: auto; width: 100%; max-width: 1040px; flex-wrap: wrap; } .tab_area .box { max-width: 246px; border: 1px solid #707070; margin-bottom: 40px; padding-bottom: 20px; } .tab_area .flex_box::before { content: ""; display: block; width: 246px; order: 1; } .tab_area .flex_box::after { content: ""; display: block; width: 244px; } .tab_area .flex_box a{ text-align: center; text-decoration: none; } .tab_area .flex_box h3{ font-size: 1.625rem; font-weight: 700; } .tab_area .flex_box h3 span{ display: block; font-size: 0.9375rem; } .tab_area .flex_box .i9001 a{ color: #003299; } .tab_area .flex_box .i14001 a{ color: #761B7C; } .tab_area .flex_box .i27001 a{ color: #14B2F8; } .tab_area .flex_box .ipmark a{ color: #14B2F8; } .tab_area .flex_box .i22000 a{ color: #761B7C; } .tab_area .flex_box .ifssc a{ color: #761B7C; } .tab_area .flex_box .ijfs a{ color: #761B7C; } .tab_area .flex_box .ihaccp a{ color: #761B7C; } .tab_area .flex_box .i45001 a{ color: #F87714; } .tab_area .flex_box .i39001 a{ color: #F87714; } .tab_area .flex_box .iseminar h3{ color: #761B7C; font-size: 1rem; } .tab_area ul { display: flex; justify-content: space-between; text-align: center; margin: auto; width: 100%; max-width: 1040px; flex-wrap: wrap; } .tab_area ul::before { content: ""; display: block; width: 244px; order: 1; } .tab_area ul::after { content: ""; display: block; width: 244px; } .tab_area ul li{ max-width: 246px; border: 1px solid #707070; margin-bottom: 40px; } .tab_area ul li a{ text-align: center; text-decoration: none; } .tab_area ul li h3{ font-size: 1.625rem; font-weight: 700; } .tab_area ul li h3 span{ display: block; font-size: 0.9375rem; } .tab_area ul li.i9001 a{ color: #003299; } .tab_area ul li.i14001 a{ color: #761B7C; } .tab_area ul li.i27001 a{ color: #14B2F8; } .tab_area ul li.ipmark a{ color: #14B2F8; } .tab_area ul li.i22000 a{ color: #761B7C; } .tab_area ul li.ifssc a{ color: #761B7C; } .tab_area ul li.ijfs a{ color: #761B7C; } .tab_area ul li.ihaccp a{ color: #761B7C; } .tab_area ul li.i45001 a{ color: #F87714; } .tab_area ul li.i39001 a{ color: #F87714; } .tab_area .ai-inner-box{ width: 1048px; margin: 10px auto 20px; } .tab_area .ai-inner-box h3{ font-weight: 700; color: #761B7C; font-size: 1.25rem; } @media screen and (max-width: 960px) { /*input要素は非表示*/ .service input { display: none; } /*タブエリアの設定*/ .service .tab_area { display: flex; flex-wrap: wrap; } /*タブボタン部分*/ .service label { display: block; padding: 0.5em 1em; margin-right: 30px; border-radius: 10px 10px 0 0; background: #ADD5C6; float: left; cursor: pointer; order: -1; width: 100%; max-width: 160px; text-align: center; color: #761B7C; font-size: 0.875rem; } /*コンテンツ部分*/ .service .content { display: none; width: 100%; padding: 30px 0 30px; background: #fff; border-top: 2px solid #761B7C; } /*フェイドインアニメーションのために透明度を０に*/ .service .inner { opacity: 0; } /*タブを選択したとき*/ .service input:checked + .btn_tab { background: #761B7C; color: #fff; font-weight: 700; font-size: 0.875rem; } section.service input:checked + .btn_tab + .content { display: block; } /*コンテンツをフェイドインするアニメーション*/ .service input:checked + .btn_tab + .content .inner { animation: fadeIn 1.5s forwards; } @keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} } .tab_area .flex_box { display: flex; justify-content: space-between; text-align: center; margin: auto; width: 100%; max-width: 1040px; flex-wrap: wrap; } .tab_area .box { max-width: 246px; border: 1px solid #707070; margin-bottom: 40px; padding-bottom: 20px; } .tab_area .flex_box::before { content: ""; display: block; width: 246px; order: 1; } .tab_area .flex_box::after { content: ""; display: block; width: 244px; } .tab_area .flex_box a{ text-align: center; text-decoration: none; } .tab_area .flex_box h3{ font-size: 1.625rem; font-weight: 700; } .tab_area .flex_box h3 span{ display: block; font-size: 0.9375rem; } .tab_area .flex_box .i9001 a{ color: #003299; } .tab_area .flex_box .i14001 a{ color: #761B7C; } .tab_area .flex_box .i27001 a{ color: #14B2F8; } .tab_area .flex_box .ipmark a{ color: #14B2F8; } .tab_area .flex_box .i22000 a{ color: #761B7C; } .tab_area .flex_box .ifssc a{ color: #761B7C; } .tab_area .flex_box .ijfs a{ color: #761B7C; } .tab_area .flex_box .ihaccp a{ color: #761B7C; } .tab_area .flex_box .i45001 a{ color: #F87714; } .tab_area .flex_box .i39001 a{ color: #F87714; } .tab_area .flex_box .iseminar h3{ color: #761B7C; font-size: 1rem; } .tab_area ul { display: flex; justify-content: space-between; text-align: center; margin: auto; width: 100%; max-width: 1040px; flex-wrap: wrap; } .tab_area ul::before { content: ""; display: block; width: 244px; order: 1; } .tab_area ul::after { content: ""; display: block; width: 244px; } .tab_area ul li{ max-width: 246px; border: 1px solid #707070; margin-bottom: 40px; } .tab_area ul li a{ text-align: center; text-decoration: none; } .tab_area ul li h3{ font-size: 1.625rem; font-weight: 700; } .tab_area ul li h3 span{ display: block; font-size: 0.9375rem; } } /* ------------ / TOP-タブ　サービス ------------ */ /* ------------ TOP-タブ ニュース ------------ */ /*input要素は非表示*/ section.news input { display: none; } /*タブエリアの設定*/ section.news .tab_area { display: flex; flex-wrap: wrap; } /*タブボタン部分*/ section.news label { display: block; padding: 0.5em 1em; margin-right: 30px; border-radius: 10px 10px 0 0; background: #DCBFDE; float: left; cursor: pointer; order: -1; width: 100%; max-width: 240px; text-align: center; color: #761B7C; } /*コンテンツ部分*/ section.news .content { display: none; width: 100%; padding: 30px 0 30px; background: #fff; border-top: 2px solid #761B7C; } /*フェイドインアニメーションのために透明度を０に*/ section.news .inner { opacity: 0; } /*タブを選択したとき*/ section.news input:checked + .btn_tab { background: #761B7C; color: #fff; font-weight: 700; } section.news input:checked + .btn_tab + .content { display: block; } /*コンテンツをフェイドインするアニメーション*/ section.news input:checked + .btn_tab + .content .inner { animation: fadeIn 1.5s forwards; } @keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} } .tab_area .flex_box { display: flex; justify-content: space-between; text-align: center; margin: auto; width: 100%; max-width: 1040px; flex-wrap: wrap; } .tab_area .box { max-width: 246px; border: 1px solid #707070; margin-bottom: 40px; padding-bottom: 20px; } .tab_area .flex_box::before { content: ""; display: block; width: 246px; order: 1; } .tab_area .flex_box::after { content: ""; display: block; width: 244px; } .tab_area .flex_box a{ text-align: center; text-decoration: none; } .tab_area .flex_box h3{ font-size: 1.625rem; font-weight: 700; } .tab_area .flex_box h3 span{ display: block; font-size: 0.9375rem; } .tab_area .flex_box .i9001 a{ color: #003299; } .tab_area .flex_box .i14001 a{ color: #007044; } .tab_area .flex_box .i27001 a{ color: #14B2F8; } .tab_area .flex_box .ipmark a{ color: #14B2F8; } .tab_area .flex_box .i22000 a{ color: #007044; } .tab_area .flex_box .ifssc a{ color: #007044; } .tab_area .flex_box .ijfs a{ color: #007044; } .tab_area .flex_box .ihaccp a{ color: #007044; } .tab_area .flex_box .i45001 a{ color: #F87714; } .tab_area .flex_box .i39001 a{ color: #F87714; } section.news .tab_area .ul_news li { border: 1px solid #D6D4D4; width: 100%; max-width: 238px; padding: 0 0 10px; text-align: left; } section.news .tab_area .ul_news li .link_area { padding: 10px 10px 10px; } section.news .tab_area .ul_news li a.news { background: #003299; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.news .tab_area .ul_news li a.media { background: #F87714; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.news .tab_area .ul_news li a.column { background: #761B7C; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.news .tab_area .ul_news li .date { font-size: 0.75rem; color: #000; } section.news .tab_area .ul_news li h4 { font-weight: 800; color: #000; text-align: left; } @media screen and (max-width: 960px) { /*input要素は非表示*/ section.news input { display: none; } /*タブエリアの設定*/ section.news .tab_area { display: flex; flex-wrap: wrap; } /*タブボタン部分*/ section.news label { display: block; padding: 0.5em 1em; margin-right: 30px; border-radius: 10px 10px 0 0; background: #ADD5C6; float: left; cursor: pointer; order: -1; width: 100%; max-width: 240px; text-align: center; color: #761B7C; } /*コンテンツ部分*/ section.news .content { display: none; width: 100%; padding: 30px 0 30px; background: #fff; border-top: 2px solid #761B7C; } /*フェイドインアニメーションのために透明度を０に*/ section.news .inner { opacity: 0; } /*タブを選択したとき*/ section.news input:checked + .btn_tab { background: #761B7C; color: #fff; font-weight: 700; } section.news input:checked + .btn_tab + .content { display: block; } /*コンテンツをフェイドインするアニメーション*/ section.news input:checked + .btn_tab + .content .inner { animation: fadeIn 1.5s forwards; } @keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} } .tab_area .flex_box { display: flex; justify-content: center; text-align: center; margin: auto; width: 100%; max-width: 100%; flex-wrap: wrap; } .tab_area .box { max-width: 246px; border: 1px solid #707070; margin-bottom: 40px; padding-bottom: 20px; } .tab_area .flex_box::before { content: ""; display: block; width: 246px; order: 1; } .tab_area .flex_box::after { content: ""; display: block; width: 244px; } .tab_area .flex_box a{ text-align: center; text-decoration: none; } .tab_area .flex_box h3{ font-size: 1.625rem; font-weight: 700; } .tab_area .flex_box h3 span{ display: block; font-size: 0.9375rem; } .tab_area .flex_box .i9001 a{ color: #003299; } .tab_area .flex_box .i14001 a{ color: #761B7C; } .tab_area .flex_box .i27001 a{ color: #14B2F8; } .tab_area .flex_box .ipmark a{ color: #14B2F8; } .tab_area .flex_box .i22000 a{ color: #761B7C; } .tab_area .flex_box .ifssc a{ color: #761B7C; } .tab_area .flex_box .ijfs a{ color: #761B7C; } .tab_area .flex_box .ihaccp a{ color: #761B7C; } .tab_area .flex_box .i45001 a{ color: #F87714; } .tab_area .flex_box .i39001 a{ color: #F87714; } section.news .tab_area .ul_news li { border: 1px solid #D6D4D4; width: 100%; max-width: 238px; padding: 0 0 10px; text-align: left; } section.news .tab_area .ul_news li .link_area { padding: 10px 10px 10px; } section.news .tab_area .ul_news li a.news { background: #003299; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.news .tab_area .ul_news li a.media { background: #F87714; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.news .tab_area .ul_news li a.column { background: #761B7C; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.news .tab_area .ul_news li .date { font-size: 0.75rem; color: #000; } section.news .tab_area .ul_news li h4 { font-weight: 800; color: #000; text-align: left; } } /* ------------ TOP 実績 ------------ */ /*コンテンツ部分*/ section.wrapper.track-record { margin-top: 100px; } section.wrapper.track-record p { margin-top: 20px; text-align: right; } section.wrapper.track-record h3 { font-weight: 600; font-size: 1.25rem; border-bottom: solid 3px #dedede; position: relative; padding: 0 0 8px; } section.wrapper.track-record h3::before { position: absolute; content: " "; display: block; border-bottom: solid 3px #761B7C; bottom: -3px; width: 10%; } section.wrapper.track-record table{ margin: 20px 0 80px; } section.wrapper.track-record table th{ width: 30%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 1.5em 1.5em!important; } section.wrapper.track-record table td{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 1.5em 1.5em!important; } /* section.wrapper.track-record table th:first-child, section.wrapper.track-record table td:first-child{ border-top: 1px solid #ddd; } */ @media screen and (max-width: 960px) { section.wrapper.track-record { margin-top: 100px; } section.wrapper.track-record p { margin-top: 20px; text-align: right; } section.wrapper.track-record h3 { font-weight: 600; font-size: 1.25rem; border-bottom: solid 3px #dedede; position: relative; padding: 0 0 8px; } section.wrapper.track-record h3::before { position: absolute; content: " "; display: block; border-bottom: solid 3px #761B7C; bottom: -3px; width: 10%; } section.wrapper.track-record table{ margin: 20px 0 80px; } section.wrapper.track-record table th{ width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 1.5em 1.5em!important; display: block; } section.wrapper.track-record table td{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 1.5em 1.5em!important; display: block; } } /* ------------ / TOP-タブ　ニュース ------------ */ /* ------------ 下層ページ共通 ------------ */ section.wrapper.page.mv-c { position: relative; top: -100px; margin-bottom: 0px; z-index: 9; } section.wrapper.page { margin-bottom: 80px; padding: 80px 30px 80px; } section.wrapper.page .page__inner { display: flex; width: 100%; max-width: 1200px; } section.wrapper.page .page__inner .page__content { margin: 30px 0 0; width: 100%; } section.wrapper.page .headline { font-size: 0.875rem; color: #761B7C; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; margin-right: 2em; } section.wrapper.page h2 { font-weight: 800; font-size: 1.625rem; margin-bottom: 30px; } section.wrapper.page h2:before { background: #761B7C; width: 100px; height: 1px; content: ""; position: relative; left: 0; top: -30px; display: block; } section.wrapper.page .cv__content { display: flex; margin: 40px auto 0px; } section.wrapper.page h3 { font-weight: 600; font-size: 1.25rem; border-bottom: solid 3px #dedede; position: relative; padding: 0 0 8px; } section.wrapper.page h3::before { position: absolute; content: " "; display: block; border-bottom: solid 3px #761B7C; bottom: -3px; width: 10%; } section.wrapper.page .flow__wrapper { display: flex; margin: 80px auto 20px; flex-wrap: wrap; } section.wrapper.page .flow__wrapper .number { margin-right: auto; margin-top: 40px; padding: 20px 0 0 0; text-align: center; width: 110px; height: 110px; border-radius: 50%; border: solid 1px #761B7C; font-size: 3.0rem; font-weight: 600; line-height: 1.4; color: #761B7C; } section.wrapper.page .flow__wrapper .flow-contents { width: -webkit-calc(100% - 156px); width: calc(100% - 156px); margin-left: auto; padding: 80px 0 0 0; border-left: 1px solid #dcdcdc; } section.wrapper.page .flow__wrapper .flow-contents-title { font-size: 1.625rem; line-height: 1.4; margin-bottom: 20px; border-left: 1px solid #761B7C; padding-left: 50px; margin-left: -1px; font-weight: 600; color: #761B7C; } section.wrapper.page .flow__wrapper .flow-contents-title span.flow-contents-title-s-01 { display: block; font-size: 1rem; line-height: 1.4; margin-bottom: 20px; /* padding-left: 50px; margin-left: -1px; */ font-weight: 600; color: #761B7C; } section.wrapper.page .flow__wrapper .flow-contents-title-01 { font-size: 1.625rem; line-height: 1.4; margin-bottom: 10px; border-left: 0px solid #761B7C; padding-left: 0px; margin-left: 0px; font-weight: 600; color: #761B7C; margin-top: 60px; } section.wrapper.page .flow__wrapper .flow-contents-text { padding-left: 50px; margin-left: -1px; padding-bottom: 80px; } @media screen and (max-width: 960px) { section.wrapper.page.mv-c { position: relative; top: -20px; margin-bottom: 0px; } section.wrapper.page { margin-bottom: 20px; padding: 40px 10px 40px; } section.wrapper.page .page__inner { display: flex; width: 100%; max-width: 1200px; } section.wrapper.page .page__inner .page__content { margin: 30px 0 0; width: 100%; } section.wrapper.page .headline { font-size: 0.875rem; color: #761B7C; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; margin-right: 2em; display: none; } section.wrapper.page h2 { font-weight: 800; font-size: 1.25rem; margin-bottom: 30px; } section.wrapper.page h2:before { background: #761B7C; width: 100px; height: 1px; content: ""; position: relative; left: 0; top: -30px; display: block; } section.wrapper.page .cv__content { display: flex; margin: 40px auto 0px; flex-wrap: wrap; } section.wrapper.page h3 { font-weight: 600; font-size: 1.25rem; border-bottom: solid 3px #dedede; position: relative; padding: 0 0 8px; } section.wrapper.page h3::before { position: absolute; content: " "; display: block; border-bottom: solid 3px #761B7C; bottom: -3px; width: 10%; } section.wrapper.page .flow__wrapper { display: flex; margin: 20px auto 20px; flex-wrap: wrap; } section.wrapper.page .flow__wrapper .number { margin-right: auto; margin-top: 20px; padding: 10px 0 0 0; text-align: center; width: 40px; height: 40px; border-radius: 50%; border: solid 1px #761B7C; font-size: 1rem; font-weight: 600; line-height: 1.4; color: #761B7C; } section.wrapper.page .flow__wrapper .flow-contents { width: -webkit-calc(100% - 20%); width: calc(100% - 20%); margin-left: auto; padding: 10px 0 0 0; border-left: 1px solid #dcdcdc; } section.wrapper.page .flow__wrapper .flow-contents-title { font-size: 1.25rem; line-height: 1.4; margin-bottom: 20px; border-left: 1px solid #761B7C; padding-left: 10px; margin-left: -1px; font-weight: 600; color: #761B7C; } section.wrapper.page .flow__wrapper .flow-contents-title-01 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 10px; border-left: 0px solid #761B7C; padding-left: 0px; margin-left: 0px; font-weight: 600; color: #761B7C; margin-top: 60px; } section.wrapper.page .flow__wrapper .flow-contents-text { padding-left: 10px; margin-left: -1px; padding-bottom: 20px; } } /* 要求事項 */ section.wrapper.page.requirement .flow__wrapper { border-top: 1px solid #dcdcdc; } section.wrapper.page.requirement .flow__wrapper .number { margin-right: auto; margin-top: 40px; padding: 20px 0 0 0; text-align: center; width: 110px; height: 110px; border-radius: 50%; border: solid 1px #761B7C; font-size: 1.875rem; font-weight: 600; line-height: 2; color: #761B7C; } section.wrapper.page.requirement .flow__wrapper .b-number { display: inline-block; margin-right: auto; /* margin-top: 40px; */ padding: 10px 0 0 0; text-align: center; width: 60px; height: 60px; border-radius: 50%; border: solid 1px #761B7C; font-size: 1.625rem; font-weight: 800; line-height: 1.4; background: #761B7C; color: #fff; margin-right: 10px; } /* 認証取得支援スケジュール */ section.wrapper.page.schedule .flow__wrapper .number { margin-right: auto; margin-top: 40px; padding: 20px 0 0 0; text-align: center; width: 110px; height: 110px; border-radius: 50%; border: solid 1px #761B7C; font-size: 1.125rem; font-weight: 600; line-height: 3.8; color: #761B7C; } section.wrapper.page.schedule .flow__wrapper .number p { font-size: 0.8rem; margin-top: 30px; line-height: 1.6; } /* .p_flow-section-number { margin-right: auto; margin-top: 40px; padding: 20px 0 0 0; text-align: center; width: 110px; height: 110px; border-radius: 50%; border: solid 1px #761B7C; font-size: 3.0rem; font-weight: 600; line-height: 1.4; color: #761B7C; } .p_flow-section-contents { width: -webkit-calc(100% - 156px); width: calc(100% - 156px); margin-left: auto; padding: 80px 0 0 0; border-left: 1px solid #dcdcdc; } .p_flow-section-contents-title { font-size: 3.4rem; line-height: 1.4; margin-bottom: 20px; border-left: 1px solid #761B7C; padding-left: 50px; margin-left: -1px; font-weight: 600; color: #00469b; } .p_flow-section-contents-text { padding-left: 50px; margin-left: -1px; padding-bottom: 80px; } */ /* ------------ / 下層ページ共通 ------------ */ /* ------------ コンサルティング サービス ------------ */ section.wrapper.page.services .cv__services { margin: 60px 0 100px; } section.wrapper.page.services h3 { border-left: 3px solid #003299; color: #000; font-size: 1.625rem ; padding: 0 0 0 14px; border-bottom: none; } section.wrapper.page.services h3::before { position: absolute; content: " "; display: block; border-bottom: none; bottom: 0px; width: 10%; } section.wrapper.page.services h3 span { color: #003299; font-size: 1rem; display: block; font-weight: 600; margin-bottom: 8px; } section.wrapper.page.services .notes__content { display: flex; margin: 20px 0 20px; } section.wrapper.page.services .notes__content span { display: inline-block; border: 1px solid #003299; padding: 4px 30px; width: 100%; max-width: 200px; text-align: center; color: #003299; font-size: 0.875rem; border-radius: 30px; margin-right: 30px; display: flex; justify-content: center; align-items: center; height: 60px; } section.wrapper.page.services .detail__content { display: flex; align-items: flex-start; /* 追加 */ margin: 2em 0 2em; } section.wrapper.page.services .detail__content p { margin-right: 4em; line-height: 2; } section.wrapper.page.services .detail__content img { width: 100%; max-width: 436px; /* width: -webkit-calc(100% - 436px); width: calc(100% - 436px); */ } @media screen and (max-width: 960px) { section.wrapper.page.services .cv__services { margin: 20px 0 100px; } section.wrapper.page.services h3 { border-left: 3px solid #003299; color: #000; font-size: 1.25rem ; padding: 0 0 0 14px; border-bottom: none; } section.wrapper.page.services h3::before { position: absolute; content: " "; display: block; border-bottom: none; bottom: 0px; width: 10%; } section.wrapper.page.services h3 span { color: #003299; font-size: 1rem; display: block; font-weight: 600; margin-bottom: 8px; } section.wrapper.page.services .notes__content { display: flex; margin: 20px 0 20px; } section.wrapper.page.services .notes__content span { display: inline-block; border: 1px solid #003299; padding: 4px 16px; width: 100%; max-width: 200px; text-align: center; color: #003299; font-size: 0.875rem; border-radius: 30px; margin-right: 20px; display: flex; justify-content: center; align-items: center; height: 40px; line-height: 1.2; } section.wrapper.page.services .detail__content { display: flex; align-items: flex-start; /* 追加 */ margin: 2em 0 2em; flex-wrap: wrap; } section.wrapper.page.services .detail__content p { margin-right: 0em; margin-bottom: 0.5em; line-height: 2; } section.wrapper.page.services .detail__content img { width: 100%; max-width: 436px; /* width: -webkit-calc(100% - 436px); width: calc(100% - 436px); */ } } /* ------------ / コンサルティング サービス ------------ */ /* ------------ 研修・セミナー ------------ */ section.wrapper.page.seminar .cv__services { margin: 60px 0 120px; } section.wrapper.page.seminar .notes__content { display: flex; margin: 20px 0 20px; } section.wrapper.page.seminar h3 { color: #761B7C; margin-bottom: 30px; } section.wrapper.page.seminar .notes__content span { display: inline-block; border: 1px solid #761B7C; padding: 4px 30px; width: 100%; max-width: 260px; vertical-align: middle; text-align: center; color: #761B7C; font-size: 0.875rem; border-radius: 30px; margin-right: 30px; display: flex; justify-content: center; align-items: center; height: 60px; } section.wrapper.page.seminar .detail__content { display: flex; align-items: flex-start; /* 追加 */ margin: 2em 0 2em; } section.wrapper.page.seminar .detail__content p { margin-right: 4em; line-height: 2; } section.wrapper.page.seminar .detail__content img { width: 100%; max-width: 436px; } .icon-tab-01 { width: 100%; max-width: 16px; margin-left: 10px; transform: translate(0px,2px); } .icon-tab-02 { width: 100%; max-width: 14px; margin-left: 10px; transform: translate(0px,0px); } .icon-tab-03 { width: 100%; max-width: 12px; margin-left: 4px; transform: translate(0px,1px); } @media screen and (max-width: 960px) { section.wrapper.page.seminar .cv__services { margin: 60px 0 120px; } section.wrapper.page.seminar .notes__content { display: flex; margin: 20px 0 20px; flex-wrap: wrap; } section.wrapper.page.seminar h3 { color: #761B7C; margin-bottom: 30px; } section.wrapper.page.seminar .notes__content span { display: inline-block; border: 1px solid #761B7C; padding: 4px 30px; width: 100%; max-width: 260px; vertical-align: middle; text-align: center; color: #761B7C; font-size: 0.875rem; border-radius: 30px; margin-right: 20px; margin-bottom: 14px; display: flex; justify-content: center; align-items: center; height: 50px; line-height: 1.4; } section.wrapper.page.seminar .detail__content { display: flex; align-items: flex-start; /* 追加 */ margin: 2em 0 2em; flex-wrap: wrap; } section.wrapper.page.seminar .detail__content p { margin-right: 0em; line-height: 2; margin-bottom: 0.5em; } section.wrapper.page.seminar .detail__content img { width: 100%; max-width: 436px; } .icon-tab-01 { width: 100%; max-width: 16px; margin-left: 10px; transform: translate(0px,2px); } .icon-tab-02 { width: 100%; max-width: 14px; margin-left: 10px; transform: translate(0px,0px); } .icon-tab-03 { width: 100%; max-width: 12px; margin-left: 4px; transform: translate(0px,1px); } } /* ------------ / 研修・セミナー ------------ */ /* ------------ 会社概要 ------------ */ section.wrapper.page.aboutus h4 { color: #761B7C; font-size: 1.875rem; font-weight: 700; text-align: center; } section.wrapper.page.aboutus .about__wrapper { display: flex; align-items: flex-start; /* 追加 */ margin: 2em 0 2em; justify-content: space-between; max-width: 1088px; flex-wrap: wrap; } section.wrapper.page.aboutus .about__wrapper .about-contents { width: 45%; } section.wrapper.page.aboutus .about__wrapper .about-contents p { margin: 1.5em 0 0.5em; } section.wrapper.page.aboutus .about__wrapper .about-contents p.ttl-greeting-01 { margin: 0em 0 0.5em; font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; font-weight: 600; } section.wrapper.page.aboutus .tbl__aboutus th { background-color: #761B7C; color: #fff; font-weight: 600; border-bottom: 1px solid #fff; width: 253px; max-width: 253px; padding: 1em 1em!important; } section.wrapper.page.aboutus .tbl__aboutus td { padding: 1em 1em!important; border-bottom: 1px solid #ddd; } section.wrapper.page.aboutus .tbl__aboutus td a { text-decoration: none; color: #333; } section.wrapper.page.aboutus .tbl__aboutus td.acquisition { display: flex; flex-wrap: wrap; } section.wrapper.page.aboutus .tbl__aboutus td.acquisition img { max-width: 280px; } /* Google Mapを囲う要素 */ .map { position: relative; width: 100%; height: 0; padding-top: 75%; /* 比率を4:3に固定 */ } .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 960px) { section.wrapper.page.aboutus h4 { color: #761B7C; font-size: 1.875rem; font-weight: 700; text-align: center; } section.wrapper.page.aboutus .about__wrapper { display: flex; align-items: flex-start; /* 追加 */ margin: 2em 0 2em; justify-content: space-between; max-width: 1088px; flex-wrap: wrap; } section.wrapper.page.aboutus .about__wrapper .about-contents { width: 45%; } section.wrapper.page.aboutus .about__wrapper .about-contents p { margin: 1.5em 0 0.5em; } section.wrapper.page.aboutus .tbl__aboutus th { background-color: #761B7C; color: #fff; font-weight: 600; border-bottom: 1px solid #fff; width: 100%; max-width: 100%; padding: 1em 1em!important; display: block; } section.wrapper.page.aboutus .tbl__aboutus td { padding: 1em 1em!important; border-bottom: 1px solid #ddd; width: 100%; display: block; } section.wrapper.page.aboutus .tbl__aboutus td a { text-decoration: none; color: #333; } section.wrapper.page.aboutus .tbl__aboutus td.acquisition { display: flex; flex-wrap: wrap; } section.wrapper.page.aboutus .tbl__aboutus td.acquisition img { max-width: 280px; } /* Google Mapを囲う要素 */ .map { position: relative; width: 100%; height: 0; padding-top: 75%; /* 比率を4:3に固定 */ } .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* ------------ / 会社概要 ------------ */ /* ------------ / よくある質問 ------------ */ section.wrapper.page.faq .faq_wrapper { margin: 60px 0 120px; } section.wrapper.page.faq .toggle { display: none; } section.wrapper.page.faq .Label { /*タイトル*/ padding: 1em; display: block; color: #fff; background:#761B7C; margin: 20px auto 0px; } section.wrapper.page.faq .Label::before{ /*タイトル横の矢印*/ content:""; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); position: absolute; top:calc( 50% - 3px ); right: 20px; transform: rotate(135deg); } section.wrapper.page.faq .Label, section.wrapper.page.faq .content__faq { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; } section.wrapper.page.faq .content__faq { /*本文*/ height: 0; padding:0 20px; overflow: hidden; } section.wrapper.page.faq .toggle:checked + .Label + .content__faq{ /*開閉時*/ height: auto; padding:20px ; transition: all .3s; } section.wrapper.page.faq .toggle:checked + .Label::before { transform: rotate(-45deg) !important; } /* ------------ / よくある質問 ------------ */ /* ------------ ニュース ------------ */ section.wrapper.page.news .ul_news { display: flex; flex-wrap: wrap; justify-content: space-between; } section.wrapper.page.news .ul_news li { border: 1px solid #D6D4D4; width: 100%; max-width: 238px; padding: 0 0 10px; text-align: left; margin: 0 auto 20px; } section.wrapper.page.news .ul_news li .link_area { padding: 10px 10px 10px; } section.wrapper.page.news .ul_news li a.news { background: #003299; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.wrapper.page.news .ul_news li a.media { background: #F87714; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.wrapper.page.news .ul_news li a.column { background: #761B7C; border-radius: 30px; width: 100%; max-width: 140px; padding: 8px 10px 8px; text-align: center; color: #fff; font-size: 0.75rem; text-decoration: none; display: block; margin: 0 0 0; } section.wrapper.page.news .ul_news li .date { font-size: 0.75rem; color: #000; } section.wrapper.page.news .ul_news li h4 { font-weight: 800; color: #000; text-align: left; } body.post-template-default, body.archive { background-color: #fff; } body.post-template-default .l-container, body.archive .l-container { padding-left: 3em!important; padding-right:3em!important; } body.post-template-default header { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3); } /* ------------ / ニュース ------------ */ /* ------------ お問い合せ ------------ */ .page-template-page-contact button, .page-template-page-contact input, .page-template-page-contact select, .page-template-page-contact textarea { border: 1px solid #ddd!important; border-radius: 0; color: #333; padding: 10px!important; } .red { color:#D22525; padding-left: 6px; } .page-template-page-contact .btn-contact-form { text-align: center; margin: 60px auto 20px; width: 100%; } .page-template-page-contact .btn-contact-form input { background-color: #761B7C; color: #fff; text-align: center; font-weight: 600; padding: 10px 60px!important; border-radius: 20px!important; } @media screen and (max-width: 960px) { .mailform-tbl{ width: auto; } .mailform-tbl th{ width: auto; display: block; } .mailform-tbl td{ width: auto; display: block; } .mailform-tbl td input{ width: 100%; } .mailform-tbl td textarea { width: 100%; } } /* ------------ / お問い合せ ------------ */ .mt2{ margin-top: 20px; } .tr{ text-align: right; } /* ------------ / 迅速ISO認証取得支援サービス page-template-page-quickiso ------------ */ .page-template-page-quickiso .flow-contents { margin-top: 100px; } .page-template-page-quickiso .flow-contents .flow-contents-title { display: flex; font-size: 1.625rem; font-weight: 600; margin-bottom: 30px; } .page-template-page-quickiso .flow-contents .o-ttl { color: #F87714; /* font-size: 2.25rem; */ font-size: 1.75rem; font-weight: 600; } .page-template-page-quickiso .flow-contents .b-guide { /* font-size: 1.625rem; */ font-size: 1.25rem; font-weight: 600; max-width: 980px; width: 100%; } .page-template-page-quickiso section.wrapper.page .b-number { margin-right: auto; /* margin-top: 40px; */ padding: 10px 0 0 0; text-align: center; width: 60px; height: 60px; border-radius: 50%; border: solid 1px #761B7C; font-size: 1.625rem; font-weight: 800; line-height: 1.4; background: #761B7C; color: #fff; margin-right: 10px; } .page-template-page-quickiso .guide-contents { background: #761B7C; text-align: center; margin: 60px auto 0; width: 100%; display: block; padding: 40px 10px; } .page-template-page-quickiso .guide-contents p { color: #fff; text-align: left; display: inline-block; } /* 初期設定 */ .page-template-page-quickiso .page__content ol { position: relative; margin: 0; padding: 0 10px 0 6px; list-style: none; font-weight: bold; } .page-template-page-quickiso .page__content ol li { position: relative; margin: 12px 20px 0 24px; padding: 0; line-height: 1.5; } /* ol デザイン */ .page-template-page-quickiso .page__content ol { counter-reset: li; } .page-template-page-quickiso .page__content ol > li:before { position: absolute; font-weight: bold; counter-increment: li; content: counter(li) ""; left: -34px; top: -1px; color: #fff; width: 24px; height: 24px; font-size: 14px; text-align: center; border-radius: 100%; box-sizing: border-box; font-weight: bold; line-height: 1; background: #761B7C; padding: 6px 0; } /* リンクデザイン */ .page-template-page-quickiso .page__content ol a { text-decoration: none; } .page-template-page-quickiso .page__content ol a:hover { text-decoration: underline; } /* スマホ設定 */ @media screen and (max-width: 768px) { .page-template-page-quickiso .page__content ol { padding: 0 10px 0 20px; font-size: 14px; } .page-template-page-quickiso .page__content ol li { margin: 6px 20px 0 8px; padding: 0; } .page-template-page-quickiso .page__content ol > li:before { font-size: 12px; left: -30px; top: 0px; padding: 4px 0; width: 20px; height: 20px; } } .page-template-page-quickiso table th.ttl-01 { font-size: 1.75rem; } .page-template-page-quickiso table th.thin { background-color: #0D9F66; color: #FFF; font-weight: 600; text-align: center; padding: 14px 6px !important; border: 2px solid; vertical-align:middle } .page-template-page-quickiso table th.dark { background-color: #761B7C; color: #FFF; font-weight: 600; text-align: center; padding: 14px 6px !important; border: 2px solid; vertical-align:middle } .page-template-page-quickiso table tr:nth-child(odd) td { background-color: #E5E6E8; padding: 20px 14px !important; border: 2px solid #fff; text-align: left; vertical-align: middle; } .page-template-page-quickiso table tr:nth-child(even) td { background-color: #CDCED1; padding: 20px 14px !important; border: 2px solid #fff; text-align:left ; vertical-align: middle; } .page-template-page-quickiso table tr td.no { text-align: center; vertical-align:middle } .page-template-page-quickiso table tr td .red { color:#BF0E0E; color:#761B7C; padding-left: 0px; /* font-weight: 700; */ } /* ------------ / AI技術を用いたISO迅速認証取得支援 page-template-page-aiiso ------------ */ .page-template-page-aiiso .flow-contents { margin-top: 10px; } .page-template-page-aiiso .flow-contents .flow-contents-title { display: flex; font-size: 1.625rem; font-weight: 600; margin-bottom: 30px; } .page-template-page-aiiso .flow-contents .o-ttl { color: #F87714; /* font-size: 2.25rem; */ font-size: 1.75rem; font-weight: 600; } .page-template-page-aiiso .flow-contents .b-guide { /* font-size: 1.625rem; */ font-size: 1.25rem; font-weight: 600; max-width: 980px; width: 100%; } .page-template-page-aiiso section.wrapper.page .b-number { margin-right: auto; /* margin-top: 40px; */ padding: 10px 0 0 0; text-align: center; width: 60px; height: 60px; border-radius: 50%; border: solid 1px #761B7C; font-size: 1.625rem; font-weight: 800; line-height: 1.4; background: #761B7C; color: #fff; margin-right: 10px; } .page-template-page-aiiso .guide-contents { background: #761B7C; text-align: center; margin: 60px auto 0; width: 100%; display: block; padding: 40px 10px; } .page-template-page-aiiso .guide-contents p { color: #fff; text-align: left; display: inline-block; } /* 初期設定 */ .page-template-page-aiiso .page__content ol { position: relative; margin: 0; padding: 0 10px 0 6px; list-style: none; font-weight: bold; } .page-template-page-aiiso .page__content ol li { position: relative; margin: 12px 20px 0 24px; padding: 0; line-height: 1.5; } /* ol デザイン */ .page-template-page-aiiso .page__content ol { counter-reset: li; } .page-template-page-aiiso .page__content ol > li:before { position: absolute; font-weight: bold; counter-increment: li; content: counter(li) ""; left: -34px; top: -1px; color: #fff; width: 24px; height: 24px; font-size: 14px; text-align: center; border-radius: 100%; box-sizing: border-box; font-weight: bold; line-height: 1; background: #761B7C; padding: 6px 0; } /* リンクデザイン */ .page-template-page-aiiso .page__content ol a { text-decoration: none; } .page-template-page-aiiso .page__content ol a:hover { text-decoration: underline; } /* スマホ設定 */ @media screen and (max-width: 768px) { .page-template-page-aiiso .page__content ol { padding: 0 10px 0 20px; font-size: 14px; } .page-template-page-aiiso .page__content ol li { margin: 6px 20px 0 8px; padding: 0; } .page-template-page-aiiso .page__content ol > li:before { font-size: 12px; left: -30px; top: 0px; padding: 4px 0; width: 20px; height: 20px; } } .page-template-page-aiiso table th.ttl-01 { font-size: 1.75rem; } .page-template-page-aiiso table th.thin { background-color: #0D9F66; color: #FFF; font-weight: 600; text-align: center; padding: 14px 6px !important; border: 2px solid; vertical-align:middle } .page-template-page-aiiso table th.dark { background-color: #761B7C; color: #FFF; font-weight: 600; text-align: center; padding: 14px 6px !important; border: 2px solid; vertical-align:middle } .page-template-page-aiiso table tr:nth-child(odd) td { background-color: #E5E6E8; padding: 20px 14px !important; border: 2px solid #fff; text-align: left; vertical-align: middle; } .page-template-page-aiiso table tr:nth-child(even) td { background-color: #CDCED1; padding: 20px 14px !important; border: 2px solid #fff; text-align:left ; vertical-align: middle; } .page-template-page-aiiso table tr td.no { text-align: center; vertical-align:middle } .page-template-page-aiiso table tr td .red { color:#BF0E0E; color:#761B7C; padding-left: 0px; /* font-weight: 700; */ } /* 生成AIを用いたISO 9001迅速認証取得支援 */ .page-template-page-ai-iso9001 section.wrapper.page .flow__wrapper .number { margin-top: 10px; padding: 20px 0 0 0; } .page-template-page-ai-iso9001 section.wrapper.page .flow__wrapper .flow-contents { padding: 10px 0 0 0; } .page-template-page-ai-iso9001 section.wrapper.page .flow__wrapper .flow-contents-text { padding-left: 50px; margin-left: -1px; padding-bottom: 20px; } .page-template-page-ai-iso9001 section.wrapper.page .flow__wrapper { margin: 20px auto 10px; } /* ------------ ご注文 ------------ */ .page-template-page-order button, .page-template-page-order input, .page-template-page-order select, .page-template-page-order textarea { border: 1px solid #ddd!important; border-radius: 0; color: #333; padding: 10px!important; } .red { color:#D22525; padding-left: 6px; } .page-template-page-order .btn-contact-form { text-align: center; margin: 60px auto 20px; width: 100%; } .page-template-page-order .btn-contact-form input { background-color: #761B7C; color: #fff; text-align: center; font-weight: 600; padding: 10px 60px!important; border-radius: 20px!important; } /* ------------ セミナー申し込み ------------ */ .page-template-page-entry button, .page-template-page-entry input, .page-template-page-entry select, .page-template-page-entry textarea { border: 1px solid #ddd!important; border-radius: 0; color: #333; padding: 10px!important; } .page-template-page-entry .btn-contact-form { text-align: center; margin: 60px auto 20px; width: 100%; } .page-template-page-entry .btn-contact-form input { background-color: #761B7C; color: #fff; text-align: center; font-weight: 600; padding: 10px 60px!important; border-radius: 20px!important; } .pd-l-1rem{ padding-left: 1rem;} .pd-l-15rem-block{ padding-left: 1.5rem; display: block;} .fw-100{ font-weight: 100;} .fw-200{ font-weight: 200;} .fw-300{ font-weight: 300;} .fw-400{ font-weight: 400;} .fw-500{ font-weight: 500;} .fw-600{ font-weight: 600;} .fw-700{ font-weight: 700;} .fw-800{ font-weight: 800;} .fw-900{ font-weight: 900;} .mt-10{ margin-top: 10px;} .mt-20{ margin-top: 20px;} .mt-30{ margin-top: 30px;} .mt-40{ margin-top: 40px;} .mt-50{ margin-top: 50px;} .mt-60{ margin-top: 60px;} .mt-70{ margin-top: 70px;} .mt-80{ margin-top: 80px;} .mt-90{ margin-top: 90px;} .mt-100{ margin-top: 100px;} .fs-18{ font-size: 1.125rem;} .fs-20{ font-size: 1.25rem;} .fs-22{ font-size: 1.375rem;} .tgc-01{ color: #761B7C;} .tgc-02{ color: #A862AC;} .tc{ text-align: center;}