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

 pc style setting

---------------------------------------------------------------------- */
body { margin:0; padding:0;
       font-family:meiryo;
       color:#333; }






body{--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--color--main-font-color: #25272A;
	--wp--preset--color--main-background-color: #F7F7F7;
	--wp--preset--color--blue-background-color: #EAEAF5;
	--wp--preset--color--main-theme-color: #116CAE;
	--wp--preset--color--dark-gray-color: #000;
	--wp--preset--color--main-link-color: #0071e3;
	--wp--preset--font-size--small: clamp(1.4rem, 1.4rem + ((1vw - 0.2rem) * 0.471), 1.6rem);
	--wp--preset--font-size--medium: clamp(1.6rem, 1.6rem + ((1vw - 0.2rem) * 0.471), 1.8rem);
	-wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.2rem) * 0.941), 2.4rem);
	--wp--preset--font-size--x-large: clamp(2.4rem, 2.4rem + ((1vw - 0.2rem) * 1.412), 3rem);
	--wp--preset--font-size--xx-large: clamp(2.8rem, 2.8rem + ((1vw - 0.2rem) * 2.824), 4rem);
	--wp--preset--spacing--20: 2rem;
	--wp--preset--spacing--30: clamp(1.5rem, 1.64vw, 2rem);
	--wp--preset--spacing--40: clamp(2rem, 2.81vw, 4rem);
	--wp--preset--spacing--50: clamp(3rem, 4.22vw, 6rem);
	--wp--preset--spacing--60: clamp(4rem, 5.62vw, 8rem);
	--wp--preset--spacing--70: clamp(6rem, 7.5vw, 10rem);
	--wp--preset--spacing--80: clamp(8rem, 10vw, 12rem);
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
	--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
	--wp--custom--typography--line-height--none: 1;
	--wp--custom--typography--line-height--small: 1.25;
	--wp--custom--typography--line-height--medium: 1.6;
	--wp--custom--typography--line-height--large: 1.8;
	--wp--custom--typography--line-height--x-large: 2;
	--wp--custom--typography--letter-spacing--tiny: 0.025em;
	--wp--custom--typography--letter-spacing--small: 0.05em;
	--wp--custom--typography--letter-spacing--medium: 0.1em;
	--wp--custom--typography--letter-spacing--large: 0.15em;
}


