@charset "UTF-8";

/*ハンバーガー*/
/*ページ内スクロール(overley-menu)*/
.logo_navi{text-align:center; padding:100px 20px;}
.logo_navi img{width:60%; height:auto; min-width:200px; max-width:350px; margin:0 auto;}
.menu{ position:relative; z-index:7777;}
.menu ul{border-top:solid #ffffff 1px; /*padding-top:30px;*/ padding:30px 20px; position:relative;}
.menu .character2{position:absolute; top:-39px; left:50%;
 -ms-transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%);}
.menu-item{text-decoration: none;}
.topic{font-family:'Open Sans', sans-serif;color:#ffffff; font-weight:700; font-size:20px;  padding-bottom:1rem;}
.mu-entryicon{position:fixed; top:62px; right:1px; z-index:1000;}
.mu-entryicon img{width:60px;}
.mu-entryicon img:hover{filter:alpha(opacity=80);opacity:0.8;} /*マウスオーバーで透過*/
/*.messe{font-family:'Open Sans', sans-serif;color:#ffffff; font-size:13px;  padding-bottom:5px;}*/

/*hero*/
.logo img{/*width:75%;*/width:100%; max-width:450px; }
.logo{padding-bottom:30px;}
.recruit{padding-bottom:15px;}
.entrybutton img{/*width:70%; */width:100%; max-width:350px;}
.entrybutton a{display:block;}
/*小さいアイコン系*/
.logoicon{position:absolute;top:10px;left:10px; /*max-width:30%;*/z-index:6;}
.logoicon img{/*max-width:100%;*/ max-height:40px;}
.entryicon{position:fixed; top:62px; right:1px; z-index:6;}
.entryicon img{width:60px;}
.entryicon img:hover{filter:alpha(opacity=80);opacity:0.8;} /*マウスオーバーで透過*/
.recruit_title{font-family: 'Open Sans', sans-serif; color:#ffffff; font-weight: 700; font-size:25px; margin:0 auto 1.5rem;}
/*.video-wrap { position:relative; width: 100%; height: 100%;
 z-index: -100;overflow:hidden;background-size: cover;}
.video-wrap video{width:100%; display:block;}*/

/*@media screen and (max-height: 768px) {
  .logo img{ width:90%; max-width:340px;}
  .entrybutton img{ width:90%; max-width:320px;}
}*/
@media screen and (max-width: 768px) {
  .logo img{ width:100%; max-width:450px;}
  .logoicon{position:absolute;top:15px;left:10px; /*max-width:30%;*/z-index:6;}
  .logoicon img{/*max-width:100%;*/ max-height:30px;}
  .entrybutton img{ width:90%; max-width:320px;}
}

.video-wrap {
  height: 100%; /*// 高さを画面いっぱいに指定する。(vhが効かない場合の対策)*/
  height: 100vh; /*// 高さを画面いっぱいに指定する。*/
  position: relative;  /*//横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。*/
  width: 100%; /*// 横幅もいっぱいに。*/
  overflow:hidden;
}

#video {
  background: url('../img/1.jpg') no-repeat; /*// 動画が再生を始めるまで、cssのほうでも背景を設定します。*/
  background-attachment: fixed; /*// 中央揃えになるように、fixed。*/
  background-position: center center; /*// positionも中央に。*/
  background-size: cover; /*// 画面サイズに応じてサイズを可変するように設定。*/
  left: 0;
/*  // 以下、画面いっぱいにするためのCSS設定*/
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  /*// wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。*/
  position: absolute;
  top: 0;
  /*// z-indexは調整してください。*/
  z-index: 1;
  overflow:hidden;
}

/*センター合わせ*/
.hero_box{position:relative; width:100%;}
.entrybutton img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
.center{
  text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*max-width:1440;*/
  width:70%;
  max-height:100%;
  z-index:10;
}



/* #hero video 背景調節 */
#hero{
  width:100%;
  height:100%;
}
#hero .video_wrap .video-wrap{
  width:100%;
  height:100%;
  position:relative;
  display:block;
}
#hero .video_wrap .video_in{
  width:100%;
  height:100%;
}
.video_in .ami{
  width:100%;
  height:100%;
  position:absolute;
  top:50%;
  left:50%;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform:translate(-50%,-50%);
  display:block;
  background:url(../img/dotted-hero_bg.png) repeat;
  z-index:5;
}
#hero .video_wrap .video_in video{
  width:100%;
  height:100%;
  position:absolute;
  top:50%;
  left:50%;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform:translate(-50%,-50%);
}

@media screen and (max-height: 720px) {
  #hero,#hero .video_wrap,
  #hero .video_wrap .video_in{
    width:100%;
    height:auto;
  }
  #hero .video_wrap .video_in video{
    width:auto;
    height:100%;
  }
}

@media screen and (min-height: 721px) {
  #hero,#hero .video_wrap,
  #hero .video_wrap .video_in{
    width:auto;
    height:100%;
  }
  #hero .video_wrap .video_in video{
    width:auto;
    height:100%;
  }
}

