@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------

reset & root set

----------------------------------------------------------------------------------------------------------------------------*/

/* reset
--------------------------------------------------------------*/

*,*::before,*::after { box-sizing: border-box; }
ul,ol { margin: 0; padding: 0; list-style: none; }
body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd { margin: 0; font-size: inherit; }
img,video { max-width: 100%; height: auto; display: block; }
header,footer,main,aside,picture { display: block; }

/* form parts reset */
textarea { font: inherit; appearance: none; }
select { border: none; outline: none; font-weight: inherit; }
button,input[type="submit"],input[type="button"] { appearance: button; border: none; outline: none; cursor: pointer; }
input[type="submit"]:focus,input[type="button"]:focus { outline-offset: -2px;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none;}

/* iOS Safari tap reset */
body {-webkit-tap-highlight-color: transparent;}



/* print set
--------------------------------------------------------------*/
@media print{
html { width: 1280px; }
.header { position: relative !important; }/* fixheader clear */
[class*="iv-"] { opacity: 1; }/* inview view */
}


/* root set
--------------------------------------------------------------*/

/* color */
:root {
    --cl-key: #FE6D0D;
    --cl-txt: #404040;
    --cl-border: #CCCCCC;
    --cl-bg-gr: #FDFAF1;
    --cl-wh: #fff;
    --cl-bk: #000;
    --cl-error: #E30000;
}

/* fixheader height */
:root { --header-height: 8rem; }
@media print, screen and (min-width: 640px) {
:root { --header-height: 14rem; }
}

/* font set */
:root {
    /* font: style weight size / line-height family */
    --ff-base: normal 500 1.4rem / 1.6 "Zen Kaku Gothic New", sans-serif;
    --ff-base-normal: 500;
    --ff-base-bold: 700;
    --ff01f: "Poppins", sans-serif;
    --ff01f-normal: 500;
    --ff01f-bold: 700;
}
@media print, screen and (min-width: 640px) {
:root {
    /* font: style weight size / line-height family */
    --ff-base: normal 500 1.4rem / 1.85 "Zen Kaku Gothic New", sans-serif;
}
}





/*----------------------------------------------------------------------------------------------------------------------------

base set

----------------------------------------------------------------------------------------------------------------------------*/
html { font-size:calc(100vw / 37.5); scroll-behavior: smooth; scroll-padding-top: var(--header-height); }
body { min-height: 100vh; text-rendering: optimizeSpeed; -webkit-text-size-adjust:100%; text-size-adjust: 100%; color: var(--cl-txt); font: var(--ff-base); letter-spacing: 0.04rem; background-color: var(--cl-bg-gr);}
a { color: var(--cl-txt); outline: none; text-decoration: none; }

@media print, screen and (min-width: 640px) {
html { font-size: calc(100vw / 124); }
body { font-size: 1.6rem; }
a { transition: 0.5s; }
a:hover { opacity: 0.7; }
button:hover { opacity: 0.7; }
}

@media print, screen and (min-width: 1240px) {
html { font-size: 62.5%; }
}


/* form set */
input:not([type=radio],[type=checkbox],[type=submit]),
select,
textarea { padding:0 0.75rem; background-color:var(--cl-wh); border:var(--cl-border) 1px solid; width: 100%; font-size: 1.6rem; height: 4rem; font-family: inherit; border-radius: 0; }
textarea { padding:1.0rem 1.25rem; min-height:20rem; }
button { cursor: pointer; padding: 0; background: none; color: var(--cl-txt); width: 100%; font-size: inherit; }
input::placeholder,
textarea::placeholder { color:var(--cl-txtl); font-size: 0.8em; }
label { display: inline-block; width: fit-content; }
label:hover { cursor: pointer; }
select {}

@media print, screen and (min-width: 640px) {
input:not([type=radio],[type=checkbox],[type=submit]),
select,
textarea { height: 5rem; padding: 1rem 1.25rem; }
select:hover { cursor: pointer; }
}



/*----------------------------------------------------------------------------------------------------------------------------

utility & inview set

----------------------------------------------------------------------------------------------------------------------------*/

