/*
Theme Name: The Blank
Author: HeyMasa
Description: This theme is The Blank theme
Version: 1.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: The Blank

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* RESET CSS*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}
/* //RESET CSS*/

:root {
    --medium: 500;
	--bold: 700;
	--theme-blue: #395297;
    --theme-blue-light: #6BB0DC;
	--hover-transition: 0.2s;
	--hover-opacity: 0.7;
	--input-placeholderFontColor: #92B2C6;
}

body{
	background: white;
	color:#222;
}

body.coade.single-post .blog-postHead > div{
	margin-bottom: 0px;
}

body.coade.single-post .blog-postHead > img{
	margin-bottom: 60px;
}

body.coade.single-post .blog-postBody img{
	margin:0;
}

body.coade.single-post .blog-postHead .wp-post-image{
	margin-top:40px;
}

body.coade.single-post .blog-postBody img + img, body.coade.single-post .blog-postBody img:has(+ img) {
	width:45%!important;
	display:inline;
}
@media screen and (max-width: 950px) {
body.coade.single-post .blog-postBody img + img, body.coade.single-post .blog-postBody img:has(+ img) {
	width:auto!important;
	display:block;
}	
}
body.coade.single-post .blog-postBody a{
	text-decoration:underline;
}


/*------------------------------------------------------------
                          Inquiry
------------------------------------------------------------*/
body.coade.page-inquiry .wpcf7-form p,
body.coade.page-inquiry_oem .wpcf7-form p
{
    margin: 0;
    padding: 0;
    display: contents;
}

