@charset "utf-8";
/*
Theme Name:Base Theme
Theme URI: http://www.www.www/
Description:BASE THEME.
Version: 2.0.0
*/

/* リセットCSS */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width: 0;}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-y: scroll;}body{margin:0}main{display:block;}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight: 700;margin: 0;}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0;}ol,ul{padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit;transition: var(--hover-transform);}em{font-style:normal}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight: 400;}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom;}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none;}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse: collapse;border-spacing: 0px;}caption{text-align:left}[hidden],template{display:none}img{max-width: 100%;}
/* IEブラウザの注意喚起 */
.iebox{display:none;}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {.iebox{display:block;padding: 20px;position: fixed;bottom:0;width: 100%;z-index: 9999;text-align: center;background: red;color:#fff;font-weight: 800;}}

/* 汎用CSS
===================================================== */

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;padding-block: .5em;padding-inline: .5em;margin-top: 1em;border: 1px solid var(--blue-color);}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding-block: .5em;padding-inline: .5em;}

/* お問い合わせ
===================================================== */

.contact-info{width:800px;max-width:100%;margin:0 auto;color: #fff;}
.c-table {width: 800px;max-width:100%;margin: 56px auto 0;}
.from-item{display:flex;flex-wrap: wrap;padding-block: 40px 0;}
.c-table .fl{font-weight: bold;width:240px;padding: 4px 0;display: block;}
.c-table .fr{width:calc(100% - 240px)}
.required{font-size: 12px;color:#fff;padding: 4px 8px;background-color: #E76000;margin: 0 16px 0 0;vertical-align: 1px;border-radius:8px;}
.optional{font-size: 12px;color:#fff;padding: 4px 8px;background-color: #4592cf;margin: 0 16px 0 0;vertical-align: 1px;border-radius:8px;}
.any{font-size: 12px;padding: 4px 8px;background-color: #b4b5b5;margin: 0 16px 0 0;vertical-align: 1px;}
.example{font-size: 14px;letter-spacing: -1px;}
.from-item input[type=email]{width:100%}
.from-item input[type=tel]{width:310px;}
.from-item input{margin-top: 4px;border-radius: 8px;}
.from-item textarea {height: 140px;width:100%;margin-top: 4px;border-radius: 8px;}
.from-note{width: 420px;max-width: 100%;text-align:center;margin:40px auto 0;padding: 32px 16px;background-color: #fff;border-radius:6px;}
.from-note p{color:#000;}
.from-note .acceptance-wrap{font-weight:bold;margin:16px 0 0}
.from-note .doui{width: 18px;height: 18px;margin: 0 8px 0 0;border: none;vertical-align: -3px;}
.wpcf7-submit:disabled{opacity: 0.3;pointer-events: none}
.formsubmit{margin: 60px auto 0;position:relative;width:fit-content;}
.formsubmit .wpcf7-submit{width: 320px;max-width:100%;margin:0 auto;padding: 24px;background-color: var(--blue-color);line-height:1;color: #fff;font-weight: 500;text-align: center;position: relative;font-size: 20px;transition:var(--hover-transform);border-radius: 8px;}
.wpcf7-spinner{display:block;margin:16px auto}
.privacy-note{font-size:14px;}
.privacy-note a{text-decoration: underline;}


@media(max-width:720px){
	.c-table .fl,
	.c-table .fr{width:100%;}
}

@media(max-width:560px){
	.c-table{margin-top:24px}
}

/* privacypolicy
===================================================== */

.privacypolicy{padding: 56px 24px;}
.privacypolicy-item{width: 800px;max-width:100%;margin:0 auto;}
.privacypolicy-item h3{font-size:20px;margin:40px 0 8px}
.privacypolicy-item h4{font-size:18px;margin:32px 0 8px}
.privacypolicy-item h4::before{content:'';display:inline-block;width:16px;height:16px;background-color: var(--blue-color);margin:0 8px 0 0}
.privacypolicy-item h5{margin:24px 0 8px}
.privacypolicy-item h5::before{content:'';display:inline-block;width:16px;height:1px;background-color:  var(--blue-color);margin:0 8px 0 0;vertical-align: 6px;}
.privacypolicy-item ul,
.privacypolicy-item ol{margin:16px 0}
.privacypolicy-item li{position:relative;padding: 0 0 0 24px;}
.privacypolicy-item li::before{content:'';position: absolute;width:10px;height:10px;border-radius:10px;background-color:  var(--blue-color);margin:0 8px 0 0;top: 8px;left: 4px;}


/* 投稿一覧
===================================================== */
.post-meta{margin: 1em 0;}
.display-num{text-align:right;font-size:14px;margin-bottom:1em}
.bottom-post-meta{margin-top:2em}
.bottom-post-meta .display-num{margin-top:1em;margin-bottom:0}
.post-body{margin-top:40px}
.post-box-item-content figure{width:100%;aspect-ratio:1.5/1;border-radius: 25px;overflow:hidden}
.post-box-item-content img{width:100%;height:100%;object-fit:cover;transition:var(--hover-transform)}
.post-title{margin-top:1em}
.post-box-item-content:has(img[src$="logo.png"]) figure{text-align:center;background-color:#E6F4FF}
.post-box-item-content img[src$="logo.png"]{width:80%;height:100%;object-fit:contain;}

/* ページネーション */
.pagination{width:fit-content;margin-left:auto;margin-top;: 40px;margin-top;: 40px;margin-top;: 40p;margin-top;: 40;margin-top;: 4;margin-top: 40px;}
.nav-links ul{position: relative;display:flex;gap: 8px;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;font-family: var(--en-font);line-height: 1;}
.nav-links li .page-numbers{width:40px;aspect-ratio:1;border-radius:100%;border:1px solid var(--blue-color);display:grid;place-items:center;color:var(--blue-color);padding-left: 3px;padding-top: 2px;position:relative;}
.nav-links li .page-numbers.current{background-color:var(--blue-color);color:#fff;}
.nav-links li .next,
.nav-links li .prev{color:#fff;}
.nav-links li .next::before,
.nav-links li .prev::before{content:'';position:absolute;width:12px;height:12px;border-top:2px solid var(--blue-color);border-right:2px solid var(--blue-color);}
.nav-links li .next::before{rotate:45deg;left:calc(50% - 9px);}
.nav-links li .prev::before{rotate: 225deg;right:calc(50% - 9px);}


/* 記事
===================================================== */
.post-head{margin-top:1em }
.post-cate{display: inline-block;font-size:14px;height: 23px;padding-inline:.5em;background-color:var(--blue-color);color:#fff;border-radius:16px;}
.single-tit{font-size: clamp(1.25rem, 0.993rem + 0.74vw, 1.875rem);margin-block: .3em 1em;padding-bottom: .3em;border-bottom:4px dotted #4592cf}
.single-content{padding: 0 64px 80px;}
.single-thumbnail{text-align:center;margin-bottom: 40px;}
.single-thumbnail img{width:80%;}

/* 記事コンテンツ内部 */
.single-content h3{font-size: 24px;margin-block:1em}
.single-content h4{font-size: 20px;margin-block:1em}
.single-content h5{font-size: 16px;margin-block:.5em}
.single-content a {color: #00a0d2;}
.single-content img{display:block;width:440px;max-width:90%;margin:0 auto 24px}

/* レイアウト用 */
/* 文字に蛍光ペンで引いたような下線 */
.marker{background:linear-gradient(transparent 65%, #fff366 65%);display:inline;font-weight:600}

/* 記事ページネーション */
.single-pagination{width:400px;max-width: calc(100% - 32px);margin:64px auto 0;}
.single-pagination ul{display:flex;justify-content: space-between;gap: 16px;}
.single-pagination li a{display:block;font-size:14px;font-weight: bold;padding: 4px 24px;border:1px solid #000;text-align:center;position:relative;line-height: 1;}
.single-pagination li.single-previous,
.single-pagination li.single-next{width: 97px;font-size:12px;font-family: var(--en-font);font-weight:bold;}
.single-pagination li.single-previous a::before{content:'';display:inline-block;width: 8px;height: 8px;border-bottom:1px solid #000;border-left:1px solid #000;margin-right:8px;transform: rotate(45deg);vertical-align: 1px;}
.single-pagination li.single-next a::after{content:'';display:inline-block;width: 8px;height: 8px;border-top:1px solid #000;border-right:1px solid #000;margin-left:8px;transform: rotate(45deg);vertical-align: 1px;}


@media(max-width:960px) {
	.single-content{padding-left:16px;padding-right:16px;}
}

@media(max-width:560px) {
	.post-box-item-content figure{aspect-ratio:1;}
	.post-title{line-height:1.4}
	.post-head{margin-top:3em}
	.single-title{font-size:22px;}
	.single-content h3{font-size:20px;}
	.single-content h4{font-size:18px;}
}

/* WPの汎用（ギャラリーとか）
===================================================== */
.wp-caption .wp-caption-text,.gallery-caption {color: #666;}
.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {background: #fff;border-color: #ddd;}
.image-attachment div.attachment {background: #f9f9f9;border: 1px solid #ddd;}
.image-attachment div.attachment img {border-color: #f9f9f9;}
.image-attachment div.attachment a:focus img,.image-attachment div.attachment a:hover img,.image-attachment div.attachment a:active img {border-color: #ddd;background: #fff;}
.gallery-caption {background-color: rgba(0, 0, 0, 0.7);color: #fff;}
.gstyle .postsimg {width: 100%;height:170px;background: #000; }
.gstyle .postsimg a{display: block;height: 100%;display: flex;align-items: center;justify-content: center;}
.gstyle .postsimg.nonimg img{width: 80%;height: auto;}
.entry-content img,.comment-content img,.widget img {max-width: 100%;padding: 0;}
img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {height: auto;}
.entry-content img.wp-smiley {border: 0;margin-bottom: 0;margin-top: 0;padding: 0;}
.widget img {margin: 0 auto 10px;display: block;}
img.alignleft,img.alignright,img.aligncenter {margin-bottom: 10px;}
.wp-caption {margin: .4em 0;}
.wp-caption {margin-bottom: 10px;max-width: 96%;padding: 5px;background: #eee;}
.wp-caption img {display: block;margin: 0 auto;max-width: 100%;}
.wp-caption .wp-caption-text,.gallery-caption {font-size: 12px;}
.wp-caption .wp-caption-text {margin: 5px 0;padding: 5px 1%;position: relative;text-align: center;}
.image-attachment div.attachment {border-width: 1px 0;margin: 0 -8.9% 1.625em;overflow: hidden;padding: 1.625em 1.625em 0;text-align: center;}
.image-attachment div.attachment img {display: block;height: auto;margin: 0 auto 1.625em;max-width: 100%;}
.image-attachment .entry-caption p {font-size: 85%;letter-spacing: .1em;line-height: 2.6em;margin: 0 0 2.6em;text-transform: uppercase;}
.gallery {margin: 20px auto;column-gap: 0;}
.gallery-columns-1 {column-count: 1;}.gallery-columns-2 {column-count: 2;}.gallery-columns-3 {column-count: 3;}.gallery-columns-4 {column-count: 4;}.gallery-columns-5 {column-count: 5;}.gallery-columns-6 {column-count: 6;}.gallery-columns-7 {column-count: 7;}.gallery-columns-8 {column-count: 8;}.gallery-columns-9 {column-count: 9;}.gallery a img {border: 0;}
.gallery-item {padding: 5px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.gallery-caption {box-sizing: border-box;font-size: 12px;font-size: 80%;line-height: 1.5;margin: 0;max-height: 60%;padding: 6px 8px;position: absolute;bottom: 0;left: 0;text-align: left;width: 100%;}
.gallery-caption:before {content: "";height: 100%;min-height: 49px;position: absolute;top: 0;left: 0;width: 100%;}
dl.gallery-item {margin: 0;}
.gallery-item:hover .gallery-caption {opacity: 1;}
.ie7 .gallery-item:hover .gallery-caption,.ie8 .gallery-item:hover .gallery-caption {filter: alpha(opacity=70);}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {display: none;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

:root {
	--font-color: #20486e;
	--green-color:#30ac66;
	--orange-color:#e76000;
	--yellow-color:#ffd200;
	--blue-color:#4592cf;
	--main-font:"Zen Maru Gothic", sans-serif;
	--en-font: "Jost", sans-serif;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
}

::selection {background-color: var(--blue-color);color:#fff;}

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

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;}

body {font-size: 16px;font-family:var(--main-font);line-height:1.6;letter-spacing: .1em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";}
body.fix {/* position: fixed; */overflow: hidden;width: 100vw;height: 100vh;}

#page{overflow:hidden;}
#content{padding-top:121px}
.page-wrapper{padding-block: 112px;}
.page-sec-content{padding-block: 160px;}
.page-flex-item{display:flex;gap: 1em 56px;width: 1340px;max-width: 100%;margin-inline: auto;}
.flex-reverse{flex-direction: row-reverse;}
.content-des{width: calc(60% - 80px);opacity: .0;translate: 0 50px;transition:var(--show-anime);transition-delay: .3s;}
.content-des h3{font-size: clamp(1.125rem, 0.971rem + 0.44vw, 1.5rem);color:var(--blue-color);margin-bottom: 1em;font-weight: 500;text-align: left;}
.content-des p + p{margin-top:2em}
.content-img{width: max(40%,600px);opacity: .0;translate:0 50px;transition:var(--show-anime);position:relative}
.page-sec-content .content-img::after{content:'';position:absolute;background-position:centere;background-size:contain;background-repeat:no-repeat;}
.page-sec-content:nth-of-type(1) .content-img::after{width:120px;aspect-ratio:1/1.075;background-image:url(images/cont-1.png);left:40px;bottom:-20px;}
.page-sec-content:nth-of-type(2) .content-img::after{width:120px;aspect-ratio:1/.792;background-image:url(images/cont-2.png);right:40px;bottom:-20px;}
.page-sec-content:nth-of-type(3) .content-img::after{width:120px;aspect-ratio:1/.875;background-image:url(images/cont-3.png);left:40px;bottom:-20px;}
.page-sec-content:nth-of-type(4) .content-img::after{width:120px;aspect-ratio:1/.925;background-image:url(images/cont-4.png);right:40px;bottom:-20px;}
.show .content-img{opacity:1;translate:0}
.show .content-des{opacity:1;translate:0}
.content-img img{border-radius:40px;width:100%;height:100%;object-fit:cover;}
.bg-wave{background-color:#e6f4ff;position:relative;padding-block:100px}
.bg-wave::before{content:'';width:100%;height:40px;top:-40px;left:0;right:0;position:absolute;background:url(images/wave-bg01.png)no-repeat center / cover}
.bg-wave::after{content:'';width:100%;height:40px;bottom:-40px;left:0;right:0;position:absolute;background:url(images/wave-bg02.png)no-repeat center / cover}

.container{width: 1600px;max-width: 100%;padding-inline: 4vw;margin-inline: auto;position: relative;}
.page-kv{background-image: linear-gradient( #E6F4FF 70%, #fff 70%);height: 320px;position:relative;}
.page-kv::after{content:'';position:absolute;top: 224px;left:0;width:100%;height: 100px;background:url(images/kv-bg.png)no-repeat center / 100% 100px;z-index: 0;}
.page-kv .container{height:100%}
.kv-item{display:flex;flex-direction: column;justify-content: center;height: 100%;width: 1340px;max-width: 100%;margin-inline: auto;position: relative;}
.kv-item .kv-img{position: absolute;bottom: auto;left: auto;right: 0;top: 0;pointer-events: none;z-index:1;}
.kv-img img {position: absolute;top: 0;left: 0;}
.kv-img.ship{width: 28%;min-width: auto;top:20px;right: 0;}
.kv-img.obj-ani-01{width: 34%;top: 112px;right: -19px;}
.kv-img.obj-ani-02{width:34%;top: 64px;}
.kv-img.obj-ani-03{width:18%;top: 64px;}
.kv-img.obj-ani-04{width: 25%;top: 120px;}
.kv-img.obj-ani-05{width: 10%;top: 40px;}
.kv-img.obj-ani-06{width: 18%;top: 120px;}
.kv-img.obj-ani-07{width: 18%;top: 120px;}

.webcatalog{position:absolute;right: 37%;top: 35%;}
.webcatalog::before{content:'';width: 18px;aspect-ratio:1/1;border-radius:1000px;background-color:#fff;position:absolute;bottom:-10px;right: -20px;border: 1px solid #73b9ef;}
.webcatalog::after{content:'';width: 14px;aspect-ratio:1/1;border-radius:1000px;background-color:#fff;position:absolute;bottom:-18px;right: -38px;border: 1px solid #73b9ef;}
.webcatalog a{display:block;padding-block:10px;padding-inline:1.5em;background-color:#fff;border-radius: 15px;font-weight: bold;letter-spacing: .05em;border: 1px solid #73b9ef;}
.webcatalog span{border-bottom:1px solid}
.icon-arrow-up{margin-right:8px;}


.content-grid{display: flex;gap: 50px;width: 1195px;max-width: 100%;margin-inline: auto;}
.main-grid{width: calc(100% - 330px);}
.side-grid{width: 280px;}
.box03{display:grid;grid-template-columns: repeat(3, 1fr);gap: 40px 25px;}
.box04{display:grid;grid-template-columns: repeat(4, 1fr);gap: 40px 25px;}
.post-box-item{position:relative;width: 100%;}
.link-over{position:absolute;inset:0;margin:auto;z-index: 1;}
.main-grid .more{margin-inline:auto}
.side-product-category-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;}
.side-content-wrap{border: 1px solid var(--blue-color);padding-bottom: 2em;border-radius: 32px;overflow:hidden}
.side-search-wrap{margin-top:50px;}
.side-content-wrap h3{padding-block: 1em;padding-inline:2em;font-size: 18px;text-align:center;color:#fff;background-color:var(--blue-color);}
.side-content-list{margin-top: 2em;margin-inline: 1.5em;}
.side-content-list li{color:var(--blue-color);font-size: 18px;font-weight: 500;}
.side-content-list.product-category-list li:last-child{pointer-events:none}
.side-content-list li:not(:first-child){margin-top:.5em;}

.single-side .side-content-wrap:not(:first-child){margin-top:40px;}

@media(max-width:1024px){
	.content-grid{flex-direction:column;}
	.main-grid,
	.side-grid{width:100%;}
	.page-flex-item{flex-direction:column-reverse;align-items:center;gap: 2em;}
	.flex-reverse{flex-direction:column-reverse;gap: 2.5em;}
	.content-img,
	.content-des{width:500px;max-width:100%;}
	.page-sec-content:nth-of-type(1) .content-img::after{width:80px;left:20px;bottom:-20px;}
	.page-sec-content:nth-of-type(2) .content-img::after{width:80px;right:20px;bottom:-20px;}
	.page-sec-content:nth-of-type(3) .content-img::after{width:80px;left:20px;bottom:-20px;}
	.page-sec-content:nth-of-type(4) .content-img::after{width:80px;right:20px;bottom:-20px;}
}

@media(max-width:880px){
	.page-kv{height: 180px;background-image: linear-gradient( #E6F4FF 70%, #fff 70%);}
	.page-kv::after{height: 50px;background-size: 100% 50px;top: 123px;}
	.kv-img.ship{min-width: 120px;top: 20px;}
	.kv-img.obj-ani-01{top: 68px;right: 0;width: 200px;}
	.kv-img.obj-ani-02{min-width: 170px;top: 22px;}
	.kv-img.obj-ani-03{min-width: 90px;top: 45px;}
	.kv-img.obj-ani-04{min-width: 120px;top: 50px;}
	.kv-img.obj-ani-05{min-width: 56px;}
	.kv-img.obj-ani-06{min-width: 100px;top: 50px;}
	.kv-img.obj-ani-07{min-width: 90px;top: 50px;}
	.page-sec-content{padding-block: 80px;}
	.bg-wave{padding-block:72px}
	.bg-wave::before{height: 16px;top: -14px;}
	.bg-wave::after{height: 16px;bottom: -14px;}
	.webcatalog{top: 22%;right: 221px;}
	.webcatalog::before{width: 11px;right: -10px;bottom: -3px;}
	.webcatalog::after{width:8px;right: -20px;bottom: -6px;}
	.webcatalog a{font-size:12px;}
	.webcatalog a::before{width:12px;left:20px;top:15px}
	.box03{grid-template-columns:repeat(2, 1fr);}
	.box04{grid-template-columns:repeat(2, 1fr);}
	.side-product-category-wrap{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:660px){
	.webcatalog{/* top: 28%; *//* right: 240px; */}
}

@media(max-width:560px){
	.page-kv{height: 150px;}
	.page-kv::after{;top: 103px;}
	body{font-size:15px;line-height:1.7;}
	.page-wrapper{padding-block:40px;}
	.box03{gap: 32px 16px;}
	.side-content-wrap h3{font-size:16px;}
	.kv-img.obj-ani-01{min-width:160px;top:80px;}
	.webcatalog{top:34px;right: 141px;}
	.webcatalog::before{width:10px;bottom:-12px;right: 47px;}
	.webcatalog::after{width:6px;bottom:-18px;right: 43px;}
	.webcatalog a{font-size: 11px;padding-inline:11px;padding-block:8px;}
	.webcatalog a::before{left:8px;top: 12px;}
	.icon-arrow-up{margin-right:4px;}
}

.pagetop{position:fixed;bottom: 24px;right: 24px;width:50px;height:50px;border-radius:50px;border:2px solid #20486e;display:flex;align-items:center;justify-content:center;line-height:1;transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 2.0);cursor: pointer;z-index: 11;}
.pagetop:hover {transform: scale(1.08);}
.pagetop img{width:16px;animation: pagetop 3.0s  infinite;}

@keyframes pagetop {
	0% {transform: translateY(0);}
	60% {transform: translateY(0);}
	70% {transform: translateY(-5px);}
	80% {transform: translateY(0);}
	90% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
}
/* ヘッダー
==================================================== */
.sec-header{position: absolute;top: 0;left: 0;z-index: 111;width:100%;background-color:#fff;box-shadow: 0px 10px 10px -12px #b3b3b3;}
.header-content{width: 1508px;max-width:100%;margin-inline:auto;padding-block: 21px 16px;padding-inline: 32px;box-shadow: none;display:flex;justify-content:space-between;align-items: center;gap:2%;}
.header-logo img{width: 230px;}
.site-des{font-size: 12px;font-weight:normal;margin-bottom: 1em;}

.header_Menu_list{display:flex;gap: min(3.5vw,80px);align-items: flex-end;}
.header_Menu_list li{width:auto;position:relative}
.header_Menu_list > li > a,
.header_Menu_list li span{font-size: 18px;font-weight:bold;}
.header_Menu_list > li > a::before,
.header_Menu_list > li > span::before{content:'';display:block;width:100%;margin-bottom: 4px;background-position: center;background-size: contain;background-repeat:no-repeat;}
.header_Menu_list li .menu-tit{display:block;overflow:hidden;}
.header_Menu_list li .menu-tit > span{position: relative;display:block; animation: productHoverOff 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDownOff 0.13s linear 0.27s forwards;}
.header_Menu_list li .menu-tit > span >span{position:absolute;top:100%;left:0;display:block;color:var(--orange-color);}
.header_Menu_list #menu-item-1767 span::before{background-image:url(images/menu-icon-1.png);height: 32px;}
.header_Menu_list #menu-item-1762 a::before{background-image:url(images/menu-icon-2.png);height: 32px;}
.header_Menu_list #menu-item-1763 a::before{background-image:url(images/menu-icon-3.png);height: 28px;}
.header_Menu_list #menu-item-1768 a::before{background-image:url(images/menu-icon-6.png);height: 30px;}
.header_Menu_list #menu-item-1764 a::before{background-image:url(images/menu-icon-4.png);height: 35px;}
.header_Menu_list #menu-item-1765 a::before{background-image:url(images/menu-icon-5.png);height: 37px;}
.header_Menu_list #menu-item-1766 a::before{background-image:url(images/menu-icon-7.png);height: 26px;}

.header_Menu_list .sub-menu{position:absolute;background:#E6F4FF;width: 140px;padding:24px 16px;top: 100%;left:50%;transform:translateX(-50%);border-radius: 10px;opacity:0;z-index: -11;visibility: hidden;transition:all .3s ease-in-out;}
.header_Menu_list .sub-menu li:not(:first-child) a{padding:8px 0 0;}
.header_Menu_list .sub-menu li a{display:block;text-align:center;}

.is-drawerActive  .sec-header{position: fixed;}
.is-scrollActive .sec-header{position: fixed;animation: headerScroll .9s ease-in-out;}

@keyframes headerScroll {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}
/* ハンバーガーメニュー */
.header-hamburger{display:none}
.hamburger-mail a,
.hamburger-tel a{display:grid;place-items:center;width:70px;aspect-ratio:1;}
.hamburger-mail a{background-color:var(--green-color);color:#fff;}
.hamburger-tel a{color:var(--font-color);}
.hamburger-mail a svg{width: 31px;height: 29px;}
.hamburger-tel a svg{width:27px;height:27px;}
.hamburgerbutton {position: relative;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;width: 70px;aspect-ratio: 1;background-color: var(--font-color);}
.hamburgerbutton-line {position: absolute;inset:0;margin: auto;width: 40px;height: 2px;-webkit-transition: inherit;transition: inherit;background-color:#fff;}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -12px;}
.hamburgerbutton-line::after {top: 12px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color: transparent;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {top: 0;background-color: #000;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);width:100%;background-color: #fff;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);width:100%;background-color: #fff;}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}
.nav_hamburger_menu{position:fixed;top: 70px;right:0;bottom:0;left:0;margin:0 auto;background-color: #EDF7FF;width:100%;height: 100vh;overflow-y: scroll;z-index: 1111;opacity: 0;visibility: hidden;}

.hamburger-content{width: 420px;max-width:100%;margin: auto;padding-top: 80px;display: flex;align-items: center;flex-direction: column;translate: 0 20px;opacity:0;transition:translate .8s ease-in-out,opacity .5s ease-in-out}
.hamburger_Menu_list li:not(:first-child){margin-top:24px;}
.hamburger_Menu_list li a{font-size: 18px;font-weight: 500;}
.hamburger_Menu_list li a::before{content:'';display:inline-block;width:32px;height:32px;margin-right: 36px;vertical-align: -8px;background-position:center;background-size:contain;background-repeat:no-repeat}
.hamburger_Menu_list #menu-item-1767 a::before{background-image:url(images/menu-icon-1.png);}
.hamburger_Menu_list #menu-item-1762 a::before{background-image:url(images/menu-icon-2.png);}
.hamburger_Menu_list #menu-item-1763 a::before{background-image:url(images/menu-icon-3.png);}
.hamburger_Menu_list #menu-item-1764 a::before{background-image:url(images/menu-icon-4.png);}
.hamburger_Menu_list #menu-item-1765 a::before{background-image:url(images/menu-icon-5.png);}
.hamburger_Menu_list #menu-item-1766 a::before{background-image:url(images/menu-icon-7.png);}
.hamburger_Menu_list #menu-item-1768 a::before{background-image:url(images/menu-icon-6.png);}
.hamburger_Menu_list .sub-menu{margin-top: 8px;}
.hamburger_Menu_list .sub-menu li a{font-size: 16px;font-weight:normal;}
.hamburger_Menu_list .sub-menu li a::before{background:none;margin-left: 0;}
.hamburger_Menu_list .sub-menu li:not(:first-child){margin-top:4px;}

.is-drawerActive .nav_hamburger_menu{opacity: 1;visibility: visible;}
.is-drawerActive .hamburger-content{translate:0;opacity: 1;}
/* フッター
---------------------------- */
.sec-footer{padding-block: 48px 24px;padding-inline: 10%;color:#fff;background: var(--green-color) url(images/footer-bg.png)no-repeat center / contain;}
.footer-content{width: 1400px;max-width: 100%;margin-inline: auto;display:flex;justify-content: space-between;gap: 2%;}
.footer-logo img{width: 230px;}
.footer-logo .site-name{margin-top:.5em;font-size: 14px;}
.footer-address{margin-top: 4em;font-size: 14px;}
.footer-nav{display:flex;flex-direction:column;}
.footer-navi-wrap{display:flex;gap: 64px;}

.footer_Menu_list li:not(:first-child){margin-top: .5em;}
.footer_Menu_list li .menu-tit{display:block;overflow:hidden;}
.footer_Menu_list li .menu-tit > span{position: relative;display:block;animation: productHoverOff 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDownOff 0.13s linear 0.27s forwards;}
.footer_Menu_list li .menu-tit > span >span{position:absolute;top:100%;left:0;display:block;}
.footer_Menu_list li a{display: flex;align-items: center;font-size: 14px;}
.footer_Menu_list li .sub-menu{margin-top:.5em;}
.footer_Menu_list li .sub-menu a::before{content:'';display:inline-block;width: 2px;height: 2px;background-color:#fff;vertical-align:5px;margin-inline:.5em}
.site-generator{font-size:12px;font-family: var(--en-font);margin-top: auto;text-align:right}

@media(max-width:1240px){
	#content{padding-top:70px}
	.header-content{padding:0}
	.site-des{display:none;}
	.header-logo{padding-block:8px;padding-inline:24px;}
	.header-logo img{width:110px;}
	.header-nav{display:none}
	.header-hamburger{display:flex;}
}


@media(max-width:1024px){
	.sec-footer{padding-inline:24px;background-image: url(images/footer-bg-tb.png);background-position: right;}
	.footer-content{flex-direction:column;gap: 3em;}
	.footer-address{margin-top:2em}
	.footer-navi-wrap{gap:40px;}
	.site-generator{margin-top:3em;text-align:center;}
}

@media(max-width:560px){
	#content{padding-top:50px}
	.container{padding-inline:20px;}
	.hamburger-mail a,
	.hamburger-tel a,
	.hamburgerbutton{width:50px}
	.hamburgerbutton-line{width:27px;}
	.hamburgerbutton-line::before {top: -8px;}
	.hamburgerbutton-line::after {top: 8px;}
	.hamburger-mail a svg{width:23px;height:18px;}
	.hamburger-tel a svg{width:20px;height:20px;}
	.nav_hamburger_menu{top: 50px;}
	.header-logo {padding-inline: 15px;}
    .header-logo img {width: 80px;}
	.footer-logo img {width: 150px;}
	.footer-logo .site-name {font-size: 11px;}
	.pagetop{width:40px;height:40px;right: 12px;bottom: 24px;}
}


/* パンくず
---------------------------- */
.bread_crumb {margin-inline: auto;line-height: 1;display:flex;align-items:center;flex-wrap:wrap;position: relative;gap: 4px;}
.bread_crumb li{font-size:14px;line-height: 1.6;}
.bread_crumb li:after {content: '';display: inline-block;margin: 0 0 0 3px;vertical-align: 1px;width: 6px;height: 6px;border-top: 1px solid;border-right: 1px solid;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.bread_crumb li:last-child::after {display: none;}

/*-------------------------------------
/* 共通
--------------------------------------- */
.font-jp{font-family:var(--main-font)}
.font-en{font-family:var(--en-font)}

.com-tit-1{font-size: clamp(1.25rem, 0.838rem + 1.18vw, 2.25rem);font-weight:500}
.com-tit-1::after{content:attr(data-en);display:block;font-size: 18px;font-family:var(--en-font);text-transform:uppercase;color: #4592cf;}

.sec-products{background-color:var(--green-color);position: relative;padding-top: 80px;margin-bottom: 8vw;margin-top: -1px;}
.sec-products .container{background:url(images/product-bg.png)no-repeat center / contain;padding-bottom: 80px;position:relative}
.sec-products .container::before{content:'';position:absolute;width:80px;aspect-ratio:1;background:url(images/flower-1.png)no-repeat center / contain;top: 10px;}
.sec-products .container::after{content:'';position:absolute;width:140px;aspect-ratio:1;background:url(images/flower-2.png)no-repeat center / contain;bottom:0;right: 16px;}
.sec-products::after{content:'';width:100%;height: 8vw;background: url(images/product-bg-bottom.png)repeat-x top center / contain;position:absolute;top: calc(100% - 1px);}
.sec-products .com-tit-1{text-align: center;color:#fff;}
.sec-products .com-tit-1::after{color:#fff;}
.top-product-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;width: 1160px;max-width:100%;margin-inline:auto;margin-top: 40px;}
.top-product-list li{aspect-ratio:1;}
.top-product-list li a{background-color:#fff;border-radius:20px;padding-inline: 4em;padding-block: 3em;display:block;position: relative;}
.top-product-list li img{width: 100%;aspect-ratio:3/2;object-fit:contain;transition: 0.27s cubic-bezier(0, 0.55, 0.45, 1);}
.top-product-heading{position:absolute;bottom: -30px;left: 50%;translate: -50% 0;}
.top-product-heading .more{font-size: 20px;width: 220px;}
.product-list{display: grid;gap: 30px;width: 1160px;max-width:100%;margin-inline:auto;margin-top: 40px;}
.product-list li{aspect-ratio:1}
.product-list li a{background-color:#fff;border-radius:20px;padding: 8px;display:grid;place-items: center;gap:.5em;aspect-ratio:1;height: 100%;}
.product-list li .product-heading{font-size: clamp(1rem, 0.897rem + 0.29vw, 1.25rem);line-height:1.3;position:relative;}
.product-list li .product-tit{display:block;overflow:hidden;}
.product-list li .product-tit > span{position: relative;display:block; animation: productHoverOff 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDownOff 0.13s linear 0.27s forwards;}
.product-list li .product-tit > span >span{position:absolute;top:100%;left:0;display:block;color:var(--orange-color);}
.product-list li figure{width: 110px;}
.product-list li img{width:100%;aspect-ratio:3/2;object-fit:contain;transition: 0.27s cubic-bezier(0, 0.55, 0.45, 1);}

.product-playground .product-list{grid-template-columns: repeat(4, 1fr);width: 948px;}
.product-preschool .product-list{grid-template-columns: repeat(5, 1fr);}
@keyframes productHover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-27px);
  }
}
@keyframes productHoverDown {
  0% {
    transform: translateY(-27px);
  }
  100% {
    transform: translateY(-24px);
  }
}
@keyframes productHoverOff {
  0% {
    transform: translateY(-24px);
  }
  100% {
    transform: translateY(3px);
  }
}
@keyframes productHoverDownOff {
  0% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes perupenproductHover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-54px);
  }
}
@keyframes perupenproductHoverDown {
  0% {
    transform: translateY(-54px);
  }
  100% {
    transform: translateY(-48px);
  }
}

@keyframes interviewHover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-48px);
  }
}
@keyframes interviewHoverDown {
  0% {
    transform: translateY(-48px);
  }
  100% {
    transform: translateY(-40px);
  }
}

@media (max-width: 1280px) {
    .top-product-list {
        gap: 30px;
        max-width: 90%;
    }
}

@media(max-width:1024px){
	.top-product-list{gap: 16px;max-width: 95%;}
	.top-product-list li a{padding-inline:2em}
	.product-list{gap: 16px;max-width: 95%;}
	.product-list li .product-heading{font-size:14px;}
	.product-list li figure{width: 98px;}
}

@media(max-width:880px){
	.top-product-list{grid-template-columns: repeat(1, 1fr);width: 500px;gap:80px}
	.top-product-list li{aspect-ratio:auto}
	.product-playground .product-list{grid-template-columns: repeat(2, 1fr);width: 500px;}
	.product-preschool .product-list{grid-template-columns: repeat(2, 1fr);width: 500px;}
	.product-list li a{padding-inline:.5em;}
	.more-search-wrap{flex-direction:column;}
	.sec-products .container::before{width:50px;left: 25px;}
	.sec-products .container::after{width:68px;}
}

@media(max-width:560px){
	.com-tit-1::after{font-size: 12px;}
	.sec-products{padding-block: 40px 0;}
	.sec-products .container{background-image:url(images/product-bg-sp.png);background-position:right top;padding-bottom: 120px;}
	.product-list{grid-template-columns: repeat(2, 1fr);width: 320px;max-width: 100%;gap:20px;}
}
.more-search-wrap{display:flex;justify-content:center;align-items: center;gap: 20px 40px;margin-top:40px;}
.more-search{width:200px;padding-block:1em;padding-inline:1.5em;font-size: clamp(0.875rem, 0.824rem + 0.15vw, 1rem);text-align:center;color:#fff;display: grid;grid-template-columns:  auto 1fr;align-items: center;position:relative;z-index: 1;}
.more-search::before{content:'';position:absolute;width:100%;height:100%;border-radius:80px;z-index: -1;transition: background-color 200ms ease,transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.more{width:200px;padding-block:1em;padding-inline:1.5em;font-size: clamp(0.875rem, 0.824rem + 0.15vw, 1rem);font-weight: 500;text-align:center;color:#fff;display: grid;grid-template-columns: 1fr auto;align-items: center;margin-top: 3em;position:relative;z-index: 1;transition: var(--hover-transform);}
.more::before{content:'';position:absolute;width:100%;height:100%;border-radius:80px;border: 2px solid;z-index: -1;transition: background-color 200ms ease,transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.more-circle{width:24px;aspect-ratio:1;background-color:#fff;border-radius:9999px;display:grid;place-items:center;transition: background-color 200ms ease,transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.more.bg-orange svg{fill:var(--orange-color)}
.more.bg-yellow svg{fill:var(--yellow-color)}
.more.bg-blue svg{fill:var(--blue-color)}
.more.bg-transparent{background-color:transparent}
.more.bg-white{color:var(--blue-color)}
.more.bg-white .more-circle{background-color:var(--blue-color)}
.more.bg-white .more-circle svg{fill:#fff}

.bg-orange::before{background-color:var(--orange-color);border-color: var(--orange-color);}
.bg-yellow::before{background-color:var(--yellow-color);border-color: var(--yellow-color);}
.bg-blue::before{background-color:var(--blue-color);border-color: var(--blue-color);}
.bg-white::before{background-color:#fff;}

.com-table{width:1140px;max-width:100%;margin-inline: auto;}
.com-table th,
.com-table td{border-bottom:2px solid #e8e8e8;padding:16px 0;text-align: left;}
.com-table th{width:240px;position: relative;}
.com-table th::after{content:'';position:absolute;bottom:-2px;left:0;width:50px;height:2px;background-color:var(--blue-color)}
.com-table ul{padding-left:1.5em;list-style:disc;}

@media(max-width:720px){
	.com-table th,
	.com-table td{display:block;width:100%;}
	.com-table td{border-bottom: none;}
	.com-table tr:last-of-type th{border-bottom:none}
}

@media(max-width:560px){
	.p-page_content{padding:50px 0}
}

.noPost{text-align:center;}

/*-------------------------------------
/* ホバースタイル
--------------------------------------- */

@media (hover: hover){

	.product-list li a:hover img {scale:1.15;}
	.header_Menu_list li:hover .sub-menu{opacity:1;z-index:1111;visibility:visible;}
	.header_Menu_list li .sub-menu a:hover{color:var(--orange-color)}
	.header_Menu_list a:hover  .menu-tit > span,
	.footer_Menu_list a:hover  .menu-tit > span,
	.product-list li a:hover .product-tit > span{animation: productHover 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDown 0.13s linear 0.27s forwards;}
	.product-list li.perupen a:hover .product-tit > span{animation: perupenproductHover 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, perupenproductHoverDown 0.13s linear 0.27s forwards;}
	.product-list li.house a:hover .product-tit > span{animation: perupenproductHover 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, perupenproductHoverDown 0.13s linear 0.27s forwards;}
	.interview-list a:hover  .menu-tit > span{animation: interviewHover 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, interviewHoverDown 0.13s linear 0.27s forwards;}
	.more-search:hover::before{scale:1.1;background-color:#fff;}
	.more-search.bg-orange:hover{scale:1.1;color:var(--orange-color);}
	.more-search.bg-yellow:hover{scale:1.1;color:var(--yellow-color);}
	.news-more a:hover .more-circle{background-color:#fff}
	.news-more a:hover .more-circle svg{fill:var(--blue-color);}
	.news-tit a:hover .menu-tit > span{animation: productHover 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDown 0.13s linear 0.27s forwards;}
	.more:hover{scale:1.1;}
	.more:hover::before{scale:1.1;}
	.more.bg-white:hover{color:#fff;}
	.more.bg-white:hover::before{background-color:var(--blue-color);}
	.more.bg-white:hover .more-circle{background-color:#fff}
	.more.bg-white:hover .more-circle svg{fill:var(--blue-color)}
	.more.bg-blue:hover{color:var(--blue-color);}
	.more.bg-blue:hover::before{background-color:#fff;}
	.more.bg-blue:hover .more-circle{background-color:var(--blue-color)}
	.more.bg-blue:hover .more-circle svg{fill:#fff}
	.more.bg-orange:hover{color:var(--orange-color);}
	.more.bg-orange:hover::before{background-color:#fff;}
	.more.bg-orange:hover .more-circle{background-color:var(--orange-color)}
	.more.bg-orange:hover .more-circle svg{fill:#fff}
	.more.bg-yellow:hover{color:var(--yellow-color);}
	.more.bg-yellow:hover::before{background-color:#fff;}
	.more.bg-yellow:hover .more-circle{background-color:var(--yellow-color)}
	.more.bg-yellow:hover .more-circle svg{fill:#fff}
	.search-submit:hover{scale:1.1;}
	.search-submit:hover::before{scale:1.1;}
	.header_Menu_list li a:hover{background-size:100% 2px;background-position:bottom left}
	.footer_Menu_list li a:hover{background-size:100% 1px;background-position:bottom left}
	.link-over:hover ~ .post-box-item-content img{scale:1.1}

	.top-product-list li a:hover img{scale:1.15;}
	.top-product-list li a:hover .more{scale:1.1;}
	.top-product-list li a:hover .more::before{scale:1.1;background-color:#fff;}
	.top-product-list li a:hover .more-circle svg{fill:#fff}
	.top-product-list li a:hover .more.bg-yellow{color:var(--yellow-color);}
	.top-product-list li a:hover .more.bg-yellow .more-circle{background-color:var(--yellow-color)}
	.top-product-list li a:hover .more.bg-orange{color:var(--orange-color);}
	.top-product-list li a:hover .more.bg-orange .more-circle{background-color:var(--orange-color)}



}

/* TOP
===================================================== */
.top-fv {background: url("images/top_fv/bg_main.webp")no-repeat center calc(100% + 2px) / 100% auto;aspect-ratio: 64 / 35;position: relative;overflow: hidden;}
.top-fv img {display: block;width: 100%;}
.top-fv > * {position: absolute;width: 100%;height: 100%;z-index: 1;}
.top-fv-ttl {width: 27%;height: auto;top: 32.5%;left: 50%;z-index: 2;translate:-50% 20%;opacity: 0;transition: all 3s ease;transition-delay: .5s;}
.show .top-fv-ttl{translate:-50% 0;opacity:1}

.obj-ani figure {position: absolute;pointer-events: none;}
.obj-ani figure img {position: absolute;top: 0;left: 0;}
.obj-ani figure img:last-of-type {position: relative;}
.obj-ani-01 {width: 29.5%;bottom: 12%;left: 40%;}
.obj-ani-01 img:nth-of-type(1) {transform-origin: 7% 61%;animation: oa01 1s ease-in-out infinite alternate;outline: 1px solid transparent;}
@keyframes oa01 {
	to {
		transform: rotate(-40deg);
	}
}
.obj-ani-02 {width: 26.6%;bottom: 2%;left: 3%;}
.obj-ani-02 img:nth-of-type(1) {animation: oa02 5s ease-out infinite;outline: 1px solid transparent;}
@keyframes oa02 {
	30% {
		transform: translate(18.5%, 18%);
	}
	100% {
		transform: translate(18.5%, 18%);
	}
}
.obj-ani-03 {width: 12.6%;top: 33%;left: 20.5%;}
.obj-ani-03 img:nth-of-type(1),
.obj-ani-03 img:nth-of-type(2) {animation: oa03 1.2s ease-out infinite alternate;outline: 1px solid transparent;}
.obj-ani-03 img:nth-of-type(2) {animation-direction: alternate-reverse;outline: 1px solid transparent;}
@keyframes oa03 {
	to {
		transform: translateY(-11%);
	}
}
.obj-ani-04 {width: 11.8%;top: 41%;right: 21%;}
.obj-ani-04 img:nth-of-type(1) {animation: oa04 1.4s ease-in-out infinite alternate;outline: 1px solid transparent;}
@keyframes oa04 {
	to {
		transform: scale(.9);
	}
}
.obj-ani-05 {width: 9.3%;top: 5%;right: 11.5%;}
.obj-ani-05 img:nth-of-type(2) {animation: oa05 1s ease-in-out infinite alternate;outline: 1px solid transparent;}
@keyframes oa05 {
	to {
		transform: translateY(-10%);
	}
}
.obj-ani-06 {width: 11.6%;top: 3%;left: 34%;}
.obj-ani-06 img:nth-of-type(2) {transform-origin: 60% 85%;animation: oa06 1.6s ease-in-out infinite alternate;outline: 1px solid transparent;}
@keyframes oa06 {
	to {
		transform: rotate(20deg);
	}
}
.obj-ani-07 {width: 9.6%;top: 11%;right: 29.5%;}
.obj-ani-07 img:nth-of-type(2) {transform-origin: 16.2% 50.4%;animation: oa07 1.1s linear infinite;outline: 1px solid transparent;}
@keyframes oa07 {
	to {
		transform: rotate(-360deg);
	}
}
@media (max-width: 960px) {
	.top-fv {background-image: url("images/top_fv/bg_main_tb.png");aspect-ratio: 1 / 1.242;}
	.top-fv-ttl {width: 30.7%;top: 36.5%;}
	.obj-ani-01 {width: 45.4%;bottom: 4%;left: auto;right: 0;}
	.obj-ani-02 {width: 41.4%;bottom: 1%;left: -28px;}
	.obj-ani-03 {width: 22.2%;top: 52%;left: 9.5%;}
	.obj-ani-04 {width: 18.9%;top: 57%;right: 10%;}
	.obj-ani-05 {width: 14.9%;top: 11%;right: 10%;}
	.obj-ani-06 {width: 19.6%;top: 16%;left: 13%;}
	.obj-ani-07 {width: 15.4%;top: 7%;left: 40%;}
}
@media (max-width: 640px) {
	.top-fv {background-image: url("images/top_fv/bg_main_sp.png");aspect-ratio: 1 / 1.68;	}
	.top-fv-ttl {width: 47.7%;top: 36.5%;}
	.obj-ani-01 {width: 53.1%;bottom: 4%;/* left: 23%; */}
	.obj-ani-02{width: 46%;left: -14%;bottom: -1%;}
	.obj-ani-03 {width: 25.8%;top: 57%;}
	.obj-ani-04 {width: 25%;top: 60%;}
	.obj-ani-05 {width: 18.9%;top: 12%;right: 7%;}
	.obj-ani-06 {width: 24.6%;top: 18%;left: 10%;}
	.obj-ani-07 {width: 18.7%;top: 9%;left: 37%;}
}

.sec-thought{padding-top: 120px;}
.thought-wrap{display:flex;gap:5%;position: relative;}
.thought-wrap::after{content:'';position:absolute;width: 13%;aspect-ratio:1;background:url(images/thought-2.png)no-repeat center / contain;left: calc(100% - 8%);}
.rocket{width:40%;aspect-ratio: 1.354/1;position:relative;}
.rocket img{position:absolute;}
.rocket img:nth-of-type(1) {transform-origin: 77% 16%;animation: rocket 1s ease-in-out infinite alternate;outline: 1px solid transparent;}
@keyframes rocket {
	to {
		transform: rotate(15deg);
	}
}
.rocket img:nth-of-type(3) {outline: 1px solid transparent;
	animation: rocket01 3s infinite step-end;animation-delay: 3s;
}

@keyframes rocket01 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.rocket img:nth-of-type(4) {outline: 1px solid transparent;
	animation: rocket02 3s infinite step-end;
}
@keyframes rocket02 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.thought-des{width: min(40%,686px);}
.thought-txt{margin-top:2em;}
.sec-caution{margin-block: 240px 10vw;background-color: var(--blue-color);color: #fff;position:relative;}
.sec-caution::before{content:'';position:absolute;width:100%;height: 24px;background: url(images/wave-small.png)repeat-x center / 120px 24px;top: -22px;z-index: 11;animation: wave-anime 5s linear infinite;outline: 1px solid transparent;}
@keyframes wave-anime {
	0% {background-position: 0 0;}
	100% {background-position: 240px 0;}
}
.sec-caution::after{content:'';position:absolute;width:100%;height: 10vw;background: url(images/wave-large.png)repeat-x top / 101% 10vw;top: 99%;z-index: 11;}
@keyframes wave-anime-reserve {
	0% {background-position: 0 0;}
	100% {background-position: -1920px 0;}
}
.sec-caution .container{padding-top: 80px;width: 1440px;background:url(images/caution-bg.png)no-repeat center / contain}
.sec-caution .com-tit-1::after{color:#fff;}
.dolphin{position:absolute;width: 8%;min-width: 116px;bottom: 100%;left: 22%;z-index: -1;}
.dolphin img{width:100%;aspect-ratio:1;object-fit:contain}
.ship{position:absolute;width: 30%;aspect-ratio: 1;min-width: 375px;bottom: 90%;right: 24px;z-index: -1;}
.ship img{width:100%;aspect-ratio:1;object-fit:contain;inset:0;margin:auto;position:absolute;}
.ship img:last-of-type{position:relative;}

.ship img:nth-of-type(1) {outline: 1px solid transparent;
	transform-origin: 20% 40%;
	animation: ship 1s ease-in-out infinite alternate;
}
@keyframes ship {
	to {
		transform: rotate(-25deg);
	}
}
.caution-wrap{display:flex;gap: 1.5em 56px;padding-block:120px;width: 1160px;max-width:100%;margin-inline:auto;}
.caution-des{width:50%;}
.caution-txt{margin-top:2em}
.caution-img{width:calc(50% - 56px);}
.caution-img img{border-radius:20px;}
.caution-more{position:relative}
.obj-ani-caution{position:absolute;width:27%;left:148px;top:20px;animation:oa-caution 1.5s ease-in-out infinite;outline: 1px solid transparent;}

@keyframes oa-caution {
	50% {
		transform: translateX(-11px);
	}
	100% {
		transform: translateX(0);
	}
}

.sec-recruit{padding-block: 120px;position:relative}
.sec-recruit::after{content:'';position:absolute;width: 11vw;aspect-ratio:1;background:url(images/recruit-rope.png)no-repeat center / contain;right: calc(100% - 9vw);bottom:0;}
.recruit-wrap{display:flex;gap: 1.5em 56px;width: 1160px;max-width:100%;margin-inline:auto;}
.recruit-img{width:calc(50% - 56px);}
.recruit-img img{border-radius:20px;}
.recruit-des{width:50%;}
.recruit-txt{margin-top:2em}
.recruit-more{position:relative;}
.obj-ani-sloth{position:absolute;width:30%;left: 80px;top: 4px;pointer-events: none;}
.obj-ani-sloth img{width:100%;aspect-ratio:1;object-fit:contain;inset:0;margin:auto;position:absolute;}
.obj-ani-sloth img:last-of-type{position:relative;z-index:1;}
.obj-ani-sloth img:nth-of-type(2){z-index:-1;}
.obj-ani-sloth img:nth-of-type(1) {z-index:11;transform-origin: 54% 65%;animation: sloth 1s ease-in-out infinite alternate;outline: 1px solid transparent;}
@keyframes sloth {
	to {
		transform: rotate(25deg);
	}
}

.gear-wrap{position:absolute;top: -18%;right: 8px;width: 10%;aspect-ratio:1}
.gear-wrap img{width:60%;aspect-ratio:1;object-fit:contain;position:absolute;}
.gear-1{top:70%;right:0;animation: rotate-anime 10s linear infinite;}
.gear-2{top:40%;left:-20%;animation: rotate-anime-reverse 10s linear infinite;}
.gear-3{top:0;right:10%;animation: rotate-anime 10s linear infinite;}
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}
@keyframes rotate-anime-reverse {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(-360deg);}
}

.sec-news{padding-block:80px;position: relative;}
.sec-news::after{content:'';position:absolute;left: calc(100% - 5%);top: 90px;width: 5%;height: 15vw;background:url(images/bus-1.png)no-repeat center / contain}
.sec-news .com-tit-1{text-align:center;}
.news-wrap{width: min(100%,1040px);margin-top: 56px;margin-inline: auto;}
.news-list li{display:grid;grid-template-columns: auto 1fr;gap: 1em 2em;align-items:center;padding-block: 3em;padding-inline: 4em;background-color:#e6f4ff;border-radius:999px}
.news-list li:not(:first-child){margin-top: 1.5em;}
.news-meta{display:grid;grid-template-columns: repeat(2, 1fr);gap: 2em;align-items:center;}
.update{font-weight:bold;}
.news-cat{padding-inline: 0;background-color:var(--blue-color);border-radius:999px;font-size:14px;text-align:center;color:#fff;}
.news-tit .menu-tit{display:block;overflow:hidden;}
.news-tit .menu-tit > span{position: relative;display:block; animation: productHoverOff 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDownOff 0.13s linear 0.27s forwards;}
.news-tit .menu-tit > span >span{position:absolute;top:100%;left:0;display:block;color:var(--orange-color);}
.news-more{margin-top:2em;}
.news-more a.more{color:var(--blue-color);padding: 0;margin-left: auto;width:160px;}
.news-more a.more::before{display:none}
.news-more .more-circle{background-color:var(--blue-color)}
.news-more .more-circle svg{fill:#fff;}

.sec-product-search{padding-block: 80px;}
.product-search-des{text-align:center;}
.product-search-txt{margin-top:2em}
.search-wrap{margin-top: 2em;}
.search-content{display:grid;grid-template-columns: repeat(3, 1fr);gap:32px;width:880px;max-width:100%;margin-inline:auto;}
.search-item h3{padding-block: 1em .5em;padding-inline:2em;text-align:center;color:#fff;background-color:var(--blue-color);border-radius:20px 20px 0 0;}
.search-area{padding-block: 1.5em 2em;padding-inline: 2em;border:1px solid var(--blue-color);border-radius:0 0 20px 20px;}
.search-area input{margin-top:0;height: 48px;}
.search-area input::placeholder{font-size:14px;;color:#9ab9d2;text-align:center;}

.price-search{display:grid;grid-template-columns: repeat(2, 1fr);gap: 32px;position:relative}
.price-search::before{content:'〜';position:absolute;inset:0;margin:auto;width:16px;height:32px;}

.search-submit input{width:200px;padding-block:1em;padding-inline:1.5em;font-size: clamp(0.875rem, 0.824rem + 0.15vw, 1rem);text-align:center;color:#fff;position:relative;z-index: 1;background-color:transparent;}
.search-submit{position:relative;width:fit-content;margin-top:2em;margin-inline:auto;transition: var(--hover-transform);}
.search-submit svg{fill:#fff;position:absolute;top:17px;left:calc(50% - 50px)}
.search-submit::before{content:'';position:absolute;width:100%;height:100%;border-radius:80px;z-index: -1;background-color:var(--orange-color);}

.product-category{padding-top:140px;background:var(--green-color) url(images/search-product-bg.png)no-repeat top center / contain}
.product-category .container{padding-bottom:140px;}

/* 製品について */
.sec-caution-1 .com-tit-1{text-align:center;margin-bottom: 1em;}
.sec-caution-1 .container{width:1500px}
.safety-list{display:grid;grid-template-columns:repeat(5,1fr);gap:4em 30px;}
.safety-list li{opacity: .0;translate:0 50px;transition:var(--show-anime);}
.safety-list li p{text-align:center;font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);font-weight:500;margin-top: .7em;}

.show .safety-list li{opacity:1;translate:0}
.show .safety-list li:nth-child(2){transition-delay:.2s}
.show .safety-list li:nth-child(3){transition-delay:.4s}
.show .safety-list li:nth-child(4){transition-delay:.6s}
.show .safety-list li:nth-child(5){transition-delay:.8s}
.show .safety-list li:nth-child(6){transition-delay:1s}
.show .safety-list li:nth-child(7){transition-delay:1.2s}
.show .safety-list li:nth-child(8){transition-delay:1.4s}
.show .safety-list li:nth-child(9){transition-delay:1.6s}
.show .safety-list li:nth-child(10){transition-delay:1.8s}

.sec-caution-2 .com-tit-1{text-align:center;margin-bottom: 1em;}
.caution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:1140px;max-width:100%;margin-inline:auto}
.caution-list li{background-color:#fff;border-radius:30px;padding-block:3em;opacity: .0;translate:0 50px;transition:var(--show-anime);}
.caution-list li figure{width:160px;aspect-ratio: 160/109;margin-inline:auto;}
.caution-list li img{width: 100%;height: 100%;object-fit:contain;}
.caution-list li p{text-align:center;font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);font-weight:500;margin-top: 1.3em;}

.show .caution-list li{opacity:1;translate:0}
.show .caution-list li:nth-child(2){transition-delay:.2s}
.show .caution-list li:nth-child(3){transition-delay:.4s}
.show .caution-list li:nth-child(4){transition-delay:.6s}
.show .caution-list li:nth-child(5){transition-delay:.8s}
.show .caution-list li:nth-child(6){transition-delay:1s}

.sec-caution-3 .com-tit-1{text-align:center;margin-bottom: 1em;}
.detail-box{width:1140px;max-width:100%;margin-inline:auto;opacity: .0;translate:0 50px;transition:var(--show-anime);}
.detail-box:not(:first-of-type){margin-top:56px;}
.detail-box h4{font-size: clamp(1.125rem, 0.971rem + 0.44vw, 1.5rem);padding-bottom: .5em;margin-bottom: 1em;border-bottom:4px dotted var(--blue-color);line-height: 1.4;font-weight: 500;text-align: left;}
.detail-box h4 span{font-size: clamp(1rem, 0.897rem + 0.29vw, 1.25rem);display: inline-block;letter-spacing: 0;}
.detail-item{display:flex;gap: 24px 40px;}
.detail-item .detail-des{width:60%;}
.detail-item figure{flex:1;border-radius: 30px;overflow: hidden;}
.guarantee{width:fit-content;padding-block:1.5em;padding-inline:2em;margin-top:2em;background-color:#e6f4ff;border-radius:20px;}
.guarantee h5{color:var(--blue-color);margin-bottom:.5em;}
.guarantee p{display:flex;gap:1em;}
.guarantee p span:last-of-type{margin-left:auto;}
.frp-about{color:var(--blue-color);margin-top:1em;}
.frp-about li{position:relative;padding: 0 0 0 20px;}
.frp-about li::before{content:'';position: absolute;width:10px;height:10px;border-radius:10px;background-color:  var(--blue-color);margin-right:8px;top: 8px;left: 4px;}

.show.detail-box{opacity:1;translate:0}

/* 採用情報 */
.sec-recruit-1 .com-tit-1{text-align:center;margin-bottom: 2em;}
.recruit-tit{font-size: clamp(1.25rem, 1.147rem + 0.29vw, 1.5rem);margin-top:.5em;margin-bottom:1em}
.recruit-tit span{display:block;font-size: 16px;font-weight: 500;color:var(--blue-color)}
.sec-recruiting{text-align:center;padding-bottom:200px;}
.sec-recruiting .com-tit-1{margin-bottom: 1.5em;}
.sec-recruiting .more{margin-inline:auto;padding-block:1.5em;width:240px}

/* 社員インタビュー */
.interview-tit{font-size: 30px;font-weight:bold;margin-top:.5em}
.interview-tit span{font-size: 20px;font-weight: 500;color:var(--blue-color);display:inline-block;margin-left:1em;}
.sec-interview-4 .com-tit-1{text-align:center;}
.schedule-item{width:fit-content;margin-inline:auto;margin-top: 55px;padding-inline: 4vw;opacity: .0;translate:0 50px;transition:var(--show-anime);}
.schedule-item div{display:flex;gap: 4em;}
.schedule-item div:not(:first-of-type){margin-top: 2em;}
.schedule-item dl{position:relative}
.schedule-item dl::before{content:'';width:1px;height: 0;background-color:var(--blue-color);position:absolute;left: calc(98px + 2.5em);top:5%;opacity: 0;transition:var(--show-anime) , height 2s;transition-delay:.5s}
.schedule-item dt{width: 100px;height: 30px;border-radius: 99px;display:grid;place-items:center;font-size: 20px;font-family: var(--en-font);color:#fff;text-align:center;position:relative}
.schedule-item dl div:first-of-type span{display:inline-block;padding-left: .2em;}
.schedule-item dt::after{content:'';width: 20px;aspect-ratio:1;border-radius:100%;position:absolute;left: 129px;}
.schedule-item div:nth-of-type(odd) dt,
.schedule-item div:nth-of-type(odd) dt::after{background-color:var(--blue-color)}
.schedule-item div:nth-of-type(even) dt,
.schedule-item div:nth-of-type(even) dt::after{background-color:var(--font-color)}
.schedule-item dd{font-size: 18px;padding-left: 1em;flex: 1;}
.schedule-note{font-size:14px;margin-top:1em}

.show .schedule-item{opacity:1;translate:0}
.show .schedule-item dl::before{opacity: 1;height: 90%;}
.sec-interview-5{position:relative;margin-bottom:120px;padding-block: 140px;}
.sec-interview-5::before{content:'';position:absolute;width:100%;height:100%;background-color:#F2F2F2;inset:0;margin:auto;border-radius:0 120px 0 120px;z-index: -1;}
.sec-interview-5 .com-tit-1{text-align:center;}
.interview-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;margin-top: 53px;padding-inline: 2vw;}
.interview-list li{padding-block: 1em;padding-inline: 1em;border-radius:20px;background-color:#fff;opacity: .0;translate:0 50px;transition:var(--show-anime);}
.interview-list li a:hover img{scale:1.1}
.interview-list li figure{border-radius:14px;overflow:hidden;}
.interview-list li figure img{transition:var(--hover-transform)}
.interview-list li h4{font-size: clamp(1.125rem, 0.971rem + 0.44vw, 1.5rem);margin-top:.5em;}
.interview-list li .menu-tit{display:block;overflow:hidden;}
.interview-list li .menu-tit > span{position: relative;display:block; animation: productHoverOff 0.27s cubic-bezier(0, 0.55, 0.45, 1) forwards, productHoverDownOff 0.13s linear 0.27s forwards;}
.interview-list li .menu-tit > span >span{position:absolute;top:100%;left:0;display:block;color:var(--orange-color);}
.interview-list li p{display:block;font-size: 16px;font-weight: 500;color:var(--blue-color)}
.sec-interview-5 .more{margin-inline:auto;}

.show .interview-list li{opacity:1;translate:0}
.show .interview-list li:nth-child(2){transition-delay:.2s}
.show .interview-list li:nth-child(3){transition-delay:.4s}
.show .interview-list li:nth-child(4){transition-delay:.6s}

/* 会社概要 */
.company-table{opacity: .0;translate:0 50px;transition:var(--show-anime);}
.company-img{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;width:1140px;max-width:100%;margin-inline:auto;margin-top:80px;}
.company-img figure{border-radius:20px;overflow:hidden;opacity: .0;translate:0 50px;transition:var(--show-anime);}
.company-map{width:1140px;max-width:100%;margin-inline:auto;margin-top:80px;border-radius: 20px;overflow: hidden;opacity: .0;translate:0 50px;transition:var(--show-anime);}
.company-map iframe{width:100%;aspect-ratio:1.9/1;height:100%;}

.show.company-table{opacity:1;translate:0}
.show.company-img figure{opacity:1;translate:0}
.show.company-img figure:nth-child(2){transition-delay:.2s}
.show.company-img figure:nth-child(3){transition-delay:.4s}
.show.company-img figure:nth-child(4){transition-delay:.6s}
.show.company-img figure:nth-child(5){transition-delay:.8s}
.show.company-img figure:nth-child(6){transition-delay:1s}
.show.company-map{opacity:1;translate:0}

/* 商品 */
.single-product-img{width: 40%;}
.single-product-spec{width: calc(60% - 40px);}
.single-product-spec table{border-collapse:separate;border-spacing:2px;width:100%;}
.single-product-spec table + table{margin-top:40px;}
.single-product-spec table th,
.single-product-spec table td{padding-block: 1em;padding-inline:1em;}
.single-product-spec table th{width:100px;background-color:#e6f4ff;vertical-align: top;font-weight: normal;letter-spacing: .05em;}
.single-product-spec table td{font-size: 14px;background-color:#f1f9ff}
.single-product-body{display: flex;gap: 40px;}
.single-product-img img{width:100%;aspect-ratio:1.5/1;object-fit:cover;}
.single-product-thumb{display:grid;grid-template-columns: repeat(4, 1fr);gap:1em;margin-top: 1.5em;}
.single-product-thumb .thumb-media{transition:var(--hover-transform);cursor:pointer;overflow:hidden}
.single-product-thumb .thumb-media.thumb-media-active{opacity:.4;}
.product-diagram{margin-top:2em}
.product-diagram h3{font-weight: 500;line-height:1;padding-left: .5em;border-left:2px solid;}
.product-diagram-wrap{display:grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin-top: 1.5em;}
.product-diagram-item a{font-size: 11px;text-align:center;color:#fff;padding-block: 0;padding-inline: 32px 0;display: grid;grid-template-columns: 1fr auto;align-items: center;background-color:var(--blue-color)}
.product-diagram-item svg{width:32px;height:32px;}
.product-manual{margin-top:2em}
.product-manual h3{font-weight: 500;line-height:1;padding-left: .5em;border-left:2px solid;}
.product-manual-wrap{display:grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin-top: 1.5em;}
.product-manual-item a{font-size: 11px;text-align:center;color:#fff;padding-block: 0;padding-inline: 32px 0;display: grid;grid-template-columns: 1fr auto;align-items: center;background-color:var(--blue-color)}
.product-manual-item svg{width:32px;height:32px;}
.product-flyer{margin-top:2em}
.product-flyer h3{font-weight: 500;line-height:1;padding-left: .5em;border-left:2px solid;}
.product-flyer-wrap{display:grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin-top: 1.5em;}
.product-flyer-item a{font-size: 11px;text-align:center;color:#fff;padding-block: 0;padding-inline: 32px 0;display: grid;grid-template-columns: 1fr auto;align-items: center;background-color:var(--blue-color)}
.product-flyer-item svg{width:32px;height:32px;}
.single-product-main .more{margin-inline:auto;margin-top: 64px;}
.single-product-side .search-content{grid-template-columns:1fr;gap: 0;}
.side-search-wrap .search-item{padding-top: 2em;padding-inline: 1.5em;}
.side-search-wrap .search-item h4{color:var(--blue-color);margin-bottom:.5em}
.side-search-wrap .search-area{border:none;border-radius:0;padding: 0;margin-top: 1em;}
.side-search-wrap .search-submit input{width:140px;}

.taxonomy-class-item .taxonomy-cat-name{color:var(--blue-color);margin-top: .5em;}
.taxonomy-class-item-body h3{font-size:18px;font-weight: 500;margin-bottom:.5em}
.taxonomy-class-item-body p{font-size: 14px;text-align: left;letter-spacing: 0;}
.taxonomy-product-side{width:800px;max-width:100%;margin-inline:auto;margin-top:80px;}

/* Webカタログ */
.catalog-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap: 40px 35px;}
.catalog-list figure{width:100%;aspect-ratio:19/27}
.catalog-list figure img{width:100%;height:100%;object-fit:cover}
.catalog-list h3{margin-top:4px;}

@media (max-width: 1024px) {
	.thought-wrap{flex-direction:column;}
	.rocket{width:500px;max-width:75%;}
	.thought-des{width: 540px;max-width:100%;margin-top: 1em;margin-inline:auto;padding-inline: 20px;}
	.thought-txt{margin-top:1em}
	.caution-txt{margin-top:1em}
	.thought-des .more{margin-inline:auto}
	.thought-wrap::after{display:none}
	.dolphin{left:24px;width: 84px;min-width: auto;}
	.ship{width: 346px;min-width: auto;bottom: 93%;}
	.sec-caution .container{background-image:url(images/caution-bg-tb.png);background-size: auto 95%;}
	.caution-wrap{flex-direction:column-reverse;align-items:center;padding-block: 40px 72px;}
	.caution-img,
	.caution-des{width:500px;max-width:100%;}
	.caution-more .more{margin-inline:auto;}
	.obj-ani-caution{left: calc(50% + 73px);width: 20%;min-width: 78px;top: 32px;}
	.recruit-wrap{flex-direction:column;align-items:center}
	.recruit-img,
	.recruit-des{width: 500px;max-width:100%;}
	.gear-wrap{right:20px;top: -18%;min-width: 80px;}
	.sec-recruit::after{min-width: 120px;top: 40px;right: auto;left: -32px;bottom: auto;}
	.recruit-tit{margin-top:0;margin-bottom: .5em;}
	.recruit-txt{margin-top:1em}
	.recruit-more .more{margin-inline:auto;}
	.obj-ani-sloth{left: calc(50% + 23px);width:100px;top: 19px;}
	.sec-news::after{display:none;}
	.news-list li{grid-template-columns:1fr}
	.news-meta{width:fit-content;}
	.interview-list{grid-template-columns: repeat(2, 1fr);}
	.safety-list{grid-template-columns: repeat(3, 1fr);width:720px;max-width:100%;margin-inline:auto;}
	.caution-list{grid-template-columns: repeat(2, 1fr);width:560px;max-width:100%;margin-inline:auto;}
	.detail-box{width:720px;max-width:100%;margin-inline:auto;}
	.detail-item{flex-direction:column;}
	.detail-item .detail-des{width:100%;}
	.detail-item figure{width:540px;max-width:100%;margin-inline:auto;}
}

@media (max-width: 880px) {
	.search-content{grid-template-columns:1fr;width: 100%;}
	.company-img{grid-template-columns: repeat(2,1fr);}
	.company-map iframe{aspect-ratio:1}
	.interview-tit{position:absolute;bottom:-72px;font-size: 22px;}
	.interview-tit span{font-size:16px;}
	.sec-interview-1{padding-top:100px;}
	.single-product-body{flex-direction:column;align-items:center;}
	.single-product-img{width:500px;max-width:100%;}
	.single-product-spec{width:100%;}
}


@media (max-width: 720px) {
	.sec-thought{padding-top:70px}
	.dolphin{width: 50px;}
	.ship {width: 220px;right: 20px;bottom: auto;top: -185px;}
	.sec-recruit{padding-top:140px;}
	.sec-news{padding-top:0;}
	.news-list li{gap: .3em;padding-block: 1.5em;padding-inline: 3em;}
	.news-meta{gap:1em}
	.safety-list{grid-template-columns: repeat(2, 1fr);gap:40px 16px;width:500px;}
	.safety-list li p{font-size:14px;}
	.caution-list{gap:8px;}
	.caution-list li{padding-block:2em;}
	.caution-list li figure{width:100px;}
	.caution-list li p{font-size:11px;}
	.catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;}
}

@media (max-width: 560px) {
	.sec-product-search{padding-block: 80px;}
	.product-category{padding-top:80px;}
	.product-category .container{padding-bottom:80px;}
	.taxonomy-class-item-body h3{font-size:16px;}
	.taxonomy-class-item .taxonomy-cat-name{font-size:12px;}
	.news-wrap{margin-top:40px;}
	.news-cat{font-size:12px}
	.news-tit a{font-size:14px;}
	.news-more a.more{width: 130px;}
	.schedule-item{padding-inline: 2vw;}
	.schedule-item div{gap: 1em;}
	.schedule-item dl::before{left: calc(72px + 1.5em);}
	.show .schedule-item dl::before{top: 2%;height: 94%;}
	.schedule-item dt{font-size: 16px;width:80px;}
	.schedule-item dt::after{left: 89px;width: 12px;}
	.schedule-item dd{font-size: 15px;}
	.sec-interview-5{padding-block:80px;}
	.sec-interview-5::before{border-radius:0 80px 0 80px}
	.interview-list{margin-top: 40px;gap: 10px;padding-inline: 0;}
	.interview-list li{padding: 10px;}
	.interview-list li figure{border-radius:18px;}
	.interview-list li p{font-size: 13px;text-align:left}
	.detail-box:not(:first-of-type){margin-top:40px;}
	.guarantee{padding:1em;}
	.guarantee p{font-size:12px;gap:.5em}
}

@media (max-width: 440px) {
	.taxonomy-class-item-body h3{font-size:14px;margin-bottom:0;}
	.taxonomy-class-item-body p{font-size:12px;}
}


/* お問い合わせ */
.grecaptcha-badge { visibility: hidden; }