@charset "UTF-8";
@import "./css/base.css";


/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* =============== 全体 */

html {font-size:62.5%;}
body {font:1.6rem/1.8 "Noto Sans JP",sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
.content {margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}

@media (min-width:601px){
  .content {width:calc(100% - 50px); max-width:1200px; min-width:950px;}
}
@media (max-width:600px){
  html {font-size:56%;}
  body {line-height:1.7;}
}


/* =============== ヘッダ */
header {position:sticky; left:0; top:0; z-index:18000; background:#09337B; color:#fff;}
header .content {display:flex; justify-content:space-between;}
header .content:after {display:none;}
header a {display:block; text-decoration:none; color:#fff;}
header a:hover {color:#cde;}
#spNav {display:none;}
header nav {padding-left:10px; font-weight:700;}
header nav a {padding:0 14px;}
header nav a[href*="facebook.com"] {padding-right:0;}
header nav img {width:26px;}

@media (min-width:601px){
  header .content {max-width:100vw;}
  header :where(.siteTitle, h1) {padding-block:1.5rem;}
  header :where(.siteTitle, h1) img {width:clamp(230px,100px + 11vw,280px);}
  header nav {display:flex!important;}
  header nav ul {display:flex;}
  header nav li {position:relative; display:flex;}
  header nav li a {position:relative; display:flex; align-items:center; line-height:1.5;}
  header nav li.-contactBtn {margin-left:1em;}
  header nav li.-contactBtn:before {content:""; display:block; position:absolute; left:50%; top:50%; translate:-50% -50%; width:100%; height:2em; border-radius:100px; background:#57B100;}
}
@media (max-width:600px){
  header nav li.-contactBtn a {background:#57B100;}
}

/* =============== メイン */
.pageTitle {position:relative; display:flex; flex-direction:column; justify-content:center; padding:20px 0; background:url(../images/common/title_bg.webp) no-repeat 100% bottom; background-size:clamp(392px,40%,547px) auto; overflow:hidden;}
.pageTitle:before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(90deg, #ddeaee66 0%, #dde2d655 100%);}
.pageTitle h1 {position:relative; margin:0 auto; line-height:60px; font-size:3.4rem; /*color:#131F3C;*/ color:#363636;}
.pageTitle .folderLabel {margin:0 auto; line-height:1; font-weight:bold; color:#57B100;}
.pageTitle .folderLabel + h1 {line-height:1.5; margin-bottom:6px;}
.pageTitle + .content,
.pageTitle + .container {padding-top:50px;}

#main .content {padding-bottom:60px; container-type:inline-size;}
.container {margin:0 auto; overflow:hidden;}
.container .nav {padding-bottom:40px; font-size:1.4rem;}

#spSubNav {display:none;}
.container .nav > ul {border-bottom:2px #c0ccd8 solid;}
.container .nav > ul li {border-top:2px #c0ccd8 solid;}
.container .nav > ul a {position:relative; display:block; padding:.8em 0 .8em 16px; line-height:1.3; text-decoration:none;}
.container .nav > ul a:hover {color:#57B100;}
.container .nav > ul a:before {content:">"; display:block; position:absolute; left:2px; top:50%; margin-top:-6px; line-height:12px; font-family:"arrow"; font-weight:bold; color:#57B100;}
.container .nav > ul a span {display:inline-block;}
.seg {zoom:1;}
.seg:after {content:""; display:block; clear:both;}
.content h2 {margin-top:2em; margin-bottom:.8em; font-size:146.5%;}
.content h3 {margin-top:1.6em; margin-bottom:.65em; font-size:123.1%;}
.content h4 {margin-top:1em; margin-bottom:.6em; font-size:116%;}
.content h5 {margin-top:1em; margin-bottom:.6em; font-size:108%;}
.content h6 {margin-top:1em; margin-bottom:.6em;}
.endCM {clear:both; padding:30px 0; background:#f0f0f0;}
.endCM .customerMenu {margin:0 auto;} 

.socialIcon {clear:both; padding:25px 0; text-align:center;}
.socialIcon li {display:inline-block; vertical-align:middle!important; line-height:.6em;}
.socialIcon a {color:#fff;}
.entry .socialIcon {padding:5px 0 25px; text-align:left;}

.content img {max-width: 100%; height: auto;}

@media (min-width:601px){
  .pageTitle h1, .pageTitle .folderLabel, .container {width:calc(100% - 50px); max-width:1200px; min-width:950px;}
  .pageTitle {min-height:clamp(160px, calc(40px + 12vw), 220px);}
  .container .content {width:calc(100% - 250px); min-width:700px; float:left;}
  .container .nav {width:200px; float:right;}
  .endCM .customerMenu {width:calc(100% - 50px); max-width:1050px; min-width:950px;}
}

/* =============== フッタ */
footer {background:#363636; color:#fff;}
.cmnContact {background:#2a9911; text-align:center; cursor:pointer;}
.cmnContact a {display:block; width:950px; margin:0 auto; padding:12px 0; font-size:2.4rem; font-weight:bold;}
.cmnContact a * {display:inline-block; vertical-align:middle;}
.cmnContact a span {margin:0 12px;}
.cmnContact br {display:none;}
.cmnContact:hover {background:#57B100;}
.cmnContact a:hover img {opacity:1;}
footer .content {padding:30px 0 15px;}
footer a {color:#fff; text-decoration:none;}
footer dl {width:23.5%; float:left; line-height:1.33; color:#bbb;}
footer dl + dl {margin-left:2%;}
footer dt {margin-bottom:.45em; font-weight:bold; font-size:93%;}
footer dt + dt {margin-top:.5em;}
footer dd + dt {margin-top:1.2em;}
footer dd {font-size:1.3rem;}
footer dd + dd {margin-top:.4em;}
footer dd a {display:block; padding-left:15px;}
footer dd a:before {content:">"; display:inline-block; width:15px; height:1em; margin-left:-15px; text-align:center; font-family:"arrow"; font-weight:bold; color:#09e;}
footer dl a:hover {color:#adf;}

.badges {float:right; width:23.5%; padding:15px 0 0; overflow:hidden;}
.badges li {display:inline-block; margin:4px 2px; padding:2px; background:#fff; border-radius:4px;}
.badges img {height:48px;}
.snsIcons {float:right; width:23.5%; padding:15px 0 0; overflow:hidden;}
.snsIcons li {display:inline-block; margin:4px 2px;}
.snsIcons img {height:44px;}

footer address {position:relative; clear:both; padding-top:45px; text-align:center; overflow:hidden; font-size:1.5rem;}
footer address:before {content:""; display:block; width:100%; position:absolute; top:25px; left:0; border-top:1px #555 solid;}
footer .name {display:inline-block; margin-right:1em; font-weight:bold; font-size:108%;}
footer .name img {margin-right:.6em;}
footer .address {display:inline-block; font-size:93%;}
footer .address span {display:inline-block; margin-right:.4em;}
.footerMap {display:inline-block; margin:0 .3em; padding:0 .3em; background:#57B100; border-radius:3px; line-height:1.2; font-size:85%; color:#fff;}
.footerMap:before {content:">"; display:inline-block; vertical-align:5%; margin-right:.3em; font-family:"arrow"; font-weight:bold;}
.footerMap:hover {background:#6c1;}
footer .cr {margin:0; text-align:center; font-size:1.2rem;}

footer > .content > address:first-child {padding-top:0;}
footer > .content > address:first-child:before {display:none;}


/* =============== カスタム要素 */

h2.ttl1 {margin-top:3em; margin-bottom:2em; font-size:167%; text-align:center;}
.ttl1 span {display:inline-block; padding-bottom:.1em; border-bottom:4px #09337B solid;}
.ttl2 {color:#09337B;}
.ttl3 {border-left:6px #09337b solid; padding-left:8px;}

.btn1 {padding:.8em 0;}
:is(.btn1,.btn2) button {all:unset; font:inherit; line-height:inherit; text-align:inherit; color:inherit;}
.btn1 :where(a,button) {display:inline-block; padding:.2em .8em; border-bottom:3px #380 solid; background:#57B100; font-size:108%; font-weight:bold; text-decoration:none; color:#fff;}
.btn1 :where(a,button):hover {background:#6c1; border-bottom-color:#4a0;}
.btn1 :where(a,button):before {content:">"; display:inline-block; vertical-align:5%; margin-right:.6em; font-family:"arrow";}
.btn2 :where(a,button) {display:inline-block; padding-bottom:1px; text-decoration:none; border:none; font-weight:bold; color:#555;}
.btn2 :where(a,button):hover {color:#57B100;}
.btn2 :where(a,button):before {content:">"; display:inline-block; vertical-align:-15%; width:1.2em; height:1.2em; line-height:1.2; border-radius:.7em; margin-right:.4em; background:#57B100; font-size:108%; font-weight:bold; color:#fff; font-family:"arrow"; text-align:center; overflow:hidden;}
.btn2.-noBd a {border:none;}
.btn3 {display:inline-block; margin-left:.4em; padding:0 .5em; background:#888; color:#fff; font-size:93%; line-height:1.3; text-decoration:none;}
.btn3:hover {background:#555;}
.btn3:before {content:">"; margin-right:.4em; font-family:"arrow";}
.rvs a:before {content:"<";} 
a[id*="cta_button"] {font-family:"Noto Sans JP",,sans-serif!important; font-weight:bold!important;}

.loadingBg {background:url(./img/bx_loader.gif) no-repeat 50% 50%;}

.indexBtns {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; margin:2em 0; padding-bottom:2px;}
.indexBtns li {display:table; position:relative; width:33.33%; height:8rem; margin-bottom:-2px; font-size:108%;}
.indexBtns li:nth-child(3n-2) {clear:left;}
.indexBtns a {display:table-cell; vertical-align:middle; padding:.2px 1.6rem; border:#c0ccd8 solid; border-width:2px 0; background:#fff; line-height:1.4; text-decoration:none;}
.indexBtns a:hover {color:#57B100;}
.indexBtns a:before {content:">"; display:block; position:absolute; left:2px; top:50%; margin-top:-6px; line-height:12px; font-family:"arrow"; font-weight:bold; color:#57B100;}


.tempNav {padding:1em 0; border:#aaa dashed; border-width:1px 0; overflow:hidden;}
.tempNav a {position:relative; display:block; padding:.2em 0 .2em 16px; text-decoration:none;}
.tempNav a:hover {color:#57B100;}
.tempNav a:before {content:">"; display:block; position:absolute; left:2px; top:50%; margin-top:-6px; line-height:12px; font-family:"arrow"; font-weight:bold; color:#57B100;}
.tempNav + .btn2 {margin-top:30px;}

.relMenu {margin-bottom:30px;}
.relMenu li {width:50%; float:left; white-space:nowrap;}

*.divTop {margin-top:30px; padding-top:30px; border-top:1px #888 dashed;}
*.divBtm {margin-bottom:30px; padding-bottom:30px; border-bottom:1px #888 dashed;}

.backToTop {clear:both; padding:20px 0 25px; text-align:right; font-size:85%;}
.backToTop a {display:inline-block; border-bottom:1px #aaa dotted; text-decoration:none; color:#777;}
.backToTop a:before {content:"▲"; margin-right:.4em;}


@media (min-width:601px) {
  header, #main, footer, .cmnContact {min-width:980px;}
  .pcInBlk {display:inline-block;}
  .container .nav ul,
  footer dd {display:block!important;}
}
@media (max-width:600px) {
  #dim {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:15000;}
  .content {width:auto; padding-left:12px; padding-right:12px;}
  
  header .content {position:relative; padding:0 12px;}
  header :where(h1,.siteTitle) {float:none; padding:0;}
  header :where(h1,.siteTitle) a {padding:10px 0;}
  header :where(h1,.siteTitle) img {width:200px;}
  #spNav {display:block; position:absolute; right:0; top:0; width:58px; height:54px; text-align:center; font-size:1rem; line-height:1; letter-spacing:.08em; color:#fff; white-space:nowrap; cursor:pointer;}
  #spNav:before {content:""; display:block; width:50%; height:3px; margin:21px auto 13px; background:#fff; box-shadow:0 -8px 0 #fff, 0 8px 0 #fff;}
  header nav {display:none; position:absolute; left:0; top:100%; width:100%; background:#025; box-shadow:0 4px 0 rgba(0,0,0,.3); font-size:100%;}
  header nav {float:none; padding:0; border:0; font-weight:normal;}
  header nav li + li {border-top:1px rgba(255,255,255,.3) dotted;}
  header nav li.seg {margin-left:0; padding-left:0; border-left:0;}
  header nav a {position:relative; padding:0 12px!important; line-height:48px!important;}
  header nav a br {display:none;}
  header nav img {display:none;}
  header nav li:first-child a:before {content:"HOME";}
  header nav a[href*="facebook.com"]:before {content:"公式Facebookページ";}
  header nav a:after {content:">"; display:inline-block; position:absolute; right:12px; top:50%; margin-top:-7px; line-height:14px; font-family:"arrow";}
    
  .container {width:auto; margin:0 auto;}
  .pageTitle + .content,
  .pageTitle + .container {padding-top:25px;}
  .container .content {width:auto; float:none;}
  .container .nav {width:auto; float:none; padding-bottom:5px;}
  #spSubNav {display:block; padding:.8em 12px; background:#C0CCD8; text-align:center;}
  #spSubNav:after {content:""; display:inline-block; margin-left:.4em; border:rgba(192,204,216,0) 4px solid; border-top:6px #000 solid; border-bottom:0; vertical-align:10%;}
  #spSubNav.open:after {content:""; display:inline-block; margin-left:.4em; border:rgba(192,204,216,0) 4px solid; border-bottom:6px #000 solid; border-top:0; vertical-align:10%;}
  .container .nav ul {display:none; background:#f7faf7;}
  .container .nav li {padding:0 10px;}
  .container .nav li:first-child {border-top:0;}
  
  .pageTitle {min-height:120px; padding:20px 0; background-position:100% 50%; background-size:auto 250px;}
  .pageTitle h1 {width:auto; margin:0 12px; line-height:1.2; font-size:153.9%;}
  .pageTitle h1 span {display:inline-block;}
  .pageTitle .folderLabel {width:auto; margin:0 12px; margin:-.2em 12px -.3em; line-height:1;}
  .pageTitle .folderLabel + h1 {position:relative; top:.4em; line-height:1.2;}
  .endCM {padding:15px 12px;}
  .endCM .customerMenu {width:auto;}
  .endCM .customerMenu a {padding-left:0;}
  .endCM .customerMenu a:before {display:none;}
  .endCM .customerMenu img {position:static; vertical-align:middle;}
  .endCM .customerMenu dl {display:inline-block; width:250px; width:calc(100% - 45px - .6em); vertical-align:middle;}
  .endCM .customerMenu dt {display:inline; text-indent:0; line-height:1.3!important;}
  .endCM .customerMenu dd {display:none;}
  
  .content h2 {margin-top:1.5em; margin-bottom:.8em; font-size:131%; line-height:1.5;}
  .content h3 {margin-top:1.2em; margin-bottom:.65em; font-size:123.1%; line-height:1.5;}
  .content h4 {margin-top:.8em; margin-bottom:.6em; font-size:116%; line-height:1.6;}
  .content h5 {margin-top:.8em; margin-bottom:.6em; font-size:108%; line-height:1.7;}
  .content h6 {margin-top:.8em; margin-bottom:.6em;}
  .ttl1 {font-size:138.5%;}
  .btn1 a {font-size:100%;}
  .indexBtns li {width:100%; float:none; height:auto;}
  .indexBtns li a {padding-top:1.5rem; padding-bottom:1.5rem;}
  .relMenu li {width:auto; float:none; white-space:normal;}
  .tempNav {padding:1rem 0;}
  .tempNav li + li {border-top:1px #eee solid;}
  .tempNav a {padding:.6em 0 .6em 16px;}
  
  .cmnContact a {width:auto; line-height:1.4; font-size:116%;}
  .cmnContact a img[src*="icon"] {width:55px;}
  .cmnContact a img[src*="arrow"] {width:16px; margin:0 4px;}
  .cmnContact br {display:inline-block;}
  footer dl {width:auto; float:none; margin:0 12px; line-height:1.6; color:#fff;}
  footer dl + dl {margin:.5em 12px 0;}
  footer dd + dt {margin-top:.5em;}
  footer dt.par {position:relative; padding-left:12px;}
  footer dt.par:before {content:""; display:block; width:7px; border-top:1px #fff solid; position:absolute; left:0; top:50%;}
  footer dt.par:after {content:""; display:block; height:7px; border-left:1px #fff solid; position:absolute; left:3px; top:50%; margin-top:-3px;}
  footer dl a {display:block;}
  footer dd {display:none;}

  .badges {float:none; width:auto; margin:0 12px;}
  .badges li {margin:3px; padding:2px;}
  .badges img {height:50px;}

  .snsIcons {}

  footer address {padding:45px 12px 0;}
  footer .cr {margin:0 12px; text-align:center; font-size:77%;}
}


.content > :first-child,
.content > :first-child > :first-child {margin-top:0;}

.padbox-gr {background:#C8E5AB; margin-block:1.8em; padding:1.3em 2em;}

@media (max-width:600px){
  .padbox-gr {padding:1.4em 1.2em;}
}


/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/


/* =============== トップページ */
.home_video {position:relative; z-index:1; width:100%; overflow:hidden;}
.home_video ._inner:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#0002; transition:opacity .6s;}
.home_video iframe {position:absolute; left:50%; top:50%; display:block; width:100.5%; height:auto; aspect-ratio:1; translate:-50% -50%; pointer-events:none;}
.home_video ._txt {position:absolute; line-height:1.5; font-weight:800; color:#fff; bottom:5%; transition:opacity .6s;}
.home_video.-lastScene ._txt,
.home_video.-lastScene ._inner:after {opacity:0;}
.home_video ._txt .-lead {font-size:var(--homeLeadFS);}
.home_video ._txt p {font-size:var(--homeDescFS);}

.home_slide {position:relative; z-index:10;}
.home_slide:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:80%; background:linear-gradient(90deg, #eee 0%, #CED9EA 50%, #CEECEA 100%); opacity:.4;}
.home_slide .slick-list {overflow:visible;}
.home_slide img {width:100%;}
.home_slide ._txt {position:absolute; z-index:2; font-size:calc(var(--homeLeadFS) * .7); color:#fff; translate:-150% 0; opacity:0;}
.home_slide .slick-active ._txt {translate:0; opacity:1; transition:translate .3s, opacity .6s; transition-delay:.3s;}
.home_slide ._txt:before {content:""; position:absolute; right:0; top:0; display:block; width:100%; height:100%; background:#380C; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); scale:1.5 1; transform-origin:100% 0;}
.home_slide ._txt > * {position:relative; z-index:2;}
.home_slide ._txt .-lead {line-height:1.2; font-weight:900;}
.home_slide ._txt p {line-height:1.6; font-size:calc(var(--homeDescFS) * .85); font-weight:800;}
.home_slide ._txt .btn2 a {border:0; font-size:93%; color:#000;}
.home_slide ._txt .btn2 a:hover {color:#fff;}
.home_slide ._txt .btn2 a:before {background:#fff; color:#380;}
.home_slide ._pic {position:relative;}
.home_slide ._pic img {width:100%; object-fit:cover;}
.home_slide .slick-dots {bottom:0; display:flex; gap:6px; justify-content:center;}
.home_slide .slick-dots li {width:auto;}
.home_slide .slick-dots li button:before {content:""; display:block; width:30px; height:5px; background:#ddd; opacity:1;}
.home_slide .slick-dots li.slick-active button:before {background:#57B100;}

@media (min-width:601px){
  :root {--homeLeadFS:calc(3rem + 3cqw); --homeDescFS:calc(1rem + 1cqw);}
  
  .home_video {min-width:980px; aspect-ratio:7/4; container-type:inline-size;}
  .home_video ._txt {right:0; text-align:right; translate:-6cqw -4cqw;}
  .home_video ._txt .-lead {margin-bottom:.2em;}
  
  .home_slide {padding:max(3vw,2rem);}
  .home_slide ._txt {top:-2em; padding:.6em .8em .6em 0;}
  .home_slide ._txt .-lead {margin-bottom:.4em;}
  .home_slide ._pic {margin-left:15%;}
  .home_slide ._pic img {aspect-ratio:5/3; object-position:100% 80%;}
  .home_slide ._pic img:is(.-esp,.-hbsp) {object-position:revert;}
}
@media (max-width:600px){
  :root {--homeLeadFS:8vw; --homeDescFS:4.2vw;}

  .home_video {width:100%; aspect-ratio:5/4;}
  .home_video ._inner {position:absolute; left:50%; top:0; translate:-50% 0; height:100%; aspect-ratio:7/4;}
  .home_video ._inner:after {background:linear-gradient(180deg, #0002 50%, #0016 100%);}
  .home_video ._txt {translate:4vw -8vw;}

  .home_slide {padding-bottom:12vw;}
  .home_slide:before {height:88%;}
  .home_slide ._txt {z-index:20; bottom:-12vw; padding:.7em 1em .8em; max-width:93%;}
  .home_slide ._txt .-lead {margin-bottom:.4em;}
  .home_slide ._pic {position:relative; translate:0 -2em; margin-left:15vw;}
  .home_slide ._pic img {aspect-ratio:1; object-position:100% 60%;}
  .home_slide .slick-dots {translate:0 200%;}
}

.customerMenu a {display:block; text-decoration:none; text-align:center;}
.customerMenu ._ttl {margin:.3em 0 .4em; line-height:1.4; font-weight:bold; font-weight:700; color:#09337B;}
.customerMenu ._ttl .sm1 {display:inline-block;}
.customerMenu ._list ul {display:flex; flex-wrap:wrap; gap:0 .4em; line-height:1.45;}
.customerMenu ._list li {font-size:1.1rem; color:#808080; letter-spacing:-.02em;}
.customerMenu ._list li:not(:last-child):after {content:"/"; margin-left:.4em;}
.customerMenu a:hover img {opacity:1;}
.customerMenu a:hover ._list li {color:#000;}

@media (min-width:601px){
  .customerMenu {container-type:inline-size; display:grid; grid-template-columns:20fr 20fr 18fr 21fr 21fr; grid-template-rows:auto auto auto; gap:0 3%; padding-block:2.5rem;}
  .customerMenu > li, .customerMenu a {position:relative; grid-row:span 3; display:grid; grid-template-rows:subgrid;}
  .customerMenu > li + li:before {content:""; display:block; position:absolute; left:-1.5cqw; top:15%; height:70%; border-left:1px #aaa dotted;}
  .customerMenu ._ttl {display:grid; place-content:center; padding-block:.25em .2em; font-size:1.6cqw; white-space:nowrap;}
  .customerMenu ._list {display:grid; place-content:center;}
  .customerMenu ._list ul {justify-content:center;}
}
@media (max-width:600px){
  .customerMenu {padding-block:2rem;}
  .customerMenu > li {width:100%!important;}
  .customerMenu > li + li {margin:.5em 0 0; padding-top:.6em; border-top:1px #aaa dotted;}
  .customerMenu a {position:relative; display:grid; grid-template-columns:clamp(60px,18%,70px) 1fr; gap:.3rem 1.2rem; text-align:left; overflow:hidden;}
  .customerMenu ._pic {grid-column:1/2; grid-row:1/3;}
  .customerMenu img {width:100%;}
  .customerMenu ._ttl {grid-column:2/3; grid-row:1/2; margin:.2em 0; line-height:1.3!important; font-size:1.75rem;}
  .customerMenu ._ttl br {display:none;}
  .customerMenu ._list {grid-column:2/3; grid-row:2/3; display:flex; align-items:center;}
}

.feature {margin:35px 0 0;}
.feature li {position:relative; height:clamp(200px, calc(150px + 5cqw), 240px); min-height:110px; overflow:hidden;}
.feature li:after {content:""; display:block; position:absolute; z-index:10; right:-10px; top:0; width:10px; height:100%; box-shadow:0 0 3px rgba(0,0,0,.3);}
.feature li a:after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(60,150,255,.2); -webkit-transition:all .3s; transition:all .3s;}
.feature li img {position:relative; width:100%; height:100%; box-sizing:border-box; z-index:1; object-fit:cover;}
.feature li p {position:absolute; z-index:10; bottom:8px; left:0; max-width:93%; box-sizing:border-box; margin:0; padding:.25em .8em; background:#57B100; line-height:1.3; font-size:108%; font-weight:bold; color:#fff;}
.feature li p span {display:inline-block;}
.feature li a:hover:after {opacity:0;}
.feature li a:hover img {opacity:1;}
.feature li a:hover p {background:#380;}
.feature .bx-wrapper .bx-controls-direction a {top:40%;}

@media (min-width:601px){
  .feature {min-width:980px;}
  .feature li p {font-size:clamp(1.5rem, .8rem + .8vw, 1.8rem);}
}

main:has(.home_edu) {overflow:hidden;}
.home_edu {position:relative; margin-block:max(10rem, calc(6rem + 3vw))!important;}
.home_edu > * {position:relative;}
.home_edu ._txt > *:last-child {margin-bottom:0;}
.home_edu ._txt {z-index:3;}
.home_edu ._txt p ~ p:has(strong) {margin-block:1em;}
.home_edu ._txt .btn2 {text-align:right;}
.home_edu h2 {position:relative; font-size:2.8rem; color:#09337b;}
.home_edu h2:before {content:""; display:block; width:4em; aspect-ratio:1; position:absolute; left:0; top:0; translate:-50% -35%; border:1em #c8e5ab solid; border-radius:50%;}
.home_edu h2 > span {position:relative;}
.home_edu ._links {z-index:1; background:#4B5B7B; color:#fff;}
.home_edu ._links > * {position:relative;}
.home_edu ._links dt {font-weight:bold;}
.home_edu ._links dd {padding-left:1.2em;}
.home_edu ._links a {display:inine-block; position:relative; text-decoration:none; color:inherit;}
.home_edu ._links a:before {content:""; display:block; width:1em; aspect-ratio:1; position:absolute; right:100%; top:.2em; translate:-25% 0; border:#fff solid; border-width:3px 3px 0 0; rotate:45deg; scale:.4;}
.home_edu ._pic {z-index:2;}
.home_edu ._pic img:nth-child(1) {z-index:3;}
.home_edu ._pic img:nth-child(2) {z-index:2;}
.home_edu ._pic img:nth-child(3) {z-index:1;}

@media (min-width:601px){
  .home_edu {display:grid; grid-template-columns:1fr 1fr; gap:0 6%; container-type:inline-size;}
  .home_edu ._txt {padding:0 4cqw 3cqw; background:#fff;}
  .home_edu ._txt h2 {margin-left:-2cqw;}
  .home_edu ._links {grid-column:1/2; grid-row:2/3; padding:3.5rem 0 4rem 2cqw;}
  .home_edu ._links:before {content:""; display:block; position:absolute; left:0; bottom:0; width:100cqw; height:calc(100% + 5rem); background:#4B5B7B; scale:5 1; transform-origin:0% 0; translate:min(calc(14cqw - 14vw), -50px) 1px;}
  .home_edu ._pic {grid-column:2/3; grid-row:1/3;}
  .home_edu ._pic img {position:absolute;}
  .home_edu ._pic img:nth-child(1) {bottom:0; left:0; width:70%; translate:6% -125%;}
  .home_edu ._pic img:nth-child(2) {bottom:0; left:0; width:80%; translate:-33% -15%;}
  .home_edu ._pic img:nth-child(3) {bottom:0; right:0; width:60%; translate:30% -50%;}
}
@media (min-width:601px) and (max-width:1100px){
  .home_edu {grid-template-columns:30rem auto;}
  .home_edu ._txt {grid-column:1/3; grid-row:2/3; margin-left:1cqw;}
  .home_edu ._pic {z-index:4; grid-column:2/3; grid-row:1/2; aspect-ratio:5/1;}
  .home_edu ._links {grid-row:3/4;}
  .home_edu ._links:before {width:90cqw;}
}
@media (max-width:1100px){
  .home_edu ._pic {aspect-ratio:4/1;}
  .home_edu ._pic img:nth-child(1) {all:revert; position:absolute; left:0; bottom:0; width:35%; translate:0 -20%;}
  .home_edu ._pic img:nth-child(2) {all:revert; position:absolute; left:32%; bottom:0; width:40%; translate:0 20%; z-index:5;}
  .home_edu ._pic img:nth-child(3) {all:revert; position:absolute; left:70%; bottom:0; width:32%; translate:0 14%;}
}
@media (max-width:600px){
  .home_edu {margin-block:8rem;}
  .home_edu ._pic {margin:0 0 4rem 10%;}
  .home_edu ._txt > h2 ~ * {margin-left:4vw;}
  .home_edu ._links {margin:2em 0 0 3em; padding:1em 0 1em 1.5em; box-shadow:50px 0 0 #4B5B7B;}
}

.home_outline, .home_outline > * {position:relative;}
.home_outline ._pic img {object-fit:cover;}
.home_outline ._catch {display:flex; flex-wrap:wrap; padding-bottom:.6em; line-height:1.2; font-family:"Inter",sans-serif; font-weight:800; color:#013;}
.home_outline ._catch li:not(:last-child):after {content:""; display:inline-block; width:.6em; aspect-ratio:1; margin-left:.3em; background:linear-gradient(90deg, #fff0 45%, currentColor 45%, currentColor 55%, #fff0 55%), linear-gradient(180deg, #fff0 45%, currentColor 45%, currentColor 55%, #fff0 55%); rotate:45deg;}
.home_outline ._txt {background:#fff;}

@media (min-width:601px){
  .home_outline {display:grid; grid-template-columns:5fr 1fr 4fr; grid-template-rows:8cqw auto 1fr 8cqw; margin-top:calc(5rem + 8cqw);}
  .home_outline ._pic {position:relative; grid-column:1/3; grid-row:1/5;}
  .home_outline ._pic img {position:absolute; right:0; top:0; width:max(60vw, 600px); max-width:100vw; height:100%;}
  .home_outline ._catch {grid-column:2/4; grid-row:2/3; gap:0 .3em; font-size:4cqw; translate:-8cqw 0;}
  .home_outline ._txt {grid-column:2/4; grid-row:3/4; padding-block:2em; box-shadow:-3em 0 0 #fff;}
}
@media (max-width:600px){
  .home_outline ._pic img {width:100%; aspect-ratio:5/3; scale:1.3; transform-origin:50% 0; box-shadow:0 33vw 0 rgba(30,50,90,.8);}
  .home_outline ._catch {margin-right:4vw; padding:2vw 4vw 2vw 0; background:#fff; font-size:7vw; box-shadow:-7vw 0 0 #fff;}
  .home_outline ._txt {margin-right:4vw; padding-right:3vw; background:#fff; box-shadow:-7vw 0 0 #fff;}
}

.home_news {position:relative; overflow:hidden; margin-block:max(10rem, calc(6rem + 3vw)); padding:4rem 0; box-shadow:950px 0 0 #f4f4f4;}
.home_news h2 {font-size:2.8rem;}
.home_news dl > * {position:relative;}
.home_news dl > dt {padding-top:1em; border-top:1px #aaa dotted;}
.home_news dl > dd {margin:-1.8em 0 0 8em; padding-bottom:1em;}
.home_news dl > div + div {margin-top:.8em; padding-top:.8em; border-top:1px #aaa dotted;}
.home_news dl > div dt {font-weight:bold; font-size:93%; letter-spacing:.025em; color:#09337b;}
.home_news .btn2 a {border:0; font-weight:bold;}
.home_news .btn2 a:not(:hover) {color:#555;}

@media (min-width:601px){
  .home_news {display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr auto; gap:0 4cqw;}
  .home_news h2 {grid-column:1/2; grid-row:1/2; margin:0; text-align:left;}
  .home_news dl {position:relative; grid-column:2/3; grid-row:1/3; padding-left:4cqw;}
  .home_news dl:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; scale:1 2; background:#f4f4f4;}
  .home_news dl > div {display:flex; justify-content:space-between;}
  .home_news dl > div + div {margin-top:1.5em; padding-top:1.5em;}
  .home_news dt {width:12rem; padding-top:.1rem;}
  .home_news dd {width:calc(100% - 12rem);}  
  .home_news .btn2 {grid-column:1/2; grid-row:2/3; margin:0;}
}
@media (max-width:600px){
  .home_news {background:#f4f4f4; box-shadow:-50px 0 0 #f4f4f4, 50px 0 0 #f4f4f4;}
  .home_news h2 {text-align:center;}
  .home_news .btn2 {text-align:center; margin-top:2em;}
}

.home_extraBnrs {clear:both; padding-top:40px; text-align:center;}
.home_extraBnrs a {display:block; width:fit-content; margin-inline:auto;}
.home_extraBnrs a + a {margin-top:25px;}

.home_normBnrs {width:360px; float:right; padding:15px 0;}
.home_normBnrs ul {display:flex; flex-wrap:wrap; gap:20px;}
.home_normBnrs li {width:100%; border:4px #e6e6e6 solid;}
.home_normBnrs a {display:table; width:100%; text-decoration:none;}
.home_normBnrs a > * {display:table-cell; vertical-align:middle; line-height:1.6;}
.home_normBnrs ._pic {height:100px; width:100px;}
.home_normBnrs ._pic img {width:100%; height:100%; object-fit:cover;}
.home_normBnrs ._txt {position:relative; overflow:hidden; padding:.5em 1em; text-align:left;}
.home_normBnrs ._txt:after {position:absolute; right:0; bottom:0; content:""; display:block; border-top:16px transparent solid; border-right:16px rgba(0,0,0,.06) solid;}

.home_closeup {clear:both; position:relative; margin-bottom:20px; padding:10px 0;}
.home_closeup h2 {width:fit-content; margin:0 auto 30px; text-align:center; font-size:2.8rem;}
.home_closeup li ._pic img {width:calc(100% - 20px); aspect-ratio:2/1; object-fit:cover; box-shadow:20px 18px 0 rgba(30,50,90,.8);}
.home_closeup li a {text-decoration:none; color:inherit;}
.home_closeup ._pic {margin-bottom:calc(18px + .6em);}
.home_closeup ._ttl {margin-bottom:.3em; font-weight:bold; font-size:2.2rem; color:#09337b;}
.home_closeup ._ttl > span {display:inline-block;}
.home_closeup ._txt {line-height:1.6;}
.home_closeup ._works {margin-top:1.5rem; padding:.6em 1.2em .8em; background:#f4f4f4;}
.home_closeup ._works dt {padding-top:.3em; font-weight:bold; color:#09337b;}
.home_closeup ._works dd {line-height:1.4; font-size:1.4rem;}
.home_closeup ._works ._thumbs {padding:.4em 0;}
.home_closeup ._works ._thumbs img {width:70px; height:70px; object-fit:cover; margin:2px 0; border:1px #ddd solid;}
.home_closeup .btn2 a {border:0; font-weight:bold;}
.home_closeup .btn2 a:not(:hover) {color:#555;}

@media (min-width:601px) {
  .home_closeup > ul {display:grid; gap:25px;}
  .home_closeup ._pic {width:500px; float:left;}
  .home_closeup ._pic ~ * {margin-left:540px;}
  .home_closeup li:nth-child(2n) ._pic {float:right;}
  .home_closeup li:nth-child(2n) ._pic ~ * {margin-left:0; margin-right:540px;}
  .home_closeup ._ttl {position:relative; padding-top:25px; padding-left:2em;}
  .home_closeup li ._ttl:before {content:""; display:block; position:absolute; right:calc(100% - 1.4em); top:45px; width:120px; border-top:1px #09337b solid;}
  .home_closeup li:nth-child(2n) ._ttl {text-align:right; padding-left:0; padding-right:2em;}
  .home_closeup li:nth-child(2n) ._ttl:before {right:auto; left:calc(100% - 1.4em);}
  .home_closeup ._txt {padding-left:.0075em;}
}
@media (max-width:600px) {
  .home_closeup li {display:flex; flex-wrap:wrap; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ccc solid;}
  .home_closeup li > * {width:100%;}
  .home_closeup ._ttl {order:-1;}
  .home_closeup ._ttl,
  .home_closeup .btn2 {text-align:center;}
}

@media (min-width:601px) and (max-width:1180px) {
  .home_closeup ._works {clear:both; margin:0;}
}

.endLinks {clear:both; padding-block:10px; background:#f0f0f0; text-align:center; font-size:1.3rem;}
footer .endLinks > * {color:#1a1a1a;}
.endLinks > * {padding-block:20px;}
.endLinks .banners {overflow:hidden; zoom:1;}
.endLinks .banners ._feature {width:fit-content; max-width:950px; display:flex; flex-wrap:wrap; gap:19px; margin:0 auto;}
.endLinks .banners ._feature li {width:223px; white-space:nowrap; text-align:left;}
.endLinks .banners ._feature a {display:block; background:#fff;}
.endLinks .banners ._feature a:hover {color:#555;}
.endLinks .banners ._feature img {width:50px; vertical-align:middle;}
.endLinks .banners ._feature span {display:inline-block; width:165px; margin-left:8px; vertical-align:middle; line-height:1.4;}

.endLinks ._group h2 {width:fit-content; margin:0 auto 2rem; font-weight:bold; font-size:1.6em;}
.endLinks ._group h2:after {content:""; display:block; width:40%; margin:.6em auto 0; border-top:1px #09337B solid;}
.endLinks ._group ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:2rem 2rem; font-size:1.2rem;}
.endLinks ._group a {display:block; text-align:center; white-space:nowrap; color:#111a;}
.endLinks ._group img {display:block; max-height:60px; margin:0 auto .3em;}

@media (min-width:601px){
  .endLinks ._group {width:calc(100% - 50px); max-width:1200px; min-width:950px; margin-inline:auto;}
  .endLinks ._group ul {gap:2.5rem 4rem;}
}
@media (max-width:600px) {
  #mv {padding-top:10px; text-align:center;}
  #mv .image img[src*="illust"] {width:85%; margin-bottom:1em;}
  #mv .image img[src*="catch"] {margin:0;}
    
  .feature {margin:1.5em 0 0;}
  .feature li {height:14vw; min-height:120px;}
  .feature li a:after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(60,150,255,.2); -webkit-transition:all .3s; transition:all .3s;}
  .feature li img {z-index:1}
  .feature li p {bottom:0; width:100%; border-left:1px rgba(100,200,0,.8) solid; border-right:1px rgba(50,150,0,.8) solid; background:rgba(87,177,0,.8); text-align:left;}
  .feature .bx-wrapper .bx-controls-direction a {top:35%;}
  .home_news {width:auto; float:none;}
  .home_news dt {font-size:85%; color:#09337B;}
  .home_news dd {margin:0;}
  .home_fb {width:auto; float:none;}

  .endLinks .banners ._feature {width:auto; margin:0 12px;}
  .endLinks .banners ._feature li {width:auto; white-space:nowrap; margin-inline:auto; text-align:left;}
  .endLinks .banners ._feature a {display:block; background:#fff;}
  .endLinks .banners ._feature img {width:50px; vertical-align:middle;}
  
  .endLinks ._group {padding-inline:20px;}
  .endLinks ._group img {height:40px;}
}


/* =============== 新着情報 */
.entry + .entry {margin-top:60px; padding-top:60px; border-top:1px #aaa solid;}
.entryHead > p:first-child {color:#555;}
.entryHead a {text-decoration:none; color:#09337B;}
.entry .social_icon {margin-bottom:1em; overflow:hidden;}
.entry .social_icon li {float:left; margin:2px 4px 2px 0;}

.entry .newa_frame {margin:0 0 30px; padding:30px 40px 20px; background:#f6f4e5; overflow:hidden;}
.entry .newa_frame2 {margin:0 0 30px; padding:10px 20px; border:1px solid #bbb; background:#fff; overflow:hidden;}
.entry .newa_frame2 p {margin:0; color:#666;}

.entry .newsblock1 {margin:0; padding:15px 20px; background-color:#F5F5F5; border:#E6E6E6 solid 1px;}
.entry .newsblock1 dt {margin:0; padding:0; width:6em; font-weight:bold; white-space:nowrap;}
.entry .newsblock1 dd {margin:-1.8em 0 5px 6em; padding:0;}

.entry .newsblock2 {margin:0 0 2em; padding:15px 20px; background-color:#F5F5F5; border:#E6E6E6 solid 1px;}
.entry .newsblock3 {margin:0 0 2em; padding:10px 15px; border:#f00 solid 1px;}
.entry .newsblock3 p {margin:0; padding:0; color:#f00;}

.pagination {margin:30px 0; text-align:center;}
.pagination .current_page {display:inline-block; margin:6px 1px; padding:1px 6px;}
.pagination a {display:inline-block; margin:6px 1px; padding:1px 6px; border:1px #ccc solid; background:#fff; text-decoration:none;}



/* =============== 業種別 */
.customerFirstImg {margin:-15px 0 30px!important; display:none; overflow:hidden; white-space:nowrap;}
.customerFirstImg img {margin-top:-1px!important;}
.customersBox {overflow:hidden; margin:60px 0 30px;}
.customersBox > section {padding:0 0 3.5em;}
.customersBox > section:nth-child(2n-1) {clear:both; width:47.5%; float:left;}
.customersBox > section:nth-child(2n) {width:47.5%; float:right;}
.customersBox h2 {margin:0 0 .8em; padding:.4em 0 0; border-top:3px #09337B solid; font-size:123.1%; color:#09337B;}
.customersBox .img {float:left; margin:0 15px 20px 0;}
.customersBox .img img {width:140px;}
.customersBox .img + p {margin:0 0 20px 155px;}
.customersBox .tempNav {position:relative; clear:both; border:0; border:0px #f0f0f0 solid; background:#f0f0f0; padding:.7em 1em; overflow:visible;}
.customersBox .tempNav:after {content:""; display:block; position:absolute; right:0; bottom:0; border-left:12px #ddd solid; border-bottom:12px #fff solid;}
.customersBox .tempNav li + li {border-color:#fff;}
.customersBox .tempNav a {padding:.08em 0 .08em 16px;}

@media (max-width:600px) {
  .customerFirstImg {width:100vw; width:calc(100% + 24px); position:relative; left:-12px; margin:-25px 0 25px!important;}
  .customersBox > section:nth-child(n) {width:auto; float:none;}
  .customersBox .img img {width:90px;}
  .customersBox .img + p {margin-left:105px;}
  .customersBox .tempNav a {padding:.6em 0 .6em 16px;}
}


/* =============== 製品案内 */
.seg .floatR img {width:180px;}

@media (max-width:600px) {
  .seg .floatR {float:none; margin:0 0 20px; text-align:center;}
  .seg .floatR img {width:240px;}
  .seg + .seg {position:relative; margin-top:60px;}
  .seg + .seg:before {content:""; display:block; background:#ddd; width:10px; height:10px; border-radius:6px; position:absolute; left:50%; top:-35px; margin-left:-5px;}
  .seg + h2.ttl1 {margin-top:50px;}
}


/* =============== サービス */
.svHdg {float:left; width:calc(100% - 420px); padding:0 30px .5em 0; box-sizing:border-box; border-bottom:1px #09337B dashed;}
.svHdg span {display:inline-block;}
.svImg {float:right; margin-bottom:20px; height:200px; overflow:hidden; box-sizing:border-box; border:1px #e4eef4 solid; border-width:0 1px 1px 0; box-shadow:5px 5px 0 rgba(0,80,150,.1);}
.svImg img {width:400px;}
.svImg.off5 img {margin-top:-5%;}
.svImg.off10 img {margin-top:-10%;}
.svImg.off15 img {margin-top:-15%;}
.svImg.off20 img {margin-top:-20%;}
.svImg.off25 img {margin-top:-25%;}
.svImg.off30 img {margin-top:-30%;}
.svImg + * {clear:both;}

.variableExp dl {margin-top:30px;}
.variableExp dt {margin:1em 0 .2em; font-weight:bold; font-size:108%; color:#09337B;}
.variableExp .barcodes {overflow:hidden;}
.variableExp .barcodes li {float:left; width:32%; margin:4px .5%; padding:8px 0; border:1px #ccc solid; text-align:center;}
.variableExp .barcodes img {display:block; margin:8px auto; height:65px;}

@media (max-width:600px) {
  .svHdg {float:none; width:auto;}
  .svImg {float:none; width:100%; height:45vw; max-width:400px; max-height:200px; margin:0 auto 20px; text-align:center;}
  .svImg img {width:100%;}
  .variableExp .center img {width:100%;}
  .variableExp .barcodes li {width:49%; box-sizing:border-box;}
  .variableExp .barcodes img {max-width:100%;}
}
@media (max-width:440px) {
  .variableExp .barcodes li {width:auto; float:none;}
}



/* =============== アクセス */
.accessList dt {font-weight:bold; color:#09337B;}

@media (min-width:601px) {
  .accessList {display:grid; grid-template-columns:auto 1fr; gap:1.8rem 1.2rem;}
}
@media (max-width:600px) {
  .accessList * + dt {margin-top:1.8rem;}
  .accessList dd {margin:.3em 0;}
}


/* =============== ポリシー */
@media (max-width:600px) {
  .policy_body + div iframe {width:100%; height: calc((100vw - 32px) * 0.5625);}
}

/* =============== お問い合わせ */
#privacyCnf {position:absolute; top:0; left:0; width:100%; height:100%;}
#privacyCnf .screen {position:fixed; top:0; left:0; width:100%; height:100%; background:#333; background:rgba(0,0,0,.5); z-index:18005;}
#privacyCnf article {position:relative; top:-150px; margin:0 15px; padding:40px 50px 30px; border-radius:6px; background:#fff; z-index:18010; box-shadow:0 0 8px rgba(0,0,0,.6);}
#privacyCnf article .btn1 {margin-top:40px;}
.sizeL {width:93%;}
.sizeM {width:50%;}
.sizeS {width:25%;}
.error_messe {color:#e35;}
.error_messe + .error_messe {margin-top:-.4em;}
textarea {width:93%; height:8em;}
form .button {text-align:center;}
form .BTN,
form button {display:inline-block; margin:2px; padding:.2em .8em; border:0; border-bottom:3px #380 solid; background:#57B100; font-size:108%; font-weight:bold; text-decoration:none; color:#fff; cursor:pointer;}
form button:hover {background:#6c1; border-bottom-color:#4a0;}
form .bordered td {min-width:8em;}
form .bordered {margin:20px 2%;}
input[type="submit"] {display:inline-block; margin:2px; padding:.2em .8em; border:0; border-bottom:3px #380 solid; background:#57B100; font-size:108%; font-weight:bold; text-decoration:none; color:#fff;}
input[type="submit"]:hover {background:#6c1; border-bottom-color:#4a0;}
input[type="button"] {display:inline-block; margin:2px; padding:.2em .8em; border:0; border-bottom:3px #888 solid; background:#aaa; font-size:108%; font-weight:bold; text-decoration:none; color:#fff;}
input[type="button"]:hover {background:#c0c0c0; border-bottom-color:#999;}

@media (max-width:600px) {
  #privacyCnf article {top:-100px; padding:14px 20px 10px;}
  #privacyCnf article .btn1 {margin-top:20px;}
  input[type="text"], textarea {width:93%; width:calc(100vw - 24px); box-sizing:border-box;}
  form .bordered {margin-left:auto; margin-right:auto;}
  form .bordered th {white-space:nowrap;}
}


/* =============== サイトマップ */
.siteMap {width:45%; float:left; margin-left:2.5%;}
.siteMap + .siteMap {float:right; margin-right:2.5%;}
.siteMap dt {padding:.3em 0; font-weight:bold;}
.siteMap dd {position:relative; padding-left:40px; overflow:hidden;}
.siteMap dd:before {content:""; display:block; position:absolute; top:0; left:15px; height:100%; border-left:1px #bbb dotted;}
.siteMap dd.end:before {height:50%;}
.siteMap dd:after {content:""; display:block; position:absolute; top:50%; left:17px; width:15px; border-top:1px #bbb dotted;}
.siteMap dd a {display:inline-block; padding:.25em 0;}
.siteMap dd + dt {margin-top:20px;}

@media (max-width:600px) {
  .siteMap {width:auto; float:none!important; margin:0;}
  .siteMap + .siteMap {margin:20px 0 0;}
}


/* =============== ブログ */

.entry.blog{font-size: 130%;}
.entry.blog h2,.entry.blog h3{clear: both;}
.entry.blog p{margin: 0 0 1.6em;}
.entry.blog ul{margin-bottom: 1.6em;padding-left: 1.6em;list-style: disc;}
.entry.blog .embedly-card{	border: 1px solid #ddd;}

.comment input.hs-input[type=text],.comment input.hs-input[type=email]{	height: 28px !important;padding: 14px !important;}
.comment textarea.hs-input{height: 128px !important;padding: 14px !important;}
	
body #main .cta-btn span {font-size:2rem!important;}	

/* =============== 制作実績 */

.worksList {display:grid; grid-template-columns:repeat(4, 1fr); gap:35px 25px; margin-block:60px;}
.worksList a {display:block; position:relative; text-align:center; text-decoration:none; line-height:1.4;}
.worksList i {display:block; position:absolute; right:1em; z-index:10; translate:0 -50%; padding:.15em .5em; color:#fff; font-weight:bold; font-size:93%;}
.worksList i.type-pr {background:#57b100;}
.worksList i.type-web {background:#3B85C2;}
.worksList img {width:100%; aspect-ratio:1; margin-bottom:.6em; box-shadow:0 0 0 1px #ddd;}
.worksList i.type-pr ~ img {object-fit:contain;}
.worksList i.type-web ~ img {object-fit:cover; object-position:50% 0%;}

@media (max-width:600px) {
  .worksList {grid-template-columns:repeat(2, 1fr);}
}