@media screen and (min-width: 2201px) {
  #hero,#hero .video_wrap,
  #hero .video_wrap .video_in {
    width:100%;
    min-height:100%;
  }
  #hero .video_wrap .video_in video{
    width:auto;
    height:100%;
  }
}

@media screen and (max-width: 2200px) {
  #hero,#hero .video_wrap,
  #hero .video_wrap .video_in{
    width:100%;
    height:auto;
  }
  #hero .video_wrap .video_in video{
    width:auto;
    height:100%;
  }
}

@media screen and (max-width: 1280px) {
  #hero,#hero .video_wrap,
  #hero .video_wrap .video_in{
    width:auto;
    max-height:100%;
  }
  #hero .video_wrap .video_in video{
    width:auto;
    height:100%;
  }
}

@media screen and (max-width: 768px) {
  #hero .video_wrap .video_in video{
    width:auto;
    height:100%;
  }
}


/*message*/
#message{background-color:#040404; width:100%;padding-bottom:120px;}
.message_title{margin:0 auto;text-align:center;padding-top:60px;padding-bottom:30px;}
.message_box {max-width: 100%; padding: 0; margin: 0;}
/*.message_bg{float:left;}*/
.message_bg{display: inline-block; width:65%; padding-bottom:50px;}
.message_bg img{width: 100%;height:auto}
.boss{display: inline-block; width: 34%; padding:25px 5px;/*width:90%;*/text-align:left; margin-left:-2.5rem;}
.boss1{/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";*/color: #ffffff; font-size:16px;line-height:2em;}
.boss2{/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";*/color: #ffffff;font-size:20px; padding-top:25px;}

/*@media(max-width: 768px) {.message_bg{float: none;}}*/

@media(max-width: 1200px) {
.message_bg {display:inline-block; width:100%;}
.boss{display:inline-block; width:100%; padding:20px 40px; margin-left:0; vertical-align:bottom;}
}
@media(max-width: 768px) {
.message_bg {display:block; width:100%;}
.boss{display:block; max-width:100%; padding:20px 30px;}
.boss1{font-size:14px;font-size:1.4rem;}
.boss2{font-size:18px;font-size:1.8rem;}
}
@media(max-width: 640px) {
#message{
  padding-top:60px;
  marign-top:-60px;
 }
}


/*person*/
#person{position:relative; background:url(../img/person_background.png) center center / cover no-repeat; padding:60px 20px;}
#person h1.sp{display:none;}
.person_title{margin:0 auto; max-width:1024px;width:100%;/* margin-bottom:30px;*/text-align: right;}
.person_title img{max-width:100%;}
.flex-container{max-width:1024px; margin:20px auto; padding-left:20px;}
.flex-container ul{text-align: left;}
.person{ display:inline-block;  vertical-align:top; text-align: left;
  width:32.5%;margin:0 auto; padding:0 3.2rem 0px 0;}
.person_number{ margin:0 0 0 -2rem;padding:0;}
.person_word{ margin-top:-3rem; padding:0; width:100%;}
.person_word h2{ font-size:22px; line-height:1.4em; }
.person_word2{ margin:2rem 0; /*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体" sans-serif;*/
  font-size:14px;line-height:1.8em; font-weight:600;}
.flex-container li:nth-child(2){padding-top:4rem;}
.flex-container li:nth-child(3){padding-top:8rem;}
.flex-container li:nth-child(4){padding-top:4rem;}
.flex-container li:nth-child(5){padding-top:8rem;}

@media(max-width: 768px) {
#person h1.pc{display:none;}
#person h1.sp{display:block;}
.person{ display:block; width:95%;margin:0px auto; padding:0;}
.person_title{ margin-bottom:30px; text-align:center;}
.flex-container li:first-child{padding-top:2rem;}
.flex-container li:nth-child(2){padding-top:2rem;}
.flex-container li:nth-child(3){padding-top:2rem;}
.flex-container li:nth-child(4){padding-top:2rem;}
.flex-container li:nth-child(5){padding-top:2rem;}
}


/*know*/
#know{background-image:url(../img/bg.png); padding: 60px 20px;}
.know_title{margin:0 auto; /*max-width:50%;*/ margin-bottom:30px; text-align: center;}
.zukai{display:flex; flex-wrap:wrap; width:100%; max-width:1026px; margin:0 auto; text-align:center; padding-left:2px; justify-content: center;}
.zukai .content {width:32%; background:#eeeeee; margin:0.4%}
.zukai .content img{max-width:100%; height:auto; margin:2px;}

@media(max-width: 640px) {
.zukai{display:block; max-width:100%;}
.zukai .content {width:95%; margin:10px auto; background:#eeeeee; text-align:center;}
.zukai .content img{max-width:90%; margin:0 auto;  height:auto; }
}


/*TIMETABLE*/
#timetable{background-color:#cccccc; padding: 60px 15px;}
.timetable_title{margin:0 auto; text-align:center; margin-bottom:60px;}
.timetable-wrap{display:table; max-width:980px;
  /*display:flex;*//*flex-wrap:wrap;*//*justify-content:space-between;*/ /*max-width:84%;*/
  margin:0 auto;}
.time-box{ display:table-cell; max-width:140px; font-weight:600;}
.timetable-img{margin-bottom:1rem;}
.time-box img{/*display:block;margin-bottom: 1rem;*/height:auto; max-width:100%;}
/*.time-box article{max-width:140px;}*/

.time-box .time{font-size:14px;font-size:1.4rem;}
.time-box h2{font-size:16px; font-size:1.6rem; margin:0.5em 0 0.3em;}
.time-box .fz14{font-size:14px; font-size:1.4rem; line-height:1.4em;}
.TimeTB-sp{display:none;}

@media(max-width: 768px) {
.timetable-wrap{display:block; max-width:100%; margin:0 auto;}
.time-box{ display:block; height:140px; max-width:100%; margin:0; padding:0;}
.timetable-img{ display:inline-block; margin:0; padding:0; height:140px; width:auto;}
.time-box img{/*display:block;margin-bottom: 1rem;*/height:140px; /*max-width:100%;*/ width:auto; margin:0; padding:0;}
.timetable-tx{ display:inline-block; width:calc(100% - 150px); padding:0 0 10px 10px; vertical-align:top;}
.time-box h2{/*font-size:18px; font-size:1.8rem;*/ margin:0 0 0.3em 0;}
.time-box .fz14{font-size:13px; font-size:1.3rem; line-height:1.4em; }
.TimeTB-pc{display:none;}
.TimeTB-sp{display:block;}
}
/*@media(max-width: 640px) {
.timetable-wrap{padding:0;}
.time-box{padding:0;}
.timetable-img{ margin-bottom:0;}
.time-box img{padding:0; margin:0;}
}*/

.careerup{text-align:center; margin:60px auto 0; border:#999999 6px solid; max-width:650px; /*margin-top:60px*/;padding:30px; font-weight:600; }
.careerup h3{padding-bottom:20px; font-size:18px; font-size:1.8rem;}
.careerup ol{line-height:1.5; text-align:left; margin:0 auto; max-width:60%;}
.careerup ol li{ padding:0.2em; }
@media(max-width: 640px) {
.careerup ol{ max-width:90%;}
.careerup ol li{ padding:0em; text-indent: -1.2em;  padding-left: 1em; }
}

/*recruit*/
#recruitment{background:url(../img/recruitment.png) no-repeat; background-position:right top;
  background-size:60% auto;/*横 縦*/ padding:60px; background-color:#040404;}
.recruitment_title{margin:0 auto; text-align:center; margin-bottom:60px;}
.recruitment_title img{max-width:100%;}
.boshuyoukou {border:1px solid white; padding:40px; max-width:620px; color:#ffffff;}
.term{display:inline-block; width:30%; line-height:1.6em; padding:1em 0.5em; vertical-align:top;}
.answer{display:inline-block;width:65%;line-height:1.6em; padding:1em 0.5em; vertical-align:top;}
/*#senior{background-image:url(../img/senior_background.png); padding:60px;}*/

@media(max-width:1260px){
#recruitment{ background-size:80% auto;横 縦  }
 }
@media(max-width:768px){
#recruitment{ /*padding:60px 20px;*/ background-size:auto 100%;横 縦  }
 }

@media(max-width: 640px) {
#recruitment{ padding:60px 20px; background-size::auto 100%;/*横 縦*/ }
.boshuyoukou {padding:30px; max-width:auto; }
.term{display:block; width:100%; padding:1.5em 0 0.8em; }
.answer{display:block;width:100%; padding:0 0 1em 0.5em; border-bottom:#ffffff dotted 1px; }
}

/*SENIOR*/
#senior{
  padding:60px 60px 40px; width:100%; height:auto; top:0; z-index:-1;
  background-image:url(../img/senior_background.png);/* 画像ファイルの指定 */
  background-position: center center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /*画像をタイル状に繰り返し表示しない */
 /* background-attachment: fixed; *//*コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-size: cover; /*表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color:#eeeeee;/*背景画像が読み込まれる前に表示される背景のカラー */
}
.senior_title{margin:0 auto; text-align:center; margin-bottom:60px;}
.slider{ max-width:960px; margin:0 auto;  overflow:hidden;}
.sp-thumbnail{display: inline-block;text-align:center;margin:5px;}
.sp-thumbnail a{ /*max-width:100%;*/ margin:0 auto;}
.sp-thumbnail a:focus,.sp-thumbnail a img:focus,.sp-slide:focus{ outline:none; }
.sp-thumbnail a img{ max-width:auto; max-height:160px; }
.slider-nav{ max-width:460px; margin:0 auto 20px; display:block;}
.slider-for{ max-width:960px; }
.sp-slide{ border: solid 6px #666666; background-color:#ffffff; max-width:960px; padding:2em; }
.sp-thumbnail.slick-current a img.off{
 z-index:6666;
 display:block;
 opacity: 0 !important;
}
.sp-thumbnail.slick-current a img.on{
 z-index:6666;
 display:block;
 opacity:1 !important;
}
/*.slider-nav .sp-thumbnail a img{
 opacity: 1;
 z-index:6666
}*/

.slick-slide{
  height:auto !important;
}


.name{ max-width:750px;/*max-width:80%;*/margin:0 auto;padding-top:30px;padding-bottom:10px;}
.name h2{ font-size:18px;}
.name h2 span{ font-size:13px;font-size:1.3rem; margin-right:0.5rem;}
.name p{ border-bottom:#666666 solid 1px; font-size:14px; font-size:1.4rem;}
.name p small{ padding:0.2em 0;}
.slider_box{ max-width:750px; margin:0 auto;}
.slider_box ul{ padding-top:20px;padding-bottom:20px; /*min-height: 22rem;*/ border-bottom:#666666 dotted 1px;}
.slider_box li{ line-height: 1.4em; margin-top:5px; font-size:14px;font-size:1.4rem;}
.slider_box li h3 { margin-bottom:1.5rem; line-height:1.4em;}
.slider_box li h3 .font_gothic{ font-size:18px;}
.slider_box li h3 .font_OP{ font-weight:700; font-size:20px;padding-right:0.5rem;}

@media(max-width: 768px) {
  #senior{ padding:40px 20px 20px; }
  .slick-slide {width:auto; display:inline-block;}
  .sp-thumbnail{margin:2px;}
  .sp-thumbnail a { max-width:100%; height:auto; margin:0px auto; }
 /* .sp-thumbnail:nth-child(2) a{ margin:0px 2px 0px 2px;}*/
  .sp-thumbnail:first-child a{ /*padding:0px 2px 0px 2px;*/margin-left:-2px;}
  .sp-thumbnail:last-child a{ /*padding:0px 2px 0px 2px;*/margin-right:-2px;}
  .sp-thumbnail a img{ max-width:auto; max-height:160px; }
  .slider_box ul{ padding-top:15px;padding-bottom:15px; min-height: 22rem; }
}

/*WELFARE*/
#welfare{background-image:url(../img/bg.png); padding:60px 0; overflow:hidden;/*padding: 60px 30px;*//*background:repeat;*/}
.welfare_title{margin:0 auto; text-align: center; padding-bottom:60px;}
.infinity_out{position: relative; overflow:visible;}
.infiniteslide1 {height: 300px; width:100%;  }
.infiniteslide1 ul img { width:auto; height:300px; /*float:left; overflow:hidden;display:inline;*/ }
/*#loopslider ul:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
#loopslider ul { display:inline-block; overflow:hidden;}*/
.word1{ position:absolute; left:5%; top:-2.0em; z-index:3;/*display:inline-block;width:60%;padding-left:150px;*/}
.character{ position:absolute; right:20%; top:-38px; z-index:3;/*display:inline-block;width:30%;*/}
.word2{ position:absolute; right:15%; bottom:-3em; z-index:3;/*display:inline-block;width:100%;padding-right:150px;text-align:right;margin-bottom:30px*/}
.event{ max-width:680px; margin:30px auto 0 auto;font-size:16px;font-size:1.6rem; font-weight:600; padding:1.5rem;/*margin-left:120px;*/}

@media(max-width: 640px) {
.word1{left:2%; top:-1.8em; }
.character{right:5%; top:-30px;}
.word2{right:4%; bottom:-2.6em;}
.word1 img,.character img,.word2 img{ width:80%;}
.event{max-width:100%; margin:40px auto 0 auto; font-size:14px;font-size:1.4rem;}
}


/*Q&A*/
#Q_A{background-image:url(../img/bg2.png); padding:30px 30px; margin:0 auto;}
.QAflame{max-width:768px; height:auto;margin:0 auto; display:block;}
.Q_A_title{margin:0 auto;text-align:center; margin-bottom:30px;}
.Ques {padding:15px;border:2px solid #ffffff; width:100%; display:table;}
.QA{display:table-cell; color: #ffffff; padding-right:1.5em; width:calc(100% - 3em);
  font-size:14px; font-size:1.4rem; line-height:1.6em; vertical-align:baseline; /*padding-top:0.4em;*/}
.QUESTION,.ANSWER{display:table-cell; width:3em; font-size:25px;color:#ffffff;}
.Ans{display:table; padding:15px;border:2px solid #ffffff;margin-bottom:30px;width: 100%; }
.ANSWER{padding-left:10px;}

/*--------------------
 QandA
 --------------------*/
.switch{
  width:100%;
  margin:0 auto;
  padding:15px 0;
  position:relative;
  display:block;
}

a.toggle{
  overflow:hidden;
  width:100%;
  height:auto;
  display:block;
  position:relative;
  z-index:20;
  marign:0 auto;
}

a.toggle{
  z-index:5;
}

a.toggle:hover{
 /* color:#ffffff;*/
}

.switch .child {
  display: none;
  height:auto;
  position:relative;
  top:-2px;/* ボーダーの重なる太さ分 */
  height:auto;
  width:100%;
}

/* -----toggle ----- */
.toggle:after {
  position: absolute;
  top: 50%;
  right: 15px;
  content: '';
  margin-top: -8px;
  width:10px;
  height:10px;
  border:2px solid #ffffff;
  border-left-width:0px;
  border-top-width:0px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transition: all .3s;
}
.toggle.active:after{
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}


/*ENTRY*/
#entry{background-image:url(../img/bg3.png); padding:60px 20px 40px;}
.entry_title{margin:0 auto; text-align:center;/*padding-top:60px;*/ padding-bottom:30px;}

/*-----お問い合わせフォーム----- */
.form_out{
  background-color:#ffffff;
  padding:1em;
  margin-bottom:40px;
  max-width: 960px;
  margin: 0 auto;
  border:4px solid #666666;
}

.asterisk{
  color:#e94831;
  padding:0 0.1em;
}
.form_out .required{
  text-align:center;
  padding:1em 0;
  /*border-bottom:#cccccc dotted 1px;*/
  border-bottom:#666666 dotted 1px;
}

@media screen and (max-width:768px){
.form_out .required{
  border-bottom:none;
}
}

td input,
td textarea {
  padding:8px 5px;
  font-size:14px;
  border:none;
  border:#999999 solid 1px;
  /*width:100%;*/
}
td input:focus,
td textarea:focus {
  padding:8px 5px;
  font-size:14px;
  border:#999999 solid 1px;
}


/* ------------------
 お問い合わせフォーム  千
 （メルフォームプロ）
 ------------------ */
#EntryForm{
  width: 100%;
  padding: 20px;
  /*background-color: #e9e4e1;*/
}

.EntryForm_in{
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
}

@media screen and (max-width:739px){
  .EntryForm_in{
    width: 100%;
    padding: 0px;
  }
}

#EntryForm > h2.mincho{
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.EntryForm_in .explanation{
  width: 100%;
  padding: 1.6rem 0.3rem;
  margin-bottom: 25px;
  line-height: 2.0rem;
  /*border-top: #cccccc dotted 1px;
  border-bottom: #cccccc dotted 1px;*/
  border-bottom: #999999 dotted 1px;
  /*color: #666666;*/
}

/* 入力必須------------------ */
.asterisk{
  font-size: 1.4rem;
  color:#fa4a4a;
  padding: 0.5rem;
  background:none;
}

form#mailformpro{
  width:100%;
  margin-top:30px;
}

.mailform{
  width: 100%;
  display: block;
}

form#mailformpro table.mailform {
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

form#mailformpro .mailform tr{
  width: 100%;
  height: auto;
  display: block;
  text-align: left;
  margin: 0;
  padding: 0 0 20px 0;
}

form#mailformpro .mailform tr th.mfp{
  /*width: 100%;*/
  /*display: block;*/
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width:20rem;
  margin-right:2rem;
  display: inline-block;
  /*vertical-align:baseline;*/
  font-size:14px;
  font-size:1.4rem;
  font-weight:600;
  color:#333333;
}

form#mailformpro .mailform tr.Tx_area th{
  vertical-align:top;
}

form#mailformpro .mailform tr td.mfp{
  /*width: 100%;*/
  /*display:block;*/
  height: auto;
  min-height: 40px;
  text-align: left;
  margin: 0;
  padding: 0;
  width: calc(100% - 24rem);
  display: inline-block;
  vertical-align:baseline;
  font-size:14px;
  font-size:1.4rem;
  font-weight:600;
  color:#333333;
}

form#mailformpro .mailform tr th.mfp span {
  display: inline-block;
  padding: 0.3rem;
}

@media screen and (max-width:739px){
  form#mailformpro{
    width:100%;
    margin-top:15px;
  }

  form#mailformpro .mailform tr th.mfp{
    width: 100%;
    display: block;
  }
  form#mailformpro .mailform tr td.mfp{
    width: 100%;
    display: block;
  }
}

form#mailformpro .mailform tr td.mfp input[type="text"],
form#mailformpro .mailform tr td.mfp input[type="email"],
form#mailformpro .mailform tr td.mfp input[type="tel"],
form#mailformpro .mailform tr td.mfp input[type="date"] {
    -webkit-appearance: none;
    display:block;
    height: 40px;
    width: 100%;
    text-align: left;
    margin:0;
    padding: 0.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* 　ワイド100％　------------------ */
form#mailformpro .mailform tr td.mfp .w100pr {
  width: 100%;
  height: 40px;
  text-align: left;
  /*display:table-cell;*/
  display:block;
  margin:0;
  padding: 0.5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


/* 　テーブルセル　二分割　------------------ */
form#mailformpro .mailform tr td.mfp .inline{
  display: table;
  width: 100%;
  height: auto;
  text-align: left;
  margin:0;
  padding:0;
  border-collapse: separate;   /*←ココで余白*/
  border-spacing: 2px 0px;   /*←ココで余白 [左右・上下]*/
}

