@charset "utf-8";
img.line-qr-img{
display:block;
margin:0 auto;
max-width:200px;
}
.line-en-wrap p{
text-align:center;
font-size:18px;
}
.line-en-wrap p span.tfo{
background: #06c755;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
    font-weight: bold;
}
.line-en-wrap p span.llo{
color:#06c755;
font-weight:bold;
}
.line-en-wrap a{
display:block;
max-width:225px;
margin:5px auto 30px;
}
.line-en-wrap{
    padding:40px 20px 40px;
    border: 5px solid #00B900;
    margin: 50px 0 50px;
    background: #fff;
}
h3.abouth3-2 span.main {
margin:0;
}
.zadankai-title-wrap-wrap{
    max-width: 900px;
    margin: 40px auto 60px;
}
.zadankai-title-wrap h3:hover{
background: rgb(255,255,255,0.7);
}
.shaindousinozadankai-wrap{
background: linear-gradient(180deg, #fff,rgba(60,167,255));
    padding-bottom: 60px;
}
.page-id-3129 .single-contents {
padding: 0;
}
.page-id-3129 .zadankai-title-wrap{
margin:20px auto 60px;
}
img.zada-img1{
width: 48%;
    float: left;
margin:10px 2% 20px 0;
}
img.zada-img2{
width: 48%;
float:right;
margin:10px 0 20px 2%;
}
.zadankai-title-wrap{
position:relative;
margin:0px auto 10px;
}
.zadankai-title-wrap h3{
    position: absolute;
    bottom: 10px;
    right: 0;
    background: rgb(255,255,255,0.8);
    padding: 15px 60px 24px;
    text-align: left;
}
.entry-visit-wrap{
margin: 150px auto 80px;
max-width:900px;
}
.dotira{
text-align:center;
margin-top:70px;
}
.dotira2{
text-align:center;
}
a.link-a-pink.dotirashita{
margin:0px auto 50px;
}
.zadan-kengaku-wrap-in img{
margin-bottom:10px;
}
h3.haikeibule{
    background: #341e06;
    color: #fff;
    padding: 6px 15px;
}
.zadan-kengaku-wrap{
display:flex;
flex-wrap:wrap;
margin:0px auto 60px;
}
.zadan-kengaku-wrap-in{
width:46%;
margin:0 2% 0;
}
.page-id-3027 .form-wrap{
margin:120px 0 50px;
}
.moyamoya-in-in2{
padding:0 20px 10px;
box-sizing:border-box;
}
p.moyamoya-in-p3{
font-weight: bold;
    font-size: 20px;
}
.moyamoya-in-p2 span{
    border-radius: 30px;
    background-color: rgba(193,33,43,.1);
    color: #ed546e;
    padding: 5px 10px 5px 19px;
    font-size: 14px;
}
.zadan-img-wrap{
display:flex;
flex-wrap:wrap;
margin:50px 0;
}
.zadan-img-wrap img{
width:25%;
}
img.zadan-img1{
display:block;
margin:0 auto 40px;
width:80%;
}
p.daigakumei span{
border: 1px solid #333;
    border-radius: 5px;
    padding: 0px 8px;
    margin: 0px 5px 5px 0;
    display: inline-block;
    line-height: 160%;
}
p.daigakumei{
line-height:220%;
font-size:15px;
}
.visit-shain-wrap-in-p1 span{
font-size:20px;
letter-spacing:1px;
}
.visit-shain-wrap-in-p1{
font-size:15px;
}
.visit-shain-wrap{
display:flex;
flex-wrap:wrap;
margin:40px auto 20px;
align-items:stretch
}
.visit-shain-wrap-in{
margin:0 1% 50px;
width:48%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px 10px;
    box-sizing: border-box;
}
.visit-shain-wrap-in-in{
display:flex;
flex-wrap:wrap;
margin:0;

}
.visit-shain-wrap-in-in-l{
    width: 30%;
    margin: 0 4% 0 1%;
}
.visit-shain-wrap-in-in-r{
width:65%;
}
.visit-shain-wrap-in-in-l img{
border-radius:100px;
box-sizing:border-box;
}
.visit-shain-wrap-in-in-l.b img{
    border: 3px solid #3DA8FF;
}
.visit-shain-wrap-in-in-l.g img{
    border: 3px solid #FF443D;
}
.moyamoya-in-p1{
text-align:center;
padding-top:13px;
}
.moyamoya-in-p1 span{
background:#fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 13px;
}
.moyamoya{
display:flex;
flex-wrap:wrap;
margin:40px auto 0px;
}
.moyamoya-in{
margin:10px 2% 50px;
width:29%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.moyamoya-in-in{
background:#341e06;
position:relative;
}
.moyamoya-in-in h4{
color:#fff;
    text-align: center;
    margin: 0;
    border: none;
}
.moyamoya-in-in-after{
width: 0;
    height: 0;
border-top: 28px solid #341e06;
border-right:155px solid transparent;
border-left:155px solid transparent;
    margin: 0 auto;
}
.sent .general{
display:none;
}
h3.abouth3-2 span{
margin:0 0 0 24px;
}
p.offer{
    color: #341e06;
line-height:190%;
    font-size: 25px;
    color: #341e06;
    letter-spacing: 3px;
    text-align: center;
	
}
h3.abouth3-3{
text-align:center;
    font-size: 36px;
    letter-spacing: 3px;
margin:70px auto 40px;
color:#341e06;
}
h3.abouth3-3:after{
display:none;
}
.about_us_wrap h2.pagetop-hw, .about_us_wrap h2.pagetop-hw span{
color:#fff;
}
.about_us_wrap p{
color:#fff;
line-height: 180%;
    font-size: 20px;
}
h3.abouth3-2{
color:#fff;
font-size: 40px;
letter-spacing:5px;
}
h3.abouth3-2:after{
background-image: repeating-linear-gradient(-45deg, #fff , #fff 1px, transparent 2px, transparent 5px);
}
.about_us_wrap-in1{
width:calc(100% - 300px);
}
h3.abouth3-1{
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto;
letter-spacing:10px;
    font-size: 48px;
    position: relative;
    display: block;
    color: #fff;
    position: absolute;
    top: 35px;
    right: 200px;
    font-weight: normal;
}
h3.abouth3-1:after{
display:none;
}
.about_us_wrap-in{
margin:0 auto;
overflow:hidden;
max-width:1000px;
}
.about_us_wrap-in-r{
float:right;
width:200px;
}
.about_us_wrap-in-l{
float:left;
width:calc(100% - 200px);
}
.about_us_wrap{
background: url(https://yumetetsu-recruit.com/wp-content/uploads/2023/07/アセット-14bvi.jpg);
    background-size: cover;
background-position:center;
padding:30px 0 110px;
position:relative;
}
.scroll-img-wrap{
width:40px;
}
.miryokushokushu-wrap pc{
margin:40px auto 50px;
}
.miryokushokushu-wrap h3.miryokuh3siro{
color:#fff;
text-align:center;
font-size:36px;
letter-spacing:3px;
}
.miryokushokushu-wrap h3.miryokuh3siro:after{
display:none;
}
.miryokushokushu-wrap{
background: #341e06;
    padding: 10px 0 30px;
    margin: 100px auto 0;
}
.page-id-772 .top-harf1{
max-width:1800px;
}
.page-id-772 .top-harf1-l, .page-id-772 .top-harf2-l, .page-id-772 .top-harf2-r{
    width:48%;
margin:10px 0 0;
float:left;
}
.page-id-772 .top-harf2-r{
    width:48%;
margin:10px 0 0;
float:right;
}
h3.miryoku-h3{
font-size: 27px;
    color: #341e06;
    line-height: 190%;
    border-radius: 30px 0 0 30px;
    margin: 0px 0 0px 0;
    border: none;
    text-align: center;
letter-spacing:3px;
}
.banngou-wrap{
background: #d5ecff;
    padding: 38px 30px 40px;
    margin: -59px auto 70px;
}
.banngou-maru-wrap{
background: #d5ecff;
width:120px;
height:120px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}
.banngou-maru-{
font-size:36px;
    font-weight: bold;
    background: #fff;
width:80px;
height:80px;
    border-radius: 50%;
padding:24px 5px 17px 5px;
    box-sizing: border-box;
    text-align: center;
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
color:#341e06;
}
.foot-sns-wrap.spmenu .foot-sns-wrap-l {
width:50px;
}
.foot-sns-wrap.spmenu .foot-sns-wrap-r{
width:50px;
}
.pc-menu-wrap .foot-sns-wrap{
position:absolute;
bottom:20px;
right:50px;
width:160px;
margin:0 auto;
	color:#341e06;
}
.foot-sns-wrap{
overflow:hidden;
margin:0 auto 20px;
width:160px;
}
.foot-sns-wrap-l{
float:left;
width:50px;;
}
.foot-sns-wrap-r{
float:right;
width:50px;
}
ul.lcl-cnt-main__list{
margin:0;
}
.fukuri-link{
margin: 0 auto 120px;
}
.slider-3 span.setsu{
font-size:13px;
font-weight:normal;
letter-spacing:0;
}
.slider-3 a.shokushu-wrap-a{
width:100%;
padding:0;
}
.slider-3 .shokushu-wrap-in h3 span.num{
left:0;
font-size:22px;
}
.slider-3 .shokushu-wrap-in h3{
padding:0 0 0 38px;
margin:10px 0 10px;
font-size:19px;
}
.slider-3 .slick-slide {
width:330px;
height:390px;
margin:0 20px;
position: relative;
  overflow: hidden;
padding:20px 15px;
box-sizing:border-box;
}
.slider-3 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-3 .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
top:145px;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-3 .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #341e06;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.slider-3 .slick-next {
  right: 0;
}
.slider-3 .slick-prev {
  left: 0;
}
.slider-3 .slick-next::before {
  left: 20px;
}
.slider-3 .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
.dots-3 .slick-dots {
  text-align: center;
margin:20px auto 37px;
}
.dots-3 .slick-dots li {
  display: inline-block;
    margin:5px 22px;
}
.dots-3 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
background:#fff;
  border-radius: 50%;
}
.dots-3 .slick-dots .slick-active button {
  background:#341e06;
}
.home img{
width:100%;
}
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
position: relative;
    display: flex;
    height: 50px;
    margin: 40px 2.5% 0 0;
    justify-content: center;
    align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: 50%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0;
}
.cp_arrows .cp_arrowfirst {
	-webkit-animation: arrow-move08 2s ease-in-out infinite;
	        animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
	-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
	        animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 3px;
	content: '';
	background:#fff;
}
.cp_arrows .cp_arrow:before {
	-webkit-transform: rotate(30deg) translateX(-39%);
	        transform: rotate(30deg) translateX(-39%);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
	-webkit-transform: rotate(-30deg) translateX(39%);
	        transform: rotate(-30deg) translateX(39%);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
}
@-webkit-keyframes arrow-move08 {
	0% {
		top: 0%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes arrow-move08 {
	0% {
		top: 0%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.top-fukurikousei-wrap h2.second-h2{
color:#fff;
text-align:center;
}
p.fukurikousei-p1{
font-size:40px;
    letter-spacing:8px;
    font-weight:bold;
    color:#fff;
text-align:center;
}
.top-fukurikousei-wrap{
background: url(https://yumetetsu-recruit.com/wp-content/uploads/2023/07/アセット-8bvi-2.jpg);
    background-position: center bottom -110px;
    background-size: cover;
padding:20px 0 40px;
background-repeat:no-repeat;
}
p.lcl-cnt-list__num{
font-weight:bold;
}
.page-id-2795 .single-contents {
padding:0;
}
.lcl-cnt__main{
margin-top:-50px;
}
.lcl-cnt-list__item ul li{
font-size:16px;
    line-height:180%;
margin-bottom:4px;
}
.jobside-wrap{
padding:60px 0;
background:linear-gradient(90deg, rgba(12,242,223),#fff);
}
.lifeside-wrap{
padding:60px 0;
background:linear-gradient(270deg, #fff,rgba(60,167,255));
}
.lifeside-wrap h3:after {
    background-image: -webkit-repeating-linear-gradient(135deg, #0CF2DF , #0CF2DF 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #0CF2DF , #0CF2DF 1px, transparent 2px, transparent 5px);
}
ul.lcl-cnt-list__inlist{
margin:0;
}
ul.lcl-cnt-main__list.scr-anin.scr-anin--on{
display: flex;
    flex-wrap: wrap;
}
.lcl-cnt .lcl-cnt-main__list.scr-anin--on .lcl-cnt-list__item {
    opacity: 1;
    transform: translate(0);
}
.lcl-cnt-list__item ul{
margin:0;
}
.lcl-cnt-list__item{
position: relative;
    width: 44%;
    min-height: 260px;
    padding: 25px 44px 45px;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
    transform: translate(20px);
    transition: opacity .8s ease, transform .8s ease;
    list-style: none;
margin:0 auto 65px;
box-sizing:border-box;
border-radius:20px;
}
.lcl-cnt-list__sub{
    position: absolute;
    top: 22px;
    left: -11px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
}
p.lcl-cnt-list__en {
    position: relative;
    margin-bottom: 30px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    writing-mode: vertical-rl;
}
p.lcl-cnt-list__en::after {
    content: '';
    position: absolute;
    bottom: -25px;
left:7.5px;
    display: block;
    width: 1px;
    height: 20px;
margin: auto;
background:#333;
}
.lcl-cnt .lcl-cnt-list__num {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
}
h3.lcl-cnt-list__ttl{
margin:0 auto 15px;
}
.flowing-letters h3:after{
display:none;
}
.flowing-letters {
margin : 0 auto 40px;
width : 100%;
font-size : 28px;
text-align : center;
overflow : hidden;
}
.flowing-letters h3{
margin:0;
display : inline-block;
padding-left: 100%;
white-space : nowrap;
line-height : 1em;
animation : scroll01 12s linear infinite;
border:none;
font-size:115px;
letter-spacing:10px;
color:#341e06;
font-family:'Belanosima', sans-serif;
}
.flowing-letters h3.emerarudo{
color:#0CF2DF;
}
.flowing-letters h3 span{
margin:0 120px 0 0;
}
@keyframes scroll01{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}
.sdgs-wrap{
margin:0 auto 40px;
}
.sdgs-wrap h4{
margin:0 auto 10px;
}
.sdg-w-l{
float:left;
width:22%;
}
.sdg-w-r{
float:right;
width:76%;
}
h2.top-h2-5{
font-family: 'Belanosima', sans-serif;
font-size:78px;
color:#fff;
margin:0 auto -58px;
letter-spacing:7px;
}
h2.top-h2-6{
font-family: 'Belanosima', sans-serif;
font-size:78px;
color:#fff;
margin:0 auto -107px;
text-align:right;
color:#341e06;
letter-spacing:10px;
}
.flow-con-wrap-wrap .slick-initialized .slick-slide{
background:#fff;
}
.display-none{
display:none;
}
.mawarugazou-a{
display: block;
    margin:40px auto 40px;
    max-width: 165px;
    text-align: center;
    padding: 64.5px 10px;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
}
.mawarugazou-a img, .mawarugazou-a2 img{
animation:10s linear infinite rotation1;
position: absolute;
top:0;
left:0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.mawarugazou-a2{
display: block;
    margin:40px auto 40px;
    max-width: 165px;
    text-align: center;
    padding: 64.5px 10px;
    color:#341e06;
    position: relative;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
}
.mawarugazou-a img{
animation:10s linear infinite rotation1;
position: absolute;
top:0;
left:0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
/*==================================================
シャッ
===================================*/

/*背景色が伸びて出現 共通*/
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

/*--------- 左から --------*/
.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
background-color:rgba(12,242,223);/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

/*--------- 右から --------*/
.bgRLextend::before{
	animation-name:bgRLextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgRLextendAnime{
	0% {
		transform-origin:right;
		transform:scaleX(0);
	}
	50% {
		transform-origin:right;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:left;
	}
	100% {
		transform-origin:left;
		transform:scaleX(0);
	}
}

/*--------- 下から --------*/
.bgDUextend::before{
	animation-name:bgDUextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(12,242,223);/*伸びる背景色の設定*/
margin:auto;
left:0;
}
@keyframes bgDUextendAnime{
	0% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
	50% {
		transform-origin:bottom;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:top;
	}
	100% {
		transform-origin:top;
		transform:scaleY(0);
	}
}

/*--------- 上から --------*/
.bgUDextend::before{
	animation-name:bgUDextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}

@keyframes bgUDextendAnime{
	0% {
		transform-origin:top;
		transform:scaleY(0);
	}
	50% {
		transform-origin:top;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:bottom;
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}
.top-slide-shain-wrap{
background:#fff;
z-index:2;
position:relative;
padding:40px 0 0px;
background:url(https://yumetetsu-recruit.com/wp-content/uploads/2023/07/アセット-6bvi.jpg);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.insta-wrap{
background:#fff;
z-index:2;
position:relative;
}
.rinen-in-wrap{
background:rgb(255,255,255,0.9);
background:linear-gradient(45deg, rgba(12,242,223),rgba(60,167,2555));
padding: 20px 0 0;
}
.main-wrap{
margin:85px auto 0;
}
.main{
position: fixed;
z-index: 0;
width:100%;
}
.main img{
width: 100%;
}
.slider-2 .slick-slide {
width:354px;
height:443px;
margin:0 20px;
position: relative;
  overflow: hidden;
border: 1px solid #341e06;
padding:20px;
    box-sizing: border-box;
    border-radius: 20px;
}
.slider-2 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-2 .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 180px;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-2 .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #341e06;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.slider-2 .slick-next {
  right: 0;
}
.slider-2 .slick-prev {
  left: 0;
}
.slider-2 .slick-next::before {
  left: 20px;
}
.slider-2 .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
.dots-2 .slick-dots {
  text-align: center;
margin:20px auto 37px;
}
.dots-2 .slick-dots li {
  display: inline-block;
    margin:5px 22px;
}
.dots-2 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
background:#999;
  border-radius: 50%;
}
.dots-2 .slick-dots .slick-active button {
  background:#341e06;
}
.sp-entry-wrap i{
margin-left:15px;
}
img.chouseiimg1{
box-sizing:border-box;
padding-left:4%;
margin:12px auto 10px;
}
.nensuu-p{
text-align:center;
margin:10px auto 10px;
}
.hikahikawrap2{
text-align:center;
}
.hikahikawrap2 img{
width:80%;
margin:15px auto 20px;
}
p.kuraberu{
    line-height: 100%;
    font-weight: bold;
color:#341e06;
font-size:55px;
margin:10px auto 10px;
}
p.kuraberu span{
line-height: 100%;
    font-weight: bold;
    color: #666;
font-size:24px;
margin:0 10px;
}
.hikahikawrap{
text-align:center;
margin:20px 0 30px;
}
.hikahikawrap img{
width:60%;
margin-bottom:10px;
}
p.oogawaku-p1{
line-height:180%;
    font-weight: bold;
    color: #666;
font-size:20px;
}
.oogawaku-p2{
line-height: 100%;
    font-weight: bold;
    color:#341e06;
font-size:45px;
}
.oogawaku-p2 span{
line-height: 100%;
font-size:60%;
}
.chart-oogawaku-wrap{
background:#fff;
margin:0px 0 60px;
}
.chart-oogawaku-wrap-in-wrap{
display:flex;
flex-wrap:wrap;
padding:30px 0 20px;
}
.chart-oogawaku-wrap-in{
width:23%;
float:left;
margin:10px 1% 30px;
text-align:center;
}
.chart-oogawaku-wrap-in img{
max-width:180px;
}
.nannosuuji2 span, .nannosuuji22 span{
font-size:60%;
margin-left:5px;
}
.chart-wrap text{
font-size:15px;
line-height:140%;
}
p.nannosuuji2{
color: #341e06;
font-weight:bold;
text-align:center;
font-size:60px;
line-height: 100%;
margin-bottom:15px;
}
p.nannosuuji3 {
color:#2077be;
    font-weight: bold;
    text-align: center;
    font-size: 137px;
    line-height: 120%;
    margin-top: 34px;
}
p.nannosuuji{
background: #341e06;
color: #ffffff;
display: inline-block;
padding: 0 20px;
line-height: 50px;
height: 50px;
position: relative;
font-weight: bold;
font-size:20px;
}
p.nannosuuji::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 15px 0 0;
border-color:#341e06 transparent transparent transparent;
position: absolute;
right: -15px;
top: 0;
}
.nannosuuji-wrap{
background: #fff;
    width: 48%;
margin:30px 0 30px;
padding: 0px 0 30px;
}
p.suuji-naiyou{
padding: 10px 12px 10px 20px;
margin: 0 auto;
border: 2px solid #eee;
background: #341e06;
color: #fff;
font-weight: bold;
}
.acd-check-suuji {
display:none;
}
.acd-label-suuji {
display: block;
padding: 0;
text-align: left;
font-size: 16px;
font-weight: bold;
position: relative;
margin: 0 auto;
line-height: 140%;
max-width: 200px;
}
.acd-content-suuji{
height: 0;
opacity: 0;
padding: 0;
transition: .4s;
visibility: hidden;
}
.p-entry__body .acd-content-suuji p {
margin: 0;
line-height: 160%;
font-size: 15px;
}
.acd-label-suuji:after {
font-family: "Font Awesome 5 Free";
content: '\f067';
font-weight: 700;
position: absolute;
right: 20px;
top:13px;
color: #fff;
}
.acd-check-suuji:checked + .acd-label-suuji:after{
font-weight: 700;
}
.acd-check-suuji:checked + .acd-label-suuji + .acd-content-suuji{
height:auto;
opacity:1;
visibility:visible;
margin-bottom:10px;
}
.acd-content-in-suuji{
padding: 10px 15px 10px 15px;
    background: #eee;
width:94%;
    margin: 10px auto 0;
    box-sizing: border-box;
}
.chart-wrap-wrap, .nannosuuji-wrap-wrap{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.chart-wrap{
width: 48%;
margin:0px 0 60px;
box-sizing:border-box;
background:#fff;
}
.zadanwrap2-l p{
color:#777;
font-size:15px;
}
.zadanwrap2{
overflow:hidden;
}
.zadanwrap2-l{
float:left;
width: 260px;
box-sizing: border-box;
padding-right: 20px;
}
.zadanwrap2-r{
float:right;
width:calc(100% - 260px);
}
.zadanwrap2 p{
margin-bottom:15px;
}
p.dis-shoukai{
text-align:center;
}
p.disp-1{
text-align:center;
font-weight:bold;
font-size:17px;
margin-bottom:12px;
}
p.disp-2{
text-align:center;
max-width:800px;
margin:0 auto;
}
.discussion{
background:#fff;
border:4px solid #341e06;
padding:20px 3% 15px;
}
.discussion-shain-wrap{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:17px auto 20px;
}
.discussion-shain-wrap-in{
width:32%;
border: 4px solid #eee;
box-sizing: border-box;
padding: 20px 2% 10px;
border-radius: 8px;
}
h3.zadah3{
text-align:center;
margin:0 auto 0;
padding:15px 5px 6px;
}
.discussion-shain-wrap-in img{
display:block;
margin:0 auto;
}
h3.zadah3:after{
display:none;
}
.zadanwrap{
background-image: linear-gradient(0deg, transparent 31px, #eee 32px), linear-gradient(90deg, transparent 31px, #eee 32px);
background-size: 32px 32px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding:46.4px 0;
}
ul.osusumehon li{
margin-bottom:15px;
line-height:160%;
font-size:16px;
}
.naiteikara-wrap-l img{
width:100%;
}
#privacy td{
border:none;
padding:0 3px;
}
#privacy table{
margin:0 0 10px;
}
#privacy{
font-size:15px;
}
#privacy ol.privacydict2{
margin:0 0 0 0;
}
.addressbox{
border: 1px solid #999;
padding: 10px 3%;
margin:0 0 30px;
}
.addressbox2{
border: 1px solid #999;
padding: 10px 3%;
font-size:15px;
margin:60px auto 30px;
max-width:300px;
}
#privacy .privacydict ol li{
list-style: none !important;
margin:0;
font-size:16px;
}
#privacy .privacydict ol.privacydict3{
margin:5px 0 0;
}
#privacy .privacydict ol.privacydict3 li{
list-style: none !important;
margin:0 0 3px 50px;
}
.privacydict2 td{
vertical-align:top;
padding:0;
padding: 5px 3px;
}
ol.privacydict li > p {
font-weight: bold;
margin-bottom: .8em;
}
ol.privacydict > li {
list-style-position: outside;
margin-bottom: 30px;
margin-left: 1em;
font-size:15px;
}
.privacydict2 > li {
list-style: none outside none;
margin-top: .8em;
font-size:15px;
}
.nennsuu{
font-weight: bold;
color: #777;
}
.kenshuu-wrap3{
overflow: hidden;
margin: 50px 0 50px;
}
.saiyoujouhou-link-wrap{
margin: 60px 0 60px;
overflow: hidden;
padding:54px 0 0 0;
}
.saiyoujouhou-link-wrap ul:before{
font-family:'Font Awesome 5 Free';
font-size: 15px;
font-size: 1.5rem;
position: absolute;
top: -53px;
left: 0;
height: auto;
padding:13px 13px 13px;
content: '\f0a7  採用情報をもっと見る';
color: #fff;
border-radius: 7px 7px 0 0;
background: #341e06;
}
.saiyoujouhou-link-wrap ul{
position:relative;
margin: 0;
}
.saiyoujouhou-link-wrap li{
display:block;
width:50%;
float:left;
text-align:left;
margin:0;
box-sizing:border-box;
padding:12px 15px;
border:1px solid #eee;
background:#fff;
}
.saiyoujouhou-link-wrap li a{
text-decoration:underline;
}
.saiyoujouhou-link-wrap li:before{
font-family: "Font Awesome 5 Free";
  content: '\f138';
font-weight:700;
margin-right:8px;
color:#341e06;
}
.kaishawosiru-link-wrap{
margin:110px 0 130px;
overflow: hidden;
padding:54px 0 0 0;
}
.kaishawosiru-link-wrap li:before{
font-family: "Font Awesome 5 Free";
  content: '\f138';
font-weight:700;
margin-right:8px;
color:#341e06;
}
.kaishawosiru-link-wrap ul:before{
font-family: 'Font Awesome 5 Free';
position: absolute;
top: -53px;
left: 0;
height: auto;
padding:13px 20px 13px;
content: '\f0a7  会社情報をもっと見る';
color: #fff;
border-radius: 7px 7px 0 0;
background: #341e06;
font-size:20px;
}
.kaishawosiru-link-wrap ul{
position:relative;
margin: 0;
}
.kaishawosiru-link-wrap li{
display:block;
width:50%;
float:left;
text-align:left;
margin:0;
box-sizing:border-box;
padding:15px 15px;
border:1px solid #eee;
background:#fff;
}
.area-wrap{
background:#341e06;
}
.sbi_header_text h3:after{
display:none;
}
.insta{
padding:60px 0 100px;
}
.youtube-wrap h2.top-h2-2{
color:#fff;
}
p.staff-hitokoto{
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    line-height: 180%;
letter-spacing:1px;
}
.insta h2.top-h2-2{
margin:40px 0 0;
}
header nav#navi ul li a.line-height{
padding:0 0 11px;
}
header nav#navi ul li.first {
border-top:1px solid #eee;
}
p.menu-naiyou{
    padding: 0;
line-height:130%;
    font-size: 14px;
  font-weight: 600;
  color: #341e06;
  letter-spacing: 0.2em;
}
.menu-check-qa {
display: none;
}
.menu-naiyou span{
font-size: 20px;
    margin-right: 6px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    margin-right: 10px;
    color: #341e06;
}
.menu-content-qa {
height: 0;
opacity: 0;
padding: 0;
transition: .4s;
visibility: hidden;
}
.menu-label-qa {
display: block;
    padding: 0;
    position: relative;
    margin-top: 0px;
}
.menu-content-in-qa {

}
.menu-label-qa:after {
font-family: "Font Awesome 5 Free";
    content: '\f067';
    font-weight: 700;
    position: absolute;
    right: 10px;
top:-3px;
    color: #341e06;
    font-size: 16px;
}
.menu-check-qa:checked + .menu-label-qa:after {
font-weight: 700;
}
.menu-check-qa:checked + .menu-label-qa + .menu-content-qa {
height: auto;
opacity: 1;
visibility: visible;
margin-bottom: 10px;
}
.menu-check{
    display: none;
}
.menu-label{
background: #999;
color: #fff;
display: block;
padding: 4px 0 5px 0;
text-align: center;
font-size: 15px;
}
.menu-content{
border: 1px solid #888;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.menu-check:checked + .menu-label + .menu-content{
height: auto;
    opacity: 1;
padding: 8px 10px 10px;
    visibility: visible;
}
.kenshuu-wrap2{
overflow:hidden;
}
.kenshuu-wrap2-l{
float:left;
width:46%;
}
.kenshuu-wrap2-r{
float:right;
width:51%;
}
a.gaibu-link{
display: block;
margin: 0px auto 90px;
max-width: 350px;
text-align: center;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
color:#341e06;
position: relative;
background:#fff;
border: 2px solid #341e06;
}
a.gaibu-link:after {
font-family: "Font Awesome 5 Free";
content: '\f35d';
font-weight: 900;
position: absolute;
right: 30px;
}
a.gaibu-link:hover {
color: #fff;
background-color: #341e06;
}
p.qa-naiyou.last:before{
border-bottom: 2px solid #341e06;
}
.naiteikara-wrap{
margin:20px auto 40px;
overflow:hidden;
}
.naiteikara-wrap-l{
float:left;
width:46%;
}
.naiteikara-wrap-r{
float:right;
width:51%;
}
p.qa-naiyou.last{
border-bottom: 2px solid #eee;
}
.naitei-wrap-0{
border:5px solid #eee;
padding:25px 3%;
max-width:600px;
text-align:center;
margin:0px auto 40px;
}
h3.headLine-employment:after{
display:none;
}
.gowidth-img1 {
width: 36px;
height: auto;
padding:0 10px 6px 0;
}
.gowidth-img2 {
width: 36px;
height: auto;
padding:0 0 6px 0;
}
.headLine-employment {
padding: 22px 0 19px;
margin: 0 auto 5px;
font-size: 28px;
letter-spacing: 5px;
text-align: center;
}
.kenshuu-wrap{
border:5px solid #eee;
padding:15px 2%;
box-sizing:border-box;
margin:35px 0 40px;
}
ul.flow dd img{
display:block;
width:130px;
}
.job-about-linkbottom-wrap {
max-width: 700px;
overflow: hidden;
margin: 60px auto 50px;
}
.job-about-linkbottom-wrap a:after {
font-family: "Font Awesome 5 Free";
content: '\f054';
font-weight: 900;
position: absolute;
right: 30px;
}
.job-about-linkbottom-wrap a {
background: #341e06;
color: #fff;
padding: 12px 0;
width: 48%;
display: block;
text-align: center;
font-weight: bold;
font-size: 17px;
float: left;
margin: 0 1%;
position: relative;
box-sizing: border-box;
border-radius: 24.5px;
}
.saiyou-table th{
width: 191px;
font-size: 15px;
border: 1px solid #eee;
padding: 20px 12px;
background:#341e06;
color: #fff;
text-align:center;
}
.saiyou-table td{
font-size: 15px;
border:1px solid #eee;
padding:20px 12px;
}
.mokuzi-wrap{
border: 5px solid #eee;
padding:20px 20px 15px;
}
.mokuzi-wrap ul li{
list-style:circle;
margin-bottom:10px;
}
.mokuzi-wrap ul li a{
text-decoration:underline;
}
.mokuzi-wrap p{
display: inline-block;
background:#341e06;
padding: 7px 15px;
font-weight: bold;
color:#fff;
margin-bottom:8px;
}
p.shoukai-taitle{
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
letter-spacing:1.5px;
font-weight:bold;
font-size:20px;
margin:0 0 0;
padding:20px 0 0;
box-sizing: border-box;
}
p.shoukai-yakushoku{
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
margin:10px 0 30px;
letter-spacing:1px;
font-weight:bold;
}
.rine-wrap{
overflow:hidden;
}
.rine-wrap-l{
float:left;
width:35%;
}
.rine-wrap-r{
float:right;
width:63%;
}
.sp-entry-wrap a{
text-align: center;
background: #dc6198;
color: #fff;
padding:6px 0px 5px;
width: 100%;
box-sizing: border-box;
display:block;
font-size:16px;
background: -moz-linear-gradient(top, #003d6f, #341e06); 
background: -webkit-linear-gradient(top, #003d6f, #341e06); 
background: linear-gradient(to bottom, #003d6f, #341e06); 
border-radius:5px;
}
.sp-entry-wrap{
width:90%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
.daihyou-img-wrap{
max-width: 550px;
}
a.gaibulink-a-pink{
display: block;
margin: 40px auto;
max-width: 350px;
text-align: center;
border: 2px solid #341e06;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
color: #341e06;
position: relative;
background: #fff;
}
a.gaibulink-a-pink:after {
font-family: "Font Awesome 5 Free";
content:'\f35d';
font-weight: 900;
position: absolute;
right:13px;
}
a.gaibulink-a-pink:hover {
color: #fff;
background-color: #341e06;
}
.staff-inner-inner{
overflow:hidden;
}
.staff-inner-inner-l1{
float:left;
width:49%;
}
.staff-inner-inner-r1{
float:right;
width:49%;
}
.staff-inner-inner-l2{
float:left;
width:49%;
}
.staff-inner-inner-r2{
float:right;
width:49%;
}
p.okigaru {
font-size: 22px;
font-weight: bold;
margin: 30px auto;
text-align:center;
}
div.wpcf7 input.wpcf7-submit {
cursor: pointer;
font-weight: bold;
font-size: 17px;
width: 200px;
height: 45px;
margin: 0 auto 40px;
display: block;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
border: none;
background:#341e06;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #341e06!important;
font-size:17px;
padding:20px 15px;
}
div.wpcf7 input.wpcf7-submit:hover {
background: #eee;
color:#000;
}
.hissu {
background: red;
color: #fff;
font-size: 12px;
padding: 3px 6px;
border-radius: 2px;
margin-right: 5px;
}
.nini {
background: #eee;
color: #333;
font-size: 12px;
padding: 3px 6px;
border-radius: 2px;
margin-right: 5px;
}
.form-wrap {
    padding: 0px 20px 20px;
    border: 5px solid #341e06;
    margin: 50px 0 50px;
    background: #fff;
}
table.inquiry {
border-top: 1px solid #eee;
width: 100%;
margin: 20px 0 30px;
}
table.inquiry th:first-of-type {
border-top: none;
border-right: none;
border-left: none;
}
.inquiry th {
padding: 4px 0 0 10px;
font-size: 15px;
border-bottom: 1px solid #eee;
width:326px;
background-color: #fff;
color: #333;
vertical-align: middle;
}
.form-wrap table td {
border-bottom: 1px solid #eee;
border-top: none;
border-right: none;
border-left: none;
padding: 13px 10px;
line-height: 160%;
vertical-align: middle;
}
.parent-pageid-20 .single-contents {
padding:0;
}
ul.circles{
margin:0;
}
.company{
padding:60px 0 30px;
margin: 0 auto;
background:#fff;
z-index:2;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

p.success-link{
margin-top:5px;
}
p.success-link a{
color:#333;
text-decoration:underline;
}
p.successsimei{
font-size: 19px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    line-height: 130%;
margin:5px 0 0 0;
}
p.successsimei2{
font-size:14px;
padding:0;
color: #999;
margin-bottom:5px;
}
p.success-a{
padding:1px 9px;
    background:#4d9bd6;
    display: inline-block;
    color: #fff;
    font-size: 15px;
}
.top-wrap2-r {
    width: 60%;
    background: rgb(35, 116, 187, 0.95);
    z-index: 1000;
    position:absolute;
top:250px;
padding:60px 6% 30px 4%;
    box-sizing: border-box;
right:0;
}
.top-wrap2-r p{
color:#fff;
line-height:180%;
font-size:20px;
}
.shokushu-wrap-in img{
width:90%;
    margin: 0 auto;
    display: block;
}
.top-wrap-wrap {
overflow:hidden;
    margin: 0 auto;
padding: 0 0 317px;
}
.top-wrap-wrap2 {
overflow:hidden;
    margin: 0 auto;
z-index:2;
position:relative;
background:#fff;
background:linear-gradient(135deg, rgba(12,242,223),rgba(60,167,255));
}
.top-wrap2 {
    position: relative;
width:100%;
height:900px;
float:right;
}
.top-wrap2-l {
    position: absolute;
top:0;
left:0;
    width: 60%;
}
.shokushu-wrap-in p{
padding: 10px 10px 0 10px;
}
.shokushu-wrap-in{
margin:0 0 13px;
}
a.shokushu-wrap-a{
width:45%;
display:block;
background:#fff;
padding:10px;
box-sizing:border-box;
}
.top-wrap1-l p{
color:#fff;
line-height: 180%;
font-size:20px;
}
.top-wrap1{
position: relative;
height:600px;
}
.top-wrap1-l{
    width: 60%;
	background:rgb(35, 116, 187, 0.95);
    z-index: 1000;
    position: relative;
top:250px;
	padding:60px 4% 30px 6%;
    box-sizing: border-box;
}
.top-wrap1-r{
position:absolute;
top:0;
right:0;
width:60%;
}
.single-img-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.relatedposts{
overflow:hidden;
}
.cell{
    text-align: center;
    float: left;
    width: 31.333%;
    margin: 20px 1%;
    padding: 10px 1% 0;
    box-sizing: border-box;
    background: #eee;
}
.cell a{
font-size:14px;
}
p.sp-foot-link-p{
padding: 0 0 5px 10%;
    text-align: center;
    font-size: 13px;
    line-height: 100%;
}
p.sp-foot-link-p:after {
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
    padding-left: 5px;
    margin-right: 20px;
    text-decoration: none;
}
a.rikunabi-entry-a{
display: block;
    margin: 0px auto 40px;
    max-width: 350px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    color: #fff;
    position: relative;
    background: #0272bc;
border: 2px solid #0272bc;
}
a.rikunabi-entry-a:hover{
background:#fff;
color:#0272bc;
}
a.rikunabi-entry-a:after {
    font-family: "Font Awesome 5 Free";
    content:'\f35d';
    font-weight: 900;
    position: absolute;
    right: 30px;
}
a.mainabi-entry-a{
    display: block;
    margin: 0px auto 40px;
    max-width: 350px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    color: #fff;
    position: relative;
    background: #01abeb;
border: 2px solid #01abeb;
}
a.mainabi-entry-a:hover{
background:#fff;
color:#01abeb;
}
a.mainabi-entry-a:after {
    font-family: "Font Awesome 5 Free";
    content:'\f35d';
    font-weight: 900;
    position: absolute;
    right: 30px;
}
.entry-wrap{
overflow:hidden;
}
.entry-wrap-rikunabi{
border:5px solid #0272bc;
float:left;
width:48%;
box-sizing:border-box;
padding: 0 2%;
}
.entry-wrap-mainabi{
border:5px solid #01abeb;
float:right;
width:48%;
box-sizing:border-box;
padding: 0 2%;
}
.shokushuwrap{
width:97%;
margin:0 auto;
}
.page-id-20 .block-three > li {
width:23%;
}
.page-id-20 li.item {
    margin-bottom: 30px;
    margin-top: 20px;
    background-color: #f6f6f6;
    padding: 15px 1% 15px;
    box-sizing: border-box;
}
.groupimg{
max-width:330px;
margin:10px auto;
}
h4.saniittai-h4{
font-size: 28px;
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: bold;
    line-height: 1.6;
    margin: 50px 0 30px;
text-align:center;
border:none;
}
p.cent{
text-align:center;
}
p.fc-warap {
    text-align: center;
    background-color: #eee;
    padding: 3px 0;
font-size:14px;
}
.groupBox {
    width: 48.5%;
    margin: 0 0 30px;
    border: 4px solid #eee;
    box-sizing: border-box;
    list-style: none;
    background: #fff;
    padding: 10px 3%;
}
.groupBox-wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding:30px 3%;
    background: #341e06;
margin:30px 0 90px;
}
.page-id-1393 .sec02 .groupBox {
width:48.5%;
margin:0 0 30px;
border: 4px solid #eee;
box-sizing: border-box;
list-style: none;
background: #fff;
padding:10px 3%;
}
.single .single-contents {
margin: 30px 0 0px 0;
}
.category-company-newsletter .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/190929_138.jpg);
}
.single .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/190929_138.jpg);
}
.page-id-772 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/196.jpg);
}
.page-id-28 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/10/pixta_37837275_M.jpg);
}
.page-id-20 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2023/05/A7402513.jpg);
}
.page-id-804 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/message-bf.jpg);
}
.page-id-1393 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/kaishagaiyou-bg.jpg);
}
.page-id-1406 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/4.jpg);
}
.page-id-1381 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/10/差し替え_教育研修.jpg);
}
.page-id-30 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2023/05/A7402513.jpg);
}
.page-id-8 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2022/10/045-1.jpg);
}
.page-id-14 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/soudan-bg.jpg);
}
.page-id-1375 .pagetitle-wrap{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/qa-bg.jpg);
}
.motomeruzinzai-wrap img{
width:100%;
margin:40px 0 30px;
}
.saiyou-top-img-wrap img{
margin: 0 auto;
width:85%;
display: block;
}
p.shain-wrap-in-in-r-yakushoku{
font-size:13px;
padding:5px 0;
    background: #eee;
    line-height: 130%;
    margin-bottom: 9px;
}
p.shain-wrap-in-in-r-nyuusha{
font-size: 13px;
padding:5px 5px;
    background: #eee;
    line-height: 130%;
    margin-bottom:0;
}
.simei-r{
font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 30px 0 0;
    padding: 0;
    line-height: 100%;
}
.staff-inner-wrap2 h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(
135deg, #341e06 , #341e06 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(
-45deg, #341e06 , #341e06 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.staff-inner-wrap2 h2{
font-size:22px;
    line-height: 160%;
    font-weight: 600;
    color: #333;
    margin: 25px 0 15px 0;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.8px;
    position: relative;
padding:15px 5px;
}
.staff-inner-wrap1{
overflow:hidden;
}
.simei-r2{
color: #341e06;
letter-spacing:1px;
margin-bottom:20px;
}
.simei-r3 span, .simei-r4 span{
background: #eee;
    padding: 5px 10px;
    margin-right: 10px;
}
.staff-inner-wrap1-l{
float:left;
width:41%;
}
.staff-inner-wrap1-r{
float:right;
width:55%;
}
.staff-top-img-wrap{
width:100%;
margin:0 auto;
}
.staff-top-img-wrap img{
width:100%;
}
.staff-inner-wrap-wrap{
margin:0 auto;
background:#e6f4ff;
padding:0 0 90px;
}
.staff-inner-wrap{
    margin: -60px auto 0px;
    box-sizing: border-box;
padding:40px 2.5% 40px;
    background: #fff;
    z-index: 9999;
    border-radius: 20px;
position: relative;
max-width:1000px;
}
p.viewmore:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
    position: absolute;
    right: 10px;
}
h4.shain-shimei{
border-bottom: 1px solid #eee;
    font-size: 20px;
padding:0 0 5px 3px;
    margin: 0 0 0 0;
color:#444;
}
.shain-furigana{
color: #341e06;
    letter-spacing: 0.4px;
font-size:12px;
padding:5px 0 0 2px;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
font-size:16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn-flat-wrap{
position:relative;
}
a.btn-flat {
overflow: hidden;
    padding: 16px 20px;
    color: #333;
    border-radius: 0;
    background: #fff;
    border: 1px solid #341e06;
    width: 200px;
}
a.btn-flat:hover {
text-decoration:underline;
}
a.btn-flat span {
  position: relative;
  z-index: 1;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
left: calc(-136% + 50px);
width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);

  background:#341e06;
}

