/* カスタム CSS をここに入力してください */
@font-face
{
font-family: Fontpoにほんご;
src: url('https://cdn.leafscape.be/nihongo/FontopoNIHONGO_web.woff2')
     format("woff2");
}
@font-face
{
font-family:"Noto Sans Japanese" ;
src: url('https://cdn.leafscape.be/LogoTypeGothicCondense/07LogoTypeGothic-Condense_web.woff2')
     format("woff2");
}

Sans Japanese in @font-faceCSS
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
 
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }
h2#danraku2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}
h3#danraku3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}
h4#danraku4 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
.dummytd { 
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:none;
} 
.fixTable {
    table-layout: fixed;
}
.maxwidthtest{
	  max-width:100%;
		height:auto;
}
.tdnopadding{
	padding:0;
}
.bgvid{
    position: absolute;
}
.hiddenvideo{
    display:none;
}
.hiddendiv{
    display:none;
}
.overlay { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2vw;
  display:none;
}
.midashi {
  position: relative;
  }
.midashisp {
  position: relative;
  }

.midashi p {
  position: absolute;
	color: white;/*文字は白に*/
  font-size: 3.5vw;/*サイズ2倍*/
  font-family: 'Sawarabi Mincho', sans-serif;
  top: 40%;
  left: 0%;
  -ms-transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  margin:0;
  padding:20px;
  }
.midashisp p {
  position: absolute;
	color: white;/*文字は白に*/
  font-size: 5.0vw;/*サイズ2倍*/
  font-family: 'Sawarabi Mincho', sans-serif;
  top: 45%;
  left: 0%;
  -ms-transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  margin:0;
  padding:20px;
  }
.midashi img {
  width: 40%;
  }
.midashisp img {
  width: 50%;
  }
.nakamidashi {
	color: black;
  font-size: 2.5vw;
	font-weight: bold; /*太字に*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding:0px;
  margin-top: 2em;
  }
.nakamidashisp {
	color: black;/*文字は白に*/
  font-size: 6vw;/*サイズ2倍*/
	font-weight: bold; /*太字に*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding:0px;
  margin-top: 2em;
  }
.sentenceL {
	color: black;/*文字は白に*/
  font-size: 2.4vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-top:2em;
  padding-left:18%;
  padding-right:18%;
  }
.sentenceL2 {
	color: black;/*文字は白に*/
  font-size: 1.3vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-top:4em;
  padding-left:20%;
  padding-right:20%;
  }
.sentenceL2sp {
	color: black;/*文字は白に*/
  font-size: 4.0vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-top:2em;
  padding-left:2%;
  padding-right:2%;
  }
.sentenceLsp {
	color: black;/*文字は白に*/
  font-size: 5.5vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:2%;
  padding-right:2%;
  }
.sentenceL3sp {
	color: black;/*文字は白に*/
  font-size: 6.0vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:5%;
  padding-right:5%;
  }
.sentenceL4sp {
	color: black;/*文字は白に*/
  font-size: 5.0vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:5%;
  padding-right:5%;
  }
.sentence {
	color: black;/*文字は白に*/
  font-size: 1.3vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:8%;
  padding-right:8%;
  }
.sentence_s {
	color: black;/*文字は白に*/
  font-size: 1.3vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:11%;
  padding-right:11%;
  }
.sentence_j {
	color: black;/*文字は白に*/
  font-size: 1.3vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:8%;
  padding-right:8%;
  }
.sentencesp {
	color: black;/*文字は白に*/
  font-size: 4vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:5%;
  padding-right:5%;
  }
.sentencesp_s {
	color: black;/*文字は白に*/
  font-size: 4vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
  margin:0;
  padding-left:5%;
  padding-right:5%;
  }
.centeryose {
  margin:0;
  padding-left:15%;
  padding-right:15%;
  }
.centeryose3 {
  margin:0;
  padding-left:5%;
  padding-right:5%;
  }
.centeryose2 {
  margin:0;
  padding-left:20%;
  padding-right:20%;
  }
.centeryosesp {
  margin:0;
  padding-left:2%;
  padding-right:2%;
  }