body.coade.page-inquiry .contact p,
body.coade.page-inquiry_oem .contact p,
body.coade.page-thanks .contact p,
body.coade.page-oem_thanks .contact p {
  font-size: 16px;
  font-weight: var(--medium);
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .contact p,
  body.coade.page-inquiry_oem .contact p,
  body.coade.page-thanks .contact p,
  body.coade.page-oem_thanks .contact p {
    font-size: clamp(15px, 4vw, 30px);
    margin-bottom: clamp(30px, 8vw, 60px);
  }
}
body.coade.page-inquiry .contact p.note,
body.coade.page-inquiry_oem .contact p.note,
body.coade.page-thanks .contact p.note,
body.coade.page-oem_thanks .contact p.note {
  font-size: 14px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .contact p.note,
  body.coade.page-inquiry_oem .contact p.note,
  body.coade.page-thanks .contact p.note,
  body.coade.page-oem_thanks .contact p.note {
    font-size: clamp(13px, 3.5vw, 26px);
  }
}
body.coade.page-inquiry .contact a,
body.coade.page-inquiry_oem .contact a,
body.coade.page-thanks .contact a,
body.coade.page-oem_thanks .contact a {
  color: var(--theme-blue-light);
  text-decoration: underline;
}
body.coade.page-inquiry .contact a:hover,
body.coade.page-inquiry_oem .contact a:hover,
body.coade.page-thanks .contact a:hover,
body.coade.page-oem_thanks .contact a:hover {
  text-decoration: none;
}
body.coade.page-inquiry .contact.thanks,
body.coade.page-inquiry_oem .contact.thanks,
body.coade.page-thanks .contact.thanks,
body.coade.page-oem_thanks .contact.thanks {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.coade.page-inquiry .contact.thanks p,
body.coade.page-inquiry_oem .contact.thanks p,
body.coade.page-thanks .contact.thanks p,
body.coade.page-oem_thanks .contact.thanks p {
  text-align: center;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .contact.thanks p,
  body.coade.page-inquiry_oem .contact.thanks p,
  body.coade.page-thanks .contact.thanks p,
  body.coade.page-oem_thanks .contact.thanks p {
    text-align: left;
  }
}
body.coade.page-inquiry .contact.thanks p.note,
body.coade.page-inquiry_oem .contact.thanks p.note,
body.coade.page-thanks .contact.thanks p.note,
body.coade.page-oem_thanks .contact.thanks p.note {
  text-align: left;
}
body.coade.page-inquiry .caution,
body.coade.page-inquiry_oem .caution,
body.coade.page-thanks .caution,
body.coade.page-oem_thanks .caution {
  background-color: #FFF2F2;
  padding: 40px 0;
  padding-left: 40px;
  padding-right: 60px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .caution,
  body.coade.page-inquiry_oem .caution,
  body.coade.page-thanks .caution,
  body.coade.page-oem_thanks .caution {
    padding: clamp(30px, 8vw, 60px) clamp(20px, 5.3vw, 40px);
  }
}
body.coade.page-inquiry .caution dt,
body.coade.page-inquiry_oem .caution dt,
body.coade.page-thanks .caution dt,
body.coade.page-oem_thanks .caution dt {
  color: #CE2020;
  font-size: 16px;
  font-weight: var(--bold);
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
  padding-left: 40px;
  position: relative;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .caution dt,
  body.coade.page-inquiry_oem .caution dt,
  body.coade.page-thanks .caution dt,
  body.coade.page-oem_thanks .caution dt {
    font-size: clamp(15px, 4vw, 30px);
    margin-bottom: clamp(20px, 5.3vw, 40px);
    padding-left: clamp(35px, 9.3vw, 70px);
  }
}
body.coade.page-inquiry .caution dt::before,
body.coade.page-inquiry_oem .caution dt::before,
body.coade.page-thanks .caution dt::before,
body.coade.page-oem_thanks .caution dt::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 38px;
  background: no-repeat center/contain;
  background-image: url(assets/images/icon_sphone.svg);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .caution dt::before,
  body.coade.page-inquiry_oem .caution dt::before,
  body.coade.page-thanks .caution dt::before,
  body.coade.page-oem_thanks .caution dt::before {
    width: clamp(22px, 5.9vw, 44px);
    height: clamp(42px, 11.2vw, 84px);
  }
}
body.coade.page-inquiry .caution dd,
body.coade.page-inquiry_oem .caution dd,
body.coade.page-thanks .caution dd,
body.coade.page-oem_thanks .caution dd {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  padding-left: 40px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .caution dd,
  body.coade.page-inquiry_oem .caution dd,
  body.coade.page-thanks .caution dd,
  body.coade.page-oem_thanks .caution dd {
    font-size: clamp(13px, 3.5vw, 26px);
    padding-left: 0;
  }
}
body.coade.page-inquiry .wpcf7-form,
body.coade.page-inquiry_oem .wpcf7-form,
body.coade.page-thanks .wpcf7-form,
body.coade.page-oem_thanks .wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.coade.page-inquiry .wpcf7-form .row,
body.coade.page-inquiry_oem .wpcf7-form .row,
body.coade.page-thanks .wpcf7-form .row,
body.coade.page-oem_thanks .wpcf7-form .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row,
  body.coade.page-inquiry_oem .wpcf7-form .row,
  body.coade.page-thanks .wpcf7-form .row,
  body.coade.page-oem_thanks .wpcf7-form .row {
    flex-direction: column;
  }
}
body.coade.page-inquiry .wpcf7-form .row + .row,
body.coade.page-inquiry_oem .wpcf7-form .row + .row,
body.coade.page-thanks .wpcf7-form .row + .row,
body.coade.page-oem_thanks .wpcf7-form .row + .row {
  margin-top: 20px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row + .row,
  body.coade.page-inquiry_oem .wpcf7-form .row + .row,
  body.coade.page-thanks .wpcf7-form .row + .row,
  body.coade.page-oem_thanks .wpcf7-form .row + .row {
    margin-top: clamp(25px, 6.7vw, 50px);
  }
}
body.coade.page-inquiry .wpcf7-form .row.--txtarea,
body.coade.page-inquiry_oem .wpcf7-form .row.--txtarea,
body.coade.page-thanks .wpcf7-form .row.--txtarea,
body.coade.page-oem_thanks .wpcf7-form .row.--txtarea {
  align-items: flex-start;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row.--txtarea,
  body.coade.page-inquiry_oem .wpcf7-form .row.--txtarea,
  body.coade.page-thanks .wpcf7-form .row.--txtarea,
  body.coade.page-oem_thanks .wpcf7-form .row.--txtarea {
    align-items: center;
  }
}
body.coade.page-inquiry .wpcf7-form .row.--txtarea > p > label,
body.coade.page-inquiry_oem .wpcf7-form .row.--txtarea > p > label,
body.coade.page-thanks .wpcf7-form .row.--txtarea > p > label,
body.coade.page-oem_thanks .wpcf7-form .row.--txtarea > p > label {
  margin-top: 15px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row.--txtarea > p >label,
  body.coade.page-inquiry_oem .wpcf7-form .row.--txtarea > p > label,
  body.coade.page-thanks .wpcf7-form .row.--txtarea > p > label,
  body.coade.page-oem_thanks .wpcf7-form .row.--txtarea > p > label {
    margin-top: 0;
  }
}

