/* Theme Name: hifu3 Theme URI: https://hifu3.com Author: ひふみ株式会社 Author URI: https://hifu3.com Description: 私たちひふみ株式会社は、独自のアーキテクチャ能力と高度なプロポーザル作成スキルで、真の価値を提供。私たちと共に革新的なAI技術を駆使して、未来への一歩を。 Tags: ひふみ, AI Version: 2025.5 Requires at least: 5.2 Tested up to: 6.5 Requires PHP: 7.4 License URI: https://www.gnu.org/licenses/gpl.html Text Domain: hifu3 */ /* reset.css */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; font-family: 'Noto Sans JP', sans-serif; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write;3 overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* common */ html {scroll-behavior: smooth;} :root { --main-primary: #ED0000; --main-text: #251E1C; --main-paleBlue: #FAFBFE; --main-paleGrad: linear-gradient(90deg, #FAFBFE 0%, #EDF1FF 100%); --bpa-blue: #3483FF; --main-blue: #004EC8; } p {line-height: 2.2; letter-spacing: 1.8px; word-wrap: break-word; color: var(--main-text);} a {transition: 0.3s ease-in-out;} /* common components */ a.primaryBtn { position: relative; display: flex; justify-content: center; align-items: center; background: var(--main-primary); border: solid 1px var(--main-primary); padding: 10px 14px 12px; border-radius: 9999px; min-width: 200px; overflow: hidden; } a.primaryBtn span { color: #fff; font-weight: 500; letter-spacing: 1px; } a.primaryBtn:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; margin: auto; width: 100px; height: 60px; background: rgb(255, 255, 255, .2); transform: scale(0); transition: 1.2s ease all; } a.primaryBtn:after { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 21px; top: 49%; color: #fff; transform: translateY(-50%); opacity: 0.7; transition: 0.3s ease-in-out; } a.primaryBtn:hover:before { transform: scale(4.2); } a.primaryBtn:hover:after { right: 17px; } a.secondaryBtn { position: relative; display: flex; justify-content: center; align-items: center; background: #fff; border: solid 1px #eee; padding: 10px 14px 12px; border-radius: 9999px; min-width: 200px; overflow: hidden; color: #707070; } a.secondaryBtn:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; margin: auto; width: 100px; height: 60px; background: rgb(0, 0, 0, .03); transform: scale(0); transition: 1.2s ease all; } a.secondaryBtn:after { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 21px; top: 49%; color: #707070; transform: translateY(-50%); opacity: 0.7; transition: 0.3s ease-in-out; } a.secondaryBtn:hover:before { transform: scale(4.2); } a.secondaryBtn:hover:after { right: 17px; } .heading { display: flex; flex-direction: column; gap: 10px; padding-bottom: 25px; position: relative; } .heading p { font-family: "Roboto", sans-serif; font-size: 1.4rem; font-style: italic; color: var(--main-primary); font-weight: 500; letter-spacing: 3px; line-height: 1; position: relative; text-transform: uppercase; } .heading h2, .heading h3 { font-size: 2.4rem; letter-spacing: 2.2px; font-weight: 600; color: var(--main-text); position: relative; text-shadow: 0px 0px 24px rgba(255, 255, 255, 0.35); } .heading:after { content: ""; width: 70px; height: 1px; background: #aaa; position: absolute; bottom: 0; left: 0; } .heading.centerhead { flex-direction: column; align-items: center; } .heading.centerhead:after { left: 50%; transform: translateX(-50%); } a.primaryBtn.blue { background: var(--bpa-blue); color: #fff; border-color: var(--bpa-blue); } /* header */ header#header { display: block; position: fixed; width: 100%; top: 0; z-index: 9999; } .header__inner { display: flex; justify-content: space-between; padding: 8px 2%; align-items: center; } .header__inner:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.8; background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 36.06%, #FFF 100%); } h1.header__inner--logo a:hover { opacity: 0.7; } h1.header__inner--logo a { display: flex; justify-content: flex-start; align-items: flex-start; width: 180px; } h1.header__inner--logo a img { transition: 0.5s ease-in-out; width: 100%; } header#header.resize h1.header__inner--logo a img { width: 140px; } h1.header__inner--logo, .header__inner--right { position: relative; z-index: 1; } nav.header__inner--rightLink { display: flex; justify-content: flex-end; align-items: center; gap: 30px; } nav.header__inner--rightLink ul { display: flex; justify-content: flex-end; gap: 22px; } a.header__inner--rightLinkText { padding: 18.5px 10px; font-size: 1rem; letter-spacing: 1px; font-weight: 500; color: var(--main-text); } a.header__inner--rightLinkText:hover { color: var(--main-primary); } header#header.resize .header__inner:after { background: #fff; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(255, 255, 255, 0.35); opacity: 1; } /* haschild */ nav.header__inner--rightLink ul li { display: flex; justify-content: center; position: relative; } .hasChild__inner { opacity: 0; position: absolute; top: 100%; background: #fff; left: 0; box-shadow: 0px 1px 20px 0px rgba(58, 52, 255, 0.10); padding: 7px 20px 12px; display: flex; flex-direction: column; width: max-content; pointer-events: none; transition: 0.2s ease-in-out; gap: 6px; border-radius: 3px; } li.hasChild:hover .hasChild__inner { opacity: 1; pointer-events: auto; z-index: 1; } ul.header__inner--bottomRightLink li .hasChild__inner a { position: relative; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; } .hasChild__inner a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 5px; top: 52%; transform: translateY(-50%); opacity: 0.4; } li.hasChild span { padding: 18.5px 20px 18.5px 10px; position: relative; transition: 0.2s ease-in-out; font-weight: 500; } li.hasChild span:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 2px; top: 52%; transform: translateY(-50%); opacity: 0.6; transition: 0.2s ease-in-out; } li.hasChild span:hover { color: var(--main-primary); } li.hasChild:hover span { color: var(--main-primary); } .hasChild__inner a { position: relative; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; } .hasChild__inner a:hover { color: var(--main-primary); } /* mv */ section#mv { position: relative; height: 100svh; max-height: 800px; min-height: 740px; } .mv__bgVideo { position: absolute; top: 0; width: 100%; height: 100%; } video#mvvideos { width: 100%; height: 100%; object-fit: cover; object-position: bottom; } .mv__inner { width: 100%; max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; height: 100%; position: relative; gap: 15px; } .mv__inner:before { content: ""; width: 900px; height: 500px; position: absolute; top: 50%; border-radius: 1363px; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(255, 255, 255, 0.47) 66%, rgba(255, 255, 255, 0.00) 100%); left: 0; transform: translateY(-50%); pointer-events: none; } .mv__inner h2 { font-size: 4rem; letter-spacing: 3px; font-weight: 600; color: var(--main-text); position: relative; text-indent: 11px; margin-left: -11px; line-height: 1.25; } .mv__inner h2 span { font-family: "Roboto", sans-serif; font-size: 4.4rem; } .mv__inner p { position: relative; } /* service */ section#service { position: relative; overflow: hidden; } ul.service__inner { width: 100%; max-width: 1100px; margin: 0 auto; padding: 120px 0 320px; display: flex; flex-direction: column; gap: 240px; } li.service__inner--block { display: flex; justify-content: flex-start; position: relative; align-items: center; } li.service__inner--block:before { content: ""; width: calc(100% - 50%); position: absolute; background: var(--main-paleBlue); height: 420px; left: calc(50% - 50vw); z-index: 1; } .service__inner--text { position: relative; display: flex; flex-direction: column; gap: 20px; width: 51%; z-index: 1; } .service__inner--text a.secondaryBtn { width: fit-content; } .service__inner--imgs { position: absolute; right: 0; display: flex; justify-content: center; width: 60%; align-items: center; transform: translateY(-50%); top: 50%; } .service__inner--imgs video { width: 100%; transform: scale(2.1) translateX(10px) translateY(30px); mix-blend-mode: multiply; pointer-events: none; } li.service__inner--block.reverse { justify-content: flex-end; } li.service__inner--block.reverse:before { width: calc(100% - 0% + 60px); height: 280px; left: auto; right: calc(50% - 50vw); bottom: -100px; } li.service__inner--block.reverse .service__inner--text { width: 55%; } li.service__inner--block.reverse .service__inner--imgs { right: auto; left: 0; width: 45%; z-index: 1; } li.service__inner--block.reverse .service__inner--imgs img { mix-blend-mode: multiply; pointer-events: none; transform: translateX(-85px) translateY(70px) scale(1.1); } /* news */ section#topNews { position: relative; background: var(--main-paleGrad); display: block; padding: 120px 0; } section#topNews:before { content: ""; width: 100%; height: 340px; background: url(/wp-content/themes/hifu3/asset/img/newsbg.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; } .topNews__inner { width: 100%; max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 60px; border-radius: 5px; background: #FFF; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.05); align-items: center; padding: 60px 50px; position: relative; border: solid 1px #eee; } ul.newsLine { width: 100%; margin: 0 auto; display: flex; flex-direction: column; max-width: 800px; } a.newsLine--link { display: flex; flex-direction: column; gap: 4px; padding: 25px 40px 18px 30px; border-bottom: dotted 1px #ddd; position: relative; } a.newsLine--link:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 21px; top: 49%; color: #222; transform: translateY(-50%); opacity: 0.7; transition: 0.3s ease-in-out; } a.newsLine--link:hover:after { opacity: 1; color: var(--main-primary); right: 15px; } a.newsLine--link:hover { background: #f9f9f9; } ul.newsLine li:first-child a.newsLine--link { border-top: dotted 1px #ddd; } p.date { font-family: "Roboto", sans-serif; font-size: 0.9rem; font-style: italic; color: var(--main-primary); line-height: 1; letter-spacing: 3.5px; } a.newsLine--link h3 { line-height: 2.2; letter-spacing: 1.8px; word-wrap: break-word; color: var(--main-text); } /* cta */ section#cta { position: relative; background: url(/wp-content/themes/hifu3/asset/img/ctabg.jpg) no-repeat; background-size: cover; } .cta__inner { display: flex; flex-direction: column; gap: 40px; align-items: center; text-align: center; padding: 100px 0; } .cta__inner h2 { color: #fff; font-size: 2.4rem; letter-spacing: 2.2px; font-weight: 600; } p.ctaTopText { color: #fff; margin-top: -13px; } .cta__inner a { background: #FFF; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 26px 35px 34px; display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 600px; } h3.ctaTitle { font-size: 1.4rem; font-weight: 600; letter-spacing: 1.5px; transition: 0.3s ease-in-out; } .cta__inner a:hover h3.ctaTitle { color: #555; } p.ctaEng { font-family: "Roboto", sans-serif; font-size: 1.2rem; font-style: italic; color: var(--main-primary); font-weight: 500; letter-spacing: 3px; line-height: 1; width: fit-content; margin: 0 auto; position: relative; transform: translateX(6px); padding-top: 8px; } p.ctaEng:after { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; transition: 0.3s ease-in-out; font-style: normal; padding-left: 8px; font-size: 1rem; } /* footer */ footer#footer { position: relative; border-top: solid 3px var(--main-primary); } .footer__inner { width: 100%; max-width: 1100px; margin: 0 auto; padding-top: 60px; display: flex; gap: 60px; flex-direction: column; } .footer__inner--top { display: flex; justify-content: space-between; width: 100%; align-items: center; } .footer__inner--topLeft, .footer__inner--topRight { width: 50%; } .footer__inner--topLeft { display: flex; flex-direction: column; gap: 10px; } .footer__inner--topLeft a:hover { opacity: 0.7; } .footer__inner--topLeft a img { max-width: 160px; width: 100%; } .footer__inner--topLeft p { line-height: 1.73; font-size: 0.8rem; } .footerlinks { display: flex; justify-content: flex-end; align-items: center; gap: 20px; } .footerlinks a { font-size: 1rem; letter-spacing: 1px; padding: 5px 12px; } .footerlinks a:hover { color: var(--main-primary); } .footer__inner--bottom { display: flex; justify-content: center; border-top: solid 1px #ddd; padding: 10px 0 12px; } .footer__inner--bottom p { font-size: 0.8rem; color: #aaa; } /* news */ section#pageHeader { position: relative; height: 350px; } .pageHeader__inner { width: 100%; max-width: 1100px; margin: 0 auto; height: 100%; display: flex; justify-content: space-between; align-items: center; } .pageHeader__inner .heading { padding-bottom: 0; } .pageHeader__inner .heading:after { content: none; } section.aiheader { background: url(/wp-content/themes/hifu3/asset/img/ai_video.jpg) no-repeat; background-size: cover; background-position: center; } .pageHeader__inner .heading:before { content: ""; width: 400px; height: 300px; position: absolute; top: 50%; border-radius: 1363px; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(255, 255, 255, 0.37) 66%, rgba(255, 255, 255, 0.00) 100%); left: -60px; transform: translateY(-50%); pointer-events: none; } /* news inner */ section#newsList { position: relative; } .newsList__inner { padding: 100px 0; width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; } /* page nation */ .pageNation { padding: 40px 0 0; display: block; position: relative; } ul.page-numbers { display: flex; justify-content: center; align-items: center; gap: 15px; } ul.page-numbers li span, ul.page-numbers li a { font-family: 'Roboto', sans-serif; width: 40px; height: 40px; background: #f9f9f9; display: flex; justify-content: center; align-items: center; border-radius: 9999px; color: #cdcdcd; transition: 0.2s ease-in-out; font-style:italic; } span.page-numbers.current { background: var(--main-primary); color: #fff; } ul.page-numbers li a:hover { background: var(--main-primary); color: #fff; opacity: 0.6; } /* bread crumb */ nav#breadcrumb { background: var(--main-primary); } nav#breadcrumb ul { width: 100%; max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; gap: 32px; padding: 8px 0px 8px; white-space: pre; overflow: scroll; } nav#breadcrumb ul li a, nav#breadcrumb ul li { color: #fff; letter-spacing: 0.04rem; font-size: 0.9rem; position: relative; font-weight: 300; } nav#breadcrumb ul li a { font-weight: 500; } nav#breadcrumb ul li a:hover { opacity: 0.6; } nav#breadcrumb ul li a:after { content: "\f0da"; font-size: 0.9rem; position: absolute; top: 53%; right: -19px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; color: #FFF; font-weight: 900; opacity: 0.6; } /* news posts */ main.bgBlue { position: relative; background: var(--main-paleBlue); } section#newsPost { position: relative; } .newsPost__inner { width: 100%; max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 60px; padding: 80px 0 65px; } .newsPost__innerWrapper { border-radius: 8px; background: #FFF; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.05); border: solid 1px #eee; display: flex; flex-direction: column; padding: 40px 45px; gap: 20px; } .newsPost__inner--heading { display: flex; flex-direction: column; gap: 10px; padding-bottom: 25px; border-bottom: solid 1px #eee; } .newsPost__inner--heading h2 { font-size: 1.4rem; letter-spacing: 2.2px; font-weight: 600; color: var(--main-text); position: relative; } .newsPost__inner--img { width: 100%; margin-top: 9px; } .newsPost__inner--img img { height: auto; width: 100%; } .newsPost__inner--content { display: flex; flex-direction: column; gap: 15px; } .newsPost__inner--content a { color: var(--main-primary); text-decoration: underline; overflow-wrap: anywhere; } .newsPost__inner--content a:hover { opacity: 0.6; } .newsPost__inner--content h3 { font-size: 1.4rem; line-height: 1.73; font-weight: 600; } .newsPost__inner--content h4 { font-size: 1.3rem; margin-top: 25px; } /* navigation */ .navigation { width: 100%; max-width: 900px; margin: 0 auto; } .nav-link-container { display: flex; justify-content: space-between; align-items: center; } .news-archive-link a { border-radius: 9999px; background: #fff; box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.05); padding: 12px 30px 15px; color: #707070; letter-spacing: 0.8px; border: solid 1px #eee; } .news-archive-link a:hover { background: #f9f9f9; } .prev-post, .next-post { display: block; } .prev-post { display: flex; justify-content: flex-start; width: 180px; } .next-post { display: flex; justify-content: flex-end; width: 180px; } a.prevNews, a.nextNews { padding: 12px 25px 15px; color: #707070; letter-spacing: 0.8px; position: relative; } a.prevNews:hover, a.nextNews:hover { opacity: 0.7; } a.prevNews:before { content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 18px; font-size: 0.9rem; opacity: 0.7; } a.nextNews:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0; top: 18px; font-size: 0.9rem; opacity: 0.7; } /* contact */ section#pageHeader.contactheader { background: url(/wp-content/themes/hifu3/asset/img/contactBG.jpg) no-repeat; background-size: cover; background-position: center; } .form__inner { padding: 80px 0 100px; width: 100%; max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; } .form__inner--left { width: 43%; display: flex; flex-direction: column; gap: 20px; } ul.form__inner--list { display: flex; flex-direction: column; gap: 12px; padding: 30px 40px; background: #fff; border-radius: 5px; border: solid 1px #eee; } ul.form__inner--list li { position: relative; padding-left: 30px; color: var(--main-text); font-weight: 600; letter-spacing: 0.8px; } ul.form__inner--list li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 6px; color: var(--main-primary); } .form__inner--right { width: 52%; background: #fff; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.05); } /* cat header */ section#catHeader { position: relative; } .catHeader__inner { width: 100%; max-width: 1100px; margin: 0 auto; display: flex; align-items: center; height: 400px; position: relative; } .catHeader__inner .heading { padding-bottom: 0; } .catHeader__inner .heading:after { content: none; } section#catHeader.companyVis { background: url(/wp-content/uploads/2025/06/compnayImg.jpg) no-repeat; background-size: cover; background-position: center; } /* compnay Inner */ section#companyText { position: relative; background: #f9f9f9; padding: 80px 0; } .companyText__inner { display: flex; flex-direction: column; width: 100%; max-width: 900px; margin: 0 auto; gap: 8px; background: #fff; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 40px 45px; } .companyText__inner h2 { color: var(--main-primary); font-size: 1.8rem; font-weight: 600; } .companyText__inner h2 { color: var(--main-primary); font-size: 1.8rem; font-weight: 600; margin-top: 25px; margin-bottom: 8px; } .companyText__inner h2:first-child { margin-top: 0; } .companyText__inner p strong { font-weight: 600; font-size: 1.5rem; } .companyText__inner ul.wp-block-list { background: #f9f9f9; padding: 25px 30px 25px 50px; list-style: desc; display: flex; flex-direction: column; gap: 13px; border-radius: 5px; } .companyText__inner hr { color: #ddd; margin-top: 30px; } .companyText__inner figure.wp-block-table { margin-top: 35px; } /* philosophy */ section#catHeader.philosophyVis { background: url(/wp-content/uploads/2025/06/philoso.jpg) no-repeat; background-size: cover; background-position: center; } section#philosophyMvv { position: relative; } .philosophyMvv__inner { width: 100%; max-width: 1100px; margin: 0 auto; padding: 100px 0 0; display: flex; flex-direction: column; gap: 100px; } .philosophyMvv__inner--bottom { position: relative; background: var(--main-paleBlue); padding: 80px 50px; display: flex; flex-direction: column; gap: 80px; align-items: center; } .philosophyMvv__inner--bottomSec { display: flex; flex-direction: column; gap: 25px; text-align: center; } .philosophyMvv__inner--bottomSec .heading h3 { font-size: 2.2rem; line-height: 1.5; } .philosophyMvv__inner--bottomSec .heading:after { left: 50%; transform: translateX(-50%); } ul.textList { text-align: left; position: relative; display: flex; flex-direction: column; gap: 20px; padding: 30px 45px; border: solid 1px #ddd; border-radius: 5px; } ul.textList li { position: relative; padding-left: 20px; } ul.textList li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: -6px; top: 12px; color: var(--main-primary); transform: translateY(-50%); opacity: 0.7; transition: 0.3s ease-in-out; } /* link block */ section#companyBlocks { position: relative; display: block; padding: 120px 0; } ul.companyBlocks__inner { display: flex; width: 100%; max-width: 900px; margin: 0 auto; box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; overflow: hidden; } ul.companyBlocks__inner li { width: calc(100% / 3); } a.companyBlocks__inner--links { display: flex; flex-direction: column; align-items: center; padding: 60px 0; gap: 12px; } a.companyBlocks__inner--links { display: flex; flex-direction: column; align-items: center; padding: 32px 0 40px; gap: 20px; line-height: 1.6; letter-spacing: 1.8px; word-wrap: break-word; color: var(--main-text); font-weight: 600; font-size: 1.5rem; border-right: solid 1px #ddd; } ul.companyBlocks__inner li:last-child a.companyBlocks__inner--links { border-right: none; } a.companyBlocks__inner--links span { font-family: "Roboto", sans-serif; font-size: 1.1rem; font-style: italic; color: var(--main-primary); font-weight: 500; letter-spacing: 3px; line-height: 1; position: relative; text-transform: uppercase; } a.companyBlocks__inner--links span:after { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: -20px; top: 49%; transform: translateY(-50%); opacity: 0.7; transition: 0.3s ease-in-out; font-style: normal; } a.companyBlocks__inner--links.active, a.companyBlocks__inner--links.active span { background: var(--main-primary); color: #fff; pointer-events: none; } a.companyBlocks__inner--links.active span { opacity: 0.5; } a.companyBlocks__inner--links:hover { background: var(--main-paleBlue); } /* message */ section#catHeader.messageVis { background: url(https://corp.hifu3.com/wp-content/uploads/2025/06/ceomessage.jpg) no-repeat; background-size: cover; background-position: center; } section#messageText { position: relative; } .messageText__inner { display: flex; flex-direction: column; padding: 100px 0 120px; width: 100%; max-width: 900px; margin: 0 auto; gap: 25px; } p.textName { display: flex; align-items: flex-end; flex-direction: column; font-size: 2.1rem; font-weight: 600; line-height: 1.5; } p.textName span { font-size: 1rem; font-weight: 400; } .profile__inner { width: 100%; max-width: 900px; margin: 0 auto; background: var(--main-paleBlue); display: flex; padding: 40px 50px; justify-content: space-between; border-radius: 5px; } .profile__inner--img { width: 38%; } .profile__inner--img img { width: 100%; } .profile__inner--right { width: 55%; display: flex; flex-direction: column; gap: 25px; } p.profileNames { font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-size: 0.9rem; color: var(--main-text); font-weight: 400; } /* about */ section#catHeader.aboutVis { background: url(https://corp.hifu3.com/wp-content/uploads/2025/06/comabout.jpg) no-repeat; background-size: cover; background-position: center; } /* company */ section#companyOverview { display: block; position: relative; } .companyOverview__inner { width: 100%; max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; padding: 100px 0 0; gap: 80px; position: relative; } .companyOverview__inner dl { display: flex; flex-direction: column; gap: 25px; } .companyOverview__inner--row { display: flex; flex-direction: row; justify-content: flex-start; position: relative; border-bottom: solid 1px #ddd; } .companyOverview__inner--row dt { width: 180px; letter-spacing: 2.5px; font-weight: 600; color: var(--main-text); position: relative; font-size: 1.1rem; padding: 22px 0; } .companyOverview__inner--row dt:after { content: ""; width: 100%; height: 1px; position: absolute; background: var(--main-primary); bottom: -1px; left: 0; } .companyOverview__inner--row dd { display: flex; padding: 18px 0; line-height: 1.83; font-size: 1.1rem; color: #313131; width: calc(100% - 180px); } .companyOverview__inner--map { width: 100%; height: 500px; } .companyOverview__inner--map iframe { width: 100%; height: 100%; } /* company */ section#companythree { position: relative; } ul.companythree__inner { display: flex; flex-direction: column; width: 100%; max-width: 1100px; margin: 0 auto; padding: 100px 0; gap: 100px; } li.companythree__inner--list { display: flex; justify-content: flex-end; align-items: center; position: relative; } .companythree__inner--listText { width: 54%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--main-paleBlue); padding: 45px 50px; border-radius: 8px; display: flex; flex-direction: column; gap: 25px; } .companythree__inner--listText a.secondaryBtn { width: fit-content; min-width: 240px; } .companythree__inner--listImg { width: 100%; max-width: 600px; border-radius: 5px; overflow: hidden; height: 500px; } .companythree__inner--listImg img { width: 100%; object-fit: cover; height: 100%; } li.companythree__inner--list.reverse { justify-content: flex-start; } li.companythree__inner--list.reverse .companythree__inner--listText { left: auto; right: 0; } /* news renew */ section#allnews { position: relative; margin-top: -22px; } .allnews__inner { display: flex; flex-direction: column; gap: 60px; width: 100%; max-width: 1100px; margin: 0 auto; padding-bottom: 70px; } ul.allnews__inner--tab { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; align-items: center; } li.tab a { width: 170px; display: inline-flex; justify-content: center; align-items: center; border-radius: 9999px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.08); padding: 7px 0px 10px 0px; color: #aaa; cursor: pointer; } li.tab.is-active a { background: var(--main-primary); color: #fff; } li.tab a:hover { opacity: 0.7; } ul.content-tab { justify-content: flex-start; flex-wrap: wrap; gap: 40px; display: flex; position: relative; animation: fadeIn 0.7s ease 0s 1 normal; } li.content-tabInner { width: calc((100% - 80px) / 3); display: flex; flex-direction: column; } li.content-tabInner a { display: flex; flex-direction: column; height: 100%; } li.content-tabInner a:hover { opacity: 0.8; } .content-tabInner--img { width: 100%; height: 210px; overflow: hidden; border-radius: 5px; } .content-tabInner--img img { vertical-align: bottom; object-fit: cover; height: 100%; width: 100%; transition: 0.3s ease-in-out; } li.content-tabInner a:hover .content-tabInner--img img { transform: scale(1.04); } .content-tabInner--datetag { display: flex; justify-content: space-between; align-items: center; } p.newsCat { font-size: 0.7rem; border: solid 1px #707070; padding: 5px 12px 7px; line-height: 1; display: flex; justify-content: center; letter-spacing: 1px; border-radius: 9999px; } .content-tabInner--datetag { display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #eee; padding: 9px 0px; } h3.content-tabInner--title { padding: 12px 0; color: var(--main-text); flex-grow: 1; line-height: 1.83; letter-spacing: 1px; word-wrap: break-word; } p.content-tabInner--readmore { font-family: "Roboto", sans-serif; font-size: 0.9rem; font-style: italic; text-align: center; position: relative; color: #707070; transition: 0.3s ease-in-out; text-transform: uppercase; } p.content-tabInner--readmore:after { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; opacity: 0.7; transition: 0.3s ease-in-out; font-style: normal; padding-left: 9px; vertical-align: -1px; transition: 0.3s ease-in-out; } li.content-tabInner :hover p.content-tabInner--readmore { color: var(--main-primary); } li.pageNationWrapper { margin: 0 auto; width: 100%; } li.content-tabInner.nonenews { width: 100%; display: flex; text-align: center; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; } } /* tag color */ p.newsCat.press, li.tab.is-active.press a { color: #004EC8; border-color: #004EC8; background: #fff; } p.newsCat.corprate, li.tab.is-active.corprate a { color: var(--main-primary); border-color: var(--main-primary); background: #fff; } p.newsCat.service, li.tab.is-active.service a { color: #FF9000; border-color: #FF9000; background: #fff; } p.newsCat.column, li.tab.column.is-active a { color: #707070; border-color: #707070; background: #fff; } /* top news */ section#renews { padding: 0 0 100px; position: relative; } .renews__inner { width: 100%; max-width: 1100px; margin: 0 auto; background: var(--main-paleGrad); padding: 50px 60px; border-radius: 5px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px 20px; } .renews__inner--top { width: 100%; display: flex; justify-content: space-between; align-items: center; } .renews__inner--top .heading { padding-bottom: 0; } .renews__inner--top .heading:after { content: none; } a.renews__inner--topLink { color: var(--main-primary); text-decoration: underline; } a.renews__inner--topLink:hover { opacity: 0.7; } .renews__inner--link { display: flex; justify-content: space-between; align-items: unset; width: 100%; position: relative; } ul.renews__inner--linkLeft { width: calc(100% / 3 - 20px); position: relative; } ul.renews__inner--linkLeft:after { content: ""; width: 1px; background: #ddd; height: 100%; position: absolute; right: -30px; top: 0; } ul.renews__inner--linkLeft li.content-tabInner { width: 100%; } .renews__inner--link p.newsCat { background: none; } ul.renews__inner--linkRight { width: calc(100% / 3 * 2 - 40px); display: flex; flex-direction: column; gap: 60px; } li.content-tabInner.renewsRankTwo { width: 100%; position: relative; } li.content-tabInner.renewsRankTwo:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: -30px; background: #ccc; bottom: -30px; } li.content-tabInner.renewsRankTwo a { display: flex; flex-direction: row; width: 100%; gap: 30px; align-items: center; } li.content-tabInner.renewsRankTwo:last-child::after { content: none; } li.content-tabInner.renewsRankTwo .content-tabInner--img { width: 250px; height: 160px; } .renewsRankTwoRight { width: calc(100% - 250px - 30px); display: flex; flex-direction: column; } .renewsRankTwoRight p.content-tabInner--readmore { text-align: right; } .renewsRankTwoRight h3.content-tabInner--title { padding: 5px 0; } .renewsRankTwoRight .content-tabInner--datetag { padding-top: 0; } /* top topics */ section#topTopc { position: relative; } .topTopc__inner { align-items: center; padding: 35px 0 0; } .topTopc__inner .heading { text-align: center; display: flex; flex-direction: row; align-items: center; gap: 3px; justify-content: center; padding-bottom: 27px; } .topTopc__inner .heading:after { content: none; } .topTopc__inner .heading p { font-size: 1.2rem; line-height: 1.5; transform: translateY(3px); } .topTopc__inner .heading h2 { font-size: 1.5rem; } li.swiper-slide.content-tabInner.renewsRankTwo h3.content-tabInner--title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; } /* slider */ ul.swiper-wrapper { padding: 12px 0; } li.swiper-slide.content-tabInner.renewsRankTwo a { border-radius: 5px; background: #FFF; box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.08); padding: 10px 15px; max-width: 900px; margin: 0 auto; } .swiper.featured-news-swiper { padding-bottom: 30px; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 6px; } /* sample */ /* Swiperボタンの共通設定 */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; background-color: #fff; color: var(--main-primary); border-radius: 9999px; z-index: 10; display: flex; align-items: center; justify-content: center; cursor: pointer; border: solid 1px var(--main-primary); transition: 0.3s ease-in-out; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 0.8rem; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #eee; } /* 左（前）ボタン */ .swiper-button-prev { left: 19.8%; } /* 右（次）ボタン */ .swiper-button-next { right: 19.8%; } .swiper-pagination-bullet { width: 12px; height: 12px; transition: 0.3s ease-in-out; } span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--main-primary); width: 30px; border-radius: 9999px; } /* single */ ul.featured-news-single li.content-tabInner.renewsRankTwo a { width: 100%; max-width: 800px; margin: 0 auto; border-radius: 5px; background: #FFF; box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.08); padding: 10px 15px; } ul.featured-news-single li.content-tabInner.renewsRankTwo a .renewsRankTwoRight h3.content-tabInner--title { -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; } /* service */ section#pageHeader.serviceheader { background: url(https://corp.hifu3.com/wp-content/uploads/2025/07/servicesBG.svg) no-repeat; background-size: cover; background-position: center; height: auto; } .floatCircle { z-index: 1; } .floatCircle.floatone { background: url(https://corp.hifu3.com/wp-content/uploads/2025/07/circles_01.svg) no-repeat; width: 380px; height: 380px; position: absolute; right: 0; bottom: -160px; } .floatCircle.floattwo { background: url(https://corp.hifu3.com/wp-content/uploads/2025/07/circles_02.svg) no-repeat; width: 240px; height: 240px; position: absolute; right: 9%; bottom: 0px; } .floatCircle.floatthree { background: url(https://corp.hifu3.com/wp-content/uploads/2025/07/circles_03.svg) no-repeat; width: 200px; height: 200px; position: absolute; right: 25%; top: 0px; } section#pageHeader.serviceheader .pageHeader__inner { flex-direction: column; align-items: flex-start; gap: 30px; justify-content: center; min-height: 650px; } section#pageHeader.serviceheader .pageHeader__inner .heading { gap: 30px; } /* services */ section#services { background: #EDF0F5; position: relative; padding: 100px 0; } .services__inner { display: flex; justify-content: space-between; width: 100%; max-width: 1250px; margin: 0 auto; gap: 120px; align-items: flex-start; } ul.services__inner--left { width: 400px; display: flex; flex-direction: column; border-radius: 5px; overflow: hidden; position: sticky; top: 100px; } a.anchorLink { display: flex; align-items: center; padding: 15px 35px 17px 20px; background: #fff; border-bottom: solid 1px #eee; position: relative; color: var(--main-blue); font-weight: 600; line-height: 1.63; } .services__inner--right { display: flex; flex-direction: column; gap: 100px; } .services__inner--rightService { display: flex; flex-direction: column; gap: 20px; } p.serviceTitle { width: fit-content; background: #fff; font-size: 1.3rem; font-weight: 600; padding: 0 25px 2px; clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%); line-height: 1.9; transition: 0.6s ease-in-out; } #consulting p.serviceTitle { clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%); } #backoffice p.serviceTitle { clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); } .services__inner--rightService h2 { font-size: 1.8rem; font-weight: 500; line-height: 1.7; } ul.servicebenefits { background: #fff; padding: 15px 30px 20px; display: flex; flex-direction: column; gap: 10px; border-radius: 5px; position: relative; } ul.servicebenefits li { padding-left: 30px; position: relative; font-size: 1.1rem; letter-spacing: 1px; line-height: 1.63; } ul.servicebenefits li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 1px; color: var(--main-primary); transition: 0.3s ease-in-out; left: 0; } .services__inner--rightService a.secondaryBtn { width: fit-content; margin-top: 12px; } ul.servicebenefits li a { color: var(--main-primary); text-decoration: underline; } /* active */ a.anchorLink.active { background: var(--main-blue); color: #fff; } .services__inner--rightService.active .serviceTitle { background: var(--main-blue); color: #fff; } a.anchorLink.active:after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; color: #fff; transition: 0.3s ease-in-out; right: 20px; transform: translateY(-50%); opacity: .4; } .topTopc__inner li.content-tabInner.renewsRankTwo:after { content: none; } @media screen and (max-width: 1250px) { /* （ここに1250px以下のスタイルを記述） */ .mv__inner { padding-left: 4%; padding-right: 4%; } } @media screen and (max-width: 1100px) { /* （ここに1100px以下のスタイルを記述） */ ul.service__inner { padding-left: 4%; padding-right: 4%; } section#topNews { padding-left: 4%; padding-right: 4%; } .footer__inner { padding-left: 4%; padding-right: 4%; } section#pageHeader { overflow: hidden; } .pageHeader__inner { padding-left: 4%; padding-right: 4%; } nav#breadcrumb { padding-left: 4%; padding-right: 4%; } .form__inner { padding-left: 4%; padding-right: 4%; } /* cat header */ .catHeader__inner { padding-left: 4%; padding-right: 4%; } /* companys */ ul.companythree__inner { padding-left: 4%; padding-right: 4%; } .companythree__inner--listText { width: 50%; } .philosophyMvv__inner { padding-left: 4%; padding-right: 4%; gap: 40px; } /* news renew */ .allnews__inner { padding-left: 4%; padding-right: 4%; } /* top news */ .renews__inner { border-radius: 0; padding-left: 4%; padding-right: 4%; } /* service */ .services__inner { padding-left: 4%; padding-right: 4%; gap: 60px; } ul.services__inner--left { width: 240px; } .services__inner--right { width: calc(100% - 60px - 240px); } } @media screen and (max-width: 900px) { /* （ここに900px以下のスタイルを記述） */ .mv__inner:before { width: 100%; } .newsPost__inner { padding-left: 4%; padding-right: 4%; } /* form */ .form__inner { flex-direction: column; gap: 45px; padding: 40px 4% 60px; } .form__inner--left, .form__inner--right { width: 100%; } /* company */ li.companythree__inner--list { flex-direction: column-reverse; } .companythree__inner--listText { position: relative; top: auto; transform: none; width: 90%; margin-top: -40px; } .companythree__inner--listImg { max-width: none; } section#companyBlocks { padding-left: 4%; padding-right: 4%; } .messageText__inner { padding-left: 4%; padding-right: 4%; } section#profile { padding-left: 4%; padding-right: 4%; } .companyOverview__inner { padding-left: 4%; padding-right: 4%; } /* footer */ .footer__inner--topLeft, .footer__inner--topRight { width: fit-content; } /* news renew */ ul.content-tab { justify-content: space-between; } li.content-tabInner { width: calc((100% - 80px) / 2); } /* top news */ .renews__inner { gap: 50px; } .renews__inner--link { flex-direction: column; align-items: center; gap: 60px; } .renews__inner--top { flex-direction: column; gap: 15px; text-align: center; } ul.renews__inner--linkLeft { width: 45%; } ul.renews__inner--linkRight { width: 45%; } ul.renews__inner--linkLeft:after { content: ""; width: 100%; height: 1px; right: -30px; top: auto; right: auto; left: 0; bottom: -30px; } li.content-tabInner.renewsRankTwo:after { left: 0; } li.content-tabInner.renewsRankTwo a { display: flex; flex-direction: column; height: 100%; } .renewsRankTwoRight { width: 100%; } li.content-tabInner.renewsRankTwo .content-tabInner--img { width: 100%; height: 210px; } /* services */ section#pageHeader.serviceheader .pageHeader__inner .heading h2 br { display: none; } ul.services__inner--left { display: none; } .services__inner--right { width: 100%; } } @media screen and (max-width: 767px) { /* （ここにモバイル用スタイルを記述） */ /* common */ .heading { text-align: center; } .heading p { font-size: 1.2rem; } .heading h2, .heading h3 { font-size: 2rem; letter-spacing: 1.5px; } .heading:after { left: 50%; transform: translateX(-50%); } /* header */ .headOverlay { width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,.3); z-index: 190; opacity: 0; visibility: hidden; transition: all 200ms ease-in; } nav.header__inner--rightLink { width: 300px; height: 100vh; background: #fff; animation: gradientMove 12s infinite ease-in-out; right: -300px; top: 0; position: fixed; padding: 40px 20px; transition: all 200ms ease-in-out; z-index: 199; } nav.header__inner--rightLink ul { list-style: none; padding: 0; } .toggle { position: relative; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 300; } .toggler, .toggler:before, .toggler:after { content: ''; display: block; height: 3px; width: 25px; border-radius: 3px; background-color: #313131; position: absolute; transition: all 0.3s ease; } .toggler:before { bottom: 9px; } .toggler:after { top: 9px; } .deleteclass { background-color: transparent; } .deleteclass::before { transform: rotate(45deg); bottom: 0; } .deleteclass::after { transform: rotate(-45deg); top: 0; } body.show-nav .headOverlay { opacity: 1; visibility: visible; } body.show-nav nav.header__inner--rightLink { right: 0; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } nav.header__inner--rightLink { flex-direction: column; justify-content: flex-start; } h1.header__inner--logo a { width: 160px; } .header__inner { padding-right: 0; } header#header.resize .header__inner { padding-top: 0; padding-bottom: 0; } /* header */ nav.header__inner--rightLink ul { flex-direction: column; gap: 14px; width: 100%; } nav.header__inner--rightLink ul li a, li.hasChild span { padding-top: 10px; padding-bottom: 10px; width: 100%; } /* 追加 */ nav.header__inner--rightLink ul li { flex-direction: column; } .hasChild__inner { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; position: relative; top: auto; box-shadow: none; background: none; width: 100%; padding: 0 10px 0; } /* mv */ .mv__inner h2 { font-size: 2.2rem; text-align: center; } .mv__inner h2 span { font-size: 4rem; margin-left: -8px; } .mv__inner p br { display: none; } /* service */ ul.service__inner { padding-top: 60px; padding-bottom: 0; gap: 80px; margin-bottom: -120px; } li.service__inner--block, li.service__inner--block.reverse { flex-direction: column; } li.service__inner--block.reverse .service__inner--text, .service__inner--text { width: 100%; position: relative; z-index: 2; } .service__inner--imgs { position: relative; right: auto; top: 0; transform: none; width: 100%; } li.service__inner--block.reverse .service__inner--imgs { width: 100%; } li.service__inner--block.reverse .service__inner--imgs img { transform: none; } li.service__inner--block.reverse:before { bottom: 250px; right: auto; width: 100%; } /* top news */ section#topNews { padding-top: 60px; padding-bottom: 60px; } .topNews__inner { padding: 35px 20px; gap: 35px; } /* cta */ .cta__inner { padding-left: 4%; padding-right: 4%; padding-top: 30px; padding-bottom: 50px; gap: 25px; } p.ctaTopText { text-align: left; } p.ctaTopText br { display: none; } /* footer */ .footer__inner { padding-top: 30px; gap: 30px; } .footer__inner--top { flex-direction: column-reverse; gap: 30px; } .footer__inner--topLeft { width: 100%; text-align: center; gap: 2px; } .footer__inner--topRight { width: 100%; } .footerlinks { flex-direction: column; } .footer__inner--topLeft p { color: #999; } /* page header */ section#pageHeader { height: 250px; } .pageHeader__inner { justify-content: center; } .newsList__inner { padding-top: 60px; padding-bottom: 60px; } ul.newsLine { padding-left: 4%; padding-right: 4%; } /* news list */ ul.newsLine li a.newsLine--link { padding: 23px 40px 16px 20px; } a.newsLine--link h3 { line-height: 1.53; font-weight: 600; } /* news post */ .newsPost__inner { padding-left: 0; padding-right: 0; padding-bottom: 40px; } .newsPost__innerWrapper { padding: 25px 4%; box-shadow: none; border-radius: 0; border: none; } .nav-link-container { padding-top: 50px; position: relative; padding-left: 4%; padding-right: 4%; } .news-archive-link { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } /* form */ ul.form__inner--list { padding: 15px 20px; } /* cta */ .cta__inner a { padding: 20px 30px 30px; gap: 5px; } /* cat header */ .catHeader__inner { align-items: center; justify-content: center; } /* cat */ section#companyText { padding: 0; } .companyText__inner { border-radius: 0; box-shadow: none; padding: 20px 25px; } .companyText__inner p strong { line-height: 1.4; } /* company */ .companythree__inner--listText { padding: 30px 25px; } .companythree__inner--listText a.secondaryBtn { margin: 0 auto; } .philosophyMvv__inner--bottom { padding: 40px 25px; gap: 60px; } .philosophyMvv__inner--bottomSec .heading h3 { font-size: 1.7rem; } ul.textList { padding: 10px 20px; border: none; } ul.companyBlocks__inner { flex-direction: column; } ul.companyBlocks__inner li { width: 100%; } a.companyBlocks__inner--links { border-bottom: solid 1px #ddd; padding-top: 20px; padding-bottom: 28px; gap: 8px; } .profile__inner { flex-direction: column; gap: 25px; padding: 20px 25px; } .profile__inner--img { width: 100%; } .profile__inner--right { width: 100%; } ul.companyBlocks__inner li:last-child a.companyBlocks__inner--links { border: none; } .companyOverview__inner dl { gap: 0px; } .companyOverview__inner--row { flex-direction: column; border: none; } .companyOverview__inner--row dt { width: fit-content; } .companyOverview__inner--row dd { width: 100%; } .messageText__inner { padding-bottom: 60px; } /* renew news */ li.tab { width: 45%; } li.tab a { width: 160px; } li.content-tabInner { width: 100%; } /* top renews */ ul.renews__inner--linkLeft, ul.renews__inner--linkRight { width: 100%; } /* topics */ /* 左（前）ボタン */ .swiper-button-prev { left: 5px; } /* 右（次）ボタン */ .swiper-button-next { right: 5px; } /* single toppic */ ul.featured-news-single { padding-left: 6%; padding-right: 6%; } ul.featured-news-single li.content-tabInner.renewsRankTwo a { gap: 10px; } /* services */ section#pageHeader.serviceheader .pageHeader__inner { position: relative; z-index: 2; } .services__inner--rightService h2 br { display: none; } p.serviceTitle { font-size: 1.1rem; } /* swiperの調整 */ li.swiper-slide.content-tabInner.renewsRankTwo h3.content-tabInner--title { min-height: 65px; } }