.center {
		height: auto;
    width: auto;
    text-align: center;
    margin-bottom: 4vw;
}
.right {
    float: none;
    width: 50%;
    display:table-cell;
    color: black;/*文字は白に*/
    font-size: 1.2vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
	}
.right2 {
    float: none;
    width: 50%;
    display:table-cell;
    color: black;/*文字は白に*/
    font-size: 1.3vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    vertical-align:top;
	}
.left {
    position:relative;
    float: none;
		text-align: center;
    width: 45%;
    display:table-cell;
}
.left_home {
    position:relative;
    float: none;
		text-align: center;
    width: 45%;
    display:table-cell;
}
.left_home .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
.left_home:hover .active {
  opacity: 1;
}
.right_home {
    position:relative;
    float: none;
    width: 45%;
    display:table-cell;
}
.right_home .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
.right_home:hover .active {
  opacity: 1;
}
.center_home {
    float: none;
    width: 10%;
    display:table-cell;
}
.banner_recruit {
    position:relative;
    width:100%;
}
.banner_recruit_boshu {
    position:   absolute;
    z-index:    0;
    top:        50%;
    left:       13%;
}
.gazo_ab {
    position:   absolute;
    z-index:    0;
    top:        0%;
    left:       0%;
    width: 13.5vw;
    height:auto;
    opacity: 0;
    transition: 0.5s;
}
.gazo_ab:hover {
  opacity: 1;
}
.banner_recruit_shokushu {
    position:   absolute;
    z-index:    0;
    top:        50%;
    left:       27%;
}
.banner_recruit_seicho {
    position:   absolute;
    z-index:    0;
    top:        50%;
    left:       33%;
}
.banner_recruit_hataraki {
    position:   absolute;
    z-index:    0;
    top:        50%;
    left:       53%;
}
.banner_recruit_koe {
    position:   absolute;
    z-index:    0;
    top:        50%;
    left:       73%;
}
.gazo{
    width: 13.5vw;
    height:auto;
}
.left2 {
    position:relative;
    float: none;
		text-align: center;
    width: 50%;
    display:table-cell;
    vertical-align:top;
}
.left img {
		width: 80%;
	}
.kage {
	  position:absolute;
	  top:5%;
	  left:15%;
}
.moto {
}
.ls {
  margin-top: 8em;
}
.bs {
  margin-top: 5em;
}
.ms {
  margin-top: 2.5em;
}
.as {
  margin-top: 2em;
}
.ds {
  margin-top: 1em;
}
.ns {
  margin-top: 0.28em;
}

.ss {
  margin-bottom: 0.5em;
}
.ts {
  margin-bottom: 1.5em;
}
.pad {
	padding-left:15%;
	padding-right:15%;
}
.pad_footer {
	padding-left:5%;
	padding-right:5%;
}
.padsp {
	padding-left:2%;
	padding-right:2%;
}
.mar {
	margin-left:11%;
	margin-right:7%;
  width:50%;
}
.leftpad {
  padding-left: 1em;
  padding-top: 2em;
}
.sentencepad {
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 4em;
  padding-top: 4em;
}
.tbl {
	color: black;/*文字は白に*/
  font-size: 1.3vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
}
.tblsp {
	color: black;/*文字は白に*/
  font-size: 4.0vw;/*サイズ2倍*/
  font-family: 'Noto Sans Japanese', sans-serif;
}
.td-border-lf-bt { 
    border: 1px solid #00D3B5; 
    border-top-style:none; 
    border-right-style:none; 
}
.td-border-tp-lf-bt { 
    font-size: 1.0vw;/*サイズ2倍*/
    border: 1px solid #00D3B5; 
    border-right-style:none; 
} 
.td-border-tp-rt-bt { 
    font-size: 1.0vw;/*サイズ2倍*/
    border: 1px solid #00D3B5; 
    border-left-style:none; 
} 
.td-border-tp-lf-bt_sp { 
    font-size: 2.0vw;/*サイズ2倍*/
    border: 1px solid #00D3B5; 
    border-right-style:none; 
} 
.td-border-tp-rt-bt_sp { 
    font-size: 2.0vw;/*サイズ2倍*/
    border: 1px solid #00D3B5; 
    border-left-style:none; 
} 
.td-border-all { 
    font-weight: bold; /*太字に*/
    border: 1px solid #00D3B5; 
} 
.ui-cus{
    list-style: none;
    padding-left: 0;
    text-align:left;	
}
.relative { 
position: relative; 
} 
.absolute { 
position: absolute; 
left: 0px; 
top: 0px; 
width:100%;
}
.right_3 {
    float: none;
    width: 30%;
    display:inline-block;
		text-align:center;
	  vertical-align:top;
    padding-left:0.5vw;
	}