body.coade.page-inquiry .wpcf7-form .row > p > label,
body.coade.page-inquiry_oem .wpcf7-form .row > p > label,
body.coade.page-thanks .wpcf7-form .row > p > label,
body.coade.page-oem_thanks .wpcf7-form .row > p > label {
  width: 27%;
  font-size: 16px;
  font-weight: var(--bold);
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row > p > label,
  body.coade.page-inquiry_oem .wpcf7-form .row > p > label,
  body.coade.page-thanks .wpcf7-form .row > p > label,
  body.coade.page-oem_thanks .wpcf7-form .row > p > label {
    width: 100%;
    font-size: clamp(15px, 4vw, 30px);
    margin-bottom: clamp(13px, 3.5vw, 26px);
  }
}
body.coade.page-inquiry .wpcf7-form .row > p > label strong,
body.coade.page-inquiry_oem .wpcf7-form .row > p > label strong,
body.coade.page-thanks .wpcf7-form .row > p > label strong,
body.coade.page-oem_thanks .wpcf7-form .row > p > label strong {
  background-color: #CE2020;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: var(--medium);
  letter-spacing: 0.1em;
  padding: 2px 14px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row > p > label strong,
  body.coade.page-inquiry_oem .wpcf7-form .row > p > label strong,
  body.coade.page-thanks .wpcf7-form .row > p > label strong,
  body.coade.page-oem_thanks .wpcf7-form .row > p > label strong {
    border-radius: clamp(5px, 1.3vw, 10px);
    padding: 2px clamp(10px, 2.7vw, 20px);
  }
}
body.coade.page-inquiry .wpcf7-form .row .inputWrap,
body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap,
body.coade.page-thanks .wpcf7-form .row .inputWrap,
body.coade.page-oem_thanks .wpcf7-form .row .inputWrap {
  width: 71%;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row .inputWrap,
  body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap,
  body.coade.page-thanks .wpcf7-form .row .inputWrap,
  body.coade.page-oem_thanks .wpcf7-form .row .inputWrap {
    width: 100%;
  }
}
body.coade.page-inquiry .wpcf7-form .row .inputWrap input,
body.coade.page-inquiry .wpcf7-form .row .inputWrap textarea,
body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap input,
body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap textarea,
body.coade.page-thanks .wpcf7-form .row .inputWrap input,
body.coade.page-thanks .wpcf7-form .row .inputWrap textarea,
body.coade.page-oem_thanks .wpcf7-form .row .inputWrap input,
body.coade.page-oem_thanks .wpcf7-form .row .inputWrap textarea {
  font-size: 16px;
  font-weight: var(--medium);
  line-height: 2;
  letter-spacing: 0.05em;
  padding: 16px 20px;
  width: 100%;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row .inputWrap input,
  body.coade.page-inquiry .wpcf7-form .row .inputWrap textarea,
  body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap input,
  body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap textarea,
  body.coade.page-thanks .wpcf7-form .row .inputWrap input,
  body.coade.page-thanks .wpcf7-form .row .inputWrap textarea,
  body.coade.page-oem_thanks .wpcf7-form .row .inputWrap input,
  body.coade.page-oem_thanks .wpcf7-form .row .inputWrap textarea {
    font-size: clamp(15px, 4vw, 30px);
    padding: clamp(10px, 2.7vw, 20px);
  }
}
body.coade.page-inquiry .wpcf7-form .row .inputWrap textarea,
body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap textarea,
body.coade.page-thanks .wpcf7-form .row .inputWrap textarea,
body.coade.page-oem_thanks .wpcf7-form .row .inputWrap textarea {
  resize: vertical;
  min-height: 205px;
  height: 1px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row .inputWrap textarea,
  body.coade.page-inquiry_oem .wpcf7-form .row .inputWrap textarea,
  body.coade.page-thanks .wpcf7-form .row .inputWrap textarea,
  body.coade.page-oem_thanks .wpcf7-form .row .inputWrap textarea {
    min-width: clamp(200px, 53.3vw, 400px);
  }
}
body.coade.page-inquiry .wpcf7-form .row .selectWrap,
body.coade.page-inquiry_oem .wpcf7-form .row .selectWrap,
body.coade.page-thanks .wpcf7-form .row .selectWrap,
body.coade.page-oem_thanks .wpcf7-form .row .selectWrap {
  width: 71%;
  position: relative;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row .selectWrap,
  body.coade.page-inquiry_oem .wpcf7-form .row .selectWrap,
  body.coade.page-thanks .wpcf7-form .row .selectWrap,
  body.coade.page-oem_thanks .wpcf7-form .row .selectWrap {
    width: 100%;
  }
}
body.coade.page-inquiry .wpcf7-form .row .selectWrap::after,
body.coade.page-inquiry_oem .wpcf7-form .row .selectWrap::after,
body.coade.page-thanks .wpcf7-form .row .selectWrap::after,
body.coade.page-oem_thanks .wpcf7-form .row .selectWrap::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: solid 3px var(--theme-blue);
  border-bottom: solid 3px var(--theme-blue);
  top: 24px;
  top: 40%;
  transform: translateY(-50%);
  right: 20px;
  transform: rotate(45deg);
}
body.coade.page-inquiry .wpcf7-form .row .selectWrap select,
body.coade.page-inquiry_oem .wpcf7-form .row .selectWrap select,
body.coade.page-thanks .wpcf7-form .row .selectWrap select,
body.coade.page-oem_thanks .wpcf7-form .row .selectWrap select {
  width: 100%;
  font-size: 16px;
  font-weight: var(--medium);
  line-height: 2;
  letter-spacing: 0.05em;
  padding: 16px 20px;
  padding-right: 40px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .row .selectWrap select,
  body.coade.page-inquiry_oem .wpcf7-form .row .selectWrap select,
  body.coade.page-thanks .wpcf7-form .row .selectWrap select,
  body.coade.page-oem_thanks .wpcf7-form .row .selectWrap select {
    font-size: clamp(15px, 4vw, 30px);
    padding: clamp(10px, 2.7vw, 20px);
    padding-right: clamp(40px, 10.7vw, 80px);
  }
}
/**/
body.coade.page-inquiry .wpcf7-form .row .selectWrap select.wpcf7-select,
body.coade.page-inquiry_oem .wpcf7-form .row .selectWrap select.wpcf7-select,
body.coade.page-thanks .wpcf7-form .row .selectWrap select.wpcf7-select,
body.coade.page-oem_thanks .wpcf7-form .row .selectWrap select.wpcf7-select {
	color: #92B2C6;
}

