@charset "UTF-8";

.zabuto_calendar { color: #333; }
.zabuto_calendar a{ color: #333; }

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

  main{ width: 1100px; margin: 0 auto 30px auto; }
  /* 3枚表示のbxslider
  -------------------------------------*/
    /* system-common */
  .page-list { font-size: 0.875em; 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{display: inline-block;border: #dcdddd 1px solid;}
  .page-list li.active {background: #ccc;color: #333;}
  .page-list li.active a {color: #333;}
  .page-list a {padding: 6px 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; }
  .page-navi { font-size: 0.875em; }
  .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{ float: right; }
  .pagen .list a{margin: 0 auto;color: #333;padding: 7px 30px;font-size: 0.875em;text-align: center;display: inline-block;background: #fff;}
  .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: 0.875em; text-align: center; display: block; background: #000; letter-spacing: 1px; width: 60%;}
  .btnArea-s { text-align: center;}
  .btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 0.875em; text-align: center; display: inline-block; background: #000; letter-spacing: 1px;}
  .btnArea-s::after{  content: ''; display: block; margin-bottom: 100px;}
  .borderwrap{ margin-bottom: 40px;}
  .borderwrap h3{ font-size: 1.5em; font-weight: bold;  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; line-height: 1.6; }
  .borderwrap p{ font-size: 0.875em; line-height: 1.8;}
  .recttl{text-align: center;font-size: 26px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 1.3vw;}

  body#case_newly{ background: url(../images/case_newly/h1-back.png)no-repeat top center #0F0F0F; }
  body#blog{ background: url(../images/blog/h1-back.png)no-repeat top center #0F0F0F; }


  /* case_newly -------------------------------------*/
  #case_newly .system-list{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;}
  #case_newly .system-list li{line-height: 1.4;width: 100%;margin-right: 2%;position: relative;margin-bottom: 20px;text-align: left;}
  #case_newly .system-list li:nth-child(4n){ margin-right: 0}
  #case_newly .system-list li a:hover{ text-decoration: none; }
  #case_newly .system-list li .system-pic{width: 520px;height: 350px;overflow: hidden;text-align: center;margin-bottom: 15px;float: left;}
  #case_newly .system-list li .system-pic img{width: 100%;height: 350px;}
  #case_newly .system-list li .system-date{font-size: 20px;margin-bottom: 10px;line-height: 1.4;letter-spacing: 0.8px;}
  #case_newly .system-list li .system-ttl-01{font-size: 30px;margin-bottom: 13px;line-height: 1.4;}
  #case_newly .system-list li .textbox{width: 400px;float: left;margin-left: 40px;padding-top: 90px;}
  #case_newly .system-contents .system-date{ font-size: 1em; margin-bottom: 15px; display: block; }
  #case_newly .system-contents .system-category{ margin-bottom: 20px; font-size: 0.75em; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
  #case_newly .system-contents .system-ttl{font-size: 26px;font-weight: 500;margin-bottom: 30px;padding-bottom: 25px;border-bottom: 1px #ccc solid;line-height: 1.4;}
  #case_newly .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
  #case_newly .system-contents .system-i-pic img{ max-width: 100%; max-height: 600px; width: auto; max-height: auto; }
  #case_newly .system-gallery {padding: 30px 20px;}
  #case_newly .system-gallery h2 { text-transform: uppercase;}
  #case_newly .gallery-list{ 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; }
  #case_newly .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4; text-align: left;}
  #case_newly .gallery-list li:nth-of-type(5n) { margin-right: 0;}
  #case_newly .gallery-list li a:hover{ text-decoration: none; }
  #case_newly .gallery-list li .system-Frame{ display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px;}
  #case_newly .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
  #case_newly .gallery-list li .system-Frame img{ width: 100%; height: 120px; }
  
  #case_newly .system-list2{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;}
  #case_newly .system-list2 li{line-height: 1.4;width: 23.5%;margin-right: 2%;position: relative;margin-bottom: 20px;text-align: center;}
  #case_newly .system-list2 li:nth-child(4n){ margin-right: 0}
  #case_newly .system-list2 li a:hover{ text-decoration: none; }
  #case_newly .system-list2 li .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #case_newly .system-list2 li .system-pic img{ width: 100%; height: 180px; }
  #case_newly .system-list2 li .system-date{font-size: 16px;margin-bottom: 10px;line-height: 1.4;letter-spacing: 0.8px;}
  #case_newly .system-list2 li .system-ttl-01{font-size: 18px;margin-bottom: 3px;line-height: 1.4;color: #FCE381;}


  /* blog -------------------------------------*/
  /*patern2*/
  #blog .mainContents .system-list2{margin-bottom: 50px;}
  #blog .mainContents .system-list-inner2{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 .textbox{width: 510px;float: left;margin-left: 30px;}
  #blog .mainContents .system-list2 .system-pic{width: 160px;overflow: hidden;float: left;height: 160px;margin-right: 21px;}
  #blog .mainContents .system-list2 .system-pic img{width: 100%;height: 160px;}
  #blog .mainContents .system-list2 .system-date{margin-bottom: 10px;font-size: 16px;line-height: 1.4;}
  #blog .mainContents .system-list2 .system-date::before{}
  #blog .mainContents .system-list2 .system-ttl-01{font-size: 18px;line-height: 1.6;margin-bottom: 10px;}
  #blog .mainContents .system-list2 .system-category-set { margin-bottom: 15px;}
  #blog .mainContents .system-list2 .system-category{margin-right: 1px;font-weight: bold;color: #fff;padding: 4px;}
  #blog .mainContents .system-list2 .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
  /**/
  #blog .mainContents .system-contents{margin-bottom: 30px;}
  #blog .mainContents .system-contents-inner {}
  #blog .mainContents .system-contents .system-date{font-size: 16px;margin-bottom: 15px;display: block;}
  #blog .mainContents .system-contents .system-date::before{}
  #blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px;}
  #blog .mainContents .system-contents .system-category{font-weight: bold;text-align: center;padding: 8px;float: right;margin-right: 2px;}
  #blog .mainContents .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; }
  #blog .mainContents .system-contents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc;}
  #blog .mainContents .system-contents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right;}
  .scls{height: 300px; overflow-y:scroll;}

  #blog .system-gallery h3 {text-transform: uppercase; }
  #blog .gallery-list {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; }
  #blog .gallery-list li {width: 18.4%; position: relative; margin: 0 2% 25px 0; font-size: 0.75em; line-height: 1.4; text-align: left; }
  #blog .gallery-list li:nth-of-type(5n) {margin-right: 0; }
  #blog .gallery-list li a:hover {text-decoration: none; }
  #blog .gallery-list li .system-Frame {display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px; }
  #blog .gallery-list li .system-Frame::after {content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0; }
  #blog .gallery-list li .system-Frame img {width: 100%; height: 120px; }

  /*blogサイドバー*/
  aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
  aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc;}
  aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
  aside.sidebar .list-block { margin: 20px 0 40px;}
  aside.sidebar a { line-height: 1.4; font-size: 0.875rem; border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-bottom: 15px !important;}
  
  .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;width: 1000px;margin: 0 auto 30px;color: #000;}
  .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; }


  /* form -------------------------------------*/
  .form-Box{margin-bottom: 30px;line-height: 1.6;position: relative;}
  .form-Box .form-Box-inner{padding: 20px 0px 40px;}
  .form-Box .form-list {font-size: 16px;margin-bottom: 30px;margin-left: 183px;letter-spacing: 0.8px;}
  .form-Box .error { margin-bottom: 1em;}
  .form-Box .attention-color {color: #9F8F4E;}
  .form-Box .form-list li {padding-left: 1em;text-indent: -1em;margin-bottom: 0px;}
  .form-Box table {border: none;margin-bottom: 50px;font-size: 18px;line-height: 1.6;border-spacing: 0px;color: #000;width: 1000px;margin: 0 auto 40px;}
  .form-Box th {border-bottom: 1px solid #E6E3DF;text-align: left;width: 30%;background-color: #D9D9D9;padding: 20px;vertical-align: top;}
  .form-Box td {border-bottom: 1px solid #E6E3DF;text-align: left;width: 70%;padding: 20px;vertical-align: top;background: #fff;}
  .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;box-shadow: 0px 0px 20px #686868;}
  .form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8;}
  .form-Box input[type="text"],
  .form-Box input[type="textarea"],
  .form-Box input[type="email"],
  .form-Box input[type="tel"],
  .form-Box input[type="date"],
  .form-Box select,
  .form-Box textarea { font-size: 0.875rem; 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;}

  .form-Box .ss-txt{
    font-size: 12px;
    margin-top: 8px;
  }

  }

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

/* system-common */
.page-list { font-size: 3.2vw; margin: 10% 0 20%;  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{display: inline-block;border: #dcdddd 1px solid;}
.page-list li.active {background: #fafafa;}
.page-list li.active a {color: #333;}
.page-list a {padding: 2.8vw 4vw;display: inline-block;}
.pagen{ width: 98%; margin: 0 auto 10% auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.pagen:nth-of-type(1)  {margin-bottom: 5%;}

.page-navi { font-size: 3.8vw; }
.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{ float: right; }
.pagen .list a{margin: 0 auto;color: #333;font-size: 3.8vw;padding: 7px 30px;text-align: center;display: inline-block;background: #fff;}
.btnArea { text-align: center; margin: 10% auto; padding: 0; }
.btnArea a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 20px 50px; font-size: 3.2vw; text-align: center; display: block; background: #000; letter-spacing: 1px;}
.btnArea-s { text-align: center;}
.btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 3% 10%; font-size: 3.2vw; text-align: center; display: inline-block; background: #000; letter-spacing: 1px;}
.btnArea-s::after{  content: ''; display: block; margin-bottom: 10%;}
.borderwrap{ width: 94%; margin: 0 auto 10%; line-height: 1.6;}
.borderwrap h3{ font-size: 3.2vw; font-weight: bold;  margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px #ccc solid; }
.borderwrap p{ font-size: 0.875em;}
.recttl{text-align: center;font-size: 4vw;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 4vw;}

body#case_newly{background: url(../images/case_newly/sp-h1-back.png)no-repeat top 17vw center #0F0F0F;background-size: 100% auto;}
body#blog{background: url(../images/blog/sp-h1-back.png)no-repeat top 17vw center #0F0F0F;background-size: 100% auto;}

/* case_newly -------------------------------------*/
#case_newly .system-list{padding: 4vw;margin-bottom: 10%;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;}
#case_newly .system-list li{position: relative;line-height: 1.4;width: 100%;position: relative;margin-bottom: 5%;padding: 2% 2% 2%;color: #fff;}
#case_newly .system-list li:nth-child(2n){ margin-right: 0}
#case_newly .system-list li a:hover{ text-decoration: none; }
#case_newly .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#case_newly .system-list .btn::after { content: ' >';}
#case_newly .system-list li .system-pic{width: 100%;height: 66vw;overflow: hidden;text-align: center;margin-bottom: 4vw;}
#case_newly .system-list li .system-pic img{width: 100%;height: 66vw;}
#case_newly .system-list li .system-date{ font-size: 3.2vw; margin-bottom: 5%; }
#case_newly .system-list li .system-ttl-01{font-size: 4.6vw;margin-bottom: 5%;line-height: 1.6;}

#case_newly .system-coment{ margin-bottom: 5%; }
#case_newly .system-contents .system-category-set{margin-top: 0;}
#case_newly .system-contents{padding: 3vw;margin-bottom: 10%;}
#case_newly .system-contents-inner {}
#case_newly .system-contents .system-date{font-size: 3.2vw;margin-bottom: 2vw;display: block;line-height: 1.4;}
#case_newly .system-contents .system-ttl{font-size: 5.2vw;font-weight: 300;margin-bottom: 7vw;padding-bottom: 2vw;border-bottom: 1px #ccc solid;line-height: 1.6;color: #FCE381;}
#case_newly .system-contents .system-i-pic{ text-align: center; margin-bottom: 8%; }
#case_newly .system-contents .system-i-pic img{ max-width: 100%; }
#case_newly .system-gallery {padding: 5% 3%;}
#case_newly .system-gallery h2 { text-transform: uppercase; }
#case_newly .gallery-list{ 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; }
#case_newly .gallery-list li{ width: 32%; position: relative; margin:0 2% 6% 0; font-size: 3.2vw; line-height: 1.4;}
#case_newly .gallery-list li:nth-of-type(3n) { margin-right: 0;}
#case_newly .gallery-list li a:hover{ text-decoration: none; }
#case_newly .gallery-list li .system-Frame{ display: block; width: 100%; height: 90px; overflow: hidden; text-align: center; margin-bottom: 5%;}
#case_newly .gallery-list li .system-Frame::after{ content: none;}
#case_newly .gallery-list li .system-Frame img{ width: 100%; height: 90px; }

#case_newly .system-list2{padding: 4vw;margin-bottom: 10%;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;}
#case_newly .system-list2 li{width: 49%;margin-right: 2%;position: relative;line-height: 1.4;position: relative;margin-bottom: 5%;padding: 2% 2% 2%;color: #fff;}
#case_newly .system-list2 li:nth-child(2n){ margin-right: 0}
#case_newly .system-list2 li a:hover{ text-decoration: none; }
#case_newly .system-list2 .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#case_newly .system-list2 .btn::after { content: ' >';}
#case_newly .system-list2 li .system-pic{width: 100%;height: 33vw;overflow: hidden;text-align: center;margin-bottom: 4vw;}
#case_newly .system-list2 li .system-pic img{width: 100%;height: 33vw;}
#case_newly .system-list2 li .system-date{font-size: 3.2vw;}
#case_newly .system-list2 li .system-ttl-01{font-size: 3.7vw;margin-bottom: 0.9vw;line-height: 1.6;color: #FCE381;}


/* blog -------------------------------------*/
/*patern2*/ 
#blog .mainContents .system-list2{padding: 3vw;margin-bottom: 10%;}
#blog .mainContents .system-list-inner2{}
#blog .mainContents .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
#blog .mainContents .system-list2 li a:hover{ text-decoration: none; }
#blog .mainContents .system-list2 .system-pic{width: 39%;float: left;overflow: hidden;height: 30vw;}
#blog .mainContents .system-list2 .system-pic img{width: 100%;height: 30vw;}
#blog .mainContents .system-list2 .system-date{font-size: 3.2vw;line-height: 1.4;margin-bottom: 2%}
#blog .mainContents .system-list2 .textbox{width: 58%;float: left;margin-bottom: 2%;margin-left: 2%;}
#blog .mainContents .system-list2 .system-ttl-01{font-size: 3.8vw;line-height: 1.6;margin-bottom: 2%;}
#blog .mainContents .system-list2 .system-category-set {overflow: hidden;margin-bottom: 3vw;}
#blog .mainContents .system-list2 .system-category{}
#blog .mainContents .system-list2 .system-contributor {width: 78%;float: right;color: #bbb;font-size: 2.9vw;text-align: right;}
/**/
#blog .mainContents .system-contents{padding: 3vw;margin-bottom: 10%;}
#blog .mainContents .system-contents-inner {}
#blog .mainContents .system-contents .system-date{ font-size: 3.8vw; margin-bottom: 5%; display: block; }
#blog .mainContents .system-contents .system-date::before{}
#blog .mainContents .system-contents .system-category-set {width: 78%;overflow: hidden;margin: 0 auto 4vw;}
#blog .mainContents .system-contents .system-category{float: left;font-size: 3.2vw;color: #fff;text-align: center;margin-bottom: 0.1vw;margin-right: 0.1vw;background: #111;}
#blog .mainContents .system-contents .system-ttl{ font-size: 4.2vw; font-weight: bold; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px #ccc solid; line-height: 1.4; }
#blog .mainContents .system-contents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 1px dotted #ccc;}
#blog .mainContents .system-contents .system-contributor { font-size: 3.2vw; margin-bottom: 5%; text-align: right;}

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

  #blog .system-gallery { padding: 5% 3%; }
  #blog .system-gallery h3 {text-transform: uppercase; text-align: center; font-size: 4vw; margin-bottom: 3vw;}
  #blog .gallery-list {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; }
  #blog .gallery-list li {width: 33%; position: relative; margin: 0 0.5% 3% 0; font-size: 1.1rem; line-height: 1.4; }
  #blog .gallery-list li:nth-of-type(3n) {margin-right: 0; }
  #blog .gallery-list li a:hover {text-decoration: none; }
  #blog .gallery-list li .system-Frame {display: block; width: 100%; height: 24vw; overflow: hidden; text-align: center; margin-bottom: 1vw; }
  #blog .gallery-list li .system-Frame::after {content: none; }
  #blog .gallery-list li .system-Frame img {width: 100%; height: 24vw; }
/* form -------------------------------------*/
.form-Box{padding: 3.5vw 1.8vw;margin-bottom: 30px;line-height: 1.6;position: relative;z-index: 1;}
.form-Box .form-Box-inner{padding: 3vw;}
.form-Box .form-list {font-size: 4vw;margin-left: 4.1vw;margin-bottom: 5vw;letter-spacing: 0.05vw;line-height: 1.54;}
.form-Box .error { margin-bottom: 1rem;}
.form-Box .attention-color {color: #9F8F4E;}
.form-Box .form-list li { padding-left: 1rem; text-indent: -1rem; margin-bottom: 3px; }
.form-Box table { border-bottom: 1px solid #dcdddd; margin-bottom: 10%; font-size: 3.4vw; line-height: 1.6;}
.form-Box tr { margin-bottom: 0 !important}
.form-Box th {border: 1px solid #dcdddd;text-align: left;width: 100%;background-color: #D9D9D9;padding: 3%;vertical-align: top;}
.form-Box td {border: 1px solid #dcdddd;border-bottom: 0;text-align: left;width: 100%;padding: 7% 3%;vertical-align: top;background: #fff;}
.form-Box .from-btn-01 { text-align: center; }
.form-Box .from-btn-02 { margin-top: 10%;}
.form-Box .button {border: 0;padding: 0;margin: 0;background: none;box-shadow: 0px 0px 20px #686868;}
.form-Box .from-btn-02 p { margin-bottom: 3%;}
.form-Box input[type="text"],
.form-Box input[type="textarea"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box select,
.form-Box textarea {width: 99%; margin-bottom: 2%; font-size: 16px; padding: 2%; -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: 30%; }
.form-Box textarea {font-size: 16px; line-height: 1.6; min-height: 120px;}
.form-Box select{font-size: 3.8vw; padding: 3% 2% 4%; width: 60%;-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.name[type="text"]{ width: 45%; }

.priv-title{ text-align: center; margin-bottom: 4%; }
.priv-text{padding: 3%;overflow-y:scroll;height: 250px;border:#ccc solid 1px;margin-bottom: 5%;background: #fafafa;color: #333;}
.priv-text .priv-ttl{ margin-bottom: 2%; font-size: 1.5rem; font-weight: bold; }
.priv-text p{ margin-bottom: 4%; font-size: 3.2vw; margin-bottom: 4%; padding-bottom: 4%; border-bottom: #ccc solid 1px; }
.priv{ text-align: center; margin-bottom: 5%; }
.priv-text .tt{ margin-bottom: 3%;  font-size: 4.8vw; font-weight: bold; }

}

/* Contact Form 7：選択肢の前後の余白を消し、現行（label の中に input と文字が並ぶ形）と同じ間隔にする（WP移設で追加） */
.wpcf7 .wpcf7-list-item { margin: 0; }
.wpcf7 .wpcf7-list-item-label::before,
.wpcf7 .wpcf7-list-item-label::after { content: none; }