.right_2 {
    float: none;
    width: 45%;
    display:inline-block;
		text-align:center;
	  vertical-align:top;
    padding-left:0.5vw;
	}
.center_3 {
    float: none;
    width: 50%;
    display:inline-block;
	  vertical-align:top;
}
.left_2 {
    float: none;
    width: 50%;
    display:inline-block;
	  vertical-align:top;
}
.center_midashi_3 {
	  color: black;/*文字は白に*/
    font-size: 1.8vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    vertical-align:top;
}
.left_midashi_2 {
	  color: black;/*文字は白に*/
    font-size: 3.5vw;/*サイズ2倍*/
    font-family: 'Sawarabi Mincho', sans-serif;
    vertical-align:top;
}
.center_sentence_3 {
	  color: black;/*文字は白に*/
    font-size: 1.3vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    vertical-align:top;
    padding-left:0.5vw;
}
.left_sentence_2 {
	  color: black;/*文字は白に*/
    font-size: 3.0vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    vertical-align:top;
}
.left_3 {
	  color: black;/*文字は白に*/
    font-size: 2.5vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    float: none;
    width: 15%;
    display:inline-block;
	  text-align:left;
	  vertical-align:top;
}
.sen {
	height:100%;
	margin-left:15%;
	margin-right:75%;
  background: #00D3B5;
}
.tbl_midashi_3 {
	  color: black;/*文字は白に*/
    font-size: 1.8vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align:left;
    vertical-align:top;
}
.tbl_midashi_3_test {
	  color: black;/*文字は白に*/
    font-size: 1.8vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align:left;
    vertical-align:top;
}
.tbl_sentence_3 {
	  color: black;/*文字は白に*/
    font-size: 1.3vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align:left;
    vertical-align:top;
}
.tbl_sentence_3_test {
	  color: black;/*文字は白に*/
    font-size: 1.2vw;/*サイズ2倍*/
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align:left;
    vertical-align:top;
}
.td_padding_left{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:0vw;
	padding-right:1vw;
}
.td_padding_center{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:1vw;
	padding-right:1vw;
}
.td_padding_center_2{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:1vw;
	padding-right:4vw;
}
.td_padding_center_3{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:2vw;
	padding-right:2vw;
}
.td_padding_center_4{
	padding-top:3vw;
	padding-bottom:0vw;
	padding-left:1vw;
	padding-right:4vw;
}
.td_padding_right{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:1vw;
	padding-right:0vw;
}
.td_padding_left_2{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:1vw;
	padding-right:2vw;
}
.td_padding_left_3{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:4vw;
	padding-right:5vw;
}
.td_padding_left_4{
	padding-top:3vw;
	padding-bottom:0vw;
	padding-left:1vw;
	padding-right:2vw;
}
.td_padding_right_2{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:2vw;
	padding-right:1vw;
}
.td_padding_right_3{
	padding-top:1vw;
	padding-bottom:0vw;
	padding-left:2vw;
	padding-right:2vw;
}
.td-border-left { 
    border: 1px solid #00D3B5; 
    border-top-style:none; 
    border-left-style:none; 
    border-bottom-style:none; 
}
.td-border-center { 
    border: 1px solid #00D3B5; 
    border-top-style:none; 
    border-bottom-style:none; 
}
.td-border-right { 
    border: 1px solid #00D3B5; 
    border-top-style:none; 
    border-right-style:none; 
    border-bottom-style:none; 
}
/*全体*/
.hidden_box {
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    font-weight: bold;
    border: none;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 2s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
}