a.btn-flat:after {
  position: absolute;
  top: -400%;
right: calc(-136% + 50px);
width: 150%;
height: 500%;
content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);

  background:#341e06;
}

a.btn-flat:hover:before {
  -webkit-transform: rotate(45deg) translateX(0) translateY(-50%);
  transform: rotate(45deg) translateX(0) translateY(-50%);
}

a.btn-flat:hover:after {
  -webkit-transform: rotate(45deg) translateX(0) translateY(50%);
  transform: rotate(45deg) translateX(0) translateY(50%);
}
div.iframe-content2{
position:relative;
width: 100%;
padding:56.25% 0 0 0;
}

div.iframe-content2 iframe{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.douga-wrap-wrap{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.douga-wrap p, .douga-wrap2 p{
text-align:center;
}
.douga-wrap{
width:48%;
background:#fff;
margin:0 0 50px;
}
.douga-wrap2{
width:100%;
background:#fff;
margin:0 0 50px;
}
h3.item-title:after{
display:none;
}
p.viewmore{
    position: relative;
    padding: 0 28px;
    box-sizing: border-box;
    font-size: 14px;
    text-decoration: underline;
    text-align: right;
}
.shain-wrap-in-in{
overflow:hidden;
padding:20px 12px;
position:relative;
}
.shain-wrap-in-in-l{
float:left;
width:48%;
text-align:center;
}
.shain-wrap-in-in-r{
float:right;
width:48.5%;
text-align:center;
}
.page-id-20 #main, .page-id-1406 #main, .page-id-2431 #main{
background: #e6f4ff;
padding:1px 0 40px;
}
.shain-wrap-in{
border-radius:10px;
background:#fff;
}
.shain-wrap-in img{
border-radius:10px 10px 0 0;
}
.shain-wrap{
overflow:hidden;
}
.shain-wrap a{
width: 31.333%;
    display: block;
margin:20px 1% 30px;
float:left;
}
.footer-inner li a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
    position: absolute;
right:10px;
}
.foot-joblink-p a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
    padding-left: 5px;
    margin-right: 20px;
    text-decoration: none;
}
.page-id-1393 .comLink_small a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
font-weight:900;
	text-decoration: none;