body { margin: 0;--wp--style--global--content-size: 650px;--wp--style--global--wide-size: 1000px; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: ; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: ; }body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{font-family: var(--wp--preset--font-family--default);font-size: var(--wp--preset--font-size--medium);line-height: var(--wp--custom--typography--line-height--medium);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--main-link-color);text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-main-font-color-color{color: var(--wp--preset--color--main-font-color) !important;}.has-main-background-color-color{color: var(--wp--preset--color--main-background-color) !important;}.has-blue-background-color-color{color: var(--wp--preset--color--blue-background-color) !important;}.has-main-theme-color-color{color: var(--wp--preset--color--main-theme-color) !important;}.has-dark-gray-color-color{color: var(--wp--preset--color--dark-gray-color) !important;}.has-main-link-color-color{color: var(--wp--preset--color--main-link-color) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-main-font-color-background-color{background-color: var(--wp--preset--color--main-font-color) !important;}.has-main-background-color-background-color{background-color: var(--wp--preset--color--main-background-color) !important;}.has-blue-background-color-background-color{background-color: var(--wp--preset--color--blue-background-color) !important;}.has-main-theme-color-background-color{background-color: var(--wp--preset--color--main-theme-color) !important;}.has-dark-gray-color-background-color{background-color: var(--wp--preset--color--dark-gray-color) !important;}.has-main-link-color-background-color{background-color: var(--wp--preset--color--main-link-color) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-main-font-color-border-color{border-color: var(--wp--preset--color--main-font-color) !important;}.has-main-background-color-border-color{border-color: var(--wp--preset--color--main-background-color) !important;}.has-blue-background-color-border-color{border-color: var(--wp--preset--color--blue-background-color) !important;}.has-main-theme-color-border-color{border-color: var(--wp--preset--color--main-theme-color) !important;}.has-dark-gray-color-border-color{border-color: var(--wp--preset--color--dark-gray-color) !important;}.has-main-link-color-border-color{border-color: var(--wp--preset--color--main-link-color) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-default-font-family{font-family: var(--wp--preset--font-family--default) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-libre-font-family{font-family: var(--wp--preset--font-family--libre) !important;}.has-cormorant-font-family{font-family: var(--wp--preset--font-family--cormorant) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
.wp-block-pullquote{font-size: clamp(0.984em, 0.984rem + ((1vw - 0.2em) * 1.214), 1.5em);line-height: 1.6;}




/* layout */
#header_wrap { width:100%;  }
#header {position:relative;margin:0 auto;display: flex;justify-content: space-between;align-items: center;max-width: 1170px;}

#index_top_wrap { width:100%; background:#f2f2f2; }
#index_top {position: relative;margin:0 auto;padding: 0;}

#main_contents_wrap {width:100%;background:#fff url(img/common/background1.gif) repeat-x left top;overflow: hidden;}
#main_contents {max-width: 1140px;margin:0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}


#main_col {width: 100%;/* float:left; */padding: 0;}

.page-template-page-noside-php #main_col { width:100%; float:none; }
.page-template-page-noside-short-php #main_col, .page-template-page-co-noside-php #main_col
 { width:850px; float:none; margin:0 auto; }


/* headline */
.headline1 { border-bottom:1px solid #ddd; padding:0; margin:0 0 25px 0; font-size:18px; }
.headline1 span { border-bottom:4px solid #ccc; padding:0 0 10px 0; margin:0; display:inline-block; }




/* ----------------------------------------------------------------------
 company info
---------------------------------------------------------------------- */
#company_info { margin:0 0 50px 0; padding:1px 0 0 0; }
#company_info p { margin:0; }
#company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; }
#company_info dt { float:left; width:150px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; }
#company_info dd { margin:0 0 0px 150px; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 10px; border-top:1px solid #ddd; }

#company_map { text-align:right; }
#company_map a { color:#333; }
#company_map iframe { width:100%; }
#company_map_desc { padding:20px 0 0; margin-bottom:-30px; }




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
#slider {z-index:1;margin: 0;overflow: hidden;}
#slider img { display:block; }

/* top banner */
#index_banner ol { margin:22px 0 22px 0; padding:0; }
#index_banner ol li { list-style-type:none; margin:0; padding:0; float:left; margin:0 22px 0 0; }
#index_banner ol li.num3 { margin:0; }
#index_banner img { display:block; }

/* news */
#index_news { position:relative; }
#index_news ol { margin:0 0 40px 0; padding:0; }
#index_news ol li { list-style-type:none; margin:0 0 2px 0; padding:5px; background:#f2f2f2; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#index_news ol li .date { font-size:12px; margin:0 10px 0 0; line-height:100%; background:#999; color:#fff; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left; width:70px; text-align:center; }
#index_news ol li .title { float:left; width:690px; line-height:150%; padding:7px 0; margin:0; }
#index_news ol li .title a { display:block; text-decoration:none; }

/* archive link */
.index_archive_link {
    text-align: right;
    padding: 10px 0px;
}
.index_archive_link a {font-size: 14px;text-decoration:none;}
.index_archive_link a:hover { text-decoration:underline; }

/* index center banner */
#index_center_banner { display:block; margin:0 0 40px 0; }

/* product */
#index_product { position:relative; margin:0 0 10px 0; }
#index_product ol { margin:0 -28px 0 0; padding:0; }
#index_product ol li { list-style-type:none; margin:0 23px 20px 0; padding:0; vertical-align:top; width:248px; display:inline-block; }
#index_product ol li .image { display:block; background:#fff; }
#index_product ol li .image img {
  display:block; width:248px; height:190px; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_product ol li .image:hover img { opacity:0.5; }
#index_product ol li .category { background:#999; color:#fff; padding:0 10px; height:40px; line-height:40px; overflow:hidden; font-size:14px; }
#index_product ol li .category a { text-decoration:none; color:#fff; }
#index_product ol li .category a:hover { text-decoration:underline; }
#index_product ol li .title { font-size:14px; margin:15px 0 5px; }
#index_product ol li .title a { text-decoration:none; }
#index_product ol li .desc { font-size:12px; margin:5px 0 10px; line-height:160%; }

/* blog */
#index_blog { position:relative; margin:0 0 40px 0; }
#index_blog ol { margin:0; padding:0; }
#index_blog ol li { list-style-type:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #aaa; }
#index_blog ol li:last-child { border:none; margin:0; padding:0; }
#index_blog ol li .image { float:left; margin:0 15px 0 0; background:#fff; }
#index_blog ol li .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#index_blog ol li .image:hover img { opacity:0.5; }
#index_blog ol li .date { margin:0; font-size:12px; color:#999; }
#index_blog ol li .title { margin:0; font-size:14px; }

/* footer banner */
#footer_banner li { }
#footer_banner li.num1 { float:left; }
#footer_banner li.num2 { float:right; }
#footer_banner li.num3 { clear:both; padding:30px 0 0 0; }
#footer_banner li img { display:block; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* product */
#product_list { position:relative; margin:0 0 10px 0; }
#product_list { margin:0 -28px 0 0; padding:0; }
#product_list li { list-style-type:none; margin:0 23px 20px 0; padding:0; vertical-align:top; width:248px; display:inline-block; }
#product_list li .image { display:block; background:#fff; }
#product_list li .image img {
  display:block; width:248px; height:190px; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#product_list li .image:hover img { opacity:0.5; }
#product_list li .title { font-size:14px; margin:0 0 10px 0; }
#product_list li .title a {
  text-decoration:none; display:block; padding:10px; background:#999; color:#fff; height:40px; overflow:hidden;
  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#product_list li .title a:hover { background:#333; }

/* news */
#news_list { position:relative; }
#news_list { margin:0 0 40px 0; padding:0; }
#news_list li { list-style-type:none; margin:0 0 2px 0; padding:5px; background:#f2f2f2; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#news_list li .date { margin:0 10px 0 0; font-size:12px; line-height:100%; background:#999; color:#fff; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left; width:70px; text-align:center; }
#news_list li .title { float:left; width:690px; line-height:150%; padding:7px 0; margin:0; }
#news_list li .title a { display:block; text-decoration:none; }

/* blog */
#post_list { margin:0; padding:0; }
#post_list li { border-bottom:1px dotted #aaa; margin:0 0 25px 0; padding:0 0 15px 0; }
#post_list .image { float:right; background:#fff; }
#post_list .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#post_list .image:hover img { opacity:0.5 }
#post_list .info { float:left; width:510px; }
#post_list .no_thumbnail .info { float:none; width:auto; }
#post_list .post_date {font-size: 14px;text-align:center;margin:0 15px 15px 0;line-height:100%;/* float:left; *//* background:#bbb; */position:relative;display: inline-block;}
#post_list .date {/* color:#fff; *//* display:block; *//* position:absolute; *//* top:10px; *//* width:54px; */}
#post_list .month { color:#fff; display:block; position:absolute; bottom:10px; width:54px; }
#post_list .title {font-size:16px;line-height:180%;margin:0 0 15px 0;display: inline-block;}
#post_list .title a { text-decoration:none; }
#post_list .title a:hover { text-decoration:underline; }
#post_list .desc { clear:both; }
#post_list ul { margin:0; }
#post_list li li { border:none; margin:0 25px 5px 0; padding:0; float:left; font-size:12px; }
#post_list li.meta_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding-left:15px; }
#post_list li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_author { background:url(img/common/icon_author.png) no-repeat left 3px;  padding-left:15px; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post { margin:0 0 10px 0; }

/* title */
#post_title { margin:0 0 25px 0; }
#post_title h2 { margin:0; padding:0; font-size:18px; line-height:160%; }
#post_title .post_date { font-size:12px; width:54px; height:54px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_title .date { color:#fff; display:block; position:absolute; top:10px; width:54px; }
#post_title .month { color:#fff; display:block; position:absolute; bottom:10px; width:54px; }


/* post thumbnail */
.post_image { text-align:center; margin:0 0 30px 0; }
.post_image img { margin:0; width:100%; height:auto; }


/* next page */
#post_pagination { margin:0 0 30px 0; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { background:#00a2d9; color:#fff; }


/* meta and bookmark */
#post_meta { border-top:1px dotted #aaa; margin:0 0 20px 0; padding:15px 0; }
#post_meta a { text-decoration: none; }
#post_meta #meta { float:left; width:60%; margin:0; font-size:12px; }
#post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; }
#post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; }
#post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta .bookmark { float:right; margin:0; }
#post_meta .bookmark li { float:left; margin:0 0 0 10px; }


/* related post*/
#related_post { margin:0 0 35px 0; }
#related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; }
#related_post ul { margin:0 -10px 0 0; }
#related_post li { display:inline-block; margin:0 5px 10px 0; vertical-align:top; width:373px; border:1px solid #ccc; padding:10px; }
#related_post .image { float:left; margin:0 15px 0 0; background:#fff; }
#related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#related_post .image:hover img { opacity:0.5; }
#related_post .info { }
#related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#999; }
#related_post .title { font-size:14px; margin:0; }
#related_post .title a { text-decoration:none; display:block; }


/* next prev post link */
#previous_next_post { margin:0 0 40px 0; padding:0; border-top:1px solid #ccc; }
#previous_next_post p { margin:0; padding:0; }
#previous_next_post a { text-decoration: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
 }
#previous_post a { margin:0; width:50%; float:left; border-right:1px solid #ccc; line-height:140%; font-size:12px; background:url(img/common/arrow_left.gif) no-repeat left 20px; padding:25px 30px; }
#next_post a { margin:0; left:-1px; position:relative; width:50%; float:right; text-align:right; border-left:1px solid #ccc; line-height:140%; font-size:12px; background:url(img/common/arrow_right.gif) no-repeat right 20px; padding:25px 30px; }




/* ----------------------------------------------------------------------
 product single page
---------------------------------------------------------------------- */
#product_headline a { text-decoration:none; }
#product_headline a:hover { text-decoration:underline; }
.product_title { margin:0 0 20px 0; }

/* slider */
#product_image_slider_wrap { width:770px; background:#f2f2f2; padding:15px; position:relative; margin:0 0 30px 0; }
#product_image_slider_wrap #loader { position:absolute; top:200px; left:350px; }
#product_image_slider { width:575px; height:380px; overflow:hidden; }
#product_image_slider img { width:575px; height:380px; }

/* thumbnail */
.nivo-controlNav { padding:0; margin:0; position:absolute; right:15px; top:15px; }
.nivo-controlNav a { cursor:pointer; margin:0 0 13px 0; display:block; }
.nivo-controlNav a img { display:block; opacity:0.3; }
.nivo-controlNav a.active img, .nivo-controlNav a:hover img { opacity:1; }

/* no slider */
#product_image {  }
#product_image img { display:block; border:15px solid #f2f2f2; margin:0 auto 30px; }

/* bookmark */
.bookmark { margin:0 0 30px 0; }
.bookmark li { float:left; margin:0 10px 0 0; }




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

/* logo */
#logo_text { position:absolute; left:0px; top:35px; margin:0; padding:0; font-size:24px; line-height:100%; font-weight:normal; }
#logo_text a { text-decoration:none; display:block; }
#logo_text a:hover { color:#00a2d9; }
#description { position:absolute; left:0px; top:55px; font-weight:normal; font-size:11px; color:#aaa; }
#logo_image {/* position:absolute; */margin:0;padding:0;line-height:100%;}
#logo_image img { display:block; }


/* global menu */
.menu_button { display:none; }
#global_menu {margin:0;/* position:absolute; *//* right:0px; *//* bottom:0px; */z-index:999;}
#global_menu ul ul { display:none; position:absolute; top:63px; left:0px; margin:0; padding:0; border-top:1px solid #ccc; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
#global_menu li { float:left; font-size:1%; position:relative; }
#global_menu li a {
 font-size:14px; text-align:center; text-decoration:none; display:block; height:60px; line-height:60px; padding:0 20px; border-bottom:4px solid #fff;
 -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#global_menu ul li a:hover, #global_menu > ul > li.active_menu > a { border-bottom:4px solid #aaa; color:#333; }
#global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:left; }
#global_menu ul ul a { font-size:12px; position:relative; padding:10px 20px 8px; width:150px; height:auto; line-height:180%; margin:0 0 -1px 0; text-align:left; border:1px solid #ccc; background:#fff; }
#global_menu ul ul a:hover { border:1px solid #ccc; background:#e2e2e2; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top { z-index:999; position:fixed; right:0px; bottom:25px; margin:0; display:block; width:36px; height:100px; text-indent:-9999px; background:#ccc url(img/footer/return_top.png) no-repeat center; }
#return_top:hover { }

/* basic setting */
#footer { clear:both; width:100%;  background:#f4f4f4; }
#footer_inner {  margin:0 auto; position:relative; font-size:11px; padding-top:50px; }
#footer a { }
#footer a:hover { }
#footer li { line-height:170%; margin:0 0 10px 0; padding:0; }

/* widget area */
#footer_widget { position:relative; }
.footer_widget { margin:0 41px 40px 0; width:350px; display:inline-block; vertical-align:top; overflow:hidden; }
.footer_widget.right_widget { margin-right:0; }
.footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { }
.footer_widget img { height:auto; max-width:100%; width:auto; }

/* copyright */
#copyright { width:100%; clear:both; color:#fff; background:#999; margin:0; }
#copyright_inner {  margin:0 auto; positiion:relative; font-size:11px; }
#copyright a { text-decoration:none; color:#fff; }
#copyright a:hover { text-decoration:underline; }

/* menu */
#footer_menu { margin:23px 0 0 0; float:left; }
#footer_menu li { float:left; margin:0; line-height:100%; }
#footer_menu li a { text-decoration:none; border-right:1px solid #aaa; margin:0 0 0 0; padding:0 10px 0 10px; }
#footer_menu li:last-child a { border:none; }

/* sns link */
/*#social_link { margin:11px 0 0 15px; float:right; }
#social_link li { display:inline-block; margin:0; position:relative; }
#social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:24px; height:24px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
  background: #fff;
  border-radius: 100%;
}
#social_link li:before {
  font-family:'design_plus'; color:#999; font-size:14px; display:block; position:absolute; top:5px; left:5px;
  width:17px; height:17px; line-height:17px; z-index: 999;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#social_link li.twitter:before { content:'\e904'; }
#social_link li.facebook:before { content:'\e902'; }
#social_link li.insta:before { content:'\ea92'; }
#social_link li.pint:before { content:'\e905'; }
#social_link li.flickr:before { content:'\eaa4'; }
#social_link li.tumblr:before { content:'\eab9'; }
#social_link li.rss:before { content:'\e90b'; }
#social_link li.twitter:hover:before { color:#16b9dc; }
#social_link li.facebook:hover:before { color:#3B5998; }
#social_link li.insta:hover:before { color:#8a3ab9; }
#social_link li.rss:hover:before { color:#ffcc00; }
#social_link li.pint:hover:before { color:#cb2027; }
#social_link li.flickr:hover:before { color:#ff0084; }
#social_link li.tumblr:hover:before { color:#34526f; }*/

#social_link { margin:11px 0 0 15px; padding:0; text-align:center; float: right; }
#social_link li { display:block; margin:0 0 0 5px; position:relative; background: #fff; border-radius: 100%; float: left; }
#social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:24px; height:24px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
#social_link li:before {
  font-family:'design_plus'; color:#000; font-size:12px; display:block; position:absolute; top:5px; left:4px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#social_link li.twitter:before { content:'\e904'; }
#social_link li.facebook:before { content:'\e902'; }
#social_link li.insta:before { content:'\ea92'; }
#social_link li.pint:before { content:'\e905'; }
#social_link li.flickr:before { content:'\eaa4'; }
#social_link li.tumblr:before { content:'\eab9'; }
#social_link li.rss:before { content:'\e90b'; }
#social_link li.twitter:hover:before { color:#16b9dc; }
#social_link li.facebook:hover:before { color:#3B5998; }
#social_link li.insta:hover:before { color:#8a3ab9; }
#social_link li.rss:hover:before { color:#ffcc00; }
#social_link li.pint:hover:before { color:#cb2027; }
#social_link li.flickr:hover:before { color:#ff0084; }
#social_link li.tumblr:hover:before { color:#34526f; }


/* copyright */
#copyright p { margin:13px 0 0 0; float:right; font-size:12px; }


@media print,screen and (min-width: 1069px) {
    .c-form-desc {
        width:calc(100% - 30rem);
        margin-top: -2rem;
        font-size: 1.5rem
    }

    .c-form-desc:not(:last-child) {
        margin-bottom: 4rem
    }
.p-top-common-link.--black::before {
    background-color: #000;
}
    .p-top-common-link {
        column-gap: 2rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .c-form-desc {
        width:100%;
        margin-top: -1rem;
        font-size: 1.5rem
    }

    .c-form-desc:not(:last-child) {
        margin-bottom: 3rem
    }

    .p-top-common-link {
        column-gap: 2rem
    }
}

@media screen and (max-width: 734px) {
    .p-page-form__attention {
        text-align:left
    }

    .c-form-desc {
        width: 100%;
        margin-top: -1rem;
        font-size: 1.4rem
    }

    .c-form-desc:not(:last-child) {
        margin-bottom: 2.5rem
    }
}

.p-top-common-link {
    transition: opacity .25s;
    display: flex;
    column-gap: 2rem;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.p-top-common-link:hover {
    opacity: .6
}

.p-top-common-link::before {
    display: block;
    width: clamp(5rem,4.2808vw + 1.8537rem,10rem);
    height: .1rem;
    content: "";
    background: #fff;
}

.p-top-common-link.--white {
    color: #fff;
    text-decoration: none;
}

.p-top-common-link.--white: :before {
    background-color:#fff
}

.p-top-common-link.--black: :before {
    background-color:var(--wp--preset--color--dark-gray-color)
}

.p-top-common-text-wrap {
    width: fit-content
}

.p-top-common-text-wrap.--r {
    margin-right: max(var(--vw)*10,var(--vw)*70 - 60rem);
    margin-left: auto
}

@media print {
    .l-main-section--full .p-page-common-head:not(.--cent) {
        padding-left: 10vw
    }

    .p-top-common-text-wrap.--r {
        margin-right: 10vw
    }
}

.p-top-common-text-wrap.--l {
    margin-right: auto;
    margin-left: max(var(--vw)*10,var(--vw)*70 - 60rem)
}

@media print {
    .p-top-common-text-wrap.--l {
        margin-left: 10vw
    }
}

.p-top-common-text-wrap.--r80 {
    margin-right: calc(var(--vw)*30);
    margin-left: auto
}

.p-top-common-head {
    position: relative;
    width: 100%;
    padding-bottom: 2rem
}

@media print,screen and (min-width: 1069px) {
    .p-top-common-head {
        padding-bottom:2rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-common-head {
        padding-bottom:2rem
    }
}

@media screen and (max-width: 734px) {
    .p-top-common-link {
        column-gap:1rem
    }

    .p-top-common-link::before {
        width: 3rem
    }

    .p-top-common-head {
        padding-bottom: 1.25rem
    }
}

.p-top-common-head.--blue {
    color: var(--wp--preset--color--main-theme-color)
}

.p-top-common-head.--blue: :after {
    background-color:var(--wp--preset--color--main-theme-color)
}

.p-top-common-head.--white {
    color: #fff
}

.p-top-common-head.--white: :after {
    background-color:#fff
}
.--l .p-top-common-head::after {
    right: 0;
}
.p-top-common-head::after {
    position: absolute;
    bottom: 0;
    height: .1rem;
    content: "";
    background: #fff;
}

@media print,screen and (min-width: 1069px) {
    .p-top-common-head::after {
        width:max(100% + var(--vw)*10,100% + var(--vw)*90 - 60rem)
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-common-head::after {
        width:calc(100% + var(--vw)*10)
    }
}

.--r .p-top-common-head: :after {
    left:0
}

.--l .p-top-common-head: :after {
    right:0
}

.--r80 .p-top-common-head: :after {
    width:calc(100% + var(--vw)*10)
}

.p-top-common-head__ja {
    font-weight: normal;
    line-height: 1;
    letter-spacing: var(--wp--custom--typography--letter-spacing--medium);
    font-size: 14px;
}
p {
  margin:0;
}
.p-top-common-head__en {
    font-family: var(--wp--preset--font-family--cormorant);
    font-size: 54px;
    font-weight: 600;
    line-height: 1
}
.p-top-common-head.--blue::after {
    background-color:#000;
}
.p-top-hero {
    position: relative;
    overflow: hidden
}

.p-top-hero::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: .2
}

.p-top-hero__video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.p-top-hero__logo {
    transition: opacity .25s;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    opacity: 0
}

.p-top-hero__logo:hover {
    opacity: .8
}

@media print,screen and (min-width: 1069px) {
    .p-top-hero__logo {
        height:10rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-hero__logo {
        height:10rem
    }
}


@media print,screen and (min-width: 1069px) {
    .p-top-hero__logo {
        position:fixed;
        left: 50%;
        align-items: center;
        width: 80%;
        min-width: 100rem;
        height: 10rem;
        pointer-events: none;
        transform: translateX(-50%)
    }

    .p-top-hero__logo-link img {
        height: 6rem
    }
}

@media print {
    .p-top-common-text-wrap.--r80 {
        margin-right: 10vw
    }

    .p-top-hero__video {
        max-height: 80rem
    }

    .p-top-hero__logo {
        position: absolute
    }
}

.p-top-hero__logo.--index-no-scrolled {
    opacity: 1
}

.p-top-hero__logo-link {
    transition: opacity .25s;
    pointer-events: all
}

.p-top-hero__logo-link:hover {
    opacity: .8
}

.p-top-hero__logo-link img {
    width: auto
}

.p-top-hero_text-wrap {
    position: absolute;
    z-index: 11;
    color: #fff
}

@media print,screen and (min-width: 1069px) {
    .p-top-hero_text-wrap {
        bottom:9rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-hero__logo {
        position:absolute;
        left: 4rem
    }

    .p-top-hero__logo-link img {
        height: 6rem
    }

    .p-top-hero_text-wrap {
        bottom: 4rem
    }
}

@media screen and (max-width: 734px) {
    .p-top-hero__logo {
        position:absolute;
        left: 2rem
    }

    .p-top-hero__logo-link img {
        height: 4rem
    }

    .p-top-hero_text-wrap {
        bottom: 4rem
    }
}

@media print,screen and (min-width: 1069px) {
    .p-top-hero_text-wrap {
        left:10%
    }

    .p-top-new__archive-wrap {
        max-width: calc(var(--vw)*100 - (var(--vw)*50 - 50rem + 40rem))
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-hero_text-wrap {
        left:4rem
    }
}

.p-top-hero_copy-en,.p-top-hero_copy-ja {
    opacity: 0;
    transition: opacity .5s,transform .5s;
    transform: translateY(-4rem)
}

.p-top-hero_text-wrap.--active .p-top-hero_copy-en,.p-top-hero_text-wrap.--active .p-top-hero_copy-ja {
    opacity: 1;
    transform: translateY(0)
}

.p-top-hero_copy-en {
    margin-bottom: 1rem;
    font-family: var(--wp--preset--font-family--libre);
    font-size: clamp(4rem,4.4219vw + 2.585rem,11rem);
    font-weight: 400;
    line-height: 1;
    transition-delay: .25s
}

.p-top-hero_copy-ja {
    margin-bottom: 2.5rem;
    font-size: clamp(2rem,1.0107vw + 1.67668rem,3.6rem);
    font-weight: 700;
    letter-spacing: var(--wp--custom--typography--letter-spacing--small);
    transition-delay: .5s
}

@media screen and (max-width: 600px) {
   

    .p-top-hero_copy-ja {
        margin-bottom: 1rem
    }
}





.p-top-hero_desc-span {
    display: block
}

@media screen and (max-width: 350px) {
    .p-top-hero_desc {
        font-size:1.2rem
    }

    .p-top-hero_desc-span {
        display: inline
    }
}



.p-top-str {
    position: relative;
    padding: 130px 0px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

@media screen and (max-width: 734px) {
    .p-top-hero_text-wrap {
        left:2rem;
        width: calc(100% - 4rem)
    }

    .p-top-str {
        padding: 6rem 2rem
    }

    .p-top-str__img {
        display: none
    }
}

.p-top-str__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: right center
}

.p-top-str__desc {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2
}

@media screen and (max-width: 734px) {
    .p-top-str .p-top-common-text-wrap {
        width:100%;
        margin: auto
    }

    .p-top-str__desc {
        margin: 2rem 0;
        font-size: 16px;
    }
}

.p-top-str__desc-span {
    display: block
}

.p-top-com {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

@media print,screen and (min-width: 735px) {
    .p-top-com {
        padding: 80px 0px;
    }

   
}

.p-top-com::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg,#000 0,#000 40%,rgba(0,0,0,0) 100%)
}

.p-top-com .p-top-common-text-wrap {
    position: relative;
    z-index: 3
}

@media screen and (max-width: 734px) {
    .p-top-com {
        box-sizing:border-box;
        width: 100%;
        padding: 6rem 2rem
    }

    .p-top-com::before {
        background-color: #000;
        opacity: .5
    }

    .p-top-com .p-top-common-text-wrap {
        box-sizing: border-box;
        width: 100%;
        margin: auto
    }
}

.p-top-com__desc {
    margin: 30px 0px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.p-top-com__desc-span {
    display: block
}

.p-top-com__img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: calc(100% - 20rem);
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 734px) {
    .p-top-com__img {
        width:100%
    }

    .p-top-new .p-top-common-text-wrap {
        margin-left: 0
    }
}

.p-top-com .p-top-common-link:not(:last-child) {
    margin-bottom: 1em
}

.p-top-new {
    display: flex;
    margin-top: clamp(6rem,3.4246vw + 3.483rem,10rem);
    margin-bottom: clamp(6rem,3.4246vw + 3.483rem,10rem);
    overflow: hidden
}

@media screen and (max-width: 1068px) {
   

    .p-top-new {
        flex-direction: column;
        row-gap: var(--wp--preset--spacing--50)
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-new {
        width:80%
    }

    .p-top-new .p-top-common-text-wrap {
        margin-left: 0
    }
}

.p-top-new__archive-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0px 40px 0px -40px;
}

.p-top-new .p-archive-tags {
    margin-top: var(--wp--preset--spacing--60)
}

.p-top-new .p-archive-tags-all {
    color: var(--wp--preset--color--main-theme-color)
}

.p-top-new .p-archive-tags-all::before {
    background-color: var(--wp--preset--color--main-theme-color)
}

.p-top-new .p-archive-tags-tag {
    color: var(--wp--preset--color--main-theme-color)
}

.p-top-new .p-archive-article,.p-top-new .p-archive-article .c-archive-tags__a {
    color: var(--wp--preset--color--main-theme-color);
    border-color: var(--wp--preset--color--main-theme-color)
}

.p-top-new .p-archive-article .c-archive-tags__a:hover {
    color: #fff;
    border-color: var(--wp--preset--color--main-theme-color)
}

.p-top-ins {
    position: relative;
    padding: clamp(6rem,3.4246vw + 3.483rem,10rem) 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

.p-top-ins::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: ""
}

.p-top-ins .p-top-common-text-wrap {
    position: relative;
    z-index: 3
}

@media print,screen and (min-width: 1069px) {
    .p-top-new .p-archive-tags-tag::before {
        background-color:var(--wp--preset--color--main-theme-color)
    }

    .p-top-ins::before {
        background: linear-gradient(-90deg,#116CAE 0,#116CAE 40%,rgba(0,0,0,0) 70%)
    }

    .p-top-ins .p-top-common-text-wrap {
        width: fit-content
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-ins .p-top-common-text-wrap {
        width:80%
    }
}

@media screen and (max-width: 734px) {
    .p-top-ins {
        width:100%
    }

    .p-top-ins .p-top-common-text-wrap {
        width: calc(100% - 4rem)
    }
}

@media screen and (max-width: 1068px) {
    .p-top-ins::before {
        background-color:rgba(0,0,0,.6)
    }

    .p-top-ins .p-top-common-text-wrap {
        margin-right: auto;
        margin-left: auto
    }

    .p-top-ins .p-top-common-text-wrap .p-top-common-head {
        text-align: center
    }

    .p-top-ins .p-top-common-text-wrap .p-top-common-head::after {
        right: unset;
        left: 50%;
        width: 10rem;
        transform: translateX(-50%)
    }
}

.p-top-ins__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover
}




@media print,screen and (min-width: 1069px) {
    .p-top-ins__img {
        width:66%
    }

   
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-top-ins__img {
        width:100%
    }

  
}

@media screen and (max-width: 734px) {
    .p-top-ins__img {
        width:100%
    }

   
}



@media print {
    .p-top-new__archive-wrap {
        max-width: 60%
    }

   
   
}

.p-top-ins__link {
    background-color: rgba(0,0,0,0);
    transition: color .25s,background-color .25s,border-color .25s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20rem;
    padding: .12rem 0;
    margin: 4rem auto auto;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: .1rem solid #fff;
    text-decoration: none;
}

.p-top-ins__link:hover {
    color: var(--wp--preset--color--main-theme-color);
    background-color: #fff;
    border-color: #fff
}






.p-cta {
    box-sizing: border-box;
    padding: var(--wp--preset--spacing--60) 2rem;
    margin-top: var(--wp--preset--spacing--70);
    background-color: var(--wp--preset--color--dark-gray-color)
}

.p-cta__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--main-theme-color);

}

.p-cta__head-en,.p-cta__head-ja {
    line-height: 1;
    /* color: #fff; */
}

.p-cta__head-ja {
    margin-bottom: .75em;
    font-weight: 600
}

.p-cta__head-en {
    font-family: var(--wp--preset--font-family--cormorant);
    font-size: 60px;
    font-weight: bold;
}

.p-cta__flex-wrapper {
    position: relative;
    display: flex
}

@media print {
    .p-phi-obj_text-anim {
        opacity: 1;
        transform: translate(0)
    }

    .p-cta__flex-wrapper::after {
        display: none
    }
}

@media print,screen and (min-width: 1069px) {
    .p-cta__flex-wrapper {
        gap:0 12rem
    }

    .p-cta__item {
        width: calc((100% - 12rem)/ 2)
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-cta__flex-wrapper {
        gap:0 8rem;
        align-items: stretch
    }

    .p-cta__item {
        width: calc((100% - 8rem)/ 2);
        display: flex
    }
}

@media screen and (max-width: 734px) {
    .p-cta__flex-wrapper {
        gap:4rem 0;
        flex-direction: column
    }

    .p-cta__item {
        width: 100%
    }
}

.p-cta__item-inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: fit-content;
    text-align: center
}

@media print,screen and (min-width: 1069px) {
    .p-cta__item-inner-wrapper {
        gap:4rem 0;
        min-width: 40rem
    }

    .p-cta__link {
        padding: 2rem
    }
}

.p-cta__contact .p-cta__item-inner-wrapper a {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    transition: color .25s,background-color .25s,border-color .25s
}

.p-cta__contact .p-cta__item-inner-wrapper a:hover {
    color: var(--wp--preset--color--main-theme-color);
    background-color: #fff;
    border-color: #fff
}

.p-cta__estimate .p-cta__item-inner-wrapper a {
    color: var(--wp--preset--color--main-theme-color);
    background-color: #fff;
    border-color: #fff;
    transition: color .25s,background-color .25s,border-color .25s
}

.p-cta__estimate .p-cta__item-inner-wrapper a:hover {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border-color: #fff
}

@media print,screen and (min-width: 735px) {
    .p-cta__flex-wrapper::after {
        position:absolute;
        top: 0;
        left: 50%;
        width: .1rem;
        height: 100%;
        content: "";
        background-color: #fff;
        transform: translateX(-50%)
    }

    .p-cta__contact .p-cta__item-inner-wrapper {
        margin-right: 0;
        margin-left: auto
    }

    .p-cta__estimate .p-cta__item-inner-wrapper {
        margin-right: auto;
        margin-left: 0
    }

    .p-cta__desc.--mq-sp {
        display: none
    }
}

.p-cta__desc-span {
    display: block;
    font-weight: 500;
    color: #fff
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-cta__item-inner-wrapper {
        gap:3rem 0
    }

    .p-cta__desc-inner-span {
        display: block
    }
}

.p-cta__link {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    font-size: clamp(1.8rem,.2527vw + 1.7192rem,2.2rem);
    font-weight: 900;
    border: .2rem solid #eb6100 !important;
}

@media print,screen and (min-width: 1069px) {
    .p-cta__link {
        font-size: 25px;
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-cta__link {
        padding:1rem 2rem;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 734px) {
    .p-cta__item-inner-wrapper {
        gap:2rem 0;
        margin: auto
    }

    .p-cta__desc:not(.--mq-sp) {
        display: none
    }

    .p-cta__link {
        padding: .5rem 1rem;
        font-size: 1.6rem
    }
}


.p-cta.--top {
    margin-top: 0;
    background-color: #fff
}

.p-cta.--top .p-cta__desc-span,.p-cta.--top .p-cta__head-en,.p-cta.--top .p-cta__head-ja {
    color: var(--wp--preset--color--main-theme-color);
}

.p-cta.--top .p-cta__flex-wrapper: :after {
    background-color:var(--wp--preset--color--main-font-color)
}

.p-cta.--top .p-cta__contact .p-cta__item-inner-wrapper a {
    color: var(--wp--preset--color--main-theme-color);
    background-color: rgba(0,0,0,0);
    border: .2rem solid var(--wp--preset--color--main-font-color);
    transition: color .25s,background-color .25s,border-color .25s;
    border-color: var(--wp--preset--color--main-theme-color);
    text-decoration: none;
}

.p-cta.--top .p-cta__contact .p-cta__item-inner-wrapper a: hover {
    color:#fff;
    background-color: var(--wp--preset--color--main-theme-color);
    border-color: var(--wp--preset--color--main-theme-color)
}

.p-cta.--top .p-cta__estimate .p-cta__item-inner-wrapper a {
    color: #fff;
    background-color: var(--wp--preset--color--main-theme-color);
    border: .2rem solid var(--wp--preset--color--main-theme-color);
    transition: color .25s,background-color .25s;
    border-color: var(--wp--preset--color--main-theme-color);
    text-decoration: none;
}

.p-cta.--top .p-cta__estimate .p-cta__item-inner-wrapper a: hover {
    color:var(--wp--preset--color--main-theme-color);
    background-color: rgba(0,0,0,0)
}

@media print,screen and (min-width: 1069px) {
    .p-cta__link::after {
        font-size:4rem
    }

    .p-cta__link {
        max-width: 40rem
    }

   
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-cta__link::after {
        font-size:2.4rem
    }

   
}



@media screen and (max-width: 1068px) {
    .p-cta__item-inner-wrapper {
        width:100%
    }

   
}



@media screen and (max-width: 734px) {
    .p-cta__link::after {
        font-size:1.8rem
    }

  
}



.p-footer {
    color: #fff;
    background-color: #535353;
}

.p-footer__inner {
    max-width: 1170px;
    margin: 0px auto;
}

.p-footer__content-wrap {
    display: flex;
    justify-content: space-between;
    /* width: 980px; */
    max-width: 1170px;
    margin: auto
}

@media print,screen and (min-width: 1069px) {
    .p-drawer-nav .submenu-btn {
        top:0
    }

    .p-footer {
        padding-top: 8rem
    }

    .p-footer__content-wrap {
        margin-bottom: 8rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-drawer-nav .submenu-btn {
        top:.6095rem
    }

    .p-footer {
        padding-top: 6rem
    }

    .p-footer__content-wrap {
        margin-bottom: 6rem
    }
}

@media screen and (max-width: 734px) {
    .p-drawer-nav .submenu-btn {
        top:.5295rem
    }

    .p-footer {
        padding-top: 4rem
    }

    .p-footer__content-wrap {
        margin-bottom: 4rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-footer__content-wrap {
        flex-direction:column;
        row-gap: 4rem;
        width: 53rem;
        padding: 0 4rem
    }
}

.p-footer__nav-wrapper {
    display: flex;
    column-gap: clamp(6rem,7.1856vw - 1.6742rem,12rem)
}

@media print,screen and (min-width: 1069px) {
    .p-footer__nav-wrapper {
        margin-bottom:4rem
    }

    .p-footer__nav-ul>li>a {
        margin-bottom: 3rem
    }
}

.p-footer__copy {
    padding: 1.3rem 0;
    font-size: 12px;
    color: #fff;
    background-color: var(--wp--preset--color--dark-gray-color);
    text-align: center;
}

.p-footer-logo {
    display: block;
    width: calc(100% - 8rem);
    max-width: 120rem;
    margin: 0px 0px 30px 0px;
}

.p-footer-logo img {
    width: auto;
    height: 3.8rem
}

.p-footer__attr-item:not(:last-child) {
    margin-bottom: 2rem
}



.p-footer__attr-desc {
    font-size: 14px;
}

.p-footer__attr-span {
    display: block
}

.p-footer__nav-outer-wrapper {
    display: flex;
    flex-direction: column
}

.p-footer__nav-ul>li>a {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.4rem;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.p-footer__nav-ul>li>a .p-nav-head__en,.p-footer__nav-ul>li>a .p-nav-head__ja {
    line-height: 1
}

.p-footer__nav-ul>li>a .p-nav-head__ja {
    margin-bottom: .25rem;
    font-size: 14px;
}

.p-footer__nav-ul>li>a .p-nav-head__en {
    font-size: 26px;
}

.p-footer__nav-ul>li>a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5rem;
    height: .1rem;
    content: "";
    background-color: #fff
}

@media print,screen and (min-width: 1069px) {
    .p-footer__nav-ul .sub-menu>li:not(:last-child) {
        margin-bottom: 6px;
    }

    .p-footer__nav-bottom {
        column-gap: 4rem
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-footer-logo {
        width:53rem
    }

    .p-footer__nav-ul>li>a {
        margin-bottom: 2rem
    }

    .p-footer__nav-ul .sub-menu>li:not(:last-child) {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 734px) {
    .p-footer-logo img {
        width:100%;
        max-width: 30rem;
        height: auto
    }

    .p-footer__nav-outer-wrapper {
        display: none
    }

    .p-footer__nav-ul .sub-menu>li:not(:last-child),.p-footer__nav-ul>li>a {
        margin-bottom: 1rem
    }
}

.p-footer__nav-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.p-footer__nav-bottom>li:not(:last-child) a {
    border-bottom: .1rem solid #fff
}

.p-footer__nav-bottom>li:last-child a {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    object-fit: cover;
    object-position: center
}

.p-footer__nav-bottom a,.p-footer__nav-ul a {
    transition: opacity .25s;
    color: #fff;
    text-decoration: none;
}

.p-footer__nav-bottom a:hover,.p-footer__nav-ul a:hover {
    opacity: .8
}


.p-archive-article {
    align-items: center;
    border-color: var(--wp--preset--color--main-font-color)
}

@media print,screen and (min-width: 1069px) {
    .p-archive-article {
        padding:3rem 0;
        gap: 0 2rem
    }

    .p-archive-article__title {
        overflow: hidden;
        white-space: nowrap
    }

    .p-archive-article__title h3 {
        width: calc(100% - 4rem);
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
    }
}

@media screen and (min-width: 735px)and (max-width:1068px) {
    .p-archive-article {
        padding:2rem 0;
        gap: 0 2rem
    }

    .p-archive-article__title {
        overflow: hidden
    }

    .p-archive-article__title h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width: 734px) {
    .p-archive-article {
        padding:1.5rem 0;
        gap: .5rem 0;
        align-items: flex-start
    }
}

.p-archive-article:first-of-type {
    border-top: .1rem solid var(--wp--preset--color--main-font-color)
}

.p-archive-article__attr-wrapper {
    display: flex;
    flex-shrink: 0;
    column-gap: 2rem;
    align-items: center
}

.p-archive-article__date {
    font-family: var(--wp--preset--font-family--cormorant);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: var(--wp--custom--typography--letter-spacing--medium);
    white-space: nowrap
}

.p-archive-article__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
}


.c-archive-tags {
    display: flex;
    column-gap: 2rem;
    align-items: center;
    white-space: nowrap
}

.c-archive-tags__li:not(.p-archive-recruit-article__tags) .c-archive-tags__li:not(:first-child) {
    display: none
}

.c-archive-tags__a {
    color: var(--wp--preset--color--main-font-color);
    background-color: rgba(0,0,0,0);
    border: .1rem solid var(--wp--preset--color--main-font-color);
    transition: color .25s,background-color .25s,border-color .25s;
    box-sizing: border-box;
    display: block;
    padding: .5rem 2rem;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: var(--wp--custom--typography--letter-spacing--small)
}

.c-archive-tags__a:hover {
    color: #fff;
    background-color: var(--wp--preset--color--main-theme-color);
    border-color: var(--wp--preset--color--main-theme-color)
}

@media screen and (max-width: 734px) {
   

    .c-archive-tags {
        column-gap: 1rem
    }

    .c-archive-tags__a {
        padding: .25rem 1rem;
        font-size: 1.2rem
    }
}


.l-archive-article {
    display: flex;
    column-gap: 4rem;
    align-items: center;
    padding: 5px 0;
    border-bottom: .1rem solid #000
}

.l-archive-article:first-child {
    border-top: .1rem solid #000
}

.l-archive-article__title {
    transition: opacity .25s
}

.l-archive-article__title:hover {
    opacity: .6
}

@media screen and (max-width: 734px) {
    .l-archive-article {        flex-direction:column;
        row-gap: 1em;
        align-items: flex-start
    }

    .l-archive-article__title {
        font-size: 1.8rem
    }
}




/* index-box */


.index-box-3 { display: block; zoom: 100%; clear: both; }


.index-box-3 {display: flex;max-width: 1170px;margin: 0px auto;flex-wrap: wrap;justify-content: space-between;}
.index-box-2 {display: flex;max-width: 1170px;margin: 0px auto;flex-wrap: wrap;justify-content: space-between;}


.index-box-3 dl.bl-hover {
	
}

.index-box-3 dl.bl-hover a { color: #D90000; }

.index-box-2 dl {
	width: 48%;
	margin: 0 0px 30px 0;
}
.index-box-2 dt {
}
.index-box-2 dt img{width: 100%;}

.index-box-3 dl {
	width: 31.333%;
}


.index-box-3 dl dt {
	display: block;
	line-height: 0;
}
.index-box-3 dl dt img{width: 100%;height: auto;}

.index-box-3 dl dd {
	display: block;
}
.index-box-2 dl dd p {
	display: block;
	font-size: 0.79em;
	line-height: 1.6;
	padding: 0 0 5px 0;
	margin:  0;
	border: none;
}
.index-box-2 dl dd p.date {
	display: block;
	font-size: 0.79em;
	line-height: 1.4;
	padding: 5px;
	background-color: #eee;
	text-align: right;
}
.index-box-3 dl dd {
	font-size: 1.1em;
	line-height: 1.6;
	padding: 5px 0 0 0;
}

.index-box-3 dl dd {
	font-size: 14px;
}

.blog-roll-big { display: block; zoom: 100%; clear: both; }
.blog-roll-big:after { display: block; clear: both; content: " "; }

.blog-roll-big {
	display: block;
	height: 200px;
}
.blog-roll-big dt {
	display: block;
	height: 200px;
	width: 300px;
	float: left;
}
.blog-roll-big dd {
	display: block;
	height: 200px;
	width: 310px;
	float: right;
}
.p-cta__flex-wrapper::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.1rem;
    height: 100%;
    content: "";
    background-color: #000000;
    transform: translateX(-50%);
}
.p-cta__link::after {
    display: inline-block;
    font-family: "Material Icons";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: "liga";
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: text-bottom;
    content: ">";
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 1rem;
}
.top-service {margin: 60px 0px;}
.top-service h1 { border-left: solid 10px #026DB7; }


.top-service .index-box-3 dl {
	font-size: 14px;
	padding: 0px 0px 30px 0px;
}

.top-emergency {margin: 0px auto;max-width: 1170px;}
.top-emergency a {}
.top-emergency a img{
    width: 100%;
}

.top-service .p-cta__head-en,
.top-service .p-cta__head-ja {
	/* color:#000; */
	font-weight: bold;
}
.sidecatlink {}

@media screen and (max-width: 734px) {
    .p-top-common-head::after {
        width:100%
    }

    .p-top-common-head__en {
        font-size: 28px;
    }

    .p-top-hero__logo {
        height: 6rem
    }
	.p-top-new__archive-wrap {
    margin: 0px 0px 0px 0px;
}.p-archive-article__date {
    font-size: 14px;
}
	.l-archive-article__title h3 {
    margin: 0;
    font-size: 16px;
}
	.p-archive-article{
    display: block;
}
	.l-archive-article {}
.p-cta__head-en {
    font-size: 28px;
}
.p-cta__flex-wrapper::after {
	display:none;
}
	
}