form#mailformpro .mailform tr td.mfp .inline li{
  text-align: left;
  vertical-align: top
}

form#mailformpro .mailform tr td.mfp .inline .inline-box.inputL {
  width:100%;
  display: table-cell;
  margin:0 0.5% 0 0 ;
  /*padding: 0.5rem;*/
  box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
}

form#mailformpro .mailform tr td.mfp .inline .inline-box.inputR {
  width: 100%;
  display: table-cell;
  margin:0 0 0 0.5%;
  /*padding: 0.5rem;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
}

div.mfp_ok{
  text-align: left;
  margin: 0px 2px 1.6rem 0;
}

td.mfp .inline div.mfp_ok{
  /*text-align: left;
  margin: 0px 2px 1.6rem 0;*/
  /*position: relative;
  top: 0;
  left: -40%;*/
}
div.mfp_err{
  line-height: 1.2rem;
  height: 3rem;
}


/* 　住所入力　------------------ */
form#mailformpro .mailform tr td.mfp ol{
  width: 100%;
  margin:0;
  padding: 0;
}

form#mailformpro .mailform tr td.mfp ol li.m_b {
  display: table;
  display: block;
  text-align: left;
  width: 100%;
  height: auto;
  margin:0 ;
  padding: 0 0 10px 0;
}