position:absolute;
right:20px;
}
.header-inner .inner{
float:right;
}
.page-id-1393 .sec01 h3 {
    font-size: 28px;
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: bold;
    line-height: 1.6;
margin:50px 0 30px;
text-align:center;
}
.page-id-1393 .sec01 p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.saniittai {
    max-width: 450px;
    width: 80%;
    margin: 0 auto 20px;
}
.page-id-1393 .sec01 p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}
.page-id-1393 .sec02 p.fc-warap {
    text-align: center;
    background-color: #eee;
    padding: 3px 0;
    font-size: 14px;
}
.page-id-1393 .sec02 h3 {
    font-size: 24px;
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: bold;
    line-height: 1.6;
    padding: 12px 0px 12px 10px;
    background: #f1f1f1;
margin:70px 0 40px;
}
p.link-job-p{
    display: block;
    float: right;
    padding: 3px 15px;
    font-size: 15px;
    margin: 0 5% 0 48px;
    color: #fff;
    text-decoration: underline;
}
.sp-job-r h3{
    line-height: 120%;
margin:20px 10px 10px;
color:#fff;
padding: 3px 0 0 0;
}
.sp-job-r h3:after, .shokushu-wrap-in h3:after{ 
display:none;
}
.sp-job-r h3 span.num{
margin-right: 5px;
}
.sp-job-r h3 span.setsu{
margin-left:36px;
}
.sp-job{
overflow: hidden;
    background: #341e06;
    margin: 0 0 20px;
}
.sp-job-l{
float:left;
width:25%;
}
.sp-job-r{
float:right;
width:74%;
}
.staff-oneday-time-wrapin p{
padding:6px 12px 6px;
}
.staff-oneday-time-wrapin p.oneday-time span{
color:#341e06;
    margin-right: 10px;
    font-size: 20px;
}
p.oomoji{
font-size: 20px;
margin:16px 0 10px;
    background: #eee;
    padding: 4px 8px;
}
p.oneday-time{
background:#eee;
padding:6px 12px 6px;
}
.staff-oneday-in-wrap-r h3{
font-weight:500;
margin:5px 0 0 0;
}
.staff-oneday-in-wrap-r h3 span.shokushu{
color: #fff;
    padding-right: 15px;
    background:#341e06;
    padding: 3px 8px;
    margin-right: 15px;
}
.staff-oneday-wrap{
border:4px solid #4d9bd6;
    padding:20px 2% 30px;
    border-radius: 10px;
margin:20px 0 100px;
}
.staff-oneday-in-wrap{
overflow:hidden;
margin:20px 0;
}
.staff-oneday-in-wrap-l{
border-right: 1px solid #eee;
    float: left;
    width: 33%;
padding: 0 4%;
    box-sizing: border-box;
}
.staff-oneday-in-wrap-r{
float:right;
width:64%;
box-sizing:border-box;
padding-right:2%;
}
.staff-oneday-time-wrapin{
width:32%;
margin: 20px 0 10px;
    box-sizing: border-box;
    border: 2px solid #eee;
}
.staff-oneday-time-wrap{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
h2.pagetop-hw{
font-size:45px;
color: #341e06;
letter-spacing:3px;
line-height: 110%;
}
h2.pagetop-hw span{
color:#333;
display:block;
font-size:22px;
font-weight:500;
padding-left:4px;
letter-spacing:2px;
}
h2.cmn-gradation-title{
margin: 0 0 10px 0;
    padding: 7px 13px;
    background:#341e06;
    color: #fff;
}
h2.cmn-gradation-title span{
font-size: 18px;
padding-left: 10px;
}
.work__num img{
    width: auto;
    height: 100%;
}
.work__overview {
    position: relative;
max-width:1080px;
margin:40px auto 40px;
}
.work__thumbnail {
    position: relative;
    padding-top: 62px;
margin-bottom:30px;
    width: 100%;
}
.work__thumbnail::before {
    content: "";
    position: absolute;
    left: 50%;
	top:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background:#341e06;
    opacity: 0.2;
width: 544px;
height:355px;
}
.work__thumbnail-figure {
    position: relative;
width: 54.53333%;
    height:auto;
margin: 0;
}
.work__thumbnail-right {
    position: absolute;
    right: 0;
    top: 0;
}
.work__num {
    position: absolute;
	right:6%;
bottom:-12px;
height:110px;
}
.group-l{
width:40%;
margin: 20px 0 0 5%;
}
.group-r{
width:43%;
margin:70px 5% 0 0;
}
span.setsu{
font-size:13px;
}
.acd-content-in-qa p{background:#eee;
font-size:15px;
}
p.qa-naiyou{
padding: 20px;
margin: 0 0 0 60px;
border-top: 2px solid #eee;
font-weight:normal;
}
p.qa-naiyou:before{
content: "Q.";
padding: 20px;
margin: 0 20px 0 0;
border-top: 2px solid #341e06;
position: absolute;
left: 0;
top:0;
font-family: 'STIX Two Math', serif;
font-size:25px;
}
.acd-check-qa {
display:none;
}
.acd-label-qa {
display: block;
padding: 0px 0 0px 20px;
background-position: top 11px left 8px;
text-align: left;
font-size: 16px;
font-weight: bold;
position: relative;
margin-top: 0px;
background-repeat: no-repeat;
background-size: 37px;
line-height: 140%;
}
.acd-label-qa:after {
font-family: "Font Awesome 5 Free";
content: '\f067';
font-weight: 700;
position: absolute;
right: 26px;
top:24px;
color:#341e06;
}
.acd-content-qa{
height: 0;
opacity: 0;
padding: 0;
transition: .4s;
visibility: hidden;
}
.p-entry__body .acd-content-qa p {
margin: 0;
line-height: 160%;
font-size: 15px;
}
.acd-check-qa:checked + .acd-label-qa:after{
font-weight: 700;
}
.acd-check-qa:checked + .acd-label-qa + .acd-content-qa{
height:auto;
opacity:1;
visibility:visible;
margin-bottom:10px;
}
.acd-content-in-qa{
padding: 10px 20px 10px 15px;
background: #fff;
margin-left: 80px;
background: #eee;
}
p.foot-joblink-p{
color:#fff;
font-size:13px;
text-align:center;
}
.foot-joblink-p span{
margin:0 15px;
}
.foot-joblink-p a{
color:#fff;
font-size:13px;
text-decoration:underline;
}

.foot-joblink-p a:visited{
color:#fff;
}
.copyright-in{
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.copyright-r{
margin-right: 40px;
}
div#copyright .copyright-r a{
color:#341e06;
display:inline-block;
text-decoration:underline;
}
div#copyright .copyright-r a:hover{
color:#341e06;
text-decoration:underline;
}

