@charset "utf-8";
/* CSS Document */
@media (min-width: 768px){
#header{
background: url("../img/Union.png") no-repeat                ;
background-size: 100% 100%;
}
}
@media (max-width: 767px){
#header{
width: 100%;
background: url("../img/Page-Head-bg-SP.png") no-repeat 0 / 100% 100%;
}
}
#lower_tittle .right {
z-index: 1;
}
#lower_tittle .right p{
background: linear-gradient(#FFFFDE, #ECF6EB);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 display: inline-block;
}
@media (min-width: 768px){
#lower_tittle{
text-align: left;
display: flex;
padding: 5px 10px;
}
#lower_tittle .left{
width: 30%;
text-align: center;
padding-top: 30px;
}
#lower_tittle .right{
width: 70%;
text-align: right;
}
#lower_tittle .right p{
 font-size: 120px;
 margin-top: -30px;
 z-index: 1;
}
}
@media (max-width: 767px){
#lower_tittle{
}
#lower_tittle .left{
width: 50%;
text-align: center;
}
#lower_tittle .right{
text-align: right;
margin: -30px 10px 0;
}
#lower_tittle .right p{
 font-size: 50px;
 margin: 0 0 80px;
}
}

@media (min-width: 768px){}

/* コンテンツ */
article{
width: 80%;
margin: 0 auto;
position: relative;
}
.green{
background: linear-gradient(#FFFFDE, #ECF6EB);
}
.yellow{
background: linear-gradient(#FFFFDE, #FAECAB);
}
.mouto{
margin: auto;
}
h3{
border-radius: 5px;
display: block;
width: fit-content;
padding: 10px;
margin: 3px;
}
@media (min-width: 768px){
article img{
width: 100%;
height: auto;
}
.h3inner{
position: absolute;
left:350px;
top: 30px;
}
}
@media (max-width: 767px){
article img{
width: 100%;
height: auto;
}
}
/*インタビュー*/
#lower_interview h4{
border-bottom: 1px solid #333;
display: block;
width: 100%;
}
.profile dt{
background: linear-gradient(#FFFFDE, #FAECAB);
width: fit-content;
padding: 2px 5px;
}
.profile dd{
margin: 0;
padding: 10px;
}
.profile dd{
margin: 0;
padding: 10px;
}
.interview_text{
width: 80%;
margin: 0 auto;
}
.q_a{
margin: 0 auto;
}
.q_a dt{
padding-left: 30px;
margin: 25px 0;
background: url("../../interview/img/Q.png") left no-repeat;
}
.q_a dd{
padding-left: 30px;
margin: 0px;
background: url("../../interview/img/A.png") left top no-repeat;
}
@media (min-width: 768px){
#lower_interview .field2,
#lower_interview .field3{
display: flex;
}
.text_left{
margin: 100px 0 30px 200px;
}
.text_right{
margin: 100px 200px 30px 0;
}
}
@media (max-width: 767px){
.text_left{
margin: 50px 0 30px;
}
.text_right{
margin: 50px 0 30px;
}
}
/*募集要項*/
.lower_recruitment{
border-radius: 30px;
box-shadow: 0 0 8px gray;
margin: 0px auto;
}
.lower_recruitment dl {}
.lower_recruitment dl dt {
color: #3FA037;
font-weight: bold;
}
.lower_recruitment dl dd{
margin: 5px 0 5px 5px ;
}
@media (min-width: 768px){
.lower_recruitment{
width: 80%;
padding: 40px;
}
.lower_recruitment dl {
 display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.lower_recruitment dl dt {
  width: 20%;
  padding-bottom: 20px;
  margin-bottom: 10px;
  margin: auto 10px;

}
.lower_recruitment dl dd{
 width: 70%;
  padding-bottom: 20px;
}
}
@media (max-width: 767px){
.lower_recruitment{
width: 90%;
border-radius: 30px;
box-shadow: 0 0 8px gray;
padding: 15px;
margin: 0px auto;
}
.lower_recruitment dl {}
.lower_recruitment dl dt {}
.lower_recruitment dl dd{}
}

/*メールフォーム*/
.thanks{background: url("../img/Circle03-pc.png") center center no-repeat;
padding: 50px 10px;}
.thanks h2{
font-size: 50px;
color: #3FA037;
}
.thanks p {
font-weight: bold;
font-size: 25px;
color: #3FA037;
}
#mailform{
padding: 15px;
margin: 0 auto;
border-radius: 30px;
box-shadow: 0 0 8px gray;
}
#mailformth{
padding: 15px;
margin: 0 auto;
}
@media (min-width: 768px){
#mailform,
#mailformth{
width: 80%;
}
}
@media (max-width: 767px){
#mailform,
#mailformth{
width: 90%;
}
}