form#mailformpro .mailform tr td.mfp ol li.m_b .add_TL {
  /*display: table;*/
  /*display: block;*/
  text-align: left;
  /*width: 100%;*/
  height: auto;
  margin:0 ;
  padding: 0 0 10px 0;
  display:inline-block;
  width:20rem;
}

form#mailformpro .mailform tr td.mfp ol li.m_b .add_in {
  /*display: table;*/
  /*display: inline-block;*/
  text-align: left;
  /*width: 100%;*/
  height: auto;
  margin:0 ;
  padding: 0 0 10px 0;
  display:inline-block;
  width: calc(100% - 22rem);
}


@media screen and (max-width:739px){
  form#mailformpro .mailform tr td.mfp ol{
    width: 100%;
    /*margin:0;
    padding: 0;*/
  }

  form#mailformpro .mailform tr td.mfp ol li.m_b {
    display: table;
    display: block;
    /*text-align: left;*/
    width: 100%;
    /*height: auto;
    margin:0 ;
    padding: 0 0 10px 0;*/
  }

  form#mailformpro .mailform tr td.mfp ol li.m_b .in_inline {
    display: table;
    display: block;
    text-align: left;
    width: 100%;
    height: auto;
    margin:0 ;
    padding: 0 0 10px 0;
  }

  form#mailformpro .mailform tr td.mfp ol li.m_b .in_inline2 {
    display: table;
    display: block;
    text-align: left;
    width: 100%;
    height: auto;
    margin:0;
    padding: 0 0 10px 0;
  }
}