h2.soshiki-h2 {
text-align: center;
font-size:26px;
    letter-spacing: 3px;
    color: #fff;
    margin: 0 0 20px;
}
.soshikizu-wrap{
background: #341e06;
    color: #fff;
padding:40px 30px 1px 30px;
    max-width: 780px;
margin:80px auto 0;
    box-sizing: border-box;
}
.soshikizu-wrap li span{
margin-left: 10px;
font-size:0.8em;
letter-spacing:0.1px;
color: #bcd2ea;
}
.soshikizu-wrap li span.shamei{
margin-left:4px;
font-size:0.9em;
color: #fff;
}
.soshikizu-wrap li{
font-size:16px;
letter-spacing:1px;
list-style:none;
}
.soshikizu-wrap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
letter-spacing:1px;
}
 
.soshikizu-wrap ul li ul li {
margin-bottom:.5em;
position:relative;
line-height:200%;
}
 
.soshikizu-wrap ul li ul li::before {
  content: "";
  position: absolute;
top:-0.1em;
left:-14.5px;
  width: 10px;
height:calc(100% + 1em);
border-left: 1px solid #3972b2;
}
 
.soshikizu-wrap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.soshikizu-wrap ul li ul li::after {
  content: "";
  position: absolute;
	top:1.03em;
left:-14px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}
.kyouiku-wrap{
padding:20px 0 30px;
}
.youtube-wrap a.link-a-pink{
margin:60px auto 40px;
}
a.link-a-pink{
display:block;
margin:50px auto;
    max-width: 350px;
    text-align: center;
    border: 2px solid #341e06;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
color:#341e06;
position:relative;
background:#fff;
}
a.link-a-pink:hover{
color:#fff;
background-color:#341e06;
}
a.link-a-black{
display:block;
    margin: 40px auto;
    max-width: 350px;
    text-align: center;
	border:2px solid #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
color:#fff;
position:relative;
}
a.link-a-black:hover{
}
a.link-a-black:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
    position: absolute;
    right: 30px;
}
a.link-a-pink:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
    position: absolute;
    right: 30px;
}
.suujidemiruwrap{
background-color:#341e06;
padding:40px 0 50px;
}
.ichinichi-wrap{
padding:10px 0 80px;
background:#f7f6f5;
}
.success-r span{
font-size:13px;
}
.success-l img{
border-radius:4px;
}
.success-l{
width:44%;
}
.success-r{
width:50%;
}
h2.top-h2-3{
text-align: center;
    font-size: 34px;
    letter-spacing: 3px;
color:#fff;
    margin-bottom: 37px;
}
h2.top-h2-2{
text-align: center;
font-size:47px;
letter-spacing:8px;
color:#fff;
margin:0 auto 40px;
-webkit-text-stroke: 1px #341e06;
text-stroke: 1px #341e06;
position:relative;
display:block;
}
h2.top-h2-4{
text-align: center;
font-size:47px;
letter-spacing:8px;
color:#fff;
margin:0 auto 40px;
color:#341e06;
display:block;
position:relative;
}
.zigyounaiyou .content{
max-width:1080px;
}
.shokushu-wrap-in h3{
position:relative;
padding: 0 0 0 56px;
margin:20px 0 7px 0;
line-height:120%;
}
.shokushu-wrap-in h3 span.num{
position: absolute;
    top: 0;
left:10px;
    color: #341e06;
    font-size: 24px;
}
.flex-wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zigyounaiyou .flex-wrap{
margin:100px auto 10px;
}
.content.m-t1{
padding:16px 0 40px;
z-index:2;
position:relative;
max-width:1800px;
}
.box26 {
	width:32.5%;
    position: relative;
	margin:30px 0 20px;
padding:23px 15px 13px 17px;
border:solid 3px #eee;
border-radius:8px;
box-sizing:border-box;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color:#e75092;
    font-weight: bold;
left:10px
}
.zigyounaiyou-relative{
position:relative;
}
.zigyounaiyou-relative h2{
box-sizing:border-box;
color:#e75092;
    display: block;
    max-width: 1200px;
    width: 100%;
    text-align: center;
font-size:75px;
    letter-spacing: 13px;
    position: absolute;
top:3px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    z-index: 9999;
}
.zigyounaiyou-in-1{
display: block;
    max-width: 1200px;
    position: absolute;
top:112px;
    left: 50%;
    width: 80%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.zigyounaiyou-in{
background-color:#341e06;
height: 400px;
}
.content{
max-width: 1200px;
margin: 0 auto;
}
.relative{
position:relative;
}
.hidarikara.fadeinyoko{
opacity:1;
transform:translateX(0);
}
.migikara.fadeinyoko{
opacity:1;
transform:translateX(0);
}
.migikara{
width: 41%;
position: absolute;
left: 0%;
padding:40px 0;
box-sizing: border-box;
transform:translateX(500px);
opacity:0;
transition:opacity 1s,transform 1s;
}
.migikara p, .hidarikara p{
color:#fff;
}
.hidarikara{
width:41%;
position: absolute;
right:0;
padding: 40px 0 ;
box-sizing: border-box;
transform:translateX(-500px);
opacity:0;
transition:opacity 1s,transform 1s;
}

#canvas{
  height: 100%;
  width: 100%;
}
h2.second-h2{
    font-size: 47px;
letter-spacing:5px;
    line-height: 180%;
padding:50px 5% 10px;
    color: #341e06;
	margin: 0 auto 40px;
}
h2.second-h2-2 {
text-align: right;
font-size: 44px;
    letter-spacing:6px;
    line-height: 180%;
    padding: 50px 5% 10px;
    color: #341e06;
    margin: 0 auto 40px;
}
.rinen-wrap{
clear: both;
overflow:hidden;
margin:0 auto;
padding:45% 0 0 0;
position:relative;
z-index:2;
}
.rinen-wrap2{
clear: both;
overflow: hidden;
margin:30px 0 80px;
}
.rinen-in{
max-width: 1200px;
    margin: 0 auto;
}
.area-in{
position: absolute;
bottom: 0;
max-width:487px;
left:1%;
z-index:99;
}
.entry2 span, .entry span{
display: block;
    font-size: 14px;
    font-weight: normal;
}
.ledText-wrap{
}
.ledText-wrap-in{
margin:0 auto 30px;
width:90%;
}
.ledText {
    overflow: hidden;
    position: relative;
    padding: 5px 0;
    color: #FFB400;
    font-size: 30px;
    font-weight: bold;
    background: #333333;
    border: 3px solid #eee;
margin:30px 10px 30px 30px;
}

/* CSS3グラデーションでドット感を出す */
.ledText:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#0a0600 1px, transparent 0px), linear-gradient(0, #0a0600 1px, transparent 1px);
	background-image: -webkit-linear-gradient(#0a0600 1px, transparent 0px), -webkit-linear-gradient(0, #0a0600 1px, transparent 1px);
	background-size: 2px 2px;
    z-index: 10;
}