body.coade.page-inquiry .wpcf7-form .row .selectWrap select.wpcf7-select *:disabled {
	color: #92B2C6!important;
}

body.coade.page-inquiry .wpcf7-form .row .selectWrap select.wpcf7-select option{
    color: black;
}
body.coade.page-inquiry .wpcf7-form .confirmation,
body.coade.page-inquiry_oem .wpcf7-form .confirmation,
body.coade.page-thanks .wpcf7-form .confirmation,
body.coade.page-oem_thanks .wpcf7-form .confirmation {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .confirmation,
  body.coade.page-inquiry_oem .wpcf7-form .confirmation,
  body.coade.page-thanks .wpcf7-form .confirmation,
  body.coade.page-oem_thanks .wpcf7-form .confirmation {
    margin-top: clamp(40px, 10.7vw, 80px);
  }
}
body.coade.page-inquiry .wpcf7-form .confirmation label,
body.coade.page-inquiry .wpcf7-form .confirmation label span,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label span,
body.coade.page-thanks .wpcf7-form .confirmation label,
body.coade.page-oem_thanks .wpcf7-form .confirmation label {
  display: flex;
  align-items: center;
}

body.coade.page-inquiry .wpcf7-form .confirmation label input[type=checkbox],
body.coade.page-inquiry_oem .wpcf7-form .confirmation label input[type=checkbox],
body.coade.page-thanks .wpcf7-form .confirmation label input[type=checkbox],
body.coade.page-oem_thanks .wpcf7-form .confirmation label input[type=checkbox] {
  margin: 0;
  position: relative;
  border-radius: 0;
  border: 1px solid #000000;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin-right: 15px;
  cursor: pointer;
  background-color: #FFFFFF;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .confirmation label input[type=checkbox],
  body.coade.page-inquiry_oem .wpcf7-form .confirmation label input[type=checkbox],
  body.coade.page-thanks .wpcf7-form .confirmation label input[type=checkbox],
  body.coade.page-oem_thanks .wpcf7-form .confirmation label input[type=checkbox] {
    width: clamp(17px, 4.5vw, 34px);
    height: clamp(17px, 4.5vw, 34px);
    margin-right: clamp(8px, 2.1vw, 16px);
  }
}
body.coade.page-inquiry .wpcf7-form .confirmation label input[type=checkbox]::after,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label input[type=checkbox]::after,
body.coade.page-thanks .wpcf7-form .confirmation label input[type=checkbox]::after,
body.coade.page-oem_thanks .wpcf7-form .confirmation label input[type=checkbox]::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 20px;
  background: no-repeat center/contain;
  background-image: url(assets/images/icon-check.svg);
  top: calc(50% - 5px);
  transform: translateY(-50%);
  right: -8px;
  opacity: 0;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .confirmation label input[type=checkbox]::after,
  body.coade.page-inquiry_oem .wpcf7-form .confirmation label input[type=checkbox]::after,
  body.coade.page-thanks .wpcf7-form .confirmation label input[type=checkbox]::after,
  body.coade.page-oem_thanks .wpcf7-form .confirmation label input[type=checkbox]::after {
    width: clamp(16px, 4.3vw, 32px);
    height: clamp(12px, 3.2vw, 24px);
    top: 35%;
    right: -25%;
  }
}
body.coade.page-inquiry .wpcf7-form .confirmation label input[type=checkbox]:checked::after,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label input[type=checkbox]:checked::after,
body.coade.page-thanks .wpcf7-form .confirmation label input[type=checkbox]:checked::after,
body.coade.page-oem_thanks .wpcf7-form .confirmation label input[type=checkbox]:checked::after {
  opacity: 1;
}
body.coade.page-inquiry .wpcf7-form .confirmation label span,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label span,
body.coade.page-thanks .wpcf7-form .confirmation label span,
body.coade.page-oem_thanks .wpcf7-form .confirmation label span {
  cursor: pointer;
  font-size: 16px;
  font-weight: var(--medium);
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .confirmation label span,
  body.coade.page-inquiry_oem .wpcf7-form .confirmation label span,
  body.coade.page-thanks .wpcf7-form .confirmation label span,
  body.coade.page-oem_thanks .wpcf7-form .confirmation label span {
    font-size: clamp(15px, 4vw, 30px);
  }
}
body.coade.page-inquiry .wpcf7-form .confirmation label span a,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label span a,
body.coade.page-thanks .wpcf7-form .confirmation label span a,
body.coade.page-oem_thanks .wpcf7-form .confirmation label span a {
  text-decoration: underline;
  color: var(--theme-blue-light);
}
body.coade.page-inquiry .wpcf7-form .confirmation label span a:hover,
body.coade.page-inquiry_oem .wpcf7-form .confirmation label span a:hover,
body.coade.page-thanks .wpcf7-form .confirmation label span a:hover,
body.coade.page-oem_thanks .wpcf7-form .confirmation label span a:hover {
  text-decoration: none;
}

