@charset "utf-8";
/*
Theme Name: ONO MACHINE 採用サイト テーマ
Theme URI: 
Author: 
Author URI: 
Description: ONO MACHINE 採用サイト テーマ
Version: 1.00
License: 
License URI: 
Tags: 
Text Domain: 
-------------------------------------------------------------- */
@media print, screen and (min-width:781px) {
	.cms-contents{
		margin-left: auto;
		margin-right: auto;
		max-width: 1080px;
		width: 90%;
	}
}
@media screen and (max-width: 780px) {
	.cms-contents{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
}




.enrty__post{
}

.enrty__post dl{
  border-top: 1px solid #E8E8E8;
}
.enrty__post dl > div{
  border-bottom: 1px solid #E8E8E8;
}
.enrty__post dl > div > dt{
  font-weight: 700;
}
.enrty__post hr{
  border-top: 1px solid #555555;
}
.enrty__post h2{
  background-image: url("img/icon_flag.svg");
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: 700;
  line-height: 1.6;
}
.enrty__post h3{
  background-color: #E8E8E8;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.enrty__post h4{
  font-weight: 700;
  line-height: 1.6;
  padding-left: 15px;
  position: relative;
}
.enrty__post h4:before{
  background-color: #FFB1C2;
  content: "";
  display: block;
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}






.enrty__post .btn-enrty__post{
  border-radius: 60px;
  display: block;
  font-weight: 700;
  line-height: 1.66;
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  text-align: center;
  width: 60%;
  transition: .3s;
}
.enrty__post .btn-enrty__post > span{
  background-repeat: no-repeat;
  display: inline-block;
}
.enrty__post .btn-anchor{
  background-color: #FFB1C2;
  color: #000;
}
.enrty__post .btn-anchor > span:after{
  content: '\e7cd';
  font-weight: 400;
  font-size: 24px;
  margin-left: 5px;
  vertical-align: middle;
}
.enrty__post .btn-reservation{
  background-color: #F0569A;
  color: #FFF;
}
.enrty__post .btn-reservation > span:after{
  content: '\e614';
  font-weight: 400;
  font-size: 24px;
  margin-left: 5px;
  vertical-align: middle;
}
@media (hover: hover) and (pointer: fine){
  .enrty__post .btn-enrty__post:hover{
    background-color: #333;
    color: #fff;
  }
  .enrty__post .btn-anchor:hover > span:after{
    color: #fff;
  }
  .enrty__post .btn-reservation:hover > span{
    color: #fff;
  }
}


.enrty__post .payee{
  border-radius: 8px;
  border: 5px solid #FFB1C2;
}
.enrty__post .payee dt{
  font-weight: 700;
  line-height: 1.66;
  text-align: center;
}


.enrty__post a.link{
  color: #2878E6;
}
@media (hover: hover) and (pointer: fine){
  .enrty__post a.link:hover{
    color: #0B479A;
  }
}
@media print, screen and (min-width:781px) {  
  
  
  
  .enrty__post{
    padding: 60px 40px 0;
  }
  .enrty__post p{
    margin-top: 30px;
  }
  .enrty__post p+p{
    margin-top: 30px;
  }
  .enrty__post p+figure,
  .enrty__post figure+p{
    margin-top: 80px;
  }
  .enrty__post hr + .icon-list_wrap{
    margin-top: 35px;
  }
  
  
  
  .icon-list_wrap.top{
    display: none;
  }
  
  
  
  .enrty__post dl{
    margin-top: 30px;
  }
  .enrty__post dl > div{
    display: flex;
    padding: 30px 10px;
  }
  .enrty__post dl > div > dt{
    width: 250px;
  }
  .enrty__post dl > div > dd{
    width: calc(100% - 250px);
  }
  
  
  
  .enrty__post .parallel{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }
  .enrty__post hr{
    margin-top: 100px;
  }
  .enrty__post h2{
    font-size: 2.8rem;
    padding-left: 45px;
    margin-top: 40px;
  }
  .enrty__post h3{
    border-radius: 8px;
    font-size: 2.2rem;
    padding: 15px;
    margin-top: 60px;
  }
  .enrty__post h4{
    font-size: 1.6rem;
    margin-top: 30px;
  }
  .enrty__post hr + h4{
    margin-top: 100px;
  }
  
  
  
  
  .enrty__post .btn-enrty__post{
    font-size: 2.0rem;
    padding: 25px;
    margin-top: 60px;
  }
  .enrty__post .btn-anchor + *,
  .enrty__post .btn-reservation + *{
    margin-top: 100px;
  }
  
  
  .enrty__post .payee{
    margin-top: 45px;
    padding: 40px;
  }
  .enrty__post .payee dt{
    font-size: 2.4rem;
  }
  .enrty__post .payee dd{
    font-size: 1.8rem;
    text-align: center;
    margin-top: 10px;
  }
  .enrty__post .payee + *{
    margin-top: 30px;
  }
  
  
  .end-text h4{
    font-size: 2.0rem;
  }
}
@media screen and (max-width: 780px) {
  .enrty__post{
    padding: 40px 20px 0;
  }
  .enrty__post > *:first-child{
    margin-top: 0;
  }
  .enrty__post p{
    margin-top: 30px;
  }
  .enrty__post p+p{
    margin-top: 30px;
  }
  .enrty__post p+figure,
  .enrty__post figure+p{
    margin-top: 60px;
  }
  
  
  .icon-list_wrap.top{
    border-bottom: 1px solid #E8E8E8;
    padding: 0 20px 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .icon-list.post{
    display: none;
  }
  
  
  
  .enrty__post hr + .icon-list_wrap{
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  
  .enrty__post dl{
    margin-top: 30px;
  }
  .enrty__post dl > div{
    padding: 20px 0;
  }
  
  
  
  .enrty__post .parallel{
  }
  .enrty__post hr{
    margin-top: 60px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .enrty__post h2{
    background-size: 19px auto;
    font-size: 2.0rem;
    padding-left: 30px;
    margin-top: 30px;
  }
  .enrty__post h3{
    font-size: 1.8rem;
    padding: 20px;
    margin: 60px -20px 0;
  }
  .enrty__post h4{
    font-size: 1.8rem;
    margin-top: 40px;
  }
  .enrty__post hr + h4{
    margin-top: 60px;
  }
  
  
  
  
  .enrty__post .btn-enrty__post{
    font-size: 1.8rem;
    padding: 25px;
    margin-top: 40px;
    width: 100%;
  }
  .enrty__post .btn-anchor + *,
  .enrty__post .btn-reservation + *{
    margin-top: 65px;
  }
  
  
  .enrty__post .payee{
    margin-top: 45px;
    padding: 30px 15px;
  }
  .enrty__post .payee dt{
    font-size: 2.2rem;
  }
  .enrty__post .payee dd{
    font-size: 1.6rem;
    margin-top: 10px;
  }
  .enrty__post .payee + *{
    margin-top: 30px;
  }
  
  
  
  .end-text h4{
    font-size: 1.8rem;
  }
}