form#mailformpro .mailform tr td.mfp ol li input[type="text"],
form#mailformpro .mailform tr td.mfp ol li select {
  width: 100%;
  text-align: left;
  margin:0;
  padding: 0.5rem;
  /*display: table-cell;*/
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*form#mailformpro .mailform tr.Tx_area td.inline{
  display: table;
  width: 100%;
  height: auto;
  text-align: left;
}*/

form#mailformpro .mailform tr.Tx_area td.mfp{
  -webkit-appearance: none;
  /*display: block;*/
  /*width: 100%;*/
  /* height: 60px;*/
  margin: 0;
  padding: 0;
  height: auto;
  width: calc(100% - 24rem);
  display:inline-block;
}

@media screen and (max-width:739px){
  form#mailformpro .mailform tr.Tx_area td.mfp{
    -webkit-appearance: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
     /* height: 60px;*/
     height: auto;
  }
}

form#mailformpro .mailform tr.Tx_area td.mfp textarea{
  -webkit-appearance: none;
 /* border: solid 1px #ccc;*/
  border: solid 1px #999999;
  margin: 0;
  padding: 0.5rem 0.5rem;
  width:100% !important;
  height: 100px !important;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*width: calc(100% - 20rem);
  display: inline-block;*/
}

form#mailformpro tr.CheckBox input[type="checkbox"]{
  text-align: left;
}