body.coade.page-inquiry .wpcf7-form .wpcf7-not-valid-tip,
body.coade.page-inquiry_oem .wpcf7-form .wpcf7-not-valid-tip,
body.coade.page-inquiry .wpcf7-form .wpcf7-response-output,
body.coade.page-inquiry_oem .wpcf7-form .wpcf7-response-output {
	display: none;
}

body.coade .wpcf7-submit {
  background-color: var(--theme-blue);
  font-size: 16px;
  font-weight: var(--bold);
  line-height: 1.1875;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  width: 360px;
  display: block;
  text-align: center;
  padding: 35px 0 29px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 950px) {
  body.coade .wpcf7-submit {
    max-width: 600px;
    width: 80%;
    padding: clamp(28px, 7.5vw, 56px) 0 clamp(24px, 6.4vw, 48px);
    font-size: clamp(15px, 4vw, 30px);
  }
}
body.coade .wpcf7-submit.--jp {
  padding: 30px 0;
}
@media screen and (max-width: 950px) {
  body.coade .wpcf7-submit.--jp {
    padding: clamp(22px, 5.9vw, 44px) 0;
  }
}

body.coade .wpcf7-submit span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  background-color: #FFFFFF;
  width: 32px;
  height: 2px;
}
@media screen and (max-width: 950px) {
  body.coade .wpcf7-submit span {
    right: clamp(25px, 6.7vw, 50px);
    width: clamp(27px, 7.2vw, 54px);
  }
}
@media screen and (max-width: 480px) {
  body.coade .wpcf7-submit span {
    height: 1px;
  }
}
body.coade .wpcf7-submit span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: #FFFFFF;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
@media screen and (max-width: 950px) {
  body.coade .wpcf7-submit span::before {
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 480px) {
  body.coade .wpcf7-submit span::before {
    width: 4px;
    height: 4px;
  }
}


body.coade.page-inquiry .wpcf7-form .submit,
body.coade.page-inquiry_oem .wpcf7-form .submit,
body.coade.page-thanks .wpcf7-form .submit,
body.coade.page-oem_thanks .wpcf7-form .submit {
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .submit,
  body.coade.page-inquiry_oem .wpcf7-form .submit,
  body.coade.page-thanks .wpcf7-form .submit,
  body.coade.page-oem_thanks .wpcf7-form .submit {
    margin-top: clamp(40px, 10.7vw, 80px);
    width: 90%;
  }
}
body.coade.page-inquiry .wpcf7-form .submit > p > input[type=submit],
body.coade.page-inquiry_oem .wpcf7-form .submit > p > input[type=submit],
body.coade.page-thanks .wpcf7-form .submit > p > input[type=submit],
body.coade.page-oem_thanks .wpcf7-form .submit > p > input[type=submit] {
  cursor: pointer;
  border: none;
  border-radius: 0;
  transition: var(--hover-transition);
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .submit > p > input[type=submit],
  body.coade.page-inquiry_oem .wpcf7-form .submit > p > input[type=submit],
  body.coade.page-thanks .wpcf7-form .submit > p > input[type=submit],
  body.coade.page-oem_thanks .wpcf7-form .submit > p > input[type=submit] {
    width: 100%;
  }
}
body.coade.page-inquiry .wpcf7-form .submit > p > input[type=submit]:hover,
body.coade.page-inquiry_oem .wpcf7-form .submit > p > input[type=submit]:hover,
body.coade.page-thanks .wpcf7-form .submit > p > input[type=submit]:hover,
body.coade.page-oem_thanks .wpcf7-form .submit > p > input[type=submit]:hover {
  opacity: var(--hover-opacity);
}
body.coade.page-inquiry .wpcf7-form .submit > p > input[type=submit].disable,
body.coade.page-inquiry_oem .wpcf7-form .submit > p > input[type=submit].disable,
body.coade.page-thanks .wpcf7-form .submit > p > input[type=submit].disable,
body.coade.page-oem_thanks .wpcf7-form .submit > p > input[type=submit].disable {
  pointer-events: none;
  background-color: gray;
}

body.coade.page-inquiry .wpcf7-form .submit .wpcf7-spinner,
body.coade.page-inquiry_oem .wpcf7-form .submit .wpcf7-spinner {
    display: none;
}

body.coade.page-inquiry .wpcf7-form .submit span,
body.coade.page-inquiry_oem .wpcf7-form .submit span,
body.coade.page-thanks .wpcf7-form .submit span,
body.coade.page-oem_thanks .wpcf7-form .submit span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  background-color: #FFFFFF;
  width: 32px;
  height: 2px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .submit span,
  body.coade.page-inquiry_oem .wpcf7-form .submit span,
  body.coade.page-thanks .wpcf7-form .submit span,
  body.coade.page-oem_thanks .wpcf7-form .submit span {
    right: clamp(25px, 6.7vw, 50px);
    width: clamp(27px, 7.2vw, 54px);
  }
}
@media screen and (max-width: 480px) {
  body.coade.page-inquiry .wpcf7-form .submit span,
  body.coade.page-inquiry_oem .wpcf7-form .submit span,
  body.coade.page-thanks .wpcf7-form .submit span,
  body.coade.page-oem_thanks .wpcf7-form .submit span {
    height: 1px;
  }
}
body.coade.page-inquiry .wpcf7-form .submit span::before,
body.coade.page-inquiry_oem .wpcf7-form .submit span::before,
body.coade.page-thanks .wpcf7-form .submit span::before,
body.coade.page-oem_thanks .wpcf7-form .submit span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: #FFFFFF;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry .wpcf7-form .submit span::before,
  body.coade.page-inquiry_oem .wpcf7-form .submit span::before,
  body.coade.page-thanks .wpcf7-form .submit span::before,
  body.coade.page-oem_thanks .wpcf7-form .submit span::before {
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 480px) {
  body.coade.page-inquiry .wpcf7-form .submit span::before,
  body.coade.page-inquiry_oem .wpcf7-form .submit span::before,
  body.coade.page-thanks .wpcf7-form .submit span::before,
  body.coade.page-oem_thanks .wpcf7-form .submit span::before {
    width: 4px;
    height: 4px;
  }
}