/* utility - base
---------------------------------------------------- */

/* utility - base responsive */
.u-inner { max-width: 144rem; margin: 0 auto; width: 90%; }
.u-inner._inner-mid { max-width: 128rem; }
.u-inner._inner-min { max-width: 96rem; }
.u-contents-wrap { padding: 6rem 0 4rem; background-color: var(--cl-wh); border-radius: 5rem 0 0 5rem;}
.u-contents-wrap .u-wrapsect:first-child { padding-top: 0;}
.u-wrapsect { padding: 8rem 0; }
.u-wrapsect:not(._bg) + .u-wrapsect:not(._bg) { padding-top: 0; }
.u-wrapsect._bg { padding: 4rem 0 4rem; background-color: var(--cl-wh); border-radius: 3rem; }
.u-wrapsect._bg + .u-wrapsect._bg { margin-top: 2rem; }
.u-wrapsect._bg._cl { background-color: var(--cl-bg-gr); }
.u-wrapblck { padding: 2rem 0; }
.u-only-pc	{ display: none; }

@media print, screen and (min-width: 640px) {
.u-inner { }
.u-contents-wrap { padding: 16rem 0; border-radius: 10rem 0 0 10rem; }
.u-wrapsect { padding: 16rem 0;}
.u-wrapsect._bg { padding: 12rem 0; border-radius: 6rem;}
.u-wrapsect._bg + .u-wrapsect._bg { margin-top: 8rem; }
.u-wrapblck { padding: 4rem 0; }
.u-only-sp	{ display: none !important; }
.u-only-pc	{ display: inherit; }
}



body:not(.page-home) .u-contents-wrap { margin-top: var(--header-height); padding-bottom: 0;}