/* CSS3アニメーションでスクロール */
.ledText span {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 15s;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 15s;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
h2.mainvisual{
color: #fff;
font-size: 66px;
letter-spacing: 20px;
margin:10px 0 0 0;
}
h2.mainvisual span{
display: block;
font-size:33px;
letter-spacing: 8.2px;
margin:20px 2% 20px;
}
.main-img{
display: block;
width:100%;
z-index:99;
}
@import url('https://fonts.googleapis.com/css?family=Exo:400,700');

*{
    margin: 0px;
    padding: 0px;
}

body{
    font-family: 'Exo', sans-serif;
}
.context img{
display: block;
    width: 717px;
    float: right;
    padding-right: 10%;
    margin-top:0;
}

.context {
max-width: 1200px;
    position: absolute;
	top:115px;
    text-align: right;
	padding-right:8%;
    box-sizing: border-box;
    width: 100%;
    right: 0;
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}
.area{
margin-bottom:30px;
background: #341e06;
    width: 100%;
height:720px;
    position: relative;
    max-width:1800px;
    margin: 0 auto;
}

.circles{
position:relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
background: url(https://yumetetsu-recruit.com/wp-content/uploads/2021/07/アセット-21@1x533.png);
background-repeat: no-repeat;
background-size:30%;
background-position:right 3% bottom 100px;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
ul.flowul {
padding: 0; 
}
ul.flow li {
  list-style-type: none;
}
ul.flow dd {
  margin-left: 0;
font-size:15px;
}

.flow {
  padding-left: 120px;
  position: relative;
margin:40px 0;
}
.flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
margin-left:20px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
}
.flow > li {
  position: relative;
list-style: none;
}
.flow > li:not(:last-child) {
  margin-bottom: 8vh;
}
.flow > li .icon {
font-size:16px;
  color: #fff;
  background: -moz-linear-gradient(left, #341e06, #341e06);
  background: -webkit-linear-gradient(left, #341e06 0%, #341e06 100%);
  background: linear-gradient(to right, #341e06 0%,#341e06 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 100;
}
.flow > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #341e06;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow > li dl {
padding-left:66px;
  position: relative;
}
.flow > li dl::before,
.flow > li dl::after {
  content: "";
  display: block;
position:absolute;
top:22px;
}
.flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background:#341e06;
border-radius:50%;
left:9px;
top:22px;
}
.flow > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
left:12px;
}
.flow > li dl dt {
  color:#341e06;
margin: 10px 0 10px 10px;
padding-top: 8px;
}
.sub-item a:before{
	color:#341e06;
font-weight:600;
position:absolute;
top: 50%;
left:0;
transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
.sub-item{
position:relative;
padding: 0 0 0 17px;
margin:10px 0 10px 15px;
}
.txt1 {
font-size: 12px;
line-height: 26px;
}
.txt2 {
font-size: 16px;
font-weight: bold;
line-height: 25px;
}
.top-banner-wrap{
width:24%;
}
.kouken{
padding:40px 0;
}
.bg-sute .inner-wrap{
margin: 0 auto 0;
padding: 0;
}
.bg-sute{
background:#e6f4ff;
z-index:2;
position:relative;
}
.que{
color: #dc6198;
font-size: 18px;
letter-spacing: 1.5px;
}
.sdgs-wrap2{
text-align: center;
    font-size: 16px;
    background: #fff;
margin-bottom: 5px;
}
.footer-logo-p{
color: #fff;
padding: 0;
font-size:14px;
}
.footer-logo-p a{
color: #fff;
}
.footer-logo-p2{
color: #fff;
padding: 0;
font-size:14px;
}
.footer-logo-p2 a{
color: #fff;
}
.sdgs-wrap2 a{
text-align:center;
color:#fff;
}
table.youkou-table tr{
border-bottom:1px solid #999;
}
table.youkou-table{
margin:30px 0 50px;
border-top:1px solid #999;
}
table.youkou-table th{
background-color:#dcdddd;
vertical-align: middle;
width: 150px;
text-align: center;
font-size: 16px;
padding: 15px;
box-sizing: border-box;
border:none;
}
table.youkou-table td{
border:none;
font-size: 16px;
padding: 15px;
box-sizing: border-box;
}
.youkou-wrap-l{
float: left;
width: 45%;
margin: 0 1% 0 0;
}
.youkou-wrap-r{
float: left;
width: 53%;
margin: 0 0 0 1%;
}
.saiyou-title{
text-align: center;
font-family: serif;
letter-spacing: 1px;
font-size: 28px;
margin: 0px 0 20px;
background: #341e06;
padding: 20px;
box-sizing: border-box;
color:#fff;
}
.motomeruzinzai-wrap{
margin: 40px 0 50px;
}
.model-wrap-l{
padding:0 8% 0 9%;
margin:40px 0 10px;
}
.model-wrap{
margin:40px 0 30px;
}
.linkbanner-l{
float: left;
width: 49%;
margin:0 1% 0 0;
}
.linkbanner-r{
float: left;
width: 49%;
margin:0 0 0 1%;
}
.linkbanner-wrap{
max-width: 600px;
margin:0 auto;
overflow: hidden;
}
.triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
border-top:30px solid #eee;
margin:28px auto 20px;
}
.shainwosiru-l{
margin:10px 1.5% 30px 0;
float:left;
width:48.5%;
}
.shainwosiru-r{
margin:10px 0 30px 1.5%;
float:left;
width:48.5%;
}
#topcontrol{
position: fixed;
bottom: 20px;
right: 20px;
opacity: 1;
cursor: pointer;
z-index:10000;
}
.sp-foot-link{
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    background:#eeeeee;
    padding: 5px;
    box-sizing: border-box;
	border-top: 1px solid #fff;
}
.hitokoto{
border: 1px solid #888;
padding: 10px 15px 10px;
margin: 10px 0 50px;
}
.que span{
color: #dc6198;
font-size: 110%;
margin-right: 5px;
}
.shanaihou-kakudai-p{
font-size:15px;
text-align:center;
text-decoration:underline;
margin:20px 0 30px;
}
span.sabu{
font-size: 90%;
background-color: #eee;
padding: 5px 8px;
font-weight: 600;
margin-right: 8px;
}
.inta-simei{
margin: 10px 0 0 0;
padding: 2px 0;
font-size: 24px;
font-weight: 600;
line-height: 140%;
color:#333;
letter-spacing:3px;
}
.inta-simei span{
font-size: 73%;
margin-left: 25px;
font-weight: 500;
letter-spacing:1px;
color:#341e06;
}
.inta-warap-l{
float: left;
width: 50%;
box-sizing: border-box;
padding: 10px 2%;
margin: 10px 0 0px;
}
.inta-warap-r{
float: left;
width: 50%;
margin: 10px 0 20px 0;
}
.shanaihou-img-wrap{
width:49%;
box-sizing: border-box;
padding:10px 1%;
margin:10px 0;
}
.parents-w1-l{
float: left;
width: 50%;
box-sizing:border-box;
padding: 10px 1%;
}
.parents-w1-r{
float: right;
width: 50%;
box-sizing:border-box;
padding: 0 1%;
}
.parents-w2-l{
float: left;
width: 50%;
box-sizing:border-box;
padding: 0 1%;
}
.parents-w2-r{
float: right;
width: 50%;
box-sizing:border-box;
padding: 10px 1%;
}
.top-item-img{
padding: 0 0 0 0;
margin: 8px 2% 7px 2%;
box-sizing: border-box;
}
.top-toukou-wrap-title a{
color:#333;
font-size:16px;
}
.top-toukou-wrap-p a{
color:#dc6198;
font-size:14px;
}
.block-two a{
font-size:16px;
}
.single-post .row{
max-width: 960px;
margin: 0 auto;
}
.single-post .row h2:first-child{
margin-top:0;
}
.to-parents-h2-top{
background:none;
}

.top-toukou-wrap-p a:hover{
text-decoration:underline;
}
.top-toukou-wrap-title{
text-align: center;
border: none;
margin: 0 0 0 0;
padding: 0;
}
.top-conle{
overflow:hidden;
}
.top-toukou-wrap-p{
text-align:center;
}
.top-toukou-wrap{
float: left;
width: 31.33333%;
margin: 10px 1%;
background-color: #fff;
padding: 15px 2% 10px;
box-sizing: border-box;
border-radius: 5px;
}
.to-parents-h2-top{
background:none;
}
li.item p.item-link a{
color: #dc6198;
font-size:15px;
text-align:center;
}
li.item p.item-link a:hover{
text-decoration:underline;
color:#888;
}
li.item p.item-link{
text-align:center;
}
.item-img img{
width: 100%;
height: auto;
}
.page-id-804 .single-contents p{
font-size: 15px;
line-height: 170%;
padding: 10px 0;
}
.to-parents-h2-top{
margin: 0;
font-family: serif;
text-align: center;
letter-spacing: 3px;
background-color: #eee;
padding: 15px 0 10px 0;
}
.to-parents-h3{
border-left: none;
margin: 40px 0 10px 0;
padding: 2px 0;
font-size: 22px;
line-height: 160%;
border-bottom: solid 3px #341e06;
position: relative;
}
.to-parents-h3:after {
  position: absolute;
  content: " ";
  display: block;
border-bottom: solid 3px #341e06;
  bottom: -3px;
width: 33%;
}
.to-parents-h2-top span{
font-size: 17px;
color: #888;
letter-spacing:1px;
}
.o-h{
overflow:hidden;
}
.t-link{
margin: 40px 0 20px;
}
.t-link a:after {
font-family: "Font Awesome 5 Free";
content: '\f054';
font-weight: 900;
position: absolute;
left: 30px;
}
.top-toukou-a a {
padding: 13px 0 12px;
display: block;
text-align: center;
color: #fff;
font-size: 15px;
letter-spacing: 2px;
background-color: #333;
font-weight: bold;
text-decoration: none;
transition: all .8s;
-webkit-transition: all .8s;
border: 3px solid #333;
}
.top-toukou-a{
max-width:368px;
margin: 40px auto 50px;
box-sizing:border-box;
position: relative;
}
.top-toukou-a a:hover{
color: #333;
background-color: #fff;
}
.top-toukou-a a:after {
font-family: "Font Awesome 5 Free";
content: '\f054';
font-weight: 900;
position: absolute;
right: 30px;
}
.t-link-l{
float:left;
width:46%;
box-sizing:border-box;
position: relative;
margin-right: 4%;
}
.t-link-r{
float:left;
width:46%;
box-sizing:border-box;
position: relative;
margin-left: 4%;
}
.t-link a:hover{
color: #fff;
background-color: #333;
}
.t-link a{
padding: 13px 0 12px;
display: block;
text-align: center;
color: #333;
font-size: 15px;
letter-spacing: 2px;
background-color: #fff;
font-weight: bold;
text-decoration: none;
transition: all .8s;
-webkit-transition: all .8s;
border: 3px solid #333;
}
.sdgs-wrap1{
max-width:540px;
    margin: 60px auto 20px;
    background: #1c95d5;
padding: 20px 20px 7px;
box-sizing:border-box;
text-align: center;
}
.sdgs-wrap1 a{
color: #fff;
    text-decoration: underline;
    font-size: 15px;
}
.miryoku-bottom-wrap{
text-align: center;
margin: 20px auto 0;
}
.miryoku-bottom-wrap a.top-bottom{
font-size: 18px;
background-color: #5c9ee7;
color: #fff;
padding: 10px 30px;
border-radius: 8px;
border: solid 2px #fff;
}
.miryoku-bottom-wrap a.top-bottom:hover{
background-color: #fff;
color: #5c9ee7;
border: solid 2px #5c9ee7;
}
.acd-label:before {
  font-family: "Font Awesome 5 Free";
  content: '\f138';
font-weight: 700;
padding-right:5px;
}
.acd-check:checked + .acd-label:before{
  font-family: "Font Awesome 5 Free";
  content: '\f13a';
font-weight: 700;
}
.acd-check{
    display: none;
}
.acd-label{
background:#341e06;
color: #fff;
display: block;
padding: 4px 0 5px 0;
text-align: center;
font-size: 15px;
}
.acd-content{
border: 1px solid #eee;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
    opacity: 1;
padding: 8px 10px 10px;
    visibility: visible;
}


.inner-wrap.link{
padding: 0;
}
.holdings{
max-width: 800px;
margin: 0 auto 30px;
padding-left: 2%;
}
.about-us-inner h3{
border:none;
}
.youtube-wrap {
margin: 0 auto;
overflow: hidden;
padding:60px 0 40px;
background: #341e06;
z-index:2;
position:relative;
}
.youtube-l{
float: left;
width: 48%;
}
.youtube-r{
float: left;
width: 48%;
margin-left: 2%;
}
div.iframe-content {
position: relative;
width: 100%;
padding: 56.25% 0 0 0;
}
div.iframe-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rec-wrap-w{
background-color: #f6f6f6;
}
.rec-wrap{
margin: 0 auto;
max-width: 1080px;
overflow: hidden;
padding: 10px 0 10px 5%;
}
.rec-wrap-r{
float: left;
margin: 6px 0 0 2%;
width: 33%;
}
.chuuto {
background-color: #fff;
border: 2px solid #eee;
text-align: center;
margin: 0px auto 10px;
}

.chuuto p{
font-size: 14px;
padding: 3px 0;
}

.chuuto a{
color: #333333;
}
.about-us{
background-image: url(https://yumetetsu-recruit.com/wp-content/uploads/2019/07/aboutoback.jpg);
background-size:cover;
}
.about-us-inner{
max-width:1080px;
margin:0 auto;
padding-bottom: 43px;
}
h2.top{
text-align: center;
letter-spacing: 3px;
font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 100%;
margin: 60px auto 20px;
background: none;
}
h2.tait{
margin: 0 auto 20px;
padding: 40px 0 0;
}
li.toop {
position: relative;
background: rgb(255,255,255,0.7);;
padding: 0.25em 0.75em;
border-left: solid 2em #5c9ee7;
list-style: none;
margin: 0 0 5px 15px;
font-weight: 600;
}

li.toop:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  padding: 0em;
  color: white;
font-weight: 900;
left: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tait-sita{
letter-spacing: 3px;
font-size: 18px;
font-weight: 500;
color: #888;
}
.li-aboutus{
width: 85%;
margin: 0 auto;
}
.h3aboutus{
margin-top: 40px;
text-align: center;
font-size: 24px;
}
.paboutus{
text-align: center;
font-weight: 600;
}
.inner-wrap{
max-width: 1080px;
margin: 0 auto;
padding:0;
}
.toph3{
position: relative;
background: #d5ecff;
padding:6px 5px 6px 65px;
font-size: 20px;
color: #474747;
line-height: 190%;
border-radius: 30px 0 0 30px;
margin:50px 0 15px 0;
border: none;
}
.top-harf1{
overflow: hidden;
margin: 10px auto;
max-width:1000px;
}
.top-harf1-l{
float: left;
width: 48%;
margin: 10px 0 0 2%;
}
.top-harf1-r{
float: left;
width: 48%;
margin:10px 0 0 2%;
}
.top-harf2-r{
float: right;
width: 48%;
margin:10px 0 0 2%;
}
.top-harf2-l{
float: right;
width: 48%;
margin:10px 0 0 2%;
}
.top-harf1 p, .top-harf2 p{
line-height: 170%;
padding: 3px 0;
}
.bg-g{
padding-top: 1px;
}
.top-harf3-l{
width: 48.5%;
float: left;
}
.top-harf3-r{
width: 48.5%;
float: left;
margin-left:3%;
}
.tenpomei{
background-color: #dc6198;
color: #fff;
font-weight:600;
}
.juusho{
background-color: #fff;
}
.top-harf1 td{
border: 1px solid #eee;
}
.link1{
width:28%;
margin:0 2.66%;
float:left;
}
.link2{
width:28%;
margin:0 2.66%;
float:left;
}
.link3{
width:28%;
margin:0 2.66%;
float:left;
}
.bg2{
background-color: #4d4d4d;
padding: 20px;
}
.foot-logo{
text-align: center;
margin: 0 auto 20px;
max-width: 550px;
	background: #FFFFFF;
}
.foot-logo img{
max-width: 410px;
padding:5px;
box-sizing:border-box;
}
.footmenu1{
float: left;
width: 32%;
margin-left: 2%;
}
.footmenu2, .footmenu3{
float: left;
width: 32%;
}
.footer-inner li{
list-style:none;
font-size: 14px;
border-top: 1px solid #eee;
padding:10px 0 9px;
position:relative;
}
.footer-inner li:last-child{
border-bottom: 1px solid #eee;
}
.footer-inner li a{
color: #fff;
}
.footer-inner li a:hover{
color: #999;
}
.footer-inner ul{
margin: 7px 0 7px 1%;
}
.footerpclist{
margin:0 0 20px 0;
}
.pagetitle-wrap{
background-image:url(https://yumetetsu-recruit.com/wp-content/uploads/2021/09/190929_138.jpg);
background-size: cover;
    height: 330px;
    position: relative;
margin-top:84px;
background-position:center;
}
.cmn-overview__content {
    z-index: 1;
    position: absolute;
    left: 0;
background:linear-gradient( to left, rgba(77, 155, 214, 1), rgba(0, 67, 122, 1) );
width:66%;
    box-sizing: border-box;
padding:30px 0;
bottom: -58px;
}
.pagetitle-wrap-inner{
max-width:1080px;
margin: 0 auto;
}
.page-template-page-nosidebar .wrapper{
padding:0 0 0 0;
    width: 100%;
margin:0 auto 0;
max-width:none;
}
.parent-pageid-20 .wrapper{
padding:0 0 0 0;
    width: 100%;
margin:0 auto 0;
max-width:none;
}
.toph3.itiban{
margin-top: 18px;
}
.daihyou-img{
max-width:400px;
}
.yumenozitugenwo{
margin: 0 auto 30px;
max-width: 800px;
}
.gaiyoku-title{
background-color:#341e06;
color:#fff;
padding:15px 10px;
}
.panel-row-style-for-18-2, .panel-row-style-for-18-5, .panel-row-style-for-18-8{
border:8px solid #fbecf3;
}
.sanmeishain{
text-align: center;
font-family: "Lato", sans-serif;
font-size: 18px!important;
}
.page-id-12 table td{
border: 1px solid #eee;
}
.footer-inner .rec-wrap {
padding: 10px 0 10px 6%;
}
.footer-inner .mainabi{
margin: 0 0 0 4%;
}
.footer-inner .rec-wrap-r{
margin: 6px 0 0 4%;
}
/* ***************************************************************** 
*	基本設定
* ***************************************************************** */

body {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 18px;
background: #fff;
color: #333333;
line-height: 190%;
}


/* リンク
---------------------------------------------------- */

a{
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}


a:active, a:focus {
outline: 0;
}


/* 画像
---------------------------------------------------- */

img{
border:0;
padding:0px;
margin:0px
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* フロート
---------------------------------------------------- */

.alignright { float: right; }

.alignleft { float: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト
---------------------------------------------------- */

ol{
margin: 7px 0 7px 10px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
margin: 7px 0 7px 4px;
padding: 0 0 0 0;
list-style: disc;
}

li{
margin: 2px 0 2px 15px;
padding: 0;
}

li a{
color:#341e06;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

}

li a:hover{
color:#eee;
}



/* *****************************************************************
*	全体Wrapper
* ***************************************************************** */

.wrapper {
margin: auto; 
max-width: 1080px;
padding: 2px 0 30px;
box-sizing:border-box;
}



/* ***************************************************************** 
*	ヘッダー
* ***************************************************************** */

#header {
width:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
background:#341e06;
box-shadow:0px 1px 4px 1px rgb(0 0 0 / 20%);
}

.header-inner {
top:0;
margin:0 auto;
padding: 0;
}

.logo {
margin: 0px 0px 0px 0px;
padding: 0;
}



/* *****************************************************************
*	トップナビゲーション
* ***************************************************************** */	

#nav {
width: 100%;
margin: 0 auto;
z-index: 9999;
padding: 0;
text-align: center;
border-top: 0px solid #dedede;
border-bottom: 0px solid #dedede;
background-color: #f6f6f6;
}

#nav ul {
list-style: none;
margin: auto;
}

.main-navigation {
clear: both;
margin: 0 auto;
position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
display: inline-block;
position: relative;
margin: 0 0;
}

.nav-menu li a {
color: #333;
display: block;
font-size: 14px;
text-decoration: none;
padding: 7px 30px 7px 30px;
background-color: #f6f6f6;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
background: #dc6198;
color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
background: #eee;
display: none;
padding: 0;
position: absolute;
z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
margin: 0;
width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background: #dc6198;
color: #fff;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
background: #FD0D29;
color: #fff;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
}


/* スライドダウンメニュー
---------------------------------------------------- */

#slidedown-nav {
width: 1080px;
margin: 0 auto 0 auto;
text-align: center;
background: #fff;
position: fixed;
top: 0;
display: none;
z-index: 10000;
opacity: 0.95;
}

#slidedown-nav .sub-menu {
margin-left: 0px;
}


/* *****************************************************************
*	スライドショー
* ***************************************************************** */	

#top-slide {
width: 100%;
max-height: 718px;
overflow: hidden;
padding: 0px;
margin: 0px auto 50px auto;
}

.cycle-slideshow {
overflow: hidden;
width: 1080px;
height: auto;
margin: 0px auto 0 auto;
text-align: center;
}

#top-slide-max {
width: 100%;
max-height: auto;
overflow: hidden;
padding: 0px;
margin: 0px auto 20px auto;
}

#top-slide-max .cycle-slideshow {
overflow: hidden;
width: 100%;
height: auto;
margin: 0px auto 0 auto;
text-align: center;
}



/* ***************************************************************** 
*	メイン（本文）コンテンツ
* ***************************************************************** */	

#main {
margin:0 0 0 0;
padding: 0 0 0 0;
word-break:break-all;
}


/* ギャラリーレイアウト
---------------------------------------------------- */

li.item {
background-color: #f6f6f6;
    padding: 15px 20px 15px;
    box-sizing: border-box;
    margin: 0 1% 50px;
    width: 31%;
    box-sizing: border-box;
}

.item-img {
overflow: hidden;
text-align: center;
margin:5px 0 0 0;
padding: 5px 2%;
}

.item-cat {
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 84%;
color: #999;
padding: 0 0 0px 0;
margin: 0 0 10px 0;
}
.item-cat a{
color: #221815;
}

.item-date {
font-size: 80%;
color: #dc6198;
padding: 0 0 0 0;
margin: 0 0 0 0;
letter-spacing: 0.4px;
}

.item-title {
font-size: 17px;
    line-height: 150%;
    font-weight: normal;
    letter-spacing: 1px;
    color: #333;
    margin: 10px 0px 0px 0px;
    border: none;
    text-align: center;
    padding: 11px 0;
}

.item-title a {
color:#341e06;
}

.item-title a:hover {
color: #999;
}

.item-text {
font-size: 12px;
color: #221815;
line-height: 170%;
}


/* マウスオーバーでタイトルスライド表示
---------------------------------------------------- */

.slidebase {
position: relative;
}

.slidetext {
width: 100%;
display: none;
position: absolute;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}

.slidetext a {
padding: 10px 10px;
display: block;
color: #fff;
}

.slidetext a:hover {
color: #ccc;
}


/* ブログ記事部分
---------------------------------------------------- */

.single-contents {
margin: 0 0 0 0;
padding: 0 0 80px 0;
}

p {
font-size: 16px;
color: #333;
line-height: 160%;
padding: 6px 0px 6px 0px;
}

p a {
color:#341e06;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}



p a:active, a:focus {
outline: 0;
}


/* ページタイトル
---------------------------------------------------- */

.pagedate {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 -10px 0;
color:#eee;
letter-spacing: 0.02em;
}

.breadcrumb {
margin: 0 0 30px 0;
line-height: 120%;
}
.breadcrumb div {
display: inline;
font-size: 11px;
color: #999;
}
.breadcrumb span,
.breadcrumb span a {
color: #45aab8;
}





/* 見出し
---------------------------------------------------- */

h1 {
font-size: 38px;
color: #fff;
text-align:left;
padding:0 0 0 20%;
font-family: "Lato", sans-serif;
letter-spacing: 2.5px;
line-height:160%;
margin:0;
}

h2 {
font-size: 22px;
line-height:160%;
font-weight: bold;
color: #333;
padding: 8px 0px 8px 12px;
font-family: "Lato", sans-serif;
margin: 40px 0px 15px 0px;
letter-spacing: 1px;
}


h3 {
font-size: 22px;
line-height:160%;
font-weight: 600;
color: #333;
margin:45px 0 20px 0;
font-family: "Lato", sans-serif;
letter-spacing: 0.8px;
position: relative;
}

.page-id-1393 .sec01 h3:after, .page-id-1393 .sec02 h3:after, .staff-oneday-in-wrap-r h3:after, .page-id-772 h3.toph3:after{
display:none;
}
h4 {
font-size: 18px;
    line-height: 150%;
    font-weight: bold;
    padding: 0 0 2px 1px;
margin:25px 0 5px;
    border-bottom: 1px dotted #ccc;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.5px;
    color: #341e06;
}

h5 {
font-size: 16px;
line-height: 1.3em;
margin:20px 0 0px 0;
font-family: "Lato", sans-serif;
}

h6 {
font-size: 14px;
line-height: 1.3em;
margin: 30px 0 0px 0;
font-family: "Lato", sans-serif;
}





/* 次の記事・前の記事
---------------------------------------------------- */

#next {
font-size: 90%;
line-height: 150%;
margin: 50px 0 20px 0;
}