.mfp_element_all{
  max-width: 100%;
  /*width: 100%;*/
}

/* チェックボックス等の下線------------------ */
form#mailformpro .mailform tr td.borderBottom,
form#mailformpro .mailform tr th.borderBottom{
  display: inline-block;
  padding-bottom: 15px;
  /*border-bottom: #cccccc solid 1px;*/
  border-bottom: #999999 solid 1px;
}

@media screen and (max-width:739px){
  form#mailformpro .mailform tr td.borderBottom,
  form#mailformpro .mailform tr th.borderBottom{
    display: block;
    padding-bottom: 15px;
    border-bottom: none;
  }
  form#mailformpro .mailform tr{
    border-bottom: #999999 solid 1px;
    margin-bottom:2.5rem;
  }
}

/* チェックボックスの文章の折返し解除------------------ */
form#mailformpro tr.CheckBox label{
  white-space: normal;
}


/* 送信リセット------------------ */
.mfp_buttons{
  width: 100%;
  text-align: center;
  margin-top:2em;
}

.mfp_buttons button.submit{
  display: block;
  background-color: #666666;
  width:80%;
  line-height: 50px;
  min-width: 10em;
  margin:0 auto 10px auto;
 /* border-radius: 10px;*/
  color: #ffffff;
  border:#666666 solid 2px;
}

