@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: 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{ background: #eeefef; display: inline-block; border: #dcdddd 1px solid; }
  .page-list li.active { background: #231815; color: #fff; }
  .page-list li.active a { color: #fff; }
  .page-list a { padding: 12px; display: inline-block; }
  .pagen{ width: 1100px; margin: 0 auto 50px 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: 5px; display: inline-block; font-size: 16px; letter-spacing: 3px; text-align: center; font-weight: bold; width: 116px; border: 1px solid #000; border-radius: 40px; background: #fff;}
  .page-navi .fast { margin-right: 15px; }
  .page-navi .last { }
  .pagen .list{ float: right; }
  .pagen .list a{ padding: 5px; display: inline-block; font-size: 16px; letter-spacing: 1px; text-align: center; font-weight: bold; width: 141px; border: 1px solid #000; border-radius: 40px; background: #fff;}
  .pagen .list a:hover{ }
  .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 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: 0.875em; 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{ 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;}

  /* topics -------------------------------------*/
  #topics .topics-ttl{ text-align: center; margin: 8px auto 42px;}
  #topics .system-list{ margin-bottom: 50px; }
  #topics .system-list-inner{ background: #fff; }
  #topics .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 30px; border-bottom: 1px dotted #b2b2b2; padding: 0 50px 30px;}
  #topics .system-list li:first-child{ border-top: 1px dotted #b2b2b2; padding: 31px 50px 30px;}
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-list .system-pic{ width: 20.3%; float: left; text-align: center; margin-right: 18px;}
  #topics .system-list .system-pic img{ max-width: 100%; height: auto; max-height: 160px; }
  #topics .system-list .system-date{ font-size: 16px; color: #7F7F7F; letter-spacing: 0.8px; line-height: 1.4; margin-bottom: 10px;}
  #topics .system-list .sys-bx{ width: 77%; float: left; }
  #topics .system-list .system-ttl-01{  font-size: 18px; line-height: 1.45; letter-spacing: 0.85px;}
  #topics .system-list .system-category-set { margin-bottom: 8px;}
  #topics .system-list .system-category{ display: inline-block; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 1px 7px; background: #ccc;}
  #topics .icon01{ background: #00134b !important; }
  #topics .icon02{ background: #0f78d6 !important; }
  #topics .icon03{ background: #222 !important; }
  #topics .icon04{ background: #333 !important; }
  #topics .icon05{ background: #444 !important; }
  #topics .icon06{ background: #555 !important; }
  #topics .system-contents{ margin: 38px 0 50px; border-top: 2px solid #000;border-bottom: 2px solid #000; padding: 50px 120px;}
  #topics .system-contents-inner { background: #fff; }
  #topics .system-contents .sys-bx{line-height: 1.4; 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;}
  #topics .system-contents .system-date{ font-size: 16px; letter-spacing: 0.8px; margin-bottom: 15px; display: block; }
  #topics .system-contents .system-category-set { margin-bottom: 23px; margin-right: 14px;}
  #topics .system-contents .system-category{ font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 1px 7px; display: inline-block; margin-right: 2px; }
  #topics .system-contents .system-ttl{ font-size: 30px; font-weight: bold; letter-spacing: 1.5px; margin-bottom: 15px; padding-bottom: 15px; line-height: 1.4; }
  #topics .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
  #topics .system-contents .system-i-pic img{ max-width: 100%; max-height: 690px; width: auto; height: auto; }

  #topics .btnArea a {
    width: 860px; margin-left: auto;
    text-align: right; padding: 0;
    display: block;
    background: none;
}

  /* episode -------------------------------------*/
  #episode main{width: 100%; margin: 0 auto; }
  #episode .episode-ttl{text-align: center; margin-bottom: 32px; margin-top: 90px;}
  #episode .episode-ttl1{text-align: center; margin-bottom: 35px; font-size: 16px; font-weight: bold; letter-spacing: 7.2px; padding-left: 8px;}
  #episode .system-list { width: 1100px; margin: 0 auto 100px; 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; }
  #episode .system-list li{line-height: 1.4;width: 360px;min-height: 200px; margin-right: 0.9%;background: url(../images/episode/episode-bg-icon.svg) no-repeat bottom 15px right 14px #000;position: relative;margin-bottom: 10px;padding: 30px 20px 10px;}
  #episode .system-list li a{display: block; height: 100%;}
  #episode .system-list li:nth-child(3n){ margin-right: 0}
  #episode .system-list li a:hover{ text-decoration: none; }
  #episode .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0%;}
  #episode .system-pic{width: 100%;padding-bottom: 23px;overflow: hidden;text-align: left;}
  #episode .system-pic img{width: 85%;}
  #episode .sys-bx{position: absolute; left:20px; bottom: 10px; 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;}
  #episode .system-join{ font-size: 16px; letter-spacing: 1px; color: #fff; margin-bottom: 5px; text-align: left; border-right: 1px solid #fff; padding-right: 7px; margin-right: 8px; line-height: 1;}
  #episode .system-job{ font-size: 16px; letter-spacing: 1px; color: #fff; margin-bottom: 5px; text-align: left; line-height: 1;}

  #episode .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; }
  #episode .system-list02 li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
  #episode .system-list02 li:nth-child(4n){ margin-right: 0}
  #episode .system-list02 li a:hover{ text-decoration: none; }
  #episode .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #episode .system-list02 .btn::after { content: ' >';}
  #episode .system-list02 .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #episode .system-list02 .system-pic img{ width: 100%; height: 180px; }
  #episode .system-list02 .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #episode .system-list02 .system-date::before{ content: "■"; }
  #episode .system-list02 .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
  #episode .system-list02 .system-ttl-01{ font-size: 1.13em; line-height: 1.4; text-align: center; font-weight: bold;}

  #episode .system-contents{ }
  #episode .system-contents-inner { background: #fff; padding: 0 0 50px; margin-top: 13px; position: relative;}
  #episode .system-contents .system-info-box{width: 1200px; margin: 0 auto 50px; position: relative; 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;}
  #episode .system-contents .system-info { width: 650px; background: #fff; position: absolute; top: 82px; right: 0px; padding: 130px 50px 63px 50px;box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1);}
  #episode .system-contents .sys-top-ttl{ font-size: 20px; text-align: left; line-height: 1.4; font-weight: bold; color: #fff; letter-spacing: 10.5px; margin-bottom: 10px; position: absolute; left: 0; top: 38px; background: #000; padding: 2px 18px 2px 52px; }
  #episode .system-contents .system-name{ font-size: 50px; line-height: 1.4; font-weight: bold; text-align: left; margin-bottom: 4px;}
  #episode .system-contents .sys-in-bx{line-height: 1.4; border-bottom: 1px solid #000; padding-bottom: 4px; margin-bottom: 23px; 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;}
  #episode .system-contents .sys-in-bx .system-join{ font-size: 20px; margin-bottom: 15px; line-height: 1.4; border-right: 1px solid #000; padding-right: 10px; margin-right: 10px;color: #000;}
  #episode .system-contents .sys-in-bx .system-job{ font-size: 20px; margin-bottom: 15px; line-height: 1.4; color: #000;}
  #episode .system-contents .system-comment p{ }
  #episode .system-contents .system-comment p{ line-height: 2.13!important; letter-spacing: 0.8px; padding-right: 40px;}
  #episode .system-contents .system-i-pic{ width: 600px; text-align: center; }
  #episode .system-contents .system-i-pic img{ max-width: 100%; max-height: 720px; width: 720px; height: auto; }

  #episode .system-contents-inner .message-bx{ background: #000; padding: 52px 0 110px; margin-bottom: 68px;}
  #episode .system-contents-inner .message-bx .message-ttl{max-width: 1200px; width: 100%; margin: 0 auto; font-size: 28px; font-weight: 500; letter-spacing: 1.5px; text-align: center; color: #fff; margin-bottom: 50px; background: url(../images/episode/episode-ttl-bg.png) no-repeat top 26px left 51px,url(../images/episode/episode-ttl-bg.png) no-repeat top 26px right 51px; padding-left: 4px;;}
  #episode .system-contents-inner .message-bx .system-mes-pic{width: 100%;text-align: center;}
  #episode .system-contents-inner .message-bx .system-mes-pic img{max-width: 100%;width: auto;}

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


  #episode main #box-01{ width: 1100px; margin: 0 auto;}
  #episode main #box-01 .ttl-box .deco-point{position: absolute;top: -30px;left: 250px;}
  #episode main #box-01 .system-gallery02{ }
  #episode main #box-01 .system-gallery02 li:nth-child(odd) .texxt{-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;}
  #episode main #box-01 .system-gallery02 .li1{ margin-bottom: 75px; 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;justify-content: space-between;}
  #episode main #box-01 .system-gallery02 .system-gallery02-pic-box{width: 45.5%;margin-top: 22px;}
  #episode main #box-01 .system-gallery02 .system-gallery02-pic-box img{width: 100%; max-height: 300px;}
  #episode main #box-01 .texxt{width: 50%; }
  #episode main #box-01 .system-gallery02-txt2{ display: block; font-size: 24px; letter-spacing: 2.4px; padding: 20px 0 10px 65px; border-bottom: 1px solid #ccc; margin-bottom: 17px;}
  #episode main #box-01 .system-gallery02-txt2 span{position: relative; line-height: 1.4;}
  #episode main #box-01 .system-gallery02-txt2 span:after{content: "Q"; width: 52px; height: 32px; font-weight: bold; background: #000; color: #fff; padding: 10px 0px 10px 1px; border-radius: 30px; position: absolute; left: -65px; top: -12px; text-align: center;}
  #episode main #box-01 .system-gallery02-txt3{ }
  #episode main #box-01 .system-gallery02-txt3 p{ line-height: 2;}

  #episode main #box-02 { width: 100%; margin: 0 auto; background: #efefed; padding: 50px 0;}
  #episode main #box-02 .inner{ width: 800px; margin: 0 auto;}
  #episode main #box-02 .inner .box-02-ttl{ font-size: 28px; font-weight: bold; text-align: center; letter-spacing: 8px; padding-left: 11px; margin-bottom: 0.5px;}
  #episode main #box-02 .inner .box-02-ttl1{ text-align: center; margin-bottom: 35px; padding-left: 1px;}
  #episode main #box-02 .list { }
  #episode main #box-02 .list li:last-child { background: none}
  #episode main #box-02 .list li {background: url(../images/episode/bd-line.png) repeat-y left top; position: relative; padding-left: 36px; padding-bottom: 20px; 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;}
  #episode main #box-02 .list .ttl-01 {font-size: 20px; font-weight: bold; color: #B20606; letter-spacing: 4px; position: relative; line-height: 1; margin-bottom: 10px;}
  #episode main #box-02 .list .ttl-01:after{content: ""; width: 160px; height: 30px; background-image: url(../images/episode/list-deco.svg); background-repeat: no-repeat; position: absolute; left: -45px; top: 0px;}
  #episode main #box-02 .list .txt-01 {font-size: 16px; letter-spacing: 0.8px; }
  


  /* recruit -------------------------------------*/
  #recruit main{width: 100%; margin: 0 auto;background: #F5F5F5; }
  #recruit main .main-inner{width: 100%; margin: 0 auto;background: #fff; }
  #recruit main #form{width: 100%; margin: 0 auto; background: #fff; padding: 100px 0;}
  #recruit main #form .form-Box-inner{width: 1200px; margin: 0 auto; border: 1px solid #000; background: #fff; padding: 276px 100px 50px; position: relative;}
  #recruit main #form .form-Box-inner .form-title{position: absolute; left: 0; right: 0; top: 0;}

  #recruit .borderwrap{ width: 1200px; margin: 0 auto 50px;}
  #recruit .system-list {width: 1100px; margin: 52px auto 0;justify-content: center;
    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; }
  #recruit .system-list li { line-height: 1.6; width: 330px; margin-right: 5%; background: #fff;box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1); position: relative; margin-bottom: 50px; }
  #recruit .system-list li:nth-child(3n) { margin-right: 0; }
  #recruit .system-list li a:hover { text-decoration: none; }
  #recruit .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
  #recruit .system-list .btn::after { content: ' >'; }
  #recruit .system-pic { width: 100%; height: 330px; overflow: hidden; text-align: center; }
  #recruit .system-pic img { width: 100%; height: 330px; }
  #recruit .system-date { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.6; }
  #recruit .system-coment { font-size: 1.2rem; margin-bottom: 5px; line-height: 1.6; }
  #recruit .sys-bx { background: #fff; padding: 15px 20px 30px; }
  #recruit .system-ttl-02 { font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 18px; padding-bottom: 6px; margin-top: 3px; line-height: 1.6; text-align: center; border-bottom: 1px solid #000;}
  #recruit .sys-inner { }
  #recruit .system-category-set { margin-bottom: 15px; }
  #recruit .system-category { margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #recruit .serchcategory { margin-bottom: 100px; }
  #recruit .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
  #recruit .icon01 { background: #000; }
  #recruit .icon02 { background: #111; }
  #recruit .icon03 { background: #222; }
  #recruit .icon04 { background: #333; }
  #recruit .icon05 { background: #444; }
  #recruit .icon06 { background: #555; }
  #recruit .system-contents {background: #F5F5F5; width: 100%; margin: 0 auto; padding: 20px 20px; margin-bottom: 30px; }
  #recruit .system-contents-inner {width: 1100px; margin: 18px auto 0; position: relative;}
  #recruit .system-contents .system-date { font-size: 1em; margin-bottom: 15px; display: block; }
  #recruit .system-contents .system-category { margin-bottom: 20px; font-size: 1.2rem; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; }
  #recruit .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.6; }
  #recruit .system-contents .system-i-pic { text-align: center; margin-bottom: 20px; }
  #recruit .system-contents .system-i-pic img { max-width: 100%; max-height: 900px; width: auto; max-height: auto; }
  #recruit .system-gallery { padding: 30px 20px; }
  #recruit .system-gallery h2 { text-transform: uppercase; }
  #recruit .gallery-list { 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; }
  #recruit .gallery-list li { width: 18.4%; position: relative; margin: 0 2% 25px 0; font-size: 1.2rem; line-height: 1.6; text-align: left; }
  #recruit .gallery-list li:nth-of-type(5n) { margin-right: 0; }
  #recruit .gallery-list li a:hover { text-decoration: none; }
  #recruit .gallery-list li .system-Frame { display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px; }
  #recruit .gallery-list li .system-Frame::after { content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0; }
  #recruit .gallery-list li .system-Frame img { width: 100%; height: 120px; }
  #recruit .recruit_icon { margin-bottom: 16px; }
  #recruit .recruit-main { width: 1100px; margin: 0 auto 50px; position: relative; 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;}
  #recruit .recruit-main-txt { width: 600px; padding: 75px 60px 56px; background: #fff; box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1);position: absolute; left: 0; top: 105px;}
  #recruit .recruit-main h2 { text-align: left; color: #000; font-size: 38px; letter-spacing: 5px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 18px; margin-bottom: 25px;}
  #recruit .recruit-main .ttl { font-size: 16px; line-height: 1.8; font-weight: bold; margin: 0 0 30px 0; }
  #recruit .recruit-main .txt { font-size: 14px; line-height: 1.8; padding: 16px; position: relative; }
  #recruit .recruit-main .ttl-02 { font-size: 16px; font-weight: bold; margin-bottom: 24px; letter-spacing: 1.6px; line-height: 2.1;}
  #recruit .recruit-main .txt::before { content: ""; top: 0; left: 0; border-left: 1px solid #8d8d8d; border-top: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #recruit .recruit-main .txt::after { content: ""; bottom: 0; right: 0; border-right: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #recruit .recruit-main .main-photo { width: 580px; margin-left: auto;}
  #recruit .recruit-main .main-photo img { max-width: 100%; max-height: 580px; width: 580px; height: auto; }
  #recruit #end-c-box { margin-top: -35px; }
  #recruit .system-inner .recruit-table { width: 1100px; margin: 0 auto; line-height: 1.8; background: #fff; padding: 35px 100px;}
  #recruit .system-inner .recruit-table table { width: 100%; line-height: 1.8; }
  #recruit .system-inner .recruit-table table tr { border-bottom: 1px solid #D1D1D1; }
  #recruit .system-inner .recruit-table table th { width: 18%; font-size: 18px; letter-spacing: 3px; font-weight: bold; padding: 27px 0px 27px 33px; text-align: left; line-height: 1.4;}
  #recruit .system-inner .recruit-table table td { width: 82%; font-size: 16px; letter-spacing: 1.5px; padding: 27px 56px 27px 56px; text-align: left; line-height: 1.4;}


  /* mid_recruit -------------------------------------*/
  #mid_recruit main{width: 100%; margin: 0 auto;background: #F5F5F5; }
  #mid_recruit main .main-inner{width: 100%; margin: 0 auto;background: #fff; }
  #mid_recruit main #form{width: 100%; margin: 0 auto; background: #fff; padding: 100px 0;}
  #mid_recruit main #form .form-Box-inner{width: 1200px; margin: 0 auto; border: 1px solid #000; background: #fff; padding: 276px 100px 50px; position: relative;}
  #mid_recruit main #form .form-Box-inner .form-title{position: absolute; left: 0; right: 0; top: 0;}

  #mid_recruit .seo_bread_list .brend_list{color: #000;}
  #mid_recruit .seo_bread_list .brend_list a{color: #000;}
  #mid_recruit .seo_bread_list.brend_list1 {color: #fff;}
  #mid_recruit .seo_bread_list.brend_list1 a{color: #fff;}

  #mid_recruit .mid-top-bx{background: #00113E; padding: 65px 0 38px; margin-top: -62px;}
  #mid_recruit .mid-ttl{text-align: center; padding-left: 5px;}

  #mid_recruit .sys-top-bx{height: 280px; background: #00113E; margin-top: -62px;}

  #mid_recruit .borderwrap{ width: 1200px; margin: 0 auto 50px;}
  #mid_recruit .system-list {width: 1100px; margin: 113px auto 0; 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; }
  #mid_recruit .system-list li { line-height: 1.6; width: 330px; margin-right: 5%; background: #fff;box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1); position: relative; margin-bottom: 50px; }
  #mid_recruit .system-list li:nth-child(3n) { margin-right: 0; }
  #mid_recruit .system-list li a:hover { text-decoration: none; }
  #mid_recruit .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
  #mid_recruit .system-list .btn::after { content: ' >'; }
  #mid_recruit .pic-icon {font-size: 16px; font-weight: bold; color: #fff; background: #5791FF; position: absolute; left: 0; top: 20px; padding: 5px 11px;}
  #mid_recruit .pic-icon a{display: block;}
  #mid_recruit .system-pic { width: 100%; height: 330px; overflow: hidden; text-align: center; }
  #mid_recruit .system-pic img { width: 100%; height: 330px; }
  #mid_recruit .system-date { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.6; }
  #mid_recruit .system-coment { font-size: 1.2rem; margin-bottom: 5px; line-height: 1.6; }
  #mid_recruit .sys-bx { background: #fff; padding: 15px 20px 30px; }
  #mid_recruit .system-ttl-02 { font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 18px; padding-bottom: 6px; margin-top: 3px; line-height: 1.6; text-align: center; border-bottom: 1px solid #000;}
  #mid_recruit .sys-inner { }
  #mid_recruit .system-category-set { margin-bottom: 15px; }
  #mid_recruit .system-category { margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #mid_recruit .serchcategory { margin-bottom: 100px; }
  #mid_recruit .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
  #mid_recruit .icon01 { background: #000; }
  #mid_recruit .icon02 { background: #111; }
  #mid_recruit .icon03 { background: #222; }
  #mid_recruit .icon04 { background: #333; }
  #mid_recruit .icon05 { background: #444; }
  #mid_recruit .icon06 { background: #555; }
  #mid_recruit .system-contents {background: #F5F5F5; width: 100%; margin: 0 auto; padding: 20px 20px; margin-bottom: 30px; }
  #mid_recruit .system-contents-inner {width: 1100px; margin: 18px auto -200px; position: relative; top: -218px;}
  #mid_recruit .system-contents .system-date { font-size: 1em; margin-bottom: 15px; display: block; }
  #mid_recruit .system-contents .system-category { margin-bottom: 20px; font-size: 1.2rem; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; }
  #mid_recruit .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.6; }
  #mid_recruit .system-contents .system-i-pic { text-align: center; margin-bottom: 20px; }
  #mid_recruit .system-contents .system-i-pic img { max-width: 100%; max-height: 900px; width: auto; max-height: auto; }
  #mid_recruit .system-gallery { padding: 30px 20px; }
  #mid_recruit .system-gallery h2 { text-transform: uppercase; }
  #mid_recruit .gallery-list { 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; }
  #mid_recruit .gallery-list li { width: 18.4%; position: relative; margin: 0 2% 25px 0; font-size: 1.2rem; line-height: 1.6; text-align: left; }
  #mid_recruit .gallery-list li:nth-of-type(5n) { margin-right: 0; }
  #mid_recruit .gallery-list li a:hover { text-decoration: none; }
  #mid_recruit .gallery-list li .system-Frame { display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px; }
  #mid_recruit .gallery-list li .system-Frame::after { content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0; }
  #mid_recruit .gallery-list li .system-Frame img { width: 100%; height: 120px; }
  #mid_recruit .recruit_icon { margin-bottom: 16px; }
  #mid_recruit .recruit-main { width: 1100px; margin: 0 auto 50px; position: relative; 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;}
  #mid_recruit .recruit-main-txt { width: 600px; padding: 26px 60px 56px; background: #fff; box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1);position: absolute; left: 0; top: 105px;}
  #mid_recruit .recruit-main h2 {text-align: left;color: #000;font-size: 38px;letter-spacing: 3.8px;font-weight: bold;border-bottom: 1px solid #000;padding-bottom: 18px;margin-bottom: 25px;}
  #mid_recruit .system-inner .pic-icon1 {font-size: 16px;font-weight: bold;color: #fff;background: #5791FF;padding: 5px 11px;display: block;width: 54px;height: 36px;margin-bottom: 13px;}
  #mid_recruit .system-inner .pic-icon1 a{display: block;}
  #mid_recruit .recruit-main .ttl { font-size: 16px; line-height: 1.8; font-weight: bold; margin: 0 0 30px 0; }
  #mid_recruit .recruit-main .txt { font-size: 14px; line-height: 1.8; padding: 16px; position: relative; }
  #mid_recruit .recruit-main .ttl-02 { font-size: 16px; font-weight: bold; margin-bottom: 24px; letter-spacing: 1.6px; line-height: 2.1;}
  #mid_recruit .recruit-main .txt::before { content: ""; top: 0; left: 0; border-left: 1px solid #8d8d8d; border-top: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #mid_recruit .recruit-main .txt::after { content: ""; bottom: 0; right: 0; border-right: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #mid_recruit .recruit-main .main-photo { width: 580px; margin-left: auto;}
  #mid_recruit .recruit-main .main-photo img { max-width: 100%; max-height: 580px; width: 580px; height: auto; }
  #mid_recruit #end-c-box { margin-top: -35px; }
  #mid_recruit .system-inner .recruit-table { width: 1100px; margin: 0 auto; line-height: 1.8; background: #fff; padding: 35px 100px;}
  #mid_recruit .system-inner .recruit-table table { width: 100%; line-height: 1.8; }
  #mid_recruit .system-inner .recruit-table table tr { border-bottom: 1px solid #D1D1D1; }
  #mid_recruit .system-inner .recruit-table table th { width: 18%; font-size: 18px; letter-spacing: 3px; font-weight: bold; padding: 27px 0px 27px 33px; text-align: left; line-height: 1.4;}
  #mid_recruit .system-inner .recruit-table table td { width: 82%; font-size: 16px; letter-spacing: 1.5px; padding: 27px 56px 27px 56px; text-align: left; line-height: 1.4;}


  .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; }
  .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;}
  .form-Box .form-Box-inner{ background: #fff; padding: 20px 0px 40px;}
  .form-Box .form-list { font-size: 16px; letter-spacing: 0.8px; margin-bottom: 55px; line-height: 1.93;}
  .form-Box .error { margin-bottom: 1em;}
  .form-Box .attention-color { color: #f00;}
  .form-Box .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 3px; }
  .form-Box table { margin-bottom: 50px; font-size: 0.875em; line-height: 1.6;}
  .form-Box tr { border-top: 1px solid #dcdddd;border-bottom: 1px solid #dcdddd; }
  .form-Box th { font-size: 18px; font-weight: bold; text-align: left; width: 30%; background-color: #F4F5F3; padding: 20px 30px; vertical-align: top;}
  .form-Box td {  text-align: left; width: 70%; padding: 20px; 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: 800px;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;}
  .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 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;}


  }

@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{ background: #eeefef; display: inline-block; border: #dcdddd 1px 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{width: 85%;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: 1vw; display: inline-block; font-size: 3.6vw; letter-spacing: 0.3vw; text-align: center; font-weight: bold; width: 23vw; border: 1px solid #000; border-radius: 5vw; background: #fff;}
.page-navi .fast { margin-right: 1vw; }
.page-navi .last { }
.pagen .list{ float: right; }
.pagen .list a{ padding: 1vw; display: inline-block; font-size: 3.6vw; letter-spacing: 0.3vw; text-align: center; font-weight: bold; width: 30vw; border: 1px solid #000; border-radius: 5vw; background: #fff;}
.pagen .list a:hover{  text-decoration: none; }
.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;}


/* topics -------------------------------------*/
#topics .topics-ttl{ width: 20vw; text-align: center; margin: 3vw auto 3vw;}
#topics .system-list{ padding: 0vw 3vw 1%; margin-bottom: 10%; }
#topics .system-list-inner{ background: #fff; padding: 5% 3% 0;}
#topics .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
#topics .system-list li:first-child{border-top: 1px dotted #b2b2b2; padding: 5% 0 5%;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-list .system-date{ font-size: 3.4vw; line-height: 1.4; margin-bottom: 1vw}
#topics .system-list .system-pic{ width: 38%; float: left; text-align: center; -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; }
#topics .system-list .system-pic img{ max-width: 100%; max-height: 25vw; width: auto; height: auto; }
#topics .system-list .sys-bx{ width: 58%; float: right; }
#topics .system-list .system-ttl-01{ font-size: 3.6vw; line-height: 1.6; }
#topics .system-list .system-category-set { margin-bottom: 2%;}
#topics .system-list .system-category{display: inline-block; margin-bottom: 0.5vw; font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 0.5vw 2vw; background: #111;}
#topics .icon01{ background: #00134b !important; }
#topics .icon02{ background: #0f78d6 !important; }
#topics .icon03{ background: #222 !important; }
#topics .icon04{ background: #333 !important; }
#topics .icon05{ background: #444 !important; }
#topics .icon06{ background: #555 !important; }
#topics .system-contents{ padding: 4% 2%; margin-bottom: 3%; }
#topics .system-contents-inner { background: #fff; padding: 5% 3%;}
#topics .system-contents .system-date{ font-size: 3.6vw; margin-bottom: 3vw; display: block; }
#topics .system-contents .system-category-set { width: 100%; margin-bottom: 3vw;}
#topics .system-contents .system-category{ font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 4vw; display: inline-block; margin-bottom: 1vw;}
#topics .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; }
#topics .system-contents .system-i-pic{ width: 100%; text-align: center; margin: 0 auto 8%; -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; }
#topics .system-contents .system-i-pic img{ max-width: 100%; max-height: 60vw; width: auto; height: auto; }

#topics .btnArea a {
  width: 60vw; margin: 0 auto;
  text-align: right; padding: 0;
  display: block;
  background: none;
}

  /* episode -------------------------------------*/
  #episode .episode-ttl{width: 40vw; margin: 5vw auto;}
  #episode .episode-ttl1{text-align: center; margin-bottom: 8vw; font-size: 3.8vw; font-weight: bold; letter-spacing: 1.5vw; }
  #episode .system-list { width: 80vw; margin: 0 auto 10vw; }
  #episode .system-list li{line-height: 1.4;min-height: 50vw; background: url(../images/episode/episode-bg-icon.svg) no-repeat bottom 3vw right 3vw #000;position: relative;margin: 0 auto 5vw; padding: 5vw;}
  #episode .system-list li a{display: block; height: 100%;}
  #episode .system-list li a:hover{ text-decoration: none; }
  #episode .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0%;}
  #episode .system-pic{width: 100%;padding-bottom: 10vw;overflow: hidden;text-align: left;}
  #episode .system-pic img{ width: auto; max-width: 100%;}
  #episode .sys-bx{position: absolute; left: 5vw; bottom: 3vw; 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;}
  #episode .system-join{ font-size: 3.6vw; letter-spacing: 0.2vw; color: #fff; text-align: left; border-right: 1px solid #fff; padding-right: 2vw; margin-right: 2.5vw; line-height: 1.2;}
  #episode .system-job{ font-size: 3.6vw; letter-spacing: 0.2vw; color: #fff; text-align: left; line-height: 1.2;}

  #episode .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; }
  #episode .system-list02 li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
  #episode .system-list02 li:nth-child(4n){ margin-right: 0}
  #episode .system-list02 li a:hover{ text-decoration: none; }
  #episode .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #episode .system-list02 .btn::after { content: ' >';}
  #episode .system-list02 .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #episode .system-list02 .system-pic img{ width: 100%; height: 180px; }
  #episode .system-list02 .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #episode .system-list02 .system-date::before{ content: "■"; }
  #episode .system-list02 .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
  #episode .system-list02 .system-ttl-01{ font-size: 1.13em; line-height: 1.4; text-align: center; font-weight: bold;}

  #episode .system-contents{ }
  #episode .system-contents-inner { background: #fff; padding: 0 0 5vw; margin-top: 3vw; position: relative; margin-bottom: 8vw;}
  #episode .system-contents .system-info-box{width: 100%; margin: 0 auto 5vw; position: relative; 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;}
  #episode .system-contents .system-info { background: #fff; padding: 5vw;}
  #episode .system-contents .sys-top-ttl{width: 60vw; margin: 0 auto; font-size: 4vw; text-align: left; line-height: 1.4; font-weight: bold; color: #fff; letter-spacing: 2vw; margin-bottom: 5vw; background: #000; padding: 2vw 0 1vw 3vw; text-align: center;}
  #episode .system-contents .system-name{ font-size: 8vw; line-height: 1.4; font-weight: bold; letter-spacing: 0.5vw; text-align: center; margin-bottom: 2vw;}
  #episode .system-contents .sys-in-bx{line-height: 1.4; padding-bottom: 2vw; margin-bottom: 5vw; 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; justify-content: center;}
  #episode .system-contents .sys-in-bx .system-join{ font-size: 4vw; line-height: 1.4; border-right: 1px solid #000; padding-right: 2vw; margin-right: 2vw;color: #000;}
  #episode .system-contents .sys-in-bx .system-job{ font-size: 4vw; line-height: 1.4; color: #000;}
  #episode .system-contents .system-comment p{ }
  #episode .system-contents .system-comment p{ line-height: 2!important; letter-spacing: 0.2vw; }
  #episode .system-contents .system-i-pic{ width: 100%; text-align: center; margin: 0 auto 5vw;}
  #episode .system-contents .system-i-pic img{ max-width: 100%; width: auto; height: auto; max-height: 100vw;}

  #episode .system-contents-inner .message-bx{ background: #000; padding: 8vw 0 10vw; margin-bottom: 10vw;}
  #episode .system-contents-inner .message-bx .message-ttl{ font-size: 4.2vw; font-weight: 500; letter-spacing: 0.5vw; text-align: center; color: #fff; margin-bottom: 10vw; background: url(../images/episode/episode-ttl-bg.png) no-repeat top 3vw left 5vw,url(../images/episode/episode-ttl-bg.png) no-repeat top 3vw right 5vw; background-size: 30vw;}
  #episode .system-contents-inner .message-bx .system-mes-pic{ width: 100%; text-align: center; }
  #episode .system-contents-inner .message-bx .system-mes-pic img{ max-width: 100%; width: auto; }

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


  #episode main #box-01{ width: 90%; margin: 0 auto;}
  #episode main #box-01 .ttl-box .deco-point{position: absolute;top: -30px;left: 250px;}
  #episode main #box-01 .system-gallery02{ }
  #episode main #box-01 .system-gallery02 li:nth-child(odd) .texxt{-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;}
  #episode main #box-01 .system-gallery02 .li1{ margin-bottom: 5vw; }
  #episode main #box-01 .system-gallery02 .system-gallery02-pic-box{width: 100%; margin: 0 auto 3vw;}
  #episode main #box-01 .system-gallery02 .system-gallery02-pic-box img{width: 100%; height: auto; max-height: 60vw;}
  #episode main #box-01 .texxt{}
  #episode main #box-01 .system-gallery02-txt2{ display: block; font-size: 4vw; letter-spacing: 0.2vw; padding: 5vw 0 3vw 13vw; border-bottom: 1px solid #ccc; margin-bottom: 5vw;}
  #episode main #box-01 .system-gallery02-txt2 span{position: relative; line-height: 1.4;}
  #episode main #box-01 .system-gallery02-txt2 span:after{content: "Q"; width: 3vw; height: 5vw; font-weight: bold; background: #000; color: #fff; padding: 2vw 3.5vw 2.5vw 3vw; border-radius: 5vw; position: absolute; left: -12vw; top: -1vw;}
  #episode main #box-01 .system-gallery02-txt3{ }
  #episode main #box-01 .system-gallery02-txt3 p{ line-height: 2;}

  #episode main #box-02 { width: 100%; margin: 0 auto; background: #efefed; padding: 8vw 0 3vw;}
  #episode main #box-02 .inner{ width: 80%; margin: 0 auto;}
  #episode main #box-02 .inner .box-02-ttl{ font-size: 5.2vw; font-weight: bold; text-align: center; letter-spacing: 1vw; margin-bottom: -1vw;}
  #episode main #box-02 .inner .box-02-ttl1{ width: 40vw; margin: 0 auto 10vw;}
  #episode main #box-02 .list { }
  #episode main #box-02 .list li:last-child { background: none}
  #episode main #box-02 .list li {background: url(../images/episode/bd-line.png) repeat-y left top; position: relative; padding-left: 9.5vw; padding-bottom: 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;}
  #episode main #box-02 .list .ttl-01 {font-size: 4vw; font-weight: bold; color: #B20606; letter-spacing: 0.4vw; position: relative; line-height: 1; margin-bottom: 3vw;}
  #episode main #box-02 .list .ttl-01:after{content: ""; width: 30vw; height: 30vw; background-image: url(../images/episode/list-deco.svg); background-repeat: no-repeat; position: absolute; left: -11.5vw; top: -0.8vw;}
  #episode main #box-02 .list .txt-01 {font-size: 3.6vw; letter-spacing: 0.2vw; }
  

  /* recruit -------------------------------------*/
  #recruit main{width: 100%; margin: -3vw auto 0;background: #F5F5F5; }
  #recruit main .main-inner{width: 100%; margin: 0 auto;background: #fff; }
  #recruit main #form{width: 100%; margin: 0 auto; background: #fff; padding: 15vw 0 15vw;}
  #recruit main #form .form-Box-inner{width: 100%; margin: 0 auto; border: 1px solid #000; background: #fff; padding: 35vw 5vw 5vw; position: relative;}
  #recruit main #form .form-Box-inner .form-title{position: absolute; left: 0; right: 0; top: 0;}

  #recruit .borderwrap{width: 90%;margin: 0 auto 10vw;}
  #recruit .system-list {width: 90%; margin: 5vw auto 0;justify-content: center;
    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; }
  #recruit .system-list li { line-height: 1.6; width: 42vw; margin-right: 4vw; background: #fff;box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1); position: relative; margin-bottom: 5vw; }
  #recruit .system-list li:nth-child(2n) { margin-right: 0; }
  #recruit .system-list li a:hover { text-decoration: none; }
  #recruit .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
  #recruit .system-list .btn::after { content: ' >'; }
  #recruit .system-pic { width: 100%; height: 45vw; overflow: hidden; text-align: center; }
  #recruit .system-pic img { width: 100%; height: 45vw; }
  #recruit .system-date { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.6; }
  #recruit .system-coment { font-size: 1.2rem; margin-bottom: 5px; line-height: 1.6; }
  #recruit .sys-bx { background: #fff; padding: 3vw 3vw; }
  #recruit .system-ttl-02 { font-size: 4vw; font-weight: bold; letter-spacing: 0vw; margin-bottom: 3vw; padding-bottom: 3vw; margin-top: 2vw; line-height: 1.6; text-align: center; border-bottom: 1px solid #000;}
  #recruit .sys-inner { }
  #recruit .system-category-set { margin-bottom: 15px; }
  #recruit .system-category { margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #recruit .serchcategory { margin-bottom: 100px; }
  #recruit .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
  #recruit .icon01 { background: #000; }
  #recruit .icon02 { background: #111; }
  #recruit .icon03 { background: #222; }
  #recruit .icon04 { background: #333; }
  #recruit .icon05 { background: #444; }
  #recruit .icon06 { background: #555; }
  #recruit .system-contents {background: #F5F5F5; width: 100%; margin: 0 auto; padding: 3vw; margin-bottom: 3vw; }
  #recruit .system-contents-inner {width: 90%; margin: 5vw auto 0; position: relative;}
  #recruit .system-contents .system-date { font-size: 1em; margin-bottom: 15px; display: block; }
  #recruit .system-contents .system-category { margin-bottom: 20px; font-size: 1.2rem; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; }
  #recruit .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.6; }
  #recruit .system-contents .system-i-pic { text-align: center; margin-bottom: 20px; }
  #recruit .system-contents .system-i-pic img { max-width: 100%; max-height: 900px; width: auto; max-height: auto; }
  #recruit .system-gallery { padding: 30px 20px; }
  #recruit .system-gallery h2 { text-transform: uppercase; }
  #recruit .gallery-list { 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; }
  #recruit .gallery-list li { width: 18.4%; position: relative; margin: 0 2% 25px 0; font-size: 1.2rem; line-height: 1.6; text-align: left; }
  #recruit .gallery-list li:nth-of-type(5n) { margin-right: 0; }
  #recruit .gallery-list li a:hover { text-decoration: none; }
  #recruit .gallery-list li .system-Frame { display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px; }
  #recruit .gallery-list li .system-Frame::after { content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0; }
  #recruit .gallery-list li .system-Frame img { width: 100%; height: 120px; }
  #recruit .recruit_icon { margin-bottom: 16px; }
  #recruit .recruit-main { width: 100%; margin: 0 auto 50px; position: relative; 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;}
  #recruit .recruit-main-txt { }
  #recruit .system-inner h2 { text-align: center; color: #000; font-size: 5vw; letter-spacing: 0.3vw; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 3vw; width: 90%; margin: 0 auto 5vw;}
  #recruit .recruit-main .ttl { font-size: 16px; line-height: 1.8; font-weight: bold; margin: 0 0 30px 0; }
  #recruit .recruit-main .txt { font-size: 14px; line-height: 1.8; padding: 16px; position: relative; }
  #recruit .ttl-02 { font-size: 3.6vw; font-weight: bold; margin-bottom: 10vw; letter-spacing: 0.2vw; background: #fff; line-height: 2.1; padding: 15vw 5vw 10vw; box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1); margin-top: -20vw;}
  #recruit .recruit-main .txt::before { content: ""; top: 0; left: 0; border-left: 1px solid #8d8d8d; border-top: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #recruit .recruit-main .txt::after { content: ""; bottom: 0; right: 0; border-right: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #recruit .recruit-main .main-photo { width: 100%; margin: 0 auto; text-align: center;}
  #recruit .recruit-main .main-photo img { max-width: 100%; max-height: 75vw; width: auto; height: auto; }
  #recruit #end-c-box { margin-top: -35px; }
  #recruit .system-inner .recruit-table { width: 100%; margin: 0 auto; line-height: 1.8; background: #fff; padding: 8vw 5vw 1vw;}
  #recruit .system-inner .recruit-table table { width: 100%; line-height: 1.8; }
  #recruit .system-inner .recruit-table table tr { }
  #recruit .system-inner .recruit-table table th { width: 100%; display: block; font-size: 3.8vw; letter-spacing: 0.3vw; font-weight: bold; padding: 2vw 2vw; text-align: left; line-height: 1.4; background: #F3F3F3;}
  #recruit .system-inner .recruit-table table td { width: 100%; display: block; font-size: 3.6vw; letter-spacing: 0.2vw; padding: 4vw 2vw; text-align: left; line-height: 1.4;}


  /* recruit -------------------------------------*/
  #mid_recruit main{width: 100%; margin: -3vw auto 0;background: #F5F5F5; }
  #mid_recruit main .main-inner{width: 100%; margin: 0 auto;background: #fff; }
  #mid_recruit main #form{width: 100%; margin: 0 auto; background: #fff; padding: 15vw 0 15vw;}
  #mid_recruit main #form .form-Box-inner{width: 100%; margin: 0 auto; border: 1px solid #000; background: #fff; padding: 35vw 5vw 5vw; position: relative;}
  #mid_recruit main #form .form-Box-inner .form-title{position: absolute; left: 0; right: 0; top: 0;}

  #mid_recruit .seo_bread_list .brend_list{color: #000;}
  #mid_recruit .seo_bread_list .brend_list a{color: #000;}
  #mid_recruit .seo_bread_list.brend_list1 {color: #fff;}
  #mid_recruit .seo_bread_list.brend_list1 a{color: #fff;}
  #mid_recruit .seo_bread_list.brend_list2 {color: #000;}
  #mid_recruit .seo_bread_list.brend_list2 a{color: #000;}

  #mid_recruit .mid-top-bx{background: #00113E; padding: 15vw 0 8vw; margin-top: -11vw; margin-bottom: 10vw;}
  #mid_recruit .mid-ttl{width: 80vw; margin: 0 auto;}

  #mid_recruit .sys-top-bx{height: 10vw; background: #00113E; margin-top: -11vw;}

  #mid_recruit .borderwrap{width: 90%;margin: 0 auto 10vw;}
  #mid_recruit .system-list {width: 90%; margin: 5vw auto 0; 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; }
  #mid_recruit .system-list li { line-height: 1.6; width: 42vw; margin-right: 4vw; background: #fff;box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1); position: relative; margin-bottom: 5vw; }
  #mid_recruit .system-list li:nth-child(2n) { margin-right: 0; }
  #mid_recruit .system-list li a:hover { text-decoration: none; }
  #mid_recruit .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
  #mid_recruit .system-list .btn::after { content: ' >'; }
  #mid_recruit .pic-icon {font-size: 3.4vw; font-weight: bold; color: #fff; background: #5791FF; position: absolute; left: 0; top: 0; padding: 1vw 2vw;}
  #mid_recruit .pic-icon a{display: block;}
  #mid_recruit .system-pic { width: 100%; height: 45vw; overflow: hidden; text-align: center; }
  #mid_recruit .system-pic img { width: 100%; height: 45vw; }
  #mid_recruit .system-date { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.6; }
  #mid_recruit .system-coment { font-size: 1.2rem; margin-bottom: 5px; line-height: 1.6; }
  #mid_recruit .sys-bx { background: #fff; padding: 3vw 3vw; }
  #mid_recruit .system-ttl-02 { font-size: 4vw; font-weight: bold; letter-spacing: 0vw; margin-bottom: 3vw; padding-bottom: 3vw; margin-top: 2vw; line-height: 1.6; text-align: center; border-bottom: 1px solid #000;}
  #mid_recruit .sys-inner { }
  #mid_recruit .system-category-set { margin-bottom: 15px; }
  #mid_recruit .system-category { margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #mid_recruit .serchcategory { margin-bottom: 100px; }
  #mid_recruit .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
  #mid_recruit .icon01 { background: #000; }
  #mid_recruit .icon02 { background: #111; }
  #mid_recruit .icon03 { background: #222; }
  #mid_recruit .icon04 { background: #333; }
  #mid_recruit .icon05 { background: #444; }
  #mid_recruit .icon06 { background: #555; }
  #mid_recruit .system-contents {background: #F5F5F5; width: 100%; margin: 0 auto; padding: 3vw; margin-bottom: 3vw; }
  #mid_recruit .system-contents-inner {width: 90%; margin: 5vw auto 0; position: relative;}
  #mid_recruit .system-contents .system-date { font-size: 1em; margin-bottom: 15px; display: block; }
  #mid_recruit .system-contents .system-category { margin-bottom: 20px; font-size: 1.2rem; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; }
  #mid_recruit .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.6; }
  #mid_recruit .system-contents .system-i-pic { text-align: center; margin-bottom: 20px; }
  #mid_recruit .system-contents .system-i-pic img { max-width: 100%; max-height: 900px; width: auto; max-height: auto; }
  #mid_recruit .system-gallery { padding: 30px 20px; }
  #mid_recruit .system-gallery h2 { text-transform: uppercase; }
  #mid_recruit .gallery-list { 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; }
  #mid_recruit .gallery-list li { width: 18.4%; position: relative; margin: 0 2% 25px 0; font-size: 1.2rem; line-height: 1.6; text-align: left; }
  #mid_recruit .gallery-list li:nth-of-type(5n) { margin-right: 0; }
  #mid_recruit .gallery-list li a:hover { text-decoration: none; }
  #mid_recruit .gallery-list li .system-Frame { display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px; }
  #mid_recruit .gallery-list li .system-Frame::after { content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0; }
  #mid_recruit .gallery-list li .system-Frame img { width: 100%; height: 120px; }
  #mid_recruit .recruit_icon { margin-bottom: 16px; }
  #mid_recruit .recruit-main { width: 100%; margin: 0 auto 50px; position: relative; 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;}
  #mid_recruit .recruit-main-txt { }
  #mid_recruit .system-inner h2 { text-align: center; color: #000; font-size: 5vw; letter-spacing: 0.3vw; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 3vw; width: 90%; margin: 0 auto 5vw;}
  #mid_recruit .system-inner .pic-icon1 {font-size: 3.6vw;font-weight: bold;color: #fff;background: #5791FF;padding: 1vw 3vw;position: absolute; left: 4.8vw; top: 0; }
  #mid_recruit .system-inner .pic-icon1 a{display: block;}
  #mid_recruit .recruit-main .ttl { font-size: 16px; line-height: 1.8; font-weight: bold; margin: 0 0 30px 0; }
  #mid_recruit .recruit-main .txt { font-size: 14px; line-height: 1.8; padding: 16px; position: relative; }
  #mid_recruit .ttl-02 { font-size: 3.6vw; font-weight: bold; margin-bottom: 10vw; letter-spacing: 0.2vw; background: #fff; line-height: 2.1; padding: 15vw 5vw 10vw; box-shadow: 0px 3px 12px 0px rgba(10,10,10,0.1); margin-top: -20vw;}
  #mid_recruit .recruit-main .txt::before { content: ""; top: 0; left: 0; border-left: 1px solid #8d8d8d; border-top: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #mid_recruit .recruit-main .txt::after { content: ""; bottom: 0; right: 0; border-right: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; width: 16px; height: 16px; position: absolute; background: none; }
  #mid_recruit .recruit-main .main-photo { width: 100%; margin: 0 auto; text-align: center;}
  #mid_recruit .recruit-main .main-photo img { max-width: 100%; max-height: 75vw; width: auto; height: auto; }
  #mid_recruit #end-c-box { margin-top: -35px; }
  #mid_recruit .system-inner .recruit-table { width: 100%; margin: 0 auto; line-height: 1.8; background: #fff; padding: 8vw 5vw 1vw;}
  #mid_recruit .system-inner .recruit-table table { width: 100%; line-height: 1.8; }
  #mid_recruit .system-inner .recruit-table table tr { }
  #mid_recruit .system-inner .recruit-table table th { width: 100%; display: block; font-size: 3.8vw; letter-spacing: 0.3vw; font-weight: bold; padding: 2vw 2vw; text-align: left; line-height: 1.4; background: #F3F3F3;}
  #mid_recruit .system-inner .recruit-table table td { width: 100%; display: block; font-size: 3.6vw; letter-spacing: 0.2vw; padding: 4vw 2vw; text-align: left; line-height: 1.4;}


/* form -------------------------------------*/
.form-Box{ padding: 4% 2%; margin-bottom: 30px; line-height: 1.6;}
.form-Box .form-Box-inner{ background: #fff; padding: 5% 3%;}
.form-Box .form-list { font-size: 3.2vw; margin-bottom: 10%;}
.form-Box .error { margin-bottom: 1rem;}
.form-Box .attention-color { color: #f00;}
.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 { border-top: 1px solid #dcdddd;border-bottom: 1px solid #dcdddd; margin-bottom: 0 !important}
.form-Box th { text-align: left; width: 100%; background-color: #eeefef; padding: 3%; vertical-align: top;}
.form-Box td { border-bottom: 0; text-align: left; width: 100%; padding: 7% 3%; vertical-align: top;}
.form-Box .from-btn-01 { text-align: center; }
.form-Box .from-btn-02 { margin: 10% auto 0; width: 70vw;}
.form-Box .button { border: 0; padding: 0; margin: 0; background: none; width: 70vw;}
.form-Box .from-btn-02 p { margin-bottom: 3%;}
.form-Box input[type="text"],
.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-txt {width: 45%; }
.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;}


.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: #fff; }
.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; }

}