.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left; 
}

.next-left a {
padding: 20px 20px 20px 50px;
display: block;
border: 1px solid #fff;
color: #dc6198;
}

.next-left a:hover {
border: 1px solid #eee;
}

.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right; 
}

.next-right a {
padding: 20px 50px 20px 20px;
display: block;
border: 1px solid #fff;
}

.next-right a:hover {
border: 1px solid #eee;
}


/* ページャー
---------------------------------------------------- */

.pager {
text-align:center;
margin: 50px 0 50px 0;
}

a.page-numbers,
.pager .current{
background: #f0f0f0;
border:solid 1px #ddd;
border-radius:2px;
padding:5px 8px;
margin:0 2px;
}

.pager .current{
background: #ccc;
border:solid 1px 999;
color: #fff;
}


/* 関連記事
---------------------------------------------------- */

.similar-head {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.similar ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.similar li{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

.similar li a{
color:#555;
}



table.similar-text {
width: 100%;
color: #221815;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: dotted 1px #ccc;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-text img {
width: 150px;
}

table.similar-text th {
text-align: left;
width: 150px;
vertical-align: middle;
}

table.similar-text td {
font-size: 14px;
text-align: left;
white-space: normal;
vertical-align: middle;
border: none;
font-size:16px;
}


/* コメント欄
---------------------------------------------------- */

.comment-head {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.commentlist li{
list-style: none;
font-size:90%;
color:#888;
}

.commentlist {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}


/* WP必須
---------------------------------------------------- */

.wp-caption {
}

.wp-caption-text {
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}


/* *****************************************************************
*	サイドバー
* ***************************************************************** */

.sidebar {
width: 100%;
margin: 0px 0px 40px 0px;
padding: 0 0 0 0;
}


/* 新着表示
---------------------------------------------------- */

.sidebox-new {
color:#666;
margin: 0 0 50px 0 ;
padding: 0 0 0 0 ;
}

.sidebox-new ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox-new li{
font-size: 13px;
list-style: none;
margin: 0 0 0 0;
padding: 0px 0 0px 0px;
border-bottom: 1px dotted #ddd;
}

.sidebox-new li a{
color:#666;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}




table.similar-side {
width: 100%;
color: #221815;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-side img {
width: 80px;
}

table.similar-side th {
text-align: left;
width: 80px;
vertical-align: middle;
}

table.similar-side td {
font-size: 13px;
text-align: left;
white-space: normal;
vertical-align: middle;
}




/* *****************************************************************
*	ウィジット
* ***************************************************************** */

/* 基本形
---------------------------------------------------- */

.widget{
margin: 0 0 50px 0;
}

.widget ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.widget li{
list-style: none;
}

.widget li a{
color: #666;
}

.widget li a:hover{
color: #999;
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a{
margin: 0 0 0 0;
}

.textwidget, .textwidget p {
font-size: 16px;
color: #221815;
line-height: 160%;
margin: 0 0 0px 0;
padding: 5px 0 0 0;
}

.widget-title{
color: #333;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
border-left: none;
}


/* ウィジェットボックストップページ用
---------------------------------------------------- */

.topbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox ul{
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox li{
float:left;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

.topbox li a{
font-size: 13px;
line-height: 160%;
color: #221815;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}



.topbox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.topbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.topbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.topbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.top-widget-title {
font-family:'century','Times New Roman','Baskerville','Optima','Palatino','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
font-size: 18px;
font-weight: normal;
letter-spacing: 0.01em;
font-style: italic;
padding: 0px 0px 10px 0px;
margin: 0px auto 40px auto;
border-bottom: dotted 1px #ccc;
color: #888;
max-width: 380px;
text-align: center;
}


/* ウィジェットボックスフッター用
---------------------------------------------------- */

.footerbox .widget {
margin: 0 0 0 0;
padding: 50px 0 50px 0;
}

.footerbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox ul{
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox li{
float:left;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

.footerbox li a{
font-size: 13px;
line-height: 160%;
color: #221815;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}



.footerbox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.footerbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.footerbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.footerbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.footer-widget-title {
color: #333;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0px 0 3px 0;
border-bottom:1px solid #E60012;
}


/* ウィジェットボックスシングルページ記事下用
---------------------------------------------------- */

.singlebox {
margin: 50px 0 50px 0 ;
padding: 0 0 0 0 ;
}

.single-widget-title {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 50px 0 10px 0 ;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.singlebox .textwidget,
.singlebox .textwidget p {
font-size: 16px;
color: #221815;
line-height: 170%;
margin: 0 0 0px 0;
padding: 5px 0 5px 0;
}


/* ウィジェットボックスサイドバー用
---------------------------------------------------- */

.sidebox{
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}

.sidebox ul{
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox li{
margin: 0 0 0 0;
padding: 7px 0px 7px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

.sidebox li a{
font-size: 13px;
color: #221815;
margin: 0 0 0 0;
padding: 5px 0px 5px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}



.sidebox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.children li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.sidebox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.sub-menu li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}


/* カレンダー
---------------------------------------------------- */

table#wp-calendar {
width: 100%
}

table#wp-calendar th {
text-align: center;
}

table#wp-calendar td {
text-align: center;
}



/* *****************************************************************
*	検索フォーム＆検索結果
* ***************************************************************** */

/* 検索フォーム
---------------------------------------------------- */

.search input {
font: 11px arial, sans-serif; 
color: #c0c0c0; 
width:85%;
padding: 10px 5px; 
}

.search button {
width: 15px; 
height: 15px; 
cursor: pointer; 
vertical-align: middle;
border: none; 
background: url(images/search.png) no-repeat; 
}


/* 検索結果ハイライト
---------------------------------------------------- */

.search-excerpt {
font-weight: bold;
background: #FFE4E1; 
}



/* *****************************************************************
*	ボタン
* ***************************************************************** */
.pc-slide{
margin: 0 auto;
max-width: 1800px;
padding: 0;
width: 100%;
}

div.oomoji{font-size: 22px; margin-top: 33px; line-height: 150%}

div.flow0{
color: #dc6198;
margin: 30px 0 20px 0;
padding: 10px;
border: 2px dotted #dc6198;
border-radius: 40px;
font-weight: bold;
background-color: #fff;

}

div.flow1{
text-align: center;
color: #fff;
margin: 30px 0 8px;
padding: 10px;
border-radius: 40px;
background-color: #e9161b;
}

div.flow2{
color: #fff;
padding: 10px;
margin: 30px 0 8px;
border-radius: 40px;
background-color:#dc6198;
}

div.flow3{
color: #fff;
padding: 10px;
margin: 30px 0 8px;
border-radius: 40px;
background-color:#5681DB;
}
div.flow3 span{
background:#fff;
color:#5681DB;
padding: 6px 10px;
margin-left: 5px;
}

div.flow4{
color: #fff;
padding: 10px;
margin: 30px 0 8px;
border-radius: 40px;
background-color: #f6a2a4;
}

div.flow5{
color: #E60012;
padding: 10px;
margin: 30px 0 8px;
border-radius: 40px;
background-color: #fbd0d1;
font-weight: 600;
}

div#pg-14-2.panel-grid, div#pg-14-4.panel-grid, div#pg-14-6.panel-grid{
margin-bottom: 30px;
}

div.daihyou{
width: 95%;
margin: 0 auto;
}

div.no-houmon{
text-align: center;
font-size: 27px;
margin: 50px 0 13px;
font-family:"Lato", sans-serif;
background-color: #4d4d4d;
color: #fff;
padding: 15px 0;
line-height: 150%;
}

.jinzai li{
list-style: disc;
}

div#pg-28-0.panel-grid, div#pg-2-0.panel-grid, div#pg-2-2.panel-grid, div#pg-2-4.panel-grid, div#pg-2-1.panel-grid, div#pg-2-6.panel-grid{
margin-bottom: 0;
}

ul.jinzai{
font-size: 130%;
margin-bottom: 20px;
}
.to-parents-h3:after{
display:none;
}
.sp-slide{
padding: 0;
}

div.no-houmon2{
text-align: center;
font-size: 25px;
margin: 3px 0 0;
font-family: "Lato", sans-serif;
color: #221815;
line-height: 150%;
}

div.no-houmon3{
text-align: center;
font-size: 30px;
margin: 0;
font-family: 'century', 'Times New Roman', 'Baskerville', 'Optima', 'Palatino', 'Georgia', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
color: #221815;
line-height: 170%;
}

div.breadcrumbs{
padding: 0 0 0 5px;
    font-size: 12px;
    margin:58px auto 0;
    max-width: 1080px;
}

div.breadcrumbs a{
color: #221815;
}

li#menu-item-305.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-305, li#menu-item-362.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-362{border-top: 1px dotted #ddd;}

div#nav_menu-3.widget.widget_nav_menu, div#nav_menu-2.widget.widget_nav_menu{margin-top: 11px;padding-bottom: 85px;}

div#pg-14-1.panel-grid, div#pg-14-3.panel-grid, div#pg-14-5.panel-grid, div#pg-2-8.panel-grid{margin-bottom: 0;}




div.he-left{
margin:0;
float: left;
	padding-left: 8px;
	background: #FFFFFF;
  }

.he-left img{
}


div.he-left3{
margin:0;
float: left;
}
.he-left3 img{
max-width: 350px;
padding: 0px;
}

div#nav_menu-2.widget.widget_nav_menu, div#nav_menu-3.widget.widget_nav_menu{
margin-top: 17px;
}

div.header-description{
background-color: #f7f6f5;
border-radius: 18px;
padding-left: 15px;
}

div#pgc-2-1-1.panel-grid-cell{
padding-left: 0!important;
}

.wakusen{
    padding: 2px 8px;
    border: 1px solid #999;
    border-radius: 3px;
    line-height: 160%;
    margin-right: 7px;
    display: inline-block;
margin:4px 4px;
    font-size: 14px;
}

.panel-grid-cell a{
color: #dc6198;
}

.panel-grid-cell a:hover{
color:#e58bb3;
}

.he-harf a{
color: #4186FF;
font-size: 14px;
text-decoration: underline ;
	  }
.he-harf a:hover{
color: #99beff;
			}
.foot-rink-l, .foot-rink-r {
    width: 48%;
    margin: 3px 1%;
    float: left;
    background-color: #fff;
  margin-top:10px;
}
.he-right-shitawak{
overflow: hidden;
float: right;
}

/* 基本のスタイル */
   .bg-mask.delighter {
      transition: all .5s ease-out;
transform: translateY(50%);
      opacity: 0;
   }
 
/* スタート時のスタイル */
   .bg-mask.delighter.started {
      transform: none;
      opacity: 1;
   }
 
/* エンド時のスタイル */
   .bg-mask.delighter.started.ended {
   }
/*スマホメニュー部分*/
	nav#navi{
		display:none;
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
	    background:#341e06;
		left: 0;
		z-index: 9999;
		position: fixed;
margin:84px 0 0 0;
	}
	header nav#navi ul{
    display: block;
width:28%;
margin: 62px auto 62px;
	}
	header nav#navi ul li{
list-style: none;
margin: 0 auto;
font-size: 16px;
border-bottom: 1px solid #eee;
padding: 13px 0 10px;
	}
header nav#navi ul li a{
		display: block; 
   font-size: 16px;
  font-weight: 600;
  color: #341e06;
  letter-spacing: 0.2em;
  line-height: 1;}
	}
header nav#navi ul li a:hover {
color: #777;
text-decoration:underline;
}
.pc-menu-wrap li a span{
font-family: 'Lato', sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    margin-right: 10px;
color:#341e06;
}
.entry{
background:#341e06;
    padding: 17px 20px;
    float: right;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
line-height:150%;
width:200px;
}
.entry2{
    background: #341e06;
    padding: 17px 20px;
    float: right;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 150%;
width:200px;
}
.entry:hover{
background:#12b6d4;
}
.entry2:hover{
background:#12b6d4;
}
.pc-menu-wrap{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
    margin: 50px auto;
    background: #fff;
    width: 90%;
    border-radius: 15px;
position:relative;
}
/*開閉ボタン*/
	#navi_toggle{
    display: block;
    width: 30px;
	height:31px;
	padding:27px;
    float: right;
		background:#341e06;
    z-index: 10000;
	}
#navi_toggle:hover{
background:#341e06;
}
	#navi_toggle div {
		position: relative;
	}
	#navi_toggle span{
    display: block;
    height: 4px;
	background:#fff;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	}
	#navi_toggle span:nth-child(1){
		top:0px;
	}
	#navi_toggle span:nth-child(2){
		top:12px;
	}
	#navi_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open #navi_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #navi_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #navi_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
header nav#navi ul li.nav-rec1{
float: left;
width: 48%;
border:none;
margin-top: 20px;
}
header nav#navi ul li.nav-rec2{
float: left;
width: 48%;
margin-left: 4%;
border:none;
margin-top: 20px;
}
/* *****************************************************************
*   レスポンシブ（メディアクエリ）
* ***************************************************************** */


/* PC 画面の横幅が1000px以上
---------------------------------------------------- */

@media only screen and (min-width: 1000px) {
.sp-slide, div#panel-2-9-1-0.so-panel.widget.widget_black-studio-tinymce.widget_black_studio_tinymce.panel-first-child, .sp-1, .sp-menu, .tab-menu{display:none;}
div#nav_menu-4.widget.widget_nav_menu{display:none;}
div#pgc-2-1-1.panel-grid-cell{margin-top: 20px;}
.sp{
display:none !important;
}
.nav-menu li {
width: 162px;
box-sizing: border-box;
}
.page-item-2, .menu-item-46, .menu-item-48, .menu-item-51, .menu-item-55, .menu-item-45{
border-left: 1px solid #fff;
}
.menu-item-291{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
	}
.link .top-harf1{
width: 80%;
}
.inta-simei br{
display:none;
}
.zigyounaiyou .content{
max-width:1160px;
	}
h4.pcmt0{
margin-top:0;
}
}



/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
---------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 999px) {
h2.second-h2{
padding-left:2%;
	}
h4.pcmt0{
margin-top:0;
}
.zigyounaiyou .content{
width:96%;
}
.top-wrap1 {
height:770px;
}
h2.second-h2-2, h2.second-h2{
font-size:29px;
}
.top-wrap2{
height:770px;
}
.box26 {
    width: 70%;
margin:20px auto 20px;
}
.content.m-t1 {
    margin:40px auto 0;
}
p.success-a{
display: block;
margin:5px 0 5px 0px;
width:128px;
	}
h2.top-h2-2{
font-size:32px;
	}
.top-wrap1-l {
width:80%;
top:300px;
}
.top-wrap1-r {
width:80%;
}
.top-wrap2-l{
width:80%;
	}
.top-wrap2-r{
width:80%;
top:300px;
}
.zigyounaiyou-relative h2{
font-size:65px;
}
div.iframe-content {
width:96%;
margin:0 auto;
}
.wrapper { width: 96%; padding: 30px 20px 30px 20px; }
.header-inner { width: 100%; margin: auto; padding:0; box-sizing: border-box;}
#nav { float: none; width: 100%; margin: 0 auto; padding: 0; }
#slidedown-nav { width: 100%; }
.cycle-slideshow { width: 96%; height: auto; margin: 0 ; overflow: hidden; }
li.item { margin-bottom:40px; }
.item-img { margin: 0 0 10px 0; overflow: hidden; }
.footer-inner { 
width: 96%;
padding: 0px 0px;
}
.pagetitle-wrap{
height: 227px;
}
nav#navi {
height:790px;
}
header nav#navi ul {
width:43%;
    margin:32px auto 56px;
}
.bg-sute{
display:none;
	}
div#panel-2-9-1-0.so-panel.widget.widget_black-studio-tinymce.widget_black_studio_tinymce.panel-first-child, .sp-1{display:none;}
.sp-slide{display:none;}
div#nav_menu-4.widget.widget_nav_menu{display:none;}
.sp, .entry2a{
display: none;
}
.inner-wrap{width:96%;}
.he-left img {
max-width:336px;
margin-top:5px;
}
.cmn-overview__content {
    padding:20px 0;
bottom:-47px;
}
h2.pagetop-hw {
font-size:40px;
line-height:94%;
}
.mokuzi-wrap ul li a{
font-size:16px;	
	}
.inquiry th{
width:35%;
	}
