@charset "UTF-8";

@media screen and (min-width: 768px),print {



/* main{ width: 1100px; margin: 0 auto 30px auto; } */
/* 3枚表示のbxslider
-------------------------------------*/
/* system-common */
.page-list { font-size: 16px; margin: 50px 0 100px;  text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.page-list li{ background: #eeefef; display: inline-block; border: #dcdddd 1px solid; }
.page-list li.active { background: #231815; color: #fff; }
.page-list li.active a { color: #fff; }
.current.page-numbers{padding: 12px;display: inline-block;}
.page-list a { padding: 12px; display: inline-block; }
.pagen{width: 100%;margin: 0 auto 30px auto;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;max-width: 1000px;width: 95%;margin-inline: auto;padding: 50px 0 15px;display: grid;grid-template-columns: repeat(2,1fr);gap: 0 24px;}
.page-navi { font-size: 16px;display: flex;align-items: center;text-align: start;}
.page-navi li { display: inline-block;  }
.page-navi li.active { background: #ccc; }
.page-navi a { padding: 8px; display: inline-block; }
.page-navi .fast { margin-right: 0px; }
.page-navi .last { }
.page-navi .fast::after {  content: "|";  display: inline-block;  margin: 0 5px; }
.pagen .list{max-width: 100%; width: 100%;margin: 0;text-align: end;}
.pagen .list a{ margin: 0 auto; color: #fff; padding: 7px 30px; font-size: 16px; text-align: center; display: inline-block; background: #000; }
.pagen .list a:hover{ background: #666; text-decoration: none; }
.btnArea { text-align: center; margin: 50px 0 20px; padding: 0; }
.btnArea a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 20px 50px; font-size: 16px; text-align: center; display: block; background: #000; letter-spacing: 1px; width: 60%;}
.btnArea a:hover{ background: #666; text-decoration: none; }
.btnArea-s { text-align: center;}
.btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 16px; text-align: center; display: inline-block; background: #000; letter-spacing: 1px;}
.btnArea-s a:hover{ background: #666; text-decoration: none; }
.btnArea-s::after{  content: ''; display: block; margin-bottom: 100px;}

.borderwrap{ width: 1200px; margin: 0 auto 40px; }
.borderwrap h3{ font-size: 18px; font-weight: bold;  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; line-height: 1.6; }
.borderwrap p{ font-size: 16px; line-height: 1.8;}

.taxttl{text-align: center;font-size: 22px;margin-bottom: 20px;font-weight: bold;padding: 30px 0 0 0;}
.system-gallery { background: #eeefef; padding: 30px 20px;}
h2.gallery-ttl {text-align: center;margin-top: 40px;margin-bottom: 30px;}
.gallery-list{max-width: 1150px;width: 95%;margin-inline: auto;display: grid;grid-template-columns: repeat(3,minmax(0, 1fr));gap: 40px 24px;}
.gallery-list figure.wp-block-image{width: 23%!important;max-width: 23%!important;position: relative!important;margin: 0 1.2% 25px 0!important;font-size: 14px;line-height: 1.4;display: block!important;}
.gallery-list figure.wp-block-image:nth-of-type(4n) { margin-right: 0!important;}
.gallery-list figure.wp-block-image a:hover{ text-decoration: none; }
.gallery-list figure.wp-block-image { display: block; width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 8px;}
.gallery-list figure.wp-block-image::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; bottom: 0px; right: 0;}
.gallery-list figure.wp-block-image img{width: 100%!important;height: 180px!important;}
.wp-block-image
.caption{font-size: 14px;letter-spacing: 0.12em;line-height: 1.8;}

.systemtab-list { margin-bottom: 30px; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1.6;}
.systemtab-list li{ flex-basis:50%; display: flex; border: #ccc 1px solid; margin-bottom: -1px; }
.systemtab-list li .systemtab-list-ttl{ flex-basis:33%; padding: 5%; background: #f8f8f8; }
.systemtab-list li p{ flex-basis:67%;  padding: 5%; background: #fff;}
.systemtab-list li:nth-of-type(2n) { margin-left: -1px;}
.other-ttl{text-align: center;/* border-bottom: 1px dotted #333; *//* padding-bottom: 20px; */margin-bottom: 20px;font-weight: bold;font-size: 22px;}
.other-ttl span{display: block;font-size: 16px;}
#search-area{ background: #f8f8f8; border: #ccc solid 1px; padding: 40px; margin-bottom: 30px; }
#search-area .works-search{width: 400px!important;height:50px;padding-top: 5px!important;overflow: hidden;display: block;margin: 0 auto;border: 0;background: #333;color: #fff;font-size: 18px;border-radius: 10px;}
#search-area .sh-ttl{ font-size: 16px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 500; border-bottom: 1px dotted; padding-bottom: 10px; margin-bottom: 20px; }
#search-area .shbox{ margin-bottom: 30px; }

p.sub-title1{font-size: 24px; position: absolute; top: 10px;left: 0;}
p.sub-title1 .span1{font-size: 14px; position: absolute; left: 40px; top: -15px}
p.sub-title1 .span2{font-size: 40px; position: absolute; left: 100px; top: -15px}
.seo_bread_list{max-width: 1200px;width: 95%;padding: 32px 0;margin: 0 auto;font-size: 16px;line-height: 1.8;text-align: start;position: relative;z-index: 10;}
body#catalog #panlistid {color: #fff; }
body#catalog #panlistid span[property="name"] {color: #fff; }
body#contact #panlistid {color: #fff; }
body#contact #panlistid span[property="name"] {color: #fff; }
.catebox{  width: 1100px;margin: 0 auto;position: relative;}
.serchcategory1{    position: relative; margin-left: 172px;}
.serchcategory1 .icon {width: 150px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; color: #fff;}
.serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}

.cate-list {margin-bottom: 82px;text-align: center;margin: 0 auto 82px;}
.cate-list .cate-ttl{/* border-bottom: 1px dotted #333; */padding-bottom: 10px;margin-bottom: 77px;font-size: 22px;font-weight: bold;width: 75%;margin: 0 auto 30px;}
.cate-list span{display: inline-block;margin: 0 40px 40px 0;}
.cate-list span.design a::before{background: url(../images/works/cate_icon1.svg) no-repeat center center / contain; width: 97px;height: 43px;content: "";position: absolute;  top: -30px;left: 50%;transform: translateX(-50%);}
.cate-list span.performance a::before{background: url(../images/works/cate_icon2.svg) no-repeat center center / contain; width: 73px;height: 43px;content: "";position: absolute;  top: -30px;left: 50%;transform: translateX(-50%);}
.cate-list span.heart a::before{background: url(../images/works/cate_icon3.svg) no-repeat center center / contain; width: 49px;aspect-ratio:1; content: "";position: absolute;  top: -30px;left: 50%;transform: translateX(-50%);}
.cate-list span.good a::before{background: url(../images/works/cate_icon4.svg) no-repeat center center / contain; width: 110px;height: 51px;content: "";position: absolute;  top: -35px;left: 50%;transform: translateX(-50%);}
.cate-list span.other a::before{background: url(../images/works/cate_icon5.svg) no-repeat center center / contain;width: 62px;height: 48px;content: "";position: absolute;top: -27px;left: 50%;transform: translateX(-50%);}

.cate-list span a{display: inline-block; font-size: 20px;font-weight: bold;line-height: 1.6;letter-spacing: 0.04em;border: 1px solid #707070;border-radius: 34px;width: 289px; height: 67px;padding: 20px; position: relative;}
.cate-list span a:hover{ text-decoration: none; }

.cate-list span:last-child{margin:0 0 0 0;}
.cate-list.newsblog span a{background: #E7322F;color: #fff;padding: 10px 50px 10px 50px;height: auto;width: auto;border: none;border-radius: 0;}

#newsblog .cate-list {margin-bottom: 82px;width: 1200px;padding: 15px 0 20px 0;border: 1px solid #aaa;text-align: center;margin: 0 auto 82px;}
#newsblog .cate-list .cate-ttl{/* border-bottom: 1px dotted #333; */padding-bottom: 10px;margin-bottom: 77px;font-size: 22px;font-weight: bold;width: 75%;margin: 0 auto 0px;}
#newsblog .cate-list span{display: inline-block;margin: 0 15px 0 15px;}
#newsblog .cate-list span.design a::before{background: url(../images/works/cate_icon1.svg) no-repeat center center / contain; width: 97px;height: 43px;content: "";position: absolute;  top: -30px;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span.performance a::before{background: url(../images/works/cate_icon2.svg) no-repeat center center / contain; width: 73px;height: 43px;content: "";position: absolute;  top: -30px;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span.heart a::before{background: url(../images/works/cate_icon3.svg) no-repeat center center / contain; width: 49px;aspect-ratio:1; content: "";position: absolute;  top: -30px;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span.good a::before{background: url(../images/works/cate_icon4.svg) no-repeat center center / contain; width: 110px;height: 51px;content: "";position: absolute;  top: -35px;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span a{display: inline-block;font-size: 20px;font-weight: bold;line-height: 1.6;letter-spacing: 0.04em;/* border: 1px solid #707070; *//* border-radius: 34px; */width: auto;/* height: 67px; */padding: 10px 40px 10px 40px;position: relative;}
#newsblog .cate-list span a:hover{ text-decoration: none; }


.tag-list { background: #f8f8f8; margin-bottom: 20px; padding: 20px; }
.tag-list .tag-ttl{border-bottom: 1px dotted #333;padding-bottom: 10px;margin-bottom: 20px;font-size: 22px;font-weight: 700;}
.tag-list span{ display: inline-block; margin-right: 20px; }
.tag-list span a{display: inline-block;  padding: 10px 20px; border: 1px solid #333; }
.tag-list span a:hover{ text-decoration: none; }

.system-contents{max-width: 1770px;width: 95%;margin-inline: auto;background: #fff;padding: 10px 0 30px;position: relative;}
.system-contents-inner{max-width: 1000px;width: 95%;margin-inline: auto;position: relative;}
.system-pic.fit {/* margin-bottom: 15px; */}
.num-bx{max-width: 1000px;width: 95%;margin-inline: auto;/* position: relative; */}
.system-contents iframe{ width: 100%; height: 400px; }
.system-contents .mapbox{  }
.system-contents .mapbox .mapttl{ margin-top: 30px; }
.system-contents .mapbox iframe{ width: 100%; height: 400px; }
.system-tblbox { margin-top: 40px; }
.system-tblbox tr td:nth-child(1){ width: 15%; background: #f8f8f8; font-size: 16px; font-weight: 700;  }
.system-tblbox tr td:nth-child(2){ width: 35%; background: #fff; font-size: 16px;  }
.system-tblbox tr td:nth-child(3){ width: 15%; background: #f8f8f8; font-size: 16px; font-weight: 700;  }
.system-tblbox tr td:nth-child(4){ width: 35%; background: #fff; font-size: 16px;  }

/* voice -------------------------------------*/
#voice .system-list{ background: #eeefef; padding: 41px 21px 21px; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#voice .system-list li{ line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
#voice .system-list li:nth-child(3n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }

#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#voice .system-list .btn::after { content: ' >';}
#voice .system-pic{ width: 100%; height: 240px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#voice .system-pic img{ width: 100%; height: 240px; }
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-date::before{ content: "■"; }
#voice .system-name{ font-size: 16px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#voice .system-ttl-01{ font-size: 16px; margin-bottom: 20px; line-height: 1.4; }
#voice .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#voice .system-category{ margin-bottom: 1px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
#voice .serchcategory{ margin-bottom: 100px;}
#voice .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#voice .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#voice .system-contents{ padding: 40px 20px; margin-bottom: 30px; }
#voice .system-contents-inner { background: #fff; padding: 40px 20px;}
#voice .system-contents .system-date{ font-size: 16px; margin-bottom: 15px; display: block; }
#voice .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0;}
#voice .system-contents .system-category{ margin-bottom: 20px; font-size: 14px; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
#voice .system-contents .system-ttl{ font-size: 20px; font-weight: bold;  margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; }
#voice .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
#voice .system-contents .system-i-pic img{max-width: 100%;width: auto;height: auto;}

#voice .system-list02{ background: #eeefef; padding: 41px 21px 21px; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#voice .system-list02 li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
#voice .system-list02 li:nth-child(4n){ margin-right: 0}
#voice .system-list02 li a:hover{ text-decoration: none; }
#voice .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#voice .system-list02 .btn::after { content: ' >';}
#voice .system-list02 .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#voice .system-list02 .system-pic img{ width: 100%; height: 180px; }
#voice .system-list02 .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-list02 .system-date::before{ content: "■"; }
#voice .system-list02 .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#voice .system-list02 .system-ttl-01{ font-size: 16px; margin-bottom: 20px; line-height: 1.4; }

.voice-frame{padding: 40px 0px 50px 0px;}
.system-i-pic{text-align: center;margin: 0 0 0px 0;}
.system-i-pic img{ width:auto !important; height: auto !important;}


.p-archive-voice{background: #fff;}
.archive-voice__items{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;}
.single-voice__items{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;max-width: 1000px;width: 95%;margin-inline: auto;}
.system-pic.fit.voice img {width: 100%;height: 100%;/* margin-bottom: 20px; */}
.archive-voice__items li a{position: relative;}
.single-voice__items li a{position: relative;}
.voice_area {width: fit-content;color: #fff;background: #E7322F;font-size: 16px;font-weight: bold;letter-spacing: 0.08em;padding: 8px 25px;position: absolute;top: 0;left: 0;}
.voice_area.single {margin: auto;position: static;top: 50px;/* width: 100%; */margin-bottom: 20px;}
.voice_name{font-size: 18px;line-height: 1.6;letter-spacing: 0.04em;margin-bottom: 5px;}
.voice_name.single{text-align: center;font-size: 28px;font-weight: bold;letter-spacing: 0.06em;margin-bottom: 22px;}
.system-ttl-01.voice_ttl{font-size: 20px;font-weight: bold;letter-spacing: 0.1em;line-height: 1.7;}
.system-ttl-01.voice_ttl.single{font-size: 16px;}
.system-i-pic.fit{margin-bottom: 32px;}
#main-voice {max-width: 1770px;width: 95%;margin-inline: auto;background: #fff;padding: 40px 0 80px;margin-bottom: 80px;}


/* faq -------------------------------------*/
#faq{background: #fff;}
.p-faq{margin-bottom: 183px;}
#faq .system-ttl-01 {position: relative;background: #E7322F;color: #fff;padding: 31px 100px 20px;font-size: 24px;font-weight: bold;}
#faq .system-ttl-01:before{content: "";position: absolute;background: url(../images/faq/q.svg) no-repeat center center / contain;width: 59px;height: 47px;top: 18px;left: 18px}
#faq .txt{position: relative;background:#F2F2F2;padding: 24px 100px;font-size: 20px;/* line-height: 1.6 !important; */}
#faq .txt:before{content: "";position: absolute;background: url(../images/faq/a.svg) no-repeat center center / contain;width: 59px;height: 47px;top: 18px;left: 18px}

/* blog -------------------------------------*/
/*patern1*/
#blog .mainContents { width: 75%; float: right; }
/*patern2*/
#blog .mainContents .system-list2{background: #eeefef;padding: 40px 20px 20px;margin-bottom: 50px;}
#blog .mainContents .system-list-inner2{ background: #fff; padding: 40px 20px;}
#blog .mainContents .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
#blog .mainContents .system-list2 li a:hover{ text-decoration: none; }
#blog .mainContents .system-list2 .system-pic{ width: 20%; float: left; }
#blog .mainContents .system-list2 .system-pic img{ max-width: 100%; height: auto; }
#blog .mainContents .system-list2 .textbx{width: 78%;float: left;margin-left: 2%;}
#blog .mainContents .system-list2 .system-date{ margin-bottom: 10px;font-size: 14px; line-height: 1.4; }
#blog .mainContents .system-list2 .system-date::before{ content: "■"; }
#blog .mainContents .system-list2 .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#blog .mainContents .system-list2 .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
/**/
#blog .system-category span {margin-bottom: 5px;padding: 4px;display: inline-block;color: #fff;text-align: center;font-size: 14px;margin-right: 10px;}
#blog .cate01{ background: #000; }
#blog .cate02{ background: #111; }
#blog .cate03{ background: #222; }
#blog .cate04{ background: #333; }
#blog .cate05{ background: #444; }
#blog .cate06{ background: #555; }
#blog .mainContents .system-contents{ background: #eeefef; padding: 40px 20px; margin-bottom: 30px; }
#blog .mainContents .system-contents-inner { background: #fff; padding: 40px 20px;}
#blog .mainContents .system-contents .system-date{ font-size: 1em; margin-bottom: 15px; display: block; }
#blog .mainContents .system-contents .system-date::before{ content: "■"; }
#blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px;}
#blog .mainContents .system-contents .system-category{ font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; width: 20%; float: right; margin-right: 2px; background: #ccc;}
#blog .mainContents .system-i-pic{ text-align: center; margin-bottom: 8%; }
#blog .mainContents .system-i-pic img{max-width: 100%;width: auto;height: auto;}
#blog .mainContents .system-ttl{font-size: 26px;font-weight: bold;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px #ccc solid;line-height: 1.4;}
#blog .mainContents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc;}
#blog .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right;}

/*blogサイドバー*/
#blog aside.sidebar { width: 23%; float: left; }
#blog aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
#blog aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc;}
#blog aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
#blog aside.sidebar .list-block { margin: 20px 0 40px;}
#blog aside.sidebar .acbox a {line-height: 1.4;font-size: 0.875rem;border-bottom: 1px dotted #ddd;padding-bottom: 15px;margin-bottom: 15px !important;display: block;}

#sidebar .widget_calendar { margin-bottom: 40px;}
table#wp-calendar {table-layout: fixed;width: 100%;margin: 5px auto 0 auto;padding: 0;border-collapse: collapse;border-spacing: 0;font-size: 12px;margin-bottom: 30px;}
table#wp-calendar caption {margin: 10px 0 0 0;padding: 10px;width: auto;text-align: center;font-weight: bold;background-color: #fff;border: thin solid #eee;border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;}
table#wp-calendar #today {display: block;font-weight: bold;background-color: #cef;z-index: 1;}
table#wp-calendar .pad {font-weight: bold;background-color: #eee;}
table#wp-calendar th,table#wp-calendar td {padding: 7px 0;vertical-align: middle;text-align: center;}
table#wp-calendar td {line-height: 1.8;border: thin solid #eee;background-color: #fff;}
table#wp-calendar th {font-style: normal;color: #333;border-left: thin solid #eee;border-right: thin solid #eee;background-color: #f0f0f0;}
table#wp-calendar a { font-size: 12px; color: #00a0dd; padding: 0; text-decoration: underline;}

/*newsblog*/
.archive-newsblog{display: grid;grid-template-columns: repeat(2,1fr);gap: 32px;max-width: 1200px;width: 95%;margin-inline: auto;padding: 0 0 60px 0;}
.archive-newsblog__items {background: #fff;padding: 16px 15px 16px 20px;}
.archive-newsblog__items a {display: grid;grid-template-columns: minmax(calc( 215 / 622 * 100%),215px) 1fr;gap: calc(25 / 622 * 100%);}
#newsblog .system-pic.fit img {width: 100%;height: 140px;object-fit: cover;}
.newsblog-category{position: absolute;top: 38px !important;left: 150px !important;/* margin: 0 0 5px 0; */}
.system-category.newsblog span{ font-size: 16px !important;}
.newsblog-ttl{ text-align: left;}
#newsblog .system-contents .system-category span.newsblog-category span{padding: 0px 0px 0px 0px;}
#newsblog .newsblog-ttl{text-align: left;font-size: 26px;padding: 0 0 10px 0;margin: 0 0 40px 0;}
#newsblog .newsblog-detail-photo{text-align: center;margin: 0 0 40px 0;}
#newsblog .newsblog-detail-photo img{width: auto;max-height: 550px;max-width: 100%;}

.newsblog-right{ position: relative;}
.newsblog-right .newsblog-category{ position:static;}

/* staff -------------------------------------*/
#staff .system-list{ max-width: 1280px;width: 95%;margin-inline: auto;display: grid;grid-template-columns: repeat(4,1fr);gap: 40px;padding: 100px 0;}
#staff .system-list.other-staff{padding: 0;}

#staff .system-list li{ line-height: 1.4; }
#staff .system-list li:nth-child(4n){ margin-right: 0}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0%;}
#staff .system-list .btn::after { content: ' >';}
#staff .system-pic{ aspect-ratio: 1 / 1;background: url(../images/index/staff_bg.png) no-repeat center center / contain;margin-bottom: 17px;  }
#staff .system-pic img{ width: 100%; height: 100%; object-fit: cover;border-radius: 50%;padding: 32px;}
#staff .system-job{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; text-align: center;}
#staff .system-name{ font-size: 16px; margin-bottom: 30px; line-height: 1.4; text-align: center; font-weight: bold;}
#staff .system-kana{ font-size: 14px; margin-bottom: 15px; line-height: 1.4; }

#staff .system-list02{ background: #eeefef; padding: 41px 21px 21px; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#staff .system-list02 li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
#staff .system-list02 li:nth-child(4n){ margin-right: 0}
#staff .system-list02 li a:hover{ text-decoration: none; }
#staff .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#staff .system-list02 .btn::after { content: ' >';}
#staff .system-list02 .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#staff .system-list02 .system-pic img{ width: 100%; height: 180px; }
#staff .system-list02 .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#staff .system-list02 .system-date::before{ content: "■"; }
#staff .system-list02 .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#staff .system-list02 .system-ttl-01{ font-size: 16px; line-height: 1.4; text-align: center; font-weight: bold;}

#staff .system-contents{background: #eeefef;padding: 40px;margin-bottom: 90px;max-width: 1200px;width: 95%;margin-inline: auto;}
#staff .system-contents-inner { background: #fff; padding: 80px;}
#staff .system-contents .system-info { width: 46%; float: left; }
#staff .system-contents .system-job{ font-size: 16px; color: #fff; margin-bottom: 15px; line-height: 1.4; border-bottom: 1px solid #ccc; padding-bottom: 30px; text-align: left; background: #949494; padding: 10px 15px; display: inline-block;}
#staff .system-contents .system-name{ font-size: 32px; line-height: 1.4; text-align: left;}
#staff .system-contents .system-kana{ font-size: 16px; margin-bottom: 15px; line-height: 1.4; }
#staff .system-contents .system-comment{ font-size: 16px; margin-bottom: 25px; line-height: 1.6; }
#staff .system-contents .num-bx{width: 46%;float: right;padding-top: 90px;}

#staff .system-contents .system-ttl{font-size: 30px;font-weight: 700;text-align: left;margin-bottom: 10px;}
#staff .system-contents .system-ttl.single-staff{color: inherit;}

#staff .system-contents .comment-bx{ }
#staff .system-contents .comment-bx table{ }
#staff .system-contents .comment-bx tbody{ }
#staff .system-contents .comment-bx tr{ }
#staff .system-contents .comment-bx th{font-size: 16px; letter-spacing: 1px; width: 25%; border: 1px solid #ccc; padding: 5px 0; background: #949494; color: #fff; vertical-align: middle;}
#staff .system-contents .comment-bx td{font-size: 16px; width: 40%; border: 1px solid #ccc; padding: 5px 15px; vertical-align: middle;}
#staff .system-contents .system-i-pic{width: 50%;float: left;text-align: center;margin-bottom: 50px;}
#staff .system-contents .system-i-pic img{max-width: 100%;max-height: 650px;width: auto;height: auto;}
#staff .system-contents .wys-ttl{ width: 100%; margin: 30px auto; padding: 15px 30px; font-size: 18px; color: #959595; font-weight: bold; background: #f1f1f1;}

#staff .system-contents1{ background: #eeefef; padding: 40px; margin-bottom: 30px; }
#staff .system-contents1-inner { background: #fff; padding: 80px;}
#staff .system-contents1 .system-info { width: 60%; margin-right: 30px; float: left;}
#staff .system-contents1 .system-job{ font-size: 16px; color: #fff; margin-bottom: 15px; line-height: 1.4; border-bottom: 1px solid #ccc; padding-bottom: 30px; text-align: left; background: #949494; padding: 10px 15px; display: inline-block;}
#staff .system-contents1 .system-name{ font-size: 20px; line-height: 1.4; text-align: left;}
#staff .system-contents1 .system-kana{ font-size: 16px; margin-bottom: 15px; line-height: 1.4; }
#staff .system-contents1 .system-comment{ font-size: 16px; margin-bottom: 25px; line-height: 1.6; }
#staff .system-contents1 .comment-bx{ }
#staff .system-contents1 .comment-bx table{ }
#staff .system-contents1 .comment-bx tbody{ }
#staff .system-contents1 .comment-bx tr{ }
#staff .system-contents1 .comment-bx th{font-size: 16px; letter-spacing: 1px; width: 10%; border: 1px solid #ccc; padding: 5px 0; background: #949494; color: #fff; vertical-align: middle;}
#staff .system-contents1 .comment-bx td{font-size: 16px; width: 40%; border: 1px solid #ccc; padding: 5px 15px; vertical-align: middle;}
#staff .system-contents1 .system-i-pic{ width: 35%; float: right; text-align: center; margin-bottom: 20px;}
#staff .system-contents1 .system-i-pic img{ max-width: 100%; max-height: 300px; width: auto; height: auto; }
#staff .system-contents1 .wys-ttl{ width: 100%; margin: 30px auto; padding: 15px 30px; font-size: 18px; color: #959595; font-weight: bold; background: #f1f1f1;}
#staff .system-ttl{text-align: center;font-size: 30px;font-weight: bold;color: #fff;padding-bottom: 0;border: none;margin-bottom: 10px;}

.priv-title{ text-align: center; margin-bottom: 20px; }
.priv-text{ padding: 20px; overflow-y:scroll; height: 250px; border:#ccc solid 1px; margin-bottom: 30px; background: #fff;max-width: 1000px;width: 100%;margin-inline: auto;}
.priv-text .priv-ttl{ margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.priv-text p{ margin-bottom: 20px; font-size: 13px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; }
.priv{ text-align: center; margin-bottom: 30px; }
.priv-text .tt{ margin-bottom: 10px;  font-size: 20px; color: #333; font-weight: bold; }

.staff_occ {font-size: 20px;line-height: 1.6;letter-spacing: 0.02em;font-weight: bold;text-align: center;color: #fff;margin: 0 0 10px 0;}
.staff_txt{font-size: 16px;line-height: 1.6;letter-spacing: 0.04em;font-weight: normal;color: #fff;text-align: left;margin-bottom: 15px;}
.staff_occ.single-staff {color: inherit;text-align: start;}
.staff_txt.single-staff {color: inherit;text-align: start;}
.staff_occ.other-staff {color: inherit;font-size: 16px;margin: 0 0 7px 0;}
.staff_txt.other-staff {color: inherit;font-size: 18px;}
#staff .system-contents .system-ttl.other-staff {color: inherit;font-size: 21px;margin: 0 0 8px 0;text-align: center;}
main.archive-staff{background: #292929;}

/* works -------------------------------------*/
#works .system-list {display: grid;grid-template-columns: repeat(4,1fr);gap: 100px 20px;max-width: 1672px;width: 95%;margin-inline: auto;}
#works .system-list li{position:relative;}
#works .system-pic.fit img {width: 100%;height: 226px;}
#works .works_area {background: #929292;color: #fff;font-size: 14px;font-weight: bold;letter-spacing: 0.12em;text-align: center;margin-bottom: 20px;padding: 4px 0 5px;/* line-height: 1.6; */}
#works .works_name {font-weight: bold;font-size: 17px;letter-spacing: 0.06em;}
#works .works_strong{font-size: 14px;line-height: 2;letter-spacing: 0.08em;}
#works .system-pic.fit{margin-bottom: 0px;}
#works .num-bx {padding: 70px 0 0;/* position: relative; */}
#works .system-ttl.works_name{font-size: 28px;font-weight: bold;letter-spacing: 0.06em;line-height: 1.6;margin-bottom: 22px;text-align: center;}
#works .works_area_single {text-align: center;	margin-bottom: 40px;font-size: 18px;font-weight: bold;letter-spacing: 0.12em;}
#works .works_name_single {text-align: center;font-size: 28px;font-weight: bold;letter-spacing: 0.06em;margin-bottom: 50px;padding-bottom: 0;border: none;}
#works .works_strong_single {text-align: start;font-size: 18px;line-height: 1.5;letter-spacing: 0.08em;padding-bottom: 20px;border-bottom: 1px solid #000000;margin-bottom: 72px;}
#works .system-ttl-02 {text-align: center;margin-bottom: 10px;}
#main-works {padding: 64px 0 160px;}
#works .works_youtube_single {aspect-ratio: 1100/667; padding: 39px 50px 65px;	background: #F2F2F2;	margin-bottom: -50px;}
#works .works_youtube_single iframe {width: 100%;height: 480px;}
#works .cate-list {max-width: 1770px;width: 95%;margin-inline: auto;background: #fff;padding: 40px 0;}

#works .p-archive-works .bunner-frame{text-align: center;margin: -30px 0 35px 0;}
#works .p-tax-works .bunner-frame{text-align: center;margin: -25px 0 55px 0;}

.p-tax-works{margin-bottom: 100px;}
.single-works{
    top: -30px !important;
    left: 0px !important;
    position: relative !important;
    margin: 0 auto;
    display: block !important;
    text-align:  center !important;
}

.p-works__item-new {position: absolute;top: 226px;right:0;background: #E7322F;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 1.68px;line-height: 0;/* margin-bottom: 19px; */padding: 9px 14px 9px;text-align: center;}
.p-works__item-new img{width: 85% !important;height: auto !important;}

/* recruit -------------------------------------*/
#recruit .system-list{max-width: 1280px;width: 95%;margin-inline: auto;display: grid;grid-template-columns: repeat(2,1fr);gap: 24px;}
#recruit .system-ttl{padding-bottom: 0;border: 0;margin-bottom: 16px;}
#recruit .recruit_detail{text-align: left;margin-bottom: 24px;}
#recruit .single-recruit__wrap {max-width: 1100px;width: 95%;margin-inline: auto;}
#recruit .system-ttl{font-size: 24px;font-weight: bold;letter-spacing: 2.4px;line-height: 1.6;margin-bottom: 8px;text-align: left;}
#recruit .recruit_txt{font-size: 16px;line-height: 1.6;text-align: left;margin-bottom: 24px;}
#recruit .system_txt2{font-size: 16px;line-height: 1.6;margin-bottom: 56px;text-align: center;}
#recruit .systemtab-list-recruit{display: grid;grid-template-columns: 30% 70%;border-top: 1px solid #E6E7D8;;border-right: 1px solid #E6E7D8;;border-left: 1px solid #E6E7D8;;margin-bottom: 24px;}
#recruit .systemtab-list-recruit dt{background: #F5F5F1; font-size: 14px;font-weight: bold; letter-spacing: 1.4px; margin: 0; padding: 0; padding: 25px 40px 30px; text-align: start;border-bottom: 1px solid #E6E7D8;}
#recruit .systemtab-list-recruit dd{padding: 0;margin: 0;border-bottom: 1px solid #E6E7D8;padding: 25px 40px 30px;font-size: 14px;letter-spacing: 1.4px;}
#recruit .system-list{display: grid;grid-template-columns: repeat(2,1fr);gap: 24px;padding: 0 0 100px 0;}
#recruit .wysiwyg p {max-width: 1000px;width: 95%;margin: auto;}
#recruit .system-i-pic.fit{text-align: center;}
#recruit .system-contents {margin-bottom: 80px;padding: 70px 0 15px 0;width: 100%;}
#recruit .system-pic{margin: 0 0 20px 0;}
#recruit .system-pic img{width: 100%;height: 380px;}

/* form -------------------------------------*/
.form-Box {background: #fff;padding: 80px 0 60px;max-width: 1200px;width: 100%;margin-inline: auto;}
.form-Box .form-Box-inner{ background: #fff; padding: 20px 0px 40px;}
.form-Box .form-list { font-size: 16px; margin-bottom: 30px;}
.form-Box .error { margin-bottom: 16px;}
.form-Box .attention-color { color: #f00;}
.form-Box .form-list li { padding-left: 16px; text-indent: -16px; margin-bottom: 3px; }
.form-Box table {border: 1px solid #dcdddd;margin-bottom: 50px;font-size: 16px;line-height: 1.6;max-width:1000px; width: 100%; margin-inline: auto; border-collapse: collapse;}
.form-Box th { border: 1px solid #d1d1d1; text-align: left; width: 33%; background-color: #EDEDEA; padding: 20px 0 20px 35px; vertical-align: top;font-size: 18px;font-weight: bold;letter-spacing: 0.05em;line-height: 1.6;position: relative;}
.form-Box th.required::after{ content: "【必須】"; color: #A11100;font-size: 16px; line-height: 2; letter-spacing: 0.05em;position: absolute;right: 35px;}
.form-Box th span{font-size: 14px;}
.form-Box td { border: 1px solid #d1d1d1; text-align: left; width: 67%; padding: 21px; vertical-align: top; }
.form-Box td img { max-width: 100%; height: auto;}
.form-Box .from-btn-01 { text-align: center; }
.form-Box .from-btn-02 { margin-top: 24px; width: 900px; margin-left: auto; margin-right: auto; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.form-Box .button {border: 0;padding: 0;margin: 0;text-align: center;}
.form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8;}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box input[type="datetime-local"],
.form-Box select,
.form-Box textarea { font-size: 15px; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-Box textarea {width: 100%; min-height: 120px;}
.btn-confirm{ text-align: center; }
button.btn-type01{background:#000; max-width: 460px;width: 100%;height:80px;margin: 0 auto!important;font-size: 18px;font-weight: bold;line-height: 1.6;letter-spacing: 0.05em;color: #fff;border-radius: 40px;position: relative;}
button.btn-type01::after{content: url(../images/contact/btn.svg);position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
button.btn-type02{background:#707070; max-width: 460px;width: 100%;height:80px;margin: 0 auto!important;font-size: 18px;font-weight: bold;line-height: 1.6;letter-spacing: 0.05em;color: #fff;border-radius: 40px;position: relative;}
button.btn-type02::before{content: url(../images/contact/btn_rvs.svg);position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
button.btn-type03{background:#E7322F;max-width: 460px;width: 100%;height:80px;margin: 0 auto!important;font-size: 18px;font-weight: bold;line-height: 1.6;letter-spacing: 0.05em;color: #fff;border-radius: 40px;position: relative;}
button.btn-type03::after{content: url(../images/contact/btn.svg);position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}

.mw_wp_form_confirm .confirm-hidden {display: none;}
.btn-send{display: grid;grid-template-columns: repeat(2,1fr);gap: 0 24px;max-width: 1000px;width: 95%;margin-inline: auto;text-align: center; }
.btn-item{display: inline-block;}

.form-tyuui{ padding: 10px 0px 0px 0px; font-size: 15px; line-height: 1.6; letter-spacing: 1px; color: #E7322F; }



.p-catalog__form {
	background: #F2F2F2;
	padding: 110px 0 198px;
}
.l-inner.catalog-form {
	margin-inline: auto;
	max-width: 1200px;
	width: 95%;
}
.formttl {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1.8px;
	line-height: 1.6;
	margin-bottom: 41px;
	text-align: center;
}
.list {
	margin-inline: auto;
	max-width: 1000px;
	width: 95%;
	margin-bottom: 42px;
}
.list li {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1.28px;
	line-height: 2.25;
}
.list li span {
	color: #E7322F;
}
.form-all-Box {
	margin-inline: auto;
	max-width: 1000px;
	width: 95%;
}


.l-inner.page-contact {
	margin-inline: auto;
	max-width: 1200px;
	width: 95%;
}
.system-contents__inner {
	max-width: 1770px;
	width: 95%;
	margin-inline: auto;
	background: #fff;
}
.system-i-pic img {
	max-width: 1000px;
	width: 100%;
	max-height: 513px;
	object-fit: cover;
}
.system-contents__inner1 {
	max-width: 1000px;
	width: 95%;
	margin-inline: auto;
}
.system-ttl {
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.08em;
	padding-bottom: 47px;
	border-bottom: 1px solid #000;
	margin-bottom: 72px;
}

#voice01 .system-ttl {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.08em;
	padding-bottom: 27px;
	border-bottom: 1px solid #000;
	margin-bottom: 32px;
	padding: 0 0px 20px 0px;
}

#voice02 .system-ttl {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.08em;
	padding-bottom: 27px;
	border-bottom: 1px solid #000;
	margin-bottom: 32px;
}

.system-date {
	font-weight: bold;
}
.system-date.single-newsblog {
	text-align: left;
	margin-bottom: 10px;
	font-size: 22px;
	padding: 40px 0 15px 0;
}


}

@media screen and (min-width:768px) and ( max-width:1300px) {
	.cate-list span {
		margin-right: 16px;
	}
	.cate-list span a {
		padding: 23px 19px 19px;
		width: 240px;
		font-size: 16px;
	}
	#staff .system-pic img {
		padding: 32px;
	}
	
	}



@media screen and (min-width:768px) and (max-width:1250px) {
#works .p-archive-works .bunner-frame {text-align: center;margin: -2.4vw 0 2.8vw 0;padding: 0vw 10vw 0vw 10vw;}
#works .p-archive-works .bunner-frame img{ width: 100%;}
#works .p-tax-works .bunner-frame {text-align: center;margin: -2vw 0 4.4vw 0;padding: 0vw 4vw 0vw 4vw;}
#works .p-tax-works .bunner-frame img{ width: 100%;}
}




@media screen and (min-width:768px) and ( max-width:1100px) {
.cate-list span {
	margin-right: 15px;
}
.cate-list span a {
	width: 100%;
	padding: 20px;
}
#works .system-list {
	gap: 64px 20px;
}
#staff .system-pic img {
	padding: 24px;
}
#staff .system-contents .num-bx {
	padding-top: 40px;
}
}



@media screen and (min-width:768px) and ( max-width:900px) {
	.archive-newsblog__items a {
		display: grid;
		grid-template-columns: minmax(calc( 160 / 622 * 100%),160px) 1fr;
		gap: calc(16 / 622 * 100%);
	}
	#staff .system-contents .system-ttl.single-staff {
		color: inherit;
		font-size: 20px;
	}
	#staff .system-contents .num-bx {
		padding-top: 0;
	}


}




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

/* system-common */
.page-list { font-size: 3.2vw; margin: 10vw 0 20vw;  text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.page-list li{ background: #eeefef; display: inline-block; border: #dcdddd 0.2vw solid; }
.page-list li.active { background: #231815; color: #fff; }
.page-list li.active a { color: #fff; }
.page-list a { padding: 4vw; display: inline-block; }
.pagen{max-width: 94vw;margin: 0 auto 5vw auto;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;display: grid;grid-template-columns: repeat(2,1fr);padding: 13vw 0 0vw;}
.pagen:nth-of-type(1)  {margin-bottom: 5vw;}
.page-navi { font-size: 3.8vw; }
.page-navi li { display: inline-block;  }
.page-navi li.active { background: #ccc; }
.page-navi a { padding: 1vw; display: inline-block; }
.page-navi .fast { margin-right: 0; }
.page-navi .last { }
.page-navi .fast::after {  content: "|";  display: inline-block;  margin: 0 1vw; }
.pagen .list{ float: right; }
.pagen .list a{ margin: 0 auto; color: #fff; font-size: 3.8vw; padding: 1vw 4vw; text-align: center; display: inline-block; background: #000; }
.pagen .list a:hover{ background: #666; text-decoration: none; }
.btnArea { text-align: center; margin: 10vw auto; padding: 0; }
.btnArea a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 2.5vw 8vw; font-size: 3.2vw; text-align: center; display: block; background: #000; letter-spacing: 0.2vw;}
.btnArea-s { text-align: center;}
.btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 3vw 10vw; font-size: 3.2vw; text-align: center; display: inline-block; background: #000; letter-spacing: 0.2vw;}
.btnArea-s::after{  content: ''; display: block; margin-bottom: 10vw;}
.borderwrap{ width: 94vw; margin: 0 auto 10vw; line-height: 1.6;}
.borderwrap h3{font-size: 4.2vw;font-weight: bold;margin-bottom: 3vw;padding-bottom: 3vw;border-bottom: 0.2vw #ccc solid;}
.borderwrap p{ font-size: 3.6vw;}

.system-gallery { background: #eeefef; padding: 5vw 3vw;}
.system-gallery h2 { text-transform: uppercase;}
.gallery-list{display: grid;grid-template-columns: repeat(2,2fr);/* place-items: center; */gap: 3.7vw;}
.gallery-list figure.wp-block-image{width: 46vw!important;max-width: 47vw!important;position: relative;margin: 0 2% 2vw 0!important;font-size: 3.6vw;line-height: 1.4;height: 32vw;}
.gallery-list figure.wp-block-image:nth-of-type(2n) {margin-right: 0!important;}
.gallery-list figure.wp-block-image a:hover{ text-decoration: none; }
.gallery-list figure.wp-block-image{ display: block; width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 5vw;}
.gallery-list figure.wp-block-image::after{ content: url('../images/common/icon_plus.jpg'); display: block; position: absolute; bottom: 0; right: 0;transform: scale(0.5); transform-origin: bottom right;}
.gallery-list figure.wp-block-image img{ width: 100%!important; height: 30vw!important; }
.gallery-ttl{ text-align: center!important; margin-top: 7vw!important; margin-bottom: 5vw!important; }
span.system-Frame.fit.gallery a {position: relative;}
span.system-Frame.fit.gallery a::after {content: "";position: absolute;background: url(../images/common/gallery_icon.svg) no-repeat center center / contain;width: 5vw;aspect-ratio: 1;right: 0;top: -1.5vw;z-index: 1;}
span.system-Frame.fit.gallery a img {margin-bottom: 2vw;}

.catebox{ margin: 0 4vw 4vw; }
p.sub-title1{font-size: 5vw; position: relative; left: 8vw}
p.sub-title1 .span1{font-size: 3vw; position: absolute; left: 10vw; top: -3vw}
p.sub-title1 .span2{font-size: 6vw; position: absolute; left: 25vw; top: -1vw}
.serchcategory1{ width: 90vw; margin: 0 auto 10vw; position: relative; top: 5vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.serchcategory1 a{ width: 47%;  color: #fff; margin-bottom: 3vw; margin-right: 3%;}
.serchcategory1 .icon {display: inline-block;  font-size: 3.6vw; font-weight: bold; text-align: center; padding: 2vw 0; position: relative;width: 100%;}
.serchcategory1 .icon:after{ content: ""; width: 20vw; height: 20vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -1vw; top: 5vw; z-index: 1}
.fmname{ width: 47%!important; }

.cate-list {background: #fff;padding: 0.6vw 0 3.6vw;text-align: center;margin: 0vw 0 0 0;}

.cate-list .cate-ttl{/* border-bottom: 0.1vw dotted #333; */padding-bottom: 1.3vw;margin-bottom: 3.6vw;font-size: 3.8vw;font-weight: 700;}
#works .cate-list span{display: inline-block;width: 45%;margin-right: 1.5vw;margin: 0 1vw 7vw 1vw;}
#works .cate-list span a{display: inline-block;f;font-size: 3vw;ont-weight: bold;line-height: 1.6;letter-spacing: 0.04em;border: 0.24vw solid #707070;border-radius: 8.2vw;width: 100%;height: 8vw;padding: 2vw 1vw 4vw;text-align: center;position: relative;}
#works .cate-list span.design a::before{background: url(../images/works/cate_icon1.svg) no-repeat center center / contain; width: 12.4vw;height: 10vw;content: "";position: absolute;  top: -7vw;left: 50%;transform: translateX(-50%);}
#works .cate-list span.performance a::before{background: url(../images/works/cate_icon2.svg) no-repeat center center / contain; width: 10.6vw;height: 10.3vw;content: "";position: absolute;  top: -7.2vw;left: 50%;transform: translateX(-50%);}
#works .cate-list span.heart a::before{background: url(../images/works/cate_icon3.svg) no-repeat center center / contain;width: 6.8vw;aspect-ratio:1;content: "";position: absolute;top: -4.5vw;left: 50%;transform: translateX(-50%);}
#works .cate-list span.good a::before{background: url(../images/works/cate_icon4.svg) no-repeat center center / contain;width: 15.5vw;height: 12.3vw;content: "";position: absolute;top: -8.2vw;left: 50%;transform: translateX(-50%);}
#works .cate-list span.other a::before{background: url(../images/works/cate_icon5.svg) no-repeat center center / contain;width: 9.5vw;height: 7.3vw;content: "";position: absolute;top: -6.2vw;left: 50%;transform: translateX(-50%);}

#newsblog .cate-list {background: none;border: 1px solid #aaa;padding: 3.6vw 0 4.6vw;text-align: center;margin: 6vw auto 8vw auto;width: 90%;}
#newsblog .cate-list .cate-ttl{/* border-bottom: 0.1vw dotted #333; */padding-bottom: 1.3vw;margin-bottom: 0.6vw;font-size: 4.4vw;font-weight: 700;}
#newsblog .cate-list span{display: inline-block;margin-right: 1.5vw; margin-bottom:2vw;}
#newsblog .cate-list span a{display: inline-block;font-size: 4vw;font-weight: bold;line-height: 1.6;letter-spacing: 0.04em;/* border: 0.24vw solid #707070; *//* border-radius: 8.2vw; *//* width: 100%; *//* height: 8vw; */padding: 2vw 3vw 2vw;text-align: center;position: relative;}
#newsblog .cate-list span.design a::before{background: url(../images/works/cate_icon1.svg) no-repeat center center / contain; width: 12.4vw;height: 10vw;content: "";position: absolute;  top: -7vw;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span.performance a::before{background: url(../images/works/cate_icon2.svg) no-repeat center center / contain; width: 10.6vw;height: 10.3vw;content: "";position: absolute;  top: -7.2vw;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span.heart a::before{background: url(../images/works/cate_icon3.svg) no-repeat center center / contain;width: 6.8vw;aspect-ratio:1;content: "";position: absolute;top: -4.5vw;left: 50%;transform: translateX(-50%);}
#newsblog .cate-list span.good a::before{background: url(../images/works/cate_icon4.svg) no-repeat center center / contain;width: 15.5vw;height: 12.3vw;content: "";position: absolute;top: -8.2vw;left: 50%;transform: translateX(-50%);}


.cate-list span a:hover{ text-decoration: none; }

.tag-list {background: #f8f8f8;margin-bottom: 2.6vw;padding: 3.6vw;}
.tag-list .tag-ttl{border-bottom: 0.1vw dotted #333;padding-bottom: 1.3vw;margin-bottom: 2.6vw;font-size: 3.8vw;font-weight: 700;}
.tag-list span{ display: inline-block; margin-right: 2.6vw; }
.tag-list span a{display: inline-block;  padding: 1.3vw 2.6vw; border: 0.24vw solid #333; }
.tag-list span a:hover{ text-decoration: none; }
.taxttl{text-align: center;font-size: 3.6vw;margin-bottom: 4vw;font-weight: bold;}
.systemtab-list { font-size: 3.2vw; line-height: 1.6; margin-bottom: 5vw}
.systemtab-list li{ width: 100%; border: #ccc 0.2vw solid; margin-bottom: -0.2vw;border-bottom: none; }
.systemtab-list li:last-child{ border-bottom: 0.2vw solid #ccc;}
.systemtab-list li .systemtab-list-ttl{ border-bottom: #ccc dotted 0.2vw;  width: 100%; padding: 3vw; background: #f8f8f8; }
.systemtab-list li p{ width: 100%; padding: 3vw; background: #fff;}
.other-ttl{text-align: center;/* border-bottom: 0.1vw dotted #333; *//* padding-bottom: 2.6vw; */margin-bottom: 2.5vw;font-weight: bold;font-size: 4.4vw;}
.other-ttl span{
    font-size: 4.2vw;
    display: block;
}
.system-contents{max-width: 94.2vw;width: 95%;margin-inline: auto;background: #fff;padding: 5vw 0 16vw;}
.num-bx{max-width: 89.3vw;width: 95%;margin-inline: auto;}

.system-contents iframe{ width: 100%; height: 70vw; }

.system-contents .mapbox{  }
.system-contents .mapbox .mapttl{ margin-top: 5vw; }
.system-contents .mapbox iframe{ width: 100%; height: 70vw; }

.system-ttl {text-align: center;font-size: 4.348vw;line-height: 1.5;letter-spacing: 0.08em;padding-bottom: 6.3vw;border-bottom: 0.24vw solid #000;margin-bottom: 17.3vw;}

#voice01 .system-ttl {text-align: left;font-weight: bold;font-size: 4.348vw;line-height: 1.5;letter-spacing: 0.08em;padding-bottom: 4.3vw;border-bottom: 0.24vw solid #000;margin-bottom: 4.3vw;}
#newsblog .system-ttl {text-align: left;font-size: 4.348vw;line-height: 1.5;letter-spacing: 0.08em;padding-bottom: 2.3vw;border-bottom: 0.24vw solid #000;margin-bottom: 6.3vw;}
#newsblog .system-pic{ margin: 0 0 3vw 0;}
#newsblog .system-contents{padding: 5vw 0 5vw 0;}


.required{  }
.required::after{ content: "【必須】"; color: #f00; }

.system-tblbox tr td:nth-child(1){display: block;width: 100%;background: #f8f8f8;font-size: 3.6vw;font-weight: 700;margin: 0; margin-bottom: -0.24vw;}
.system-tblbox tr td:nth-child(2){display: block;width: 100%;background: #fff;font-size: 3.6vw;margin: 0; margin-bottom: -0.24vw;}
.system-tblbox tr td:nth-child(3){ display: block; width: 100%; background: #f8f8f8; font-size: 3.6vw; font-weight: 700; margin: 0; margin-bottom:-0.24vw; }
.system-tblbox tr td:nth-child(4){ display: block; width: 100%; background: #fff; font-size: 3.6vw; margin: 0;  margin-bottom: -0.24vw;}
.system-tblbox tr{margin-bottom: -0.24vw;display: block;}
.system-tblbox { margin-top: 6vw; }

#search-area{background: #f8f8f8;border: #ccc solid 0.1vw;padding: 5.2vw;margin: 0 5vw 3.9vw;}
#search-area .works-search{height: 9.5vw;padding-top: 0.7vw!important;overflow: hidden;display: block;margin: 0 4vw;border: 0;background: #333;color: #fff;font-size: 3.6vw;border-radius: 1.3vw;width: 70vw;}
#search-area .sh-ttl{ font-size: 3.6vw; line-height: 1.6; letter-spacing: 0.3vw; font-weight: 500; border-bottom: 0.1vw dotted; padding-bottom: 1.3vw; margin-bottom: 2.6vw; }
#search-area .shbox{margin-bottom: 4.9vw;}

/* voice -------------------------------------*/
#voice .system-list{ background: #eeefef; padding: 4vw 2vw; margin-bottom: 10vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#voice .system-list li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5vw; padding: 2vw 2vw 10vw;}
#voice .system-list li:nth-child(2n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4vw 3vw;}
#voice .system-list .btn::after { content: ' >';}

#voice .system-list02{ background: #eeefef; padding: 4vw 2vw; margin-bottom: 10vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#voice .system-list02 li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5vw; padding: 2vw 2vw 10vw;}
#voice .system-list02 li:nth-child(2n){ margin-right: 0}
#voice .system-list02 li a:hover{ text-decoration: none; }
#voice .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3vw;}
#voice .system-list02 .btn::after { content: ' >';}

#voice .system-pic{ width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 8vw; }
#voice .system-pic img{ width: 100%; height: 30vw; }
#voice .system-date{ font-size: 3.2vw; margin-bottom: 5vw; }
#voice .system-date::before{ content: "■"; }
#voice .system-name{ font-size: 3.2vw; margin-bottom: 5vw; }
#voice .system-ttl-01{ font-size: 3.6vw; margin-bottom: 5vw; line-height: 1.6; }
#voice .system-category-set { margin-bottom: 8vw;margin-top: -8vw;}
#voice .system-category{ margin-bottom: 0.2vw; font-size: 3.2vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw; background-color: #ccc;}
#voice .serchcategory{ margin: 0 3vw 10vw;}
#voice .serchcategory .icon { display: inline-block;margin-right: 1vw;margin-bottom: 3vw;font-size: 3.2vw;color: #fff;text-align: center;padding: 4.5vw 3vw; }
#voice .system-category1{margin-bottom: 10vw; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 3vw; background-color: #ccc; position: relative;}
#voice .system-coment{ margin-bottom: 5vw; }
#voice .system-contents{ background: #eeefef; padding: 4vw 2vw; margin-bottom: 10vw; }
#voice .system-contents-inner { background: #fff; padding: 5vw 3vw;}
#voice .system-contents .system-date{ font-size: 3.2vw; margin-bottom: 5vw; display: block; line-height: 1.4;}
#voice .system-contents .system-category{ margin-bottom: 0.2vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4vw 3vw; width: 100%;}
#voice .system-contents .system-category-set { margin-bottom: 5vw; margin-top: 0;}
#voice .system-contents .system-ttl{ font-size: 4.2vw; font-weight: bold;  margin-bottom: 8vw; padding-bottom: 8vw; border-bottom: 0.2vw #ccc solid; line-height: 1.6; }
#voice .system-contents .system-i-pic{ text-align: center; margin-bottom: 8vw; }
#voice .system-contents .system-i-pic img{max-width: 100%;height: auto;width: auto;}

.system-i-pic{}


.p-archive-voice{padding: 6vw 0 10vw 0;margin: 0 0 13vw 0;background: #fff;}
.archive-voice__items{display: grid;grid-template-columns: repeat(1,1fr);/* gap: 9.662vw; */}
.single-voice__items{display: grid;grid-template-columns: repeat(2,1fr);max-width: 241vw;width: 95%;margin-inline: auto;place-content: center;}
.single-voice__items li{width: 92%;/* text-align: center; */margin: 0 1vw 0 2vw;}

.system-pic.fit.voice img {width: 100%;height: 100%;margin-bottom: 0vw;}
.archive-voice__items li a{position: relative;}
.single-voice__items li a{position: relative;}
.voice_area {width: fit-content;width: 100%;text-align: center;color: #fff;background: #E7322F;font-size: 3vw;font-weight: bold;letter-spacing: 0.08em;padding: 1.932vw 6.039vw 0.932vw;/* position: absolute; */margin: 0 0 2vw 0;/* top: 0; *//* left: 0; */}
.voice_area.single {margin: auto;position: static;margin-bottom: 5.246vw;}
.voice_name{font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.04em;margin-bottom: 0.831vw;}
.voice_name.single{text-align: center;font-size: 6.763vw;font-weight: bold;letter-spacing: 0.06em;margin-bottom: 5.314vw;}
.system-ttl-01.voice_ttl{font-size: 3.5vw;font-weight: bold;letter-spacing: 0.1em;line-height: 1.6;}
.system-ttl-01.voice_ttl.single{font-size: 3.865vw;}
.system-i-pic.fit{margin-bottom: 7.729vw;}
#main-voice {max-width: 427.536vw;width: 95%;margin-inline: auto;background: #fff;padding: 6.662vw 0 19.324vw;margin-bottom: 19.324vw;}

/* qa -------------------------------------*/
#faq{background: #fff;}
.p-faq{margin-bottom: 44.2vw;}
#faq .system-ttl-01 {position: relative;background: #E7322F;color: #fff;padding: 3.2vw 8vw 1.7vw 13vw;font-size: 4.2vw;font-weight: bold;}
#faq .system-ttl-01:before{content: "";position: absolute;background: url(../images/faq/q.svg) no-repeat center center / contain;width: 7vw;height: 7vw;top: 2.3vw;left: 3.3vw;}
#faq .txt{position: relative;background:#F2F2F2;padding: 2.7vw 8vw 5.7vw 14vw;font-size: 3.86vw;}
#faq .txt:before{content: "";position: absolute;background: url(../images/faq/a.svg) no-repeat center center / contain;width: 7vw;height: 7vw;top: 2.3vw;left: 3.3vw;}

/* blog -------------------------------------*/
/*patern1*/
#blog .mainContents{ margin: 0 4vw; }
#blog .mainContents .system-list2{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; }
#blog .mainContents .system-list-inner2{ background: #fff; padding: 5% 3%;}
#blog .mainContents .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 0.24vw dotted #b2b2b2; padding: 0 0 5%;}
#blog .mainContents .system-list2 li a:hover{ text-decoration: none; }
#blog .mainContents .system-list2 .system-pic{ width: 20%; float: left; }
#blog .mainContents .system-list2 .system-pic img{ max-width: 100%; height: auto; }
#blog .mainContents .system-list2 .system-date{ width: 78%; float: right; font-size: 3.4vw; line-height: 1.4; margin-bottom: 2%}
#blog .mainContents .system-list2 .system-date::before{ content: "■"; }
#blog .mainContents .system-list2 .system-ttl-01{ font-size: 1.4rem; line-height: 1.6; margin-bottom: 2%; }
#blog .mainContents .system-list2 .system-contributor { width: 78%; float: right; color: #bbb; font-size: 3.4vw; text-align: right; }
#blog .mainContents .system-list2 .textbx{width: 78%;float: left;margin-left: 2%;}
/**/
#blog .system-category span {margin-bottom: 4vw;padding: 1vw;display: inline-block;color: #fff;text-align: center;font-size: 3vw;margin-right: 2vw;}
#blog .mainContents .cate01{ background: #000 !important; }
#blog .mainContents .cate02{ background: #111 !important; }
#blog .mainContents .cate03{ background: #222 !important; }
#blog .mainContents .cate04{ background: #333 !important; }
#blog .mainContents .cate05{ background: #444 !important; }
#blog .mainContents .cate06{ background: #555 !important; }
#blog .mainContents .system-contents{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; }
#blog .mainContents .system-contents-inner { background: #fff; padding: 5% 3%;}
#blog .mainContents .system-date{font-size: 3vw;margin-bottom: 2vw;display: block;}
#blog .mainContents .system-ttl{font-size: 4vw;font-weight: bold;margin-bottom: 4vw;padding-bottom: 2vw;border-bottom: 0.24vw #ccc solid;line-height: 1.4;}
#blog .mainContents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 0.24vw dotted #ccc;}
#blog .mainContents .system-contributor { font-size: 3.4vw; margin-bottom: 5%; text-align: right;}

#sidebar .widget_calendar { margin-bottom: 6vw;}
table#wp-calendar {table-layout: fixed;width: 100%;margin: 1vw auto 0 auto;padding: 0;border-collapse: collapse;border-spacing: 0;font-size: 2.5vw;margin-bottom: 4vw;}
table#wp-calendar caption {margin: 2vw 0 0 0;padding: 2vw;width: auto;text-align: center;font-weight: bold;background-color: #fff;border: thin solid #eee;border-radius: 0.5vw 0.5vw 0 0;-moz-border-radius: 0.5vw 0.5vw 0 0;-webkit-border-radius: 0.5vw 0.5vw 0 0;}
table#wp-calendar #today {display: block;font-weight: bold;background-color: #cef;z-index: 1;}
table#wp-calendar .pad {font-weight: bold;background-color: #eee;}
table#wp-calendar th,table#wp-calendar td {padding: 1vw 0;vertical-align: middle;text-align: center;}
table#wp-calendar td {line-height: 1.8;border: thin solid #eee;background-color: #fff;}
table#wp-calendar th {font-style: normal;color: #333;border-left: thin solid #eee;border-right: thin solid #eee;background-color: #f0f0f0;}
table#wp-calendar a { font-size: 2.5vw; color: #00a0dd; padding: 0; text-decoration: underline;}

/*blogサイドバー*/
aside.sidebar { width: 94% !important; margin: 0 auto;}
aside.sidebar .aside-blog-ttl { border-bottom:0.24vw solid #ccc; padding-bottom: 5%; margin-bottom: 5%; text-align: center;}
aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; margin-bottom: 3%; letter-spacing: 1px; color: #ccc;}
aside.sidebar .aside-blog-ttl span.jp { font-size: 3vw; font-weight: bold; }
aside.sidebar .list-block { margin: 10% 0 15%;}
aside.sidebar .acbox a {line-height: 1.6;font-size: 3.4vw;border-bottom: 0.24vw dotted #ddd;padding-bottom: 3vw;margin-bottom: 3vw !important;display: block;}

/*newsblog*/
.archive-newsblog {max-width: 94.2vw;width: 95%;margin-inline: auto;}
.archive-newsblog li{width: 100% !important;margin: 0 0 4vw 0 !important;}
.archive-newsblog__items {background: #fff;padding: 3.3vw;}
.archive-newsblog__items a {display: grid;grid-template-columns: minmax(calc( 152 / 390 * 100%),152px) 1fr;gap: calc(20 / 390 * 100%);}
.cate-list.newsblog span a{background: #E7322F;color: #fff;border: none;font-size: 3.4vw;border-radius: 0;padding: 1.5vw 3vw 1.5vw 3vw;height: auto;}
#newblog .system-pic{margin:0 0 3vw 0;}

#newsblog .system-contents .system-category.newsblog span{
    width: 100%;
    padding: 0.5vw 2vw 0.5vw 2vw;
    margin: 0 2vw 0 0;
}


/* staff -------------------------------------*/
#staff .system-list{width: 100%;margin-inline: auto;display: grid;grid-template-columns: repeat(2,1fr);padding: 8vw 0;/* gap: 5vw; */}
#staff .system-list li{ }
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-list li .system-ttl{font-size: 4.8vw;font-weight: 700;text-align: center;color: #fff;padding-bottom: 0;border: none;margin-bottom: 1.5vw;}
#staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 3vw; left: 3vw; width: 95vw; padding:4vw 3vw;}
#staff .system-list .btn::after { content: ' >';}
#staff .system-pic{aspect-ratio: 1 / 1;background: url(../images/index/staff_bg.png) no-repeat center center / contain;margin-bottom: 3.1vw;}
#staff .system-pic img{ width: 100%; height: 100%; object-fit: cover;border-radius: 50%;padding: 5.7vw;}
#staff .system-job{ font-size: 3.4vw; margin-bottom: 3vw; line-height: 1.6; text-align: center;}
#staff .system-name{ font-size: 3.8vw; font-weight: bold; margin-bottom: 5vw; line-height: 1.6; text-align: center;}
#staff .system-kana{ font-size: 3.4vw; margin-bottom: 5vw; line-height: 1.6; }

#staff .system-list02{ background: #eeefef; padding: 4vw 2vw; margin-bottom: 10vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#staff .system-list02 li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5vw; padding: 2vw 2vw 2vw;}
#staff .system-list02 li:nth-child(2n){ margin-right: 0}
#staff .system-list02 li a:hover{ text-decoration: none; }
#staff .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3vw;}
#staff .system-list02 .btn::after { content: ' >';}
#staff .system-list02 .system-ttl-01{font-size: 3.8vw; font-weight: bold; margin-bottom: 5vw; line-height: 1.6; text-align: center;}

#staff .system-contents{ background: #eeefef; padding: 4vw 2vw;}
#staff .system-contents-inner { background: #fff; padding: 5vw 3vw;}
#staff .system-contents .system-ttl{font-size: 5.2vw;font-weight: bold;margin-bottom: 5vw;padding-bottom: 3vw;border-bottom: 0.2vw #ccc solid;line-height: 1.4;text-align: center;}
#staff .system-contents .system-info-box{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#staff .system-contents .system-info{ width: 100%; }
#staff .system-contents .system-job{ font-size: 3.4vw; margin-bottom: 1vw; line-height: 1.6;}
#staff .system-contents .system-name{ font-size: 4.2vw; margin-bottom: 5vw; line-height: 1.6; padding-bottom: 3vw; border-bottom: 0.2vw solid #ccc;}
#staff .system-contents .system-kana{ font-size: 3.2vw; margin-bottom: 3vw; line-height: 1.6; }
#staff .system-contents .system-comment{ font-size: 3.8vw; margin-bottom: 5vw; line-height: 1.6;}
#staff .system-contents .comment-bx{ margin-bottom: 3vw;}
#staff .system-contents .comment-bx table{ }
#staff .system-contents .comment-bx tbody{ }
#staff .system-contents .comment-bx tr{ }
#staff .system-contents .comment-bx th{width: 30vw; font-size: 3.2vw; letter-spacing: 0.2vw; border: 0.2vw solid #ccc; padding: 3vw; background: #949494; color: #fff; vertical-align: middle; text-align: left;}
#staff .system-contents .comment-bx td{width: 55vw; font-size: 3.2vw; border: 0.2vw solid #ccc; padding: 3vw; vertical-align: middle;}
#staff .system-contents .system-i-pic{ width: 100%; text-align: center; margin: 0 auto 8vw; -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
#staff .system-contents .system-i-pic img{max-width: 100%;max-height: 100vw;width: auto;height: auto;}
#staff .system-contents .wys-ttl{ width: 100%; margin: 3vw auto; padding: 3vw; font-size: 3.8vw; color: #959595; font-weight: bold; background: #f1f1f1;}

#staff .system-contents1{ background: #eeefef; padding: 4vw 2vw; margin-bottom: 10vw; }
#staff .system-contents1-inner { background: #fff; padding: 5vw 3vw;}
#staff .system-contents1 .system-ttl{ font-size: 4.2vw; font-weight: bold;  margin-bottom: 8vw; padding-bottom: 8vw; border-bottom: 0.2vw #ccc solid; line-height: 1.4; }
#staff .system-contents1 .system-info-box{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#staff .system-contents1 .system-info{ width: 100%; }
#staff .system-contents1 .system-job{  font-size: 3.4vw; margin-bottom: 1vw; line-height: 1.6;}
#staff .system-contents1 .system-name{ font-size: 4.2vw; margin-bottom: 5vw; line-height: 1.6; padding-bottom: 3vw; border-bottom: 0.2vw solid #ccc;}
#staff .system-contents1 .system-kana{ font-size: 3.2vw; margin-bottom: 3vw; line-height: 1.6; }
#staff .system-contents1 .system-comment{ font-size: 3.8vw; margin-bottom: 5vw; line-height: 1.6;}
#staff .system-contents1 .comment-bx{ }
#staff .system-contents1 .comment-bx table{ }
#staff .system-contents1 .comment-bx tbody{ }
#staff .system-contents1 .comment-bx tr{ }
#staff .system-contents1 .comment-bx th{width: 30vw; font-size: 3.2vw; letter-spacing: 0.2vw; border: 0.2vw solid #ccc; padding: 3vw; background: #949494; color: #fff; vertical-align: middle; text-align: left;}
#staff .system-contents1 .comment-bx td{width: 55vw; font-size: 3.2vw; border: 0.2vw solid #ccc; padding: 3vw; vertical-align: middle;}
#staff .system-contents1 .system-i-pic{ width: 100%; text-align: center; margin: 0 auto 8vw; -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
#staff .system-contents1 .system-i-pic img{ max-width: 100%; max-height: 60vw; width: auto; height: auto;  }
#staff .system-contents1 .wys-ttl{ width: 100%; margin: 3vw auto; padding: 3vw; font-size: 3.8vw; color: #959595; font-weight: bold; background: #f1f1f1;}

.staff_occ {font-size: 3.7vw;line-height: 1.6;letter-spacing: 0.02em;font-weight: bold;text-align: center;color: #fff;margin: 0 0 1vw 0;}
.staff_txt{font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.04em;font-weight: normal;color: #fff;text-align: left;margin-bottom: 3.623vw;}
main.archive-staff{background: #292929;}
.staff_occ.single-staff {color: inherit;}
.staff_txt.single-staff{color: inherit;}
.other-staff{
    margin: 0 2px 0 0;
    padding: 1vw 0 2vw 0 !important;
    width: 100% !important;
}

.other-staff li {
        margin-bottom: 8vw;
        width: 43vw !important;
        margin: 0 0vw 8vw 1vw !important;
    }

.staff_occ.other-staff {color: inherit;font-size: 3.6vw;margin: 0 0 1vw 0;}
.staff_txt.other-staff{color: inherit;}
#staff .system-list li .system-ttl.other-staff {color: inherit;font-size: 4vw;margin: 0 0 0vw 0;}

/* form -------------------------------------*/
.form-Box{	background: #fff;padding: 12vw 0 15vw;}
.form-Box .form-Box-inner{ background: #fff; padding: 5vw 3vw;}
.form-Box .form-list { font-size: 3.2vw; margin-bottom: 10vw;}
.form-Box .error { margin-bottom: 3.6vw;}
.form-Box .attention-color { color: #f00;}
.form-Box .form-list li { padding-left: 3.6vw; text-indent: -3.6vw; margin-bottom: 0.4vw; }
.form-Box table { border-bottom: 0.2vw solid #dcdddd; margin-bottom: 10vw; font-size: 3.4vw; line-height: 1.6;width: 95%;margin-inline: auto;}
.form-Box tr { margin-bottom: 0 !important}
.form-Box th {border: 0.2vw solid #dcdddd;text-align: left;width: 100%;background-color: #eeefef;padding: 3vw;vertical-align: top;display: block;}
.form-Box td {border: 0.2vw solid #dcdddd;border-bottom: 0;text-align: left;width: 100%;padding: 7vw 3vw;vertical-align: top;display: block;}
.form-Box .from-btn-01 { text-align: center; }
.form-Box .from-btn-02 { margin-top: 10vw;}
.form-Box .button { border: 0; padding: 0; margin: 0;}
.form-Box .from-btn-02 p { margin-bottom: 3vw;}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box input[type="datetime-local"],
.form-Box select,
.form-Box textarea {width: 80vw; margin-bottom: 2vw; font-size: 4.3vw; padding: 2vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-Box input.input-txt1 {width: 25vw; }
.form-Box textarea {font-size: 4.3vw; line-height: 1.6; min-height: 20vw;}
.form-Box select{font-size: 4.3vw; padding: 3vw 2vw 4vw; width: 60vw;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* works -------------------------------------*/
#works{background: #fff;}
#works .works_youtube_single {aspect-ratio: 414/320;padding: 6.729vw 4.662vw 14.459vw;background: #F2F2F2;margin-bottom: -12.077vw;}
#works .works_youtube_single iframe {width: 100%;height: 45vw;}
#works .works_area {background: #929292;color: #fff;font-size: 3.1vw;font-weight: bold;letter-spacing: 0.12em;text-align: center;margin-bottom: 2.8vw;padding: 2vw 0 1.6vw;line-height: 1;}
#works .works_name {font-weight: bold;font-size: 3.4vw;letter-spacing: 0.06em;}
#works .works_strong{font-size: 3.382vw;line-height: 2;letter-spacing: 0.08em;}
#works .works_area_single {text-align: center;margin-bottom: 9.662vw;font-size: 4.348vw;font-weight: bold;letter-spacing: 0.12em;}
#works .works_name_single {text-align: center;font-size: 5.314vw;font-weight: bold;letter-spacing: 0.06em;margin-bottom: 4.314vw;}
#works .works_strong_single {text-align: center;font-size: 3.865vw;line-height: 1.5;letter-spacing: 0.08em;padding-bottom: 4.353vw;border-bottom: 0.24vw solid #000000;margin-bottom: 9.391vw;}
#works .system-ttl-02 {text-align: center;margin-bottom: 3vw;}
#works .gallery a img {margin-bottom: 2vw;}
#works .system-pic.fit img {width: 100%;height: 25vw;}
.works-detail span{width: 70vw !important;padding: 0 0 0 0;padding: 4.3vw 2.9vw 2vw 2.9vw !important;}

.single-works{
    top: -4vw !important;
    left: 0px !important;
    position: relative !important;
    margin: 0 auto;
    display: block !important;
    text-align:  center !important;
}

#works .p-tax-works .bunner-frame {text-align: center;margin: -2vw 0 6.4vw 0;padding: 0vw 4vw 0vw 4vw;}
#works .p-tax-works .bunner-frame img{ width: 100%;}

#works .system-list li{position:relative;}

#works .p-works__item-new {
	position: absolute;
	top: 25vw;
	right:0;
	background: #E7322F;
	color: #fff;
	/* font-size: 3.38vw; */
	font-weight: 700;
	/* letter-spacing: 0.25vw; */
	line-height: 1;
	padding: 1vw 0.1vw 2.1vw;
	text-align: center;
	}
	#works .p-works__item-new img {width: 60% !important;height: auto !important;}



/* recruit -------------------------------------*/
#recruit .system-list{max-width: 94.203vw;width: 100%;margin-inline: auto;/* display: grid; */grid-template-columns: repeat(1,1fr);gap: 5.797vw 0;padding: 0 0 5vw 0;}
#recruit .system-ttl{padding-bottom: 0;text-align: left;border: 0;font-weight: bold;font-size: 4vw;margin-bottom: 2.865vw;}
#recruit .recruit_detail{text-align: left;margin-bottom: 3vw;}
#recruit .systemtab-list-recruit{display: grid;grid-template-columns: repeat(1,1fr);border-top: 0.24vw solid #d1d1d1;border-right: 0.24vw solid #d1d1d1;border-left: 0.24vw solid #d1d1d1;margin-bottom: 5.7vw;}
#recruit .systemtab-list-recruit dt{background: #EDEDEA;; font-size: 3.38vw;font-weight: bold; letter-spacing: 0.3vw; margin: 0; padding: 0; padding: 4vw; text-align: start;border-bottom: 0.24vw solid #d1d1d1;font-weight: bold;}
#recruit .systemtab-list-recruit dd{padding: 0;margin: 0;border-bottom: 0.24vw solid #d1d1d1;padding: 4vw;font-size: 3.382vw;letter-spacing: 0.3vw;}
#recruit .recruit_txt{text-align: left;margin-bottom: 4vw;}
#recruit .single-recruit__wrap{max-width: 89.3vw;width: 95%;margin-inline: auto;;}
#recruit .system-contents {margin-bottom: 10vw;padding: 7vw 4vw 3vw 4vw;}
#recruit .system-pic{margin: 0 0 3vw 0;}

.system-list {
	/* max-width: 94.2vw; */
	width: 100%;
	margin-inline: auto;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.system-list li:nth-child(2n){
	margin: 0 0 8vw 0;
}

.pagen .list {
	text-align: end;
	float: none;
}
.system-contents__inner1 {
	max-width: 94.2vw;
	width: 95%;
	margin-inline: auto;
}
.p-catalog__form {
	background: #F2F2F2;
	padding: 12.077vw 0 33.333vw;
}
.formttl {
	font-size: 5.314vw;
	font-weight: 700;
	letter-spacing: 0.319vw;
	line-height: 1.5454545455;
	margin-bottom: 5.2vw;
	text-align: center;
}
.list {
	margin-inline: auto;
	max-width: 82.1vw;
	width: 95%;
}
.list li {
	font-size: 3.14vw;
	font-weight: 400;
	letter-spacing: 0.251vw;
	line-height: 2;
}
.list li span {
	color: #E7322F;
}



.system-contents-inner {
	max-width: 89.3vw;
	width: 95%;
	margin-inline: auto;
	position: relative;
	padding: 2vw 0vw 0 0vw;
}

.system-date.single-newsblog {
	margin-bottom: 5.7vw;
	font-size: 3.865vw;
}

.system-pic.fit {
	margin-bottom: 0vw;
}

.current.page-numbers{padding: 4vw;display: inline-block;}


#recruit .system-list li{margin-bottom: 8vw;width: 43vw;margin: 0 2vw 8vw 2vw;}
.system-list li{margin-bottom: 8vw;width: 43vw;margin: 0 5vw 8vw 4vw;}

.priv-title{ text-align: center; margin-bottom: 4vw; }
.priv-text{ padding: 3vw; overflow-y:scroll; height: 40vw; border:#ccc solid 0.2vw; margin-bottom: 5vw; background: #fff; }
.priv-text .priv-ttl{ margin-bottom: 2vw; font-size: 1.5rem; font-weight: bold; }
.priv-text p{ margin-bottom: 4vw; font-size: 3.2vw; margin-bottom: 4vw; padding-bottom: 4vw; border-bottom: #ccc solid 0.2vw; }
.priv{ text-align: center; margin-bottom: 5vw; }
.priv-text .tt{ margin-bottom: 3vw;  font-size: 4.8vw; font-weight: bold; }

.btn-confirm{ text-align: center; }

button.btn-type01{background:#000; max-width: 82.1vw;width: 100%;height:19.3vw;margin: 0 auto!important;font-size: 4.348vw;font-weight: bold;line-height: 1.6;letter-spacing: 0.05em;color: #fff;border-radius: 9.662vw;position: relative;}
button.btn-type01::after{content: url(../images/contact/btn.svg);position: absolute;right: 4.8vw;top: 50%;transform: translateY(-50%);}
button.btn-type02{background:#707070; max-width: 82.1vw;width: 100%;height:19.3vw;margin: 0 auto!important;font-size: 4.348vw;font-weight: bold;line-height: 1.6;letter-spacing: 0.05em;color: #fff;border-radius: 9.662vw;position: relative;}
button.btn-type02::before{content: url(../images/contact/btn_rvs.svg);position: absolute;left: 4.8vw;top: 50%;transform: translateY(-50%);}
button.btn-type03{background:#E7322F;max-width: 82.1vw;width: 100%;height:19.3vw;margin: 0 auto!important;font-size: 4.348vw;font-weight: bold;line-height: 1.6;letter-spacing: 0.05em;color: #fff;border-radius: 9.662vw;position: relative;}
button.btn-type03::after{content: url(../images/contact/btn.svg);position: absolute;right: 4.8vw;top: 50%;transform: translateY(-50%);}

.mw_wp_form_confirm .confirm-hidden {display: none;}
.btn-send{ text-align: center; }
.btn-item{ display: block; margin: 1.3vw; }

.wp-block-table table {border-collapse: unset!important;width: 100%;}

.system-date {font-weight: bold;}

.form-tyuui{ padding: 0vw 0px 0px 0px; font-size:3.62vw; line-height: 1.6; letter-spacing: 0; color: #E7322F; }

}