/* utility - base */
.u-ff01 { font-family: var(--ff01f); font-weight: var(--ff01f-normal); }
.u-ff01-bold { font-weight: var(--ff01f-bold); }
.u-cl-txt { color: var(--cl-txt); }
.u-cl-wh { color: var(--cl-wh); }
.u-cl-key { color: var(--cl-key); }
.u-fw-normal { font-weight: var(--ff-base-normal); }
.u-fw-bold { font-weight: var(--ff-base-bold); }
.u-iframebox { position: relative; padding-bottom: 61.46%; height:0; }
.u-iframebox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.u-picbox { aspect-ratio: 16/9; }
.u-picbox img { width: 100%; height: 100%; object-fit: cover; }
.u-w30 { width: 30% !important; }
.u-w50 { width: 50% !important; }
.u-mt01 { margin-top: 1rem !important; }
.u-mt02 { margin-top: 2rem !important; }
.u-mt03 { margin-top: 3rem !important; }
.u-mt03 { margin-top: 4rem !important; }
.u-mb01 { margin-bottom: 1rem !important; }
.u-mb02 { margin-bottom: 2rem !important; }
.u-mb03 { margin-bottom: 3rem !important; }
.u-mb04 { margin-bottom: 4rem !important; }
.u-marker { background:linear-gradient(transparent 60%, #fff4bc 60%);}


/* title - utility */
.u-title-xl { font-size: 2.2rem; line-height: 1.3; font-weight: var(--ff-base-bold); }
.u-title-lg { font-size: 2rem; line-height: 1.3; font-weight: var(--ff-base-bold); }
.u-title-md { font-size: 1.8rem; line-height: 1.3; font-weight: var(--ff-base-bold); }
.u-title-sm { font-size: 1.6rem; line-height: 1.3; font-weight: var(--ff-base-bold); }

@media print, screen and (min-width: 640px) {
.u-title-xl { font-size: 4rem; }
.u-title-lg { font-size: 3.2rem; }
.u-title-md { font-size: 2.4rem; }
.u-title-sm { font-size: 1.8rem; }


}



/* utility - accordion  */
.js-acd { display: grid; grid-template-columns: auto max-content; align-items: center; cursor: pointer; }
.js-acd::after { content: ""; display: block; width: 1em; height: 1em; mask: url(/wp-content/themes/hundreds/assets/images/common/aco_ar.svg) no-repeat center center / contain; background-color: var(--cl-key); transition: 0.3s; }
.js-acd.is-open::after { transform: rotate(-180deg);  }




/* utility - link
---------------------------------------------------- */

/* utility - linkbtn */
.u-linkbtn { display: grid; align-items: center; justify-content: center; width: 100%; height: 6.4rem; padding: 0 1em; color: var(--cl-wh); background-color: var(--cl-key); border: var(--cl-key) 2px solid; transition: 0.5s; border-radius: 1rem; font-size: 1.6rem; }

.u-linkbtn-txt { width: max-content; display: grid; grid-template-columns: max-content max-content; gap: 1rem; align-items: center; color: var(--cl-key);}
.u-linkbtn-txt::before { content: ""; display: block; width: 4rem; height: 4rem; background: url(/wp-content/themes/hundreds/assets/images/common/ar_btn.svg) no-repeat center center / cover; transition: 0.3s;}

@media print, screen and (min-width: 640px) {
.u-linkbtn { max-width: 34rem; height: 8rem; font-size: 1.8rem; }
.u-linkbtn:hover { color: var(--cl-key); background-color: var(--cl-wh); opacity: 1; }
.u-linkbtn:hover::after { background-color: var(--cl-key); }
.u-linkbtn._rev:hover::before { background-color: var(--cl-key); }
.u-linkbtn._linkbtn-cen { margin-inline: auto;}

.u-linkbtn-txt:hover { opacity: 1; gap: 1.5rem;}
.u-linkbtn-txt:hover::before { transform: scale(1.2,1.2);}

}




/* iv-animation
---------------------------------------------------- */
.iv-fade { opacity:0; transition: 0.8s; }
.iv-fade._view { opacity:1; }
.iv-up_fade { opacity:0; transform:translate(0, 6rem); transition: 0.8s; }
.iv-up_fade._view { opacity:1; transform:translate(0, 0); }




/*----------------------------------------------------------------------------------------------------------------------------

base layout

----------------------------------------------------------------------------------------------------------------------------*/


/* header
--------------------------------------------------------------*/

/* header */
.header { position: fixed; z-index: 100; top: 0; padding: 0 2rem; height: var(--header-height); display: grid; align-items: center; width: 100%; transition: 0.5s; }
.header._scrolled { background-color: var(--cl-bg-gr);}
.header-logo { width: 14rem; }
.header-nav { display: none; }

@media print, screen and (min-width: 640px) {
.header { width: 100%; padding: 0 4rem; display: flex; justify-content: space-between;}
.header._scrolled { height: 10rem;}
.header-logo { width: 13.89%; max-width: 20rem; }
.header-nav { width: 53.6rem; display: block; }
.header-nav-gnav { display: flex; }
}


/* gnav */
@media print, screen and (min-width: 640px) {
.gnav { display: flex; justify-content: flex-end; align-items: center; }
.gnav-item { flex-grow: 1; }
.gnav-item._contact { flex-grow: initial; }
.gnav-item-link { display: flex; align-items: center; font-size: 1.6rem; height: var(--header-height); }
.gnav-item-link._contact { color: var(--cl-wh); background-color: var(--cl-key); border: var(--cl-key) 2px solid; width: 20rem; height: 6rem; justify-content: center; border-radius: 1rem; transition: 0.5s; }
.gnav-item-link:hover { color: var(--cl-border); }
.gnav-item-link._contact:hover { background-color: var(--cl-wh); opacity: 1; color: var(--cl-key); }
}







/* cta
--------------------------------------------------------------*/
.cta-wrap { padding: 8rem 0 15rem; background: url(/wp-content/themes/hundreds/assets/images/common/bg_cta_sp.png) no-repeat left bottom / 90.28%;  }
.cta-title { margin-bottom: 2rem;}
.cta-inbox { display: flex; flex-direction: column; gap: 4rem;}

@media print, screen and (min-width: 640px) {
.cta-wrap { padding: 12rem 0 32rem; background-image: url(/wp-content/themes/hundreds/assets/images/common/bg_cta_pc.png) ;}
.cta-title { margin-bottom: 4rem;}
.cta-inbox { flex-direction: row; justify-content: space-between;}
}



/* footer
--------------------------------------------------------------*/

/* footer */
.footer { }
.footer-row { padding: 2rem; background-color: var(--cl-wh); border-radius: 0 2rem 2rem; }
.finfo { }
.finfo-logo { width: 60%; max-width: 29.6rem; }
.finfo-name { margin-top: 2rem; }
.finfo-address { margin-top: 0.5rem; font-size: 1.2rem; }
.fnav { margin-top: 3rem; padding-top: 1.5rem; border-top: var(--cl-border) 1px solid;}
.fnav-list { }
.fnav-item { }
.fnav-item-link { display: block; padding: 1.5rem 0; font-size: 1.4rem;}
.fnav-item-link._min { display: flex; align-items: center; gap: 0.5em; margin: 1rem 0 0;  }
.fnav-item-link._min::before { content: ""; display: block; width: 1rem; height: 1px; background-color: var(--cl-txt); }
.fcopy { font-size: 1.0rem; padding: 2rem 0; text-align: center; color: #7B7B7B;}

@media print, screen and (min-width: 640px) {
.footer { }
.footer-row { padding: 8rem; display: flex; justify-content: space-between; }
.finfo-name { margin-top: 4rem; font-size: 1.8rem; }
.finfo-address { margin-top: 1rem; font-size: 1.6rem; }
.fnav { display: flex; flex-direction: column; justify-content: space-between; margin-top: 3rem; padding-top: 0; border-top: none;}
.fnav-list { display: flex; align-items: center; gap: 4rem;}
.fnav-item-link { padding: 0;}
.fnav-item.privacy .fnav-item-link { width: max-content; color: #7B7B7B; margin: 0 0 0 auto;}
.fcopy { font-size: 1.2rem;  }


}






/* spitem
--------------------------------------------------------------*/

/* _spopen changes */
@media print, screen and  (max-width: 1023px) {
body._spopen { height: 100%; overflow: hidden; }
}


/* spnav-btn */
.spitem-btn { position: fixed; top: 2rem; right: 2rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color:var(--cl-key); cursor: pointer; width: 4rem; height: 4rem; outline: none; transition:0.5s; z-index: 130; border-radius: 50%; cursor: pointer;}
.spitem-btn::before,
.spitem-btn::after { content: ""; position: absolute; left: 50%; width: 1.4rem; height: 2px; background-color: var(--cl-wh); transform: translateX(-50%); transition:0.3s; }
.spitem-btn::before { top: 2.5rem; }
.spitem-btn::after  { bottom: 2.5rem; }
.spitem-btn-line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1.4rem; height: 2px; background-color: var(--cl-wh); transition: 0.3s; overflow: hidden; }

._close.spitem-btn { }
._close.spitem-btn::before,
._close.spitem-btn::after { content: ""; position: absolute; left: 50%; background-color:var(--cl-wh); transform: translateX(-50%); transition:0.3s; }
._close.spitem-btn::before { top: 50%; transform: translate(-50%,-50%) rotate(45deg) ; left: 50%; }
._close.spitem-btn::after  { bottom: auto; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); left: 50%;}
._close.spitem-btn .spitem-btn-line { display: none; }

@media print, screen and (min-width: 640px) {
.spitem { display: none; }
.spitem-btn { display: none; }
}


/* spnav [wrap] */
.spmenu { opacity: 0; visibility: hidden; position: fixed; top: var(--header-height); right: 0; width: 100%; z-index: 100; transition: 0.3s; }
.spmenu._spopen { opacity: 1; visibility: visible; }
.spmenu-inner { width: 100%; height: calc(100vh - var(--header-height)); padding: 0 5.34vw 0; overflow-y: scroll; background-color: var(--cl-bg-gr);}

/* spnavMenu */
.spnav { margin-top: 2rem;  }
.spnav-item { font-size: 1.6rem; }
.spnav-item-link { display: block; font-weight: var(--ff-base-bold); padding: 1.75rem 0; line-height: 1; }
.spnav-item-link._contact { border: var(--cl-key) 2px solid; background-color: var(--cl-key); color: var(--cl-wh); width: 100%; height: 6rem; display: flex; align-items: center; place-content: center; margin-top: 2rem; border-radius: 1rem; }





/* main contents
--------------------------------------------------------------*/
.main { min-height: 50vh; overflow: hidden; }
@media print, screen and (min-width: 640px) {
.main { }
}












/*----------------------------------------------------------------------------------------------------------------------------

component

----------------------------------------------------------------------------------------------------------------------------*/



/* title
--------------------------------------------------------------*/

/* title - section */
.c-secttitle { margin-bottom: 3rem; }
.c-secttitle._cen { text-align: center;}
.c-secttitle-sub { font-size: 1.6rem; color: var(--cl-key); line-height: 1.1; letter-spacing: 0.1em; color: var(--cl-key); font-weight: var(--ff-base-normal); letter-spacing: 0.05em;  }
.c-secttitle-sub::before { content: "-"; margin-right: 0.5em; }
.c-secttitle-main { margin-top: 0.5rem; font-size: 2.2rem; font-weight: var(--ff-base-bold); line-height: 1.6; }

@media print, screen and (min-width: 640px) {
.c-secttitle { margin-bottom: 6rem; }
.c-secttitle-sub { font-size: 2rem; }
.c-secttitle-main { font-size: 3.2rem; margin-top: 1rem; }
}





/* table
--------------------------------------------------------------*/

/* c-grtb */
.c-grtb { }
.c-grtb-item { display: grid; padding: 1.5rem 0; border-top: var(--cl-border) 1px solid; }
.c-grtb-item:last-child { border-bottom: var(--cl-border) 1px solid; }
.c-grtb-item > * + * { margin-top: 0.5rem; }

@media print, screen and (min-width: 640px) {
.c-grtb-item { padding: 3rem 0; grid-template-columns: 18rem 1fr; }
.c-grtb-item > * + * { margin: 0; }

.c-grtb._grtb-s0-p1-2 > * { grid-template-columns: 1fr 2fr; }
.c-grtb._grtb-s0-p1-3 > * { grid-template-columns: 1fr 3fr; }
}

















/* layout
--------------------------------------------------------------*/

/* c-grid */
.c-grid { display: grid; gap: 1rem; }
.c-grid._grid-s1-1 { grid-template-columns: 1fr 1fr; }
.c-grid._grid-s1-2 { grid-template-columns: 1fr 2fr; }
.c-grid._grid-s1-3 { grid-template-columns: 1fr 3fr; }

@media print, screen and (min-width: 640px) {
.c-grid { gap: 4rem; }
.c-grid._grid-p1-1 { grid-template-columns: 1fr 1fr; }
.c-grid._grid-p1-2 { grid-template-columns: 1fr 2fr; }
.c-grid._grid-p1-3 { grid-template-columns: 1fr 3fr; }
.c-grid._grid-p2-1 { grid-template-columns: 2fr 1fr; }
.c-grid._grid-p2-3 { grid-template-columns: 2fr 3fr; }
.c-grid._grid-p3-1 { grid-template-columns: 3fr 1fr; }
.c-grid._grid-p3-2 { grid-template-columns: 3fr 2fr; }
.c-grid._grid-p1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
.c-grid._grid-p1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr; }
.c-grid._rev > *:first-child { order: 2; }
.c-grid._rev > *:last-child { order: 1; }
.c-grid._rev._grid-p1-2 { grid-template-columns: 2fr 1fr; }
.c-grid._rev._grid-p1-3 { grid-template-columns: 3fr 1fr; }
.c-grid._rev._grid-p2-3 { grid-template-columns: 3fr 2fr; }
.c-grid._rev._grid-p2-1 { grid-template-columns: 1fr 2fr; }
.c-grid._rev._grid-p3-1 { grid-template-columns: 1fr 3fr; }
.c-grid._rev._grid-p3-2 { grid-template-columns: 2fr 3fr; }
}


/* mgbox */
.c-mgbox {}
.c-mgbox > *:not(:first-child) { margin-top: 1rem; }

@media print, screen and (min-width: 640px) {
.c-mgbox._mgp1 > *:not(:first-child) { margin-top: 1rem; }
.c-mgbox._mgp2 > *:not(:first-child) { margin-top: 2rem; }
.c-mgbox._mgp3 > *:not(:first-child) { margin-top: 3rem; }
.c-mgbox._mgp4 > *:not(:first-child) { margin-top: 4rem; }
}




/* news group
--------------------------------------------------------------*/


/* c-newscategory */
.c-postcat-wrap { letter-spacing: 0.1em; }
.c-postcat-title { font-size: 1.2rem; }
.c-postcat-list { display: flex; flex-wrap: wrap; gap: 1rem; font-size: 1.3rem; margin: 1rem 0 3rem; }
.c-postcat-item { }
.c-postcat-item._active { display: flex; align-items: center; gap: 0.5rem; color: var(--cl-key); }
.c-postcat-item._active::before { content: "●"; display: block; font-size: 1.2rem;}
@media print, screen and (min-width: 640px) {
.c-postcat-list { display: grid; font-size: 1.6rem; margin: 0; }
.c-postcat-title { margin-bottom: 1rem; }
.c-postcat-item { }
.c-postcat-item:hover { color: var(--cl-key); opacity: 1;}
}


/* c-newslist */
.c-postitem { display: grid; grid-template-columns: 6.2em 8.4rem 1fr; grid-template-rows: auto auto; gap: 0.5rem 1em; padding: 2rem 0; border-bottom: var(--cl-border) 1px solid; transition: 0.5s; cursor: pointer; }
.c-postitem:first-of-type { border-top: var(--cl-border) 1px solid; }
.c-postitem-pic { aspect-ratio: 13/9; grid-area: 1 / 1 / 3 / 2; }
.c-postitem-pic img { width: 100%; height: 100%; object-fit: cover; }
.c-postitem-date { grid-area: 1 / 2 / 2 / 3; color: #7B7B7B }
.c-postitem-cat { grid-area: 1 / 3 / 2 / 4; display: grid; color: var(--cl-key);  }
.c-postitem-cat._news {  }
.c-postitem-cat._product { background-color: var(--cl-key);  }
.c-postitem-cat._event { color: var(--cl-key); background-color: var(--cl-wh); border: var(--cl-key) 1px solid;}
.c-postitem-title { grid-area: 2 / 2 / 3 / 4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

@media print, screen and (min-width: 640px) {
.c-postitem { position: relative; grid-template-columns: 12rem max-content 1fr;  grid-template-rows: 1fr max-content max-content 1fr;  padding: 3rem 5rem 3rem 0; }
.c-postitem:hover { background-color: var(--cl-bg-gr); opacity: 1; }
.c-postitem-pic { grid-area: 1 / 1 / 6 / 2; }
.c-postitem-date { grid-area: 2 / 2 / 3 / 3;  }
.c-postitem-cat { grid-area: 2 / 3 / 3 / 4; font-size: 1.4rem; }
.c-postitem-title { grid-area: 3 / 2 / 4 / 4; font-size: 1.6rem; }
}



/* c-pagination */
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.navigation { margin-top: 3rem; }
.navigation .nav-links { display: flex; justify-content: center; gap: 1em; font-size: 1.4rem;  }
.navigation .page-numbers { width: 4rem; height: 4rem; display: grid; place-content: center; text-align: center; opacity: 0.4; }
.navigation .page-numbers.current { opacity: 1; }
.navigation .page-numbers .c-pagination-icon { width: 0.8rem; }
.navigation .page-numbers.prev .c-pagination-icon { transform: rotate(180deg); }
.navigation .page-numbers.prev,
.navigation .page-numbers.next { width: auto; display: flex; gap: 0.5em; align-items: center; opacity: 1; font-weight: var(--ff-base-bold); }
@media screen and (min-width: 640px) {
.navigation { margin-top: 10rem; }
.navigation .nav-links { gap: 1em; font-size: 1.6rem; }
.navigation a.page-numbers:hover { opacity: 1; }
}



/* index */
@media print, screen and (min-width: 640px) {
.post-wrap { display: grid; grid-template-columns: 1fr 2fr;}
}



/* c-postdetail */
.c-postdetail-title { display: grid; grid-template-columns: 5.2em 8.4rem 1fr; grid-template-rows: auto auto; gap: 0.5rem; padding: 0 0; border-bottom: var(--cl-border) 1px solid; align-items: center; }
.c-postdetail-title .c-postitem-date { grid-area: 1 / 1 / 2 / 2;}
.c-postdetail-title .c-postitem-cat { grid-area: 1 / 2 / 2 / 3; font-size: 1.2rem; color: var(--cl-key);}
.c-postdetail-title .c-postitem-title { grid-area: 2 / 1 / 3 / 4; padding: 0 0 2rem; font-size: 2.4rem; font-weight: var(--ff-base-base); line-height: 1.25; font-weight: var(--ff-base-bold); }

@media print, screen and (min-width: 640px) {
.c-postdetail-title .c-postitem-cat { font-size: 1.4rem;}
.c-postdetail-title .c-postitem-title { padding: 0 0 4rem; font-size: 3.2rem; }
}


.c-postdetail-article { padding: 2rem 0 3rem; }
.c-postdetail-article > * + * { margin-top: 2rem; }
.c-postdetail-article > *:first-child { margin-top: 0; }
.c-postdetail-article a { text-decoration: underline; color: var(--cl-key); }
.c-postdetail-article h2 { font-size: 1.6em; font-weight: var(--ff-base-bold); margin-top: 6rem; }
.c-postdetail-article h3 { font-size: 1.4em; font-weight: var(--ff-base-bold); margin-top: 4rem; }
.c-postdetail-article ul { padding-left: 1.5em; }
.c-postdetail-article ul li { list-style-type: disc; }
@media print, screen and (min-width: 640px) {
.c-postdetail-article { padding: 4rem 0 8rem; }
.c-postdetail-article > * + * { margin-top: 4rem; }
.c-postdetail-article a:hover { text-decoration: none; }
.c-postdetail-article h2 { margin-top: 8rem; }
.c-postdetail-article h3 { margin-top: 6rem; }
}









/* form group
--------------------------------------------------------------*/

/* required - utility */
.u-req { color: var(--cl-error); margin-left: 0.5em; }
.c-form-cauntion { margin-top: 0.5rem; font-size: 1.4rem;}



/* c-formthanks */
.c-formthanks { }
.c-formthanks-title { text-align: center; }
.c-formthanks-txt { font-style: 1.2em; margin-top: 1em; }
.c-formthanks-btn { margin: 2em auto 0; display: flex; justify-content: center; }

@media print, screen and (min-width: 640px) {
.c-formthanks { }
.c-formthanks-txt { text-align: center; margin-top: 2em; }
.c-formthanks-btn { margin: 3em auto 0; }
}




/* policy group
--------------------------------------------------------------*/

/* c-policybox */
.c-policybox { padding: 1em 0; border-bottom: var(--cl-border) 1px solid; }
.c-policybox-title { font-size: 1.8rem; font-weight: var(--ff-base-bold); }
.c-policybox-txt { margin-top: 0.8em; }
._noborder.c-policybox { border-bottom: none; }
@media print, screen and (min-width: 640px) {
.c-policybox { padding: 2em 0; }
.c-policybox-title { font-size: 2.4rem; }
}



/* page-404
--------------------------------------------------------------*/
.notfound {}
.notfound-title { text-align: center; font-size: 2.4rem; }
.notfound-txt { font-style: 1.2em; }
.notfound-btn { margin: 3em auto 0; }

@media print, screen and (min-width: 640px) {
.notfound-title { font-size: 4rem; }
.notfound-txt { text-align: center; }
.notfound-btn { margin: 4em auto 0; }
}





/*----------------------------------------------------------------------------------------------------------------------------

page unique

----------------------------------------------------------------------------------------------------------------------------*/



/* contact
----------------------------------------------------------------------------------------------------------------------------*/

.page-contact {}


/* contact-type */
.contact-type {}
.contact-type-box + .contact-type-box { margin-top: 4rem;}
.contact-type-box .u-title-xl + p { margin-top: 1rem; }
.contact-type-box .cta-btn-item._mail { }
.contact-type-box .cta-btn-item._mail::before { mask-image: url(/wp-content/themes/hundreds/assets/images/common/ico_mail.svg) ;}
.contact-type-box .cta-btn-item._mail .cta-btn-num { font-size: 1.8rem;}

@media print, screen and (min-width: 640px) {
.contact-type-box + .contact-type-box { margin-top: 8rem;}
.contact-type-box .cta-btn-item._mail .cta-btn-num { font-size: 2.4rem;}

}


/* contact-lead */
.contact-lead { margin-bottom: 3.5rem;}
.contact-lead-title {}
.contact-lead-txt { margin-top: 1rem;}
.contact-lead-cauntion { margin-top: 1rem; font-size: 1.4rem; color: var(--cl-error);}

@media print, screen and (min-width: 640px) {
.contact-lead { margin-bottom: 7rem;}
.contact-lead-txt { margin-top: 3rem;}

}


.page-contact .c-grtb-item dt { font-weight: var(--ff-base-bold);}
.page-contact .c-grtb-item:first-of-type { border-top: none; }
.page-contact .c-grtb-item:last-of-type { border-bottom: none; }
.cauntion-submit { position: relative; width: 100%; }
.cauntion-submit .u-linkbtn { margin-top: 3rem; margin-inline: auto;}
.cauntion-backlink { margin-top: 4rem; text-align: center;}
.cauntion-backlink .u-linktxt-back { text-decoration: underline; border: none; height: auto; width: auto;}

@media print, screen and (min-width: 640px) {
.page-contact .c-grtb-item dt { font-size: 1.8rem;}
.cauntion-submit .u-linkbtn { margin-top: 6rem;}

}





/*----------------------------------------------------------------------------------------------------------------------------

wordpress setting

----------------------------------------------------------------------------------------------------------------------------*/

/* snow monkey form
----------------------------------------------------------------------------------------------------------------------------*/

/* 入力欄 */
.smf-item { padding: 1.5rem 0 !important;}
.smf-item + .smf-item { border-top: var(--cl-border) 1px solid;}
.smf-item__label__text {}
.smf-label { margin-right: 2rem !important;}
.smf-form .smf-radio-button-control { align-items: center !important;}
.smf-radio-button-control__control { margin-top: 0 !important;}
.smf-form .smf-text-control__control,
.smf-textarea-control__control { border: var(--cl-border) 1px solid !important;}
.smf-form [data-invalid="1"] { border-color: var(--cl-error) !important;}
.has-inline-color > * { margin-left: 1rem;  }
.smf-error-messages { color: var(--cl-error) !important; font-size: 1.4rem !important;}

@media print, screen and (min-width: 640px) {
.smf-item { padding: 3rem 0 !important;}
.smf-item__label__text { font-size: 1.8rem;}

}



/* ボタン系 */
.smf-action { margin-bottom: 0 !important;}
.smf-button-control {}
.smf-button-control__control[data-action="confirm"],
.smf-button-control__control[data-action="complete"] { width: 100%; height: 6.4rem; padding: 0 1em !important; color: var(--cl-wh) !important; background: var(--cl-key) !important; border: var(--cl-key) 2px solid !important; transition: 0.5s !important; border-radius: 5rem !important; font-size: 1.6rem; font-weight: var(--ff-base-bold);}
.smf-button-control__control[data-action="back"] { margin-top: 2rem !important; padding: 0 !important; background: none !important; border: none !important; text-decoration: underline !important;}


@media print, screen and (min-width: 640px) {
.smf-action { display: flex !important; flex-direction: column-reverse !important; margin-top: 3rem !important;}
.smf-button-control__control[data-action="confirm"],
.smf-button-control__control[data-action="complete"] { margin-inline: auto; max-width: 34rem; height: 8rem; font-size: 1.8rem; }
.smf-button-control__control[data-action="confirm"]:hover,
.smf-button-control__control[data-action="complete"]:hover { color: var(--cl-key) !important; background: var(--cl-wh) !important; opacity: 1 !important; }
}