.mfp_buttons button.submit:hover{
  transition: .3s;
  background:#999999;
}

.mfp_element_submit, .mfp_element_reset,
.mfp_element_button,
button.mfp_next, button.mfp_prev {
    border-radius: 0px;
    padding: 5px 10px;
    border: solid 1px #666666;
    background:#666666;
    text-shadow:none;
    /*background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(top, #EEE, #CCC);
    background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
    text-shadow: 0px 2px 0px #FFF;*/
    font-size: 18px;
    cursor: pointer;
    outline: none;
    font-weight:600;
}
.mfp_element_reset{
  background-color: #ccccccc;
  color: #333333;
}

.mfp_buttons button.reset{
  display: block;
  background-color: #dddddd;
  width:80%;
  line-height: 30px;
  min-width: 10em;
  margin:0 auto;
 /* border-radius: 10px;*/
  color: #333333;
  border:#666666 solid 2px;
}

.mfp_buttons button.reset:hover{
  transition: .3s;
  background:#cccccc;
}

/*入力フォームの整形*/
.mfp_element_text, .mfp_element_number,
.mfp_element_select-one, .mfp_element_email,
.mfp_element_tel, .mfp_element_textarea,
.mfp_element_date, .mfp_element_password {
    border: solid 1px #999999;
    border-radius:0;
    box-shadow:none;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
}
/*ラベルの整形*/
form#mailformpro label.mfp_checked {
    padding: 3px;
    border: solid 1px #999999;
    background-color: #f5f5f5;
    box-shadow:none;
}
form#mailformpro label.mfp_not_checked {
    padding: 3px;
    border: solid 1px #cccccc;
}

form#mailformpro .mailform tr th.mfp.vr-top{
  vertical-align:top;
}



/*--------------------
privacy
 --------------------*/

/* プライバシーポリシー ----------------------------------------*/
#privacy{
  width:100%;
  margin:1.5rem auto;
}
#privacy .p-policy{
  width:100%;
  height:250px;
  border:#666666 solid 2px;
  overflow:auto;
  padding:1em 1.5em;
  margin-top:-2px;
}
#privacy h2.privacyTL{
  text-align:center;
  line-height:40px;
  background:#cccccc;
  font-size:16px;
  font-weight:600;
  /*color:#ffffff;*/
  color:#666666;
  border:#666666 solid 2px;
}


#form-t .tr-privasy th {
  padding:60px 0px 30px 0px;
}
.p-policy a.toggle{
  font-size:14px;
}
.p-policy h2.fs-14{
  padding:1.5em 0 1em;
  font-size:13px;
  font-weight:600;
  border-bottom: 1px dotted #999999;
}
.p-policy .child h3{
  font-size:13px;
  padding:1.5em 0;
  font-weight:600;
  line-height:1.5em;
}
.p-policy .child .pp h4{
  font-size:15px;
  font-weight:600;
  padding:1.2em 0 0.2em;
}
.p-policy .child .pp .fs-13{
  padding:0em 0.8em 0.8em 0.8em;
  line-height:1.6em;
  ont-size:13px;
}
.pp-ad{
  display:block;
  border-top:#999999 dotted 1px;
  margin-top:30px;
}
.pp-ad h2{
  font-size:14px;
  font-weight:600;
  padding:1.2em 0 0.3em;
}
.pp-ad .fs-14{
  font-weight:600;
  padding-bottom:0.8em;
  ont-size:13px;
}

/* -----privacy menu プルダウンアニメーション----- */
/*.p-policy .menu:after {
  position: absolute;
  top: 50%;
  right: 15px;
  content: '';
  margin-top: -10px;
  width:10px;
  height:10px;
  border:2px solid #ffffff;
  border-left-width:0px;
  border-top-width:0px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  border-left-color: #639f9b;
  transition: all .3s;
}
.p-policy .menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}*/


/* ==============================================
　PC1024px以上向けスタイル
=============================================== */
@media screen and (min-width:1024px){
}

/* ==============================================
　タブレット1023以下向けスタイル
=============================================== */
@media screen and (max-width:1023px){
}

/* ==============================================
　スマートフォン739px以下専用スタイル
=============================================== */
@media screen and (max-width:739px){
}
@media screen and (max-width:768px){

}


/*===============================
  サンクスページ　thanks.html　
（メルフォームプロ）
 ===============================*/
/* #thanks-hero video 背景調節 */
#thanks-hero #video {
  background: url('../img/1.jpg') no-repeat; /*// 動画が再生を始めるまで、cssのほうでも背景を設定します。*/
  background-attachment: fixed; /*// 中央揃えになるように、fixed。*/
  background-position: center center; /*// positionも中央に。*/
  background-size: cover; /*// 画面サイズに応じてサイズを可変するように設定。*/
  left: 0;
/*  // 以下、画面いっぱいにするためのCSS設定*/
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  /*// wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。*/
  position: absolute;
  top: 0;
  /*// z-indexは調整してください。*/
  z-index: 1;
  overflow:hidden;
}