body.coade.page-inquiry_oem .wpcf7-form,
body.coade.page-oem_thanks .wpcf7-form {
  margin-top: -40px;
}
@media screen and (max-width: 950px) {
  body.coade.page-inquiry_oem .wpcf7-form,
  body.coade.page-oem_thanks .wpcf7-form {
    margin-top: calc(clamp(30px, 8vw, 60px) * -1);
  }
}

body.coade.page-thanks .c-button,
body.coade.page-oem_thanks .c-button {
  margin-top: 40px;
}
@media screen and (max-width: 950px) {
  body.coade.page-thanks .c-button,
  body.coade.page-oem_thanks .c-button {
    margin-top: clamp(10px, 2.7vw, 20px);
  }
}
body.coade.page-thanks .thanks-msg,
body.coade.page-oem_thanks .thanks-msg {
  font-size: 24px;
  font-weight: var(--bold);
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  margin-bottom: 64px;
  text-align: center;
  position: relative;
}
body.coade.page-thanks .thanks-msg::after,
body.coade.page-oem_thanks .thanks-msg::after {
  content: "";
  position: absolute;
  max-width: 206px;
  width: 24%;
  height: 102px;
  background: no-repeat top/contain;
  background-image: url(assets/images/icon_sending.svg);
  top: 50%;
  right: 18%;
  transform: translate(50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 950px) {
  body.coade.page-thanks .thanks-msg::after,
  body.coade.page-oem_thanks .thanks-msg::after {
    max-width: 156px;
    width: 23%;
    height: 78px;
    top: calc(50% - clamp(40px, 10.7vw, 80px));
  }
}
@media screen and (max-width: 480px) {
  body.coade.page-thanks .thanks-msg::after,
  body.coade.page-oem_thanks .thanks-msg::after {
    width: 78px;
    height: 39px;
  }
}
@media screen and (max-width: 950px) {
  body.coade.page-thanks .thanks-msg,
  body.coade.page-oem_thanks .thanks-msg {
    font-size: clamp(18px, 4.8vw, 36px);
    margin-bottom: clamp(32px, 8.5vw, 64px);
  }
}

/* top */
body.coade.home .topics .topics-list li {
  display: flex;
  flex-direction: column;
}

body.coade.home .topics .topics-list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.coade.home .topics .topics-list li a > div{
	flex:1;
}

/* topics */
body.coade .l-sec.cat_topics p{
	margin-bottom: 1.5em;
}

body.coade .c-post-navi{
    margin-top: 60px;	
}

body.coade .c-cat li a{
	color:white;
}

/* special */
body.coade.post-type-archive-special .special-index ul{
	align-items: start;
}
body.coade.post-type-archive-special .special-index ul li a img{
	aspect-ratio: revert-layer;
	object-fit: contain;
}
body.coade.single-special img{
	width: auto;
}
body.coade.single-special p{
    margin-bottom: 1em;	
}
body.coade.post-type-archive-products .products-index ul li > a{
	display:block;
}
@media screen and (max-width: 950px) {
	body.coade.page-recruit .recruit-data > div p span	{
		display: inline-block;
	}
}

/* 上に戻るボタン */
.pagetop {
	height: 49px;
	width: 49px;
	position: fixed;
	right: 30px;
	bottom: 40px;
  background: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
  transition:.3s ease;
}
.pagetop:hover{
	opacity:0.7;
	transition:.3s ease;	
}
@media screen and (max-width: 950px) {
	.pagetop{
		right: 14px;
		bottom: 14px;
	}
}

body.coade input::placeholder, body.coade textarea::placeholder, body.coade select::placeholder{
	color:grey;
}

body.coade.tax-products_cat .products-cat-body .tab-content .products-list > li .pimage{
    width: 30%;
    cursor: pointer;
    transition: var(--hover-transition);	
}
body.coade.tax-products_cat .products-cat-body .tab-content .products-list > li .subimages{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px 8px;
    margin-top: 14px;
}
@media screen and (max-width: 950px) {
	body.coade.tax-products_cat .products-cat-body .tab-content .products-list > li .pimage {
		width: 100%;
		margin-bottom:40px;
	}
}
.modal-wrapper {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
}

.modal-slider img {
  width: 100%;
  height: auto;
}
/* 共通のスタイル */
.slick-prev, .slick-next {
  background-color: #1f3b70!important; /* 濃い青 */
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  opacity: 0.8;
}
.slick-prev:hover, .slick-next:hover {
  opacity: 1;
}

/* 左矢印 */
.slick-prev {
  left: -1px; /* 位置調整（必要に応じて） */
}

/* 右矢印 */
.slick-next {
  right: -1px; /* 位置調整（必要に応じて） */
}

/* アイコンを白く（font-awesomeやunicodeが使われてる場合に備えて） */
.slick-next:before{
	content:'';background: url(/wp-content/uploads/2025/05/arrow_r.svg)no-repeat!important;
    background-size: contain!important;
    width: 24px;
    height: 24px;
    display: block;
	margin-left: 14px;
}

.slick-prev:before{
	content:'';
    background: url(/wp-content/uploads/2025/05/arrow_l.svg)no-repeat!important;
    background-size: contain!important;
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 10px;	
}

.error404 main{
    text-align: center;
    padding: 12.5% 0;	
}