h2.pagetop-hw span{
font-size:20px;
	}
h1 {
font-size: 29px;
    padding:0;
    text-align: center;
}
.rec-wrap {
padding: 10px 2%;
}
.rec-wrap-r {
margin: 2px 0 0 2%;
    width: 40%;
}
.mainabi {
margin-top: 7px;
}
.rikunabi {
margin-top: 7px;
}
.footer-inner .rec-wrap {
padding: 5px 0 30px;
}
.footer-inner .rikunabi {
margin:5px 0 0 0;
}
.staff-oneday-time-wrapin p.oneday-time span{
margin-right:6px;
font-size:17px;
}
p.oneday-time {
font-size:15px;
}
.sdgs-wrap1{
margin:40px auto 60px;
	}
.shain-wrap a {
width:47%;
margin:15px 1.5% 25px;
}
.page-id-20 li.item{
width:47%;
margin:15px 1.5% 25px;
	}
p{
font-size:15px;
	}
p.oomoji {
    font-size: 16px;
    margin: 0px 0 5px;
    background: #eee;
    padding: 12px 8px;
}
.staff-oneday-in-wrap-r h3{
margin: 0;
padding:0 0 15px 0;
	}
.staff-oneday-wrap{
padding:10px 2% 30px;
	}
.footer-inner .mainabi {
margin: 5px 0 0 2%;
}
.footer-inner .rec-wrap-r {
margin:0 0 0 2%;
}
.single-contents{
padding:0 0 70px 0;
}
.work__thumbnail::before{
    width:444px;
    height:268px;
	}
.page-template-page-nosidebar .wrapper {
    padding:0;
}
.page-id-20 #main, .page-id-1406 #main {
padding:1px 0 0px;
}
div.breadcrumbs {
margin:50px auto 0;
}
.page-id-18 .widget-title {
font-size: 14px;
}
div.no-houmon3 {
font-size: 27px;
}
.foot-logo {
width:400px;
padding-top: 20px;
	}
.inta-simei br, .sp-menu, .pc-menu{
display:none;
}
.naiteikara-wrap-r li{
font-size:16px;
	}
.block-three > li {
width:47%;
margin:10px 1.5% 25px;
}
.headLine-employment {
    padding: 22px 0 15px;
    margin: 0;
    font-size: 26px;
}
p.qa-naiyou {
padding:20px 60px 20px 20px;
}
}

/* Mobile (Portrait) 画面の横幅が300px~767pxまで（基本）
---------------------------------------------------- */

@media only screen and (max-width: 767px) {
.pc-menu, .tab-menu{
display:none;
	color:#341e06;
	}
div.he-left {
margin:15px 0 5px 3%;
    float: left;
}
div.he-left3 {
margin:0px;

    float: left;
}	
.sdgs-wrap2 {
text-align: left;
font-size: 15px;
}

.wrapper { width: 96%; padding:0; }
.header-inner {width: 100%;
    margin: auto;
    padding-bottom: 0px;}
.logo {padding: 0; margin: 0; text-align: left;}
.contact, .pc{ display: none;}
#header h1, #header .logo { float: none; margin-bottom: 0px; }
#nav { display: none; position: absolute; top:0; float: none; text-align:center; width: 100%; background: #fefefe; margin-bottom: 40px; margin-top: 0px; padding-top: 0px; }
.nav-menu li a { color: #333; display: block; font-size: 15px; padding: 20px 10px; text-decoration: none;}
.nav-menu li { display: block; float: none; border-bottom: 1px solid #ededed; }
.toggle { display: block; float: right; position: absolute; top: 10px; right: 10px; z-index: 10000; }
#slidedown-nav { visibility: hidden;}
.cycle-slideshow { width: 300px; height: auto; margin: 0 ; overflow: hidden; }
li.item {margin-bottom: 20px;
width: 48%;
float: left;
display: block;
overflow: hidden;
margin-left: 1%;
margin-right: 1%;
padding: 10px 2% 7px;}
.item-img {margin: 0 0 5px 0; overflow: hidden; padding: 0;}
.item-title{
font-size: 16px;
margin:7px 1% 0;
	}
.slidetext { display: block; padding: 5px 0px;}
p { font-size: 15px; }
.pager { margin: 80px 0 80px 0; }
.footer-inner { width: 96%; padding: 20px 0px 10px;}
.mobile-display-none, pc-1{ display: none; }
.single-contents { margin: 0 0 0 0; padding: 0 0 60px; }
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-2.current_page_item.menu-item-45, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-46, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-48, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-51, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-55{
border-right:none;}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-2.current_page_item.menu-item-45{
border-left:none;
padding-left: 0;}
div.oomoji{
font-size: 19px;
margin: 0 0 10px;
font-weight: 600;}
div#nav_menu-3.widget.widget_nav_menu, div#nav_menu-2.widget.widget_nav_menu{display:none;}
div.header-description, div#panel-2-9-1-1.so-panel.widget.widget_black-studio-tinymce.widget_black_studio_tinymce.panel-last-child, div#pgc-2-9-2.panel-grid-cell{display:none;}
.ichiniti img{width:50%;}
.chuuto {float: none;
margin-left: 0;}
.he-harf {
    width: 48%!important;
margin: 0 1%;
}
div.he-right{
float: none;
margin: 18px auto;
overflow: hidden;
  }
.chuuto p{
padding: 3px 0 2px 10px;
}
.he-right-shitawak{
float: none;
width: 100%;
clear: both;
}
.about-us-inner, .inner-wrap{
width:96%;
}
.page-template-page-nosidebar .wrapper{
padding: 0 0 0px 0;
}
.inner {
padding: 0;
}
.he-left img {
width:276px;
box-sizing: border-box;
padding:0;
}
.rec-wrap {
margin: 0 auto;
width: 96%;
overflow: hidden;
padding: 14px 0 8px;
}

.rec-wrap-r {
float: left;
margin: 14px 0 0 0;
width: 100%;
}
h2.tait {
margin: 0 auto 20px;
padding: 40px 0 0;
}
h2.top {
letter-spacing: 2px;
font-size: 26px;
margin: 60px auto 20px;
}
.tait-sita {
letter-spacing: 2px;
font-size: 17px;
font-weight: 600;
color: #666;
}
.li-aboutus {
width: 100%;
}
li.toop {
margin: 0 0 5px 0;
}
.h3aboutus {
margin: 33px 0 10px;
font-size: 20px;
}
.paboutus {
text-align: left;
}
.paboutus br{display:none;}
.about-us-inner {
padding-bottom: 30px;
}
.toph3 {
padding: 8px 10px 8px 60px;
font-size: 18px;
line-height: 140%;
border-radius: 5px;
margin:35px 0 20px 0;
}
.toph3:before {
width: 40px;
height: 40px;
line-height: 40px;
left: 9px;
}
.top-harf1-l{
width: 100%;
float: none;
margin: 0 auto;
}
.top-harf1-r{
width: 100%;
float: none;
margin: 5px auto 0;
}
.top-harf2-r{
width: 100%;
float: none;
margin: 0 auto;
}
.top-harf2-l{
width: 100%;
float: none;
margin: 5px auto 0;
}
.top-harf3-l {
width: 100%;
float: none;
}
.top-harf3-r{
width: 100%;
float: none;
margin:25px 0 0;
}
.bg2 {
padding: 15px 0;
}
.link1, .link2{
width: 60%;
margin: 10px auto 15px;
float: none;
}
.link3{
width: 60%;
margin: 10px auto;
float: none;
}
.bg2 .inner-wrap{
padding: 0;
}
.footer-inner .rec-wrap {
padding: 10px 0 20px;
margin: 0;
}
.footer-inner ul {
margin: 22px 0 17px 0;
}
.footer-inner .mainabi {
margin: 0 0 0 2%;
}
.footer-inner li {
margin: 2px 0;
padding:20px 0 16px 10px;
}
.footer-inner .rec-wrap{
width:100%;
}
.footer-inner .rec-wrap-r {
margin: 18px 0 0 0;
}
.pagetitle-wrap{
height:140px;
}
h1{
font-size:18px;
text-align: center;
padding:0;
}
.daihyou-img {
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
div.daihyou-img-wrap{
width: 100%;
}
div.no-houmon{
font-size: 20px;
text-align:left;
padding: 10px;
}
div.no-houmon2{
font-size: 17px;
text-align:left;
}
.sanmeishain {
font-size: 16px!important;
}
#pg-18-2, #pg-18-5, #pg-18-8 {
margin-bottom: 25px!important;
}
.textwidget, .textwidget p {
font-size: 15px;
}
#pl-28 .panel-grid-cell {
margin: 0 0 10px 0;
}
div.no-houmon3{
text-align: left;
font-size: 20px;
}
#pg-28-3> .panel-row-style {
margin-top:50px!important;
border:none!important;
	}
#copyright {
font-size: 11px;}
.foot-logo img {
max-width: 350px;
width: 95%;
}
.tenpomei {
font-size: 13px;
padding: 8px;
line-height: 150%;
}
.juusho {
font-size: 13px;
padding: 8px;
line-height: 150%;
}
.miryoku-bottom-wrap {
margin: 10px auto 20px;
}
.t-link-l{
float: none;
margin: 0 auto;
width: 300px;
margin-bottom: 20px;
	}
.t-link-r{
float: none;
margin: 0 auto;
width: 300px;
margin-bottom: 20px;
	}
.t-link a {
padding: 8px 0 7px;
	}
.page-id-804 .single-contents br{
display:block;
	}
.to-parents-h3 {
margin: 30px 0 5px 0;
padding: 2px 0;
font-size: 18px;
line-height: 160%;
}
li.item p.item-link a {
font-size: 14px;
}
.top-toukou-a{
width:300px;
}
.top-toukou-a a{
padding: 8px 0 7px;
}
.parents-w1-l{
width: 100%;
padding: 10px 1%;
}
.parents-w1-r{
width: 100%;
padding: 0 1%;
}
.parents-w2-l{
width: 100%;
padding: 0 1%;
}
.parents-w2-r{
float: right;
width: 100%;
padding: 10px 1%;
}
.inta-simei{
font-size: 20px;	
}
.inta-warap-l{
padding: 10px 3% 10px 1%;}
.inta-warap-l{
width: 100%;
padding: 0;
	}
.inta-warap-r{
width: 100%;
margin: 0px 0 10px 0;	
	}
#topcontrol{
display:none;
}
#copyright {
padding:15px 3% 69px 3%;
}
.shainwosiru{
margin: 30px 0 0;
}
.shainwosiru-l{
margin:10px 0 30px 0;
width:100%;
}
.shainwosiru-r{
margin:10px 0 30px 0;
width:100%;
}
.motomeruzinzai-wrap{
margin:30px 1% 40px;
}
.youkou-wrap-l{
width:100%;
margin:0;
}
.youkou-wrap-r{
width:100%;
margin:20px 0 0 0;
}
table.youkou-table th {
width: 95px;
}
.top-kouken-wrap{
width:100%;
padding: 0 2%;
box-sizing: border-box;
margin: 0 auto;
float:left;
text-align:center;
}
.top-message-wrap{
width:100%;
padding: 0 2%;
box-sizing: border-box;
margin: 0 auto;
float:left;
text-align:center;
margin:0 0 30px;
}
.top-kouken-wrap img, .top-message-wrap img{
width:370px;
}
.entry, .entry2{
display:none;
	}
.page-id-1393 .sec01 h3 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.page-id-1393 .sec02 .img.groupimg {
    margin: 0 auto 10px;
    float: none;
}
.page-id-1393 .sec02 .groupBox {
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.page-id-1393 .sec02 .comment {
    float: none;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
}
.page-id-1393 .sec02 .btn.groupbtn {
    margin: 0 auto 15px;
    padding-top: 20px;
float: none;
}
.page-id-1393 .comLink_small a {
    padding:6px 0;
    font-size: 14px;
    width: 300px;
}
h2.pagetop-hw {
font-size: 28px;
    letter-spacing: 2px;
    line-height: 130%;
margin:25px 0 20px;
    padding: 0 0 0 3px;
}
h2.pagetop-hw span {
    font-size:18px;
	padding-left:3px;
letter-spacing:1px;
}
.page-id-1393 .sec01 p {
    text-align: left;
}
.flow > li dl {
    padding-left: 21px;
}
.flow > li .icon{
padding:7px 10px;
left:-90px;
margin-top:1px;
	}
.flow {
    padding-left: 79px;
    margin: 20px 0;
}
.flow::before{
left:79px;
	}
.flow > li dl::after{
width:15px;
	}
.flow > li dl dt{
padding-top: 10px;
	}
.category-company-newsletter h2.pagetop-hw {
    font-size: 24px;
}
.category-company-newsletter h2.pagetop-hw span {
    font-size:18px;
}
.item-title a {
font-size:15px;
}
.work__thumbnail::before {
    width: 50%;
    height: 200px;
}
h2{
font-size:20px;
}
h3{
font-size:19px;
margin:25px auto 15px;
}
h2.cmn-gradation-title span {
display: block;
    letter-spacing: 0;
font-size:16px;
padding-left:0;
}
.staff-oneday-in-wrap-l{
width:100%;
border:none;
}
.staff-oneday-in-wrap-r{
width:100%;
padding:0;
}
span.shokushu-shimei{
display:block;
}
.staff-oneday-in-wrap-r h3 span.shokushu{
font-size:17px;
}
.work__num {
    right: 12%;
    height: 42%;
}
.staff-oneday-in-wrap-l img{
display:block;
margin:5px auto 10px;
width:70%;
	}
.staff-oneday-wrap {
border:3px solid #341e06;
padding:3px 3% 20px;
}
.staff-oneday-time-wrapin p {
padding:11px;
}
.staff-oneday-in-wrap-r h3 {
margin:8px 0 0 0;
padding:10px 0 0 6px;
}
p.oomoji {
font-size: 16px;
    margin: 10px 0 10px;
    padding: 20px 13px;
}

.staff-oneday-time-wrapin {
width:100%;
}
.cmn-overview__content{
padding:10px 0;
bottom: -27px;
width: 80%;
	}
div.breadcrumbs{
margin:27px auto 0;
	}
nav#navi{
margin:64px 0 0 0;
height:100vh;
overflow: auto;
    padding-bottom:30px;
    box-sizing: border-box;
	}

.douga-wrap{
width:100%;
}
p.qa-naiyou {
padding:20px 50px 20px 10px;
margin: 0 0 0 47px;
}
.acd-label-qa:after{
right: 17px;
	}
.staff-inner-wrap{
    width: 93%;
    padding:30px 3%;
margin:-27px auto 0px;
    border-radius: 10px;
	}
p.staff-hitokoto{
    margin: 20px auto 0;
    font-size: 19px;
	}
.simei-r2 {
    margin-bottom:10px;
}
.staff-inner-wrap1-l{
width:100%;
text-align:center;
}
.staff-inner-wrap1-l img{
width:80%;
}
.staff-inner-wrap1-r{
width:100%;
}
.simei-r {
font-size:21px;
}
.staff-inner-wrap2 h2{
font-size:19px;
	}
.saiyou-title{
font-size:18px;
margin: 0px 0 10px;
	}
.saiyou-top-img-wrap img{
width:100%;
	}
.pagetitle-wrap{
margin-top:64px;
	}
h4.saniittai-h4 {
font-size:19px;
margin:30px auto;
}
p.cent {
text-align:left;
}
.groupBox {
    width: 100%;
    margin: 0 0 20px;
}
.groupimg {
    width: 83%;
    margin: 7px auto;
}
.groupBox-wrap{
padding:30px 3% 10px;
margin:30px 0 60px;
	}
.sdgs-wrap1{
padding:10px 3% 7px;
margin:50px auto 10px;
	}
.shain-wrap-in img{
display: block;
    float: left;
    padding: 10px 2%;
box-sizing:border-box;
	}
.shain-wrap-in-in{
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
	}
.saiyou-table th{
width:25%;
vertical-align:middle;
padding:10px;
	}
p.shoukai-taitle{
font-size:19px;
padding:5px;
margin:0;
	}
.daihyou-img-wrap img.alignleft{
display: block;
    width: 100%;
box-sizing:border-box;
padding:0;
margin:0 0 30px;
	}
p.shoukai-yakushoku{
padding:5px;
	}
.saiyou-table td{
padding:10px;
	}
.mokuzi-wrap ul li{
font-size:16px;
	}
.mokuzi-wrap{
margin:20px 0 30px;
	}
.shain-wrap-in-in-l{
width:100%;
	}
.shain-wrap-in-in-r{
width:100%;
	}
.shain-wrap a{
width:100%;
background: #fff;
    overflow: hidden;
margin:0 0 15px;
	}
h4.shain-shimei{
margin:0;
font-size:19px;
	}
.shain-furigana{
margin-bottom:10px;
	}
.slider-2 .slick-slide{
width:330px;
height:480px;
margin:0 10px;
	}