@media screen and (max-height: 640px) {
  #thanks-hero #video {
    background: url('../img/1.jpg') no-repeat; /*// 動画が再生を始めるまで、cssのほうでも背景を設定します。*/
    background-attachment: fixed; /*// 中央揃えになるように、fixed。*/
    background-position: center center; /*// positionも中央に。*/
    background-size: cover; /*// 画面サイズに応じてサイズを可変するように設定。*/
    left: 0;
  /*  // 以下、画面いっぱいにするためのCSS設定*/
    min-height: 40%;
    min-height: 40vh;
    min-width: 100%;
    min-width: 100vw;
    /*// wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。*/
    position: absolute;
    top: 0;
    /*left:50%;
    -webkit-transform: translate(-50%,0%);
      -moz-transform: translate(-50%,0%);
      transform:translate(-50%, 0%);*/
    /*// z-indexは調整してください。*/
    z-index: 1;
    overflow:hidden;
  }
}



#Thanks{
  width: 100%;
  padding: 20px;
  background-color: #e9e4e1;
}

.Thanks_in{
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
}

.Thanks_in .explanation{
  width: 100%;
  padding: 1.6rem 0.3rem;
  margin-bottom: 25px;
  line-height: 2.0rem;
  border-top: #cccccc dotted 1px;
  border-bottom: #cccccc dotted 1px;
  color: #666666;
}


#thanks-hero .video-wrap { position:relative; width: 100%;  min-height: 20%; min-height: 20vh;height: 400px;
 z-index: -100;overflow:hidden;/*background-size: cover;*/}
/*#thanks-hero .video-wrap video{width:100%; display:block;}

#thanks-hero.thanks-contents{
}*/



/*thanks-hero*/
#thanks-hero .logo img{/*width:75%;*/width:100%; max-width:250px; }
#thanks-hero .logo{padding-bottom:15px;}
@media screen and (max-width: 768px) {
 #thanks-hero .logo img{ width:100%; max-width:200px;}
 #thanks-hero .recruit_title{font-size:20px; margin:0 auto 0rem;}

}

#Thanks{
  width: 100%;
  padding: 20px;
  background-color: #cccccc;
  color:#666666;
}

.Thanks_in{
  width: 100%;
  max-width:960px;
  min-height:400px;
  margin:50px auto;
  padding: 40px;
  background-color: #ffffff;
}

.Thanks_in .explanation{
  width: 80%;
  padding: 2rem;
  margin:15px auto 25px;
  line-height: 2.0rem;
  border-top: #666666 dotted 1px;
  border-bottom: #666666 dotted 1px;
  color: #666666;
  text-align:center;
}

.retune-top{
  text-align:center;
  margin-top:50px;
}

.retune-top a{
  max-width:15em;
  padding:0.8em 1.5em;
  border:#666666 solid 2px;
  color:#666666;
  text-decoration:none;
  transition: .3s;
}

.retune-top a:hover{
  background:#666666;
  color:#ffffff;
}

@media screen and (max-width:640px){
  .Thanks_in .explanation{
    width: 100%;
    padding: 1rem;
    margin:15px auto 25px;
  }

  #thanks-hero .video-wrap {
   position:relative; width: 100%; max-height: 250px;
   z-index: -100;overflow:hidden;background-size: cover;
 }
}


/*タイトル共通 SP用*/
@media screen and (max-width:640px){
  .message_title img,.person_title img,.know_title img,.timetable_title img,
  .recruitment_title img,.senior_title img,.welfare_title img,.Q_A_title img,
  .entry_title img{
    max-width:100%;
    max-height:60px;
  }
}




/*フッター*/
#footer{background-color:#333333;/*padding-bottom:10px;*/ padding:10px 20px;}

.footer_corporate{display:inline-block; border:solid #ffffff 1px;
　color:#ffffff; width:250px;margin:20px 1px;/*padding-top:5px;padding-bottom:5px;*/
　font-size:13px;}
.footer_corporate a{color:#ffffff; text-decoration: none; padding-top:5px;padding-bottom:5px; display:block;}
.footer_ENTRY{display:inline-block; border:solid #ffffff 1px;
  color:#ffffff; width:250px;margin:20px 1px;/*padding-top:5px;padding-bottom:5px;*/
　font-size:13px;}
.footer_ENTRY a{color:#ffffff;text-decoration: none; padding-top:5px; padding-bottom:5px; display:block;}
.footer_logo{margin:0 auto; text-align:center;padding-bottom:15px;}
.footer_logo img{ height: 100%; max-height: 35px; margin:0 auto;}
.footer_link{margin:0 auto; text-align:center;padding:20px;}
.adress{ font-size:12px; margin:0 auto 20px; text-align:center;color:#ffffff;/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";*/
/*sans-serif;*/font-size:9px;}
.adress a{color:#ffffff; text-decoration:none;}
.copyright{margin:0 auto; text-align:center;color:#ffffff;/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";*/
font-size:10px; line-height:1.4em; letter-spacing:0.15rem;}

@media screen and (max-width:640px){
.footer_corporate,.footer_ENTRY{display:block; width:80%; margin:10px auto;}
.copyright{font-size:1.0rem; line-height:1.4em; letter-spacing:0.05rem;}
}