@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/
html,body { height: 100%; font-size: 16px; scroll-behavior: smooth; }
@media (max-width: 1200px) { html { font-size: 14px; }}
@media (max-width: 1000px) { html { font-size: 12px; }}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption { margin: 0; padding: 0; textscroll-behavior: smooth; -align:justify;}

img, abbr, acronym, fieldset {border: 0;}
ul,li {list-style:none;}

a { text-decoration: none; color:#333;}
a:hover { color:#f00;}

img {max-width:100%;}

.clearText { text-indent:100%; white-space:nowrap; overflow:hidden;}


/*
@media screen and (min-width: 1000px) {
  img { max-width: 1000px;  }
}
*/



/* ------ google font ------ */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
/* ------ 
font-family: 'Poppins', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'M PLUS 2', sans-serif;
font-family: 'Zen Old Mincho', serif;
font-family: 'Zen Antique', serif;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-family: 'Kosugi Maru', sans-serif;
font-family: 'Kosugi', sans-serif;
------ */



/* ------ Body ------ */

body { font-family: 'M PLUS 2', sans-serif; background-color:#fff; text-align: justify; text-justify: inter-ideograph;}
@media (max-width: 1000px) {
}


/* ------ header top ------ */
header { width: 100%; padding:0; height:80px;}
.header-top { margin:0 auto; padding:0; width:100%; height:80px; position: fixed; top: 0; left: 0; z-index: 3; background:rgba(252,252,252,1); box-shadow:0 5px 8px #bbb;}
.header-inner { margin:0 auto; padding:0; width:100%; height:80px; max-width:1200px; }
.header-logo { margin:0 auto; padding:0; width:30%; height:80px; float:left;}
.header-logo img { margin:10px 0 10px 20px; padding:0; height:60px; float:left;}

.header-menu { margin:0; padding:0; width:70%; height:80px; float:left; }
#header-main { margin:0; padding:80px 0 0 0; width:100%; float:left; }

@media (max-width: 768px) {#header-main { margin:0; padding: 0; width:100%; float:left; }
@media (max-width: 414px) {}
}

/* ------ header top メニュー ------ */
.menu-header-menu-container { margin:0 auto 0 auto; padding:0; width:100%;}
.menu-header-menu-container ul { margin:0 auto 0 auto; padding:0; width:100%; line-height:80px; display: flex; justify-content: flex-end;}
.menu-header-menu-container li { margin:0; padding:0 2%;}
.menu-header-menu-container li { margin:0; padding:0 2%;}
.inner1200 { margin:0 auto; padding:100px 0; width:100%; max-width:1200px;}



/* ------ footer  ------ */
#footer { margin:0; padding:0; width:100%; height:auto; background:#000; float:left;}

#footer .inner { margin:0 auto; padding:0; width:100%; max-width:1200px;}

.footer-line-inner { margin:0; padding:50px 0 0 0; width:40%; float:left;}
.footer-line-inner h2 { margin:0; padding:0 0 20px 0; width:100%; float:left; color:#fff;}
.footer-line-inner p { margin:0; padding:0; width:100%; float:left; color:#ccc; line-height:26px;}

.footer-menu { margin:0; padding:50px 0 0 0; width:60%; float:left;}
.footer-menu .menu { margin:0; padding:0; width:100%; float:left;}
.footer-menu .menu li { margin:0 10px; padding:0; float:right;}
.footer-menu .menu a {color:#fff;}
.footer-menu .menu a:hover {color:#f60;}

address {margin:100px 0 10px 0; padding:0; width:100%; color:#ccc; text-align:center; font-size:0.7rem; float:left;}

@media (max-width: 768px) {
.footer-line-inner { margin:0; padding:50px 0 0 0; width:100%; float:left;}
.footer-line-inner h2 { margin:0 2%; padding:0 0 20px 0; width:96%; float:left; color:#fff;}
.footer-line-inner p { margin:0 2%; padding:0; width:96%; float:left; color:#ccc; line-height:26px;}
}





/* ------ トップのコンテンツ ------ */

#page-contents { margin:0; padding:0; width:100%; height:auto; float:left; display:block;}
#inner-page { margin:0 auto; padding:0; width:100%; height:auto;}

.img001 {border-radius: 15px; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));}

.borderline { display: inline-block; position: relative;}

.borderline::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  border-top: 5px solid #009933;
}



.table_com { margin:0; padding:0; width:100%; float:left;}
.table_com tr { margin:0; padding:0; width:100%;}

.index { margin:0; padding:2% 0 2% 2%; width:43%; background-color:#e6f0e6; border-bottom:1px solid #999999;}
.text { margin:0; padding:2% 0 2% 2%; width:63%; background-color:#fff; border-bottom:1px solid #999999;}


.warehouse { margin:0; padding:0; width:100%; border-radius:15px; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));}
iframe { margin:0; padding:0; width:100%; border-radius: 15px 15px 0 0; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));}




/* Access */
.a-map { margin:0; padding:0; width:100%; border-radius: 15px; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));}

.access-info { border:1px solid #ccc; border-radius:18px; padding:28px; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); background-color:#fff;}
.access-info h3 { font-size:20px; font-weight:800; margin-bottom:14px; }
.info-row { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid #ccc;}


.info-row .ic { flex:0 0 36px; height:36px; border-radius:10px; background:#9acd32; color:var(--ink); display:grid; place-items:center; font-size:18px;}
.info-row .ic svg {width:18px; height:18px; fill:currentColor;}
.info-row .label { font-size:12.5px; font-weight:700; color:#006400; letter-spacing:.06em; display:block; margin-bottom:2px;}
.info-row .value { font-size:16px; color:#666; font-weight:600; word-break:break-all;}




/* お問い合わせフォーム */

#form-inquiry tr { border-bottom:1px dotted #ccc;}
td.title { margin:0; padding:0 2% 0 0; width:25%;}
span.hisu { color:#f00;}
td.input { margin:0; padding:0; width:73%;}

#form-inquiry input, textarea {
	float: left; width: 90%; max-width: 90%; border: none; margin: 0.5rem 2%; padding:15px 3%; border-radius: 10px; background:#eee; color: darken(#f9f9f9, 50%);
  &::placeholder {
	  color: darken(#f9f9f9, 50%);
  }
  &.error {
	  background: $red;
	  color: #fff;
	  &::placeholder {
		  color: darken($red, 60%);
    }
  }
}
#form-inquiry textarea { height: 10rem; width: 90%; max-width: 90%; border: none; margin: 0.5rem 2%;}

#form-inquiry ul { margin:0; padding:0; width:100%; float:left;}
#form-inquiry li { margin:15px 0; text-align:center; width:100%; max-width:1200px; float:left;}
#form-inquiry label { width:100%; background:#f00; float:left; display:block;}
#form-inquiry li .form-check { margin:5px 0 0 0; width:5%; float:left;}

#form-inquiry input[type=submit] { margin:0 40% 0 40%; padding:15px 0; color: #fff; width: 20%; float:left; border:2px solid #005bac; border-radius:0.4rem; background:#005bac; font-size:1rem;
	font-family: 'Zen Kaku Gothic New', sans-serif; font-weight:bold; text-align:center;}
#form-inquiry input[type=submit]:hover { margin:0 40% 0 40%; padding:15px 0; background:#fff; color: #005bac; width: 20%;}


.wpcf7 { border: none;}
.wpcf7 form.sent .wpcf7-response-output { border: none;}
.wpcf7 .wpcf7-response-output { border: none;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { border: none;}


.turnstile-container { display: flex; justify-content: center; width: 100%;}