.page-id-20 .block-three > li {
    width: 47%;
    box-sizing: border-box;
    margin: 0 1.5% 20px;
padding:10px 2%;
}
header nav#navi ul {
    width: 90%;
    margin: 2px auto 2px;
}
.pc-menu-wrap{
margin:25px auto 0;
padding:15px 0;
	color:#341e06;
	}
.pc-menu-wrap li a span{
font-size:20px;
margin-right:6px;
	color:#341e06;
	}

header nav#navi ul li{
padding:25px 0 3px;
font-size:14px;
	}
.sub-item {
padding:0 0 0 14px;
margin:20px 0 20px 5px;
	color:#341e06;
}
.txt2 {
font-size:14px;
line-height:100%;
font-weight:normal;
}
header nav#navi ul li a {
font-size:14px;
line-height:130%;
}
header nav#navi ul li a.line-height {
padding:0 0 20px;
}
.top-banner-wrap {
    width:100%;
}
h2.mainvisual {
color: #fff;
    font-size: 27px;
    letter-spacing: 4px;
    margin: 0;
    padding: 0;
    text-align:right;
padding:25px 2% 0 5%;
}
.main-img{
width:57%;
    left: -5%;
    top: 0;
    position: relative;
	}
.area-in{
position:absolute;
bottom:0;
}
.context{
top:78px;
padding-right:2%;
	}
.circles{
background-size: 49%;
    top:58px;
    height:442px;
background-position: right 7% bottom 15px;
}
.context img{
width:68%;
margin:28px 0 0 0;
padding:0 0 0 20%;
	}
.zigyounaiyou-relative h2{
font-size: 37px;
    letter-spacing: 3px;
    margin: 0;
    top: 13px;
	}
.zigyounaiyou-in-1{
width:94%;
top:50px;
	}
.ledText{
margin:25px 1% 60px;
font-size:20px;
	}
.ledText-wrap-in{
float:none;
	}
.area {
    width: 100%;
    height: 500px;
position:relative;
margin-bottom:15px;
}
.rinen-in{
width:96%;
	}
.zigyounaiyou{
padding:15px 0 25px;
	}
h2.second-h2{
font-size:23px;
letter-spacing:2px;
padding:0px 3%;
	}
h2.second-h2-2{
font-size:23px;
letter-spacing:2px;
padding:0px 3%;
}
.rinen-in-wrap{
padding:40px 0 0;
}
.top-wrap-wrap{
padding:0 0 210px;
}
a.link-a-pink.pc{
display:none;
	}
.sp-job-r h3 span.setsu {
    margin-left: 0;
}
.sp-job-r h3{
font-size:17px;
margin:12px 7px 0;
	}
h2.top-h2-2{
font-size:23px;
margin:30px 0 23px 0;
padding:0 0 0 0;
text-stroke:0;
-webkit-text-stroke:0;
	}
.dots-3 .slick-dots{
margin:50px auto 10px;
}
.zigyounaiyou-in {
height:147px;
}
.content.m-t1 {
    margin: 0px auto 0px;
    padding: 0 0 0px;
    width: 100%;
}
.box26{
    width: 100%;
    padding:20px 4% 10px;
    border: solid 2px #341e06;
    margin: 25px 0;
	}
.entry-wrap-rikunabi, .entry-wrap-mainabi{
width: 100%;
margin:20px 0 30px;
	}
.copyright-l{
width:100%;
text-align: center;
	}
p.foot-joblink-p {
text-align: center;
padding: 3px 0;
margin-bottom: 6px;
}
.cell{
width:48%;
margin:10px 1%;
}
.inta-simei span{
margin-left:0;
	}
.top-wrap1-r{
right: 0;
width: 90%;
	}
.top-wrap2-l{
width:90%;
	}
.rinen-wrap{
background-size:12% auto;
background-position:right 2% top 0;
padding:125% 0 0 0;
	}
.rinen-wrap2 {
background-position:left 2% top 0;
background-size:12% auto;
margin:0 0 0;
height:1165px;
}
.top-wrap-wrap2{
padding:40px 0 0;
}
.top-wrap2-r{
width: 90%;
top:170px;
padding:30px 5% 30px 5%;
margin-right:2%;
	}
.top-wrap1{
height:628px;
	}
.insta{
margin-top:0;
padding:0;
}
.top-wrap1-l {
    width: 90%;
top:170px;
padding:30px 5% 30px 5%;
margin-left:2%;
}
.top-wrap1-l p, .top-wrap2-r p{
font-size:17px;
}
.top-wrap2{
height:660px;
	}
a.link-a-black {
margin:20px auto;
font-size:15px;
	padding: 5px;
border-radius:6px;
}
.ledText-wrap {
    position: relative;
    top: 0;
    right: 0;
margin-bottom:50px;
}
.success-l {
    width: 42%;
margin-top:6px;
}
.success-r {
    width: 53%;
}
a.link-a-pink{
width:80%;
padding:10px;
margin: 40px auto;
	}
.top-harf1{
width:96%;
	}
.youtube-wrap{
padding:25px 0 15px;
margin:0 0 0;
	}
a.btn-flat{
margin:0 auto 15px;
    display: block;
	}
.kouken {
    padding:35px 0 25px;
}
.youtube-wrap a.link-a-pink {
margin:40px auto 40px;
}
.inquiry th {
font-size: 15px;
display: block;
width: 100%;
padding: 15px 10px 0px;
box-sizing: border-box;
border: none;
}
.inquiry td {
font-size: 15px;
display: block;
padding:8px 10px 17px;
}
.staff-inner-inner-l1{
width:100%;
margin:0 0 10px;
}
.staff-inner-inner-r1{
margin:0 0 30px;
width:100%;
}
.staff-inner-inner-l2{
width:100%;
margin:0 0 30px;
}
.staff-inner-inner-r2{
margin:0 0 10px;
width:100%;
}
.rine-wrap-l{
margin:0 0 10px;
width:100%;
text-align:center;
}
.rine-wrap-l img{
width:80%;
	}
.rine-wrap-r{
margin:0 0 30px;
width:100%;
}
.naiteikara-wrap-r{
width:100%;
}
.naiteikara-wrap-l{
width:100%;
margin:0 auto 10px;
}
.headLine-employment{
font-size:21px;
margin:40px 0 0;
	}
.gowidth-img1 {
width: 30px;
height: auto;
padding: 5px 10px 8px 0;
}
.gowidth-img2 {
width: 30px;
height: auto;
padding:5px 0 8px 0;
}
.kenshuu-wrap2-l{
width:100%;
}
.kenshuu-wrap2-r{
width:100%;
margin:10px 0 0;
}
.kenshuu-wrap2 {
margin-bottom:40px;
}
h2.mainvisual span{
font-size: 20px;
    letter-spacing: 1px;
    line-height: 197%;
margin-top:9px;
text-align:right;
}
select[multiple], select[multiple="multiple"], textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="tel"], input[type="number"], input[type="datetime"], input[type="date"], input[type="month"], input[type="color"], input[type="time"], input[type="search"], input[type="datetime-local"]{
width:96%;
	}
.page-id-20 #main, .page-id-1406 #main {
padding:1px 0 0px;
}
.kaishawosiru-link-wrap ul:before, .saiyoujouhou-link-wrap ul:before{
font-size:17px;
padding:13px 16px 13px 15px;
}
.kaishawosiru-link-wrap li, .kaishawosiru-link-wrap li a, .saiyoujouhou-link-wrap li, .saiyoujouhou-link-wrap li a{
font-size:15px;
	}
h3.zadah3{
font-size:17px;
}
p.disp-2 {
text-align: left;
}
.discussion-shain-wrap-in {
width: 96%;
margin: 0 auto 20px;
background: #eee;
border: 4px solid #eee;
padding: 20px 3% 10px;
}
.discussion{
padding:10px 2% 0px;
	}
.zadanwrap2-l{
width:100%;
	}
.zadanwrap2-l img{
display:block;
margin:0 auto;
}
.zadanwrap2-r{
width:100%;
}
.nannosuuji-wrap{
width:100%;
	}
.chart-wrap{
width:100%;
margin:20px auto 30px;
	}
p.nannosuuji2{
font-size:48px;
	}
p.nannosuuji22{
font-size:50px;
margin-top:10px;
	}
.chart-oogawaku-wrap-in {
width:50%;
margin:0px 0 35px;
}
.chart-oogawaku-wrap-in img {
width:70%;
}
.oogawaku-p1 {
font-size: 16px;
    padding: 2px 0;
}
p.nannosuuji {
font-size:18px;
}
.hikahikawrap2 img {
width: 97%;
    padding-bottom: 11px;
    margin: 15px auto 0;
}
.nensuu-p{
margin:-20px auto 20px;
}
p.kuraberu{
font-size:40px;	
}
p.nannosuuji3{
margin-top:25px;
font-size:100px;
}
p.oogawaku-p1 {
line-height:200%;
font-size:17px;
}
.chart-oogawaku-wrap{
margin:20px 0 60px;
}
.page-id-2431 #main {
padding:1px 0 0;
}
.oogawaku-p2{
font-size:40px;
}
h4 {
margin:20px 0 5px;
}
#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{
width:50%!important;
	}
.dots-2 .slick-dots li, .dots-3 .slick-dots li{
margin:5px 10px;
}
.sdg-w-l{
width:70%;
float:none;
margin:0 auto 20px;
	}
.sdg-w-r{
width:100%;
float:none;
margin:0;
	}
.sdgs-wrap{
margin:30px auto 40px;
}
.kaishawosiru-link-wrap {
margin:80px 0 60px;
}
.lcl-cnt-list__item{
width: 90%;
margin:0 auto 40px 0;
padding:15px 30px 24px;
	}
.flowing-letters h3{
font-size:40px;
letter-spacing:5px;
}
.jobside-wrap, .lifeside-wrap{
padding:40px 0;
}
.fukuri-link{
margin:80px auto 100px;
}
.mainvisual-wrap {
margin:63px auto 0;
}
.slider-3 .slick-arrow::before, .slider-2 .slick-arrow::before{
width:10px;
height:10px;
left:17px;
top:19px;
}
.slider-3 .slick-arrow, .slider-2 .slick-arrow{
    width: 50px;
height:50px;
}
.top-fukurikousei-wrap{
background: url(https://yumetetsu-recruit.com/wp-content/uploads/2023/07/アセット-9bvi-1.jpg);
background-position: right center;
padding:47px 0 30px;
	}
p.fukurikousei-p1 {
    font-size: 22px;
    letter-spacing: 4px;
}
.cp_arrows{
margin:50px 8% 0 0;
}
h2.top-h2-4{
font-size:23px;
margin:0 auto 15px;
}
.dots-2 .slick-dots{
margin:15px auto 15px;
}
.top-slide-shain-wrap{
padding:40px 0 10px;
	}
.insta-wrap {
padding:45px 0 55px;
}
h2.top-h2-6{
margin:0 auto -91px;
font-size:44px;
color:rgba(12,242,223);
letter-spacing:5px;
}
h2.top-h2-5{
    margin: 0 auto -38px;
    font-size: 41px;
    letter-spacing: 3px;
	}
.shokushuwrap{
width:100%;
}
.slick-slider{	
margin: 0 auto;
}
.page-id-20 .shain-wrap-in img{
    display: block;
    float: left;
width:44%;
padding:10px 3%;
}
.page-id-20 .shain-wrap-in-in{
    float: right;
width:56%;
padding:10px 3% 0 0;
margin-top:7px;
}
.page-id-20 .shain-furigana {
    margin-bottom: 5px;
}
.slider-3 a.shokushu-wrap-a:hover img{
opacity:1;
	}
.slick-slide li a:hover img{
opacity:1;
}
.foot-sns-wrap.spmenu{
margin:30px auto;
padding:0 0 37px;
}
.foot-sns-wrap {
margin:30px auto 30px;
}
.banngou-maru-{
font-size:27px;
    width:70px;
    height:70px;
    padding:20px 0 0;
	}
.banngou-wrap{	
margin:-59px auto 80px;
padding:30px 20px 35px;
}
h3.miryoku-h3{
font-size: 22px;
    letter-spacing: 2px;
    margin: 5px auto 0;
	}
.banngou-maru-wrap{	
margin:30px auto 0;
}
.page-id-772 .top-harf1-l, .page-id-772 .top-harf2-l, .page-id-772 .top-harf2-r{
width:100%;
float:none;
margin-bottom:15px;
}
.miryokushokushu-wrap .inner-wrap{
width:100%;
}
.miryokushokushu-wrap h3.miryokuh3siro {
font-size:24px;
letter-spacing:2px;
}
.page-id-772 .dots-3 .slick-dots {
margin:0px auto 10px;
}
h3.abouth3-1{
font-size:26px;
    letter-spacing: 15px;
top:145px;
right:13px;
    font-weight: bold;
}
.about_us_wrap-in1 {
width:calc(100% - 67px);
}
h3.abouth3-2 {
color: #fff;
    font-size: 31px;
    letter-spacing: 7px;
    line-height:140%;
}
.about_us_wrap p {
line-height:180%;
    font-size:16px;
}
.about_us_wrap{
padding:30px 0 80px;
}
h3.abouth3-3 {
font-size:28px;
letter-spacing: 3px;
margin:50px auto 30px;
}
p.offer {
line-height:180%;
font-size:20px;
letter-spacing:1px;
margin:90px auto 0;
}
.zigyounaiyou{
background-image:url(https://yumetetsu-recruit.com/wp-content/uploads/2023/07/アセット-1bvi-4.jpg);
}
.foot-sns-wrap.sp-he-left2{
float: right;
width:66px;
margin:19px 12px 0 0;
	}
.foot-sns-wrap.sp-he-left2 .foot-sns-wrap-l{
width:41%;
	}
.foot-sns-wrap.sp-he-left2 .foot-sns-wrap-r{
width:41%;
margin:1px auto 0;
	}
.pc-menu-wrap .foot-sns-wrap {
position: relative;
width:150px;
margin:30px auto 25px;
bottom:auto;
right:auto;
}
.moyamoya-in{
width:96%;
margin:0px auto 40px;
	}
h3.haikeibule{
text-align:center;
font-size:17px;
	}
.zadan-kengaku-wrap-in p{
font-size:14px;
}
.zadan-kengaku-wrap{
margin:0px auto 30px;
}
.zadan-kengaku-wrap-in img {
    margin-bottom: 5px;
}
.moyamoya-in-in-after{
border-top:23px solid #341e06;
border-right:46vw solid transparent;
border-left:46vw solid transparent;
margin:-1px auto 0;
}
img.zadan-img1{
margin:0 auto 20px;
width:90%;
}
.zadan-img-wrap img {
width:50%;
}
.zadan-img-wrap{
margin:30px 0;
}
.visit-shain-wrap-in{
margin: 0 1% 40px;
width:98%;
padding:15px 12px 15px 15px;
}
.visit-shain-wrap-in-in-l {
    width: 31%;
    margin: 0 4% 0 0;
}
.entry-visit-wrap{
margin:80px auto 40px;
}
img.zada-img1, img.zada-img2{
width:100%;
margin:10px auto 10px;
float:none;
}
.zadankai-title-wrap h3{
    padding: 10px 20px 10px;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0;
    bottom: 0;
    margin: 0;
	}
.zadankai-title-wrap h3:after{
display:none;
	}
.zadan-mem{
font-size: 14px;
    border: 4px solid #eee;
    padding: 10px 10px;
	}
h3.abouth3-2 span.main {
margin:0;
font-size:19px;
}
h3.abouth3-2 span {
margin:0 0 0 12px;
}
h3.abouth3-2{
font-size:26px;
letter-spacing:1px;
}
img.line-qr-img{
display:none;
	}
.line-en-wrap {
    padding:40px 20px 35px;
}
}

@media only screen and (min-width:1432px){
.top-wrap-wrap {
padding:0 0 300px;
}
}
@media only screen and (min-width:1400px){
.rinen-wrap, .rinen-wrap2{
background-size: 8% auto;
	}
}
@media only screen and (min-width:768px) and (max-width:1235px){
.top-fukurikousei-wrap{
background-position: center bottom 0;
}
}
@media only screen and (max-width:380px){
.top-wrap-wrap {
padding:0 0 305px;
}
.rinen-wrap2{
height:1189px;
}
}
/* Mobile (Portrait) 画面の横幅が550px~767pxまで（基本）
---------------------------------------------------- */
@media only screen and (min-width: 550px) and (max-width: 767px){
#topcontrol {
bottom: 125px;
}
}
nav#navi {margin-top: 80px;}
@media only screen and (max-width: 600px){
.work__thumbnail::before{
height: 150px;
}
}
@media only screen and (max-width : 548px ){
.work__thumbnail::before{
height: 134px;
}
}
@media only screen and (max-width:560px){
.kaishawosiru-link-wrap li, .kaishawosiru-link-wrap li a, .saiyoujouhou-link-wrap li, .saiyoujouhou-link-wrap li a {
    font-size: 15px;
    width: 100%;
padding:15px 10px;
}
}
.clear {clear:both;}
input[type="checkbox"] {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}